@charset "UTF-8";
/* CSS Document */
.extendLink {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.extendLink:hover {
  opacity: 0.5;
  background-color: #ffffff;
}

.mvBnr__wrap {
  position: absolute;
  width: 32%;
  min-width: 120px;
  top: -20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.mvBnr__contents {
  position: relative;
  height: 0;
  font-size: 0;
  padding-top: 50.5%;
  background: transparent url("../images/logo.png") left top/100% auto no-repeat;
}
@media (min-width: 768px) {
  .mvBnr__wrap {
    max-width: 190px;
    width: 32%;
    top: -25.7731958763%;
  }
}

/*
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
*/
/* バーチャルショールーム */
.vsroom__title {
  font-size: 16px;
  color: #322000;
}
.vsroom__photo {
  max-width: 300px;
  margin: 0 auto;
}
.vsroom__image {
  width: 100%;
}

/* 動画ページ movie.html 
バーチャルショールーム同様*/
.movie {
  /*メインビジュアル部分、ハンバーガーメニュー既存構造のため、padding-topを使用した背景敷は不可。index.htmlと同様に設定*/
}
.movie__title {
  font-size: 16px;
  color: #322000;
}
.movie__photo {
  max-width: 300px;
  margin: 0 auto;
}
.movie__image {
  width: 100%;
}
.movie__category, .movie__category--mt0 {
  line-height: 3em;
  padding-bottom: 0.5em;
  margin: 30px 0 0;
}
.movie__category--mt0 {
  margin: 0;
}

.container__title, .container__title--jp, .container__title--en {
  text-align: center;
  color: #322000;
}
.container__title--en {
  font-size: 14.4px !important;
}
.container__title--jp {
  font-size: 20px !important;
  letter-spacing: 5px;
}
.container__comingSoon {
  margin-bottom: 3em;
}
@media (min-width: 768px) {
  .container__title, .container__title--en, .container__title--jp {
    font-weight: bold !important;
  }
  .container__title--en {
    font-size: 18px !important;
    letter-spacing: 0.1em;
  }
  .container__title--jp {
    font-size: 24px !important;
  }
}

.comingSoon__box {
  width: auto;
  background-color: #725f3c;
  padding: 50px 0;
}
.comingSoon__lead {
  color: #ffffff !important;
  font-size: 14px;
}
.comingSoon__text {
  color: #ffffff !important;
  font-size: 16px;
}
@media (min-width: 768px) {
  .comingSoon__box {
    width: 50%;
    max-width: 560px;
    margin: 0 auto;
    padding: 100px 0;
  }
  .comingSoon__lead {
    font-size: 16px;
  }
  .comingSoon__text {
    font-size: 30px;
  }
}

.colSingle__photo {
  max-width: 520px;
  margin: 0 auto;
  padding: 20px 0 0;
}
.colSingle__lead {
  font-size: 14px;
}
.colSingle__text {
  font-size: 16px;
}
.colSingle__image {
  max-width: 100%;
}
@media (min-width: 768px) {
  .colSingle__photo {
    /*width: 50%;*/
    /*max-width: 560px;*/
    padding: 60px 0 24px;
  }
  .colSingle__lead {
    font-size: 16px;
  }
  .colSingle__text {
    font-size: 30px;
  }
}

.colDouble__item {
  position: relative;
  margin-bottom: 20px;
}
.colDouble__image {
  max-width: 100%;
}
@media (min-width: 768px) {
  .colDouble {
    max-width: 520px;
    margin: 0 auto;
  }
  .colDouble__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .colDouble__item {
    width: 48%;
    /*margin-bottom: 20px;*/
  }
  .colDouble__item:nth-of-type(odd) {
    margin-right: 2%;
  }
  .colDouble__item:nth-of-type(even) {
    margin-left: 2%;
  }
  .colDouble__image {
    width: 100%;
  }
}

.colorSimulator__bnrWrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.colorSimulator__bnrLogo {
  width: 50%;
  margin-bottom: 0;
}
.colorSimulator__bnrImage {
  width: 100%;
}
.colorSimulator__bnrText {
  width: 50%;
  font-size: 26px !important;
  font-weight: bold;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .colorSimulator__bnrWrap {
    width: 74%;
  }
  .colorSimulator__bnrText {
    font-size: 36px !important;
  }
}

/* MV上のリンクボタン */
.mvBtn__list {
  margin: 20px 0;
  padding-left: 0; /* 謎 */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  list-style: none;
}
.mvBtn__item:first-of-type {
  margin-top: 20px;
}
.mvBtn__button {
  position: relative;
  border: solid 1px #ffffff;
  background-color: rgba(212, 212, 212, 0.2);
  padding: 20px;
}
.mvBtn__text, .mvBtn__text--en {
  margin: 10px 0 0 0 !important;
  font-size: 18px;
  text-align: center;
  color: rgb(255, 255, 255) !important;
}
.mvBtn__text--en {
  /*margin: 20px 0 0 0 !important;*/
  font-weight: bold;
}
.mvBtn__line {
  position: relative;
  bottom: 0;
  margin: 5px 0 0 0 !important;
  height: 1px;
}
.mvBtn__scrollBox {
  display: block;
  text-align: center;
  margin-top: 15px !important;
}
.mvBtn__scrollLine {
  text-align: center;
  padding-top: 50px !important;
}
@media (min-width: 481px) {
  .mvBtn__list {
    /*max-width: 400px;*/
    width: 390px;
    margin: 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mvBtn__item {
    width: 47%;
  }
  .mvBtn__item:first-of-type {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .mvBtn__list {
    /*max-width: 500px;*/
    width: 500px;
  }
}

@media (min-width: 481px) {
  .sample4.top {
    margin-left: 27%;
  }
}
@media (min-width: 768px) {
  .sample4.top {
    margin-left: 33%;
  }
}
@media (min-width: 992px) {
  .sample4.top {
    margin-left: 31%;
  }
}
@media (min-width: 1200px) {
  .sample4.top {
    margin-left: 33%;
  }
}

/*動画 モーダル jsで動的に設定*/
.modalMovie-open:hover {
  opacity: 0.75;
}

.modalMovie-overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1023;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}

.modalMovie-content {
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  width: 80%;
  max-width: 860px;
  position: fixed;
}

.modalMovie {
  display: none;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}

.modalMovie-content .modalMovie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*
iframe.youtube{;
  vertical-align: top;
}
*/
/* スマホ設定 */
@media screen and (max-width: 768px) {
  .modalMovie-content {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  /*
    .youtube-box{
      position: relative;
      width: 100%;
      padding-top: 56.05%;
    }
    .youtube{
      width: 100%;
      position: absolute;
      height: 100%;
      top: 0;
      right: 0;
    }
  */
}
/*
.scrollArrow{

  @media (min-width: 481px) {

  }
  @media (min-width: 768px) {

  }

}
*/
/*
.virtualShowroom{

  @media (min-width: 768px) {
  }
  @media (min-width: 992px) {
  }
  @media (min-width: 1200px) {
  }
  &__list{

  }
  &__item{

  }
  &__image{

  }
  &__link{

  }
  &__{

  }
  &__{

  }
}
*/