/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 16:32 Expected identifier but found "%"
Line 34:0 Unexpected "{"
Line 34:1 Expected identifier but found "%"
Line 34:86 Expected identifier but found "%"
Line 53:0 Unexpected "{"
Line 53:1 Expected identifier but found "%"
Line 53:40 Expected identifier but found "%"
Line 54:0 Unexpected "{"
... and 39 more hidden warnings

**/
{% comment %}【ヘッダー】{% endcomment %}
a {
text-decoration: none;
}

.header__menu-item:hover{
  letter-spacing: 0.3em;
  transition : 0.5s;
}

a.header__menu-item{
  font-size: 15px;
}

.japan-size{
  font-size: 12px;
}

{% comment %}「ヘッダーが背面になっちゃって選択できない問題」{% endcomment %}
.header-wrapper.color-background-1.gradient.header-wrapper--border-bottom{
  z-index: 10;
}

a.header__menu-item{
    font-weight: 400;
    letter-spacing: 3px;
}


@media screen and (max-width: 768px){
  .japan-size{
    padding: 4px 0px 0px 7px
  }
}



{% comment %} 【トップページ】 {% endcomment %}
{% comment %} 「全体設定」 {% endcomment %}
{% comment %} タイトルフォント {% endcomment %}
h1.top__title1{
  text-align: center;
}
h2.top__title2{
  text-align: center;
}


{% comment %} 「MV部分」 {% endcomment %}
h2.banner__heading.h1{
    letter-spacing: 5.2px;
    font-size: 40px;
}
@media screen and (max-width: 768px){
  h2.banner__heading.h1{
    font-size:20px;
  }
}

@media screen and (max-width: 415px){
    h2.banner__heading.h1{
    font-size:16px;
    }
}


{% comment %} 「コンセプト部分」 {% endcomment %}
.rich-text__text.rte{
  text-align:left;
  display: inline-block;
}




{% comment %} 「お知らせ部分」 {% endcomment %}
{% comment %} オリジナルコード {% endcomment %}
#section-news-list{
  margin-top: -70px;
  margin-bottom: 30px;
}
.news-list-title{
    color: black;
    letter-spacing: 1.2px;
}
#section-news-list .news-list-item>a{
  text-decoration: none;
}
.news-list-date{
  color: #616161;
  font-family: monospace;
}
.news-list-heading{
  margin-top: 45px;
}
.news-list-heading a{
     background-color: black;
    color: white;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 60px;
    border-radius: 20px;
}
ul.news-list{
  padding-left: 0;  
}
li {
  list-style-type: none;
}

.news-list-heading{
  text-align:center;
}



{% comment %} 本番で表示されなかったからあえて示しているコード {% endcomment %}
 #section-news-list .news-list-heading{
    display: block !important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
  }
  #section-news-list .container{
    max-width: 1200px;
    margin: 0 auto;
    padding: 55px;
  }
  #section-news-list .news-list{
    border: none !important;
  }
  #section-news-list .news-list-item{
    border-top: 1px solid #ccc;
    border-bottom: none !important;
  }
  #section-news-list .news-list-item>a{
    display: flex;
    align-items: center;
    padding: 20px;
  }
  #section-news-list .news-list-item:last-child{
    border-bottom: 1px solid #ccc !important;
  }
  #section-news-list .news-list-date{
    font-size: 12px;
    margin-right: 15px;
  }
  #section-news-list .news-list-category{
    font-size: 10px;
    color: #fff;
    background: #000;
    padding: 5px;
    margin-right: 15px;
    border-radius: 12px;
  }
  #section-news-list .news-list-info{
    position: relative;
    top: -1px;
  }
  #section-news-list .news-list-title{
    font-size: 14px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 1px;
  }

  @media screen and (max-width: 768px){
    ul.news-list{
      width: 75%;
      margin: 20px auto;
    }
    #section-news-list .container{
      padding: 35px 20px;
    }
    #section-news-list .news-list-item>a{
      display: block;
      padding: 15px;
    }
    #section-news-list .news-list-info{
      display: flex !important;
      margin-bottom: 2px !important;
    }
    #section-news-list .news-list-item{
        text-align: left;
    }
    #section-news-list .news-list-title{
      font-size:12px !important;
      display: grid !important;
    }
  }

@media screen and (max-width: 415px){
    ul.news-list{
      width: 100%;
    }
  #section-news-list .news-list-date{
    font-size: 13px !important;
  }
   #section-news-list .news-list-category{
    padding: 1px 6px 1px 6px !important;
    margin-left: -8px !important;
  }
  #section-news-list .news-list-info{
    text-align: left;
    margin-bottom: 0px !important;
    }
  .news-list-heading a{
    font-size: 12px;
    padding: 8px 50px;
  }

}


{% comment %} 「カテゴリー部分」 {% endcomment %}
h3.card__heading{
  font-size: 13px;
  font-weight: 500;
}

a.full-unstyled-link{
  text-align: left;
  line-height: 1.4em;
}

span.icon-wrap{
  display: none;
}


{% comment %} カテゴリーを画像とタイトル横並びにするcss {% endcomment %}
a.full-unstyled-link-yokonarabi{
  color: #000000;
}
h3.card__heading-yokonarabi{
    font-size: 14px;
    font-weight: 500;
    text-align:left;
}

.yokonarabi{
    display: flex !important;
    align-items: center;
  flex-direction: inherit;
  border: 1px solid #cccccc;
}

.card--media{
  width: -webkit-fill-available;
}

@media screen and (max-width: 768px){
  h3.card__heading-yokonarabi {
      text-align: left;
      font-size:12px;
      margin-left: -25px;
    }
  a.full-unstyled-link-yokonarabi{
       font-size:12px;
}
  .width__sp{
        width:65%;
  }  
}


{% comment %} 「New Series部分」 {% endcomment %}
.image-box{
  width: 75%;
  margin-top: -20px;
  margin: auto;
  }
.image-box:hover{
  cursor: pointer;
}
.image-box img{
    margin-top: 20px;
}

@media screen and (max-width: 768px){
  .image-box{
    width: 80%;
  }
}

@media screen and (max-width: 415px){
    .image-box{
    width: 90%;
  }
  .image-box img{
    margin-top: 10px;
  }
}


{% comment %} 「バナー部分」 {% endcomment %}
a.header__menu-item.list-menu__item.link.link--text.focus-inset{
  text-align:center;
}
.shopify-section img{
  width: 100%;
}

.image_new_box a{
  margin: 30px 0;
}


{% comment %}【フッター】{% endcomment %}
.footer-block{
  text-align: left;
  font-size: 12px;
  line-height: 2.2em;
}


{% comment %}【フッターにあるページ】{% endcomment %}
.main-page-title.page-title.h0{
    font-size: 32px;
    margin-top: 50px;
}
}