@charset "UTF-8";

/*━━━━━━━━━━━━━━
■コンテンツ
━━━━━━━━━━━━━━━*/

/*#pageBody {
	width: 980px;
	margin: 0 auto 20px auto;
}*/

#pageBody {
	width: 100%;
	margin-bottom: 20px;
	/*overflow: hidden;*/
}

#pageBox {
	width: 100%;
	margin-bottom: 50px;
	background: url(../img/contents_head_bg.png) repeat-x 0 -30px rgba(255,255,255,0.65);
	/*border-radius: 5px;*/
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	clear: both;
	padding: 40px 0 0 0;
}
#pageBox_blue {
	width: 100%;
	margin-bottom: 50px;
	background: url(../img/contents_head_bg.png) repeat-x 0 -30px rgba(255,255,255,0.2);
	/*border-radius: 5px;*/
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	clear: both;
	padding: 40px 0 0 0;
}
#pageBox_pink {
	width: 100%;
	margin-bottom: 50px;
	background: url(../img/contents_head_bg_pink.png) repeat-x 0 -30px rgba(255,255,255,0.2);
	/*border-radius: 5px;*/
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	clear: both;
	padding: 40px 0 0 0;
}
#pageBox_green {
	width: 100%;
	margin-bottom: 50px;
	background: url(../img/contents_head_bg_green.png) repeat-x 0 -30px rgba(255,255,255,0.2);
	/*border-radius: 5px;*/
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	clear: both;
	padding: 40px 0 0 0;
}
#pageBox_orange {
	width: 100%;
	margin-bottom: 50px;
	background: url(../img/contents_head_bg_orange.png) repeat-x 0 -30px rgba(255,255,255,0.2);
	/*border-radius: 5px;*/
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	clear: both;
	padding: 40px 0 0 0;
}
#pageBox2,#pageBox3 {
	width: 100%;
	margin-bottom: 100px;
	background: url(../img/contents_head_bg.png) repeat-x 0 -30px rgba(255,255,255,0.65);
	/*border-radius: 5px;*/
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	clear: both;
	padding: 40px 0 0 0;
}

#pageBox {
	min-height: 600px;
	padding-bottom: 20px;
}
#pageBox2 {
	position: relative;
	min-height: 850px;
}
#pageBox3 {
	position: relative;
	min-height: 1700px;
}
#pageBox4 {
	width: 100%;
	margin-bottom: 50px;
	background: url(../img/contents_head_bg.png) repeat-x 0 -30px rgba(255,255,255,0.65);
	/*border-radius: 5px;*/
	box-shadow: 0 0 4px rgba(43,228,255,0.75);
	clear: both;
	padding: 40px 0 0 0;
	position: relative;
	min-height: 700px;
}

#pageInner {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}



/*━━━━━━━━━━━━━━
■ページタイトル
━━━━━━━━━━━━━━━*/
#pageHeader {
	width: 980px;
	height: 95px;
	margin: 0 auto;
}

#pageHeader h2 {
	width: 384px;
	height: 95px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
	margin: 0 20px 0 6px;
}

.story {
	background-image: url(../img/title_story.png);
}
.character {
	background-image: url(../img/title_character.png);
}
.gallery {
	background-image: url(../img/title_gallery.png);
}
.goods {
	background-image: url(../img/title_goods.png);
}
.music {
	background-image: url(../img/title_music.png);
}
.special {
	background-image: url(../img/title_special.png);
}
.spec {
	background-image: url(../img/title_spec.png);
}







h4 {
	width: 906px;
	height: 51px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 0 auto 15px auto;
	clear: both;
}


.tEmote {
	background-image: url(../img/m_emote.png);
}
.tMessage {
	background-image: url(../img/m_message.png);
}
.tOpening {
	background-image: url(../img/m_opening.png);
}
.tBanner {
	background-image: url(../img/m_banner.png);
}
.tCrowd {
	background-image: url(../img/m_crowd.png);
}
.tCam1 {
	background-image: url(../img/m_campaign01.png);
}
.tCam2 {
	background-image: url(../img/m_campaign02.png);
}
.tCam3 {
	background-image: url(../img/m_campaign03.png);
}
.tProject {
	background-image: url(../img/m_project.png);
}
.tGoods {
	background-image: url(../img/m_goods.png);
}
.tTrial {
	background-image: url(../img/m_trial.png);
}
.tSpec1 {
	background-image: url(../img/m_spec01.png);
}
.tSpec2 {
	background-image: url(../img/m_spec02.png);
}
.tXrated {
	background-image: url(../img/m_xrated.png);
}
.tCount {
	background-image: url(../img/m_count.png);
}
.tSpecial01 {
	background-image: url(../img/m_special01.png);
}
.tSpecial02 {
	background-image: url(../img/m_special02.png);
}
.tSpecial03 {
	background-image: url(../img/m_special03.png);
}
/*━━━━━━━━━━━━━━
■タブ
━━━━━━━━━━━━━━━*/


ul#pageTab {
	width: 435px;
	/*width: 295px;*/
	height: 40px;
	margin: 55px 10px 0 0;
	float: right;
}
ul#pageTab:after {
	content:"";
	clear: both;
	display: block;
}
ul#pageTab li {
	float: left;
	margin-left: 5px;
	text-align: center;
}
ul#pageTab li:last-child {
	background: none;
}
ul#pageTab li a {
	width: 140px;
	height: 32px;
	padding: 8px 0 0 0;
	text-decoration: none;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #29dafc;
	text-shadow: 0 0 3px rgba(41,218,252,0.75);
	background: rgba(255,255,255,1);
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	transition: all 0.5s;
}
ul#pageTab li a:hover {
	color: #fff;
	background: #29dafc;
}
ul#pageTab li.active,
ul#pageTab li.active a,
ul#pageTab li.active a:hover {
	background: #29dafc;
	color: #fff;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
#detail {
	clear: both;
	position: relative;
}
.tabbox {
	display: none;
}

/*別ページ展開の場合*/
ul#pageTab_hand {
	width: 435px;
	/*width: 295px;*/
	height: 40px;
	margin: 55px 10px 0 0;
	float: right;
}
ul#pageTab_hand:after {
	content:"";
	clear: both;
	display: block;
}
ul#pageTab_hand li {
	float: left;
	margin-left: 5px;
	text-align: center;
}
ul#pageTab_hand li:last-child {
	background: none;
}
ul#pageTab_hand #off a {
	width: 140px;
	height: 32px;
	padding: 8px 0 0 0;
	text-decoration: none;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #fdc1fe;
	text-shadow: 0 0 3px rgba(253,193,254,0.3);
	background: rgba(255,255,255,1);
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	box-shadow: 0 0 4px rgba(47,29,4,0.2);
	transition: all 0.5s;
}
ul#pageTab_hand #off2 a {
	width: 140px;
	height: 32px;
	padding: 8px 0 0 0;
	text-decoration: none;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #f2a02b;
	text-shadow: 0 0 3px rgba(249,200,130,0.75);
	background: rgba(255,255,255,1);
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	box-shadow: 0 0 4px rgba(47,29,4,0.2);
	transition: all 0.5s;
}
ul#pageTab_hand #off a:hover {
	color: #fff;
	background: #fdc1fe;
}
ul#pageTab_hand #off2 a:hover {
	color: #fff;
	background: #f2a02b;
}
ul#pageTab_hand #on a {
	width: 140px;
	height: 32px;
	padding: 8px 0 0 0;
	text-decoration: none;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #29dafc;
	text-shadow: 0 0 3px rgba(41,218,252,0.75);
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	transition: all 0.5s;
}

/*pink*/
ul#pageTab_hand2 {
	width: 435px;
	/*width: 295px;*/
	height: 40px;
	margin: 55px 10px 0 0;
	float: right;
}
ul#pageTab_hand2:after {
	content:"";
	clear: both;
	display: block;
}
ul#pageTab_hand2 li {
	float: left;
	margin-left: 5px;
	text-align: center;
}
ul#pageTab_hand2 li:last-child {
	background: none;
}
ul#pageTab_hand2 #off a {
	width: 140px;
	height: 32px;
	padding: 8px 0 0 0;
	text-decoration: none;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #19cbfb;
	text-shadow: 0 0 3px rgba(41,218,252,0.75);
	background: rgba(255,255,255,1);
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	box-shadow: 0 0 4px rgba(47,29,4,0.2);
	transition: all 0.5s;
}
ul#pageTab_hand2 #off2 a {
	width: 140px;
	height: 32px;
	padding: 8px 0 0 0;
	text-decoration: none;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #f2a02b;
	text-shadow: 0 0 3px rgba(249,200,130,0.75);
	background: rgba(255,255,255,1);
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	box-shadow: 0 0 4px rgba(47,29,4,0.2);
	transition: all 0.5s;
}
ul#pageTab_hand2 #off a:hover {
	color: #fff;
	background: #29dafc;
}
ul#pageTab_hand2 #off2 a:hover {
	color: #fff;
	background: #f2a02b;
}
ul#pageTab_hand2 #on a {
	width: 140px;
	height: 32px;
	padding: 8px 0 0 0;
	text-decoration: none;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #fdc1fe;
	text-shadow: 0 0 3px rgba(253,193,254,0.3);
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	transition: all 0.5s;
}
/*green*/
ul#pageTab_hand3 {
	width: 435px;
	/*width: 295px;*/
	height: 40px;
	margin: 55px 10px 0 0;
	float: right;
}
ul#pageTab_hand3:after {
	content:"";
	clear: both;
	display: block;
}
ul#pageTab_hand3 li {
	float: left;
	margin-left: 5px;
	text-align: center;
}
ul#pageTab_hand3 li:last-child {
	background: none;
}
ul#pageTab_hand3 #off a {
	width: 140px;
	height: 32px;
	padding: 8px 0 0 0;
	text-decoration: none;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #19cbfb;
	text-shadow: 0 0 3px rgba(41,218,252,0.75);
	background: rgba(255,255,255,1);
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	box-shadow: 0 0 4px rgba(47,29,4,0.2);
	transition: all 0.5s;
}
ul#pageTab_hand3 #off2 a {
	width: 140px;
	height: 32px;
	padding: 8px 0 0 0;
	text-decoration: none;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #fdc1fe;
	text-shadow: 0 0 3px rgba(253,193,254,0.3);
	background: rgba(255,255,255,1);
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	box-shadow: 0 0 4px rgba(47,29,4,0.2);
	transition: all 0.5s;
}
ul#pageTab_hand3 #off a:hover {
	color: #fff;
	background: #29dafc;
}
ul#pageTab_hand3 #off2 a:hover {
	color: #fff;
	background: #fdc1fe;
}
ul#pageTab_hand3 #on a {
	width: 140px;
	height: 32px;
	padding: 8px 0 0 0;
	text-decoration: none;
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #f2a02b;
	text-shadow: 0 0 3px rgba(253,193,254,0.3);
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	transition: all 0.5s;
}
/*━━━━━━━━━━━━━━
■ストーリー
━━━━━━━━━━━━━━━*/
#stPage1,#stPage2 {
	width: 960px;
	height: 750px;
	margin: 0 auto;
	position: relative;
}
#stPage3 {
	width: 960px;
	height: 790px;
	margin: 0 auto;
	position: relative;
}
.story1,.story2 {
	width: 910px;
	height: 700px;
	position: absolute;
	z-index: 2;
}
.story3 {
	width: 910px;
	height: 770px;
	position: absolute;
	z-index: 2;
}
.story1 p,.story2 p,.story3 p {
	display: none;
}
.story1 {
	background: url(../img/st_text01.png) no-repeat;
}
.story2 {
	background: url(../img/st_text02.png) no-repeat;
}
.story3 {
	background: url(../img/st_text03.png) no-repeat;
}
.stChara1 {
	position: absolute;
	top: 10px;
	left: 300px;
	z-index: 1;
}
.stChara2 {
	position: absolute;
	top: 20px;
	left: 200px;
	z-index: 1;
}
.stChara3 {
	position: absolute;
	top: 60px;
	left: 300px;
	z-index: 1;
}
/*━━━━━━━━━━━━━━
■キャラクター
━━━━━━━━━━━━━━━*/

#chNavi {
	width: 600px;
	height: 88px;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -480px;
	z-index: 5;
}

#chNavi li {
	width: 71px;
	height: 88px;
	margin-right: 4px;
	background: url(../img/charanavi.png) no-repeat;
	float: left;
	transition: all 0.5s;
}

#chNavi #chN1 {
	background-position: 0 0;
}
#chNavi #chN2 {
	background-position: -75px 0;
}
#chNavi #chN3 {
	background-position: -150px 0;
}
#chNavi #chN4 {
	background-position: -225px 0;
}
#chNavi #chN5 {
	background-position: -300px 0;
}
#chNavi #chN6 {
	background-position: -375px 0;
}
#chNavi #chN7 {
	background-position: -450px 0;
}
#chNavi #chN8 {
	background-position: -525px 0;
}

#chNavi li a {
	width: 71px;
	height: 88px;
	display: block;
	line-height: 88px;
	text-indent: -9999px;
	background: url(../img/charanavi.png) no-repeat;
	overflow: hidden;
	transition: opacity 0.5s;
	opacity: 0;
}
#chNavi li a:hover {
	opacity: 1;
}

#chNavi #chN1 a {
	background-position: 0 -88px;
}
#chNavi #chN2 a {
	background-position: -75px -88px;
}
#chNavi #chN3 a {
	background-position: -150px -88px;
}
#chNavi #chN4 a {
	background-position: -225px -88px;
}
#chNavi #chN5 a {
	background-position: -300px -88px;
}
#chNavi #chN6 a {
	background-position: -375px -88px;
}
#chNavi #chN7 a {
	background-position: -450px -88px;
}
#chNavi #chN8 a {
	background-position: -525px -88px;
}


.chPos {
	height: 700px;
	padding-top: 140px;
	position: relative;
}
.par {
	position: absolute;
	top: 140px;
	left: 50%;
	margin-left: -500px;
	z-index: 2;
	padding-left: 25px;
}
.parBase {
	width: 520px;
	background: rgba(255,255,255,0.65);
	border: solid 5px rgba(47,29,4,0.3);
	border-radius: 10px;
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	padding: 10px;
	margin-bottom: 25px
}

.parBase2 {
	width: 920px;
	background: rgba(255,255,255,0.65);
	border: solid 5px rgba(47,29,4,0.3);
	border-radius: 10px;
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	padding: 10px;
	margin-bottom: 25px
}
.ch_name {
	height: 87px;
}
.ch_status {
	height: 40px;
}
.ch_status2 {
	height: 40px;
	margin-bottom: 70px;
}
.ch_cv {
	height: 55px;
}


.ch_voice {
	width: 450px;
	height: 30px;
	margin-bottom: 20px;
}
.ch_voice li {
	width: 146px;
	height: 30px;
	float: left;
	margin: 0 2px 0 0;
}
.ch_voice:after {
	content: "";
	clear: both;
	display: block;
}
.ch_profile1-1,.ch_profile1-2,
.ch_profile2-1,.ch_profile2-2,
.ch_profile3-1,.ch_profile3-2,
.ch_profile4-1,.ch_profile4-2,
.ch_profile5-1,.ch_profile5-2,
.ch_profile6-1,.ch_profile6-2 {
	width: 498px;
	height: 232px;
	margin-bottom: 5px;
}
.ch_profile1-3,.ch_profile2-3,
.ch_profile3-3,.ch_profile4-3,
.ch_profile5-3,.ch_profile6-3 {
	width: 498px;
	height: 240px;
	margin-bottom: 5px;
}
.ch_profile7-1,.ch_profile7-2,.ch_profile7-3 {
	width: 666px;
	height: 217px;
	margin-bottom: 5px;
}
.ch_profile1-1 p,.ch_profile2-1 p,.ch_profile3-1 p,.ch_profile4-1 p,.ch_profile5-1 p,.ch_profile6-1 p,.ch_profile7-1 p,.ch_profile1-2 p,.ch_profile2-2 p,.ch_profile3-2 p,.ch_profile4-2 p,.ch_profile5-2 p,.ch_profile6-2 p,.ch_profile7-2 p,.ch_profile1-3 p,.ch_profile2-3 p,.ch_profile3-3 p,.ch_profile4-3 p,.ch_profile5-3 p,.ch_profile6-3 p,.ch_profile7-3 p {
	display: none;
}

.ch_profile1-1 {
	background: url(../img/ch_prof01_1.png) no-repeat;
}
.ch_profile2-1 {
	background: url(../img/ch_prof02_1.png) no-repeat;
}
.ch_profile3-1 {
	background: url(../img/ch_prof03_1.png) no-repeat;
}
.ch_profile4-1 {
	background: url(../img/ch_prof04_1.png) no-repeat;
}
.ch_profile5-1 {
	background: url(../img/ch_prof05_1.png) no-repeat;
}
.ch_profile6-1 {
	background: url(../img/ch_prof06_1.png) no-repeat;
}
.ch_profile7-1 {
	background: url(../img/ch_prof07_1.png) no-repeat;
}
.ch_profile1-2 {
	background: url(../img/ch_prof01_2.png) no-repeat;
}
.ch_profile2-2 {
	background: url(../img/ch_prof02_2.png) no-repeat;
}
.ch_profile3-2 {
	background: url(../img/ch_prof03_2.png) no-repeat;
}
.ch_profile4-2 {
	background: url(../img/ch_prof04_2.png) no-repeat;
}
.ch_profile5-2 {
	background: url(../img/ch_prof05_2.png) no-repeat;
}
.ch_profile6-2 {
	background: url(../img/ch_prof06_2.png) no-repeat;
}
.ch_profile7-2 {
	background: url(../img/ch_prof07_2.png) no-repeat;
}
.ch_profile1-3 {
	background: url(../img/ch_prof01_3.png) no-repeat;
}
.ch_profile2-3 {
	background: url(../img/ch_prof02_3.png) no-repeat;
}
.ch_profile3-3 {
	background: url(../img/ch_prof03_3.png) no-repeat;
}
.ch_profile4-3 {
	background: url(../img/ch_prof04_3.png) no-repeat;
}
.ch_profile5-3 {
	background: url(../img/ch_prof05_3.png) no-repeat;
}
.ch_profile6-3 {
	background: url(../img/ch_prof06_3.png) no-repeat;
}
.ch_profile7-3 {
	background: url(../img/ch_prof07_3.png) no-repeat;
}

/*#charaHead {
	width: 100%;
	height: 200px;
	background: url(../img/chara_head.jpg) no-repeat top center;
	background-size: cover;
	position: absolute;
	top: 110px;
}*/
#charaHead1,#charaHead2,#charaHead3 {
	width: 100%;
	height: 200px;
	background-size: cover;
	position: absolute;
	top: 110px;
}
#charaHead1 {
	background: url(../img/chara_head01.jpg) no-repeat top center;
}
#charaHead2 {
	background: url(../img/chara_head02.jpg) no-repeat top center;
}
#charaHead3 {
	background: url(../img/chara_head03.jpg) no-repeat top center;
}
.charaP1 {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -280px;
	z-index: 1;
}
.charaP2 {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -150px;
	z-index: 1;
}
.charaP3 {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -70px;
	z-index: 1;
}
.charaP4 {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -220px;
	z-index: 1;
}
.charaP5 {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -50px;
	z-index: 1;
}
.charaP6 {
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	z-index: 1;
}
.charaP7 {
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: 80px;
	z-index: 1;
}

.sdP1 {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: 280px;
	z-index: 2;
}
.sdP2 {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: 280px;
	z-index: 2;
}
.sdP3 {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: 280px;
	z-index: 2;
}
.sdP4 {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: 280px;
	z-index: 2;
}
.sdP5 {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: 280px;
	z-index: 2;
}
.sdP6 {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: 280px;
	z-index: 2;
}

#mechaBox {
	width: 960px;
	height: 1750px;
	margin: 0 auto;
	position: relative;
}

#mecha1 {
	width: 875px;
	height: 497px;
	position: absolute;
	top: 140px;
	left: 42px;
	z-index: 1;
}
#mecha2 {
	width: 752px;
	height: 465px;
	position: absolute;
	top: 560px;
	left: 104px;
	z-index: 1;
}
#mecha3 {
	width: 1122px;
	height: 626px;
	position: absolute;
	top: 1060px;
	left: -30px;
	z-index: 1;
}


/*━━━━━━━━━━━━━━
■ギャラリー
━━━━━━━━━━━━━━━*/

#cgList {
	width: 840px;
	margin: 0 auto;
	padding-bottom: 10px;
}
#cgList li {
	width: 200px;
	height: 113px;
	display: block;
	margin: 0 5px 30px 5px;
	vertical-align: bottom;
	float: left;
	background-color: #FFF;
	box-shadow: 0 0 4px rgba(43,228,255,0.75);
	position: relative;
}
#cgList:after {
	content: "";
	clear: both;
	display: block;
}

.moveAtt {
	font-size: 12px;
	line-height: 15px;
	text-shadow: 0 0 3px #000;
	text-align: center;
	box-shadow: 0 0 3px #888;
	color: #FFF;
	width: 200px;
	height: 15px;
	background-color: rgba(4,69,180,0.9);
	box-shadow: 0 0 4px rgba(43,228,255,0.75);
	display: block;
	border-radius: 3px;
}

/*━━━━━━━━━━━━━━
■グッズ
━━━━━━━━━━━━━━━*/
#gCampaign {
	width: 807px;
	height: 354px;
	margin: 0 auto 15px auto;
}
#gCampaign_bag {
	width: 810px;
	margin: 0 auto 0 auto;
}
#gCampaign_bag li {
	width: 266px;
	height: 256px;
	margin: 0 0 20px 3px;
	float: left;
}

#goodsTitle {
	width: 860px;
	height: 65px;
}

.parBase {
	width: 520px;
	background: rgba(255,255,255,0.65);
	border: solid 5px rgba(47,29,4,0.3);
	border-radius: 10px;
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	padding: 10px;
	margin-bottom: 25px
}


#itemBox1,#itemBox2,#itemBox3,#itemBox4,#itemBox5,
#itemBox6,#itemBox7,#itemBox8,#itemBox9,#itemBox10,
#itemBox11,#itemBox12,#itemBox13,#itemBox14,#itemBox15 {
	width: 960px;
	margin: 0 auto;
}
.gColum1 {
	width: 495px;
	float: left;
	margin-left: 45px;

}
.gColum2 {
	width: 356px;
	float: right;
	margin: 0 45px 20px 0;
}
.gLine {
	width: 860px;
	height: 80px;
	margin: 0 auto;
	background: url(../img/goods_line.png)no-repeat center center;
	clear: both;
}
.gLine2 {
	width: 860px;
	height: 80px;
	margin: 0 auto;
	background: url(../img/goods_line_v2.png)no-repeat center center;
	clear: both;
}
.gLine3 {
	width: 860px;
	height: 80px;
	margin: 0 auto;
	background: url(../img/goods_line_v3.png)no-repeat center center;
	clear: both;
}
.itemName {
	margin: 0 0 10px 0;
}
.g_caption1 {
	width: 470px;
	padding: 10px;
	font-size: 14px;
	color: #2f1d04;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	background: rgba(255,255,255,0.65);
	border: solid 5px rgba(232,163,255,0.3);
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	border-radius: 10px;
	margin-bottom: 10px;
}
.g_caption2 {
	width: 470px;
	padding: 10px;
	font-size: 14px;
	color: #2f1d04;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	background: rgba(255,255,255,0.65);
	border: solid 5px rgba(153,204,255,0.3);
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	border-radius: 10px;
	margin-bottom: 10px;
}
.g_caption3 {
	width: 470px;
	padding: 10px;
	font-size: 14px;
	color: #2f1d04;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	background: rgba(255,255,255,0.65);
	border: solid 5px rgba(255,191,0,0.3);
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	border-radius: 10px;
	margin-bottom: 10px;
}
.g_caption4 {
	width: 480px;
	padding: 10px;
	font-size: 14px;
	color: #FFF;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	background: rgba(87,58,37,0.8);
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	border-radius: 10px;
}
#campaignPop {
	width: 830px;
	padding: 1px;
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	margin: 0 auto 20px auto;
}
#campaignPop img {
	vertical-align: bottom;
}
.orderB a {
	font-size: 16px;
	line-height: 40px;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	text-align: center;
	box-shadow: 0 0 3px #888;
	color: #FFF;
	width: auto;
	height: 40px;
	background-color: #E599FF;
	display: block;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.5s;
}
.changeB a {
	margin: 0 auto;
	font-size: 16px;
	line-height: 40px;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	text-align: center;
	box-shadow: 0 0 3px #888;
	color: #FFF;
	width: 870px;
	height: 40px;
	background-color: #E599FF;
	display: block;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.5s;
	clear: both;
}
.orderB a:hover,.changeB a:hover {
	color: #FFF;
	background-color: #FFBFFF;
}

.orderB2 a {
	font-size: 16px;
	line-height: 40px;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	text-align: center;
	box-shadow: 0 0 3px #888;
	color: #FFF;
	width: auto;
	height: 40px;
	background-color: #7396FF;
	display: block;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.5s;
	margin-bottom: 5px;
}
.orderB2 a:hover {
	color: #FFF;
	background-color: #99E5FF;
}

.orderB3 a {
	font-size: 16px;
	line-height: 40px;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	text-align: center;
	box-shadow: 0 0 3px #888;
	color: #FFF;
	width: auto;
	height: 40px;
	background-color: #FFBF00;
	display: block;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.5s;
	margin-bottom: 5px;
}
.orderB3 a:hover {
	color: #FFF;
	background-color: #FFDC73;
}

.orderB span,.orderB2 span,.orderB3 span,.changeB span {
	font-family: fontawesome;
	margin-right: 5px;
}

.boxCampaign {
	width: 870px;
	margin: 0 auto 20px auto;
}
/*━━━━━━━━━━━━━━
▼お詫び
━━━━━━━━━━━━━━━*/

#attentionBook {
	width: 780px;
	margin: 0 auto 20px auto;
	padding: 20px 40px;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	background: rgba(255,255,255,0.65);
	border: solid 5px rgba(232,163,255,0.3);
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	border-radius: 10px;
	clear: both;
}
#abTitle {
	width: 710px;
	height: 35px;
	margin: 0 auto 15px auto;
}
.abCap1 {
	font-size: 14px;
	color: #2f1d04;
	margin-bottom: 10px;
}
.abCap2,.abM1 {
	font-size: 16px;
	font-weight: bold;
	color: #FF7373;
	margin-bottom: 10px;
}
.abCap3 {
	font-size: 16px;
	color: #2f1d04;
	margin-bottom: 10px;
}
.abAtt {
	font-size: 14px;
	color: #FF0000;
	margin-bottom: 10px;
}

/*━━━━━━━━━━━━━━
■楽曲配信
━━━━━━━━━━━━━━━*/
#musCatch {
	width: 900px;
	height: 40px;
	margin-bottom: 15px;
}

#musTitle1, #musTitle2 {
	width: 868px;
	height: 46px;
	margin: 0 auto 15px auto;
	clear: both;
}
.musPict {
	width: 200px;
	height: 200px;
	float: left;
	margin: 0 0 20px 70px;
}
.musBox {
	width: 610px;
	float: right;
	margin: 0 40px 20px 0;
	overflow: hidden;
}
.musCase {
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	margin-bottom: 10px;
}
.musBox ul {
	font-size: 14px;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	margin: 0 0 10px 45px;
}
.musBox ul li {
	list-style: decimal-leading-zero;
}
.musPrice {
	font-size: 14px;
	color: #05A9FA;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	margin: 0 0 10px 20px;
}
.musCate {
	font-size: 14px;
	line-height: 12px;
	color: #FFF;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	width: 120px;
	background: #666;
	padding: 5px 0 4px 15px;
	border-radius: 20px;
	margin: 0 0 8px 15px;
}
.musCaution {
	font-size: 14px;
	color: #FF0000;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	margin: 0 0 10px 20px;
}
.dlSite {
	width: 180px;
	height: 40px;
	float: left;
	margin-right: 10px;
}
.dlSite a {
	font-size: 16px;
	line-height: 40px;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	text-align: center;
	box-shadow: 0 0 3px #888;
	color: #FFF;
	width: 180px;
	height: 40px;
	background-color: #E599FF;
	display: block;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.5s;
}
.dlSite a:hover {
	color: #FFF;
	background-color: #FFBFFF;
}
.dlSite span {
	font-family: fontawesome;
	margin-right: 5px;
}
/*━━━━━━━━━━━━━━
■スペシャル
━━━━━━━━━━━━━━━*/

/*━━━━━━━━
■Emote
━━━━━━━━━*/
#eBox {
	width: 960px;
	height: 1050px;
	margin: 0 auto;
	position: relative;
}

#emChara {
	width: 1062px;
	height: 593px;
	position: absolute;
	top: 0px;
	left: -80px;
	z-index: 1;
}
#emMovie {
	width: 650px;
	height: 735px;
	position: absolute;
	top: 260px;
	left: 290px;
	z-index: 2;
}
#emAdr {
	width: 240px;
	height: 96px;
	position: absolute;
	top: 540px;
	left: 20px;
	z-index: 2;
}
#emAtt {
	width: 250px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	text-shadow: 0 0 3px rgba(180,218,254,0.75);
	color: #FFF;
	background-color: rgba(4,69,180,0.9);
	border-radius: 20px;
	position: absolute;
	top: 1030px;
	right: 20px;
}
#emAtt span {
	font-family: fontawesome;
	margin-right: 5px;
}

.emote_image {
	width: 650px;
	height: 365px;
	overflow: hidden;
	margin: 10px auto 20px;
	position: relative;
	box-shadow: 0 0 3px #544e45;
}
.emote_image a {
	display: block;
	width: 650px;
	height: 365px;
	position: relative;
}
.emote_image a:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.5);
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 2;
}
.emote_image a:after {
	content: "\f04b";
	font-family: fontAwesome;
	display: block;
	width: 140px;
	height: 140px;
	line-height: 140px;
	position: absolute;
	top: 113px;
	left: 255px;
	text-align: center;
	font-size: 48px;
	color: #29dafc;
	background-color: rgba(255,255,255,0.5);
	border-radius: 10px;
	box-shadow: 0 0 3px #544e45;
	text-shadow: 0 0 3px #FFF;
	transition: all 0.3s;
	z-index: 2;
	/*transform: scale(0.8,0.8);
	-webkit-transform: scale(0.8,0.8);*/
}
.emote_image a:hover:before {
	opacity: 1;
}
.emote_image a:hover:after {
	transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
}
.emote_image img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
/*━━━━━━━━
■体験版
━━━━━━━━━*/
#trialThum {
	width: 850px;
	height: 478px;
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	margin: 10px auto 15px auto;
}
#trialSpec {
	width: 830px;
	margin: 0 auto 20px auto;
	padding: 10px;
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	background-color: rgba(32,98,135,0.7);
	border-radius: 10px;
}
#trialSpec p {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 0 0 3px rgba(38,147,255,0.7);
	text-align: center;
}

/*━━━━━━━━
■ムービー
━━━━━━━━━*/
.mirror {
	width: 630px;
	margin: 0 auto 20px auto;
	padding: 10px;
	border-radius: 10px;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	background: rgba(255,255,255,0.65);
	border: solid 5px rgba(32,98,135,0.3);
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
}
.server {
	width: 630px;
	margin: 0 auto 7px auto;
	padding-bottom: 7px;
	overflow: hidden;
	border-bottom: dotted 1px #0445b4;
}
.server-end {
	width: 630px;
	margin: 0 auto;
	overflow: hidden;
}
.site {
	font-size: 16px;
	line-height: 30px;
	color: #2f1d04;
	width: 300px;
	float: left;
	margin-left: 10px;

}
.dlsite {
	margin-right: 10px;
	float: right;
}
.dlsite li {
	width: 130px;
	height: 30px;
	margin-left: 5px;
	float: left;
}
.dlsite:after {
	content: "";
	display: block;
	clear: both;
}
.dlsite a {
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	box-shadow: 0 0 3px #000;
	color: #FFF;
	width: 130px;
	height: 30px;
	background-color: rgba(4,69,180,0.9);
	display: block;
	border-radius: 3px;
	text-decoration: none;
	transition: all 0.5s;
}
.dlsite a:hover {
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	box-shadow: 0 0 3px #0DCAFC;
	color: #FFF;
	width: 130px;
	height: 30px;
	background-color: rgba(18,255,230,0.9);
	display: block;
	border-radius: 3px;
}

.mirrorCap {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #2f1d04;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	text-align: center;
}
.site span,.dlsite span {
	font-family: fontawesome;
	margin-right: 5px;
}

.movie_image,.movie_image2 {
	width: 650px;
	height: 365px;
	overflow: hidden;
	margin: 10px auto 20px auto;
	position: relative;
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	z-index: 5;
}
.movie_image a,.movie_image2 a {
	display: block;
	width: 650px;
	height: 365px;
	position: relative;
}
.movie_image a:before,.movie_image2 a:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.5);
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 2;
}
.movie_image a:after,.movie_image2 a:after {
	content: "\f04b";
	font-family: fontAwesome;
	display: block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	position: absolute;
	top: 132px;
	left: 275px;
	text-align: center;
	font-size: 30px;
	color: #FFF;
	background-color: rgba(255,255,255,0.5);
	border-radius: 100px;
	box-shadow: 0 0 3px #0DCAFC;
	text-shadow: 0 0 3px #0DCAFC;
	transition: all 0.3s;
	z-index: 2;
	/*transform: scale(0.8,0.8);
	-webkit-transform: scale(0.8,0.8);*/
}
.movie_image a:hover:before,.movie_image2 a:hover:before {
	opacity: 1;
}
.movie_image a:hover:after,.movie_image2 a:hover:after {
	transform: scale(1.2,1.2);
	-webkit-transform: scale(1.2,1.2);
}
.movie_image img,.movie_image2 img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.movie_image img.out {
	animation: fadeout 0.6s linear 0s 1 normal;
	-webkit-animation-name: fadeout;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
@keyframes fadeout {
	0%  {opacity: 1;}
	100%{opacity: 0;}
}
@-webkit-keyframes fadeout {
	0%  {opacity: 1;}
	100%{opacity: 0;}
}


/*━━━━━━━━
■応援バナー
━━━━━━━━━*/

#bc_about {
	width: 920px;
	min-height: 800px;
	margin: 0 auto;
	position: relative;
}
#bc_mail {
	position: absolute;
	top: 25px;
	left: 20px;
	z-index: 2;
}
#banaCampaign {
	width: 593px;
	height: 65px;
}
.bc_text1 {
	height: 303px;
	margin-bottom: 15px;
}
.bc_text2 {
	height: 60px;
	margin-bottom: 5px;
}
.bc_text3 {
	height: 40px;
}
.bc_caption1 {
	width: 730px;
	height: 50px;
	padding-left: 20px;
	font-size: 20px;
	line-height: 50px;
	font-weight: bold;
	color: #2f1d04;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	background: rgba(255,255,255,0.65);
	border: solid 5px rgba(32,98,135,0.3);
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	border-radius: 10px;
	margin-bottom: 10px;
}
.bc_caption2 {
	width: 710px;
	padding: 20px;
	font-size: 14px;
	color: #2f1d04;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	background: rgba(255,255,255,0.65);
	border: solid 5px rgba(32,98,135,0.3);
	box-shadow: 0 0 4px rgba(47,29,4,0.3);
	border-radius: 10px;
	margin-bottom: 10px;
}
.bc_caption3 {
	width: 780px;
	height: 60px;
	padding-left: 20px;
	font-size: 20px;
	line-height: 60px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 0 0 3px rgba(38,147,255,0.7);
	box-shadow: 0 0 3px rgba(0,45,178,0.65);
	background-color: rgba(0,0,0,0.5);
	border-radius: 10px;
	margin: 0 auto;
}
.bc_caption1 span,.bc_caption2 span,.bc_caption3 span,.g_caption1 span,.g_caption2 span,.g_caption3 span,.abM1 span,.abCap3 span,.abAtt span {
	font-family: fontawesome;
	margin-right: 5px;
}
#bc_chara {
	width: 564px;
	height: 742px;
	position: absolute;
	top: 0;
	left: 450px;
	z-index: 1;
}

#bc_bana {
	width: 866px;
	margin: 0 auto;
}

#bc_bana h4 {
	height: 46px;
	margin: 0 0 10px 0;
}

.banacolum1,.banacolum2 {
	width: 630px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.banacolum1 li,.banacolum2 li {
	width: 200px;
	margin: 0 5px 10px 5px;
	display: block;
	float: left;
}

.banacolum3 {
	width: 600px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.banacolum3 li {
	width: 600px;
	margin: 0 0 10px 0;
	display: block;
}

.banacolum4 {
	width: 780px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.banacolum4 li {
	width: 120px;
	margin: 0 5px 10px 5px;
	display: block;
	float: left;
}

.banacolum5 {
	width: 700px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.banacolum5 li {
	width: 700px;
	margin: 0 0 10px 0;
	display: block;
}

.banacolum1 textarea,.banacolum2 textarea {
	width: 200px;
	font-size: 12px;
}
.banacolum3 textarea {
	width: 600px;
	font-size: 12px;
}
.banacolum4 textarea {
	width: 120px;
	height: 100px;
	font-size: 12px;
}
.banacolum5 textarea {
	width: 700px;
	font-size: 12px;
}

.banacolum1:after,.banacolum2:after,.banacolum3:after,.banacolum4:after,.banacolum5:after {
	content: "";
	clear: both;
	display: block;
}

/*━━━━━━━━
■予約キャンペーン
━━━━━━━━━*/

#camName1 {
	width: 850px;
	height: 85px;
	margin: 0 auto 15px auto;
}
#camBox {
	width: 960px;
	margin: 0 auto;
}
.yColum1 {
	width: 490px;
	float: left;
	margin: 0 0 20px 60px;
}
.yColum2 {
	width: 370px;
	float: right;
	margin: 0 40px 20px 0;
}

.y_caption1 {
	width: 850px;
	padding: 10px;
	font-size: 14px;
	color: #FFF;
	text-shadow: 0 0 2px rgba(47,29,4,0.9);
	box-shadow: 0 0 2px rgba(47,29,4,0.75);
	background-color: rgba(47,29,4,0.75);
	border-radius: 10px;
	margin: 0 auto 10px auto;
	clear: both;
}

/*━━━━━━━━
■クラウド関連
━━━━━━━━━*/
#crowdHeader {
	width: 860px;
	height: 200px;
	margin: 0 auto 20px auto;
	background: url(../img/sp2_crowd_head01.jpg) no-repeat;
	box-shadow: 0 0 2px rgba(47,29,4,0.75);
	text-indent: -9999px;
}

.cf_thanks {
	width: 842px;
	height: 160px;
	margin: 0 auto;
}


.indiText,.indiList {
	width: 780px;
	font-size: 14px;
	line-height: 150%;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	margin: 0 auto;
	padding: 0 0 20px 0;
}
.indiText3 {
	width: 780px;
	font-size: 14px;
	line-height: 150%;
	color: #FF4D4D;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	margin: 0 auto;
	padding: 0 0 20px 0;
}
.indiM {
	width: 840px;
	height: 40px;
	margin: 0 auto;
}

.indiP01 {
	width: 835px;
	height: 804px;
	margin: 0 auto 20px auto;
}
.indiP02 {
	width: 733px;
	height: 504px;
	margin: 0 auto 20px auto;
}
.indiP03 {
	width: 837px;
	height: 591px;
	margin: 0 auto 20px auto;
}
.indiP04 {
	width: 369px;
	height: 630px;
	margin: 0 0 0 65px;
	float: left;
}
.indiText2 {
	width: 400px;
	min-height: 630px;
	max-height: 100%;
	font-size: 14px;
	line-height: 150%;
	color: #2f1d04;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	margin: 0 auto;
	padding: 0 0 20px 380px;
	background: url(../img/p_indigogo04.png) no-repeat left top;
	/*float: right;*/
}



.indiList li {
	list-style-type: decimal;
	margin-bottom: 5px;
}

.indiAtt1 {
	font-size: 16px;
	font-weight: bold;
	color: #0dd277;
}

#cfInfo {
	width: 316px;
	height: 46px;
	margin: 0 0 10px 40px;
}

.crColum {
	width: 840px;
	padding: 10px;
	margin: 0 auto 20px auto;
	background-color: rgba(255,255,255,0.8);
	border-radius: 15px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	border: solid 2px #440d27;
	margin-bottom: 40px;
}
.crColum:last-child {
	margin-bottom: 0;
}
.crColum dl {
	width: 840px;
}

.crColum dt {
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	color: #fff;
	padding: 3px 15px 1px 40px;
	margin: 0 0 8px 0;
	background: #440d27 url(../img/cr_anchr.png)no-repeat 5px center;
	border-radius: 5px;
}
.crColum dd {
	font-size: 16px;
	position: relative;
	padding: 0 0 0 23px;
	color: #440d27;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.25);
	z-index: 0;
	height: 100%;
}
.crColum dd:after {
	content: "\f138";
	font-family: fontAwesome;
	display: block;
	position: absolute;
	left: 5px;
	top: 3px;
}

#aboutcbTitle {
	width: 860px;
	height: 50px;
	margin: 0 auto 20px auto;
	padding: 20px 0 0 0;
}
.aboutcbM {
	width: 780px;
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	color: #876e4a;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	margin: 0 auto;
	padding: 0 0 5px 0;
}

.xratedList {
	width: 740px;
	font-size: 14px;
	line-height: 150%;
	color: #2f1d04;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	margin: 0 auto;
	padding: 0 0 20px 0;
	list-style-type:disc;
}
#xratedTitle {
	width: 727px;
	height: 57px;
	text-shadow: 0 0 3px rgba(0,0,0,0.7);
	padding: 20px 0 0 0;
	margin: 0 auto 20px auto;
}
#xrated_table {
	font-size: 12px;
	color: #2f1d04;
	width: 780px;
	margin: 0 auto;
}
#xrated_table tr {
}
#xrated_table td,
#xrated_table th {
	padding: 4px 10px;
	border: 1px solid #333;
}

#xrTh1 {
}
#xrTh2,#xrTh3,#xrTh4,#xrTh5,#xrTh6 {
	width: 110px;
}
#xrated_table th {
	text-align: center;
	background-color: rgba(4,69,180,0.9);
	color: #fff;
}
#xrated_table td {
	font-size: 12px;
	text-align: center;
	background-color: rgba(255,255,255,0.2);
}
/*━━━━━━━━━━━━━━
■countdown
━━━━━━━━━━━━━━━*/

#countList {
	width: 830px;
	margin:0 auto;
}
#countList li {
	width: 400px;
	height: 130px;
	margin: 0 5px 10px 5px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	float: left;
	position: relative;
	border-radius: 5px;
}

#count01 {
	background: url(../img/bg_countdown01.jpg) no-repeat;
}
#count02 {
	background: url(../img/bg_countdown02.jpg) no-repeat;
}
#count03 {
	background: url(../img/bg_countdown03.jpg) no-repeat;
}
#count04 {
	background: url(../img/bg_countdown04.jpg) no-repeat;
}
#count05 {
	background: url(../img/bg_countdown05.jpg) no-repeat;
}
#count06 {
	background: url(../img/bg_countdown06.jpg) no-repeat;
}
#count07 {
	background: url(../img/bg_countdown07.jpg) no-repeat;
}
#count08 {
	background: url(../img/bg_countdown08.jpg) no-repeat;
}
#count09 {
	background: url(../img/bg_countdown09.jpg) no-repeat;
}

/*vol2*/
#count201 {
	background: url(../img/cd_v2_01.jpg) no-repeat;
}
#count202 {
	background: url(../img/cd_v2_02.jpg) no-repeat;
}
#count203 {
	background: url(../img/cd_v2_03.jpg) no-repeat;
}
#count204 {
	background: url(../img/cd_v2_04.jpg) no-repeat;
}
#count205 {
	background: url(../img/cd_v2_05.jpg) no-repeat;
}
#count206 {
	background: url(../img/cd_v2_06.jpg) no-repeat;
}
#count207 {
	background: url(../img/cd_v2_07.jpg) no-repeat;
}
#count208 {
	background: url(../img/cd_v2_08.jpg) no-repeat;
}

/*vol3*/
#count301 {
	background: url(../img/cd_v3_01.jpg) no-repeat;
}
#count302 {
	background: url(../img/cd_v3_02.jpg) no-repeat;
}
#count303 {
	background: url(../img/cd_v3_03.jpg) no-repeat;
}
#count304 {
	background: url(../img/cd_v3_04.jpg) no-repeat;
}
#count305 {
	background: url(../img/cd_v3_05.jpg) no-repeat;
}
#count306 {
	background: url(../img/cd_v3_06.jpg) no-repeat;
}
#count307 {
	background: url(../img/cd_v3_07.jpg) no-repeat;
}
#count308 {
	background: url(../img/cd_v3_08.jpg) no-repeat;
}
.cdv2B,.cdv3B {
	width: 258px;
	height: 26px;
	position: absolute;
	top: 95px;
	left: 10px;
	cursor: pointer;
	transition: all 0.5s;
}

.cdv2B:hover,.cdv3B:hover {
	opacity: 0.7;
}
.s_play2 {
	width: 206px;
	height: 46px;
	position: absolute;
	top: 94px;
	left: 10px;
}

.spList {
	width: 820px;
	margin:0 auto;
}
.spList li {
	width: 400px;
	height: 100px;
	margin: 0 5px 10px 5px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	float: left;
	position: relative;
}

.spList:after,#countList:after {
	content: "";
	clear: both;
	display: block;
}

/*━━━━━━━━━━━━━━
■スペック
━━━━━━━━━━━━━━━*/
#sePack {
	width: 906px;
	height: 200px;
	margin: 0 auto;

}
#sePack li {
	width: 294px;
	height: 165px;
	float: left;
	margin: 0 3px;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.spBox {
	width: 860px;
	margin: 0 auto;
	padding-bottom: 35px;
	text-shadow: 0 0 2px rgba(189,186,174,0.75);
	clear: both;
}
.spBoxChara {
	background: url(../img/sd_chara.png) no-repeat bottom right;
}

.spM1,.stM1 {
	font-size: 14px;
	color: #876e4a;
}


.spM2,.stM2 {
	font-size: 18px;
	font-weight: bold;
	text-indent: 25px;
	color: #2f1d04;
	margin-bottom: 5px;
}
.stM3 {
	font-size: 14px;
	color: #2f1d04;
	margin: 0 0 5px 50px;
}
.caution1 {
	font-size: 14px;
	color: #FF7373;
	padding: 15px 0 20px 0;
}
#mascot {
	width: 241px;
	height: 293px;
	position: absolute;
	bottom: 20px;
	right: 20px;
}


#spec_table {
	font-size: 12px;
	width: 860px;
	margin: 20px auto 0 auto;
}
#spec_table tr {
}
#spec_table td,
#spec_table th {
	padding: 4px 10px;
	border: 1px solid #333;
}

#spTh1,
#spTh2 {
	width: 330px;
}
#spTh3 {
}
#spec_table th {
	text-align: center;
	background-color: rgba(4,69,180,0.9);
	color: #fff;
}
#spec_table td {
	background-color: rgba(255,255,255,0.2);
}

#spec_table #top_left {
	visibility: hidden;
	border: none;
}

#spec_table2 {
	font-size: 12px;
	color: #2f1d04;
	width: 860px;
	margin: 0 auto;
}
#spec_table2 tr {
}
#spec_table2 td,
#spec_table2 th {
	padding: 4px 10px;
	border: 1px solid #333;
}

#sp2Th1 {
}
#sp2Th2,#sp2Th3,#sp2Th4,#sp2Th5,#sp2Th6 {
	width: 120px;
}
#spec_table2 th {
	text-align: center;
	background-color: rgba(4,69,180,0.9);
	color: #fff;
}
#spec_table2 td {
	font-size: 12px;
	text-align: center;
	background-color: rgba(255,255,255,0.2);
}