@charset "UTF-8";.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{display:none;z-index:1050;position:fixed;top:0;left:0;width:100%;height:90%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{display:flex;position:relative;flex-direction:column;width:100%;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0;background-clip:padding-box;background-color:#fff;pointer-events:auto}.modal-backdrop{z-index:1040;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-right-radius:calc(.3rem - 1px);border-top-left-radius:calc(.3rem - 1px)}.modal-header .close{margin:-1rem -1rem -1rem auto;padding:1rem 1rem}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html html{scroll-behavior:auto}}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",YakuHanJPs,source-han-sans-japanese,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}h2{font-family:YakuHanJPs,-apple-system,heisei-maru-gothic-std,system-ui,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif}@media (max-width:991.98px){h2{font-size:1.5rem}}header{overflow-x:hidden;border-bottom: 0;}header img{position:relative;left:50%;max-width:170vw!important;transform:translateX(-50%)}@media (min-width:768px){.term{font-size:1.5rem}}.coupon_required{font-size:.875rem}@media (min-width:768px){.coupon_required{font-size:1.5rem}}.attention{font-size:.875rem}@media (min-width:768px){.attention{font-size:1rem}}.title .sub_title{background-color:#ffdc4a}@media (min-width:768px){.title .sub_title{font-size:2rem}}.title h2{color:#e50023;font-size:2.5rem}@media (min-width:768px){.title h2{font-size:5rem}}@media (min-width:992px){.title h2{font-size:6.5rem}}.product-card{border:0;transition:all .15s ease-in-out}@media (min-width:768px){.product-card:hover:not(.card-static){z-index:10;border-color:#fff;box-shadow:0 .3rem 1.525rem -.375rem rgba(0,0,0,.1)}}.product-card .label{z-index:1;position:absolute;top:1rem;border-radius:0;background-color:#ffdc4a;color:#e50023}.product-card .border{border-color:#e50023!important}.product-card .text-white{background:#e50023}.product-card .font-weight-bold{color:#e50023}.product-card .svg-icon path,.product-card .svg-icon polygon,.product-card .svg-icon rect{fill:#fff}.product-card .svg-icon circle{stroke:#fff}.itemlineup section:not(:last-child){margin-bottom:3rem}@media (min-width:768px){.itemlineup section:not(:last-child){margin-bottom:5rem}}.itemlineup .wrapper_b{display:inherit}.itemlineup .wrapper_b>div{display:inline-block}.itemlineup .box{margin-left:0}.itemlineup .description{padding:0 1em;font-size:1.1rem}@media screen and (min-width:640px){.itemlineup .wrapper_b{display:flex}.itemlineup .box{margin-left:20px}}li[data-type*=new] .img{position:relative;padding:1px;overflow:hidden}li[data-type*=new] .img::after{z-index:1;position:absolute;top:3px;left:-30px;width:100px;height:auto;transform:rotate(-30deg);background:red;box-shadow:0 1px 3px rgba(0,0,0,.3);color:#fff;font-family:Arial;font-size:9px;font-weight:700;line-height:1.75;text-align:center;content:"New"}@media (min-width:768px){li[data-type*=new] .img::after{width:8em;padding:5px 20px;font-size:1.3em;line-height:inherit}}.col img{width:100%!important}.item_name{font-size:.875rem;line-height:1.3}[data-shipping*="送料無料"] .price small .text-muted{color:#e50023!important}.add_cart .cart_btns{display:flex;margin-top:10px}.add_cart .cart_btns>div{width:100%;font-size:1.2rem;text-align:left}.add_cart input[type=number]{display:initial;width:3.5em;height:100%;padding:1px 0;border:2px solid #dededf;border-radius:4px;font-size:12px;text-align:center;vertical-align:text-bottom;resize:initial;transition:all .5s}.add_cart input[type=submit]{width:100%;border:3px solid #f33;border-radius:3px;background-color:#c00;color:#fff;font-size:12px;text-indent:5px;cursor:pointer;transition:all .5s}.add_cart input[type=submit]:hover{opacity:.5}.add_cart input[type=submit]:hover,.add_cart input[type=text]:hover{border-radius:0}aside.sticky-top{z-index:1050;top:1rem}aside .sticky-top{top:50px}@media (min-width:768px){aside .modal{display:block!important;position:relative;opacity:1!important}}@media (min-width:768px){.modal-dialog{margin-top:0}}@media (min-width:768px){.modal.fade .modal-dialog{transform:inherit}}@media (min-width:768px){.modal-backdrop.show{display:none}}#item_quantity{color:#6c757d}@media (max-width:991.98px){#item_quantity{margin-bottom:-3em}}label{cursor:pointer}.sort_form label{width:100%}.custom-control-label small{color:#6c757d}input[type=search]{background-color:#e9ecef}input[type=search]::-moz-placeholder{color:#adb5bd;font-size:.775rem}input[type=search]:-ms-input-placeholder{color:#adb5bd;font-size:.775rem}input[type=search]::placeholder{color:#adb5bd;font-size:.775rem}input[type=search]:-ms-input-placeholder{color:#adb5bd;font-size:.775rem}input[type=search]::-ms-input-placeholder{color:#adb5bd;font-size:.775rem}

.mein-body{
  position:relative;
  z-index: 100;
}


.div#pc-header {
	position: sticky;
    top: 0;
    display: grid;
    place-items: center;
    place-content: center;
    flex: 2;
    height: 100vh;
    background-position: center center;
    background-size: cover; 
}


#pc-header .inner {
	display: grid;
    place-items: center;
    gap: 2rem 0;
}

#pc-header .kuru2-day {
    position: relative;
    width: 140px;
    height: 140px;
}

#pc-header .kuru2-day .sale-day {
	position: absolute;
	width: 140px;
}

#pc-header .kuru2-day .sale-day .day-circle {
	height: auto;
	width: 100%;
	animation: rotate 14s linear infinite;
}

#pc-header .kuru2-day .sale-day .day-text {
	height: auto;
	width: 67px;
	position: absolute;
	top: 48%;
	left: 50%;
	transform: translate(-50%, -50%);
}


@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 背景 */
.background {
  background-image: url('https://shopping.geocities.jp/kouragumi/sale/takikomi/img/takikomi_bg.jpg');
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}　
/* ===== 落ち葉を表示するコンテナのスタイル ===== */
.background.leaves-container {
    position: absolute;
    background-position: center;
    width: 100%; /* コンテナの横幅 */
    overflow: hidden; /* コンテナからはみ出した要素を隠す */
  }
  
  /* ===== 落ち葉のスタイル ===== */
  
  /* 落ち葉の共通スタイル */
  .leaf {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    position: absolute;
    animation: animate-leaf 8s linear;
  }
  
  /* 落ち葉1 */
  .leaf-1 {
    background-image: url('https://shopping.geocities.jp/kouragumi/sale/takikomi/img/takikomi_otiba1.png'); /* 任意のパスを記入 */
  }
  

  
  /* 落ち葉3 */
  .leaf-3 {
    background-image: url('https://shopping.geocities.jp/kouragumi/sale/takikomi/img/otiba_3.png'); /* 任意のパスを記入 */
  }
  
  /* ===== 落ち葉が降るアニメーション ===== */
  @keyframes animate-leaf {
    0% {
      opacity: 0;
      top: 0;
      transform: rotate(0);
    }
  
    10% {
      opacity: 1;
    }
  
    90% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
      top: 100vh;
      transform: rotate(1080deg);
    }
  }

    /* おまけタブ切り替え */
.tab-1 {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.tab-1 > label {
    flex: 1 1;
    order: -1;
    min-width: 70px;
    padding: .7em 1em .5em;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    background-color: #e9f0f6;
    color: #6e5129;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}

.tab-1 > label:hover {
    opacity: .8;
}

.tab-1 input {
    display: none;
}

.tab-1 > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #fff;
}

.tab-1 label:has(:checked) {
    background-color: #fff;
    border-color: #e6770f #f0f0f0 #fff;
    border-style: solid;
    border-width: 4px 1px 1px;
    border-radius: 5px;
    color: #4e3109;
}

.tab-1 label:has(:checked) + div {
    display: block;
}


  /* ピックアップタブ切り替え */
.tab-2 {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.tab-2 > label {
    flex: 1 1;
    order: -1;
    min-width: 70px;
    padding: .7em 1em .5em;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 0;
    background-color: #e9f0f6;
    color: #6e5129;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}

.tab-2 > label:hover {
    opacity: .8;
}

.tab-2 input {
    display: none;
}

.tab-2 > div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #fff;
}

.tab-2 label:has(:checked) {
    background-color: #fff;
    border-color: #e6770f #f0f0f0 #fff;
    border-style: solid;
    border-width: 4px 1px 1px;
    border-radius: 5px;
    color: #4e3109;
}

.tab-2 label:has(:checked) + div {
    display: block;
}

/* バッジ */

.item-badge {
  color: #ffffff;
  font-size: 1.2rem;
  }

.badge-blue {
    background-color: #1138d1 !important
}
.badge-red {
    background-color: #c71d23 !important
}
.badge-orange {
    background-color: #ee660b !important
}
.badge-green {
    background-color: #0d926a !important
}