@import url("reset.css");

.dopc{
	display: none !important;
}



/* 共通項目 */
html { font-size: 62.5%; }



html, body {
	height: 100%;
	color: #000000;
	font-size: 10px;
	font-weight: 600;
	background-color: #ffffff;
  /* background-image: url("../img/bg_body.jpg"); */
	background-attachment: fixed;
  /* line-height: 175%; */
    -webkit-font-smoothing: subpixel-antialiased;
}
html, body, body#op .more_btn span, .pagetitle span, .subtitle span {
  font-family: "Noto Serif JP" , sans-serif;
}


img{
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  shape-margin: 0.75rem;
  vertical-align: top;
  width: 100%;
}

img {
  vertical-align: top;
  width: 100%;
}


a{
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  /* color: #000; */
  outline: none;
}

a:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
}

a:visited {
  /* color: #ffffff;
  text-decoration: none; */
}

.anchor{
  display: block;
  padding-top: 120px;
  margin-top: -25px;
}

table{
	margin: 0 auto 20px auto;
	border-collapse: separate;
	border-spacing: 0px 10px;
	box-sizing: border-box;
}
tr{
	box-sizing: border-box;
	filter: drop-shadow(0px 3px 5px rgba(0,0,0,0.2));
}
th{
	padding: 10px;
	color: #111;
	text-align: center;
	background-color: #fff;
	vertical-align: middle;
	box-sizing: border-box;
}
td{
	padding: 10px;
	color: #111;
	text-align: left;
	background-color: #fff;
	vertical-align: middle;
	box-sizing: border-box;
}
input[type="submit"] {
	-webkit-appearance: none;
	border: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
.clearfix{
  min-height: 1px;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.upside {
  background: url("../img/bg_nav.jpg") repeat;
}

ul li .ph {
  transition: all .8s ease-out;
  width: 100%;
}

#newface #wrap ul li .ph .debut,
#navmenu li i,
.systemlist li h3,
#eventPage #wrap ul li article h3,
#newsPage #wrap ul li article h3,
#linkPage #wrap section .subtitle,
#linkPage #wrap section .subtitle span,
#reviewlist div .star,
#recruit #wrap article .sec01 h3,
#magazinePage .sec01 h3,
#magazinePage .sec01 h4,
#event .slick-dots li.slick-active button::before,
.gallist li article .catch,
.hotel_name,
#newface #wrap li article .catch,
#topbox #profdata .catch,
#rankingPage #wrap li article .catch,
#rankingPage #wrap h3,
#bottomNavi li a,
#wrap article section h3,
#topbox #profdata h3 .star,
.list_star,
.star,
#indexPage .link,
#wrap ul.revlist li .commentbox .star,
#toppage .subcont li article .star,
.slick-dots li.slick-active button::before {
  color: #ff0000;
}

.list_star {
  padding: 3px 5px;
  font-size: 1rem;
  line-height: 1;
  margin-left: 3px;
  vertical-align: baseline;
  display: inline-block;
}

#main_con ul li article h3,
#main_con ul li article p,
.listbox ul li article h5 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#todayssche li .time,
#wrap ul.revlist li .ph article .body,
#list li .timedata,
.gallist li .timedata,
.more_btn:hover:after,
.back_btn:hover .btn,
.more_btn:hover .btn {
  /* color: #fff; */
}

#waiting #wrap li article .time,
.block1 .subcont li article h3,
#newfacePage #wrap ul li article h3,
#rankingPage #wrap ul li article h3,
#data_box .name,
#prof .listbox ul li article h5,
#wrap ul.revlist li .ph article h3,
#topbox #profdata h3,
#schedule #wrap ul li article h3,
#waitingPage ul li article h3,
#todayssche li article h3,
#castPage #wrap ul li article h3 {
  color: #000000;
}

/* #wrap ul {
  max-width: 1000px;
  margin: 30px auto;
} */


#wrap ul {
  /* margin-top: 10px; */
  /* width: 96%; */
}

#wrap article {
  /* width: 98%; */
  /* padding: 1%; */
  /* margin: 10px auto; */
  /* min-height: 300px; */
  /* font-size: 1.1rem; */
}

#wrap article h3 {
  font-size: 2.0rem;
  color: #DC001D;
  /* margin-bottom: 2%; */
  font-weight: bold;
  text-align: center;
  font-size: 16px;
}


#wrap article h3 {
  font-size: 1.3rem;
  /* margin-bottom: 4%; */
}

#wrap article h4 {
  font-size: 1.2rem;
  margin: 2% auto 1% auto;
  font-weight: bold;
  text-align: center;
}

#nav ul li.gli a.gbtn,
#nav ul li.gli a.gbtn .jp,
#top_navi ul li a {
  color: #ffffff;
}

#topPage .subcont ul li {
  line-height: 1.6;
}

.switch-radio {
  display: none;
}

.block1 {
  background-color: #fff;
}

.block2 {
  background-color: #fff;
}



/* エンターページ */
#indexPage .contentInner {
  /* max-width: 1100px; */
  margin: 0 auto;
  padding: 0 0px;
  line-height: 1.5;
  font-size: 1.4rem;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}


#indexPage h1{
  background: black;
  color: white;
  font-size: 12px;
  text-align: center;
}

#entrance {
  margin: 0px auto 0px;

}

#entrance .enter {
  width: 100px;
  height: 100px;
  margin: auto;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

#entrance .enter img{

}

#entrance p{
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-align: center;
}

.introduction {
  margin: 50px auto;
  background: #3a3a3a;
  color: white;
}

.introduction .textBox {
  padding: 15px;
}


.introduction .textBox .introTitle {
  margin-bottom: 20px;
  color: #ff0000;
  font-size: 1.5rem;
}


.introduction .textBox .introText{
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: left;
  width: 95%;
  margin: auto;
}


.introduction .textBox .explanation{
  line-height: 1.5;
  text-align: left;
  /* width: 85%; */
  margin: 20px auto 0;
}

.introduction .textBox .explanation .subTitle{
  font-size: 2.0rem;
  color: #ff0000;
  margin-bottom: 10px;
}

.introduction .textBox .explanation p{
  width: 95%;
  margin: auto;
  font-size: 1.4rem;
}


#indexPage .link{
  width: 99%;
  height: 40px;
  position: relative;
  font-weight: 500;
  font-size: 3rem;
  padding: 20px 0 0 1%;
  margin-bottom: 30px;
}

#indexPage .link span{
  font-size: 1.1rem;
  font-weight: normal;
  /* vertical-align: top; */
  display: inline-block;
  margin-left: 7px;
}

#indexPage .linkBanner{
  width: 75%;
  margin: auto;
}

#indexPage .linkBanner img{
  margin-bottom: 10px;
}

#indexPage #footer {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #000000;
  color: #fff;
  text-align: center;
  padding-bottom: 0px;
}

#indexPage #footer #copyright {
  font-size: 14px;
  line-height: 150%;
  padding: 10px;
}




/*------------------------------

  ここから下がハンバーガーメニューに関するCSS

------------------------------*/

.swingMenu {
	position: fixed;
	z-index: 1000000;
  background: url(../img/bg_body.jpg) repeat top center rgba(255,255,255,0.9);

}

/* チェックボックスは非表示に */
.drawer-hidden {
	display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 100;
	/* 重なり順を一番上に */
	cursor: pointer;
  position: fixed;
  z-index: 500;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}


/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
	content: '';
	display: block;
	height: 2px;
	width: 22px;
	background: #122860;
	transition: 0.5s;
	position: absolute;
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
	bottom: 8px;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
	top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked~.drawer-open span {
	background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked~.drawer-open span::before {
	bottom: 0;
	transform: rotate(45deg);
}

#drawer-check:checked~.drawer-open span::after {
	top: 0;
	transform: rotate(-45deg);
}

/* メニューのデザイン*/
.drawer-content {
	width: 90%;
	height: 100%;
	position: fixed;
	top: 0;
	/* transition: 1s ease-in-out; */
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked~.drawer-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
  left: 0;
  background: rgb(255 255 255 / 60%);
  /* box-shadow: 0 0px 11px rgb(128 156 181 / 60%); */
  backdrop-filter: blur(5px);
  background-image: url(../img/cast_a_1.jpg);
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  background-blend-mode: color;
  background-color: #00000063;
}
#drawer-check:checked~.drawer-content:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(89 89 89 / 20%);
}


/* メニューを画面に入れる */

ul.drawer-list {
	list-style: none;
	padding-top: 60px;
}

.drawer-content li {
	line-height: 50px;
	font-size: 14px;
	border-bottom: 1px solid #ffffff33;
	
}

.drawer-content li a {
	color: #ffffff;
	position: relative;
	display: block;
	transition: .3s;
}

.drawer-content li a::after {
	position: absolute;
	bottom: .3em;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #925124;
	opacity: 0;
	transition: .3s;
}

.drawer-content li a:hover {
	opacity: 0.3;
	transition: 1.0s;
}


#gnav_sp {
  display: none;
}


#gnav_sp {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 300;
  width: 80%;
  height: 100%;
  overflow: auto;/* scroll*/
  -webkit-overflow-scrolling: touch;
}


#gnav_sp .inner {
  padding: 2% 0;
}

#gnav_sp a {
  color: #fff;
}
#gnav_sp .navbox {
  margin-top: 8px;
  text-align:center;
}
#gnav_sp .navbox .en {
  font-family: "Montserrat",sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-size: 1.2rem;
  display: block;
}
#gnav_sp .navbox .jp {
  display: block;
}
#gnav_sp .navbox ul {
  width: 100%;
}
#gnav_sp .navbox ul a,#gnav_sp .navbox ul p {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;

  }
#gnav_sp .navbox ul a:after {
  content: "";
  display: block;
  position: absolute;
  right: 4%;
  top: 50%;
  z-index: 2;
  /*background: url(../img/arrow.png) no-repeat;*/
  width: 9px;
  height: 14px;
  margin-top: -7px;
  background-size: contain;
}

#gnav_sp .navbox ul a.blank:after {
  content: "";
  display: block;
  position: absolute;
  right: 4%;
  top: 50%;
  z-index: 2;
  background: url(https://shikotama.net/img/blank.png) no-repeat;
  width: 11px;
  height: 9px;
  margin-top: -4px;
  background-size: contain;
}
#gnav_sp .navbox ul > li {
  width: 48%;
  float:left;
  /*border: 1px dotted #FFA4BD;*/
  margin:1%;
  padding:1% 0%;
      box-sizing: border-box;

/*  width: 100%;
  display: block;   */
}
#gnav_sp .navbox ul > li > a {
  display: block;
  width: 100%;

}
#gnav_sp .navbox ul > li > a .en,  #gnav_sp .navbox ul > li > p .en {
  /*padding-left: 4%;*/
  line-height: 135%;

}
#gnav_sp .navbox ul > li > a .jp,  #gnav_sp .navbox ul > li > p .jp {
  /*padding-left: 4%;*/
  font-size: 10px;
  line-height: 100%;
}
#gnav_sp .navbox ul > li ul {
  border-top: none;
}
#gnav_sp .navbox ul > li ul > li:first-child {
  border-top: none;
}
#gnav_sp .navbox ul > li ul > li > a {
  display: block;
  width: 100%;
}
#gnav_sp .navbox ul > li ul > li > a .jp {
  font-size: 13px;
  padding-left: 8%;
}


#gnav_sp .addressBox img{
  width: 50%;
  left: calc(50% - 75px);
  position: relative;
  margin-bottom: 20px;
}


#gnav_sp .data {
  text-align: center;
  font-size: 20px;
  color: #fff;
}

#gnav_sp .tel {
  float: left;
  margin: 20px 0;
  text-align: center;
  width: 100%;
}
#gnav_sp .tel a{
  color: #fff;
}


#gnav_sp dl.tel {
  padding: 2% 0;
  border: none;
}

#gnav_sp .tel dt {
  float: left;
  font-size: 1.2rem;
  margin-bottom: 5px;
  width: 100%;
  text-align:center;
  font-weight: bold;
}

#gnav_sp .tel dd {
  float: left;
  font-family: "Montserrat",sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  width: 100%;
}
#gnav_sp .tel dd span {
  font-size: 1.8rem;
  margin: 0;
}



.slick-arrow > img {
  width: 40px;
}

#thumbnail_slider{
  width: 70%;
  margin: auto;
}






/* ヘッダー */

#header {
  height: 80px;
  padding: 0 2%;
}

#header {
  /* background: url(../img/bg_header.jpg) repeat center top; */
  background-color: #fff;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}

#header #gnavi-wrapper #gnavi .shop-nav{
  width: 50%;
  /* height: 50px; */
  position: relative;
  /* bottom: 8px; */
}


#header .logo {
  float: none;
  width: auto;
}

#header .logo {
  float: left;
  z-index: 100;
  /* max-width: 595px; */
  position: relative;
  margin-left: 0px;
  top: 10px;
}

#header .logo {
  /* height: 100px; */
  /* max-width: 430px; */
  /* height: 55px; */
}

#header .logo {
  width: 130px;
}

#header .logo a {
  overflow: hidden;
}

#header .logo a {
  display: block;
  /* height: 55px; */
  width: auto;
  text-indent: -9999px;
  margin-left: 5px;
  background-size: 80%;

}

#header .logo img {
  display: block;
  margin: -1% 0 0;
}

#header .header_info {
  display: none;
}

#header .headerIcon {
  display: table-cell;
  width: 50%;
  padding: 0 0 0 45%;
}


#header .headerIcon ul{
  display: table;
  width: 100%;
  height: 100%;
  line-height: 18px;
}

#header .headerIcon li{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  width: 50px;
}

#header .headerIcon li a {
  display: block;
  padding: 0 2px;
  color: #40a9f6;
}

#header .headerIcon li a i{
  font-size: 35px;
}




/* ヘッダーメニュー */
#top_navi {
  /* background: url("../img/bg_nav.jpg") repeat scroll bottom left; */
  background-color: #40a9f6;
}

#top_navi {
  display: block;
}

#top_navi {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 9999;
}


.pagetitle {
  background: url("../img/bg_pagetitle.jpg") repeat center right;
}

.pagetitle {
  /* width: 100%; */
  padding: 13px 0 0 10px;
  position: relative;
  height: 32px;
  font-size: 1.8rem;
  font-weight: 500;
  border-top-style: solid;
  border-top-width: 1px;
}

.pagetitle {
  color: #000000;
}

.pagetitle span {
  color: #000000;
}

.pagetitle span {
  padding: 0 0.5em;
  font-weight: normal;
  display: inline-block;
  font-size: 0.9rem;
  vertical-align: top;
  margin-left: 2%;
}


.pagetitle,
#top_navi ul li {
  border-color: rgba(255,255,255,0.7);
}


#top_navi ul li {
  font-size: 0.8rem;
}


#top_navi ul li:first-child {
  border-left: none;
}

#top_navi ul li {
  width: 25%;
  float: left;
  text-align: center;
  box-sizing: border-box;
  font-weight: bold;
  border-left: 1px solid rgba(255,255,255,0.7);
  border-bottom: 1px solid rgba(255,255,255,0.7);
}

#top_navi ul li a {
  display: block;
  padding: 8px 0 5px;
}


#header-open {
  display: block;
}

#header-open {
  text-align: center;
  /* font-size: 1.2rem; */
  margin: 6px auto;
  font-weight: bold;
}


#wrap {
  /* background: rgb(173 53 53); */
}

#wrap {
  margin: 120px auto 0;
  padding: 0 0 20px 0;
  max-width: 1080px;
  min-height: 600px;
  overflow: hidden;
}

#main_con.upside {
  float: none;
  width: 100%;
}
#main_con {
  margin: 0px 0;
}

/* フローティング */
#bottomNavi {
  background-color: rgba(242, 242, 242, 0.9);
}

#bottomNavi {
  bottom: 0;
  color: #111;
  font-size: 0.8rem;
  overflow: hidden!important;
  position: fixed;
  width: 100%;
  z-index: 100;
  display: block;
}

#bottomNavi ul {
  margin: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden!important;
}

#bottomNavi ul li {
  font-size: 20px;
  border: none;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#bottomNavi li i {
  font-size: 3rem;
}

#bottomNavi li span {
  display: block;
  line-height: 1.5;
}

#bottomNavi li a {
  display: block;
  padding: 6px 0 3px;
  color: #333;
}





/* トップバナー */
#main_con #event {
  margin-bottom: 10px;
}


/* 流れる文字 */

.marquee {
  background: #ECECEC;
}


.marquee {
  margin: 0 auto 10px;
  width: 100%;
  text-align: center;
  overflow: hidden;
  font-size: inherit;
}

.marquee ul {
  margin: 0;
  display: inline-block;
  padding-left: 100%;
  white-space: nowrap;
  line-height: 14px;
  animation: scrollmarquee 15s linear infinite;
}

@keyframes scrollmarquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

.marquee ul li:nth-child(1) {
  font-weight: bold;
}

.marquee ul li {
  display: inline-block;
  margin: 0 100px 0 0;
  padding: 8px 0 0px;
}


#topPage .main-image {
  width: 100%;
}

#topPage .main-image img {
  width: 100%;
}

#topPage .top-info h1 {
  height: 50vw;
  /* background-color: rgba(0, 0, 0, 1); */
  border-top: solid 4px #40a9f6;
  text-align: center;
  position: relative;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}


#topPage .top-info h1 img{
  width: 70%;
  margin-top: 35px;
}

#topPage .top-info .btn {
  width: 100%;
  max-width: 950px;
  margin: -20px auto 0;
  padding: 0 0 20px;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

#topPage .top-info .btn div:nth-child(-n+3) {
  width: calc(100% / 3 - 20px / 3);
  max-width: 310px;
}


#topPage .top-info .btn div img {
  width: 100%;
}

#topPage .top-info .btn div:last-child {
  width: 100%;
  max-width: 640px;
}



.top-slider .prev {
  right: 82%;
}

.top-slider .prev,
.top-slider .next {
  position: absolute;
  top: 44%;
  z-index: 2;
  cursor: pointer;
}

.top-slider .next {
  left: 82%;
  transform: scale(-1, 1);
}


.top-slide-rank{
  /* height: 390px; */
}

/* ページタイトル */
.top-header {
  height: 50px;
  background-color: #40a9f6;
}
.top-header h2 {
  /* letter-spacing: -0.07em; */
  display: inline-block;
  margin: 10px 0 0 10px;
  font-family: 'Lusitana', serif;
  color: #fff;
  position: relative;
}
.top-header h2 span {
  font-family: 'Lusitana', serif;
  color: #fff;
  font-size: 20px;
  /* position: relative; */
  /* letter-spacing: -0.04em;
  transform: rotate(-10deg); */
  /* display: block; */
}

#top-newcast .top-header h2 {
  font-size: 16px;
}


#topPage #what-new .top-header h2 {
  /* margin: 0px 0 0 20px; */
}

#topPage #new-cast .top-header h2 {
  /* margin: 0px 0 0 20px; */
}



/* コンテンツタイトル */
.subtitle {
  color: #000000;
}

.subtitle {
  background:  url("../img/bg_title.jpg") repeat right;
}

.subtitle {
  padding: 10px 0 10px 10px;
  position: relative;
  background-size: auto ,auto;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 5px;
  letter-spacing: 1px;
}

.subtitle span {
  color: #000000;
}

.subtitle span {
  padding: 0 1px;
}

.subtitle span {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  margin-left: 5px;
}
.subtitle span.more a {
  background-color: #000000;
  color: #FFF;
}

.subtitle span.more a {
  position: absolute;
  top: 10px;
  right: 5px;
  display: block;
  padding: 0.5% 1%;
  transition: all 0.3s ease 0s;
  line-height: 150%;
}



/* パンくずリスト */
#panIn {
  font-size: 0.7rem;
  padding: 8px 5px;
  margin: 0 auto 0;
  list-style-type: none;
  max-width: 1200px;
  display: block;
}


/* トップインフォ */
.top-info {
}

.top-info-inner {
  width: 100%;
  margin: 0 auto;
}

.top-info-inner .conceptImg{
  margin-bottom: 10px;
}
.top-info-inner .conceptMovie{
  width: 350px;
  margin: auto;
}

.top-info-inner .conceptMovie video{
  width: 350px;
}



/* TOP今スグ */

.gonow-cont > ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 20px;
  max-width: 1200px;
}

.gonow-cont > ul > li {
  /* background-image: url(../img/top_cast_bg.jpg); */
  /* border-left: solid 1px #a0a0a0;
  border-top: solid 1px #a0a0a0;
  border-bottom: solid 1px #a0a0a0; */
  border: solid 1px #40a9f6;
  position: relative;
  width: 44%;
  /* margin: 4px 0; */
  margin: 10px 10px;
  box-sizing: border-box;
  /* transition: 0.5s; */
}

.gonow-cont > ul > li a:first-of-type {
  color: #fff;
  width: 100%;
  display: block;
  overflow: hidden;
}



.gonow-cont ul.scheduleIcon{
  position: relative;
  margin-top: 0px!important;
}

.gonow-cont .scheduleIcon .scheduleDay{
  font-size: 1.4rem;
  font-weight: bold;
  color: #40a9f6;
  margin: 0 0;
  border: 1px solid;
  font-size: 18px;
  padding: 3px 10px;
  background: white;
  position: absolute;
  left: 0px;
  bottom: 0px;

}

.gonow-cont .scheduleIcon .newcomer{
  font-size: 1.4rem;
  font-weight: bold;
  color: #40a9f6;
  margin: 0 0;
  border: 1px solid;
  font-size: 18px;
  padding: 3px 10px;
  background: white;
  position: absolute;
  right: 0px;
  bottom: 0px;
}


.cast-box figcaption {
  background-color: #fff;
  /* z-index: 1000; */
  position: relative;
  text-align: center;
}

.cast-box figcaption .name {
  font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  width: 90%;
  margin: 0px auto;
  text-align: center;
  padding-top: 10px;
}
.cast-box figcaption .name .age {
  font-family: 'Playfair Display', serif;
  font-size: 1.6rem;
  font-weight: normal;
}
.cast-box figcaption .size {
  font-size: 1.3rem;
  font-weight: normal;
  display: block;
  letter-spacing: 0.05em;
  margin: 6px 0;
}

.cast-box figcaption .time {
  /* height: 30px; */
  line-height: 2.0;
  font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  font-size: 16px;
  padding: 0 15px;
  font-weight: 500;
  text-align: center;
  background: #40a9f6;
  color: white;

}


.cast-box figcaption .now_blue {
  font-size: 1.4rem;
  font-weight: normal;
  display: block;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  margin: 6px 0 0;
  background-color: #325fff;
  color: white;
  padding: 8px;
}

.cast-box figcaption .now_pink {
  font-size: 1.4rem;
  font-weight: normal;
  display: block;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  margin: 6px 0 0;
  background-color: #ffa8a7;
  color: white;
  padding: 8px;
}



/* TOP ニュース */
.top-news {
  margin-bottom: 30px;
}



.title-bg {
  position: relative;
  color: #fff;
  /* background-image: url("https://shikotama.net/images/title_bg.jpg"); */
  background-color: #40a9f6;
  /* height: 90px; */
  /* display: flex;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 37%;
  margin-bottom: 30px; */
}


.title-bg span {
  font-family: 'Lusitana', serif;
  color: #fff;
  font-size: 3.2rem;
  margin: 0px 0 0 20px;
  /* position: relative;
  letter-spacing: -0.04em;
  transform: rotate(-8deg);
  margin-left: 10px; */
}

.title-bg em {
  /* margin-top: 40px;
  margin-left: -40px;
  font-size: 1.4rem; */
}

.more .more-inner {
  font-family: 'Playfair Display', serif;
  font-size: 1.8rem;
  letter-spacing: 2px;
  color: #000;
  text-align: center;
  line-height: 50px;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(to right, #ffedb4 0%, #ba8f0d 50%, #ffedb4 100%); */
  background-size: 200%;
  background-position: -50% 0;
  position: relative;
  cursor: pointer;
  background: #40a9f6;
}

.top-news-cont {
  /* margin-top: 120px; */
}

.top-news-cont article > div {
  font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  font-size: 1.4rem;
  color: #353535;
  line-height: 1.6em;
  max-height: 220px;
  overflow-y: auto;
  text-align: justify;
  padding-right: 10px;
}

.top-news-cont article .time {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.4em;
  margin-bottom: 10px;
}

.top-news-cont article .name {
  font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  margin-bottom: 30px;
  display: inline-block;
  font-size: 1.6rem;
}


/* TOP ボタン関係 */

.more {
  display: block;
  width: 260px;
  height: 50px;
  text-align: center;
  margin: 0 auto 20px;
  position: relative;
  z-index: 100;
  font-size: 20px;
  border: 1px solid #40a9f6;;
}

.more a{
  line-height: 2.5;
  color: #40a9f6;;
}



.more-btn2 {
  text-align: center;
  position: relative;
  cursor: pointer;
  max-width: 240px;
  margin: auto;
}

.more-btn-inner2 {
  width: 100%;
  height: 46px;
  border-radius: 35px;
  position: absolute;
  left: 0;
  z-index: 100;
  background: #333333;
  background: -moz-linear-gradient(left, #333333 0%, #000000 100%);
  background: -webkit-linear-gradient(left, #333333 0%, #000000 100%);
  background: linear-gradient(to right, #333333 0%, #000000 100%);
  max-width: 240px;
  min-width: 190px;
}

.into2 {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 15.5px;
  top: 15px;
  transition: all .3s;
  z-index: 120;
}

.more-btn2 .into2 {
  transform: rotate(90deg);
  height: 13px;
  left: 16px;
}

.more-btn2 span {
  font-size: 2.0rem;
  color: #fff;
  line-height: 48px;
  letter-spacing: 1.4px;
  position: relative;
  left: 10px;
  z-index: 110;
  font-family: 'Lusitana', serif;
}


.into2 span {
  display: block;
  background: #fff;
  transition: all .2s;
  position: absolute;
  border-radius: 1px;
}

.more-btn2 .into2 span.plus1 {
  opacity: 0;
  width: 16px;
  height: 2px;
  top: 8px;
  left: 0px;
}
.more-btn2 .into2 span.plus2 {
  width: 2px;
  height: 18px;
  top: -4px;
  left: 10px;
}
.more-btn2 .into2 span.plus3 {
  transition-delay: .1s;
  width: 10px;
  height: 2px;
  left: 9px;
  top: 0px;
  transform: rotate(45deg);
  transform-origin: right top;
}

.more-btn2 .into2 span.plus4 {
  transition-delay: .1s;
  width: 10px;
  height: 2px;
  left: 4px;
  top: 0px;
  transform: rotate(-45deg);
  transform-origin: left top;
}



/* TOP 新人情報 */
.new-cast .new-cast-slider figure {
  position: relative;
}

.new-cast .new-cast-slider figure > a:first-of-type img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  transition: 0.6s;
  z-index: 100;
}

.new-cast .new-cast-slider figure > a:first-of-type {
  color: #fff;
  margin-bottom: 6px;
  height: auto;
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
}
.new-cast .new-cast-slider figure > a:first-of-type::before {
  content: "";
  display: block;
  padding-top: 133.4%;
}
.new-cast .new-cast-slider figure figcaption {
  padding: 0 10px;
}

.new-cast .new-cast-slider figure figcaption .time {
  letter-spacing: 0.4em;
  margin-bottom: 10px;
  display: block;
  margin-top: 20px;
  font-size: 1.6rem;
}

.new-cast .new-cast-slider figure figcaption .name {
  font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  margin-bottom: 14px;
  display: inline-block;
  font-size: 1.6rem;
}

.new-cast .new-cast-slider figure figcaption .name .age {
  font-size: 1.4rem;
  font-family: 'Playfair Display', serif;
}
.new-cast .new-cast-slider figure figcaption .name .size {
  font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  font-size: 14px;
  display: block;
  letter-spacing: 0.05em;
  margin-top: 14px;
}

.new-cast .new-cast-slider figure figcaption .comment {
  margin: 0 10px 20px;
  max-height: 400px;
  overflow-y: auto;
  font-size: 1.4rem;
  line-height: 2em;
  font-weight: bold;
}


.new-cast .new-cast-slider .prev,
.new-cast .new-cast-slider .next {
  position: absolute;
  top: 36%;
  z-index: 2;
  cursor: pointer;
}


.new-cast .new-cast-slider .next {
  left: 90%;
  transform: scale(-1, 1);
}

.new-cast .new-cast-slider {
  margin-bottom: 20px;
}


.new-cast {
  margin-bottom: 60px;
}


/* TOP 今スグ */


/* TOP スケジュール */
#top-schedule .schedule-calendar {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  flex-wrap: wrap;
  width: 98%;
}

#top-schedule .schedule-calendar li {
  background-color: #000;
  color: #fff;
  width: calc(calc(100%/3) - 4px);
  border: solid 1px #ccc;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Playfair Display', serif;
  font-size: 2.4rem;
  line-height: 1em;
  margin-bottom: 2px;
}

#top-schedule .schedule-calendar li a span {
  color: #000;
  background: #fff;
  padding: 0px 2px;
  font-size: 12px;
  width: 34px;
  display: inline-block;
  margin-left: 6px;
  text-align: center;
}

.sat {
  color: #77c9f8 !important;
}

.sun {
  color: #fd5555 !important;
}

.schedule-day {
  /* background: linear-gradient(to right, #f9f1a5 50%, #625531 100%); */
  background: linear-gradient(to right, #e7e7e7 50%, #e7e7e7 100%);
  text-align: center;
  width: 98%;
  margin: 10px auto;
  padding: 10px 0;
  font-size: 15px;
}

#top-schedule .scheduleWrap {
  display: none;
}

#top-schedule .scheduleWrap-active {
  display: block;
}


#top-schedule .schedule-cont > ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

#top-schedule .schedule-cont > ul > li {
  background-size: 3px 3px;
  /* background-image: radial-gradient(#bababa 25%, #000 20%); */
  border: solid 1px #40a9f6;
  position: relative;
  width: calc(calc(100%/2) - 2px);
  margin: 1px;
  box-sizing: border-box;
  transform: .4s;
}

#top-schedule .schedule-cont > ul > li::before {
  content: "";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 40%);
  display: inline-block;
  height: 270px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#top-schedule .cast-box {
  z-index: 10;
  position: relative;
}

#top-schedule .schedule-cont > ul > li a:first-of-type {
  color: #fff;
  margin-bottom: 6px;
  height: auto;
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
}

#top-schedule .schedule-cont > ul > li a:first-of-type::before {
  content: "";
  display: block;
  padding-top: 133.4%;
}


#top-schedule .schedule-cont > ul > li a:first-of-type img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  transition: 0.6s;
  z-index: 100;
}

#top-schedule .cast-box figcaption .name {
  /* font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  width: 100%;
  margin: 0 auto;
  font-size: 1.6rem;
  font-weight: bold;
  background-color: #000;
  color: #fff;
  padding: 4px 0px 0 0;
  text-align: center; */
}
#top-schedule .cast-box figcaption .name .age {
  /* font-family: 'Playfair Display', serif;
  font-size: 1.6rem;
  font-weight: normal; */
}

#top-schedule .cast-box figcaption .size {
  /* display: block;
  letter-spacing: 0.05em;
  margin: 6px 0 0;
  font-size: 1.2rem;
  text-align: center;
  padding: 4px;
  background: #fff;
  color: #000; */
}

#top-schedule .cast-box figcaption .time {
  /* height: 26px;
  background: linear-gradient(to right, #d2b047 50%, #feebb1 100%);
  text-align: left;
  line-height: 1.6em;
  font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  font-size: 14px;
  padding: 0 15px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ff514f;
  color: white; */
}

#top-schedule .cast-box figcaption .time .path01 {
  fill: white;
}

#top-schedule .cast-box figcaption .time svg {
  width: 20px;
  margin-right: 4px;
}

#top-schedule .cast-box figcaption .time span {
  display: inline-block;
  margin-top: 2px;
}
#top-schedule .cast-box figcaption .waiting-time {
  /* background-color: #000; */
  color: #000000;
  font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  font-size: 14px;
  padding: 6px 5px;
  background: -webkit-repeating-linear-gradient(-45deg, #f9eaef 0, #f9ebef 10px, #fff 10px, #fff 20px);
  /* background: repeating-linear-gradient(-45deg, #1b1b1b 0, #1b1b1b 5px, #000 5px, #000 10px); */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
}




/* TOP ランキング */
#top-ranking {
  margin-bottom: 30px;
}

#top-ranking .top-ranking-slider .prev {
  right: 82%;
}

#top-ranking .top-ranking-slider .prev,
#top-ranking .top-ranking-slider .next {
  position: absolute;
  top: 40%;
  z-index: 2;
  cursor: pointer;
}
#top-ranking .top-ranking-slider .next {
  left: 82%;
  transform: scale(-1, 1);
}
#top-ranking .top-ranking-slider figure > a:first-of-type {
  color: #fff;
  margin-bottom: 6px;
  height: auto;
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
}
#top-ranking .top-ranking-slider figure > a::before {
  content: "";
  display: block;
  padding-top: 133.4%;
}

#top-ranking .top-ranking-slider figure > a:first-of-type img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  transition: 0.6s;
  z-index: 100;
}

#top-ranking .top-ranking-slider figure figcaption {
  display: flex;
  align-items: center;
  justify-content: center;
}

#top-ranking .top-ranking-slider figure figcaption img {
  width: 60px;
  margin-right: 16px;
}

#top-ranking .top-ranking-slider figure figcaption .name {
  font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  font-size: 1.6rem;
  margin: 20px 0;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#top-ranking .top-ranking-slider figure figcaption .name .age {
  font-size: 1.4rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#top-ranking .top-ranking-slider figure figcaption .name .size {
  font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  font-size: 14px;
  display: block;
  letter-spacing: 0.05em;
  margin-top: 4px;
}




/* TOP その他コンテンツ */
/* 写メ日記 */
.title-photodiary {
  text-align: center;
}
.title-photodiary img {
  width: 100%;
  max-width: 640px;
  vertical-align: top;
}
#photodiary-container {
  width: 100%;
  max-width: 760px;
  margin: 10px auto 30px;
  overflow: auto;
  height: 2200px;
  overflow-y: hidden;
}

#photodiary-container iframe {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 640px;
  height: 2418px;
  overflow: hidden;
}

/*-- トップ 写メ日記 --*/
#top-diary .diary-cont{
  margin-bottom: 20px;
  margin-top: 20px;
  height: 303px;
  padding: 10px;
}





/* イベント */
#top-event .title-bg {
  margin-bottom: 0;
}

#top-event .event-cont {
  /* height: 500px; */
  overflow-y: auto;
  width: 96%;
  margin: 10px auto 30px;
}

#top-event .event-cont article {
  background-color: #d6d6d8;
  padding: 10px;
  margin-bottom: 20px;
  width: 96%;
}


/* アコーディオン */
.accordion-001 {
  max-width: 900px;
  background-color: rgb(255 255 255 / 50%);
  backdrop-filter: blur(3px);
  margin: auto;
}

.accordion-001:not([open]) {
  margin-bottom: 7px;
}

.accordion-001 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  border-radius: 5px;
  background-color: #40a9f6;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  font-size: 18px;
}

.accordion-001 summary::-webkit-details-marker {
  display: none;
}

.accordion-001 summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: '';
  transition: transform .3s;
}

.accordion-001[open] summary::after {
  transform: rotate(225deg);
}

.accordion-001 p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 1em 2em 2em 2em;
  color: #333333;
  /* transition: transform .5s, opacity .5s; */
  font-size: 14px;
  line-height: 25px;
}

.accordion-001[open] p {
  transform: none;
  opacity: 1;
}



/* トップ グループ */
#top-group .group-cont .shopLink{
  /* width: 70%; */
  margin: 10px auto;
}

#top-group .group-cont .shopLink li:first-child{
  margin-bottom: 10px;
}



/* バナー */
.footer-ban a {
  margin-bottom: 16px;
  display: block;
}




/*-- cast.php --*/

#castPage .scheduleIcon{
  position: relative;
}

#castPage .scheduleIcon .scheduleDay{
  font-size: 1.4rem;
  font-weight: bold;
  color: #40a9f6;
  margin: 0 0;
  border: 1px solid;
  font-size: 18px;
  /* padding: 3px 10px; */
  background: white;
  position: absolute;
  left: 0px;
  bottom: 0px;


}

#castPage .scheduleIcon .newcomer{
  font-size: 1.4rem;
  font-weight: bold;
  color: #40a9f6;
  margin: 0 0px;
  border: 1px solid;
  font-size: 18px;
  /* padding: 5px 10px; */
  background: white;
  position: absolute;
  right: 0px;
  bottom: 0px;
  /* width: 25%; */
}

#castPage article .time{
  height: 30px;
  line-height: 1.6em;
  font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  font-size: 2.0rem;
  /* padding: 0 15px; */
  font-weight: 500;
  text-align: center;
  background: #40a9f6;
  color: white;
  width: 100%;
  margin: 0 0;
  border: none;
}

#castPage article .now_blue {
  font-size: 1.4rem;
  font-weight: normal;
  display: block;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  margin: 5px 0 0;
  background-color: #325fff;
  color: white;
  padding: 8px;
}

#castPage article .now_pink {
  font-size: 1.4rem;
  font-weight: normal;
  display: block;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  margin: 5px 0 0;
  background-color: #ffa8a7;
  color: white;
  padding: 8px;
}










#cast {
	/* position: relative;
	background-color: rgba(255, 255, 255, .9);
	margin: 0 auto; */
}
.title-bg em {
	/* margin-left: -40px; */
}
#cast .cast-cont {
	/* padding: 5px 0 30px 0; */
}
#cast .cast-cont .search {
	/* font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
	background: #333;
	width: 54%;
	margin: 0 auto 20px;
	padding: 20px 0; */
}
/* @media screen and (min-width: 641px) and (max-width: 800px) {
	#cast .cast-cont .search {
		width: 80%;
	}
}
@media screen and (max-width: 640px) {
	#cast .cast-cont .search {
		width: 100%;
	}
} */
#cast .cast-cont .search .title {
	/* font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
	text-align: center;
	letter-spacing: 0.1em; */
}
#cast .cast-cont .search .box {
	/* font-size: 14px;
	color: #fff;
	width: 83%;
	margin: 0 auto;
	letter-spacing: 0.1em;
	display: flex;
	align-items: center;
	flex-wrap: wrap; */
}
#cast .cast-cont .search .box div:nth-child(2n+1) {
	/* width: 15%;
	text-align: right; */
}
#cast .cast-cont .search .box div:nth-child(2n) {
	/* width: calc(85% - 10px);
	margin-left: 10px; */
}
#cast .cast-cont .search .box div:nth-child(n+3) {
	/* margin-top: 10px; */
}
#cast .cast-cont .search input[type="text"] {
	/* font-size: 16px;
	width: 100%;
	height: 40px;
	padding: 0 0 0 10px;
	border: none;
	border-radius: 0;
	outline: none;
	background: #fff;
	letter-spacing: 0.1em; */
}
#cast .cast-cont .search select {
	/* font-size: 16px;
	width: 100%;
	height: 40px;
	padding: 0 0 0 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	background: url(https://shikotama.net/images/arrow.png) right 15px center #fff no-repeat;
	letter-spacing: 0.1em; */
}
#cast .cast-cont .search .btn {
	/* width: 83%;
	margin: 10px auto 0; */
}
#cast .cast-cont .search input[type="submit"] {
	/* font-size: 20px;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px 0;
	border: none;
	outline: none;
	background: linear-gradient(to right, #d3b149 0%, #ffedb4 50%, #d3b149 100%);
	letter-spacing: 0.1em; */
}
#cast .cast-cont .caption {
	/* text-align: center;
	width: 100%;
	margin: 0 auto 20px;
	background: linear-gradient(to right, #ba8f0d 0%, #ffedb4 50%, #ba8f0d 100%);
	letter-spacing: 0.2em;
	font-size: 1.4rem;
	line-height: 1.2em; */
}

#cast .cast-cont .caption:hover {
	/* opacity: .8; */
}
#cast .cast-cont .caption span{
	/* display: block;
	height: 100%;
	padding: 16px 0;
  color: #000;
  font-size: 12px; */
}

#cast .cast-cont > ul {
	/* display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-bottom: 20px; */
}
#cast .cast-cont > ul > li {
	/* background-size: 3px 3px;
	background-image: radial-gradient(#bababa 25%, #000 20%);
	border: solid 1px #a0a0a0;
	position: relative;
	width: calc(calc(100%/2) - 2px);
	margin: 1px;
	box-sizing: border-box; */
}
	/* @media screen and (min-width:768px) { 
		#cast .cast-cont > ul > li {
			width: calc(calc(100%/3) - 4px);
		}
	} */

#cast .cast-cont > ul > li a:first-child {
	/* color: #fff;
	margin-bottom: 6px;
	height: auto;
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden; */
}
#cast .cast-cont > ul > li a:first-child::before {
	/* content: "";
	display: block;
	padding-top: 133.4%; */
}
#cast .cast-cont > ul > li a:first-child img {
	/* width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
	transition: 0.6s;
	z-index: 100; */
}
#cast .cast-cont > ul > li .icon-twitter {
	/* right: 10px;
	top: calc(42.5vw - 44px);
	z-index: 100;  */
}
/* @media screen and (max-width: 767px) {
	#cast .cast-cont > ul > li .icon-twitter {
		top: calc(63.5vw - 44px);
	}
} */

#cast .cast-cont > ul > li::before {
	/* content: "";
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 40%);
	display: inline-block;
	height: 90px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0; */
}
#cast .cast-cont > ul > li a .shop-icon {
	/* position: absolute;
	left: auto;
	right: 5px;
	top: 5px; */
}
#cast .cast-cont > ul > li a .shop-icon img {
	/* width: 70px;
	position: relative; */
}
#cast .cast-cont .icon-rank {
	/* width: 100%;
	vertical-align: top; */
}
#cast .cast-box {
	/* z-index: 10;
	position: relative; */
}
#cast .cast-box figcaption .name {
	/* font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	width: 98%;
	margin: 0 auto;
	background-color: #000;
	color: #fff;
	padding: 4px 2px;
	text-align: center; */
}
#cast .cast-box figcaption .name .age {
	/* font-family: 'Playfair Display', serif;
	font-size: 1.6rem;
	font-weight: normal; */
}
#cast .cast-box figcaption .size {
	/* display: block;
	letter-spacing: 0.05em;
	margin: 6px 0 0;
	font-size: 1.2rem;
	text-align: center; */
}

/*-- schedule.php --*/
#schedule {}
#schedule .top-header {
	background-image: url("https://shikotama.net/images/title_schedule.jpg");
	height: 100px;
	background-repeat: no-repeat;
	position: relative;
	background-color: #fff;
}
#schedule .top-header h2 {
	min-width: 400px;
}
#schedule .schedule-calendar {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	flex-wrap: wrap;
	width: 98%;
}
#schedule .schedule-calendar li {
	background-color: #000;
	color: #fff;
	width: calc(calc(100%/3) - 4px);
	border: solid 1px #ccc;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Playfair Display', serif;
	font-size: 2.4rem;
	line-height: 1em;
	margin-bottom: 2px;
}

@media screen and (min-width:768px) { 
	#schedule .schedule-calendar {
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 80%;
	}
	#schedule .schedule-calendar li {
		width: calc(25% - 6px);
		margin: 3px;
	}
}

#schedule .schedule-calendar li a {
	color: #fff;
	display: flex;
	align-items: center;
}
#schedule .schedule-calendar li a span {
	color: #000;
	background: #fff;
	padding: 0px 2px;
	font-size: 1.2rem;
	width: 34px;
	display: inline-block;
	margin-left: 6px;
	text-align: center;
}
#schedule .schedule-cont {
	padding: 5px 0 30px 0;
}
#schedule .schedule-cont > ul {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
#schedule .schedule-cont > ul > li {
	background-size: 3px 3px;
	background-image: radial-gradient(#bababa 25%, #000 20%);
	border: solid 1px #a0a0a0;
	position: relative;
	width: calc(calc(100%/2) - 2px);
	margin: 1px;
	box-sizing: border-box;
}

@media screen and (min-width:768px) { 
	#schedule .schedule-cont > ul > li {
		width: calc(calc(100%/3) - 4px);
	}
}

#schedule .schedule-cont > ul > li a:first-of-type {
	color: #fff;
	margin-bottom: 6px;
	height: auto;
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
}
#schedule .schedule-cont > ul > li a:first-of-type::before {
	content: "";
	display: block;
	padding-top: 133.4%;
}
#schedule .schedule-cont > ul > li a:first-of-type img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
	transition: 0.6s;
	z-index: 100;
}
#schedule .schedule-cont > ul > li .icon-twitter {
	right: 10px;
	top: calc(47vw - 80px);
	z-index: 200;
}
@media screen and (max-width: 767px) {
	#schedule .schedule-cont > ul > li .icon-twitter {
		top: calc(72.5vw - 80px);
	}
}

#schedule .schedule-cont > ul > li::before {
	content: "";
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 40%);
	display: inline-block;
	height: 270px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
#schedule .schedule-cont > ul > li a .shop-icon {
	position: absolute;
	left: auto;
	right: 5px;
	top: 5px;
}
#schedule .schedule-cont > ul > li a .shop-icon img {
	width: 70px;
	position: relative;
}
#schedule .schedule-cont .icon-rank {
	width: 100%;
	vertical-align: top;
}
#schedule .cast-box {
	z-index: 10;
	position: relative;
}
#schedule .cast-box figcaption .name {
	font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
	width: 100%;
	margin: 0 auto;
	font-size: 1.8rem;
	font-weight: bold;
	background-color: #000;
	color: #fff;
	padding: 4px 2px;
	text-align: center;
}
#schedule .cast-box figcaption .name .age {
	font-family: 'Playfair Display', serif;
	font-size: 1.6rem;
	font-weight: normal;
}
#schedule .cast-box figcaption .size {
	display: block;
	letter-spacing: 0.05em;
	margin: 6px 0;
	font-size: 1.2rem;
	text-align: center;
}
#schedule .cast-box figcaption .time svg {
	width: 20px;
	margin-right: 4px;
}
#schedule .cast-box figcaption .time span {
	display: inline-block;
	margin-top: 2px;
}
#schedule .cast-box figcaption .time {
	height: 26px;
	background: linear-gradient(to right, #d2b047 50%, #feebb1 100%);
	text-align: left;
	line-height: 1.6em;
	font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
	font-size: 14px;
	padding: 0 15px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}
#schedule .cast-box figcaption .waiting-time {
	background-color: #000;
	color: #ff8a00;
	font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
	font-size: 14px;
	padding: 6px 5px;
	background: -webkit-repeating-linear-gradient(-45deg, #f9eaef 0, #f9ebef 10px, #fff 10px, #fff 20px);
	background: repeating-linear-gradient(-45deg, #1b1b1b 0, #1b1b1b 5px, #000 5px, #000 10px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
}

/*-- waiting.php --*/
#waitingPage .scheduleIcon{
  position: relative;
}

#waitingPage .scheduleIcon .scheduleDay{
  font-size: 1.4rem;
  font-weight: bold;
  color: #40a9f6;
  margin: 0 0;
  border: 1px solid;
  font-size: 18px;
  /* padding: 3px 10px; */
  background: white;
  position: absolute;
  left: 0px;
  bottom: 0px;

}

#waitingPage .scheduleIcon .newcomer{
  font-size: 1.4rem;
  font-weight: bold;
  color: #40a9f6;
  margin: 0 0px;
  border: 1px solid;
  font-size: 18px;
  /* padding: 5px 10px; */
  background: white;
  position: absolute;
  right: 0px;
  bottom: 0px;
  /* width: 25%; */
}

#waitingPage article .time {
  height: 30px;
  line-height: 1.6em;
  font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
  font-size: 2.0rem;
  /* padding: 0 15px; */
  font-weight: 500;
  text-align: center;
  background: #40a9f6;
  color: white;
  width: 100%;
  margin: 0 0;
  border: none;
}





/*-- profile.php --*/
#profile {}
#profile .cast-cont {
	padding: 5px 5px 30px 5px;
}
.profile-nav {}
.profile-nav ul {
	display: flex;
	margin: 30px auto;
}
.profile-nav li {
	font-family: 'Playfair Display', serif;
	font-size: 1.8rem;
	letter-spacing: 2px;
	color: #000;
	text-align: center;
	line-height: 60px;
	width: 100%;
	height: 100%;
	/* background: linear-gradient(to right, #ba8f0d 0%, #ffedb4 50%, #ba8f0d 100%); */
  /* background: linear-gradient(to right, #ff514f 0%, #40a9f6 50%, #ff514f 100%); */
	background-size: 100%;
	background-position: -50% 0;
	position: relative;
	margin: 0 10px;
  background: #40a9f6;
}

.profile-nav li a {
	color: #000;
	font-size: 1.8rem;
	display: block;
}
.profile-nav li a span {
	font-size: 1.4rem;
	margin-left: 4px;
}
.profile-nav li:last-child a span {
	margin-left: 0;
	margin-right: 4px;
}

#profile .thum-wrap {
	position: relative;
}
#profile .icon-twitter {
	right: calc(40.5vw - 44px);
	bottom: 10px;
	z-index: 100;
}
@media screen and (max-width: 767px) {
	#profile .icon-twitter {
		right: 10px;
	}
}

.cast-slider_sp > div > img {
	opacity: 0.8;
}
.slick-slide img {
  display: block;
  width: 100vw;
}
.top-slider {
  width: 100vw;
}
.slick-dotted.slick-slider {
	margin-bottom: 50px;
}
.slick-center img {
	opacity: 1;
}
.cast-slider_sp .prev, .cast-slider_sp .next {
	position: absolute;
	top: 46%;
	z-index: 1;
	cursor: pointer;
}
.cast-slider_sp .prev {
	right: 66%;
}
.cast-slider_sp .next {
	left: 66%;
	transform: scale(-1, 1);
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	position: relative;
}
@media screen and (max-width: 768px) {
	.profile-nav ul {
		flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.profile-nav li {
		width: calc(50% - 20px);
		margin-bottom: 10px;
		height: 50px;
		line-height: 50px;
	}
	.profile-nav li:nth-child(2) {
		order: 1;
		width: 100%;
	}
	.profile-nav li a {
    color: #ffffff;
    font-size: 1.8rem;
    display: block;
	}
	.profile-nav li a span {
		font-size: 1.0rem;
		margin-left: 4px;
	}
	.cast-slider_sp .prev {
		right: 86%;
	}
	.cast-slider_sp .next {
		left: 86%;
	}
	.cast-slider_sp .prev {
		right: 86%;
	}
	.cast-slider_sp .next {
		left: 86%;
		transform: scale(-1, 1);
	}
	.slick-slide img {
	opacity: 1;
}

}

#profile .prof-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 96%;
	margin: 0 auto 20px;
}
#profile .prof-icon .icon-rank img {
	vertical-align: top;
	width: 100%;
	max-width: 400px;
}
#profile .prof-icon .nomination {
	background-color: #d2b147;
	width: 320px;
	margin-left: 10px;
	text-align: center;
	padding: 2.2vw 0;
	font-size: 1.2rem;
}
#profile .prof-icon.new {
  flex-wrap: wrap;
}
#profile .prof-icon.new .icon-rank {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
#profile .prof-icon.new .nomination {
  font-size: 2.4rem;
  width: 100%;
  max-width: 400px;
  margin-left: 0;
}
@media screen and (min-width:768px) { 
	#profile .prof-icon .nomination {
		height: 50px;
		padding: 0;
		line-height: 50px;
	}
}
#profile .prof-icon .nomination span {
	margin-right: 20px;
}
#profile .prof-info {
	text-align: center;
	margin-bottom: 20px;
}
#profile .prof-info .name {
	font-size: 3.4rem;
	display: block;
	margin-bottom: 4px;
}
#profile .prof-info .age {
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	display: block;
	margin-bottom: 4px;
}
#profile .prof-info .size {
	font-size: 1.4rem;
	font-family: 'PT Sans', sans-serif;
	letter-spacing: 0.1em;
}
#profile .prof-info span {
	font-size: 1.4rem;
	display: block;
	margin-bottom: 4px;
}


#profile .prof-type {
	display: flex;
	width: 80%;
	margin: 0 auto 20px;
	flex-wrap: wrap;
}
#profile .prof-type li {
  font-size: 1.4rem;
	color: #fff;
	width: calc(calc(100%/2) - 4px);
	text-align: center;
	margin: 0 2px 4px;
	background: linear-gradient(to right, #000 0%, #242424 50%, #464646 100%);
	font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
	letter-spacing: 0.04em;
	padding: 8px 0;
}
#profile .prof-other {
	width: 96%;
	margin: 0 auto 20px;
	max-width: 970px;
}
#profile .prof-other li {
	background-image: url("../img/profile_cont_bg.jpg");
	background-repeat: no-repeat;
	height: 18vw;
	background-size: contain;
	padding: 0;
	position: relative;
	width: 100%;
	margin: 0 auto 6px;
}
#profile .prof-other li a {
	display: block;
	height: 60%;
	color: #d2b147;
	font-size: 6vw;
	position: absolute;
	top: 7vw;
	bottom: 0;
	left: 20px;
	right: 0;
	margin: auto;
}
.prevnone{
  visibility: hidden;
}
.nextnone{
  visibility: hidden;
}
@media screen and (min-width:768px) { 
	#profile .prof-other li {
		height: 180px;
		margin-bottom: 20px;
	}
	#profile .prof-other li a {
		font-size: 7.0rem;
	}
}
#profile .prof-cont01 {
	justify-content: space-between;
	width: 96%;
	margin: 0 auto 30px;
}
#profile .prof-cont01 .qa {
	margin-bottom: 20px;
}
#profile .prof-cont01 .qa > div {
  overflow-y: auto;
}


#profile .prof-cont01 h3 {
	/* background-image: url("../img/profile_title01.jpg"); */
	/* background-repeat: no-repeat; */
	color: #fff;
	height: 50px;
	font-family: 'Lusitana', serif;
	font-size: 2.4rem;
	padding-left: 30px;
	line-height: 50px;
	letter-spacing: 0.1em;
	background-size: cover;
  background: #40a9f6;
}
#profile .prof-cont01 .qa dl {
	display: flex;
	min-height: 70px;
	border-bottom: solid 1px #a9a9a9;
	width: 98%;
	margin: 0 auto;
	padding: 1em 4px 1em 4px;
	font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
	flex-direction: column;
	align-items: start;
}

#profile .prof-cont01 .qa dl dt {
	flex-basis: 30%;
	color: #d36c03;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 10px;
}

@media screen and (min-width:768px) { 
	#profile .prof-cont01 .qa dl {
		align-items: center;
		flex-direction: unset;
		padding: 1em;
	}
	#profile .prof-cont01 .qa dl dt {
		margin-bottom: 0;
	}
}

#profile .prof-cont01 .qa dl dd {
	flex-basis: 70%;
	font-size: 1.4rem;
	margin-left: 1em;
}
#profile .prof-cont01 .comment > div {
	margin: 20px 10px;
	max-height: 250px;
	overflow-y: auto;
	font-size: 1.4rem;
	line-height: 2em;
	font-weight: bold;
}
#profile .option {
	/* background-image: url("../img/profile_option_sp_bg.jpg"); */
	width: 96%;
	margin: 0 auto 20px;
	padding: 0 10px;
	/* background-repeat: no-repeat;
	background-size: cover; */
	overflow: hidden;
	position: relative;
  background: #40a9f6;
}
#profile .option::before {
	/* content: "";
	background-image: url("../img/profile_option_bg_left.png");
	width: 70px;
	height: 28px;
	position: absolute;
	top: 0;
	left: 0; */
}
#profile .option::after {
	/* content: "";
	background-image: url("../img/profile_option_bg_right.png");
	width: 122px;
	height: 49px;
	position: absolute;
	bottom: 0;
	right: 0; */
}
#profile .option h3 {
	color: #fff;
	font-family: 'Lusitana', serif;
	font-size: 2.4rem;
	min-width: 240px;
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	margin: 20px 0 10px;
}
#profile .option h3 span {
	display: block;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.4rem;
	margin-left: 20px;
}
#profile .option ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
#profile .option ul li {
	color: #000;
	width: calc(calc(100%/2) - 10px);
	height: 30px;
	text-align: center;
	font-size: 1.4rem;
	background: linear-gradient(to right, #ba8f0d 0%, #ffedb4 100%);
	margin: 3px 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
}
@media screen and (min-width:768px) { 
	#profile .option ul li {
		width: calc(calc(100%/3) - 10px);
	}
}
#profile .option ul li.off {
	background: linear-gradient(to right, #929291 0%, #e8e8e8 100%);
	color: #fff;
}
#profile .prof-cont02 {
	width: 96%;
	margin: 0 auto 60px;
}
#profile .prof-cont02 section {}
#profile .prof-cont02 .prof-schedule {
	margin-bottom: 20px;
}
#profile .prof-cont02 .prof-schedule h3 {
	/* background-image: url("../img/profile_title02.jpg"); */
	background-repeat: repeat-x;
	color: #fff;
	height: 50px;
	font-family: 'Lusitana', serif;
	font-size: 2.4rem;
	padding-left: 30px;
	line-height: 50px;
	letter-spacing: 0.1em;
  background: #40a9f6;
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box {
	display: flex;
	flex-wrap: wrap;
	/* background-color: #000; */
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box::before {
	content: "";
	
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box::after {
	content: "";
	
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box dl {
	min-height: 74.4px;
	width: calc(calc(100%/4) - 4px);
	margin: 0 auto 9px;
	position: relative;
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box dl:first-child::before,#profile .prof-cont02 .prof-schedule .prof-schedule-box dl:nth-child(5)::before {
	border-left: solid 1px #40a9f6;
	left: 0px;
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box dl::before {
	content: "";
	border-right: solid 1px;
	position: absolute;
	top: 5%;
	right: -2px;
	height: 90%;
	z-index: 1;
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box dl::after {
	content: "";
	border-bottom: solid 7px #40a9f6;
	position: absolute;
	z-index: 1;
	width: 106%;
	left: -2%;
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box dl dt {
	background-color: #f1f2f3;
	display: flex;
	align-items: center;
	height: 50px;
	justify-content: center;
	/* padding-left: 6px; */
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box dl dt > span {
	font-family: 'Lusitana', serif;
	font-size: 1.6rem;
  color: #000000;
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box dl dt > span + span {
	font-family: 'Playfair Display', serif;
	font-size: 1.2rem;
	display: inline-block;
	background-color: #ffffff;
	color: #000000;
	/* width: 50px; */
	text-align: center;
	padding: 4px;
	margin-left: 5px;
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box dl dd {
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 6px;
	height: 84px;
	/* padding-left: 12px; */
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box dl dd > span {
	font-family: 'Lusitana', serif;
	font-size: 1.4rem;
	display: block;
	text-align: center;
	margin: 10px auto;
  color: #000000;
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box dl dd .reserve {
	font-size: 1.4rem;
	color: #fff;
	display: block;
	background: #000;
	width: 94%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
#profile .prof-cont02 .prof-schedule .prof-schedule-box dl dd .reserve::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 8%;
	width: 0;
	height: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #ffc53b;
}
.sat {
	color: #77c9f8 !important;
}
.sun {
	color: #fd5555 !important;
}
.yasumi, .mitei {

}
#profile .prof-cont02 .prof-photo {
	/* background-image: url("../img/profile_photo_bg.jpg"); */
	width: 100%;
	padding-bottom: 20px;
  background: #40a9f6;
}
#profile .prof-cont02 .prof-photo h3 {
	color: #fff;
	height: 50px;
	font-family: 'Lusitana', serif;
	font-size: 2.4rem;
	padding-left: 30px;
	line-height: 50px;
	letter-spacing: 0.1em;
}
#profile .prof-cont02 .prof-photo iframe {
	overflow-x: hidden;
	margin: 0 15px;
	width: calc(100% - 30px);
	/* height: 2630px; */
}


/*-- system.php --*/
.systemlist li {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10%;
}

.systemlist li h3 {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 2%;
}

.systemlist li h3 span {
  font-size: 0.9rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
}

.systemlist dl {
  font-size: 1.2rem;
  overflow: hidden;
  padding: 2% 0 1.4%;
  text-align: left;
  width: 100%;
  float: left;
  border-bottom: 1px solid #ccc;
  /* margin-right: 1%; */
}

.systemlist dt {
  float: left;
  width: 40%;
  text-align: center;
}

.systemlist dd {
  float: left;
  width: 58%;
  text-align: right;
}

.systemlist .comment {
  clear: both;
  padding: 4% 0 2.6%;
}


/* パンくずリスト */
#panIn {
  font-size: 0.7rem;
  padding: 8px 5px;
  margin: 0 auto 0;
  list-style-type: none;
  max-width: 1200px;
  display: block;
}



/* TOP スケジュール */
#todayssche ul {
  margin: 5px 0 20px;
}

#todayssche ul li {
  width: 25%;
  margin: 0;
  overflow: hidden;
  /* float: left; */
  text-align: center;
}

#todayssche ul li {
  width: 50%;
}


#todayssche ul li a {
  display: block;
  position: relative;
}


.list_new {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  width: 50px;
}

.list_new {
  width: 40px;
}


#todayssche ul li .ph,
#castPage ul li .ph,
#schedulePage ul li .ph,
#waitingPage ul li .ph {
  position: relative;
  padding-top: 133.333%;
  overflow: hidden;
}

#todayssche ul li .ph img,
#castPage ul li .ph img,
#schedulePage ul li .ph img,
#waitingPage ul li .ph img {
  position: absolute;
  top: 0;
  left: 0;
}

#wrap ul.revlist li .ph article,
#todayssche li article {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) , rgba(255, 255, 255, 1));
}

#todayssche li article {
  bottom: 25px;
  height: 65px;
  position: absolute;
  width: 100%;
  padding-top: 20px;
  box-sizing: border-box;
}

#todayssche li article {
  bottom: 50px;
}

#todayssche li article h3 {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.1;
}

#todayssche li article .list_star {
  font-size: 1.1rem;
}

#topPage #main_con ul li article p {
  white-space: inherit;
}


#todayssche li article .body {
  font-size: 0.7rem;
}

#list li .timedata,
#todayssche li .time,
.gallist li .timedata {
  /* background: url("../img/sub_bg.gif") repeat; */
  /* background: #ff514f; */
  color: white!important;
}

#todayssche li .time {
  width: 100%;
  box-sizing: border-box;
  height: 25px;
  padding: 0.5%;
  font-size: 13px;
  font-weight: bold;
}



/* トップ ニュース */
.subtitle span.more a {
  background-color: #000000;
  color: #FFF;
}

.subtitle span.more a {
  position: absolute;
  top: 10px;
  right: 5px;
  display: block;
  padding: 0.5% 1%;
  transition: all 0.3s ease 0s;
  line-height: 150%;
}

.block1 .subcont {
  margin-bottom: 15px;
}

.block1 .subcont li .ph {
  width: 100%;
  float: none;
  margin: 0 auto;
}
.block1 .subcont li .ajph {
  margin: 0 auto 3px;
  position: relative;
  width: 100%;
}


.block1 .subcont li article .day {
  font-size: 1.1rem;
  margin-top: 5px;
}

.block1 .subcont li article h3 {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.5;
}

.block1 .subcont li article h3 {
  font-size: 1.1rem;
}

.block1 .subcont li article .comment {
  height: 230px;
}

.block1 .subcont li article .comment {
  margin-top: 5px;
  overflow: auto;
  height: 320px;
}

.block1 .subcont li article .comment {
  height: auto;
  overflow: visible;
}

/* トップ 新人情報 */
.block1 .subcont li .ajarticle {
  line-height: 1.3;
  width: 100%;
  text-align: center;
}

.block1 .subcont li article .ajcomment {
  height: auto;
  overflow: inherit;
  text-align: left;
  padding: 0 1.5%;
}



.block1 .subcont li article .ajh3 {
  font-size: 1.4rem;
}

.block1 .subcont li article .comment {
  height: auto;
  overflow: visible;
}

.subcont li article .reviewer:before {
  content: "投稿者：";
}

.subcont li article .reviewer:after {
  content: "さん";
  font-size: 0.8rem;
}

.subcont li article .star:before {
  content: "満足度：";
}

.block2 .subcont li article h3 {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.block2 .subcont li article .body {
  font-size: 1.1rem;
  line-height: 1.5;
  display: block;
  text-align: center;
}

.list_star {
  font-size: 0.78rem;
}

.block2 .subcont li .ph {
  width: 90%;
  margin: 0px auto 3px;
  position: relative;
}
.block2 .subcont li .ph {
  width: 98%;
}


/* コピーライティング */

#footer {
  margin-top: 10px;
  padding-bottom: 70px;
  /* background: url(../img/bg_header.jpg) repeat center top; */
}

#footer .copyright {
  text-align: center;
  font-size: 1.0rem;
  line-height: 200%;
  margin-top: 10px;
}

#footer .inner {
  max-width: none;
  margin: 0 auto;
  padding: 10px 0 0;
}

#bottomNavi li a {
  display: block;
  padding: 6px 0 3px;
  color: #333;
}



/* 在籍一覧 */
.list_today {
  display: block;
  right: 0;
  position: absolute;
  top: 0;
  z-index: 4;
  width: 70px;
}

.list_today {
  width: 55px;
}

.gallist {
  display: flex;
  flex-wrap: wrap;
}

.gallist {
  margin-top: 15px;
}

.listswich {
  transition: all .3s ease;
}



.gallist li {
  width: 48%;
  margin: 0 0.5% 25px;
  float: none;
  border: solid 1px #40a9f6;
}


.gallist li a {
  display: block;
  position: relative;
}

.gallist li article {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  padding-top: 25px;
  box-sizing: border-box;
  line-height: 1.3;
  padding-bottom: 5px;
}

.gallist li article {
  bottom: auto;
  position: static;
  padding-top: 0px;
  padding-bottom: 0px;
}

.sns {
  display: flex;
  font-size: 0.8rem;
  width: 100%;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 5px;
  color: #fff;
}




.gallist li article h3 {
  font-size: 1.6rem!important;
  font-weight: bold;
  /* background-color: #000; */
  color: #000000!important;
  padding: 5px;
}

.gallist li article .body {
  font-weight: normal;
  font-size: 1.2rem;
  color: #000;
  margin-bottom: 5px;
}
.gallist li article .catch {
  font-size: 1rem;
  text-align: center;
}


/* 表示切り替え */
.switch-radio {
  display: none;
}

.switchB {
  display: flex;
  justify-content: space-between;
  width: 70px;
  margin: 20px 10px 20px auto;
}

.switchB {
  margin: 20px 2% 20px auto;
}

#gridv:checked~.switchB .switchB__gridv,
#listv:checked~.switchB .switchB__listv {
  cursor: default;
}
.switchB__gridv {
  position: relative;
}

.switchB__gridv,
.switchB__listv {
  cursor: pointer;
}

#gridv:checked~.switchB .switchB__gridv i,
#listv:checked~.switchB .switchB__listv i {
  color: #FF007F;
}

.switchB__gridv i,
.switchB__listv i {
  display: block;
  color: #ccc;
  font-size: 30px;
  transition: all .3s ease;
}

.fa-th:before {
  content: "\f00a";
}

#listv:checked~.listswich .list__item {
  width: 98%;
  margin: 0.5% 1% 1%;
}

#listv:checked~.listswich .list__item .ph {
  width: 30%;
  padding-top: 40%;
  float: left;
}

#listv:checked~.listswich .list__item article {
  width: 69%;
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 0;
}

#listv:checked~.gallist.listswich .list__item article {
  padding-top: 26px;
}

.list_star {
  font-size: 0.78rem;
}


/* 料金システム */
.systemlist li {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10%;
}

.systemlist li h3 {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 2%;
}

.systemlist li h3 span {
  font-size: 0.9rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
}

.systemlist dl {
  font-size: 1.2rem;
  overflow: hidden;
  padding: 2% 0 1.4%;
  text-align: left;
  width: 100%;
  float: left;
  border-bottom: 1px solid #ccc;
  /* margin-right: 1%; */
}

.systemlist dt {
  float: left;
  width: 40%;
  text-align: center;
}

.systemlist dd {
  float: left;
  width: 58%;
  text-align: right;
}

.systemlist .comment {
  clear: both;
  padding: 4% 0 2.6%;
}



/* 出勤情報 */
#wrap #daynavi {
  max-width: 1080px;
  overflow: hidden;
}

#daynavi {
  /* margin: 5px auto 5px; */
  max-width: 100%;
}

#daynavi li {
  background: rgba(255, 255, 255, 0.7);
}

#daynavi li {
  width: 14.28%;
  margin: 0;
  float: left;
  text-align: center;
  position: relative;
  letter-spacing: 0.1rem;
  line-height: 135%;
}

#daynavi li a {
  display: block;
  padding: 15% 0% 10%;
  transition: all 0.7s ease 0s;
}

#daynavi li a:hover,
#daynavi li a.current {
  background: #1c1c1c;
  color: #40a9f6;
}


#daynavi li.today a{
  color: #ffffff;
  background: #40a9f6;
}
#daynavi li.today .dotw {
  color: #000;
}


#daynavi li .dotw {
  font-size: 0.8rem;
  display: inline-block;
  width: 70%;
  margin-top: 1em;
  background: rgb(255 255 255);
  padding-top: 3px;
}

#daynavi li p {
  font-size: 1.4rem;
}

#daynavi li .month {
  font-size: 0.9rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -0.3em;
}



#list li article .catch {
  font-size: 1rem;
  text-align: center;
  font-weight: normal;
  display: none;
}

#list li .timedata {
  padding: 5px 0 4px;
  margin-top: 5px;
}

#list li article p {
  font-weight: normal;
}

#wrap ul li article h3,
#wrap ul li article p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* color: #000; */
}

#list li article h3 {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 0px;
}

#week-next li a {
  display: block;
  margin: 3px 0;
  padding: 5px;
  text-align: center;
  background: #000;
  color: #fff;
}

#week-next {
  bottom: 60px;
  font-size: 0.7rem;
  position: fixed;
  right: 0;
  width: 50px;
  z-index: 10;
}

#week-next li i {
  display: block;
  font-size: 3.5rem;
  line-height: 0.6;
}


/* 新人 */
#newfacePage .gallist > li {
  width: 100%;
}

#newfacePage .gallist li .ph {
  height: auto;
  width: 40%;
  float: left;
  position: relative;
  /* margin-top: 15px; */
}

#newfacePage .gallist li article {
  bottom: auto;
  position: static;
  padding-top: 5px;
  /* padding-bottom: 5px; */
  width: 60%;
  overflow: hidden;
  background: none !important;
}


#newfacePage .gallist li article .catch {
  font-size: 1rem;
  text-align: center;
  margin-bottom: 5px;
}

#newfacePage .gallist li article h3 {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  background: none;
}

#newfacePage .gallist li a {
  color: black;
}

#newfacePage .gallist li article .body {
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
}

#newfacePage .gallist li article .type {
  width: 95%;
  margin: 5px auto;
  position: relative;
}

#newfacePage .gallist li article .type ul {
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
}

#topbox #profdata .type li,
#option_box li,
#newfacePage .gallist li article .type li {
  border-color: #BD8900;
  color: #BD8900;
}

#newfacePage .gallist li article .type li {
  width: 48%;
  font-size: 0.8rem;
}

#newfacePage .gallist li article .type li {
  height: 20px;
  border: 1px solid;
  padding: 8px 0;
  float: left;
  margin: 0.5%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: auto;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#newfacePage .gallist li article .comment {
  max-height: 120px;
  /* overflow: hidden; */
  font-size: 1.0rem;
  padding: 1% 2% 0;
  line-height: 1.3;
  height: 150px;
  overflow: scroll;
  text-align: left;
}

/* ランキング */
#rankingPage #wrap 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: 45%;
}


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

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

.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 #wrap li article .catch {
  font-size: 1.1rem;
  text-align: center;
}

#rankingPage #wrap li article .comment {
  font-size: 1.0rem;
  text-align: left;
  margin-top: 5px;
}

/* イベント */
#eventPage .topiclist {
  margin-top: 0px;
}

#eventPage .topiclist li {
  overflow: hidden;
  padding: 1% 0;
  border-bottom: 1px solid #ccc;
}

#eventPage .topiclist li .ph {
  width: 100%;
  display: block;
  margin: 2% 0 1%;
}

#eventPage .topiclist li article {
  font-size: 1.2rem;
  line-height: 1.6;
}

#eventPage .topiclist li article p.day {
  font-size: 1rem;
}

#eventPage .topiclist li article h3,
#newsPage .topiclist li article h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #DC001D;
  margin-bottom: 10px;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  text-align: left;
}

#eventPage #wrap ul li article h3,
#eventPage #wrap ul li article p {
  overflow: visible!important;
  white-space: normal;
}
#eventPage strong {
  font-size: 1rem;
}


/* ニュース */
#newsPage .topiclist {
  margin-top: 10px;
}

#newsPage .topiclist li {
  overflow: hidden;
  padding: 1% 0;
  border-bottom: 1px solid #ccc;
}
#newsPage .topiclist li .ph {
  width: 100%;
  display: block;
  margin: 2% 0 1%;
}

#newsPage .topiclist li article {
  font-size: 1.2rem;
  line-height: 1.6;
}

#newsPage .topiclist li article .day {
  font-size: 1rem;
  overflow: visible!important;
  white-space: normal;
}

#newsPage .topiclist li article h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #DC001D;
  margin-bottom: 10px;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}

/* アクセス */

#access_list li .map{
  display: flex;
  justify-content: center;
  align-items: center;
}



#access_list li .map iframe {
  /* height: 300px; */
  display: flex;
  justify-content: center;
  align-items: center;

}

#access_list li .data {
  text-align: center;
  margin: 10px;
}

#access_list li .data h3 {
  font-size: 2rem;
  line-height: 1.5;
  color: #40a9f6;
}

#access_list li .data h3 span {
  display: block;
  font-size: 1.3rem;
  margin-bottom: 10px;
}


/* メールマガジン */
#magazinePage #wrap article {
  width: 96%;
  padding: 1%;
  margin: 10px auto;
  min-height: 500px;
  font-size: 1.1rem;
}

#wrap article .sec01 {
  width: 98%;
}


#magazinePage #wrap article .sec01 h3 {
  font-size: 1.4rem;
  margin-bottom: 3%;
  font-weight: bold;
  text-align: left;
}

#magazinePage #wrap article .sec01 h4 {
  font-size: 1.2rem;
  margin: 2% auto 1% auto;
  text-align: left;
}

#magazinePage #wrap article .sec01 form {
  text-align: center;
  margin: 40px auto;
}

#magazinePage #wrap article .sec01 .input {
  font-size: 1.2rem;
  width: 260px;
  padding: 1%;
  margin: 0 10px 0 0;
  background-color: #fff;
  border: 1px solid #666;
}

#magazinePage #wrap article .sec01 .submit {
  box-sizing: border-box;
  margin: 20px auto;
  padding: 8px 0;
  width: 150px;
  letter-spacing: 0.15em;
  font-weight: bold;
  text-align: center;
  transition: all 0.4s ease 0s;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  cursor: pointer;
  font-size: 1.2rem;
}

#magazinePage .sec01 .submit {
  border-width: 1px;
  border: solid 1px;
}

#magazinePage #wrap article .sec01 label {
  margin: 0 30px 0 5px;
}


/* 女子求人情報 */
#recruitPage #wrap article {
  width: 96%;
  padding: 0 2%;
  margin: 10px auto;
  font-size: 1.1rem;
  line-height: 1.5;
  max-width: 1000px;
  min-height: 300px;
}

#recruitPage #wrap section {
  margin: 0 0 100px;
}

#recruitPage #wrap article h3 {
  font-size: 1.6rem;
  margin: 2% auto 1% auto;
  font-weight: bold;
  text-align: center;
}

#recruitPage #wrap article h4 {
  font-size: 1.5rem;
  margin: 2% auto 1% auto;
  font-weight: bold;
  text-align: center;
}

#recruitPage #wrap article .sec01 dl {
  font-size: 1.2rem;
  overflow: hidden;
  text-align: left;
  box-sizing: border-box;
  padding: 0;
  border: none;
}

#recruitPage #wrap article .sec01 dl:last-child {
  border-bottom: 1px solid #CCC;
}

#recruitPage #wrap article .sec01 dt {
  float: none;
  width: 98%;
  padding: 2% 1% 0.5% 1%;
  text-align: left;
  font-weight: bold;
  border-top: 1px solid #CCC;
}


#recruitPage #wrap article .sec01 dd {
  font-size: 1.1rem;
  float: none;
  width: 98%;
  text-align: left;
  padding: 0.5% 1% 2% 1%;
  border: none;
}

#error {
  color: red;
}

.check-1702887962, #error {
  display: none;
}

dl {
  border-top: 1px solid #DDD;
  font-size: 1.4rem;
  overflow: hidden;
  padding: 2% 0 2% 1%;
  text-align: left;
}

#recruitPage dt {
  float: none;
  width: 100%;
}

#recruitPage dd {
  float: none;
  width: 100%;
}

input.text {
  width: 80%;
}

input.short {
  width: 10%;
}

textarea#comment,
textarea.text {
  height: 100px;
  width: 98%;
}

#wrap article .more_btn {
  font-size: 13px;
}

.more_btn,
.back_btn {
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  display: block;
  margin: 20px auto;
  line-height: 40px;
  letter-spacing: 0.15em;
  text-align: center;
  transition: all 0.4s ease 0s;
  position: relative;
  cursor: pointer;
  font-weight: bold;
}

.more_btn,
.back_btn {
  width: 150px;
}

.more_btn:hover::after,
.more_btn:hover .btn {
  color: #fff;
}

#schebox .reserve a,
#magazinePage .sec01 .submit,
.more_btn,
.more_btn::after,
.btn,
.back_btn,
.back_btn::after {
  color: #333333;
}

.more_btn:after {
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  line-height: 40px;
  position: absolute;
  right: 15px;
  top: 0;
  transition: all 0.3s ease 0s;
  z-index: 1;
}

.btn {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  cursor: pointer;
  font-size: 1rem;
  letter-spacing: 0.15em;
  font-weight: bold;
}


/* お問い合わせ */
#contactPage .caution {
  font-size: 1rem;
  padding: 2%;
  text-align: left;
  margin-bottom: 20px;
}

#contactPage dt {
  float: none;
  width: 100%;
}

#contactPage dd {
  float: none;
  width: 100%;
}

#contactPage #wrap article {
  width: 96%;
  padding: 0 2%;
  margin: 10px auto;
  font-size: 1.1rem;
  line-height: 1.5;
  max-width: 1000px;
}

/* ネット予約 */
#reservePage .caution {
  font-size: 1rem;
  padding: 2%;
  text-align: left;
  margin-bottom: 20px;
}

#reservePage dt {
  float: none;
  width: 100%;
}

#reservePage dd {
  float: none;
  width: 100%;
}

#reservePage #wrap article {
  width: 96%;
  padding: 0 2%;
  margin: 10px auto;
  font-size: 1.1rem;
  line-height: 1.5;
  max-width: 1000px;
}


/* アンケート */
#enquetePage .caution {
  font-size: 1rem;
  padding: 2%;
  text-align: left;
  margin-bottom: 20px;
}

#enquetePage dt {
  float: none;
  width: 100%;
}

#enquetePage dd {
  float: none;
  width: 100%;
}

#enquetePage #wrap article {
  width: 96%;
  padding: 0 2%;
  margin: 10px auto;
  font-size: 1.1rem;
  line-height: 1.5;
  max-width: 1000px;
}

/* リンク */
#wrap .linkguide {
  margin-top: 10px;
}

#linkPage #wrap section .subtitle {
  background: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  width: 98%;
  margin: auto;
  font-size: 1.5rem;
  padding: 10px 0 10px 10px;
  position: relative;
  font-weight: 500;
  letter-spacing: 0.05rem;
}

#linkPage #wrap section .subtitle span {
  display: inline-block;
  font-size: 0.9rem;
  vertical-align: top;
  margin-left: 2%;
  padding: 0 0.5em;
}

#linkPage #wrap section .bn {
  padding: 20px 50px 30px;
}

#linkPage #wrap section .inner {
  padding: 10px 10px 20px;
  font-size: 1.2rem;
  line-height: 1.5;
}


/* ホテルリスト */
article.hotellist {
  width: 98%;
  margin: 20px auto;
  line-height: 1.5;
  font-size: 1.4rem;
}

.hotellist > ul {
  margin-bottom: 40px;
}

.hotellist > ul li {
  display: inline-block;
  width: 32.5%;
}

article.hotellist li {
  padding: 1% 0;
  border-bottom: 1px solid;
}

#hotelPage article.hotellist h3 {
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
}

article.hotellist section {
  margin: 0 0 4%;
}


/* レビュー */
#wrap .sortbox {
  background: rgba(1,1,1,0.1);
  padding: 10px 2%;
  width: 90%;
  margin: 10px auto;
  overflow: hidden;
  font-size: 1.1rem;
}

#wrap .sortbox .gal_s {
  width: 100%;
  float: none;
}

#wrap .sortbox .more_btn {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 50px;
  line-height: 34px;
}

#wrap .sortbox .order_s {
  width: 100%;
  float: none;
  text-align: center;
}

#wrap ul.revlist li {
  margin: 0 0 15px 0;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid;
  padding: 1%;
}

#wrap ul.revlist li .ph {
  width: 38%;
  margin-right: 2%;
  float: left;
  position: relative;
}

#wrap ul.revlist li a {
  display: block;
  position: relative;
}


#wrap ul.revlist li .ph article {
  bottom: 0;
  left: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  padding-bottom: 5px;
  padding-top: 25px;
  margin: 0 0;
}

#wrap ul.revlist li .ph article h3 {
  font-size: 1.3rem;
  font-weight: bold;
}

#wrap ul.revlist li .ph article .body {
  font-size: 0.8rem;
}

#wrap ul.revlist li .commentbox {
  float: left;
  width: 60%;
}

#wrap ul.revlist li .commentbox .day {
  font-size: 0.8rem;
  text-align: right;
}

#wrap ul.revlist li .commentbox .reviewttl {
  font-size: 1.3rem;
}

#wrap ul.revlist li .commentbox .star {
  font-weight: bold;
}
#wrap ul.revlist li .commentbox .star {
  font-size: 1.1rem;
}

#wrap ul.revlist li .commentbox .day:before {
  content: "投稿日：";
}

#wrap ul.revlist li .commentbox .star:before {
  content: "満足度：";
}

#wrap ul.revlist li .commentbox .reviewer {
  font-size: 1.1rem;
}
#wrap ul.revlist li .commentbox .reviewer:before {
  content: "投稿者：";
}

#wrap ul.revlist li .commentbox .comment {
  font-size: 1.0rem;
  margin-top: 10px;
}
#wrap .sortbox .more_btn:after {
  display: none;
}

/* membersPage 20240424 added */
#membersPage {
  font-family: 'Lusitana', serif;
  font-size: 15px;
}
#membersPage #registForm {
  width: calc(100% - 60px);
  margin: 30px;
  text-align: center;
}
#membersPage .head {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
#membersPage ul.members_List {
  line-height: 40px;
}
#membersPage tr {
  filter: none;
}
#membersPage th,#membersPage td {
  display: block;
}
#membersPage input[type="text"] {
  width: 300px;
  border:solid 1px #ccc;
  padding: 5px;
  margin: 5px 0;
  font-size: 20px;
  background: #fff4f4;
}
#membersPage input[type="submit"] {
  font-family: 'Lusitana', serif;
  width: 200px;
  background: #CC0000;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  margin: 5px 0;
  font-size: 20px;
}

/* ログイン後 */
.loginStatus {
  text-align: center;
  color: #c00;
  font-weight: bold;
  background: #fff;
  position: relative;
}

.logOut {
  position: absolute;
  right: 20px;
  color: #c00 !important;
  font-weight: bold;
}

.cast-slider_sp p {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  color: #fff;
  margin: 0!important;
  padding: 0!important;
  height: 100%;
  text-align: center;
  background-color: #333333d4;
  line-height: 5;
  font-size: 17px;
  font-weight: bolder;
}

.cast-slider_sp p span{
  color: red;
  font-weight: bolder;
}

.member-only{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  width: 100%;
}
#memberRegist {
  display: block;
  width: 200px;
  margin: 50px auto;
  padding: 20px;
  background: #CC0000;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 0 5px #ccc;
}
.slick-dots {
  height: 20px;
  overflow: hidden;
}