@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;
	}
	#ccBOx {
		font-size: 120%;
	}
	.mainBox {
		width: 100%;
		margin-left: 0;
	}
	.titleBox {
		margin-bottom: 15%;
	}
	.titleBox .tTxtBox {
		width:  86%;
		margin-left: 7%;
		margin-right: 7%;
	}
	.titleBox .tTxtBox .fahter_title {
		font-size: 300%;
	}
	.titleBox .tTxtBox .fahter_title2 {
		font-size: 95%;	
	}
	.titleBox .menu-container {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		display: block;
		text-align: center;
		font-size: 100%;
	}
	.titleBox .menu-container .menu-item01 {
		margin-bottom: 5%;
	}
	.titleBox .menu-container .menu-item02 {
		margin-bottom: 5%;
	}
	hr {
		margin-bottom: 10%;
	}
	.gift_setsumeiBox {
		margin-bottom: 20%;
	}
	.giftBox .gift_title {
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}
	.giftBox .gift_title .gift_icon {
		width: 14%;
		margin-left: 43%;
		margin-right: 43%;
	}

	.gift_setsumeiBox .gift-container {
		display: block;
		margin-bottom: 10%;
	}
	.gift_setsumeiBox .gift-container .gift-item01 .gsetsumei {
		margin-bottom: 5%;
		padding-bottom: 10%;
	}
	.gift_setsumeiBox .gift-container .gift-item02 {
		padding-left: 0;
	}
	.wrappingBox .wrap_title .wrap {
		font-size: 250%;
	}
	.thumBox {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}
	.thumBox .thum-container {
		display: block;
	}
	.thumBox .thum-container .thum-item01 {
		margin-bottom: 5%;
	}
	.thumBox .thum-container .thum-item02 {
		margin-bottom: 5%;
		padding-left: 0;
	}
	.thumBox .thum-container .thum-item03 {
		padding-left: 0;
	}
	.shohinBox .shTitle .pc {
		display: none; 
	}
	.shohinBox .shTitle .sp {
		display: block; 
	}

	.shohinBox .shsubt {
		font-size: 200%;
	}
	.shohinBox .sh-container {
		flex-wrap: wrap;
	}
	.shohinBox .sh-container .sh-item01 {
		width: 50%;
		padding: 3%;
	}
	.shohinBox .sh-container .sh-item02 {
		width: 50%;
		padding: 3%;
	}
	.shohinBox .motto {
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
	}
	.shohinBox .shsub {
		font-size: 90%;
	}
/*===================================================
			    	ShopList CSS
===================================================*/
	.smeiBox {
		margin: 0;
	}
	.setsumei {
		margin: 0;
	}
	.shopBox .s_txt {
		font-size: 130%;
	}
	.kaishi {
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
		font-size: 100%;
	} 
/*===================================================
			    	Footer CSS
===================================================*/
	
	.fs-l-footer {
		margin-top: 0!important;
	}
	.footer {
		margin-top: 1.0vw!important;
	}
}