/*! html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}html{font-size:62.5%}@media print{body{display:none !important}}body{position:relative;background:#000;font-family:'Amiri', "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;color:#000;text-align:left;font-size:14px;font-size:1.4rem;line-height:1.7;font-weight:normal}table{font-size:inherit;width:100%;border-collapse:collapse;border:0}pre,code,kbd,samp,tt{font-family:inherit;*font-size:108%;line-height:100%}img{vertical-align:bottom;-webkit-touch-callout:none;-moz-touch-callout:none;touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}strong{font-weight:bold}object{margin:0;padding:0}a{color:#fff;text-decoration:none;outline:none}a:visited{color:#fff;text-decoration:none}a:active{text-decoration:none}ol,li{list-style-type:none}::-moz-selection{background:rgba(228,0,127,0.4)}::selection{background:rgba(228,0,127,0.4)}.m_disnon{display:none}.m_box_pd10{padding:10px}.m_box_pd20{padding:20px}.m_box_pd30{padding:30px}.m_box_pd40{padding:40px}.m_box_pd50{padding:50px}.m_center{text-align:center}.m_left{text-align:left}.m_right{text-align:right}.m_va_top{vertical-align:top}.m_va_middle{vertical-align:middle}.m_font_b{font-weight:bold !important}.m_fontS,#justaway .label,.share h2,#footer,#cast #cnav span{font-size:10px;font-size:1rem;line-height:1.7;font-weight:normal}.m_fontSM,#justaway,#index_main #countdown,#cast .box_chara,#staff .box_staff dd,#guide .txt,#guide .box_guide .box_txt,#guide .list,#productionnote .box_topic .txt,#kantoku .box_topic .txt,#productionnote .box_topic .end,#kantoku .box_topic .end{font-size:12px;font-size:1.2rem;line-height:1.7;font-weight:normal}.m_fontM{font-size:16px;font-size:1.6rem;line-height:1.7;font-weight:normal}.m_fontLM,#guide .list_present .item,#guide .list_present a{font-size:18px;font-size:1.8rem;line-height:1.7;font-weight:normal}.m_fontL,#justaway .count{font-size:20px;font-size:2rem;line-height:1.7;font-weight:normal}.m_fontLL{font-size:22px;font-size:2.2rem;line-height:1.7;font-weight:normal}.m_word_break{word-break:break-all}.m_mb0{margin-bottom:0 !important}.m_mb10{margin-bottom:10px}.m_mb20{margin-bottom:20px}.m_mb30{margin-bottom:30px}.m_mb40{margin-bottom:40px}.m_mb50{margin-bottom:50px}.m_mb60{margin-bottom:60px}.m_mb70{margin-bottom:70px}.m_mb80{margin-bottom:80px}.m_mb90{margin-bottom:90px}.m_mb100{margin-bottom:100px}.m_ml10{margin-left:10px}.m_ml20{margin-left:20px}.m_ml30{margin-left:30px}.m_ml40{margin-left:40px}.m_ml50{margin-left:50px}.m_mr10{margin-right:10px}.m_mr20{margin-right:20px}.m_mr30{margin-right:30px}.m_mr40{margin-right:40px}.m_mr50{margin-right:50px}.font_sansserif,.btn_panel .inner::after,.btn_gnav .inner::after,#justaway,.share h2,#footer,#btn_ptop,#introduction #main_inner,#story #main_inner,#cast #chart a,#cast .box_chara,#cast #cnav,#staff .box_staff dd,#guide .txt,#guide .box_guide .box_txt,#guide .list,#guide .list_present,#productionnote .list li.new a::after,#kantoku .list li.new a::after,#productionnote .box_topic .txt,#kantoku .box_topic .txt,#productionnote .btn_back,#kantoku .btn_back,#productionnote #pnav,#kantoku #pnav{font-family:'Roboto', '源ノ角ゴシック', 'Source Han Sans', '源ノ角ゴシック Regular', 'Source Han Sans Regular', 'Noto Sans', 'Noto Sans JP', 'メイリオ', 'Meiryo', sans-serif}img{width:100%}body{color:#fff}.btn_panel{position:fixed;bottom:215px;left:0;color:#fff;z-index:1;cursor:pointer}.btn_panel .inner{position:relative;width:14vw;padding-top:100%;background:rgba(0,0,0,0.6)}.btn_panel .inner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:rgba(255,255,255,0.4) 0 0 0 1px inset;background-image:url("../../../img/renew/common/frame01_tl.png"),url("../../../img/renew/common/frame01_tr.png"),url("../../../img/renew/common/frame01_br.png"),url("../../../img/renew/common/frame01_bl.png");background-position:0 0, 100% 0, 100% 100%, 0 100%;background-repeat:no-repeat}.btn_panel .inner::after{content:'CLOSE';position:absolute;bottom:5px;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);font-size:3vw;transition:all .3s ease-out}.btn_panel .lines{position:absolute;right:50%;bottom:50%;width:38%;height:28%;-webkit-transform:translate(50%, 0);-ms-transform:translate(50%, 0);transform:translate(50%, 0);transition:all .6s ease-out}.btn_panel i{display:block;position:absolute;width:100%;height:2px;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all 0.3s ease-out}.btn_panel i.first{top:50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.btn_panel i.second{opacity:0}.btn_panel i.third{top:50%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#stage{width:100%;overflow:hidden}#stage.off #btn_ptop{margin-top:177.5%}#stage.off .btn_cont .inner::after{content:'OPEN'}#stage.off .btn_cont .lines{-webkit-transform:scale(0.6) translate(90%, 0);-ms-transform:scale(0.6) translate(90%, 0);transform:scale(0.6) translate(90%, 0)}#stage.off .btn_cont .first{top:0 !important}#stage.off .btn_cont .second{top:50% !important}#stage.off .btn_cont .third{top:100% !important}#header{position:fixed;top:0;left:0;width:100%;overflow:hidden;opacity:0;z-index:-1}#header .logo{position:relative;margin:6% 0;text-align:center}#header .logo a{display:inline-block;width:22%;padding-top:14.23529%;background:url("../../img/renew/common/panel/btn_top.png") no-repeat;background-size:cover;vertical-align:middle;text-indent:-9999px;font-size:0}#header .inner{position:relative}#index #header .logo{margin:3% 0}#index #header .logo a{width:14.28%;padding-top:11.71692%;background-image:url("../../img/renew/common/logo_s.png")}#gnav_layer{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../../../img/renew/common/bg01.jpg");background-size:90px}#index #gnav li{border-bottom:2px solid rgba(0,0,0,0.2);opacity:0}#index #gnav li .cs{opacity:.2}#index #gnav li img{-webkit-filter:invert(100%);filter:invert(100%)}body:not(#index) #gnav{margin-bottom:12%}body:not(#index) #gnav ul{box-sizing:border-box;width:100%;padding:0 10%}body:not(#index) #gnav ul li{margin-bottom:2.5%;opacity:0}body:not(#index) #gnav ul li.guide,body:not(#index) #gnav ul li.original,body:not(#index) #gnav ul li.dtv,body:not(#index) #gnav ul li.productionnote,body:not(#index) #gnav ul li.credit{float:right}body:not(#index) #gnav ul li.music,body:not(#index) #gnav ul li.kabukibar,body:not(#index) #gnav ul li.kantoku,body:not(#index) #gnav ul li.theater,body:not(#index) #gnav ul li.media{float:left}body:not(#index) #gnav ul li.cast,body:not(#index) #gnav ul li.video{clear:both}body:not(#index) #gnav ul li.guide,body:not(#index) #gnav ul li.productionnote,body:not(#index) #gnav ul li.credit{width:38.3%}body:not(#index) #gnav ul li.otose,body:not(#index) #gnav ul li.introduction,body:not(#index) #gnav ul li.story,body:not(#index) #gnav ul li.news,body:not(#index) #gnav ul li.kabukibar,body:not(#index) #gnav ul li.kantoku,body:not(#index) #gnav ul li.theater,body:not(#index) #gnav ul li.media{width:58.7%}body:not(#index) #gnav ul li.music{width:27.5%}body:not(#index) #gnav ul li.original,body:not(#index) #gnav ul li.dtv{width:69.5%}.btn_gnav{position:fixed;top:0;right:0;z-index:100;color:#000}.btn_gnav .inner{position:relative;width:14vw;padding-top:100%;background:url("../../img/renew/common/btn_gnav.jpg") no-repeat;background-size:contain}.btn_gnav .inner::after{content:'MENU';position:absolute;bottom:8%;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);font-size:3vw;transition:all .3s ease-out}.btn_gnav .lines{position:absolute;right:50%;bottom:50%;width:38%;height:28%;-webkit-transform:translate(50%, 0);-ms-transform:translate(50%, 0);transform:translate(50%, 0)}.btn_gnav i{display:block;position:absolute;width:100%;height:2px;background:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease-out}.btn_gnav i.first{top:0}.btn_gnav i.second{top:50%}.btn_gnav i.third{top:100%}.btn_gnav.on .inner{background:#e4007f}.btn_gnav.on .inner::after{content:'CLOSE';color:#fff}.btn_gnav.on i{background:#fff}.btn_gnav.on .first{top:50% !important;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.btn_gnav.on .second{opacity:0 !important}.btn_gnav.on .third{top:50% !important;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#justaway{position:absolute;top:3.5vw;left:2.5%;display:block;box-sizing:border-box;height:34px;padding:6px 6px 6px 36px;background:rgba(0,0,0,0.6);background-image:url("../../../img/renew/common/justaway.png");background-repeat:no-repeat;background-position:7px 50%;background-size:auto 24px;color:#fff;z-index:1}#justaway::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:rgba(255,255,255,0.4) 0 0 0 1px inset;background-image:url("../../../img/renew/common/frame01_tl.png"),url("../../../img/renew/common/frame01_tr.png"),url("../../../img/renew/common/frame01_br.png"),url("../../../img/renew/common/frame01_bl.png");background-position:0 0, 100% 0, 100% 100%, 0 100%;background-repeat:no-repeat}#justaway .inner span{display:table-cell;line-height:1}#justaway .count{margin-right:5px;line-height:1;color:#ffd816}#justaway .unit{padding:0 5px}#justaway .label{padding:0 5px;background:#000;line-height:1;vertical-align:middle}#justaway .label::before{content:'';display:inline-block;width:14px;height:12px;margin-right:5px;background:url("../../img/renew/common/ico01.png") no-repeat;background-size:contain;vertical-align:bottom}#town .place{position:absolute;top:20vw;left:50%;width:50%;background:rgba(0,0,0,0.6);-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);z-index:1}#town .bg_wrapper{position:fixed;top:0;left:0;width:100%;padding-top:177.5%}#town .bg_wrapper .inner{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);height:100%;text-align:center}#town .bg_wrapper .inner .bg{width:auto;height:100%;opacity:0}#town .bg_wrapper #target{position:absolute}#town .bg_wrapper .img_swipe{position:absolute;top:30%;left:0;display:none;box-sizing:border-box;width:100%;padding:3% 32.5%;background:rgba(0,0,0,0.8);line-height:1}#town .bg_wrapper .img_swipe::before{content:'';position:absolute;top:10%;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);display:block;width:25vw;padding-top:3.33333vw;background:url("../../img/renew/common/img_swipe01.png") no-repeat 50% 0;background-size:contain}#town .bg_wrapper .img_swipe::after{content:'';display:block;width:35%;padding-top:53.84615%;background:url("../../img/renew/common/img_swipe02.png") no-repeat;background-size:contain;-webkit-transform:translate(10%, 0);-ms-transform:translate(10%, 0);transform:translate(10%, 0)}#town .bg_wrapper .img_swipe.is-active::before{-webkit-animation:swipeArrow 3s linear forwards;animation:swipeArrow 3s linear forwards}#town .bg_wrapper .img_swipe.is-active::after{-webkit-animation:swipeFinger 3s linear forwards;animation:swipeFinger 3s linear forwards}@-webkit-keyframes swipeArrow{0%{opacity:1;-webkit-transform:translate(-50%, 0) rotate(0);transform:translate(-50%, 0) rotate(0)}25%{opacity:1}50%{opacity:0;-webkit-transform:translate(-50%, 0) rotate(0);transform:translate(-50%, 0) rotate(0)}51%{opacity:0;-webkit-transform:translate(-50%, 0) rotate(180deg);transform:translate(-50%, 0) rotate(180deg)}52%{opacity:1}100%{opacity:1;-webkit-transform:translate(-50%, 0) rotate(180deg);transform:translate(-50%, 0) rotate(180deg)}}@keyframes swipeArrow{0%{opacity:1;-webkit-transform:translate(-50%, 0) rotate(0);transform:translate(-50%, 0) rotate(0)}25%{opacity:1}50%{opacity:0;-webkit-transform:translate(-50%, 0) rotate(0);transform:translate(-50%, 0) rotate(0)}51%{opacity:0;-webkit-transform:translate(-50%, 0) rotate(180deg);transform:translate(-50%, 0) rotate(180deg)}52%{opacity:1}100%{opacity:1;-webkit-transform:translate(-50%, 0) rotate(180deg);transform:translate(-50%, 0) rotate(180deg)}}@-webkit-keyframes swipeFinger{0%{margin-left:0}25%{margin-left:70%}52%{margin-left:70%}76%{margin-left:0}100%{margin-left:0}}@keyframes swipeFinger{0%{margin-left:0}25%{margin-left:70%}52%{margin-left:70%}76%{margin-left:0}100%{margin-left:0}}#town .bg_wrapper .img_gyro{position:absolute;top:30%;left:0;display:none;box-sizing:border-box;width:100%;padding:3% 0;background:rgba(0,0,0,0.8);line-height:1;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}#town .bg_wrapper .img_gyro::before,#town .bg_wrapper .img_gyro::after{content:'';display:inline-block;width:15vw;padding-top:3.33333vw;background:url("../../img/renew/common/img_swipe01.png") no-repeat 100% 50%;background-size:auto 100%;vertical-align:middle}#town .bg_wrapper .img_gyro::before{-webkit-transform:rotateZ(180deg);-ms-transform:rotate(180deg);transform:rotateZ(180deg)}#town .bg_wrapper .img_gyro::after{opacity:0}#town .bg_wrapper .img_gyro img{width:15%;margin:0 2%;vertical-align:middle}#town .bg_wrapper .img_gyro.is-active::before{-webkit-animation:gyroArrowL 1.5s linear forwards;animation:gyroArrowL 1.5s linear forwards}#town .bg_wrapper .img_gyro.is-active::after{-webkit-animation:gyroArrowR 1.5s 1.5s linear forwards;animation:gyroArrowR 1.5s 1.5s linear forwards}#town .bg_wrapper .img_gyro.is-active img{-webkit-animation:gyroPhone 3s linear forwards;animation:gyroPhone 3s linear forwards}@-webkit-keyframes gyroArrowL{0%{-webkit-transform:rotateZ(180deg) translate(0, 0);transform:rotateZ(180deg) translate(0, 0)}23%{-webkit-transform:rotateZ(180deg) translate(10px, 0);transform:rotateZ(180deg) translate(10px, 0)}45%{-webkit-transform:rotateZ(180deg) translate(0, 0);transform:rotateZ(180deg) translate(0, 0)}68%{-webkit-transform:rotateZ(180deg) translate(10px, 0);transform:rotateZ(180deg) translate(10px, 0)}90%{-webkit-transform:rotateZ(180deg) translate(0, 0);transform:rotateZ(180deg) translate(0, 0);opacity:1}100%{opacity:0}}@keyframes gyroArrowL{0%{-webkit-transform:rotateZ(180deg) translate(0, 0);transform:rotateZ(180deg) translate(0, 0)}23%{-webkit-transform:rotateZ(180deg) translate(10px, 0);transform:rotateZ(180deg) translate(10px, 0)}45%{-webkit-transform:rotateZ(180deg) translate(0, 0);transform:rotateZ(180deg) translate(0, 0)}68%{-webkit-transform:rotateZ(180deg) translate(10px, 0);transform:rotateZ(180deg) translate(10px, 0)}90%{-webkit-transform:rotateZ(180deg) translate(0, 0);transform:rotateZ(180deg) translate(0, 0);opacity:1}100%{opacity:0}}@-webkit-keyframes gyroArrowR{0%{opacity:0}10%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}33%{-webkit-transform:translate(10px, 0);transform:translate(10px, 0)}55%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}78%{-webkit-transform:translate(10px, 0);transform:translate(10px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@keyframes gyroArrowR{0%{opacity:0}10%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}33%{-webkit-transform:translate(10px, 0);transform:translate(10px, 0)}55%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}78%{-webkit-transform:translate(10px, 0);transform:translate(10px, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@-webkit-keyframes gyroPhone{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}25%{-webkit-transform:rotateY(-45deg);transform:rotateY(-45deg)}50%{-webkit-transform:rotateY(0);transform:rotateY(0)}75%{-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}100%{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes gyroPhone{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}25%{-webkit-transform:rotateY(-45deg);transform:rotateY(-45deg)}50%{-webkit-transform:rotateY(0);transform:rotateY(0)}75%{-webkit-transform:rotateY(45deg);transform:rotateY(45deg)}100%{-webkit-transform:rotateY(0);transform:rotateY(0)}}.sns{clear:both;padding:12% 0}.sns ul{text-align:center;letter-spacing:-.4em}.sns li{display:inline-block;height:25vw;letter-spacing:normal}.sns li:not(:last-child){margin-right:4%}.sns li img{width:auto;height:100%}.share h2{display:inline-block;padding:0 8px;margin-right:4%;background:#000;color:#fff}.share ul{display:inline-block;text-align:center;vertical-align:middle;letter-spacing:-.4em}.share li{display:inline-block;width:12vw;letter-spacing:normal}#header .share{margin-bottom:12%}.footer_share{position:relative;width:100%;text-align:center;line-height:1.2}.footer_share .inner{width:160px;height:194px;margin:0 auto -24px;background:url("../../../img/renew/index/bg_board.png") no-repeat;background-size:contain}.footer_share ul{display:block;width:100%}.footer_share li:first-child{padding:5%}.footer_share iframe.twitter-tweet-button{height:20px !important}body:not(#index) #main{position:relative;margin:36% 3% 12%}body:not(#index) #main::before,body:not(#index) #main::after{content:'';display:block;padding-top:5.66667%;background-repeat:no-repeat;background-size:100% auto}body:not(#index) #main::before{background-image:url("../../img/renew/common/bg_cont_t.png")}body:not(#index) #main::after{background-image:url("../../img/renew/common/bg_cont_b.png")}body:not(#index) #main #main_inner{padding:0 4.5%;background:url("../../img/renew/common/bg_cont_m.png") repeat-y;background-size:100% auto}body:not(#index) #main #main_inner #preview{margin-top:10%}.ttl_page{margin-bottom:10%;text-align:center}.ttl_sub{margin-bottom:20px;text-align:center}.ttl_sub span{display:inline-block;padding:.2em 1em 0;border-left:1px solid #fff;border-right:1px solid #fff;font-size:12px;font-size:1.2rem;line-height:1;font-weight:normal;letter-spacing:.3em}#footer{position:relative;padding:20px 4%;background:#000;color:#fff}#footer ul{margin-bottom:20px;text-align:center;letter-spacing:-.4em}#footer ul li{display:inline-block;vertical-align:middle;letter-spacing:normal}#footer ul li:not(:last-child){margin-right:2em}#footer ul li.warner{width:115px}#footer ul li.eirin{width:21px}#footer .copyright{padding-top:20px;text-align:center}#btn_ptop{position:relative;display:block;padding:25px 0 12px;background:url("../../img/renew/common/btn_ptop.png") no-repeat 50% 9px #e7017f;background-size:17px auto;font-size:9px;font-size:0.9rem;line-height:1;font-weight:normal;text-align:center}.panel_action{position:fixed;top:0;left:0;z-index:200}.panel_action>div{display:none}.panel_action .kabukibar{opacity:0}.panel_action .kabukibar span{position:absolute;top:-40%}.panel_action .kabukibar span::before,.panel_action .kabukibar span::after{content:url("../../../img/renew/index/particle.png");position:absolute;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.panel_action .kabukibar span img{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.panel_action .kabukibar .ptn1{left:30%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.panel_action .kabukibar .ptn1::before{left:-200px;top:0;-webkit-animation-name:rotatePtn1;animation-name:rotatePtn1;-webkit-animation-duration:.6s;animation-duration:.6s}.panel_action .kabukibar .ptn1::after{right:-150px;top:100px;-webkit-animation-name:rotatePtn3;animation-name:rotatePtn3;-webkit-animation-duration:1s;animation-duration:1s}.panel_action .kabukibar .ptn1 img{-webkit-animation-name:rotatePtn4;animation-name:rotatePtn4;-webkit-animation-duration:.4s;animation-duration:.4s}.panel_action .kabukibar .ptn2{left:40%;-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}.panel_action .kabukibar .ptn2::before{left:-100px;top:60px;-webkit-animation-name:rotatePtn1;animation-name:rotatePtn1;-webkit-animation-duration:.8s;animation-duration:.8s}.panel_action .kabukibar .ptn2::after{right:-200px;top:50px;-webkit-animation-name:rotatePtn2;animation-name:rotatePtn2;-webkit-animation-duration:.4s;animation-duration:.4s}.panel_action .kabukibar .ptn2 img{-webkit-animation-name:rotatePtn2;animation-name:rotatePtn2;-webkit-animation-duration:1.2s;animation-duration:1.2s}.panel_action .kabukibar .ptn3{left:90%;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}.panel_action .kabukibar .ptn3::before{left:-400px;top:100px;-webkit-animation-name:rotatePtn4;animation-name:rotatePtn4;-webkit-animation-duration:.3s;animation-duration:.3s}.panel_action .kabukibar .ptn3::after{right:-30px;top:200px;-webkit-animation-name:rotatePtn4;animation-name:rotatePtn4;-webkit-animation-duration:.8s;animation-duration:.8s}.panel_action .kabukibar .ptn3 img{-webkit-animation-name:rotatePtn3;animation-name:rotatePtn3;-webkit-animation-duration:1s;animation-duration:1s}.panel_action .kabukibar .ptn4{left:60%;top:-75%;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.panel_action .kabukibar .ptn4::before{left:-330px;top:400px;-webkit-animation-name:rotatePtn2;animation-name:rotatePtn2;-webkit-animation-duration:1.2s;animation-duration:1.2s}.panel_action .kabukibar .ptn4::after{right:-500px;top:300px;-webkit-animation-name:rotatePtn3;animation-name:rotatePtn3;-webkit-animation-duration:.7s;animation-duration:.7s}.panel_action .kabukibar .ptn4 img{-webkit-animation-name:rotatePtn1;animation-name:rotatePtn1;-webkit-animation-duration:.8s;animation-duration:.8s}@-webkit-keyframes rotatePtn1{0%{-webkit-transform:rotate3d(1, 1, 1, 0deg);transform:rotate3d(1, 1, 1, 0deg)}25%{-webkit-transform:rotate3d(1, 1, 1, 90deg);transform:rotate3d(1, 1, 1, 90deg)}50%{-webkit-transform:rotate3d(1, 1, 1, 180deg);transform:rotate3d(1, 1, 1, 180deg)}75%{-webkit-transform:rotate3d(1, 1, 1, 270deg);transform:rotate3d(1, 1, 1, 270deg)}100%{-webkit-transform:rotate3d(1, 1, 1, 360deg);transform:rotate3d(1, 1, 1, 360deg)}}@keyframes rotatePtn1{0%{-webkit-transform:rotate3d(1, 1, 1, 0deg);transform:rotate3d(1, 1, 1, 0deg)}25%{-webkit-transform:rotate3d(1, 1, 1, 90deg);transform:rotate3d(1, 1, 1, 90deg)}50%{-webkit-transform:rotate3d(1, 1, 1, 180deg);transform:rotate3d(1, 1, 1, 180deg)}75%{-webkit-transform:rotate3d(1, 1, 1, 270deg);transform:rotate3d(1, 1, 1, 270deg)}100%{-webkit-transform:rotate3d(1, 1, 1, 360deg);transform:rotate3d(1, 1, 1, 360deg)}}@-webkit-keyframes rotatePtn2{0%{-webkit-transform:rotate3d(1, 0, 1, 0deg);transform:rotate3d(1, 0, 1, 0deg)}25%{-webkit-transform:rotate3d(1, 0, 1, 90deg);transform:rotate3d(1, 0, 1, 90deg)}50%{-webkit-transform:rotate3d(1, 0, 1, 180deg);transform:rotate3d(1, 0, 1, 180deg)}75%{-webkit-transform:rotate3d(1, 0, 1, 270deg);transform:rotate3d(1, 0, 1, 270deg)}100%{-webkit-transform:rotate3d(1, 0, 1, 360deg);transform:rotate3d(1, 0, 1, 360deg)}}@keyframes rotatePtn2{0%{-webkit-transform:rotate3d(1, 0, 1, 0deg);transform:rotate3d(1, 0, 1, 0deg)}25%{-webkit-transform:rotate3d(1, 0, 1, 90deg);transform:rotate3d(1, 0, 1, 90deg)}50%{-webkit-transform:rotate3d(1, 0, 1, 180deg);transform:rotate3d(1, 0, 1, 180deg)}75%{-webkit-transform:rotate3d(1, 0, 1, 270deg);transform:rotate3d(1, 0, 1, 270deg)}100%{-webkit-transform:rotate3d(1, 0, 1, 360deg);transform:rotate3d(1, 0, 1, 360deg)}}@-webkit-keyframes rotatePtn3{0%{-webkit-transform:rotate3d(-1, 1, 0, 0deg);transform:rotate3d(-1, 1, 0, 0deg)}25%{-webkit-transform:rotate3d(-1, 1, 0, 90deg);transform:rotate3d(-1, 1, 0, 90deg)}50%{-webkit-transform:rotate3d(-1, 1, 0, 180deg);transform:rotate3d(-1, 1, 0, 180deg)}75%{-webkit-transform:rotate3d(-1, 1, 0, 270deg);transform:rotate3d(-1, 1, 0, 270deg)}100%{-webkit-transform:rotate3d(-1, 1, 0, 360deg);transform:rotate3d(-1, 1, 0, 360deg)}}@keyframes rotatePtn3{0%{-webkit-transform:rotate3d(-1, 1, 0, 0deg);transform:rotate3d(-1, 1, 0, 0deg)}25%{-webkit-transform:rotate3d(-1, 1, 0, 90deg);transform:rotate3d(-1, 1, 0, 90deg)}50%{-webkit-transform:rotate3d(-1, 1, 0, 180deg);transform:rotate3d(-1, 1, 0, 180deg)}75%{-webkit-transform:rotate3d(-1, 1, 0, 270deg);transform:rotate3d(-1, 1, 0, 270deg)}100%{-webkit-transform:rotate3d(-1, 1, 0, 360deg);transform:rotate3d(-1, 1, 0, 360deg)}}@-webkit-keyframes rotatePtn4{0%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}25%{-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg)}50%{-webkit-transform:rotate3d(0, 0, 1, 180deg);transform:rotate3d(0, 0, 1, 180deg)}75%{-webkit-transform:rotate3d(0, 0, 1, 270deg);transform:rotate3d(0, 0, 1, 270deg)}100%{-webkit-transform:rotate3d(0, 0, 1, 360deg);transform:rotate3d(0, 0, 1, 360deg)}}@keyframes rotatePtn4{0%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}25%{-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg)}50%{-webkit-transform:rotate3d(0, 0, 1, 180deg);transform:rotate3d(0, 0, 1, 180deg)}75%{-webkit-transform:rotate3d(0, 0, 1, 270deg);transform:rotate3d(0, 0, 1, 270deg)}100%{-webkit-transform:rotate3d(0, 0, 1, 360deg);transform:rotate3d(0, 0, 1, 360deg)}}.panel_action .otose{position:absolute;top:0;left:0;width:100%;height:100%;background:url("../../../img/renew/common/particle_smoke.png") no-repeat 50% 50%;background-size:cover;opacity:0}.panel_action .otose::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("../../../img/renew/common/particle_smoke.png") repeat-x;background-size:auto 100%}.panel_action .otose::before{background-position:0 0}.panel_action .sushi img{position:absolute;top:-10%;left:90%;width:160px}.panel_action.is-active{width:100%;height:100%}@-webkit-keyframes actionInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes actionInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}.panel_action.is-active .kabukibar.is-active{display:block;-webkit-animation:actionInOut 3s linear;animation:actionInOut 3s linear}.panel_action.is-active .kabukibar.is-active .ptn1{-webkit-animation:fallPtn1 5s 1s linear infinite;animation:fallPtn1 5s 1s linear infinite}@-webkit-keyframes fallPtn1{0%{top:-40%}100%{top:105%;left:20%}}@keyframes fallPtn1{0%{top:-40%}100%{top:105%;left:20%}}.panel_action.is-active .kabukibar.is-active .ptn2{-webkit-animation:fallPtn2 7s linear infinite;animation:fallPtn2 7s linear infinite}@-webkit-keyframes fallPtn2{0%{top:-40%}100%{top:105%;left:25%}}@keyframes fallPtn2{0%{top:-40%}100%{top:105%;left:25%}}.panel_action.is-active .kabukibar.is-active .ptn3{-webkit-animation:fallPtn3 5s linear infinite;animation:fallPtn3 5s linear infinite}@-webkit-keyframes fallPtn3{0%{top:-40%}100%{top:105%;left:75%}}@keyframes fallPtn3{0%{top:-40%}100%{top:105%;left:75%}}.panel_action.is-active .kabukibar.is-active .ptn4{-webkit-animation:fallPtn4 4s linear infinite;animation:fallPtn4 4s linear infinite}@-webkit-keyframes fallPtn4{0%{top:-75%}100%{top:105%;left:75%}}@keyframes fallPtn4{0%{top:-75%}100%{top:105%;left:75%}}.panel_action.is-active .otose.is-active{display:block;-webkit-animation:actionInOut 3s linear;animation:actionInOut 3s linear}.panel_action.is-active .otose.is-active::before{-webkit-animation:smoke1 7s linear;animation:smoke1 7s linear}@-webkit-keyframes smoke1{0%{background-position:0 0}100%{background-position:60% 0}}@keyframes smoke1{0%{background-position:0 0}100%{background-position:60% 0}}.panel_action.is-active .sushi.is-active{display:block}.panel_action.is-active .sushi.is-active img{-webkit-animation:ellyRuns 1.4s linear forwards;animation:ellyRuns 1.4s linear forwards}@-webkit-keyframes ellyRuns{0%{top:-10%;left:90%;-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}50%{top:55%;left:45%;-webkit-transform:rotateZ(135deg);transform:rotateZ(135deg)}100%{top:100%;left:0%;-webkit-transform:rotateZ(270deg);transform:rotateZ(270deg)}}@keyframes ellyRuns{0%{top:-10%;left:90%;-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}50%{top:55%;left:45%;-webkit-transform:rotateZ(135deg);transform:rotateZ(135deg)}100%{top:100%;left:0%;-webkit-transform:rotateZ(270deg);transform:rotateZ(270deg)}}body.fake_r{-webkit-animation:bodyFixed .6s linear none;animation:bodyFixed .6s linear none}@-webkit-keyframes bodyFixed{0%{position:fixed}100%{position:fixed}}@keyframes bodyFixed{0%{position:fixed}100%{position:fixed}}body.fake_r #stage{-webkit-animation:stageRotate .6s ease-out;animation:stageRotate .6s ease-out}@-webkit-keyframes stageRotate{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes stageRotate{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}body.fake_m #stage{-webkit-animation:stageFade .6s linear;animation:stageFade .6s linear}@-webkit-keyframes stageFade{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@keyframes stageFade{0%{opacity:1}50%{opacity:0}100%{opacity:1}}body.fake_m #justaway{-webkit-animation:stageMirror .1s .3s ease-out forwards;animation:stageMirror .1s .3s ease-out forwards}@-webkit-keyframes stageMirror{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes stageMirror{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}body.fake_m #town .place{-webkit-animation:stageMirrorP .1s .3s ease-out forwards;animation:stageMirrorP .1s .3s ease-out forwards}@-webkit-keyframes stageMirrorP{0%{-webkit-transform:translate(-50%, 0) rotateY(0);transform:translate(-50%, 0) rotateY(0)}100%{-webkit-transform:translate(-50%, 0) rotateY(180deg);transform:translate(-50%, 0) rotateY(180deg)}}@keyframes stageMirrorP{0%{-webkit-transform:translate(-50%, 0) rotateY(0);transform:translate(-50%, 0) rotateY(0)}100%{-webkit-transform:translate(-50%, 0) rotateY(180deg);transform:translate(-50%, 0) rotateY(180deg)}}body.fake_m #main{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.box_indent{padding-left:4%;padding-right:4%}.box_movie{position:relative;width:100%;padding-top:56.25%}.box_movie iframe{position:absolute;top:0;left:0;width:100%;height:100%}#index .box_slash{position:relative;padding-bottom:20%}#index .box_slash::before{content:'';position:absolute;top:-9vw;left:0;width:100%;height:100%;padding-bottom:10%;background-size:90px;-webkit-transform:skewY(-10deg);-ms-transform:skewY(-10deg);transform:skewY(-10deg)}#index .box_slash.bgc_w::before{background-image:url("../../../img/renew/common/bg01.jpg")}#index .box_slash.bgc_p .inner{top:-15vw}#index .box_slash.bgc_p::before{background-image:url("../../../img/renew/common/bg02.jpg")}#index .box_slash .inner{position:relative}#index .pickup{width:80%;padding-top:2%;margin:0 auto}#index .pickup p{margin-top:4%}#index #billing{margin-bottom:12%}#index .box_movie{margin-bottom:12%}#index #sticker li{width:42.7%;padding-top:51.77375%;background:url("../../../img/renew/index/bg_board.png") no-repeat;background-size:contain;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}#index #sticker li:nth-child(odd){float:left;margin-left:-25%;-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg)}#index #sticker li:nth-child(even){float:right;margin-right:-24%;-webkit-transform:rotateZ(-30deg);-ms-transform:rotate(-30deg);transform:rotateZ(-30deg)}#index #sticker a{position:absolute;top:0;left:0;display:block;width:100%}#index #footer{margin-top:-22vw}#index_main{position:relative;padding-top:162.03125%;background:url("../../img/renew/index/mainvisual.jpg") no-repeat;background-size:contain}#index_main .logo{position:absolute;bottom:37vw;left:50%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0);width:42%;padding-top:34.70659%;background:url("../../img/renew/common/logo.png") no-repeat;background-size:cover;text-indent:-9999px;font-size:0}#index_main .copy01{position:absolute;top:3vw;left:3%;width:6.2%}#index_main .copy02{position:absolute;bottom:0;left:0;width:100%}#index_main .releaseday{position:absolute;bottom:31vw;left:4%;width:23%}#index_main #countdown{position:absolute;bottom:24vw;left:4.5%;width:21.5%;background:url("../../img/renew/index/bg_countdown.png") no-repeat 50% 0;background-size:contain;text-align:center;color:#fff}#index_main #countdown .dot{letter-spacing:-1em}#index_main #particle{position:absolute;top:0;left:0;width:100%;height:100%}#index_bnr{position:relative;width:100%;padding:6% 0 19vw;margin-bottom:12%}#index_bnr .slick-arrow{position:absolute;bottom:0;display:block;width:15vw;height:15vw;background-color:transparent;background-size:contain;border:none;outline:none;text-indent:-9999px;font-size:0;z-index:1}#index_bnr .slick-arrow.slick-prev{left:50%;-webkit-transform:translate(-130%, 0);-ms-transform:translate(-130%, 0);transform:translate(-130%, 0);background-image:url("../../img/renew/common/btn_prev.png")}#index_bnr .slick-arrow.slick-next{right:50%;-webkit-transform:translate(130%, 0);-ms-transform:translate(130%, 0);transform:translate(130%, 0);background-image:url("../../img/renew/common/btn_next.png")}#index_bnr .slick-slide a{float:left;display:block;width:44%;margin-left:4%}#index_bnr .slick-slide a:nth-child(n+3){margin-top:4%}#index_gnav{display:none;margin-bottom:12%}#index_gnav li{border-bottom:2px solid rgba(255,255,255,0.4)}#index_gnav li .cs{opacity:.2}#introduction #main_inner{color:#fff}#introduction #main_inner .txt{padding:20px 4.5%;line-height:2}#introduction .box_intro01{position:relative;background:#cfecf9}#introduction .box_intro01 p:nth-child(2){position:absolute;bottom:0;left:0;width:100%}#introduction .box_intro02{font-weight:bold;color:#e7007f;background:#cfecf9}#introduction .box_intro03{padding-top:6%;background:#e7007f}#introduction .img_scr{padding-top:22.5%;background-size:auto 100%;background-repeat:repeat-x}#introduction .scrL.L1{background-image:url("../../../img/renew/intro/img_scr01.jpg")}#introduction .scrL.L2{padding-top:28.12%;background-image:url("../../../img/renew/intro/img_scr03.jpg")}#introduction .scrR{background-image:url("../../../img/renew/intro/img_scr02.jpg")}#story #main_inner{color:#fff}#story #main_inner .txt{padding:20px 4.5%;background:#e7007f;line-height:2}#story .img_scr{padding-top:20.62%;background-size:auto 100%;background-repeat:repeat-x}#story .scrL.L1{background-image:url("../../img/renew/story/img_scr02.jpg")}#story .scrL.L2{padding-top:28.12%;background-image:url("../../../img/renew/story/img_scr01.jpg")}#story .scrR{background-image:url("../../img/renew/story/img_scr03.jpg")}#cast #chart{margin-bottom:10%}#cast #chart a{box-sizing:border-box;display:inline-block;min-width:50%;padding:.5em 1em .4em;background:#e7017f;font-size:12px;font-size:1.2rem;line-height:1;font-weight:bold;text-align:center}#cast #chart a::after{content:'';display:inline-block;width:20px;height:20px;margin-left:1em;margin-right:-20px;background:url("../../img/renew/cast/ico_zoom.png") no-repeat;background-size:contain;vertical-align:middle}#cast .list_chara{text-align:center;letter-spacing:-.4em}#cast .list_chara li{display:inline-block;width:32%;letter-spacing:normal}#cast .list_chara li:not(:nth-child(3n+1)){margin-left:1%}#cast .list_chara li:nth-child(n+4){margin-top:.8%}#cast .box_chara{margin-bottom:10%}#cast .box_chara .copy{margin-bottom:4%}#cast .box_chara .img{margin:8% 0}#cast #cnav{text-align:center;letter-spacing:-.4em}#cast #cnav li{display:inline-block;letter-spacing:normal}#cast #cnav .btn_prev,#cast #cnav .btn_next{position:relative;display:block;width:44px;height:44px;margin:0 auto;background:rgba(0,0,0,0.6)}#cast #cnav .btn_prev::before,#cast #cnav .btn_next::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:rgba(255,255,255,0.4) 0 0 0 1px inset;background-image:url("../../../img/renew/common/frame01_tl.png"),url("../../../img/renew/common/frame01_tr.png"),url("../../../img/renew/common/frame01_br.png"),url("../../../img/renew/common/frame01_bl.png");background-position:0 0, 100% 0, 100% 100%, 0 100%;background-repeat:no-repeat}#cast #cnav .btn_prev::after,#cast #cnav .btn_next::after{content:'';position:absolute;top:50%;left:50%;display:block;width:12px;height:12px;border-top:1px solid #fff;border-left:1px solid #fff;transition:all .3s ease-out}#cast #cnav .btn_prev::after{-webkit-transform:translate(-25%, -50%) rotate(-45deg);-ms-transform:translate(-25%, -50%) rotate(-45deg);transform:translate(-25%, -50%) rotate(-45deg)}#cast #cnav .btn_next::after{-webkit-transform:translate(-75%, -50%) rotate(135deg);-ms-transform:translate(-75%, -50%) rotate(135deg);transform:translate(-75%, -50%) rotate(135deg)}#cast #cnav .btn_list{margin:7px 10% 0;vertical-align:top}#cast #cnav .btn_list a{display:inline-block;width:6em;padding:.8em 1.5em;background:#e7017f;font-size:12px;font-size:1.2rem;line-height:1;font-weight:bold;text-align:center}#cast #cnav span{margin-top:10px}#staff #directer{position:relative;margin-bottom:10%}#staff .img{margin:8% 0}#staff .box_staff dt:not(:last-child),#staff .box_staff dd:not(:last-child){margin-bottom:8%}#staff .box_staff dt{height:16px;text-align:center;line-height:1}#staff .box_staff dt img{width:auto;height:100%}#staff .box_staff dd.scroll{height:440px;padding-right:10px;overflow-y:scroll}#guide{color:#fff;text-align:center}#guide.justaway{background:url("../../../img/top-c/bg.jpg");background-size:107px auto}#guide h4{color:#e7017f}#guide #main{margin:5% 3% 12% !important}#guide #main_inner a{color:#e7017f}#guide .ttl_sub{color:#ffd816}#guide .txt{margin-top:20px}#guide .img_half{width:50%}#guide .box_guide .img{margin-bottom:20px}#guide .box_guide .box_txt{text-align:left}#guide .box_guide p{position:relative;padding-left:15px}#guide .box_guide p::before{content:'◆';position:absolute;top:3px;left:0;color:#e7017f;font-size:8px;font-size:0.8rem;line-height:1.7;font-weight:normal}#guide .box_guide .sup{padding:10px 15px;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.4)}#guide .box_guide .sup .ttl{margin-bottom:10px;color:#e7017f;font-size:14px;font-size:1.4rem;line-height:1.7;font-weight:normal}#guide #mission .ttl_sub span{line-height:1.3}#guide .list{text-align:left}#guide .list li{position:relative;padding-left:15px}#guide .list li:not(:last-child){margin-bottom:10px}#guide .list li::before{content:'◆';position:absolute;top:3px;left:0;color:#e7017f;font-size:8px;font-size:0.8rem;line-height:1.7;font-weight:normal}#guide .list_present li{padding:4%;background:#000;border:1px solid rgba(255,255,255,0.4);letter-spacing:normal}#guide .list_present li:not(:first-child){margin-top:6%}#guide .list_present .def{width:100%;padding-top:68.75%;background:url("../../img/renew/common/logo.png") no-repeat 50% 50% #666;background-size:auto 50%}#guide .list_present .point{margin-bottom:10px;text-align:left}#guide .list_present .point span{display:inline-block;padding:0 .5em;margin-right:.5em;background:#e7017f}#guide .list_present .item{margin-bottom:10px;line-height:1.5;color:#ffd816}#guide .list_present a{display:block;padding:.5em 1em;background:#e7017f;border:1px solid #e7017f;color:#fff !important}#music #theme{margin-bottom:10%}#music #comment .ttl_sub span{line-height:1.3}#productionnote #main_inner,#kantoku #main_inner{position:relative}#productionnote #main_inner.detail::before,#kantoku #main_inner.detail::before{opacity:1}#productionnote #main_inner.detail .list,#kantoku #main_inner.detail .list{display:none}#productionnote #main_inner.detail #detail,#kantoku #main_inner.detail #detail{display:block}#productionnote #main_inner.detail #pnav,#kantoku #main_inner.detail #pnav{display:block}#productionnote .list,#kantoku .list{position:relative;text-align:center}#productionnote .list li:not(:last-child),#kantoku .list li:not(:last-child){margin-bottom:4.5%}#productionnote .list li.new a,#kantoku .list li.new a{position:relative;display:block;overflow:hidden}#productionnote .list li.new a::after,#kantoku .list li.new a::after{content:'NEW';position:absolute;top:0;left:0;width:40%;padding:10% 0 2.5%;background:#e7017f;font-size:2.5vw;line-height:1;font-weight:bold;color:#ffff18;-webkit-transform:rotate(-32deg) translate(-27%, -84%);-ms-transform:rotate(-32deg) translate(-27%, -84%);transform:rotate(-32deg) translate(-27%, -84%)}#productionnote #detail,#kantoku #detail{position:relative;display:none;padding:4.5% 3%;opacity:0;background:url("../../../img/renew/common/bg02.jpg");background-size:90px}#productionnote .box_topic,#kantoku .box_topic{display:none;margin-bottom:8%;opacity:0}#productionnote .box_topic h3,#kantoku .box_topic h3{display:table;margin-bottom:3%;color:#fff;font-weight:bold}#productionnote .box_topic h3 *,#kantoku .box_topic h3 *{display:table-cell;vertical-align:middle}#productionnote .box_topic h3 span,#kantoku .box_topic h3 span{box-sizing:border-box;width:76%;padding-left:4%}#productionnote .box_topic .page,#kantoku .box_topic .page{display:none}#productionnote .box_topic .txt,#kantoku .box_topic .txt{padding:3%;border:2px solid #000;background:#fff;color:#000;font-weight:bold}#productionnote .box_topic .end,#kantoku .box_topic .end{text-align:center;font-weight:bold;color:#fff}#productionnote .btn_back,#kantoku .btn_back{display:inline-block;width:6em;padding:.8em 1.5em;background:#e7017f;font-size:12px;font-size:1.2rem;line-height:1;font-weight:bold;text-align:center}#productionnote #pnav,#kantoku #pnav{display:none;margin-bottom:10%;text-align:center;letter-spacing:-.4em;opacity:0}#productionnote #pnav li,#kantoku #pnav li{display:inline-block;letter-spacing:normal}#productionnote #pnav .btn_prev,#kantoku #pnav .btn_prev,#productionnote #pnav .btn_next,#kantoku #pnav .btn_next{position:relative;display:block;width:44px;height:44px;margin:0 auto;background:rgba(0,0,0,0.6)}#productionnote #pnav .btn_prev::before,#kantoku #pnav .btn_prev::before,#productionnote #pnav .btn_next::before,#kantoku #pnav .btn_next::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:rgba(255,255,255,0.4) 0 0 0 1px inset;background-image:url("../../../img/renew/common/frame01_tl.png"),url("../../../img/renew/common/frame01_tr.png"),url("../../../img/renew/common/frame01_br.png"),url("../../../img/renew/common/frame01_bl.png");background-position:0 0, 100% 0, 100% 100%, 0 100%;background-repeat:no-repeat}#productionnote #pnav .btn_prev::after,#kantoku #pnav .btn_prev::after,#productionnote #pnav .btn_next::after,#kantoku #pnav .btn_next::after{content:'';position:absolute;top:50%;left:50%;display:block;width:12px;height:12px;border-top:1px solid #fff;border-left:1px solid #fff;transition:all .3s ease-out}#productionnote #pnav .btn_prev::after,#kantoku #pnav .btn_prev::after{-webkit-transform:translate(-25%, -50%) rotate(-45deg);-ms-transform:translate(-25%, -50%) rotate(-45deg);transform:translate(-25%, -50%) rotate(-45deg)}#productionnote #pnav .btn_next::after,#kantoku #pnav .btn_next::after{-webkit-transform:translate(-75%, -50%) rotate(135deg);-ms-transform:translate(-75%, -50%) rotate(135deg);transform:translate(-75%, -50%) rotate(135deg)}#productionnote #pnav .list_page,#kantoku #pnav .list_page{margin:7px 10% 0;vertical-align:top}#productionnote #pnav .list_page p,#kantoku #pnav .list_page p{display:inline-block;width:6em;padding:.8em 1.5em;background:#000;font-size:12px;font-size:1.2rem;line-height:1;font-weight:bold;text-align:center}#kantoku #detail{background:url("../../../img/renew/common/bg01.jpg")}#kantoku .box_topic h3{color:#e7017f}#kantoku .box_topic h3 span{padding-left:0}#kantoku .box_topic .end{color:#e7017f}