/* CSS Document */
@media (min-width: 640px) {
#entrance_site{
	color:#fff;
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top, #000000 0%, #4c4c4c 40%, #4c4c4c 65%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #000000 0%,#4c4c4c 40%,#4c4c4c 65%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #000000 0%,#4c4c4c 40%,#4c4c4c 65%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	padding: 3% 0;
	}
#entrance_site #entranceInner {
	background: rgba(0, 0, 0, 0.5);
	width:95%;
	margin: 0 auto;
	box-shadow:0px 0px 10px 0px #636363;
	padding: 5% 0;
	}
#entrance_site{
	color:#fff;
}

a:hover { opacity:0.8;}

body#top div#entrance_site #footerTK { margin: 50px 0; }
body#top div#entrance_site #footerTK #btnOfficial{
	/*position: fixed;*/
	width:100%;
	margin: 0 auto;
	text-align: center;
}
body#top div#entrance_site .official{
	display: inline-block;
	width:200px;
	height: 51px;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	margin-right: 0;
	background: #888;
	color: #fff;
}
body#top div#entrance_site #footerTK #btnOfficialSP { display: none; visibility: hidden;}
/*-- mainTitle --*/
body#top div#entrance_site #headerTK{
	/*width: 1200px!important;
	margin: 0 auto!important;
	text-align:right!important;*/
}
body#top div#entrance_site #headerTK .tkMain {}
body#top div#entrance_site #headerTK .tkMain .tkMainInner {margin:0 auto; padding:0 0 50px 0;}

body#top div#entrance_site #headerTK .tkMain .tkMainInner p.ttl { color: #fff; text-align: center; font-size: 1.2rem; line-height: 3em; margin-bottom: 50px;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner p.ttl span.name { font-size: 3.5rem; font-weight: bold; letter-spacing: 0.5rem; line-height: 2em;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner p.ttl span.date { font-size: 2rem; font-weight: bold; letter-spacing: 1rem; line-height: 2em;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner p.lead { color: #d6d6d6; font-size: 1rem; /*font-weight: bold;*/ text-align: center; margin: 5% 0; /*text-shadow:0px 0px 20px #6d6d6d; line-height: 4rem;*/}
body#top div#entrance_site #headerTK .tkMain .tkMainInner p.lead img { margin-bottom: 1%; width: 30%;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner p.lead span { color: #fff; font-size: 1.0rem; font-weight: normal; text-align: center; margin-left: 1%; text-shadow:0px 0px 10px #6d6d6d;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner div.interview { font-size: 1.3rem; display: flex; width: 90%; margin: 0 auto; text-align: center;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner div.interview p:first-child { font-size: 1.3rem; color: #ffffff; background: #9e8539; padding: 1%; width:80%;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner div.interview p:nth-child(2) { background: #fff; color:#9e8539; width: 20%; padding: 1% 0;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner div.interview a.btnInterview { color:#9e8539; text-decoration: none; display: inline-block; padding:0 1%;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner div.movie { position:relative; width:70%; height:0; padding-top:75%; margin: 0 auto;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner div.movie iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner .addInfo { background: #fff; color: #000; display: block; width: 90%; margin: 0 auto 5% auto; text-align: center; padding: 2% 0;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner .addInfo h4 { border: none; color: #9e8539; margin: 0; font-size: 1.8em;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner .addInfo p.addData { font-size: 1.3rem; color: #fff; background: #9e8539; width:70%; margin: 0 auto 2% auto;}
body#top div#entrance_site #headerTK .tkMain .tkMainInner .addInfo p a { color: #9e8539; text-decoration: underline;}


/*-- disc --*/
body#top div#entrance_site .tkDisc { text-align: center; color: #000;}
body#top div#entrance_site .tkDisc .tkDiscInner {margin:0 auto 5% auto; text-align:center; padding: 0 0 5% 0; width: 90%; color: #c7c7c7; font-weight: bold;}
body#top div#entrance_site .tkDisc .tkDiscInner .tkDiscInnerItem { margin-bottom: 5%; display: flex; background: rgba(255,255,255,0.2); padding: 3%;}
body#top div#entrance_site .tkDisc .tkDiscInner .tkDiscInnerItem span.soldout { background: #f00; color: #fff; padding: 1%; font-size: 1rem;}
body#top div#entrance_site .tkDisc .tkDiscInner .tkDiscInnerItem .tkItem { text-align: left; margin-left: 20px;}
body#top div#entrance_site .tkDisc .tkDiscInner .tkDiscInnerItem .tkItem h4 {font-size: 1.5rem; line-height: 1.5em;}
body#top div#entrance_site .tkDisc .tkDiscInner .tkDiscInnerItem .tkItem p.detaile {font-weight: normal; font-size: 1em; line-height: 2em;}
body#top div#entrance_site .tkDisc .tkDiscInner .addInfo { background:  #9e8539; color: #000; display: block;}
body#top div#entrance_site .tkDisc .tkDiscInner .addInfo h4 { border: none; color: #fff; margin: 0; font-size: 1.8em;}
body#top div#entrance_site .tkDisc .tkDiscInner .addInfo p.addData { font-size: 1.3rem; color: #9e8539; background: #fff; width:70%; margin: 0 auto 2% auto;}
body#top div#entrance_site .tkDisc .tkDiscInner .addInfo p a { color: #fff; text-decoration: underline;}
body#top div#entrance_site .tkDisc .tkDiscInner h3 { font-size:1.2rem; font-weight:bold;}
body#top div#entrance_site .tkDisc .tkDiscInner .tkJk { margin-bottom:30px;}
body#top div#entrance_site .tkDisc .tkDiscInner .gwShop { text-align:center; }
body#top div#entrance_site .tkDisc .tkDiscInner .gwShop ul li { display: inline-block; }
body#top div#entrance_site .tkDisc .tkDiscInner .gwShop .gwSmall { font-size:90%; margin-bottom:10px;}
body#top div#entrance_site .tkDisc .tkDiscInner .tkitem { font-weight: normal; line-height: 2rem; width: 95%; margin: 0 auto 10% auto; text-align: left; font-size: 1.1rem; min-height: 550px;}
body#top div#entrance_site .tkDisc .tkDiscInner .tkitem h4 { border-bottom: 1px solid #fff;}
body#top div#entrance_site .tkDisc .tkDiscInner .tkitem ul li { display: flex; }
body#top div#entrance_site .tkDisc .tkDiscInner .tkitem ul li span { display: inline-flex; margin: 0 0 0 2%; }
body#top div#entrance_site .tkDisc .buyBtn { display: inline-flex; margin-top: 3%;}
body#top div#entrance_site .tkDisc .buyBtn p.buy { padding:1%; width: 150px; }
body#top div#entrance_site .tkDisc .buyBtn p.buy a { text-align:center; font-size:1.2rem; line-height:2em; color:#ffffff; background:/*url(../images/discography_buynow.png) left 30px center no-repeat*/ #000; letter-spacing:0.05em; display: block; text-decoration: none;}

body#top div#entrance_site .tkDisc .boxItem { border: 1px solid #fff; padding: 2%; width: 60%; margin: 5% auto; display: flex;}
body#top div#entrance_site .tkDisc .boxItem span.ttl { font-size: 1.2rem;}
body#top div#entrance_site .tkDisc .boxItem .tkJk img { width: 200px;}
body#top div#entrance_site .tkDisc .boxItem .itemTxt { text-align: left; margin-left: 3%;}

body#top div#entrance_site .discInfo { color: #fff; font-size: 1.3rem;}
body#top div#entrance_site .discInfo h4 { border: none; text-align: center; letter-spacing: 0.3em;}
body#top div#entrance_site .discInfo ul { width: 90%; margin: 0 auto; letter-spacing: 0.3em;}
body#top div#entrance_site .discInfo ul li { border-bottom: 1px solid #333; line-height: 3.5em; padding: 0 3%; }
body#top div#entrance_site .discInfo ul li span.discno { border: 1px solid #fff; font-size: 0.8rem; padding: 10px; letter-spacing: 0.2rem; margin-right: 1%;}
body#top div#entrance_site .discInfo ul li span.small { font-size: 0.7rem;}

body#top div#entrance_site .sns { text-align:center; margin:30px 0;}
body#top div#entrance_site .sns ul {}
body#top div#entrance_site .sns ul li { display: inline-block;}

body#top div#entrance_site .exit{
	width:329px;
	margin: 48px auto 60px;

}

body#top div#entrance_site .exit .official{
	display: inline-block;
	border: none;
	cursor: pointer;
	width:329px;
	height: 61px;
	margin: 0;
	padding: 0;
}

body#top .dissapeared{
	position: absolute;
	top: -9999px;
}


#wel-contents a{
	background-color:transparent;
}

#wel-contents .wel-contents-body{
	/*min-width:960px;*/
}


/* footer */
#wel-contents #wel-footer{
	height:460px;

}
#wel-contents #wel-footer .wel-logo{
	text-align:center;
	padding:115px 0 100px 0;
}
#wel-contents #wel-footer .social{
	padding:0 0 20px 0;
	text-align:center;
}

#wel-contents #wel-footer .copyright{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	color:#666;
	}


}
@media (max-width: 640px) {
	#entrance_site{
		color:#fff;
		background: #000000; /* Old browsers */
		background: -moz-linear-gradient(top, #000000 0%, #4c4c4c 40%, #4c4c4c 65%, #000000 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #000000 0%,#4c4c4c 40%,#4c4c4c 65%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #000000 0%,#4c4c4c 40%,#4c4c4c 65%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		padding: 3% 0;
		}
	#entrance_site #entranceInner {
		background: rgba(0, 0, 0, 0.5);
		width:95%;
		margin: 0 auto;
		box-shadow:0px 0px 10px 0px #636363;
		padding: 5% 0;
		}
	#entrance_site{
		color:#fff;
	}

	a:hover { opacity:0.8;}

	body#top div#entrance_site #footerTK { margin: 50px 0; }
	body#top div#entrance_site #footerTK #btnOfficial{ display: none; visibility: hidden;}
	body#top div#entrance_site #footerTK #btnOfficialSP{
		/*position: fixed;*/
		width:100%;
		margin: 0 auto;
		text-align: center;
	}
	body#top div#entrance_site #footerTK #btnOfficialSP a { color: #fff; text-decoration: none;}
	body#top div#entrance_site .officialSp{
		display: inline-block;
		width:200px;
		height: 51px;
		margin: 0;
		padding: 0;
		border: none;
		cursor: pointer;
		margin-right: 0;
		background: #000;
		color: #fff;
	}

	/*-- mainTitle --*/
	body#top div#entrance_site #headerTK{
		/*width: 1200px!important;
		margin: 0 auto!important;
		text-align:right!important;*/
	}
	body#top div#entrance_site #headerTK .tkMain {}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner {margin:0 auto; padding:0 0 50px 0;}

	body#top div#entrance_site #headerTK .tkMain .tkMainInner p.ttl { color: #fff; text-align: center; font-size: 0.8rem; line-height: 2em; margin-bottom: 50px;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner p.ttl span.name { font-size: 1.5rem; font-weight: bold; letter-spacing: 0.5rem; line-height: 2em;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner p.ttl span.date { font-size: 1.3em; font-weight: bold; letter-spacing: 0.2rem; line-height: 2.5em;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner p.lead { color: #d6d6d6; font-size: 0.7rem;  margin: 2% 0; /*font-weight: bold;*/ text-align: center; /*text-shadow:0px 0px 20px #6d6d6d;*/ width: 97%; margin: 0 auto;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner p.lead img { margin-bottom: 1%;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner p.lead .br-sp { display:none;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner p.lead span { color: #fff; font-size: 1.0rem; font-weight: normal; text-align: center; margin-left: 1%; text-shadow:0px 0px 10px #6d6d6d;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner div.interview { font-size: 1.3rem; text-align: center; margin: 2% 0 5% 0;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner div.interview p:first-child { font-size: 1rem; color: #ffffff; background: #9e8539; padding: 1%; line-height: 2em;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner div.interview p:nth-child(2) { background: #fff; color:#9e8539; padding: 1% 0;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner div.interview a.btnInterview { color:#9e8539; text-decoration: none; display: inline-block; padding:0 1%;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner div.movie { position:relative; width:90%; height:0; padding-top:75%; margin: 0 auto;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner div.movie iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner .addInfo { background: #fff; color: #000; display: block;	width: 90%; margin: 0 auto 10% auto; text-align: center; padding: 2%;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner .addInfo h4 { border: none; color: #9e8539; margin: 0; font-size: 1.8em;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner .addInfo p.addData { font-size: 1rem; color: #fff; background: #9e8539; width:100%; margin: 0 auto 2% auto;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner .addInfo p { line-height: 1.8em;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner .addInfo p a { color: #9e8539; text-decoration: underline;}
	body#top div#entrance_site #headerTK .tkMain .tkMainInner .addInfo p .br-sp { display:none;}


	/*-- disc --*/
	body#top div#entrance_site .tkDisc { text-align: center; color: #000;}
	body#top div#entrance_site .tkDisc .tkDiscInner {margin:0 auto; text-align:center; padding 5% 0; width: 90%; display: inherit; justify-content: space-around; color: #c7c7c7; font-weight: bold;}
	body#top div#entrance_site .tkDisc .tkDiscInner .tkDiscInnerItem span.soldout { background: #f00; color: #fff; padding: 1%; font-size: 1rem;}
	body#top div#entrance_site .tkDisc .tkDiscInner .tkDiscInnerItem { margin-bottom: 10%; background: rgba(255,255,255,0.2); padding: 5%;}
	body#top div#entrance_site .tkDisc .tkDiscInner .tkDiscInnerItem .tkItem { text-align: left;}
	body#top div#entrance_site .tkDisc .tkDiscInner .tkDiscInnerItem .tkItem h4 {font-size: 1.2rem; line-height: 1.5em;}
	body#top div#entrance_site .tkDisc .tkDiscInner .tkDiscInnerItem .tkItem p.detaile {font-weight: normal; font-size: 1em; line-height: 2em;}
	body#top div#entrance_site .tkDisc .tkDiscInner .tkDiscInnerItem .tkItem p.detaile img { width: 100%; margin: 3% 0;}
	body#top div#entrance_site .tkDisc .tkDiscInner h3 { font-size:1.2rem; font-weight:bold;}
	body#top div#entrance_site .tkDisc .tkDiscInner .tkJk { margin-bottom:30px;}
	body#top div#entrance_site .tkDisc .tkDiscInner .gwShop { text-align:center; }
	body#top div#entrance_site .tkDisc .tkDiscInner .gwShop ul li { display: inline-block; }
	body#top div#entrance_site .tkDisc .tkDiscInner .gwShop .gwSmall { font-size:90%; margin-bottom:10px;}
	body#top div#entrance_site .tkDisc .tkDiscInner .tkitem {    font-weight: normal; line-height: 1.5rem; width: 300px; margin: 0 auto; text-align: left;}
	body#top div#entrance_site .tkDisc .buyBtn { display: inline-flex;}
	body#top div#entrance_site .tkDisc .buyBtn p.buy { padding:1%; width: 150px; }
	body#top div#entrance_site .tkDisc .buyBtn p.buy a { text-align:center; font-size:1.2rem; line-height:2em; color:#ffffff; background:/*url(../images/discography_buynow.png) left 30px center no-repeat*/ #000; letter-spacing:0.05em; display: block; text-decoration: none;}

	body#top div#entrance_site .tkDisc .boxItem { border: 1px solid #fff; padding: 2%; width: 90%; margin: 5% auto; display: inherit;}
	body#top div#entrance_site .tkDisc .boxItem span.ttl { font-size: 1.2rem;}
	body#top div#entrance_site .tkDisc .boxItem .tkJk img { width: 200px;}
	body#top div#entrance_site .tkDisc .boxItem .itemTxt { text-align: center; margin-top: 3%;}

	body#top div#entrance_site .discInfo { color: #fff; font-size: 1rem;}
	body#top div#entrance_site .discInfo h4 { border: none; text-align: center; letter-spacing: 0.3em;}
	body#top div#entrance_site .discInfo ul { width: 95%; margin: 5% auto; letter-spacing: 0.3em;}
	body#top div#entrance_site .discInfo ul li { border-bottom: 1px solid #333; line-height: 2em; padding: 3%; }
	body#top div#entrance_site .discInfo ul li span.discno { border: 1px solid #fff; font-size: 0.5rem; padding: 0; letter-spacing: 0.2rem; margin: 3% 0; display: block; width: 35%; text-align: center;}
	body#top div#entrance_site .discInfo ul li span.small { font-size: 0.7rem;}

	body#top div#entrance_site .sns { text-align:center; margin:30px 0;}
	body#top div#entrance_site .sns ul {}
	body#top div#entrance_site .sns ul li { display: inline-block;}

	body#top div#entrance_site .exit{
		width:329px;
		margin: 48px auto 60px;

	}

	body#top div#entrance_site .exit .official{
		display: inline-block;
		border: none;
		cursor: pointer;
		width:329px;
		height: 61px;
		margin: 0;
		padding: 0;
	}

	body#top .dissapeared{
		position: absolute;
		top: -9999px;
	}


	#wel-contents a{
		background-color:transparent;
	}

	#wel-contents .wel-contents-body{
		/*min-width:960px;*/
	}


	/* footer */
	#wel-contents #wel-footer{
		height:460px;

	}
	#wel-contents #wel-footer .wel-logo{
		text-align:center;
		padding:115px 0 100px 0;
	}
	#wel-contents #wel-footer .social{
		padding:0 0 20px 0;
		text-align:center;
	}

	#wel-contents #wel-footer .copyright{
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		display:block;
		color:#666;
		}

}