/*
コンパイル環境見つからず、時間がないので現状のCSSに対して上書きするCSSとする
*/


/*キービジュアル関連*/
#keyVisual .img img{
  width: 1000px !important;
}


.top_topics_blog{
  padding: 100px 0;
}

@media only screen and (max-width: 768px) {
  .top_topics_blog{
    padding: 50px 0;
  }
}

/*トピック関連*/
.topics_tile_post_area{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .topics_tile_post_area{
    padding: 0 10px;
  }
}


.topics_tile_post_area section{
  width: calc((100% / 3) - 10px);
  margin-bottom: 15px;
  box-sizing: border-box;
}

.topics_tile_post_area section:nth-child(4){
  /* display: none; */
}
#brandTopics .topics_tile_post_area section:nth-child(4){
  display: none;
}

@media only screen and (max-width: 768px) {
  .topics_tile_post_area section{
    width: calc((100% / 2) - 5px);
    margin-bottom: 10px;
  }

  .topics_tile_post_area section:nth-child(4){
    display: block;
  }
  #brandTopics .topics_tile_post_area section:nth-child(4){
    display: block;
  }
}

.topics_textPack h3{
  margin-bottom: 0;
}


/*各セクションタイトル*/
.index_title{
  /* display: flex; */
  /* justify-content: center; */
  /* flex-direction: column; */
}

.en{
  /* position: relative; */
  /* margin-bottom: 30px; */
  /* font-family: 'Abel', sans-serif; */
}
@media only screen and (max-width: 768px) {
  body h3.index_title span.en {
    font-size: 14px;
  }
}

.en::after{
  /* content: ''; */
  /* width: 20px; */
  /* background: #000; */
  /* height: 1px; */
  /* display: block; */
  /* position: absolute; */
  /* bottom: -15px; */
  /* left: 50%; */
  /* transform: translate(-50%, 0); */
}

.index_title .ja{
  /* font-size: 11px; */
}

@media only screen and (max-width: 768px) {
  .topics_tile_post_area section:nth-child(5),
  .topics_tile_post_area section:nth-child(6),
  .topics_tile_post_area section:nth-child(7),
  .topics_tile_post_area section:nth-child(8),
  .topics_tile_post_area section:nth-child(9){
    /* display: none; */
  }
}

.instagram-lists{
  position: relative;
  height: calc((309px / 2) * 3);
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .instagram-lists{
    width: calc(100% - 20px);
  }
}

.instagram-lists a{
  overflow: hidden;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
.instagram-lists img{
  height: auto;
  width: 155%;
  position: absolute;
  top: 50%;
  left: 50%;
  padding:0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  max-width: 155% !important;
  display: block;
}
@supports (object-fit: cover) {
  /*インスタグラム関連*/
  .instagram-lists img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    margin:0 !important;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    -webkit-backface-visibility: hidden;
    max-width: none !important;
    backface-visibility: hidden;
  }
}


.instagram-lists a:nth-child(1){
  position: absolute;
  top: 0;
  left: 0;
  width: calc((100% / 8) * 2);
  height: 309px;
}


.instagram-lists a:nth-child(2){
  position: absolute;
  top: 0;
  left: calc((100% / 8) * 2);
  width: calc((100% / 8) * 1);
  height: calc(309px / 2);
}

.instagram-lists a:nth-child(3){
  position: absolute;
  top: 0;
  left: calc((100% / 8) * 3);
  width: calc((100% / 8) * 1);
  height: calc(309px / 2);
}

.instagram-lists a:nth-child(4){
  position: absolute;
  top: calc(309px / 2);
  left: calc((100% / 8) * 2);
  width: calc((100% / 8) * 2);
  height: calc(309px / 2);
}

.instagram-lists a:nth-child(5){
  position: absolute;
  top: 0;
  left: calc((100% / 8) * 4);
  width: calc((100% / 8) * 2);
  height: calc(309px);
}

.instagram-lists a:nth-child(6){
  position: absolute;
  top: 0;
  left: calc((100% / 8) * 6);
  width: calc((100% / 8) * 2);
  height: calc(309px / 2);
}

.instagram-lists a:nth-child(7){
  position: absolute;
  top: calc(309px / 2);
  left: calc((100% / 8) * 6);
  width: calc((100% / 8) * 1);
  height: calc(309px / 2);
}

.instagram-lists a:nth-child(8){
  position: absolute;
  top: calc(309px / 2);
  left: calc((100% / 8) * 7);
  width: calc((100% / 8) * 1);
  height: calc(309px / 2);
}


.instagram-lists a:nth-child(9){
  position: absolute;
  top: calc(309px / 1);
  left: calc((100% / 8) * 0);
  width: calc((100% / 8) * 2);
  height: calc(309px / 2);
}


.instagram-lists a:nth-child(10){
  position: absolute;
  top: calc(309px / 1);
  left: calc((100% / 8) * 2);
  width: calc((100% / 8) * 1);
  height: calc(309px / 2);
}


.instagram-lists a:nth-child(11){
  position: absolute;
  top: calc(309px / 1);
  left: calc((100% / 8) * 3);
  width: calc((100% / 8) * 1);
  height: calc(309px / 2);
}


.instagram-lists a:nth-child(12){
  position: absolute;
  top: calc(309px / 1);
  left: calc((100% / 8) * 4);
  width: calc((100% / 8) * 2);
  height: calc(309px / 2);
}

.instagram-lists a:nth-child(13){
  position: absolute;
  top: calc(309px / 1);
  left: calc((100% / 8) * 6);
  width: calc((100% / 8) * 1);
  height: calc(309px / 2);
}


.instagram-lists a:nth-child(14){
  position: absolute;
  top: calc(309px / 1);
  left: calc((100% / 8) * 7);
  width: calc((100% / 8) * 1);
  height: calc(309px / 2);
}


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

  .instagram-lists{
    position: relative;
  }

  .instagram-lists a{
    box-sizing: border-box;
    border: 2px solid #fff;
  }

  .instagram-lists a:nth-child(1){
    position: absolute;
    top: 0;
    left: 0;
    width: calc((100% / 4) * 2);
    height: calc(25vw * 2);
  }

  .instagram-lists a:nth-child(2){
    position: absolute;
    top: 0;;
    left: calc((100% / 4) * 2);
    width: calc((100% / 4) * 1);
    height: calc(25vw * 1);
  }

  .instagram-lists a:nth-child(3){
    position: absolute;
    top: 0;
    left: calc((100% / 4) * 3);
    width: calc((100% / 4) * 1);
    height: calc(25vw * 1);
  }

  .instagram-lists a:nth-child(4){
    position: absolute;
    top: calc(25vw);
    left: calc((100% / 4) * 2);
    width: calc((100% / 4) * 2);
    height: calc(25vw * 1);
  }

  .instagram-lists a:nth-child(5){
    position: absolute;
    top: calc(50vw);
    left: calc((100% / 4) * 0);
    width: calc((100% / 4) * 1);
    height: calc(25vw * 1);
  }

  .instagram-lists a:nth-child(6){
    position: absolute;
    top: calc(50vw);
    left: calc((100% / 4) * 1);
    width: calc((100% / 4) * 2);
    height: calc(25vw * 1);
  }

  .instagram-lists a:nth-child(7){
    position: absolute;
    top: calc(50vw);
    left: calc((100% / 4) * 3);
    width: calc((100% / 4) * 1);
    height: calc(25vw * 1);
  }

  .instagram-lists a:nth-child(8){
    position: absolute;
    top: calc(75vw);
    left: calc((100% / 4) * 0);
    width: calc((100% / 4) * 1);
    height: calc(25vw * 1);
  }


  .instagram-lists a:nth-child(9){
    position: absolute;
    top: calc(75vw);
    left: calc((100% / 4) * 1);
    width: calc((100% / 4) * 1);
    height: calc(25vw * 1);
  }


  .instagram-lists a:nth-child(10){
    position: absolute;
    top: calc(75vw);
    left: calc((100% / 4) * 2);
    width: calc((100% / 4) * 2);
    height: calc(25vw * 1);
  }


  .instagram-lists a:nth-child(11){
    display: none;
  }


  .instagram-lists a:nth-child(12){
    display: none;
  }

  .instagram-lists a:nth-child(13){
    display: none;
  }


  .instagram-lists a:nth-child(14){
    display: none;
  }
}

#brandsCollection{
  padding-bottom: 150px;
}

@media only screen and (max-width: 768px) {
  #brandsInsta{
    padding-bottom: 50px;
  }

  #brandsCollection{
    padding: 50px 0;
  }
}

#brandsShops{
  padding: 100px 0;
}

.top_concept_text{
  padding: 80px 0 100px 0;
}


.is-border{
  border-bottom: 1px solid #d8d8d8 !important;
}

.is-hidden-pc{
  display: block !important;
}

.is-hidden-sp{
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .is-hidden-pc{
    display: none !important;
  }

  .is-hidden-sp{
    display: block !important;
  }
}


.AlpinePhotoTiles_container_class,
.AlpinePhotoTiles_parent_class{
  position: inherit !important;
}

@media only screen and (max-width: 768px) {
  .section-blog .tile_post_area{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0 10px;
  }

  .section-blog .tile_post_area section{
    width: calc((100% / 2) - 8px) !important;
    padding: 0 5px;
  }

  .section-blog .tile_post_area section small{
    left: 0 !important;
    right: auto !important;
  }

  .section-blog .tile_post_area section > a{
    padding: 8px;
    height: 100% !important;
  }

  .section-blog .tile_post_area section > a > div p{
    display: none !important;
  }

  .section-blog .tile_post_area section time{
    font-size: 13px !important;
  }

  .section-blog .tile_post_area section h3 {
    font-size: 14px !important;
    font-weight: normal !important;
  }

  .section-blog .tile_post_area section > a > div{
    padding: 10px 10px 12px 10px !important;
  }

  .section-blog .tile_post_area section > a span img{
    max-width: 130%;
  }

  .section-blog .tile_post_area section span{
    height: calc(50vw - 30px) !important;
    overflow: hidden;
    position: relative;
  }

  .section-blog .tile_post_area section img{
    height: 140% !important;
    max-width: inherit !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}