<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&amp;display=swap&amp;subset=japanese);

html{
    font-size:16px;
}
body,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6,p{
    font-weight:400;
}
li,ol,ul{
    list-style-type:none;
}
img{
    border:0;
    vertical-align:bottom;
}
@media only screen and (max-width:979px){
    img{
        max-width:100%;
        height:auto;
    }
}
#page{
    font-family: "Noto Sans CJK JP", Lato, "Noto Sans JP", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-bottom:2rem;
    background-color: #fef263;
}
.main__container,
.section.story,
.section.cast,
.copy-txt
{
    color:#252525;
}

.flex {
    display: -webkit-flex;
    display: flex;
}

@media print,screen and (min-width:768px){
    .pc-none{
        display:none;
    }
}
.header{
    padding-top:3rem;
    background:url(../images/bg01.png) bottom center/100% no-repeat;
}
@media only screen and (max-width:767px){
    .header{
        padding-top:0;
        background-size: 130%;
    }
}
@media only screen and (max-width:479px){
    .header{
        background-size: 180%;
    }
}

.header__container{
    width:100%;
}
@media print,screen and (min-width:768px){
    .header__container{
        max-width:1320px;
        margin-left:auto;
        margin-right:auto;
    }
}
.header__inner{
    background:url(../images/main.jpg) no-repeat top;
    background-size:100% auto;
    padding-top:calc(653 / 1161 * 100%);

}
.main__container {
    margin: 80px auto 60px;
}
@media only screen and (max-width:767px){
    .main__container {
        margin: 50px auto 50px;
    }
}

.main__mov-container-wrap {
    background: url(../images/bg02.jpg) center center/cover no-repeat;
    padding: 80px 0;
}
.main__container,
.main__mov-container,
.section,
.section--thumbs{
    max-width:1320px;
    margin-left:auto;
    margin-right:auto;
}
.main__container,
.main__mov-container{
    padding-left:15px;
    padding-right:15px;
}
.main__heading--sub {
    text-shadow: 0 0 0.2em #fef263, 0 0 0.2em #fef263, 0 0 0.2em #fef263, 0 0 0.2em #fef263, 0 0 0.2em #fef263;
    text-align:center;
    letter-spacing: 1px;
}
@media only screen and (max-width:767px){
    .main__mov-container-wrap {
        padding: 30px 0;
    }
    .main__heading--sub{
        font-size:16px;
    }
}

.main__mov-container--inner{
    position:relative;
    width:100%;
    height:0;
    padding-top:56.25%;
}
.main__mov-container--inner&gt;.tvo-video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.section-wrap {
    padding-top: 30px;
    background: url(../images/bg03.png) center TOP/100% no-repeat;
}
.section{
    padding-top:80px;
    box-shadow: 0 10px 10px #8d893b;
}
.section.story {
    background: url(../images/wasi02.jpg) left TOP repeat;
    max-width: 1100px;
    padding: 50px 50px 0;
    margin: 100px auto 150px;
    box-sizing: border-box;
}
.img-wrap.img03 {
    text-align: center;
    margin: 30px auto 0;
}
.img-wrap.img03 img {
    margin-bottom: -80px;
}
@media only screen and (max-width:767px){
    .section {
        padding-top:4rem;
        box-shadow: 0 4px 10px #8d893b;
    }
    .section.story {
        margin: 60px auto 120px;
    }
}
@media only screen and (max-width:479px){
    .section.story {
        padding: 50px 25px 0;
    }
}

.sec_title,
.main__heading--header-title{
    margin-bottom:3rem;
    text-align:center;
}
.sec_title {
    font-size: 60px;
    font-weight: bold;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.sec_title span {
    font-size: 22px;
    display: block;
}

.section.story .sec_title {
    margin-top: -95px;
}
.section__lead{
    font-size: 22px;
    margin-top:2rem;
    text-align:left;
}
@media print,screen and (min-width:768px){
    .section__lead{
        margin-top:3rem;
    }
}
@media only screen and (max-width:767px){
    .sec_title,
    .main__heading--header-title{
        margin-bottom:1.5rem;
    }
    .section__lead{
        font-size:16px;
    }
}
@media only screen and (max-width:479px){
    .sec_title {
        font-size: 40px;
    }
    .section.story .sec_title {
        margin-top: -80px;
    }
}

.section.cast {
    background: url(../images/wasi02.jpg) left TOP repeat;
    max-width: 1100px;
    padding: 50px 50px;
    box-sizing: border-box;
}
.section.cast .sec_title,
.section.info .sec_title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.cast-list.flex,
.director-list.flex {
    font-size: 18px;
    flex-wrap: wrap;
    max-width: 600px;
    margin: 0 auto;
}
.cast-list.flex {
    margin-bottom: 60px;
}
.cast-list dt{
    width:55%;
    margin: 4px 0;
}
.cast-list dd{
    width:45%;
    margin: 4px 0;
}
.cast-list dd:before{
    display:inline-block;
    margin-right:6rem;
    font-size:.25rem;
    letter-spacing:-.0625rem;
    content:"・・・";
}
.director-list dt {
    width:6em;
    margin: 4px 0;
}
.director-list dd {
    width:calc(100% - 6em);
    margin: 4px 0;
}
@media only screen and (max-width:767px){
    .cast-list.flex,
    .director-list.flex {
        font-size: 16px;
    }
    .cast-list dd:before{
        margin-right:2rem;
    }
}
@media only screen and (max-width:479px){
    .section.cast {
        padding: 50px 25px;
    }
    .section.cast .sec_title,
    .section.info .sec_title {
        font-size: 24px;
        line-height: 1.3;
    }
    .cast-list dt,
    .cast-list dd{
        width: 100%;
    }
    .cast-list dd {
        margin-left: calc(100% - 160px);
    }
    .director-list dt,
    .director-list dd {
        width:100%;
    }
    .director-list dd {
        margin-left: 2em;
    }
}

.section--thumbs.flex {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 80px 15px 40px;
}
.img-wrap.thumb {
    flex: 0 0 49%;
}
.img-wrap.thumb img {
    width: 100%;
}
.copy-txt {
    font-size: 14px;
    flex: 0 0 100%;
    text-align: center;
    margin: 0 auto;
}
@media only screen and (max-width:767px){
    .section--thumbs.flex {
        padding: 50px 15px 10px;
    }
    .img-wrap.thumb {
        flex: 0 0 100%;
    }
    .img-wrap.thumb:first-child {
        margin-bottom: 20px;
    }
}


.brXS, .brS, .brM, .brL { display: none; }
.brPC { display: none; }
@media (max-width: 479px) { .brXS { display: inline; } }
@media (max-width: 575px) { .brS { display: inline; } }
@media (max-width: 767px) { .brM { display: inline; } }
@media (max-width: 991px) { .brL { display: inline; } }
@media (min-width: 992px) { .brPC { display: inline; } }</pre></body></html>