@charset "utf-8";

/*//////////// 基本サイズ14px  ////////////
表示サイズ　指定する値
10px　72%
11px　79%
12px　87%
13px　94%
14px　100%
15px　108%		29px　208%
16px　115%		30px　215%
17px　122%		31px　222%
18px　129%		32px　229%
19px　136%		33px　236%
20px　143%		34px　243%
21px　150%		35px　250%
22px　158%		36px　258%
23px　165%		38px　265%
24px　172%		38px　272%
25px　179%		39px　279%
26px　186%		40px　286%
27px　193%		41px　293%
28px　200%		42px　300%

//////////////////////////////*/

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

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

@media screen and (max-width: 1012px) {
	img{max-width: 100%;height: auto;width /***/:auto;　}
	.container{width:98%;margin:0 auto;text-align:left;padding:0;}

	/*///////////// 全ページ共通のheader　///////////////////////////////////*/
	.head-cont{width:100%;}	
	
	/* ==================== 全ページ共通の横メニュー ==================== */
	.yokomenu-bg{width:98%;}
}






@media screen and (max-width: 880px) {	
	/* ==================== 全ページ共通の横メニュー ==================== */
	ul#yoko-menu li{width:25.6%;}
	ul#yoko-menu li.yokomenu1{width:8%;}
	ul#yoko-menu li.yokomenu5{width:14%;}
	
	/*/////////////　社長あいさつ　//////////////////////////////*/
	.aisatu-midashi{font-size:242%;letter-spacing: 0.15em;}
	.aisatu-com {text-align: left;line-height: 2;padding: 0 3%;}
	.aisatu-com br{display:none;}
	
	/*///////////// 全ページ共通のfooter　///////////////////////////*/
	.footer-logo {display: block;text-align: center;margin-right: 0;}
	.footer-zip {display: block;text-align: center;margin-top: 7px;}	
	#footer .copyright {margin-top: 15px;}
}






@media screen and (max-width: 720px) {	
	/*///////////// 全ページ共通のheader　///////////////////////////////////*/
	#header {height: 65px;}
	.header-logo {top: 12px;margin: 0 0 0 10px;text-align: left;}
	.header-logo a {background: none;width: 250px;height: auto;text-indent: unset;display: block;letter-spacing: 0.1em;color: #000;}

	/*index上部の切り替わる背景画像-----------------------*/
	#headerimgs {padding-top: 65px;}

	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	.yokomenu-bg{display:none;}
	
	#menubtn{position:absolute;z-index:700;top:13px;right:15px;background:url(../img/header_menu.png) no-repeat 0 0;width:54px;height:40px;text-indent:-8989px;display:block;overflow:hidden;cursor:pointer;}
	#menubtn.off{background-position:0 0;}
	#menubtn.on{background-position:0 -40px;}

	/*------------------------------------
	ページ上部右の出てくるナビmenu
	------------------------------------*/
	/*#navi_sp {display:none;width:100%;background-color:#fde6ed;filter: alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;position:absolute;z-index:400;margin-top:-35px;padding-bottom:15px;}--固定しない*/
	/*#navi_sp {display: none;width: 100%;position: fixed;z-index: 400;padding-top: 32px;width:85%;overflow-y: scroll;right: 0;height: 100%;top: 0;}--固定で幅85%*/
	#navi_sp {display: none;position: fixed;width:100%;z-index:350;overflow-y: scroll;height:100%;right: 0;padding-top:26px;background-color:#64000f;filter: alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;}
	#navi_sp a,
	#navi_sp a:hover{text-decoration:none;}

	#navi_sp ul#yoko-menu-sp {width:100%;clear: both;padding:60px 10px 0 10px;list-style:none none outside;background-image:none;background-color:#64000f;text-align: center;}
	#navi_sp ul#yoko-menu-sp li {margin: 25px 0;}
	#navi_sp ul#yoko-menu-sp li a {font-size: 115%;color: #fff;text-decoration: none;line-height:1.2;}
	#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(../img/header_menu_down.png) no-repeat left center;padding-left:14px;}
	#navi_sp ul#yoko-menu-sp li.selected > a{background:url(../img/header_menu_up.png) no-repeat left center;padding-left:14px;}

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

	/*サブメニューの閉じる
	#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(../img/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;background-color:#64000f;}
	#navi_sp p#menuclose a{font-size:115%;color:#FFF;padding:12px 0;line-height: 1.0;display: block;background:#000 url(../img/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:#444;opacity:1;}


	
	/*全ページ共通のページ下部の上部へ戻る-----------*/
	#pagetop a {bottom:15px;right:15px;}
	
	
	/*///////////// 全ページ共通のfooter　///////////////////////////*/
	ul.footer-yokomenu li {margin: 0 3% 0px 3%;}
	
}






@media screen and (max-width: 640px) {	
	/*/////////////　Ajiya Brand　//////////////////////////////*/
	.ajiya-brand-box ul li {width: 43%;margin: 40px 1.5% 0 1.5%;}
	.ajiya-brand-box ul li:nth-child(3){margin-right:1.5%;}
	.ajiya-brand-box ul li:nth-child(6){margin-right:1.5%;}
	/*大山時間*/
	.ajiya-banner-box ul li{display:block;width: 85%;margin: 20px auto 0 auto;}
	.brand-pc{display:none;}
	.brand-sp{display:block;}

	/*/////////////　社長あいさつ　//////////////////////////////*/
	.aisatu-midashi {font-size: 220%;letter-spacing: 0;}
}






@media screen and (max-width: 560px) {
	body {font-size: 14px;}
	.container{width:92%;}
	
	/*/////////////　Ajiya Brand　//////////////////////////////*/
	.brand-midashi {font-size: 150%;letter-spacing: 0.4em;}
	.ajiya-brand-box {margin: 0;}
	
	.ajiya-banner-box{margin: 20px auto 0 auto;}
	
	/*///////////// 全ページ共通のfooter　///////////////////////////*/
	ul.footer-yokomenu li {margin: 0 1.5% 7px 2%;}
	.footer-logo a {font-size: 72%;color: #000;letter-spacing: 0.1em;width: 250px;display: inline-block;}
	.footer-zip span {display: block;padding-right: 0;}
}





@media screen and (max-width: 460px) {
	/*/////////////　社長あいさつ　//////////////////////////////*/
	.aisatu-midashi {font-size:172%;}
	.aisatu-com {font-size: 100%;}

	/*動画-----------*/
	/*サーバー内埋め込み*/
	#index-movie-box {margin: 60px auto 0 auto;}
}





@media screen and (max-width: 400px) {	
	/*/////////////　Ajiya Brand　//////////////////////////////*/
	.ajiya-brand-box ul li {width: 43%;margin: 20px 1.5% 0 1.5%;}
	.ajiya-brand-box ul li span {font-size: 100%;}
	.ajiya-banner-box ul li{width:90%;}
	
	/*/////////////　社長あいさつ　//////////////////////////////*/
	.president-box p:last-child img{width: 130px;}
}




@media screen and (max-width: 360px) {	
	/*///////////// 全ページ共通のheader　///////////////////////////////////*/
	.header-logo {top: 14px;}
	.header-logo a {width: 220px;font-size: 65%;}
	
	/*/////////////　社長あいさつ　//////////////////////////////*/
	.aisatu-midashi {font-size: 153%;}

}