@charset "utf-8";

body{
	margin : 0;
	padding : 0;
	font-family: 'Noto Sans JP', sans-serif;

}
.header img{

	width: 100%;
}

input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
	border-radius: 6px;
	border:1px solid #777777;
	}

.main{
	margin : 5px 20px;
}
.shopcodeinput{
	border-radius:4px;
	border:1px solid #777777;
	width:94%;
	margin:7px 0;
	font-size:125%;
	padding:3%;
	font-weight:bold;
	text-align: center;
}

.submitBt{
	width:100%;
	font-size:125%;
	padding:3%;
	font-weight:bold;
	background:#0000ff;
	color:#ffffff;
	text-align: center;
}
.submitBtTc input{
	border-radius: 8px;
	width : 100%;
}



.spinner-container {
	display: flex;
	justify-content: center;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	margin-top : 10px;
  }
  
  .spinner {
	width: 70px;
	padding: 0;
	text-align: center;
	border: none;
	background: none;
	outline: none;
	pointer-events: none;
	font-size : 140%;
  }
  
  .spinner::-webkit-inner-spin-button,
  .spinner::-webkit-outer-spin-button {
	-webkit-appearance: none;
  }
  
  .spinner-sub,
  .spinner-add {
	display: block;
	width: 45px;
	height: 45px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 50%;
	cursor: pointer;
	line-height: 45px;
  }
  
  .disabled {
	opacity: 0.3;
	cursor: inherit;
  }



  input::placeholder {
	font-weight: normal;
	opacity: 0.5;
	color: red;
  }


  .copyright{
	font-size : 80%;
	text-align: center;
	padding : 30px 0;
  }


  .userdata{
	margin-bottom : 25px;
  }





  .shopname , .useticket{
	margin-bottom : 5px;
	padding : 5px 8px;
	text-align: center;
	border-bottom : 1px solid #252525;
  }
  .shopname{
	border-top : 1px solid #252525;
  }
  .shopname ,   .useticket span{
	  font-weight : bold;
  	font-size : 150%;
}
  .useticket span{
	font-size : 150%;
  }
  .thankyou{
	margin-bottom : 20px;
	text-align: center;
  }
.back{
	text-align: center;
	font-weight: bold;
	margin : 10px 0 20px 0;
	font-size: 120%;
}

  .err{
	color : #ff0000;
	margin : 10px 0;
	display: block;
  }

.logout{
	text-align: right;
	font-size: 90%;
}
.logout a{
	text-decoration: none;
}


.wrap-thanks{
	background:#F6CFA0;
}













/*	conf	*/

.conf-header{
background:#204387;
}

.conf-header img{
	height : 125px;
}

.conftable a{
	color : #000;
	text-decoration: none;
}

.conftable{
	border-collapse: collapse;
	vertical-align:middle;
	width : 90%;
	margin : 10px auto ;
}

.conftable th , .conftable td{
	padding : 5px 10px;
	border: 1px solid #333333;;
}

.conftable .ct{
	text-align: center;
}


.conftable .tckv{
	text-align: center;
	display:inline-block;
	width:2em;
}
.conftable .tckvf{
	width:2em;
	text-align:center;
	font-size:110%;
	margin-right:4px;
}

















.shopregist{
	margin : 20px auto;
}
.shopregist h2{
	font-size: 130%;
	text-align: center;
}

.shopregist input{
}

.shopregist .fiealdttl{
	margin-top: 20px;
	display: block;
}
.formcheck{
	display: inline-block;
	color : #a05608;
}
.shopregist input[type="text"] , .shopregist input[type="email"] , .shopregist input[type="tel"] , .formcheck{
	padding : 8px;
	font-size :120%;
	width : 100%;
	background:#fffcd1;
	border:1px solid #eeeeee;
	border-radius: 6px;
}

.shopregist textarea{
	padding : 8px;
	font-size :120%;
	width : 100%;
	background:#fffcd1;
	border:1px solid #eeeeee;
	border-radius: 6px;
	height : 120px;
}

.ttime{
	width : 100px !important;
	text-align: center;
}
.seldrink{
	width : auto !important;
	text-align: center;
}
.shopregist input[type="submit"] {
	padding : 8px;
	font-size :120%;
	width : 100%;
	background:#0f077b;
	border:1px solid #0f077b;
	border-radius: 6px;
	color :#ffffff;
	font-weight: bold;
	margin : 30px 0;
}
.shopregist .backbt{
	background:#eeeeee !important;
	border:1px solid #eeeeee !important;

	color :#000000 !important;
}
.shopregist select{
	padding : 8px 15px;
	font-size :120%;
	background:#fffcd1;
	border:1px solid #eeeeee;
	border-radius: 6px;
}
.shopeditselect{
	padding : 8px 15px;
	font-size :120%;
	background:#eeeeee;
	border:1px solid #eeeeee;
	border-radius: 6px;
}

.shopregist .required{
	font-size :120%;
	font-weight: bold;
	color : #ff0000;
}

.requiredmess{
	color : #ff0000;
}







.shopregist label , .conftable2 label{
	line-height: 2;
	display:inline-block;
}



.my-checkbox {
	position: relative;
	margin: 1em 25px 0 0;
	padding-left: 28px;
	cursor: pointer;
	user-select: none; /* テキストの選択を防ぐ */
  }
  
  /* inputは非表示にする */
  .my-checkbox input {
	display: none;
  }
  
  /* □ */
  .checkmark {
	position: absolute;
	top: 5px; /* 上からの位置 */
	left: 0;
	height: 22px; /* 大きさ */
	width: 22px; /* 大きさ */
	border: solid 2px #d4dae2; /* 線 */
	border-radius: 4px;
	box-sizing: border-box;
  }
  /* ✓ */
  .checkmark:after {
	content: "";
	position: absolute;
	left: 5px; /* チェックの位置 */
	top: 1px; /* チェックの位置 */
	width: 6px; /* チェックの大きさ */
	height: 10px; /* チェックの大きさ */
	border: solid #FFF;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0; /* 透明にしておく */
  }
  
  /* チェックが入ったときの□ */
  .my-checkbox input:checked + .checkmark {
	background: #a05608; /* チェック時の色 */
	border-color: #a05608; /* チェック時の色 */
  }
  
  /* チェックが入ったときの✓ */
  .my-checkbox input:checked + .checkmark:after {
	opacity: 1; /* 透明を解除 */
  }














/* PC ここから-------------------------------- */
@media (min-width: 768px) {
	.smp,.sp{display:none;}
	.shopregist{width : 60%;}
	.uploadimage{width : 300px;}
}
/* PC ここまで-------------------------------- */


/* スマホ ここから-------------------------------- */
@media screen and (max-width: 767px) {
	.pc{display:none;}
	.shopregist{width : 90%;}
	.uploadimage{width : 100%;}

}
/* スマホ ここまで-------------------------------- */



.conftable2 input , .conftable textarea{
	font-size : 1.2rem;
	padding : 10px;
	width : 90%;
	background:#efefef;
	border:none;
	border-radius: 6px;
	font-weight: 400;

}
.conftable textarea{

	height : 180px;
}
.conftable td , .conftable th{
	padding : 10px;
}


.examination , .nonexamination{
	border-radius: 8px;
	padding : 2px 6px;
	width : 4em;
	display: inline-block;
}

.examination{
	background:#204387;
	color:#ffff00;
	font-weight: bold;
	
}

.nonexamination{
	background:#eeeeee;
	color:#222222;
}






.pagination{
	margin:20px 0;
	text-align:center;
}

.pagination a{
	display:inline-block;
	padding:0 15px;
	color : #000;
	text-decoration: none;
}
.pagination a:hover{
	text-decoration: underline;
}

.pagination .on{
	font-weight: bold;
	text-decoration: underline;
	color:#000066;
}


.remindermailsenddate{
	font-size: 80%;

}