@charset "UTF-8";

  #topSlider li a img {
    width: 100%;
    height: auto !important;
    min-height: unset !important;
  }

  #index .header__wrap h2 {
    text-align: center;
    border: 0;
    font-family: "DIN Regular", Arial, Helvetica, sans-serif;
    line-height: 1em;
  }

@media only screen and (max-width:640px) { /* sp */

  html {
    font-size: 62.5%;
  }
  .bx-controls {
    /* display: none; */
  }
  .kv_wrap .bx-wrapper .bx-pager,
  .kv_wrap .bx-wrapper .bx-controls-auto {
    /* bottom: 0; */
    bottom: -4%;
    /*bottom: 10%;*/
    padding: 0;
  }
  .kv_wrap .bx-wrapper .bx-pager.bx-default-pager a:not(.active) {
    background-color: #cdcdcd;
  }

  .header__wrap {
    margin-bottom: 34px;
  }
  .header__wrap h2 {
    font-size: 2.52rem;
    /*font-size: 1.8rem;*/
  }

}

@media only screen and (min-width:641px) { /* pc */

  .header__wrap {
    margin-bottom: 108px;
  }
  .header__wrap h2 {
    font-size: 40px;
  }

}



/* -----------------------------------------------
  product
----------------------------------------------- */
.product__list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.product__list li {
  box-sizing: border-box;
  overflow: hidden;
}
.product__list .product__box {
  position: relative;
  display: grid;
  box-sizing: border-box;
}
.product__list .product__text {
  display: flex;
  font-family: "DIN Regular", Arial, Helvetica, sans-serif;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
}
.product__text * {
  font-weight: normal;
}
.product__image,
.product__text {
  grid-area: 1/2;
}
.product__image img {
  display: block;
  width: 100%;
  height: auto;
}
.sort__list li a,
.all__List a {
  color: #fff !important;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1ch;
  background: #666666;
  margin-right: auto;
  margin-left: auto;
}
.sort__list li a:after,
.all__List a:after {
  content: '';
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  right: 1em;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}


@media only screen and (max-width:640px) { /* sp */

  #index .product__wrap {
    margin-top: 45px;
    /*margin-top: 10px;*/
  }
  .product__list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .product__list li {
    width: 50%;
  }
  .product__list li:nth-child(odd) {
    border-right: 1px solid #fff;
  }
  .product__list li:nth-child(even) {
    border-left: 1px solid #fff;
  }
  .product__list li:nth-child(n+3) {
    margin-top: 2px;
  }
  .product__list .product__text {
    font-size: 1.35rem;
    /*font-size: .9rem;*/
    margin-bottom: 2.5%;
    /*margin-bottom: 5%;*/
    line-height: 1.2;
  }

  .sort__list__wrap {
    margin-top: 2px;
  }
  .sort__list li:last-child {
    margin-top: 4px;
  }
  .sort__list li a {
    font-size: 1.68rem;
    /*font-size: 1.2rem;*/
    height: 40px;
  }
  .all__List {
    margin-top: 18px;
  }
  .all__List a {
    font-size: 1.68rem;
    /*font-size: 1.2rem;*/
    max-width: 73.1%;
    width: 90%;
    height: 30px;
  }
  .sort__list li a:after,
  .all__List a:after {
    width: 7px;
    height: 7px;

  }


}

@media only screen and (min-width:641px) { /* pc */

  #index .product__wrap {
    margin-top: 120px;
  }
  .product__list {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .product__list li {
    width: 25%;
  }
  .product__list li:nth-child(2),
  .product__list li:nth-child(odd) {
    border-right: 2px solid #fff;
  }
  .product__list li:nth-child(3),
  .product__list li:nth-child(even) {
    border-left: 2px solid #fff;
  }
  .product__list .product__image img {
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    vertical-align: middle;
  }
  .product__list a:hover img {
    transform: scale(1.04);
  }
  .product__list .product__text {
    /* font-size: 20px; */
    font-size: min(calc(20/1200*100vw), 20px);
    margin-bottom: 5%;
    line-height: 1.2;
    position: relative;
    z-index: 1;
  }

  .sort__list__wrap {
    margin-top: 10px;
  }
  .sort__list__wrap .sort__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .sort__list li {
    width: calc(50% - 2px);
  }
  .sort__list li:nth-child(odd) {
    border-right: 2px solid #fff;
  }
  .sort__list li:nth-child(even) {
    border-left: 2px solid #fff;
  }
  .sort__list li a {
    /* font-size: 24px; */
    font-size: min(calc(24/1200*100vw), 24px);
    height: 80px;
  }

  .all__List {
    margin-top: 68px;
  }
  .all__List a {
    /* font-size: 24px; */
    font-size: min(calc(24/1200*100vw), 24px);
    max-width: 450px;
    height: 60px;
  }
  .sort__list li a,
  .all__List a {
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
  }
  .sort__list li a:after,
  .all__List a:after {
    width: 14px;
    height: 14px;

  }
  .sort__list li a:hover,
  .all__List a:hover {
    opacity: .8;
  }

}



/* -----------------------------------------------
  contents
----------------------------------------------- */
.contents__wrap .sort__list__wrap {
  margin-top: 0;
}

.contents__list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.contents__list li {
  box-sizing: border-box;
  overflow: hidden;
}
.contents__list li a {
  color: #fff;
  display: block;
}

.contents__list .contents__box {
  position: relative;
  display: grid;
  box-sizing: border-box;
}
.contents__list .contents__text {
  display: flex;
  font-family: "DIN Regular", Arial, Helvetica, sans-serif;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
  text-shadow: 1.4px 1.4px #000;
}
.contents__text * {
  font-weight: normal;
}
.contents__image,
.contents__text {
  grid-area: 1/2;
}
.contents__image img {
  display: block;
  width: 100%;
  height: auto;
}


@media only screen and (max-width:640px) { /* sp */

  #index .contents__wrap {
    margin-top: 38px;
  }
  .contents__list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 4px;
  }
  .contents__list li {
    width: 50%;
  }
  .contents__list .contents__text {
    font-size: 1.96rem;
    /*font-size: 1.4rem;*/
    line-height: 1.2;
    /*line-height: 1.4;*/
    margin-top: 2%;
  }
  .contents__list .contents__text strong {
    font-size: 1.4rem;
    /*font-size: 0.77em;*/
  }

}

@media only screen and (min-width:641px) { /* pc */

  #index .contents__wrap {
    margin-top: 120px;
  }
  .contents__list {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .contents__list li {
    width: calc(25% - 1px);
  }
  .contents__list li:nth-child(2) {
    margin-right: 2px;
  }
  .contents__list li:nth-child(3) {
    margin-left: 2px;
  }
  .contents__list a {
    background: #000;
  }
  .contents__list .contents__image img {
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    vertical-align: middle;
  }
  .contents__list a:hover img {
    opacity: .7;
    /* transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04); */
  }
  .contents__list .contents__text {
    /* font-size: 26px; */
    font-size: min(calc(26/1200*100vw), 26px);
    margin-top: 5%;
    line-height: 1.2;
    position: relative;
    z-index: 1;
  }
  .contents__list .contents__text strong {
    font-size: 0.77em;
  }


}



/* -----------------------------------------------
  news
----------------------------------------------- */
.news__list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #C3C3C3;
}
.news__list li {
  box-sizing: border-box;
  overflow: hidden;
}
.news__list li a {
  display: block;
  position: relative;
  height: 100%;    
  box-sizing: border-box;
}
.news__list li a:after {
  content: '';
  border-top: solid 1px #C3C3C3;
  border-right: solid 1px #C3C3C3;
  position: absolute;
  right: 1em;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.news__list .news__box {
  position: relative;
  display: grid;
  box-sizing: border-box;
}
.news__list .news_box .category {
  background: #666;
  color: #fff;
  text-align: center;
  font-family: "DIN Regular", Arial, Helvetica, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1ch;
  line-height: 1;
}
.newsTitle {
  font-weight: bold;
}

@media only screen and (max-width:640px) { /* sp */

  #index .news__wrap {
    margin-top: 38px;
  }
  .news__list {
    border-left: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
  }
  .news__list li {
    width: 100%;
    border-bottom: 1px solid #C3C3C3;
  }
  .news__list a {
    padding: 2% 30px 2% 2%;
    font-size: 1.26rem;
    /*font-size: .9rem;*/
  }
  .news__list a .category {
    /* font-size: .9rem; */
    /* height: 24px; */
    height: 1.8em;
    padding: 2% 0;
  }
  .news__list li a:after {
    width: 1.2em;
    height: 1.2em;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
  .news_box {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    gap: 0px 0px;
    grid-template-areas:
      "date category"
      "title title";
    justify-content: space-between;
    align-items: start;
  }
  .date {
    grid-area: date;
  }
  .category {
    grid-area: category;
  }
  .newsTitle {
    grid-area: title;
    font-weight: bold;
    margin-top: 1.6%;
        line-height: 1.4;

  }


}

@media only screen and (min-width:641px) { /* pc */

  #index .news__wrap {
    margin-top: 120px;
  }
  .news__list {
    border-left: 1px solid #C3C3C3;
  }
  .news__list li {
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
    width: 25%;
  }
  .news__list a {
    /* font-size: 16px; */
    font-size: min(calc(16/1200*100vw), 16px);
    padding: 4%;
  }
  .news__list li a:after {
    width: .6em;
    height: .6em;
    bottom: 8%;
  }

  .news__list a .category {
    /* font-size: 14px; */
    font-size: min(calc(14/1200*100vw), 14px);
    height: 24px;
  }
  .news_box {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    gap: 0px 0px;
    grid-template-areas:
      "date category"
      "title title";
    justify-content: space-between;
    align-items: start;
  }
  .date {
    grid-area: date;
  }
  .category {
    grid-area: category;
  }
  .newsTitle {
    grid-area: title;
    font-weight: bold;
    margin-top: 3.6%;
  }

}






/* -----------------------------------------------
  campaign
----------------------------------------------- */
.campaign__list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #C3C3C3;
}
.campaign__list li {
  box-sizing: border-box;
  overflow: hidden;
}
.campaign__list li a {
  display: block;
  position: relative;
  height: 100%;    
  box-sizing: border-box;
}
.campaign__list li a:after {
  content: '';
  width: .6em;
  height: .6em;
  border-top: solid 1px #C3C3C3;
  border-right: solid 1px #C3C3C3;
  position: absolute;
  right: 1em;
  bottom: 8%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.campaign__list .campaign__box {
  position: relative;
  box-sizing: border-box;
}
.campaign__list .campaign__box span {
  display: block;
}

.campaignTitle {
  font-weight: bold;
}

@media only screen and (max-width:640px) { /* sp */

  #index .campaign__wrap {
    margin-top: 34px;
  }
  .campaign__list {}
  .campaign__list li {
    width: 100%;
    border-bottom: 1px solid #C3C3C3;
  }
  .campaign__list a {
    font-size: 1.2rem;
    padding: 2.6%;
  }
  .campaign__list a span {
    font-size: .8em;
    line-height: 1.6;
  }
  .campaign_box {}
  .campaignTitle {
    line-height: 1.6;
    margin-bottom: 2%;
  }
}

@media only screen and (min-width:641px) { /* pc */

  #index .campaign__wrap {
    margin-top: 120px;
  }
  .campaign__list {
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3;
    border-left: 1px solid #C3C3C3;
  }
  .campaign__list li:nth-child(odd) {
    border-right: 1px solid #C3C3C3;
  }
  .campaign__list li {
    width: 50%;
  }
  .campaign__list a {
    /* font-size: 20px; */
    font-size: min(calc(20/1200*100vw), 20px);
    padding: 1.6%;
  }
  .campaign__list a span {
    font-size: .8em;
    line-height: 1.6;
  }
  .campaign_box {}
  .campaignTitle {
    line-height: 1.28;
    margin-bottom: 1%;
  }

}