/* Add your custom css styles */

body{
 color: #333;
}

/***** ヘッダーメニュー *****/
.header_menu{
	text-align: center;
}

.header_menu img{
	width: 65px;
	margin:0 1px;
	border-radius: 12px;
	border: 1px solid #111;
	background-image: url(../sp/image/icon_back.png);
	box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
}

.h1frame h1{
	font-size:14px;
	line-height:18px;
	margin:0px;
}

h2{
	font-size:16px;
	margin:0px;
}

/* 本日出勤画像 */
/* 右上
img.m_top{ z-index:106;position:absolute;bottom:170px;left:115px;width:60px;}
span.m_top_today_text{ z-index:108;position:absolute;bottom:202px;left:130px;color:#fff;font-size:13px;font-weight:bold;font-style:italic;}
span.m_top_text{ z-index:107;position:absolute;bottom:185px;left:123px;color:#fff;font-size:11px;}
*/
/* 左上 */
img.m_top{ z-index:106;position:absolute;bottom:170px;left:2px;width:60px;}
p.m_top_today_text{ z-index:108;position:absolute;bottom:202px;left:15px;color:#fff;font-size:13px;font-weight:bold;font-style:italic;}
p.m_top_text{ z-index:107;position:absolute;bottom:185px;left:10px;color:#fff;font-size:11px;}

.syukkin
 {
	color: #ffffff;
	font-size: 11px;
	height: 60px;
	right: 2px;
	line-height: 75px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.14);
	top: 2px;
	width: 60px;
	z-index: 500;
	/*background-: #ffc300;*/
	background-image: url(../images/cast_midashi_top.png);
	background-size: 60px 60px
}

.syukkin_now{
	color: #ffffff;
	font-size: 13px;
	font-style:italic;
	font-weight:bold;
	height: 60px;
	right: 4px;
	line-height: 40px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.14);
	top: 2px;
	width: 60px;
	z-index: 501;

}

.syukkin_pc{

    float: right;
    font-size: 13px;
}

.syukkin_s,
.syukkin_s a {
	text-align:left;
    font-size: 13px;

}
.m-t--5{
	margin-top:-5px}
.m-t--10{
	margin-top:-10px}
.m-t--20{
	margin-top:-20px}
.m-t--30{
	margin-top:-30px}
.m-t--40{
	margin-top:-40px}
.m-t--50{
	margin-top:-50px}
.m-t--60{
	margin-top:-60px}


.m-b--10{
	margin-bottom:-10px;}
.m-b--20{
	margin-bottom:-20px}
.m-b--30{
	margin-bottom:-30px;}
.m-b--40{
	margin-bottom:-40px}
.m-b--50{
	margin-bottom:-50px;}
.m-b--60{
	margin-bottom:-60px}

.p-b--10{
	padding-bottom:-10px;}
.p-b--20{
	padding-bottom:-20px}
.p-b--30{
	padding-bottom:-30px;}
.p-b--40{
	padding-bottom:-40px}
.p-b--50{
	padding-bottom:-50px;}
.p-b--60{
	padding-bottom:-60px}

.f-s-15{
	font-size:15px;}
.f-s-20{
	font-size:20px;}
.f-s-25{
	font-size:25px;}
.f-s-30{
	font-size:30px;}


.text-siro,
.text-siro h1,
.text-siro h2,
.text-siro h3,
.text-siro h4,
.text-siro h5,
.text-siro h6,
.text-siro .lead,
.text-siro p,
.text-siro a:not(.button),
.text-siro i,
.text-siro li,
.text-siro label,
.text-siro div:not(.alert),
.text-siro span {
    color: #fff !important;

}


/*2025.04.21〜以下追加*/
.header_wrap{
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 0 20px;
 border-bottom: 1px solid #eee;
 height: 40px;
 width: 100%;
 box-sizing: border-box;
 flex-wrap: wrap;
 background: #fff;
}
.header_wrap h1{
 margin: 0;
 flex: 1;
 min-width: 120px;
}
@media screen and (max-width: 767px) {
.header_wrap h1{
 font-size: 0.9em;
 text-align: center;
}
}
.header_wrap h1 a:hover{
 color: #333;
}
#header-wrap{
 background: #fff;
}
#mainMenu > ul > li > a{
 color:#333;
}
#header.header-sticky.header-dark:not(.header-navigation-light) #header-wrap, #header.header-dark:not(.header-navigation-light) .main-menu .dropdown-menu{
 background: #fff;
}
#slider{
/* margin-top: 40px;*/
}

#header.header-dark:not(.header-navigation-light) .main-menu > ul > li > ul a, #header.header-dark:not(.header-navigation-light) .main-menu .dropdown-menu a, #header.header-dark:not(.header-navigation-light) .main-menu .dropdown-submenu > span.dropdown-menu-title-only, #header.header-dark:not(.header-navigation-light) #mainMenu .mega-menu-title{
 color: #333;
}

.text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light .lead, .text-light p, .text-light a:not(.button), .text-light i, .text-light li, .text-light label, .text-light div:not(.alert){
 color:#333;
}

/*営業時間*/
.menu-time{
 display: flex;
 gap: 30px;
 flex-shrink: 0;
}
.header-time,
.header-tel {
 color: #333!important;
 font-weight: bold;
 font-size: 1.1em;
}
.header-tel{
 border-left: 1px solid #eee;
 padding-left: 30px;
}
.header-tel a{
 color: #747474;
}
.header-time i,
.header-tel i{
 margin-right: 5px;
}

.header-dark:not(.header-sticky):not(.header-navigation-light) .lines, .header-dark:not(.header-sticky):not(.header-navigation-light) .lines:before, .header-dark:not(.header-sticky):not(.header-navigation-light) .lines:after, .header-dark.header-transparent:not(.header-sticky):not(.header-navigation-light) .lines, .header-dark.header-transparent:not(.header-sticky):not(.header-navigation-light) .lines:before, .header-dark.header-transparent:not(.header-sticky):not(.header-navigation-light) .lines:after, .header-dark.header-semi-transparent:not(.header-sticky):not(.header-navigation-light) .lines, .header-dark.header-semi-transparent:not(.header-sticky):not(.header-navigation-light) .lines:before, .header-dark.header-semi-transparent:not(.header-sticky):not(.header-navigation-light) .lines:after{
 background-color: #333;
}

.text-light a:not(.button),.text-light i{
 color: #333;
}

.background-blue{
 background-color: #219ebc;
}
.background-blue a{
 color: #fff;
}
.text-white{
 color: #fff;
}
#footer .widget-categories a{
 /*color: #fff;*/
 color: #333;
}

@media screen and (max-width: 767px) {
.header_wrap{
 height: auto;
 justify-content: center;
}
}

/*ゴールド見出し*/
.gold-heading {
 font-size: 2.5rem;
 font-weight: bold;
 text-align: center;
 background: linear-gradient(
  180deg,
  #A66B00 0%,
  #DAAF08 35%,
  #FFE680 55%,
  #DAAF08 75%,
  #A66B00 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

text-shadow:
0 0 40px rgba(0, 0, 0, 0.25),
0 0 30px rgba(0, 0, 0, 0.15);
}

/*シルバー見出し*/
.silver-heading {
 font-size: 2.5rem;
 font-weight: bold;
 text-align: center;
 background: linear-gradient(180deg, #B0B0B0 0%, #DADADA 25%,  #FFFFFF 50%, #C0C0C0 75%, #8A8A8A 100%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 /*
 text-shadow:
 1px 1px 2px rgba(0, 0, 0, 0.2),
 0 0 2px rgba(255, 230, 150, 0.3);
 */
}

/*キャストリスト*/
.castList{
 /*color: #fff;*/
}
.castList div{
 /*color: #fff!important;*/
}

/*ぱんくず*/
.breadcrumb ul li a{
 /*color: #fff!important;*/
}
.breadcrumb a i{
 color: #333!important;
}
.button.effect.fill-vertical-on{
 background-color: #007ACC;
}
.button.effect.fill-vertical:after{
 background-color: #006dbd;
}

/*システム*/
.table-bordered{
 color: #333;
}

.col_main02{
 color: #333;
}

/*フォーム*/
.form-2col{
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 30px;
 margin: 10px 0;
}

.form-design{
 border-radius: 0;
 box-shadow: none;
 height: auto;
 line-height: 1.33333;
 padding: 12px 18px;
 width: 100%;
 background-color: rgba(0, 0, 0, 0.4);
 border-color: rgba(0, 0, 0, 0.4);
}

.required{
 background: red;
 color: #fff!important;
 padding: 3px;
 margin: 0px 5px;
 font-size: 0.8em;
 border-radius: 3px;
}


.product-title{
 position: relative;
}
@media screen and (max-width: 767px) {
.form-2col{
 grid-template-columns: 1fr;
 gap: 20px;
}

.product-title{
 width: 100%;
}
.product-title a{
 /*color: #fff!important;*/
}
.product-rate i{
 /*color: #fff!important;*/
}

.sp-only-menu {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
  background: #fff;
}
.sp-only-menu a {
  display: block;
}
.sp-only-menu a img {
  width: 100%;
  height: auto;
  display: block;
}

}

.footer-content,
.copyright-content{
 background-color: #fff;
}

.button_sp.effect.fill-vertical-on{
background-color:#007ACC;
}

.heading.heading-light:after, .text-light .heading:after{
	border-top: 4px solid #333;
}


.seperator{
 color: #333;
}

.seperator::after {
	margin: 0 -100% 0 0;
	margin-top: 0px;
	margin-right: -100%;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom: 1px solid #333;
	content: "";
	vertical-align: top;
	width: 50%;
	display: inline-block;
  height: 0.65em;
}

.seperator::before {
	border-bottom: 1px solid #333;
	content: "";
	display: inline-block;
	height: 0.65em;
	margin: 0 -4px 0 -100%;
	vertical-align: top;
	width: 50%;
}

.heading > span{
 color: #333;
}

.accordion .ac-item .ac-title:before{
 color: #333;
}



/*女性リスト*/
.castList{
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
 justify-content: flex-start;
 align-items: center;
 padding-left: 0;
 flex-wrap: wrap;
 gap:5px;
 margin-top: 30px;
 padding-bottom: 10px;
 }
.castBox,
.castBox02{
 display: block;
 height: auto;
 border-radius: 5px;
 position: relative;
 overflow: hidden;
}

.castBox img,
.castBox02 img{
 display: block;
 width: 100%;
 height: 205px;
 object-fit: cover;
 border-radius: 5px;
 cursor: pointer;
 transition: transform .6s ease;
}
 .castBox:hover img,
 .castBox02:hover img{
	/*transform: scale(1.1); 画像拡大*/
 }
 /*新人*/
 .pop_newface{
	display: block;
	width: 33px;
	height: 17px;
	line-height: 19px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	background-color: rgba(240,104,255,0.7);
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
 }

 /*本日出勤リボン*/
 .pop_today_wrap{
	display: block;
	position: relative;
	overflow: hidden;
 }
 .pop_today{
	display: inline;
 }
 .pop_today span {
	position: absolute;
	display: inline-block;
	top: 10px;
	left: -27px;
	width: 100px;
	padding: 2px 10px;
	background: #cc0c0c;
	color: #fff;
	text-align: center;
	transform: rotate(-45deg);
	font-weight: bold;
	z-index: 1;
	font-size: 13px;
 }
 .syukkin_time{
	display: block;
	position: absolute;
	bottom: -33px;
	font-size: 0.9em;
	right: 0;
	height: 30px;
	margin-bottom: 5px;
 }

 .castInfo{
	display: block;
	text-align: center;
	width: 100%;
	background-color: rgba(255,255,255,0.8);
	height: 55px;
	position: absolute;
	bottom: 0;
 }
 .castInfo p{
	color: #333;
	font-weight: bold;
	line-height: 1.5;
 }
 .castInfo p span{
	display: block;
	font-weight: normal;
	font-size: 0.8em;
 }

 .switch_image {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	/*width: 160px;*/
	max-width: 100%;
 }

 .switch_image img {
	transition: 0.5s;
 }

 .switch_image img:hover {
	transform: scale(1.1);
	border-radius: 5px;
 }

 .cast_cate{
	font-size: 15px;
	font-weight: bold;
	display: flex;
	align-items: baseline;
	padding: 3px;
	border-top: 2px solid #815E00;
	border-bottom: 2px solid #815E00;
	font-family: "Times New Roman","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
	background-image: -webkit-linear-gradient(315deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
	background-image: linear-gradient(135deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	/*text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.2);*/
	margin: 10px auto 0;
 }

 /*Xアイコン*/
 .snsicon{
 display: inline-block;
 position: absolute;
 right: 3px;
 bottom: 3px;
 width: 20px;
 height: 20px;
 }
 .snsicon img{
 display: inline-block;
 width: 20px;
 height: 20px;
 }

 @media screen and (max-width: 768px){
.castList{
 flex-wrap: wrap;
 justify-content: space-between;
}
.castBox{
 margin: 5px 2px;
 width: calc(100%/2 - 4px);
}
.castBox02{
 margin: 15px 1px;
}
.switch_image{
 width: 100%;
}
}

 .event_flex{
	display: flex;
	width: 100%;
	margin: 10px auto;
	flex-wrap: wrap;
 }

 .event_flex a{
	display: block;
	margin: 5px;
	width: calc(100%/4 - 25px);
 }
 .event_flex a img{
	display: block;
	width: 100%;
 }

.tp-thumbs{
 background: #fff!important;
 }

 @media screen and (max-width: 768px){
 .event_flex a{
	display: block;
	margin: 5px;
	width: calc(100%/2 - 15px);
 }
 }

.center{
 display: block;
 margin: 0 auto;
 width: fit-content;
 text-align: left;
}