<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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;
	}
	#fs_CustomPage h1.fs-c-heading--page {
		 padding-top:20px !important;
	}
	.mainBox {
		width: 100%;
		margin-left: 0;
	}
	.titleBox .titleImg {
		margin-bottom: 7%;
	}
	.titleBox .menu-container {
		display: block;
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
		text-align: center;
	}
	.titleBox .menu-container .menu-item01, .menu-item02,.menu-item03 {
		margin-bottom: 5%;
	}
	.brandBox {
		margin-bottom: 30%;
	}
	.brandBox .hydroBox .hydrotoha2 {
		font-size: 100%;
	}
	.brandBox .hydroBox .hydrotoha3 {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.brandBox .hydroBox .fune {
		width: 20%;
	}
		.brandBox .LineBox .ltxt1 {
		font-size: 130%;
	}
	.brandBox .LineBox .ltxt2 {
		font-size: 120%;
	}
	.brandBox .obi {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.brandBox .obi .obitxt {
		font-size: 120%;
	}
	.brandBox .bf-container {
		display: block;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.brandBox .bf-container .bi-item01 {
		margin-bottom: 5%;
	}
	.recoBox .recoTitle {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 10%;
	}
	.recoBox .rsBox {
		width: 100%;
		margin-left: 0;
	}
	.recoBox .mate01-container {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10%;
	}
	.recoBox .mate01-container .mate01-item01 {
		width: 14%;
	}
	.recoBox .mate01-container .mate01-item02 {
		width: 14%;
	}
	.recoBox .mate01-container .mate01-item03 {
		width: 55%;
		margin-left: 5%;
	}
	.rstBox {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		text-align: left;
		margin-bottom: 20%;
	}
	.rstBox .rstTxt1 {
		line-height: 1.3em;
		text-align: center;
	}
	.recoBox .recoTitle .recosub {
		padding-top: 0;
		line-height: 1.2em;
		margin-bottom: 5%;
	}
	.recoBox .rsf-container {
		display: block;
		margin-bottom: 20%;
	}
	.recoBox .rsf-container .rsf-item01 {
		margin-bottom: 5%;
	}
	.recoBox .rsf-container .rsf-item02 {
		margin-left: 0;
	}
	.recoBox .rsf-container .rsf-item02 .rsfTxt1 {
		margin-left: 26%;
	}
	.rstBox .rstTxt2 {
		font-size: 120%;
	}
	.recoBox .rsf-container .rsf-item02 .rsfTxt3 {
		font-size: 120%;
	}
	.rstBox .rstTxtc {
		font-size: 120%;
	}
	.rstBox .mark1 {
		width: 16%;
	}
	.rstBox .rstTxta {
		margin-left: 26%;
		font-weight: 600;
	}
	.seriesBox .seTitle .seImg .sp {
		display: block!important;
	}
	.seriesBox .seTitle .seImg .pc {
		display: none!important;
	}
	.seriesBox {
		width: 100%;
		margin-left: 0;
	}
	.shohinBox .shf-container1 {
		display: block;
	}
	.bottom .kotira {
		margin-bottom: 30%;
	}
	.shohinBox .shf-container1 .shi1-item02 {
		margin-left: 0;
	}
/*===================================================
			    	ShopList CSS
===================================================*/
	.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;
	}
}</pre></body></html>