@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: #3F4052;
text-align: center;
padding: 7px 0;
margin: 20px 0;
color: #fff;
font-weight: bold;
font-size: min(4.3vw, 17px);
}

/*  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:11px;}
.area_ranking .ranking_list dl dd div.price{font-size:11px;}
.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 #3F4052;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: #3F4052;border: 3px solid #3F4052;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:6% 4%;
}

.lead h1{
    font-family: 'Noto Serif JP', serif;
    font-size: min(5vw,17px);
    font-weight: bold;
    margin-bottom: 8px;
    text-align: center;
}
.lead p.txt{
    font-size: min(3.2vw,13px);
}

dl.ohigan_kikan {
    background: #fdd3e8;
    padding:3%;
    margin: 0 3% 20px;
    text-align: center;
    font-size: 14px;
    font-family: 'Noto Serif JP', serif;
}
dl.ohigan_kikan dd {
    text-align: left;
    padding-left: 16%;
}

dt.kikan_ttl {
    font-weight: bold;
    border-bottom: 1px solid #fff;
    margin-bottom: 2%;
    padding-bottom: 1%;
}

/* --------------------------------
	スタイル
-------------------------------- */
.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:14px;font-weight:bold;width:100%;padding:4px 0 2px;background: rgb(72 93 115 / 70%);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: #d8d8d8;border: 3px #3F4052 solid;border-radius: 10px;color:#3F4052;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;
}

/* --------------------------------
	おすすめ商品PICK UP
-------------------------------- */
h2.h2_txt {padding: 3px 0 2px;
    /* background: #3F4052; */
    color: #3F4052;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    box-shadow: none;
    font-family: 'Noto Serif JP', serif;
    border-top: 1px solid #3F4052;
    border-bottom: 1px solid #3F4052;
    margin-bottom: 3%;}
article#pickup {margin-top: 40px;}
div#etc {padding: 0 2%;}
.etc_box {width: 45%;margin: 2.5%;float: left;margin-bottom: 15px;}
.etc_box p img {width: 100%;height: auto;}
.etc_box dl dd {color: #333333;font-size: 11px;}
.etc_box dl dt,.etc_box dl dd { line-height: 1.2;}
.etc_box:nth-child(odd) {clear: both;}
.etc_box .comment {color: #606060;border-bottom: 1px dotted #ACABAB;margin: 3px 0 3px;white-space: break-spaces;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 16px;font-size: 11px;}
.etc_box dl dt { margin-top: 2px;}
.etc_box dl dt a { font-weight: 600;
    color: #3F4052;
    font-family: 'Noto Serif JP', serif;
    font-size: 14px;
    position: relative;
    white-space: break-spaces;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.etc_box dl dd.price {padding: 4px 0 2px;color: #333333;border-bottom: 1px dotted #ACABAB;margin-top: 2px;}
section#etc a {text-decoration: none!important;}

/* --------------------------------
	グローバルナビ
-------------------------------- */

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;}


/* -----------------------------------------------------------
 to-top
----------------------------------------------------------- */

#to-top {
    position: fixed;
    bottom: 11%;
    right: 3%;
    width: 50px;
    text-decoration: none;
    background-color: #a40000;
    display: block;
    text-align: center;
    opacity: 0;
    transition: 0.2s;
    color: #fff;
    line-height: 42px;
    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;
  }

  .wrap-top::before {
        content:  '';
        width: 6px;
        height: 6px;
        display:  block;
        border-top: solid 2px;
        border-right: solid 2px;
        transform: rotate(-45deg);
        position:  absolute;
        top: 8px;
        left:  0;
        right:  0;
        margin:  auto;
}



