@charset "UTF-8";

/*
Theme Name: astra-child
Template: astra
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* CSSテスト */

.tracking-in-expand {
    -webkit-animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
    animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

@keyframes tracking-in-expand-fwd {
    0% {
        letter-spacing: -0.5em;
        -webkit-transform: translateZ(-700px);
        transform: translateZ(-700px);
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.text-flicker-in-glow {
    -webkit-animation: text-flicker-in-glow 4s linear both;
    animation: text-flicker-in-glow 4s linear both;
}

@keyframes text-flicker-in-glow {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 0;
        text-shadow: none;
    }
    10.1% {
        opacity: 1;
        text-shadow: none;
    }
    10.2% {
        opacity: 0;
        text-shadow: none;
    }
    20% {
        opacity: 0;
        text-shadow: none;
    }
    20.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 145, 0, 0.63);
    }
    20.6% {
        opacity: 0;
        text-shadow: none;
    }
    30% {
        opacity: 0;
        text-shadow: none;
    }
    30.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 145, 0, 0.63), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    30.5% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 145, 0, 0.63), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    30.6% {
        opacity: 0;
        text-shadow: none;
    }
    45% {
        opacity: 0;
        text-shadow: none;
    }
    45.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 145, 0, 0.63), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    50% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 145, 0, 0.63), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    55% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 145, 0, 0.63), 0 0 60px rgba(255, 255, 255, 0.25);
    }
    55.1% {
        opacity: 0;
        text-shadow: none;
    }
    57% {
        opacity: 0;
        text-shadow: none;
    }
    57.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(0, 4, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }
    60% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(0, 4, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
    }
    60.1% {
        opacity: 0;
        text-shadow: none;
    }
    65% {
        opacity: 0;
        text-shadow: none;
    }
    65.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(0, 4, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    75% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(0, 4, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    75.1% {
        opacity: 0;
        text-shadow: none;
    }
    77% {
        opacity: 0;
        text-shadow: none;
    }
    77.1% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 0, 234, 0.651), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    85% {
        opacity: 1;
        text-shadow: 0 0 30px rgb(255, 0, 234, 0.651), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    85.1% {
        opacity: 0;
        text-shadow: 0 0 30px rgb(255, 0, 234, 0.651), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    86% {
        opacity: 0;
        text-shadow: 0 0 30px rgb(255, 0, 234, 0.651), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    86.1% {
        opacity: 3;
        text-shadow: 0 0 30px rgba(255, 0, 234, 0.651), 0 0 60px rgba(255, 0, 0, 0.25), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    87% {
        opacity: 3;
        text-shadow: 0 0 30px rgba(255, 0, 234, 0.651), 0 0 60px rgba(255, 0, 0, 0.25), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    88% {
        opacity: 3;
        text-shadow: 0 0 30px rgba(255, 0, 234, 0.651), 0 0 60px rgba(255, 0, 0, 0.25), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    90% {
        opacity: 3;
        text-shadow: 0 0 30px rgba(255, 0, 234, 0.651), 0 0 60px rgba(255, 0, 0, 0.25), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
    100% {
        opacity: 1;
        text-shadow: 0 0 30px rgba(255, 255, 255, 0), 0 0 60px rgba(255, 0, 0, 0.25), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    }
}

.swirl-in-bck {
    -webkit-animation: swirl-in-bck 0.65s ease-out 1s both;
    animation: swirl-in-bck 0.65s ease-out 1s both;
}

@keyframes swirl-in-bck {
    0% {
        -webkit-transform: rotate(540deg) scale(5);
        transform: rotate(540deg) scale(5);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1;
    }
}

#loading {
    width: 100vw;
    height: 100vh;
    transition: all 1s;
    background-color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.loaded {
    opacity: 0;
    visibility: hidden;
}

/* ローディングアニメーション */
@keyframes sk-scaleout {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.sk-cube-grid {
    width: 200px;
    height: 200px;
    margin: 400px auto;
}

.animation {
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1.5s;
    width: 128px;
}

.keyframe4 {
    animation: anim_r 1s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate-reverse;
}

@keyframes anim_r {
    0% {
        -webkit-transform: scale(0.2);
        transform: scale(0.2);
        opacity: 0.8;
    }
    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(2.2);
        transform: scale(2.2);
        opacity: 0;
    }
}

/* ここまで */

/* ページスライド */

.topimg img {
    margin: 0em auto;
    display: block;
}

/* BLOG他ページ移動禁止 */
.navigation {
    display: none;
}

.topimg_sm {
    display: none;
}

.sm_header {
    display: none;
}

.page-id-243 .header {
    display: none;
}

.ast-containersite-conten {
    max-width: 100% !important;
}

.main {
    display: flex;
    justify-content: center;
}

.left-box {
    width: 20%;
    /* background-color: #2b7aa1; */
}

.right-box {
    width: 80%;
    right: 0 !important;
    position: relative;
}

.menu {
    display: block;
    margin: 1em;
    width: min-content;
    margin: auto;
}

.menu ul {
    position: relative;
    list-style: none;
    padding-left: 0 !important;
}

.menu li {
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 0 !important;
}

.menu li a {
    /* position: relative;
    display: inline-block;
    border-bottom: solid 4px rgba(0, 0, 0, 0);
    color: black;
    text-decoration: none !important; */
    display: inline-block;
    position: relative;
    overflow: hidden;
    color: #000;
    text-decoration: none !important;
}

.menu li a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #da8b3a;
    transform: translate(-101%, 0);
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    content: "";
}

.menu li a:hover:after {
    transform: translate(0, 0);
}

.gNav {
    font-family: "Oswald", sans-serif;
    position: relative;
    top: 80px;
}

.logo {
    margin-top: 3em;
}

.left-box_header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    width: 20%;
    left: 0;
    position: fixed;
}

.sns {
    display: flex;
    justify-content: center;
}

.sns a {
    margin: 0 0.5em;
}

.about_p {
    text-align: center;
    font-family: "Oswald", sans-serif;
    width: 70%;
    margin: 3em auto;
}

body {
    /* color: #fff; */
    background: #fff;
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", sans-serif !important;
}

/* SCHEDULE用 */

/*↓スライドイン↓*/
.slideConts {
    /* width: 100%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; */
}

.slideContsR {
    /* transform: translate(100%, 0); */
    display: none;
}

.slideContsR.show {
    display: flex;
    animation: slide-in-bottom 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.section-head h1 {
    display: inline;
    border: solid 5px #000;
    padding: 3px 20px;
}

.SCHEDULE {
    padding: 2em 0em 2em 0em;
    width: 95%;
    margin: 3em auto;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
}

.section_h1 {
    text-align: center;
    padding: 0.5em 0;
    border-top: solid 2px;
    border-bottom: solid 2px;
    width: 60%;
    margin: auto;
    margin-bottom: 2em;
}

/* TOPICS h1 ふわっと */
.tracking-in-contract-bck {
    -webkit-animation: tracking-in-contract-bck 2s cubic-bezier(0.215, 0.61, 0.355, 1) both;
    animation: tracking-in-contract-bck 2s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

@keyframes tracking-in-contract-bck {
    0% {
        letter-spacing: 1em;
        -webkit-transform: translateZ(400px);
        transform: translateZ(400px);
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

/* ここまで */

.flexbox a {
    text-decoration: none !important;
}

.date {
    background-color: #271616;
    color: #fff;
    padding: 0.5em;
    width: 25%;
}

.date hr {
    color: #fff !important;
    background-color: #fff !important;
    width: 100%;
    transform: rotate(-45deg);
    height: 3px !important;
}

/* .box1 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background-color: #271616;
} */

.boxtxt {
    color: #fff !important;
    font-weight: 100;
    margin: 0;
    text-align: center;
}

.boxtxt p {
    padding-left: 1em;
    margin-bottom: 0.5em;
    text-align: center;
}

.boxtxt h2 {
    color: #fff !important;
    font-weight: 100;
    text-align: start;
    margin: 0;
}

.boxtxt h3 {
    color: #fff !important;
    font-weight: 100;
    margin: 0;
}

.boxtxt h4 {
    color: #fff !important;
    font-weight: 100;
    text-align: start;
    margin: 0.2em 0;
}

.txt_fl {
    display: flex;
}

.fl_left {
    width: 50%;
}

.fl_right {
    width: 50%;
}

.flexbox {
    display: flex;
}

.flexbox a {
    box-shadow: 2px 5px 17px -3px #777777;
    width: 95%;
    margin: 0 auto;
}

.blog_flexbox {
    margin-bottom: 2em;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-top: 2em;
    width: 100%;
}

.blog_boximg {
    width: 40%;
}

.blog_boxtxt {
    width: 50%;
    margin: 0 !important;
}

.blog_boxtxt li {
    margin: 0 !important;
}

.blog_boxtxt p {
    margin: 0 0 0 1.5em !important;
}

.boxtxt p {
    margin: 0;
}

.boxtxt ul {
    margin: 0;
}

.blog_boximg img {
    box-shadow: 2px 5px 17px -3px #777777;
    width: 100%;
}

.blog_boxtxt ul {
    list-style: none !important;
    margin-bottom: 0.5em;
    margin-top: 0;
}

.blog_boxtxt h5 {
    margin: 0;
}

.heading-41 {
    display: flex;
    align-items: center;
    padding: 0.5em 0.7em;
    color: #000000;
}

.heading-41::before {
    display: inline-block;
    width: 5px;
    height: 1.5em;
    margin-right: 0.5em;
    background-color: #ff9b00;
    content: "";
}

.heading-42 {
    display: flex;
    align-items: center;
    padding: 0.5em 0.7em;
    color: #000000;
}

.heading-42::before {
    display: inline-block;
    width: 5px;
    height: 1.5em;
    margin-right: 0.5em;
    background-color: #ff3300;
    content: "";
}

.EVENT_post .post {
    margin: 1em 1em;
    width: 100%;
    font-family: "Oswald", sans-serif;
    display: flex;
    justify-content: space-evenly;
}

.NEWS_post {
    margin-bottom: 2em;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: auto;
    flex-wrap: wrap;
}

.NEWS_post .post {
    margin: 1em 1em;
    width: 400px;
    font-family: "Oswald", sans-serif;
}

.post dd {
    flex-grow: 1;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.post a {
    position: relative;
    display: inline-block;
    border-bottom: solid 4px rgba(0, 0, 0, 0);
    color: black;
    /* text-decoration: none !important; */
}

.right_box_contents dd {
    margin: 0;
    font-weight: 600;
}

.right_box_contents hr {
    width: 95%;
    margin: auto;
    color: black;
    background-color: black;
    height: 2px;
}

.sh_topic {
    display: inline-block;
    color: #fff;
    background-color: #222;
    text-align: center;
    letter-spacing: 2px;
    padding: 5px 10px;
    border-radius: 10px;
    margin-top: 1em;
}

.TOPICS {
    /* display: flex; */
    /* background-color: #adbd8794;
    padding: 2em 0em 2em 0em;
    width: 95%;
    margin: 0em auto; */
}

.TOPICS h1 {
    text-align: center;
    padding: 0.5em 0;
    border-top: solid 2px;
    border-bottom: solid 2px;
    width: 60%;
    margin: 1em auto;
}

.TOPICS p {
    text-align: center;
    color: #000;
}

.TOPICS hr {
    width: 15%;
    margin: 2em auto;
    background-color: #000;
}

.TOPIC_Banner img {
    width: 40%;
    margin: 1em auto;
    display: block;
}

.inst_area {
    background-color: #adbd8794;
    padding: 2em 0em 2em 0em;
    width: 95%;
    margin: 0em auto;
}

/* TOPICSインスタ用 */
.inst_feed {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 3em auto;
    flex-wrap: wrap;
    padding: 0 7em;
}

.inst_feed a {
    width: 20%;
    height: 100%;
    margin: 0.5em;
}

.box {
    opacity: 0;
    visibility: hidden;
    transition: all 2s;
    transform: translateY(200px);
}

.is-active {
    /*要素を表示させる*/
    opacity: 1;
    visibility: visible;
    /*元の位置に戻す*/
    transform: translateY(0);
}

.ACCESS h1 {
    text-align: center;
    padding: 0.5em 0;
    border-top: solid 2px;
    border-bottom: solid 2px;
    width: 60%;
    margin: auto;
}

.ACCESS {
    /* display: flex; */
    /* background-color: #e3e3e3; */
    padding: 2em 0em 2em 0em;
    width: 95%;
    margin: 0em auto;
}

.map_contents {
    /* display: flex; */
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    margin: 1em auto;
}

.g_map iframe {
    width: 100%;
    height: 530px;
}

.access_txt {
    width: 100%;
    margin: 1em auto;
}

.access_txt p {
    text-align: center;
    margin: 0;
    font-weight: 600;
}

.access_txt img {
    width: 1%;
    margin-right: 0.2em;
    margin-bottom: 0.3em;
}

.access_txt h5 {
    text-align: center;
}

/* Aboutページ*/

.right-box h1 {
    text-align: center;
    margin-top: 2em;
}

.right-box h2 {
    text-align: center;
}

.rental_p {
    width: 82%;
    font-weight: 500;
    margin: 2em auto;
}

.center {
    text-align: center;
}

.price_list {
    margin: 3em auto;
}

.price_list table {
    margin: 0;
}

.price_list fieldset {
    padding: 0;
    margin: 1em auto;
    border: none;
    width: 95%;
}

.price_list legend {
    margin: 0;
}

.price_list h3 {
    margin: 0.2em;
}

.equipment_list table {
    padding: 0;
    margin: 3em auto;
    width: 95%;
}

.equipment_list th {
    border-width: 1px 1px 1px 1px;
}

.equipment_list td {
    border-width: 1px 1px 1px 1px;
}

/* 利用規約 */
.paper {
    width: 95%;
    margin: 10em auto;
    /* box-shadow: 横方向 縦方向 ぼかし 広がり 影色 */
    /* 広がりをマイナスにすると、浮いた感じになる */
    box-shadow: 0 10px 6px -6px #777;
    background: #f5f5f5;
    padding: 1em 0;
}

.paper h4 {
    text-align: center;
    margin: 0;
}

.rental_p {
    text-align: center !important;
    margin: 0 auto !important;
}

.hallrental p {
    margin: 0;
}

.hallrental td {
    text-align: center;
}

.paper h1 {
    margin: 0 auto;
    padding: 1em 1em 0.5em 1em;
}

.terms_of_service p {
    width: 83%;
    margin: 0 auto;
    text-align: center;
}

.kiyaku_honbun {
    padding: 1em 3em;
    width: 90%;
    margin: 1em auto;
}

.kiyaku_honbun h3 {
    margin: 0;
}

.kiyaku_honbun fieldset {
    margin: 1em auto;
    padding: 0;
    border: none;
}

.kiyaku_honbun legend {
    margin: 0;
    padding: 0;
}

.kiyaku_honbun ol {
    padding: 0.5em;
    margin: 0 auto;
    width: 95%;
}

.kiyaku_honbun li {
    margin-bottom: 0.5em;
}

.button1 {
    /* margin: 1em auto;
    width: 20%;
    display: block;
    text-align: center; */
}

.button1 a {
    display: block;
    width: 35%;
    text-align: center;
    margin: 1em auto;
    padding: 1em;
    text-decoration: none !important;
}

.btn--orange,
a.btn--orange {
    color: #fff;
    background-color: #165e83;
}
.btn--orange:hover,
a.btn--orange:hover {
    color: #fff;
    background: #165e83;
}

.fa-position-left {
    position: absolute;
    top: calc(50% - 0.5em);
    left: 1rem;
}

/* フォーム */

.form fieldset {
    padding: 0;
    margin: 0 auto;
    border: none;
    width: 70%;
}

.form legend {
    margin: 0;
}

.form p {
    font-size: 18px;
    margin: 0.3em auto;
    font-weight: 700;
}

.essential {
    border-radius: 6px;
    width: 48px;
    display: inline-block;
    text-align: center;
    color: #cc0c00;
    font-size: 14px;
}

.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin: 0 auto;
    display: block;
    width: 30%;
    border-radius: 0;
    background-color: firebrick;
}

.wpcf7-list-item {
    margin: 0 auto;
    display: block;
    width: 30%;
    border-radius: 0;
}

/* footer */

.right-box footer {
    background-color: #e3e3e3;
    color: #000000;
    padding: 1em;
}
.right-box footer p {
    margin-bottom: 0 !important;
}

.right-box footer h4 {
    margin: 0;
}

.f_sns {
    display: flex;
    margin: 1em auto;
    justify-content: center;
}

.f_sns a {
    margin-right: 1em;
    width: 2em;
}

.Copyright {
    text-align: center;
}

/* メニューの動的装飾 */

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1180px) {
    .menu li {
        font-size: 1.5rem;
        font-weight: 800;
        padding-bottom: 10px;
    }
    .site-title {
        display: none;
    }
}

/*834px以下*/
@media screen and (max-width: 834px) {
    .sk-cube-grid {
        width: 200px;
        height: 200px;
        margin: 300px auto;
    }
    .left-box {
        display: none;
    }

    .ast-main-header-nav {
        display: none !important; /* 通常のメニューを非表示 */
    }

    .ast-button-wrap {
        display: block !important; /* ハンバーガーメニューを表示 */
    }

    .NEWS_post {
        margin-bottom: 2em;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .NEWS_post .post {
        width: 100%;
    }
    .section_h1 {
        margin: 0 auto;
        width: 90%;
    }

    .SCHEDULE {
        padding: 2em 0em 2em 0em;
        width: 95%;
        margin: 3em auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .flexbox {
        display: block;
        width: 485px;
        font-family: Impact, black;
        box-shadow: 2px 5px 17px -3px #777777;
        background-color: #000;
        margin-bottom: 1em;
    }

    .flexbox_rev {
        margin-bottom: 2em;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 2em;
        width: 100%;
        flex-direction: row-reverse;
    }

    .flexbox .boxtxt {
        width: 100%;
    }

    .flexbox_rev .boxtxt {
        width: 100%;
    }

    .flexbox .boximg img {
        /* box-shadow: 2px 5px 17px -3px #777777; */
        width: 100%;
        height: 100%;
        background-color: #f0f0f0;
        object-fit: cover;
    }

    .flexbox_rev .boximg img {
        box-shadow: 2px 5px 17px -3px #777777;
        width: 100%;
        height: 100%;
        background-color: #f0f0f0;
        object-fit: cover;
    }

    .about_p {
        text-align: center;
        font-family: "Oswald", sans-serif;
        width: 100%;
        margin: 1em 0;
        padding: 0em 1em;
    }

    .SCHEDULE h1 {
        width: 100%;
    }

    .right_box_contents hr {
        /* width: 100%;
        margin: auto;
        color: black;
        background-color: black; */
    }

    .TOPICS h1 {
        text-align: center;
        padding: 0.5em 0;
        border-top: solid 2px;
        border-bottom: solid 2px;
        width: 60%;
        margin: 1em auto;
        width: 85%;
    }

    .TOPICS a {
        /* box-shadow: 2px 5px 17px -3px #777777; */
        width: 60%;
        /* background-color: #f0f0f0; */
        /* object-fit: cover; */
        margin: 1em auto;
    }

    .TOPICS hr {
        width: 35%;
        margin: 2em auto;
        background-color: #000;
    }

    .NEWS_post .post {
        margin: 1em auto;
        width: 95%;
        font-family: "Oswald", sans-serif;
    }

    .ACCESS h1 {
        text-align: center;
        padding: 0.5em 0;
        border-top: solid 2px;
        border-bottom: solid 2px;
        width: 60%;
        margin: 1em auto;
        width: 85%;
    }

    .access_txt img {
        width: 5%;
        margin-right: 0.2em;
        margin-bottom: 0.3em;
    }

    .right-box {
        width: 100%;
        right: 0 !important;
        position: relative;
    }

    /* 利用規約 */

    .paper {
        width: 95%;
        margin: 3em auto;
        box-shadow: 0 10px 6px -6px #777;
        background: #f5f5f5;
    }

    .paper p {
        width: 100%;
        margin: 0.3em auto;
        padding: 0 1em;
    }

    .paper h2 {
        margin: 0;
    }

    .kiyaku_honbun {
        padding: 1em 0em;
        width: 90%;
        margin: 1em auto;
    }

    .kiyaku_honbun p {
        margin: 0;
        padding: 0;
    }

    .button1 a {
        display: block;
        width: 65%;
        text-align: center;
        margin: 1em auto;
        padding: 1em;
        text-decoration: none !important;
    }

    .terms_of_service p {
        width: 100%;
        margin: 0 auto;
        text-align: justify;
    }
}

/*480px以下*/
@media screen and (max-width: 480px) {
    .topimg_sm {
        display: block;
    }
    .topimg {
        display: none;
    }

    .form fieldset {
        padding: 0;
        margin: 0 auto;
        border: none;
        width: 100%;
    }

    .wpcf7-list-item {
        margin: 0 auto;
        display: block;
        width: 60%;
        border-radius: 0;
    }

    .flexbox {
        display: block;
        width: 485px;
        font-family: Impact, black;
        box-shadow: 2px 5px 17px -3px #777777;
        background-color: #000;
        margin-bottom: 1em;
        /* height: 500px; */
    }

    .flexbox .boximg img {
        /* box-shadow: 2px 5px 17px -3px #777777; */
        width: 100%;
        height: 360px;
        background-color: #f0f0f0;
        object-fit: cover;
    }

    /* .right_box_contents hr {
        width: 100%;
        margin: auto;
        color: black;
        background-color: black;
        height: 2px !important;
    } */

    .SCHEDULE {
        padding: 2em 0em 2em 0em;
        width: 85%;
        margin: 3em auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .TOPIC_Banner img {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 3em;
        display: block;
    }

    .TOPICS a {
        /* box-shadow: 2px 5px 17px -3px #777777; */
        width: 45%;
        /* background-color: #f0f0f0; */
        /* object-fit: cover; */
    }

    .TOPICS hr {
        width: 20%;
        margin: 2em auto;
        background-color: #000;
    }

    .blog_boxtxt {
        width: 95%;
    }

    .blog_boximg {
        width: 90%;
        margin-bottom: 2em;
    }

    .paper h1 {
        margin: 0 auto;
        font-size: 25px;
    }

    .blog_boxtxt p {
        margin: 0 !important;
    }

    /* TOPICSインスタ用 */
    .inst_feed {
        display: flex;
        justify-content: space-between;
        width: 95%;
        margin: 3em auto;
        flex-wrap: wrap;
        padding: 0;
    }
    .rental_p p {
        margin: 0 !important;
    }
}