/* ----------------------------------------
e87.com いいはなドットコム　CSS

date:2015/1/19
birthday
---------------------------------------- */

/* 
frame
----------------------------------- */

#contents { width:960px; margin:0 auto; }
h1,h2,h3,h4,h5,h6{ margin:0; padding:0; }
ul,dl { line-height:1.3; }
#contents .pagetop p { margin: 10px 0; float:right; }
#contents .allow { color: #ca417d; font-size: 85%; }
/* 
topArea
----------------------------------- */

#contents #topArea { height:150px; background: url(//img.e87.com/birthday/2016images/birthday_head.jpg) no-repeat left top; position:relative; }
#contents #topArea .top_txt{ position:absolute; top:80px; left:290px; width:400px; background:rgba(255,255,255,0.8); padding:8px; }
#contents #topArea .top_txt h1{ font-weight:bold; color:#673f17; }
/* 
mainArea
----------------------------------- */
#mainArea h2 {
    padding: 15px 15px;
    font-size: 200%;
    color: #673f17;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
    font-family: 'Noto Serif', serif;
    transform: rotate(0.05deg);
}
#mainArea h2 i {
    padding: 0 5px;
    color: #e2cb25;
}
/* --------	bear	-------- */
div#bear,
div#stone,
div#star{ background:#fffdeb; border:#e8e5d1 1px solid; }
div#bear h3,
div#stone h3,
div#bear h3, div#stone h3, div#star h3 {
    background: #f4edea;
    border-top: #FFFFFF 2px solid;
    border-bottom: #FFFFFF 2px solid;
    padding: 5px 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #673f17;
}
div#bear div.this_month,
div#bear div.last_month,
div#bear div.next_month{ background:#FFFFFF; border:#e8dfc1 1px solid; }
div#bear div.this_month{ float:left; width:380px; }
div#bear div.last_month,
div#bear div.next_month{ float:left; width:520px; margin-left:20px; }
div#bear div.this_month p{ position:relative; margin:10px; width:360px; height:300px; overflow:hidden; }
div#bear div.this_month p img{ position:absolute; top:-40px; }
div#bear dl{ padding:10px; margin:10px; }
div#bear dt a:link,
div#bear dt a:hover,
div#bear dt a:visited{ color:#AE1717; font-size:16px; font-weight: bold; }
div#bear div dl dd.price { border-top:#FFFFFF 2px solid; padding-top:10px; }
div#bear div dl dd.btn { background:#673f17; padding: 10px; border-radius: 6px; text-align: center; color: #fff; font-weight: bold; }
div#bear div.last_month p,
div#bear div.next_month p{ float:left; width:190px; }
div#bear div.last_month dl,
div#bear div.next_month dl{ float:left; width:280px; }
div#month div dl dt a:link,
div#month div dl dt a:hover,
div#month div dl dt a:visited{ font-weight: bold; color: #c0260c; font-size: 16px; }
/* --------	stone,star	-------- */

div#stone div.month,
div#star div.month{ background:#FFFFFF; float:left; width:295px; border:#e8dfc1 1px solid; }
div#stone dl,
div#star dl{ padding:10px; margin:10px; }
div#stone dt a:link,
div#stone dt a:hover,
div#stone dt a:visited,
div#star dt a:link,
div#star dt a:hover,
div#star dt a:visited{ color:#AE1717; font-size:16px; font-weight: bold; }
div#stone div dl dd.price,
div#star div dl dd.price  { border-top:#FFFFFF 2px solid; padding-top:10px; }
div#stone div dl dd.btn,
div#star div dl dd.btn { background: #673f17; padding: 10px; border-radius: 6px; text-align: center; color: #fff; font-weight: bold; }
/* --------	osusume	-------- */
div#osusume { background: linear-gradient(#FFFFFF, #fde7b9); border:#ddcca9 1px solid; }
div#osusume ul li{ float:left; width:450px; }
/* 誕生日PickUp
----------------------------------------------- */
h3.birthday { position: relative; padding: 5px 0 5px 10px; margin-top: 25px; color: #fff; font-weight: bold; font-size: 123%; background-color: #cb417d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #f5e9ed; background: -webkit-linear-gradient(bottom, #ff9dc3, #ff73a7 50%, #ff9dc3); background: -webkit-gradient(linear, left bottom, left top, from(#ff9dc3), color-stop(0.50, #ff73a7), to(#ff9dc3)); background: -moz-linear-gradient(bottom, #ff9dc3, #ff73a7 50%, #ff9dc3); background: -o-linear-gradient(bottom, #ff9dc3, #ff73a7 50%, #ff9dc3); background: -ms-linear-gradient(bottom, #ff9dc3, #ff73a7 50%, #ff9dc3); background: linear-gradient(to top, #ff9dc3, #ff73a7 50%, #ff9dc3); -pie-background: linear-gradient(#ff9dc3, #ff73a7, #ff9dc3); }
#birthdayPickUpSPArea { display:none; }
#birthdayPickUpArea { position:relative; }
#birthdayPickUpListSlideArea { width:860px !important; margin:0 auto; }
#birthdayPickUpListSlideArea .caroufredsel_wrapper { height:324px !important; }
#birthdayPickUpList li { border:#d9d9c2 1px solid; width:180px !important; height:300px; padding:11px; float:left; margin-right:20px; }
#birthdayPickUpList li p.img { line-height:0; margin-bottom:4px; }
#birthdayPickUpList li p.img img { width:180px; height:180px; }
#birthdayPickUpList li p.link { margin-bottom:6px; }
#birthdayPickUpList li p.link a { color:#ca417d; text-decoration:underline; font-size:93%; }
#birthdayPickUpList li p.link a:hover { text-decoration:none; }
#birthdayPickUpList li p.text { font-size:100%; line-height:1.5em; }
#birthdayPickUpPrevWrap { position:absolute; top:-1px; left:0; width:16px; z-index:1; }
#birthdayPickUpNextWrap { position:absolute; top:-1px; right:0; width:16px; z-index:1; }
#birthdayPickUpPrevBtn, #birthdayPickUpNextBtn { display:block !important; height:168px; background:url(//img.e87.com/selection/images/mothersDayColumnPickUpSliderBtn_bg.gif) left center repeat-x; position:relative; text-align:center; padding-top:157px; -webkit-box-shadow: #d5c3c5 0px 0px 2px; -moz-box-shadow: #d5c3c5 0px 0px 2px; box-shadow: #d5c3c5 0px 0px 2px; border: solid 1px #FFF; border-radius: 3px; }
/* 贈り物に関するお役立ちコラム
----------------------------------------------- */
#usefulClmBlockList li { width:225px; float:left; height:90px; }
#usefulClmBlockList li a { display:block; }
#usefulClmBlockList li.pcL { padding:5px 5px 5px 0; border-bottom: 1px dotted #751038; }
#usefulClmBlockList li.pcM { padding:5px; border-left: 1px dotted #751038; border-bottom: 1px dotted #751038; }
#usefulClmBlockList li.pcR { padding:5px 0 5px 5px; border-left: 1px dotted #751038; border-bottom: 1px dotted #751038; }
#usefulClmBlockList li.pcBottom { border-bottom: none; }
#usefulClmBlockList li span { display:block; line-height:1.4em; }
#usefulClmBlockList li span.txt { color:#CA417D; font-size:77%; text-decoration:underline; padding-left:5px; float:left; width:140px; }
#usefulClmBlockList li span.txt:hover { text-decoration:none; }
#usefulClmBlockList li span.txt02 { color:#696851; font-size:77%; padding:5px 0 0 5px; float:left; width:140px; }
#usefulClmBlockList li span.img { float:left; line-height:1.0em; }
#usefulClmBlockList li span.img img { width:80px; height:80px; }
#usefulClmBlockList li span.nonDisplay { display:inline; }
#mothersDayBnr_l { clear:both; margin:10px 0; }
#mothersDayBnr_l_sp,
.hiddenAreaWrap,
#usefulClmBlockList li span.continueDot,
#usefulClmBlockList li span br{ display:none; }