@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;500;600&display=swap');
/* ===============================
トゥージュール　ボディバッグ
=============================== */
.fs-body-product-102458 .p-orgComment {
    display: none;
}
@media screen and (max-width: 599px) {
  #item_common_page {
    width: calc(100% + 16px)!important;
    margin: 0 -8px 5rem!important;
    padding-bottom: 0.5rem!important;
  }
}
/* ===============================
リジュート　3wayビジネスバッグ
=============================== */
.fs-body-product-108764 .p-orgComment {
  display: none;
}
@media screen and (max-width: 599px) {
#lejute_page {
  width: calc(100% + 16px)!important;
  margin: 0 -8px 5rem!important;
  padding-bottom: 0.5rem!important;
}
}
/* 画像
************************************/
#item_common_page .img_box {
  display: block;
  margin: 0 auto 5rem;
}
#item_common_page .img_box_mb30 {
  display: block;
  margin: 0 auto 3rem;
}
@media screen and (max-width: 599px) {
  #item_common_page .img_box {
    margin: 0 auto 3rem;
  }
  #item_common_page .img_box_mb30 {
    margin: 0 auto 1.5rem;
  }
}
@media screen and (max-width: 599px) {
  #item_common_page .img_sp_h300 {
    object-fit: cover;
    width: 100%;
    height: 300px;
  }
}
#item_common_page .img_flex_2items,
#item_common_page .img_flex_3items {
  display: flex;
}
@media screen and (max-width: 599px) {
  #item_common_page .img_flex_2items img {
    object-fit: cover;
    width: 50%;
    height: 300px;
  }
  #item_common_page .img_flex_3items img {
    object-fit: cover;
    width: 33.33%;
    height: 300px;
  }
}
#item_common_page .img_border {
  border: solid 1px #D8D5D5;
}
/* 見出し
************************************/
#item_common_page h2 br,
#item_common_page h3 br,
#item_common_page h4 br {
  display: block!important;
}
@media screen and (max-width: 1280px) {
  #item_common_page h2 br,
  #item_common_page h3 br,
  #item_common_page h4 br {
    display: none!important;
  }
}
@media screen and (max-width: 599px) {
  #item_common_page h2,
  #item_common_page h3,
  #item_common_page h4 {
    letter-spacing: 0.2rem!important;
  }
}
#item_common_page .common_ttl_01 {
  font-size: 3.4rem;
  font-weight: 500;
  letter-spacing: 0.4rem!important;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 3rem;
}
#item_common_page .common_ttl_01 span {
  display: block;
  font-family: 'Georgia','Vollkorn', serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.0;
  padding-bottom: 1rem;
}
@media screen and (max-width: 599px) {
  #item_common_page .common_ttl_01 {
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
    line-height: 1.6!important;
    letter-spacing: 0.2rem!important;
  }
  #item_common_page .common_ttl_01 span {
    font-size: 2.6rem;
    line-height: 1.0;
  }
}
#item_common_page .common_ttl_02 {
  font-size: 3.8rem;
  text-align: center;
  letter-spacing: 0.4rem!important;
  font-family: 'Georgia','Vollkorn', serif;
  display: inline-block;
  position: relative;
  margin-bottom: 2.4rem;
}
#item_common_page .common_ttl_02.w100_ttl {
  margin-top: 3rem;
  margin-bottom: 4.4rem;
}
#item_common_page .common_ttl_02 span {
  font-size: 2.8rem;
  position: absolute;
  top: -1.8em;
  left: -1em;
}
#item_common_page .common_ttl_02 small {
  font-size: 2.4rem;
  font-family: var(--min);
  font-weight: 500;
  display: block;
  line-height: 1.0!important;
}
@media screen and (max-width: 599px) {
  #item_common_page .common_ttl_02 {
    font-size: 2.6rem;
    letter-spacing: 0.2rem!important;
    margin-top: 4rem;
    margin-bottom: 1rem;
  }
  #item_common_page .common_ttl_02.w100_ttl {
    margin-top: 2rem;
    margin-bottom: 1.4rem;
  }
  #item_common_page .common_ttl_02 span {
    font-size: 2.2rem;
    position: absolute;
    top: -1em;
    left: -1em;
  }
  #item_common_page .common_ttl_02 small {
    font-size: 1.8rem;
    line-height: 1.8!important;
  }
}
#item_common_page .common_ttl_03 {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.2rem!important;
  line-height: 1.6!important;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 599px) {
  #item_common_page .common_ttl_03 {
    font-size: 2.0rem;
    text-align: center;
    margin-bottom: 1rem;
  }
}
/* p
************************************/
#item_common_page p {
  font-weight: 500;
  letter-spacing: 0.1rem!important;
  line-height: 2.2em!important;
}
#item_common_page p br {
  display: block!important;
}
@media screen and (max-width: 1280px) {
  #item_common_page p br {
    display: block!important;
  }
}
@media screen and (max-width: 599px) {
  #item_common_page p {
    letter-spacing: 0!important;
    font-size: 1.5rem;
  }
  #item_common_page p br {
    display: none!important;
  }
}
.common_txt {
  font-size: 1.5rem;
  font-family: var(--font_noto_sans);
  font-weight: 400!important;  
}

@media screen and (max-width: 1280px) {
  #item_common_page .common_txt br {
    display: none!important;
  }
}
/* 鞄に入るもの一覧
************************************/
.inside_list {
  width: 90%;
}
.inside_list h3 {
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.inside_list ul li {
  font-size: 1.5rem;
  display: inline;
  letter-spacing: 0.1rem!important;
  line-height: 2.2em!important;
  padding: 0 1rem;
  white-space: nowrap;
}
@media screen and (max-width: 599px){
  .inside_list {
    width: 100%;
    flex-direction: column;
    margin: 0 auto 3rem;
  }
  .inside_list ul li {
    letter-spacing: 0!important;
  }
}
/* 2カラム
************************************/
#item_common_page .col2_wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6rem;
}
#item_common_page .col2_txt {
  width: 50%;
  text-align: center;
  padding: 0 6.26%;
}
.col2_img {
  width: 45.3%;
}
@media screen and (max-width: 599px) {
  #item_common_page .col2_wrap {
    flex-direction: column-reverse;
    margin-bottom: 3rem;
  }
  #item_common_page .col2_txt {
    width: 94%;
    padding: 0;
  }
  #item_common_page .col2_img {
    width: 100%;
  }
}
.col2_wrap_02 {
  width: 80%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 6rem;
}
#item_common_page .col2_img_02 {
  width: 41.45%;
}
#item_common_page .col2_img_02 img {
  width: 100%;
}
#item_common_page .col2_img_02 img:not(:nth-child(1)) {
  margin-top: 2rem;
}
#item_common_page .col2_txt_02 {
  width: 53.62%;
}
@media screen and (max-width: 1280px) {
  #item_common_page .col2_wrap_02 {
    width: 100%;
  }  
}
@media screen and (max-width: 599px) {
  #item_common_page .col2_wrap_02 {
    flex-direction: column;
    width: 86%;
    margin: 0 auto 3rem;
  }
  #item_common_page .col2_img_02 {
    width: 100%;
    margin-bottom: 2rem;
  }
  #item_common_page .col2_img_02 img:not(:nth-child(1)) {
    margin-top: 1.6rem;
  }
  #item_common_page .col2_txt_02 {
    width: 100%;
  } 
}
#item_common_page .row_reverse {
  flex-direction: row-reverse!important;
}
@media screen and (max-width: 599px) {
  #item_common_page .row_reverse {
    flex-direction: column-reverse!important;
  }
}
#item_common_page .col2_wrap_03 {
  width: 81.4%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 6rem;
}
#item_common_page .col2_wrap_03_box {
  width: 48.48%;
}
@media screen and (max-width: 599px) {
  #item_common_page .col2_wrap_03 {
    flex-direction: column;
    width: 86%;
    margin: 0 auto 3rem;
  }
  #item_common_page .col2_wrap_03_box {
    width: 100%;
  }
  #item_common_page .col2_wrap_03_box:nth-child(1) {
    margin-bottom: 1.6rem;
  } 
}
.item_common_movie_wrap {
  width: 81.4%;
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
  margin: 0 auto 6rem;
}
.item_common_movie_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 599px) {
  .item_common_movie_wrap {
    width: 86%;
    margin: 0 auto 3rem;
  }  
}

