@charset "utf-8";

@media screen and (max-width: 1400px) {
	/* ========= 庭園 garden/ ======== */
	.outer-container {width: 100%;}
}




@media screen and (max-width: 1360px) {
	/* ========= 庭園 garden/ ======== */
	.garden-com1{letter-spacing: 0.4em;padding-top: 65px;}
	.garden-com2{margin-top:0px;}
	.garden-com2-cap{font-size:93%;margin-top:10px;}
	.garden-com3{line-height:1.8;}
}




@media screen and (max-width: 1300px) {
	/* ========= 中ページのTOPの大きな画像 ======== */
	.topimg-box {background-size: cover !important;height: 0 !important;padding-top: 25%;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史  kouraininjin/========*/
	.history-bottom-wrapper {padding-bottom: 320px;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史 詳細  kouraininjin/history　=======*/
	body#kouraininjin.history .topimg-box {height: 0;padding-top: 40%;}
	.kouraininjin-topimg-box,
	.unshuuninjin-topimg-box{height: 0;padding-top: 40%;}
	
	/*============　旅行代理店様専用  travel/　=============*/
	body#travel .topimg-box{height:0;}
	
	/*============　旅行代理店様へ　団体客様用 お料理  travels/　=============*/
	body#travels .topimg-box{height:0;}
	
	/*============　旅行代理店様へ　写真ダウンロードのダウンロードページ  travels/photodownload/詳細　=============*/
	.one-box-left{;width:65%;}
	.one-box-right{width:32%;}
	.fancybox-slide {padding: 44px 15px 0 15px;}
	
	/*============　［牡丹］大根島と牡丹の歴史  botan-flower　=============*/
	body.botan-flower .topimg-box {background-size: cover !important;height: 0;padding-top: 50%;}
	.botan-bottomimg {height: 0;padding: 25%;}

	/*============　［食事/喫茶］食事処のご案内  restaurant/　=============*/
	.restaurant-topimg-box-title {top: 50%;}
	
	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
	body#landscape .topimg-box{height: 0;padding-top: 50%;}
	.land-topimg-box-title {top:47%;}
}




@media screen and (max-width: 1150px) {
	/* ========= 庭園 garden/ ======== */
	.garden-topimg-box {height: 880px;background-size: 1150px auto;}
	
	/* ========= アクセスマップ access/ ======== */
	.map-zip strong {display: block;}

	/*============　旅行代理店様へ　団体客様用 お料理  travels/　=============*/
	/*.restaurant-topimg-box-title {left: 40%;transform: translateY(-45%) translateX(-38%);-webkit-\ transform: translateY(-45%) translateX(-38%);}*/
	.restaurant-topimg-box-title {left: unset;transform: unset;-webkit-\ transform:unset;top: 10%;right: 0;left: 0;margin: 0 auto;width:33%;}
	
	/*============　旅行代理店様へ　団体客様用 お料理  travels/　=============*/
	.travels-midashi2 {text-align: left;}
	body.travels .topimg-box-bar-title img{width: 19vw;}
		
	/* ========= 高麗人蔘 kouraininjin/ ======== */
	.container.kourai{width:97%;}
	.kourai-topimg-box {background: url(../kouraininjin/img/kourai_topimg.jpg) no-repeat center -90px;}
	.history-wrapper {margin-top: -300px;}
	.history-rogomark-black img{width:66px !important;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史 詳細  kouraininjin/history　=======*/
	.history-img3 {margin: 15px 0 0 20px;width: 320px;}
}



@media screen and (max-width: 1050px) {
	/* ========= TOP画像下の横メニュー ======== */
	#naka-top-menu-box ul {width: 100%;}
	
	/*中ページ共通のテーブル構造　-------------------*/
	.containers{width:97%;}
	
	/* ========= 庭園 garden/ ======== */
	/*パララックス*/
	body#garden .parallax-window {min-height:420px;}
	.spring_title {padding-top: 70px;}
	.spring_title-cap {padding-top: 50px;}
	img.parallax-slider{transform: translate3d(0px, 0px, 0px) !important;max-width: 100% !important;height: auto !important;}
	
	
	/* ========= ［食事/喫茶］食事処のご案内  restaurant/ ======== */
	.rest-box-left{float:left;width:55%;}
	.rest-box-right{float:right;width:42%;}

	/*============　旅行代理店様へ　団体客様用 お料理  travels/　=============*/
	.dcook-box2 {width: 100%;}
	.dcook-box2 .title{width: 15%;}
	.dcook-box2 .img{width: 75%;}
	.dcook-box2 .menu {width: 75%;}
	.dcook-box2.bento .title {width: 19%;}

}





@media screen and (max-width: 1030px) {
	/*/////////////　中ページのお知らせ　/////////////////////*/
	body.naka .news-list-cont{width:100%;}
	
	/*パンくず------------*/
	#breadcrumb {width: 98%;}
	
	/*========［高麗人蔘］雲州人蔘の歴史 詳細  kouraininjin/history=======*/
	body.history .container {width:97%;}
	
	/*============　旅行代理店様へ　団体客様用 お料理  travels/　=============*/
	.hakozen-title-box {max-width: 92%;}
	.section.travels.shunsai .hakozen-title-box .com{max-width: 67%;}
}






@media screen and (max-width: 1012px) {
	/*パンくず------------*/
	#breadcrumb {width: 98%;}
	
	/*/////////////　中ページのお知らせ　/////////////////////*/
	/*商品 2つ並び*/
	ul.scene-img-ul li{width:46%;margin:0 2% 0 2%;}
	ul.scene-img-ul li:nth-child(2) {margin: 0 0 0 2%;}
	
	/* ========= 庭園 garden/ ======== */
	.garden-com1 {font-size: 220%}
	.garden-com2 {font-size: 280%;}
	.garden-com2-cap {font-size: 86%;margin-top: 4px;}
	/*マップ*/
	.shisetsu-shoukai-li {width: 100%;}
	.shisetsu-shoukai-li ul {width: 105%;}
	.shisetsu-shoukai-li ul li {margin: 0 1.2% 30px 1.2%;}
	.shisetsu-flower-li {width: 100%;}
	.shisetsu-flower-li ul {width: 106%;}
	
	/* ========= 見ごろ案内 list migoro/ ======== */
	.migoro-list-cont{width:98%;}
	
	/*============　［牡丹］大根島と牡丹の歴史  botan-flower　=============*/
	.banduke-right{float:none;width:100%;}
	.banduke-left{float:none;margin: 0 auto;}
	ul.botan-img-ul{text-align: center;}
	ul.botan-img-ul li {margin: 0 7px 20px 7px;}
	dl.botan-dl .banduke-right dd {padding: 5px 0 5px 0;}

	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
	table.souryo-table {margin: 0 auto;}
 body#landscape .section.creat .scroll-table {margin-top: 40px;}
	
	/*============　［食事/喫茶］個人料理  shokuji-kojin/　=============*/
	.section.kojin1 .container,
	.section.kojin2 .container{width: 97%;}

	/*=======［高麗人蔘］雲州人蔘の歴史 詳細  kouraininjin/history　=======*/
	.land-img1-text {margin-top: -504px;font-size: 345%;}
}






@media screen and (max-width: 960px) {
	/* ========= TOP画像下の横メニュー ======== */
	#naka-top-menu-box ul li a {font-size: 122%;}
		
	/*============　お知らせ  one　=============*/
	.news-single-main{width: 100%;}
	
	/*============　［牡丹］大根島と牡丹の歴史  botan-flower　=============*/
	.worldhinshu-box {float: none;width: 100%;padding-right: 0;border-right: none;margin: 5px 0 20px 0;}
	.worldhinshu-box.right {float: none;width: 100%;}
	.worldhinshu-box .jimotohinshu-flower {float: right; margin: 0 0 0 20px;}
	.worldhinshu-box .jimotohinshu-name {padding: 0;}
	.worldhinshu-box .jimotohinshu-com {padding: 0;}

	/*======= 旅行代理店様へ　団体客様用 お料理  travels/======*/
	/*会席料理をより豪華に、鮮やかに彩ります。*/
	.meibutu-com1{margin-left:0;}
	.meibutu-com2{margin-right:0;}
	dl.meibutu-dl{padding:15px 5px;}
	
	/*============　RECRUIT採用情報＞代表メッセージ  TOP MESSAGE/　=============*/
	dl.message-dl dt {width: 39%;}
	dl.message-dl dd {padding: 30px 0 0 44%;}
	dl.message-dl dd .message-title {font-size: 4.2vw;}
	dl.message-dl dd .midashi {margin: 60px 0 0 0;font-size: 240%;}
	dl.message-dl dd .com {font-size: 115%;margin-top: 5px;}
	.message-com1 {font-size: 4vw;margin-bottom:20px;}
	.message-com2 {font-size: 115%;}

	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
	.land-topimg-box-title {top: 51%;width: 220px;}
	.land-img1-text {right: 40px;font-size: 300%;margin-top: -470px;}
}





@media screen and (max-width: 930px) {
	/*======= 旅行代理店様へ　団体客様用 お料理  travels/======*/
	.dcook-box {width: 100%;}
	.dcook-box dl dt{width: 36%;}
	.dcook-box dl dd{width: 59%;}


	/* ========= 庭園 garden/ ======== */
	.shiki2-box {width: 100%;}
	.spring2-box,
	.summer2-box,
	.autumn2-box,
	.winter2-box{width: 100%;}
	dl.shiki2-box-dl dd {padding-right:10px;}
	.shiki2-box-dl-kikan.autumn {width: 96%;margin: 18px 2% 0 2%;}
	.shiki2-box-dl-kikan.winter {width: 96%;margin: 18px 2% 0 2%;}
	
	/* ========= 入園のご案内 guidance/ ======== */
	.lightup-calen-box {width: 100%;}
	.guidance-box {padding: 70px 35px 0 35px;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史  kouraininjin/========*/
	.history-dl-rightimg {margin: 5px 0 0 20px;}
}






@media screen and (max-width: 910px) {	
	/* ======== TOP画像の中のタイトル ======== */
	/*.topimg-box-bar {font-size: 86%;}*/

	/*============　お知らせ  one　=============*/
	ul.news-single-yokoimg-dl {text-align: center;}
	
	/*=======　［由志園について］由志園の由来  about/=======*/
	.machi-right {float: none;margin: 0 0 10px 0;}
	
	/*==========　お問合せ　toiawase/　==========*/
	#chuui-waku {width: 95%;}
	
	/*==========　由志園ウエディング　wedding/　==========*/
	.wedding-com {letter-spacing: 0.2em;}
	
	/* ========= 庭園 garden/ ======== */
	.shiki2-box-ul-title {font-size: 80%;}
	ul.shiki2-box-ul {width: 96%;margin: 60px auto 0 auto;}

	/* ========= 入園のご案内 guidance/ ======== */
	.guidance-box {padding: 70px 0px 0 0px;}
	dl.price-kikan-dl {width: 100%;}
	/*年間入園パスポート*/
	.pass-setu-midashi {background-color: #e7dcc5;font-size: 143%;}
	/*秋冬ライトアップイルミネーション カレンダー*/
	body#guidance .lightup-calen-bg {font-size: 186%;}
	body#guidance ul.calen-box li {width:auto;}
	
	/* ========= アクセス access/ ======== */
	.shuttlebus-day-box ul {text-align: center;}
	.shuttlebus-day-box ul li:nth-child(3) {margin-top: 10px;}
	.shuttlebus-day-box ul .shuttlebus-day-com1 {margin: 10px 0 -10px 0;}
	#access-access-dl dl.shuttlebus-timetable-box dt {display: block;margin: 0 0 25px 0;}
		
	/* ========= ［食事/喫茶］食事処のご案内  restaurant/ ======== */
	.resta-com1 {text-align:left;line-height:1.7;}

	/*=======［高麗人蔘］雲州人蔘の歴史  kouraininjin/========*/
	.kourai-topimg-box {height: 640px;}
	.kourai-toptitle {margin: 50px 60px 0 0;}
	.kourai-toptitle img{width:210px;}
	.history-bottom-wrapper {padding-bottom:250px;}

	/*============　［牡丹］大根島と牡丹の歴史  botan-flower　=============*/
	.botan-topimg-box-title img{width: 43vw;}
	.left-botan p.text2 {font-size: 5vw;}

	/*============　［食事/喫茶］個人料理  shokuji-kojin/　=============*/
	dl.kojin-dl > dt {width: 69%;}
}





@media screen and (max-width: 850px) {	
	/*中ページ共通のテーブル構造　-------------------*/
	.containers{width:95%;}
	
	/* ========= TOP画像下の横メニュー ======== */
	#naka-top-menu-box {display: none;}

	/* 中ページ専用のセクション-------------------*/
	.section-first {padding-top: 60px;}
	body.naka .section {padding: 80px 0 80px 0;}
	body.naka .section.travels {padding: 50px 0 30px 0;}
	
	/*=======　［由志園について］由志園の由来  about/=======*/
	.section.bleuguide .about-title {width: 100%;}
	.section.bleuguide .about-title p {font-size: 193%;}
	.bleu-right-midashi {font-size: 129%;}
	
	/* ========= 庭園 garden/ ======== */
	.garden-midokoro-com1 {margin-top: -400px;font-size: 240%;line-height: 1.1;padding-right: 5px;}
	.garden-midokoro-com1-cap {margin-top: -310px;font-size: 90%;padding-right: 20px;}
	.spring_title-cap {display: none;}
	.spring_title {padding-top: 60px;}
	body#garden .parallax-window {min-height: auto;height: 0;padding-bottom: 50%;}
	
	dl.shiki2-box-dl dt {width: 42%;font-size: 86%;}
	dl.shiki2-box-dl dd {width: 55%;}
	.shiki2-box-dl-kikan.autumn {font-size: 122%;letter-spacing: 0.1em;}

	/* ========= 入園のご案内 guidance/ ======== */
	ul.calen-box li {margin: 0 2%;width: 28%;}
	/*駐車場*/
	.ev-midashi1 {font-size: 165%;}
	.ev-box dl dt {float: none;text-align: center;}
	.ev-box dl dd {float: none;margin-left: 0; padding-top: 10px;text-align: center;}
	/*特別告知の枠*/
	.tokubetu-waku {padding: 15px 2%;}
	
	/* ========= アクセス access/ ======== */
	.map-zip span {display: block;padding: 0;}
	.shuttlebus-title-com2 span {padding-left: 0;display: block;padding-top: 7px;}
	.shuttlebus-title-com1 {font-size: 93%;letter-spacing: 0;}
	.shuttlebus-title-com3 {padding-right: 0;font-size: 70%;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史  kouraininjin/========*/
	.left-kourai {padding-top: 35px;}
	.left-kourai p {font-size: 100%;}
	.left-kourai p.text2 {font-size: 260%;letter-spacing: 0.30em;}
	.history-scroll {margin: 70px auto 0 auto;}
	.history-img2 {margin: 20px 0 0 20px;}

/*============　旅行代理店様へ　写真ダウンロード  travels/photodownload/　=============*/
	body.toiawase-travel #naka-top-menu-box,
	body#travels #naka-top-menu-box,
	body.photodownload #naka-top-menu-box {display: block;font-size: 85%;}
	body.toiawase-travel #naka-top-menu-box ul li,
	body#travels #naka-top-menu-box ul li,
	body.photodownload #naka-top-menu-box  ul li{display: inline-block;margin-bottom: 10px;}

	/*======= 旅行代理店様へ　団体客様用 お料理  travels/======*/
	ul.tarvels-chuui-box {width: 95%;padding: 18px 5px 14px 20px;}
	.meibutu-com1{margin-bottom: 0;}
	.meibutu-com2{padding: 7px 0;}
	/*スマホのみで表示*/
	.sp-only850{display:block;}
	.naka-kuwashii.travels{margin: 40px 0 -30px 0;}
	.hakozen-title {width: 52%;}
	.hakozen-title-box .midashi {font-size: 120%;margin: 10px 0 13px 1%;}
	.hakozen-title-box .com {margin: 0 0 0 1%;font-size: 100%;max-width: 70%;}

	.section.travels.shunsai{background-position: left top -50px;}
	.section.travels.shunsai .hakozen-title-box{min-height: 200px;}
	.section.travels.shunsai .hakozen-title {width: 100%;max-width: 160px;top: -20px;}
	
	/*============［牡丹］大根島と牡丹の歴史  botan-flower =============*/
	.botan-topimg-box-cap {font-size: 2vw;margin-top: -35px;}


	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
	body#landscape .topimg-box{height:430px !important;}
	.land-topimg-box-title {width: 200px;left: 22%;}
 .land-img1-text {right: 30px;font-size: 266%;margin-top: -430px;}
	.land-img1-text small {font-size: 37%;line-height: 2;}
	body#landscape .botan-scroll {display: none;}
}






@media screen and (max-width: 810px) {	
	/*=======　［由志園について］会社情報  company/=======*/
	.presi-img {float: none;display: inherit; text-align: center;margin: 15px 0 0 0;}

	/* ========= 庭園 garden/ ======== */
	.garden-topimg-box {height: 750px;background-size: 810px auto;}
	dl.shiki2-box-dl.autumn dt {width: 41%;}
	dl.shiki2-box-dl.autumn dd {width: 58%;padding-left: 3.3%;}
	dl.shiki2-box-dl.winter dt {width: 48%;}
	dl.shiki2-box-dl.winter .shiki2-box-dl-title {font-size: 340%;width: 120%;text-indent: -20%;}
	dl.shiki2-box-dl.winter dd {width: 50%;padding-left: 3.2%;}
	ul.shiki2-box-ul li {margin-right: 3%; width: 31%;}
	.shiki2-box-ul-title span {letter-spacing: 0.05em;}
	
	/* ========= 入園のご案内 guidance/ ======== */
	/*秋冬ライトアップイルミネーション カレンダー*/
	body#guidance .lightup-calen-bg{font-size:173%;}

	/* ========= アクセス access/ ======== */
	/*GW 無料シャトルバス*/
	.gw-shuttlebus-title-box dl dd p img{height:70px;}
	.gw-unkou-box span {padding-right: 2%;}
	.gw-unkou-box span img{width:40%;}
	.gw-unkou-box img{width:55%;}
	.gw-shuttlebus-day-box ul li{margin:0;width: 65%;}
	.gw-shuttlebus-day-box ul li:nth-child(2){width: 30%;}

	/* ========= ［食事/喫茶］食事処のご案内  restaurant/ ======== */
	
	/*============　旅行代理店様へ　写真ダウンロードのダウンロードページ  travels/photodownload/詳細　=============*/
	.one-box-right {float: none;width: 100%;}
	.one-box-left { float: none;width: 100%;margin-top: 15px;}
	.photodownload-com-red {margin-top: 7px;}
	.setumei-box {margin-top: 12px;}
	
	/*============［牡丹］大根島と牡丹の歴史  botan-flower =============*/
	.botan-scroll {width: 50px; margin: 35px auto 0 auto;}

	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
	body#landscape #wrapper .container {padding: 0 15px;}
	.land-img1-text {right: 27px;font-size: 250%;margin-top: -383px;}
}




@media screen and (max-width: 780px) {	
	/* 中ページ専用のセクション-------------------*/
	body.naka .section {padding: 65px 0 65px 0;}
	body.naka .section.end{padding: 10px 0 50px 0;}
	
	/*=======　［由志園について］会社情報  company/=======*/

	/* ========= 入園のご案内 guidance/ ======== */
	/*縁結びパーフェクトチケット*/
	.spot-midashi1 {letter-spacing: 0;}
	/*秋冬ライトアップイルミネーション カレンダー*/
	body#guidance .lightup-calen-bg {line-height: 1.0;padding: 5px 0 7px 0;}
	body#guidance .lightup-calen-bg span{display:block;}
	
	/*=======［入園案内/アクセス］アクセス  access/=======*/
	#access-access-dl table.dd-table td.td4 p {padding-left: 0px;}
	#access-access-dl table.dd-table td.td4 p span {padding: 0 0 5px 0px;}
	
	/* ========= ［食事/喫茶］食事処のご案内  restaurant/ ======== */
	body.resta .topimg-box {height: 430px !important;}
	.restaurant-topimg-box-title {width: 250px;}
	.rest-box-left{float:none;width:100%;}
	.rest-box-right{float:none;max-width: 580px;margin: 25px auto 0 auto;width: auto;}
	
	/*==========　由志園ウエディング　wedding/　==========*/
	.wedding-topimg-box {font-size: 90%;}
	
	/* ========= 庭園 garden/ ======== */
	/*マップ*/
	.shisetsu-scroll {margin-bottom: -70px;}
	.shisetsu-shoukai-li ul li {width: 29%;}
	.shisetsu-flower-title {font-size: 170%;line-height: 1.3;}
	.shisetsu-flower-li ul li {width: 24%;}
	
	dl.shiki2-box-dl dd {font-size: 115%;}
	.shiki2-box-dl-kikan {padding: 5px 12px 6px 12px;font-size: 129%;letter-spacing: 0.05em;}
	.shiki2-box-dl-title.summer {font-size: 350%;letter-spacing: 0.1em;margin: 10px auto 0 auto;}
	.shiki2-box-dl-com1 {font-size: 129%;}
	
	dl.shiki2-box-dl.winter dt {width: 45%;}
	dl.shiki2-box-dl.winter dd {width: 54%;}
	dl.shiki2-box-dl.winter .shiki2-box-dl-title {font-size: 300%;width: 115%;}
	
	ul.midokoro-img-ul{padding-bottom: 100px;}
	.section.shiki {padding: 0 0 65px 0 !important;}
	.shiki2-box-outer {padding-bottom: 20px;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史  kouraininjin/========*/
	.kourai-toptitle {margin: 45px 60px 0 0;}
	.kourai-toptitle img {width: 190px;}
	dl.history-dl dd {font-size:100%;}
	/*=雲州人蔘の歴史 =*/
	.history-img1 {margin: 15px 0 0 30px;}
	.history-com {font-size:100%;}
	
	/*======= 旅行代理店様へ　団体客様用 お料理  travels/======*/
	ul.tarvels-chuui-box {width: 100%;padding: 18px 5px 14px 10px;}
	.dcook-midashi1 {font-size: 176%;letter-spacing: 0.2em;}
	ul.tanpin-box li {margin: 15px 10px;}
	.section.travels.hakozen{padding: 30px 0 30px 0 !important;background-size: 900px;background-position: center top -50px;}
 .hakozen-title {width: 250px;position: relative;left: 0;margin: 0 auto 40px auto;}
 .hakozen-title-box .midashi {margin: 10px 0 13px 0;text-align: center;}
	.hakozen-title-box .com {margin: 0 auto;font-size: 100%;max-width: 650px;}
	.section.travels.shunsai {padding: 20px 0 30px 0 !important;background-size: 900px;}
 .section.travels.shunsai .hakozen-title {max-width: 145px;top: 0;margin: 0 auto 20px auto;}
 .section.travels.shunsai .hakozen-title-box .com {max-width: 650px;}
		
	/*============［牡丹］大根島と牡丹の歴史  botan-flower =============*/
	body.botan-flower .topimg-box {height: 430px !important;}
	.left-botan {padding-top: 20px;margin-bottom: 0px;}
	.botan-scroll {margin: 23px auto 0 auto;}
	dl.botan-dl dt {font-size: 172%;line-height: 1.2;padding: 0 0 4px 25px;}
	.botan-dl-right {margin: 10px 0 0 30px;}
	/*池泉牡丹*/
	dl.botan-dl dt span {padding: 4px 10px 4px 10px;margin: 6px 0 0 10px;}
	.botan-chisen-title {font-size: 150%;}
	.botan-chisen-title-cap {font-size: 86%;}

	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
	.land-midashi1 {font-size: 260%;}
	
	/*============　［食事/喫茶］個人料理  shokuji-kojin/　=============*/
	dl.kojin-dl > dt {width: 100%;float: none;}
	dl.kojin-dl > dd {float: none;margin: 20px auto 20px auto;}

	/*============　RECRUIT採用情報＞代表メッセージ  TOP MESSAGE/　=============*/
	dl.message-dl {margin: 0 3% 60px 3%;}
	dl.message-dl dd .message-title {font-size: 4.6vw;}
	dl.message-dl dd .midashi {margin: 40px 0 0 0;font-size: 230%;}
	.message-com1 {font-size: 4.5vw;}

	/*============　RECRUIT採用情報＞募集要項  cgi-binのrecruit_one_skinhtml=============*/
	dl.youkou-box1-dl dt{float: left;width:calc(100% - 240px);}
	dl.youkou-box1-dl dd{float: right;width: 220px;margin-top: -30px;}
}





@media screen and (max-width: 730px) {	
	/* ========= 庭園 garden/ ======== */
	.garden-com3 {text-align: left;padding: 0 15px;line-height:2.0;}
	.garden-com3 br{display:none;}
	/*庭園のみどころ*/
	.garden-midokoro-com1 {letter-spacing: 0.1em;}
	.garden-midokoro-com1-cap {padding-right: 10px;}
	ul.midokoro-img-ul li {width: 30%;}
	.section-second.shiki {margin-top: -50px;}
	.spring_title img{width: 31%;}
	.shiki2-box-dl-com1 {font-size: 129%;letter-spacing: 0.05em;}
	dl.shiki2-box-dl dt {font-size: 79%;}
	.shiki2-box-dl-kikan.autumn {font-size: 115%;}
	
	/* ========= 入園のご案内 guidance/ ======== */
	/*送迎のご案内*/
	.sougei-img-left {float: none;margin:0 auto;}
	.sougei-img-right {padding-left: 0;margin-top: 10px;}
	
	/*=======［入園案内/アクセス］アクセス  access/=======*/
	#access-access-dl dl.ms-cbus-dl dt {display: block;}
	#access-access-dl dl.ms-cbus-dl dd {display: block;padding-left: 0;margin-top: 10px;}
	.ms-cbus-box {padding: 20px 15px;}
	.ms-cbus-com1 {text-align: left;}
	ol.ms-cbus-ol {margin: 7px 0 7px 20px;}
	.ms-cbus-com2 {margin: 0 0 0 5px;}
	.ms-cbus-timetable a {padding: 6px 0 5px 0;}
	.ms-cbus-title {font-size: 230%;}

	/* ========= 旅行ツアー情報 tour/ ======== */
	.tour-category-midashi {font-size: 170%;letter-spacing: 0.05em;}
	.tour-title {font-size: 115%;line-height: 1.5;}

	/*=======［高麗人蔘］雲州人蔘の歴史 詳細  kouraininjin/history　=======*/
	.history-rogomark-black {margin-top: 0;}
	.history-midashi1 {margin-top: 20px;font-size: 240%;}
	dl.botan-dl dd {padding: 5px 0 45px 0px;font-size:100%;}
	
	/*============［牡丹］大根島と牡丹の歴史  botan-flower =============*/
	.flower-hinshu-title-cap {font-size: 86%;letter-spacing: 0.8em;}

	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
 .land-img1-text {font-size: 180%;margin-top:32px;color: #000;float: none;right: -34%;margin-bottom: -10px;}
	.land-img1-text small {font-size: 46%;margin-top: 4px;}
	
	/*============　RECRUIT採用情報  recruit/　=============*/
	body#recruit .section {padding: 50px 0 50px 0;}
	.recruit-midashi img {max-width: 200px;}
	.recruit-midashi-cap {margin: 3px 0 35px 0;font-size: 135%;}
	.naka-recruit-menu-box ul li {margin: 0 -4px 0 0;}
	.naka-recruit-menu-box ul li a {border-right: none;}
	.naka-recruit-menu-box ul li:last-child a{border-right:1px solid #00a199;}
	.naka-recruit-menu-box ul {margin-bottom: 50px;}

	/*============　RECRUIT採用情報＞代表メッセージ  TOP MESSAGE/　=============*/
	body.message .recruit-midashi img {max-width: 290px;}

	/*============　RECRUIT採用情報＞企業情報  COMPANY INFO/　=============*/
	body.companyinfo .recruit-midashi img{max-width:340px;}
	ul.companyinfo-ul li {float: none;width: 100%;}
	ul.companyinfo-ul li:last-child {float: none;width: 100%;margin-top: 40px;}
}





@media screen and (max-width: 700px) {	
	/*=======　［由志園について］由志園の由来  about/=======*/
	.topimg-box-bar {font-size:115%;}
	.bleu-left {float: none;margin: 0 auto;}
	.bleu-right {padding: 20px 0 0 0;line-height: 1.6;}
	/*会社情報*/
	.company-midashi1 {font-size: 200%;}
	.containers{padding:0 0 20px 0;}
	.presi-midashi{font-size:180%;line-height:1.2;letter-spacing: 0;margin-top: 50px;text-align: center;}
	.company-midash2 {margin-top: -70px;}
	.company-midash2.aguri {margin-top: 70px;letter-spacing: 0.1em;}
	ul.company-group-ul {margin: 20px 0 30px 0;font-size: 90%;}
	/*求人情報*/
	body.naka .section#recruit{padding:0 !important;}
	#recruit-table th {width: 130px;}
	#recruit-table td {padding:15px 0px 15px 5px;}
	#recruit-table td dl.recruit-dt {margin: 0 0 0 5px;}
	
	/*==========　お問合せ　toiawase/　==========*/
	/*お問合せフォーム*/
	#toiawase-form dt.title{float: none;line-height: 1.1;height: auto;padding: 15px 0 0 0;}
	#toiawase-form dt.title.need{background:url(../img/toiawase_hitu.png) no-repeat 0 18px;}
	#toiawase-form dt.title.unneed {background: url(../img/toiawase_nin.png) no-repeat 0 18px;}
	#toiawase-form dd {padding: 10px 0px 10px 0px;}
	/*お問合せフォーム入力確認*/
	#toiawase-form.kakunin dt.title{float: left;}
	
	/* ========= 庭園 garden/ ======== */
	/*四季折々の花々*/
	.section.shikiflower {padding:40px 0 120px 0 !important;}

	.spring_title {padding-top:50px;}
	.shiki2-box-ul-title {font-size: 65%;}
	
	/* ========= 入園のご案内 guidance/ ======== */
	/*入園料*/
	table#price-table {font-size: 93%;}
	/*年間入園パスポート*/
	table#pass-table td span.td1 {padding-right: 0;display: block;}
	body#guidance ul.calen-box li {margin: 0 15px 25px 15px;}
	
	/*=======［入園案内/アクセス］アクセス  access/=======*/
	/*GW 無料シャトルバス*/
	ul.gw-shuttlebus-timetable-box li {width: 44%;margin: 20px 2% 20px 2%;}

	/* ========= ［食事/喫茶］食事処のご案内  restaurant/ ======== */
	body.resta .topimg-box {height: 640px;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史  kouraininjin/========*/
	.kourai-toptitle {margin: 45px 40px 0 0;}
	.kourai-toptitle img {width: 180px;}
	.kourai-topimg-box {height: 560px;}
	.history-wrapper {margin-top: -250px;}
	dl.history-dl dt {font-size: 170%;}
	body.naka .section.kourai {padding:0;}
	.left-kourai {padding-top: 25px;}
	.left-kourai p {font-size: 86%;}
	.left-kourai p.text2 {font-size: 220%;}
	.history-scroll {margin: 40px auto 0 auto;}
	.left-kourai {margin-bottom: 35px;}

	/*======= 旅行代理店様へ　団体客様用 お料理  travels/======*/
	ul.tarvels-chuui-box {width:100%;}
	.travels-chuui {width:100%;}
	
	
	/*==========　アンケート　enquete/　==========*/
	#toiawase-form dl.enquete-dl dd .dd-left{float:none;width:100%;}
	#toiawase-form dl.enquete-dl dd .dd-right{padding:5px 0 0 30px;}
	#input-wide5{width:90%;}
	#input-wide6{width:100%;}
	#toiawase-form dl.enquete-dl dt.title span{display:block;}
	#toiawase-form dl.enquete-dl dt.title{background-position: 10px 10px !important;}
	.enquete-kojin-box {padding: 15px 15px;}

	/*============　RECRUIT採用情報＞代表メッセージ  TOP MESSAGE/　=============*/
	dl.message-dl {margin: 0 0 30px 0;}
	dl.message-dl dd .midashi {margin: 30px 0 0 0;font-size: 5vw;}
	dl.message-dl dd .com {font-size: 105%;}
	.message-com2 {font-size: 105%;}

	/*============　RECRUIT採用情報＞企業情報  COMPANY INFO/　=============*/
	body.companyinfo .recruit-midashi img {max-width: 310px;}
	ul.companyinfo-ul li .company-midash2 {margin-top: 0;}
}





@media screen and (max-width: 650px) {	
	/*=======　［由志園について］由志園の由来  about/=======*/
	.about-title p {font-size: 215%;padding: 0;}
	.about-midashi1 {font-size: 193%;margin: 70px 0 20px 0;}
   
	/*=======　［由志園について］会社情報  company/=======*/
	.company-midashi1 {font-size: 200%;}
	.company-com1{font-size:143%;}
	.company-com2{font-size:122%;}
	.company-com2 span{display:block;}
	.presi-midashi {letter-spacing: 0.05em;}
	.company-midash2 {font-size: 165%;letter-spacing: 0.05em;}
	table#company-table th {padding: 10px 25px 15px 10px;}
	table#company-enkaku th {padding: 8px 0 5px 5px;width: 170px;}

	/*==========　お問合せ　toiawase/　==========*/
	/*お急ぎの方は*/
	.toiawase-midashi3{font-size:143%;}
	.toiawase-com1{font-size:108%;}
	.privacy-box {font-size: 95%;color: #333;}
	#chuui-waku {width: 100%;}
	.check-space {width: 230px;font-size: 105%;}
	
	/*==========　由志園ウエディング　wedding/　==========*/
	.wedding-com {letter-spacing: 0.1em;}
	
	/* ========= 庭園 garden/ ======== */
	.spring_title {padding-top: 45px;}
	dl.shiki2-box-dl dt {font-size: 73%;}
	dl.shiki2-box-dl dd {font-size: 108%;}
	
	/* ========= 入園のご案内 guidance/ ======== */
	/*入園料*/
	.price-koushinday {position: unset;margin: -15px 0 7px 0;}		
	.lightup-calen-bg {font-size: 156%;padding: 7px 7px;}
	ul.calen-box li {margin: 5px 2% 0 2%;width: 45%;}
	/*年間入園パスポート*/
	dl.pass-dl dt {float: none;text-align: center;}
	dl.pass-dl dd {padding: 5px 0 0 0;}
	.passport-select img.pc{display:none;}
	.passport-select img.sp{display:block;}
	/*縁結びパーフェクトチケット*/
	.guidance-midashi1.enmusu{font-size: 7vw;letter-spacing: 0;}
	.spot-box dl dt {float: none;width: 85%; margin: 0 auto;}
	.spot-box dl dd {padding: 12px 0 0 0;}
	.spot-midashi1 {font-size: 3.8vw;}
	/*駐車場*/
	.ev-midashi1 span {padding-right: 0;display: block;}
	
	/* ========= ［食事/喫茶］食事処のご案内  restaurant/ ======== */
	body#restaurant .section {padding:55px 0;}
	
	/*=======［入園案内/アクセス］アクセス  access/=======*/
	.guidance-box {padding: 50px 0px 0 0px;margin-top: 60px;}
	#access-access-dl {margin: 0 auto 0 auto;}
	#access-access-dl .shuttlebus-title-box dl dt {display: block;padding-right: 0;margin-bottom: 5px;}
	#access-access-dl .shuttlebus-title-box dl dd {display: block;}
	.shuttlebus-box {padding: 20px 10px;}
	.shuttlebus-title-com2 img{height:40px;}
	.shuttlebus-day-box ul li img{height:42px;}
	.shuttlebus-day-box ul li:nth-child(3) img{height:120px;}
	#access-access-dl .unkou-box {margin-top: 20px;}
	#access-access-dl .unkou-box dl dt {display: block;border: 1px solid #bbb;text-align: center;padding: 2px 0;}
	#access-access-dl .unkou-box dl dd {display: block;padding: 5px 0 0 0;}
	#access-access-dl dl.shuttlebus-timetable-box dd {display: inline-block;max-width: 350px;background-color: #fff;}
	#access-access-dl dl.shuttlebus-timetable-box dd img{margin-bottom:10px;}
	/*GW 無料シャトルバス*/
	.gw-shuttlebus-title-com2 span {padding-left: 15px;}
	/*夏の特別無料シャトルバス*/
	.kikangenteibus-box{margin:40px 0 0 0;padding:20px 8px;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史  kouraininjin/========*/
	.history-dl-rightimg {float: none;width: 90%;margin: 5px 0 7px 10px;}
	.history-bottom-wrapper {padding-bottom: 180px;}
	.history-img3 {float: none;width: 90%;margin:15px 0 7px 10px;}

	/*======= 旅行代理店様へ　団体客様用 お料理  travels/======*/
	.dcook-midashi1-wrapper .midashi1 {font-size: 222%;letter-spacing: 0.3em;padding: 0 25px 0 30px;}
	.ordermade-box {width: 100%; float: none;}
	.chef-box {width: 95%;float: none;margin: 10px auto 0 auto;}

	/*======　旅行代理店様へ　写真ダウンロード  travels/photodownload/=======*/
	body#travels.photodownload .about-title p {font-size: 174%;}
	body#travels.photodownload .about-title p span{display:block;padding:0;}
	
	/*============　旅行代理店様へ　専用お問い合わせ  toiawase-travel/　=============*/
	body#travels.toiawase-travel .about-title p {font-size: 174%;}
	body#travels.toiawase-travel .about-title p span{display:block;padding:0;}
	.toiawase-travel-midashi3 {font-size: 122%;text-align: left;}
	
	/*============［牡丹］大根島と牡丹の歴史  botan-flower =============*/
	.botan-topimg-box-title {top: 35%;width: 230px;}
	.botan-topimg-box-title img {width: 240px;}
	/*大根島産出の品種*/
	.section.jimotohinshu {font-size: 86%;}
	.jimotohinshu-title {font-size: 236%;}
	.jimotohinshu-br {font-size: 175%;}
	.jimotohinshu-name {font-size: 150%;}

	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
	.land-topimg-box-title {width: 170px;left: 26%;top: 42%;}
	.land-midashi2 {font-size: 150%;margin: 0 0 20px 0;}
	.solidline.land {margin: 50px 8% 41px 8%;}
	.land-midashi2.sekourei {margin: 70px 0 30px 0;}
	.land-img2 {margin-top: 19px;}

	/*============　［食事/喫茶］個人料理  shokuji-kojin/　=============*/
	dl.kojin-dl-menu {font-size: 86%;}

	/*============　RECRUIT採用情報  recruit/　=============*/
	ul.benefits-ul li {display: block;width: 300px;margin: 0 auto 20px auto !important;}
	dl.benefits-dl dt {text-align: center;width: 104px;}
	
	/*============　RECRUIT採用情報＞募集要項  cgi-binのrecruit_one_skinhtml=============*/
	dl.youkou-box1-dl dt{width:calc(100% - 200px);}
	dl.youkou-box1-dl dd{width: 180px;margin-top: 0;}
	.recruit-youkou-com1 {max-width: 200px;margin: 70px 0 30px 0;}
	.recruit-youkou-box1 .midashi{font-size: 130%;margin-bottom: 10px;}
	.recruit-youkou-box2 .title {font-size: 200%;}
	table.youkou-table {font-size: 95%;}
	table.youkou-table tr th {padding: 13px 7px 12px 7px;white-space: unset;min-width: 71px;}
	table.youkou-table tr td {padding: 13px 5px 12px 12px;}
	.btn-entry a {font-size: 145%;padding: 16px 0 13px 0;max-width: 280px;}

	/*============　RECRUIT採用情報＞エントリーフォーム  ENTRY/　=============*/
	body#recruit .toiawase-com1 {font-size: 100%;}
	body#recruit .toiawase-form-title {font-size: 107%;}
	body#recruit .form-waku {font-size: 90%;}
	body#recruit #toiawase-form dl.last {font-size: 90%;}
	body#recruit #toiawase-form dt.title.need,
	body#recruit #toiawase-form dt.title.unneed {width: 100%;background-position:0 16px;}
	body#recruit #toiawase-form dt.title br{display:none;} 
	body#recruit .form-submit button {font-size: 115%;width: 300px;}
	/*確認ページ*/
	body.entry.kakunin .form-kakunin2,
	body.entry.kanryo .form-kakunin2 {font-size: 105%;letter-spacing: 0.05em;}
	body.entry.kakunin #toiawase-form {margin: 30px auto 0 auto;}
	body.entry.kakunin #toiawase-form dd {padding: 10px 0px 16px 10px;}
	body.entry.kakunin .form-submit input[type="submit"] {font-size: 115%;width: 260px;margin-bottom: 10px;}
	body.entry.kakunin .form-submit input.reset {width: 90px;margin-left: 15px;margin-bottom: 10px;}
}





@media screen and (max-width: 600px) {
	/*中ページ共通のテーブル構造　-------------------*/
	.containers{width:91%;}
	
	/* ======== TOP画像の中のタイトル ======== */
	.topimg-box-bar-cap { font-size: 140%;margin-top: 10px;}
		
	/*============　お知らせ  list　=============*/
	dl.news-single-title-box {margin-top: 10px;}
	
	/*=======　［由志園について］由志園の由来  about/=======*/
	.about-sato-left {font-size: 115%;}
	.about-yurai-right {font-size: 115%;}
	.machieki-box dl dt {float: none;margin: 0 auto 20px auto;}
	.machieki-box dl dd {padding: 0;}
	.machi-right {text-align: center;margin: 0 0 20px 0;}
	
	/*=======　［由志園について］求人情報  recruit/=======*/
	#recruit-table th {font-size: 129%;}
	#recruit-table td big {font-size: 108%;}

	#recruit-table td dl.recruit-dt dt{width: 120px;}
	#recruit-table td dl.recruit-dt dd{padding:0 0 0 120px;}
	
	.recruit-moushikomisaki {font-size: 115%;line-height: 1.5;}
	
	
	/*=======［入園案内/アクセス］アクセス  access/=======*/
	.shuttlebus-day-box ul li {margin: 0 15px;}
	.shuttlebus-day-box ul li img {height: 36px;}
	/*GW 無料シャトルバス*/


	/*==========　お問合せ　toiawase/　==========*/
	/*お問合せフォーム入力確認*/
	.toiawase-tel a {font-size: 172%;}
	#toiawase-form.kakunin dt.title {float: none;}
	#toiawase-form.kakunin dd {padding: 12px 0px 12px 15px;}
	
	.form-submit input{width: 65%;}
	.form-submit input.reset {width: 28%;margin-left: 15px;font-size: 93%;}
	
	/*==========　由志園ウエディング　wedding/　==========*/
	.wedding-rogo {width: 80px;margin: 0 auto;}
	.wedding-midashi{margin-top: 20px;letter-spacing: 0.3em;}
	.left-cont-wedding {display: none;}
	.wedding-textbox {margin-top: 70px;}
	.wedding-com {text-align: left;line-height: 2;}
	.wedding-com span {display: inline;}
	.wedding-topimg-box {height: 1550px;background-size: cover;}
	
	/* ========= 庭園 garden/ ======== */
	.garden-topimg-box {height: 820px;background-size: 870px auto;}
	.garden-com3 span{display:none;}
	/*マップ*/
	.shisetsu-map {margin: -120px auto 50px auto;}
	.shisetsu-shoukai-li ul li {width: 44%;margin: 0 2% 30px 2%;}
	/*四季折々の花々*/
	.shisetsu-flower-title span{display:block;}
	.shisetsu-flower-li ul li {font-size: 122%;}

	/*庭園のみどころ*/
	.midokoro-img-ul-cap {letter-spacing: 0.4em;}
	ul.midokoro-img-ul li {width:46%;}
	.shiki2-box-ul-title span.text1 {padding-right: 8px;}
	.shiki2-box-ul-title span.text2 {padding: 0 7px 0 8px;}
	
	dl.shiki2-box-dl {margin-top: 15px;}
	dl.shiki2-box-dl dt {float: none;font-size: 86%;text-align: center;width: 100%;border: none;}
	dl.shiki2-box-dl dd {width: 100%;padding: 5px 10px 0 10px;}
	ul.shiki2-box-ul {margin: 30px auto 0 auto;}
	dl.shiki2-box-dl.autumn dt {width: 100%;}
	dl.shiki2-box-dl.autumn dd {width: 100%;border: none;padding: 5px 10px 0 10px;}
	.shiki2-box-dl-kikan.autumn {margin: 10px 2% 0 2%;}
	dl.shiki2-box-dl.winter dt {width: 100%;}
	dl.shiki2-box-dl.winter .shiki2-box-dl-title {margin-top: 2px;}
	dl.shiki2-box-dl.winter dd {width: 100%;border: none;padding: 5px 10px 0 10px;}
	.shiki2-box-dl-kikan.winter {margin: 10px 2% 0 2%;}
	dl.shiki2-box-dl.winter .shiki2-box-dl-title{width:100%;margin: 0 auto;text-indent: 0;}
	.spring2-box,
	.summer2-box,
	.autumn2-box,
	.winter2-box {font-size: 150%;}
	
	/* ========= 入園のご案内 guidance/ ======== */
	body#guidance.naka .section {padding: 0 0 65px 0;}
	body#guidance.naka .section:nth-of-type(2){padding: 60px 0 65px 0;}
	/*入園案内*/
	.guidance-midashi1.small {font-size:190%;letter-spacing: 0em;}
	.eigiyou-day-box {font-size: 150%;margin: 0 auto 20px auto;}
	dl.eigiyou-niyuen-gai {font-size: 86%;}
	dl.eigiyou-niyuen-gai dd {margin: 0 0 15px 0;}
	.open-com1 {font-size: 93%;text-align: left;}
	
	dl.price-kikan-dl dt{float: none;display: table;}
	dl.price-kikan-dl dd{margin:5px 0 0 20px;font-size: 75%;padding-left: 10px;}
	/*年間入園パスポート*/
	table#pass-table td span.td2 {padding-right: 0;display: block;}
	/*特別告知の枠*/
	.tokubetu-waku-title {font-size: 129%;}
	.price-table-com1 {margin: 7px 0 0 0;}
	.price-table-com2 {margin: 4px 0 0 0;}
	.price-table-com3 {margin: 4px 0 0 0;}
		
	/* ========= 旅行ツアー情報 tour/ ======== */
	ul.tour-ul li {float: none;width: 100%;margin: 0 0 60px 0;}
	.tour-btn {display: block;width: 100%;font-size: 115%;padding-top: 7px;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史  kouraininjin/========*/
	.kourai-topimg-box {height: 480px;background: url(../kouraininjin/img/kourai_topimg.jpg) no-repeat center -60px;}
	.kourai-toptitle {margin: 35px 35px 0 0;}
	.kourai-toptitle img {width: 165px;}
	.history-wrapper {margin-top: -220px;}
	.history-midashi2 {font-size: 180%;letter-spacing: 0.1em;}
	.left-kourai p {font-size: 70%;}
	.left-kourai p.text2 {font-size: 186%;}
	
	/*======= 旅行代理店様へ　団体客様用 お料理  travels/======*/
	body#travels .topimg-box-bar-title img{width: 110px;}
	.travels-com3 span{display:block;}
	.travels-com2 {font-size: 108%;text-align: left;}
  body#travels .topimg-box {height: 200px !important;}
		
		
	/*============［牡丹］大根島と牡丹の歴史  botan-flower =============*/
	.botan-topimg-box-cap {margin-top:-25px;}
	.botan-scroll {display: none;}
	.left-botan p.text2 {font-size: 5.5vw;}
	/*池泉牡丹*/
	.botan-chisen-title{font-size: 122%;}
	.botan-chisen-title strong {display: block;font-size: 185%;}

	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
	ul.stone-box li {width: 45%;margin: 20px 2% 15px 3%;}
	ul.stone-box li > a {width: 100%;height: 0;padding-bottom: 119%;}
	ul.stone-box li > a .stone-image-waku {height: 0;padding-bottom: 119%;}
	dl.creator-dl dt {float: none;width: 90%;padding: 0;margin: 0 auto;}
	dl.creator-dl dd {float: none;width: 90%;margin: 30px auto 0 auto;}
	ul.creat-sonota-ul li {display: block;width: 100%;margin:0 0 5px 0;}
	body#landscape #footer {margin-top: 80px;}
	body#landscape .section.creat {padding: 50px 0 40px 0;}
	.creat-sonota {margin-top: 30px;}

	
	/*============　［食事/喫茶］個人料理  shokuji-kojin/　=============*/
	body#kojin.naka .section {padding: 40px 0 40px 0;}
	.kojin-midashi1-wrapper .midashi1 {font-size: 180%;letter-spacing: 0;padding: 0 25px 0 25px;line-height: 1.1;}
	.kojin-midashi1-wrapper .midashi1 span{display:block;}
	.kojin-com2 span {padding-right: 0;display: block;}
	.rogo-chikurin {width: 60%;margin: 0 auto;}
	.kojin-com3 {font-size: 155%;}
	.kojin-com3 span{display:inline;}
	.kojin-title {font-size: 180%;margin-top:30px;}
	.kojin-title-cap {text-align: left;margin-top: 7px;font-size: 100%;}
	dl.kojin-dl {margin-top: 0;}
	dl.kojin-dl-menu {margin-top: 20px;font-size: 73% !important;}
	.kojin-dl-menu-cap {font-size: 79%;color: #555;}
	dl.kojin-dl dd p {margin-bottom: -50px;}
	
	/*============　RECRUIT採用情報  recruit/　=============*/
	.naka-recruit-menu-box ul li {width: 40%;margin: 0 -4px 6px 0;}
	.naka-recruit-menu-box ul li a {display: block;}
	.naka-recruit-menu-box ul li:nth-child(2n) a {border-right: 1px solid #00a199;}
	.naka-recruit-menu-box ul {margin-bottom: 40px;}

	/*============　RECRUIT採用情報＞代表メッセージ  TOP MESSAGE/　=============*/
	dl.message-dl dt {width: 43%;float: none;margin: 0 auto;}
	dl.message-dl dd {padding: 30px 0 0 0;}
	dl.message-dl dd .message-title {font-size: 6vw;}
	dl.message-dl dd .midashi {font-size: 6.5vw;}
	.message-com1 {font-size: 6vw;}
}





@media screen and (max-width: 540px) {
	/* ======== TOP画像の中のタイトル ======== */
	.topimg-box-bar-title {font-size: 150%;letter-spacing: 0.1em;}
	.topimg-box-bar-cap {font-size: 110%;margin-top: 0;letter-spacing: 0.15em;}
	.topimg-box-bar-cap small {font-size: 40%;}
	
	/* ========= 庭園 garden/ ======== */
	.shiki2-box-outer{padding-bottom: 50px;}
	ul.shiki2-box-ul li:nth-child(3) {margin-right: auto;}
	ul.shiki2-box-ul li {width: 90%;margin: 0 auto;float: none;text-align: center;}
	.shiki2-box-ul-title {font-size: 75%;margin: 9px auto 7px auto;}
	.shiki2-box-ul-com {font-size: 100%;text-align: left;margin-bottom: 20px;}
	
	/* ========= 入園のご案内 guidance/ ======== */
	/*特別告知の枠*/
	.tokubetu-waku {font-size: 84%;padding: 15px 4% 20px 4%;}
	.tokubetu-com{text-align: left;margin-bottom: 10px;}
	.tokubetu-waku .naka-kuwashii {margin-top: 10px;}
	.tokubetu-waku-title {font-size: 105%;padding: 12px 5% 7px 5%;}
	
	.price-kikan-box {font-size: 93%;}
	.price-kikan-midashi {font-size: 136%;}
	dl.price-kikan-dl {margin: 0 0 15px 0;}
	/*年間入園パスポート*/
	.guidance-midashi1 {font-size: 193%;letter-spacing: 0;}
	/*駐車場*/
	.ev-box dl dt {text-align: left;}
	.ev-box-dt-com {margin: 9px 0 0 0px;}
	.ev-box-dt-title {font-size: 136%;text-align: left;}
	ul.ev-box-dt-ul li {margin: 4px 0 0 17px;}
	/*ご来園の皆様へ*/
	.wheelchair-box p {font-size: 115%;}
	.nopet-box p.nopet-txt {font-size: 115%;}
	/*送迎のご案内*/
	dl.sougei-dl {font-size: 85%;}
	.sougei-img-left {width: 270px;}
	/*アクセスMAP*/
	#access-access-dl {font-size: 108%;}
	#access-access-dl table.dd-table td,
	#access-access-dl table.dd-table th {padding:8px;}
	.ms-cbus-box {font-size: 115%;}
	#access-access-dl .unkou-box {font-size:86%;}

	/* ========= ［食事/喫茶］食事処のご案内  restaurant/ ======== */
	body.resta .topimg-box {height: 540px;}
	.restaurant-img {margin-top: -10px;}
	.resta-com1 {font-size: 100%;}
	.rest-box-right .naka-com1 {font-size: 100%;}
	.ichibou-menu {width: 90%;margin: 10px auto 0 auto;}
	/*今月の会席料理*/
	ul.dcook-month-ul li {width: 90% !important;}
	.dcook-midashi2 {font-size: 115%;width: 90%;margin: 40px auto 15px auto;}
		
	/*============　［食事/喫茶］個人料理  shokuji-kojin/　=============*/
	.kojin-midashi-cap{font-size: 79%;margin: 15px 0 0 0;}
	.kojin-com1 {font-size: 108%;}
		
	/*============［牡丹］大根島と牡丹の歴史  botan-flower =============*/
	/*ぼたん品種 紹介*/
	.flower-hinshu-title {font-size: 250%;letter-spacing: 0;}
	.flower-hinshu-title-cap {font-size: 73%;}
	/*大根島産出の品種*/
	.jimotohinshu-flower.up {margin-top: 0px;}

	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
	body#landscape .section.first {padding: 50px 0 50px 0;}
	.land-midashi1 {font-size: 200%;letter-spacing: 0.05em;}
	.land-com1 {font-size: 100%;}
	.land-img1 {margin-top: 20px;}
	body#landscape .section {padding: 50px 0 50px 0;}
	.land-img1-text {font-size: 156%;right: -30%;}
	.land-img1-text small {font-size: 50%;}
	dl.land-dl1{margin:40px 0 0 0;padding: 0 5%;}
	dl.land-dl1 dt{float:none;width:100%;margin-bottom: 10px;}
	dl.land-dl1 dd{float:none;width:100%;}
	.stone-category-box {margin-top: 30px;}
	
	/*======= 旅行代理店様へ　団体客様用 お料理  travels/======*/
	body.naka .section.travels {padding: 0px 0 30px 0;}
	.dcook-midashi-cap {font-size: 68%;margin-top: 20px;}
	.dcook-midashi1 {font-size:122%;letter-spacing: 0.1em;margin-top: 20px;}
	.dcook-box {margin: 30px auto 0 auto;}
	.dcook-box dl dt {width: 80%;float: none;margin: 0 auto;}
	.dcook-box dl dd {width: 90%;float: none;margin: 20px auto 5px auto;}
	
	.dcook-box2 dl dt {float: none;padding-right: 0;border-right: none;width: 90%;margin: 0 auto;}
	.dcook-box2 dl dd {float: none;width: 90%;margin: 40px auto 0 auto;}

	.dcook-newbox.one {max-width: 450px;margin: 40px auto 0 auto;}
	.dcook-newbox.one .title {width: 16%;}
	.dcook-newbox.one .img {width: 77%;margin-right: 0;}
	.dcook-newbox.one .menu {float: none;width: 280px;margin: 0 auto;text-align: center;}
	.dcook-newbox.one img{margin-top: 20px;}

	.dcook-newbox.two {display: block;max-width: 450px;margin: 40px auto 0 auto;}
	.dcook-newbox.two.right {margin: 40px auto 0 auto;}
	.dcook-newbox.two .menu {width: 280px;margin: 25px 27% 0 auto;padding-right: 0;text-align: center;}

	.meibutu-com1 {float: none;letter-spacing: 0;}
	dl.meibutu-dl dt{float:none;width:100%;}
	dl.meibutu-dl dd{float:none;width:100%;margin-top: 20px;}
	
	ul.panfu-box li {margin: 25px 0 0 0;width: 70%;}
	
	
	/*==========　アンケート　enquete/　==========*/
	#toiawase-form dl.enquete-dl dd {padding: 10px 0 20px 0px;}
	#toiawase-form dl.enquete-dl dd .dd-right {padding: 5px 0 0 0px;}
	#input-wide4 {width: 60%;min-width: 250px;}	
}






@media screen and (max-width: 520px) {
	/*============　お知らせ  list　=============*/
	.news-list-cont {margin: 0px auto 0 auto;}
	dl.index-news-dl {margin: 30px auto 20px auto;width: 90%;display: block;}
		
	/*and more*/
	.ajaxLoad a {width:90%;}
	
	/*全ページ共通のSNSボタン----------------*/
	#sns-box{margin-top:30px;}
	
	/*=======　［由志園について］由志園の由来  about/=======*/
	.about-midashi1 {font-size: 163%;}
	.section.bleuguide .about-title p {font-size: 170%;letter-spacing: 0em;}
	.section.bleuguide .about-title p small {display: block;}
	.about-sato-right {float: none;margin: 4px auto 15px auto;text-align: center;}
	.about-yurai-left {margin: 10px 20px 10px 0;}
	.bleu-right-midashi {font-size: 108%;}
	/*会社情報*/
	.company-midashi1 {font-size: 180%;}
	.presi-midashi {font-size:160%;line-height: 1.2; letter-spacing: 0;}
	.company-com2 {font-size: 108%;padding-bottom: 40px;}
	table#company-table {font-size:86%;}
	table#company-table th {display: block;text-align: center;padding: 2px 25px 4px 10px;background:#f3f3f3 url(../company/img/company_dot.gif) repeat-x 0 top;}
	table#company-table {}
	table#company-table td {display: block;background-image: none;padding: 5px 0 10px 0;}
	table#company-enkaku {font-size:86%; margin: 15px 0 0 0;}
	table#company-enkaku th {padding: 8px 0 5px 0;width: 127px;}
	table#company-enkaku th p {font-size: 93%;padding: 2px 0 5px 8px;width: 115px;}
	table#company-enkaku td {padding:7px 0 7px 18px;}
	
	ul.company-group-ul {padding: 5px 0 7px 40px;margin: 50px 0 20px 0;}
	ul.company-group-ul li {margin-right: 0;float: none;font-size: 122%;}	
	
	/*=======［入園案内/アクセス］アクセス  access/=======*/
	.guidance-box {padding: 40px 0px 0 0px;margin-top: 50px;}
	.guidance-midashi1 {margin-bottom: 15px;}
	.shuttlebus-day-box {margin-top: 10px;}
	.shuttlebus-day-box ul li {display: block;margin: 8px 0;}
	.ms-cbus-title {font-size: 200%;}
	.passport-select {margin: 30px 0 10px 0;}
	/*GW 無料シャトルバス*/
	.gw-shuttlebus-title-com1 {font-size: 100%;}
	.gw-shuttlebus-title-box dl dd p img {height: 60px;margin: 3px 0;}
	.gw-shuttlebus-day-box ul li {width:95%;display: block;margin: 0 auto;}
	.gw-shuttlebus-day-box ul li:nth-child(2) {width: 140px;margin-top: 7px;}
	.gw-unkou-box {margin-top: 30px;}
	.gw-unkou-box span img {width: 65%;margin-bottom:6px;}
	.gw-unkou-box img {width: 85%;}
	ul.gw-shuttlebus-timetable-box li:first-child {width: 100%;}
	ul.gw-shuttlebus-timetable-box li {width: 100%;}
	.shuttlebus-day-box ul .shuttlebus-day-com1 {margin: 10px 0 -20px 0;}
		
	/* ========= 庭園 garden/ ======== */
	.garden-topimg-box {background-size: 800px auto;}
	.garden-com1 {font-size: 186%;}
	.garden-com2 {font-size: 250%;letter-spacing: 0.15em;}
	.garden-shiki-midashi1 {font-size: 200%;letter-spacing: 0.3em;}
	.garden-shiki-midashi1-cap {font-size: 100%;letter-spacing: 0.3em;margin-top: 10px;}
	/*四季折々の花々*/
	.shisetsu-flower-li ul {margin-left: 5%;}
	.shisetsu-flower-li ul li {width: 33%;}
	
	/* ========= 入園のご案内 guidance/ ======== */
	body#guidance.naka .section {padding: 0 0 40px 0;}
	/*開園時間*/
	.open-time {font-size: 186%;}
	.open-com1 {font-size: 93%;}
	/*入園料*/
	.price-koushinday {font-size:79%;}
	table#price-table {font-size: 79%;}
	.tokubetu-waku {padding: 12px 15px;}
	.tokubetu-title {font-size: 128%;}
	table#price-table td {font-size: 115%;}
	/*秋冬ライトアップイルミネーション カレンダー*/
	body#guidance .lightup-calen-bg {font-size: 150%;}
	body#guidance .lightup-com2 {font-size: 86%;}
	
	/*年間入園パスポート*/
	table#pass-table{margin: 40px 0 0 0;font-size: 93%;}
	table#pass-table th {font-size:129%;letter-spacing: 0.3em;}
	table#pass-table td {font-size: 100%;line-height: 1.4;}
	.pass-box {margin-top: 40px;}
	.pass-setu-midashi {font-size: 108%;}
	.pass-setu-title {font-size: 186%;}
	/*駐車場*/
	.ev-midashi1 {font-size: 139%;}
	.ev-box {margin-top: 10px;font-size: 93%;}
	/*ご来園の皆様へ*/
	.wheelchair-box p {font-size: 93%;}
	.nopet-box p.nopet-txt {font-size: 79%;}
	/*送迎のご案内*/
	.transfer-box {font-size: 93%;margin-top: 15px;}
	/*アクセス*/
	.googlemap_area {margin-top: 20px;}
	.map-zip {font-size: 100%;}
	
	/* ========= ［食事/喫茶］食事処のご案内  restaurant/ ======== */
	body#kojin.naka .section {padding: 40px 0 10px 0;}
	dl.golden-event-box {font-size: 90%;}
	.resta-midashi1{font-size: 220%; letter-spacing: 0;margin-top: 50px;}
	.kojin-com3 {font-size: 136%;}
	

	/*=======［高麗人蔘］雲州人蔘の歴史  kouraininjin/========*/
	.kourai-topimg-box {height: 410px;background: url(../kouraininjin/img/kourai_topimg.jpg) no-repeat center -50px;}
	.kourai-toptitle {margin: 35px 25px 0 0;}
	.kourai-toptitle img {width: 155px;}
	.history-wrapper {margin-top: -170px;}
	.left-kourai {margin-bottom: 35px;}
	.history-scroll {display:none;}
	dl.history-dl dt {font-size: 6vw;padding: 0px 0 2px 12px;letter-spacing: 0;}
	dl.history-dl {margin-top: 30px;}
	.history-bottom-wrapper {background: url(../kouraininjin/img/kourai_bottomimg.jpg) no-repeat right bottom;background-size: 520px;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史 詳細  kouraininjin/history　=======*/
	.history-midashi2 {font-size: 7vw;letter-spacing: 0em;}
	.history-img1 {float: none;margin: 15px 0 0 10px;}
	.history-img1 img{width: 97%;}
	.history-img2 {float: none;margin: 15px 0 0 10px;}
	.history-img2 img{width: 97%;}
	
	/*============　旅行代理店様専用  travel/　=============*/
	h2.travel-midashi1 {font-size: 6.5vw;}
	
	/*======　旅行代理店様へ　写真ダウンロード  travels/photodownload/=======*/	
	.list-table {width: 46%;height: auto;margin: 30px 1.5% 0 1%;}
	.list-table a .image-table-waku{width:100%;height:0;padding-top: 66.7%;background-size: cover !important;}
	
	/*============　［牡丹］大根島と牡丹の歴史  botan-flower　=============*/
	/*ぼたん品種 紹介*/
	ul.flowerhinshu-box li{width: 46%;height: auto;margin:25px 1.5% 0 1%;}
	ul.flowerhinshu-box li a {width: 100%;height: auto;}
	ul.flowerhinshu-box li a .flowerhinshu-image-waku{width:100%;height:0;padding-top: 72.9%;background-size: cover !important;}

	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
	.land-topimg-box-title {width: 157px;left: 0;right: 0;margin: 0 auto;transform: unset;top: 14%;}
	
	/*============　［食事/喫茶］個人料理  shokuji-kojin/　=============*/
	dl.kojin-dl-menu {font-size:79%;}
	dl.kojin-dl-menu {background: none;}
	
	/*============　見ごろ案内   migoro/　=============*/
	.migoro-oldlist-cont dl.index-news-dl {margin: 20px 2px 0 3px;}
	
	/*============　最新イベント情報  one　=============*/
	.news-single-com1 {font-size: 100%;}
	
	/*============　RECRUIT採用情報  recruit/　=============*/
	.recruit-img1 {margin-bottom: 32px;}
	.recruit-com1 {margin-bottom: 19px;font-size: 95%;letter-spacing: 0.2em;}
	body#recruit .section.newjob {padding: 20px 0 30px 0;}
	.recruit-midashi-cap {margin: 3px 0 25px 0;}
	.newjob-com1 {font-size: 105%;letter-spacing: 0.1em;}
	ul.newjob-ul li .job-date {float:none;font-size: 75%;text-align: right;}
	ul.newjob-ul li .job-name a {margin-left: 16px;padding-bottom: 6px;}
	ul.newjob-ul li .status {margin: 2px 0 0 15px;}

	/*============　RECRUIT採用情報＞代表メッセージ  TOP MESSAGE/　=============*/
	dl.message-dl dt {width: 50%;font-size: 3.1vw;}

	/*============　RECRUIT採用情報＞企業情報  COMPANY INFO/　=============*/
	body#recruit table#company-table {font-size: 100%;}
	ul.companyinfo-ul li table#company-table th {display:table-cell;text-align: left;}
	ul.companyinfo-ul li table#company-table td {display:table-cell;}
	
	/*============　RECRUIT採用情報＞エントリーフォーム  ENTRY/　=============*/
	body#recruit .toiawase-com1 {font-size: 90%;}

	/*============　RECRUIT採用情報＞募集要項  cgi-binのrecruit_one_skinhtml=============*/
	dl.youkou-box1-dl dt{float: none;width:100%;}
	dl.youkou-box1-dl dd{float: none;width: 70%;margin: 20px auto 0 auto;}
}






@media screen and (max-width: 460px) {	
	/*============　お知らせ  one　=============*/
	dl.news-single-title-box {padding: 0 0 20px 0;}
	dl.news-single-title-box dd h2.news-single-title {font-size: 143%;line-height: 1.2;}
	.news-single-com1 p,
	.news-single-com2 p{text-align:left !important;}

	/* ========= 管理者画面からのスタイル ============*/
	/*文字サイズ*/
	.font-size17{font-size:115%;line-height:1.7;}
	.font-size19{font-size:115%;line-height:1.5;}
	.font-size20{font-size:122%;line-height:1.5;}
	.font-size23{font-size:129%;line-height:1.4;}
	.font-size24{font-size:136%;line-height:1.4;}
	.font-size28{font-size:143%;line-height:1.3;}
	.font-size32{font-size:143%;line-height:1.3;}
	.font-size36{font-size:150%;line-height:1.3;}
	.font-size40{font-size:158%;line-height:1.2;}
	.font-size50{font-size:158%;line-height:1.2;}
	.font-size60{font-size:165%;line-height:1.2;}

	/*=======　［由志園について］由志園の由来  about/=======*/
	.section.bleuguide .about-title p {font-size: 158%;}
	
	/*=======［入園案内/アクセス］アクセス  access/=======*/
	#access-access-dl {font-size: 100%;}
	.ms-cbus-box {font-size: 122%;}
	.shuttlebus-title-box {padding: 12px 10px 10px 10px;}
	.shuttlebus-title-com2 img {height: 37px;}
	.shuttlebus-title-com1 {font-size: 3.6vw;}
	.shuttlebus-title-com3 {font-size: 79%;}
		
	/*=======　［由志園について］会社情報  company/=======*/
	.topimg-box-bar {font-size: 100%;}
	body#company .topimg-box .topimg-box-bar-title {letter-spacing: 0.4em;}
	.company-midash2.aguri {margin-top: 100px;}
	.company-midash2 {font-size: 143%;}
	
	/*=======　［由志園について］求人情報  recruit/=======*/
	#recruit-table {font-size: 86%;}
	#recruit-table th {width: 100%;display: block;border: none;}
	#recruit-table td {padding: 20px 0px 20px 0;}
	#recruit-table tr:nth-child(1) td {padding: 0px 0px 15px 25px;display: block;}
	#recruit-table td dl.recruit-dt{margin: 0 0 0 0;}
	#recruit-table td dl.recruit-dt dt{float: none;}
	#recruit-table td dl.recruit-dt dd {padding: 0 10px 0 20px;line-height: 1.4;}
	

	/*行動計画*/
	.left-space1 {margin-left: 0;}
	.left-space2 {margin-left: 10px;}
	
	/*==========　お問合せ　toiawase/　==========*/
	#toiawase-form dd {padding: 10px 0px 10px 0px;}
	/*お問合せフォーム入力確認*/
	.toiawase-midashi2 {font-size: 122%;}
	/*お問合せフォーム送信完了*/
	.toiawase-kanryo-midashi {font-size: 136%;line-height: 1.4;text-align: left;}
	.kanryou-waku .form-kanryo2 {text-align: left;font-size: 97%;margin-bottom: 20px;}

	/*==========　由志園ウエディング　wedding/　==========*/
	.wedding-midashi {font-size: 193%;letter-spacing: 0.3em;}
	.wedding-btn {width: 330px;}
	.wedding-btn a {width: 330px;font-size: 164%;background: url(../img/arrow_glay12-13.png) no-repeat 25px center;}
	.wedding-btn a:hover{background: url(../img/arrow_glay12-13.png) no-repeat 25px center;}
	
	/* ========= 庭園 garden/ ======== */
	.spring_title {padding-top: 32px;}
	body#garden .parallax-window {height: 240px;padding-bottom: 0;}
	img.parallax-slider {transform: translate3d(-40px, 0px, 0px) !important;min-width:500px;}
	.spring_title {padding-top: 34px;}
	.spring_title img {width: 160px;}
	
	/* ========= 入園のご案内 guidance/ ======== */
	dl.eigiyou-niyuen-gai {margin:0;width: 100%;}
	dl.eigiyou-niyuen-gai dt {width: 100%;}		
	.guidance-midashi1.small {font-size: 160%;}
	dl.eigiyou-niyuen-gai dd {font-size: 120%;}
	.eigiyou-day-box {font-size: 130%;margin-top:-8px;}
		
	ul.calen-box li {width: 220px;margin: 15px 2% 15px 2%;}
	.pass-setu-midashi {font-size: 108%;}
	.sougei-img-left {width: 250px;}
	.wheelchair-com {font-size: 93%;}
	.spot-box-dt-com {font-size:86%;}
	.spot-box-dt-com2{font-size:86%;}
	/*秋冬ライトアップイルミネーション カレンダー*/
	body#guidance .lightup-info img {width: 75%;}
	body#guidance .lightup-info span {font-size: 100%;}
	/*ACCESS MAP*/
	#access-access-dl {margin: 10px auto 0 auto;}
	#access-access-dl dl {padding: 30px 0;}

	/* ========= ［食事/喫茶］食事処のご案内  restaurant/ ======== */
	body.resta .topimg-box {height:440px;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史 詳細  kouraininjin/history　=======*/
	.history-midashi1 {font-size: 208%;letter-spacing: 0.1em;}
	.history-midashi-cap {margin-top: 10px;font-size: 100%;}
	.history-midashi2 {padding: 0 0 0 20px;}
	
	/*============　旅行代理店様専用  travel/　=============*/
	.travel-midashi2 {font-size: 140%;}
	.travel-midashi3 {font-size: 140%;}
	
	/*======= 旅行代理店様へ　団体客様用 お料理  travels/======*/
	.ordermade-box .title {font-size: 130%;}
	.ordermade-box .price img{width: 200px;}
	.dcook-midashi1-wrapper .midashi1 {font-size: 155%;letter-spacing: 0.2em;padding: 0 25px 0 25px;}
	.dcook-box2 {margin: 30px auto 0 auto;}
	h2.travels-midashi1 {font-size: 130%;}
	.travels-midashi2 {font-size: 100%;}
	ul.tanpin-box li {margin: 10px 2%;width: 45%;}
	.chef-box .name {padding:8px 0 14px 0;}
	.chef-box .img img {width: 84px;}
	.hakozen-title {width: 200px;}
	.section.travels.shunsai .hakozen-title {max-width: 100px;}
	.dcook-newbox.oneyoko .menu {width: 80%;text-align: center;margin: 20px 0 0 2%;}
	.dcook-newbox.two .menu {width: 100%;margin: 21px 27% 0 auto;padding-right: 0;max-width: 78%;}
	
	/*============［牡丹］大根島と牡丹の歴史  botan-flower =============*/
	/*ぼたん品種 紹介*/
	ul.flower-hinshu-box li {width: 46%;height: 180px;margin: 0 1% 0 1.5%;}
	
	/*============　RECRUIT採用情報  recruit/　=============*/
	.recruit-midashi img {max-width: 180px;}
	.recruit-midashi-cap {margin: 3px 0 30px 0;font-size: 130%;}
	.naka-recruit-menu-box ul li {width: 50%;}
	.naka-recruit-menu-box ul li a {padding: 5px 3px;}
	body#recruit .section.benefits {padding: 40px 0 50px 0;}
	dl.benefits-dl dt img {height: 65px;}
	dl.benefits-dl dd {padding: 8px 0 0 119px;font-size: 100%;}
	.recruit-com1 {font-size: 93%;letter-spacing: 0.1em;line-height: 1.7;}

	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
 .land-img1-text {font-size: 146%;right: -27%;margin-top: 26px;}
	.land-img1-text small {font-size: 53%;line-height: 1.8;}
	dl#creator.accordions dt.lineup {width: 80%;}
	.naka-kuwashii.souryo a {width: 80%;}
	.land-midashi2 {font-size: 110%;}
	.section#lineup .land-midashi1 {font-size: 160%;}
	
	/*============　RECRUIT採用情報＞代表メッセージ  TOP MESSAGE/　=============*/
	body.message .recruit-midashi img {max-width: 250px;}

	/*============　RECRUIT採用情報＞企業情報  COMPANY INFO/　=============*/
	body.companyinfo .recruit-midashi img {max-width: 280px;}
	body#recruit .section {padding: 20px 0 50px 0;}
	.soshiki-box {width: 100%;float: none;}
	.soshiki-box .midashi {font-size: 170%;margin-bottom: 15px;}
	.soshiki-box .com {font-size: 101%;}
	.company-soshiki1 {margin-top: 15px;}
	
	/*============　RECRUIT採用情報＞募集要項  cgi-binのrecruit_one_skinhtml=============*/
	.recruit-youkou-com1 {max-width: 180px;margin: 50px 0 20px 0;}
	.recruit-youkou-box1 .title {font-size: 110%;margin-bottom: 7px;}
	.recruit-youkou-box1 .midashi {font-size: 120%;margin-bottom: 10px;}
	.recruit-youkou-box1 .com {font-size: 102%;}
	.recruit-youkou-box1 {margin-bottom: 30px;}
	.recruit-youkou-box2 .title {font-size: 185%;}	
	table.youkou-table tr th {display: block;min-width: unset;padding: 6px 7px 5px 10px;}
	table.youkou-table tr td {display: block;padding: 7px 5px 16px 12px;}

	/*============　RECRUIT採用情報＞エントリーフォーム  ENTRY/　=============*/
	/*確認ページ*/
	body.entry.kakunin .form-kakunin2,
	body.entry.kanryo .form-kakunin2 {font-size: 97%;}
	/*完了ページ*/
	.kanryou-waku.entry {margin: 20px 0 0 0;}
}







@media screen and (max-width: 400px) {	
	/* =============中ページ共通のスタイル================== */
	/*見出し*/
	.midashi1 {font-size: 193%;}
	
	/*=======　［由志園について］由志園の由来  about/=======*/
	.about-title p {font-size: 173%;letter-spacing: 0.1em;}
	.about-midashi1 {font-size: 150%;letter-spacing: 0;}

	/*=======　［由志園について］会社情報  company/=======*/
	.company-midashi1 {font-size: 173%;}
	.company-com1{font-size: 129%;margin-top: 15px;}
	.company-com2{font-size:115%;padding-bottom: 40px;}

	table#company-enkaku th {padding: 8px 0 5px 0;width: 120px;}
	table#company-enkaku th p {font-size: 86%;padding: 2px 0 4px 8px;width: 108px;}
	table#company-enkaku td {padding: 5px 0 13px 0px;background: none;font-size: 115%;}
	
	/*=======　［由志園について］求人情報  recruit/=======*/
	#recruit-table td dl.recruit-dt dd {font-size: 93%;}
	.recruit-moushikomisaki {font-size: 108%;}
	.recruit-moushikomisaki span{display:block;padding:0;}
	
	/*=======［入園案内/アクセス］アクセス  access/=======*/
	.index-access-title {font-size: 9vw;padding-top: 15px;}
	.ms-cbus-title {font-size: 160%;}

	/*============　［食事/喫茶］個人料理  shokuji-kojin/　=============*/
	.kojin-com1 {font-size: 98%;}
	.kojin-com3 {font-size: 122%;}
	
	/*==========　由志園ウエディング　wedding/　==========*/
	.wedding-rogo img{height:160px;}
	.wedding-midashi {font-size: 174%;letter-spacing: 0.2em;}
	.wedding-btn {width:290px;}
	.wedding-btn a {width:290px;font-size:143%;background: url(../img/arrow_glay12-13.png) no-repeat 17px center;}
	.wedding-btn a:hover{background: url(../img/arrow_glay12-13.png) no-repeat 17px center;}
	.wedding-topimg-box {height: 1450px;}
	
	/* ========= 庭園 garden/ ======== */
	.garden-topimg-box { height: 700px;background-size: 700px auto;}
	.garden-com1 {font-size: 150%;padding-top: 50px;}
	.garden-com2 {font-size: 230%;}
	.garden-com2-cap {font-size: 73%;}
	.garden-com3 {margin-top:25px;line-height:1.7;font-size: 108%;}
	.shiki2-box-dl-title {font-size: 330%;margin-top: 5px;}
	dl.shiki2-box-dl.winter .shiki2-box-dl-title{font-size:270%;}	
	.spring2-box,
	.summer2-box,
	.autumn2-box,
	.winter2-box {font-size:120%;}
	/*四季折々の花々*/
	.shisetsu-flower-li ul li {width: auto;display: inline-block;margin: 10px;}
	.shisetsu-flower-title {font-size: 156%;}
	.shisetsu-flower-li ul {margin-left: 0;}
	
	/* ========= 入園のご案内 guidance/ ======== */
	.topimg-box-bar-cap {letter-spacing: 0.25em;}
	.topimg-box-bar-cap small {padding-right: 0;}
	/*入園料*/
	.tokubetu-com {font-size: 93%;}
	.guidance-box .price{margin:5px 0;}
	.guidance-box .time{margin:5px 0;}
	/*シーズンごとの入園料*/
	.price-kikan-box-year {text-align: center;padding: 5px 2px 4px 0px;font-size: 108%;}
	.price-kikan-box {font-size: 79%;padding: 5px 7px;}
	dl.price-kikan-dl dt span {width: 120px;}
	/*入園パスポート*/
	.pass-setu-title {font-size: 208%;}
	/*送迎*/
	.transfer-box {padding: 15px 10px 10px 10px;font-size: 86%;}
	/*縁結びパーフェクトチケット*/
	.spot-box-dt-title {font-size: 5.1vw;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史  kouraininjin/========*/
	.kourai-toptitle img {width: 140px;}
	.kourai-topimg-box {height: 360px;background: url(../kouraininjin/img/kourai_topimg.jpg) no-repeat center -40px;}
	dl.history-dl dt {font-size:7vw;}

	/*=======［高麗人蔘］雲州人蔘の歴史 詳細  kouraininjin/history　=======*/
	.history-midashi2 {font-size:7.2vw;}
	
	/*============　旅行代理店様専用  travel/　=============*/
	.travel-com2 {font-size: 5.3vw;}
	ul.travels-ul li {margin: 0 0 10px 0;}
	.travels-com3 {font-size: 115%;}
	
	/*======= 旅行代理店様へ　団体客様用 お料理  travels/======*/
 body#travels .topimg-box {height: 160px !important;}
	body#travels .topimg-box-bar-title img{width: 95px;}	
	.meibutu-com1 {font-size: 129%;}
	ul.tanpin-box li .title {font-size: 86%;}
	.panfu-com {font-size: 100%;}
	
	
	/*============［牡丹］大根島と牡丹の歴史  botan-flower =============*/
	.botan-topimg-box-cap {margin-top:-18px;}

	/*============［牡丹］大根島と牡丹の歴史  botan-flower =============*/
	/*ぼたん品種 紹介*/
	ul.flower-hinshu-box li {height:165px;}
	.jimotohinshu-title {font-size: 215%;letter-spacing: 0;}
	.jimotohinshu-flower {float: none;margin: 0 auto;}
	.jimotohinshu-flower.up {margin: 0 auto 0 auto;}
	.worldhinshu-box .jimotohinshu-flower {float: none;margin: 0 auto;}
	.jimotohinshu-name {padding: 10px 0 0 0;}
	.worldhinshu-box .jimotohinshu-name {padding: 10px 0 0 0;}

	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
 .land-midashi1 {font-size: 184%;margin: 0 0 10px 0;}
	.stone-name {font-size: 80%;}
 ul.stone-box li {margin: 15px 2% 5px 3%;}
	.naka-kuwashii.souryo {margin-top: 40px;}
 dl.creator-dl dd {width: 100%;}
	.rogo-tomu {max-width: 170px;}
	.creator-img img {max-width: 180px;margin: 0 0 6px 20px;}
	
	/*============　RECRUIT採用情報＞代表メッセージ  TOP MESSAGE/　=============*/
	dl.message-dl dt {width: 60%;}
	dl.message-dl dd .com {font-size: 95%;}
	.message-com2 {font-size: 95%;}
	
}





@media screen and (max-width: 360px) {
	/*=======　［由志園について］由志園の由来  about/=======*/
	.about-midashi1 {font-size: 136%;}
	.section.bleuguide .about-title p {font-size: 136%;line-height: 1.1;}
	
	/*=======　［由志園について］会社情報  company/=======*/
	.company-midash2 {font-size: 128%;letter-spacing: 0;}
	ul.company-group-ul {padding: 5px 0 7px 32px;}
	ul.company-group-ul li {font-size: 110%;}	

	/* ========= 庭園 garden/ ======== */
	.garden-com1 {font-size: 153%}
	.garden-com2 {font-size: 215%;}
	.garden-com2-cap {font-size: 69%;}
	.shiki2-box-dl-title {font-size: 300%;}
	
	/* ========= 入園のご案内 guidance/ ======== */
	/*駐車場*/
	.ev-midashi1 {font-size: 140%;}
	
	/*=======［高麗人蔘］雲州人蔘の歴史  kouraininjin/========*/
	.kourai-topimg-box {height: 320px;background: url(../kouraininjin/img/kourai_topimg.jpg) no-repeat center -30px;}
	.history-wrapper {margin-top: -140px;}
	.left-kourai p {font-size: 60%;}
	.left-kourai p.text2 {font-size: 158%;}

	/*============　［Landscape］由志園の景観照明  landscape/　=============*/
	.land-img1-text {font-size: 120%;margin-top: 21px;right: -24%;}
 .land-img1-text small {line-height: 2;}
 dl.land-dl1 {padding: 0;}
	dl#creator.accordions dt.lineup {width: 95%;letter-spacing: 0.1em;}
	.naka-kuwashii.souryo a {width: 95%;letter-spacing: 0.1em;}
	
	/*============　RECRUIT採用情報  recruit/　=============*/
	.recruit-midashi img {max-width: 170px;}
	.recruit-midashi-cap {margin: 0px 0 20px 0;font-size: 125%;}
	.naka-recruit-menu-box ul li a {padding: 7px 3px;font-size: 90%;}

	/*============　RECRUIT採用情報＞代表メッセージ  TOP MESSAGE/　=============*/
	body.message .recruit-midashi img {max-width: 230px;}

	/*============　RECRUIT採用情報＞企業情報  COMPANY INFO/　=============*/
	body.companyinfo .recruit-midashi img {max-width: 220px;}
	ul.companyinfo-ul {font-size: 92%;}
}





@media screen and (max-width: 350px) {
	/* ========= 庭園 garden/ ======== */
	dl.shiki2-box-dl.winter .shiki2-box-dl-title{font-size:240%;}
	
	/* ========= 入園のご案内 guidance/ ======== */
	/*入園パスポート*/
	dl.pass-dl dt a{display: block;padding-top:10px;}
	
	/*============［牡丹］大根島と牡丹の歴史  botan-flower =============*/
	/*ぼたん品種 紹介*/
	ul.flower-hinshu-box li {height:150px;}
	.jimotohinshu-title {font-size:200%;}
}