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

header *, aside *, footer * {margin:0;padding:0;}
li {list-style:none;}
a{color:#000;}
a:visited{ color:#333;}
a:hover{color:#F00;}
a:active{color:#06F;}
.clearfix::after {content:"";display:block;clear:both;}
*::before,
*::after {box-sizing:border-box;}
/*.fs-l-header a, #main a, .drawer a ,#side p a, #footer a {text-decoration:none;display:block;}
*,
*//* Remove default padding */
/*ul[class],
ol[class] {padding:0;}
*//* Remove default margin */
/*body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
figure,
blockquote,
dl,
dd {margin:0;}
*//* Set core body defaults */
body {min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5;font-size:16px;color:#3c3c3c;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {list-style:none;}
/* A elements that don't have a class get default styles */
a:not([class]) {text-decoration-skip-ink:auto;}
/* Make images easier to work with */
img {max-width:100%;vertical-align:middle;}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {font:inherit;}
a img:hover {
	opacity:0.8;
}
/* -------レイアウト------- */
.fs-l-page {
 width:100%;
 max-width: 1240px;
 position:relative;
 margin:0 auto;
}
#side {
 width:100%;
}
#footer {
	width:100%;}
.fs-l-footer {
 clear: both;
 border-top:none;
 background-color: none;
margin-top: 0;
}
/* -------header------- */
.logout.my-false { display: none; }
.login.my-true { display: none; }
.regist.my-true { display: none; }
#header h1 {
 font-size:0;
}
.site-description {
 font-size:10px;
 display:none;
}
#utility1 {
 display:none;
}
#site-blanding {
 display:flex;
 flex-wrap:nowrap;
 justify-content: space-between;
 align-items:flex-end;
 margin-bottom: 10px;
}
#site-logo {
 width:40%;
 max-width:280px;
 margin-right:8px;
 margin-left:10px;
}
.logoside {
 width:12%;
}
#header-send {
 display:none;
}
.kago {
 background:#F66 url(https://tsukuruonline.itembox.design/item/design-img/kago.png) no-repeat center center;
 background-size:contain;
 display:block;
 width:44px;
 height:44px;
 position:fixed;
 top:10px;
 right:60px;
 cursor:pointer;
 z-index:200;
 border-radius:10px;
 border:#FFF solid 2px;
}
#header-img-nav {
	display:none;
}
#header-search {
 margin-bottom:8px;
}
#header-search form {
 margin:0 auto;
 width:96%;
}
.fs-p-inputGroup {
	background: none;
}
.search_txt {
 width :calc(100% - 40px) ;
 height:30px;
 font-size:16px;
}
.fs-p-searchForm__button::before{
	font-size: 2.8rem;
}
#header-otoiawase {
 display:none;
}
.osirase {
 border: #ff0000 solid 1px;
 margin-bottom:16px;
 font-size:14px;
}
.osirase-text {
 width:100%;
 padding:4px;
 text-align:center;
 background:url(https://tsukuruonline.itembox.design/item/design-img/info-bg.png) left center no-repeat;
 background-size:cover;
 color:#FFF;
 font-weight:900;
}
.osirase-text img {width: 36px;vertical-align: top;}
.osirase p {
 padding:0 8px;
 margin: 0;}
.fs-p-headerUtilityMenu {
 margin: 0 2px 8px 2px;
}



.eventosirase {
 border: #ffff00 solid 1px;
 margin-bottom:16px;
 font-size:14px;
}
.eventosirase-text {
 width:100%;
 padding:4px;
 text-align:center;
 background:url(https://tsukuruonline.itembox.design/item/design-img/eventosirase.png) left center no-repeat;
 background-size:cover;
 color:#ffff00;
 font-weight:900;
}
.eventosirase-text img {width: 36px;vertical-align: top;}
.osirase p {
 padding:0 8px;
 margin: 0;}
.fs-p-headerUtilityMenu {
 margin: 0 2px 8px 2px;
}



.fs-p-headerUtilityMenu__list {
 display: flex;
 justify-content: space-around;
 flex-wrap: nowrap;
 background-color: #CBCBCB;
}
.fs-p-headerUtilityMenu__list > li + li {
 margin-left: 0;
}
body:not(.fs-body-top) .top-slider-area {
 display:none;
}
body:not(.fs-body-top) .header-event-nav {
	display: none;
}
.top-slider-area {width:100%;margin-bottom: 48px;}
.top-slider {width:100%;}
.sl-content {position: relative;}
.sl-content {margin: 0 auto;}
.slider img,.thumb img, .cals img {width:100%;}
.thumb {display: none;}
.slider {padding-left: 0;}
.slick-prev:before,
.slick-next:before {color: #000 !important;}
.sl-content .arrows {
		width:100%;
		position: absolute;
		top:50%;
		text-align: center;
		margin: 0;
		}
.slick-dots li button::before {font-size: 12px;}
.slick-dots {bottom: -30px;}
.slick-dots li {margin: 0 2px;}
.gide {display: none;}
.header-event-nav{display: none;} 
.fs-body-top .header-event-nav {
 display: block;
 margin-bottom:20px;
}
#recomend-midasi {
 display:none;
 margin-bottom:24px;
}
.fs-body-top #recomend-midasi {
 display:block;
}
.keyword {
 display:flex;
 flex-wrap:wrap;
}
.keyword li {
 width:50%;
 padding:2px;
 font-size:12px;
 background-color:#FEE2E6;
 display:flex;
 align-items:center;
 min-height:30px;
}
.keyword li a {
 display:block;
 text-align:center;
 width:100%;
}
.keyword li.bg-p {
 background-color:#FFF2F7;
}
#header-sub-right-nav {
 display:none;
}

/* -------main------- */
#fs_ProductDetails .fs-c-breadcrumb__list li:last-child {display: none;}
.fs-l-main {display: block;}
ul.cals {padding: 0;width: 90%; margin: 0 auto;}
ul.cals li {padding: 0 2px;}
.fs-c-sortItems {font-size:1.1rem;}
.fs-c-subgroupList__item {
    font-size:1.3rem;
    flex-grow: 0;
    }
.q-a-heading {position: relative;padding: 0.6em;background: #e0edff;}
.q-a-heading:after {
	  position: absolute;
	  content: '';
	  top: 100%;
	  left: 30px;
	  border: 15px solid transparent;
	  border-top: 15px solid #e0edff;
	  width: 0;
	  height: 0;
	  margin-bottom: 15px;
	}
.q-a-heading-a:first-letter {font-size:24px;font-weight: bold;color:#E4A3A4;}
.fs-c-accountService__page {flex-basis: 100px;height: 100px;}
.fs-c-accountService__page--accountDelete {text-decoration: underline;}
.top_h2 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/line.gif) left center repeat-x;
 font-size:18px;
 margin-bottom:8px;
}
.fs-c-accountService__page--accountDelete {align-items: flex-end;}
.top_h2 span {background-color:#FFF;padding:4px 8px;}
#fs_form {margin-top: 24px;}
.fs-c-productNameHeading__copy {display: block;padding-bottom:8px;}
.fs-c-stockSignLegend__legend {padding: 4px 0;}
.fs-c-productQuantityAndWishlist {display: block;}
.fs-c-button--particular.fs-c-button--addToWishList--detail {font-size: 1.2rem;color:#161616;width: 100%;justify-content: center;}
.fs-c-button__label {font-size: 1.4rem}
.fs-c-quantity {display: flex;flex-wrap: wrap;max-width: 100%;}
.fs-c-productQuantityAndWishlist__quantity{padding:1px 0;}
.fs-c-quantity__select, .fs-c-quantity__number {max-width: 5em;margin-bottom: 8px;}
.fs-c-productNotice .fs-c-productNotice--outOfStock {font-size: 14px;}
.fs-p-productDescription img {display: block;margin: 0 auto;}
.fs-c-productQuantityAndWishlist__quantity::before{font-size:14px;font-weight: 500;width: 100%;padding-bottom: 8px;}
.fs-c-productQuantityAndWishlist__quantity::after{font-size:14px;font-weight: 500; width: 100%;}
.fs-body-cart .fs-l-cart__contentsArea {display: block;}
.fs-c-cartDiscountInfo__more {color: #FF2B53;}
.fs-c-productMainImage__expandButton {justify-content: center;}
.fs-c-variationAndActions::after {content: "↓お気に入り登録には先に↑選択肢を選んでください";display: block;padding-top: 16px;font-size: 12px;color:#ff6347;}

/*生地タイプで前後の文字を入れ替えたい場合各レイアウトにクラス名を付けてから*/
/*ここから*/
.fabric-cut .fs-c-productQuantityAndWishlist__quantity::before{content: "数量1=10cm";}
.fabric-cut .fs-c-productQuantityAndWishlist__quantity::after{content: "数量3以上でご注文ください";} 
/*ここまでコピーしてクラス名のみ変更して希望のスタイルを当ててください*/
/*↓↓↓fabric-30cmの場合スタイルあてたもの↓↓↓*/

.v-hyou .fs-c-productQuantityAndWishlist__quantity::before{content: "[数量1=10cm]最低注文単位「3」からご注文下さい";}
.v-hyou .fs-c-productQuantityAndWishlist__quantity::after{content: "個数10以上は「10＋」を選んで必要個数をご入力下さい";color:#666;} 

.fabric-30cm .fs-c-productQuantityAndWishlist__quantity::before{content: "[数量1=10cm]最低注文単位「3」からご注文下さい";}
.fabric-30cm .fs-c-productQuantityAndWishlist__quantity::after{content: "個数10以上は「10＋」を選んで必要個数をご入力下さい";color:#666;} 

.fabric-1m .fs-c-productQuantityAndWishlist__quantity::before{content: "数量1=1m";}
.fabric-1m .fs-c-productQuantityAndWishlist__quantity::after{content: "個数10以上は「10＋」を選んで必要個数をご入力下さい";color:#666;} 

.fabric-panel .fs-c-productQuantityAndWishlist__quantity::before{content: "数量1=1パネル";}
.fabric-panel .fs-c-productQuantityAndWishlist__quantity::after{content: "個数10以上は「10＋」を選んで必要個数をご入力下さい";color:#666;} 

.fabric-50cmunit .fs-c-productQuantityAndWishlist__quantity::before{content: "数量1=50cm";}
.fabric-50cmunit .fs-c-productQuantityAndWishlist__quantity::after{content: "個数10以上は「10＋」を選んで必要個数をご入力下さい";color:#666;} 

.fabric-50cm .fs-c-productQuantityAndWishlist__quantity::before{content: "[数量1=10cm]最低注文単位「5」からご注文下さい";}
.fabric-50cm .fs-c-productQuantityAndWishlist__quantity::after{content: "個数10以上は「10＋」を選んで必要個数をご入力下さい";color:#666;} 

/* slide */
#wide img {
 width:100%;
 height:100%;
}
#wide .sp-slides-container {
 overflow:hidden;
 height:180px;
}
#wide .sp-slides-container .sp-grab {
 overflow:visible;
}
.sp-slide p {
 font-size:14px;
}
span.t-red {
 color:#F00;
}
/* product */
#new-item, #special, #popular, #look-for {
 margin-bottom:24px;
}
#special h2 {
 margin-bottom:-8px;
}
.recomend, .new {
 padding:4px;
 width:68px;
 color:#FFF;
 text-align:center;
 font-weight:800;
 text-transform:capitalize;
 overflow:visible;
 position:relative;
 top:16px;
 box-shadow:2px 2px 4px lightgray;
}
.box-2, .box-3, .box-4 {
 display:flex;
 flex-wrap:wrap;
 align-items:stretch;
 justify-content:space-around;
 margin-bottom:20px;
 font-size: 14px;
}
.box-4{margin-bottom:0;}
.box-3 p, .box-4 p {margin-top:0;}
.box-2 article {
 width:98%;
 border-bottom:#999 dashed 1px;
 margin-bottom:16px;
}
span.bold {
 font-weight:600;
 color:#1D2B53;
}
.recomend {
 background-color:#87BFD8;
}
.new {
 background-color:#FFCE33;
 color:#1D2B53;
}
.box-2 article img, .box-3 article img, .box-4 article img {
 margin-bottom:8px;
}
.box-3 article, .box-4 article  {
 width:50%;
padding:4px;
margin-bottom: 16px;	
}
#look-for h3 {
 font-size:16px;
 font-weight:600;
 margin: 0;
 padding-bottom:8px 0;
 text-align:center;
}
#look-for ul {padding-left: 0;}
#look-for li {
 font-size:14px;
 border-bottom:#999 dotted 1px;
 line-height:2;
 }

/* side */
/* drawermenu */
#side {
 margin-bottom:24px;
 display: flex;
 flex-wrap: wrap;
}
p.site-logo-drawer {
 display:block;
 width:45%;
 max-width:280px;
 margin:2px 0 10px 10px;
}
.open {
 background:#8DA7B2 url(https://tsukuruonline.itembox.design/item/design-img/open.png) no-repeat center center;
 background-size:contain;
 display:block;
 width:44px;
 height:44px;
 position:fixed;
 top:10px;
 right:10px;
 cursor:pointer;
 z-index:200;
 border-radius:10px;
 border:#FFF solid 2px;
}
.close {
 background:#8DA7B2 url(https://tsukuruonline.itembox.design/item/design-img/close.png) no-repeat center center;
 background-size:contain;
}
.stop {
 position:fixed;
 overflow: hidden;
}
.drawer {
 position:fixed;
 top:0;
 bottom:-100px;
 z-index:100;
 -webkit-transform:translateX(100%);
 transform:translateX(100%);
 transition:linear .1s;
 -webkit-transition:linear .2s;
 width:100%;
}
.drawer .inner {
 overflow-y:scroll;
 -webkit-overflow-scrolling:touch;
 background-color:#FFF;
 width:100%;
 height:100%;
 padding:2px 4px 0 4px;
 z-index:100;
}
.action {
 background:#FFF;
 -webkit-transform:translateX(0%);
 transform:translateX(0%);
 -webkit-transform:translateY(0%);
 transform:translateY(0%);
}
.drawer .fs-p-searchForm {width:98%;padding-bottom: 4px;}
#side p {
 width: calc(50% - 2px);
 margin:4px 1px;
}
.utility2.fs-clientInfo.is-ready {
 display:flex;
 flex-wrap:nowrap;
 justify-content:space-between;
 align-items: center;
 padding:0;
 margin-bottom:8px;
 background-color:#F1F5FB;
}
.utility2.fs-clientInfo.is-ready li {
 width:21%;
 margin:2px;
 font-size:10px;
 text-align:center;
}
.utility2.fs-clientInfo.is-ready.fs-p-headerUtilityMenu.fixed { position: fixed;top: 0;left: 0;width: 102%;z-index: 100;margin-left: -8px;justify-content: flex-end;align-items: center;padding-right: 97px;height:64px;box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.2);}
.utility_img{height:20px;}
#header-sub-drawer-nav {
 margin-bottom:8px;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 align-items:center;
}
#kensaku, #kensaku-2 {display: none;}
.hidden_show {display: none;}
.utility-search {display: none;}
.fixed .utility-search, #utility1 .utility-search {display: block;}
.utility2 input:checked ~ .hidden_show, #utility1 input:checked ~ .hidden_show {display: block;position: absolute;top: 64px;width: 100%;left:0;background-color: rgba( 46, 46, 46, 0.45 );padding: 8px 0;}
#utility1 input:checked ~ .hidden_show {top: 44px;}
.hidden_show form {width: 80%;margin: 0 auto;}
#utility1 .hidden_show form {width: 60%;}
.utility2 .fs-p-searchForm__button, #utility1 .fs-p-searchForm__button {width: 3em;height: auto;}
.utility2-sns-img {height:35px;}
.fixed .utility2-sns {display:none;}

#header-sub-drawer-nav li {
 display:flex;
 flex-wrap:nowrap;
 justify-content:space-between;
 align-items:center;
 width:48%;
 padding:4px 0 4px 48px;
 margin:2px;
 border-bottom:#999 dotted 1px;
 height:48px;
 font-size: 14px;
}
.shopping_guide {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top_127.png) left 4px center no-repeat;
}
.newproduct {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top_132.png) no-repeat left 4px center;
}
.touroku {
 background:url(https://tsukuruonline.itembox.design/item/design-img/kaiintouroku.png) no-repeat left 4px center;
}
.pointo{
 background:url(https://tsukuruonline.itembox.design/item/design-img/pointo.png) no-repeat left 4px center;
}
.melmaga {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top_136.png) no-repeat left 4px center;
}
.line {
 background:url(https://tsukuruonline.itembox.design/item/design-img/line.png?t=20210331155816) no-repeat left 4px center;
}
.recip {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top_140.png) no-repeat left 4px center;
 font-size:12px;
 line-height:1.5;
}
.recip span {
 padding:0 10px;
 background-color:#FFCE33;
 border-radius:6px;
}
#side-nav {
 display:block;
 margin-bottom:16px;
}
#side-nav li.has-ul {
 display:none;
}
#side-nav a, drawer-look-fo a {
 display:block;
 width:85%;
}
#side-nav li.lv0, #drawer-look-fo h2 {
 text-align:center;
 background-color:#FFCE33;
 background-image:none;
 margin-bottom:8px;
 font-weight:500;
}
#side-nav li.lv1, #drawer-look-fo li {
 display:flex;
 justify-content:space-between;
 align-items:center;
 padding:10px 20px 0 50px;
 margin:0 0 0 10px;
 border-bottom:#999 dotted 1px;
 background-size:30px;
 line-height:2;
}
#side-nav li.lv1 {
 padding-left:45px;
}
#side-nav li.lv1 .gomu {
	font-size:14px;
}
#side-nav li ul {
 padding-left:80px;
 line-height:2;
}
#side-nav li ul li{
 border-bottom:#CCC dashed 1px;
}
button.hiraku {
 display:inline-block;
 width:24px;
 height:30px;
 background:url(https://tsukuruonline.itembox.design/item/design-img/hiraku.png) center center no-repeat;
 background-size:16px;
 cursor:pointer;
 border:none;
}
button.tojiru {
 display:inline-block;
 width:24px;
 height:30px;
 background:url(https://tsukuruonline.itembox.design/item/design-img/tojiru.png) center center no-repeat;
 background-size:contain;
 cursor:pointer;
 border:none;
}
#header-img-nav ul li.l1, #side-nav li.l1 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-1.png) left center no-repeat;
}
#header-img-nav ul li.l2, #side-nav li.l2 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-2.png) left center no-repeat;
}
#header-img-nav ul li.l3, #side-nav li.l3 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-3.png) left center no-repeat;
}
#header-img-nav ul li.l4, #side-nav li.l4 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-4.png) left center no-repeat;
}
#header-img-nav ul li.l5, #side-nav li.l5 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-5.png) left center no-repeat;
}
#header-img-nav ul li.l6, #side-nav li.l6 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-6.png) left center no-repeat;
}
#header-img-nav ul li.l7, #side-nav li.l7 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-7.png) left center no-repeat;
}
#header-img-nav ul li.l8, #side-nav li.l8 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-8.png) left center no-repeat;
}
#header-img-nav ul li.l9, #side-nav li.l9 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-9.png) left center no-repeat;
}
#header-img-nav ul li.l10, #side-nav li.l10 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-10.png) left center no-repeat;
}
#header-img-nav ul li.l11, #side-nav li.l11 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-11.png) left center no-repeat;
}
#header-img-nav ul li.l12, #side-nav li.l12 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-12.png) left center no-repeat;
}
#header-img-nav ul li.l13, #side-nav li.l13 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-13.png) left center no-repeat;
}
#header-img-nav ul li.l14, #side-nav li.l14 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-14.png) left center no-repeat;
}
#header-img-nav ul li.l15, #side-nav li.l15 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-15.png) left center no-repeat;
}
#header-img-nav ul li.l16, #side-nav li.l16 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-16.png) left center no-repeat;
}
#header-img-nav ul li.l27, #side-nav li.l27 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-27.png) left center no-repeat;
}
#drawer-look-fo {
 display:block;
 margin-bottom:8px;
}
#drawer-look-fo ul li.l17 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-17.png) left center no-repeat;
}
#drawer-look-fo ul li.l18 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-18.png) left center no-repeat;
}
#drawer-look-fo ul li.l19 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-19.png) left center no-repeat;
}
#drawer-look-fo ul li.l20 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-20.png) left center no-repeat;
}
#drawer-look-fo ul li.l21 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-21.png) left center no-repeat;
}
#drawer-look-fo ul li.l22 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-22.png) left center no-repeat;
}
#drawer-look-fo ul li.l23 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-23.png) left center no-repeat;
}
#drawer-look-fo ul li.l24 {
 background:url(https://tsukuruonline.itembox.design/item/design-img/top-l-24.png) left center no-repeat;
}
#side-nav li.l25 {
 background:#FFF url(https://tsukuruonline.itembox.design/item/design-img/top-l-25.png) left center no-repeat;
}
#side-nav li.l26 {
 background:#FFF url(https://tsukuruonline.itembox.design/item/design-img/top-l-26.png) left center no-repeat;
}
.yohaku {
 width:100%;
 height:200px;
 background:#1D2B53;
 text-align:center;
 color:#FFF;
 font-size:12px;
}
#side .yohaku P {width: 100%;}
/*end-drawer*/

/* -------footer------- */
#footer {
 background-color:#1D2B53;
}
#shopping-guide {
  padding-bottom:24px;
  background-color:#FFF;
 }
#shopping-guide p {
 text-align:right;
 height:0;
}
#shopping-guide p img {
 padding-left:10px;
}
#shopping-guide p span {
 background-color:#FFF;
 padding:0 10px;
 position:relative;
 top:-34px;
}
#shopping-guide ul {
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-between;
}
#shopping-guide ul li {
 width:49%;
 font-size:12px;
 font-weight:600;
 line-height:40px;
 min-height:40px;
 margin:1px;
 padding-left: 4px;
 background:#DCEEF4 url(https://tsukuruonline.itembox.design/item/design-img/top_282.png) no-repeat;
 background-position:right 10px center;
 background-size: 6px;
}
#footer-info-nav {
 display:flex;
 flex-wrap:wrap;
 align-items:stretch;
 justify-content:space-between;
}
.footer-info1, .footer-info2, .footer-info3 {
 width:50%;
}
.footer-info3 {
 display:none;
}
.footer-info1 img, .footer-info2 img, .footer-info3 img {
 width:100%;
}
.footer-info1 {
 order:0;
}
.footer-info2 {
 order:1;
}
.footer-info3 {
 order:3;
}
.footer-info4 {
 order:2;
}
.footer-info4 {
 width:100%;
 line-height:2;
 text-align:center;
 background-color:#2F4068;
 color:#FFF;
 padding:4px 0;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
.footer-info4 p.info1 {
 margin:4px 0;
 line-height:2;
 display:inline-block;
 padding:2px 16px;
 background-color:#EA5D6E;
 border-radius:12px;
 color:#FFF;
 font-weight:600;
 font-size: 14px;
}
.info5 {color:#FFF;font-weight: 700;font-size: 14px;}
.info2, .info4, .info6, .info8 {
 padding:2px;
 font-size:14px;
}
.info2 {
 width: 200px;
 padding-left: 40px;
 background:url(https://tsukuruonline.itembox.design/item/design-img/mail-b.png) left 4px center no-repeat;
 background-size: 30px;
 margin: 0 auto;
}
.info2 a {
 color:#FFF;
}
.info8 {
 background-color:#DCEEF4;
 color:#333;
}
.disable-auto-tel a[href^="tel:"] {
 color:inherit;
 text-decoration:none;
 pointer-events:none;
}
/* カレンダー */
#calendar {
 display:flex;
 justify-content:space-around;
 background-color:#FFF;
 border:#DCEEF4 solid 3px;
}
#footer-info-nav .last table {
 width:100%;
 margin:0 auto;
 background:#FFF;
 padding:10px;
}
.hd {
 color:#FFC6C6;
}
.holyday, .Sun {
 color:#e5352c;
 background-color:#FFC6C6;
}
table.calendar {
 padding:0;
 margin:0 0 10px;
 font-size:12px;;
}
/* 月タイトル */
table.calendar th {
 color:#666;
 text-align:left;
 font-size:14px;
}
/* 曜日タイトル */
 table.calendar tr.headline td{
 color:#666;
}
/* 日にち */
table.calendar td {
 color:#333;
 border-bottom:solid 1px #CCC;
 width:20px;
 height:25px;
 text-align:center;
 vertical-align:middle;
 line-height:normal;
}
/* 休業日 */
table.calendar td.closed {
 color:#F00;
 background-color:#FCD;
 border-radius:2px;
}
/* 臨時営業日 */
table.calendar td.working {
}
#footer-nav {
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-around;
 font-size:12px;
 background-color:#1D2B53;
 padding-bottom:16px;
}
#footer-nav li {
 width:100%;
 line-height:2;
 border-bottom:#CCC solid 1px;
 margin-left:1px;
 padding:2px 0 2px 28px;
 background:url(https://tsukuruonline.itembox.design/item/design-img/list.png) left 4px center no-repeat;
 background-size:16px;
}
#footer-nav  a {
 color:#FFF;
}
#copyright {
 background-color:#1D2B53;
 text-align:center;
 font-size:14px;
 color:#FFF;
 line-height:2;
 padding-bottom:80px;
}
#page-top {
 position:fixed;
 bottom:15px;
 right:15px;
 font-size:12px;
 z-index:2;
}
#page-top a {
 display:block;
 color:#fff;
 width:60px;
 padding:8px 0;
 text-align:center;
 background-color:#8DA7B2;
 border:#FFF solid 2px;
 border-radius:12px;
}

/*560px以上 */
@media screen and (min-width:560px) {
#site-logo {
 width: 30%;
}
.logoside {
 margin:0 8px;
 width:8%;
}
#site-blanding {
 flex-wrap:wrap;
}
#header-search {
 width:45%;
 height:30px;
 display:inline-block;
 margin-top:2px;
}
#header-otoiawase {
 width:53%;
 display:inline-block;
 margin-bottom:16px;
 font-size: 12px;
}
#header-otoiawase P {
 display: flex;align-items: center;
}
#header-otoiawase a {
 display:inline-block;
}
#header-otoiawase img {
 margin-right:8px;
}
.fs-body-top .header-event-nav {
 display:flex;
 flex-wrap:nowrap;
 margin-bottom:16px;
}
.fs-body-top .header-event-nav p {
 text-align:center;
 margin-top: 0;
}
.keyword {
 background-color:#C6DDEA;
 justify-content:space-around;
}
.keyword li, .keyword li.bg-p  {
 background-color:#FFF;
 border-radius:8px;
 margin:4px 0;
}
.keyword li.bg-4 {
 width:24%;
}
.keyword li.bg-2 {
 width:16%;
}
.fs-c-sortItems {font-size:1.2rem;}
.box-2 {
 display:flex;
 flex-wrap:wrap;
 align-items:stretch;
 justify-content:space-between;
}
.box-2 article {
 width:49%;
 padding:2px 2px 0px 2px;
}
.box-3 article {
 width:33%;
}
.box-4 article {
 width:23%;
}
#side p {
 width:calc(25% - 2px);
}
#shopping-guide ul li {
 padding-left:10px;
 font-size:13px;
}
#footer-info-nav {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 align-items:stretch;
 justify-content:space-around;
 margin-bottom:16px;
 height:auto;
 background-color: #0071BC;
}
.footer-info3 {
 display:block;
}
.footer-info1, .footer-info2, .footer-info3, .footer-info4 {
 width:50%;
 margin-bottom:4px;
}
.footer-info1 {
 order:1;
}
.footer-info2 {
 order:2;
}
.footer-info3 {
 order:3;
}
.footer-info4 {
 order:4;
}
#calendar {
  display:block;
}
table.calendar {
 margin:0 auto;
 width:80%;
 margin-bottom:16px;
 }
#footer-nav {
 padding-top:8px;
}
#footer-nav li {
 width:48%;
}
}
/*768px以上 */
@media only screen and (min-width: 768px){
.site-description {
 display:block;
 padding-left:10px;
 margin: 0;
 position: relative;
}
/* .desc1{z-index: 150;position: relative;}*/
 .desc2{z-index: 140;position: absolute;left:10px;opacity: 0;}
#utility {
 margin-bottom: 20px;
}
#header-send {
  display:block;
  width:65%;
  padding-right: 8px;
 }
 .top-slider {display: flex;align-items: flex-start;justify-content: space-between;}
 .top-slider-area {margin-bottom: 28px;}
 .sl-content {width:78.5%;padding-left: 0;margin: 0;}
 .thumb {display: block;padding-left:0;width:21.5%;}
 .thumb li {position: relative;overflow: visible;margin-left: 16px;}
 .thumb li.slick-current::before{content: '';height: 100%;border-left: 4px solid red;position: absolute;left: -2px;}
 .thumb li.slick-current::after{
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: -14px;
  top: 50%;
  margin-top: -8px;
  border-right: 13px solid red;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;}
 .sl-content .arrows {margin: 0 5%; width:90%;}
 .header-event-nav {
   display:flex;
  flex-wrap:nowrap;
  margin-bottom:16px;}
 .event-banner {display: flex;margin-bottom: 16px;}
 .fs-l-product2 .fs-l-productLayout {
  display: grid;
  grid-template-columns: calc(60% - 16px / 2) calc(40% - 16px / 2);
  grid-gap: 16px;
  align-items: start;
 }
 .comment-1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
  text-align: center;
 }
 .fs-c-productReview {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
 }
.fs-c-subgroupList__item {flex-basis: calc(50% + 1px);}
}


/*960px以上 */
@media screen and (min-width:960px) {
.fs-p-headerUtilityMenu__list.is-ready {
 display: none;
}
button.open, .kago, .yohaku {
 display:none;
}
.drawer {
 display:block;
 background-color:#FFF;
 color:#000;
 position:relative;
 right:0;
 padding:0;
 z-index:1;
 -webkit-transform:translateX(0);
 transform:translateX(0);
}
.drawer .inner {
 padding-top:0;
}
#drawer-look-fo, #side p.site-logo-drawer, .utility2.fs-clientInfo.is-ready, #header-sub-drawer-nav  {
 display:none;
}
/* -------レイアウト------- */
.fs-l-page {
	padding: 0 8px;
	}
.fs-l-main {
 width:calc(100% - 240px);
 float:right;
 margin-top: 0;
}
#side {
 width:200px;
 float:left;
}

#footer {
 clear:both;
 width:100%;
}
/* -------header------- */
.fs-l-header {
    padding-top: 0px;
}
#utility {
 display:flex;
 flex-wrap:nowrap;
 justify-content: space-between;
 align-items: center;
 width:100%;
 margin-bottom:8px;
 margin-left: -8px;
 position: fixed;
 background-color: #F1F5FB;
 z-index: 90;
 padding: 8px 8px 8px 0;
 max-width: 1240px;
 box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.2);
}
#site-logo {
 margin-right:16px;
 margin-bottom:0;
}
#utility1 {
 display:flex;
 justify-content:flex-end;
 align-items:center;
}
#utility1 li {
 font-size:12px;
 padding-right:12px;
}
#utility1 li a img {
padding: 0 4px 0 2px;
height: 16px;
}
#utility1 li a img.u-cart {
 height: 24px;
}

#utility1 li a img.ooguti {
 height: 26px;
}
.logoside img {
    height:80px;
}
#site-blanding {
 display:flex;
 flex-direction:row;
 flex-wrap:nowrap;
 justify-content:space-between;
 align-items:flex-end;
 margin-top:56px;
 margin-bottom:8px;
}
#header-img-nav {
 display:block;
 margin-bottom:16px;
}
#header-img-nav ul {
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 font-size:14px;
}
#header-img-nav ul li.lv1 {
 margin:0;
 width:calc(100% / 6);
 border-bottom:none;
}
#header-img-nav a {
 width:100%;
 padding:10px 6px 8px 40px;
 display: block;
}
#header-img-nav span.fs {
 font-size:12px;
 line-height:1;
 margin-left:-8px;
} 
#header-img-nav span.lb {
 font-size:11px;
 line-height:1;
 padding-right:12px;
}
.osirase {
 display:flex;
 justify-content:flex-start;
 align-items:center;
}
.osirase-text {
 width:auto;
 padding:4px 24px;
}
 .top-slider-area{width:100%; display: flex;align-items:stretch;}
 .top-slider {width:82%;}
 .sl-content .arrows {margin: 0 5%; width:90%;}
 .gide{display: block;width:18%; margin:0 0 16px 4px;font-weight: 500;}
 .gide ul {width: 96%;height:100%;margin: 0 auto;display: flex;flex-direction: column;align-content: space-between;padding: 0;}
 .gide ul li {height: 25%;margin: 0 0 2% 0; background-color: #FFF;display: flex;align-items: center;justify-content: center;font-size: 14px;padding-left: 40px;border: solid 6px #EBEBEB;}
.header-event-nav {
 flex-wrap:nowrap;
}
ul.keyword {
 padding:12px 0;
}
.keyword li {
 font-size:14px;
 font-weight:600;
}
#wide .sp-slides-container {
 overflow:hidden;
 height:250px;
}
.sp-slide img {
 width:180px;
}
#shopping-guide ul li {
 width:calc(100% / 5 - 10px);
}

/* -------main-top以外------ */
.fs-c-wishlistProduct__title, .fs-c-featuredProduct__title {
 margin-bottom: 16px;
 }
.fs-body-login .fs-c-newUsers {margin-left: 0;}
.fs-c-subgroupList__item {
     flex-basis: calc(100% / 3 + 1px);
     flex-grow: 0;}
    
/* -------side------- */
ul#header-sub-drawer-nav, .drawer .fs-p-searchForm {
	display:none;
}
.drawer .inner {
    overflow:hidden;
}
#side p {
 width:100%;
 margin:4px 0;
}
#side-nav {
 padding-bottom:8px;
 margin-bottom:8px;
}
#side-nav>li.lv0 {
 background-color:#1D2B53;
 color:#FFF;
 text-align:center;
 padding:10px 0;
 margin-bottom:4px;
}
.drawer .inner {
 padding:0 0 4px 0;
}
#side-nav {
	background-color:#F0F0F0;
}
#side-nav a {
	width:100%;
}
#side-nav>li.lv1 {
 display:block;
 width:97%;
 font-size:14px;
 line-height:3;
 margin:16px 2px 2px 0;
 padding:0;
 font-weight:600;
 background-color:#FFF;
 border-left:#FFCE33 solid 4px;
 border-bottom:none;
}
#side-nav li.lv1 {
	background-position:left 8px center;
}
#side-nav li.lv1 a {
	padding-left:50px;
}
#side-nav li.has-ul {
 display:block;
 margin-left:16px;
}
#side-nav li ul {
 padding-left:0;
}
#side-nav li ul li {
 font-size: 13px;
 margin:4px 0;
 border:none;
 line-height:3;
 padding-left:24px;
 background:#FFF url(https://tsukuruonline.itembox.design/item/design-img/top_282.png) left 6px center no-repeat;
 background-size:6px;
}
#side-nav>li.lv1 span.gomu {
 font-size:13px;
 line-height:1.5;
 padding:7px 35px 0 2px;
 display:inherit;
}
#side-nav>li.lv1 span.fs {
	margin-left:-15px;
}
#side-nav li.has-ul {
 margin:6px;
}
button.hiraku {
	display:none;
}
/* -------footer------- */
#footer-info-nav {
 flex-wrap:nowrap;
 align-items:stretch;
 justify-content:space-between;
 margin-bottom:16px;
}
.footer-info1, .footer-info2, .footer-info3, .footer-info4 {
 width:25%;
}
.footer-info4 {
 line-height:1.8;
}
#footer-nav {
 flex-wrap:nowrap;
 justify-content:center;
}
#footer-nav li {
 width:auto;
 padding-right:16px;
 border-bottom: none;
}
}
@media screen and (min-width:1141px) {
#header-img-nav ul li.lv1 {
 margin:0;
 width:calc(100% / 8);
}
}

/*会員価格の文字色を変更するCSS*/
.fs-c-productPrice--member .fs-c-productPrice__main__price{
color: #E5004f!important;
font-weight: bold;      
}

/*会員価格の税込み表記の文字色を変更するCSS*/
.fs-c-productPrice--member .fs-c-productPrice__addon{
color: #E5004f!important;
font-weight: bold;      
}

/*特集ページのタイトル*/

.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
     background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

.box2{
    padding: 0.2em 0.5em;
    margin: 3em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 13px #d6ebff;
    text-align: center;
    font-size: larger;
    font-weight: bold;
    color: cornflowerblue;
}
.box2 p {
    margin: 0; 
    padding: 0;
}

/*popup表示用*/
.fs-body-category-popup .fs-l-main{width: 100%;}
@media screen and (min-width: 960px) {
	.fs-body-category-popup #side {display: none;}
}
@media (min-width: 768px) {
  .fs-body-category-popup .custom-image-grid a {
		width: 100%;}
}

/* 250614追加 カートボタン調整 */
.fs-c-button--plain.fs-c-button--viewExtendedImage::before{
	font-size: 4rem;
}
.fs-c-button--primary, .fs-c-button--secondary{
	border-radius: 10px;
}
#fs_ProductDetails .fs-c-button--primary{
		padding: 16px 0;
		z-index: 10;
		border-radius: 10px;
		width: 90%;
	}

@media (max-width: 767px) {
	#fs_ProductDetails .fs-c-buttonContainer:has(.fs-c-button--primary) {
  	position: fixed;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	z-index: 10;
  	margin: 0;
  	background-color: #fff;
}

	#fs_ProductDetails .fs-c-button--primary .fs-c-button__label{
		background: url(https://tsukuruonline.itembox.design/item/design-img/kago2.png) no-repeat left center;
  		background-size: contain;
  		padding: 4px 0 4px 40px;
  		font-size: 1.6rem;
	}
	#page-top{
		bottom: 70px;
	}
}


/* 250615追加 商品詳細スライド画像サイズ調整 */
@media (min-width: 1240px)  { 
.fs-c-productCarouselMainImage__image > img {
    height: auto;
    width: calc((1240px - 240px - 32px) * 0.6);
  }
}

@media (min-width: 960px) and (max-width: 1239px) {
.fs-c-productCarouselMainImage__image > img {
    height: auto;
    width: calc((100vw - 240px - 32px) * 0.59);
  }
}

@media (min-width: 768px) and (max-width: 959px) {
.fs-c-productCarouselMainImage__image > img {
    height: auto;
    width: calc(100vw * 0.6 - 8px);;
  }
}
@media (max-width: 616px)  { 
.fs-c-productCarouselMainImage__image > img {
    height: auto;
    width: calc(100vw - 16px);
	}
}