@charset "utf-8";

/*-------------------------
base
-------------------------*/
.top-inner {max-width:1130px;margin:0 auto;margin-bottom: 120px;}
.top-inner span img {width: 20%;}
.brandLogo{margin: 80px 0 120px 0;}
.brandTitle h3 {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 35px;
    font-feature-settings: "palt";
    letter-spacing: .07em;
    line-height: 1.8;
    color: #000000;
    margin: 0 auto;
    margin-bottom: 0.5%;
}
.brandTitle p {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 25px;
    font-feature-settings: "palt";
    letter-spacing: .07em;
    color: #000000;
    margin: 5% 0 10% 0;
}
.pc_view{display: block;}
.smp_view{display: none;}
img {
    height: auto;
    width: 100%;
    vertical-align: middle;
}

@media (max-width: 980px) {
.brandTitle p{font-size: 1.3rem;}
}

@media (max-width: 768px) {
.top-inner {max-width:1130px;margin:0 auto;margin-bottom: 80px;}
.brandTitle p {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-feature-settings: "palt";
    letter-spacing: .07em;
    color: #000000;
    margin: 0 0 5% 0;
}
.brandTitle h3 {font-size: 14px;}
.brandLogo{margin: 40px 0 10px 0;}
.brandTitle .brandLogo img{width: 100%;}
.pc_view{display: none;}
.smp_view{display: block;}
}

@media (max-width:600px){
.brandTitle p {font-size: 1.1rem;}
.brandTitle h3 {font-size: 20px;}
}

@media (max-width:480px){
.brandTitle p {font-size: 1rem;}
}

@media (max-width:415px){
.brandTitle p {font-size: .8rem;}
.brandTitle h3 { font-size: 16px;}
}

@media (max-width:380px){
.brandTitle h3 {font-size: 14px;}
}

@media (max-width:320px){
.brandTitle p{font-size: .68rem;}
}


/*-------------------------
slider
-------------------------*/
#slider{position:relative;z-index:2;margin-bottom: 100px;overflow:hidden;}
#vi #mainimg { width:100%; text-align:center; overflow:hidden; }
#vi #maininner { position:absolute; left:50%; }
.swiper-container2 {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 80px;
}
.swiper-container2 .swiper-slide{
    background-position: center;
    background-size: cover;
    text-align: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 15px;
    font-feature-settings: "palt";
    letter-spacing: .07em;
}
#slider .hidden_box p {
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 15px;
    font-feature-settings: "palt";
    letter-spacing: .07em;
    line-height: 2.1;
}
#slider .swiper-slide a{
    border-bottom: 1px solid #000;
}
#slider .swiper-slide a:hover {
    border-bottom: 1px solid #777;
}

@media (max-width: 980px) {
.swiper-container2 .swiper-slide {
    font-size: 12px;
}
}

@media (max-width: 768px){
#slider{position:relative;max-width:630px;margin:0 auto;z-index:2;margin-bottom: 50px;overflow:hidden;}
.swiper-container2 {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.swiper-container2 .swiper-slide {
    font-size: 15px;
}
#slider .pc_view{display: block;}
}

@media (max-width: 499px){
#slider .pc_view{display: none;}
}

@media (max-width: 425px){
.swiper-container2 .swiper-slide {
    font-size: 11px;
}
}


/*-------------------------
mail
-------------------------*/
.hidden_box img {
    height: auto;
    width: 100%;
    max-width:620px;
    margin:0 auto;
    vertical-align: middle;
}
.hidden_box p {
    margin: 0 auto;
    padding: 60px 0;
    text-align: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 15px;
    font-feature-settings: "palt";
    letter-spacing: .07em;
    line-height: 2.1;
}
.pc_425{display: block;}
.smp_425{display: none;}

@media (max-width: 768px){
.hidden_box img {
    height: auto;
    width: 100%;
    max-width:500px;
    margin:0 auto;
    vertical-align: middle;
}
}

@media (max-width: 425px){
.hidden_box p {
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 13px;
    font-feature-settings: "palt";
    letter-spacing: .07em;
    line-height: 2.1;
}
.pc_425{display: none;}
.smp_425{display: block;}
}


/*-------------------------
view btn
-------------------------*/
/*全体*/
.hidden_box {
    margin: 0 auto;/*前後の余白*/
    padding: 0;
    text-align: center;
}

/*ボタン装飾*/
.hidden_box label {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 15px;
    font-feature-settings: "palt";
    letter-spacing: .07em;
    max-width:420px;
    margin: 0 auto;
    margin-bottom:20px;
    padding: 15px;
    text-align: center;
    background: #000000;
    color:#ffffff;
    font-weight: bold;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: #3f3f3f;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    height: auto;
    opacity: 1;
}

@media (max-width: 425px){
/*ボタン装飾*/
.hidden_box label {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 13px;
    font-feature-settings: "palt";
    letter-spacing: .07em;
    max-width:420px;
    margin: 0 auto;
    margin-bottom:10px;
    padding: 15px;
    text-align: center;
    background: #000000;
    color:#ffffff;
    font-weight: bold;
    cursor :pointer;
}
}


/*-------------------------
view
-------------------------*/
.view {
    width: 100%;
    max-width: 1130px;
    margin: 80px auto;
}
.view ul {
    width: 100%;
    /* margin: 3%; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
}
.view li {width: 18%;margin: 0 2.5% 2.5% 0;}
.view li:nth-child(5n){margin: 0 0 2.5% 0;}
.view li:nth-last-child(-n+2){margin: 0 2.5% 0 0;}

@media (max-width: 768px){
    .view {
        width: 100%;
        max-width: 630px;
        margin:40px auto;
    }
    .view li,.view li:nth-child(5n),.view li:nth-last-child(-n+2) {width: 30%;margin: 0px 5% 5% 0;}
    .view li:nth-child(3n){margin: 0 0 5% 0;}
    .view li:last-child {margin: 0 5% 0 0;}
}


/*-------------------------
square
-------------------------*/
.square {
    display: inline-block;
    width: 40px;
    height: 1px;
    background: #000000;
    margin: 80px auto;
}

@media (max-width: 768px){
    .square {
        display: inline-block;
        width: 20px;
        background: #000000;
        margin: 40px auto;
    }
}


/*-------------------------
top-btn
-------------------------*/
.js_btn{
  margin-bottom: 80px;
}

.top-btn{
  max-width:420px;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 15px;
  text-align: center;
  background: #000000;
  color:#ffffff;
  font-weight: bold;
  cursor :pointer;
}
.top-btn a{
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-size: 15px;
  font-feature-settings: "palt";
  letter-spacing: .07em;
  color:#ffffff;
  text-decoration:none;
}
.top-btn:hover{
  background: #3f3f3f;
}

@media (max-width: 425px){
    .hidden_box .top-btn{
      max-width:420px;
      margin: 0 auto;
      margin-bottom: 60px;
      padding: 15px;
      text-align: center;
      background: #000000;
      color:#ffffff;
      font-weight: bold;
      cursor :pointer;
    }
    .top-btn a{
      font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
      font-size: 13px;
      font-feature-settings: "palt";
      letter-spacing: .07em;
      color:#ffffff;
      text-decoration:none;
    }
}


/*-------------------------
ARCHIVE
-------------------------*/
.cnt_lookbook {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-feature-settings: "palt";
  letter-spacing: .07em;
  width: 100%;
  margin: 0 auto;
}

.cnt_lookbook ul{
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}

.cnt_lookbook li{
  float: left;
  width: 40%;
  text-align: left;
  margin-left: 7%;
}

.cnt_lookbook .lookbook_ttl{
  font-size: 15px;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 25px;
  color: #000;
  padding: 10px 0;
  border-bottom: solid 2px #000;
}

.cnt_lookbook img {
    width: 10px;
    margin-right: 5px;
    margin-top: -3px;
}

@media (max-width: 768px){
.cnt_lookbook li{
  float: left;
  width: 100%;
  text-align: left;
  margin-left: 5%;
}
}

@media (max-width: 320px){
.cnt_lookbook li{
  float: left;
  width: 100%;
  text-align: left;
  margin-left: 3%;
}
.cnt_lookbook .lookbook_ttl{
  font-size: 12px;
}
}