@charaset "utf-8";

/**********************************

二階層目専用CSS

***********************************/


/* ルビ設定 */
ruby {display: inline-table;vertical-align: text-bottom;text-align: center;}
rb {display : table-row-group;text-align: center;}
rt {display: table-header-group;line-height: 1.1;text-align: center;font-size: 0.525em;}
rp {display: none;}


#second{
	position: relative;
	text-shadow: 0px 0px 3px #000;
	padding-top: 100px;
	padding-bottom: 280px;
	background-image: url(../img/chip/black_grid.png);
}
section {
	margin-right: auto;
	margin-left: auto;
	max-width: 1300px;
}
section.padding {padding: 0px 40px }

/* h1：見出し-------------------- */
h1.midashi{
	font: normal 90px/0.95 'Poiret One', "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
	color: #FFF;
	text-shadow: 0px 0px 3px #eee;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	background-color: rgba(32,30,51,0.72);
	position: relative;
}
/* NEPTUNE VII */
h1.midashi div{
	float: left;
	font-size: 65px;
	line-height: 0.8;
	padding-right: 10px;
	padding-top: 3px;
}
/* MEGA DIMENSION */
h1.midashi small{
	font-size: 30px;
	display: block;
	line-height: 1;
	padding-left: 2px;
}
h1.midashi p{
	display: inline-block;
	padding-left: 10px;
}


#second h2{
	font: bold 26px/1.2 "Poiret One","メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
	padding: 8px 0px 8px 50px;
	color: #FFF;
	text-shadow: 0px 0px 3px #000;
	background-color: #272727;
}

/*本文のNEW*/
#second .new{
   font: bold 26px/1.2 "Poiret One","メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
	text-indent: 0px;
	display: inline-block;
	padding-right: 10px;
	color: #D52670;
}

/* ライン */
hr{
	margin-bottom: 25px;
	padding-top: 20px;
	border-bottom: 1px dotted #575757;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	clear: both;
}


/* 二階層目メニュー ///////////////////////////////////////// */
.Navi2nd{
	border-bottom: 7px solid #000;
	width: 100%;
	text-align: right;
	background-image: url(../img/chip/white20.png);
	position: relative;
}
.Navi2nd li{
	padding-left: 5px;
	line-height: 0px;
	position: relative;
	display: inline-block;
	margin-top: 2px;
	margin-bottom: 2px;
}

#secondNavi ul{padding: 10px 20px 7px 20px;}
/* new */
#secondNavi.Navi2nd li p{
	color: #A60048;
	padding-left: 2px;
	padding-right: 5px;
	display: inline-block;
	text-shadow: none;
	letter-spacing:0px;
}
/*選択中のNEW*/
#secondNavi.Navi2nd li a.selected p{ color: #FFE99E; }

/* デフォルトメニュー（ギャラリーは別）********** */
#secondNavi.Navi2nd li a{
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	line-height: 1.2;
	padding: 5px 12px;
	border: 1px solid #000000;
	color: #FFF;
	background-image: url(../img/chip/border_white.png);
	background-color: #000000;
	letter-spacing:2px;
}

/* 選択時 ---------------------- */
#secondNavi.Navi2nd li a.selected{background-color: #5C30DB;cursor: default;}



/* ***************************************************************************************************
　ワールド
****************************************************************************************************** */
/* ネプシリーズとは --------------------------------- */
#world #second.about{padding-top:0px;}
#world #second.about h1{
	font: normal 36px/1.2  "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
	padding: 90px 5px 20px;
	margin-bottom: 35px;
	text-align: center;
	border-bottom: 3px double #3B2088;
	letter-spacing: 0px;
	color: #9571FF;
	background-image: url(../world/img/about.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#world #second.about h2{
	font: normal 24px/1.2  "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
	background-color: #313131;
	padding: 5px;
	margin-top: 80px;
	margin-bottom: 20px;
	text-align: center;
	border: 3px double #000000;
	background-image: url(../img/chip/border_black33.png);
	letter-spacing: 2px;
	clear: both;
}
#world #second.about h2 small{
	font: 14px/1.1 "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
	color: #C5C5C5;
	display: block;
	padding-top: 7px;
	padding-bottom: 5px;
}
#world #second.about p{
	margin-bottom: 0px;
	padding-bottom: 20px;
	text-align: center;
	font-size:20px;
	/*smp対策*/
	display: inline-block;
	width:100%;
}
/*ゲーム一覧*/
#world #second.about .listBox {
	float: left;
	width: 49%;
	font-size: 14px;
	padding: 1.5%;
	margin: 0.5%;
	line-height: 1.2;
	background-image: url(../img/chip/black50.png);
}
#world #second.about .jacket{float: left;}
#world #second.about .spec { margin-left: 150px; }
#world #second.about dt {
	font-weight: bold;
	color: #BE90F8;
	border-bottom: 1px solid #4E0274;
	margin-bottom: 7px;
	padding-bottom: 4px;
}
#world #second.about dd {margin-bottom: 10px;}
#world #second.about strong { color: #BAA1FF; }
#world #second.about em {
	font: normal 32px/1.2  "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
	color: #FF95DD;
	display: inline-block;
}

/* 「公式サイト」ボタン */
#world #second.about a.link{
	color: #000000;
	background: #E1E1E1;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	border: 1px solid #333;
	text-align: center;
	margin-top: 7px;
	padding: 6px 15px;
	text-shadow:none;
}
#world #second.about a.link:hover{	color: #FFF;	background: #000;}

/* ストーリー --------------------------------- */
#world #second.story {
	background-image: url(../world/img/bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	letter-spacing: 2px;
	text-align: center;
	line-height: 1.8;
}
#world #second.story h1{
	font: normal 48px/1.4 "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
	color: #C5B5E8;
	padding-bottom: 50px;
	text-shadow: 0px 0px 5px #3F3167;
	letter-spacing: 0px;
	display: inline-block;
	width:100%;
}
#world #second.story p{ padding: 20px 0px; display: inline-block;width:100%;}
#world #second.story strong {
	font: normal 40px/1.4  "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
	color: #23003E;
	text-shadow: 1px 1px 1px #fff,-1px -1px 1px #fff;
	display: inline-block;
}
#world #second.story em {
	font: normal 26px/1.2 "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
	color: #B3A9FF;
	display: inline-block;
}

/* キーワード、用語集 --------------------------------- */
#world #word .title{
	font: normal 34px/1.2 "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
	background-color: #3B2088;
	padding: 5px;
	margin-bottom: 25px;
	text-align: center;
	border: 3px double #000000;
	background-image: url(../img/chip/border_black33.png);
	letter-spacing: 5px;
}
#world #word dl.box {
	border: 1px solid #936DFF;
	overflow: hidden;
	background-image: url(../img/chip/black50.png);
	margin-bottom: 20px;
	display: inline-block;
	width:100%;
}
#world #word dl.box dt {
	float: left;
	position: relative; 
	max-width: 40%;
	line-height: 0px;
}
/*画像*/
#world #word dl.box dt img {border-right: 1px solid #936DFF;border-bottom: 1px solid #936DFF;}

/*テキスト*/
#world #word dl.box dd { overflow:hidden;}
#world #word dl.box dd p,#world #word dl.box dd h1 { padding-left: 30px; }
#world #word dl.box dd h1 {
	font: normal 32px/1 "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
	border-bottom: 1px solid #936DFF;
	background-color: #000;
	margin-bottom: 20px;
   padding: 15px;
	color: #936DFF;
	background-image: url(../img/chip/border_white.png);
}

#world #word dl.box dd p{ padding-right: 20px;padding-bottom: 20px; }

/*画像がない場合*/
#world #word dl.box dd.noImg{margin-left: 0;padding-bottom:30px;}


/*4か国の紹介 **************************/
#world #word dl.box dd.sub {clear: both;}
#world #word dl.box dd.sub h1 {
   border-top: 1px solid #936DFF;
   border-bottom: 1px solid #936DFF;
   background-color: #160448;
   margin-bottom: 0px;
   color: #c0aaff;
   font-size: 18px;
}
/*画像*/
#world #word dl.box dd.sub .kokkaImg {
   float: right;
   margin-left: 20px;
   border-left: 1px solid #936DFF;
   width: 23%;
}
/*テキスト*/
#world #word dl.box dd.sub p {margin-top: 20px;color: #ccc;font-size: 75%;line-height: 1.5;}
@media screen and (min-width: 1100px) {
   #world #word dl.box dd.sub .kokkaImg {width: 20%;}
   #world #word dl.box dd.sub p {font-size: 90%;}
}



/* ***************************************************************************************************
キャラクター
****************************************************************************************************** */

/* キャラ専用メニュー ////////////////////////////// */
#characters .Navi2nd ul{
	padding: 5px 20px 5px 20px;
	line-height: 0px;
}
#characters .Navi2nd li a{
	border: 1px solid #000000;
	color: #FFF;
	background-color: #000000;
	border-radius: 0px 10px 0px 10px;
	width: 60px;
	height: 65px;
	overflow: hidden;
	display: inline-block;
	position: relative;
}
#characters .Navi2nd li a img{display:block;position: relative;top:-10px;opacity:0.5;}
#characters .Navi2nd li.list a img{top:0px;}

/* 選択時 ---------------------- */
#characters .Navi2nd li a.selected{border-color: #FF34F1;}
#characters .Navi2nd li.list a.selected{border-color: #000;}
#characters .Navi2nd li a.selected img{opacity:1;}

/* new */
#characters .Navi2nd .new{position: absolute;top: -1px;left: 0px;}


/* 一覧用 //////////////////////////////////////////////////////////////////////////// */
#characters #list{ padding: 90px 0px 200px; }
#characters #list .table{
	display: table;
	width: 100%;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 15px;  /* 左右 上下で記述 */
	padding-bottom: 30px;
}
#characters #list .cat{
	display: table-cell;
	text-align: center;
	padding-top: 110px;
	position: relative;
	margin:10px;
}
/*見出し *****************/
#characters #list .cat p{
	font: normal 40px/1 "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
	border-top-style: double;
	border-top-width: 3px;
	border-bottom-style: double;
	border-bottom-width: 8px;
	border-radius: 20px;
	text-shadow: 2px 2px 3px #000;
	background-image: url(../img/chip/border_black33.png);
}
/* 文字グラデ */
#characters #list .cat p, #characters #list .cat p strong {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: normal;
}
#characters #list .cat p strong {
	display: none;
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1));
	color: #FFF;
}

/*女神配色 -------*/
#characters #list #goddess.cat p{border-color: #614cff;color: #614cff;}
/*女神候補生配色 -------*/
#characters #list #sister.cat p{border-color: #8223AF;color: #ca59ff;}
/*零次元配色 -------*/
#characters #list #zero.cat p{border-color: #AA5900;color: #FF8E10;}
/*ゴールドサァド配色 -------*/
#characters #list #gold3rd.cat p{border-color: #ffc400;color: #ffc400;}
/*超次元配色 -------*/
#characters #list #super.cat p{border-color: #25c4ff;color: #10d1ff;}


/* サムネ */
#characters #list li{display: inline;}
#characters #list li a,#characters #list li.non{
	display: inline-block;
	position: relative;
	overflow:hidden;
	border-radius: 0px 20px 0px 20px;
	border: 2px solid #000000;
   width: 11.9%;
   margin-right: 0.3%;
	margin-left: 0.3%;
}
@media screen and (min-width: 1170px) {
   #characters #list li a,#characters #list li.non{width: auto;margin-right: 0.5%;margin-left: 0.5%;}
}

#characters #list li a:hover{ border-color: #FF34F1; }
#characters #list li img{display: block;}

/* new */
#characters #list li .new{position: absolute;top: 0px;left: 0px;}

/*ダミー*/
#characters #list li.non{border: 2px solid #333;}




/* 本文用 //////////////////////////////////////////////////////////////////////////// */
#characters #second{
	padding: 0px;
	overflow: hidden;
	background-image: url(../characters/img/bg.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: left bottom;
}

/*ナンバー*/
#characters #number{
	font: 400px/1 "Homenaje","メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
	position: absolute;
	top: -60px;
	left: -25px;
	z-index: 0;
	letter-spacing: -0.1em;
	color: #000;
	text-shadow:0px 0px 5px #666;
}

/* 画像 */
#characters #mainImg{
	text-align: center;
	position: relative;
	z-index: 1;
	left: -7%;
	top: 0;
	width: 77%;
}

/* テキストなどその他をまとめたボックス */
#characters #mainBox{
	position: absolute;
	z-index: 2;
	width: 48%;
	margin-left: 49%;
	margin-right: 3%;
	left: 0;
	top: 70px;
	padding-bottom: 200px;
}
/*名前*/
#characters .nameTxt{
	text-align: right;
	font-size: 30px;
	color: #FFFFFF;
	line-height: 1;
	padding: 5px 15px 3px;
	text-shadow: none;
	margin-bottom: 30px;
}
/*名前文字色黒*/
#characters .nameTxt.black{color: #2f2f2f;}

#characters .nameTxt em{
	display: inline-block;
	font-size: 60%;
	margin-left: 15px;
}

/*紹介テキスト*/
#characters .txtBox{
	padding: 20px 15px 20px 20px;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 1px;
	text-shadow: 0px 0px 2px #000;
	color: #E7E7E7;
	border: 1px solid #232323;
	margin-bottom: 20px;
	background-image: url(../img/chip/black50.png);
}
/*紹介テキスト回り込みさせない*/
#characters .txtBox .imgClear{ margin-left: 145px; }

/* 所属国 */
#characters .world{float: left;border: 1px solid #000000;}

/* 3Dモデルサムネイル */
#characters .btm{text-align: right;}
#characters .btm img{vertical-align: bottom;}
#characters .btm a{
   display: inline-block;
   width: 32%;
   margin: 0.5%;
   border: 2px solid #000;
   position: relative;
}
#characters .btm a:hover{
   border-color: #FFF;
   -webkit-box-shadow: 0px 0px 20px #666;
   box-shadow: 0px 0px 20px #666;
}
#characters .btm a .new{position: absolute;top: 0;bottom: 0;}



/* ***************************************************************************************************
ギャラリー
****************************************************************************************************** */

#gallery h2{
	background-color: #313131;
	padding: 0px;
	margin-top: 60px;
	margin-bottom: 20px;
	text-align: center;
	border: 3px double #000000;
	background-image: url(../img/chip/border_black33.png);
	letter-spacing: 2px;
	clear: both;
	font-weight: normal;
	font-size: 32px;
}
#gallery ul{line-height:0px;}
#gallery li{
	position: relative;
	display: inline-block;
	width: 19%;
	margin: 0.5%;
	border: 3px solid #FFF;
	line-height: 0px;
}
#gallery li img{display:block;}
#gallery li:hover{ border-color: #8F40B3; }

#gallery li .new{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30%;
}



/* ***************************************************************************************************
　システム
****************************************************************************************************** */

#system #second{padding-top:0;padding-bottom:200px;}
/* ライン */
#system #second hr{margin-bottom: 45px;padding-top: 25px;}

/*メニュー下　項目名 ------------- */
#system #second h1{
	font: normal 16px/1.2 "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
	background-color: #000000;
	color: #936DFF;
	border-bottom: 1px solid #666;
	text-shadow: 0px 0px 2px #333;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 5px;
}
/*英語部分*/
#system #second h1 strong{font: normal  40px "Poiret One","メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;}

/* 見出し ------------------ */
#system #second h2{
	/*	font: normal 34px/1.2  "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;*/
	line-height: 1.2;
	font-weight: normal;
	font-size: 30px;
	background-color: #373737;
	padding: 10px;
	text-align: center;
	border-top: 3px double #000;
	border-bottom: 3px double #000;
	background-image: url(../img/chip/border_black33.png);
	text-shadow:0px 0px 3px #999;
	letter-spacing:2px;
	margin-top: 60px;
	margin-bottom: 50px;
}
#system #second h2 strong{ color: #F3AD00;font-weight: normal; }

/*項目まとめ　***********************************************/
.objBox{
	background-image: url(../img/chip/black70.png);
	border-left: 10px solid #6C45DE;
	border-right: 10px solid #6C45DE;
	border-bottom: 1px solid #6C45DE;
	border-top: 1px solid #6C45DE;
	border-top-right-radius: 50px;
	overflow: hidden;
	margin-top: 80px;
}

/*	小見出し */
.objBox h3{
	border-bottom: 1px dotted #6C45DE;
	padding-top: 25px;
	padding-bottom: 20px;
	background-image: url(../img/chip/border_white.png);
   font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
.objBox h3.borderTop{border-top: 1px solid #6C45DE;}

/*ポイント*/
.objBox h3 span{
	background-color: #6C45DE;
	font: bold 16px/1.2 "Poiret One","メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
	color: #FFFFFF;
	display: block;
	margin-top: 5px;
	padding: 1px 7px;
	width: 11%;
	text-align: right;
	float: left;
	letter-spacing:3px;
	text-shadow:none;
}
.objBox h3 div{
	font-size: 29px;
	line-height: 1.2;
	color: #8D67FF;
	margin-left: 14%;
	margin-right: 25px;
	text-shadow: 0px 0px 7px #84004E;
}
/*NEWマーク*/
.objBox h3 span em{
   color: #ff0;
   font-size: 28px;
   font-weight: bold;
}

/* -------------------------------------- */

/*テキスト*/
.objBox .txt{ padding: 45px 40px 70px; }
.objBox small{ display: block; }

/*画像*/
.objBox .txt .sysImg{
	width: 50%;
	float: right;
	font-size: 12px;
	line-height: 1.2;
}
.objBox .txt .sysImg img{ border: 2px solid #666; margin-bottom:10px; }

/* 画像が一枚の場合 */
.objBox .txt .sysImg.only{width: 100%;text-align: center;float: none;}

/* 画像が2枚、横1列の場合 */
.objBox .txt .sysImg.two{width: 100%;text-align: center;float: none;}
.objBox .txt .sysImg.two img{width: 49%;margin: 0px 0.5%;}

/*画像ありの場合のテキスト*/
.objBox .txt .leftBox{ width:47%; }

/* -------------------------------------- */

/*配色*/
.objBox .red{ color: #FF649D; }
.objBox .yellow{ color: #FFCF28; }
.objBox .blue{ color: #68d7ff; }

/*数字などの見出し*/
.objBox .num {
   display: inline-block;
   font-size: 130%;
   background-color: #936DFF;
   color: #000;
   line-height: 1;
   font-weight: bold;
   padding: 5px 8px;
   margin-right: 15px;
   margin-bottom: 5px;
   text-shadow: none;
}



/*基本システムリスト***************************/
#system dl.basic{
	border: 2px solid #333;
	margin-top: 30px;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
	background-image: url(../img/chip/white20.png);
}
#system dl.basic dt,#system dl.basic dd{padding:2px 15px;}
#system dl.basic dt{
	background-color: #000;
	font-weight: bold;
	padding-top: 5px;
    color: #d60056;
}
#system dl.basic dd{
	font-size: 14px;
	line-height: 1.5;
	padding-top: 15px;
	padding-bottom: 20px;
}
/* 画面表示の説明 */
#system dl.display{
    padding-top: 10px;
    padding-bottom: 5px;
    border: 2px solid #000;
    background-image: url(../img/chip/black50.png);
}
#system dl.display dt,#system dl.display dd{padding: 5px;}
#system dl.display dt{
    float: left;
    font-size: 15px;
    line-height: 1.3;
    background: #441faf;
    width: 140px;
    padding-left: 15px;
    font-weight: bold;
    color: #FFF;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#system dl.display dd{margin-left: 150px;padding-right: 20px;}

/*コマンドリスト*/
#system .battle-basic .command{border:1px solid #2aa751;padding: 15px;margin-top: 10px;margin-bottom: 10px;}
#system .battle-basic .command p{margin-bottom: 5px;}
#system .battle-basic .command p.left{float: left; font-weight: bold;color: #2aa751;margin-left: 15px;width: 5em;}
#system .battle-basic .command p.right{overflow: hidden;border-left: 3px double #2aa751;padding-left: 10px;}




/* ***************************************************************************************************
　ムービー
****************************************************************************************************** */

#movie{ padding-bottom: 70px;}
#movie li{
	line-height: 1.2;
	font-size: 16px;
	font-family: "Poiret One","メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
	padding: 1%;
	width: 33%;
	float: left;
	letter-spacing:0px;
	text-align: center;
}
#movie li a{
	display: block;
	border: 5px solid #FFFFFF;
	background-color: #000;
	text-decoration: none;
	color: #FFF;
	padding-bottom: 10px;
	text-shadow: 0px 0px 3px #999;
}
#movie li a:hover{ border: 5px solid #8F40B3; }
#movie li a img{padding-bottom: 7px;}

/*NEWマーク*/
#movie li a strong{
	color: #FDCE58;
	display: inline-block;
	margin-right: 10px;
   font-size: 90%;
   text-shadow: none;
}



/* ***************************************************************************************************
スペシャル
****************************************************************************************************** */

#special #second{padding-top:0;padding-bottom:200px;}
#special h2{
   font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
	background-color: #313131;
	padding: 0px;
	margin-top: 60px;
	margin-bottom: 20px;
	text-align: center;
	border: 3px double #000000;
	background-image: url(../img/chip/border_black33.png);
	letter-spacing: 2px;
	clear: both;
	font-weight: normal;
	font-size: 32px;
}

/* ダウンロード------------------------------------------------------ */
#special .box{
	font-family: "Poiret One","メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
   line-height: 1.4;
	font-size: 14px;
}
#special .box img{vertical-align: bottom;}

/* 壁紙 */
#special #wp .txt{padding-bottom: 25px;}
#special #wp .sysImg{ width: 58%; }
#special #wp .leftBox{ width:40%; }
#special #wp img{border: 1px solid #ccc; margin-bottom: 30px;}
#special #wp a{
   border: 1px solid #333;
   display: block;
   padding: 8px 20px;
   margin-bottom: 10px;
   text-decoration: none;
   font-size: 16px;
   font-weight: bold;
   letter-spacing: 4px;
   color: #b34cff;
   background: #000;
}
#special #wp a strong{color: #ccc;font-size: 70%;}
#special #wp a:hover{color: #fff; background: #622e89;}

/*ツイッターアイコン*/
#special #icon a {border: 2px solid #000;margin: 0.5%;width: 15.6%;display: inline-block;position: relative;}
#special #icon a:hover {border-color: #fff;}
#special #icon a .new{border: none;position: absolute;width: 80%;}


/* クリエイターズコメント ------------------------------------------------------ */
#special .creators li{margin-bottom: 20px;}
#special .creators li a{
   font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
	display: block;
   text-decoration: none;
   border: 1px solid #40209d;
   padding: 10px;
   background: #000;
   color: #fff;
   font-size: 32px;
   text-shadow: 0px 0px 10px #3200a3;
   background-position: right top;
   background-repeat: no-repeat;
}
#special .creators li a:hover{
   border-color: #000;
   -webkit-box-shadow: 0px 0px 20px #40209d;
   box-shadow: 0px 0px 20px #40209d;
}
#special .creators li a span{
   color: #a87bff;
   font-weight: normal;
   font-size: 15px;
   letter-spacing: 0px;
   display: inline-block;
   margin: 0px 10px 5px 10px;
   vertical-align: middle;
}


/* 主題歌情報 ------------------------------------------------------ */
.link {
   display: inline-block;
   color: #000;
   border: 1px solid #936DFF;
   background-color: #936DFF;
   text-decoration: none;
   padding: 2px 10px;
   font-weight: bold;
   text-shadow: none;
}
.link:hover {
   color: #936DFF;
   border: 1px solid #936DFF;
   background-color: #000;
}

#special .song .image{float: left;border: 1px solid #333;}
#special .song .cdInfo{
   margin-left: 330px;
   font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
/*タイトル*/
#special .song .cdInfo em{
   font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E","游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", serif;
   font-size: 40px;
   display: block;
   border-bottom: 1px solid #936DFF;
   color: #936DFF;
   margin-bottom: 15px;
}
/*アーティスト名*/
#special .song .cdInfo strong{
   font-size: 26px;
   font-weight: normal;
   display: block;
   margin-top: 8px;
}
/*作詞作曲*/
#special .song .cdInfo p{
}

/*コメント*/
#special .song .comment .comeH1{
   font-family: "Poiret One";
   font-size: 30px;
   font-weight: bold;
   line-height: 0.6em;
   border-bottom: 1px dotted #6C45DE;
   margin-bottom: 10px;
   padding-bottom: 13px;
   color:#6C45DE;
}
#special .song .comment{
   margin: 30px 0px;
   color:#ccc;
   border: 1px solid #6C45DE;
   padding: 15px 15px;
}



/* ***************************************************************************************************
その他（特典など）
****************************************************************************************************** */

#other #second {padding-top: 10px;}

/*特典名（ドリームエディション）-------------- */

#other #dream .new{color:#ffe72d;}

/*注意文*/
#other #dream small {
   display: inline-block;
   line-height: 1.4;
   margin-top: 60px;
   color: #999;
}

/*商品画像*/
#other #dream .package{border: 1px solid #333;margin-bottom: 30px;}

/*テキストエリア*/
#other #dream .goods {font-size: 20px;line-height: 1.4;}
#other #dream .goods .item {
   color: #ffc84d;
   display: block;
   font-size: 25px;
   margin-top: 15px;
   font-weight: normal;
}
#other #dream .goods strong {color: #ff3a7e;}
#other #dream .goods small {
   display: block;
   line-height: 1.4;
   font-size: 17px;
   color: #936DFF;
   font-weight: bold;
   border-top: 1px dotted #666;
   margin-top: 30px;
   padding-top: 30px;
}

/*CD見出し*/
#other #dream .midashi {
   margin-top: 70px;
   padding: 5px 15px;
   background-color: #980e3d;
   color: #000;
   font-weight: bold;
   text-shadow: none;
   font-size: 20px;
   line-height: 1.2;
   letter-spacing: 2px;
   border: 3px double #000;
}
/*CD詳細*/
#other #dream .cat {color: #ccc;margin-top: 30px;}
#other #dream .cat small {color: #919191;margin-top: 0px;}
#other #dream .cat em {
   font-size: 24px;
   line-height: 1.3;
   color: #ff3a7e;
   display: block;
   margin-bottom: 5px;
}
/*曲名*/
#other #dream .cat strong {
   color: #936DFF;
   margin-top: 10px;
   display: block;
}

/*試聴の見出し*/
#other #dream .shityou {
   color: #790041;
   font-size: 24px;
   font-weight: bold;
   line-height: 1.4;
   letter-spacing: 2px;
   margin-top: 40px;
   margin-bottom: 10px;
   background-color: #000;
   border: 2px solid #790041;
   border-radius: 5px;
   padding: 7px 15px 5px;
}
#other #dream .shityou small {
   font-size: 12px;
   display: inline-block;
   margin-top: 0px;
   padding-left: 10px;
   letter-spacing: 1px
}



/*  店舗特典 ========================================================================== */
#shop .shopBox img {max-width: 100%;height: auto; vertical-align: bottom;}
#shop #second{padding-bottom: 250px;}

#shop .shopBox{
	overflow: hidden;
	vertical-align: top;
	width: 47%;
	margin: 2% 1.5%;
	display: inline-block;
	border: 1px solid #936DFF;
	box-shadow: 4px 4px 0px #6C45DE;
}

/*店舗名*/
#shop .shopBox .name{
	font-size: 24px;
	line-height: 1.2;
	color: #fff;
	padding: 13px 10px;
	background-color: #6C45DE;
	text-shadow: 0px 0px 3px #333;
	letter-spacing:0px;
}
@media screen and (max-width: 1000px) {
	#shop .shopBox .name{font-size: 18px;font-weight: bold;}
}

/*テキスト*/
#shop .shopBox .shopTxt{
	font-size: 20px;
	line-height: 1.4;
	padding: 25px;
	color: #649aff;
   font-weight: bold;
   text-shadow: 0px 0px 5px #002e6d;
}

/*ステラ、アニメイト専用*/
#shop .large{width: auto;display: block;}
#shop .large .name{font-size:24px; letter-spacing:1px;}
#shop .large img{border-bottom: 1px solid #936DFF;}

/*
#shop .large{width: auto;display: block;}
#shop .large .name{font-size:24px; letter-spacing:1px;}
#shop .large img{float: right;border-left: 1px solid #936DFF;width: 52%;}
#shop .large .shopTxt{width: 47%;}
*/


/*ステラセットなどで使用*/
#shop .shopBox em{
	background-color: #7513a0;
   border-radius: 5px;
	display: block;
   line-height: 1.2;
	color: #ffb4f6;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 4px 10px;
	font-size: 16px;
	letter-spacing: 1px;
   font-style: normal;
   font-weight: bold;
}
#shop .shopBox hr{margin-bottom: 15px;padding-top: 15px;clear:none;}
#shop #list .shopTxt{border-top: 2px solid #936DFF;}

/*キャスト名*/
#shop .shopBox .shopTxt p{
   font-weight: normal;
	line-height: 1.4;
	display: inline-block;
	letter-spacing: 0px;
	margin-top: 2px;
	padding-bottom: 3px;
	color: #CCC;
   font-size: 80%;
}
/*注意文*/
#shop .shopBox .shopTxt small{
	color: #fff2aa;
	font-size: 12px;
	display: block;
	line-height: 1.2;
	padding-top: 10px;
	padding-bottom: 10px;
   letter-spacing: 0px;
   font-weight: normal;
}
#shop .shopBox .shopTxt .inline{display: inline-block;padding-top: 0px;padding-bottom: 7px;}







/*  DLC ========================================================================== */
#other .days:first-child{margin-top: 10px;}
#other .days{
	letter-spacing: 5px;
	border-radius:5px;
	margin: 60px 10px 20px;
	border-top: 1px solid #936DFF;
	border-right: 1px solid #936DFF;
	border-bottom: 5px solid #936DFF;
	border-left: 1px solid #936DFF;
	color: #936DFF;
	font-size: 22px;
	line-height: 1.4;
	padding: 7px 0px 5px 20px;
   clear:both;
}
#other .days strong{font-family: 'Homenaje', cursive;font-weight: bold;}

#other .days em{
   font-family: 'Homenaje';
	color: #ff006c;
	background: #000000;
	border: 1px solid #ff006c;
	padding: 2px 5px 0px 7px;
	border-radius:5px;
	letter-spacing: 1px;
	margin-left: 10px;
   margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.3;
	font-style: normal;
	font-variant: normal;
	display: inline-block;
}

#dlc hr{margin-top: 50px;margin-bottom: 80px;}

/* DLC各項目 */
#dlc dl {
	width: 48%;
   float: left;
   margin: 1.5% 1%;
   font-size: 14px;
   line-height: 1.4;
	border-radius:5px;
	margin-bottom: 10px;
	letter-spacing: 1px;
   background-repeat: no-repeat;
   background-position: center left;
}

#dlc dt {
   font-size: 16px;
   line-height: 1.2;
	font-weight: bold;
   padding: 10px 10px 10px 60px;
}
#dlc dt p {
	height: auto;
	background: #FFE6EE;
	border-radius:10px;
	border: 1px solid #c50044;
	line-height: 1em;
	font-size: 12px;
	font-weight: normal;
	padding: 4px 5px 3px;
	margin-left: 10px;
	margin-top: -3px;
	margin-bottom: 5px;
}
#dlc dd {
	padding-bottom: 15px;
	border-top: 1px dashed #999;
	margin-left: 45px;
	padding: 20px;
}
#dlc dd p {
	border-radius:5px;
	background: #333;
   font-size: 90%;
	line-height: 1.;
	padding: 10px;
	margin-top: 10px;
}
#dlc dd em {
	font-size: 11px;
	font-style: normal;
	line-height: 1.2;
	color: #900;
	display: block;
	margin-top: 10px;
}
#dlc dd strong {
	color: #936DFF;
}


/* 無料 */
#dlc dl.free {
	border: 1px solid #1186ff;
	background-image: url(../other/img/bg_free.png);
}
#dlc dl.free dt , #dlc dl.free dd p strong {color: #2590ff;}
#dlc dl.free dd p {border: 1px solid #83b6eb;}

/* 有料 */
dl.pay {
	border: 1px solid #c50044;
	background-image: url(../other/img/bg_pay.png);
}
dl.pay dt , dl.pay dd p strong {color: #fc0e60;}
dl.pay dd p {border: 1px solid #FF75A6;}


/* プロダクトコード */
dl.product {
	border: 1px solid #d8964a;
	background-image: url(../other/img/bg_product.png);
}
dl.product dt , dl.product dd p strong {color: #ffd72d;}
dl.product dd p {border: 1px solid #b1a045;}



/* DLCお知らせ========================================================================== */
.dlcBan{
	width:98%;
	background-color:#6c45de;
	margin:10px;
	padding:10px;
	display:block;
	color:#fff;
}

.dlcBan a{
	margin:10px;
	color:#fff;
	display:block;
}

.dlcBan:hover{
	opacity:0.8;
}



/* パッチ ========================================================================== */
#patch .days{margin-left: 0px;margin-right: 0px;}
#other .borderBox{
   border: 1px solid #8e0047;
   background-color: #000;
   padding: 10px 15px;
   margin: 15px 0px 25px;
   border-radius: 5px;
   color: #ff0062;
}
#patch .objBox{padding-bottom: 60px;}




/*################################################################################
  media query
################################################################################*/
@media screen and (min-width: 1400px) {
	
	/*--------------------------------------
	キャラクター
	---------------------------------------*/
	/* 画像 */
	#characters #mainImg{ width: 55%; max-width:1000px; left:0;}
	#characters #mainBox{ margin-left: 43%;width: 48%;}
	
}