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

#fea_moz_goods body{
	width:80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#003;
	background-color:#FFF;
	margin:auto;
	padding:0;
}

#fea_moz_goods .text-image {/*親div*/
	width:100%;
	height:575px;
	position: relative;/*相対配置*/
	margin-bottom: 10%;
  }
  
#fea_moz_goods .text-image img{
	width: 100%;
	}

#fea_moz_goods .text-image h1{
	font-family:"筑紫A丸ゴシック";
	text-align:center;
	font-size:350%;
	white-space: nowrap;
	position: absolute;/*絶対配置*/
  color: #151515;/*文字の色*/
  line-height:1.2;
   top:60%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	}

#fea_moz_goods .designer-sp{
	display: none;
}

#fea_moz_goods .designer {
	display: flex;
	justify-content: space-between;
	padding:0 ;
	margin-bottom: 10%;
				}

#fea_moz_goods .designer .designerimg{
		width: 45%;
		flex-grow:1;
		text-align:center;
		margin-top: 3%;
		}
		
#fea_moz_goods .designer .designertext{
		flex-grow: 1;
		color: #0E0E0E;
		text-align:left;
		margin-left: 10% auto 0 auto;
		font-size: 150%;
	}

#fea_moz_goodsr h1{
	text-align: center;
}

#fea_moz_goods p {
	color: #121212;
	font-size: 150%;
	margin: 3%;
}
 
#fea_moz_goods .right {
	text-align: right;
	color: #121212;
	font-size: 150%;
	margin-bottom: 3%;
}

#fea_moz_goods h1 h2{
	color: #0E0E0E;
}


#fea_moz_goods .con1 {
		display: flex;
		list-style-type:none;
		justify-content: space-between;
		flex-wrap:nowrap;
	margin-bottom: 10%;
		}
		

#fea_moz_goods ul{
	list-style-type: none;
	padding-left: 0;
	}

#fea_moz_goods ul a{
	color: inherit;
	text-decoration: none;
		}

#fea_moz_goods .category {
		display: flex;
		list-style-type:none;
		justify-content: space-between;
		flex-wrap:wrap;
		}
		
#fea_moz_goods .category img{ 
		width:200px;
		}

#fea_moz_goods .category .text p{
	font-size: 200%;
	text-align:left;
}


#fea_moz_goods .category p{
		text-align:center;
		font-family:"筑紫A丸ゴシック";
		margin:2% 0;
		}
		
#fea_moz_goods .icon{
    margin: 10% auto;
    text-align: center;
	width: 70%;
		}

#fea_moz_goods ul .product a{
	color: inherit;
	list-style-type: none;
}

#fea_moz_goods .product h1{
	color: #0E0E0E;
	margin : 2% 0 0 10%;
  	font-size:200%;
}

#fea_moz_goods .product h2{
	color: #0E0E0E;
	margin : 5% 0 0 10%;
  	font-size:200%;
	line-height: 1.3;
}

#fea_moz_goods .product p{
	margin : 2% 10% 0 10%;
  	font-size:170%;
}

#fea_moz_goods .right {
	text-align: right;
	color: #0E0E0E;
}

#fea_moz_goods .product li{
	margin-bottom: 15%;
}

#fea_moz_goods .product .productimg{
	text-align : center
}

#fea_moz_goods .product li img {
	width:80%;
	margin-bottom: 5%;
	padding: 0;
}

#fea_moz_goods .item {
	padding: 5px 40px 5px 3px;
}

#fea_moz_goods .item h2 p{
	font-size: 170%;
	color: #0E0E0E;
}

#fea_moz_goods .here p{
	text-align: center;
	color: #fff;
	background-color: #121212;
	font-size: 150%;
	padding: 3%;
	margin: 0 5% 0 5%;
}

#fea_moz_goods .here a{
	text-decoration: none;
}

#fea_moz_goods .here{
	margin: 0 0 10% 0;
}

/*中ぐらいの表示*/
#fea_moz_goods .conC{
		display: flex;
		flex-basis: 50%;
		justify-content: space-between;
		flex-wrap:nowrap;
		margin-bottom:12%;
		}

#fea_moz_goods .conC h2{
	font-size: 190%;
	color: #0E0E0E;
}

#fea_moz_goods .conC p{
	font-size: 160%;
	margin: 5% auto;
	color: #0E0E0E;
}

#fea_moz_goods .conC .item-1{
		flex-grow:1;
		text-align:center;
		}
		
#fea_moz_goods .conC .item-2{
		flex-grow: 1;
		text-align:center;
		}
		
/*#fea_moz_goods .conC li{
border: 1px solid;
border-color: #333333;
padding: 5
}*/	



/*--------------------------
スマホ　640px以下の表示の場合
--------------------------*/		
@media(max-width:640px){
#fea_moz_goods body{
	width:100%;
	}

	#fea_moz_goods .text-image {
	height:225px;
	}
	
#fea_moz_goods .text-image h1{
	font-family:"丸ゴシック";
	text-align:center;
	font-size:140%;
	font-weight: bolder;
	white-space: nowrap;
	position: absolute;/*絶対配置*/
  color: #151515;/*文字の色*/
  line-height:1.2;
   top: 52%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
	}

#fea_moz_goods .designer-sp {
	display: block;
	text-align: center;
	margin-bottom: 15%;
	}
	
#fea_moz_goods .designer-sp img{
	text-align: center;
	width: 325px;
	height: 215px;
	margin-bottom: 5% auto ;
}

#fea_moz_goods .designertext{
	color: #0E0E0E;
	text-align:left;
	margin-bottom: 2% auto 5% auto;
	font-size: 100%;
	}

#fea_moz_goods .designer-sp p{
	color: #0E0E0E;
	text-align:left;
	margin-bottom: 2% auto 5% auto;
	margin-bottom: 5%;
	font-size: 120%;
	}

#fea_moz_goods .designer {
		 display:none;
}

#fea_moz_goods .product h1 {
	font-weight: normal;
	font-size: 150%;
	line-height: 1.2;
	margin-left: 0;
	color: #0E0E0E;
}
	
#fea_moz_goods .product h2 {
	background-color: #fff;
	font-weight: normal;
	font-size: 150%;
	line-height: 1.2;
	margin-left: 0;
	color: #0E0E0E;
}

#fea_moz_goods .product p {
	font-size: 120%;
	line-height: 1.2;
	margin-left: 0;
	color: #0E0E0E;
}

#fea_moz_goods ul .con1{	
width:100%;
	}

#fea_moz_goods .icon{
	margin:10% auto;
	width:40%;
	}
	
#fea_moz_goods .con1 .category img{
	justify-content:space-between;
	}
	
#fea_moz_goods .conC{ 
		width:100%;
		padding: 0;
		}

#hightech_wear h1 {
	font-size: 150%;
	line-height: 1.2;
	color :#121212;
}

#fea_moz_goods .conC img{ 
		width:80%;
		}

#fea_moz_goods .item {
	padding: 5px 15px 5px 3px;
}

#fea_moz_goods .item-2 h2{
background-color: #fff;
  margin : 2% 0 0 0;
  font-size:16px;
  font-weight: normal;
}

#fea_moz_goods .item-2 p{
	margin-top: 0;
	font-size:14px;
		}


#fea_moz_goods .block-top-category {
	display:none;
}



}