/** Shopify CDN: Minification failed

Line 1565:0 Unexpected "]"
Line 1606:0 Expected "}" to go with "{"

**/
#popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

#popup-overlay.active {
  visibility: visible;
  opacity: 1;
}

#popup-box {
  background: #fff;
  padding: 30px 20px;
  max-width: 320px;
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  position: relative;
  font-size: 14px;
  line-height: 1.6;
}

#popup-close {
  margin-top: 15px;
  padding: 8px 16px;
  border: none;
  background-color: #000;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
#popup-close:hover {
  background-color: #333;
}






.card__media > .media > img{
  object-fit:cover!important;
}
/*
.MsoNormal > span{
  font-size:16px!important;
}
*/

/* ハンバーガーボタン */
.hamburger {
  position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1001;
    width: 30px;
    height: 24px;
    background: none;
    border: none;
    cursor: pointer;
    position: relative;
}

/* 線の基本スタイル */
.hamburger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #333;
  border-radius: 2px;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform-origin: center;
}

/* 各線の位置 */
.hamburger span:nth-child(1) {
  top: 0;
}
.hamburger span:nth-child(2) {
  top: 10px;
}
.hamburger span:nth-child(3) {
  top: 20px;
}

/* 開いたとき（×マーク） */
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg);
  top: 10px; /* 中央に移動 */
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg);
  top: 10px; /* 中央に移動 */
}



/* サイドメニュー本体 */
.side-menu {
  position: fixed;
  top: 0;
  left: -250px; /* 初期位置（非表示） */
  width: 250px;
  height: 100vh;
  background-color: #fff;
  box-shadow: 2px 0 8px rgba(0,0,0,0.2);
  transition: left 0.3s ease;
  z-index: 1000;
  padding-top: 80px;
}

.side-menu.active {
  left: 0;
}

.side-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.side-menu li {
  border-bottom: 1px solid #eee;
}

.side-menu hr {
    border: none;
    height: 0.5rem;
    background-color: rgba(var(--color-foreground), .2);
    display: block;
    margin: 0rem 0;
}

.side-menu a {
  display: block;
  padding: 5px 20px;
  color: #333;
  text-decoration: none;
  font-size: 16px;
}

.side-menu a:hover {
  background-color: #f0f0f0;
}

/* 背景の暗幕 */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 999;
}

.overlay.active {
  opacity: 1;
  pointer-events: auto;
}















.slick-prev:before,
.slick-next:before
{
    color: black;
}
.img_center{
	margin:0 auto;
}
.slick-slide > p {
	text-align:center;
	margin-top:30px;
}
.slick-slide img{
	width: 300px;
    height: 225px;
    object-fit: cover;
}
.slick-slide img.img_under{
	object-position:bottom;
}
.slick-track > .slick-slide{
	margin-right: 60px;
	text-align:center;
}
br.br_sp{
  display:none;
}
html {
  scroll-behavior: smooth;
}
a{
  text-decoration:none;
  color:#000;
}
body{
  overflow-x: hidden;
}
.header__search{
  display:none!important;
}
.header__heading-logo-wrapper > img{
    width: 4em;
    height: auto;
}

.swiper-wrapper > div img{
    object-fit: cover;
    object-position: bottom;
    width:100vw;
    height:85vh;
}
  
.swiper-slide{
  text-align:center;
}
.swiper_text_wrap{
  position: absolute;
  top: 10%;
  right: 20%;
  color: #fff;
}
.swiper_text_wrap2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.sns_icons{
  display: flex;
  align-content: center;
  align-items: center;
}
.sns_icons > div{
  height: 4rem;
  margin:0 20px;
}
.sns_icons > div > a > img{
  height: 4rem;
  width: 4rem;
}
.sns_cart{
  height: 4rem;
  width: 4rem;
  margin-bottom: 5px!important;
}
.icon-cart2{
  height: 4rem!important;
  width: 4rem!important;
}
.icon-cart2 > img{
  height: 4rem;
  width: 4rem;
}
h2#SectionHeading-template--17498354581561__featured_blog_GhDGem{
    position: absolute;
    top: -30px;
    font-family: Zen Old Mincho, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 4.5rem;
}
#shopify-section-template--17498354581561__featured_blog_GhDGem > div  > div{
  position: relative;
}
#shopify-section-template--17498354581561__featured_blog_GhDGem > div  > div > div{
    position: absolute;
    bottom: 5%;
    z-index: 999999;
    right: 0;
    left: 0;
    margin: 0 auto;
}
#Slider-template--17498354581561__featured_blog_GhDGem > li > div > div > div > div > .card__information{
  /*display:block!important;*/
  z-index:99999;
}
.top_about_wrap{
    height: auto;
    background-color: #f8faeb;
    margin: 3em 7em;
}
.top_about_wrap2{
    width: 85%;
    margin: 0 auto;
    position: relative;
}
.top_about_title{
    position: absolute;
    top: -45px;
    left: 550px;
    white-space: nowrap;
}
.top_about_title > p{
  margin:0;
}
.top_about_wrap_des{
    display: flex;
    padding: 3em 0em;
    justify-content: space-evenly;
    gap: 100px;
    line-height: 160%;
    letter-spacing: 0px;
}
.top_about_l{
  width: 450px;
  position: relative;
  height: fit-content;
}
.top_about_l > img{
  width: 100%;
  height: auto;
}
.top_about_r{
    width: 70%;
}
.top_about_dis_more{
    border-radius: 30px;
    color: #fff;
    background-color: #5b5555;
    width: fit-content;
    padding: 0 30px;
    z-index: 2;
    position: relative;
}
.top_about_wrap3{
  display:flex;
  justify-content: space-between;
  padding-left: 2em;
  padding-right: 7em;
  /*
  position: absolute;
    bottom: -46%;
    left: -3%;
  */
}
.top_about_abs_wrap{
  /*
    position: absolute;
    bottom: -366px;
    left: -18%;
  */
    display: flex;
    width: 1300px;
    margin-left: -90px;
    margin-top: -60px;
}
.top_about_aneq_l{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    width: 300px;
    height: 420px;
}
.top_about_aneq_l > img{
      width: 200px;
}
.top_about_aneq_r{
  width: 60%;
}
.top_about_title2{
  margin-top: 100px;
}
.top_about_title2 > p{
  margin-bottom: 0.5em;
}
.top_about_more2{
  border-radius: 30px;
  color: #fff;
  background-color: #5b5555;
  width: fit-content;
  padding: 0 30px; 
  margin-left: 78px;
}
.top_about_more2 > a{
  color:#fff;
}
#shopify-section-template--17498354581561__featured_blog2_xdT4qF > blog{
  background-color: #f8faeb;
}
  .blog-tag__container {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  
  .blog-tag__lists {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  
  .blog-tag__list {
    list-style: none;
  }
  
  .blog-tag__link {
    display: inline-block;
    color: currentColor;
    text-decoration: none;
    border: 1px solid currentColor;
    padding: 2px 16px;
    transition: opacity .3s ease;
  }
  @media (hover: hover) {
    .blog-tag__link:hover {
      opacity: .65;
    }
  }
.article-card__image > img{
object-fit: contain!important;
}
.title-wrapper-with-link {
    justify-content: center;
}
.blog-tag__lists {
  justify-content:center;
  font-size: 1.5em;
}
.top_letter_wrap{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 50px;
    gap:50px;
}
.top_letter_l{
    width: 35%;
    height: auto;
    text-align: center;
}
.top_letter_l > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top_letter_r{
  width:45%;
}
.top_letter_title{
  font-size: 3em;
  text-align: left;
}
.top_letter_dis{
  text-align: left;
}
.newsletter_wrap{
  display: flex;
  align-items: center;
  text-align: left;
}
.newsletter_wrap > span{
  width: 150px;
}
.newsletter__wrapper{
  padding:0!important;
}
.newsletter_wrap > form{
  margin-left:0px;
}
.newsletter_form_dis{
  text-align: left;
  margin-left: 150px;
}
.globo-form-app{
  margin:0!important;
}
#globo-formbuilder-51986 > div > div > div > form > div > div > p{
  visibility:hidden;
}
.text-danger{
  display:none!important;
}
.logo{
    position: absolute;
    top: 20%;
    left: 2%;
    width: 40%;
    height: auto;
    z-index: 999;
}
.logo > img{
    width: 100%;
    height: auto;
}
.top_about_set{
    margin-left: 50px;
    width: 100%;
}

.top_movie{
  /*
    background-color: #f8faeb;
    margin: 3em 7em;
    height: 1000px;
    */
    display: flex;
    justify-content: center;
    align-items: center;
}
.movie_wrap{
    width: 100vw;
    aspect-ratio: 16 / 9;
    height: auto;
    display: flex;
    justify-content: center;
    /*padding: 10%;*/
    align-items: center;
}
.movie_wrap > iframe{
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}
.footer_wrap{
    width: 1000px;
    display: flex;
    flex-direction: column;
    /* text-align: center; */
    gap: 50px;
    margin: 0 auto;
}
.footer_wrap img{
    width: 150px;
}
.footer_menu1,.footer_menu2{
    display: flex;
    gap: 50px;
    flex-direction: row;
}
.story_wrapper{
    height: auto;
    background-color: #f8faeb;
    margin: 0;
    display: flex;
    position: relative;
    width: 60%;
    margin-left: 100px;
}
.story_wrap{
    width: 80%;
    position: relative;
    padding: 50px 0;
    line-height: 120%;
    margin-left: 35px;
}
.story_title{
    position: absolute;
    top: -10px;
    left: 2%;
    font-size: 3em;
    font-weight: 700;
    white-space: nowrap;
}
.story_img{
    width: 50%;
    position: absolute;
    top: 35%;
    right: -35%;
}
.story_img > img{
    width: 500px;
    height: 350px;
    max-width: initial;
    object-fit: cover;
}
.story_wrapper2{
    height: auto;
    background-color: #f8faeb;
    margin-top: 200px;
    margin-left: 200px;
    display: flex;
    position: relative;
    width: 80%;
    justify-content: flex-end;
}
.story_wrap2{
    width: 70%;
    position: relative;
    padding: 50px 0;
    line-height: 120%;
    padding-right: 30px;
}
.story_title2{
    position: absolute;
    top: -10px;
    left: 2%;
    font-size: 3em;
    font-weight: 700;
    white-space: nowrap;
}
.story_img2{
    width: 50%;
    position: absolute;
    top: 15%;
    left: -61%;
}
.story_img2 > img{
    width: 313px;
    height: 450px;
    max-width: initial;
    object-fit: cover;
}
.story_wrapper3{
    height: auto;
    background-color: #f8faeb;
    margin-top: 200px;
    display: flex;
    position: relative;
    width: 100%;
}
.story_wrap3{
    width: 100%;
    position: relative;
    padding: 100px;
    line-height: 120%;
}
.story_title3{
    position: absolute;
    top: -10px;
    left: 12%;
    font-size: 3em;
    font-weight: 700;
    white-space: nowrap;
}
h1.main-page-title{
  display:none;
}
.story_media_dis_wrap{
  display: flex;
  justify-content: space-between;
}


.top_about_dis_more > a{
  color:#fff;
  display: block;
  width: 100%;
  height: 100%;
}



.collection-hero__title{
    display:none;
}
li{
    list-style-type: none;
  padding-left: 0;
}
li.mb-2{
  margin:20px 20px;
}

.tab-buttons {
  display: flex;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin-bottom: 1rem;
  align-items: flex-end;
}

.tab {
  cursor: pointer;
  padding: 8px 16px;
  /*border: 1px solid #ccc;*/
  background-color: #f9f9f9;
}

.tab.active {
  background-color: #000;
  color: #fff;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.card__content,.card-information{
  text-align: center!important;
}
.online_icon{
  background-image: url("/cdn/shop/files/ponline_icon_cap.png?v=1748858035");
  background-size: cover;
    width: 100px;
    height: 100px;
    position: fixed;
    bottom: 20%;
    right: 14px;
      display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    line-height: 96%;
    align-content: center;
    margin-left: 0px;
    padding-left: 6px;
    z-index: 9999;
}
.online_icon > span{
  color: #fff;
    font-size: 1.5em;
    margin: 5px;
}
.online_icon > span:last-child{
  letter-spacing: 3.1px;
  padding-left: 1px;
}
.grid2{
    display: flex;
    justify-content: center;
}
.col-span-1{
  margin-top: 30px;
}
.col-span-3{
  width:1200px;
}
.wizard__content > p{
  visibility:hidden;
}
.sns_mail,.sns_cart{
  display:none;
}
.sns_cart2{
    width: 4rem;
    margin-bottom: 5px !important;
}
.header__icons {
    width: 100%;
    justify-content: center;
}
.shop_header{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
}
.shop_header_l{

}
.shop_header_flex{
  display: flex;
  align-items: center;
  gap: 30px;
}
.shop_header_logo{
  margin: 0 80px;
}
.shop_header_logo > a > img{
  width: 200px;
}
.min-qty-message{
  line-height: 10px;
  height: 20px;
  color: red;
  font-size: 0.8em;
}
.price-per-item__container{
    display: flex;
    align-items: flex-start!important;
    gap: 1rem;
    flex-direction: column!important;
}
.row {
  display: flex;
  border-bottom: 1px solid #ddd;
  padding: 6px 0;
}
.year {
  width: 70px;
  font-weight: bold;
}
.content {
  flex: 1;
}
.section-template--17498354712633__main-padding{
  max-width:1600px;
}
p.policy_title{
    font-weight: bold;
}
p.guide_dis,p.guide_title{
  margin:0;
}
p.policy_title{
  margin:0;
}
p.policy_dis{
  margin-top: 0;
}
#news,#about,#atelier,#column{
  scroll-margin-top: 160px;
}
p.stock_title{
  text-decoration: underline;
  margin: 0;
}
p.stock_dis{
  margin-top: 0;
}
.stock{
  height: auto;
  background-color: #f8faeb;
  padding: 3em 6em;
}
.stock_logo{
  font-size: 3em;
  font-weight: 700;
}
p.top_h2{
  font-size: 1.4em;
  margin-bottom: 30px;
  margin-left: -13px;

}
p.top_h2_2,p.top_h2_2_e{
  font-size: 1.4em;
  line-height: 120%;
}
p.top_h2_3{
  font-size: 1.4em;
  margin-bottom: 10px;
  line-height: 120%;
  margin-left: -1px;
}
.access_wrap{
  display: flex;
  gap: 20px;
}
span.access_map_button{
  color: #fff;
  background-color: #5b5555;
  border-radius: 8px;
  padding: 2px 9px;
  font-size: 1.4em;
}
p.acc_h2{
  margin: 0;
  font-size: 1.2em;
}
span.acc_etc{
  margin-left: 65px;
}
span.acc_etc_res1{
  margin-left: 65px;
}
span.acc_etc_res2{
}
span.acc_etc2{
  margin-left: 196px;
}
p.works_h1{
  font-size: 1.4em;
}
.works_wrap{
  display: flex;
  flex-direction: row;
  margin: 20px 0;
}
p.works_l_title{
  margin: 0;
  width: 100px;
  text-align: justify;
  text-align-last: justify;
}
p.works_r_title{
  margin:0;
}
#column{
  background-color:#f8faeb;
}
.zen-old-mincho-medium {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 4.5rem;
}
.blog div div h2{
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 4.5rem;
}










/******************************************************************レスポンシブ******************************************************************/
@media screen and (min-width:1096px){
    .sp{
        display: none !important;
    }
}
@media screen and (max-width:1095px){
    .pc{
        display: none !important;
    }
}


@media screen and (max-width: 1850px) {
  
.top_about_abs_wrap {
    display: flex;
    width: 1300px;
    margin-left: -90px;
    margin-top: 30px;
}


}
@media screen and (max-width: 1715px) {
  
.top_about_abs_wrap {
    display: flex;
    width: 1300px;
    margin-left: -90px;
    margin-top: 100px;
}


}
@media screen and (max-width: 1670px) {
  
.top_about_abs_wrap {
    display: flex;
    width: 1300px;
    margin-left: -90px;
    margin-top: 200px;
}


}





@media screen and (max-width: 1585px) {
  
.top_about_abs_wrap {
    display: flex;
    width: 1150px;
    margin-left: -50px;
    margin-top: 250px;
}
br.br_sp{
  display:block;
}
span.acc_etc_res2{
  margin-left: 65px;
}



}

@media screen and (max-width: 1500px) {
  
.top_about_wrap2 {
    width: 85%;
    margin: 0 auto;
    position: relative;
}




}




@media screen and (max-width: 1450px) {
  
.top_about_abs_wrap {
    display: flex;
    width: 1050px;
    margin-left: -50px;
    margin-top: 300px;
}
.story_img {
    width: 62%;
    position: absolute;
    top: 63%;
    right: -48%;
}
.story_img>img{
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 13 / 9;
}




}
@media screen and (max-width: 1380px) {
  
.top_about_abs_wrap {
    display: flex;
    width: 1050px;
    margin-left: -50px;
    margin-top: 390px;
}
.top_about_wrap_des {
    display: flex;
    padding: 3em 0;
    justify-content: space-evenly;
    gap: 50px;
    line-height: 160%;
    letter-spacing: 0px;
}
.top_about_title{
    position: absolute;
    top: -45px;
    left: 500px;
    white-space: nowrap;
}


}
@media screen and (max-width: 1315px) {

.top_about_l {
    width: 340px;
    position: relative;
    height: fit-content;
}
.top_about_abs_wrap {
    display: flex;
    width: 900px;
    margin-left: 0px;
    margin-top: 490px;
}
p.top_h2 {
    font-size: 1.2em;
    margin-bottom: 30px;
    margin-left: -13px;
}
p.top_h2_2{
  font-size: 1.2em;
  line-height: 120%;
}
p.top_h2_2_e{
  font-size: 1.2em;
  line-height: 120%;
  white-space:nowrap;
}
p.top_h2_3{
  font-size: 1.2em;
  margin-bottom: 10px;
  line-height: 120%;
  margin-left: -1px;
  white-space:nowrap;
}
span.acc_etc_res1,span.acc_etc_res2{
  font-size:0.8em;
}
span.acc_etc2 {
    margin-left: 0;
}
.br_1315{
  display:none;
}
.top_about_title{
    position: absolute;
    top: -45px;
    left: 390px;
    white-space: nowrap;
}



}
@media screen and (max-width: 1215px) {

.top_about_abs_wrap {
    display: flex;
    width: 800px;
    margin-left: 0px;
    margin-top: 690px;
}




}

@media screen and (max-width: 1095px) {
.sp_top_about_wrap{
    margin: 0 20px;
    padding: 33px;
    background-color: #f8faeb;
}
.sp_top_about_img {
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: fit-content;
}
.sp_top_about_img > img{
    height: 500px;
    object-fit: cover;
    width: 100%;
}
.sp_top_about_img_dis{
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 1.8em;
    margin: 0 auto;
    width: fit-content;
}
.story_wrapper2
{
    height: auto;
    background-color: #f8faeb;
    margin-top: 200px;
    margin-left: 130px;
    display: flex;
    position: relative;
    width: 80%;
    justify-content: flex-end;
}
.story_img2>img
 {
    width: 100%;
    height: auto;
    max-width: initial;
    object-fit: cover;
}
.footer_wrap{
  width:100%;
}






}
@media screen and (max-width: 1095px) {
  .zen-old-mincho-medium{
    font-size: 1.8em;
  }
.swiper,
.swiper-wrapper,
.swiper-slide {
  height: calc(var(--vh) * 85); /* スライダー全体を固定高さに */
}

.swiper-wrapper > div img {
  object-fit: cover;
  object-position: center;
  height: 100%; /* vhではなく100% */
  width: 100vw;
}

  /*
  .swiper-wrapper > div img{
    object-fit: cover;
    object-position: center;
    height: 85lvh;
    width:100vw;
}
    */
.logo {
    position: absolute;
    top: 20%;
    left: 2%;
    width: 70%;
    height: auto;
    z-index: 999;
}
.sp_top_about_wrap{
    margin:0;
    padding: 33px;
    background-color: #f8faeb;
    margin-top: 50px;
}
.sp_top_about_img {
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: fit-content;
        margin-top: -100px;
 }
.sp_top_about_img>img {
        height: auto;
        object-fit: contain;
        width: 70%;
}
.sp_top_aboutde_img{
  position: relative;
  margin-top: -90px;
}
.sp_top_aboutde_img>img {
        height: 450px;
        object-fit: cover;
        width: 100%;

    }
.sp_about_imgset{
        position: relative;
        margin: -100px auto 0;
        text-align: center;
        width: 100%;
        height: 450px;
        display: flex;
        justify-content: center;
        background-color: #fff;
        margin-top: 100px;
}
    p.top_h2_3 {
        font-size: 1.2em;
        margin-bottom: 10px;
        line-height: 120%;
        margin-left: -1px;
        white-space: normal;
    }
        p.top_h2_2_e {
        font-size: 1.2em;
        line-height: 120%;
        white-space: normal;
    }
.top_about_title2,h2#SectionHeading-template--17498354581561__featured_blog_GhDGem,.title-wrapper-with-link > h2#SectionHeading-template--17498354581561__featured_blog2_xdT4qF{
    font-family: Zen Old Mincho, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.8em;
}
#shopify-section-template--17498354581561__featured_blog_GhDGem>div>div>div > h2,#SectionHeading-template--17498354581561__featured_blog2_xdT4qF{
    font-size: 1.8em;
}
.access_wrap {
    display: flex;
    gap: 0px;
    flex-direction: column;
}
.acc_etc_res1,.acc_etc_res2{
      margin-left: 0px!important;
}







.top_letter_wrap {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 50px;
        margin-top: 50px;
        padding: 33px;
    }
.top_letter_l {
    width: 100%;
    height: auto;
    text-align: center;
}
.top_letter_r {
    width: 100%;
}
.newsletter_wrap {
    display: flex;
    align-items: flex-start;
    text-align: left;
    flex-direction: column;
}
.newsletter_form_dis{
    text-align: left;
    margin-left:0;
}
.footer_wrap{
  padding: 0 10px;
}
.footer_menu1, .footer_menu2{
    display: flex;
    gap: 10px;
    flex-direction: row;
}
.header__heading-logo-wrapper>img {
    width: 3em;
    height: auto;
}
.stock {
    height: auto;
    background-color: #f8faeb;
    padding: 0em 1em;
}
.story_wrapper {
    height: auto;
    background-color: #f8faeb;
    display: flex;
    position: relative;
    width: 100%;
    margin: 0;
    flex-direction: column;
}
.story_img {
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
}
.story_wrapper2 {
        height: auto;
        background-color: #f8faeb;
        margin-top: 200px;
        margin-left: 0px;
        display: flex;
        position: relative;
        width: 100%;
        justify-content: flex-end;
        flex-direction: column;
    }
.story_wrap2 {
    width: 100%;
    position: relative;
    padding: 50px 5px 50px 5px;
    line-height: 120%;
}
.story_img2 {
    width: 100%;
    position: relative;
    top: 0%;
    left: 0%;
}
p.works_h1 {
    font-size: 1.2em;
}
.story_wrap3 {
    width: 100%;
    position: relative;
    padding: 10px;
    line-height: 120%;
}

.shop_header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}
.shop_header_logo>a>img {
    width: 100px;
}
.shop_header_l{
    padding: 0;
}
.shop_header_logo {
    margin: 0px 64px;
}
.sns_icons>div{
    height: 4rem;
    margin: 0;
}
.col-span-1{
    margin-top: 30px;
    display: none;
}
.shop_header_logo{
  margin-top: 10px;
}
.sns_icons {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 20px;
}
.footer_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
}
    .footer_menu1, .footer_menu2 {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
.top_about_dis_more{
  margin-top: 15px;
}
.top_about_dis_more > a > p{
  margin:0;
}
.online_icon {
  background-image: url(/cdn/shop/files/ponline_icon_cap.png?v=1748858035);
  background-size: cover;
  width: 70px;
  height: 70px;
  position: fixed;
  bottom: 20%;
  right: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0px;
  z-index: 9999;
}

.online_icon > span {
  color: #fff;
  font-size: 1em;
  width: 56px;
  display: flex;
  justify-content: space-between; /* ← これで両端揃え */
  line-height: 1;
  margin: 3px 0;
}

.online_icon > span > span {
  display: inline-block;
}

.slick-track > .slick-slide{
  margin:10px;
	text-align:center;
}


































}

@media screen and (max-width: 480px) {

.online_icon {
  background-image: url(/cdn/shop/files/ponline_icon_cap.png?v=1748858035);
  background-size: cover;
  width: 70px;
  height: 70px;
  position: fixed;
  bottom: 20%;
  right: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0px;
  z-index: 9999;
}



























]