@charset "utf-8";

.pc {
    display: block;

}

.sp {
    display: none;
}

@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
}

@media screen and (min-width:768px) and (max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/

}

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

@media screen and (min-width:300px) and (max-width:480px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .top-res-inner,
    .top-access-inner {
        width: 100%;

    }

    .concept-box {
        margin-top: 0rem;
        padding: 2rem;
    }

    .top-cast-inner,
    .top-system-inner {
        width: 90%;
        padding: 2rem;
        text-align: center;
        margin: -5rem auto 0;
    }

    img.logo-top {
        width: 60%;
    }

    .bt-inner {
        background: url(../img/btbg.jpg);
        background-size: 150px;
        padding: 2rem;
        margin: 1rem auto;
        width: 80%;
    }

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

    .bt-menu {
        padding: 2rem 0;
        background: #202020;
        overflow: hidden;
    }

    .slick-prev {
    left: -2%;
    }

.slick-next {
    right: -2%;
    z-index: 1;
}

    .new-sd ul {
        margin-top: 1rem;
    }

    .top-news a.more-link,
    .top-cast a.more-link,
    .top-system a.more-link,
    .top-res-box a.more-link,
    .top-access-box a.more-link,
    .bt-menu a.more-link {
        margin: 3rem auto 0;
    }

    .top-cast-box {
        padding: 14rem 0 0;
    }

    .top-cast a.more-link,
    .top-system a.more-link,
    .top-res-box a.more-link,
    .top-access-box a.more-link,
    .bt-menu a.more-link {
        margin-top: 1rem;
    }

    .top-news h2,
    .top-cast-inner h2,
    .top-system-inner h2,
    .top-res-box h2,
    .top-access-box h2 {
        color: #fff;
        font-family: 'Cormorant Garamond', serif;
        font-size: 1.5rem;
        line-height: 35px;
        letter-spacing: 7px;
    }

    .top-system-box {
        background: url(../img/systembg.jpg) no-repeat;
        background-position: top;
        background-size: contain;
        padding: 14rem 0 0;
        margin-top: 4rem;
    }

    .top-res-box {
        background: url(../img/resbg.jpg) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 4rem 0;
        margin-top: 2rem;
    }

    .top-access {
        margin-top: 3rem;
    }

    .top-res-inner,
    .top-access-inner {
        background: rgb(0 0 0 / 50%);
        width: 90%;
        margin: 0 auto;
        text-align: center;
        padding: 2rem 0;
    }

    .bt-menu h2 {
        font-size: 1.5rem;
    }

    ul#footermenu {
        flex-wrap: wrap;
        justify-content: left;
        padding: 10px 0;
    }

    #footermenu li {
        width: 33%;
    }

    .normal-page {
        padding: 2rem 1rem;
    }

    .page-inner {
        background: #333;
        padding: 2rem;
    }

    .system-page th,
    .system-page td,
    .cast-text table.tb-2 th,
    .cast-text table.tb-2 td,
    .recruit-page th,
    .recruit-page td,
    .reservation-page th,
    .reservation-page td {
        display: block;
        width: 100%;
    }

    .system-page td,
    .cast-text table.tb-2 td,
    .recruit-page td,
    .reservation-page td {
        padding-top: 0;
    }

    .system-page th,
    .cast-text table.tb-2 th,
    .recruit-page th,
    .reservation-page th {
        width: 100%;
        padding-bottom: 0;
    }

    .cast-box h2 {
        font-family: 'Cormorant Garamond', serif;
        font-size: 2rem;
        border-bottom: 1px solid #fff;
        margin-top: 2rem;
    }

    .normal-page h2 {
        font-size: 1.7rem;
    }

    .system-page li {
        width: 50%;
        font-size: 12px;
    }

    .cast-a-box h2,
    .other-cast h3 {
        left: 0px;
        font-size: 55px;
    }

    .cast-a-box p {
        font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
        text-align: center;
        font-size: 16px;
        letter-spacing: 1px;
        margin-top: 1rem;
    }

    .reservation-inner button,
    .reservation-inner input,
    .reservation-inner optgroup,
    .reservation-inner select,
    .reservation-inner textarea {
        padding: 10px;
        width: 100%;
    }

    .reservation-inner {
        background: #fff;
        padding: 0rem;
        margin-top: 2rem;
    }

    .drawer--left.drawer-open .drawer-nav {
        background: #000000de;
    }

    .drawer-hamburger-icon,
    .drawer-hamburger-icon:after,
    .drawer-hamburger-icon:before {
        background-color: #fff;
    }

    .sp-hd-logo {
        width: 150px;
        margin: 1rem auto;
    }

    .drawer--left #primary-menu {
        padding: 2rem 2rem 0;
        font-size: 19px;
        line-height: 45px;
        font-family: 'Cormorant Garamond', serif;
    }

    .drawer--left #primary-menu a {
        color: #fff;
    }

    .hd-sns ul {
        padding: 1rem 2rem 0;
        font-size: 30px;
        display: flex;
        justify-content: space-around;
    }

    .hd-sns li {}

    .hd-sns a {
        color: #fff;
    }

    .drawer--left #primary-menu li#menu-item-163 a {
        color: #966a00;
        font-weight: bold;
    }

    p.n-text {
        letter-spacing: 2px;
        text-align: left;
    }

    .cast-a-hd {
        background: url(../img/cast-hd-sp.jpg) no-repeat;
        background-size: cover;
    }

    .page-hd {
        background: url(../img/hd-sp.jpg) no-repeat;
        background-size: cover;
        padding: 10rem 0;
    }

    .front-content {
        margin-top: -2rem;
    }

    img.welcome {
        position: absolute;
        top: 13%;
        left: 11%;
        width: 150px;
        transform: rotate(-15deg);
    }
    .new-sd {
    width: 100%;
    margin: 0;
}
.post-inner {
    padding: 2rem;
}
	p.rec-text {
    text-align: left;
    font-size: 9px;
    height: 17px;
    padding: 0 2rem;
    overflow: auto;
}
	.men-menu ul {
    flex-wrap: wrap;
}
	.men-menu li {
    margin: 1rem 1rem;
    width: 100%;
    font-size: 12px;
}
	.wpcf7-list-item {
    display: block;
}
	.recruit-page input[type="text"], .recruit-page input[type="email"], .recruit-page input[type="url"], .recruit-page input[type="password"], .recruit-page input[type="search"], .recruit-page input[type="number"], .recruit-page input[type="tel"], .recruit-page input[type="range"], .recruit-page input[type="date"], .recruit-page input[type="month"], .recruit-page input[type="week"], .recruit-page input[type="time"], .recruit-page input[type="datetime"], .recruit-page input[type="datetime-local"], .recruit-page input[type="color"], .recruit-page textarea {
    background: #fff;
    width: 100%;
}
}