/* -----------------------------------------------------------
ヘッダーナビ header navi
----------------------------------------------------------- */
/*  breadcrumb  */
.navitopicpath_{font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.disney_copyright{font-size: 12px;padding: 8px;}
section.genre .gen_nav {border-bottom: solid 4px #DF5B5B;height: 44px;margin: 0;width:100%;}
section.genre .gen_nav ul {list-style: none;overflow: hidden;text-align: center;height: 44px;word-break: break-all;display: flex;}
section.genre .gen_nav ul li.gen_nav01 {width: 17%;height: 40px;padding:2px;background: #DF5B5B;border: 3px solid #DF5B5B;margin-right: 2px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;box-shadow: 2px 2px rgba(0,0,0,0.1);}
section.genre .gen_nav ul li.gen_nav00 {width: 17%;height: 40px;padding:2px;border: solid 1px #CCC;margin-top: 1px;margin-right: 2px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;box-shadow: 2px 2px rgba(0,0,0,0.1);}
section.genre .gen_nav ul li.gen_nav01 p, .gen_nav ul li.gen_nav00 p {padding-top: 0 !important;display: block;font-size: 10px;line-height: 1.2;}
section.genre li.gen_nav01 p {color: #fff;}
.xmas_h2_outer:before,.xmas_h2_outer:after {content: unset;}
section#selectXmas.search{margin: 10px; background: #ececec; border-radius: 2px; text-align: center; padding: 3px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; box-align: center; -webkit-flex-align: center; flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; box-pack: center; -webkit-flex-pack: center; flex-pack: center; -webkit-justify-content: center; justify-content: center;}
section#selectXmas.search p.txt{display: inline-block; color: #e73078; width: 100px; float: left; font-weight: bold; text-align: left; margin-left: 15px;}
section#selectXmas.search p{display: inline-block;}
section#selectXmas select{max-width:100%;}
section#selectXmas.search p{display: inline-block;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 1; overflow: hidden;}
h2.xmasfaq_ttl{color:#DF5B5B;font-family: "?????? ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "?? ?????", "MS PGothic", sans-serif;}
.xmas_ttl_eng{background: #DF5B5B;}

/* -----------------------------
ローカルナビ local navi
-----------------------------------*/
.navi_winter_txt{font-size: min(3.5vw, 16px);}

/* -----------------------------
イメージ画像 annotation image
-----------------------------------*/
.sub_mainttl .area_lead_image p:first-child {position: relative;}
.sub_mainttl .area_lead_anno {position: absolute;bottom: 0;right: 4px;font-size: min(2.8vw, 13px);color: #fff;}

/* --------------------------------
氷の薔薇 recommend
-------------------------------- */
.area_recommend{margin: 8% 0 16%;}

/* -----------------------------------------------------------
 クリスマスローズ物語 poin_about
----------------------------------------------------------- */
#Point{margin-top:16%;}
.poin_about {box-sizing: border-box;font-family: kozuka-gothic-pr6n, sans-serif;background: url(//img.e87.com/selection/helleborus/2023images/about_bg.png) no-repeat top right;margin: 4% 0 0;border: 1px solid #e1d5c7;background-size: cover;position: relative;}
.poin_about dt {font-family: 'Noto Serif JP', serif;font-size: 18px;font-weight: 600;color: #c33332;margin-bottom: 3%;padding: 3% 0 0;line-height: 1.4;}
.poin_about dd {font-size: 14px;color: #633f33;line-height: 1.5;}
.poin_about dd p{padding: 0.25em 0;   line-height: 1.8;font-size: 13px;}
.flower_language {font-family: 'Noto Serif JP', serif;background: #ffa6a5;color: #fff;font-size: 15px;padding: 2px 2px 3px 8px;display: block;font-weight: 600;margin: 0.5em 0;}
.poin_about dl {margin: 4%;padding: 3%;background: rgba(255,255,255,0.9);border: 1px solid #eee;}
.poin_about dd.txt_green {color: #de1c41;padding-left: 1em;font-size: 13px;}
.poin_about dd.txt_green:before {content: "\f06a";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 16px;margin-left: -19px;padding-right: 4px;}

/* --------------------------------
クリスマスローズの植え方 guide
-------------------------------- */
.Guide{margin-top:12%;}
#guide{ position:relative; margin-top:-30px; padding-top:30px;padding-left: 3%;padding-right: 3%;}
#guide p, #guide img, #guide h2, #guide h3, #guide h4{ margin:0; padding:0; text-indent:0px; font-size:100%; width: unset;}
.guidecontents{ margin:0 0 30px 5px; }
#guide .block01{  }
#guide .block02{  }
#guide .box{display: flex;justify-content: space-between;padding-bottom:13px; align-items: center;}
.contents .guidance div.story span{ font-size: 13px; font-weight: bold; color: #991414; }
.contents .guidance div.story p{ float:left; background-color: #EFF6FF; border: #ccc 1px solid; padding: 10px; margin: 10px; border-radius: 3px; line-height:1.5; }
#guide h2.h2_ttl {color: #401f1f;font-size: 16px;background: content-box;padding: 5px 0 8px;margin-bottom: 10px;height: 20px;border-bottom: 3px #dad08c solid;text-align: center;}
#guide h3{clear: both;margin: 1em 0 2em;text-align: center; }
#guide h4{ text-align:right; }
#guide .textarea01 img, #guide .textarea img{ float:left; margin:2px 8px 7px 0;width: unset;}
#guide .textarea01, #guide .textarea{ font-size: 13px; line-height:1.5;width: 49%;}
#guide .photo{width: 49%;}
#guide .photo img{width: 100%;}
#guide .stepcontents{ padding:13px; background:#e6eac7; }
#guide .stepcontents img{ margin:4px 9px; }

.area_img_txt{top:50%;}

#rose .area_img_txt {position: absolute;top: 50%;left: 0;transform: translateY(-50%);bottom: 0;top: unset;left: 50%;transform: translate(-50%, 0);width: 100%;font-size: min(4vw, 17px);}

.area_poinsettia{padding: 4% 4% 0;margin: 8% 0 0;}
.area_poinsettia h4{color: #D01C1C;margin-bottom: 2%;}

.navi_local_txt{    font-size: min(3.2vw, 16px);}
.navi_local_box {margin: 0 2px;border-radius: 8px;padding: 0 1%;width: 44%;
}