@charset "UTF-8";
/* line 2, style.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
margin: 0;
padding: 0; }
/* line 2, style.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
/* line 2, style.scss */
body {
line-height: 1; }
/* line 2, style.scss */
ol, ul {
list-style: none; }
/* line 2, style.scss */
blockquote, q {
quotes: none; }
/* line 2, style.scss */
blockquote:before, blockquote:after, q:before, q:after {
content: none; }
/* line 2, style.scss */
table {
border-collapse: collapse;
border-spacing: 0; }
/* line 4, style.scss */
.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden; }
/* line 12, style.scss */
.clearfix {
display: inline-block; }
/* Hides from IE Mac */
/* line 14, style.scss */
* html .clearfix {
height: 1%; }
/* line 15, style.scss */
.clearfix {
display: block; }
/* ---------- 初期 ---------- */
/* line 18, style.scss */
body {
letter-spacing: 0;
font-family: "游明朝", "Yu Mincho", "YuMincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif; }
/* line 19, style.scss */
img {
width: 100%;
max-width: 100%;
height: auto;
line-height: 0; }
/* line 20, style.scss */
a {
text-decoration: none; }
/* line 21, style.scss */
strong {
font-weight: bold; }
/* ---------- /共通部分 ---------- */
/* line 23, style.scss */
#jougetyuou {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
margin: auto; }
/* line 24, style.scss */
#kadomaru {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px; }
/* line 25, style.scss */
#resbtn {
-webkit-appearance: none; }
/* line 26, style.scss */
.ancr {
position: relative;
transition: 0.5s; }
/* line 27, style.scss */
.anca {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 10;
cursor: pointer; }
/* line 28, style.scss */
.ancr:hover {
opacity: 0.75;
transition: 0.5s;
cursor: pointer; }
/* ---------- /参考タグ部分 ---------- */
/* line 31, style.scss */
.wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
/* line 33, style.scss */
.medium {
font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif; }
/* line 36, style.scss */
.montserrat {
font-family: "Montserrat", sans-serif; }
/* line 39, style.scss */
.noto {
font-family: "Noto Sans JP", sans-serif; }
/* line 43, style.scss */
.yugothic {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; }
/* line 47, style.scss */
html {
font-size: calc(1vw * 100 / 1366);
background: #000; }
/* PC */
@media screen and (min-width: 769px) {
/* line 54, style.scss */
.sponly {
display: none !important; }
/* line 58, style.scss */
header {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 100;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.99), rgba(0, 0, 0, 0)); }
/* line 65, style.scss */
header .inner {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: 35rem 59rem 35rem 50rem; }
/* line 73, style.scss */
header .inner .logo {
width: 215rem;
transition: 0.3s; }
/* line 78, style.scss */
header .inner nav ul {
display: flex;
justify-content: flex-end; }
/* line 81, style.scss */
header .inner nav ul li {
font-size: 16rem;
line-height: 1;
margin-left: 1em; }
/* line 85, style.scss */
header .inner nav ul li a {
color: #fff; }
/* line 87, style.scss */
header .inner nav ul li a:hover {
text-decoration: underline; }
/* line 95, style.scss */
header.change-color {
background: #000; }
/* line 97, style.scss */
header.change-color .logo {
width: 150rem; }
/* line 103, style.scss */
#mv {
width: 100%;
padding-top: 145rem;
margin-bottom: 25rem;
position: relative; }
/* line 108, style.scss */
#mv::before {
position: absolute;
content: "";
width: 100%;
height: 767rem;
top: 0;
left: 0;
background: #131415;
z-index: 1; }
/* line 118, style.scss */
#mv::after {
position: absolute;
content: "";
width: 100%;
height: 196rem;
left: 0;
top: 679rem;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.99));
z-index: 1; }
/* line 128, style.scss */
#mv .mv_img {
width: 836rem;
margin: 0 auto 215rem;
position: relative;
z-index: 2; }
/* line 133, style.scss */
#mv .mv_img::before {
position: absolute;
content: "";
width: 1136rem;
height: 630rem;
top: -50rem;
left: 50%;
transform: translateX(-50%);
background: url("../img/mv_bg.png") no-repeat;
background-size: contain; }
/* line 144, style.scss */
#mv .mv_img img {
position: relative;
z-index: 2; }
/* line 149, style.scss */
#mv .mv_txt {
font-size: 20rem;
line-height: 2.2em;
color: #fff;
text-align: center;
position: relative;
z-index: 2; }
/* line 159, style.scss */
.sec_ttl {
text-align: center;
color: #fff; }
/* line 162, style.scss */
.sec_ttl .enttl {
font-size: 14rem;
line-height: 1;
color: rgba(255, 255, 255, 0.4);
margin-bottom: 22rem; }
/* line 168, style.scss */
.sec_ttl h2 {
font-size: 32rem;
line-height: 1;
font-weight: 700; }
/* line 175, style.scss */
#info {
padding-top: 130rem;
margin-top: -130rem;
position: relative; }
/* line 179, style.scss */
#info .bg {
width: 100%;
position: relative; }
/* line 182, style.scss */
#info .bg::before {
position: absolute;
content: "";
width: 100%;
height: 1435rem;
left: 0;
top: 0;
background: linear-gradient(170deg, #000, rgba(76, 79, 82, 0.31) 30%, rgba(205, 214, 221, 0.1));
box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.16); }
/* line 193, style.scss */
#info .inner {
width: 100%;
padding-top: 85rem;
margin-bottom: 120rem;
position: relative;
z-index: 3; }
/* line 199, style.scss */
#info .inner .sec_ttl {
margin-bottom: 38rem; }
/* line 202, style.scss */
#info .inner .info_head_txt {
font-size: 18rem;
line-height: 1;
font-weight: 700;
color: #fff;
text-align: center;
margin-bottom: 50rem; }
/* line 210, style.scss */
#info .inner .info_cont {
width: 1010rem;
margin: 0 auto 78rem; }
/* line 213, style.scss */
#info .inner .info_cont .info_box {
width: 976rem;
display: flex;
justify-content: space-between;
align-items: center; }
/* line 218, style.scss */
#info .inner .info_cont .info_box:nth-child(2) {
flex-direction: row-reverse;
margin-left: auto;
margin-top: 40rem; }
/* line 223, style.scss */
#info .inner .info_cont .info_box .info_box_img {
width: 540rem; }
/* line 226, style.scss */
#info .inner .info_cont .info_box .info_box_right {
width: 336rem;
color: #fff;
text-align: center; }
/* line 230, style.scss */
#info .inner .info_cont .info_box .info_box_right .info_box_ttl {
font-size: 24rem;
line-height: 1;
margin-bottom: 26rem; }
/* line 235, style.scss */
#info .inner .info_cont .info_box .info_box_right .info_box_txt {
font-size: 16rem;
line-height: 1; }
/* line 242, style.scss */
#info .inner .info_banner {
width: 958rem;
margin: 78rem auto 93rem; }
/* line 245, style.scss */
#info .inner .info_banner a {
display: block;
width: 100%; }
/* line 248, style.scss */
#info .inner .info_banner a img {
box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.16); }
/* line 253, style.scss */
#info .inner .info_btm {
width: 100%;
margin-top: 94rem; }
/* line 256, style.scss */
#info .inner .info_btm img {
box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.16); }
/* line 263, style.scss */
#guest {
padding-top: 130rem;
margin-top: -130rem; }
/* line 266, style.scss */
#guest .inner {
padding-bottom: 106rem;
position: relative; }
/* line 269, style.scss */
#guest .inner::before {
position: absolute;
content: "";
width: 100%;
height: 145rem;
bottom: -70rem;
left: 0;
background: linear-gradient(to bottom, black 50%, rgba(0, 0, 0, 0));
z-index: 2; }
/* line 279, style.scss */
#guest .inner .guest_img {
margin: 25rem 0 68rem;
position: relative; }
/* line 282, style.scss */
#guest .inner .guest_img::before {
position: absolute;
content: "";
width: 100%;
height: 165rem;
bottom: -19rem;
left: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); }
/* line 292, style.scss */
#guest .inner .guest_body {
width: 1020rem;
margin: 0 auto; }
/* line 295, style.scss */
#guest .inner .guest_body .guest_cont {
border-bottom: solid 5rem #707070; }
/* line 297, style.scss */
#guest .inner .guest_body .guest_cont:first-child {
border-top: solid 5rem #707070; }
/* line 300, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl {
box-sizing: border-box;
padding: 35rem 16rem;
color: #fff;
display: flex;
justify-content: flex-start;
position: relative;
cursor: pointer; }
/* line 308, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl::before {
position: absolute;
content: "";
width: 33rem;
height: 4rem;
top: 50%;
right: 25rem;
transform: translateY(-50%);
background: #fff; }
/* line 318, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl::after {
position: absolute;
content: "";
width: 33rem;
height: 4rem;
top: 50%;
right: 25rem;
transform: translateY(-50%) rotate(90deg);
background: #fff;
transition: 0.3s; }
/* line 330, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl.open::after {
transform: translateY(-50%) rotate(0); }
/* line 334, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl .num {
font-size: 28rem;
letter-spacing: 0.05em;
line-height: 1;
font-weight: 700;
margin-right: 20rem; }
/* line 341, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl ul {
display: flex;
justify-content: flex-start; }
/* line 344, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl ul li {
display: inline-block;
font-size: 18rem;
line-height: 1;
padding: 7rem 16rem;
background: rgba(255, 255, 255, 0.26);
border-radius: 16rem;
margin-right: 8rem; }
/* line 355, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord {
padding-bottom: 70rem;
display: none; }
/* line 358, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes {
width: 1006rem;
margin: 0 auto;
display: flex;
justify-content: space-between; }
/* line 363, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box {
width: 488rem;
border-radius: 16rem;
overflow: hidden;
background: #fff; }
/* line 368, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_img {
width: 100%;
height: 259rem;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
/* line 375, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt {
box-sizing: border-box;
padding: 28rem 20rem 23rem; }
/* line 378, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .guest_name {
margin-bottom: 25rem; }
/* line 380, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .guest_name .ja {
font-size: 20rem;
letter-spacing: -0.05em;
font-weight: 700;
color: #3B4043;
margin-bottom: 8rem; }
/* line 387, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .guest_name .en {
font-size: 14rem;
line-height: 1.28em;
color: #98A6B5; }
/* line 393, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg {
box-sizing: border-box;
padding: 0 19rem;
background: rgba(0, 73, 145, 0.05);
border-radius: 10rem; }
/* line 398, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg .guest_name_box {
padding: 23rem 0 20rem;
display: flex;
justify-content: space-between;
align-items: center; }
/* line 403, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg .guest_name_box:nth-child(n+2) {
border-top: solid 1rem rgba(112, 112, 112, 0.28); }
/* line 406, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg .guest_name_box .guest_name_box_img {
width: 90rem;
height: 90rem;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
border-radius: 5rem; }
/* line 414, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg .guest_name_box .guest_name_box_txt {
width: 300rem; }
/* line 416, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg .guest_name_box .guest_name_box_txt .ja {
font-size: 16rem;
letter-spacing: -0.05em;
line-height: 1.5em;
font-weight: 500;
color: #3B4043;
margin-bottom: 8rem; }
/* line 424, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg .guest_name_box .guest_name_box_txt .en {
font-size: 14rem;
line-height: 1.28em;
color: #98A6B5; }
/* line 435, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .ambassador {
width: 680rem;
margin: 40rem auto 0;
background: #fff;
border: solid 2rem #CECECE;
border-radius: 16rem;
overflow: hidden;
display: flex;
justify-content: space-between; }
/* line 444, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .ambassador .ambassador_img {
width: 260rem;
height: 180rem;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
/* line 451, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .ambassador .ambassador_right {
width: 420rem;
padding-top: 50rem;
text-align: center; }
/* line 455, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .ambassador .ambassador_right .ambassador_ttl {
font-size: 16rem;
line-height: 1;
color: #8E8E8E;
font-weight: 700;
margin-bottom: 28rem; }
/* line 462, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .ambassador .ambassador_right .name {
font-size: 20rem;
letter-spacing: -0.05em;
line-height: 1;
font-weight: 700;
color: #3B4043; }
/* line 471, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_btn {
width: 448rem;
margin: 50rem auto 0; }
/* line 474, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_btn a {
display: block;
width: 100%;
font-size: 16rem;
line-height: 1.5em;
font-weight: bold;
color: #fff;
box-sizing: border-box;
padding: 28rem 0 28rem 60rem;
border-radius: 40rem;
background: url("../img/guest_btn_arrow.png") no-repeat right 13rem center #004991;
background-size: 54rem;
transition: 0.3s; }
/* line 487, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_btn a:hover {
opacity: 0.8; }
/* line 498, style.scss */
#ticket {
padding-top: 130rem;
margin-top: -130rem; }
/* line 501, style.scss */
#ticket .bg {
background: #EFEBE1;
position: relative; }
/* line 504, style.scss */
#ticket .bg::before {
position: absolute;
content: "";
width: 100%;
height: 192rem;
bottom: 0;
left: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); }
/* line 513, style.scss */
#ticket .bg .inner {
width: 1100rem;
margin: 0 auto;
padding: 100rem 0 278rem; }
/* line 517, style.scss */
#ticket .bg .inner .sec_ttl {
margin-bottom: 25rem; }
/* line 519, style.scss */
#ticket .bg .inner .sec_ttl .enttl {
color: rgba(0, 0, 0, 0.4); }
/* line 522, style.scss */
#ticket .bg .inner .sec_ttl h2 {
color: #000; }
/* line 526, style.scss */
#ticket .bg .inner .ticket_head_txt {
font-size: 16rem;
line-height: 1.6875em;
text-align: center;
margin-bottom: 40rem; }
/* line 533, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes {
display: flex;
justify-content: flex-start;
flex-wrap: wrap; }
/* line 537, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box {
width: 350rem;
border-radius: 20rem;
overflow: hidden;
background: #F5F5F5;
position: relative;
margin-right: 25rem; }
/* line 544, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box:nth-child(n+4) {
margin-top: 40rem; }
/* line 547, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box:nth-child(3n) {
margin-right: 0; }
/* line 550, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_img {
width: 100%;
height: 194rem;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative; }
/* line 558, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_img.soldout::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 20rem 20rem 0 0;
background: rgba(255, 255, 255, 0.8);
z-index: 3; }
/* line 569, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_img.soldout::after {
position: absolute;
content: "SOLD OUT";
width: 100%;
height: 100%;
left: 0;
top: 0;
font-size: 24rem;
font-weight: 800;
color: #3B4043;
text-align: center;
box-sizing: border-box;
padding-top: 93rem;
z-index: 4; }
/* line 586, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .num {
width: 330rem;
font-size: 14rem;
letter-spacing: 0.05em;
line-height: 1;
font-weight: 700;
color: #fff;
box-sizing: border-box;
padding: 12rem 0 9rem 16rem;
position: absolute;
top: 20rem;
left: 0;
z-index: 2; }
/* line 599, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .num.blue {
background: linear-gradient(90deg, #4C6BA3 30%, rgba(38, 54, 82, 0)); }
/* line 602, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .num.yellow {
background: linear-gradient(90deg, #E39E00 30%, rgba(153, 162, 76, 0)); }
/* line 605, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .num.green {
background: linear-gradient(90deg, #469F7D 30%, rgba(70, 159, 125, 0.11)); }
/* line 608, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .num.red {
background: linear-gradient(90deg, #D12828 30%, rgba(163, 76, 76, 0)); }
/* line 612, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt {
padding: 20rem 20rem 27rem;
box-sizing: border-box; }
/* line 615, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area {
display: flex;
justify-content: space-between;
margin-bottom: 15rem; }
/* line 619, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .pref {
display: inline-block;
font-size: 16rem;
line-height: 1;
padding: 7rem 16rem;
border-radius: 16rem; }
/* line 625, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .pref.blue {
background: rgba(0, 73, 145, 0.1); }
/* line 628, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .pref.yellow {
background: #FFF9D9; }
/* line 631, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .pref.green {
background: #DDEBE7; }
/* line 634, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .pref.red {
background: #F5E9E9; }
/* line 638, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .map_btn {
width: 110rem;
text-align: center; }
/* line 641, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .map_btn a {
display: block;
width: 100%;
box-sizing: border-box;
padding: 7rem 0;
font-size: 12rem;
line-height: 1;
color: #707070;
border-radius: 14rem;
background: rgba(34, 34, 34, 0.1);
transition: 0.3s; }
/* line 652, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .map_btn a:hover {
opacity: 0.8; }
/* line 655, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .map_btn a span {
text-decoration: underline; }
/* line 661, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .place {
min-height: 3.33em;
font-size: 18rem;
line-height: 1.66em;
font-weight: 700;
color: #3B4043;
text-align: center;
margin-bottom: 25rem; }
/* line 670, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box {
box-sizing: border-box;
padding: 18rem 0 16rem;
border-radius: 11rem;
text-align: center;
margin-bottom: 20rem; }
/* line 676, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box.blue {
background: #E4EBF3; }
/* line 679, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box.yellow {
background: #FFF9D9; }
/* line 682, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box.green {
background: #DDECE7; }
/* line 685, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box.red {
background: #F5E9E9; }
/* line 688, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box .date {
font-size: 19rem;
line-height: 1;
font-weight: 700;
color: #3B4043;
margin-bottom: 19rem; }
/* line 694, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box .date span.year {
display: inline-block;
font-size: 14rem;
margin-right: 9rem; }
/* line 700, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box .hour {
font-size: 16rem;
letter-spacing: 0.05em;
line-height: 1; }
/* line 706, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .ticket_btn {
width: 100%;
font-size: 16rem;
line-height: 1;
font-weight: 700;
text-align: center; }
/* line 712, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .ticket_btn a {
display: block;
width: 100%;
padding: 20rem 0 18rem;
color: #fff;
border-radius: 27rem;
background: linear-gradient(to bottom, #004991, #002549);
transition: 0.3s; }
/* line 720, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .ticket_btn a:hover {
opacity: 0.8; }
/* line 724, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .ticket_btn span {
display: block;
width: 100%;
padding: 19rem 0 17rem;
color: #707070;
border-radius: 27rem;
border: solid 1rem #707070;
background: #F5F5F5; }
/* line 742, style.scss */
#shop {
padding-top: 130rem;
margin-top: -130rem; }
/* line 745, style.scss */
#shop .inner {
width: 1020rem;
margin: 0 auto;
padding: 50rem 0 100rem; }
/* line 749, style.scss */
#shop .inner .shop_body {
width: 100%;
margin: 55rem 0 150rem;
margin-bottom: 150rem; }
/* line 753, style.scss */
#shop .inner .shop_body .shop_cont {
border-bottom: solid 5rem #707070; }
/* line 755, style.scss */
#shop .inner .shop_body .shop_cont:first-child {
border-top: solid 5rem #707070; }
/* line 758, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl {
box-sizing: border-box;
padding: 35rem 16rem;
color: #fff;
display: flex;
justify-content: flex-start;
position: relative;
cursor: pointer; }
/* line 766, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl::before {
position: absolute;
content: "";
width: 33rem;
height: 4rem;
top: 50%;
right: 25rem;
transform: translateY(-50%);
background: #fff; }
/* line 776, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl::after {
position: absolute;
content: "";
width: 33rem;
height: 4rem;
top: 50%;
right: 25rem;
transform: translateY(-50%) rotate(90deg);
background: #fff;
transition: 0.3s; }
/* line 788, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl.open::after {
transform: translateY(-50%) rotate(0); }
/* line 792, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl .num {
font-size: 28rem;
letter-spacing: 0.05em;
line-height: 1;
font-weight: 700;
margin-right: 20rem; }
/* line 799, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl ul {
display: flex;
justify-content: flex-start; }
/* line 802, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl ul li {
display: inline-block;
font-size: 18rem;
line-height: 1;
padding: 7rem 16rem;
background: rgba(255, 255, 255, 0.26);
border-radius: 16rem;
margin-right: 8rem; }
/* line 813, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord {
display: none;
padding-bottom: 60rem; }
/* line 816, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg {
width: 980rem;
margin: 0 auto;
padding: 36rem 0;
border-radius: 20rem;
background: #4176AC; }
/* line 822, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg:nth-child(n+2) {
margin-top: 30rem; }
/* line 825, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg h3 {
font-size: 26rem;
line-height: 1;
font-weight: 700;
color: #fff;
text-align: center;
margin-bottom: 25rem; }
/* line 833, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes {
width: 888rem;
margin: 0 auto;
display: flex;
justify-content: flex-start; }
/* line 838, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box {
width: 286rem;
padding-bottom: 20rem;
border-radius: 12rem;
overflow: hidden;
background: #F8F8F8;
text-align: center;
margin-right: 15rem; }
/* line 846, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box:nth-child(3n) {
margin-right: 0; }
/* line 849, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .date_area {
display: flex;
justify-content: center;
align-items: baseline;
padding: 15rem 0 13rem;
line-height: 1;
font-weight: 700;
color: #fff;
border-radius: 12rem 12rem 0 0;
background: linear-gradient(to bottom, #004991, #002549); }
/* line 859, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .date_area .date {
font-size: 22rem; }
/* line 862, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .date_area .time {
font-size: 18rem;
margin-left: 11rem; }
/* line 867, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .name_area {
display: flex;
justify-content: space-between;
align-items: center;
background: #fff; }
/* line 872, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .name_area .name_img {
width: 77rem;
height: 89rem;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-color: #F8F8F8; }
/* line 880, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .name_area .name {
width: calc( 100% - 77rem );
font-size: 14rem;
letter-spacing: -0.05em;
line-height: 1.25em;
font-weight: 700;
color: #3B4043;
text-align: left;
box-sizing: border-box;
padding: 0 19rem 0 10rem; }
/* line 893, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .place {
width: 246rem;
min-height: 2.5em;
margin: 20rem auto 15rem;
font-size: 14rem;
line-height: 1.25em;
font-weight: bold;
color: #004991;
display: flex;
justify-content: center;
flex-direction: column; }
/* line 905, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .map {
width: 245rem;
margin: 0 auto;
height: 130rem;
position: relative; }
/* line 910, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .map iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
/* line 918, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box dl {
width: 245rem;
margin: 10rem auto 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
font-size: 14rem;
line-height: 1.5em;
font-weight: 500;
color: #222222;
text-align: left; }
/* line 929, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box dl dt {
width: 45rem; }
/* line 932, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box dl dd {
width: 181rem; }
/* line 938, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_btn {
width: 214rem;
margin: 30rem auto 0;
font-size: 16rem;
text-align: center; }
/* line 943, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_btn a {
display: block;
width: 100%;
line-height: 1;
font-weight: 700;
padding: 12rem 0;
color: #fff;
border-radius: 27rem;
background: linear-gradient(to bottom, #004991, #002549);
transition: 0.3s; }
/* line 953, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_btn a:hover {
opacity: 0.8; }
/* line 957, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_btn span {
display: block;
width: 100%;
padding: 11rem 0;
font-weight: 700;
color: #707070;
border-radius: 27rem;
border: solid 1rem #707070;
background: #F8F8F8; }
/* line 976, style.scss */
#photo {
margin-bottom: 120rem; }
/* line 978, style.scss */
#photo .bg {
background: rgba(0, 73, 145, 0.59); }
/* line 981, style.scss */
#photo .inner {
padding: 70rem 0 80rem;
/*タブ切り替え全体のスタイル*/ }
/* line 983, style.scss */
#photo .inner .sec_ttl {
margin-bottom: 35rem; }
/* line 987, style.scss */
#photo .inner .photo_tab {
width: 100%;
font-size: 0;
text-align: center;
/*タブのスタイル*/
/*選択されているタブのスタイルを変える*/
/*ラジオボタンを全て消す*/
/*選択されているタブのコンテンツのみを表示*/
/*タブ切り替えの中身のスタイル*/ }
/* line 992, style.scss */
#photo .inner .photo_tab .photo_tab_item {
display: inline-block;
width: 86rem;
height: 32rem;
font-size: 18rem;
line-height: 32rem;
color: #fff;
text-align: center;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.28);
cursor: pointer;
position: relative;
border-radius: 16rem;
margin: 0 5rem; }
/* line 1008, style.scss */
#photo .inner .photo_tab input:checked + .photo_tab_item {
color: #222222;
background: #fff; }
/* line 1013, style.scss */
#photo .inner .photo_tab input[name="tab_item"] {
display: none; }
/* line 1017, style.scss */
#photo .inner .photo_tab #photo_tab1:checked ~ #photo_tab1_content,
#photo .inner .photo_tab #photo_tab2:checked ~ #photo_tab2_content {
display: block; }
/* line 1022, style.scss */
#photo .inner .photo_tab .photo_tab_content {
display: none;
clear: both;
overflow: hidden;
width: 100%;
box-sizing: border-box;
padding: 30rem 0 0;
color: #fff;
font-size: 20rem; }
/* line 1031, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_place {
font-size: 18rem;
font-weight: 700;
text-align: center;
margin-bottom: 25rem; }
/* line 1037, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider {
margin-bottom: 45rem; }
/* line 1039, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .photo_slider_img {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 327rem;
border: solid 7rem #fff;
box-sizing: border-box;
transform: scale(0.8);
transition: transform .3s;
box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.16); }
/* line 1049, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .photo_slider_img.slick-center {
transform: scale(1); }
/* line 1053, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .prev-arrow {
width: 50rem;
cursor: pointer;
position: absolute;
bottom: -17rem;
left: 526rem; }
/* line 1060, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .next-arrow {
width: 50rem;
cursor: pointer;
position: absolute;
bottom: -17rem;
right: 526rem; }
/* line 1067, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .slide-dots {
text-align: center;
margin-top: 60rem; }
/* line 1070, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .slide-dots li {
display: inline-block;
width: 16rem;
height: 16rem;
border-radius: 100%;
overflow: hidden;
margin: 0 6.5rem; }
/* line 1077, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .slide-dots li button {
display: block;
width: 100%;
height: 100%;
font-size: 0;
border: none;
background: #A8B6C3; }
/* line 1086, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .slide-dots li.slick-active button {
background: #fff; }
/* line 1093, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table {
width: 659rem;
margin: 0 auto; }
/* line 1096, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
/* line 1100, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dt {
width: 169rem;
font-size: 16rem;
line-height: 1.2em;
padding: 24rem 0;
text-align: left;
border-bottom: solid 1rem rgba(255, 255, 255, 0.7); }
/* line 1107, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dt div {
width: 100%;
box-sizing: border-box;
padding-left: 8rem;
position: relative; }
/* line 1112, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dt div::before {
position: absolute;
content: "：";
right: 0;
top: 0; }
/* line 1120, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dd {
width: 490rem;
box-sizing: border-box;
padding: 24rem 8rem 24rem 0;
font-size: 16rem;
line-height: 1.2em;
text-align: left;
border-bottom: solid 1rem rgba(255, 255, 255, 0.7); }
/* line 1129, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dd ul li:nth-child(n+2) {
margin-top: 5rem; }
/* line 1141, style.scss */
#news {
padding-top: 130rem;
margin-top: -130rem; }
/* line 1144, style.scss */
#news .inner {
width: 1100rem;
margin: 0 auto;
padding: 80rem 165rem 90rem;
box-sizing: border-box;
color: #fff;
background: rgba(255, 255, 255, 0.25); }
/* line 1151, style.scss */
#news .inner .news_ttl {
font-size: 28rem;
line-height: 1;
font-weight: 700;
margin-bottom: 10rem; }
/* line 1158, style.scss */
#news .inner .news_cont .news_box {
display: flex;
justify-content: space-between;
padding: 30rem 0;
border-bottom: solid 1rem #707070; }
/* line 1163, style.scss */
#news .inner .news_cont .news_box:nth-child(n+4) {
display: none !important; }
/* line 1166, style.scss */
#news .inner .news_cont .news_box .date {
width: 40rem;
font-size: 16rem;
line-height: 1.125em;
color: rgba(255, 255, 255, 0.75); }
/* line 1172, style.scss */
#news .inner .news_cont .news_box .ttl {
width: 715rem;
font-size: 18rem;
font-weight: 600; }
/* line 1183, style.scss */
#organize .inner {
width: 1100rem;
margin: 0 auto;
padding: 120rem 0 100rem;
display: flex;
justify-content: space-between; }
/* line 1189, style.scss */
#organize .inner .organize_cont {
width: 50%;
color: #fff;
text-align: center; }
/* line 1193, style.scss */
#organize .inner .organize_cont .organize_cont_ttl {
font-size: 28rem;
line-height: 1;
font-weight: 700;
margin-bottom: 29rem; }
/* line 1199, style.scss */
#organize .inner .organize_cont .organize_box {
display: flex;
justify-content: center;
align-items: center; }
/* line 1203, style.scss */
#organize .inner .organize_cont .organize_box .organize_box_img {
width: 108rem;
line-height: 0; }
/* line 1207, style.scss */
#organize .inner .organize_cont .organize_box .organize_name {
font-size: 18rem;
line-height: 1.61em;
text-align: left;
margin-left: 30rem; }
/* line 1215, style.scss */
#organize .inner .organize_cont:first-child .organize_box_img {
width: 96rem; }
/* line 1223, style.scss */
#sponsor {
background: linear-gradient(to bottom, #4D628B, #273146); }
/* line 1225, style.scss */
#sponsor .inner {
width: 925rem;
margin: 0 auto;
padding: 70rem 0 80rem;
color: #fff; }
/* line 1230, style.scss */
#sponsor .inner h2 {
font-size: 28rem;
font-weight: 700;
text-align: center;
margin-bottom: 40rem; }
/* line 1236, style.scss */
#sponsor .inner .sponsor_box {
display: flex;
justify-content: flex-start;
flex-wrap: wrap; }
/* line 1240, style.scss */
#sponsor .inner .sponsor_box .sponsor_img {
width: 220rem;
line-height: 0;
margin-right: 15rem; }
/* line 1244, style.scss */
#sponsor .inner .sponsor_box .sponsor_img:nth-child(4n) {
margin-right: 0; }
/* line 1247, style.scss */
#sponsor .inner .sponsor_box .sponsor_img:nth-child(n+5) {
margin-top: 20rem; }
/* line 1256, style.scss */
#sns .inner {
text-align: center;
padding: 100rem 0;
color: #fff; }
/* line 1260, style.scss */
#sns .inner h2 {
font-size: 28rem;
font-weight: 700;
text-align: center;
margin-bottom: 50rem; }
/* line 1266, style.scss */
#sns .inner ul {
display: flex;
justify-content: center; }
/* line 1269, style.scss */
#sns .inner ul li {
width: 60rem;
margin: 0 22.5rem; }
/* line 1272, style.scss */
#sns .inner ul li a {
display: block;
width: 100%;
transition: 0.3s; }
/* line 1276, style.scss */
#sns .inner ul li a:hover {
opacity: 0.8; }
/* line 1285, style.scss */
.float {
position: fixed;
bottom: 50rem;
right: 50rem;
z-index: 10; }
/* line 1291, style.scss */
.float ul li {
width: 60rem; }
/* line 1293, style.scss */
.float ul li:nth-child(n+2) {
margin-top: 10rem; }
/* line 1296, style.scss */
.float ul li a {
display: block;
width: 100%;
line-height: 0;
transition: 0.3s; }
/* line 1301, style.scss */
.float ul li a:hover {
opacity: 0.8; }
/* line 1304, style.scss */
.float ul li a img {
filter: drop-shadow(4rem 3rem 6rem rgba(0, 0, 0, 0.16)); }
/* line 1313, style.scss */
footer .contact {
text-align: center;
color: #fff;
padding: 75rem 0 70rem;
background: linear-gradient(160deg, #222222, #31373C); }
/* line 1318, style.scss */
footer .contact .contact_ttl {
font-size: 28rem;
line-height: 1;
font-weight: 700;
margin-bottom: 50rem; }
/* line 1324, style.scss */
footer .contact .contact_name {
font-size: 20rem;
line-height: 1;
font-weight: 500; }
/* line 1328, style.scss */
footer .contact .contact_name span {
font-size: 18rem;
margin-left: 5rem; }
/* line 1333, style.scss */
footer .contact a {
display: inline-block;
font-size: 20rem;
color: #fff;
text-decoration: underline; }
/* line 1339, style.scss */
footer .contact .mail {
font-size: 20rem;
margin: 50rem 0 25rem; }
/* line 1343, style.scss */
footer .contact .tel {
font-size: 20rem; }
/* line 1345, style.scss */
footer .contact .tel a {
pointer-events: none; }
/* line 1348, style.scss */
footer .contact .tel span {
font-size: 16rem; }
/* line 1353, style.scss */
footer .copyright {
padding: 25rem 0;
font-size: 12rem;
color: #fff;
text-align: center; } }
/* SP */
@media screen and (max-width: 768px) {
/* line 1364, style.scss */
.pconly {
display: none !important; }
/* line 1368, style.scss */
html {
font-size: calc(1vw * 100 / 750);
background: #000; }
/* line 1373, style.scss */
header {
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 100;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.99), rgba(0, 0, 0, 0));
/*ハンバーガー メニュー*/
/*============
.toggle_btn
=============*/
/*============
#mask
=============*/ }
/* line 1380, style.scss */
header .inner {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
padding: 37rem 38rem; }
/* line 1387, style.scss */
header .inner .logo {
width: 306rem;
transition: 0.3s; }
/* line 1392, style.scss */
header .inner nav ul {
display: flex;
justify-content: flex-end; }
/* line 1395, style.scss */
header .inner nav ul li {
font-size: 16rem;
line-height: 1;
margin-left: 1em; }
/* line 1399, style.scss */
header .inner nav ul li a {
color: #fff; }
/* line 1401, style.scss */
header .inner nav ul li a:hover {
text-decoration: underline; }
/* line 1409, style.scss */
header.change-color {
background: #000;
/*.logo {
width: 250rem;
}*/ }
/* line 1416, style.scss */
header nav.hum {
display: block;
position: fixed;
top: 0;
right: -100vw;
/*bottom: 0;*/
width: 100vw;
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: all .5s;
z-index: 21;
opacity: 0;
background: #222222;
box-sizing: border-box;
padding: 99rem 0 117rem; }
/* line 1434, style.scss */
header .open nav.hum {
right: 0;
opacity: 1; }
/* line 1440, style.scss */
header .hum ul {
width: 334rem;
margin: 0 auto;
border-top: solid 1rem #fff; }
/* line 1445, style.scss */
header .hum ul li a {
display: block;
font-size: 18rem;
line-height: 1.5em;
font-weight: 900;
color: #fff;
padding: 17rem 0 15rem;
border-bottom: solid 1rem #fff; }
/* line 1461, style.scss */
header .toggle_btn {
display: block;
position: fixed;
top: 55rem;
right: 49rem;
width: 65rem;
height: 50rem;
transition: all .5s;
cursor: pointer;
z-index: 21;
box-sizing: border-box; }
/* line 1473, style.scss */
header .toggle_btn span {
display: block;
position: absolute;
right: 0;
width: 65rem;
height: 5rem;
background-color: #fff;
transition: all .5s;
z-index: 22; }
/* line 1483, style.scss */
header .open .toggle_btn span {
background: #fff; }
/* line 1486, style.scss */
header .toggle_btn span:nth-child(1) {
top: 0; }
/* line 1489, style.scss */
header .toggle_btn span:nth-child(2) {
top: 25rem; }
/* line 1492, style.scss */
header .toggle_btn span:nth-child(3) {
top: 50rem; }
/* line 1495, style.scss */
header .open .toggle_btn span:nth-child(1) {
-webkit-transform: translateY(25rem) rotate(-315deg);
transform: translateY(25rem) rotate(-315deg); }
/* line 1499, style.scss */
header .open .toggle_btn span:nth-child(2) {
opacity: 0; }
/* line 1502, style.scss */
header .open .toggle_btn span:nth-child(3) {
-webkit-transform: translateY(-25rem) rotate(315deg);
transform: translateY(-25rem) rotate(315deg); }
/* line 1510, style.scss */
header #mask {
display: none;
transition: all .5s; }
/* line 1514, style.scss */
header .open #mask {
display: none; }
/* line 1519, style.scss */
#mv {
width: 100%;
margin: 300rem 0 25rem;
overflow: hidden; }
/* line 1523, style.scss */
#mv .mv_img {
width: 702rem;
position: relative;
margin: 0 auto 184rem; }
/* line 1527, style.scss */
#mv .mv_img img {
position: relative;
z-index: 2; }
/* line 1531, style.scss */
#mv .mv_img::before {
position: absolute;
content: "";
width: 972rem;
height: 566rem;
top: -80rem;
left: 50%;
transform: translateX(-50%);
background: url("../img/mv_sp_bg.png") no-repeat;
background-size: contain; }
/* line 1542, style.scss */
#mv .mv_img::after {
position: absolute;
content: "";
width: 100%;
height: 196rem;
left: 0;
bottom: -999rem;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.99)); }
/* line 1552, style.scss */
#mv .mv_txt {
width: 675rem;
margin: 0 auto;
font-size: 30rem;
line-height: 1.66em;
color: #fff;
text-align: center;
position: relative;
z-index: 2; }
/* line 1564, style.scss */
.sec_ttl {
text-align: center;
color: #fff; }
/* line 1567, style.scss */
.sec_ttl .enttl {
font-size: 28rem;
line-height: 1;
color: rgba(255, 255, 255, 0.4);
margin-bottom: 25rem; }
/* line 1573, style.scss */
.sec_ttl h2 {
font-size: 42rem;
line-height: 1;
font-weight: 700; }
/* line 1580, style.scss */
#info {
padding-top: 21.33rem;
margin-top: -21.33rem;
position: relative; }
/* line 1584, style.scss */
#info .bg {
width: 100%;
position: relative; }
/* line 1587, style.scss */
#info .bg::before {
position: absolute;
content: "";
width: 100%;
height: 2011rem;
left: 0;
top: 0;
background: url("../img/info_bg_sp.png") no-repeat;
background-size: cover;
box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.16); }
/* line 1599, style.scss */
#info .inner {
width: 100%;
padding-top: 100rem;
margin-bottom: 67rem;
position: relative;
z-index: 3; }
/* line 1605, style.scss */
#info .inner .sec_ttl {
margin-bottom: 60rem; }
/* line 1608, style.scss */
#info .inner .info_head_txt {
font-size: 28rem;
line-height: 1.71em;
font-weight: 700;
color: #fff;
text-align: center;
margin-bottom: 50rem; }
/* line 1616, style.scss */
#info .inner .info_cont {
width: 540rem;
margin: 0 auto 78rem; }
/* line 1619, style.scss */
#info .inner .info_cont .info_box {
width: 100%;
display: flex;
justify-content: space-between;
flex-direction: column-reverse; }
/* line 1624, style.scss */
#info .inner .info_cont .info_box:nth-child(2) {
margin-top: 80rem; }
/* line 1627, style.scss */
#info .inner .info_cont .info_box .info_box_img {
width: 100%; }
/* line 1630, style.scss */
#info .inner .info_cont .info_box .info_box_right {
color: #fff;
text-align: center;
margin-bottom: 30rem; }
/* line 1634, style.scss */
#info .inner .info_cont .info_box .info_box_right .info_box_ttl {
font-size: 34rem;
line-height: 1;
margin-bottom: 25rem; }
/* line 1639, style.scss */
#info .inner .info_cont .info_box .info_box_right .info_box_txt {
font-size: 28rem;
line-height: 1; }
/* line 1646, style.scss */
#info .inner .info_banner {
width: 100%;
margin: 120rem auto; }
/* line 1649, style.scss */
#info .inner .info_banner a {
display: block;
width: 100%; }
/* line 1652, style.scss */
#info .inner .info_banner a img {
box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.16); }
/* line 1657, style.scss */
#info .inner .info_btm {
width: 100%;
margin-top: 120rem; }
/* line 1660, style.scss */
#info .inner .info_btm img {
box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.16); }
/* line 1667, style.scss */
#guest {
padding-top: 21.33rem;
margin-top: -21.33rem; }
/* line 1670, style.scss */
#guest .inner {
padding-bottom: 106rem;
position: relative; }
/* line 1673, style.scss */
#guest .inner::before {
position: absolute;
content: "";
width: 100%;
height: 145rem;
bottom: -70rem;
left: 0;
background: linear-gradient(to bottom, black 50%, rgba(0, 0, 0, 0));
z-index: 2; }
/* line 1683, style.scss */
#guest .inner .guest_img {
margin-bottom: 50rem;
position: relative; }
/* line 1687, style.scss */
#guest .inner .guest_body {
width: 675rem;
margin: 80rem auto 0; }
/* line 1690, style.scss */
#guest .inner .guest_body .guest_cont {
border-bottom: solid 5rem #707070; }
/* line 1692, style.scss */
#guest .inner .guest_body .guest_cont:first-child {
border-top: solid 5rem #707070; }
/* line 1695, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl {
box-sizing: border-box;
padding: 30rem 16rem;
color: #fff;
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
cursor: pointer; }
/* line 1704, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl::before {
position: absolute;
content: "";
width: 33rem;
height: 4rem;
top: 50%;
right: 33rem;
transform: translateY(-50%);
background: #fff; }
/* line 1714, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl::after {
position: absolute;
content: "";
width: 33rem;
height: 4rem;
top: 50%;
right: 33rem;
transform: translateY(-50%) rotate(90deg);
background: #fff;
transition: 0.3s; }
/* line 1726, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl.open::after {
transform: translateY(-50%) rotate(0); }
/* line 1730, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl .num {
font-size: 32rem;
letter-spacing: 0.05em;
line-height: 1;
font-weight: 700;
margin-right: 25rem; }
/* line 1737, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl ul {
display: flex;
justify-content: flex-start; }
/* line 1740, style.scss */
#guest .inner .guest_body .guest_cont .guest_cont_ttl ul li {
display: inline-block;
font-size: 26rem;
line-height: 1;
padding: 8rem 20rem;
background: rgba(255, 255, 255, 0.28);
border-radius: 20rem;
margin-right: 8rem; }
/* line 1751, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord {
padding-bottom: 100rem;
display: none; }
/* line 1754, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes {
width: 100%;
margin: 0 auto; }
/* line 1757, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box {
border-radius: 16rem;
overflow: hidden;
background: #fff; }
/* line 1761, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box:nth-child(n+2) {
margin-top: 30rem; }
/* line 1764, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_img {
width: 100%;
height: 300rem;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
/* line 1771, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt {
box-sizing: border-box;
padding: 35rem 26rem 30rem; }
/* line 1774, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .guest_name {
margin-bottom: 25rem; }
/* line 1776, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .guest_name .ja {
font-size: 28rem;
letter-spacing: -0.05em;
font-weight: 700;
color: #3B4043;
margin-bottom: 8rem; }
/* line 1783, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .guest_name .en {
font-size: 24rem;
line-height: 1.28em;
color: #98A6B5; }
/* line 1789, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg {
box-sizing: border-box;
padding: 0 26rem;
background: rgba(0, 73, 145, 0.05);
border-radius: 10rem; }
/* line 1794, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg .guest_name_box {
padding: 25rem 0;
display: flex;
justify-content: space-between;
align-items: center; }
/* line 1799, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg .guest_name_box:nth-child(n+2) {
border-top: solid 1rem rgba(112, 112, 112, 0.28); }
/* line 1802, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg .guest_name_box .guest_name_box_img {
width: 100rem;
height: 125rem;
background-repeat: no-repeat;
background-position: center top;
background-size: cover; }
/* line 1810, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg .guest_name_box .guest_name_box_txt {
width: 455rem; }
/* line 1812, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg .guest_name_box .guest_name_box_txt .ja {
font-size: 26rem;
letter-spacing: -0.05em;
line-height: 1.23em;
font-weight: 500;
color: #3B4043;
margin-bottom: 8rem; }
/* line 1820, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_boxes .guest_box .guest_box_txt .bg .guest_name_box .guest_name_box_txt .en {
font-size: 24rem;
letter-spacing: -0.03em;
line-height: 1.28em;
color: #98A6B5; }
/* line 1832, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .ambassador {
width: 100%;
margin: 30rem auto 0;
background: #fff;
border: solid 2rem #CECECE;
border-radius: 16rem;
overflow: hidden;
display: flex;
justify-content: space-between; }
/* line 1841, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .ambassador .ambassador_img {
width: 257rem;
height: 180rem;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
/* line 1848, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .ambassador .ambassador_right {
width: 417rem;
padding-top: 50rem;
text-align: center; }
/* line 1852, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .ambassador .ambassador_right .ambassador_ttl {
font-size: 26rem;
line-height: 1;
color: #8E8E8E;
font-weight: 700;
margin-bottom: 20rem; }
/* line 1859, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .ambassador .ambassador_right .name {
font-size: 28rem;
letter-spacing: -0.05em;
line-height: 1;
font-weight: 700;
color: #3B4043; }
/* line 1868, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_btn {
width: 561rem;
margin: 50rem auto 0; }
/* line 1871, style.scss */
#guest .inner .guest_body .guest_cont .guest_accord .guest_btn a {
display: block;
width: 100%;
font-size: 26rem;
letter-spacing: -0.05em;
line-height: 1;
font-weight: bold;
color: #fff;
box-sizing: border-box;
padding: 32rem 0 32rem 42rem;
border-radius: 45rem;
background: url("../img/guest_btn_arrow.png") no-repeat right 13rem center #004991;
background-size: 54rem; }
/* line 1892, style.scss */
#ticket {
padding-top: 21.33rem;
margin-top: -21.33rem; }
/* line 1895, style.scss */
#ticket .bg {
background: #EFEBE1;
position: relative; }
/* line 1898, style.scss */
#ticket .bg::before {
position: absolute;
content: "";
width: 100%;
height: 192rem;
bottom: 0;
left: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); }
/* line 1907, style.scss */
#ticket .bg .inner {
width: 685rem;
margin: 0 auto;
padding: 190rem 0 312rem; }
/* line 1911, style.scss */
#ticket .bg .inner .sec_ttl {
margin-bottom: 50rem; }
/* line 1913, style.scss */
#ticket .bg .inner .sec_ttl .enttl {
color: rgba(0, 0, 0, 0.4); }
/* line 1916, style.scss */
#ticket .bg .inner .sec_ttl h2 {
color: #000; }
/* line 1920, style.scss */
#ticket .bg .inner .ticket_head_txt {
font-size: 28rem;
line-height: 1.71em;
text-align: center;
margin-bottom: 60rem; }
/* line 1926, style.scss */
#ticket .bg .inner .ticket_cont {
width: 675rem;
margin: 0 auto; }
/* line 1930, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box {
width: 100%;
border-radius: 16rem;
overflow: hidden;
background: #fff;
box-sizing: border-box;
border: solid 3rem #144576;
position: relative;
padding: 20rem 40rem 15rem 0; }
/* line 1939, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box:nth-child(n+2) {
margin-top: 20rem; }
/* line 1942, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_img {
width: 100%;
line-height: 0; }
/* line 1946, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .num {
width: 302rem;
font-size: 26rem;
letter-spacing: 0.05em;
line-height: 1;
font-weight: 700;
color: #fff;
box-sizing: border-box;
padding: 11rem 0 11rem 31rem; }
/* line 1955, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .num.blue {
background: linear-gradient(90deg, #4C6BA3 30%, rgba(38, 54, 82, 0)); }
/* line 1958, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .num.yellow {
background: linear-gradient(90deg, #E39E00 30%, rgba(153, 162, 76, 0)); }
/* line 1961, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .num.green {
background: linear-gradient(90deg, #469F7D 30%, rgba(70, 159, 125, 0.11)); }
/* line 1964, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .num.red {
background: linear-gradient(90deg, #D12828 30%, rgba(163, 76, 76, 0)); }
/* line 1968, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt {
padding: 22rem 0 0 21rem;
box-sizing: border-box;
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
/* line 1975, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .pref {
display: inline-block;
font-size: 26rem;
line-height: 1;
padding: 8rem 20rem;
border-radius: 21rem;
position: absolute;
top: 26rem;
right: 20rem; }
/* line 1984, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .pref.blue {
background: rgba(0, 73, 145, 0.1); }
/* line 1987, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .pref.yellow {
background: #FFF9D9; }
/* line 1990, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .pref.green {
background: #DDEBE7; }
/* line 1993, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .area .pref.red {
background: #F5E9E9; }
/* line 1999, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .place {
width: 100%;
font-size: 32rem;
line-height: 1.375em;
font-weight: 700;
color: #3B4043;
box-sizing: border-box;
padding-left: 13rem;
margin-bottom: 25rem; }
/* line 2008, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .place .map_btn {
display: inline-block;
text-align: center; }
/* line 2011, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .place .map_btn a {
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 7rem 19rem;
font-size: 26rem;
line-height: 1;
font-weight: 500;
color: #707070;
border-radius: 22rem;
background: rgba(34, 34, 34, 0.1); }
/* line 2022, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .place .map_btn a span {
text-decoration: underline; }
/* line 2028, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box {
width: 316rem;
box-sizing: border-box;
padding: 21rem 0 18rem 23rem;
border-radius: 11rem;
background: #E4EBF3;
margin-bottom: 20rem; }
/* line 2035, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box.blue {
background: #E4EBF3; }
/* line 2038, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box.yellow {
background: #FFF9D9; }
/* line 2041, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box.green {
background: #DDECE7; }
/* line 2044, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box.red {
background: #F5E9E9; }
/* line 2047, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box .date {
font-size: 28rem;
line-height: 1;
font-weight: 700;
color: #3B4043;
margin-bottom: 12rem; }
/* line 2053, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box .date span {
display: inline-block;
font-size: 22rem;
margin-right: 9rem; }
/* line 2057, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box .date span.small {
font-size: 22rem;
margin: 0; }
/* line 2063, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .bg_box .hour {
font-size: 24rem;
letter-spacing: 0.05em;
line-height: 1; }
/* line 2069, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .ticket_btn {
width: 210rem;
margin-top: 30rem;
font-size: 26rem;
line-height: 1;
font-weight: 700;
text-align: center; }
/* line 2076, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .ticket_btn a {
display: block;
width: 100%;
padding: 14rem 0;
color: #fff;
border-radius: 27rem;
background: linear-gradient(to bottom, #004991, #002549); }
/* line 2084, style.scss */
#ticket .bg .inner .ticket_cont .ticket_boxes .ticket_box .ticket_box_txt .ticket_btn span {
display: block;
width: 100%;
padding: 14rem 0;
color: #fff;
border-radius: 27rem;
background: #707070; }
/* line 2101, style.scss */
#shop {
padding-top: 21.33rem;
margin-top: -21.33rem; }
/* line 2104, style.scss */
#shop .inner {
width: 675rem;
margin: 0 auto;
padding: 73rem 0 120rem; }
/* line 2108, style.scss */
#shop .inner .shop_body {
width: 100%;
margin-top: 50rem; }
/* line 2111, style.scss */
#shop .inner .shop_body .shop_cont {
border-bottom: solid 5rem #707070; }
/* line 2113, style.scss */
#shop .inner .shop_body .shop_cont:first-child {
border-top: solid 5rem #707070; }
/* line 2116, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl {
box-sizing: border-box;
padding: 30rem 16rem;
color: #fff;
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
cursor: pointer; }
/* line 2125, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl::before {
position: absolute;
content: "";
width: 33rem;
height: 4rem;
top: 50%;
right: 33rem;
transform: translateY(-50%);
background: #fff; }
/* line 2135, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl::after {
position: absolute;
content: "";
width: 33rem;
height: 4rem;
top: 50%;
right: 33rem;
transform: translateY(-50%) rotate(90deg);
background: #fff;
transition: 0.3s; }
/* line 2147, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl.open::after {
transform: translateY(-50%) rotate(0); }
/* line 2151, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl .num {
font-size: 32rem;
letter-spacing: 0.05em;
line-height: 1;
font-weight: 700;
margin-right: 25rem; }
/* line 2158, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl ul {
display: flex;
justify-content: flex-start; }
/* line 2161, style.scss */
#shop .inner .shop_body .shop_cont .shop_cont_ttl ul li {
display: inline-block;
font-size: 26rem;
line-height: 1;
padding: 8rem 20rem;
background: rgba(255, 255, 255, 0.28);
border-radius: 20rem;
margin-right: 8rem; }
/* line 2172, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord {
display: none;
padding-bottom: 60rem; }
/* line 2175, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg {
width: 100%;
margin: 0 auto;
padding: 60rem 0;
border-radius: 20rem;
background: #4176AC; }
/* line 2181, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg:nth-child(n+2) {
margin-top: 60rem; }
/* line 2184, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg h3 {
font-size: 36rem;
line-height: 1;
font-weight: 700;
color: #fff;
text-align: center;
margin-bottom: 40rem; }
/* line 2192, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes {
width: 646rem;
margin: 0 auto; }
/* line 2195, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box {
width: 100%;
padding-bottom: 40rem;
border-radius: 16rem;
overflow: hidden;
background: #F8F8F8;
box-sizing: border-box;
border: solid 3rem #144576; }
/* line 2203, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box:nth-child(n+2) {
margin-top: 20rem; }
/* line 2206, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .date_area {
display: flex;
justify-content: flex-start;
align-items: center;
padding: 20rem 54rem;
line-height: 1;
font-weight: 700;
color: #fff;
border-radius: 12rem 12rem 0 0;
background: linear-gradient(to bottom, #004991, #002549); }
/* line 2216, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .date_area .date {
font-size: 28rem;
margin-right: 15rem; }
/* line 2220, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .date_area .time {
font-size: 28rem; }
/* line 2224, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .name_area {
display: flex;
justify-content: space-between;
align-items: center;
background: #fff; }
/* line 2229, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .name_area .name_img {
width: 150rem;
height: 125rem;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-color: #F8F8F8; }
/* line 2237, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .name_area .name {
width: calc( 100% - 150rem );
font-size: 26rem;
letter-spacing: -0.05em;
line-height: 1.46em;
font-weight: 500;
color: #3B4043;
text-align: left;
box-sizing: border-box;
padding: 0 25rem 0 20rem; }
/* line 2249, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .place {
width: 587rem;
margin: 40rem auto 20rem;
font-size: 28rem;
font-weight: bold;
line-height: 1.25em;
color: #013366;
text-align: center; }
/* line 2258, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .map {
width: 587rem;
margin: 0 auto; }
/* line 2261, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .map a {
display: inline-block;
box-sizing: border-box;
padding: 7rem 19rem;
font-size: 26rem;
line-height: 1;
font-weight: 500;
color: #707070;
text-align: center;
border-radius: 22rem;
background: rgba(34, 34, 34, 0.1); }
/* line 2272, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .map a span {
text-decoration: underline; }
/* line 2277, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box dl {
width: 587rem;
margin: 20rem auto 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
font-size: 24rem;
line-height: 1.5em;
font-weight: 500;
color: #222222;
box-sizing: border-box;
padding: 22rem 24rem;
background: #E4EBF3;
border-radius: 11rem; }
/* line 2291, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box dl dt {
width: 86rem; }
/* line 2294, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box dl dd {
width: 453rem; }
/* line 2298, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .shop_btn {
width: 320rem;
margin: 30rem auto 0;
font-size: 26rem;
font-weight: 700;
text-align: center; }
/* line 2304, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .shop_btn a {
display: block;
width: 100%;
line-height: 1;
padding: 12rem 0;
color: #fff;
border-radius: 27rem;
background: linear-gradient(to bottom, #004991, #002549); }
/* line 2313, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_boxes .shop_box .shop_btn span {
display: block;
width: 100%;
line-height: 1;
padding: 12rem 0;
color: #fff;
border-radius: 27rem;
background: #707070; }
/* line 2325, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_btn {
width: 320rem;
margin: 30rem auto 0;
font-size: 26rem;
font-weight: 700;
text-align: center; }
/* line 2331, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_btn a {
display: block;
width: 100%;
line-height: 1;
padding: 12rem 0;
color: #fff;
border-radius: 27rem;
background: linear-gradient(to bottom, #004991, #002549); }
/* line 2340, style.scss */
#shop .inner .shop_body .shop_cont .shop_accord .bg .shop_btn span {
display: block;
width: 100%;
line-height: 1;
padding: 12rem 0;
color: #fff;
border-radius: 27rem;
background: #707070; }
/* line 2358, style.scss */
#photo {
margin-bottom: 120rem; }
/* line 2360, style.scss */
#photo .bg {
background: rgba(0, 73, 145, 0.59); }
/* line 2363, style.scss */
#photo .inner {
padding: 80rem 0 120rem;
/*タブ切り替え全体のスタイル*/ }
/* line 2365, style.scss */
#photo .inner .sec_ttl {
margin-bottom: 40rem; }
/* line 2369, style.scss */
#photo .inner .photo_tab {
width: 100%;
font-size: 0;
text-align: center;
/*タブのスタイル*/
/*選択されているタブのスタイルを変える*/
/*ラジオボタンを全て消す*/
/*選択されているタブのコンテンツのみを表示*/
/*タブ切り替えの中身のスタイル*/ }
/* line 2374, style.scss */
#photo .inner .photo_tab .photo_tab_item {
display: inline-block;
width: 102rem;
height: 42rem;
font-size: 26rem;
line-height: 42rem;
color: #fff;
text-align: center;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.28);
cursor: pointer;
position: relative;
border-radius: 20rem;
margin: 0 5rem; }
/* line 2390, style.scss */
#photo .inner .photo_tab input:checked + .photo_tab_item {
color: #222222;
background: #fff; }
/* line 2395, style.scss */
#photo .inner .photo_tab input[name="tab_item"] {
display: none; }
/* line 2399, style.scss */
#photo .inner .photo_tab #photo_tab1:checked ~ #photo_tab1_content,
#photo .inner .photo_tab #photo_tab2:checked ~ #photo_tab2_content {
display: block; }
/* line 2404, style.scss */
#photo .inner .photo_tab .photo_tab_content {
display: none;
clear: both;
overflow: hidden;
width: 100%;
box-sizing: border-box;
padding: 60rem 0 0;
color: #fff;
font-size: 20rem; }
/* line 2413, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_place {
font-size: 28rem;
font-weight: 700;
text-align: center;
margin-bottom: 50rem; }
/* line 2419, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider {
margin-bottom: 78rem; }
/* line 2421, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .photo_slider_img {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 353rem;
border: solid 7rem #fff;
box-sizing: border-box;
transform: scale(0.89);
transition: transform .3s;
box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.16); }
/* line 2431, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .photo_slider_img.slick-center {
transform: scale(1); }
/* line 2435, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .prev-arrow {
width: 50rem;
cursor: pointer;
position: absolute;
bottom: -17rem;
left: 218rem; }
/* line 2442, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .next-arrow {
width: 50rem;
cursor: pointer;
position: absolute;
bottom: -17rem;
right: 218rem; }
/* line 2449, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .slide-dots {
text-align: center;
margin-top: 60rem; }
/* line 2452, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .slide-dots li {
display: inline-block;
width: 16rem;
height: 16rem;
border-radius: 100%;
overflow: hidden;
margin: 0 6.5rem; }
/* line 2459, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .slide-dots li button {
display: block;
width: 100%;
height: 100%;
font-size: 0;
border: none;
background: #A8B6C3; }
/* line 2468, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_slider .slide-dots li.slick-active button {
background: #fff; }
/* line 2475, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table {
width: 666rem;
margin: 0 auto; }
/* line 2478, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
/* line 2482, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dt {
width: 202rem;
font-size: 26rem;
font-weight: 700;
line-height: 1.2em;
padding: 30rem 0;
text-align: left;
border-bottom: solid 1rem rgba(255, 255, 255, 0.7); }
/* line 2490, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dt div {
width: 100%;
box-sizing: border-box;
padding-left: 8rem;
position: relative; }
/* line 2495, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dt div::before {
position: absolute;
content: "：";
right: 0;
top: 0; }
/* line 2502, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dt:nth-of-type(2) {
width: 280rem; }
/* line 2505, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dt:nth-of-type(2) div::before {
display: none; }
/* line 2511, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dd {
width: 464rem;
box-sizing: border-box;
padding: 30rem 0;
font-size: 26rem;
line-height: 1.2em;
text-align: left;
border-bottom: solid 1rem rgba(255, 255, 255, 0.7); }
/* line 2520, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dd ul li:nth-child(n+2) {
margin-top: 15rem; }
/* line 2524, style.scss */
#photo .inner .photo_tab .photo_tab_content .photo_table dl dd:nth-of-type(2) {
width: 386rem; }
/* line 2535, style.scss */
#news {
padding-top: 21.33rem;
margin-top: -21.33rem; }
/* line 2538, style.scss */
#news .inner {
width: 710rem;
margin: 0 auto;
padding: 50rem 23rem;
box-sizing: border-box;
color: #fff;
background: rgba(255, 255, 255, 0.25); }
/* line 2545, style.scss */
#news .inner .news_ttl {
font-size: 36rem;
line-height: 1;
font-weight: 700;
margin-bottom: 17rem; }
/* line 2552, style.scss */
#news .inner .news_cont .news_box {
display: flex;
justify-content: space-between;
padding: 30rem 0;
border-bottom: solid 1rem #707070; }
/* line 2557, style.scss */
#news .inner .news_cont .news_box:nth-child(n+4) {
display: none !important; }
/* line 2560, style.scss */
#news .inner .news_cont .news_box .date {
width: 66rem;
font-size: 28rem;
line-height: 1.125em;
font-weight: 600;
color: rgba(255, 255, 255, 0.75); }
/* line 2567, style.scss */
#news .inner .news_cont .news_box .ttl {
width: 590rem;
font-size: 28rem;
font-weight: 600; }
/* line 2578, style.scss */
#organize .inner {
width: 100%;
margin: 0 auto;
padding: 120rem 0;
display: flex;
justify-content: center; }
/* line 2584, style.scss */
#organize .inner .organize_cont {
color: #fff;
text-align: center;
margin: 0 34rem; }
/* line 2588, style.scss */
#organize .inner .organize_cont .organize_cont_ttl {
font-size: 28rem;
line-height: 1;
font-weight: 700;
margin-bottom: 37rem; }
/* line 2594, style.scss */
#organize .inner .organize_cont .organize_box {
display: flex;
justify-content: center;
align-items: center; }
/* line 2598, style.scss */
#organize .inner .organize_cont .organize_box .organize_box_img {
width: 100rem;
line-height: 0; }
/* line 2602, style.scss */
#organize .inner .organize_cont .organize_box .organize_name {
font-size: 26rem;
line-height: 1.12em;
text-align: left;
margin-left: 20rem; }
/* line 2610, style.scss */
#organize .inner .organize_cont:first-child .organize_cont_ttl {
margin-bottom: 30rem; }
/* line 2613, style.scss */
#organize .inner .organize_cont:first-child .organize_box_img {
width: 79rem; }
/* line 2621, style.scss */
#sponsor {
background: linear-gradient(to bottom, #4D628B, #273146); }
/* line 2623, style.scss */
#sponsor .inner {
width: 684rem;
margin: 0 auto;
padding: 80rem 0 100rem;
color: #fff; }
/* line 2628, style.scss */
#sponsor .inner h2 {
font-size: 42rem;
font-weight: 700;
text-align: center;
margin-bottom: 40rem; }
/* line 2634, style.scss */
#sponsor .inner .sponsor_box {
display: flex;
justify-content: flex-start;
flex-wrap: wrap; }
/* line 2638, style.scss */
#sponsor .inner .sponsor_box .sponsor_img {
width: 220rem;
line-height: 0;
margin-right: 10rem; }
/* line 2642, style.scss */
#sponsor .inner .sponsor_box .sponsor_img:nth-child(3n) {
margin-right: 0; }
/* line 2645, style.scss */
#sponsor .inner .sponsor_box .sponsor_img:nth-child(n+4) {
margin-top: 10rem; }
/* line 2654, style.scss */
#sns .inner {
text-align: center;
padding: 100rem 0 120rem;
color: #fff; }
/* line 2658, style.scss */
#sns .inner h2 {
font-size: 42rem;
font-weight: 700;
text-align: center;
margin-bottom: 50rem; }
/* line 2664, style.scss */
#sns .inner ul {
display: flex;
justify-content: center; }
/* line 2667, style.scss */
#sns .inner ul li {
width: 60rem;
margin: 0 22.5rem; }
/* line 2670, style.scss */
#sns .inner ul li a {
display: block;
width: 100%; }
/* line 2679, style.scss */
.float {
position: fixed;
bottom: 50rem;
right: 50rem;
z-index: 10; }
/* line 2685, style.scss */
.float ul li {
width: 60rem; }
/* line 2687, style.scss */
.float ul li:nth-child(n+2) {
margin-top: 10rem; }
/* line 2690, style.scss */
.float ul li a {
display: block;
width: 100%;
line-height: 0;
transition: 0.3s; }
/* line 2695, style.scss */
.float ul li a:hover {
opacity: 0.8; }
/* line 2698, style.scss */
.float ul li a img {
filter: drop-shadow(4rem 3rem 6rem rgba(0, 0, 0, 0.16)); }
/* line 2706, style.scss */
footer {
background: linear-gradient(160deg, #222222, #31373C); }
/* line 2708, style.scss */
footer .contact {
text-align: center;
color: #fff;
padding: 80rem 0 60rem; }
/* line 2713, style.scss */
footer .contact .contact_ttl {
font-size: 42rem;
line-height: 1;
font-weight: 700;
margin-bottom: 39rem; }
/* line 2719, style.scss */
footer .contact .contact_name {
font-size: 28rem;
line-height: 1;
font-weight: 500; }
/* line 2723, style.scss */
footer .contact .contact_name span {
display: inline-block;
font-size: 26rem;
margin-top: 20rem; }
/* line 2729, style.scss */
footer .contact a {
display: inline-block;
font-size: 28rem;
color: #fff;
text-decoration: underline; }
/* line 2735, style.scss */
footer .contact .mail {
width: 484rem;
margin: 60rem auto 20rem;
font-size: 28rem;
text-align: left; }
/* line 2741, style.scss */
footer .contact .tel {
width: 484rem;
margin: 0 auto;
font-size: 28rem;
text-align: left; }
/* line 2746, style.scss */
footer .contact .tel span {
font-size: 22rem; }
/* line 2751, style.scss */
footer .copyright {
padding: 60rem 0;
font-size: 22rem;
letter-spacing: 0.05em;
color: #fff;
text-align: center; } }
/*# sourceMappingURL=style.css.map */