@charset "utf-8";
/* CSS Document */


/* for sp site */
@media only screen and (max-device-width: 640px){
body{font-size: 24px;}
}


.only_pc{display: none !important;}
.only_sp{display: inline-block;}

body{min-width: 620px; overflow: scroll;}
.wraper{padding-top: 100px;}
.title02{margin-bottom: 20px;}
.inner-in{padding: 0 20px;}
.othertrain p a{margin: 6px 2px;}
.othertrain p a img{display: none;}
#header .logo{padding-left: 15px;}
#header .top{padding:25px 0;}
#header h1{display: none;}
#footer .inner{padding-bottom: 60px;}
#footer .top nav{float: none;}
#footer .top nav ul li{display: block; float: none;}
#footer nav > ul > li + li{margin-left: 0; border-top: 1px dotted #807cac;}
#footer .top nav ul li a{padding:16px 0; }
#footer .top nav ul li ul li{display: inline-block; width: 46%; margin: 1%; text-align: center; border: 1px solid;}
#footer .other{border: none; margin: 0;}


/* menu */
body #header .top nav,body  #header .bottom nav{display:none;}
body.active #header {background:#100964;height: 100%;}
body.active #header .top nav {display: block; float: none;  margin: 0 20px;}
body.active #header .bottom nav{display: block;}
#header .bottom nav ul{display: block; margin-top: 0;}
#header .bottom nav ul li{display: block; font-size: 1.4em;}
#header .bottom nav ul li + li{border: none;}
#header .top{background: #fff;}
#header .top nav ul{display: block;}
#header .bottom{background: none;}
#header nav ul{padding-left: 0; margin-top: 1em;}
#header nav ul li {display: block;}
#header nav ul li a{border-bottom: #cca866 1px solid;text-decoration: none;padding: 10px 0;color: #cca866; display: block;}
header nav ul li a:hover, header nav ul li a.current{padding: 10px 0;}
#header {color: #333;position: fixed;top: 0;width: 100%; padding: 0;right: 0;z-index: 1000;overflow: hidden;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}
#header .menu-icon-container {position: absolute;top: 20px;right: 4%;z-index: 9999;}
#header .menu-list-container {position: absolute;top: 50%;width: 100%;opacity: 0;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-o-transition: opacity 0.3s;transition: opacity 0.3s;}
#header .menu-list-container ul {-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);width: 100%;}
#header .menu-list-container ul li {width: 100%;text-align: center;font-size: 24px;margin-bottom: 20px;}
.menu-icon {display: block;margin-top: 12px;float: left;cursor: pointer;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.menu-icon span {display: block;width: 48px;height: 6px;background: #100964;margin-bottom: 8px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.menu-icon span.bar1 {margin-top: 2px;}
.menu-icon.active {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-icon.active .bar1 {-webkit-transform: rotate(0deg) translateY(12px);-moz-transform: rotate(0deg) translateY(12px);-ms-transform: rotate(0deg) translateY(12px);-o-transform: rotate(0deg) translateY(12px);transform: rotate(0deg) translateY(12px);}
.menu-icon.active .bar2 {opacity: 0;}
.menu-icon.active .bar3 {-webkit-transform: rotate(-90deg) translateX(15px);-moz-transform: rotate(-90deg) translateX(15px);-ms-transform: rotate(-90deg) translateX(15px);-o-transform: rotate(-90deg) translateX(15px);transform: rotate(-90deg) translateX(15px);}


/* menu  追加*/

#header .top nav ul li {margin-right:2%;width:48%; }
#header .top nav ul li a {font-size:22px; border-bottom:none;}
#header .langage li{width:33%; text-align:center}
#header .top nav ul.langage li a{width:100px;	display:inline-block; padding:0 20px;}


.headerNewsInr {
    padding: 10px 10px;
		position:relative;
		border-top:1px solid #eeeeee;
}

.headerNewsInr .headerNewsP01 {
    float:none;
    font-size:1em;
    margin-right:0px;
    padding-top:0px;
    width:100%;
}

.headerNewsInr .headerNewsP02 {
    font-size:1em;
		float:none;
    padding-top: 6px;
		margin-right:0;
    width:100%;
}
.headerNewsInr .headerNewsP02 span{
	font-size:0.8em;
	margin-right:10px;
	display:block;
	}

.headerNewsInr .headerNewsP03{
	position:absolute;
	right:10px;
	top:10px;
	width:auto;
	} 
.headerNewsInr .headerNewsP03 a{
	width:auto;
	padding:0 30px;
	text-align:center;
	font-size:1em;
	}






i.icon.left{margin-right: 10px;}
.contentwraper #mv{margin-bottom: 40px;}
.contentwraper #breadChumbs{display: none;}
.train .contentwraper .infotext h5{font-size: 1.4em;}
.train .contentwraper .facility th{font-size: 0.8em;}

.btn-wrap{margin: 40px auto 20px}
.train .contentwraper h3.name{margin-bottom:10px;}
.train .contentwraper .infotext .f-left{float: none;width:100%;}
.train .contentwraper .infotext .f-right{float: none; width: 100%; text-align: center;}
.train .contentwraper .infotext .f-right img{max-width: 540px; width: 100%;}
.train .contentwraper .infotext h5{ margin-bottom: 10px; margin-top: 20px;}
.train .contentwraper .infotext h5 br{display: none;}
.train .contentwraper .infotext .contact{margin-top:20px;}
.train .contentwraper .times table{ width: 96%;margin: 2%;float:none;}
.train .contentwraper .facility{margin-top:30px;}
.train .contentwraper .facility td{padding: 10px;}