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

html {
	font-size: 14px;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.8;
	text-align: left;
	color: #fff;
}
body {
	background-image: url(../img/bg.png);
	background-size: cover;
	width:100%;
	}
#wrapper {
	position: relative;
	padding:50px 0px 0px;
	width: 980px;
	margin:0px auto;
}
#header {
	width:860px;
	margin:0px auto;
	margin-bottom:30px;
}
	
#sns{
	margin-bottom:30px;
	width:100%;
	text-align:right;
	}

#main {
	background-image: url(../img/content_bg.png);
	position: relative;
	width:870px;
	height:auto;
	margin:0px auto;
	padding:90px 30px 50px 30px;
	}
	
#gNavi {
	width:810px;
	position: absolute;
	top: -90px;
	right: 30px;
	}

#gNavi ul {
	width:810px;
	margin:0px auto;
	padding:0px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	clear:both;
	}
	
	
#gNavi ul li{
	width:180px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	list-style:none;
	text-align:center;
	float:left;
	
	
}

#gNavi ul li:first-child{margin-right:15px;}
#gNavi ul li:nth-child(2){margin:0 15px 0 15px;}
#gNavi ul li:nth-child(3){margin:0 15px 0 15px;}
#gNavi ul li:last-child{margin-left:15px;}
#gNavi ul li img{max-width:100%; width:100%;}

#gNavi ul li a img{
	position: relative;
	top:0px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#gNavi ul li a img:hover{
	position: relative;
	top:-30px;
	opacity:1.0 !important;
}

.artist01{
	width:810px;
	margin:0px auto;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	clear:both;
}

.artist01 li{
	position:relative;
	width:270px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	list-style:none;
	text-align:center;
	float:left;
}

.artist01 li:first-child{padding-right:20px;}
.artist01 li:nth-child(2){padding:0 10px;}
.artist01 li:last-child{padding-left:20px;}
.artist01 li img{
	max-width:100%;
	width:100%;
		
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

.artist01 li img:hover{
	opacity:0.6;
	}


.artist02{
	width:540px;
	margin:0px auto;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	clear:both;
}

.artist02 li{
	position:relative;
	width:270px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	list-style:none;
	text-align:center;
	float:left;
}

.artist02 li:first-child{padding-right:20px;}
.artist02 li:nth-child(2){padding:0 10px;}
.artist02 li:last-child{padding-left:20px;}
.artist02 li img{
	max-width:100%;
	width:100%;
		
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

.artist02 li img:hover{
	opacity:0.6;
	}


#toTOP {
	width:75px;
	heigt:75px;
	position: absolute;
	bottom: -35px;
	right: 30px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}

#toTOP:hover{
	width:75px;
	height:75px;
	position: absolute;
	bottom: -15px;
	right: 30px;
}

#toTOP img:hover{opacity:1.0 !important;}

#copyright{
	text-align:center;
	padding:50px 0px;
	margin:0 auto;
	}
	
#thikbox{
	padding:30px;
}

.info {
	float:left;
	width:320PX;
}

#thikbox figure{
	width:320px;
	margin-bottom:20px;
}

#thikbox figure p.pic{
	width:320px;
	margin-bottom:20px;
}

#thikbox figure p.logo{
	width:320px;
}

#thikbox figure p.logo img{
	margin:0 auto;
	display:block;
}


.info ul {
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style: none;
}

.info ul li a {
	text-decoration:underline;
}

.info ul li a:hover {
	text-decoration:none;
}


ul.pv li:nth-child(2) {
	background: url(../img/ico_youtube.png) 0% 45% no-repeat !important;
	padding: 0 0 0 25px;
	}
ul.sns li:nth-child(2) {
	background: url(../img/ico_tw.png) 0% 45% no-repeat !important;
	padding: 0 0 0 20px;
	}
ul.sns li:nth-child(3) {
	background: url(../img/ico_fb.png) 0% 45% no-repeat !important;
	padding: 0 0 0 20px;
	}
ul.hp li:nth-child(2) {
	background: url(../img/ico_hp.png) 0% 45% no-repeat !important;
	padding: 0 0 0 20px;
	}

.caption {
	float:left;
	width:295px;
	margin-left:30px;
}