@charset "utf-8";

.cate_subCateList { width: 1112px; background-color: #f8f8f8; margin: 0 auto; padding: 0 0 5px;}
.cate_subCateList_top { width: 954px; background-color: #fff; margin: 50px auto; padding: 0 0 5px;}

.cate_subCateListBox { width: 954px; margin: 0 auto;}

.cate_subCateList .text_more, .cate_subCateList_top .text_more { text-align: center; color: #00a741; font-size: 26px; padding: 30px 0 5px; font-weight: bold;}
.cate_subCateList .subCatettl, .cate_subCateList_top .subCatettl { width: 954px; height: 54px; background-image: url("../images/cate/cate_ttl_bg.jpg"); background-repeat: no-repeat;}
.cate_subCateList .subCatettl, .cate_subCateList_top .subCatettl { color: #fff; text-align: center; font-weight: bold; font-size: 22px; padding: 10px 0; }

.subCateUl { margin: 28px 0 20px 0 ;}
.subCateUl li a:hover {opacity: 0.8;}
.subCateUl li { border: 2px solid #00a741; display: inline-block; margin: 0 12px 20px 0;vertical-align: top; width: 226px; background-color: #fff;}
.subCateUl li:nth-child(4n) {margin: 0 0 20px 0;}
.subCateUl li p { text-align: center; color: #00a741; margin: 15px 0; font-size: 20px; font-weight: bold;}

.subCateUl li.subCat_2line p { text-align: center; color: #00a741; margin: 10px 0; font-size: 20px; font-weight: bold; line-height: 100%;}


.subCateUl3 { margin: 28px 0 20px 0 ;}
.subCateUl3 li a:hover {opacity: 0.8;}
.subCateUl3 li { border: 2px solid #00a741; display: inline-block; margin: 0 12px 20px 0;vertical-align: top; width: 298px; background-color: #fff;}
.subCateUl3 li:nth-child(3n) {margin: 0 0 20px 0;}
.subCateUl3 li p { text-align: center; color: #00a741; margin: 15px 0; font-size: 24px; font-weight: bold;}

.subCateUl3 li.subCat_2line p { text-align: center; color: #00a741; margin: 10px 0; font-size: 24px; font-weight: bold; line-height: 100%;}

.cate_detailMore { width: 1112px; background-color: #f8f8f8; margin: 50px auto; padding: 0;}
.cate_detailMore .text_more { text-align: center; color: #00a741; font-size: 26px; padding: 25px 0 30px; font-weight: bold;}

/*カテゴリトップ*/
.cate_moreLinkBox { width: 100%; text-align: center; margin: 20px 0 70px 0;}

a.cate_moreLink {
    color: #fff;
    display: inline-block;
    background-color: #f3fbf6;
    color: #00a946;
    padding: 15px 80px 15px 80px;
    border-radius: 30px;
    position: relative;
    text-align: center;
    margin: 5px 0;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 1px;
	border: 1px solid #00a946;
}

a.cate_moreLink:hover { opacity: 0.8;}


.cateTop_pop01 { margin: 28px auto 20px auto; width: 954px;}
.cateTop_pop01 li a:hover {opacity: 0.8;}
.cateTop_pop01 li { display: inline-block; margin: 0 10px 20px 10px;vertical-align: top; width: 290px; background-color: #fff;}
.cateTop_pop01 li p { text-align: center; margin: 15px 0; font-size: 16px; font-weight: bold;}

.cateTop_pop02 { margin: 28px 0 20px 0 ;}
.cateTop_pop02 li a:hover {opacity: 0.8;}
.cateTop_pop02 li { display: inline-block; margin: 0 4px 20px 4px;vertical-align: top; width: 226px; background-color: #fff;}
.cateTop_pop02 li p { text-align: center; margin: 15px 0; font-size: 16px; font-weight: bold;}

.ss-category_exp { text-align: center; margin: 20px 0 0; font-size: 16px;}

/*------------------------
以下　スマホ
------------------------*/


@media all and (max-width: 767px){

	
	
.cate_subCateList { width: 100%; background-color: #f8f8f8; margin: 0 auto; padding: 0 0 5px;}
.cate_subCateList_top { width: 100%; background-color: #fff; margin: 0 auto; padding: 0 0 0;}
.cate_subCateListBox { width: 98%; margin: 0 1%;}

.cate_subCateList .text_more { text-align: center; color: #00a741; font-size: 16px; padding: 20px 0 0; font-weight: bold;}
.cate_subCateList .subCatettl { width: 100%; height: auto; background-image: url("../images/cate/cate_ttl_bg_sp.jpg"); background-repeat: no-repeat; background-size: 100%;}
.cate_subCateList .subCatettl { color: #fff; text-align: center; font-weight: bold; font-size: 16px; padding: 3px 0; }
	
.cate_subCateList_top .text_more { text-align: center; color: #00a741; font-size: 16px; padding: 20px 0 0; font-weight: bold;}
.cate_subCateList_top .subCatettl { width: 100%; height: auto; background-image: url("../images/cate/cate_ttl_bg_sp.jpg"); background-repeat: no-repeat; background-size: 100% 38px; bacolor: #fff; text-align: center; font-weight: bold; font-size: 17px; margin: 10px 0 -10px;}
	.cate_subCateList_top .subCatettl p { padding: 10px 0; margin: -12px 0 0;}

.subCateUl { margin: 28px 0 20px 0 ;}
.subCateUl li { border: 1px solid #00a741; display: inline-block; margin: 0 1% 20px 0;vertical-align: top; width: 31%;}
.subCateUl li:nth-child(4n) {margin: 0 1% 20px 0;}
.subCateUl li:nth-child(3n) {margin: 0 0 20px 0;}	
.subCateUl li p { text-align: center; color: #00a741; margin: 8px 0; font-size: 12px; font-weight: bold;}

.subCateUl li.subCat_2line p { text-align: center; color: #00a741; margin: 4px 0; font-size: 12px; font-weight: bold; line-height: 100%;}	
	
.subCateUl3 { margin: 28px 0 20px 0 ;}
.subCateUl3 li { border: 1px solid #00a741; display: inline-block; margin: 0 1% 20px 0;vertical-align: top; width: 31%;}
.subCateUl3 li:nth-child(4n) {margin: 0 1% 20px 0;}
.subCateUl3 li:nth-child(3n) {margin: 0 0 20px 0;}	
.subCateUl3 li p { text-align: center; color: #00a741; margin: 8px 0; font-size: 11px; font-weight: bold;}

.subCateUl3 li.subCat_2line p { text-align: center; color: #00a741; margin: 4px 0; font-size: 11px; font-weight: bold; line-height: 100%;}		
	

.cate_detailMore { width: 100%; background-color: #f8f8f8; margin: 30px auto; padding: 0;}
.cate_detailMore .text_more { text-align: center; color: #00a741; font-size: 16px; padding: 15px 0 20px; font-weight: bold;}	
	
	.subCateUl3 li p .spSmall { font-size: 10px;}
	
/*カテゴリトップ*/
.cate_moreLinkBox { width: 100%; text-align: center; margin: 5px 0 25px 0;}

a.cate_moreLink {
    color: #fff;
    display: inline-block;
    background-color: #f3fbf6;
    color: #00a946;
    padding: 12px 30px;
    border-radius: 30px;
    position: relative;
    text-align: center;
    margin: -15px 0 15px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
	border: 1px solid #00a946;
}
	
	
.cateTop_pop01 { margin: 10px auto 0 auto; width: 100%;}
.cateTop_pop01 li a:hover {opacity: 0.8;}
.cateTop_pop01 li { display: inline-block; vertical-align: top;  margin: 0 1% 15px 1%; width: 46%; background-color: #fff;}
.cateTop_pop01 li p { text-align: center; margin: 15px 0; font-size: 14px; font-weight: bold;}

.cateTop_pop02 { margin: 0 0 0 0 ;}
.cateTop_pop02 li a:hover {opacity: 0.8;}
.cateTop_pop02 li { display: inline-block; vertical-align: top;  margin: 0 1% 20px 1%; width: 46%; background-color: #fff;}
.cateTop_pop02 li p { text-align: center; margin: 15px 0; font-size: 14px; font-weight: bold;}	
	

	
}


/*adjust.cssを上書き*/

.is-active .ss-category__tab-link {
    background: #00a741;
    cursor: default;
    pointer-events: none;
		color: #fff!important;
}

.ss-category__tab-link {
    display: block;
    border: 1px solid #00a741;
    background: #fff;
    padding: 10px 5px;

}

.ss-category__tab-link:hover{ background-color: #f3fbf6!important;color: #00a741!important;}

.ss-category__heading .is-active .ss-category__tab-label:after {
    border-color: #fff transparent transparent transparent;
}

.ss-category__heading .ss-category__tab-link:hover .ss-category__tab-label:after {
    border-color: #00a741 transparent transparent transparent;
}

.ss-category__tab-link:link, .ss-category__tab-link[href] {
    color: #00a741;
}

.ss-category__tab-link:hover, .ss-category__tab-link[href] {
    color: #00a741;
}

.ss-category__heading .ss-category__tab-label:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #00a741 transparent transparent transparent;
    margin-top: 5px;
}

#main .ss-category__popular-title, #main .ss-category__anchor-title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 0 13px;
    border-bottom: solid 1px #00a741;
	text-align: center;
}

.ss-category__contents-inner {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.ss-category__title-text {
    line-height: 1.2;
    font-size: 22px;
	margin-top: 30px;
}

@media all and (max-width: 767px){

	.ss-category__tab-list-item.is-active .ss-category__tab-link{
    background: #00a741!important;
}
	
	.s-category__tab-link:link, .ss-category__tab-link[href] {
        background: #cbe9d7;
    }
	
	    .ss-category__tab-link:link, .ss-category__tab-link[href] {
        background: #cbe9d7;
    }
	
	.ss-category__title-text {
    line-height: 1.2;
    font-size: 22px;
    margin-top: 10px;
}
	
	
}

/*レッグウエア特集*/

.cate_main01 { width: 1100px; margin: 0 auto;}

.cate_ore01 { background-color: #ff7e00; text-align: center; color: #fff; padding: 10px; width: 100%; font-size: 240%;}

.cate_contBox01 { width: 950px; margin: 40px auto;}
.cate_leg_txt01{font-size: 180%; line-height: 180%; }
.col_ore01 { color: #ff7e00; }

.cate_lineup01 { padding: 30px 0; clear: both;}
.cate_lineup01 .p-Img { width: 310px; height: auto; margin: 0 30px 0 0; float: left;}
.cate_lineup01 .p-name { font-size: 200%; font-weight: bold; float: left; padding: 0 20px 0 0;}
.cate_lineup01 .p-code { font-size: 130%; padding: 12px 0 10px 0;}
.cate_lineup01 .p-price {font-size: 190%; font-weight: bold;}
.cate_lineup01 .p-price span { font-size: 70%; font-weight: normal;}
.cate_lineup01 .p-size { font-size: 120%; }
.cate_lineup01 .p-color {padding: 15px 0 15px 0;}
.cate_lineup01 .p-exp { font-size: 140%;}

@media all and (max-width: 767px){
	
	.cate_main01 { width: 100%; margin: 0 auto;}
	
	.cate_ore01 { background-color: #ff7e00; text-align: center; color: #fff; padding: 10px; width: 100%; font-size: 220%;}

.cate_contBox01 { width: 96%; margin: 20px 2% 0;}
.cate_leg_txt01{font-size: 150%; line-height: 150%; }
.col_ore01 { color: #ff7e00; }

.cate_lineup01 { padding: 15px 0; clear: both;}
.cate_lineup01 .p-Img { width: 50%; height: auto; margin: 0 10px 0 0; float: left;}
.cate_lineup01 .p-name { font-size: 180%; font-weight: bold; float: none; padding: 0 0 0 0;}
.cate_lineup01 .p-code { font-size: 130%; padding: 2px 0 5px 0;}
.cate_lineup01 .p-price {font-size: 190%; font-weight: bold;}
.cate_lineup01 .p-price span { font-size: 70%; font-weight: normal;}
.cate_lineup01 .p-size { font-size: 120%; }
.cate_lineup01 .p-color {padding: 10px 0 10px 0; width: 45%;}
.cate_lineup01 .p-exp { font-size: 130%; clear: both; padding: 10px 0 0 0;}
	
}


/*肌着特集*/

.hadagi_txtBox01 { text-align: center; margin: -10px 0 0 0;}
.txtBox1_1 { font-size: 160%; font-weight: bold; margin: 20px 0 10px;}
.txtBox1_2 { font-size: 140%; margin: 10px 0 30px 0;}
.txtBox1_2 a { color: #1e8fd3; text-decoration: underline;}

.hadagi_tbl01 {
    border-collapse:  collapse; /* セルの線を重ねる */
	width: 720px;
	margin: 0 auto 50px;
}

.hadagi_tbl01 th, .hadagi_tbl01 td {
    border: solid 1px;  /* 枠線指定 */
    padding: 10px;      /* 余白指定 */
	width: 33.33%;
}

.hadagi_tbl01 td { text-align: center; font-size: 140%; padding: 15px 0 0;}

.hadagi_tbl01 td img { width: 94%; margin: 0 3% 10px;}

.hadagi_tbl01 td p.link01 { width: 100%; background-color: #1e8fd3; padding: 3%; font-size: 90%; color: #fff;}
.hadagi_tbl01 td a p.link01 { color: #fff;}
.hadagi_tbl01 td a:hover p.link01 { opacity: 0.8;}
.hadagi_tbl01 td.subttl { padding: 10px;}

.hadagi_tbl01 td.tbl_exp01 { background-color: #d9e7fd; padding: 30px 30px; line-height: 180%;}
.tbl_ttl01 { font-weight: bold; font-size: 130%; margin: 0 0 5px 0; color: #000;}

.hadagi_tbl01 td.tbl_exp01 p span { color: #ff5a00; font-weight: bold;}


@media all and (max-width: 767px){
	
.hadagi_txtBox01 { text-align: center; margin: -10px 0 0 0;}
.txtBox1_1 { font-size: 140%; font-weight: bold; margin: 20px 0 10px;}
.txtBox1_2 { font-size: 120%; margin: 10px 0 30px 0;}
.txtBox1_2 a { color: #1e8fd3; text-decoration: underline;}

.hadagi_tbl01 {
    border-collapse:  collapse; /* セルの線を重ねる */
	width: 98%;
	margin: 0 1% 30px;
}

.hadagi_tbl01 th, .hadagi_tbl01 td {
    border: solid 1px;  /* 枠線指定 */
    padding: 5px;      /* 余白指定 */
	width: 33.33%;
}


.hadagi_tbl01 td { text-align: center; font-size: 130%; padding: 0;}
	
	.hadagi_tbl01 td p.link01 { width: 100%; background-color: #1e8fd3; padding: 5%; font-size: 80%;}
.hadagi_tbl01 td a:hover p.link01 { opacity: 0.8;}
.hadagi_tbl01 td.subttl { padding: 5px;}

.hadagi_tbl01 td.tbl_exp01 { background-color: #d9e7fd; padding: 15px 10px; line-height: 160%; text-align: left;}
.tbl_ttl01 { font-weight: bold; font-size: 130%; margin: 0 0 5px 0; color: #000; text-align: center;}

.hadagi_tbl01 td.tbl_exp01 p span { color: #ff5a00; font-weight: bold;}
	
}


/*サポーター特集*/

.sup_smBox01 { background-color: #edf5fc;}

.sup_smBox01_inr { width: 600px; margin: 0 auto; padding: 0 0 50px;}

.sup_smBox01_inr table td { vertical-align: top; padding: 5px; text-align: center; color: #000; font-size: 130%; font-weight: bold; width: 33.3%;}
.sup_smBox01_inr table td img { width: 100%; margin: 7px 0; }

.sup_smBox01_ttl  { margin: 15px 0 0 0;}


@media all and (max-width: 767px){
	

.sup_smBox01_inr { width: 100%; margin: 0 auto; padding: 0 0 30px;}	
	
}