@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400;1,600&family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap");
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-y: scroll; -webkit-text-size-adjust: 100%; font-family: 'Noto Sans JP', sans-serif;
}
*,
::before,
::after {
background-repeat: no-repeat; -webkit-box-sizing: inherit;
box-sizing: inherit;
}
::before,
::after {
text-decoration: inherit; vertical-align: inherit;
}
* {
padding: 0; margin: 0;
}  audio:not([controls]) {
display: none;
height: 0;
}
hr {
overflow: visible; } article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
summary {
display: list-item; }
small {
font-size: 80%; }
[hidden],
template {
display: none; }
abbr[title] {
border-bottom: 1px dotted; text-decoration: none; }
a {
background-color: transparent; -webkit-text-decoration-skip: objects; -webkit-transition: .3s;
transition: .3s;
}
a:active,
a:hover {
outline-width: 0; opacity: 0.6;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace; }
b,
strong {
font-weight: bolder; }
dfn {
font-style: italic; } mark {
background-color: #ff0;
color: #000;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} input {
border-radius: 0;
} button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
cursor: pointer;
} [disabled] {
cursor: default;
}
[type="number"] {
width: auto; }
[type="search"] {
-webkit-appearance: textfield; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
textarea {
overflow: auto; resize: vertical; }
button,
input,
optgroup,
select,
textarea {
font: inherit; }
optgroup {
font-weight: bold; }
button {
overflow: visible; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: 0;
padding: 0;
} button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button,
select {
text-transform: none; } button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
color: inherit;
} select {
-moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand {
display: none; }
select::-ms-value {
color: currentColor; }
legend {
border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; }
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } img {
border-style: none; } progress {
vertical-align: baseline;
}
svg:not(:root) {
overflow: hidden; }
audio,
canvas,
progress,
video {
display: inline-block; }  @media screen {
[hidden~="screen"] {
display: inherit;
}
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important;
}
} [aria-busy="true"] {
cursor: progress;
} [aria-controls] {
cursor: pointer;
} [aria-disabled] {
cursor: default;
}  ::-moz-selection {
background-color: #b3d4fc; color: #000;
text-shadow: none;
}
::selection {
background-color: #b3d4fc; color: #000;
text-shadow: none;
} body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
font-family: 'Noto Sans JP', sans-serif;
color: #051731;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.pc {
display: block;
}
.sp {
display: none;
}
a {
text-decoration: none;
cursor: pointer;
-webkit-transition: .6s;
transition: .6s;
}
h1 {
font-family: 'Crimson Text', serif;
font-size: 60px;
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding-top: 40px;
margin-bottom: 80px;
margin-left: 60px;
}
h1:before {
content: "";
width: 200px;
height: 1px;
position: absolute;
top: 0;
left: 0;
background: #133958;
}
h1 span {
font-family: 'Noto Serif JP', serif;
font-size: 16px;
margin-left: 40px;
}
h2 {
font-size: 26px;
font-weight: 500;
margin: 50px 0;
font-family: 'Noto Serif JP', serif;
}
p {
font-size: 14px;
line-height: 1.8;
}
.btn {
width: 260px;
}
.btn a {
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;
color: #fff;
background: #0f2446;
padding: 15px 0;
}
.btn a i {
margin-left: 18px;
}
nav {
position: relative;
margin-left: 40px;
}
nav .nav_btn {
width: 40px;
height: 40px;
background: #0f2446;
position: relative;
border-radius: 50%;
}
nav .nav_btn span {
position: absolute;
top: 13px;
left: 0;
right: 0;
margin: auto;
width: 20px;
height: 1px;
background: #fff;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: .6s;
transition: .6s;
}
nav .nav_btn span.middle {
top: 20px;
}
nav .nav_btn span.bottom {
top: 27px;
}
nav ul {
background: #fff;
list-style: none;
text-align: right;
padding: 0 20px;
position: absolute;
top: 50px;
right: 0;
min-width: 200px;
height: 0;
-webkit-transition: .6s;
transition: .6s;
overflow: hidden;
}
nav ul li a {
font-size: 20px;
color: #333;
padding: 0 0 12px;
display: block;
word-break: keep-all;
}
nav.on .nav_btn span.top {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 20px;
}
nav.on .nav_btn span.middle {
opacity: 0;
}
nav.on .nav_btn span.bottom {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 20px;
}
nav.on ul {
padding: 20px;
height: 80px;
}
a:hover, a:active {
opacity: .6;
}
img, picture {
width: auto;
max-width: 100%;
height: auto;
vertical-align: bottom;
}
.wraper {
overflow: hidden;
position: relative;
}
main {
margin-top: 50px;
}
section .inc {
max-width: 1200px;
margin: 0 auto;
padding: 100px 0 40px;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
-webkit-transition: .6s;
transition: .6s;
}
header.on {
background: rgba(255, 255, 255, 0.7);
}
header .inc {
padding: 20px 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .inc .right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .inc .right .btn {
position: relative;
width: 260px;
}
header .inc .right .btn a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #133958;
font-size: 20px;
font-family: 'Crimson Text', serif;
color: #fff;
font-weight: 400;
padding: 14px 18px;
}
#kv .inc .area {
max-width: 1000px;
padding: 0 40px;
margin: 0 auto;
text-align: right;
position: relative;
}
#kv .inc .area .name {
text-align: left;
padding: 24px 30px;
color: #fff;
background: #0f2446;
width: 380px;
margin-top: -74px;
position: relative;
z-index: 2;
}
#kv .inc .area .name p {
font-family: 'Crimson Text', serif;
font-size: 40px;
}
#kv .inc .area .name span {
font-size: 14px;
}
#sec1 .inc {
max-width: 1000px;
padding: 0 40px;
margin: 0 auto;
}
#sec1 .inc .btn {
margin: 80px auto 150px;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex p {
width: 60%;
}
.flex picture {
width: 36%;
margin-left: 4%;
}
.max {
margin: 0 calc(50% - 50vw);
width: 100vw;
background: #eff2f4;
}
.max .max_inc {
max-width: 1000px;
padding: 40px;
margin: 0 auto;
}
.max .max_inc dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.max .max_inc dl dt {
width: 165px;
font-size: 20px;
font-family: 'Noto Serif JP', serif;
}
.max .max_inc dl dd {
font-size: 18px;
padding: 4px 0 4px 50px;
border-left: 1px solid #0f2446;
}
.max .max_inc dl dd.schtxt{
font-size: 14px;
border-left: none;
}
@media screen and (min-width: 920px){
.max .max_inc dl dd.schtxt{
width:100%;
padding-left:78px;
}
}
.max .max_inc dl dd.day-movie{
font-size: 14px;
border-left: none;
}
@media screen and (min-width: 1000px){
.max .max_inc dl dd.day-movie{
width:100%;
padding-left:78px;
height:380px;
}
}
div#movie-top {
padding-top: 0px;
}
.flex2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex2 p {
width: 60%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.flex2 picture {
width: 35%;
margin-right: 5%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
footer {
background: #0f2446;
text-align: center;
padding: 12px;
}
@media screen and (max-width: 920px) {
.pc {
display: none;
}
.sp {
display: block;
}
h1 {
font-size: 8vw;
padding: 4vw 0;
text-align: center;
display: block;
margin-bottom: 5vw;
margin-left: 0;
}
h1 span {
display: block;
font-size: 4.2vw;
margin: 0;
}
h1:before {
right: 0;
margin: auto;
width: 26vw;
height: 2px;
}
.btn {
width: 56vw;
margin: 7vw auto;
}
.btn a {
padding: 3vw 0;
}
.btn a p {
font-size: 3.2vw;
}
.btn a i {
margin-left: 3vw;
}
header {
background: #fff;
}
header .inc {
padding: 3vw 4vw;
}
header .inc .logo {
width: 24vw;
}
header .inc .right .btn {
width: 42vw;
margin: 0;
}
header .inc .right .btn a {
font-size: 3.4vw;
padding: 2vw;
}
main {
margin-top: 14vw;
}
section .inc {
padding: 12vw 4vw;
}
h2 {
font-size: 4.8vw;
margin: 10vw 0 5vw;
}
p {
font-size: 3.4vw;
line-height: 6vw;
}
#kv .inc {
padding: 12vw 0 6vw;
}
#kv .inc .area {
padding: 0;
text-align: left;
}
#kv .inc .area picture {
width: 96vw;
}
#kv .inc .area .name {
padding: 4vw 10vw;
width: 82vw;
margin: -10vw 0 0 auto;
}
#kv .inc .area .name p {
font-size: 8vw;
line-height: 10vw;
}
#kv .inc .area .name span {
font-size: 3.4vw;
}
#sec1 .inc {
padding: 0 4vw;
}
#sec1 .inc .btn {
margin: 10vw auto 18vw;
}
.flex {
display: block;
}
.flex p {
width: 100%;
}
.flex picture {
width: 100%;
margin: 5vw auto 0;
display: block;
}
.max {
margin: 0;
width: 100%;
}
.max .max_inc {
padding: 4vw;
}
.max .max_inc dl {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.max .max_inc dl dt {
font-size: 3.7vw;
width: 30vw;
}
.max .max_inc dl dd {
font-size: 3.7vw;
padding: 0.5vw 0 0.5vw 4vw;
width: 53vw;
}
.flex2 {
display: block;
}
.flex2 p {
width: 100%;
}
.flex2 picture {
width: 100%;
margin: 5vw auto 0;
display: block;
}
}