/** Shopify CDN: Minification failed

Line 190:2 Unexpected ".3em"

**/
/* ---------------------------------
# お買い物ガイド
------------------------------------*/

a,a:hover,a:visited{
    color: inherit;
}

.text-d-none {
    text-decoration:none
}


.c_guide-wrap li {
    justify-content: normal;
}

.c_step-wrap {
    width: 100%;
}

.button02 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}

.bg-gray {
  background-color: #e5e5e5e5;
}
  
.subtitle_h2{
  border-bottom: solid 1px;
}
.subtitle_h2 > h2 {
  margin: 0;
}

.s_item {
    width: 100%;
}
.wrap_s_item_desc {
  padding: 0.5rem 1rem;
}
.wrap_s_item_desc  > p{
  margin: 0;
}
.s_item_desc {
  padding: 0.5rem 1rem;
}
.s_item__title {
  border: solid 0.8px;
    padding: 1rem;
}
.main_view__img {
  width: 100%;
}
  .info_padding {
    padding: 3em 0px;
  }
  .info_boder {
    position: relative;
    border: 0.7px solid #000;
  }
  .info_title{
    position: absolute;
    top: -5%;
    left:  50%;
    transform: translate(-50%, 5%);
  }
  .info_title > h2 {
    margin: 0px 20px;
    white-space: nowrap;
  }
  .w-100 {
    width: 100%
  }
   .w-90 {
     width:90%;
   }
  .w-80{
    width: 80%;
  }
   .w-85{
    width: 85%;
  }
  .w-70{
    width:70%
  }
  
  .w-60 {
    width:60%
  }
  .w-50 {
    width:50%
  }
  .w-40 {
    width:40%
  }
  .w-20{
    width:20%
  }
  .b_white {
    background-color: white;
  }
  .m-auto {
    margin: auto;
  }
  ul{
  padding-left:2rem;
}
.title {
  text-align: center;
}
.title > h1{
  margin-bottom:0;
}
.guida_menu {
  background-color: #e5e5e5e5;
  padding: 1rem;
}
  .guida_menu > ul {
    display:flex;
    flex-wrap: wrap;
  }
.guida_menu > ul > li {
    list-style:none;
    display:flex;
    gap:1rem;
      border-right: solid 1px black;
    padding: 0.5rem 1rem;
  line-height: 1;
  }

  .m-0 {
    margin:0;
  }
    .mb-20 {
    margin-bottom: 20px;
  }
  .mt-20{
    margin-top: 20px;
  }
  .mb-30 {
    margin-bottom: 30px;
  }
  .mt-30{
    margin-top: 30px;
  }
  .site_title__img-left {
    width: 45%;
  }
  .site_title__img-right_top {
    width: 50%;
    position: absolute;
    right: 0%;
    top: 15%;
}
  
  .site_title__img-right_middle {
    width: 45%;
    position: absolute;
    left: 50%;
    top: 45%;
  }
  .site_title__img--bottom {
    width: 80%;
    padding: 114px 20px 20px 20px;
  }
  .p-relative{
    position: relative;
  }
    .p-absolute{
    position: absolute;
  }
  .site_image_area_h1{
    padding-left: 2.5rem;
    margin: 2rem 0;
    font-size: 4em;
  }
  .site_title {
    position: absolute;
    left: 50%;
    top: 28%;
}
  .3em {
    font-size:3em;
  }
  .more_b {
    margin:auto
    text-algin:center;
  }

.button01 a {
  display: flex;
  justify-content: center;
  gap: 1rem;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  max-width: 200px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  border: solid 0.7px black;
  transition: 0.3s;
}

  .text-d-none {
    text-decoration:none
  }

.button01 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}
 .button02 a {
  display: flex;
  justify-content: center;
  gap: 1rem;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  max-width: 150px;

  font-size: 18px;
  font-weight: 700;
  border: solid 0.7px black;
  transition: 0.3s;
  border:solid 1px 0a0f1a;
}
.button02 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}

.site_title_sp{
      display: none;
      position: relative;
    }
    .site_title_pc{
      display:block
    }
.site_title_sp_img_top {
  padding-right: 8rem;
}
  .site_title_sp_img_bottom {
  padding-left: 8rem;
}
.container { 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto; 
} 
  .site_image_area {  
    position:relative;
    display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 2em; 
  grid-auto-flow: row;
  grid-template-areas:
    "left right-top";
    margin-bottom: 1rem;
}
.wrap_collection_content {
  display:flex;
  gap:1rem;
  flex-wrap: wrap;
}
.product-item {
  width: calc((100% - 1rem * 1) / 2);
  text-decoration:none;
}

.right-top {
  grid-area: right-top;
  margin-top: 14rem;
}
  .right-top_second {
     padding-left:5rem;
  }

.right-bottom { 
  position: relative;
  width:80%
}
  .site_description {
    position: absolute;
    width: 50%;
    top: 142%;
    left: 50%;
    transform: translate(-50%, -142%);
    z-index: 10;
  }
  .site_description > .en {
    margin-bottom: 5rem;
  }

.left { grid-area: left; }

/*   COLLECTION */
  .collection_item_list{
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
  }
  .collection_item_list > a {
    width: calc((100% - 2rem * 2) / 3);
    text-decoration: none;
  }
  .collection_item_list > a > div > p {
    margin: 0;
  }
  .insta_item_list {
    display:flex;
    flex-wrap: wrap;
    gap:1rem;
  }
  .insta_item_list > a {
    display: flex;
    width: calc((100% - 1rem * 4) / 5);
  }
  .subtitle_h1 {
    display:flex;
    justify-content:center;
    white-space: nowrap;
  }
  .subtitle_h1 > h1{
    margin-top:0;
  }
  .contact_area{
    position:relative;
  }
  .contact_text{
    position: absolute;
    top: 25%;
    left: 5%;
  }
  .contact_text > h2{
    margin:0;
  }
  .contact_text > h3{
    margin:0;
  }
  .contact_text > h3 > a{
    color: #000;
    text-decoration: none;
    margin-left:20rem;
  }
  .contact_text > p {
    margin: 1rem 0;
  }
  .contact_area_img_sp {
      display:none;
    }
    .contact_area_img_pc{
      display:block;
    }

  @media (max-width: 426px) { 
    .info_title > h2 { 
      font-size:2rem; 
      margin: auto;
        } 
    .info_title {
    top: -2%;
    left: 50%;
    transform: translate(-50%, 2%);
    }
    .info_item_date_sp {
      width:40%
    }
    .info_item_title_sp {
      width:60%
    }
    .insta_item_list > a {
    display: flex;
    width: calc((100% - 1rem * 2) / 3);
  }
    .site_description {
    width: 98%;
  }
    .site_title_sp{
      display: block;
    }
    .site_title_pc{
      display:none
    }
    .site_image_area_h1{
      padding-left: 1rem;
      line-height: 1;
      color: #ffffff;
      text-shadow: 2px 3px 3px rgba(12, 12, 12, 0.4);
      font-weight: bold;
    }
      .contact_text > h3 > a{
    margin-left:2rem;
  }
    .contact_area_img_sp {
      display:block;
    }
    .contact_area_img_pc{
      display:none;
    }
    } 

@media (min-width: 768px) { 
    .container { 
        width: 750px; 
        } 
  .guida_menu > ul {
    justify-content: center;
  }
  
    } 

@media (min-width: 992px) { 
    .container { 
        width: 970px; 
        } 
    } 

@media (min-width: 1200px) { 
    .container { 
        width: 1170px; 
        } 
    }

  @media screen and (min-width: 750px) {
     .guida_menu > ul > li:first-child {
      border-left: solid 1px black;
    }
  }