@charset "UTF-8";
/* sp_detail.css */

#Detail {
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin:0 auto;
}
.detailLine {
	display:none;
}
#DetailTitle {
	padding:0 3%;
	background:url(/images/sp/BgStripe.png) repeat-x left bottom;
}
#Contents #DetailTitle h2 {
	width:100%;
	background-size:20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin:0;
	padding:0 0 0 26px;
	text-align:left;
	font-size:16px;
}
#DetailTitle dl {
	position:relative;
	top:5px;
	right:0;
	height:50px;
}
#Contents {
	border:none;
	margin-top:5%;
}
#MainImage img {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width:100%;
}
#DetailContents {
	width:94%;
	margin:3% auto;
}
.iconCat {
	width:130%;
	padding-bottom:0;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}
#DetailContents #SocialBtn {
	height:32px;
}
#Detail {
	background:url(../images/sp/BgAbout.png) repeat-y;
}
#Detail dt {
	width:70px;
	font-size:11px;
}
#Detail dd {
	padding:10px 10px 10px 100px;
}
#MainImage {
	margin-bottom:3%;
}
#BtnDetail {
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
}

#scrollbar1, #scrollbar2 {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#scrollbar1 .viewport, #scrollbar2 .viewport {
	width: 100%;
}
#scrollbar1 .overview, #scrollbar2 .overview {
	width: 100%;
}