@charset "UTF-8";
html { font-size: 62.5%; }

@media screen and (max-width: 760px) { html { font-size: 45%; } }

body { margin: 0; padding: 0; color: #fff; font-size: 1.6rem; font-family: Verdana, Arial, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 600; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; word-break: break-all; background: #000 url(../img/catch.jpg) no-repeat center top; background-size: contain; }

img { border: 0; vertical-align: top; }

h1, h2, h3, p, ul, li { margin: 0; padding: 0; }

a { color: #fff; }

a:hover { color: goldenrod; }

footer { margin: 8rem 0 1.5rem; text-align: center; }

footer .copyright { color: #666; font-weight: 500; font-size: 1.3rem; }

.show-xs { display: none; }

@media screen and (max-width: 760px) { .show-xs { display: inline; } }

.arrow { margin-bottom: 10rem; text-align: center; }

.arrow img { width: 7.6rem; }

@media screen and (max-width: 760px) { .arrow { display: none; } }

section { position: relative; width: 1800px; margin: 0 auto; }

section.main { padding-top: 59%; }

@media screen and (max-width: 760px) { section.main { padding-top: 75%; } }

@media screen and (max-width: 1800px) { section { width: 100%; } }

@media screen and (max-width: 760px) { section { width: auto; padding-left: 2.4%; padding-right: 2.4%; } }

section h1 { margin-bottom: 10rem; font-size: 4rem; text-align: center; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5); }

@media screen and (max-width: 760px) { section h1 { font-size: 3.2rem; } }

section h2 { font-size: 1.8rem; margin-top: 7rem; margin-bottom: 2rem; }

section .item { font-size: 2rem; text-align: center; line-height: 1.9; }

section .item-linear { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6rem; }

section .item-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3rem; text-align: left; }

section .item-cast { margin-top: -45%; }

section .item-cast-2 { margin-top: 3rem; }

section .text-large { font-size: 2.6rem; }

section .text-large h2 { font-size: 1.8rem; margin-top: 0; margin-bottom: 0; margin-right: 2rem; }

section .note { width: 800px; margin-top: 3.6rem; margin-left: auto; margin-right: auto; padding: 40px; font-size: 1.6rem; line-height: 1.6; border: 1px solid #666; }

@media screen and (max-width: 760px) { section .note { width: auto; margin-left: .5rem; margin-right: .5rem; padding: 1rem; } }

section .note h2 { margin-top: 0; text-align: center; }

section .note h3 { margin-bottom: 2rem; font-size: 1.8rem; text-align: center; }

section img.logo { width: 13rem; height: 3.52rem; }

.cast { margin-top: 7rem; text-align: center; }

.cast img { width: 100%; }

.timetable { margin-top: 5rem; margin-bottom: 5rem; text-align: center; }

.timetable img { max-width: 100%; }