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

.unchangeclass01{
	margin-left:0;
	transition: all 0.6s ease-out 0ms;
}

.changeclass01{
    margin-left: -180px;
}

.unchangeclass02{
	margin-left:0;
	transition: all 0.6s ease-out 0ms;
}

.changeclass02{
    margin-left: 180px;
	transform: rotate(30deg);
}

.unchangeclass03{
	opacity:0;
	transition: all 0.6s ease-out 0ms;
}

.changeclass03{
	opacity:1;
}

.artist_photo h3{
	font-size:45px;
	margin:100px 0 80px 0;
	font-weight:bold;
	color:#000;
}

.kuwasihiku{
	margin:70px 0 0 0;
	padding:0 0 70px 0;
}

a, a:hover, a:active{
	text-decoration:underline;
	color:#fff;
}

.a-sha{
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.artist div p{
	display: block;
	background: rgba(0,0,0,.5);
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
}

.a01{
	background:url("../img/01.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a02{
	background:url("../img/02.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a03{
	background:url("../img/03.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a04{
	background:url("../img/04.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a05{
	background:url("../img/05.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a06{
	background:url("../img/06.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a07{
	background:url("../img/07.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a08{
	background:url("../img/08.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a09{
	background:url("../img/09.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a10{
	background:url("../img/10.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a11{
	background:url("../img/11.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a12{
	background:url("../img/12.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a13{
	background:url("../img/13.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a14{
	background:url("../img/14.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a15{
	background:url("../img/15.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a16{
	background:url("../img/16.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a17{
	background:url("../img/17.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a18{
	background:url("../img/18.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a19{
	background:url("../img/19.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a20{
	background:url("../img/20.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a21{
	background:url("../img/21.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a22{
	background:url("../img/22.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a23{
	background:url("../img/23.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a24{
	background:url("../img/24.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}
.a25{
	background:url("../img/25.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}
.a26{
	background:url("../img/26.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}
.a27{
	background:url("../img/27.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}


.a28{
	background:url("../img/28.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}


.a29{
	background:url("../img/29.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}


.a30{
	background:url("../img/30.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}


.a31{
	background:url("../img/31.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}


.a32{
	background:url("../img/32.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a33{
	background:url("../img/33.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a34{
	background:url("../img/34.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}


.a35{
	background:url("../img/35.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}

.a36{
	background:url("../img/36.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}
.a37{
	background:url("../img/37.jpg");
	height:300px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color:#000;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}
body{
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing:0.05em;
}

h1{
	font-size:80px;
	color:#16b5eb;
}

h2{
	font-size:40px;
	display:inline;
	margin:10px;
}

h2,h3,h4,h5,h6,p{
	color:#fff;
}

.white{
	color:#fff;
}

.wrapper_top_color{
	background:#222;
}

.wrapper_top{
	max-width:780px;
	width:100%;
	text-align:center;
	margin:auto;
}

.title{
	padding:60px 0;
	color:#213d71;
}

.title small{
	color:#213d71;
}	

.wrapper_top .jkt{
	max-width:680px;
	width:100%;
	height:auto;
	margin:0 auto;
	padding-left:60px;
}

.img_jkt{
	position:absolute;
	width:600px;
	z-index:100;
}

.img_disk{
	position:relative;
	width:570px;
	padding:15px 0;
}

.soundcloud{
	margin:70px auto 50px;
	max-width:680px;
	width:100%;
}

.yt{
	max-width:680px;
	width:100%;
	margin:0 auto 200px;
}

.base{
	background:#9a8cc2;
	color:#fff;
	padding:3px 8px;
	margin:10px 10px 10px 0;	
	letter-spacing:0.2em;
}
.base02{
	background:#82c6e9;
	color:#fff;
	padding:3px 8px;
	margin:10px 10px 10px 0;	
	letter-spacing:0.2em;
}
.album_info{
	margin:30px 0 50px 0;
	width: 100%;
}

.album_info p{
	font-weight:bold;
	color: #D7D7D7;
	font-size:16px;
	line-height:1.2em;
}

.img_list{
	width: 1300px;
	max-width: 100%;
}

.shousai{
	padding: 50px 0 100px;
}

.headline{
	border-bottom:3px solid;
	border-top:3px solid;
	padding:20px;
	font-size:26px;
	font-weight:bold;
	margin:0 0 30px 0;
}

.info{
	margin:100px 0 100px 0;
	padding:0 0 50px 0;
	border-bottom:2px solid #162f5e;
}

.banner{
	margin:0 0 100px 0;
}

.shop ul{
	list-style:none;
}

.shop_list{
	margin:50px 0;
}

.button{
	margin:5px 0;
	background:#ccc;
	width:100%;
	padding:10px;
	display:block;
}

.shop_list a,.shop_list a:visited, .shop_list a:active {
	color:#162f5e;
	transition: all .2s ease;
}

.shop_list a:hover{
	color:#162f5e;
	text-decoration:none;
	letter-spacing:0.1em;
	transition: all .2s ease;
	background:#ac977c;
	color:#fff;
}

.go_official p{
	font-size:18px;
	border:2px solid;
	padding:10px;
	margin:0 auto;
	width:300px;
}

.go_official{
	margin:0 0 100px 0;
}

.go_official a{
	text-decoration:none;
	transition: all .2s ease;
}

.go_official a:hover{
	text-decoration:none;
	letter-spacing:0.1em;
	transition: all .2s ease;
}

.icon img{
	max-height:80px;
	margin:10px 10px 50px 10px;
}

@media only screen and (max-width:980px){

h1{
	font-size:50px;
}

h2{
	font-size:16px;
	display:inline;
	margin:10px;
}

.title span{
	font-size:34px;
}

.unchangeclass01{
	margin-left:0;
	transition: all 0.6s ease-out 0ms;
}

.changeclass01{
    margin-left: -80px;
}

.unchangeclass02{
	margin-left:0;
	transition: all 0.6s ease-out 0ms;
}

.changeclass02{
    margin-left: 80px;
	transform: rotate(30deg);
}

.wrapper_top{
	padding:35px;
}

.img_jkt{
	position:absolute;
	width:200px;
	z-index:100;
}

.img_disk{
	position:relative;
	width:180px;
	padding:15px 0;
}


.artist_photo h3{
	font-size:30px;
	margin:100px 0 3
	80px 0;
	font-weight:bold;
	color:#000;
}




}