/* -----------------------------------------------------------
???????????? mainvisual text
----------------------------------------------------------- */
.mv_submit{display: inline-block;position: absolute;bottom: 8px;right: 8px;box-sizing: border-box;}
.mv_submit a{background: #633F33;padding: 7px 24px 5px;display:block;font-size:16px;font-family: 'Noto Serif JP', serif;position:relative;transition:0.2s;}
.mv_submit a:link{color: #fff;border-radius: 4px;border: 1px solid #fff;}
.mv_submit a::after {content: "";position: absolute;margin: auto;top: 30%;right: 0.75em;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(135deg) translateY(-50%);}
.mv_submit a:hover{text-decoration: none;opacity:0.8;}

/*---------------------------------
育て方ガイドエリア
-----------------------------------*/
/* .clr class フロートの解除*/
.clr:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }
* html .clr { display: inline-block; }
/* no ie mac \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* */

/*---------------------------------
イメージ画像　image text
-----------------------------------*/
.sub_mainttl .area_lead_anno{top:unset;bottom:4px;}

/*---------------------------------
背景画像テキスト ニゲル　  text niger
-----------------------------------*/
.area_img_txt{right:unset;left:3em;color:#fff;}

/*---------------------------------
背景画像テキスト 氷の薔薇　  text Ice
-----------------------------------*/
#Ice .area_img_txt{color: #460137;right: unset;top: unset;left: 50%;transform: translateX(-50%);bottom: 3%;}

/*---------------------------------
背景画像テキスト ウィンターベル　  text Bell
-----------------------------------*/
#Bell .area_img_txt{color: #1E405D;}

/*---------------------------------
氷の薔薇その他　  other Ice
-----------------------------------*/
.wrap_recommend {justify-content: center;}

/*----------レイアウト----------*/
.contents .guidance { width: 960px; }
.contents ul.qa li{ float:left; width:255px; background-color: #ecf5ff; border: #ccc 1px solid; padding: 15px 20px; margin: 10px; border-radius: 3px; }
.contents ul.qa li p{ line-height:1.5; font-size: 13px;}
.contents ul.qa li p img { padding-bottom: 5px;}
.contents .guide { background:url(//img.e87.com/selection/helleborus/images/guide.gif) no-repeat #FFFFFF; width: 190px; height: 25px; display:block; float:right; margin-bottom:5px; font-size:11px; }
.contents .guide a{ text-align:center; font-size:12px; font-weight:bold; color:#666666; text-decoration:none; cursor:pointer; display:block; padding-top:5px; }
.contents .sText { font-size:80%; line-height:1.3; }
.contents .uhyo1 { padding: 39px 15px 0 15px; font-size: 11px; line-height:13px; letter-spacing: 1px; width:183px; color: #666666; background:url(//img.e87.com/selection/helleborus/images/q_01.gif) no-repeat left top; vertical-align: top; }
.contents .uhyo2 { padding: 39px 15px 0 15px; font-size: 11px; line-height:13px; letter-spacing: 1px; width:183px; color: #666666; background:url(//img.e87.com/selection/helleborus/images/q_02.gif) no-repeat left top; vertical-align: top; }
.contents .uhyo3 { padding: 39px 15px 0 15px; font-size: 11px; line-height:13px; letter-spacing: 1px; width:183px; color: #666666; background:url(//img.e87.com/selection/helleborus/images/q_03.gif) no-repeat left top; vertical-align: top; }
#guide{ position:relative; width:950px;}
#guide p, #guide img, #guide h2, #guide h3, #guide h4{ margin:0; padding:0; text-indent:0px; font-size:100%; }
/*本文エリア*/
.guidecontents{ margin:0 0 30px 5px; }
/*左ブロック*/
#guide .block01{ float:left; width:440px; }
/*右ブロック*/
#guide .block02{ float:right; width:440px; }
/*説明文ブロック*/
#guide .box{ padding-bottom:13px; }
.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: 12px 0 12px 15px;margin-bottom: 10px;height: 20px;border-bottom: 3px #dad08c solid;    font-weight: bold;text-align: center;border-top: 3px #dad08c solid;}
#guide h3{clear: both;margin: 8px 0 16px 2px;font-size: 16px;background: #eee;display: inline-block;padding: 8px;width: 250px;border-radius: 25px;text-align: center;background:#b49b7f;color:#fff;font-weight: bold;}
#guide h4{ text-align:right; }
/*--------------本文エリア--------------*/
/*番号*/
#guide .textarea01 img, #guide .textarea img{ float:left; margin:2px 8px 7px 0; }
/*本文*/
#guide .textarea01, #guide .textarea{ font-size: 14px; line-height:1.5; }
/*--------------左ブロック--------------*/
#guide .block01 .textarea01, #guide .block01 .textarea{ width:260px; float:left;text-align: left; }
#guide .block01 .textarea{ margin-top:20px; }
#guide .block01 .photo{ width:170px; float:right; }
/*--------------右ブロック--------------*/
#guide .block02 .photo{ margin-top:18px; }
/*栽培ステップ*/
#guide .stepcontents{ padding:13px; background:#e6eac7;font-size:14px;}
#guide .stepcontents img{ margin:4px 9px; }

/* -----------------------------------------------------------
 クリスマスローズ物語 poin_about
----------------------------------------------------------- */
#Point{margin-top:16%;}
.poin_about {box-sizing: border-box;width: 960px;background: url(//img.e87.com/selection/helleborus/2023images/about_bg.png) no-repeat top right;margin: 64px auto 48px;border: 1px solid #e1d5c7;position: relative;}
.poin_about dt {font-family: 'Noto Serif JP', serif;font-size: 26px;font-weight: 600;color: #c33332;margin-bottom: 8px;padding-left: 16px;width: 60%;line-height: 1;}
.poin_about dd {font-size: 14px;color: #633f33;line-height: 1.5;width: 55%;}
.poin_about dd.wrap_question {width: 100%;}
.poin_about dd.wrap_question:last-child p{padding-bottom:0;}
.poin_about dd p{padding: 1em 0 2em;line-height: 1.8;font-size: 15px;text-align: left;margin: 0;}
.flower_language {font-family: 'Noto Serif JP', serif;background: #ffa6a5;color: #fff;font-size: 18px;padding: 2px 2px 3px 8px;display: block;font-weight: 600;display:inline-block;}
.poin_about dl {padding: 32px 20px;}
.poin_about dd.txt_green {color: #de1c41;padding-left: 1em;font-size: 14px;}
.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;}

/* -----------------------------------------------------------
 ?????????? mv annotation
----------------------------------------------------------- */
.mv_anno{position: absolute;top: 4px;left: 4px;background: rgba(0, 0, 0, 0.4);color: #fff;padding: 4px;}

.common_bnr{width:750px;margin:0 auto;}

.area_img_txt {right: unset;left: 2em;color: #fff;top: 50%;text-shadow: unset;}
#bell .area_img_txt {left: 2.5em;color: #346699;}
#rose .area_img_txt {color: #000;left: 50%;transform: translateX(-50%);width:100%;top:83%;}

.area_point_icon span.point {background: #F5C5C5;}

.area_poinsettia{width:750px;margin:0 auto;}
.area_poinsettia img{width:100%;height:auto;} 
.area_poinsettia h4{font-size: 18px;text-align: center;margin: 64px 0 8px;font-weight: bold;color: #D01C1C;}

._xmastop .cta_link{background:#fe3845;border: 1px solid #fe3845;margin-top:1em;}
._xmastop .cta_link:hover{color: #fe3845!important;background: #fff;}

.navi_local_txt{margin:8px;}