@charset "Shift_JIS";
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,300;1,400&display=swap');

.mt10{margin: 10px 0 0 0 !important; padding: 0 !important;}
.mb10{margin: 0 0 10px 0 !important; padding: 0 !important;}
.mt20{margin: 20px 0 0 0 !important; padding: 0 !important;}
.mb20{margin: 0 0 20px 0 !important; padding: 0 !important;}
.mt30{margin: 30px 0 0 0 !important; padding: 0 !important;}

.ml10{margin: 0 0 0 10px !important; padding: 0 !important;}
.mr10{margin: 0 10px 0 0 !important; padding: 0 !important;}
.ml20{margin: 0 0 0 20px !important; padding: 0 !important;}
.mr20{margin: 0 20px 0 0 !important; padding: 0 !important;}

.pt10{padding: 10px 0 0 0 !important;}
.pb10{padding: 0 0 10px 0 !important;}
.pml10{padding: 0 0 0 10px !important;}
.pmr10{padding: 0 10px 0 0 !important;}


body {max-width: 680px;}

/*  h2  */
h2.ohigan_ttl {font-family: 'Noto Serif JP', serif;background: #6B775C;text-align: center;padding: 7px 0;margin: 8% 0 4%; color: #fff;font-weight: bold;font-size: min(4.4vw, 18px);}

/*  ranking  */
.area_ranking{padding:0 0 20px;}
.area_ranking ul{display:flex; justify-content: space-between; overflow-x: auto; width:97%; margin: 0 auto; padding-bottom: 15px;}
#areaRanking.area_ranking .ranking_list dl dt div.name_ div.name1_ a{font-size: 13px;margin: 0.5em 0 0.25em;display: block;}
.area_ranking .ranking_list dl dd div.price{font-size:13px;}
.area_ranking .ranking_list:not(:last-child) {margin-right:3%;}
.area_ranking .ranking_list ._product {width:150px;}
.area_ranking .ranking_list ._product img{width:100%; height:auto;}


/* ???? ??  */
section.genre .gen_nav {width: 100%;border-bottom: solid 4px #ff6d00;height: 44px;margin: 0;}
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:3px;background: #ff6d00;border: 3px solid #ff6d00;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:3px;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: 11px;line-height: 1.2;    font-family: "?????? ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "?? ?????", "MS PGothic", sans-serif;}
section.genre .gen_nav ul li.gen_nav01 p{color:#fff;font-weight: bold;}

/* -----------------------------------------------------------
????????
----------------------------------------------------------- */
section#selectNavi.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;padding-bottom: 8px;}
section#selectNavi.search p.txt{display: inline-block; color: #e73078; width: 100px; float: left; font-weight: bold; text-align: left; margin-left: 15px;}
section#selectNavi.search p{display: inline-block;}
section#selectNavi.select{max-width:100%;}
section#selectNavi.search p{display: inline-block;}
section#selectNavi select {-webkit-tap-highlight-color: rgba(0, 76, 126, 0.25);color: #111;font-family: sans-serif;font-size: 100%;line-height: 1.313;}
section#selectNavi.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;padding-bottom: 8px;}
section#selectNavi.search p._txt {display: inline-block;color: #e73078;width: 100px;font-weight: bold;width: 50%;text-align: center;padding: 4px 0;}
section#selectNavi.search p {display: inline-block;}
section#selectNavi select {max-width: 100%;}
section#selectNavi.search p {display: inline-block;}

/* --------------------------------
表紙
-------------------------------- */
article#cover_h h1 img {
width: 100%;
height: auto;
}
article#header { position: relative;}
article#header p.txt { width: 53%; position: absolute; bottom: 10px; right: 0; font-size: 12px; line-height: 1.2; color: #1d170e;}

#kikan {width: 100%;margin: 0;background: #eaf2f3;padding-top: 10px;padding-bottom: 5px;}
#kikan h3 { text-align: center; color: #3c9194;  border-bottom: 1px #3c9194 solid; font-size: 16px; font-weight: bold; padding-bottom: 3px; display: block; margin: 0 auto 3px;}
#kikan dl { margin: 0 auto; width: 75%; text-align: center;}
#kikan dl dt {font-size: 14px; padding-right: 20px; display: inline-block;}
#kikan dl dd { font-size: 14px; padding: 0 5px; line-height: 1.3; display: inline-block;}

p.off {margin: 10px 10px 20px!important;display: block;}
.lead{padding:4%;}
.lead h1{font-family: 'Noto Serif JP', serif;font-size: min(4.8vw, 20px);font-weight: bold;margin-bottom: 2px;text-align: center;color:#000;}
.lead p.txt{font-size: min(3.2vw,13px);}
._txt{color: #000;line-height: 1.6;margin: 1em 0 0;font-size: min(3.8vw, 16px);}
dl.ohigan_kikan {background: #F7F5F0;padding:4%;margin: 0 3% 20px;text-align: center;font-size: 14px;font-family: 'Noto Serif JP', serif;}
dl.ohigan_kikan dd {text-align: left;font-size: min(4.6vw, 18px);}
dt.kikan_ttl {font-weight: bold;border-bottom: 1px solid #fff;margin-bottom: 2%;padding-bottom: 4%;font-size: min(4.8vw, 20px);}
dt.kikan_txt{font-size: min(4.2vw, 16px);}

/* --------------------------------
スタイル
-------------------------------- */
.style_obon {display:flex;padding: 0 3% 5px;}
.style_obon a:last-child {margin-right:0;}
.style_obon a {margin-right:3%;position:relative;width:49%;}
.style_txt {font-family: 'Noto Serif JP', serif;position:absolute;text-align:center;top:0;left:50%;transform:translateX(-50%);color:#fff;font-size: min(4.4vw, 18px);font-weight:bold;width:100%;padding:4px 0;background: rgba(67, 72, 50, 0.8);z-index:2;}
.style_all_box {display:flex;}
.style_all span {font-size:22px;font-weight:bold;}
.style_obon a:hover {text-decoration:none;}
.style_all {font-family: 'Noto Serif JP', serif;text-align: center;font-size: 14px;    background: rgba(67, 72, 50, 0.8);border: 3px #6B775C solid;border-radius: 10px;color:#fff;padding-top: 32%;line-height: 1.5;font-weight: bold;width: 100%;}
p.style_pic img {width: 100%;height: auto;}
/* --------------------------------
特集から選ぶ
-------------------------------- */
article#cont li { float: left; width: 47%; margin: 1.5%; position: relative;}
article#cont li p{ text-align: left;width: 90%; position: absolute; bottom: 1px; left: 1px; background: rgba(255,255,255,0.8); padding: 3px 8px; line-height: 1; font-size: 10pt; }
.other_bnr { margin: 5px; }
.other_bnr ul li{ float: left; width: 45vw; }

/* --------------------------------
価格帯から選ぶ
-------------------------------- */
/* 価格 */
#kakaku .content_price ul {padding-top: 5px;width: 94%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
#kakaku .content_price ul li {background: url(//img.e87.com/s/selection/obon/2022images/index/arrow_o2022.gif) no-repeat;background-size: 6%;background-position: 12px center;width: 48%;text-align: center;border: 1px solid;border-radius: 8px;margin-bottom: 12px;font-size: 16px;}
#kakaku .content_price ul li:nth-last-of-type(1),#kakaku .content_price ul li:nth-last-of-type(2) {margin-bottom: 0;}

/* ▼ここを変更・追記 */
#kakaku .content_price ul li a {display: flex;flex-direction: column;   /* 縦並びにすることで<br>があっても綺麗に中央配置されます */justify-content: center;  /* 縦方向の中央揃え */align-items: center;      /* 横方向の中央揃え */width: 100%;box-sizing: border-box;padding: 8px 0;line-height: 1.4;}
h2.h2_txt {padding: 3px 0 2px;color: #666666;font-weight: bold;text-align: center;font-size: 16px;box-shadow: none;font-family: 'Noto Serif JP', serif;border-top: 1px solid #666666;border-bottom: 1px solid #666666;margin-bottom: 3%;}
article#pickup {margin-top: 40px;}
section.goods div {display: flex;padding: 0 2%;}
section.goods div ul {width: 47%;padding: 0px 1.5% 16px;}
section.goods div:last-child ul {padding-bottom:0;}
section.goods div ul li {padding: 3px;position: relative;line-height: 1.3;}
section.goods div ul li img {width: 100%;height: auto;}
section.goods div ul li.kyushu {position: absolute;right: 10px;background: #F55050;padding: 3px 5px;font-weight: bold;color: #fff;font-size: 88%;}
section.goods div ul li a:link {color: #311805;font-weight: bold;text-decoration: none;}
section.goods div ul li a {color:#333;}
section.goods div ul li a ._p_lead {font-size:12px;margin:4px 0;}
section.goods div ul li:last-child {padding: 0 5px !important;font-size: 100%;}
section.goods div ul li.slider_lazy img {width: auto;height: 60px;margin: 0 auto;}
section.goods div ul li span.senko {background: #3a68c6;position: absolute;bottom: 3px;left: 3px;color: #fff;padding: 2px 3px 1px;font-size: 11px;}
.etc_bnr {text-align: center;}
.etc_bnr p {margin: 15px 8%;}
.etc_bnr p:last-child {margin-bottom: 0;}

/* --------------------------------
グローバルナビ
-------------------------------- */
nav#global_nav { margin-top:20px; }
.clearfix{ overflow: hidden;}

/*bnr_area
-----------------------------*/

.bnr_area div { padding: 5px 10px;}
article.bnr_area { margin-bottom: 30px;}
article.bnr_area section {  padding: 10px 0;}

ul.bnr_img { margin: 10px 1% 10px;}
ul.bnr_img li {margin: 0 auto 10px;width: 88%;}
ul.bnr_img li img:hover {opacity: 0.8;}
ul.bnr_img a img { width: 100%; height: auto;}
section#spring_contents {margin-bottom: 30px;}
ul.contents_btn.btn_1 {margin-bottom: 20px;}

/* FAQ
-----------------------------*/
#recommended .agedfaq_ttl p.agedfaq_ttl_eng {background:#f0e4a1;}
h2.agedfaq_ttl_blue {text-align: center;color: #c03e6d;font-family: 'M PLUS Rounded 1c','メイリオ', 'Meiryo', sans-serif;transform: rotate(0.03deg);font-weight: 700;font-size: 18px;padding: 40px 0 2px;}
.agedfaq_ttl p.agedfaq_ttl_eng {font-family: 'Maven Pro', sans-serif;text-align: center;font-size: 46px;padding: 5px 0;color: #fff;line-height: 40px;background: #c03e6d;}
section.accordion#faq ul li div.content { padding: 5px 10px 10px;}
article#flowergift ul li.feature{}
article#flowergift ul li.feature div.content{padding:7px 0 15px;}
article#flowergift ul li.feature div.content ul{margin:9px auto 0 auto;width:316px;}
article#flowergift ul li.feature div.content ul li{border:none;padding:0 0 0 8px;width:146px;float:left;}
article#flowergift ul li.feature div.content ul li img{display:block;}
article#flowergift ul li.feature div.content ul.txtbnr{}
article#flowergift ul li.feature div.content ul.txtbnr li{vertical-align:middle;}
article#flowergift ul li.feature div.content ul.txtbnr li p{border:#ff97c0 1px solid;color:#e73078;font-weight:bold;background:#fff;}


/* TOP???
------------------------------ */
#to-top {position: fixed;bottom: 50px;right: 24px;width: 55px;text-decoration: none;display: block;text-align: center;opacity: 0;transition: 0.2s;color: #fff;line-height: 48px;font-size: 16px;z-index: 10;}
#to-top.fade {opacity: 1;transition:0.2s;}
.wrap-top{position:relative;text-align: center;font-weight: bold;padding-top: 4px;height: 50px;z-index:0;}
.wrap-top::before {content: '';width: 14px;height: 14px;display: block;border-top: solid 4px #333;border-right: solid 4px #333;transform: rotate(-45deg) translate(-50%,-50%);position: absolute;top: 37%;left: 54%;/* right: 0; */margin: auto;z-index: 1;}

/* 価格 */
#kakaku .content_price ul{padding-top:5px;width:94%;margin:0 auto;display:flex;flex-wrap: wrap;justify-content: space-between;}
#kakaku .content_price ul li{background: url(//img.e87.com/s/selection/obon/2022images/index/arrow_o2022.gif)no-repeat;background-size: 6%;background-position: 12px center;width: 48%;text-align: center;border: 1px solid;border-radius: 8px;margin-bottom: 12px;font-size: 16px;}
#kakaku .content_price ul li:last-of-type{margin-bottom:0;}
#kakaku .content_price ul li a{display:block;}

._catch{margin:2% 0;color:#520063;}
.heading_lead{padding:0 4% 4%;font-size: min(3.8vw, 16px);line-height: 1.6;}
article section.accordion#faq{margin: 15px 4px 20px 4px;}
article section.accordion#faq ul li div.btn, article section.accordion#faq ul li div.btn.open{background: #534f4f !important;border: 1px solid #fff;}