@charset "utf-8";

/* 共通 ============================== */
body { background-color: red; letter-spacing: 0.05em; }
#page-top { bottom: 108px; }

div.wrapper { min-width: 980px; background: url(../../images_cmn/logo_w300_wline.png) 20px 15px no-repeat; }
div.contWrap { margin: 0 auto; width: 970px; }



div.contWrap div.leftPics { float: left; width: 312px; background: url(../images/myserena_pics01.png) 0 90px no-repeat; min-height: 589px; }
div.contWrap div.leftPics div.pics02area { margin-top: 0; background: url(../images/myserena_pics02re.png) left top no-repeat; min-height: 749px; }
/*
div.leftPics p.pic1 { margin-top: 112px; }
div.leftPics p.pic2 { margin: 48px 0 0 10px; }
div.leftPics p.pic3 { margin-top: 64px; }
div.leftPics p.pic4 { margin: 32px 0 0 10px; }
*/
div.soundBoxArea { padding: 560px 30px 0 0; }

div.soundBoxArea div.boxTit { margin-top: 8px; background-color: black; color: white; padding: 8px 8px 6px; line-height: 1.35; border-top-left-radius: 7px; border-top-right-radius: 7px; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
div.soundBoxArea div.boxTitNew { background: black url(../../images_cmn/icon_new.png) 98% 48% no-repeat; }

div.soundBoxArea div.boxTweet { background-color: white; padding: 8px; line-height: 1.6; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
div.boxPlayerWrap { border-top: dashed 1px #ccc; padding: 10px 8px; background-color: #eee; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
p.soundTit { color: red; font-weight: bold; border: solid 2px red; display: inline-block; line-height: 1; padding: 5px 8px 3px; background-color: white; }
div.soundPlayer { padding: 16px 0 8px; }

div.contWrap div.rightCont { float: right; width: 658px; position: relative; }
div.rightCont img.abeserena { position: absolute; left: -178px; top: 111px; z-index: 10; }
div.rightCont p.title { margin-top: 20px; text-align: right; }
div.rightCont div.myserenaCont { background: url(../images/myserena_pole.png) left top repeat-y; padding-top: 25px; padding-left: 160px; min-height: 1200px; /* min-height: 1139px; */ }
div.myserenaCont div.leadBox { border: solid 2px white;  border-radius: 2px; }
div.leadBox p.tit { padding: 15px 20px; line-height: 1.5; font-weight: bold; color: white; border-bottom: solid 1px white; font-size: 152%; }
div.leadBox div.leadCont { padding: 20px 20px 30px; }
div.leadCont p.onair { font-size: 128%; line-height: 1.6; margin: 20px 0; background-color: white; display: inline-block; padding: 8px 15px; border-radius: 8px; }

div.leadBox div.btnArea { border-top: dashed 2px white; text-align: center; padding: 30px 20px 20px; }
div.btnArea p.noteDate { margin-top: 20px; background-color: white; border-radius: 5px; display: inline-block; line-height: 1; padding: 8px 12px 6px; }
p.leadNote { margin-top: 15px; line-height: 1.35; margin-left: 1.35em; text-indent: -1.35em; }
p.noteBtn { margin-top: 8px; text-align: right; }
div.egArea { margin-top: 50px; }
div.egArea p.egTit { border: solid 2px white; padding: 8px 10px 6px; line-height: 1; display: inline-block; border-radius: 2px; }
div.egArea p.egTweet { background-color: white; padding: 8px; line-height: 1.35; border-radius: 7px; margin-top: 8px; }

div.footWrap { position: relative; background: url(../images/myserena_pole_w970.png) center top repeat-y; }
div.footWrap img.footChara { position: absolute; bottom: 0; right: 10px; z-index: 10; }

div.footWrap div.footFrm { padding: 100px 15px 80px; }
div.footWrap div.footFrm ul.footNote li { text-indent: -1.35em; margin-left: 1.35em; line-height: 1.35; margin-top: 5px; }
div.footWrap div.footFrm ul.footNote li.noteTit { margin-top: 10px; }

p.copy { background-color: black; text-align: right; padding: 3px 10px 1px; }





/* RESPONSIVE ---------------------------------------------------- */
@media screen and (max-width: 765px) {





}