@charset "utf-8";
/* Reset ------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	line-height:100%;
}

ol, ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}

/* old browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block;}
/* /Reset -----------------------------------------------------------------------------------------------------------------------------*/


/* Basic Settings ------------------------------------------------------------------------------------------------------------------------------*/
html{font-size:62.5%} /* font-size 1em = 10px on default browser settings */

body{
	font-size:12px;
	font-size:1.2rem;
	font-family:Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	line-height:1.2rem;
	color:#FFFFFF;
	position:relative;
	background-color:#000000;
	background:url(/assets/img/star.jpg) center top no-repeat fixed;
	background-size:cover;
}

body, html{height:100%;}

img{vertical-align:middle;}

.txt10{font-size:10px; font-size:1.0rem;}
.txt11{font-size:11px; font-size:1.1rem;}
.txt12{font-size:12px; font-size:1.2rem;}
.txt13{font-size:13px; font-size:1.3rem;}
.txt14{font-size:14px; font-size:1.4rem;}
.txt15{font-size:15px; font-size:1.5rem;}
.txt16{font-size:16px; font-size:1.6rem;}
.txt17{font-size:17px; font-size:1.7rem;}
.txt18{font-size:18px; font-size:1.8rem;}
.txt19{font-size:19px; font-size:1.9rem;}
.txt20{font-size:20px; font-size:2.0rem;}
.txt21{font-size:21px; font-size:2.1rem;}
.txt22{font-size:22px; font-size:2.2rem;}
.txt23{font-size:23px; font-size:2.3rem;}
.txt24{font-size:24px; font-size:2.4rem;}
.txt25{font-size:25px; font-size:2.5rem;}
.txt26{font-size:26px; font-size:2.6rem;}
.txt27{font-size:27px; font-size:2.7rem;}
.txt28{font-size:28px; font-size:2.8rem;}
.txt29{font-size:29px; font-size:2.9rem;}
.txt30{font-size:30px; font-size:3.0rem;}

.lh10{line-height:10px; line-height:1.0rem;}
.lh11{line-height:11px; line-height:1.1rem;}
.lh12{line-height:12px; line-height:1.2rem;}
.lh13{line-height:13px; line-height:1.3rem;}
.lh14{line-height:14px; line-height:1.4rem;}
.lh15{line-height:15px; line-height:1.5rem;}
.lh16{line-height:16px; line-height:1.6rem;}
.lh17{line-height:17px; line-height:1.7rem;}
.lh18{line-height:18px; line-height:1.8rem;}
.lh19{line-height:19px; line-height:1.9rem;}
.lh20{line-height:20px; line-height:2.0rem;}
.lh21{line-height:21px; line-height:2.1rem;}
.lh22{line-height:22px; line-height:2.2rem;}
.lh23{line-height:23px; line-height:2.3rem;}
.lh24{line-height:24px; line-height:2.4rem;}
.lh25{line-height:25px; line-height:2.5rem;}
.lh26{line-height:26px; line-height:2.6rem;}
.lh27{line-height:27px; line-height:2.7rem;}
.lh28{line-height:28px; line-height:2.8rem;}
.lh29{line-height:29px; line-height:2.9rem;}
.lh30{line-height:30px; line-height:3.0rem;}

.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}

.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb3{margin-bottom:3px;}
.mb4{margin-bottom:4px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}

.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr3{margin-right:3px;}
.mr4{margin-right:4px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}

.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml3{margin-left:3px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}

.mD{margin:0px !important;}
.mA{margin-left:auto; margin-right:auto;}

.taL{text-align:left;}
.taC{text-align:center;}
.taR{text-align:right;}

.color-red{color:#FF0000 !important;}
.color-red02{color:#FF003F !important;}
.color-blue{color:#00E3FF !important;}
.color-green{color:#1EC27C !important;}
.color-orange{color:#FF8700 !important;}
.color-yellow{color:#F0FF00 !important;}

.SP{display:none;}
/* /Basic Settings -----------------------------------------------------------------------------------------------------------------------------*/


/* Button Effect -----------------------------------------------------------------------------------------------------------------------------*/
.backBtn{text-align:center;}

.backBtn a img,.pageUpBtn a img{
	-webkit-transition:0.3s ease-in-out;
	   -moz-transition:0.3s ease-in-out;
	     -o-transition:0.3s ease-in-out;
	        transition:0.3s ease-in-out;
}

.backBtn a:hover img,.pageUpBtn a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}
/* /Button Effect ----------------------------------------------------------------------------------------------------------------------------*/


/* PopUp ------------------------------------------------------------------------------------------------------------------------------*/
* html .layer_board_bg,* html .layer_board{position:absolute;}

.layer_board_bg{
	position:fixed;
	width:100%;
	height:100%;
	z-index:1000;
	top:0;
	left:0;
	display:none;
	cursor:pointer;
	background:#000;
}

.layer_board{
	display:none;
	position:fixed;
	left:50%;
	margin:50px 0px 0px -585px;
	text-align:center;
	z-index:2000;
}
/* /PopUp -----------------------------------------------------------------------------------------------------------------------------*/


/* Header -----------------------------------------------------------------------------------------------------------------------------*/
.sgLogoSet img{margin:20px auto;}/*SPホームロゴボタン*/

#sb-site{height:100%;}/*??*/

#topHeader{height:760px;}

.headerPadding{padding-top:143px;}

#headerBg{
  background:url(/assets/img/main_header_bg2.jpg);
	/*background:url(/assets/img/main_header_bg_newyear.jpg);*/
	min-height:100%;
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:143px;
	position:relative;
}

#preCpBtn{
	position:absolute;
	bottom:0;
	width:100%;
	background-color:rgba(0,0,0,0.70);
}

#preCpBtn a,#preCpBtn2 a{
	margin:0 auto;
	text-align:center;
	display:block;
	width:1170px;
}

#preCpBtn img,#preCpBtn2 img{width:100%;}

#preCpBtn a img,#preCpBtn2 a img{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

#preCpBtn a:hover img,#preCpBtn2 a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#preCpBtn2{
	display:none;
	width:100%;
}

#themesong_pv{
	position:relative;
	width:1170px;
	margin:0 auto;
	z-index:10;
}

#themesong_pvIn{
	position:absolute;
	top:350px;
	left:0px;
	z-index:10;
}

#txt_100thousand{
	position:relative;
	width:1170px;
	margin:0 auto;
}

#txt_100thousandIn{
	position:absolute;
	top:294px;
	left:322px;
}

#storeBox{
	position:absolute;
	bottom:0;
	width:100%;
	background-color:rgba(0,0,0,0.70);
	/*background-color:rgba(255,0,0,0.75);*/	
}

#storeBoxIn{
	background-repeat:no-repeat;
  background-position:top center;
	background-image:url(/assets/img/store_bg.jpg);
	width:1170px;
	height:200px;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
	padding:62px 42px 0px;
}

#storeBoxIn a img{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

#storeBoxIn a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

.storeBoxS{margin-top:10px;}
.storeBoxS_In{display:flex; justify-content:space-between;}
.storeBoxS_In div{width:49%;}
.storeBoxS_In div img{width:100%;}
/* /Header ----------------------------------------------------------------------------------------------------------------------------*/


/* HeaderNav -----------------------------------------------------------------------------------------------------------------------------*/
.headerNav{
	background-image:url(/assets/img/topmenu_bg_base.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	width:100%;
	height:143px;
	position:fixed;
  z-index:999;
	top:0;
}

.haderNavList{
	width:1170px;
	margin:0 auto;
	position: relative;
}

.haderNavList ul{
	display:flex;
	padding:0px 15px;
}
.haderNavList ul li a{
	width:124px;
	height:75px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#topNav1,#topNav2,#topNav3,#topNav4,#topNav5,#topNav6,#topNav7,#topNav8{
	background-image:url(/assets/img/topmenu_btnlist_161209_1.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#topNav1{background-position:0px 0px; margin-right:10px;}
#topNav1:hover{background-position:-128px 0px;}

#topNav2{background-position:0px -79px; margin-right:34px;}
#topNav2:hover{background-position:-128px -79px;}

#topNav3{background-position:0px -158px; margin-right:10px;}
#topNav3:hover{background-position:-128px -158px;}

#topNav4{background-position:0px -237px;}
#topNav4:hover{background-position:-128px -237px;}

#topNav5{background-position:0px -316px; margin-right:10px;}
#topNav5:hover{background-position:-128px -316px;}

#topNav6{background-position:0px -395px; margin-right:10px;}
#topNav6:hover{background-position:-128px -395px;}

#topNav7{background-position:0px -474px; margin-right:10px;}
#topNav7:hover{background-position:-128px -474px;}

#topNav8{background-position:0px -553px; margin-right:10px;}
#topNav8:hover{background-position:-128px -553px;}

#topNavHome{margin-right:10px;}
#topNavHome a{width:334px; text-indent: 0;}

#actionPartsTop,#actionPartsBottom{position:absolute; top:-137px; left:449px;}
#actionPartsTop{z-index:-1;}
#actionPartsBottom{z-index:-2;}

#actionPartsTop {animation: topParts 8s linear infinite;}
@keyframes topParts {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-360deg); }
}
#actionPartsBottom {animation: bottomParts 8s linear infinite;}
@keyframes bottomParts {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* /HeaderNav ----------------------------------------------------------------------------------------------------------------------------*/


/* Main -----------------------------------------------------------------------------------------------------------------------------------*/
.flexBox{display:flex; justify-content:space-between;}

.cd-bg-1{
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top center;
	/*background-image:url(/assets/img/contents_gear_bg.jpg);*/
	padding-bottom:30px;	
}

#pvBox{margin-top:20px;}
#pvBox a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
#pvBox a:hover img{
	opacity:0.85;
	filter:alpha(opacity=85);
}

#entryBox{
	margin-top:20px;
	height:428px;
}

#entryBox a img{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
#entryBox a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

#entryBox div{margin:10px 0px;}

.top10Box{width:100%;}
.top10_i{display:inline-block; width:50%; text-align:center;}
.top10_a{display:inline-block; width:50%; text-align:center;}

.s_top10_i,.s_top10_i a {display:block;}
.s_top10_a,.s_top10_a a {display:block;}

.s_top10_i img{width:100%;}
.s_top10_a img{width:100%;}

.preregisterBtnB{margin-top:30px; margin-bottom:30px;}
.preregisterBtnB a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
.preregisterBtnB a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* /Main ---------------------------------------------------------------------------------------------------------------------------------*/


/* NEWS ----------------------------------------------------------------------------------------------------------------------------------*/
.newsBox{
	margin-top:20px;
	background-image:url(/assets/img/news_bg.png);
	background-repeat:no-repeat;
	background-repeat:left top;
	width:1170px;
	height:409px;
	padding:70px 30px 0px 45px;
}

.newsBox .newsList li{
	margin-bottom:10px;
	border-bottom:solid 1px #81e7fd;
	padding:0px 0px 10px 0px;
	display:table;
	width:100%;
	font-size:20px;
	font-size:2.0rem;
}

.newsBox .newsList li a{text-decoration:none; line-height:1.8rem; display:block;}
.newsBox .newsList li a:hover{color:#f0ff00;}
.newsBox .newsDate{width:10%; display:table-cell; color:#81e7fd;}
.newsBox .newsTitle{width:85%; display:table-cell;}

.newsList{width:100%; height:240px; overflow:auto;}
.newsList li{margin-bottom:10px; border-bottom:solid 1px #B5B5B5; padding:0px 0px 10px 0px; display:table; width:100%;}
.newsList li a{text-decoration:none; color:#FFFFFF; line-height:1.8rem;}
.newsList li a:hover{color:#00E3FF;}
.newsDate{width:10%; display:table-cell;}
.newsTitle{width:85%; display:table-cell;}

.newsMoreBtn{margin-top:20px; text-align:center;}
.newsMoreBtn a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
.newsMoreBtn a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

#newsTl{color:#00E3FF; border-bottom:2px solid #00E3FF; padding-bottom:5px; font-size:50px; font-size:5.0rem;}

.newsListBox{
	margin-top:5px;
	width:100%;
	padding:20px;
	border:2px solid #00E3FF;
	background:rgba(0,0,0,0.7);
}

.newsListBox .newsList li{
	margin-bottom:10px;
	border-bottom:solid 1px #81e7fd;
	padding:0px 0px 10px 0px;
	display:table;
	width:100%;
	font-size:20px;
	font-size:2.0rem;
}
.newsListBox .newsList li a{text-decoration:none; line-height:1.8rem; display:block;}
.newsListBox .newsList li a:hover{color:#f0ff00;}
.newsListBox .newsDate{width:10%; display:table-cell; color:#81e7fd;}
.newsListBox .newsTitle{width:85%; display:table-cell;}
.newsListBox .newsList{width:100%; height:auto; overflow:visible;}

#newsContentDate{width:100%; font-size:20px; font-size:2.0rem; line-height:22px; line-height:2.2rem; margin-bottom:4px; color:#81e7fd;}
#newsContentTl{margin-bottom:10px; border-bottom:solid 1px #B5B5B5; padding:0px 0px 10px 0px; font-size:24px; font-size:2.4rem; color:#FFFFFF;}

#newsContent{width:100%; font-size:20px; font-size:2.0rem; line-height:26px; line-height:2.6rem;}
#newsContent a{color:#F0FF00;}
#newsContent a:hover{color:#F0FF00; text-decoration: underline;}
#newsContent p,#newsContent div{line-height:26px; line-height:2.6rem;}


.paging{width:100%; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem;}
.paging #currentPage{display:inline-block; padding:4px; font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem;}
.paging a{display:inline-block; padding:4px; font-size:18px; font-size:1.8rem; line-height:24px; line-height:2.4rem; color:#00E3FF;}

.cpTbl{width:1126px; border:1px solid #4A4A4A;}
.cpTbl th{width:150px; padding:10px; border-bottom:1px solid #4A4A4A; border-right:1px solid #4A4A4A; line-height:26px; line-height:2.6rem;}
.cpTbl td{width:976px; padding:10px; border-bottom:1px solid #4A4A4A; line-height:26px; line-height:2.6rem;}
/* NEWS ----------------------------------------------------------------------------------------------------------------------------------*/


/* Privacy_Terms -------------------------------------------------------------------------------------------------------------------------*/
#privacyTl,#termsTl{
	color:#00E3FF;
	border-bottom:2px solid #00E3FF;
	padding-bottom:5px;
	font-size:50px;
	font-size:5.0rem;
}

.privacyBox,.termsBox{
	margin-top:5px;
	width:100%;
	padding:20px;
	border:2px solid #00E3FF;
	background:rgba(0,0,0,0.7);
	font-size:14px;
	font-size:1.4rem;
}

.privacyBox h3,.termsBox h3{font-size:20px; font-size:2.0rem;	margin:30px 0px 10px 0px;}
.privacyBox p,.termsBox p{line-height:16px; line-height:1.6rem;}
.privacyBox p:last-child,.termsBox p:last-child{margin-top:20px;}

.termsSubTl{margin-bottom:8px;}
.termsTxt_1{margin-bottom:8px;}
.termsTxt{margin-bottom:8px; text-indent:-1.5rem; padding-left:1.5rem;}
.termsTxtIn{margin-bottom:8px;}
.txtEnd{margin-bottom:24px;}
/* /Privacy_Terms ------------------------------------------------------------------------------------------------------------------------*/


/* Twitter -------------------------------------------------------------------------------------------------------------------------------*/
#twitterBox{
	margin-top:20px;
	margin-bottom:10px;
	background-image:url(/assets/img/twitter_bg.png);
	background-repeat:no-repeat;
	background-repeat:left top;
	width:1170px;
	height:556px;
	padding:70px 30px 0px 45px;
	display:flex;
	justify-content:space-between;
}

#twitterBox-in iframe{width:640px !important;}

#twCpBox{margin-bottom:30px;}
#twCpBox a img{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
#twCpBox a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

#twitterBox_new{
	background-image:url(/assets/img/twitter_bg_new.png);
	background-repeat:no-repeat;
	background-repeat:left top;
	margin-top:20px;
	padding:66px 20px 20px 20px;
	width:470px;
	height:428px;
}
/* /Twitter ------------------------------------------------------------------------------------------------------------------------------*/


/* Story ---------------------------------------------------------------------------------------------------------------------------------*/
.cd-bg-2{
  background-repeat:no-repeat;
  background-position:top center;
  background-image:url(/assets/img/story_bg.jpg);
  height:719px;
}

#storyBox{padding-top:90px;}
/* /Story --------------------------------------------------------------------------------------------------------------------------------*/


/* Cast ----------------------------------------------------------------------------------------------------------------------------------*/
.cd-bg-3{
  background-repeat:no-repeat;
  background-position:top center;
  background-image:url(/assets/img/cast_bg_new.jpg);
  height:990px;
}

#castBox{padding-top:90px;}
#castBox a img{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
#castBox a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

#castNameBox{margin-bottom:15px;}
/* /Cast ---------------------------------------------------------------------------------------------------------------------------------*/


/* Designer ------------------------------------------------------------------------------------------------------------------------------*/
.cd-bg-5 {
  background-repeat:no-repeat;
  background-position:top center;
  background-image:url(/assets/img/designer_bg.jpg);
  height:750px;
}

#designerBox{padding-top:90px;}
#designerNameBox{margin-bottom:15px;}
/* /Designer -----------------------------------------------------------------------------------------------------------------------------*/


/* Character -----------------------------------------------------------------------------------------------------------------------------*/
.characterSetBox{
	width:1170px;
	height:913px;
	position:relative;
}

.characterSetBox a img{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
.characterSetBox a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

#cLeftBnr a img,#cRightBnr a img,#cCenterBnr a img{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

#cLeftBnr a:hover img,#cRightBnr a:hover img,#cCenterBnr a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

#c00{background-image:url(/assets/img/character/character_00.png);}
#c01{background-image:url(/assets/img/character/character_01.png);}
#c02{background-image:url(/assets/img/character/character_02.png);}
#c03{background-image:url(/assets/img/character/character_03.png);}
#c04{background-image:url(/assets/img/character/character_04.png);}
#c05{background-image:url(/assets/img/character/character_05.png);}
#c06{background-image:url(/assets/img/character/character_06.png);}
#c07{background-image:url(/assets/img/character/character_07.png);}
#c08{background-image:url(/assets/img/character/character_08.png);}
#c09{background-image:url(/assets/img/character/character_09.png);}
#c10{background-image:url(/assets/img/character/character_10.png);}
#c11{background-image:url(/assets/img/character/character_11.png);}
#c12{background-image:url(/assets/img/character/character_12.png);}

#cpvBox{position:absolute; top:496px; left:29px;}

#cvBtn1{position:absolute; top:482px; left:35px;}
#cvBtn2{position:absolute; top:482px; left:316px;}

#s-cvBtn1{position:absolute; top:420px; left:291px;}
#s-cvBtn2{position:absolute; top:420px; left:430px;}

.cIconBox a img{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
.cIconBox a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

.pfBox{background-color:rgba(0,0,0,0.80);}

.pfBox li{padding:10px 20px 10px 29px; font-size:18px; font-size:1.8rem;}
.pfBox li a{text-decoration:underline;}
.pfBox li a:hover{text-decoration:none; color:#F0FF00;}
/* /Character ----------------------------------------------------------------------------------------------------------------------------*/


/* Gamesystem ----------------------------------------------------------------------------------------------------------------------------*/
.cd-bg-4{
  background-repeat:no-repeat;
  background-position:top center;
  background-image:url(/assets/img/gamesystem_bg.jpg);
  height:1219px;
}

#gamesystemBox{padding-top:90px;}
/* /Gamesystem ---------------------------------------------------------------------------------------------------------------------------*/


/* Movie ---------------------------------------------------------------------------------------------------------------------------------*/
.mvTl{font-size:18px; font-size:1.8rem; color:#F0FF00; margin-top:10px; margin-bottom:4px; text-indent:-12px; text-indent:-1.2rem;}
/* /Movie --------------------------------------------------------------------------------------------------------------------------------*/


/* Footer --------------------------------------------------------------------------------------------------------------------------------*/
.footerLogoBox div{display:inline-block; margin:0px 10px;}

.copyright{margin-top:24px; padding-bottom:30px; font-size:14px; font-size:1.4rem; text-align:center;}

.fRegisterBox{margin-top:20px; margin-bottom:20px;}
.fRegisterBox a img{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
.fRegisterBox a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

.socialBox{
	width:1170px;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
}

.socialBox a img{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
.socialBox a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

.socialBox .twIcon{display:inline-block; margin:0 5px;}
.socialBox .fbIcon{display:inline-block; margin:0 5px;}
.socialBox .lineIcon{display:inline-block; margin:0 5px;}

#appInfo{width:100%; margin-bottom:20px; margin-top: 20px; border-top: 1px solid #424242; padding-top: 20px;}
#appInfo table{margin:0 auto;}
#appInfo th,#appInfo td{padding:10px; font-size:16px; font-size:1.6rem;}

#footerLinks{width:100%; margin-bottom:20px; padding-top:6px; text-align:center;}
#footerLinks ul{margin:0 auto; width:1170px;}
#footerLinks ul li{display:inline-block; margin:0px 5px;}
#footerLinks ul li a{color:#FFFFFF; text-decoration:underline; font-size:14px; font-size:1.4rem;}
#footerLinks ul li a:hover{text-decoration:none;}
/* /Footer -------------------------------------------------------------------------------------------------------------------------------*/


/* Pre -----------------------------------------------------------------------------------------------------------------------------------*/
.preEntryBox{
	margin-top:5px;
	margin-bottom:20px;
	width:100%;
	padding:20px;
	border:2px solid #00E3FF;
	background:rgba(0,0,0,0.7);
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:22px;
	line-height:2.2rem;
}

#preCpHeader{padding-top:80px;}

.cpBdr{
	margin-bottom:50px;
	padding-bottom:50px;
	border-bottom:1px solid #00FFFB;
}

#cpPre,#twCp,#twCp2,#twCp3,#designer{margin-top:-143px; padding-top:143px;}

#twmvList{text-align:center;}
.twmvListIn{display:inline-block; width:500px; margin:10px;}

.tfc01{
	animation-duration:4s;
	animation-delay:500ms; /*0.5秒遅延して実行*/
	animation-iteration-count:2; /*2回繰り返す*/
/*infiniteを指定すると連続
animation-iteration-count: infinite;*/
}

#twCp3Bdr{
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #00FFFB;
}

#twCp3In{
	margin-top:12px;
	padding:10px;
	border:1px solid #696969;
}

#twCp3In p{
	font-size:16px;
	font-size:1.6rem;
	line-height:18px;
	line-height:1.8rem;
	margin:5px 0px 12px 0px;
}

.twCp3subTl{
	font-size:20px;
	font-size:2.0rem;
	line-height:22px;
	line-height:2.2rem;
	color:#FFFF00;
}
/* /Pre ----------------------------------------------------------------------------------------------------------------------------------*/


/* TopBack -------------------------------------------------------------------------------------------------------------------------------*/
 #topbutton{
	position:fixed;
	bottom:0px;
	right:0px;
	display:none;
 }
 #topbutton a{
	text-indent:-9999px;
	background-image:url(/assets/img/topback_btn.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:162px;
	height:162px;
	display:block;
	overflow:hidden;
}
#topbutton a:hover{background-position:0px -162px;}

.pageUpBtn{text-align:center; margin-top:10px;}
/* /TopBack ------------------------------------------------------------------------------------------------------------------------------*/