@charset "UTF-8";

.inview { opacity: 0; -webkit-transform: translate(0, 60px); transform: translate(0, 60px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.inview.show { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.opcin { opacity: 0; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; -webkit-transition: 0.6s; transition: 0.6s; transition-delay: 0.1s; }

.opcin.show { opacity: 1; }

body { text-align: center; font-family: nimbus-sans-extended, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, sans-serif; color: #eee; background: #161719; min-width: 1080px; font-weight: 700; letter-spacing: -0.02em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

@media (max-width: 1079px) { body { min-width: 0; } }

.jp { letter-spacing: 0.1em; }

::-moz-selection { background: #fafafa; color: #161719; }

::selection { background: #fafafa; color: #161719; }

* { min-height: 0; min-width: 0; }

a { color: #eee; text-decoration: none; }

img, svg { width: 100%; height: auto; }

img[src$=".svg"] { width: 100%; height: 100%; }

@media (max-width: 768px) { .pc { display: none; } }

.tab { display: none; }

@media (max-width: 1079px) { .tab { display: block; } }

.sp { display: none; }

@media (max-width: 768px) { .sp { display: block; } }

.nowrap { display: inline-block; white-space: nowrap; }

.previewMode {
    color: #fff;
    background-color: #f00;
    padding: 10px;
    margin-bottom: 0px;
}

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

.content.show::after { -webkit-transition-delay: 1s; transition-delay: 1s; width: 0; }

.content.tra::before { width: 100%; }

.content::before, .content::after { position: absolute; content: ""; background: #161719; height: 100%; top: 0; -webkit-transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); z-index: 100; }

.content::before { left: 0; width: 0; }

.content::after { right: 0; width: 100%; }

.btn a { border: 2px solid #eee; -webkit-transition: 0.2s; transition: 0.2s; }

.btn a:hover { color: #161719; background: #eee; -webkit-transform: scale(1.03); transform: scale(1.03); }

@media (max-width: 768px) { .btn a:hover { color: #eee; background: transparent; -webkit-transform: scale(1); transform: scale(1); } }

header { position: relative; }

header .logo { position: absolute; width: 167px; top: 44px; left: 58px; z-index: 3; opacity: 0; -webkit-transform: translateY(-60px); transform: translateY(-60px); -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 768px) { header .logo { width: 61vw; position: static; padding: 7.5vw; margin: 0 auto; } }

header .logo.show { opacity: 1; -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-transform: translateY(0); transform: translateY(0); }

header .logo a { display: inline-block; }

.menu { padding: 0 55px 0 60px; position: relative; z-index: 2; }

@media (max-width: 1079px) { .menu { height: 98px; position: relative; top: 0; left: 0; width: 100vw; padding: 0; } }

@media (max-width: 768px) { .menu { position: unset; height: auto; } }

.menu .bds { display: none; }

@media (max-width: 1079px) { .menu .bds { display: block; width: 30px; height: 23px; padding: 10px; position: absolute; top: 26px; right: 2vw; z-index: 11; } }

@media (max-width: 768px) { .menu .bds { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

.menu .bds.hmbg .bd { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; }

.menu .bds.hmbg .bd.two { opacity: 0; }

.menu .bds.hmbg .bd.thr { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 30px; top: 50%; }

.menu .bds .bd { position: absolute; content: ""; background: #eee; width: 30px; height: 2px; right: 10px; top: 10px; -webkit-transition: 0.2s; transition: 0.2s; }

.menu .bds .bd.two { top: 21px; width: 24px; }

.menu .bds .bd.thr { top: 32px; width: 18px; }

@media (max-width: 1079px) { .menu .menus { background: #000; display: block; width: 100vw; height: 100vh; position: absolute; opacity: 0; z-index: -1; -webkit-transition: 0.3s; transition: 0.3s; top: 0; left: 0; pointer-events: none; } }

@media (max-width: 1079px) { .menu .menus.hmbg { opacity: 1; z-index: 10; pointer-events: auto; } }

.menu .parents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media (max-width: 1079px) { .menu .parents { display: block; position: absolute; left: 50%; top: 50%; padding: 22vw 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 250px; } }

.menu .parents.show > li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); text-align: left; }

.menu .parents.show > li:nth-child(1) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; }

.menu .parents.show > li:nth-child(2) { -webkit-transition-delay: 1.35s; transition-delay: 1.35s; }

.menu .parents.show > li:nth-child(3) { -webkit-transition-delay: 1.45s; transition-delay: 1.45s; }

.menu .parents.show > li:nth-child(4) { -webkit-transition-delay: 1.55s; transition-delay: 1.55s; }

.menu .parents > li { font-size: 18px; position: relative; margin-right: 30px; cursor: pointer; opacity: 0; -webkit-transform: translateY(-60px); transform: translateY(-60px); -webkit-transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 1079px) { .menu .parents > li { margin-right: 0; font-size: 28px; } }

.menu .parents > li:first-child { padding: 40px 0; }

@media (max-width: 1079px) { .menu .parents > li:first-child { padding: 0; } }

.menu .parents > li:first-child:hover .children { z-index: 1; opacity: 1; pointer-events: auto; }

.menu .parents > li:first-child:hover .arw { -webkit-transform: translateY(5px); transform: translateY(5px); }

@media (max-width: 768px) { .menu .parents > li:first-child:hover .arw { -webkit-transform: translateY(0); transform: translateY(0); } }

.menu .parents > li:first-child .arw { display: inline-block; width: 30px; height: 13px; position: relative; -webkit-transition: 0.2s; transition: 0.2s; }

@media (max-width: 768px) { .menu .parents > li:first-child .arw { position: absolute; top: 10px; } }

.menu .parents > li:first-child .arw::before, .menu .parents > li:first-child .arw::after { position: absolute; content: ""; background: #eee; width: 10px; height: 1px; top: 50%; left: 50%; }

.menu .parents > li:first-child .arw::before { -webkit-transform: rotate(45deg) translate(-2.5px, 2px); transform: rotate(45deg) translate(-2.5px, 2px); }

.menu .parents > li:first-child .arw::after { -webkit-transform: rotate(-45deg) translate(2.5px, 2px); transform: rotate(-45deg) translate(2.5px, 2px); }

.menu .parents > li:last-child { margin-right: 0; }

/* .menu .parents > li.active > a, .menu .parents > li.active > .char { color: #161719; text-shadow: 1px 1px 0 rgba(132, 132, 132, 0.4), -1px -1px 0 rgba(132, 132, 132, 0.4), -1px 1px 0 rgba(132, 132, 132, 0.4), 1px -1px 0 rgba(132, 132, 132, 0.4), 0px 1px 0 rgba(132, 132, 132, 0.4), 0 -1px 0 rgba(132, 132, 132, 0.4), -1px 0 0 rgba(132, 132, 132, 0.4), 1px 0 0 rgba(132, 132, 132, 0.4); } */
.menu .parents > li.active > a, .menu .parents > li.active > .char { color: #999; }

.menu .parents > li > a { padding: 40px 0; display: inline-block; -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media (max-width: 1079px) { .menu .parents > li > a { padding: 1.4vw; } }

/* .menu .parents > li > a:hover { color: #161719; text-shadow: 1px 1px 0 rgba(132, 132, 132, 0.4), -1px -1px 0 rgba(132, 132, 132, 0.4), -1px 1px 0 rgba(132, 132, 132, 0.4), 1px -1px 0 rgba(132, 132, 132, 0.4), 0px 1px 0 rgba(132, 132, 132, 0.4), 0 -1px 0 rgba(132, 132, 132, 0.4), -1px 0 0 rgba(132, 132, 132, 0.4), 1px 0 0 rgba(132, 132, 132, 0.4); } */
.menu .parents > li > a:hover { color: #161719; text-shadow: 1px 1px 0 rgba(256, 256, 256, 0.4), -1px -1px 0 rgba(256, 256, 256, 0.4), -1px 1px 0 rgba(256, 256, 256, 0.4), 1px -1px 0 rgba(256, 256, 256, 0.4), 0px 1px 0 rgba(256, 256, 256, 0.4), 0 -1px 0 rgba(256, 256, 256, 0.4), -1px 0 0 rgba(256, 256, 256, 0.4), 1px 0 0 rgba(256, 256, 256, 0.4); }

@media (max-width: 768px) { .menu .parents > li > a:hover { color: #eee; text-shadow: none; } }

.menu .parents .children { position: absolute; background: #000; padding: 30px 40px; top: 82px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; z-index: -1; -webkit-transition: 0.2s; transition: 0.2s; pointer-events: none; }

@media (max-width: 1079px) { .menu .parents .children { opacity: 1; z-index: 1; position: static; -webkit-transform: translateX(0); transform: translateX(0); padding: 3.5vw 5vw 5vw; } }

.menu .parents .children li { font-size: 15px; line-height: 32px; text-align: left; }

@media (max-width: 1079px) { .menu .parents .children li { text-align: center; font-size: 16px; line-height: 180%; text-align: left; padding:0 calc(50% - 85px); } }

.menu .parents .children li a { white-space: nowrap; display: block; }

/* .menu .parents .children li a:hover .char { color: #161719; text-shadow: 1px 1px 0 rgba(132, 132, 132, 0.4), -1px -1px 0 rgba(132, 132, 132, 0.4), -1px 1px 0 rgba(132, 132, 132, 0.4), 1px -1px 0 rgba(132, 132, 132, 0.4), 0px 1px 0 rgba(132, 132, 132, 0.4), 0 -1px 0 rgba(132, 132, 132, 0.4), -1px 0 0 rgba(132, 132, 132, 0.4), 1px 0 0 rgba(132, 132, 132, 0.4); } */
.menu .parents .children li a:hover .char { color: #999999; }

@media (max-width: 768px) { .menu .parents .children li a:hover .char { color: #eee; text-shadow: none; } }

.menu .parents .children li a .char { padding: 0 10px; -webkit-transition: 0.2s; transition: 0.2s; display: inline-block; -webkit-transition: 0; transition: 0; }

.showcase { position: relative; margin: 0 auto 110px; z-index: 1; width: calc(100vw - 80px); }

@media (max-width: 1079px) { .showcase { width: auto; margin-bottom: 22vw; } }

.bgimg { width: calc(100vw - 80px); height: 69vh; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; z-index: -3; -webkit-transition: 0.6s; transition: 0.6s; opacity: 0; }

@media (max-width: 1079px) { .bgimg { width: auto; height: 99.9vw; } }

.bgimg.show { opacity: 1; }

.bgimg img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; min-width: calc(100vw - 80px); min-height: 80vh; }

.background { position: relative; z-index: -2; height: 80vh; overflow: hidden; -webkit-transition: 0.6s; transition: 0.6s; opacity: 0; pointer-events: none; }

@media (max-width: 1079px) { .background { width: auto; height: auto; } }

.background.show { opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; }

.background .background-wrap { position: relative; top: 0; left: 0; z-index: -1; min-width: 100%; min-height: 100%; overflow: hidden; }

@media (max-width: 1079px) { .background .background-wrap { min-height: auto; } }

.background .background-wrap .background-movie { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 1079px) { .background .background-wrap .background-movie { height: auto; } }

.background .background-wrap #background-movie-player { width: calc(100vw - 60px); height: 120vh; margin-top: -20vh; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-transition: all 0.2s; transition: all 0.2s; }

@media (max-width: 1079px) { .background .background-wrap #background-movie-player { width: 100vw; height: 56.25vw; margin-top: 0; } }

.scroll { position: absolute; display: inline-block; bottom: -41px; left: 50%; -webkit-transform: translate(-50%, 60px); transform: translate(-50%, 60px); opacity: 0; -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 768px) { .scroll { bottom: -18.5vw; } }

.scroll.show { -webkit-transition-delay: 6.5s; transition-delay: 6.5s; opacity: 1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

@media (max-width: 768px) { .scroll.show { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } }

.scroll a { display: block; position: relative; padding: 10px 10px 33px; }

@media (max-width: 768px) { .scroll a { padding: 3vw 3vw 7vw; } }

.scroll a:hover .arw { bottom: -5px; }

@media (max-width: 768px) { .scroll a:hover .arw { bottom: 0; } }

.scroll .txt { font-size: 17px; }

@media (max-width: 768px) { .scroll .txt { font-size: 16px; } }

.scroll .arw { position: absolute; bottom: 0; display: block; width: 30px; height: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: 0.2s; transition: 0.2s; }

.scroll .arw::before, .scroll .arw::after { position: absolute; content: ""; background: #eee; width: 15px; height: 2px; top: 50%; left: 50%; }

@media (max-width: 768px) { .scroll .arw::before, .scroll .arw::after { width: 12px; } }

.scroll .arw::before { -webkit-transform: rotate(45deg) translate(-7.6px, 9px); transform: rotate(45deg) translate(-7.6px, 9px); }

@media (max-width: 768px) { .scroll .arw::before { -webkit-transform: rotate(45deg) translate(-6.2px, 9px); transform: rotate(45deg) translate(-6.2px, 9px); } }

.scroll .arw::after { -webkit-transform: rotate(-45deg) translate(-2.5px, -1.2px); transform: rotate(-45deg) translate(-2.5px, -1.2px); }

@media (max-width: 768px) { .scroll .arw::after { -webkit-transform: rotate(-45deg) translate(-4px, -1.2px); transform: rotate(-45deg) translate(-4px, -1.2px); } }

/* topsec common -------------------- */
.topsec { text-align: left; }

.topsec.show .title .let { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.topsec.show .title .let:nth-child(1) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; }

.topsec.show .title .let:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.topsec.show .title .let:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }

.topsec.show .title .let:nth-child(4) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

.topsec.show .title .let:nth-child(5) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }

.topsec.show .title .let:nth-child(6) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.topsec.show .title .let:nth-child(7) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }

.topsec.show .title .let:nth-child(8) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

.topsec.show .title .let:nth-child(9) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; }

.topsec.show .title .let:nth-child(10) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.topsec.show .title .let:nth-child(11) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; }

.topsec.show .title .let:nth-child(12) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

.topsec.show .title .let:nth-child(13) { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; }

.topsec.show .title .let:nth-child(14) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.topsec.show .sub .char { width: 665px; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

@media (max-width: 768px) { .topsec.show .sub .char { width: 100%; } }

.topsec.show .exp { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.topsec.show .exp.en { text-align: center; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

.topsec.show .exp.jp { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; }

.topsec .title { position: relative; z-index: 1; font-size: 125px; letter-spacing: -0.04em; margin: 0 9%; color: #161719; text-shadow: 1px 1px 0 rgba(132, 132, 132, 0.4), -1px -1px 0 rgba(132, 132, 132, 0.4), -1px 1px 0 rgba(132, 132, 132, 0.4), 1px -1px 0 rgba(132, 132, 132, 0.4), 0px 1px 0 rgba(132, 132, 132, 0.4), 0 -1px 0 rgba(132, 132, 132, 0.4), -1px 0 0 rgba(132, 132, 132, 0.4), 1px 0 0 rgba(132, 132, 132, 0.4); white-space: nowrap; }

@media (max-width: 768px) { .topsec .title { font-size: 10.9vw; margin: 0 8% 13px; } }

.topsec .title .let { display: inline-block; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.topsec .sub { font-size: 40px; letter-spacing: -0.04em; margin: -30px 9% 35px; padding-left: 10px; position: relative; z-index: 1; line-height: 45px; }

@media (max-width: 1079px) { .topsec .sub { font-size: 36px; } }

@media (max-width: 768px) { .topsec .sub { font-size: 6.4vw; line-height: 95%; margin: -2.6vw 7% 7vw; } }

.topsec .sub .char { display: block; width: 0; -webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); overflow: hidden; white-space: nowrap; }

@media (max-width: 768px) { .topsec .sub .char { padding-bottom: 2px; } }

.topsec .exp { margin: 0 9%; padding: 0 10px; -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 768px) { .topsec .exp { padding: 0; } }

.topsec .exp.en { font-size: 18px; line-height: 28px; margin-bottom: 24px; }

@media (max-width: 768px) { .topsec .exp.en { font-weight: 400; font-size: 15px; line-height: 150%; margin-bottom: 6vw; } }

.topsec .exp.jp { font-size: 14px; line-height: 30px; letter-spacing: 0.08em; margin-bottom: 55px; font-family: "ゴシックMB101 R", "Gothic MB101 Regular", sans-serif; }

@media (max-width: 768px) { .topsec .exp.jp { font-size: 13px; line-height: 195%; margin-bottom: 40vw; } }

.topsec .spotPhoto { }

.topsec .spotPhoto ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.topsec .spotPhoto ul li {
    width: calc(25% - 4px);
    text-align: center;
    margin-bottom: 25px;
}
.topsec .spotPhoto ul li:nth-child(4n+1) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.topsec .spotPhoto ul li:nth-child(4n+2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.topsec .spotPhoto ul li:nth-child(4n+3) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.topsec .spotPhoto ul li:nth-child(4n+4) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

@media (max-width: 768px) { .topsec .spotPhoto ul li { width: calc(50% - 4px); } }

.topsec .spotPhoto ul li a {
}
.topsec .spotPhoto ul li span.photo {
    padding-bottom: 65%;
    display: block;
    background-size: cover;
}
.topsec .spotPhoto ul li span.cap {
    line-height: 1.3;
	text-align: left;
	display: block;
	font-size: 15px;
	font-weight: 400;
	margin: 6px 0 0 0;
}
@media (max-width: 768px) { .topsec .spotPhoto ul li span.cap { font-size: 12px; } }
.topsec .spotPhoto ul li span.cap .setumei {
	font-size: 12px;
	margin: 3px 0 0 8px;
	display: block;
}
@media (max-width: 768px) { .topsec .spotPhoto ul li span.cap .setumei { margin: 3px 0 0 5px; } }

.topsec .spotPhoto ul li span.cap img {
width: 11px;
    height: 11px;
    margin: 1px 0 0 8px;
}

@media (max-width: 768px) { 
	.topsec .spotPhoto ul li span.cap img {
	    width: 10px;
	    height: 10px;
	}
}
.concept { position: relative; margin-bottom: 180px; }

@media (max-width: 768px) { .concept { margin-bottom: 16vw; } }

.concept.show .map { -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.concept.show .btn { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.concept .btn { margin: 0 9%; padding-left: 10px; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 768px) { .concept .btn { padding-left: 0; } }

.concept .btn a { font-size: 20px; letter-spacing: -0.04em; display: inline-block; padding: 17px 42px 18px; background: #161719; }

@media (max-width: 768px) { .concept .btn a { display: block; font-size: 18px; padding: 4vw 5vw; text-align: center; } }

.concept .btn a:hover { background: #eee; }

@media (max-width: 768px) { .concept .btn a:hover { background: #161719; } }

.concept .map { position: absolute; top: -240px; right: -150px; width: 1000px; opacity: 0; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 1.5s; transition: 1.5s; z-index: -1; }

@media (max-width: 1079px) { .concept .map { top: -120px; } }

@media (max-width: 768px) { .concept .map { width: 125vw; bottom: -14vw; top: unset; right: -12vw; } }

.concept .exp.jp { letter-spacing: 0.1em; font-family: "ゴシックMB101 R", "Gothic MB101 Regular", sans-serif; font-weight: 400; }

@media (max-width: 1079px) { .concept br.pc { display: none; } }

.things { color: #eeeeee; }

@media (max-width: 768px) { .things { margin-bottom: 17vw; } }

.things.show .sub .char { width: 740px; }

@media (max-width: 768px) { .things.show .sub .char { width: 100%; } }

.things.show .exp { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }

@media (max-width: 1079px) { .things .title { white-space: normal; line-height: 76%; } }

@media (max-width: 768px) { .things .title { line-height: 87%; } }

.things .sub { margin-bottom: 25px; }

@media (max-width: 1079px) { .things .sub { margin-top: -17px; } }

@media (max-width: 768px) { .things .sub { margin-top: -2.6vw; margin-bottom: 4vw; } }

.things .exp.en { margin-bottom: 72px; font-size: 16px; line-height: 25px; }

@media (max-width: 768px) { .things .exp.en { font-size: 15px; line-height: 150%; margin-bottom: 10vw; } }

.things .exp.jp { line-height: 28px; margin-bottom: 71px; font-family: "ゴシックMB101 R", "Gothic MB101 Regular", sans-serif; font-weight: 400; }

@media (max-width: 768px) { .things .exp.jp { line-height: 194%; margin-bottom: 10vw; } }

@media (max-width: 1079px) { .things .exp.jp br.pc { display: none; } }

.things .img { position: relative; z-index: 0; }

.things .txt { position: relative; }

.things .num { position: absolute; color: #161719; text-shadow: 1px 1px 0 rgba(132, 132, 132, 0.4), -1px -1px 0 rgba(132, 132, 132, 0.4), -1px 1px 0 rgba(132, 132, 132, 0.4), 1px -1px 0 rgba(132, 132, 132, 0.4), 0px 1px 0 rgba(132, 132, 132, 0.4), 0 -1px 0 rgba(132, 132, 132, 0.4), -1px 0 0 rgba(132, 132, 132, 0.4), 1px 0 0 rgba(132, 132, 132, 0.4); }

.things .samurai { margin: 0 4.5% 65px; }

@media (max-width: 768px) { .things .samurai { margin: 0 6% 7.5vw 8%; } }

.things .samurai.show .img { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.things .samurai.show .num { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.things .samurai.show .subj { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

.things .samurai.show .desc { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.things .samurai a:hover .img img { opacity: 0.7; -webkit-transform: scale(1.03); transform: scale(1.03); }

@media (max-width: 768px) { .things .samurai a:hover .img img { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }

.things .samurai .img { line-height: 0; overflow: hidden; opacity: 0; -webkit-transition: 1s; transition: 1s; }

.things .samurai .img img { -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.things .samurai .txt { margin: -19px 0 0 0; }

.things .samurai .num { font-size: 140px; top: -63px; left: -50px; z-index: 0; opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transition: 1.5s; transition: 1.5s; mix-blend-mode: screen; }

@media (max-width: 768px) { .things .samurai .num { font-size: 95px; top: -36px; left: -26px; } }

.things .samurai .subj { font-size: 40px; padding-left: 4px; position: relative; z-index: 1; margin-bottom: 15px; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 768px) { .things .samurai .subj { font-size: 30px; } }

.things .samurai .desc { font-size: 14px; line-height: 23px; letter-spacing: -0.01em; position: relative; z-index: 1; height: 70px; overflow: hidden; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); font-weight: 400; }

@media (max-width: 768px) { .things .samurai .desc { display: none; } }

.things .list { margin: 0 4.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 768px) { .things .list { display: block; margin: 0 8% 0 10%; } }

.things .thing { -ms-flex-preferred-size: 30.5%; flex-basis: 30.5%; margin-bottom: 59px; }

@media (max-width: 768px) { .things .thing { margin-bottom: 7.5vw; } }

.things .thing.show:nth-child(3n - 1) .img { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

@media (max-width: 768px) { .things .thing.show:nth-child(3n - 1) .img { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } }

.things .thing.show:nth-child(3n - 1) .num { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

@media (max-width: 768px) { .things .thing.show:nth-child(3n - 1) .num { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } }

.things .thing.show:nth-child(3n - 1) .subj { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

@media (max-width: 768px) { .things .thing.show:nth-child(3n - 1) .subj { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } }

.things .thing.show:nth-child(3n - 1) .desc { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.things .thing.show:nth-child(3n) .img { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

@media (max-width: 768px) { .things .thing.show:nth-child(3n) .img { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } }

.things .thing.show:nth-child(3n) .num { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

@media (max-width: 768px) { .things .thing.show:nth-child(3n) .num { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } }

.things .thing.show:nth-child(3n) .subj { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

@media (max-width: 768px) { .things .thing.show:nth-child(3n) .subj { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } }

.things .thing.show:nth-child(3n) .desc { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }

.things .thing.show .img { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.things .thing.show .num { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

.things .thing.show .subj { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

.things .thing.show .desc { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

.things .thing a:hover .img img { opacity: 0.7; -webkit-transform: scale(1.03); transform: scale(1.03); }

@media (max-width: 768px) { .things .thing a:hover .img img { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }

.things .thing .img { line-height: 0; overflow: hidden; opacity: 0; -webkit-transition: 1s; transition: 1s; }

.things .thing .img img { -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.things .thing .txt { margin: -19px 0 0 0; }

@media (max-width: 1079px) { .things .thing .txt { margin-top: -12px; } }

@media (max-width: 768px) { .things .thing .txt { margin-top: -17px; } }

.things .thing .num { font-size: 106px; mix-blend-mode: screen; top: -36px; left: -31px; z-index: 1; letter-spacing: -0.15em; opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transition: 1.5s; transition: 1.5s; }

@media (max-width: 768px) { .things .thing .num { font-size: 95px; top: -36px; left: -26px; } }

.things .thing .subj { font-size: 30px; letter-spacing: -0.04em; position: relative; z-index: 2; margin-bottom: 12px; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 1079px) { .things .thing .subj { font-size: 22px; } }

@media (max-width: 768px) { .things .thing .subj { font-size: 30px; } }

.things .thing .desc { font-size: 14px; line-height: 23px; letter-spacing: -0.01em; text-align: left; height: 70px; overflow: hidden; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); font-weight: 400; }

@media (max-width: 768px) { .things .thing .desc { display: none; } }

_:-ms-lang(x), .things .num { text-shadow: 1px 1px 0 #848484, -1px -1px 0 #848484, -1px 1px 0 #848484, 1px -1px 0 #848484, 0px 1px 0 #848484, 0 -1px 0 #848484, -1px 0 0 #848484, 1px 0 0 #848484; }

_:-ms-lang(x), .things .show.thing .num { opacity: 0.6; }

_:-ms-lang(x), .things .thing .desc { position: relative; z-index: 2; }

.channel { margin-bottom: 125px; }

@media (max-width: 768px) { .channel { margin-bottom: 13vw; } }

.channel.show .exp { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }

.channel .title { text-align: right; }

@media (max-width: 768px) { .channel .title { text-align: left; } }

.channel .sub { margin-top: -34px; margin-bottom: 11px; }

@media (max-width: 768px) { .channel .sub { margin: -3.9vw 6% 3.5vw; } }

.channel .exp.en { font-size: 16px; line-height: 25px; margin-bottom: 56px; }

@media (max-width: 768px) { .channel .exp.en { font-size: 15px; line-height: 150%; margin-bottom: 8vw; } }

.channel .exp.jp { font-family: "ゴシックMB101 M", "Gothic MB101", sans-serif; margin-bottom: 7vw; }

.channel .con { margin: 0 9%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 768px) { .channel .con { display: block; } }

.channel .con.show .img img { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.channel .con.show .txt .inlogo { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

.channel .con.show .txt .desc { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.channel .con.show .txt .btn { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

.channel .con .img { -ms-flex-preferred-size: 66.5%; flex-basis: 66.5%; line-height: 0; overflow: hidden; }

.channel .con .img img { -webkit-transition: 1.5s; transition: 1.5s; opacity: 0; -webkit-transform: scale(1.02); transform: scale(1.02); }

.channel .con .txt { -ms-flex-preferred-size: 25%; flex-basis: 25%; position: relative; }

.channel .con .txt .txt-con { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 768px) { .channel .con .txt .txt-con { position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

.channel .con .txt .inlogo { width: 83%; margin-bottom: 30px; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 1079px) { .channel .con .txt .inlogo { display: none; } }

@media (max-width: 768px) { .channel .con .txt .inlogo { display: block; margin: 7vw auto 6vw; } }

.channel .con .txt .desc { font-size: 13px; line-height: 23px; letter-spacing: -0.01em; margin-bottom: 40px; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); font-weight: 400; }

@media (max-width: 768px) { .channel .con .txt .desc { line-height: 195%; margin-bottom: 5vw; display: none; } }

.channel .con .txt .btn { text-align: center; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.channel .con .txt .btn a { font-size: 17px; letter-spacing: -0.04em; display: block; padding: 13px 10px 13px; }

@media (max-width: 768px) { .channel .con .txt .btn a { font-size: 18px; padding: 4vw 5vw; } }

.photos { margin-bottom: 50px; }

@media (max-width: 768px) { .photos { margin-bottom: 13.5vw; } }

.photos.show .sub .char { width: 500px; }

@media (max-width: 768px) { .photos.show .sub .char { width: 100%; } }

.photos.show .exp.jp { -webkit-transition-delay: 1s; transition-delay: 1s; }

.photos.show .btn { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1.3s; transition-delay: 1.3s; }

.photos .titles { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 9%; }

@media (max-width: 1079px) { .photos .titles { display: block; } }

.photos .txts { -ms-flex-preferred-size: calc(100% - 250px); flex-basis: calc(100% - 250px); }

.photos .sub { margin-top: -33px; margin-bottom: 11px; }

@media (max-width: 768px) { .photos .sub { margin-top: -3.5px; margin-bottom: 3.5vw; margin-right: 0; padding-left: 4px; padding-left: 1vw; } }

.photos .exp.en { margin-right: 0; font-size: 16px; line-height: 25px; margin-bottom: 60px; }

@media (max-width: 1079px) { .photos .exp.en { margin-bottom: 25px; } }

@media (max-width: 768px) { .photos .exp.en { font-size: 15px; line-height: 150%; margin-bottom: 8vw; } }

.photos .btn { -ms-flex-preferred-size: 250px; flex-basis: 250px; text-align: center; position: relative; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 1079px) { .photos .btn { text-align: left; margin: 0 0 45px 10%; } }

@media (max-width: 768px) { .photos .btn { margin: 8vw 9% 0; } }

.photos .btn a { font-size: 17px; letter-spacing: -0.04em; display: block; padding: 13px 30px 13px; position: absolute; right: 0; bottom: 65px; }

@media (max-width: 1079px) { .photos .btn a { position: static; display: inline-block; } }

@media (max-width: 768px) { .photos .btn a { display: block; font-size: 18px; padding: 4vw 5vw; text-align: center; } }

.photos .slider-cov { opacity: 0; -webkit-transform: scale(1.02); transform: scale(1.02); -webkit-transition: 1.5s; transition: 1.5s; }

.photos .slider-cov.show { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.sounds { margin-bottom: 112px; }

@media (max-width: 768px) { .sounds { margin-bottom: 13vw; } }

.sounds.show .sub .char { width: 500px; }

@media (max-width: 768px) { .sounds.show .sub .char { width: 60%; } }

.sounds.show .exp.jp { -webkit-transition-delay: 1s; transition-delay: 1s; }

.sounds.show .btn { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.sounds .titles { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 9%; }

@media (max-width: 1079px) { .sounds .titles { display: block; } }

.sounds .txts { -ms-flex-preferred-size: calc(100% - 250px); flex-basis: calc(100% - 250px); }

.sounds .sub { margin-top: -33px; margin-bottom: 11px; }

@media (max-width: 768px) { .sounds .sub { margin: -12px 6% 4vw; } }

.sounds .exp.en { margin-right: 0; font-size: 16px; line-height: 25px; margin-bottom: 60px; }

@media (max-width: 1079px) { .sounds .exp.en { margin-bottom: 25px; } }

@media (max-width: 768px) { .sounds .exp.en { font-size: 15px; line-height: 150%; margin-bottom: 7vw; } }

.sounds .btn { -ms-flex-preferred-size: 250px; flex-basis: 250px; text-align: center; position: relative; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 1079px) { .sounds .btn { text-align: left; margin: 0 0 45px 10%; } }

@media (max-width: 768px) { .sounds .btn { margin: 8vw 9% 0; } }

.sounds .btn a { font-size: 17px; letter-spacing: -0.04em; display: block; padding: 13px 27px 13px; position: absolute; right: 0; bottom: 65px; }

@media (max-width: 1079px) { .sounds .btn a { position: static; display: inline-block; } }

@media (max-width: 768px) { .sounds .btn a { display: block; font-size: 18px; padding: 4vw 5vw; text-align: center; } }

.sounds .sound { margin: 0 7%; opacity: 0; -webkit-transform: scale(1.02); transform: scale(1.02); -webkit-transition: 1.5s; transition: 1.5s; }

@media (max-width: 768px) { .sounds .sound { margin: 0 8.5%; } }

.sounds .sound.show { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

.sounds .sound iframe { width: 100%; }

@media (max-width: 768px) { .sounds .sound iframe { height: 118px; } }

.location { margin-bottom: 100px; }
.location .show .sub .char { width: 245px; }
.location .title { text-align: center; }
.location .sub { text-align: right; margin: -28px 13% 60px; }
.location .sub .char { margin-left: auto; }
.location .img { /* margin: 0 12% 56px; */ opacity: 0; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: 1.5s; transition: 1.5s; }
.location .img.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.location .list { /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 12% 60px; */ }
.location .list.show li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }
.location .list.show li:nth-child(4n - 2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.location .list.show li:nth-child(4n - 1) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.location .list.show li:nth-child(4n) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.location .list li { -ms-flex-preferred-size: 22%; flex-basis: 22%; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
.location .list li a { display: block; letter-spacing: -0.01em; position: relative; padding: 22px 2px; }
.location .list li a:hover { opacity: 0.75; }
.location .list li a:hover::before { -webkit-animation: btnBd 0.5s ease-in-out 1; animation: btnBd 0.5s ease-in-out 1; }
.location .list li a:hover span { -webkit-transform: translateX(5px); transform: translateX(5px); }
.location .list li a::before { position: absolute; content: ""; background: #eee; width: 100%; height: 2px; top: 0; left: 0; }
.location .list li a span { -webkit-transition: 0.2s; transition: 0.2s; }
.location .list li a .from { font-size: 18px; display: block; font-weight: 400; margin-bottom: 4px; }
.location .list li a .place { font-size: 25px; display: block; margin-bottom: 8px; }
.location .list li a .by { font-size: 18px; display: block; font-weight: 400; }
.location .ssg { margin: 0 calc(50% - 480px); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.location .ssg a { display: inline-block; border: 2px solid #fff; letter-spacing: -0.01em; margin: 5px; padding: 20px 0; -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; color: #fff; width: 32%; text-align: center; }
.location .ssg a:hover { -webkit-transform: scale(1.025); transform: scale(1.025); background: #fff; color: #161719; }
.location .ssg a .char { font-size: 29px; display: block; margin-bottom: 9px; }
.location .ssg a .prefs { font-size: 18px; font-weight: 400; display: block; }
.location .mapBlock {
	display: flex;
	justify-content: space-between;
	margin: 0 12% 56px;
}
.location .mapBlock .img {
	width: 75%;
}
.location .mapBlock .list {
	width: calc(25% - 20px);
}

@media (max-width: 768px) {
	.location { margin-bottom: 15vw; }
	.location .show .sub .char { width: 60%; }
	.location .sub { margin: -14px 16% 5vw; text-align: left; }
	.location .sub .char { margin: 0; }
	.location .img { margin: 0 0 5.5vw; height: 93vw; overflow: hidden; }
	.location .img img { width: 213%; -webkit-transform: translateX(-40%); transform: translateX(-40%); }
	.location .list { display: block; margin: 0 10% 8vw; }
	.location .list li { margin-bottom: 4.2vw; }
	.location .list li a { border: 2px solid #eee; text-align: center; padding: 3.5vw 5vw 1.8vw; }
	.location .list li a:hover { opacity: 1; }
	.location .list li a:hover::before { -webkit-animation: none; animation: none; }
	.location .list li a:hover span { -webkit-transform: translateX(0); transform: translateX(0); }
	.location .list li a::before { display: none; }
	.location .list li a .from { font-size: 16px; display: inline-block; }
	.location .list li a .place { font-size: 21px; display: inline-block; }
	.location .list li a .by { font-size: 16px; display: inline-block; }
	.location .ssg { margin: 9vw 10%; display: block; }
	.location .ssg a { border: 0; background: #2c2e32; padding: 5vw; display: block; width: auto; }
	.location .ssg a:hover { -webkit-transform: scale(1); transform: scale(1); background: #2c2e32; color: #fff; }
	.location .ssg a .char { font-size: 21px; margin-bottom: 2vw; }
	.location .ssg a .prefs { font-size: 14px; }
	.location .mapBlock {
		display: inherit;
		margin: 0 0 4vw;
	}
	.location .mapBlock .img {
		width: 100%;
	}
	.location .mapBlock .img img {
		width: 100%;
		transform: none;
	}
	.location .mapBlock .list {
		width: auto;
	}
	.location .mapBlock .list li {
		margin-bottom: 1.2vw;
	}
}

@-webkit-keyframes btnBd {
   0% { width: 100%; right: 0; left: unset; }
  39% { width: 0; }
  59% { width: 0; right: 0; }
  75% { width: 0; right: unset; left: 0; }
  75% { width: 0; }
  100% { width: 100%; left: 0; right: unset; }
}

@keyframes btnBd {
  0% { width: 100%; right: 0; left: unset; }
  39% { width: 0; }
  59% { width: 0; right: 0; }
  75% { width: 0; right: unset; left: 0; }
  75% { width: 0; }
  100% { width: 100%; left: 0; right: unset; }
}

footer { background: #000; padding: 100px 12% 0; }

@media (max-width: 768px) { footer { padding: 12vw 10% 0; } }

footer .hotels { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 90px; }

@media (max-width: 1079px) { footer .hotels { display: block; } }

@media (max-width: 768px) { footer .hotels { margin-bottom: 11vw; } }

footer .hotels .title { font-size: 60px; letter-spacing: -0.01em; -ms-flex-preferred-size: 250px; flex-basis: 250px; text-align: left; font-weight: 400; margin: 0; color: #fff; text-shadow: none; }

@media (max-width: 1079px) { footer .hotels .title { text-align: center; margin-bottom: 40px; } }

@media (max-width: 768px) { footer .hotels .title { font-size: 57px; } }

footer .hotels ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-preferred-size: calc(100% - 250px - 4vw); flex-basis: calc(100% - 250px - 4vw); }

@media (max-width: 768px) { footer .hotels ul { display: block; } }

footer .hotels ul.show li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

footer .hotels ul li { -ms-flex-preferred-size: 31%; flex-basis: 31%; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 768px) { footer .hotels ul li { margin-bottom: 4vw; } }

footer .hotels ul li:nth-child(1) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

footer .hotels ul li:nth-child(1) svg { width: 116px; }

@media (max-width: 768px) { footer .hotels ul li:nth-child(1) svg { width: 35vw; } }

footer .hotels ul li:nth-child(2) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

footer .hotels ul li:nth-child(2) svg { width: 131px; }

@media (max-width: 768px) { footer .hotels ul li:nth-child(2) svg { width: 42vw; } }

footer .hotels ul li:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

footer .hotels ul li:nth-child(3) svg { width: 150px; }

@media (max-width: 768px) { footer .hotels ul li:nth-child(3) svg { width: 47vw; } }

footer .hotels ul li a { display: block; border: 1px solid #fff; position: relative; height: 62px; -webkit-transition: 0.2s; transition: 0.2s; }

@media (max-width: 768px) { footer .hotels ul li a { height: 19vw; } }

footer .hotels ul li a:hover { background: #fff; -webkit-transform: scale(1.05); transform: scale(1.05); }

@media (max-width: 768px) { footer .hotels ul li a:hover { background: #000; -webkit-transform: scale(1); transform: scale(1); } }

footer .hotels ul li a:hover svg path { fill: #000; }

@media (max-width: 768px) { footer .hotels ul li a:hover svg path { fill: #fff; } }

footer .hotels ul li a svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

footer .hotels ul li a svg path { fill: #fff; }

footer .produce { background: #fff; color: #000; /* padding: 60px 0 75px; */ padding: 30px 0; }

@media (max-width: 768px) { footer .produce { padding: 40px 0; /* padding: 13vw 0 10vw; */ } }

footer .produce .title { font-size: 20px; /* font-size: 40px; */ letter-spacing: -0.04em; margin-bottom: 20px; /* margin-bottom: 40px; */ }

@media (max-width: 768px) { footer .produce .title { font-size: 25px; /* margin-bottom: 9.5vw; */ } }

footer .produce .list { /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 382px; */ margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

@media (max-width: 768px) { footer .produce .list { display: block; width: auto; } }

footer .produce .list li { /* height: 110px; position: relative; */ line-height: 1.8; }

@media (max-width: 768px) { footer .produce .list li { height: auto; margin-bottom: 8vw; } }

footer .produce .list li:nth-child(1) { /* -ms-flex-preferred-size: 74px; flex-basis: 74px; */ }

@media (max-width: 768px) { footer .produce .list li:nth-child(1) img { width: 23vw;} }

footer .produce .list li:nth-child(2) { /* -ms-flex-preferred-size: 124px; flex-basis: 124px; */ }

@media (max-width: 768px) { footer .produce .list li:nth-child(2) { /* margin-bottom: 9vw; */ } }

@media (max-width: 768px) { footer .produce .list li:nth-child(2) img { width: 38vw; } }

footer .produce .list li:nth-child(3) { /* -ms-flex-preferred-size: 80px; flex-basis: 80px; */ }

@media (max-width: 768px) { footer .produce .list li:nth-child(3) img { width: 25vw; } }

footer .produce .list li img {
    width: 80px;
    display: block;
    margin: 0 auto 5px;
 /* position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); */
}
footer .produce .list li:nth-child(1) img { width: 55px; }
footer .produce .list li:nth-child(2) img { width: 114px; }
footer .produce .list li:nth-child(3) img { width: 83px; }

@media (max-width: 768px) { footer .produce .list li img { position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

footer .copy { font-size: 15px; letter-spacing: -0.01em; font-weight: 400; padding: 80px 0 100px; }

@media (max-width: 768px) { footer .copy { padding: 40px 0; } }

@media (max-width: 768px) { .subpage.gastronomy .toptxts .title { font-size: 12.5vw; } }

.subpage .showcase { margin-bottom: 40px; }

@media (max-width: 768px) { .subpage .showcase { margin-bottom: 10vw; } }

.subpage .toptxts .title { text-align: center; line-height: 95px; white-space: normal; }

@media (max-width: 768px) { .subpage .toptxts .title { line-height: 80%; } }

.subpage .toptxts .exp.en { text-align: center; margin-top: -7px; z-index: 1; position: relative; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; margin-bottom: 70px; }

@media (max-width: 768px) { .subpage .toptxts .exp.en { margin-top: 5vw; line-height: 160%; text-align: left; margin-bottom: 10vw; } }

.subpage .subpage-content { width: 75%; margin: 0 auto 160px; }

@media (max-width: 768px) { .subpage .subpage-content { width: auto; margin: 0 0 0 8%; } }

.subpage .subpage-content .title { font-size: 40px; letter-spacing: -0.04em; color: #eee; text-shadow: none; text-align: center; margin: 0 1% 50px; }

@media (max-width: 768px) {
// .subpage .subpage-content .title { display: none;}
}

.subpage .subpage-content2 { width: 75%; margin: 0 auto 160px; }

@media (max-width: 768px) { .subpage .subpage-content2 { width: auto; margin: 0 3% 0 3%; } }

.subpage .subpage-content2 .title { font-size: 40px; letter-spacing: -0.04em; color: #eee; text-shadow: none; text-align: center; margin: 0 1% 50px; }

.subpage .subpage-content .yt { margin-bottom: 0px; }

@media (max-width: 768px) { .subpage .subpage-content .yt { margin-bottom: 0px; } }

.yt { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; }

.yt:hover::before { -webkit-transform: translate(-50%, -50%) scale(1.07); transform: translate(-50%, -50%) scale(1.07); }

@media (max-width: 768px) { .yt:hover::before { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } }

.yt::before { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 43px 0 43px 84px; border-color: transparent transparent transparent #ffffff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; pointer-events: none; -webkit-transition: 0.45s; transition: 0.45s; }

@media (max-width: 768px) { .yt::before { border-width: 28px 0 29px 54px; } }

.yt::after { position: absolute; content: ""; background: #000; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.2; pointer-events: none; }

.yt iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; z-index: 10; }

.yt img { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; -webkit-transition: 0.2s; transition: 0.2s; }

.yt img:hover { opacity: 0.7; -webkit-transform: scale(1.03); transform: scale(1.03); }

@media (max-width: 768px) { .yt img:hover { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }

.subpage .subpage-content .yt2 { margin-bottom: 67px; }

@media (max-width: 768px) { .subpage .subpage-content .yt2 { margin-bottom: 8vw; } }

.yt2 .subjs { letter-spacing: -0.04em; margin: 10px 10px 6px; text-align: left; }

@media (max-width: 768px) { .yt2 .subjs { display: block; } }

.yt2 .subjs .subj { font-size: 25px; font-weight: 600; }

@media (max-width: 768px) { .yt2 .subjs .subj { font-size: 19px; } }

.yt2 .exp { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; font-size: 14px; line-height: 23px; letter-spacing: -0.01em; font-weight: 400; margin: 0 10px; padding: 0; text-align: left; }

@media (max-width: 768px) { .yt2 .exp { font-size: 13px; line-height: 150%; } }

@media (max-width: 768px) { .subpage.sounds-page .toptxts .title { text-align: left; } }

@media (max-width: 768px) { .subpage.sounds-page .toptxts .exp.en { margin-top: -3vw; } }

.subpage.sounds-page .subpage-content { margin-bottom: 70px; position: relative; }

@media (max-width: 768px) { .subpage.sounds-page .subpage-content { margin-bottom: 9vw; } }

.subpage.sounds-page .subpage-content.show .image img { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

@media (max-width: 768px) { .subpage.sounds-page .subpage-content.show .image img { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } }

.subpage.sounds-page .subpage-content.show .sound { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

.subpage.sounds-page .subpage-content.last-child { margin-bottom: 160px; }

@media (max-width: 768px) { .subpage.sounds-page .subpage-content.last-child { margin-bottom: 15%; } }

.subpage.sounds-page .subpage-content .title { margin-bottom: 35px; text-align: left; }

@media (max-width: 768px) { .subpage.sounds-page .subpage-content .title { display: block; text-align: left; font-size: 26px; margin: 0 0 5.5vw; } }

.subpage.sounds-page .subpage-content .image { overflow: hidden; }

@media (max-width: 768px) { .subpage.sounds-page .subpage-content .image { position: relative; overflow: hidden; height: 44vw; } }

.subpage.sounds-page .subpage-content .image img { -webkit-transition: 1.5s; transition: 1.5s; opacity: 0; -webkit-transform: scale(1.03); transform: scale(1.03); }

@media (max-width: 768px) { .subpage.sounds-page .subpage-content .image img { position: absolute; left: 50%; top: 50%; -webkit-transform: scale(1.05) translate(-50%, -50%); transform: scale(1.05) translate(-50%, -50%); width: 130%; } }

.subpage.sounds-page .subpage-content .download { position: absolute; top: 0; right: 0; z-index: 1; }

@media (max-width: 768px) { .subpage.sounds-page .subpage-content .download { position: static; margin: 5vw 10% 5vw 0; } }

.subpage.sounds-page .subpage-content .download a { display: inline-block; border: 1px solid #fff; font-weight: 400; letter-spacing: -0.04em; font-size: 20px; padding: 9px 56px; -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media (max-width: 768px) { .subpage.sounds-page .subpage-content .download a { display: block; text-align: center; padding: 3vw 5vw; } }

.subpage.sounds-page .subpage-content .download a:hover { border: 1px solid #eee; background: #eee; color: #161719; -webkit-transform: scale(1.03); transform: scale(1.03); }

@media (max-width: 768px) { .subpage.sounds-page .subpage-content .download a:hover { border: 1px solid #fff; background: transparent; color: #eee; -webkit-transform: scale(1); transform: scale(1); } }

.subpage.sounds-page .subpage-content .download a:hover .ico::before { background: #161719; }

@media (max-width: 768px) { .subpage.sounds-page .subpage-content .download a:hover .ico::before { background: #fff; } }

.subpage.sounds-page .subpage-content .download a:hover .ico .arw { background: #161719; bottom: 3px; }

@media (max-width: 768px) { .subpage.sounds-page .subpage-content .download a:hover .ico .arw { bottom: 4px; background: #fff; } }

.subpage.sounds-page .subpage-content .download a:hover .ico .arw::before, .subpage.sounds-page .subpage-content .download a:hover .ico .arw::after { background: #161719; }

@media (max-width: 768px) { .subpage.sounds-page .subpage-content .download a:hover .ico .arw::before, .subpage.sounds-page .subpage-content .download a:hover .ico .arw::after { background: #fff; } }

.subpage.sounds-page .subpage-content .download .ico { display: inline-block; width: 15px; height: 15px; position: relative; margin-right: 7px; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.subpage.sounds-page .subpage-content .download .ico::before { position: absolute; content: ""; background: #fff; width: 100%; height: 1px; left: 0; bottom: 0; -webkit-transition: 0.2s; transition: 0.2s; }

.subpage.sounds-page .subpage-content .download .arw { position: absolute; background: #fff; width: 1px; height: 11px; left: calc(50% - 0.5px); bottom: 4px; -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.subpage.sounds-page .subpage-content .download .arw::before, .subpage.sounds-page .subpage-content .download .arw::after { position: absolute; content: ""; background: #fff; width: 1px; height: 6px; bottom: 0; -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.subpage.sounds-page .subpage-content .download .arw::before { -webkit-transform: translate(1.8px, 1.1px) rotate(45deg); transform: translate(1.8px, 1.1px) rotate(45deg); }

.subpage.sounds-page .subpage-content .download .arw::after { -webkit-transform: translate(-1.8px, 1.1px) rotate(-45deg); transform: translate(-1.8px, 1.1px) rotate(-45deg); }

.subpage.sounds-page .sound { padding: 0 10%; margin-top: -83px; position: relative; opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

@media (max-width: 768px) { .subpage.sounds-page .sound { z-index: 1; padding: 0 10% 0 0; margin-top: -10vw; } }

.subpage.sounds-page .sound iframe { width: 100%; }

@media (max-width: 768px) { .subpage.sounds-page .sound iframe { height: 116px; } }

.photos-page.photos-sub::after { width: 0; }

.photos-page.photos-sub header .logo { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

.photos-page.photos-sub .menu .parents > li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.photos-page .photos-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 768px) { .photos-page .photos-content { display: block; } }

.photos-page .nav-cat { padding: 0 58px; text-align: left; margin-top: 190px; }

@media (max-width: 768px) { .photos-page .nav-cat { margin: 0 6%; text-align: center; margin-top: 0; border-top: 2px solid #eee; border-bottom: 2px solid #eee; padding: 0; } }

.photos-page .nav-cat .parent-li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.photos-page .nav-cat .parent-li:last-child { border-bottom: none; }

.photos-page .nav-cat .pref-name { font-size: 21px; letter-spacing: -0.02em; font-weight: 600; display: block; position: relative; padding: 20px 40px 20px 0; cursor: pointer; }

@media (max-width: 768px) { .photos-page .nav-cat .pref-name { font-size: 17px; padding: 3.8vw 5vw 3.6vw; } }

.photos-page .nav-cat .pref-name.show .ico::before { width: 0; -webkit-transform: rotate(90deg) translate(0, -5.5px) !important; transform: rotate(90deg) translate(0, -5.5px) !important; }

@media (max-width: 768px) { .photos-page .nav-cat .pref-name.show .ico::before { -webkit-transform: rotate(0) translate(0, 0) !important; transform: rotate(0) translate(0, 0) !important; width: 11px; } }

.photos-page .nav-cat .pref-name.show .ico::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media (max-width: 768px) { .photos-page .nav-cat .pref-name.show .ico::after { -webkit-transform: rotate(90deg) translate(0px, -4.8px) !important; transform: rotate(90deg) translate(0px, -4.8px) !important; width: 0; } }

.photos-page .nav-cat .pref-name:hover .ico::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

@media (max-width: 768px) { .photos-page .nav-cat .pref-name:hover .ico::before { -webkit-transform: rotate(0); transform: rotate(0); } }

.photos-page .nav-cat .pref-name:hover .ico::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media (max-width: 768px) { .photos-page .nav-cat .pref-name:hover .ico::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } }

.photos-page .nav-cat .pref-name .ico { position: absolute; right: 4px; top: 50%; width: 22px; height: 22px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.photos-page .nav-cat .pref-name .ico::before, .photos-page .nav-cat .pref-name .ico::after { position: absolute; content: ""; background: #eee; width: 12px; height: 2px; top: 50%; left: 50%; -webkit-transition: 0.2s; transition: 0.2s; }

@media (max-width: 768px) { .photos-page .nav-cat .pref-name .ico::before, .photos-page .nav-cat .pref-name .ico::after { width: 11px; height: 1px; } }

.photos-page .nav-cat .pref-name .ico::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.photos-page .nav-cat .child { overflow: hidden; height: 0; margin-bottom: 0; opacity: 0; -webkit-transition: 0.4s; transition: 0.4s; }

.photos-page .nav-cat .child.show { height: auto; margin-bottom: 30px; opacity: 1; }

@media (max-width: 768px) { .photos-page .nav-cat .child.show { margin-bottom: 5vw; } }

.photos-page .nav-cat .child li { font-size: 16px; letter-spacing: -0.02em; line-height: 18px; padding: 5px 0px; cursor: pointer; }

@media (max-width: 768px) { .photos-page .nav-cat .child li { font-size: 15px; line-height: 170%; padding: 0; } }

.photos-page .nav-cat .child li.active a { color: #999; /* color: #161719; text-shadow: 1px 1px 0 rgba(132, 132, 132, 0.4), -1px -1px 0 rgba(132, 132, 132, 0.4), -1px 1px 0 rgba(132, 132, 132, 0.4), 1px -1px 0 rgba(132, 132, 132, 0.4), 0px 1px 0 rgba(132, 132, 132, 0.4), 0 -1px 0 rgba(132, 132, 132, 0.4), -1px 0 0 rgba(132, 132, 132, 0.4), 1px 0 0 rgba(132, 132, 132, 0.4); */ }

.photos-page .nav-cat .child li .char { -webkit-transition: 0.2s; transition: 0.2s; display: block; }

.photos-page .nav-cat .child li .char:hover { color: #161719; text-shadow: 1px 1px 0 rgba(132, 132, 132, 0.4), -1px -1px 0 rgba(132, 132, 132, 0.4), -1px 1px 0 rgba(132, 132, 132, 0.4), 1px -1px 0 rgba(132, 132, 132, 0.4), 0px 1px 0 rgba(132, 132, 132, 0.4), 0 -1px 0 rgba(132, 132, 132, 0.4), -1px 0 0 rgba(132, 132, 132, 0.4), 1px 0 0 rgba(132, 132, 132, 0.4); }

@media (max-width: 768px) { .photos-page .nav-cat .child li .char:hover { color: #eee; text-shadow: none; } }

.galleries { -ms-flex-preferred-size: calc(100% - 300px); flex-basis: calc(100% - 300px); }

@media (max-width: 768px) { .galleries { margin: 4%; } }

.galleries.cat-all .gl-all { display: block; }

.galleries.cat-fksmall .gl-fksmall { display: block; }

.galleries.cat-aizu .gl-aizu { display: block; }

.galleries.cat-azuma .gl-azuma { display: block; }

.galleries.cat-enzoji .gl-enzoji { display: block; }

.galleries.cat-hibara .gl-hibara { display: block; }

.galleries.cat-nihonmatsu .gl-nihonmatsu { display: block; }

.galleries.cat-ouchijuku .gl-ouchijuku { display: block; }

.galleries.cat-shinobuyama .gl-shinobuyama { display: block; }

.galleries.cat-tadamikawa .gl-tadamikawa { display: block; }

.galleries.cat-urabandai .gl-urabandai { display: block; }

.galleries.cat-ibrkall .gl-ibrkall { display: block; }

.galleries.cat-kashima-jingu .gl-kashima-jingu { display: block; }

.galleries.cat-isosakijinja .gl-isosakijinja { display: block; }

.galleries.cat-hitachinaka .gl-hitachinaka { display: block; }

.galleries.cat-ushiku .gl-ushiku { display: block; }

.galleries.cat-tcgall .gl-tcgall { display: block; }

.galleries.cat-nikko0 .gl-nikko0 { display: block; }

.galleries.cat-nikko-edo-village .gl-nikko-edo-village { display: block; }

.gallery { display: none; }

.photos .photo { width: 300px; height: 350px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (max-width: 768px) { .photos .photo { width: 170px; height: 200px; padding: 2vw; } }

.photos .photo:nth-child(2), .photos .photo:nth-child(10n + 2), .photos .photo:nth-child(6), .photos .photo:nth-child(10n + 6), .photos .photo:nth-child(7), .photos .photo:nth-child(10n + 7), .photos .photo:nth-child(9), .photos .photo:nth-child(10n + 9) { height: 222px; }

@media (max-width: 768px) { .photos .photo:nth-child(2), .photos .photo:nth-child(10n + 2), .photos .photo:nth-child(6), .photos .photo:nth-child(10n + 6), .photos .photo:nth-child(7), .photos .photo:nth-child(10n + 7), .photos .photo:nth-child(9), .photos .photo:nth-child(10n + 9) { height: 120px; } }

.photos .photo:nth-child(2) img, .photos .photo:nth-child(10n + 2) img, .photos .photo:nth-child(6) img, .photos .photo:nth-child(10n + 6) img, .photos .photo:nth-child(7) img, .photos .photo:nth-child(10n + 7) img, .photos .photo:nth-child(9) img, .photos .photo:nth-child(10n + 9) img { -webkit-transform: scale(1.2); transform: scale(1.2); }

.photos .photo:nth-child(3), .photos .photo:nth-child(10n + 3), .photos .photo:nth-child(4), .photos .photo:nth-child(10n + 4) { height: 270px; }

@media (max-width: 768px) { .photos .photo:nth-child(3), .photos .photo:nth-child(10n + 3), .photos .photo:nth-child(4), .photos .photo:nth-child(10n + 4) { height: 170px; } }

.photos .photo:nth-child(3) img, .photos .photo:nth-child(10n + 3) img, .photos .photo:nth-child(4) img, .photos .photo:nth-child(10n + 4) img { -webkit-transform: scale(1.7); transform: scale(1.7); }

@media (max-width: 768px) { .photos .photo:nth-child(3) img, .photos .photo:nth-child(10n + 3) img, .photos .photo:nth-child(4) img, .photos .photo:nth-child(10n + 4) img { -webkit-transform: scale(2); transform: scale(2); } }

.photos .photo a { display: block; height: 100%; overflow: hidden; }

.photos .photo img { -webkit-transform: scale(2.6); transform: scale(2.6); }

.fancybox-container .fancybox-button { width: 150px; height: 150px; background: transparent; }

@media (max-width: 768px) { .fancybox-container .fancybox-button { width: 70px; } }

.fancybox-container .fancybox-button::before, .fancybox-container .fancybox-button::after { position: absolute; content: ""; background: #fff; width: 50px; height: 1px; top: 50%; }

.fancybox-container .fancybox-button.fancybox-button--arrow_right::before, .fancybox-container .fancybox-button.fancybox-button--arrow_right::after { right: 50%; }

.fancybox-container .fancybox-button.fancybox-button--arrow_right::before { -webkit-transform: rotate(45deg) translate(-5px, -20px); transform: rotate(45deg) translate(-5px, -20px); }

@media (max-width: 768px) { .fancybox-container .fancybox-button.fancybox-button--arrow_right::before { -webkit-transform: rotate(45deg) translate(0px, -25px); transform: rotate(45deg) translate(0px, -25px); } }

.fancybox-container .fancybox-button.fancybox-button--arrow_right::after { -webkit-transform: rotate(-45deg) translate(-5px, 20px); transform: rotate(-45deg) translate(-5px, 20px); }

@media (max-width: 768px) { .fancybox-container .fancybox-button.fancybox-button--arrow_right::after { -webkit-transform: rotate(-45deg) translate(0, 25px); transform: rotate(-45deg) translate(0, 25px); } }

.fancybox-container .fancybox-button.fancybox-button--arrow_left { -webkit-transform: translateX(-15px); transform: translateX(-15px); }

.fancybox-container .fancybox-button.fancybox-button--arrow_left::before, .fancybox-container .fancybox-button.fancybox-button--arrow_left::after { left: 50%; }

.fancybox-container .fancybox-button.fancybox-button--arrow_left::before { -webkit-transform: rotate(-45deg) translate(20px, -5px); transform: rotate(-45deg) translate(20px, -5px); }

@media (max-width: 768px) { .fancybox-container .fancybox-button.fancybox-button--arrow_left::before { -webkit-transform: rotate(-45deg) translate(0, -25px); transform: rotate(-45deg) translate(0, -25px); } }

.fancybox-container .fancybox-button.fancybox-button--arrow_left::after { -webkit-transform: rotate(45deg) translate(20px, 5px); transform: rotate(45deg) translate(20px, 5px); }

@media (max-width: 768px) { .fancybox-container .fancybox-button.fancybox-button--arrow_left::after { -webkit-transform: rotate(45deg) translate(0px, 25px); transform: rotate(45deg) translate(0px, 25px); } }

.fancybox-container .fancybox-button svg { opacity: 0; }

.fancybox-container .fancybox-infobar { font-size: 60px; color: #fff; letter-spacing: -0.01em; color: #161719; top: 2vw; left: 2vw; text-shadow: 1px 1px 0 #848484, -1px -1px 0 #848484, -1px 1px 0 #848484, 1px -1px 0 #848484, 0px 1px 0 #848484, 0 -1px 0 #848484, -1px 0 0 #848484, 1px 0 0 #848484; opacity: 0.6; }

@media (max-width: 768px) { .fancybox-container .fancybox-infobar { top: 5vw; left: 3vw; } }

.fancybox-container .fancybox-button--zoom, .fancybox-container .fancybox-button--thumbs, .fancybox-container .fancybox-button--play { display: none !important; }

.fancybox-container .fancybox-button { width: 85px; height: 85px; padding: 20px; }

.fancybox-container .fancybox-toolbar { right: 2vw; top: 2vw; }

.fancybox-container .fancybox-button--close { position: relative; }

.fancybox-container .fancybox-button--close::before, .fancybox-container .fancybox-button--close::after { position: absolute; content: ""; background: #fff; width: 69px; height: 1px; top: 50%; left: 0; }

.fancybox-container .fancybox-button--close::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.fancybox-container .fancybox-button--close::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.fancybox-container .fancybox-button--close svg { opacity: 0; }

.videos-page .showcase { margin-bottom: 90px; }

@media (max-width: 768px) { .videos-page .showcase { margin-bottom: 6vw; } }

.showcase .subjs { letter-spacing: -0.04em; margin: 10px 10px 6px; text-align: left; }

@media (max-width: 768px) { .showcase .subjs { display: block; } }

.showcase .subjs .subj { font-size: 25px; font-weight: 600; }

@media (max-width: 768px) { .showcase .subjs .subj { font-size: 19px; } }

.showcase .exp { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; font-size: 14px; line-height: 23px; letter-spacing: -0.01em; font-weight: 400; margin: 0 10px; padding: 0; text-align: left; }

@media (max-width: 768px) { .showcase .exp { font-size: 13px; line-height: 150%; } }

.videos-page .toptxts { margin-bottom: 6vw; }

.videos-page .toptxts.show.miden .sub .char { width: 195px; }

@media (max-width: 768px) { .videos-page .toptxts.show.miden .sub .char { width: 31vw; } }

.videos-page .toptxts.show.mono .sub .char { width: 145px; }

@media (max-width: 768px) { .videos-page .toptxts.show.mono .sub .char { width: 23vw; } }

.videos-page .toptxts.show.di .sub .char { width: 340px; }

@media (max-width: 768px) { .videos-page .toptxts.show.di .sub .char { width: 53vw; } }

.videos-page .toptxts.show.tri .sub .char { width: 390px; }

@media (max-width: 768px) { .videos-page .toptxts.show.tri .sub .char { width: 61vw; } }

.videos-page .toptxts.show.tetra .sub .char { width: 350px; }

@media (max-width: 768px) { .videos-page .toptxts.show.tetra .sub .char { width: 56vw; } }

@media (max-width: 768px) { .videos-page .toptxts.miden .titles .sub { margin-top: -5vw; } }

.videos-page .toptxts .titles { position: relative; margin: 90px 0 33px; }

@media (max-width: 768px) { .videos-page .toptxts .titles { margin: 9vw 0 1.5vw; } }

@media (max-width: 768px) { .videos-page .toptxts .titles h2.title { display: none; } }

@media (max-width: 768px) { .videos-page .toptxts .titles .title { text-align: left; } }

.videos-page .toptxts .titles .sub { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0 auto; padding-left: 0; text-align: center; line-height: 48px; }

@media (max-width: 768px) { .videos-page .toptxts .titles .sub { position: relative; text-align: left; -webkit-transform: translate(0, 0); transform: translate(0, 0); margin: -2vw 0 0 8.5vw; left: 0; top: 0; } }

.videos-page .subjs { letter-spacing: -0.04em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 19px 0 16px; }

@media (max-width: 768px) { .videos-page .subjs { display: block; margin: 4vw 0 2.9vw; } }

.videos-page .subjs .subj { font-size: 25px; font-weight: 600; }

@media (max-width: 768px) { .videos-page .subjs .subj { font-size: 19px; margin-bottom: 1.6vw; } }

.videos-page .subjs .year { font-size: 20px; font-weight: 400; text-align: right; -ms-flex-preferred-size: 80px; flex-basis: 80px; }

@media (max-width: 768px) { .videos-page .subjs .year { font-size: 13px; text-align: left; } }

.videos-page .exp { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; font-size: 14px; line-height: 23px; letter-spacing: -0.01em; font-weight: 400; margin: 0; padding: 0; }

@media (max-width: 768px) { .videos-page .exp { font-size: 13px; line-height: 150%; } }

.videos-page .sliderv .slick-prev, .videos-page .sliderv .slick-next { height: 100%; width: 20vw; z-index: 10; -webkit-transition: 0.15s; transition: 0.15s; }

.videos-page .sliderv .slick-prev::before, .videos-page .sliderv .slick-prev::after, .videos-page .sliderv .slick-next::before, .videos-page .sliderv .slick-next::after { position: absolute; content: ""; background: #fff; width: 80px; height: 1px; top: 40%; left: 50%; }

@media (max-width: 768px) { .videos-page .sliderv .slick-prev, .videos-page .sliderv .slick-next { display: none !important; } }

.videos-page .sliderv .slick-prev { left: 0; }

.videos-page .sliderv .slick-prev:hover { -webkit-transform: translate(-10px, -50%); transform: translate(-10px, -50%); }

.videos-page .sliderv .slick-prev::before { -webkit-transform: translate(-34px, 35px) rotate(60deg); transform: translate(-34px, 35px) rotate(60deg); }

.videos-page .sliderv .slick-prev::after { -webkit-transform: translate(-34px, -34px) rotate(-60deg); transform: translate(-34px, -34px) rotate(-60deg); }

.videos-page .sliderv .slick-next { right: 0; }

.videos-page .sliderv .slick-next:hover { -webkit-transform: translate(10px, -50%); transform: translate(10px, -50%); }

.videos-page .sliderv .slick-next::before { -webkit-transform: translate(-34px, -35px) rotate(60deg); transform: translate(-34px, -35px) rotate(60deg); }

.videos-page .sliderv .slick-next::after { -webkit-transform: translate(-34px, 34px) rotate(-60deg); transform: translate(-34px, 34px) rotate(-60deg); }

@media (max-width: 768px) { .videos-page .sliderv .slick-track { margin-left: -56vw; } }

.videos-page .sliderv .slick-slide { margin: 0 3.5vw; opacity: 0.1; -webkit-transition: 0.6s; transition: 0.6s; outline: 0; }

@media (max-width: 768px) { .videos-page .sliderv .slick-slide { margin: 0 4.5vw; opacity: 0.4; } }

.videos-page .sliderv .slick-current { opacity: 1; }

.videos-page .yt::before { border-width: 35px 0 35px 60px; }

@media (max-width: 768px) { .videos-page .yt::before { border-width: 20px 0 20px 36px; } }

.bnrs { margin: 0 9vw 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

@media (max-width: 1079px) { .bnrs { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media (max-width: 768px) { .bnrs { display: block; margin: 0 9vw 15vw; } }

.bnrs .bnr { -ms-flex-preferred-size: 31.5%; flex-basis: 31.5%; line-height: 0; overflow: hidden; margin-right: 2.75%; }

@media (max-width: 1079px) { .bnrs .bnr { -ms-flex-preferred-size: 65%; flex-basis: 65%; margin-bottom: 3vw; } }

@media (max-width: 768px) { .bnrs .bnr { margin-bottom: 5vw; } }

.bnrs .bnr:last-child { margin-right: 0; }

.bnrs .bnr a { display: inline-block; -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.bnrs .bnr a:hover { -webkit-transform: scale(1.03); transform: scale(1.03); opacity: 0.8; }

@media (max-width: 1079px) { .bnrs .bnr a:hover { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }

.bnrs2 { margin: 0 0vw 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

@media (max-width: 1079px) { .bnrs2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media (max-width: 768px) { .bnrs2 { display: block; margin: 0 9vw 15vw; } }

.bnrs2 .bnr { -ms-flex-preferred-size: 31.5%; flex-basis: 31.5%; line-height: 0; overflow: hidden; margin-right: 2.75%; }

@media (max-width: 1079px) { .bnrs2 .bnr { -ms-flex-preferred-size: 65%; flex-basis: 65%; margin-bottom: 3vw; } }

@media (max-width: 768px) { .bnrs2 .bnr { margin-bottom: 5vw; } }

.bnrs2 .bnr:last-child { margin-right: 0; }

.bnrs2 .bnr a { display: inline-block; -webkit-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.bnrs2 .bnr a:hover { -webkit-transform: scale(1.03); transform: scale(1.03); opacity: 0.8; }

@media (max-width: 1079px) { .bnrs2 .bnr a:hover { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }

.tours { margin-top: -20px; }

@media (max-width: 768px) { .tours { margin-top: 0; } }

.disclaimer { margin-bottom: 50px; padding-right: 12vw; }

@media (max-width: 768px) { .disclaimer { padding-right: 0; margin-bottom: 10vw; } }

.disclaimer p { text-align: left; font-size: 13px; font-weight: 400; line-height: 145%; }

@media (max-width: 768px) { .disclaimer p { margin-bottom: 2vw; } }
/*# sourceMappingURL=style.css.map */

.btnTop a {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 40px;
    padding: 7px 0 10px;
    line-height: 0.8;
    border: 2px solid #666;
    background-color: #161719;
    z-index: 99;
}

.btnTop a:hover {
    color: #000;
    background-color: #666;
    /* border: none; */
}
button.view-more-button {
    font-size: 20px;
    padding: 10px 20px;
    border-radius: 5px;
    background: #CCC;
    border: none;
    margin-bottom: 100px;
}