/* iPads (landscape)  */
@media only screen
and (min-width : 500px)  
and (max-width : 1296px) {

body {overflow-x:hidden;}
.w_set {width:92.2%;margin:0 auto;}

.for_pc {display:inline-block;}
.for_t {display:block;}
.for_t_dn {display:none;}
.for_m {display:none;}


.bxslider .t {
	display:block;
}
.bxslider .p,
.bxslider .m {
	display:none;
}

/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/

#header {
	position:static;
	width:100%;
}
#header .hd_sec01 {
	display:none;
}
.mobile_header {
	display:block !important;
	position:static;
	width:100%;
	height:80px;
}
.mobile_header #logo {
	display:inline-block;
	width:169px;
	height:30px;
	background:url(/image/logo_t.png) no-repeat;
	background-size:auto 100%;
	margin-top:25px;
	margin-left:30px;
}
.mobile_header #logo a {
	display:block;
	width:100%;
	height:30px;
}

.mobile_header #mobileMenu {
	position:absolute;
	top:30px;
	right:30px;
	width:27px;
	height:20px;
	background:url(/image/icon_menu_t.png) no-repeat;
	background-size:27px 20px;
}

/* Mobile Slide */
.mobile_slide {
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	width:76%;
	min-height:820px;
	max-width:520px;
	z-index:1000;
	background-color:#fff;
	display:none;
	width:76%;
	height:100%;
}
.mobile_slide.on {
	display:table !important;
}
.mobile_slide .nav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:80px;
}
.mobile_slide .nav li {
	display:block;
	width:25%;
	max-width:110px;
	line-height:80px;
	text-align:center;
	float:left;
}
.mobile_slide .nav a {
	display:block;
	font-size:18px;
	font-weight:400;
	color:#888;	
}
.mobile_slide .nav a:hover {
	color:#333;
}
.mobile_slide .nav .btn_back {
	position:absolute;
	top:50%;
	right:30px;
	width:30px;
	height:20px;
	margin-top:-10px;
	background:url(/image/icon_arr_back.png) no-repeat center left;
	background-size:30px 20px;
}

.mobile_slide .slide_cate {
	display:table-cell;
	vertical-align:middle;
}
.mobile_slide .slide_cate ul {}
.mobile_slide .slide_cate ul li {
	text-align:center;
	line-height:109px;
	border-top:solid 1px #ccc;
	margin:0 30px;
}
.mobile_slide .slide_cate ul li:first-child {
	border:0;
}
.mobile_slide .slide_cate ul li a {
	display:block;
	font-size:26px;
	color:#333;
}
.mobile_slide .slide_cate ul li a:hover {
	color:#076ca5;	
	background:url(/image/icon_arr_active.png) no-repeat center right;
	background-size:30px 20px;
}

.slide_foot {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;	
}
.slide_foot ul {
	display:table;
	width:100%;
}
.slide_foot li {
	display:table-cell;
	width:33%;
	background-color:#076ca5;
	text-align:center;
	vertical-align:middle;
}
.slide_foot li:first-child:after {
	content:none;
}
.slide_foot li a {
	position:relative;
	display:block;
	height:70px;
	line-height:70px;
	font-size:20px;
	color:#fff;
	letter-spacing:0.020em;
}
.slide_foot li a:after {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	margin-top:-10px;
	width:1px;
	height:20px;
	background-color:#fbc176;
}
.slide_foot li:nth-child(1) a:after {
	display:none;
}


.main_visual {
	position:relative;
	left:0;
	width:100% !important;
	padding:0;
}
.main_visual .bx-controls-direction {
	top:50px;
	left:30px;
}
.main_visual .auto_play {
	top:50px;
	left:63px;
}
.main_visual .head {
	top:95px;
	left:30px;
}
.main_visual .btn {
	margin-top:15px;
}
.main_visual .bx-viewport li img {
	position:static;
}

.main_on_top {
	position:static;
}
.main_on_top ul {
	overflow:hidden;
}
.main_on_top ul li {
	width:50%;
	padding-top:0;
	background:none;
	float:left;	
}
.main_on_top ul li:hover .ov {
	display:none !important;
}
.main_on_top ul li .mobile {
	display:block;
}
.main_on_top ul li:before,
.main_on_top ul li:after {
	content:none;
}
.main_on_top ul li .tit {
	padding:0 0 0 40px;
	background-size:25px auto !important;
	background-position:center left !important;
	font-size:26px;
	letter-spacing:-0.030em;
	line-height:41px;
	margin-top:5%;
}
.main_on_top ul li .txt {
	font-size:16px;
	color:#fff;
}
.main_on_top ul li img {
	width:100%;
	height:auto;
}

.mask {position:fixed;left:0;top:0;background: rgba(0, 0, 0, 0.45);width:100%;height:100%;text-align:center;display:none;z-index:200;}
.mask.on {display:block;}


/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/


#footer {
	position:static;
	width:100%;
	padding:0 !important;
}
#footer address {
	display:block;
	padding:25px 30px;
	font-size:14px;
	color:#666;
}
#footer address span {
	background-color:#666;
	margin-bottom:2px;
}
#footer address #copy {
	font-size:14px;
	color:#aaa;
	margin-top:8px;
}

/*───────────────────────────────────────────────────────────

	 INDEX | index.html

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────

	 SUB

───────────────────────────────────────────────────────────*/
.sub_history {padding-bottom:41%;min-height:100px;}
.sub_history:before {display:none;}
.sub_location_info dd ul li.mb_m10:after {height:0px;}

#content_sub {padding-top:15px;}
#content_sub ul.submenu {padding-bottom:20px;}

}


@media only screen
and (min-width : 1024px)  
and (max-width : 1296px) {

#footer .ft_bbs dl {background-size:3.4% auto;}	

}

@media only screen
and (min-width : 1024px)  
and (max-width : 1180px) {



}

@media only screen
and (min-width : 767px)  
and (max-width : 1024px) {


}

/* iPads (landscape)  */
@media only screen
and (min-width : 500px)  
and (max-width : 767px) {

}

@media only screen
and (min-width : 500px)  
and (max-width : 700px) {



}

/* iPads (landscape)  */
@media only screen
and (min-width : 500px)  
and (max-width : 630px) {

	.main_visual .head {
		font-size:36px;
		line-height:42px;
	}
	.main_visual p {
		font-size:16px;
	}
	.main_visual .btn {
		width:85px;
		height:23px;
		font-size:12px;
		font-weight:400;
		background:url(/image/slide_bnr_line.png) no-repeat left bottom;
		background-size:85px 9px;
		line-height:23px;
	}

}