@charset "UTF-8";
@font-face {
  font-family: 'CormorantGaramond';
  src: url("../../font/CormorantGaramond-Medium.woff"); }

@font-face {
  font-family: 'EBGaramond';
  src: url("../../font/EBGaramond-Regular.woff"); }

.sp_only {
  display: none !important; 
}
#lumine_jp{
    width: 1000px;
    margin: 0 auto;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
    color: #58595b;
    font-feature-settings: 'palt';
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.12em;
    line-height: 2;
}
#lumine_jp img{
  width: 100%;
}
#lumine_jp .flex{
  display: flex;
  justify-content: space-between;
  margin: auto;
}
#lumine_jp .credit {
    font-family: 'EB Garamond', serif;
    font-size: 14px;
    letter-spacing: 0.07em;
}
#lumine_jp .model .credit {
    text-align: left;
    line-height: 1.5;
    margin-top: 20px;
}
#lumine_jp .item.credit span{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
    font-size: 12px;
    letter-spacing: 0.12em;
    display: block;
}
#lumine_jp .sec_lead {
    font-size: 12px;
    letter-spacing: 0.12em;
    margin: 55px auto;
}
#lumine_jp .mv p{
    margin: 60px auto 75px;
}
#lumine_jp .model .flex{
    width: 780px;
    position: relative;
}
#lumine_jp .model .flex:after{
  content: "";
  border: 1px solid #2B2B2B;
  width: 900px;
  height: 400px;
  top: 115px;
  left:-60px;
  position: absolute;
  z-index: -1;
}
#lumine_jp .model ._01{
  width: 400px;
}
#lumine_jp .model ._02{
  width: 320px;
}
#lumine_jp .title{
    font-family: ivypresto-text, serif;
    letter-spacing: 0.14em;
    line-height: 1;
    position: absolute;
    left: 507px;
    top: 100px;
}
#lumine_jp .title span {
    background: #2B2B2B;
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    display: inline-block;
    letter-spacing: 0.14em;
    width: 200px;
}
#lumine_jp .title h3{
    font-size: 36px;
    margin-top: 15px;
    color: #2B2B2B;
    font-weight: 300;
    letter-spacing: 0.14em;
    line-height: 1.2;
}
#lumine_jp ul.item{
    display: flex;
    justify-content: center;
}
#lumine_jp ul.item li{
    width: 300px;
}
#lumine_jp ul.item li .color{
    font-family: ivypresto-text, serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    display: inline-block;
    border: 1px solid #2B2B2B;
    width: 150px;
    margin-bottom: 30px;
    color: #2B2B2B;
    letter-spacing: 0.16em;
}
#lumine_jp .item.credit{
    margin-top: 5px;
}
#lumine_jp section{
    margin-bottom: 120px;
}

/*sec01*/
#lumine_jp .sec01 .model ._02 {
    margin-top: 270px;
}

/*sec02*/
#lumine_jp .sec02 .model .flex{
  width: 360px;
}
#lumine_jp .sec02 .model .flex ._01{
    margin-top: 120px;
}
#lumine_jp .sec02 .model .flex:after {
   width: 500px;
    height: 570px;
    top: 15px;
    left: -70px;
}
#lumine_jp .sec02 .title {
    top: 0;
    left: 0;
    width: 130%;
    margin-left: -15%;
}
#lumine_jp .sec02 ul.item li{
  width: 240px;
}
#lumine_jp .sec02 ul.item li .color{
  margin-bottom: 40px;
}
#lumine_jp .sec02 .item.credit {
    margin-top: 20px;
}


/*sec03*/
#lumine_jp .sec03 .model ._01 {
  width: 320px;
    margin-top: 270px;
}
#lumine_jp .sec03 .model ._02 {
  width: 400px;
}
#lumine_jp .sec03 .title {
    left: 60px;
}
#lumine_jp .sec03 ul.item li{
  width: 260px;
}
#lumine_jp .sec03 ul.item li:not(:last-child){
  margin-right: 40px;
}
#lumine_jp .sec03 ul.item li .color{
  margin-bottom: 25px;
}
#lumine_jp .sec03 .item.credit {
    margin-top: 10px;
}


/*sec04*/
#lumine_jp .sec04 .model ._02 {
    margin-top: 270px;
}
#lumine_jp .sec04 .title {
    left: 520px;
}
#lumine_jp .sec04 ul.item li .color{
  margin-bottom: 25px;
}
#lumine_jp .sec04 .item.credit {
    margin-top: 10px;
}
#lumine_jp .sec04 .flex .credit {
   width: 110%;
}


/*sec05*/
#lumine_jp .sec05 .model .flex{
  width: 360px;
}
#lumine_jp .sec05 .model .flex ._01{
    margin-top: 120px;
}
#lumine_jp .sec05 .model .flex:after {
   width: 500px;
    height: 570px;
    top: 15px;
    left: -70px;
}
#lumine_jp .sec05 .title {
    top: 0;
    left: 0;
    width: 100%;
}
#lumine_jp .sec05 .item.credit {
    margin-top: 10px;
}
#lumine_jp .sec05 ul.item li{
  width: 240px;
}
#lumine_jp .sec05 ul.item li .color{
  width:170px;
}


/*sec06*/
#lumine_jp .sec06 .model .flex{
  width: 400px;
}
#lumine_jp .sec06 .model .flex ._01{
    margin-top: 120px;
}
#lumine_jp .sec06 .model .flex:after {
   width: 500px;
    height: 430px;
    top: 15px;
    left: -50px;
}
#lumine_jp .sec06 .title {
    top: 0;
    left: 0;
    width: 100%;
}
#lumine_jp .sec06 ul.item li {
    width: 240px
}
#lumine_jp .sec06 ul.item li:first-child {
    margin-right: 60px;
}
#lumine_jp .sec06 ul.item li .color{
  margin-bottom: 25px;
}
#lumine_jp .sec06 .item.credit {
    margin-top: 10px;
}

/*allボタン*/
#lumine_jp .all_btn{
    font-family: "EB Garamond", serif;
    font-weight: 400;
    display: inline-block;
    border-bottom: double 3px #cacaca;
    padding-bottom: 0.4rem;
    font-size: 20px;
    letter-spacing: 0.02em;
    color: #000;
    margin: 20px auto 140px;
    line-height: 1.3;
}
.archive_slider > h4{
    border-top: 1px solid #58595B;
}

@media all and (-ms-high-contrast: none) {
  #lumine_jp .sec01 .model ._01,
  #lumine_jp .sec03 .model ._01,
  #lumine_jp .sec04 .model ._01 {
    margin-right:60px;
  }
}






@media screen and (max-width: 1400px){

#lumine_jp{
    width: calc(1000 * (100vw / 1400));
    font-size: calc(13 * (100vw / 1400));
}
#lumine_jp .credit {
    font-size: calc(14 * (100vw / 1400));
}
#lumine_jp .model .credit {
    margin-top: calc(20 * (100vw / 1400));
}
#lumine_jp .item.credit span{
    font-size: calc(12 * (100vw / 1400));
}
#lumine_jp .sec_lead {
    font-size: calc(12 * (100vw / 1400));
    margin: calc(55 * (100vw / 1400)) auto;
}
#lumine_jp .mv p{
    margin: calc(60 * (100vw / 1400)) auto calc(75 * (100vw / 1400));
}
#lumine_jp .model .flex{
    width: calc(780 * (100vw / 1400));
}
#lumine_jp .model .flex:after{
  width: calc(900 * (100vw / 1400));
  height: calc(400 * (100vw / 1400));
  top: calc(115 * (100vw / 1400));
  left:calc(-60 * (100vw / 1400));
}
#lumine_jp .model ._01{
  width: calc(400 * (100vw / 1400));
}
#lumine_jp .model ._02{
  width: calc(320 * (100vw / 1400));
}
#lumine_jp .title{
    left: calc(507 * (100vw / 1400));
    top: calc(100 * (100vw / 1400));
}
#lumine_jp .title span {
    font-size: calc(18 * (100vw / 1400));
    line-height: calc(30 * (100vw / 1400));
    width: calc(200 * (100vw / 1400));
}
#lumine_jp .title h3{
    font-size: calc(36 * (100vw / 1400));
    margin-top: calc(15 * (100vw / 1400));
}
#lumine_jp ul.item li{
    width: calc(300 * (100vw / 1400));
}
#lumine_jp ul.item li .color{
    font-size: calc(18 * (100vw / 1400));
    line-height: calc(30 * (100vw / 1400));
    width: calc(150 * (100vw / 1400));
    margin-bottom: calc(30 * (100vw / 1400));
}
#lumine_jp .item.credit{
    margin-top: calc(5 * (100vw / 1400));
}
#lumine_jp section{
    margin-bottom: calc(120 * (100vw / 1400));
}

/*sec01*/
#lumine_jp .sec01 .model ._02 {
    margin-top: calc(270 * (100vw / 1400));
}

/*sec02*/
#lumine_jp .sec02 .model .flex{
  width: calc(360 * (100vw / 1400));
}
#lumine_jp .sec02 .model .flex ._01{
    margin-top: calc(120 * (100vw / 1400));
}
#lumine_jp .sec02 .model .flex:after {
   width: calc(500 * (100vw / 1400));
    height: calc(570 * (100vw / 1400));
    top: calc(15 * (100vw / 1400));
    left: calc(-70 * (100vw / 1400));
}
#lumine_jp .sec02 ul.item li{
  width: calc(240 * (100vw / 1400));
}
#lumine_jp .sec02 ul.item li .color{
  margin-bottom: calc(40 * (100vw / 1400));
}
#lumine_jp .sec02 .item.credit {
    margin-top: calc(20 * (100vw / 1400));
}


/*sec03*/
#lumine_jp .sec03 .model ._01 {
  width: calc(320 * (100vw / 1400));
    margin-top: calc(270 * (100vw / 1400));
}
#lumine_jp .sec03 .model ._02 {
  width: calc(400 * (100vw / 1400));
}
#lumine_jp .sec03 .title {
    left: calc(60 * (100vw / 1400));
}
#lumine_jp .sec03 ul.item li{
  width: calc(260 * (100vw / 1400));
}
#lumine_jp .sec03 ul.item li:not(:last-child){
  margin-right: calc(40 * (100vw / 1400));
}
#lumine_jp .sec03 ul.item li .color{
  margin-bottom: calc(25 * (100vw / 1400));
}
#lumine_jp .sec03 .item.credit {
    margin-top: calc(10 * (100vw / 1400));
}


/*sec04*/
#lumine_jp .sec04 .model ._02 {
    margin-top: calc(270 * (100vw / 1400));
}
#lumine_jp .sec04 .title {
    left: calc(520 * (100vw / 1400));
}
#lumine_jp .sec04 ul.item li .color{
  margin-bottom: calc(25 * (100vw / 1400));
}
#lumine_jp .sec04 .item.credit {
    margin-top: calc(10 * (100vw / 1400));
}


/*sec05*/
#lumine_jp .sec05 .model .flex{
  width: calc(360 * (100vw / 1400));
}
#lumine_jp .sec05 .model .flex ._01{
    margin-top: calc(120 * (100vw / 1400));
}
#lumine_jp .sec05 .model .flex:after {
   width: calc(500 * (100vw / 1400));
    height: calc(570 * (100vw / 1400));
    top: calc(15 * (100vw / 1400));
    left: calc(-70 * (100vw / 1400));
}
#lumine_jp .sec05 .item.credit {
    margin-top: calc(10 * (100vw / 1400));
}
#lumine_jp .sec05 ul.item li{
  width: calc(240 * (100vw / 1400));
}
#lumine_jp .sec05 ul.item li .color{
  width:calc(170 * (100vw / 1400));
}



/*sec06*/
#lumine_jp .sec06 .model .flex{
  width: calc(400 * (100vw / 1400));
}
#lumine_jp .sec06 .model .flex ._01{
    margin-top: calc(120 * (100vw / 1400));
}
#lumine_jp .sec06 .model .flex:after {
   width: calc(500 * (100vw / 1400));
    height: calc(430 * (100vw / 1400));
    top: calc(15 * (100vw / 1400));
    left: calc(-50 * (100vw / 1400));
}
#lumine_jp .sec06 ul.item li {
    width: calc(240 * (100vw / 1400))
}
#lumine_jp .sec06 ul.item li:first-child {
    margin-right: calc(60 * (100vw / 1400));
}
#lumine_jp .sec06 ul.item li .color{
  margin-bottom: calc(25 * (100vw / 1400));
}
#lumine_jp .sec06 .item.credit {
    margin-top: calc(10 * (100vw / 1400));
}

/*allボタン*/
#lumine_jp .all_btn{
    font-size: calc(20 * (100vw / 1400));
    margin: calc(20 * (100vw / 1400)) auto calc(140 * (100vw / 1400));
}

@media all and (-ms-high-contrast: none) {
  #lumine_jp .sec01 .model ._01,
  #lumine_jp .sec03 .model ._01,
  #lumine_jp .sec04 .model ._01 {
    margin-right:calc(60 * (100vw / 1400));
  }
}


}