@charset "Shift_JIS";



/* --------------------------------
	会社概要
-------------------------------- */
div#company dl { margin:25px 15px 0 15px; border: 1px solid #ababab; }
div#company dl dt { padding:8px 11px; font-weight: bold; background: #f1f1f1; }
div#company dl dd {  padding:10px 13px; }

/* Google Maps
-------------------------------- */
div#company section.gmaps { margin:25px 0 0 0; }
div#company section.gmaps h2 { padding:9px 15px 7px 15px; background:#8d2d3f; color:#fff; font-weight:bold; }
div#company section.gmaps div.content { padding:0 15px; }
div#company section.gmaps div.content p.txt { padding:10px 0 0 0; }


/* --------------------------------
	アフィリエイト案内
-------------------------------- */
div#affiliate {}
div#affiliate section.overview { padding:0 15px; }
div#affiliate section.overview h2 { padding:15px 0 0 0; color:#e73078; font-weight:bold; }
div#affiliate section.overview p,
div#affiliate section.overview ul,
div#affiliate section.overview ul li{ padding:5px 0 0 0; }


/* よくある質問
-------------------------------- */
div#affiliate section.faq { margin:25px 0 0 0; }
div#affiliate section.faq h2 { padding:9px 15px 7px 15px; background:#8d2d3f; color:#fff; font-weight:bold; }
div#affiliate section.faq ul li div.btn { border-right:none; border-left:none; padding-left:15px; }
div#affiliate section.faq ul li div.btn h3.btn_bg { padding:0 25px 0 0; }
div#affiliate section.faq ul li:first-child div.btn { -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; }
div#affiliate section.faq ul li:last-child div.btn { -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; }
div#affiliate section.faq ul li:first-child div.btn.open { border-top:none; }

div#affiliate section.faq ul li div.content { border-right:none; border-left:none; }
div#affiliate section.faq ul li div.content p.txt { padding:10px 0 0 0; }



/* --------------------------------
	ベルメゾン・ポイント交換手続
-------------------------------- */

div#exchangepoint { padding:15px 15px 0 15px; }
div#exchangepoint img { max-width: 100%; }
div#exchangepoint p.img { padding:15px 0 0 0; text-align:center;}
div#exchangepoint .box01 {border: solid 1px #cdcdcd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;margin: 10px 0;padding: 10px;clear: both;overflow: hidden;}
div#exchangepoint .box01 ul { padding-bottom: 15px; }
div#exchangepoint .box01 ul li { list-style: none; }
div#exchangepoint .auth { background: #f4f1ea; padding: 15px;}
div#exchangepoint .auth p { color:#a62e44; text-align:center; font-weight:bold; margin-bottom: 10px; }
div#exchangepoint p.btn {padding: 10px; background: #a62e44; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-align: center; }
div#exchangepoint p.btn a {color: #fff; text-decoration: none; font-weight: bold; }
div#exchangepoint h2 {background: url(//img.e87.com/s/info/img/exchangepoint/ico_exchange.gif) no-repeat left top;
line-height: 20px;
background-size: 20px auto;
font-weight: bold;
padding-left: 24px;
padding-bottom: 4px;
border-bottom: dotted 2px #ca417d;
margin: 20px 0 10px 0;
}
div#exchangepoint p.center { text-align: center; }
/* --------------------------------
	メールマガジン登録
-------------------------------- */

div#mailmag {}
div#mailmag section.about { padding:0 0 25px 0; background:#fddff0 url(//img.e87.com/s/info/img/mailmag/about_bg.jpg) no-repeat center top; background-size:320px 96px; -webkit-background-size:320px 96px; -moz-background-size:320px 96px; text-align:center; }
div#mailmag section.about img {}
div#mailmag section.about h1 { padding:15px 0 0 0; height:48px;}
div#mailmag section.about p.lead { height:88px; }
div#mailmag section.about ul {}
div#mailmag section.about ul li { font-size:0; line-height:1; }
div#mailmag section.about p.btn { clear:both; margin:15px 15px 0 15px; color:#fff; font-weight:bold; text-shadow:0 -1px #d60046; text-align:center;
background: -moz-linear-gradient(
	top,
	#fc92bc 0%,
	#f96fa6 50%,
	#f64c90 50%,
	#e73079);
background: -webkit-gradient(
	linear, left top, left bottom, 
	from(#fc92bc),
	color-stop(0.50, #f96fa6),
	color-stop(0.50, #f64c90),
	to(#e73079));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #f2b3cc;
-moz-box-shadow:
	1px 1px 3px rgba(000,000,000,0.2);
-webkit-box-shadow:
	1px 1px 3px rgba(000,000,000,0.2);
box-shadow:
	1px 1px 3px rgba(000,000,000,0.2);
}
div#mailmag section.about p.btn a { display:block; padding:14px 8px ; color:#fff; text-decoration:none; }

div#mailmag section.version { padding:0 15px; }
div#mailmag section.version h2 { padding:15px 0 0 0; color:#e73078; font-weight:bold; }
div#mailmag section.version p.txt { padding:10px 0 0 0; }


/* --------------------------------
	イイハナの「贈る日」
-------------------------------- */
div#gift_day{ width: 90%; margin: 0 auto; }
div#gift_day h2{ font-size: 18px; color: #3F1F0A; border-bottom: #3F1F0A 2px dotted; margin: 0 0 10px 0;}
div#gift_day p.btn{ 
padding: 20px 10px; 
margin: 10px;
font-weight:bold; 
background: #7F282A; 
border-radius: 10px; 
text-align:center; 
color: #FFF;
}
div#gift_day p.att{ font-size: 12px; color: red;}
div#gift_day p.images{ width: 95%; margin: 0 auto;}
div#gift_day p.img img{ width: 100%; height: auto; }



div#mailmag{padding:0 3%;font-family: kozuka-gothic-pr6n, sans-serif,"????", Meiryo, "?????? Pro W6", "Hiragino Kaku Gothic Pro";}

/* --- area_lead --- */

.area_lead h2.lead_title {position: relative;padding: 1.5rem;text-align: center;border-top: 2px solid #ca417d;background: #fff;width: 100%;margin: 55px auto 26px;box-sizing: border-box;}
.area_lead h2.lead_title:before,
.area_lead h2.lead_title:after {position: absolute;content: '';}
.area_lead h2.lead_title:before {top: -40px;transform: translateX(-50%);width: 70px;height: 70px;border: 2px solid #ca417d;border-radius: 50%;background: #fff;}
.area_lead h2.lead_title:after {top: 0;left: 0;width: 100%;height: 100%;background: #fff;}
.area_lead h2.lead_title span {position: relative;z-index: 1;color: #ca417d;}
.area_lead h2.lead_title span._main{font-size: 21px;display: block;text-align: center;position: absolute;width: 300px;left: 50%;transform: translateX(-50%);top: 30%;font-weight: 500;}
.area_lead h2.lead_title span._main::before{content: '';background: url(//img.e87.com/info/images/icon_light.png) no-repeat;background-position: center;background-size: cover;width: 24px;height: 38px;position: absolute;top: -42px;left: 47%;}
.area_lead h2.lead_title span._sub{margin-top: 8px;display: inline-block;position: absolute;left: 50%;transform: translateX(-50%);top: 65%;font-size:12px;}
.area_lead ._lead{font-size:14px;line-height: 1.6;margin-bottom:30px;}

/* --- area_mail --- */

.area_mail ._sample{width: 85%;margin: 0 auto;}
.area_mail ._sample span._more{display: block;text-align: center;position: relative;color: #ca417d;}
.area_mail ._sample span._more{display: block;text-align: center;position: relative;color: #ca417d;font-size:12px;}
.area_mail ._sample span._more::after{content: '+';width: 12px;height: 12px;border-radius: 50%;border: 1px solid;position: absolute;line-height: 12px;margin-left: 4px;font-weight: bold;top: 50%;transform: translateY(-50%);font-size: larger;}
.area_mail ul._mail{margin-bottom: 40px;}
.area_mail ul._mail li{width: 100%;text-align: center;position:relative;margin-bottom:60px;}
.area_mail ul._mail li::before{content: '';position: absolute;top: 55px;left: 0;transform: rotate(-25deg);width: 30px;height: 20px;background: url(//img.e87.com/info/images/icon_mail.gif) no-repeat;background-size: 100%;}
.area_mail ul._mail li span._tag{font-size: 16px;display: inline-block;text-align: center;position: relative;color: #fff;background: #ca417d;padding: 4px;margin: 0 auto 20px;width: 90%;box-sizing: border-box;}
.area_mail ul._mail li span._tag::before{position: absolute;top: 0;left: -20px;content: '';border-width: 16px 20px 16px 0;border-style: solid;border-color: transparent #ca417d transparent transparent;}
.area_mail ul._mail li span._tag::after{position: absolute;top: calc(50% - 6px);left: -3px;width: 12px;height: 12px;content: '';border-radius: 50%;background: #fff;}
.area_mail ul._mail li h3{font-weight: 600;font-size: 18px;text-align: center;color: #ca417d;position: relative;padding: 8px 1rem;border-bottom: 3px solid #ca417d;width: 100%;margin:0 auto 30px;box-sizing: border-box;}
.area_mail ul._mail li h3::before{position: absolute;bottom: -14px;left: 1em;width: 0;height: 0;content: '';border-width: 14px 12px 0;border-style: solid;border-color: #ca417d transparent transparent;}
.area_mail ul._mail li h3::after{position: absolute;bottom: -10px;left: 1em;width: 0;height: 0;content: '';border-width: 14px 12px 0;border-style: solid;border-color: #fff transparent transparent;}

/* --- area_point --- */

.area_point ul._point{margin-bottom: 25px;}
.area_point ul._point li{position:relative;width: 100%;padding: 7% 3%;background: #fff7fa;box-sizing: border-box;text-align: center;color: #ca417d;margin-bottom: 24px;}
.area_point ul._point li span._number{font-size:28px;position:relative;}
.area_point ul._point li span._number::before{content: '';
    background: url(//img.e87.com/info/images/star.png) no-repeat;
    position: absolute;
    top: -18px;
    left: -34px;
    width: 50px;
    height: 72px;
    background-size: 100%;
}
.area_point ul._point li h3.point_title{font-size:18px;text-align: center;margin-bottom: 8px;}
.area_point ul._point li p.point_lead{font-size:14px;color: #555555;line-height:1.6;text-align: left;}
.area_point .box_arrow ._catch{position: relative;top: 23%;font-weight: 600;}
.area_point .box_arrow{position: absolute;width: 70px;height: 70px;background: #CA417D;padding: 0px;text-align: center;color: #FFFFFF;font-size: 12px;font-weight: bold;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;top: -15px;right: 0;box-sizing: border-box;}
.area_point .box_arrow:after{border: solid transparent;content: '';height: 0;width: 0;pointer-events: none;position: absolute;border-color: rgba(202, 65, 125, 0);border-top-width: 15px;border-bottom-width: 15px;border-left-width: 9px;border-right-width: 8px;margin-left: -10px;border-top-color: #CA417D;top: 83%;left: 12%;transform: rotate(45deg);}

/* --- area_register --- */

.area_register div.button{width: 100%;background: #c62341;border-radius: 30px;box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 20%);margin: 0 auto 40px;transition:0.8s;}
.area_register .button a{color: #fff;display:block;text-align: center;padding: 8px 0;transition:0.8s;font-size: 18px;font-weight: bold;}
.area_register .button a:hover{text-shadow: 0 0 5px #fff;}
.area_register .button:hover{transform: translateY(-5px);}

/* --- area_domain --- */

.area_domain dl._domain{font-size:14px;border: 1px solid #cbcac2;margin-bottom: 60px;}
.area_domain ._domain dt{padding: 8px 5px 8px 26px;background: #f0f0f0 url(//img.e87.com/info/images/mailmag_icon.gif) no-repeat 6px center;}
.area_domain ._domain dd{padding: 3%;font-size:13px;line-height: 1.6;}

/* --- area_new_member --- */
.area_new_member{position:relative;}
.area_new_member .wrap_new_member{width: 100%;margin: 0 auto 16px;border: 1px solid #a62e44;padding: 3%;background: linear-gradient(to left, transparent 0%, transparent 66%, #fff 100%),url(//img.e87.com/img/goods/L/TO402650pm00.jpg) no-repeat;background-position: 141% 42%;background-size: 74%;position: relative;box-sizing: border-box;}
.area_new_member h4{font-size: min(4.8vw,18px);margin-bottom: 8px;text-align: center;font-weight: bold;text-shadow: 1px 1px 0 #fff;z-index: 1;}
.area_new_member h4::before{content: '';position: absolute;width: 65px;height: 65px;background-color: #a62e44;border-radius: 50%;top: -15px;left: 0;}
.area_new_member span._inner{display: block;position: absolute;top: -10px;left: 14px;text-align: center;color: #fff;line-height: 1.5;z-index: 1;font-size:12px;}
.area_new_member span._inner::before{content: '';width: 33px;height: 1px;position: absolute;top: 18px;left: 50%;transform: translateX(-50%);background: #fff;}
.area_new_member span._inner span._free{display: block;font-size: 18px;font-weight: 500;line-height: 1;}
.area_new_member span._sub{font-size: 12px;background: #fff;text-align: center;color: #a62e44;display:block;}
.area_new_member span._sub::before{content:'＼';}
.area_new_member span._sub::after{content:'／';}
.area_new_member .wrap_new_member_list ul{background:rgba(255,255,255,0.8);padding:3%;margin-bottom:3%;}
.area_new_member .wrap_new_member_list ul li{font-size: 13px;padding-left: 6%;line-height: 20px;margin-bottom: 8px;letter-spacing: 1px;position: relative;}
.area_new_member .wrap_new_member_list ul li:last-child{margin-bottom:0;}
.area_new_member .wrap_new_member_list ul li::before{content: '';background: url(//img.e87.com/info/images/icon_flower.jpg) no-repeat;background-size: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 15px;height: 15px;}
.area_new_member .wrap_new_member_list ul li span._red{color: #a62e44;font-weight: 700;}
.area_new_member .wrap_new_member ._button{text-align: center;}
.area_new_member .wrap_new_member ._button a{font-size: 16px;display: inline-block;padding: 2%;background: #a62e44;color: #fff;font-weight: bold;transition: 0.8s;width: 100%;text-align: center;box-sizing: border-box;box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 20%);}

/* --- area_sns --- */

.area_sns .wrap_sns{width: 100%;margin: 0 auto 60px;box-sizing: border-box;}
.area_sns .wrap_sns ul.sns_list{display:flex;justify-content: space-between;}
.area_sns .wrap_sns ul.sns_list li{width: 48%;}.area_sns .wrap_sns ul.sns_list li a{display:flex;align-items: center;}
.area_sns .wrap_sns ul.sns_list li a:hover{opacity:0.6;}
.area_sns .wrap_sns ul.sns_list li a div.inner_wrap{font-size:12px;margin-left:12px;}
.area_sns .wrap_sns ul.sns_list li a div.inner_wrap span{margin-bottom:2px;color: #401f1f;display:block;}
.area_sns .wrap_sns ul.sns_list li a .inner_wrap p{color: #fff;padding: 3px;border-radius: 15px;text-align: center;}
.area_sns .wrap_sns ul.sns_list li._line a .inner_wrap p{background-color: #06c755;}
.area_sns .wrap_sns ul.sns_list li._insta a .inner_wrap p{background-color: #cf2e92;}