@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: #23274d;
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 #23274d;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: #23274d;border: 3px solid #23274d;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#selectNewyear.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#selectNewyear.search p.txt{display: inline-block; color: #e73078; width: 100px; float: left; font-weight: bold; text-align: left; margin-left: 15px;}
section#selectNewyear.search p{display: inline-block;}
section#selectNewyear.select{max-width:100%;}
section#selectNewyear.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: #efdeff;
    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(35, 39, 77, .7);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(35, 39, 77, .7);border: 3px #23274d 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; }

/* --------------------------------
	価格帯から選ぶ
-------------------------------- */
article#kakaku { position:relative; width:98%; margin:10px auto; }
article#kakaku ul li div.btn .btn_bg{ color:#000; box-shadow:none; }
article#kakaku ul li div.btn.open h2{color:#000 !important; }
article#kakaku div.content ul li{ padding: 10px 0 !important; border-bottom: #b0b0b0 1px solid !important; }
article#kakaku div.content ul li a { display: block;}
article#kakaku section.accordion ul li div.btn,
article#kakaku section.accordion ul li div.btn.open{ background: #e0e0e0 !important; border: #ccc 1px solid; }
article#kakaku div.content ul li:last-child { border-bottom: none!important;}
article#kakaku div.content ul li img { width: 3%; padding: 7px 20px 7px 0;}
section.accordion ul li:last-child div.content { border-bottom: #b0b0b0 1px solid; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0;}
section.accordion ul li div.content {
    padding-bottom: 0;
}

h2.h2_txt {padding: 3px 0 2px;
    /* background: #23274d; */
    color: #23274d;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    box-shadow: none;
    font-family: 'Noto Serif JP', serif;
    border-top: 1px solid #23274d;
    border-bottom: 1px solid #23274d;
    margin-bottom: 3%;}
article#pickup {margin-top: 40px;}
/* おすすめ商品PICK UP */

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;
    padding: 8px 0;
    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;}