@charset "utf-8";

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

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

@media screen and (max-width: 1300px) {
	/*--新着情報 =========*/
	/* ==============================
	bx-slider 切り替わるイベント画像
	============================== */
	/*next、prevボタン*/
	#headerimgs .bx-wrapper .bx-prev {left:10px;}
	#headerimgs .bx-wrapper .bx-next {right:10px;}	
}



@media screen and (max-width: 1230px) {
	/*--ごあいさつ =========*/
	.big-window{max-width:100%;height:0;padding-top:55%;}
	
	/*ムービーのもっと見るyoutube動画*/
	ul.index-movie-list-ul{width:98%;}


	/* ==================== 全ページ共通の横メニュー ==================== */
	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	.yokomenu-rogo-box {float: none;width: 100px;margin: 0 auto;}		
	.yokomenu-bg{height:60px;}
	ul#yoko-tate-menu,
	ul#yoko-menu{display: none;}
	
	#menubtn{position:absolute;z-index:700;margin-top:10px;right:15px;background:url(../img/header_menu.png) no-repeat 0 0;background-size: cover;width:55px;height:40px;text-indent:-8989px;display:block;overflow:hidden;cursor:pointer;}
	#menubtn.off{background-position:0 0;}
	#menubtn.on{background-position:0 -40px;}
	
	#menubtn-lang{position:absolute;z-index:700;margin-top:10px;left:15px;background:url(../img/header_menu_lang.png) no-repeat 0 0;width:55px;height:40px;background-size: cover;text-indent:-8989px;display:block;overflow:hidden;cursor:pointer;}
	#menubtn-lang.off{background-position:0 0;}
	#menubtn-lang.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: absolute;width:100%;z-index:350;overflow-y: scroll;height: 100vh;right: 0;padding-top:26px;background-color:#000;filter: alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;}*/
	#navi_sp {display: none;position: fixed;width:100%;z-index:350;overflow-y: scroll !important;height: 100vh;right: 0;background-color: rgba(255,255,255,0.95);}
	#navi_sp a,
	#navi_sp a:hover{text-decoration:none;}

	#navi_sp ul#yoko-menu-sp {width:100%;clear: both;padding:40px 10px 0 10px;list-style:none none outside;background-image:none;text-align: center;position: absolute;z-index: 999;top: 50%;left: 50%;transform: translate(-50%,-50%);}
	#navi_sp ul#yoko-menu-sp li {margin: 20px 0;}
	#navi_sp ul#yoko-menu-sp li a {font-size:115%;color: #000;text-decoration: none;line-height:1.2;font-family:RodinPro-M;}
	#navi_sp ul#yoko-menu-sp li a:hover{opacity:0.7;}

	/*submenu*/
	#navi_sp ul#yoko-menu-sp li.spbox00{display: inline-block;margin: 24px 0 0 0;width: 42%;/*border-left: 1px solid #888;*/line-height: 1;}
	#navi_sp ul#yoko-menu-sp li.spbox00.listnone{border-left:none;}
	#navi_sp ul#yoko-menu-sp li.spbox00 > a{}
	#navi_sp ul#yoko-menu-sp li.spbox02 > a{background:url(../img/header_menu_down_glay.png) no-repeat left center;padding-left:12px;}
	#navi_sp ul#yoko-menu-sp li.selected > a{background:url(../img/header_menu_up_glay.png) no-repeat left center;padding-left:12px;opacity: 0.5;}

	#navi_sp ul#yoko-menu-sp ul.sub{border-top: 1px solid #888;border-bottom: 1px solid #888;margin: 10px auto 0 auto;padding: 5px 0 15px 0;font-size: 90%;width: 290px;}
	#navi_sp ul#yoko-menu-sp ul.sub li {display: inline-block;margin: 15px 10px 0 10px;min-width: 100px;}

	/*Language
	#navi_sp ul#yoko-menu-sp li.spbox00.lang {color: #888;font-size: 100%;margin: 30px 0 0 0;}
	#navi_sp ul#yoko-menu-sp ul.lang-spmenu{border-top: 1px solid #555;border-bottom: 1px solid #555;margin:5px auto 0 auto;font-size:73%;width:100%;}
	#navi_sp ul#yoko-menu-sp ul.lang-spmenu li{display:inline-block;margin:0 4%;}
	#navi_sp ul#yoko-menu-sp ul.lang-spmenu li a{color:#eee;padding: 10px 0 11px 0;display: block;}
	#navi_sp ul#yoko-menu-sp ul.lang-spmenu li.ru a{letter-spacing: -0.3em;}
	*/


	/*サブメニューの閉じる
	#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;}
	*/

	/*メニューの閉じる　　<p id="menuclose" class="close"><a>メニューを閉じる</a></p>
	#navi_sp p#menuclose{padding: 5px 0 25px 0;background-color:#000;}
	#navi_sp p#menuclose a{font-size: 100%;color: #FFF;padding: 7px 0 8px 0;line-height: 1.0;display: block;background:#444 url(../img/header_menu_close.gif) no-repeat right 15px center;cursor: pointer;width:270px;margin: 0 auto;text-align: center;}
	#navi_sp p#menuclose a:hover{background-color:#666;opacity:1;}
	*/


	/*------Langaugeナビ---------------*/
	#navi_sp_lang {display: none;position: fixed;width:100%;z-index:350;overflow-y: scroll !important;height: 100vh;right: 0;padding-top:26px;}
	#navi_sp_lang a,
	#navi_sp_lang a:hover{text-decoration:none;}

	#navi_sp_lang ul#yoko-menu-sp {width:100%;clear: both;padding:50px 10px 50px 10px;list-style:none none outside;background-image:none;background-color: rgba(255,255,255,0.95);text-align: center;}
	#navi_sp_lang ul#yoko-menu-sp li {margin: 20px 0;}
	#navi_sp_lang ul#yoko-menu-sp li a {font-size:108%;color: #000;text-decoration: none;line-height:1.2;}
	#navi_sp_lang ul#yoko-menu-sp li a:hover{opacity:0.7;}

	/*submenu*/
	#navi_sp_lang ul#yoko-menu-sp li.spbox00 > a{}
	#navi_sp_lang ul#yoko-menu-sp li.ru a{letter-spacing: -0.3em;}
	/*------/Langaugeナビ---------------*/
	
	/*SNS*/
	ul#yoko-sns{display:none;}
	
	ul#yoko-sns-sp {text-align:center;}
	ul#yoko-sns-sp li{width:32px;height:32px;display:inline-block;margin:5px 8px 0 8px !important;}
	ul#yoko-sns-sp li a{text-indent:-8989px;display:block;overflow:hidden;line-height:32px !important;background-size:contain !important;}
	ul#yoko-sns-sp li a:hover{opacity:0.6;}
	
	ul#yoko-sns-sp li.insta a{background:url(../img/insta.png) no-repeat center center , url(../img/insta_bg.png) no-repeat center center;}
	ul#yoko-sns-sp li.twitter a{background:url(../img/twitter-x.png) no-repeat center center , url(../img/twitter-x_bg.png) no-repeat center center;}
	ul#yoko-sns-sp li.face a{background:url(../img/face.png) no-repeat center center , url(../img/face_bg.png) no-repeat center center;}

	/*----石の灯りページのみ適用----Google ウェブサイト翻訳------*/
	body#landscape ul#yoko-tate-menu.landsc {position: absolute;z-index: 700;top: 0;left: 0;height: 24px;overflow: hidden;}
	body#landscape #menubtn-lang.off{display:none;}
}

	
	
@media screen and (max-width: 1180px) {	
	/*--アクセスマップ 乗り物=========*/
	#index-access-dl .width-left{width:47%;}
	#index-access-dl .width-right{padding-left:3%;}
}




@media screen and (max-width: 1160px) {
	#header .container{width:97%;margin:0 auto;padding:0;}
	
	/*openingの画像等------------------ =========*/
	.index-rogo-cont{width: 100%;}

	/*--採用情報 =========*/
	dl.index-recruit-dl dt {width: 43%;padding-top: 10px;}
	dl.index-recruit-dl dd {width: 56%;}
}




@media screen and (max-width: 1100px) {
	/* ==================== 全ページ共通の横メニュー ==================== */
	ul#yoko-menu li a span{display:none;}
	ul#yoko-menu li a {letter-spacing: 0;}
	ul#yoko-tate-menu {margin-right: 5px;}
}




@media screen and (max-width: 1060px) {
	img{max-width: 100%;height: auto;width /***/:auto;　}
	.container{width:97%;margin:0 auto;padding:0;}
	
	/*////////　homeのオープニング 切り替わる背景画像　///////////*/
	/*openingの画像等------------------ =========*/
	.opening-headcont{width:97%;}
}




@media screen and (max-width: 1040px) {
	
	/*--更新情報 =========*/
	.index-koushin-box {width: 100%;}
}




@media screen and (max-width: 1020px) {

	
	/*---特別告知の枠=========*/
	body#home .tokubetu-waku-title{max-width:none;margin:50px 3% 0 3%;font-size: 122%;}
	body#home .tokubetu-waku{max-width:none;margin:0 3% -60px 3%;font-size: 100%;}
	
	/*お知らせ*/
	.news-list-cont{width:98%;}
	dl.index-news-dl {width: 30%;margin: 30px 1.2% 10px 1.5%;}
	
	/*--ムービー =========*/
	#index-movie-box{width: 95%;height: 0;padding-bottom: 56.3%;}
	
	/*youtube埋め込み動画*/
	.movie-wrap-out {width: 98%;}
	
	/*見頃の庭園*/
	.migoro-list-cont {width: 98%;}
}



@media screen and (max-width: 970px) {
	/*--ムービー =========*/
	.movie-btn {margin: 190px auto 0 auto;}
	#movie video{width:100% !important; height:auto !important;}

	/*--庭園の四季 =========*/
	.shiki-box {width: 100%;}

	/*--採用情報 =========*/
	body#home .section.recruit {padding: 90px 0 100px 0;}
	dl.index-recruit-dl dt {float: none;width: 100%;padding-top: 0;}
	dl.index-recruit-dl dd {width: 100%;float: none;margin: 40px auto 0 auto;max-width: 680px;}
	dl.index-recruit-dl dt .naka-kuwashii {margin-top: 30px;}

	/*--景観照明 =========*/
	body#home .section.stonelight {padding: 90px 0 100px 0;}
	dl.index-stone-dl dt {float: none;width: 100%;padding-top: 0;}
	dl.index-stone-dl dd {width: 100%;float: none;margin: 40px auto 0 auto;max-width: 680px;}
	dl.index-stone-dl dt .naka-kuwashii {margin-top: 30px;}
	
	/*///////////  全ページ共通のフッター //////////////////////*/
	.footer-sitemenu ul{margin:0 15px;}
}




@media screen and (max-width: 940px) {

}





@media screen and (max-width: 850px) {
	.container{width:95%;}
	
	.sp-slides-container {}/*margin-bottom: 6px;*/
	
	/*--ムービー =========*/
	.movie-btn {margin: 155px auto 0 auto;}
	.movie-com {margin-top: 60px;font-size: 190%;}

	/*///////////  全ページ共通のフッター //////////////////////*/
	.footer-sitemenu ul{margin:0 10px;}
	
	/*全ページ共通のページ左側のサイドバナー*/
	.side-box{bottom:5px;}
	dl.side-banner dt a{width: 30px;height: 110px;padding: 0.4em 7px 0 0;border-left:4px solid #000;font-size: 13px;}
	dl.side-banner dt a span{display:none;}
	dl.side-banner dt a:hover{width:35px;}
	dl.side-banner dd a{margin: 15px 15px 15px 35px;}
	/*恵春堂*/
	dl.side-banner.second dt a{padding: 0.4em 7px 0 0;}


	/*--ページ内移動用メニュー =========*/
	ul#cont-yoko-menu {display: none;}

	/*---特別告知の枠=========*/
	body#home .tokubetu-waku-title{margin:0 3% 0 3%;font-size: 115%;}
	body#home .tokubetu-waku{margin:0 3% 30px 3%;}
	
	
	/*--更新情報 =========*/
	.index-koushin-box {margin: 10px auto 0 auto;}
	
	/*--ごあいさつ =========*/
	.youkoso-cap{display:none;}
	.youkoso-midashi1 {line-height: 1.1;}

	/*--庭園の四季 =========*/
	.index-seasons4-sub1 {margin: -35px 0 -40px 10px;}
	.index-sato-sub3 {width: 200px;}
	.naka-kuwashii.sato-sub3 {left: 30%;}
	.index-sato-sub2 {margin: 0px 0 -70px 10px;width: 290px;}

	/*--庭園を望む御食事処 =========*/
	.index-rest-sub1 {width:290px;}
		
	/*///////////  全ページ共通のフッター //////////////////////*/
	.footer-sitemenu ul{margin:0 20px 15px 20px;}
}





@media screen and (max-width: 780px) {
	/* ページの各セクション-------------------*/
	.section.first {padding: 40px 0 50px 0;}
	.section {padding: 50px 0 50px 0;}
	.section.end{padding:10px 0 50px 0;}

	/*openingの画像等------------------ =========*/
	.opening-headcont {display: none;}
	.index-rogo-cont{-webkit-transform: scale(0.85); transform: scale(0.85);}
	
	.sp-horizontal .sp-arrows {display: none;}

	/*お知らせ*/
	dl.index-news-dl {width: 29%;margin: 30px 1.7% 10px 2%;}


	/*--ごあいさつ =========*/
	.youkoso-midashi2 {font-size: 129%;line-height: 1.5;}
	.youkoso-com {margin: 30px 0 30px 0;}
	/*パララックス画像*/
	.parallax-window {min-height: 500px;}
	
	/*ムービーのもっと見るyoutube動画*/
	ul.index-movie-list-ul li {width: 45%;}
	
	
	/*--庭園の四季 =========*/
	.shiki-midashi2 {font-size:150%;line-height: 1.5;letter-spacing: 0;}
	/*庭師画像*/
	.index-seasons4-sub1{margin:-5px 0 10px 10px;width:125px;}

	/*--採用情報 =========*/
	body#home .section.recruit {padding: 60px 0 40px 0;}
	dl.index-recruit-dl dt .title {font-size: 204%;}
	dl.index-recruit-dl dt .title-cap {margin-bottom: 22px;}
	dl.index-recruit-dl dt .naka-kuwashii {margin-top: 24px;}
	dl.index-recruit-dl dt .shiki-com1 {line-height: 1.6;}
	dl.index-recruit-dl dd {width: 80%;max-width: unset;}

	/*--景観照明 =========*/
	body#home .section.stonelight {padding: 60px 0 0 0;}
	dl.index-stone-dl dt .stone-midashi{font-size: 200%;}
	dl.index-stone-dl .shiki-cap {margin: 11px 0 22px 0;font-size: 75%;}
	dl.index-stone-dl dt .naka-kuwashii {margin-top:15px;}
	
	/*///////////  全ページ共通のフッター //////////////////////*/
	.footer-sitemenu {padding: 25px 0 5px 0;}
}


@media (orientation: landscape) and (max-width: 780px){	
	/*openingの画像等------------------ =========*/
		/*真ん中の由志園を消す*/
	.rogo-green,
	.rogo-white,
	.rogo-text,
	.rogo-com1{display: none;}
	
	.index-rogo-cont{top:23%;} 
}





@media screen and (max-width: 720px) {
	/*--アクセスマップ 乗り物=========*/
	#index-access-dl .width-left{width: 85%;float: none;margin: 0 auto;}
	#index-access-dl .width-right{padding-left: 0;width: 85%;float: none;margin: 40px auto 0 auto;border-left: none;border-top: 1px solid #999;padding-top: 30px;}
	
	/*///////////  全ページ共通のフッター //////////////////////*/
	dl.footer-zip-box dd {margin-left: 0;display: block;text-align: center;}
	dl.footer-zip-box dd .footer-zip span {display: inline-block;padding: 0 8px;}
	dl.footer-zip-box dd .footer-opentime small {display: inline-block;}
}





@media screen and (max-width: 700px) {
	body {letter-spacing: 0;}
	body#home .section#field0 {padding: 30px 0 50px 0;}

	/*------ 本日の入園料・営業時間 ---------*/
	.eigiyou-wrapp {padding-bottom: 7px;font-size: 90%;}
	.eigiyou-niyuen.first {margin-right: 0;}
	.eigiyou-niyuen {display: block;width: 70%;margin: 0 auto !important;}
	.eigiyou-niyuen dd p {margin-bottom:8px;}
	.eigiyou-waku {margin-bottom: 10px;}
	.eigiyou-title {font-size: 129%;}


	/*--ごあいさつ =========*/
	.youkoso-com{text-align:left;font-size: 100%;line-height: 1.7;margin: 12px 0 30px 0;}
	.youkoso-com br{display:none;}
	.section.aisatsu .cp_box label:after{background:url(../img/arrow_white7-11.png) no-repeat right center !important;}
	
	/*続きを読む cssのみjs無し*/
	.cp_box *, .cp_box *:before, .cp_box *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
	/*ぼつになった下線だけ
	.cp_box label {position: relative;cursor: pointer;display: block;margin: 4px auto 0 auto;text-align: center;font-size: 15px;line-height: 1;width: 120px;transition: all 0.8s;text-decoration: underline;color: #555;}
	.cp_box label:hover {opacity: 0.6;}
	*/
	.cp_box label{font-family:RodinPro-M;position: relative;cursor: pointer;display:block;margin:9px auto 0 auto;text-align: center;font-size: 15px;line-height: 1;color:#0e6eb8;text-decoration: none;letter-spacing:0;transition: all 0.8s;}
	.cp_box label:after{content: '';background:url(../img/arrow_blue7-11.png) no-repeat right center;padding:0 14px 0 0;}
	.cp_box label:hover{color: #0e6eb8;text-decoration:underline;}
	
	.cp_box .cp_container {position: relative;z-index: 10;overflow: hidden;height: 0;display: none;}
	.cp_box input:checked ~ label{display:none;} /*チェックされたら、続きを読むボタンを非表示にする*/
	.cp_box input:checked ~ div.cp_container {height: auto;display: inline;}/* 続きを読むボタンを押すと表示されるテキストの高さ */

	/*--4つのcont =========*/
	.section.index-con4{padding:60px 0 5px 0;}

	/*--ムービー =========*/
	.section.index-movie {padding: 40px 0 30px 0;}
	.movie-btn {margin: 130px auto 0 auto;}
	.movie-com {margin-top: 35px;font-size: 170%;}
	
	/*--庭園の四季 =========*/
	.section.index-shiki {padding: 30px 0 50px 0;}
	.shiki-box {margin-top:30px;}
	.shiki-sub-img {float: none;padding-left: 0;text-align: center;margin-bottom: 20px;}
	.shiki-com1 {letter-spacing: 0;line-height: 1.7;font-size: 100%;margin-top: 12px;}
	.shiki-midashi2 span{display:block;padding-left:0;}
	
	/*見頃の庭園*/
	.migoro-list-box {margin-top:80px;}
	.migoro-list-cont {margin: -20px auto 0 auto;}
}



@media screen and (max-width: 650px) {
	/*--庭園の四季 =========*/
	.shiki-midashi1 {font-size: 176%;}
	.shiki-cap {font-size: 69%;line-height: 1.2;letter-spacing: 0.3em;margin: 20px 0 25px 0;}


	/*お知らせ*/
	dl.index-news-dl {width: 45%;margin: 30px 2.2% 10px 2.5%;}
	
	/*--アクセスマップ 乗り物=========*/
	#index-access-dl .width-left{width:95%;}
	#index-access-dl .width-right{width:95%;}
}	





@media screen and (max-width: 600px) {
	.container {width:91%;}

	/*--------	ページ上部右の出てくるナビmenu ------------*/
	#navi_sp ul#yoko-menu-sp li a {font-size: 105%;}

	/*----石の灯りページのみ適用----Google ウェブサイト翻訳------*/
	body#landscape ul#yoko-tate-menu.landsc {left: -8px;}
	
	/*openingの画像等------------------ =========*/
		/*真ん中の由志園を消す*/
	.rogo-green,
	.rogo-white,
	.rogo-text,
	.rogo-com1{display: none;}
	
	.index-rogo-cont {top: 16%;}
	.opening-com1{font-size: 135%;letter-spacing: 0.3em;line-height: 1.8;}
	.opening-com1 span{display:block;padding-right:0px;} 

	/*------ 本日の入園料・営業時間 ---------*/
	.eigiyou-niyuen {width: 85%;}
	
	/*--ごあいさつ =========*/
	.youkoso-midashi2{font-size: 128%;line-height: 1.5;}
	.youkoso-midashi2 span{display:block;}
	
	/*--庭園の四季 =========*/
	.shiki-midashi2 {font-size: 128%;text-align: center;margin-bottom: 10px;position: relative;}
	.index-sato-sub3 {width: 150px;margin: 10px 20px 10px 0;}
	.naka-kuwashii.sato-sub3 {left: 0;position: relative;margin-top: 10px;}
	.index-sato-sub2 {margin: -10px 0 -50px 10px;width: 220px;}
	.index-rest-sub1 {width: 200px;margin: 8px 10px 10px 0;}
	
	/*--4つのcont =========*/
	.index-con4-com{font-size:280%;}
	.index-con4-1 a,
	.index-con4-2 a,
	.index-con4-3 a,
	.index-con4-4 a{height:110px;}
	.index-con4-com span {letter-spacing: 0.5em;text-indent: 0.5em;}

	/*--ムービー =========*/
	.movie-btn {margin: 90px auto 0 auto;}
	.movie-com {margin-top: 20px;font-size: 150%;}
	
	/*お知らせ*/
	/*and more
	.ajaxLoad {width:70%;}*/

	/*全ページ共通のページ下部の上部へ戻る*/
	#pagetop > a {bottom: 75px;width: 40px;height: 40px;right: 10px;}
	.webticket a {width: 90px;}
		
	/*///////////  全ページ共通のフッター //////////////////////*/
	.footer-sitemenu {padding: 13px 0 15px 0;}
	.footer-sitemenu ul {margin:0;text-align: center;display: inline;}
	.footer-sitemenu ul li.sub {display: none;}
	.footer-sitemenu ul li {display: inline-block;margin: 0 10px;}
}




@media screen and (max-width: 520px) {
	#wrapper {font-size: 95%;}
	#footer {font-size: 90%;}
	
	/*このボタンは、中ページ全ページで使用*/
	.naka-kuwashii a {font-size: 87%;}

	/*------ 本日の入園料・営業時間 ---------*/
	.eigiyou-title-special{font-size:108%;}

	/*--更新情報 =========*/
	.index-koushin-date{float:none;}
	.index-koushin-title {padding: 3px 0 0 10px;}
	.ajaxLoad.topics a {background: url(../img/arrow_blue7-11.png) no-repeat right top 3px;}
	
	/*--ごあいさつ =========*/
	.section.aisatsu{font-size:90%;}
	.shiki-midashi1 {font-size: 160%;letter-spacing: 0.2em;}
	/*続きを読む cssのみjs無し*/
	.cp_box {margin:20px 0 40px 0;}

	/*ムービーのもっと見るyoutube動画*/
	body#home .fancybox-slide{padding:44px 5px !important;}

	/*イベント専用のand more*/
	.ajaxLoad.event a{font-size:90%;}
	
	/*--庭園の四季 =========*/
	.shiki-box {font-size: 90%;}
	/*見頃の庭園*/
	.migoro-list-box {margin-top:50px;}
}




@media screen and (max-width: 470px) {
	/*cssだけでつくったボタンの場合*/
	.naka-kuwashii a span{display:block;}
	
	/*------ 本日の入園料・営業時間 ---------*/
	.eigiyou-wrapp {padding-bottom: 4px;}
	.eigiyou-box {font-size: 86%;margin-right: 5px;}
	.eigiyou-niyuen dt {font-size: 129%;}
	
	/*--お知らせ =========*/
	dl.index-news-dl {margin: 20px 2.2% 10px 2.5%;}

	/*--ムービー =========*/
	.movie-btn {margin: 60px auto 0 auto;}
	.movie-com {margin-top: 10px;font-size: 130%;}
	
	/* ====== bx-slider 切り替わるイベント画像 =========== */
	.bx-controls-direction{display:none;}

	/*見頃の庭園*/
	dl.index-migoro-dl a dd .index-news-midashi1{font-size: 100%;}

	/*--庭園の四季 =========*/
	/*庭師画像*/
	.index-seasons4-sub1{float: right;width: 110px;margin: -5px 0 5px 15px;}
	.naka-kuwashii.seasons4-sub1 {position: unset;}

	/*--景観照明 =========*/
 dl.index-stone-dl dt .stone-midashi {font-size: 170%;}
	dl.index-stone-dl .shiki-midashi2 {font-size: 130%;}
	dl.index-stone-dl .shiki-com1 {font-size: 95%;margin: 20px 0 27px 0;}
	
	/*--アクセスマップ 乗り物=========*/
	#index-access-dl {padding: 0 4.5%;}
	#index-access-dl .width-left{width:100%;}
	#index-access-dl .width-right{width:100%;}
	table.dd-table th.td5 {width: 5%;letter-spacing: 0;white-space: normal;line-height: 1.2;}
	table.dd-table.padding-s td,
	table.dd-table.padding-s th {padding: 5px 8px 5px 8px;}
}




@media screen and (max-width: 440px) {
	/*スマホ 縦時は非表示*/
	.sp440{display: none !important;}
	.sp440u{display: block !important;}

	.section {padding: 20px 0 30px 0;}
	
	/*openingの画像等------------------ =========*/
		/*真ん中の由志園を再度出す*/
	.rogo-text,
	.rogo-com1{display:block;font-size:86%;}
	
	/*.rogo-green{width: 170px;height: 66px;background-size: contain;}*/
	.index-rogo-cont {top:10%;}
	.rogo-com1{margin-top:5px;}
	.rogo-text{margin-top:15px;}
	.opening-com1 span{display:block;padding-right:0px;}
	
	/*--更新情報 =========*/
	.index-koushin-box {margin: 0 auto 0 auto;padding: 8px 15px 12px 10px;}

	/*--お知らせ =========*/
	.index-news-title-cap {font-size: 86%;letter-spacing: 1.4em;margin: 8px 0 15px 0;}
	.news-list-cont {margin: 20px auto 0 auto;}
	dl.index-news-dl a dd {margin-top: 5px;}
	dl.index-news-dl a dd .index-news-midashi1 {font-size: 100%;margin: 5px 0 5px 0;}
	
		
	/*--4つのcont =========*/
	.index-con4-box{margin:30px auto 0 auto;}
	
	/*--ごあいさつ =========*/
	.youkoso-midashi1 {letter-spacing: 0.2em;}
	.youkoso-com {margin: 10px 0 20px 0;}
	
	/*--庭園の四季 =========*/
	.shiki-com1 {margin-top: 10px;letter-spacing: -0.04em;line-height: 1.5;display: block;}
	/*見頃の庭園*/
	.migoro-list-cont {margin: -10px auto 0 auto;}
	dl.index-migoro-dl {width: 96%;margin: 10px 0 20px 0;}

	/*--景観照明 =========*/
 dl.index-stone-dl dt .stone-midashi {font-size: 155%;}
	dl.index-stone-dl .shiki-midashi2 {font-size: 115%;}
	dl.index-stone-dl .shiki-com1 br{display:none;}
	dl.index-stone-dl .shiki-com1 {margin: 17px 15px 27px 15px;text-align: left;}
	
	/*--採用情報 =========*/
	dl.index-recruit-dl dt .title {font-size: 170%;}
	dl.index-recruit-dl dt .shiki-midashi2 {font-size: 105%;letter-spacing: 0.1em;}
	dl.index-recruit-dl dd {margin: 30px auto 0 auto;}
	dl.index-recruit-dl dt .naka-kuwashii a {padding: 9px 40px 7px 40px;}
}




@media screen and (max-width: 380px) {
	.opening-com1{letter-spacing: 0;}
	
	/*------ 本日の入園料・営業時間 ---------*/
	.eigiyou-title {font-size: 122%;letter-spacing: -0.05em;}
	.eigiyou-box {padding: 16px 7px 8px 8px;}
	.eigiyou-niyuen {width: 95%;}
	
	/*--ごあいさつ =========*/
	.shiki-midashi1 {font-size: 136%;letter-spacing: 0.1em;padding: 1px 20px 3px 20px;}
	
	/*--庭園の四季 =========*/
	.shiki-midashi2 {font-size: 128%;}
	
	/*--ムービー =========*/
	.movie-btn {margin: 40px auto 0 auto;}
	.movie-com {margin-top:5px;font-size: 130%;}
	.movie-com span {letter-spacing: 0.2em;margin-top: 10px;}
	
	/*///////  全ページ共通のフッター ///////*/
	.footer-sitemenu ul li {margin: 0 7px;}
	dl.footer-zip-box {font-size: 93%;}
	dl.footer-zip-box dd .footer-zip {font-size: 93%;}
}




@media screen and (max-width: 330px) {
	/*--ムービー =========*/
	.movie-btn {margin: 25px auto 0 auto;}

}