@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;
	}
	.mainBox {
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
	}
	.brandBox .titleImg {
		width: 100%;
		margin-left: 0;
	}
	.brandBox .titleImg .img_pc {
		display: none;
	}
	.brandBox .titleImg .img_sp {
		display: block;
	}

	.subTxt {
		text-align: left;
		width: 90%;
		margin-left: 5%;
	}
	.campainBox {
		margin-bottom: 15%;
		display: block;
	}
	.campainBox .taisyoBox {
		width: 100%;
		margin-left: 0;
	}
	.taisyoBox .tTitle {
		margin-top: 5%;
	}
	.taisyoBox .list {
		margin-left: 5%;
		padding: 6% 5%;
	}
	.tuiki_continer {
		display: block;
		text-align: center;
	}
	.tuiki_continer .bt_item01 {
		margin-bottom: 10%;
	}
/*===================================================
			    	ShopList CSS
===================================================*/
	.shopBox {
		width: 100%;
		margin-left: 0;
		margin-top: 10%;
	}
	.shopTitle {
		padding-left: 30%;
		padding-right: 30%;
	}
	.smeiBox {
		margin: 0;
	}
	.setsumei {
		margin: 0;
	}
	.shopBox .s_txt {
		font-size: 150%;
	}
	.kaishi {
		font-size: 130%;
	} 
/*===================================================
			    	Footer CSS
===================================================*/
	
	.fs-l-footer {
		margin-top: 0!important;
	}
	.footer {
		margin-top: 1.0vw!important;
	}
}