@charset "UTF-8";
/******************************* Preface ***************************************/
a:hover { color: #ffe100; }

/********************************* body ***************************************/
body { /******************************** header **************************************/ /********************************  Main Content ******************************/ /***********************************  footer ********************************/ }

body header.header-01 .inner { padding: 1.5rem 1.5rem; }

body header.header-01 .inner .f-warp { display: block; padding-right: 0; }

body header.header-01 .inner .logo { width: 63%; }

body header.header-01 .inner .menu-wrapper .gnav { width: 100%; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container { width: 100%; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-end; justify-content: center; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li { width: 100%; text-align: center; padding: 0 1.5rem 2rem 1.5rem; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li a { position: relative; display: block; padding: 1rem 1rem; font-size: 1.4rem; font-weight: bold; }

body header.header-01 .inner .menu-wrapper .gnav .menu-container .menu li a::before { content: ''; display: block; position: absolute; top: 50%; left: .5em; transform: translateY(-50%); width: 15px; height: 15px; background-image: url(../img/arrow.svg); background-repeat: no-repeat; }

body header.header-01 .inner .menu-wrapper .gnav .gnav_sns li { margin: 1.5rem 1.5rem; }

body header.header-01 .inner .menu-wrapper .gnav .gnav_sns li.insta { width: 9%; }

body header.header-01 .inner .menu-wrapper .gnav .gnav_sns li.x { width: 10%; }

body header.header-01 .inner .menu-wrapper .gnav .gnav_sns li.facebook { width: 6%; }

body header.header-01 .inner .menu-wrapper .toggle-btn { top: 50%; right: 1.5rem; width: 35px; height: 30px; transition: all .5s; cursor: pointer; z-index: 3; }

body header.header-01 .inner .menu-wrapper .toggle-btn span { display: block; position: absolute; left: 0; width: 35px; height: 3px; border-radius: 0; }

body header.header-01 .inner .menu-wrapper .toggle-btn span:nth-child(1) { top: 0px; }

body header.header-01 .inner .menu-wrapper .toggle-btn span:nth-child(2) { top: 14px; }

body header.header-01 .inner .menu-wrapper .toggle-btn span:nth-child(3) { bottom: 0; }

body header.header-01 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(1) { -webkit-transform: translateY(10px) rotate(-315deg); transform: translateY(10px) rotate(-315deg); }

body header.header-01 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(2) { display: none; }

body header.header-01 .inner .menu-wrapper.menu-open .toggle-btn span:nth-child(3) { -webkit-transform: translateY(-17px) rotate(315deg); transform: translateY(-17px) rotate(315deg); }

body .funa2_lang { width: 100%; justify-content: center; margin-bottom: 1.5rem; }

body .funa2_lang > button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; font-size: 1rem; border-right: solid 1px #fff; padding-right: 1.5rem; margin-right: 1.5rem; color: #fff; line-height: 1.3; }

body .funa2_lang > button:last-child { border-right: 0; padding-right: 0; margin-right: 0; }

body .funa2_lang > button.active { color: #ffe100; }

body .funa2_lang > button:hover { color: #ffe100; }

body #youtube-area .loader { position: absolute; top: 34%; left: 40%; width: 18%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(farthest-side, #ffe100 94%, #0000) top/8px 8px no-repeat, conic-gradient(#0000 30%, #ffa516); -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0); animation: l13 1s infinite linear; }

@keyframes l13 { 100% { transform: rotate(1turn); } }

body .breadcrumb-wrap { padding: 0 1.5rem; }

body .breadcrumb-wrap ul { max-width: 100%; }

body main .border-d { max-width: 87%; margin: 0 auto; background: url("../img/border-d.png") repeat-x; padding: .2rem 0; }

body .content-wrap { padding: 4rem 0; }

body .content-wrap .inner { padding: 0 1.5rem; }

body .content-wrap .inner .inner { padding: 0; }

body .content-wrap .inner.inner-l { width: 100%; max-width: 100%; margin: 0 auto; }

body .content-wrap .inner.inner-m { width: 100%; max-width: 100%; margin: 0 auto; }

body .content-wrap .inner.inner-s { width: 100%; max-width: 100%; margin: 0 auto; }

body .content-wrap h1.page-title, body .content-wrap h2.page-title, body .content-wrap h3.page-title, body .content-wrap h4.page-title, body .content-wrap h5.page-title, body .content-wrap h6.page-title { font-size: 2.5rem; font-weight: bold; margin-bottom: 2.5rem; }

body .content-wrap h1.section-title, body .content-wrap h2.section-title, body .content-wrap h3.section-title, body .content-wrap h4.section-title, body .content-wrap h5.section-title, body .content-wrap h6.section-title { font-size: 2rem; font-weight: bold; margin-bottom: 2.5rem; }

body .content-wrap h1.content-title, body .content-wrap h2.content-title, body .content-wrap h3.content-title, body .content-wrap h4.content-title, body .content-wrap h5.content-title, body .content-wrap h6.content-title { font-size: 1.8rem; font-weight: bold; margin-bottom: 2.5rem; }

body .content-wrap h1.event-title, body .content-wrap h2.event-title, body .content-wrap h3.event-title, body .content-wrap h4.event-title, body .content-wrap h5.event-title, body .content-wrap h6.event-title { font-size: 1.8rem; font-weight: bold; margin-bottom: 2.5rem; }

body .content-wrap h1.onther-title, body .content-wrap h2.onther-title, body .content-wrap h3.onther-title, body .content-wrap h4.onther-title, body .content-wrap h5.onther-title, body .content-wrap h6.onther-title { font-size: 1.6rem; font-weight: bold; margin-bottom: 2.5rem; }

body .content-wrap.content-wrap-intro .box-3col { display: flex; flex-wrap: wrap; justify-content: center; }

body .content-wrap.content-wrap-intro .box-3col li { width: 48%; margin-right: 4%; margin-bottom: 4%; }

body .content-wrap.content-wrap-intro .box-3col li:nth-child(3n) { margin-right: 4%; }

body .content-wrap.content-wrap-intro .box-3col li:nth-child(2n) { margin-right: 0; }

body .content-wrap.content-wrap-intro .intro_txt { font-size: 1.3rem; font-weight: bold; }

body .content-wrap.content-wrap-intro .intro_txt02 { font-size: .75rem; margin-bottom: 2rem; }

body .content-wrap.content-wrap-topabout .link-btn { margin-top: 3rem; }

body .content-wrap.content-wrap-movie .movie-3col li { width: 100%; margin-right: 0; margin-bottom: 10%; }

body .content-wrap.content-wrap-movie .movie-3col li .link-btn { margin-top: 3rem; }

body .content-wrap.content-wrap-insta .link-btn { margin-top: 2rem; }

body .content-wrap.content-wrap-insta .box-3col { display: flex; flex-wrap: wrap; justify-content: center; }

body .content-wrap.content-wrap-insta .box-3col li { width: 48%; margin-right: 4%; margin-bottom: 4%; }

body .content-wrap.content-wrap-insta .box-3col li:nth-child(3n) { margin-right: 4%; }

body .content-wrap.content-wrap-insta .box-3col li:nth-child(2n) { margin-right: 0; }

body .content-wrap.content-wrap-event .box-3col { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; }

body .content-wrap.content-wrap-event .box-3col li { max-width: 100%; width: 48%; margin-right: 4%; margin-bottom: 4%; }

body .content-wrap.content-wrap-event .box-3col li:nth-child(7n) { margin-right: 4%; }

body .content-wrap.content-wrap-event .box-3col li:nth-child(2n) { margin-right: 0; }

body .content-wrap.content-wrap-event .box-3col li a { font-size: .9rem; }

body .content-wrap.content-wrap-event .box-3col li a .event_name { position: relative; padding: .2rem 1.5rem .2rem .5rem; }

body .content-wrap.content-wrap-contact .link-btn { margin-top: 2rem; }

body .content-wrap.content-wrap-flink .box-2col li { width: 100%; margin-right: 0; margin-bottom: 2rem; }

body .content-wrap.content-wrap-history .box-3col { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 1rem; }

body .content-wrap.content-wrap-history .box-3col li { width: 48%; margin-right: 4%; margin-bottom: 4%; }

body .content-wrap.content-wrap-history .box-3col li:nth-child(3n) { margin-right: 4%; }

body .content-wrap.content-wrap-history .box-3col li:nth-child(2n) { margin-right: 0; }

body .content-wrap.content-wrap-history .his_txt { max-width: 100%; margin: 0 auto; margin-bottom: 4rem; }

body .content-wrap.content-wrap-msg .msg { overflow: hidden; padding: 0 0; }

body .content-wrap.content-wrap-msg .msg .float { display: block; float: none; width: 100%; margin-left: 0; font-size: .9rem; padding: 1rem 1.5rem; }

body .content-wrap.content-wrap-msg .msg .float .msg_name { font-size: 1.4rem; font-weight: 600; }

body .content-wrap.content-wrap-msg .msg .float > div { margin-top: 1rem; }

body .content-wrap.content-wrap-event-bk .event_intro { display: block; margin-bottom: 2.5rem; }

body .content-wrap.content-wrap-event-bk .event_intro .thm { width: 50%; margin: 0 auto; margin-bottom: 2.5rem; }

body .content-wrap.content-wrap-event-bk .event_intro .txt { width: 100%; padding-left: 0; }

body .content-wrap.content-wrap-event-bk .box-3col { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 1rem; }

body .content-wrap.content-wrap-event-bk .box-3col li { width: 48%; margin-right: 4%; margin-bottom: 4%; }

body .content-wrap.content-wrap-event-bk .box-3col li:nth-child(3n) { margin-right: 4%; }

body .content-wrap.content-wrap-event-bk .box-3col li:nth-child(2n) { margin-right: 0; }

body .content-wrap.content-wrap-event-bk .link-btn { margin-top: 3rem; }

body .content-wrap .link-btn { width: 80%; margin: 0 auto; }

body .content-wrap .link-btn a { padding: .6rem 1rem; display: block; }

body .content-wrap .mw_wp_form form, body .content-wrap .form { padding: 0; }

body .content-wrap .mw_wp_form form .row, body .content-wrap .form .row { display: contents; }

body .content-wrap .mw_wp_form form .row .col-12, body .content-wrap .form .row .col-12 { display: block; flex-wrap: wrap; padding: 1rem 0; }

body .content-wrap .mw_wp_form form .row .col-12 label, body .content-wrap .form .row .col-12 label { width: 100%; font-size: 1.1rem; font-weight: bold; }

body .content-wrap .mw_wp_form form .row .col-12 select, body .content-wrap .mw_wp_form form .row .col-12 input, body .content-wrap .mw_wp_form form .row .col-12 textarea, body .content-wrap .form .row .col-12 select, body .content-wrap .form .row .col-12 input, body .content-wrap .form .row .col-12 textarea { width: 100%; font-size: 1.1rem; }

body .content-wrap .mw_wp_form form .btn-wrap input[type=submit], body .content-wrap .form .btn-wrap input[type=submit] { width: 100%; }

body footer.footer .copyright { font-size: .9rem; background: #000; padding: 1rem 1.5rem; color: #ffffff; }

/* モーダル */
/* 閉じるボタン */
.modal .modalclose { font-size: 1.3rem; top: -2%; right: -2%; width: 30px; height: 30px; }

/*========= ページトップのためのCSS ===============*/
#page-top a { width: 45px; height: 45px; }

#page-top a #page-top a:hover { background: #ffe100; color: #000; }

/*リンクを右下に固定*/
#page-top { position: fixed; right: 20px; bottom: 40px; z-index: 2; opacity: 0; transform: translateY(100px); }