/* --------------------------------------
共通 common
------------------------------------------- */
.area_btn._center{text-align: center;}
span._annotation{font-weight: bold;display: block;padding: 0 4px;line-height: 1.4;}

/* --------------------------------------
ヘッダー header
------------------------------------------- */
#header_{position:relative;}
.area_senko_off{display: flex;align-items: center;background: #D94F69;box-sizing: border-box;padding: 8px 20px;justify-content: center;}
.area_senko_off div.area_senko_wrap_l{color: #d63e0f;margin-right:2em;}
.area_senko_off div.area_senko_wrap_l p{line-height: 1;font-size:21px;font-weight: 600;color:#fff;}
.area_senko_off div.area_senko_wrap_l p span{display:inline-block;margin-left:22px;color:#fff;font-size:26px;font-weight: 600;}
.area_senko_off div.area_senko_wrap_l p span.adjust_fs{font-size: 48px;margin: 0 1px;position: relative;bottom: -3px;}
.area_senko_off div.area_senko_wrap_r p{font-size: 18px;color: #669a28;font-weight: bold;padding: 6px 15px 4px;background: #fff;border-radius: 25px;}
.main_visual{position:relative;margin-top: 20px;}

/* --------------------------------------
メインビジュアル期間 MV period
------------------------------------------- */
.wrap_main_heading{width: 310px;position: absolute;top: 50%;left: 16px;transform: translateY(-50%);}
.wrap_main_heading h1{font-size: 21px;background: #D94F69;color: #fff;text-align: center;    padding: 12px 6px 4px;line-height: 1.2;font-weight: bold;}
.wrap_main_heading .heading_date{padding: 1.25em 1em;background: #fff;border: 1px solid #D94F69;margin-bottom:4px;}
.wrap_main_heading .heading_date dt{font-size: 21px;text-align: center;font-weight: 700;}
.wrap_main_heading .heading_date span._message{display:block;font-size: 18px;text-align: center;font-weight: 700;margin-bottom: 4px;}
.wrap_main_heading .heading_date table{width: 100%;}
.wrap_main_heading .heading_date table tr{font-size:15px;color:#D94F69;text-align: right;display: flex;flex-direction: column;margin-bottom: 8px;}
.wrap_main_heading .heading_date table tr th{font-weight: bold;text-align: center;font-size: 18px;background: #ffe9f1;padding: 1px 0 2px;margin-bottom: 4px;}
.wrap_main_heading .heading_date table tr td{font-weight: bold;text-align: center;font-size: 18px;}

/* --------------------------------------
豆知識 main_column
------------------------------------------- */
.area_column .area_column_txt{width:920px;margin:0 auto;}
.area_column .column_txt{font-size: 15px;padding: 32px;line-height: 1.8;background: #fff4f7;}
.area_column .column_txt a{font-weight: bold;text-decoration: underline;color:#D94F69;transition:0.2s;}
.area_column .column_txt a:hover{opacity: 0.8;}
.area_column h3._heading{margin:48px auto 24px;}

/* --------------------------------------
残りわずか slightly
------------------------------------------- */
.etc div dl dt.name.lil a:before {content: "残りわずか";background: #cee6dc;color: #284438;padding: 1px 2px 0;font-size: 90%;margin-right: 3px;}

/* --------------------------------------
おすすめ pickup
------------------------------------------- */
.etc {clear: both;overflow: hidden;padding: 0 17px 10px;}
.etc div {width: 220px;margin: 12px 15px 10px 0;float: left;min-height: 310px;}
.etc img:hover { opacity: 0.7;}
.etc div dl dt a:hover { text-decoration: none;color: #b58a87;}
.etc div:nth-child(4n) {margin-right: 0!important;}
.etc div dl dt {font-size: 13px;	margin: 5px 0 2px;	min-height: 33px;	overflow: hidden;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.etc div dl dt a {font-weight: bold;color: #4e4540;}
.etc div p img {width: 100%;height: auto;}
.etc div dl dd {padding: 3px 0 0;}
.etc div dl dd.price {	border-top: 1px #afa8a9 solid;}

/* --------------------------------------
ベルメゾンバナー bellemaison
------------------------------------------- */
#bellbnr { margin:30px 0; }

/* ----------------------------------------------------------- 
ポストカード card
----------------------------------------------------------- */
#post_card h3.h3_ttl { transform: rotate( 0.03deg);color:#D94F69;border-top: 1px solid #D94F69;border-bottom: 1px solid #D94F69;text-align: center;padding: 8px 0 6px;font-size: 16px;font-weight: bold;margin: 30px 0 20px;}
div#mother_card { margin-top: 35px;}
.mother_card_box{display: flex;}
.mother_card_img {width: 460px;padding: 0 20px 0 20px;position:relative;}
.mother_card_img span{    position: absolute;top: 50%;left: 50%;font-size: 62px;font-weight: bold;transform: translate(-50%, -50%) rotate(10deg);opacity: 0.8;color: #fff;}
.mother_card_img img { width: 100%; height: auto;}
.mother_card_txt {margin-top: 10px; transform: rotate( 0.03deg);}
.mother_card_txt dt {background: #D94F69;color: #fff;font-size: 16px;font-weight: bold;padding: 0 15px;display: inline;}
dt .card_txt_small {padding-left: 10px;}
.card_txt_small {font-size: 13px;}
.mother_card_txt dd {margin: 10px 0 35px;font-size: 15px;line-height: 1.4;}
.mother_card_txt dd:last-child {margin-bottom:0;}
.mother_card_txt dd a {text-decoration: underline;font-size: 15px;font-weight: bold;display:inline-block;margin-top:4px;transition: 0.2s;}
.mother_card_txt .card_item a {font-size: 20px;font-weight: bold;color: #D94F69;margin-top: 4px;display: inline-block;transition:0.2s;}
.mother_card_txt .card_item a:hover{color:#e92073;}

/* --------------------------------------
ポイントキャンペーン point
------------------------------------------- */
.point_outer {padding: 10px 20px;}
.point_outer .father_ttl_blue {text-align: left;margin: 0 3%;font-size: 16px;}
dl.point_txt img {width: auto;height: auto;}
dl.point_txt {padding: 24px 0 8px;font-size: 16px;line-height: 1.4;}
p.point_icon {width: 69px;display: inline;}
dl.point_txt dt {font-weight: bold;text-decoration: underline;margin-bottom: 4px;font-size: 18px;}
dl.point_txt dd {padding-bottom: 1em;}
dl.point_txt a {font-weight: bold;text-decoration: underline;color: #7a4355;}
p.point_img2 {margin: 0 auto;}

/* ----------------------------------------------------------- 
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-js-toggle-accordion{padding:0 20px;}
.e87-faq-accordion {border:1px solid #D94F69;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:#ffe1ec;}
.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:12px 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%;}
@media all and (min-width:769px) {.e87-faq-accordion__btn__wrap {width:344px;}
}

/* --------------------------------------
アンケート questionnaire
------------------------------------------- */
#questionnaire .questionnaire_info{font-size:13px;line-height: 1.6;text-align: right;color:#2f2f2e;margin-bottom: 3em;}
#questionnaire .questionnaire_info img{width:333px;margin-top: 4px;}
#questionnaire .area_questionnaire_contents{padding: 0 20px 48px;margin-bottom: 48px;border-bottom: 2px dotted;}
#questionnaire #Q4.area_questionnaire_contents{border-bottom:none;}
#questionnaire .area_question p{font-size:18px;font-weight: bold;margin-bottom: 1.5em;}
#questionnaire .area_answer table tr{display:flex;padding: 2px;}
#questionnaire .area_answer table th,#questionnaire .area_answer table td{font-size:16px;display: flex;}
#questionnaire  span._icon{font-size: 21px;display: inline-block;width: 32px;height: 32px;border-radius: 50%;color:#fff;line-height: 35px;text-align: center;margin-right:0.5em;position:relative;}
#questionnaire .icon_question{background: #e77193;}
#questionnaire .icon_answer{background: #5c7fac;}
#questionnaire .area_answer{display:flex;}
#questionnaire .area_answer .area_answer_right{width: 53%;}
#questionnaire .area_answer .area_answer_left{display:flex;width: 47%;}
#questionnaire .area_answer ._img{width: 20%;max-width: 42px;}
#questionnaire .area_answer ._txt{font-size: 16px;background: #fff6ef;padding: 10px;border-radius: 11px;margin-left: 0.5em;line-height: 1.6;width:86%;}
#questionnaire .questionnaire_right_wrap{display:flex;justify-content: right;}

/* --------------------------------------
コラム群 column all
------------------------------------------- */
#n_columnArea .wrap_column {padding: 0 8px;display: flex;flex-wrap: wrap;}
#n_columnArea .wrap_column a{width:30%;margin-right: 3%;}
#n_columnArea h3{font-weight: bold;color: #333333;font-size: 15px;position: relative;display: inline-block;padding-right: 10px;border-bottom: none;}
#n_columnArea .columnArea{margin: 32px 20px 56px;}
#n_columnArea .columnArea dl{width:100%;padding:0;}
#n_columnArea .c_box p.imgbox{display:none;}
#n_columnArea .c_box dd{display:none;}
#n_columnArea .c_box dt span{background:unset!important;font-weight: normal;padding: 0 0 0 0.5em;font-size:13px;color: #333;}
#n_columnArea .c_box{position:relative;border-bottom: 1px dotted;padding: 24px 0 8px;}
#n_columnArea .c_box::before {content: '';position: absolute;left: 0;top: 65%;transform: translateY(-50%);box-sizing: border-box;width: 4px;height: 4px;border: 4px solid transparent;border-left: 4px solid #bb2649;}

/*---------------------------------
カードエリア area card
-----------------------------------*/
.area_card ul{display:flex;justify-content: center;margin-bottom:16px;}
.area_card ul li{width:265px;margin:0 1% 1%;border:1px solid #D94F6947;}

.main_visual{margin-top:0;}

/* --------------------------------------
??????????? addition0307
------------------------------------------- */
h4._heading{margin: 3.5em 0 0;}
.wrap_icon_new{display:inline-block;position:relative;bottom:2px;}

.navi_local {flex-wrap:wrap;}

.faq_heading_sub{font-weight: bold;margin: 2em 0 0.5em;color: #D9346D;text-align: left;font-size: 1.4em;}
#n_columnArea h2.h2_title, #faq h2.h2_title, #delivery h2.h2_title, #payment h2.h2_title, #about h2.h2_title{background: #D9346D;color: #fff;}