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

*{margin:0px;padding:0px;}

body{
background:url(../images/index/bg_body.gif);
margin:0px;
padding:0px;
line-height:130%;
font-family:"メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
font-size:100%;
color:#1c1c1c;
}

h1,h2,h3,h4,h5,h6,ul,li,ol,dd,dt,dl,form,p{
margin:0px;
padding:0px;
}

ul,ol,li{
list-style:none;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clr{clear:both;}
.vanish{text-indent:-9999px;}
.attn{color:#c00;}
.mgn-none{margin:0px 0px 0px 0px;}
.mgn-r10{margin-right:10px;}
.mgn-l10{margin-left:10px;}
.mgn-t10{margin-top:10px;}
.mgn-t24{margin-top:18px;}
.mgn-b10{margin-bottom:10px;}

#wrapper{
width:996px;
margin:0px auto;
}

#wrapper h1{background:url(../images/index/img_index.jpg) no-repeat;background:url(../images/index/top996-653.jpg) no-repeat;width:996px;height:575px;margin:0px 0px 30px;}

#wrapper h1 + p {
	background: url(../images/index/bg_enter.png) no-repeat;
	padding-top: 20px;
	width: 500px;
	height: 170px;
	margin: 0 auto 40px;
}

#wrapper h1 + p a {
	display: block;
	background: url(../images/index/btn_enter.png) no-repeat;
	width: 341px;
	height: 135px;
	margin-left: 170px;
}

#wrapper h1 + p a:hover {
	background-position: 0 -135px;
}

#wrapper h1 + p + p {
	text-align: center;
}

#wrapper h1 + p + p a {
	color: #FFF;
	font-size: 18px;
	letter-spacing: 0.4em;
}

#wrapper h1 + p + p + p {
	color: #FFF;
	background: url(../images/index/icon_under.png) no-repeat left center;
	font-size: 13px;
	letter-spacing: 0.4em;
	padding-left: 55px;
	width: 405px;
	margin: 20px auto 0;
}

#wrapper .youtube{
width:640px;
margin:0px 30px 30px 0px;
float:left;
}

#wrapper .twitter{
background:#fff;
width:326px;
margin:0px 0px 30px;
float:left;
}

#wrapper .txt{
clear:both;
background:#fff;
margin:30px 0px;
padding:15px;
border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 
}

#wrapper .txt h2{
background:url(../images/index/icon_caption.gif) no-repeat;
margin:0px 0px 20px 0px;
font-size:24px;
padding:6px 0px 5px 35px;
}

#wrapper .txt p{
margin:0px 3px 10px;
font-size:80%;
}

/*****sp*******/
@media screen and (max-width: 480px) and (orientation: portrait) {
	#wrapper {
		width: 95%;
		margin: 0 auto;
	}
	#wrapper h1 {
		width: 100%;
		height: 55vw;
		background-size: contain;
		margin-top: 2.5vw;
	}
	#wrapper h1 + p {
		width: 100%;
		height: auto;
		background-size: contain;
		background-position: 2vw 0vw;
	}
	#wrapper h1 + p a {
		width: 72%;
		height: 27vw;
		background-size: cover;
		margin-left: 26vw;
	}
	#wrapper h1 + p a:hover {
		background-position: 0 0;
	}
	#wrapper h1 + p + p + p {
		width: 85%;
		padding-left: 14vw;
		font-size: 3vw;
    	letter-spacing: 0.2em;
	}
	#wrapper h1 + p + p a {
		font-size: 3.5vw;
    	letter-spacing: 0.2em;
	}
	#wrapper .txt h2 {
		margin: 0 0 3vw 0;
    	font-size: 5.5vw;
    	padding: 0 0 0 7vw;
    	line-height: 1.4;
    	background-size: 7%;
    	background-position-y: 0.2vw;
	}
}