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

.hed{
    width: 100%;
    /* background: #222; */
    /* height: 50%; */
}

.sp{
    display:none;
}

.pc{display:block;}
li{
    list-style:none;
    display: inline-block;
}


.hed img{
    width:100%;
}


.day{
	color:
	white;
	font-size:12px;
	background: #00551e;
    width:100%;
	text-align: center;
	padding: 8px;
	font-weight: 800;
	font-size: 22px;
	letter-spacing: 0.1em;
}

	.day h3{
		font-weight:800;
	}

.read{margin: 60px 0 0;}
.read_txt{
    width: 960px;
    margin: auto;
    text-align: center;
    line-height: 2.3em;
    font-size: 24px;
    padding: 0 0 40px;
}

.read_txt aside{
	/* border: 1px solid #222; */
	font-size: 15px;
	text-align:
	left;
	width: 50%;
	margin: 20px auto;
	line-height: 1.75em;
	padding: 20px 130px 20px;
}

.read_txt h3{
    font-size: 44px;
    color: #00551e;
    font-weight:800;
    padding:0 0 32px;
    line-height: 1.75em;
}
.st{
    font-size:120%;
    font-weight:800;
}
.st.large{
    font-size: 160%;
    color:
    darkgreen;
}
.menu_flex{
    display:
    flex;
    flex-wrap: wrap;
    width: 780px;
    justify-content: center;
    margin: auto;
    padding: 0 0 38px;
}
.menu_list{
    display:
    block;
    width: 24%;
    margin: auto;
    /* border-left: 1px solid; */
    border-right: 1px solid #00551e;
    font-size: 20px;
    border-right: 1px solid #;
}

.menu_list:nth-child(1){
	border-left:1px solid #00551e;
}

.menu_list a{
    display: block;
}

.menu_box{
    width:100%;
    text-align: c;
    text-align: center;
    width: 100%;
}

.menu_box img{
    padding: 0 0 4px;
    width: fit-content;
}
.item{
    /* background: #52cc94; */
    padding: 80px 0 0;
}
.item h4{
    text-align:
    center;
    font-weight: 800;
    padding: 20px 0 0;font-size:28px;
    color: #fff100;
    margin: 10px 0 0;
}
.item_wrapper{
}
.subject_wrapper{
    width: 1280px;
    display: block;
    margin: 0 auto 120px;
}
.subject_ttl_flex{
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 24px;
    margin: 0 0 72px;
}
.subject_ttl_flex h4{
    font-size: 48px;
    font-weight: 800;
    padding: 0px 40px;
    color: #01a95e;
}

/*============================
#jacket
============================*/
#jacket{
}
.gs_item{
    width: 1280px;
    margin: auto;
}
.item_flex{
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 60px;
}
.item_box{
    width: 30%;
    display: block;
    position:
    relative;
    padding: 20px;
    margin: 0 0 40px;
}

.item_box a{
    display:block;
}

.item_box img{
    width:100%;
    border-radius: 4px;
    padding: 0 0 9px;
}

.ab_point{
    position: absolute;
    font-size: 14px;
    line-height: 1.45em;
    text-align: center;
    top: -20px;
    left: 0;
    color:
    white;
    background: #FF3034;
    width: 120px;
    /* height: 90px; */
    border-radius: 90px;
    padding: 48px 9px;
}

.ab_point p{
    padding:4px;
}
.clime{
    background-color:#5aba8b;;
}

.camp{
    background-color:#e2b059;
}

.fishing{
    background-color:#5a88b7;
}


.brand_name{
    font-size:16px;
    color:#ccc;   
}
.item_name{
    font-weight: 800;font-size:18px;
    padding: 0 0 30px;
    height: 40px;
}
.price{
    font-size: 18px;
    text-align: right;
    font-weight: 800;
}
.tax{
    font-size:80%;
    
}
.ab_point.camp{
}
.btn_wrapper{
    width: 1050px;
    display: flex;
    flex-wrap: wrap;
    padding: 50px;
    margin: -60px auto 0px;
    border-radius: 4px;
    background: #01a860;
    justify-content: center;
}

.btn{
    padding:4px;
    /* background: #fff; */
    margin: 16px 0 -13px;
    background: #01a860;
}
.btn li{
    margin:4px;
}

.btn a{
  display:
  inline-block;
	padding:10px 21px;
	background-color:#FFFFFF;
  /* border:#000000 1px solid; */
	border-radius:50px;
	font-size:1.35em;
}

.btn a:hover{
    background: #222;
    color: white;
}

.btn:hover{
    background:#01a860;;
}


/*============================
#rain
============================*/
#rain{
}

/*============================
#shoes
============================*/
#shoes{
}

/*============================
#backpack
============================*/
#backpack{
}
.cp{
    text-align: center;
    font-size:24px;
    margin: 0 auto 40px;
}

.cp h5{
	padding: 0 0 2px;
	font-weight: 800;
	font-size: 20px;
}

.cp img{
    background:#222;
    /* height: 260px; */
    margin: 0 auto 30px;
    /* padding:0 0 40px; */
}

.cat_link_btn {
	margin: 1% auto 4%;
	text-align: center;
	max-width: 960px;
	width: 95%;
}
.cat_link_btn a {
	display:
	inline-block;
	background-color:#000000;
	color:#FFFFFF;
	text-align:
	center;
	padding: 2% 3%;
	font-size: 0.8em;
	justify-content: center;
	display: flex;
}
.category_color a {
	background-color:#C1272D;
}
.cat_link_btn a span {
	display:block;
	margin: 0 auto;
	text-align:center;
	line-height:1.2;
}
.cat_link_btn a:after {
	display:
	block;
	transform:
	rotate(45deg);
	content:
	"";
	border-top:#FFF 1px solid;
	border-right:#FFF 1px solid;
	width:16px;
	height:16px;
	position: relative;
	right: -18%;
	top: 7px;
}
.cat_link_btn a:hover {
	opacity:0.8;
}

@media screen and (max-width:768px) {

	

.day{
	color:
	white;
	font-size:12px;
	background: #00551e;
    width:100%;
	text-align: center;
	padding: 5px;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: 0.1em;
}

	.day h3{
		font-weight:800;
	}


.read_txt aside{
	/* border: 1px solid #222; */
	font-size: 12px;
	text-align:
	left;
	width: 100%;
	padding: 0;
	margin: 20px auto;
	line-height: 1.75em;
	/* padding: 20px 130px 20px; */
}
	
	
	.cat_link_btn a{
		font-size: 12px;
		text-align:
		center;
		padding: 13px;
	}
	.cat_link_btn a:after {
	top: 0;

}

	.cp h5{
	padding: 0 0 4px;
	font-size: 14px;
}

}
@media screen and (max-width:559px) {
.cat_link_btn {
	margin: 1% auto 7%;
	width: 102%;
}
.cat_link_btn a:after {
	top: 1px;
	right: -31px;
}

@media(max-width: 768px){
    
    
    
    .hed{
    width: 100%;
}

.pc{
    display:none;
}

.sp{
    display:block;
}
li{
    list-style:none;
    display: inline-block;
}

.read{
}
.read_txt{
    width: 80%;
    margin: auto;
    line-height: 2;
    text-align: center;
    line-height: 1.95emem;
    font-size:16px;
}

.read_txt h3{
    font-size: 22px;
    color:
    darkgreen;
    padding: 0 0 20px;
}
.st{
    font-size:120%;
    display: block;font-weight:800;
}
.st.large{
    color:
    darkgreen;
    display: block;
    font-size: 150%;
    margin: 0 0 -50px;
}
.menu_flex{
    display: flex;
    width: 100%;
    margin: auto;
    padding: 0;
}
.menu_list{
    display:
    block;
    width: 41%;
    margin: 0 0 40px;
    font-size: 13px;
}

.menu_list:nth-child(3){
	border-left:1px solid;
}

.menu_list a{
    font-size: 17px;
    display: block;
}

.menu_box{
    width:100%;
}

.item{padding: 0;}
.item_wrapper{
}
.subject_wrapper{
    width: 100%;
    display: block;
    margin: 0 auto 10%;
}
.subject_ttl_flex{
    display: block;
    margin: 0 auto 6%;
    width: 80%;
    font-size: 14px;
    justify-content: center;
    align-items: center;
}
.subject_ttl_flex h4{
    font-size:32px;
    padding: 0 10px;
    font-size: 28px !important;
    margin: 0 0 10px !important;
}

    .item h4{
        /* color: #01a860; */
        line-height: 1.8en;
        font-size: 15px;
        /* font-size: 17px; */
        padding: 0px;
        font-size: 14px;
        margin: 50px;
    }
/*============================
#jacket
============================*/
#jacket{
}
.gs_item{
    width: 96%;
    margin: auto;
}
.item_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width:95%;
    margin: 0 auto 20px;
}
.item_box{
    width: 47%;
    display: block;
    position:
    relative;
    padding: 4px;
    margin: 20px 0px;
}

.item_box img{
    width:100%;
}

.ab_point{
    position: absolute;
    z-index: 10;
    top: -28px;
    left: -14px;
    color:
    white;
    text-align: center;
    font-size:8px;
    width: 80px;
    padding: 0;
    border-radius: 100px;
    padding: 24px 0px;
    padding: 4px -4px;
    line-height: 1.75em;
    font-size: 9px;
}

.ab_point .st{
	display:inline;
}



.brand_name{
    font-size:0.8em;
    color:#bbb;
    height: 34px;
}
.item_name{
    font-size: 1.2em;
    line-height: 1.35em;
    height: 20px;
}
.price{
    font-size:14px;
    text-align: right;
}
.tax{
    font-size:80%;
    
}
.ab_point.camp{
}
.btn_wrapper{
    width: 100%;
    display: flex;
    padding: 50px 0 20px;
    flex-wrap: wrap;
    margin: -100px auto 0;
    justify-content: center;
}

.btn{margin: 10px 4px;padding: 0 0 0px;}
.btn li{
}

.btn a{
    border: 1px solid #222;
    color:#222;
    padding:8px;
    font-size: 16px;
    text-decoration: none;
    border-radius:10px;
}

.btn a:hover{
    background: #222;
    color: white;
}

.cp{
	width:80%;
	margin:auto;
}

.cp img{
    background:#222;
    width: 80%;
    margin: 0 0 30px;
    /* padding:0 0 40px; */
}
    
}
/* CSS Document */