
/*--------------------------------------------
/*		cat_feature - outdoor
/*--------------------------------------------*/
.fs-l-pageMain {
	border: none;
}

.fs-body-category-newretro2305 .fs-l-page {
	width: 1140px;
    margin: 0 auto;
}
#newretro {
	border: 2px solid #000;
	background: #F8F7EC;
	color: #000;
	margin: 0 auto;
	font-family:"helvetica", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	    padding-bottom: 6%;
}
section.top {
	padding: 10% 0 4%;
    width: 80%;
    margin: 0 auto;
}

section.top h2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.8;
	margin-bottom: 2%;
	text-align: center;
}
section.products h2 {
	background: #fff;
    border: 1px solid #000;
	text-align: center;
    width: 15%;
    padding: 8px;
    margin: 0 auto 2%;
    border-radius: 30px;
}
section.products h2 img {
	width: auto;
	height: 28px;
}
section.products .read {
	font-size: 18px;
}
.cart button {
	background: #000;
    border: none;
    color: #fff;
    padding: 6px 16px;
	    font-size: 13px;
	border-radius: 4px;
}
.p-name {
	font-size: 14px;
	margin-bottom: 6%;
}
.cart-all {
	text-align: center;
	    margin: 2% 0
}
.cart-all button {
	background: #000;
    border: none;
    color: #fff;
    padding: 6px 16px;
	border-radius: 4px;
}

h1.title {
	width: 68%;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	margin: 0 auto 8%;
}


.main-text {
	font-size: 14px;
	width: 60%;
	margin: 0 auto 10%;
	text-align: center;
}


.products ul {
	    display: flex;
    flex-wrap: wrap;
    text-align: center;
	justify-content: center;
	    margin: 0 auto 3%;
	    width: 96%;
}
.products ul li {
	width: 25%;
    padding: 2%;
}
.products ul li img {
	margin-bottom: 4%;
}
.products ul li div {
	width: 100%;
}
.products .p-text {
	font-size: 12px;
}
.products .price {
	font-size: 12px;
}

.btn {
	position: relative;
	padding: 0 !important;
}
.btn .inner {
	width: 100% !important;
}
.btn a {
	text-decoration: none !important;
	border: none !important;
}

section.products {
	border-bottom: none;
	    padding-top: 6%;
}

#fashion h2 img {width: 18%;}
#carry h2 img {width: 13%;}
#home h2 img {width: 13%;}
#kitchen h2 img {width: 16%;}
#stationery h2 img {width:21%;}
#wrapping h2 img {width: 40%;}
.bottom h2 {
	padding-top: 3%;
	font-size: 20px;
	font-weight: bold;
}
.bottom {
	border-top: 1px solid;
}
.bottom .nav {
	border: none;
}
.bottom .nav div {
	width: 16%;
}
.bottom .nav div.price {
	width: 100%;
	padding: 2%;
}
.bottom .price {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: #B10E0E;
	color: #fff;
}
.read {
	    text-align: center;
    margin-bottom: 1%;
}
@media (max-width: 767px) {
	.fs-body-category-newretro2305 .fs-l-page {
		width: 100%;
	}
	#newretro {
		padding-bottom: 10%;
	}
	.fs-l-pageMain section {
		margin-bottom: 0;
		padding: 16% 0 0;
	}
	.p-name {
		font-size: 12px;
	}
	
	.main-img {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.cart-all {
    margin: 7% 0 2%;
}
	h1 img {
    width: 100%;
}
	section.products h2 img {
    height: 20px;
}
	h1.title {
		width: 100%;
		margin-bottom: 12%;
	}
	section.top h2 {
    font-size: 16px;
		    letter-spacing: 0.05em;
	}
	section.products h2 {
	width: 37%;	
		margin: 0 auto 6%;
	}
	section {
		    padding-bottom: 4%;
    padding-top: 4%;
	}
	.products ul li div {
		margin-bottom: 6%;
	}
	.cart button {
		padding: 4px 16px;
	}
	section.products .read {
    font-size: 15px;
		letter-spacing: 0.05em;
		padding: 0 6%;
}
	.products ul li {
		width: 50%;
		padding: 1%;
	}
	br.pc {
	display:inline-block;
}
	
h2.title-jp {
    font-size: 16px;
	margin-bottom: 6%;
	}
	.campaign .text {
    width: 94%;
    margin: 0 auto 6%;
		padding: 0 !important;
 }
}