@charset "shift_jis";
/* CSS Document */

*{ margin:0; padding:0; }
body{
	font-size: 14px;
	line-height: 180%;
	color:#000;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Arial,Helvetica,verdana,Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",sans-serif;
	letter-spacing: 1px;
}
img{ border:0; }
li{ list-style:none; }
.mgb10{ margin-bottom:10px; }
.mgb15{ margin-bottom:15px; }
.mgb20{ margin-bottom:20px; }
.mgb25{ margin-bottom:25px; }
.mgb30{ margin-bottom:30px; }
.mgb40{ margin-bottom:40px; }

#wrapper{
	background:#000000;
}

#contents{
	background:#000;
	max-width: 960px;
	margin:0 auto;
}
#contents img{ width:100%; height:auto;}
#contents .logo{
	padding:20px 0px;
	width: 88px;
}
#contents h2{ text-align:center; padding-top:3%; font-size:30px; color:#fff; line-height: 2.5rem;}
#contents .title p{
	font-weight: bold;
	font-size:1.7rem;
	text-align:center;
	margin-bottom:30px;
	color:#FFFFFF;
	/* [disabled]font-size:1.1em; */
	line-height:1.5em;
}

#contents .maintxt{
	margin:30px 0 30px 0;
	color:#FFFFFF;
	font-size:0.8rem;
	/* [disabled]font-size:1.1em; */
	line-height:1.8em;
}
#contents .debuttxt{ color:#fff; text-align:center; font-size:1rem;}
ul.subcopy{margin-left: 2rem;
    text-indent: -2em;
	font-size: 0.7rem;}
#contents .item{
	padding-left:2px;
	margin-bottom: 20px;
}
#contents .item ul li.black{
	background:#000000;
}
#contents .item ul{
	display:block;
	width:100%;
}
#contents .item ul li.mg img.wear{
	/*margin:0 0 0 100px;*/
}

#contents .item ul li.mg{
	/*height:550px;*/
	float:left;
	/*display:block;*/
	background:#FFFFFF;
	/*margin:0 0 0 115px;*/
	padding-bottom: 30px;
	width:32%;
	position: relative;
}

#contents .item ul.item4 li{width:23.5%;}
#contents .item ul li.pc_mgr2{ margin:0 2% 2% 0;}

#contents .item ul li.mg p{
	font-size:13px;
	line-height:1.4em;
	/*margin:0 0 20px 75px;*/
	letter-spacing:-0.01em;
}

#contents .item ul li.mg p.itemtxt{ margin:2%;padding-bottom: 20%;}
#contents .item ul li.mg p.itemimg{ width:70%; height:auto; margin:0 auto; padding: 5% 0;}
#contents .item2 h1{
	text-align:center;	
	margin:40px 0 10px 0;
}

#contents .item2 .itemList {
	width:230px;
	float:left;
	margin:20px 0 0 10px;
	background:#fff;
}

#contents .item2  ul{
	display:block;
}
#contents .item2  ul li img.wear{
	margin-left:20px;
}

#contents .item2  ul li p{
	font-size:11px;
	line-height:1.4em;
	margin:10px 0 0 10px;
	letter-spacing:-0.001em;
}


.btn {
	font-size: 1.1rem;
	display: block;
	padding: 15px 20px;
	background: #F17520;
	color: #fff;
	text-decoration: none;
	text-align: center;
	width: 80%;
	margin:0 auto;
	border-radius: 2px;
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	margin-bottom:5%;
}

#contents .item ul.item4 li .btn {width: 73%;}

.btn:hover {
	background: #F0954F;
}
.btn2 {
	font-size: 1rem;
	display: block;
	padding: 5px;
	background: #F17520;
	color: #fff;
	text-decoration: none;
	text-align: center;
	width: 150px;
	margin:10px 0 20px 35px;
	border-radius: 2px;
}

.soldout{background: #555555;}
.btn2:hover {
	<!--background: #F0954F;-->
}
.btn3 {
	font-size: 1.4rem;
	display: block;
	padding: 15px 20px;
	background: #c6c6c6;
	color: #fff;
	text-decoration: none;
	text-align: center;
	width: 80%;
	margin:0 auto;
	border-radius: 2px;
}
div.footer{
	text-align:center;
	margin-top:30px;
	font-size:10px;
	color:#FFFFFF;
	clear:both;
}

@media screen and (max-width: 800px) {
.btn,.btn3 {font-size: 0.9rem; padding: 10px;}
}
@media screen and (max-width: 560px) {
	
#contents h2 {font-size: 25px;line-height: 2.3rem;}
#contents .maintxt {margin: 30px 10px;}
#contents .item ul li.pc_mgr2 {margin: 0;}
#contents .item ul li.mg {width: 99%; margin-bottom:4%;}

#contents .logo {width: 20%; margin: 0 auto;}
.btn,.btn3 {font-size: 1.2rem;}
#contents .item ul.item4 li .btn {
    width: 90%;
}
#contents .item ul li.mg p.itemtxt {
    padding-bottom: 10%;
}
}

@media screen and (max-width: 480px) {
.btn,.btn3 {font-size: 1.0rem; width: 90%; padding: 15px 0;}
#contents .item ul li.mg p.itemtxt {
    padding-bottom: 15%;
}
}
/*============================ clearfix =============================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	
overflow:hidden;
font-size:0.1em;
line-height:0;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */

.lineclear {
	background-image:none;
}

.clearfix { min-height: 1px; }