@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block;
}
body {
  line-height: 1;
}
ol,ul {
  list-style: none;
}
blockquote,q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button {
  display: block;
  background-color: #fff;
  border: none;
}
a {
  text-decoration: none;
}

/*------------------------------------------------
Common
-------------------------------------------------*/
a:hover {
  opacity: 0.7;
}
.pc {
  display: none !important;
}
.sp {
  display: block !important;
}
@media only screen and (min-width: 769px) {
  .pc {
    display: block !important;
  }
  .sp {
    display: none !important;
  }
}
.pt-100 {
  padding-top: 13vw;
}
@media screen and (min-width: 769px) {
  .pt-100 {
    padding-top: 120px;
  }
}
.pt-80 {
  padding-top: 10.5vw;
}
@media screen and (min-width: 769px) {
  .pt-80 {
    padding-top: 80px;
  }
}
.pt-40 {
  padding-top: 5vw;
}
@media screen and (min-width: 769px) {
  .pt-40 {
    padding-top: 40px;
  }
}
.pb-100 {
  padding-bottom: 13.3vw;
}
@media screen and (min-width: 769px) {
  .pb-100 {
    padding-bottom: 120px;
  }
}
.pb-80 {
  padding-bottom: 10.5vw;
}
@media screen and (min-width: 769px) {
  .pb-80 {
    padding-bottom: 80px;
  }
}
.pb-40 {
  padding-bottom: 5vw;
}
@media screen and (min-width: 769px) {
  .pb-40 {
    padding-bottom: 40px;
  }
}
body {
  font-family: "Noto Sans JP", sans-serif !important;
  /*font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Sans-serif;*/
  background: #fff;
  color: #1a1a1a;
  overflow-x: hidden;
  line-height: 2;
}
.notoserif {
  font-family: "Noto Serif JP", serif;
}
.orange {
  color: #f15a25;
}
.orange2{
  color: #F0B761;
}
.green {
  color: #58BBD0;
}
.brown {
  color: #C7A47F;
}
.white {
  color:#fff;
}
img {
  display: block;
  width: 100%;
  height: auto;
}
button {
  margin-top: 30px;
  border: 1px solid #969696;
  color: #969696;
  height: 10.66vw;
  width: 100%;
  font-size: 3.5vw;
}
.inner {
  margin-right: auto;
  margin-left: auto;
  padding-left: 2.6vw;
  padding-right: 2.6vw;
}
.main-content {
  margin: auto;
}
.logo {
  width: 100px;
}
.header {
  position: absolute;
  top: 4vw;
  left: 4vw;
}
.mv__text {
  position: absolute;
  left: 0;
  top: 48vw;
  /*top: 56vw;*/
  width: 90vw;
  transform: translateY(-50%);
  z-index: 2;
}
.mv__text img {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.mv__text .mv-text1{
  width:38vw;
}
.mv__text .mv-text2{
  margin:2vw 0 0 5vw;
  width:85vw;
}
.mv__text .mv-text3{
  margin:2vw 0 0 5vw;
  width:85vw;
}
.mv__text .mv-text4{
  margin:5vw 0 0 25vw;
  width:40vw;
}
.mainLead {
  background-color: #B2D0EA;
}
.mainLead__content {
  position: relative;
  padding: 10.2vw 5.3vw 7.3vw;
}
.mainLead__textImg {
  background-color: #fff;
  width: 56.5vw;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
}
.mainLead__text {
  font-size: 4vw;
  line-height: 2.0;
}
.section__ttlImg {
  padding: 10.6vw 0 2vw;
  text-align: center;
  line-height: 1.5;
  font-size: 5.3vw;
  position: relative;
}
.section__ttlImg--main {
  display: flex;
  justify-content: center;
  align-items: center;
  /*width: 55%;*/
  margin: 0 auto;
  background-color: #ffffff;
  position: relative;
  margin-top: 2rem;
  padding: 0.8rem 0;
}
.section__ttlImg--main .text {
  font-size: 1rem;
  letter-spacing: 0.2rem !important;
}
.section__ttlImg .number {
  font-size: 22vw;
  font-family: 'Nothing You Could Do', cursive;
  color: #f15a25;
  position: absolute;
  right: 15vw;
  top: 14vw;
}
.number-animation svg {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.section__ttlImg--sub {
  margin: 0 auto;
  /*ont-size: 10vw;
  color: #cccccc;
  font-weight: bold;*/
}
.section__lead {
  padding: 5vw 5.3vw 10vw;
  text-align: left;
  font-size: 3.4vw;
  line-height: 2.0;
  position: relative;
}
.section__lead_center {
  padding: 5vw 5.3vw 5vw;
  text-align: center;
  font-size: 3.8vw;
  line-height: 2.0;
  position: relative;
}
.section__ttl--bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 73.3vw;
  z-index: -1;
}
.section__ttlStrong {
  font-size: 7.4vw;
  font-weight: 600;
  border-bottom: 1px solid;
}
.section__ttlLower {
  font-size: 6.6vw;
  font-weight: 600;
}
.FlexWrapper {
  display: flex;
  flex-direction: column;
  position: relative;
}
.subContentCreditWrapper {
  /*margin: 0 auto;*/
}
.subContentLead {
  margin-top: 20px;
  margin-bottom: 45px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: center;
  font-weight: bold;
}
.subContentTextWrapper {
  position: absolute;
  margin-top:-105vw;
  }
.RightContent__inner {
  margin-left: 4%;
  margin-right: auto;
  /*width: 85.3%;*/
  display: flex;
  flex-direction: row-reverse;
}
.RightContent__text {
  position: relative;
  z-index: 1;
  /*margin-left: -5.3vw;*/
  margin-bottom: -3.3vw;
  /*width: 59.375%;*/
}
.LeftContent__inner {
  /*width: 85.3%;*/
  display: flex;
}
.section__ttlWrapper {
  position: relative;
}



/*
----------------
徹底解剖1(Model)
----------------
*/
.model {
  background-color: #B2D0EA;
  background: -moz-linear-gradient(top, #B2D0EA, 90%, #DBE9F5);
  background: -webkit-linear-gradient(top, #B2D0EA, 90%, #DBE9F5);
  background: linear-gradient(to bottom, #B2D0EA, 90%, #DBE9F5);
  padding-bottom:20vw;
}
.model .section__ttl {
  padding: 7vw 5vw 0vw;
  line-height: 1.5;
  font-size: 9vw;
  position: relative;
  font-weight: 600 !important;
  text-align: left;
}
.model .no1{
    padding: 0;
    width: 10% !important;
    margin: 0;
    margin-top: -4.3rem;
    position: absolute;
    left:50%;
    margin-left:24%;
}

.model .section__ttlImg--sub{
    width:30vw;
    margin-bottom:-5vw;
}
.model .section__ttl--bg {
  background-color: rgba(0, 0, 0, 0.1);
}
.model .section__ttlImg--main {
  background-color: #EC6C4C;
  color: #ffffff;
}
.model .section__ttlImg .number{
  color: #727272;
}

.model .model__img--num {
  /*width: 10%;*/
}

.model .model__img--num, .model .model__img--sub {
  margin: 0 auto 5%;
}
.model .subContentTextWrapper .text__color {
  font-family: 'Nothing You Could Do', cursive;
}

.model__01 .subContentTextWrapper {
  background-image: url(../img/model-01-black.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  text-align: center;
  width:55vw;
  height:63vw;
  right:3vw !important;
}
.model__01 .subContentTextWrapper .text__color {
  color:#000;
  font-size:8vw;
}
.model__01 .LeftContent__text {
  position: relative !important;
  z-index: 1 !important;
  font-size: 0.9rem !important;
  line-height: 1.8 !important;
  color:#333333 !important;
  margin-top: 22vw;
  margin-left: 10vw !important;
}
.model__01 .LeftContent__size{
    font-size:0.7rem !important;
    line-height:1.6;
    text-align:right;
    margin-top:-14vw;
    width:96%;
    letter-spacing:0.05rem;
  }
.model__02 .subContentTextWrapper {
  background-image: url(../img/model-02-ivory.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  text-align: center;
  width:55vw;
  height:63vw;
  left:0vw !important;
}
.model__02 .subContentTextWrapper .text__color {
  color:#000;
  font-size:8vw;
}
.model__02 .RightContent__text {
  position: relative !important;
  z-index: 1 !important;
  margin-left: auto !important;
  font-size: 0.9rem !important;
  line-height: 1.8 !important;
  color:#333333 !important;
  margin-top: 22vw;
  margin-left: 10vw !important;
}
.model__02 .RightContent__size{
    font-size:0.7rem !important;
    line-height:1.6;
    text-align:left;
    margin-top:-14vw;
    letter-spacing:0.05rem;
  }
.model__03 .subContentTextWrapper {
  background-image: url(../img/model-03-navy.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  text-align: center;
  width:55vw;
  height:63vw;
  right:3vw !important;
}
.model__03 .subContentTextWrapper .text__color {
  color:#000;
  font-size:8vw;
}
.model__03 .LeftContent__text {
  position: relative !important;
  z-index: 1 !important;
  margin-left: auto !important;
  font-size: 0.9rem !important;
  line-height: 1.8 !important;
  color:#333333 !important;
  margin-top: 22vw;
  margin-left: 10vw !important;
}
.model__03 .LeftContent__size{
    font-size:0.7rem !important;
    line-height:1.6;
    text-align:right;
    margin-top:-14vw;
    width:96%;
    letter-spacing:0.05rem;
  }

/* クレジットのレイアウト */
.credit {
  padding: 6vw 4vw 10vw;
}
.credit__item {
  margin-bottom: 2vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.size__lists {
  display: flex;
}
.credit__ttl {
  font-size: 3.2vw;
}
.credit__ttl:first-child {
  width:65%;
}
.size__item {
  width: 100%;
}
.size__item .size-link {
  font-size: 3vw;
  height: 8vw;
  text-decoration: none;
  /*font-family: "Noto Serif JP", serif;*/
  color: #fff;
  background-color: #f15a25;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing:1vw;
  padding-left:1vw;
}
.model .size__item .size-link {
  background-color: #484848;
}
.model .model__02 .size__item .size-link {
  background-color: #F5F0DD;
  color: #484848;
}

.model .model__03 .size__item .size-link {
  background-color: #3E4C7C;
}
/*sub色*/
.size__item.size__item--sub .size-link {
  background-color: #dddddd;
}
.model .size__item.size__item--sub .size-link {
  background-color: #dddddd;
  color:#000;
}
.model .credit__item.credit__item--sub {
  color:#595959;
}
.size__item .col-1 {
  width: 100%;
}
.size__item:not(:last-child) {
  margin-right: 10px;
}
.model__movie {
  aspect-ratio: 16 / 9;
}
.model__movie iframe {
  width: 100%;
  height: 100%;
}

.model__movie video {
  width: 100%;
  /*height: 100%;*/
}


/*
----------------
徹底解剖2(Detail)
----------------
*/
#section2 {
  width: 100%;
  background: -moz-linear-gradient(top, #DBE9F5, 5%, #ffffff);
  background: -webkit-linear-gradient(top, #DBE9F5, 5%, #ffffff);
  background: linear-gradient(to bottom, #DBE9F5, 5%, #ffffff);
}
.detail {
  background-color: #B2D0EA;
  background: -moz-linear-gradient(top, #B2D0EA, 90%, #DBE9F5);
  background: -webkit-linear-gradient(top, #B2D0EA, 90%, #DBE9F5);
  background: linear-gradient(to bottom, #B2D0EA, 90%, #DBE9F5);
}
.detail .no2{
    padding: 0;
    width: 10% !important;
    margin: 0;
    margin-top: -3.9rem;
    position: absolute;
    left: 50%;
    margin-left: 24%;
}
.detail .section__ttlImg--sub{
    width:30vw;
    margin-bottom:-5vw;
}
.detail .section__ttl {
  padding: 7vw 5vw 0vw;
  line-height: 1.5;
  font-size: 8vw;
  position: relative;
  font-weight: 600 !important;
  text-align: left;
}
.detail .section__ttlImg--main {
  background-color: #F0B761;
  color: #000000;
}
.detail .section__ttlImg .number{
  color: #666666;
  top: 10vw;
}
.detail .credit {
    padding: 6vw 6vw 10vw;
}
.detail .credit__item.credit__item--sub {
    color: #595959;
}
.detailContent01 {
}
.detailContent01__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
.detailContent01__item01 {
  order: 2;
  width: calc(100% / 2);
    margin-top:15vw;
}
.detailContent01__item02 {
  order: 1;
  width: 100%;
  position: relative;
}
.detailContent01__item03 {
  order: 3;
  width: calc(100% / 2);
      margin-top:15vw;
}
.detailContent01__item2--1 .detailContent01__itemImge {
  background-color: #F0B761;
}
.detailContent01__itemLead {
  font-family: 'Roboto', sans-serif;
  text-align: left;
  font-size: 5.6vw;
  color: #000000;
}
.detailContent01__itemText--main {
  font-weight: bold;
    line-height: 1.5;
    margin: 3vw 0 1.5vw 0;
    font-size: 3.8vw;
} 
.detailContent01__itemText--main .blue {
  color: #4379D2;
} 
.detailContent01__itemText--sub {
font-size:0.85rem;
margin-bottom:8vw;
line-height:1.6;
} 
.detailContent01__itemImgeArrow {
  position: absolute;
  width: 100%;
  top: 0;
} 
.detailContent01__itemImgeArrow .detail-centerpress {
    position: absolute;
    width: 52%;
    top: calc(100vw*0.6);
    right: calc(100vw*0.04);
} 
.detailContent01__itemImgeArrow .detail-ribslit {
  position: absolute;
width: 46%;
    top: calc(100vw*1.23);
    left: calc(100vw*0.03);
} 
.detailContent01__itemImgeArrow .detail-stretch {
  position: absolute;
width: 47%;
    top: calc(100vw*0.4);
    left: calc(100vw*0.03);
} 
.detailContent01__itemImgeArrow .detail-waist {
  position: absolute;
  width:38%;
  top:calc(100vw*0.05);
  right:calc(100vw*0.1);
} 
.detailContent03__function {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
}
.detailContent03__function--text {
  text-align: center;
  display: flex;
  flex-direction: column;
}

.detailContent03__function--main--text {
  font-size: 6vw;
  color: #000000;
  font-weight: bold;
}
.detailContent03__function--icon {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  width: 100%;
}
.detailContent03__function--icon img {
  width: 5rem;
    margin: 1rem 0;
}
    .detailContent03__function--sub--text{
        width:96% !important;
        margin:0 auto !important;
        text-align:left !important;
        font-size: 3.4vw !important;
    line-height: 2.0 !important;
    }
.detailContent02 .size__item .size-link {
  background-color: #F0B761;
}



/*
----------------
徹底解剖3(Size)
----------------
*/
#section3 {
  width: 100%;
  background-color: #EFF17B;
}
.size { 
  background-image: url(../img/size-bg2.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  background-color:#EFF17B;
}
.size .no3{
  padding: 0;
    width: 10% !important;
    margin: 0;
    margin-top: -3.7rem;
    position: absolute;
    left: 50%;
    margin-left: 23%;
}
.size .section__ttlImg--sub {
    width: 30vw;
    margin-bottom: -5vw;
}
.size .section__ttl {
  padding: 7vw 5vw 0vw;
  line-height: 1.5;
  font-size: 7.2vw;
  position: relative;
  font-weight: 600 !important;
  text-align: left;
}
.size .section__ttl .section__ttl--deco{
  position: relative;
}
.size .section__ttl .section__ttl--deco:before{
  content:  url("../img/size_check.svg");
  position: absolute;
  top: -2rem;
  left: 1.6rem;
  /* width: 0; */
  transform: scale(0.4);
}
.size .section__ttlImg--main {
  background-color: #ffffff;
  color: #6DBCCC;
}
.size .section__ttlImg .number{
  color: #6DBCCC;
  top: 21vw;
}
.sizeContent02__ttl, .sizeContent03__ttl {
  position: relative;
  font-weight: bold;
  padding: 2% 0;
  text-align: center;
  }
.size .section__lead{
  padding: 5vw 5.3vw 0vw;
}
.sizeContent02__ttl:after, .sizeContent03__ttl:after {
  content: "";
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  color: #cccccc;
  top: 75%;
  right: 47%;
  line-height: 1;
  width: 1.5em;
  height: 1.5em;
  border: 0.15em solid #cccccc;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  }
.sizeContent02__list {
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 2vw 0;
  font-family: "Roboto";
  }
.sizeContent02__list .sizeContent02__item {
  text-decoration: none;
  /*border-bottom:2px solid #000000;*/
  background-color: #6DBCCC;
  }
.sizeContent02__list .sizeContent02__item a {
  }
.sizeContent02__list .sizeContent02__item .sizeContent02__item--text {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 4vw 0;
  }
.sizeContent02__list .sizeContent02__item a .size-name {
  color: #EFF17B;
  font-weight: bold;
  font-size: 1.8rem;
  line-height:1;
  margin-bottom:1vw;
  }
.sizeContent02__list .sizeContent02__item a .size-cm {
  color: #ffffff;
  font-weight: normal;
  font-size:0.9rem;
  line-height:1;
  }
.sizepage__linkWrapper {
  padding: 4vw 0 10vw 0;
  }
.sizepage__linkWrapper--2 {
  padding: 5vw 15vw 5vw 15vw;
  }
.sizepage__link {
  padding: 3.33vw 0;
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 3.5vw;
  color: #000000;
  /*border: 1px solid #969696;
  background-color: #ffffff;*/
  }
.sizepage__link span.green {
  font-size: 1.2rem;
  border-bottom:3px solid #ffffff;
  font-weight: bold;
  margin-right:5px;
  letter-spacing:0.05rem;
  }
.sizepage__linkWrapper--2 .sizepage__link {
  padding: 3.33vw 1vw;
  background-color: #ffffff;
  }


/*
----------------
徹底解剖4(Georgette)
----------------
*/
#section4 {
  width: 100%;
  /*background-color: #d3e9f6;*/
}
.series .section__ttl {
  padding: 7vw 5vw 0vw;
  line-height: 1.5;
  font-size: 6.3vw;
  position: relative;
  font-weight: 600 !important;
  text-align: left;
}
.series .no4{
    padding: 0;
    width: 9% !important;
    margin: 0;
    margin-top: -3.5rem;
    position: absolute;
    left: 50%;
    margin-left: 25%;
}
.series .section__ttlImg--sub {
    width: 40vw;
    margin-bottom: -5vw;
}
.series .section__ttlImg--main {
  background-color: #C7A47F;
  color: #000000;
}
.series .section__ttlImg .number{
  color: #000000;
  top: 16vw;
  font-size: 20vw;
}

/*slider*/
.seriesContent01 .swiper {
  /*height: calc(100vw*0.77);
  max-height: 600px;
  min-height: 400px;*/
  position: relative;
}
.seriesContent01 .swiper-slide.swiper-slide-flex {
  display: flex;
  justify-content: center; /* 左右の中央揃え */
  flex-direction: column !important;
}
.seriesContent01 .swiper-slide a {
  display: flex;
  justify-content: center; /* 左右の中央揃え */
}
.seriesContent01 .swiper-slide img {
  align-self: center; /* 上下の中央揃え */
  /*max-height: 100%;*/
  width: 58.5%;
  height: auto;
}
.seriesContent01 .swiper-slide .slider-pic01, .seriesContent01 .swiper-slide picture {
  align-self: center; /* 上下の中央揃え */
  /*max-height: 100%;*/
  width: 100%;
  height: auto;
}
.series .swiper-slide img.swiper1{
  /*transform: scale(1.5);*/
}
.seriesContent01 .swiper-button-next, .seriesContent01 .swiper-button-prev {
  top: 30%;
}
.seriesContent01 .swiper-button-next:after, .seriesContent01 .swiper-button-prev:after {
  color: #000000;
}
.seriesContent01 .swiper-pagination {
  position: absolute !important;
  top: 25rem !important;
  height: 2rem;
}
@media only screen and (max-width: 376px) {
.seriesContent01 .swiper-pagination {
  top: 22rem !important;
}
}
.seriesContent01 .swiper-pagination-bullet {
  color: #CBCBCB;
}
.seriesContent01 .swiper-pagination-bullet-active {
  color: #C7A47F;
  background: #C7A47F;
}
.series .size__item .size-link {
  background-color: #C7A47F;
}
.series .swiper-button-prev:after,
.series .swiper-button-next:after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  height: 30px;
  width: 30px;
  margin: auto;
  padding: 0;
  outline: none;
  transition: transform .6s ease; /* ゆっくり変化させる */
}
.series .swiper-button-prev:hover:after,
.series .swiper-button-next:hover:after {
  transform: scale(1.1);
}

.series .swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10%;
}

.series .swiper-button-next, .swiper-rtl .swiper-button-prev {

}
 
/* 前に戻る画像パス */
.series .swiper-button-prev:after {
  background-image: url("../img/arrow-left.svg");
}
/* 次に進む画像パス */
.series .swiper-button-next:after {
  background-image: url("../img/arrow-right.svg");
}

.series .credit__ttl.credit__price .credit__ttl.credit__price {
    width: 35%;
}


/* 掲載アイテム一覧リンク */
.all-item__linkWrapper {
  padding: 20vw 4vw;
}
.all-item__link {
  padding: 3.33vw 0;
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 3.73vw;
  color: #4d4d4d;
  border: 1px solid #969696;
}
.all-item__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6.66vw;
  width: 11vw;
  height: 1px;
  background-color: #969696;
}
.all-item__link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 6.66vw;
  width: 15px;
  height: 15px;
  border-right: 1px solid #969696;
  transform-origin: right bottom 0;
  transform: translateY(-100%) rotate(-45deg);
}
.staff__list {
  text-align: center;
  font-size: 2.66vw;
  padding-bottom: 10.66vw;
  line-height: 2;
}
.lower__banner {
  width: 63.6%;
  margin: 0 auto;
  padding-bottom: 13.33vw;
}
.mainContentButton {
  color: #919191;
  background-color: #dedede;
  border: none;
}


/*
----------------
バナー
----------------
*/
.banner__ttl{
    color:#C7A47F;
    text-align:center;
    font-size:1rem;
    padding-top: 13.33vw;
}
.banner__linkWrapper {
  padding-top:3vw;
  padding-left: 5.33vw;
  padding-right: 5.33vw;
  /*padding-bottom: 33vw;*/
  display: flex;
  flex-wrap: wrap;
}
.banner__linkWrapper .banner__link {
  width: 100%;
  margin-bottom:3vw;
}


/*
----------------
フッター
----------------
*/
.footer__inner {
  padding-top: 20vw;
  /*padding-left: 5.33vw;
  padding-right: 5.33vw;
  padding-bottom: 33vw;*/
  /*background-color: #f2e3e3;*/
}
.footer__inner .footer-logo__Wrapper {
    background-color: #989898;
    padding: 8vw 0 17.3vw 0;
}
.footer__inner .footer__logo {
  width: 60%;
  margin: 0 auto 10vw;
}
.footer-nav__lists {
  margin-bottom: 10vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  padding-left: 5.33vw;
  padding-right: 5.33vw;
  padding-bottom: 10vw;
}
.footer-nav__lists .footer-nav__item {
  position: relative;
  width: 100%;
}
.footer-nav__lists .footer-nav__item:not(:last-child) {
  margin-bottom: 3vw;
}
.footer-nav__lists .footer-nav__item a {
  padding: 2vw 5vw 2vw 10vw;
  width: 75vw;
  display: inline-block;
  text-align: left;
  font-size: 4vw;
  border: 1px solid #969696;
  color: #4d4d4d;
  letter-spacing:0.2vw;
}
.footer-nav__item a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5vw;
  width: 12px;
  height: 12px;
  border-right: 1px solid #969696;
  transform-origin: right bottom 0;
  transform: translateY(-100%) rotate(-45deg);
  transition: all .3s;
}
.footer-nav__item a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5vw;
  width: 15vw;
  height: 1px;
  background-color: #969696;
  transition: all .3s;
}
.footer-nav__item a:hover::before {
  right:3vw;
  opacity: 1;
}
.footer-nav__item a:hover::after {
  right:3vw;
  opacity: 1;
}
.footer-nav__item img{
    width: 5vw;
    float: left;
    margin-top: 1.5vw !important;
    margin-right: 5vw;
}
.footer-nav__item img{
    width: 5vw;
    float: left;
    margin-top: 1.5vw !important;
    margin-right: 5vw;
}
.onward__logo {
  width: 24.6%;
  margin: 0 auto 5.33vw;
}
.copy-right {
  text-align: center;
  color: #ffffff;
  font-size: 0.5rem;
  letter-spacing:0.3vw;
  margin-bottom: 4vw;
}

/* アコーディオン設定 */
.accordion__box {
  display: none;
  padding-top: 35px;
}



/*
----------------
フローティングバナー
----------------
*/
.side__nav {
  /* display: none; */
  position: fixed;
  bottom: 0;
  /*left: 0;*/
  background-color: #ffffff;
  z-index: 999;
  border-top:1px solid #eee !important;
}
.side__nav__img {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100vw;
}
.side__item {
  width: calc(100% / 4);
}
.side__item a {
  width: 100%;
  height:15vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  color: #B2B2B2;
  text-align: center;
  border-right:#eee 1px solid;
}
.side__nav__text--sub {
  font-size: 0.5rem;
  letter-spacing:0.2vw;
  line-height: 1.2;
  padding-top:2vw !important;
  margin-bottom:1vw;
  color:#333;
}
.side__nav__text--main {
  font-size: 3vw;
  line-height:1.2;
  font-weight: bold;
}
.side__nav__img .top-button {
  display: inline-block;
  width: 54%;
  margin: 0 auto;
}
.side__nav {
  opacity: 0;
  transition: all 0.5s;
}
.side__nav.active {
  opacity: 1;
  z-index: 100;
}
.side__nav .header__link.is-active {
  color: #FFF;
}
.side__nav .header__link.is-active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #EC6C4C;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.side__nav #nav-sec2.header__link.is-active::before {
  background-color: #F0B761 !important;
}
.side__nav #nav-sec3.header__link.is-active::before {
  background-color: #6DBCCC !important;
}
.side__nav #nav-sec4.header__link.is-active::before {
  background-color: #C7A47F !important;
}

/*
----------------
PageTop
----------------
*/
.page-top {
  display: none;
  position: fixed;
  bottom: 15vw;
  right: 5vw;
  width: 15%;
  z-index: 100;
}
.page-top a {
  display: block;
}
.page-top a:hover {
  display: block;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}



/* PCメディアクエリ */
@media only screen and (min-width: 769px) {
  .header {
    left: 3vw;
    top:3vw;
  }
  .logo {
    position: relative;
    z-index: 3;
    width: 120px;
  }
  .mv {
    position: relative;
    z-index: 1;
  }
  .mv__text {
    left: 15vw;
    top: 45%;
    width: 55vw;
  }
  .mv__text .mv-text1{
    width:20vw;
  }
  .mv__text .mv-text2{
    margin:1vw 0 0 5vw;
    width:52vw;
  }
  .mv__text .mv-text3{
    margin:2vw 0 0 5vw;
    width:52vw;
  }
  .mv__text .mv-text4{
    margin:3vw 0 0 20vw;
    width:20vw;
  }
  .inner {
    padding-left: 0;
    padding-right: 0;
    max-width: 1000px;
  }
  .main-content {
    max-width:inherit;
    /*max-width: 1100px;*/
  }
  .mainLead__inner {
    max-width: 1000px;
    margin: 0 auto;
  }
  .mainLead__content {
    padding: 80px 0;
  }
  .mainLead__textImg {
    width: 297px;
    left: 125px;
  }
  .mainLead__text {
    font-size: 16px;
    text-align: center;
    letter-spacing:0em;
  }
  .mainImg {
    width: 50%;
  }
  .contentTextWrapper {
    margin-left: 55px;
  }
  .section__ttlImg {
    padding: 0;
    font-size: min(2.9090909091vw, 32px);
    max-width:1000px;
    margin:0 auto;
  }
  .section__ttlImg--main {
    width: 25rem;
    margin: 0 auto;
    line-height: 1.2;
    max-width:1000px;
    margin:0 auto;
    padding:1rem 0;
  }
  .section__ttlImg--main .text {
    font-size:1.2rem;
  }
  .section__ttlImg .number {
    font-size: 10vw;
    right: 30vw;
    top: -1vw;
  }
  .section__ttlImg--sub {
    width:10vw !important;
    margin-bottom:2vw !important;
  }
  .section__ttlWrapper {
    /*margin-top: 50px;*/
    padding-top: 50px;
  }
  .section__ttlStrong {
    font-size: min(4.0909090909vw, 45px);
    letter-spacing: -0.1em;
  }
  .section__lead {
    font-size: 1rem;
    text-align: center;
    padding: 2vw 5.3vw 6vw;
  }
  .section__lead_center {
    font-size: 1.1rem;
    text-align: center;
    padding: 2vw 5.3vw 2vw;
    letter-spacing:0.02vw;
  }
  .section__ttlLower {
    font-size: min(3.7vw, 41px);
  }
  .section__ttl--bg {
    height: 294px;
    width: 100vw;
    margin: 0 calc(0% - 50vw);
  }
  .mainContentDesc {
    padding: 50px 0;
    font-size: min(2.7vw, 30px);
    line-height: 1.5;
    text-align: center;
  }
  .FlexWrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 2.6vw;
    padding-right: 2.6vw;
    justify-content: space-between;
    flex-direction: row; 
  }
  .RightContent .FlexWrapper {
    flex-direction: row-reverse;
  }
  .subContentCreditWrapper {
    /*width: 10%;*/
  }
  .subContentLead {
    /*writing-mode: vertical-rl;
    font-weight: normal;
    margin: 0 auto;
    font-size: 20px;*/
  }
  .RightContent__inner,
  .LeftContent__inner {
    margin: 0;
    /*width: 75%;*/
  }

  .RightContent__text {
    margin-bottom: 0;
  }
  .subContentText {
    margin-bottom: 45px;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.08em;
    text-align: center;
  }
  .RightContent .RightContent__inner {
    /*margin-left: 65px;*/
  }
  .RightContent .RightContent__text {
    /*width: 80%;*/
    margin: 40px auto 80px;
  }
  .LeftContent .LeftContent__inner {
    /*margin-right: 65px;*/
  }
  .LeftContent .LeftContent__text {
    /*width: 80%;*/
    margin: 40px auto 80px;
  }

    
  /* クレジット */
  .credit {
    padding: 0;
    width: 100%;
    /*width: 300px;*/
    margin: auto;
  }
  .credit--boder {
    padding: 30px;
    border: 0.5px solid #000;
  }
  .credit__heading {
    width:160px;
  }
  .credit__ttl:first-child {
    padding-bottom: 5px;
    width:100%;
  }
  .credit__item {
    margin-bottom: 15px;
    justify-content: space-between;
  }
  .credit__ttl {
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height:1.2 !important;
  }
  .color__content .credit__ttl {
    font-size: 16px;
    white-space: nowrap;
  }
  .point {
    width: 100%;
    padding: 0;
  }
  .size__lists {
    width: 60px;
  }
  .size__item .size-link {
    font-size: 12px;
    height: 24px;
    width: 38px;
    letter-spacing:0.2rem;
    padding-left:0.2rem;
  }
  .size__item:not(:last-child) {
    margin-right: 5px;
  }
  .size__item .size-link.col-1 {
    width: 60px;
  }
    /* ボタン  */
    button {
        font-size: 14px;
        height: 30px;
    }
    .all-item__linkWrapper {
        padding: 4vw 4vw 6.6vw;
    }

    /*
    ----------------
    徹底解剖1(Model)
    ----------------
    */
    #section1 {
    }
    .model{
          padding-bottom:0;
    }
    .model__inner{
      padding-bottom:10vw;
    }
    .model .section__ttlImg--sub {
        width: 10vw !important;
        margin-bottom: 1vw !important;
    }
    .model .section__ttl {
        padding: 0;
        font-size: min(2.9090909091vw, 32px);
        padding-top: 60px;
        text-align: center;
    }
    .model .no1{
      padding: 0;
      width: 5% !important;
      margin: 0;
      margin-top: -5rem;
      position: absolute;
      left:50%;
      margin-left:13%;
    }
    .model .model__img--num {
        width: 10%;
    }
    .credit {
        width: auto;
    }
    .model .FlexWrapper {
        /*height:750px;*/
        position: relative;
    }
    .model__01, .model__02, .model__03 {
        /*height:750px;*/
    }
    .model .credit {
        position: absolute;
        bottom: 0;
    }

    .model .model__01 .credit {
        left: 5vw;
        bottom:35px !important;
    }
    .model .model__01 .LeftContent__text{
        padding: 1.5rem 0 1rem 3rem;
    }
    .model__01 {
      background:#bfdff6;
    }
    .model__01 .model__photo{
      max-width:1000px;
      margin:0 auto;      
    }
    .model__01 .subContentTextWrapper {
      background-image: url(../img/model-01-black-pc.svg);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
      text-align: center;
      width:310px;
      right:100px !important;
      bottom:170px;
      height:400px;
    }
    .model__01 .subContentTextWrapper .text__color {
      color:#000;
      font-size:32px;
      margin-top:10px;
    }
    .model__01 .LeftContent__text {
      position: relative !important;
      z-index: 1 !important;
      margin-left: auto !important;
      font-size: 0.9rem !important;
      line-height: 1.8 !important;
      color:#333333 !important;
      margin-top: 90px;
      margin-left:30px !important;
    }
    .model__01 .LeftContent__size{
        font-size:0.7rem !important;
        line-height:1.6;
        text-align:right;
        margin-top:-5vw;
        width:100%;
        letter-spacing:0.1rem;
    }
  
    .model .model__02 .RightContent__text {
        padding: 1.5rem 3rem 1rem 0;
    }
     .model .model__02 .credit {
        right: 5vw;
        bottom:35px !important;
    }
     .model__02 {
      background:#c2e0f8;
    }
    .model__02 .model__photo{
      max-width:1000px;
      margin:0 auto;      
    }
    .model__02 .subContentTextWrapper {
      background-image: url(../img/model-02-ivory-pc.svg);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
      text-align: center;
      width:310px;
      left:100px !important;
      bottom:170px;
      height:400px;
    }
    .model__02 .subContentTextWrapper .text__color {
      color:#000;
      font-size:32px;
      margin-top:10px;
    }
    .model__02 .RightContent__text {
      position: relative !important;
      z-index: 1 !important;
      font-size: 0.9rem !important;
      line-height: 1.8 !important;
      color:#333333 !important;
      margin-top: 100px;
      margin-left:30px !important;
    }
    .model__02 .RightContent__size{
        font-size:0.7rem !important;
        line-height:1.6;
        text-align:right;
        margin-top:-5vw;
        width:100%;
        letter-spacing:0.1rem;
    }   
    
    .model .model__03 .credit {
        left: 5vw;
        bottom:35px !important;
    }
    .model .model__03 .LeftContent__text {
        padding: 0 0 1rem 3rem;
    }
    .model__03 {
      background:#c2e0f8;
    }
    .model__03 .model__photo{
      max-width:1000px;
      margin:0 auto;      
    }
    .model__03 .subContentTextWrapper {
      background-image: url(../img/model-03-navy-pc.svg);
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
      text-align: center;
      width:310px;
      right:100px !important;
      bottom:170px;
      height:400px;
    }
    .model__03 .subContentTextWrapper .text__color {
      color:#000;
      font-size:32px;
      margin-top:10px;
    }
    .model__03 .LeftContent__text {
      position: relative !important;
      z-index: 1 !important;
      margin-left: auto !important;
      font-size: 0.9rem !important;
      line-height: 1.8 !important;
      color:#333333 !important;
      margin-top: 90px;
      margin-left:30px !important;
    }
    .model__03 .LeftContent__size{
        font-size:0.7rem !important;
        line-height:1.6;
        text-align:right;
        margin-top:-5vw;
        width:100%;
        letter-spacing:0.1rem;
    }
    
    
    
    .model__movie {
        max-width: 1000px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 2.6vw;
        padding-right: 2.6vw;
    }

    /*
    ----------------
    徹底解剖2(Detail)
    ----------------
    */
    #section2 {
    }
    .detail .section__ttlImg--sub {
        width: 10vw !important;
        margin-bottom: 1vw !important;
    }
    .detail .section__ttl {
        padding: 0;
        font-size: min(2.9090909091vw, 32px);
        padding-top: 60px;
        text-align: center;
    }
    .detail .no2{
    padding: 0;
    width: 4% !important;
    margin: 0;
    margin-top: -4.3rem;
    position: absolute;
    left: 50%;
    margin-left: 12%;
    }
    .detailContent01 {
        max-width: 1000px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 2.6vw;
        padding-right: 2.6vw;
        position:relative;
    }
.detailContent01__itemLead {
  font-family: 'Roboto', sans-serif;
  text-align: left;
  font-size: 2.4rem;
  color: #ffffff;
  -webkit-text-stroke: 1px #808080;
  text-stroke: 1px #808080;
}
    .detailContent01__item {
    z-index: 10 !important;
    }
    .detailContent01__item01 {
        width: 30%;
        order: 1;
        margin-top:0;
        z-index:100 !important;
    }
    .detailContent01__item02 {
        width: 40%;
        order: 2;
    }
    .detailContent01__item03 {
        width: 30%;
        order: 3;
        margin-top:0;
    }
    .detailContent01__itemText--main {
  font-weight: bold;
    line-height: 1.5;
    margin: 1rem 0 0.5rem 0;
    font-size: 1.4rem;
} 
.detailContent01__itemText--main .blue {
  color: #4379D2;
} 
.detailContent01__itemText--sub {
font-size: 0.9rem;
line-height:1.8;
    margin-bottom: 2rem;
} 

    
    
    .detailContent01__item1--1,.detailContent01__item1--2,.detailContent01__item3--1,.detailContent01__item3--2 {
        position: relative;
    }
    .detailContent01__item1--1:after{
        content: url("../img/detail-arrow-1.svg");
        display: block;
        /*width: 15rem;
        height: 1px;*/
        position: absolute;
        /*background-color: #000000;*/
        width: 40%;
        right:0 !important;
        top: 24rem;
    left: 22rem;
    transform: scale(1.4);
    }
    .detailContent01__item1--2:after{
        content: url("../img/detail-arrow-3.svg");
        display: block;
        /*width: 15rem;
        height: 1px;*/
        position: absolute;
        /*background-color: #000000;*/
        width: 50%;
                top: 10rem;
        left: 21rem;
            transform: scale(1.4);
    }
    .detailContent01__item3--1:after {
        content: url("../img/detail-arrow-2.svg");
        display: block;
        /*width: 15rem;
        height: 1px;*/
        position: absolute;
        /*background-color: #000000;*/
        width: 50%;
                top: 13rem;
        right: 17.5rem;
        transform: scale(1.6);
    }
    .detailContent01__item3--2:after {
        content: url("../img/detail-arrow-4.svg");
        display: block;
        /*width: 15rem;
        height: 1px;*/
        position: absolute;
        /*background-color: #000000;*/
        width: 50%;
                top: 3rem;
        right: 17.5rem;
            transform: scale(1.3);
    }
    .detailContent01__item2--1 {
    }
    .detailContent01__item2--1 .detailContent01__itemImge {
      background-image: url(../img/detail-main-bg.svg);
      background-repeat:no-repeat;
      background-size: 80%;
      background-position: center;
      background-color: transparent;
      text-align:center;
      margin-left:-40%;
      margin-right:-40%;
      z-index:1;
    }
    .detailContent01__item2--1 .detailContent01__itemImge img{
        width: 50%;
    margin: 0 auto;
    vertical-align: middle;
    padding: calc(100vw*0.09) 0;
    }
    .detailContent02__credit {
        width: 50%;
        margin: 0 auto;
    }
      .detailContent03__function {
        flex-direction: row;
    }
    .detailContent03__function--text {
        width: 100%;
        text-align: left;
        flex-direction: row;
    }
        .detailContent03__function--sub--text{
        font-size:1rem !important;
        width: 100% !important;
    margin: 1rem auto 0 auto !important;
        }
    .detailContent03__function--main--text {
        width: 35%;
        display: flex;
    }
    .detailContent03__function--main--text img {
        justify-content: center;
        align-items: center;
    }
    .detailContent03__function--icon {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    width: 80%;
    padding: 0 3rem;
    }
    .detailContent03__function--icon img {
        width: 5rem;
    }

    .detail .credit{
        width:320px !important;
        margin-top:40px;
        padding:0;
    }
    .detail .credit__heading {
    width:320px !important;
    }
    .detail .credit__ttl:first-child {
    padding-bottom: 5px;
    width:60%;
    float:left !important;
    }

  /*
  ----------------
  徹底解剖3(Size)
  ----------------
  */
  #section3 {

  }
  .size{
      background-color:#EFF17B;
    width:100%;
  margin:0 auto;
  background-image:none;
  }
  .size .size__inner{
  max-width:1000px;
    background-image: url(../img/size-bg2-pc.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;    
    margin:0 auto;
  }
  .size .section__ttlImg--sub {
        width: 9vw !important;
        margin-bottom: 0vw !important;
    }
  .size .section__ttl {
        padding: 0;
        font-size: min(2.9090909091vw, 32px);
        padding-top: 60px;
        text-align: center;
        position:relative;
    }
    .size .no3{
    padding: 0;
    width: 4% !important;
    margin: 0;
    margin-top: -4.1rem;
    position: absolute;
    left: 50%;
    margin-left: 11%;
    }
    .size .section__ttl .section__ttl--deco:before{
    left: 2rem;
    transform: scale(0.7);
    }
  /*slider*/
  .sizeContent01 .swiper-slide {
  }
  .sizeContent02__ttl:after, .sizeContent03__ttl:after {
    top: 75%;
    right: 50%;
  }
  .sizeContent02__list{
  padding:0;
  }
  .sizeContent02__list .sizeContent02__item .sizeContent02__item--text {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 1rem 0;
  }
  .sizepage__linkWrapper {
    padding: 4vw 4vw 6.6vw;
  }
  .sizepage__linkWrapper--2 {
    padding: 4vw 20vw 4vw 20vw;
}
  .sizepage__link {
    padding: 22px 20px;
    position: relative;
    display: block;
    max-width: 670px;
    margin: auto;
    /* margin-inline: auto; */
    text-align: center;
    font-size: 17px;
  }
.sizepage__link span.green {
  font-size: 1.3rem;
  border-bottom:3px solid #ffffff;
  font-weight: bold;
  margin-right:5px;
  letter-spacing:0.05rem;
  }
  .sizepage__linkWrapper--2 .sizepage__link {
    padding: 1vw;
  }
  /*
  ----------------
  徹底解剖4(Series)
  ----------------
  */
  #section4 {
  }
  .series .section__ttl {
        padding: 0;
        font-size: min(2.9090909091vw, 32px);
        padding-top: 60px;
        text-align: center;
    }
    .series .no4{
    padding: 0;
    width: 4% !important;
    margin: 0;
    margin-top: -4.2rem;
    position: absolute;
    left: 50%;
    margin-left: 11%;
    }
    .series .section__ttlImg--sub {
        width: 16vw !important;
        margin-bottom: 0vw !important;
    }
  .seriesContent02__inner .credit {
    display: flex;
    flex-wrap: wrap;
    width: 700px;
  }
  .seriesContent02__inner .credit .credit__item {
    width: calc(95% / 2);
  }
  .seriesContent02__inner .credit .credit__item:nth-child(odd) {
    padding-right: 5%;
  }
  .seriesContent01 .swiper-button-next, .seriesContent01 .swiper-button-prev {
    top: 40%;
  }
  .series .swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: calc(100vw*0.05);
  }
  .series .swiper-button-prev, .swiper-rtl .swiper-button-next{
    left: calc(100vw*0.05);     
  }
  .series .swiper-button-prev:after,
.series .swiper-button-next:after {
  height: 40px;
}
  .seriesContent01 .swiper-slide img {
    width: 30%;
    height: auto;
  }
  .seriesContent01 .swiper-slide .slider-pic01, .seriesContent01 .swiper-slide picture {
    width: 85%;
    height: auto;
    margin: 0 auto;
  }
  .seriesContent01 .swiper-pagination {
    top: 33rem !important;
  }
  .series .credit {
    margin-top: 30px;
    display: flex;
    width: 40%;
    flex-direction: column;
    /*flex-wrap: wrap;*/
  }
  .series .credit__ttl.credit__price .credit__ttl.credit__price {
    width: initial;
  }
  .series .credit .credit__item {
    /*width: calc(95% / 2);*/
  }
  .series .credit .credit__item:nth-child(odd) {
    /*padding-right: 5%;*/
  }
  .series .credit__heading {
    width:350px;
  }
  .series .credit__ttl:first-child {
    padding-bottom: 5px;
    width:60%;
    float:left !important;
  }
    
  /* 特集掲載アイテムリンク */
  .all-item__link {
    padding: 22px 20px;
    position: relative;
    display: block;
    max-width: 670px;
    margin: auto;
    /*margin-inline: auto;*/
    text-align: center;
    font-size: 17px;
  }
  .all-item__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 6.66vw;
    width: 80px;
    height: 1px;
    background-color: #969696;
  }
  .staff__list {
    font-size: 12px;
    padding-bottom: 120px;
  }
  .stylist__wrapper {
    width: 72.7%;
    max-width: 750px;
    margin-top: 120px;
  }
  .stylist__img {
    width: 43.75%;
  }
  .stylist__txt {
    padding: 0 16px;
  }
  .lower__banner {
    max-width: 664px;
  }

  /*
  ----------------
  バナー
  ----------------
  */
  .banner__ttl{
    color:#C7A47F;
    text-align:center;
    font-size:1.3rem;
    padding:0;
    margin-top:120px;
}
  .banner__linkWrapper {
    width: 72.7%;
    max-width: 800px;
    margin: 0 auto;
    padding:2vw;
  }
  .banner__linkWrapper .banner__link {
  width: calc(97.5% / 2);
  margin-bottom:0;
    }
    .banner__linkWrapper .banner__link:nth-child(-n+2) {
      padding-bottom: 2.5%;
    }
    .banner__linkWrapper .banner__link:nth-child(odd) {
      padding-right: 2.5%;
    }
  /*
  ----------------
  フッター
  ----------------
  */
  .footer__inner {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  .footer__inner .footer-logo__Wrapper {
    background-color: #989898;
    padding: 80px 0;
  }
  .footer__inner .footer__logo {
    width: 20rem;
    margin-bottom: 40px;
  }
  .footer-nav__lists {
    padding: 10vw 10vw 0;
    margin-bottom: 8vw;
  }
  .footer-nav__lists .footer-nav__item {
    width:500px;
    position: relative;
  }
  .footer-nav__lists .footer-nav__item a {
    font-size: 17px;
    padding: 22px 0;
    margin: auto;
  }
  
  .footer-nav__lists .footer-nav__item:not(:last-child) {
      margin-bottom: 20px;
    }
   .footer-nav__lists .footer-nav__item a {
      padding: 13px 50px;
      width:400px;
      display: inline-block;
      text-align: left;
      font-size: 1rem;
      border: 1px solid #969696;
      color: #4d4d4d;
      letter-spacing:0.2vw;
    }
  .footer-nav__item a::before {
      content: "";
      position: absolute;
      top: 50%;
      right: 40px;
      width: 12px;
      height: 12px;
      border-right: 1px solid #969696;
      transform-origin: right bottom 0;
      transform: translateY(-100%) rotate(-45deg);
    }
    .footer-nav__item a::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 40px;
      width: 6vw;
      height: 1px;
      background-color: #969696;
    }
    .footer-nav__item img{
    width: 1.5rem;
    float: left;
    margin-top: 0.3rem !important;
    margin-right: 1vw;
    }



  .onward__logo {
    max-width: 160px;
    margin-bottom: 60px;
  }
  .copy-right {
      text-align: center;
      color: #ffffff;
      font-size: 0.6rem;
      letter-spacing:0.1rem;
      margin-bottom: 0;
    }
    
  /*
  ----------------
  フローティングバナー
  ----------------
  */
  .side__nav {
    position: fixed;
    /*top: 100px;
    right: 0;*/
    bottom: 0;
    background-color: #fff;
    width: 100%;
  }
  .side__nav__img {
    /*width: 100px;
    flex-direction: column;*/
  }
  .side__item {
    width: 100%;
    height:3.3rem;
  }
  .side__item.pc {
    background-color: transparent;
  }
  .side__item.pc a {
    border: none;
  }
  .side__item a{
    height:3.3rem;
  }
  .side__nav__text--sub {
    font-size: 0.5rem;
    /*font-size: 0.3rem;*/
    line-height: 2;
    padding-top:0.5rem !important;
    margin-bottom: 0.1rem !important;
  }
  .side__nav__text--main {
    font-size: 0.9rem;
    /*font-size: 0.7rem;*/
    letter-spacing:0.1rem;
  }
  .top-img {
    display: block;
    width: 40px !important;
    margin: 0 auto;
  }
.side__nav #nav-sec2.header__link.is-active::before {
  background-color: #F0B761 !important;
}
.side__nav #nav-sec3.header__link.is-active::before {
  background-color: #6DBCCC !important;
}
.side__nav #nav-sec4.header__link.is-active::before {
  background-color: #C7A47F !important;
}
    
/*
----------------
PageTop
----------------
*/
  .page-top {
    bottom: 5vw;
    right: 5vw;
    width: 6%;
  }
    
}




@media screen and (max-width: 500px) {
  .stylist__txt {
    font-size: 10px;
  }
  .stylist__txt .name {
    font-size: 12px;
  }
  .stylist__txt .cameraImg img {
    width: 16px;
  }
    
}

@media only screen and (max-width: 768px) {
  .subContentCreditWrapper {
    order: 2;
  }
  .RightContent__inner,.LightContent__inner {
    order: 1;
  }
  .subContentTextWrapper {
    order: 3;
  }
  
  /*SPで商品名＆金額横並び*/
  .credit__heading {
    display: flex;
    width: 100%;
  }
  .size__lists {
    display: flex;
    width: 25%;
  }
  .credit__ttl.credit__price {
    padding-left: 2%;
    width:40%;
  }
  
  /*モデル部分レイアウト*/
  .LeftContent__inner {
  }
  .RightContent__inner {
  }
  .LeftContent__inner .subContentTextWrapper {
    left: auto;
    right: 2rem;
  }
  .RightContent__inner .subContentTextWrapper {
    right: auto;
    left: 2rem;
  }
  .LeftContent__text {
  }
  .RightContent__text {
  }
  
  /*detail*/
  .detailContent01__item01 {
  }
  .detailContent01__item1--1, .detailContent01__item1--2 {
    padding-left: 5.3vw;
    padding-right: 1vw;
  }
  .detailContent01__item03 {
  }
  .detailContent01__item3--1, .detailContent01__item3--2 {
    padding-right: 5.3vw;
    padding-left: 1vw;
  }
  
  /*size*/
  .size {
    background-repeat: repeat;
  }
  .sizeContent02__list {
    flex-wrap: wrap;
  }
  .sizeContent02__list .sizeContent02__item {
    width: 25%;
  }
}

/* animation */
.text-slide{
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  will-change: clip-path;
  -webkit-transition: clip-path 1050ms cubic-bezier(0.53, 0.28, 0.42, 0.92), opacity 1000ms cubic-bezier(0.53, 0.28, 0.42, 0.92);
  -moz-transition: clip-path 1050ms cubic-bezier(0.53, 0.28, 0.42, 0.92), opacity 1000ms cubic-bezier(0.53, 0.28, 0.42, 0.92);
  -o-transition: clip-path 1050ms cubic-bezier(0.53, 0.28, 0.42, 0.92), opacity 1000ms cubic-bezier(0.53, 0.28, 0.42, 0.92);
  -ms-transition: clip-path 1050ms cubic-bezier(0.53, 0.28, 0.42, 0.92), opacity 1000ms cubic-bezier(0.53, 0.28, 0.42, 0.92);
  transition: clip-path 1050ms cubic-bezier(0.53, 0.28, 0.42, 0.92), opacity 1000ms cubic-bezier(0.53, 0.28, 0.42, 0.92);
}


/* テキスト要素にアニメーションを適用するクラス */
.text-slide.animate {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0)
}

@media only screen and (min-width: 769px) {
.text-slide{
  -webkit-transition: clip-path 3100ms cubic-bezier(0.53, 0.28, 0.42, 0.92), opacity 3000ms cubic-bezier(0.53, 0.28, 0.42, 0.92);
  -moz-transition: clip-path 3100ms cubic-bezier(0.53, 0.28, 0.42, 0.92), opacity 3000ms cubic-bezier(0.53, 0.28, 0.42, 0.92);
  -o-transition: clip-path 3100ms cubic-bezier(0.53, 0.28, 0.42, 0.92), opacity 3000ms cubic-bezier(0.53, 0.28, 0.42, 0.92);
  -ms-transition: clip-path 3100ms cubic-bezier(0.53, 0.28, 0.42, 0.92), opacity 3000ms cubic-bezier(0.53, 0.28, 0.42, 0.92);
  transition: clip-path 3100ms cubic-bezier(0.53, 0.28, 0.42, 0.92), opacity 3000ms cubic-bezier(0.53, 0.28, 0.42, 0.92);
}
}

/* マスクのCSS */
.cls-1{
fill:none;
stroke:#fff;
stroke-width:6;
stroke-miterlimit:10;
}

/* Number */


.number-animation .no1, .number-animation .no2, .number-animation .no3, .number-animation .no4 {
}

/* Size check */

.size .section__ttl:before {
  content: none;
}
.size .section__ttl.animate section__ttl--deco:before {
  opacity: 1;
  animation-duration: 5s;
  animation-delay: 1s;
  content: url(../img/size_check.svg);
}

/* モデルColorアイコン */
.model__01 .subContentTextWrapper, .model__02 .subContentTextWrapper, .model__03 .subContentTextWrapper {
  opacity: 0;
  background-image: none;
}

.model__01.animate .subContentTextWrapper {
  visibility: visible;
  opacity: 1;
  animation-duration: 1.5s;
  animation-delay: 0s;
  background-image: url(../img/model-01-black.svg);
}

.model__02.animate .subContentTextWrapper {
  visibility: visible;
  opacity: 1;
  animation-duration: 1.5s;
  animation-delay: 0s;
  background-image: url(../img/model-02-ivory.svg);
}

.model__03.animate .subContentTextWrapper {
  visibility: visible;
  opacity: 1;
  animation-duration: 1.5s;
  animation-delay: 1s;
  background-image: url(../img/model-03-navy.svg);
}
@media only screen and (min-width: 769px) {
.model__01.animate .subContentTextWrapper {
  background-image: url(../img/model-01-black-pc.svg);
}

.model__02.animate .subContentTextWrapper {
  background-image: url(../img/model-02-ivory-pc.svg);
}

.model__03.animate .subContentTextWrapper {
  background-image: url(../img/model-03-navy-pc.svg);
}   
}
/* loading */
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: #eff17b;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}


    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 
.loaded {
  opacity: 0;
  visibility: hidden;
}

/*animate.css*/

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%,10%,0);
        transform: translate3d(10%,10%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%,10%,0);
        transform: translate3d(-10%,10%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}