@charset "utf-8";

/*�� PC : 641px < Window Size ��*/
@media print,screen and (min-width: 641px) {
	/* ------ Body ------ */
	article{
		background-color:#f5f2e9;
	}
	#category{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: stretch;
		-webkit-align-items: stretch;
		border-bottom:3px solid #d6cdaf;
		padding-bottom:100px;
	}
	#category h3{
		color:#6b3c30;
		font-size:38px;
		line-height:100%;
		text-align:center;
		margin-bottom:40px;
	}
	#category h4{
		color:#6b3c30;
		font-size:18px;
		text-shadow:1px 1px 0 rgba(107,60,48,0.4);
		margin:15px auto 35px;
		text-align:center;
	}
	#category ul{
		width:100%;
	}
	#category ul li{
		width:44%;
		max-width:219px;
	}
	#sel_use{
		width:50%;
		border-right:2px solid #d6cdaf;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#sel_use .link{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	#sel_use li{
		margin-right:4%;
	}
	#sel_item{
		width:50%;
		border-left:2px solid #d6cdaf;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#sel_item .link{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	#sel_item li{
		margin-left:4%;
	}
	#sel_item li:nth-child(2n+1){
		margin-left:8%;
	}
}

/*�� Mobile (Low Res) : 640px > 0 ��*/
@media only screen and (max-width: 640px) {
	/* ------ Body ------ */
	article{
		background-color:#f5f2e9;
	}
	#category h3{
		color:#6b3c30;
		font-size:5.9vw;
		line-height:100%;
		text-align:center;
		margin-bottom:5.5vw;
		padding-top:0.5vw;
	}
	#category h4{
		color:#6b3c30;
		font-size:3.8vw;
		text-shadow:1px 1px 0 rgba(107,60,48,0.4);
		margin:2.3vw auto 5.5vw;
		text-align:center;
	}
	#category ul{
		width:100%;
	}
	#category ul li{
		width:48.3%;
		margin-right:3.4%;
	}
	#category ul li:nth-child(2n){
		margin-right:0;
	}
	#sel_use{
		border-bottom:3px solid #d6cdaf;
		padding-bottom:2.3vw;
		margin-bottom:8.6vw;
	}
	#sel_use .link{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
	#sel_item .link{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
	}
}

/*�� Mobile (Low Res) : 480px > 0 ��*/
@media only screen and (max-width: 480px) {
	#sel_use{
		border-bottom:2px solid #d6cdaf;
	}
}