@charset "utf-8";
/* CSS Document */
/**リセットCSS**/
body{
  font-family:-apple-system, BlinkMacSystemFont, "source-han-sans-japanese", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* ここからSPヘッダーのON/OFF */
@media screen and (min-width: 960px) {
  #sp_head { display:none; }
 body { padding-top:105px; }
}
@media screen and (max-width: 959px) {
  body { padding-top:52px; }
  .header { display:none; }
  #site-header { display:none; }}

/**ここから人気ランキング**/
.fs-c-productListCarousel__list__item{flex-basis: 160px;position:relative; }
#ranking .fs-c-productListCarousel__list__item img:hover{opacity: 0.8;transition: all 0.5s 0s ease;}
#ranking .fs-c-productListCarousel__list{overflow: visible}
#ranking .slick-list draggable{overflow: visible}	
#ranking .fs-c-productListCarousel__list__item:before {content: "";position: static;top: -25px;left: 0;width: 0;height: 0;border-right: 80px solid transparent;}
#ranking .fs-c-productListCarousel__list__item:after {content: "";position: absolute;top: 2px;left: 2px;width: 0;height: 0;}
#ranking .slick-track > div:nth-child(1) article::before { background:url("https://ginnomori.itembox.design/item/icon_rank01.svg?t=20250712142917");
background-repeat: no-repeat;}
#ranking .slick-track > div:nth-child(2) article::before { background:url("https://ginnomori.itembox.design/item/icon_rank02.svg?t=20250712142917"); background-repeat: no-repeat;}
#ranking .slick-track > div:nth-child(3) article::before { background:url("https://ginnomori.itembox.design/item/icon_rank03.svg?t=20250712142917"); background-repeat: no-repeat;}
#ranking .slick-track > div:nth-child(4) article::before { background:url("https://ginnomori.itembox.design/item/icon_rank04.svg?t=20250712142917"); background-repeat: no-repeat;}
#ranking .slick-track > div:nth-child(5) article::before { background:url("https://ginnomori.itembox.design/item/icon_rank05.svg?t=20250712142917"); background-repeat: no-repeat;}
#ranking .slick-track > div:nth-child(6) article::before { background:url("https://ginnomori.itembox.design/item/icon_rank06.svg?t=20250712142917"); background-repeat: no-repeat;}
#ranking .slick-track > div:nth-child(7) article::before { background:url("https://ginnomori.itembox.design/item/icon_rank07.svg?t=20250712142917"); background-repeat: no-repeat;}
#ranking .slick-track > div:nth-child(8) article::before { background:url("https://ginnomori.itembox.design/item/icon_rank08.svg?t=20250712142917"); background-repeat: no-repeat;}
#ranking .slick-track > div:nth-child(9) article::before { background:url("https://ginnomori.itembox.design/item/icon_rank09.svg?t=20250712142917"); background-repeat: no-repeat;}
#ranking .slick-track > div:nth-child(10) article::before {background:url("https://ginnomori.itembox.design/item/icon_rank10.svg?t=20250712142917"); background-repeat: no-repeat;}
@media screen and (min-width: 601px) {#ranking .fs-c-productListCarousel__list__item:before {content: "";position: static;top: -25px;left: 0;width: 0;height: 0;border-right: 80px solid transparent;}}

/*全体*/
a img:hover {
	opacity: 0.8;
	filter: brightness(110%);
	transition: all 0.5s 0s ease;/*transitionの記述を追加*/
}

.fs-l-page a {
    text-decoration: none;
}

/** ボタンの記述 全体に適応（各色指定は各CSSで）**/
/** SPボタンの記述 **/
.category_box{margin:30px 0;display: flex;flex-wrap: wrap;justify-content: center; align-items: stretch;}
.category_box>div{margin:2px 2px;text-align: center;padding: 10px 0;width:30%;width: calc(50% - 14px); /* margin padding分を引く */border:1px solid #014725;background:#014725;}
.category_list:nth-child(1n) {flex-grow:2;} .category_list:nth-child(2n) {flex-grow:2;} .category_list:nth-child(3n) {flex-grow:2;} .category_list:nth-child(4n) {flex-grow:2;}.category_list:nth-child(5n) {flex-grow:2;} .category_list:nth-child(6n) {flex-grow:2;}  
.category_box a{display: block;text-decoration: none;color: #FFF;font-weight: bold;font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.arrow_category{position: relative;display: inline-block;padding-right: 10px;text-decoration: none;}
.arrow_category:before{content: '';width: 6px;height: 6px;border: 0;border-top: solid 2px #FFF;border-right: solid 2px #FFF;position: absolute;top: 50%;left: 50%;margin-top: -8px;transform: rotate(45deg);}    
.category_box>div:hover {opacity: 0.8;transition: all 0.5s 0s ease;/*transitionの記述を追加*/}
/** PCボタンの記述 ***/
@media screen and (min-width: 601px) {   
.category_box{display:flex;flex-wrap: nowrap;width:100%;margin:20px 0;}
.category_box>div{width:50%;margin:0 1%;border:1px solid #014725;background:#014725;text-align: center;padding: 1% 0;}  
.arrow_category{position: relative;display: inline-block;padding-right: 10px;text-decoration: none;}
.arrow_category:before{content: '';width: 6px;height: 6px;border: 0;border-top: solid 2px #FFF;border-right: solid 2px #FFF;position: absolute;top: 50%;left: 50%;margin-top: -8px;transform: rotate(45deg);}}  

/**ここから各コラム**/
/********* 共通 *********/
.g_caption{
line-height: 1.3em; /* 文章の間隔指定 */
text-align: center; /* 文字位置指定 */
margin: 10px 0px;
font-size: 18px;
font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
@media screen and (min-width: 601px) {
.g_caption{
font-size: 20px;
}}
/********* 画像と文章の記述 *********/
.g_section{width: 100%;
margin: 0 auto;
margin-top: 50px;
text-align: center;
}
.g_section img{
margin: 20px 0px;
}	
.g_txt{
margin: 10px 0px;
text-align: center; /* 文字位置指定 */
line-height: 1.8em;	/* 文章の間隔指定 */
}
@media screen and (min-width: 601px) {
.g_section{
width: 80%;
margin: 0 auto;
margin-top: 50px;
}
.g_txt{
font-size: 16px;
line-height: 1.8em;	/* 文章の間隔指定 */
}}
/********* 横並びの説明文記述 *********/
.g_container{
width: 80%;
text-align: center;
margin: 0 auto;
}
.row_wrap{
margin: 0 auto;
margin-top: 20px;
text-align: center;
}
.img_wrap{
margin: 0 auto;
}
.info_wrap{
text-align: center;/* 両端揃え */
}
@media screen and (min-width: 601px) {
.g_container{
width: 720px;
margin: 0 auto;
}
.row_wrap{
display: flex;
margin: 40px auto;
align-items: center;
}
.img_wrap{
margin: 0 auto;
}	
.info_wrap{
width: 470px;
margin: 20px;
text-align: justify;/* 両端揃え */
text-justify: inter-ideograph;/* 両端揃え */
line-height: 1.8em;/* 文章の間隔指定 */
}}
/********* 縦並びの説明文記述 *********/
.g_vertical_container{
width: 80%;
text-align: center;
margin: 0 auto;
}
.g_vertical_caption{
width: 80%;
margin: 0 auto;
margin-top: 20px;
text-align: center;
}
.g_vertical_caption img{
width: 50%;
margin: 0 auto;
}
@media screen and (min-width: 601px) {
.g_vertical_container{
width: 720px;
margin: 0 auto;
display: flex;
}
.g_vertical_caption{
width: 80%;
margin: 0 auto;
margin-top: 20px;
text-align: center;
}
.g_vertical_caption img{
width: 100%;
margin: 0 auto;
}}


/*ここから*/
/*銀の森オンラインショップTOPページ*/

/*銀の森ブランド*/
.go_brand {
	font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
}
.go_subtitle {
	font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
}
.go_subtitle h2 {font-size: 40px;margin-top: 40px;color: #104A04;
}
.go_subtitle span {font-size: 15px;color: darkgray;display: block;letter-spacing: 5px;padding-top: 10px;
}

/*スマホ*/
@media screen and (max-width: 600px) {
.go_subtitle h2 {font-size: 23px;margin-top: 20px;
}
.go_subtitle span {font-size: 12px;
}	
    }
@media screen and (max-width: 600px) {
	.fs-pt-column--4 {
    grid-template-columns: 1fr 1fr;
}
  }

/*あと〇円で送料無料 の文言を非表示にする*/
.fs-c-cartDiscountInfo {display: none;}
/*商品ページ数量表示*/
.fs-c-productQuantityAndWishlist__quantity::before {
    content: "数量";align-items: center;}

/* PCサイドメニューCSS*/
.fs-p-sideMenu .fs-pt-menu__link--lv1::after {content: "\e933";/*矢印変更*/}
.fs-p-sideMenu .fs-pt-menu__heading--lv1 {border: none;/*四角枠削除*/}
.fs-pt-menu a:link, .fs-pt-menu a:visited {color: inherit;align-items: center;/*矢印中央揃え*/}
a.fs-pt-menu__link.fs-pt-menu__link--lv1:hover {background-color: #c0c0c0;}
/* <main class="fs-l-main">fs-l-product4</main> */

/** ページの見出し背景色 ***/
.fs-c-documentArticle__heading{background-color: #014725;}	

/** 商品ページ ***/
.itemDesc { margin-bottom:10px; }
.itemSpec { width:100%; margin-bottom:20px; }
.itemSpec th,
.itemSpec td { padding:5px; border:1px solid #ddd;}

.itemSpec th { width:7em; background-color:#f6f6f6;}

/*全環境に共通のデザイン*/
.fs-l-main{margin: 0 auto;font-size: 14px;font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;margin-bottom: 20px;}
html{scroll-behavior: smooth;}

/*全環境に共通のデザイン 960px以上の範囲に収めるデザインはこの中に記述*/
@media screen and (min-width: 960px){
.fs-l-main{margin: 0 auto;font-size: 16px;margin-bottom: 20px;}
.fs-l-header{padding:0;margin-top: -18px;}}


/*商品一覧ページ（記入中）*/
/* 各ページtopバナー */
@media screen and (max-width: 600px) {
.sp_img{display: block !important;margin: 0 auto;}
.pc_img{display: none !important;}
}
@media screen and (min-width: 601px) {
.sp_img{display: none !important;}	
.pc_img{display: block !important;margin: 0 auto;}
}

/*商品一覧ページ（おせち）*/
/* 各ページtopバナー */
@media screen and (max-width: 959px) {
.sp_img02{display: block !important;margin: 0 auto;}
.pc_img02{display: none !important;}
}
@media screen and (min-width: 960px) {
.sp_img02{display: none !important;}	
.pc_img02{display: block !important;margin: 0 auto;}
}


/* 商品グループボタン件数削除 */
.fs-c-listControl__status {
    display: none;
}

.sub_title {
    text-align: center;
    margin: 50px 0 20px 0;
    font-family: "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*	バリエーションコメント切替用*/
.productVariationInfo [class^='volume'] {
    display: none;
}

[data-fs-variation-vertical-no='30'] .volume-30,
[data-fs-variation-vertical-no='20'] .volume-20,
[data-fs-variation-vertical-no='60'] .volume-60,
[data-fs-variation-vertical-no='100'] .volume-100,
[data-fs-variation-vertical-no='200'] .volume-200,
[data-fs-variation-vertical-no='M4'] .volume-4,
[data-fs-variation-vertical-no='M8'] .volume-8,
[data-fs-variation-vertical-no='1'] .volume-1,
[data-fs-variation-vertical-no='5'] .volume-5,
[data-fs-variation-vertical-no='3'] .volume-3,
[data-fs-variation-vertical-no='6'] .volume-6,
[data-fs-variation-vertical-no='8'] .volume-8,
[data-fs-variation-vertical-no='9'] .volume-9,
[data-fs-variation-vertical-no='12'] .volume-12,
[data-fs-variation-vertical-no='16'] .volume-16,
[data-fs-variation-vertical-no='10'] .volume-10,
[data-fs-variation-vertical-no='28'] .volume-28,
[data-fs-variation-vertical-no='15'] .volume-15{
    display: block;
}

/* フッターデザイン削除 */
.fs-l-footer {
    border-top: none;
    margin-top: 40px;
}

.fs-c-productImageModal {
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    opacity: 1;
    overflow: auto;
}
/*送料とお支払い方法について通常・予約販売商品文面書き換え */
.fs-c-documentContent__content p{
   display: none;   
}
.fs-c-documentContent__content::after{
   content: "お届け先ごとのご注文の商品合計金額が￥8,000(税込)以上の場合は、送料無料となります。割引対象は送料となり、クール便手数料は別途かかります。"
;}

/*佐竹記述追記（仮） */
/* 768px以上に適用されるCSS（タブレット・PC用） */
@media screen and (min-width: 768px) {
.top-mv--SP{display: none !important;}
}


@media only screen and (max-width: 1878px) and (min-width: 768px) {
.top-mv--SP{display: none !important;}
.top-mv--PC{display: block !important;margin: 0 auto;}
}
