@charset "utf-8";
/* ====================Initialization==================== */
html{margin:0;padding:0;width:100%;height:100%;/*font-size:62.5%;*/}
body{
width:100%;
/*height:100%;*/
margin:0;
padding:0;
background: #f7f7f7;/* ?x?[?X?w?i?F */
color:#333;/* ?x?[?X?????F */
font-family:'?q???M?m?p?S Pro W3','Hiragino Kaku Gothic Pro','???C???I',Meiryo,sans-serif;/* ?x?[?X?t?H???g */
/*font-size:16px;font-size:1.6rem;*//* ?x?[?X?t?H???g?T?C?Y */
-webkit-text-size-adjust:none;
}
ul, ol{list-style:none;padding: 0;margin: 0;}
table{font-size:100%;}
figure{margin:0;}
img{vertical-align:middle;border:0;}
input,textarea,button{
padding:6px 10px;
margin:0;
background:transparent;
/*-webkit-appearance:none;*/
}
select{
padding:5px 0;
/*font-size:16px;font-size:1.6rem;*/
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,
header,footer,article,section,nav,div,p,figure,aside,
table,th,td,input,textarea,a{
margin: 0;
}
/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}
/* ====================  ???ﾊ  ==================== */
a{
outline: none;
}
img{
width: auto;
max-width: 100%;
height: auto;
}
.btn {
display: inline-block;
text-align: center;
text-decoration: none;
outline: none;
}
.btn {
/*color: #fff;
border-radius:8px;*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#153884+0,16116d+100 */
/*background: #153884; /* Old browsers */
/*background: -moz-linear-gradient(top,  #153884 0%, #16116d 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #153884 0%,#16116d 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #153884 0%,#16116d 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153884', endColorstr='#16116d',GradientType=0 ); /* IE6-9 */
}
.pickTx{
color:#ffe200;
margin-right: 5px;
}

.nType{
width: 100%;
border-radius:3px;
border:#ccc 1px solid;
background: #FFF;
height: 24px;
padding:2px 0;
}

.linkBox{
display: inline-block;
width: 100%;
text-align: center;
padding-top: 10px;
text-decoration: underline;

}
.mb20{
margin-bottom: 20px;
}
/* ----------???・--------- */
.searchArea{
margin: 20px auto;
text-align: center;
}
.smlTx{
font-size: 12px;
}
.cautionTx{
color:#ff0000;
margin:8px 0;
}
.searchBtn{
cursor:pointer;
border: #ccc 1px solid;
border-radius:8px;
padding: 4px 8px;
font-size:12px;
color:#006400;
}
/* ----------?t???繒・ﾄ?焉@?ԍ????・--------- */
.infoSearch{

}

/* ====================  ?y?[?W???C?A?E?g  ==================== */
.pageFrame{
width: 100%;
margin:0 auto;
text-align: center;
padding:0;
}
.pageFrame.menu{
padding-top: 100px;
}

/* ----------header---------- */
.head{
padding:10px;
/*background: #ffe200;*/
-webkit-box-shadow: 0 0 1px #fff;
        box-shadow: 0 0 1px #fff;
}
.head button{
	/*min-width: 125px;*/
}
.pageFrame.login .head,
.pageFrame.config .head{
/*background: #006400;*/
}
.headTx{
font-weight: normal;
font-size:1.6rem;
color:#333;
}
.pageFrame.login .headTx,
.pageFrame.config .headTx{
color:#fff;
}
.headTx2{
font-size: 1.2rem;
font-weight: normal;
margin-bottom: 15px;
}
.headTx3{
font-size: 2rem;
margin: 40px 10px 20px;
line-height: 1.4em;
word-break: break-word;
}
.topOffBtn{
	margin: 20px 0;
}
.headSubTx{
	margin-bottom: 20px;
	word-break: break-word;
	padding-left: 20px;
	padding-right: 20px;
}
/* ----------section---------- */
.secArea{
padding: 20px 0;
text-align: center;
}
.btnBox{
display: block;
margin:0 auto;
}
.btnBox .btn{
margin-bottom: 20px;
}
.guideTx{
font-size:1.2rem;
text-align: left;
color:#333;
width: 83%;
margin: 0 auto;
}
.detailTx{
font-size:1.2rem;
text-align: left;
color:#333;
width: 83%;
margin: 0 auto;

padding-left:1em;
text-indent:-1em;
}
.detailTx dt{
margin-bottom: 5px;
}
.detailTx dd,
.detailTx li{
margin-bottom: 5px;
}

/* ----------?e?[?u???f?t?H???g---------- */
.defTable{
	width: 100%;
}
.defTable tr{
	cursor: pointer;
}
.defTable tr:nth-child(odd){
	background: #fff;
}
.defTable tr:nth-child(even){
	background: #f7f7f7;
}
.defTable.tableLink tr.unclickable{
	background: linear-gradient(to bottom, #fff, #ddd);
}
.defTable.tableLink tr.clickable:hover{
	color:#000;
	background:#ffe200;
}
.defTable tr.unclickable{
	cursor: default;
}
.defTable th{
	border: 1px solid #777;
	padding: 5px;
	color: #fff;
	background: #777; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-9 */
	cursor: default;
}
.defTable td{
	padding: 5px;
	border:1px solid #ccc;
	vertical-align: middle;
}
.defTable tr.total td{
	padding:5px;
}
.defTable .cel2{
	text-align: center;
}
/* ?ڍ׃{?^?? */
.defTable.info2 td{
text-decoration: none;
}
.defTable.info2 .cel1{

}
.defTable.info2 .cel2{

text-align: center;
}
.detailBtn{
/*display: inline-block;*/
display: none;
font-size: 1rem;
background: #666;
color:#fff;
padding: 5px;
text-align: center;
border-radius:5px;
margin-left: 5px;
}
/* ?訷・??・*/
.defTable.info3 td{
text-decoration: none;
}

/* ----------btnArea---------- */
.btnArea{
text-align: left;
padding:0 10px;
margin-top:20px;
letter-spacing: -.40em; /* ?????Ԃl?߂Č??Ԃ・????・*/
}
.btnArea li{
text-align: center;
display: inline-block;
vertical-align: middle;
letter-spacing: normal;
margin: 5px;
}
.btnArea li a{
display: block;
width: 90px;
padding:10px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;

text-decoration: none;
border-radius:8px;
border:#16116D 1px solid;
color:#16116D;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.col2{
width: 90%;
margin: 0 auto;
letter-spacing: -.4em;
}
.col2 li{
width: 48%;
display: inline-block;
letter-spacing: normal;
}
.col2 li:first-child{
margin-right: 2%;
}
.col2 .confBtn{
width: 100%;
font-size: 12px;
}
/* ----------?\???҂????ﾔ---------- */
.waitTime{
	text-align: left;
	margin: 15px 0;
	color: #f00;
/*padding:0 10px;
text-align:left;
color:#333;
font-weight: normal;
font-size:1.2rem;
margin-bottom: 10px;*/
}

/* ----------conf?G???A---------- */
.confBox{
text-align: left;
padding:10px 0;
width: 90%;
margin: 0 auto;
}
.confTxt{
width: 100%;
background: #FFF;
font-size: 15px;
border:#c0c0c0 1px solid;
}
.confTxa{
width: 100%;
min-height: 100px;
background: #FFF;
font-size: 15px;
border:#c0c0c0 1px solid;
}
.confBtn{
cursor:pointer;
background: #c0c0c0;
border: #ccc 1px solid;
border-radius:8px;
padding: 15px;
color:#006400;
width: 80%;
margin: 0 auto 20px;
}
.offBtn{
cursor:pointer;
background: #FFFFFF;
border: #ccc 1px solid;
border-radius:8px;
padding: 15px;
color:#006400;
width: 80%;
margin: 0 auto 20px;
}
.actBtn{
cursor:pointer;
background: #32cd32;
border: #ccc 1px solid;
border-radius:8px;
padding: 15px;
color:#000000;
width: 80%;
margin: 0 auto 20px;
}
.allBtn{
cursor:pointer;
border: #ccc 1px solid;
border-radius:8px;
padding: 5px;
color:#006400;
width: 80px;
margin: 0 auto 10px;
font-size: 12px;
}

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.color-input{
width: 100px;
background: #FFF;
border:#c0c0c0 1px solid;
}
.confTxtS{
width: 100px;
background: #FFF;
}
.help_icon {
	height: 12px;
	width: 12px;
}

.row-list {
	display: flex;
	justify-content: space-between;
}
.img-label {
	text-align: center;
	padding-top: 12px;
}
.cell-wait-count {
	display: flex;
	justify-content: center;
	align-items :center;
}

.wait-count {
	width: 36px;
}

.congestion_status {
	height: 28px;
}

.reserve-text-area {
	margin-top: 16px;
	display: flex;
	justify-content: center;
}

.reserve-label {
	margin-right: 8px;
	font-size: 1.2rem;
	font-weight: bold;
}
.reserve-number {
	font-size: 1.2rem;
	font-weight: bold;
}

@media screen and (min-width:768px){

	.pageFrame{
	width: 100%;
	max-width: 960px;
	height: 100%;
	}
	.btnBox{
	max-width:600px;
	margin: 0 auto;
	}
	.btnBox .btn{
	margin-left: 25px;
	}
	.btnBox .btn:frist-child{
	margin-left:0;
	}
	.secArea{
	max-width:750px;
	margin: 0 auto;
	}
	.detailTx,
	.guideTx{

	}

	/* 2019/12/20 DD.MURATA ADD START */
	.cnfTable{
		border: solid 1px #000000;
		border-collapse: collapse;
	}
	.cnfTable td, .cnfTable th{
		border: solid 1px #000000;
		border-collapse: collapse;
	}
	.cnfTable th{
		padding:4px;
		text-align:left;
		font-weight: normal;
		font-size:1.6rem;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4e4ef+0,86aecc+100;Grey+Gloss */
		background: #d4e4ef; /* Old browsers */
		background: -moz-linear-gradient(top,  #d4e4ef 0%, #86aecc 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #d4e4ef 0%,#86aecc 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #d4e4ef 0%,#86aecc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-9 */
	}
	.cnfTable td{
		padding:4px;
		text-align:left;
		font-weight: normal;
		font-size:1.6rem;
	}
	/* 2019/12/20 DD.MURATA ADD END */
	/* 2022/10/12 FUJIKIN ADD START */
    a[href*="tel:"] {
    	pointer-events: none;
        color: #333333;
    }

    .reserve-number {
		font-size: 2.0rem;
	}
}