@charset "utf-8";

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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; }


img,abbr,acronym,fieldset { border: 0; }


body {
	color: #333;
	background-color: #FFF;
	height:100%;
	width:100vw;
	min-width:1000px;
	text-align: center;
	font-family: "FP-ヒラギノ明朝 ProN W3";
}
 

a:link { color: #CC0000 ;  text-decoration:underline }
a:visited { color: #CC0000 ;   text-decoration:underline } 
a:hover{ color: #CC0000 ; text-decoration:underline } 
a:active { color: #FFF; text-decoration:underline } 

html {-webkit-text-size-adjust:auto;}


.clearfix:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    height: auto;
    overflow: hidden;
}





#container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
}


#main {
	height:100%;
	height:100vh;
	position: relative;
	/*background-image:url(../img/pc/main02.jpg);*/
	background-position:center bottom;
	background-size:auto 100%;
	-moz-background-size:auto 100%;
	background-repeat:no-repeat;
	animation: translate2 1s; 
	animation-iteration-count: 1; 
	webkit-animation-iteration-count: 1; 
	-webkit-animation: translate2 1s;  /*Safari and Chrome: */		
}

.win #main,.mac #main,.win #main {

}


.ipad #main {
	background-size:auto 75%;
	-moz-background-size:auto 75%;
	background-position:50% 20%;	
}

@keyframes translate2
{
0%   {opacity: 0;}
50%   {opacity: 0;}
100% {opacity: 1;}
}

@-webkit-keyframes translate2
{
0%   {opacity: 0;}
50%   {opacity: 0;}
100% {opacity: 1;}
}


#main .logo {
	z-index: 9999;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 229px;
	background-image: url(../img/pc/logo01_bg.gif);
	background-repeat: repeat-x;
	background-position:bottom;	
	animation: translate 2s; 
	animation-iteration-count: 1; 
	webkit-animation-iteration-count: 1; 
	-webkit-animation: translate 2s;  /*Safari and Chrome: */
}

@keyframes translate
{
0%   {opacity: 0;}
50%   {opacity: 0;}
100% {opacity: 1;}
}

@-webkit-keyframes translate
{
0%   {opacity: 0;}
50%   {opacity: 0;}
100% {opacity: 1;}
}




#main .inner {
	width: 1000px;
	margin: 0 auto;
}
 
#main .logo ul {
	float: left;
}
 
#main .logo li {
	display: inline;
	margin-right: 1em;
	line-height: 50px;
}



#items {
	font-family: "FP-ヒラギノ明朝 ProN W3", FP-HiraMinProN-W3 ;
	width:100vw;
}


#items .title {
	height: 50px;
	background-color:#fe0000;
}


#items .cap {
	width: 920px;	
	margin: 105px auto 125px auto;
	text-align:left;
	font-size:17px;
	line-height:34px;
	letter-spacing:2.0px;
}

#items .engold {
	color:#ceac00;
	letter-spacing:2.0px;	
}

#items .en {
	letter-spacing:3.3px;
	color:#666;	
}

#items .lineup {
	width: 920px;
	margin:120px auto 0 auto;
}

#items .lineup .area_l {
	width: 430px;
	text-align:left;
	font-size:15px;	
	line-height:25px;
	letter-spacing:1.7px;	
	margin:0 30px 0 0;
	float:left;	
}

#items .lineup .area_r {
	width: 456px;
	margin:0;
	float:left;
}

#items .lineup .area_c {
	width: 920px;
	margin:90px 0;
	float:left;
}

#items .lineup .area_c img {
	float:left;
}

#items li {
	list-style:none;
}


.keyword {
	height: 50px;
    font-size: 18px;
	font-weight:bold;
	margin:100px 0;
}



#relaco_fade {
	z-index:1;
	width: 456px;
	height: 660px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#relaco_fade img {
	position:absolute;
	left:0;
	top:0;
}





.bx-wrapper {position: relative;}
 
.bx-prev {
	position: absolute;
	text-indent: -9999px;
	background-image:url(../img/pc/prev.gif);
	top: 265px;
	left: -60px;
	width: 52px;
	height: 52px;
}

.bx-next {
	position: absolute;
	text-indent: -9999px;
	background-image:url(../img/pc/next.gif);
	top: 265px;
	right: -60px;
	width: 52px;
	height: 52px;
}

.bx-start { display:none;}
.bx-stop { display:none;}
.bx-default-pager { display:none;}




#page_top {
	z-index:999;
    right: 50px;
	bottom: 20px;
	position:fixed;
}

#page_top a {
	text-decoration: none;
	color: #fff;
	width: 60px;
	height: 60px;
	display: block;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}



#footer {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "FP-ヒラギノ角ゴ ProN W3" , FP-HiraKakuProN-W3;
	height: auto;
	text-align: center;
	margin-top: 0px;
	background-image: url(../img/pc/b_bg.gif);
	background-color: #9c9c9c;
	background-position: top;
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	color: #FFF;
	line-height: 28px;
	vertical-align: middle;
}


#footer .unitel {
    font-size: 27px;
}

#footer .copy {
    font-size: 12px;
	line-height: 20px;
	color:#000;
}