@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap");@import url("//fonts.googleapis.com/css?family=Arvo:700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500&display=swap");@import url("https://www.tendence.jp/assets_new/css/base.css");@import url("https://www.tendence.jp/assets_new/css/common.css");@import url("https://www.tendence.jp/assets_new/js/slick/slick-theme.css");@import url("https://www.tendence.jp/assets_new/js/slick/slick.css");@import url("https://www.tendence.jp/assets_new/css/reset.css");@import url("https://www.tendence.jp/assets_new/css/sub.css");@media screen and (min-width: 769px){body.cd-active{overflow:hidden}}@media screen and (max-width: 768px){.pc-only{display:none !important}}@media screen and (max-width: 768px){.tb-over{display:none !important}}@media screen and (min-width: 769px){.sp-only{display:none !important}}a{-webkit-transition:all .2s;transition:all .2s}a::before,a::after{-webkit-transition:all .2s;transition:all .2s}a:hover,a:focus,a:active{outline:none;text-decoration:none}a img{-webkit-transition:all .2s;transition:all .2s}a img::before,a img::after{-webkit-transition:all .2s;transition:all .2s}a img:hover{filter:brightness(112%)}.text-center{text-align:center}.text-center img{margin-left:auto;margin-right:auto}.text-left{text-align:left}.text-right{text-align:right}img{user-drag:none;-webkit-user-drag:none;-moz-user-select:none}@media screen and (max-width: 768px){img.sp-w50{zoom:0.5;margin-left:auto;margin-right:auto}}picture{display:block}.m-0{margin:0 !important}.m-t-0{margin-top:0rem !important}.m-t-1{margin-top:1rem !important}.m-t-2{margin-top:2rem !important}.m-t-4{margin-top:4rem !important}.m-t-6{margin-top:6rem !important}.m-t-8{margin-top:8rem !important}.m-t-10{margin-top:10rem !important}.m-t-16{margin-top:16rem !important}@media screen and (max-width: 768px){.m-t-4{margin-top:3rem !important}.m-t-6{margin-top:3.5rem !important}.m-t-8{margin-top:4rem !important}.m-t-10{margin-top:5rem !important}.m-t-16{margin-top:8rem !important}}.font-xxxl{font-size:7.2rem !important}.font-xxl{font-size:4.2rem !important}.font-xl,.shop-list .list dt{font-size:2.4rem !important}.font-l,.shop-list .list dd{font-size:1.9rem !important}.font-m{font-size:1.7rem !important}.font-n{font-size:1.6rem !important}.font-s{font-size:1.4rem !important;line-height:1.4}.font-xs{font-size:1.0rem !important;line-height:1.4}@media screen and (max-width: 768px){.font-xxxl{font-size:2.8rem !important}.font-xxl{font-size:2.2rem !important}.font-xl,.shop-list .list dt{font-size:1.6rem !important}.font-l,.shop-list .list dd{font-size:1.4rem !important}.font-m{font-size:1.3rem !important}.font-n{font-size:1.2rem !important}.font-s{font-size:1.1rem !important;line-height:1.4}.font-xs{font-size:1.0rem !important;line-height:1.4}}.flex-conts{display:flex;flex-flow:row wrap;align-items:center}.flex-conts.row-reverse{flex-direction:row-reverse}.flex-conts.align-top{align-items:flex-start}.flex-conts.space-between{justify-content:space-between}.module-2{width:50%;display:block}@media screen and (max-width: 768px){.module-2{width:100%}}@media screen and (min-width: 769px){.module-2.narrow{width:330px}.module-2.wide{width:calc(100% - 330px)}}.module-3{width:33.33333%;display:block}@media screen and (max-width: 768px){.module-3{width:100%}}.font-black{color:#000 !important}.font-white{color:#fff !important}.uppercase{text-transform:uppercase}#countdown{opacity:0;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;background-color:rgba(0,0,0,0.8);filter:blur(0)}@media screen and (max-width: 768px){#countdown{position:absolute;height:auto;margin-top:10.66vw}}#countdown.active{opacity:1;z-index:999}#countdown .inner{width:61.8%;height:100%;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){#countdown .inner{align-items:flex-start;padding-top:10vh;padding-top:6vh}}#countdown .inner::after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;filter:blur(8px)}#countdown2{opacity:1;position:absolute;left:auto;height:auto;z-index:99;background-color:transparent}@media screen and (max-width: 768px){#countdown2{display:none}}#countdown2 .inner{width:100%;height:100%;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center}#countdown2 .inner::after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;filter:blur(8px)}.countdown-close-button{position:fixed;right:2vw;top:4vw;font-size:10vw;line-height:0;color:#fff;opacity:0.8;z-index:999}@media screen and (max-width: 768px){.countdown-close-button{font-size:20vw;display:none}}.countdown-close-button:hover{cursor:pointer;opacity:1}.num{font-size:12vw;color:#fff;text-align:center;width:100%;position:relative}.num::after{content:"day";text-transform:uppercase;display:block;margin-top:2vh;font-size:2vw;text-align:center;font-weight:bold}.num.hours::after{content:"hours"}.num.minutes::after{content:"minutes"}.num.seconds::after{content:"seconds"}.num::before{content:":";font-size:6vw;position:absolute;top:calc(50% - 4vw);right:-0.5vw}.num.seconds::before{content:none}#countdown2 .num{font-size:24px}#countdown2 .num::after{margin-top:0;font-size:11px}#countdown2 .num::before{content:":";font-size:10px;position:absolute;top:20%;right:-5%}#countdown2 .num.seconds::before{content:none}.teaser-wrap{width:100%;background-color:#E60012;position:relative}@media screen and (max-width: 768px){.teaser-wrap{height:auto;padding-top:25vh;background:#000}}@media screen and (min-width: 769px){.teaser-wrap{margin-top:70px;height:calc(100vh - 70px)}}.teaser-wrap img{width:100%;max-width:100%;position:relative;z-index:1}@media screen and (max-width: 768px){.teaser-wrap img{height:auto}}@media screen and (min-width: 769px){.teaser-wrap img{width:100%;max-width:100%}}@media screen and (min-width: 1450px){.teaser-wrap img{width:1520px;max-width:1520px}}@media screen and (min-width: 769px){.teaser-wrap.v0530 img{width:1300px;max-width:1300px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%)}}@media screen and (min-width: 1450px){.teaser-wrap.v0530 img{width:1520px;max-width:1520px}}@media screen and (min-width: 769px){.teaser-wrap.v0530 #countdown2{bottom:160px;right:calc( 50% - 480px);width:300px}}@media screen and (min-width: 1450px){.teaser-wrap.v0530 #countdown2{bottom:190px;right:calc( 50% - 540px);width:300px}}@media only screen and (min-width: 769px) and (max-width: 1199px){.teaser-wrap.v0531 img{width:1300px;max-width:1300px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%)}}@media only screen and (min-width: 1200px) and (max-width: 1449px){.teaser-wrap.v0531 img{width:1300px;max-width:1300px;position:absolute;right:0;bottom:0}}@media screen and (min-width: 1450px){.teaser-wrap.v0531 img{position:absolute;left:auto;right:0;bottom:0;width:1520px;max-width:1520px}}@media only screen and (min-width: 769px) and (max-width: 1199px){.teaser-wrap.v0531 #countdown2{bottom:160px;right:calc( 50% + 190px);width:300px}}@media only screen and (min-width: 1200px) and (max-width: 1449px){.teaser-wrap.v0531 #countdown2{bottom:160px;right:870px;width:300px}}@media screen and (min-width: 1450px){.teaser-wrap.v0531 #countdown2{bottom:190px;right:1010px;width:300px}}@media screen and (min-width: 769px){.teaser-wrap.v0601 img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:1300px;max-width:1300px}}@media screen and (min-width: 1450px){.teaser-wrap.v0601 img{width:1520px;max-width:1520px}}.teaser-wrap.v0601:after{content:"";display:block;width:50%;height:100%;position:absolute;left:0;top:0;background-color:#000;z-index:0}@media screen and (min-width: 769px){.teaser-wrap.v0601 #countdown2{bottom:300px;right:calc( 50% - 150px);width:300px}}@media screen and (min-width: 1450px){.teaser-wrap.v0601 #countdown2{bottom:370px;right:calc( 50% - 150px);width:300px}}.contents{width:auto}.fadein,.fadein-pc{opacity:0;transform:translate(0, 0px);transition:all 3600ms}.fadein.scrollin,.fadein-pc.scrollin{opacity:1;transform:translate(0, 0)}@media screen and (max-width: 768px){.fadein-pc{opacity:1}}.fadein-bottom{opacity:0;transform:translate(0, 100px);transition:all 2400ms}.fadein-bottom.scrollin{opacity:1;transform:translate(0, 0)}.fadein-right{opacity:0;transform:translateX(50px);transition:all 2400ms}.fadein-right.scrollin{opacity:1;transform:translateX(0)}.fadein-left{opacity:0;transform:translateX(-50px);transition:all 2400ms}.fadein-left.scrollin{opacity:1;transform:translateX(0)}.common-button{position:relative;display:inline-block;background-color:#fff;color:#000;text-align:center;text-decoration:none;padding:1.2em 0;font-size:24px;font-weight:bold;width:100%;border:2px solid #E60012}.common-button.small{padding:.8em 0;font-size:18px}.common-button.red{color:#fff !important;background-color:#AF2828}@media screen and (max-width: 768px){.common-button{padding:1em 0;font-size:18px}.common-button.small{padding:.6em 0;font-size:11px}}.common-button::before,.common-button::after{position:absolute;top:50%;right:.5em;content:'';margin-top:-5px;border:7px solid transparent;border-top-width:5px;border-bottom-width:5px;border-left-color:#E51610;transform:scale(1.5)}@media screen and (max-width: 768px){.common-button.small::before,.common-button.small::after{transform:scale(0.5);right:0}}.common-button.red::before,.common-button.red::after{border-left-color:#fff}.common-button::after{opacity:0;right:1em}.common-button:hover::before{animation:arrowbefore .5s}.common-button:hover::after{animation:arrowafter .5s}@keyframes arrowbefore{100%{right:-.4em;opacity:0}}@keyframes arrowafter{99%{right:.2em;opacity:1}100%{opacity:0}}.text-box p{margin-top:10px}.text-box .inner{padding:2vw 4vw;background-color:rgba(0,0,0,0.1)}@media screen and (max-width: 768px){.text-box .opPrologue_headline .is-jp{font-size:3.4rem}}.onePiece_vol3{overflow:hidden;font-family:"Noto Sans Japanese", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;background-color:#E60012}.onePiece_vol3 .font-arvo{font-family:'Arvo', serif !important}.font-arvo{font-family:'Arvo', serif !important}.vol3-hero{margin-top:70px;width:100vw;background-image:url("hero-01.png");background-size:cover;background-position:center top;background-repeat:no-repeat;position:relative;aspect-ratio:192 / 85}@media screen and (max-width: 768px){.vol3-hero{margin-top:0;aspect-ratio:16 / 9}}@media screen and (min-width: 769px){.vol3-hero:after{position:absolute;top:0;width:100vw;width:100%;height:calc(100vh - 70px);height:100%;background:linear-gradient(90deg, #000 0%, #000 50%, #E60012 50%, #E60012 100%)}}.vol3-hero .inner{width:100vw;height:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background-image:url("hero.png");background-position:center bottom;background-repeat:no-repeat}@media screen and (max-width: 768px){.vol3-hero .inner{background-size:cover}}@media only screen and (min-width: 769px) and (max-width: 1280px){.vol3-hero .inner{background-size:calc(2400px * .7)}}@media only screen and (min-width: 1281px) and (max-width: 1449px){.vol3-hero .inner{background-size:calc(2400px * .8)}}@media screen and (min-width: 1450px){.vol3-hero .inner{background-size:calc(2400px * .85)}}.vol3-hero .inner .luffy{width:381px;height:684px;position:absolute;bottom:-6px;left:calc(50% - 356px);transform:scale(0.2)}@media screen and (max-width: 768px){.vol3-hero .inner .luffy{transform-origin:top;left:30vw;bottom:auto;top:16vw;width:20vw;transform:none}}@media only screen and (min-width: 769px) and (max-width: 1280px){.vol3-hero .inner .luffy{width:1280px;bottom:-66px;left:calc(50% - 461px);transform:scale(0.7)}}@media only screen and (min-width: 1281px) and (max-width: 1449px){.vol3-hero .inner .luffy{bottom:-26px;left:calc(50% - 347px);transform:scale(0.8)}}@media screen and (min-width: 1450px){.vol3-hero .inner .luffy{bottom:-6px;left:calc(50% - 356px);transform:scale(0.85)}}.vol3-hero .inner .shanks{width:381px;height:684px;position:absolute;bottom:-6px;left:calc(50% - 356px);transform:scale(0.2)}@media screen and (max-width: 768px){.vol3-hero .inner .shanks{transform-origin:top;left:auto;bottom:auto;top:16vw;transform:none;right:30vw;width:20vw}}@media only screen and (min-width: 769px) and (max-width: 1280px){.vol3-hero .inner .shanks{bottom:-66px;left:calc(50% - 46px);transform:scale(0.7)}}@media only screen and (min-width: 1281px) and (max-width: 1449px){.vol3-hero .inner .shanks{bottom:-26px;left:calc(50% - 26px);transform:scale(0.8)}}@media screen and (min-width: 1450px){.vol3-hero .inner .shanks{bottom:-6px;left:calc(50% - 16px);transform:scale(0.85)}}.vol3-wrap{width:1160px;margin-left:auto;margin-right:auto;overflow:hidden}.vol3-wrap.wide{width:100%}@media screen and (max-width: 768px){.vol3-wrap{width:100%;padding-left:20px;padding-right:20px}.vol3-wrap.wide{width:100%;padding-left:0;padding-right:0}}.upper-item{padding:80px 0}@media screen and (max-width: 768px){.upper-item{padding:20px 0}}.upper-item .inner{display:flex;flex-flow:row wrap;align-items:stretch}.upper-item .item{width:25%;padding:20px;padding-bottom:100px;display:flex;flex-direction:column;justify-content:space-around;min-height:600px;position:relative}@media screen and (max-width: 768px){.upper-item .item{min-height:auto;padding-bottom:60px}}.upper-item .item:nth-child(odd){background-color:#D5150F}.upper-item .item:nth-child(even){background-color:#FF2323}@media screen and (max-width: 768px){.upper-item .item{width:50%}}.upper-item .item .button{position:absolute;left:20px;bottom:20px;width:calc(100% - 40px)}.upper-item .bg-text{color:#B51515;line-height:1}.upper-item img{margin-top:-20px}@media screen and (max-width: 768px){.upper-item img{margin-top:-10px}}.story{padding-bottom:100px}@media screen and (max-width: 768px){.story{padding-bottom:50px}}.detail-shanks .inner,.detail-luffy .inner{position:relative;overflow:visible}@media screen and (max-width: 768px){.detail-shanks .inner,.detail-luffy .inner{height:calc(100vw * 2.9)}}@media screen and (min-width: 769px){.detail-shanks .inner,.detail-luffy .inner{min-height:1620px}}.detail-shanks .inner:after,.detail-luffy .inner:after{content:"";display:block;background-image:url("detail-shanks-bg.png");background-size:contain;background-repeat:no-repeat;position:absolute;left:0;z-index:0}@media screen and (max-width: 768px){.detail-shanks .inner:after,.detail-luffy .inner:after{width:100vw;aspect-ratio:8 / 19;top:160px;left:auto;background-image:url("detail-shanks-bg_sp.png");right:0;background-size:cover;background-position:right top}}@media screen and (min-width: 769px){.detail-shanks .inner:after,.detail-luffy .inner:after{width:1962px;height:1615px;top:0}}.detail-shanks .name,.detail-luffy .name{margin-top:100px}.detail-shanks .text,.detail-luffy .text{z-index:1;position:relative}@media screen and (min-width: 769px){.detail-shanks .text-1,.detail-luffy .text-1{font-size:24px;width:640px;line-height:1.4;margin-top:50px}}@media screen and (max-width: 768px){.detail-shanks .text-1,.detail-luffy .text-1{font-size:11px;width:340px;margin-top:40px}}@media screen and (min-width: 769px){.detail-shanks .text-2,.detail-luffy .text-2{position:absolute;top:410px;font-size:17px;width:250px}}@media screen and (max-width: 768px){.detail-shanks .text-2,.detail-luffy .text-2{display:none}}@media screen and (min-width: 769px){.detail-shanks .text-3,.detail-luffy .text-3{position:absolute;top:690px;font-size:17px;width:250px}}@media screen and (max-width: 768px){.detail-shanks .text-3,.detail-luffy .text-3{display:none}}@media screen and (min-width: 769px){.detail-shanks .text-4,.detail-luffy .text-4{position:absolute;top:970px;font-size:17px;width:240px}}@media screen and (max-width: 768px){.detail-shanks .text-4,.detail-luffy .text-4{display:none}}@media screen and (min-width: 769px){.detail-shanks .gift,.detail-luffy .gift{position:absolute;left:-100px;top:1080px}}@media screen and (max-width: 768px){.detail-shanks .gift,.detail-luffy .gift{display:none}}@media screen and (max-width: 768px){.detail-luffy .inner:after{background-image:url("detail-luffy-bg_sp.png")}}@media screen and (min-width: 769px){.detail-luffy .inner:after{width:1287px;height:1363px;background-image:url("detail-luffy-bg.png")}}.detail-luffy .text-1{width:590px}@media screen and (max-width: 768px){.detail-luffy .text-1{font-size:11px;width:340px;margin-top:40px}}@media screen and (min-width: 769px){.detail-luffy .text-2{width:270px;font-size:16px}}.watch{padding-bottom:160px}@media screen and (min-width: 769px){.watch.luffy{padding-top:100px}}@media screen and (max-width: 768px){.watch{padding-bottom:80px}.watch.m-t-10{margin-top:0 !important}}.watch .inner{align-items:flex-end}@media screen and (max-width: 768px){.watch .module-2.photo{width:61.8%;margin-left:auto;margin-right:auto;padding-bottom:10px}}.watch .schedule{width:auto;display:inline-block;padding:10px 30px 10px 30px;font-size:28px;background-color:#B51515}@media screen and (max-width: 768px){.watch .schedule{font-size:12px}}.watch .sub{font-size:24px}@media screen and (max-width: 768px){.watch .sub{font-size:18px}}.watch .main{font-size:64px;line-height:1}@media screen and (max-width: 768px){.watch .main{font-size:40px}}.watch .jp{font-size:30px}@media screen and (max-width: 768px){.watch .jp{font-size:18px}}.watch .price{font-size:17px}@media screen and (max-width: 768px){.watch .price{font-size:12px}}.watch .exp{font-size:20px;padding-right:90px}@media screen and (max-width: 768px){.watch .exp{font-size:14px;padding-right:0}}.watch .button{width:calc(100% - 90px)}@media screen and (max-width: 768px){.watch .button{margin-left:auto;margin-right:auto}}.treasurebox{padding-bottom:100px}@media screen and (max-width: 768px){.treasurebox{padding-bottom:20px}}.treasurebox>.vol3-wrap{width:1400px;margin-top:220px;overflow:visible;padding:80px 120px}@media screen and (max-width: 768px){.treasurebox>.vol3-wrap{width:calc(100% - 40px);margin-top:20px;margin-left:auto;margin-right:auto;overflow:visible;padding:20px 20px}}.treasurebox .schedule{display:inline-block;margin-top:320px;padding:10px 20px;font-size:30px;background-color:#E60012}@media screen and (max-width: 768px){.treasurebox .schedule{font-size:11px}}.treasurebox .sub{font-size:40px;margin-left:85px;color:#E60012}@media screen and (max-width: 768px){.treasurebox .sub{margin-left:0;font-size:18px}}.treasurebox .main{font-size:72px;line-height:1;margin-left:85px;color:#E60012}@media screen and (max-width: 768px){.treasurebox .main{margin-left:0;font-size:40px}}.treasurebox .inner{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse}.treasurebox .inner .conts-left,.treasurebox .inner .conts-right{width:50%}@media screen and (max-width: 768px){.treasurebox .inner .conts-left,.treasurebox .inner .conts-right{width:100%}}.treasurebox .inner .conts-right{position:relative;padding-left:40px}@media screen and (max-width: 768px){.treasurebox .inner .conts-right{padding-left:0}}@media screen and (min-width: 769px){.treasurebox .inner .conts-right .button{position:absolute;left:40px;bottom:50px;width:calc(100% - 90px)}}@media screen and (max-width: 768px){.treasurebox .inner .conts-right .button{width:100%;margin-top:20px;font-size:16px}}.treasurebox .inner .conts-left{text-align:left;padding-right:40px}@media screen and (max-width: 768px){.treasurebox .inner .conts-left{padding-right:0}}.treasurebox .inner .conts-left img{display:block;margin-left:auto}.treasurebox .inner .conts-left .img{margin-right:10px}@media screen and (max-width: 768px){.treasurebox .inner .conts-left .img{margin-right:0}}.treasurebox .inner .right-img{position:absolute;top:-380px}@media screen and (max-width: 768px){.treasurebox .inner .right-img{top:0}}.special-gift{padding:50px 0}.special-gift .module-2{padding-left:40px}.special-gift .title{color:#E60012}.shop-list{padding:100px 0}.shop-list .list{width:560px;margin:auto}@media screen and (max-width: 768px){.shop-list .list{width:100%}}.shop-list .list dl,.shop-list .list dt,.shop-list .list dd{margin:0;padding:0;font-weight:bold}.shop-list .list dt{margin-top:40px}.shop-list .list dd{margin-top:20px}.shop-list .list .button{width:480px;margin:auto}@media screen and (max-width: 768px){.shop-list .list .button{width:100%}}.sns{padding:100px 0}.sns .text{border:2px solid #fff;padding:100px;font-size:30px}@media screen and (max-width: 768px){.sns{padding:20px 0}.sns .text{padding:20px;font-size:12px}}.sns-button{width:100%}.sns-button .item{width:calc(50% - 20px)}@media screen and (max-width: 768px){.sns-button .item{width:100%}}@media screen and (max-width: 768px){.sns-button .button .item{width:calc(50% - 10px)}}.movie{padding:100px 0}.movie .img{float:right}.movie .upper{font-size:20px}.movie .lower{font-size:18px}.movie .lower .text{overflow:hidden;position:relative;height:560px;padding-bottom:62px}.movie .lower .text .copy{position:absolute;left:0;bottom:0}@media screen and (max-width: 768px){.movie{padding:50px 0}.movie .img{float:none}.movie .upper{font-size:14px}.movie .lower{font-size:11px}.movie .lower .text{height:auto;padding-bottom:0}.movie .lower .text .copy{position:relative;left:auto;bottom:auto;margin-top:40px}}.fs-l-pageMain{padding:0}
/*# sourceMappingURL=onepiece.css.map */