@charset "UTF-8";

.main_inner {
  overflow-x: hidden;
}
#breadcrumbs {
  width: 140rem;
  margin-inline: auto;
}
.YuGothic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ginger";
  font-display: swap;
  font-weight: 700;
  src: url("../font/F37GingerBold.otf") format("opentype");
}




/*
///////////////////////////////////////////////////////////////////////////////////////
  ベーススタイル
///////////////////////////////////////////////////////////////////////////////////////
*/
.barbour_240911 {
  overflow: hidden;
}
.barbour_240911 .pc {
  display: none !important;
}

@media only screen and (min-width: 768px), print {
  .barbour_240911 .sp {
    display: none !important;
  }
  .barbour_240911 .pc {
    display: block !important;
  }
}

.barbour_240911 .cont_inner {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .barbour_240911 .cont_inner {
    max-width: none;
  }
}


.flexArea {
  width: 96rem;
  margin: 0 auto;
  display: flex;
}
.ct_ttl {
  font-size: 3.2rem;
  font-weight: bold;
  font-family: "ginger", sans-serif;
  text-align: center;
}
.ct_txt_Box {
  font-size: 2rem;
  line-height: 1.7;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.credit ul li {
  font-size: 2rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.credit a {
  font-size: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0 0.7rem;
}
.buy_btn {
  width: 4.5rem;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .flexArea {
    width: auto;
    margin: 0 auto;
    display: block;
  }
  .ct_ttl {
    font-size: calc(34 * (100vw / 750));
    font-family: "ginger", sans-serif;
    text-align: center;
  }
  .ct_txt_Box {
    font-size: calc(32*(100vw / 750));
    line-height: 1.68;
    text-align: center;
  }
  .credit ul li {
    font-size: calc(31 * (100vw / 750));
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  }
  .credit a {
    font-size: calc(30 * (100vw / 750));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0 calc(8 * (100vw / 750));
  }
  .buy_btn {
    width: calc(72 * (100vw / 750));
    display: inline-block;
  }
}


/*
///////////////////////////////////////////////////////////////////////////////////////
  メインエリア
///////////////////////////////////////////////////////////////////////////////////////
*/

.mv {
  width: 140rem;
  margin: 0 auto;
}

.mv .mainArea {
  position: relative;
}
.main_txt01 {
  font-size: 5.14rem;
  line-height: 1.6;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: absolute;
  top: 22.1rem;
  right: 42.4rem;
  z-index: 10;
  color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans",  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, sans-serif;
  font-weight: bold;
}
.main_txt02 {
  font-size: 9.5rem;
  line-height: 1.6;
  position: absolute;
  bottom: 9.6rem;
  left: 30.5rem;
  letter-spacing: 0.04em;
  z-index: 10;
  color: #fff;
  font-family: "ginger", sans-serif;
  font-weight: bold;
  font-style: italic;
}

@media screen and (max-width: 767px) {
  .mv {
    width: 100%;
    margin: 0 auto;
  }
  
  .mv .mainArea {
    position: relative;
  }
  .main_txt01 {
    font-size: calc(39*(100vw / 750));
    line-height: 1.6;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: calc(296*(100vw / 750));
    right: calc(89*(100vw / 750));
    z-index: 10;
    color: #fff;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans",  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, sans-serif;
    font-weight: bold;
  }
  .main_txt02 {
    font-size: calc(69*(100vw / 750));
    line-height: 1.6;
    position: absolute;
    bottom: calc(196*(100vw / 750));
    left: calc(83*(100vw / 750));
    letter-spacing: 0.04em;
    z-index: 10;
    color: #fff;
    font-family: "ginger", sans-serif;
    font-style: italic;
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
  contents01
///////////////////////////////////////////////////////////////////////////////////////
*/
.contents01 {
  margin-top: 7.5rem;
  text-align: center;
}
.contents01 .contents01_BoxArea01 .ttlBox {
  font-size: 3.2rem;
  line-height: 1.5;
  font-family: "ginger", sans-serif;
  letter-spacing: -0.01em;
  font-feature-settings: "palt";
}
.contents01 .txt_Box {
  font-size: 2rem;
  line-height: 1.75;
  margin-top: 3rem;
  letter-spacing: 0.045em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.contents01 .txt_Box li:nth-of-type(2) {
  display: none;
}
/* flexArea */
.contents01 .flexArea01 {
  justify-content: space-between;
  margin-top: 15.5rem;
}
.contents01 .box1 {
  width: 48rem;
  position: relative;
}
.contents01 .box1 .model_img {
  margin-top: 8.2rem;
}
.contents01 .box1 .style_number {
  width: 10.8rem;
  position: absolute;
  top: 0;
  left: 6rem;
  z-index: 10;
  pointer-events: none;
}
.contents01 .box2 {
  width: 42rem;
  margin-top: 38.2rem;
}
/* txt_BoxArea */
.contents01 .txt_BoxArea {
  margin-top: 4.6rem;
}
.contents01 .txt_BoxArea .ct_txt_Box {
  margin-top: 4rem;
  margin-right: 1rem;
}
.contents01 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(2) {
  display: none;
}
/* credit */
.contents01 .credit {
  margin-top: 0.6rem;
}
.contents01 .credit ul li:nth-of-type(1) {
  margin: 0 0 0 0.4rem;
}
.contents01 .credit ul li:nth-of-type(2) {
  margin: 5rem 0 0 0;
}
.contents01 .credit ul li:nth-of-type(3) {
  margin: 1.3rem 0 0 0.4rem;
}
.contents01 .credit ul li:nth-of-type(4) {
  margin: 5rem 0 0 0;
}

/* SP */
@media screen and (max-width: 767px) {
  .contents01 {
    margin-top: calc(77 * (100vw / 750));
    text-align: center;
  }
  .contents01 .contents01_BoxArea01 .ttlBox {
    font-size: calc(33*(100vw / 750));
    letter-spacing: 0.01em;
  }
  .contents01 .txt_Box {
    font-size: calc(30*(100vw / 750));
    line-height: 1.79;
    margin-top: calc(29*(100vw / 750));
    letter-spacing: 0.05em;
  }
  .contents01 .txt_Box li:nth-of-type(1) {
    display: none;
  }
  .contents01 .txt_Box li:nth-of-type(2) {
    display: block;
  }
  /* flexArea */
  .contents01 .flexArea01 {
    justify-content: space-between;
    margin-top: calc(222 * (100vw / 750));
  }
  .contents01 .box1 {
    width: calc(565*(100vw / 750));
    margin-left: calc(33*(100vw / 750));
    position: relative;
  }
  .contents01 .box1 .model_img {
    padding-top: calc(162*(100vw / 750));
    margin: 0;
  }
  .contents01 .box1 .style_number {
    width: calc(210*(100vw / 750));
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    pointer-events: none;
  }
  .contents01 .box2 {
    width: calc(563*(100vw / 750));
    margin: calc(38*(100vw / 750)) auto 0;
  }
  /* txt_BoxArea */
  .contents01 .txt_BoxArea {
    margin-top: calc(82 * (100vw / 750));
  }
  .contents01 .txt_BoxArea .ct_txt_Box {
    margin-top: calc(39*(100vw / 750));
    margin-right: calc(0*(100vw / 750));
  }
  .contents01 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(1) {
    display: none;
  }
  .contents01 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(2) {
    display: block;
  }
  /* credit */
  .contents01 .credit {
    margin-top: calc(10 * (100vw / 750));
  }
  .contents01 .credit ul li:nth-of-type(1) {
    margin: 0 0 0 calc(8 * (100vw / 750));
  }
  .contents01 .credit ul li:nth-of-type(2) {
    margin: calc(77 * (100vw / 750)) 0 0 0;
  }
  .contents01 .credit ul li:nth-of-type(3) {
    margin: calc(22 * (100vw / 750)) 0 0 calc(8 * (100vw / 750));
  }
  .contents01 .credit ul li:nth-of-type(4) {
    margin: calc(76 * (100vw / 750)) 0 0 0;
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
  contents02
///////////////////////////////////////////////////////////////////////////////////////
*/
/* flexArea */
.contents02 .flexArea.flexArea02 {
  display: block;
  margin-top: 16.2rem;
}
.contents02 .box1 {
  width: 48rem;
  margin-left: auto;
  margin-right: 6rem;
  position: relative;
  z-index: 2;
}
.contents02 .box1 .model_img {
  padding-top: 8.4rem;
}
.contents02 .box1 .style_number {
  width: 10.8rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  pointer-events: none;
}
.contents02 .box2 {
  width: 42rem;
  margin-top: -30rem;
  margin-left: 6rem;
  position: relative;
  z-index: 1;
}
/* txt_BoxArea */
.contents02 .txt_BoxArea {
  margin-top: 4.6rem;
}
.contents02 .txt_BoxArea .ct_txt_Box {
  margin-top: 4rem;
  margin-right: 1rem;
}
.contents02 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(2) {
  display: none;
}
/* credit */
.contents02 .credit {
  margin-top: 0.4rem;
  text-align: center;
}
.contents02 .credit ul li:nth-of-type(1) {
  margin: 0 0 0 0.4rem;
}
.contents02 .credit ul li:nth-of-type(2) {
  margin: 4.4rem 0 0 0;
}

/* SP */
@media screen and (max-width: 767px) {
  .contents02 .flexArea.flexArea02 {
    display: block;
    margin-top: calc(236 * (100vw / 750));
  }
  .contents02 .box1 {
    width: calc(564*(100vw / 750));
    margin-left: auto;
    margin-right: calc(33*(100vw / 750));
    position: relative;
    z-index: 2;
  }
  .contents02 .box1 .model_img {
    padding-top: calc(164*(100vw / 750));
  }
  .contents02 .box1 .style_number {
    width: calc(210*(100vw / 750));
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    pointer-events: none;
  }
  .contents02 .box2 {
    width: calc(564*(100vw / 750));
    margin: calc(40 * (100vw / 750)) auto 0;
    position: relative;
    z-index: 1;
  }
  /* txt_BoxArea */
  .contents02 .txt_BoxArea {
    margin-top: calc(83 * (100vw / 750));
  }
  .contents02 .txt_BoxArea .ct_txt_Box {
    margin-top: calc(38*(100vw / 750));
    margin-right: calc(11*(100vw / 750));
    font-size: calc(31*(100vw / 750));
    letter-spacing: -0.01em;
    line-height: 1.75;
  }
  .contents02 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(2) {
    display: none;
  }
  /* credit */
  .contents02 .credit {
    margin-top: calc(10 * (100vw / 750));
    text-align: center;
  }
  .contents02 .credit ul li:nth-of-type(1) {
    margin: 0 0 0 calc(8 * (100vw / 750));
  }
  .contents02 .credit ul li:nth-of-type(2) {
    margin: calc(78 * (100vw / 750)) 0 0 0;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
  contents03
///////////////////////////////////////////////////////////////////////////////////////
*/
/* flexArea */
.contents03 .flexArea.flexArea03 {
  display: block;
  margin-top: 16.2rem;
}
.contents03 .box1 {
  width: 48rem;
  margin-left: auto;
  position: relative;
  z-index: 2;
}
.contents03 .box1 .model_img {
  padding-top: 8.4rem;
}
.contents03 .box1 .style_number {
  width: 10.8rem;
  position: absolute;
  top: 0;
  right: 6rem;
  z-index: 10;
  pointer-events: none;
}
.contents03 .box2 {
  width: 42rem;
  margin-top: -30rem;
  position: relative;
  z-index: 1;
}
/* txt_BoxArea */
.contents03 .txt_BoxArea {
  margin-top: 4.6rem;
}
.contents03 .txt_BoxArea .ct_txt_Box {
  margin-top: 4rem;
  margin-right: 1rem;
}
.contents03 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(2) {
  display: none;
}
/* credit */
.contents03 .credit {
  margin-top: 0.4rem;
  text-align: center;
}
.contents03 .credit ul li:nth-of-type(1) {
  margin: 0 0 0 0.4rem;
}
.contents03 .credit ul li:nth-of-type(2) {
  margin: 4.3rem 0 0 0;
}
.contents03 .credit ul li:nth-of-type(3) {
  margin: 1.3rem 0 0 0.4rem;
}
.contents03 .credit ul li:nth-of-type(4) {
  margin: 4.3rem 0 0 0;
}

/* SP */
@media screen and (max-width: 767px) {
  .contents03 .flexArea.flexArea03 {
    display: block;
    margin-top: calc(234 * (100vw / 750));
  }
  .contents03 .box1 {
    width: calc(564*(100vw / 750));
    margin-left: calc(33*(100vw / 750));
    position: relative;
    z-index: 2;
  }
  .contents03 .box1 .model_img {
    padding-top: calc(161 * (100vw / 750));
  }
  .contents03 .box1 .style_number {
    width: calc(210 * (100vw / 750));
    position: absolute;
    top: 0;
    right: unset;
    z-index: 10;
    pointer-events: none;
  }
  .contents03 .box2 {
    width: calc(564*(100vw / 750));
    margin: calc(40 * (100vw / 750)) auto 0;
    position: relative;
    z-index: 1;
  }
  /* txt_BoxArea */
  .contents03 .txt_BoxArea {
    margin-top: calc(85 * (100vw / 750));
  }
  .contents03 .txt_BoxArea .ct_txt_Box {
    margin-top: calc(38*(100vw / 750));
    margin-right: calc(0*(100vw / 750));
    font-size: calc(31*(100vw / 750));
    letter-spacing: -0.01em;
    line-height: 1.7;
  }
  .contents03 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(2) {
    display: none;
  }
  /* credit */
  .contents03 .credit {
    margin-top: calc(11 * (100vw / 750));
    text-align: center;
  }
  .contents03 .credit ul li:nth-of-type(1) {
    margin: 0 0 0 calc(8 * (100vw / 750));
  }
  .contents03 .credit ul li:nth-of-type(2) {
    margin: calc(78 * (100vw / 750)) 0 0 0;
  }
  .contents03 .credit ul li:nth-of-type(3) {
    margin: calc(20 * (100vw / 750)) 0 0 calc(0 * (100vw / 750));
  }
  .contents03 .credit ul li:nth-of-type(4) {
    margin: calc(80 * (100vw / 750)) 0 0 0;
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
  contents04
///////////////////////////////////////////////////////////////////////////////////////
*/
/* flexArea */
.contents04 .flexArea.flexArea04 {
  display: block;
  margin-top: 16.4rem;
}
.contents04 .box1 {
  width: 84rem;
  margin: 0 auto;
  z-index: 2;
}
.contents04 .box1 .style_number {
  width: 10.8rem;
  margin: 0 auto;
  pointer-events: none;
}
.contents04 .box1 .model_img {
  padding-top: 4rem;
}
/* txt_BoxArea */
.contents04 .txt_BoxArea {
  margin-top: 4.6rem;
}
.contents04 .txt_BoxArea .ct_txt_Box {
  margin-top: 4rem;
  margin-right: 1rem;
}
.contents04 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(2) {
  display: none;
}
/* credit */
.contents04 .credit {
  margin-top: 0.4rem;
  text-align: center;
}
.contents04 .credit ul li:nth-of-type(1) {
  margin: 0 0 0 0.4rem;
}
.contents04 .credit ul li:nth-of-type(2) {
  margin: 4.3rem 0 0 0;
}
.contents04 .credit ul li:nth-of-type(3) {
  margin: 1.3rem 0 0 0.4rem;
}
.contents04 .credit ul li:nth-of-type(4) {
  margin: 4.3rem 0 0 0;
}
.contents04 .credit ul li:nth-of-type(5) {
  margin: 1.3rem 0 0 0.4rem;
}
.contents04 .credit ul li:nth-of-type(6) {
  margin: 4.4rem 0 0 0;
}
.contents04 .credit ul li:nth-of-type(7) {
  margin: 1.2rem 0 0 0.4rem;
}
.contents04 .credit ul li:nth-of-type(8) {
  margin: 4.4rem 0 0 0;
}

/* SP */
@media screen and (max-width: 767px) {
  /* flexArea */
  .contents04 .flexArea.flexArea04 {
    display: block;
    margin-top: calc(271 * (100vw / 750));
  }
  .contents04 .box1 {
    width: calc(684*(100vw / 750));
    margin: 0 auto;
    z-index: 2;
  }
  .contents04 .box1 .style_number {
    width: calc(210 *(100vw / 750));
    margin: 0 auto;
    pointer-events: none;
  }
  .contents04 .box1 .model_img {
    padding-top: calc(80 * (100vw / 750));
  }
  /* txt_BoxArea */
  .contents04 .txt_BoxArea {
    margin-top: calc(82 * (100vw / 750));
  }
  .contents04 .txt_BoxArea .ct_txt_Box {
    margin-top: calc(38*(100vw / 750));
    margin-right: calc(0*(100vw / 750));
    font-size: calc(31*(100vw / 750));
    letter-spacing: -0.01em;
    line-height: 1.7;
  }
  .contents04 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(2) {
    display: none;
  }
  /* credit */
  .contents04 .credit {
    margin-top: calc(11 * (100vw / 750));
    text-align: center;
  }
  .contents04 .credit ul li:nth-of-type(1) {
    margin: 0 0 0 calc(8 * (100vw / 750));
  }
  .contents04 .credit ul li:nth-of-type(2) {
    margin: calc(79 * (100vw / 750)) 0 0 0;
  }
  .contents04 .credit ul li:nth-of-type(3) {
    margin: calc(21 * (100vw / 750)) 0 0 calc(8 * (100vw / 750));
  }
  .contents04 .credit ul li:nth-of-type(4) {
    margin: calc(78 * (100vw / 750)) 0 0 0;
  }
  .contents04 .credit ul li:nth-of-type(5) {
    margin: calc(21 * (100vw / 750)) 0 0 calc(8 * (100vw / 750));
  }
  .contents04 .credit ul li:nth-of-type(6) {
    margin: calc(78 * (100vw / 750)) 0 0 0;
  }
  .contents04 .credit ul li:nth-of-type(7) {
    margin: calc(22 * (100vw / 750)) 0 0 calc(8 * (100vw / 750));
  }
  .contents04 .credit ul li:nth-of-type(8) {
    margin: calc(78 * (100vw / 750)) 0 0 0;
  }
}

/*
///////////////////////////////////////////////////////////////////////////////////////
  contents05
///////////////////////////////////////////////////////////////////////////////////////
*/
/* flexArea */
.contents05 .flexArea.flexArea05 {
  display: block;
  width: 84rem;
  margin-top: 16.2rem;
}
.contents05 .box1 {
  width: 48rem;
  position: relative;
  z-index: 1;
}
.contents05 .box1 .model_img {
  padding-top: 8.4rem;
}
.contents05 .box1 .style_number {
  width: 10.8rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
.contents05 .box2 {
  width: 42rem;
  margin-top: -30rem;
  margin-left: auto;
  position: relative;
  z-index: 2;
}
/* txt_BoxArea */
.contents05 .txt_BoxArea {
  margin-top: 4.6rem;
}
.contents05 .txt_BoxArea .ct_txt_Box {
  margin-top: 4.2rem;
  margin-right: 1rem;
  line-height: 1.6;
}
.contents05 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(2) {
  display: none;
}
/* credit */
.contents05 .credit {
  margin-top: 0.7rem;
  text-align: center;
}
.contents05 .credit ul li:nth-of-type(1) {
  margin: 0 0 0 0.4rem;
}
.contents05 .credit ul li:nth-of-type(2) {
  margin: 4.4rem 0 0 0;
}
.contents05 .credit ul li:nth-of-type(3) {
  margin: 1.3rem 0 0 0.4rem;
}
.contents05 .credit ul li:nth-of-type(4) {
  margin: 4.3rem 0 0 0;
}
.contents05 .credit ul li:nth-of-type(5) {
  margin: 1.3rem 0 0 0.4rem;
}
.contents05 .credit ul li:nth-of-type(6) {
  margin: 4.4rem 0 0 0;
}
.contents05 .credit ul li:nth-of-type(7) {
  margin: 1.2rem 0 0 0.4rem;
}
.contents05 .credit ul li:nth-of-type(8) {
  margin: 4.4rem 0 0 0;
}

/* SP */
@media screen and (max-width: 767px) {
  /* flexArea */
  .contents05 .flexArea.flexArea05 {
    display: block;
    width: auto;
    margin-top: calc(270*(100vw / 750));
  }
  .contents05 .box1 {
    width: calc(567*(100vw / 750));
    margin-right: calc(32*(100vw / 750));
    margin-left: auto;
    position: relative;
    z-index: 1;
  }
  .contents05 .box1 .model_img {
    padding-top: calc(161 * (100vw / 750));
  }
  .contents05 .box1 .style_number {
    width: calc(210 * (100vw / 750));
    position: absolute;
    top: 0;
    left: unset;
    right: 0;
    z-index: 10;
    pointer-events: none;
  }
  .contents05 .box2 {
    width: calc(561*(100vw / 750));
    margin: calc(39*(100vw / 750)) auto 0;
    margin-left: auto;
    position: relative;
    z-index: 2;
  }
  /* txt_BoxArea */
  .contents05 .txt_BoxArea {
    margin-top: calc(87 * (100vw / 750));
  }
  .contents05 .txt_BoxArea .ct_txt_Box {
    margin-top: calc(38*(100vw / 750));
    margin-right: calc(0*(100vw / 750));
    font-size: calc(31*(100vw / 750));
    letter-spacing: 0.014em;
    line-height: 1.7;
  }
  .contents05 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(2) {
    display: block;
  }
  /* credit */
  .contents05 .credit {
    margin-top: calc(11 * (100vw / 750));
    text-align: center;
  }
  .contents05 .credit ul li:nth-of-type(1) {
    margin: 0 0 0 calc(8 * (100vw / 750));
  }
  .contents05 .credit ul li:nth-of-type(2) {
    margin: calc(78 * (100vw / 750)) 0 0 0;
  }
  .contents05 .credit ul li:nth-of-type(3) {
    margin: calc(20 * (100vw / 750)) 0 0 calc(8 * (100vw / 750));
  }
  .contents05 .credit ul li:nth-of-type(4) {
    margin: calc(78 * (100vw / 750)) 0 0 0;
  }
  .contents05 .credit ul li:nth-of-type(5) {
    margin: calc(20 * (100vw / 750)) 0 0 calc(8 * (100vw / 750));
  }
  .contents05 .credit ul li:nth-of-type(6) {
    margin: calc(80 * (100vw / 750)) 0 0 0;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
  contents06
///////////////////////////////////////////////////////////////////////////////////////
*/
/* flexArea */
.contents06 {
  margin-bottom: 10rem;
}
.contents06 .flexArea.flexArea06 {
  display: block;
  margin-top: 16.2rem;
}
.contents06 .box1 {
  width: 84rem;
  margin: 0 auto;
  z-index: 2;
}
.contents06 .box1 .style_number {
  width: 10.8rem;
  margin: 0 auto;
  pointer-events: none;
}
.contents06 .box1 .model_img {
  padding-top: 4rem;
}
/* txt_BoxArea */
.contents06 .txt_BoxArea {
  margin-top: 4.6rem;
}
.contents06 .txt_BoxArea .ct_txt_Box {
  margin-top: 4rem;
  line-height: 1.6;
}
.contents06 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(2) {
  display: none;
}
/* credit */
.contents06 .credit {
  margin-top: 0.6rem;
  text-align: center;
}
.contents06 .credit ul li:nth-of-type(1) {
  margin: 0 0 0 0.4rem;
}
.contents06 .credit ul li:nth-of-type(2) {
  margin: 4.3rem 0 0 0;
}
.contents06 .credit ul li:nth-of-type(3) {
  margin: 1.3rem 0 0 0.4rem;
}
.contents06 .credit ul li:nth-of-type(4) {
  margin: 4.3rem 0 0 0;
}
.contents06 .credit ul li:nth-of-type(5) {
  margin: 1.3rem 0 0 0.4rem;
}
.contents06 .credit ul li:nth-of-type(6) {
  margin: 4.4rem 0 0 0;
}
.contents06 .credit ul li:nth-of-type(7) {
  margin: 1.2rem 0 0 0.4rem;
}
.contents06 .credit ul li:nth-of-type(8) {
  margin: 4.4rem 0 0 0;
}

/* SP */
@media screen and (max-width: 767px) {
  /* flexArea */
  .contents06 {
    margin-bottom: calc(224 * (100vw / 750));
  }
  .contents06 .flexArea.flexArea06 {
    display: block;
    margin-top: calc(272 * (100vw / 750));
  }
  .contents06 .box1 {
    width: calc(684 * (100vw / 750));
    margin: 0 auto;
    z-index: 2;
  }
  .contents06 .box1 .style_number {
    width: calc(210 * (100vw / 750));
    margin: 0;
    pointer-events: none;
  }
  .contents06 .box1 .model_img {
    padding-top: calc(78 * (100vw / 750));
  }
  /* txt_BoxArea */
  .contents06 .txt_BoxArea {
    margin-top: calc(46 * (100vw / 750));
  }
  .contents06 .txt_BoxArea .ct_txt_Box {
    margin-top: calc(39*(100vw / 750));
    margin-right: calc(0*(100vw / 750));
    font-size: calc(31*(100vw / 750));
    letter-spacing: 0;
    line-height: 1.7;
  }
  .contents06 .txt_BoxArea ul.ct_txt_Box li:nth-of-type(2) {
    display: none;
  }
  /* credit */
  .contents06 .credit {
    margin-top: calc(11 * (100vw / 750));
    text-align: center;
  }
  .contents06 .credit ul li:nth-of-type(1) {
    margin: 0 0 0 calc(8 * (100vw / 750));
  }
  .contents06 .credit ul li:nth-of-type(2) {
    margin: calc(78 * (100vw / 750)) 0 0 0;
  }
  .contents06 .credit ul li:nth-of-type(3) {
    margin: calc(20 * (100vw / 750)) 0 0 calc(8 * (100vw / 750));
  }
  .contents06 .credit ul li:nth-of-type(4) {
    margin: calc(80 * (100vw / 750)) 0 0 0;
  }
  .contents06 .credit ul li:nth-of-type(5) {
    margin: calc(20 * (100vw / 750)) 0 0 calc(8 * (100vw / 750));
  }
  .contents06 .credit ul li:nth-of-type(6) {
    margin: calc(80 * (100vw / 750)) 0 0 0;
  }
}
/*
///////////////////////////////////////////////////////////////////////////////////////
  アニメーション
///////////////////////////////////////////////////////////////////////////////////////
*/
.slide-in {
  overflow: hidden;
  display: inline-block;
}

.slide-in_inner {
  display: inline-block;
}
/*左右のアニメーション*/
.leftAnime {
  opacity: 0; /*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
  -webkit-animation-name: slideTextY100;
          animation-name: slideTextY100;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes slideTextY100 {
  from {
    transform: translateX(-100%); /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}

@keyframes slideTextY100 {
  from {
    transform: translateX(-100%); /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
.slideAnimeRightLeft {
  -webkit-animation-name: slideTextX-100;
          animation-name: slideTextX-100;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes slideTextX-100 {
  from {
    transform: translateX(100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}

@keyframes slideTextX-100 {
  from {
    transform: translateX(100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}


/*上下のアニメーション*/
.topAnime {
  opacity: 0; /*事前に透過0にして消しておく*/
}

.slideAnimetop_btm {
  -webkit-animation-name: top_slideTextY100;
          animation-name: top_slideTextY100;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes top_slideTextY100 {
  from {
    transform: translateY(-100%); /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateY(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}

@keyframes top_slideTextY100 {
  from {
    transform: translateY(-100%); /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateY(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}
.slideAnimebtm {
  -webkit-animation-name: top_slideTextY-100;
          animation-name: top_slideTextY-100;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes top_slideTextY-100 {
  from {
    transform: translateY(100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateY(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}

@keyframes top_slideTextY-100 {
  from {
    transform: translateY(100%); /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateY(0); /*要素を元の位置に移動*/
    opacity: 1;
  }
}

.jsFade {
  opacity: 0;
  transform: translateY(20px);
}
.jsFade.isActive {
  opacity: 1;
  transform: translateY(0px);
  transition: all .7s;
}


/* .js-Fade {
  opacity: 0;
}
.js-Fade.is-active {
  animation: img-opacity 0.75s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  overflow: hidden;
  position: relative;
}
.js-Fade.is-active::before {
  animation: img-animation 0.75s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes img-animation {
  100% {
    transform: translateX(100%);
  }
}
@keyframes img-opacity {
  100% {
    opacity: 1;
  }
} */

/* アニメーション */
/* .barbour_240911 .js-mv_fade
{
  opacity: 0;
  transition: opacity 1s ease , transform 1s ease;
  transform: translateY(2rem);
}

.barbour_240911 .js-mv_fade.active
{
  opacity: 1;
  transform: translateY(0);
} */