@charset "Shift_JIS";



/***********************************************
　clearfix
***********************************************/
.clearfix:after{ 
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
	min-height:1%;
}
* html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}



/***********************************************
　トピックス
***********************************************/
#Topics_News p{
	margin:0 0 3%;
	font-size:1rem;
	padding:1% 0;
	text-align:center;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	background:#555555;
}
#Topics_News p a{
	color:#ffffff;
	display:block;
}
#Topics_News img{
	width:100%;
	margin-bottom:10px;
}


/***********************************************
　商品ページ　ヘッダー
***********************************************/
.View_Header{
	margin:0 0 2%;
	text-align:center;
}
.View_Header img{
	width:98%;
}


/***********************************************
　商品ページ　フッター
***********************************************/
.View_Footer{
	margin:0 0 10%;
	padding:0 0 5%;
	text-align:center;
	background:#ffffff;
}
.View_Footer h4{
	margin:5% 0 0;
	text-align:left;
}
.View_Footer img{
	width:98%;
	margin:3% 0 0;
}
.View_Footer ul{
	list-style:none;
}
.View_Footer #View_Cat{
	display: flex;
	flex-wrap:wrap;
	text-align:center;
}
.View_Footer #View_Cat li{
	width:calc(100% / 2);
	text-align:left;
	font-size:1rem;
}
.View_Footer #View_Cat li img{
	margin:0 1%;
	width:20%;
}
.View_Footer #View_Cat li a{
	display:block;
	width:100%;
	padding:5% 0;
	text-decoration:none;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	position:relative;
}
.View_Footer #View_Cat li a:nth-child(2n){
	border-right:none;
}
.View_Footer #View_Cat li a:after{
	position:absolute;
	right:1%;
	top:40%;
	content:">";
	display:inline-block;
	width:1rem;
	height:1rem;
	background-size:contain;
}