@charset 'utf-8';

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

/* 1.0 - common
---------------------------------------------------------------------------------------------------------- */
html, body {
	font-family:"メイリオ", verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Meiryo", Sans-Serif;
	min-width:100px;
	max-width:2560px;
	max-height:99999px;
	color:#333;
	font-size:14px;
	line-height:1.7;
	moz-text-size-adjust:none;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
img {display:block;}

/* dev_ios */
.is_ios a:hover {opacity:1;}
.is_ios a:hover img {opacity:1;}

/* a */
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#d9035e; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
a:focus {outline:none;}
a {transition-duration:0.3s;}
a img {border:none; transition-duration:0.3s;}
a:hover img {opacity:0.6;}


/* 2.0 - header
---------------------------------------------------------------------------------------------------------- */
/* header（wrapper） */
header {
	overflow:hidden;
	width:100%;
	height:70px;
	background:url(../img/common/bg_gnav-left.png), url(../img/common/bg_gnav-right.png);
	background-repeat:no-repeat, no-repeat;
	background-position:left top, right top;
	background-size:46%, 46%;
	background-color:#fff;
	border-bottom:2px solid #707070;
}

/* gnav */
#gnav-pc {display:none;}
#gnav {height:66px; border-bottom:3px solid #DC16D9;}

/* logo */
#logo {float:left; width:110px; margin:6px 0 0 4px;}
#logo img {width:100%; height:auto;}

/* sns */
#gnav ul {float:right; margin:17px 0 0 0;}
#gnav li {float:left; width:35px; height:auto; margin:0 4px 0 0;}
#gnav li img {width:35px; height:auto;}


/* 3.0 - content
---------------------------------------------------------------------------------------------------------- */
/* wrapper */
#wrapper {overflow:hidden; width:100%; padding-bottom:40px; background:url(../img/common/bg_content-sp.jpg) repeat-y; background-size:100%;}

/* content */
.content {width:100%;}

/* 4.0 - footer
---------------------------------------------------------------------------------------------------------- */
/* footer（wrapper） */
footer {overflow:hidden;}

/* ft_bnr */
#ft_bnr {
	width:100%;
	background:url(../img/common/bg_ft_content.png) repeat;
	border-bottom:2px solid #000;
}

/* list（バナー） */
#ft_bnr ul {width:100%; overflow:hidden; text-indent:100%; white-space:nowrap; padding:3% 2%;}
#ft_bnr li {transition-duration:0.3s;}
#ft_bnr li a {overflow:hidden; display:block;}
#ft_bnr li a:hover {opacity:0.7;}
.is_ios #ft_bnr li a:hover {opacity:1;}
/*
#ft_bnr li:nth-child(1) a {float:left; width:20%; padding-top:6.5%; background:url(../img/common/footer/bnr/bushiroad.png) no-repeat center; background-size:100%; margin:0 3% 0 0;}
#ft_bnr li:nth-child(2) a {float:left; width:27%; padding-top:7%; background:url(../img/common/footer/bnr/akatsuki.png) no-repeat center; background-size:contain;}
#ft_bnr li:nth-child(3) a {float:right !important; width:41%; padding-top:7%; background:url(../img/common/footer/bnr/official_banner.png) no-repeat center; background-size:contain;}
*/

/* ft_nav-wrapper */
#ft_nav-wrapper {width:100%; /*background:url(../img/common/bg_ft_copyright.png) repeat;*/ background-color:#DC16D9; border-top:1px solid #fff;}

/* ft_nav */
#ft_nav {width:100%; color:#fff; font-size:10px; padding:16px 0 0 0;}

/* copyright */
#ft_nav p {text-align:center;}
.ft_nav-sp {padding:0 0 14px 0;}

/* list（プライバシーポリシー, お問い合わせ） */
#ft_list_wrapper {overflow:hidden; background:url(../img/common/bg_ft_policy.jpg) repeat; padding:18px 0;}
#ft_nav ul {text-align:center; background:#0F0; display:block;}
#ft_nav li {float:left; width:50%; border-right:1px solid #fff;}
#ft_nav li:nth-child(2) {border-right:none;}
#ft_nav li a {color:#fff;}
#ft_nav li a:hover {opacity:0.7;}

/* PageTop */
#pagetop {position:fixed; z-index:999; transition:0.3s;}
#pagetop a {display:block; width:76px; height:76px; background:url(../img/common/page-top.png) no-repeat; background-size:contain; overflow:hidden; text-indent:100%; white-space:nowrap;}
#pagetop a:hover {opacity:0.8;}
.is_ios #pagetop a:hover {opacity:1;}



}



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

/* 1.0 - common
---------------------------------------------------------------------------------------------------------- */
html, body {
	font-family:"メイリオ", verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Meiryo", Sans-Serif;
	min-width:1280px;
	max-width: 2560px;
	max-height:99999px;
	margin: 0 auto;
	color:#333;
	font-size:14px;
	line-height:1.7;
	moz-text-size-adjust:none;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	-moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);
	-ms-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.35);

}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
img {display:block;}

/* dev_ios */
.is_ios a:hover img {opacity:1;}

/* a */
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#d9035e; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
a:focus {outline:none;}
a {transition-duration:0.3s;}
a img {border:none; transition-duration:0.3s;}
a:hover img {opacity:0.6;}


/* 2.0 - header
---------------------------------------------------------------------------------------------------------- */
/* header（wrapper） */
header {width:100%; max-width:2560px; margin:0 auto; height:90px; background:url(../img/common/bg_gnav.png) no-repeat center, url(../img/common/bg_gnav-lp.png) repeat-x;}

/* gnav */
#gnav, #gnav-list_box, #gnav-list,#comingsoon-system-sp, #comingsoon-character-sp {display:none;}
#gnav-pc {position:relative; width:1180px; height:90px; background:; margin:0 auto;}

/* gnav_list */

#gnav_list-pc {position:absolute; left:0; top:-1px; overflow:hidden; text-indent:100%; white-space:nowrap;}
/*
#gnav_list-pc li {float:left; height:78px; margin:0 2px 0 0; transition-duration:0.3s;}
#gnav_list-pc li a {position:relative; overflow:hidden; display:block; height:78px; transition-duration:0.3s;}

#gnav_list-pc li:nth-child(1) {width:100px; background:url(../img/common/gnav/top.png) no-repeat center center;}
#gnav_list-pc li:nth-child(2) {width:112px; background:url(../img/common/gnav/news.png) no-repeat center center;}
#gnav_list-pc li:nth-child(3) {width:140px; background:url(../img/common/gnav/system.png) no-repeat center center;}
#gnav_list-pc li:nth-child(4) {width:194px; background:url(../img/common/gnav/character.png) no-repeat center center;}
#gnav_list-pc li:nth-child(5) {width:130px; background:url(../img/common/gnav/music.png) no-repeat center center;}
#gnav_list-pc li:nth-child(6) {width:130px; background:url(../img/common/gnav/movie.png) no-repeat center center;}
#gnav_list-pc li:nth-child(7) {width:140px; background:url(../img/common/gnav/special.png) no-repeat center center;}

#gnav_list-pc li:nth-child(1):hover {width:100px; background:url(../img/common/gnav/top_over.png) no-repeat center center;}
#gnav_list-pc li:nth-child(2):hover, #gnav_list-pc li:nth-child(2).current {width:112px; background:url(../img/common/gnav/news_over.png) no-repeat center center;}
#gnav_list-pc li:nth-child(3):hover, #gnav_list-pc li:nth-child(3).current {width:140px; background:url(../img/common/gnav/system_over.png) no-repeat center center;}
#gnav_list-pc li:nth-child(4):hover, #gnav_list-pc li:nth-child(4).current {width:194px; background:url(../img/common/gnav/character_over.png) no-repeat center center;}
#gnav_list-pc li:nth-child(5):hover, #gnav_list-pc li:nth-child(5).current {width:130px; background:url(../img/common/gnav/music_over.png) no-repeat center center;}
#gnav_list-pc li:nth-child(6):hover, #gnav_list-pc li:nth-child(6).current {width:130px; background:url(../img/common/gnav/movie_over.png) no-repeat center center;}
#gnav_list-pc li:nth-child(7):hover, #gnav_list-pc li:nth-child(7).current {width:140px; background:url(../img/common/gnav/special_over.png) no-repeat center center;}
*/

/* NEWアイコン */
/*
#gnav_list-pc li a img {position:absolute; top:2px; right:6px;}
#gnav_list-pc li a:hover img {opacity:1;}
*/
/* gnav_sns */
#gnav_sns-pc {float:right; margin:0 13px 0 0;}
#gnav_sns-pc li {float:left; display:block; width:52px; height:54px; margin:16px 0 0 15px;}


/* 3.0 - content
---------------------------------------------------------------------------------------------------------- */
/* wrapper */
#wrapper {overflow:hidden; min-height:1300px; width:100%; background:url(../img/common/bg_content.jpg); background-repeat:repeat-y; background-position:center -56px; padding-bottom:100px;}

/* content */
.content {width:1020px; padding:0 8px; margin:0 auto;}


/* 4.0 - footer
---------------------------------------------------------------------------------------------------------- */
/* footer（wrapper） */
footer {overflow:hidden;}

/* ft_bnr */
#ft_bnr {width:100%; max-width:2560px; height:132px; background:url(../img/common/bg_ft_content.png) repeat; border-bottom:2px solid #000; margin:0 auto;}

/* list（バナー） */
#ft_bnr ul {width:1180px; height:132px; overflow:hidden; text-indent:100%; white-space:nowrap; margin:0 auto;}
#ft_bnr li {float:left; height:132px; transition-duration:0.3s;}
#ft_bnr li a {overflow:hidden; display:block;}
#ft_bnr li a:hover {opacity:0.7;}
/*
#ft_bnr li:nth-child(1) a {width:270px; height:53px; background:url(../img/common/footer/bnr/bushiroad.png) no-repeat; background-size:contain; margin:34px 25px 0 0;}
#ft_bnr li:nth-child(2) a {width:289px; height:55px; background:url(../img/common/footer/bnr/akatsuki.png) no-repeat; background-size:contain; margin:40px 0 0 0;}
#ft_bnr li:nth-child(3) a {width:322px; height:80px; background:url(../img/common/footer/bnr/official_banner.png) no-repeat; background-size:contain; margin:26px 0 0 274px;}
*/

/* ft_nav-wrapper */
#ft_nav-wrapper {overflow:hidden; width:100%; max-width:2560px; /*background:url(../img/common/bg_ft_copyright.png) repeat;*/ background-color:#DC16D9; border-top:2px solid #fff; margin:0 auto;}

/* ft_nav */
#ft_nav {position:relative; width:1180px; height:55px; color:#fff; font-size:11px; line-height:1; margin:0 auto; padding:11px 0 0 0;}

/* copyright */
#ft_nav p {line-height:1.6;}

/* list（プライバシーポリシー, お問い合わせ） */
#ft_nav ul {position:absolute; top:22px; right:0; border-left:1px solid #fff;}
#ft_nav li {float:left; border-right:1px solid #fff; padding:0 18px;}
#ft_nav li a {color:#fff;}
#ft_nav li a:hover {opacity:0.7;}

/* PageTop */
#pagetop {position:fixed; z-index:999; transition:0.3s;}
#pagetop a {display:block; width:112px; height:112px; background:url(../img/common/page-top.png) no-repeat; background-size:contain; overflow:hidden; text-indent:100%; white-space:nowrap;}
#pagetop a:hover {opacity:0.8;}


}