@charset "utf-8"; /*------------------------------------------------------
全体共通のスタイル
------------------------------------------------------*/
.mt10 { margin-top: 10px!important;}
#sp_condolence { font-size: 12px; line-height: 1.8; }
#sp_condolence img{ max-width:100%;width: 100%; }
#sp_condolence #breadcrumbs,
#sp_condolence .top_comment_{ padding: 0 10px 10px 10px; }
#sp_condolence .visual_ { margin: 10px 10px 5px 10px; }
#sp_condolence .style_select_ select { width: 100%; padding: 10px; }
#sp_condolence .link_quickorder_ { margin: 20px 10px; }
#sp_condolence h2 { color: #fff; font-size: 14px; font-weight: bold; padding: 9px 0 8px 11px; background: #293241 url(//img.e87.com/s/condolence/2025img/h2-bg.png) no-repeat left bottom; background-size: 65px 43px !important; -moz-background-size: 48px 35px; -webkit-background-size: 48px 35px; clear: both; border-bottom: solid 1px #fff; }
#sp_condolence .contents_box_ { padding: 10px 10px 20px 10px; }
#sp_condolence article#cover h1 { padding: 0 0 4px; }
/*------------------------------------------------------
.sp_section1のスタイル
------------------------------------------------------*/

#sp_condolence .sp_section1{ background-color:#f5f3f3; padding: 10px 10px 15px 10px; }
#sp_condolence .sp_section1 li{ width: 48%; max-width: 290px; padding:2%; }
#sp_condolence .sp_section1 { overflow:hidden; }
.sp_section1 ul { display: flex;}

/*------------------------------------------------------
.sp_section2のスタイル
------------------------------------------------------*/

#sp_condolence .sp_section2{ background-color:#f5f3f3; padding: 10px 0 5px; }
#sp_condolence .sp_section2 .block_2{ clear:both; }
#sp_condolence .sp_section2 h3{ color: #ffffff; background-image: url(//img.e87.com/s/condolence/img/h3_bg.png); background-repeat: repeat-x; height: 40px; padding: 0px 0px 0 15px; line-height: 40px; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }
#sp_condolence .sp_section2 ul{ overflow:hidden; padding: 2%; }
#sp_condolence .sp_section2 li{ float:left; max-width:290px; width:46%; overflow:hidden; margin: 0 2%; }
#sp_condolence .sp_section2 dl{ overflow:hidden; }	

._btn{ clear:both; margin: 10px 4% 10px; background: #a62e56; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
._btn a:link,
._btn a:active,
._btn a:hover,
._btn a:visited{ display: block; color: #fff; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; padding: 12px 0; }

a:link, a:visited, a:hover, a:active {
    color: #1d170e;
    text-decoration: underline;
}
/*------------------------------------------------------
.sp_section3のスタイル
------------------------------------------------------*/
#sp_condolence .accordion{ margin: 15px 15px 20px 15px; }
#sp_condolence section.accordion ul li div.btn .btn_bg { background: url(//img.e87.com/s/condolence/img/open.png) no-repeat right center; background-size: 21px 21px; -webkit-background-size: 21px 21px; }
#sp_condolence section.accordion ul li div.btn.open { 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fff), color-stop(50%,#f5f5f5), color-stop(98%,#eaeaea), color-stop(100%,#fff)); 
	background: -webkit-linear-gradient(top, #fff 1%,#f5f5f5 50%,#eaeaea 98%,#fff 100%); 
	background: -o-linear-gradient(top, #fff 1%,#f5f5f5 50%,#eaeaea 98%,#fff 100%); 
	background: -ms-linear-gradient(top, #fff 1%,#f5f5f5 50%,#eaeaea 98%,#fff 100%); 
	background: linear-gradient(to bottom, #fff 1%,#f5f5f5 50%,#eaeaea 98%,#fff 100%); }
#sp_condolence section.accordion ul li div.btn.open .btn_bg {color:#fff; background: url(//img.e87.com/s/condolence/img/close.png) no-repeat right center !important; background-size: 21px!important; -moz-background-size: 21px; -webkit-background-size:21px; }
#sp_condolence div.content ul li a { display: block; color: #333; text-decoration: none; background: url(//img.e87.com/s/condolence/img/arw_r_01.png) no-repeat 97% 0.3em; background-size: 8px 11px; -webkit-background-size: 8px 11px; -moz-background-size: 8px 21px; }
#sp_condolence div.content ul li { padding: 10px 0 10px 13px; border-top: #b0b0b0 1px solid; border-left: #b0b0b0 1px solid; border-right: #b0b0b0 1px solid; }
#sp_condolence div.content { position: relative; border-right: none; border-left: none; padding: 0; overflow: hidden; border: #b0b0b0 1px solid; }
#sp_condolence div.content ul { font-size: 14px; line-height: 1.357; margin: 13px 10px 15px 10px; }
#sp_condolence div.content ul li:last-child { border-bottom: #b0b0b0 1px solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
#sp_condolence div.content ul li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }

/*------------------------------------------------------
.sp_section4のスタイル
------------------------------------------------------*/

#sp_condolence .sp_section4 li a { color: #705252 !important; text-decoration: none; display: block; }
/*
#sp_condolence .sp_section4 li{ float: left; background: #fff url(../selection/condolence/images/icon.png) no-repeat; background-size: 8%; padding: 7px 15px 7px  28px; margin: 10px 13px 0 0px; border-radius: 5px; /* -webkit-border-radius: 5px; */

/*-moz-border-radius: 5px; -ms-border-radius: 5px; border: #e5ddda 1px solid; background-position: 5px center; width: 31%; }*/
#sp_condolence .sp_section4 li{ display: table-cell; width: 50%; border-radius: 5px; /* -webkit-border-radius: 5px; */
-moz-border-radius: 5px; -ms-border-radius: 5px; border: #e5ddda 1px solid; }
#sp_condolence .sp_section4 li a{ background: #fff url(//img.e87.com/s/condolence/img/icon.png) no-repeat; background-position: 1% center; display: table-cell; background-size: 8%; padding: 10px 0 0 15%; height: 30px; width: 221px; }	

#sp_condolence .sp_section4 ul{ overflow: hidden; margin: 10px 0 0 3px; display: table; border-collapse: separate !important; border-spacing: 10px 0 !important; width: 98%; }
#sp_condolence .sp_section4 ul._single{width:50%;}

/* FAQ
-----------------------------*/
#recommended .cond_faq_ttl p.cond_faq_ttl_eng {background:#f0e4a1;}
h2.cond_faq_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;}
.cond_faq_ttl p.cond_faq_ttl_eng {font-family: 'Maven Pro', sans-serif;text-align: center;font-size: 46px;padding: 5px 0;color: #fff;line-height: 40px;background: #c03e6d;}
article section.accordion#faq ul li div.btn, article section.accordion#faq ul li div.btn.open {background: #534f4f !important;border: 1px solid #fff;}
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;
/* Old browsers */
background:-moz-linear-gradient(top,#fff 0%,#fafafa 50%,#f0f0f0 100%);
/* FF3.6+ */
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(50%,#fafafa),color-stop(100%,#f0f0f0));
/* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,#fff 0%,#fafafa 50%,#f0f0f0 100%);
/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,#fff 0%,#fafafa 50%,#f0f0f0 100%);
/* Opera 11.10+ */
background:-ms-linear-gradient(top,#fff 0%,#fafafa 50%,#f0f0f0 100%);
/* IE10+ */
background:linear-gradient(to bottom,#fff 0%,#fafafa 50%,#f0f0f0 100%);
/* W3C */
}
article#flowergift ul li.feature div.content ul.txtbnr li p span{display:table-cell;padding:0 4px 0 10px;width:132px;height:48px;background:url(//img.e87.com/s/common/images/flowergift_bnr_bg.gif) repeat-y right top;background-size:14px 5px;-webkit-background-size:14px 5px;-moz-background-size:14px 5px;vertical-align:middle;}
article#flowergift ul li.feature div.content ul.txtbnr li p a{display:block;padding:0 20px 0 0;background:url(//img.e87.com/s/common/images/arw_r_02.png) no-repeat right center;background-size:6px 9px;-webkit-background-size:6px 9px;-moz-background-size:6px 9px;}
article#flowergift ul li.feature div.content ul.txtbnr li p a:link,article#flowergift ul li.feature div.content ul.txtbnr li p a:visited,article#flowergift ul li.feature div.content ul.txtbnr li p a:hover,article#flowergift ul li.feature div.content ul.txtbnr li p a:active{color:#e73078;text-decoration:none;}

/* --------------------------------
	アイコン
-------------------------------- */
dd.obon_icon p {
    float: left;
    padding-left: 1px;
}

dd.obon_icon {
    padding: 5px 0;
    overflow: hidden;
}


/*bnr_area
-----------------------------*/
.bnr_area ul {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 {
    color: #67488a!important;
    border-top: 1px solid #67488a;
    border-bottom: 1px solid #67488a;
    text-align: center;
    padding: 8px 0 6px;
    font-size: 16px!important;
    font-weight: bold;
    margin: 30px 0 20px!important;
    background: none;
}

section.accordion ._text-set{margin-top:8px;}
section.accordion ._text-set dt{font-weight: bold;}

/*  ranking  */
.area_ranking{padding:20px 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;}

/*------------------------------------------------------
scene
------------------------------------------------------*/
.sp_section_scene ul{    padding: 5% 5% 0;}
.sp_section_scene ul li{
    background:url(//img.e87.com/condolence/2022images/scene_1.jpg)no-repeat;
    background-position: right;
    margin-bottom: 16px;
    font-family: 'Noto Serif JP', serif;
    background-size: 50%;
    
}

.sp_section_scene ul li._me{
    background:url(//img.e87.com/condolence/2022images/scene_2.jpg)no-repeat;
    background-position: right;
    background-size: 50%;
}

.sp_section_scene ul li._tu{
    background:url(//img.e87.com/condolence/2022images/scene_3.jpg)no-repeat;
    background-position: right;
    background-size: 50%;
}

.sp_section_scene ul li a{
    text-decoration: none;
    font-weight: 700;
    display: block;
    color:#fff;
}

.sp_section_scene ul li a ._title{
    font-size: min(5vw,18px);
    background: rgb(41 50 65 / 85%);
    display: inline-block;
    padding:3% 6%;
    width: 50%;
    box-sizing: border-box;
    line-height: 1.4;
}

.sp_section_scene ul li a ._sub{font-size:12px;margin-top: 6px;display: inline-block;line-height: 1.3;font-size: min(3vw,13px);font-weight: 100;}

#sp_condolence .sp_section2 ul {display: flex;flex-wrap: wrap;}
.sp_section_scene ul li a ._title{padding:3%;line-height: 1.2;}
.sp_section_scene ul li a ._title span.adjust_line{font-size: min(3.6vw, 14px);}
.sp_section_scene ul li a ._sub {font-size: min(3.5vw, 14px);width: 100%;}
.sp_section_scene ul li a{display:flex;}
.sp_section_scene ul li a ._title{width:70%;}
.sp_section_scene ul li a p{width:30%;}
.sp_section_scene ul li a p img{object-fit: cover;height: 100%;}
.sp_section_sceneul li._me,.sp_section_scene ul li._ho,.sp_section_scene ul li._tu{background:unset;}

.area_obon{padding:0 5%;}
#sp_condolence #breadcrumbs, #sp_condolence .top_comment_{font-size:14px;padding:10px 10px 0;}
#sp_condolence h2{font-size:15px;margin-top:6%;}
.content_price_name{color: #fff;font-size: 14px;font-weight: bold;padding: 9px 0 8px 11px;background: #603355 url(//img.e87.com/s/condolence/img/h2_bg.png) no-repeat left bottom;background-size: 65px 43px !important;-moz-background-size: 48px 35px;-webkit-background-size: 48px 35px;clear: both;border-bottom: solid 1px #fff;}
#contentPrice.content_price{padding: 10px 5px 0;}
#contentPrice.content_price ul {padding-top: 5px;width: 94%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 2%;}
#contentPrice.content_price ul li {background: url(//img.e87.com/s/selection/obon/2022images/index/arrow_o2022.gif)no-repeat;background-size: 6%;background-position: 12px center;width: 44%;text-align: center;border: 1px solid;padding: 8px 0;border-radius: 8px;margin-bottom: 12px;font-size: small;background-color: #ffffff;list-style-type:none;}
#contentPrice.content_price ul li:last-child{margin-bottom:0;}
.content_price ul li a {display: block;text-decoration:none;}
.area-ex{margin: 4% 3% 6%;}