/* ==========================================================================
    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 -200px;
  height: auto;
  margin: 0 auto;
/*  background-image: url(../img/page_pc01.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:12px;
line-height: 1.33;
letter-spacing: 0.06em;
color: #343434;
font-feature-settings: "palt";
text-align: center;
}

.heading{
  width: 707px;
  margin:0 auto;
  margin-bottom: 85px;
}

.heading_ttl{
  color:#565656;
  width: 700px;
  margin: 0 auto;
  margin-bottom: 35px;
}

.heading_txt{
  font-size: 19px;
  letter-spacing: 0.01em;
  line-height: 1.6;
}

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

/*１段目*/

.sec01{
  margin-bottom:87px;
}

.border{
  width: 1260px;
  border: 1px solid #343434;
  z-index:-1;
}

.tag{
  width: 151px;
  margin:0 auto;
  margin-top: -12px;
}

.women{
  margin-bottom: 40px;
}

.men{
  margin-bottom: 53px;
}

.item_recommend{
  width: 844px;
  display: flex;
  margin:0 auto;
}

.up_list{
  margin-bottom: 72px;
}

.recommend_inner{
  width: 270px;
  margin:0 auto;
}

.ml16{
  margin-left: 16px;
}

.item_img{
  width: 270px;
  margin:0 auto;
  margin-bottom: 14px;
}

.gender{
  margin-bottom: 5px;
}

.price{
  letter-spacing: 0.12em;
  font-family: classico-urw, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ttl1{
  margin-bottom: 22px;
}

.sale{
  color:#ed244f;
}

/*2段目*/
.sec02{
  margin-bottom: 69px;
}

.up_list2{
  margin-bottom: 74px;
}

/*home*/
.home_btn{
  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_pc01.png);	*/
  }
  .main_container {
  margin-top: calc(79* (100vw/1200));
  font-size: calc(12* (100vw/1200));
  }
  
  .heading{
    width: calc(707* (100vw/1200));
    margin-bottom: calc(85* (100vw/1200));
  }
  
	.heading_ttl{
	  color:#565656;
	  width: calc(700* (100vw/1200));;
	  margin: 0 auto;
	  margin-bottom: calc(35* (100vw/1200));;
	}
  
  .heading_txt{
    font-size: calc(19* (100vw/1200));
  }
  
  .section{
    width: calc(1200* (100vw/1200));
  }
  
  /*１段目*/
  
  .sec01{
    margin-bottom: calc(87* (100vw/1200));
  }
  
  .border{
    width: calc(992* (100vw/1200));
    border: calc(1* (100vw/1200)) solid #343434;
    margin:0 auto;
  }
  
  .tag{
    width: calc(151* (100vw/1200));
    margin-top: calc(-12* (100vw/1200));
  }
  
  .women{
    margin-bottom: calc(40* (100vw/1200));
  }
  
  .men{
    margin-bottom: calc(53* (100vw/1200));
  }
  
  .item_recommend{
    width: calc(844* (100vw/1200));
  }
  
  .up_list{
    margin-bottom: calc(72* (100vw/1200));
  }
  
  .recommend_inner{
    width: calc(270* (100vw/1200));
  }
  
  .ml16{
    margin-left: calc(16* (100vw/1200));
  }
  
  .item_img{
    width: calc(270* (100vw/1200));
    margin-bottom: calc(14* (100vw/1200));
  }
  
  .gender{
    margin-bottom: calc(5* (100vw/1200));
  }
  
  .ttl1{
    margin-bottom: calc(22* (100vw/1200));
  }
  
  /*2段目*/
  .sec02{
    margin-bottom: calc(69* (100vw/1200));
  }
  
  .up_list2{
    margin-bottom: calc(74* (100vw/1200));
  }
  
  /*home*/
  .home_btn{
    width: calc(460* (100vw/1200));
  }
}

/* for sp */
@media only screen and (max-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(-78* (100vw/750));
/*    background-image: url(./img/page_sp01.png);	*/
  }
  .main_container {
    font-size: calc(21* (100vw/750));
    line-height: 1.42;
    margin-top: calc(0* (100vw/750));
    letter-spacing: 0.06em;
    color: #343434;
    font-feature-settings: "palt";
  }

  .heading{
    width: calc(619* (100vw/750));
    margin-bottom: calc(70* (100vw/750));
  }
  
  .heading_ttl{
    width: calc(478*(100vw/750));
	margin:  auto;
    margin-bottom: calc(41* (100vw/750));
    color:#565656;
  }
  
  .heading_txt{
    font-size: calc(20* (100vw/750));
    letter-spacing: 0.04em;
    line-height: 1.4;
  }
  
  .section{
    width: calc(660* (100vw/750));
    margin:0 auto;
  }
  
  /*１段目*/
  
  .sec01{
    margin-bottom: calc(111* (100vw/750));
  }
  
  .border{
    width: calc(660* (100vw/750));
    border: 1px solid #343434;
    z-index:-1;
  }
  
  .tag{
    width: calc(221* (100vw/750));
    margin-top: calc(-48* (100vw/750));
  }
  
  .women{
    margin-bottom: calc(46* (100vw/750));
  }
  
  .men{
    margin-bottom: calc(44* (100vw/750));
  }
  
  .item_recommend{
    width: calc(660* (100vw/750));
    margin:0 auto;
  }
  
  .up_list{
    margin-bottom: calc(43* (100vw/750));
  }
  
  .recommend_inner{
    width: calc(321* (100vw/750));
    margin:0 auto;
  }
  
  .ml18{
    margin-left: calc(18* (100vw/750));
  }
  
  .item_img{
    width: calc(321* (100vw/750));
    margin:0 auto;
    margin-bottom: calc(12* (100vw/750));
  }
  
  .gender{
    margin-bottom: calc(9* (100vw/750));
  }
  
  .price{
    font-size: calc(22* (100vw/750));
    line-height: 1.363;
    letter-spacing: 0.12em;
  }
  
  .ttl1{
    margin-bottom: calc(11* (100vw/750));
  }

  .through{
    text-decoration: line-through;
  }
  
  .sale{
    color:#ed244f;
    text-decoration: none;
  }
  
  /*2段目*/
  .sec02{
    margin-bottom: calc(135* (100vw/750));
  }
  
  /*home*/
  .home_btn{
    width: calc(460* (100vw/750));
  }
}