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


/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* reset end */


/* base, parts
================================================== */
body {
	width: 100%;
	height: 100%;
	background: #072e41;
	color: #FFF;
	font-size: 62.5%;
	font-family: "�ҥ饮�νǥ� Pro W3", "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", Meiryo, Osaka, "�ͣ� �Х����å�", "MS PGothic", sans-serif;
	line-height: 1;
}


.clf:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}






/* header
================================================== */
#pageHeader{
	width: 100%;
	position: relative;
	min-height:0;
}

#pageHeaderInner{
	
}

#pageHeaderInner h1{
	position: absolute;
	top: 74px;
	left: 65px;
	width: 24.5%;
	
	top: 4%;
	left: 4.2%;
}
#pageHeaderInner h1 img{
	width: 100%;
}
#headerLead{
	padding: 1% 0 2% 0;
	width: 100%;
	background: rgba(0,0,0,.57);
	position: absolute;
	bottom: 0;
	left: 0;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
#headerLead p{
	margin: 0 auto;
}
#headerLead p img{
	width: 100%;
}
#headerLead .text1{
	width: 70.4%;
	max-width: 1353px;
}

#headerLead .text2{
	width: 53%;
	max-width: 1019px;
}


/* container
================================================== */
#containerInner{
	margin: 0 auto;
	width: 90%;
	max-width: 673px;
	max-width: 1340px;
}

#contentLead{
	padding: 4% 0 5% 0;
	text-align: center;
}
#contentLead .contentLeadInner{
	max-width: 1353px;
}

#contentLead p{
	margin: 0 auto;
	width: 98%;
	max-width: 1319px;
}
#contentLead p img{
	width: 100%;
}

#contentLead p a{
	text-decoration: none;
}

#contentLead .text1{
	font-size: 1.9rem;
	font-size: 1.6rem;
	line-height: 1.9;
	letter-spacing: -.05em;
}
#contentLead .text1 span{
	letter-spacing: -.65em;
}
#contentLead .text1 span.hard{
	letter-spacing: -1.4em;
}
#contentLead .text2{
	margin-top: .5em;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: -.03em;
	line-height: 1.6;
}
#contentLead .text2 span{
	color: #ff2f03;
}


/* items
================================================== */
#items{

}

#items .item{
	margin: 0 0 5% 0;
	padding: 4% 2% 2% 2%;
	border-radius: 5px;
}

#items .item .photo,
#items .item .info{
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}

#items .item .photo img{
	width: 100%;
}

#items .item .info{
	text-align: center;
}


#items .item .info .num{
	margin-bottom: .4em;
	font-size: 2.1rem;
	font-size: 2.6rem;
	font-weight: bold;
	display: block;
}
#items .item .info .title{
	font-size: 2.7rem;
	font-size: 3.6rem;
	font-weight: bold;
	display: block;
	letter-spacing: -.02em;
}
#items .item .info .release{
	margin: .6em 0;
	/*margin: 1.2em 0 .6em 0;*/
	margin: 2em 0 .2em 0;
	font-size: 1.4rem;
	font-weight: bold;
}
#items .item .info .spec{
	margin-top: .2em;
	font-size: 1.1rem;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
}

#items .item .cartBtn{
	margin-top: 10%;
	border-radius: 10px;
	width: 100%;
}
#items .item .cartBtn a{
	margin: 0 auto;
	padding: 8px 10%;
	/*max-width: 482px;*/
	display: table;
	box-sizing: border-box;
	background: #FFF;
	border-radius: 10px;
	color: #404040;
	font-size: 1.75rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
}
#items .item .cartBtn a:hover{
	opacity:.7;
}

#items .item .cartBtn a span{
	margin: 0 auto;
	padding-left: 55px;
	height: 53px;
	display: table-cell;
	background: url(../images/cart_ic_01.png) no-repeat left center;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#items .item .songs{
	margin: 2.8% auto 0;
	padding: 14px 21px 16px;
	padding: 2% 3% 3%;
	width: 97%;
	box-sizing: border-box;
	border: solid rgba(255,255,255,.4) 1px;
}

#items .item .songList{
	width: 50%;
	float: left;
}
#items .item .songList .side{
	margin-bottom: 3%;
	width: 19.2%;
	max-width: 122px;
}
#items .item .songList .side img{
	width: 100%;
}

#items .item .songList ul{

}

#items .item .songList ul li{
	padding-left: 1.2em;
	font-size: 1.2rem;
	line-height: 1.4;
	text-indent: -1.2em;
}

#nas2038{
	background: #002e6e url(../images/nas2038_bg_01.jpg) repeat left top;
	background-size: cover;
}


#nas2039{
	background: #93135f url(../images/nas2039_bg_01.jpg) repeat left top;
	background-size: cover;
}

#nas2087{
	background: #93135f url(../images/nas2087_bg_01.png) repeat left top;
	background-size: cover;
}
#nas2086{
	background: #93135f url(../images/nas2086_bg_01.png) repeat left top;
	background-size: cover;
}



/* shoppingInfo
================================================== */
#shoppingInfo{
	padding: 8px;
	border: dotted #FFF 3px;
}

#shoppingInfo .shoppingInfoInner{
	padding-bottom: 2%;
	width: 100%;
	background: #072e41;
}

.shoppingInfoInner > div{
	margin: 0 auto;
	padding: 3% 0 0 0;
	width: 94%;
	line-height: 1.8;
}
.shoppingInfoInner h1{
	margin-bottom: -.3em;
	padding-bottom: 1.2em;
	border-bottom: solid #FFF 1px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}

.shoppingInfoInner h2{
	margin-top: 1em;
	font-size: 1.4rem;
	text-indent: -.5em;
}

.shoppingInfoInner h3{
	margin-bottom: .2em;
	font-size: 1.3rem;
}


.shoppingInfoInner ul{

}
.shoppingInfoInner ul li{
	padding-left: 1em;
	font-size: 1.2rem;
	text-indent: -1em;
	letter-spacing: -.03em;
}

.shoppingInfoInner p{
	font-size: 1.2rem;
}


.shoppingInfoInner .credit{
	margin: 1em 0 1.5em 0;
	max-width: 198px;
}

.shoppingInfoInner .credit img{
	width: 100%;
}


.snsLinkWrap{
	margin: 4% auto 0;
	width: 90%;
	text-align: center;
}

.snsLinkWrap ul {
	margin: 0 auto;
	width: 160px;
}
.snsLinkWrap ul li{
	float: left;
}
.snsLinkWrap ul li:first-child{
	margin-right: 8%;
}





/* footer
================================================== */
#pageFooter{
	margin: 4% auto 0;
	padding-bottom: 2%;
	width: 90%;
	max-width: 1340px;
}

#pageFooter .pageFooterInner{
	padding: 2%;
	width: 100%;
	display: table;
	box-sizing: border-box;
	border: dotted #FFF;
	border-width: 1px 0;
}

.pageFooterInner ul{
	display: table-cell;
	vertical-align: middle;
}

.pageFooterInner ul li{
	float: left;
}

.pageFooterInner ul.aboutLink{
	width: 99%;
}

.pageFooterInner ul.snsLink{
	margin: 0 auto;
	min-width: 160px;
	white-space: nowrap;
	text-align: right;
}


.pageFooterInner ul.aboutLink li{
	margin-right: 3%;
	background: url(http://kingeshop.jp/img/usr/arrow-footer.gif) no-repeat left center;
	font-size: .9rem;
	line-height: 1.4;
}
.pageFooterInner ul.aboutLink li a{
	padding: 0 0 0 17px;
	color: #FFF;
	text-decoration: none;
}
.pageFooterInner ul.aboutLink li a:hover{
	text-decoration: underline;
}

.pageFooterInner ul.snsLink li:first-child{
	margin-right: 8%;
}

#pageFooter .copyright{
	margin: 1.8em;
	font-size: .9rem;
	text-align: center;
}


.pc{ display: block; }
.sp{ display: none; }



@media screen and (max-width: 769px) {
	#containerInner{
		width: 94%;
	}
	#pageHeader{
		min-height: 0;
	}
	#pageHeaderInner h1{
		position: absolute;
		top: 74px;
		left: 65px;
		width: 24.5%;

		top: 4%;
		left: 3%;
	}
	#headerLead .text1{
		width: 90.4%;
		max-width: 1353px;
	}
	#headerLead .text2{
		width: 73%;
		max-width: 1019px;
	}
	#contentLead .text1{
		font-size: 1rem;
		font-size: 1.05rem;
		line-height: 1.6;
		letter-spacing: -.05em;
	}
	#contentLead .text2{
		margin-top: .6em;
		font-size: 1.1rem;
		font-weight: bold;
		line-height:  1.6;
		letter-spacing: -.06em;
	}
	#items .item .photo,
	#items .item .info{
		width: 100%;
		display: block;
	}
	#items .item .photo{
		padding-bottom: 3%;
	}
	#items .item .info .num{
		margin-bottom: .2em;
		font-size: 1.2rem;
		font-weight: bold;
		display: block;
	}
	#items .item .info .title{
		font-size: 1.7rem;
		font-weight: bold;
		display: block;
		letter-spacing: -.02em;
	}
	#items .item .info .release{
		margin: 1.5em 0 .2em;
		font-size: 1.3rem;
		font-weight: bold;
	}
	#items .item .info .spec{
		margin-top: .2em;
		font-size: 1rem;
		font-weight: bold;
		line-height: 1.5;
	}

	#items .item .cartBtn{
		margin: 4% 0;
		border-radius: 10px;
		width: 100%;
	}
	#items .item .cartBtn a{
		margin: 0 auto;
		padding: 8px 10%;
		max-width: 100%;
		display: table;
		box-sizing: border-box;
		background: #FFF;
		border-radius: 10px;
		color: #404040;
		font-size: 1.75rem;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
	}
	#items .item .cartBtn a:hover{
		opacity:1;
	}
	#items .item .cartBtn a:active{
		opacity:.7;
	}
	#items .item .cartBtn a span{
		padding-left: 43px;
		height:  42px;
		background-size: 40px  42px;
		font-size: 1.4rem;
	}

	#items .item .songList{
		padding-top: 3%;
		width: 100%;
		float: none;
	}
	#items .item .songList:first-child{
		padding-bottom: 3%;
	}
	#items .item .songList .side{
		margin: 0 auto 3%;
		width: 35%;
		max-width: 122px;
	}
	#items .item .songList ul li{
		padding-left: 1em;
		font-size: 1rem;
		line-height: 1.4;
		text-indent: -1em;
	}

	.shoppingInfoInner h1{
		padding: .5em 0;
		margin-bottom: -.3em;
		border-bottom: solid #FFF 1px;
		font-size: 1rem;
		line-height: 1.3;
	}

	.shoppingInfoInner h2{
		font-size: .9rem;
	}

	.shoppingInfoInner h3{
		font-size: .8rem;
	}
	.shoppingInfoInner p,
	.shoppingInfoInner ul li{
		font-size: .7rem;
	}
	

	#pageFooter{
		width: 100%;
	}
	.pageFooterInner{
		margin: 0 auto;
		width: 90%;
	}
	.pageFooterInner ul{
		margin: 0 auto;
		width: 84%;
		display: block;
	}

	.pageFooterInner ul.aboutLink{
		width: 84%;
	}

	.pageFooterInner ul.aboutLink li{
		margin-right: 3%;
		background: url(http://kingeshop.jp/img/usr/arrow-footer.gif) no-repeat left center;
		font-size: .9rem;
		line-height: 1.4;

		margin-right: 0;
		width: 50%;
		font-size: .7rem;
	}

	.pageFooterInner ul.snsLink{
		margin-top: 4%;
		width: 160px;
		min-width: 0;
		text-align: center;
	}
	.pageFooterInner ul.snsLink li{
		display: inline-block;
	}

	#pageFooter .copyright{
		font-size: .6rem;
	}

	.pc{ display: none !important; }
	.sp{ display: block !important; }
}

@media screen and (max-width: 320px) {
	.pageFooterInner ul.aboutLink li{
		width: 100%;
		float: none;
		font-size: .7rem;
	}

}