@charset "utf-8";

.container {width:100%; background:#f4f4f4;}

.main_visual {width:100%; height:414px; position:relative;}
.main_visual .imgs {width:100%; position:relative; overflow:hidden;}
.main_visual .imgs li {width:100%; height:100%; position:absolute; top:0; left:100%;}
.main_visual .imgs li.li_01 {left:0;}
.main_visual .imgs li img {max-width:100%;}
.main_visual .indis {width:100%; position:absolute; top:20px; overflow:hidden;}
.main_visual .indis ul {display:inline-block; float:right; margin-right:20px; overflow:hidden;}
.main_visual .indis ul li {width:20px; height:20px; float:left; margin-right:5px; position:relative;}
.main_visual .indis ul li.last {margin-right:0;}
.main_visual .indis ul li > a {width:100%; height:100%; display:block;}
.main_visual .indis ul li > a img {max-width:100%;}
.main_visual .indis ul li > .blinder {width:100%; height:100%; display:none; opacity:0; cursor:pointer; position:absolute; top:0; left:0;}

.counsel_reservation {width:93.75%; border:1px solid #ccd0d3; overflow:hidden; margin:18px auto 0; background:#fff; padding-bottom:14px;}
.counsel_reservation > div {float:left; width:50%;}
.counsel_reservation > .left_area {padding-top:24px;}
.counsel_reservation > .left_area > div {width:88.33333333333333%; margin-left:10%;}
.counsel_reservation > .left_area > div > img {max-width:100%;}
.counsel_reservation > .right_area {padding-top:14px;}
.counsel_reservation > .right_area > div {width:82.66666666666667%; margin:0 auto 3px;}
.counsel_reservation > .right_area > .counsel_bn {}
.counsel_reservation > .right_area > .reservation_bn {}
.counsel_reservation > .right_area > div > a {width:100%; height:100%; display:block;}
.counsel_reservation > .right_area > div > a > img {max-width:100%;}

.guide_area {width:93.75%; overflow:hidden; margin:10px auto 0;}
.guide_area > div {width:48.33333333333333%;}
.guide_area > .time_info {float:left;}
.guide_area > .howtocome {float:right;}
.guide_area > div > a {width:100%; height:100%; display:block;}
.guide_area > div > a > img {max-width:100%;}

.metro_cons {width:93.75%; overflow:hidden; margin:10px auto 0;}
.metro_cons > div {float:left; width:33.33333333333333%;}
.metro_cons > div > a {width:100%; height:100%; display:block;}
.metro_cons > div > a > img {max-width:100%;}

@media screen and (max-width:480px){
	.main_visual .indis {top:10px;}
	.main_visual .indis ul {margin-right:10px;}
	.main_visual .indis ul li {width:15px; height:15px; float:left; margin-right:3px; position:relative;}
};