.fs-l-main{padding: 0;}
/*スライドショーバナー*/   
/*TOPカルーセル*/
.top_carousel{width: 100%;position: relative;padding-bottom: 29.81949%;/* (826/2770)*100% */}
.sp_img {display: none !important;}
.pc_img {display: block !important;}
@media screen and (max-width: 767px) {
.top_carousel {width: 100%;position: relative;padding-bottom: 111.111111%;/* (1000/900)*100% */}
.sp_img {display: block !important;}
.pc_img {display: none !important;}}
.top_carousel img {animation: fade 9s infinite;/*合計時間*/-webkit-animation: fade 9s infinite;-moz-animation: fade 9s infinite;width: 100%;height: 100%;opacity: 0;position: absolute;top: 0;left: 0;}
@keyframes fade {
  0% {opacity: 0;}
  30% {opacity: 1;}
  35% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 0;}
}
@-webkit-keyframes fade {
  0% {opacity: 0;}
  30% {opacity: 1;}
  35% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 0;}
}
@-moz-keyframes fade {
  0% {opacity: 0;}
  30% {opacity: 1;}
  35% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 0;}
}
.top_carousel img:nth-of-type(1) {animation-delay: 0s;-webkit-animation-delay: 0s;-moz-animation-delay: 0s;}
.top_carousel img:nth-of-type(2) {animation-delay: 3s;-webkit-animation-delay: 3s;-moz-animation-delay: 3s;}
.top_carousel img:nth-of-type(3) {animation-delay: 6s;-webkit-animation-delay: 6s;-moz-animation-delay: 6s;}
.concept picture img {vertical-align: bottom;}   
/*画像バナー差し込み*/
.bg-image01{display: flex;justify-content: center;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background-color: #A16E37;margin-top: 0px;flex-direction: column;align-items: center;}
/* 768px以上に適用されるCSS（PC用）*/ 
@media screen and (min-width: 768px) {
.bg-image01{display: flex;justify-content: center;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background-color: #A16E37;flex-direction: column;align-items: center;}}     

/*横幅設定共通*/ 
.section-common{max-width: 1462px;}

/*美栗舎専用背景設定*/
.section-bg-image-m1{margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background-image:url(https://ginnomori.itembox.design/item/mikuriya/bg_mikuriya01.jpg?t=20251020095400);background-size: cover; background-position: center;background-repeat: no-repeat;padding: 100px 0; margin-top: 0; margin-bottom: 0;}
.section-bg-image-m2{margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background-image:url(https://ginnomori.itembox.design/item/mikuriya/bg_mikuriya02.jpg?t=20251020122800);background-size: cover; background-position: center;background-repeat: no-repeat;padding: 100px 0; margin-top: 0; margin-bottom: 0;}
.section-bg-image-m3{margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background-image:url(https://ginnomori.itembox.design/item/mikuriya/spbg_mikuriya03.jpg?t=202510231338);background-size: cover; background-position: center;background-repeat: no-repeat;padding: 300px 0; margin-top: 0; margin-bottom: 0;}
   
/* 768px以上に適用されるCSS（PC用）*/ 
@media screen and (min-width: 768px) {
.section-bg-image-m3{margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background-image:url(https://ginnomori.itembox.design/item/mikuriya/bg_mikuriya03.jpg?t=20251023114600);background-size: cover; background-position: center;background-repeat: no-repeat;padding: 100px 0; margin-top: 0; margin-bottom: 0;}}
/* 768px以上に適用されるCSS（PC用）*/ 
@media screen and (min-width: 768px) {
.section-bg-image-m1,.section-bg-image-m2,.section-bg-image-m3{padding: 300px 0;}}
/*背景アイコン指定*/
.bg-mikuri-icon{width: 40%;margin: 0 auto;}
/* 768px以上に適用されるCSS（PC用）*/ 
@media (min-width: 768px) {
.bg-mikuri-icon{width: 30%;}}

/*紹介01背景に入れる文字設定*/ 
.section-bg-image-m0{margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background-color: #F8F8F8;display: flex;justify-content: center;padding: 30px 0;}
.vw-m-lead {display: flex; justify-content: center; align-items: center;}
.vw-m-lead p{writing-mode: vertical-rl;text-orientation: mixed;text-align: start;font-family: var(--serif);font-size: var(--font-size-M);line-height: 1.8;} 
/* PC（768px以上）用のスタイル */
@media (min-width: 768px) {
.vw-m-lead p{font-size: var(--font-size-L);padding: 50px 0;}} 
 
/*紹介02,03文章設定*/
/*全体*/
.m-container01{display: flex;flex-direction: column;justify-content: center;align-items: center; width: 100%;padding: 20px;box-sizing: border-box;margin: 20px auto;color: var(--font-color);} 
/*一文（横書き）*/
.m-section01{margin: 0 auto;flex-shrink: 0;padding-left: 0px;flex-grow: 1;flex-shrink: 0;max-width: 50%;}
.m-vertical-txt{writing-mode: horizontal-tb;text-orientation: mixed;line-height: 1.5;
letter-spacing: normal;margin: 20px auto;font-size: var(--font-size-L);white-space: nowrap;}
/*横書き*/
.m-section02{border-top: 1px solid #331D01;padding-left: 0px;flex-grow: 1;max-width: 100%;}
.m-section02 p{margin-bottom: 20px;margin-top: 20px;font-size: var(--font-size-SM);line-height: 2.0;}
/* 768px以上のブレークポイント */
@media (min-width: 768px) {
.m-container01{display: flex;flex-direction: row;} 
/*一文（縦書き）*/
.m-section01{margin: 20px auto;flex-shrink: 0;padding-left: 20px;flex-grow: 1;flex-shrink: 0;max-width: 50%;}
.m-vertical-txt{writing-mode: vertical-rl;text-orientation: upright;line-height: 1.8;letter-spacing: 0.1em;margin: 0;font-size: var(--font-size-L);margin: 0 auto;}
/*横書き*/
.m-section02{border-left: 1px solid #331D01;border-top: 0px;padding-left: 30px;flex-grow: 1; max-width: 50%;}
.m-section02 p{font-size: var(--font-size-M);line-height: 2.0;}}   
/* 紹介(逆) */
.m-container02{display: flex;flex-direction: column;justify-content: center;align-items: center; width: 100%;padding: 20px;box-sizing: border-box;margin: 20px auto;color: var(--font-color);}
.m-section02-r{border-top: 1px solid #331D01;padding-left: 0px;flex-grow: 1;max-width: 100%;}
.m-section02-r p{margin-bottom: 20px;margin-top: 20px;font-size: var(--font-size-SM);line-height: 2.0;}
/* 768px以上のブレークポイント */   
@media (min-width: 768px) {
.m-container02{display: flex;flex-direction: row-reverse;} 
.m-section02-r{border-left: 0;border-right:1px solid #331D01;border-top: 0px;padding-left: 30px;flex-grow: 1; max-width: 50%;}
.m-section02-r p{font-size: var(--font-size-M);line-height: 2.0;}}  
    
 /*商品一覧*/   
.m-product-list{display: flex;flex-direction: column;justify-content: center; align-items: center;padding: 20px;}
.m-product-item{flex: 0 0 30%;text-align: center; margin: 0 1%;}
.m-product-item img{width: 100%; height: auto;display: block; margin-bottom: 10px;}
/*バナーホバー時*/ 
.m-product-item a:hover img{opacity: 0.8;}
/* 768px以上のブレークポイント */
@media (min-width: 768px) {
.m-product-list{display: flex;flex-direction: row;justify-content: center; align-items: center;padding: 20px;}    
.m-product-item{margin-bottom: 20px;}
}  
    
/* 美栗舎ギフト */
.section-bg-image-m3{position: relative;}
.gift-m-container01{
position: absolute;top: 50%;left: 0;transform: translateY(calc(-50% + 120px));width: 100%;height: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 20px;margin-top: 0;padding: 20px;box-sizing: border-box;}
.gift-test{position: static;width: 100%;height: 100%;}
.gift-box2{width: 100%;max-width: 400px;flex-grow: 0;text-align: center;padding: 0;margin-bottom: 0;}
/* 左側の空のdivを非表示にする */
.gift-m-container01 > .gift-box2:nth-of-type(1) {display: none;}
.gift-content-right{text-align: center;}
.gift-tit{font-size: var(--font-size-L);}
.gift-desc{font-size: var(--font-size-M)}

/* 768px以上のブレークポイント */
@media screen and (min-width: 768px) {
.gift-m-container01{max-width: 1462px;display: flex;flex-direction: row;align-items: center;justify-content: flex-end;position: absolute; top: 50%;right: 160px;left: auto; 
transform: translateY(-50%);width: 50%;height: auto;gap: 0;padding: 0;}
.gift-m-container01 > .gift-box2:nth-of-type(1) {display: block; width: 50%;}
.gift-box2{width: 50%;max-width: none;}
.gift-content-right{text-align: center;width: 100%;width: 100%;}
.gift-tit{font-size: var(--font-size-LL);}
.gift-desc{font-size: var(--font-size-L)}
}
    
 
 /* おすすめ商品 */
#recommend-list{display: flex; overflow-x: auto; /* 横スクロール */-webkit-overflow-scrolling: touch; /* IOS横スクロール */scroll-snap-type: x mandatory; /* スナップポイントを設定 */padding: 10px 0;/* スクロールバー色指定 */scrollbar-color: #A16E37 #f0f0f0;scrollbar-width: thin;width: 100%;white-space: nowrap;}
/* WebKit系のブラウザ（Chrome, Safariなど）用 */
#recommend-list::-webkit-scrollbar {height: 10px;}
#recommend-list::-webkit-scrollbar-track {background: #f0f0f0; border-radius: 10px;}
#recommend-list::-webkit-scrollbar-thumb {background-color: #A16E37;border-radius: 10px;}
.recommend-item{flex: 0 0 auto;width: 40%;max-width: 200px; /* 最大幅 */margin: 0 5px; text-align: center;padding: 2px;position: relative;scroll-snap-align: start; /* スクロール開始位置 */flex-shrink: 0; /* 追加: アイテムが縮小しないようにする */}
.recommend-item img{max-width: 100%;height: auto;display: block;margin: 0 auto 10px;}
/* おすすめ */ 
.recommend-item:nth-of-type(1) .item-number {background: url("https://ginnomori.itembox.design/item/mikuriya/popularity_mikuriya01.svg") no-repeat center center;background-size: contain;}/*
/* 商品名 */
.recommend-name{display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;text-align: center;
font-size: var(--font-size-S);color:var(--font-color);}
/* 価格 */
.recommend-price{font-weight: bold;color:var(--main-red);text-align: right;font-size: var(--font-size-S);}
/* 税込 */
.recommend-price small{font-weight: normal;font-size: var(--font-size-SS);}
/* 768px以上のブレークポイント */
@media (min-width: 768px) {
#recommend-list{display: grid;grid-template-columns: repeat(5, 1fr); /* 2列指定 */gap: 20px; overflow-x: visible; /* 横スクロール無効 */justify-content: center;margin: 20px auto;padding: 0; max-width: var(--pc-size);}
.recommend-item{width: auto;margin: 0;flex: unset;max-width: 300px; /* 最大幅を設定 */}
/* 価格 */
.recommend-price{font-weight: bold;color: #cc0000;text-align: right;font-size: var(--font-size-M);}
/* 税込 */
.recommend-price small{font-weight: normal;font-size: var(--font-size-S);}}   

/*遷移ボタン*/   
.store-button,.store-button-m1{display: inline-block;background-color: #A16E37;padding: 10px 40px;transition: background-color 0.3s;margin-top: 15px;color: var(--main-white);}
.store-button a:hover{background-color: #bf8b54;text-decoration: none;}
.store-button-m1 a:hover{background-color: #bf8b54;text-decoration: none;}
.store-button:after{content: ".";color: rgba(199, 1117, 193, 0);text-align: center;display: inline-block;width: 15px;height: auto;margin-left: 6px;background-position: center;background-image: url(https://ginnomori.itembox.design/item/top_img/icon_externallink.svg);background-size: contain;background-repeat: no-repeat;border: none;}
.store-button span,.store-button-m1 span{color: var(--main-white) !important;}
/* 768px以上のブレークポイント */
@media (min-width: 768px) {
.store-button,.store-button-m1 span {padding: 20px 40px; width: auto;min-width: 150px;text-align: center;color: var(--main-white);}} 

/* 店舗案内 */
.sec-store{display: flex;flex-direction: column;align-items: center;gap: 40px;justify-content: center;} 
.store-block-img{width: 80%}
.store-block-img,.store-block-txt{flex-grow:1;}
.store-block-txt{color: var(--font-color);line-height: 1.8;font-size: var(--font-size-M);}   
/* PC（768px以上）用のスタイル */
@media screen and (min-width: 768px) { 
.sec-store{display: flex;flex-direction: row;gap: 40px;align-items: center;justify-content: center;} 
.store-block-img{width: 30%}}
.bg-top-color{background-color: var(--bg-color);padding: 50px 0;}}