@media screen and (max-width:767px) {
/* MAIN CONTENTS */
.mainContents {clear:both;position:relative;margin:0 auto;width:97%;}
.mainContents p {line-height:1.3em;font-size:14px;}
.mainContents a img:hover{opacity: 0.7;}
h1#pageTtil {font-size:123%;color:#b81a57;padding:20% 10px 0 0;margin:0 0 10px;text-align: center;}
#mothersDayBnr_s {position:absolute;right:0;top:0;width:95%;padding-top:35px;}
#mothersDayBnr_s img {width:95%;height:auto;}
/* MAIN VISUAL */
#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 {color:#761038;font-weight:bold;background:url(//img.e87.com/selection/images/flowerCmnIco.gif) no-repeat left center;padding:0 0 0 18px;line-height:1.4em;font-size:125%;}
#mainVisualInR dl dd {margin:5px 0 0;font-size:14px;line-height:1.3;}
#mainVisualInR dl dd img {width:100%;}
/* COMMON CONTENTS */
.messageBoxWrap {border:1px solid #a05a76;padding:1px;margin:0 0 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;position:relative;margin:0 0 20px 0;}
.messageBoxWrapInner {border:1px solid #dbb9c7;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff8fb;padding:10px 10px 5px;position:relative;}
.messageBoxWrapInner ul li,
.messageBoxWrapInner ul li:first-child{color:#761238;background:url(//img.e87.com/selection/images/flowerCmnIco.gif) no-repeat left 0.1em;padding:0 0 9px 20px;border-bottom:dotted 1px #761238;margin:9px 0 0 0;}
.messageBoxWrapInner ul li:first-child,
.messageBoxWrapInner ul li.last{margin:0 !important;}
.messageBoxWrapInner ul li.last {border-bottom:0 !important;}
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;width:90%;}
.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 {}
.mainContents p {line-height:1.4em;font-size:14px;}
.mainContents a img:hover{opacity: 0.7;}
h1#pageTtil {font-size:200%;color:#b81a57;padding:8px 0 0;margin:0 0 30px;line-height:1;width:330px;}
#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 {color:#761038;font-weight:bold;background:url(//img.e87.com/selection/images/flowerCmnIco.gif) no-repeat left center;padding:0 0 0 18px;line-height:1.4em;}
#mainVisualInR dl dd {margin:5px 0 0;}
#mainVisualInR dl dd img {width:100%;height:auto;}
/* COMMON CONTENTS */
.messageBoxWrap {border:1px solid #a05a76;padding:1px;margin:0 0 30px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;position:relative;}
.messageBoxWrapInner {border:1px solid #dbb9c7;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff8fb;padding:10px 10px 5px;position:relative;}
.messageBoxWrapInner ul li {color:#761238;background:url(//img.e87.com/selection/images/flowerCmnIco.gif) no-repeat left 0.1em;padding:0 0 9px 20px;border-bottom:dotted 1px #761238;margin:9px 0 0;}
.messageBoxWrapInner ul li:first-child {color:#761238;background:url(//img.e87.com/selection/images/flowerCmnIco.gif) no-repeat left 0.1em;padding:0 0 9px 20px;border-bottom:dotted 1px #761238;margin:0;}
.messageBoxWrapInner ul li.last {color:#761238;background:url(//img.e87.com/selection/images/flowerCmnIco.gif) no-repeat left 0.1em;padding:0 0 9px 20px;border-bottom:0;margin:9px 0 0;}
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;position:relative;}
.mainContents {position:relative;}
.mainContents p {line-height:1.4em;font-size:14px;}
.mainContents a img:hover{opacity: 0.7;}
h1#pageTtil {font-size:185%;color:#b81a57;padding:8px 0 0;margin:0 0 30px;width:950px;line-height:1;}
#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 {color:#761038;font-weight:bold;background:url(//img.e87.com/selection/images/flowerCmnIco.gif) no-repeat left center;padding:0 0 0 18px;line-height:1.4em;}
/* COMMON CONTENTS */
.messageBoxWrap {border:1px solid #a05a76;padding:1px;margin:0 0 30px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;position:relative;}
.messageBoxWrapInner {border:1px solid #dbb9c7;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff8fb;padding:10px 10px 5px;position:relative;}
.messageBoxWrapInner span.text_b{font-weight:bold;}
.messageBoxWrapInner ul li {color:#761238;background:url(//img.e87.com/selection/images/flowerCmnIco.gif) no-repeat left 0.1em;padding:0 0 9px 20px;border-bottom:dotted 1px #761238;margin:9px 0 0;}
.messageBoxWrapInner ul li:first-child {color:#761238;background:url(//img.e87.com/selection/images/flowerCmnIco.gif) no-repeat left 0.1em;padding:0 0 9px 20px;border-bottom:dotted 1px #761238;margin:0;}
.messageBoxWrapInner ul li.last {color:#761238;background:url(//img.e87.com/selection/images/flowerCmnIco.gif) no-repeat left 0.1em;padding:0 0 9px 20px;border-bottom:0;margin:9px 0 0;}
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;}
}