/* ==========================================================================
    Typograpgy
   ========================================================================== */
   @import url("https://use.typekit.net/bnf7jzd.css");

   @media (max-width: 767px) {
     .lp * {
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
     }
   }
   html {
     font-size: 62.5%;
   }
   
   * {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }
   
   img,
   video,
   svg {
     width: 100%;
     height: auto;
   }
/****************************/

/* for pc */
#Contents {
  max-width: 1600px;
  width: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center -102px;
  height: auto;
  margin: 0 auto;
  /*background-image: url(./img/page_pc_02.png);*/	
}
.main_container {
margin: 0 auto;
margin-top: 79px;
width:100%;
font-family: toppan-bunkyu-mincho-pr6n, serif;
font-weight: 400;
font-style: normal;
font-size:14px;
line-height: 2.142;
letter-spacing: 0.12em;
color: #343434;
font-feature-settings: "palt";
text-align: center;
}

.heading{
  width: 900px;
  margin:0 auto;
  margin-bottom: 91px;
}

.heading_ttl{
  font-size: 30px;
  line-height: 1.666;
  letter-spacing: 0.18em;
  margin-bottom: 33px;
}

.heading_img{
  width: 900px;
  margin:0 auto;
  margin-bottom: 40px;
}

.heading_txt{
  margin:0 auto;
}

.heading_txt.up{
  margin-bottom: 14px;
}

.section{
  width: 700px;
  margin:0 auto;
}

/*1段目*/

.sec01{
  margin-bottom: 92px;
}

.list_img{
  display: flex;
  justify-content: space-between;
  margin-bottom: 3px;
}

.list_inner{
  width: 340px;
}

.content_price{
  text-align: right;
  margin-bottom: 13px;
}

.content_txt{
  line-height: 2.2;
  margin:0 auto;
}

/*2段目*/

.sec02{
  margin-bottom: 92px;
}

/*3段目*/

.sec03 {
  margin-bottom: 136px;
}

.line_up{
  width: 105px;
  margin:0 auto;
  margin-bottom: 45px;
}

.for_women{
  width: 183px;
  margin:0 auto;
  margin-bottom: 20px;
}

.item_list{
  display: flex;
  justify-content: space-between;
  margin-bottom: 11px;
}

.item_list li{
  width: 340px;
}

.color_select{
  width: 700px;
  display: flex;
  margin-bottom: 4px;
}

.select_inner.right{
  margin-left: 294px;
}

.select_inner.left{
  margin-left: 316px;
}

.color_box{
  width: 44px;
  display: flex;
}

.color_orange{
  width: 20px;
  height: 20px;
  background-color: #e4a38b;
}

.color_beige{
  width: 20px;
  height: 20px;
  background-color: #9f8679;
  margin-left: 6px;
}

.price_list1{
  width: 700px;
  display: flex;
}

.item_price1{
  margin-bottom: 18px;
}

.item_price1.left{
  margin-left: 233px;
}

.item_price1.right{
  margin-left: 250px;
}

.item_price2.left{
  margin-left: 239px;
}

.item_price2.right{
  margin-left: 247px;
}

.item_price2{
  text-align: right;
  margin-bottom: 41px;
}

.item_price3{
  text-align: right;
  margin-bottom: 41px;
}

.item_price3.left{
  margin-left: 230px;
}

.item_price3.right{
  margin-left: 245px;
}

.for_men{
  width: 122px;
  margin:0 auto;
  margin-bottom: 19px;
}

.color_green{
  width: 20px;
  height: 20px;
  background-color: #667172;
}

.color_beige2{
  width: 20px;
  height: 20px;
  background-color: #9a6f5f;
  margin-left: 6px;
}

.all_item{
  width: 460px;
  margin: 0 auto;
}

/* for tablet */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #Contents {
    max-width: calc(1200* (100vw/1200));
    /*background-image: url(../img/page_pc_02.png);	*/
  }
  .main_container {
  margin-top: calc(79* (100vw/1200));
  font-size: calc(14* (100vw/1200));
  }
  
  .heading{
    width: calc(900* (100vw/1200));
    margin-bottom: calc(91* (100vw/1200));
  }
  
  .heading_ttl{
    font-size: calc(30* (100vw/1200));
    margin-bottom: calc(33* (100vw/1200));
  }
  
  .heading_img{
    width: calc(900* (100vw/1200));
    margin-bottom: calc(40* (100vw/1200));
  }
  
  .heading_txt.up{
    margin-bottom: calc(14* (100vw/1200));
  }
  
  .section{
    width: calc(700* (100vw/1200));
  }
  
  /*1段目*/
  
  .sec01{
    margin-bottom: calc(92* (100vw/1200));
  }
  
  .list_img{
    margin-bottom: calc(3* (100vw/1200));
  }
  
  .list_inner{
    width: calc(340* (100vw/1200));
  }
  
  .content_price{
    margin-bottom: calc(13* (100vw/1200));
  }
  
  /*2段目*/
  
  .sec02{
    margin-bottom: calc(92* (100vw/1200));
  }
  
  /*3段目*/
  
  .sec03 {
    margin-bottom: calc(136* (100vw/1200));
  }
  
  .line_up{
    width: calc(105* (100vw/1200));
    margin-bottom: calc(45* (100vw/1200));
  }
  
  .for_women{
    width: calc(183* (100vw/1200));
    margin-bottom: calc(20* (100vw/1200));
  }
  
  .item_list{
    margin-bottom: calc(11* (100vw/1200));
  }

  .item_list li{
    width: calc(340* (100vw/1200));;
  }

  .price_list1{
    width: calc(700* (100vw/1200));
  }
  
  .item_price1{
    margin-bottom: calc(18* (100vw/1200));
  }
  
  .item_price1.left{
    margin-left: calc(233* (100vw/1200));
  }
  
  .item_price1.right{
    margin-left: calc(250* (100vw/1200));
  }
  
  .item_price2.left{
    margin-left: calc(239* (100vw/1200));
  }
  
  .item_price2.right{
    margin-left: calc(247* (100vw/1200));
  }
  
  .item_price2{
    margin-bottom: calc(41* (100vw/1200));
  }
  
  .item_price3{
    margin-bottom: calc(41* (100vw/1200));
  }
  
  .item_price3.left{
    margin-left: calc(230* (100vw/1200));
  }
  
  .item_price3.right{
    margin-left: calc(245* (100vw/1200));
  }
  
  .color_select{
    width: calc(700* (100vw/1200));
    margin-bottom: calc(4* (100vw/1200));
  }
  
  .select_inner.right{
    margin-left: calc(294* (100vw/1200));
  }
  
  .select_inner.left{
    margin-left: calc(316* (100vw/1200));
  }
  
  .color_box{
    width: calc(44* (100vw/1200));
  }
  
  .color_orange{
    width: calc(20* (100vw/1200));
    height: calc(20* (100vw/1200));
  }
  
  .color_beige{
    width: calc(20* (100vw/1200));
    height: calc(20* (100vw/1200));
    margin-left: calc(6* (100vw/1200));
  }
  
  .for_men{
    width: calc(122* (100vw/1200));
    margin-bottom: calc(19* (100vw/1200));
  }
  
  .color_green{
    width: calc(20* (100vw/1200));
    height: calc(20* (100vw/1200));
  }
  
  .color_beige2{
    width: calc(20* (100vw/1200));
    height: calc(20* (100vw/1200));
    margin-left: calc(6* (100vw/1200));
  }
  
  .all_item{
    width: calc(460* (100vw/1200));
  }
}

/* for sp */
@media only screen and (max-device-width: 767px) {

  .breadlist.lp {
    line-height: 5.33333vw;
    font-size: 2.66667vw;
    margin: 3.33333vw auto;
    width: 92.592%;
    text-align: left;
    padding: 0;
  }

  #Contents {
    max-width: calc(750* (100vw/750));
    background-position: center calc(-31* (100vw/750));
    /*background-image: url(../img/page_sp_02.png);	*/
  }

  .main_container {
    margin: 0 auto;
    margin-top: calc(0* (100vw/750));
    font-size: calc(22* (100vw/750));
    line-height: 1.63;
    letter-spacing: 0.12em;
    }
    
    .heading{
      width: calc(650* (100vw/750));
      margin-bottom: calc(88* (100vw/750));
    }
    
    .heading_ttl{
      font-size: calc(35* (100vw/750));
      line-height: 1.885;
      letter-spacing: 0.18em;
      margin-bottom: calc(23* (100vw/750));
    }
    
    .heading_img{
      width: calc(646* (100vw/750));
      margin-bottom: calc(85* (100vw/750));
    }
    
    .heading_txt{
      line-height: 1.65;
    }

    .heading_txt.up{
      margin-bottom: calc(18* (100vw/750));
    }
    
    .section{
      width: calc(650* (100vw/750));
    }
    
    /*1段目*/
    
    .sec01{
      margin-bottom: calc(87* (100vw/750));
    }
    
    .list_img{
      display: block;
      margin-bottom: calc(-5* (100vw/750));
    }
    
    .list_inner{
      width: calc(600* (100vw/750));
      margin:0 auto;
    }

    .list_inner.up{
      margin-bottom: calc(25* (100vw/750));
    }
    
    .content_price{
      width: calc(625* (100vw/750));
      font-size: calc(21* (100vw/750));
      line-height: 1.36;
      text-align: right;
      margin-bottom: calc(41* (100vw/750));
    }
    
    .content_txt{
      line-height: 1.7;
      text-align: left;
    }
    
    /*2段目*/
    
    .sec02{
      margin-bottom: calc(95* (100vw/750));
    }

    .price2{
      margin-bottom: calc(37* (100vw/750));
    }
    
    /*3段目*/
    
    .sec03 {
      width: calc(600* (100vw/750));
      margin-bottom: calc(188* (100vw/750));
    }
    
    .line_up{
      width: calc(109* (100vw/750));
      margin-bottom: calc(50* (100vw/750));
    }
    
    .for_women{
      width: calc(183* (100vw/750));
      margin-bottom: calc(31* (100vw/750));
    }
    
    .item_list{
      display: flex;
      justify-content: space-between;
      margin-bottom: calc(10* (100vw/750));
    }

    .item{
      width: calc(290* (100vw/750));
    }
    
    .color_select{
      width: calc(600* (100vw/750));
      margin-bottom: calc(15* (100vw/750));
    }
    
    .select_inner.right{
      margin-left: calc(235* (100vw/750));
    }
    
    .select_inner.left{
      margin-left: calc(252* (100vw/750));
    }
    
    .color_box{
      width: calc(57* (100vw/750));
    }
    
    .color_orange{
      width: calc(25* (100vw/750));
      height: calc(25* (100vw/750));
      background-color: #e4a38b;
    }
    
    .color_beige{
      width: calc(25* (100vw/750));
      height: calc(25* (100vw/750));
      background-color: #9f8679;
      margin-left: calc(6* (100vw/750));
    }
    
    .item_price1{
      text-align: right;
      margin-bottom: calc(42* (100vw/750));
    }
    
    .item_price2{
      text-align: right;
      margin-bottom: calc(38* (100vw/750));
    }
    
    .for_men{
      width: calc(132* (100vw/750));
      margin-bottom: calc(31* (100vw/750));
    }
    
    .color_green{
      width: calc(25* (100vw/750));
      height: calc(25* (100vw/750));
      background-color: #667172;
    }
    
    .color_beige2{
      width: calc(25* (100vw/750));
      height: calc(25* (100vw/750));
      background-color: #9a6f5f;
      margin-left: calc(6* (100vw/750));
    }
    
    .all_item{
      width: calc(571* (100vw/750));
      margin: 0 auto;
    }
}