<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*============================================================
共通
============================================================*/
#footer{
    background-color: #bb0000;
}
#header{
    overflow: hidden;
    width: 1100px;
    margin: 0 auto;
}
#header h1{
    padding-top: 40px;
    float: left;
    margin-right: 257px;
}
#header h2{
    padding-top: 28px;
    float: left;
    margin-bottom: 31px;
    margin-right: 200px;
}
#header p{
    padding-top: 58px;
    float: left;
    margin-bottom: 31px;
}
#gnavi{
    background: url(../images/gnavi-bg.png) repeat-x center bottom;
    padding-bottom: 40px;
    position: relative;
}
#gnavi ul {
    width: 1152px;
    margin: 0 auto;
}
#gnavi ul li{
    display: inline;
    margin-right: 30px;
}
#gnavi ul li:last-child{
    margin-right: 0;
}
#gnavi ul li a img{
    vertical-align: bottom;
}
#gnavi .stapler{
    position: absolute;
    right: 0px;
    bottom: -6px;
}
#footer {
    padding-bottom: 16px;
}
#footer #sns{
    overflow: hidden;
    padding-top: 25px;
    width: 216px;
    margin: 0 auto 17px;
}
#footer #sns ul li{
    float: left;
    width: 108px;
}
#footer #copyright{
    text-align: center;
    padding-bottom: 24px;
}
#footer ul#bnr {
    overflow: hidden;
    margin: 0 auto;
    width: 960px;
}
#footer ul#bnr li{
    margin-right: 16px;
    float: left;
}
#footer ul#bnr li:last-child{
    margin-right: 0;
}
/*============================================================
TOP
============================================================*/
#indexBg {
    margin: 0 auto;
    width: 1243px;
    position: relative;
    height: 1050px;
    left: 103px;
}
.index{
    background: url(../images/index-mainbg.png) no-repeat center top;
    padding-bottom: 40px;
    position: absolute;
    width: 1243px;
}
.index h3.ttl{
    text-align: center;
    padding-top: 30px;
    margin-bottom: 711px;
    padding-right: 213px;
}
.index .movie{
    text-align: center;
    padding-right: 199px;
}
#cboxOverlay {
    background: #e60012 !important;
    opacity: 0.8 !important;
}
#opening {
    text-align: center;
}
body {
     background: #e60012;
}
.curtains&gt;li:last-child{

}

#top .bnr{
    text-align:center;
    margin-bottom: 30px;
}

/*============================================================
opening
============================================================*/
.first #opening{
    padding-top: 140px;
    background: url(../images/opening_bg.png) no-repeat center top;
    min-height:  792px;
}
.first .openingTtl {
    text-align: center;
    margin-bottom: 56px;
}
.first #characterBox {
    position:  relative;
    width: 928px;
    margin: 0 auto;
    height: 167px;
    margin-bottom: 32px;
}
.first #characterBox .character01{
    position: absolute;
    /*top: 0;*/
    top: 30px;
    left: 209px;
    display:none;
}
.first #characterBox .character02{
    position: absolute;
    top: 0;
    left: 291px;
    display:none;
}
.first #characterBox .character03{
    position: absolute;
    top: 0;
    left: 419px;
    display:none;
}
.first #characterBox .character04{
    position: absolute;
    top: 0;
    right:316px;
    display:none;
}
.first #characterBox .character05{
    position: absolute;
    top: 0;
    right: 210px;
    display:none;
}

.first #textBox {
    position:  relative;
    width: 406px;
    margin: 0 auto 20px;
    height: 49px;
}
.first #textBox .text01{
    position: absolute;
    top: 8px;
    left: 0;
    display:none;
}
.first #textBox .text02{
    position: absolute;
    top: 7px;
    left: 68px;
    display:none;
}
.first #textBox .text03{
    position: absolute;
    top: 9px;
    left: 132px;
    display:none;
}
.first #textBox .text04{
    position: absolute;
    top: 12px;
    left: 196px;
    display:none;
}
.first #textBox .text05{
    position: absolute;
    top: 32px;
    left: 256px;
    display:none;
}
.first #textBox .text06{
    position: absolute;
    top: 0;
    right: 71px;
    display:none;
}
.first #textBox .text07{
    position: absolute;
    top: 0;
    right: 0;
    display:none;
}
#scroll {
    width: 175px;
    margin: 0 auto;
    display:none;
}
.mEnd {
    margin-right: 0 !important;
}
#cboxClose {
    background: url(../../common/images/close.png) no-repeat 0 0 !important;
    width: 89px !important;
    height: 18px !important;
    right: 0;
    top: -22px !important;
}
#cboxWrapper {
    height: 506px !important;
}
/*#cboxLoadedContent {
    background: #fff !important;
    padding: 10px !important;
}*/
#cboxContent {
    background: #fff !important;
    padding: 15px !important;
}
/*============================================================
other
============================================================*/

html.noscroll{
    overflow:hidden;
}

body.noscroll{
    width:100%;
    height:100%;
    position:fixed;
}

#content.flowContent{
    width: 1152px;
    margin: 0 auto;
}

.low{
   padding-bottom: 70px;
   position: relative;
}

.low .lowTTl{
    text-align: center;
    padding: 40px 0;
}

#content.systemContent{
    width: 961px;
    margin: 0 auto;
}

#content.featureContent{
    width: 1154px;
    margin: 0 auto;
}

.low .pageTop{
    position: absolute;
    bottom: 30px;
    right: -150px;
}

.low .pageTop.feature{
    position: absolute;
    bottom: 30px;
    right: -45px;
}

.low .pageTop.about{
    position: absolute;
    bottom: 30px;
    right: 20px;
}

.low .pageTop.kaiimode{
    position: absolute;
    bottom: 30px;
    right: -30px;
}

.low .pageTop.ensyutsu3{
    position: absolute;
    bottom: 30px;
    right: 80px;
}

.low .pageTop.rtc{
    position: absolute;
    bottom: 30px;
    right: -35px;
}

.low .pageTop.flow{
    position: absolute;
    bottom: 30px;
    right: -55px;
}

.aboutContent{
    padding-bottom: 170px;
    position: relative;
}

.characterContent{
    width: 1115px;
    height: 3215px;
    margin: 0 auto;
    position: relative;
}

.char1{
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.char1 .charTxt{
    position: absolute;
    left: 197px;
    top: 345px;
    display: none;
}

.char2{
    position: absolute;
    top:100px;
    right: 25px;
    display: none;
}

.char2 .charTxt{
    display: none;
}

.char2 .charImg{
    position: absolute;
    top: 130px;
    right: 0;
}

.char2 .charTxt{
    position: absolute;
    right: -20px;
    top: 106px;
}


.char3{
    position: absolute;
    top: 980px;
    left: 20px;
    display: none;
}

.char3 .charTxt{
    position: absolute;
    top: -63px;
    left: -54px;
    display: none;
}


.char4{
    position: absolute;
    top: 920px;
    right: -30px;
    display: none;
}

.char4 .charTxt{
    position: absolute;
    top: 313px;
    left: -47px;
    display: none;
}


.char5{
    position: absolute;
    top: 1780px;
    right: 90px;
    display: none;
}

.char5 .charTxt{
    position: absolute;
    top: -157px;
    right: -75px;
    display: none;
}

.char6{
    position: absolute;
    bottom: 630px;
    left: 0;
    display: none;
}

.char6 .charTxt{
    position: absolute;
    bottom: 140px;
    left: 175px;
    display: none;
}


.char7{
    position: absolute;
    bottom: 30px;
    right: 0;
    display: none;
}

.char7 .charImg{
    z-index: 2;
}

.char7 .charTxt1{
    position: absolute;
    top: 16px;
    right: 168px;
    display: none;
}

.char7 .charTxt2{
    position: absolute;
    bottom: 230px;
    right: 242px;
    z-index: 1;
    display: none;
}


.char8{
    position: absolute;
    bottom: -140px;
    left: 30px;
    display: none;
}

.char8 .charTxt1{
    position: absolute;
    left: 0;
    top: 104px;
    display: none;
}

.char8 .charTxt2{
    position: absolute;
    left: -57px;
    top: 350px;
    display: none;
}

.commingImg{
    text-align: center;
    padding: 80px 0 250px;
}

.featureImg{
    text-align: center;
    padding: 50px 0 0;
}

.featureContent .featurePageTop{
    position: absolute;
    bottom: 90px;
    right: -150px;
}


.tabNavi{
    width: 961px;
    margin: 0 auto;
    padding-top: 60px;
}

.tabNavi li{
    float: left;
}

.chageContentWrapper1{
    padding-top: 30px;
    background: url(../images/ensyutsu_content_bg.png) center 0 no-repeat;
}

.chageContent{
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.ensyutsuContent .featurePageTop{
    position: absolute;
    bottom: -47px;
    right: -90px;
}

.chageContent2{
    width: 1152px;
    margin: 0 auto;
    position: relative;
}

.chageContent3{
    width: 1330px;
    margin: 0 auto;
    position: relative;
    
    .chageContentWrapper2{
    padding-top: 30px;
}

</pre></body></html>