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

/*2カラム設定*/
/*PC*/
@media only screen and (min-width: 1025px) {
	
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	#content {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#content .side {
		position: relative;
		width: 90%;
		height: auto;
		margin: 30px auto 0 auto;
	}
	
	#content .main {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto 0 auto;
	}
	
}

/*トップページ*/
/*PC*/
@media only screen and (min-width: 1025px) {
	
}

/*SMP*/
@media only screen and (max-width: 1024px) {
	/*各種案内・ナビゲーション*/
	#top_nav {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
		width: 94%;
		height: auto;
		margin: 25px auto 25px auto;
	}
	
	#top_nav a {
		display: block;
		position: relative;
		width: 48%;
		height: auto;
		margin: 0 1% 10px 1%;
		padding: 20px 0 20px 60px;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
		color: #363636;
		border: solid 1px #363636;
		box-sizing: border-box;
	}
	
	#top_nav a img {
		position: absolute;
		top: 50%;
		left: 15px;
		transform: translateY(-50%) translateX(0);
		width: 30px;
		height: auto;
	}
	
	/*商品ラインナップ*/
	#top_product {
		position: relative;
		width: 94%;
		height: auto;
		margin: 0 auto 30px auto;
	}
	
	#top_product .title {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#top_product .m_title h2 {
		position: relative;
		padding: 8px 0 8px 12px;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 18px;
		text-align: left;
		color: #363636;
	}
	
	#top_product .m_title h2::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%) translateX(0);
		width: 6px;
		height: 100%;
		background: rgba(255,207,23,1.00);
	}
	
	#top_product .con {
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#top_product .con .title {
		
	}
	
	#top_product .con .loop {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		position: relativee;
		width: 100%;
		height: auto;
	}
	
	#top_product .con .loop a {
		display: block;
		position: relative;
		width: 200px;
		height: auto;
	}
	
	#top_product .cat {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#top_product .cat a {
		display: block;
		position: relative;
		width: 48%;
		height: auto;
		margin: 0 1% 10px 1%;
		padding: 20px 0 20px 60px;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 20px;
		text-align: left;
		color: #363636;
		border: solid 1px #363636;
		box-sizing: border-box;
	}
	
}