@charset "UTF-8";.spritesource-sprite,.spritesource-sp-footerlogo,.partsBoxFooter .crbox .logo,.spritesource-sp-footerlogo2{background:url('../images/spritesource-s4a680f2cc6.png') no-repeat}.spritesource-sp-footerlogo,.partsBoxFooter .crbox .logo{background-position:0 0;height:26px;width:160px}.spritesource-sp-footerlogo2{background-position:0 -26px;height:26px;width:160px}html,* html body{margin:0 !important;font-size:10px;height:100%}*{-webkit-text-size-adjust:none}body{margin:0;padding:0;font-family:"游ゴシック体", "Yu Gothic", YuGothic, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', Helvetica, ArialMT, Osaka, Verdana, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;font-size:10px;line-height:1.7;color:#fff;width:100%;background-color:#000;height:100%}.clearbox{clear:both;height:0px;display:block}.h10{height:10px}.h15{height:15px}h1,h2,h3,h4,h5,p,ul{font-size:10px;padding:0;margin:0}li{list-style:none}img{vertical-align:top;max-width:100%;height:auto}.avatar{max-width:100%;height:auto}hr{clear:both;height:0;margin:0;border:0 none}article,aside,figure,figcaption,footer,header,nav,section{display:block}a,a:visited{color:#fff;text-decoration:none}a:hover{text-decoration:underline}a img{border:0 none}textarea,input{font-size:14px;font-size:1.4rem;margin:0;vertical-align:top;border:0 none}input[type="submit"]{-webkit-appearance:none;cursor:pointer}input[type="checkbox"],input[type="radio"]{vertical-align:middle}select{font-size:14px;font-size:1.4rem;padding:5px;vertical-align:top;background:#FFF;border-radius:2px}label{vertical-align:top}#wrapper{height:100%}#innerWrapper{margin:0 auto;height:100%}.commonInner{max-width:960px;width:auto;padding:0 20px;margin:0 auto}.commonInner::after{clear:both;display:block;content:''}.margin20{margin-bottom:20px}.margin40{margin-bottom:40px}#mainCol{width:65.6%;float:left}#sideCol{width:31.2%;float:right}.nicobar{background:#272727;border-bottom:16px solid #000}.nicobar .nicolink{float:left}.nicobar .nicolink li{float:left;margin:9px 0;border-right:1px solid #666;margin-right:10px;padding-right:10px}.nicobar .nicolink li:nth-last-of-type(1){border-right:0 none}.nicobar .nicolink li a{color:#FFF;font-size:11px;line-height:12px;display:block}.nicobarInner{width:960px;padding:0 20px;margin:0 auto}#topheader,#header{position:relative}#siteHeader li a span{font-size:12px}#siteHeader #siteHeaderInner{width:960px}#siteHeader #siteHeaderInner .snsBtn{float:right}#siteHeader #siteHeaderInner .snsBtn li{float:left;height:21px;line-height:21px;margin-left:10px;vertical-align:middle;padding-top:7px;width:120px}#siteHeader #siteHeaderInner .snsBtn li:hover{background:none}.bgBox{width:100%;height:100%;overflow:hidden;position:fixed}.bg{width:100%;height:100%;position:absolute;left:0;top:0;background-position:center center;background-size:cover;background-attachment:fixed;background-image:url('../images/bg2.jpg');opacity:0.5;padding-top:36px}.bg.active{opacity:1;-webkit-transition:all 4s ease;-moz-transition:all 4s ease;-o-transition:all 4s ease;transition:all 4s ease}.flare{width:120%;height:120%;position:absolute;left:0;background:url('../images/bg_flare.jpg') no-repeat center center;background-size:cover;background-attachment:fixed;opacity:0;padding-top:36px}.flare.active{transform-origin:96% 50%;-webkit-transform-origin:96% 50%;-moz-transform-origin:96% 50%;-ms-transform-origin:96% 50%;-webkit-animation:showFlare 1.4s 1 ease;-moz-animation:showFlare 1.4s 1 ease;animation:showFlare 1.4s 1 ease;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.flare.hidden{display:none}#topViewWrap{display:table;text-align:center;width:100%;max-height:700px;min-height:595px;height:100%}#mainView{position:relative;z-index:0;margin-right:auto;margin-left:auto;height:590px;display:table-cell;vertical-align:bottom}#mainView .mainViewWrapper{position:relative;width:100%;padding-top:8px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}#mainView .mainViewScroll{position:relative;height:551px;overflow-y:scroll;padding-left:19px}#mainView .commonOuter{position:relative;height:560px;width:949px;margin:0 auto}#mainView .commonInner{position:relative}#mainView .mainViewBg{position:absolute;top:0;height:560px;width:949px;margin:0 auto}#mainView .mainViewBtm{height:30px;margin-top:5px;width:100%;position:relative}#mainView .mainViewBtm .commonInner{height:30px;position:relative}#mainView .frame_body{background:url('../images/frame.png') no-repeat 0 0;height:0;width:100%}#mainView .frame_body.active{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;height:560px}#mainView .frame_body_top{background:url('../images/frame_stop.png') no-repeat right top;position:absolute;width:594px;height:38px;right:0;top:0;z-index:9999}#mainView .frame_btm{position:absolute;top:0;left:0;width:0;height:30px;background:url('../images/frame_line.png') center top}#mainView .frame_btm.active{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;width:100%}#mainView .frame_btm_parts{opacity:0;position:absolute;right:0;bottom:-2px;display:block;background:url('../images/frame_line2.png') no-repeat 0 0;width:260px;height:9px}#mainView .frame_btm_parts.active{-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease;opacity:1}#mainView .frame_head{background:url('../images/frame_up.png') -1px top;height:76px;width:0;position:absolute;left:0;top:-76px}#mainView .frame_head.active{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;width:100%}#mainView .description{opacity:0;position:relative;margin-top:-50px}#mainView .description.active{opacity:1;-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease}#mainView .description .aori{margin-bottom:10px}#mainView .description .subDescription{padding-top:12px;font-size:12px;line-height:18px}#mainView .description .mainDescription{font-size:16px;line-height:1.9;width:551px;margin:0 auto;border:1px solid #FFF;padding:10px;border-radius:10px;text-align:left}#mainView .description .mainDescription .mainDescriptionOuter{background:rgba(9,91,122,0.72);border-radius:12px}#mainView .description .mainDescription .mainDescriptionInner{display:block;padding:10px 10px 5px}#mainView .description .mainDescription h3{font-size:12px;color:#fcee21;font-weight:normal;margin-bottom:3px}#mainView .description .mainDescription ul li{font-size:12px}#mainView .description p{padding-top:30px}.topLogo{top:68px;left:24px;float:left;position:absolute}.topLogo h1{margin:0 0 0 30px;width:0;overflow:hidden}.topLogo img{height:94px;width:100%}.topLogo.activenormal h1{width:150px;margin-left:20px;margin-top:-16px}.topLogo.activenormal h1 img{height:auto;max-height:100%}.topCharaArea{position:relative;padding-top:80px;height:200px}.topCharaArea .chara{position:absolute}.topCharaArea .chara1{left:-9px;top:120px}.topCharaArea .chara2{right:25px;top:120px}.topCharaArea .chara3{text-align:center;width:100%;top:68px;margin-left:-1.8%}.topnavi{padding-top:60px;padding-right:29px;float:right}.topnavi ul li{background:url('../images/nav_frame.png') no-repeat 0 0;width:104px;height:36px;text-align:center;float:left;margin-left:6px}.topnavi ul li a{display:block;height:36px}.topnavi ul li a img{margin-top:13px}.ie-lte9 .topLogo h1{width:323px !important}.timer{opacity:0;padding-top:32px;letter-spacing:-.40em;text-align:center}.timer.active{opacity:1;-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease}.timer .count_0{background:url('../images/counter_0.png');width:64px}.timer .count_1{background:url('../images/counter_1.png');width:42px}.timer .count_2{background:url('../images/counter_2.png');width:65px}.timer .count_3{background:url('../images/counter_3.png');width:65px}.timer .count_4{background:url('../images/counter_4.png');width:70px}.timer .count_5{background:url('../images/counter_5.png');width:65px}.timer .count_6{background:url('../images/counter_6.png');width:65px}.timer .count_7{background:url('../images/counter_7.png');width:64px}.timer .count_8{background:url('../images/counter_8.png');width:67px}.timer .count_9{background:url('../images/counter_9.png');width:65px}.timer .countnum{height:100px;width:65px;background-position:center center;background-repeat:no-repeat;letter-spacing:normal;display:inline-block}.timer .timer_colon{background:url('../images/counter_colon.png');width:30px;background-repeat:no-repeat;background-position:center center;letter-spacing:normal}.timer .timer_unit{height:100px;display:inline-block;letter-spacing:normal}#footer{margin-top:2px}.partsBoxFooter{padding-top:10px;position:relative}.partsBoxFooter ul{padding-bottom:26px}.partsBoxFooter ul li{font-size:12px;border-right:1px solid #FFF;line-height:12px;display:inline-block;margin-right:5px;padding-right:8px}.partsBoxFooter ul li:nth-last-of-type(1){border-right:0 none;margin-right:0;padding-right:0}.partsBoxFooter .crbox{padding-bottom:10px}.partsBoxFooter .crbox .logo{display:block;float:left;margin-left:4px;margin-right:12px;text-indent:-9999px}.partsBoxFooter .crbox span{padding-top:7px;display:block;float:left}.loader{opacity:1;width:200px;height:50px;position:absolute;top:50%;left:50%;color:#FFF;text-align:center;font-size:12px;margin-left:-100px;margin-top:-25px;-webkit-animation:loading 1s infinite ease;-moz-animation:loading 1s infinite ease;animation:loading 1s infinite ease;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.loader.hidden{opacity:0;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}.headerPadding{height:36px}.calouselBox{max-width:505px;overflow:hidden;margin:0 auto;opacity:0;height:0;padding-bottom:0}.calouselBox.active{opacity:1;height:152px;padding-bottom:30px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}.calouselBox #js-calousel{max-width:505px;margin:0 auto;position:relative}.calouselBox #js-calousel::before,.calouselBox #js-calousel::after{content:'';position:absolute;background:rgba(0,0,0,0.63);top:0;width:60px;height:100%;z-index:1}.calouselBox #js-calousel::before{left:0}.calouselBox #js-calousel::after{right:0}.calouselBox #js-calousel .slick-list{overflow:visible}.calouselBox .slick-prev{left:15px}.calouselBox .slick-next{right:15px}.calouselBox .slick-prev,.calouselBox .slick-next{width:29px;height:29px;z-index:2}.calouselBox .slick-prev:before,.calouselBox .slick-next:before{font-size:29px}.calouselBox .cellBox{position:relative}body.page .loader{display:none}.pageContents{clear:both;padding-top:57px;margin:0 auto;width:94.5%;text-align:left}.pageContents .commonHead{height:82px;background:url('../images/commonHead-left.png') no-repeat left top,url('../images/commonHead-right.png') no-repeat right top;margin-bottom:24px;margin-left:21px}.pageContents .commonHead h2{margin-left:6px;margin-right:7px;padding-top:12px;padding-bottom:12px;border-top:1px solid #FFF;border-bottom:1px solid #FFF}.pageContents .commonHead img{margin-left:-30px}.pageContents .storyBox h3{font-size:22px;line-height:32px;font-weight:normal;background:url('../images/h3bg.png') left top;padding:22px 22px 17px;text-align:center;letter-spacing:0.02em;margin-bottom:42px}.pageContents .storyBox .storyImgs{text-align:center;letter-spacing:-.40em;margin-bottom:30px}.pageContents .storyBox .storyImgs img{vertical-align:top;max-width:50%}.pageContents .storyBox .storyTxt{text-align:center;margin-bottom:50px;background:url('../images/corner_tl.png') no-repeat left top,url('../images/corner_tr.png') no-repeat right top,url('../images/corner_br.png') no-repeat right bottom,url('../images/corner_bl.png') no-repeat left bottom;background-color:rgba(255,255,255,0.1)}.pageContents .storyBox .storyTxt .storyTxtInner{margin:0 27px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;padding:39px}.pageContents .storyBox .storyTxt p{font-size:14px;line-height:22px;margin-bottom:23px}.pageContents .storyBox .storyTxt h4{padding-top:3px;font-size:22px;letter-spacing:0.03em;margin-bottom:28px}.charaBox .charaBoxInner{margin-left:-13px}.charaBox .charaBoxInner .charaIndex{background:url('../images/chara_frame.png') no-repeat 0 0;float:left;width:393px;height:280px;box-sizing:border-box;margin-left:13px;margin-bottom:13px;padding:13px 21px;position:relative}.charaBox .charaBoxInner .charaIndex:nth-of-type(2n+1){clear:both}.charaBox .charaBoxInner .charaIndex .charaThumb{float:left}.charaBox .charaBoxInner .charaIndex .charaContents{padding-left:139px}.charaBox .charaBoxInner .charaIndex .charaContents h4{background:rgba(79,136,140,0.2);font-size:16px;line-height:27px;margin-bottom:9px}.charaBox .charaBoxInner .charaIndex .charaContents p{font-size:14px;line-height:22px;letter-spacing:-0.03em}.charaBox .charaBoxInner .charaIndex .charaBtm{position:absolute;bottom:0;left:0}.charaBox .charaBoxInner .charaIndex .charaTate{position:absolute;right:6px;top:12px}.systemBox .systemDescription{margin-left:22px;margin-bottom:30px}.systemBox .systemDescription p{font-size:14px;line-height:22px}.systemBox .sysTxt{margin-bottom:50px;background:url('../images/corner_tl.png') no-repeat left top,url('../images/corner_tr.png') no-repeat right top,url('../images/corner_br.png') no-repeat right bottom,url('../images/corner_bl.png') no-repeat left bottom;background-color:rgba(255,255,255,0.1)}.systemBox .sysTxt .sysTxtInner{margin:0 27px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;padding:39px 0px}.systemBox .sysTxt p{font-size:14px;line-height:22px;margin-bottom:23px}.systemBox .sysTxt .sysHead{background:url('../images/syshead.png') no-repeat 0 0;font-size:20px;padding:5px 0 6px 35px;margin-bottom:15px}.systemBox .sysTxt .sysImg{margin-bottom:25px;text-align:center}.partsBoxDlDetail{text-align:center;margin-bottom:15px}.dlBox .dlDescription{margin-left:22px;margin-bottom:30px;text-align:center}.dlBox .dlDescription p{font-size:14px;line-height:22px}.dlBox .dlarrow{margin-bottom:50px;text-align:center}.dlBox .dlTxt{margin-bottom:50px;background:url('../images/corner_tl.png') no-repeat left top,url('../images/corner_tr.png') no-repeat right top,url('../images/corner_br.png') no-repeat right bottom,url('../images/corner_bl.png') no-repeat left bottom;background-color:rgba(255,255,255,0.1)}.dlBox .dlTxt .dlTxtInner{margin:0 27px;border-top:1px solid #FFF;border-bottom:1px solid #FFF;padding:39px 0px}.dlBox .dlTxt .dlImg{float:left}.dlBox .dlTxt p{font-size:14px;line-height:22px;margin-bottom:23px}.dlBox .dlTxt .dlContents{padding-left:200px}.dlBox .dlTxt .dlHead{background:url('../images/syshead.png') no-repeat 0 0;font-size:20px;padding:5px 0 6px 35px;margin-bottom:15px}.dlBox .dlTxt .dlImg{margin-bottom:25px;text-align:center}.dlBox .dlTxtBtm{text-align:center}.dlBox .dlTxtBtm .dlHead{width:299px;margin-right:auto;margin-left:auto}.dlBox .dlTxtBtm .dlBlock{display:inline-block}.dlBox .dlTxtBtm .dlBlock h3{font-size:20px;margin-top:15px}.topBannar{position:absolute;right:31px;top:92px}@-webkit-keyframes loading{0%{color:#fff}50%{color:rgba(255,255,255,0.3)}100%{color:#fff}}@-moz-keyframes loading{0%{color:#fff}50%{color:rgba(255,255,255,0.3)}100%{color:#fff}}@keyframes loading{0%{color:#fff}50%{color:rgba(255,255,255,0.3)}100%{color:#fff}}@-webkit-keyframes showLogo{0%{width:0}50%{width:423px}100%{width:323px}}@-moz-keyframes showLogo{0%{width:0}50%{width:423px}100%{width:323px}}@keyframes showLogo{0%{width:0}50%{width:423px}100%{width:323px}}@-webkit-keyframes showFlare{0%{top:-5px;right:0;opacity:0;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}40%{opacity:1;-webkit-transform:scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);-ms-transform:scale(1.02, 1.02);-o-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02)}60%{opacity:1;-webkit-transform:scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);-ms-transform:scale(1.02, 1.02);-o-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02)}100%{top:-10px;right:3px;opacity:0;-webkit-transform:scale(1.01, 1.01);-moz-transform:scale(1.01, 1.01);-ms-transform:scale(1.01, 1.01);-o-transform:scale(1.01, 1.01);transform:scale(1.01, 1.01)}}@-moz-keyframes showFlare{0%{top:-5px;right:0;opacity:0;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}40%{opacity:1;-webkit-transform:scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);-ms-transform:scale(1.02, 1.02);-o-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02)}60%{opacity:1;-webkit-transform:scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);-ms-transform:scale(1.02, 1.02);-o-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02)}100%{top:-10px;right:3px;opacity:0;-webkit-transform:scale(1.01, 1.01);-moz-transform:scale(1.01, 1.01);-ms-transform:scale(1.01, 1.01);-o-transform:scale(1.01, 1.01);transform:scale(1.01, 1.01)}}@keyframes showFlare{0%{top:-5px;right:0;opacity:0;-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}40%{opacity:1;-webkit-transform:scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);-ms-transform:scale(1.02, 1.02);-o-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02)}60%{opacity:1;-webkit-transform:scale(1.02, 1.02);-moz-transform:scale(1.02, 1.02);-ms-transform:scale(1.02, 1.02);-o-transform:scale(1.02, 1.02);transform:scale(1.02, 1.02)}100%{top:-10px;right:3px;opacity:0;-webkit-transform:scale(1.01, 1.01);-moz-transform:scale(1.01, 1.01);-ms-transform:scale(1.01, 1.01);-o-transform:scale(1.01, 1.01);transform:scale(1.01, 1.01)}}@media only screen and (min-width: 768px){a:hover img{opacity:0.85}.topLogo.active h1{-webkit-animation:showLogo 0.5s 1 ease;-moz-animation:showLogo 0.5s 1 ease;animation:showLogo 0.5s 1 ease;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.timer{-webkit-transform:scale(1.4, 1.4);-moz-transform:scale(1.4, 1.4);-ms-transform:scale(1.4, 1.4);-o-transform:scale(1.4, 1.4);transform:scale(1.4, 1.4)}.timer.active{-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}body.toppage .topnavi{opacity:0}body.toppage .topnavi.active{-webkit-transition:all 1.25s ease;-moz-transition:all 1.25s ease;-o-transition:all 1.25s ease;transition:all 1.25s ease;opacity:1}body.toppage .topCharaArea .chara{opacity:0;margin-top:-30px}body.toppage .topCharaArea .chara.active{-webkit-transition:all 1.25s ease;-moz-transition:all 1.25s ease;-o-transition:all 1.25s ease;transition:all 1.25s ease;opacity:1;margin-top:0}body.toppage .mainViewScroll{overflow-y:hidden !important}body.toppage .topBannar{opacity:0}body.toppage .topBannar.active{opacity:1;top:102px;-webkit-transition:all 1.25s ease;-moz-transition:all 1.25s ease;-o-transition:all 1.25s ease;transition:all 1.25s ease}body.page .mainViewScroll{scrollbar-base-color:#4f888c;margin-right:25px}body.page .mainViewScroll::-webkit-scrollbar{width:10px;height:auto}body.page .mainViewScroll::-webkit-scrollbar-track{background:#FFF}body.page .mainViewScroll::-webkit-scrollbar-thumb{background:#4f888c}#mainView .description .mainDescription .mainDescriptionOuter{overflow-y:scroll;height:81px;background:rgba(9,91,122,0.72);border-radius:12px 0 0 12px;scrollbar-base-color:#4f888c}#mainView .description .mainDescription .mainDescriptionOuter::-webkit-scrollbar{width:10px;height:auto}#mainView .description .mainDescription .mainDescriptionOuter::-webkit-scrollbar-track{background:#FFF}#mainView .description .mainDescription .mainDescriptionOuter::-webkit-scrollbar-thumb{background:#4f888c}}@media only screen and (max-width: 767px){#wrapper #siteHeader{overflow:hidden;position:relative;height:36px}#wrapper #siteHeader #siteHeaderInner{width:auto}.headerPadding{display:none}.commonInner{padding:0 5px}.bgBox{top:0;position:absolute}.bg{position:static;background-size:auto;background-position:top center;background-repeat:no-repeat;background-attachment:scroll;opacity:1 !important}.flare{display:none !important;width:100%;height:100%}#topViewWrap{max-height:none;min-height:0;height:auto}.topLogo h1{margin-left:0}body.toppage .topLogo{padding-top:0;position:static;text-align:center;float:none}body.toppage .topnavi{float:none;padding-top:12px;padding-right:0;width:220px;margin:0 auto}body.toppage .topnavi ul li{margin-left:3px;margin-right:3px}body.toppage .topBannar{position:static;margin-top:-30px;margin-bottom:30px}body.page .topLogo{padding-top:20px;position:static;text-align:center;width:105px;float:none;margin:0 auto}body.page .topLogo h1{margin-left:0 !important;margin-top:0 !important}body.page .topnavi{float:none;padding-top:12px;padding-right:0;width:220px;margin:0 auto}body.page .topnavi ul li{margin-left:3px;margin-right:3px}.pageContents{padding-top:20px;width:auto}.pageContents .storyBox h3{font-size:16px;line-height:24px;padding:10px;margin-bottom:20px}.pageContents .storyBox .storyImgs{margin-bottom:20px;text-align:center}.pageContents .storyBox .storyImgs img{max-width:100%}.pageContents .dlBox .dlTxt .dlTxtInner,.pageContents .sysTxt .sysTxtInner,.pageContents .storyTxt .storyTxtInner{padding:30px 10px !important;margin:0 !important}.pageContents .dlBox .dlTxt .dlImg{float:none}.pageContents .dlBox .dlTxt .dlHead{font-size:14px;padding:11px 0 10px 35px}.pageContents .dlBox .dlTxt .dlContents{padding-left:0}.pageContents .dlBox .dlTxtBtm .dlHead{width:auto;text-align:left}.pageContents .dlBox .dlTxtBtm .dlBlock{display:block}.pageContents .systemBox .sysTxt .sysHead{font-size:16px;padding:9px 0 10px 35px}.pageContents .charaBox .charaBoxInner{margin-left:0}.pageContents .charaBox .charaBoxInner .charaIndex{clear:both;background-image:none;float:none;width:auto;height:auto;margin-left:0;margin-bottom:4px;padding:10px}.pageContents .charaBox .charaBoxInner .charaIndex .charaContents{padding-left:123px}.pageContents .charaBox .charaBoxInner .charaIndex .charaBtm{margin-top:5px;position:static;padding-left:123px}.topCharaArea{padding-top:60px;height:150px;max-width:514px;margin:0 auto}.topCharaArea .chara1{left:0;top:auto;bottom:0;width:200px}.topCharaArea .chara2{right:0;top:auto;bottom:0;width:180px}.topCharaArea .chara3{top:auto;bottom:0}.topCharaArea .chara3 img{width:208px}#mainView{height:auto}#mainView .mainViewBg{width:100%;display:none}#mainView .commonOuter{width:100%;height:auto}#mainView .mainViewScroll{overflow:visible;height:auto;padding-left:0;padding-top:25px}#mainView .frame_head{display:none}#mainView .timer,#mainView .timer.active{opacity:1;padding-top:30px}#mainView .timer .timer_unit,#mainView .timer.active .timer_unit{height:50px}#mainView .timer .timer_colon,#mainView .timer.active .timer_colon{width:15px;height:50px;background-size:contain}#mainView .timer .countnum,#mainView .timer.active .countnum{width:30px;height:50px;background-size:contain}#mainView .description,#mainView .description.active{opacity:1;padding-bottom:50px}#mainView .description .mainDescription,#mainView .description.active .mainDescription{width:auto}#mainView #js-mainViewBgInner{position:relative}#mainView #js-mainViewBgInner:before{content:'';position:absolute;top:0;left:0;width:100%;height:30px;background:url('../images/frame_line.png') center top}#mainView .frame_btm,#mainView .frame_btm.active{width:100%}#mainView .frame_btm_parts,#mainView .frame_btm_parts.active{opacity:1}.topLogo{padding-top:50px}.topLogo h1,.topLogo.active h1{width:100% !important}.topLogo h1 img,.topLogo.active h1 img{height:auto;width:auto}}@media only screen and (max-width: 680px){.calouselBox,.calouselBox.active{max-width:290px;overflow:hidden;margin:0 auto;height:auto;opacity:1;padding-bottom:30px}.calouselBox #js-calousel::before,.calouselBox #js-calousel::after,.calouselBox.active #js-calousel::before,.calouselBox.active #js-calousel::after{display:none}}@media only screen and (max-width: 370px){#mainView .timer .timer_colon,#mainView .timer.active .timer_colon{width:10px;height:31px}#mainView .timer .countnum,#mainView .timer.active .countnum{width:20px;height:31px}}