.contents img{ vertical-align: top; }

.contents h2 span{ font-weight:bold; color:#7c7b7b; }
.contents { color: #333333;}
.contents a img{transition: all 0.5s;}
.contents a img:hover { opacity: 0.6;}
h2.h2_ttl {font-family: 'Shippori Mincho', serif;color: #395E8A;border-top: 1px solid #395E8A;border-bottom: 1px solid #395E8A;text-align: center;padding: 12px 0;font-size: 21px;font-weight: bold;margin: 5px 0 20px;}

/* 
header_father
------------------------------ */
#header_obon .area_txt {margin:16px;}
#header_obon .txt {text-align: center;font-family: 'Shippori Mincho', serif;font-weight: 600;font-size: 16px;line-height: 1.8;padding: 4px 20px;}

/* osusume
-----------------------------*/
div#top_area {clear: both;overflow: hidden;}
.kikan {background: #cae2ff;font-family: 'Shippori Mincho', serif;padding: 20px 10px;margin-bottom: 30px;}
div#left_area {width: 230px;padding-right: 15px;float: left;}
.kikan dt {font-size: 18px;text-align: center;margin-bottom: 15px;font-weight: 700;border-bottom: 1px #395E8A dotted;padding-bottom: 8px;}
.kikan dd {font-size: 16px;padding-bottom: 15px;line-height: 1.6;padding-left: 10px;font-weight: 500;color:#333;}
#left_area h2 {font-family: 'Shippori Mincho', serif;text-align: center;padding: 8px 0 6px;font-size: 16px;color: #395E8A;border-top: 1px solid #395E8A;border-bottom: 1px solid #395E8A;font-weight: bold;}

.osusume p { margin: 15px 10px 5px;}
.osusume dl{ margin: 0 10px 10px 10px; border-bottom: 1px #999999 solid;padding-bottom: 5px;}
.osusume dd a { color: #5946a7; font-weight: bold;  font-size: 13px;}
.osusume dl dt {font-size: 95%; border-bottom: 1px #999999 solid; margin-bottom: 3px;}
.osusume dd.price {font-size: 90%;margin: 5px 0;}

/*　kakaku
-----------------------------*/
#kakaku ul {padding-top: 10px;}
#kakaku ul li {  padding: 5px; margin: 8px 10px; }
#kakaku i { color: #999;}
#kakaku ul li a { color: #333; font-size: 16px;}

/* #right_area
--------------------------------------*/
#right_area {
    float: left;
    width: 715px;
}


/*　style
-----------------------------*/
.style_obon {display: flex;padding-bottom: 20px;}
.style_obon a:last-child {margin-right: 0;}
.style_obon a {margin-right: 20px; position: relative;}
.style_txt {position: absolute;text-align: center;top: 0;left: 50%;transform: translateX(-50%);color: #fff;font-size: 16px;font-weight: bold;width: 100%;padding: 4px 0 2px;background: rgb(0 0 0 / 35%);z-index: 2;}
.style_all {width: 222px;height: 152px;text-align: center;font-size: 18px;background: #a0a0a0;border: 3px #ccc solid;border-radius: 10px;color: #fff;padding-top: 70px;line-height: 1.8;font-weight: bold;}
.style_all span {font-size: 23px;font-weight: bold;}
.style_obon a:hover {text-decoration: none;
}
.style_all{transition: all 0.5s;}
.style_all:hover {
    background: #c1c1c1;
}
.etc_bnr p {padding: 10px 20px;}
.etc_bnr {display: flex;}

#faq{
    margin-top: 50px;
}

.mt25{
    margin-top:25px;
}


/*　cont
-----------------------------*/
#cont ul { display: flex; width: 960px;}
#cont li { padding: 0px 20px;}
#cont ul a img { width: 100%; height: auto;}


/* etc
------------------------------ */
.contents #etc{ margin-bottom:30px; display: flex; flex-wrap: wrap; }
.contents #etc div { width:215px; margin: 10px 12px 20px;}
.contents #etc div p { font-size: 90%;padding: 7px 0 0;}
.contents #etc div ul { display: flex; margin: -20px 0 0 -1px; z-index: 2; position: relative;}
.contents #etc div ul li img { border-radius: 3px;}
.contents #etc div dl dt{ padding: 5px 0; border-bottom: 1px dotted #D9D9D9; }
.contents #etc div dl dt a { font-weight: bold; font-size: 13px;color:#395E8A;}
.contents #etc div dl dd{ border-bottom: 1px dotted #D9D9D9; padding:5px 0; }
.contents #etc div dl dd.price { font-size: 90%;}


/* LocalNavi
------------------------------ */
/* #lnavi_0903new #bnr_father{ margin-bottom:4px; }

#lnavi_0903new ul#gift_lnavi_bnr{ margin-bottom:10px; }

#lnavi_0903new ul#gift_lnavi_bnr img{ vertical-align:btop; }

#lnavi_0903new ul#gift_lnavi_bnr li{ margin-bottom:4px; }

#lnavi_0903new ul#gift_lnavi_bnr li.h190{ height:190px; }

#lnavi_0903new ul#gift_lnavi_bnr li a{ display:inline; padding:0; background:none; }
#lnavi_0903new ul#gift_lnavi_bnr li ul.banner { margin-bottom: 25px; }
#lnavi_0903new ul#gift_lnavi_bnr li li { margin-bottom: 8px; / zoom: 1; } */


/*
columnListArea
-----------------------------*/
.contents .columnArea { margin:15px 0 0 14px; }
.contents .topic_box01 { width:220px; max-height:105px; padding:6px 0; margin:0 10px 0 0; float:left; border-top: #999 1px dashed; }

.contents .textBox { float:left; width:145px; }
.contents .textBox a { color:#d00056; font-weight:bold; text-decoration:none; }
.contents .textBox a:hover {text-decoration:underline; }
.contents .textBox p { font-size:11px; line-height:1.3; margin:5px 0 0 0; }

.contents .imgBox { float:right; width:70px; }

/*　recommend
-----------------------------*/
.recommend ul { background: #e6f2fe; padding: 20px; }
.recommend li { float: left
}
.recommend li.r02 { margin: 10px 8px 0 0; }
.recommend li.r03 { margin: 10px 0 0 0; }

/*　localMenu
-----------------------------*/
.localMenu dl { border-top: 1px solid #e3e3e3; background: #f8f8f8; font-size: 85%; }
.localMenu dl.lastChild { border-bottom: 1px solid #e3e3e3; }
.localMenu dt { float: left; clear: left; width: 120px; }
.localMenu dt span { display: block; padding: 13px 10px 13px 15px; font-weight: bold; color: #3790cc; }
.localMenu dd { background: #fff; margin-left: 120px; padding: 10px 0 10px 25px; }
.localMenu dd li { float: left; width: 200px; padding: 3px 0; }
.localMenu dd li.parent { float: none; width: 600px; }
.localMenu dd li a { background: url(//img.e87.com/selection/father/2014images/father_lmenu_arrow.gif) no-repeat left 0.2em; padding: 0 3px 0 9px; }
.localMenu dd li span { padding: 0 3px 0 9px; }
.localMenu dd li span a { background: none; margin: 0 3px 0 0; padding: 0; }

/* other
------------------------------ */
.contents { text-align: left; width: 960px; margin: 0 auto; color: #333333;}
.clearfix:after{ content:"."; display:block; height:0px; clear:both; visibility:hidden; }
div.pagetop { clear: both; color: #CA417D; font-size: 95%; margin: 20px 2px 40px 0; text-align: right;}
div.pagetop p{ float:right; }

 /* --------------------------------------
人気記事
------------------------------------------- */
.wrap-recommend-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.wrap-recommend-column a:hover{
  text-decoration: none;
  color:#705252;
}
.wrap-recommend-column .e87-recommend-column {
  border: 1px solid #eee;
  padding: 2%;
  position: relative;
  margin-bottom: 2%;
  width: 29%;
    transition: 0.2s;
    padding: 1%;
}
.wrap-recommend-column .e87-recommend-column__img img{
  width:100%;
  height:auto;
}
.wrap-recommend-column .e87-recommend-column::after {
  content: "";
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 16px;
  border-color: transparent transparent #395E8A transparent;
  transition: 0.2s;
}
.wrap-recommend-column .e87-recommend-column::after {
  border-width: 0 0 15px 21px;
}
.e87-recommend-column-wrap h4 {
  font-size: 15px;
  margin: 0.5em 0;
  font-weight: bold;
  color: #395E8A;
}
.e87-recommend-column-wrap .e87-recommend-column__text {
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0.5em 0;
}



/*bnr_area
-----------------------------*/
.bnr_area ul { display: flex;}
.bnr_area ul li {  padding: 10px;}
.bnr_area ul li img:hover {opacity: 0.7;}
.bnr_area h2.h2_ttl {color: #305b48;border-top: 1px solid #305b48;border-bottom: 1px solid #305b48;text-align: center;padding: 8px 0 6px;font-size: 16px;font-weight: bold;margin: 30px 0 20px;}


.bnr_area ul li img {width: 100%; height: auto;}
/*　n_columnArea
-----------------------------*/
#n_columnArea .columnArea {margin: 10px 0 0;display: flex;}
#n_columnArea .c_box {display: flex;width: 240px;}
#n_columnArea .c_box p {padding: 5px 8px 5px 5px;}
#n_columnArea .c_box p img {width: 65px;height: auto;}
#n_columnArea .c_box dt span {font-weight: bold;background: linear-gradient(transparent 50%, #dee5ff 0%);color: #333333;font-size: 13.5px;padding: 0 2px;}
#n_columnArea .c_box dd {font-size: 11px;color: #565656;padding-top: 5px;line-height: 1.4;}
#n_columnArea .columnArea dl {padding: 0 5px 0 0;}
#n_columnArea a:hover {text-decoration: none!important;opacity: 0.8;color: #707070;}
#n_columnArea .c_box dt {line-height: 1.4;}

.sort_area_ { padding: 3px 0!important;}

/*  FAQ  */
.e87-lower-layout {margin-top:40px;margin-bottom:60px;}
.e87-lower-section {margin-top:80px;}
.e87-lower-text {margin:0;line-height:1.8;font-size:1.1em;}
.e87-lower-text + .e87-lower-text {margin-top:2em;}
.e87-lower-anchor__item .e87-link-box--anchor {height:100%;display:flex;align-items:center;}
.e87-lower-anchor__item .e87-link-box--anchor::after {right:9px;top:calc(50% - 13px);transform:rotate(90deg) translateY(-50%);}
.e87-faq-lists {margin-top:60px;}
.e87-faq-accordion {border:1px solid #395E8A;border-radius:5px;margin-bottom:10px;overflow:hidden;}
.e87-faq-accordion:last-of-type {margin-bottom:0;}
.e87-faq-accordion__head {padding:20px 60px 20px 63px;background-image:url(//img.e87.com/corp/faq/img/icon_q.png);background-repeat:no-repeat;background-position:left 18px top 15px;background-size:30px;cursor:pointer;transition:background-color .2s;}
.e87-faq-accordion__head:hover {background-color:#dee5ff;}
.e87-js-toggle-accordion__trigger--active:hover {background-color:transparent;}
.e87-faq-accordion__body__inner {background-image:url(//img.e87.com/selection/obon/2022images/icon-qa_a.png);background-repeat:no-repeat;background-size:30px;padding:8px 60px 30px 63px;background-position:left 18px top 7px;}
.e87-faq-accordion__body[data-status="closed"] {display:none;}
.e87-js-toggle-accordion__trigger {position:relative;}
.e87-js-toggle-accordion__trigger::before, .e87-js-toggle-accordion__trigger::after {content:"";position:absolute;width:16px;height:1px;background:#000;right:20px;top:0;bottom:0;margin:auto;transition:transform .3s;}
.e87-js-toggle-accordion__trigger::after {transform:rotate(90deg);}
.e87-js-toggle-accordion__trigger--active::after {transform:rotate(0);}
.e87-faq-accordion__head__text {font-weight:bold;margin:0;font-size:1.3em;}
.e87-faq-accordion__text {margin:0;}
.e87-faq-accordion__btn__wrap {margin:30px auto 0;width:85%;}

/* すべての商品を見る */
.style_txt.more_product{
    height: 62%;
    padding-top: 37%;
    font-size: 24px;
    transition: all 0.5s;
}

.style_txt.more_product:hover{
    opacity:0.8;
}

/* animation
----------------------------------------------- */
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 1s;
  }
   
  .fadein.active{
    opacity : 1;
    transform : translate(0, 0);
  }
  .fadein_r {
    opacity : 0;
    transform : translate(-90px, 0);
    transition : all 2s;
  }
   
  .fadein_r.active{
    opacity : 1;
    transform : translate(0, 0);
  }
  .fadein_l {
    opacity : 0;
    transform : translate(60px, 0);
    transition : all 1s;
  }
   
  .fadein_l.active{
    opacity : 1;
    transform : translate(0, 0);
  }
/* 更新日
----------------------------------------------- */
  ._update {
    text-align: right;
    margin-bottom: 4px;
    font-size: small;
}

/*  ranking  */
.area_ranking{padding-top:8px;}
.area_ranking ul{display:flex; justify-content: space-between;margin-bottom: 45px;}
.area_ranking .ranking_list {width:19%;}
#areaRanking.area_ranking .ranking_list dl dt div.name_ div.name1_ a{font-size:12px;margin: 6px 0;display: inline-block;color:#395E8A;}
#areaRanking.area_ranking .ranking_list dl dt div.name_ ._point{
  font-size: 11px;
  margin: 8px 0 0px;
  border-bottom: 1px dotted #395E8A;
  padding-bottom: 8px;
}
.area_ranking .ranking_list dl dd div.price{font-size:11px;}
.area_ranking .ranking_list ._product img{width:100%; height:auto;}

/* お届けについて
----------------------------------------------- */
.wrap_txt{padding: 10px 24px 0}
.wrap_txt ._txt {border-top: 1px dotted #d9d9d9;padding: 16px 10px;margin-top: 16px;}
.wrap_txt ._txt p._lead{font-size: 15px;/* padding-top: 8px; */line-height: 1.5;}
.wrap_txt ._txt p._anno{padding: 0;margin: 0;font-size: 13px;line-height: 1.5;}
.wrap_txt ._txt p._lead span._add{color:#A62E44;font-size:18px;}
.wrap_txt h3{font-size: 16px;border-left: 6px solid #395E8A;padding-left: 8px;color: #395E8A;margin: 8px 0;font-weight: bold;}
.wrap_txt h3 p{display:inline-block;margin-right:3px;margin-left: 1em;}
.wrap_txt h3 p img{width:69px;vertical-align: sub;margin-right:3px;}
.huka_area{text-align: center;margin: 2% 0 0;}
.huka_area a{display: inline-block;
  padding: 12px 24px;
  border-radius: 25px;
  background: #A62E44;
  color: #fff!important;
  transition:0.2s;
}
.huka_area a:visited{
  color: #fff;
}
.huka_area a:hover{opacity:0.8; 
}

 /* --------------------------------------
お支払いについて 千趣会イイハナについて
------------------------------------------- */
.area_payment{padding:0 3%;}
.area_payment p{font-size:15px;margin: 2% 0 3%;line-height: 1.6;}
.area_payment p._lead{padding: 0 24px;}
.area_payment p._lead a{text-decoration: underline;}
.area_payment .payment_wrap{padding: 24px;border: 1px solid #d9d9d9d9;}
.area_payment .payment_wrap h3{font-size: 16px;border-left: 6px solid #395E8A;padding-left: 8px;color: #395E8A;margin: 8px 0;font-weight: bold;}
.area_payment .payment_wrap dl {border-top: 1px dotted #d9d9d9;padding: 16px 10px;margin-top: 16px;}
.area_payment .payment_wrap dt{font-size: 15px;/* padding-top: 8px; */line-height: 1.5;}
.area_payment .payment_wrap ul li{margin-bottom:24px;}
.area_payment .payment_wrap ul li:last-child{margin-bottom:0;}
.area_payment .payment_wrap dd{display: flex;padding: 16px;justify-content: center;margin: 8px 0;align-items: baseline;}
.area_payment .payment_wrap dd.card img{width: 80px;height: 52px;margin-right: 8px;}
.area_payment .payment_wrap dd.card img._jcb{height: 60px;}
.area_payment .payment_wrap dd.conv img{width: auto;height: 25px;margin-right: 8px;}
.area_payment .payment_wrap dd.annotation{display:block;padding:0;}
.area_payment .payment_wrap dd.annotation p{padding:0;margin:0;font-size: 13px;line-height: 1.5;}

/* 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;}