/*###########################################################

 全ページ共通のレスポンシブ
 
#############################################################/*/

@media screen and (max-width: 740px) {
	.container{padding:0 8px;}
}






@media screen and (max-width: 640px) {
	/*//////// 全ページ共通のheader　///////////////*/
	#header{position:fixed;height:59px;z-index: 50;border-bottom: 1px solid #690;background-color:rgba(255,255,255,0.9);}

	.rogo-sp{display:block;position:absolute;width:210px;top:17px;left:15px;}
	.rogo-sp a{display:block;width:inherit;height:23px;background:url(../image/rogo_sp.png) no-repeat;background-size:contain;text-indent: -8989px;display: block;overflow: hidden;}
	.rogo-sp a:hover{opacity:0.6;}


	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	.index-top{display:none;}
	#yoko-menus-space{display:none;}
	.marquee-box{display:none;}
	#index-bigimg-table{display:none;}

	
	
	/*index上部の切り替わる画像 slider-pro -------------*/
	.headerimgs-wrapper{display:block;position: relative;padding-top: 59px;margin-bottom: 10px;}
	/*slider-proの配置画像　トリミング　上下中央*/
	#headerimgs.slider-pro{}
	.sp-slides-container {}
	/*slider-proの横の矢印*/
	.sp-horizontal .sp-arrows {top: 45%;}





	#menubtn{position:fixed;z-index:700;top:8px;right:15px;background:#ccc url(../image/header_menu.png) no-repeat 0 0;width:54px;height:42px;display:block;cursor:pointer;}/*overflow:hidden;text-indent:-8989px;*/
	#menubtn.off{background-position:0 0;}
	#menubtn.on{background-position:0 -42px;}


	/*右側のメニューボタン*/
	.menu-trigger {position:absolute;right: 0;top: 11px;z-index:200;width:34px;height:20px;display: inline-block;transition: all .4s;box-sizing: border-box;left: 0;margin: 0 auto;}
	.menu-trigger span {position: absolute;left: 0;width: 100%;height:2px;background-color:#fff;display: inline-block;transition: all .4s;box-sizing: border-box;}
	
	/*
	.menu-trigger::after {position: absolute;left: 0;bottom: -25px;content: 'メニュー';display: block;width: 100%;color: #003540;font-size:79%;font-weight: 600;text-decoration: none;text-align: center;transition: all .4s;white-space: nowrap;letter-spacing: -0.2em;}
	.menu-trigger.active::after {content: '閉じる';color:#fff;bottom: -33px;font-weight: normal;}
	a.menu-trigger{text-decoration:none;}
	*/
	.menu-trigger span:nth-of-type(1) {}
	.menu-trigger span:nth-of-type(2) {top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
	.menu-trigger span:nth-of-type(3) {bottom: 0;}
	
	.menu-trigger.active span{height: 2px;}
	.menu-trigger.active span:nth-of-type(1) {z-index: 10;-webkit-transform: translateY(9px) rotate(-317deg) scale(1.15);transform: translateY(9px) rotate(-317deg) scale(1.15);}
	.menu-trigger.active span:nth-of-type(2) {display: none;}
	.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(317deg) scale(1.15);transform: translateY(-9px) rotate(317deg) scale(1.15);}


	/*------------------------------------
	ページ上部右の出てくるナビmenu
	------------------------------------*/
	#navi_sp {display: none;position: fixed;width:100%;z-index:49;overflow-y: scroll;height:100%;right: 0;top: 0;background-color:#e9e9e9;}
	#navi_sp a,
	#navi_sp a:hover{text-decoration:none;}

	#navi_sp ul#yoko-menu-sp {width:100%;clear: both;padding:70px 10px 0 10px;list-style:none none outside;background-image:none;text-align: center;}
	#navi_sp ul#yoko-menu-sp li {margin: 15px 0;}
	#navi_sp ul#yoko-menu-sp li a {font-size:100%;color: #000;text-decoration: none;line-height:1.2;letter-spacing: 0;}
	#navi_sp ul#yoko-menu-sp li a:hover{opacity:0.7;}

	/*submenu*/
	#navi_sp ul#yoko-menu-sp li.spbox01{display:inline-block;width:50%;margin:1px 0;}
	#navi_sp ul#yoko-menu-sp li.spbox00 > a{}
	#navi_sp ul#yoko-menu-sp li.spbox02 > a{background:url(../image/header_menu_down.png) no-repeat left center;padding-left:17px;}
	#navi_sp ul#yoko-menu-sp li.spbox02.selected > a{background:url(../image/header_menu_up.png) no-repeat left center;padding-left:17px;opacity: 0.6;}

	#navi_sp ul#yoko-menu-sp ul.sub{border-top: 1px solid #669900;border-bottom: 1px solid #669900;margin: 10px auto 0 auto;padding: 5px 0 0 0;font-size: 86%;width:85%;}
	#navi_sp ul#yoko-menu-sp ul.sub li {margin: 20px 0;}

	/*wsubmenu内のp_nav_menuから不要なliを非表示*/

	#navi_sp ul#yoko-menu-sp li#menu-item-268,
	#navi_sp ul#yoko-menu-sp li#menu-item-269,
	#navi_sp ul#yoko-menu-sp li#menu-item-270{display:none;}

	.sp-big-title{margin:20px 0 15px 0;}
	.sp-sub-title{color: #ccc;font-size: 86%;background-color: rgba(0,0,0,0.3);width: 60%;padding: 2px 0 2px 0;margin: 35px auto 0 auto;letter-spacing: 0.3em;text-align: center;}


	/*サブメニューの閉じる
	#navi_sp ul#yoko-menu-sp .sn_close{margin:0 0 0px 0;}
	#navi_sp ul#yoko-menu-sp .sn_close a{color:#fff;padding:11px 10px 11px 25px;display:block;background:#555 url(../image/header_menu_close.gif) no-repeat right center;cursor: pointer;}
	#navi_sp ul#yoko-menu-sp .sn_close a:hover{background-color:#111;opacity:1;filter: alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}
	*/
	/*subsubmenu
	#navi_sp ul#yoko-menu-sp ul.sub ul.children{display:block !important;}
	#navi_sp ul#yoko-menu-sp ul.sub ul.children li {margin:3px 0;}
	#navi_sp ul#yoko-menu-sp ul.sub ul.children li a{text-indent:30px;}
	*/

	/*メニューの閉じる*/
	#navi_sp p#menuclose{padding: 5px 0 25px 0;}
	#navi_sp p#menuclose a{font-size:100%;color:#FFF;padding:10px 0;line-height: 1.0;display: block;background:#444 url(../image/header_menu_close.gif) no-repeat right 15px center;cursor: pointer;width: 290px;margin: 0 auto;text-align: center;}
	#navi_sp p#menuclose a:hover{background-color:#666;opacity:1;}
	
	
	

	/*sp用contメニュー*/
	ul.contmenu-ul{display:block;text-align:left;margin-bottom:20px;}
	ul.contmenu-ul li{display:inline-block;width:48%;margin:0 1% 0 0;padding:5px 0;border-top:1px solid #b70000;}
	ul.contmenu-ul li:nth-child(3),
	ul.contmenu-ul li:nth-child(4),
	ul.contmenu-ul li:nth-child(5),
	ul.contmenu-ul li:nth-child(6){border-bottom:1px solid #b70000;}
	
	
	/*////////////// 全ページ共通のフッター  /////////////////*/
	ul.foot-banner-ul {text-align: center;}

}






@media screen and (max-width: 560px) {
	/*////////////// 全ページ共通のheader  /////////////////*/
	.rogo-sp {left: 15px;}

	/*お知らせ と　地図*/
	dl.oshirase-box > dt {float: none;width: 100%;display: table;}
	dl.oshirase-box > dd{display:none;}

	.oshirase-title {width: 19px;}
	.oshirase-title img{width: 17px;height: auto;}
	.topics-box {padding: 7px 8px 0 10px;}
	

	/*パンくず*/
	#pagetop a {bottom: 15px;right: 15px;width: 50px;height: 50px;}
	
	
	/*////////////// 全ページ共通のフッター  /////////////////*/
	#footermenu-top {display: none;}
	.footer-com1 span{display:block;}

}




@media screen and (max-width: 450px) {
	/*//////// 全ページ共通のheader　///////////////*/
	#header {margin: 0 -15px;}
	.rogo-sp{width: 180px;top: 19px;}

	/*////////////// 全ページ共通のフッター  /////////////////*/
	.copyright {font-size: 9px;letter-spacing: 0;}
}