@media screen and (max-width:767px) {
/* MAIN CONTENTS */
.mainContents {clear:both;position:relative;margin:0 auto;width:95%;}
.mainContents p {line-height:1.6em;font-size:100%;}
.leadTxt{margin:0 0 10px 0;}
h1#pageTtil {font-size: 123%;color: #b81a57;margin: 0 0 10px;text-align: center;}
#mothersDayBnr_s img {width:100%;height:auto;}
/* MAIN VISUAL */
#mainVisualArea {margin:0 0 30px;font-size:100%;}
#mainVisualArea p {float:none;margin:0 auto;text-align:center;}
#mainVisualArea p img {width:71%;}
#mainVisualInR {float:none;width:383px;line-height:1.4em;text-align:left;}
#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 */
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;}
.shadowBoxWrap {position:relative;padding:0 0 1px;box-shadow:none;background:#fff;}
.shadowBoxWrapInner {border-bottom:none;padding:0 0 10px;margin:10px 0 0;}
/*ランキングページ*/
.rankingBlock0103ListWrap {margin-bottom:0;}
.rankingBlock0103Wrap {width:100%;position:relative;border:#f3bbc1 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-bottom:10px;}
.rankingBlock0103Wrap.last {margin-right:0;margin-bottom:0;}
.rankingBlock0103 {position:relative;border:#FFF 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:6px 9px 9px;}
.rankingBlock0103 p {font-size:100% !important;line-height:1.4em !important;margin-top:8px;}
.rankingBlock0103 p.img{float:left;width:35vw;}
.rankingBlock0103 p.txt{width:50vw;float:left;padding-left:10px;}
.rankingBlock0103 p.txt span.continueDot a{color:#CA417D;text-decoration:underline;}
.rankingBlock0103 p.txt span.continueDot a:hover{text-decoration:none;}
.rankingBlock0103 p.txt span.nonDisplay{display:none;}
.rankingBlock0103 p.img img{width:100%;height:auto;}
.rankingBlock0103 h2 span {width:38px;height:35px;float:left;}
.rankingBlock0103 h2 a {color:#CA417D;display:block;float:left;width:232px;padding:3px 0 0 8px;text-decoration:underline;font-size:108%;}
.rankingBlock0103 h2 a:hover {text-decoration:none;}
.rankingBlock0103#rank01 {background:#fffde0;}
.rankingBlock0103#rank02 {background:#f4f6f2;}
.rankingBlock0103#rank03 {background:#fae9dc;}
.rankingCassetWrap {margin-bottom:0;}
.rankingCassetWrap p {font-size:100% !important;line-height:1.4em !important;}
.rankingCassetWrap p.img {width:35%;float:left;}
.rankingCassetWrap p img {width:100%;height:auto;}
.rankingCassetWrap p.link {margin-bottom:10px;}
.rankingCassetWrap p a {text-decoration:underline;color:#CA417D;}
.rankingCassetWrap p a:hover{text-decoration:none;}
.rankingCassetL, .rankingCassetR {width:95%;margin:0 auto;}
.rankingCassetL {float:none;clear:both;margin-top:20px;}
.rankingCassetR {float:none;clear:both;margin-top:20px;}
.rankingCassetInner {width:60%;padding-left:10px;float:left;}
#rankingGiftExplanationArea {position:relative;border:#f3bbc1 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#rankingGiftExplanationAreaInner {position:relative;border:#FFF 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px;background:#ffe6e8;}
#rankingGiftExplanationArea h3 {background:none;border:none;padding:0;margin:0;color:#751038;font-size:108%;text-align:center;padding-bottom:8px;border-bottom:#c890a2 1px dotted;margin-bottom:10px !important;}
.rankingOpenCloseBtn{border-bottom:1px solid #B0B0B0;border-top:1px solid #B0B0B0;}
.rankingOpenCloseBtn a{position:relative;background-color:#a6a6a6;-webkit-box-shadow:inset 0 -1px 1px #fff;-moz-box-shadow:inset 0 -1px 1px #fff;box-shadow:inset 0 -1px 1px #fff;background-image:-webkit-gradient(linear,left bottom,left top,from(#efefef),to(#fff));background:-webkit-linear-gradient(bottom, #efefef, #fff);background:-moz-linear-gradient(bottom, #efefef, #fff);background:-o-linear-gradient(bottom, #efefef, #fff);background:-ms-linear-gradient(bottom, #efefef, #fff);background:linear-gradient(to top, #efefef, #fff);-pie-background:linear-gradient(#fff, #efefef);display:block;padding:7px 0 7px 10px;}
.rankingOpenCloseBtn a{text-decoration:none !important;}
.rankingOpenCloseBtn a span{color:#751038;display:block;font-weight:bold;height:26px;line-height:26px;line-height:26px;background:url("//img.e87.com/selection/images/accordionIco_tab.gif") no-repeat scroll 95% 4px;font-size:108%;width:95%;border-left:#ce1e62 4px solid;padding-left:4px;}
.rankingOpenCloseBtn a.open span{background:url("//img.e87.com/selection/images/accordionIco_tab.gif") no-repeat scroll 95% -24px;}
#rank04,#rank05,#rank06,#rank07,#rank08,#rank09,#rank10{display:none;}
#rank06{margin-bottom:20px;}
}
@media screen and (min-width:768px) and (max-width:899px) {/* MAIN CONTENTS
----------------------------------------------- */
.mainContents {clear:both;position:relative;margin:0 auto;width:728px;}
.mainContents p {line-height:1.6em;font-size:108%;}
.leadTxt{margin:0 0 20px 0;}
h1#pageTtil {font-size:200%;color:#b81a57;padding:8px 0 0 0;margin:0 0 30px 0;}
#mothersDayBnr_s {position:absolute;right:0;top:-16px;}
#mothersDayBnr_s img {width:325px;height:55px;}
/* COMMON CONTENTS */
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;}
.shadowBoxWrap {position:relative;padding:0 0 1px;margin:0 0 30px;box-shadow:none;background:#fff;}
.shadowBoxWrapInner {border-bottom:none;padding:0 0 10px;margin:23px 0 0;}
.shadowBoxWrap.ranking {position:relative;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;margin-bottom:50px;}
.shadowBoxWrapInner.ranking {border-bottom:dotted 1px #c89fad;padding:0 0 10px;margin:23px 0 0 0;}
/*ランキングページ*/
.rankingBlock0103ListWrap {margin-bottom:7px;}
.rankingBlock0103Wrap {width:234px;position:relative;border:#f3bbc1 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;float:left;margin-right:10px;}
.rankingBlock0103Wrap.last {margin-right:0;}
.rankingBlock0103 {position:relative;border:#FFF 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:6px 9px 9px;min-height:420px;}
.rankingBlock0103 p {font-size:93% !important;line-height:1.4em !important;margin-top:8px;}
.rankingBlock0103 p.txt span.continueDot{display:none;}
.rankingBlock0103 p.img img{width:214px;height:214px;}
.rankingBlock0103 h2 span {width:38px;height:35px;float:left;}
.rankingBlock0103 h2 a {color:#CA417D;display:block;float:left;width:168px;padding:3px 0 0 8px;text-decoration:underline;font-size:93%;}
.rankingBlock0103 h2 a:hover {text-decoration:none;}
.rankingBlock0103#rank01 {background:#fffde0;}
.rankingBlock0103#rank02 {background:#f4f6f2;}
.rankingBlock0103#rank03 {background:#fae9dc;}
.rankingCassetWrap {margin-bottom:20px;}
.rankingCassetWrap p {font-size:93% !important;line-height:1.4em !important;}
.rankingCassetWrap p.img {width:120px;float:left;}
.rankingCassetWrap p img {width:100%;height:auto;}
.rankingCassetWrap p.link {margin-bottom:10px;}
.rankingCassetWrap p a {text-decoration:underline;color:#CA417D;}
.rankingCassetWrap p a:hover{text-decoration:none;}
.rankingCassetL, .rankingCassetR {width:356px;}
.rankingCassetL {float:left;}
.rankingCassetR {float:right;}
.rankingCassetInner {width:226px;padding-left:10px;float:left;}
#rankingGiftExplanationArea {position:relative;border:#f3bbc1 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#rankingGiftExplanationAreaInner {position:relative;border:#FFF 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px;background:#ffe6e8;}
#rankingGiftExplanationArea h3 {background:none;border:none;padding:0;margin:0;color:#751038;font-size:108%;text-align:center;padding-bottom:8px;border-bottom:#c890a2 1px dotted;margin-bottom:10px;}
.rankingOpenCloseBtn{display:none;}
}
@media screen and (min-width:900px) {
/* MAIN CONTENTS */
#mainContentsWrap {width:950px;}
.mainContents {clear:both;float:left;width:950px;position:relative;}
.mainContents p {line-height:1.4em;}
.leadTxt{margin:0 0 20px 0;}
h1#pageTtil {font-size:185%;color:#b81a57;padding:8px 0 0;margin:0 0 30px;width:340px;}
#mothersDayBnr_s {position:absolute;right:0;top:-16px;}
/* COMMON CONTENTS */
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;}
.shadowBoxWrap {position:relative;padding:0 0 1px 0;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;}
.shadowBoxWrapInner {border-bottom:dotted 1px #c89fad;padding:0 0 10px;margin:23px 0 0;}
/*ランキングページ*/
.rankingBlock0103ListWrap {margin-bottom:7px;}
.rankingBlock0103Wrap {width:30%;position:relative;border:#f3bbc1 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;float:left;margin-right:20px;}
.rankingBlock0103Wrap.last {margin-right:0;}
.rankingBlock0103 {position:relative;border:#FFF 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:6px 9px 9px;min-height:430px;}
.rankingBlock0103 p {font-size:93%;margin-top:8px;}
.rankingBlock0103 p.txt span.continueDot{display:none;}
.rankingBlock0103 h2 span {width:38px;height:35px;float:left;}
.rankingBlock0103 h2 a {color:#CA417D;display:block;float:left;width:75%;padding:3px 0 0 8px;text-decoration:underline;}
.rankingBlock0103 h2 a:hover {text-decoration:none;}
.rankingBlock0103#rank01 {background:#fffde0;}
.rankingBlock0103#rank02 {background:#f4f6f2;}
.rankingBlock0103#rank03 {background:#fae9dc;}
.rankingCassetWrap {margin-bottom:20px;}
.rankingCassetWrap p {font-size:93%;}
.rankingCassetWrap p.img {width:120px;float:left;}
.rankingCassetWrap p img {width:100%;height:auto;}
.rankingCassetWrap p.link {margin-bottom:10px;}
.rankingCassetWrap p a {text-decoration:underline;color:#CA417D;}
.rankingCassetWrap p a:hover{text-decoration:none;}
.rankingCassetL, .rankingCassetR {width:49%;}
.rankingCassetL {float:left;}
.rankingCassetR {float:right;}
.rankingCassetInner {width:70%;padding-left:10px;float:left;}
#rankingGiftExplanationArea {position:relative;border:#f3bbc1 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#rankingGiftExplanationAreaInner {position:relative;border:#FFF 1px solid;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:10px;background:#ffe6e8;}
#rankingGiftExplanationArea h3 {background:none;border:none;padding:0;margin:0;color:#751038;font-size:108%;text-align:center;padding-bottom:8px;border-bottom:#c890a2 1px dotted;margin-bottom:10px;}
.rankingOpenCloseBtn{display:none;}
}