@charset "utf-8";
:root {
  /* store */
  --fontgothic: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'メイリオ', 'Meiryo', sans-serif;
  --fontmincho:  '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', 'HiraMinProN-W3', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'Noto Serif JP', serif;
  --red: #8c0201;
}
/* /all-color */

::-webkit-scrollbar {width: 10px}

::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.3);
  border-radius: 5px
}

* {margin: 0;padding: 0;}

/* shadow box */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;  margin: 5px auto;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav {float: right;height: 20px;padding: 0;width: 45%;}
#sb-nav a {display: block;float: right;height: 20px;width: 20px;margin-left: 3px;cursor: pointer;background-repeat: no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);background-size: contain;}
/*
#sb-nav-next{background-image:url(next.png);}
#sb-nav-previous{background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
*/
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
/* /shadow box */


body {
	font-family: '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', 'HiraMinProN-W3', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'Noto Serif JP', serif;
	line-height: 1.2;
	background-color: #000;
	width: 100%;
	max-width: 1000px;
	margin: auto;
	overflow-x: hidden !important;
	color: #fff;
	z-index: 1;
    position: relative;
}

a {
  text-decoration: none;
  transition: all 1s;
}

a:hover {opacity: 0.7;}

img {vertical-align: top;}

/* iOS */

input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {display: none;}

input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

input, button, textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* /iOS */

/* flex */

.flex {
  	display:-ms-flexbox;
  	display:flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.flex-s {justify-content:flex-start!important;}
.space-a {justify-content: space-around!important;}
.space-b {justify-content: space-between!important;}
.item-c {align-items: center;}

/* /flex */

/* buttn */

a.btn {
    display: block;
    font-size: 20px;
    position: relative;
    width: 96%;
    color: #fff;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    transition: 0.5s;
    border: none;
    margin: 10px auto;
    padding: 0;
}

a.btn.ent img {
    top: 15px;
    right: 12px;
}

a.btn img {
    width: 34px;
    position: absolute;
    top: 12px;
    right: 12px;
}

.anime_button {
    z-index: 1;
    transition: .3s;
    position: relative;
    background: linear-gradient(to right, rgba(181, 2, 230, 1) 0%, rgba(0, 97, 218, 1) 100%);
    border-radius: 40px;
}

.anime_button2 {
	z-index: 1;
	transition: .3s;
	position: relative;
	background: linear-gradient(to right,  rgba(234,12,87,1) 0%,rgba(203,57,106,1) 100%);
	border-radius: 40px;
}


.anime_button:hover {
	opacity: 1 !important;
}

.anime_button:hover::before {
	transform-origin: 0% 50%;
	transform: scaleX(1);
}

/* /buttn */

.pc_none {display: none !important;}

main {}

/* top header */

header .main_head {
    background: url(../images/nav_bg.jpg) center top no-repeat;
    width: 100%;
    padding: 10px 2vw 10px;
    box-sizing: border-box;
    position: relative;
    z-index: 1000;
    background-size: cover;
}

header .main_head .boxs {
    display: flex;
    width: 100%;
    justify-content: center;
}

header .main_head .boxs .logo {margin: 20px auto;}

header .main_head .boxs .logo img {
	height: auto;
	width: 100%;
	max-width: 300px;
}

	@media screen and (max-width: 640px) {
		header .main_head .boxs .logo img {max-width: 180px;}
	}

/* infobox */

.movie-inner {
	width: 100%;
	position: relative;
}

.movie-inner .infobox {}

.movie-inner .infobox {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.movie-inner .infobox .snsbox {width: 100%;}

.movie-inner .infobox .snsbox ul li {margin: 0 10px;}

.movie-inner .infobox .snsbox ul li img {width: 50px;}

.movie-inner .telbox {color: #fff;}

.movie-inner .telbox .tel {font-size: 20px;}

.movie-inner .telbox .tel span {font-size: 34px;}

	@media screen and (max-width: 414px) {
		.movie-inner .telbox .tel span {font-size: 30px;}
	}

.movie-inner .telbox .open {
    font-size: 18px;
    background: #3b539b;
    padding: 4px;
    margin-right: 10px;
}

	@media screen and (max-width: 414px) {
		.movie-inner .telbox .open {font-size: 16px;}
	}

.top_header_movie {
    width: 100%;
    height: 57vw;
    position: relative;
}

	@media screen and (max-width: 640px) {
		.top_header_movie {height: 56vw;}
	}

.top_header_movie video {
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 0;
    max-width: 1000px;
}

header .top_header_movie img {
	width: 100%;
	height: auto;
}

header .header_bar {
    position: absolute;
    width: 100%;
    z-index: 995;
    top: 0;
	background: rgba(0,0,0,0.75) ;
    max-width: 1000px;
}

header .header_bar .boxs {
    display: flex;
    width: 100%;
    padding: 10px;
	box-sizing: border-box;
    margin: auto;
    justify-content: center;
}

header .header_bar .boxs .logo {width: 140px}

header .header_bar .boxs .logo img {
	height: auto;
	width: 100%;
	padding: 0 0 0;
}

header .header_bar .boxs .right_box {
	float: right;
	padding: 0 70px 0 0;
}

header .header_bar .boxs .right_box .btn {color: #fff;}
header .header_bar .boxs .right_box .btn span {
	display: block;
}

/*** footer ***/

footer {background: #000;}

footer #footer {
    display: flow-root;
    width: 100%;
    margin: auto;
    padding: 10px 0;
}

footer .logo {
    width: 240px;
    text-align: center;
    margin: 20px auto 0;
}

footer .logo img {
    height: auto;
    width: 100%;
    padding: 0 0 0;
    max-width: 220px;
}

footer .copy {
	width: 100%;
	text-align: center;
	font-size: 10px;
	padding: 10px 0 120px;
}

footer .copy a {color: #fff;}

/*** /footer ***/

/* h2main */

.top-header h2 {
    color: #fff;
    text-align: center;
    line-height: 1.3;
}

.top-header h2 span {font-size: 50px;}

	@media screen and (max-width:1000px) {
		.top-header h2 span {font-size: 10vw;}
	}

/* /h2main */

/* index.html */

#index {position: relative;	}

#index .coverbg1 {
    background: rgb(0, 0, 0, .8);
    width: 100%;
    height: 187vh;
    z-index: -2;
    position: fixed;
}

#index .coverbg2 {
    background: url(../images/sp_enter_bg.jpg) no-repeat scroll center top;
    position: fixed;
    z-index: -3;
    width: 100%;
    height: 100vh;
    max-width: 1000px;
    background-size: cover;
}

#index main {
    background: none;
    padding: 41vh 0 0;
    z-index: 1;
}

#index_logo {
    text-align: center;
    padding: 8%;
}

#index #u-nav {display: none;}

#index #page-top {display: none;}

#index footer .copy {
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 10px 0 10px;
}

main#main {padding: 0;}

.index_txt01 {
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    margin: 60px auto 30px;
    box-sizing: border-box;
    padding: 8px;
}

.index_txt02 {
    font-size: 12px;
    line-height: 2;
    text-align: center;
    color: #fff;
    background: #000;
    padding: 15px 8px 10px;
    margin-top: 15px;
}

.index_txt02 div {
	font-size: 18px;
    text-align: left;
    line-height: 1.3;
    margin-left: 10px;
}

.index_txt02 a {
	text-decoration: underline;
	color: #fff;
}

.index_linkbok {
    text-align: center;
    width: 100%;
    max-width: 1000px;
    padding: 50px 0;
    margin: auto;
    background: #000;
}

.index_linkbok a {
	display: inline-block;
	margin: 0.5%;
}

.index_freebok {
    text-align: center;
    width: 100%;
    max-width: 1200px;
    padding: 50px 0;
    margin: auto;
    background: #000;
}

.index_freebok div {
	text-align: center;
	width: 100%;
}

.index_freebok iframe {margin: 0.5%;}

#index footer #footer {display: none;}

#index .conbox {
    font-size: 12px;
    line-height: 2;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .85);
    bottom: 0;
    left: 30vw;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    margin: 30px auto 0;
    box-shadow: 0 6px 20px #000;
}

#index .conbox .snav {width: 100%;}

#index .conbox .snav h3 {text-align: center;}

#index .conbox .snav ul {margin-top: 10px;}

#index .conbox .snav ul li {margin: 0 10px;}

#index .conbox .snav ul li img {width: 50px;}

.enter_btn {
    background: rgb(61, 84, 150, .8);
    width: 90%;
    margin: 0 auto 30px;
    max-width: 642px;
    line-height: 92px;
    background-size: 100% 100%;
    text-align: center;
    font-size: 40px;
    color: #fff;
    outline: 1px solid;
    outline-color: #333;
    outline-offset: 0px;
    display: block;
    transition: .3s;
}

.enter_btn:hover {
	animation: light .8s infinite;
	outline-color: #fff;
}

@keyframes light {
  100% {
    outline-color: transparent;
    outline-offset: 12px;
  }
}

.anime_button {
	z-index: 1;
	transition: .3s;
	position: relative;
}

.anime_button::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	/*background: #fff;*/
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
}

.anime_button:hover {
	opacity: 1 !important;
}

.anime_button:hover::before {
	transform-origin: 0% 50%;
	transform: scaleX(1);
}

#top_box01 {
	display: flex;
	width: 98%;
	margin: auto;
}

.girlsboxs {
	display: flex;
	width: 100%;
	margin: 0 auto ;
	flex-wrap: wrap;
}

.girlsboxs .classicon {}

.girlsboxs .classicon img {width: 100%}

.girlsboxs .onebox {
    display: block;
    width: calc(100% / 2 - 0px);
    border: 1px solid #fff;
    margin: 10px 0 0;
    color: #fff;
    position: relative;
    box-sizing: border-box;
	padding: 1px;
}

.girlsboxs .onebox .days {
	font-size: 24px;
	text-align: center;
	background-color: #000;
	padding: 15px 0;
}

.girlsboxs .onebox .img {position: relative}

.girlsboxs .onebox .img .icon01 {
    position: absolute;
    top: 10px;
    left: 8px;
    width: 40%;
    max-width: 100px;
}

.girlsboxs .onebox .img .icon02 {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30%;
    max-width: 100px;
}

.girlsboxs .onebox .img .icon02 img {
	display: block;
	margin-top: 5px;
}

.girlsboxs .onebox .img .icon03 {
	position: absolute;
	top: 0;
	right: 0;
	width: 33%;
	max-width: 122px;
}

.girlsboxs .onebox .img img {
	width: 100%;
	height: auto;
}

.girlsboxs .onebox .profile {
    background: url(../images/panel_bg.jpg) center top no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding: 2px 0;
}

.girlsboxs .onebox .profile .op {}

.girlsboxs .onebox .profile .op ul {margin: 1% auto;}

.girlsboxs .onebox .profile .op ul li {
	font-size: 20px;
	color: #fff;
	background: #3a1f30;
	width: calc(95% / 2);
	margin: 0.5%;
	text-align: center;
	padding: 1px;
	box-sizing: border-box;
	min-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

	@media screen and (max-width: 1000px){
		.girlsboxs .onebox .profile .op ul li {font-size: 3vw;}
	}

.girlsboxs .onebox .profile div {text-align: center;}

.girlsboxs .onebox .profile .name {
	font-size: 24px;
	margin-bottom: 5px;
}

	@media screen and (max-width: 1000px) {
		.girlsboxs .onebox .profile .name {font-size: 4vw;}
	}

	@media screen and (max-width: 414px) {
		.girlsboxs .onebox .profile .name {font-size: 20px;}
	}

.girlsboxs .onebox .profile .name span {font-size: 20px;}

	@media screen and (max-width: 1000px) {
		.girlsboxs .onebox .profile .name span {font-size: 2.4vw;}
	}

	@media screen and (max-width: 414px) {
		.girlsboxs .onebox .profile .name span {font-size: 13px;}
	}

.girlsboxs .onebox .profile .size {font-size: 14px;}

	@media screen and (max-width: 414px) {
		.girlsboxs .onebox .profile .size {font-size: 15px;}
	}

.girlsboxs .onebox .profile .time {
    background: url(../images/time_bg.png) no-repeat center top;
    font-size: 13px;
    padding: 4px 0 6px;
    width: 99%;
    background-size: contain;
    margin: 4px auto 0px;
    box-sizing: border-box;
	line-height: 1.4;
}

.girlsboxs .onebox .profile .situbox {
    height: 46px;
    box-sizing: border-box;
}

.girlsboxs .onebox .profile .situation {
    text-align: center;
    font-size: 16px;
    bottom: 0;
    width: 100%;
    margin: auto;
}

.girlsboxs .onebox .profile .situation span {color: #e1a3ed;text-align: center!important;}

.girlsboxs .onebox .profile .situation2 {
    text-align: center;
    font-size: 14px;
    width: 100%;
    margin-top: 0px;
}

.girlsboxs .onebox .profile .situation2 span {color: #e1a3ed;}

.girlsboxs .onebox .profile .situation.next {
	padding: 5px 0;
	font-size: 22px;
}

.girlsboxs .onebox .profile .situation.next div {
	font-size: 15px;
	line-height: 20px;
}

.schedule .girlsboxs {margin: 0 auto ;}

#girls .girlsboxs {padding-bottom: 0;}

#top_movie .slick-slide {margin: 0px 0.1%;}

/* topevent */

#top_event {
    background: url(../images/event_bg.jpg) no-repeat scroll center bottom;
    background-size: 100%;
    position: relative;
    background-attachment: fixed;
}

#event #top_event {background: none;}

#top_event .onebox {
    padding: 14px;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 18px;
    margin-bottom: 20px;
}

#top_event .onebox .bg {box-sizing: border-box;}

#top_event .onebox .profbox {}

#top_event .onebox .profbox .day {
	font-size: 14px;
	color: #fff;
	padding: 5px 1%;
	text-align: center
}

#top_event .onebox .profbox .title {
	font-family: var(--fontgothic);
	font-size: 20px;
	color: #fff;
	background: #ff4b8f;
	padding: 4px 1%;
	text-align: center;
	font-weight: bold;
}

#top_event .onebox .profbox .txt {
    color: #fff;
    padding: 0 0 5% 4%;
    font-family: var(--fontgothic);
    text-align: center;
    height: 220px;
    overflow-y: auto;
    margin-top: 14px;
}

#top_event .onebox .img {width: 100%;}

#top_event .onebox .img div {position: relative;}

#top_event .onebox .prof {width: 100%;}

#top_newface .slick-slider {position: inherit;}

/* /topevent */

#top_link {
    padding: 30px 0;
	background: #000;
}

#top_link .links {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
	justify-content: center;
}

#top_link .links a {
    width: 100%;
    display: block;
    margin: 5px 0;
}

#top_link .links a img {
	width: 100%;
	height: auto;
}

#pc_navbox {
	position: fixed;
	z-index: -1;
	display: none; 
	top: 0;
	width: 100%;
	height: 100vh;
	background: #000;
	left: 0;
	transition: all 0.3s;
}

#pc_navbox {
	display: block;
	z-index: 999;
}

#g-nav-list {
	position: fixed;
	width: 100%;
	height: 100vh!important;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#g-nav-list .snsbox {
	position: absolute;
	left: 5px;
	z-index: 1000;
}

#g-nav-list .snsbox li {margin: 3px;}

#g-nav-list .snsbox img {width: 50px;}

	@media screen and (max-width: 428px) {
		#g-nav-list .snsbox img {width: 45px;}
	}

#g-nav-list .lbox {
    width: 100%;
    text-align: center;
    margin: 0 auto 20px;
}

#g-nav-list .lbox img {
	width: 100%;
	height: auto;
	max-width: 180px;
}

	@media screen and (max-width: 428px) {
		#g-nav-list .lbox img {max-width: 140px;}
	}

#g-nav-list .rbox {
    width: 100%;
    padding: 2% 2% 20%;
}

#g-nav-list .rbox .txt {
	color: #fff;
	padding: 5px 0;
	font-size: 3.5vw;
}

#g-nav-list .rbox .txt span {font-size: 1.5vw;}

#g-nav-list .rbox ul {
	display: flex;
	flex-wrap: wrap;
}

#g-nav-list .rbox ul li {width: calc(100% / 2);}

#g-nav-list .rbox ul li .box {
    display: flex;
    justify-content: center;
    color: #fff;
    padding: 8% 0 8%;
    width: 98%;
	border-bottom: 1px solid #fff;
}

#g-nav-list .rbox ul li .box.b-none {border:none;}

#g-nav-list .rbox ul li .box i {
	padding-right: 2%;
	width: 25%;
	max-width: 70px;
}

#g-nav-list .rbox ul li .box i img {
	height: auto;
	width: 100%;
	max-width: 30px;
}

#g-nav-list .rbox ul li .box .t {width: 73%;}

#g-nav-list .rbox ul li .box .t p {
	text-align: left;
	font-size: 16px;
}

#g-nav-list .rbox ul.shop_btn0 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
}

#g-nav-list .rbox ul.shop_btn0 li {
    width: 100%;
    border-bottom: none;
    margin: 4px auto;
}

#g-nav-list .rbox ul.shop_btn1 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 5%;
}

#g-nav-list .rbox ul.shop_btn1 li {
    width: 100%;
    border-bottom: none;
    margin: 4px auto;
}

#g-nav-list .rbox ul.shop_btn2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding: 1% 0;
    justify-content: center;
}

#g-nav-list .rbox ul.shop_btn2 li {
	width: calc(100% / 1- 2%);
	border-bottom: none;
	margin: 0 1%;
}

.openbtn {
    position: absolute;
    cursor: pointer;
    width: 60px;
    height: 60px;
    right: 20px;
    top: 40px;
    z-index: 1000;
}

	@media screen and (max-width: 1000px) {
		.openbtn {
			right: 2vw;
			top: 4vw;
		}
	}

	@media screen and (max-width: 428px) {
		.openbtn {
			right: 0.8vw;
			top: 3vw;
		}
	}

.openbtn.active {position: absolute;}

.openbtn span {
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background-color: #fff;
  width: 70%;
  right: 0;
  margin: auto;
}

.openbtn span:nth-of-type(1) {top: 17px;}

.openbtn span:nth-of-type(2) {
	top: 0;
	bottom: 0;
}

.openbtn span:nth-of-type(3) {bottom: 17px;}

.openbtn.active span:nth-of-type(1) {
	top: 20px;
	left: 0;
	transform: translateY(6px) rotate(-45deg);
}

.openbtn.active span:nth-of-type(2) {opacity: 0;}

.openbtn.active span:nth-of-type(3) {
	top: 25px;
	left: 0;
	transform: translateY(-6px) rotate(45deg);
}

/* slider CSS */

.slider {
	width: 100%;
	margin: auto;
}

.slick-slide {margin: 0px 2px;}

.slick-slide img {width: 100%;}

.slick-prev:before, .slick-next:before {color: black;}

.slick-slide {
	transition: all ease-in-out .3s;
	opacity: 1;
}

.slick-active {opacity: 1;}

.slick-current {opacity: 1;}

#top_boxs01 {}

#top_boxs01 .boxs {padding-bottom: 5%;}

#top_boxs01 .boxs .box {
	max-width: 1200px;
	width: 100%;
	margin: auto;
	display: flex;
}

#top_boxs01 .boxs .box a {
	width: 48%;
	margin: 1%;
	display: block;
}

#top_boxs02 {
	background: url(../images/top_boxs02_bg.jpg);
	background-size: cover;
}

#top_boxs02 .boxs { padding-bottom: 120px;}

#top_boxs02 .boxs .box {
	max-width: 1200px;
	width: 100%;
	margin: auto;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

#top_boxs02 .boxs .box iframe {
	margin: 1%;
	width: 98%;
	width: calc(100% / 3 - 2%);
	max-width: 360px;
	display: inline-block;
}

.t_slider01 .slick-slide {margin: 0px 5px;}

#hotel_menu .boxs {
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

#hotel_menu .boxs a {
    width: calc(100% / 2 - 26px);
    border: 3px solid #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    color: #fff;
    font-size: 24px;
    padding: 10px 0px;
    box-sizing: border-box;
}

	@media screen and (max-width:428px) {
		#hotel_menu .boxs a {font-size: 16px;}
	}

#hotel_menu .boxs a span {
    margin-left: 10px;
    vertical-align: middle;
}

.hotel_box01 {
	margin: 30px auto 0px;
	width: 98%;
	max-width: 1500px;
}

.hotel_box01 .tit {
	font-size: 48px;
	text-align: center;
	position: relative;
}

.hotel_box01 .tit span {
	font-size: 24px;
	text-align: center;
	display: block;
}

.hotel_box01 .area_box .txt {
	text-align: center;
	margin: 20px 0 20px;
}

.hotel_box01 .area_box .txt span {
	font-size: 26px;
	color: #fff;
	margin: 0 10px;
}

.hotel_box01 .area_box .txt::before {
    content: "";
    position: absolute;
    left: 0;
    height: 1px;
    width: 30%;
    background: #fff;
    margin-top: 14px;
}

.hotel_box01 .area_box .txt::after {
	content: "";
	position: absolute;
	right: 0;
	height: 1px;
	width: 30%;
	background: #fff;
    margin-top: 14px;
}

.hotel_box01 .area_box .boxs {
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}

.hotel_box01 .area_box .boxs a {
	width: calc(100% / 2 - 22px);
	display: block;
	border: 3px solid #fff;
	margin: 15px 10px;
	font-size: 24px;
	color: #fff;
	position: relative;
	box-sizing: border-box;
}

	@media screen and (max-width:428px) {
		.hotel_box01 .area_box .boxs a {font-size: 16px;}
	}

.hotel_box01 .area_box .boxs a div {
    padding: 14px 0 14px 0;
    transition: all 1s;
    text-align: center;
}

.hotel_box01 .area_box .boxs a div span {
    margin-left: 10px;
    vertical-align: middle;
}

.hotel_box01 .area_box .boxs a:hover div {background-color: #3d5496;}

.hotel_box02 {
	margin: 60px auto 0px;
	width: 98%;
	padding-bottom: 70px;
	max-width: 1500px;
}

.hotel_box02 .tit {
	font-size: 48px;
	text-align: center;
}

.hotel_box02 .tit span {
	font-size: 24px;
	text-align: center;
	display: block;
}

.hotel_box02 .txt {
	font-size: 24px;
	padding: 50px 0 0;
	text-align: center;
}

.hotel_box02 .area {
	text-align: center;
	margin: 65px 0 35px;
}

.hotel_box02 .area span {
	font-size: 26px;
	color: #fff;
	margin: 0 10px;
}

.hotel_box02 .area::before {
    content: "";
    position: absolute;
    left: 0;
    height: 1px;
    width: 20%;
    background: #fff;
    margin-top: 14px;
}

.hotel_box02 .area::after {
	content: "";
	position: absolute;
	right: 0;
	height: 1px;
	width: 20%;
	background: #fff;
    margin-top: 14px;
}

.hotel_box02 .hotelarea_box {
    font-size: 24px;
    color: #fff;
    max-width: 1000px;
    margin: auto;
}

.hotel_box02 .hotelarea_box .tit_box {
	background-color: #282828;
	color: #fff;
	display: flex;
	width: 100%;
}

.hotel_box02 .hotelarea_box .tit_box div div {
    padding: 14px 8%;
    font-size: 16px;
}

.hotel_box02 .hotelarea_box .type {
	width: 100%;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.hotel_box02 .hotelarea_box .name {
    width: 100%;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

.hotel_box02 .hotelarea_box .tel {
	width: 100%;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.hotel_box02 .hotelarea_box .address {
	width: 100%;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.hotel_box02 .hotelarea_box .txtb {
    padding: 0px 2%;
    position: relative;
    font-size: 16px;
    width: calc(69% / 1);
    border-left: 2px solid #fff;
    box-sizing: border-box;
    height: 100%;
    min-height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.hotel_box02 .hotelarea_box .titb {
    width: calc(27% / 1);
    background: #282828;
    padding: 10px 2%;
    font-size: 16px;
}

.hotel_box02 .hotelarea_box .onebox {
    color: #fff;
    border: 2px solid #fff;
    margin: 10px 6px;
}

.hotel_box02 .hotelarea_box a:hover {opacity: 1;}

.hotel_box02 .hotelarea_box a:hover .onebox {
	transition: all 1s;	
	background-color: #3d5496;
}

.hotel_box02 .hotelarea_box a:hover .address .txtb::after {
	content: "⇀";
	right: 5%;
	position: absolute;
}

.hotel_shop_box {color: #fff;}

.hotel_shop_box .t1 {
    font-size: 24px;
    text-align: center;
    width: 98%;
    margin: 30px auto 10px;
}

.hotel_shop_box .t2 {
    font-size: 16px;
    width: 98%;
    margin: 10px auto;
    max-width: 800px;
}

.hotel_shop_box .t2 p {
    width: 100%;
    font-size: 18px;
    line-height: 1.5;
}

.hotel_shop_box .hotelarea_map {
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

.hotel_shop_box .btn {
    display: block;
    font-size: 20px;
    position: relative;
    padding: 16px 0;
    width: 360px;
    margin: 70px auto;
    border: 3px solid #fff;
    color: #fff;
    text-align: center;
    justify-content: space-between;
    align-items: center;
    transition: 0.5s;
    background: none;
    border-radius: 0;
	box-sizing: border-box;
}

.hotel_shop_box .btn span {margin-left: 10px;}

.link_box01 {
	padding-bottom: 80px;
	border-bottom: 1px solid #fff;
}

.link_box01 .txt {
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 1.5;
	margin-top: 70px;
	margin-bottom: 55px;
}

.link_box01 .boxs {
	width: 98%;
	max-width: 555px;
	margin: auto;
}

.link_box01 .boxs .box {
	display: flex;
	margin-bottom: 20px;
}

.link_box01 .boxs .box .t {
	font-size: 18px;
	color: #fff;
	width: 15%;
	text-align: right;
	margin-right: 5%;
}

.link_box01 .boxs .box .b {width: 80%;}

.link_box02 {padding: 60px 0 0;}

.link_box02 .txt {
	padding: 0 0 40px;
	font-size: 30px;
	line-height: 1.5;
	color: #fff;
	text-align: center;
}

.link_box02 .txt span {
	font-size: 24px;
	display: block;
	text-align: center;
}

.link_box02 .boxs {
	width: 95%;
	max-width: 2000px;
	margin: auto;
	text-align: center;
}

.link_box02 .boxs a {
	display: inline-block;
	margin: 0.5%;
}

/* schedule.html */

#schedule .schedule .girlsboxs {margin: 10px auto 0;}

.schedule_btn {}

.schedule_btn .schedule_btns {width: 100%;}

.schedule_btn .schedule_btns ul {
    max-width: 800px;
    gap: 5px;
}

.schedule_btn .schedule_btns ul li {
    width: calc(100% / 4 - 15px);
    padding: 1px;
    box-sizing: border-box;
    border: 1px solid #fff;
}

	@media screen and (max-width: 480px) {
		.schedule_btn .schedule_btns ul li {width: calc(100% / 3 - 56px);}
	}

	@media screen and (max-width: 414px) {
		.schedule_btn .schedule_btns ul li {width: calc(100% / 3 - 38px);}
	}

.schedule_btn .schedule_btns ul li.on {border: none;}

.schedule_btn .schedule_btns .btn {
    display: block;
    width: 100%;
    margin: 1px 1px;
    line-height: 1.6;
    padding: 8px 0px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

	@media screen and (max-width: 480px) {
		.schedule_btn .schedule_btns .btn {font-size: 13px;}
	}

.schedule_btn .schedule_btns .on {
    background: linear-gradient(to right, rgba(181, 2, 230, 1) 0%, rgba(0, 97, 218, 1) 100%);
	color: #fff;
	border: none;
}

.schedule_day {
    font-size: 24px;
    text-align: center;
    padding: 20px 0 10px;
    color: #fff;
}

/* /schedule.html */

/* system.html */

#system {padding-bottom: 0;}

#system .tit {
  text-align: center;
  font-size: 30px;
  color: #fff;
  line-height: 1.8;
}

#system .tit span {
  text-align: center;
  font-size: 20px;
  display: block;
}

#system .subbox {}

#system .subbox .tit-e {
    position: relative;
    text-align: center;
    font-size: 34px;
}

	@media screen and (max-width: 480px) {
		#system .subbox .tit-e {font-size: 24px;}
	}

	@media screen and (max-width: 414px) {
		#system .subbox .tit-e {font-size: 20px;}
	}

#system .subbox .tit-e::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 14%;
	background: #FFF;
	height: 1px;
}

#system .subbox .tit-e::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 14%;
	background: #FFF;
	height: 1px;
}

#system .subbox .tit-j {
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
}

#system .bg {
    background: url(../images/sys_bg1.jpg) no-repeat top center;
    background-attachment: fixed;
    background-size: 100% 100%;
    box-sizing: border-box;
}

/* sys00 */
.system_box00 {
    width: 100%;
    max-width: 1000px;
    padding: 5px 0 20px;
}

.system_box00 .navbtn {
    width: 96%;
    max-width: 800px;
    margin: auto;
}

.system_box00 .navbtn .btns {width: 100%;}

.system_box00 .navbtn .btns .btn {
    width: 100%;
    border: 2px solid #fff;
    text-align: center;
    padding: 15px 0;
    display: block;
    font-size: 14px;
    color: #fff;
    margin: 0 auto 10px;
    box-sizing: border-box;
    background: none;
    border-radius: 0;
}

.system_box00 .navbtn .btns:hover {
opacity: 1;
	color: #fff;
}

.system_box00 .navbtn .btns .btn span {
    display: block;
    font-size: 24px;
    text-align: center;
}

/* /sys00 */

/* sys1 */
.system_box1 {
	width: 100%;
	margin: 0 auto 0;
}

.system_box1 .txt {
    text-align: center;
    font-size: 14px;
    margin: 0 auto 50px;
}

.system_box1 .boxs {
    margin: 20px 4% 30px;
    max-width: 1000px;
    box-sizing: border-box;
    padding: 5% 0 4%;
    background: rgba(0, 0, 0, .65);
}

.system_box1 .boxs .priceboxs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.system_box1 .boxs .priceboxs .onebox {width: 100%;}

.system_box1 .boxs .priceboxs .onebox .box {
    padding: 6px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	align-items: center;
}

.system_box1 .boxs .priceboxs .onebox .box .t {
    color: #fff;
    font-size: 16px;
    width: 32%;
	text-align: center;
}

.system_box1 .boxs .priceboxs .onebox .box .t span {font-size: 16px;}

.system_box1 .boxs .priceboxs .onebox .box .p {
    font-size: 40px;
    font-style: italic;
    color: #ff4b8f;
    text-align: left;
    width: 61%;
}

	@media screen and (max-width: 480px) {
		.system_box1 .boxs .priceboxs .onebox .box .p {font-size: 34px;}
	}

.system_box1 .boxs .priceboxs .onebox .box .p span {
    font-size: 24px;
    vertical-align: middle;
    padding-left: 3%;
    display: block;
}

	@media screen and (max-width: 480px) {
		.system_box1 .boxs .priceboxs .onebox .box .p span {font-size: 18px;}
	}

/* /sys1 */

/* sys2 */

.system_box2 {
	width: 100%;
	margin: 0 auto 0;
}

.system_box2 .txt {
    text-align: center;
    font-size: 16px;
    margin: 15px auto;
}

.system_box2 .boxs {
    margin: 10px auto 0;
    max-width: 1000px;
    box-sizing: border-box;
    padding: 0;
}

.system_box2 .boxs .opboxs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.system_box2 .boxs .opboxs .onebox {width: calc(100% / 2 - 1px);}

.system_box2 .boxs .opboxs .onebox .box {
    padding: 3px 0;
    border: 2px solid #fff;
    box-sizing: border-box;
    margin: 2% 2%;
}

.system_box2 .boxs .opboxs .onebox .box .t {
    color: #fff;
    font-size: 24px;
    text-align: center;
}

	@media screen and (max-width: 480px) {
		.system_box2 .boxs .opboxs .onebox .box .t {font-size: 18px;}
	}

.system_box2 .boxs .priceboxs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.system_box2 .boxs .priceboxs .onebox {width:100%;}

.system_box2 .boxs .priceboxs .onebox .box {
    padding: 0 2%;
    position: relative;
    border-top: 1px solid;
}

.system_box2 .boxs .priceboxs .onebox:last-of-type .box {  border-bottom: 1px solid; padding-bottom: 10px;}

.system_box2 .boxs .priceboxs .onebox .box .t {
    color: #fff;
    font-size: 24px;
    width: 100%;
    text-align: center;
    margin-top: 14px;
}

.system_box2 .boxs .priceboxs .onebox .box .t span {font-size: 16px;}

.system_box2 .boxs .priceboxs .onebox .box .p {
    font-size: 40px;
    font-style: italic;
    color: #ff4b8f;
    text-align: center;
    width: 100%;
}

	@media screen and (max-width: 480px) {
		.system_box2 .boxs .priceboxs .onebox .box .p {font-size: 30px;}
	}

.system_box2 .boxs .priceboxs .onebox .box .p span {
    font-size: 24px;
    vertical-align: middle;
    padding-left: 3%;
}

	@media screen and (max-width: 480px) {
		.system_box2 .boxs .priceboxs .onebox .box .p span {font-size: 18px;}
	}

.system_box2 .boxs .priceboxs .onebox .box .info {
    color: #fff;
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin: 10px 3%;
}

.system_box2 .ptboxs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.system_box2 .ptboxs .onebox {width: calc(100% / 2 - 1px);}

.system_box2 .ptboxs .onebox .box {
    border: 1px solid #fff;
    box-sizing: border-box;
    margin: 2% 2%;
}

.system_box2 .ptboxs .onebox .box .t {text-align: center;}

.system_box2 .ptboxs .onebox .box .t img {
	width: 100%;
	max-width: 370px;
}

/* /sys2 */

/* sys3 */

.system_box3 {
    width: 100%;
    margin: 30px auto;
}

.system_box3 .boxs {}

.system_box3 .boxs .credit {
    text-align: center;
    color: #fff;
    padding: 0px 0 8px;
}

.system_box3 .boxs .credit .box {
	background: url(../images/sys_bg3.jpg) no-repeat center top;
	width: 100%;
	background-size: cover;
}

.system_box3 .boxs .credit .box .t1 {
	text-align: center;
	font-size: 30px;
	padding: 0 0 20px;
}

.system_box3 .boxs .credit .box .t2 {
	text-align: center;
	font-size: 20px;
	padding: 0 0 35px;
}

.system_box3 .boxs .credit .box .t3 {
    text-align: center;
    font-size: 16px;
    line-height: 1.8;
    margin: 2%;
}

.system_box3 .boxs .credit .box .b {
    text-align: center;
    padding: 0 0 30px;
}

.system_box3 .boxs .credit .box .b .i {}

.system_box3 .boxs .credit .box .b .i i {
    width: calc(80% / 5);
    margin: 5px;
}

.system_box3 .boxs .credit .box .b .i i img {}

.system_box3 .boxs .credit .box .b .btn {
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    width: 90%;
    max-width: 388px;
    padding-right: 12px;
}

/* /sys3 */

/* sys4 */

#system .system_box4 .subbox .tit-e::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18%;
	background: #FFF;
	height: 1px;
}

#system .system_box4 .subbox .tit-e::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 18%;
	background: #FFF;
	height: 1px;
}

.system_box4 {
	width: 100%;
	margin: 50px auto 0;
}

.system_box4 .txt {
    text-align: center;
    font-size: 16px;
    margin: 20px auto;
	padding: 0 10px;
	line-height: 1.4;
}

.system_box4 .pricebox {width: 100%;}

.system_box4 .pricebox h4 {
    width: 100%;
    color: #ff4b8f;
    font-size: 30px;
    text-align: center;
    margin: 30px auto;
    line-height: 1.3;
}

.system_box4 .pricebox .p-title {
    width: 94%;
    background: #ff4b8f;
    color: #fff;
    text-align: center;
    max-width: 1000px;
    margin: auto;
    padding: 4px;
    font-size: 24px;
}

.system_box4 .pricebox .p-area {
    width: 94%;
    max-width: 1200px;
    margin: 20px auto;
    line-height: 1.5;
}

.system_box4 .transportationboxs {
    width: 100%;
    max-width: 1000px;
    margin: 20px auto 30px;
    box-sizing: border-box;
}

.system_box4 .transportationboxs .boxs {}

.system_box4 .transportationboxs .boxs .onebox {
	border-bottom: 1px solid #fff;
	padding: 20px 0;
}

.system_box4 .transportationboxs .boxs .onebox:first-child {border-top: 1px solid #fff;}

.system_box4 .transportationboxs .boxs .onebox:last-child {border-bottom: none;}

.system_box4 .transportationboxs .boxs .onebox .box {line-height: 1.5;}

.system_box4 .transportationboxs .boxs .onebox .box .t1 {
	width: 100%;
	color: #ff4b8f;
	font-size: 32px;
	font-style: italic;
	text-align: center;
}

.system_box4 .transportationboxs .boxs .onebox .box .t1 span {
    font-size: 16px;
    vertical-align: middle;
    padding-left: 1px;
}

.system_box4 .transportationboxs .boxs .onebox .box .t2 {
    width: 100%;
    color: #fff;
    font-size: 18px;
	padding: 0 10px;
	box-sizing: border-box;
}

/* /sys4 */

/* sys5 */
.system_box5 {
    width: 100%;
    margin: 10px auto 0;
}

.system_box5 .txt {
    text-align: center;
    font-size: 24px;
    margin: 30px auto 20px;
}

.system_box5 .boxs {
    margin: 0 auto 0;
    max-width: 1000px;
    box-sizing: border-box;
    padding: 2%;
}

.system_box5 .boxs .priceboxs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.system_box5 .boxs .priceboxs .inbox {
    width: 100%;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.system_box5 .boxs .priceboxs .inbox:last-of-type {border:none;}

.system_box5 .boxs .priceboxs .onebox {padding: 2%;}

.system_box5 .boxs .priceboxs .onebox .box {
    position: relative;
    justify-content: space-between;
    width: 100%;
}

.system_box5 .boxs .priceboxs .onebox .box .t {
    color: #fff;
    font-size: 20px;
    width: calc(60%/1 - 1px);
}

.system_box5 .boxs .priceboxs .onebox .box .t span {font-size: 13px;}

.system_box5 .boxs .priceboxs .onebox .box .t span.dot {letter-spacing: -6px;}

	@media screen and (max-width: 428px) {
		.system_box5 .boxs .priceboxs .onebox .box .t span.dot {display: none;}
	}

.system_box5 .boxs .priceboxs .onebox .box .p {
    font-size: 24px;
    font-style: italic;
    color: #ff4b8f;
    text-align: right;
    width: calc(30%/1 - 1px);
}

	@media screen and (max-width: 428px) {
		.system_box5 .boxs .priceboxs .onebox .box .p {font-size: 28px;}
	}

.system_box5 .boxs .priceboxs .onebox .box .p span {
    font-size: 14px;
    vertical-align: middle;
    padding-left: 2%;
}

.system_box5 .boxs .priceboxs .onebox .box .info {
	color: #fff;
	font-size: 16px;
	width: 100%;
	padding-left: 10px;
}

/* /sys5 */

/* sys6 */

.system_box6 {
    width: 100%;
    padding: 10px 0 0;
}

.system_box6 .transportationbtn {}
.system_box6 .transportationbtn .btns {
    width: 100%;
    max-width: 800px;
    padding-bottom: 20px;
}

.system_box6 .transportationbtn .btns .btn {
    width: 90%;
    text-align: center;
    padding: 18px 0;
    display: block;
    font-size: 20px;
    color: #fff;
    margin: 16px auto;
    box-sizing: border-box;
}

.system_box6 .transportationbtn .btns .btn span {
	display: block;
	font-size: 18px;
	text-align: center;
}

/* /sys6 */

/* sys7 */

.system_box7 {}

.system_box7 .matterboxs {
    width: 93%;
    max-width: 800px;
    margin: auto;
    padding: 40px 0 0;
    font-size: 18px;
    color: #fff;
    line-height: 1.3;
}

/* /sys7 */

/* /system.html */

/*movie*/

#top_movie {
    background: url(../images/mov_bg1.jpg) no-repeat center top;
    background-attachment: fixed;
	background-size: cover;
}

.movie {
	padding: 0 0 10px;
	width: 100%;
}

.movie .onebox {
    background-size: 100% 100%;
    width: 100%;
}

.movie .oneboxs {padding: 0;}

.movie .onebox .boxs {
    padding: 0px 1% 0px;
    border: 1px solid #fff;
    box-sizing: border-box;
    margin-bottom: 10px;
}

#movie .movie .onebox .boxs {padding: 0px 0 20px;}

.movie .onebox .txtbox {
    background: url(../images/mov_bg.jpg) no-repeat center top;
    color: #fff;
    justify-content: space-between;
    padding:  3%;
    box-sizing: border-box;
    background-size: cover;
    border-bottom: 1px solid #fff;

}

.movie .onebox .movie_img {
    width: 100%;
    background: url(../images/nobg.jpg) no-repeat center top;
    background-size: 100%;
	margin-top: 10px;
	height: 58vw;
}

.movie .onebox .movie_img video {
	width: 100%;
	height: auto;
}

.movie .onebox .txtbox .prof {
    width: 100%;
    line-height: 1.5;
    justify-content: space-between;
}

.movie .onebox .txtbox .prof .name {font-size:50px;}

	@media screen and (max-width: 1000px) {
	.movie .onebox .txtbox .prof .name {
			font-size: 4.5vw;
			margin-top: 3px;
		}
	}

.movie .onebox .txtbox .prof .name span {font-size: 30px;}

	@media screen and (max-width: 1000px) {
		.movie .onebox .txtbox .prof .name span {font-size: 3vw;}
	}

.movie .onebox .txtbox .prof .size {font-size: 30px;}

	@media screen and (max-width: 1000px) {
		.movie .onebox .txtbox .prof .size {font-size: 3vw;}
	}

.movie .onebox .txtbox .icon {width: 33%;}

.movie .onebox .txtbox .icon .icon01 {
    margin: 0 2%;
    text-align: center;
    font-size: 3.2vw;
	background: linear-gradient(to right, rgba(255, 76, 143, 1) 0%, rgba(255, 139, 156, 1) 100%);
	padding: 2px 0;
}

.movie .onebox .txtbox .icon .time {
    text-align: center;
    font-size: 3vw;
    padding: 5px 2.5% 0;
}

.movie .onebox .txtbox .icon .time span {color: #ff4b8f;}

.movie .onebox .links {
    width: 90%;
    max-width: 280px;
    margin: auto;
}

.movie .onebox .links a {display: block;}

.movie .onebox .links a:hover {color: #000;}

.movie .onebox .links p {
    color: #fff;
    font-size: 22px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}

.movie .onebox .links p span { font-size: 20px;}

.movie .top_movie_btn {
    width: 360px;
    text-align: center;
    line-height: 60px;
    border: 3px solid #fff;
    color: #fff;
    position: relative;
    margin: auto;
    display: block;
    font-size: 22px;
}

.movie .top_movie_btn span {font-size: 18px;}

.movie .slick-prev {left: 0;}

.movie .slick-prev:before {
	background: url(../images/naxt_left.png) no-repeat;
	width: 60px;
	height: 60px;
	content: '';
	display: block;
	z-index: 500;
}

.movie .slick-next {right: 40px;}

.movie .slick-next:before {
	background: url(../images/naxt_right.png) no-repeat;
	width: 60px;
	height: 60px;
	content: '';
	display: block;
}

#movie .movie .oneboxs {
	display: flex;
	flex-wrap: wrap;
}

#movie .movie .onebox {
    width: 100%;
    padding-bottom: 20px;
    display: block;
}

 /* ranking.hrml */

#ranking {}

#ranking .rank-nav1 {
    width: 100%;
    position: relative;
}

#ranking .rank-nav1 .tit-box {
    width: 100%;
    justify-content: center;
    margin: 0 auto 40px;
}

#ranking .rank-nav1 .tit-box h3 {
    font-size: 30px;
    font-weight: bold;
}

#ranking .rank-nav1 .tit-box img {
    width: 40px;
    margin: 0 10px;
}

#ranking .rank-nav1 {
    width: 100%;
    position: relative;
    padding: 10px 0 20px;
}

#ranking .rank-nav1 .month-nav ul {}

#ranking .rank-nav1 .month-nav ul li {margin: 0 10px;}

#ranking .rank-nav1 .month-nav ul li a {
    color: #fff;
    font-size: 24px;
    border: 3px solid #fff;
    padding: 10px 15px;
    box-sizing: border-box;
}

	@media screen and (max-width: 640px) {
		#ranking .rank-nav1 .month-nav ul li a {
			padding: 8px 6px;
			font-size: 20px;
		}
	}

#ranking .rank-nav1 .month-nav ul li span {
	font-size: 18px;
	margin-left: 8px;
}
			
#ranking .rank-nav2 {margin: 30px auto;}

#ranking .rank-nav2 .op-nav {}
#ranking .rank-nav2 .op-nav ul {}

#ranking .rank-nav2 .op-nav ul li {
    width: 45%;
    margin: 8px 1%;
}

#ranking .rank-nav2 .op-nav ul li a {
    color: #fff;
    font-size: 18px;
    border: 3px solid #fff;
    padding: 10px 15px;
    box-sizing: border-box;
    width: 100%;
    display: block;
    text-align: center;
}

	@media screen and (max-width: 640px) {
		#ranking .rank-nav2 .op-nav ul li a {
			font-size: 16px;
			padding: 5px 10px;
		}
	}

	@media screen and (max-width: 480px) {
		#ranking .rank-nav2 .op-nav ul li a {
			font-size: 13px;
			padding: 5px 6px;
		}
	}

#ranking .rank-nav2 .op-nav ul li a.active {
    color: #ff4b8f;
	border: 3px solid #ff4b8f;
}

#ranking .rank-nav2 .op-nav ul li span {
	font-size: 18px;
	margin-left: 8px;	
}

#ranking .ranking {}

#ranking .ranking .oneboxs {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#ranking .ranking .oneboxs .bg {
    background: url(../images/sp_rank_bg.jpg) no-repeat center top;
    background-size: cover;
    width: 100%;
    padding: 30px 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

#ranking .ranking .oneboxs .bg .boxs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

#ranking .ranking .oneboxs .bg .boxs .box1 {
    width: 58%;
    padding: 0px 0% 0 40%;
}

#ranking .ranking .oneboxs .bg .boxs .box2 {width: 55%;}
 
#ranking .ranking .oneboxs .bg .boxs .box1 .ranking_img {
    background: url(../images/rank_frame.png) no-repeat center top;
    text-align: center;
    padding: 12px;
    background-size: contain;
}

#ranking .ranking .oneboxs .bg .boxs .box1 img {
    width: 100%;
    height: auto;
    max-width: 480px;
}

#ranking .ranking .oneboxs .bg .boxs .ranking_no {position: relative;}

#ranking .ranking .oneboxs .bg .boxs .ranking_no img {
    width: 56vw;
    height: auto;
    max-width: 430px;
    position: absolute;
    top: 23px;
    left: -23px;
}

#ranking .ranking .oneboxs .box2 {
    padding: 3%;
    color: #fff;
    box-sizing: border-box;
}

#ranking .ranking .oneboxs .box2 .ranking_txt {}

#ranking .ranking .oneboxs .box2 .ranking_txt {
    background: rgba(0, 0, 0, .8);
    padding: 5px 0 0;
}

#ranking .ranking .oneboxs .box2 .ranking_txt .name {
    font-size: 22px;
    margin-bottom: 5px;
    text-align: center;
}

#ranking .ranking .oneboxs .box2 .ranking_txt .name span {font-size: 18px;}

#ranking .ranking .oneboxs .box2 .ranking_txt .size {
	font-size: 18px;
	margin-bottom: 5px;
	text-align: center;
}

#ranking .ranking .oneboxs .box2 .ranking_txt .txt {
    font-size: 16px;
    font-family: var(--fontgothic);
    height: 300px;
    overflow-y: scroll;
    box-sizing: border-box;
	margin-top: 14px;
}

#ranking .girlsboxs {
    display: flex;
    width: 100%;
    margin: 20px auto 145px;
    flex-wrap: wrap;
}

 /* /ranking.hrml */

/* news.html */

.news {
    background: url(../images/sp_news_bg.jpg) center top;
    background-attachment: fixed;
    background-size: contain;
}

.news .oneboxs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.news .oneboxs .onebox {
    background: rgba(0, 0, 0, .6);
    margin: 1%;
    padding: 3.5%;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 20px;
}

.news .oneboxs .onebox .inner {padding:0;}

.news .oneboxs .onebox .info {
    font-size: 16px;
    margin: 10px auto 10px;
    background: #3d5496;
    padding: 4px 0;
    width: 90%;
    text-align: center;
    max-width: 450px;
}

.news .oneboxs .imgbox {
    padding: 0;
    width: 100%;
    text-align: center;
}

.news .oneboxs .txtbox {width: 98%;}

.news .oneboxs .txtbox .prof {font-family: var(--fontgothic);}

.news .oneboxs .txtbox .prof .time {
	border: 1px solid #fff;
	padding: 10px 10px 5px;
	font-size: 24px;
	line-height: 50px;
	margin-bottom: 20px;
	display: inline-block;
}

.news .oneboxs .txtbox .prof .time span {
	color: #f00;
	font-weight: 500;
	line-height: 50px;
	font-size: 40px;
}

.news .oneboxs .txtbox .prof .time span:last-child {
	font-size: 24px;
	font-family: var(--fontgothic);
}

.news .oneboxs .title {
    font-size: 18px;
    margin: 0 auto 10px;
    background: #ff4b8f;
    color: #fff;
    padding: 4px 0;
    width: 100%;
    text-align: center;
    font-family: var(--fontgothic);
	border-radius: 20px;
}

.news .oneboxs .txtbox .prof .txt {
    overflow-y: auto;
    color: #fff;
    margin: 30px auto;
	width: 100%;
}

.scrolldesign::-webkit-scrollbar {width: 5px;}

.scrolldesign::-webkit-scrollbar-track {
	background-color: #676167;
	border-radius: 100px;
}

.scrolldesign::-webkit-scrollbar-thumb {
	background-color: #3d5496;
	border-radius: 100px;
}

/* /news.html */

/* mailmagazine.html */

#mailmagazine .bg {
    background: url(../images/member_bg.jpg) top center no-repeat;
    background-attachment: fixed;
    padding: 4% 2%;
}

.mailmagazine_box01 .txt {
    text-align: center;
    font-size: 24px;
    margin-bottom: 40px;
    color: #fff;
    border: 2px solid #fff;
    width: 300px;
    padding: 5px;
    box-sizing: border-box;
    margin: 50px auto;
}

.mailmagazine_box02 {
    width: 90%;
    max-width: 900px;
    margin: auto;
}

.mailmagazine_box02 .txt {
	width: 100%;
	color: #fff;
}

.mailmagazine_box02 .txt .t1 {
    font-size: 18px;
    margin-bottom: 30px;
    text-align: center;
}

	@media screen and (max-width:428px) {
		.mailmagazine_box02 .txt .t1 {font-size: 16px;}
	}

.mailmagazine_box02 .txt .t2 {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: center;
}

	@media screen and (max-width:428px) {
		.mailmagazine_box02 .txt .t2 {font-size: 16px;}
	}

.mailmagazine_box02 .txt .t2 span {font-size: 24px;}

.mailmagazine_box02 .txt .btn {
    border: 2px solid #fff;
    padding: 20px 0;
    font-size: 18px;
    color: #fff;
    display: block;
    margin-top: 20px;
    text-align: center;
    margin: 0 auto;
    max-width: 400px;
    font-weight: bold;
    background: #000;
    border-radius: 0;
}

.mailmagazine_box02 .img {
    width: 100%;
    margin-top: 20px;
}

.mailmagazine_box02 .img .box {
    padding: 20px;
    text-align: center;
}

.mailmagazine_box02 .img .box img {
	width: 250px;
	height: auto;
}

.mailmagazine_box02 .img .box .txtbox {
    padding: 20px;
    background: #fff;
    margin-top: 24px;
    width: 100%;
    max-width: 520px;
    margin: 24px auto;
}

.mailmagazine_box02 .img .box .t1 {
    text-align: center;
    font-size: 18px;
    color: #3d5496;
}

.mailmagazine_box02 .img .box .t2 {
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
	line-height: 1.5;
	color: #000;
}

/* /mailmagazine.html */

/* pagination */

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0px 10px;
    font-size: 20px;
    width: 98%;
    box-sizing: border-box;
    max-width: 360px;
    margin: auto;
}
.pagination button a {color: #fff;}

.pagination button a:active{color: #ff4b8f;}

.pagination .disabled {display: none;}

.pagination .pagination-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination .pagination-list a {
	color: #fff;
	display: block;
	width: 30px;
	text-align: center;
	line-height: 30px;
	margin: 0 2.5px;
}

.pagination .item a {
	background-color: #ff4b8f;
	color: #fff;
}

.pagination .items {margin: 0 2%;}

.pagination button {
	background: none;
	color: #fff;
	border: none;
	font-size: 20px;
}

.pagination .prev {margin-right: 5%;}

.pagination .next {margin-left: 5%;}

/* /pagination */

/*
.UpMove.DownMove {display: none;}

#header_bar.UpMove {
	position: fixed;
	width: 100%;
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}

#header_bar.DownMove {
	position: fixed;
	width: 100%;
	animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
*/

/* caption effect */

figure.cap-efct {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    color: #686868;
    background: rgb(255,255,255,0.5);
}

figure.cap-efct * {box-sizing: border-box;}

figure.cap-efct img {
	width: 100%;
	transition: opacity 0.3s;
	opacity: 1;
}

figure.cap-efct span {
	width: 100%;
	transition: opacity 0.3s;
	opacity: 1;
}

figure.cap-efct figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 5px;
	opacity: 0;
}

figure.cap-efct figcaption::before {
    position: absolute;
    top: 50%;
    right: 30px;
    bottom: 50%;
    left: 30px;
    content: '';
    transition: all 0.2s;
    transition-delay: 0.1s;
    opacity: 0;
    background-color: #fff;
}

figure.cap-efct p,
figure.cap-efct .txt-space {
    margin: 0 0 5px;
    transition: opacity 0.3s, transform 0.3s;
    opacity: 0;
}

figure.cap-efct p {
    text-align: center;
    font-size: 16px;
    padding: 65% 0;
    color: #fff;
}

	@media screen and (max-width: 1000px) {
		figure.cap-efct p {font-size: 1.8vw;}
	}

figure.cap-efct .txt {
    position: absolute;
    top: 33px;
    left: 0px;
    text-align: center;
    font-size: 12px;
    padding: 5px;
    color: #fff;
    height: 80px;
    width: 100%;
    overflow-y: auto;
}

	@media screen and (max-width: 1920px) {
		figure.cap-efct .txt {font-size: 1.4vw;}
	}

figure.cap-efct p span {
    border: 2px solid #fff;
    padding: 5px 15px;
    letter-spacing: 4px;
}

figure.cap-efct a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #fff;
}

figure figcaption:hover {background: rgba(0,0,0,.6);}

figure.cap-efct:hover img {opacity: 0.35;}

figure.cap-efct:hover figcaption h2 {
	transition-delay: 0.3s;
	transform: translate3d(0%, 0%, 0);
	opacity: 1;
}

figure.cap-efct:hover figcaption p {
	transition-delay: 0.3s;
	opacity: 0.9;
}

figure.cap-efct:hover figcaption .txt-space {
	transition-delay: 0.3s;
	opacity: 1;
}

figure.cap-efct:hover figcaption::before {
	top: 30px;
	bottom: 30px;
	transition-delay: 0s;
	opacity: 1;
	background: rgba(27, 37, 56, 0);
}

.girlsboxs a .onebox .img figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

.girlsboxs a .onebox .img figure img {	
	width: 100%;
	max-width: 375px;
	transform: scale(1);
	transition: .3s ease-in-out;
}

.girlsboxs a .onebox .img figure figcaption {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
	z-index: 1;
}

.girlsboxs a .onebox .img figure:hover img {
	transform: scale(1.1);
}

/* /caption effect */

/* ALL TITLE */

.t_tit {
	font-size: 70px;
	letter-spacing: 3px;
	line-height: 1.4;
	padding: 20px 0;
	text-align: center;
	color: #fff;
}

	@media screen and (max-width:1000px) {
	  .t_tit {font-size: 10vw;}
	}

.t_tit span {
	font-size: 18px;
	display: block;
	text-align: center;
}

	@media screen and (max-width:1000px) {
	  .t_tit span {font-size: 16px;}
	}

	@media screen and (max-width:428px) {
	  .t_tit span {font-size: 13px;}
	}

.titlebox {
    width: 100%;
    position: relative;
}

.titlebox .tt {
    position: fixed;
    height: 33vh;
    width: 100%;
    z-index: -1;
    top: 0px;
	max-width: 1000px;
}

	@media screen and (max-width: 1000px) {
		.titlebox .tt {
			position: fixed;
			height: 33vh;
			width: 100%;
			z-index: -1;
			top: 0px;
			max-width: 1000px;
		}
	}

.titlebox .tt.girl {
    background: url(../images/sp_tit_sch.jpg) no-repeat scroll center top #0000;
    background-size: cover;
}

.titlebox .tt.sys {
    background: url(../images/sp_tit_sys.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.sch {
    background: url(../images/sp_tit_sch.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.now {
    background: url(../images/sp_tit_now.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.mov {
    background: url(../images/sp_tit_mov.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.hl {
    background: url(../images/sp_tit_hl.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.ht {
    background: url(../images/sp_tit_ht.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.newst {
    background: url(../images/sp_tit_news.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.topnf {
    background: url(../images/sp_tit_new2.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.event {
    background: url(../images/sp_tit_evt.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.nf {
    background: url(../images/sp_tit_newface.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.cnt {
    background: url(../images/sp_tit_cnt.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.wait {
    background: url(../images/sp_tit_sys.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.how {
    background: url(../images/sp_tit_sys.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.prof {
    background: url(../images/sp_tit_sch.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.rank {
    background: url(../images/sp_tit_rank.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.mm {
    background: url(../images/sp_tit_mm.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.mov {
    background: url(../images/sp_tit_mov.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.titlebox .tt.cos {
    background: url(../images/sp_tit_sch.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.title-bg {
    width: 100%;
    z-index: -1;
    padding: 210px 0 90px;
}

	@media screen and (max-width: 1000px) {
		.title-bg {
            padding: 30px 0 30px;
           /* padding: 110px 0 50px;*/
        }
	}

.topttl {
    position: relative;
    background: #000;
    z-index: -1;
}

.topttl .title-bg {
    z-index: -1;
    padding: 0;
}

.topttl .fixed {
    position: fixed;
    height: 12vh;
    width: 100%;
    z-index: -1;

}

.topttl .sch {
    background: url(../images/sp_tit_sys2.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.topttl .news {
    background: url(../images/sp_tit_new1.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.topttl .pickup {
    background: url(../images/sp_tit_new2.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

.topttl .rank {
    background: url(../images/sp_tit_rank2.jpg) no-repeat scroll center top #000;
	background-size: cover;
}

/* /ALL TITLE */

/* #top_schedule */

#top_schedule {background: #000;}

#top_schedule .navbox {
	background: url(../images/sch_bg.jpg)no-repeat top ;
    padding: 20px 10px 9px;
    box-sizing: border-box;
}

#top_schedule .navbox ul {
    justify-content: space-between;;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.hide {display: none;}	

#top_schedule .navbox li {
    display: block;
    border: 1px solid #fff;
    color: #fff;
    padding: 4px 0px;
    border-radius: 40px;
    box-sizing: border-box;
    width: 48%;
    text-align: center;
    margin: 10px 0;
    font-size: 18px;
	cursor: pointer;
}

#top_schedule .navbox li.select {
    background: rgba(255, 255, 255, .9);
    opacity: 1;
    transition: all 1s;
	color: #000;
}

/* /#top_schedule */


@media screen and (max-width:1000px) {
	
	#top_g-nav.panelactive #top_g-nav-list .rbox ul li .box .i {padding-right: 0.5%;}
	#top_g-nav.panelactive #top_g-nav-list .rbox ul li .box {padding: 25% 0 10%;}
	#top_g-nav.panelactive #top_g-nav-list .rbox ul li .box .t {font-size: 14px;}
	#top_g-nav.panelactive #top_g-nav-list .rbox ul li .box .t span {font-size: 18px;}
	footer #footer .prof .shopname {font-size: 2.5vw;}
	footer #footer .prof .shopname span, footer #footer .prof .open {font-size: 1.2vw;}
	footer #footer .prof .tel, footer #footer .prof .mail {
		font-size: 1.4vw;
		margin-bottom: 2%;
	}	
	
}
	
@media screen and (max-width:1000px) {
	
	.profile_box05 .boxs .box .t1 {font-size: 16px;}
	.profile_box05 .boxs .box .t2 {font-size: 1.8vw;}
	.profile_box05 .boxs .box .t3 {
		font-size: 14px;
		padding: 8px 0;
		width: 95%;
	}
	
}

@media screen and (max-width:1000px) {
	
	header .header_bar .boxs .telbox .tel {font-size: 1.6vw;}

	header .header_bar .boxs .telbox .open {font-size: 1.2vw;}

	header .header_bar .boxs .nav ul li a span {
		font-size: 14px;
		font-size: 1.2vw;
	}

	header .header_bar .boxs .nav ul li {
		font-size: 12px;
		font-size: 1vw;
		padding: 20px 1.5%;
	}

	header .header_nav nav ul li {font-size: 1.2vw;}
	header .header_nav nav ul li span {font-size: 1.4vw;} 
	
}

@media screen and (max-width:1000px) {
	
	.review_box .onebox .profbox .name {
		font-size: 25px;
		padding: 0 0 10px 0;
	}
	
	.review_box .onebox .img .img_box .link .btn {
		line-height: 1;
		padding: 10% 0;
		top: 44%;
	}
	
	.review_box .onebox .profbox .txt .t01 .t01i {
		display: ruby;
		margin-right: 2%;
		width: 24%;
	}
	
}

@media screen and (max-width:1000px) {
	
	#top_box01 .top_slider_box .slider_box01 .slick-prev::before, #top_box01 .top_slider_box .slider_box02 .slick-prev::before, #top_box01 .top_slider_box .slider_box01 .slick-next::before, #top_box01 .top_slider_box .slider_box02 .slick-next::before, .movie .slick-prev::before, .movie .slick-next::before, #top_slider .slick-prev::before, #top_slider .slick-next::before, #profile .slick-prev::before, #profile .slick-next::before {
		width: 40px;
		height: 40px;
		background-size: 100% 100%;
	}
}

@media screen and (max-width:1000px) {
	
	.girlsboxs a {width: calc(100% / 2 - 0px);}
	#top_box01 .top_slider_box .t {font-size: 40px;}
	#top_box01 .top_slider_box .t span {font-size: 18px;}
	#top_newface .onebox .profbox .box {font-size: 25px;}
	#top_newface .onebox .profbox .name {font-size: 20px;}
	
}
	
@media screen and (max-width:1000px) {
	
	.news .oneboxs .txtbox .prof .time {
		padding: 2% 2% 1%;
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 3%;
	}
	.news .oneboxs .txtbox .prof .time span {
		line-height: 0;
		font-size: 25px;
	}
	.news .oneboxs .txtbox .prof .time span:last-child {font-size: 16px;}
	.news .oneboxs .txtbox .prof .tit {
		font-size: 20px;
		padding-bottom: 2%;
		margin-bottom: 3%;
	}
	.news .oneboxs .txtbox .prof .txt {font-size: 14px;}
}
	
@media screen and (max-width:1000px) {
	
	#profile .tit {font-size: 40px;}
	#profile .tit span {font-size: 18px;}
	#profile .tit span.r {font-size: 14px;}
	.profile_box04 .option .boxs .box .t1 {font-size: 22px;}
	
}
	
@media screen and (max-width:1000px) {
	
	.system_box03 .optionboxs .boxs .box .onebox .t3 {font-size: 23px;}
	.system_box03 .optionboxs .boxs .box .onebox .t3 span {font-size: 16px;}
	.system_box03 .optionboxs .boxs .box .onebox .t2 {font-size: 17px;}
	.system_box03 .optionboxs .boxs .box .onebox .t1 {font-size: 20px;}
	
}

/* btn01 */
.btn-box {
	width: 240px;
	margin: 20px auto 0;
}

.more-btn {
	width: 240px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.more-btn-inner {
	width: 46px;
	height: 46px;
	border-radius: 35px;
	position: absolute;
	left: 0;
	z-index: 100;
	background: #fff;
}

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

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

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

.into span.plus1 {
	width: 16px;
	height: 2px;
	top: 8px;
	left: 0px;
}

.into span.plus2 {
	width: 2px;
	height: 16px;
	top: 1px;
	left: 7px;
}

.into span.plus3 {
	width: 0px;
	height: 2px;
	left: 9px;
	top: 0px;
	transform: rotate(45deg);
	transform-origin: right top;
}

.into span.plus4 {
	width: 0px;
	height: 2px;
	left: 4px;
	top: 0px;
	transform: rotate(-45deg);
	transform-origin: left top;
}

/* /btn01 */

/* btn02 */

.more {}

.btn02 {
    width: 360px;
    text-align: center;
    line-height: 60px;
    border: 3px solid #fff;
    color: #fff;
    position: relative;
    margin: auto;
    display: block;
    font-size: 22px;
	background: #3d5496;
}

.btn02 span {font-size: 18px;}

/* /btn02 */

/* top-news */

#top-newsbox {
    width: 100%;
    margin: 0 auto 30px;
}

#top-newsbox .box {height: 100px;}

#top-newsbox > article {
	width: 100%;
	margin-right: 20px;
	border-left: solid 1px #000;
	box-sizing: border-box;
	border-bottom: solid 30px #000;
	border-right: solid 1px #000;
	max-width: 990px;
	border-top: solid 1px #000;
}

#top-newsbox #new-cast {
	margin-right: 0;
	padding-bottom: 29px;
}

#news {padding-bottom: 30px;}

#news .top-header {
    background-image: url(../images/tit_new1.jpg);
    height: 225px;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    box-sizing: border-box;
    padding: 10px 15px;
	justify-content: space-between;
}

#news .top-header h2 span {font-size: 5.0rem;}

	@media screen and (max-width:1500px) {
		#news .top-header h2 span {font-size: 3.5rem;}
	}

#news .news_slide .btn_prev, #news .news_slide .btn_next {
	position: absolute;
	top: 0;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	cursor: pointer;
}

#news .news_slide .btn_prev {left: 5px;}

#news .news_slide .btn_next {right: 5px;}

#news .news_slide .btn_prev img {width: 30px;}

#news .news_slide .btn_next img {width: 30px;}

#news .news_slide .slick-img img {
	width: 100%;
	max-width: 450px;
}

#news .slick-slide img {margin: 0 auto;}

#news .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #ff4b8f;
}

#top-newsbox .more {margin-top: 20px;}

#news .news0_slide .btn_prev, #news .news0_slide .btn_next {
	position: absolute;
	top: 0;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 500;
	cursor: pointer;
}

#news .news0_slide .btn_prev {left: 5px;}
#news .news0_slide .btn_next {right: 5px;}

#news .news0_slide .btn_prev img {width: 30px;}
#news .news0_slide .btn_next img {width: 30px;}

#pickup {
    padding-bottom: 30px;
	background: #000;
}

/* /top-news */

/* top-nf */

#top-nfbox {
    width: 100%;
    margin: 0 auto 30px;
}

#top-nfbox .box {height: 100px;}

#top-nfbox > article {
	width: 100%;
	margin-right: 20px;
	border-left: solid 1px #000;
	box-sizing: border-box;
	border-bottom: solid 30px #000;
	border-right: solid 1px #000;
	max-width: 990px;
	border-top: solid 1px #000;
}

#top-nfbox #new-cast {
	margin-right: 0;
	padding-bottom: 29px;
}

#new-cast .onebox {width: 100vw;}

#new-cast .girlsboxs .onebox .img figure img {
    width: 100%;
    max-width: 800px;
    transform: scale(1);
    transition: .3s ease-in-out;
}

#new-cast .top-header {
    background-image: url(../images/tit_new1.jpg);
    height: 225px;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    box-sizing: border-box;
    padding: 10px 15px;
	justify-content: space-between;
}

#new-cast .top-header h2 {color: #fff;}

#new-cast .top-header h2 span {font-size: 5.0rem;}

	@media screen and (max-width:1500px) {
		#new-cast .top-header h2 span {font-size: 3.5rem;}
	}

#new-cast .newcast_slide .btn_prev, #new-cast .newcast_slide .btn_next {
	position: absolute;
	top: 0;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	cursor: pointer;
}

#new-cast .newcast_slide .btn_prev {left: 5px;}

#new-cast .newcast_slide .btn_next {right: 5px;}

#new-cast .newcast_slide .btn_prev img {width: 30px;}

#new-cast .newcast_slide .btn_next img {width: 30px;}

#new-cast .newcast_slide .slick-img img {
	width: 100%;
	max-width: 450px;
}

#new-cast .slick-slide img {margin: 0 auto;}

#new-cast .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #ff4b8f;
}

#new-cast .top-header {
	background-image: url("../images/tit_new2.jpg");
    height: 225px;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    box-sizing: border-box;
    padding: 10px 15px;
	justify-content: space-between;
}

#new-cast .girlsboxs .onebox .img .icon02 img {
    display: block;
    margin-top: 5px;
}

/* / top-nf */

.news-cont {
    padding: 10px;
    width: 98vw;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 20px;
    margin: 10px 0 0;
	background: rgba(0, 0, 0, .5);
}

#pickup .news-cont {background:none;}

.news-cont .more-btn span {color: #fff;}

.news-cont .cast-img {
	width: 40%;
	position: relative;
}

.news-cont .cast-img img {width: 100%;}

.news-cont .cast-img .icon-twitter {
	right: 10px;
	bottom: 10px;
}

.news-cont .box1 {width: 100%;}

.news-cont .box2 {
    width: 100%;
    padding: 0px;
    margin-top: 6px;
    box-sizing: border-box;
}

.news-cont .box3 {
    width: 56%;
    margin-left: 3%;
}

.news-cont .title {
    font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
    font-size: 16px;
    margin: 0;
    background: #ff4b8f;
    color: #fff;
    padding: 3px 10px;
    width: 100%;
    text-align: left;
    font-weight: bold;
    box-sizing: border-box;
    line-height: 1.2;
}

.news-cont .info {
	font-size: 16px;
	margin: 10px auto 10px;
	background: #3d5496;
	color: #fff;
	padding: 4px 0;
	width: 90%;
	text-align: center;
}

.news-cont article .time {
    font-size: 18px;
    color: #000;
}

.news-cont article .name {
    font-size: 1.6rem;
    margin: 10px 0;
    color: #000;
}

.news-cont article .age {font-size: 1.2rem;}

.news-cont article .size {
    font-size: 1rem;
    display: block;
    letter-spacing: 0.05em;
    color: #000;
}

.news-cont .comment {
    font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 1.3;
    height: 46vw;
    overflow-y: auto;
    text-align: justify;
}

/* top-slider */

#top-slider {}

#top-slider .bg {
    position: relative;
    padding: 30px 0;
}

#top-slider .top_slide figure.space {padding: 0 15px;}

#top-slider .top_slide figure img {width: 100vw;}

#top-slider .top_slide .slick-dots {
	text-align: center;
	position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    padding-left: 0;
}

#top-slider .btn_prev, #top-slider .btn_next {
    position: absolute;
    top: 0;
    width: 25%;
    height: 100%;
    padding: 1px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	z-index: 1;
}

#top-slider .btn_prev {left: 0;}
#top-slider .btn_next {right: 0;}

/* /top-slider */

/*-- pd --*/

#top-pd {
    width: 100%;
    margin: 0 auto 30px;
    justify-content: center;
    align-items: stretch;
}

#top-pd > article {
	width: 100%;
	box-sizing: border-box;
	max-width: 990px;
}

#pd .top-header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    padding: 20px 15px;
    justify-content: center;
}

#pd .top-header h2 {
    color: #fff;
    text-align: center;
    line-height: 1.3;
}


#pd .top-header h2 span {font-size: 50px;}

	@media screen and (max-width:1000px) {
		#pd .top-header h2 span {font-size: 10vw;}
	}

#pd .other-cont .box iframe {width: 100%;}

/*-- /pd --*/

.other-cont .box  {margin-top: 10px;}

/* miechat */

#top-other {
    width: 100%;
    margin: 0 auto 30px;
    justify-content: center;
    align-items: stretch;
}

#top-other > article {
	width: 100%;
	box-sizing: border-box;
	max-width: 990px;
}

#other .top-header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    box-sizing: border-box;
    padding: 20px 15px;
    justify-content: center;
}

#other .top-header h2 {
    color: #fff;
    text-align: center;
    line-height: 1.3;
}

#other .top-header h2 em {}

#other .top-header h2 span {font-size: 5.0rem;}

	@media screen and (max-width:1000px) {
		#other .top-header h2 span {font-size: 3.5rem;}
	}

#other .other-cont .miebox {
    width: 100%;
    text-align: center;
	margin: 10px 0
}

#other .other-cont .miebox .txt {text-align: center;}

#other .other-cont .miebox .txt span {font-size: 12px;}

#other .other-cont .miebox .icon {
    width: 24px;
    margin-left: 5px;
	vertical-align: middle;
}

/* /miechat */

/* newface.html */

#newface #nfbox {
    width: 100%;
    display: flex;
    margin: 0 0 30px;
    justify-content: center;
    flex-wrap: wrap;
}

#newface #nfbox .box {}

#newface #nfbox > article {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
	margin: 15px auto;
}

#newface #nfbox .new-cast {
	background: url(../images/sp_nf_bg.jpg) no-repeat center top;
	background-size: cover;
}

#newface .nf-cont {
    padding: 10px;
    width: 100%;
    align-items: center;
    box-sizing: border-box;
}

#newface .girlsboxs {
    display: block;
    width: 100%;
    margin: 0;
}

#newface .girlsboxs .classicon {}

#newface .girlsboxs .classicon img {width: 100%}

#newface .girlsboxs .onebox {
    display: block;
    width: 100%;
    border: none;
    margin: 0;
    color: #fff;
    position: relative;
    box-sizing: border-box;
}

#newface .girlsboxs .onebox .days {
	font-size: 24px;
	text-align: center;
	background-color: #000;
	padding: 15px 0;
}

#newface .girlsboxs .onebox .img {position: relative}

#newface .girlsboxs .onebox .img .icon01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	max-width: 150px;
}

#newface .girlsboxs .onebox .img .icon02 {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30%;
    max-width: 100px;
}

#newface .girlsboxs .onebox .img .icon02 img {
	display: block;
	margin-top: 5px;
}

#newface .girlsboxs .onebox .img .icon03 {
	position: absolute;
	top: 0;
	right: 0;
	width: 33%;
	max-width: 122px;
}

#newface .girlsboxs .onebox .img img {
    width: 100%;
    height: auto;
}

#newface .nf-cont article {
    width: 100%;
    padding: 10px;
    background: rgba(0, 0, 0, .85);
    margin: 10px 0;
    box-sizing: border-box;
}

#newface .nf-cont article .title {
    font-size: 16px;
    margin: 10px 0;
    color: #ff4b8f;
    padding: 4px 0;
    width: 96%;
    text-align: center;
    font-family: var(--fontgothic);
}

#newface .nf-cont article .info {
	font-size: 16px;
	margin: 10px auto 10px;
	background: #3d5496;
	color: #fff;
	padding: 4px 0;
	width: 90%;
	text-align: center;
}

#newface .nf-cont article .time {
    font-size: 24px;
	font-weight: bold;
    color: #f3fe00;
    border-bottom: 1px solid;
    padding-bottom: 5px;
	text-align: center;
}

#newface .nf-cont article .time span {
    font-size: 12px;
    color: #fff;
    background: #f3fe00;
    padding: 3px 6px;
    margin-right: 6px;
	vertical-align: middle;
}

#newface .nf-cont article .name {
    font-size: 18px;
    margin: 10px 0;
    color: #fff;
	text-align: center;
}

#newface .nf-cont article .age {font-size: 1.2rem;}

#newface .nf-cont article .size {
    font-size: 13px;
    display: block;
    letter-spacing: 0.05em;
    color: #fff;
	text-align: center;
}

#newface .nf-cont .comment {
	font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
	font-size: 1.2rem;
	color: #fff;
	line-height: 2.16em;
	overflow-y: auto;
	text-align: center;
	height: 200px;
}

#newface .nf-cont article .profile {
	width: 100%;
	padding: 15px 0 0;
}

#newface .nf-cont article .profile div {text-align: center;}

#newface .nf-cont article .profile .name {
	font-size: 24px;
	margin-bottom: 5px;
}

#newface .nf-cont article .profile .size {
	font-size: 14px;
	margin-bottom: 10px;
}

#newface .nf-cont article .profile .time {
    background: url(../images/time_bg.png) no-repeat center top;
    font-size: 16px;
    padding: 1% 0;
    width: 99%;
    min-height: 34px;
    background-size: contain;
    margin: 0 auto 0px;
    box-sizing: border-box;
    border: none;
    font-weight: normal;
    color: #fff;
	line-height: 1.5
}

#newface .nf-cont article .profile .situation {
    text-align: center;
    padding: 6px 0;
    font-size: 17px;
    line-height: 30px;
    bottom: 0;
    width: 100%;
	color: #fff;
}

#newface .nf-cont article .profile .situation span {color: #e1a3ed;}

#newface .nf-cont article .profile .situation2 {
    text-align: center;
    font-size: 14px;
    width: 100%;
    margin-top: 0px;
}

#newface .nf-cont article .profile .situation2 span {color: #e1a3ed;}


#newface .nf-cont article .profile .situation.next {
	padding: 5px 0;
	font-size: 22px;
}

#newface .nf-cont article .profile .situation.next div {
	font-size: 15px;
	line-height: 20px;
}

/* reserve.html */

#reserve .form-box {
    padding: 20px;
    margin: 0px auto;
    max-width: 1000px;
    width: 100%;
    box-sizing: border-box;
}

#reserve .form-inner {}

#reserve .form-inner h4 {
    font-size: 24px;
    text-align: center;
    padding: 80px 0 0;
}

#reserve .form-main {padding: 40px 0 0;}

#reserve .linkimg {text-align: center;}

#reserve .linkimg img {}

/* /reserve.html */

/* form-all */

.formnote {
    text-align: center;
    padding: 50px 0 0;
    font-size: 16px;
    line-height: 32px;
}

.formnote span {color: #ff4c90;}

.bg-set {
    border-radius: 0 16px 16px 0;
    box-sizing: border-box
}

.cont_form {
    width: 100%;
    margin: 0px auto;
    max-width: 1680px;
}

.cont_form .two {width: 50%;}

.entry-form {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.entry-form.cofirm dl:last-of-type dt {height: auto;}

.entry-form dl {
        padding: 10px 2%;
    box-sizing: border-box;
    margin: 15px 0;
}

.entry-form dl dt {
    border: 0px;
    text-align: left;
    font-size: 16px;
    width: 100%;
    padding-right: 5px;
    box-sizing: border-box;
    border-radius: 10px 0 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.entry-form dl dt img {
    width: 25px;
    margin-right: 15px
}

	@media screen and (max-width: 1700px){
		.entry-form dl dt img {margin-right: 0.8824vw}
	}

.entry-form dl dt span {
    font-weight: normal;
    padding: 10px 14px;
    font-size: 13px;
    margin-left: 15px;
    color: #fff;
    background: #ff4c90;
    border-radius: 40px;
}

.entry-form dl dt:before {content: none}	
	
.entry-form dl dd {width: 100%}

.entry-form.confirm dl dd {padding: 20px 0;}

.entry-form label {display: block}

.entry-form label > span {
	width: 100px;
	font-weight: bold;
	float: left;
	padding-top: 8px;
	padding-right: 5px
}
	
.entry-form span.required {color: red}

.entry-form input.input-field {width: 100%;}
	
.entry-form input.input-field, .entry-form .textarea-field, .entry-form .select-field {
    box-sizing: border-box;
    padding: 12px;
    outline: none;
    line-height: 1.6;
    appearance: none;
    font-size: 18px;
	border: 1px solid #ccc;
}

.entry-form .select-field {
	width: 35%;	
	height: 45px;
	font-size: 17px
}
	
.entry-form .input-field:focus, 
.entry-form .textarea-field:focus,  
.entry-form .select-field:focus {
	border: 5px solid #774491
}

.entry-form .textarea-field {
	height:200px;
	width: 100%
}

/* form-all-radio */

.f-btn .list_item {
    margin: 0px;
    padding: 24px
}

.f-btn label {
    font-family: Arial, sans-serif;
    line-height: 135%;
    position: relative;
    margin: 0.5rem;
    cursor: pointer;
    font-size: 20px
}

.f-btn .option-input {
    position: relative;
    margin: 7px 20px 0px 0px;
    cursor: pointer
}

.f-btn .option-input::before,
.f-btn .option-input::after {
    position: absolute;
    z-index: 1;
    top: -1px;
    left: -5px;
    width: 15px;
	height: 15px;
    content: "";
    transition: all 0.3s ease-in-out 0s;
    border: 2px solid #333;
    border-radius: 50%;
    background: #ffffff
}

.f-btn .option-input:after {
	z-index: 0;
	top: 0;
	border: none
}

.f-btn .option-input:checked:before {
	transform: rotateY(180deg);
	background: #774491
}

/* /form-all-radio */	

.entry-form .f-submit {
    width: 100%;
    max-width: 340px;
    margin: 20px auto;
}

.entry-form .f-submit label {margin: 0}

.entry-form input[type="submit"], .entry-form input[type="button"] {
    background: #707070;
    font-family: 'Gilda Display', serif;
    padding: 8px 15px;
    width: 100%;
    appearance: none;
    border: none;
    box-sizing: border-box;
    height: 60px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.entry-form input[type=submit]:hover,
.entry-form input[type=button]:hover {
	opacity: .8
}

.entry-form dd.select {position: relative}

.entry-form dd.select label::before {
    position: absolute;
    top: 0.9em;
    right: 17.8em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 9px solid transparent;
    border-right: 8px solid transparent;
    border-top: 15px solid #000;
    pointer-events: none
}

.entry-form dd.select select option {line-height: 1}
	
.parsley-custom-error-message, .parsley-required, .parsley-equalto, .parsley-errors-list filled {
    color: #f00;
    font-size: 16px;
    padding: 15px;
}

.entry-form dl dt.item {color: #9d8aee}			
			
.entry-form dl dd.form-txt {
    font-size: 16px;
    padding: 10px 0
}			
				
/* form-all-select */
.entry-form .select {
    background: #fff;
    box-sizing: border-box;
    padding: 3px;
    outline: none;
    line-height: 2;
    appearance: none;
    font-size: 18px;
	border: 1px solid #ccc;
    position: relative;
}

.entry-form .select::after {
	position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    right: 18px;
    top: 46%;
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 3px solid #8c8a8b;
    border-right: 3px solid #8c8a8b
}

.entry-form .select2 {
    background: #ffffff;
    padding: 7px;
    width: 140px;
    position: relative;
    z-index: 1;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #ccc;
	margin: 0;
}

	@media screen and (max-width: 1000px){
		.entry-form .select2 {width: 34.8vw;}
	}

.entry-form label {font-size: 20px}

.entry-form .select2::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 1px solid #282828;
    border-right: 1px solid #282828;
    z-index: -1
}

.entry-form select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    border: none;
    color: #333;
    font-size: 18px;
    width: 100%;
    height: 100%;
    padding: 8px;
}

/* /form-all-select */
	
::placeholder {color: #ccc}

.entry-form .f-back {
    width: 100%;
    max-width: 340px;
    margin: 20px auto;
}

.entry-form .f-back button {margin: 0}

.entry-form .f-back button:hover {opacity: .8}

.entry-form .f-back button {
    background: #707070;
    font-family: 'Gilda Display', serif;
    padding: 8px 15px;
    width: 100%;
    appearance: none;
    border: none;
    box-sizing: border-box;
    height: 60px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#reserve .f-top {
    margin: 50px auto;
    text-align: center;
}

#reserve  .f-top a {margin: 0}

#reserve  .f-top a:hover {opacity: .8}

#reserve .f-top a {
    background: #707070;
    font-family: 'Gilda Display', serif;
    padding: 19px 30px;
    width: 100%;
    appearance: none;
    border: none;
    /* border-radius: 100px; */
    box-sizing: border-box;
    height: 60px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* /form-all */

/* confirm thanks */

.confirm dl {
    padding: 10px 0;
    box-sizing: border-box;
    margin: 30px 0;
    border-bottom: 1px solid #fff;
}

.thanks_txt {margin-top: 50px;}

.thanks_txt p {text-align: center;}

.thanks_txt .tel {
    font-size: 16px;
    margin-top: 50px;
}

/* /confirm thanks */

/* waiting.html */

#waitingplace h3 {
    color: #ff4c90;
    font-size: 24px;
    text-align: center;
    line-height: 38px;
    margin: 0px auto 10px;
    border-top: 1px solid #fff;
    padding-top: 10px;
}

#waitingplace h3 span {
    display: block;
    font-size: 16px;
    text-align: center;
}

#waitingplace p.h3sub {
    font-size: 16px;
    text-align: center;
    margin: 20px auto;
}

#waitingplace p#pink-box {
    color: #fff;
    margin: 0px auto 20px;
    text-align: center;
    line-height: 1.5;
}

#waitingplace .box {
    width: 100%;
    max-width: 1000px;
    margin: 10px auto;
}

ul#area-btn {
	width: 100%;
	max-width: 880px;
	margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

ul#area-btn li {width: calc(100% / 2 - 10px);}

ul#area-btn li p {text-align: center;}

ul#area-btn li .circle {
    display: block;
    width: 198px;
    height: 198px;
    border-radius: 50%;
    margin: 8px auto;
    background: #ff4c90;
}

	@media screen and (max-width: 428px) {
		ul#area-btn li .circle {
			width: 150px;
			height: 150px;
		}
	}

ul#area-btn li .circle a {color: #fff;}

ul#area-btn li .mb10 {font-size: 18px;}

ul#area-btn li p {font-size: 1em;}

ul#area-btn li .circle p {
	line-height: 32px;
	padding: 35px 0;
}

	@media screen and (max-width: 428px) {
		ul#area-btn li .circle p {padding: 15px 0;}
	}

ul#area-btn li .circle p span {font-size: 0.8em;}

#flow-step {
    width: 100%;
    max-width: 880px;
    margin: 10px auto 0;
}

#flow-step dl {margin: 0 auto 40px;}

#flow-step dl dt {
    font-size: 1.8em;
    text-align: center;
    position: relative;
    width: 140px;
    margin: 0 auto;
}

#flow-step dl dt::before,
#flow-step dl dt::after {
    content: "";
    background: #fff;
    height: 100%;
    width: 4px;
    position: absolute;
}

#flow-step dl dt::before {left: 0;}

#flow-step dl dt::after {right: 0;}

#flow-step dl dd {padding-top: 20px;}

#flow-step dl dd p {
	text-align: center;
	line-height: 1.5;
}

.area-container {margin: 0 auto 40px;}

.area-container .mbox {
    width: 100%;
    max-width: 1000px;
    background: #1d0a16;
    margin: 0 0 40px;
	display: flex;
    box-sizing: border-box;
}

.area-container .mbox .inner {width: 100%;}

.area-box {
    position: relative;
    margin: 0 auto 40px;
}

.area-box .info {
    width: 100%;
    max-width: 900px;
}

.area-box h4 {
    font-size: 1.4em;
    text-align: center;
    margin: 0;
    color: #fff;
    background: #ff4c90;
    box-sizing: border-box;
    padding: 5px 0 2px;
}

.area-box .map {width: 100%;}

.area-box .map iframe {width: 100%;}

.map_txtwrap {}

.map_txtwrap .txtbox {
    width: 100%;
    padding:0 18px 0; 
}

.map_txtwrap p {
    color: #fff;
    line-height: 1.5;
    padding: 0 0.5%;
}

.map_txtwrap p.map_tit {
	font-size: 1.3em;
	margin-top: 12px;
	color: #ff4c90;
	font-weight: bold;
}

.map_txtwrap .map_photo {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

/* /waiting.html */

/* howto.html */

#howto {}

#howto .box {width: 100%;}

#howto ul {}

#howto .box ul {margin: 20px auto;}


#howto ul li {position: relative;}

#howto .step {
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    width: 90px;
    height: 90px;
    background: #3b539b;
    border-radius: 72%;
}

#howto .border {
	position: absolute;
	left: 50%;
	top: 90px;
	width: 5px;
	height: 100%;
	background: #3b539b;
}

#howto .step.border.tate1 {
	content: "";
	position: absolute;
	left: 50%;
	top: 90px;
	width: 5px;
	height: 100%;
	background: #3b539b;
}

#howto .step p {
	text-align: center;
	z-index: 2;
	letter-spacing: 0;
	color: #fff;
}

#howto .step p:first-of-type {
    width: 100%;
    font-size: 18px;
    margin-bottom: 0px;
    letter-spacing: 1px;
}

#howto .step p:last-of-type {
	font-size: 32px;
	padding-right: 7px;
	font-style: italic;
}

#howto .txt {
    max-width: 645px;
    width: 100%;
    margin: auto;
    padding: 2%;
	box-sizing: border-box;
}

#howto .txt p {
	font-size: 16px;
	line-height: 1.3;
	font-weight: 500;
	margin-top: 5px;
}

#howto .box .title {
    color: #3b539b;
    font-size: 20px;
    font-weight: bold;
    width: 69%;
    margin-left: 10px;
}

#howto .txt p span {
	color: #3b539b;
	font-size: 18px;
}

#howto .img {padding: 0 15px;}

#howto .img img {width: 300px;}

.contents h2.howto {
	color: #313131;
	font-size: 50px;
	text-align: center;
	letter-spacing: 3px;
	line-height: 36px;
	margin: 90px auto 20px;
}

/* /howto.html */

/* profile.html */

#profile {color: #fff;}

#profile .tit {
    padding: 10px 0;
    font-size: 30px;
    box-sizing: border-box;
    text-align: center;
    font-family: "Great Vibes", cursive;
    background: url(../images/sp_prof_bg.jpg) no-repeat;
    background-size: contain;
	line-height: 1
}


#profile .tit span {
    font-size: 18px;
    margin-left: 20px;
	font-family:'Lora', serif, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

	@media screen and (max-width: 428px) {
		#profile .tit span {font-size: 16px;}
	}

#profile .tit span.r {
	position: absolute;
	right: 0;
	font-size: 18px;
	bottom: 10px;
}

#profile .slick-prev:before {
	background: url(../images/naxt_left.png) no-repeat;
	width: 60px;
	height: 60px;
	content: '';
	display: block;
	z-index: 500;
}

#profile .slick-next:before {
	background: url(../images/naxt_right.png) no-repeat;
	width: 60px;
	height: 60px;
	content: '';
	display: block;
}

/* box00 */

.profile_box00 {
	width: 98%;
	margin: 0 auto 0;
	position: relative;
}

/* slider */

.profile_box00 .box00 {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.profile_box00 .box00 .container {position: relative;}

.profile_box00 .box01 {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.profile_box00 .box01 .container {position: relative;}

.profile_box00 .box {position: relative;}

.profile_box00 .onebox {position: relative;}

.profile_box00 .onebox .icon01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 40%;
	max-width: 150px;
}

.profile_box00 .onebox .icon02 {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 30%;
    max-width: 100px;
}

.profile_box00 .onebox .icon02 img {
	display: block;
	margin-top: 5px;
}

.profile_box00 .onebox .icon03 {
	position: absolute;
	top: 0;
	right: 10px;
	width: 33%;
	max-width: 122px;
}

.profile_box00 .slick-prev {left: 33%;}
.profile_box00 .slick-next {right: calc(100% / 3 - -30px);}

/* /slider */

.profile_box00 .box02 {
    width: 100%;
    margin-bottom: 50px;
}

.profile_box00 .box02 .box {}

.profile_box00 .box02 .box .txt {
    padding: 10px;
    line-height: 1.5;
    box-sizing: border-box;
    font-size: 18px;
}

.profile_box00 .price .box {}
.profile_box00 .price .box .txt {
    font-size: 34px;
    font-family: inherit;
    text-align: center;
}

.profile_box00 .prof-links {
    width: 100%;
    min-height: 30px;
    height: 75px;
    overflow: hidden;
}

.profile_box00 .prof-links a:hover {opacity: 1;}

.profile_box00 .prof-links .link01 {
    display: block;
    background: #d70079;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    width: 40%;
    text-align: center;
    font-size: 22px;
    position: relative;
}

.profile_box00 .prof-links .link01::after {
    content: "";
    position: absolute;
    background: #d70079;
    top: 0;
    right: -79px;
    height: calc(tan(45deg)* 151px / 2);
    width: 80px;
    clip-path: polygon(0% 0, 100% 100%, 0 100%);
    z-index: 100;
}

.profile_box00 .prof-links .link02 {
	display: block;
    background: #00ff54;
    color: #000;
    padding: 10px;
	box-sizing: border-box;
	width: 60%;
    text-align: center;
    font-size: 22px;
	position: relative;
	padding-left: 15%;
}

.profile_box00 .prof-links .link01 span, 
.profile_box00 .prof-links .link02 span {
    display: block;
    font-size: 13px;
	text-align: center;
}

.profile_box00 .prof-links .link01 span.tr, 
.profile_box00 .prof-links .link02 span.tr {
    font-size: 13px;
}

.profile_box00 .infobox {
    padding: 0 0 30px;
    color: #fff;
    justify-content: space-between;
    width: 92%;
}

.profile_box00 .infobox .info {}

.profile_box00 .infobox .info-icon {}

.profile_box00 .infobox .info-icon .icon1 {
	text-align: center;
	margin: 10px 0;
}

.profile_box00 .infobox .info-icon .icon1 img {
    width: 100%;
    max-width: 495px;
}

.profile_box00 .infobox .info-icon .icon2 {
	text-align: center;
	margin: 10px 0;
}

.profile_box00 .infobox .info-icon .icon2 img {}

.profile_box00 .infobox .name {
    font-size: 40px;
    text-align: center;
    margin: 10px 0;
}

.profile_box00 .infobox .name span {
    font-size: 24px;
    margin-left: 10px;
}

.profile_box00 .infobox .size {
	font-size: 22px;
	text-align: center;
}

/* /box00 */

/* box2 */

.profile_box02 {
	width: 98%;
	margin: 20px auto 20px;
}

.profile_box02 .tit {
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	text-align: left;
}

.profile_box02 .box02 {
	width:100%;
	margin: 2% 1% 0 1%;
}

.profile_box02 .box02 .qa .boxs {
    margin-top: 20px;
    height: 60vw;
    overflow: auto;
	min-height: 880px;
}

.profile_box02 .box02 .qa .boxs .onebox {
    padding: 5px 0 10px;
    line-height: 1.3;
    margin-bottom: 6px;
    border-bottom: 1px solid #fff;
	font-size: 18px
}

.profile_box02 .box02 .qa .boxs .onebox span {
	font-size: 18px;
	display: block;
}

.profile_box02 .box02 .qa .boxs .onebox .q {
	width: 100%;
	display: flex;
}

.profile_box02 .box02 .qa .boxs .onebox .q span {color: #3d5496;}

.profile_box02 .box02 .qa .boxs .onebox .a {
	width: 100%;
	display: flex;
}

.profile_box02 .box02 .qa .boxs .onebox .a span {color: #ff4b8f;}

.profile_box02 .box01 {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.profile_box02 .box01 .box {}

.profile_box02 .navbtn {
    width: 96%;
    max-width: 800px;
    margin: auto;
}

.profile_box02 .navbtn .btns {width: 100%;}

.profile_box02 .navbtn .btns .btn {
    width: 100%;
    border: 2px solid #fff;
    text-align: center;
    padding: 15px 0;
    display: block;
    font-size: 24px;
    color: #fff;
    margin:20px auto 0px;
    box-sizing: border-box;
    background: none;
    border-radius: 0;
}

.profile_box02 .navbtn .btns .btn span {
    display: block;
    font-size: 24px;
    text-align: center;
}



.profile_box02 .box01 .box .txt {
	padding: 40px 10px;
	line-height: 1.5;
	font-family: var(--fontgothic);
	box-sizing: border-box;
}

.profile_box02 .box01 .box .frame {margin: 20px auto;}

.profile_box02 .box01 .box .frame iframe {width: 100%;}

/* /box2 */

/* box3 */

.profile_box03 {}

.profile_box03 .subtit {
    border-bottom: 1px solid #fff;
    margin: 20px auto;
    padding-bottom: 6px;
    width: 100%;
	text-align: center;
	font-size: 20px;
}

.profile_box03 .box-a {
    max-width: 1000px;
    margin: auto;
    width: 98%;
}

.profile_box03 .boxs {
  width: 97%;
  max-width: 1000px;
  margin: 0 auto;
}

.profile_box03 .option .boxs {
  display: flex;
  flex-wrap: wrap;
}

.profile_box03 .option .boxs .box {
    width: calc(100% / 2 - 6px);
    border: 1px solid #fff;
    margin: 3px 3px;
    line-height: 1.5;
    background-color: #282828;
    border-radius: 50px;
    justify-content: space-between;
    padding: 0.5% 1%;
    box-sizing: border-box;
}

.profile_box03 .option .boxs .box .t1 {
	text-align: center;
	font-size: 16px;
	width: 100%;
}

.profile_box03 .option .boxs .box .t2 {
    text-align: center;
    font-size: 12px;
    font-style: italic;
    color: #fff;
    width: 100%;
    margin-top: -6px;
}

.profile_box03 .option .boxs .box.on {
	background: linear-gradient(to right, rgba(136, 15, 89, 1) 0%, rgba(205, 2, 113, 1) 50%, rgba(136, 15, 89, 1) 100%);
}

.profile_box03 .option .boxs .box.on .t1 {color: #fff;}
.profile_box03 .option .boxs .box.on .t2 {color: #fff;}

/* /box3 */

/* schedulebox */

.schedulebox {padding-top: 20px;}

.schedulebox .tit .t {
  font-size: 18px;
  text-align: center;
  padding-top: 20px;
}

.schedulebox .boxs {
    width: 98%;
    margin: 0 auto;
    padding-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.schedulebox .boxs .box {width:100%;}

.schedulebox .boxs .box .inner {
    border-bottom: 1px solid #fff;
	box-sizing: border-box;
	padding-bottom: 2px;
}

.schedulebox .boxs .box.on {background-color: #f3ce7a;}

.schedulebox .boxs .box .t1 {
    font-size: 18px;
    text-align: center;
    padding: 10px 0 10px;
    width: 20%;
    margin: auto;
}

	@media screen and (max-width: 428px) {
		.schedulebox .boxs .box .t1 {font-size: 16px;}
	}

.schedulebox .boxs .box .t2 {
    font-size: 16px;
	width: 36%;
}

	@media screen and (max-width: 428px) {
		.schedulebox .boxs .box .t2 {font-size: 16px;}
	}

.schedulebox .boxs .box .t2 span {
    font-size: 13px;
    margin: 0 5px;
}

	@media screen and (max-width: 428px) {
		.schedulebox .boxs .box .t2 span {
			font-size: 12px;
			margin: 0 3px;
		}
	}

.schedulebox .boxs .box .t2 div {
	text-align: center;
	padding: 10px 0 10px;
}

.schedulebox .boxs .box .t3 {
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
    width: 40%;
    margin: 5px auto;
    border: 1px solid #fff;
	background: linear-gradient(to right, rgba(136, 15, 89, 1) 0%, rgba(205, 2, 113, 1) 50%, rgba(136, 15, 89, 1) 100%);
	display: block;
    color: #fff;
    position: relative;
    box-sizing: border-box;
	font-weight: bold;
}

	@media screen and (max-width: 428px) {
		.schedulebox .boxs .box .t3 {
			font-size: 20px;
			padding: 8px 0;
			margin: 5px auto;
			
		}
	}

.schedulebox .boxs .box .off {
    background: #282828!important;
    color: #aaaaaa;
}

/* /schedulebox */

/* profile_slider */

.profile_slider01 .container {
	margin: 30px auto 0;
	width: 100%;
}

.profile_slider01 .slick-slide img {
    height: auto;
    opacity: .3;
    transition: opacity .5s, transform .5s;
    width: 100vw;
}

.profile_slider01 .slick-center img {
	opacity: 1;
	transform: scale(1);
}

.profile_box-last .boxs {
    width:100%;
	max-width: 1800px;
	margin: auto;
}

.profile_box-last .boxs .box {width:100%;}

.profile_box-last .boxs .box .txt {
	padding: 20px 10px 0;
	line-height: 1.5;
	box-sizing: border-box;
}

.p-mov {
    position: absolute;
    bottom: 20px;
    z-index: 500;
    right: 20px;
}

	@media screen and (max-width: 480px){
		.p-mov {
			bottom: 14px;
			right: 14px;
		}
	}

.p-mov a {display: block;}

.p-mov a.movlink {
    display: block;
    width: 100%;
    height: 180px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}

	@media screen and (max-width: 480px){
		.p-mov a.movlink {height: 135px;}
	}

	@media screen and (max-width: 428px){
		.p-mov a.movlink {height: 100px;}
	}

.p-mov a:hover {opacity: 1;}

.p-mov video {
    width: 100%;
    max-width: 320px;
}

	@media screen and (max-width: 480px){
		.p-mov video {max-width: 240px;}
	}

	@media screen and (max-width: 428px){
		.p-mov video {max-width: 180px;}
	}

.modaal-video-wrap {
    margin: auto 20px!important;
    position: relative;
}

/*動画表示のモーダルの余白を変更したい場合*/
.p-mov .modaal-video .p-mov .modaal-inner-wrapper {padding:0;}

/*モーダルのボタンの色を変更したい場合*/
.p-mov .modaal-close:after, 
.p-mov .modaal-close:before{
  background:#ccc;  
}

.p-mov .modaal-close:focus:after,
.p-mov .modaal-close:focus:before,
.p-mov .modaal-close:hover:after,
.p-mov .modaal-close:hover:before{
  background:#666;
}

/* /profile.html */

/* tab_item */

#top-scheduletab .tab_item {
    width: 29.8%;
    background-color: #000;
    font-size: 2.4vw;
    text-align: center;
    color: #fff;
    display: inline-block;
    transition:  0.2s ease;
    position: relative;
    margin-right: 5px;
    cursor: pointer;
	border: 2px solid #fff;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 10px 0;
}

	@media screen and (max-width: 680px){
		#top-scheduletab .tab_item {
			font-size: 3.0294vw;
			margin-right: 0px;
		}
	}

#top-scheduletab .tab_item:hover {opacity: 0.75;}

#top-scheduletab .tab_item span {display: block;font-size: 40px;text-align: center}

	@media screen and (max-width: 1000px){
		#top-scheduletab .tab_item span {font-size: 4vw;}
	}


/*タブ切り替えの中身のスタイル*/
#top-scheduletab .tab_content {
    display: none;
    padding: 0;
    clear: both;
    overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#day-schdule:checked ~ #day-schdule_content,
#gonow:checked ~ #gonow_content,
#newface:checked ~ #newface_content {
	display: block;
}

/*選択されているタブのスタイルを変える*/
#top-scheduletab .tabs input:checked + .tab_item {
    background-color: #3d5496;
    color: #fff;
	opacity: 1;
	position: relative;
	cursor: pointer;
}

/*タブ切り替え全体のスタイル*/
#top-scheduletab .tabs {
    width: 100%;
    margin: 20px auto 0;
    z-index: 3;
	text-align: center;
}

/*** 共通 top schedule now girl ***/

#top-scheduletab .list {margin:3px 0 11px;}

#top-scheduletab .list ul.list_wrap {
	text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 765px;
    margin: 10px auto;
}

#top-scheduletab .list ul.list_wrap li {	
	background: url(../images/list_bg02.jpg) no-repeat;
    width: 49%;
    height: 100%;
    max-width: 374px;
    max-height: 784px;
    background-size: cover;
    position: relative;
    margin: 1px;
    box-sizing: border-box;
}

#top-scheduletab .list ul.list_wrap li .inner {padding: 3px;}

#top-scheduletab .list ul.list_wrap li a {text-decoration:none;}

#top-scheduletab .list ul.list_wrap li .girlIcon {
	position:absolute;
	bottom:7px;
	left:2px;
}

#top-scheduletab .list ul.list_wrap li .girlIcon li {
	background:url(../images/bg_girl_ico.jpg) no-repeat;
	width:50px;
	height:10px;
	background-size:50px 10px;
	float:left;
	font-size:8px;
	margin:0 1px 1px 0;
	color:#FFF;
	display:block;
	letter-spacing:-.5px;
	line-height:10px;
}

#top-scheduletab .list ul.list_wrap li p {
    text-align: left;
	text-decoration: none;
}

#top-scheduletab .list ul.list_wrap li p.grank {
    position: absolute;
    top: 300px;
    left: 10px;
}

	@media screen and (max-width: 760px){
		#top-scheduletab .list ul.list_wrap li p.grank {
			top: 39.4737vw;
			left: 1.3158vw;
		}
	}

#top-scheduletab .list ul.list_wrap li p.grank img {width: 150px;	}

	@media screen and (max-width: 760px){
		#top-scheduletab .list ul.list_wrap li p.grank img {width: 19.7368vw;	}
	}

#top-scheduletab .list ul.list_wrap li .list_name {
	text-align: center;
    font-size: 16px;
    background: #282828;
    color: #fff;
    padding: 5px;
	margin-bottom: 5px;
}

#top-scheduletab .list ul.list_wrap li .list_data {
    font-size: 13px;
    color: #282828;
    margin: 10px 0 5px 0px;
	text-align: center;
}

#top-scheduletab .list ul.list_wrap li .list_time {
	font-size: 14px;
	color: #770994;
	margin: 10px 0 5px 10px;
	text-align: center;
}

#top-scheduletab .list ul.list_wrap li .list_time .material-icons {
	font-size: 16px;
	vertical-align: middle;
	margin-right: 2px;
}

#top-scheduletab .list ul.list_wrap li .list_info {
    text-align: center;
    font-size: 14px;
    color: #fff;
	margin: 5px auto 0;
    padding: 5px;
    background: rgb(208,10,175);
    background: -moz-linear-gradient(-45deg, rgba(208,10,175,1) 0%, rgba(152,16,187,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(208,10,175,1) 0%,rgba(152,16,187,1) 100%);
    background: linear-gradient(135deg, rgba(208,10,175,1) 0%,rgba(152,16,187,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d00aaf', endColorstr='#9810bb',GradientType=1 );
}

#top-scheduletab .list_rank {}
#top-scheduletab .list_rank img {
    width: 100%;
    max-width: 600px;	
}
								
#top-scheduletab .list_photo {}
#top-scheduletab .list_photo img {
    width: 100%;
    max-width: 600px;
}

.arrow_box {
    position:relative;
    background:#000000;
    text-align:center;
    color:#FFFFFF;
}

.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 0, 0, 0);
    border-top-width:14px;
    border-bottom-width:14px;
    border-left-width:8px;
    border-right-width:8px;
    margin-left: -8px;
    border-top-color:#fff;
    top:100%;
    left:50%;
}

/*** /#top-scheduletab ***/

/* hotline */
#hotline {}

#hotline .box {
    background: url(../images/hotline_bg.jpg) left top no-repeat;
    background-size: cover;
    justify-content: space-between;
    padding: 5px 10px 5px 20px;
}

#hotline h2 {   
	width: 20%;
	text-align: center;
}

#hotline .info {
    background: #fff;
    width: 74%;
    color: #000;
}

#hotline marquee { padding: 5px 0 0px;}

/* /hotline */

/* group */

#group {margin: 50px auto;}

#group h3 {
    position: relative;
    text-align: center;
    font-size: 24px;
}

#group h3::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 33%;
	background: #FFF;
	height: 1px;
}

#group h3::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 33%;
	background: #FFF;
	height: 1px;
}

	@media screen and (max-width: 640px){		
		#group h3::before {width: 24%;}
		#group h3::after {width: 24%;}
	}

#group .box {margin-top: 30px;}

#group .box a {}

#group .box img {width: 100%;max-width: 360px; }

/* /group */

/*　all-page-top */

#page-top {
    position: fixed;
    bottom: 140px;
    right: 10px;
    transition: all .3s ease-in;
    background: #3d5496;
    text-decoration: none;
    color: #fff;
    width: 100px;
    height: 100px;
    padding: 30px;
    box-sizing: border-box;
    display: block;
    border-radius: 50%;
    z-index: 810;
}

	@media screen and (max-width: 480px) {
		#page-top {
			position: fixed;
			bottom: 95px;
			right: 15px;
			color: #fff;
			width: 58px;
			height: 58px;
			padding: 8px 12px 12px 12px;
		}
	}

#page-top.-scrolled {
	transition: all .3s ease-in;
	opacity: 1;
	z-index: 1001;
}

#page-top .arrow-up {
    position: relative;
	padding-bottom: 18px;
}	

#page-top .arrow-up::before,
#page-top .arrow-up::after{
    position: absolute;
    top: 4px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}	
		
#page-top .arr-up::after {
    left: 8px;
    width: 20px;
    height: 20px;
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

	@media screen and (max-width: 480px) {
		#page-top .arr-up::after {
			left: 11px;
			width: 10px;
			height: 10px;
			border-top: 3px solid #fff;
			border-right: 3px solid #fff;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
	}

#page-top .txt {
	text-align: center;
	font-size: 14px;
}

	@media screen and (max-width: 480px) {
		#page-top .txt {font-size: 10px;}
	}

/*　/all-page-top */

/*　u-nav */

#u-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 800;
    padding: 10px 0;
	max-width: 1000px;
}

#u-nav  li {
	color: #fff;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	text-align: center
}

#u-nav.five li {width: calc(100%/5)}
#u-nav.four li {width: calc(100%/4)}
#u-nav.three li {width: calc(100%/3)}
#u-nav.two li {width: calc(100%/2)}

#u-nav li:last-of-type {
	border-right: none;
	width: 30%;
}

	@media screen and (max-width: 480px) {
		#u-nav li:last-of-type {width: 22%;}
	}


#u-nav.three li:last-of-type,
#u-nav.two li:last-of-type {width: 100%}

#u-nav li a {
    display: block;
    font-size: 16px;
    padding: 10% 0;
    text-align: center;
    color: #fff;
}

	@media screen and (max-width: 428px) {
		#u-nav li a {font-size: 12px;}
	}

#u-nav li:last-of-type a {
	font-size: 2.1rem;
	display: flex;
	justify-content: center;
	align-items: center
}

	@media screen and (max-width: 428px) {
		#u-nav li:last-of-type a {font-size: 1.6rem}
	}

#u-nav.five li:last-of-type a {padding: 14% 0}
#u-nav.four li:last-of-type a {padding: 16% 0}
#u-nav.three li:last-of-type a {padding: 7% 0}
#u-nav.two li:last-of-type a {padding: 9% 0}

#u-nav li img {
	margin: 0 auto 10%;
	display: block;
	width: 40px
}

	@media screen and (max-width: 428px) {
		#u-nav li img {width: 30px}
	}

#u-nav li:last-of-type img {
	display: inline-block;
	margin: 0 3% 0 0;
	width: 30px
}

	@media screen and (max-width: 428px) {
		#u-nav li:last-of-type img {width: 22px}
	}

/*　/u-nav */

/*　h-nav */

#h-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

#h-nav  li {
	color: #ff4b8f;
	box-sizing: border-box;
	text-align: center
}

#h-nav.five li {width: calc(100%/5)}
#h-nav.four li {width: calc(100%/4)}
#h-nav.three li {width: calc(100%/3)}
#h-nav.two li {width: calc(100%/2)}

#h-nav li:last-of-type {
	border-right: none;
	width: 20%;
}

	@media screen and (max-width: 480px) {
		#h-nav li:last-of-type {width: 22%;}
	}

#h-nav.three li:last-of-type,
#h-nav.two li:last-of-type {width: 100%}

#h-nav li a {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #ff4b8f;
}

	@media screen and (max-width: 428px) {
		#h-nav li a {font-size: 12px;}
	}

#h-nav li:last-of-type a {
	font-size: 2.1rem;
	display: flex;
	justify-content: center;
	align-items: center
}

	@media screen and (max-width: 428px) {
		#h-nav li:last-of-type a {font-size: 1.6rem}
	}

#h-nav.five li:last-of-type a {padding: 14% 0}
#h-nav.four li:last-of-type a {padding: 16% 0}
#h-nav.three li:last-of-type a {padding: 7% 0}
#h-nav.two li:last-of-type a {padding: 9% 0}

#h-nav li img {
	margin: 0 auto 10%;
	display: block;
	width: 40px
}

	@media screen and (max-width: 428px) {
		#h-nav li img {width: 30px}
	}

#h-nav li:last-of-type img {
	display: inline-block;
	margin: 0 3% 0 0;
	width: 30px
}

	@media screen and (max-width: 428px) {
		#h-nav li:last-of-type img {width: 22px}
	}

/*　/h-nav */

/* X アイコン　*/
.girlsboxs .icon-x {z-index: 500;}

.girlsboxs .icon-x a {
	width: 20px;
	height: 20px;
	background: #000;
	border-radius: 50%;
	display: block;
	padding: 10px;
}
.girlsboxs .icon-x a img {
	width: 100%;
	height: auto;
}

/*** bread ***/
.breadcrumb {
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 13px;
    margin: 0 auto;
    z-index: 20;
    position: relative;
    background: #000;
}

.breadcrumb li {display: inline-block;}
.breadcrumb li a { color: #fff;display: inherit;}

/*** /bread ***/

.en_nav {
    justify-content: space-around;
    width: 100%;
    max-width: 800px;
    margin: 31px auto;
}

.en_nav .ent {
    font-size: 34px;
    padding: 5px 0;
    height: 50px;
    box-sizing: border-box;
}

a.btn.ent img {
    top: 5px;
    right: 12px;
}

.en_nav .anime_button::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #fff;
    transform-origin: 100% 50%;
    transform: scaleX(0);
    transition: transform ease .3s;
}

.top_header_cover {
    width: 100%;
    height: 118vw;
    position: relative;
}

.top_header_cover img {
    width: 100vw;
    z-index: -3;
    position: fixed;
    top: 0;
    max-width: 1000px;
}

header .header_bar .boxs .inner {
    justify-content: flex-start;
	width: 100%;
}

header .header_bar .boxs .inner .logo {
    margin-right: 6%;
    width: 53%;
}

header .header_bar .boxs .inner .logo img {
    width: 100%;
    max-width: 300px;
}

header .header_bar .boxs .inner .infobox {}

header .header_bar .boxs .inner .infobox .telbox {}
header .header_bar .boxs .inner .infobox .telbox a {color:#fff;display: block;}

header .header_bar .boxs .inner .infobox .telbox .open {
    font-size: 2.5vw;
    background: #3b539b;
    padding: 4px;
    width: 15vw;
    box-sizing: border-box;
}

header .header_bar .boxs .inner .infobox .telbox .tel {font-size: 22px;}

	@media screen and (max-width: 1000px){
		header .header_bar .boxs .inner .infobox .telbox .tel {font-size: 2.2vw;}
	}

header .header_bar .boxs .inner .infobox .telbox .tel span {font-size: 50px;}

	@media screen and (max-width: 1000px){
		header .header_bar .boxs .inner .infobox .telbox .tel span {font-size: 5vw;}
	}


footer #footer .navbox {width: 100%;margin-top: 10px;}

footer #footer .navbox ul {
    border-bottom: 1px solid #fff;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    justify-content: flex-start;
    padding: 5px 1% 30px;
    box-sizing: border-box;
}

footer #footer .navbox ul li {
    color: #fff;
    position: relative;
    line-height: 1.6;
    width: calc(98% / 3);
    padding-left: 2px;
}

footer #footer .navbox ul li a {
    color: #fff;
    position: relative;
    font-size: 30px;
    font-weight: 100;
    transition: all 1s;
}

	@media screen and (max-width: 1000px){
		footer #footer .navbox ul li a {font-size: 4.5vw;}
	}

/* special */

.special {
	width: 100%;
	margin: 0 auto 0;
}

.special .pricebox {
    width: 100%;
    max-width: 1200px;
    margin: 0;
    margin: 20px auto;
}

.special .pricebox .obox {
    padding: 10px 0 10px;
    width: 94%;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 16px;
    margin: 0 auto 4%;
}

.special .pricebox .obox p {text-align: center;}

.special .pricebox .obox .time {font-size: 22px;}

.special .pricebox .obox .ttl {
    font-size: 24px;
	font-style: italic;
	background: #ff4b8f;
    padding: 5px;
    margin-top: 10px;
}

.special .pricebox .obox .pri {
    font-size: 34px;
	font-style: italic;
	color: #ff4b8f;
	margin-top: 5px;
}

.special .pricebox .obox .ri{margin-right: 10px;}

.special .pricebox .obox .pri span.blo {
    display: block;
    text-align: center;
    font-size: 24px;
}

.special .pricebox .obox .pri span {
    font-size: 18px;
    padding-left: 10px;
}

/* /special */

/** #top_nf **/

.info-bg {
    background: url(../images/info_bg1.jpg) center top no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 20px;
}

#top_nf {width: 100%;}

#top_nf .girlsboxs {
    display:block;
    width: auto;
    margin: 0;
}

#top_nf .girlsboxs .onebox {width: 82vw; margin: 0;}

#top_nf .bg {
	height: 77vh;
    box-sizing: border-box;
}

#top_nf .bg::before,#top_nf .bg::after {
	content:"";
	position: absolute;
	top: 0;
    width: 40%;
    height: 100%;
	background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 90%);
	z-index: 10;
}

	@media screen and (max-width: 1200px){
		#top_nf .bg::before,#top_nf .bg::after {width: 220px;}
	}

#top_nf .bg::before {
	left: 0;
	background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 90%);
}

#top_nf .bg::after {
    right: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 90%);
}

#top_nf .btn_prev img, #top_nf .btn_next img {cursor: pointer;}

#top_nf .btn_prev, #top_nf .btn_next {
    position: absolute;
    top: 0;
    width: auto;
    height: 100%;
    padding: 1px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	z-index: 500;
}

#top_nf .btn_prev, #top_nf .btn_next img {width: 30px;}

#top_nf .btn_prev {left: 0;}

#cosplay .text {}
#top_nf .btn_next {	right: 0;}

#top_nf .slick-dots {margin-top: 20px;}

#top_nf .girlsboxs .onebox .days {
    font-size: 22px;
    color: #fff;
    background: linear-gradient(to right, rgba(63, 85, 151, 1) 0%, rgba(157, 114, 192, 1) 50%, rgba(63, 85, 151, 1) 100%);
    font-style: italic;
	padding: 6px 0;
}

#top_nf .girlsboxs .onebox .profile {background:rgba(0,0,0,.8);}

/** /#top_nf **/


/** #top_ranking **/

#top_ranking {
    background: url(../images/top_rank_bg.jpg) center top no-repeat;
    width: 100%;
    background-attachment: fixed;
}

#top_ranking .girlsboxs {
    display:block;
    width: auto;
    margin: 0;
}

#top_ranking .girlsboxs .onebox {
    margin: 0 3px;
	width: 100%;
	border: none;
}

#top_ranking .girlsboxs .onebox .profile {
	color:#000;
	padding: 8px 0 5px;
}

#top_ranking .girlsboxs .onebox .img {
    position: relative;
    width: 325px;
}

#top_ranking .girlsboxs .onebox .rank {
    margin: 5px auto;
    width: 100%;
    text-align: center;
    min-height: 140px;
}

#top_ranking .girlsboxs .onebox .rank img {
    width: 98%;
    margin: auto;
    max-width: 280px;
}

#top_ranking .girlsboxs .onebox .rank01 {background: linear-gradient(to right,  rgba(207,180,142,1) 0%,rgba(198,151,85,1) 50%,rgba(207,180,142,1) 100%);}

#top_ranking .girlsboxs .onebox .rank02 {background: linear-gradient(to right,  rgba(208,207,208,1) 0%,rgba(173,159,184,1) 50%,rgba(208,207,208,1) 100%);}

#top_ranking .girlsboxs .onebox .rank03 {background: linear-gradient(to right,  rgba(232,206,196,1) 0%,rgba(207,148,125,1) 50%,rgba(232,206,196,1) 100%);}

#top_ranking .girlsboxs .onebox .rank04 {background: linear-gradient(to right,  rgba(255,198,236,1) 0%,rgba(255,156,222,1) 50%,rgba(255,198,236,1) 100%);}

#top_ranking .btn_prev img, #top_ranking .btn_next img {cursor: pointer;}

#top_ranking .btn_prev, #top_ranking .btn_next {
    position: absolute;
    top: 0;
    width: 60%;
    height: 100%;
    padding: 1px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	z-index: 500;
}

#top_ranking .btn_prev {left: 0;}

#top_ranking .btn_next {	right: 0;}

#top_ranking .slick-dots {margin-top: 20px;}

#top_ranking .rankscll {
    overflow-x: scroll;
    display: flex;
    flex-wrap: nowrap;
	background: #000;
}

#top_ranking .scllnav {
    text-align: right;
    background: #000;
    padding: 14px 10px 14px 0px;
}

#top_ranking .scllnav img {width: 120px;}

/** /#top_ranking **/

.more {
	position: relative;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.more span {
    position: absolute;
    top: 8px;
    right: 15px;
}

.more img {width: 40px;}

.more .more_btn00 {
    display: block;
    color: #fff;
    padding: 14px 0px;
    border-radius: 40px;
    box-sizing: border-box;
    width: 100%;
    min-width: 300px;
    text-align: center;
    margin: 10px 0;
    font-size: 24px;
    background: linear-gradient(to right, rgba(181, 2, 230, 1) 0%, rgba(0, 97, 218, 1) 100%);
}

.more .more_btn00:hover {
    background: rgba(0,0,0,.4);
	opacity: 1;
}


#top-newsbox .more {
	max-width: 300px;
	margin: 0;
}

#top-newsbox .more span {
    position: absolute;
    top: 18px;
    right: 15px;
}

#top-newsbox .more .more_btn00 {max-width: 300px;}

#pickup .news-cont {
    display: block;
    padding: 0;
    width: 65vw;
	border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 0;
    margin: 10px 0 0;
}

#pickup .news-cont .cast-img {width: 100%;}


#pickup .news-cont .box {
    background: rgba(0, 0, 0, .8);
    height: auto;
    padding: 10px 0;
    margin: 6px 0;
    box-sizing: border-box;
}

#pickup .news-cont .box .name {
   text-align: center;
	font-size: 22px;
}

#pickup .news-cont .box .size {
   text-align: center;
	margin-top: 5px;
}

#pickup .pickup_slide .btn_prev, #pickup .pickup_slide .btn_next {
	position: absolute;
	top: 0;
	height: 100%;
	padding: 1px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	z-index: 500;
	cursor: pointer;
}

#pickup .pickup_slide .btn_prev {left: 5px;}
#pickup .pickup_slide .btn_next {right: 5px;}

#pickup .pickup_slide .btn_prev img {width: 30px;}
#pickup .pickup_slide .btn_next img {width: 30px;}


.system_box2 .boxs .priceboxs .onebox .box .p .n {
    font-size: 30px;
	font-style: italic;
}
.system_box2 .boxs .priceboxs .onebox .box .p .r {
    font-size: 24px;
	font-style: italic;
}

/* common btn */

.cmbtn {
    text-align: center;
    margin: 20px auto;
}

.cmbtn a.btnx {
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    width: 90%;
    max-width: 388px;
    padding-right: 12px;
}

.cmbtn a.btnx img {
    width: 40px;
    position: absolute;
    top: 9px;
    right: 12px;
}

/* /common btn */

.sl-event {
    background: url(../images/event_bg.jpg) center top no-repeat;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 30px 0;
    background-size: cover;
}

.top_sum {margin-top:10px;}

/*** #top-topics ***/

#top-topics .title-box {
    background: linear-gradient(to right, rgba(64, 85, 152, 1) 0%, rgba(150, 112, 189, 1) 35%, rgba(150, 112, 189, 1) 65%, rgba(64, 85, 152, 1) 100%);
    box-sizing: border-box;
    padding: 12px;
    border-radius: 24px 24px 0px 0px;
}

#top-topics .title-box .title {
    color: #fff;
    text-align: center;
    font-size: 28px;
}

#top-topics .cont-box {
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 0px 0px 24px 24px;
}

#top-topics .top-diary {
    margin-top: 10px;
    margin-bottom: 40px;
    color: #282828;
    text-align: center;
    width: 100%;
    max-width: 980px;
    margin: 0 auto 0;
    padding: 30px 0 30px;
    background: #000;
}

#top-topics .top-diary iframe {
    color: #282828;
    text-align: center;
    width: 100%;
}

#top-topics .top-wait {
    margin-top: 10px;
    margin-bottom: 40px;
    color: #282828;
    text-align: center;
    width: calc(99% / 2);
}

#top-topics .top-wait iframe {
    color: #282828;
    text-align: center;
    width: 100%;
}

#top-topics .top-diary .ms-box,#top-topics .top-wait .ms-box {
	position: relative;
	margin: 10px 0px;
}

#top-topics .btn_prev, #top-topics .btn_next {
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    padding: 1px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	z-index: 30;
}

#top-topics .btn_prev {left: 0;}
#top-topics .btn_next {right: 0;}

#top-topics .btn_prev img {width: 40px;}
#top-topics .btn_next img {width: 40px;}


/*** /#top-topics ***/

.under {margin-top: 60px;}

/* obi-ttl */
	
.u_tit {
    font-size: 48px;
    letter-spacing: 3px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
}

#mailmagazine .u_tit {font-size: 30px;}

#waiting .u_tit {font-size: 30px;}

.obi-ttl {width: 100%}

.obi-ttl h2 {
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.15em;
    position: relative;
    z-index: 1;
	padding: 12px 0 0px;
}
		
.obi-ttl h2::before {
	content: '';
	background: rgba(0,0,0,.2);
	height: 100px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
}

.obi-ttl h2::after {
	content: '';
	height: 100px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

#mailmagazine .obi-ttl h2::before,
#mailmagazine .obi-ttl h2::after {
	height: 86px;
}

#waiting .obi-ttl h2::before,
#waiting .obi-ttl h2::after {
	height: 86px;
}

.obi-ttl h2::after {background: rgba(0,0,0,.6);}

.obi-ttl h2.scroll-move.active::before {
	width: 100%;
	animation: BgColor .4s ease-in-out forwards;
}

.obi-ttl h2.scroll-move.active::after {
	width: 100%;
	animation: BgColor .4s ease-in-out .4s forwards;
	transform: scaleX(0);
}

.obi-ttl h2 span {
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center;
}

@keyframes BgColor {
	0% {
		transform-origin: left;
		transform: scaleX(0);
	}
	100% {
		transform-origin: left;
		transform: scaleX(1);
	}
}

/* /obi-ttl */

/* bg */

.mbg {
    background: #000;
    padding-bottom: 30px;
}

/* /bg */

/* animation */

.img_x {
  animation: img_x 1.5s linear infinite;
  transform-origin: 50% 50%;
}
 
@keyframes img_x {
  0% { transform: translateX(0) }
  33.33333% { transform: translateX(-3px) }
  66.66667% { transform: translateX(3px) }
  100% { transform: translateX(0) }
}	

/* /animation */

.under {margin-top: 0;}

.innner-bg {background:#000;z-index: -2;position: relative}

/** o_ranking **/

#o_ranking {width: 100%;}

#o_ranking .girlsboxs {
    display:block;
    width: auto;
    margin: 0;
}

#o_ranking .girlsboxs .onebox {
    margin: 0 3px;
	width: 100%;
	border: none;
}

#o_ranking .girlsboxs .onebox .profile {color:#000;padding: 8px 0 5px;}

#o_ranking .girlsboxs .onebox .img {
    position: relative;
    width: 123px;
}

#o_ranking .girlsboxs .onebox .rank {
    margin: 5px auto;
    width: 100%;
    text-align: center;
}

#o_ranking .girlsboxs .onebox .rank img {
    width: 98%;
    margin: auto;
    max-width: 280px;
}

#o_ranking .girlsboxs .onebox .rank01 {background: linear-gradient(to right,  rgba(207,180,142,1) 0%,rgba(198,151,85,1) 50%,rgba(207,180,142,1) 100%);}
#o_ranking .girlsboxs .onebox .rank02 {background: linear-gradient(to right,  rgba(208,207,208,1) 0%,rgba(173,159,184,1) 50%,rgba(208,207,208,1) 100%);}
#o_ranking .girlsboxs .onebox .rank03 {background: linear-gradient(to right,  rgba(232,206,196,1) 0%,rgba(207,148,125,1) 50%,rgba(232,206,196,1) 100%);}
#o_ranking .girlsboxs .onebox .rank04 {background: linear-gradient(to right,  rgba(255,198,236,1) 0%,rgba(255,156,222,1) 50%,rgba(255,198,236,1) 100%);}

#o_ranking.btn_prev img, #o_ranking .btn_next img {cursor: pointer;}

#o_ranking .btn_prev, #o_ranking .btn_next {
    position: absolute;
    top: 0;
    width: 60%;
    height: 100%;
    padding: 1px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	z-index: 500;
}

#o_ranking .btn_prev {left: 0;}

#o_ranking .btn_next {right: 0;}

#o_ranking .slick-dots {margin-top: 20px;}

#o_ranking .rankscll {
    overflow-x: scroll;
    display: flex;
    flex-wrap: nowrap;
	background: #000;
}

#o_ranking .scllnav {
    text-align: right;
    background: #000;
    padding: 14px 10px 14px 0px;
}

#o_ranking .scllnav img {width: 120px;}

#o_ranking .girlsboxs .onebox .profile .name {
	font-size: 24px;
	margin-bottom: 5px;
}

	@media screen and (max-width: 1000px) {
		#o_ranking .girlsboxs .onebox .profile .name {font-size: 3vw;}
	}

	@media screen and (max-width: 414px) {
		#o_ranking .girlsboxs .onebox .profile .name {font-size: 13px;}
	}

#o_ranking .girlsboxs .onebox .profile .name span {font-size: 20px;}

	@media screen and (max-width: 1000px) {
		#o_ranking .girlsboxs .onebox .profile .name span {font-size: 1.8vw;}
	}

	@media screen and (max-width: 414px) {
		#o_ranking .girlsboxs .onebox .profile .name span {font-size: 12px;}
	}

#o_ranking .girlsboxs .onebox .profile .size {font-size: 14px;}

	@media screen and (max-width: 414px) {
		#o_ranking .girlsboxs .onebox .profile .size {font-size: 11px;}
	}

/** /#o_ranking **/

.top_header_cover .tcover_slide {
    width: 100%;
    height: 118vw;
	z-index: -3!important;
    position: fixed!important;
    top: 0!important;
    max-width: 1000px;

}


/* cosplay.html */

#cosplay .bg {
  /*  background: url(../images/member_bg.jpg) top center no-repeat;
    background-attachment: fixed;*/
}

#cosplay .text {
	font-size: 30px;
	padding-top: 20px;
	text-align: center;
}

	@media screen and (max-width: 767px) {
		#cosplay .text {
			font-size: 16px;
		}
	}

#cosplay .box {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
}

#cosplay .box li {
	width: calc(100% / 3);
	border: #a0a0a0 1px solid;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 10px;
}

	@media screen and (max-width: 767px) {
		#cosplay .box li {
			width: 50%;
		}
	}


#cosplay .box li .image img {
	width: calc(100vw / 3);
}

	@media screen and (max-width: 767px) {
		#cosplay .box li .image img {
			width: 50vw;
		}
	}

#cosplay .box li .name {
	font-size: 18px;
	font-weight: bold;
	background: rgb(229 172 255);
	text-align: center;
	line-height: 2;
	color: #000;
}

	@media screen and (max-width: 767px) {
		#cosplay .box li .name {
			font-size: 14px;
		}
	}

#cosplay .box li .price {
	font-size: 24px;
	text-align: center;
	line-height: 2.333;
}

@media screen and (max-width: 767px) {
	#cosplay .box li .price {
		font-size: 20px;
	}
}

#cosplay .box li .modal {
	background: rgba(0, 0, 0, .85);
	width: 100%;
	height: 100vh;
	display: none;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
}

#cosplay .box li .modal .inner {
	width: 600px;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	#cosplay .box li .modal .inner {
		width: 78.227vw;
	}
}

#cosplay .box li .modal .inner .close {
	font-size: 40px;
	color: #fff;
	margin-left: 350px;
	text-align: right;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	#cosplay .box li .modal .inner .close {
		margin-left: calc(100% - 50px);
	}
}

#cosplay .box li .modal .inner .modal-img {
	width: 100%;
}

#cosplay .box li .modal .inner .modal-img img {
	width: 100%;
}

#cosplay .box li .modal .inner .mo-name {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-top: 20px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	#cosplay .box li .modal .inner .mo-name {
		font-size: 16px;
	}
}

/* /cosplay.html */

#index #f-now {display:none;}

#f-now {
    position: fixed;
    bottom: 250px;
    right: 10px;
    transition: all .3s ease-in;
    text-decoration: none;
    box-sizing: border-box;
    display: block;
    z-index: 810;
}

	@media screen and (max-width: 480px) {
		#f-now {
			position: fixed;
			bottom: 160px;
		}
	}

#f-now img {
    width: 100px;
}

	@media screen and (max-width: 480px) {
		#f-now {
			width: 70px;
		}
	}


.toprank-link {
    width: 100%;
	margin: 20px auto;
}

.toprank-link img {
    width: 100%;
	max-width: 640px;
}

.girlsboxs .onebox .img .icon00 {
    position: absolute;
    bottom: 8px;
    right: 0;
    width: 22%;
    max-width: 100px;
    z-index: 50;
}

.girlsboxs .onebox .img .icon00 img {
	display: block;
	margin-top: 5px;
	width: 100%;
	max-width: 40px;
}

#newface .girlsboxs .onebox .img .icon00 {
    right: -10px;
}

#newface .girlsboxs .onebox .img .icon00 img {
	max-width: 60px;
}

#top_nf .girlsboxs .onebox .img .icon00 {
    width: 24%;
    max-width: 100px;
}

#top_nf .girlsboxs .onebox .img .icon00 img {
	max-width: 60px;
}

.r-w {color:#fe8ae1!important;}
.r-m {color:#6cc3ff!important;}


.system_box4 .transportationboxs .boxs .onebox .box .t1 .ttbox {
}

.system_box4 .transportationboxs .boxs .onebox .box .t1 .ttbox p {
    width:37%;
    text-align: center;
    font-style: italic;
}

.system_box4 .transportationboxs .boxs .onebox .box .t1 .ttbox p:last-of-type {
    margin-right: 5%;
}

.system_box4 .transportationboxs .boxs .onebox .box .t1 .ttbox p span {
    width: 100%;
    display: block;
    margin-top: -10px;
    text-align: center;
}

.system_box4 .transportationboxs .boxs .onebox .box .t1 .ttbox p.space {
    width:10%;
}

.system_box4 .transportationboxs .boxs .onebox .box .t1 .ttbox p.cp {
    width: 72%;
    text-align: center;
    color: #fbfbfb;
    background: #ff4b8f;
    font-size: 30px;
}

/******  翻訳  **********************/

#os_links {
    height: fit-content;
    width: 80%;
    box-sizing: border-box;
    margin: 0 auto;
    border: 1px solid #000;
    border-radius: 20px;
    padding: 0 0 1.6%;
    & .os_links-container {
        white-space: nowrap;
    }
}

#os_links .menu-tit {
        display: flex;
        width: 85%;
        margin: 15px auto;
        align-items: center;
        color: #000;

        &::before,
        &::after {
            content: "";
            height: 1px;
            flex-grow: 1;
            background-color: rgba(0, 0, 0, 1);
        }

        &::before {margin-right: 3%;}    
        &::after {margin-left: 3%;}
        &>span { color: rgba(0, 0, 0, 1);}
}


#os_links ul {
    width: 100%;
    & li {width: calc(100% / 2);}
    & li a.btn {width:80%;padding: 10px;}
}

/*** os contents ***/

/** SNS **/
#sns-box {
    background-color: rgba(0,0,0,.6);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 92%;
    margin: 0 auto 20px;

    .title {
        width: 100%;
        text-align: center;
        background: linear-gradient(to right,  rgba(168,42,228,0.6) 0%,rgba(58,94,219,0.6) 100%);
        padding: 4px;
        box-sizing: border-box;

        div {
            padding: 0.05em 0;
            font-size: 30px;
            text-align: center;
            letter-spacing: 4px;
        }
    }

    .list{
        display: flex;
        gap: 30px;
        padding: 4%;

        li{
            a{
                display: flex;
                flex-direction: column;
                text-align: center;
                color: #fff;

                em {
                    text-align: center;
                    font-size: 3vw;
                }

                img {vertical-align: top;}

                span {text-align: center;}
            }

            em {
                text-align: center;
                font-size: 3vw;
            }

        }
    }
}

#profile #sns-box {
    width: 100%;
    margin: 0 auto;

    .list {
        display: flex;
        gap: 10px;
        padding: 2%;
    }
}


/** /SNS **/

/* number icon */

.girlsboxs .onebox .img .iconos {

    position: absolute;
    top: -20px;
    left: 6px;
    width: 40%;
    max-width: 100px;
    z-index: 50;

    @media screen and (max-width: 480px) {
        top: -3vw;
    }

    .number {
        box-sizing: border-box;
        background: linear-gradient(to right,  rgba(168,42,228,1) 0%,rgba(58,94,219,1) 100%);
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;

        @media screen and (max-width: 480px) {
            top: -3vw;
            width: 40px;
            height: 40px;
        }

        p {
            width: 40px;
            height: 40px;
            border: 1px solid #fff;
            font-size: 24px;
            padding: 4px 5px;
            box-sizing: border-box;
            text-align: center;

            @media screen and (max-width: 480px) {
                width: 33px;
                height: 33px;

                font-size: 20px;
            }
        }
    }
}

/* /number icon */

/**** #index.os ****/

#index.os {
    position: relative;	

    .osttl {
        font-size: 10vw;
        text-align: center;
        padding: 10% 0;
        box-sizing: border-box;
        letter-spacing: 8px;
    }

    .mes {
        text-align: center;
        color: #fff;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .coverbg1 {
        background: rgb(0, 0, 0, .8);
        width: 100%;
        height: 187vh;
        z-index: -2;
        position: fixed;
    }
    
    .coverbg2 {
        background: url(../images/sp_os_bg.jpg) no-repeat scroll center top;
        position: fixed;
        z-index: -3;
        width: 100%;
        height: 100vh;
        max-width: 1000px;
        background-size: contain;
    }

    .girlsboxs .onebox {
        margin: 0 0 8%;
    }

    .bg {
        background: url(../images/os_cont.jpg) repeat top center;
        background-attachment: fixed;
    }
}


 #index.os .osinfo {
    font-size: 12px;
    line-height: 2;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    width: 92%;
    max-width: 1000px;
    padding: 4% 0;
    box-sizing: border-box;
    margin: 0 auto 20px;
    border: 1px solid #fff;
    box-shadow: 0px 0px 10px #000;

    div {text-align: center;}

    a {
        text-decoration: underline;
        color: #fff;
    }
    
    .conbox {

        background: rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0 #000;
        padding: 0;
        margin: 0;
        line-height: initial;

        .ostel {
            width: 100%;
            img {width: 60px;}

            figure {width: 14%;}

            p {
                font-size: 7vw;
                margin-left: 10px;
                width: 64%;
            }
        }

        .osopen {
            width: 100%;
            text-align: left;
            line-height: 1;
            margin-left: 14px;

            span {
                width: 15%;
                background: #000;
                color: #fff;
                font-size: 3vw;
                border: 1px solid #fff;
                box-sizing: border-box;
                padding: 0 5px;
            }

            p {       
                font-size: 7vw;
                margin-left: 10px;
                width: 70%;
            }

        }
        
    }
}

#index.os main {
    background: none;
    padding: 0;
    z-index: 1;
}

#index.os main#main {padding: 0;}

#index.os #index_logo {
    text-align: center;
    padding:20% 8% 0;
}

#index.os #u-nav {display: none;}

#index.os #page-top {display: none;}

#index.os footer .copy {
    width: 100%;
    text-align: center;
    font-size: 12px;
    padding: 10px 0 10px;
}

#index.os footer #footer {display: none;}

#index.os .index_txt01 {
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    margin: 60px auto 30px;
    box-sizing: border-box;
    padding: 8px;
}

#index.os .enter_btn {
    background: rgb(61, 84, 150, .8);
    width: 90%;
    margin: 0 auto 30px;
    max-width: 642px;
    line-height: 92px;
    background-size: 100% 100%;
    text-align: center;
    font-size: 40px;
    color: #fff;
    outline: 1px solid;
    outline-color: #333;
    outline-offset: 0px;
    display: block;
    transition: .3s;
}

#index.os .enter_btn:hover {
	animation: light .8s infinite;
	outline-color: #fff;
}

#index.os .anime_button {
	z-index: 1;
	transition: .3s;
	position: relative;

    &::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform-origin: 100% 50%;
        transform: scaleX(0);
        transition: transform ease .3s;
    }
    
    &:hover {opacity: 1 !important;}

    &:hover::before {
        transform-origin: 0% 50%;
        transform: scaleX(1);
    }
}

/*** os system ***/

#index.os #system {padding-bottom: 0;}

#index.os #system .tit {
    text-align: center;
    font-size: 30px;
    color: #fff;
    line-height: 1.8;

    span {
        text-align: center;
        font-size: 20px;
        display: block;
    }
}

#index.os #system .subbox {}

#index.os #system .subbox .tit-e {
    position: relative;
    text-align: center;
    font-size: 34px;

	@media screen and (max-width: 480px) {font-size: 24px;}
	@media screen and (max-width: 414px) {font-size: 20px;}

    &::before,
    &::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 14%;
        background: #FFF;
        height: 1px;
    }
    
    &::before {left: 0;}
    &::after {right: 0;}
}

#index.os #system .subbox .tit-j {
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
}

#index.os #system .bg {
    background: url(../images/sys_bg1.jpg) no-repeat top center;
    background-attachment: fixed;
    background-size: 100% 100%;
    box-sizing: border-box;
}

/* system_os */

#index.os .system_os {
    margin: 10% 0;

    .infotxt {

        p {
            font-size: 4vw;
            text-align: center;

            span {
                background: #ff4b8f;
                padding: 5px 20px;
                box-sizing: border-box;
            }
        }

        p:last-of-type{margin-top: 20px;}
    }

}   

/* /system_os */

/* sys1 */

#index.os .system_box1 {
	width: 100%;
	margin: 0 auto 0;

    .txt {
        text-align: center;
        font-size: 14px;
        margin: 0 auto 50px;
    }
    
    .boxs {
        margin: 20px auto 30px;
        max-width: 1000px;
        box-sizing: border-box;
        padding: 5% 0 4%;
        background: rgba(0, 0, 0, .65);

        .priceboxs {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            max-width: 1000px;
            margin: auto;

            .onebox {
                width: 100%;

                .box {
                    padding: 6px 0;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;

                    .t {
                        color: #fff;
                        font-size: 16px;
                        width: 32%;
                        text-align: center;

                        span {font-size: 16px;}
                    }
                    
                    .p {
                        font-size: 40px;
                        font-style: normal;
                        color: #ff4b8f;
                        text-align: left;
                        width: 61%;

                        @media screen and (max-width: 480px) {font-size: 34px;}
                        
                        span {
                            font-size: 24px;
                            vertical-align: middle;
                            padding-left: 3%;
                            display: block;

                            @media screen and (max-width: 480px) {font-size: 18px;}
                        }
                    }
                } 
            }

            .onebox2 {
                width: 100%;

                .box {
                    padding: 6px 0;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;

                    .t {
                        color: #fff;
                        font-size: 16px;
                        width: 100%;
                        text-align: center;

                        span {font-size: 16px;}
                    }
                    
                    .p {
                        font-size: 40px;
                        font-style: normal;
                        color: #ff4b8f;
                        text-align: center;
                        width: 100%;

                        @media screen and (max-width: 480px) {font-size: 34px;}
                        
                        span {
                            font-size: 24px;
                            vertical-align: middle;
                            padding-left: 3%;
                            @media screen and (max-width: 480px) {font-size: 18px;}
                        }
                    }
                } 
            }
        }
    }  
}

/* /sys1 */

/* sys2 */

#index.os .system_box2 {
	width: 100%;
	margin: 0 auto 0;

    .txt {
        text-align: center;
        font-size: 16px;
        margin: 15px auto;
    }
    
    .boxs {
        margin: 10px auto 0;
        max-width: 1000px;
        box-sizing: border-box;
        padding: 0;

        .opboxs {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            max-width: 1000px;
            margin: auto;

            .onebox {
                width: calc(100% / 2 - 1px);
            
                .box {
                    padding: 3px 0;
                    border: 2px solid #fff;
                    box-sizing: border-box;
                    margin: 2% 2%;

                    .t {
                        color: #fff;
                        font-size: 24px;
                        text-align: center;

                        @media screen and (max-width: 480px) {font-size: 18px;}
                    }
                }                
            }
            .onebox2 {
                width: calc(100% / 1 - 1px);
            
                .box {
                    padding: 3px 0;
                    border: 2px solid #fff;
                    box-sizing: border-box;
                    margin: 2% 2%;

                    .t {
                        color: #fff;
                        font-size: 24px;
                        text-align: center;

                        @media screen and (max-width: 480px) {font-size: 18px;}
                    }
                }                
            }
        }

        .priceboxs {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            max-width: 1000px;
            margin: auto;

            .onebox {
                width:100%;

                .box {
                    padding: 0 2%;
                    position: relative;
                    border-top: 1px solid;

                    #index.os .system_box2 .boxs .priceboxs .onebox .box .t {
                        color: #fff;
                        font-size: 24px;
                        width: 100%;
                        text-align: center;
                        margin-top: 14px;

                        span {font-size: 16px;}
                    }
                    
                    .p {
                        font-size: 40px;
                        font-style: normal;
                        color: #ff4b8f;
                        text-align: center;
                        width: 100%;

                        @media screen and (max-width: 480px) {font-size: 30px;}

                        span {
                            font-size: 24px;
                            vertical-align: middle;
                            padding-left: 3%;

                            @media screen and (max-width: 480px) {font-size: 24px;}
                        }
                    }

                    .n {
                        font-size: 30px;
                        font-style: normal;
                    }                    

                    .info {
                        color: #fff;
                        font-size: 16px;
                        width: 100%;
                        text-align: center;
                        margin: 10px 3%;
                    }
                }
            }

            &:last-of-type .box {  border-bottom: 1px solid; padding-bottom: 10px;}
        }
    }

    .ptboxs {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        max-width: 1000px;
        margin: auto;

        .onebox {
            width: calc(100% / 1 - 1px);
        
            .box {
                border: 1px solid #fff;
                box-sizing: border-box;
                margin: 2% 2%;

                .t {
                    text-align: center;

                    img {
                        width: 100%;
                        max-width: 370px;
                    }
                }
            }
        }
    }
}

/* /sys2 */

/* sys4 */

#index.os #system .system_box4 .subbox .tit-e::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 18%;
	background: #FFF;
	height: 1px;
}

#index.os #system .system_box4 .subbox .tit-e::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 18%;
	background: #FFF;
	height: 1px;
}

#index.os .system_box4 {
	width: 100%;
	margin: 50px auto 0;

    txt {
        text-align: center;
        font-size: 16px;
        margin: 20px auto;
        padding: 0 10px;
        line-height: 1.4;
    }

    .pricebox {
        width: 100%;

        h4 {
            width: 100%;
            color: #ff4b8f;
            font-size: 30px;
            text-align: center;
            margin: 30px auto;
            line-height: 1.3;
        }

        .p-title {
            width: 94%;
            background: #ff4b8f;
            color: #fff;
            text-align: center;
            max-width: 1000px;
            margin: auto;
            padding: 4px;
            font-size: 24px;
        }
        
        .p-area {
            width: 94%;
            max-width: 1200px;
            margin: 20px auto;
            line-height: 1.5;
        }
    }
    
    .transportationboxs {
        width: 100%;
        max-width: 1000px;
        margin: 20px auto 30px;
        box-sizing: border-box;

        .boxs {

            .onebox {
                border-bottom: 1px solid #fff;
                padding: 20px 0;

                .box {
                    line-height: 1.5;
                
                    .t1 {
                        width: 100%;
                        color: #ff4b8f;
                        font-size: 32px;
                        font-style: normal;
                        text-align: center;

                        .t1 span {
                            font-size: 16px;
                            vertical-align: middle;
                            padding-left: 1px;
                        }

                        p {
                            font-style: normal;
                        }

                        .ttbox p.cp {
                            width: 86%;
                            text-align: center;
                            color: #fbfbfb;
                            background: #ff4b8f;
                            font-size: 20px;
                            font-style: normal;
                        }

                    .t2 {
                        width: 100%;
                        color: #fff;
                        font-size: 18px;
                        padding: 0 10px;
                        box-sizing: border-box;
                        }
                    }
                }
            }

            &:first-child {border-top: 1px solid #fff;}
            &:last-child {border-bottom: none;}
        }
    }
}

/* /sys4 */

/* sys5 */

#index.os .system_box5 {
    width: 100%;
    margin: 10px auto 0;

    .txt {
        text-align: center;
        font-size: 24px;
        margin: 30px auto 20px;
    }
    
    .boxs {
        margin: 20px auto ;
        max-width: 1000px;
        box-sizing: border-box;
        padding: 0;

        .priceboxs {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            max-width: 1000px;
            margin: auto;

            .inbox {
                width: 100%;
                border-bottom: 1px solid #fff;
                padding-bottom: 10px;
                background: rgba(0, 0, 0, .65);
            }

            &.inbox:last-of-type {border:none;}

            .onebox {
                padding: 2%;
            
                .box {
                    position: relative;
                    justify-content: space-between;
                    width: 100%;

                    .t {
                        color: #fff;
                        font-size: 20px;
                        width: calc(60%/1 - 1px);
                    
                        span {font-size: 13px;}
                    
                        span.dot {
                            letter-spacing: -6px;
                        
                            @media screen and (max-width: 428px) {display: none;}
                        }
                    }

                    .p {
                        font-size: 24px;
                        font-style: normal;
                        color: #ff4b8f;
                        text-align: right;
                        width: calc(38%/1 - 1px);
                    
                        @media screen and (max-width: 428px) {font-size: 28px;}
                    
                        span {
                            font-size: 14px;
                            vertical-align: middle;
                            padding-left: 2%;
                        }
                    }

                    .info {
                        color: #fff;
                        font-size: 16px;
                        width: 100%;
                        padding-left: 10px;
                    }
                }
            }
        }
    }
}

/* /sys5 */

/* sys7 */

#index.os .system_box7 {
  .matterboxs {
        width: 100%;
        max-width: 800px;
        margin: 20px auto 0;
        padding: 20px 10px;
        box-sizing: border-box;
        font-size: 18px;
        color: #fff;
        line-height: 1.3;
        background: rgba(0, 0, 0, 0.65);
    }
}

/* /sys7 */

/* special */


#index.os .special {
	width: 100%;
	margin: 0 auto 0;
}


#index.os .special .pricebox {
    width: 100%;
    max-width: 1200px;
    margin: 0;
    margin: 20px auto;
}


#index.os .special .pricebox .obox {
    padding: 10px 0 10px;
    width: 94%;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 16px;
    margin: 0 auto 4%;
}


#index.os .special .pricebox .obox p {text-align: center;}


#index.os .special .pricebox .obox .time {font-size: 22px;}


#index.os .special .pricebox .obox .ttl {
    font-size: 24px;
	font-style: normal;
	background: #ff4b8f;
    padding: 5px;
    margin-top: 10px;
}


#index.os .special .pricebox .obox .pri {
    font-size: 34px;
	font-style: normal;
	color: #ff4b8f;
	margin-top: 5px;
}


#index.os .special .pricebox .obox .ri{margin-right: 10px;}


#index.os .special .pricebox .obox .pri span.blo {
    display: block;
    text-align: center;
    font-size: 24px;
}


#index.os .special .pricebox .obox .pri span {
    font-size: 18px;
    padding-left: 10px;
}

/* /special */

/*** /os system ***/

/******  翻訳  **********************/

.movie .onebox .movie_com {
    width: 100%;
    padding: 1%;
    box-sizing: border-box;

    .comttl { 
        font-size: 20px;
        font-weight: bold;
        padding: 0 2%;
    }

    .com {
        margin-top: 1%;
        padding: 2%;
        height: 40vw;
        overflow: auto;
    }

}

.logo_header {
    width: 100%;
    max-width: 2000px;
    margin: auto;

	.boxs {
        margin: 5% auto 0;

        .logo {
                text-align: center;
            a {}

            img {width: 100%;max-width: 277px;}
        }

        .tel {
            color: #fff;
            text-align: center;
            font-size: 24px;

            a { color: #fff;}   
        }
        
    }	
}

/***** Enter *****/

.modal {
	position: fixed;
	display: none;
	z-index: 20000;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	overflow: auto;
	max-height: 100vh;
	line-height: 1.6;
	font-size: 1.6rem;

p {font-size: 14px;text-align: center;}

	.logo {
		display: inline-block;
		padding-top: 35%;
		
		img {width: 90%;
            max-width: 233px;
		}

        p {text-align: center;}
	}

	.r18 {
		text-align: center;
		margin: 1% auto 2%;

		img {
			width: 60px;
			
			@media screen and (max-width: 480px) {width: 50px;}
		}
	}

	.enter {
		margin: 20px auto;

		a {
			display: block;
			background: #9b7143;
			color: #fff;
			max-width: 350px;
			margin: auto;
			padding: 10px;
			box-sizing: border-box;
			
			@media screen and (max-width: 480px) {
				padding: 5px;
				width:92%
			}

			p {color: #fff;line-height: 1;text-align: center;}

			.emain {
				font-size: 46px;
				letter-spacing: 6px;
				font-weight: 500;
				text-align: center
				@media screen and (max-width: 480px) {font-size: 40px;}

			}

			.sub {
				font-size: 22px;text-align: center
				@media screen and (max-width: 480px) {font-size: 18px;}
			}
		}
	}

	.exit {
		margin-bottom: 30px;

		a {
			display: block;
			background: #333;
			color: #fff;
			max-width: 300px;
			margin: auto;
			padding: 10px;
			box-sizing: border-box;

			p {color: #fff;line-height: 1;}

			.emain {
				font-size: 30px;
				text-align: center
				@media screen and (max-width: 480px) {font-size: 24px;}
			}
			
			.sub {
				font-size: 18px;text-align: center
			
				@media screen and (max-width: 480px) {font-size: 14px;}
			}
		}
	}
	
	.info {width:92%;margin: auto;font-size: 13px;}

    
}

/***** /Enter *****/

.banlist {
    width: 100%;
    max-width: 1000px;
    margin: 20px auto;

    li {
            margin: 10px auto;
            width:100%;
            text-align: center;

            img {width: 100%;max-width: 640px;}
    }

}