html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}ul,ol,dl{list-style:none}img{width:100%;height:auto;vertical-align:top}img[usemap],map area{outline:none}img.svg{width:100%;height:auto}img[src$="svg"]{display:block;max-width:auto;width:100%;height:auto}button{-webkit-appearance:none;appearance:none;background:none;border:none;outline:none;font-size:inherit;font-family:inherit}html{-webkit-tap-highlight-color:transparent}body{font-family:"游明朝","YuMincho","Quarto A","Quarto B","秀英明朝B","Shuei Mincho B","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝","Sawarabi Mincho",serif;-webkit-text-size-adjust:100%;font-size:14px;line-height:1.5;position:relative}body,input,button{-webkit-font-smoothing:antialiased}canvas,video{vertical-align:top}button{padding:0;-webkit-appearance:none;appearance:none;background:none;border:none;outline:none;font-size:inherit;font-family:inherit;cursor:pointer}body{color:#333333}a{color:#333333}body>iframe{position:absolute;bottom:0;left:0;width:1px;height:1px}body{background-color:#00142c}html.lock{overflow:hidden;height:100%}html.lock body{position:fixed;width:100%}.pcOnly{display:none}.clearfix:after{content:"";display:block;clear:both}.em-1after{margin-right:-0.5em}.em-1before{margin-left:-0.5em}.hide{display:none}.hidden{display:none}i{display:inline-block}.bold{font-weight:bold}.swap-img{opacity:0}.swap-img[src]{opacity:1}.fixed{position:fixed}.standBy{opacity:0}.wrap{position:relative;z-index:1;-webkit-transition:opacity 1.6s;transition:opacity 1.6s;opacity:0;overflow:hidden}.wrap img{width:100%}.wrap.fadeIn{opacity:1}.abs{position:absolute !important}.wrap{background:url("../img/common/bg-all-sp.jpg")}body{position:relative}.header{z-index:5;position:absolute;left:0;top:0;padding-top:8.66667%;width:100%}.header .logo{position:absolute;left:2.66667%;bottom:0;width:16.93333%}.footer{background-color:#00142c}.footer .footer-inner{width:92.66667%;display:block;margin:0 auto;position:relative;padding-top:4.66667%;padding-bottom:2.66667%}.footer .btn{color:#fff}.footer .footer-copy,.footer .item{font-size:9px;font-size:2.4vw}.footer .footer-linklist{font-size:0;padding-top:1.43885%;padding-bottom:7.48201%}.footer .footer-linklist .item{display:inline-block;vertical-align:top}.footer .footer-linklist .item .btn{text-decoration:none}.footer .footer-linklist .left{position:relative}.footer .footer-linklist .left .btn{margin-right:0}.footer .footer-linklist .left::after{content:"|";display:inline-block;vertical-align:top;color:#445364;padding:0 0.5em}.footer .footer-sns{width:28.77698%;position:absolute;top:0;right:0;text-align:right;padding-top:5.03597%}.footer .footer-sns .sns-item{width:28.5%;display:inline-block;vertical-align:top}.footer .footer-sns .sns-item:first-of-type{margin-right:10%}.footer .footer-sns .sns-item a{display:block}.footer .footer-copy{text-align:center;font-size:8px;font-size:2.13333vw;color:#fff}.mainVisual{font-size:0}.mainVisual .pic{width:100%;padding-top:91.73333%;position:relative}.mainVisual .pic .anim-pic{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.mainVisual .main-info{width:100%;padding:4.13333% 0 4%;background-color:#00142c}.mainVisual .main-info .main-title{width:66.13333%;margin:0 auto}.nav-toggle{width:16%;padding-top:16%;position:fixed;right:0;top:0;background-color:#00142c;margin:0;z-index:11}.nav-toggle .lines{width:33.33333%;padding-top:33.33333%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.nav-toggle .line{width:100%;border-top:solid 1px #bf970c;position:absolute;left:0;-webkit-transition:0.3s;transition:0.3s}.nav-toggle .line.line1{top:17.5%}.nav-toggle .line.line2{top:47.5%}.nav-toggle .line.line3{top:77.5%}.nav-toggle.open .line1{top:50%;left:-17.5%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:135%}.nav-toggle.open .line2{opacity:0}.nav-toggle.open .line3{left:-17.5%;top:50%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:135%}.navigation-block{width:100%;height:100%;height:100vh;position:fixed;top:0;left:0;z-index:5;background-color:#00142c;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);z-index:10}.navigation-block.scrTop{position:absolute}.navigation-block.open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.navigation-block.open .navigation-item:after{width:100%;left:0;-webkit-transition:0.6s cubic-bezier(0.165, 0.84, 0.44, 1);transition:0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition-delay:0.2s;transition-delay:0.2s}.navigation-block.open .navigation-item.new:before{opacity:1}.navigation-block.open .navigation-item .btn-nav .text img{-webkit-transition:-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition:-webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.navigation-block .navigation{width:32%;position:absolute;left:34%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.navigation-block .navigation-item{position:relative}.navigation-block .navigation-item.new:before{content:"";width:21.25%;padding-top:10.41667%;position:absolute;left:17.91667%;top:24.28571%;background:url("../img/common/icon-new-nav.png");background-size:100% 100%;background-repeat:no-repeat;background-position:50% 50%;opacity:0;-webkit-transition:opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);transition:opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transition-delay:0.6s;transition-delay:0.6s}.navigation-block .navigation-item:after{content:"";height:1px;width:0;background-color:#bb9232;position:absolute;left:50%;bottom:0}.navigation-block .navigation-item .btn-nav{display:block;margin:0 auto;font-size:0}.navigation-block .navigation-item .btn-nav .text{overflow:hidden;display:block;font-size:0}.navigation-block .navigation-item .btn-nav .text img{-webkit-transform:translateY(105%);-ms-transform:translateY(105%);transform:translateY(105%)}.navigation-block .navigation-item.n1 .btn-nav{padding:25% 36.25%}.navigation-block .navigation-item.n1 .btn-nav .text img{-webkit-transition-delay:0.3s;transition-delay:0.3s}.navigation-block .navigation-item.n2:after{-webkit-transition-delay:0.3s;transition-delay:0.3s}.navigation-block .navigation-item.n2 .btn-nav{padding:25% 16.66667%}.navigation-block .navigation-item.n2 .btn-nav .text img{-webkit-transition-delay:0.35s;transition-delay:0.35s}.navigation-block .navigation-item.n3:after{-webkit-transition-delay:0.35s;transition-delay:0.35s}.navigation-block .navigation-item.n3 .btn-nav{padding:25% 28.75%}.navigation-block .navigation-item.n3 .btn-nav .text img{-webkit-transition-delay:0.4s;transition-delay:0.4s}.navigation-block .navigation-item.n4:after{-webkit-transition-delay:0.4s;transition-delay:0.4s}.navigation-block .navigation-item.n4 .btn-nav{padding:25% 20%}.navigation-block .navigation-item.n4 .btn-nav .text img{-webkit-transition-delay:0.45s;transition-delay:0.45s}.navigation-block .navigation-item.n5:after{-webkit-transition-delay:0.45s;transition-delay:0.45s}.navigation-block .navigation-item.n5 .btn-nav{padding:25% 32.08333%}.navigation-block .navigation-item.n5 .btn-nav .text img{-webkit-transition-delay:0.5s;transition-delay:0.5s}.navigation-block .navigation-item.n6:after{display:none}.navigation-block .navigation-item.n6 .btn-nav{padding:25% 30%}.navigation-block .navigation-item.n6 .btn-nav .text img{-webkit-transition-delay:0.55s;transition-delay:0.55s}.section .sec-title{width:81.33333%;display:block;margin:0 auto;font-size:0}.modal-special{display:none}.chocopie-concept{background:url("../img/common/concept-bg-sp.png") top center no-repeat;background-size:100%}.chocopie-concept .sec-title{padding-top:16%}.chocopie-concept .concept-text{width:81.33333%;display:block;margin:0 auto;padding-top:9.33333%;padding-bottom:32%}.chocopie-menu{margin-top:-1%}.chocopie-menu .sec-title{padding-top:10.66667%}.chocopie-menu .section-read{width:100%;display:block;margin:0 auto;padding:7.6% 0 11.06667%}.chocopie-menu .menu-item.soldout{position:relative}.chocopie-menu .menu-item.soldout:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../img/common/soldout-sp.png");background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;z-index:2}.chocopie-menu .menu-item.new{position:relative}.chocopie-menu .menu-item.new:before{content:"";position:absolute;left:0;top:0;width:22.26667%;padding-top:23.2%;background:url("../img/common/icon-new.png");background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;z-index:2}.chocopie-menu .menu-item{padding-top:13.33333%}.chocopie-menu .menu-item.n1{padding-top:0}.chocopie-menu .title{width:50%;display:block;margin:0 auto 4%;padding-top:13.33333%}.chocopie-menu .title:first-of-type{padding-top:0}.chocopie-menu .n5{padding-top:0;background:url("../img/common/pic-peche-bg-sp.png") center center/100% 100% no-repeat}.chocopie-menu .n5 .pic-holder{margin-bottom:0}.chocopie-menu .n5 .title{position:absolute;top:0;padding-top:9.33333%;left:22.66667%;margin:0;width:53.2%;z-index:2}.chocopie-menu .n5 .pic-info{top:0;padding-top:37.46667%}.chocopie-menu .pic-holder{position:relative;margin-bottom:9.33333%}.chocopie-menu .pic-holder.baba{margin-bottom:2.66667%}.chocopie-menu .pic-holder .pic{width:94.4%;display:block;margin:0 auto}.chocopie-menu .pic-holder .pic-info{position:absolute;width:90%}.chocopie-menu .pic-holder .pic-attention{width:86%;margin:0 auto;margin-top:2.66667%}.chocopie-menu .pic-holder.fraiser .pic-info{top:10%;left:6%}.chocopie-menu .pic-holder.matcha .pic-info{top:6%;left:7%}.chocopie-menu .pic-holder.mocha .pic-info{top:10%;left:6%}.chocopie-menu .pic-holder.baba .pic-info{top:7%;left:6%}.chocopie-menu .pic-holder.peche .pic{width:100%}.chocopie-menu .pic-holder.peche .pic-info{width:100%}.chocopie-menu .item-info{position:relative}.chocopie-menu .item-info.fraiser .info-bg{background-color:#a21831}.chocopie-menu .item-info.matcha .info-bg{background-color:#11533b}.chocopie-menu .item-info.mocha .info-bg{background-color:#613c26}.chocopie-menu .item-info.baba .info-bg{background-color:#603363}.chocopie-menu .item-info.peche .info-bg{background-color:#ff857e}.chocopie-menu .item-info.peche .inner{padding:5.33333% 5.33333%}.chocopie-menu .item-info .info-bg{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:0}.chocopie-menu .item-info .inner{position:relative;width:100%;display:block;margin:0 auto;font-size:0;padding:8.53333% 5.33333%;z-index:1}.chocopie-menu .bottom-note{padding:8.13333% 0 10.26667%;position:relative}.chocopie-menu .bottom-note .text{width:81.33333%;display:block;margin:0 auto}.chocopie-menu .bottom-note .text-attention{width:24.42623%;font-size:0;text-align:right;display:block;position:absolute;bottom:9.83607%;right:3.27869%;text-align:right}.chocopie-menu .menu-item:before{opacity:0;-webkit-transition:0.8s cubic-bezier(0.39, 0.575, 0.565, 1);transition:0.8s cubic-bezier(0.39, 0.575, 0.565, 1);-webkit-transition-delay:0.6s;transition-delay:0.6s}.chocopie-menu .menu-item .title{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:1s cubic-bezier(0.39, 0.575, 0.565, 1);transition:1s cubic-bezier(0.39, 0.575, 0.565, 1);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.chocopie-menu .menu-item .pic{opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);-webkit-transition:1s cubic-bezier(0.39, 0.575, 0.565, 1);transition:1s cubic-bezier(0.39, 0.575, 0.565, 1);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-delay:0.2s;transition-delay:0.2s}.chocopie-menu .menu-item .pic-info{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;-webkit-transition-delay:1s;transition-delay:1s}.chocopie-menu .menu-item .info-bg{-webkit-transition:-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition:-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition:transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition-delay:0.4s;transition-delay:0.4s}.chocopie-menu .menu-item.n2 .info-bg,.chocopie-menu .menu-item.n4 .info-bg{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.chocopie-menu .menu-item .inner .text,.chocopie-menu .menu-item .pic-attention{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;-webkit-transition-delay:1s;transition-delay:1s}.chocopie-menu .menu-item.startAnim .pic{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.chocopie-menu .menu-item.startAnim .title{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.chocopie-menu .menu-item.startAnim .pic-info{opacity:1}.chocopie-menu .menu-item.startAnim .info-bg{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.chocopie-menu .menu-item.startAnim .inner .text,.chocopie-menu .menu-item.startAnim .pic-attention{opacity:1}.chocopie-menu .menu-item.startAnim:before{opacity:1}.chocopie-special{background:#00142c;padding-bottom:13.33333%}.chocopie-special .sec-title{padding-top:12.66667%;padding-bottom:8%}.chocopie-special .sub-title,.chocopie-special .read{width:81.33333%;display:block;margin:0 auto}.chocopie-special .read{padding-top:2.66667%;padding-bottom:12%}.chocopie-special .special-list{width:81.33333%;display:block;margin:0 auto}.chocopie-special .special-list .special-item{position:relative;margin-bottom:13.11475%;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0}.chocopie-special .special-list .special-item .inner{position:relative}.chocopie-special .special-list .special-item.startAnim{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.chocopie-special .special-list .special-item .pic{margin-top:-1px}.chocopie-special .special-list .btn-modal{position:absolute;left:0;top:0;width:100%;height:100%}.chocopie-special .special-list .btn-modal.recommend{padding-top:3.27869%;position:relative;top:auto;left:auto;color:#bf970c;text-decoration:underline;text-align:left}.chocopie-special .special-list .btn-modal.recommend .text{font-size:3.2vw}.chocopie-special .special-list .btn-modal .icon{width:11.47541%;background:#bf970c;padding:3.77049% 0;font-size:0;position:absolute;bottom:0;right:0}.chocopie-special .special-list .btn-modal .icon img{width:25.71429%}.chocopie-special .chef-info .chef-info-inner{width:81.33333%;display:block;margin:0 auto}.chocopie-special .chef-info .pic,.chocopie-special .chef-info .info{display:inline-block;vertical-align:middle}.chocopie-special .chef-info .pic{width:34.59016%;margin:0 4.93333%}.chocopie-special .chef-info .info{width:45.33333%}.chocopie-special .chef-info .chef-name{width:97.05882%}.chocopie-special .chef-info .chef-sign{width:82.25256%;margin-top:5%;margin-left:16.17647%}.chocopie-special .chef-info .chef-text{padding-top:4%}.chocopie-shop{padding-bottom:12.4%}.chocopie-shop .sec-title{padding-top:13.33333%;padding-bottom:8%}.chocopie-shop .read,.chocopie-shop .text{width:81.33333%;display:block;margin:0 auto}.chocopie-shop .text{margin:19.34426% auto 6.22951%}.chocopie-shop .shop-info-more{width:36%;display:block;margin:0 auto;font-size:0;text-align:center;background:#00142c;padding:1.2% 1.33333% 1.86667%}.chocopie-shop .shop-info-more img{width:89.25926%}.chocopie-shop .map-pic{width:84.53333%;display:block;margin:10.13333% auto 0}.chocopie-news .sec-title{margin-bottom:9.83607%}.chocopie-news .news-list{display:block;margin:0 auto}.chocopie-news .line{display:block;width:24.59016%;font-size:0;margin:4.09836% auto}.chocopie-news .line img{height:1px}.chocopie-news .title,.chocopie-news .date{display:block;margin:0 auto;text-align:center;color:#04122a;font-weight:bold}.chocopie-news .title{font-size:12px;font-size:3.2vw}.chocopie-news .date{font-size:9px;font-size:2.4vw}.banner-block{position:relative}.banner-block .banner{width:91.86667%;display:block;margin:0 auto;padding-top:9.33333%;padding-bottom:17.86667%}.banner-block .btn-arrow{width:10.93333%;background:#00142c;font-size:0;padding:4.13333% 0;position:absolute;bottom:0;right:0}.banner-block .btn-arrow .arrow-top{display:block;width:31.70732%;margin:0 auto}.modal-special{box-shadow:none;background:none;-webkit-transform:none;-ms-transform:none;transform:none;background:url("../img/common/bg-all-sp.jpg")}.modal-special .fadeInDown{-webkit-animation:iziM-fadeInDown 5s cubic-bezier(0.19, 1, 0.22, 1);animation:iziM-fadeInDown 5s cubic-bezier(0.19, 1, 0.22, 1)}.modal-special:after{display:none}.modal-special .iziModal-content{position:relative}.modal-special .btn-close{width:16%;padding-top:16%;position:absolute;top:0;right:0;background:url("../img/common/btn-close-sp.png");background-position:50% 50%;background-size:100% 100%;background-repeat:no-repeat}.modal-special .btn-close img{display:none}.modal-special .pic{position:relative;z-index:1}.modal-special .info{padding-top:5.73333%;padding-bottom:8.8%}