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

@import url(reset.css);

img { vertical-align: bottom; }
ul { list-style-type: none; }
main { display: block; }



::selection { background:#134A63; color: white; }
::-moz-selection { background:#134A63; color: white; }



body {
	font-size: 87.5%;
	font-family: 'Open Sans', sans-serif;
}

img.auto { width: 100%; height: auto; }

@keyframes objApr {
	0% { opacity: 0; }
	100% { opacity: 1; }
}








/* SP用記述*/
.br4pc { display: none; }
.forPC { display: none; }

header {
	background-color: #A5A5A5;
	text-align: center;
	padding: 11px 5px 9px;
}
header > img.auto { width: 132px; }

.main_pic {
	margin-top: 2px;
	min-height: 100vh;
	background: url(../images/main.jpg) 20% 50% / cover no-repeat;
}
.prdct .sec_ttl {
	font-size: 171.4%;
	padding: 20px 5px 18px;
	text-align: center;
}

.prdct_cate {
	color: #898989;
	background-color: #292929;
	padding: 60px 10px;
	text-align: center;
}
.prdct_cate.tshirt { margin-top: 2px; }
.prdct_cate .cate_ttl {
	font-size: 142.8%;
	font-weight: 600;
}
.prdct_cate .prdct_list li { margin-top: 52px; }
.prdct_cate .prdct_list li .cap {
	margin-top: 10px;
	font-size: 85.7%;
}
.prdct_cate.hoodie .prdct_list li .pic > img { width: 245px; }
.prdct_cate.tshirt .prdct_list li .pic > img { width: 239px; }

footer {
	margin-top: 6px;
	background-color: #A5A5A5;
	font-size: 78.5%;
	text-align: center;
	padding: 25px 5px;
}





@media only screen and (min-width:960px) {
	/* PC用記述 */
	a[href^="tel:"] { pointer-events: none; }
	a.fade:hover { opacity: .6; }
	
	.br4sp { display: none; }
	.br4pc { display: inline; }
	.forSP { display: none; }
	.forPC { display: block; }
	
	
	
	header { padding: 18px 10px 14px; }
	header > img.auto { width: 180px; }
	
	.main_pic {
		min-height: 660px;
		background-position: 50% 80%;
	}
	.prdct .sec_ttl { font-size: 200%; }
	.prdct_cate { padding: 60px 40px; }
	.prdct_cate .cate_ttl { font-size: 157.1%; }
	.prdct_cate .prdct_list {
		margin: 72px auto 0;
		display: flex;
		justify-content: space-between;
		max-width: 1280px;
	}
	.prdct_cate.hoodie .prdct_list li { margin: 0 0 0 7.5%; }
	.prdct_cate.tshirt .prdct_list li { margin: 0 0 0 8%; }
	.prdct_cate.hoodie .prdct_list li:first-child,
	.prdct_cate.tshirt .prdct_list li:first-child { margin-left: 0; }
	.prdct_cate.hoodie .prdct_list li .pic > img,
	.prdct_cate.tshirt .prdct_list li .pic > img { width: 100%; }
	
	footer { margin-top: 10px; }
	
	
	
	
	
	
	
}