@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: 1150px) {
	/*///////////// 全ページ共通のheader　///////////////////////////////////*/
	ul#yoko-menu li a {padding: 0 12px;}
	
	/*///////////  法事専門会館 動画  /////////////////////////*/
	.index-houyou-bg{max-width:100%;background:url(../img/index_houyou_bg_sp.png) no-repeat center center;background-size:100% 100%;padding: 0 25px 30px 25px;}
}



	
@media screen and (max-width: 1042px) {
	/*/////////////　名峰・大山の恵みに心を込めて　//////////////////////////////*/
	.mark {position: relative;width: 100%;background: none;height: auto;}
	.kodawari-img-box {padding-top: 0;margin: 30px auto 0 auto;}
	
	/*/////////////　ご利用シーンからお好みの料理をお選びください。///////////*/
	ul.index-scene-ul{width: 100%;}
	ul.index-scene-ul li {width: 23%;margin: 15px 0.3%;}
}



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

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

	/* ==================== 全ページ共通の横メニュー ==================== */
	/*HOHEマークボタンを非表示*/
	ul#yoko-menu li.yokomenu1{display:none;}
	
/*/////////////　ご利用シーンからお好みの料理をお選びください。///////////*/
	dl.index-scene-yoyaku-dl{width:100%;}
	dl.index-scene-yoyaku-dl dt{width:48%;}
	dl.index-scene-yoyaku-dl dd{width:48%;}

	/*/////////////　名峰・大山の恵みに心を込めて　//////////////////////////////*/
	.daisen-bg {width: 100%;}

	/*//////////////////  全ページ共通のフッター //////////////////////////*/
	#footer {padding-top: 125px;}
	#footer .container {width: 98%;}
	dl.footer-dl {text-align: center;}
	
	dl.footer-dl dd{float:none;width:100%;}
	ul.footer-menu1 {float: none;margin-right: 0;margin-top: 0;}
	ul.footer-menu1 li{display: inline-block;margin-right:20px;}
	.footer-erabu {margin-top: 0;}
	.footer-erabu-bar {width: 90%;margin: 2px auto 0 auto;}
	
	ul.footer-menu2 {float: none;margin-right: 0;display: inline;}
	ul.footer-menu2 li {display: inline-block;margin-right: 20px;}
	ul.footer-menu3 {float: none;display: inline;}
	ul.footer-menu3 li {display: inline-block;margin-right: 20px;}

	dl.footer-dl dt {float: none;width: 100%;margin-top: 20px;}
	
	.footer-link-btn {margin: 7px auto 0 auto;}
	
	#footer .copyright {margin-top: 20px;}
}






@media screen and (max-width: 960px) {
	/*///////////// 全ページ共通のheader　///////////////////////////////////*/
	#header {height: 65px;}
	.header-logo a{background:url(../img/header_logo_sp.png) no-repeat 0 0;width:200px;height:100px;text-indent:-8989px;display:block;overflow:hidden;}
	
	.head-tel-cont {margin:16px 80px 0 0;}
	.head-tel-cont ul li {display: block;line-height: 1.2;}
	.head-tel-cont ul li.tel-cap {font-size: 63%;}

	/*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:#3d2929;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:#3d2929;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:12px;}
	#navi_sp ul#yoko-menu-sp li.selected > a{background:url(../img/header_menu_up.png) no-repeat left center;padding-left:12px;}

	#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:#3d2929;}
	#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 center;cursor: pointer;width: 290px;margin: 0 auto;text-align: center;}
	#navi_sp p#menuclose a:hover{background-color:#8d2727;opacity:1;}
	
	
	/*/////////////　名峰・大山の恵みに心を込めて　//////////////////////////////*/
	.daisen-bg {width: 100%;}
	.daisen-bg-com {text-align: left;}
}




@media screen and (max-width: 948px) {
	/*facebook動画のiframe埋め込み*/
	.index-video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
}




@media screen and (max-width: 910px) {
	.index-video-container iframe,  
	.index-video-container object,  
	.index-video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


	/*//////////////// 全ページ共通の配達エリア //////////////////////*/
	.area-box{width:100%;}
	
	/*//////////////////  全ページ共通のフッター //////////////////////////*/
	#footer .container{width:98%;}
}




@media screen and (max-width: 860px) {
	/*/////////////　facebook動画のiframe埋め込み　//////////////////////////////*/
	.index-video-title{font-size:260%;}
	.index-video-com {font-size: 115%;}
	
	/*/////////////　名峰・大山の恵みに心を込めて　//////////////////////////////*/
	.daisen-bg-title{font-size:260%;}
	.daisen-bg-com {font-size: 115%;}
	
	/*/////////////　ご利用シーンからお好みの料理をお選びください　€€//////////////////////////////*/
	.index-scene-title{font-size:172%;}
	.scene-cap-arrow {width: 28px;height: 28px;background: #bf9cbb url(../img/arrow_white10-10.png) no-repeat 10px center;}
	.scene-cap-com {font-size: 129%;margin: 1px 0 0 5px;}
	.scene-cap-com.nidan {font-size: 115%;}
	
	/*/////////////　季節の特別料理　//////////////////////////////*/
	.tokubetu-bar{font-size: 220%;}
	.index-tokubetu-com {font-size: 115%;}
	
	/*//////////////// 全ページ共通の配達エリア //////////////////////*/
	dl.area-dl dt {float: none;margin: 0 auto 20px auto;width: 100%;text-align: center;}
	dl.area-dl dd {float: none;margin: 0 auto;width: 100%;text-align: center;}
}






@media screen and (max-width: 760px) {	
	/* ページの各セクション-------------------*/
	.section {padding: 60px 0 60px 0;}

	/*/////////////　facebook動画のiframe埋め込み　//////////////////////////////*/
	.index-houyou-bg {background:url(../img/index_houyou_bg_sp2.png) no-repeat center center;background-size:100% 100%;}
	
	/*//////////////// 全ページ共通の配達エリア /////////////////////*/
	.area-title {font-size: 172%;}

	/*全ページ共通のページ下部の上部へ戻る */
	#pagetop a {bottom:15px;right:15px;width: 45px;height: 45px;background-size: cover;}

	/*/////////////　ご利用シーンからお好みの料理をお選びください。///////////*/
	dl.index-scene-yoyaku-dl dt{width:100%;display: block;}
	dl.index-scene-yoyaku-dl dd{width:100%;display: block;margin-top: 20px;}
}





@media screen and (max-width: 680px) {	
	/*/////////////　ご利用シーンからお好みの料理をお選びください　€€////////////////////////*/
	.scene-cap-arrow {width: 25px;height: 25px;background: #bf9cbb url(../img/arrow_white10-10.png) no-repeat 8px center;}
	.scene-cap-com {font-size: 115%;margin: 1px 0 0 5px;}
	.scene-cap-com.nidan {font-size: 100%;}
	
	/*/////////////　季節の特別料理　//////////////////////////////*/
	.section.index-season{padding: 50px 0 30px 0;}
	.tokubetu-bar {font-size: 200%;letter-spacing: 0.2em;}
}







@media screen and (max-width: 600px) {
	 .container {width: 90%;}
				
	/*/////////////　facebook動画のiframe埋め込み　//////////////////////////////*/
	.index-houyou-bg {padding: 0 25px 20px 25px;}
	.index-video-container {margin: 10px 0 0 0;}
	.index-video-title{font-size:215%;padding-top: 15px;}
	.index-video-com {font-size: 108%;margin-top:5px;}

	/*/////////////　名峰・大山の恵みに心を込めて　//////////////////////*/
	.daisen-bg-title {font-size: 215%;}
	.daisen-bg-com {font-size: 108%;margin-top: 10px;}
	
	.kodawari-img-box {margin: 15px auto 0 auto;}
	.kodawari-img1 {display: block;width: 82%;margin: 0 auto;}
	.kodawari-img2 {display: block;width: 82%;margin: 2px auto 0 auto;}
	
	
	/*/////////////　ご利用シーンからお好みの料理をお選びください　€€////////////////////////*/
	.index-scene-title {font-size: 165%;}
	.index-scene-title span{display: block;}
	ul.index-scene-ul li {width: 30%;margin: 15px 0.4%;}
}





@media screen and (max-width: 520px) {
	/*///////////// 全ページ共通のheader　////////////////////////*/
	.header-logo a {width: 170px;height: 87px;background-size: contain;}

	/*/////////////　facebook動画のiframe埋め込み　//////////////////////////////*/
	.index-video-title{font-size:186%;}
	.index-video-com{text-align:left;}
	
	/*/////////////　名峰・大山の恵みに心を込めて　//////////////////////*/
	.daisen-bg-title {font-size: 186%;}
	
	/*/////////////　TOPのお知らせ　//////////////////////////////*/
	body#home dl.index-news-dl {margin: 0 10px;}
	
	/*/////////////　1ndex共通　//////////////////////////////*/
	/*全ページ共通の配達エリア*/
	h2.index-midashi1 {font-size: 215%;}
	
}





@media screen and (max-width: 460px) {
	/*///////////// 全ページ共通のheader　////////////////////////*/
	.header-logo a {width: 150px;height: 78px;}

	/*/////////////　facebook動画のiframe埋め込み　//////////////////////////////*/
	.index-houyou-bg {padding: 0 15px 20px 15px;}
	
	/*/////////////　ご利用シーンからお好みの料理をお選びください　€€////////////////////////*/
	.index-scene-title {font-size: 152%;}
	ul.index-scene-ul li {width: 43%;margin: 10px 1%;}
	
	/*/////////////　季節の特別料理　//////////////////////////////*/
	.tokubetu-bar {font-size: 172%;letter-spacing: 0.1em;padding: 24px 0 27px 0;}
	.index-tokubetu-com {font-size: 108%;}
	
	/*/////////////　TOPのお知らせ　//////////////////////////////*/
	body#home .news-list-cont article {margin-bottom: 15px;}
	dl.index-news-dl {width: 160px;}
	dl.index-news-dl a dt {width: 160px;height: 130px;}
	dl.index-news-dl a dd {width: 160px;}
}





@media screen and (max-width: 400px) {	
	/* ページの各セクション-------------------*/
	.section-end {padding: 80px 0 30px 0;}
	
	/*///////////// 全ページ共通のheader　////////////////////////*/
	.head-tel-cont {margin: 16px 80px 0 0;display: none;}

	/*/////////////　facebook動画のiframe埋め込み　//////////////////////////////*/
	.index-video-title{font-size:158%;}
	
	/*/////////////　名峰・大山の恵みに心を込めて　//////////////////////*/
	.daisen-bg-title {font-size: 158%;}

	/*/////////////　TOPのお知らせ　//////////////////////////////*/
	dl.index-news-dl {width: 140px;}
	dl.index-news-dl a dt {width: 140px;height: 110px;}
	dl.index-news-dl a dd {width: 140px;}
	
	/*//////////////// 全ページ共通の配達エリア //////////////////////*/
	.area-title {font-size: 150%;margin-top: 0;}
	.area-tel-cap {margin-top: 10px;font-size: 86%;}
}




@media screen and (max-width: 370px) {	
	/*//////////////// 全ページ共通の配達エリア //////////////////////*/
	.area-tel {margin: 25px 10% 0 10%;}
	.area-box .naka-kuwashii{margin-top:25px;}
	.area-box .naka-kuwashii a {width: 90%;}
	
	/*/////////////　ご利用シーンからお好みの料理をお選びください　€€////////////////////////*/
	dl.index-scene-yoyaku-dl dd .naka-kuwashii a{width: 90%;}

}





@media screen and (max-width: 360px) {	
	/*///////////  法事専門会館 動画  /////////////////////////*/
	.plaza-tel-cap{font-size:79%;}
}