@charset "UTF-8";
/* カスタマイズ用CSS */
body{font-family :
	YuGothic,    /* Mac用 */
	'Yu Gothic', /* Windows用 */
	sans-serif;
}
p{line-height: 1.8em;}
.ec-label,dd{color:#503333;}
.ec-heading-bold{color:#503333;}
ul li{}
ul.gcat li a,ul.gcat li ul li a{color:#503333;}
h1,h2,h3,h4{color:#503333;font-weight: 600;}
ul.ec-footerNavi li a{color: #fff !important;}
a img.image_hover{
	transition:all 0.5s ease; 
}
a:hover img.image_hover{
	opacity: 0.7;/*要素の透明度*/
	filter: alpha(opacity=70); /*ie6、7*/
	-ms-filter: "alpha(opacity=70)";/*ie8*/
}
a:hover img,
.page-top:hover{
	opacity: 0.7;/*要素の透明度*/
	filter: alpha(opacity=70); /*ie6、7*/
	-ms-filter: "alpha(opacity=70)";/*ie8*/
}

/*ヘッダー固定*/
.ec-layoutRole__header {
    position:sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px; /* ヘッダーの高さに合わせる */
}
/*カート*/
.ec-headerRole__cart{margin-left: 50px;}
.ec-cartRole{padding-bottom: 50px;}

@media only screen and (max-width: 768px) {
    .ec-layoutRole__header {
        position:static;}
   
    .ec-headerRole__cart{margin-left: 0px !important;}
    .ec-cartNaviWrap{line-height: 0.7em;margin-top: -10px;}/*カート*/
}

.ec-headerNav__item{text-align:center;line-height:0.8em !important;}
.ec-headerSearch__keyword{margin-right:20px;}
.ec-headerNav__item img{margin-right: 10px;}
.ec-headerNav .ec-headerNav__itemIcon {
  display: inline-block;
  margin-right: 10px;
  margin-left: 0px;
  font-size: 18px;
  color: black;
}
.ec-headerNav__itemLink{font-size:12px !important;}
.pad_bottom_50{padding-bottom:50px;}
.pad_bottom_80{padding-bottom:80px;}
.pad_bottom_100{padding-bottom:100px;}
.yumingo{font-family :
	YuGothic,    /* Mac用 */
	'Yu Gothic', /* Windows用 */
	sans-serif;
}
.yumincho{
    font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
}
/* メインコンテンツ外枠の横幅固定を外す */
#page_homepage .ec-layoutRole .ec-layoutRole__contents{
    max-width: none; /* 1150px; */
}
.ec-role {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1620px !important;
}
.ec-role-1720 {
  margin: 0 auto;
  width: 1720px;
}
.ec-layoutRole .ec-layoutRole__contents {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 100%;/*1150*/
  display: flex;
  flex-wrap: nowrap;
  flex-grow: 1;
}
.ec-productRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1620px;
}
/**/
.header{text-align: center;padding: 0 0 40px 0;}
.header h2{font-size: 16px;font-weight:600;}
.header h3{font-size: 40px;font-weight:600;}

/*線*/
 .right-line {
  display: flex;        /* フレックスボックスにする */
  align-items: center;  /* 線を文字の上下中央に配置 */
  width: 100%;          /* 全体の横幅（必要に応じて変更） */
  margin-bottom: 50px;
}

.right-line::after {
  content: "";
  flex-grow: 1;         /* 右側の余白をすべて線として伸ばす */
  height: 1px;          /* 線の太さ */
  background-color: #AAAAAA; /* 線の色 */
  margin-left: 15px;    /* 文字と線の間の隙間 */
} 




/*おすすめ商品ブロック*/
        .ec-orderBySaleRole { padding: 0px 0 }
        .ec-shelfGrid__item-cart { margin-top: 15px; padding: 0 10px; }
        .ec-select-wrapper{width: 90% !important; }
        .ec-block-cart-btn {
            width: 90% !important; 
            padding: 10px; 
            background-color: #432D2D !important;
            color: #fff;
            border: none; cursor: pointer;
            margin-top: 8px; 
            font-size: 16px !important; 
            font-weight: bold;
            display: block; 
            text-align: center; text-decoration: none;
            transition: background 0.2s;
            background-image: url(/onlineshopclone/html/user_data/assets/img/common/icon-shopping-cart.svg);
            background-repeat: no-repeat;
            background-size:22px;
            background-position: 30px center;
        }
        
        .ec-block-cart-btn:hover { 
            background-color: #502727 !important;
            color: #fff; 
            font-size: 16px; 
            text-decoration: none; 
            background-image: url(/onlineshopclone/html/user_data/assets/img/common/icon-shopping-cart.svg);
            background-repeat: no-repeat;
            background-size:20px;
            background-position: 35px center;
        }
        .ec-select { margin-bottom: 5px; width: 100%; padding: 8px; font-size: 14px; }
        .ec-select_blank{}

  
.ec-shelfRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 1620px !important;
}
    .ec-shelfRole {padding: 20px}
    .ec-shelfGrid__item-cart { margin-top: 15px; padding: 0 10px; }
    .ec-block-cart-btn {
        width: 100%; padding: 10px; background: #333; color: #fff;
        border: none; cursor: pointer;
        margin-top: 8px; font-size: 18px; font-weight: bold;
        display: block; text-align: center; text-decoration: none;
        transition: background 0.2s;
        background-image: url(/onlineshopclone/html/user_data/assets/img/common/icon-shopping-cart.svg);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: 30px center;
    }
        
    .ec-block-cart-btn:hover { 
        background: #555; color: #fff; text-decoration: none;
        background-image: url(/onlineshopclone/html/user_data/assets/img/common/icon-shopping-cart.svg);
        background-repeat: no-repeat;
        background-size: 23px;
        background-position: 30px center;
    }
    .ec-select { margin-bottom: 5px; width: 100%; padding: 8px; font-size: 14px; }
    .pickup_product_pic{padding-bottom:15px;}
    .pickup_product_pic img{border-radius:5px;}
    .recommend-slider .slick-slide { margin: 0 10px;}
    /* 矢印とドットをまとめる親コンテナ */
    .slider-controls-06 {
        position: relative;
        width: 100%;
        max-width: 500px;
        margin: 50px auto 0;
        padding: 0 40px;
        box-sizing: border-box;
        z-index: 10; 
    }
     /* ドットエリアの基本スタイル */
    .slider-controls-06 .slick-dots {
            position: static;
            display: flex;
            justify-content: center;
            align-items: center;
            list-style: none;
            padding: 0;
            margin: 0 auto;
            width: calc(100% - 80px);
     }

     /* 矢印（共通スタイル） */
       .slider-controls-06 .slick-prev,
       .slider-controls-06 .slick-next {
            position: absolute;
            top: 50%;
            transform: translateY(-25%);
            background: none;
            border: none;
            cursor: pointer;
            outline: none;
            padding: 0;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999 !important; /* ★最前面に強制 */
        }
        .slider-controls-06 .slick-prev img,
        .slider-controls-06 .slick-next img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            pointer-events: none !important; /* ★画像へのクリックをスルーしてbuttonに伝える */
        }
        /* 左矢印の位置 */
        .slider-controls-06 .slick-prev { left: 0; }
        /* 右矢印の位置 */
        .slider-controls-06 .slick-next { right: 0; }
        .slider-controls-06 .slick-dots li button:before { content: ''; }
        .slider-controls-06 .slick-dots li {
            width: 30px;
            height: 4px;
            margin: 0 5px;
            background-color: #ccc;
        }
       
        .slider-controls-06 .slick-dots li button {
            display: block;
            width: 100%;
            height: 100%;
            padding: 0;
            border: none;
            background: transparent;
            cursor: pointer;
            text-indent: -9999px;
            overflow: hidden;
        }
        /* 【追加】SVGとその中のパスのクリックイベントを無効化 */
        .slider-controls-06 .arrow-icon,
        .slider-controls-06 .arrow-icon path {
            pointer-events: none;
        }
        
        .slider-controls-06 .slick-dots li.slick-active { background-color: #333; }
                
        #recommend_wrap{padding: 50px 0;background-color:#F2F2F2;}

/*特集・季節の商品表示機能　ブログ機能*/
.ec-recommandBlogsRole {padding: 40px 0;}
.ec-recommandBlogsRole .ec-recommandBlogsRole__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px;
}
.ec-recommandBlogsRole .ec-recommandBlogsRole__listItem {
    width: 100%;
}
.ec-recommandBlogsRole .ec-recommandBlogsRole__listItem:not(:first-child) a {
    color: black;
}
.ec-recommandBlogsRole .ec-recommandBlogsRole__listItemHeading {
    margin-top: 20px;
}
.ec-recommandBlogsRole .ec-recommandBlogsRole__listItemTitle {
    margin: 8px 0;
}
.ec-recommandBlogsRole .ec-recommandBlogsRole__listItemDatetime {
    margin: 8px 0;
    font-size: 14px;
    color: var(--bs-gray-600);
}
.editorjs__blog-image {
    width: 100%;
    /*aspect-ratio: 16 / 9;*/
    aspect-ratio: 1 / 1; 
}
.editorjs__blog-image img {
    width: 100%;
    height: 100%;
    max-height: auto;
    object-fit: cover;
}
.ce-block__content{width: 100%;max-width: 1620px;margin: 0 auto;padding: 10px;}
@media only screen and (min-width: 768px) {
    
    .ec-recommandBlogsRole .ec-recommandBlogsRole__listItemHeading {
        margin-top: calc(35% - 15px);
    }
    .ec-recommandBlogsRole {
        padding: 60px 0;
    }
    .ec-recommandBlogsRole .ec-recommandBlogsRole__list {
        gap: 30px;
    }
    .ec-recommandBlogsRole .ec-recommandBlogsRole__list {
        flex-wrap: nowrap;
    }
    .ec-recommandBlogsRole .ec-recommandBlogsRole__listItem:first-child {
        width: 24%;
    }
    .ec-recommandBlogsRole .ec-recommandBlogsRole__listItem {
        width: 38%;
    }
}
/*お知らせ・季節・イベント*/
    .blog-slider .slick-slide { margin: 0 15px;}
        /* 矢印とドットをまとめる親コンテナ */
        .slider-controls-03 {
            position: relative;
            width: 100%;
            max-width: 500px;
            margin: 50px auto 0;
            padding: 0 40px;
            box-sizing: border-box;
            z-index: 10; 
        }
        /* ドットエリアの基本スタイル */
        .slider-controls-03 .slick-dots {
            position: static;
            display: flex;
            justify-content: center;
            align-items: center;
            list-style: none;
            padding: 0;
            margin: 0 auto;
            width: calc(100% - 80px);
        }
        /* 矢印（共通スタイル） */
        .slider-controls-03 .slick-prev,
        .slider-controls-03 .slick-next {
            position: absolute;
            top: 50%;
            transform: translateY(-25%);
            background: none;
            border: none;
            cursor: pointer;
            outline: none;
            padding: 0;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999 !important; /* ★最前面に強制 */
        }
        .slider-controls-03 .slick-prev img,
        .slider-controls-03 .slick-next img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            pointer-events: none !important; /* ★画像へのクリックをスルーしてbuttonに伝える */
        }
        /* 左矢印の位置 */
        .slider-controls-03 .slick-prev { left: 0; }
        /* 右矢印の位置 */
        .slider-controls-03 .slick-next { right: 0; }
        .slider-controls-03 .slick-dots li button:before { content: ''; }
        .slider-controls-03 .slick-dots li {
            width: 30px;
            height: 4px;
            margin: 0 5px;
            background-color: #ccc;
        }
       
        .slider-controls-03 .slick-dots li button {
            display: block;
            width: 100%;
            height: 100%;
            padding: 0;
            border: none;
            background: transparent;
            cursor: pointer;
            text-indent: -9999px;
            overflow: hidden;
        }
        /* 【追加】SVGとその中のパスのクリックイベントを無効化 */
        .slider-controls-03 .arrow-icon,
        .slider-controls-03 .arrow-icon path {
            pointer-events: none;
        }
        
        .slider-controls-03 .slick-dots li.slick-active { background-color: #333; }
        #top-pickup-wrap{background-color:#F2F2F2;padding:50px 0;margin-top:-30px;}
/*Blog詳細*/
.link-tool__content{width: 100%;max-width: 1620px;}
.link-tool__image{height: 300px;}

/*トップページ　カスタムレビュー表示*/
.review_wrap{display: flex;flex-wrap:wrap;gap:25px;}
.review_wrap div.review_stars{width: 18%;}
.review_wrap div.review_stars img{width: 100%;border-radius:5px;}

        .revi_image img{border-radius:5px;}
        .review-slick-slider .slick-slide { margin: 0 10px;}
        .review_title,.revi_name{font-size: 18px !important;font-weight:bold;}
        /* 矢印とドットをまとめる親コンテナ */
        .slider-controls-02 {
            position: relative;
            width: 100%;
            max-width: 500px;
            margin: 50px auto 0;
            padding: 0 40px;
            box-sizing: border-box;
            z-index: 10; 
        }

        /* ドットエリアの基本スタイル */
        .slider-controls-02 .slick-dots {
            position: static;
            display: flex;
            justify-content: center;
            align-items: center;
            list-style: none;
            padding: 0;
            margin: 0 auto;
            width: calc(100% - 80px);
        }

        /* 矢印（共通スタイル） */
        .slider-controls-02 .slick-prev,
        .slider-controls-02 .slick-next {
            position: absolute;
            top: 50%;
            transform: translateY(-25%);
            background: none;
            border: none;
            cursor: pointer;
            outline: none;
            padding: 0;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 9999 !important; /* ★最前面に強制 */
        }
        .slider-controls-02 .slick-prev img,
        .slider-controls-02 .slick-next img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            pointer-events: none !important; /* ★画像へのクリックをスルーしてbuttonに伝える */
        }
        /* 左矢印の位置 */
        .slider-controls-02 .slick-prev { left: 0; }
        /* 右矢印の位置 */
        .slider-controls-02 .slick-next { right: 0; }
        .slider-controls-02 .slick-dots li button:before { content: ''; }
        .slider-controls-02 .slick-dots li {
            width: 30px;
            height: 4px;
            margin: 0 5px;
            background-color: #ccc;
        }
       
        .slider-controls-02 .slick-dots li button {
            display: block;
            width: 100%;
            height: 100%;
            padding: 0;
            border: none;
            background: transparent;
            cursor: pointer;
            text-indent: -9999px;
            overflow: hidden;
        }
        /* 【追加】SVGとその中のパスのクリックイベントを無効化 */
        .slider-controls-02 .arrow-icon,
        .slider-controls-02 .arrow-icon path {
            pointer-events: none;
        }
        
        .slider-controls-02 .slick-dots li.slick-active { background-color: #333; }
/*レビュー*/
.ec-productRole__tags,
.ec-productGrid__tags{display: flex;padding-bottom: 15px;gap:5px;flex-wrap: wrap;}
.ec-productGrid__tag{color: #fff !important;font-size:13px !important;padding:3px 8px !important;border-radius:2px;}
.ec-productRole__tag{color: #fff !important;font-size:16px !important;padding:5px 13px !important;border-radius:2px;}
        .tag_1{background-color: #1A8301 !important;}/*新着商品*/
        .tag_2{background-color: #CE1D51 !important;}/*おすすめ商品*/
        .tag_3{background-color: #D45E82 !important;}/*期間限定*/
        .tag_4{background-color: #8EAC56 !important;}/*常温便*/
        .tag_5{background-color: #5E86D4 !important;}/*クール便*/
        .tag_6{background-color: #D5B756 !important;}/*お手土産*/
        .tag_7{background-color: #D68491 !important;}/*のし対応*/
        .tag_9{background-color: #AA84D6 !important;}/*詰め合わせ*/
        /* 必要に応じて特定のタグID（例: tag_1等）ごとに色を変える場合はここに追加できます */
        
/*Ranking*/
#ranking{padding-bottom: 70px;}
.ranking{padding: 50px 0;margin-bottom: 50px}
.rank-img{padding-bottom: 5px;width: 70px !important;}
.rank-img img{width: 70px !important;}
.ranking-pics img{width: 100% !important; border-radius: 5px;}
.ranking-pics dl{padding-top: 10px;}
#select_ranking_39 option:last-child {display: none;}/*カマンベール最後の規格非表示*/
/*#select_recommend_39 option:last-child {display: none;}*/

.rank_images{padding-bottom: 15px;z-index: 1;}
.rank_images img{border-radius: 5px;}
@media only screen and (max-width: 767px){
    .ec-productGrid__tag{color: #fff !important;font-size:12px !important;padding:2px 6px !important;border-radius:2px;}
        .rank-img{padding-bottom: 5px;width: 40px !important;}
         .rank-img img{width: 40px !important;}
        .ec-block-cart-btn {
            width: 100%; padding: 10px; background: #333; color: #fff;
            border: none; cursor: pointer;
            margin-top: 8px; font-size: 15px !important; font-weight: bold;
            display: block; text-align: center; text-decoration: none;
            transition: background 0.2s;
            background-image: url(/onlineshopclone/html/user_data/assets/img/common/icon-shopping-cart.svg);
            background-repeat: no-repeat;
            background-size:18px !important;
            background-position: 10px center !important;
        }
        
        .ec-block-cart-btn:hover { 
            background: #555; color: #fff; text-decoration: none; background-image: url(/onlineshopclone/html/user_data/assets/img/common/icon-shopping-cart.svg);
            background-repeat: no-repeat;
            background-size:18px !important;
            background-position: 10px center !important;
        }
}
/*ピックアップ*/
.pickup_product{display: flex;flex-wrap: wrap;gap:20px;list-style: none;margin-left: -30px;}
        .pickup_product li{width: 22%;}
        .pickup_product_pic img{width:100%;}

/* おすすめ商品ブロックを強制的に横並び（4カラム）にし、スマホ横スクロール対応 */
    .ec-newItemRole__list .ec-grid-4 {
        display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important;
        gap: 15px !important; overflow-x: auto !important;
    }
    .ec-newItemRole__list .ec-grid-4__item {
        flex: 0 0 calc(25% - 12px) !important; 
        max-width: calc(25% - 12px) !important;
        min-width: 140px !important; box-sizing: border-box;
    }
@media screen and (max-width: 767px) {
    .ec-newItemRole__list .ec-grid-4__item {
        flex: 0 0 calc(50% - 12px) !important; 
        max-width: calc(50% - 12px) !important;
        min-width: 140px !important; box-sizing: border-box;
    }
}
    /* タグのデザイン設定 */
    .ec-productCard__tags {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        margin: 8px 0 4px 0; /* 画像の下、タイトルの上に余白を作る */
    }
    .ec-productCard__tag {
        display: inline-block;
        font-size: 14px;
        padding:5px 10px;border-radius:2px;
        background-color: #333; /* タグの背景色（お好みで変更してください） */
        color: #fff; /* タグの文字色 */
        line-height: 1.2;
    }
    /* 金額と個数入りの並びを調整 */
    .ec-productCard__price-box {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 4px;
    }
    .ec-productCard__price {
        margin-bottom: 0 !important;
    }
    .ec-productCard__volume {
        font-size: 13px;
        color: #555;
        font-weight: bold;
    }
    .ec-newItemRole__list .add-to-cart-btn { 
        display: block; width: 100%; padding: 8px 5px; font-size: 12px; 
        text-align: center; box-sizing: border-box; text-decoration: none;
    }
    .ec-productCard__img img{border-radius:5px;}

/*あづま屋商品ピックアップ*/
.introduce_adumaya {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        padding-bottom: 50px;
        align-items: center; 
    }
    
    /* テキスト側を4割の幅に固定 */
    .introduce_adumaya_txt {
        width: 41%; 
        min-width: 300px; 
    }
    
    .introduce_adumaya_txt img {
        width: 220px !important;
    }

/* ▼【新規追加】ボタン用のCSS */
.introduce_adumaya_btn {
    display: inline-block;
    position: relative;        /* 矢印の基準位置にするため追加 */
    margin-top: 20px;          /* 上の文章との隙間 */
    padding: 12px 50px 12px 35px; /* 右側の余白を少し調整 */
    background-color: #432D2D !important;    /* ボタンの背景色 */
    color: #fff;               /* 文字の色 */
    text-decoration: none;     /* 下線を消す */
    font-size: 14px;
    font-weight: bold;
    border-radius: 30px;        /* 角を少し丸くする */
    transition: background-color 0.3s, opacity 0.3s; /* ホバー時のアニメーション */
}

/* 【新規追加】ボタンの右側に「›」を表示 */
.introduce_adumaya_btn::after {
    content: "›";              /* 記号を「›」に変更 */
    position: absolute;
    right: 25px;               /* ボタンの右端からの距離 */
    top: 50%;
    transform: translateY(-56%); /* 縦方向のズレを微調整（真ん中にくるよう-56%に設定） */
    font-size: 20px;           /* 記号が小さくなりすぎないよう大きさを調整 */
    line-height: 1;
    transition: right 0.3s;    /* ホバー時に動くアニメーション */
}

/* ボタンにマウスを乗せたとき（ホバー時）の動き */
.introduce_adumaya_btn:hover {
    background-color: #4A1515 !important;    /* 背景色を少し明るく */
    color: #fff;               /* 文字色を維持 */
    text-decoration: none;     /* 下線を消す設定を維持 */
}

/* 【新規追加】ホバー時に「›」を少し右に動かす */
.introduce_adumaya_btn:hover::after {
    right: 18px;               /* 右端からの距離を縮めて右にスライドさせる */
}
    /* 写真側が残りのスペースをすべて埋める */
    .introduce_adumaya_pic {
        flex: 1; 
        min-width: 300px; 
    }
    
    /* 写真自体を親の幅にフィットさせる */
    .introduce_adumaya_pic img {
        width: 100%;
        height: auto;
        display: block;
    }
    
/*ルミエール商品ピックアップ*/
    .introduce_lumiel {
        display: flex;
        flex-wrap: wrap;
        gap: 50px;
        padding-bottom: 50px;
        align-items: center; 
    }
    
    /* 1. 写真側が残りのスペースをすべて埋める（左側へ配置） */
    .introduce_lumiel_pic {
        flex: 1; 
        min-width: 300px; 
    }
    
    /* 写真自体を親の幅にフィットさせる */
    .introduce_lumiel_pic img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* 2. テキスト側を4割の幅に固定（右側へ配置） */
    .introduce_lumiel_txt {
        width: 41%; 
        min-width: 300px; 
    }
    
    .introduce_lumiel_txt img {
        width: 250px !important;
    }

    /* ボタン用のCSS */
    .introduce_lumiel_btn {
        display: inline-block;
        position: relative;        
        margin-top: 20px;          
        padding: 12px 50px 12px 35px; 
        background-color: #C39269 !important;    
        color: #fff;               
        text-decoration: none;     
        font-size: 14px;
        font-weight: bold;
        border-radius: 30px;        
        transition: background-color 0.3s, opacity 0.3s; 
    }

    /* ボタンの右側に「›」を表示 */
    .introduce_lumiel_btn::after {
        content: "›";              
        position: absolute;
        right: 25px;               
        top: 50%;
        transform: translateY(-56%); 
        font-size: 20px;           
        line-height: 1;
        transition: right 0.3s;    
    }

    /* ボタンにマウスを乗せたとき（ホバー時）の動き */
    .introduce_lumiel_btn:hover {
        background-color: #E09F69 !important;    
        color: #fff;               
        text-decoration: none;     
    }

    /* ホバー時に「›」を少し右に動かす */
    .introduce_lumiel_btn:hover::after {
        right: 18px;               
    }

/*目的で探す、ガイドブロック*/
    /* ==========================================================================
   全体コンテナ（PCベースのスタイル）
   ========================================================================== */
#select_purpose{}
.select-purpose {
    display: flex;
    gap: 40px; /* 左右ブロックの間のすき間 */
    padding: 0px 0;
    box-sizing: border-box;
}

/* PC：左右に50%ずつ均等に並べる */
.select-purpose div.selection {
    flex: 1;
    width: 50%;
    box-sizing: border-box;
}
.select-purpose div.guide {
    flex: 1;
    width: 50%;
    background-color: #E6E6E6;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}
.guide_overlay{
    position: absolute;
    top:50px;left:50px;
}

/* テキストまわりの調整 */
#select_purpose h2,
.select-purpose h2 { font-size: 16px; font-weight: 600; margin: 0 0 10px 0; }
#select_purpose h3,
.select-purpose h3 { font-size: 40px; font-weight: 600; margin: 0 0 20px 0; }
.select-purpose p { font-size: 14px; font-weight: 600; margin: 0 0 10px 0; }

/* ==========================================================================
   シーンで探す・価格で探す（子要素の3個並び設定：共通）
   ========================================================================== */
.selection_scene,
.selection_price {
    display: flex;
    flex-wrap: wrap; /* 3個ごとに折り返す */
    gap: 12px;       /* 画像同士のすき間 */
}
.selection_scene {
    padding-bottom: 40px;
}

/* すき間（gap）を考慮して、完全に3等分にする計算式 */
.selection_scene div,
.selection_price div {
    width: calc((100% - 24px) / 3); 
    box-sizing: border-box;
}

/* 画像とリンクの最適化 */
.selection_scene div a,
.selection_price div a {
    display: block;
    width: 100%;
}
.selection_scene div img,
.selection_price div img {
    width: 100%;
    height: auto;
    display: block;
}

/* ==========================================================================
   モバイル用の設定（画面幅が767px以下の場合）
   ========================================================================== */
@media screen and (max-width: 767px) {
    .introduce_adumaya_txt {
        width: 100%; 
        min-width: 100%; 
    }
    .introduce_adumaya_txt img {
        width: 200px !important;
    }
    .introduce_lumiel{flex-direction: column-reverse;}
    
    .introduce_lumiel_txt {
        width: 100% !important; 
        min-width: 100%; 
    }
    .selection_scene div,
    .selection_price div {
    width: calc((100% - 24px) / 2); 
    box-sizing: border-box;
}
    .select-purpose {
        flex-direction: column; /* 縦並びにする */
        gap: 50px;              /* selectionとguideの間の縦のすき間 */
        padding: 30px 15px;     /* スマホ画面の左右に少し余白を作る */
    }

    /* モバイル：幅を100%にして縦に並べる */
    .select-purpose div.selection,
    .select-purpose div.guide {
        width: 100%;
    }

    /* モバイル：ガイドの内側余白を少し狭める（お好みで調整してください） */
    .select-purpose div.guide {
        padding: 0;
    }
}

/*My page*/
.ec-orderReviewButton a{
    color:#fff;font-weight: 600;font-size: 16px;background-color: #A00000;
    display: inline-block;text-align: center;padding: 5px;
    border:1px solid #A00000;border-radius: 3px;margin: 10px 0;
}
.ec-orderReviewButton a:hover{color:#A00000;background-color: #fff;}
    
.review_attention{font-size: 18px;}
    
/*AZ-店舗受け取り・レビュー書いて*/

    /* 全画面共通（ベースはスマホ向けの縦並び） */
    .pickup_store_review {
        width: 100%;
        display: flex;
        flex-direction: column; /* スマホでは縦並び */
        gap: 20px;              /* スマホでの上下の隙間 */
    }
    
    .review_write {
        width: 100%;            /* スマホでは横幅いっぱいに広げる */
        box-sizing: border-box;
        border-radius: 5px;
        /* div内の中央寄せ設定 */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0px;     /* 内側の余白（上下を少し広めに設定） */
    }
    
    .pickup_store {}
    .review_write { 
        /*background-color: #E5E0D6;
        background-image: url(/onlineshopclone/html/user_data/assets/img/top/review_bnr.webp);
        background-repeat: no-repeat;
        background-size: cover;
        height:450px;*/
}

    /* それぞれの画像サイズ指定（スマホ・PC共通） */
    .pickup_store_blog img {
        width: 300px;
        height: auto;
        margin-bottom: 15px;
        text-align: left !important;
    }

    /* 💻 パソコン・タブレット用の設定（画面幅が768px以上のとき） */

    @media (min-width: 768px) {
        .pickup_store_review {
            flex-direction: row;     /* パソコンでは横並び */
            gap: 50px;               /* パソコンでの左右の隙間 */
        }
        .pickup_store, .review_write {
            border-radius: 5px;
            width: calc(50% - 25px); /* 横幅を2分割（隙間50pxを考慮） */
        }
    }
    
    /* ボタン用のCSS */
     .introduce_btn{
        display: inline-block;
        position: relative;        
        margin-top: 20px;          
        padding: 12px 50px 12px 35px; 
        background-color: #CD223D;    
        color: #fff;               
        text-decoration: none;     
        font-size: 16px;
        font-weight: bold;
        border-radius: 5px;        
        transition: background-color 0.3s, opacity 0.3s; 
    }

    /* ボタンの右側に「›」を表示 */
    .introduce_btn::after {
        content: "›";              
        position: absolute;
        right: 25px;               
        top: 50%;
        transform: translateY(-56%); 
        font-size: 20px;           
        line-height: 1;
        transition: right 0.3s;    
    }

    /* ボタンにマウスを乗せたとき（ホバー時）の動き */
    .introduce_btn:hover {
        background-color: #B40823;    
        color: #fff;               
        text-decoration: none;     
    }

    /* ホバー時に「›」を少し右に動かす */
    .introduce_btn:hover::after {
        right: 18px;               
    }
    #pickup_review{padding: 80px 0px 80px;}
    .pickup_store{position:relative;}
    .pickup_store_block img{
        position:absolute;
        top:25%;left:10px;
        width: 300px
    }
    .pickup_store_block .introduce_btn {
    position: absolute;
    top:50%;left:30px;
}
.pickup_store{
    /*
    background-image: url(/onlineshopclone/html/user_data/assets/img/top/pickup-bg.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;*/
}
@media (max-width: 767px) {
    /*.pickup_store{ background-color: #fff; height:220px;}
    .review_write{ background-color: #fff; height:200px;}
    .pickup_store_block img{
        position:absolute;
        top:15%;left:10px;
        width: 300px
    }*/
}

/* スライドショーの横幅固定を外す */
.ec-sliderRole{
   max-width: none; /* 1130px; */
   padding-left: 0; /* 20px; */
   padding-right: 0; /* 20px; */
}
.slick-slider {
   margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -20px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

/*Arrow*/
.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: none;
  cursor: pointer;
}

.slick-prev {
  left: 30px !important;
  width: 50px;
}
.slick-prev img{margin-top:-20px;margin-left:-10px;}
.slick-next {
	right: 30px !important;
	width: 50px;
}
.slick-next img{margin-top:-20px;margin-left:-10px;}

.ec-headerRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100% !important;
  max-width: 100%;
  padding-top: 0px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ec-headerRole{}
.ec-headerNaviRole {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 100%;
  display: flex;
  /*justify-content: space-between;*/
  align-items: center;
  padding-top: 15px;
}
.ec-headerNaviRole {
    padding-bottom: 0px;
  }
.ec-headerNaviRole__nav{z-index: 999;}
.ec-headerNav{margin-right: -50px;z-index: 999;}
.ec-headerNav a{z-index: 999;}

.ec-headerSearch .ec-headerSearch__keyword {
	 float: right;
	 width: 70%;
  	position: relative;
  	color: #525263;
  	border: 1px solid #ccc;
  	background-color: #f6f6f6;
  	border-radius: 30px;
}
.ec-headerSearch .ec-headerSearch__keyword .ec-icon {
	  width: 16px;
	  height: 16px;
	  filter:sepia(100);
	  margin-top:-10px;
}

.ec-headerRole{display: flex; flex-wrap: nowrap;align-items: center;}
.ec-headerNav{display: flex; flex-wrap: nowrap;justify-content: flex-end;}
.ec-categoryNaviRole{margin-top: -20px;}
.ec-headerNav__item a:hover{}
.ec-headerNav__item a img{width: auto; height: 20px;margin-left: 10px;margin-top: 3px;}
.ec-headerNav  .ec-headerNav__itemIcon{color:#503333}
.ec-headerNav  a:hover{opacity: 0.8;}
.ec-headerNav  a:hover span{text-decoration: underline;}

.logo_cat{padding-bottom: 10px;}
.logo_wrap{width: 40%;vertical-align: middle;}
.logo_wrap a img{max-width:300px;margin-left: 10px;margin-top: 10px;}

.gcat {margin-top: 30px;display: flex; flex-wrap: wrap;justify-content: flex-end;}
.gcat > li > a{border-left:1px solid #8B8484;
  	display: block;
  	border-bottom: 0px solid #E8E8E8;
	padding: 0 25px;
	margin-bottom: 0px;
	
}

.gcat > li:nth-last-of-type(1) a{border-right:1px solid #8B8484;}

.sidemenu ul{display:block !important;list-style:none;text-align:left;margin-left:-20px;}
.ec-headerTitle__title img{width:365px;}
.ec-headerTitle .ec-headerTitle__title{text-align:left !important;}

/* Season Recomend block*/

.season-wrap{display: flex;flex-wrap: wrap; justify-content: space-between;padding-bottom: 50px;}
.season-wrap div{width: 47%;padding-bottom: 60px;}

#reco{
	padding: 100px 0 20px;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/bg-reco.jpg);
}
/*20250916 追加*/
#new-product{}
#new-product{padding-bottom:50px;}
#new-product img{width:53% !important;}
.new-product-wrap{text-align:center;}


.title-section{padding-bottom: 30px;text-align: center}

.title-section h2.main-t{color:#503333;font-size: 30px;padding: 0;margin: 0;line-height: 0.5em;font-weight: 600;}
.title-section h3.sub-t{color:#503333;font-size: 15px;}

.rec-wrap{display: flex;flex-wrap: wrap; justify-content: space-between;padding-bottom: 10px;}
.rec-wrap div{width: 30%;padding-bottom: 60px}
.comment{font-size:15px;color:#503333;}


/*種類から探す CATEGORY*/
#production_type{padding:100px 0;}

.prodtype-wrap{display: flex;justify-content: space-between;padding-bottom: 60px;}
.prodtype-wrap div{width: 30%}/*23%*/
.prodtype-wrap div img{padding-bottom: 15px;}
.prodtype-wrap h4{text-align: center;color:#503333;font-weight: 600;font-size: 20px;padding-bottom: 15px}

/*価格から探す PRICE Range*/
#pricerange{padding:100px 0;background-color: #EDE4D3;}
#pricerange p{font-weight: 600;}
.price-wrap{display: flex;flex-wrap: wrap; justify-content: center;;padding-bottom: 15px;}
.price-wrap div{width: 32%; padding:0 10px 25px;}

.price-wrap div img{}
.prodtype-wrap h4{text-align: center;color:#503333;font-weight: 600;font-size: 20px;padding-bottom: 15px}

/*pickup*/
#pickup{
	padding:100px 0 20px;margin-bottom: 80px;
	background-color: #FFFDFA;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/bg-reco.jpg);
}

#pickup h2.adumaya img{width: 204px;}
#pickup h2.lemiel img{width: 261px;}
#pickup h3{margin-top: 10px;}

.pickup-wrap{display: flex;justify-content: space-between;padding-bottom: 80px;}
.pickup-wrap div{width: 23%}
.pickup-wrap div img{padding-bottom: 15px;}
.pickup-wrap h4{text-align: left;color:#503333;font-weight: 600;font-size: 18px;padding-bottom: 0px}

/*WP news*/
.newssection{padding:20px 0 20px}
.news-wrap{display: flex;}

/*.news{width: 400px;border-right: 1px solid #A39393;margin-right: 30px;}*/
/*#blog{width: 1200px;}
#lemiel{width: 750px;}

.news h2{color:#503333;font-size: 25px;text-align: left;padding: 0;margin: 0;font-weight: 600;line-height: 1.5em;}
.news h3{color:#503333;font-size: 15px;text-align: left;padding-bottom: 30px;}

.news h4 a{
	background-color: #623636;
	border:1px solid #623636;
	border-radius: 5px;
	color:#fff;
	font-size: 15px;
	font-weight: 600;
	padding: 5px 10px;
}
.news h4 a:hover{background-color: #fff;color:#623636;}
/*
#blog{list-style: none;margin-left: -20px;width: 100%;}
#blog li{display: inline-block;padding-bottom: 10px;color:#503333;font-size: 16px;}
#blog li span.date{padding-right: 20px;font-weight: bold;width: 120px;vertical-align: top;}
#blog li a{color:#503333;width: 90%;}
#blog li a:hover{text-decoration: underline;}

#lemiel{list-style: none;margin-left: -20px;width: 90%;}
#lemiel li{padding-bottom: 10px;color:#503333;font-size: 16px;}
#lemiel li span.date{display: inline-block; padding-right: 20px;font-weight: bold;width: 120px;vertical-align: top;}
#lemiel li a{display: inline-block;color:#503333;width: 90%;}
#lemiel li a:hover{text-decoration: underline;}*/

@media only screen and (max-width: 1145px) {
.gcat > li > a{border-left:1px solid #8B8484;
  	display: block;
  	border-bottom: 0px solid #E8E8E8;
	padding: 0 10px;
	margin-bottom: 0px;
	
}
}
@media only screen and (max-width: 1031px) {
.gcat > li > a{border-left:1px solid #8B8484;
  	display: block;
  	border-bottom: 0px solid #E8E8E8;
	padding: 0 10px;
	margin-bottom: 0px;
	
}
}

@media only screen and (max-width: 940px) {
.gcat > li > a{border-left:1px solid #8B8484;
  	display: block;
  	border-bottom: 0px solid #E8E8E8;
	padding: 0 7px;
	margin-bottom: 0px;
	font-size: 15px;
	
}
}
@media only screen and (max-width: 848px) {
.gcat > li > a{border-left:1px solid #8B8484;
  	display: block;
  	border-bottom: 0px solid #E8E8E8;
	padding: 0 4px;
	margin-bottom: 0px;
	font-size: 14px;
	
}
}
@media only screen and (max-width: 767px) {
	.season-wrap div{width: 100%;padding-bottom: 20px;}
	.newssection{padding:10px 0}
	#blog{list-style: none;margin-left: -25px;width: 100%;padding-top: 10px;}
	#lemiel{list-style: none;margin-left: -25px;width: 100%;padding-top: 10px;}
	.news{width: 100%;border-right: 0px solid #A39393;margin-right: 0px;}
	.news h3{color:#503333;font-size: 15px;text-align: left;padding-bottom: 5px;}
	#blog{width: 100%;}
	#lemiel{width: 100%;}
}

.ec-drawerRole {
	overflow-y: scroll;
	background: #453333;
}
 .ec-drawerRole .ec-headerSearch .ec-headerSearch__keyword {
    float: center;
    width: 95%;
  }
.ec-drawerRole  ul.ec-itemNav__nav li.parent a,
.ec-drawerRole  ul.ec-itemNav__nav li.parent a:hover{
	background-image: url(/onlineshop/html/user_data/assets/img/icon-arrow-down.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
}
.ec-drawerRole .ec-headerLinkArea {
	background: #453333;
}
/**/

/*サブページ*/
.christmas {padding-bottom: 15px;margin: 0 4% 0 1%;}
.tokusyu {padding-bottom: 15px;margin: 0 4% 0 1%;}

.special_sp img{width: 100%;}
.ec-layoutRole__left{padding-top: 25px;}
.sidemenu .side_main a {margin-left: -10px; display: block;width: 100%; color:#503333;background-color: #EDE4D3;font-weight: 600; padding: 10px !important;margin-bottom: 20px;}
.sidemenu .side_main a:hover{text-decoration: underline;}

.sidemenu .side_sub a{margin-left: -10px;display: block;width: 100%; color:#503333;font-weight: 600 !important; padding: 10px !important;margin-bottom: 10px;background-image: url(/onlineshop/html/user_data/assets/img/icon-arrow-down.png);
	background-repeat: no-repeat;
	background-position: center right 10px;
	border-bottom: 1px solid #CBB9B9;}
.sidemenu .side_sub a:hover{text-decoration: underline;}

.sidemenu .pro_list a{display: block;font-size: 16px;color:#503333;padding-bottom: 10px;}
.sidemenu .pro_list a:hover{text-decoration: underline;}

/*商品一覧*/

.breadcrumb {
    margin-top: 0px;/*80*/
    line-height: 0.8em;
    padding: 15px 0px 15px 0px;
    list-style: none;
    background-color: #F6F6F4;
    border-radius: 0px;
    margin-bottom: 30px;
}
.breadcrumb ul{list-style: none; display: flex;flex-wrap: wrap; margin-left: -20px;gap:5px;}
.breadcrumb ul li{color: #40321C;font-weight: 400;}
.breadcrumb ul li a{color: #40321C;font-weight: 600;}
.breadcrumb ul li a:hover{text-decoration: underline;}
.breadcrumb ul li::after {
    content: "＞";
    color: #40321C !important;
    padding-left: 5px;
}
.breadcrumb ul li:nth-last-of-type(1)::after{content: "";} 
.breadcrumb > .ec-role ul{padding-bottom: 0 !important;margin-bottom: 0 !important;}

.price_list{margin-top: 15px;}
.ec-searchnavRole {
  margin-bottom: 0;
  padding: 0;
  width: 100%;
  max-width: 1620px;
}
.ec-searchnavRole .ec-searchnavRole__infos {
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.4;
  color: #525263;
  width: 100%;
  max-width: 1620px;
  display: flex;
  border-top: 0;
  margin-bottom: 0px;
  padding-top: 0px;
  flex-direction:row;
}

.ec-topicpath {
    padding: 0px 0 10px;
    border: 0;
    font-size: 16px;
  }
.ec-topicpath li a{color:#503333 !important;}

.cat-header{border-bottom: 1px solid #503333;padding-bottom: 10px;margin-bottom: 10px;}
.cat-comm-wrap{display: flex;}
.cat-comm-wrap div {width: 50%;}
.cat-comm-wrap div.txt{margin-left: 20px; padding: 20px;}
h4.price02-default{color:#503333;font-weight: 600;}
  .ec-shelfGrid .ec-shelfGrid__item {
    padding: 0 16px;
    width: 25%;/*33*/
  }
.ec-shelfGrid .ec-shelfGrid__item h3{
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 22px !important;
}
.ec-shelfGrid .ec-shelfGrid__item img {
	width: 100%;
	max-height: 100%;
}
@media only screen and (max-width: 1209px) {
	.ec-shelfGrid .ec-shelfGrid__item h3{font-size: 20px !important;}
}
@media only screen and (max-width: 1105px) {
	.ec-shelfGrid .ec-shelfGrid__item h3{font-size: 18px !important;}
}

@media only screen and (max-width: 767px) {
	.ec-shelfGrid .ec-shelfGrid__item h3{font-size: 22px !important;}
	.ec-shelfGrid .ec-shelfGrid__item {
    padding: 0 16px;
    width: 50%;}
}
/*商品詳細*/
.ec-productRole__priceRegular{padding-top: 0px !important;margin-top: 0px !important;}
.favorite_btn{padding-bottom: 30px;}
#dest-specific-text p{font-size: 18px;}

　/*table*/
.ec-productRole__description .table-wrapper{}

table.product_discription{
    width: 100% !important;
    border:1px solid #A5A5A5 !important;
    margin-bottom: 20px !important;
    
}
table.product_discription td{
    border-bottom:1px solid #A5A5A5;
    border-right:1px solid #A5A5A5;
    padding: 15px;
}
table.product_discription td:nth-of-type(1){    
    background-color: #F6F6F4;font-weight: 600;width: 180px;
}

@media only screen and (max-width: 767px) {
    table.product_discription td{font-size: 16px;}
    table.product_discription td:nth-of-type(1){width: 130px;}
}
.naiyoryo{margin-top: -20px;}
.naiyoryo h4{background-color: #AB6C1F;color: #fff;padding: 10px}
.naiyoryo p{margin-top: -10px;}

.naiyoryo2{margin-top: -50px;}
.naiyoryo2 h4{background-color: #AB6C1F;color: #fff;padding: 10px}
.naiyoryo2 p{margin-top: -10px;}

.sub_header_wrap{
    margin-bottom: 20px;
    background-color:#F6F6F4;
    padding:10px;width:100%;
}

.related-title{color:#503333;font-size:1.2em;margin-left: -10px;padding-bottom: 5px;}
.related-cat{}
.related-cat a{font-weight: 600;color:#503333;}
.related-cat a:hover{text-decoration: underline;}
.detail{display: flex;padding: 20px 0}
.detail div:nth-of-type(1){width:15%;border-bottom: 1px solid #E9E9E9;padding-bottom: 10px;}
.detail div:nth-of-type(2){width:30%;border-bottom: 1px solid #E9E9E9;padding-bottom: 10px;}

.role-cake{display: flex;}
.role-cake div:nth-of-type(1){padding-right: 20px;font-size: 20px;width: 25%;}
.role-cake div:nth-of-type(2){padding-right: 0px;width: 70%;}
.role-cake h4{font-weight: 600;font-size: 25px;}

.pro-t{padding: 5px 10px; background-color: #623636;color: #fff;border-radius: 5px;}

.ec-headingTitle{
	font-size: 30px !important;
	font-weight: 600;
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
}
.prod-list select.form-select{font-size:18px;border: 2px solid #C97302;
  font-weight: 400;
  line-height: 1.6em;padding: 0px 0 0px 10px !important;}
.ec-numberInput{font-size:18px;}
.ec-numberInput input[type="number"].quantity{font-size:18px;}
.ec-numberInput input[type="number"]#quantity{font-size:18px;}
.ec-sliderItemRole {
  margin: 0 auto;
  padding-left: 0px;
  padding-right: 20px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
    .ec-sliderItemRole {
      margin: 0 auto;
      padding-left: 0px;
      padding-right: 0px;
    }
}
.ec-productRole__description{font-size: 18px;color:#503333;padding-bottom: 15px;}
.flex-wrap{display: flex !important;list-style: none;align-items: center;margin-left: -20px;justify-content: space-between;}
.flex-wrap li:nth-of-type(1){width: 23%;padding-right: 15px;}
.flex-wrap li:nth-of-type(2){width: 72%;border: 2px solid #503333;border-radius: 10px;padding: 20px;}

.ec-totalBox__taxRate dt,
.ec-totalBox__taxRate dd{}

/*商品詳細タグ*/
.ec-productRole .ec-productRole__tags {
  margin-top: 0px;
  padding: 0;
  padding-bottom: 0px;
  border-bottom: 0px dotted #ccc;
}
.ec-productRole .ec-productRole__tag {
  list-style: none;
  color: #525263;
  border: solid 0px #D7DADD;
  border-radius: 3px;
  background-color: #F5F7F8;
}

.deli-normal{width: 70px;height:38px;background-size: contain;color:#fff;background-image: url('/onlineshop/html/user_data/assets/img/deli-normal.jpg'); background-repeat: no-repeat;}
.deli-cool{width: 70px;height:38px;background-size: contain;color:#fff;background-image: url('/onlineshop/html/user_data/assets/img/deli-cool.jpg'); background-repeat: no-repeat;}


label.form-label{display: block !important;width: 100%;}

.explain{line-height: 1.6em;}

/*メインボトム*/
.ec-layoutRole__mainBottom{margin-top: 50px;}

/*レビュー表示エリア*/
@media (max-width: 767px) {
    h4.review_block,
    .recommend_name,
    .review_title{font-size: 18px;} 
}

/*レビューエリア*/

#product_review_area{
    margin-top: 50px;
    background-color: #F6F6F4;
    border-top: solid 0px #D7DADD;
    padding: 20px 10px 50px !important;
}
.ec-rectHeading h4{background-color: #E8E8E4 !important;
padding: 20px !important;}

.ec-registerCompleteRole{padding-bottom:50px;}

/*ご利用ガイド*/
.ec-pageHeader h1 img {width: 25px;height: auto;margin-right: 10px;}

.guide-wrap{display: flex;justify-content: space-between;margin: 0 auto;padding: 0 20px;}

.guide-wrap .guide-left{width: 49%;text-align: left;}
.guide-wrap .guide-right{width: 49%;text-align: left;}
.guide-wrap h3,h3.guide-h3{margin: 0 0 15px;color:#fff;padding: 10px;font-size: 20px;font-weight: 400; background-color: #9D7979}
h3.guide-h3{margin: 0 20px 15px 20px;}
p.guide-image{padding-bottom: 10px;}

@media (max-width: 767px) {
	.guide-wrap{display: flex;justify-content: space-between;margin: 0 auto;padding: 0 0px;}
	h3.guide-h3{margin: 0 0px 15px 0px;}
}
/*/onlineshop/html/user_data/assets/img/deli-normal.jpg*/

/*ログイン*/
.ec-login {
  background: #FCFAE8;
}
.ec-guest {
  background: #FCFAE8;
}
.ec-login__actions button{background-color: #623636;}
.ec-guest__actions a{background-color: #623636;}
/*特定商取引*/
  .ec-off1Grid .ec-off1Grid__cell {
    position: relative;
    min-height: 1px;
    margin-left: 15px;
  }
  .ec-off1Grid .ec-off1Grid__cell {
    width: 96%;
  }
@media only screen and (max-width: 767px) {
	/*ul.ec-productRole__tags li.ec-productRole__tag{width: 100px;height:38px;}
	ul.ec-productRole__tags li.tag_4{width: 100px;height:38px;}
	ul.ec-productRole__tags li.tag_5{width: 100px;height:38px;}*/
}


@media (min-width: 767px) {

  .ec-pageHeader h1, .ec-pageHeader .h1 {
    border-top: none;
    border-bottom: 1px solid #ccc;
    margin: 0px 16px 48px;
    padding: 0px 0 8px;
    font-size: 32px;
    font-weight: bold;
  }
}
table.souryou{width: 100%;font-size:14px;}
table.souryou th{background-color: #EEEEEE;padding: 5px 10px}
table.souryou td{padding: 5px 10px; border-bottom: 1px solid #EEEEEE;line-height: 1.3em !important;}
table.souryou td:nth-child(1){vertical-align: top;}
table.souryou tr:nth-last-child(1) td{border-bottom: 0px solid #EEEEEE;}
table.souryou td:nth-child(3),
table.souryou td:nth-child(4),
table.souryou td:nth-child(5){text-align: center;}

table.souryou tr:nth-of-type(odd) td{background-color: #F7F7F7;}
h4.deli{background-color: #3E9370;padding: 10px;color: #fff;}
h4.deli-col{background-color: #29ABE2;padding: 10px;color: #fff;}

 .ec-borderedDefs dt {
    padding-top: 2px;
    width: 30%;
  }
 .ec-borderedDefs dd {
    width: 70%;
    line-height: 1.8;
  }

/*Cart*/
.ec-cartRole {
  margin: 0 auto;
  padding-left: 0px;
  padding-right: 0px;
}
.ec-progress .ec-progress__item:after {
  
  background: #453333;
 
}
.ec-progress .ec-progress__item:last-child:after {
  display: none;
}
.ec-progress .ec-progress__number {
 
  background: #453333;
  
}
.ec-progress .ec-progress__label {
  font-size: 12px;
}
.ec-progress .is-complete .ec-progress__number {
  background: #B2635A;
}
.ec-progress .is-complete .ec-progress__label {
  color: #B2635A;
}


/*その他のページ*/
.ec-registerRole{padding-bottom: 80px;}
.ec-role{}

/*Footer*/
footer{padding: 20px 0 70px;background: #453333;margin-top: 100px;}
.ec-footerRole {
	border-top: 0px solid #7d7d7d;
	margin-top: 30px;
	background: #453333;
}

.ec-footerTitle {
  	padding: 0 0 30px;
  	text-align: center;
  	color: white;
}

.footer-logo{display: flex;align-items: center;justify-content:center;}
.footer-logo div{padding: 0 10px;}
.footer-logo a img{}

#footer-msg{
	width:  1000px;
	margin: 0 auto;
	border: 1px solid #FFFFFF;
	display: flex;
	padding: 20px 30px;
	align-items: center;
	margin-bottom: 30px;
}
#footer-msg h3{
	color:#fff;font-size: 20px;
	font-weight: 600;
	padding: 0 40px 0 0;margin: 0;
	line-height: 0em;
}
#footer-msg h4{
	color:#fff !important;
	font-size: 16px;
	font-weight: 400;
	padding: 0;margin: 0;
}
#footer-guide{
	width:  1000px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	padding-bottom: 60px;
}
#footer-guide div{width: 22%;}
#footer-guide div a{
	display: block;
	width: 100%;
	font-size: 17px;
	text-align: center;
	font-weight: 600;
	color:#503333;
	background-color: #DAD6D6;
	border-radius: 5px;
	padding: 15px 0;
	border:2px solid #503333;
}
#footer-guide div a:hover{
	color:#DAD6D6;
	background-color: #503333;

	border:2px solid #DAD6D6;
}
#footer-sns{
	width:  200px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	padding-bottom: 50px;
}

.ec-blockTopBtn {
  	display: none;
  	position: fixed;
  	width: 58px;
  	height: 58px;
  	border-radius: 50px;
	background-color: #FFF;
}

@media (max-width: 1100px) {
	.price-wrap div{width: 30%; padding-right: 20px;}
	
	#footer-msg{
	text-align: center;
	width:  90%;
	margin: 0 auto;
	border: 1px solid #FFFFFF;
	display: flex;
	flex-wrap: wrap;
	padding: 10px 30px 20px;
	align-items: center;
	margin-bottom: 50px;
}
	#footer-msg h3{
	color:#fff;font-size: 18px;
	font-weight: 600;
	padding: 10px 0 5px;margin: 0 auto;
	line-height: 1.4em;
	text-align: center;
}
	#footer-msg h4{text-align: center;line-height: 1.3em;margin: 0 auto;}
	#footer-guide{width:  90%;}
	#footer-guide div{width: 24%;}
}

@media (max-width: 1010px) {
    span.ec-headerNav__itemLink{}
}
@media (max-width: 767px) {
.ec-headerNav .ec-headerNav__itemLink {
  display: block;
  margin-right: 5px;
  font-size: 14px;
  vertical-align: middle;
  color: black;
}
    
	.logo_wrap{width: 70%;}	
	.rec-wrap{display: flex;flex-wrap: wrap; justify-content: space-between;padding-bottom: 10px;}
	.rec-wrap div{width: 48%;padding-bottom: 25px}
	
	#production_type{padding:30px 0;}
	.prodtype-wrap{display: flex;flex-wrap: wrap; justify-content: space-between;padding-bottom: 60px;}
	.prodtype-wrap div{width: 48%;padding-bottom: 25px;}
	.prodtype-wrap h4{text-align: center;color:#503333;font-weight: 600;font-size: 16px;padding-bottom: 15px}
	
	#pricerange{padding:100px 0;background-color: #EDE4D3;}
	.price-wrap{display: flex;flex-wrap: wrap; justify-content: center;padding-bottom: 15px;}
	.price-wrap div{width: 49%; padding-right: 5px;padding-bottom: 15px;}
	
	#pickup{padding:50px 0 10px;margin-bottom: 30px;}
	#pickup h2.adumaya img{width: 130px;}
	#pickup h2.lemiel img{width: 190px;}
	.pickup-wrap{display: flex;flex-wrap: wrap; justify-content: space-between;padding-bottom: 80px;}
	.pickup-wrap div{width: 48%;padding-bottom: 25px;}
	.pickup-wrap h4{
		text-align: left;color:#503333;font-weight: 600;font-size: 16px;padding-bottom: 0px}
	
	.newssection{padding:0px 0 30px}
	.news-wrap{
		display: flex;
		flex-wrap: wrap;
	}
	#news{
		width: 100%;
		border-right: 0px solid #A39393;
		border-bottom: 1px solid #A39393;
		margin-right: 0px;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	#blog{width: 100%;}
	#news h2{color:#503333;font-size: 30px;text-align: center;padding: 0;margin: 0;line-height: 0.5em;font-weight: 600;}
	#news h3{color:#503333;font-size: 15px;text-align: center;padding-bottom: 10px;}
	#news h4{text-align: right;}
	#news h4 a{
		background-color: #623636;
		border:1px solid #623636;
		border-radius: 5px;
		color:#fff;
		font-size: 15px;
		font-weight: 600;
		padding: 5px 10px;
	}
	#blog li a{
		display: inline-block;
		color:#503333;
		width: 100%;
	}
	
	.ec-headerRole{margin-top:0px;}
	.ec-headerNav{margin-right: 0px;z-index: 999;}
	.footer-logo a img{width: 50% !important; height: auto;}
    
    #footer-guide{
        display: flex;
        flex-wrap: wrap !important;
    }
	#footer-guide div{width: 47%;}
	#footer-guide div a{
		font-size: 16px;
		border-radius: 5px;
		padding: 10px;
	}
}

/*Christmas 2025*/
div.chrstmas-wrap div{}
div.chrstmas-wrap div p{font-size: 18px;}
div.chrstmas-wrap h1,div.chrstmas-wrap h2{padding: 0 ;margin: 0;}
div.chrstmas-wrap h1{padding-bottom: 15px;}
div.section00{}
div.sec01-1{padding: 0 ;margin-top:-1px;}
.flex-menu{display: flex;flex-wrap: nowrap;margin-bottom: 30px;}
.flex-menu div:nth-of-type(2){border-right: 1px solid #fff;border-left: 1px solid #fff;}
.flex-menu div a{
	display: block; background-color: #A8893E;text-align: center;}


div.chrstmas-wrap div.sec01-2{
	padding: 10% 15%; margin: 0;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/christmas/christmas-bg01.jpg);
	background-repeat: no-repeat;background-size: cover;
	width: 100%;height: auto;
}

div.sec01-2 div{
	width: 100%;margin: 0 auto;
	padding: 10%;
	background-color: rgba(159,19,46,0.8);
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
}
div.sec01-2 h2{color: #fff;padding-bottom: 25px;letter-spacing: 0.1em;font-size: 35px;}
div.sec01-2 p{color: #fff;line-height: 1.7em;}

div.chrstmas-wrap div.sec01-3{
	padding:7%;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/christmas/christmas-bg02-min.jpg);
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
	width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.flex-normal,.flex-reverse{
	display: flex;
	align-items: center;
	justify-content: space-around;
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;}
.flex-normal div,.flex-reverse div{width: 45%;}
.flex-normal h3,.flex-reverse h3{font-size: 35px;letter-spacing: 0.1em;padding-bottom: 10px;}
.flex-normal p,.flex-reverse p{line-height: 1.7em;padding-bottom: 10px;}

div.sec01-4{
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/christmas/sec04-bg.jpg);
	background-repeat: no-repeat;
	background-color: #B51A19;
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
	padding-bottom: 60px;
}
div.sec01-4 h2{padding: 70px 0;text-align: center;color: #fff;font-size: 40px;letter-spacing: 0.2em;}
.f23{font-size: 23px;}
.w50{text-align: center;margin-top: -90px;}
.w50 img{width:338px;height: auto;}

div.sec01-4 h4{color: #fff;font-size: 28px;padding: 0px 50px 10px;margin-top: -120px;line-height: 1.1em;}
br.pad{margin-bottom: 10px;}
div.sec01-4 p{display: block; color:#fff;font-size: 16px;padding: 0 50px 25px}
.flex-two{display: flex;align-items:flex-end;padding-bottom: 50px;}
.flex-two div{width: 50%;}
.sec01-foot{background-color: #361103;padding: 5%;border-bottom:10px solid #A8893E;width: 100%;margin-bottom: 30px;}
.sec01-foot ul li{font-size: 15px; color: #fff;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;line-height: 1.8em;}

div.sec02-1{
	border-bottom:10px solid #A8893E;
}
div.sec02-2{padding: 10% 15%; margin: 0;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/christmas/sec02-bg.jpg);
	background-repeat: no-repeat;background-size: cover;
	width: 100%;height: auto;
}
div.sec02-2 div{
	width: 100%;margin: 0 auto;
	padding: 10%;
	background-color: rgba(253,248,237,0.8);
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
	
}
div.sec02-2 h2{color: #00215F;padding-bottom: 25px;letter-spacing: 0.1em;font-size: 35px;}
div.sec02-2 p{color: #00215F;line-height: 1.7em;}
div.sec02-3{
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
	padding: 10% 5%; margin: 0;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/christmas/sec02-3-bg.jpg);
	background-repeat: no-repeat;background-size: cover;
	width: 100%;height: auto;
}
div.sec02-3 h3{padding-bottom: 25px;letter-spacing: 0.1em;font-size: 35px;}
div.sec02-3 p{line-height: 1.7em;}

.flex-block{display: flex;padding-bottom: 50px;justify-content: space-around;}
.flex-block div{width: 43%;}
.flex-block div img{box-shadow: 10px 10px 10px -6px rgba(219, 211, 198, 0.8);margin-bottom: 20px;}
.hozon{padding: 0% 4%; margin: 0;}

ol.kakko{margin-left: -5px;}
ol.kakko li {
	font-size: 18px;
	list-style-type: none;
	counter-increment: cnt;
}
ol.kakko li::before {
	content: "(" counter(cnt) ") ";
	margin-left:-1.5em;
}
div.sec02-4{
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/christmas/sec02-4-bg.jpg);
	background-repeat: no-repeat;
	background-color: #0E3988;
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
	padding-bottom: 60px;
}
div.sec02-4 h2{padding: 70px 0 55px;text-align: center;color: #fff;font-size: 40px;letter-spacing: 0.2em;}

div.chrstmas-wrap .sec02-foot{background-color: #001131;padding: 5%;border-bottom:10px solid #A8893E;width: 100%;margin-bottom: 30px;}
div.chrstmas-wrap .sec02-foot ul li{font-size: 15px; color: #fff;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;line-height: 1.8em;}

div.sec02-4 h4{color: #fff;font-size: 28px;padding: 0px 50px 10px;margin-top: -120px;line-height: 1.1em;}
.f20{font-size: 20px;}
div.sec02-4 p{display: block; color:#fff;font-size: 16px;padding: 0 50px 25px}

div.sec03-1{border-bottom:10px solid #A8893E;}

div.chrstmas-wrap div.sec03-2{
	/*background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/christmas/christmas-bg02-min.jpg);*/
	background-repeat: no-repeat;
	background-color: #135A4C;
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
}
div.chrstmas-wrap div.sec03-2 .top{height: 10%;text-align: center;}
div.chrstmas-wrap div.sec03-2 .top img{width: 40%;margin-top:-30px;}
div.chrstmas-wrap div.sec03-2 .top h2{color:#fff;font-size: 23px;margin-top:-15%;text-shadow: 0px 0px 15px rgba(255,255,255,1.0);}
div.chrstmas-wrap div.sec03-2 h5{font-size: 23px;color: #fff;padding-bottom: 10px;}
div.chrstmas-wrap div.sec03-2 h6{font-size: 23px;color: #fff;padding-bottom: 5px;}
div.chrstmas-wrap div.sec03-2 p{display: block; color:#fff;font-size: 16px;padding-bottom: 20px;}

.f23{font-size: 23px;}
.w50{text-align: center;margin-top: -90px;}
.w50 img{width:338px;height: auto;}

.flex-three{display: flex;flex-wrap: wrap;justify-content: center;}
.flex-three div {position: relative;width: calc(33% - 16px); /* margin padding分を引く */
  margin: 1px;
  padding: 50px 7px 50px;}
.flex-three div img{padding-bottom: 5px;}

.link-btn{
	margin: 0 auto;
	display: block;
	background-color: #361103;
	color:#fff;
	text-align: center;
	padding: 15px ;width: 70%;
	font-size: 20px;
}
.link-btn-blue{
	margin: 0 auto;
	display: block;
	background-color: #001131;
	color:#fff;
	text-align: center;
	padding: 15px ;width: 70%;
	font-size: 20px;
}
.link-roll-btn{
	position: absolute;
	bottom:-20px;
	margin: 0 auto;
	display: block;
	background-color: #A8893E;
	color:#fff;
	text-align: center;
	margin-top: 50px;
	padding: 15px ;width: 95%;
	font-size: 20px;
}
.link-btn:hover,
.link-roll-btn:hover{
	background-color: #fff;
	color:#361103;}
.link-btn-blue:hover{background-color: #fff;}
@media (max-width: 940px) {
	div.sec01-4 h4,div.sec02-4 h4{margin-top: -90px;font-size: 25px;padding: 0px 20px 10px;}
	div.sec01-4 p,div.sec02-4 p{padding: 0 20px 25px}
	.w50{text-align: center;margin-top: -110px;}
	.w50 img{width:338px;height: auto;}
}

@media (max-width: 767px) {
	div p{font-size: 16px;}
	.flex-menu{margin-bottom: 20px;}
	div.sec01-2,div.sec02-2{padding: 5%;}
	div.sec01-2 div,div.sec02-2 div{padding: 10%;}
	
	div.sec01-2 h2,div.sec02-2 h2,
	.flex-normal h3,.flex-reverse h3,div.sec02-3 h3{font-size: 25px;}
	.flex-normal,.flex-two,.flex-block{display: flex;flex-wrap: wrap;}
	.flex-reverse{display: flex;flex-wrap:wrap-reverse;}
	div.sec01-4 h4,div.sec02-4 h4{color: #fff;font-size: 23px;padding: 0px 50px 10px;margin-top: -80px;line-height: 1.6em;}
	div.sec01-4 p,div.sec02-4 p{padding: 0px 50px 10px;}
	.w50{text-align: center;margin-top: 0px;}
	.w50 img{width:200px;height: auto;}
	.flex-normal div,.flex-reverse div,.flex-two div,.flex-block div{width: 100%;}
	.flex-block div{padding-bottom: 20px;}
	.flex-three div {
		position: relative;width: calc(50% - 16px); /* margin padding分を引く */
  		margin: 1px;
  		padding: 50px 7px 50px;}
	.flex-three:after {
		content: "";
    	display: block;
    	width:  calc(50% - 16px);  /* .boxに指定したwidthと同じ幅を指定する */
    	height: 0;
	}
	div.sec03-2 .top h2{color:#fff;font-size: 20px;}
	div.sec03-2 h5{font-size: 20px;}
	div.sec03-2 h6{font-size: 20px;}
	.link-roll-btn{font-size: 16px;}
	.f20{font-size: 18px;}
}
@media (max-width: 640px) {
	.section06{background-color: #0D2B26;padding: 25px 20px 25px 10px;}
}


/*Valentine's Day 2024*/
div.valentine{padding: 0;margin-top:-20px;}
div.valentine div.sec01-2{
	padding: 10% 10%; margin: 0;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/valentine/valentine_bg01.jpg);
	background-repeat: no-repeat;background-size: cover;
	width: 100%;height: auto;
	position:relative;
}
div.valentine div.sec01-2 div{
	width: 100%;margin: 0 auto;
	padding: 10%;
	background-color: rgba(159,19,46,0.8);
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
}
div.valentine div.sec01-3{
	/*padding:7% 3%;*/
	padding:0%;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/valentine/valentine_bg02.jpg);
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
	width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-top:10px solid #E5BD81;
	border-bottom:10px solid #E5BD81;
	margin: 0;
}
div.valentine div.sec01-3 img.normal{width: 45px !important;}
div.valentine div.sec03-2{
	background-repeat: no-repeat;
	background-color: #380E15;
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
	margin-top: 0px !important;
	
}
#heart01{
	background-image: url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/valentine/heart01.png);
	background-repeat: no-repeat;
    background-position: top left;
}
#heart02{
	background-image: url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/valentine/heart02.png);
	background-repeat: no-repeat;
    background-position: bottom right;
}

div.valentine .flex-normal,div.valentine .flex-reverse{
	display: flex;
	align-items: center;
	justify-content: space-around;
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
}
#heart01 .flex-normal{padding: 7% 5% 3%;}
#heart02 .flex-normal{padding: 3% 5% 7%;}
#heart01 .flex-normal h3{font-size: 30px;}
#heart02 .flex-normal h3{font-size: 30px;}

div.valentine .flex-normal div,
div.valentine .flex-reverse div{width: 46%;}
div.valentine.flex-normal h3,
div.valentine .flex-reverse h3{font-size: 35px;letter-spacing: 0.1em;padding-bottom: 10px;}
div.valentine .flex-normal p,
div.valentine .flex-reverse p{line-height: 1.7em;padding-bottom: 10px;}

div.valentine div.sec03-2 .top{text-align: center;position: relative;padding-bottom: 50px;}

div.valentine div.sec03-2 .top_main img{
	padding-top: 40px;
	width: 35%;position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
div.valentine div.sec03-2 h5{font-size: 23px;color: #fff;padding-bottom: 10px;}
div.valentine div.sec03-2 h6{font-size: 23px;color: #fff;padding-bottom: 5px;}
div.valentine div.sec03-2 p{display: block; color:#fff;font-size: 16px;padding-bottom: 20px;}

div.valentine .sec02-foot{background-color: #061210;padding: 5%;width: 100%;margin-bottom: 30px;}
div.valentine .sec02-foot ul li{font-size: 15px; color: #fff;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;line-height: 1.8em;}

.no-disp{display:none;visibility: hidden;}
@media (max-width: 767px) {
	div.valentine div.sec03-2 h5{font-size: 18px;}
	div.valentine div.sec03-2 h6{font-size: 16px;}
	.f20 {font-size: 14px;}
}
@media (max-width: 767px) {
	div.sec01-2 h2,div.sec02-2 h2,
	div.valentine .flex-normal h3,
	div.valentine .flex-reverse h3,
	div.valentine div.sec02-3 h3{font-size: 25px;}
	div.valentine .flex-normal,div.valentine .flex-two,div.valentine .flex-block{display: flex;flex-wrap: wrap;}
	div.valentine .flex-reverse{display: flex;flex-wrap:wrap-reverse;}
	div.valentine .flex-normal div,
	div.valentine .flex-reverse div,
	div.valentine .flex-two div,.flex-block div{width: 100%;}
	#heart01 .flex-normal{padding: 7% 5% 0%;}
	#heart02 .flex-normal{padding: 0% 5% 7%;}

}
/*桃カステラ*/
.momocastera{padding: 0;margin-top:-20px;}
.momocastera .momosec02{
	padding: 10% 15%; margin: 0;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/momocast/momocast-bg01.jpg);
	background-repeat: no-repeat;background-size: cover;
	width: 100%;height: auto;
}
.momocastera .momosec02 div{
	width: 100%;margin: 0 auto;
	padding: 10%;
	background-color: rgba(234,142,209,0.8);
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
}
.momosec02 h2{color: #fff;padding-bottom: 25px;letter-spacing: 0.1em;font-size: 35px;}
.momosec02 p{color: #fff;line-height: 1.7em;}

.momocastera .momosec03{
	/*padding:7% 3%;*/
	padding:5% 3%;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/momocast/momocast-bg02.jpg);
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
	width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	border-top:10px solid #E5BD81;
	border-bottom:10px solid #E5BD81;
	margin: 0;
}

.momocastera .momosec04{
	/*padding:7% 3%;*/
	padding:8% 0%;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/momocast/momocast-bg03.jpg);
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
	width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 0;
}
.purchase-t{padding-bottom: 30px;}
.momocastera .momosec04 h2{font-size: 38px;}
.momocastera .momosec04 h3{font-size: 25px;}
.momocastera .momosec04 h2,
.momocastera .momosec04 h3{text-align: center;color: #fff;}

.momoflex-Left{display: flex;margin-bottom: 50px;}
.momoflex-Left p{color: #fff;}
.momoflex-Left div{width: 50%;}
.momoflex-Left .txt{padding: 0 5%}
.momoflex-Left h2,.momoflex-Left h3{text-align: left !important;}
.momoflex-Left h3{font-size: 30px !important;}

.momoflex-Right{display: flex;}
.momoflex-Right div{width: 50%;}
.momoflex-Right p{color: #fff;}
.momoflex-Right .txt{padding: 0 5%}
.momoflex-Right h2,.momoflex-Right h3{text-align: left !important;}
.momoflex-Right h3{font-size: 30px !important;}


h4.btn-order a{
	display: block;margin-top:30px;
	width: 100%;
	background-color: #581B00;text-align: center;color: #fff;
	padding: 15px 50px;
}
h4.btn-order a:hover{background-color: #F8C7B1;color: #581B00;}

.small{font-size: 20px;}

.momocastera .momofooter{
	background-color: #451703;padding: 5%;width: 100%;margin-bottom: 30px;
}
.momocastera .momofooter ul li{
	font-size: 15px; color: #fff;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;line-height: 1.8em;
}

@media (max-width: 767px) {
	.momocastera .momosec04 h2{font-size: 30px;}
	.momocastera .momosec04 h3{font-size: 20px;}
	.momoflex-Left{display: flex;flex-wrap: wrap;}
	.momoflex-Left div{width: 100%}
	.momoflex-Right{display: flex;flex-wrap:wrap-reverse;}
	.momoflex-Right div{width: 100%}
}

/*【期間限定】夏の涼菓特集-2024　ryouka*/

.ryouka{padding: 0;margin-top:-20px;}
.ryouka-sec01{
    display: flex;
    justify-content: space-around;
    align-items: center;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/summer/summer2004-top.jpg);
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
	width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 0;
    
}
.ryouka-sec01 img{width: 520px;margin-top: -100px}
.ryouka-sec01-bnr{display: flex;margin-bottom: 30px;}
.ryouka-sec01-bnr div{width:calc(3/100)}
.ryouka-sec01-bnr div:nth-of-type(1),
.ryouka-sec01-bnr div:nth-of-type(2){margin-right: 1px;}
.ryouka-sec01-bnr div:nth-of-type(3){margin-left: auto;}

.ryouka-sec02{
    text-align: center;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/summer/summer2004-se02-bg.jpg);
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
	width: 100%;
    height: 800px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 0;
}
.ryouka-sec02 img{width: 546px;padding-top: 50px;}


.ryouka-sec03{
    display: flex;
    justify-content: space-around;
    align-items: center;
	background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/summer/summer2004-se03-bg.jpg);
	font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
	width: 100%;
    height: 750px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin: 0;
}
.ryouka-sec03 div{width: 80%; background-color: rgba(255,255,255,0.85);padding: 70px;}
.ryouka-sec03 h2{color:#C74147;font-size:40px;line-height: 1.5em;padding-bottom: 30px;}
.ryouka-sec03 p{color:#C74147;font-size:20px;line-height: 2em;}

.ryouka-sec04{
    padding: 0 0 50px;
    font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
    background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/summer/summer2004-se04-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.ryouka-sec04-youkan{
    padding: 0 0 50px;
    font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
    background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/summer/summer2004-youkan-bg.jpg);
    background-repeat: no-repeat;
}

.ryouka-sec04 .wrap{
    width: 100%; display: flex; 
    justify-content: center;
    height: 550px;
}


.ryouka-sec04 .wrap div{width: 50%;}
.ryouka-sec04 .wrap div:nth-of-type(1){align-self: center;}
.ryouka-sec04 .wrap div.flavor{
    padding: 80px 50px 80px;
    background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/summer/summer2004-se04-bg2.png);
    background-repeat: no-repeat;
    background-position: right top;
}


.ryouka-sec04-youkan .wrap{
    width: 100%; display: flex; 
    justify-content: center;
    height: 550px;
}
.ryouka-sec04-youkan .wrap div{width: 50%;}
.ryouka-sec04-youkan .wrap div:nth-of-type(1){align-self: center;}
.ryouka-sec04-youkan .wrap div.flavor{
    padding: 80px 50px 80px;
    background-image:url(https://adumaya-lemiel.co.jp/onlineshop/html/user_data/assets/img/summer/summer2004-se04-bg2.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.ryouka-sec04-2{padding-bottom: 80px;}
.ryouka-sec04-3{display: none;}

.ryouka-sec04 .wrap2{
    width: 100%; display: flex; 
    justify-content: center;
    padding-bottom: 20px;
}
.ryouka-sec04 .wrap2 div{width: 50%;}
.ryouka-sec04 .wrap2 img{width: 95%;padding-left: 50px;}
.ryouka-sec04 .wrap2 div:nth-of-type(1){padding: 10px 30px 80px;}

.ryouka-sec04 h2{color:#3A84C4;font-size:40px;padding-bottom: 30px;}
.ryouka-sec04 p{color:#3A84C4;font-size:18px;line-height: 2em;}
.ryouka-sec04 .wrap div img{width:80%;}


.ryouka-sec04-youkan .wrap2 div{width: 50%;}
.ryouka-sec04-youkan .wrap2 img{width: 95%;padding-left: 50px;}
.ryouka-sec04-youkan .wrap2 div:nth-of-type(1){padding: 10px 30px 80px;}

.ryouka-sec04-youkan h2{color:#3A84C4;font-size:40px;padding-bottom: 30px;}
.ryouka-sec04-youkan p{color:#3A84C4;font-size:18px;line-height: 2em;}
.ryouka-sec04-youkan .wrap div img{width:80%;}

.ryouka-sec05{
    padding: 60px 0;
    background-color: #9EE3E6;
    font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
}
.ryouka-sec05 .title-pic{padding-bottom: 50px;text-align: center;}
.ryouka-sec05 .title-pic img{width: 300px;}
.ryouka-sec05 .wrap{display: flex;}
.ryouka-sec05 .wrap div{width: 50%;}
.ryouka-sec05 .wrap div:nth-of-type(2){padding: 0px 50px;text-align: center;}
.ryouka-sec05 .wrap div:nth-of-type(2) img{width: 220px;}
.ryouka-sec05 .wrap h2,
.ryouka-sec05 .wrap h3,
.ryouka-sec05 .wrap p{text-align: left;color: #FFF;}
.ryouka-sec05 .wrap h2{font-size: 28px;line-height: 1em;text-shadow: 1px 2px 10px #2AA1A7;}
.ryouka-sec05 .wrap h3{font-size: 30px;line-height: 1em;text-shadow: 1px 2px 10px #2AA1A7;}
.ryouka-sec05 .wrap p{padding-bottom: 50px;}
a.btn{display: block;width: 100%;
    padding: 10px;
    color:#FFF;
    font-weight: 600; 
    background-color: #482831;
    border:2px solid #482831;
}
a.btn:hover{background-color: #fff;color:#482831;}

.ryouka-footer{padding: 30px; background-color: #482831;border-bottom: 10px solid #A8893E;}
.ryouka-footer ul li{color:#fff;}


.ryouka-sec06{padding-top: 20px;background-color: #F0F5FF;}

.ryouka-sec07{ padding: 20px 0 60px;
    background-color: #F5FBF9;
    font-family :
   	YuMincho,    /* Mac用 */
   	'Yu Mincho', /* Windows用 */
   	serif;
}
.ryouka-sec07 .title-pic{padding: 60px 0 30px;text-align: center;}
.ryouka-sec07 .title-pic img{width: 208px;}

.ryouka-sec07 .wrap{display: flex;justify-content:center;}
.ryouka-sec07 .wrap div{width: 50%;text-align: center;/*background-color: #FFFFFF;*/padding: 0px}/*40*/
.ryouka-sec07 .wrap div:nth-of-type(1){margin-right: 40px}
.ryouka-sec07 .wrap div:nth-of-type(2){margin-left: 40px}
.ryouka-sec07 .wrap div img,
.ryouka-sec07 .wrap3 div img,
.ryouka-sec07 .wrap2 div img{width: 100%;}

.ryouka-sec07 .line-up{padding: 0 30px;margin-bottom: 40px;}
.ryouka-sec07 .line-up h2{padding: 10px 10px 10px 20px;color:#0E3988;border-left:7px solid #0E3988;margin-bottom: 30px;}
.ryouka-sec07 .line-up .qty{color:#0E3988;font-size: 20px;padding: 10px 0}
.ryouka-sec07 .line-up .price{color:#0E3988;font-size: 20px;}

.ryouka-sec07 .wrap3{display: flex;justify-content:center;}
.ryouka-sec07 .wrap3 div{width: 33%;text-align: center;/*background-color: #FFFFFF;*/padding: 0px}/*20*/

.ryouka-sec07 .wrap3 div:nth-of-type(1),
.ryouka-sec07 .wrap3 div:nth-of-type(2){margin-right: 20px}

.ryouka-sec07 .wrap2{display: flex;justify-content:center;}
.ryouka-sec07 .wrap2 div{width: 50%;text-align: center;}
.ryouka-sec07 .wrap2 div:nth-of-type(1){margin-right: 15px}
.ryouka-sec07 .wrap2 div:nth-of-type(2){margin-left: 15px}

.ryouka-sec07 .wrap2 div{display: flex;flex-direction: column;}
p.btn_order{margin-top: auto;}

.ryouka-sec07 h3.other-title{color:#0E3988;text-align: left;}
.ryouka-sec07 p.other-disc{color:#0E3988;text-align: left;padding-bottom: 10px;}
.ryouka-sec07 p.other-price{color:#0E3988;text-align: left;font-size: 20px;}

div.btn-order{width: 100%; display: flex;justify-content: center; }
div.btn-order a{display: block; padding: 15px 0;background-color: #A8893E;color:#fff;width: 280px;text-align: center;border: 1px solid #A8893E;}
div.btn-order a:hover{background-color: #fff;color:#A8893E;}

p.btn_order{padding: 50px 0  0}
p.btn_order a{display: block;padding: 15px 0;width: 100%;background-color: #A8893E;color:#fff;border: 1px solid #A8893E;}
p.btn_order a:hover{background-color:#fff ;color:#A8893E;}


.fsize18{font-size:18px !important;}
.fsize20{font-size:20px !important;}

@media (max-width: 1024px) {
    .ryouka-sec01{height: 400px;}
    .ryouka-sec01 img{width: 400px;margin-top: -50px}
    .ryouka-sec01-bnr{margin-bottom: 20px;}
    
    .ryouka-sec02{height: 450px;}
    .ryouka-sec02 img{width: 400px;padding-top: 30px;}
    
    .ryouka-sec03{height: 500px;}
    .ryouka-sec03 div{width: 85%;padding: 20px;}
    .ryouka-sec03 h2{font-size:30px;padding-bottom: 20px;}
    .ryouka-sec03 p{font-size:18px;}
    
    .ryouka-sec04 .wrap div.flavor{
        background-size: 90%;
        padding: 80px 20px 80px;}
    .ryouka-sec04 h2{font-size:30px;padding-bottom: 20px;}
    .ryouka-sec04 p{font-size:18px;line-height: 2em;}
    .ryouka-sec04-3{display: none;}
    
    .ryouka-sec05{padding: 30px 0;}
    
    .ryouka-sec07 .line-up{padding: 0 20px;}
    .ryouka-sec07 .wrap div{padding: 30px;}
    .ryouka-sec07 .wrap div:nth-of-type(1){margin-right: 25px}
    .ryouka-sec07 .wrap div:nth-of-type(2){margin-left: 25px}
}
@media (max-width:767px) {
    .ryouka-sec01{height: 350px;}
    .ryouka-sec01 img{width: 300px;margin-top: -30px}
    .ryouka-sec03 h2{font-size:25px;padding-bottom: 10px;}
    
    .ryouka-sec04{padding: 0}
    .ryouka-sec04 .wrap{flex-wrap: wrap;height: 100%;}
    .ryouka-sec04 .wrap div{width: 100%;}
    
    .ryouka-sec04 .wrap2 div:nth-of-type(1){padding: 10px 30px 20px;}
    .ryouka-sec04 .wrap div.flavor{background-size: 50%;padding: 30px 30px 60px;}
    .ryouka-sec04 .wrap2{flex-wrap: wrap;height: 100%;flex-direction: column-reverse;}
    .ryouka-sec04 .wrap2 div{width: 100%;}
    
    .ryouka-sec04-youkan{padding: 0}
    .ryouka-sec04-youkan .wrap{flex-wrap: wrap;height: 100%;}
    .ryouka-sec04-youkan .wrap div img{width: 60%;}
    .ryouka-sec04-youkan .wrap div{width: 100%;}
    
    .ryouka-sec04 .wrap2 div:nth-of-type(1){padding: 10px 30px 20px;}
    .ryouka-sec04-youkan .wrap div.flavor{background-size: 50%;padding: 30px 30px 60px;}
    .ryouka-sec04 .wrap2{flex-wrap: wrap;height: 100%;flex-direction: column-reverse;}
    .ryouka-sec04 .wrap2 div{width: 100%;}

    .ryouka-sec05 .wrap{flex-wrap: wrap;}
    .ryouka-sec05 .wrap div{width: 100%;}
    .ryouka-sec05 .wrap div:nth-of-type(2){padding: 30px 50px;text-align: center;}
    .ryouka-sec05 .wrap div:nth-of-type(2) img{width: 220px;}
    
    .ryouka-sec07 .title-pic{padding: 30px 0 30px;text-align: center;}
    .ryouka-sec07 .wrap div{padding: 20px;}
    .ryouka-sec07 .wrap div:nth-of-type(1){margin-right: 15px}
    .ryouka-sec07 .wrap div:nth-of-type(2){margin-left: 15px}
    .ryouka-sec07 .line-up .qty{font-size: 16px;padding: 10px 0}
    .ryouka-sec07 .line-up .price{font-size: 16px;}
    .ryouka-sec07 .wrap2 div:nth-of-type(1){margin-right: 10px}
    .ryouka-sec07 .wrap2 div:nth-of-type(2){margin-left: 10px}
}
@media (max-width:610px) {
    .ryouka-sec01{height: 250px;}
    .ryouka-sec01 img{width: 200px;margin-top: -25px}
    
    .ryouka-sec02{height: 300px;}
    .ryouka-sec02 img{width: 300px;padding-top: 30px;}
    .ryouka-sec03{height: 600px;}
    .ryouka-sec03 div{width: 90%;padding: 30px;}
    .ryouka-sec04-2{display: none;}
    .ryouka-sec04-3{display: block;padding-bottom: 50px}
    
    .ryouka-sec05 .title-pic img{width: 280px;}
    
    .ryouka-sec07 .wrap div{padding: 10px;}
    .ryouka-sec07 .wrap div:nth-of-type(1){margin-right: 10px}
    .ryouka-sec07 .wrap div:nth-of-type(2){margin-left: 10px}
    .ryouka-sec07 .wrap3 div{width: 33%;text-align: center;/*background-color: #FFFFFF;*/padding: 5px}
    .ryouka-sec07 .wrap3 div:nth-of-type(1),
    .ryouka-sec07 .wrap3 div:nth-of-type(2){margin-right: 5px}
    .ryouka-sec07 .title-pic img{width: 180px;}
}


/*商品　水ようかん*/
.explain{display: flex;align-items: center;padding-bottom: 20px;}
.explain div:nth-of-type(1){width: 30%;}
.explain div:nth-of-type(2){width: 70%;color: #3A84C4;}
.product-explain{display: flex;padding: 20px 0;width: 100%;border-bottom: 1px solid #E3E3E3;}
.product-explain div:nth-of-type(1){width: 55%;}
.product-explain div:nth-of-type(2){width: 45%;}
.product-explain div:nth-of-type(2) img{width: 80% !important;}
.product-explain p{padding-bottom: 10px;}
.product-explain h5{color: #623636;}

@media (max-width:767px) {
.explain{display: flex;align-items: center;flex-wrap: wrap;}
.explain div:nth-of-type(1){width: 100%;}
    .explain div:nth-of-type(1) img{width: 45%;}
.explain div:nth-of-type(2){width: 100%;}
    
    .product-explain{display: flex;flex-direction:column-reverse;flex-wrap: wrap;}
    .product-explain div:nth-of-type(1){width: 100%;}
    .product-explain div:nth-of-type(2){width: 100%;}
    .product-explain div:nth-of-type(2) img{width: 80% !important;}
}
/*------------------------------*/

/*btn*/
.ec-inlineBtn--action,.add-cart,.ec-blockBtn--action{background-color: #623636;}
#page_product_detail .add-cart{font-size: 22px;border-radius: 30px;}
#favorite{
    border-radius: 3px;
    border: none !important;
    font-size: 16px;
    width: 230px;
    background-color: #F6F6F4;color:#1F1F1F;font-weight: 400;
    background-image: url(/onlineshopclone/html/user_data/assets/img/common/icon-heart.svg);
    background-repeat: no-repeat;
    background-position: 20px center; 
}
#favorite:hover{color:#AD1012;}
.ec-alert-warning {
  width: 100%;
  padding: 10px;
  text-align: center;
  background: #F7D1D1;
  margin-bottom: 20px;
}
.ec-alert-warning .ec-alert-warning__text {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  position: relative;
}

/*other*/
.f16{font-size: 16px;}
.red{color:#DC0105}
.exp{display:none;}


@media (max-width:767px) {
    #favorite{
        width: 230px;
    background-position: 10px center; }
    
}