@media screen and (max-width: 767px) { /* MAIN CONTENTS
----------------------------------------------- */
.mainContents { clear:both; position:relative; margin:0 auto; width:97%; }
.mainContents p { line-height:1.6em; font-size:100%; }
.mainContents p img{ width: 100%; }
h1#pageTtil { font-size:123%; color:#0E0074; padding:60px 0 0 0; margin:0 0 10px 0; }
#agedDayBnr_s { position:absolute; right:0; top:-4px; width:300px; }
#agedDayBnr_s img { margin-top:50px; height: 47px; width: 300px; }
/* MAIN VISUAL */
#mainVisualArea { margin:0 0 20px 0; 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; clear:both;}
#mainVisualInR dl { margin:15px 0 0 0; }
#mainVisualInR dl dt { color:#104976; font-weight:bold; background:url(//img.e87.com/selection/father/2013images/flowerCmnIco.gif) no-repeat left center; padding:0 0 0 18px; line-height:1.4em; }
#mainVisualInR dl dd { margin:5px 0 0 0; }
#mainVisualInR dl dd img { width: 100%; }
/* COMMON CONTENTS */
.shadowBoxWrap { position:relative; padding:0 0 1px 0; box-shadow:none; margin:0 0 10px 0; background:#fff; }
.shadowBoxWrapInner { border-bottom:none; padding:0; margin:10px 0 0 0; }
.shadowBoxWrapInner.columnB { border-bottom:none; padding:0 0 10px 0; margin:0 auto; position:relative; width:90%; }
.flowerUnitArea {
    float: none;
    padding: 10px 0 0;
}
.flowerUnitAreaTxt{ border-bottom:none; padding:0 0 10px 0; margin:0; }
.flowerUnitAreaImg { float: none; position: static; padding: 5px; background: url(//img.e87.com/selection/father/2013images/flowerUnitAreaImgBg_sp.gif) left top; height: 140px;  text-align: center;margin-top: 10px;}
.flowerUnitAreaImg img{ width:134px; border:solid 3px #fff; }
.flowerUnitAreaBtnWrap{ border: 1px solid #5056e1; padding:1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; width:280px; position:relative; margin:0 0 10px 0; margin:0 auto; }
.flowerUnitAreaBtnWrapInner{ position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:url(//img.e87.com/selection/agedday/2013images/flowerUnitAreaBtnBg.gif) left bottom; }
.flowerUnitAreaBtnWrapInner p a{ padding:5px; display:block; color:#2312a6; font-weight:bold; background:url(//img.e87.com/selection/agedday/2013images/flowerUnitAreaBtnAllow.gif) no-repeat 260px center; }
.flowerUnitDisnon_sp{ display:none; }
#otherRankBtnWrap { position:relative; width:140px; 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-color: #cb417d\9; }
#massageListBtnWrap p{ background: #a763dc; padding: 7px; width: 80%; margin: 15px auto; border-radius: 8px; text-align: center; }
#massageListBtnWrap p a:link, #massageListBtnWrapInner p a:visited, #massageListBtnWrapInner p a:hover, #massageListBtnWrapInner p a:active{ font-weight: bold; color: #FFF; }
#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; }
#agedDayBnr_l_sp img {
    clear: both;
    width: 95%;
    height: auto;
    max-width: 400px;
}
}
@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; }
h1#pageTtil { font-size:200%; color:#0E0074; padding:8px 0 0 0; margin:0 0 30px 0; }
#agedDayBnr_s { position:absolute; right:0; top:30px; }
#agedDayBnr_s img { width:325px; height:55px; }
/* MAIN VISUAL */
#mainVisualArea { margin:0 0 30px 0; }
#mainVisualArea { font-size:108%; }
#mainVisualInR { float:right; width:383px; line-height:1.4em; }
#mainVisualInR dl { margin:30px 0 0 0; }
#mainVisualInR dl dt { color:#104976; font-weight:bold; background:url(//img.e87.com/selection/father/2013images/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 */
.shadowBoxWrap { position:relative; padding:0 0 1px 0; box-shadow:none; margin:0 0 30px 0;	background:#fff; }
.shadowBoxWrap.withGiftRanking{ margin-bottom:10px; }
.shadowBoxWrap.columnB { 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; }
.shadowBoxWrapInner { border-bottom:none; padding:0 0 10px 0; margin:23px 0 0 0; }
.shadowBoxWrapInner.columnB { border-bottom:dotted 1px #A59FC8; padding:0 0 10px 0; margin:0 0 0 0; }
.flowerUnitArea{ float:left; width:507px; }
.flowerUnitAreaTxt{ border-bottom:dotted 1px #A59FC8; padding:0 0 10px 0; margin:0 0 10px 0; }
.flowerUnitAreaImg{ float:right; }
.flowerUnitAreaBtnWrap{ border: 1px solid #5056e1; padding:1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; width:331px; position:relative; margin:10px 0; }
.flowerUnitAreaBtnWrapInner{ position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:url(//img.e87.com/selection/agedday/2013images/flowerUnitAreaBtnBg.gif) left bottom; }
.flowerUnitAreaBtnWrapInner p a{ padding:5px; display:block; color:#2312a6; font-weight:bold; background:url(//img.e87.com/selection/agedday/2013images/flowerUnitAreaBtnAllow.gif) no-repeat 310px center; }
#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-color: #cb417d\9; }
#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; }
h1#pageTtil { font-size:185%; color:#0E0074; padding:8px 0 0 0; margin:0 0 30px 0; width:340px;line-height: 1.1; }

#agedDayBnr_s { position:absolute; right:0; top:30px; }
/* MAIN VISUAL */
#mainVisualArea { margin:0 0 30px 0; }
#mainVisualInR { float:right; width:595px; line-height:1.4em; }
#mainVisualInR dl { margin:30px 0 0 0; }
#mainVisualInR dl dt { color:#104976; font-weight:bold; background:url(//img.e87.com/selection/father/2013images/flowerCmnIco.gif) no-repeat left center; padding:0 0 0 18px; line-height:1.4em; }
#mainVisualInR dl dd { margin:0 0 20px 0; }
/* COMMON CONTENTS */

.shadowBoxWrap { position:relative; margin:0 0 30px 0; 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; }
.shadowBoxWrap.withGiftRanking{ margin-bottom:10px; }
.shadowBoxWrapInner { border-bottom:dotted 1px #A59FC8; padding:0 0 10px 0; margin:23px 0 0 0; }
.shadowBoxWrapInner.columnB { border-bottom:dotted 1px #A59FC8; padding:0 0 10px 0; margin:0 0 0 0; }
.flowerUnitArea{ float:left; width:535px; }
.flowerUnitAreaTxt{ border-bottom:dotted 1px #A59FC8; padding:0 0 10px 0; margin:0 0 10px 0; }
.flowerUnitAreaImg{ float:right; }
.flowerUnitAreaBtnWrap{ border: 1px solid #5056e1; padding:1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; width:331px; position:relative; margin:0px auto 20px auto; }
.flowerUnitAreaBtnWrapInner{ position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:url(//img.e87.com/selection/agedday/2013images/flowerUnitAreaBtnBg.gif) left bottom; text-align:center; }
.flowerUnitAreaBtnWrapInner p a{ padding:5px; display:block; color:#2312a6; font-weight:bold; }

#otherRankBtnWrap { position:relative; width:130px; 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-color: #cb417d\9; }

#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; }
#massageListBtnWrap { position: relative; width: 400px; margin: 0 auto 35px; -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{ color:#fff; }
p#agedDayBnr_l_sp { display: none;}
}