@import url(http://fonts.googleapis.com/css?family=Playfair+Display);


body {
	font-size: 16px;
	line-height: 1.6;
	color: #fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/* font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
	-webkit-text-size-adjust: 100%; /* iOS safari用 */
	/* background-image: url(../img/bg_con0.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed; */
	background-color: #000;
}
img {
	vertical-align: bottom;
}
header {
	box-sizing: border-box;
	min-width: 1000px;
	padding: 10px;
	background-color: #000;
}
header nav {
	letter-spacing: 1px;
	margin-top: 10px;
}
header nav a.non {
	opacity: 0.3;
	cursor: default;
}
header nav a.non:hover {
	color: #fff;
	text-shadow: 0px 0px 2px #fff;
}
header nav a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0px 0px 2px #fff;
	padding: 5px;
	margin: 0px 5px;
}
header nav a:hover,
header nav a.select {
	text-shadow: 0px 0px 5px #00ffff, 1px 0px 5px #00ffff, 0px 1px 5px #00ffff, -1px 0px 5px #00ffff, 0px -1px 5px #00ffff;
}
header nav a span {
	position: relative;
	z-index: 5;
}
header nav a img {
	z-index: 3;
	position: absolute;
	top: -3px;
	left: 0;
	right: 0;
	margin:0 auto;
	opacity: 0;
	animation: none;
}
header nav a:hover img,
header nav a.select img {
	opacity: 0.3;
	-webkit-animation: spin 10s linear infinite;
	-moz-animation: spin 10s linear infinite;
	-ms-animation: spin 10s linear infinite;
	-o-animation: spin 10s linear infinite;
	animation: spin 10s linear infinite;
}
header nav en {
	position: relative;
	z-index: 4;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	margin-right: 3px;
	background-color: #c00;
	text-shadow: none;
	padding: 0 4px;
	vertical-align: middle;
}
footer {
	box-sizing: border-box;
	min-width: 1000px;
	font-size: 12px;
	text-align: center;
	background-color: #000;
	border-top: solid 1px #ccc;
	padding: 20px;
}
footer .banner {
	padding-bottom: 20px;
}
footer .banner a {
	margin: 5px;
}
footer .banner img {
	border: solid 1px #ccc;
}
footer .sns {
	padding-bottom: 20px;
}

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

iframe[src*="www.facebook.com/plugins/like.php"]{
	width:115px !important;
}



/* ///////////////////////////////////////////////////////////
///loading
/////////////////////////////////////////////////////////// */
.loading {
	z-index: 10000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	font-size: 12px;
	text-align: center;
	padding-top: 300px;
	display: none;
}
.loading img {
	width: 100px;
	opacity: 0.7;
	-webkit-animation: spin 10s linear infinite;
	-moz-animation: spin 10s linear infinite;
	-ms-animation: spin 10s linear infinite;
	-o-animation: spin 10s linear infinite;
	animation: spin 10s linear infinite;
}




/* ///////////////////////////////////////////////////////////
///共通,サブナビ
/////////////////////////////////////////////////////////// */
#mainContents {
	position: relative;
	color: #fff;
	box-sizing: border-box;
	min-width: 1000px;
	min-height: 800px;
	position: relative;
	background-image: url(../img/bg_con0.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}
#topContents {
	box-sizing: border-box;
	position: relative;
	background-image: url(../img/bg2.jpg);
	background-size: cover;
	background-position: center top;
	/*background-attachment: fixed;*/
	height: 2000px;
}
#secondContents {
}
h2 {
	font-family: 'Playfair Display', serif;
	font-size: 72px;
	line-height: 1;
	letter-spacing: 0.05em;
	text-align: center;
	text-shadow: 0px 0px 3px #00ffff;
	background-image: url(../img/h2.png);
	background-repeat: repeat-x;
	background-position: center center;
	padding: 20px;
	margin-bottom: 15px;
}
#subNav {
	font-size: 14px;
	text-shadow: 0px 0px 3px #001c58;
	background-color: rgba(62,146,181,0.30);
	padding: 5px;
	margin-bottom: 15px;
}
#subNav a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background-color: rgba(127,174,255,0.7);
	padding: 5px 10px 2px 10px;
	margin: 5px;
	border-radius: 5px;
}
#subNav a:hover,
#subNav a.select {
	background-color: rgba(0,255,255,0.7);
}
#subNav a span {
	color: #fff100;
	font-weight: bold;
	margin-right: 5px;
}

section {
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
	background-color: rgba(62,146,181,0.30);
	box-sizing: border-box;
	width: 980px;
	padding: 50px;
	margin: 0px auto 50px auto;
	border-top: solid 5px #7faee2;
	border-right: solid 1px #7faee2;
	border-bottom: solid 5px #7faee2;
	border-left: solid 1px #7faee2;
	border-radius: 10px;
}
.att {
	font-size: 12px;
}



/* ///////////////////////////////////////////////////////////
///top
/////////////////////////////////////////////////////////// */
#news {
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	background-image: url(../img/bg_dot.png);
	background-color: rgba(62,146,181,0.30);
	width: 100%;
	padding: 7px;
	display: table;
}
#news p {
	/* text-indent: -9em;
	padding-left: 9em; */
	display: table-cell;
}
#news .day {
	width: 10em;
}
#news a {
	color: #fff;
}
.conTop {
	box-sizing: border-box;
	width: 100%;
	min-height: 1000px;
	/*background-image: url(../img/bg_dot.png);*/
	/*background-image: url(../img/top/chara.png);
	background-position: center top;*/
	/*background-image: url(../img/top/chara.jpg);
	background-position: 95% center;
	background-repeat: no-repeat;*/
	padding: 30px;
}
.conTop #logo {
	width: 50%;
	max-width: 700px;
}
.conTop #catch,
.conTop #banaBox,
.conTop #staffBox {
	padding-left: 10px;
}
.conTop #banaBox a {
	display: inline-block;
	margin-bottom: 5px;
}
.conTop #catch {
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 40px;
	text-shadow: 0px 0px 3px #00ffff, 0px 0px 3px #00ffff, 0px 0px 3px #00ffff;
	padding-top: 10px;
}
.conTop #staffBox {
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 20px;
	text-shadow: 0px 0px 3px #000, 0px 0px 3px #000;
	padding-top: 40px;
}
.conTop #staffBox small {
	font-size: 14px;
}
.conTop #banaBox {
	padding-top: 100px;
}





/* sample */
#countBox {
}
#countBox .play-bt,
#countBox .stop-bt {
	display: block;
	cursor: pointer;
}
#countBox .play-bt {

}
#countBox .stop-bt {
	opacity: 0.7;
}



/* ///////////////////////////////////////////////////////////
///story
/////////////////////////////////////////////////////////// */
.world {
	min-height: 1000px;
	padding-bottom: 50px;
	background-image: url(../img/bg_con1.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.world section.story {
	text-align: center;
}
.world section.story span {
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-style: italic;
	font-size: 28px;
	color: #FFFD07;
	vertical-align: middle;
	text-shadow: 0px 0px 3px #fff100;
	padding: 0 5px;
}
.world section.outlook .olTitle {
	color: #FFFD07;
	font-size: 30px;
	line-height: 1.3;
	letter-spacing: 0.2em;
	padding-left: 10px;
	margin-bottom: 20px;
	border-left: solid 50px #00c3c3;
	border-bottom: solid 2px #00c3c3;

}
.world section.outlook .olTitle span {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	letter-spacing: normal;
	background-color: #c00;
	vertical-align: middle;
	padding: 0 5px;
	margin-right: 10px;
}
.world section.outlook .woImg {
	text-align: center;
	margin-top: 50px;
}
.world section.outlook .woImg img,
.world section.outlook .tbltdimg img {
	width: 100%;
}
.world section.outlook .dnkm,
.world section.outlook .tbl {
	display: table;
	margin-bottom: 30px;
} 
.world section.outlook .dnkm div,
.world section.outlook .tbltdr,
.world section.outlook .tbltdimg {
	display: table-cell;
	vertical-align: top;
}
.world section.outlook .tbltd {
	width: 500px;
}
.world section.outlook .tbltdimg {
	width: 350px;
	
}


/* ///////////////////////////////////////////////////////////
///character
/////////////////////////////////////////////////////////// */
.chara {
	min-height: 1000px;
	padding-bottom: 50px;
	background-image: url(../img/bg_con2.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.chara #subNav a {
	box-sizing: border-box;
	position: relative;
	line-height: 0;
	width: 5%;
	max-width: 60px;
	padding: 3px;
	margin-right: 1px; 
	margin-left: 1px; 
}
.chara #subNav a span {
	z-index: 10;
	position: absolute;
	top: 0px;
	left: 1px;
}
.chara #subNav a img {
	z-index: 5;
	width: 100%;
	border-radius: 5px;
}
.chara section {
	position: relative;
}
.chara .name {
	position: relative;
	z-index: 50;
}
.chara .nameTxt {
	position: relative;
	z-index: 70;
}
.chara .nameKuruma {
	position: absolute;
	left: 0;
	z-index: 60;
	-webkit-animation: spin 10s linear infinite;
	-moz-animation: spin 10s linear infinite;
	-ms-animation: spin 10s linear infinite;
	-o-animation: spin 10s linear infinite;
	animation: spin 10s linear infinite;
}
.chara .cv {
	position: relative;
	z-index: 90;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 36px;
	padding-bottom: 30px;
}
.chara .charaTxt {
	position: relative;
	z-index: 100;
}
.chara #verImg {
	position: absolute;
	top: -30px;
	right: -30px;
	z-index: 1;
}
.chara #voice {
	padding-top: 30px;
	position: relative;
	z-index: 95;
}
.chara #voice span {
	color: #fff100;
	font-weight: bold;
	margin-right: 5px;
}
.chara #voice .play-bt,
.chara #voice .stop-bt {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px 2px 10px;
	margin: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.chara #voice .play-bt {
	background-color: rgba(127,174,255,0.7);
}
.chara #voice .stop-bt {
	background-color: rgba(0,255,255,0.7);
}


/* ///////////////////////////////////////////////////////////
///system
/////////////////////////////////////////////////////////// */
.system {
	padding-bottom: 50px;
}
.system section.outlook .olTitle {
	color: #FFFD07;
	font-size: 30px;
	line-height: 1.3;
	letter-spacing: 0.2em;
	padding-left: 10px;
	margin-bottom: 20px;
	border-left: solid 50px #00c3c3;
	border-bottom: solid 2px #00c3c3;

}
.system section.outlook .olTitle span {
	display: inline-block;
	color: #fff;
	font-size: 20px;
	letter-spacing: normal;
	background-color: #c00;
	vertical-align: middle;
	padding: 0 5px;
	margin-right: 10px;
}
.system section.outlook .woImg {
	text-align: center;
	margin-top: 20px;
}
.system section.outlook .woImg img,
.system section.outlook .tbltdimg img {
	width: 100%;
}
.system section.outlook .dnkm,
.system section.outlook .tbl,
.system section.outlook .dnkmSub {
	display: table;
	margin-bottom: 30px;
} 
.system section.outlook .dnkm div,
.system section.outlook .dnkmSub div,
.system section.outlook .tbltdr,
.system section.outlook .tbltdimg {
	display: table-cell;
	vertical-align: top;
}
.system section.outlook .tbltd {
	width: 500px;
}
.system section.outlook .tbltdimg {
	width: 350px;
}
.system section.outlook .dnkmSub {
	box-sizing: border-box;
	font-size: 14px;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	padding: 10px;
	border: double 3px #00c3c3;
	border-radius: 10px;
}
.system section.outlook .dnkmSub .subTit {
	color: #FFFD07;
	font-size: 16px;
	border-bottom: dashed 1px #00c3c3;
	margin-bottom: 10px;
}
.pInd {
	padding-left: 2em;
	text-indent: -2em;
}
.poRed, .poGreen, .poBlue {
	font-weight: bold;
	text-shadow: none;
}
.poRed {
	color: #ff8dc0;
}
.poGreen {
	color: #7cb600;
}
.poBlue {
	color: #00a0e9;
}
	


/* ///////////////////////////////////////////////////////////
///gallery
/////////////////////////////////////////////////////////// */
.gallery {
	padding-bottom: 50px;
}
.gallery section {
}
.gallery .olTitle {
	color: #FFFD07;
	font-size: 30px;
	line-height: 1.3;
	letter-spacing: 0.2em;
	padding-left: 10px;
	margin-bottom: 20px;
	border-left: solid 50px #00c3c3;
	border-bottom: solid 2px #00c3c3;

}
.gallery a {
	box-sizing: border-box;
	position: relative;
	line-height: 0;
	border: double 3px #4e535c;
	display: inline-block;
	width: 15.5%;
	border: solid 2px #fff;
	margin: 2px;
}
.gallery a:hover {
	border: solid 2px rgba(0,255,255,1);
}
.gallery a span {
	position: absolute;
	top: -5px;
	left: -5px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	text-decration: none;
	background-color: #c00;
	padding: 3px;
}
.gallery a img {
	width: 100%;
}



/* ///////////////////////////////////////////////////////////
///sound
/////////////////////////////////////////////////////////// */
.sound {
	padding-bottom: 50px;
}
.sound .olTitle {
	color: #FFFD07;
	font-size: 30px;
	line-height: 1.3;
	letter-spacing: 0.2em;
	padding-left: 10px;
	margin-bottom: 20px;
	border-left: solid 50px #00c3c3;
	border-bottom: solid 2px #00c3c3;

}
.bgmBox .svBox {
	font-size: 20px;
	padding-bottom: 30px;
}
.bgmBox span {
	font-size: 12px;
}
.bgmBox .play-bt,
.bgmBox .stop-bt {
	box-sizing: border-box;
	color: #fff;
	width: 100%;
	padding: 10px;
	margin-bottom: 5px;
	border-radius: 5px;
	cursor: pointer;
	display: block;
	background-color: #7faee2;
}
.bgmBox .play-bt {
}
.bgmBox .stop-bt {
	opacity: 0.7;
}
.bgmBox .cvplay {
	background-repeat: no-repeat;
	background-position: 10px center;
}
.sound .readTxt {
	display: table;
}
.sound .readTxt img,
.sound .readTxt .readName {
	display: table-cell;
	vertical-align: middle;
}
.sound .readTxt .readName {
	padding-left: 30px;
}
.sound .readTxt .readName span {
	font-size: 24px;
}
.sound .readTxt .readName p {
	margin-top: 15px;
}
.sound .readTxt .readName a {
	color: #fff;
	text-decoration: none;
	background-color: rgba(127,174,255,0.7);
	padding: 5px 10px 2px 10px;
}
.sound .readTxt .readName a:hover {
	background-color: rgba(0,255,255,0.7);
}
.opedTxt {
	display: table;
}
.opedTxt div {
	display: table-cell;
	text-align: center;
	width: 50%;
}
.opedTxt div span {
	font-size: 36px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}



/* ///////////////////////////////////////////////////////////
///column
/////////////////////////////////////////////////////////// */
.column {
	padding-bottom: 50px;
}
.column dl {
	box-sizing: border-box;
	width: 980px;
	margin: auto;
}
.column dt {
	cursor: pointer;
	display: block;
	font-size: 24px;
	font-weight: bold;
	background-color: #7faee2;
	padding: 5px 10px;
	margin-top: 10px;
	border-radius: 10px 10px 0px 0px;
}
.column dt span {
	color: #c00;
	font-weight: bold;
	margin-right: 10px;
}
.column dd {
	background-color: rgba(0,0,0,0.5);
	margin-bottom: 30px;
	padding: 30px 50px;
	overflow: hidden;
	border: solid 1px #7faee2;
	border-radius: 0px 0px 10px 10px ;
}
.column h4 {
	color: #fff100;
	font-size: 20px;
	font-weight: bold;
	border-bottom: dashed 1px #7faee2;
	margin-bottom: 10px;
}
.column .title {
	box-sizing: border-box;
	width: 980px;
	border-radius: 10px;
	background: #555;
	margin: auto auto 20px auto;
	border: solid 1px #ccc;
	overflow: hidden;
}
.column .title img {
	width: 100%;
}




/* ///////////////////////////////////////////////////////////
///special
/////////////////////////////////////////////////////////// */
.special {
	padding-bottom: 50px;
}
.castcomment #voice span,
.special .movie a span {
	color: #fff100;
	font-weight: bold;
	margin-right: 5px;
}
.special .movie a {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	width: 30%;
	background-color: #000;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
}
.special .movie a:hover {
	opacity: 0.7;
}
.special .movie a img {
	width: 100%;
	border-radius: 10px;
}
.special .readTxt {
	display: table;
}
.special .readTxt img,
.special .readTxt .readName {
	display: table-cell;
	vertical-align: middle;
}
.special .readTxt .readName {
	padding-left: 30px;
}
.special .readTxt .readName span {
	font-size: 24px;
}
.special .readTxt .readName p {
	margin-top: 15px;
}
.special .readTxt .readName a {
	color: #fff;
	text-decoration: none;
	background-color: rgba(127,174,255,0.7);
	padding: 5px 10px 2px 10px;
}
.special .readTxt .readName a:hover {
	background-color: rgba(0,255,255,0.7);
}
.special .twitter {
}
.special .twitter img {
	width: 120px;
	border: solid 1px #fff;
}
.special .bannerTxt {
}
.special .bannerTxt p {
	color: #333;
	font-size: 14px;
	background-color: #fff;
	padding: 10px;
	margin: 5px 0;
	border-radius: 10px;
}
.special .banner {
	text-align: center;
}
.special .banner p {
	text-align: left;
	color: #FFFD07;
	font-size: 30px;
	line-height: 1.3;
	letter-spacing: 0.2em;
	padding-left: 10px;
	margin-bottom: 20px;
	border-left: solid 50px #00c3c3;
	border-bottom: solid 2px #00c3c3;
}
.special .banner img {
	width: 160px;
	border: solid 1px #fff;
}
.special .wall div {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
	width: 32%;
	padding: 2%;
}
.special .wall div img {
	width: 100%;
}
.special .wall div span {
	z-index: 100;
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 12px;
	line-height: 1;
	background-color: #c00;
	padding: 3px 5px;
}
.special .wall div a {
	display: block;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	background-color: #000;
	border-radius: 10px;
	padding: 5px;
	margin: 5px 0;
}
.special .wall div a:hover {
	opacity: 0.7;
}

.creator {
}
.creator a .new {
	position: absolute;
	top: -2px;
	left: 2px;
	color: #c00;
	font-weight: bold;
	padding-right: 10px;
	text-shadow: 0px 0px 2px #c00;
}
.creator a {
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
	color: #fff;
	background-color: #000;
	width: 48%;
	margin: 5px;
	border: solid 1px #000;
	border-radius: 10px;
	display: inline-block;
}
.creator a img {
	width: 100%;
	line-height: 0;
	vertical-align: bottom;
}
.creator a:hover {
	opacity: 0.5;
}
.castcomment #voice {
	padding-top: 30px;
	position: relative;
	font-size: 14px;
}

.castcomment #voice img {
	width: 100%;
}
.castcomment #voice .play-bt,
.castcomment #voice .stop-bt {
	box-sizing: border-box;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	width: 31%;
	padding: 5px 10px 2px 10px;
	margin: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.castcomment #voice .play-bt {
	background-color: rgba(127,174,255,0.7);
}
.castcomment #voice .stop-bt {
	background-color: rgba(0,255,255,0.7);
}
.countBn {
	text-align: center;
}
.countBn a {
	box-sizing: border-box;
	display: inline-block;
	cursor: pointer;
	width: 32%;
	margin: 5px 2px;
	border: solid 1px #03afff;
}
.countBn a:hover {
	opacity: 0.7;
}
.countBn a.stop-bt {
	opacity: 0.7;
}
.countBn a img {
	width: 100%;
}





/* ///////////////////////////////////////////////////////////
///information
/////////////////////////////////////////////////////////// */
.info {
	padding-bottom: 50px;
}
.info section {
}

/* 製品情報 */
.info .infoImg {
	text-align: center;
}
.info .infoImg img {
	border: solid 1px #fff;
	margin: 0px 25px;
}
.info table {
	margin: 50px auto 0px auto;
}
.info table tr td {
	padding: 5px 15px;
	border-bottom: solid 1px #7faee2;
}
.info table tr td:first-child {
	background-color: rgba(0,28,88,0.5);
}

/* 更新履歴 */
.info #update {
	display: table;
}
.info #update p {
	border-bottom: solid 1px #7faee2;
	padding-bottom:10px;
	margin-bottom: 10px;
}
.info #update .day {
	border: none;
	padding: 0;
	margin: 0;
}

/* 限定版 */
.info .gentei img {
	width: 100%;
}
.info .gentei .genTitle {
	color: #fffd2c;
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
	display: block;
}
.info .gentei .genTitle span {
	color: #fff;
	background-color: #00c3c3;
	vertical-align: middle;
	padding: 2px 10px;
	margin-right: 10px;
	border-radius: 10px 0px 10px 0px;
}
.info .gentei .genTxt {
	margin-top: 10px;
}

/* 予約 */
.info .yoyaku {
	display: table;
}
.info .yoyaku img,
.info .yoyaku div {
	display: table-cell;
	vertical-align: middle;
}
.info .yoyaku img {
	width: 300px;
}
.info .yoyaku div {
	padding-right: 50px;
}

.info .yoyaku .yoyaTitle {
	color: #fffd2c;
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
	display: block;
}

/* 店舗 */
#bonus {
	width: 1000px; 
	margin: auto;
}
.bonusAtt {
	font-size: 12px;
	text-align: center;
	margin-bottom: 15px;
}
.bonusTr {
	display: table;
	width: 100%;
	margin: auto;
	border-collapse: separate;  /* セルの間隔を空ける */
    border-spacing: 5px 5px;  /* 左右 上下で記述 */
}
.bonusTr div {
	box-sizing: border-box;
	display: table-cell;
	width: 33%;
	padding: 10px;
	border-top: solid 5px #7faee2;
	border-right: solid 1px #7faee2;
	border-bottom: solid 5px #7faee2;
	border-left: solid 1px #7faee2;
	border-radius: 5px;
}
.bonusTr div img {
	width: 100%;
	margin-bottom: 10px;
}
.bonusTit {
	font-weight: bold;
	text-shadow: 0px 0px 3px #7faee2;
	background-image: url(../img/icon_b.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
	margin-bottom: 10px;
	border-bottom: double 3px #7faee2;
}
.bonusGoods {
	border-left: solid 5px #7faee2;
	padding-left: 10px;
	margin-bottom: 15px;
}
.bonusTxt {
	font-size: 12px;
}

/* dlc */

#dlcList {
	width: 1000px; 
	margin: auto;
}
#dlcS {
}
#dlcS .dlcBoxTab {
	display: table;
	width: 100%;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 10px 10px;  /* 左右 上下で記述 */
}
#dlcS .dlcBoxTab .dlcBox {
	display: table-cell;
	background-color: #000;
	width: 50%;
	border-radius: 10px;
	overflow: hidden;
}
.dlcBox img {
	display: block;
	box-sizing: border-box;
	vertical-align: bottom;
	width: 100%;
	max-width: 960px;
	padding: 15px;
	margin: auto;
}
.dlcBox div {
	padding: 15px;
}
.dlcName {
	font-weight: bold;
	color: #fff;
	text-shadow: none;
	padding: 10px;
}
.dlcName span {
	display: block;
	font-size: 10px;
	background-color: #fff;
	padding: 1px 5px;
	margin-bottom: 5px;
	border-radius: 3px;
}
#dlcS h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	padding: 2px 10px;
	margin: 30px 10px 5px 10px;
	border-left: solid 10px #0ff;
}
#dlcS .dlcBoxTab .pey {
	border: solid 1px #e65093;
}
#dlcS .dlcBoxTab .pey .dlcName {
	background-color: #e65093;
}
#dlcS .dlcBoxTab .pey .dlcName span {
	color: #e65093;
}
#dlcS .dlcBoxTab .free {
	border: solid 1px #00a0e9;
}
#dlcS .dlcBoxTab .free .dlcName {
	background-color: #00a0e9;
}
#dlcS .dlcBoxTab .free .dlcName span {
	color: #00a0e9;
}
#dlcS .dlcBoxTab .cood {
	border: solid 1px #ff9f00;
}
#dlcS .dlcBoxTab .cood .dlcName {
	background-color: #ff9f00;
}
#dlcS .dlcBoxTab .cood .dlcName span {
	color: #ff9f00;
}
.pickup {
	font-weight: bold;
	color: #00a0e9;
	margin-bottom: 10px;
}
.pickup span {
	color: #e65093;
}
.dlcAtt {
	color: #c00;
	font-size: 10px;
	margin-top: 0.5em;
}
.patchDay {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: solid 1px #fff;
}




/* ///////////////////////////////////////////////////////////
///
/////////////////////////////////////////////////////////// */
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}