@charset "UTF-8";

/* ベース変数設定 */
:root {
    /* カラー変数 */
    --text-dark: #000;
    --text-light: #fff;
    --base-color: #b29c55;
    --base2-color: #8b7231;
    --base3-color: #e5e5e5;
    --border-color: #cbcbcb;
}

#secMovie ul li .playBtn, #secSpecialmovie ul li .playBtn, section ul.movieList li .playBtn, #movieList .txtData .playBtn, #ladyMov .inner .txtData .playBtn, #ladyMov_special .inner .txtData .playBtn {
	background: var(--text-dark);
	border: 0;
	color: var(--text-light);
	font-weight: bold;
}

#door .description,
#header .description,
.description {
/*    color: var(--text-light);
    background: var(--base-color);*/
    color: #000;
    background: transparent;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
#header {
	overflow-x: hidden;
}
#door #wrapper {
	background: url("https://img.undernavi.com/chugoku/talentclub-s/parts/bg_header_ap.jpg") center top fixed;
	overflow-x: hidden;
	background-size: cover;
background-attachment: fixed;
}
#door #attention {
    width: 430px;
    margin: 100px auto 0;
    margin-left: -60px;
}
#door #entrance {
    width: 480px;
    margin: 30px auto 50px;
    margin-left: -60px;
}

#attention {
    color: var(--text-dark);
    margin-bottom: 10px;
}

#entrance {
    position: relative;
    margin: 0;
}

#entrance li:last-child {
    margin: 0;
}

#entrance li img {
    vertical-align: middle;
}

body {
	color: var(--base2-color);
}

#globalNav ul {
    background: none;
    padding: 0;
}
#door #footer {
    background: transparent;
}

#wrapper {
    /*background-attachment: fixed;
    background-attachment: scroll;*/
background-repeat: no-repeat;
background-position: center bottom;
background-color: #fff;
}
#footer,
#footer a,
#door #footer,
#door #footer a,
#door #footer .copyR,
#door #footer .copyR a {
    color: var(--text-light);
}

#footer ul li,
#door #footer ul li {
    border-color: var(--text-light);
}

#content > section h1.pageTtl {
	background-color: #fff;
}
#typeWeek ul.scheduleList li .txtData table th.sat,
#typeWeek ul.scheduleList li .txtData table th.sun,
#secSchedule.w2 ul li .txtData .ladyProf,
#secSchedule.w3 ul li .txtData .ladyProf,
#secLady.w2 ul li .txtData .ladyProf,
#secLady.w3 ul li .txtData .ladyProf,
#secMovie.w2 ul li .txtData .ladyProf,
#secMovie.w3 ul li .txtData .ladyProf,
#secSpecialmovie.w2 ul li .txtData .ladyProf,
#secSpecialmovie.w3 ul li .txtData .ladyProf,
.secRanking.w2 ul li .txtData .ladyProf,
.secRanking.w3 ul li .txtData .ladyProf,
#secNewface.w2 ul li .txtData .ladyProf,
#secNewface.w3 ul li .txtData .ladyProf,
#secPhotoblog.w2 ul li .txtData,
#secPhotoblog.w3 ul li .txtData,
section ul.blogList li .txtData {
    color: var(--text-dark);
}

#secPickup ul li .txtData .ladyProf,
#secPickup.w2 ul li .txtData .ladyProf,
#secPickup.w3 ul li .txtData .ladyProf {
    color: var(--text-dark);
}

#lady_detail th.sat,
#lady_detail .sat {
    color: #0089ff;
}

#lady_detail th.sat {
    background: #dcf1ff;
}

#lady_detail th.sun {
    background: #ffdcec;
}

#lady_detail .sun {
    color: #ff0000;
}

a:link,
a:visited,
.bbsList li .userName,
#comment ul li .userName,
#door #entrance2 li:last-child a {
    color: var(--base2-color);
}

#map #content section .mapData p a #photoblog #content>section ul li h2.elps {
    color: var(--base-color) !important;
}

.ladyList .ladyName,
.scheduleList .ladyName a,
.movieList .ladyName,
.movieList .ladyName a {
    color: var(--base2-color);
}

#layout>section.w1 ul li .txtData h2.ladyName a {
    color: var(--base2-color);
}

#ladyMov .inner .ladyName {
    color: var(--base-color) !important;
    font-weight: bold;
}

#secPhotoblog.w2 ul li .txtData h2 a,
#secPhotoblog.w3 ul li .txtData h2 a,
#lady_detail #photoblog ul li .txtData .title a,
#voice section ul.voiceList li .txtData .ladyName a,
#blog section ul.blogList li .txtData h2 a,
#main article .heading .title a,
#main article .heading .date a {
    color: var(--text-light);
}

#layout>section.w1 .title {
    color: var(--text-dark);
}

.secRanking>h2 {
    color: var(--text-dark);
}

#layout>section .date,
section ul.newsList li .date,
#lady_detail #voice ul li .date {
    color: #9e9e9e;
}

#footer a,
#secPickup ul li .txtData h2 a,
#content ul.movieList li h2.movieTitle a,
#entrance2 li:last-child a {
    text-decoration: none;
}

.formData h2 span {
    color: var(--text-dark);
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}

section.w1 ul li .txtData .ladyProf,
#content .pager li.current span,
#content .pager li.abbr span {
    color: #59493f;
}

#secPhotoblog.w2 ul li .txtData h2,
#secPhotoblog.w3 ul li .txtData h2,
#typeWeek ul.scheduleList li .txtData table th,
section ul.systemList>li .mTitle,
#bbs .formData label,
#login .formData h2,
#txtData .profile,
#hotel .inner section h1,
#dataList table thead th span,
.formData h2,
.secRanking.w1 ul li .rankNum,
section ul.systemList ul li .item,
#side>section .secTtl,
#main article .heading,
#side .subTtl,
#main .subTtl,
#main>section .secTtl,
#profile th {
    color: var(--text-light) !important;
    background: var(--base-color);
}

#typeOneday ul.ladyList li .txtData .workTime,
#secSchedule ul li .txtData .workTime {
    color: var(--text-dark);
    background-color: transparent;
    font-weight: bold;
}

#content>section>.inner .ladyName em,
#lady_detail #content>section>.inner .ladyName,
#layout>section.w1 ul li .txtData h2.ladyName,
#lady_detail #photoblog ul li .txtData .title,
#content>section ul li h2.title,
section ul.blogList li em.ladyName,
.voiceList li .txtData .userName,
.voiceList li .txtData .date {
    color: var(--text-light) !important;
    background-color: var(--base-color);
    ;
}

#content ul.movieList li h2.movieTitle a, #content ul.movieList li h2.movieTitle, #ladyData .txtData .schedule dt {
	color: var(--base2-color);
	background: transparent;
	font-weight: bold;
}
section ul li .rankNum,
.secRanking ul li .rankNum {
    margin: -5px auto 5px;
}

#layout>.pannel,
#content>section>#top .inner,
#status li .inner {
    background: #fff;
}

#status,
.noData {
    background: transparent;
}

#movieList li,
#secMovie.w3 ul li,
#secSpecialmovie.w3 ul li,
#secMovie.w2 ul li,
#secSpecialmovie.w2 ul li,
section ul.movieList li {
    background: transparent;
    background: #fff !important;
    background-size: 100% 100% !important;
    border-color: #fff !important;
}

#layout>section .inner ul li,
#content>section ul li,
#unEvent ul.unEventList li,
#typeWeek ul.scheduleList li,
#typeWeek ul.scheduleList li .txtData table th,
#typeWeek ul.scheduleList li .txtData table td,
section ul.systemList ul li .price,
#side>section,
#main article,
#profile th,
#profile td,
#side>section,
#main>section,
#upper,
#side>section,
#side>aside,
#hotel .inner section,
#schedule th,
#schedule td {
    border-color: var(--base-color);
}

#secNewface.w1 ul li,
#lady_detail #photoblog ul li {
    border-bottom: dashed 1px var(--base-color);
    border-color: var(--base-color) !important;
}

#layout>section .inner {
    border-color: var(--text-light);
    border-style: solid;
    border-width: 1px;
    border-top: none;
}

#content>section>.inner {
    background: #fff;
    border: none;
}

.nextpager li a,
#mag section .sendBtn a,
.formBtn input,
#bbs .formData input[type=submit],
#nextPrev li a,
#addComment input[type=submit],
#areaList li a,
#content .pager li span,
#content .pager li a,
section ul.gravureList li .profLink a {
    color: var(--text-light);
    background: var(--text-dark)
}

#lady_detail #photoblog ul li .txtData .title, #content > section ul li h2.title, #unEvent ul.unEventList li .title, #side > section h1, #side > aside h1, #upper h1, #movieList h1, #photoblog_detail #ladyData .txtData, #ladyData .txtData, section ul.systemList > li h2 {
	color: var(--text-light) !important;
	background: var(--base-color);
}

#content section.w2 ul.ladyList li,
#content section.w3 ul.ladyList li,
#content section.w2 ul.blogList li,
#content section.w3 ul.blogList li,
#content section.w2.secRanking ul.ladyList li,
#content section.w3.secRanking ul.ladyList li,
#ranking ul.ladyList li,
#typeWeek ul.scheduleList li {
    background: transparent url(https://img.undernavi.com/chugoku/talentclub-s/parts/bg_lady.png) center top no-repeat;
    background: var(--text-light)
}

#schedule #typeWeek ul.scheduleList li {
    background: none !important;
}

#content section.w2 ul.ladyList li, #content section.w3 ul.ladyList li, #lady #content ul.ladyList li, #content section.w3 ul.blogList li {
	border-color: var(--border-color);
}

#secPickup.w1 {
    background: url(https://img.undernavi.com/chugoku/talentclub-s/parts/bg_pickup_w1.png) left top repeat;
}

#secPickup.w2 {
    background: url(https://img.undernavi.com/chugoku/talentclub-s/parts/bg_pickup_w2.png) left top repeat !important;
}

#top #secPickup.w3 {
    background: transparent url(https://img.undernavi.com/chugoku/talentclub-s/parts/bg_pickup_w3.png) center top no-repeat !important;
}

#content .h1 .inner {
    background: transparant;
    border: none;
}

#layout>#secPickup .inner {
    background: transparent;
}

#secPickup {
    border: none !important;
}

#status li .inner {
    padding: 5px;
}

#realtime section ul li .txtData .comment,
#realtime section ul li .txtData .status,
#txtData .profile a {
    color: var(--primary-dark) !important;
}

#content .pager li.current span {
    background: none;
}

.movieList.clearfix li {
    background: transparent;
}

#door #content {
    padding: 590px 0 240px;
}

#photoblog #content>section ul li h2.title a,
#photoblog_detail #ladyData .txtData .schedule dt {
    color: var(--text-light);
}

#attention {
    margin-bottom: 40px;
}

#content>section h1.pageTtl span {
    margin: 0 0 0 15px;
}

#comment ul li,
#addComment .formData,
.formData,
.bnrInfo,
#upper .inner {
    background: transparent;
}

#entrance li span img {
    margin-top: 10px;
    margin-bottom: 10px;
}

#lady_detail #content > section > .inner .ladyName, #typeWeek ul.scheduleList li .txtData .ladyProf {
	color: var(--base2-color) !important;
}

#profile td, #schedule td, #lady_detail #photoblog ul li, #status li .inner, #newface section ul li .txtData .ladyProf, section ul.movieList li .txtData .ladyProf, section ul li .txtData .ladyProf {
	color: var(--base2-color);
}
#secPhotoblog.w1 ul li .txtData, #secSchedule.w1 ul li .txtData .ladyProf {
	color: var(--base2-color);
}
#layout > section .title, section .inner > h2, #notes section .txtData, .formData .notes, .formData, .formData > div, .eva_el.star_icon, .star_icon, .reviewlist .comment a, .unCoupon strong, .ajax_pager .now span.big, .review_write {
	color: var(--base2-color) !important;
}

.review_write {
    color: var(--text-light);
}

#status li {
    background: transparent;
}

/* 女の子タイプアイコン */
#side .typeIcons span {
    background: var(--base-color);
    color: var(--text-light);
}

#recruit #recruit_inner {
    color: var(--text-dark);
}

#profile th {
    border: 1px solid #e0e0e0;
}

section ul.systemList>li .body>.comment {
    background: transparent;
}

#ladyData .txtData .schedule dt {
    color: var(--text-dark);
}

#header h1 a {
	height: 150px;
}

.discount_more-btn a {
    color: var(--text-light);
}

#doorImg li {
    height: auto;
}
#typeWeek ul.scheduleList li .txtData table th.sat {
	background: #a8dafc;
}
#typeWeek ul.scheduleList li .txtData table th.sun {
	background: #ff5ba6;
}

/* header 差し替え */
#header {padding-top: 0;}
#header .description {top: 0;}
#header .cBlock {width: 100%;}
#header h1 a {
width: 100%;
height: 0;
padding-top: calc(1080 / 1920 * 100%);
/*background: url(https://img.undernavi.com/chugoku/talentclub-s/parts/bg_header.jpg) center top no-repeat;
background: url(https://img.undernavi.com/chugoku/talentclub-s/parts/bg_header_wd.png) center top no-repeat;*/
background: url(https://img.undernavi.com/chugoku/talentclub-s/parts/bg_header_ap.jpg) center top no-repeat;
background-size: cover;
}