/* デフォルト */
* {
	margin: 0; padding: 0;  
	font-family: 'Georgia','Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Verdana,Sans-serif;
	font-size:14px;
	line-height:160%;
	letter-spacing:1px;
	font-family: 'Poiret One', cursive;
}
#info img{
  border-radius: 8%;
  -webkit-border-radius: 8%;
  -moz-border-radius: 8%;
}
body{
    overflow-y: scroll;
	background-color:#000;
	  -webkit-text-size-adjust: 100%;
}
.sp{
	color:#999;
	margin:40px auto;
}
.sp img{
	width:100%;
	margin:10px auto;
	height:auto;
}
.none{
	display:none;
}
.none2{
	display:none;
}
.key{
	display:none;
}
@media screen and (min-width: 1px) and (max-width: 374px) {
#topimg{
	width:100%;
	height:320px;
	background:url(./img/journey_jacket_front.jpg) no-repeat right top;
	background-size:100%;

		opacity:1;
}
}
@media screen and (min-width: 375px) and (max-width: 413px) {
#topimg{
	width:100%;
	height:375px;
	background:url(./img/journey_jacket_front.jpg) no-repeat right top;
	background-size:100% auto;

		opacity:1;
}
}
@media screen and (min-width: 414px) and (max-width: 479px) {
#topimg{
	width:100%;
	height:414px;
	background:url(./img/journey_jacket_front.jpg) no-repeat right top;
	background-size:100% auto;

		opacity:1;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
#topimg{
	position:absolute;
	width:100%;
	height:100%;
	background:url(./img/journey_jacket_front.jpg) no-repeat right top;
	background-size:cover;

		opacity:1;
}
}


@media screen and (min-width: 768px) and (max-width: 1023px) {
#topimg{
	position:absolute;
	width:768px;
	height:768px;
	background:url(./img/journey_jacket_front.jpg) no-repeat right top;
	background-size:cover;

		opacity:1;
}
}




#center{
	width:100%;
	background:#2C2E2D;
	overflow:hidden;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
	border-top:1px solid #BBB;
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
#center{
	top:100%;
	position:absolute;
	background:#2C2E2D;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
	border-top:1px solid #BBB;
}
}

#contents{
	width:100%;
	margin:0 auto;
}
#chara{
	vertical-align:top;
	opacity:0.9;
	display:inline-block;
	width:100%;
	height:100%;
  border-radius: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 100%;
  -webkit-animation: fadein2 3s linear 0s 1;
	-moz-animation: fadein2 3s linear 0s 1;
	-o-animation: fadein2 3s linear 0s 1;
	-ms-animation: fadein2 3s linear 0s 1;
}
#chara img{
	width:90%;
	height:auto;
  border-radius: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 100%;

}
#tracklist{
	display:inline-block;
	text-align:center;
	vertical-align:top;
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
}
#tracklist ul{
	vertical-align:middle;
	width:100%;
	margin:0 auto;
}
#tracklist li{
	list-style:decimal;
	color:#888;
	font-size:14px;
}





@media screen and (min-width: 415px) and (max-width: 1023px) {
#chara img{
	width:50%;
	height:auto;
  border-radius: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 100%;

}
}
}


#music{
	opacity:.7;
}
#info{
	text-align:center;
	margin-top:30px;
	font-size:14px;
	font-weight:normal;
	color:#666;

}
big{
	font-size:26px;
}
small{
	font-size:14px;
}
#footer{
	margin-top:30px;
	padding:30px 0px;
	width:100%;
	color:#666;
	text-align:center;
	background:#111;
}
#footer a{
	color:#BBB !important;
}
#share{
	margin-top:30px;
}
#share li{
	display:inline-block;
	margin:0 10px;
	color:#666;
	vertical-align:middle;
}
#share li img{
  border-radius: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 100%;
	opacity:.7;
	transition:.2s;
	width:36px;
	height:36px;
}
#share li img:hover{
	opacity:.9;
	transition:.3s;
}
.products{
	display:none;
	border-top:1px solid #222;
	margin-top:100px;
	padding-top:100px;
	text-align:left;
	margin-left:50px;
}
.products li{
	display:inline-block;
	margin:0 25px;
	color:#666;
	font-size:18px;
	vertical-align:middle;
}

.products li small{
	font-size:14px;
	font-weight:normal;
}
.products li img{
	opacity:.8;
}
.products li img:hover{
	opacity:1;
	transition:.2s;
}
.products a{
	color:#666;
	font-size:16px;
	transition:.2s;
}
.products a:hover{
	color:#BBB;
	transition:.3s;
}
.products .right{
	width:100%;
}


#main_banner{
background:#000;
color:#BBB;
font-size:15px;
width:900px;
margin:20px auto;
}
#main_banner textarea{
	background:#333;
	color:#BBB;
	font-size:15px;
	font-weight:normal;
	padding:5px;
	width:100%;
	height:100px;
	line-height:120%;
	letter-spacing:100%;
	font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic ProN','MS PGothic', Verdana,Sans-serif;
}
#main_banner p{
	margin:50px 5px;
}
.to-top{
	position:relative;
	margin-bottom:-30px;
	bottom:-15px;
	right:5%;
	text-align:right;
}
.to-top img{

  border-radius: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 100%;
	opacity:.3;
	transition:.2s;
  width:36px;
}
.to-top img:hover{
	opacity:.5;
	transition:.3s;
}
#mov{
	margin:25px auto;
}
#mov iframe{
	width:320px;
	height:200px;
}