.contents img{ vertical-align:bottom; }
.contents h2.ohigan_ttl {background: #23274d;text-align: center;padding: 10px 0 12px;margin: 56px 0 20px;}
.contents h2.ohigan_ttl span{ font-family: 'Noto Serif JP', serif;font-weight:bold;color: #fff;line-height: 22px;font-size: 21px;}
h2.mT0{margin-top:0;}
h2.mT5{margin-top:5px;}
.mT20{margin-top:20px;}
.mT10{margin-top:10px;}
.mB10{margin-bottom:10px;}
.txtAC{ text-align:center; }
p.lead{ width:680px; color:#696851; margin:10px 0 0 25px; line-height:1.5; }
p.lead02{ width:680px; color:#696851; margin:10px 0 0 25px; line-height:1.3; font-size:80%; text-indent:-1em; padding-left:1em; }
ul.sort_area_ { margin-top: 3px;}

#etc{display:flex;flex-wrap:wrap;}

/* 
header
------------------------------ */
/* .contents #header_ohigan{font-family: 'Noto Serif JP', serif;width:960px; min-height:300px; height:300px; background:transparent url(/selection/ohigan/2024images/index_main.jpg) no-repeat left top; margin:0 0 12px 0; } */
.contents #header_ohigan .txt{ font-size:16px;color:#000; padding:0 0 0 20px; line-height:1.8;text-align: center;font-weight: 500;margin: 8px 0;}
.contents #header_ohigan h1.txt { font-family: 'Noto Serif JP', serif;font-size:24px;color: #000; font-weight: bold; padding-top: 24px; padding-bottom: 4px;}
.contents #header_ohigan .kikan{ padding:10px 0 0 20px; }
.contents #header_ohigan .kikan img{ margin-right:5px; }

dl.ohigan_kikan {font-family: 'Noto Serif JP', serif;background: #efdeff;margin: 16px 20%;text-align: center;padding: 15px 32px;color: #000;}
dl.ohigan_kikan dt {font-weight: bold;font-size: 18px;text-align: center;border-bottom: 2px solid #fff;margin-bottom: 12px;line-height: 1.4;padding-bottom: 12px;}
dl.ohigan_kikan dd {font-size: 18px;line-height: 1.5;font-weight: 500;width: 310px;margin: 2px auto;}


/* 
navi
------------------------------ */
ul#spring_navi{ margin:0; }
ul#spring_navi li{ float:left; list-style:none; }
ul#spring_navi li img{ vertical-align:bottom; }

/*　style
-----------------------------*/
.style_obon {display: flex;padding: 10px 40px;}
.style_obon a:last-child {margin-right: 0;}
.style_obon a {margin-right: 50px;position: relative;width: 290px;transition:0.2s;}
.style_txt {font-family: 'Noto Serif JP', serif;position: absolute;text-align: center;top: 0;left: 50%;transform: translateX(-50%);color: #fff;font-size: 20px;font-weight: bold;width: 100%;padding: 4px 0 4px;background: rgba(35, 39, 77, .7);z-index: 2;}
.style_pic img {width: 100%;height: auto;}
.style_all {font-family: 'Noto Serif JP', serif;width: 254px;height: 184px;text-align: center;font-size: 25px;background: rgba(35, 39, 77, .7);border: 3px #23274d solid;border-radius: 10px;color: #fff;padding-top: 70px;line-height: 2;font-weight: bold;}
.style_all span {font-size: 24px;font-weight: bold;}
.style_obon a:hover {opacity: 0.8;text-decoration: none;}

/*　kakaku */
ul.kakaku { clear: both; list-style-type:none; width: 950px; }
ul.kakaku li { font-size: 100%; margin: 10px;  padding: 0; float: left;  width: 170px; height: 50px; background: #e0e0e0; position: relative;border-radius:25px;}
ul.kakaku li { color:#000; text-decoration: none; text-align: center; line-height: 50px; font-size: 18px; font-weight: bold; transition:0.2s;}
ul.kakaku li:hover { opacity:0.8;}

ul.kakaku li::before {content: "";background: url(/selection/ohigan/2020images/triangle.png) no-repeat;width: 15px;height: 19px;position: absolute;top: 15px;right: 10px;
}

/*　recommend
-----------------------------*/
#recommend { }
#recommend ul { margin-bottom:9px; padding:15px 13px; background:url(//img.e87.com/selection/ohigan/images/gift_recommend_bg.gif) no-repeat; }
#recommend li { float:left; margin-right:10px; }
#recommend li.lastChild { margin-right:0px; }
#recommend img { vertical-align:top; }


/*　theme
-----------------------------*/

#theme {  padding: 20px 10px;
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #eceaff 100%);
background: -webkit-linear-gradient(top, #fff 0%,#eceaff 100%);
background: linear-gradient(to bottom, #fff 0%,#eceaff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eceaff',GradientType=0 );
}
#theme h2 {	background:none; margin:0; padding:0; }
#theme li{float: left; width: 353px;}
#theme li:first-child{ margin:0px 20px 0 90px;}
#theme ul li img{ border-top: #ccc 1px solid; }


/* LocalNavi
------------------------------ */
#lnavi_0903new #bnr_agedday{ margin-bottom:4px; }
#lnavi_0903new ul#gift_lnavi_bnr{ margin-bottom:10px; }
#lnavi_0903new ul#gift_lnavi_bnr img{ vertical-align:bottom
}
#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; }
/* ichioshi
------------------------------ */
#lnavi_0903new #ichioshi{ margin-bottom:4px; }
#lnavi_0903new #ichioshi .tit{ }
#lnavi_0903new #ichioshi .inner{ padding:0 5px 5px 5px; background:url(//img.e87.com/selection/ohigan/images/gift_ichioshi_bg.gif) no-repeat bottom; }
#lnavi_0903new #ichioshi dl{ margin:8px 5px; }
#lnavi_0903new #ichioshi dl dt { margin-bottom:8px; padding-bottom:8px; border-bottom:dotted 1px #d0d0d0; }
#lnavi_0903new #ichioshi dl dt a{ color:#ca417d; }
#lnavi_0903new #ichioshi dl dd{ color:#714257; padding: 0; margin:2px 0; }
#lnavi_0903new #ichioshi dl dd span{ font-size:85%; }

/*　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: #8a11a2; }
.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/ohigan/images/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; }
/*　recommend
-----------------------------*/
.recommend ul { background: #E1EFFB; padding: 20px; }
.recommend li { float: left
}
.recommend li.r02 { margin: 10px 8px 0 0; }
.recommend li.r03 { margin: 10px 0 0 0; }
/* other
------------------------------ */
.contents { text-align:left; width:960px; margin:0 auto; }
.clearfix:after{ content:"."; display:block; height:0px; clear:both; visibility:hidden; }
div.pagetop { clear:both; color:#CA417D; font-size:85%; margin:13px 2px 20px 0; text-align:right; }
/*
columnListArea
-----------------------------*/

.contents .columnArea { margin:15px 0 0 14px; }
.contents .boxline { padding-top:1px; }
.contents .topic_box01 { width:225px; padding:6px 0; margin:0 5px 0 0; float:left; border-top: #999 1px dashed; }
.contents .topic_box02 { width:235px; padding:6px 0; float:left; border-bottom: #999 1px dashed; }
.contents .textBox { float:left; width:145px; }
.contents .textBox a { font-size:85%; color:#c83c9f; font-weight:bold; text-decoration:none; }
.contents .textBox a:hover { text-decoration:underline; }
.contents .textBox p { width:145px; font-size:85%; line-height:120%; }
.contents .imgBox { float:left; width:70px; margin:0 0 0 5px; }

/* LocalNavi
------------------------------ */
#lnavi_0903new #bnr_agedday{ margin-bottom:4px; }
#lnavi_0903new ul#index_lnavi_bnr{ margin-bottom:10px; }
#lnavi_0903new ul#index_lnavi_bnr img{ vertical-align:bottom
}
#lnavi_0903new ul#index_lnavi_bnr li{ margin-bottom:9px; }
#lnavi_0903new ul#index_lnavi_bnr li.h190{ height:190px; }
#lnavi_0903new ul#index_lnavi_bnr li a{ display:inline; padding:0; background:none; }
/* ichioshi
------------------------------ */
#lnavi_0903new #ichioshi{ margin-bottom:12px; }
#lnavi_0903new #ichioshi .tit{ }
#lnavi_0903new #ichioshi .inner{ padding:0 5px 5px 5px; background:url(//img.e87.com/selection/ohigan/images/index_ichioshi_bg.gif) no-repeat bottom; }
#lnavi_0903new #ichioshi dl{ margin:8px 5px; }
#lnavi_0903new #ichioshi dl dt { margin-bottom:8px; padding-bottom:8px; border-bottom:dotted 1px #d0d0d0; }
#lnavi_0903new #ichioshi dl dt a{ color:#ca417d; }
#lnavi_0903new #ichioshi dl dd{ color:#714257; padding: 0; margin:2px 0; }
#lnavi_0903new #ichioshi dl dd span{ font-size:85%; }
/*　ranking
-----------------------------*/
#lnavi_0903new h2.agedday_ranking{ height:auto; line-height:normal; width:180px; background:transparent url(//img.e87.com/selection/ohigan/images/agedday_icon_01.gif) no-repeat scroll left top; font-size:85%; margin:0 0 2px 0; padding:3px 20px 3px 18px; color:#7c7b7b; font-weight:normal; }
#lnavi_0903new h2.agedday_ranking span{ font-weight:bold; color:#7c7b7b; font-size:85%; letter-spacing:-1px; }
#lnavi_0903new h2{ padding-left:20px; }
#lnavi_0903new img{ vertical-align:bottom; }
#lnavi_0903new dl.rank { width:190px; margin-bottom:15px; }
#lnavi_0903new dl.rank dd { background:transparent url(//img.e87.com/selection/ohigan/images/index_bgrep_rankborder.gif) repeat-y left top; }
#lnavi_0903new .ttl { font-weight:bold; display:block; font-size:115%; }
#lnavi_0903new .ranking03 { width:180px; _width:190px; border-bottom:1px solid #8f84ef; padding:4px 5px; }
#lnavi_0903new .ranking03 .txt { font-size:12px; color:#ca417d; }
#lnavi_0903new .ranking03 .txt a{ font-size:12px; color:#ca417d; line-height:120%; line-height:1.1; }
#lnavi_0903new .ranking_l { width:55px; margin:0 5px 0 0; float:left; }
#lnavi_0903new .ranking_r a { font-size:12px; color:#ca417d; }
#lnavi_0903new .ranking_r { width:110px; margin:0; float:left; }
#lnavi_0903new .bordernone{ border:none; background:transparent url(//img.e87.com/selection/ohigan/images/index_bgbtm_rankborder.gif) no-repeat left bottom; padding-bottom:9px; }

/* rank_price
------------------------------ */

#lnavi_0903new h2.agedday_price{ height:auto; line-height:normal; width:180px; background:transparent url(//img.e87.com/selection/ohigan/images/agedday_icon_01.gif) no-repeat scroll left top; font-size:85%; margin:0 0 2px 0; padding:3px 20px 3px 18px; color:#7c7b7b; font-weight:normal; }
#lnavi_0903new dl.rank_price { width:190px; margin-bottom:12px; }

#lnavi_0903new ul#index_lnavi_price li a{ display:inline; padding:0; background:none; }
/* other
------------------------------ */
.contents { text-align:left; }
.clearfix:after{ content:"."; display:block; height:0px; clear:both; visibility:hidden; }
div.pagetop { clear:both; color:#CA417D; font-size:85%; margin:10px 2px 10px 0; text-align:right; }
div.pagetop p{ float:right; }

/*IE7以外のモダンブラウザ向け*/

/* .clearfix{/display:inline-block;}  */
/*IE7およびMacIE5向け*/


/* etc
------------------------------ */
.contents #etc{ margin-bottom:30px; }
.contents #etc div {width: 214px;margin:13px;position:relative;}
.contents #etc div.left { margin-left:4px; }
.contents #etc div li { float:left; margin:5px 1px; }
.contents #etc div dl dt{ padding: 5px 0; border-bottom: 1px dotted #000;}
.contents #etc div dl dt a {font-weight: bold; color: #000; font-size: 14px;margin: 8px 0;display: block;}
.contents #etc div dl dd{ border-bottom: 1px dotted #000; padding:5px 0;color:#000;font-size:13px;}
.contents #etc div p { font-size: 11px;}

/* Spring共通バナー
------------------------------ */
section#style,section#spring_contents {text-align: center;}
h2.h2_marker {background: linear-gradient(transparent 60%, rgb(255 193 73 / 60%) 0%);text-align: center;display: inline-block;font-size: 36px;line-height: 43px;margin: 10px 20px 30px;padding: 10px 10px 5px;font-family: 'Noto Serif JP', serif;
}
ul.contents_btn{display: flex;margin-top:10px;margin-bottom: 40px;}
ul.contents_btn li {background: #e8e3da;color: #443f37;font-size: 26px;font-weight: bold;width: 280px;padding: 14px 10px 10px;text-align: center;margin-right: 30px;}
ul.contents_btn li span {font-size: 18px;font-weight: bold;}
ul.bnr_img {display: flex;margin: 15px 5px;}
ul.bnr_img li {margin: 0 20px;}
ul.bnr_img li img:hover {opacity: 0.8;}
.style_btn_all {font-size: 26px;background: #6a655e;color: #ffffff;text-align: center;width: 960px;padding: 14px 0 12px;margin: 25px auto 0;
}

/* FAQ
------------------------------ */
#n_columnArea h2.h2_ttl,#faq h2.h2_ttl {color:#23274d;border-top: 1px solid #23274d;border-bottom: 1px solid #23274d;text-align: center;padding: 8px 0 6px;font-size: 16px;font-weight: bold;margin: 56px 0 24px;}
.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:15px;}
.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 #23274d;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("https://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;will-change: contents;}
.e87-faq-accordion__head:hover {opacity:0.6;}
.e87-js-toggle-accordion__trigger--active:hover {background-color:transparent;}
.e87-faq-accordion__body__inner {background-image:url(https://img.e87.com/corp/faq/img/icon_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;will-change: contents;}
.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;color: #000;}
.e87-faq-accordion__text {margin:0;}
.e87-faq-accordion__btn__wrap {margin:30px auto 0;width:85%;}
@media all and (min-width:769px) {.e87-faq-accordion__btn__wrap {width:344px;} }

/*?@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: #000;font-size: 13.5px;padding: 0 2px;}
#n_columnArea .c_box dd {font-size: 11px;color: #000;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;}


/*  ranking  */
.area_ranking{padding-top:8px;}
.area_ranking ul{display:flex; justify-content: space-between;margin-bottom: 45px;padding: 10px 8px;}
.area_ranking .ranking_list {width:19%;}
._product{transition:0.2s;}
._product:hover{opacity:0.8;}
#areaRanking.area_ranking .ranking_list dl dt div.name_ div.name1_ a{font-size: 13px;margin: 6px 0;display: inline-block;color: #000;line-height: 1.6;}
#areaRanking.area_ranking .ranking_list dl dt div.name_ ._point{
  font-size: 11px;
  margin: 8px 0 0px;
  border-bottom: 1px dotted #000;
  padding-bottom: 8px;
}
.area_ranking .ranking_list dl dd div.price{font-size:11px;color:#000;}
.area_ranking .ranking_list ._product img{width:100%; height:auto;}

.bnr-ex{margin: 32px 20px 0;}

/* TOP???
------------------------------ */

#to-top {position: fixed;bottom: 120px;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;}

.contents #etc div p._catch{font-size: 13px;margin: 8px 0;color: #520063;line-height: 1.4;}
.contents #etc div p.wrap_img{position:relative;transition:0.2s;}
.contents #etc div p.wrap_img:hover{opacity: 0.8;}
._senkou{position: absolute;display: block;margin: 4px;background: #3a68c6;color: #fff;padding: 4px 4px 2px; bottom: 0;border-radius:4px;}

.heading_lead{font-size:16px;text-align: center;line-height: 1.8;margin: 1em 0;color:#000;}

 /* --------------------------------------
人気記事
------------------------------------------- */
.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;
}