@charset "utf-8";

:root {
    --cha: #6a4423;
    --pink: #ff6c9c;
    --pink01:#ff75a4;
    --pinkbg:#ff75a4;
    --yellowbg:#feffb1;
    --red: #ff0000;
    --font01: ;
}



/********** Reset  **********/
* {
    padding: 0px;
    margin: 0px;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

img {
    vertical-align: bottom;
}main 

form {
    margin: 0px;
    padding: 0px;
}

/********** /Reset  **********/

/********** common **********/
body {
    color: var(--cha);
    /*font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;*/
    font-family: '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', 'HiraMinProN-W3', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'Noto Serif JP', serif;
    font-size: 12px;
    margin: 0;
    text-align: center;
    background-attachment: fixed;
    min-width: 1200px;
    /*background: #000;*/
    background: url(../images/mainbg.jpg) repeat center top;
}

body.under {

    padding: 1px 0 0;
}

@media screen and (max-width: 1680px) {
    body.under {

    }
}

@media screen and (max-width: 1480px) {
    body.under {
    }
}
main {
    padding-top: 100px;
    overflow-x: hidden;
    min-height: calc(100vh - 100px - 200px) ;
    margin: 80px auto;
}
main#top{
    margin: 0 auto;
}
/*
@media screen and (max-width: 1680px) {
    main {
        padding-top: 130px;
    }
}

@media screen and (max-width: 1480px) {
    main {
        padding-top: 108px;
    }
}*/

img {
    border: none;
}

a {
    color: #fff;
    text-decoration: none;
    outline: none;
}

a:link {
    color: #fff;
    text-decoration: none;
    outline: none;
}

a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
}

a:hover {
    opacity: 0.5;
    text-decoration: none;
    /*outline: none;*/
}

/*a:hover img {filter:Alpha(opacity=80) ;opacity:0.8 ;-moz-opacity:0.8;}*/

h2 {
    display: block;
}

.clear {
    clear: both;
}

/* clearfix */
.clearfix:after {
    content: ".";
    /* 新しいコンテンツ */
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    /* 非表示に */
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*¥*/
    /*/
  height: auto;
  overflow: hidden;
  /**/
}

/* /clearfix */

/********** /common **********/

/*** 【404.html】 ***/
#not {
    margin: 50px auto;
}

#not div {
    height: 500px;
    justify-content: space-evenly;
    box-sizing: border-box;
    padding-top: 100px;
}

#not article {
    margin: 20px;
    padding: 10px;
    box-sizing: border-box;
}

#not article h2 {
    font-size: 48px;
    font-weight: bold;
}

#not article h3 {
    font-size: 22px;
    font-weight: bold;
}

#not article p {
    font-size: 14px;
}

#not figure {
    margin: 20px;
}

/*** /【404.html】 ***/

/********** common parts **********/

/* title */
h1.title,
h1.title2 {
    width: 100%;
    max-width: 1600px;
    margin: 20px auto;
}

h1.title3 {
    margin: 20px auto;
}

h1.title img,
h1.title2 img,
h1.title3 img {
    width: 100%;
    padding-bottom: 8px;
}

/*h1.title,h1.title3 {border-bottom: 1px solid #ff0000;}*/
h1.title2 {
    /*border-bottom: 1px solid #fff;*/
}

.title_bar{
    background: url(../images/title_bar.jpg)no-repeat center center;
color: #a07c5c;
text-align: center;
align-content: center;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
height: 100px;
line-height: 1.1;
}
.title_bar.midi{
    background: url(../images/title_bar_midi.jpg)no-repeat center center;
}
.title_bar.short{
    background: url(../images/title_bar_short.jpg)no-repeat center center;
}
.title_bar em{
    font-size: 46px;
    display: block;
}
.title_bar span{font-size: 18px;
display: block;}

/* /title */

/* link button */
.link-box {
    margin: 30px auto;
}

a.link-btn,
a.link-btn2 {
    width: 100%;
    max-width: 420px;
    display: block;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 11px;
    margin: 0 auto;
    height: 45px;
    box-shadow: 1px 1px 2px #8e8e8e;
}

a.link-btn {
    background: linear-gradient(to right, #e5c691 0%, #ba822d 50%, #e5c691 100%);
}

a.link-btn2 {
    background: linear-gradient(to right, rgba(255, 0, 4, 1) 0%, rgba(255, 122, 122, 1) 39%, rgba(255, 122, 122, 1) 65%, rgba(255, 0, 4, 1) 100%);
}

/* /link button */

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

/* flex box class */
.flex1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

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

/* /flex box class */

/* 下層タイトル帯 */
.tit-img {
    /* background: url(../images/ttl_bg.png)no-repeat center top; */
    height: 80px;
    box-sizing: border-box;
    font-size: 30px;
    font-weight: bold;
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px;
}

.tit-bg {
    background: #000;
}

/* /下層タイトル帯 */

/********** /common parts **********/

/********** option parts **********/

/* caption effect */
figure.cap-efct {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-width: 313px;
    max-width: 313px;
    max-height: 416px;
    margin: 10px auto;
    text-align: center;
    color: #fff;
        background: linear-gradient(to bottom, #dc75f9 0%, #dc75f9 30%, #ffa0c6e5 100%);

}

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

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

figure.cap-efct span {
    width: 100%;
    -webkit-transition: opacity 0.3s;
    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 {
    content: '';
    position: absolute;
    top: -20%;
    left: -75%;
    width: 40%;
    height: 140%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.6) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-20deg);
    opacity: 0;
}

figure.cap-efct:hover figcaption::before {
    animation: shine 0.6s ease;
}

@keyframes shine {
    0% {
        left: -75%;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        left: 130%;
        opacity: 0;
    }
}

figure.cap-efct:hover figcaption {background: linear-gradient(to bottom, #dc75f9b9 0%, #dc75f9b9 30%, #ffa0c6c4 100%);}

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

figure.cap-efct p {
    text-align: center !important;
    font-size: 22px !important;
    text-shadow: 1px 1px 2px #2d2d2d !important;
    padding: 150px 0 0 !important;
    font-weight: normal !important;
}

figure.cap-efct .txt-space {
    text-align: center;
    font-size: 20px;
    text-shadow: 1px 1px 2px #2d2d2d;
    padding: 10px 0 0;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 135px;
    width: 100%;
    height: 50px;
}

figure.cap-efct div {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
    background: none;
}

figure.cap-efct div img {
    width: 100% ;
    opacity: 1 ;
    margin: 0 auto;
}

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

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

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

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

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


/* /caption effect */

/* image hover scale-box */
.scale-box {
    width: 200px;
    height: 200px;
    overflow: hidden;
    display: block;
}

.scale-img {
    width: 200px;
    height: 200px;
    transition-duration: .5s;
}

.scale-img:hover {
    transform: scale(1.2, 1.2);
    cursur: pointer;
}

/* /image hover scale-box */

/* LINEicon animation */
.img_up {
    animation: img_up 1.5s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes img_up {
    0% {
        transform: translateY(0)
    }

    33.33333% {
        transform: translateY(-3px)
    }

    66.66667% {
        transform: translateY(3px)
    }

    100% {
        transform: translateY(0)
    }
}

/* /LINEicon animation */

/* Reserveicon animation */
.img_down {
    animation: img_down 1.5s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes img_down {
    0% {
        transform: translateY(0)
    }

    33.33333% {
        transform: translateY(1px)
    }

    66.66667% {
        transform: translateY(-1px)
    }

    100% {
        transform: translateY(0)
    }
}

/* /Reserveicon animation */

/********** /option parts **********/

/***** 【 header 】 *****/

.hb-off {
    display: none;
}

#mainheader {
    background: #ff0000;
    padding: 15px 0;
    margin: 0 auto;
}

#mainheader h1 {
    margin: 0 40px;
}

@media screen and (max-width: 1650px) {
    #mainheader h1 {
        margin: 0 10px;
    }
}

@media screen and (max-width: 1250px) {
    #mainheader h1 {
        margin: 0 5px;
    }
}

#mainheader h1 img {
    width: 200px;
}

@media screen and (max-width: 1550px) {
    #mainheader h1 img {
        width: 37.5161vw;
    }
}

@media screen and (max-width: 1250px) {
    #mainheader h1 img {
        width: 35.5161vw;
    }
}

@media screen and (max-width: 1200px) {
    #mainheader h1 img {
        width: 400px;
    }
}

#mainheader nav ul.gnavi {}

#mainheader nav ul.gnavi li {}

#mainheader .link-box {
    width: 240px;
    margin-top: 50px;
    margin: 245px 10px 0;
}

#mainheader .link-box .inner {
    margin: 3px;
}

#mainheader .link-box h1 {
    width: 100%;
    padding: 1px;
    margin: 8px 5px;
    background: #fff;
    border-radius: 12px;
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
}

#mainheader .side-box {
    width: 315px;
    margin: 60px 10px 0 5px;
    line-height: 1em;
}

@media screen and (max-width: 1550px) {
    #mainheader .side-box {
        width: 100%;
        max-width: 295px;
    }
}

@media screen and (max-width: 1200px) {
    #mainheader .side-box {
        margin: 110px 10px 0 5px;
    }
}

#mainheader .side-box .l-box {}

#mainheader .side-box .l-box div:last-of-type {
    margin-left: 10px;
}

#mainheader .side-box p {}

#mainheader .side-box p.line-txt {
    margin-left: 5px;
    margin-bottom: 5px;
}

#mainheader .side-box p.line-txt span {
    display: inline-block;
    transform: rotate(-30deg);
    font-size: 14px;
}

#mainheader .side-box p.line-txt img {
    width: 35px;
    margin-left: 5px;
}

#mainheader .side-box p.txt {
    background: #fff;
    color: #ff0000;
    font-size: 14px;
    font-weight: bold;
    width: 310px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 6px;
    text-align: center;
}

@media screen and (max-width: 1550px) {
    #mainheader .side-box p.txt {
        width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    #mainheader .side-box p.txt {
        width: 260px;
        margin: 0;
    }
}

#mainheader .side-box p.txt img {
    width: 30px;
}

#mainheader .side-box .time {
    line-height: 16px;
    font-size: 20px;
    margin: 3px 0 0;
    padding: 5px;
}

#mainheader .side-box .time i {
    vertical-align: middle;
    margin-right: 6px;
}

#mainheader .side-box .time i img {
    width: 20px;
}

#mainheader .side-box .tel {
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    padding: 5px;
    line-height: 0.6;
}

#mainheader .side-box .tel i {
    vertical-align: middle;
    margin-right: 6px;
}

#mainheader .side-box .tel i img {
    width: 26px;
}

#mainheader .side-box .mail {
    text-align: left;
    font-size: 20px;
    padding: 5px;
    line-height: 1;
}

#mainheader .side-box .mail i {
    vertical-align: middle;
    margin-right: 6px;
}

#mainheader .side-box .mail i img {
    width: 26px;
}

#mainheader .side-box .add {
    text-align: left;
    font-size: 13px;
    padding: 5px;
}

#mainheader .side-box .add i {
    vertical-align: middle;
    display: inline-block;
}

#mainheader .side-box .add i img {
    width: 14px;
}

#mainheader .side-box .add address {
    display: inline-block;
}

#mainheader .side-box .add address span {}

/***** /【 header 】 *****/

/***** 【 nav 】 *****/
#navi {
    width: 100%;
    background: #000;
    margin: 0 auto;
}

#navi ul.gnavi {
    background-repeat: repeat-x;
    padding: 10px 0;
}

#navi ul.gnavi li {
    width: 96px;
    margin: 0 3px;
}

@media screen and (max-width: 1200px) {
    #navi ul.gnavi li {
        margin: 0 3px;
    }
}

#navi ul.gnavi li p {
    margin-top: 8px;
}

#navi ul.gnavi li a {
    display: block;
}

#navi ul.gnavi li img {
    display: block;
    margin: 0 auto;
    width: 29px;
}

#navi ul.gnavi li a:hover img {
    filter: Alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
}

/* nav hover image */
#navi ul.gnavi li.nv_home {
    background: url("../images/nvb_home.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_realtime {
    background: url("../images/nvb_realtime.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_newface {
    background: url("../images/nvb_newface.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_system {
    background: url("../images/nvb_system.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_concept {
    background: url("../images/nvb_concept.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_companion {
    background: url("../images/nvb_companion.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_schedule {
    background: url("../images/nvb_schedule.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_ranking {
    background: url("../images/nvb_ranking.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_diary {
    background: url("../images/nvb_diary.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_hikyaku {
    background: url("../images/nvb_hikyaku.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_access {
    background: url("../images/nvb_access.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_jidori {
    background: url("../images/nvb_jidori.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_enquete {
    background: url("../images/nvb_enquete.png") no-repeat center top;
    background-size: 29px;
}

#navi ul.gnavi li.nv_douga {
    background: url("../images/nvb_douga.png") no-repeat center top;
    background-size: 29px
}

#navi ul.gnavi li.nv_event {
    background: url("../images/nvb_event.png") no-repeat center top;
    background-size: 29px
}

#navi ul.gnavi li.nv_jidorimovie {
    background: url("../images/nvb_jidorimovie.png") no-repeat center top;
    background-size: 29px;
}

/* /nav hover image */

/***** /【 nav 】 *****/

/* page-top */
.pagetop {
    width: 100%;
    /* background: #ff0000; */
    padding: 20px 0 10px;
    line-height: 0;
}

.pagetop .box {
    margin: 0px 0 15px;
    padding-bottom: 5px;
}

.pagetop a {
    display: block;
    width: 100px;
    margin: 0 auto;
    color:var(--cha) ;
}

.pagetop img {
    width: 60px;
}

.arrow {
    width: 40px;
    height: 40px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    transform: rotate(316deg);
    text-align: center;
    margin: 0 auto;
    display: block;
}

/* /page-top */

/***** 【footer】 *****/
footer {
    width: 100%;
    background: url(../images/foot_bg.jpg) repeat center top;
    align-items: center;
    justify-content: flex-start;
}

footer .info {
    margin: 180px 100px 0px 100px;
}

footer .info h2 {
    margin: 10px auto;
}

footer .info h2 img {
    width: 230px;
}

footer .info .box {}

footer .info .box i {
    display: inline-block;
}

footer .info .box i img {
    width: 14px;
    vertical-align: sub;
}

footer .info .box address {
    display: inline-block;
}

footer .info .box address span {
    padding-right: 3px;
}

footer .info .box p {
    padding: 3px 0;
}

footer .info .box p#copy {
    text-align: center;
    margin-top: 20px;
}

footer nav#foot-nav {
    background: none;
    width: 100%;
    max-width: fit-content;
    margin: 30px auto;
}

footer nav#foot-nav ul {
    display: flex;
    justify-content: center;
}

footer nav#foot-nav ul li {
    /*width: 50%;*/
    margin: ;
    font-size: 13px;
    color:var(--cha) ;
}

footer nav#foot-nav ul li a {
color:var(--cha) ;
}
footer nav#foot-nav ul li a:hover {
opacity: 0.7;
}
footer nav#foot-nav ul li::after {
    content: "|";
    margin: auto 10px;
}
footer nav#foot-nav ul li:last-of-type::after {
    content: "";
    margin: auto;
}
footer small {
    text-align: center;
    color: var(--cha);
    font-size: 1.1em;
    padding: 10px 0;
    display: block;
}

/***** /【footer】 *****/

/***** 【 top.html 】 *****/

/** #top-cover **/
#top-cover {
    background: url(../images/cover00.jpg) no-repeat center top;
    background-size: contain;
    position: relative;
}

@media screen and (max-width: 1680px) {
    #top-cover {
    }
}

@media screen and (max-width: 1480px) {
    #top-cover {
    }
}

/** /#top-cover **/

/** #top-slider **/
#top-slider {
    position: relative;
    margin: 0 auto 80px;
}

#top-slider .bg {
    background: url(../images/topslider_bg0.jpg) no-repeat center top;
    height: 810px;
    box-sizing: border-box;
    padding: 50px 0px;
}

#top-slider .bg::before,
#top-slider .bg::after {
    content: "";
    position: absolute;
    top: 0;
    width: 400px;
    height: 100%;
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, .6) 90%);
    z-index: 20;
}

@media screen and (max-width: 1200px) {

    #top-slider .bg::before,
    #top-slider .bg::after {
        width: 220px;
    }
}

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

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


#top-slider .top_slide .space {
    padding: 5px;
    box-sizing: border-box;
}

#top-slider .btn_prev img,
#top-slider .btn_next img {
    cursor: pointer;
}

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

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

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

/** /#top-slider **/

/** #top-realtime **/
#top-realtime {}

#top-realtime .cont-box {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 10px;
    max-width: 1630px;
    margin: 0 auto;

}

@media screen and (max-width: 1650px) {
    #top-realtime .cont-box {
        max-width: 1288px;
    }
}

@media screen and (max-width: 1350px) {
    #top-realtime .cont-box {
        max-width: 966px;
    }
}

#top-realtime .cast-box {
    width: 312px;
    margin: 5px 5px 10px;
}

#top-realtime .cast-box .status {
    color: #fff;
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #8e8e8e;
    padding: 3px;
    margin: 0 auto;
}

/* 今スグOK */
.cast-box .now {
    background: linear-gradient(to bottom, #ff971c 0%, #ff971c 100%);
    border: 1px solid #fff;
}

/* 残り1枠 */
.cast-box .last1 {
    background: linear-gradient(to bottom, #68df8b 0%, #57ce7a 100%);
    border: 1px solid #fff;
}

/* ご予約完売 */
.cast-box .out {
    background: linear-gradient(to bottom, #f6d745 0%, #ecc719 100%);
    border: 1px solid #fff;
}

/* 本日完売 */
.cast-box .dout {
    background: linear-gradient(to bottom, #ae8b69 0%, #926c48 100%);
    border: 1px solid #fff;
}

/* 00:00～OK */
.cast-box .time-ok {
    background: linear-gradient(to bottom, #f5549f 0%, #ff80bc 100%);
    border: 1px solid #fff;
}

/* 00:00～限定案内 */
.cast-box .time-lm {
    background: linear-gradient(to bottom, rgba(255, 91, 147, 1) 0%, rgba(253, 49, 98, 1) 100%);
    border: 1px solid #fff;
}

/* 本日受付終了 */
.cast-box .finish {
    background: #646464;
    border: 1px solid #fff;
}

/* 見合わせ */
.cast-box .miawase {
    background: #328c82;
    border: 1px solid #fff;
}

#top-realtime .cast-box figure .rank-layer-f {
    position: relative;
    z-index: 1;
}

#top-realtime .cast-box figure .rank-layer-f img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
}

.cast-box .rank-layer-t,
#newface .rank-layer-t {
    position: relative;
    z-index: 1;
}

.twt-link a:hover,
.cast-box .rank-layer-t a:hover,
#newface .rank-layer-t a:hover {
    opacity: .8;
}

.cast-box .rank-layer-t img {
    position: absolute;
    top: 15px;
    right: 5px;
    width: 60px;
}

#newface .rank-layer-t img {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 40px;
}

#top-realtime .cast-box figure .rank-layer-b {
    position: relative;
}

#top-realtime .cast-box figure .rank-layer-b img {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
}

#top-realtime .cast-box figure .rank-layer-s {
    position: relative;
}

#top-realtime .cast-box figure .rank-layer-s img {
    position: absolute;
    top: 372px;
    left: 8px;
    width: 95px;
}

#top-realtime .cast-box figure img {}

#top-realtime .cast-box .g-info {
    padding: 5px;
    height: 180px;
    background: url(../images/galbg.jpg) repeat center bottom / cover;
    border: 1px solid #cb9590;
}

#top-realtime .cast-box .g-info p {}

#top-realtime .cast-box .g-info p.com {
    background: linear-gradient(to bottom, #ff6ca7 0%, #ff6ca7 30%, #ffa0c6 100%);
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 2px auto 5px;
    padding: 5px;
    box-sizing: border-box;
    height: 56px;
    line-height: 28px;
    border: 1px solid #ff6ca7;
}

#top-realtime .cast-box .g-info p.name {
    color: #000;
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0;
}

#top-realtime .cast-box .g-info p.size {
    color: #000;
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 0;
}

#top-realtime .g-info .icon-box {
    height: 35px;
}

#top-realtime .g-info .icon-box .op-icon {
    color: #fff;
    font-size: 13px;
    text-align: center;
    margin: 5px auto;
    border-radius: 6px;
    width: 85px;
    height: 20px;
    padding: 2px;
}

#top-realtime .g-info .icon-box .op-icon span {
    display: inline-block;
    transform: rotate(-30deg);
    font-size: 14px;
}

#top-realtime .g-info .icon-box .mat {
    background: #fd60aa;
}

#top-realtime .g-info .icon-box .pd {
    background: #ffa234;
}

#top-realtime .g-info .icon-box .mp {
    background: #ce59ff;
}

#top-realtime .g-info .icon-box .off {
    background: #ccc;
}

#top-realtime .cast-box .g-info p.time {
    color: #000;
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 5px 0;
    line-height: 0.9em;
}

#top-realtime .cast-box .g-info p.time i {
    margin-right: 5px;
}

#top-realtime .cast-box .g-info p.time i img {
    width: 16px
}

/** /#top-realtime **/

/** #top-newface **/
#top-newface {
    position: relative;
    margin: 80px auto;
}

/*
#top-newface .bg::before,#top-newface .bg::after {
	content:"";
	position: absolute;
	top: 0;
    width: 400px;
    height: 100%;
	z-index: 20;
}

	@media screen and (max-width: 1200px){
		#top-newface .bg::before,#top-newface .bg::after {width: 220px;}
	}

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

#top-newface .bg::after {
    right: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .6) 90%);
}
*/

#top-newface .top_slide .space {
    padding: 5px;
    box-sizing: border-box;
}

#top-newface .btn_prev img,
#top-newface .btn_next img {}

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

#top-newfacer .btn_prev {
    left: 0;
}

#top-newface .btn_next {
    right: 0;
}

#top-newface .cast-box {
    margin: 5px 5px 10px;
}

#top-newface .cast-box figure .rank-layer-f {
    position: relative;
    z-index: 1;
}

#top-newface .cast-box figure .rank-layer-f img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
}

#top-newface .cast-box figure .rank-layer-b {
    position: relative;
}

#top-newface .cast-box figure .rank-layer-b img {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
}

#top-newface .cast-box figure .rank-layer-s {
    position: relative;
}

#top-newface .cast-box figure .rank-layer-s img {
    position: absolute;
    top: 372px;
    left: 8px;
    width: 95px;
}

#top-newface .cast-box figure .icon-inner {
    position: relative;
}

#top-newface .cast-box figure .icon-inner .today {
    position: absolute;
    top: 580px;
    font-size: 30px;
    line-height: 1.6em;
    font-weight: bold;
    border-radius: 19px;
    right: 15px;
    width: 240px;
    height: 50px;
    background: #ff0000;
    color: rgba(255, 255, 255, 1);
    padding: 3px;
}

#top-newface .cast-box figure img {}

#top-newface .cast-box .g-info {
    border: 1px solid #fff;
    padding: 5px;
    height: 80px;
    margin: 0 5px;
    background: #fff;
}

#top-newface .cast-box .g-info p {
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0;
}

#top-newface .cast-box .g-info p.start {
    background: url(../images/shopinbg.png) no-repeat center top;
    font-weight: bold;
    color: #fff;
}

#top-newface .cast-box .g-info p.name {}

#top-newface .cast-box .g-info p.size {
    font-size: 16px;
}

#top-newface figure.cap-efct {
    min-width: 313px;
    max-width: 313px;
    max-height: 416px;
    margin: 10px auto;
}

/** /#top-newface **/

/** #top-ranking **/
#top-ranking {
    position: relative;
    margin: 80px auto 0px;
}

#top-ranking .bg {
    background: url(../images/topranking_bg0.jpg) no-repeat center top;
    height: 950px;
    box-sizing: border-box;
    padding: 30px 0px ;
    position: relative;
}

#top-ranking .bg::before,
#top-ranking .bg::after {
    content: "";
    position: absolute;
    top: 0;
    width: 400px;
    height: 100%;
    z-index: 20;
}

@media screen and (max-width: 1200px) {

    #top-ranking .bg::before,
    #top-ranking .bg::after {
        width: 220px;
    }
}

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

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

#top-ranking .top_slide .space {
    padding: 5px;
    box-sizing: border-box;
}

#top-ranking .btn_prev img,
#top-ranking .btn_next img {}

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

#top-ranking .btn_prev {
    left: 0;
}

#top-ranking .btn_next {
    right: 0;
}

#top-ranking .cast-box {
    margin: 0 10px;
}

#top-ranking .cast-box .rank-img {
    margin: 20px auto;
    width: 320px;
}

#top-ranking .cast-box .rank-img img.rank {
    width: 300px !important;
}

#top-ranking .cast-box .cast-bg {
    background: #e38ff7;
    background: -moz-linear-gradient(top, #e094ff 0%, #fb6ebd 100%);
    background: -webkit-linear-gradient(top, #e094ff 0%, #fb6ebd 100%);
    background: linear-gradient(to bottom, #e094ff 0%, #fb6ebd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='e094ff', endColorstr='#fb6ebd', GradientType=0);
    padding: 5px;
    width: 330px;
    height: 440px;
    box-shadow: 10px 10px 0px 0px #ffb7d4;
}

#top-ranking .cast-box .status {
    color: #fff;
    width: 97%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #8e8e8e;
    border-radius: 15px;
    padding: 3px;
    margin: 0 auto;
    height: 40px;
}

#top-ranking .cast-box figure .rank-layer-f {
    position: relative;
    z-index: 1;
}

#top-ranking .cast-box figure .rank-layer-f img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
}

#top-ranking .cast-box figure .rank-layer-b {
    position: relative;
}

#top-ranking .cast-box figure .rank-layer-b img {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
}

#top-ranking .cast-box figure .rank-layer-s {
    position: relative;
}

#top-ranking .cast-box figure .rank-layer-s img {
    position: absolute;
    top: 395px;
    left: 8px;
    width: 95px;
}

#top-ranking .cast-box figure .icon-inner {
    position: relative;
}

#top-ranking .cast-box figure .icon-inner .today {
    position: absolute;
    top: 398px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    right: 10px;
    width: 140px;
    background: #ff0000;
    color: rgba(255, 255, 255, 1);
    padding: 3px;
}

#top-ranking .cast-box figure img {}

#top-ranking .cast-box .g-info {
    border: 1px solid #fff;
    padding: 5px;
    box-sizing: border-box;
    background: #ff62a1;
    margin: 10px 0;
    width: 340px;
}

#top-ranking .cast-box .g-info p {
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0;
}

#top-ranking .cast-box .g-info p.name {
    font-size: 18px;
}

#top-ranking .cast-box .g-info p.size {
    font-size: 14px;
}

#top-ranking figure.cap-efct {
    min-width: 330px;
    max-width: 330px;
    max-height: 450px;
    margin: 0 auto;
}

/** /top-ranking **/

/*** #top-pd #top-topics ***/
.clm-box {
    width: 1600px;
    margin: 30px auto;
}

@media screen and (max-width: 1650px) {
    .clm-box {
        width: 100%;
        max-width: 1600px;
    }
}

@media screen and (max-width: 1200px) {
    .clm-box {
        width: 100%;
        max-width: 1200px;
    }
}

/** #top-pd **/
#top-pd {
    width: 560px;
    margin: 0 auto;
}

@media screen and (max-width: 1650px) {
    #top-pd {
        width: 100%;
        max-width: 510px;
        margin: 0 15px;
    }
}

@media screen and (max-width: 1400px) {
    #top-pd {
        max-width: 460px;
    }
}

@media screen and (max-width: 1350px) {
    #top-pd {
        max-width: 400px;
    }
}

@media screen and (max-width: 1200px) {
    #top-pd {
        width: 360px;
    }
}



#top-pd .cont-box {
    height: 770px;
    padding: 0px;
    border: 1px solid #000;
    width: 100%;
    box-sizing: border-box;

}
#top-pd .cont-box iframe {
width: 100%;
height:770px ;
}
/** /#top-pd **/

/** #top-topics **/
#top-topics {
    width: 1000px;
    margin: 0 auto;
}

@media screen and (max-width: 1650px) {
    #top-topics {
        width: 100%;
        max-width: 810px;
        margin: 0 15px;
    }
}

@media screen and (max-width: 1400px) {
    #top-topics {
        max-width: 810px;
    }
}

@media screen and (max-width: 1350px) {
    #top-topics {
        max-width: 680px;
    }
}

@media screen and (max-width: 1200px) {
    #top-topics {
        width: 680px;
    }
}

#top-topics h1 {
    width: 1000px;
}

@media screen and (max-width: 1650px) {
    #top-topics h1 {
        width: 100%;
        max-width: 1000px;
    }
}

@media screen and (max-width: 1200px) {
    #top-topics h1 {
        max-width: 560px;
    }
}

#top-topics .cont-box {
    height: 775px;
    padding: 0px;
    border: 1px solid #000;
    width: 100%;
    max-width: 980px;
    box-sizing: border-box;
    margin: 0 auto;
    background: #fff;

}

@media screen and (max-width: 1650px) {
    #top-topics .cont-box {
        width: 100%;
    }
}

#top-topics .topics-box {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
   
}

#top-topics .topics-box .topics-ttl {
    background: rgb(255, 1, 1);
    /*background: -moz-linear-gradient(left, rgba(241, 0, 91, 1) 0%, rgba(131, 0, 230, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(241, 0, 91, 1) 0%, rgba(131, 0, 230, 1) 100%);
    background: linear-gradient(to right, rgba(241, 0, 91, 1) 0%, rgba(131, 0, 230, 1) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1005b', endColorstr='#8300e6', GradientType=1);
    color: #fff;
}

#top-topics .topics-box .topics-ttl .day {
    font-size: 13px;
    margin: 0;
    width: 160px;
    text-align: center;
}

#top-topics .topics-box .topics-ttl .day span {
    margin-left: 5px;
}

#top-topics .topics-box .topics-ttl h1.t-title {
    font-size: 18px;
    font-weight: bold;
}

#top-topics .topics-box .topic-article {
    padding: 10px;
    justify-content: center;
    align-items: top;
     flex-wrap: nowrap;
}

#top-topics .topics-box .topic-article figure {
    margin: 10px;
}

#top-topics .topics-box .topic-article figure img {
    width: 100%;
    max-width: 480px;
}

@media screen and (max-width: 1650px) {
    #top-topics .topics-box .topic-article figure img {
        max-width: 320px;
    }
}

@media screen and (max-width: 1350px) {
    #top-topics .topics-box .topic-article figure img {
        max-width: 240px;
    }
}

@media screen and (max-width: 1200px) {
    #top-topics .topics-box .topic-article figure img {
        width: 240px;
        margin: 0 auto;
    }
}

#top-topics .topics-box .topic-txt {
    width: 100%;
    max-height: 680px;
    overflow-y: auto;
    margin: 5px;
    max-width: 450px;
}

@media screen and (max-width: 1650px) {
    #top-topics .topics-box .topic-txt {
        width: 29.3636vw;
    }
}

@media screen and (max-width: 1400px) {
    #top-topics .topics-box .topic-txt {}
}

@media screen and (max-width: 1200px) {
    #top-topics .topics-box .topic-txt {
        width: 400px;
    }
}

#top-topics .slick-dots {
    bottom: -20px;
}



#top-topics .slick-dots li button {
    border: 1px solid #888;
}

/** /#top-topics **/

/*** /#top-pd #top-topics ***/

/*** other-contents ***/
#other-contents {
    margin: 50px auto;
}

#other-contents h2 {
    width: 1000px;
    margin: 20px auto;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--cha);
    font-size: 16px;
    color: var(--cha);
    text-align: center;
    letter-spacing: 5px;
}

#other-contents .frame-box {}

/*** /other-contents ***/

/***** /【top.html】 *****/


/***** 【system.html】 *****/

#system {
}

#system h3 {
    color: var(--cha);
    font-weight: bold;
    font-size: 24px;
    margin-top: 20px;
}

#system h3 span.left {
    border-left: 4px solid var(--cha);
    margin-right: 10px;
}

#system h3 span.right {
    border-right: 4px solid var(--cha);
    margin-left: 10px;
}

#system .tit-bg {
    background: #ff0000;
}

/* sys-price */
#system .sys-price {
    max-width: 1600px;
    margin: 50px auto;
    box-sizing: border-box;
    background: url(../images/sysbg.jpg) no-repeat center top;
    background-size: cover;
    padding: 50px;
    position: relative;
}

#system .sys-bg {
    background: #fff;
    padding: 20px;
}

#system .sys-price .system-box {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

#system .sys-price .note {
    margin: 35px auto;
    font-size: 16px;
}

#system .sys-price ul.price-list {
    justify-content: space-around;
    align-items: center
}

#system .sys-price ul.price-list li {
    margin: 15px;
    /*border-bottom: 1px solid #000;*/
    width: calc(50% - 30px);
}


#system .sys-price ul.price-list li:last-of-type {
    border: none;
}

#system .sys-price ul.price-list li img {}


#system .sys-price ul.price-list li .prank {
    width: 40%;
}

#system .sys-price ul.price-list li .prank .rank {
    width: 145px;
    height: 145px;
    transform: rotate(45deg);
    background: #ffd700;
}


#system .sys-price ul.price-list li .prank .rank .inner {
    width: 145px;
    height: 145px;
    box-sizing: border-box;
    transform: rotate(-45deg);
    padding: 0;
    
    align-content: center;
}


#system .sys-price ul.price-list li .prank .rank.king {
    background: rgb(65, 71, 3);
    background: -moz-linear-gradient(140deg, #876323 25%, #b7a17b 100%);
    background: -webkit-linear-gradient(140deg, #876323 25%, #b7a17b 100%);
    background: linear-gradient(140deg, #876323 25%, #b7a17b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#876323', endColorstr='#876323', GradientType=1);
        color: #fff;
}

#system .sys-price ul.price-list li .prank .rank.premier {
    background: rgb(255, 132, 0);
    background: -moz-linear-gradient(140deg, rgba(255, 132, 0, 1) 25%, rgba(255, 181, 102, 1) 100%);
    background: -webkit-linear-gradient(140deg, rgba(255, 132, 0, 1) 25%, rgba(255, 181, 102, 1) 100%);
    background: linear-gradient(140deg, rgba(255, 132, 0, 1) 25%, rgba(255, 181, 102, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400', endColorstr='#ffb566', GradientType=1);
}

#system .sys-price ul.price-list li .prank .rank.regular {
    background: rgb(255, 0, 96);
    background: -moz-linear-gradient(140deg, #ff3c7e 25%, #ff8ab2 100%);
    background: -webkit-linear-gradient(140deg, #ff3c7e 25%, #ff8ab2 100%);
    background: linear-gradient(140deg, #ff3c7e 25%, #ff8ab2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c7e', endColorstr='#ff8ab2', GradientType=1);
        color: #fff;
}

#system .sys-price ul.price-list li .prank .rank.middle {
    background: rgb(162, 0, 255);
    background: -moz-linear-gradient(140deg, rgba(162, 0, 255, 1) 25%, rgba(199, 102, 255, 1) 100%);
    background: -webkit-linear-gradient(140deg, rgba(162, 0, 255, 1) 25%, rgba(199, 102, 255, 1) 100%);
    background: linear-gradient(140deg, rgba(162, 0, 255, 1) 25%, rgba(199, 102, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a200ff', endColorstr='#c766ff', GradientType=1);
}

#system .sys-price ul.price-list li .prank .rank.beginner {
    background: rgb(0, 174, 255);
    background: -moz-linear-gradient(140deg, rgba(0, 174, 255, 1) 25%, rgba(102, 206, 255, 1) 100%);
    background: -webkit-linear-gradient(140deg, rgba(0, 174, 255, 1) 25%, rgba(102, 206, 255, 1) 100%);
    background: linear-gradient(140deg, rgba(0, 174, 255, 1) 25%, rgba(102, 206, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aeff', endColorstr='#66ceff', GradientType=1);
}



#system .sys-price ul.price-list li .prank .rank p {
    font-size: 18px;
}

@media screen and (max-width: 1320px) {
    #system .sys-price ul.price-list li .prank .rank p {
        font-size: 1.3636vw;
    }
}

#system .sys-price ul.price-list li .prank .rank .name_e {
    font-size: 20px;
}

@media screen and (max-width: 1320px) {
    #system .sys-price ul.price-list li .prank .rank .name_e {
        font-size: 1.5152vw;
    }
}

#system .sys-price ul.price-list li .prank .rank .border {
    border-bottom: 2px solid #fff;
    width: 40px;
    text-align: center;
    margin: 0 auto 10px;
}

@media screen and (max-width: 1320px) {
    #system .sys-price ul.price-list li .prank .rank .border {
        width: 3.0303vw;
        margin: 0 auto 0.7576vw;
    }
}

#system .sys-price ul.price-list li .prank .rank .name_j {
    font-size: 21px;
    margin-bottom: -5px;
}

@media screen and (max-width: 1320px) {
    #system .sys-price ul.price-list li .prank .rank .name_j {
        font-size: 1.5909vw;
        margin-bottom: -0.3788vw;
    }
}

#system .sys-price ul.price-list li .plist {
    width: 55%;
    justify-content: flex-end;
}

#system .sys-price ul.price-list li .plist .price {}

#system .sys-price ul.price-list li .plist .min {
    font-size: 38px;
    margin-right: 10px;
}

@media screen and (max-width: 1320px) {
    #system .sys-price ul.price-list li .plist .min {
        font-size: 2.8788vw;
        margin-right: 0.7576vw;
    }
}


#system .sys-price ul.price-list li .plist .min span {
    font-size: 30px;
}

@media screen and (max-width: 1320px) {
    #system .sys-price ul.price-list li .plist .min span {
        font-size: 2.2727vw;
    }
}

#system .sys-price ul.price-list li .plist .pr {
    font-size: 50px;
    color: var(--pink);
    font-weight: bold;
}

@media screen and (max-width: 1320px) {
    #system .sys-price ul.price-list li .plist .pr {
        font-size: 3.7879vw;
    }
}


#system .sys-price ul.price-list li .plist .pr span {
    font-size: 34px;
}

@media screen and (max-width: 1320px) {
    #system .sys-price ul.price-list li .plist .pr span {
        font-size: 2.5758vw;
    }
}

#system .sys-price ul.price-list li .op {
    font-size: 17px;
    font-weight: bold;
    text-align: right;
    width: 100%;
}

@media screen and (max-width: 1320px) {
    #system .sys-price ul.price-list li .op {
        font-size: 1.2879vw;
    }
}

#system .sys-price ul.price-list li .op span {
    color: var(--pink);
}



#system .sys-price dl.rank-info {
    padding: 50px 20px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 570px;
    background: #282828;
}

#system .sys-price dl.rank-info dt {
    text-align: left;
    font-weight: bold;
    font-size: 24px;
}

#system .rank1 {
    color: #00aeff;
}

#system .rank2 {
    color: #a200ff;
}

#system .rank3 {
    color: #ff0060;
}

#system .rank4 {
    color: #ff8400;
}

#system .sys-price dl.rank-info dd {
    font-size: 16px;
    color: #fff;
    margin-left: 15px;
    text-align: left;
    width: 450px;
}

/* /sys-price */

/* sys-credit */
#system .sys-credit {
    margin: 0 auto;
    box-sizing: border-box;
    background: url(../images/creditbg.jpg) no-repeat center top;
    background-size: cover;
    padding: 50px;
}

#system .sys-credit h3 {
    color: #fff;
}

#system .sys-credit h3 span.left {
    border-left: 4px solid #fff;
    margin-right: 10px;
}

#system .sys-credit h3 span.right {
    border-right: 4px solid #fff;
    margin-left: 10px;
}

#system .sys-credit .system-box {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

#system .sys-credit .card {
    font-size: 20px;
    font-weight: bold;
    margin: 10px auto 15px;
    line-height: 3em;
    color: #fff;
}

#system .sys-credit .card p {
    line-height: 1;
    padding-top: 15px;
}

#system .sys-credit .card img {
    margin-left: 10px;
}

/* /sys-credit */

/* sys-member */
#system .sys-member {
    max-width: 1600px;
    margin: 50px auto;
    box-sizing: border-box;
    background: url(../images/sysbg.jpg) no-repeat center top;
    background-size: cover;
    padding: 50px;
    margin-top: 50px;
    position: relative;
}

#system .sys-member .system-box {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

#system .sys-member .inner-box {
    display: inline-block;
    margin: 20px 50px;
}

@media screen and (max-width: 1450px) {
    #system .sys-member .inner-box {
        margin: 20px 20px;
    }
}

#system .sys-member .inner-box .mem-box {
    margin: 40px auto;
}

#system .sys-member .inner-box .mem-box h1 {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #ff0000;
}

#system .sys-member .inner-box .mem-box dl.mem-info {
    width: 580px;
    margin: 10px auto 0;
    box-sizing: border-box;
    align-items: baseline;
    justify-content: center;
}

@media screen and (max-width: 1250px) {
    #system .sys-member .inner-box .mem-box dl.mem-info {
        width: 540px;
    }
}

#system .sys-member .inner-box .mem-box dl.mem-info dt {
    text-align: left;
    width: 25px;
}

#system .sys-member .inner-box .mem-box dl.mem-info dd {
    font-size: 14px;
    color: #000;
    margin-left: 15px;
    text-align: left;
    width: 540px;
}

@media screen and (max-width: 1250px) {
    #system .sys-member .inner-box .mem-box dl.mem-info dd {
        width: 490px;
        margin-left: 5px;
    }
}

#system .sys-member .inner-box .mem-box dl.mem-info dd span {
    font-size: 16px;
    font-weight: bold;
    color: #ff0000;
}

#system .sys-member .inner-box img.res-card {}

@media screen and (max-width: 1450px) {
    #system .sys-member .inner-box img.res-card {
        width: 45.0345vw;
    }
}

@media screen and (max-width: 1200px) {
    #system .sys-member .inner-box img.res-card {
        width: 540px;
    }
}

/* inner-box2 */

#system .sys-member .prank {
    width: 40%;
}

#system .sys-member .prank .rank {
    width: 145px;
    height: 145px;
    transform: rotate(45deg);
    background: #ffd700;
}

@media screen and (max-width: 1320px) {
    #system .sys-member .prank .rank {
        width: 10.9848vw;
        height: 10.9848vw;
    }
}

#system .sys-member .prank .rank p {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
}

@media screen and (max-width: 1320px) {
    #system .sys-member .prank .rank p {
        font-size: 24px;
        line-height: 1.3;
    }
}


#system .sys-member .prank .rank .inner {
    width: 145px;
    height: 145px;
    box-sizing: border-box;
    transform: rotate(-45deg);
    padding: 20px;
}

@media screen and (max-width: 1320px) {
    #system .sys-member .prank .rank .inner {
        width: 10.9848vw;
        height: 10.9848vw;
        padding: 1.5152vw;
    }
}

#system .sys-member .prank .rank.normal {
    background: rgb(0, 0, 3);
    background: -moz-linear-gradient(140deg, rgba(0, 0, 0, 1) 25%, #666666 100%);
    background: -webkit-linear-gradient(140deg, rgba(0, 0, 0, 1) 25%, #666666 100%);
    background: linear-gradient(140deg, rgba(0, 0, 0, 1) 25%, #666666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#666666', GradientType=1);
    color: #fff;
}

#system .sys-member .prank .rank.prem {
    background: #555d81;
    background: -moz-linear-gradient(140deg, #555d81 25%, #999eb3 100%);
    background: -webkit-linear-gradient(140deg, #555d81 25%, #999eb3 100%);
    background: linear-gradient(140deg, #555d81 25%, #999eb3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555d81', endColorstr='#999eb3', GradientType=1);
    color: #fff;
}


#system .sys-member .system-box2 {
    width: 100%;
    max-width: 1500px;
    margin: 50px auto;
    gap: 3%;
}

#system .sys-member .inner-box2 {
    width: 45%;
    box-sizing: border-box;
}

@media screen and (max-width: 1450px) {
    #system .sys-member .inner-box2 {}
}

#system .sys-member .inner-box2 .mem-box {
    margin: 40px auto;
    padding: 20px 0;
    box-sizing: border-box;
}

#system .sys-member .inner-box2 .mem-box h1 {
    color: #000;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #ff0000;
}

#system .sys-member .inner-box2 .mem-box dl.mem-info {
    width: 60%;
    margin: 10px auto 0;
    box-sizing: border-box;
    align-items: baseline;
    justify-content: center;
}

@media screen and (max-width: 1250px) {}

#system .sys-member .inner-box2 .mem-box dl.mem-info dt {
    text-align: left;
    width: 25px;
}

#system .sys-member .inner-box2 .mem-box dl.mem-info dd {
    font-size: 21px;
    margin-left: 15px;
    text-align: left;
    width: 85%;
}

@media screen and (max-width: 1250px) {
    #system .sys-member .inner-box2 .mem-box dl.mem-info dd {
        margin-left: 5px;
    }
}

#system .sys-member .inner-box2 .mem-box dl.mem-info dd span {
    font-size: 21px;
    font-weight: bold;
    color: var(--pink);
}

#system .sys-member .inner-box2 img.res-card {
    width: 100%;
    max-width: 650px;
}

@media screen and (max-width: 1450px) {
    #system .sys-member .inner-box2 img.res-card {
        width: 45.0345vw;
    }
}

@media screen and (max-width: 1200px) {
    #system .sys-member .inner-box2 img.res-card {
        width: 540px;
    }
}

.broff {
    display: block;
}

@media screen and (max-width: 1380px) {
    .broff {
        display: none;
    }
}


/* /inner-box2 */

#system .sys-member .mem-txt {
    width: 100%;
    margin: 0 auto;
}

#system .sys-member .mem-txt h1 {
    position: relative;
    box-sizing: border-box;
    background: #434a5a;
    padding: 5px 5px;
    line-height: 1.5;
    font-size: 20px;
    font-weight: bold;
}

#system .sys-member .mem-txt h1::before {
    content: url(../images/sys-diya.png);
    margin-right: 20px
}

#system .sys-member .mem-txt h1::after {
    content: url(../images/sys-diya.png);
    margin-left: 20px
}

#system .sys-member .mem-txt ul {
    color: #000;
    margin: 15px auto 10px;
}

#system .sys-member .mem-txt ul li {
    text-align: center;
    font-size: 14px;
}

#system .sys-member .mem-txt p {
    color: #000;
    font-size: 14px;
}

#system .sys-member .mem-txt p:last-child {
    color: #ff0000;
}

/* /sys-member */

/* sys-car */
#system .sys-car {
    margin: 0 auto;
    box-sizing: border-box;
    background: url(../images/carbg.jpg) no-repeat center top;
    background-size: cover;
    padding: 50px;
    margin-top: 50px;
}

#system .sys-car h3 {
    color: #fff;
}

#system .sys-car h3 span.left {
    border-left: 4px solid #fff;
    margin-right: 10px;
}

#system .sys-car h3 span.right {
    border-right: 4px solid #fff;
    margin-left: 10px;
}

#system .sys-car .system-box {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

#system .sys-car .system-box p {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 35px auto 50px;
}

/* /sys-car */

/* sys-note */
#system .sys-note {
    width: 100%;
    max-width: 1600px;
    margin: 50px auto 0;
}

#system .sys-note .system-box {}

#system .sys-note .system-box img {
    margin: 50px auto;
}

#system .sys-note .system-box .note {
    font-size: 20px;
    font-weight: bold;
}

#system .sys-note .system-box p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px;
}

#system .sys-note .system-box p span {
    color: #ff0000;
    font-size: 16px;
}

/* /sys-note */

/***** /【system.html】 *****/

/***** 【gals.html】 *****/
/*
#gals #g-rank1 .tit-bg {background: #3db8ef;}/* ビギナー 
#gals #g-rank2 .tit-bg {background: #a200ff;}/* ミドル 
#gals #g-rank3 .tit-bg {background: #ff0060;}/* レギュラー 
#gals #g-rank4 .tit-bg {background: #ff8400;}/* プレミア 
#gals #g-rank5 .tit-bg {background: #414703;}/* キング 
#gals #g-ranky .tit-bg {background: #2d2070;}/* 湯女華 
#gals #g-rankc .tit-bg {background: #008aff;}/* キャンディ 
*/

#gals #g-rank1 .tit-bg {
    background: url(../images/ranktit-new.jpg) no-repeat center top;
}

/* ビギナー */
#gals #g-rank2 .tit-bg {
    background: url(../images/ranktit-mid.jpg) no-repeat center top;
}

/* ミドル */
#gals #g-rank3 .tit-bg {
    background: url(../images/ranktit-reg.jpg) no-repeat center top;
    color: #fff;
}

/* レギュラー */
#gals #g-rank4 .tit-bg {
    background: url(../images/ranktit-pre.jpg) no-repeat center top;
}

/* プレミア */
#gals #g-rank5 .tit-bg {
    background: url(../images/ranktit-kng.jpg) no-repeat center top;
    color: #fff;
}

/* キング */
#gals #g-ranky .tit-bg {
    background: url(../images/ranktit-ymk.jpg) no-repeat center top;
}

/* 湯女華 */

/* g-list */
#gals .g-list {
    margin: 50px auto;
}

#gals .g-list .cont-box {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 10px;
    max-width: 1630px;
    margin: 0 auto;
}

@media screen and (max-width: 1650px) {
    #gals .g-list .cont-box {
        max-width: 1288px;
    }
}

@media screen and (max-width: 1350px) {
    #gals .g-list .cont-box {
        max-width: 966px;
    }
}

#gals .g-list .cast-box {
    width: 312px;
    margin: 5px 5px 10px;
}

#gals .g-list .cast-box figure .rank-layer-f {
    position: relative;
    z-index: 1;
}

#gals .g-list .cast-box figure .rank-layer-f img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
}

#gals .g-list .cast-box figure .rank-layer-b {
    position: relative;
}

#gals .g-list .cast-box figure .rank-layer-b img {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
}

#galse .cast-box figure .rank-layer-s {
    position: relative;
}

#gals .cast-box figure .rank-layer-s img {
    position: absolute;
    top: 372px;
    left: 8px;
    width: 95px;
}

#gals .g-list .cast-box figure .icon-inner {
    position: relative;
}

#gals .g-list .cast-box figure .icon-inner .today {
    position: absolute;
    top: 375px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    right: 10px;
    width: 140px;
    background: #ff0000;
    color: rgba(255, 255, 255, 1);
    padding: 3px;
}

#gals .g-list .cast-box figure img {}

#gals .g-list .cast-box .g-info {
    padding: 5px;
    background: url(../images/galbg.jpg) repeat center bottom;
    border: 1px solid var(--pink01);
}

#gals .g-list .cast-box .g-info p {
    color: #000;
    text-align: center;
    padding: 0;
}

#gals .g-list .cast-box .g-info p.name {
    font-size: 18px;
    margin: 0;
}

#gals .g-list .cast-box .g-info p.size {
    font-size: 14px;
    margin: 5px auto;
}

#gals .g-info .op-icon {
    color: #fff;
    font-size: 13px;
    text-align: center;
    border-radius: 6px;
    width: 80px;
    height: 20px;
    padding: 2px 10px;
    margin: 5px 10px;
}

#gals .g-info .mat {
    background: var(--pink01);
}

#gals .g-info .off {
    background: #ccc;
}

#gals .g-list .cast-box .g-info p.time {
    color: #000;
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 5px 0;
    line-height: 0.9em;
}

#gals .g-list .cast-box .g-info p.time i {
    margin-right: 5px;
}

#gals .g-list .cast-box .g-info p.time i img {
    width: 16px
}

#gals .g-list .cast-box .g-type {
    align-items: normal;
    justify-content: space-around;
    margin: 5px auto 0;
    height: 65px;
}

#gals .g-list .cast-box .g-type .icon {
    box-sizing: border-box;
    border: 1px solid var(--pink01);
    background: var(--yellowbg);
    color: var(--pink01);
    padding: 3px;
    width: 142px;
    height: 26px;
    margin: 3px auto;
    font-weight: bold;
    font-size: 14px;
}

/* /g-list  */

/***** /【gals.html】 *****/

/***** 【schedule.html】 *****/
#schedule .calle-box {
    margin: 30px auto;
    width: 1185px;
}

#schedule .calle-box ul.calle {}

#schedule .calle-box ul.calle li {
    margin: 3px;
}

#schedule .calle-box ul.calle li a {
    display: block;
    font-size: 16px;
    line-height: 2.8em;
    padding: 3px;
    width: 142px;
    height: 50px;
    box-sizing: border-box;
    font-weight: bold;
}

#schedule .calle-box ul.calle li a.on {
    color: #fff;
    background: var(--pink01);
}

#schedule .calle-box ul.calle li a.off {
    color: #000;
    background: #c8c8c8;
}

#schedule .day-info {
    font-size: 30px;
    color: var(--cha);
    font-weight: bold;
    text-align: center;
    margin: 30px auto;
}

/* g-list */
#schedule .g-list {
    margin: 50px auto;
}

#schedule .tit-time {
    width: 100%;
    background: linear-gradient(to right, #ff6ca7 0%, #ffcce0 100%);
    color: #fff;
}

#schedule .tit-time .inner {
    max-height: 45px;
    box-sizing: border-box;
    font-size: 30px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0px 0;
    max-width: 1600px;
    text-align: left;
    line-height: 1.5;
}

@media screen and (max-width: 1650px) {
    #schedule .tit-time .inner {
        max-width: 1280px;
    }
}

@media screen and (max-width: 1301px) {
    #schedule .tit-time .inner {
        max-width: 1150px;
    }
}

#schedule .tit-time i {
    margin-right: 10px;
}

#schedule .tit-time i img {
    width: 30px;
    margin: 8px 0;
}

#schedule .g-list .cont-box {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 10px;
    max-width: 1630px;
    margin: 0 auto;
}

@media screen and (max-width: 1650px) {
    #schedule .g-list .cont-box {
        max-width: 1288px;
    }
}

@media screen and (max-width: 1350px) {
    #schedule .g-list .cont-box {
        max-width: 966px;
    }
}

#schedule .g-list .cast-box {
    width: 312px;
    margin: 5px 5px 10px;
}

#schedule .g-list .cast-box figure .rank-layer-f {
    position: relative;
    z-index: 1;
}

#schedule .g-list .cast-box figure .rank-layer-f img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
}

#schedule .g-list .cast-box figure .rank-layer-b {
    position: relative;
}

#schedule .g-list .cast-box figure .rank-layer-b img {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
}

#schedule .cast-box figure .rank-layer-s {
    position: relative;
}

#schedule .cast-box figure .rank-layer-s img {
    position: absolute;
    top: 372px;
    left: 8px;
    width: 95px;
}

#schedule .g-list .cast-box figure .icon-inner {
    position: relative;
}

#schedule .g-list .cast-box figure .icon-inner .today {
    position: absolute;
    top: 375px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    right: 10px;
    width: 140px;
    background: #ff0000;
    color: rgba(255, 255, 255, 1);
    padding: 3px;
}

#schedule .g-list .cast-box figure img {}

#schedule .g-list .cast-box .g-info {
    background: #fff;
    border: 1px solid var(--pink01);
    padding: 5px;
}

#schedule .g-list .cast-box .g-info p {
    text-align: center;
    margin: 0;
    padding: 0;
}

#schedule .g-list .cast-box .g-info p.name {
    font-size: 18px;
    margin: 0;
}

#schedule .g-list .cast-box .g-info p.size {
    font-size: 14px;
    margin: 5px auto;
}

#schedule .g-info .op-icon {
    color: #fff;
    font-size: 13px;
    text-align: center;
    border-radius: 6px;
    width: 80px;
    height: 20px;
    padding: 2px 10px;
    margin: 5px 10px;
}

#schedule .g-info .mat {
    background: var(--pink01);
}

#schedule .g-info .off {
    background: #ccc;
}

#schedule .g-list .cast-box .g-info p.time {
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 5px 0;
    line-height: 0.9em;
}

#schedule .g-list .cast-box .g-info p.time i {
    margin-right: 5px;
}

#schedule .g-list .cast-box .g-info p.time i img {
    width: 16px;
}

#schedule .g-list .cast-box .g-type {
    align-items: normal;
    justify-content: space-around;
    margin: 5px auto 0;
    height: 65px;
}

#schedule .g-list .cast-box .g-type .icon {
    box-sizing: border-box;
    background: var(--yellowbg);
    border: 1px solid var(--pink01);
    color: var(--pink01);
    padding: 3px;
    width: 142px;
    height: 26px;
    margin: 3px auto;
    font-weight: bold;
    font-size: 14px;
}

/* /g-list  */

/***** /【schedule.html】 *****/

/***** 【realtime.html】 *****/
#realtime .cont-box {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 10px;
    max-width: 1630px;
    margin: 0 auto;
}

@media screen and (max-width: 1650px) {
    #realtime .cont-box {
        max-width: 1288px;
    }
}

@media screen and (max-width: 1350px) {
    #realtime .cont-box {
        max-width: 966px;
    }
}

#realtime .cast-box {
    width: 312px;
    margin: 5px 5px 10px;
}

#realtime .cast-box .status {
    color: #fff;
    width: 101%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #8e8e8e;
    /* border-radius: 15px; */
    padding: 3px;
    margin: 0 auto;
    height: 40px;
}

#realtime .cast-box figure .rank-layer-f {
    position: relative;
    z-index: 1;
}

#realtime .cast-box figure .rank-layer-f img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
}

#realtime .cast-box figure .rank-layer-b {
    position: relative;
}

#realtime .cast-box figure .rank-layer-b img {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
}

#realtime .cast-box figure .rank-layer-s {
    position: relative;
}

#realtime .cast-box figure .rank-layer-s img {
    position: absolute;
    top: 372px;
    left: 8px;
    width: 95px;
}

#realtime .cast-box figure img {}

#realtime .cast-box .g-info {
    border: 1px solid var(--pink01);
    padding: 5px;
    height: 180px;
    background: #fff;
}

#realtime .cast-box .g-info p {}

#realtime .cast-box .g-info p.com {
        background: linear-gradient(to bottom, #ff6ca7 0%, #ff6ca7 30%, #ffa0c6 100%);
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 2px auto 5px;
    padding: 5px;
    box-sizing: border-box;
    height: 63px;
    line-height: 28px;
        border: 1px solid #ff6ca7;
}

#realtime .cast-box .g-info p.name {
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0;
}

#realtime .cast-box .g-info p.size {
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 0;
}

#realtime .g-info .icon-box {
    height: 35px;
}

#realtime .g-info .icon-box .op-icon {
    color: #fff;
    font-size: 13px;
    text-align: center;
    margin: 5px auto;
    border-radius: 6px;
    width: 85px;
    height: 20px;
    padding: 2px;
}

#realtime .g-info .icon-box .op-icon span {
    display: inline-block;
    transform: rotate(-30deg);
    font-size: 14px;
}

#realtime .g-info .icon-box .mat {
    background: #fd60aa;
}

#realtime .g-info .icon-box .pd {
    background: #ffa234;
}

#realtime .g-info .icon-box .mp {
    background: #ce59ff;
}

#realtime .g-info .icon-box .off {
    background: #ccc;
}

#realtime .cast-box .g-info p.time {
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 5px 0;
    line-height: 0.9em;
}

#realtime .cast-box .g-info p.time i {
    margin-right: 5px;
}

#realtime .cast-box .g-info p.time i img {
    width: 16px
}

/***** /【realtime.html】 *****/

/***** 【index.html】 *****/
#enter-head {
    /*background: #000;
	height: 50px;*/
}

#enter {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: url(../images/enter_bg2.jpg) no-repeat center top;
    background-attachment: fixed;
    /*background-size: cover;*/
}

#enter h1 {
    padding: 240px 0 90px;
}

/* enter contents */
#enter .contents {
    width: auto;
    margin: 0 auto 0;
}

#enter .contents .enter-nav {
    width: 430px;
    margin: 0 auto 100px;
}

/*
#enter .contents .enter-nav a:first-of-type {
    font-size: 33px;
    width: 100%;
    max-width: 400px;
    line-height: 55px;
    height: 80px;
    padding: 15px;
}
*/
/*
#enter .contents .enter-nav a:last-of-type {
	font-size: 24px;
	width: 100%;
	max-width: 300px;
	line-height: 43px;
    height: 50px;
}
*/

#enter .contents .enter-nav a.button {
    width: 100%;
    max-width: 400px;
    line-height: 55px;
    height: 80px;
    display: block;
    letter-spacing: 5px;
    font-weight: 700;
    margin: 25px auto 0;
    outline: medium none;
    padding: 14px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background: url(../images/enterbtn00.jpg) no-repeat center top;
    font-family: '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', 'HiraMinProN-W3', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'Noto Serif JP', serif;
    font-size: 33px;
    box-sizing: border-box;
}

#enter .contents .enter-nav a.button,
#enter .contents .enter-nav a.button:before,
#enter .contents .enter-nav a.button:after {
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
}

#enter .contents .enter-nav a.button:hover {
    opacity: .8;
}

#enter .contents .leave {
    margin-top: 10px;
    font-size: 14px;
    color: var(--cha);
}

#enter .contents .leave a {
    color: #ff0000;
    text-decoration: underline;
}

#enter .contents .att {
    color: #000;
}

#enter .contents .att img {
    width: 50px;
    margin: 15px auto;
}

#enter .contents .att p {
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 1.4em;
}

#enter .contents .link-box {
    padding: 100px 0 50px;
    margin: 0;
    background: var(--pink);
}

/* /enter contents */

/* enter footer */
#enter-foot .other-cont {
    width: 1150px;
    margin: 0 auto;
    justify-content: space-around;
}

#enter-foot .other-cont .flink-box {
    justify-content: space-between;
    width: 415px;
    margin-top: 50px;
    margin: 20px;
}

#enter-foot .other-cont .flink-box .inner {
    margin: 3px;
}

#enter-foot .other-cont .flink-box h1 {
    width: 100%;
    padding: 1px;
    margin: 8px 5px;
    background: #fff;
    border-radius: 12px;
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
}

#enter-foot .other-cont .frame-box {
    width: 400px;
    height: 354px;
    margin: 20px;
}

#enter-foot .other-cont .frame-box iframe {}

/* /enter footer */

/***** /【index.html】 *****/

/***** 【recruit.html】 *****/
#recruit {
    color: #000;
}

#recruit h1.title {
    border-bottom: 1px solid #ff1e6e;
}

/* r-list */
#recruit .r-list {
    margin: 50px auto;
}

#recruit .r-list h1 {
    background: #ff006c;
    color: #fff;
    height: 42px;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto;
    padding: 5px 0;
}

/* /r-list  */

/* rec1 */
#recruit {
    color: #fff;
}

#recruit #rec1 {}

#recruit #rec1 .main-box {
    margin: 50px auto;
}

#recruit #rec1 .main-box figure {}

#recruit #rec1 .main-box figure img {
    margin: 20px;
}

#recruit #rec1 .main-box figure figcaption {
    margin: 20px;
}

#recruit #rec1 .main-box figure figcaption p {
    font-weight: bold;
}

#recruit #rec1 .main-box figure figcaption p:first-of-type {
    color: #ff1e6e;
    font-size: 34px;
}

#recruit #rec1 .main-box figure figcaption p:nth-of-type(2) {
    font-size: 56px;
    text-align: left;
}

#recruit #rec1 .main-box figure figcaption p:last-of-type {
    font-size: 34px;
}

#recruit #rec1 .main-box figure figcaption p:last-of-type span {
    color: #ff1e6e;
    font-size: 90px;
}

#recruit #rec1 .txt-box {
    margin: 35px auto;
}

#recruit #rec1 .txt-box h1 {
    font-size: 56px;
    color: #000;
    background: none;
    height: auto;
    letter-spacing: 10px;
}

#recruit #rec1 .txt-box h1 span {
    color: #ff1e6e;
}

#recruit #rec1 .txt-box .txt {}

#recruit #rec1 .txt-box .txt p {
    font-size: 16px;
}

#recruit #rec1 .txt-box .txt p span {
    color: #ff1e6e;
}

/* /rec1 */

/* rec2 */
#recruit #rec2 {}

#recruit #rec2 .img-box {
    margin: 15px;
}

@media screen and (max-width: 1200px) {
    #recruit #rec2 .img-box {
        margin: 0 auto;
    }
}

#recruit #rec2 .img-box img {
    width: 100%;
    max-width: 1370px;
}

@media screen and (max-width: 1200px) {
    #recruit #rec2 .img-box img {
        width: 1150px;
    }
}

#recruit #rec2 .txt-box {
    margin: 35px auto;
}

#recruit #rec2 .txt-box .txt {}

#recruit #rec2 .txt-box .txt p {
    font-size: 34px;
    font-weight: bold;
}

#recruit #rec2 .txt-box .txt p span {
    font-size: 56px;
}

#recruit #rec2 .txt-box .txt .txt-m {
    font-size: 46px;
    color: #ff1e6e;
    font-weight: bold;
}

#recruit #rec2 .txt-box .txt .txt-m img {
    margin-right: 10px;
}

#recruit #rec2 .txt-box .txt .txt-m span {
    font-size: 66px;
}

/* /rec2 */

/* rec3 */
#recruit #rec3 {
    margin: 50px auto;
    border-top: 1px solid #ff1e6e;
    max-width: 1200px;
}

#recruit #rec3 h1 {
    font-size: 90px;
    color: #ff1e6e;
    background: none;
    height: auto;
    margin: 50px auto 0;
}

#recruit #rec3 .m-txt {
    font-size: 16px;
}

#recruit #rec3 .count-box {
    margin: 35px auto;
}

#recruit #rec3 .count-box .count-set {
    margin: 0 15px;
}

#recruit #rec3 .count-box .count-set p {
    font-size: 16px;
    margin: 5px auto;
}

#recruit #rec3 .count-box .count-set p:first-of-type {
    background: #ff1e6e;
    color: #fff;
    padding: 5px;
    border-radius: 20px;
    width: 200px;
    box-sizing: border-box;
}

#recruit #rec3 .count-box .count-set p:last-of-type {
    font-weight: bold;
}

#recruit #rec3 .count-box .count-set p span {
    font-size: 34px;
}

#recruit #rec3 .txt-box {
    margin: 35px auto;
    width: 850px;
}

#recruit #rec3 .txt-box .txt {}

#recruit #rec3 .txt-box p {
    font-size: 14px;
    text-align: left;
}

#recruit #rec3 .txt-box p span {
    font-weight: bold;
    color: #ff1e6e;
}

/* /rec3 */

/* rec4 */
#recruit #rec4 {
    margin: 50px auto;
}

#recruit #rec4 .box {
    margin: 20px auto;
    width: 950px;
}

#recruit #rec4 .box p {
    text-align: left;
    position: relative;
}

#recruit #rec4 .box p:first-of-type {
    color: #ff1e6e;
    display: inline-block;
    width: 150px;
    font-size: 16px;
    font-weight: bold;
}

#recruit #rec4 .box span {
    display: inline-block;
    border-top: 1px solid #ff1e6e;
    width: 790px;
    padding-bottom: 5px;
    margin-left: 10px;
}

#recruit #rec4 .box p:last-of-type {
    padding-left: 17px;
    font-size: 14px;
}

#recruit #rec4 .bigtxt {
    margin: 50px auto;
    width: 950px;
}

#recruit #rec4 .bigtxt p {
    font-size: 52px;
    font-weight: bold;
}

#recruit #rec4 .bigtxt p span {
    color: #ff1e6e;
}

/* rec4 */

/* rec5 */
#recruit #rec5 {}

#recruit #rec5 .flow-box {
    margin: 50px auto;
}

#recruit #rec5 .flow-box figure {
    width: 390px;
    margin: 5px;
}

@media screen and (max-width: 1350px) {
    #recruit #rec5 .flow-box figure {
        width: 28.8889vw;
        margin: 0.3704vw;
    }
}

@media screen and (max-width: 1200px) {
    #recruit #rec5 .flow-box figure {
        width: 330px;
        margin: 5px;
    }
}

#recruit #rec5 .flow-box figure img {
    margin: 25px;
}

@media screen and (max-width: 1350px) {
    #recruit #rec5 .flow-box figure img {
        margin: 1.8519vw;
    }
}

@media screen and (max-width: 1200px) {
    #recruit #rec5 .flow-box figure img {
        margin: 15px;
    }
}

#recruit #rec5 .flow-box figure figcaption {
    height: 65px;
}

#recruit #rec5 .flow-box figure figcaption p {
    font-size: 14px;
    color: #fff;
}

@media screen and (max-width: 1200px) {
    #recruit #rec5 .flow-box figure figcaption p {
        font-size: 13px;
    }
}

#recruit #rec5 .flow-box .flow-arrow {
    margin: 10px;
}

#recruit #rec5 .flow-box .flow-arrow img {}

/* /rec5 */

/* rec6 */
#recruit #rec6 {}

#recruit #rec6 section:last-of-type h1 {
    background: #3296ff;
}

#recruit #rec6 .ladys,
#recruit #rec6 .mens {
    margin: 30px auto 80px;
}

#recruit #rec6 .ladys {
    color: #ff1e6e;
}

#recruit #rec6 .mens {
    color: #3296ff;
}

#recruit #rec6 .ladys dl.list {
    border-bottom: 1px solid #ff1e6e;
}

#recruit #rec6 .mens dl.list {
    border-bottom: 1px solid #3296ff;
}

#recruit #rec6 dl.list {
    font-size: 14px;
    text-align: left;
    width: 1100px;
    margin: 10px auto;
}

#recruit #rec6 dl.list dt,
#recruit #rec6 dl.list dd {
    display: inline-block;
}

#recruit #rec6 dl.list dt {
    width: 170px;
    padding-left: 20px;
    font-weight: bold;
}

#recruit #rec6 dl.list dd {
    color: #fff;
}

/* /rec6 */

/***** /【recruit.html】 *****/

/***** 【topics.html】 *****/
#topics .cont-box {
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}

@media screen and (max-width: 1650px) {
    #topics .cont-box {
        width: 100%;
    }
}

#topics .topics-ttl {
    background: linear-gradient(to right, #ff6ca7 0%, #ff7ade 100%);
    height: 40px;
    line-height: 41px;
    width: 100%;
    max-width: 1200px;
    margin: 50px auto 0;
    font-size: 16px;
    color: #fff;
}

#topics .topics-ttl .day {
    font-size: 13px;
    margin: 0;
    width: 160px;
    text-align: center;
    margin-right: 20px;
}

#topics .topics-ttl .day span {
    margin-left: 5px;
}

#topics .topics-ttl h1.t-title {
    font-size: 18px;
    font-weight: bold;
}

#topics .topics-box {
    max-width: 1200px;
    margin: 0 auto;
}

#topics .topics-box .topic-article {
    padding: 10px;
    justify-content: space-between;
    align-items: flex-start;
    background: #fff;
        flex-wrap: nowrap;
}

#topics .topics-box .topic-article figure {
    margin: 10px;
}

#topics .topics-box .topic-article figure img {
    width: 100%;
}

#topics .topics-box .topic-txt {
    width: 100%;
    margin: 5px;
    max-width: 650px;
}

/***** /【topics.html】 *****/

/***** 【event.html】 *****/
#event .cont-box {
    padding: 50px 0 0;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}

#event .event-ttl {
    background: #ff6ca7;
    height: 40px;
    color: #fff;
    line-height: 41px;
}

#event .event-ttl .day {
    font-size: 13px;
    margin: 0;
    width: 160px;
    text-align: center;
    margin-right: 20px;
}

#event .event-ttl .day span {
    margin-left: 5px;
}

#event .event-ttl .t-title {
    font-size: 18px;
    font-weight: bold;
}

#event .event-box {
    max-width: 1200px;
    margin: 0px auto 30px;
}

#event .event-box .event-article {
    padding: 10px;
    justify-content: center;
    align-items: center;
}

#event .event-box .event-article figure {
    margin: 10px;
}

#event .event-box .event-article figure img {
    width: 100%;
}

#event .event-box .event-txt {
    width: 100%;
    margin: 5px;
    max-width: 650px;
}

/***** /【event.html】 *****/

/***** 【access.html】 *****/

#access .cont-box {
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}

#access .map-box {
    max-width: 1200px;
    margin: 30px auto;
}

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

#access .shop-info {
    font-size: 16px;
    color: var(--cha);
    width: fit-content;
    margin: 50px auto 80px;
}

#access .shop-info dl {
    display: grid;
    grid-template-columns: 100px 1fr;
    column-gap: 10px;
    text-align: left;
    margin: auto auto 10px;
    line-height: 1.3;
}

#access .shop-info dl dt,
#access .shop-info dl dd {
  
}

#access .shop-info dl dt {
 
}

#access .shop-info dl dd small {
font-size: 0.8em;
}

/***** /【access.html】 *****/

/***** 【link.html】 *****/

#link .cont-box {
    padding: 0px;
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    margin: 0 auto 200px;
}

#link .cont-box p {
    text-align: left;
    color: #fff;
    width: 700px;
    margin: 30px auto;
    font-size: 14px;
}

#link .cont-box p a {
    color: #ff0000;
}

#link .link-box {
    max-width: 1200px;
    margin: 30px auto;
}

#link .link-box h4 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px;
    text-align: center;
    border: none;
}

#link .link-box textarea {
    width: 100%;
    max-width: 1000px;
    height: 30px;
    text-align: left;
    padding: 5px;
}

#link .link-box p {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    text-align: left;
    width: auto;
}

#link .banner {
    width: 600px;
    margin: 50px auto;
}

#link .banner dl {}

#link .banner dl dt {
    text-align: left;
    width: 100px;
    color: #fff;
    display: inline-block;
    margin: 5px 0;
}

#link .banner dl dd {
    display: inline-block;
    width: 500px;
    vertical-align: middle;
    text-align: left;
    margin: 5px 0;
}

/***** /【link.html】 *****/

/***** 【profile.html】 *****/
#profile {
    position: relative;
}

/*** prof slider ***/
#profile .slide-box {
    margin: 30px auto;
}

#profile .slide-box .bg{
    position: relative;
    overflow-y: hidden;
}


#profile .bg::before,
#profile .bg::after {
    content: "";
    position: absolute;
    top: 0;
    width: 400px;
    height: 970px;
    z-index: 20;
}

@media screen and (max-width: 1200px) {

    #profile .bg::before,
    #profile .bg::after {
        width: 220px;
    }
}

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

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

#profile .top_slide .space {
    padding: 5px;
    box-sizing: border-box;
}

#profile .btn_prev img,
#profile .btn_next img {}

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

#profile .btn_prev {
    left: 0;
}

#profile .btn_next {
    right: 0;
}

#profile .cast-box {
    margin: 5px 5px 10px;
}

#profile .cast-box figure .rank-layer-f {
    position: relative;
    z-index: 1;
}

#profile .cast-box figure .rank-layer-f img {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
}

#profile .cast-box figure .rank-layer-b {
    position: relative;
}

#profile .cast-box figure .rank-layer-b img {
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
}

#profile .cast-box figure .rank-layer-s {
    position: relative;
}

#profile .cast-box figure .rank-layer-s img {
    position: absolute;
    top: 372px;
    left: 8px;
    width: 95px;
}

#profile .cast-box figure img {}

#profile .cast-box figure.pro-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-width: 480px;
    max-width: 480px;
    max-height: 640px;
    margin: 0 auto;
    text-align: center;
}

/*** /prof slider ***/

/*** prof info ***/
#profile .prof-detail {
    width: 100%;
    max-width: 1600px;
    border-bottom: 1px solid var(--pink01);
    margin: 0 auto;
}

#profile .g-info {
    width: 600px;
    margin: 30px auto 0;
    padding: 5px;
}

#profile .g-info .today {
    position: static;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 1.3em;
    font-weight: bold;
    border-radius: 8px;
    width: 130px;
    height: 30px;
    background: #ff0000;
    color: var(--cha);
    padding: 5px;
    text-align: center;
    margin: 10px auto;
}

#profile .g-info p {}

#profile .g-info p.name {
    color: var(--cha);
    font-size: 34px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 0;
}

#profile .g-info p.name span {
    font-size: 24px;
}

#profile .g-info p.size {
    color:  var(--cha);
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0;
}

#profile .g-info .mat {
    font-size: 13px;
    font-weight: bold;
    border-radius: 4px;
    background: var(--pink01);
    color:var(--cha);
    padding: 1px 10px;
    text-align: center;
    margin: 0 0 0 5px;
    color: #fff;
}

#profile .g-info .off {
    font-size: 13px;
    font-weight: bold;
    border-radius: 4px;
    background: #ccc;
    color: rgba(255, 255, 255, 1);
    padding: 1px 10px;
    text-align: center;
    margin: 0 0 0 5px;
}

/* レビュー★評価 */
#profile .star-rating {
    position: relative;
    font-size: 34px;
    display: inline-block;
}

#profile .star-rating::after {
    content: "";
    clear: both;
}

#profile .star-rating-front {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #FFC107;
}

#profile .star-rating-back {
    color: #717171;
    text-align: left;
}

/*★ランク*/
.star0 {
    width: 0px
}

/*0*/
.star1 {
    width: 35px
}

/*1*/
.star2 {
    width: 70px
}

/*2*/
.star3 {
    width: 100px
}

/*3*/
.star4 {
    width: 135px
}

/*4*/
.star5 {
    width: 165px
}

/*5*/
.star6 {
    width: 200px
}

/*5*/
.star7 {
    width: 235px
}

/*5*/
.star8 {
    width: 270px
}

/*5*/
.star9 {
    width: 305px
}

/*5*/
.star10 {
    width: 335px
}

/*5*/

/*/★ランク*/

/** /レビュー★評価 **/

#profile .g-type {
    margin: 5px auto 0;
    width: 600px;
}

#profile .g-type .icon {
    box-sizing: border-box;
    background: #feffb1;
    color: #ff5aaa;;
    border: 1px solid #ff5aaa;
    padding: 3px;
    width: 142px;
    margin: 3px;
    font-weight: bold;
    font-size: 14px;
}

/*** /prof info ***/

/*** prof diaryLink ***/
#profile .g-diary {
    margin: 20px auto 80px;
    width: 1300px;
    justify-content: space-evenly;
}

#profile .g-diary img {
    width: 600px;
}

/*** /prof diaryLink ***/

/*** prof Q＆A ***/
#profile .qa {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    #profile .qa {
        max-width: 1160px;
    }
}

#profile .qa h2 {
    color: var(--pink01);
    font-size: 45px;
    font-weight: bold;
    margin: 50px auto;
    font-style: italic;
}

#profile .qa .qa-box {
    color: var(--cha);
}

#profile .qa .qa-box dl {
    border-bottom: 1px solid var(--cha);
    max-width: 1200px;
    margin: 0 auto;
}

#profile .qa .qa-box dl dt,
#profile .qa .qa-box dl dd {
    display: inline-block;
    font-size: 16px;
    padding: 13px 0;
    text-align: left;
}

#profile .qa .qa-box dl dt {
    font-weight: bold;
    width: 400px;
    margin: 0 0 0 150px;
    vertical-align: top;
}

#profile .qa .qa-box dl dd {
    width: 440px;
}

/*** /prof Q＆A ***/

/*** prof commentBox ***/
#profile .comment-box {
    max-width: 1600px;
    margin: 100px auto 0;
    border-bottom: 1px solid var(--pink01);
    padding: 0 0 50px;
}

#profile .comment-box .comment1,
#profile .comment-box .comment2,
#profile .pro-iframe {
    margin: 5px;
    text-align: left;
}

#profile .comment-box .comment1 h2,
#profile .comment-box .comment2 h2,
#profile .pro-iframe h2 {
    color: var(--pink01);
    font-weight: bold;
    font-size: 24px;
}

#profile .comment-box .comment1 .cmt-txt,
#profile .comment-box .comment2 .cmt-txt {
    width: 520px;
    height: 740px;
    border: 2px solid var(--cha);
    box-sizing: border-box;
    color: var(--cha);
    padding: 10px;
    overflow: auto;
    font-size: 16px;
}

@media screen and (max-width: 1650px) {

    #profile .comment-box .comment1 .cmt-txt,
    #profile .comment-box .comment2 .cmt-txt {
        width: 31.5152vw;
    }
}

@media screen and (max-width: 1200px) {

    #profile .comment-box .comment1 .cmt-txt,
    #profile .comment-box .comment2 .cmt-txt {
        width: 378px;
    }
}

#profile .pro-iframe .frame-box {
    width: 520px;
    height: 740px;
    border: 2px solid #fff;
    box-sizing: border-box;
}

@media screen and (max-width: 1650px) {
    #profile .pro-iframe .frame-box {
        width: 31.5152vw;
    }
}

@media screen and (max-width: 1200px) {
    #profile .pro-iframe .frame-box {
        width: 378px;
    }
}

/*** /prof commentBox ***/

/*** prof schedule ***/
#profile .p-schedule {}

#profile .p-schedule h2 {
    color: var(--pink01);
    font-size: 45px;
    font-weight: bold;
    margin: 50px auto 20px;
}

#profile .p-schedule .sch-box {
    max-width: 1200px;
    margin: 0 auto;
}

@media screen and (max-width: 1200px) {
    #profile .p-schedule .sch-box {
        max-width: 1160px;
    }
}

#profile .p-schedule .sch-box ul.schedule {
    border: 2px solid var(--cha);
    box-sizing: border-box;
}

#profile .p-schedule .sch-box ul.schedule li {
    display: block;
    color: var(--cha);
    margin: 0;
    width: 149.5px;
    height: 65px;
    box-sizing: border-box;
    border-left: 1px solid var(--cha);
    border-right: 1px solid var(--cha);
    padding: 10px 0;
}

@media screen and (max-width: 1200px) {
    #profile .p-schedule .sch-box ul.schedule li {
        width: 144.5px;
    }
}

#profile .p-schedule .sch-box ul.schedule li.sch-in {
    color: #fff;
    background: var(--cha);
}

#profile .p-schedule .sch-box ul.schedule li p {
    font-size: 16px;
    font-weight: bold;
}

#profile .p-schedule .sch-box ul.schedule li p:first-of-type {}

#profile .p-schedule .sch-box ul.schedule li p:last-of-type {}

#profile .p-schedule .sch-box ul.reserve {
    margin: 10px auto;
}

#profile .p-schedule .sch-box ul.reserve li {
    margin: 5px;
    width: 139px;
}

@media screen and (max-width: 1200px) {
    #profile .p-schedule .sch-box ul.reserve li {
        width: 135px;
    }
}

#profile .p-schedule .sch-box ul.reserve li a.reserve-btn {
    display: block;
    color: var(--cha);
    margin: 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 3px solid var(--cha);
    padding: 25px 5px 5px;
}

#profile .p-schedule .sch-box ul.reserve li a.reserve-btn:hover {
    color: #fff;
    background: var(--cha);
}

#profile .p-schedule .sch-box ul.reserve li p {
    font-weight: bold;
}

#profile .p-schedule .sch-box ul.reserve li p:first-of-type {
    font-size: 16px;
}

#profile .p-schedule .sch-box ul.reserve li p:last-of-type {
    font-size: 18px;
}

#profile .p-schedule .sch-box .l-btn {
    margin: 50px auto 20px;
    width: 1000px;
}

#profile .p-schedule .sch-box .l-btn .link-box {
    margin: 0 auto;
    width: 420px;
}

#profile .p-schedule .sch-box .l-txt {
    margin: 0px auto;
    width: 400px;
}

#profile .p-schedule .sch-box .l-txt .link-txt {
    margin: 20px auto;
    width: 150px;
    font-weight: bold;
    font-size: 14px;
}

#profile .p-schedule .sch-box .l-txt .link-txt a {
    color: var(--cha);
    text-decoration: underline;
}

/*** /prof schedule ***/

/***** /【profile.html】 *****/

/***** 【ranking.html】 *****/
#ranking .caution {
    color: var(--cha);
    font-size: 16px;
    text-align: left;
    width: 800px;
    margin: 50px auto 40px;
}

/* 殿堂入り */
#ranking #rank-king {
    position: relative;
    margin: 30px auto;
    display: none;
}

#ranking #rank-king h1 {
    background: url(../images/rankdendobg.jpg) no-repeat center top;
    font-size: 40px;
    height: 100px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 15px;
}

#ranking #rank-king .king-box {
    max-width: 1600px;
    margin: 30px auto;
}

@media screen and (max-width: 1650px) {
    #ranking #rank-king .king-box {
        max-width: 96.9697vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-king .king-box {
        max-width: 1160px;
    }
}

#ranking #rank-king .cast-box {
    margin: 0 5px;
}

@media screen and (max-width: 1650px) {
    #ranking #rank-king .cast-box {
        margin: 0 0.303vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-king .cast-box {
        margin: 0 3px;
    }
}

#ranking #rank-king .cast-box .rank-img {
    margin: 20px auto;
    width: 320px;
}

@media screen and (max-width: 1650px) {
    #ranking #rank-king .cast-box .rank-img {
        margin: 1.2121vw auto;
        width: 19.3939vw;
    }
}

#ranking #rank-king .cast-box .cast-bg {
    box-sizing: border-box;
    width: 310px;
    height: 415px;
    box-shadow: none;
    background: none;
    padding: 0;
}

@media screen and (max-width: 1650px) {
    #ranking #rank-king .cast-box .cast-bg {
        width: 18.7879vw;
        height: 25.1515vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-king .cast-box .cast-bg {
        width: 225px;
        height: 302px;
    }
}

#ranking #rank-king .cast-box figure .rank-layer-f {
    position: relative;
    z-index: 1;
}

#ranking #rank-king .cast-box figure .rank-layer-f img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
}

@media screen and (max-width: 1650px) {
    #ranking #rank-king .cast-box figure .rank-layer-f img {
        width: 6.0606vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-king .cast-box figure .rank-layer-f img {
        width: 73px;
    }
}

#ranking #rank-king .cast-box figure .rank-layer-b {
    position: relative;
}

#ranking #rank-king .cast-box figure .rank-layer-b img {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
}

@media screen and (max-width: 1650px) {
    #ranking #rank-king .cast-box figure .rank-layer-b img {
        width: 7.8788vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-king .cast-box figure .rank-layer-b img {
        width: 95px;
    }
}

#ranking #rank-king .cast-box figure .rank-layer-s {
    position: relative;
}

#ranking #rank-king .cast-box figure .rank-layer-s img {
    position: absolute;
    top: 368px;
    left: 8px;
    width: 95px;
}

@media screen and (max-width: 1650px) {
    #ranking #rank-king .cast-box figure .rank-layer-s img {
        top: 22.303vw;
        left: 0.4848vw;
        width: 5.7576vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-king .cast-box figure .rank-layer-s img {
        top: 268px;
        left: 5px;
        width: 70px;
    }
}

#ranking #rank-king .cast-box figure .icon-inner {
    position: relative;
}

#ranking #rank-king .cast-box figure .icon-inner .today {
    position: absolute;
    top: 370px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    right: 10px;
    width: 140px;
    background: #ff0000;
    color: rgba(255, 255, 255, 1);
    padding: 3px;
}

@media screen and (max-width: 1650px) {
    #ranking #rank-king .cast-box figure .icon-inner .today {
        top: 22.4242vw;
        font-size: 1.0909vw;
        border-radius: 0.6061vw;
        right: 0.6061vw;
        width: 8.4848vw;
        padding: 0.1818vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-king .cast-box figure .icon-inner .today {
        top: 270px;
        font-size: 13px;
        border-radius: 6px;
        right: 6px;
        width: 100px;
        padding: 2px;
    }
}

#ranking #rank-king .cast-box figure img {}

#ranking #rank-king .cast-box .g-info {
    border: 1px solid #ffff00;
    padding: 5px;
    box-sizing: border-box;
    background: #ff0000;
    margin: 10px 0;
    width: 310px;
}

@media screen and (max-width: 1650px) {
    #ranking #rank-king .cast-box .g-info {
        padding: 0.303vw;
        margin: 0.6061vw 0;
        width: 18.7879vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-king .cast-box .g-info {
        padding: 5px;
        margin: 5px 0;
        width: 225px;
    }
}

#ranking #rank-king .cast-box .g-info p {
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0;
}

#ranking #rank-king .cast-box .g-info p.name {
    font-size: 18px;
}

@media screen and (max-width: 1650px) {
    #ranking #rank-king .cast-box .g-info p.name {
        font-size: 1.0909vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-king .cast-box .g-info p.name {
        font-size: 14px;
    }
}

#ranking #rank-king .cast-box .g-info p.size {
    font-size: 14px;
}

@media screen and (max-width: 1650px) {
    #ranking #rank-king .cast-box .g-info p.size {
        font-size: 0.8485vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-king .cast-box .g-info p.size {
        font-size: 13px;
    }
}

#ranking #rank-king figure.cap-efct {
    min-width: 310px;
    max-width: 310px;
    max-height: 415px;
    margin: 0 auto;
}

@media screen and (max-width: 1650px) {
    #ranking #rank-king figure.cap-efct {
        min-width: 18.7879vw;
        max-width: 18.7879vw;
        max-height: 25.1515vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-king figure.cap-efct {
        min-width: 225px;
        max-width: 225px;
        max-height: 302px;
    }
}

/* /殿堂入り */

/* rank-section共通 */
#ranking #rank-section1,
#ranking #rank-section2,
#ranking #rank-section3 {
    position: relative;
    margin: 30px auto;
}

#ranking #rank-section1 .cast-box,
#ranking #rank-section2 .cast-box,
#ranking #rank-section3 .cast-box {
    margin: 0 10px;
}

#ranking #rank-section1 .cast-box .rank-img,
#ranking #rank-section2 .cast-box .rank-img,
#ranking #rank-section3 .cast-box .rank-img {
    margin: 20px auto;
    width: 380px;
}

#ranking #rank-section1 .cast-box .cast-bg,
#ranking #rank-section2 .cast-box .cast-bg,
#ranking #rank-section3 .cast-box .cast-bg {
        background: #e38ff7;
    background: -moz-linear-gradient(top, #e094ff 0%, #fb6ebd 100%);
    background: -webkit-linear-gradient(top, #e094ff 0%, #fb6ebd 100%);
    background: linear-gradient(to bottom, #e094ff 0%, #fb6ebd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='e094ff', endColorstr='#fb6ebd', GradientType=0);
    padding: 5px;
    width: 472px;
    height: 630px;
    box-shadow: 10px 10px 0px 0px #ffb7d4;
}

#ranking #rank-section1 .cast-box figure .rank-layer-f,
#ranking #rank-section2 .cast-box figure .rank-layer-f,
#ranking #rank-section3 .cast-box figure .rank-layer-f {
    position: relative;
    z-index: 1;
}

#ranking #rank-section1 .cast-box figure .rank-layer-f img,
#ranking #rank-section2 .cast-box figure .rank-layer-f img,
#ranking #rank-section3 .cast-box figure .rank-layer-f img {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
}

#ranking #rank-section1 .cast-box figure .rank-layer-b,
#ranking #rank-section2 .cast-box figure .rank-layer-b,
#ranking #rank-section3 .cast-box figure .rank-layer-b {
    position: relative;
}

#ranking #rank-section1 .cast-box figure .rank-layer-b img,
#ranking #rank-section2 .cast-box figure .rank-layer-b img,
#ranking #rank-section3 .cast-box figure .rank-layer-b img {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
}

#ranking #rank-section1 .cast-box figure .rank-layer-s,
#ranking #rank-section2 .cast-box figure .rank-layer-s,
#ranking #rank-section3 .cast-box figure .rank-layer-s {
    position: relative;
}

#ranking #rank-section1 .cast-box figure .rank-layer-s img,
#ranking #rank-section2 .cast-box figure .rank-layer-s img,
#ranking #rank-section3 .cast-box figure .rank-layer-s img {
    position: absolute;
    top: 575px;
    left: 8px;
    width: 120px;
}

#ranking #rank-section1 .cast-box figure .icon-inner,
#ranking #rank-section2 .cast-box figure .icon-inner,
#ranking #rank-section3 .cast-box figure .icon-inner {
    position: relative;
}

#ranking #rank-section1 .cast-box figure .icon-inner .today,
#ranking #rank-section2 .cast-box figure .icon-inner .today,
#ranking #rank-section3 .cast-box figure .icon-inner .today {
    position: absolute;
    top: 585px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    right: 10px;
    width: 140px;
    background: #ff0000;
    color: rgba(255, 255, 255, 1);
    padding: 3px;
}

#ranking #rank-section1 figure.cap-efct,
#ranking #rank-section2 figure.cap-efct,
#ranking #rank-section3 figure.cap-efct {
    min-width: 472px;
    max-width: 472px;
    max-height: 630px;
    margin: 0 auto;
}

#ranking #rank-section1 figure.cap-efct .txt-space,
#ranking #rank-section2 figure.cap-efct .txt-space,
#ranking #rank-section3 figure.cap-efct .txt-space {
    text-align: center;
    font-size: 20px;
    text-shadow: 1px 1px 2px #2d2d2d;
    padding: 10px 0 0;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 247px;
    width: 100%;
    height: 63px;
}

/* /rank-section共通 */

/* rank-section1 */
#ranking #rank-section1  {
}
#ranking #rank-section1 .bg {
    background: url(../images/ranking_bg01.jpg) no-repeat center top fixed;
    /*height: 749px;*/
    box-sizing: border-box;
    padding: 50px 0px;
    background-size: cover;
}

#ranking #rank-section1 .rank-side {
    margin: 30px 0 30px 55px;
    width: 100%;
    max-width: 701px;
}

@media screen and (max-width: 1350px) {
    #ranking #rank-section1 .rank-side {
        margin: 2.2222vw 0 2.2222vw 4.0741vw;
        max-width: 51.9259vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-section1 .rank-side {
        margin: 10px 0;
        max-width: 650px;
    }
}

#ranking #rank-section1 .rank-side img {
    margin: 0 auto;
}

@media screen and (max-width: 1350px) {
    #ranking #rank-section1 .rank-side img {
        width: 51.9259vw;
    }
}

@media screen and (max-width: 1200px) {
    #ranking #rank-section1 .rank-side img {
        width: 575px;
    }
}

#ranking #rank-section1 .rank-side .g-info {
    padding: 15px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .8);
    margin: 80px auto 0;
    width: 600px;
    height: 175px;
    box-shadow: 2px 2px 4px #8e8e8e;
}

#ranking #rank-section1 .rank-side .g-info .r-txt {
    width: 320px;
}

#ranking #rank-section1 .rank-side .g-info p {
    font-size: 30px;
    text-align: center;
    margin: 0;
    padding: 0;
}

#ranking #rank-section1 .rank-side .g-info p.name {
    font-size: 30px;
}

#ranking #rank-section1 .rank-side .g-info p.name span {
    font-size: 24px;
}

#ranking #rank-section1 .rank-side .g-info p.size {
    font-size: 18px;
}

#ranking #rank-section1 .rank-side .g-info a.link-btn {
    width: 200px;
}

/* /rank-section1 */

/* rank-section2-3共通 */
#ranking #rank-section2 .rank-inner,
#ranking #rank-section3 .rank-inner {
    justify-content: space-evenly;
    align-items: center;
    max-width: 1700px;
    margin: 0 auto;
}

/* /rank-section2-3共通 */

/* rank-section2 */
#ranking #rank-section2 .bg {
    background: url(../images/ranking_bg02.jpg) no-repeat center top fixed;
    /*height: 944px;*/
    box-sizing: border-box;
    padding: 50px 0px;
    background-size: cover;
}

#ranking #rank-section2 .cast-box figure .icon-rank {
    position: relative;
}

#ranking #rank-section2 .cast-box figure .icon-rank img {
    position: absolute;
    top: 400px;
    left: 2px;
}

#ranking #rank-section2 .cast-box .g-info,
#ranking #rank-section3 .cast-box .g-info {
    padding: 15px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .8);
    margin: 30px auto 0;
    width: 480px;
    height: auto;
    box-shadow: 2px 2px 4px #8e8e8e;
    border: none;
}

#ranking #rank-section2 .cast-box .g-info p,
#ranking #rank-section3 .cast-box .g-info p {
    color: #000;
    text-align: center;
    margin: 0;
    padding: 0;
}

#ranking #rank-section2 .cast-box .g-info p.name,
#ranking #rank-section3 .cast-box .g-info p.name {
    font-size: 30px;
}

#ranking #rank-section2 .cast-box .g-info p.name span,
#ranking #rank-section3 .cast-box .g-info p.name span {
    font-size: 24px;
}

#ranking #rank-section2 .cast-box .g-info p.size,
#ranking #rank-section3 .cast-box .g-info p.size {
    font-size: 18px;
}

#ranking #rank-section2 .cast-box .g-info .link-box,
#ranking #rank-section3 .cast-box .g-info .link-box {
    margin: 10px auto;
}

#ranking #rank-section2 .cast-box .g-info a.link-btn,
#ranking #rank-section3 .cast-box .g-info a.link-btn {
    width: 250px;
}

/* /rank-section2 */

/* rank-section3 */
#ranking #rank-section3 .bg {
    background: none;
    height: auto;
    box-sizing: border-box;
    padding: 50px 0px;
}


#popularityranking{
    display: none;
}
/*
#ranking #rank-section3 .cast-box .g-info {
    border: 1px solid #ffff00;
    background: #ff0000;
    padding: 5px;
    box-sizing: border-box;
    margin: 30px auto 15px;
    width: 480px;
    height: auto;
}

#ranking #rank-section3 .cast-box .g-info p {
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 0;
}

#ranking #rank-section3 .cast-box .g-info p.name {font-size: 16px;}

#ranking #rank-section3 .cast-box .g-info p.size {font-size: 14px;}

#ranking #rank-section3 .cast-box .g-info .link-box {margin: 10px auto; }

#ranking #rank-section3 .cast-box .g-info a.link-btn {width: 250px;}
*/
/* /rank-section3 */

/***** /【ranking.html】 *****/

/***** 【newface.html】 *****/
#newface #nf-cont {
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    max-width: 1645px;
    margin: 50px auto;
}

@media screen and (max-width: 1680px) {
    #newface #nf-cont {
        max-width: 97.9167vw;
    }
}

@media screen and (max-width: 1200px) {
    #newface #nf-cont {
        max-width: 1196px;
    }
}

#newface .nf-box {
    background: url(../images/newface_bg.jpg) no-repeat center top;
    margin: 6px;
    align-items: normal;
    background-size: cover;
    box-sizing: border-box;
    border: 2px solid var(--pink01);
}

@media screen and (max-width: 1680px) {
    #newface .nf-box {
        margin: 0.3571vw;
    }
}

@media screen and (max-width: 1200px) {
    #newface .nf-box {
        margin: 10px 2px;
    }
}

#newface .nf-box .nf-bg {
    /* background: rgb(32,156,255);
    background: -moz-linear-gradient(top, rgba(32,156,255,1) 0%, rgba(104,224,207,1) 100%);
    background: -webkit-linear-gradient(top, rgba(32,156,255,1) 0%,rgba(104,224,207,1) 100%);
    background: linear-gradient(to bottom, rgba(32,156,255,1) 0%,rgba(104,224,207,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#209cff', endColorstr='#68e0cf',GradientType=0 );*/
    padding: 10px;
    width: 362px;
    height: 476px;
    box-sizing: border-box;
    margin: 5px;
}

@media screen and (max-width: 1680px) {
    #newface .nf-box .nf-bg {
        padding: 0.5952vw;
        width: 21.5476vw;
        height: 28.3333vw;
        margin: 0.2976vw;
    }
}

@media screen and (max-width: 1200px) {
    #newface .nf-box .nf-bg {
        padding: 7px;
        width: 263px;
        height: 346px;
        margin: 3px;
    }
}

#newface .nf-box figure .rank-layer-f {
    position: relative;
    z-index: 1;
}

#newface .nf-box figure .rank-layer-f img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
}

@media screen and (max-width: 1680px) {
    #newface .nf-box figure .rank-layer-f img {
        width: 5.9524vw;
    }
}

@media screen and (max-width: 1200px) {
    #newface .nf-box figure .rank-layer-f img {
        width: 73px;
    }
}

#newface .nf-box figure .rank-layer-b {
    position: relative;
}

#newface .nf-box figure .rank-layer-b img {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
}

@media screen and (max-width: 1680px) {
    #newface .nf-box figure .rank-layer-b img {
        width: 7.7381vw;
    }
}

@media screen and (max-width: 1200px) {
    #newface .nf-box figure .rank-layer-b img {
        width: 95px;
    }
}

#newface .nf-box figure .rank-layer-s {
    position: relative;
}

#newface .nf-box figure .rank-layer-s img {
    position: absolute;
    top: 390px;
    left: 8px;
    width: 95px;
}

#newface .nf-box figure .icon-inner {
    position: relative;
}

#newface .nf-box figure .icon-inner .today {
    position: absolute;
    top: 415px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    right: 10px;
    width: 140px;
    background: #ff0000;
    color: rgba(255, 255, 255, 1);
    padding: 3px;
}

@media screen and (max-width: 1680px) {
    #newface .nf-box figure .icon-inner .today {
        top: 24.7024vw;
        font-size: 1.0714vw;
        border-radius: 0.5952vw;
        right: 0.5952vw;
        width: 8.3333vw;
        padding: 0.1786vw;
    }
}

@media screen and (max-width: 1200px) {
    #newface .nf-box figure .icon-inner .today {
        top: 303px;
        font-size: 14px;
        border-radius: 6px;
        right: 8px;
        width: 100px;
        padding: 1px;
    }
}

@media screen and (max-width: 1680px) {
    #newface .nf-box figure.cap-efct p {
        font-size: 1.3333vw !important;
        padding: 7.8788vw 0 0 !important;
    }
}

@media screen and (max-width: 1200px) {
    #newface .nf-box figure.cap-efct p {
        font-size: 18px !important;
        padding: 90px 0 0 !important;
    }
}

#newface .nf-box .nf-info {
    /*
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(233,233,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=1 );*/
    padding: 10px;
    box-sizing: border-box;
    margin: 5px;
    width: 420px;
    height: 540px;
}

@media screen and (max-width: 1680px) {
    #newface .nf-box .nf-info {
        padding: 0.5952vw;
        margin: 0.2976vw;
        width: 25vw;
        height: 32.1429vw;
    }
}

@media screen and (max-width: 1200px) {
    #newface .nf-box .nf-info {
        padding: 5px;
        margin: 3px;
        width: 306px;
        height: 394px;
    }
}

#newface .nf-box .nf-info p.shp-in {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    border-bottom: 1px solid #fff;
}

@media screen and (max-width: 1680px) {
    #newface .nf-box .nf-info p.shp-in {
        font-size: 1.0714vw;
    }
}

@media screen and (max-width: 1200px) {
    #newface .nf-box .nf-info p.shp-in {
        font-size: 14px;
    }
}

#newface .nf-box .nf-info p.name {
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1680px) {
    #newface .nf-box .nf-info p.name {
        font-size: 1.0714vw;
    }
}

@media screen and (max-width: 1200px) {
    #newface .nf-box .nf-info p.name {
        font-size: 16px;
    }
}

#newface .nf-box .nf-info p.size {
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 1680px) {
    #newface .nf-box .nf-info p.size {
        font-size: 0.8333vw;
    }
}

@media screen and (max-width: 1200px) {
    #newface .nf-box .nf-info p.size {
        font-size: 14px;
    }
}

#newface .nf-box .nf-info .comment {
    background: #fff;
    box-sizing: border-box;
    height: 436px;
    overflow: auto;
    margin: 5px auto;
}

@media screen and (max-width: 1680px) {
    #newface .nf-box .nf-info .comment {
        height: 25.9524vw;
        margin: 0.2976vw auto;
    }
}

@media screen and (max-width: 1200px) {
    #newface .nf-box .nf-info .comment {
        height: 308px;
        margin: 3px auto;
    }
}

#newface .nf-box .nf-info .comment .com-inner {
    padding: 5px;
    color: #000;
}

@media screen and (max-width: 1680px) {
    #newface .nf-box .nf-info .comment .com-inner {
        padding: 0.2976vw;
    }
}

@media screen and (max-width: 1200px) {
    #newface .nf-box .nf-info .comment .com-inner {
        padding: 5px;
    }
}

#newface figure.cap-efct {
    min-width: 342px;
    max-width: 342px;
    max-height: 456px;
    margin: 0 auto;
}

@media screen and (max-width: 1680px) {
    #newface figure.cap-efct {
        min-width: 20.3571vw;
        max-width: 20.3571vw;
        max-height: 27.1429vw;
    }
}

@media screen and (max-width: 1200px) {
    #newface figure.cap-efct {
        min-width: 249px;
        max-width: 249px;
        max-height: 332px;
    }
}

/***** /【newface.html】 *****/

/* 女性検索フォーム */
#gals .girl_search {
    margin: 50px auto 0;
}

#gals .girl_search h3 {
    background: url(../images/galser-bg.jpg) no-repeat center top;
    font-size: 30px;
    font-weight: bold;
    height: 80px;
    box-sizing: border-box;
    padding: 15px;
    color: #fff;
}

#gals .girl_search h3 img {
    width: 25px;
    padding-right: 5px;
    vertical-align: middle;
}

.search-box {
    background: url(../images/g-sbg.jpg) no-repeat center top / cover;
    width: 100%;
    max-width: 1600px;
    margin: 50px auto;
    box-sizing: border-box;
    padding: 20px;
}

.search-box dl {
    width: 100%;
    max-width: 1200px;
    margin: 10px auto;
}

.search-box dl dt {
    width: 12%;
    background: #feffb1;
    padding: 10px;
    font-size: 24px;
    position: relative;
    border-radius: 8px;
    z-index: 2;
    margin-right: 5px;
    text-align: left;
}

.search-box dl dt.tit1::before,
.search-box dl dt.tit2::before,
.search-box dl dt.tit3::before,
.search-box dl dt.tit4::before,
.search-box dl dt.tit5::before {
    content: "Name";
    position: absolute;
    top: 6px;
    right: 10px;
    color: #ff72aa;
    font-size: 30px;
    z-index: 1;
    
}

.search-box dl dt.tit1::before {
    content: "Name";
}

.search-box dl dt.tit2::before {
    content: "Rank";
}

.search-box dl dt.tit3::before {
    content: "Age";
}

.search-box dl dt.tit4::before {
    content: "Height";
}

.search-box dl dt.tit5::before {
    content: "Cup";
}

.search-box dl dd {
    border-radius: 8px;
    width: 79%;
    max-width: 1000px;
    height: 50px;
    /*
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;*/
    box-sizing: border-box;
}

.search-box dl dd.sele {
    width: 16.5%;
    margin-right: 5px;
}

.search-box dl dd:nth-of-type(2) {
    border-bottom: none;
}

.search-box dl dd:nth-of-type(3) {
    border-bottom: none;
}

/*
.search-box dl dd:last-of-type {
    height: 0;
	border: none;
}*/

.search-box .sh_select select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 18px;
    padding: 4px;
    height: 40px;
}

.search-box .sh_select select::-ms-expand {
    display: none;
}

.search-box .sh_select {
    position: relative;
    /* background: #ffffff; */
    padding: 10px;
    box-sizing: border-box;
    /* height: 48px; */
    /* font-size: 18px; */
}

.search-box .sh_select {
    position: relative;
    background: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    height: 57px;
    border-radius: 8px;
}

.search-box .sh_select::before {
    position: absolute;
    top: 1.8em;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #675400;
    pointer-events: none;
}

/* /select */
.search-box .sh_rbtn {
    width: 100%;
    /* margin: 2em auto; */
    text-align: left;
    padding-left: 10px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 8px;
    height: 57px;
    padding: 23px 15px;
}

.search-box .sh_rbtn ul {
    /* margin: 0.5rem 0.5rem 2rem 0.5rem; */
    /* padding: 0.5rem 1rem; */
    /* list-style: none; */
}

.search-box .sh_rbtn .list_item {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.search-box .sh_rbtn label {
    line-height: 0;
    position: relative;
    margin: 10px;
    cursor: pointer;
    font-size: 20px;
    color: #666;
    /* padding-bottom: 5px; */
}

.search-box .sh_rbtn .option-input {
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer;
}

.search-box .sh_rbtn .option-input:before,
.search-box .sh_rbtn .option-input:after {
    position: absolute;
    z-index: 1;
    top: -0.125rem;
    left: -0.125rem;
    width: 1rem;
    height: 1rem;
    content: '';
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 50%;
    background: #ffffff;
}

.search-box .sh_rbtn .option-input:after {
    z-index: 0;
    top: -0.25rem;
    left: -0.25rem;
    width: 1.25rem;
    height: 1.25rem;
    background: #675400;
}

.search-box .sh_rbtn .option-input:checked:before {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    border-width: 0.625rem;
    border-color: #675400;
}

/* /radio */

.search-box input[type="submit"].cp_btn {
    display: block;
    width: 200px;
    padding: 10px;
    margin: 20px auto;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #ba822d;
    transition: .4s;
    background: linear-gradient(to right, #e5c691 0%, #ba822d 50%, #e5c691 100%);
    border-radius: 6px;
    font-size: 20px;
    font-weight: bold;
    font-family: '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', 'HiraMinProN-W3', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'Noto Serif JP', serif;
}

.search-box input[type="submit"].cp_btn:hover {
    background: #ba822d;
    color: #fff;
    cursor: pointer;
}

.search-box input[type="text"] {
    cursor: pointer;
    width: 100%;
    padding: 10px;
    background: #ffffff;
    height: 50px;
    box-sizing: border-box;
    font-size: 16px;
    border: none;
    border-radius: 8px;

}

/* /女性検索フォーム */


/* 殿堂入り */
#top-rank-king {
    position: relative;
    margin: 30px auto;
}

#top-rank-king h1 {
    background: url(../images/dendobg.jpg) no-repeat center top;
    font-size: 40px;
    height: 100px;
    font-weight: bold;
    background-size: contain;
    width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px;
}

#top-rank-king h1 p {}

#top-rank-king h1 p:first-of-type {
    font-size: 20px;
}

#top-rank-king h1 p:last-of-type {
    font-size: 40px;
    margin-top: -8px;
}

#top-rank-king .king-box {
    max-width: 1600px;
    margin: 30px auto;
}

@media screen and (max-width: 1650px) {
    #top-rank-king .king-box {
        max-width: 96.9697vw;
    }
}

@media screen and (max-width: 1200px) {
    #top-rank-king .king-box {
        max-width: 1160px;
    }
}

#top-rank-king .cast-box {
    margin: 0 5px;
}

@media screen and (max-width: 1650px) {
    #top-rank-king .cast-box {
        margin: 0 0.303vw;
    }
}

@media screen and (max-width: 1200px) {
    #top-rank-king .cast-box {
        margin: 0 3px;
    }
}

#top-rank-king .cast-box .rank-img {
    margin: 20px auto;
    width: 320px;
}

@media screen and (max-width: 1650px) {
    #top-rank-king .cast-box .rank-img {
        margin: 1.2121vw auto;
        width: 19.3939vw;
    }
}

#top-rank-king .cast-box .cast-bg {
    box-sizing: border-box;
    width: 310px;
    height: 415px;
    box-shadow: none;
    background: none;
    padding: 0;
}

@media screen and (max-width: 1650px) {
    #top-rank-king .cast-box .cast-bg {
        width: 18.7879vw;
        height: 25.1515vw;
    }
}

@media screen and (max-width: 1200px) {
    #top-rank-king .cast-box .cast-bg {
        width: 225px;
        height: 302px;
    }
}

#top-rank-king .cast-box figure .rank-layer-f {
    position: relative;
    z-index: 1;
}

#top-rank-king .cast-box figure .rank-layer-f img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
}

@media screen and (max-width: 1650px) {
    #top-rank-king .cast-box figure .rank-layer-f img {
        width: 6.0606vw;
    }
}

@media screen and (max-width: 1200px) {
    #top-rank-king .cast-box figure .rank-layer-f img {
        width: 73px;
    }
}

#top-rank-king .cast-box figure .rank-layer-b {
    position: relative;
}

#top-rank-king .cast-box figure .rank-layer-b img {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
}

@media screen and (max-width: 1650px) {
    #top-rank-king .cast-box figure .rank-layer-b img {
        width: 7.8788vw;
    }
}

@media screen and (max-width: 1200px) {
    #top-rank-king .cast-box figure .rank-layer-b img {
        width: 95px;
    }
}

#top-rank-king .cast-box figure .rank-layer-s {
    position: relative;
}

#top-rank-king .cast-box figure .rank-layer-s img {
    position: absolute;
    top: 368px;
    left: 8px;
    width: 95px;
}

@media screen and (max-width: 1650px) {
    #top-rank-king .cast-box figure .rank-layer-s img {
        top: 22.303vw;
        left: 0.4848vw;
        width: 5.7576vw;
    }
}

@media screen and (max-width: 1200px) {
    #top-rank-king .cast-box figure .rank-layer-s img {
        top: 268px;
        left: 5px;
        width: 70px;
    }
}

#top-rank-king .cast-box figure .icon-inner {
    position: relative;
}

#top-rank-king .cast-box figure .icon-inner .today {
    position: absolute;
    top: 370px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    right: 10px;
    width: 140px;
    background: #ff0000;
    color: rgba(255, 255, 255, 1);
    padding: 3px;
}

@media screen and (max-width: 1650px) {
    #top-rank-king .cast-box figure .icon-inner .today {
        top: 22.4242vw;
        font-size: 1.0909vw;
        border-radius: 0.6061vw;
        right: 0.6061vw;
        width: 8.4848vw;
        padding: 0.1818vw;
    }
}

@media screen and (max-width: 1200px) {
    #top-rank-king .cast-box figure .icon-inner .today {
        top: 270px;
        font-size: 13px;
        border-radius: 6px;
        right: 6px;
        width: 100px;
        padding: 2px;
    }
}

#top-rank-king .cast-box figure img {}

#top-rank-king .cast-box .g-info {
    border: 1px solid #fff;
    padding: 5px;
    box-sizing: border-box;
    background: #fff;
    margin: 10px 0;
    width: 310px;
    color: #fff;
}

@media screen and (max-width: 1650px) {
    #top-rank-king .cast-box .g-info {
        padding: 0.303vw;
        margin: 0.6061vw 0;
        width: 18.7879vw;
    }
}

@media screen and (max-width: 1200px) {
    #top-rank-king .cast-box .g-info {
        padding: 5px;
        margin: 5px 0;
        width: 225px;
    }
}

#top-rank-king .cast-box .g-info p {
    color: #000;
    text-align: center;
    margin: 0;
    padding: 0;
}

#top-rank-king .cast-box .g-info p.name {
    font-size: 18px;
}

@media screen and (max-width: 1650px) {
    #top-rank-king .cast-box .g-info p.name {
        font-size: 1.0909vw;
    }
}

@media screen and (max-width: 1200px) {
    #top-rank-king .cast-box .g-info p.name {
        font-size: 14px;
    }
}

#top-rank-king .cast-box .g-info p.size {
    font-size: 14px;
}

@media screen and (max-width: 1650px) {
    #top-rank-king .cast-box .g-info p.size {
        font-size: 0.8485vw;
    }
}

@media screen and (max-width: 1200px) {
    #top-rank-king .cast-box .g-info p.size {
        font-size: 13px;
    }
}

#top-rank-king figure.cap-efct {
    min-width: 310px;
    max-width: 310px;
    max-height: 415px;
    margin: 0 auto;
}

@media screen and (max-width: 1650px) {
    #top-rank-king figure.cap-efct {
        min-width: 18.7879vw;
        max-width: 18.7879vw;
        max-height: 25.1515vw;
    }
}

@media screen and (max-width: 1200px) {
    #top-rank-king figure.cap-efct {
        min-width: 225px;
        max-width: 225px;
        max-height: 302px;
    }
}

/* /殿堂入り */

/***** 【 header2 】 *****/

.headfixed {
    background: #ff6c9dd8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    justify-content: space-between;
    padding: 0 15px;
        box-sizing: border-box;
        height: 100px;
}

#mainheader2 {
    padding:0 ;
    margin: 0;
}

#mainheader2 h1 {
    margin-right: 10px;
    width: 100%;
    max-width: 180px;
    text-align: left;
    align-content: center;
}
#mainheader2 h1 img {
    display: block;
    margin: auto;
}


#mainheader2 h1 img {
    width: 100%;
}

#mainheader2 nav ul.gnavi {}

#mainheader2 nav ul.gnavi li {}

#mainheader2 .link-box {
    width: 240px;
    margin-top: 50px;
    margin: 245px 10px 0;
}

#mainheader2 .link-box .inner {
    margin: 3px;
}

#mainheader2 .link-box h1 {
    width: 100%;
    padding: 1px;
    margin: 8px 5px;
    background: #fff;
    border-radius: 12px;
    font-size: 14px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
}

#mainheader2 .side-box {
    margin: 0;
    line-height: 1em;
    text-align: left;
    color: #fff;
    align-content: center;
}

#mainheader2 .side-box .l-box {}

#mainheader2 .side-box .l-box div:last-of-type {
    margin-left: 10px;
}

#mainheader2 .side-box p {}

#mainheader2 .side-box p.line-txt {
    margin-left: 5px;
    margin-bottom: 5px;
}

#mainheader2 .side-box p.line-txt span {
    display: inline-block;
    transform: rotate(-30deg);
    font-size: 14px;
}

#mainheader2 .side-box p.line-txt img {
    width: 35px;
    margin-left: 5px;
}

#mainheader2 .side-box p.txt {
    background: #fff;
    color: #ff0000;
    font-size: 14px;
    font-weight: bold;
    width: 310px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 6px;
    text-align: center;
}

#mainheader2 .side-box p.txt img {
    width: 30px;
}

#mainheader2 .side-box .time {
    line-height: 14px;
    font-size: 18px;
    margin: 3px 0 0;
    padding: 5px;
}

@media screen and (max-width: 1680px) {
    #mainheader2 .side-box .time {
        font-size: 14px;
        padding: 3px;
    }
}

@media screen and (max-width: 1480px) {
    #mainheader2 .side-box .time {
        font-size: 12px;
        padding: 2px;
    }
}

#mainheader2 .side-box .time i {
    vertical-align: middle;
    margin-right: 6px;
}

#mainheader2 .side-box .time i img {
    width: 20px;
}

#mainheader2 .side-box .mail i {
    vertical-align: middle;
    margin-right: 6px;
}

#mainheader2 .side-box .mail i img {
    width: 26px;
}

#mainheader2 .side-box .mail {
    text-align: left;
    font-size: 18px;
    padding: 5px;
    line-height: 1;
}

@media screen and (max-width: 1680px) {
    #mainheader2 .side-box .mail {
        font-size: 14px;
        padding: 3px;
    }
}

@media screen and (max-width: 1480px) {
    #mainheader2 .side-box .mail {
        font-size: 12px;
        padding: 2px;
    }
}

@media screen and (max-width: 1280px) {
    #mainheader2 .side-box .mail {
        font-size: 10px;
    }
}

#mainheader2 .side-box .tel {
    text-align: left;
    font-size: 38px;
    font-weight: bold;
    padding: 0;
    line-height: 0.6;
}

@media screen and (max-width: 1680px) {
    #mainheader2 .side-box .tel {
        font-size: 24px;
        line-height: 0.6;
    }
}

@media screen and (max-width: 1480px) {
    #mainheader2 .side-box .tel {
        font-size: 18px;
        line-height: 0.6;
    }
}

#mainheader2 .side-box .tel i {
    vertical-align: middle;
    margin-right: 6px;
}

#mainheader2 .side-box .tel i img {
    width: 34px;
}

@media screen and (max-width: 1680px) {
    #mainheader2 .side-box .tel i img {
        width: 26px;
    }
}

@media screen and (max-width: 1480px) {
    #mainheader2 .side-box .tel i img {
        width: 20px;
    }
}


/***** /【 header2 】 *****/

/***** 【 nav2 】 *****/
#navi2 {
   height: fit-content;
    margin: auto 0;
}

#navi2 ul.gnavi {
    padding:  0;
}

#navi2 ul.gnavi li {
    border-left: 8px solid #fff;
    padding-left: 10px;
    margin-right: 10px;
    height: 50px;
}

@media screen and (max-width: 1780px) {
    #navi2 ul.gnavi li {
        border-left: 5px solid #fff;
        padding-left: 10px;
        margin-right: 10px;
        height: 50px;
    }
}

@media screen and (max-width: 1480px) {
    #navi2 ul.gnavi li {
        border-left: 3px solid #fff;
        padding-left: 8px;
        margin-right: 8px;
        height: 40px;
    }
}

#navi2 ul.gnavi li p {
    text-align: left;
}

#navi2 ul.gnavi li p:first-of-type {
    font-size: 16px;
}

@media screen and (max-width: 1780px) {
    #navi2 ul.gnavi li p:first-of-type {
        font-size: 14px;
    }
}

@media screen and (max-width: 1480px) {
    #navi2 ul.gnavi li p:first-of-type {
        font-size: 12px;
    }
}

#navi2 ul.gnavi li p:last-of-type {
    font-size: 14px;
}

@media screen and (max-width: 1780px) {
    #navi2 ul.gnavi li p:last-of-type {
        font-size: 12px;
    }
}

@media screen and (max-width: 1480px) {
    #navi2 ul.gnavi li p:last-of-type {
        font-size: 10px;
    }
}

#navi2 ul.gnavi li a {
    display: block;
}

#navi2 ul.gnavi li img {
    display: block;
    margin: 0 auto;
    width: 29px;
}

#navi2 ul.gnavi li a:hover img {
    filter: Alpha(opacity=0);
    opacity: 0;
    -moz-opacity: 0;
}

/***** /【 nav2 】 *****/

/* cover-info */

#top-cover .side-box {
    line-height: 1em;
    position: absolute;
    bottom: 100px;
    max-width: 95%;
    margin: auto;
    width: 95%;
    display: flex;
    left: 0;
    right: 0;
    justify-content: space-between;
}

@media screen and (max-width: 1200px) {
    #top-cover .side-box {
        left: 0px;

    }
}

#top-cover .side-box .logo {}

#top-cover .side-box .logo img {
    width: 560px;
}

@media screen and (max-width: 1480px) {
    #top-cover .side-box .logo img {
        width: 480px;
    }
}

#top-cover .side-box .l-box {
    margin: auto 0;
}
#top-cover .side-box .l-box {
    margin: auto 0;
}

#top-cover .side-box .l-box div {
    margin: 5px;
}

#top-cover .side-box .l-box div img.navi {}

@media screen and (max-width: 1480px) {
    #top-cover .side-box .l-box div img.navi {
        width: 150px
    }
}

#top-cover .side-box .l-box a:hover {
    opacity: .8
}
#top-cover .topcover_address {
    background: url(../images/top-cover-addressbg.jpg) no-repeat center center / 100% 100%;
    width: 575px;
    height: 180px;
    align-content: center;
}
#top-cover .topcover_address .address_box{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: #e70f89;
    width: fit-content;
    max-width: 550px;
    margin: auto;
}
#top-cover .topcover_address .address_box div{
    display: flex;
align-items: center;
justify-content: center;
line-height: 1;

}
#top-cover .topcover_address .address_box div i img{
    width: auto;
    margin: auto 5px auto 0;
    display: block;
}
#top-cover .topcover_address .address_box a{
    color: #e70f89;
}
#top-cover .topcover_address .address_box div.mail{
    font-size: 18px;
    margin: 0 0 5px;
}
#top-cover .topcover_address .address_box div.time{
    font-size: 18px;
    margin: 0 10px 5px 0;
}
#top-cover .topcover_address .address_box div.time span{
    font-size: 0.8em;
}
#top-cover .topcover_address .address_box div.tel{
    font-size: 50px;
    margin: 0 0 5px;
}
#top-cover .topcover_address .address_box div.add{
    font-size: 14px;
    width: 100%;
    text-align: center;
}
/* /cover-info */


#system .sbg1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    max-width: 1600px;
}

#system .sbg2 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    max-width: 1600px;
}


.g-rimg .rankimg {
    width: 100%;
    max-width: 400px;
}

#top-newface .g-rimg {
    width: 100%;
    max-width: 313px;
    margin: 10px auto;
}

#top-newface .g-rimg .rankimg {
    width: 100%;
    max-width: 313px;
}

#top-rank-king .g-rimg {
    width: 100%;
    max-width: 310px;
    margin: 10px auto;
}

#top-rank-king .g-rimg .rankimg {
    width: 100%;
    max-width: 310px;
}

@media screen and (max-width: 1650px) {
    #top-rank-king .g-rimg .rankimg {
        max-width: 18.7879vw;
        margin: 0.6061vw 0;
    }
}

#top-ranking .g-rimg {
    width: 100%;
    max-width: 340px;
    margin: 10px 0;
}

#top-ranking .g-rimg .rankimg {
    width: 100%;
    max-width: 340px;
}

#gals .g-rimg {
    width: 100%;
    max-width: 340px;
    margin: 10px 0 0;
}

#gals .g-rimg .rankimg {
    width: 100%;
    max-width: 340px;
}




#profile .g-info .si-price {
    width: 600px;
    margin: 30px auto;
    padding: 5px;
    border: 3px solid var(--cha);
    box-sizing: border-box;
}

#profile .g-info .si-price p {
    text-align: center;
    color: var(--cha);
    font-size: 40px;
}

/* 20240410 */

#ranking h2,
#top-ranking h2 {
    font-size: 40px;
    font-weight: bold;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px 5px 2px;
    min-height: 100px;
}

#ranking h2.ranking01,
#top-ranking h2.ranking01 {
    background: url(../images/koukyubg.jpg) no-repeat center top;
    display: none;
}

#ranking h2.ranking02,
#top-ranking h2.ranking02 {
    background: url(../images/taisyubg.jpg) no-repeat center top;
}

#ranking h2 p:first-of-type,
#top-ranking h2 p:first-of-type {
    font-size: 20px;
}

#ranking h2 p:last-of-type,
#top-ranking h2 p:last-of-type {
    font-size: 40px;
    margin-top: -8px;
}

#ranking #rank-section1 .g-rimg,
#ranking #rank-section2 .g-rimg,
#ranking #rank-section3 .g-rimg {
    margin-top: 15px;
}

#ranking #rank-section1 .g-rimg .rankimg,
#ranking #rank-section2 .g-rimg .rankimg,
#ranking #rank-section3 .g-rimg .rankimg {
    width: 100%;
    max-width: 480px;
}
.ranking02_box , #top-rank-king{
    display: none;
}

/* /20240410 */


.slick-dots li button:before
{
    color: var(--pink01);
}
.slick-dots li.slick-active button:before
{
    color: var(--pink01);
	background: var(--pink01);
}
.slick-dots li button {
    border: 2px solid var(--pink01);
}