@charset "UTF-8";

@import url("base.css");

.right_side { width: 390px; }

/*トップ 共通*/
.common_con { position: relative; }
.common_con .main_tit { height: 36px; overflow: hidden; border: 1px solid #c8c8c8; }
.common_con .more_link { width: 86px; height: 23px; overflow: hidden; position: absolute; right: 7px; top: 7px; z-index: 10; }
.common_con .common_list { border: 1px solid #ddd; border-top: 0; }
.common_con .common_list li a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 10px 10px 9px; text-decoration: none; font-size: 14px; overflow: hidden; position:relative; }
.common_con .common_list li a:after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; color: #bbb; z-index: 1000; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; background:none; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.common_con .common_list li:nth-child(2n) { background: #f0f0f0; }
.common_con .common_list li { -webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out; }
.common_con .common_list li:hover { background: #F0ECE8; }
.common_con .common_list li p:nth-child(1) { color: #e00; position: relative; height: 20px; line-height: 20px; margin-bottom: 3px; }
.common_con .common_list li p:nth-child(2) { color: #333; height: 20px; line-height: 20px; width: 368px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; }
.common_con .common_list li * { vertical-align: middle; }

/*インフォメーション ticker*/
#information { width: 1110px; margin: 0 auto 15px; height: 35px; padding: 1px 0; box-sizing: border-box; background: url(/pc/images_design/top/information_bg.gif) no-repeat 0 0; }
.ticker { margin-left: 136px; width: 973px; padding: 0 10px; box-sizing: border-box; height: 33px; text-align: left; position: relative; overflow: hidden; background:#fff; }
.ticker ul { width: 100%; position: relative;}
.ticker ul li { width: 100%; display: none; height: 33px; font-size: 14px; line-height: 33px;}

/*イベントスライダー*/
#event { width: 700px; }
.sp-thumbnail {opacity: 1;	-webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out;}
.sp-thumbnail:hover { opacity: .65;}

 /*sliderpro reset*/
 .sp-horizontal .sp-arrows { width: 100%; left: 0; top: 50%; margin-top: 0; }
 .sp-fade-arrows { opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s;}
 .sp-horizontal .sp-previous-arrow { left: 5px; right: auto; }
	.sp-horizontal .sp-next-arrow, .sp-horizontal.sp-rtl .sp-previous-arrow { right: 10px; left: auto;}
 .sp-horizontal.sp-rtl .sp-previous-arrow, .sp-next-arrow { -webkit-transform: none; -ms-transform: none; transform: none;}
 .sp-arrow { position: absolute; display: block; width: 20px; height: 20px; cursor: pointer;}
 .sp-arrow:before {left:0; top: 0; -webkit-transform:none; -ms-transform: none; transform: none;}
 .sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: none;}
 .sp-arrow:after { left: 0; top: 0; -webkit-transform: none; -ms-transform: none; transform: none;}
 /*--*/

.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before,.sp-next-thumbnail-arrow:after, .sp-next-thumbnail-arrow:before, .sp-previous-thumbnail-arrow:after, .sp-previous-thumbnail-arrow:before{ -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; background:none; }
.sp-previous-arrow:before { content: "\f104"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; color: #fff; z-index: 1000; }
.sp-next-arrow:before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; color: #fff; z-index: 1000; }
.sp-previous-arrow:before { left: 7px; top: 3px; }
.sp-next-arrow:before { left: 8px; top: 3px; }
.sp-arrow:after { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 26px; color: rgba(0, 0, 0,0.5); display: block; position: absolute; left: 0px; top: 0; z-index: 999; }

 /*sliderpro reset*/
 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .sp-top-thumbnails .sp-previous-thumbnail-arrow { left: 5px; }
 .sp-thumbnail-arrow { position: absolute; display: block; width: 20px; height: 20px; cursor: pointer; }
 .sp-bottom-thumbnails .sp-next-thumbnail-arrow, .sp-top-thumbnails .sp-next-thumbnail-arrow { right: 10px;}
 .sp-next-thumbnail-arrow:after, .sp-next-thumbnail-arrow:before, .sp-previous-thumbnail-arrow:after, .sp-previous-thumbnail-arrow:before { right: 0; top: 0; -webkit-transform:none; -ms-transform:none; transform: none; }
 .sp-next-thumbnail-arrow:after, .sp-next-thumbnail-arrow:before, .sp-previous-thumbnail-arrow:after, .sp-previous-thumbnail-arrow:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: none;}
 /**/
 
.sp-previous-thumbnail-arrow:before { content: "\f104"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; color: #fff; z-index: 1000; }
.sp-next-thumbnail-arrow:before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; color: #fff; z-index: 1000; }
.sp-previous-thumbnail-arrow:before { left: 7px; top: 3px; }
.sp-next-thumbnail-arrow:before { left: 8px; top: 3px; }
.sp-next-thumbnail-arrow:after, .sp-previous-thumbnail-arrow:after{ content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 26px; color: rgba(0, 0, 0, 0.5); display: block; position: absolute; left: 0px; top: 0; z-index: 999; }

/*スケジュール*/
#schedule ul { border: 1px solid #ddd; border-top: 0; overflow: hidden; padding: 15px 0 15px 3px; box-sizing: border-box; }
#schedule li { width: 130px; height: 240px; float: left; margin-left: 7px; overflow: hidden; margin-bottom: 5px; background: #FFF8CA; -webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out; text-align: center; }
#schedule li:hover { background: #F0ECE8;}

#schedule li.now{ background: #ffd3d3;}
#schedule li.now:hover{ background: #F0ECE8;}

#schedule li a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 5px; text-decoration: none; position: relative; }
#schedule li.now a:before { content: ""; display: block; background: url(/pc/images_design/icon/icon_now_toppage.png) no-repeat 0 0; width: 43px; height: 20px; position: absolute; right: 10px; top: 140px; }
#schedule li a:hover img { opacity: 1; }
#schedule li .girls_pic { height: 160px; overflow: hidden; margin: 0 auto 5px; }
#schedule li .girls_pic img { width: 120px;}
#schedule li .girlsname { color: #e00; font-weight: bold; }
#schedule li p { width: 120px; margin: 0 auto; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; }
#schedule li .sc_status{ height: 25px; line-height: 25px; text-align: center;}

/*バナー群*/
#bnr ul { overflow: hidden; }
#bnr li { float: left; width: 350px; height: 180px; overflow: hidden; box-sizing: border-box; margin-bottom: 15px; }
#bnr li:nth-child(2n) { text-align: right; padding-right: 1px; }
#bnr li img { width: 340px; }

/*トピックス・イベント*/
#topics.common_con .common_list li.new p:nth-child(1) { padding-left: 43px; }
#topics.common_con .common_list li.new p:nth-child(1):before { content: ""; display: inline-block; background: url(/pc/images_design/icon/topi_icon_01.png) no-repeat 0 0; width: 38px; height: 20px; position: absolute; left: 0; top: 0; }
#event_side.common_con .common_list li.new p:nth-child(1):after { content: "new!!"; color: #FF3264; display: inline-block; margin-left: 5px; }

/*ニューフェイス*/
#newface ul { overflow: hidden; border: 1px solid #ddd; border-top: 0; padding: 15px 0; }
#newface li { float: left; background: #FFF8CA; width: 90px; height:160px; overflow: hidden; text-align: center; margin-left: 6px; margin-bottom:5px; -webkit-transition: .3s ease-in-out;	transition: .3s ease-in-out; }
#newface li .girls_pic { height: 109px; overflow: hidden; margin: 0 auto 5px; }
#newface li .girls_pic img { width: 82px;}
#newface li p { width: 80px; margin: 0 auto; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#newface li .girls_name { color: #e00; font-weight: bold; }
#newface li .date { color: #333; }
#newface li a { text-decoration: none; display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 5px 0 0;  }
#newface li a:hover img { opacity: 1; }
#newface li:hover { background: #F0ECE8;}

/*レビュー*/
#review ul { overflow: hidden; border: 1px solid #ddd; border-top: 0; }
/*#review.common_con .common_list li p:nth-child(1) { float: left; width: 50px; margin: 0; height: 30px; line-height: 30px; }
#review.common_con .common_list li p:nth-child(2) { width: 300px; float: left;  height: 30px; line-height: 30px;}*/
#review .body { padding: 0px; overflow: hidden; font-size: 14px; }
#review .body a { display: block; width: 100%; /*height: 200px;*/ }
#review .body img { display: block; float: left;}
#review .body a > div { width: 296px; float:right; }
#review.common_con .common_list li p:nth-child(1) { margin-bottom: 0px; }
#review.common_con .common_list li p:nth-child(2) { width: 296px; height: inherit; line-height: inherit;}
#review.common_con .common_list li p:nth-child(3) { color: #333; width: 296px; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;*/ }
#review.common_con .common_list li a:after { content: ""; display: none; }

/*写メ日記*/
#photodiary div { border: 1px solid #ddd; border-top: 0; }
#photodiary div iframe { display: block; width:388px; height:530px; background:#fff; }