@charset "utf-8";

@media screen and (max-width: 1200px) {		
	/* ==================== 全イベント共通のページ上部の画像 ==================== */
	.event-top-img {width: 100%;overflow:hidden;}
	.event-top-img img{max-width: 100%;height: auto;width /***/:auto;　}
}



@media screen and (max-width: 1120px) {	
	.container1120 {width: 95%;}
}




@media screen and (max-width: 1060px) {	
	/* ==================== 全イベント共通の横メニュー ==================== */
	ul.event-yokomenu-ul.li3 li {width: 33%;}
}




@media screen and (max-width: 1000px) {
	.container1000 {width: 95%;}
		
	/*動画*/
	.movie-space {width: 100%;}
	.movie-space video{width:100% !important;height:50% !important;}
}




@media screen and (max-width: 950px) {	
	.container900 {width: 95%;}
}





@media screen and (max-width: 900px) {	
	/*//////// 全イベント共通のheader /////////*/
	body#event .event-head-box {height: auto;padding: 0 0 15px 0;}

	/* =========== 全イベント共通の横メニュー ========== */
	body#event ul.event-yokomenu-ul .container{width: 100%;}
	
	ul.event-yokomenu-ul.li3 li {width: 100%;display: table;}
	ul.event-yokomenu-ul.li3 li:nth-child(2) span{text-indent:-40px !important;}
	ul.event-yokomenu-ul.li3 li:nth-child(3) span{text-indent:-20px !important;}
	ul.event-yokomenu-ul.li3 li a {font-size: 150%;display: table-cell;vertical-align: middle;background: url(img/arrow_white9-9.png) no-repeat 20px center;border-top: 1px solid rgba(255,255,255,0.4);height: 50px;}
	ul.event-yokomenu-ul.li3 li:last-child a { background:url(img/arrow_white9-9.png) no-repeat 20px center;border-bottom: 1px solid rgba(255,255,255,0.4);}
	ul.event-yokomenu-ul.li3 li:last-child a:hover{background-color: #8b6612;}
	ul.event-yokomenu-ul.li3 li a br{display:none;}
	ul.event-yokomenu-ul.li3 li a small {position: relative;padding-right: 10px;top:-4px;}
	ul.event-yokomenu-ul.li3 li a p {top: 1.5px;line-height: 1;}
	ul.event-yokomenu-ul.li3 li a p span.rose {display: inline-block;margin-left:-60px;}
	
	ul.event-yokomenu-ul.li2 li {width: 100%;display: table;}
	ul.event-yokomenu-ul.li2 li:nth-child(2) span{text-indent:-40px !important;}
	ul.event-yokomenu-ul.li2 li a {font-size: 150%;display: table-cell;vertical-align: middle;background: url(img/arrow_white9-9.png) no-repeat 20px center;border-top: 1px solid rgba(255,255,255,0.4);height: 50px;}
	ul.event-yokomenu-ul.li2 li:last-child a { background:url(img/arrow_white9-9.png) no-repeat 20px center;border-bottom: 1px solid rgba(255,255,255,0.4);}
	ul.event-yokomenu-ul.li2 li:last-child a:hover{background-color: #7855a2;}
	ul.event-yokomenu-ul.li2 li a br{display:none;}
	ul.event-yokomenu-ul.li2 li a small {position: relative;padding-right: 10px;top:-4px;}
	ul.event-yokomenu-ul.li2 li a p {top: 1.5px;line-height: 1;}
}



@media screen and (max-width: 850px) {	
	body#event .container {width: 95%;}
	
	/*//////// 全イベント共通のheader /////////*/
	.toku-tatle {padding: 0 0 0 20px;width: 63%;}
	
	.enyu-midashi1 {text-align: left;line-height: 1.7;}
	.enyu-midashi1 br{display:none;}

	/*チラシ*/
	.print-title {text-align: left;padding-left: 15px;}
	ul.print-ul li {margin: 0 0 20px 0;}
}




@media screen and (max-width: 800px) {	
	.align-right {text-align: left;}
}



@media screen and (max-width: 750px) {	
	/*//////// 全イベント共通のheader /////////*/
	.event-head-box {height: 150px;}
}





@media screen and (max-width: 700px) {	
	.container.top{width:100%;}
	
	/* =========== 全イベント共通の横メニュー 横並び========== */
	ul.event-yokomenu-ul.li2 li a {font-size:136%;}
}





@media screen and (max-width: 650px) {	
	body#event .container {width: 93%;}
	.container1000 {width: 93%;}
	.container900 {width: 93%;}

	body#event .section {padding:60px 0 60px 0;}
	
	/*//////// 全イベント共通のheader /////////*/
	ul.event-yokomenu-ul .container{width:98%;}
	.event-head-box .container{width:96%;}
	.event-head-box {height: 130px;}
	.toku-title {padding: 0 0 0 10px;}
}



@media screen and (max-width: 600px) {	
	/*//////// 全イベント共通のheader /////////*/
	.event-head-box {height: 120px;}
	
	/* =========== 全イベント共通の横メニュー 横並び========== */
	ul.event-yokomenu-ul.li3 li {vertical-align: middle;}
	ul.event-yokomenu-ul.li3 li a br{display:none;}
	ul.event-yokomenu-ul.li3 li a small {display: none;}
	ul.event-yokomenu-ul.li3 li a {font-size: 130%;height: auto; padding: 15px 0 12px 0;line-height: 1;}
	ul.event-yokomenu-ul.li3 li:last-child a {}
	ul.event-yokomenu-ul.li3 li a p span.rose {margin-left: 0;}

	ul.event-yokomenu-ul.li2 li {vertical-align: middle;}
	ul.event-yokomenu-ul.li2 li a br{display:none;}
	ul.event-yokomenu-ul.li2 li a small {display: none;}
	ul.event-yokomenu-ul.li2 li a {font-size: 130%;height: auto; padding: 15px 0 12px 0;line-height: 1;}
	ul.event-yokomenu-ul.li2 li:last-child a {}
	ul.event-yokomenu-ul.li2 li a p span.rose {margin-left: 0;}
	
	
	/*チラシ*/
	ul.print-ul li {width: 90%;font-size: 86%;margin:0 auto 10px auto;}
}





@media screen and (max-width: 550px) {	
	body#event .section {padding: 30px 0 30px 0;}
	
	/*//////// 全イベント共通のheader /////////*/
	.event-head-box {height: 110px;}
	.toku-title {width: 63%;}
	
	/*動画*/
	.movie-space {font-size: 108%;}

	/*チラシ*/
	.print-title img{width:60%;}
	.print-title {height: 70px !important;}
}





@media screen and (max-width: 500px) {	
	/*//////// 全イベント共通のheader /////////*/
	body#event .section {font-size: 93%;}
	body#event .breadcrumb-box2 {display: none;}
	.event-head-box {height: auto;padding: 0;}
	.toku-number {display: none;}
	.toku-title {width:70%;display: block;margin: 15px auto 0px auto;padding:0;}
	
	/* =========== 全イベント共通の横メニュー ========== */
	ul.event-yokomenu-ul.li3 li a {background: url(img/arrow_white9-9.png) no-repeat 10px center;}
	ul.event-yokomenu-ul.li3 li:last-child a {background: url(img/arrow_white9-9.png) no-repeat 10px center;}
	ul.event-yokomenu-ul.li3 li a p {top: -1px;}

	ul.event-yokomenu-ul.li2 li a {background: url(img/arrow_white9-9.png) no-repeat 10px center;}
	ul.event-yokomenu-ul.li2 li:last-child a {background: url(img/arrow_white9-9.png) no-repeat 10px center;}
	ul.event-yokomenu-ul.li2 li a p {top: -1px;}	
}




@media screen and (max-width: 440px) {	
	body#event .section.top {padding-bottom: 0;}

	/* =========== 全イベント共通の横メニュー ========== */
	ul.event-yokomenu-ul.li3 li a {font-size:115%;}
	ul.event-yokomenu-ul.li2 li a {font-size:115%;}
}



@media screen and (max-width: 360px) {	
	/*動画*/
	.movie-space {font-size:93%;}
}
	







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

******************   それぞれの特集ページ　***************************************************

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

@media screen and (max-width: 1400px) {	
	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	body#event .section.top.rose2023-3 {background-size: contain;}
	dl.special-event dd {display:none;}
}





@media screen and (max-width: 1300px) {	
	/* ============== フローランタン 柳楽桜子 バラ百選 ============== 
	dl.rose-event-box.naming {max-width: 63%;margin:50px 0 0 2%;}
	dl.rose-event-box.naming dd {padding:0 0 0 31%;}
	dl.rose-event-box.tour 		{max-width: 63%;margin:73px 0 0 2%;}
	dl.rose-event-box.tour dd	 {padding:0 0 0 31%;}
	dl.rose-event-box.naming2.tours {padding:0 0 0 5%;top: 24px;}*/
}





@media screen and (max-width: 1200px) {	
	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	.top-rose-img {background-size: 1300px;padding: 314px 3% 0 3%;}
	.top-rose-img img{max-width:100%;height:auto;}
	.sakurako-img-cap {font-size: 85%;line-height: 1.6;}
	body#event #wrapper {overflow: hidden;}
	dl.special-event dt {float: none;margin:0 auto;}
	dl.sakurako-box dd {padding: 35px 0 45px 0;}
	.premium-lecture-img {width: 30%;margin:40px 5px 0 0;}
	.premium-lecture-img img{max-width: 100%;height:auto;}
	.premium-lecture-img + div.clear{display:none;}
	/*
	dl.rose-event-box.naming {max-width: 65%;margin-bottom: 35px;}
	dl.rose-event-box dt {width: 27% !important;}
	dl.rose-event-box.naming2 {padding:0 0 0 3%;margin:0;}
	.rose-tour-img {width: 30%;margin:65px 5px 0 0;}
	.rose-tour-img img{max-width: 100%;height:auto;}
 dl.rose-event-box.naming dd .midashi {font-size: 200%;}
	dl.rose-event-box.naming2 .img2 {float: none;margin: 0 0 25px 0;}
	dl.rose-event-box.naming2 .img3 {float: none;}
	dl.rose-event-box dd .img2 {float: none;margin: 0 0 25px 0;}
	.rose-moushikomi-box {margin-top: 85px;}
	*/
}






@media screen and (max-width: 1100px) {	
	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	.rose2023-com1 {font-size: 130%;}
	.sakurako-img {margin-top: 20px;}
	dl.sakurako-box {padding: 0;margin: 0;}
	dl.sakurako-box dd {font-size: 85%;}
	dl.rose-event-box dd .midashi {font-size: 220%;letter-spacing: 0;}
	dl.rose-event-box dd .midashi-cap {font-size: 115%;}
	dl.topics-event dt{padding: 20px 15px;}
	dl.topics-event dd {padding: 20px 20px 20px 99px;}
	dl.topics-event dd img{max-width:570px;width: 100%;}
	dl.topics-event dd .qr {margin-top: -46px;width: 110px;}
	dl.topics-event dd .qr img{max-width: 100%;}
	dl.topics-event dd .com {width: calc(100% - 130px);}
	body#event .section.top.rose2023-3 .container {padding:30px 4% 0 4%;}
	dl.rose-event-box dt{width: 190px;}
	dl.rose-event-box dd{padding: 0 0 0 220px;}
}




@media screen and (max-width: 1050px) {	
	/* ==================== 假屋崎省吾×牡丹ⅩⅣ ==================== */
	.photo-box2 ul li img {height: 210px;}
	
	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
  dl.sakurako-box dd {padding: 35px 0 90px 0;}
	dl.special-event dd {width: 38%;margin-top: -110px;}
	dl.special-event dt {margin-top: 20px;}
	/*
	dl.rose-event-box.naming2 {margin: 6px 0 0 0;}
	dl.rose-event-box {margin: 85px auto 0 auto;}
	dl.special-event dd p {font-size: 87%;letter-spacing: 0;}
	*/
}





@media screen and (max-width: 1000px) {	
	/* ==================== 牡丹園遊会 ==================== */
	.enyu-img7-3 {width: 40%;margin: 15px 0 0 4%;}

	/*由志園 アクセス*/
	#access-access-dl {padding: 0 0;}
	.ms-cbus-box {padding: 20px 0;}
	.shuttlebus-box {padding:0;}

	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	.rose2023-com1 br{display:none;}
	dl.rose-event-box.naming dd .midashi-cap {position: unset;margin-right: 0;}
	dl.rose-event-box.naming2 .img1 {margin: 17px 0 22px 0;}
	.rose-moushikomi-box .midashi {max-width: 270px;margin: 0 auto 25px auto;}
	.rose-moushikomi-box .moushikomi img {width: 45%;}
}






@media screen and (max-width: 950px) {	
	/* ==================== 牡丹園遊会 ==================== */
	.event-box-img {margin-top: 15px;float: none;margin-left: 0;text-align: center;}
	.event-box-img.enyu-img4 {margin-top: 20px;}

	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	.top-rose-img {background-size: 1000px;padding: 230px 3% 0 3%;}
	dl.sakurako-box dt {width: 320px;}
	dl.rose-event-box {margin: 50px auto 0 auto;}
	dl.rose-event-box dd .midashi {max-width: 350px;}
	dl.rose-event-box.naming {margin-bottom: 10px;}
	dl.rose-event-box.naming2 {margin-top: 15px;}
	dl.rose-event-box.naming2 .img2 {margin:0 7% 25px 0;}
	dl.rose-event-box.naming2 .img3 {margin-right: 23%;}
	dl.rose-event-box.naming2.tours .img3 {margin-right: 37%;}
		
	dl.topics-event dd .qr {margin-top: 10px;}
	dl.topics-event dt {padding: 20px 0;max-width: 130px;top: 25px;}
	dl.topics-event dd {padding: 20px 20px 20px 69px;width: calc(100% - 75px);}
}





@media screen and (max-width: 900px) {	
	/* ==================== 假屋崎省吾×牡丹ⅩⅣ ==================== */
	body#event.kariyazaki .section {padding: 40px 0 0 0;}
	.kariyazaki2 {margin: 30px 7% 0 7%;}
	.card-box ul li .title {font-size: 122%;}
	.card-box ul li .com {font-size: 93%;}
	.photo-box2 ul li img {height: 190px;}
	
	/* ==================== 牡丹園遊会 ==================== */
	.koyomi-title img{width:55%;}
	
	/* ============== 幸せをよぶイエローガーデンフェスティバル ============= */
	.yellow-miadhi1 {font-size: 208%;text-align: left;line-height: 1.7;}
	.yellow-miadhi1 br{display:none;}

	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
  dl.sakurako-box dd {padding: 35px 0 50px 0;}
	dl.special-event dt {float: none;margin: 0 auto;max-width: 560px;width: 100%;}
	dl.special-event dd {float: none;margin: 20px auto 0 auto;max-width: 399px;width: 100%;}
	dl.rose-event-box.naming {margin: 30px 0 0 0;padding: 0;}
	dl.rose-event-box dt.toku {margin-top: 0;}
	dl.rose-event-box.naming2.toku {margin: 10px auto 0 auto;}
	.selection-img {margin: 0 7%;}
	.selection-img-copy{margin:15px 7% -10px 0;width: auto;font-size: 80%;}
}





@media screen and (max-width: 850px) {	
	/* ==================== 牡丹園遊会 ==================== */
	/*新型コロナウィルスの感染拡大防止*/
	.corona-box{padding:20px;}
	dl.offpeak-dl dt {float: none;margin: 0 auto;}
	dl.offpeak-dl dd {padding: 20px 0 0 0;display: table;width: 580px;margin: 0 auto;}
	
	/* ======== 6万輪の牡丹咲チューリップとラナンキュラス展 ========= */
	/*コロナウイルス感染対策に取り組んでおります*/
	dl.corona-box dt{float:none;width:80%;padding:8px 10px 10px 10px;margin: 0 auto 20px auto;font-size: 98%;line-height: 1.5;}
	dl.corona-box dd{float:none;width:100%;text-align: center;}
	
	ul.cook-box li{display:block;margin: 10px auto;width: 85%;}

	.photo-box2 ul li {margin: 0 2%;width: 45%;}
	.photo-box2 ul li img {height: auto;width: 100%;}
	.photo-box ul li {width: 31.3%;}
	
	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	dl.rose-event-box {padding: 0;}
	dl.rose-event-box.naming2.toku .img1 img:nth-child(2){margin: 5px 0 0 84px;}
}




@media screen and (max-width: 800px) {	
	/* ==================== 牡丹園遊会 ==================== */
	.enyu-img7-3 {width: 100%;margin: 15px 0 0 0;float: none;text-align: center;}
	.event-schedule{display:none;}
	.event-schedule-sp{display:block;text-align:center;margin-top:70px;}

	/* ============== 幸せをよぶイエローガーデンフェスティバル ============= */
	.yellow-box {width: 100%;}
}




@media screen and (max-width: 750px) {	
	/* ==================== 牡丹園遊会 ==================== */
	/*特別告知*/
	.tokubetu-midashi1 {font-size: 130%;padding: 9px 12px;}
	.tokubetu-event-box dl dt {float: none;width: 100%;padding-right: 0;font-size: 110%;}
	.tokubetu-event-box dl dd {float: none;width: auto;max-width:70%;margin: 10px auto 5px auto;display: table;}
	
	/* ======== 6万輪の牡丹咲チューリップとラナンキュラス展 ========= */
	.tulip5{display:none;}
	.tulip5sp{display:block;}
	
	/* ============== 幸せをよぶイエローガーデンフェスティバル ============= */
	.yellow-box {font-size: 86%;}

	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	body#event .section.top.rose2023-3 .container {padding:30px 3% 0 3%;}
	dl.rose-event-box {float: none !important;width: 100%;}
	dl.rose-event-box dt{width: 170px;}
	dl.rose-event-box dd{padding: 0 0 0 200px;}
	/*
	dl.rose-event-box.naming {max-width: 100% !important;margin:30px 0 18px 0;}   
 dl.rose-event-box dd {padding:0 0 0 26% !important;}
	dl.rose-event-box.naming2 {max-width: 65%;padding:0;}
	dl.rose-event-box.naming2 .img1 {margin:0 0 22px 0;}
	.premium-lecture-img {margin:21px 5px 0 0;}
	dl.rose-event-box.tour {max-width: 100%;margin:34px 0 0 0;}
	.rose-tour-img {margin:20px 5px 0 0;}
	dl.rose-event-box.naming2.tours {max-width: 65%;padding:0;}
	*/
	.rose-moushikomi-box {margin-top: 53px;}
 .rose-moushikomi-box .moushikomi img {width: 46%;padding:0;}
}





@media screen and (max-width: 700px) {	
	/* ==================== 牡丹園遊会 ==================== */
	.enyu-midashi1 {font-size: 136%;}
	.plofile-box dl dt {float: none;width: 100%;text-align: center;}
	.plofile-box dl dd {margin: 12px 0 0 0;}
	.yakata-midashi1 {font-size: 140%;}
	ul.yakata-ul li {width: 47%;}
	/*チラシ*/
	.print-title img{width:75%;}

	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	.top-rose-img {background-size:800px;padding:185px 1% 0 1%;}
	.rose2023-com1 {font-size: 110%;text-align: left;padding: 0;}
	/*
  dl.special-event dt {max-width: 500px;padding-left: 30px;}
	dl.rose-event-box dd,
	dl.rose-event-box.naming dd {padding: 20px 0 0 0;}
	dl.rose-event-box.naming2 {padding: 0;}
	dl.rose-event-box.naming2.toku {padding: 0;}
	*/
	.rose-moushikomi-box .midashi {max-width: 240px;}
	.rose-moushikomi-box .moushikomi img {width: 50%;}
}






@media screen and (max-width: 680px) {	
	/* ==================== 假屋崎省吾×牡丹ⅩⅣ ==================== */
	.kariyazaki-com0 {font-size: 115%;letter-spacing: 0.03em;}
	
	/* ==================== 牡丹園遊会 ==================== */
	dl.offpeak-dl {margin: 20px auto 0 auto;}
	dl.offpeak-dl dt {width: 70%;text-align: center;}
	dl.offpeak-dl dd {padding: 20px 0 0 0;width: 95%;}

	/* ======== 6万輪の牡丹咲チューリップとラナンキュラス展 ========= */
	.tulip2 {margin-top: 30px;}
	.tulip-com1 {font-size: 108%;margin-top: 30px;}
	.tulip-com2 {font-size: 100%;}
	/*コロナウイルス感染対策に取り組んでおります*/
	dl.corona-box dt{width:95%;}

	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	dl.sakurako-box dt {width:52%;float: none;margin: 0 auto;padding: 0 0 10px 0;}
	.sakurako-img {width: 100%;padding-top: 100%;margin: 20px 0 0 0;}
	.sakurako-img-cap {line-height: 1.5;margin: 15px 0 0 0;}
	.sakurako-img-cap br{display:none;}
	dl.sakurako-box dd {padding: 10px 0 30px 0;}
	.sakurako-midashi {font-size: 160%;text-align: center;}
	.sakurako-midashi-cap{text-align:center;}
	.sakurako-midashi-cap span{display:block;padding:0;}
	dl.topics-event dt {padding: 0;max-width: 130px;top: 0;right: 0;left: 0;margin: -6px auto 0 auto;}
  dl.topics-event dd {padding: 59px 14px 20px 14px;width: 100%;margin-top: 50px;}
  dl.topics-event dd img {max-width: 500px;}
	body#event .section.selection {padding: 50px 0 90px 0;}
}






@media screen and (max-width: 650px) {	
	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	dl.rose-event-box dt {margin: 0 auto;}
	dl.rose-event-box dd .midashi {font-size: 200%;line-height: 1.1;}
	dl.rose-event-box dd .midashi-cap {font-size: 108%;}
}






@media screen and (max-width: 600px) {	
	/* ==================== 假屋崎省吾×牡丹ⅩⅣ ==================== */
	.kariyazaki-com0 br{display:none;}	

	/* ==================== 牡丹園遊会 ==================== */
	.plofile-box dl dt img{width:250px;}
	.event-box-day {font-size: 150%;}
	.enyu-img7-text {font-size: 100%;}
	.yakata-midashi2 {font-size: 180%;}
	/*新型コロナウィルスの感染拡大防止*/
	.corona-img-right{float:none;margin:5px auto 15px auto;text-align: center;}
	
	/* ============== 幸せをよぶイエローガーデンフェスティバル ============= */
	.yellow-miadhi1 {font-size: 160%;}
}




@media screen and (max-width: 570px) {	
	/* ==================== 假屋崎省吾×牡丹ⅩⅣ ==================== */
	body.kariyazaki .event-top-img img {width: 100%;max-width: 100%;margin-left: 0;}
	.kariyazaki5 {margin: -20px 0 50px 0;}
	
	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	.top-rose-img {background-size:600px;padding:138px 1% 0 1%;}
	.section.selection .container {border-top: 15px solid #3f210f;padding-top: 30px;}
	.rose-img6 {padding:0 7%;}
	.rose2023-com1 .midashi {padding:0 10%;}
 dl.rose-event-box dd .midashi {max-width: 300px;}
	.rose-moushikomi-box .moushikomi img {width: 100%;display: block;margin: 0 auto 10px auto;max-width: 400px;}
	.rose-moushikomi-box .moushikomi img {max-width: 330px;}
}


	

	
@media screen and (max-width: 550px) {	
	/* ==================== 牡丹園遊会 ==================== */
	.enyu-midashi1 {font-size: 122%;margin-top: 30px;} 
	.enyu-img2 {margin-top: 40px;}
	.event-box-day big{font-size: 100%;}
	.event-schedule {margin-top: 70px;}
	.enyu-text1 {margin-top: 40px;}
	.enyu-com1{text-align: left;margin-top: 20px;font-size: 129%;line-height: 1.7;}
	.enyu-com1 br{display:none;}
	.event-box-com3 {font-size: 122%;}
	.event-box-day small {font-size: 75%;}
	.enyu-img7-1 {margin: 0 8%;}
	.enyu-img3 {margin-top: 80px;}
	/*動画*/
	.movie-space {font-size: 108%;}
	.corona-box {padding: 20px;margin-top: 60px;}
	.corona-box-text {font-size: 93%;}
	.corona-box-img2 {margin-top: 40px;}
	.event-box {margin-top: 40px;}
	.midashi1-box {font-size: 108%;}
	.event-box.edobotan {margin-top: 60px;}
	.event-box-text {font-size: 100%;}
	.offpeak2 {margin-right: 0;width: 140px;}
	.offpeak-com1 {font-size: 150%;}
	.offpeak-com2 {font-size: 84%;}
	.offpeak-com3 {font-size: 150%;}
	.offpeak-com4 {font-size: 150%;}
	.offpeak-com5 br{display:none;}
	
	/* ============== 幸せをよぶイエローガーデンフェスティバル ============= */
	dl.yellow-box-cont dt.right {float: none;margin: 0 auto;}
	dl.yellow-box-cont dd.left {padding: 10px 0 0 0;}
	dl.yellow-box-cont dt.left {float: none;margin: 0 auto;}
	dl.yellow-box-cont dd.right{padding:10px 0 0 0;}
	dl.yellow-box-cont dd .dd-img {width: 85%;}
	dl.yellow-box-cont dd .dd-midashi1 {font-size: 170%;}
	
	/* ============ 牡丹×芍薬 ハイブリッド牡丹園　フェスティバルピヴォワンヌ ========== */
	.festi-com1 {font-size: 115%;margin-top: 30px;}
	/*牡丹の館*/
	.yakata-midashi2 {font-size: 170%;}
	.midashi1-box-yakata {font-size: 115%;}

	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	ul.rose-ul{margin: 30px auto 0 auto;}
	ul.rose-ul li{margin:0 2% 20px 2%;}
	dl.rose-event-box dd .img1 img:nth-child(2) {height: 70px;margin: 0 0 0 79px;}
	dl.rose-event-box dd .midashi {font-size: 180%;}
	dl.topics-event {margin: 50px auto 0 auto;}
	dl.topics-event dd .yokohama-rogo-pc{display:none;}
	dl.topics-event dd .yokohama-rogo-sp{display: table;margin: 0 auto;padding: 0 30px;}
}





@media screen and (max-width: 500px) {	
	/* ==================== 假屋崎省吾×牡丹ⅩⅣ ==================== */
	.card-box-title {font-size: 136%;letter-spacing: 0.2em;text-align: center;}
	.card-box ul {text-align: center;}
	.card-box ul li {width:80%;margin: 0 1% 20px 1%;}
	.photo-box2 ul {text-align: center;width: 90%;margin: 15px auto 0 auto;}
	.photo-box2 ul li {margin: 0 0 15px 0;float: none;text-align: left;width: 100%;}
	.photo-box ul li {width: 48%;}
	
	/* ======== 6万輪の牡丹咲チューリップとラナンキュラス展 ========= */
	body#event.tulip .section {padding: 30px 0 30px 0;}
	
	/* ==================== 牡丹園遊会 ==================== */
	.event-box-day {font-size: 140%;}
	.france1 {padding: 60px 20px 20px 20px;}
	.france-com1 {font-size: 93%;line-height: 1.5;}
	.enyu-img7-com1 {font-size: 164%;}
	.enyu-img10 img{height:60px;}
	.plofile-box dl dt img{width:200px;}
	/*チラシ*/
	ul.print-ul li {width: 90%;margin: 0 auto 10px auto;}


	/* ============== 幸せをよぶイエローガーデンフェスティバル ============= */
	body#event.yellow .section {font-size: 86%;}
	.yellow-miadhi1 {font-size: 136%;}
	dl.yellow-box-cont dd .dd-midashi1 {font-size: 146%;margin-top: 10px;}
	
	/* ============ 牡丹×芍薬 ハイブリッド牡丹園　フェスティバルピヴォワンヌ ========== */
	/*牡丹の館*/
	.yakata-midashi1 {font-size: 126%;}
	.yakata-midashi2 {font-size:136%;}

	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	body#event .section.top.rose2023-2 .container {padding: 0;}
	.rose-img6 {margin:0 10px;}
	.rose2023-com1 {font-size: 115%;}
	dl.sakurako-box dt {width: 75%;}
	.sakurako-img {width: 85%;padding-top: 85%;margin:20px auto 0 auto;}
	.sakurako-midashi span{display:block;}
	.sakurako-com {font-size: 120%;}
 dl.rose-event-box dt, dl.rose-event-box dt {float: none;width: 130px !important;}
	dl.rose-event-box dd {padding:0 0 0 0 !important;margin-top: 15px;}
 dl.rose-event-box dd .midashi {margin:0 auto;}
	.premium-lecture-img,
	.rose-tour-img {margin:10px auto;float: none;width: 48%;}
	dl.rose-event-box.naming2 {max-width: 95% !important;margin:18px auto 30px auto !important;}
	dl.rose-event-box.naming2.tours {top: 0;}
	dl.rose-event-box.naming dd .midashi-cap {margin-top: 9px;}
	dl.rose-event-box dd .img1 {margin: 16px 0 3px 0;}
	.rose-moushikomi-box {margin-top: 20px;}
	.rose-moushikomi-box .midashi {max-width: 220px;}
	.ticket-moushikomi {margin: 30px 10% 0 10%;}
}






@media screen and (max-width: 460px) {	
	/* ==================== 假屋崎省吾×牡丹ⅩⅣ ==================== */
	.profile-img {float: none;margin: 0 auto 10px auto;text-align: center;}
	.profile-waku {padding: 10px 15px 12px 15px;}
	
	/* ==================== 牡丹園遊会 ==================== */
	.enyu-img2{ margin-top: 30px;}
	.event-schedule {margin-top: 40px;}
	.enyu-img3 {margin-top: 40px;}
	.enyu-com1 {margin-top: 20px;font-size: 129%;line-height: 1.5;}
	.enyu-img4-1 {margin-top: 0;}
	.event-box-com3 {font-size: 120%;line-height: 1.6;}
	
	/*新型コロナウィルスの感染拡大防止*/
	.corona-box {padding: 25px 15px;}
	.corona-box .midashi {font-size: 160%;}
	.corona-img-right img{max-width:100%;}
	
	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	.top-rose-img {padding: 138px 0 20px 0;}
 body#event .section.top.rose2023-3 .container {padding:10px 20px 0 20px;}
	body.rose .movie-wrap-out {margin:0px auto 20px auto;}
 dl.topics-event dt {max-width: 100px;}
	dl.topics-event dd {padding: 46px 10px 20px 10px;margin-top: 35px;font-size: 95%;}
	dl.topics-event dd .qr {margin-top: 14px;width: 95px;}
	dl.topics-event dd .com {width: calc(100% - 110px);}
	body#event .section.rose2023-4 {padding-top: 10px;}
	dl.rose-event-box {margin:30px auto 0 auto;}
	.selection-yotei-text {padding:50px 0 0 0;}
}





@media screen and (max-width: 420px) {
	/* ==================== 假屋崎省吾×牡丹ⅩⅣ ==================== */
	.kariyazaki-com0 {font-size: 100%;letter-spacing: 0;}
	.kariyazaki-com1{font-size:108%;margin-top: 20px;}
	.kariyazaki-com2{font-size:108%;}
	.movie-space {margin: 40px auto 0 auto;}
	.movie-space p {display: none;}
	.card-box-title {font-size: 122%;}
	.kariyazaki4-com {font-size: 108%;}
	.profile-waku {padding: 10px 15px 12px 15px;font-size: 93%;line-height: 1.6;}
		
	/* ==================== 牡丹園遊会 ==================== */
	dl.offpeak-dl dd {width: 100%;font-size: 90%;}
	.offpeak2 {margin-top: -25px;width: 130px;}
	
	/* ======== 6万輪の牡丹咲チューリップとラナンキュラス展 ========= */
	.tulip-com1 {font-size: 100%;}
	.tulip-com2 {font-size: 93%;}
	
	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	ul.event-yokomenu-ul.li2 li:nth-child(2) span {font-size: 85%;}
	.top-rose-img {padding: 138px 0 20px 0;}
	.rose2023-com1 {font-size: 110%;}
	.rose-ul-cap strong {font-size: 90%;letter-spacing: 0;}
	dl.special-event dd {margin:0;}
	dl.rose-event-box dd .midashi {max-width: 260px;}
	dl.rose-event-box dd .img1 {margin: 15px 0 0 0;}
	dl.rose-event-box dd .img3 {margin: 7px 51% 0 0;}
 dl.rose-event-box dd,
	dl.rose-event-box.naming dd {font-size: 90%;}
	dl.rose-event-box.naming2 .img1 {margin:0 0 17px 0;}
 dl.rose-event-box.naming2 .img2 {margin:0 7% 11px 0;}
	dl.rose-event-box.naming2.tours .img2 {margin:0 0% 17px 0;}
 .ticket-moushikomi {margin: 16px 10% 0 10%;}
	dl.topics-event dd {border:3px solid #2977c1;}
	ul.rose-koumoku-ul {margin-top: 30px;}
	.botanflower-category-midashi {line-height: 1;}
	ul.flowerhinshu-box li {margin:15px 1.5% 0 1%;}
	.flower-single-box .title-box .title {font-size: 8vw;}
}




@media screen and (max-width: 360px) {	
	/* ============== フローランタン 柳楽桜子 バラ百選 ============== */
	dl.sakurako-box dt {width: 65%;}
	dl.rose-event-box dd .img1 img:nth-child(2) {height: 46px;margin: 0 0 0 52px;}
	dl.rose-event-box.naming2 .img3 img{height: 47px;}
	dl.topics-event dd .com {width: 100%;}
	dl.topics-event dd .qr {margin:0 auto;float: none;}
}





