/*-----------------------------------------------------	*/
/*	for all	- 1000px以上の記述　*/
/*-----------------------------------------------------	*/

/* ----------------------------------
   General Settings
---------------------------------- */
body {
	height: 100%;
font-family:"Malgun Gothic","Yoon Gothic",  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
/*color: #31404A;*/
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.4;
	background: #000000;
/*	background: #004a46;*/

    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-style: -ms-autohiding-scrollbar;
}
a:focus {
	outline: none;
}
a {
    -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.mb30 {
	margin-bottom: 30px;
}
.mb15 {
	margin-bottom: 15px;
}

.fs80 {
font-size: 80%;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}




/* ------- img ------- */
img {
	vertical-align: bottom;
}
img.bottom {
	vertical-align: top;
}

.sp_only {
	display: none;
}
.pc_only {
	display: inherit;
}

.center_939 {
	width: 939px;
	margin-left: auto;
	margin-right: auto;
}
.center_720 {
	width: 720px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
.center_675 {
	width: 675px;
	margin-left: auto;
	margin-right: auto;
}
.center_544 {
	width: 544px;
	margin-left: auto;
	margin-right: auto;
}

/* ------- text ------- */
h1 {
	display: none;
}

h2 {
	width: auto;
	margin: 0px auto;
	clear: both;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#midashi01 {background: url(../img/h2_01.png) right top no-repeat; height: 118px;}
#midashi02 {background: url(../img/h2_02.png) left top no-repeat ; height: 112px;}
#midashi03 {background: url(../img/h2_03.png) right top no-repeat ; height: 108px;}
#midashi04 {background: url(../img/h2_spec.png) center top no-repeat; height: 120px;}
#midashi05 {background: url(../img/h2_lemited.png) center top no-repeat; height: 130px;}

span.none {
	display: none;
}

/* ------- bg ------- */
#wrap_bottom {
	width: 100%;
	padding-bottom: 30px;
	background: url(../img/bottom_bg.jpg) center bottom no-repeat;
	overflow: hidden;
}

#wrap_top {
	width: 100%;
	background: url(../img/top_bg.jpg) center top no-repeat ;
}

/* ------- header ------- */
#header {
	width: 1000px;
	height: auto;
    z-index: 300;
	position: absolute;
	top: 0px;
	left: 0px;
}
#header #sega_logo {
	float: left;
	margin-top: 8px;
}
#header #pf_logo {
	float: right;
	margin-top: 6px;
}

/* ------- title-key ------- */
#title-key {
	width: 1000px;
	height: 780px;
	margin: 0px auto 5px auto;
	position: relative;

}

#spec {
	width: 858px; 
	height: 323px; 
	margin: 0px auto 40px auto;
	background: url(../img/spec_bg.png) center top no-repeat;
	/*position: absolute;*/
	bottom: 0px;
	left: 150px;
}

#lemited {
	width: 858px; 
	height: 540px; 
	margin: 0px auto 40px auto;
	background: url(../img/lemited_bg.png) center top no-repeat;
	/*position: absolute;*/
	bottom: 0px;
	left: 150px;
}


/* ------- footer banner ------- */
#banner {
	width: 945px;
	margin: 30px auto 120px 32px;
	overflow: hidden;

}
#banner li {
	float: left;
	width: 226px;
	margin: 0px 10px 0px 0px;
}


/* ------- media ------- */
#media {
	width: 870px;
	height: 400px;
	margin: 0px auto 40px;
	background: url(../img/media_bg01.jpg) center top no-repeat ;
	position: relative;
}

div.movie01 {
	width: 435px;
	height: 276px;
	background: url(../img/movie01.png) center -276px no-repeat ;
	overflow: hidden;
	position: absolute;
	right: 50%;
	top: 118px;

}

.movie01_text {
	width: 415px;
	margin-left: 455px;
	margin-top: 1.5em;
	line-height: 1.8em;
}

iframe {
	width:760px;
 	height:428px;
	 }

#catch {
	width: 554px;
	height: 157px;
}


/* ------- main ------- */
#wrap {
	width: 1000px;
	margin: 0px auto 0px auto;
}

/* ------- column ------- */
#both_column01 {
	width: 870px;
	height:auto;
	margin:0px auto 20px;
	clear: both;	
	background: url(../img/column_bg02.jpg) center 10px no-repeat;
}

#both_column01 img  {
	width: 435px;
	margin-top:1em;
}

#both_column02 {
	width: 870px;
	height: 400px;
	margin:0px auto 20px;
	clear: both;	
	background: url(../img/column_bg03.jpg) center 10px no-repeat;
}

.ul_pic_list {
	width: 870px;
	margin: 0px auto;
	overflow: hidden;
}

.ul_pic_list li {
	width: 435px;
	float: left;
	line-height: 1.7em;
}

/* ------- footer ------- */
#wrap2 {
	font-size: 11px;
	line-height: 1.6em;
	width: 100%;
	background: url(../img/footer_bg.jpg) center top no-repeat;
	color: #fff;
	
}

footer {
	width: 945px;
	margin: 0px auto;
	padding-top: 30px;
	padding-bottom: 40px;
	position: relative;
	text-align: left;

}
footer a {
	color: #FC3;
}
footer a:hover {
	color: #FF0;
}

#co-logo {
	margin: 0px auto 10px;
}

#co-logo img{
	margin-right: 20px;
	height: 45px;
	
}

/*-----------------------------------------------------	*/
/*	for - 800px以下の記述　*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 800px) {
body {
	font-size: 20px;
}
.sp_only {
	display: inherit;
}
.pc_only {
	display: none;
}
/* ------- img ------- */

/* ------- text ------- */
h2 {
	width: 680px;
}

#midashi01 {background: url(../img/h2_01_sp.png) center top no-repeat  ; height: 118px;}
#midashi02 {background: url(../img/h2_02_sp.png) center top no-repeat ; height: 112px;}
#midashi03 {background: url(../img/h2_03_sp.png) center top no-repeat  ; height: 108px; margin-bottom:10px;}
#midashi04 {background: url(../img/h2_spec.png) center top no-repeat ; height: 120px;}
#midashi05 {background: url(../img/h2_lemited_sp.png) center top no-repeat ; height: 112px; margin-bottom:10px;}


/* ------- bg ------- */
#wrap_bottom {
	background: url(../img/bottom_bg_sp.jpg) center bottom no-repeat;
	overflow: hidden;
}

#wrap_top {
	background: url(../img/top_bg_sp.jpg) center top no-repeat ;
}
/* ------- header ------- */
#header {
	width: 720px;
		top: 0px;
	left: 0px;
}
#header #sega_logo {
	float: left;
	margin-right: 20px;
	margin-top: 6px;
}
#header #am2_logo {
	float: right;
	margin-top: 6px;
}
/* ------- title-key ------- */
#title-key {
	width: 720px;
	height: 830px;
	margin: 0px auto;
	position: relative;
}

#spec {
	width:700px; 
	height: 374px; 
	margin: 0px auto 40px auto;
	background: url(../img/spec_bg_sp.png) center top no-repeat ;
}

#lemited {
	width: 700px; 
	height:1050px; 
	margin: 0px auto 40px auto;
	background: url(../img/lemited_bg_sp.png) center top no-repeat ;
}


/* ------- footer banner ------- */
#banner {
	width: 720px;
	margin: 20px 0px 130px 42px;
}
#banner li {
	width: 140px;
	margin: 0px 25px 0px 0px;
}


/* ------- media ------- */
#media {
	width: 720px;
	height: auto;
	background: none;
	margin: 10px auto 0px auto;
}

iframe {
	width:560px;
 	height:315px;
	margin:40px auto 0px;
	 }

#catch {
	width: 686px;
	height: 78px;
	margin: 0px auto;
}

/* ------- movie_adv ------- */

div.sp_movie01 {
	width: 680px;
	height: 395px;
	background: url(../img/movie_bg_sp.png) center top no-repeat ;
	margin: 0px auto 20px;
	padding-top: 0px;
	text-align: center;
}

.movie01_text {
	width:680px;
	margin: 10px auto ;
	line-height: 1.7em;
	font-size:120%;
}


/* ------- main ------- */
#wrap {
	width: 720px;
	padding-top: 20px;
}

/* ------- column ------- */
#both_column01,
#both_column02  {
	width: 680px;
	height: auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
/*	background:#ff4400;*/
}

#both_column01 img  {
	width: 620px;
}

#both_column02 p {
	width: 680px;
	margin: 0px auto 1em;
	line-height: 1.7em;
	font-size:120%;
}

#both_column01 a,
#both_column02 a  {
pointer-events: none;
}

.ul_pic_list {
	width: 680px;
	margin: 0px auto;
	overflow: hidden;
/*	background:#ff6600;*/
}

.ul_pic_list li {
	width: 680px;
	float: none;
	text-align: center;
}

.ul_pic_list li p {
	text-align: left;
}


/* ------- footer ------- */
#wrap2 {
	font-size: 20px;
	background: url(../img/footer_bg_sp.jpg) center top no-repeat;
}

footer {
	width: 700px;
	text-align: left;
	padding-top: 40px;
	padding-bottom: 50px;
}