@charset "UTF-8";
/* CSS Document */
.main {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0 auto;
  color: #000;
}
section {
  width: 100%;
}
section .top {
  width: 100%;
  margin: auto;
  background: #fff;
}
section .top img {
  width: 100%;
  height: auto;
}
.info {
  width: 100%;
  background: #fff;
  margin: auto !important;
  padding: 50px 0 80px;
  display: flex;
  justify-content: center;
}
.info p .text {
  display: block;
  text-align: left;
  margin-top: 30px !important;
}
.padding-bottom {
  padding-bottom: 10px;
}
.title {
  font-family: roboto-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem;
  text-align: center;
}
.detail-title {
  font-family: roboto-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  position: relative;
  text-align: center;
}
.detail-title:before, .detail-title:after {
  position: absolute;
  top: 50%;
  border-top: 1px solid black;
  content: "";
  width: 3rem;
}
.detail-title:before {
  left: -3rem; /* 譁�ｭ励�蜿ｳ髫｣ */
}
.detail-title:after {
  right: -3rem; /* 譁�ｭ励�蟾ｦ髫｣ */
}
/*
.title_left {
 font-family: roboto-condensed, sans-serif;
 font-weight: 700;
 font-style: normal;
 font-size: 3rem;
 text-align: left;
 display: flex;
 align-items: center;
 flex-wrap: nowrap;
 white-space: nowrap;
 padding-left: 30px;
 width: 98% !important;
 margin: 40px 0 30px;
}
.title_left:after {
 border-top: 1px solid #777;
 content: "";
 flex-basis: 90%;
}
.title_left:after {
 margin-left: 1.2rem;
}
*/
.japan_collection {
  width: 100%;
  position: relative;
  /*background: #efefef!important;*/
  padding: 0 20px;
  text-align: center;
}
.japan_collection .txt {
  display: block;
  margin: auto;
  text-align: left;
  padding: 5px 50px 0px;
}
.best_seller {
  width: 100%;
  position: relative;
  background: #fff !important;
  padding: 30px 0;
}
.japan_collection .detail {
  margin: 80px auto 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.best_seller .detail {
  margin: 100px auto 70px;
  width: 100%;
  padding: 0 10px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
}
/*
.japan_collection .detail, .best_seller .detail {
 opacity: 1!important;
}
*/
.japan_collection .detail div:first-child {
  margin: 0;
  padding: 0 20px;
  text-align: left;
}
.japan_collection .detail div:last-child {
  flex: 1;
  margin: 0;
  padding: 0 5px;
  text-align: left;
  box-sizing: border-box;
}
.best_seller .detail div:first-child {
  flex: 1;
  margin: 0;
  padding: 0 5px;
  text-align: left;
}
.best_seller .detail div:last-child {
  flex: 1;
  margin: 0;
  padding: 0 5px;
  text-align: left;
  box-sizing: border-box;
}
.detail div:first-child img.width50 {
  max-width: 400px;
  height: auto;
}
.order1 {
  order: 1;
  text-align: right !important;
}
.img_area {
  margin-top: 0px;
  max-width: 800px;
}
.img_area img {
  width: 100%;
  height: auto;
}
.inner_wrap {
  margin: 0 auto 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: left;
}
.inner_wrap p {
  display: block;
  padding: 0 20px;
}
.inner_wrap img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 60px auto 30px;
}
/*
.inner_wrap ul {
 width: 100%;
 list-style: none;
 display: flex;
 justify-content: flex-start;
 align-items: center;
 margin-top: -120px !important;
 margin-left: 30px !important;
}
*/
/*
.inner_wrap ul {
 width: 100%;
 list-style: none;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-align: left;
 margin-top: -50px;
 margin-left: 30px;
}
.inner_wrap ul.long {
 width: 100%;
 list-style: none;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 margin: 10px auto 0 !important;
}
.inner_wrap ul li {
 width: 100%;
 height: auto !important;
 display: flex;
 justify-content: center !important;
 align-items: center;
 text-align: left;
 margin-top: 0;
 margin-left: auto;
 background: url("/img/brand/emporio-armani/bg_detail.png") no-repeat top -155px left 1%!important;
 background-size: cover;
 padding: 15px 50px;
 font-size: .8rem;
}
.inner_wrap ul.long li {
 width: 80%;
 height: auto !important;
 display: flex;
 justify-content: flex-start !important;
 align-items: center;
 text-align: left;
 margin-top: 0;
 margin-left: auto;
 padding-bottom: 30px !important;
 font-size: .8rem;
}
.inner_wrap ul li div.inner {
 margin: 0 !important;
 display: flex;
 flex-direction: row !important;
 justify-content: flex-start;
 align-items: center;
}
.inner_wrap ul li.long div.inner {
 margin: 0 !important;
 display: flex;
 flex-direction: row !important;
 justify-content: flex-start;
 align-items: center;
 padding: 0;
 min-height: 30px !important;
 text-align: left;
}
.inner_wrap ul li div.inner img, .inner_wrap ul li.long div.inner img {
 max-width: 150px;
 height: auto;
}
.inner_wrap ul li div.inner img {
 vertical-align: middle !important;
 dislpay: block;
 margin: 0;
}
.inner_wrap ul li div.inner p {
 display: flex;
 align-items: center;
 justify-content: flex-start;
}
.inner_wrap ul li.long div.inner img {
 vertical-align: middle !important;
 text-align: left !important;
}
.inner_wrap ul li.long div.inner p {
 display: flex;
 align-items: center;
 justify-content: flex-start;
}
*/
.model_name {
  font-family: roboto-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  text-align: left !important;
  margin: auto;
  margin-bottom: 0px !important;
  background: #000;
  width: 98%;
  padding: 3px;
  padding-left: 20px !important;
  color: #fff;
}
.mrg-right {
  margin-right: 40px !important;
}

.inner_wrap .item {
  width: 100%;
}

.inner_wrap .item ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  list-style-type: none;
  flex-wrap: wrap;
}
.inner_wrap .item li {
  width: 50%;
  padding: 10px 20px;
}
.inner_wrap .item figure {
  margin: 0 0 5px;
}
.inner_wrap .item figcaption {
  /*max-width: 400px;*/
  max-width: 100%;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.inner_wrap .item img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 560px) {
  .inner_wrap .item li {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .main {
    width: 100% !important;
    font-size: .85rem;
  }
  section {
    width: 100%;
  }
  .top img {
    max-width: 100%;
    width: 622px;
    height: auto;
  }
  .info {
    min-width: 0;
    background: #fff;
    margin: auto !important;
    padding: 50px 10px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .info p .text {
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 30px !important;
  }
  .title {
    font-size: 1.6rem !important;
    text-align: center;
  }
  .title_left, .model_name {
    font-size: 1.6rem !important;
    text-align: left;
  }
  .title_left {
    margin-left: -20px;
    width: 100%;
  }
  .title_left:after {
    margin-left: 20px !important;
  }
  .detail-title {
    font-family: roboto-condensed, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.2rem;
    text-align: center;
  }
  .japan_collection {
    width: 100% !important;
    padding: 0;
    box-sizing: border-box !important;
  }
  .japan_collection .txt {
    display: block;
    margin: auto;
    text-align: left;
    padding: 20px 10px;
  }
  .best_seller {
    width: 100% !important;
    padding: 0;
    box-sizing: border-box !important;
  }
  .japan_collection .detail {
    margin: 40px auto 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
  .best_seller .detail {
    margin: 40px auto 20px;
    width: 100%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
  /*
 .japan_collection .detail, .best_seller .detail {
  opacity: 1!important;
 }
*/
  .japan_collection .detail div:first-child {
    width: 100%;
    margin: auto;
    text-align: left;
    margin-bottom: 20px;
  }
  .japan_collection .detail div:last-child {
    width: 100%;
    margin: auto;
    text-align: left;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .best_seller .detail div:first-child {
    width: 100%;
    margin: auto;
    padding: 0 5px;
    text-align: left;
    margin-bottom: 20px;
  }
  .best_seller .detail div:last-child {
    width: 100%;
    margin: auto;
    padding: 0 5px;
    text-align: left;
    box-sizing: border-box;
    margin-bottom: 20px;
  }
  .detail div:first-child img.width50 {
    width: 100% !important;
    height: auto;
  }
  .order1 {
    order: 0;
    text-align: left !important;
  }
  .inner_wrap {
    margin: auto !important;
  }
  /* 
 .inner_wrap ul {
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: -70px auto 0 !important;
 }
 .inner_wrap ul.long {
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 10px auto 0 !important;
 }
 .inner_wrap ul li {
  width: 100%;
  height: auto !important;
  display: flex;
  justify-content: space-between !important;
  align-items: center;
  flex-wrap: nowrap;
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  background: url("/img/brand/emporio-armani/bg_detail_sp.png") no-repeat top 25px left 3% !important;
  background-size: cover;
  padding: 30px 0 0 25px;
  font-size: .8rem;
 }
 .inner_wrap ul.long li {
  width: 100%;
  height: auto !important;
  display: flex;
  justify-content: space-between !important;
  align-items: flex-start;
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  background: url("/img/brand/emporio-armani/bg_detail_sp.png") no-repeat top 30px left 2% !important;
  background-size: cover;
  padding-bottom: 30px !important;
  padding-left: 25px !important;
  font-size: .8rem;
 }
 .inner_wrap ul li div.inner {
  margin: 0 auto !important;
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
 }
 .inner_wrap ul li.long div.inner {
  margin: 0 auto !important;
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 0;
  min-height: 30px !important;
 }
 .inner_wrap ul li div.inner img, .inner_wrap ul li.long div.inner img {
  width: 30% !important;
  height: auto;
 }
 .inner_wrap ul li div.inner img {
  vertical-align: top !important;
  text-align: left !important;
 }
 .inner_wrap ul li div.inner p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
 }
 .inner_wrap ul li.long div.inner img {
  vertical-align: top !important;
  text-align: left !important;
 }
 .inner_wrap ul li.long div.inner p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
 }
*/
}