@charset "utf-8";

@font-face {
    font-family: "Jura", sans-serif;
    font-style: normal;
    font-weight: normal;
    src: local('Self Deception Regular'), url('../images/Self Deception - TTF.woff') format('woff');
    }

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

* {margin: 0;padding: 0;}

body {
    font-family: 'Noto Serif JP', serif;
    line-height: 1.2;
	background-color: #000;
	width: 100%;
	overflow-x: hidden !important;
	color: #fff;
	z-index: 1;
}

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

a:hover {opacity: 0.5;}

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,e
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 */

/* scroll */

.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;
}

/* /scroll */

.pc_none {display: none !important;}

a.btn {
    line-height: 60px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
    width: calc(60% - 2px);
    max-width: 388px;
    position: relative;
}

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

main {
	padding-bottom: 120px;
	position: relative;
	z-index: 10;
}

/** top header **/

header .main_head {
    background: rgba(0,0,0,.8);
    width: 100%;
    padding: 16px 0 16px;
    box-sizing: border-box;
    position: fixed;
    z-index: 1000;
	top: 0;
    box-shadow: 0px 0px 20px #000;
}

header .main_head .boxs {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 10px 20px 10px;
    box-sizing: border-box;
}

header .main_head .boxs .logo {width: 20%; margin-left: 8%;}

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

header .main_head .inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

header .main_head .inner .infobox {
    justify-content: space-between;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

header .main_head .boxs .telbox {color: #fff;}

header .main_head .boxs .telbox .tel {font-size: 20px;}

header .main_head .boxs .telbox .tel span {font-size: 24px;}

header .main_head .boxs .telbox .open {
    color: #fff;
    font-size: 24px;
}

header .main_head .boxs .telbox .open span {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 0 8px;
    margin: 0 10px 0;
    vertical-align: middle;
}

.gold {background: linear-gradient(to right,  rgba(98,49,19,1) 0%,rgba(236,190,70,1) 20%,rgba(254,245,176,1) 50%,rgba(236,190,70,1) 80%,rgba(98,49,19,1) 100%);}

header .main_head .boxs .nav {
    width: 100%;
    max-width: 1460px;
}

header .main_head .boxs .nav ul {display: flex;}

header .main_head .boxs .nav ul li:hover {
	background-color: #2e2f8b;
	transition: all 1s;
}

header .main_head .boxs .nav ul li:hover a {color: #000;}

header .main_head .boxs .nav ul li a {
	color: #fff;
	transition: all 1s;
}

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

header .main_head .boxs .right_box .btn {color: #fff;}

header .main_head .boxs .right_box .btn span {display: block;}

header .main_head .boxs .nav ul {
    display: flex;
    gap: 1.5%;
    flex-wrap: wrap;
    justify-content: center;
}

header .main_head .boxs .nav ul li {
    font-family: "Jura", sans-serif;
    font-size: 1.1vw;
    padding: 10px 1.55% 0 0;
    text-align: center;
    display: block;
    line-height: 1.2;
    position: relative;
    z-index: 1;
    transition: .3s;
}

header .main_head .boxs .nav ul li::after {
    content: "";
    position: absolute;
    top: 25%;
    right: 0;
    border-right: 1px solid #fff;
    height: 50px;
}

header .main_head .boxs .nav ul li:last-of-type {border: none;}

header .main_head .boxs .nav ul li:hover {
	transition: all 0.5s;
	background: none;
	opacity: 1;
}

header .main_head .boxs .nav ul li:hover a {color: #8789fa;}

header .main_head .boxs .nav ul li a {
    color: #fff;
    transition: all 1s;
    padding: 10px 0 0;
    display: block;
    text-align: center;
    transition-duration: .4s;
}

header .main_head .boxs .nav ul li a:hover {
	color: #8789fa;
	opacity: 1;
}

header .main_head .boxs .nav ul li a span {
    font-family: 'Noto Serif JP', serif;   
    font-size: 0.8vw;
	display: block;
	text-align: center;
}

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

header .main_head .boxs .right_box .btn {color: #fff;}

header .main_head .boxs .right_box .btn span {display: block;}

.mainstage {
    width: 100%;
    max-width: 1700px;
    margin: auto;
}

.mainstage .box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.mainstage .box .intxt {
    justify-content: space-between;
    height: 40vw;
    width: 100%;
    max-width: 1700px;
    margin: auto;
    padding: 0 2%;
}

.mainstage .box h1.logo {  width: 40%;}

.mainstage .box h1.logo img {
    width: 35vw;
    max-width: 680px;
}

.mainstage .box figure { width: 35%;}
.mainstage .box figure img { 
    width: 30vw;
    max-width: 560px;


}
.mainstage .box figure .ct { }

.top_header_cover {
    width: 100%;
    height: 32.5vw;
    position: relative;
}

.top_header_cover img {
    width: 100vw;
    z-index: -1;
    position: fixed;
    top: 0;
}

header .header_bar {
    position: fixed;
    width: 100%;
    z-index: 995;
    top: 0;
    background: rgba(0, 0, 0, .8);
}

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;}

/** /top header **/

/** main **/

main {
    padding: 20px 0 0;
    background: #000;
}

/** main **/

/** footer **/

footer {
    background: url(../images/footer_bg.jpg) no-repeat center top;
    background-size: cover;
    position: relative;
    padding: 1%;
}

footer .logo {
	text-align: center;
	margin-bottom: 10px;
	width: 30%;
	padding-top: 40px;
}

footer .logo img {width: 340px;}

footer #footer {
    width: 100%;
    margin: auto;
    padding: 0 0 20px;
}

footer #footer .navbox {width: 70%;margin-top: 10px;}

footer #footer .navbox ul {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

footer #footer .navbox ul li {
    color: #fff;
    font-size: 18px;
    position: relative;
	line-height: 1.8
}

footer #footer .navbox ul li a {
    color: #fff;
    padding-left: 10px;
    position: relative;
    font-size: 16px;
    font-weight: 100;
    transition: all 1s;
    margin-right: 12px;
}

footer #footer .navbox ul li::after {
    content: "│";
    position: absolute;
    top: 1px;
    right: -8px;
}

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

footer .copy a {color: #fff;}

/** /footer **/

/*** index.html ***/

#index {position: relative;	}

#index .indexcover {
    width: 100%;
    position: relative;
}

#index .indexcover img {
    z-index: -1;
    position: fixed;
    top: 0;
	width: 100%;
	height: auto;
}

#index main {
	background: none;
	padding: 2% 0 0;
	z-index: 1
}

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

#index_logo img {
    width: 28vw;
    max-width: 540px;
}

#index main .imgtxt01 {text-align: center;}

#index main .imgtxt01 img {
    width: 55vw;
    max-width: 988px;
}

#index main .imgtxt02 {text-align: center;}

#index main .imgtxt02 img {
    width: 56vw;
    max-width: 1067px;
}

.en_nav {
    justify-content: space-around;
    width: 100%;
    max-width: 600px;
    margin: 1% auto  2%;
    text-align: center;
}

.en_nav .ent {
    font-size: 34px;
    padding: 5px 0;
}

.en_nav a img:hover {
	opacity: .8;
	transition: all 1s;
}

.en_nav .deli {
    background: rgba(0, 0, 0, .8);
    font-size: 16px;
    padding: 0px 0;
    box-sizing: border-box;
    border: 1px solid #fff;
    position: relative;
    margin: 10px auto;
}

.en_nav .btn.deli:hover {
	opacity: .8;
	transition: all 1s;
}

#index .btn img {
    width: 40px;
    position: absolute;
    top: 22px;
    right: 24px;
}

.index_txt01 {
    font-size: 13px;
    line-height: 2;
    text-align: center;
    color: #fff;
    margin: 20px auto 30px;
    text-shadow: 1px 1px BLACK;
}

.index_txt02 {
    font-size: 12px;
    line-height: 2;
    text-align: center;
    color: #fff;
    bottom: 0;
    left: 30vw;
    box-sizing: border-box;
    margin: 0px auto 40px;
}

.index_txt02 div {text-align: center;}

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

.index_txt02 .conbox {}

.index_txt02 .conbox .over {margin-right: 10px;}

.index_txt02 .conbox .over img {width: 50px;}

.index_txt02 .conbox .att {
	text-align: left;
	line-height: 1.4;
	font-size: 16px;
}

.index_link {background-color: #000;;}

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

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

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

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

.index_freebok iframe {margin: 0.5%;}

#index footer #footer {display: none;}

.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;
}

#index .ftxt {
    text-align: center;
    font-size: 16px;
    padding: 50px 0 0;
}

/*** /index.html ***/

/** button **/

@keyframes light {
  100% {
    outline-color: transparent;
    outline-offset: 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_button::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(2255, 255, 255, .6);
    transform-origin: 100% 50%;
    transform: scaley(0);
    transition: transform ease .2s;
    border-radius: 40px;
}

.anime_button:hover {
	color: #000 !important;
	opacity: 1 !important;
}

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

/** /button **/

/** common girlsboxs **/

.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% / 5 - 0px);
    border: 1px solid #fff;
    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,
.girlsboxs .onebox .img .icon02,
.girlsboxs .onebox .img .icon03,
.girlsboxs .onebox .img .icon04 {
    position: absolute;
    width: 100%;
    z-index: 50;
}

.girlsboxs .onebox .img .icon01 {
    top: 0;
    left: 0;
    width: 6vw;
    max-width: 100px;
}

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

.girlsboxs .onebox .img .icon03 {
    bottom: 3px;
    left: 8px;
    width: 7vw;
    max-width: 120px;
}

.girlsboxs .onebox .img .icon04 {
    bottom: 0;
    right: 0;
    width: 10vw;
    max-width: 222px;
}

.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: 15px 0 0;
}

.girlsboxs .onebox .profile .op {}

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

.girlsboxs .onebox .profile .op ul li {
    background: url(../images/opt_bg.jpg) center top no-repeat;
    background-size: cover;
    font-size: 0.8vw;
    color: #fff;
    width: calc(95% / 2);
    margin: 0.5%;
    text-align: center;
    padding: 1px;
    box-sizing: border-box;
    min-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

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

.girlsboxs .onebox .profile .name span {font-size: 1vw;}

.girlsboxs .onebox .profile .size {
	font-size: 1vw;
	padding-bottom: 10px;
}

.girlsboxs .onebox .profile .time {
    background: url(../images/time_bg.jpg) center top no-repeat;
    font-size: 16px;
    padding: 3% 0;
    width: 99%;
    background-size: cover;
    margin: 0 auto 0px;
    box-sizing: border-box;
    min-height: 39px;
}

.girlsboxs .onebox .profile .time.now {
    background: url(../images/now_bg.jpg) center top no-repeat;
}

.girlsboxs .onebox .profile .wait {
    font-size: 16px;
    padding: 3% 0;
    width: 99%;
    box-sizing: border-box;
    min-height: 39px;
}

.girlsboxs .onebox .profile .situbox {height: 40px;}

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

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

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

.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;
}

/** /common girlsboxs **/

/* ather girlsboxs */

.schedule .girlsboxs {margin: 40px auto 145px;}

/* /ather girlsboxs */

/** slider CSS **/

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

.slick-slide {margin: 0px 0.05%;}

.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;}

/** /slider CSS **/

/***** top *****/

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

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

#top_link {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: 10px auto;
}

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


#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;}

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

.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%;
}

/** hotel.html **/

#hotel .more {
    margin: 50px auto;
    max-width: 320px;
}

#hotel .more span {
    position: absolute;
    top: 20px;
    right: 20px;
}

#hotel .more .more_btn00 {max-width: 320px;}

#hotel_menu .boxs {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 60px;
	display: flex;
}

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

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

.hotel_box01 {
	margin: 60px 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: 65px 0 35px;
}

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

.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: 1px solid #fff;
	margin: 10px 10px;
	font-size: 20px;
	color: #fff;
	position: relative;
	box-sizing: border-box;
}

.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: #2c2f8c;}

.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 .hotelarea_box {
    font-size: 24px;
    color: #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    max-width: 1200px;
    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: calc(30% - 1px);
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.hotel_box02 .hotelarea_box .name {
	width: calc(30% - 1px);
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.hotel_box02 .hotelarea_box .tel {
	width: calc(25% - 1px);
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.hotel_box02 .hotelarea_box .address {
	width: calc(45% - 1px);
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

.hotel_box02 .hotelarea_box .txtb {
	padding: 14px 8%;
	position: relative;
	font-size: 16px;
}

.hotel_box02 .hotelarea_box .titb {display: none;}

.hotel_box02 .hotelarea_box .onebox {
	display: flex;
	color: #fff;
}

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

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

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

.hotel_shop_box {color: #fff;}

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

.hotel_shop_box .t2 {
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    width: 98%;
    margin: auto;
    justify-content: space-evenly;
    max-width: 800px;
}

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

.hotel_shop_box .btn {
    display: block;
    font-size: 20px;
    position: relative;
    padding: 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;
}

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

.hotel_shop_box .anime_button {
	background: none;
	border-radius: 0;
}

.hotel_shop_box .anime_button::before {border-radius: 0;}

/** /hotel.html **/

/** schedule.html **/

.schedule_btn {}

.schedule_btn .schedule_btns {width: 100%;}

.schedule_btn .schedule_btns ul {	
	max-width: 1680px;
	margin: 70px auto 0;
	gap:5px; 
}

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

.schedule_btn .schedule_btns ul li.on {
    width: calc(100% / 7 - 50px);
    box-sizing: border-box;
    border: none;
}

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

.schedule_btn .schedule_btns .btn .sat {color: #878afc;}

.schedule_btn .schedule_btns .btn .sun {color: #fc87e2;}

.schedule_btn .schedule_btns ul li.on .btn {
	background: #fff;
	border:1px solid #fff;
	color:#000;
}

.schedule_btn .schedule_btns .btn:hover {
	background-color: #3d5496;
	color: #fff;
}

.schedule_day {padding: 45px 0 10px;}

.schedule_day ul {
    justify-content: space-around;
    width: 100%;
    max-width: 800px;
    margin: auto;
}

.schedule_day ul li {
	font-size: 24px;
	text-align: center;
	color: #fff;
}

/** /schedule.html **/

/* schedulebox */

.schedulebox {	
	background: url(../images/weekly_bg.jpg) no-repeat center top;
	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;
    padding-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.schedulebox .boxs .box {
    width: calc(100% / 8 - 1%);
    margin: 5px;
    line-height: 1.6;
}

.schedulebox .boxs .box .inner {box-sizing: border-box;}

.schedulebox .boxs .box.on {background-color: #f3ce7a;}

.schedulebox .boxs .box .t1 {
    font-size: 22px;
    text-align: center;
    padding: 10px 0 10px;
    width: 90%;
    margin: auto;
    border-bottom: 1px solid #fff;
}

@media screen and (max-width: 1300px) {
    .schedulebox .boxs .box .t1 {font-size: 18px;}
}

.schedulebox .boxs .box .t2 {
    font-size: 16px;
	height: 100px;
}

.schedulebox .boxs .box .t2 span{font-size: 11px;}

.schedulebox .boxs .box .t2 div {
	text-align: center;
	padding: 10px 0 10px;
}

.schedulebox .boxs .box .t3 {
    font-size: 20px;
    text-align: center;
    padding: 3px;
    width: 100%;
    margin: 20px auto 10px;
	background:#2D2F8D;
    display: block;
    color: #fff;
    position: relative;
    box-sizing: border-box;
	border: 1px solid #fff;
}

.schedulebox .boxs .box .rbox {
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 5px;
    box-sizing: border-box;
}

/* /schedulebox */

/** 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 {padding: 50px 0 0;}

#system .subbox .tit-e {
    font-family: "Jura", sans-serif;
    position: relative;
    text-align: center;
    font-size: 46px;
}

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

#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;
}

/* sys00 */

.system_box00 {
    width: 90%;
    max-width: 1200px;
    margin: 80px auto;
}

.system_box00 .navbtn {}

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

.system_box00 .navbtn .btns .btn {
    background: linear-gradient(to right,  rgba(98,49,19,1) 0%,rgba(236,190,70,1) 20%,rgba(254,245,176,1) 50%,rgba(236,190,70,1) 80%,rgba(98,49,19,1) 100%);
    width: calc(100% / 2 - 42px);
    /*border: 2px solid #fff;*/
    text-align: center;
    padding: 20px 0 30px;
    display: block;
    font-size: 16px;
    color: #000000;
    margin: 0 20px;
    box-sizing: border-box;
    border-radius: 0;
    max-width: 100%;
    vertical-align: unset;
    line-height: normal;
}

.system_box00 .navbtn .btns .btn p {text-align: center;}

.system_box00 .navbtn .btns .btn .et {
    font-size: 36px;
    text-align: center;
}

.system_box00 .navbtn .btns .btn .et span {border-bottom: 1px solid #000;font-family: "Jura", sans-serif;}

.system_box00 .navbtn .btns .btn .jt {margin-top: 10px;}

.system_box00 .anime_button::before {border-radius: 0;}

/* /sys00 */

/* sys1 */

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

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

.system_box1 .info {
    width: 100%;
    background: #2e2f8b;
    padding: 30px 20px;
}

.system_box1 .info p {
	line-height: 2;
	width: 100%;
	font-size: 20px;
	text-align: center;
}

.system_box1 .boxs {
    margin: 50px auto;
    box-sizing: border-box;
    width: 100%;
}

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

.system_box1 .boxs .priceboxs .onebox {width: calc(100% / 3 - 1px);}

.system_box1 .boxs .priceboxs .onebox .box {
    padding: 20px 0;
    box-sizing: border-box;
    width: 120px;
    margin: auto;
}

.system_box1 .boxs .priceboxs .onebox .box .p {
    font-size: 36px;
    color: #878afc;
    text-align: left;
}

.system_box1 .boxs .priceboxs .onebox .box .t {
	color: #fff;
	font-size: 20px;
}

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

.system_box1 .boxs .priceboxs2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1050px;
    margin: 50px auto;
}

.system_box1 .boxs .priceboxs2 ul {width: 100%;}

.system_box1 .boxs .priceboxs2 ul li {
    width: calc(100% / 4 - 1px);
    font-size: 26px;
    border-left: 2px solid #fff;
    box-sizing: border-box;
    padding: 15px 0px 15px 15px;
	line-height: 1.3;
}

.system_box1 .boxs .priceboxs2 ul li span {
    color: #878afc;
}

/* /sys1 */

/* sys2 */

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

.system_box2 .boxs {
    margin: 0 auto 0;
    max-width: 1800px;
    box-sizing: border-box;
    padding: 0 7% 0 7%;
}

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

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

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

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

.system_box2 .boxs2 {
    margin: 0 auto 0;
    max-width: 1800px;
    box-sizing: border-box;
    padding: 2% 7% 2% 7%;
}

.system_box2 .boxs2 .bg {
    background: url(../images/sys_price.jpg) no-repeat center top !important;
    width: 100%;
    background-size: cover !important;
    margin: auto;
    padding: 0 50px;
    box-sizing: border-box;
	border: 3px solid #fff;
    border-image: linear-gradient(45deg, #c59338 0%, #fffbb5 46%, #fffbb5 46%, #633113 100%);
    border-image-slice: 1;
}

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

.system_box2 .boxs2 .priceboxs .onebox {width: calc(100% / 3 - 1px);}

.system_box2 .boxs2 .priceboxs .onebox .box {
    padding: 20px 0;
    box-sizing: border-box;
    width: 120px;
    margin: auto;
}

.system_box2 .boxs2 .priceboxs .onebox .box .p {
    font-size: 36px;
    color: #878afc;
    text-align: left;
}

.system_box2 .boxs2 .priceboxs .onebox .box .t {
	color: #fff;
	font-size: 20px;
}

.system_box2 .boxs2 .priceboxs .onebox .box .t span {font-size: 18px;}

/* /sys2 */

/* sys3 */

.system_box3 {
    background: url(../images/sys_bg3.jpg) no-repeat center top;
    width: 100%;
    margin: 50px auto;
}

.system_box3 .boxs {}

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

.system_box3 .boxs .credit .box {text-align: center;}

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

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

.system_box3 .boxs .credit .box .t3 span {
	color: #878afc;
}

.system_box3 .boxs .credit .box .more {
    margin: 30px auto;
	max-width: 360px;
}

.system_box3 .boxs .credit .box .more .more_btn00 {max-width: 360px;}

.system_box3 .boxs .credit .box .more span {
    position: absolute;
    top: 20px;
    right: 15px;
}

/* /sys3 */

/* sys4 */

.system_box4 {padding: 0 0 120px;}

.system_box4 .matterboxs {
    width: 94%;
    max-width: 880px;
    margin: auto;
    padding: 60px 0 0;
    font-size: 20px;
    color: #fff;
    line-height: 1.8;
}

/* /sys4 */

/** /system.html **/

/** movie **/

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

#top_movie .more {
    text-align: center;
    margin: auto;
}

#top_movie .more span {top: 21px;}

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

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

.movie .onebox {
    /* background-size: 100% 100%; */
    width: calc(98% / 3);
    gap: 1%;
    margin: 0.3%;
}

.movie .oneboxs {
    max-width: 1600px;
    margin: 30px auto;
}

#c_movie.movie .oneboxs {
    max-width: 1600px;
    margin: 0 auto;
	padding: 50px 0;
}

.movie .onebox .boxs {
	padding: 3% 3% 0;
	box-sizing: border-box;
	background: rgba(0,0,0,.7)
}

.movie .onebox .txtbox {
    color: #fff;
    justify-content: space-between;
    padding: 16px 1.7%;
    box-sizing: border-box;
    width: 100%;
}

.movie .onebox .movie_img {
    width: 100%;
    border: 2px solid #fff;
    box-sizing: border-box;
}

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

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

.movie .onebox .txtbox .prof .name {font-size: 22px;text-align: center;}

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

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

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

.movie .onebox .txtbox .prof .size {font-size: 14px;text-align: center;}

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

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

.movie .onebox .txtbox .icon .icon01 {
    text-align: center;
    font-size: 14px;
    color: #000;
    background: #878afc;
    padding: 2px 10px;
}

	@media screen and (max-width: 1300px) {
		.movie .onebox .txtbox .icon .icon01 {
			font-size: 13px;
		}
	}

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

	@media screen and (max-width: 1300px) {
		.movie .onebox .txtbox .icon .time {
		  font-size: 13px;
		}
	}

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

.movie .onebox .txtbox .links {
    width: 100%;
    text-align: right;
}

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

.movie .onebox .txtbox .links p {
    color: #fff;
    font-size: 16px;
    text-align: right;
    padding: 10px;
}

@media screen and (max-width: 1600px) {
    .movie .onebox .txtbox .links p {
        font-size: 13px;
        padding: 8px;
    }
}

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

@media screen and (max-width: 1600px) {
    .movie .onebox .txtbox .links p span { font-size: 11px;}
}

.movie .top_movie_btn {
    width: 360px;
    text-align: center;
    line-height: 60px;
    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: calc(100% / 3);
	margin: 0;
	display: block;
}

#movie .movie .onebox .boxs {
    border: 5px solid #000;
    box-sizing: border-box;
    border-image: #000;
    border-image-slice: 1;
}

#c_movie.movie .onebox {
    width: calc(98.5% / 3);
    margin: 0.2%;
    display: block;
}

/** /movie **/

/** ranking.hrml **/

#ranking {}

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

#ranking .rank-nav1 .tit-box {
    width: 53%;
    justify-content: end;
}

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

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

#ranking .rank-nav1 {
    width: 100%;
    position: relative;
    margin: 50px 0 50px;
}

#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: #000;
    font-size: 24px;
    padding: 10px 28px;
    box-sizing: border-box;
}

#ranking .rank-nav1 .month-nav ul li span {
	font-size: 18px;
	margin-left: 8px;
}
			
#ranking .girlsboxs .onebox {
    width: calc(100% / 5 - 0px);
    border: none;
}

#ranking .girlsboxs .onebox .profile {background: none;}

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

#ranking .ranking .rbox2 {
    background: url(../images/cranking_bg2.jpg);
    background-position: top center;
    background-size: 100% 100%;
    padding: 2% 1.5%;
    box-sizing: border-box;
}

#ranking .ranking .rbox3 {
	background: none;
	padding: 2% 1.5%;
    box-sizing: border-box;
}

#ranking .ranking .oneboxs a.onebox {
	width: 100%;
	margin-bottom: 30px;
}

#ranking .ranking .oneboxs a.onebox:hover {
	opacity: .8;
	transition: all 1s;
}

#ranking .ranking .oneboxs a.onebox .bg {
	background: url(../images/cranking_bg.jpg);
	background-position: top center;
	background-size: 100% 100%;
}

#ranking .ranking .oneboxs a.onebox .bg .boxs {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

#ranking .ranking {}

#ranking #no1 {}

#ranking #no1 .bg {
    background: url(../images/cranking_bg.jpg);
    background-position: top center;
    background-size: 100% 100%;
    padding: 2%;
    box-sizing: border-box;
}

#ranking #no1 .boxs {max-width: 1200px;}

#ranking #no1 .ranking_info .info {width: 56%;}

#ranking #no1 .ranking_info .info .name {
	font-size: 22px;
    padding: 0 1% 5px;
    margin-bottom: 5px;
}

#ranking #no1 .ranking_info .info .size {
    font-size: 18px;
    padding: 0 1% 5px;
    margin-bottom: 5px;	
}

#ranking .ranking .oneboxs a.onebox .bg .boxs .box1 {width: 37%;position: relative;}

#ranking .ranking .oneboxs a.onebox .bg .boxs .box2 {
	width: 55%;    
	background: rgba(0, 0, 0, .8);
	padding: 3%;
	color: #fff;
}

#ranking .ranking .oneboxs #no1 .boxs .box1 .ranking_img {
    background: url(../images/rank_frame01.png) no-repeat center top;
    text-align: center;
    padding: 18px 20px;
    background-size: contain;
}

#ranking .ranking .oneboxs #no2 .boxs .box1 .ranking_img {
    background: url(../images/rank_frame02.png) no-repeat center top;
    text-align: center;
    padding: 18px 20px;
    background-size: contain;
}

#ranking .ranking .oneboxs #no3 .boxs .box1 .ranking_img {
    background: url(../images/rank_frame03.png) no-repeat center top;
    text-align: center;
    padding: 18px 20px;
    background-size: contain;
}

#ranking .ranking .oneboxs #no4 .boxs .box1 .ranking_img,
#ranking .ranking .oneboxs #no5 .boxs .box1 .ranking_img {
    background: none;
    text-align: center;
    padding: 18px 20px;
}

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

#ranking .ranking .oneboxs a.onebox .bg .boxs .box2 .ranking_no {margin-bottom: 10px;}

#ranking .ranking .oneboxs a.onebox .bg .boxs .box2 .ranking_no img {
    width: 16vw;
    height: auto;
    max-width: 280px;
}

#ranking .ranking .oneboxs a.onebox .bg .boxs .box2 .ranking_txt {}

#ranking .ranking .oneboxs a.onebox .bg .boxs .box2 .ranking_txt {
    padding: 10px 15px;
    height: 15vw;
    max-height: 412px;
}

#ranking .ranking .oneboxs a.onebox .bg .boxs .box2 .ranking_txt .name {
	font-size: 22px;
	padding: 0 1% 5px;
	margin-bottom: 5px;
}

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

#ranking .ranking .oneboxs a.onebox .bg .boxs .box2 .ranking_txt .size {
	font-size: 18px;
	padding: 0 1% 5px;
	margin-bottom: 5px;
}

#ranking .ranking .oneboxs a.onebox .bg .boxs .box2 .ranking_txt .txt {
    font-size: 16px;
    padding: 5px 1% 0;
    margin-top: 5px;
    height: 15vw;
    overflow-y: scroll;
}

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

#ranking .ranking .oneboxs a.onebox .bg .boxs .box1 .icon01,
#ranking .ranking .oneboxs a.onebox .bg .boxs .box1 .icon02,
#ranking .ranking .oneboxs a.onebox .bg .boxs .box1 .icon03,
#ranking .ranking .oneboxs a.onebox .bg .boxs .box1 .icon04 {
    position: absolute;
    width: 100%;
    z-index: 50;
}

#ranking .ranking .oneboxs a.onebox .bg .boxs .box1 .icon01 {
    top: 0;
    left: 0;
    width: 6vw;
    max-width: 100px;
}

#ranking .ranking .oneboxs a.onebox .bg .boxs .box1 .icon02 {
    top: 5px;
    right: 5px;
    max-width: 100px;
}

#ranking .ranking .oneboxs a.onebox .bg .boxs .box1 .icon03 {
    bottom: 3px;
    left: 8px;
    width: 7vw;
    max-width: 120px;
}

#ranking .ranking .oneboxs a.onebox .bg .boxs .box1 .icon04 {
    bottom: 0;
    right: 0;
    width: 10vw;
    max-width: 222px;
}

/* rank02-5 */
#ranking #no2 .bg,
#ranking #no3 .bg,
#ranking #no4 .bg,
#ranking #no5 .bg {background: none; }

#ranking #no2 .ranking_no img,
#ranking #no3 .ranking_no img,
#ranking #no4 .ranking_no img,
#ranking #no5 .ranking_no img {width: 13vw;}

#ranking #no2 .ranking_txt,
#ranking #no3 .ranking_txt,
#ranking #no4 .ranking_txt,
#ranking #no5 .ranking_txt {height: 8.5vw;}

#ranking #no2 .ranking_txt .txt,
#ranking #no3 .ranking_txt .txt,
#ranking #no4 .ranking_txt .txt,
#ranking #no5 .ranking_txt .txt {height: 8vw;}

#ranking #no2.onebox,
#ranking #no3.onebox,
#ranking #no4.onebox,
#ranking #no5.onebox {width: 50%;margin-bottom: 0;}

/* rank06-10 */

#ranking #no6,
#ranking #no7,
#ranking #no8,
#ranking #no9,
#ranking #no10 {}

 /** /ranking.hrml **/

/** news.html **/

#top_topics {
    background: url(../images/topic_bg.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
}

#top_topics .inner {
    width: 100%;
    padding: 3%;
    box-sizing: border-box;
}

#top_topics .topicsbox {
    justify-content: space-around;
    width: 100%;
    max-width: 1300px;
    margin: auto;
}

#top_topics figure {width: 50%;}

#top_topics figure img {
    width: 100%;
    max-width: 600px;
}

#top_topics .info {width: 50%;}

#top_topics .info .date {font-size: 24px;}

#top_topics .info .title {
    font-size: 40px;
    margin: 20px 0;
}

#top_topics .info .combox {
    width: 96%;
    background: rgba(255, 255, 255,.8);
    padding: 3%;
    box-sizing: border-box;
    position: relative;
}

#top_topics .info .combox .more {
    right: 10px;
    bottom: 10px;
    position: absolute;
}

#top_topics .info .com {
    color: #000;
    line-height: 1.5;
    font-size: 18px;
    height: 520px;
    overflow: auto;
    margin-bottom: 80px;
}

/** /#top_topics **/

/* pagination */

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0px 30px;
    font-size: 20px;
    width: 100%;
}

.pagination button a {color: #fff;}

.pagination button a:active{color: #212d6f;}

.pagination .disabled {display: none;}

.pagination .pagination-list {display: flex;}

.pagination .pagination-list li {
	border: 1px solid #fff;
	box-sizing: border-box;
	font-size: 14px;
	margin: 0 3px;
}

.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: #212d6f;
	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.2s 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.0s forwards;
	top: 0
}

@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%;
    margin: 10px auto;
    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;
}

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: 1920px) {
		figure.cap-efct p {font-size: 1.1vw;}
	}

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

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.8;}

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 .onebox .img figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

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

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

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

/* /caption effect */

/* ALL TITLE */

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

@media screen and (max-width:1300px) {.t_tit {font-size: 50px;}}

.t_tit span {
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    display: block;
    line-height: 0;
}

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

.titlebox h2 {
    font-family: "Jura", sans-serif;
    line-height: 1.8;
    text-align: left;
    padding: 50px 0px 0px 15px;
    box-sizing: border-box;
}

.title-bg {
    background: url(../images/tit_bg02.jpg) scroll center top;
    background-size: cover;
    width: 100%;
    z-index: -1;
    justify-content: flex-start;
    /*padding: 20px;*/
    box-sizing: border-box;
}

.title-bgu {
    background: url(../images/tit_bg02.jpg) scroll center top;
    background-size: cover;
    width: 100%;
    z-index: -1;
    justify-content: flex-start;
    padding: 20px;
    box-sizing: border-box;
    position: fixed;
    height: 300px;
    top: 153px;
    left: 0;
}

.title-bgu.sys {
    background: url(../images/tit_sys.jpg) no-repeat scroll center top #000;
    /* background-attachment: fixed; */
}

.title-bgu.cast {background: url(../images/tit_cast.jpg) no-repeat scroll center top #000;}

.title-bgu.sch {background: url(../images/tit_sch.jpg) no-repeat scroll center top #000;}

.title-bgu.nf {background: url(../images/tit_nf.jpg) no-repeat scroll center top #000;}

.title-bgu.news {background: url(../images/tit_news.jpg) no-repeat scroll center top #000;}

.title-bgu.event {background: url(../images/tit_evt.jpg) no-repeat scroll center top #000;}

.title-bgu.res {background: url(../images/tit_res.jpg) no-repeat scroll center top #000;}

.title-bgu.rev {background: url(../images/tit_rev.jpg) no-repeat scroll center top #000;}

.title-bgu.cnt { background: url(../images/tit_cnt.jpg) no-repeat scroll center top #000;}

.title-bgu.ht { background: url(../images/tit_hotel.jpg) no-repeat scroll center top #000;}

.title-bgu.wt { background: url(../images/tit_wait.jpg) no-repeat scroll center top #000;}

.title-bgu.acc {background: url(../images/tit_acc.jpg) no-repeat scroll center top #000;}

.title-bgu.mv {background: url(../images/tit_mv.jpg) no-repeat scroll center top #000;}

.title-bgu.prof {background: url(../images/tit_prof.jpg) no-repeat scroll center top #000;}

.title-bgu.rank {background: url(../images/tit_rnk.jpg) no-repeat scroll center top #000;}

#top_schedule.tsch {padding-bottom: 50px;}

#top_schedule .more {
    text-align: center;
    margin: auto;
}

#top_schedule .more span {top: 21px;}

.title-bg.hl {
    background: url(../images/tit_hl.jpg) no-repeat scroll center top #000;
	background-attachment: fixed;
}

.title-bg.wait {
    background: url(../images/tit_sys.jpg) no-repeat scroll center top #000;
	background-attachment: fixed;
}

/* /ALL TITLE */

@media screen and (max-width:1600px) {
	#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:1600px) {
	.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:1520px) {
	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:1520px) {
	.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:1300px) {
	#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:1300px) {	
	.girlsboxs .onebox {width: calc(100% / 4 - 2px);}
	#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:1300px) {
	.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:1300px) {	
	#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:1300px) {	
	.system_box03 .optionboxs .boxs .box .onebox .t1 {font-size: 20px;}
	.system_box03 .optionboxs .boxs .box .onebox .t2 {font-size: 17px;}
	.system_box03 .optionboxs .boxs .box .onebox .t3 {font-size: 23px;}
	.system_box03 .optionboxs .boxs .box .onebox .t3 span {font-size: 16px;}
}

/* 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: linear-gradient(to right,  rgba(181,2,230,1) 0%,rgba(0,97,218,1) 100%);

}

.more-btn-inner:hover {
	background: linear-gradient(to right,  rgba(181,2,230,1) 0%,rgba(0,97,218,1) 100%);
}

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

.more-btn:hover span {
	color: #fff;
	left: 18px;
	-moz-transition: 1.4s;
	-webkit-transition: 1.4s;
	-o-transition: 1.4s;
	-ms-transition: 1.4s;
	transition: 1.4s;
}

.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: #fff;
	transition: all .2s;
	position: absolute;
	border-radius: 1px;
}

.more-btn:hover .into span {
	background: #fff;
}

.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;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
}

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

.more-btn:hover .into {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	height: 13px;
	left: 25px;
}

.more-btn:hover .into span.plus1 {
	width: 0;
	left: 9px;
	opacity: 0;
}

.more-btn:hover .into span.plus2 {
	height: 18px;
	top: -4px;
	left: 10px;
}

.more-btn:hover .into span.plus3 {
	width: 10px;
	transition-delay: .1s;
}

.more-btn:hover .into span.plus4 {
	width: 10px;
	transition-delay: .1s;
}

/* /btn01 */

/* btn02 */

.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 */

/*-- newface --*/
#top-twocont {
	width: 100%;
	max-width: 1980px;
	display: flex;
	margin: 0 auto ;
	justify-content: center;
	min-width: 1200px;
	align-items: stretch;
}

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

#top-twocont > article {
	width: calc(50% - 10px);
	margin-right: 20px;
	box-sizing: border-box;
	max-width: 990px;
}

#news #pickup {
	margin-right: 0;
	padding-bottom: 29px;
}

#news .bg {
    background: url(../images/newface_bg.jpg) center top no-repeat;
	border: 1px solid #fff;
    background-size: cover;
    display: block;
    width: auto;
    margin: 0;
    padding: 15px;
    box-sizing: border-box;
	height: 47vw;
}

#news .news_slide {margin-top: 50px}

#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: 500;
	cursor: pointer;
}

#news .news_slide .slick-slide {width: 50vw;}

#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 {margin: 50px auto;}

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


/*------------ 長方形 ------------*/
#news .news_slide .dots-wrap {
    display: flex;
    justify-content: center;
    margin-top: 3vw;
}

#news .news_slide .dots-wrap li {
    width: 40px;
    height: 4px;
    margin: 0 5px;
    background: #fff;
    cursor: pointer;
}

#news .news_slide .dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

#news .news_slide .dots-wrap li:hover,
#news .news_slide .dots-wrap li.slick-active {
    background: #878afc;
}

#news .girlsboxs .onebox {
    display: flex;
    width: 100%;
	max-width: 900px;
    border: none;
    color: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 15px;
	background: rgba(0,0,0,.8);
}

#news .girlsboxs .onebox .img .icon03 {bottom: 0vw}

#news .girlsboxs .onebox .img {width:40%;}

#news .girlsboxs .onebox .profile {
    width: 52%;
    padding: 1% 0 1% 2%;
	max-width: 480px;
}

#news .girlsboxs .onebox .profile .entry,
#news .girlsboxs .onebox .profile .name,
#news .girlsboxs .onebox .profile .size {
    text-align: left;
}

#news .girlsboxs .onebox .profile .op {width: 100%;}

#news .girlsboxs .onebox .profile .op ul {width: 100%;}

#news .girlsboxs .onebox .profile .comment {
    text-align: left;
    font-size: 15px;
    overflow: auto;
    height: 12vw;
    box-sizing: border-box;
    width: 98%;
    display: block;	
}

#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;}

#pickup .pickup_slide .slick-img img {
	width: 100%;
	max-width: 450px;
}

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

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

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

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

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

.tt-cont .cast-img {
	width: 50%;
	position: relative;
}

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

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

.tt-cont article {
    width: 50%;
    padding: 0px 0 0 20px;
}

.tt-cont article .title {
    font-size: 18px;
    margin: 0;
    background: #ff4b8f;
    color: #fff;
    padding: 6px 12px;
    width: 96%;
    text-align: left;
    font-weight: bold;
    box-sizing: border-box;
    border-radius: 40px;
    line-height: 1.2;
}

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

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

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

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

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

.tt-cont .comment {
	font-size: 1.2rem;
	color: #fff;
	line-height: 2.16em;
	height: 330px;
	overflow-y: auto;
	text-align: justify;
	padding-right: 10px;
}

@media screen and (max-width:1680px) {
    #news .btn02,
    #new-cast .btn02 {
        width: 260px;
        font-size: 18px;
    }
}

@media screen and (max-width:1500px) {
    #news .btn02,
    #new-cast .btn02 {
        width: 200px;
        font-size: 16px;
    }
}

/* top-slider */

#top-slider {width: 50vw;}

#top-slider .bg {position: relative;}

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

#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 .top_slide .slick-dots li {
    width: 35px;
    margin: 2.7vw 5px 0;
}
	
@media screen and (max-width: 1680px) {
    #top-slider .top_slide .slick-dots li {margin: 2vw 5px 0;}
}

@media screen and (max-width: 1500px) {
    #top-slider .top_slide .slick-dots li {margin: 2.5vw 5px 0;}
}

@media screen and (max-width: 1300px) {
    #top-slider .top_slide .slick-dots li {margin: 2.3vw 5px 0;}
}

#top-slider .top_slide .slick-dots li button:before {font-size: 25px;}

@media screen and (max-width: 1680px) {
    #top-slider .top_slide .slick-dots li button:before {font-size: 20px;}
}

#top-slider .btn_prev, #top-slider .btn_next {
    position: absolute;
    width: 100％;
    height: 100%;
    padding: 1px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    z-index: 100;
    transform: rotate(90deg);
    cursor: pointer;
}


#top-slider .btn_prev {
    bottom: -60%;
    left: 50%;
}

#top-slider .btn_next {   
    top: -60%;
    right: 50%;
}

.top_sum .slick-slide {cursor: pointer;}

.top_sum .btn_prev, .top_sum .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;
}

.top_sum .btn_prev {left: -45px;}
.top_sum .btn_next {right: -45px;}

.top_sum .btn_prev img {width: 40px;}
.top_sum .btn_next img {width: 40px;}

.top_sum figure img {width: 17vw;}

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

/* /top-slider */

/*-- newface.html --*/

#newface .girlsboxs {margin-bottom:80px;}

#newface .girlsboxs .onebox {
    display: flex;
	width: calc(100% / 2);
	max-width: 1000px;
    border: none;
    color: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 0.5%;
	background: rgba(0,0,0,.8);
	margin-bottom:10px;
}

#newface .girlsboxs .bg {
    background: url(../images/newfacepage_bg.jpg) no-repeat;
    background-size: cover;
    border: 2px solid #000;
}

#newface .girlsboxs .onebox .img .icon03 {bottom: 0vw;}

#newface .girlsboxs .onebox .img {width:42%;}

#newface .girlsboxs .onebox .profile {
    width: 52%;
    padding: 1% 0 1% 2%;
	max-width: 480px;
}

#newface .girlsboxs .onebox .profile .entry,
#newface .girlsboxs .onebox .profile .name,
#newface .girlsboxs .onebox .profile .size {
    text-align: left;
}

#newface .girlsboxs .onebox .profile .op {width: 100%;}

#newface .girlsboxs .onebox .profile .op ul {width: 100%;}

#newface .girlsboxs .onebox .profile .comment {
    text-align: left;
    font-size: 15px;
    overflow: auto;
    height: 12vw;
    box-sizing: border-box;
    width: 98%;
    display: block;	
}

/* reserve.html */

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

#reserve .form-inner {padding-bottom: 50px;}

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

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

/* /reserve.html */

/* review.html */

#review .form-box {
    padding: 50px;
    margin: 50px auto;
    max-width: 1200px;
    width: 100%;
    box-sizing: border-box;
}

#review .form-inner {padding-bottom: 50px;}

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

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

/* /review.html */

/* contact.html */

#contact .form-box {
    padding: 50px;
    margin: 50px auto;
    max-width: 1200px;
    width: 100%;
    box-sizing: border-box;
}

#contact .form-inner {padding-bottom: 50px;}

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

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

/* /contact.html */

/* form-all */

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

.formnote span {font-size:14px;}

.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: 800px;
    margin: 55px auto;
}

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

.entry-form dl {
    padding: 10px 0;
    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;
    margin-bottom: 10px;	
}

.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: 6px 10px;
    font-size: 13px;
    margin-left: 15px;
    color: #fff;
    background: #2e2f8b;
}

.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;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 1px solid #fff;
    box-sizing: border-box;
    position: relative;
}

.entry-form .f-submit label input {width: 100%;}

.entry-form .f-submit label span {
    width: 10%;
    position: absolute;
    top: 16px;
    right: 10px;
}

.entry-form .f-submit label span img {width: 40px;}

.entry-form input[type="submit"], .entry-form input[type="button"] {
    background: #000;
    font-family: 'Gilda Display', serif;
    padding: 8px 15px;
    width: 100%;
    appearance: none;
    border: none;
    box-sizing: border-box;
    height: 60px;
    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: 1700px){
		.entry-form .select2 {width: 7.8vw;}
	}

	@media screen and (max-width: 1400px){
		.entry-form .select2 {width: 6.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;
    cursor: pointer;
}

/* /form-all-select */

/* reviewform */
.entry-form .rev {margin-bottom: 20px;}

.entry-form .rev p {width: 15%;}

.entry-form .rev label {width: 25%;   }

/* /reviewform */

::placeholder {color: #ccc}

.entry-form .f-back {
    width: 100%;
    max-width: 340px;
    margin: 20px auto;
    position: relative;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.entry-form .f-back span {
    position: absolute;
    top: 22px;
    left: 10px;
}

.entry-form .f-back span img {
    width: 36px;
}

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

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

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

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

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

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

#form .f-top a {
    background: #000;
    font-family: 'Gilda Display', serif;
    padding: 19px 30px;
    width: 100%;
    appearance: none;
    border: none;
    box-sizing: border-box;
    height: 60px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #fff;
    max-width: 300px;
    display: block;
    margin: auto;
}

/* /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: #fff;
    font-size: 54px;
    text-align: center;
    line-height: 38px;
    margin: 0px auto 54px;
    padding-top: 28px;
}

#waitingplace p.h3sub {
	font-size: 1.6em;
	text-align: center;
	margin: 50px auto;
}

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

#waitingplace .box {
	width: 100%;
	max-width: 2000px;
	margin: 10px auto;
	border-bottom: 1px solid #fff;
	padding-bottom:50px ;
}

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

ul#area-btn li {
	float: left;
	width: 300px;
	margin: 20px 70px;
}

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: #3b539b;
}

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;
}

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

#flow-step {
	width: 880px;
	margin: 10px auto 80px;
}

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

#flow-step dl dt {
    font-size: 1.4em;
    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%;
    background: #1d0a16;
    display: flex;
    box-sizing: border-box;
    margin-bottom: 30px;
}

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

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

.area-box .info {
    width: 1000px;
    margin: 12px auto 40px;
    justify-content: space-evenly;
}

.area-box .subbox {}

.area-box .subbox h4 {
    position: relative;
    font-size: 2.2em;
    text-align: center;
    letter-spacing: 14px;
    margin: 30px auto;
    color: #ff4b8f;
    font-weight: bold;
}

.area-box .subbox h4::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 42%;
	background: #ff4b8f;
	height: 1px;
}

.area-box .subbox h4::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 42%;
	background: #ff4b8f;
	height: 1px;
}

.area-box .map {}

.map_txtwrap {}

.map_txtwrap .txtbox {height: 176px;}

.map_txtwrap p {
	color: #fff;
	line-height: 1.5;
}

.map_txtwrap p.map_tit {
	font-size: 1.4em;
	margin-bottom: 12px;
	color: #ff4b8f;
	font-weight: bold;
}

.map_txtwrap .map_photo {}

/* /waiting.html */

/* profile.html */

#profile {
	padding: 0 0 70px;
	color: #fff;
}

#profile .more {
    text-align: center;
    margin: 30px auto;
}

#profile .more span {
    position: absolute;
    top: 20px;
    right: 20px;
}

#profile .tit {
    padding: 12px 20px;
    font-size: 38px;
    box-sizing: border-box;
    text-align: center;
}

#profile .tit span {
    font-size: 18px;
    margin-left: 20px;
}

#profile .tit.full {
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center;
}

#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 {
    display: flex;
    width: 98%;
    max-width: 1400px;
    margin: 50px auto;
    position: relative;
}

/* slider */

.profile_box00 .box01 {
    background-size: 100% 100%;
    width: calc(100% / 2 - 6%);
    padding: 0 1% 2%;
    margin: 0 1%;
    position: relative;
}

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

.profile_slider00 .btn_prev, .profile_slider00 .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;
}

.profile_slider00 .btn_prev {left: 20px;}
.profile_slider00 .btn_next {right: 5px;}

.profile_slider00 .btn_prev img {width: 30px;}
.profile_slider00 .btn_next img {width: 30px;}

.profile_slider00 .slick-img img {
	width: 100%;
	max-width: 450px;
}
.profile_slider00 img {margin: 0 auto;}

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

/* /slider */

/* slider sum */

.prof_sum {
    width: 100%;
    max-width: 620px;
    margin-top: 15px;
}

.prof_sum .btn_prev, .prof_sum .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;
}

.prof_sum .btn_prev {left: 0px;}
.prof_sum .btn_next {right: 0px;}

.prof_sum .btn_prev img {width: 20px;}
.prof_sum .btn_next img {width: 20px;}

.prof_sum .slick-img img {
	width: 100%;
	max-width: 450px;
}

.prof_sum figure {}
.prof_sum figure img {width: 8vw!important}

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

/* slider sum */

.profile_box00 .box {position: relative;}

.profile_box00 .onebox {position: relative; cursor: pointer;}

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

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

@media screen and (max-width: 1300px) {
    .profile_box00 .onebox .icon02 {right: 60px;}
}

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

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

@media screen and (max-width: 1300px) {
    .profile_box00 .onebox .icon03 {right: 50px;}
}

.profile_box00 .slick-prev {left: 33%;}

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

/* /slider */

.profile_box00 .box02 {width: calc(100% / 2 - 0%);}

.profile_box00 .box02 .box {}
.profile_box00 .box02 .box .txt {
	padding: 40px 10px;
	line-height: 1.5;
}

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

.profile_box00 .infobox .info {}

.profile_box00 .infobox .info-icon {}

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

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

	@media screen and (max-width: 1300px) {
		.profile_box00 .infobox .info-icon .icon1 img {
			width: 100%;
			max-width: 240px;
		}
	}

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

	@media screen and (max-width: 1300px) {
		.profile_box00 .infobox .name {font-size: 30px;}
	}

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

	@media screen and (max-width: 1300px) {
		.profile_box00 .infobox .name span {font-size: 24px;}
	}

.profile_box00 .infobox .size {
	font-size: 28px;
	text-align: left;
}

	@media screen and (max-width: 1300px) {
		.profile_box00 .infobox .size {font-size: 20px;}
	}

.profile_box00 .infobox .op {}

.profile_box00 .infobox .op ul {margin: 1% auto;}

.profile_box00 .infobox .op ul li {
    background: url(../images/opt_bg.jpg) center top no-repeat;
    background-size: cover;
    font-size: 24px;
    color: #fff;
    width: calc(98% / 2);
    margin: 0.5%;
    text-align: center;
    padding: 1px;
    box-sizing: border-box;
    min-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media screen and (max-width: 1300px) {
    .profile_box00 .infobox .op ul li {font-size: 20px;}
}

.profile_box00 .box02 {
	width: calc(100% / 2 - 2%);
	margin: 2% 1% 0 1%;
}

.profile_box00 .box02 .qa .boxs {
    margin-top: 20px;
    height: 30vw;
    overflow: auto;
    min-height: 480px;
}

.profile_box00 .box02 .qa .boxs .onebox {
    padding: 5px 10px;
    line-height: 1.5;
    margin-bottom: 6px;
    border-bottom: 1px solid #fff;
}

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

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

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

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

.profile_box00 .box02 .qa .boxs .onebox .a span {color: #fb88e2;}

/* /box00 */

/* box1 */

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

.profile_box01 .subtit {
    border-bottom: 1px solid #fff;
    margin: 20px auto;
    padding-bottom: 6px;
    width: 98%;
}

.profile_box01 .subtit.full {width: 96%;}

.profile_box01 .message {
    padding: 50px;
    box-sizing: border-box;
}

.profile_box01 .message .box {
    background: rgba(255, 255, 255, .8);
    padding: 14px;
    box-sizing: border-box;
    width: 100%;
    max-width: 800px;
    margin: 30px auto;
}

.profile_box01 .message .txt {
    color: #000;
    overflow: auto;
    height: 480px;
}

/* /box1 */

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

.profile_box02 .box01 {
    width: 100%;
    box-sizing: border-box;
    padding: 50px;
}

.profile_box02 .box01 .box {}

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

.profile_box02 .box01 .box .frame {margin: 20px auto;max-width: 1000px;}

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

.movbox  {}

.movbox .boxs {
    width: 100%;
    max-width: 800px;
    margin: 30px auto 80px;
}

/* box3 */

.profile_box03 {margin: 0 auto 80px;}

.profile_box03 .subtit {
    margin: 20px auto;
    width: 98%;
    text-align: center;
}

.profile_box03 .subtit.full {width: 96%;}

.profile_box03 .box-a {
    max-width: 1400px;
    margin: auto;
}

.profile_box03 .boxs {
	width: 97%;
	max-width: 1800px;
	margin: 0 auto;
}

.profile_box03 .option .boxs {
	display: flex;
	flex-wrap: wrap;
}

.profile_box03 .option .boxs .box {
    width: calc(100% / 4 - 10px);
    margin: 5px;
    line-height: 1.4;
    background-color: #282828;
    justify-content: center;
    padding: 3px;
    box-sizing: border-box;
    color: #6e6e6e;
}

.profile_box03 .option .boxs .box .inner {border: 1px solid #fff;}

.profile_box03 .option .boxs .box .t1 {
	text-align: center;
	font-size: 16px;
}

@media screen and (max-width: 1300px) {
    .profile_box03 .option .boxs .box .t1 {font-size: 13px;}
}

.profile_box03 .option .boxs .box.on {background: linear-gradient(45deg,  #7e7eed 0%,#2d2f8d 50%,#7e7eed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.profile_box03 .option .boxs .box.on .t1 {color: #fff;}

.profile_box03 .option .boxs .box.on .t2 {color: #fff;}

/* /box3 */


/* prof review */

#profile .review {
	padding: 0 0 60px;
	width: 100%;
}

.review .onebox {
    background: url(../images/review_bg.jpg);
    width: calc(98% / 3);
    gap: 1%;
    margin: 0.3%;
    background-size: cover;
}

.review .oneboxs {
    max-width: 2000px;
    margin: 30px auto;
}

.review .onebox .boxs {
	padding: 3% 1%;
	box-sizing: border-box;
}

.review .onebox .profbox {
    color: #fff;
    padding: 16px 1.7%;
    box-sizing: border-box;
    width: 100%;
}

.review .onebox .profbox .prof {
	width: 100%;
	line-height: 1.5;
}

.review .onebox .profbox .prof .name {font-size: 22px;text-align: center;}

@media screen and (max-width: 1600px) {
    .review .onebox .profbox .prof .name {font-size: 1.1vw;}
}

.review .onebox .profbox .prof .name span {font-size: 16px;}

@media screen and (max-width: 1600px) {
    .review .onebox .profbox .prof .name span {font-size: 0.9vw;}
}

.review .onebox .profbox .prof .size {font-size: 14px;text-align: center;}

@media screen and (max-width: 1300px) {
    .review .onebox .profbox .prof .size {font-size: 12px;}
}

.review .onebox .review_img {width: 40%;}

.review .onebox .review_img img {width: 100%;}

.review .onebox .info {
    color: #fff;
    padding: 0 1%;
    box-sizing: border-box;
    width: 60%;
}

.review .onebox .info .date {font-size: 0.8vw;}

.review .onebox .info .datename {font-size: 0.8vw;}

.review .onebox .info .status {width: 46%;}

.review .onebox .info .status li {
    font-size: 0.8vw;
    margin: 0 0.2vw;
}

.review .onebox .info .com1 {
    background: rgba(255, 255, 255, .8);
    color: #000;
    padding: 1%;
    box-sizing: border-box;
    overflow: auto;
    height: 8vw;
    margin: 0.6vw auto;
}

.review .onebox .info .com2 {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 1%;
    box-sizing: border-box;
    overflow: auto;
    height: 8vw;
    margin: 0.6vw auto;
}

.review .onebox .info .com1 .txt,
.review .onebox .info .com2 .txt {
    font-size: 0.7vw;
    line-height: 1.5;
}

.review .onebox .info .com2 .scom {
    display: block;
    font-size: 0.9vw;
}

/* /prof review */

/*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: 90%;
}

.profile_slider01 .slick-center img {
	opacity: 1;
	transform: scale(1);
}

/* /profile.html */

/*** bread ***/
.breadcrumb {
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 13px;
    margin: 0 auto;
	background: #2e2f8b;
}

.breadcrumb li {display: inline-block;}
.breadcrumb li a { color: #fff;display: inherit;}

/*** /bread ***/

#top_schedule .inner {
    width: 100%;
    padding: 20px 0 50px;
}

.sl-event {
    background: url(../images/topic_bg.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    margin: 0;
    padding: 110px 0;
}

.top_slide {width: 100%;}

.top_sum {
    width: 17vw;
    margin-left: 10px;
}

.top_sum figure {
    margin-bottom: 0.25vw;
    width: 16.11vw !important;
}
        
/* #header_bar0 */

header #header_bar0.main_head {
    background: none;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    border-bottom: 0;
    top: 0;
}

header #header_bar0.main_head .boxs {
    display: flex;
    width: 100%;
    justify-content: center;
    background: rgba(0, 0, 0, 0.8);
    padding: 6px;
    box-sizing: border-box;
    box-shadow: 0px 0px 0px #000;
}

header #header_bar0.main_head .boxs .logo {
    width: auto;
    margin-left: 0;
}

header #header_bar0 .logo img {max-width: 130px;}

header #header_bar0.DownMove {
	position: fixed;
	width: 100%;
	animation: DownAnime 0.2s forwards;
	top: 0
}

header #header_bar0.UpMove {
	position: fixed;
	width: 100%;
	animation: UpAnime 0.2s forwards;
	display: none;
}

header #header_bar0 .openbtn {top: 8px;}

/* /#header_bar0 */

#g-nav-list .lbox {
    width: 35%;
    border-right: 3px solid #fff;
}

@media screen and (max-width: 1300px) {
    #g-nav-list .lbox {height: 110%;}
}

#g-nav-list .lbox img {
    width: 100%;
    height: auto;
}
#g-nav-list .rbox {
    width: 63%;
    padding: 2.5% 0 2% 2.5%;
}

.modaal-close {border: none!important;}

/** #top_rkg **/

#top_rkg {
    width: 100%;
    padding-bottom: 50px;
}

#top_rkg  .more {
    text-align: center;
    margin: auto;
}

#top_rkg  .more span {top: 21px;}

#top_rkg .girlsboxs {
    display:block;
    width: auto;
    margin: 0;
}

#top_rkg .girlsboxs figure {
    height: 25vw;
}

#top_rkg .girlsboxs .onebox .img figure img {height: 25vw;}

#top_rkg .girlsboxs .img {
    background: url(../images/ranking_bg.jpg) center top no-repeat;
    background-size: cover;
    display: block;
    width: auto;
    margin: 0;
    padding: 15px;
    box-sizing: border-box;
}

#top_rkg .girlsboxs .onebox {width: auto; margin: 0;border: none;}

#top_rkg .bg {
	height: 94vh;
    box-sizing: border-box;
	position: relative;
}

#top_rkg .bg::before,#top_rkg .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_rkg .bg::before,#top_rkg .bg::after {width: 220px;}
}

#top_rkg .bg::before {
	left: 0;
	background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 90%);
}

#top_rkg .bg::after {
    right: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 90%);
}

#top_rkg .btn_prev img, #top_rkg .btn_next img {cursor: pointer;}

#top_rkg .btn_prev, #top_rkg .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_rkg .btn_prev {left: 15%;}

#top_rkg .btn_next {right: 15%;}

#top_rkg .slick-dots {margin-top: 20px;}

#top_rkg .girlsboxs .onebox .days {
	font-size: 18px;
	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%);
}

#top_rkg .girlsboxs .onebox .profile {
	margin-top: 15px;
	background:rgba(0,0,0,.8);
}

#top_rkg .girlsboxs .onebox .rank {}

#top_rkg .girlsboxs .onebox .rank img {max-width: 240px;margin: auto;}

/** /#top_rkg **/

.more {
	position: relative;
	width: 100%;
	max-width: 245px;
	margin: 0 ;
}

.more span {
    position: absolute;
    top: 30px;
    right: 20px;
}

.more img {width: 31px;}

.more .more_btn00 {
    display: block;
    color: #000;
    padding: 12px 0px;
    box-sizing: border-box;
    width: 100%;
    max-width: 240px;
    text-align: center;
    margin: 10px 0;
    font-size: 22px;
    background: linear-gradient(to right, rgba(98, 49, 19, 1) 0%, rgba(236, 190, 70, 1) 20%, rgba(254, 245, 176, 1) 50%, rgba(236, 190, 70, 1) 80%, rgba(98, 49, 19, 1) 100%);
}

.more .more_btn00:hover {
    background: rgba(255,255,255,.8);
	opacity: 1;
}

.more01 {
	position: relative;
	width: 100%;
	max-width: 230px;
	margin: 0 ;
}

.more01 span {
    position: absolute;
    top: 30px;
    right: 20px;
}

.more01 img {width: 31px;}

.more01 .more_btn01 {
    display: block;
    color: #fff;
    padding: 12px 8px;
    box-sizing: border-box;
    width: 100%;
    max-width: 230px;
    text-align: center;
    margin: 10px 0;
    font-size: 18px;
    background: rgba(0, 0, 0, .8);
    text-align: left;
    border: 1px solid #fff;
}

.more01 .more_btn01:hover {
    background: rgba(0,0,0,.5);
    border: 1px solid #000;
	opacity: 1;
}

#pickup .bg {
    background: url(../images/pickup_bg.jpg) center top no-repeat;
	border: 1px solid #fff;
    background-size: cover;
    display: block;
    width: auto;
    margin: 0;
    padding: 15px;
    box-sizing: border-box;
	height: 47vw;
}

#pickup .pubox {
  justify-content: space-around;
  margin-top: 3vw;
}

#pickup .girlsboxs .onebox {
    background: url(../images/pickup_girl_bg.jpg) center top no-repeat;
    display: block;
    width: calc(80% / 2 - 0px);
    color: #fff;
    position: relative;
    box-sizing: border-box;
    padding: 1px;
	border: 3px solid #fff;
	border-image: linear-gradient(45deg,  #c59338 0%,#fffbb5 46%,#fffbb5 46%,#633113 100%); 
	border-image-slice: 1;
}

#pickup .girlsboxs .onebox .img figure {
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

/* under cover */
.under {margin-top: 153px;}
/* /under cover */

.more01 img {width: 25px;}

/* obi-ttl */
	
.u_tit {
    font-family: "Jura", sans-serif;
    font-size: 80px;
    letter-spacing: 3px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
}

.under .u_tit {
    font-family: "Jura", sans-serif;
    font-size: 70px;
    letter-spacing: 3px;
    line-height: 1.66;
    text-align: center;
    color: #fff;
}

.obi-ttl {width: 100%}

.under .obi-ttl {height: 300px}

.obi-ttl h2 {
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.15em;
    position: relative;
    z-index: 1;
    padding: 0;
    height: 300px;
    box-sizing: border-box;
}

.obi-ttl h2 span {
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    color: #fff;
    display: block;
    text-align: center;
}

/* /obi-ttl */

.evbox {}
.evbox figure {}

.systxt {
    text-align: center;
    font-size: 30px;
    margin: 50px auto 50px;
}

.system_box2 .boxs .priceboxs .onebox .box .p .n {font-size: 30px;}

.system_box2 .boxs .priceboxs .onebox .box .p .w {font-size: 40px;}

.system_box2 .boxs .priceboxs .onebox .box .p .r {font-size: 24px;}

/**  top pd iframe **/

.two-cont {
	width: 100%;
	max-width: 1980px;
	display: flex;
	margin: 0 auto ;
	justify-content: center;
	min-width: 1200px;
	align-items: stretch;
}

.two-cont .top-header {
    background-image: url(../images/tit_bg01.jpg);
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-sizing: border-box;
    padding: 20px 15px 5px;
    justify-content: space-between;
}

.two-cont .top-header h2 span {
    font-family: "Jura", sans-serif;
    font-size: 3.8rem;
    line-height: 1.6;
}


@media screen and (max-width:1500px) {
    .two-cont .top-header h2 span {font-size: 3.4vw;}
}

.two-cont .inner {
    width: calc(50% - 10px);
    margin-right: 20px;
    box-sizing: border-box;
    max-width: 990px;
}

.two-cont .box {
    border: 1px solid #fff;
    height: 400px;
}

#t-pd iframe {width: 100%;}

.twait-cont {margin-top: 24px;}

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

.twait-cont .cast-img {
    width: 100%;
    max-width: 220px;
    position: relative;
}

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

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

.twait-cont article {
    width: 50%;
    padding: 0px 0 0 20px;
}

.twait-cont article .title {
    font-family: "游ゴシック", "YuGothic", "メイリオ", sans-serif;
    font-size: 18px;
    margin: 0;
    background: #ff4b8f;
    color: #fff;
    padding: 6px 12px;
    width: 96%;
    text-align: left;
    font-weight: bold;
    box-sizing: border-box;
    border-radius: 40px;
    line-height: 1.2;
}

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

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

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

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

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

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

@media screen and (max-width:1680px) {
    #t-wt .btn02 {
        width: 260px;
        font-size: 18px;
    }
}

@media screen and (max-width:1500px) {
    #t-wt .btn02 {
        width: 200px;
        font-size: 16px;
    }
}

.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_slide .btn_prev {left: 5px;}
.pickup_slide .btn_next {right: 5px;}

.pickup_slide .btn_prev img {width: 30px;}
.pickup_slide .btn_next img {width: 30px;}

.pickup_slide .slick-img img {
    width: 100%;
    max-width: 450px;
}

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

.twait-cont .slick-slide img {margin: 0 auto;}

.twait-cont .box {
    background: rgba(0, 0, 0, .8);
    height: auto;
    padding: 10px 0;
    margin: 6px 0;
    box-sizing: border-box;
	border: none;
}

.twait-cont .box .name {
    text-align: center;
    font-size: 22px;
}

.twait-cont .box .size {
    text-align: center;
    margin-top: 5px;
}

/**  /top pd iframe **/

/**  top group **/

#group {}

#group .box {
    width: 100%;
    max-width: 800px;
    padding: 80px 0;
    margin: auto;
}

#group .box ul {justify-content: space-evenly;}

#group .box ul li {}

#group .box ul li .ttl {
    width: 300px;
    height: 300px;
    border-right: 1px solid #fff;
}

#group .box ul li .ttl h3 {width: 100%;text-align: left;}

#group .box ul li .ttl h4 {width: 100%;text-align: left;font-size: 60px}

#group .box ul li img {}
						
/**  /top group **/

/** top review **/

#top_review {}

#top_review .more {
    text-align: center;
    margin: auto;
}

#top_review .more01 {
     text-align: left;
    margin: 0 0 0 12px;
    position: absolute;
    right: 50px;
}

#top_review .more2 {
    text-align: center;
    margin: auto;
}

#top_review .more span {top: 21px;}

#top_review .more01 span {top: 31px;}

#top_review .review {
	padding: 0 0 60px;
	width: 100%;
}

.review .onebox {
    background: url(../images/review_bg.jpg);
    width: calc(98% / 3);
    gap: 1%;
    margin: 0.3%;
    background-size: cover;
}

.review .oneboxs {
    max-width: 2000px;
    margin: 30px auto;
}

.review .onebox .boxs {
	padding: 3% 1%;
	box-sizing: border-box;
}

.review .onebox .profbox {
    color: #fff;
    padding: 16px 1.7%;
    box-sizing: border-box;
    width: 100%;
}

.review .onebox .profbox .prof {
	width: 100%;
	line-height: 1.5;
}

.review .onebox .profbox .prof .name {font-size: 22px;text-align: center;}

@media screen and (max-width: 1600px) {
    .review .onebox .profbox .prof .name {font-size: 1.1vw;}
}

.review .onebox .profbox .prof .name span {font-size: 16px;}

@media screen and (max-width: 1600px) {
    .review .onebox .profbox .prof .name span {font-size: 0.9vw;}
}

.review .onebox .profbox .prof .size {font-size: 14px;text-align: center;}

@media screen and (max-width: 1300px) {
    .review .onebox .profbox .prof .size {font-size: 12px;}
}

.review .onebox .review_img {width: 40%;}

.review .onebox .review_img img {width: 100%;}

.review .onebox .info {
    color: #fff;
    padding: 0 1%;
    box-sizing: border-box;
    width: 60%;
}

.review .onebox .info .date {font-size: 0.8vw;}

.review .onebox .info .datename {font-size: 0.8vw;}

.review .onebox .info .status { width: 46%;}

.review .onebox .info .status li {
    font-size: 0.8vw;
    margin: 0 0.2vw;
}

.review .onebox .info .com1 {
    background: rgba(255, 255, 255, .8);
    color: #000;
    padding: 1%;
    box-sizing: border-box;
    overflow: auto;
    height: 8vw;
    margin: 0.6vw auto;
}

.review .onebox .info .com2 {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 1%;
    box-sizing: border-box;
    overflow: auto;
    height: 8vw;
    margin: 0.6vw auto;
}

.review .onebox .info .com1 .txt,
.review .onebox .info .com2 .txt {
    font-size: 0.7vw;
    line-height: 1.5;
}

.review .onebox .info .com2 .scom {
    display: block;
    font-size: 0.9vw;
}

/* star */
.star-box {
    background: none !important;
    height: auto !important;
    width: 50%;
    justify-content: flex-start;

}

.star-box .num {
    width: 12%;
    font-size: 1.2vw;
    color:#d89608;
}

.star-box .star-rating {
	background: none!important;
    position: relative!important;
    display: inline-block!important;
	width: auto!important;
	height: auto!important;
}

.star-box .star-rating::after {
	content: ""!important;
	clear: both!important;	
}
		
.star-box .star-rating-front {
    font-size: 1.4vw;
    width: auto;
    background: none;
    position: absolute;
    top: -10px !important;
    left: 0 !important;
    overflow: hidden;
    color: #d89608;
    z-index: 2;
    margin: 0;
    height: 100%;
    padding: 10px 0 10px;
}
		
.star-box .star-rating-back {
    font-size: 1.4vw!important;
	color: #fff!important;
	text-align: left!important;
	top: 0!important;
	left: 0!important;
	margin-left: 0!important;
}			

/*rank*/
.star0 {width:0.0vw!important}/*1*/
.star0-5 {width:0.7vw!important}/*1*/
.star1 {width:1.4vw!important}/*1*/
.star1-5 {width:2.12vw!important}/*1*/
.star2 {width:2.9vw!important}/*2*/
.star2-5 {width:3.5vw!important}/*2*/
.star3 {width:4.3vw!important}/*3*/
.star3-5 {width:4.9vw!important}/*3*/
.star4 {width:5.7vw!important}/*4*/
.star4-5 {width:6.35vw!important}/*4*/
.star5 {width:7vw!important}/*5*/
/*/rank*/

/* /star */

/** /top review **/

/*** #c-news news.html ***/

#c-news {
    background: url(../images/info_bgc.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
}

#c-news .inner {
    width: 100%;
    padding: 4% 3%;
    box-sizing: border-box;
}

#c-news .topicsbox {
    justify-content: space-around;
    width: 100%;
    max-width: 1300px;
    margin: auto;
}

#c-news figure {width: 50%;}

#c-news figure img {
    width: 100%;
    max-width: 600px;
}

#c-news .info {width: 50%;}

#c-news .info .date {font-size: 24px;}

#c-news .info .title {
    font-size: 40px;
    margin: 20px 0;
}

#c-news .info .combox {
    width: 96%;
    background: rgba(255, 255, 255,.8);
    padding: 3%;
    box-sizing: border-box;
    position: relative;
}

#c-news .info .combox .more {
    right: 10px;
    bottom: 10px;
    position: absolute;
}

#c-news .info .com {
    color: #000;
    line-height: 1.5;
    font-size: 18px;
    height: 520px;
    overflow: auto;
    margin-bottom: 80px;
}

/*** /#c-news news.html ***/

/*** #c-event event.html ***/

#c-event {
    background: url(../images/info_bgc.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
}

#c-event .inner {
    width: 100%;
    padding: 4% 3%;
    box-sizing: border-box;
}

#c-event .topicsbox {
    justify-content: space-around;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 50px;
}

#c-event figure {
    width: 100%;
    text-align: center;
    margin: 50px auto;
}

#c-event figure img {
    width: 100%;
    max-width: 900px;
}

#c-event .info {
    width: 100%;
    border: 1px solid #fff;
    box-sizing: border-box;
    padding: 2%;
}

#c-event .info .title {
    font-size: 40px;
    margin: 20px auto;
    text-align: center;
}

#c-event .info .combox {
    width: 100%;
    background: rgba(255, 255, 255, .8);
    padding: 2%;
    box-sizing: border-box;
    position: relative;
    max-width: 900px;
    margin: auto;
}

#c-event .info .combox .more {
    right: 10px;
    bottom: 10px;
    position: absolute;
}

#c-event .info .com {
    color: #000;
    line-height: 1.5;
    font-size: 18px;
    height: 400px;
    overflow: auto;
}

/*** /#c-event event.html ***/

/***** humbergar nav *****/

nav > #nav-obi .open, .open img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

nav > #nav-obi .open {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #a9976d;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: visible;
	z-index: 3000;
	width: 100%;
	opacity: 1;
	transition: all 1.4s cubic-bezier(.04, .435, .315, .9)
}

nav > #nav-obi .open.is-loading img,
nav > #nav-obi .open.is-loading p {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}

nav > #nav-obi .open.is-loaded {
	opacity: 0;
	visibility: hidden;
	z-index: -1
}

nav > #nav-obi .open img {
	display: block;
	margin: 0 auto;
	width: 154px;
	opacity: 0;
	-webkit-transform: translate(0, 5px);
	transform: translate(0, 5px);
	transition: all 1s cubic-bezier(.04, .435, .315, .9) .1s
}

nav > #nav-obi .open img:nth-of-type(2) {transition-delay: .4s}

nav > #nav-obi .open p {
	color: #fff;
	text-align: center;
	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate(0, 5px);
	transform: translate(0, 5px);
	transition: all 1s cubic-bezier(.04, .435, .315, .9) .4s;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	letter-spacing: .1em
}

nav > #nav-obi h1 img {width: 130px}

nav > #nav-obi.is-fixed h1 img {width: 130px}

nav > #nav-obi #open {
	font-size: 24px;
	color: #ff008a;
	background: #fff;
	height: 65px;
	text-align: center;
	margin-right: 10px
}

nav > #nav-obi.is-fixed #open {height: 55px}

nav > #nav-obi #open p {padding: 14px 10px}

nav > #nav-obi.is-fixed #open p {padding: 9px 10px}

nav > #nav-obi #open p span {
	font-size: 13px;
	display: block
}

nav .nav-obi .hamburer.is-open span {opacity: 0}

nav .nav-obi .hamburer {transition: all .8s cubic-bezier(.04, .435, .315, .9)}

nav .nav-obi .hamburer {
    position: absolute;
    top: 70px;
    right: -6vw;
    cursor: pointer;
    width: 40px;
    height: 40px;

    @media screen and (max-width:1400px) {right: -8vw;}
}

nav .nav-obi.is-fixed .hamburer {top: 23px}

nav .nav-obi .hamburer.is-open span:first-of-type {
	-webkit-transform: translate(0, 7px) rotate(0deg);
	transform: translate(0, 7px) rotate(0deg)
}

nav .nav-obi .hamburer.is-open span:nth-of-type(2) {
	-webkit-transform: translate(0, 7px) rotate(0deg);
	transform: translate(0, 7px) rotate(0deg);
	opacity: 0
}

nav .nav-obi .hamburer.is-open span:last-of-type {
	-webkit-transform: translate(0, 7px) rotate(0deg);
	transform: translate(0, 7px) rotate(0deg)
}

nav .nav-obi .hamburer:hover span:nth-of-type(2) {width: 30px}

nav .nav-obi .hamburer:hover span:last-of-type {width: 20px}

nav .nav-obi .hamburer span {
    display: block;
    width: 40px;
    height: 2px;
    background-color: #fff;
    transition: all .8s cubic-bezier(.04, .435, .315, .9);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    box-sizing: border-box;
    padding: 0px 0;
    margin: 2px 0;
}

nav .nav-obi .hamburer span:first-of-type {
	-webkit-transform: translate(0, -5px) rotate(0deg);
	transform: translate(0, -5px) rotate(0deg)
}

nav .nav-obi .hamburer span:nth-of-type(2) {
	-webkit-transform: translate(0, 3px) rotate(0deg);
	transform: translate(0, 3px) rotate(0deg)
}

nav .nav-obi .hamburer span:last-of-type {
	-webkit-transform: translate(0, 11px) rotate(0deg);
	transform: translate(0, 11px) rotate(0deg)
}

nav .nav-obi .hamburer p {
    font-size: 10px;
    text-align: center;
    color: #000;
    padding-top: 3px;
}

nav .nav-obi {
    position: fixed;
    top: 0;
    right: 12%;
    height: 86px;
    z-index: 10;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
}

nav .nav-obi.is-show {opacity: 1}

nav .nav-obi.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	border-radius: 0;
}

nav .hamburer-in,
nav .hamburer-in .hamburer-close {
	transition: all .8s cubic-bezier(.04, .435, .315, .9);
	opacity: 0;
	z-index: 1000
}

nav .hamburer-in {
    color: #000;
    display: flex;
    justify-content: center;
    visibility: hidden;
    pointer-events: none;
    z-index: -1;
    background-color: rgba(0, 0, 0, .8);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: scroll;
}

nav .hamburer-in.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 2000
}

nav .hamburer-in .hamburer-close {
	position: absolute;
	top: 39px;
	right: 55px;
	cursor: pointer;
	width: 40px;
	height: 40px
}

@media screen and (max-width:768px) {
    nav .hamburer-in .hamburer-close {
        top: 21px;
        right: 20px;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }
}

nav .hamburer-in .hamburer-close.is-open,
nav .top-brand__list-item a:hover img[src*="h.png"] {
	opacity: 1
}

@media screen and (max-width:768px) {
    nav .hamburer-in .hamburer-close.is-open {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }
}

nav .hamburer-in .hamburer-close.is-open span:first-child {
	-webkit-transform: rotate(-45deg) translate(-1px, 0);
	transform: rotate(-45deg) translate(-1px, 0)
}

nav .hamburer-in .hamburer-close.is-open span:last-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

nav .hamburer-in .hamburer-close span {
	display: block;
	width: 30px;
	height: 1.5px;
	background-color: #fff;
	position: relative;
	top: 10px;
	left: 10px;
	transition: all .8s cubic-bezier(.04, .435, .315, .9)
}

nav .hamburer-in .hamburer-close span:first-child {
	-webkit-transform: rotate(180deg) translate(-1px, 0);
	transform: rotate(180deg) translate(-1px, 0)
}

nav .hamburer-in .hamburer-close span:last-child {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

nav .hamburer-in .hamburer-main {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}

nav .hamburer-in .hamburer-main .box {
	font-size: 1.6rem;
	overflow: hidden
}

nav .hamburer-in .hamburer-main ul li {}

nav .hamburer-in .hamburer-main ul li::after {
    border-left: 2px solid #fff;
    border-right: 0px !important;
    left: 0;
    top: 0 !important;
    height: 64px !important;
    width:2px;
}

nav .hamburer-in .hamburer-main ul li img {width: 100%}

nav .hamburer-in .hamburer-main ul.bna li img {
	width: 165px;
	margin: 0 5px
}

nav .hamburer-in .hamburer-main .card {
	box-shadow: 0 0 0 1px #fff inset;
	margin: 20px 5px;
	border-radius: 15px
}

nav .hamburer-in .hamburer-main .card p {padding-top: 10px}

nav .hamburer-in .hamburer-main .card > ul li {
	box-shadow: 0 0 0 1px #fff inset;
	width: 140px;
	padding: 10px;
	border-radius: 10px
}

nav .hamburer-in .hamburer-main .card > ul li:first-of-type {margin: 10px 0 10px 10px}

nav .hamburer-in .hamburer-main .card > ul li:last-of-type {margin: 10px 10px 10px 0}

nav .hamburer-in .hamburer-main {
	display: block;
	text-align: center
}

nav .hamburer-in .hamburer-main .sns {text-align: left}

nav .hamburer-in .hamburer-main .sns img {
	width: 40px;
	margin: 15px 5px
}

nav .hamburer-in .hamburer-main .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px
}

nav .hamburer-in .hamburer-main .box a {
    position: relative;
    color: currentColor;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

@media screen and (max-width: 500px) {
    nav .hamburer-in .hamburer-main .box a.small {font-size: 1.5rem}
}

@media screen and (max-width: 320px) {
    nav .hamburer-in .hamburer-main .box a {
        font-size: 1.3rem;
        padding: 10px
    }
    
    nav .hamburer-in .hamburer-main .box a.small {font-size: 1.2rem}
}

nav .hamburer-in .hamburer-main .box a img {
    width: 30px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

nav .hamburer-in .hamburer-main .box a.is-salon-info span:after,
nav .hamburer-in .hamburer-main .box a.is-salon-info span:before {
	width: 60px
}

nav .hamburer-in .hamburer-main .box a.is-long {overflow: visible}

nav .hamburer-in .hamburer-main .box a.is-long span:after,
nav .hamburer-in .hamburer-main .box a.is-long span:before {
	width: 80px
}

nav .hamburer-in .hamburer-main .box a span {
	font-size: 21px;
	display: inline-block;
	position: relative
}

@media screen and (max-width:768px) {
    nav .hamburer-in .hamburer-main .box a span {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1
    }
}

nav .hamburer-in .hamburer-main .box a span:hover:after, nav .hamburer-in .hamburer-main .box a span:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

@media screen and (max-width:768px) {
    nav .hamburer-in .hamburer-main .box a span:hover:after, nav .hamburer-in .hamburer-main .box a span:hover:before {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

nav .hamburer-in .hamburer-main .box a span:after, nav .hamburer-in .hamburer-main .box a span:before {
	content: '';
	position: absolute;
	width: 120px;
	height: 1px;
	background-color: currentColor;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transition: all .8s cubic-bezier(.04, .435, .315, .9)
}

nav .hamburer-in .hamburer-main .box a span:before {
	top: 10px;
	left: 100%;
	-webkit-transform-origin: left center;
	transform-origin: left center
}

nav .hamburer-in .hamburer-main .box a span:after {
	top: 10px;
	right: 100%;
	-webkit-transform-origin: right center;
	transform-origin: right center
}

nav .hamburer-in .hamburer-main .box a .icon {margin-left: 10px}

@media screen and (max-width:768px) {
    nav .hamburer-in .hamburer-main .box a .icon {font-size: 11px}
}

nav .hamburer-in .hamburer-main .box .global-menu {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

nav .hamburer-in .hamburer-main .box .global-menu h2 {}

nav .hamburer-in .hamburer-main .box .global-menu h2 img {
    width: 300px;
    margin: 0;
}

nav .hamburer-in .hamburer-main .box .global-menu ul {
    margin-top: 30px;
    justify-content: flex-start;
}

@media screen and (max-width:768px) {
    nav .hamburer-in .hamburer-main .box .global-menu ul {margin-top: 50px;}
}

nav .hamburer-in .hamburer-main .box .global-menu ul li {
    width: 18.5%;
    box-sizing: border-box;
    padding: 1% 0 0 2%;
    font-size: 18px;
    margin-bottom: 35px;
    margin-top: 3%;
}

nav .hamburer-in .hamburer-main .box .global-menu ul li a,
nav .hamburer-in .hamburer-main .box .global-menu ul li a span{text-align: left;padding: 0;font-size: 1vw;}

nav .hamburer-in .hamburer-main .box .global-menu ul li a p {}

nav .hamburer-in .hamburer-main .box .global-menu ul li a p:first-of-type {font-size: 24px;}

nav .hamburer-in .hamburer-main .box .global-menu ul li a p:last-of-type {
    position: relative;
    font-size: 20px;
    text-align: left;
}

nav .hamburer-in .hamburer-main .ban {padding: 0px 0 80px;}

nav .hamburer-in .hamburer-main .ban li {margin: 10px 0;}

nav .hamburer-in .hamburer-main .ban a {}

nav .hamburer-in .hamburer-main .ban img {
    width: 90%;
    max-width: 800px;	
}

nav .hamburer-in .hamburer-main .box .global-menu ul li .navicon {}

nav .hamburer-in .hamburer-main .box .global-menu ul li .navicon img {width: 50px;}

nav .hamburer-in .hamburer-main .box .global-menu ul li .navtxt {}

nav .hamburer-in .hamburer-main .box .global-menu ul li .navtxt p {}

nav .hamburer-in .hamburer-main .box .global-menu .reclinks {
    width: 100%;
    margin: 0 auto;
    justify-content: space-around;
}

nav .hamburer-in .hamburer-main .box .global-menu .reclinks li {
    width: 48%;
    padding: 0;
}

nav .hamburer-in .hamburer-main .box .global-menu .reclinks li::after {border: none;}

nav .hamburer-in .hamburer-main .box .global-menu .reclinks img {width: 100%;}

/***** /humbergar nav *****/


/*** review.html ***/

#c_review .more01 {
    text-align: center;
    margin: 50px auto;
    max-width: 420px;
}

#c_review .more01 h3 {
    text-align: center;
    font-size: 36px;
}

#c_review .more01 .bline {
    display: block;
    position: static;
    border-bottom: 1px solid #fff;
    width: 70%;
	margin: 10px auto;
}

#c_review .more01 p {
	text-align: center;
	font-size: 14px;
}

#c_review .more01 .more_btn01 {
    max-width: 420px;
	padding: 20px 8px;
}

#c_review .review {
	padding: 0 0 60px;
	width: 100%;
}

#c_review .review .onebox {
    background: url(../images/review_bg.jpg);
    width: calc(98.7% / 2);
    gap: 1%;
    margin: 0.3%;
    background-size: cover;
}

#c_review .review .oneboxs {
    max-width: 1600px;
    margin: 30px auto;
}

#c_review .review .onebox .boxs {
	padding: 3% 1%;
	box-sizing: border-box;
}

#c_review .review .onebox .profbox {
    color: #fff;
    padding: 16px 1.7%;
    box-sizing: border-box;
    width: 100%;
}

#c_review .review .onebox .profbox .prof {
	width: 100%;
	line-height: 1.5;
}

#c_review .review .onebox .profbox .prof .name {font-size: 22px;text-align: center;}

@media screen and (max-width: 1600px) {
	#c_review .review .onebox .profbox .prof .name {font-size: 1.1vw;}
}

#c_review .review .onebox .profbox .prof .name span {font-size: 16px;}

@media screen and (max-width: 1600px) {
    #c_review .review .onebox .profbox .prof .name span {font-size: 0.9vw;}
}

#c_review .review .onebox .profbox .prof .size {font-size: 14px;text-align: center;}

@media screen and (max-width: 1300px) {
    #c_review .review .onebox .profbox .prof .size {font-size: 12px;}
}

#c_review .review .onebox .review_img {width: 40%;}

#c_review .review .onebox .review_img img {width: 100%;}

#c_review .review .onebox .info {
    color: #fff;
    padding: 0 1%;
    box-sizing: border-box;
    width: 60%;
}

#c_review .review .onebox .info .date {font-size: 0.8vw;}

#c_review .review .onebox .info .datename {font-size: 0.8vw;}

#c_review .review .onebox .info .status {width: 46%;}

#c_review .review .onebox .info .status li {
    font-size: 0.8vw;
    margin: 0 0.2vw;
}

#c_review .review .onebox .info .com0 {
    margin-top: 0.5vw;

    .ttl {color: #fff;font-size: 1.2vw;}
}

#c_review .review .onebox .info .com1 {
    background: rgba(255, 255, 255, .8);
    color: #000;
    padding: 1%;
    box-sizing: border-box;
    overflow: auto;
    height: 8vw;
    margin: 0.6vw auto;
}

#c_review .review .onebox .info .com2 {
    background: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 1%;
    box-sizing: border-box;
    overflow: auto;
    height: 8vw;
    margin: 0.6vw auto;
}

#c_review .review .onebox .info .com1 .txt,
#c_review .review .onebox .info .com2 .txt {
    font-size: 0.7vw;
    line-height: 1.5;
}

#c_review .review .onebox .info .com2 .scom {
    display: block;
    font-size: 0.9vw;
}

#c_review .star-box {
    background: none !important;
    height: auto !important;
    width: 50%;
    justify-content: flex-start;

}

#c_review .star-box .num {
    width: 12%;
    font-size: 1.2vw;
    color:#d89608;
}

#c_review .star-box .star-rating {
	background: none!important;
    position: relative!important;
    display: inline-block!important;
	width: auto!important;
	height: auto!important;
}

#c_review .star-box .star-rating::after {
	content: ""!important;
	clear: both!important;	
}
		
#c_review .star-box .star-rating-front {
    font-size: 1.4vw;
    width: auto;
    background: none;
    position: absolute;
    top: -10px !important;
    left: 0 !important;
    overflow: hidden;
    color: #d89608;
    z-index: 2;
    margin: 0;
    height: 100%;
    padding: 10px 0 10px;
}
		
#c_review .star-box .star-rating-back {
    font-size: 1.4vw!important;
	color: #fff!important;
	text-align: left!important;
	top: 0!important;
	left: 0!important;
	margin-left: 0!important;
}			

/*** /review.html ***/

/*** access.html ***/

#access {padding-bottom: 0;}

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

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

#access .subbox {padding: 50px 0 0;}

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

@media screen and (max-width: 1400px) {
    #access .subbox .tit-e {font-size: 34px;}
}

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

#access .bg {
	background: url(../images/sys_bg1.jpg) no-repeat top center;
	background-attachment: fixed;
}

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

.access_box1 .txt {
    text-align: center;
    font-size: 16px;
    margin: 50px auto 80px;
}

.access_box1 .boxs {
    margin: 50px auto;
    box-sizing: border-box;
    width: 100%;
}

.access_box1 .boxs .priceboxs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    margin: 50px auto;
}

.access_box1 .boxs .priceboxs dl {
    border-bottom: 1px solid #fff;
    width: 100%;
    margin: 0 auto ;
}

.access_box1 .boxs .priceboxs dl:first-of-type {
    border-top: 1px solid #fff;
}

.access_box1 .boxs .priceboxs dl dt,
.access_box1 .boxs .priceboxs dl dd {
	padding: 20px 0;
}

.access_box1 .boxs .priceboxs dl dt {
    font-size: 34px;
    color: #878afc;
    width: 30%;
    padding-left: 10%;
}

.access_box1 .boxs .priceboxs dl dd {
    font-size: 16px;
    width: 60%;
}

#access .systxt {
    text-align: center;
    font-size: 18px;
    line-height: 1.8;
    padding-bottom: 80px;
	margin: 0;
}

/*** /access.html ***/

/** fban **/
.fban {
    text-align: center;
    margin: 50px auto;

    img {width: 100%;max-width: 1000px;}
}



/** /fban **/