@charset "utf-8";

/*画面の幅が640pxまでの場合に適用するCSS */
@media screen and ( max-width:980px )
{
/*===================================================
					共通CSS
===================================================*/
	.footer-bottom-links__link:visited {
		color: #3c3c3c;
	}
	.fs-l-header {
		padding-top: 20%;
	}
	.fs-l-main {
		margin-top: 80px!important;
	}
	.fs-c-heading--page {
		margin: 0!important;
		padding: 0!important;
	}

	.mainImg_pc {
		display: none;
	}
	.mainImg_sp {
		display: block;	
		margin-bottom: 10%;
	}
	.conceptBox {
		width: 98%;
		margin-left: 1%;
	}
	.conceptBox .conTitle {
		font-size: 22px;
	}
	.conceptBox .conceptTxt {
		width: 98%;
		margin-left: 1%;
	}
	.pro_container {
		width: 100%;
		margin-left: 0;
	}
	.productBox {
		margin-bottom: 20%;
	}
	.lookTxt {
		font-size: 20px;
		margin-left: 3%;
		margin-bottom: 15%;
	}
	.lookConBox {
		width: 76%;
		margin-left: 12%;
	}
	.lookConBox .look02, .lookConBox .look03, .look_container {
		margin-bottom: 20%;
	}
	.itemBox {
		width: 96%;
		margin-left: 2%;
	}
	.itemBox .itemTitle {
		font-size: 20px;
		margin-bottom: 15%;
	}
	.item_container {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-bottom: 13%;
	}
	.item_container .item_01 {
		width: 80%;
		margin-left: 10%;
	}
	.item_container .item_02 {
		margin-left: 45%;
		padding: 0 0;
	}
	.item_container .item_03 {
		width: 50%;
		margin-left: 25%;
	}
	.shohinBox {
		width: 100%;
		margin-left: 0;
		margin-bottom: 15%;
	}
	.sld_container {
		display: block;
		padding: 2% 0;
		margin-bottom: 10%;
	}
	.sec_inner {
		width: 100%;
		padding-right: 0;
		margin-bottom: 10%;
	}
	.sld_container .sld_item01 {
		width: 96%;
		margin-left: 2%;
	}
	.sld_pc {
		display: none;
	}
	.sld_sp {
		display: block;
	}
	.sec_inner2 {
		width: 100%;
		padding-left: 0;
	}
	.sho_container {
		width: 96%;
		margin-left: 2%;
	}
	.linkBtn2 {
		width: 60%;
	}
	hr {
		width: 94%;
		margin-left: 3%;
	}
/*===================================================
			    	Footer CSS
===================================================*/
	
	.fs-l-footer {
		margin-top: 0!important;
	}
	.footer {
		margin-top: 1.0vw!important;
	}
}