/*　買い物カゴボタンの装飾用　*/
span.fs-c-button__label {
line-height: 1.8;
font-size: 1.2em;
font-weight: 700;
}

/*　スマホだけ改行　*/
.spbr{display: none;}

/*　PCだけ改行　*/
.pcbr{display: contents;}

/*　改行を調整・改行させたくない部分　*/
span.spanbr{
display: inline-block;
}

/*　【影響部分の修正】レビュー書く　*/
.fs-c-productReview span.fs-c-button__label {
font-size: 1em;
}

/*　※で始まるリストタグ　*/
.li-kome {
list-style-type: none;
margin: 1rem 0;
padding: 0;
}
.li-kome li{list-style-type: none;}
.li-kome li:before{
content: "※";
margin: auto 0.5em auto 0;
}

.fs-c-button--loginAndPurchase span::before {
content: "会員登録がお済みのお客様\A";
white-space: pre-wrap;
font-size: 0.9em;
font-weight: 500;
}
a.fs-c-button--unregisteredUserPurchase.fs-c-button--secondary span::before {
content: "会員登録のないお客様\A";
white-space: pre-wrap;
font-size: 0.9em;
font-weight: 500;
}
div#fs_unregisterAndContinue .fs-c-button--secondary span::before {
content: "会員登録せずに購入する\A";
white-space: pre-wrap;
font-size: 0.9em;
font-weight: 500;
}

.messages458 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 1em 0 1.5em;
    background: #000;
    color: #fff;
}
.messages458:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #000;
    width: 0;
    height: 0;
}
.messages458 p {
    margin: 0; 
    padding: 0;
}
.messages456{
background: #f0e68c;
}
.legibag_cart div:first-child {
margin-right: 1.5em;
}
.fs-c-agreementConfirmation__message.fs-c-agreementConfirmation__message--registrationChecked {
margin-bottom: 1em;
}
.fs-c-agreementConfirmation__message {
padding: 1em;
}
.fs-c-agreementConfirmation__message span {
color:red;
}
.fs-c-agreementConfirmation {
margin: 4px 0 1em;
padding: 4px 0 2em;
border-bottom: 1px dashed darkorange;
}
.fs-c-inputInformation__button.fs-c-buttonContainer {
text-align: center;
}
div#fs_registerAndContinue {
justify-content: center;
}
.fs-p-announcement {
border: 1px solid;
padding: 2em;
}
.fs-c-continueShopping {
margin-bottom: 50px;
}
a.fs-c-button--continueShopping.fs-c-button--standard {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 35em;
    margin: 0 auto;
    padding: 0.5em 1em 0.5em 3em;
    border: 1px solid red;
    border-radius: 50px;
    background-color: #fff;
    color: red;
    font-size: 1em;
}
a.fs-c-button--continueShopping.fs-c-button--standard::before {
    content: "";
    position: absolute;
    left: 2em;
    transform: translateY(-50%);
    transform-origin: left;
    width: 2.5em;
    height: 0.5em;
    background-color: red;
    clip-path: polygon(0 100%, 100% 100%, 100% 90%, 30% 90%, 30% 40%);
    transition: transform .3s;
}

div#fs_button_changeShippingAddress button span::after {
content: "(お届け先を入力)";
}
div#fs_button_changeDeliveryMethod button span::before {
content: "お届け日時の";
}
div#fs_button_changeDeliveryMethod {
text-align: right;
}
.fs-c-checkout-preview__button.fs-c-buttonContainer.fs-c-buttonContainer--changeSmall {
text-align: right;
}


.fs-c-productQuantityAndWishlist__quantity:before{
content: "数量：";
display: inline;
position: absolute;
left: 0;
}
.fs-c-productQuantityAndWishlist__quantity {
display: inline-block;
position:relative; 
padding-left: 3em;
}
.fs-c-quantity {
max-width: 8em;
}


.fs-c-productPrice--member .fs-c-productPrice__main__price.fs-c-price {
color: #cc3333;
font-size:1.5em;
}

/*　電話番号のタップ設定　*/
.tel-pc {font-weight: bold;}
.tel-mobile {display: none;}

.pc_none {display: none;}
.displaynone {display: none;}

a { text-decoration: none; }

a img:hover {opacity: 0.5;}

.center{
  text-align: center;
}

.yoko_box{
  display: flex;
}
.yoko_box_pc{
  display: flex;
}


.cartparts_info__box{
  display: none;
}

.textline_cashress {
  height: 70px;
  padding: auto 0;
}

.img100{
  margin: 0 auto;
  width: 100%;
}

br.sp_br {display: none;}
span.sp_br {display: inline-block;}


.normalweight{
font-weight: normal;
}

/*　枠で囲みたいとき　*/
.kuroItem_waku2 {
  border:  2px solid #ccc;
  padding: 20px;
}

/*　枠で囲みたいとき（文字小さめ）　*/
.kuroItem_waku {
  border:  2px solid #ccc;
  font-size: 12px;
  padding: 20px;
}

.fs-l-page{
  margin: 0 auto;
  width: 100%;
}
.kuro-l-page{
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}

.fs-c-productMainImage{
  max-width: 300px;
}


@media screen and (min-width:999px) { 
.fs-l-sideArea {
    width: 0px;}
.fs-l-pageMain {
    float: left;
    width: 100%;}
}

@media screen and (min-width:1000px) and (max-width:1199px) {
.fs-l-pageMain {
    float: left;
    width: 1000px;}
}
@media screen and (min-width:1200px) {
.fs-l-sideArea {
    float: left;
    width: 230px;}
.fs-l-pageMain {
    float: left;
    width: calc(100% - 230px);}
}

.kuro-pageMain-container .fs-l-pageMain  {
    width: 100%;
    max-width: 1000px;
}

.kuro-header {
  position: relative;
}

.kuro-header__contents {
  position: relative;
}

.kuro-headerMsg{
  position: absolute; 
  z-index: 10;
  top: 0px;
  left: 10px;
}

.kuro-header__utility{
  position: absolute; 
  z-index: 8;
  bottom: 40px;
  right: 0px;
  text-align: right;
}

.kuro-p-searchForm{
  position: absolute; 
  z-index: 9;
  bottom: 5px;
  right: 0px;
  width: 250px;
}

.item_2box{
  display: flex;
}
.item_2box > *{
   flex-basis: 50%;
}

/* おすすめ商品の幅調整 */
.fs-c-featuredProduct{
max-width: 1000px;
margin: 0 auto;
}


/* 破線の見出し */
.p-heading--dash {
  color: #666;
  border-bottom: dashed 2px #666;
  font-size:16px;
}


/* サイドメニューの右余白 */
.fs-l-sideArea{
 padding: 0 50px 0 0;
}


/* ヘッダーのプルダウン用 */

.kuro_dropmenu{
  *zoom: 1;
  list-style-type: none;
  max-width: 1000px;
  margin: 5px auto 10px;
  padding: 0;
}
.kuro_dropmenu:before, .kuro_dropmenu:after{
  content: "";
  display: table;
}
.kuro_dropmenu:after{
  clear: both;
}
.kuro_dropmenu li{
  position: relative;
  width: 16.6666%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.kuro_dropmenu li a{
  height: 100%;
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #888;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.kuro_dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.kuro_dropmenu li ul li{
  width: 100%;
  white-space: nowrap;
}
.kuro_dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #eee;
  background: #aaa;
  text-align: left;
}
.kuro_dropmenu li:hover > a{
  background: #aaa;
}
.kuro_dropmenu li a:hover{
  background: #ccc;
}
#kuro_fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#kuro_fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#kuro_fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#kuro_fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}


.fs-p-phoneOrder__phoneNum {
  font-size: 2rem;
  line-height: 1.2;
}


/*　ヘッダー送料キャンペーン枠　*/
.hedder-campaign {
position: absolute;
z-index: 10;
bottom: 0;
right: 260px;
}
.hedder-kakomi-campaign {
	background-color: none;
	border: 1px solid #666;	/* 線の太さ・種類・色 */
	margin: 5px; /* 外側の余白 */
	padding: 5px 20px 5px 25px; /* 内側の余白 */
	position: relative;
 	border-radius:5px;
}
.hedder-kakomi-campaign:after{
	background: none;
	border: 1px solid #f3cbd0;	/* 線の太さ・種類・色 */
 	border-radius:5px;
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.hedder-kakomi-campaign-souryou:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%) scale(-1,1);
    font-family: fontAwesome;
    content: '\f0d1';
    color: #db7093;
    font-size: 40px;
    z-index: 1;
}
.hedder-kakomi-campaign-yuser:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%) scale(-1,1);
    font-family: fontAwesome;
    content: '\f234';
    color: #dc143c;
    font-size: 40px;
    z-index: 1;
}
.hedder-kakomi-campaign {
	background-color: #f3cbd0;
	border: 1px solid #666;	/* 線の太さ・種類・色 */
	margin: 5px; /* 外側の余白 */
	padding: 5px 20px 5px 40px; /* 内側の余白 */
	position: relative;
	font-weight: bold;
	color: #666; 
}
.hedder-kakomi-campaign:hover {
  filter: opacity(70%);
  cursor: pointer;
}
.hedder-campaign a:hover {
text-decoration: none;
}

.headerimg_kuro_tab {
display: none;
}

@media screen and (max-width:1050px) {
.kuro-p-searchForm {
width: 200px;
}
.hedder-campaign {
right: 205px;
}
.kuro-headerLogo img {
width: calc(100vw - 450px);
}
.headerimg_kuro_pc {
display: none;
}
.headerimg_kuro_tab {
display: block;
}
}



/* ------------------------ */
/* 　　黒太郎トップページ用　　 */
/* ------------------------ */

.toppage-java {
    padding-top:20px;
}

.kurotop-banner1-container {
    display: grid;
    display: -ms-grid;
    grid-template-rows: auto auto;
    -ms-grid-rows: auto auto;
    grid-template-columns: 50% 50%;
    -ms-grid-columns: 50% 50%;
}
/* ----トップページ送料バナー下に一段追加したい場合
.kurotop-banner1-container {
    display: grid;
    display: -ms-grid;
    grid-template-rows: auto auto auto;
    -ms-grid-rows: auto auto auto;
    grid-template-columns: 50% 50%;
    -ms-grid-columns: 50% 50%;
}
こちらに変更----- */

/* .kurotop-banner1-box1 {
    grid-row: 1;
    grid-row: 1;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    padding-right:3%;
    padding-bottom:4%;
} */
.kurotop-banner1-box2 {
    grid-row: 1;
    grid-column: 1/3;
}
.kurotop-banner1-box3 {
/* grid-row: 2; */
    grid-row: 3;
    grid-column: 1;
    padding-right:3%;
}
.kurotop-banner1-box4 {
/* grid-row: 2; */
    grid-row: 3;
    grid-column: 2;
    padding-left:3%;
}

/* -----トップページ送料バナー下に一段追加したい場合
.kurotop-banner1-box4 {
    grid-row: 2;
    grid-column: 1;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    padding-right:3%;
    padding-bottom:4%;
}
.kurotop-banner1-box5 {
    grid-row: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    padding-left:3%;
}
ここまでを解除する------- */


.kuro-can-banner--postage {
  background-image: url("https://kuro.itembox.design/item/top_campaign_bg.jpg");
  background-repeat:no-repeat;
  background-position: right 0% bottom 0%;
}

.important-matter-banner--postage {
  background: #b83f22;
}

.important-matter-banner--postage .fs-p-banner__link {
  color:#fff;
}

.topOsusume {
  display: flex;
  justify-content:  space-between;
}
.topOsusumeContainer {
  width: 48%;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 50% 50%;
  display: -ms-grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 50% 50%;
  padding:10px;
  margin: 10px 0;
  border: solid 2px #ccc;/*線*/
  border-radius: 10px;/*角の丸み*/
}
.topOsusumeBox1 img{
  width: 95%;
  borde:0;
  grid-column:1;
  -ms-grid-column:1;
  -ms-grid-rows: auto;
}
.topOsusumeBox2{
  borde:0;
  grid-column:2;
  -ms-grid-column:2;
  -ms-grid-rows: auto;
}
.topOsusumeBox2 h3{
  font-weight: bold;
  color:#7c8790;
}

/* 角丸　影（タイトル）4 */
.kakomi-maru4 {
 position: relative;
 margin: 2em auto;
 padding: 2.5em;
 width: 100%;
 border: 2px solid #ccc; /* 枠線の太さ・色 */
 background-color: #fff;
 border-radius: 12px; /* 角の丸み */
}
.title-maru4 {
 position: absolute;
 left: 20px; /*（left）に変更すると左 */
 top: -15px;
 padding: 0 .5em;
 font-weight: bold;
 font-size: 1.2em;
 color: #999; /* タイトル色 */
 background-color: #fff;
}


/* マウスオーバーでバナー上に文字を表示 */
figure {
  position: relative;
  overflow: hidden;
  margin-block: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

figcaption {
  position: absolute;
  bottom: -75px;
  padding-bottom: 5px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 75px;
  background: rgba(0,0,0,.4);
  -webkit-transition: .3s;
  transition: .3s;
}

figcaption p {
  color: #fff;
}
.figcaption_kuro {
  padding: 0 10px;
}

figure:hover figcaption {
  bottom: 0;
}

.figure_kuro {
  margin-block: 0;
}











/* トップページの横2分割ブロック */
.topCategoryFlex2{
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.topCategoryFlex2 > *{
  width: 47%;
  background: #fff;
}

/* トップカテゴリ用（新）レイアウト */
.topCategoryFlex2new{
flex-wrap: wrap;
column-gap: 6%;
row-gap: 2em;
margin-block-end: 3em;
}
.topCategoryFlex2new img{
width: 100%;
}


/* トップページの横3分割ブロック */
.topCategoryFlex3{
  padding: 40px 0;
  display: flex;
  flex-wrap: wrap;
}
.topCategoryFlex3 > *{
  width: 33.33333%;
  background: #fff;
  padding: 0 2% 20px 2%;
}

.topCategoryFlex3 > * p{
  line-height: 1.2;
  border-bottom:solid 1px #ccc;
}

/* 善祥庵バナー連結 */
.kuro_zen__banner{
  display: flex;
}

/* トップページの読み物用 */
.topColumnFlex3{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.topColumnFlex3 > *{
  width: 30%;
  background: #fff;
  padding-bottom: 30px;
}
.topColumnContainer > * span{
  line-height: 1.5;
  font-weight: bold; 
}
.topColumnContainer > * p{
  line-height: 1.2;
  padding-top: 2px;
}


/* トップページおしらせのスクロールボックス用 */
.scroll_box {
  width: 100%;                /* 横幅を200pxに指定 */
  height: 150px;               /* 横幅を200pxに指定 */
  /* border: 1px solid #000;      わかりやすくボーダーを引く */
  overflow-y: scroll;          /* 縦方向にスクロール可能にする */
}


/* フッターのインスタグラムアイコン用 */
.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}
.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/
}
.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}
.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: absolute;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  top: 50%;
  left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}



/* -------------------- */
/* 　　商品詳細ページ用　　 */
/* -------------------- */

.fs-c-productThumbnail {
justify-content: center;
}

.itwrapper img {
width: 100%;
border:0;
text-align:center
}

.item_mainimg{
text-align:center
}

.itwrapper h2 {
margin:30px 0;
padding:0;
line-height: 3em;
}
.itwrapper h2 span {
border-bottom:3px solid #333;
padding:0 0 5px;
color:#333;
font-size:24px;
overflow:hidden;
}
.itwrapper h3 {
font-size:28px;
color:#333;
margin:0;
padding:0;
line-height:1.5;
}
.itwrapper h3 span {
color:#CC0000;
}
.itwrapper p {
font-size:16px;
color:#818181;
line-height:1.5;
margin:0;
padding:30px 0 50px;
}

.fs-c-productThumbnail__image is-active{
margin: auto;
}

.spec1 {
float:left;
width:100%;
margin:0 20px 0 0;
padding:0;
}
.spec1 table {
width:100%;
margin:0;
padding:0;
border-spacing: 0px;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
font-size:14px;
}
.spec1 table th {
font-weight:normal;
color:#333;
width:130px;
margin:0;
padding:5px;
line-height:1.3;
text-align:left;
vertical-align:top;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
}
.spec1 table td {
font-weight:normal;
color:#333;
margin:0;
padding:5px;
vertical-align:top;
line-height:1.3;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
}
.spec1 p{
font-size:14px;
color:#333;
margin:0;
padding:0;
}

.itclear {
clear:both;
}

.itspec {
width:100%;
margin:0 0 70px;
padding:0 0 50px;
border-bottom:1px #333 solid;
overflow:hidden;
}

.color_red span {
   color:#CC0000;
}

.itspec_flex_table,
.itspec_flex_table2{
font-size:14px;
padding:50px 0 0;
}
.itspec_flex_table p, 
.itspec_flex_table2 p{
font-size:1em;
margin:0;
padding:0;
}
.itspec_flex_table2 table,
.itspec_flex_table table{
width: 100%;
border-collapse: collapse;
border: solid #CCC;
border-width: 1px;
}
.itspec_flex_table table tr th,
.itspec_flex_table table tr td,
.itspec_flex_table2 table tr th,
.itspec_flex_table2 table tr td{
padding:5px;
text-align: center;
vertical-align: middle;
border: solid #CCC;
border-width: 1px;
}
.itspec_flex_table table tr th,
.itspec_flex_table2 table tr th{
font-weight:normal;  /* 善祥庵ECはテーマレイアウトのパーツで独自設定 */
}
.itspec_flex_table2 table tr th{
background: #eee;
}
.itspec_flex_table2 table tbody tr th,
.itspec_flex_table2 table tfoot tr th{
font-weight:bold;
}

.desc1 {
display:flex;
width: 100%;
}

.desc1_box1 {
width: 350px;
}
.desc1_box1 img {
width: 100%;
}
.desc1_box2 {
padding:0 0 0 40px;
line-height:1.5;
width: 100%;
}
.desc1_box2 h3 {
border-bottom:1px solid #333;
font-size:20px;
color:#333;
margin: 0;
}
.desc1_box2 h4 {
font-weight:normal;
font-size:16px;
color:#333;
}
.desc1_box2 p {
font-size:13px;
color:#333;
}

.itreco {
width:760px;
margin:0 0 40px;
padding:0;
overflow:hidden;
}
.itreco1 {
width:21%;
margin:0 2%;
padding:0;
text-align:left;
float:left;
}
.itreco1 a img {
border:0;
padding-bottom:10px;
width:100%;
}
.itreco1 p {
margin:0;
padding:0;
color:#333;
font-size:14px;
text-align:center;
}
.movie1 {
margin:40px auto;
}
.movie2 {
position:relative;
width:100%;
padding-top:56.25%;
text-align:center;
}
.movie2 iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

/* 買い物カゴボタンと数量欄を並列に */
.fs-l-productLayout__item--2 .fs-c-productQuantityAndWishlist {
margin-right:10px;
}
.fs-l-productLayout__item--2 .fs-c-buttonContainer {
    width: 100%;
}

/* おすすめ商品レイアウト */
.item-osusume-flex {
   display: flex;
   flex-wrap: wrap;
}
.item-osusume-flex-box {
   flex-basis: 25%;
   text-align:center;
   padding: 2%;
}
.item-osusume-flex-box img {
   border:0;
   width: 80%;
   padding-top: 20px;
}

/* 商品の上部・下部・価格下共通フリーコメント用 */
.item-price-upper {
   font-size:14px;
   padding-top: 15px;
}
.item-price-upper span {
   color:#CC0000;
}
.item-price-upper img {
   border:0;
}
.item-freecomment {
   font-size:14px;
   padding: 10px 0;
}
.item-freecomment span {
   color:#CC0000;
}
.item-freecomment img {
   border:0;
}


/* 送料表のレイアウト（えだまめ、お買い物ガイド） */
.eda_shipping {
  display: flex ;
  width: 100%;
  border-spacing: 0;
}
.eda_shipping_box1{
  border-bottom: solid 2px #ddd;
  text-align: left;
  padding: 10px;
  width: 75%;
  font-size: 1.6rem;
}
.eda_shipping_box2{
  border-bottom: solid 2px #fb5144;
  text-align: center;
  padding: 10px;
  width: 25%;
  font-size: 1.6rem;
  font-weight: bold;
}


/* グループページで直下商品が無いときに商品一覧エリアを消す */
.fs-c-productList .fs-c-noResultMessage {
display:none;
}


/* 商品グループ・商品一覧レイアウト用 */

.fs-c-listControl{
  display: none;
}
.fs-c-subgroupList {
  display: block;
}
.fs-c-subgroupList > li {
  padding-bottom:60px;
}
.fs-c-subgroupList__link {
  border: none;
  background: none;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
}
.fs-c-subgroupList__image img{
  margin-right: 20px;
   width: 150px
}
.fs-c-subgroupList__label{
  font-weight:bold;
  font-size: 2rem;
}
.fs-c-subgroupList__comment{
  font-size: 1.5rem;
}
.fs-c-subgroupList__link::after{
  display: none;
}


@media screen and (min-width: 200px) {
.fs-c-productList__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100% 0;
    grid-template-columns:  100% 0;
    border-top:1px solid #bbb;
    padding-bottom:80px;
}
.fs-c-productList__list > *:nth-child(1) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}
.fs-c-productList__list > *:nth-child(2) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
}
.fs-c-productList__list > *:nth-child(3) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  grid-row: 3;
}
.fs-c-productList__list > *:nth-child(4) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 4;
  grid-row: 4;
}
.fs-c-productList__list > *:nth-child(5) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 5;
  grid-row: 5;
}
.fs-c-productList__list > *:nth-child(6) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 6;
  grid-row: 6;
}
.fs-c-productList__list > *:nth-child(7) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 7;
  grid-row: 7;
}
.fs-c-productList__list > *:nth-child(8) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 8;
  grid-row: 8;
}
.fs-c-productList__list > *:nth-child(9) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 9;
  grid-row: 9;
}
.fs-c-productList__list > *:nth-child(10) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 10;
  grid-row: 10;
}
.fs-c-productList__list > *:nth-child(11) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 11;
  grid-row: 11;
}
.fs-c-productList__list > *:nth-child(12) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 12;
  grid-row: 12;
}
.fs-c-productList__list > *:nth-child(13) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 13;
  grid-row: 13;
}
.fs-c-productList__list > *:nth-child(14) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 14;
  grid-row: 14;
}
.fs-c-productList__list > *:nth-child(15) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 15;
  grid-row: 15;
}
.fs-c-productList__list > *:nth-child(16) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 16;
  grid-row: 16;
}
.fs-c-productList__list > *:nth-child(17) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 17;
  grid-row: 17;
}
.fs-c-productList__list > *:nth-child(18) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 18;
  grid-row: 18;
}
.fs-c-productList__list > *:nth-child(19) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 19;
  grid-row: 19;
}
.fs-c-productList__list > *:nth-child(20) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 20;
  grid-row: 20;
}
}

.group-container {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 170px 1fr;
}
.group-item1 {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
    padding-right:20px;
}
.group-item2 {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}
.group-item3 {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}

.fs-c-buttonContainer {
  display: block;
  padding: 8px 0;
}

.fs-c-productListItem__productName {
  font-size: 2.0rem;
}

.cart-button-design {
  background: #444444;
  border: 1px solid #444444;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  padding: 0;
  margin: 14px 0;
  box-shadow: 0 0 2px #b2b2b2;
  width: 90%;
  max-width: 240px;
}

.cart-button-design .fs-c-button--plain:hover {
  text-decoration: none;
}

.cart-button-design .fs-c-button--plain {
  color: #ffffff;
}

/*　商品画像のサイズ調整　*/
.fs-c-productMainImage {
margin: auto 12%;
}
.fs-c-productMainImage {
max-width: 500px;
}











/* --------------- */
/* 　　フッター用　　 */
/* --------------- */

.fs-l-footer__contents{
  max-width: 1000px;
}
.fs-l-footer__utility{
  max-width: 1000px;
}

.fs-p-footerNavigation {
    grid-gap: 50px;
  }

@media screen and (min-width: 960px) {
  .fs-p-footerNavigation {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .fs-p-footerNavigation > *:nth-child(1) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .fs-p-footerNavigation > *:nth-child(2) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .fs-p-footerNavigation > *:nth-child(3) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .fs-p-footerNavigation > *:nth-child(4) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
  }
  .fs-p-footerNavigation > *:nth-child(5) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .fs-p-footerNavigation > *:nth-child(6) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 3;
    grid-row: 3;
  }
  .fs-p-footerNavigation > *:nth-child(7) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 4;
    grid-row: 4;
  }
  .fs-p-footerNavigation > *:nth-child(8) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 4;
    grid-row: 4;
  }
}

.kuro-footer-officeinfo--Box {
  background: #000;
  color: #fff;
  padding: 30px 20px;
  margin: 0;
}
.kuro-p-footerOfficeinfo {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 5px;
  margin: 0 auto;
  padding: 0;
  max-width: 1000px;
}
.kuro-p-footerOfficeinfo p {
  color: #fff;
  font-size: 2rem;
  line-height: 1;
}
.kuro-p-footerOfficeinfo p a {
  color: #fff;
  text-decoration: none;
}

.kuro-p-footerOfficeinfo > *:nth-child(1) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}

.kuro-p-footerOfficeinfo > *:nth-child(2) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
}

@media screen and (min-width: 960px) {
  .kuro-p-footerOfficeinfo {
    -ms-grid-columns: 35% 65%;
    grid-template-columns: 35% 65%;
  }
  .kuro-p-footerOfficeinfo > *:nth-child(1) {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  .kuro-p-footerOfficeinfo > *:nth-child(2) {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    text-align: right;
  }
}

.kuro-footer-officeinfo--max {
  background: #000;
  color: #fff;
  font-size: 80%;
  padding: 10px 0px;
  margin: 0;
  width: 100%;
  text-align:center;
}


/* ------------------------- */
/* 　　2023改良フッター用　　 */
/* ------------------------- */
span.insta img {
width: 70%;
margin: 15% auto;
z-index: 3;
position: relative;
}





/* ----------------- */
/* 　　共通ページ用　　 */
/* ----------------- */

.all-headerLogo {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 3fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "all-headerLogo1 all-headerLogo2"
                       "all-headerLogo1 all-headerLogo3";
  -ms-grid-columns: 75% 25%;
  -ms-grid-rows: 50% 50%;
  margin: 0;
  padding: 0;
  font-size:0;
}
.all-headerLogo1 {
  grid-area: all-headerLogo1;
  -ms-grid-row: 1/2;
  -ms-grid-column: 1;
  margin: 0;
  padding: 0;
  border: 0;
}
.all-headerLogo2 {
  grid-area: all-headerLogo2;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  margin: 0;
  padding: 0;
  border: 0;
}
.all-headerLogo3 {
  grid-area: all-headerLogo3;
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  margin: 0;
  padding: 0;
  border: 0;
}


@media screen and (max-width:999px) { 
.fs-l-pageMain2 {
    float: left;
    width: 100%;}
}

@media screen and (min-width:1000px){
.fs-l-pageMain2 {
    float: left;
    width: 1000px;}
}

.fs-c-accountService{
  margin: 0 auto;
  flex-basis: 100%;
}


.center-container {
  display: block;
  width: 100%;
}

.center-box {
  margin: 0 auto;
  display: inline-block;
}



/* ------------------------- */
/* 　　伊和の匠トップページ用　　 */
/* ------------------------- */

.iwa-tateText{
  margin: 0 auto;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 2.5;
  font-weight: bold;
}
.iwa-takumi1{
  padding-top: 20px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 460px;
  display: -ms-grid;
  -ms-grid-rows: 1fr;
  -ms-grid-columns: 1fr 460px;
}
.iwa-takumi1-text {
  grid-row: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  padding-right: 30px;
}
.iwa-takumi1-img {
  grid-row: 1;
  grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.iwa-takumi2{
  padding-top: 40px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 460px 1fr;
  display: -ms-grid;
  -ms-grid-rows: 1fr;
  -ms-grid-columns: 460px 1fr;
}
.iwa-takumi2-text {
  grid-row: 1;
  grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  padding-left: 30px;
}
.iwa-takumi2-img {
  grid-row: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.iwa-kodawari{
  padding-top: 30px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 120px 1fr;
  display: -ms-grid;
  -ms-grid-rows: 1fr;
  -ms-grid-columns: 120px 1fr;
}
.iwa-kodawari-img {
  grid-row: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.iwa-kodawari-text {
  grid-row: 1;
  grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.iwa-itemFlex4{
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
.iwa-itemFlex4 >*{
  padding: 0 10px;
}

.iwa-textFlex2{
  width: 760px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.iwa-textFlex2 > *{
  width: 49%;
  background: #fff;
}

.iwa-koboregrid{
  width: 760px;
  margin: 0 auto;
}


/* -------------------------- */
/* 　　善祥庵ECトップページ用　　 */
/* -------------------------- */

.zen-header__utility{
  position: absolute;
  z-index: 8;
  bottom: 3px;
  right: 10px;
  text-align: right;
}

/* ヘッダーに雑誌掲載ロゴとか入れる用 */
.kuro-headericon{
position: absolute;
bottom: 3px;  /* 位置は調整する */
right: 3px;  /* 位置は調整する */
}

/* ヘッダーのプルダウン用 */

.zen_dropmenu{
  *zoom: 1;
  list-style-type: none;
  max-width: 1000px;
  margin: 0px auto 10px;
  padding: 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
.zen_dropmenu:before, .zen_dropmenu:after{
  content: "";
  display: table;
}
.zen_dropmenu:after{
  clear: both;
}
.zen_dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.zen_dropmenu li a{
  height: 100%;
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #b8860d;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.zen_dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.zen_dropmenu li ul li{
  width: 100%;
  white-space: nowrap;
}
.zen_dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #eee;
  background: #b28850;
  text-align: left;
}
.zen_dropmenu li:hover > a{
  background: #b28850;
}
.zen_dropmenu li a:hover{
  background: #d2b384;
}
#zen_fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#zen_fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#zen_fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#zen_fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}

.zen-header__contents {
  position: relative;
  background: #fdf5e6;
  padding: 10px 5px 0 20px;
}

.zen-l-footer {
    position: relative;
    border-top: 1px solid #7c8790;
    background-color: #f7f7f7;
    color: #3c3c3c;
    margin-top: 80px;
}

.zen-footerCopyright > * {
    background-color: #b8860d;
}

.zenTopCategoryFlex2{
  display: flex;
  justify-content: space-between;
}

.zenCategory img {
  border:  1px solid #b8860d;
  margin-bottom: 20px;
}

.fs-p-footerUtilityMenu {
  margin: 0 auto;
}

.zenItem_spec {
  border:  1px solid #b8860d;
  font-size: 1em;
  padding: 20px;
}

.zen_group_banner_text{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.5;
  font-size: 16px;
  font-weight: bold;
}

/* 季節商品のグループページ用（画像を暗くする） */
.seasonoff img {
  display: block;
  opacity: 0.5;
}



/* --------------------------- */
/* 　　　会社概要　かね善関連　　　 */
/* --------------------------- */

.kanezen_link{
margin:20px 0;
padding: 20px;
border-radius: 5px;
background: #f9f9f9;
text-align: left;
display: flex;
}
.kanezen_link_logo img{
width:200px;
}
.kanezen_link_access{
padding-left:30px;
}
.anime_border a {
    position: relative;
    z-index: 100;
    display: block;
    width: 95%;
    height: auto;
    line-height: 20px;
    margin: 20px auto 0;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #a8aabc;
    font-weight: bold;
    transition: .25s;
    border: 2px solid #ccc;
    background-color: #ffffff;
    z-index: 5;
}
    
.anime_border a::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
}
    
.anime_border a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
}

.anime_border a:hover {
    color: #384878;
}
    
.anime_border a:hover::before {
    width: 100%;
    height: 100%;
    border-top-color: #384878;
    border-right-color: #384878;
    transition: width .25s ease-out, height .25s ease-out .25s;
}

.anime_border a:hover::after {
    width: 100%;
    height: 100%;
    border-bottom-color: #384878;
    border-left-color: #384878;
    transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;
}




/* --------------------------- */
/* 　　その他のややこしめＣＳＳ　　 */
/* --------------------------- */

/* 　　マイページコンテンツ表示幅　　 */
@media screen and (min-width: 960px){
.fs-l-account .fs-c-accountService {
    flex-basis: 90%;}
}

/* 　　商品タグのスタイル指定　　 */
.item_tag{
font-size:1.4rem;
}


/* 　　続きを読むの畳みボタン　　 */
.cpbottan_box *, .cpbottan_box *:before, .cpbottan_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cpbottan_box {
	position: relative;
}
.cpbottan_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cpbottan_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cpbottan_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	font-family:"Font Awesome 5 Free","Font Awesome 5 Brands";
	font-weight: 900;
	content: '\f13a'' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: rgba(153,153,153,1);
}
.cpbottan_box input {
	display: none;
}
.cpbottan_box .cpbottan_container {
	overflow: hidden;
	height: 150px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cpbottan_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cpbottan_box input:checked + label:after {
	font-family:"Font Awesome 5 Free","Font Awesome 5 Brands";
	font-weight: 900;
	content: '\f139'' 閉じる';
}
.cpbottan_box input:checked ~ .cpbottan_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

/* 　===【改良】続きを読むの畳みボタン===　　 */
/*inputを非表示 & 閉じた時の位置調整*/
.item-open-box{
  position: relative;
}
input[type="checkbox"].item-open-on-off{
  position: absolute;
  top: 50%;
  display: block;
  opacity: 0;
}

/*ラベル（「開く」ボタン）*/
.item-open-label{
  margin: 0 1.5em;
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #999;
  border-radius: 20px;
  position: relative;
  letter-spacing: 0.05em;
  width: 16rem;
  line-height: 2.5rem;
  left: 50%;
  transform: translate(-50%, 0);
}
/*ボタンっぽい効果*/
.item-open-label:active{
  box-shadow: 0 0 0 0;
}
.item-open-label:hover{
  background: #999;
}
/*ラベルに表示するテキスト*/
.item-open-label::after{
  font-family:"Font Awesome 5 Free","Font Awesome 5 Brands";
  font-weight: 900;
  content: '\f13a'' 続きをよむ';
}
.item-open-on-off:checked ~ .item-open-label::after{
  font-family:"Font Awesome 5 Free","Font Awesome 5 Brands";
  font-weight: 900;
  content: '\f139'' 閉じる';
}

/*開閉エリア*/
.item-open-on{
  padding: 1em;
  border-radius: 8px;
  height: 600px;
  overflow: hidden;
  transition: .5s;
  position: relative;
}
.item-open-on-off:checked ~ .item-open-on{
  padding: 1.5em 1em;
  height: auto;
}
/*開閉エリアにぼかしを乗せる*/
.item-open-on::before{
  content:'';
  background: linear-gradient(to bottom, rgba(255,255,255,0),rgba(255,255,255,1)100%);
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index: 3;
}
/*開いたらぼかしを消す*/
.item-open-on-off:checked ~ .item-open-on::before{
  background: none;
  z-index: -1;
}



/* 　　続きを読むの畳みボタン(レビュー専用CSS)　　 */
.revue-block{
    margin-bottom: 30px;
    position: relative;
}
.revue-box{
    max-width: 750px;
    margin: 0 auto 45px;
    background: #fff;
  overflow: hidden;
}
.revue-box-inner{
    padding: 10px 20px;
}
.revue-more{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 15px;
  padding-top: 20px;
  text-align: center;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255, 0) 0%,
    rgb(255, 255, 255, 1) 70%
  );
  cursor: pointer;
  transition: bottom 0.2s;
}
.revue-btn{
  line-height: 15px;
  bottom: 0px;
  width: 60%;
  margin: 0 auto;
  background: #666;
  color: #fff;
  padding: 5px 10px;
  text-decoration: none;
  border-radius: 15px;
}
.is-active{
  background: none;
}



/* ギフトページの商品説明画像横2分割ブロック */
.giftPage_infoBox{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.giftPage_infoBox > div{
  width: 49%;
  background: #fff;
}


/* メールフォームのスタイルＣＳＳ */

.mailformStyle input {
	font-size: 12px;
	color: #333333;
	line-height:150%;
}

.mailformStyle #contents {
	width:80%;
	margin:0px 0px 10px 0px;
}

.mailformStyle #contents td {
	margin:0px;
	padding:0px 10px 10px 10px;
	font-size: 12px;
	color: #666666;
	line-height:150%;
}

.mailformStyle #error {
	width:80%;
	margin:0px 0px 10px 0px;
}

.mailformStyle #error td {
	margin:0px;
	padding:0px 10px 10px 10px;
	font-size: 12px;
	color: #FF0000;
	line-height:150%;
}

.mailformStyle #button {
	width:740px;
	margin:0px 0px 0px 0px;
}

.mailformStyle #button td {
	margin:0px auto 0px auto;
	padding:10px;
	text-align:center;
}

.mailformStyle #basic-table {
	width:740px;
	margin:0px 0px 20px 0px;
	border-bottom: 1px solid #CCCCCC;
}

.mailformStyle #basic-table td {
	margin:0px;
	padding:10px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.mailformStyle #basic-table .head {
	font-size: 12px;
	color: #333333;
	background-color: #EEEEEE;
}

.mailformStyle #basic-table .data {
	font-size: 12px;
	color: #333333;
	border-right: 1px solid #CCCCCC;
}

.mailformStyle #basic-table .sample {
	font-size: 10px;
	color: #666666;
	line-height:130%;
}

.mailformStyle #basic-table .attention {
	font-size: 12px;
	color: #FF0000;
	line-height:130%;
}

.mailformStyle .textarea input {
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
	background-color: #EEEEEE;
	border: 1px solid #999999;
	width:80%;
}

.mailformStyle .textarea textarea {
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
	background-color: #EEEEEE;
	border: 1px solid #999999;
}

.mailformStyle .textarea select {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #EEEEEE;
	border: 1px solid #999999;
}

.mailformStyle #basic-table .addselect {
	width:80%;
}

.mailformStyle .textarea input:focus {
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

.mailformStyle .textarea textarea:focus {
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}


/* 生豆のページ */
.shinmame_gr__order_jump >div{
display: flex;
}
.shinmame_gr__order_jump >div >*{
width: 47%;
}


/* 並んだBOX要素を折り返して配置する */
.orikaeshi {
  display: flex ;
  width: 100%;
  flex-wrap: wrap;
  padding-right:20px;
}
.orikaeshi >*{
  padding-right:20px;
}


/* 誕生日プレゼントページ用 */
.staff {
   line-height: 150%;
   font-size: 15px;
   width: 100%;
}


/* 農園情報ページ用 */
.NoenTable {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 250px;
  display: -ms-grid;
  -ms-grid-rows: 1fr;
  -ms-grid-columns: 1fr 250px;
}

.NoenTable_a {
  grid-row: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.NoenTable_a p{
  font-size:13px;
  color:#cc6600;
  text-align: left;
}

.NoenTable_b {
  grid-row: 1;
  grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  text-align: right;
}

.Noenmenu {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  background-color: #c7faad;
  padding : 10px 20px 10px 5px;
  margin : 20px 0 40px 0;
}

.Noenmenu p {
  flex-basis: 33%;
  font-size:13px;
}

.itclear {
clear:both;
}

.NoenDesc2 h1 {
  font-size:16px;
}

.NoenDesc2 dl {
  width:100%;
  clear:left;
}

.NoenDesc2 dt {
  margin:0 0 20px 0;
  width:200px;
  float:left;
}

.NoenDesc2 dd {
  margin:0 0 20px 240px;
  line-height:3;
  font-size:13px;
}


/* レシピページ用 */
.recipeTop_2box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.recipeTop_2box dl {
  width:48%;
  clear:left;
}

.recipeTop_2box dt {
  margin:0 0px 20px 0;
  width:100px;
  float:left;
}

.recipeTop_2box dd {
  margin:0 0 0 120px;
  line-height:1.5;
  font-size:15px;
}

/* レシピページ用　角丸（タイトル） */
.kakomi-maru-recipe1 {
 position: relative;
 margin: 2em auto;
 padding: 2.5em;
 width: 100%;
 border: 2px solid #dc143c; /* 枠線の太さ・色 */
 background-color: #fff;
 border-radius: 12px; /* 角の丸み */
}
.kakomi-maru-recipe2 {
 position: relative;
 margin: 2em auto;
 padding: 2.5em;
 width: 100%;
 border: 2px solid #6495ed; /* 枠線の太さ・色 */
 background-color: #fff;
 border-radius: 12px; /* 角の丸み */
}
.title-maru-recipe {
 position: absolute;
 left: 20px; /*（left）に変更すると左 */
 top: -15px;
 padding: 0 .5em;
 font-weight: bold;
 font-size: 1.2em;
 color: #999; /* タイトル色 */
 background-color: #fff;
}
.recipePage_2box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.recipePage_2box >*{
  width:48%;
}
.recipePage p {
font-size:16px;
color:#818181;
line-height:1.5;
margin:0;
padding:20px 0 30px;
}
.recipePage img {
width:100%;
border:0;
margin-bottom:30px;
}
.recipePage span {
  color:#dc143c;
}
.recipePage_text {
font-size:14px;
line-height:1.5;
margin:20px 0 30px;
padding:0;
}
.recipePage_box {
display: flex;
padding-left:20px;
}
.recipePage_box >*{
padding-left:20px;
}
.recipePage_box img {
width:150px;
border:0;
}
.recipePage_box >* p {
font-size:14px;
width:20px;
}

.recipePage_list {
overflow: hidden;
}
.recipePage_list li img {
float: left;
width:150px;
margin-right:20px;
}


/* 探訪の四季の花部分 */
.tanpoColumnFlex4{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.tanpoColumnFlex4 > *{
  width: 23%;
  background: #fff;
  padding-bottom: 30px;
}
.tanpoColumnContainer > * span{
  line-height: 1.5;
  font-weight: bold; 
}
.tanpoColumnContainer > * p{
  line-height: 1.2;
  padding-top: 2px;
}


/* 注意書きなどに使う見出しデザイン */
.note_title p {
  position: relative;/*相対位置*/
  padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
  line-height: 1;/*行高*/
  color: #e60012;/*文字色*/
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
  background: #fffff4;
  font-size: 2em;/*サイズ*/
}

.note_title p:before {
font-family: "Font Awesome 5 Free";
content: '\f071';
font-weight: 900;
  position: relative;/*相対位置*/
  font-size: 1.5em;/*サイズ*/
  left: -0.5em;/*アイコンの位置*/
  top: 0.1em;/*アイコンの位置*/
  color: #e60012; /*アイコン色*/
}


/* 誘導リンクのCSS　*/
.link_icon span {
  position: relative;/*相対位置*/
  padding: 0.1em 0.1em 0.1em 0.5em;/*アイコン分のスペース*/
  line-height: 1;/*行高*/
  color: #e60012;/*文字色*/
  border-bottom: dotted 1px gray;
  font-size: 1em;/*サイズ*/
}

.link_icon span:before {
  font-family: FontAwesome;
  content: "\f138";
  position: relative;/*相対位置*/
  font-size: 1.2em;/*サイズ*/
  left: 0em;/*アイコンの位置*/
  top: 0.1em;/*アイコンの位置*/
  color: #e60012; /*アイコン色*/
}


/* 色つきバナーボタン２（灰色）のCSS　*/
/* 赤色のボタンCSSはトップページ項目の「important-matter-banner--postage」参照　*/
.important-matter-banner2--postage {
  background: #aaa;
}
.important-matter-banner2--postage .fs-p-banner__link {
  color:#fff;
}

/* 色つきバナーボタン3（赤枠）のCSS　*/
/* fs-p-bannerのクラス名にも3をつけること注意　*/
.fs-p-banner3{
border-radius: 3px;
border: 1px solid #dc143c;
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
}
.important-matter-banner3--postage {
  background: #fff;
}
.important-matter-banner3--postage .fs-p-banner__link {
  color:#000;
}

/* 色つきバナーボタン4（黄色）のCSS　*/
.important-matter-banner4--postage {
  background: #ffd700;
}
.important-matter-banner4--postage .fs-p-banner__link {
  color:#000;
}


/* 追従式バナーのCSS　*/
.flt_banner{
width: 300px;
}
.flt_banner img {
width: 100%;
}



/* ネコポス便企画用の臨時　*/
.fs-c-checkout-confirmationList__label {
  color:#fff;
}
.fs-c-checkout-confirmationList {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 10px 1fr;
    grid-template-columns: 10px 1fr;
    grid-column-gap: 8px;
    margin: 0;
}



/* 上下にふわふわ動くアニメーションCSS　*/
.fluffy {
  animation: fluffy1 3s ease infinite;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-10px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-10px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}


/* 枝豆とマルシェで使用　緑枠説明フレームCSS　*/
.edamame-2week {
margin:0 5%;
background: #ffffcc;
border-radius: 15px;
}
.edamame-2week .edamame-2week-title {
font-size: 1.2em;
background: #b4d465;
padding: 10px 8px;
letter-spacing: 0.05em;
border-radius: 15px 15px 0 0;
}
.edamame-2week-title {
text-align: center;
font-weight: bold;
color:#009944;
}
.edamame-2week-icon {
margin:0 auto;
z-index:999;
animation:fluffy1 3s ease infinite;
}
.edamame-2week-text {
padding: 15px 20px;
margin: 0;
color: #000;
font-weight: normal;
text-align: left;
}
.edamame-hyouka-hr06 {
position: relative;
height: 2px;
border-width: 0;
background-image: -webkit-linear-gradient(left,transparent 0%,#638c0b 50%,transparent 100%);
background-image: linear-gradient(90deg,transparent 0%,#638c0b 50%,transparent 100%);
}

.edamame_survey_head{
width: 25%;
}






/* カルーセルサイズ調整*/
.toppage-java .fs-pt-carousel__track figure.fs-pt-carousel__slide >a >img {
width: 100%;
max-width: 1000px;
aspect-ratio: 13 / 8;
}

/* 善祥庵ページ？*/
.fs-l-main-zen{
margin: 24px auto;
padding: 8px;
}
.fs-c-documentColumn__content {
gap: initial;
}



/* 配布code01 送料無料表記の文字サイズ調整の記述CSS */
.fs-c-cartDiscountInfo__info {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  font-size: clamp(15px, 2vw, 18px);
  margin-bottom: 10px;
}

.fs-c-cartDiscountInfo__info .fs-c-cartDiscountInfo__more,
.fs-c-cartDiscountInfo__info .fs-c-cartDiscountInfo__info__next {
  font-size: clamp(16px, 2.4vw, 22px);
}

/* 配布code02 通信欄の拡大、クリック可能範囲拡大の記述CSS */
.fs-c-inputInformation__field {
  margin-bottom: 0;
}
#fs-communicationInfo-container .fs-c-checkout-previewAndEdit__info {
  min-height: 200px;
}
.fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard {
  position: relative;
}
.fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {
  content: "";
  display: inline-block;
  position: absolute;
  cursor: pointer;
  height: 200px;
  right: 0;
}
@media screen and (min-width: 600px) {
  .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {
    max-width: 750px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1051px) {
  .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {
    width: 46vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {
    width: 56vw;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {
    width: 94vw;
  }
}
@media screen and (max-width: 599px) {
  .fs-c-checkout-communicationInfo .fs-c-button--change--small.fs-c-button--standard::before {
    max-width: 580px;
    width: 87vw;
    bottom: calc(100% + 20px);
  }
}

/* お届け希望日時設定ボタン変更の記述CSS */
div.fs-c-checkout-shippingDetail >div.fs-c-checkout-shippingDetail__detail >div.fs-c-checkout-shippingDetail__deliveryDetail {
display: block;
}
div.fs-c-checkout-shippingDetail__deliveryDetail >div >button.fs-c-button--standard span.fs-c-button__label {
display: none;
}
div.fs-c-checkout-shippingDetail__deliveryDetail >div >button.fs-c-button--change--small.fs-c-button--standard::before {
padding: 1em;
content: "お届け希望日／時間を設定する";
font-size: 15px;
font-weight: 700;
}