@charset "UTF-8";body *{}
body{overflow:hidden;overflow-y:scroll;}
a{cursor:pointer;}
#opening{width:100%;height:100%;min-height:1080px;max-height:1441px;position:absolute;top:0;left:0;z-index:1000;pointer-events:none;}
#openingCurtainLeft{background:url("img/opening-left.png") no-repeat;background-size:2718px 1441px;background-position:50% 0;width:100%;min-height:1080px;height:100%;max-height:1471px;position:absolute;top:0;left:0;z-index:1001;}
#openingCurtainRight{background:url("img/opening-right.png") no-repeat;background-size:2718px 1441px;background-position:50% 0;width:100%;min-height:1080px;height:100%;max-height:1471px;position:absolute;top:0;right:0;z-index:1000;}
#curtain-side{background:url("img/curtain_side.png") center top no-repeat;background-size:2718px 1144px;overflow:hidden;min-height:1080px;height:100%;max-height:1440px;width:100%;min-width:1300px;position:absolute;top:0;left:0;z-index:110;pointer-events:none;overflow: hidden;}
.curtainSide{position:absolute;top:0;z-index:50;}
.curtainleft{left:-401px;top:-5px;}
.curtainright{right:-402px;top:-5px;}
#curtain-top{background:url("img/curtain_header.png") center no-repeat;background-size:2718px 153px;position:absolute;top:0;z-index:120;left:0;width:100%;min-width:1300px;height:153px;overflow:hidden;}
.curtainTop{position:relative;left:0px;top:0;}
#header{position:absolute;top:0;width:100%;z-index:auto;}
#headerContents{width:670px;margin:0 auto;position:relative;z-index:130;}
.headertitle{width:100%;text-align:center;}
#titleLogo{width:464px;height:258px;margin:0 auto;}
.logo{margin-left:4px;}
#controls{width:220px;position:absolute;top:-165px;left:-90px;height:400px;}
.spriteControlsBase{background-position:-383px -288px !important;}
.lang_link,.bgm_set{display:inline-block;position:absolute;width:28px;height:21px;cursor:pointer;}
.lang,.bgm{background:url("img/control_detail.png") no-repeat;display:inline-block;position:absolute;width:28px;height:15px;cursor:pointer;}
.bgm{width:38px;}
.lang_link input,.bgm input{display:none;}
.lang_link.jp{top:262px;left:79px;}
.lang.jp{background-position:1px 0px;top:4px;left:0;}
.lang_link.en{top:262px;left:109px;}
.lang.en{background-position:-28px 0px;top:4px;left:0;}
.bgm_set{width:38px;height:20px;}
.lang_link:hover span,.bgm_set:hover span{opacity:.6;}
.bgm_set.on{top:319px;left:72px;}
.bgm_set.off{top:319px;left:111px;}
.bgm.on{background-position:8px -14px;top:3px;}
.bgm.off{background-position:-25px -14px;top:3px;}
.lang_link.jp{background:url("img/control_select.png") no-repeat;}
input[type="radio"]:checked + .bgm_set{background:url("img/bgm_select.png") no-repeat;}
#header #chiakikohara{visibility:hidden;position:relative;-webkit-animation:bounceInDown 800ms ease both;-webkit-animation-play-state:paused;-moz-animation:bounceInDown 800ms ease both;-moz-animation-play-state:paused;-o-animation:bounceInDown 800ms ease both;-o-animation-play-state:paused;animation:bounceInDown 800ms ease both;animation-play-state:paused;}
#header #controls{visibility:hidden;position:absolute;-webkit-animation:bounceInDown 900ms ease both;-webkit-animation-play-state:paused;-moz-animation:bounceInDown 900ms ease both;-moz-animation-play-state:paused;-o-animation:bounceInDown 900ms ease both;-o-animation-play-state:paused;animation:bounceInDown 900ms ease both;animation-play-state:paused;}
#header.play #chiakikohara,
#header.play #controls{visibility:visible;-webkit-animation-play-state:running;-moz-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running;}
@-webkit-keyframes bounceInDown{0%{-webkit-transform:translateY(-1000px);}
60%{-webkit-transform:translateY(0px);}
80%{-webkit-transform:translateY(-30px);}
100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceInDown{0%{-moz-transform:translateY(-1000px);}
60%{-moz-transform:translateY(0px);}
80%{-moz-transform:translateY(-30px);}
100%{-moz-transform:translateY(0);}
}
@-o-keyframes bounceInDown{0%{-o-transform:translateY(-1000px);}
60%{-o-transform:translateY(0px);}
80%{-o-transform:translateY(-30px);}
100%{-o-transform:translateY(0);}
}
@keyframes bounceInDown{0%{transform:translateY(-1000px);}
60%{transform:translateY(0px);}
80%{transform:translateY(-30px);}
100%{transform:translateY(0);}
}
#mainContentsArea{background:url("img/background.png") center top no-repeat;background-size:1300px 1207px;background-position:-10px 44px;width:1300px;height:1080px;margin:0 auto;position:relative;overflow:hidden;}
#share{visibility:hidden;width:420px;position:absolute;right:0;top:51px;z-index:100;}
.shareBase{position:relative;z-index:1;pointer-events:none;}
.share{position:absolute;right:120px;top:129px;}
.shareBaloon{background:url("img/sprite/share_shareBaloon.png") no-repeat;position:absolute;display:none;padding:5px;top:109px;left:146px;width:104px;height:50px;}
.shareBaloon.fb{width:104px;height:50px;background-position:-5px -5px;}
.shareBaloon.insta{width:104px;height:50px;background-position:-5px -65px;}
.shareBaloon.pinter{width:104px;height:50px;background-position:-119px -5px;}
.shareBaloon.tw{width:104px;height:50px;background-position:-119px -65px;}
.shareBtn{display:block;width:53px;height:80px;background:url("img/share.png") no-repeat;position:absolute;z-index:5;}
.shareBtn.fb{top:130px;left:108px;background-position:-1px -1px;}
.shareBtn.tw{top:170px;left:149px;background-position:-42px -41px;}
.shareBtn.inst{top:170px;left:183px;background-position:-76px -41px;}
.shareBtn.pinter{top:160px;left:230px;background-position:-122px -31px;}
.shareBtn:hover{opacity:.6;}
.decoration{height:100%;width:260px;position:absolute;top:0;z-index:2;}
.decoLeft,.decoRight{position:relative;}
#deco-left{left:0;}
.spriteDeco{background:url("img/sprite/decoration.png") no-repeat;display:block;}
.deco01{top:427px;left:23px;width:154px;height:183px;background-position:-5px -5px;}
.deco02{top:468px;left:14px;width:155px;height:178px;background-position:-169px -5px;}
#deco-right{right:0;}
.deco03{top:299px;right:-55px;width:147px;height:200px;background-position:-334px -5px;}
.deco04{top:365px;right:-14px;width:223px;height:146px;background-position:-5px -215px;}
.deco04motion{background:url("img/flamecat_motion1.png") no-repeat;display:block;width:93px;height:68px;position:relative;top:312px;left:43px;}
#actionWrap{width:960px;margin:auto;height:770px;position:relative;top:250px;left:0;z-index:60;}
#actionWrap a{display:block;}
.mainMenu{position:absolute;z-index:3;}
img[class^="title"]{position:absolute;}
span.sprite{display:block;}
.titlesprite{background:url("img/sprite/title_sprite.png") no-repeat;position:absolute;}
.spriteAbout{background:url("img/sprite/about_sprite.png") no-repeat;position:absolute;}
#news{left:260px;top:9px;}
#news:hover{left:261px;top:10px;}
.spriteNewsBase{width:210px;height:256px;background-position:-320px -5px;position:relative;}
.spriteNewsCatBase{background-position:-5px -271px;width:171px;height:180px;display:block;position:absolute;top:12px;left:21px;z-index:2;}
.sprite.newsMotion{background:url("img/sprite/NEWS_sprite_motion1.png") no-repeat;width:66px;position:absolute;height:55px;top:69px;left:58px;z-index:3;background-position:0 50px;}
.sprite.newsMotion02.on{display:none;}
.newsTailMotion{background:url("img/NEWS_tail.png") no-repeat;display:block;position:absolute;width:29px;height:74px;bottom:91px;right:52px;z-index:1;transform-origin:10% 90%;transform:rotate(40deg);-webkit-transform-origin:10% 90%;-webkit-transform:rotate(40deg);-moz-transform-origin:10% 90%;-moz-transform:rotate(40deg);-ms-transform-origin:10% 90%;-ms-transform:rotate(40deg);-o-transform-origin:10% 90%;-o-transform:rotate(40deg);}
.titleNews{top:207px;left:41px;width:148px;height:49px;background-position:-101px -151px;}
#news:hover .titleNews{top:208px;left:42px;}
#news:hover .sprite.newsMotion{}
#news:hover .sprite.newsMotion02.on{background:url("img/sprite/NEWS_sprite_motion1.png") no-repeat;width:66px;position:absolute;height:55px;top:69px;left:58px;z-index:4;}
#profile{left:509px;top:35px;}
#profile:hover{left:510px;top:36px;}
.spriteProfileBase{width:187px;height:236px;background-position:-186px -271px;}
.profile_on{background:url("img/sprite/Profile_on.png") no-repeat;width:20px;height:22px;background-size:20px 22px;position:absolute;z-index:1;top:85px;left:72px;display:none;}
#profile:hover .profile_on{display:block;}
#CommissionWorks{left:75px;top:59px;}
#CommissionWorks:hover{left:76px;top:60px;}
.spriteCommissionBase{width:173px;height:256px;background-position:-5px -5px;}
.sprite.escalgoMotion{background:url("img/sprite/escalgo_sprite_motion.png") no-repeat;background-size:110px 238px;background-position:0 0;width:110px;height:119px;position:absolute;top:-2px;left:62px;}
.sprite.escalgo_on{visibility:hidden;background:url("img/sprite/escalgo-on.png") no-repeat;background-size:110px 109px;background-position:0 0;width:110px;height:109px;position:absolute;top:1px;left:63px;}
#CommissionWorks:hover .sprite.escalgo_on{visibility:visible;}
#CommissionWorks:hover .sprite.escalgoMotion{visibility:hidden;}
#blog{top:342px;left:16px;}
.blog{position:relative;width:280px;height:230px;}
.spriteBlog{background:url("img/sprite/BLOG_sprite.png") no-repeat;}
.blogBee{position:absolute;top:-32px;right:38px;z-index:1;}
.blogBook{position:absolute;top:0px;left:55px;}
#blog:hover .blogBee{top:-31px;right:37px;z-index:1;}
#blog:hover .blogBook{top:1px;left:56px;}
.blogWing{position:absolute;top:47px;left:-6px;z-index:1;}
.sprite.blog_bee{display:block;width:55px;height:81px;background-position:-5px -5px;}
.sprite.blog_book{display:block;width:216px;height:198px;background-position:-70px -5px;}
.sprite.blog_wing{display:block;width:121px;height:93px;background-position:-296px -5px;}
#artgallery{top:272px;left:338px;}
#artgallery:hover{top:273px;left:339px;}
.sprite.artgallery{background:url("img/sprite/ArtGallery_sprite.png") no-repeat;width:282px;height:244px;}
.artgalleryMotion{position:absolute;width:185px;height:30px;top:78px;left:48px;z-index:1;}
.sprite.artgalleryMotion{background:url("img/sprite/artGallery_sprite_motion2.png") no-repeat;background-size:185px 195px;background-position:0 0;}
.sprite.artgalleryMotion.motion00{background-position:0 0;}
.sprite.artgalleryMotion.motion01{background-position:0 -40px;}
.sprite.artgalleryMotion.motion02{background-position:0 -80px;}
.sprite.artgalleryMotion.motion03{background-position:0 -120px;}
.titleArtGallery{left:19px;top:182px;width:246px;height:61px;background-position:-5px -5px;}
#artgallery:hover .sprite.artgallery{background-position:0 -244px;}
#artgallery:hover .sprite.artgalleryMotion{background-position:0px -160px !important;}
#artgallery:hover .titleArtGallery{left:20px;top:183px;}
#movie{top:203px;right:129px;}
#movie:hover{top:204px;right:128px;}
.sprite.movie{background:url("img/sprite/Movie_sprite.png") no-repeat;width:157px;height:240px;}
.titleMovie{top:180px;left:45px;width:86px;height:60px;background-position:-5px -151px;}
#movie:hover .titleMovie{top:181px;left:46px;width:86px;height:60px;background-position:-5px -151px;}
#movie:hover .sprite.movie{background-position:0 -240px;}
#goods{top:518px;left:197px;}
#goods:hover{top:519px;left:198px;}
.spriteGoodsBase{width:122px;height:171px;background-position:-188px -5px;}
.titleGoods{top:119px;left:21px;width:100px;height:51px;background-position:-5px -76px;}
#goods:hover .titleGoods{top:120px;left:22px;}
.goodsMotion{display:none;position:absolute;top:20px;left:33px;}
#goods:hover .goodsMotion{display:block;}
#kira-kira{top:440px;right:205px;}
#kira-kira:hover{top:441px;right:204px;}
.sprite.kirakira{background:url("img/sprite/kirakira_sprite.png") repeat-y;width:118px;height:179px;}
.titleKirakira{top:113px;left:0px;width:117px;height:65px;background-position:-115px -76px;}
#kira-kira:hover .titleKirakira{top:114px;left:1px;width:117px;height:65px;background-position:-115px -76px;}
#contact{bottom:-12px;left:386px;width:202px;height:247px;}
.sprite.contact{background:url("img/sprite/Contact_sprite.png") no-repeat;width:203px;height:241px;}
#contact:hover .sprite.contact{background-position:0 -241px;}
#bear{position:absolute;bottom:-14px;right:-97px;z-index:2;}
.spriteBearBase{position:relative;top:30px;left:0;z-index:3;width:385px;height:273px;background-position:-540px -5px;}
.bearMotion{background:url("img/bear_motion.png") no-repeat;width:92px;height:153px;display:block;position:absolute;top:-14px;left:148px;-webkit-transform:rotate(-65deg);-webkit-transform-origin:100% 100%;-moz-transform:rotate(-65deg);-moz-transform-origin:100% 100%;-o-transform:rotate(-65deg);-o-transform-origin:100% 100%;transform:rotate(-65deg);transform-origin:100% 100%;z-index:1;}
.bearMotion_after{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
#honey{position:absolute;bottom:9px;left:87px;z-index:2;}
.spriteHoneyBase{width:93px;height:114px;background-position:-935px -5px;position:relative;}
#honey a{display:block;}
#secret{position:absolute;right:-405px;top:310px;z-index:40;}
.landMain{position:absolute;bottom:-2px;left:0px;z-index:1;}
.footerCredit{text-align:center;position:absolute;bottom:20px;width:100%;z-index:70;}
.credit{position:relative;left:-10px;}
.footerCredit__link{cursor:pointer;width:34px;height:33px;display:inline-block;}
.footerCredit__link:hover .sns{opacity:.7;}
.footerCredit__link .sns{background:url("img/SNS.png") no-repeat;width:34px;height:33px;display:inline-block;}
.sns{vertical-align:bottom;}
.sns.facebook{background-position:0px 0;}
.sns.twitter{background-position:-43px 0;}
.sns.insta{background-position:-86px 0;}
.sns.blog{background-position:-129px 0;}
#movingBeeArea{width:100%;min-width:1300px;height:920px;position:absolute;pointer-events:none;z-index:150;left:0px;top:100px;overflow:hidden;}
.movingBee{visibility:hidden;background:url("img/bee.png") no-repeat;background-size:45px 45px;display:block;width:45px;height:45px;position:absolute;pointer-events:none;z-index:150;top:260px;left:160px;}
.movingBee{}
#land{position:absolute;left:0;top:0;background:url("img/land.png") center bottom no-repeat;height:100%;min-height:1080px;max-height:1441px;width:100%;min-width:1300px;pointer-events:none;z-index:1;}