/*-------------------------------------------------------------
home.css
WakuwakuMail Website for Smartphone
2014.2.25 15:00
-------------------------------------------------------------*/
#top{width:100%;height: 45px;background-color:#fff;}
/*-------------------------------------------------------------
[1]Recommend
-------------------------------------------------------------*/
#bRecommendGirl{width:100%;height:186px;background-color:#f8167e;}
#bRecommendGirl div.ProfWin{width:100%;height:170px;padding:73px 0 0 0;overflow:hidden;}
#bRecommendGirl ul.ProfList{width:400%;position:relative;overflow:visible;}
#bRecommendGirl ul.ProfList li{background-image:url();float:left;}
#bRecommendGirl ul.ProfList>li{width:25%;height:98px;padding:0 15px;border-top:0px none !important;}
#bRecommendGirl ul.ProfList>li div.Card dl{position:relative;display:table-cell;padding:25px 32px 0px 9px;padding:0px 32px 0px 9px;overflow:hidden;}
#bRecommendGirl div.Card{position:relative;height:90px;display: table;width:100%;
box-shadow: 1px 1px 2px rgba(0,0,0,0.4);-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
background:#FFF url("/img/wmsp/top/ic_recommend.png") no-repeat left 4px;
background-size:112px auto;-webkit-background-size:112px auto;-moz-background-size:112px auto;
}
#bRecommendGirl ul.ProfList .pic+.rightBlock{padding-top:25px;}
#bRecommendGirl .pic {width:57px;height:57px;margin-top:25px;margin-right:9px;overflow:hidden;border:1px solid #f8167e;border-radius:4px;}
#bRecommendGirl .pic img{width:55px;}
#bRecommendGirl .name {height:17px !important;line-height:17px !important;overflow:hidden;}
#bRecommendGirl .time {position:absolute;top:3px;right:10px;}
#bRecommendGirl a.rightBtn{display:table-cell;width:29px;height:100%;vertical-align:middle;padding-left:8px;}
#RecommendGirlNav{letter-spacing:16px;font-size:8px;color:#D0603A;margin-top:0px;text-align:center;}
#RecommendGirlNav .active{color:#FFF;}
/* fourtune */
#bRecommendGirl div.Card.girl{border-radius:6px;background-image:url();}
#bRecommendGirl ul.ProfList>li div.Card.girl dd{}
#bRecommendGirl ul.ProfList>li div.Card.girl dl:first-child{padding-left:5px;padding-right:0;}
#bRecommendGirl ul.ProfList>li div.Card.girl dl dd dl{display: block;padding-left:5px;}
#bRecommendGirl ul.ProfList .girl .starSign+.rightBlock{padding-top:5px;}
#bRecommendGirl .girl .starSign {display:block;float:left;width:80px;height:80px;margin-top:5px;margin-right:9px;}
#bRecommendGirl .girl .starSign img{width:80px;height:80px;}
#bRecommendGirl .girl .line1{
display:block;width:100%;padding-top:3px;padding-bottom:8px;
background-image:url("/img/wmsp/girl/separator.png");background-repeat:no-repeat;background-position:left bottom;
background-size:auto 3px;-webkit-background-size:auto 3px;-moz-background-size:auto 3px;
}
#bRecommendGirl .girl .line1 img{width:100%;}
#bRecommendGirl .girl .line2{width:100%;margin-top:5px;}
#bRecommendGirl .girl .line2 img{width:auto;height:30px;vertical-align:middle;}
/* flipsnap */
#bRecommendGirl .ProfWin .flipsnap:after{clear:both;content: "";display:block;height:0;}
#bRecommendGirl .ProfWin .flipsnap ul li{float:left;}
#bRecommendGirl .pointer span {display:inline-block;height:7px;width:7px;background:none repeat scroll 0 0 #D0603A;border-radius:7px;}
#bRecommendGirl .pointer span.current{background-color:#FFF;}
#bRecommendGirl .iconline{overflow:hidden;height:21px;}
/*-------------------------------------------------------------
[2]News
-------------------------------------------------------------*/
#HomeNews li {font-size: 1.3rem;}
#HomeNews li:first-child{border-top:0px !important;}
#HomeNews .btnList{margin-bottom:0;}
/*-------------------------------------------------------------
[3]MyProf & Status
-------------------------------------------------------------*/
#MyBlock {}
section.homeMyProfBlock{padding-top:0px !important;padding-bottom:0px !important;}
#MyProf {width:100%;font-size:1.2rem;padding:bottom:5px;
background:url("/img/wmsp/common/header_shadow.png") no-repeat left bottom;
background-size:100% 5px;-webkit-background-size:100% 5px;-moz-background-size:100% 5px;
}
#MyProf:after{content:"";display:block;clear:both;zoom:1;}
#MyProf a{color:#555;}
#MyProf div.rightBlock{float:right;width:74%;border-left:1px solid #6B6F79;margin-bottom:5px;}
#MyProf div.pic{float:left;width:26%;text-align:center;margin-bottom:5px;}
#MyProf div.pic a{display:block;line-height:0;}
#MyProf div.pic img{width:56px;margin:8px auto;border:1px solid #58ABE5;background-color:#FFF;border-radius:4px;overflow:hidden;}
#MyProf div.line1{border-bottom:1px solid #6B6F79;}
#MyProf div.line1,
#MyProf div.line2{display:table;width:100%;float:left;text-align:center;}
#MyProf div.line1 .class,
#MyProf div.line1 .place,
#MyProf div.line2{padding:9px 0;}
#MyProf .class {display:table-cell;min-width:64px;}
#MyProf .place {display:table-cell;border-left:1px solid #6B6F79;}
#MyProf .place img.weatherIcon{display:inline-block;height:16px;margin-left:8px;vertical-align:middle;}
#MyProf .wallet{display:table-cell;}
#MyProf span.placeL{display:inline-block;padding-left:14px;line-height:16px;
background:url("/img/wmsp/common/ic_place.png") no-repeat 0 center;
background-size:12px 15px;-webkit-background-size:12px 15px;-moz-background-size:12px 15px;
}
/*-------------------------------------------------------------
[4]My Block(Mail, Tweet, .../Profile)
-------------------------------------------------------------*/
/* cMyProfBlock.subHeader */
.cMyProfBlock header.subHeader{clear:both;position:relative;display:table;width:100%;}
.cMyProfBlock header.subHeader div.rightBlock,
.cMyProfBlock header.subHeader h3{display:table-cell;vertical-align:middle;}
.cMyProfBlock header.subHeader .iconM{display:table-cell !important;}
.cMyProfBlock header.subHeader h3{font-size:1.3rem;padding:0 4px 0 0;line-height:1.2;}
.cMyProfBlock header.subHeader div.rightBlock{width:32px;text-align:right;}
.cMyProfBlock header.subHeader div.rightBlock a{padding:5px 0 5px 15px;border-radius:3px;color:#FFF;}
.cMyProfBlock header.subHeader a{display:table;padding:0;height:100%;width:100%;padding-top:5px;}
.cMyProfBlock header.titleOnly a{padding:5px 0;}
.cMyProfBlock header.subHeader .count{display:inline-block;width:26px;height:26px;padding:0;color:#FFF;font-size:1.1rem;
text-align:center;vertical-align:middle;line-height:26px;
background-image:url("/img/wmsp/top/balloon.png");background-repeat:no-repeat;background-position:0px 0;
background-size:26px auto;-webkit-background-size:26px auto;-moz-background-size:26px auto;
}
/* cMyProfBlockTOBlock */
.cMyProfBlockTOBlock {margin-top:15px;}
.cMyProfBlockTOBlock .cMyProfBlock{border-bottom:1px solid #6B6F79;}
.cMyProfBlockTOBlock .cMyProfBlock:first-child{border-top:1px solid #6B6F79;}
/* ProfList */
.cMyProfBlock {position:relative;margin:0 14px;}
.cMyProfBlock a{color:#555;}
.cMyProfBlock ul.ProfList li{border:1px solid #6B6F79;border-bottom:0 none;}
.cMyProfBlock ul.ProfList li:first-child{border-radius: 6px 6px 0 0;}
.cMyProfBlock ul.ProfList>li dl{padding:8px 28px 8px 8px !important;margin:0 !important;display:table;width:100%;}
.cMyProfBlock ul.ProfList>li dt{display:table-cell;vertical-align:middle;float:none !important;}
.cMyProfBlock ul.ProfList>li dt img{vertical-align:middle;}
.cMyProfBlock ul.ProfList>li dd.nameBlock{display:table-cell;vertical-align:middle;}
.cMyProfBlock div.ProfListFooter{height:40px;line-height:40px;margin-bottom:6px;
border:1px solid #6B6F79;border-top:0 none;border-radius: 0 0 6px 6px;text-align:center;font-size:1.2rem;font-weight:bold;
background:linear-gradient(top, #ADAEB3, #9A9DA4);
background:-moz-linear-gradient(top, #ADAEB3, #9A9DA4);
background:-webkit-gradient(linear,left top,left bottom,from(#ADAEB3),to(#9A9DA4));
}
.cMyProfBlock div.ProfListFooter a{display:block;height:100%;color:#FFF;}
/* Wakuwaku Life */
.wakuLifeBanner{width:100%;border:7px solid #acd556;line-height:0;}
.wakuLifeBanner img{width:100%;}
.wakuLifeBanner+ul{border-top:0 none;}
/* WGL */
#wgl .btnList li,
#wgl .stdBlock{background-color:#ffedfb;}
/*-------------------------------------------------------------
[5]BBS Alert
-------------------------------------------------------------*/
.alertBlock{z-index:5;background-color:#000;height:300px;width:100%;text-align:center;color:#FFF;font-size:1.3rem;background: rgba(0, 0, 0, 0.8);}
.alertBlock div{padding-top:100px;background-image:url("../img/common/ic_pay.png");background-position:center 30px;background-repeat:no-repeat;
background-size: 60px auto;-webkit-background-size:60px auto;-moz-background-size:60px auto;}
.alertBlock .smallBtn{margin-top:15px;background-color:#3B3937;border:1px solid #FFF;color:#FFF;}
#BbsBlock {position:relative;}
#BbsBlock .stdBlock{padding-top:15px;}
#BbsBlock .ChargeProfList{padding-top:15px;}
#BbsBlock select {margin:0 auto;width:90%;}
#bbsAlertBlock{position:absolute;}
/*-------------------------------------------------------------
[5.5]Profile Img Alert
-------------------------------------------------------------*/
.alertBlock2{z-index:4;background-color:#000;height:160px;width:120px;text-align:center;color:#FFF;font-size:1.3rem;background: rgba(128, 128, 128, 0.8);}
.alertBlock2 div{margin-bottom:15px; padding-top:15px;background-image:;background-position:center 20px;background-repeat:no-repeat;
background-size: 20px auto;-webkit-background-size:20px auto;-moz-background-size:20px auto;}
.alertBlock2 .smallBtn2{padding:5px;background-color:#808080;border:1px solid #FFF;color:#FFF;}
#ProfImgAlertBlock{position:absolute; top: 0;left: 0;}
.bbs-read #ProfImgAlertBlock{position:absolute; top: 0;left: 0;}
.bbs-read .imgwrap{position: relative;}
/*-------------------------------------------------------------
[6]AD
-------------------------------------------------------------*/
ul.btn3column {width:100%;}
ul.btn3column li{width:32%;float:left;text-align:center;}
ul.btn3column li:first-child{margin-right:2%;}
ul.btn3column li a {width:100%;color:#555;}
ul.btn3column li:last-child{margin-left:2%;}
ul.btn3column li div.pic {display: table;width:100%;text-align:center;border:1px solid #6B6F79;border-bottom:0 none;line-height:0;}
ul.btn3column li div.pic img{width:100%;border:4px solid #FFF;}
ul.btn3column li span.text{display:table-cell;height:50px;vertical-align:middle;line-height:1.2;overflow:hidden;font-size:1.1rem;}
ul.btn3column li div.btn {display:inline-block;width:100%;vertical-align:middle;text-align:center;line-height:0;}
ul.btn3column li div.btn img{width:89px;}
ul.btn3column li div.middle{display: table;width:100%;border-left:1px solid #6B6F79;border-right:1px solid #6B6F79;}
ul.btnGame div.btn{background-color:#7CD7D7;}
ul.btnAdApp div.btn{background-color:#CF9CD0;}
ul.btnAdApp li div.middle{border-top:1px solid #6B6F79;}
/*-------------------------------------------------------------
[Common]
-------------------------------------------------------------*/
.stdBlock .WideBtn a{
background-image:url("/img/wmsp/top/btn_bg_more.png");
background-repeat:no-repeat;background-position:center top;
background-size:13px auto;-webkit-background-size:13px auto;-moz-background-size:13px auto;
}
ul.SimpleBtns span.BtnPageJump{
color:#f8167e;border:1px solid #f8167e;width:210px;padding:11px 6px;
padding-left:0;padding-right:20px;
background:#FFF url("/img/wmsp/btn/btnArrowPink.png") 97% center no-repeat !important;
background-size:14px auto !important;-webkit-background-size:14px auto !important;-moz-background-size:14px auto !important;
}
/* blockHeader */
header.blockHeader.blockHeaderAdult div.rightBlock a{padding-left:0 !important;}
/*header.blockHeader div.rightBlock {width:100%;}*/
header.blockHeader h2{line-height:2.0; font-weight: bold;}
header.blockHeader_talk h2{height:40px;line-height:40px;}
/* -----------------------------------------------------
[Icon] Category Label(Top Page)
----------------------------------------------------- */
span.imgIcCategory{
background-image:url("/img/wmsp/top/ic_category.png");
background-size:44px auto;-webkit-background-size:44px auto;-moz-background-size:44px auto;-o-background-size:44px auto;-ms-background-size:44px auto;
width:44px;height:38px;
}
span.icCatBbs {background-position:0 0;}
span.icCatVoice {background-position:0 -38px;}
span.icCatDiary {background-position:0 -76px;}
span.icCatChat {background-position:0 -114px;}
span.icCatCParty{background-position:0 -152px;}
span.icCatPost {background-position:0 -190px;}
span.icCatMovie {background-position:0 -228px;}
/* -----------------------------------------------------
[Icon] fortune
----------------------------------------------------- */
span.iconGirlStar{
background-size:150px auto;-webkit-background-size:150px auto;-moz-background-size:150px auto;
width:150px;height:30px;
}
span.imgBloodA{background-image:url("/img/wmsp/girl/type/star_a.png");}
span.imgBloodB{background-image:url("/img/wmsp/girl/type/star_b.png");}
span.imgBloodO{background-image:url("/img/wmsp/girl/type/star_o.png");}
span.imgBloodAB{background-image:url("/img/wmsp/girl/type/star_ab.png");}
span.icStar1{background-position:0 0px;}
span.icStar2{background-position:0 -60px;}
span.icStar3{background-position:0 -120px;}
span.icStar4{background-position:0 -180px;}
span.icStar5{background-position:0 -240px;}
span.icStar6{background-position:0 -300px;}
span.icStar7{background-position:0 -360px;}
span.icStar8{background-position:0 -420px;}
span.icStar9{background-position:0 -480px;}
span.icStar10{background-position:0 -540px;}
span.icStar11{background-position:0 -600px;}
span.icStar12{background-position:0 -660px;}
/* -----------------------------------------------------
mail
----------------------------------------------------- */
div.message__btn--scroll-top {
width: 0;
height: 0;
border-style: solid;
border-width: 0 12.5px 15px 12.5px;
border-color: transparent transparent #f66eb0;
position: absolute;
top: 45px;
right: 30px;
opacity: 0.01;
}
div.message__btn--scroll-bottom {
width: 0;
height: 0;
border-style: solid;
border-width: 15px 12.5px 0 12.5px;
border-color: #f66eb0 transparent transparent transparent;
position: absolute;
bottom: 3px;
right: 30px;
opacity: 0.01;
}
/* --- mobilers exchanging au prepaid card ---*/
section.caution__exchange--au {
padding: 8px 0;
margin-bottom: 8px;
color: #f00;
background-color: #fff;
font-size: 24px;
font-weight: 700;
text-align: center;
}
span.weight700 {
font-weight: 700;
}
/* --- avatar3d setting --- */
.btn__start-avatar3d {
margin: 0 0 16px 18px;
}
.btn__start-avatar3d button {
border-style: none;
padding: 0 12px;
background-color: #fa3296;
color: #fff;
line-height: 2.3;
font-size: 1.6rem;
border-radius: 4px;
}
/** login error */
.login-error {
color: #f00;
}