﻿.clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
@media screen and (max-width:767px) {/* MAIN CONTENTS */
.mainContents {clear:both;position:relative;margin:0 auto;width:97%;}
.mainContents p {line-height:1.5em;font-size:14px;}
h1#pageTtil {font-size:123%;color:#b81a57;padding:60px 0 0;margin:0 0 10px;text-align: center;}
#mothersDayBnr_s {position:absolute;right:0;top:0;width:95%;padding-top:27px;}
#mothersDayBnr_s img {margin-top:10px;height:auto;width:95%;}
/* 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;}
#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:14pt;}
#mainVisualInR dl dd {margin:5px 0 0;font-size:14px;line-height:1.5em;}
#mainVisualInR dl dd img { width:100%;}
#mainVisualInR dl dd p.osusume_ttl{background:#FF6767;text-align:center;padding:3px 0;color:#fff;font-weight:bold;}
#mainVisualInR dl dd ul.items {background:#FFF9EE;padding:3px;border:#FF6767 1px solid;}
#mainVisualInR dl dd ul.items li {width:30%;float:left;margin:0 5px;}
#mainVisualInR dl dd ul.items li p.txt{font-size:88%;line-height:1.1;padding-top:3px;}
/* COMMON CONTENTS */
.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;}
.shadowBoxWrapInner.columnB {border-bottom:none;padding:0 0 10px;margin:0;position:relative;}
.flowerUnitArea{float:none;padding:155px 0 0;}
.flowerUnitAreaTxt{border-bottom:none;padding:0 0 10px;margin:0;}
.flowerUnitAreaImg{float:none;position:absolute;top:0;left:75px;padding:5px;background:url(//img.e87.com/selection/images/flowerUnitAreaImgBg_sp.gif) left top;height:140px;}
.flowerUnitAreaImg img{width:auto;height:100%;border:solid 3px #fff;}
.flowerUnitAreaBtnWrap{border:1px solid #e15088;padding:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;width:280px;position:relative;margin:0 0 10px;margin:0 auto;}
.flowerUnitAreaBtnWrapInner{position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#ffbad4;}
.flowerUnitAreaBtnWrapInner p a{padding:15px 5px;display:block;color:#a6124b;font-weight:bold;background:url(//img.e87.com/selection/images/flowerUnitAreaBtnAllow.gif) no-repeat 260px center;text-align:center;}
.flowerUnitDisnon_sp{display:none;}
#otherRankBtnWrap {position:relative;width:150px;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;}
h1#pageTtil {font-size:200%;color:#b81a57;padding:8px 0 0;margin:0 0 30px;}
#mothersDayBnr_s {position:absolute;right:0;top:-16px;}
#mothersDayBnr_s img {width:325px;height:55px;margin-top:220px;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;}
/* COMMON CONTENTS */
.shadowBoxWrap {position:relative;padding:0 0 1px;box-shadow:none;margin:0 0 30px;background:#fff;}
.shadowBoxWrap.withGiftRanking{margin-bottom:10px;}
.shadowBoxWrap.columnB {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;}
.shadowBoxWrapInner {border-bottom:none;padding:0 0 10px;margin:23px 0 0;}
.shadowBoxWrapInner.columnB {border-bottom:dotted 1px #c89fad;padding:0 0 10px;margin:0;}
.flowerUnitArea{float:left;width:60%;}
.flowerUnitAreaTxt{border-bottom:dotted 1px #c89fad;padding:0 0 10px;margin:0 0 10px;}
.flowerUnitAreaImg{float:right;}
.flowerUnitAreaBtnWrap{border:1px solid #e15088;padding:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;width:331px;position:relative;margin:20px 0 10px;}
.flowerUnitAreaBtnWrapInner{position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:url(//img.e87.com/selection/images/flowerUnitAreaBtnBg.gif) left bottom;}
.flowerUnitAreaBtnWrapInner p a{padding:5px;display:block;color:#a6124b;font-weight:bold;background:url(//img.e87.com/selection/images/flowerUnitAreaBtnAllow.gif) no-repeat 310px center;padding: 10px;}
#otherRankBtnWrap {position:relative;width:200px;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;}
#mainVisualInR dd.sub_{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:185%;color:#b81a57;padding:8px 0 0;margin:0 0 30px;width:340px;line-height:1;}
#mothersDayBnr_s {position:absolute;right:0;top:30px;}
/* 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;}
#mainVisualInR dl dd {margin:0 0 20px;}
/* COMMON CONTENTS */
.shadowBoxWrap {position:relative;margin:0 0 30px;padding:0 0 1px;-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;}
.shadowBoxWrapInner.columnB {border-bottom:dotted 1px #c89fad;padding:0 0 10px;margin:0;}
.flowerUnitArea{float:left;width:65%;}
.flowerUnitAreaTxt{border-bottom:dotted 1px #c89fad;padding:0 0 10px;margin:0 0 10px;}
.flowerUnitAreaImg{float:right;margin-right:20px;}
.flowerUnitAreaBtnWrap{border:1px solid #e15088;padding:1px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#fff;width:331px;position:relative;margin:20px 0 10px;}
.flowerUnitAreaBtnWrapInner{position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:url(//img.e87.com/selection/images/flowerUnitAreaBtnBg.gif) left bottom;}
.flowerUnitAreaBtnWrapInner p a{padding:5px;display:block;color:#a6124b;font-weight:bold;padding: 10px;}
#otherRankBtnWrap {position:relative;width:200px;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;}
#mainVisualInR dd.sub_{display:none;}
}