﻿.mainContents h2 {color: #e74f83;border-bottom: 3px double #e74f83;padding: 8px 0 3px!important;font-size: 20px!important;font-weight: bold!important;margin: 30px auto 20px!important;line-height: 1.2;}
.mainContents h2:before { content: "\25cf";}
.mainContents h3 {background: #fff;color: #e74f83;border-bottom: 3px double #e74f83;border-top: 3px double #e74f83;padding: 8px 0!important;text-align: center;font-size: 16px!important;font-weight: bold!important;margin: 30px auto 20px!important;line-height: 1.2;border-left: none;border-right: none;border-radius: 0;}
.mainContents p.priceUnitAreaTxt:nth-child(2) { line-height: 1.4em; font-size: 130%; font-weight: bold; padding-top: 10px; border-bottom: 1px solid #401f1f; display: inline-block;}
.mainContents p:last-child { font-size: 120%; line-height: 1.4; font-weight: bold; padding-top: 5px;}

@media screen and (max-width:767px) {
/* MAIN CONTENTS */
.mainContents {clear:both;position:relative;margin:0 auto;width:96%;}
.mainContents p {line-height:1.3em;font-size:14px;}
h1#pageTtil {font-size:150%;color:#b81a57;padding:8px 0 0;margin:70px 0 10px;line-height:1;font-weight: bold;}
h1#pageTtil:before { content: "\25cf";}
#mothersDayBnr_s {position:absolute;right:0;top:0;width:300px;}
#mothersDayBnr_s img {margin-top: 25px;width:300px;height:auto;}
/* MAIN VISUAL */
#summergiftBnr_s img { width: 300px; height: auto; margin-top: 40px;}
.mainContents h2 {font-size: 18px!important;}
#mainVisualArea {margin:0 0 20px;font-size:100%;}
#mainVisualArea p{float:none;margin:0 auto;text-align:center;}
#mainVisualArea p img{width:71%;}
#mainVisualInR {float:none;line-height:1.4em;width:90%;margin:0 auto;}
#mainVisualInR p{text-align:left;padding-top:10px;}
#mainVisualInR dl {margin:15px 0 0;}
#mainVisualInR dl dt {display:none;}
#mainVisualInR dl dd img {width:100%;}
/* COMMON CONTENTS */
.messageBoxWrapInner ul li {border-bottom: 3px dotted #761238; color: #761238;font-size: 120%;margin-bottom: 10px;padding: 10px 2px 5px;font-weight: bold;}
p.pinkLink {background:url(//img.e87.com/selection/images/linkAllowPink.gif) no-repeat left center;padding:0 0 0 12px;margin-left:8px;}
p.pinkLink a {color:#cc407d;text-decoration:underline;}
p.pinkLink a:hover {text-decoration:none;}
#massageListBtnWrap {position:relative;margin:0 auto 20px;border:1px solid #eaaac5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;padding:1px;}
#massageListBtnWrapInner {position:relative;text-align:left;color:#fff;padding:5px 20px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#cb417d), to(#e65494));
background:-webkit-linear-gradient(#cb417d, #e65494);
background:-moz-linear-gradient(#cb417d, #e65494);
background:-ms-linear-gradient(#cb417d, #e65494);
background:-o-linear-gradient(#cb417d, #e65494);
background:linear-gradient(#cb417d, #e65494);
-pie-background:linear-gradient(#cb417d, #e65494);}
#massageListBtnWrapInner p {padding:0 0 0 15px;background:url(//img.e87.com/selection/images/linkAllowWhite.gif) no-repeat left center;line-height:1.2em;}
#massageListBtnWrapInner a {color:#fff;font-weight:bold;font-size:100%;}
p.messageBoxTxt {margin:0 auto 10px auto;}
.shadowBoxWrap {position:relative;padding:0 0 1px;box-shadow:none;margin:0 0 10px;background:#fff;}
.shadowBoxWrapInner {border-bottom:none;padding:0;margin:10px 0 0;}
#otherRankBtnWrap {position:relative;width:170px;margin:10px auto 20px;border:1px solid #eaaac5;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;padding:1px;float:none;}
#otherRankBtnWrapInner {position:relative;text-align:center;color:#fff;padding:0 10px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#cb417d), to(#e65494));background:-webkit-linear-gradient(#cb417d, #e65494);background:-moz-linear-gradient(#cb417d, #e65494);background:-ms-linear-gradient(#cb417d, #e65494);background:-o-linear-gradient(#cb417d, #e65494);background:linear-gradient(#cb417d, #e65494);-pie-background:linear-gradient(#cb417d, #e65494);background:#cb417d;}
#otherRankBtnWrapInner a {background:url(//img.e87.com/selection/images/linkAllowWhite_s.gif) no-repeat left center;padding:0 0 0 7px;color:#fff;font-weight:bold;font-size:92%;}
#otherRankBtnWrapInner a span.pcTxt{display:none;}
}
@media screen and (min-width:768px) and (max-width:899px) {/* MAIN CONTENTS */
#mainContentsWrap {width:728px;float:none;margin:0 auto;}
.mainContents {  position: relative;}
.mainContents p {line-height:1.4em;font-size:14px;}
h1#pageTtil {font-size:185%;color:#b81a57;padding:15px 0 0; margin: 0 0 30px 0;line-height:1;font-weight: bold;}
h1#pageTtil:before {content: "\25cf";}
#mothersDayBnr_s {position:absolute;right:0;top:0;}
#mothersDayBnr_s img {width:325px;height:55px;margin-top:30px;display:none;}
/* MAIN VISUAL */
#mainVisualArea {margin:0 0 30px;}
#mainVisualArea {font-size:108%;}
#mainVisualInR {float:right;width:383px;line-height:1.4em;}
#mainVisualInR dl {margin:30px 0 0;}
#mainVisualInR dl dt {display:none;}
#mainVisualInR dl dd {margin:5px 0 0;}
#mainVisualInR dl dd img {width:100%;height:auto;}
/* COMMON CONTENTS */
.messageBoxWrapInner ul li {border-bottom: 3px dotted #761238; color: #761238;font-size: 120%;margin-bottom: 10px;padding: 10px 2px 5px;font-weight: bold;}
p.pinkLink {background:url(//img.e87.com/selection/images/linkAllowPink.gif) no-repeat left center;padding:0 0 0 12px;margin-left:8px;}
p.pinkLink a {color:#cc407d;text-decoration:underline;}
p.pinkLink a:hover {text-decoration:none;}
#massageListBtnWrap {position:relative;width:506px;margin:0 auto 35px;border:1px solid #eaaac5;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;padding:1px;}
#massageListBtnWrapInner {position:relative;text-align:center;color:#fff;padding:5px 0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#cb417d), to(#e65494));background:-webkit-linear-gradient(#cb417d, #e65494);background:-moz-linear-gradient(#cb417d, #e65494);background:-ms-linear-gradient(#cb417d, #e65494);background:-o-linear-gradient(#cb417d, #e65494);background:linear-gradient(#cb417d, #e65494);-pie-background:linear-gradient(#cb417d, #e65494);}
#massageListBtnWrapInner a {background:url(//img.e87.com/selection/images/linkAllowWhite.gif) no-repeat left center;padding:0 0 0 12px;color:#fff;font-weight:bold;font-size:123%;}
p.messageBoxTxt {margin:0 0 10px;}
.shadowBoxWrap {position:relative;padding:0 0 1px;box-shadow:none;margin:0 0 30px;background:#fff;}
.shadowBoxWrap.withGiftRanking{margin-bottom:10px;}
.shadowBoxWrapInner {border-bottom:none;padding:0 0 10px 0;margin:23px 0 0;}
#otherRankBtnWrap {position:relative;width:140px;margin:0 293px 20px 0;border:1px solid #eaaac5;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;padding:1px;}
#otherRankBtnWrapInner {position:relative;text-align:center;color:#fff;padding:0 10px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#cb417d), to(#e65494));
background:-webkit-linear-gradient(#cb417d, #e65494);
background:-moz-linear-gradient(#cb417d, #e65494);
background:-ms-linear-gradient(#cb417d, #e65494);background:-o-linear-gradient(#cb417d, #e65494);background:linear-gradient(#cb417d, #e65494);-pie-background:linear-gradient(#cb417d, #e65494);background:#cb417d;}
#otherRankBtnWrapInner a {background:url(//img.e87.com/selection/images/linkAllowWhite_s.gif) no-repeat left center;padding:0 0 0 7px;color:#fff;font-weight:bold;font-size:92%;}
#otherRankBtnWrapInner a span.pcTxt{display:none;}
}
@media screen and (min-width:900px) {
/* MAIN CONTENTS */
#mainContentsWrap {width: 950px; margin: 0 auto;}
.mainContents {position:relative;}
.mainContents p {line-height:1.4em;font-size:14px;}
h1#pageTtil {font-size:200%;color:#b81a57;padding:8px 0 0;margin:0 0 30px;line-height:1;font-weight: bold;}
h1#pageTtil:before { content: "\25cf";}
p#mothersDayBnr_s {position:absolute;right: 0;top: 0;}
/* MAIN VISUAL */
#mainVisualArea {margin:0 0 30px;}
#mainVisualInR {float:right;width:595px;line-height:1.4em;}
#mainVisualInR dl {margin:30px 0 0;}
#mainVisualInR dl dt { display: none;}
/* COMMON CONTENTS */
.messageBoxWrapInner span.text_b{font-weight:bold;}
.messageBoxWrapInner ul li {border-bottom: 3px dotted #761238; color: #761238;font-size: 120%;margin-bottom: 10px;padding: 10px 2px 5px;font-weight: bold;}
p.messageBoxTxt span.text_b{font-weight:bold;}
p.messageBoxTxt {margin:0 0 10px;}
div.linkBox {font-size:82%;padding:10px 0 20px;}
p.pinkLink {background:url(//img.e87.com/selection/images/linkAllowPink.gif) no-repeat left center;padding:0 0 0 12px;margin-left:8px;}
p.pinkLink a {color:#cc407d;text-decoration:underline;}
p.pinkLink a:hover {text-decoration:none;}
#massageListBtnWrap {position:relative;width:400px;margin:0 auto 35px;border:1px solid #eaaac5;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;padding:1px;}
#massageListBtnWrapInner {position:relative;text-align:center;color:#fff;padding:5px 0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#cb417d), to(#e65494));background:-webkit-linear-gradient(#cb417d, #e65494);background:-moz-linear-gradient(#cb417d, #e65494);background:-ms-linear-gradient(#cb417d, #e65494);background:-o-linear-gradient(#cb417d, #e65494);background:linear-gradient(#cb417d, #e65494);-pie-background:linear-gradient(#cb417d, #e65494);}
#massageListBtnWrapInner a {background:url(//img.e87.com/selection/images/linkAllowWhite.gif) no-repeat left center;padding:0 0 0 12px;color:#fff;font-weight:bold;font-size:108%;}
.shadowBoxWrap {position:relative;padding:0 0 1px;margin:0 0 30px;-webkit-box-shadow:0 5px 5px -3px #ede7e9;-moz-box-shadow:0 5px 5px -3px #ede7e9;box-shadow:0 5px 5px -3px #ede7e9;background:#fff;}
.shadowBoxWrap.withGiftRanking{margin-bottom:10px;}
.shadowBoxWrapInner {border-bottom:dotted 1px #c89fad;padding:0 0 10px;margin:23px 0 0;}
#otherRankBtnWrap {position:relative;width:170px;margin:0 auto 20px;border:1px solid #eaaac5;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;padding:1px;float:right;}
#otherRankBtnWrapInner {position:relative;text-align:center;color:#fff;padding:0 10px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#cb417d), to(#e65494));background:-webkit-linear-gradient(#cb417d, #e65494);background:-moz-linear-gradient(#cb417d, #e65494);background:-ms-linear-gradient(#cb417d, #e65494);background:-o-linear-gradient(#cb417d, #e65494);background:linear-gradient(#cb417d, #e65494);-pie-background:linear-gradient(#cb417d, #e65494);background:#cb417d;}
#otherRankBtnWrapInner a {background:url(//img.e87.com/selection/images/linkAllowWhite_s.gif) no-repeat left center;padding:0 0 0 7px;color:#fff;font-weight:bold;font-size:92%;}
#otherRankBtnWrapInner a span.sptlTxt{display:none;}
}