@charset "utf-8"; /* CSS Document */
/*------------------------------------------------------
お供え、お悔やみ特集
2015/03/5 
------------------------------------------------------*/
#header_condolence {width: 960px;min-height: 240px;background: transparent url(//img.e87.com/condolence/2025images/condolence-main-image.jpg) no-repeat left top;margin: 0 0 10px 0;padding-bottom: 10px;}
#header_condolence .txt {width: 400px;margin: 0 auto;padding-top: 120px;}
#header_condolence .txt p{font-size: 11px;text-align: center;}
#header_condolence h1 {letter-spacing: 2px;color: #4f06a0;font-size: 12px;padding-bottom: 5px;text-align: center;}
#offering_contents{ margin-bottom: 70px; line-height: 180%; color:#401f1f; }
#offering_contents a{ display:inline-block; }
#offering_contents a:hover{ opacity:0.7; }
#offering_contents h2{ margin: 30px 0 0 0; padding-left: 30px; background-repeat: no-repeat; background-position: left top; background-image: url(//img.e87.com/condolence/2025images/h2-bg.png)!important; font: 24px/180% bold; clear: both; color: #FFF; }  
#offering_contents h2 a,#offering_contents h3 a { display: inline-block; text-decoration: none; }
#offering_contents h3 a { color: #FFFFFF; }


#offering_contents .oc_section1 li{ float: left; width: 450px; }

#offering_contents .oc_section1,
#offering_contents .cnt_wrapper_,
#offering_contents .cnt_wrapper_2,
#offering_contents .oc_section2{ background:#f7ebfd; padding: 20px; }

#offering_contents .cnt_wrapper_ ul li,
#offering_contents .cnt_wrapper_2 ul li a{ float: left; width: 210px; margin: 0 10px 0 0; padding: 0px 40px; display: block; background: #fff url(//img.e87.com/condolence/images/tree2.png) 20px center no-repeat; height: 40px; line-height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#offering_contents .cnt_wrapper_2 ul { padding: 0 20px 0 0; overflow: hidden; }

#offering_contents .oc_section2 h3{ color: #ffffff; background-image:url(//img.e87.com/condolence/images/h3_bg.png); background-repeat:no-repeat; width: 920px; height: 40px; padding: 0px 0px 0 15px; line-height: 40px; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
#offering_contents .StyleP_Line_ {float: left; width: 100%; }
#offering_contents .StyleP_Item_ { width: 215px; float: left; margin: 0 15px 0 0; }
#offering_contents .price_ { font-size: 12px; padding: 10px 0 10px 0; border-top: 1px dotted #d9d9db; border-bottom: 1px dotted #d9d9db; }
#offering_contents .price_ span{ font-size: 10px; }
#offering_contents .price{ padding-bottom: 5px; }
#offering_contents .sender_ { padding: 10px 0; border-bottom: 1px dotted #d9d9db; }
#offering_contents .icon_ { overflow: hidden; padding: 10px 0; }
#offering_contents .icon_ p { float: left; width: 66px; margin: 0 5px 0 0; }
#offering_contents .comment_ { font-size: 12px; margin: 0 0 5px 0px;min-height: auto; }
#offering_contents .name_ { line-height: 180%; }
#offering_contents .name1_  a{ font-size:12px; text-decoration: underline;}
#offering_contents #preserved{ float:left; margin-right: 5px; width:100%; }
#offering_contents #art_flower{ overflow:hidden; }
#offering_contents .column{ border: #e5ddda 1px solid; border-radius: 5px; padding:20px; }
#offering_contents .column_title{ text-align:center; margin-bottom:20px; font-size: 130%; font-weight: bold; }
#offering_contents .column li{ width: 280px; float: left; margin: 0 10px 10px 11px; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; }
#offering_contents .column{ overflow:hidden; }
#offering_contents h4{ color: #ffffff; background-image:url(//img.e87.com/condolence/images/h4_bg.png); background-repeat:no-repeat; width: 450px; height: 40px; padding: 0px 0px 0 15px; line-height: 40px; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }	
#offering_contents h4 a{ display: inline-block; text-decoration: none; color: #FFF; }
#offering_contents .sender_ span{ color:#e73232; font-weight:bold; }
#offering_contents .margin{ margin-left:20px !important; }

.bnr_to{ width: 750px; margin: 0 auto; }
.btn { background: #a62e56; padding: 15px 10px; border-radius: 10px; margin: 10px auto; text-align: center;}
.btn._more { padding:0;}
.btn._more a{ display:block!important;padding: 15px 10px;}
.btn:hover{ background: #612908;cursor: pointer;}
.btn a{ color:#fff; font-size: 16px; }

p.btn{ margin: 0 auto; width: 80%!important;}
#offering_contents .oc_section1 ul.btn3 {display: flex;width: 940px;margin-bottom: 20px;}
#offering_contents .oc_section1 ul.btn3 li {padding-right: 5px;}

/*  secene  */
.wrap_scene{
    position:relative;
}
.wrap_scene_text{
    padding: 12px;
    position: absolute;
    bottom: 0;
    background: rgb(41 50 65 / 85%);
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.wrap_scene h5{ 
    font-size: 26px;
    margin-bottom: 12px;
    font-weight: 600;
}
.wrap_scene span{ 
    font-size:16px;
}

#offering_contents a:hover{
    opacity: 0.7;
}

/*bnr_area
-----------------------------*/
.bnr_area ul { display: flex; padding: 0 20px;}
.bnr_area ul li {  padding: 10px;}
.bnr_area ul li img:hover {opacity: 0.7;}
#offering_contents .bnr_area h2.h2_ttl,#faq h2.h2_ttl {text-align: center;padding: 8px 0 6px;font-size: 16px!important;font-weight: bold;margin: 30px 0 20px!important;background: none;
}
@media screen and (max-width: 767px) {
	#mainVisualInR dl dd img { width: 100%; height: auto; }
}
@media screen and (min-width:900px) {
	#mainVisualInR dl dd.mother { display: none; }
/*#mainVisualInR dl dd img{ width: 100%; height: auto; margin-top: 10px; }*/
}

/*  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; font-weight: normal;}
.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 #6667ab;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;}
.e87-faq-accordion__head:hover {background-color:#b0d2fa;}
.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;}
.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%;}
.e87-faq-accordion ._text-set {margin-top:8px; font-size: 1.1em; font-weight: normal;}
.e87-faq-accordion ._text-set dt{font-weight: bold;}
@media all and (min-width:769px) {.e87-faq-accordion__btn__wrap {width:344px;} }

/*  ranking  */
.area_ranking{padding-top:20px;}
.area_ranking ul{display:flex; justify-content: space-between;}
.area_ranking .ranking_list {width:19%;}
#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 ._product img{width:100%; height:auto;}