@charset "utf-8";
/* CSS Document */

/* =tags
-------------------------------------------------------------- */

body,h1,h2,h3,h4,ul,li,dl,dt,dd,table,tr,th,td,p,a,div,span,address,hr{margin:0;padding:0;}
ul,li{list-style:none;}
address,em{font-style:normal;}
div,img,a{border:none;}

html{width:100%;height:100%;overflow-y:scroll;}

body{
	width:100%;
	height:100%;
	color:#643;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	background:url(../../img/bg/al_foot_bg.jpg) repeat #efecea;
}

a{color:#8a0;transition:color 0.3s ease-in-out;}
a:link{outline:none;}
a:visited{outline:none;}
a:hover{color:#f66;outline:none;}
a:active{outline:none;}

hr{
	margin:60px 0 0 0;
	border-top:dashed 1px #bbb0aa;
	border-bottom:none;
	clear:both;
}

address{font-family:Arial, Helvetica, sans-serif;font-style:normal;}





/* =head
-------------------------------------------------------------- */

#head_wrap{
	width:100%;
	min-width:1200px;
	height:72px;
	background: url(../../img/bg/al_bg.jpg) repeat #fcfafb;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
	position:relative;
	z-index:10;
}

#head{margin:0 auto;width:1024px;height:72px;}

#head h1{padding:26px 0 0 0;width:117px;float:left;}

#head ul{
	margin:0 0 0 85px;
	padding:0 0 0 0;
	width:645px;
	height:72px;
	float:left;
}

#head ul li{float:left;}
#head ul li a{
	padding:0 6px;
	height:68px;
	border-bottom:solid 4px rgba(255,204,51,0);
	display:block;
	transition:all 0.3s ease-in-out;
}
#head ul li a img{display:block;}
#head ul li a:hover{border-bottom:solid 4px rgba(255,204,51,1);}

#head ul li.menu_to a{width:80px;}
#head ul li.menu_st a{width:101px;}
#head ul li.menu_ch a{width:149px;}
#head ul li.menu_dl a{width:144px;}
#head ul li.menu_lu a{width:111px;}
.top #head ul li.menu_to a{border-bottom:solid 4px rgba(255,204,51,1);}
.story #head ul li.menu_st a{border-bottom:solid 4px rgba(255,204,51,1);}
.character #head ul li.menu_ch a{border-bottom:solid 4px rgba(255,204,51,1);}
.download #head ul li.menu_dl a{border-bottom:solid 4px rgba(255,204,51,1);}
.special #head ul li.menu_sp a{border-bottom:solid 4px rgba(255,204,51,1);}
.lineup #head ul li.menu_lu a{border-bottom:solid 4px rgba(255,204,51,1);}

#head #head_lang{
	margin:0 0 0 81px;
	width:96px;
	height:72px;
	float:left;
}

#head button{
	margin:0;
	padding:0;
	height:72px;
	border:none;
	border-bottom:solid 4px rgba(204,102,51,0);
	background:transparent;
	transition:all 0.3s ease-in-out;
	cursor:pointer;
	float:left;
}
#head button:hover{border-bottom:solid 4px rgba(204,102,51,1);}
#head button img{display:block;}
#head button:active,
#head button img {position:relative;}
#head button::-moz-focus-inner{padding:0;border:none;}



/* =conthead
-------------------------------------------------------------- */

#conthead_wrap{width:100%;min-width:1200px;background:#695596;}

#conthead{
	width:100%;
	height:240px;
	min-width:1200px;
	position:relative;
}

#conthead h2 img{position:absolute;top:102px;}





/* =content
-------------------------------------------------------------- */

#content_wrap{
	width:100%;
	min-width:1200px;
	background:url(../../img/bg/al_bg.jpg) repeat #f9f6f3;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
	position:relative;
	z-index:10;
	clear:both;
}

#content{
	margin:0 auto;
	padding:90px 0 0 0;
	width:1024px;
	position:relative;
}

#cont_main,
#cont_main_s{margin:0 auto;}
#cont_main{width:1024px;}
#cont_main_s{width:512px;}

#cont_main_s h3{margin:0 0 0 -39px;}

#content strong{color:#c63;}
#content em{font-weight:bold;}

#content a img{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
#content a img:hover{filter:alpha(opacity=50);opacity:0.5;}





/* =top
-------------------------------------------------------------- */

.top #conthead{
	height:800px;
	background:url(../../img/ob/he_img_02.jpg) no-repeat top center;
	background-size:cover;
}
.top #conthead h2 img{top:31px;left:46px;}

@media screen and (min-width : 1200px) {
.top #conthead{padding-top:70%;width:100%;height:inherit;} 
}

@media screen and (min-width : 2000px) {
.top #conthead{
	margin:0 auto;
	padding-top:0;
	width:2000px;
	height:1400px;
	background:url(../../img/ob/he_img_l_02.jpg) no-repeat;
	background-size:auto;
} 
.top #conthead h2 img{top:61px;right:106px;}
}

.top #content{padding-top:78px;}

.top #content h1.to_logo{margin:0 auto;width:564px;height:134px;}
.top #content h2.to_date{margin:54px auto 0 auto;width:496px;height:44px;}
.top #content h2.to_date+p{margin:26px 0 0 0;text-align:center;line-height:200%;}
.top #content h2.to_date+p strong a{color:#c63;}
.top #content h2.to_date+p em a{color:#643;}
.top #content h2.to_date+p strong a:hover,
.top #content h2.to_date+p em a:hover{color:#f90;background:none;}
.top #content h2.to_date+p small{font-size:11px;color:#a76;}

.top #content #to_topixs_wrap{
	margin:68px 0 0 0;
	width:1024px;
	height:374px;
}

.top #content .to_topixs_m{
	margin:-14px 0 0 0;
	width:692px;
	height:374px;
	float:left;
}

.top #content dl{
	margin:14px 14px 0 0;
	width:332px;
	height:180px;
	position:relative;
	float:left;
}

.top #content dt{
	padding:10px 0 0 0;
	width:332px;
	height:26px;
	text-align:center;
	font-size:13px;
	position:absolute;
	bottom:0;
	left:0;
}

.top #content .to_twtl{
	width:330px;
	height:374px;
	border:solid 1px #bbb0aa;
	border-radius:3px;
	float:left;
}

/*
.top #content dl:first-child{width:678px;}
.top #content dl:first-child dt{width:678px;}
*/





/* =story
-------------------------------------------------------------- */

.story #conthead{background:url(../../img/bg/st_conthead_bg.jpg) no-repeat top center;background-size:cover;}
.story #conthead h2 img{margin:0 0 0 -51px;left:50%;}
.story #content{font-size:14px;}

.story #content .st_story p{margin:24px 0 0 0;line-height:250%;text-align:justify;}
.story #content .st_story h3+p{margin:36px 0 0 0;}
.story #content .st_story div{margin:24px 0 0 0;}
.story #content .st_story strong{color:#643;font-size:36px;line-height:185%;}

#cont_main_s .st_bg h3{margin-top:78px;}
#cont_main_s .st_bg img{margin:41px 0 0 0;border-radius:3px;}
#cont_main_s .st_bg dd{margin:12px 0 0 0;line-height:200%;text-align:justify;}




/* =character
-------------------------------------------------------------- */

/* =character_menu
------------------------------- */

.character #conthead{background:url(../../img/bg/ch_conthead_bg.jpg) no-repeat top center;background-size:cover;}
.character #conthead h2 img{margin:0 0 0 -97px;top:42px;left:50%;}

.character #conthead ul{
	margin:0 0 0 -366px;
	position:absolute;
	top:114px;
	left:50%;
	z-index:20;
}

.character #conthead li{
	margin:0 24px 0 0;
	width:84px;
	height:84px;
	position:relative;
	float:left;
}

.character #conthead li a{
	width:72px;
	height:72px;
	border:solid 6px #fcfbfa;
	border-radius:42px;
	transition:0.3s ease-in-out;
	display:block;
}
.character.ch_01 #conthead li.ch_menu_01 a,
.character.ch_02 #conthead li.ch_menu_02 a,
.character.ch_03 #conthead li.ch_menu_03 a,
.character.ch_04 #conthead li.ch_menu_04 a,
.character.ch_05 #conthead li.ch_menu_05 a,
.character #conthead li a:hover{border-color:#fc3;}

.character #conthead li a img{border-radius:36px;}

.character #conthead li .ch_menu_vol2{
	position:absolute;
	left:15px;
	top:92px;
}





/* =character_main
------------------------------- */

.character .ch_txt{
	margin:0 0 0 38px;
	width:474px;
	min-height:720px;
	position:relative;
	z-index:20;
}

.character .ch_txt h3{margin:-2px 0 0 -38px;}

.character #content dl{margin:10px 0 0 0;height:20px;}
.character #content dt{
	margin:0;
	padding:1px 9px 0 9px;
	height:19px;
	color:#fcfbfa;
	font-size:13px;
	background:url(../../img/bg/al_bg_bk.jpg) #643;
	border-radius:3px;
	display:inline-block;
	float:left;
}
.character #content dd{
	padding:2px 0 0 12px;
	font-size:18px;
	line-height:100%;
	float:left;
}

.character #content p img{margin:42px 0 0 0;display:block;}
.character #content hr{margin-top:29px;}
.character #content hr+p{margin:21px 0 0 0;line-height:250%;text-align:justify;}

.character .ch_img{position:absolute;z-index:15;}
.character.ch_01 .ch_img{top:-35px;right:90px;}
.character.ch_02 .ch_img{top:-15px;right:76px;}
.character.ch_03 .ch_img{top:-82px;right:85px;}
.character.ch_04 .ch_img{top:-40px;right:50px;}
.character.ch_05 .ch_img{top:-7px;right:140px;}





/* =download
-------------------------------------------------------------- */

.download #conthead{background:url(../../img/bg/dl_conthead_bg.jpg) no-repeat top center;background-size:cover;}
.download #conthead h2 img{margin:0 0 0 -91px;left:50%;}
.download #content h3{margin-top:-1px;}

#content p.dl_bt a{
	margin:48px auto 0 auto;
	padding:5px 0 0 0;
	width:312px;
	height:31px;
	color:#643;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	background:none;
	border-radius:20px;
	border:2px solid #643;
	transition:0.3s ease-in-out;
	display:block;
}

#content p a:hover{background:#fc3;}

.download #content hr{margin-top:90px;}





/* =lineup
-------------------------------------------------------------- */

/* =lineup_menu
------------------------------- */

.lineup #conthead{background:url(../../img/bg/lu_conthead_bg.jpg) no-repeat top center;background-size:cover;}
.lineup #conthead h2 img{margin:0 0 0 -60px;top:42px;left:50%;}

.lineup #conthead ul{
	margin:0 0 0 -216px;
	position:absolute;
	top:142px;
	left:50%;
	z-index:20;
}

.lineup #conthead li{
	margin:0 60px 0 0;
	width:187px;
	height:55px;
	position:relative;
	float:left;
}

.lineup #conthead li a{
	width:187px;
	height:55px;
	border-bottom:solid 4px rgba(0,0,0,0);
	transition:0.3s ease-in-out;
	display:block;
}
.lineup.li_01 #conthead li.li_menu_01 a,
.lineup.li_02 #conthead li.li_menu_02 a,
.lineup #conthead li a:hover{border-bottom:solid 4px rgba(255,255,255,1.00);}



/* =lineup_main
------------------------------- */

.lineup #content h1.to_logo{margin:0 auto;width:423px;height:111px;}
.lineup #content h3{margin-top:60px; clear:both;}

.lineup #content table{
	margin:39px auto 0 auto;
	text-align:center;
	border:solid 3px #643;
	border-radius:12px;
}
.lineup #content th,
.lineup #content td{padding:12px;border-left:solid 1px #630;border-top:solid 1px #643;}
.lineup #content tr:first-child th{border-top:none;}
.lineup #content tr th:first-child,
.lineup #content tr td:first-child{border-left:none;font-weight:bold;}

.lineup #content tr th+th,
.lineup #content tr td+td{background:#bdf;}
.lineup #content tr th+th+th,
.lineup #content tr td+td+td{background:#feb;}
.lineup #content tr th+th+th+th,
.lineup #content tr td+td+td+td{background:#fcb;}
.lineup #content tr th+th+th+th+th,
.lineup #content tr td+td+td+td+td{background:#cec;}
.lineup #content tr th+th+th+th+th{border-radius:0 9px 0 0;}
.lineup #content tr+tr+tr+tr+tr+tr td+td+td+td+td{border-radius:0 0 9px 0;}

.lineup #content td a{color:#643;}
.lineup #content td a:hover{color:#c63;}

.lineup #content ul.lu_ga{margin:29px 0 0 38px;height:131px;}
.lineup #content ul.lu_ga li{margin:0 0 0 18px;;float:left;}
.lineup #content ul.lu_ga li:first-child{margin-left:0;}
.lineup #content ul.lu_ga li img{border-radius:3px;}

.lineup #content table+p{
	margin-top:18px;
	text-align:center;
	font-size:11px;
	color:#a76;
	line-height:200%;
}

.lineup #content dl{
	margin:24px 0 0 38px;
	font-size:14px;
	font-weight:bold;
	clear:both;
}

.lineup #content dl:after {content:" ";display:block;clear:both;}
.lineup #content dd,
.lineup #content dt{float:left;}
.lineup #content dt{margin:0 6px 0 0;min-width:120px;}
.lineup #content dd{color:#843;}
.lineup #content dt+dd+dd{
	margin:3px 0 0 0;
	color:#643;
	font-size:12px;
	font-weight:normal;
	line-height:200%;
	clear:both;
}

.lineup #content p{margin:24px 0 0 38px;}
.lineup #content p strong{color:#843;font-size:48px;}
.lineup #content p+dl{margin-top:15px;}
.lineup #content p strong span{margin-left:-27px;}
.lineup #content hr{margin-left:38px;}
.lineup #content #cont_main+hr{margin-left:0;}





/* =contfoot
-------------------------------------------------------------- */

#contfoot{
	height:56px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

#contfoot ul{
	margin:22px 0 0 0;
	height:34px;
	float:right;
	display:block;
}
#contfoot ul:first-child{float:left;}
#contfoot ul li{margin:0 0 0 14px;float:left;}
#contfoot ul li span{margin:0 6px 0 0;color:#f90;}
#contfoot ul:first-child li{margin:0 0 0 6px;}
#contfoot ul li:first-child{margin-left:0;}
#contfoot ul li h2{font-size:11px;font-weight:normal;}
#contfoot ul li a{ color:#643;text-decoration:none;}
#contfoot ul li a:hover{color:#f90;}
#contfoot ul li.close a{color:#cba;}
#contfoot ul li.close span{color:#cba;}





/* =foot
-------------------------------------------------------------- */

#foot_wrap{
	width:100%;
	min-width:1200px;
	height:90px;
	clear:both;
}

#foot{margin:0 auto;width:1024px;height:90px;}

#foot .foot_twit,
#foot .foot_logo,
#foot h1+address{float:left;}

#foot .foot_twit{margin:35px 0 0 0;}
#foot .foot_logo{margin:30px 0 0 24px;}
#foot h1+address{margin:41px 0 0 24px;}

.info_bt,
.go_twit a,
.go_top a{
	width:42px;
	height:42px;
	background:#643;
	border-radius:21px;
	display:block;
	transition:background 0.3s ease-in-out;
	float:right;
}

.go_twit a{margin:24px 54px 0 0;float:right;}
.go_twit a:hover,
.go_top a:hover{background:#fc3;}

.info_bt{
	margin:24px 12px 0 0;
	width:auto;
	color:#f9f6f3;
	transition:width 0.3s ease-in-out;
	float:right;
	cursor:pointer;
}
.info_bt img,
.info_bt address{float:left;}
.info_bt address{height:42px;width:158px;display:none;}



/* =go_top
------------------------------- */

.go_top a{
	margin:0 -512px 0 0;
	position:fixed;
	bottom:24px;
	right:50%;
	z-index:50;
}





/* =modal
-------------------------------------------------------------- */

.modal_tm,
.modal_tv{color:#fff;display:none;position:relative;z-index:1000;}
.modalBody_tm,
.modalBody_tv{position:fixed;left:50%;top:50%;z-index:1000;}
.modalBK_tm,
.modalBK_tv{width:100%;height:100%;background:#000;position:fixed;z-index:999;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.80;}
.btns{cursor:pointer;}
.close{cursor:pointer;}
.modal_tm .modal_tv p{font-size:12px;text-align:justify;}

.top .modalBody_tm,
.top .modalBody_tv{width:640px;height:360px;}

.modal_c2{color:#fff;display:none;position:absolute;z-index:1000;width:100%;height:100%;}
.modalBody_c2{margin:3% 5%;width:90%;height:94%;position:fixed;z-index:1000; background: url(../../img/ob/to_krkr2_cs.png) no-repeat 50% 50%; background-size:contain;}
.modalBK_c2{width:100%;height:100%;background:#000;position:fixed;z-index:999;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.80;}

.btns_tm,
.btns_tv,
.btns_c2,
.modalBody_c2,
.modalBK_c2{cursor:pointer;}




/* =common
-------------------------------------------------------------- */

.red{color:#f66;}
.green{color:#8a0;}
.yellow{color:fb1;}
.black{color:#642;}

.clear{clear:both;}

.sh{
	box-shadow:2px 2px 6px rgba(1,0,0,0.25);
	-moz-box-shadow:2px 2px 6px rgba(1,0,0,0.25);
	-webkit-box-shadow:2px 2px 6px rgba(1,0,0,0.25);
}





/* =clearfix
-------------------------------------------------------------- */

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}