@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:#0E0074;padding:60px 0 0 0;margin:0 0 10px 0;}
#agedDayBnr_s {position:absolute;right:0;top:-6px;width:95%;}
#agedDayBnr_s img {width:95%;height:47px;}
/* MAIN VISUAL */
#mainVisualArea {margin:0 0 30px 0;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 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 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 0;box-shadow:none;background:#fff;}
.shadowBoxWrapInner {border-bottom:none;padding:0 0 10px 0;margin:10px 0 0 0;}
/*ランキングページ*/
.rankingBlock0103ListWrap {margin-bottom:0px;}
.rankingBlock0103Wrap {width:100%;position:relative;border:#D1BBF3 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;}
.rankingBlock0103 p.txt{width:52%;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:110px;height:110px;}
.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:0px;}
.rankingCassetWrap p {font-size:100% !important;line-height:1.4em !important;}
.rankingCassetWrap p.img {width:120px;float:left;}
.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%;}
.rankingCassetL {float:none;clear:both;margin-top:20px;}
.rankingCassetR {float:none;clear:both;margin-top:20px;}
.rankingCassetInner {width:170px;padding-left:10px;float:left;}
#rankingGiftExplanationArea {position:relative;border:#D1BBF3 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:#F1E6FF;}
#rankingGiftExplanationArea h3 {background:none;border:none;padding:0;margin:0;color:#1B1075;font-size:108%;text-align:center;padding-bottom:8px;border-bottom:#9A90C8 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:#1B1075;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:282px;border-left:#321ECE 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:#0E0074;padding:8px 0 0 0;margin:0 0 30px 0;}
#agedDayBnr_s {position:absolute;right:0;top:-16px;}
#agedDayBnr_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 0;margin:0 0 30px 0;box-shadow:none;background:#fff;}
.shadowBoxWrapInner {border-bottom:none;padding:0 0 10px 0;margin:23px 0 0 0;}
.shadowBoxWrap.ranking {position:relative;padding:0 0 1px 0;-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 #A59FC8;padding:0 0 10px 0;margin:23px 0 0 0;}
/*ランキングページ*/
.rankingBlock0103ListWrap {margin-bottom:7px;}
.rankingBlock0103Wrap {width:234px;position:relative;border:#D1BBF3 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.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:#D1BBF3 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:#F1E6FF;}
#rankingGiftExplanationArea h3 {background:none;border:none;padding:0;margin:0;color:#1B1075;font-size:108%;text-align:center;padding-bottom:8px;border-bottom:#9A90C8 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:#0E0074;padding:8px 0 0 0;margin:0 0 30px 0;width:340px;}
#agedDayBnr_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 0;-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 #A59FC8;padding:0 0 10px 0;margin:23px 0 0 0;}
/*ランキングページ*/
.rankingBlock0103ListWrap {margin-bottom:7px;}
.rankingBlock0103Wrap {width:30%;position:relative;border:#D1BBF3 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:174px;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.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:#D1BBF3 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:#F1E6FF;}
#rankingGiftExplanationArea h3 {background:none;border:none;padding:0;margin:0;color:#1B1075;font-size:108%;text-align:center;padding-bottom:8px;border-bottom:#9A90C8 1px dotted;margin-bottom:10px;}
.rankingOpenCloseBtn{display:none;}

}