@charset "UTF-8";
/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}
html, body { height:100%; }
img { border: 0; vertical-align: bottom; border-style: none;}
a img { border-style:none;}
a { outline: none; }
a:link,a:visited,a:active {outline: none;} 
a:link { color: #E9385B;}
a:visited { color: #E9385B;}
a:hover { color: #069;}
a:active { color: #09C;}

body,td,th { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: #000; font-size: 16px; line-height:180%; color: #FFF;  background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}
.clearfix{ clear:both;}
hr{ border:solid 1px #333;}
.opp{ filter:alpha(opacity=30)!important; -moz-opacity: 0.3!important; opacity: 0.3!important;}

.youtube { position: relative; width: 100%; max-width: 902px; margin: 0 auto 60px; font-size: 13px;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.fb_iframe_widget > span { vertical-align: baseline !important; }
.fb_iframe_widget{ width:100px;}

#news{ border-top: solid 1px #555; border-bottom: solid 1px #555; margin-top: 60px; clear: both; font-size: 12px; padding-top: 4px; margin-bottom: 0px;}
#news #newstext{ width: 95%; max-width: 960px; margin: 0 auto; position: relative;}
#news span{ color:#F00; margin:0 10px;}
#news #social{ float:right;}
#news a{ color:#FFF; text-decoration:none;}
#news a:hover{ color: #FF0000; text-decoration: underline;}

.yajirushi a{ display:block; width:132px; height:72px; background-image:url(../img/controls3.png); margin:0 auto; text-indent:-9999px; margin-top:80px;}
.yajirushi a:hover{ background-position:-132px 0;}
.yajirushi2 a{ display:block; width:132px; height:72px; background-image:url(../play/controls.png); margin:0 auto; text-indent:-9999px; margin-top:80px;}
.yajirushi2 a:hover{ background-position:-132px 0;}

.clearfix2{ clear:both; height:100px;}
.clearfix3{ clear:both; height:120px;}
.clearfix4{ clear:both; height:30px;}
.opp{ filter: alpha(opacity=50)!important; -moz-opacity: 0.5!important; opacity: 0.5!important;}
#imgnotice{ font-size:12px; padding:0 0 10px 10px; color:#ccc;}
.notice{ font-size: 13px; line-height: 140%; color: #999; margin-left: 2px;}

iframe.twitter-share-button {width: 80px!important;}

.stage{ position: relative; width: 100%; padding-top: 56.25%;}
.stage iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}


@media screen and (min-width: 640px) {

/* Navigation */
#navi{ width:100%; max-width:1000px; height: 60px; margin: 0 auto; border-left: solid 1px #333;}
#navi ul{ list-style:none;}
#navi li{ float:left; display:inline-block; height:60px; border-right:solid 1px #333; background-repeat:no-repeat; position:relative;}
#navi li a{ float:left; display:block; height:60px; text-indent:0px; background-repeat:no-repeat; font-size:0px;}
#navi li .new{ position: absolute; bottom: 6px; left:40%;}

#navi .new2{ position: absolute; left: 361px; top: 57px;}
#navi .new3{ position: absolute; left: 474px; top: 57px;}
#navi .new4{ position: absolute; left: 578px; top: 57px;}
#navi .new5{ position: absolute; left: 661px; top: 57px;}
#navi .new6{ position: absolute; left: 790px; top: 57px;}

#navi ul li.homepage a{ background-position:center; width:100%; background-image:url(../img/navi1.png);}
#navi ul li.features a{background-position:center; width:100%; background-image:url(../img/navi2.png);}
#navi ul li.characters a{background-position:center; width:100%; background-image:url(../img/navi3.png);}
#navi ul li.system a{ background-position:center; width:100%; background-image:url(../img/navi4.png);}
#navi ul li.gallery a{ background-position:center; width:100%; background-image:url(../img/navi5.png);}
#navi ul li.dlc a{ background-position:center; width:102%; background-image:url(../img/navi6.png);}

#navi ul li.homepage a:hover{ background:#400 url(../img/navi1.png) no-repeat; background-position:center;}
#navi ul li.features a:hover{ background:#400 url(../img/navi2.png) no-repeat; background-position:center;}
#navi ul li.characters a:hover{ background:#400 url(../img/navi3.png) no-repeat; background-position:center;}
#navi ul li.system a:hover{ background:#400 url(../img/navi4.png) no-repeat; background-position:center;}
#navi ul li.gallery a:hover{ background:#400 url(../img/navi5.png) no-repeat; background-position:center;}
#navi ul li.dlc a:hover{ background:#400 url(../img/navi6.png) no-repeat; background-position:center;}

#navi ul li.homepage { background-position:center; width:16%; text-indent:-9999px; }
#navi ul li.features { background-position:center; width:17%; text-indent:-9999px; }
#navi ul li.characters { background-position:center; width:17%; text-indent:-9999px; }
#navi ul li.system { background-position:center; width:16%; text-indent:-9999px; }
#navi ul li.gallery { background-position:center; width:17%; text-indent:-9999px; }
#navi ul li.dlc { background-position:center; width:16%; text-indent:-9999px; }

body.homepage #navi ul li.homepage>a { background:#400 url(../img/navi1.png) no-repeat; background-position:center;}
body.features #navi ul li.features>a { background:#400 url(../img/navi2.png) no-repeat; background-position:center;}
body.characters #navi ul li.characters>a { background:#400 url(../img/navi3.png) no-repeat; background-position:center;}
body.system #navi ul li.system>a { background:#400 url(../img/navi4.png) no-repeat; background-position:center;}
body.gallery #navi ul li.gallery>a { background:#400 url(../img/navi5.png) no-repeat; background-position:center;}
body.dlc #navi ul li.dlc>a { background:#400 url(../img/navi6.png) no-repeat; background-position:center;}
/* Navigation */

#customElement { width: 100%; height: 760px; background: rgba(81, 150, 191, 0.60); position: relative; top: 60px; left: 0; z-index: 0; background: url("../img/bg.jpg") no-repeat center center;  -moz-background-size:cover; background-size:cover; text-align:center;}
#customElement #platforms{ position: absolute; right: 130px; top: 390px;}
#customElement h1{ position: absolute; right: 12px; top: 422px;}
#customElement .pcmanual{ width:250px;}
#customElement h2{ position: absolute; left: 5%; top: 35px;}
#customElement h2 img{ width:100%; max-width:670px;}
#customElement #pv{ position: absolute; left: 4%; top: 563px; width: 268px; height: 150px; display: block; z-index: 9;}
#customElement #nikonama{ position: absolute; left: 3.5%; top: 343px; z-index: 10;}
#customElement #btn_movie{ position: absolute; left: 4%; top: 563px; z-index: 10;}
#customElement #btn_movie .movie_new{ position:absolute; left:0;}
#customElement #tgs{ position: absolute; right: 30px; top: 85px;}
#customElement #stamp{ position: absolute; right: 595px; bottom: 25px; z-index: 10;}
#customElement #teach{ position:absolute; right:30px; top:220px;}
#customElement #teach img{ width:390px;}
#customElement #countdown{ position:absolute; right:410px; top:240px;}
.YTPOverlay.raster{background:url(../img/raster.png)}

#tophead{ display:none;}
#header{ height: 69px; width: 100%; position: fixed; z-index: 1000; background-image: url(../img/bg_head.png); background-repeat: repeat-x;}

#bg_features{ background:url(../features/bg.jpg) no-repeat center center; -moz-background-size:cover; background-size:cover; background-attachment:fixed; }
.featuretop{ width: 100%; padding-top: 100px; padding-bottom: 100px;}
#bg_system{ background:url(../system/bg.jpg) no-repeat center center; -moz-background-size:cover; background-size:cover; background-attachment:fixed; }
#bg_chara{ background:url(../chara/bg.jpg) no-repeat center center; -moz-background-size:cover; background-size:cover; background-attachment:fixed; }
#bg_gallery{ background:url(../gallery/bg.jpg) no-repeat center center; -moz-background-size:cover; background-size:cover; background-attachment:fixed; }
#bg_shop{ background:url(../shop/bg.jpg) no-repeat center center; -moz-background-size:cover; background-size:cover; background-attachment:fixed; }
#bg_trial{ background:url(../trial/bg.jpg) no-repeat center center; -moz-background-size:cover; background-size:cover; background-attachment:fixed; }
#bg_map{ background: url(../dlc/bg.jpg) no-repeat center center; -moz-background-size: cover; background-size: cover; background-attachment: fixed;}
#bg_contest{ background:url(../contest/bg.jpg) no-repeat top center; }
#bg_update{ background:url(../update/bg.jpg) no-repeat top center; }
#bg_display{ background-image:url(../display/bg.jpg); background-repeat:repeat-x; background-attachment:fixed;}

.wrappertitle{ border-bottom:solid 1px #555;}
.wrapper{ width:95%; margin:0 auto; position:relative;}
.wrapper h2{ padding-top:105px; text-align:left; padding-bottom:7px; }
.wrapper .links{ position:absolute; right:20px; bottom:7px; font-weight:bold; font-size:14px; text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000; z-index:100;}
.wrapper .links ul{ list-style:none;}
.wrapper .links li{ padding-left:15px; color:#F00; border-left:solid 1px #888; margin-left:15px; display:inline-block; position:relative;}
.wrapper .links li .active{ padding:0 3px 9px;}
.wrapper .links li a{ color:#FFF; text-decoration:none;}
.wrapper .links li a:hover{ color:#f00;}
.wrapper .links li span{ position:absolute; bottom:-8px; left:33%;}
.wrappertext{ max-width:860px; width:100%; margin:0 auto; text-align:left;}
.wrappertext h3{ padding-top:100px;}
.wrappertext h4{ padding-top:20px;}
.wrappertext h5{ padding-top:0px; text-align:center;}
.wrappertext p{ padding: 5px 0 35px 7px; color: #fff; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.wrappertext .new{ position:absolute; margin: -12px 0 0 2px; display:block;} 

.featurecatch{ max-width:862px; width:100%;}
.systemcatch{ max-width:822px; width:100%;}
.systemcatch2{ max-width:892px; width:100%;}
.dramacatch{ max-width:880px; width:100%;}

.movietext{ max-width: 1000px; width: 100%; margin: 0 auto; text-align: center; padding: 60px 0px 0px;}
.movietext .movie{ padding-bottom:30px; width:32%; padding:0 0.5% 3%; float:left; position:relative;}
.movietext .movie img{ width:100%; max-width:900px;}
.movietext .movie span{ display: block; padding-top: 5px; font-size: 14px; line-height: 1.4;}
.movietext .movie .new{ position:absolute; z-index:10; width:30px; left:5px;}
.youtube{ padding-top:20px;}

.cdimg{ max-width: 1000px; width: 100%; margin: 0 auto; text-align: center; padding: 60px 0px 0px;}
.cdimg h4{ font-size:36px; font-weight:bold; padding-bottom:30px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.cdimg ul{ list-style:none;}
.cdimg li{ padding-bottom:30px; width:32%; padding:0 0.5% 3%; float:left; }
.cdimg li img{ width:100%; max-width:900px;}

.shoptext{ max-width: 960px; width: 100%; margin: 20px auto; padding: 60px 0px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.shoptext h3{ padding-bottom:20px;}
.shoptext dl{ border-top:solid 1px #555; background-image:url(../shop/black.png);}
.shoptext dt{ float:left; width:45%; text-align:left; padding:5px 0; border-bottom:solid 1px #630; text-indent:1em; color:#F90; text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.shoptext dt .ya{ padding:0 0 6px 10px;}
.shoptext dt a{ color:#F90; text-decoration:none;}
.shoptext dt a:hover{ color:#F00; }
.shoptext dd{ float:right; width:55%; text-align:left; padding:5px 0; border-bottom:solid 1px #555; text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}

#tokuten{ width: 100%; margin: 0 auto 30px; background-image: url(../img/bg_box.jpg); border-bottom: solid 1px #555555; background-position: top center; background-repeat: no-repeat;}
#tokuten .box{ width: 100%; margin: 0px auto; padding: 30px 0; background-image: url(../img/bg_box.png); min-height: 0px; position: relative; max-width: 1000px;}
#tokuten .box h3{ font-size: 36px; font-weight: bold; color: #FF9900; margin-bottom: 10px; padding: 10px 0 15px 15px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
#tokuten .box p{ font-size: 15px; line-height: 150%; padding: 10px; color:#CCC;}
#tokuten .box .product{ text-align: center; padding-top: 20px; padding-bottom: 20px;}
#tokuten .box .product2{ text-align:center; }
#tokuten .box .same{ position: absolute; right: 24px; top: 56px;}
#tokuten .box dl{ margin: 0 15px; line-height: 135%; font-size: 15px;}
#tokuten .box dt{ color:#CCC;}
#tokuten .box dd{ margin-bottom:10px; color:#CCC;}
#tokuten .box #pbox img{ width:100%; padding-bottom:15px;}
#tokuten .box .medal{ position: absolute; right: 30px; top: 30px;}
#tokuten .box .get{ position: absolute; right: 30px; top: 40px;}
#tokuten .box .tbox_cost{ display:inline-block; float:left;}
#tokuten .box .tbox_cost.rightside{ margin-left:20px;}
#tokuten .box .tbox_pc{ width:100%; max-width:1000px;}
#tokuten .box .tbox_sp{ display:none;}

#tokuten2 .box .leftbox{ width: 46%; float: left; border-right: solid 1px #666; padding: 2% 2% 0 2%}
#tokuten2 .box .rightbox{ width:45%; float:right; padding:2%}
#tokuten2 .box .centerbox{ width:96%; padding:2%}
#tokuten2{ width: 100%; margin: 0 auto 0px; background-image: url(../img/bg_tokuten.jpg); border-bottom: solid 1px #555555; background-position: top center; background-repeat: no-repeat; border-top: solid 1px #555555;}
#tokuten2 .box{ width: 100%; margin: 0px auto; padding: 0; min-height: 0px; position: relative; max-width: 1000px;}
#tokuten2 .box h3{ font-size: 23px; font-weight: bold; color: #FF9900; margin-bottom: 10px; padding: 10px 0 0px 0px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
#tokuten2 .box p{ font-size: 15px; line-height: 150%; padding: 0px; color: #FFF;}
#tokuten2 .box span{ font-size:13px; color:#999; }
#tokuten2 .box .product{ text-align:center;}
#tokuten2 .box .product2{ text-align:center;}
#tokuten2 .box .get{ position: absolute; right: 30px; top: 40px;}
#tokuten2 .box .package{ text-align:right;}
#tokuten2 .box .package img{ padding:15px 10px 0 0;}

#spec{ width: 100%; margin: 0 auto; position: relative; max-width: 970px;}
#spec dl{ line-height:160%; margin-bottom:20px;}
#spec dl .tboxcost{ font-size:23px; font-weight:bold; margin:20px 0 10px;}
#spec dt{ float:left; width:10em;}
#spec dd .pac{ float:left; margin-right:2em;}
#spec dd .pac2{ }
#spec dd .dlc{ margin-left:1em;}
#spec #cero{ position: absolute; right: 10px;}
#spec #thanks{ position: absolute; right: 0px; top: 150px;}
#spec .notice{ padding-top: 5px; padding-bottom: 5px; color: #999;}

#footer{ text-align: center; padding-bottom: 30px; background-color: #000;}
#footer #sns{ text-align:center;}
#footer #links{ margin: 10px auto 40px auto; font-size: 12px; color: #999;}
#footer #links a{ color:#FFF; text-decoration:none; }
#footer #links a:hover{ color:#F03; text-decoration:underline;}
#footer #sns img{ margin:30px 50px;}
#footer #sns2{ text-align: center; padding: 40px 0 10px;}
#footer #sns2 img{ margin:0 10px;}
#footer #platform img{ width:100%; max-width:754px;}

#news #social{ padding-top:5px;}
.pccopy{ width:100%; max-width:766px;}
#pagetop { bottom: 50px; right: 25px; position: fixed; z-index: 500;display:none;}
.hidepc{ display:none;}

.titans{ position:relative;}
.titans .name{ position:absolute; top:50px; right:50px;}
.titans_sp{ display:none;}
.subtitans ul{ list-style:none;}
.subtitans li{ float:left; width:50%; position:relative;}
.subtitans li img{ width:100%;}
.subtitans li span{ position:absolute; bottom:5px; left:8px; font-size:12px;}
.subtitans li span img{ width:30px; margin:0 5px 8px 0;}
.subtitans .titanname{ position: absolute; z-index: 10; bottom: 10px; width: 60%; right: 10px; top: 50%; max-width:433px;}
.othertitans{ text-align: center; padding: 20px 0 0;}

.mini{ margin:0 auto; width:100%; max-width:960px;}
.mini ul{ list-style:none;}
.mini li{ width: 19.8%; float: left; border-bottom: solid 1px #000000; border-right: solid 1px #000000;}
.mini li img{ width:100%;}

#spchara{ display:none;}

.select{ max-width: 970px; width: 100%; margin: 0 auto 6px;}
.select .selectbox{ display:block; width:49.2%; float:left; padding:0.4%;}
.select .selectbox p{ width:98%; padding-bottom:15px;}
.select .selectbox .ss{ width:100%; padding-top:15px;}

#campweapon{ border: solid 1px #777; padding: 20px; margin-top: 20px; font-size: 14px; line-height: 1.6; position: relative;}
#campweapon h3{ font-size:24px;}
#campweapon .weapontext{ width:57%;}
#campweapon .weapon{ position:absolute; width:41%; top:15px; right:20px;}
#campweapon .weapon img{ width:100%;}
#campweapon .ss { padding-top:2%;}
#campweapon .ss img{ width:33.33%;}

#campweapon2{ border: solid 1px #777; padding: 20px; margin-top: 20px; font-size: 14px; line-height: 1.6; position: relative;}
#campweapon2 h3{ font-size:24px;}
#campweapon2 .weapontext{ width:57%;}
#campweapon2 .weapon{ position:absolute; width:41%; top:15px; right:20px;}
#campweapon2 .weapon img{ width:100%;}
#campweapon2 .ss { padding-top:13%;}
#campweapon2 .ss img{ width:33.33%;}

#machine{ border:solid 1px #777; padding:20px; margin-top:20px; font-size:14px; line-height:1.6; position:relative;}
#machine h3{ font-size:24px;}
#machine2{ border: solid 1px #c00; padding: 2%; margin-top: 0px; font-size: 14px; line-height: 1.6; margin-bottom: 10px; width:96%;}
#machine2 h4{ color:#C00; font-size:16px;}

.playtitle{ text-align: center; height: 970px; background-image: url(../play/bg.jpg); background-position: top center;}
.playtitle .head{ max-width: 1000px; width: 100%; position:relative; margin:0 auto;}
.playtitle .head #catch{ position:absolute; right:0px; top:150px;}
.playtitle .head #read{ position:absolute; right:30px; top:540px;}
.playtitle .head #levi{ position: absolute; top: 730px; left: 50px;}
.playtitle .head #levi img{ width:100%; max-width:889px;}
.playtitle2{ display:none;}

.skrollr-desktop body { height:100% !important; }
body { font-family:sans-serif; background-color:#000; }
p { margin:1em 0; }
.no-skrollr .parallax-image-wrapper { display:none !important; }
#skrollr-body { height:100%; overflow:visible; position:relative; }
#skrollr-body .movie{ margin:0 auto; padding:2% 0; width:100%; max-width:960px;}
#skrollr-body .movie iframe{ border:solid 2px #000;}
#skrollr-body .movie .cap{ width:100%; margin:20px auto; color:#eee; font-size:14px; line-height:1.6; text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.gap { background:transparent center no-repeat; background-size:cover; }
.skrollr .gap { background:transparent !important; }
.gap-80 { height:800px;}
.gap-100 { height:1000px; }
.stepcontent { background:#000; padding:0em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#FFF; width:100%; margin:0 auto; text-align:center;}
.stepcontent h2{ font-size:53px; padding:20px 0;}
.stepcontent h3{ font-size:28px;}
.stepcontent p{ font-size:15px; line-height:1.7;}
.stepcontent-full { height:100%; }
#levi2{ text-align:center; padding-top:80px;}
#levi2 img{ width:100%; max-width:857px;}

.trialhead{ text-align:center; padding:120px 0 20px;}
.trialhead .day{ display:block; padding:10px; background-color:#F00; border-radius:20px; font-size:36px; font-weight:bold; width:100%; max-width:860px; margin:20px auto;}
.trial{ max-width: 960px; width: 100%; margin: 20px auto; padding: 0 0 60px 0px;}
.trial h3{ padding-bottom:20px; font-size:24px;}
.trial dl{ background-image:url(../trial/black.png); padding:3%;}
.trial dt{ float:left; width:15%; text-align:left; padding:5px 0; text-indent:1em; color:#fff; text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.trial dt .ya{ padding:0 0 6px 10px;}
.trial dt a{ color:#F90; text-decoration:none;}
.trial dt a:hover{ color:#F00; }
.trial dd{ float: right; width: 77%; text-align: left; padding: 5px 0 15px;text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000; line-height:1.6;}
.trial dd span.bigday{ font-size:24px; font-weight:bold;}
.trial .request{ width:100%; text-align:center; padding-top:40px;}
.trial .notice{ padding:30px 0;}
.trial .notice span{ font-size:18px; font-weight:bold; padding-bottom:10px; display:block;}

.contesthead{ text-align: center; padding: 520px 0 20px; width:100%; max-width:1000px; margin:0 auto; position:relative;}
.contesthead #headtitle{  position: absolute;  z-index: 100;  left: 206px;  top: 308px;}
.contesthead #photo01{  position: absolute; left: 30px;  top: 463px; z-index:1;}
.contesthead #photo02{  position: absolute; left: 143px; top: 450px; z-index: 1;}
.contesthead #photo03{  position: absolute; left: 336px; top: 460px; z-index: 3;}
.contesthead #photo04{  position: absolute; left: 489px;  top: 477px; z-index: 2;}
.contesthead #photo05{  position: absolute; left: 671px;  top: 448px; z-index: 2;}
.contesthead #photo06{  position: absolute; left: 795px;  top: 474px; z-index: 1;}
.contesthead #say01{ position: absolute; left: 657px; top: 227px; z-index: 1;}
.contesthead #say02{ position: absolute; left: 287px; top: 128px; z-index: 1;}
.contesthead #say03{ position: absolute; left: 78px; top: 269px; z-index: 1;}
.contesthead #say04{ position: absolute; left: 890px; top: 282px; z-index: 1;}
.contest .day{ display: block; padding: 10px; background-color: #F00; border-radius: 20px; font-size: 23px; font-weight: bold; width: 100%; max-width: 860px; margin: 80px auto 20px; text-align:center;}
.contest h3{ font-size: 15px; line-height: 1.5; font-weight: normal; text-align: center; padding-bottom: 40px;}
.contest{ max-width: 1000px; width: 100%; margin: 20px auto; padding: 0 0 40px 0px;}
.contest h4{ display:block; max-width:1000px; width:100%; height:77px; background-repeat:no-repeat; background-position:center; text-indent:-9999px;}
.contest h4.t01{ background-image:url(../contest/t01.jpg)}
.contest h4.t02{ background-image:url(../contest/t02.jpg)}
.contest h4.t03{ background-image:url(../contest/t03.jpg)}
.contest h4.t04{ background-image:url(../contest/t04.jpg)}
.contest h4.t05{ background-image:url(../contest/t05.jpg)}
.contest h4.t06{ background-image:url(../contest/t06.jpg)}
.contest h4.t07{ background-image:url(../contest/t07.jpg)}
.contest .read{ width:80%; margin:20px auto 60px; text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.contest .read span{ color:#F00;}
.contest .read .goods img{ width:100%;}
.contest ul{ list-style:none; padding-top:30px; }
.contest li{ width:29%; text-align:center; float:left; margin:0 2%;}
.contest li h5{ font-weight: bold; color: #D40000; font-size: 24px; line-height: 1.4; padding-bottom:10px;}
.contest li p{width:86%; margin:0 auto; text-align:left; font-size:14px; color:#CCC; line-height:1.6;}
.contest dl{ background-image:url(../contest/bg_blue.jpg); padding:3% 4.5%; width:83%; margin:0 auto;}
.contest dt{ text-align:left; padding:5px 0; color:#fff; font-size:22px; border-bottom:solid 1px #B5E0EC; font-weight:bold; text-indent:-0.5em;}
.contest dd{text-align: left; padding: 5px 0 15px; line-height:1.6;}
.contest dd span{ color:#FC0;}
.contest .request{ width:100%; text-align:center; padding-top:30px;}
.contest .notice{ padding:50px 0 0; color:#eee; font-size:14px; line-height:1.6;}
.contest .notice2{ padding: 0px 0; color: #FFF; font-size: 15px; line-height: 1.6; border-top: dotted 1px #9AD8EA; padding-top: 10px;}
.contest .notice .title{ display:block; font-size:28px; padding-bottom:10px; margin-bottom:20px; border-bottom:solid 1px #666666;}
.contest .theme{ max-width: 940px; margin: 30px auto 20px; width: 100%; border: dotted 1px #CC0000; padding: 30px;}
.contest .theme .text{ }
.contest .theme h5{ font-weight: bold; color: #D40000; font-size: 24px; line-height: 1.4; }
.contest .theme h5 span{ font-size:16px;}
.contest .theme p{ text-align:left; font-size:14px; color:#CCC; line-height:1.6;}
.contest .theme .themeimage{ margin:0px;}
.contest .theme .themeimage ul{ list-style:none; padding:0px;}
.contest .theme .themeimage li{ width:32%; margin:0.6%;}
.contest .theme .themeimage li img{ width:100%; padding-bottom:10px;}
.contest .controller{ text-align:center;}
.contest_sp{ display:none;}

.contest .screenshot ul{ list-style:none;}
.contest .screenshot li{ width:48%; margin:1%;}
.contest .screenshot li img{ width:100%;}
.contest .ogiri ul{ list-style:none;}
.contest .ogiri li{ width:48%; margin:1%;}
.contest .ogiri li img{ width:100%;}
.contest .comment{ border: dotted 1px #B18E0F; padding: 10px; font-size: 13px; text-align: left; line-height: 1.5; margin-top: 10px;}
.contest .comment2{ border: dotted 1px #B18E0F; padding: 10px; font-size: 13px; text-align: left; line-height: 1.5; margin-top: 10px;}

#toptrial{ background-image: url(../contest/top_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; border-bottom: solid 1px #666; min-height: 273px;}
#toptrial .content{ margin:0 auto; width:100%; max-width:1000px; text-align:center; position:relative;}
#toptrial .content .titlename{ margin:auto; width:100%; max-width:566px; padding-top:40px;}
#toptrial .btn_get{ position:absolute; bottom:20px; right:10px;}

.shoptrial{ width:100%; background-color:none; background-image:url(../shop/black.png); margin-bottom:15px;}
.shoptrial th{ text-align:left; width:30%; border-bottom:solid 1px #333333; padding:5px 0 5px 15px; background-color:transparent;}
.shoptrial td{ border-bottom:solid 1px #333333; padding:5px 0; background-color:transparent;}
.shoptrial td.shop{ width:50%;}
.shoptrial td.shop img{ padding:0 0 5px 10px;}
.shoptrial td.time{width:20%;}

.order{ max-width: 960px; width: 100%; margin: 20px auto; padding: 60px 0px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000; text-align:center;}
.order .title{ text-align:left; margin-bottom:50px; font-size:50px; display:block; border-bottom:solid 1px #444; padding-bottom:10px; font-weight:bold;}
.order ul{ list-style:none;}
.order li{ float:left; width:33.3%; padding-bottom:4px;}
.order li h3{ padding:20px 0 15px;}
.order li img{ padding:1px; width:98%;}
.order h4{ width: 100%; text-align: center; padding-bottom: 30px;}
.order h5{ width: 100%; text-align: center; padding-bottom: 30px;}
.order h4 img{ width:100%; max-width:690px;}
.order h5 img{ width:100%; max-width:446px;}

.nikonama_sp{ display:none;}

.play2{ width:100%; text-align:center; position:relative; min-height:410px; padding-top:60px;}
.play2 img.headvisual{ width:100%; max-width:1300px;}
.play2 .navi{ position:absolute; bottom:0; text-align:center; width:100%;}
.play2 .navi img{ padding:0 20px; max-width:159px; width:15%;}

.three_topics{ width:100%; max-width:1000px; margin:0 auto;}
.three_topics img{ width:33.3%;}

#dlctab{ margin:30px 0;}
.mod-tab .pcnotice{ padding: 15px; color: #FC0; font-size: 16px; line-height: 1.4; border: dotted 1px #FC0; margin-bottom:40px; text-align:center; background-image:url(../shop/black.png);}
.mod-tab-nav { float: left; list-style: none; min-width:155px; width:15%;}
.mod-tab-nav > li { margin-bottom: 0px; border-bottom: solid 1px #666;}
.mod-tab-nav > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 40px; color: #ccc; text-decoration: none;}
.mod-tab-nav > li > a:hover { color: #cc0000; text-decoration: none;}
.mod-tab-nav a.current { color: #cc0000; text-decoration: none;}
.mod-tab-nav a.current:hover { color: #cc0000; text-decoration: none;}
.mod-tab { width: 100%; max-width: 1000px; margin: 0 auto;}
.mod-tab:after { clear: both;}
.mod-tab-contents { float: right; width:80%; border-left: solid 1px #666; padding-left: 3%; min-height:600px;}
.mod-tab-contents h3{ font-size:24px; padding-bottom:30px; font-weight:bold;}
.mod-tab-contents h4{ font-size:19px; padding-bottom:5px; font-weight:bold; color:#c00;}
.mod-tab-contents h5{ font-weight:normal; line-height:1.5;}
.mod-tab-contents h7{ display:inline-block; background-color:#c00; padding:5px; text-align:center; color:#FFF; float:left; margin:8px 0 0; font-size:12px; line-height:1;}
.mod-tab-contents .chara{ text-align:center; position:relative; padding-bottom:20px; }
.mod-tab-contents .item{ text-align:center; position:relative; padding-bottom:20px; }
.mod-tab-contents .photo{ float:left; width:50%; margin-bottom:7px; text-align:center; font-size:16px; line-height:180%; margin-top:10px;}
.mod-tab-contents .photo img{width:98%;}

.update{ max-width:960px; width:100%; margin:0 auto; text-align:left; text-align:center;}
.update .udm{ text-align:right;}
.update .udm img{ width:30%;}
.update h2{	padding-top: 230px;	padding-bottom: 10px;}
.update h3{ display:block; max-width:1000px; width:100%; height:77px; background-repeat:no-repeat; background-position:center; text-indent:-9999px;}
.update h3.t01{ background-image:url(../update/t01.png)}
.update h3.t02{ background-image:url(../update/t02.png)}
.update h3.t03{ background-image:url(../update/t03.png)}
.update h3.t04{ background-image:url(../update/t04.png)}
.update h4{ padding-top:50px; text-align:left; color:#FF7E00; font-size:32px; font-weight:bold; }
.update h5{ padding-top:50px; text-align:left; color:#FF7E00; font-size:20px; font-weight:bold; line-height:1.8;}
.update p{ padding: 5px 50px 5px 0px; color: #fff; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000; text-align:left;}
.update .head_sp{ display:none;}
.update .movie{ float:right; width:30%; margin-left:20px; margin-top:30px;}
.update .movie img{ width:100%;}
.update .movie span{ font-size:13px;}

.manual{ max-width:986px; width:100%; margin:0 auto; text-align:left; text-align:center;}
.manual h2{ padding-top:50px; text-align:left; color:#FF7E00; font-size:32px; font-weight:bold; }
.manual h3{ display: block; max-width: 960px; width: 100%; border-top:solid 1px #666666; border-bottom:solid 1px #666666; font-size:36px; padding:13px; font-weight:normal; margin-bottom:50px; margin-top:30px;}
.manual p{ text-align:left;}
.manual .sec{ max-width:600px; width:100%; margin:0 auto;}
.manual .sec h4{ text-align:left; color:#ff7f00; font-size:24px; font-weight:normal; margin:10px 0;}
.manual .sec h4 span{ font-size:33px; font-weight:bold;}
.manual .sec h5{ text-align:left; font-size:14px; font-weight:normal; display:block; margin:7px 0; line-height:1.6;}
.manual .sec .ya{ padding:10px;}
.manual .box1{ width:49.5%; float:left;}
.manual .box1 h4{ text-align:left; color:#ff7f00; font-size:24px; font-weight:normal; margin:10px 0;}
.manual .box1 h4 span{ font-size:33px; font-weight:bold;}
.manual .box2{ width:49.5%; float:right;}
.manual .box2 h4{ text-align:left; color:#ff7f00; font-size:24px; font-weight:normal; margin:10px 0;}
.manual .box2 h4 span{ font-size:33px; font-weight:bold;}
.manual .box2 h5{ text-align:left; font-size:14px; font-weight:normal; display:block; margin:7px 0; line-height:1.6;}
.manual .ya2{ padding:20px;}
.manual img.ss{ width:100%;}
.manual .clearfix5{ padding-bottom:7px; clear:both;}

.display{ width: 100%; max-width: 960px; margin: 0 auto; text-align: left; position: relative;}
.display .read{ text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.display .eren{ position:absolute; top:70px; right:-25px;}
.display h2{ padding:130px 0 20px;}
.display .box{ border:solid 1px #666666; background-image:url(../shop/black.png); padding:50px; text-align:left; margin:30px auto;}
.display .box h3{ font-size:36px; line-height:1.3; padding-bottom:10px;}
.display .box h3 span{ color: #F90;}
.display .box .address{ color:#989898; font-size:13px; line-height:1.5; padding-bottom:30px;}
.display .box p{ font-size:15px; line-height:1.7;}
.display .box p span{ color:#FC0; font-weight:bold;}
.display .box .photo img{ width:48.5%; margin-right:1.5%;}
.display .box .photo2 img{ width:31.5%; margin-right:1.5%;}
}

@media screen and (max-width: 900px) {
#customElement #pv{ display:none}
#customElement #btn_movie{ display:none} 
}

@media screen and (min-width: 640px) and (max-width: 918px) {
.mod-tab-contents { float: right; width:70%; border-left: solid 1px #666; padding-left: 3%; min-height:600px;}
.display .eren img{ display:none;}
}

@media screen and (max-width: 639px) {

.main_sp{ margin-top: 35px;}
.main_sp img{ width: 100%; padding-bottom: 10px;}
.main_sp #tgs{ position: absolute; left: 68%; top: 255px;}
.main_sp #tgs img{ width:100px;}
.main_sp .sptweet{ width:238px; margin-left:20px; padding-top:10px;}
#customElement{ display:none;}

#navi{ display:none;}
#newsbar{ display:none;}

#tophead{ padding: 5px 10px 5px 0; border-bottom: solid 1px #555555; position: fixed; width: 100%; top: 35px; z-index: 1000; text-align: right; background-color: #000;}
#tophead #splogo{ float: left; width: 40%; margin: 0 0 0 5px; text-align: left;}
#tophead #splogo img{ width: 132px;}

#news{ margin-top:0px;}
#news #social{ text-align: center; margin-top: -60px; position: absolute; right: 0px;}
#news span{ margin:0 10px 0 0 ;}
#newstext{ line-height:1.5; padding:8px 0;}
.bx-controls-direction{ display:none;}
.spimg{ width:100%;}

.wrapper{ width:95%; margin:0 auto; position:relative; padding-top:80px;}
.wrapper .links{ padding-top:30px; border-bottom:solid 1px #555; font-size:15px;}
.wrapper .links ul{ list-style:none;}
.wrapper .links li{ padding-right:8px; color:#F00; border-right:solid 1px #444; margin-right:8px; display:inline-block; position:relative;}
.wrapper .links li .active{ padding:0 3px 9px;}
.wrapper .links li a{ color:#FFF; text-decoration:none;}
.wrapper .links li a:hover{ color:#f00;}
.wrapper .links li span{ position:absolute; bottom:-5px; left:15%; z-index:1000;}
.wrappertext{ width:92%; margin:0 auto; text-align:left;}
.wrappertext h3{ padding-top:50px; position:relative;}
.wrappertext h3 img{ width:100%;}
.wrappertext h4{ padding-top:20px; padding-bottom:10px;}
.wrappertext h4 img{ width:100%;}
.wrappertext h5{ padding-bottom:10px; text-align:center;}
.wrappertext p{ font-size:15px; padding-bottom:20px;}
.wrappertext h3 span img{ width:30px; position:absolute; bottom:30px;}
.wrappertext .new{ position:absolute; margin: -15px 0 0 2px; display:block;} 
.wrappertext img.new{ width:30px;} 

.movie{ padding-bottom:0px;}
.movietext { padding-top:30px; text-align:center; display:block; border-bottom:solid 1px #666666;}
.movietext .movie{ position:relative; border-top:solid 1px #666666;}
.movietext .movie img{ width:30%; float:left; }
.movietext .movie span{ font-size: 13px; line-height: 1.4; display:inline-block; width:67%; clear:both; text-align:left; padding-left:3%; }
.movietext .movie .new{ position:absolute; z-index:10; width:30px; left:1px;}
.youtube{ padding-top:20px; width:92%; margin:0 auto; padding-bottom:40px;}

.cdimg{ width: 95%; margin: 0 auto; text-align: center; }
.cdimg h4{ font-size:36px; font-weight:bold; padding-bottom:30px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.cdimg ul{ list-style:none;}
.cdimg li{ padding-bottom:30px; width:32%; padding:0 0.5% 3%; float:left; }
.cdimg li img{ width:100%; }

#tokuten{ width: 100%; margin: 0 auto 30px; background-image: url(../img/bg_box.jpg); border-bottom: solid 1px #555555; background-position: top center; background-repeat:no-repeat;}
#tokuten .box{ width: 100%; margin: 0px auto; padding: 30px 0; min-height: 0px; position: relative; max-width: 1000px;}
#tokuten .box h3{ font-size: 24px; font-weight: bold; color: #FF9900; margin-bottom: 10px; padding: 10px 0 0px 10px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
#tokuten .box p{ font-size: 13px; line-height: 150%; padding: 10px; color:#CCC;}
#tokuten .box .product{ text-align: center; padding-top: 20px; padding-bottom: 20px;}
#tokuten .box .product2{ text-align:center; }
#tokuten .box .same{ position: absolute; right: 24px; top: 56px;}
#tokuten .box dl{ margin:0 10px; line-height:135%; font-size:15px;}
#tokuten .box dt{ color:#CCC; font-size:14px;}
#tokuten .box dd{ margin-bottom:10px; color:#CCC; font-size:14px;}
#tokuten .box #pbox img{ width:100%; padding-bottom:15px;}
#tokuten .box .get{ text-align:center; }
#tokuten .box .medal{ display:none;}
#tokuten .box .tbox_pc{ display:none;}
#tokuten .box .tbox_sp{ width:100%;}

#tokuten2 .box .leftbox{ width: 96%; border-bottom: solid 1px #666; padding: 2% 2% 0 2%}
#tokuten2 .box .rightbox{ width:96%; padding:2%}
#tokuten2 .box .centerbox{ width:96%; padding:2%}
#tokuten2{ width: 100%; margin: 0 auto 0px; border-bottom: solid 1px #555555; background-position: top center;}
#tokuten2 .box{ width: 100%; margin: 0px auto; padding: 0; background-image: url(../img/bg_box.png); min-height: 0px; position: relative; max-width: 1000px;}
#tokuten2 .box h3{ font-size: 23px; font-weight: bold; color: #FF9900; margin-bottom: 10px; padding: 20px 0 0px 0px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
#tokuten2 .box p{ font-size: 15px; line-height: 150%; padding: 0px; color: #FFF;}
#tokuten2 .box span{ font-size:13px; color:#999; line-height:1.3;}
#tokuten2 .box .product2{ text-align:center; margin-bottom:20px;}
#tokuten2 .box .product{ text-align:center;}
#tokuten2 .box .product img{ width:90%; max-width:416px;}
#tokuten2 .box .get{ text-align:center; }
#tokuten2 .box .package img{ padding:20px 0 10px 0; width:100%;}

.shoptext{ width: 92%; margin: 20px auto; }
.shoptext h3{ padding-bottom:10px;}
.shoptext h3 img{ width:100%;}
.shoptext dl{ border-top:solid 1px #555; background-image:url(../shop/black.png);}
.shoptext dt{ padding:5px 0 0; color:#F90;}
.shoptext dt .ya{ padding:0 0 6px 10px;}
.shoptext dt a{ color:#F90; text-decoration:none;}
.shoptext dt a:hover{ color:#F00; }
.shoptext dd{ padding:0 0 5px 0; border-bottom:solid 1px #555; font-size:13px;}

#spec{ width:92%; margin:0 auto; position:relative; font-size:14px;}
#spec dl{ line-height:160%; margin-bottom:50px;}
#spec dl .tboxcost{ font-size:23px; font-weight:bold; margin:30px 0 10px;}
#spec dt{}
#spec dd{ margin-bottom:10px;}
#spec #cero{ margin-bottom:10px;}
#spec #thanks{ margin-bottom:30px;}
#spec #thanks img{ width:100%; text-align:center;}

#footer{ text-align: center; padding-bottom: 30px; background-color: #000;}
#footer #sns{ text-align:center;}
#footer #sns img{ width:18%;}
#footer #sns2{ text-align: center;}
#footer #sns2 img{ margin:10px 3px;}
#footer #links{ margin:0 auto 40px auto; font-size:12px; color:#999;}
#footer #links a{ color:#FFF; text-decoration:none; }
#footer #links a:hover{ color:#F03; text-decoration:underline;}
#footer #sns img{ margin: 30px 15px;}
#footer #platform img{ width:100%;}
#pagetop { bottom: 10px; right: 10px; position: fixed; z-index: 500;}
.hidesp{ display:none;}

.titans{ display:none;}
.titans_sp img{ width:100%;}
.subtitans ul{ list-style:none;}
.subtitans li{ float:left; width:100%; position:relative;}
.subtitans li img{ width:100%;}
.subtitans li span{ position:absolute; bottom:5px; left:8px; font-size:12px;}
.subtitans li span img{ width:30px; margin:0 5px 8px 0;}
.subtitans .titanname{ position: absolute; z-index: 10; bottom: 10px; width: 60%; right: 10px; top: 50%; max-width:433px;}
.othertitans{ text-align: center; padding: 0px; width: 95%; margin: 0 auto;}
.othertitans img{ width:100%;}

.mini{ margin:0 auto; width:100%;}
.mini ul{ list-style:none;}
.mini li{ width:25%; float:left;}
.mini li img{ width:100%;}

#spchara .charaface{ width:100%; position:relative;}
#spchara .charaface img{ width:100%;}
#spchara .charaface span{ position:absolute; bottom:23%; left:6%}
#spchara h4{ width:92%; font-size:14px; font-weight:normal; margin:0 auto; border-bottom:solid 1px #555; padding-bottom:30px; margin-bottom:20px;}

.select{ width:100%; margin:0 auto 0px;}
.select .selectbox{ display:block; margin-bottom:5px;}
.select .selectbox .ss{ width:100%; padding-top:20px; padding-bottom:80px;}
.select .selectbox p{ width:92%; font-size:15px; margin:0 auto; padding-bottom:15px;}
.select .selectbox h3{ width:95%; margin:0 auto;}

#campweapon{ border:solid 1px #555; padding:4%; margin:20px auto; font-size:14px; line-height:1.6; position:relative; width:85%;}
#campweapon h3{ font-size:24px;}
#campweapon .weapon img{ width:100%; }
#campweapon .ss img{ width:33.33%;}

#campweapon2{ border:solid 1px #555; padding:4%; margin:20px auto; font-size:14px; line-height:1.6; position:relative; width:85%;}
#campweapon2 h3{ font-size:24px;}
#campweapon2 .weapon img{ width:100%; }
#campweapon2 .ss img{ width:33.33%;}

#machine{ border:solid 1px #555; padding:4%; margin:20px auto; font-size:14px; line-height:1.6; position:relative; width:85%;}
#machine h3{ font-size:24px;}
#machine2{ border:solid 1px #c00; padding:4%; margin:20px auto; font-size:14px; line-height:1.6; position:relative; width:85%;}
#machine2 h4{ color:#C00;}

.gettweet{ width:98%;}

.playtitle{ display:none; }
.playtitle2 img{ width:100%; text-align:center;}
.skrollr-desktop body { height:100% !important; }
body { font-family:sans-serif; background-color:#000; }
p { margin:1em 0; }
#skrollr-body { height:100%; overflow:visible; position:relative; }
#skrollr-body .movie{ margin:0 auto; padding:4% 0; width:100%; max-width:960px;}
#skrollr-body .movie iframe{ border-top:solid 2px #000; border-bottom:solid 2px #000;}
#skrollr-body .movie .cap{ width:92%; margin:20px auto; color:#eee; font-size:14px; line-height:1.6; text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;}
.gap { background:transparent center no-repeat; background-size:cover; }
.skrollr .gap { background:transparent !important; }
.gap-50 { height:50%; }
.gap-100 { height:100%; }
.stepcontent { background:#000; padding:1em 1em 0 1em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#FFF; width:100%; margin:0 auto; text-align:center;}
.stepcontent h2{ font-size:53px; padding:20px 0;}
.stepcontent h3{ font-size:23px; padding-bottom:20px;}
.stepcontent p{ font-size:15px; line-height:1.7; text-align:left; margin:0;}
.stepcontent-full { height:100%; }
.levi1{ margin:20px auto;}
#levi2 img{ width:100%;}

.movie_sp{ position:relative;}
.movie_sp span{ position:absolute; left:5px;}

.trialhead{ width:94%; margin:20px auto 0;}
.trialhead .day{ display:block; padding:10px; background-color:#F00; border-radius:20px; font-size:18px; font-weight:bold; width:92%;  margin:20px auto; text-align:center;}
.trialhead img{ width:100%;}
.trial{ width: 92%; margin: 20px auto; }
.trial h3{ padding:10px 0; border-bottom:solid 1px #555; }
.trial h3 img{ width:100%;}
.trial dl{ background-image:url(../trial/black.png);}
.trial dt{ padding:5px 0 0; color:#fff;}
.trial dt .ya{ padding:0 0 6px 10px;}
.trial dt a{ color:#F90; text-decoration:none;}
.trial dt a:hover{ color:#F00; }
.trial dd{ padding:0 0 5px 0; border-bottom:solid 1px #555; font-size:13px; line-height:1.5;}
.trial .request{ width:100%; text-align:center; padding:40px 0;}
.trial .request img{ width:80%;}

#toptrial{ background-image: url(../contest/top_bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; border-bottom: solid 1px #666; min-height: 180px;}
#toptrial .content{ margin:0 auto; width:100%; max-width:1000px; text-align:center; position:relative;}
#toptrial .content .titlename{ margin:auto; width:100%; max-width:566px; padding-top:40px;}
#toptrial .btn_get{ padding-top:30px;}

.shoptrial{ width:100%; margin-bottom:0px;}
.shoptrial tr{ display:block; margin-bottom:30px; border-bottom:solid 1px #333333;}
.shoptrial th{ display:block; text-align:left; width:100%; border-bottom:solid 1px #333333; padding:5px 0;}
.shoptrial td{ display:list-item; list-style:none;}
.shoptrial td.shop{ width:100%; padding:5px 0;}
.shoptrial td.shop img{ padding:0 0 5px 10px;}
.shoptrial td.time{width:100%; padding:0 0 5px 0;}

.order{ width: 100%; margin: 30px auto; text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000; text-align:center;}
.order .title{ text-align:left; margin-bottom:50px; font-size:40px; display:block; border-bottom:solid 1px #444; padding-bottom:10px; font-weight:bold; text-align:center;}
.order ul{ list-style:none;}
.order li{ margin:0 auto; width:50%; float:left;}
.order li h3{ padding:20px 0 15px;}
.order li img{ width:98%; padding:1%;}
.order h4{ width:100%; text-align:center; padding-bottom:30px;}
.order h5{ width: 100%; text-align: center; padding-bottom: 10px;}
.order h4 img{ width:100%; }
.order h5 img{ width:80%; }

.nikonama_sp{ border-bottom: solid 1px #666;}
.nikonama_sp img{ width:100%;}

.play2{ width:100%; text-align:center; position:relative; }
.play2 img.headvisual{ width:100%; max-width:1300px;}
.play2 .navi{ text-align:center; width:100%;}
.play2 .navi img{ padding:0 1%; max-width:159px; width:23%;}

.three_topics{ width:100%; max-width:1000px; margin:0 auto;}
.three_topics img{ width:100%;}


.mod-tab .notice{ padding-top:10px; color:#ccc; width:95%; margin:0 auto; font-size:13px; }
.mod-tab .pcnotice{ padding: 2.5%; color: #FC0; font-size: 16px; line-height: 1.4; border: dotted 1px #FC0; margin:20px auto; width:90%;}
.mod-tab-nav { border-top: 1px solid #666; width: 95%; list-style: none; margin:10px auto;}
.mod-tab-nav > li { margin-bottom: 0px; border-bottom: solid 1px #666;}
.mod-tab-nav > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 40px; color: #ccc; text-decoration: none;}
.mod-tab-nav > li > a:hover { color: #cc0000; text-decoration: none;}
.mod-tab-nav a.current { color: #cc0000; text-decoration: none;}
.mod-tab-nav a.current:hover { color: #cc0000; text-decoration: none;}
.mod-tab { width: 100%; max-width: 1000px; margin: 0 auto;}
.mod-tab:after { clear: both;}
.mod-tab-contents { width:92%; margin:30px auto; min-height:100px;}
.mod-tab-contents h3{ font-size:24px; padding-bottom:10px; font-weight:bold;}
.mod-tab-contents h4{ font-size:19px; padding-bottom:5px; font-weight:bold; color:#c00;}
.mod-tab-contents h5{ font-weight:normal; line-height:1.5;}
.mod-tab-contents h7{ display:inline-block; background-color:#c00; padding:5px; text-align:center; color:#FFF; float:left; margin:8px 0 0; font-size:12px; line-height:1;}
.mod-tab-contents .chara{ text-align:center; position:relative; padding-bottom:20px;}
.mod-tab-contents .chara img{ height:400px;}
.mod-tab-contents .item{ text-align:center; position:relative; padding-bottom:20px; }
.mod-tab-contents .item img{ width:100%;}
.mod-tab-contents .photo{ width:48%; margin:2px; text-align:center; float:left; margin-top:7px;}
.mod-tab-contents .photo img{width:100%;}

.contesthead{ display:none; }

.contest{ max-width: 1000px; width: 100%; margin: 20px auto; padding: 0 0 40px 0px;}
.contest .day{ display: block; padding: 10px; background-color: #F00; border-radius: 20px; font-size: 17px; font-weight: bold; width: 90%; margin: 0px auto 20px; text-align:center;}
.contest h3{ font-size:15px; line-height:1.5; font-weight:normal; text-align:left; padding-bottom:20px; width:95%; margin:0 auto;}
.contest h4{ display:block; max-width:1000px; width:100%; height:77px; background-repeat:no-repeat; background-position:center; text-indent:-9999px;}
.contest h4.t01{ background-image:url(../contest/t01.jpg)}
.contest h4.t02{ background-image:url(../contest/t02.jpg)}
.contest h4.t03{ background-image:url(../contest/t03.jpg)}
.contest h4.t04{ background-image:url(../contest/t04.jpg)}
.contest h4.t05{ background-image:url(../contest/t05.jpg)}
.contest h4.t06{ background-image:url(../contest/t06.jpg)}
.contest h4.t07{ background-image:url(../contest/t07.jpg)}
.contest .read{ width:90%; margin:20px auto 60px;}
.contest .read span{ color:#F00;}
.contest .read .goods img{ width:100%;}
.contest ul{ list-style:none; padding-top:30px; }
.contest li{ width:92%; text-align:center; margin:0 auto;}
.contest li h5{ font-weight: bold; color: #D40000; font-size: 24px; line-height: 1.4; padding-bottom:10px;}
.contest li p{width:86%; margin:0 auto; text-align:left; font-size:14px; color:#CCC; line-height:1.6;}
.contest dl{ background-image:url(../contest/bg_blue.jpg); padding:3% 4.5%; width:83%; margin:0 auto;}
.contest dt{ text-align:left; padding:5px 0; color:#fff; font-size:22px; border-bottom:solid 1px #B5E0EC; font-weight:bold; text-indent:-0.5em;}
.contest dd{text-align: left; padding: 5px 0 15px; line-height:1.6;}
.contest dd span{ color:#FC0;}
.contest .request{ width:100%; text-align:center; padding-top:30px;}
.contest .request img{ width:100%;}
.contest .notice{ padding:50px 0 0; color:#eee; font-size:14px; line-height:1.6; width:95%; margin:0 auto;}
.contest .notice2{ padding: 0px 0; color: #FFF; font-size: 15px; line-height: 1.6; border-top: dotted 1px #9AD8EA; padding-top: 10px;}
.contest .notice .title{ display:block; font-size:28px; padding-bottom:10px; margin-bottom:20px; border-bottom:solid 1px #666666;}
.contest .theme{ margin:30px auto 20px; width:90%; border:dotted 1px #CC0000; padding:10px;}
.contest .theme .text{ width:100%;}
.contest .theme h5{ font-weight: bold; color: #D40000; font-size: 24px; line-height: 1.4; }
.contest .theme p{ text-align:left; font-size:14px; color:#CCC; line-height:1.6;}
.contest .theme .themeimage{ margin:0px;}
.contest .theme .themeimage ul{ list-style:none; padding:0px;}
.contest .theme .themeimage li{ width:49%; margin:0.5%; float:left;}
.contest .theme .themeimage li img{ width:100%; padding-bottom:10px;}
.contest .controller{ text-align:center;}
.contest .controller img{ width:90%; padding:30px 0;}
.contest_sp img{ width:100%;}

.contest .screenshot ul{ list-style:none;}
.contest .screenshot li{ width:92%; margin-bottom:40px;}
.contest .screenshot li img{ width:100%;}
.contest .ogiri ul{ list-style:none;}
.contest .ogiri li{ width:92%; margin-bottom:30px;}
.contest .ogiri li img{ width:100%;}
.contest .comment{ width:92%; border: dotted 1px #B18E0F; padding: 2%; font-size: 13px; text-align: left; line-height: 1.5; margin: 10px auto;}
.contest .comment2{ width:95%; border: dotted 1px #B18E0F; padding: 2%; font-size: 13px; text-align: left; line-height: 1.5; margin: 10px auto;}

.update{ width:100%; margin:0 auto; text-align:left; text-align:center;}
.update .head_sp img{ width:100%;}
.update .udm img{ width:60%; margin-bottom:10px;}
.update h2{ display:none;}
.update h3{ display:block; max-width:1000px; width:100%; height:77px; background-repeat:no-repeat; background-position:center; text-indent:-9999px;}
.update h3.t01{ background-image:url(../update/t01.png)}
.update h3.t02{ background-image:url(../update/t02.png)}
.update h3.t03{ background-image:url(../update/t03sp.png)}
.update h3.t04{ background-image:url(../update/t04sp.png)}
.update h4{ padding-top:50px; padding-bottom:0px; text-align:left; color:#FF7E00; font-size:24px; font-weight:bold; width:92%; margin:0 auto; }
.update h5{ padding-top:30px; margin:0 auto; width:95%; text-align:left; color:#FF7E00; font-size:17px; font-weight:bold; line-height:1.8;}
.update p{ padding: 10px 0px; width:92%; margin:0 auto; color: #fff; line-height:1.6; text-align:left; font-size:15px;}

.update .movie{ margin-left:20px; margin:30px auto;}
.update .movie img{ width:95%;}
.update .movie span{ font-size:13px;}

.display{ width:100%; margin:0 auto; text-align:center;}
.display .eren img{ width:100%;}
.display h2{ padding:80px 0 20px;}
.display h2 img{ width:100%;}
.display .read{ width:92%; margin:0 auto; text-align:left; font-size:14px; line-height:1.7;}
.display .box{ border:solid 1px #666666; background-image:url(../shop/black.png); padding:5%; text-align:left; margin:30px auto; width:85%;}
.display .box h3{ font-size:36px; line-height:1.3; padding-bottom:10px;}
.display .box h3 span{ color: #F90;}
.display .box .address{ color:#989898; font-size:13px; line-height:1.5; padding-bottom:30px;}
.display .box p{ font-size:14px; line-height:1.7;}
.display .box p span{ color:#FC0; font-weight:bold;}
.display .box .photo img{ width:48.5%; margin-right:1.5%;}
.display .box .photo2 img{ width:31.5%; margin-right:1.5%;}

.manual{ width:95%; margin:0 auto; text-align:left; text-align:center;}
.manual h2{ padding-top:10px; text-align:left; color:#FF7E00; font-size:32px; font-weight:bold; }
.manual h3{ display: block; width: 94%; border-top:solid 1px #666666; border-bottom:solid 1px #666666; font-size:26px; padding:3%; font-weight:normal; margin-bottom:20px; margin-top:30px; line-height:1.3;}
.manual p{ text-align:left; font-size:15px;}
.manual .sec{ max-width:600px; width:100%; margin:0 auto;}
.manual .sec h4{ text-align:left; color:#ff7f00; font-size:24px; font-weight:normal; margin:10px 0;}
.manual .sec h4 span{ font-size:33px; font-weight:bold;}
.manual .sec h5{ text-align:left; font-size:14px; font-weight:normal; display:block; margin:7px 0; line-height:1.6; color:#CCC;}
.manual .sec .ya{ padding:10px;}
.manual .box1{ margin-bottom:7px;}
.manual .box1 h4{ text-align:left; color:#ff7f00; font-size:24px; font-weight:normal; margin:10px 0;}
.manual .box1 h4 span{ font-size:33px; font-weight:bold;}
.manual .box2{ }
.manual .box2 h4{ text-align:left; color:#ff7f00; font-size:24px; font-weight:normal; margin:10px 0;}
.manual .box2 h4 span{ font-size:33px; font-weight:bold;}
.manual .box2 h5{ text-align:left; font-size:14px; font-weight:normal; display:block; margin:7px 0; line-height:1.6; color:#ccc;}
.manual .ya2{ padding:20px;}
.manual img.ss{ width:100%;}
.manual .clearfix5{ padding-bottom:7px;}
}