@charset "UTF-8";
@import url(./common.css);
/*==================================================================*/
/* style css　*/
/*==================================================================*/
#titlearea {
  background: url("/product/image/bg_product_title.jpg") center center no-repeat;
  background-size: cover;
}

h2.base span {
  display: inline-block;
  font-size: 2.5rem;
  padding: 0 0.5em 0.3em;
  position: relative;
  z-index: 10;
}
h2.base span:after {
  position: absolute;
  content: "";
  width: 4px;
  height: 100%;
  top: 0;
  right: 10px;
  background: rgba(173, 157, 143, 0.3);
  transform: rotate(0.06turn);
  z-index: -1;
}

.read {
  margin-bottom: 3em;
}

.product .photo-title {
  margin-bottom: 3em;
}
.product .f-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product .f-block dl dt {
  padding: .3em;
  margin-bottom: 0.5em;
  font-size: 1.1em;
  color: #fff;
  text-align: center;
}
.product .f-block dl dd {
  text-align: center;
}
.product .f-block dl dd p.photo {
  margin-bottom: 0.5em;
}
.product .f-block dl dd p.read {
  font-weight: bold;
}
.product .f-block.column4 dl {
  width: 23%;
}
.product .f-block.column3 dl {
  width: 31%;
}
.product .f-block.column3 dl dd p.read {
  text-align: left;
}
.product .gentle-area {
  margin-bottom: 5em;
}
.product .gentle-area .block {
  margin-bottom: 3em;
}
.product .gentle-area .f-block dl dt {
  background: #000;
}
.product .gentle-area .g-pants .f-block dl dd p.read {
  text-align: center;
}
.product .ladies-area {
  margin-bottom: 2em;
  padding: 3em 0;
  background: #fdf5f1;
}
.product .ladies-area .f-block dl dt {
  background: #a30101;
}
.product .ladies-area .suit .block dl {
  width: 31%;
  margin: 0 auto;
}
.product .ladies-area .suit .block dl dt {
  padding: .3em;
  margin-bottom: 0.5em;
  font-size: 1.1em;
  color: #fff;
  background: #a30101;
  text-align: center;
}
.product .ladies-area .suit .block dl dd {
  text-align: center;
}
.product .ladies-area .suit .block dl dd p.photo {
  margin-bottom: 0.5em;
}
.product .ladies-area .suit .block dl dd p.read {
  font-weight: bold;
}
.product .ladies-area .pants .bikou {
  font-weight: bold;
}
.product .ladies-area .pants dl dd p.read {
  text-align: center !important;
}
.product .shirt {
  margin-bottom: 5em;
}
.product .shirt .block {
  margin-bottom: 3em;
}
.product .shirt .price-photo {
  margin-bottom: 2em;
}
.product .shirt .price-photo p.photo-title {
  margin-bottom: 0em;
}
.product .shirt .price-photo .read {
  text-align: right;
  font-weight: bold;
  margin-bottom: 0;
}
.product .shirt .f-block dl dt {
  background: #000;
}
.product .shirt .g-pants .f-block dl dd p.read {
  text-align: center;
}
.product .dantai {
  margin-bottom: 5em;
  background: url(/product/image/bg_dantai.jpg) no-repeat center;
  background-size: cover;
  border: 2px solid #000;
  padding: 2em;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.product .dantai .title {
  margin-bottom: 1em;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}
.product .dantai .dantai-in {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product .dantai .dantai-in .photo {
  width: 35%;
}
.product .dantai .dantai-in .text {
  width: 60%;
}
.product .dantai .dantai-in .text .read {
  font-weight: 500;
}
.product .casual {
  margin-bottom: 3em;
  background: url(/product/image/bg_casual.jpg) no-repeat center;
  background-size: cover;
  border: 2px solid #000;
  padding: 2em;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.product .casual .title {
  margin-bottom: 1em;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}
.product .casual .casual-in {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}
.product .casual .casual-in .photo {
  width: 35%;
}
.product .casual .casual-in .text {
  width: 60%;
}
.product .casual .casual-in .text .read {
  font-weight: 500;
}
.product .shitate {
  margin-bottom: 5em;
  padding: 3em 0;
  background: #f2f6fb;
}
.product .shitate .inblock {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product .shitate .inblock .text {
  width: 60%;
}
.product .shitate .inblock .text .title {
  margin-bottom: 1em;
  font-size: 1.8em;
  font-weight: bold;
}
.product .shitate .inblock .text .read {
  font-weight: 500;
}
.product .shitate .inblock .photo {
  width: 38%;
}
.product .brand-area {
  margin-bottom: 5em;
}
.product .brand-area .read {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}
.product .brand-area .tag {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  max-width: 700px;
  margin: 0 auto 2em;
}
.product .brand-area .tag li {
  margin: 0 1% .5em;
}
.product .brand-area .other {
  background: #f4f4f4;
  border: 3px double #000;
  padding: 2em;
}
.product .brand-area .other dl {
  margin: 0 auto 1em;
  font-weight: bold;
}
.product .brand-area .other dl dt {
  margin-bottom: 1em;
  font-size: 1.1em;
  text-align: center;
  color: #000;
}
.product .brand-area .other dl dt span {
  padding-bottom: .2em;
  border-bottom: 1px solid #000;
}
.product .brand-area .other dl dd ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.product .brand-area .other dl dd ul li {
  margin: 0 1em .5em;
}
.product .brand-area .other .btn-base a {
  background: #a30101 !important;
  padding: 1em 4em !important;
  font-size: 1.3em !important;
}

/*===========================================================================*/
/*  media quary:1000px  */
/*===========================================================================*/
/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 767px) {
  h2.base span {
    font-size: 1.4rem;
  }

  .product .photo-title {
    margin-bottom: 3em;
  }
  .product .f-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .product .f-block dl dt {
    font-size: 1em;
  }
  .product .f-block.column4 dl {
    width: 48%;
  }
  .product .f-block.column3 dl {
    width: 48%;
  }
  .product .f-block.column3 dl dd p.read {
    text-align: left;
  }
  .product .gentle-area {
    margin-bottom: 3em;
  }
  .product .gentle-area .block {
    margin-bottom: 3em;
  }
  .product .gentle-area .g-pants .f-block dl dd p.read {
    text-align: center;
  }
  .product .ladies-area {
    margin-bottom: 3em;
    padding: 3em 0;
    background: #fdf5f1;
  }
  .product .ladies-area .f-block dl dt {
    background: #a30101;
  }
  .product .ladies-area .suit .block dl {
    width: 48%;
  }
  .product .ladies-area .suit .block dl dt {
    font-size: 1em;
  }
  .product .shirt {
    margin-bottom: 3em;
  }
  .product .dantai {
    margin-bottom: 3em;
    padding: 1em;
  }
  .product .dantai .title {
    font-size: 1.4em;
  }
  .product .dantai .title span {
    display: inline-block;
  }
  .product .dantai .dantai-in {
    display: block;
  }
  .product .dantai .dantai-in .photo {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
  .product .dantai .dantai-in .text {
    width: 100%;
  }
  .product .dantai .dantai-in .text .read {
    margin-bottom: 1em;
  }
  .product .dantai .dantai-in .text .btn-base {
    text-align: center;
  }
  .product .casual {
    margin-bottom: 3em;
    padding: 1em;
  }
  .product .casual .title {
    font-size: 1.4em;
  }
  .product .casual .title span {
    display: inline-block;
  }
  .product .casual .casual-in {
    display: block;
  }
  .product .casual .casual-in .photo {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
  .product .casual .casual-in .text {
    width: 100%;
  }
  .product .casual .casual-in .text .read {
    margin-bottom: 1em;
  }
  .product .casual .casual-in .text .btn-base {
    text-align: center;
  }
  .product .shitate {
    margin-bottom: 3em;
    padding: 2em 0;
  }
  .product .shitate .inblock {
    display: block;
  }
  .product .shitate .inblock .text {
    width: 100%;
    margin-bottom: 1em;
  }
  .product .shitate .inblock .text .title {
    font-size: 1.3em;
    text-align: center;
  }
  .product .shitate .inblock .text .title span {
    display: inline-block;
  }
  .product .shitate .inblock .text .read {
    margin-bottom: 1em;
  }
  .product .shitate .inblock .text .btn-base {
    text-align: center;
  }
  .product .shitate .inblock .photo {
    width: 100%;
    text-align: center;
  }
  .product .brand-area {
    margin-bottom: 3em;
  }
  .product .brand-area .read {
    font-size: 1em;
  }
  .product .brand-area .tag {
    margin-bottom: 1em;
  }
  .product .brand-area .tag li {
    width: 31%;
  }
  .product .brand-area .other {
    padding: 1em;
  }
  .product .brand-area .other dl dd ul li {
    font-size: .9em;
  }
}
/*===========================================================================*/
/*  media quary:479px  */
/*===========================================================================*/