@charset "utf-8";
/* CSS Document */

/********** ▼全体▼ **********/

.sp { display: block; }/*SP表示*/
.tbpc { display: none; }/*TBPC非表示*/

	/* ▼fontawesome▼ */
	.fab, .fa-brands {
		font-family: 'Font Awesome 6 Brands';
		font-weight: 400;
	}
		/*SNS*/
		i.fab,i.fa-brands { font-size: 4rem; }
		i.fa-square-facebook { color: #1877f2; }
		i.fa-square-twitter { color: #1d9bf0; }
		i.fa-square-instagram { color: #d8003f; }
		i.fa-line { color: #06C755; }
	/* ▼fontawesome▼ */

/***SP検索窓非表示***/
div.fs-p-headerNavigation__search { display: none; }
div.imgbox { margin-top: 15px; }
.delay-time{ animation-delay: 0.2s; } /*画像の表示スピード*/
/*画像の幅をmaxにするため、修正(元はfs_themeのcss)*/
main.fs-l-main.fs-l-product { padding: 0px; }
/*上記を除外するための内容(テキスト部分)*/
#productInfo,
.txtbox,.fs-p-dateList.fs-pt-list.fs-pt-list--noMarker,
.fs-p-heading--lv2,.fs-l-col--2,
.fs-c-productListCarousel.fs-c-slick { padding: 8px; }

/*会員誘導*/
/*ログインしているときは非表示*/
.fs-clientInfo .member-login--true  { display: none; }
/*ログインしているときは非表示*/

.txtbox { padding-top: 0px; }
.txtbox p:first-child { margin-top: 0px; }

/********** ▼ヘッダー部分▼ **********/
.fs-p-logo__image { max-width: 88%; }
.fs-p-headerNavBar { margin-bottom: 1px; }
.fs-l-header__logo { padding-top: 2%; }
.fs-p-inputGroup__button { background: #000833; }

	/******** ▼ハンバーガーメニュー(SP/TB)▼ ********/
	aside.fs-p-drawer.fs-l-sideArea { width: 100%;/*SPのみ*/ }
	.fs-p-drawer__loginLogout__logout, .fs-p-drawer__loginLogout__login { border-radius: 10px; }
	.fs-p-sideMenu .fs-pt-menu__heading--lv1 {
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 1px solid #999999;
	}

	/*新規会員登録など*/
	.newmember,.mypage,.favo {
		border: none;
		background: none;
		justify-content: left;
		padding-left: 10px;
	}

	.newmember::before,.mypage::before,.favo::before {
		font-family: 'FontAwesome';
		color: #00f;
		padding-right: 5px;
	}

	.newmember::before { content: "\f2bd"; }
	.mypage::before { content: "\f007"; }
	.favo::before { content: "\f004"; color: #f00; }
	/******** ▲ハンバーガーメニュー(SP/TB)▲ ********/

/********** ▲ヘッダー部分▲ **********/


/********** ▼フッター部分▼ **********/

.fs-p-footerNavigationItem__emphasis { color: #000; }

	/******** ▼SNSアイコン▼ ********/

ul.fs-p-footerSnsLink img { width: 30px; }

	/*ul.fs-p-footerSnsLink {
		background: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
	}*/
	ul.fs-p-footerSnsLink li.fs-p-footerSnsLink__item { padding-right: 10px; }
	ul.fs-p-footerSnsLink li.fs-p-footerSnsLink__item:first-child { padding-left: 10px; }
	/******** ▲SNSアイコン▲ ********/

/********** ▲フッター部分▲ **********/


/********** ▼トップページ▼ ***********/

.fs-c-productListCarousel__list__item { /*取扱商品部分の横のマージン*/
	margin-right: 10px;
	margin-left: 10px;
}
/********** ▲トップページ▲ ***********/




/********** ▼検索結果ページ▼ **********/

/*検索結果にキャッチコピーを表示しない*/
form span.fs-c-productName__copy { display: none; }

/********** ▲検索結果ページ▲ **********/



/********** ▼カテゴリページ▼ **********/
span.fs-c-productName__copy { color: #000; }

a.fs-c-button--viewProductDetail.fs-c-button--plain,
button.fs-c-button--addToCart--list.fs-c-button--plain {
    padding: 5px;
    border-radius: 5px;
    /*padding-right: 25px;*/
    border: 1px #000833 solid;
	background-color: #0f1533;
    color: #fff;
}

.fs-c-heading--page {
    margin: 0 0 0.2em;
    padding: 0 0 0.2em;
}

/********** ▲カテゴリページ▲ **********/


/********** ▼マイページ▼ **********/

.fs-c-accountService__page { flex-basis: 32%; }

/********** ▲マイページ▲ **********/



/********** ▼商品ページ用▼ **********/
section.productsdetail,
article.productsdetail{
	padding-top:15px;
	padding-bottom:15px;
}

section.productsdetail h2,
article.productsdetail h2 {
	font-size: 14px;
    margin-bottom: 0;
	text-align: center;
}

.products-content { margin-bottom: 65px; }

.products-content img { 
	margin-bottom : 10px;
	margin-top: 15px;
}

.products-content img/*.beforetxt*/ { 
	margin-bottom : 0px;
	margin-top: 15px;
}

.products-content h4 {
	color:#333;
	font-weight : bold;
    line-height: 1em;
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 0;
}

.products-content ul { margin-bottom: 0px; }

.bgc { background : #ffe600; }

.bgcb { 
	background : #ffe600;
	font-weight : bold;
 }

.fcredb {
	color : #fb2032;
	font-weight : bold;
}


div#productInfo > * {
	margin-top: 5px;
	margin-bottom: 5px;
}


/*キャッチコピーの後ろを強制改行*/
.fs-c-productNameHeading__name::before {
	content: "\A";
	white-space: pre ;
	color: #bf0000;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3em;
}

/*商品名後ろの文言*/

div.limitedQty {
	margin-top: 15px;
    margin-bottom: 15px;
	color: #000833;
	font-weight: bold;
	line-height: 0.1em;
}

div.limitedQty p {
}

/*熨斗について*/
.noshi__link::before {
	content: "\f79c";
	font-family: 'FontAwesome';
	color: #3572b0;
    padding-right: 5px;
}

/*返品特約について*/
.fs-c-returnedSpecialContract__link::before {
	content: "\f06a";
	font-family: 'FontAwesome';
	color: #3572b0;
    padding-right: 5px;
}

/*問合せ*/
.fs-c-button--inquiryAboutProduct.fs-c-button--plain > span.fs-c-button__label::before {
    content: "\f0e0";
    font-family: 'FontAwesome';
    color: #3572b0;
    padding-right: 5px;
}


.fa-truck::before { content: "\f0d1"; }


/*かご前の＋*/
button.fs-c-button--addToCart--detail.fs-c-button--primary .fs-c-button__label::before {
    content: "\f055";
    font-family: 'FontAwesome';
    color: #fff;
    padding-right: 5px;
}

/*予約期間の時計*/
span.fs-c-productSalesPeriod__label.fs-c-string.fs-c-string--label::before {
    content: "\f2f2";
    font-family: 'FontAwesome';
    color: #3c3c3c;
    padding-right: 5px;
}


	/******** ▼アイコン▼ ********/
	img.fs-c-productMark__image { 
		width: 50px;
		padding: 0!important;
	}
	.shipnormal img { border: 1px #ff5400 solid; }
	.shipcold img { border: 1px #0070bf solid; }
	.shipfrozen img { border: 1px #0000bf solid; }
	/******** ▲アイコン▲ ********/

	/******** ▼ポイント▼ ********/
	div.fs-c-productPointDisplay {
	    background: #ae7f46;
	    color: #ffffff;
	    border-radius: 5px;
	    width: 50%;
	    line-height: 2em;
	    text-align: center;
		margin-bottom: 5px;
	}
	/******** ▲ポイント▲ ********/

	/******** ▼かご回りの余白▼ ********/
	.fs-c-productMark { margin-bottom: 5px; }
	.fs-c-mark--preorder { margin-bottom: 5px; }
	.fs-c-productPrices.fs-c-productPrices--productDetail { margin-bottom: 5px; }
	/******** ▲かご回りの余白▲ ********/

	/******** ▼フローティング買い物かご▼ ********/
	.fs-p-scrollingCartButton { bottom: 15%; }
	/******** ▲フローティング買い物かご▲ ********/


	/******** ▼買い物かご▼ ********/
	.fs-c-button--primary {
		background: #000833;
		border: 1px solid #000833;
	}
	/******** ▲買い物かご▲ ********/


/********** ▲商品ページ用▲ **********/

.fs-c-specTableContainer p { font-size: 0.8em; }

/****** 返品特約P ******/
section.fs-p-returnPolicy {
    margin-left: 1%;
    margin-right: 1%;
}





/****************************************** ▼汎用▼ ******************************************/

/*********** ▼並列用▼ *********/
*, *:before, *:after {	box-sizing: border-box; }

div.col_1,div.col_2,div.col_3,div.col_4,div.col_5 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin-bottom: 15px;
}

div.col_1 img,div.col_2 img,div.col_3 img,div.col_4 img,div.col_5 img {	width: 100%;}

.col_1 > div { width: 100%!important; padding: 5px; } /*1列*/
.col_2 > div { width: 50%!important; padding: 5px; display: flex; flex-direction: column; } /*2列*/
.col_3 > div { width: 33.333%!important; padding: 5px; } /*3列*/
.col_4 > div { width: 50%!important; padding: 5px; display: flex; flex-direction: column; } /*2列*/
.col_5 > div { width: 20%!important; padding: 5px; } /*5列*/

/*ulタイプ*/
/*w10～w90と組み合わせて使う*/
ul.col_1,ul.col_2,ul.col_3,ul.col_4,ul.col_5 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin-bottom: 15px;
	background-color: #fff;
    font-weight: normal;
    line-height: 1.4em;
    border: 1px #f2f2f2 solid;
}

/*1-5列*/
.col_1 > li, .col_2 > li,.col_3 > li, .col_4 > li, .col_5 > li {
	padding: 5px;
	background-color: #fff;
    font-weight: normal;
    line-height: 1.4em;
    border: 1px #f2f2f2 solid;
}
/*********** ▲並列用▲ *********/

/****************************************** ▲汎用▲ ******************************************/


/****************************************** 新トップ ******************************************/
.fs-pt-carousel__slide__caption {
	font-family: shippori-mincho,serif;
	font-size: 1.8em;
	line-height: 1.2;
	letter-spacing: .05em;
}

p {
    font-family: dnp-shuei-gothic-kin-std,sans-serif;
    line-height: 1.75;
    font-size: 1em;
    letter-spacing: .03em;
}




/************************************ Below is the Tablet/PC Style ************************************/
@media screen and (min-width: 768px){
	
	.sp { display: none; } /*SP非表示*/
	.tbpc { display: block; }/*TBPC表示*/
	
	/*スライダー部分のマージン*/
	div.slick-slide {
		margin-right: 1px;
		margin-left: 1px;
	}
	
	/*ヘッダー内ナビゲーション*/
	.fs-p-headerNavBar { border-bottom: 2px solid #fff; }
	
	
	/* ハンバーガーメニュー */
	aside.fs-p-drawer.fs-l-sideArea { width: 35%; }
	
	/* マイページ */
	.fs-c-accountService__page { flex-basis: 128px;	}
	
	
	.col_1 > div { width: 100%!important; padding: 5px; } /*1列*/
	.col_2 > div { width: 50%!important; padding: 5px; display: flex; flex-direction: column; } /*2列*/
	.col_3 > div { width: 33.333%!important; padding: 5px; } /*3列*/
	.col_4 > div { width: 25%!important; padding: 5px; } /*4列*/
	.col_5 > div { width: 20%!important; padding: 5px; } /*5列*/
	
	
	/*商品名後ろの文言*/
	div.limitedQty { margin-top: 5px; }
	
}

/************************************ Below is the PC Style ************************************/
@media screen and (min-width: 1024px){

	.fs-l-header__contents > .fs-l-header__logo > a > .fs-p-logo > img.fs-p-logo__image { max-width: 60%; } /*logo size*/
	.fs-l-header__logo > a > .fs-p-logo > img.fs-p-logo__image { max-width: 7.32%; } /*ログインページなどのロゴ*/
	.fs-p-logo__image { max-height: 120px; }
	
	div.fs-p-headerNavigation__search {display: inline;}/*PC検索窓*/
	/*.fs-l-header__utility { grid-template-rows: 100fr; } /*fs_theme.cssの打消し ヘッダー内*/

	/*.fs-l-main { padding: 8px; }*/
	
	/*i.fab,i.fa-brands { font-size: 3rem; } /*SNS icon size*/
	/*ul.fs-p-footerSnsLink { padding-left: 10px; } /*SNS BG */
	
	/*ul.fs-p-footerSnsLink li.fs-p-footerSnsLink__item:first-child { padding-left: 0px; } /*1st-child padding none*/
	
	.fs-c-productNumber,.fs-c-productPointDisplay { width: 45%; } /* Item number and Point */
	.fs-c-productPointDisplay { margin-bottom: 10px; } /* Point */
	
	.fs-p-headerNavBar { border-bottom: 2px solid #000833;} /*fff; }*/
	
	/*.fs-l-main { padding: 8px; }*/
	
/*	p { font-size: 1.2em; }*/
	
	.txtbox { font-size: 1.2em;	}

	/*PC 左ナビ非表示　メインカラム幅変更*/
		.fs-l-sideArea { display: none; } /*左ナビ非表示*/
		.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea { max-width: 1168px; } /*メインカラム幅変更*/
	/*PC 左ナビ非表示　メインカラム幅変更*/
	
	
	/*********** ▼product page▼ ***********/
	div#productImgInfo {
		width: 100%;
		display: flex;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		margin-bottom: 15px;
	}
	
	div#productImgInfo > div {
		/*width: 50%!important;*/
		padding: 5px;
		display: flex;
		flex-direction: column;
	}
	
	div#productImgInfo > div:first-child { 
		width: 60%;
		padding-right: 15px;
	}

	div#productImgInfo > div#productInfo { width: 40%; }

	.fs-c-slick .slick-slide img { padding-right: 5px; }
	
	/*** 商品画像下サムネイル部のスクロールバー非表示 ***/
	ul.fs-c-productCarouselMainImage__thumbnailList::-webkit-scrollbar { display: none; }
	ul.fs-c-productCarouselMainImage__thumbnailList {
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	/*** 商品画像下サムネイル部のスクロールバー非表示 ***/
	
	/*** 商品一覧 ***/
	a.fs-c-button--viewProductDetail.fs-c-button--plain,
	button.fs-c-button--addToCart--list.fs-c-button--plain {
		font-size: 0.8em;
	}
	

	/*********** ▲product page▲ ***********/
	
	/*********** ▼トップページ 取扱商品 カルーセル▼ ***********/
	.fs-c-productListCarousel__list__item {
		flex-basis: 350px;
		max-width: 350px;
		min-width: 350px;
		margin: 0 8px;
	}
	
	div.slick-slide {
		margin-right: 1px;
		margin-left: 1px;
	}
	
	/*div.slick-slide:first-child { margin-right: 0px; }*/

	/*********** ▲トップページ 取扱商品 カルーセル▲ ***********/

	/********* ▼マイページ▼ *********/
	.fs-c-accountService__page { flex-basis: 30%;}
	

	/****** 返品特約P ******/
	.fs-p-returnPolicy {
		margin-left: 0%;
		margin-right: 0%;
	}

}
/*** /PC ***/