@charset "UTF-8";

/* ******************************************************************************** *
 * ビジュアル
 * ******************************************************************************** */
@keyframes bounce {
  0%, 15%, 38%, 60%, 75% {
    transform: translate(0, 0);
  }
  30% {
    transform: translate(0, 10px);
  }
  45% {
    transform: translate(0, 5px);
  }
}

.yaesu-carousel-kv {
  position: relative;
}

.yaesu-carousel-kv::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 4;
  right: 15px;
  bottom: 20px;
  width: 8px;
  height: 97px;
  background: url(/shop/yaesu/img/yaesu-carousel-scroll.svg) no-repeat;
  background-size: 100%;
  transform: translate(0, 0);
  animation: bounce 2.5s infinite;
}

.yaesu-carousel-kv__visual-image {
  width: 100%;
}

.yaesu-carousel-kv .slick-arrow {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  border-width: 0;
  margin: 0;
  width: 50%;
  overflow: hidden;
  background-color: transparent;
}

.yaesu-carousel-kv .slick-prev {
  left: 0;
}

.yaesu-carousel-kv .slick-next {
  right: 0;
}

.yaesu-carousel-kv .slick-arrow-label {
  position: absolute;
  top: 100%;
  z-index: -1;
}

.yaesu-carousel-kv .slick-dots {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: auto;
}

.yaesu-carousel-kv .slick-dots > li + li {
  margin-left: 10px;
}

.yaesu-carousel-kv .slick-dots [role="tab"] {
  position: relative;
  border-width: 0;
  border-radius:50%;
  width: 6px;
  height: 6px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.5);
}

.yaesu-carousel-kv .slick-dots [role="tab"][aria-selected="true"] {
  cursor: default;
  background-color: #fff;
}

.yaesu-carousel-kv .slick-tab-label {
  position: absolute;
  top: 100%;
  z-index: -1;
}

@media (min-width:769px) {
  .yaesu-carousel-kv::after {
    right: 277px;
    bottom: 38px;
    width: 10px;
    height: 128px;
  }

  .yaesu-carousel-kv .slick-dots {
    bottom: 36px;
  }

  .yaesu-carousel-kv .slick-dots [role="tab"] {
    width: 8px;
    height: 8px;
  }
}

@media (min-width: 769px) and (max-width: 1300px) {
  @keyframes bounce {
    0%, 15%, 38%, 60%, 75% {
      transform: translate(262px, 0);
    }
    30% {
      transform: translate(262px, 10px);
    }
    45% {
      transform: translate(262px, 5px);
    }
  }

  .yaesu-carousel-kv::after {
    transform: translate(262px, 0);
  }
}

/* ******************************************************************************** *
 * ステートメント
 * ******************************************************************************** */
.yaesu-carousel-statement {
  position: relative;
  padding-top: 150px;
  margin: auto;
  max-width: 85.3334%;
}

.yaesu-carousel-statement__view {
  display: flex;
  flex-direction: column;
}

.yaesu-carousel-statement .slick-arrow {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  border-width: 0;
  margin: 0;
  width: 50%;
  overflow: hidden;
  background-color: transparent;
}

.yaesu-carousel-statement .slick-prev {
  left: 0;
}

.yaesu-carousel-statement .slick-next {
  right: 0;
}

.yaesu-carousel-statement .slick-arrow-label {
  position: absolute;
  top: 100%;
  z-index: -1;
}

.yaesu-carousel-statement .slick-dots {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  left: 0;
  right: 0;
  margin: 40px auto 0;
}

.yaesu-carousel-statement .slick-dots > li + li {
  margin-left: 10px;
}

.yaesu-carousel-statement .slick-dots [role="tab"] {
  position: relative;
  border-width: 0;
  border-radius:50%;
  width: 6px;
  height: 6px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgba(112, 112, 112, 0.5);
}

.yaesu-carousel-statement .slick-dots [role="tab"][aria-selected="true"] {
  cursor: default;
  background-color: #707070;
}

.yaesu-carousel-statement .slick-tab-label {
  position: absolute;
  top: 100%;
  z-index: -1;
}

@media (max-width:768px) {
  .yaesu-carousel-statement__visual-image {
    width: 100%;
  }
}

@media (min-width:769px) {
  .yaesu-carousel-statement {
    padding-top: 200px;
    max-width: 630px;
  }

  .yaesu-carousel-statement .slick-dots {
    margin-top: 90px;
  }

  .yaesu-carousel-statement .slick-dots [role="tab"] {
    width: 8px;
    height: 8px;
  }
}

/* ******************************************************************************** *
 * News
 * ******************************************************************************** */
.yaesu-news-heading {
  text-align: center;
}

.yaesu-news-heading__image {
  max-width: 21.25%;
}

.yaesu-news-list {
  margin: 50px auto;
  max-width: 642px;
}

.yaesu-news-list__list {
  display: flex;
  flex-wrap: wrap;
  margin: -25px 0 0 -21px;
}

.yaesu-news-list__item {
  flex-basis: 100%;
  margin: 25px 0 0 21px;
  max-width: calc((100% / 2) - 21px);
}

.yaesu-news-list__link {
  display: flex;
  flex-direction: column-reverse;
  transition: opacity 0.3s;
}

.yaesu-news-list__link:hover {
  opacity: 0.7;
}

.yaesu-news-list__areaText {
  padding-top: 10px;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif, sans-serif;
}

.yaesu-news-list__areaText-date {
  font-size: 10px;
  line-height: 1.5;
}

.yaesu-news-list__areaText-text {
  margin-top: 8px;
  font-size: 10px;
  line-height: 1.5;
}

.yaesu-news-list__areaImage {
  position: relative;
}

.yaesu-news-list__tag,
.yaesu-news-list__icon-new-window {
  position: absolute;
}

.yaesu-news-list__tag {
  top: 0;
  left: 0;
  max-width: 35%;
}

.yaesu-news-list__icon-new-window {
  right: 5px;
  bottom: 5px;
  max-width: 5.334%;
}

.yaesu-news-list__link:not([target="_blank"]) .yaesu-news-list__icon-new-window {
  display: none;
}

.yaesu-news-list__thumbnail {
  width: 100%;
}

.yaesu-news-dialog-image-1 {
  padding: 0 20px;
  margin: 0 auto 15px;
  max-width: 67.6%
}

.mod-news-dialog-text-group {
  margin: 15px 0;
  font-size: 11px;
  line-height: 1.6;
}

.mod-news-dialog-text-group:lang(en) {
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .yaesu-news-dialog-image-1 img {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .yaesu-region-news {
    padding: 0 40px;
  }

  .yaesu-news-heading__image {
    max-width: 100%;
  }

  .yaesu-news-list {
    margin: 90px auto;
    max-width: 998px;
  }

  .yaesu-news-list__list {
    margin: -100px 0 0 -50px;
  }

  .yaesu-news-list__item {
    margin: 100px 0 0 50px;
    max-width: calc((100% / 3) - 50px);
  }

  .yaesu-news-list__areaText {
    padding-top: 20px;
  }

  .yaesu-news-list__areaText-date {
    font-size: 14px;
  }

  .yaesu-news-list__areaText-text {
    margin-top: 15px;
    font-size: 14px;
  }

  .yaesu-news-dialog-image-1 {
    padding: 0;
    margin: 0 auto 30px;
    max-width: 100%
  }

  .mod-news-dialog-text-group {
    margin: 20px 0;
    font-size: 14px;
  }

  .mod-news-dialog-text-group:lang(en) {
    font-size: 14px;
  }
}

/* ******************************************************************************** *
 * Sustainability
 * ******************************************************************************** */
.yaesu-sustainability-heading {
  margin-bottom: 45px;
  text-align: center;
}

.yaesu-sustainability-heading__image {
  max-width: 56.875%;
}

.yaesu-sustainability-image-1 {
  margin: 25px auto;
}

.yaesu-sustainability-text-jp-1,
.yaesu-sustainability-text-en-1 {
  margin: 20px auto;
}

.yaesu-sustainability-text-jp-1 img {
  max-width: 89.5313%;
}

.yaesu-sustainability-text-en-1 img {
  max-width: 79.8438%;
}

@media (max-width:768px) {
  .yaesu-sustainability-image-1 img,
  .yaesu-sustainability-text-jp-1 img,
  .yaesu-sustainability-text-en-1 img {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .yaesu-sustainability-heading {
    margin-bottom: 50px;
  }

  .yaesu-sustainability-image-1 {
    margin: 45px auto;
  }

  .yaesu-sustainability-text-jp-1 {
    margin-top: 45px;
  }

  .yaesu-sustainability-text-en-1 {
    margin-top: 35px;
  }

  .yaesu-sustainability-text-jp-1 img,
  .yaesu-sustainability-text-en-1 img {
    max-width: 100%;
  }
}

/* ******************************************************************************** *
 * Shop Info
 * ******************************************************************************** */
.yaesu-shopinfo-heading {
  margin-bottom: 40px;
  text-align: center;
}

.yaesu-shopinfo-heading__image {
  max-width: 39.0625%;
}

.yaesu-shopinfo-text-jp-1,
.yaesu-shopinfo-text-en-1 {
  margin: 25px auto;
  max-width: 611px;
  text-align: left;
}

.yaesu-shopinfo-text-jp-1 img {
  max-width: 80.625%;
}

.yaesu-shopinfo-text-en-1 img {
  max-width: 83.125%;
}

@media (max-width:768px) {
  .yaesu-shopinfo-text-jp-1 img,
  .yaesu-shopinfo-text-en-1 img {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .yaesu-shopinfo-heading {
    margin-bottom: 90px;
    text-align: center;
  }

  .yaesu-shopinfo-text-jp-1,
  .yaesu-shopinfo-text-en-1 {
    margin: 30px auto;
    max-width: 614px;
  }

  .yaesu-shopinfo-text-jp-1 img,
  .yaesu-shopinfo-text-en-1 img {
    max-width: 100%;
  }
}