@import url("reset.css");
body {
	height: 100%;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	background-color: #111;
}

/* 背景設定 */
/* body.top .bg_inner,
body.hotel .bg_inner,
body.event .bg_inner{
  background-image: url("/img/top_bg.jpg");
} */

body.top .bg_inner{
  background-image: url("/img/top_bg.jpg");
}

body.hotel .bg_inner,
body.event .bg_inner{
	background: #000;
}

body.system .bg_inner{
  /* background-image: url("/img/system_bg.jpg"); */
  background: #000;
}

body.cast .bg_inner,body.profile .bg_inner{
  /* background-image: url("/img/cast_bg.jpg"); */
  background: #000;  
}

body.schedule .bg_inner{
  /* background-image: url("/img/schedule_bg.jpg"); */
  background: #000;
}

body .bg_style{
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* body:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background:url("/img/bg.webp") center top no-repeat;
    background-size: auto 100%;
		opacity: 0.5;
} */
/*
body::before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:50% 100%;
background-image:url("/img/bg.jpg");
background-size:cover;
}
*/
img{
	width: 100%;
	vertical-align: bottom;
	height: auto;
}
a{
	color: #fff;
}
a:hover{
	color: #5BADC4;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.dopc{
	display: none !important;
}
.btn {
	margin: 0 auto;
	text-align: center;
	display: block;
	border: unset;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
table{
	margin: 0 auto 10px auto;
	box-sizing: border-box;
}
tr{
	box-sizing: border-box;
}
th,td{
	vertical-align: middle;
}
th{
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
}
td{
	padding: 10px;
	text-align: left;
	box-sizing: border-box;
}
input[type="submit"] {
	-webkit-appearance: none;
	border: none;
}
ul {
	overflow: hidden;
}
.fontChange{
	font-family: 'Libre Baskerville', serif;
}
#wrapper{
	width: 100%;
	overflow: hidden;
	position: relative;
}




#pan{
	width: 100%;
	color: #fff;
	font-size: 14px;
	/* border-top: solid 2px #fff; */
	border-bottom: solid 2px #fff;
  /* background-color: #141414; */
	position: relative;
	z-index: 2;
}
#pan a{
	color: #fff;
}
#panIn{
	margin: 0 2%;
}
/*----- index -----*/
#index{
	text-align: center;
  background-image: url("/img/index_sp.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#index a{

}
#index h1{
	padding: 2px 0;
	text-align: center;
	color: #fff;
	line-height: 14px;
  background-color: #fe8faf;
}
#index .content{
	padding: 0px;
	filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.2));
	box-sizing: border-box;
	overflow: hidden;
}
#index .contentTitle{
	position: relative;
  color: #555555;
}
#indexHead img{
	width: 100%;
}
#indexHead img.tel{
	width: 98%;
	margin: 10px auto 20px auto;
}

#index .content {
  position: relative;
  padding-bottom: 20px;
  z-index: 2;
  box-shadow: 0px 4px 12px;
  padding: 0px 0 20px;
  /* width: 1200px; */
  margin: 0 auto 20px auto;
  box-sizing: border-box;
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#entrance {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 400px;
}

#entrance p {
  width: 100%;
  text-align: center;
  color: #555555;
}


#index .enter.btn img {
  width: 150px;
}
.exit.btn img {
  width: 100px;
}


/*
#entrance{
	padding: 20px 0 0 0;
}
#entrance p{
	margin-bottom: 20px;
}
.enter span{
	font-size: 24px;
}
#index .btn {
	width: 120px;
	margin: 0 auto;
	padding-bottom: 15px;
}
*/
#index .enter a {
	padding: 12px 0;
	color: #fff;
	text-align: center;
	display: block;
}
#index .leave a{

}
#entrance .dt_link {
	width: 80%;
	margin: 0 auto 20px auto;
}
#index .desc{
	width: 80%;
	margin: 0 auto 20px auto;
}
#index .recruit,#index .introduction,#index .group,#index .link{
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
}
#index .link.dosp{
	margin-top: 20px;
}
#index .recruit .left,#index .recruit .right{
	margin: 0 10px;
}
#index .introduction .contentTitle img{
	width: 82%;
	padding: 7px 0 0 0;
}
#index .introduction .textBox{
	padding: 0 5px;
	text-align: left;
}
#index .introduction .textBox p{
	margin-bottom: 5px;
}
#index .group li{
	margin-bottom: 20px;
}
#index .group li:last-child{
	margin-bottom: unset;
}
#index .group .name{
	margin-bottom: 10px;
	font-size: 14px;
}
#index .link ul{
	margin: 0 auto;
	overflow: hidden;
}
#index .link li{
	margin-bottom: 10px;
}
#index .link li:last-child{
	margin-bottom: unset;
}
#index #dt_enter img {
	width: 250px;
}
/*----- header -----*/
#header{
	width: 100%;
	height: 100px;
  background-color: #fe8faf;
	/* padding: 3px 0; */
  /* background-image: url("/img/header_bg.webp"); */
  /* background-repeat: no-repeat; */
  /* background-size: auto 200px; */
  /* background-position: center top; */
	/* box-sizing: border-box; */
	/* top: 0; */
	/* z-index: 1000; */
}
#header .logo {
  position: relative;
  bottom: 10px;
  width: 50%;
  margin: 0px auto;
  opacity: 0;
  transition: all 2s;
  display: block;
}
#header .logo img {
  margin: 0 5px;
  width: 80%;
}
#header .logo.active {
  opacity: 1;
}
#header .dataBox{
	position: absolute;
	top: 41px;
	right: -24px;
	width: 50%;
	z-index: 9999;
}
#header .dataBox li{
	width: 27%;
	float: left;
}
#header .dataBox li {
	margin-right: 4px;
	z-index: 9999;
}
#header .dataBox li a{
	position: relative;
	z-index: 9999;
}
#header .dataBox li:last-child{
	margin-right: none;
}
#header .dataBox img{
	width: 100%;
	display: block;
}
#header .dataBox .line{
	color: #2BAD38;
	font-size: 18px;

	position: relative;
	top: 3px;
}
#menuBtn,#lineBtn,#telBtn {
	position: relative;
	z-index: 9999;
}
.reserveBtn{
	width: 100%;
	padding: 5px 0;
	font-size: 20px;
	text-align: center;
	background-color: rgba(255,127,0,0.9);
	position: fixed;
	bottom: 0;
	z-index: 1000;
}
.reserveBtn a{
	color: #fff;
}
.reserveBtn .reserveInner{
	position: relative;
}
.reserveBtn .reserveInner p:before {
	margin-right: 5px;
	content: url(/img/btn_icon_reserve.png);
	position: relative;
	top: 2px;
}
/*swingMenu*/
.swingMenu{
	width: calc(100% - 20px);
	margin: 10px;
	text-align: left;
	z-index: 2000;
	display: none;
  border-radius: 10px;
  box-shadow: 0 10px 10px rgba(0,0,0,0.2);
	box-sizing: border-box;
	overflow: hidden;
	line-height: 20px;
	position: fixed;
	bottom: 80px;
	padding-bottom: 10px;
  background-color: #fe8faf;
	/* background-image:url("/img/bg.webp"); */
	/* background-size: auto 100%; */
	background-position: center;
	box-shadow: 0 0 20px 3px #ffffffbd;
}
.swingMenu #kokubanItem {
	height: 44px;
	width: auto;
	position: absolute;
	bottom: -5px;
	left: 8px;
}
.swingMenu a{
	color: #fff;
}
.swingMenu .menuList{
	padding: 15px 0 0 0;
	overflow: hidden;
}
.swingMenu ul{
	margin: 0 1%;
	overflow: hidden;
}
.swingMenu li{
	width: 50%;
	float: left;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.swingMenu li a{
	color: #fff;
}
.swingMenu li span {
	font-size: 20px;
}
.swingMenu .addressBox p{
	margin-left: 1%;
	text-align: left;
}
.addressBox{
	width: 98%;
	margin: 0 1%;
}
.addressBox img {
    width: 70%;
    margin: 30px auto;
    display: block;
}
.addressBox .data{
	width: 96%;
	margin: 0 2%;

	font-size: 20px;
	text-align: right;
	line-height: 20px;
}
.addressBox .data span{
	margin-right: 10px;
	font-size: 14px;
	color: #fff;
}
/*----- nav -----*/
#nav{
	font-size: 20px;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	line-height: 45px;
	background-color: #FDF2F8;
	border-bottom: solid #470246 1px;
	box-sizing: border-box;
	overflow: hidden;
}
/* headBn */
#headBn {
  overflow: visible;
  position: relative;
}
#headBn::after {
  content: "";
  display: block;
  width: 100%;
  height: 20px;
  /* background: linear-gradient(45deg, #fd346e 0%, #403657 35%, #7a728a 50%, #403657 85%, #fd346e 90% 100%); */
  background: #fd346e;
}
#headBn #leftGirl {
  position: absolute;
  top: 0;
  left: -72px;
  z-index: 1;
  height: 100%;
  opacity: 0;
  width: auto;
  transition: all 2s;
}
#headBn #leftGirl.active {
  left: -22px;
  opacity: 1;
}
#headBn #rightGirl {
  position: absolute;
  top: 0;
  right: -134px;
  z-index: 1;
  height: 100%;
  opacity: 0;
  width: auto;
  transition: all 2s;
}
#headBn #rightGirl.active {
  right: -84px;
  opacity: 1;
}
#headBn .content {
	padding: 10px;
  overflow: visible !important;
	margin-bottom: 0;
	/* height: 190px; */
}
#headBn .contentInner {
  margin: 0 auto !important;
	padding: 0;
}
#headBn .bnrSlider {
	/* margin-bottom: 0; */
}
/*----- girlSet -----*/
.girlDataBox{
	overflow: hidden;
}
.girlSet{
	position: relative;
	border-radius: 5px;
}
.girlSet .girlImg{
	width: 100%;
	height: clamp(20px, 488 / 768 * 100vw, 640px);
}

.girlSet .girlImg img{
	object-fit: cover !important;
}
.girlSet .newfaceIcon {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10;
}
.girlSet .twitterIcon {
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: 85px;
    right: 5px;
}
.girlSet .newfaceIcon img {
    width: 30px;
    height: 40px;
}
.girlSet .girlData {
  background-image: url("/img/satin_black_bg.webp");
  background-color: #420201;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
	z-index: 9999;
	width: calc(100% - 10px);
	padding: 5px;
}
.girlSet .time {
    height: 24px;
    padding: 2px 5px;
    font-size: 16px;
    line-height: 21px;
  background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
	color: #111;
    box-sizing: border-box;
    text-align: right;
    z-index: 600;
    width: 100%;
}
.girlSet .storeName {
	float:left;
}
.girlSet .name{
  font-size: 16px;
  line-height: 16px;
}
.girlSet .name a{
	color: #fff;
}
.girlSet .size{
	line-height: 12px;
}

.girlSet .comment{
}
.girlSet .imgWrap {
	overflow: hidden;
}

#topIndexLeft .girlSet .girlImg {
	width: 100%;
	height: clamp(20px, 488 / 768 * 100vw, 640px);
	overflow: hidden;
	display: block;
	background: #0090ff;
  }

/* .girlImg内の画像に対してobject-fitを適用 */
.girlSet .girlImg img,
.girlSet a.girlImg img {
    object-fit: cover !important;
    height: 100%;
    width: 100%;
}

/* .imgWrap内の画像に特化したスタイル */
.girlSet .imgWrap {
    height: clamp(220px, calc(488 / 768 * 100vw), 640px) !important;
    overflow: hidden;
}

.girlSet .imgWrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center;
}

/* .girlImgリンクを親コンテナに合わせる */
.girlSet .girlImg {
    display: block;
    height: 100%;
    width: 100%;
}

/* より具体的なセレクタで確実に適用 */
.girlSet .girlImg img,
.girlSet a.girlImg img,
#schedule .girlSet .girlImg img,
#newface .girlSet .girlImg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center;
}

/* 親コンテナの高さも確実に設定 */
.girlSet .girlImg {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
}



/*----- gielSetStyle01 -----*/
.gielSetStyle01{
	width: calc(98.4%/4);
	margin: 0 0.2% 10px 0.2%;
}
.gielSetStyle01 .girlDataBox{
	padding: 5px;
}
.gielSetStyle01 .name{
	font-size: 16px;
	width: 150px;
	text-align: center;
	text-shadow: 1px 1px 1px #373737;
	color: #373737 ;
}
.gielSetStyle01 .size{
	width: 150px;
	font-size: 10px;
	margin-bottom: 7px;
}
.gielSetStyle01 .time{
	width: 150px;;
	font-size: 10px;
	margin-bottom: 5px;
}
/*----- gielSetStyle02 -----*/
.gielSetStyle02{
	padding: 5px;
}
.gielSetStyle02 .girlDataBox{
	padding: 5px;
}
.gielSetStyle02 .name{
	font-size: 20px;
	text-align: center;
	text-shadow: 1px 1px 1px #373737;
	width: 100%;
	margin-bottom: 5px;
	color: #373737 ;
}
.gielSetStyle02 .size{
	font-size: 14px;
	width: 100%;
}
/*----- main -----*/
#main{
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#topIndexRight {
	position: relative;
	z-index: 2;
}
#left{
	width: 680px;
}
#headContact{
	margin: 72px auto 20px auto;
}
#headContact .time{
	margin-bottom: 10px;
	text-align: center;
}
#headContact .time span{
	font-size: 20px;
}
.headContactBtn{
	width: 80%;
	margin: 0 auto 5px auto;
	padding: 5px 0;
	line-height: 20px;
	position: relative;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FDF2F8), color-stop(1.00, #F9E4ED));
	background: -webkit-linear-gradient(#FDF2F8, #F9E4ED);
	background: -moz-linear-gradient(#FDF2F8, #F9E4ED);
	background: -o-linear-gradient(#FDF2F8, #F9E4ED);
	background: -ms-linear-gradient(#FDF2F8, #F9E4ED);
	background: linear-gradient(#FDF2F8, #F9E4ED);
	border-radius: 5px;
	border: solid #505050 1px;
	box-sizing: border-box;
	display: block;
}
#headContact .headContactBtn img{
	width: 7%;
	position: absolute;
	top: 7px;
	left: 7%;
}
#headContact .headContactBtn p{
	font-family: 'Libre Baskerville', serif;
	font-size: 18px;
	position: relative;
	left: 20%;
}
/*----- top -----*/

.top #news{
	margin-bottom: 10px;
}
.top #news .contentInner,.top #photo .contentInner{
	height: 400px;
	overflow-y: scroll;
}
.top #news .girlSet{
	width: 60%;
	margin: 0 auto 10px auto;
}
.top #news.Lcontent .textBox{
	margin: 0 0 20px 0;
	padding: 10px;
	box-sizing: border-box;
}
.top #news.Lcontent .newsWrapper {
	overflow: hidden;
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.top #news.Lcontent .textBox .title {

	font-size: 16px;
	line-height: 16px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 5px;
	border-left: solid 5px #db0100;
	padding-left: 5px;
}
.top #photo{
	overflow: hidden;
}
.top #pickup{
	padding: unset;
}
.top #pickup .Lcontent .girlSet{
	margin: 0 10px 10px 10px;
}
.top #pickup .Lcontent .dataBox{
	padding-left: 10px;
}
.top #pickup .Lcontent .dataBox .name{
	margin-right: 10px;
	font-size: 30px;
	color: #fff;
	line-height: 34px;
}
.top #pickup .Lcontent .dataBox .name a{
	color: #fff;
}
.top #pickup .Lcontent .dataBox .size{
	font-size: 24px;
	line-height: 40px;
}
.top #pickup .Lcontent .dataBox .label{
	padding-top: 10px;
}
.top #pickup .Lcontent .textBox{
	height: 200px;
	margin-bottom: 10px;
	padding: 10px;
	overflow-y: scroll;
	box-sizing: border-box;
}
.top #pickup .Rcontent{
	width: 300px;
}
.top #newface li,.top #schedule li{
	width: calc(98%/2);
	margin: 0 2% 10px 0;
	float: left;
}
.top #newface li:nth-child(even),.top #schedule li:nth-child(even){
	margin-right: unset;
}
.top ul{
}

.top ul.bnrSlider {
  overflow: visible;
}



.top .btn {
	width: 160px;
	height: 40px;
	margin: 20px auto;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	box-sizing: border-box;

}
.top .btn a {
  padding: 0;
  /* background-image: url("/img/satin_red_bg.webp"); */
  background-color: #fd346e;
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
  color: #fff;
  text-align: center;
  display: block;
  transition: all 0.5s;
  border: 1px solid #f2ddae;
}
.top .btn a:hover {
  color: #fff;
  box-shadow: 0 0 10px #fff inset;
}
.content{
		margin-bottom: 10px;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	overflow: hidden;
}
.contentInner{
	width: 100%;
	padding: 0 0 10px 0;
}
.contentSet{
	margin-bottom: 10px;
	overflow: hidden;
}
.contentSyle01 .girlBox li{
	width: calc(94%/2);
	margin: 0 2% 10px 2%;
	float: left;
}
.contentSyle01 .girlBox li:nth-child(even){
	margin: 0 2% 10px 0;
}
.contentSyle02 .Lcontent{
	width: 70%;
	margin: 0 15% 20px 15%;
	position: relative;
}
.contentSyle02 .Lcontent .frame{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 400;
}
.contentSyle02 .Lcontent .label{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 300;
}
.contentSyle02 .Lcontent .comment{
	text-align: center;
	background-color: rgba(225,127,175,0.2);
	width: 94.3%;
	padding-left: 2%;
	position: absolute;
	bottom: 5px;
	left: 2%;
	z-index: 600;
}
.contentSyle02 .Lcontent .nameBack{
	font-size: 40px;
	opacity: 0.2;
	position: absolute;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	bottom: 0;
	right: 15px;
	z-index: 500;
}
.contentSyle02 .Rcontent{
	width: 96%;
	margin: 0 auto;
}
.contentSyle02 .Rcontent .name{
	width: 100%;
	margin-bottom: 5px;
	font-size: 20px;
	border-bottom: solid #e12719 1px;
	overflow: hidden;
}
.contentSyle02 .Rcontent .size{
	height: 16px;
	width: 68%;
	margin-bottom: 5px;
	padding: 5px 1% 0px 0;
	text-align: right;
	float: left;
}
.contentSyle02 .Rcontent .label{
	height: 22px;
	width: 30%;
	margin-bottom: 5px;
	padding: 0px 1% 2px 0;
	float: left;
}
.contentSyle02 .Rcontent .schedule .title{
	padding: 5px 0 2px 5px;
	font-size: 18px;
}
.contentSyle02 .Rcontent table{
	padding: 10px;
}
.contentSyle02 .Rcontent tr{

}
.contentSyle02 .Rcontent th{
	font-size: 16px;
	width: 140px;
	text-align: left;
}
.contentSyle02 .Rcontent td{
	font-size: 16px;
}
.Rcontent .textBox{
}
.Rcontent .shop{
	padding: 10px;
	overflow: hidden;
}
.Rcontent .textBox .title{
	font-size: 16px;
}
.contentSyle02 .Rcontent .textBox .text{
	width: 96%;
	height: 300px;
	margin: 0 auto 20px auto;
	padding: 10px;
	box-sizing: border-box;
	overflow-y: scroll;
}
.contentSyle02 .innerBottom .schedule .title{
	font-size: 20px;

}
/*----- slick -----*/
.slick-dots li button:before{
	font-size: 20px!important;
	color: #e12719 !important;
}
.slick-dotted.slick-slider{
	/* padding-bottom: 10px; */
}
/* photo */
.contentSyle04 .Lcontent{
	width: 100%;
	position: relative;

}
.content {
	position: relative;
	z-index: 2;
}
.content .contentTitle{
	position: relative;
	margin: 10px 0;
	position: relative;
	line-height: 40px;
	font-size: 40px;
	text-align: left;
  color: #555555;
}
.content .contentSubTitle{
	font-size: 22px;
}
.content .contentTitle span {
	font-size: 14px;
	height: 14px;
	line-height: 14px;
	display: block;

	padding-left: 5px;
}
.contentTitleRight{
	font-size: 24px;
	text-shadow: 1px 1px 3px #ABABAB;
	padding-left: 10px;
	border-bottom: solid #A8A8A8 1px;
	box-sizing: border-box;
	overflow: hidden;
}
/*----- system -----*/
.tab {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.tab li {
	width: calc(98%/3);
	margin-right: 1%;
	text-align: center;

	background-size: contain;
	background-repeat: no-repeat;
	box-sizing: border-box;
	float: left;
}
.tab li:last-child{
	margin-right: unset;
}
.tab li a {
	padding: 12px 0;
	color: #fff;
	text-align: center;
	line-height: 20px;
	display: block;
}
.tab li a.selected {
	color: #f3f4bd;
	text-decoration: none;
}
.tab li span{
	font-size: 14px;
}
@media screen and (max-width: 320px) {
	.tab li a{
		padding: 8px 0 12px 0;
	}
}
.panel {
	border-top: none;
	box-sizing: border-box;
	padding: 0;
}
.panel li {
	list-style-type: none;
	padding: 5px;
}
#sPlay li{
	margin-bottom: 10px;
	padding: 10px;
	filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.2));
	box-sizing: border-box;
}
#sPlay li .head{
	margin-bottom: 10px;
}
#sPlay li .head img{
	width: 100%;
}
#sPlay li .desc{
	padding-left: 2.5em;
}
#sPlay li .desc li{
	padding: unset;
	padding-right: 1em;
	font-size: 14px;
	list-style-type: decimal;
	filter: unset;
	background-color: unset;
}

#system .menuTitle {
	font-size: 20px;
}
#system .caption {
	margin: 20px 0;
	font-size: 14px;
}
#system table {
    width: 100%;
    margin: 30px 0;
  box-shadow: 0 0 13px 5px #ffffe58c;
  /* background-image: url("/img/satin_black_bg.webp"); */
  background-color: #141414;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
}

#system .basicTable {
  width: 94%;
  margin: 30px 0;
  padding: 10px;
  box-shadow: 0 0 13px 5px #ffffe58c;
  /* background-image: url("/img/satin_black_bg.webp"); */
  background-color: #141414;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
}



#system .courseTable th {
    padding: 5px;
    font-size: 16px;
    /* font-weight: bold; */
    
}
#system .courseTable td {
	text-align:  right;
	font-size:  14px;
  padding: 5px;
}
#system .otherTable th {
    font-size: 16px;
    /* font-weight: bold; */
    
    width: 60%;
    text-align: left;
}
#system .otherTable td {
	text-align:  right;
	font-size:  14px;
}
#system .otherTable td[colspan="2"] {
    text-align: left;
    font-size: 15px;
}
#system .optionTable th {
    font-size: 16px;
    text-align: left;
    
}
#system .optionTable td {
	text-align:  right;
	font-size:  14px;
}

#sOption ul{
	margin: 0 auto 10px auto;
	overflow: hidden;
}
#sOption li{
	width: calc(96%/3);
	margin: 0 2% 10px 0;
	padding: 5px;
	color: #fff;
	text-align: center;

	filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.2));
	box-sizing: border-box;
	float: left;
}
#sOption li:nth-child(3n){
	margin: 0 0 10px 0;
}
#sOption li:last-child{
	padding: 5px 10px;

	background-color: unset;
	text-align: left;
	filter: unset;
}
/*----- access -----*/
#access .accessInner{
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	border: solid #e12719 1px;
	box-sizing: border-box;
	overflow-y: hidden;
}
#access .map{
	width: 100%;
	margin-right: 10px;
	float: left;
}
#access iframe{
	height: 200px;
}
#access .data{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
}
#access .data img.logo{
	width: 80%;
	margin: 0 auto 10px auto;
	display: block;
}
#access .data table{
	width: 100%;
	margin: 0 auto;
}
#access .data th{
	width: 100%;

	color: #fff;
	font-size: 14px;
	text-align: left;
	float: left;
}
#access .data td{
	font-size: 14px;
	background-color: #fff;
	float: left;
}
#access .data td img{
	width: 40%;
	margin: 0 auto;
	display: block;
}
/*----- recruit -----*/
#rInfo .bnr{
	margin: 0 auto 10px auto!important;
}
#rInfo table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 10px;
}
#rInfo th{
	display: block;
	width: 100%;
}
#rInfo td{
	display: block;
	width: 100%;
}
#contactBox .contentInner{
	margin: 0 auto;
	padding-bottom: 20px;
}
#contactBox .head{
	margin: 20px auto;

	font-size: 20px;
	text-align: center;
}
#contactBox li{
	width: 100%;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
	border: solid #e12719 3px;
	filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.2));
	box-sizing: border-box;
}
#contactBox li:last-child{
	margin-bottom: unset;
}
#contactBox li p{
	margin-bottom: 10px;
	font-size: 20px;
}
#contactBox .btn a{
	color: #fff;
	filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.5));
}
#contactBox .btn{
	padding: 10px;
	font-size: 24px;
	position: relative;
}
#contactBox .btn:before{
	margin-right: 10px;
	position: relative;
	filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.5));
	top: 2px;
}
#contactBox .tel .btn {
	border: solid #f078bf 2px;
	background: #ffcbea;
	background: -moz-linear-gradient(top,  #ffcbea 0%, #ffcbea 50%, #f078bf 100%);
	background: -webkit-linear-gradient(top,  #ffcbea 0%,#ffcbea 50%,#f078bf 100%);
	background: linear-gradient(to bottom,  #ffcbea 0%,#ffcbea 50%,#f078bf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcbea', endColorstr='#f078bf',GradientType=0 );
}
#contactBox .tel .btn:before{
	content: url(/img/btn_icon_tel.png);
}
#contactBox .mail .btn {
	font-size: 18px;
	border: solid #f0b978 2px;
	background: #ffe6c9;
	background: -moz-linear-gradient(top,  #ffe6c9 0%, #ffe6c9 50%, #f0b978 100%);
	background: -webkit-linear-gradient(top,  #ffe6c9 0%,#ffe6c9 50%,#f0b978 100%);
	background: linear-gradient(to bottom,  #ffe6c9 0%,#ffe6c9 50%,#f0b978 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6c9', endColorstr='#f0b978',GradientType=0 );
}
#contactBox .mail .btn:before{
	content: url(/img/btn_icon_mail.png);
	top: 4px;
}
#contactBox .line .btn {
	border: solid #78f07b 2px;
	background: #c8ffc9;
	background: -moz-linear-gradient(top,  #c8ffc9 0%, #c8ffc9 50%, #78f07b 100%);
	background: -webkit-linear-gradient(top,  #c8ffc9 0%,#c8ffc9 50%,#78f07b 100%);
	background: linear-gradient(to bottom,  #c8ffc9 0%,#c8ffc9 50%,#78f07b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8ffc9', endColorstr='#78f07b',GradientType=0 );
}
#contactBox .line .btn:before{
	content: url(/img/btn_icon_line.png);
}
/*----- schedule -----*/
.schedule{
	width: 100%;
	/* position: relative; */
	/* float: left; */
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #db0100;
}
.schedule ul{
	width: 98%;
	margin: 0 auto;
	overflow: hidden;
}
#schedule .schedule li{
	width: calc(100% / 7);
	text-align: center;
	line-height: 20px;
	float: left;
}
.schedule .day a{

}
.schedule .today{
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}
.schedule .today a{
}
.schedule .check{
	margin-bottom: 10px;
}
.schedule .check li a{

}
.schedule .check li img{
	width: 30%;
}
#pickup .schedule .checkBg{
	position: absolute;
	top: 88px;
	left: 5%;
	z-index: -100;
	width: 90%;
}
#profile .schedule .checkBg{
	position: absolute;
	top: 100px;
	left: 55px;
	z-index: -100;
	width: 88%;
}
.schedule .sat{
	color: #60a0de;
}
.schedule .sun{
	color: #de6061;
}
/*----- profile -----*/
#profile .mainBox{
	margin-bottom: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
#profile .mainBox ul{

}
#profile .tmbBox{
	margin-bottom: 10px;
}
#profile .thumbnail li{
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
	float: left;
}
#profile .thumbnail li:last-child{
	margin-right: unset;
}
#profile .Rcontent .dataBox{

}
#profile .Rcontent .name{
	margin-left: 10px;
	font-size: 20px;
}
#profile .Rcontent .size{
	margin-left: 10px;
	font-size: 14px;
	line-height: 14px;
	float: left;
	width: 70%;
}
#profile .Rcontent table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 10px;
}
#profile .Rcontenttr tr{
	font-size: 16px;
}
#profile .Rcontent th,#profile .Rcontent td{
	width: 100%;
	display: block;
}
#option th{
	width: 40% !important;
	float: left;
	display: block !important;
	padding: 5px;
	border-bottom: solid 1px #fff;
}
#option td{
	width: 10% !important;
	float: left;
	text-align: center;
	display: block !important;
	padding: 5px;
}
#profile .Rcontent th{
	text-align: left;
}
#profile .Rcontent .messageBox li{
	margin-bottom: 10px;
	padding: 10px;
	filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.2));
	box-sizing: border-box;
	overflow: hidden;
}
#profile .Rcontent .messageBox .title{
	font-size: 20px;
	margin-bottom: 10px;
}
#profile .Rcontent .innerBottom{
	width: 100%;
}
#profile .innerBottom .scheduleBox{
	font-size: 20px;
	width: 100%;
	overflow: hidden;
}
#profile .innerBottom .scheduleBox ul{
	padding: 5px;
	box-sizing: border-box;
	overflow: hidden;
}
#profile .innerBottom .scheduleBox li{
	font-size: 14px;
	width: calc(94% / 7);
	margin-right: 1%;
	text-align: center;
	float: left;
	box-sizing: border-box;
}
#profile .innerBottom .scheduleBox li:last-child{
	margin-right: unset;
}
#profile .innerBottom .scheduleBox .today {
}
#profile .innerBottom .scheduleBoxe .sat {
	color: #60a0de;
}
#profile .innerBottom .scheduleBoxe .sun {
	color: #de6061;
}

/*----- 追加20240926 -----*/
/* 写メ日記リンク */
#profile .diaryLink {
  border: 5px solid #ffffff;
  margin-top: 50px;
  font-size: 20px;
  text-align: center;
  padding: 20px;
  background: rgb(73 73 73 / 50%);
  filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
}

/* 口コミリンク */
#profile .reviewLink {
  border: 5px solid #f889bd;
  text-align: center;
  margin-top: 50px;
  font-size: 20px;
  padding: 20px;
  background: rgb(73 73 73 / 50%);
}







/*----- form reserve enquete -----*/
#form table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 10px;
}
#form th,#form td{
	width: 100%;
	display: block;
}
#form th{
	text-align: left;
}
#form td{
	width: 100%;
}
#form th span {
	font-size: 10px;
	margin-left: 10px;
	color: #de6061;
	line-height: 20px;
}
#form td li{
	width: 30%;
	float: left;
}
#form input[type="text"] {
	width: 90%;
}
#form .age input[type="text"] {
	width: 20%;
}
#form #datepicker{
	width: 70px;
}
#form select{
	font-family: 'Noto Sans JP';
	width: 70%;
	float: left;
}
#form select.sub{
	width: 65%;
	margin-left: 5%;
}
#form textarea {
	width: 98%;
	height: 150px;
}
#form .submit_button {
	width: 240px;
	height: 80px;
	margin: 0 auto 10px auto;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	font-family: "Sawarabi Mincho";
	background-image: url(/img/btn_bg.png);
	background-color: unset;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
	display: block;
}
#form .tabletyle01 th{
	border-top: solid #cfcfcf 1px;
	border-right: solid #cfcfcf 1px;
	border-left: solid #cfcfcf 1px;
	box-sizing: border-box;
}
#form .tabletyle01 td{
	border: solid #cfcfcf 1px;
	box-sizing: border-box;
}
/*----- magazine -----*/
#magazine .bnr{
	margin: 0 auto 20px auto;
}
#magazine .bnr img{
	width: 100%;
}
#magazine .head{
	margin-bottom: 20px;
}
#magazine .head img{
	margin-bottom: 20px;
}
#magazine span.o{
	color: #ff7800;
}
#magazine span.p{
	color: #fff;
}
#magazine .head p{
	margin-bottom: 10px;
}
#magazine ul{
	overflow: hidden;
}
#magazine .desc1 li{
	margin-bottom: 10px;
	padding: 10px;
	font-size: 16px;
	background: #B3B1B1;
	border: 3px solid #8E8E8B;
	border-radius: 5px;
}
#magazine .desc1 li:last-child p{
	margin-bottom: unset;
}
#magazine input[type="submit"] ,#magazine .btn {
	text-decoration: none;
	display: block;
	position: relative;
	background: #fff;
	padding: 12px;
	font-size: 16px;
	background: #000;
	color: #fff;
	width: 50%!important;
	box-sizing: border-box;
	margin: 0 auto;
	display: inline-block;
}
#magazine input[type="submit"] ,#magazine .btn a{
}
#magazine input[type="text"]{
	height: 30px;
	margin-bottom: 10px;
}
#magazine input[type="submit"]{
	padding: 10px;
}
#magazine .desc2{
	overflow: unset!important;
	list-style: unset;
}
#magazine .desc2 li{
	line-height: 14px;
	list-style: disc;
	list-style-position: inside;
}
/*----- member -----*/
#panel {
	width: 300px;
	margin: 150px auto;
	padding: 20px;
	box-shadow: 0 0 6px #333;
}
#panel table {
	width: 100%;
}
#panel table th,#panel table td {
	width: 50%;
}
#panel table th img{
	width: 80%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.tal {
	text-align: left;
}
#panel input {
	width: 100%;
	border: solid 1px #e6e6e6;
}
#panel .btn {
	width: 30%;
	background: #FDF2F8;
	border: none;
	margin-top: 10px;
	padding: 7px;
	box-shadow: 0px 0px 5px #CFC7C2 inset;
}
#main #schedule .girlSet .label {
    width: 60px;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 500;
}
#girlList {
	position: relative;
	z-index: 2;
}
#girlList #schedule .girlSet .label{
    width: 60px;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 500;
}
.contentSyle04 .Rcontent .label{
	width: 110px;
	margin: 0 0 18px 0;
	padding: 2px 0 4px 10px;
	border-bottom: solid #eee 1px;
	box-sizing: border-box;
	float: left;
}
/* concept */
#concept li{
	margin-bottom: 50px;
	color: #744010;
	font-size: 16px;
	line-height: 32px;
}
#concept li:first-child{
	margin-top: 10px !important;
}
#concept li span.col01{
	color: #f078bf;
}
#concept li span.col02{
	color: #ca78f0;
}
#concept .logo{
	width: 80%;
	margin: 0 auto 10px auto;
	display: block;
}
/* event */
.event li:last-child {
	margin-bottom: unset;
}
.eventBox{
	margin: 0 auto;
	padding: 5px;
	filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.2));
	box-sizing: border-box;
	overflow: hidden;
}
.eventBox img{
	margin: 0 auto 10px auto;
	display: block;
}
.eventBox .title{
	margin-bottom: 10px;
	padding: 5px;
	filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.2));
	box-sizing: border-box;
}
.eventBox .text{
	padding: 5px;
	filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.2));
	box-sizing: border-box;
}
/*----- hotel -----*/
#hotel ul.typeBtn{
	margin: 0 auto 10px auto;
	overflow: hidden;
}
#hotel ul.typeBtn li{
	width: 48%;
	padding: 10px;
	font-size: 18px;
	text-align: center;
	box-sizing: border-box;
	float: left;
}
#hotel ul.typeBtn li a{
	color: #fff;
}
#hotel ul.typeBtn li:first-child{
	background-color: #FD6BAC;
	margin-right: 4%;
}
#hotel ul.typeBtn li:last-child{

}
#hotel ul.areaBtn{
	width: 100%;
	margin: 0 auto 10px auto;
	overflow: hidden;
}
#hotel ul.areaBtn li{
	width: calc(96%/3);
	margin: 0 2% 10px 0;
	font-size: 10px;
	text-align: center;
	border-radius: 5px;
	float: left;
}
#hotel ul.areaBtn li:nth-child(3n){
	margin: 0 0 10px 0;
}
#hotel ul.areaBtn li a{
	padding: 10px 0;
	color: #fff;
	display: block;
}
#hotel table{
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px 10px;
}
#hotel table th:nth-child(1){
	border-right: solid #fff 2px;
}
#hotel table th:nth-child(2){
	border-right: solid #fff 2px;
}
#hotel table th:nth-child(3){
}
#hotel table th:nth-child(4){
}
#hotel table td:nth-child(1){
	color: #000000;
}
#hotel table .areaName{
	color: #222!important;
  font-size: 20px;
	text-align: center;
	border-bottom: unset!important;
	background-color: #fff!important;
}
#hotel table .areaNameChild{
	color: #e12719!important;
	text-align: center;
	background-color: #fff!important;
}
#loveHotel{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#loveHotel .title{
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background-color: #FD6BAC;
}
#loveHotel ul.areaBtn li{
	background-color: #FD6BAC;
}
#loveHotel ul.areaBtn li a:hover{

}
#loveHotel th{
	background-color: #272727;
	display: block;
}
#loveHotel th:nth-child(1){
}
#loveHotel th:nth-child(2){
}
#loveHotel th:nth-child(3){
}
#loveHotel th:nth-child(3){
}
#loveHotel td {
  color: #fff;
  display: block;
  background-color: #272727;
  font-size: 17px;
}
#loveHotel td:nth-child(1){
	/* color: #ffffff; */
  background-color: #ffffff;
}
#loveHotel td:nth-child(2){
	border-bottom: solid #ffffff 1px;
}
#loveHotel td:nth-child(3){
	border-bottom: solid #ffffff 1px;
}
#loveHotel td:nth-child(4){
}

#loveHotel td.blue{
  color: #0090ff;
}

#loveHotel td.red{
  color: #d76247;
}

#businessHotel{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#businessHotel .title{
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	text-align: center;

}
#businessHotel ul.areaBtn li{

}
#businessHotel ul.areaBtn li a:hover{

}
#businessHotel th{

	display: block;
}
#businessHotel th:nth-child(1){
}
#businessHotel th:nth-child(2){
}
#businessHotel th:nth-child(3){
}
#businessHotel td{

	display: block;
}
#businessHotel td:nth-child(1){
	color: #fff;

}
#businessHotel td:nth-child(2){
	border-bottom: solid #e12719 1px;
}
#businessHotel td:nth-child(3){
}
/*----- footer -----*/
#footer{
	width: 100%;
	text-align: center;
  /* background-color: #000000; */
  /* background-image: url("/img/satin_red_bg.webp"); */
  /* background-repeat: no-repeat; */
  /* background-size: 180%; */
  /* background-position: left bottom; */
	/* box-sizing: border-box; */
	/* overflow: hidden; */
	/* position: relative; */
	/* padding-bottom: 50px; */
	/* z-index: 2; */
  background-color: #fe8faf;
}
#footer a{

}
#footer .menuList{
	padding: 15px 0 0 0;
	overflow: hidden;
	/* background: #111; */
}
#footer ul{
	margin: 0 3%;
	padding-bottom: 20px;
	overflow: hidden;
}
#footer li{
	width: 49%;
	height: 45px;
	margin: 0 2% 5px 0;
	padding: 12px 0;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	box-sizing: border-box;
	float: left;
}
#footer li:nth-child(even){
	margin: 0 0 10px 0;
}
#footer li a{
	color: #fff;
}
#footer li span {
	color: #fff;
	font-size: 20px;
	text-shadow: 0px 0px 3px #fff;
}
#footer .addressBox p{
	margin-left: 1%;
	text-align: left;
}
#footer .addressBox {
	width: 98%;
	margin: 10px 1% 0 1%;
  border-top: solid 1px #b38d6f;
}
#footer .addressBox  img {
    width: 80%;
    margin: 40px auto;
    display: block;
}
#footer .addressBox .data{
	width: 96%;
	margin: 0 2% 20px 2%;

	font-size: 20px;
	text-align: center;
	line-height: 20px;
}
#footer .addressBox .data span{
	margin-right: 10px;
	font-size: 14px;

}
#footer .addressBox .time{
	margin-bottom: 20px;
}
#footer .addressBox .tel{
	font-size: 30px;
}
#footer #telBtn {
    position: fixed;
    width: 70px;
    height: 70px;
    /* bottom: 10px; */
    left: 10px;
    top: 10px;
}
#footer #menuBtn {
    position: fixed;
    width: 70px;
    height: 70px;
    /* bottom: 10px; */
    right: 10px;
    top: 10px;
}
#footer #lineBtn {
    position: fixed;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    bottom: 10px;
    left: calc(50% - 50px);
    background: #00B900;
    border-radius: 3px;
}
#copyright{
	text-align: center;
	color: #fff;

}
#copyright a{
	color: #fff;
}
.diaryBox {
	margin: 10px 0;
	height: 500px;
}
#profile .movieArea {
	width: 100%;
	max-height: 240px;
}
/*movie*/
#movieList{

}
#movieList li{
	margin: 0 0 10px 0;
	padding: 10px;
	background-color: #fff;
	border: solid #e12719 1px;
	box-sizing: border-box;
	float: left;
}
#movieList li:last-child{
	margin: 0 0 0 0;
}
#movieList .movieTitle{
	margin-bottom: 5px;

	font-size: 20px;

}
#movieList .movieArea{
	width: 100%;
	max-height: 240px;
}
.movieSlider li{
	margin: 0 5px 10px 5px!important;
}
.catchCopy {
  text-align: center;
  color: #fff;
  line-height: 14px;
  /* height: 31px; */
  background-color: #fe8faf;
}
.catchCopy.subTitle {

	font-size: 14px;
	color: #fff;
}
.rankRibon {
    position: absolute;
    width: 40px;
    left: 5px;
    top: 5px;
    width: 50px !important;
}
.rankIco {
	width: 60px;
	position: relative;
	top: -36px;
	left: 5px;
}
.nowLink {
  position: absolute;
  right: 0px;
  display: block;
  top: 0px;
  font-size: 14px;
  /* background-image: url("/img/satin_red_bg.webp"); */
  background-color: #191522;
  background-repeat: no-repeat;
  background-size: cover;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  color: #fff;
  border: 1px solid #f2ddae;
}
#concept {
	font-weight: normal;
}
#concept .contentsUpper {
	font-size: 15px;
	line-height: 32px;
}
#concept .contentsLower {
	font-size: 16px;
	line-height: 24px;
	margin: 10px;
}
#concept .fontBig {
	font-size: 24px;
}
#concept .fontMedium {
	font-size: 18px;
}
.textRed {
	color: #de6061;
}
.textBlue {
	color: #2b73b9;
}
.textPink {
	color: #FF1FAD;
}
#concept .fontWeightBold {
	font-weight: bold;
}
#blankMail {
	margin-top: 40px;
	margin-bottom: 50px;
}
#blankMail hr {
	margin-bottom: 20px;
}
#blankMail a {
	background: #000;
	padding: 10px 20px;
	color: #fff;
	margin: 20px;
	display: inline-block;
}
/* system */
.systemList {
	width: 100%;
}
.systemList .courseTitle {

}
.systemList .special {
	border-radius:  5px;
    background: #fff;
  
    font-size: 17px;
    box-shadow: 0 0 4px #333;
}
.systemList .courseName {
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    letter-spacing: 6px;
}
.systemList .contents {
    border-radius: 5px;
    background: #fff;
    padding: 5px;
    color: #666;
    text-align: left;
    font-size: 14px;
}
.systemList tr {
	display: table-row;
	filter: none;
}
.priceList {
    border-spacing: 0px;
    width: 100% !important;
    margin-bottom:  0;
}
.priceList tr {
	display: table-row;
	filter: none;
}
.priceList th {
  
    color: #fff;
    font-size: 14px;
    padding: 5px;
}
.priceList td {
    text-align: center !important;
    font-size: 16px;
}
/* recruit */
.courseList tr {
	display: table-row !important;
}
.courseList th,.courseList td {
	display: table-cell !important;
}
.courseList th {
	background: #e6e6e6;
	width: 30% !important;
}
.courseList td {
	width: 70% !important;
}

.timesaleDescription {
	margin:  20px;
	padding:  10px;
}
.timesaleDescription .title {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #333;
    margin-bottom: 10px;
}
.timesaleDescription .title span {
	font-size:  50px;
	color:  #c72f74;
	font-style: italic;
}
.noTimesale {
    font-size: 15px;
    text-align: center;
    margin: 50px 0;
}
#recruitTable {
	margin: 50px 0;
	width:  100% !important;
}
#recruitTable tr {
	display: block;
	width:  100% !important;
}
#recruitTable th {
	display: block;
	width:  100% !important;
}
#recruitTable td {
	display: block;
	width:  100% !important;
}
.through {
	text-align: center;
	text-decoration: line-through;
	font-size: 10px;
	color: #f99;
}
.allow {
	text-align: center;
	font-size: 14px;
}



/* twitter.php */

#twitter .contentTitle {
  font-size: 25px;
}

#twitter .contentTitle svg {
  width: 27px;
  margin-right: 10px;
  position: relative;
  top: 3px;
  fill: white; /* SVGを白色に変更 */
}



#twitter .contentInner {
  display: flex;
  border: 2px solid #000;
  border-radius: 15px;
  /* padding: 20px; */
  margin: auto;
  margin: 0px auto 20px;
}

#twitter .contentInner .ph {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#twitter .contentInner .ph div {
  border-radius: 50%;
  height: 100px;
  width: 100px;
  overflow: hidden;
  margin: auto;
}

#twitter .contentInner .Rcontent {
  width: 70%;
}

#twitter .contentInner .Rcontent .dataBox {
  font-size: 1rem;
}

#twitter .contentInner .Rcontent .dataBox .name {
  font-size: 1.4rem;
  text-align: center;
}

#twitter .contentInner .Rcontent .dataBox .twitterLink {
  border: 2px solid #000;
  border-radius: 15px;
  width: 250px;
  /* text-align: right; */
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  font-size: 1rem;
  margin-right: 3px;
}

#twitter .contentInner .Rcontent .dataBox .twitterLink svg {
  width: 33px;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

#twitter .contentInner .Rcontent .dataBox .twitterLink .path01 {
  fill: #ffffff;
}

#twitter .contentInner .Rcontent .dataBox .twitterLink a {
  color: #ffffff;
}

#twitter .contentInner .Rcontent .dataBox .twitterLink .linkText {
  float: right;
  position: relative;
  top: 8px;
}

.staffTwitter .staffTitle {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 20px 0;
  background-color: #ffffff;
  color: #191522;
  text-align: center;
  border-radius: 15px;
  width: 75%;
  margin: 20px auto;
}



/* ranking.php */
#rankingPage section h3 {
  font-weight: bold;
  padding: 2% 1%;
  font-size: 1.4rem;
  margin-bottom: 0px;
}

.topiclist {
  margin: 30px 0 10%;
}

.topiclist li {
  width: 98%;
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0 auto 3%;
}

.topiclist li .ph {
  float: left;
  width: 100%;
}

.topiclist li .ph div {
  height: 200px;
  /* width: 150px; */
  /* border-radius: 50%; */
  /* overflow: hidden; */
  margin: auto;
}

.topiclist li .ph .ranking_left p {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
}


#rankingPage li .ph .list_rank {
  left: 0%;
  position: absolute;
  top: 0;
  width: 22%;
  max-width: 60px;
}
#rankingPage .topiclist li article {
  text-align: center;
  width: 100%;
  padding: 20px 10px;
  box-sizing: border-box;
  line-height: 1.6;
  float: left;
  background: rgba(255, 255, 255, 0.75);
  color: black;
}

.topiclist li article .rankno {
  letter-spacing: 0.4rem;
  font-size: 1rem;
  font-weight: bold;
}

#rankingPage #wrap li article .body {
  font-size: 1.2rem;
}

#rankingPage .topiclist li article h3,
#rankingPage .topiclist li article .body {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#rankingPage .topiclist li article h3 a {
  color: black;
}

#rankingPage #ranking li article .catch {
  font-size: 1.1rem;
  text-align: center;
}

#rankingPage #ranking li article .comment {
  font-size: 1rem;
  text-align: left;
  margin-top: 5px;
  height: 150px;
  overflow: auto;
}




 /* 左からフェードイン */
 .slide-left {
	opacity: 0;
	transform: translate(-20px, 0);
	transition: all 1s ease-out;
}

/* 右からフェードイン */
.slide-right {
	opacity: 0;
	transform: translate(20px, 0);
	transition: all 1.5s ease-out;
}




/* 本日出勤アイコン */
.list_today {
  display: block;
  right: 0;
  position: absolute;
  top: 0;
  z-index: 4;
  width: 70px;
}

/* .list_today {
  width: 70px;
} */



/* 料金システムに注意事項を追加 */
.caution-notice{
  margin: 20px auto 0;
  padding: 20px;
  background-color: #434343ab;
}

.caution-notice .notice_in{
  /* width: 80%; */
  margin: 0 auto;
}

.caution-notice h2{
  font-size: 1.2rem;
  color: #fff;
  margin-bottom: 10px;
}

.caution-notice p{
  /* font-size: 1.0rem; */
  color: #fff;
  margin-bottom: 10px;
}


.caution-notice ul {
  list-style-type: none;
  padding-left: 20px;
}
.caution-notice li::before {
  content: "\25A0"; /* ブラックスクエアのUnicode */
  color: rgb(247, 247, 247);
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  margin-right: 0.2em;
}



/*====================================
  top.php iframe追加 20250902
====================================*/
/* iframe コンテナ */
.iframe-container {
  display: flex;
  justify-content: center;
  align-items: center;

}

/* iframe ラッパー */
.iframe-wrapper {
  background: rgb(255, 255, 255);
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

/* iframe スタイル */
.job-video-iframe {
  display: block;
  /* border: 1px solid #ccc; */
  border-radius: 5px;
}