/*======*/
div.reservation_box{width: 100%;height: auto;margin-top: 15px;padding:15px 0px;border-top: 6px solid #181818;border: 1px solid rgba(255,255,255,1.0);background:rgba(250,255,255,0.6);margin-bottom: 15px;}
div.reservation_box h3.ja {width: calc(100% - 25px); height: auto;text-align: left;font-size: 14px;line-height: 1.6;border-left: 7px solid #03333e;text-indent: 6px;position: relative;}
div.reservation_box p.info{width: calc(100% - 25px); height: auto;text-align: left;padding:5px 0px;}
div.reservation_box_overlow{width:100%;overflow:auto;}
div.reservation_box_overlow table{background: #ddd7d7;}
div.reservation_box_overlow th{background: #efefef;}
div.reservation_box_overlow td{background: #ffffff;}
div.reservation_box_overlow td a{display:block;color:#ce1869;font-weight:bold;}
	@media all and (min-width: 1025px) {
		div.reservation_box_overlow td:hover{background: #ffecf4;}
	}
	@media all and (max-width: 1024px) {
		.reservation_box_overlow{overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;scrollbar-width: none;}
		#pan::-webkit-scrollbar {display: none;}
	}

.reservation_box_overlow_contents{width: calc(100% - 25px);height: auto;position:relative;}
	@media all and (min-width: 768px) {
		.reservation_box_overlow_contents{padding-top: 0px;}
	}
	@media all and (max-width: 767px) {
		.reservation_box_overlow_contents{padding-top: 20px;}
    	.reservation_box_overlow_contents::before {content: "横スクロール ≫";width: 100%;height: auto;display: inline-block;position: absolute;top: 0px;left: 0px;line-height: 1.5;text-align: right;}
	}

/*======*/
div.reservation_box ul{width: calc(100% - 25px);display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding-top:10px;}
div.reservation_box ul li{width:100%;border: 1px solid #ddd7d7;padding:4px 0px 5px 0px;}
div.reservation_box ul p{width: calc(100% - 20px);text-align:left;line-height:1.5;}
div.reservation_box ul p label{width:100%;display:block;cursor: pointer;}
	@media all and (max-width: 767px) {
		div.reservation_box ul{display:grid;grid-template-columns:repeat(1,1fr);gap:5px;}
	}

/*======*/
.selected_contents{width: calc(100% - 25px);background:#ffecf4;border:1px solid #eba0c0;padding:6px 0px;margin-top:15px;}
.selected_contents p{width: calc(100% - 25px);color:#ce1869;line-height:1.5;}
div.reservation_box dl{width: calc(100% - 25px);margin:0px auto;}
div.reservation_box dl div.grid{width:100%;margin:0px auto;
	display:grid;grid-template-columns:25% 75%;gap:0px;}
div.reservation_box dl div dt{width:100%;border-bottom: 1px solid #ae9f9f;padding:15px 0px;}
div.reservation_box dl div dt h4{width:calc(100% - 15px);border-left:6px solid #03333e;line-height:1;text-align:left;text-indent:7px;padding:3px 0px 1px 0px;color:#d93679;}
div.reservation_box dl div dt h4 small.hissu{display:inline-block;background:#da3679;color:#ffffff;padding:3px 10px;text-indent:0px;margin-left:10px;transform: translateY(-1px);}
div.reservation_box dl div dd{width:100%;border-bottom: 1px solid #ddd7d7;padding:15px 0px;}
div.reservation_box dl div div{width:calc(100% - 15px);text-align:left;}
	@media all and (max-width: 767px) {
		div.reservation_box dl div dt h4{width:100%;}
		div.reservation_box dl div{display:grid;grid-template-columns:repeat(1,1fr);gap:5px;}
	}

/*======*/
input ,select, textarea{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input[type=text] , 
input[type=tel] , 
input[type=email]
	{width:100%;height:28px;}
input[type=date]{width:50%;height:28px;}
select{width:60%;height:28px;}
textarea{width:100%;height:150px;line-height:160%;}
	@media all and (max-width: 768px) {
		input ,textarea{font-size:16px;}
	}

/*======*/
p.domain{width:100%;padding:15px 0px;}
div.submit{}
div.confirm_buttons{width:100%;padding:15px 0px 0px 0px;}
div.confirm_buttons button{margin:0px 10px;}
div.submit form{display:inline-block;}
div.submit input[type=submit] , 
div.submit button ,
div.confirm_buttons button
	{width: 200px;height: 37px;background:#03333e;color:#efeac5;cursor:pointer;border:none;}
	@media all and (min-width: 1025px) {
		div.submit input[type=submit]:hover , 
		div.submit button:hover , 
		div.confirm_buttons button:hover
			{background:#0a4f5f;}
	}

.course_title{width: calc(100% - 25px);text-align: left;padding-top: 15px;}
h4.course_title span {display: inline-block;width: auto;text-align: center;background: #181818;color: #ffffff;line-height: 1.5;padding: 3px 15px 1px 15px;}