@charset "utf-8";
/* CSS Document */

html			{ }
body			{ background:#FFFFFF  ; line-height:100%;color:#111111; font-family:'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; min-width: 1100px; overflow-x: hidden; }
body { min-width:1072px; margin:0 0; padding: 0 0; text-align:center ; font-size: 15px; line-height: 150%; }

ul { margin: 0; padding: 0; list-style: none; }
a:link		{color:#ff3d01;text-decoration:none; }
a:visited	{color:#ff3d01;text-decoration:none;}
a:active	{color:#ff3d01;text-decoration:none;outline:none;}
a:hover		{color:#ff3d01;text-decoration:none;}
a:focus		{outline:none;}

div { box-sizing: border-box;}
.center { text-align:center; }
.left { text-align:left;}
.flLeft { float:left; }
.flRight { float:right; }

img { vertical-align: text-bottom ; line-height:50% ; }
img {
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none; 
}

div { box-sizing:border-box; }

.red	{color:#ff3d01 !important;}
.pink	{color:#ff6699 !important;}
.blue	{color:#00baff !important;}
.orange { color:#ef8e9f !important;}
.gray { color:#666666 ; }
.yellow { color: #f4f63b ; }
.font30 { font-size: 30px ; line-height: 35px }
.font20 { font-size: 20px }
.font18 { font-size: 18px }
.font15 { font-size: 15px }
.bold { font-weight:bold ; }

h1 { z-index: 20 ; position: relative;}
h1.title { margin-bottom: 10px;}

#pageTop { position:  fixed ; bottom: 15px ; margin-left: 545px;  cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.18) ; }

#index { width: 100%; max-width: 2500px; height: 748px; position: relative ; background: url(../images/shop/indexBG.jpg?ver=1.021) no-repeat top center; margin: 0 auto; }
#indexIn { width: 1000px; margin: 0 auto ; position: relative;}
#indexIn h1 { height: 25px; line-height: 25px; background: #000000 ; color: #FFFFFF; text-shadow: 0 0 7px rgba(255, 255, 255, 1); font-size: 13px ; }
#enter { width: 256px ; height: 92px; position: absolute; top: 560px; left: 185px;transition: top 0.5s ease-out; }
#enter a{ width: 256px ; height: 92px; display: block; background: url(../images/shop/ENTEREXIT.png) no-repeat; background-position: left bottom;}
#exit { width: 256px ; height: 92px; position: absolute; top: 560px; left: 543px;transition: top 0.5s ease-out; }
#exit a{ width: 256px ; height: 92px; display: block; background: url(../images/shop/ENTEREXIT.png) no-repeat; background-position: right bottom;}
#enter:hover { top: 550px}
#exit:hover { top: 550px}

#indexExp { margin: 0 30px; font-size: 15px;}
.recruitBnn { margin-bottom: 15px; }



#wr0 { width: 100% ; background: #FFFFFF url(../images/shop/wr0BG.jpg?ver=1.011) no-repeat top center; margin: 0 auto; }
#wr1 { width: 1115px ;  background: url(../images/shop/wr1BG.png) repeat-y top center; margin:  0 auto ; padding: 0 20px; }
.box { border-radius: 5px; border: 1px solid #111111; box-shadow: inset 0 0 0 5px #ffffff; margin-top: -20px; padding: 20px 5px 5px; z-index: 10; position: relative; text-align: left}
.boxIn { background: url(../images/shop/boxGBG.png) ; border-radius: 5px; color: #FFFFFF ; border: 1px solid #111111; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.53),inset 0.5px 0.866px 4px 0px rgba(0, 0, 0, 0.7),inset -0.643px -0.766px 4px 0px rgba(0, 0, 0, 0.7); padding: 15px; }
.boxInB { background: url(../images/shop/boxBBG.png) ; } 

header { width: 100%; height: 267px; background: url(../images/shop/headerBG.jpg) no-repeat ;font-size: 13px;position: relative;}
header h1{ padding-top: 5px; color: #FFFFFF ; text-shadow: 0 0 3px rgba(0,0,0,0.8) ; }
header nav ul { list-style: none; text-align: left; position: absolute; left: 16px; bottom: 5px;background: url(../images/shop/menu.png) top center no-repeat  ; }
header nav ul li{ width: 149px; height: 55px;  display: inline-block; }
header nav ul li a{ width: 149px; height: 55px; line-height: 55px; display: block; color: #FFFFFF ; background: url(../images/shop/menu.png) bottom center no-repeat ; text-indent: -9999px; opacity : 1 ; transition: all 0.5s linear ; }

header nav ul li:nth-child(1) a{ background-position: -1px bottom ; }
header nav ul li:nth-child(2) a{ background-position: -150px bottom ; }
header nav ul li:nth-child(3) a{ background-position: -299px bottom; }
header nav ul li:nth-child(4) a{ background-position: -448px bottom; }
header nav ul li:nth-child(5) a{ background-position: -597px bottom; }
header nav ul li:nth-child(6) a{ background-position: -746px bottom; }
header nav ul li:nth-child(7) a{ background-position: -895px bottom; }

header nav ul li a:hover { opacity: 0 ; }

.headerBnn { position: absolute; top: 153px; right: 150px;}

footer { width: 100%; height: 217px; background: url(../images/shop/footerBG.jpg) no-repeat ; position: relative; margin-top: 15px; font-size: 13px; }
#footerNav { position: absolute; top: 22px; left: 370px;  }
#footerNav nav ul { list-style: none; text-align: left; }
#footerNav nav ul li{ display: inline; }
#footerNav nav ul li a{ display: inline-block; padding: 5px 7px; color: #FFFFFF ; }
#footerNav nav ul li:before { content: "|"; color: #333333; }
#footerNav nav ul li:last-child:after { content: "|"; color: #333333; }

#footerExp { width: 100%; color: #ecf329 ; position: absolute; top: 145px; font-size: 15px; left: 0; line-height: 16px; }
#content { width: 100%; min-height: 500px; padding: 15px 25px 0 ; }

.freeBox { margin-bottom: 10px }
.freeBox img{ max-width: 100%; height: auto ; 	}

#com2Cm { padding-top: 3px;}
#sideCm { width: 249px; float: right; }
#sideCm img { margin-bottom: 5px;}
#syame { margin-bottom: 15px;}
#mainCm { width: 764px; float: left;}
#topSlider { width: 100%; height: 380px; padding: 18px 15px 0; overflow: hidden; background: url(../images/shop/topSliderBG.jpg) no-repeat ; position: relative;}
#topSlider h1 { width: 100%; position: absolute ; bottom: 0 ; left: 0 ; }
#topSlider .girlsBox ul { }
#topSlider .girlsBox ul li { margin-right: 7px !important; }
#topSlider .girlsBox ul li:nth-child(6n) { margin-right: 7px !important; }

#top2Cm { margin-bottom: 10px; }
#topNews { width: 556px; height: 423px; background: url(../images/shop/topNewsBG.png) no-repeat; float: left; overflow: hidden; padding: 50px 9px 20px; text-align: left; color: #eeeeee; font-size: 15px; }

#topNewsIn { height: 370px; overflow-y: hidden;}
.infoNews { }
.infoNews .info{ color: #E5FF27 ; font-weight: bold; font-size: 17px; }
.infoNews .infoInfo{ padding: 0 0 0; }
.infoNews .newsImage { height: 365px; margin-right: 10px; float: left }
#topPick { width: 460px; height: 423px; background: url(../images/shop/topPickBG.png) no-repeat; float: right; position: relative;}
#topPick table { width: 440px ; }
#topPick table td { width: 220px; }
#topPick div { width: 100%; height: 423px; position: relative; }
#topPick a { color: #FFFFFF ;}

#topPick img { width: 200px; border-radius: 5px; position: absolute; top: 58px; left: 18px ; z-index: 10; box-shadow: 0 0 1px rgba(255,255,255,1) inset, 0 0 5px 5px rgba(0,0,0,0.2) inset;  }
#topPick div div.name { width: 202px; height: 50px; border-radius: 0 0 5px 5px ; padding: 12px 10px 0; text-align: left; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W5", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; background: url(../images/shop/topPickName.png) no-repeat; font-size: 19px; line-height: 18px; position: absolute; bottom: 18px; left: 17px ; z-index: 30 ;}
#topPick .size { font-size: 15px;}

#topGirls .girlsBox { text-align: left; color: #FFFFFF; }
#topGirls .girlsBox ul{ list-style: none; }
#topGirls .girlsBox ul li{ width: 150px; height: 320px; text-align: center; background: url(../images/shop/girlBoxBGTop.png) no-repeat; display: inline-block; line-height: 18px; margin-right: 2px; box-sizing: border-box; overflow: hidden; }
#topGirls .girlsBox ul li div.gBox { height: 330px; position: relative; padding-top: 11px; }
#topGirls .girlsBox ul li:nth-child(6n) { margin-right: 0 ;}

#topGirls .girlsBox ul li .photo { width: 130px; height: 198px; }
#topGirls .girlsBox ul li .name { font-size: 14px; font-weight: bold ; color: #ff0c60 ;line-height: 25px; text-align: left; padding: 5px 6px 0; }
#topGirls .girlsBox ul li .age { font-size: 13px; }
#topGirls .girlsBox ul li .size { color: #ff00c6 ; line-height: 15px;font-size: 13px; text-align: left;padding: 0 10px 0; }
#topGirls .girlsBox ul li .com { font-size: 13px; color: #FFFFFF ; padding: 17px 10px 0; white-space: normal !important ; }
#topGirls .girlsBox ul li .syukkin { width: 44px; position: absolute; top: 14px; right: 12px ; }
#topGirls .girlsBox ul li .time { width: 134px; height: 27px; padding: 2px 0 ; display: table; background: url(../images/shop/syukkinBGTop.png) no-repeat ; position: absolute; bottom: 120px; left: 7px; color: #111111; text-align: center; font-size: 14px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.2); }
#topGirls .girlsBox ul li .time span{ display: table-cell; vertical-align: middle; text-align: center; }

#topGirls .girlsBox ul li .iconNew { height: 30px ; position: absolute; top: 213px; left: 89px; }
#topGirls .girlsBox ul li .iconUpdate { height: 30px ; position: absolute; top: 213px; left: 117px; }
.todayD { font-size: 22px; color: #FFEF16 ; font-weight: bold; text-align: center; margin-top: 15px; }

#allGirls .girlsBox { text-align: left; color: #FFFFFF; }
#allGirls .girlsBox ul{ list-style: none; }
#allGirls .girlsBox ul li{ width: 169px; height: 340px; text-align: center; background: url(../images/shop/girlBoxBG.png) no-repeat; display: inline-block; line-height: 18px; margin-right: 2px; box-sizing: border-box; overflow: hidden; }
#allGirls .girlsBox ul li div.gBox { height: 330px; position: relative; padding-top: 11px; }
#allGirls .girlsBox ul li:nth-child(6n) { margin-right: 0 ;}

#allGirls .girlsBox ul li .photo { width: 149px; height: 224px;  }
#allGirls .girlsBox ul li .name { font-size: 16px; font-weight: bold ; color: #ff0c60 ;line-height: 25px; text-align: left; padding: 5px 10px 0; }
#allGirls .girlsBox ul li .age { font-size: 13px; }
#allGirls .girlsBox ul li .size { color: #ff00c6 ; line-height: 15px;font-size: 13px; text-align: left;padding: 0 10px 0; }
#allGirls .girlsBox ul li .com { font-size: 13px; color: #FFFFFF ; padding: 10px 10px 0; white-space: normal !important ; }
#allGirls .girlsBox ul li .syukkin { width: 44px; position: absolute; top: 14px; right: 12px ; }
#allGirls .girlsBox ul li .time { width: 154px; height: 27px; display: table; background: url(../images/shop/syukkinBG.png) no-repeat ; position: absolute; bottom: 92px; left: 7px; color: #111111; text-align: left; padding: 2px 0 ;  font-size: 14px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.2); }
#allGirls .girlsBox ul li .time div{ display: table-cell; vertical-align: middle; text-align: center; }
#allGirls .girlsBox ul li .time span{ display: table-cell; vertical-align: middle; text-align: center; }

#allGirls .girlsBox ul li .iconNew { height: 35px ; position: absolute; top: 242px; left: 99px; }
#allGirls .girlsBox ul li .iconUpdate { height: 35px ; position: absolute; top: 242px; left: 131px; }

#systemBox h1 { margin-bottom: 15px; }

#flowBox { margin-bottom: 15px; text-align: left;}
.flow { padding: 15px;}
#flowBox ul { padding: 0 0 0 45px; }
.flowTitle { border-bottom: 1px dashed #ff0000 ; font-weight: bold; padding-bottom: 3px; margin: 10px 10px;}
.flowTitle span { background: #ff0000 ; padding: 5px; font-size: 18px;}
.flowUl01 li{ color: #ff2fd5; padding: 0 0 5px 25px; background: url(../images/shop/attentionIcon.png) no-repeat ; background-size: 20px ; background-position: 0 2px; }

.mapBox { margin: 0 50px 20px;  }

#weekList { }
#weekList li { border: 2px #ff0036 solid; display: inline-block; margin: 0 2px; border-radius: 5px; font-weight: bold; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
#weekList li a { width: 200px; background: #FFFFFF ; display: block;	padding: 8px 0; font-size: 15px; color: #111111; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W5", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

#attentionBox ul { padding: 15px 0 15px 45px; }
#attentionBox ul li{ padding: 0 0 5px 25px; background: url(../images/shop/attentionIcon.png) no-repeat ; background-size: 20px ; background-position: 0 2px; }

#girlInfoBox {position: relative; padding: 45px 0 ; }
#pageBack { position: absolute ; top: 0 ; right: 10px;}
#girlInfoBox .photo { width: 1019px; height: 530px; margin-bottom: 95px; }
#girlInfoBox .photo img{ width: 330px; border-radius: 10px;}


#girlInfoBox .oneComment { width: 100%; color: #fffc00 ; text-shadow: 0 0 5px rgba(220,217,0,0.5) ; font-size: 32px; text-align: center; font-weight: bold; position: absolute; top: 15px; left: 5px; } 
#girlInfoBox .nameBox { width: 850px; height: 153px; background: url(../images/shop/girlNameBG.png) no-repeat ; font-weight: bold;text-align: left; position:absolute; top: 515px; left: 50%; margin-left: -425px; z-index: 100}
#girlInfoBox .nameBox .name { width: 100%; color: #fffc26 ; font-size: 32px; text-align: center; position: absolute; top: 30px; left: 0;}
#girlInfoBox .nameBox .age { color: #f2601f ; font-size: 22px; }
#girlInfoBox .nameBox .size { color: #f63bde ; font-size: 20px; }
#girlInfoBox .option { width: 612px; color: #ffffff ; font-size: 14px; position: absolute; top: 70px; left: 120px; line-height: 20px; text-align: center}
#girlInfoBox .option span { padding: 0 7px; display: inline-block; }
#girlInfoBox .nameBox .option img{ width: 55px !important; margin: 0 2px }

#girlInfoBox .comment { width: 624px; height: 426px; background: url(../images/shop/shopCommentBG.png) no-repeat ; overflow: hidden; padding: 55px 15px 15px; text-align: left; float: left; }
#girlInfoBox .commentIn { height: 376px; overflow-y: auto; color: #ffffff ; }
#girlInfoBox .detail { width: 390px; height: 426px; color: #ffffff ; background: url(../images/shop/girlDetailBG.png) no-repeat ; float: right; position: relative; text-align: left ;}
#girlInfoBox .detail ul.faq { position: absolute; top: 52px; left: 123px; }
#girlInfoBox .detail ul.faq li { line-height: 40px; }
#girlInfoBox .detail ul.time { position: absolute; top: 266px; left: 123px; }
#girlInfoBox .detail ul.time li { line-height: 40px; }

#girlInfoBoxS {position: relative; padding: 0 0 0 ; }
#pageBack { position: absolute ; top: 0 ; right: 10px;}
#girlInfoBoxS .photo { width: 1019px; height: 480px; margin-bottom: 5px; }
#girlInfoBoxS .photo img{ width: 330px; border-radius: 10px;}

#girlInfoBoxS .nameBoxS { width: 624px; height: 137px; background: url(../images/shop/girlNameBGS.png) no-repeat ; padding-top: 9px; font-weight: bold;text-align: left; z-index: 100}
#girlInfoBoxS .nameBoxS .name { width: 100%; color: #fffc26 ; font-size: 36px; line-height: 28px; text-align: center; }
#girlInfoBoxS .nameBoxS .age { color: #f2601f ; font-size: 21px; }
#girlInfoBoxS .nameBoxS .size { color: #f63bde ; font-size: 19px; }
#girlInfoBoxS .optionS { color: #ffffff ; font-size: 14px; line-height: 20px; text-align: center}
#girlInfoBoxS .optionS span { padding: 0 7px; display: inline-block; }

#girlInfoBoxS .profileLeft {  width: 624px; line-height: 24px; float: left; margin-top: 1px }
#girlInfoBoxS .oneCommentS { width: 100%; height: 42px; line-height: 43px; margin-bottom: 2px; color: #ff1475 ; text-shadow: 0 0 5px rgba(0,0,0,0.5) ; font-size: 25px; text-align: center; font-weight: bold; } 
#girlInfoBoxS .commentS {height: 170px; background: url(../images/shop/shopCommentBGS.png) no-repeat ; overflow: hidden; padding: 55px 15px 15px; text-align: left; }
#girlInfoBoxS .commentS .commentIn { height: 276px; overflow-y: auto; color: #ffffff ; }
#girlInfoBoxS .detailS { width: 390px; height: 320px; color: #ffffff ; background: url(../images/shop/girlDetailBGS.png) no-repeat ; float: right; position: relative; text-align: left ;}
#girlInfoBoxS .detailS ul.faq { height: 204px ;margin-top: 46px; }
#girlInfoBoxS .detailS ul.faq li { line-height: 40px; text-align: center ; padding-left: 100px}

#girlInfoBoxS ul.timeL { border: 1px solid #FFF ; border-radius: 3px ; color: #fff ; }
#girlInfoBoxS ul.timeL li { width: 32% ; display: inline-block; line-height: 40px; text-align: center; }
#girlInfoBoxS ul.timeL li { border-left: 1px solid #414141 ; }
#girlInfoBoxS ul.timeL li:first-child { border-left: none }
#girlInfoBoxS ul.timeL li span{ color: #fffc00 ; font-weight: bold}

.syameH { margin-top: 10px;}

.main-carousel {padding: 15px 50px 0 45px }
.carousel-cell { height: 500px; margin-right: 10px; }
.carousel-cell img{  opacity: 1 ; border-radius: 7px }
.is-selected img{ opacity: 1}

.flickity-prev-next-button.previous { width: 40px; height: 509px; background: url(../images/shop/photoArrowL.png) no-repeat center top;border-radius: 0; position: absolute; top: 255px;  left:0; }
.flickity-prev-next-button.next { width: 40px; height: 509px; background: url(../images/shop/photoArrowR.png) no-repeat center top;; border-radius: 0; position: absolute; top: 255px;right:0; }
.flickity-prev-next-button svg { display: none; }

.event { margin-bottom: 10px; }

.buttonCard {
  display: inline-block; cursor: pointer; font-size: 105%;
  position: relative;
  padding: .8rem 4rem;
  color: #111;
  border-radius: 5px;
  background: -webkit-gradient(45deg, #ffffff 35%, #dadada);
  background: linear-gradient(45deg, #ffffff 35%, #dadada);
}
.buttonCard:hover {
  color: #111;
  background-color: #aaaa;
  background-image: none;
}

#mailMagazine {}
.formWrap table { margin: 25px;box-shadow: 0 0 5px 5px rgba(0,0,0,0.5); color: #FFFFFF; }
.formWrap table th{ width: 145px; padding: 10px 0 10px 20px; vertical-align:text-top;}
.formWrap table td{ padding: 10px 20px 10px 0; vertical-align:baseline;}
.titleP { background: #111111 ; padding: 5px 7px ; margin-right: 20px; text-align: center;}
.mmErr { color: #e60000 ; }
.formWrap input[type=text] { width: 320px; background: #FFFFFF ; border: 2px #000000 solid ; margin-left: 5px; padding: 5px }
.formWrap input[type=submit] { background: #dfdfdf ; border: 2px #000000 solid ; margin-left: 5px; padding: 3px ; text-align: center; }
.mailMagazineUl { padding: 15px 15px 15px 45px; }
.mailMagazineUl li{ padding: 0 0 5px 25px; background: url(../images/shop/attentionIcon.png) no-repeat ; background-size: 20px ; background-position: 0 2px;  }
.mailAttention { display: block; font-weight: bold ; font-size: 18px; margin: 25px 30px 0; background: #ff0000 ; box-shadow: 0 0 5px 5px rgba(0,0,0,0.5); padding: 5px 7px ; text-align: center;}

.linkBox {padding: 20px 30px;}
.linkBox ul { display: table ; text-align: center;}
.linkBox ul li{ display: table-cell ; padding: 5px; vertical-align: top}

#linksImg { margin:0 0; padding-top:15px; min-height:150px;}
#linksImg li{ width:125px; height:60px;  color: #FFFFFF; overflow:hidden; text-align:center; display: inline-block; font-size:10px; list-style:none; line-height:13px; }
#linksImg li a { text-decoration:none; }
#linksNoImg li{ width:102px; height:15px; margin:10px 0 0; overflow:hidden; text-align:center; float:left; font-size:10px; }
#linksImg > a img { margin:3px;}

#linkExpTable { width: 100%; text-align:left; margin: 0 auto; }
#linkExpTable th { padding: 10px; width: 240px; vertical-align: top;}
#linkExpTable td { padding: 10px; width: 510px; vertical-align: top;}
#linkExpTable td img{ margin-bottom:5px;}
#linkExpTable td a{ color:#fff282 ; }

.campainImage { margin-bottom: 15px; } 
.shopExpTable		{background:#111111; border-left: solid 1px #b20000; ; border-right:solid 1px #b20000; ;border-bottom:solid 1px #b20000; margin-bottom: 15px; box-shadow: 2px 2px 0 3px #b20000 }
.shopExpTable dt	{ width:150px ; float: left; clear: both; padding:8px 0; text-align:center; font-weight:bold; border-top:solid 1px #b20000;color: #ffffff; vertical-align: top ; }
.shopExpTable dd	{ padding:8px; border-top:solid 1px #b20000; ; color: #ffffff ; text-align: left; vertical-align: top ; }

.recruiTable		{background:#FFFFFF; border-left: solid 1px #b20000; ; border-right:solid 1px #b20000; ;border-bottom:solid 1px #b20000; }
.recruiTable th	{ width:150px;padding:8px 0; text-align:center; font-weight:bold; border-top:solid 1px #b20000;color: #111111; vertical-align: top ; }
.recruiTable td	{ padding:8px; border-top:solid 1px #b20000; ; color: #111111 ; text-align: left; vertical-align: top ; }


#rankingBox {}
#rankingBox00 { width: 1020px ; height: 420px; background: url(../images/shop/rankingBG00.png) no-repeat; margin: 0 auto 15px ; }
#rankingBox01 { width: 1020px ; height: 420px; background: url(../images/shop/rankingBG01.png) no-repeat; margin: 0 auto 15px ; }
#rankingBox02 { width: 1020px ; height: 420px; background: url(../images/shop/rankingBG02.png) no-repeat; margin: 0 auto 15px ; }
#rankingBox03 { width: 1020px ; height: 420px; background: url(../images/shop/rankingBG03.png) no-repeat; margin: 0 auto 15px ; }

.rankingBox ul { padding-top: 63px;}
.rankingBox ul li { width: 177px; height: 326px; display: inline-block; position: relative; vertical-align: top; padding-top: 10px; box-sizing: border-box; margin: 0 5px; }
.rankingBox ul li:nth-child(1) { background: url(../images/shop/ranking01.png) no-repeat; }
.rankingBox ul li:nth-child(2) { background: url(../images/shop/ranking02.png) no-repeat ; }
.rankingBox ul li:nth-child(3) { background: url(../images/shop/ranking03.png) no-repeat ; }
.rankingBox ul li:nth-child(4) { background: url(../images/shop/ranking04.png) no-repeat ; }
.rankingBox ul li:nth-child(5) { background: url(../images/shop/ranking05.png) no-repeat ; }

.rankingBox ul li div{ width: 161px; margin: 0 auto ; position: relative; vertical-align: top; }
.rankingBox ul li img.photo { width: 154px; border:2px solid #FFFFFF ; }
.rankingBox ul li .name  { height: 76px; font-size: 15px; font-weight: bold ; color: #333333 ;  background: #FFFFFF; line-height: 16px; text-align: left; margin: 5px 0; padding: 5px; overflow: hidden }
.rankingBox ul li .age { font-size: 12px; }
.rankingBox ul li .size { color: #333333 ; font-weight: normal; line-height: 23px;font-size: 13px; text-align: left; }
.rankingBox ul li .com { font-size: 14px; background: #f94985; line-height: 12px; font-weight: normal; color: #ffffff ; padding: 5px 0 ; white-space: normal !important ; margin-bottom: 3px; display: block; text-align: center; }

.rankingIcon { width: 64px; position: absolute ; top: 175px; right: 0px; }


.mailL {
	background: #fa8caa;
	border: 3px solid #333333;
	border-radius: 4px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	margin: 10px 50px;
}
a.mail-link {
	border-radius: 4px;
	box-sizing: border-box;
	color: #FFFFFF;
	display: block;
	font-size: 15px;
	font-weight: bolder;
	height: 100%;
	line-height: 22px;
	padding: 15px;
	text-align: center;
	width: 100%;
}