.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

*,
*::before,
*::after {
    word-break: initial;
}

/*　FCLP

.header {

    background-image: url(../img/dojima/DSC08773.webp);
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;

}

.header h1 {

    color: white;
    margin-top: 100px;
    font-size: 20px;
    text-shadow:
        0 2px 0 #888,
        0 3px 0 #888,
        0 4px 5px #333;
}

h1 {

    color: white;
    font-size: 30px;
    text-shadow: 0px 2px 2px #444444;
    margin-top: 10px;
}


.cap {

    margin-top: 50px;
    margin-bottom: 50px;
    text-align: left;
}

ul {
    padding: 0;
    font: 14px/1.6 'arial narrow', sans-serif;
    list-style: none;
}

.artile-ttl {

    font-family: 'NHaasGrotesk', 'NotoSansCJKjp', "Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
    font-size: 18px;
}


.tel {

    font-size: 24px;
    font-weight: 600;
    color: white;
    background: #cf121b;
    background-blend-mode: multiply;
    padding: 5px;

}

.tel-pc {

    font-size: 20px;
    font-style: italic;
    color: #cf121b;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #cf121b;

}

　*/

.menu_back {
    background: #fff;
}

.sns-area .instagram {
    font-family: 'billabongregular';
    font-size: 1rem;
    background: -webkit-linear-gradient(45deg, rgba(193, 0, 156, 1) 30%, rgba(245, 0, 3, 1) 50%, rgba(254, 187, 28, 1) 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.sns-area .instagram a:hover {
    opacity: 1 !important
}

.sns-area .instagram img {
    width: 40px;
    height: 40px;

}

.sns-area .instagram span {
    padding-left: 0.2rem;
    font-size: 1.5rem;
    vertical-align: bottom;
}

.shop-container .plus li img {

    margin-top: 30px;
}


#shinsaibashi_top {
    background: url(../img/shinsaibashi/shinsaibashi_15th.webp) center no-repeat;
    z-index: 1;
    position: relative;
    background-size: cover;
    height: 100vh;
}

#kobe_top {
    background: url(../img/kobe/kobe_top.webp) center no-repeat;
    z-index: 1;
    position: relative;
    background-size: cover;
    height: 100vh;
}

#tamatsukuri_top {

    background: url(../img/tamatsukuri/tamatsukuri_top.webp) center no-repeat;
    z-index: 1;
    position: relative;
    background-size: cover;
    height: 100vh;
}

#dojima_top {

    background: url(../img/dojima/dojima_top.webp) center no-repeat;
    z-index: 1;
    position: relative;
    background-size: cover;
    height: 100vh;
}

#uehonmachi_top {

    background: url(../img/uehonmachi/uehonmachi_top.webp) center no-repeat;
    z-index: 1;
    position: relative;
    background-size: cover;
    height: 100vh;
}

.gym_top {

    margin-top: 20vh;
    text-align: center;
    margin-bottom: 20vh;

}

.gym_logo {

    display: block;
    text-align: center;
    width: 350px;
    margin: 0 auto;
}

.gym_top h1 {
    font-size: 2rem;
    margin-top: 1rem;
    color: white;
    filter: drop-shadow(0 2px 2px black);
}

.gym_top p {

    font-size: 35px;
    font-weight: 700;
    margin-top: 10px;
    color: black;


}

.premium .gym_logo,
.centurion .gym_logo {
    padding: 10px;
    filter: drop-shadow(2px 2px 2px white);
}

.plus .gym_logo {
    filter: drop-shadow(2px 2px 2px black);
}


#gym-inner .flexBox div {
    width: 45%;
}

.item_ttl {


    font-family: 'NHaasGrotesk';
    font-weight: bold;
    font-size: 6rem !important;
    margin: 0 auto;
    padding-top: 10vh;
}

.item_cap {

    font-size: 30px;
    font-style: italic;
    font-weight: 500;
    margin-top: 20px;
    text-shadow: 2px 2px 4px gray;

}


.plus .item_ttl:first-letter {
    color: #008cd6;
}

.centurion .item_ttl:first-letter {
    color: goldenrod;
}



.item_ttl:first-letter {
    color: #b40000;
}


.inner {
    text-align: center;
    width: 70%;
    height: 100%;
    padding: 0 10%;
    margin: 0 auto;
    position: relative;

}

#wrapper-gym {

    background: #000000;
    color: #fff;
}



.conceptlist .number2 {
    font-family: 'NHaasGrotesk';
    font-weight: bold;
    font-size: 1.5rem;
    display: inlilne-block;
    width: 100%;
    position: relative;
    margin-bottom: 2rem;
    color: white;
}

.conceptlist .number2:after {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: white;

}

.conceptlist .number2 span {
    position: relative;
    padding-right: 1rem;
    z-index: 2;
    color: white;
    background: black;
}

.features_image {

    display: flex;
    justify-content: space-around;


}

.zoom-img2 {

    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
}


.zoom-img2 img {
    width: 100%;
    max-height: 350px;
    transform: scale(1);
    transition: .3s ease-in-out;
}

.zoom-img2:hover img {
    transform: scale(1.3);
}

.banner {

    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;

}

.button a {

    display: inline-block;
    height: 100%;

}

.button a {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.howtomovie-area {
    margin-top: 10%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.howtomovie-area h4 {
    font-size: 2rem;
    margin-bottom: 3%;
    color: var(--plus-color);
    filter: drop-shadow(1px 2px 0px white);
}

.howtomovie-area p {
    margin-bottom: 3%;
}

.howtomovie-area a:hover {
    filter: none;
    transform: translate(1px, 1px);
}

figcaption {

    margin-top: 10px;

}

.cp_arrows *,
.cp_arrows *:before,
.cp_arrows *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_arrows {
    position: relative;
    display: flex;
    margin: 7em auto;
    justify-content: center;
    align-items: center;
}

.cp_arrows .cp_round {
    position: relative;
    width: 100px;
    height: 100px;
    border: 3px solid #bc1a1a;
    border-radius: 100%;
    cursor: pointer;
}

.cp_arrows span {
    position: absolute;
    display: block;
    width: 35px;
    height: 5px;
    -webkit-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
    border-radius: 3px;
    background: #bc1a1a;
}

.cp_arrows span:first-child {
    bottom: 30%;
    left: 18%;
    transform: rotate(30deg);
}

.cp_arrows span:nth-child(2) {
    bottom: 30%;
    left: 47%;
    transform: rotate(-30deg);
}

.cp_arrows span:nth-child(3) {
    bottom: 55%;
    left: 18%;
    transform: rotate(30deg);
}

.cp_arrows span:nth-child(4) {
    bottom: 55%;
    left: 47%;
    transform: rotate(-30deg);
}

.cp_arrows .cp_round:hover span:nth-child(1) {
    transform: rotate(-155deg);
}

.cp_arrows .cp_round:hover span:nth-child(2) {
    transform: rotate(155deg);
}

.cp_arrows .cp_round:hover span:nth-child(3) {
    transform: rotate(205deg);
}

.cp_arrows .cp_round:hover span:nth-child(4) {
    transform: rotate(-205deg);
}


#trainers {

    background: white;
    color: black;
    padding-bottom: 2%;
}


.trainers_insta {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
}

.trainers_item {

    width: 250px;
    padding: 10px;
}

#facility {

    background-image: url(../img/bg_information_02.webp);

    margin-top: 50px;
    background-attachment: fixed;

}

#facility.gallery {
    /*background-image: url(../img/kobe/DSC07570_2.webp);*/
    background-image: none !important;
    background: black;
    background-size: cover;
    background-position: right;
}

#facility.conceptlist li {

    padding: 0;

}

.facility_item {

    display: flex;
}

.facility_image {
    width: 50%;
    border: 5px #bd0000 solid;

}


.kobe #facility {

    color: white;
}

#facility .inner {
    position: relative;
}

#facility .inner img {
    position: absolute;
    width: 200px;
    bottom: 0;
    right: -10%;
    animation: rotate_anim 1.5s infinite alternate;
}

@keyframes rotate_anim {
    0% {
        transform: translate(0, 0);
    }

    5% {
        transform: translate(-2px, -0);
    }

    10% {
        transform: translate(2px, 0);
    }

    15% {
        transform: translate(-2px, -0);
    }

    20% {
        transform: translate(2px, 0);
    }

    25% {
        transform: translate(-2px, -0);
    }

    30% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

@media screen and (max-width: 1366px) {
    #facility .inner img {
        width: 150px;
        top: 20%;
        right: 15%;
    }
}

@media screen and (max-width: 1024px) {
    #facility .inner img {
        width: 120px;
        top: 20%;
        right: 0;
    }
}

@media screen and (max-width: 768px) {
    #facility .inner img {
        width: 60px;
        top: 49%;
        right: -4%;
    }
}

@media screen and (max-width: 390px) {
    #facility .inner img {
        width: 50px;
        top: 50%;
        right: -3%;
    }
}

@media screen and (max-width: 375px) {
    #facility .inner img {
        width: 60px;
        top: 20%;
        right: -4%;
    }
}

/* Renewal Gallery
---------------------------------*/

.gallery-wrap {
    margin: 2rem 1rem 0;
}

.grid-parent {
    display: grid;
    grid-template: 1fr 1fr 1fr 1fr 1fr / 1fr 1fr 1fr 1fr;
    row-gap: 1em;
    column-gap: 1.2em;
}

.grid-parent li img {
    border-radius: 10px;
}

.grid-parent li {
    position: relative;
}

.image-title {
    position: absolute;
    top: 2rem;
    left: 1rem;
}

.image-title::before {
    content: attr(data-en);
    position: absolute;
    transform: rotate(-5deg);
    top: -10px;
    left: 0;
    color: #008cd6;
    opacity: 0.8;
    font-size: 40px;
    font-weight: 400;
    font-family: luxus-brut, cursive;
    font-style: italic;
}


.child-1 {
    grid-row: 1/3;
    grid-column: 1/3;
}

.child-2 {
    grid-row: 3/4;
    grid-column: 1/2;
}

.child-3 {
    grid-row: 3/4;
    grid-column: 2/3;
}

.child-4 {
    grid-row: 1/2;
    grid-column: 3/4;
}

.child-5 {
    grid-row: 1/2;
    grid-column: 4/5;
}

.child-6 {
    grid-row: 2/4;
    grid-column: 3/5;
}

.child-7 {
    grid-row: 4/6;
    grid-column: 1/3;
}

.child-8 {
    grid-row: 6/7;
    grid-column: 1/2;
}

.child-9 {
    grid-row: 6/7;
    grid-column: 2/3;
}

.child-10 {
    grid-row: 4/5;
    grid-column: 3/4;
}

.child-11 {
    grid-row: 4/5;
    grid-column: 4/5;
}

.child-12 {
    grid-row: 5/7;
    grid-column: 3/5;
}

.gallery-wrap + .slideshow {
    margin-top: 1.2rem
}



.number2 + .listTtl + p strong {
    font-size: 1.3rem;
    color: var(--plus-color);
}

.number2 + .listTtl + p span {
    color: var(--centurion-color);
}

.number2 + .listTtl + p span::after,
.number2 + .listTtl + p span::before {
    content: '\A';
    white-space: pre;
}

.bnr-machine {
    width: 70%;
    margin: 0 auto;
}

.trainer_link a {

    display: block;
    height: 100%;
    cursor: pointer;
}


.slideshow {
    position: relative;
    overflow: hidden;
}

/* :::::: slideContents :::::: */

.slideContents {
    position: relative;
    background-image: url(../img/kobe/DSC07602.webp);
    background-size: cover;
    background-position: center;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
}

.tamatsukuri .slideContents {

    background-image: url(../img/tamatsukuri/DSC00488.webp);

}

.shinsaibashi .slideContents {

    background-image: url(../img/shinsaibashi/DSC08950.webp);

}


.dojima .slideContents {

    background-image: url(../img/dojima/DSC08773.webp);

}


.slideContents::before {
    content: '';
    position: absolute;
    /* 輪郭がぼやけてしまうのでブラー範囲を広げる */
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    background: inherit;
    filter: grayscale(100%);
}


.slideContents section {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.slideContents section img {
    max-width: 60%;
    padding: 0 50px;
    box-sizing: border-box;
    vertical-align: middle;
    max-height: 50%;
    display: inline-block;
}

/* :::::: mechanism :::::: */
.slideContents #slide1 {
    position: relative;
}

.slideContents section {
    animation: autoplay 30s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

@keyframes autoplay {

    0%,
    16%,
    100% {
        transform: none;
    }

    20% {
        transform: translateX(-100%);
    }

    20.001%,
    96% {
        transform: translateX(100%);
    }
}

.slideContents #slide1 {
    animation-delay: -0s;
}

.slideContents #slide2 {
    animation-delay: -36s;
}

.slideContents #slide3 {
    animation-delay: -30s;
}

.slideContents #slide4 {
    animation-delay: -24s;
}

.slideContents #slide5 {
    animation-delay: -18s;
}

.slideContents #slide6 {
    animation-delay: -12s;
}

.slideContents #slide7 {
    animation-delay: -6s;
}



.heading07 {
    position: relative;
    padding-top: 50px;
    padding-left: 30px;
    font-size: 26px;
}

.heading07 span {
    position: relative;
    z-index: 2;
}

.heading07::before {
    content: attr(data-en);
    position: absolute;
    transform: rotate(-5deg);
    top: -10px;
    left: 0;
    color: #fff;
    opacity: 0.2;
    font-size: 60px;
    font-weight: 400;
    font-family: luxus-brut, cursive;
    font-style: italic;
}

.cp_card {
    width: 48%;
    position: relative;
    background: #ffffff;
    overflow: visible;
    margin: 2em auto;
    padding: 0.5em;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.cp_card p {

    color: #000000;

}

.plus .cp_card {
    border: 2px solid #008cd6;

}

.cp_card p {

    color: #000000;

}

.cp_ribbon {
    position: absolute;
    top: -6px;
    left: -6px;
    padding: 10px;
    padding-right: 60px;
    letter-spacing: 0.1px;
    color: #ffffff;
    background: linear-gradient(-45deg, transparent, transparent 25%, #b40000 0%, #b40000);
}


.cp_ribbon::before {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    content: ' ';
    border: 3px solid transparent;
    border-top: 3px solid #840000;
    border-right: 3px solid #840000;
}


.plus .cp_ribbon {

    background: linear-gradient(-45deg, transparent, transparent 25%, #008cd6 0%, #008cd6);
}


.plus .cp_ribbon::before {

    border-top: 3px solid #0069a0;
    border-right: 3px solid #0069a0;
}

.centurion .cp_ribbon {


    background: linear-gradient(-45deg, transparent, transparent 25%, goldenrod 0%, goldenrod);
    padding-right: 80px;

}

.centurion .cp_ribbon::before {
    border-top: 3px solid #a07815;
    border-right: 3px solid #a07815;


}


.box1 {
    margin: 5em 0;
    background: white;
    border-radius: 10px;
}

.box1 .box-title {
    font-size: 20px;
    background: #ff2e24;
    padding: 1rem;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.5em;
    border-radius: 10px 10px 0px 0px;

}

.box1 .box-title.plus {
    background: #008cd6;
}

.box1 p {
    padding: 1rem;
    margin: 0;
    color: black;
    font-weight: bold;
    display: inline-block;

}

.mark1 {

    background: linear-gradient(transparent 60%, #ff6 60%);
}

#price {

    margin-bottom: 50px;
}

/************************************
** 比較表
************************************/
/* 比較表全体 */
.compare-box {
    display: -webkit-box;
    /* 配置 */
    display: -ms-flexbox;
    /* 配置 */
    display: flex;
    /* 配置 */
    border-radius: 10px 10px 0px 0px;
    /* 角丸 */
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    /* 影 */
    background: white;
    /* 背景色 */
}

/*　中央の段　*/

.center-box .compare-box {

    border-radius: 0px;
}

/* 中央の段角丸なくす */
.center-box .compare-box .compare-head,
.center-box .compare-box .compare-left-head,
.under-box .compare-box .compare-left-head {
    border-radius: 0px;

}

.under-box .compare-box .compare-head,
.center-box .compare-box .compare-right-head,
.under-box .compare-box .compare-right-head {
    border-radius: 0px;

}

/*　下の段　*/

.under-box .compare-box {

    border-radius: 0px 0px 10px 10px;
    margin-bottom: 30px;
}

.under-box .compare-box .compare-center-head {

    font-size: 18px;
}



/*　３つのボックス　*/
.compare-box .compare-left-wrap,
.compare-box .compare-center-wrap,
.compare-box .compare-right-wrap {
    width: 50%;
    /* 横幅半分ずつ */
    overflow: hidden;
    /* はみ出さないように*/
}


/*　３つのボックス plus版　*/
.plus .compare-box .compare-left-wrap,
.plus .compare-box .compare-center-wrap,
.plus .compare-box .compare-right-wrap {
    width: 100%;
    /* 横幅半分ずつ */
    overflow: hidden;
    /* はみ出さないように*/
}

.centurion .compare-box .compare-left-wrap,
.centurion .compare-box .compare-center-wrap,
.centurion .compare-box .compare-right-wrap {
    width: 100%;
    /* 横幅半分ずつ */
    overflow: hidden;
    /* はみ出さないように*/
}

.premium .compare-right {

    border-left: solid 2px #b99e55;

}



.centurion .plan .compare-left {

    border: none;
}


.compare-box .compare-wrap {

    width: 100%;

    overflow: hidden;

}


/*　4つのタイトル　*/
.compare-box .compare-head,
.compare-box .compare-left-head,
.compare-box .compare-center-head,
.compare-box .compare-right-head {
    background: #b99e55;
    /* 背景色 */
    text-align: center;
    /* 中央寄せ */
    color: #FFF;
    /* 文字色 */
    font-weight: bold;
    /* 文字太さ */
    font-size: 20px;
    /* 文字大きさ */
    line-height: 1.5;
    /* 行間 */
    height: 65px;
    /* 縦幅 */
    display: table-cell;
    /* 形式 */
    vertical-align: middle;
    /* 高さ中央寄せ */
    width: 1000px;
    /* 横幅 */

}


.plus .compare-box .compare-head,
.plus .compare-box .compare-left-head,
.plus .compare-box .compare-center-head,
.plus .compare-box .compare-right-head {

    background: #008cd6;
    /* 背景色 */

}


.plan .compare-left-head,
.plan .compare-right-head,
.plan .compare-center-head {

    background: #bd0000;
    font-size: 18px;
    padding: 10px;
    line-height: 2rem;
    font-weight: 600;

}

.plan .compare-left-wrap {

    border-right: 7px solid #000;
}

.plan .compare-right-wrap {

    border-left: 7px solid #000;
}

.plan .compare-box {

    margin-bottom: 20px;
}

.plan .compare-box .compare-right-head {
    border-radius: 0px;
}

.compare-left2,
.compare-right2 {

    border-top: dotted 2px gray;
}


/* 左のタイトル */
.compare-box .compare-left-head {
    border-radius: 10px 0 0 0;
    /* 角丸 */
}

/* 右のタイトル */
.compare-box .compare-right-head {
    border-radius: 0 10px 0 0;
    /* 角丸 */
}

/* 中央のみのタイトル */

.compare-box .compare-head {
    border-radius: 10px 10px 0 0;
    /* 角丸 */
}

.plus .compare-left-head,
.centurion .compare-left-head {

    border-radius: 10px 10px 0 0;
}



/* 4つのコンテンツ */
.compare-box .compare,
.compare-box .compare-left,
.compare-box .compare-center,
.compare-box .compare-right,
.compare-left2,
.compare-right2 {
    padding: 1em;
    /* 余白 */
    font-size: 15px;
    /* 文字大きさ */
    line-height: 2;
    /* 行間 */
    text-align: justify;
    /* 段落両端 */
    text-justify: inter-ideograph;
    /* 段落両端 */

}

/* 文章 */
.compare-box p {
    padding: 0;
    /* 余白 */
    color: black;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
}

.center-box .compare-box p,
.compare-left2 p,
.compare-right2 p,
.under-box p {


    font-weight: bold;
    font-size: 25px;

}

.compare-left2 p,
.compare-right2 p {

    display: flex;
    justify-content: center;
    align-items: center;

}


/* 中央のセパレート */
.compare-center {
    border-right: solid 2px #b99e55;
    border-left: solid 2px #b99e55;

}

.rentalplus {

    margin: 40px;

}

.circle {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ec4646;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    color: #fff;
    font-size: 15px;
    line-height: 1.3rem;
    text-align: center;
    margin-right: 2rem;

}

.ren_t {
    position: relative;
    display: inline-block;
    padding: 0 55px;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}

.ren_t:before,
.ren_t:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: white;
}

.ren_t:before {
    left: 0;
}

.ren_t:after {
    right: 0;
}


.rentalplus p {

    font-size: 16px;
    line-height: 1.5rem;
}


.option {

    margin-top: 2rem;
    text-align: center;
}

.option .item_cap {

    border-bottom: 5px solid #bd0000;
    display: inline-block;

}

.wrapper {
    text-align: center;
    margin-top: 2rem;
}

.wrapper ul {
    text-align: left;
    display: inline-block;
}

.wrapper ul li {

    font-size: 20px;
    line-height: 1.5rem;
}

.limit_t {
    padding: 1rem 3rem;
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
    background-image: -webkit-gradient(linear, left top, right top, from(#bf013b), to(#68e0cf));
    background-image: -webkit-linear-gradient(left, #bf013b 0%, #1a03c6 100%);
    background-image: linear-gradient(to right, #bf013b 0%, #1a03c6 100%);
    font-size: 25px;
    font-weight: 600;
    margin: 20px;
    line-height: 1.7rem;
}


/************************************
** 比較表ここまで
************************************/


#access .inner {

    z-index: 50;
}




#access .dojima {

    height: auto;
    background: #666 url(../img/dojima/DSC08727.webp) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

#access .dojima::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: inherit;
    filter: grayscale(100%);
    z-index: 2;
}



#access .shinsaibashi {

    height: auto;
    background: #666 url(../img/shinsaibashi/DSC08948.webp) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

#access .shinsaibashi::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: inherit;
    filter: grayscale(100%);
    z-index: 2;
}




#access .tamatsukuri {


    background: #666 url(../img/tamatsukuri/DSC00487.webp) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

#access .tamatsukuri::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: inherit;
    filter: grayscale(100%);
    z-index: 2;
}


#access .kobe {


    background: #666 url(../img/kobe/DSC00291.webp) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;

}

#access .kobe::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: inherit;
    filter: grayscale(100%);
    z-index: 2;
}

#access .shinsaibashi table p,
#access .kobe table p {
    margin: 1rem 0;
}

#access .shinsaibashi table span,
#access .kobe table span {
    font-weight: bold;
}

#access .uehonmachi {


    background: #666 url(../img/uehonmachi/DSC08842.webp) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;

}

#access .uehonmachi::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: inherit;
    filter: grayscale(100%);
    z-index: 2;
}




#access table th {
    position: relative;
    text-align: left;
    font-size: 20px;
    padding: 2rem;


}


aside {

    font-size: .8rem;
    line-height: 1.5;
    margin-top: 5%;

}


#access table td {
    text-align: left;
    font-size: 16px;
    line-height: 1.7rem;
    padding: 1rem;


}

#access table {
    margin: 0 auto;
    background-color: rgba(90, 90, 90, 0.7);
    background-blend-mode: multiply;
    margin-top: 7%;
    margin-bottom: 7%;

}


.cmp {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 50%;
}

.cmp_sp {
    position: absolute;
    top: 22%;

    width: 100%;
}

.cmp_sp img {
    width: 55%;
}



.cmp img {
    width: 40%;
}

.cmp_2 {

    position: absolute;
    top: 80%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;


}

.cmp_2 img {

    width: 100%;
    padding: 50px;


}

.cmp_3 {

    position: absolute;
    top: 75%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;

}

.cmp_3 img {

    width: 100%;
    padding: 50px;


}



.follow_banner {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
    position: fixed;
    padding: 1rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem;
    bottom: 0;
    right: 0;
    z-index: 100;

}

a.follow_banner {
    overflow: hidden;

    padding: 1.5rem;

    color: #fff;
    border-radius: 0;
    background: #bd0000;

}

.plus .follow_banner {

    background: #008cd6;
}


a.follow_banner span {
    position: relative;
}

a.follow_banner:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 165%;
    height: 500%;

    content: "";
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);

    background: #b99e55;
}

a.follow_banner:hover {

    opacity: 1;
}

a.follow_banner:hover:before {
    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(-9%) translateY(-25%) rotate(45deg);

}

a.tel {
    font-size: 1.2rem;
    color: white;
    background: rgba(255, 0, 0, 0.4);
    font-weight: bold;
    padding: 0 7px;
    border-bottom: 3px solid white;
}

.tel-pc {
    font-size: 1.2rem;
    font-weight: bold;
    font-style: italic;
    margin: 1rem 0 2rem;
    color: var(--vady-color);
    border-bottom: 3px double var(--vady-color);
}

.tel-plus {
    color: var(--plus-color);
    border-bottom: 3px double var(--plus-color);
}

.tel-centurion {
    color: var(--centurion-color);
    border-bottom: 3px double var(--centurion-color);
}

.tel-sp a {
    font-size: 1.2rem;
    font-weight: bold;
    color: goldenrod;
    border-bottom: 1px solid goldenrod;
}


/* New Machines
---------------------- */

#wrapper-machine {
    margin-bottom: 10%
}

.machine-list {
    margin: 0 auto;
    padding: 100px 3% 0;
    width: 90%;
    height: 100%;
}

.machine-list li {
    list-style: none;
    padding: 3% 0 0;
    font-size: 1rem;
}

.machine-list li:first-child {
    padding-top: 0;
}

.machine-list .number {
    font-family: 'NHaasGrotesk';
    font-weight: bold;
    font-size: 1.5rem;
    display: inlilne-block;
    width: 100%;
    position: relative;
    margin-bottom: 2rem;
}

.machine-list .number:after {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: black;
}

.machine-list .number span {
    position: relative;
    padding-right: 1rem;
    background: white;
    z-index: 2;
}

.machine-list li h3 {
    margin-bottom: 2rem;
}

.machine-list li p {
    margin: 2rem 0;
    font-size: 1rem;
    line-height: 1.5s;
}

.inner-flex h4 {
    font-size: 1.5rem;
    border-left: 4px solid var(--vady-color);
    padding-left: 1rem;
}

.centurion .inner-flex h4 {
    border-left: 4px solid var(--centurion-color);
}

.inner-flex h4 small {
    font-size: 1rem;
    display: block;
    margin-top: .8rem
}

.machine-list li .inner-flex-figure {
    margin: 2rem 0 1rem;
}

.machine-list li .inner-flex-figure p {
    margin: 1rem 0 0;
}

.machine-list li .btn {
    text-align: center;
    margin-top: 5rem;
}

.machine-list li .btn a {
    display: inline-block;
    padding: 2rem 6rem;
    border: solid 1px black;
}

.machine-list li ul li .itemflex {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
}

.machine-list li ul li .itemflex img {
    width: 50%;
    height: fit-content;
}

.machine-list li ul li .itemflex .inner-flex {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.machine-list li ul li .itemflex .inner-flex .inner-flex-figure {
    display: flex;
}

.machine-list li ul li .itemflex .inner-flex dl {
    width: 90%;
}

.inner-flex-figure dd p::before {
    content: "\002713";
    color: var(--vady-color)
}

.centurion .inner-flex-figure dd p::before {
    color: var(--centurion-color)
}

.centurion .movie-area h4,
.movie-area h4 {
    padding: 0;
    border: 0
}

.movie-area {
    margin-bottom: 2rem;
}

.movie-area h4 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.movie-area h4::before {
    font-family: "Font Awesome 5 Free";
    content: '\f144';
    padding-right: .5rem;
}

.sp-plan {
    padding: 5% 0;
    margin-bottom: 5%;
    text-align: center;
    /*clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);*/
    background: rgb(253, 33, 255);
    background: linear-gradient(343deg, rgba(253, 33, 255, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
    /*background: rgb(32, 206, 218);
    background: linear-gradient(130deg, rgba(32, 206, 218, 1) 0%, rgba(104, 132, 227, 1) 51%, rgba(155, 0, 241, 1) 100%);*/
}

.sp-plan.bg-centurion {
    background: linear-gradient(90deg, #fcff9e 0%, #c67700 100%);
}

.sp-plan.bg-plus {
    background: aquamarine;
    background: linear-gradient(90deg, aquamarine 0%, deepskyblue 50%, royalblue 100%);
}

.sp-plan h2 {
    /*transform: rotate(4deg);*/
    /*padding-bottom: 5%;*/
    width: 90%;
}

.sp-plan h2::first-letter {
    color: white;
}

.bnr-area {
    padding: 5%;
    display: flex;
    flex-direction: column;
}

.bnr-area a {
    padding: 0 1%;
}

.bnr-area a img {
    margin-bottom: 2%;
}

.bnr-area a:hover {
    opacity: .8;
}

.ig-feed {
    padding: 10% 0;
}

.shinsaibashi-3dview-wrap {
    padding: 0 10% 5%;
    text-align: center;
}

.shinsaibashi-3dview-inner p {
    margin-bottom: 3%;
}

/*
    C A M P A I G N   S L I D E   A R E A
*/

.campaign-area {
    margin: 0 auto 15%;
    text-align: center;
}

.campaign-area h3 {
    margin-bottom: 3%;
    position: relative;
    padding: 1rem 2rem;
    border-bottom: 6px solid var(--vady-color);
    display: inline-block;
}

.campaign-area h3::before {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 20%;
    height: 6px;
    content: '';
    background: red;
}

.uehonmachi .campaign-area h3 {
    border-bottom: 6px solid var(--centurion-color);
}

.uehonmachi .campaign-area h3::before {
    background: gold;
}

.tamatsukuri .campaign-area h3,
.kobe .campaign-area h3 {
    border-bottom: 6px solid var(--plus-color);
}

.tamatsukuri .campaign-area h3::before,
.kobe .campaign-area h3::before {
    background: skyblue;
}

#slide {
    margin: 0 auto;
}

.swiper-container {
    width: 100%;
    max-width: 800px;
}

.swiper-slide-next,
.swiper-slide-prev {
    opacity: 0.5;
}

.swiper-button-prev::before,
.swiper-button-next::before {
    font-size: 32px;
    color: #fff;
    font-weight: 900;
}


/*
.movie-area a {
  display: inline-block;
  padding: .3em;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(180, 0, 0, 1) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: .3s;
}
.centurion .movie-area a {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(218, 165, 32, 1) 50%);
}
.movie-area a:hover {
  background-position: -100% 0;
  color: #fff;
  opacity: 1
}
*/


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

/*   D O J I M A  R e n e w a l   */

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


#re-dojima a {
    color: whitesmoke;
}

#re-dojima figcaption,
#re-dojima p {
    color: whitesmoke;
    font-size: 1.1rem;
    font-weight: normal !important;
}

#re-dojima,
#re-dojima h3 {
    font-family: YuMincho, 'Yu Mincho', serif !important;
    font-style: normal;
    line-height: 1.7;
}

#re-dojima h2::first-letter {
    color: #ad9159;
}

#re-dojima h2 {
    font-family: linotype-didot, serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.7;
    color: #ad9159;
    filter: drop-shadow(7px 3px 3px #1a1a1a);
}

#re-dojima #wrap {
    background: black;
}

#re-dojima #menu {
    background-color: black;
    width: 240px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    z-index: 1;
}

#re-dojima .menu_back {
    background: black;
}

#re-dojima #nav-shops {
    background: black;
    position: fixed;
    top: 0;
    z-index: 3;
    animation: hide .5s linear 0s;
    display: none;
}

#re-dojima #dojima_top {
    background: url(../img/dojima/dojima_re_top.webp) center no-repeat;
    z-index: 1;
    position: relative;
    background-size: cover;
    height: 100vh;
}

#re-dojima #dojima_top ~ section {
    margin: 20% 0;
    padding: 0 5%;
}

section#access {
    margin: 0 !important;
    padding: 0 !important;
}

#re-dojima .top-news-inner li:first-of-type {
    border-top: 1px solid dimgray;
}

#re-dojima .top-news-inner li {
    border-bottom: 1px solid dimgray;
}

#re-dojima section#dojima-access {
    padding-right: 0;
}

.dojima-access-wrap,
.dojima-access-map {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: flex-start;
}

.dojima-access-inner {
    width: 50%;
    padding: 0 5%;
}

.dojima-access-image {
    width: 50%;
}

.dojima-access-inner h2 {
    margin-bottom: 15%;
}

.dojima-access-inner h3 {
    margin-bottom: 10%;
}

.dojima-access-map .dojima-access-image {
    padding: 5%;
}


.dojima-access-map {
    align-items: center;
}

.btn-map {
    position: relative;
    display: inline-block;
    padding: 0 4.6rem 0 1rem;
    margin-top: 5%;
    text-decoration: none;
    line-height: 5rem;
    font-size: 1.5rem;
}

.btn-map::before,
.btn-map::after {
    content: "";
    display: block;
    position: absolute;
}

.btn-map::before {
    width: 3rem;
    height: 3rem;
    /* background: white; */
    border-radius: 50%;
    border: white 1px solid;
    right: 0.7rem;
    top: 0.9rem;
}

.btn-map::after {
    width: 0.7rem;
    height: 0.7rem;
    border-right: 1px solid white;
    border-top: 1px solid white;
    transform: rotate(45deg);
    right: 2.1rem;
    top: 2.1rem;
}

#re-dojima #dojima_top ~ section#dojima-facilities {
    margin: 10% 0 20%;
    padding: 0;
}

.dojima-facilities-wrap {
    background: url(../img/dojima/bg_faccilities_01.webp) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    padding: 15%;
    padding-left: 5%;
}

.dojima-facilities-inner h2 {
    width: 50%;
}

.bg-glass {
    display: inline-block;
    padding: 3%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(99, 99, 99, 0.4);
    border-right-color: rgba(255, 255, 255, 0.2);
    border-bottom-color: rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    backdrop-filter: blur(8px);
    box-shadow: 0 5px 20px rgba(92, 92, 92, 0.5);
}

/* D O J I M A  S l i d e r */

.facilities-slide-wrap {
    padding-top: 3%;
}

.fclt {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    padding-bottom: 60px;
}

.fclt__heading {
    width: 20%;
    position: relative;
}

.fclt__ttl {
    width: 20%;
    max-width: 55px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fclt__slider {
    width: 80%;
}

.swiper-wrapper {
    will-change: transform;
    -webkit-backface-visibility: hidden;
}

.fclt__slide {
    width: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    text-align: left;
}

.fclt__slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.swiper-container-main {
    height: calc(100vh - 216px);
    transition: opacity 0.6s ease, transform 0.3s ease;
}

.fclt__slide-heading {
    position: absolute;
    top: 32%;
    left: 0;
    width: 50%;
    padding-left: 5%;
    color: #fff;
}

h3.fclt__slide-ttl {
    font-size: 4rem;
    font-weight: 800;
    margin-bottom: 30px;
    filter: drop-shadow(7px 3px 3px #1a1a1a);
    line-height: 1.2 !important;
}

.fclt__slide-txt {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    transform: translateX(50px);
    background: rgba(0, 0, 0, .5);
    padding: 3%;
}

.swiper-container-nav {
    width: 50%;
    height: 13%;
    position: absolute;
    right: 0;
    bottom: 3.5%;
    z-index: 10;
}

.fclt__nav {
    position: relative;
    width: 100%;
    height: 100%;
}

.fclt__nav-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.fclt__nav::before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.55);
    transition: background-color 0.3s ease;
    content: "";
    z-index: 1;
}

.swiper-slide-active.fclt__nav::before {
    background-color: rgba(0, 0, 0, 0);
}

.fclt__nav:hover::before {
    background-color: rgba(0, 0, 0, 0);
}

.fclt__nav-ttl {
    font-weight: 400;
    position: absolute;
    width: 100%;
    top: 37%;
    left: 9%;
    color: #fff;
    font-size: 15px;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .swiper-container-nav {
        width: 100%;
        height: 10%;
        bottom: 1%;
    }
}

/* S l i d e r  E N D */

.dojima-3dview-wrap {
    padding: 5%;
    text-align: center;
}

.dojima-3dview-inner a {
    margin-top: 5%;
    display: flex;
    justify-content: center;
}

.dojima-3dview-inner a img {
    max-width: 890px;
}

.dojima-3dview-inner span {
    display: block;
    margin-top: 1%;
    font-size: .8rem;
}

.dojima-trainer-wrap {
    padding: 0 5%;
}

.dojima-trainer-inner h2 {
    margin-bottom: 5%;
}

.dojima-trainer-inner h3 {
    margin-bottom: 3%;
}

.dojima-trainer-flex {
    display: flex;
    margin-top: 5%;
    align-items: center;
    justify-content: space-around;
}

.dojima-trainer-photo {
    width: 70%;
    position: relative;
    height: 500px;
}

.dojima-trainer-photo picture {
    position: absolute;
    width: 50%;
}

.dojima-trainer-photo picture:nth-child(2) {
    top: 140px;
    left: 230px;
}

.dojima-trainer-photo picture:nth-child(3) {
    top: 300px;
    left: 0;
}

.dojima-trainer-link {
    font-size: 1.5rem;
}

.dojima-price-main {
    display: flex;
}

.dojima-price-gold {
    display: flex;
    margin-top: 5%;
}

#dojima-price aside {
    padding: 3% 1%;
    font-size: 1rem;
}

#dojima-price aside:first-of-type {
    padding-bottom: 1%;
}

.dojima-price-pt1 {
    width: 90%;
    padding: 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-blend-mode: soft-light;
    filter: grayscale(70%);
    background-color: saddlebrown;
    background-image: url(../img/bg_pt_01.webp);
    background-size: cover;
    margin-right: 1%;
}

.dojima-price-pt1.pt2 {
    filter: grayscale(0%);
    background-color: dimgray;
    background-image: url(../img/bg_pt_02.webp);
}

.dojima-price-pt1 p {
    width: 100%;
    font-size: 1rem;
}

.dojima-price-pt1 dl {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 3%;
}

.dojima-price-pt1-inner {
    display: flex;
    flex-direction: column;
    margin-top: 3%;
}

.dojima-price-pt1 dt {
    line-height: 1;
    text-align: right;
}

.dojima-price-pt1 dd {
    text-align: left;
}

.option-price-wrap {
    color: black;
}

.option-price-inner {
    display: flex;
    text-align: center;
}

.option-price-inner dl {
    width: 48%;
    display: flex;
    flex-direction: column;
    background: tan;
    padding: 1%;
    margin: 1%;
}

.option-price-inner.pt2 dl {
    background: gold;
}

.dojima-price-option p {
    margin: 2% 1%;
    display: inline-block;
}

.option-price-inner dt {
    padding-top: 7%;
}

.dojima-sp-offer dt,
.option-price-inner dt,
.dojima-price-pt1-inner dt {
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1;
}

.dojima-sp-offer dd,
.option-price-inner dd,
.dojima-price-pt1-inner dd,
.dojima-pt-wrap dd:last-child {
    font-weight: bold;
    font-size: 2.5rem;
}

.dojima-sp-offer dd span,
.option-price-inner dd span,
.dojima-price-pt1-inner dd span,
.dojima-pt-wrap dd:last-child span {
    padding-left: .5rem;
    font-size: .6em;
}

.dojima-pt-plans {
    padding: 3% 0;
}

.dojima-pt-plans aside {
    text-align: center;
}

.dojima-pt-plans h3 {
    text-align: center;
    font-size: 2rem;
}

.dojima-pt-plans p {
    text-align: center;
    margin-bottom: 3%;
}

.dojima-pt-wrap {
    display: flex;
}


.dojima-pt-wrap dl {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32%;
    padding: 3%;
    text-align: center;
    background: darkslategray;
    background-image: url(../img/dojima/deco.png);
    background-blend-mode: exclusion;
    background-size: cover;
    background-position: center 3px;
    background-repeat: no-repeat;
    margin: 0 1%;
    filter: drop-shadow(10px 10px 0 dimgray);
}

.dojima-pt-wrap dl dt {
    font-size: 4rem;
}

.dojima-price-wrap .suggest {
    text-align: center;
    font-size: 2rem;
}

.dojima-sp-offer {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 5% 0;
}

.dojima-sp-offer dl {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.dojima-sp-offer dl:nth-of-type(2) dd {
    color: red;
    text-decoration: line-through;
}

.dojima-sp-offer dl:nth-of-type(2) dd strong {
    color: white;
}

.dojima-sp-offer dl:nth-of-type(2) dd span {
    color: white;
}

.dojima-sp-offer p {
    color: white;
    font-weight: bold;
    font-size: 1.6rem;
    background: linear-gradient(transparent 70%, goldenrod 70%);
}


#re-dojima section#access {
    margin: 20% 0;
    padding: 0 5%;
}

#re-dojima .top-news-inner {
    display: flex;
    padding: 0 0 20%;
    width: 100%;
}

/* Add 20230507 */

.dojima-plans-inner {
    margin-bottom: 10%;
}

.dojima-plans-inner h2 {
    margin-bottom: 10%;
}

.dojima-plans-flex {
    display: flex;
    justify-content: space-evenly;

}

.dojima-plans-flex li {
    width: 40%;
    text-align: center;
}

.dojima-plans-flex i {
    color: #ad9159;
}

.dojima-plans-flex p {
    padding-top: 3%;
}

.dojima-plans-flex img {
    filter: drop-shadow(6px 6px 0 #ad9159);
}

/* Add 20230508 */

.dojima-features-inner {
    padding: 0 5%;
}

.dojima-features-inner p {
    padding-top: 3%;
}

.dojima-promise-wrap > h2,
.dojima-promise-wrap > h2 + h3 {
    text-align: center;
}

.dojima-promise-inner {
    padding: 0 5%;
    margin-top: 5%;
}

.dojima-promise-inner ol {
    list-style: none;
}

.dojima-promise-inner li {
    margin-bottom: 5%;
}

.dojima-promise-inner li figure {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center
}

.dojima-promise-inner li picture {
    width: 28%;
    margin-right: 5%;
}

.dojima-promise-inner li figcaption {
    width: 67%;
}

.dojima-promise-inner li figcaption h2 {
    font-style: italic !important;
    color: white !important;
    font-size: 2.5rem
}

.dojima-promise-inner li figcaption h2 span {
    font-size: 1.5em;
    color: #ad9159;
}

.dojima-promise-inner li figcaption h2 span::after {
    content: "/";
    color: white !important;
    vertical-align: middle;
    font-size: 1.5em;
}

.dojima-promise-inner li figcaption h3 {
    margin-bottom: 3%;
}

section#about-pt {
    padding: 0 !important;
}

.about-pt-wrap > h2 {
    padding-left: 5%;
}

.about-pt-wrap > h2 + h3 {
    padding-left: 10%;
}

.about-pt-inner {
    margin-top: 5%;
}

.about-pt-inner ol {
    list-style: none;
    counter-reset: li h2;
}

.about-pt-inner li {
    margin-bottom: 5%;
}

.about-pt-inner li h2::first-letter {
    color: white !important;
}

.about-pt-inner li h2 {
    color: white !important;
    font-size: 2rem;
}

.about-pt-inner li h2::before {
    padding-right: .5rem;
    counter-increment: li;
    content: counter(li)". ";
    font-size: 1.5em;
    font-style: italic;
}

.about-pt-inner li h3 {
    margin-bottom: 3%;
}

.about-pt-inner li figure {
    display: flex;
    justify-content: space-between;
}

.about-pt-inner li figcaption {
    width: 50%;
    padding: 0 2% 0 5%;
}

.about-pt-inner li.rev figcaption {
    padding: 0 5% 0 2%;
}


/* 混雑状況ボタン */

.map-top {
    text-align: center;
}

.map-top a {
    font-size: 1rem;
    color: white;
    font-weight: bold;
    opacity: 1 !important;
}

.map-top .btn-map {
    margin-top: 0;
}

/*
.mapplus {
    background: var(--plus-color);
}

.mapcenturion {
    background: var(--centurion-color);
}

.mappremium {
    background: var(--vady-color);
}
*/



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

    .conceptlist {
        width: 100%;
    }

    .zoom-img2 img {
        max-height: 300px;
    }

    .gym_top {
        margin-top: 30vh;
    }

    .gym_logo {
        width: 250px;
    }

    .gym_top h1 {
        margin-top: initial;
    }

    .cmp_3 {
        top: 62%;
    }

}


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

    .cmp_2 img {

        padding: 0;


    }

    .cmp_3 img {

        padding: 0;


    }

    .cmp_3 {
        top: 58%;
    }



    .section {
        height: 50vh;
    }


    .inner {

        width: 100%;
    }


    .gym_top {
        margin-top: 18vh;

    }

    .gym_top h1 {
        font-size: 1.2rem;
    }

    .top-image {

        padding: 6rem;

    }

    #nav-wrapper {
        height: 50%;

    }

    .shop-area {
        max-width: 600px;
    }


    .scrolldown,
    .scrolldownBlk {

        height: 10px;

    }


    p {
        font-size: 16px !important;
    }

    .zoom-img2 img {

        height: 200px;
    }

    #facility .conceptlist li {

        padding: 0;

    }

    .cp_card p {
        font-size: 14px !important;
    }


    .compare-box p {

        font-size: 14px !important;

    }

    .center-box .compare-box p,
    .compare-left2 p,
    .compare-right2 p {

        font-size: 20px !important;
    }

}



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

    .sns-area {
        margin-top: 2rem;
    }


    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    .inner {

        width: 90%;
        padding: 0;

    }

    .cmp_sp {
        width: auto;
        right: 0px;
        text-align: center;
        top: 68%;
    }



    .plus .gym_logo,
    .centurion .gym_logo {
        background: none;
        padding: 0;

    }

    .top-image {
        padding: 5rem;
    }


    #uehonmachi_top {

        background: url(../img/uehonmachi/uehonmachi_top_sp.webp) center no-repeat;
        background-size: cover;
        height: auto;

    }

    #dojima_top {

        background: url(../img/dojima/dojima_top_sp.webp) center no-repeat;
        background-size: cover;
        height: auto;

    }

    #shinsaibashi_top {

        background: url(../img/shinsaibashi/shinsaibashi_15th_sp.webp) center no-repeat;
        background-size: cover;
        height: auto;

    }

    #kobe_top {

        background: url(../img/kobe/kobe_top_sp.webp) center no-repeat;
        background-size: cover;
        height: auto;

    }


    #tamatsukuri_top {

        background: url(../img/tamatsukuri/tamatsukuri_top_sp.webp) center no-repeat;
        background-size: cover;
        height: auto;

    }


    .section {
        height: auto;
    }


    .item_ttl {

        font-size: 5rem !important;
        padding-top: 7vh;

    }

    .item_cap {
        font-size: 1.3rem !important;

    }

    h3 {
        line-height: 1.7rem;
    }

    .gym_top {
        margin-top: 20vh;

    }

    .gym_logo {

        width: 280px;

    }


    .cmp {

        top: 40%;
        left: 5%;
        width: 25%;

    }

    .cmp_2 {

        left: 50%;

    }


    .cmp_2 img {

        width: 100%;



    }


    .cmp_3 {

        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);

    }

    .cmp_3 img {

        width: 140%;

    }



    .gym_top p {

        font-size: 25px !important;

    }


    .conceptlist {

        padding: 40px 5% 0;

    }


    #wrapper-gym .conceptlist li p {
        margin: 2rem 0 1rem;
    }


    .zoom-img2 img {

        height: auto;
        width: 200px;
    }


    .cp_arrows .cp_round {

        width: 60px;
        height: 60px;

    }

    .cp_arrows {

        margin: 3em auto;

    }


    .banner {

        width: 100%;

    }

    .cp_arrows span {

        width: 20px;
        height: 5px;

    }

    .trainers_item {

        width: 160px;

    }


    .facility_item {

        display: block;
    }

    .features_image {
        justify-content: space-around;
    }

    .cp_card {
        width: 90%;

    }

    .gallery-wrap {
        margin: 2rem 0 0;
        padding-top: 3rem;
    }

    .grid-parent {
        grid-row-gap: .2rem;
        column-gap: .3rem;
    }

    .grid-parent li img {
        border-radius: 0
    }

    .slideshow {
        padding-top: 40px;
    }

    .gallery-wrap + .slideshow {
        margin-top: .3rem
    }


    .slideContents section img {
        max-width: 100%;


    }

    .slideContents::before {
        top: 0px;

    }

    .slideContents section img {

        padding: 0;

    }


    .box1 p {

        font-size: 18px !important;
        padding: 10px;
    }


    .box2 {
        margin: 5em 0;
        background: white;
        border-radius: 10px;

    }

    .box2 .box-title {
        font-size: 18px;
        background: #bd0000;
        padding: 1rem;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        border-radius: 10px 10px 0px 0px;

    }

    .box2 p {

        margin: 0;
        color: black;
        font-weight: bold;
        font-size: 18px !important;
        display: inline-block;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .heading07::before {
        line-height: 2rem;
    }

    .under-box .compare-box .compare-center-head {
        font-size: 16px;
    }

    a.follow_banner {

        padding: 0.5rem;
        z-index: 100;

    }

    #access table th {
        width: 30%;
        padding: 0.5rem;
        font-size: 17px;
    }

    .follow_banner {

        width: 100%;
        font-size: 1.2rem;
        padding: 1rem;

    }


    #access {
        background-size: auto;
        margin-bottom: 80px;
    }

    /* 料金テーブル */

    .compare-box .compare-head {

        height: 45px;
    }

    .plus .compare-head {

        background: #008cd6;
    }



    .center-box .compare p {

        font-size: 25px !important;

    }

    .ren_t {

        font-size: 18px;
    }

    .limit_t {
        padding: 0.7rem;
        font-size: 16px;
    }


    .rentalplus {
        margin-right: 10px;
        margin-left: 10px;
    }

    .circle {
        margin: 0;
        height: 65px;
        width: 65px;
        font-size: 13px;


    }

    .box2 .circle {

        margin-right: 2rem;

    }


    iframe {

        width: 100%;

    }

    .compare-left2 p,
    .compare-right2 p {
        font-size: 18px !important;
    }

    iframe {

        padding-bottom: 20px;
    }

    .plan .inner-text {
        margin-top: -20% !important;
        margin-bottom: 4rem !important;
    }

    /* Machine
    -------------- */

    #wrapper-machine .item_ttl {
        padding-top: 18vh;
    }

    #wrapper-machine {
        margin-bottom: 50%;
    }

    .machine-list li ul li .itemflex {
        flex-direction: column;
    }

    .machine-list li ul li .itemflex img {
        width: 100%;
        height: auto;
    }

    .machine-list li ul li .itemflex .inner-flex {
        width: 100%
    }

    .inner-flex h4 {
        font-size: 1.4rem
    }

    .machine-list li ul li .itemflex .inner-flex dl {
        width: 100%
    }

    .machine-list li ul li .itemflex .inner-flex .inner-flex-figure img {
        width: 50%;
        height: auto;
    }

    .bnr-machine {
        width: 100%;
    }

    .bnr-area {
        display: flex;
        flex-direction: column;
    }

    .sp-plan {
        padding: 10% 0 25%;
        margin-bottom: 15%;
        text-align: center;
        /*clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 94%);*/
    }

    .sp-plan h2 {
        /*transform: rotate(5deg);*/
        padding-bottom: 0%;
        font-size: 2.7rem;
        width: auto;
    }

    .shinsaibashi-3dview-inner img {
        margin-top: 5%;
    }

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

    /*   D O J I M A  R e n e w a l   */

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

    #re-dojima #dojima_top {

        background: url(../img/dojima/dojima_re_top_sp.webp) center no-repeat;
        background-size: cover;

    }

    #re-dojima section#dojima-access {
        padding: 0;
    }

    .dojima-access-wrap,
    .dojima-access-map {
        flex-direction: column;
    }

    .dojima-access-inner {
        width: 100%;
        padding-bottom: 5%;
    }

    .dojima-access-image {
        width: 100%;
    }

    .dojima-access-inner .btn-map {
        display: block;
        background: rgba(255, 255, 255, .1);
        border-radius: 50px;
    }

    .dojima-facilities-wrap {
        padding: 5%;
    }

    .dojima-facilities-wrap {
        background-attachment: unset;
    }

    .bg-glass {
        margin: 17% 3%;
    }

    h3.fclt__slide-ttl {
        font-size: 3rem;
    }

    .fclt__slide-heading {
        width: 95%;
    }

    .dojima-trainer-wrap {
        padding: 0;
    }

    .dojima-trainer-flex {
        flex-direction: column;
    }

    .dojima-trainer-photo {
        width: 100%;
    }

    .dojima-trainer-photo picture {
        width: 80%;
    }

    .dojima-trainer-photo picture:nth-child(2) {
        left: 70px;
    }

    .dojima-trainer-photo picture:nth-child(3) {
        top: 280px;
    }

    .dojima-trainer-link {
        font-size: 1.5rem;
    }

    .dojima-price-wrap h3:nth-of-type(1) {
        text-align: center;
    }

    .dojima-sp-offer {
        flex-direction: column;
        margin-bottom: 5%;
    }

    .dojima-sp-offer p {
        font-size: 1.2rem !important;
    }

    .dojima-price-main,
    .dojima-price-gold {
        flex-direction: column;
    }

    .dojima-price-pt1 {
        width: 100%;
        margin: 0;
    }

    .dojima-price-pt1 dl {
        flex-direction: column;
    }

    .dojima-price-option {
        margin-top: 5%;
    }

    .option-price-inner {
        flex-direction: column;
    }

    .option-price-inner dl {
        width: 100%;
    }

    .dojima-pt-wrap {
        flex-direction: column;
    }

    .dojima-pt-wrap dl {
        width: 100%;
        margin-bottom: 4%;
        line-height: 1.4;
    }

    .dojima-pt-wrap dl dt {
        font-size: 2.4rem;
    }

    #dojima-price aside {
        padding: 7% 0;
        text-align: left;
        font-size: 0.7rem;
    }

    .dojima-price-wrap .suggest {
        text-align: left;
        font-size: 1.3rem !important;
    }

    .dojima-plans-inner h2 {
        line-height: 1.2 !important;
    }

    .dojima-plans-inner h2 span::after {
        content: "\A";
        white-space: pre;

    }

    .dojima-plans-flex {
        flex-direction: column;
        align-items: center;
    }

    .dojima-plans-flex li {
        width: 80%;
        margin-bottom: 5%;
    }

    .dojima-promise-inner li {
        margin-bottom: 20%;
    }

    .dojima-promise-inner li figure {
        flex-direction: column;
    }

    .dojima-promise-inner li picture {
        width: 100%;
        margin-right: 0
    }

    .dojima-promise-inner li figcaption {
        width: 100%;
    }

    .dojima-promise-inner li figcaption h2 {
        font-size: 1.4rem;
    }

    .dojima-promise-inner li figcaption h3 {
        margin-bottom: 5%;
        font-size: 1.6em;
    }

    .about-pt-wrap > h2 {
        font-size: 2rem;
    }

    .about-pt-wrap > h2 + h3 {
        padding: 5%;
    }

    .about-pt-inner li {
        margin-bottom: 10%;
    }

    .about-pt-inner li figure {
        flex-direction: column-reverse;
    }

    .about-pt-inner li.rev figure {
        flex-direction: column;
    }

    .about-pt-inner li figcaption {
        width: 100%;
        padding: 0 5% 10%;
    }

    .about-pt-inner li figcaption h2 {
        font-size: 1.4em;
    }

    .about-pt-inner li figcaption h3 {
        font-size: 1em;
        text-align: center;
        margin-bottom: 5%;
    }

    .about-pt-inner li figcaption,
    .about-pt-inner li.rev figcaption {
        padding: 0 5% 8%;
    }


}

@media screen and (max-width: 1366px) {
    .dojima-pt-wrap dl {
        background-image: none;
    }
}

@media screen and (max-width: 414px) {
    .gym_logo {
        width: 250px;
    }

    .cmp_2 {
        width: 80%;
    }

    .cmp_3 {
        width: 50%;
    }


    .gym_top h1 {
        margin-top: 5%;
    }

    .zoom-img2 img {
        width: 155px
    }

    p {
        font-size: 14px !important;
    }

    .bnr-area {
        padding-top: 4rem;
    }

    .conceptlist li h3 {
        margin-bottom: -1rem;
    }

    .conceptlist {
        padding: 10px 5% 0;
    }

    .item_cap {
        font-size: 1.2rem !important;
    }

}

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

    .gym_logo {
        width: 215px;
    }

    .item_ttl {
        font-size: 4.2rem !important;
    }

    .zoom-img2 img {
        width: 140px;
    }

    .bnr-area {
        padding-top: 3rem;
    }

    .item_cap {
        font-size: 1.2rem !important;
    }

    .cmp_3 {
        left: 40%;
    }


}
