@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: 100%;
		margin-left: 0;
	}
	.titleBox .title .logoImg {
		width: 30%;
		margin-left: 35%;
	}
.titleBox .title_pc {
	display: none;
}
.titleBox .title_sp {
	width: 100%;
	display: block;
	margin-bottom: 5%;
}
	.titleBox .subTxt {
		text-align: left;
		line-height: 1.8em;
		width: 90%;
		margin-left: 5%;
		margin-bottom: 15%;
	}
	.titleBox .subTxt_qa {
		text-align: center;
		margin-left: 0;
		line-height: 1.8em;
		margin-bottom: 8%;
	}
	.youiBox {
		width: 100%;
		margin-left: 0;
		font-size: 14px;
		margin-bottom: 20%;
	}
	.youiBox .yTitle {
		width: 50%;
		margin-left: 25%;
		margin-bottom: 10%;
	}
	.youiBox .ylist {
		width: 100%;
		margin-left: 0;
	}
	.youiBox .ylist li {
		margin-left: 8%;
		line-height: 1.2em;
	}
	.sozaiBox {
		width: 100%;
		margin-left: 0;
		padding-top: 12%;
	}
	.sozaiBox .sozai_conBox {
		width: 90%;
		margin-left: 5%;
		margin-bottom: 10%;
	}
	.sozaiBox .sozai_conBox .sozai_title {
		line-height: 1.5em;
		font-size: 17px;
		letter-spacing: 0.4em;
	}
	.sozaiBox .sozai_conBox .sozaiTxt {
		margin-bottom: 5%;
	}
	.sozaiImg_container {
		display: block;
		background-color: #ffffff;
		padding: 10% 10%;
		margin-left: 0;
	}
	.sozaiImg_container .si-item01 {
		width: 100%;
		margin-bottom: 10%;
	}
	.kotira .bottom {
		width: 56%;
		margin-left: 22%;
		margin-bottom: 20%;
	}
	.colleBox .colle_conBox .colle-container {
		display: block;
		margin-bottom: 30%;
	}
	.colleBox {
		width: 100%;
		margin-left: 0;
	}
	.colleBox .colle_conBox .colle-container .colle-item01 {
		margin-bottom: 5%;
		
	}
	.colleBox .colle_conBox .colle-container .colle-item02 {
		width: 100%;
		margin-left: 0;
	}
	.sozaiBox .sozai_conBox .sozaiImg {
		margin-bottom: 2%;
	}
	.titleBox .titleTxt {
		margin-bottom: 8%;
		font-size: 16px;
	}
	.galle_container {
		width: 100%;
		margin-left: 0;
	}
	.galle_container .galle_item01 {
		width: 49%;
	}
	.kotira {
		width: 40%;
		margin-left: 30%;
		margin-bottom: 20%;
	}
/*===================================================
			    	ShopList CSS
===================================================*/
	.smeiBox {
		margin: 0;
	}
	.setsumei {
		margin: 0;
	}
	.shopBox {
		margin-bottom: 15%;
	}
	.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;
	}
}