@-webkit-keyframes bg{0%{background-position:right 0 top 0}100%{background-position:right 14px top 0}}@keyframes bg{0%{background-position:right 0 top 0}100%{background-position:right 14px top 0}}#container #footArea{display:none}#container #main .container section{position:fixed;width:100%;height:100%}#container #main .container section.front{z-index:5}#container #main .container section.front h1{position:fixed;bottom:88px;left:31.5px;width:104px;height:137px;background:url(/config/wp-content/themes/jitto/assets/images/sp/top/logo.svg) no-repeat}#container #main .container section.front h2{position:fixed;bottom:50px;left:31.5px;font-size:11px;color:#4c4c4c}#container #main .container section.front h2 .white{color:#ccc}#container #main .container section.front .toggle{width:39px;height:16px;top:42px;left:21.5px;padding:10px;position:relative;cursor:pointer;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}#container #main .container section.front .toggle.show hr{width:calc(100% - 20px);-webkit-transition:width 1s cubic-bezier(.2,1,.2,1);-o-transition:width 1s cubic-bezier(.2,1,.2,1);transition:width 1s cubic-bezier(.2,1,.2,1)}#container #main .container section.front .toggle hr{width:0;height:1px;border:none;margin:0;position:absolute}#container #main .container section.front .toggle hr:before{content:"";position:absolute;top:0;left:0;width:0%;height:1px;background:#fff;-webkit-transition:width .4s cubic-bezier(0,1,0,1);-o-transition:width .4s cubic-bezier(0,1,0,1);transition:width .4s cubic-bezier(0,1,0,1)}#container #main .container section.front .toggle hr:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:url(/config/wp-content/themes/jitto/assets/images/dot.svg);background-size:2px 4px}#container #main .container section.front .toggle hr.top{top:10px}#container #main .container section.front .toggle hr.middle{top:50%;-webkit-transform:translate(0,-.5px);-ms-transform:translate(0,-.5px);transform:translate(0,-.5px)}#container #main .container section.front .toggle hr.bottom{bottom:10px}#container #main .container section.front .toggle.hover{opacity:.2;-webkit-transition:none;-o-transition:none;transition:none}#container #main .container section.front .foot nav.menu{position:fixed;bottom:52px;right:31.5px;-webkit-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}#container #main .container section.front .foot nav.menu ul li{font-size:14px;line-height:300%;color:#fff;text-align:right}#container #main .container section.front .foot nav.menu ul li.nosp{display:none}#container #main .container section.front .foot nav.menu ul li:first-child{position:relative}#container #main .container section.front .foot nav.menu ul li:first-child:after{position:absolute;content:"";width:100%;height:1px;right:0;bottom:-1px;background:#fff;opacity:.15}#container #main .container section.front .foot nav.menu ul li a{-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;display:inline-block}#container #main .container section.front .foot nav.menu ul li a.hover{-webkit-transition:none;-o-transition:none;transition:none;opacity:.2}#container #main .container section.front .foot nav.sns{display:none}#container #main .container section.front .foot nav.reel{display:none}#container #main .container section.mov{height:calc(100% - 138.5px);overflow:hidden}#container #main .container section.mov video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0}#container #main .container section.mov video.show{opacity:1}#container #main .container section.mov:before{content:"";position:absolute;width:100%;height:100%;top:0;right:0;background-color:#1a1a1a;z-index:2}#container #main .container section.mov:after{content:"";position:absolute;width:100%;height:100%;top:0;right:0;background:url(/config/wp-content/themes/jitto/assets/images/ten.png);background-size:7px 7px;background-position:right 0 top 0;z-index:3;-webkit-animation:bg .8s linear infinite;animation:bg .8s linear infinite}#container #main .container section.mov.show:before{width:0;opacity:.5;background-color:#000;-webkit-transition:opacity .8s,background-color .8s,width 1s cubic-bezier(.8,0,.3,1);-o-transition:opacity .8s,background-color .8s,width 1s cubic-bezier(.8,0,.3,1);transition:opacity .8s,background-color .8s,width 1s cubic-bezier(.8,0,.3,1)}#container #main .container section.mov.show:after{width:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .8s,width 1s cubic-bezier(.8,0,.3,1);-o-transition:opacity .8s,width 1s cubic-bezier(.8,0,.3,1);transition:opacity .8s,width 1s cubic-bezier(.8,0,.3,1)}#container #main .container section.mov.end:before{content:none}#container #main .container section.mov.end:after{content:none;-webkit-animation:none;animation:none}#container #main.hidden .container header,#container #main.hidden .container section{height:0;overflow:hidden}html:not(.sp) #container #main .container section.front h1{bottom:130px;left:91px;width:151px;height:197px;background:url(/config/wp-content/themes/jitto/assets/images/pc/top/logo.svg) no-repeat}html:not(.sp) #container #main .container section.front h2{bottom:81px;left:91px;letter-spacing:.08em}html:not(.sp) #container #main .container section.front .toggle{position:fixed;width:77px;height:22px;top:81px;left:81px}html:not(.sp) #container #main .container section.front .toggle hr{height:2px}html:not(.sp) #container #main .container section.front .toggle hr:before{height:2px}html:not(.sp) #container #main .container section.front .toggle hr:after{height:2px}html:not(.sp) #container #main .container section.front .toggle hr.top{top:10px}html:not(.sp) #container #main .container section.front .toggle hr.middle{top:50%;-webkit-transform:translate(0,-1px);-ms-transform:translate(0,-1px);transform:translate(0,-1px)}html:not(.sp) #container #main .container section.front .toggle hr.bottom{bottom:10px}html:not(.sp) #container #main .container section.front .toggle.hover hr:before{width:100%}html:not(.sp) #container #main .container section.front .foot{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;height:195px;position:absolute;width:100%;bottom:0;left:0}html:not(.sp) #container #main .container section.front .foot nav.menu{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);position:static;margin-top:31px}html:not(.sp) #container #main .container section.front .foot nav.menu ul li{font-size:14px;line-height:34px;text-align:left;display:inline-block;margin-left:20px}html:not(.sp) #container #main .container section.front .foot nav.menu ul li:first-child{position:static}html:not(.sp) #container #main .container section.front .foot nav.menu ul li:first-child:after{content:none}html:not(.sp) #container #main .container section.front .foot nav.sns{display:block;position:fixed;right:91px;bottom:74px;z-index:1}html:not(.sp) #container #main .container section.front .foot nav.sns ul li{display:inline-block}html:not(.sp) #container #main .container section.front .foot nav.sns ul li a{display:inline-block;font-size:11px;line-height:26px;color:#999;-webkit-transition:opacity .3s,color .3s;-o-transition:opacity .3s,color .3s;transition:opacity .3s,color .3s}html:not(.sp) #container #main .container section.front .foot nav.sns ul li a.hover{color:#fff;-webkit-transition:none;-o-transition:none;transition:none;opacity:.2}html:not(.sp) #container #main .container section.front .foot nav.sns ul li:not(:first-child){padding-left:20px;margin-left:15px;position:relative}html:not(.sp) #container #main .container section.front .foot nav.sns ul li:not(:first-child):after{color:#999;left:0;top:6px;position:absolute;content:"/"}html:not(.sp) #container #main .container section.front .foot nav.reel{display:block;width:92px;position:relative;padding-top:0;margin-top:31px;margin-right:91px;margin-left:41px;width:auto;right:auto;bottom:auto}html:not(.sp) #container #main .container section.front .foot nav.reel.no{margin-left:0}html:not(.sp) #container #main .container section.front .foot nav.reel.no:before{content:none}html:not(.sp) #container #main .container section.front .foot nav.reel:before{content:"";position:absolute;width:1px;height:10px;top:-31px;left:-21px;background:#333}html:not(.sp) #container #main .container section.front .foot nav.reel .play{float:right;font-size:14px;line-height:34px;text-align:left;color:#fff;cursor:pointer}html:not(.sp) #container #main .container section.front .foot nav.reel .play.inactive{color:#333;cursor:auto;pointer-events:none}html:not(.sp) #container #main .container section.front .foot nav.reel .play p{-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}html:not(.sp) #container #main .container section.front .foot nav.reel .play.hover p{-webkit-transition:none;-o-transition:none;transition:none;opacity:.2}html:not(.sp) #container #main .container section.front .foot nav.reel .play:first-child{position:relative}html:not(.sp) #container #main .container section.front .foot nav.reel .play:first-child:after{content:none}html:not(.sp) #container #main .container section.front .foot nav.reel .packageMovie{width:100%;height:100%;left:0;bottom:0}html:not(.sp) #container #main .container section.mov{height:calc(100% - 195px)}