.contents img{ vertical-align:bottom; }
.contents h2.ohigan_ttl {background: #855a9d;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: #666666; 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: #f6edfb;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 #666666 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 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 .imgBox { float:left; width:70px; margin:0 0 0 5px; }

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

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

/* FAQ
------------------------------ */
#n_columnArea h2.h2_ttl,#faq h2.h2_ttl {color:#666666;border-top: 1px solid #666666;border-bottom: 1px solid #666666;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 #666666;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;}