@charset "EUC-JP";
/* CSS Document */

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0px #ccc;
	-webkit-box-shadow: 0 0 0px #ccc;
	box-shadow: 0 0 0px #ccc;
	border:  0px solid #fff;
	left: 0px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
/** 
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
/** 
===================================*/
.bx-wrapper .bx-prev {
	display: none;
}
.bx-wrapper .bx-next {
	display: none;
}
/** PAGER
===================================*/
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #f5a032;
}

/*==============================*/
/* スクール スライダー */
/*==============================*/
.school_slide div.slide{
	overflow: hidden;
	width: 100%;
	height: 550px;/* 444px */
	position: relative;
}
	@media(max-width: 600px){
		.school_slide div.slide{
			overflow: hidden;
			width: 100%;
			height: 230px;
			position: relative;
		}
	}
.school_slide_tmb div{
	overflow: hidden;
	width: 70px;
	height: 40px;
	position: relative;
	display: inline-block;
}
.school_slide div.slide img,
.school_slide_tmb div img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*==============================*/
/* ｳ莢・*/
/*==============================*/
div.discount{
	padding: 20px;
	background: #d2f1ff; 
}
div.discount div div{
	background: #FFF;
	padding: 10px 6px 10px 10px;
	border: 1px solid #ccc;
	
}
div.discount p{
	text-align: center;
	margin-bottom: 10px;
}
div.discount dl dt{
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	margin-bottom: 5px;
}
div.discount dl dd{
	line-height: 1.3em;
}
/** ･ｰ･・・
===================================*/
div.discount div div.guru_wari{ border-color: #43B0D0; }
div.discount div div.guru_wari dl dt{ color: #43B0D0; }
/**ﾁ盖・
===================================*/
div.discount div div.haya_wari{ border-color: #FF9933; }
div.discount div div.haya_wari dl dt{ color: #FF9933; }
/** ｳﾘｳ・
===================================*/
div.discount div div.gaku_wari{ border-color:#68B444;}
div.discount div div.gaku_wari dl dt{ color:#68B444;}

/** ｽ�ﾀｭｳ・
===================================*/
div.discount div div.ladies_wari{ border-color:#E77EE9;}
div.discount div div.ladies_wari dl dt{ color:#E77EE9;}

/*==============================*/
/* ･｢･ｯ･ｻ･ｹ */
/*==============================*/
div.access ul{
	overflow: hidden;
}
div.access ul li{
	position: relative;
	float: left;
	width: 113px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding-top: 20px;
	background: #eee;
	text-align: center;
	min-height: 120px;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	font-weight: bold;
}
div.access ul li:first-child{
	margin-left: 0;
}
div.access ul li:after{
	position: absolute;top:50px; left: -50px;
	content: "";
	width: 50px;
	height: 50px;
}
div.access ul li small{
	color: #444;
	font-weight: normal;
	letter-spacing: 0.05em;
}
div.access .red{
	color: #EC0D0D;
}

/** ｿｷｴｴﾀ�
===================================*/
div.access ul li.express:after{ background: url(/common/img/icon/icons_express.jpg)no-repeat; }
/** ﾅﾅｼﾖ
===================================*/
div.access ul li.train:after{ background: url(/common/img/icon/icons_train.jpg)no-repeat; }
/** ｼﾖ
===================================*/
div.access ul li.car:after{ background: url(/common/img/icon/icons_car.jpg)no-repeat; }

/** ｼﾖ
===================================*/
div.access ul li.ship:after{ background: url(/common/img/icon/icons_ship.jpg)no-repeat; }

div.access ul li.express,
div.access ul li.train,
div.access ul li.car,
div.access ul li.ship{margin-left:60px;}

/*==============================*/
/*  order */
/*==============================*/
div.order { text-align: center; }
div.order a{
	display: inline-block;
	width: 60%;
	padding: 5px 0 8px 0;
	font-size: 17px;
	border-radius: 3px;
	background:  #006ba5 ;
	color: #fff;
}

/*==============================*/
/* ､ｪｳﾚ､ｷ､ﾟﾆﾃﾅｵ */
/*==============================*/
div.privilege h3{
	background: #EA87C4;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	padding: 5px 0;
	margin-bottom: 10px;
}
div.privilege p img{ margin-bottom: 10px; }
div.privilege dl dt{
	font-size: 17px;
	font-weight: 500;
	color: #db68af;
	margin-bottom: 5px;
}

/*==============================*/
/* スクールタブ以下 */
/*==============================*/
.school_box_black{
	border-radius: 8px;
	padding: 15px;
	background: #545f70;
		background: -moz-linear-gradient(top, #545f70 0%, #252b33 100%);
		background: -webkit-linear-gradient(top, #545f70 0%,#252b33 100%);
		background: linear-gradient(to bottom, #545f70 0%,#252b33 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545f70', endColorstr='#252b33',GradientType=0 );
	color: #fff;
	margin-bottom: 30px;
}
.school_box_black p.tmb{ border: 1px solid #fff; }
.school_box_black p.tmb img{ width: 100%; height: auto; }

.school_box_black .school_title ul{ width: 100%; }
.school_box_black h3{ font-weight: bold; }
@media(max-width: 600px){
	.school_box_black .school_title ul{ margin-bottom: 5px; }
	.school_box_black h3{ margin-top: 10px; }
}
@media(max-width: 600px){ .school_box_black h3{ font-size: 22px; } }
.school_box_black p.order{
	width: 130px;
	text-align: center;
	font-weight: 600;
	line-height: 1em;
	margin-right: 15px;
	padding: 17px 10px 0 10px;
	border-radius: 3px;
	background: #f4a449;
		background: -moz-linear-gradient(top, #f4a449 0%, #be7e38 100%);
		background: -webkit-linear-gradient(top, #f4a449 0%,#be7e38 100%);
		background: linear-gradient(to bottom, #f4a449 0%,#be7e38 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a449', endColorstr='#be7e38',GradientType=0 );
}
.school_box_black .cell_list p.order{
	width: 192px;
	height: 76px;
}

@media(max-width: 600px){
	.school_box_black p.order{ width: 100%; padding: 0; }
	.school_box_black p.order a{ display: block; padding: 8px 10px 12px 10px; }
	.school_box_black .cell_list p.order{ width: 100%; height: auto;}
}

/*-- car_type
------------------------- */
.school_box_black ul.car_type { margin-right: 10px; }
.school_box_black ul.car_type li{
	width: 170px;
	color: #fff;
	border-radius: 3px;
	padding: 2px 5px;
	overflow: hidden;
}
@media(max-width: 600px){
	.school_box_black ul.car_type li{
		float: left;
		width: calc(50% - 5px);
	}
}
.school_box_black ul.car_type li span{
	background: #fff;
	color: #000;
	float: right;
	border-radius: 3px;
	padding: 2px 5px;
}
.school_box_black ul.car_type li:nth-child(1){ background: #F1619D; }
.school_box_black ul.car_type li:nth-child(2){ background: #2892AD; }
.school_box_black ul.car_type li:nth-child(3){ background: #0064C9; margin-top: 10px; text-align: center; }

@media(max-width: 600px){
	.school_box_black ul.car_type li:nth-child(1){ margin-right: 5px; }
	.school_box_black ul.car_type li:nth-child(2){ margin-left: 5px; }
	.school_box_black ul.car_type li:nth-child(3){ display: none;}
}

/*-- car_list
------------------------- */
.school_box_black{ overflow: hidden; }
.school_box_black ul.car_list{ overflow: hidden; }
@media(max-width: 600px){
	.school_box_black ul.car_list{ margin-bottom: 10px; }
}
.school_box_black ul.car_list li{
	width: 70px;
	float: left;
	background: #49515A;
	color: #7b838b;
	border: 1px solid #49515A;
	border-radius: 3px;
	text-align: center;
	padding: 2px 0;
	margin-right: 10px;
	margin-bottom: 10px;
}
.school_box_black ul.car_list li.active{
	background: #4a5968;
	border: 1px solid #8392a1;
	color: #fff;
}
@media(max-width: 600px){
	.school_box_black ul.car_list li:nth-child(5){ clear: both; }
}
.school_box_black ul.car_list li:nth-child(5),
.school_box_black ul.car_list li:nth-child(6),
.school_box_black ul.car_list li:nth-child(7),
.school_box_black ul.car_list li:nth-child(8){ margin-bottom: 0px; }

.school_box_black .cell_list ul.car_list li:nth-child(5),
.school_box_black .cell_list ul.car_list li:nth-child(6),
.school_box_black .cell_list ul.car_list li:nth-child(7),
.school_box_black .cell_list ul.car_list li:nth-child(8){ margin-bottom: 10px!important;}


/*==============================*/
/* スクールタブ以下 */
/*==============================*/
.school_detail{
	padding: 0 0 50px 0;
}

/*-- リンクボタン
------------------------- */	
p.link_btn a{
	display: block; 
	padding: 10px 20px; 
	position: relative;
	width: 100%;
	border: 2px solid #3064AA;
	margin-bottom: 10px;
	text-align: center;
	border-radius: 5px;
}
p.link_btn a:hover{ background: #E0E8F1; }
p.link_btn a:after{
	position: absolute; top: 50%; right: 8px;
	content: "";
	box-sizing: border-box;
	margin-top: -10px;
	width: 15px;
	height: 10px;
	border: 10px solid transparent;
	border-left: 10px solid #3064AA;
}

/*-- スクールタブ
------------------------- */	
@media (min-width: 600px) {
	.tab {
		display: flex; display: -webkit-flex;
		justify-content: space-between; -webkit-justify-content: space-between;
	}
	.tab li {
		width: 100%;
		margin: 0 1px;
	}
	.tab li a{
		display: block;
		padding: 7px 0;
		text-align: center;
		color: #fff;
		border-top: 7px double #fff;
	}
}
@media (max-width: 600px) {
	.tab {
		display: flex; display: -webkit-flex;
		justify-content: space-between; -webkit-justify-content: space-between;
	}
	.tab li{ width: 100%; }
	.tab li a{
		display: block;
		margin: 0 1px;
		text-align: center;
		color: #fff;
		min-height: 5em;
		font-size: 13px;
		line-height: 15px;
		border-top: 7px double #fff;
	}
}
.tab li.school_top a{ background: #666; }
.tab li.price a{ background: #e95736; }
.tab li.access a{ background: #86bc20; }
.tab li.calendar a{ background: #12b294; }
.tab li.hotel a{ background: #ec9729; }
.tab li.privilege a{ background: #ea87c4; }
.tab li.reviews a{ background: #2892ad; }

/*-- スクールタブ 下
------------------------- */
.school_detail > div {
	margin-top: 5px;
	padding-top: 30px;
	border-top: 2px solid;
}
#price{ display:none; border-color:#e95736; }
#access{ display:none; border-color:#86bc20; }
#calendar{ display:none; border-color:#12b294; }
#hotel{ display:none; border-color:#ec9729; }
#privilege{ display:none; border-color:#ea87c4; }
#reviews{ display:none; border-color:#2892ad; }
@media (max-width: 600px) {
	.tab li a{ padding: 5px; }
}

/*-- TOP
------------------------- */
#school_top .top_tit{
	border-top: 2px solid #2B94AE;
	border-bottom: 2px solid #2B94AE;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
	padding: 10px 0;
	color: #2B94AE;
	text-align: center;
	line-height: 1.4em;
}
@media (max-width: 600px) {
	#school_top top_tit{font-size: 20px;}
}

/*-- hotel
------------------------- */
#hotel .hotel_tit{
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
#hotel .hotel_tit h3{
	float: left;
	font-size: 20px;
	color: #444444;
}
#hotel .hotel_tit p{
	float: right;
}

#hotel table{
	font-size: 13px;
	line-height: 15px;
}
#hotel table th,
#hotel table td{
	padding: 3px;
}

/*-- hotel mainbox
------------------------- */
.hotel_mainbox{
	overflow: hidden;	
}
@media (min-width: 600px) {
	.hotel_mainbox div:first-child{
		width: 200px;
		float: left;
	}
	.hotel_mainbox div:last-child{
		margin-left: 220px;
	}
	.hotel_tmb img{
		width: 200px!important;
		height: auto;
	}
}
@media (max-width: 600px) {
	.hotel_mainbox div:first-child{
		width: 120px;
		float: left;
	}
	.hotel_mainbox div:last-child{
		margin-left: 130px;
	}
	.hotel_tmb img{
		width: 120px!important;
		height: auto;
	}
}

.hotel_detail dt{
	background: #007DCC;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	padding: 2px 0;
	margin-bottom: 10px;
}