@charset "utf-8";  
/*------------------------------------------------------------ 
    PLAN css
------------------------------------------------------------*/  

#headline{
	background:url(../img/bg-headline.jpg) no-repeat 50% 50%;
	background-size:cover;
}

.planHd{
	width:100%;
	letter-spacing:1px;
	padding:40px 0 20px;
	text-align:center;
}

.planHd h3{
	font-size:36px;
	font-family:'Oswald', sans-serif;
}

.planHd p{
	margin-top:5px;
	font-size:150%;
	font-weight:bold;
}

.style1 .planHd{ color:#3498DC;}
.style2 .planHd{ color:#99CC00;}
.style3 .planHd{ color:#CC9900;}

.sentence{
	text-align:center;
	color:#333;
	font-size:134%;
	line-height:1.5;
	padding-bottom:10px;
}

.caution{
	width:100%;
	text-align:center;
}

.caution span{
	display:inline-block;
	padding:5px 30px;
	color:#fff;
	font-size:117%;
	line-height:1.5;
	border-radius:5px;
}

.style1 .caution span{ background:#3498DC;}
.style2 .caution span{ background:#99CC00;}
.style3 .caution span{ background:#CC9900;}

.planList li{
	display:table;
	width:100%;
	margin-top:20px;
	padding:20px;
	border:1px solid #E8E8E8;
	background:#FBFBFB;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:5px;
}

.planImg{
	display:table-cell;
	vertical-align:top;
	width:200px;
}

.planInfo{
	display:table-cell;
	vertical-align:top;
	padding:0 220px 0 30px;
	color:#333;
	position:relative;
}

.planInfo h4{
	font-size:150%;
	font-weight:bold;
}

.planTxt{
	font-size:134%;
	margin:10px 0;
}

.planInfo dl{
	display:table;
	width:100%;
	font-size:117%;
}

.planInfo dt{
	display:table-cell;
	vertical-align:top;
	width:80px;
	padding-right:10px;
}

.planInfo dt span{
	display:block;
	width:auto;
	height:26px;
	text-align:center;
	line-height:26px;
	border:1px solid #ccc;
	border-radius:5px;
}

.planInfo dd{
	display:table-cell;
	vertical-align:top;
	padding-top:4px;
	line-height:18px;
}

.button{
	width:190px;
	height:50px;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-25px;
}

.button a{
	display:block;
	width:100%;
	height:50px;
	text-align:center;
	line-height:50px;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	border-radius:5px;
	transition:all 0.2s ease-out;
}

.style1 .button a{ background:#3598DC;}
.style2 .button a{ background:#99CC00;}
.style3 .button a{ background:#CC9900;}

.style1 .button a:hover{ background:#71B7E6;}
.style2 .button a:hover{ background:#B7DB4C;}
.style3 .button a:hover{ background:#DBB74C;}


/*------------------------------------------------------------ 
    detail
------------------------------------------------------------*/  

#headline.style1{ background-image:url(../img/bg-standard01.jpg);}
#headline.style2{ background-image:url(../img/bg-standard02.jpg); color:#fff;}
#headline.style3{ background-image:url(../img/bg-junior01.jpg);}
#headline.style4{ background-image:url(../img/bg-junior02.jpg); color:#fff;}
#headline.style5{ background-image:url(../img/bg-premium01.jpg); color:#fff;}
#headline.style6{ background-image:url(../img/bg-premium02.jpg); color:#fff;}
#headline.style7{ background-image:url(../img/bg-premium03.jpg); color:#fff;}

#headline #planName{
	display:inline-block;
	border:1px solid;
	font-size:200%;
	padding:15px 50px;
	margin-top:30px;
}

#headline.style2 #planName,
#headline.style5 #planName,
#headline.style７ #planName,
#headline.style6 #planName,
#headline.style4 #planName{ border-color:#fff;}

#headline.style1 #planName,
#headline.style3 #planName{ border-color:#000;}

#lead{
	margin:40px 0 30px;
	text-align:center;
	font-size:227%;
}

#sentence{
	color:#333;
	font-size:150%;
	line-height:1.5;
}

#planWrap{
	display:table;
	width:100%;
	margin-top:30px;
}

#leftBox{
	display:table-cell;
	vertical-align:top;
	padding-right:30px;
}

#leftBox table{
	width:100%;
	color:#333;
	font-size:134%;
}

#leftBox th{
	width:95px;
	vertical-align:top;
	text-align:center;
	padding:0 20px 16px 0;
}

#leftBox th span{
	display:block;
	width:auto;
	line-height:32px;
	background:#FBFBFB;
	border:1px solid #ccc;
	border-radius:5px;
}

#leftBox td{
	vertical-align:top;
	line-height:24px;
	padding:5px 20px 21px 0;
}

#rivilege{
	width:auto;
	padding:30px 20px;
	margin-top:20px;
	text-align:center;
	color:#fff;
	background:#3598DC;
	border-radius:10px;
}

#rivilegeTxt{
	font-size:150%;
	line-height:1.5;
	font-weight:bold;
}

#rivilegeTxt small{
	display:block;
	font-weight:normal;
	margin-top:25px;
	font-size:84%;
}

#rivilegeBtn{
	width:100%;
	max-width:330px;
	height:60px;
	margin:25px auto 0;
}

#rivilegeBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:60px;
	color:#3598DC;
	font-size:150%;
	font-weight:bold;
	background:#fff;
	border-radius:5px;
}

#rivilege h3{
	font-size:36px;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:20px;
}

#rightBox{
	display:table-cell;
	vertical-align:top;
	width:300px;
}

#rightBox p{
	color:#333;
	font-size:117%;
	padding:15px 0;
}

.gmap{
	width:100%;
	height:250px;
}

#appInfo{
	width:auto;
	margin-top:60px;
	padding:12px;
	overflow:hidden;
	background:#ECF0F1;
}

#appTxt{
	float:left;
	padding:5px 0 0 30px;
	font-size:134%;
	line-height:1.5;
}

#appBtn{
	width:300px;
	height:56px;
	float:right;
}

#appBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:56px;
	color:#fff;
	vertical-align:middle;
	font-size:175%;
	font-weight:bold;
	background:#97A5A6;
	border-radius:5px;
}

.appHeader{
	width:100%;
	margin-block:25px;
	position:relative;
}

.appHd{
	width:auto;
	padding:0 10px;
	text-align:center;
	line-height:60px;
	color:#fff;
	letter-spacing:0.5px;
	font-size:134%;
	background:#3598DC;
	border-radius:5px;
}

.appHd span{
	display:inline-block;
	font-size:109%;
	font-weight:bold;
	padding-right:5px;
}

.dateHd{
	width:auto;
	text-align:center;
	background:#ECF0F1;
	border:1px solid #E8E8E8;
	position:relative;
}

.appDate{
	line-height:48px;
	color:#666;
	font-size:134%;
	font-weight:bold;
}

.appHeader li{
	position:absolute;
	top:0;
	z-index:10;
}

.appHeader .sp-prev{ left:10px;}
.appHeader .sp-next{ right:10px;}

.appHeader li a{
	color:#fff;
	font-size:109%;
	line-height:50px;
}

.appWrap{
	width:auto;
	color:#333;
	padding:0 110px 0 300px;
	border:1px solid #E8E8E8;
	background:#FBFBFB;
	overflow:hidden;
	position:relative;
}

.appTime{
	width:190px;
	font-size:134%;
	position:absolute;
	left:0;
	bottom:0;
}

.appTime dt{
	width:auto;
	padding-left:10px;
	line-height:48px;
}

.appTime dd li{
	width:auto;
	padding-left:10px;
	border-top:1px solid #E8E8E8;
	line-height:48px;
	background:#ECF0F1;
}

.appNavi{
	position:absolute;
	bottom:0;
}

.appNavi.left{
	width:108px;
	left:190px;
	border-right:1px solid #E8E8E8;
}
.appNavi.right{
	width:109px;
	right:0;
	border-left:1px solid #E8E8E8;
}

.appNavi li{
	height:48px;
	text-align:center;
	border-top:1px solid #E8E8E8;
}

.appNavi li span{
	display:table-cell;
	vertical-align:middle;
	width:110px;
	height:48px;
}

.appNavi .navigation{
	border-top:none;
	height:40px;
	padding:4px;
}

.navigation a{
	display:inline-block;
	vertical-align:top;
	width:75px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:117%;
	background:#97A5A6;
	position:relative;
}

.disabled{
	opacity: .5;
	background: none;
}

.navigation .prev{ padding-left:5px;}
.navigation .next{ padding-right:5px;}

.navigation a:after{
	display:block;
	content:"";
	width:0;
	height:0;
	border:20px solid #FBFBFB;
	position:absolute;
	top:0;
}

.navigation .prev:after{
	border-right:10px solid #97A5A6;
	border-left:0;
	left:0;
}

.navigation .next:after{
	border-left:10px solid #97A5A6;
	border-right:0;
	right:0;
}

.appSchedule{
	width:100%;
	overflow:hidden;
}

.appSchedule > ul{
	width:100%;
	overflow:hidden;
	color:#666;
}

.item{
	float:left;
	border-right:1px solid #E8E8E8;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.item li{
	width:auto;
	height:36px;
	padding:6px 2px;
	text-align:center;
	line-height:36px;
	font-size:150%;
	border-top:1px solid #E8E8E8;
}

.appSchedule a{
	display:inline-block;
	width:100%;
	max-width:36px;
	height:36px;
	text-align:center;
	line-height:36px;
	color:#fff;
	background:#00CC99;
	border-radius:5px;
}

.appSchedule .date{
	border-top:none;
	font-size:125%;
	font-weight:bold;
	line-height:18px;
}

.appSchedule .date span{
	font-size:92%;
	font-weight:bold;
}

.appSchedule .sat{ background:#D7F0FF;}
.appSchedule .sun{ background:#FFCCCC;}

#search{
	display:table;
	width:100%;
	margin:35px 0 20px;
	background:#ECF0F1;
	border-radius:5px;
}

#search dt{
	display:table-cell;
	vertical-align:middle;
	width:140px;
	text-align:center;
	color:#333;
	font-size:134%;
	font-weight:bold;
	border-right:1px solid #E8E8E8;
}

#search dd{
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
}

#search dd div{
	display:table;
	width:100%;
}

#search dd ul{
	display:table-cell;
	vertical-align:middle;
	padding:4px 0 4px 10px;
	letter-spacing:-0.5em;
}

#search dd li{
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	letter-spacing:normal;
	padding:2px 10px 2px 0;
	font-size:125%;
}

#search dd li span{
	display:inline-block;
	padding-right:5px;
	vertical-align:middle;
}

/*
#search dd p{
	display:table-cell;
	vertical-align:middle;
	width:40px;
	padding:6px;
}

#search dd p a{
	display:block;
	width:100%;
	line-height:40px;
	text-align:center;
	background:#97A5A6;
	border-radius:5px;
}
*/

.subtxt{
	margin-top:15px;
	color:#333;
	font-size:109%;
	text-indent:-1em;
	padding-left:1em;
}

.application{
	width:100%;
	min-height:100px;
	position:relative;
}

.application:before{
	display:none;
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#fff url(../../common/img/loading2.gif) no-repeat 50% 50%;
	background-size:32px 32px;
	z-index:10;
}

.application.loading:before{ display:block;}

.applicationTxt{
	text-align:center;
	padding:60px 0 30px;
	font-size:134%;
	line-height:1.5;
}

.applicationBtn{
	width:100%;
	max-width:300px;
	height:60px;
	margin:0 auto;
}

.applicationBtn a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:60px;
	color:#fff;
	font-size:175%;
	font-weight:bold;
	background:#00CC99;
	border-radius:5px;
}

/*------------------------------------------------------------ 
    booking
------------------------------------------------------------*/  

#bookingHd{
	width:100%;
	margin-bottom:50px;
	border-top:1px solid #F0F0F0;
}

#bookingHd ul{
	width:auto;
	max-width:1024px;
	padding:18px 5px;
	margin:0 auto;
	overflow:hidden;
}

#bookingHd li{
	width:25%;
	float:left;
	padding:0 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#bookingHd p{
	display:table-cell;
	width:300px;
	height:70px;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:125%;
	background:#E9EDEE;
	position:relative;
}

#bookingHd p span{ font-weight:bold;}

#bookingHd li:not(:last-child) p{ padding:0 25px 0 10px;}

#bookingHd li:not(:last-child) p:after{
	display:block;
	content:"";
	width:0;
	height:0;
	border:35px solid #fff;
	border-left:25px solid #E9EDEE;
	position:absolute;
	right:-35px;
	top:0;
}

#bookingHd .selected{ background:#96A4A5;}

#bookingHd li p.selected:after{ border-left-color:#96A4A5;}

#bookingHd h2{
	width:100%;
	text-align:center;
	line-height:60px;
	font-size:175%;
	font-weight:bold;
	color:#fff;
	background:#3598DC;
}

#formInner{
	width:auto;
	max-width:900px;
	padding:0 10px;
	margin:0 auto;
}

.formBox{
	width:auto;
	padding:0 20px;
	margin-bottom:40px;
	background:#FBFBFB;
	border:1px solid #E8E8E8;
}

.formBox table{
	width:100%;
	color:#333;
	font-size:134%;
}

.formBox th{
	width:200px;
	padding:20px 0;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #E8E8E8;
}

.formBox .middle{ line-height:26px;}

.formBox td{
	vertical-align:middle;
	padding:15px 0;
	border-bottom:1px solid #E8E8E8;
	position:relative;
}

.formBox td span{ padding:0 10px;}

.formBox tr:last-child th,
.formBox tr:last-child td{ border-bottom:none;}

.form-input{
	width:100%;
	max-width:600px;
	border:1px solid #E8E8E8;
	font-size:92%;
	height:36px;
	padding:0 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}

.wid70 { max-width:70px;}
.wid80 { width:80px;}
.wid100{ max-width:100px;}
.wid300{ max-width:300px;}

.error{
	padding:5px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background:#3598DC;
	position:absolute;
	bottom:-0.3em;
	border-radius:4px;
	z-index:10;
}

.form-select{
	border:1px solid #E8E8E8;
	height:36px;
	font-size:92%;
	padding-left:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.form-txtarea{
	width:100%;
	max-width:600px;
	border:1px solid #E8E8E8;
	font-size:92%;
	height:180px;
	padding:10px;
	overflow:auto;
	resize:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}

.label{
	display:inline-block;
	width:auto;
	min-height:16px;
	margin-right:20px;
	vertical-align:middle;
	padding:5px 0 5px 26px;
	position:relative;
}

.label input{
	width:16px;
	height:16px;
	margin:0;
	position:absolute;
	left:0;
	top:6px;
}

.formBox dt{ padding:12px 0;}

.rentalBox{
	width:auto;
	padding:5px 0 5px 80px;
	position:relative;
}

.rentalBox p{
	line-height:36px;
	position:absolute;
	left:0;
	top:5px;
}

#button{
	width:100%;
	text-align:center;
	letter-spacing: -.40em;
}

#button li{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:370px;
	height:60px;
	margin:0 8px;
}

#button li.no{ display:none;}

#button a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:60px;
	color:#fff;
	font-size:175%;
	font-weight:bold;
	border-radius:5px;
}

#button .style1{ background:#00CC99;}
#button .style2{ background:#97A5A6;}
#button .style3{ background:#ccc; cursor:default;}

#compTxt{
	width:auto;
	padding:20px;
	margin-bottom:40px;
	color:#333;
	font-size:134%;
	line-height:1.5;
	background:#FBFBFB;
	border:1px solid #E8E8E8;
}

#compTxt a{ color:#0099FF;}

#insurance dd{
	position:relative;
	padding-bottom:10px;
}

#agree{
	width:100%;
	margin-bottom:30px;
	text-align:center;
	color:#333;
	font-size:117%;
}

#agree input{
	width:16px;
	height:16px;
	margin:0;
}

#ruleHd{
	width:100%;
	text-align:center;
	color:#333;
	font-size:150%;
	padding:25px 0 15px;
}

#rule{
	width:auto;
	height:300px;
	overflow:auto;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #E8E8E8;
	background:#fff;
	color:#333;
}

#rule h4{
	font-size:117%;
	margin-bottom:10px;
	font-weight:bold;
}

#rule p,
#rule ul{
	font-size:109%;
	line-height:1.4;
	margin-bottom:10px;
}

#rule li{
	text-indent:-2.5em;
	padding-left:2.5em;
	line-height:1.4;
}

.member{
	width:100%;
	margin-top:10px;
	position:relative;
}

.memberHd h3{
	width:100%;
	color:#fff;
	text-align:center;
	line-height:50px;
	font-size:134%;
	background:#96A4A5;
}

.is-fixed{ padding-top:50px;}

.is-fixed .memberHd{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	padding:0 31px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.is-fixed .memberHd h3{
	width:100%;
	max-width:858px;
	margin:0 auto;
}

#pay-text{ display:none;}

/*------------------------------------------------------------ 
    payment 
------------------------------------------------------------*/  

.paymentTxt{
	color:#333;
	font-size:117%;
	line-height:1.5;
	padding-top:20px;
}

.card{
	width:100%;
	max-width:594px;
	padding:25px 0 10px;
}

#paybtn{
	width:100%;
	height:60px;
	line-height:60px;
	text-align:center;
	padding:30px 0;
}

/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* PC */
@media screen and (max-width: 960px){


/* detail */

.appWrap{ padding-left:220px;}

.appTime{
	width:110px;
	font-size:109%;
}

.appNavi.left{ left:110px;}

.appSchedule .date{ font-size:109%;}




}

/* TABLET */
@media screen and (max-width: 788px){

.sentence{ font-size:117%;}

.planList li{ padding:14px;}

.planInfo{ padding:0 0 0 20px;}

.planInfo h4{ font-size:134%;}

.planTxt{ font-size:117%;}

.button{
	height:40px;
	position:static;
	margin-top:20px;
}

.button a{
	height:40px;
	line-height:40px;
	font-size:134%;
}


/* detail */

#headline #planName{
	font-size:150%;
	padding:10px 25px;
	margin-top:15px;
}

#lead{
	margin:30px 0 20px;
	font-size:175%;
}

#sentence{
	font-size:134%;
	line-height:1.5;
}

#leftBox{ padding-right:20px;}

#leftBox table{ font-size:117%;}

#leftBox th{ padding:0 10px 10px 0;}

#leftBox td{ padding:5px 10px 15px 0;}

#rivilege{
	padding:20px 15px;
	margin-top:10px;
}

#rivilege h3{
	font-size:200%;
	margin-bottom:10px;
}

#rivilegeTxt{
	font-size:125%;
}

#rivilegeTxt small{
	margin-top:15px;
}

#rivilegeBtn{
	height:50px;
	margin:15px auto 0;
}

#rivilegeBtn a{
	font-size:134%;
	line-height:50px;
}

#rightBox{ width:225px;}

#appInfo{
	margin-top:30px;
	padding:15px 10px;
}

#appTxt{
	float:none;
	text-align:center;
	padding:0;
}

#appBtn{
	height:50px;
	float:none;
	margin:10px auto 0;
}

#appBtn a{
	line-height:50px;
	font-size:150%;
}

.appWrap{ padding-left:110px;}

.appTime{ display:none;}

.appNavi.left{ left:0;}

.appNavi li span:before{
	display:block;
	content:attr(data-hd);
	margin-bottom:2px;
}

.applicationTxt{

}

.applicationBtn{ height:50px;}
.applicationBtn a{
	line-height:50px;
	font-size:150%;
}



/* booking */

#bookingHd{ margin-bottom:30px;}

#bookingHd li p{
	height:50px;
	font-size:109%;
}

#bookingHd li:not(:last-child) p:after{
	border-width:25px;
	border-left-width:20px;
	right:-30px;
}

#bookingHd h2{
	line-height:50px;
	font-size:150%;
}

.formBox{
	padding:0 10px;
	margin-bottom:30px;
}

.is-fixed .memberHd{ padding:0 21px;}

.formBox table{ font-size:125%;}

.formBox th{ width:160px;}

#button{
	width:auto;
	padding:0 5px;
}

#button li{
	width:50%;
	height:50px;
	margin:0;
	padding:0 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#button a{
	line-height:50px;
	font-size:150%;
}

#paybtn{
	height:50px;
	line-height:50px;
}

}

.lessonBtn .loading{
	color:transparent;
	background-color: transparent;
	background-image: url(../../common/img/loading.gif);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 32px;
}


/* SP */
@media screen and (min-width: 561px){
	.sp{
		display: none;
	}
	.appHeader{
		display: none;
	}
	.appWrap{
		margin-top: 25px;
	}
}

@media screen and (max-width: 560px){

.planHd{ padding:30px 0 15px;}

.planHd h3{ font-size:226%;}

.planHd p{ font-size:134%;}

.caution span{
	padding:5px 10px;
	font-size:100%;
}

.planList li{
	display:block;
	padding:10px;
	overflow:hidden;
}

.planImg{
	display:block;
	width:100px;
	float:left;
}

.planInfo{
	display:block;
	width:100%;
	float:right;
	margin-left:-100px;
	padding:0;
}

.planInfo h4{
	font-size:125%;
	padding-left:115px;
}

.planTxt{
	font-size:109%;
	min-height:50px;
	padding-left:115px;
	margin:10px 0;
}

.planInfo dl{ font-size:109%;}

.button{
	width:100%;
	max-width:300px;
	margin:15px auto 0;
}


/* detail */

#headline #planName{
	font-size:134%;
	padding:10px 15px;
}

#lead{ font-size:150%;}

#sentence{ font-size:117%;}

#planWrap{
	display:block;
	margin-top:20px;
}

#leftBox{
	display:block;
	padding-right:0px;
}

#rivilege{
	padding:15px 10px;
}

#rivilege h3{
	font-size:175%;
	margin-bottom:10px;
}

#rivilegeTxt{ font-size:117%;}

#rivilegeBtn{
	max-width:300px;
	height:40px;
}

#rivilegeBtn a{
	font-size:125%;
	line-height:40px;
}

#rightBox{
	display:none;
	width:100%;
	margin-top:20px;
}

.gmap{ height:200px;}

#appInfo{ margin-top:15px;}

#appTxt{ font-size:117%;}

#appBtn{
	width:100%;
	max-width:300px;
	height:40px;
}

#appBtn a{
	line-height:40px;
	font-size:134%;
}

.appHeader{ margin:20px 0 10px;}

.appHd{
	text-align:center;
	line-height:50px;
	font-size:117%;
}

.appHd span{ padding:0;}

.appWrap{
	padding-right:0;
	padding-left:88px;
}

.appNavi.right,
.navigation a{ display:none;}

.appNavi.left{ width:87px;}
.appNavi li{ font-size:92%;}

.navigation:before{
	content:"時間帯";
	line-height:40px;
	font-size:109%;
}

.item li{ font-size:134%;}

.appSchedule a{
	max-width:28px;
	height:28px;
	line-height:28px;
}

#search{
	margin:25px 0 10px;
}

#search dt{
	display:block;
	width:100%;
	font-size:117%;
	padding:10px 0;
	border-right:none;
	border-bottom:1px solid #E8E8E8;
}

#search dd{
	display:block;
	vertical-align:middle;
	overflow:hidden;
}

#search dd div{
	display:table;
	width:100%;
}

#search dd ul{
	display:table-cell;
	vertical-align:middle;
	padding:4px 0 4px 10px;
	letter-spacing:-0.5em;
}

#search dd li{ font-size:100%;}

#search dd li span{
	width:50px;
	padding-right:0;
}

.subtxt{ font-size:92%;}

.applicationTxt{
	font-size:117%;
	padding:40px 0 20px;
}

.applicationBtn{ height:40px;}
.applicationBtn a{
	line-height:40px;
	font-size:134%;
}



/* booking */

#bookingHd,
.formBox{ margin-bottom:20px;}

#bookingHd ul{ padding:10px 0;}

#bookingHd li p{
	height:40px;
	font-size:100%;
	font-weight:normal;
}

#bookingHd li:not(:last-child) p:after{
	border-width:20px;
	border-left-width:15px;
	right:-25px;
}

#bookingHd li:not(:last-child) p{ padding:0 10px 0 5px;}

#bookingHd h2{
	line-height:40px;
	font-size:134%;
}

.formBox table{ display:block;}

.formBox tbody,
.formBox tr,
.formBox th,
.formBox td{
	display:block;
	width:100%;
}

.formBox tr.no{ display:none;}

.formBox th{
	padding:10px 0;
	border-bottom:none;
}

.formBox td{
	padding:0 0 10px;
	font-size:92%;
}

#button{
	width:auto;
	padding:0px;
	margin-top:-5px;
}

#button li{
	width:100%;
	max-width:300px;
	height:50px;
	margin:0 auto;
	float:none;
	padding:5px 0;
}

#button a{
	line-height:40px;
	font-size:134%;
}

#compTxt{
	font-size:117%;
	padding:14px;
	margin-bottom:25px;
}

#paybtn{
	height:40px;
	line-height:40px;
	padding:20px 0;
}

}


@media screen and (max-width: 420px){

.appNavi.left{ width:74px;}

.appWrap{ padding-left:75px;}

#bookingHd li{ font-size:92%;}

.appHd{ font-size:100%;}

.appSchedule .date,
.appNavi li{ font-size:76%;}

.item li{ font-size:117%;}
}