@charset "utf-8";
/* =======================================
	CommonElements
======================================= */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video {margin:0; padding:0; border:0; outline:0;	font-size:100%; vertical-align:baseline; background:transparent;}
body , html {height: 100%;}
body {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;color:#161616;background:url(../../img/common/bg.gif) left top repeat;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
nav ul,li {list-style:none;}
blockquote, q {	quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
a {margin:0;padding:0; border:0;font-size:100%;background:transparent;text-decoration:none !important;color:#231212;}
a:hover{color:#0049b6}
a:focus {outline:thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
img{margin: 0; padding: 0;	vertical-align: bottom;}
ins {background-color:#ff9; color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor:help;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
table th{padding:0 10px 35px 0;text-align:left;vertical-align:middle;white-space:nowrap;}
table td{padding:0 0 35px 0}
hr {display:block;height:1px; border:0; border-top:1px solid #ccc; margin:2.3em 0; padding:0;}
input {vertical-align:middle;}
select{
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}
textarea,input[type="text"],input[type="tel"],input[type="email"],input[type="email"],input[type="time"]{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	border:solid 1px #c9c9c9;
	border-radius:4px;
	font-size:16px;
}
textarea{
	width:100%;
	height: 13em;
	line-height: 1.5em;
	resize:none;
	padding:10px;
	min-height:140px;
	box-sizing:border-box;
}
input[type="text"],input[type="tel"],input[type="email"],input[type="password"],input[type="time"]{height:48px;line-height:48px;padding:0 10px;box-sizing:border-box;}

.cp_ipcheck label{line-height:135%;position: relative;margin:0 0.5rem;cursor:pointer; font-weight:normal}
.cp_ipcheck input[type="checkbox"] {position:relative; margin:0 1rem 0 0; cursor:pointer;}
.cp_ipcheck input[type="checkbox"]:before {
	position: absolute;
	z-index: 1;
	top:.1rem;
	left: 0.35rem;
	width: 0.75rem;
    height: 0.375rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: rotate(-45deg) scale(0, 0);
	        transform: rotate(-45deg) scale(0, 0);
	border: 2px solid #b8b8b8;
	border-top-style: none;
	border-right-style: none;
}
.cp_ipcheck input[type="checkbox"]:checked:before {-webkit-transform: rotate(-45deg) scale(1, 1);  transform: rotate(-45deg) scale(1, 1); border: 2px solid #fff; border-top-style:none; border-right-style:none;}
.cp_ipcheck input[type="checkbox"]:after {
	position: absolute;
	top: -0.4rem;
	left: 0;
	width:1.5rem;
	height:1.5rem;
	content: '';
	cursor: pointer;
	border: 2px solid #eee;
	background:#fff;
}
.cp_ipcheck input[type="checkbox"]:checked:after{background:#b8b8b8;border: 2px solid #b8b8b8;}

.full_input input{width:100%}
.medium-input input{width:50%}
.moderate-input input{width:350px;}
.larger-input input{}
.h3{margin-bottom:15px;}
.f11{font-size:11px !important}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.Bold,.bold{font-weight:bold}

.m0{margin:0}
.m0auto{margin:0 auto}
.m10auto{margin:10px auto}
.mt2{margin-top:2px}
.mt05{margin-top:5px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt35{margin-top:35px !important}
.mb5{margin-bottom:5px !important}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb40{margin-bottom:40px}
.mb45{margin-bottom:45px}
.mb65{margin-bottom:65px}
.ml2{margin-left:2px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.mr20{margin-right:20px}
.p15{padding:15px; box-sizing:border-box;}
.pr15{padding-right:15px;}
.pl20{padding-left:20px}
.pt15{padding-top:15px;}
.pb15{padding-bottom:15px;}

.TextC{text-align:center}
.TextL{text-align:left}
.TextR{text-align:right}
.TShadow{text-shadow:1px 1px 3px #333;}
.indent1{text-indent:1em}
a img.btn {-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
img.btn {opacity: 0.6;filter: alpha(opacity=60);}
.section {text-align:center;}
.redpink{color:#de4d4d}
.Emerald{color:#26a69a}
.error{color:#db0009; padding-left:5px;}
.sp{display:none}
.bgh{width:100%; background:#fff;}
.w90p{width:90%;}
.w80p{width:80%;}
.w60p{width:60%;}
.w40p{width:40%;}
.LinkColor a{color:#fc8944}
.nowrap{white-space:nowrap}
.btnContact{text-align:center; margin:40px 0;}
table.pctable{width:auto}
table.pctable td{vertical-align:top;padding-right:15px;}

@media screen and (max-width: 768px) {
.cp_ipcheck input[type="checkbox"],.cp_ipcheck label{display:inline-block; vertical-align:top;}
.cp_ipcheck input[type="checkbox"]{margin-top:3vw}
.cp_ipcheck label{width:85%;}
table.sp_block th,table.sp_block td{display:block;}
table.sp_block th{width:100%; padding-bottom:0;	padding-top:10px;}
table.sp_block td{padding-bottom:10px}
.sp-m10auto{margin:10px auto}
.ml25,.ml20{margin-left:0}
.sp-mb20{margin-bottom:20px}
.sp-mt15{margin-top:15px}
.sp-f16{font-size:16px}
.sp-f25{font-size:26px}
.sp-f1rem{font-size:1rem}
.sp-TextC{text-align:center}
.sp-TextL{text-align:left}
.sp-TextR{text-align:right}
.sp-pl0{padding-left:0}
.sp{display:inline-block}
.pc{display:none}
hr.Dashed.mb45{margin-bottom:10px;}
.sp-w100{width:100%; height:auto}
.sp-w95{width:95%; height:auto}
.sp-w45{width:45%; height:auto}
table th,table td{font-size:.84rem;}
table.pctable{width:100%;}
table.pctable td{padding-right:0;padding-bottom:10px;}
}
/*------------------------
 Header
--------------------------*/
#header{
	background-color:#fff;
	box-shadow:rgba(85, 75, 44, 0.729412) 0px 6px 5px -5px;
	-webkit-box-shadow:rgba(85, 75, 44, 0.729412) 0px 6px 5px -5px;
	-moz-box-shadow:rgba(85, 75, 44, 0.729412) 0px 6px 5px -5px;
	margin-bottom:0px;
}
#headerIn{
	height:110px;
	margin:0 auto;
	position:relative;
}
#headerIn .LogOut{
	position:absolute;
	top:20px;
	right: 15px;
	width:97px;
	font-size:90%;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	padding:3px 0;
	text-align:center;
	border:solid 1px #ccc;
	border-radius:5px;
}
#headerIn .StoreName{
	background-color:#b8b8b8;
	min-width:97px;
	position:absolute;
	bottom:20px;
	right:15px;
	box-sizing: border-box;
	font-weight:bold;
	text-align:center;
}
#headerIn .StoreName a{color:#fff; padding:3px 5px;display:block;}
#headerIn .StoreName a:hover{opacity:.8;}
#headerIn .StoreName .dropdown-item{color:#000;}
#headerIn .StoreName .dropdown-item:hover{background:none}
#headerIn .clock{
	position:absolute;
	bottom:20px;
	left:250px;
	width:16%;
	border-radius:4px;
	border:solid 1px #cccfd0;
}
#headerIn .clock p{border-bottom:solid 1px #cccfd0;text-align:center;}
#headerIn .clock p.date{font-size:14px;}
#headerIn .clock p.time{border-bottom:none; font-size:30px}
#headerIn .clock p.time span{ font-size:24px;}
#logo{position:absolute; left:15px; top:13px;}
#headerNav{position:absolute; left:150px; top:12px;}
#headerNav ul > li {
    float: left;
    width:120px;
	text-align:center;
    height: 88px;
    line-height: 88px;
	font-size:14px;
}
#headerNav ul > li a {
    display: block;
	background:url(../../img/common/nave.png) 18px 5px no-repeat;
	padding-top:30px;
	box-sizing:border-box;
	height:88px;
	background-size:222px;
	color:#a9a9a9;
}
#headerNav ul li.nav02 a{background-position:18px -153px;}
#headerNav ul li.nav03 a{background-position:18px -300px;}
#headerNav ul li.nav04 a{background-position:18px -447px;}
#headerNav ul li.nav05 a{background-position:18px -608px;}
#headerNav ul li.nav06 a{background-position:18px -710px;}
#headerNav ul li.nav07 a{background-position:18px -847px;}
#headerNav ul li.nav08 a{background-position:18px -987px;}
#headerNav ul li.nav01 a:hover,#headerNav ul li.nav01 a.active{background-position:-122px 5px;}
#headerNav ul li.nav02 a:hover,#headerNav ul li.nav02 a.active{background-position:-122px -153px;}
#headerNav ul li.nav03 a:hover,#headerNav ul li.nav03 a.active{background-position:-122px -300px;}
#headerNav ul li.nav04 a:hover,#headerNav ul li.nav04 a.active{background-position:-122px -447px;}
#headerNav ul li.nav05 a:hover,#headerNav ul li.nav05 a.active{background-position:-122px -608px;}
#headerNav ul li.nav06 a:hover,#headerNav ul li.nav06 a.active{background-position:-122px -710px;}
#headerNav ul li.nav07 a:hover,#headerNav ul li.nav07 a.active{background-position:-122px -847px;}
#headerNav ul li.nav08 a:hover,#headerNav ul li.nav08 a.active{background-position:-122px -987px;}
#headerNav ul > li a:hover,#headerNav ul > li a.active { color:#000}
#headerNav ul li ul.menu__second-level {visibility:hidden; opacity:0; z-index:1;}
#headerNav ul li ul.menu__third-level {visibility:hidden; opacity:0;}
#headerNav ul li ul.menu__fourth-level {visibility:hidden; opacity:0;}
#headerNav ul > li:hover {-webkit-transition: all .5s; transition:all .5s;}
#headerNav ul li ul.menu__second-level li,#headerNav ul li ul.menu__third-level li {border:1px solid #fff;border-bottom:none;}
#headerNav ul li ul.menu__second-level li:last-child{border-bottom:1px solid #fff;}
#headerNav ul li ul.menu__second-level li a:hover{color:#fff}
#headerNav ul li ul.menu__third-level li a:hover{}
#headerNav ul li ul.menu__fourth-level li a:hover{}
#headerNav ul:before,.menu:after {content:" ";display:table;}
#headerNav ul:after {clear:both;}
#headerNav ul {*zoom: 1;}
#headerNav ul > li.menu__multi {position: relative;z-index:1;}
#headerNav ul li.menu__multi ul.menu__second-level {
    position:absolute;
    top:100px;
	left:0;
    width:100%;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
	z-index:99
}
#headerNav ul li.menu__multi:hover ul.menu__second-level {top:100px; visibility:visible; opacity:1;}
#headerNav ul li.menu__multi ul.menu__second-level li {
	position: relative !important;
	display:block;
	text-indent:0;
	overflow:visible;
	height:45px;
    line-height:45px;
	background-color:#000;
	text-align:center;
}
#headerNav ul li.menu__multi ul.menu__second-level li a{background:none;height:45px;color:#fff;padding-top:0;}
#headerNav ul li.menu__multi ul.menu__second-level li:hover{}
#headerNav ul li.menu__multi ul.menu__second-level li ul.menu__third-level {
    position: absolute;
    top: 10px;
    left: 100%;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
#headerNav ul li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {visibility:visible; opacity:1;}
#headerNav ul li.menu__multi ul.menu__second-level li ul.menu__third-level li { position: relative;}
#headerNav ul li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover { }
#headerNav ul li.menu__multi ul.menu__second-level li ul.menu__third-level li ul.menu__fourth-level {
    position: absolute;
    top: -1px;
    left: 100%;
    width: 100%;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
#headerNav ul li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level {visibility:visible; opacity:1;}
.init-right:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
	#logo{left:8px;}
}
/*------------------------
 Content
--------------------------*/
#Contentwrap{margin:0 auto;overflow:hidden;padding:15px;}
.PageContent{background-color:#fff; padding:24px; margin-bottom:20px;}
.PageContent.pt60{padding-top:60px;}
.PageContent h2{
	color:#5e5e5e;
	font-size:1.15rem;
	padding:13px;
	border:1px solid #b8b8b8;
	position: relative;
	margin:5px 0 24px;
	background-color:#f5f5f5;
	border-radius:6px;
}
.PageContent h2 span{font-weight:bold}
.PageContentNav{overflow:hidden;width:100%;padding:15px 0 20px;}
.PageContentNav p{float:left;}
.PageContentNav p strong{font-size:22px; padding:0 7px;}
@media screen and (max-width: 1024px) {
	#headerIn {width:98%;}
	#Contentwrap{width:100%;}
	#headerNav ul > li{width:115px;}
	#headerIn .clock{display:none}
	#headerIn .StoreName{width:auto;}
}
@media screen and (max-width: 768px) {
	#headerNav{ display:none}
	#headerIn .StoreName{top:auto; bottom:15px;}
	#headerIn .LogOut{top:auto;bottom:15px;left:230px}
	#Contentwrap{padding-top:0}
	.sp-block{display:block;padding-top:10px;}
	.PageContent{padding:15px;}
	.PageContent h2{font-size:115%;}
	.PageContentNav{padding-top:0.8rem}
	.PageContent.pt60{padding-top:6vw;}
}
@media screen and (max-width: 480px) {
	#headerIn{height:90px;}
	#headerIn .StoreName{
		background:none;
		left:28.5%;
		bottom:13px;
		width:auto
	}
	#headerIn .StoreName a{color:#000;}
	#headerIn .LogOut{bottom:50px; left:auto; right:80px;}
	#logo{width:35%;}
	#logo img{width:100%;height:auto}
}
/*------------------------
 Breadcrumb
--------------------------*/
.Breadcrumb{overflow:hidden;display:block;float:right;}
.Breadcrumb li{
	float:left;
	font-size:16px;
	margin-left:11px;
	width:39px;
	text-align:center;
}
.Breadcrumb li a{border: 1px solid #c6bcad;display:block;padding:6px 0;}
.Breadcrumb li a:hover,.Breadcrumb li.on a{background-color:#b8b8b8; color:#fff;}
.Breadcrumb li.left,.Breadcrumb li.right{text-indent:100%;white-space:nowrap;overflow:hidden;}
.Breadcrumb li.left a{background:#fff url(/img/common/left_off.png) center center no-repeat;background-size: 40%;}
.Breadcrumb li.right a{background:#fff url(/img/common/right_off.png) center center no-repeat;background-size: 40%;}
.Breadcrumb li.left.on a{background:#b8b8b8 url(/img/common/left_on.png) center center no-repeat;background-size: 40%;}
.Breadcrumb li.right.on a{background:#b8b8b8 url(/img/common/right_on.png) center center no-repeat;background-size: 40%;}

@media screen and (max-width: 768px) {
.Breadcrumb{width:100%;float:none;margin:0 auto}
.Breadcrumb li{font-size:14px; width:32px;}
}
.no_pad {padding:0;}
.hidden {display:none;}
div.datetime{display:inline-block;vertical-align:middle;}
input.normal_input {width:255px;}
.flowtable th.two_line {vertical-align:middle;}

/*-----------------
  Display
------------------*/
.display-none{display:none}
.display-block{display:block}
.display-inline{display:inline}
.display-inline-block{display:inline-block}
.display-inherit{display:inherit}
.display-table{display:table}
.display-flex{display:-ms-flexbox;display:-webkit-flex; display:flex;}
.display-flex-center{display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center;}
.display-flexjustifycenter{display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center;}
.display-flex-between{display:-webkit-flex; display:flex;-webkit-justify-content:space-between; justify-content:space-between;}
.align-center{-webkit-align-items:center; align-items:center;}
.align-start{-webkit-justify-content:flex-start; justify-content:flex-start;}
.flex-end{-webkit-justify-content:flex-end;justify-content:flex-end;}
.align-end{-webkit-align-items:flex-end; align-items:flex-end;}
.align-items{-webkit-align-items:flex-start; align-items:flex-start;}
.flex-wrap{-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flex-flow{flex-flow:row-reverse;}
.inline-block-list li,.inline-block-list p,.inline-block-list div{margin-bottom:15px;}
.inline-block-list li > [class*="col-"],.inline-block-list * > [class*="col-"]{display:inline-block; vertical-align:middle;}
.inline-block-list li > span,.inline-block-list * > span{vertical-align:middle;}
.col-120{width:120px;}
.col-160{width:160px;}

@media screen and (max-width: 768px) {
.sp-display-none{display:none}
.sp-display-block{display:block}
.sp-display-inline{display:inline}
.sp-display-inline-block{display:inline-block}
}

/*-----------------
  Box
------------------*/
.box{display:block; padding:6px 12px; border:1px solid #ddd; border-radius:4px;}
.box-p15-20{padding:15px 20px;}
@media screen and (max-width: 768px) {
	.box{margin:3vw auto;width:100%;}
}
/*-----------------
  overflow
------------------*/
.ov-hidden{overflow:hidden}
.ov-y-scroll{overflow-y:scroll}

/*-----------------
  Table
------------------*/
.table-center>thead>tr>th,
.table-center>tbody>tr>td{text-align:center; vertical-align:middle;}

@media screen and (max-width: 768px) {
.responsive-table table>thead{display:none}
.responsive-table table>tbody>tr{display:block; margin-bottom:5vw}
.responsive-table table>tbody>tr>td{text-align:left;}
.responsive-table table>tbody>tr>td::before {
    content:attr(data-label);
	min-width:18vw;
	font-weight:bold;
	display:inline-block;
  }
}

/*-----------------
bootstrap
------------------*/
.custom-radio .custom-control-label{padding:.1rem .5rem .1rem .1rem;}
.custom-radio .custom-control-label::before {border:solid 2px #ccc;width:1.25rem; height:1.25rem;border-color:#ccc;}
.custom-radio .custom-control-input:checked~.custom-control-label{color:#007bff;}
.custom-control-input:checked~.custom-control-label::before{background-color:#fff;}
.custom-control-label::after{display:none}
.custom-control.custom-radio.radio-static {padding-left:0}
.custom-control.custom-radio.radio-static .custom-control-label::before {position:static}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour{padding:3px 0;}
.bootstrap-datetimepicker-widget table td{padding:3px 0;height:40px;line-height:40px;}

/*-----------------
select2
------------------*/
.select2-container{min-height:38px; border-radius:.25rem;}
.required .select2-container--default .select2-selection--multiple{background-color:#EDF4F9;}

@media screen and (max-width: 768px) {
	.select2-container{min-width:200px;}
}

/* form adjust */
#schedule .select2{ width: 100% !important;}
#device .rel,#device #submit_btn,
#terminal_group .rel,#terminal_group #submit_btn,
#schedule .rel,
#roll .rel,#roll #submit_btn,
#roll_group .rel,#roll_group #submit_btn,
#report .rel,
#material .rel,#material #submit_btn,
#material_group .rel,#material_group #submit_btn{ width: 100%;}
@media screen and (min-width: 1280px) {
	#device .container,
	#terminal_group .container,
	#schedule .container,
	#roll .container,
	#roll_group .container,
	#material .container,
	#resource .container,
	#capture .container,
	#report .container,
	#material_group .container{margin-left: 0;max-width: 100%;}
	#check label{width: 30%;text-align: right;}
	#check .form-group{width: calc(100% - 7rem);}
}
#schedule .select2-container .select2-selection--single {
    line-height: 35px;
    height: 38px;
}

#timetable{
	overflow-y:scroll;
height: 53vh;}
#timetable-events{
	position: relative;
}
#timetable-events p.bold{
	margin: 1.5rem 0 !important;
}
#timetable-events p.bold i{
	display:none;
}
#timetable-events p:nth-of-type(2){
	display: inline-block;
	position: absolute;
	top:0;
	right:15px;
}
.fc-view-harness {
    height: 58vh !important;
}
#headerNav ul li.nav01.menu__multi ul.menu__second-level{
	display:flex;
}
.date:before {
    position: absolute;
    display: block;
	width:100%;
	height:100%;
    content: "";
    top: 0;
    right: 0;
    z-index: 0;
	background-color: #EDF4F9;
	border-radius: 4px;
}
.required input[type="text"]#modal-public_start_datetime,
.required input[type="text"]#modal-public_end_datetime{
	background-color:transparent;
}
.date:after {
    z-index: 0 !important;
}
.PageContent {
    box-shadow: 0 15px 15px rgb(222 222 222 / 25%) !important;
	margin-bottom: 20px;
}