@charset "UTF-8";
/*-----ブランド別商品一覧ページ-----*/
#brand_item_list{
  width:940px;
  margin:0 auto;
}
#brand_item_list_head{
  width:940px;
  margin:0 auto 65px;
	text-align:center;
}
#brand_item_list_head h2{
	margin-bottom:40px;
	font-family:StereoveticaNeue;
	font-size:62px;
	font-weight:700;
}		
	/*ChromeとOperaのみだけに適用されるCSSハック*/
	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
		#brand_item_list_head h2{
			font-family: 'Oswald', sans-serif;
		}
	}
	/*Firefoxだけに適用されるCSSハック*/
	@-moz-document url-prefix() {
		#brand_item_list_head h2{
			font-family: 'Oswald', sans-serif;
		}
	}
	/*IE10以降に適用されるCSSハック（一応）*/
	@media all and (-ms-high-contrast:none){
		#brand_item_list_head h2{
			font-family: 'Oswald', sans-serif;
		}
	}
	
#brand_item_list_head .slider{
	margin-bottom:40px;
}
#brand_item_list_head p.brand_logo{
	margin-bottom:30px;
}
#brand_item_list_head p.brand_info{
	padding:0 100px;
	color:#999;
	font-size:16px;
	font-weight:500;
}
#brand_item_list_head p.brand_info span{
	color:#000;
}

#item_list_box{
	margin-top: -120px; /* リンク位置上昇分 */
	padding-top: 120px; /* 上昇分を戻す分 */
	}

/*-----アイテムリスト-----*/
ul.item_list{
	width:940px;
	margin:0 auto 40px;
}
ul.item_list li{
	width:300px;
	height:auto;
	margin-right:20px;
	margin-bottom:20px;
	padding-bottom:6px;
	display:block;
	float:left;
	background:#ddd;
}
ul.item_list li:nth-child(3n){
	margin-right:0;
}
ul.item_list li p.item_name_en{
	padding:10px 10px 0;
	color:#000;
	font-family:StereoveticaNeue;
	font-size:26px;
	font-weight:400;
	line-height:1.0 !important;
}
	
	/*ChromeとOperaのみだけに適用されるCSSハック*/
	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
		ul.item_list li p.item_name_en{
			font-family: 'Oswald', sans-serif;
		}
	}
	/*Firefoxだけに適用されるCSSハック*/
	@-moz-document url-prefix() {
		ul.item_list li p.item_name_en{
			font-family: 'Oswald', sans-serif;
		}
	}
	/*IE10以降に適用されるCSSハック（一応）*/
	@media all and (-ms-high-contrast:none){
		ul.item_list li p.item_name_en{
			font-family: 'Oswald', sans-serif;
		}
	}
	
ul.item_list li p.item_name_ja{
	padding:6px 10px 0;
	color:#000;
	font-size:18px;
	font-weight:300;
}



/*-----カテゴリーページ-----*/
#category_head{
	width:940px;
	margin:0 auto 50px;
	text-align:center;
}
#category_head h2.category_name{
	font-family:StereoveticaNeue;
	font-size:62px;
	font-weight:700;
}
	
	/*ChromeとOperaのみだけに適用されるCSSハック*/
	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
		#category_head h2.category_name{
			font-family: 'Oswald', sans-serif;
		}
	}
	/*Firefoxだけに適用されるCSSハック*/
	@-moz-document url-prefix() {
		#category_head h2.category_name{
			font-family: 'Oswald', sans-serif;
		}
	}
	/*IE10以降に適用されるCSSハック（一応）*/
	@media all and (-ms-high-contrast:none){
		#category_head h2.category_name{
			font-family: 'Oswald', sans-serif;
		}
	}
	
#category_head p{
	font-size:30px;
	font-weight:500;
}

/* カテゴリー選択 */
ul.item_category{
	width:940px;
	margin:0 auto 50px;
	text-align:center;
}
ul.item_category li{
	margin-right:20px;
  	margin-bottom:10px;
	display:inline-block;
	border-bottom:1px solid #fff;
}
ul.item_category li:last-child{
	margin-right:0;
}

ul.item_category li a{
	color:#000;
	font-weight:700px;
	padding:0 4px;
}
ul.item_category li:hover{
	border-bottom:1px solid #000;
}
ul.item_category li a:after{
	font-family: 'FontAwesome';
	content:'\f078';
	margin-left:8px;
}

        .sub_group {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
        }
        .sub_group_name {
            flex:1;
            padding: 10px 20px;
            /*background-color: #f4f4f4;*/
            border-radius: 5px;
            text-decoration: none;
            color: #333;
            font-size:1.6rem;
            text-align: center;
            transition: background 0.3s;
            border:1px solid #e2e2e2;
          margin-bottom:20px;
        }
        .sub_group_name:hover {
            background-color: #ddd;
        }
        @media (max-width: 600px) {
            .sub_group {
                flex-direction: column;
                align-items: center;
            }
        }