@charset "utf-8";

/*************************************************
			default
*************************************************/
/*
UD新ゴ R										font-family:RodinPro-M
UD新ゴ M										font-family:RodinPro-M
筑紫Cオールド明朝 Pr6 L			font-family:TsukuCOldMinPr6-L
筑紫Cオールド明朝 Pr6 M			font-family:TsukuCOldMinPr6-M
筑紫Cオールド明朝 Pr6 B			font-family:TsukuCOldMinPr6-B
*/

.gotsfont{font-family:Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
					letter-spacing: 0em;}



/*padding や border-width がwidth内に収まる*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/*clearfix--------------------*/
.cf:before,
.cf:after {content: " ";display: table;} 
.cf:after {clear: both;} 
.cf{*zoom: 1;}


body#event .container {position: relative;}
body#event .section.top{padding-top:0;padding-bottom:30px;}
body#event .section {padding: 90px 0 90px 0;}
body#event.naka .section.end {padding: 0 0 50px 0;}


.container1120{max-width: 1120px;margin: 0 auto;padding: 0;line-height: 1.9;}
.container1000{max-width: 1000px;margin: 0 auto;padding: 0;line-height: 1.9;}
.container900{max-width: 900px;margin: 0 auto;padding: 0;line-height: 1.9;}
.container-free{text-align:center;padding: 0 5%;line-height: 1.9;}



/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のheader
///////////////////////////////////////////////////////////////////////////////*/

/* ==================== 全イベント共通のhead ==================== */
body#event .event-head-box{height:180px;width:100%;text-align:center;background-color:#f8a0c8;}
.toku-number{display:inline-block;width:29%;}
.toku-title{display:inline-block;width:70%;}

/*パンくず*/
body#event .breadcrumb-box2 {padding: 5px 0 15px 0;font-size: 93%;color:#fff;white-space:nowrap;overflow:hidden;text-align: left;opacity: 0.8;}
body#event #breadcrumb div{color: #fff;}
body#event #breadcrumb div a {color: #fff;}
body#event #breadcrumb div a:hover{color: #f00;}



/* ==================== 全イベント共通の横メニュー ==================== */
ul.event-yokomenu-ul {text-align: center;background-color:#eb1f80;}
ul.event-yokomenu-ul.li3 li{display:inline-block;width:32%;text-align:center;}
ul.event-yokomenu-ul.li3 li a{font-family:TsukuCOldMinPr6-B;color: #fff;line-height: 1.05;font-size:170%;height:64px;display: block;text-decoration:none;background: url(img/yokomenu_tatebar.png) no-repeat 0 center , url(img/arrow_white9-9.png) no-repeat 20px center;}
ul.event-yokomenu-ul.li3 li:last-child a{background: url(img/yokomenu_tatebar.png) no-repeat 0 center , url(img/arrow_white9-9.png) no-repeat 20px center , url(img/yokomenu_tatebar.png) no-repeat right center;}
ul.event-yokomenu-ul.li3 li a small{font-size:48%;opacity: 0.8;font-family:RodinPro-M;}
ul.event-yokomenu-ul.li3 li a p{top: -2px;position: relative;}
ul.event-yokomenu-ul.li3 li a p span.rose{letter-spacing: 0;transform: scale(0.6, 1);display: block;white-space: nowrap;}
ul.event-yokomenu-ul.li3 li a:hover{background-color:#c41166;}

ul.event-yokomenu-ul.li2 li{display:inline-block;width:40%;text-align:center;}
ul.event-yokomenu-ul.li2 li a{font-family:TsukuCOldMinPr6-B;color: #fff;line-height: 1.05;font-size:170%;height:62px;display: block;text-decoration:none;background: url(img/yokomenu_tatebar.png) no-repeat 0 center , url(img/arrow_white9-9.png) no-repeat 20px center;}
ul.event-yokomenu-ul.li2 li:last-child a{background: url(img/yokomenu_tatebar.png) no-repeat 0 center , url(img/arrow_white9-9.png) no-repeat 20px center , url(img/yokomenu_tatebar.png) no-repeat right center;}
ul.event-yokomenu-ul.li2 li a small{font-size:48%;opacity: 0.8;font-family:RodinPro-M;}
ul.event-yokomenu-ul.li2 li a p{top: -2px;position: relative;}
ul.event-yokomenu-ul.li2 li a:hover{background-color:#c41166;}

/*カレント表示用----------------*/
ul.event-yokomenu-ul li.current a{background-color:#c41166 !important;}




/*///////////////////////////////////////////////////////////////////////////////
 main
///////////////////////////////////////////////////////////////////////////////*/

/*ページ上部の大きな画像*/
.event-top-img{max-width:1200px;margin: 0 auto;padding: 0;line-height: 1.9;text-align:center;}

/*曜日の色*/
.sat{color:#1963c5;}
.san{color:#e41f66;}

.align-right{text-align:right;}

/*ブルー
.container1000 a				{color: #006699;}
.container1000 a:link		{color: #006699;text-decoration:underline;}
.container1000 a:visited{color: #006699;text-decoration:underline;}
.container1000 a:active	{color: #2B8AB9;text-decoration: underline;}
.container1000 a:hover	{color: #a05072;text-decoration: underline;}
*/

/*ピンク*/
.container1000 a				{color: #eb1f80;}
.container1000 a:link		{color: #eb1f80;text-decoration:underline;}
.container1000 a:visited{color: #eb1f80;text-decoration:underline;}
.container1000 a:active	{color: #D571A0;text-decoration: underline;}
.container1000 a:hover	{color: #a05072;text-decoration: underline;}






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

   ここから固有

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

/*コロナのため休園告知*/
body#event .eigiyou-wrapp-special {display:none;margin-bottom: 0;}





/* ==================== 10万本の牡丹咲チューリップとラナンキュラス展 ==================== */
/*---main---*/
body.tulip#wrapper{background-color:#000;color:#fff;}

body#event.tulip .section.top {padding:0;}

body.tulip .event-top-img{width:100%;background:linear-gradient(#fcc4d6, #fff);}

.tulip2{text-align:center;margin-top:60px;}

.tulip-com1{font-size:122%;margin-top:50px;}
.tulip-com2{font-size:122%;margin-top:15px;color:#cc0000;}

.tulip3{text-align: center;}
.tulip4{margin-top:30px;}

.tulip3 img,
.tulip4 img{max-width:100%;height: auto;width: auto;}

.tulip5 img{max-width:100%;height: auto;width: auto;}
.tulip5sp{display:none;}

/*コロナウイルス感染対策に取り組んでおります*/
dl.corona-box{margin-top:60px;}
dl.corona-box dt{float:left;width:42%;border:1px solid #ddd;padding:5px 15px 10px 15px;}
dl.corona-box dt strong{font-size:115%;}
dl.corona-box dd{float:right;width:56%;text-align: right;}
dl.corona-box dd img{max-width:100%;height:auto;}


ul.cook-box{margin-top:60px;text-align:center;}
ul.cook-box li{display:inline-block;margin: 10px 1.5%;width: 46%;}
ul.cook-box li img{max-width:100%;height:auto;}

.cookimg3{margin-top:60px;text-align:center;}
.cookimg3 img{max-width:100%;height:auto;}

/*チラシ*/
body.tulip .print-title{background:#f3306a url(img/tulip_print_bg) no-repeat right bottom;height:80px;width: 100%;padding-top: 13px;text-align: center;}
body.tulip ul.print-ul{text-align: center;}
body.tulip ul.print-ul li {width: auto;margin-top: 20px;line-height: 1.3;}
body.tulip ul.print-ul li a{text-decoration:none;}
body.tulip ul.print-ul li a:hover{opacity:0.6;text-decoration:underline;}





/* ==================== 牡丹園遊会 ==================== */
.enyu-midashi1{font-size:150%;line-height:1.9;text-align:center;margin-top: 50px;}
.enyu-img2{text-align:center;margin-top:60px;}

.event-schedule{text-align:center;margin-top:100px;}
.event-schedule-sp{display:none;text-align:center;margin-top:70px;}

.enyu-img3{text-align:center;margin-top:100px;}

.enyu-text1{text-align:center;margin-top:90px;}
	
.enyu-com1{text-align:center;margin-top:40px;font-size:150%;line-height:2;}

.enyu-img5{text-align:center;margin-top:50px;}


/*新型コロナウィルスの感染拡大防止*/
.corona-box{margin-top:90px;text-align: center;border: 3px solid #c3dbbb;border-radius: 15px;padding: 30px 3%;}
.corona-box-img{}
.corona-box-img2{margin-top:60px;}
.corona-box-text{margin-top:30px;text-align:left;font-size:108%;font-family: TsukuAOldMinPr6N-M;}

.corona-box .midashi{text-align:center;font-size:180%;line-height:1.2;font-family:RodinPro-M;margin-bottom:30px;}
.corona-img-right{float:right;margin:5px 0 15px 25px;}
.corona-img-right img{max-width:303px;height:auto;}
.corona-box .com{font-family:RodinPro-M;}
.corona-box .com strong{display:block;text-align:center;font-family:RodinPro-M;font-size:115%;margin-top:10px;}

.corona-box .naka-kuwashii{margin-top:10px;}
.corona-box .naka-kuwashii a{color:#497a33;font-size:93%;border:1px solid #497a33;}
.corona-box .naka-kuwashii a:hover{background-color:#497a33;border: 1px solid #497a33;}

/*動画*/
.movie-space {margin: 70px 0 0px 0;text-align:center;padding-bottom: 30px;font-size: 122%;}

/*年間パスポートがお得に購入*/
dl.offpeak-dl{margin: 50px auto 0 auto;max-width: 950px;}
dl.offpeak-dl dt{float: left;width: 43%;}
dl.offpeak-dl dd{padding: 20px 0 0 45%;}
.offpeak2{float: right;margin-top: -15px;margin-right: 5%;}
.offpeak-com1{color: #0e134d;font-size: 180%;line-height: 1.3;font-weight: bold;}
.offpeak-com2{color: #cd932c;line-height: 1.3;font-weight: bold;margin-top: 15px;font-size: 108%;}
.offpeak-com3{color: #cd932c;line-height: 1.3;font-weight: bold;margin-top: 5px;font-size: 170%;}
.offpeak-com4{color: #cd932c;font-size: 170%;border-bottom: 1px solid #0e134d;margin: 10px 0 15px 0;line-height: 1;padding-bottom: 13px;font-weight: bold;}
.offpeak-com5{font-size: 122%;line-height: 1.7;}
	

.event-box{margin-top:70px;}

.event-box-day{font-size:186%;line-height:1.2;margin-top:10px;font-family: TsukuCOldMinPr6-M;}
.event-box-day small{font-size: 67%;font-family: TsukuAOldMinPr6N-M;}
.event-box-day.small{font-size: 139%;}

.enyu-img4-1{margin-top:20px;}
.enyu-img4-2{background-color: #000;padding: 14px 2% 14px 2%;margin-bottom: 20px;}

.enyu-img16-1{}
.midashi1-box.img16-1{background-color: #422210;}
.event-box-com1.img16-1{color: #422210;}

.event-box-img1{margin-top:10px;}	
.event-box-img2{text-align:center;margin-top:25px;}	
.event-box-img2 img{max-width: 100%;height: auto;}
.event-box-img2.img15-3{margin-top:15px;}

.midashi1-box{background-color:#e71f7e;font-size:136%;line-height:1.3;color:#fff;padding:7px 15px;margin-top:10px;margin-bottom: 15px;letter-spacing: 0.1em;}
.midashi1-box.img15-1{background-color:#e04708;}
.midashi1-box.img15-3{background: linear-gradient(to right, #e20a54, 30%, #f9ec00);font-size:90%;}

.event-box-com1{font-size:150%;line-height:1.3;color:#f8658a;margin-top:10px;font-weight: bold;}
.event-box-com2{font-size:108%;line-height:1.6;font-family: TsukuAOldMinPr6N-M;margin-top:25px;}
.event-box-com3{font-size:129%;line-height:1.8;margin-top:10px;}

.midashi1-box.img7-1{background-color:#0f6438;border-top:5px solid #e14707;}
.enyu-img7-com1{font-size:230%;line-height:1.2;color:#df4b5f;margin:10px 0 10px 0;font-family:TsukuCOldMinPr6-M;}


/*江戸の牡丹*/
.event-box.edobotan{margin-top:120px;}
.event-box-title{border-left:5px solid #eb1f80;border-bottom:1px dotted #777;padding:5px 0 10px 15px;}

/*イエローガーデン*/
.enyu-img4-1.gold{background-color:#dfb800;max-width:600px;}
.enyu-img4-1.gold img{width:90%;height:auto;}
.midashi1-box.gold{background-color:#8d6f00;margin-top: 0;}

/*牡丹供養 牡丹散華*/
.event-box-img{margin-top:-50px;float: right;margin-left:30px;}

/*牡丹農家さんと由志園直営店による牡丹の直売市*/
.event-box-img.img11-1{margin-top:20px;}

.desert{text-align:center;margin-top:40px;}



/*牡丹の館*/
.midashi1-box-yakata{background-color:#31523e;font-size:136%;line-height:1.3;color:#fff;padding:5px 15px;margin-top:7px;}
.yakata-img2 {text-align: center;}
.plofile-box{background-color:#5b8c86;padding:13px;margin-top: 10px;}
.plofile-box dl{}
.plofile-box dl dt{float:left;width:31%;}
.plofile-box dl dd{margin:5px 0 0 33.5%;}
.plofile-box dl dd .plofile{background-color:#264d47;font-size:100%;line-height:1.0;color:#fff;padding:7px 0 7px 20px;}
.plofile-box dl dd .plofile-name{color:#d8b850;font-size:200%;line-height:1.0;margin-top:10px;}
.plofile-box dl dd .plofile-name small{font-size:64%;padding-left: 20px;}
.plofile-box dl dd .plofile-com1{color:#fff;margin-top:7px;line-height: 1.4;}
.plofile-box dl dd .plofile-com2{color:#dab850;margin-top:7px;line-height: 1.4;}

.yakata-midashi1{color:#cc9900;font-size:170%;line-height:1.2;margin-top:30px;letter-spacing: -0.05em;font-family: TsukuAOldMinPr6N-M;}
.yakata-midashi2{color:#cc9900;font-size:220%;line-height:1.2;margin:10px 0 20px 0;letter-spacing: -0.05em;font-family:TsukuAOldMinPr6N-M;}
.yakata-com1{font-size: 108%;margin-top: 15px;}
ul.yakata-ul{margin-top:20px;text-align:center;}
ul.yakata-ul li{display:inline-block;margin:0 2px 7px 2px;width:49%;}
ul.yakata-ul li img{width:100%;}

.koyomi-title{background-color:#a30a5d;text-align:center;padding:7px 0;}
.koyomi-img{margin-top:30px;}

/*大根島からフランスへ*/
.france1{background:url(img/france1.jpg) no-repeat 0 0;padding:60px 30px 20px 30px;}
.france2{}
.france-com1{font-size: 108%;margin-top: 15px;}


/*チラシ*/
.print-title{background-color:#eb1f80;text-align:center;padding:12px 0;}
ul.print-ul{margin-top:25px;text-align:center;}
/*ul.print-ul li{display:inline-block;width:400px;line-height:1.3;margin: 0 20px 20px 0;}*/
ul.print-ul li{line-height:1.3;margin-bottom:20px;}
ul.print-ul li img{margin-bottom:5px;}


/*由志園 アクセス*/
.event-access{text-align:center;font-size:230%;line-height:1.0;}





/* ==================== 幸せをよぶイエローガーデンフェスティバル ==================== */
.yellow-img2{text-align:center;}
.yellow-miadhi1{font-size:215%;color:#cc9e00;font-family:TsukuAOldMinPr6N-M;margin-top:30px;text-align:center;letter-spacing: -0.05em;}
.yellow-com1{font-size:122%;margin-top:30px;}
.yellow-com2{font-size:108%;margin-top:15px;}

.yellow-box{background:url(img/yellow_bg.gif) no-repeat center top;width:93%;margin: 0 auto;padding-bottom: 30px;}
dl.yellow-box-cont{margin-top:40px;}
dl.yellow-box-cont dt{margin-top:-20px;}
dl.yellow-box-cont dt.right{float:right;width:238px;}
dl.yellow-box-cont dd.left{padding:0 260px 0 0;}
dl.yellow-box-cont dd .dd-img{margin-bottom: 10px;}
dl.yellow-box-cont dd .dd-midashi1{font-size:200%;line-height:1.3;letter-spacing: -0.05em;font-family: TsukuAOldMinPr6N-M;}
dl.yellow-box-cont dd .dd-com1{font-size:122%;margin-top:10px;line-height:1.6;color: #000;}

dl.yellow-box-cont dt.left{float:left;width:238px;}
dl.yellow-box-cont dd.right{padding:0 0 0 260px;}

/* ハッシュタグ*/
ul.hashtag{margin-top:20px;text-align:center;}
ul.hashtag li{display:inline-table;background-color:#f0f0f0;padding:5px 7px;line-height:1;margin:0 4px;font-size:86%;color:#444;letter-spacing:0;}


/* ==================== 10万本の牡丹咲チューリップとラナンキュラス展 ==================== */
/*---main---*/
body.tulip#wrapper{background-color:#000;color:#fff;}

body.tulip .event-top-img{width:100%;background:linear-gradient(#fcc4d6, #fff);max-width: unset;}

.tulip2{text-align:center;margin-top:60px;}

.tulip-com1{font-size:122%;margin-top:50px;}
.tulip-com2{font-size:122%;margin-top:15px;color:#cc0000;}

.tulip3{text-align: center;}
.tulip4{margin-top:30px;}

.tulip3 img,
.tulip4 img{max-width:100%;height: auto;width: auto;}

.tulip5 img{max-width:100%;height: auto;width: auto;}

/*コロナウイルス感染対策に取り組んでおります*/
dl.corona-box{margin-top:60px;}
dl.corona-box dt{float:left;width:42%;padding:5px 15px 10px 0;font-size: 108%;}
dl.corona-box dt strong{font-size:115%;}
dl.corona-box dd{float:right;width:56%;text-align: right;}
dl.corona-box dd img{max-width:100%;height:auto;}


ul.cook-box{margin-top:60px;text-align:center;}
ul.cook-box li{display:inline-block;margin: 10px 1.5%;width: 46%;}
ul.cook-box li img{max-width:100%;height:auto;}

.cookimg3{margin-top:60px;text-align:center;}
.cookimg3 img{max-width:100%;height:auto;}

/*チラシ*/
body.tulip .print-title{background:#f3306a url(img/tulip_print_bg) no-repeat right bottom;height:80px;width: 100%;padding-top: 13px;text-align: center;}
body.tulip ul.print-ul{text-align: center;}
body.tulip ul.print-ul li {width: auto;margin-top: 20px;line-height: 1.3;}
body.tulip ul.print-ul li a{text-decoration:none;}
body.tulip ul.print-ul li a:hover{opacity:0.6;text-decoration:underline;}






/* ==================== フローランタン 柳楽桜子 バラ百選2024 ==================== */
body.rose .webticket{display: none;}	/*このページだけチケット購入ボタンを非表示*/
body.rose #pagetop > a {bottom: 15px;}
		
body.rose .section{color: #3f210f;}

.top-rose-img{background:url(img/rose_img.jpg) no-repeat center top;padding: 386px 15px 0 15px;text-align: center;margin: 0 auto;}
.rose-img img{max-width:100%;height:auto;}

.rose-img2{text-align:center;}


body#event .section.top.rose2023-2{padding: 0;}
body#event .section.top.rose2023-2 .container{max-width:1433px;padding:30px 3% 0 3%;}

body#event .section.rose2023-4{background: url(img/rose_bg1.jpg) no-repeat center top;padding-top:40px;}
body#event .section.rose2023-4 .container{max-width:1433px;padding:10px 3% 0 3%;}

.rose-img6{text-align:center;}

.rose2023-com1{text-align:center;font-size:130%;font-family:TsukuCOldMinPr6-M;padding: 0 4%;}
.rose2023-com1 p{margin-top:30px;}
.rose2023-com1 .midashi{max-width: 500px;margin: 40px auto 0 auto;padding: 0 15px;}
.rose2023-com1 .midashi img{max-width:100%;height:auto;}

dl.sakurako-box{border-bottom:4px solid #402312;max-width: 1320px;padding: 0 10px;margin-top:30px;}
dl.sakurako-box dt{float:left;width:36%;}
.sakurako-img{background:url(img/rose_sakurako.png) no-repeat right top;width:100%;height:0;position: relative;margin: -30px 0 0 -26px;padding-top: 100%;background-size: cover;}
.sakurako-img-cap{text-align: center;letter-spacing: 0;margin: 15px 0 0 -44px;position: relative;}
dl.sakurako-box dd{padding:35px 0 45px 36.5%;}
.sakurako-midashi{font-size:200%;font-family:TsukuCOldMinPr6-B;line-height: 1.2;}
.sakurako-midashi-cap{font-weight:bold;font-size: 125%;line-height: 1.3;margin-top: 10px;}
.sakurako-midashi-cap span{padding-left:1em;font-weight:bold;}
.sakurako-com{margin-top:20px;line-height:1.8;font-size: 120%;}
.sakurako-com p:nth-child(2){margin:15px 0;}


body#event .section.top.rose2023-3{background:url(img/rose_bg2.jpg) no-repeat center top;}
body#event .section.top.rose2023-3 .container{max-width:1433px;width: 100%;padding:30px 25px 0 25px;border-top: 4px solid #402312;}

dl.special-event{}
dl.special-event img{max-width:100%;height:auto;}
dl.special-event dt{float:left;margin-left: 37px;width:54%;}
dl.special-event dd{float:right;text-align: center;}
dl.special-event dd p{margin: 10px 0 0 0;line-height: 1.5;}
		

dl.rose-event-box{max-width:1240px;padding:0 10px;margin: 110px auto 0 auto;}
dl.rose-event-box img{max-width:100%;height:auto;}
dl.rose-event-box dt{float:left;width:20%;}
dl.rose-event-box dt.toku {margin-top: -30px;}
dl.rose-event-box dd{padding:0 0 0 22%;}
dl.rose-event-box dd .midashi{font-size:238%;font-family:TsukuCOldMinPr6-B;line-height: 1.3;}
dl.rose-event-box dd .midashi-cap{font-size:118%;line-height: 1.6;margin-top:15px;}
dl.rose-event-box dd .midashi span{font-size: 40%;color: #fb321d;font-weight: bold;display: inline-block;position: relative;padding: 5px 10px;border: 1px solid #fb321d;border-radius: 10px;margin:12px 0 0 10px;top: -9px;line-height: 1.2;text-align: center;}
dl.rose-event-box dd .midashi span.two{top: -1px;}
dl.rose-event-box dd .img1{margin: 25px 0 15px 0;}
dl.rose-event-box dd .img2{float:left;margin-right:5%;}
dl.rose-event-box dd .img3{float:left;}

dl.rose-event-box.naming{max-width: 52%;padding: 0;margin: -292px 0 0 6.5%;}
dl.rose-event-box.naming dt{width: 33%;}
dl.rose-event-box.naming dd{padding: 0 0 0 35%;}
dl.rose-event-box.naming dd .midashi-cap{margin-top: 16px;}

dl.rose-event-box.naming2{padding: 0 0 0 4%;margin: -27px auto 0 auto;}
dl.rose-event-box.naming2.toku{padding: 0 0 0 4%;margin:30px auto 0 auto;}
dl.rose-event-box.naming2 .img1{margin: 9px 0 15px 0;}
dl.rose-event-box.naming2 .img2{float:left;margin-right:3%;}
dl.rose-event-box.naming2 .img3{float:left;}

.rose-moushikomi-box{text-align: center;margin-top: 50px;}
.rose-moushikomi-box .midashi{margin-bottom: 30px;}
.rose-moushikomi-box .moushikomi{}
.rose-moushikomi-box .moushikomi img{padding: 0 10px;}

dl.topics-event{max-width: 1240px;margin: 80px auto 0 auto;position:relative;}
dl.topics-event dt{position:absolute;max-width:172px;text-align:center;width: 100%;top: 35px;}
dl.topics-event dt img{max-width:100%;height:auto;}
dl.topics-event dd{float:right;width:93%;border: 5px solid #2977c1;border-radius:15px;padding:24px 31px 20px 8%;}
dl.topics-event dd .yokohama-rogo-pc{}
dl.topics-event dd .yokohama-rogo-sp{display:none;}
dl.topics-event dd .com{float:left;width: calc(100% - 160px);margin-top: 15px;line-height: 1.5;font-size: 105%;}
dl.topics-event dd .com big{}
dl.topics-event dd .qr{float: right;margin-top: -45px;}


.section.selection{}
.section.selection .container{border-top: 20px solid #3f210f;padding-top: 80px;}
.selection-box{}
.selection-img{text-align:center;}
.selection-img img{max-width:100%;height:auto;}
.selection-img-copy{max-width:880px;margin:15px auto -10px auto;width:100%;text-align:right;font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}




/* ==================== 牡丹×芍薬 ハイブリッド牡丹園　フェスティバルピヴォワンヌ ==================== */
.event-top-img.festi{width:100%;}

.festi-com1{font-size:129%;margin-top:50px;letter-spacing: 0;}
.koyomi-title.shaku{background-color:#e51872;}