@charset "UTF-8";body,html{width:100%}body main .loading_wrapper .index_top_logo svg,html{overflow:visible}body{color:#000;background-color:#f9fafc;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-size:8px;font-size:12.8px;font-size:.8rem;line-height:160%}body header{width:100%;position:fixed;z-index:5000}body header .sns{position:relative;text-align:right;float:right;width:50%;padding-bottom:0;z-index:5000000000}body header .sns ul{margin:0;padding:0}body header .sns ul li:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}body header .sns ul li{text-align:left;display:inline-block;width:36px;height:36px;margin:0;background-color:#000;padding:7px}body header .sns ul li img{margin:8px;width:20px;height:20px}body header nav a.logo{position:absolute;left:0;top:0;margin:16px;display:block;width:180px;height:80px;background:url(../images/logo_b.svg) center center no-repeat;background-size:180px 80px}body main{line-height:0}body main .soft_sp{display:none}body main .soft_pc{display:block}body main .item{position:absolute}body main .item img{width:100%;height:auto}body main .soft{width:12%;top:31%;right:22%}body main .soft .svg{position:absolute;margin:-27% 0 0;left:-46%;width:80%}body main .soft .svg1{position:absolute;margin:-27% 0 0;left:-50%;width:100%}body main .soft .img{position:absolute;top:0;left:0;width:100%}body main .present_text{width:27%;top:28%;left:38%;z-index:10000;height:0;margin:0 auto;padding-top:27%}body main .present_text svg{display:block;position:absolute;height:100%;width:100%;top:0;left:0}body main .soft_main{width:35%;right:12%;top:0;bottom:0;position:absolute;z-index:10000}body main .soft_main img{height:auto;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%}body main .berry_text{width:35%;height:100%;left:15%;top:0;bottom:0;z-index:10000;margin:0 auto}body main .berry_text svg{display:block;position:absolute;height:100%;width:100%;top:0;left:0;bottom:0}body main svg .pattern{-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translateY(0);transform:translateY(0)}body main .loading_wrapper{position:fixed;top:0;left:0;height:100%;width:100vw;background-color:#000;z-index:100000;background-blend-mode:hard-light}body main .loading_wrapper .index_top_logo{display:none;position:absolute;left:50%;top:50%;margin-left:-105px;margin-top:-173px;z-index:12}body main .loading_wrapper #spinner{width:44px;height:44px;display:block;position:absolute;top:50%;left:50%;margin-top:-22px;margin-left:-22px;z-index:10000000000}body main .loading_wrapper .opening_logo{display:none;position:relative;top:50%;margin:0 auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body main .contents_bg:before,body main .contents_wrapper .contents_shop:before{position:absolute;background-size:cover;-webkit-transform:rotate(5deg);box-sizing:border-box;content:''}body main .loading_wrapper .opening_logo .z_intro_logo{margin:0 auto;width:260px;height:260px;fill:#fff}body main .contents_bg:before{background-color:#aaa;top:0;left:0;width:120%;height:100%;margin:0 -10%;-webkit-transform-origin:right center;transform-origin:right center;transform:rotate(-5deg);z-index:-1}body main .contents_bg{overflow:hidden}body main .contents_bg .mask{z-index:10000}body main .contents_bg .mask1,body main .contents_bg .mask2{position:absolute;width:100%;height:100%;overflow:hidden;mix-blend-mode:color-dodge}body main .contents_bg .mask3{position:absolute;right:0;width:100%;height:100%;overflow:hidden;mix-blend-mode:color-dodge}body main .contents_bg .mask_bg1,body main .contents_bg .mask_bg2{z-index:5000;position:absolute;left:0;width:100%;height:100%;overflow:hidden;mix-blend-mode:darken;background-color:transparent}body main .contents_wrapper{margin:0;line-height:0;padding:0;height:auto;overflow:hidden}body main #logo_wapper #logo svg,body main .contents_wrapper .info_choco .info_svg_wrapper svg,body main .contents_wrapper .info_white .info_svg_wrapper svg{overflow:visible}body main .contents_wrapper .path_wrapper{position:absolute;width:100%;height:50vh;overflow:visible}body main .contents_wrapper .path_wrapper img{width:100%;height:auto}body main .contents_wrapper .path_wrapper .path{position:absolute}body main .contents_wrapper .path_wrapper .path0_0{width:20%;position:absolute;top:-5%;left:-15%}body main .contents_wrapper .path_wrapper .path0_1{width:50%;position:absolute;top:10%;left:5%}body main .contents_wrapper .path_wrapper .path0_2{width:10%;position:absolute;top:-20%;left:55%}body main .contents_wrapper .path_wrapper .path0_3{width:50%;position:absolute;top:-20%;left:60%}body main .contents_wrapper .path_wrapper .path0_4{width:15%;position:absolute;top:5%;left:70%}body main .contents_wrapper .path_wrapper .path1_0{width:24%;position:absolute;top:25%;left:5%}body main .contents_wrapper .path_wrapper .path1_1{width:30%;position:absolute;top:60%;left:15%}body main .contents_wrapper .path_wrapper .path1_2{width:18%;position:absolute;top:-20%;left:75%}body main .contents_wrapper .path_wrapper .path2_0{width:30%;position:absolute;top:-30%;left:-5%}body main .contents_wrapper .path_wrapper .path2_1{width:15%;position:absolute;top:-25%;left:30%}body main .contents_wrapper .path_wrapper .path2_2{width:17%;position:absolute;top:-14%;left:34%}body main .contents_wrapper .path_wrapper .path2_3{width:28%;position:absolute;top:-50%;left:56%}body main .contents_wrapper .path_wrapper .path2_4{width:22%;position:absolute;top:-30%;left:88%}body main .contents_wrapper .path_wrapper .path3_0{width:20%;position:absolute;top:20%;left:-15%}body main .contents_wrapper .path_wrapper .path3_1{width:30%;position:absolute;top:39%;left:18%}body main .contents_wrapper .path_wrapper .path3_2{width:20%;position:absolute;top:27%;left:47%}body main .contents_wrapper .path_wrapper .path3_3{width:16%;position:absolute;top:5%;left:70%}body main .contents_wrapper .path_wrapper .path3_4{width:40%;position:absolute;top:22%;left:85%}body main .contents_wrapper .logo_wrapper{position:absolute;z-index:1000;width:100%;margin:0 auto;top:15%}body main .contents_wrapper .logo_wrapper .main_text1{position:absolute;width:32%;top:34%;left:65%;height:0;padding-top:21.73913%}body main .contents_wrapper .logo_wrapper .main_text1 svg{display:block;position:absolute;height:100%;width:100%;top:0;left:0}body main .contents_wrapper .logo_wrapper .main_text2{position:absolute;width:32%;top:95%;left:24%;height:0;padding-top:21.73913%}body main .contents_wrapper .logo_wrapper .main_text2 svg{display:block;position:absolute;height:100%;width:100%;top:0;left:0}body main .contents_wrapper .logo_wrapper .choco{width:40%;margin:0 50%;left:0;height:0;padding-top:42.32609%}body main .contents_wrapper .logo_wrapper .white{width:40%;margin:17% 0 0 10%;right:0;padding-top:42.32609%}body main .contents_wrapper .logo_wrapper .main_logo svg{display:block;position:absolute;height:100%;width:100%;top:0;left:0}body main .contents_wrapper .contents_shop:before{background-color:#aaa;top:0;left:0;width:120%;height:80%;margin:-15% -10% 0;-webkit-transform-origin:right center;transform-origin:right center;transform:rotate(-5deg);z-index:-1}body main .contents_wrapper .contents_shop{position:relative;z-index:5;margin-top:-1px;background-color:#aaa}body main .contents_wrapper .contents_shop .wave{width:102%;margin:0 0 -1% -1%}body main .contents_wrapper .contents_shop .poligon_wrapper3{width:100%;height:100%}body main .contents_wrapper .contents_shop .poligon_wrapper3 svg{display:block;position:relative;height:100%;width:100%;top:0;left:0}body main .contents_wrapper .contents_shop .btn_area{width:100%;position:relative;padding:5% 0 12%;text-align:center;line-height:0;margin:0;z-index:10000}body main .contents_wrapper .contents_shop .btn_area a{color:#000;font-weight:700;font-size:20px}body main .contents_wrapper .contents_shop .btn_area a svg{width:320px;height:100px}body main .contents_wrapper .info_white .image{content:'';position:absolute;top:0;right:0;width:80%;height:80%;margin:20% -10% 0;background:url(../images/info_white.jpg) center center no-repeat;background-size:cover;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(5deg);transform:rotate(5deg);z-index:10}body main .contents_wrapper .info_white{box-sizing:border-box;z-index:1000;background-color:#FFF;position:relative;width:100%;height:80vh;max-height:700px;min-height:480px}body main .contents_wrapper .info_white .info_svg_wrapper{width:30%;position:absolute;right:40px;height:50%;padding-top:10%;z-index:1000}body main .contents_wrapper .info_choco .image{content:'';position:absolute;top:0;right:0;width:80%;height:80%;margin:10% -10% 0;background:url(../images/info_choco.jpg) center center no-repeat;background-size:cover;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);z-index:10}body main .contents_wrapper .info_choco{z-index:10000;background-color:#000;position:relative;width:100%;height:80vh;max-height:700px;min-height:480px}body main .contents_wrapper .info_choco .info_svg_wrapper{width:30%;position:absolute;left:40px;height:50%;padding-top:5%;z-index:1000}body main .contents_wrapper .info_choco:before,body main .contents_wrapper .info_white:after{box-sizing:border-box;content:'';position:absolute;width:120%;height:80%;z-index:-1;background-size:cover;left:0}body main .contents_wrapper .info_choco:before{background-color:#000;top:0;margin:-10% -10% 0;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}body main .contents_wrapper .info_white:after{background-color:#fff;bottom:0;margin:-15% -10% 0;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}body main .contents_wrapper .contents_berry{min-height:600px;position:relative;background-color:#000;background-size:cover;width:100%;height:50vh;z-index:5;padding:10% 0}body main .contents_wrapper .contents_present{position:relative;z-index:3}body main .contents_wrapper .contents_present .poligon3{width:100%;position:relative;top:0;left:0}body main .contents_wrapper .contents_present .poligon3-2,body main .contents_wrapper .contents_present .poligon4{width:100%;position:absolute;top:0;left:0}body main .contents_wrapper .contents_bg,body main .contents_wrapper .present_bg{z-index:2;display:block;width:100%;position:relative;margin:0;line-height:0;left:0;padding:0}body main .contents_wrapper .contents_bg img.bright_bg,body main .contents_wrapper .present_bg img.bright_bg{width:100%}body main .contents_wrapper .contents_bg .bright1,body main .contents_wrapper .present_bg .bright1{z-index:500;position:absolute;left:0;bottom:0;width:70%;height:50%;mix-blend-mode:color-dodge;background:url(../images/bright1.jpg) no-repeat #000;background-blend-mode:lighten;background-size:cover}body main .contents_wrapper .contents_bg .bright2,body main .contents_wrapper .present_bg .bright2{z-index:500;position:absolute;left:0;top:0;width:50%;height:36%;mix-blend-mode:color-dodge;background:url(../images/bright2.jpg) no-repeat #000;background-blend-mode:lighten;background-size:cover}body main .contents_wrapper .contents_bg .bright3,body main .contents_wrapper .present_bg .bright3{z-index:500;position:absolute;right:0;top:0;width:42%;height:50%;mix-blend-mode:color-dodge;background:url(../images/bright3.jpg) right top no-repeat #000;background-blend-mode:lighten;background-size:cover}body main .contents_wrapper .contents_bg .no-bright_bg1,body main .contents_wrapper .present_bg .no-bright_bg1{z-index:500;position:absolute;right:0;top:0;width:100%;height:70%;background:url(../images/no-bright_bg1.jpg) no-repeat rgba(111,111,111,0);background-size:cover}body main .contents_wrapper .contents_bg .no-bright_bg2,body main .contents_wrapper .present_bg .no-bright_bg2{z-index:500;position:absolute;right:0;bottom:0;width:100%;height:53%;background:url(../images/no-bright_bg2.jpg) no-repeat rgba(111,111,111,0);background-size:cover}body main .contents_wrapper p{padding:0 1%;color:#FFF}body main .contents_wrapper span.small{font-size:70%;color:#FFF}body main #logo_wapper{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:50%;z-index:1000}body main #logo_wapper #logo{position:absolute;height:50%;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body main #logo_wapper #logo svg{position:absolute;top:0;left:0;width:100%;height:auto}body main h1{margin:0 auto;background-color:#FFF100;width:30%}body main #title{padding-top:12%;padding-bottom:2.5%;margin:0 auto}body main #title img{display:block;margin:0 auto}body footer{width:100%;position:fixed;z-index:100000000000;bottom:0}body footer p{position:relative;float:left;left:10px;text-align:center;font-size:80%}body footer small{color:#FFF;letter-spacing:1px}@media only screen and (max-width:769px){html{width:100%;min-width:100%}html body header{width:100%;position:fixed;z-index:5000}html body header .sns{position:relative;text-align:right;float:right;width:50%;padding-bottom:0;z-index:5000000000}html body header .sns ul{margin:0;padding:0}html body header .sns ul li:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}html body header .sns ul li{text-align:left;display:inline-block;width:24px;height:24px;margin:0;background-color:#000;padding:7px}html body header .sns ul li img{margin:5px;width:14px;height:14px}html body header nav a.logo{position:absolute;margin:8px;display:block;width:120px;height:60px;background-size:contain}html body main{position:relative;height:100%}html body main .soft_sp{display:block;position:fixed;width:120px;bottom:120px;height:auto;right:-50px;z-index:100;top:inherit}html body main .item,html body main .svg{position:absolute}html body main .soft_pc{display:none}html body main .item img{width:100%;height:auto}html body main .soft{position:fixed}html body main .soft .svg{position:absolute;margin:-29% 0 0;left:-50%;width:87%}html body main .soft .svg1{position:absolute;margin:-27% 0 0;left:-50%;width:100%}html body main .soft .img{position:absolute;top:0;left:0;width:100%}html body main .christmas_text{width:21%;top:68%;left:32%;padding-top:21.185%}html body main .card_wrapper{position:absolute;width:34%;top:59%;right:36%;z-index:10000}html body main .present_text{width:45%;top:22%;left:44%;z-index:10000;height:0;margin:0 auto;padding-top:50%}html body main .present_text svg{display:block;position:absolute;height:100%;width:100%;top:0;left:0}html body main .berry_text,html body main .soft_main{bottom:inherit;position:relative;z-index:10000;right:0}html body main .soft_main{width:70%;top:5%;left:inherit;margin:0 auto;margin-bottom:inherit}html body main .soft_main img{width:100%;height:auto;bottom:inherit}html body main .berry_text{width:80%;top:6%;left:0;margin:0 auto;height:40%}html body main .berry_text svg{height:100%}html body main svg .pattern{-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translateY(0);transform:translateY(0)}html body main .loading_wrapper .bat{position:absolute}html body main .loading_wrapper .z_intro_logo{margin:0 auto;width:200px;height:200px}html body main .contents_wrapper{margin:0;line-height:0;padding:0;height:auto;overflow:hidden}html body main .contents_wrapper .path2{height:30vh}html body main .contents_wrapper .logo_wrapper{position:absolute;z-index:1000;width:100%;margin:0 auto;top:2%}html body main .contents_wrapper .logo_wrapper .main_text{position:absolute;width:50%;height:0;padding-top:69.26087%}html body main .contents_wrapper .logo_wrapper .main_logo svg,html body main .contents_wrapper .logo_wrapper .main_text svg{display:block;position:absolute;height:100%;width:100%;top:0;left:0}html body main .contents_wrapper .info_white .image{content:'';position:absolute;top:inherit;bottom:0;right:0;width:80%;height:60%;margin:20% -10% 0;background:url(../images/info_white.jpg) center center no-repeat;background-size:cover;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(5deg);transform:rotate(5deg);z-index:10}html body main .contents_wrapper .info_white{box-sizing:border-box;z-index:1000;background-color:#FFF;position:relative;width:100%;height:80vh;max-height:700px;min-height:480px}html body main .contents_wrapper .info_white .info_svg_wrapper{width:70%;position:absolute;top:2%;right:5%;height:50%;padding-top:10%;z-index:1000}html body main .contents_wrapper .info_choco .image{content:'';position:absolute;top:inherit;bottom:0;right:0;width:80%;height:60%;margin:10% -10% 0;background:url(../images/info_choco.jpg) center center no-repeat;background-size:cover;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);z-index:10}html body main .contents_wrapper .info_choco{z-index:10000;background-color:#000;position:relative;width:100%;height:80vh;max-height:700px;min-height:480px}html body main .contents_wrapper .info_choco .info_svg_wrapper{width:70%;position:absolute;left:5%;top:5%;height:50%;padding-top:5%;z-index:1000}html body main .contents_wrapper .info_choco:before,html body main .contents_wrapper .info_white:after{box-sizing:border-box;content:'';position:absolute;width:120%;height:80%;z-index:-1;background-size:cover;left:0}html body main .contents_wrapper .info_choco:before{background-color:#000;top:0;margin:-10% -10% 0;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}html body main .contents_wrapper .info_white:after{background-color:#fff;bottom:0;margin:-15% -10% 0;-webkit-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}html body main .contents_wrapper .contents_berry{min-height:600px;position:relative;background-color:#000;background-size:cover;width:100%;height:50vh;z-index:5;padding:10% 0}html body main .contents_wrapper .contents_shop{position:relative;margin-top:-1px;z-index:1000}html body main .contents_wrapper .contents_shop .poligon_wrapper3{width:100%;height:100%}html body main .contents_wrapper .contents_shop .poligon_wrapper3 svg{display:block;position:relative;height:100%;width:100%;top:0;left:0}html body main .contents_wrapper .contents_shop .btn_area{width:100%;padding:18% 0 28%;text-align:center;line-height:0;margin:0}html body main .contents_wrapper .contents_shop .btn_area a{color:#000;font-weight:700;font-size:20px}html body main .contents_wrapper .contents_shop .btn_area a svg{width:240px;height:60px}html body main .contents_wrapper .contents_christmas{position:relative;background:url(../images/christmas_photo_sp.jpg) center center no-repeat;background-size:cover;width:100%;height:80vh;z-index:1;max-height:250px;min-height:320px}html body main .contents_wrapper .present_bg{z-index:2;display:block;width:350%;position:relative;margin:0;line-height:0;left:-100%;padding:0}html body main .contents_wrapper .contents_bg{z-index:2;display:block;width:100%;position:relative;margin:0;line-height:0;padding:0}html body main #logo_wapper{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:90%;z-index:1000}html body main #logo_wapper #logo{position:absolute;height:36%;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}html body main #logo_wapper #logo svg{position:absolute;top:0;left:0;width:100%;height:auto}}