@charset "UTF-8";
/* CSS Document */
/*=======================================================================================
    common
=======================================================================================*/
article {
  margin: 0 auto 60px;
}

article h2.title {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.2857142857;
  letter-spacing: 0.09em;
}
@media (max-width: 780px) {
  article h2.title {
    font-size: 2.2rem;
  }
}

/* 下位カテゴリ
-----------------------------------------------------------*/
.categorylist {
  margin: 0 auto 40px;
  padding: 0;
  list-style-type: none;
}

.categorylist li {
  margin: 0 4% 15px 0;
  padding: 6px;
  width: 22%;
  border-left: 2px solid #dcdcdc;
  box-sizing: border-box;
  transition: 0.6s;
}

.categorylist li:nth-of-type(4n) {
  margin: 0 0 15px 0;
}

.categorylist li:hover {
  background: #eeeeee;
}

.categorylist li h3 {
  font-size: 1.4rem;
  font-weight: normal;
  word-break: break-all;
  margin: 0;
  border: none;
}

.categorylist li h3 a {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

@media (max-width: 780px) {
  .categorylist li {
    width: 48%;
  }
  .categorylist li:nth-of-type(2n) {
    margin: 0 0 15px 0;
  }
}
/* -------------------------------------------
埋め込み動画のレスポンシブ対応
------------------------------------------- */
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 商品並び順
-----------------------------------------------------------*/
.itemSort {
  margin: 0 auto 20px;
  padding: 5px;
  background: #fafafa;
}

.itemSort li {
  padding: 5px;
}

.itemSort .count {
  margin: 0 0 0 auto;
  width: 200px;
  text-align: right;
}

/* 商品詳細内リンクにアンダーライン */
/* #column2Box */
article a {
  text-decoration: underline;
}

/*=======================================================================================
    2column
=======================================================================================*/
#mainContents {
  margin: 0 0 0 auto;
  width: calc(100% - 245px);
  max-width: 995px;
}

@media (max-width: 780px) {
  #mainContents {
    width: 100%;
  }
}
/*=======================================================================================
    3column
=======================================================================================*/
#column2Box {
  margin: 0;
  max-width: 705px;
  width: 100%;
}

@media (max-width: 1200px) {
  #column2Box {
    max-width: 705px;
    width: 100%;
  }
}
/* right column */
#column3Box {
  margin: 0 0 0 auto;
  width: 220px;
}

@media (max-width: 1200px) {
  #column3Box {
    margin: 40px auto;
    width: 100%;
  }
}
#column3Box .shopBox3cl {
  margin: 0 auto 30px;
  padding: 10px;
  width: 100%;
  border: 1px solid #b8b8b8;
  box-sizing: border-box;
}

#column3Box .shopBox3cl figure {
  margin: 0 auto;
}

#column3Box .shopBox3cl h1 {
  margin: 5px auto;
  font-size: 1.8rem;
  /*	text-align: center;*/
}

#column3Box .shopBox3cl h2 {
  margin: 5px auto;
  font-size: 1.6rem;
}

#column3Box .shopBox3cl span.sml {
  font-size: 1.2rem;
}

#column3Box .shopBox3cl ul li {
  text-align: center;
}

#column3Box .shopBox3cl ul li + li {
  margin-top: 10px;
}

#column3Box .bannerBox3cl {
  width: 100%;
  text-align: center;
}

#column3Box .bannerBox3cl h2 {
  padding-bottom: 3px;
  font-size: 1.8rem;
  border-bottom: 2px solid #53565a;
  margin-bottom: 10px;
  text-align: left;
}

#column3Box .bannerBox3cl h3 {
  font-size: 1.3rem;
  text-align: left;
  margin-bottom: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

#column3Box .bannerBox3cl ul li {
  margin-bottom: 30px;
}

#column3Box .snsBanner-3col {
  margin: 0 auto 30px;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 10px;
  border-bottom: 1px solid #b8b8b8;
}

#column3Box .snsBanner-3col h2 {
  padding: 10px 0 5px 0;
  line-height: 1.4;
  font-size: 1.8rem;
  border-bottom: 2px solid #53565a;
  margin-bottom: 10px;
  text-align: left;
}

#column3Box .snsBanner-3col h3 {
  font-weight: bold;
  padding-bottom: 5px;
  text-align: center;
}

#column3Box .snsBanner-3col .snsBannerBox {
  margin-bottom: 20px;
}

#column3Box .snsBanner-3col img {
  border: 1px solid #b8b8b8;
}

@media (max-width: 1200px) {
  #column3Box .shopBox3cl {
    width: 40%;
  }
  #column3Box .bannerBox3cl img {
    width: 40%;
  }
  #column3Box .smp_ban-img {
    max-width: 30%;
    height: auto;
    vertical-align: bottom;
  }
  #column3Box .snsBanner-3col img {
    display: block;
    margin: 0 auto;
  }
  #column3Box .snsBanner-3col h3 {
    font-size: 2rem;
  }
}
@media (max-width: 1024px) {
  #column3Box .shopBox3cl {
    width: 40%;
  }
  #column3Box .bannerBox3cl img {
    width: 50%;
  }
  #column3Box .smp_ban-img {
    max-width: 30%;
    height: auto;
    vertical-align: bottom;
  }
  #column3Box .snsBanner-3col img {
    width: 50%;
  }
  #column3Box .snsBanner-3col h3 {
    font-size: 1.6rem;
  }
}
@media (max-width: 480px) {
  #column3Box .shopBox3cl {
    width: 90%;
  }
  #column3Box .smp_ban-img {
    max-width: 60%;
  }
  #column3Box .snsBanner-3col {
    width: 90%;
  }
  #column3Box .snsBanner-3col h3 {
    font-size: 1.8rem;
  }
}
/* fbBox */
#column3Box .fbBox {
  margin: 30px auto 0;
  width: 100%;
  height: 600px;
  border: 1px solid #b8b8b8;
  box-sizing: border-box;
}

@media (max-width: 1200px) {
  #column3Box .fbBox {
    max-width: 500px;
    width: 100%;
  }
  #column3Box .fbBox .fb-page {
    margin: auto;
    max-width: 500px;
    width: 100%;
    display: block !important;
  }
}
/* information */
#column3Box .infoBox3cl {
  margin: 40px auto 0;
  height: auto;
}

#column3Box .infoBox3cl > h1 {
  padding-bottom: 3px;
  font-size: 1.8rem;
  border-bottom: 2px solid #53565a;
}

#column3Box .infoBox3cl ul li {
  border-bottom: 1px dotted #eee;
}

#column3Box .infoBox3cl ul li p.date {
  margin: 0 0 0 10px;
  font-size: 0.9em;
  color: #999;
}

#column3Box .infoBox3cl ul li a {
  padding: 10px 0;
  display: block;
}

#column3Box .infoBox3cl ul li a:hover {
  color: #06c;
  text-decoration: none;
  background: #f5f5f5;
}

/* 追記 */
#column3Box .infoBox3cl ul li h1.title {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

/*=======================================================================================
    sidebar
=======================================================================================*/
#sidebar {
  width: 100%;
  max-width: 220px;
  -webkit-flex-order: -1;
  -moz-flex-order: -1;
  -moz-order: -1;
  -ms-order: -1;
  order: -1;
}
#sidebar .sidebarBox h1 {
  color: #56565a;
  font-weight: 700;
  padding-bottom: 5px;
  font-size: 2rem;
  /* font-weight: 600; */
  border-bottom: 3px solid #5a5a5c;
}
#sidebar .sidebarBox h2 {
  padding: 5px 0;
  color: #56565a;
  font-size: 1.6rem;
}
#sidebar .sidebarBox h2 span.sml {
  font-size: 1.3rem;
  text-align: left;
  display: block;
}
#sidebar .sidebarBox h2 a {
  padding: 0.75em 0 0.75em 0.5em;
  display: block;
  width: 100%;
  height: 100%;
}
#sidebar .sidebarBox .sd_brandList,
#sidebar .sidebarBox .sd_categoryList,
#sidebar .sidebarBox .sd_sceneList {
  border-bottom: 1px solid #e3e3e3;
}
#sidebar .sidebarBox .sd_categoryList h2 {
  position: relative;
}
#sidebar .sidebarBox .sd_categoryList h2 a {
  padding-right: 20px;
  box-sizing: border-box;
}
#sidebar .sidebarBox .sd_categoryList h2::after {
  content: "＋";
  width: auto;
  height: auto;
  border: none;
  position: absolute;
  right: -13px;
  top: 50%;
  color: #bfbfbf;
  display: block;
  transform: translateY(-50%);
  transition: transform 0.3s;
  cursor: pointer;
  padding: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
}
#sidebar .sidebarBox .sd_categoryList h2.is-open::after {
  content: "ー";
  transform: translateY(-50%);
}
#sidebar .sidebarBox .sd_categoryList .thirdRoopList {
  display: none;
  padding-left: 1.5em;
  padding-bottom: 1em;
}
#sidebar .sidebarBox .sd_categoryList .thirdRoopList.is-open {
  display: block;
}
#sidebar .sidebarBox .sd_categoryList .thirdRoopList .thirdRoopItem {
  position: relative;
  padding-right: 30px;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
#sidebar .sidebarBox .sd_categoryList .thirdRoopList .thirdRoopItem > a {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  position: relative;
  width: 100%;
  display: block;
}
#sidebar .sidebarBox .sd_categoryList .thirdRoopList .thirdRoopItem.has-fourth > a::after {
  content: "＋";
  width: auto;
  height: auto;
  border: none;
  position: absolute;
  right: -43px;
  top: 50%;
  display: block;
  color: #bfbfbf;
  transform: translateY(-50%);
  transition: transform 0.3s;
  cursor: pointer;
  padding: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
}
#sidebar .sidebarBox .sd_categoryList .thirdRoopList .thirdRoopItem.has-fourth.is-open > a::after {
  content: "ー";
  transform: translateY(-50%);
}
#sidebar .sidebarBox .sd_categoryList .thirdRoopList .fourthRoopList {
  display: none;
  padding-left: 1.5em;
  padding-top: 0.5em;
}
#sidebar .sidebarBox .sd_categoryList .thirdRoopList .fourthRoopList li {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
#sidebar .sidebarBox .sd_categoryList .thirdRoopList .fourthRoopList li a {
  padding-top: 0.5em;
}
#sidebar .sidebarBox .sd_categoryList .thirdRoopList .fourthRoopList.is-open {
  display: block;
}
#sidebar .sidebarBox + .sidebarBox {
  margin-top: 40px;
}
#sidebar .sd_support_content {
  margin-top: 80px;
}
#sidebar .support_item {
  background: #ededed;
  text-align: center;
  border-radius: 11px;
  width: 100%;
  max-width: 220px;
  box-sizing: border-box;
}
#sidebar .support_item h2 {
  margin-top: 9px;
  margin-bottom: 6px;
  font-size: 2.4rem;
  font-weight: 700;
}
#sidebar .support_item.tel h2 {
  letter-spacing: 0.1em;
}
#sidebar .support_item a {
  padding: 23px 0 25px;
  display: block;
  width: 100%;
  height: 100%;
}
#sidebar .support_item i img {
  width: 20px;
}
#sidebar .support_item .time {
  font-size: 1.6rem;
}
#sidebar .support_item + .support_item {
  margin-top: 16px;
}

@media (max-width: 780px) {
  #sidebar {
    display: none;
  }
}
/*=======================================================================================
    大東寝具のお布団
=======================================================================================*/
#mainContents article {
  margin: 0 auto 120px auto;
  max-width: 880px;
}

#mainContents article:last-of-type {
  /*padding-bottom: 80px;*/
}

#mainContents article + article {
  margin-top: 120px;
}
@media (max-width: 780px) {
  #mainContents article + article {
    margin-top: 80px;
  }
}

#mainContents:not(.fl) article h1 {
  margin: 50px auto 30px;
  font-size: 2.4rem;
  color: #53565a;
  letter-spacing: 5px;
  text-align: center;
  width: 100%;
  height: auto;
  line-height: inherit;
  background: none;
  border-radius: 0;
  border: none;
  box-sizing: border-box;
}

#mainContents article .ctext {
  font-size: 1.6rem;
  line-height: 220%;
  text-align: center;
}

/* -------------------------------------------
    selection_trouble
------------------------------------------- */
#mainContents article.troubleBox > h1 {
  margin: 0 auto 30px;
  padding: 15px 0;
  font-size: 2.4rem;
  color: #53565a;
  letter-spacing: 5px;
  text-align: center;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

#mainContents article.troubleBox section.troubleCheck {
  margin: 50px auto 0;
}

#mainContents article.troubleBox section.troubleCheck:first-of-type {
  margin: 0 auto;
}

#mainContents article.troubleBox section.troubleCheck h1 {
  margin: 0 auto 30px;
}

#mainContents article.troubleBox section.troubleCheck ul {
  margin: 0 auto 15px;
  width: 90%;
}

#mainContents article.troubleBox section.troubleCheck ul li {
  margin: 0 auto 20px;
  padding: 10px;
  text-align: center;
  min-width: 22%;
  background: #f0f0f0;
  border-radius: 5px;
  box-sizing: border-box;
  border-bottom: 2px solid #e0e0e0;
}

#mainContents article.troubleBox section.troubleCheck ul li a {
  font-size: 1.6rem;
  width: 100%;
  height: 100%;
  display: block;
}

@media (max-width: 480px) {
  #mainContents article.troubleBox section.troubleCheck {
    margin: 30px auto 0;
  }
  #mainContents article.troubleBox section.troubleCheck ul {
    margin: 0 auto 15px;
    width: 95%;
  }
  #mainContents article.troubleBox section.troubleCheck ul li {
    margin: 0 3% 20px 0;
    padding: 5px;
    text-align: center;
    min-width: 22%;
    background: #f0f0f0;
    border-radius: 5px;
    box-sizing: border-box;
  }
}
section.searchItemBox {
  margin: 0 auto;
  padding: 20px;
  max-width: 1000px;
  background: #eee8e0;
  box-sizing: border-box;
  position: relative;
}

section.searchItemBox h1 {
  color: #ca8a36;
  font-size: 2rem;
  position: relative;
}

section.searchItemBox h1:after {
  content: "";
  margin: auto 0 auto auto;
  width: calc(100% - 14rem);
  height: 1px;
  border-bottom: 3px double #ca8a36;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

section.searchItemBox h1:last-of-type {
  margin-top: 40px;
}

section.searchItemBox .siboxInner {
  margin: 10px auto 20px;
  padding: 0 10px;
}

section.searchItemBox .siboxInner div {
  width: 48%;
}

section.searchItemBox .siboxInner div a {
  margin: 10px auto;
  padding: 5px 0;
  text-align: center;
  width: 100%;
  border: 1px solid #dbdbdc;
  background: rgba(255, 255, 255, 0.6);
  display: block;
  box-sizing: border-box;
}

section.searchItemBox .siboxInner dl {
  width: 100%;
  height: auto;
}

section.searchItemBox .siboxInner dl:after {
  content: "";
  display: block;
  clear: both;
}

section.searchItemBox .siboxInner dl dt {
  width: 38%;
  float: left;
  clear: both;
}

section.searchItemBox .siboxInner dl dt a {
  padding: 0;
  border: none;
}

section.searchItemBox .siboxInner dl dt figure {
  padding: 3px;
  width: 100%;
  height: auto;
  background: #ffffff;
  border-radius: 2px;
  box-sizing: border-box;
}

section.searchItemBox .siboxInner dl dt figcaption {
  margin-top: 10px;
  text-align: center;
}

section.searchItemBox .siboxInner dl dd {
  margin-left: 42%;
  width: 58%;
}

@media (max-width: 780px) {
  section.searchItemBox {
    margin: 0 auto;
    padding: 20px 10px 10px 10px;
    width: 90%;
    box-sizing: border-box;
  }
  section.searchItemBox .siboxInner div {
    width: 100%;
  }
  section.searchItemBox .siboxInner dl {
    width: 100%;
    height: auto;
  }
  section.searchItemBox .siboxInner div:first-of-type {
    margin-bottom: 40px;
  }
  section.searchItemBox .siboxInner dl dt,
  section.searchItemBox .siboxInner dl dd {
    margin: 0;
    width: 100%;
    float: none;
  }
  section.searchItemBox .siboxInner dl dt {
    padding-bottom: 10px;
    text-align: center;
  }
}
/* at start */
.my-mfp-slide-bottom .searchItemBox {
  opacity: 0;
  transition: all 0.2s ease-out;
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .searchItemBox {
  opacity: 1;
  transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .searchItemBox {
  opacity: 0;
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

/*=======================================================================================
    汎用パーツ
=======================================================================================*/
.ctgTopKey {
  margin: 0 auto 100px;
  width: 100%;
  height: auto;
}

@media (max-width: 480px) {
  .ctgTopKey {
    margin: 0 auto 60px;
  }
}
.universalBox {
  margin: 0 auto 100px;
  width: 100%;
  height: auto;
  position: relative;
}

@media (max-width: 480px) {
  .universalBox {
    margin: 0 auto 60px;
  }
}
.universalBox .ubTxt {
  padding: 20px;
  color: #000000;
  width: 55%;
  height: auto;
}

.universalBox .ubTxt.tl {
  position: absolute;
  top: 0;
  left: 0;
}

.universalBox .ubTxt.tr {
  position: absolute;
  top: 0;
  right: 0;
}

.universalBox .ubTxt.bl {
  position: absolute;
  left: 0;
  bottom: 0;
}

.universalBox .ubTxt.br {
  position: absolute;
  right: 0;
  bottom: 0;
}

.universalBox .ubTxt h1,
.universalBox .ubTxt02 h1 {
  margin-bottom: 15px;
  font-size: 2.8rem;
  /* font-weight: 600; */
  line-height: 120%; /* text-align: left; */
}

.universalBox .ubTxt02 {
  padding: 20px;
  color: #000000;
  width: 90%;
  height: auto;
}

.universalBox .ubTxt02.tl {
  position: absolute;
  top: 0;
  left: 0;
}

.universalBox .ubTxt02.tr {
  position: absolute;
  top: 0;
  right: 0;
}

.universalBox .ubTxt02.bl {
  position: absolute;
  left: 0;
  bottom: 0;
}

.universalBox .ubTxt02.br {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 780px) {
  .universalBox {
    width: 100%;
    height: auto;
    position: static;
  }
  .universalBox .ubTxt,
  .universalBox .ubTxt02 {
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  .universalBox .ubTxt h1,
  .universalBox .ubTxt02 h1 {
    margin-bottom: 15px;
    font-size: 2rem;
    line-height: 120%;
    /* font-weight: 600; */
  }
  .universalBox .ubTxt.tl,
  .universalBox .ubTxt.tr,
  .universalBox .ubTxt.bl,
  .universalBox .ubTxt.br,
  .universalBox .ubTxt02.tl,
  .universalBox .ubTxt02.tr,
  .universalBox .ubTxt02.bl,
  .universalBox .ubTxt02.br {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
}
.universalBox a.brandlink {
  margin: 0 auto;
  padding: 10px;
  font-size: 1.8rem;
  /* font-weight: 600; */
  width: 70%;
  height: auto;
  text-align: center;
  border: 3px solid #9fa09e;
  border-radius: 6px;
  display: block;
}

@media (max-width: 780px) {
  .universalBox a.brandlink {
    margin: 0 auto;
    padding: 10px;
    width: 80%;
    height: auto;
    text-align: center;
    border: 3px solid #9fa09e;
    border-radius: 6px;
    display: block;
  }
}
/* 写真width最大600px */
.universalBox .imgw600 {
  max-width: 600px;
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
  display: block;
}

.universalBox .imgw600_02 {
  max-width: 600px;
  width: 100%;
  margin: auto;
}

/* 写真横ならび */
.universalBox_pl,
.universalBox_pr {
  margin: 0 auto 100px;
  width: 100%;
  height: auto;
}

.universalBox h1,
.universalBox_pl h1,
.universalBox_pr h1 {
  margin-bottom: 20px;
  font-size: 2.8rem;
  line-height: 1.8; /* font-weight: 600; */
}

.universalBox_pl .ubpTxtBox {
  width: 50%;
  float: right;
  padding-left: 15px;
}

.universalBox_pl figure {
  width: 45.5%;
  float: left;
}

.universalBox_pr .ubpTxtBox {
  width: 50%;
  float: left;
  padding-right: 15px;
}

.universalBox_pr figure {
  width: 45.5%;
  float: right;
}

.universalBox figcaption {
  font-size: 12px;
  line-height: 1.8;
  padding-top: 5px;
}

@media (max-width: 780px) {
  .universalBox_pl h1,
  .universalBox_pr h1 {
    margin-bottom: 15px;
    font-size: 2rem;
    line-height: 120%;
    /* font-weight: 600; */
  }
  .universalBox_pl .ubpTxtBox,
  .universalBox_pr .ubpTxtBox {
    width: 100%;
    float: none;
    padding: 0;
  }
  .universalBox_pl figure,
  .universalBox_pr figure {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    float: none;
  }
}
.innerTxt {
  font-size: 1.4rem;
  line-height: 1.9;
}

#shijoBanner .innerTxt {
  text-align: center;
  margin-bottom: 10px;
}

#shijoBanner .innerTxt a {
  font-size: 1.8rem;
  line-height: 1.9;
}

.innerTxt600 {
  font-size: 1.4rem;
  line-height: 1.9;
  width: 600px;
  margin: 0 auto;
}

@media (max-width: 780px) {
  .innerTxt600 {
    width: 100%;
  }
}
.innerTxt .keishane-text {
  padding: 0 40px 0 0;
}

.innerTxt p + p {
  margin-top: 20px;
}

.innerTxt table.itemSpec {
  margin: 0 0 20px;
  width: 100%;
}

.innerTxt table.itemSpec th {
  padding-right: 5px;
  vertical-align: top;
}

.innerTxt a.itemTtl {
  padding: 5px 10px;
  color: #ffffff;
  height: auto;
  text-align: center;
  background: #9fa09e;
  border-radius: 6px;
  display: inline-block;
}

.innerTxt ul.itemOption li a {
  padding: 2px 5px;
  border: 1px solid #9fa09e;
  border-radius: 15px;
  display: block;
}

.innerTxt ul.itemOption li + li {
  margin-left: 10px;
}

.innerTxt-tetrasize {
  text-align: right;
  margin-top: -100px;
}

@media (max-width: 480px) {
  .innerTxt table.itemSpec th,
  .innerTxt table.itemSpec td {
    padding-right: 5px;
    vertical-align: top;
    width: 100%;
    display: block;
  }
  .innerTxt .keishane-text {
    padding: 0;
  }
  .innerTxt-tetrasize {
    text-align: right;
    margin-top: -50px;
  }
}
ul.bulet {
  margin: 0 0 0 2rem;
  list-style: disc;
  line-height: 1.9;
}

ul.bulet li {
  list-style: disc;
}

.pointArea ul.spec {
  margin: 0 auto;
  width: 400px;
  height: auto;
}

.pointArea ul.spec li {
  padding: 5px 0;
  text-align: center;
}

.pointArea ul.spec li + li {
  border-top: 1px solid #b8b8b8;
}

.pointArea table {
  width: 100%;
  border: 1px solid #e8e8e8;
  font-size: 1.3rem;
}

.pointArea th {
  background: #f9f9f9;
  padding: 10px 10px 10px 20px;
  border: 1px solid #e8e8e8;
}

.pointArea td {
  padding: 10px 10px 10px 20px;
  border: 1px solid #e8e8e8;
}

@media (max-width: 780px) {
  .pointArea ul.spec {
    margin: 0 auto;
    width: 90%;
    height: auto;
  }
  .pointArea ul.spec li {
    padding: 5px 0;
    text-align: left;
  }
  .pointArea th {
    background: #f9f9f9;
    padding: 10px 5px;
    border: 1px solid #e8e8e8;
  }
  .pointArea td {
    padding: 10px 5px;
    border: 1px solid #e8e8e8;
  }
}
.universalBox .uniInner > h1 {
  margin-bottom: 15px;
  font-size: 2.8rem;
  line-height: 120%; /* font-weight: 600; */
}

.universalBox .uniInner > h1 span.sml {
  font-size: 1.8rem;
}

@media (max-width: 780px) {
  .universalBox .uniInner > h1 {
    margin-bottom: 15px;
    font-size: 2rem;
    line-height: 120%;
    /* font-weight: 600; */
  }
}
/* select */
.select02Box {
  padding: 10px 15px;
  width: 48%;
  background: #f9f9f9;
  box-sizing: border-box;
}

.select02Box > h2,
.select02Box > h2 a {
  font-size: 2.4rem; /* font-weight: 600; */
}

.select02Box > h2 span {
  font-size: 1.8rem; /* font-weight: 500; */
}

.select02Box dl dt {
  font-size: 2.2rem;
}

.select02Box dl dd {
  padding-bottom: 10px;
}

@media (max-width: 780px) {
  .select02Box {
    margin: 20px 0;
    padding: 10px 15px;
    width: 100%;
    background: #f9f9f9;
    box-sizing: border-box;
  }
  .select02Box > h2 {
    font-size: 2rem;
    /* font-weight: 600; */
  }
  .select02Box dl dt {
    font-size: 1.9rem;
  }
}
/* priceBox */
.priceBox {
  margin: 0 auto 30px;
  width: 100%;
  height: auto;
}

.priceBox h1 {
  margin: 0 auto 5px;
  padding: 5px 0;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  background: #b0c4de;
  border: #00608d solid 1px;
}

.priceBox.gr h1 {
  background: #a5ccc3;
}

.priceBox table {
  width: 100%;
  border: #00608d solid 1px;
  border-collapse: collapse;
}

.priceBox table thead th {
  background: #b0c4de;
  color: #222222;
  font-weight: 600;
  padding: 10px 15px;
  text-align: center;
  border-right: #00608d solid 1px;
  border-bottom: #00608d solid 1px;
}

.priceBox table thead th:last-child {
  border-right: #00608d solid 1px;
}

.priceBox table thead th.th_cloth {
  width: 20%;
  min-width: 100px;
  vertical-align: middle;
}

.priceBox table tbody th {
  background: #b0c4de;
  color: #222222;
  font-weight: 600;
  padding: 10px 15px;
  text-align: center;
  border-bottom: #00608d solid 1px;
  vertical-align: top;
}

.priceBox table tbody tr:last-child th {
  border-bottom: #00608d solid 1px;
}

.priceBox table tbody td {
  background: #fff;
  text-align: center;
  border-left: #00608d solid 1px;
  border-bottom: #00608d solid 1px;
  vertical-align: top;
}

.priceBox table tbody td a {
  padding: 10px 15px;
  display: block;
  transition: 0.4s;
}

.priceBox table tbody td:empty:after {
  content: "－";
  padding: 10px 15px;
  display: block;
}

.priceBox table tbody td a:hover {
  background: #ddecff;
}

.priceBox.gr table thead th,
.priceBox.gr table tbody th {
  background: #a5ccc3;
}

.priceBox.gr table tbody td a:hover {
  background: #e6f4f1;
}

@media screen and (max-width: 780px) {
  .priceBox table {
    border: none;
    border-top: #00608d solid 1px;
  }
  .priceBox table thead {
    display: none;
  }
  .priceBox table tbody th {
    border-right: #00608d solid 1px;
    border-left: #00608d solid 1px;
    display: block;
  }
  .priceBox table tbody td {
    text-align: left;
    border-right: #00608d solid 1px;
    display: block;
  }
  .priceBox table tbody td::before {
    content: attr(label);
    margin-right: 20px;
    padding: 10px 0 10px 20px;
    float: left;
    clear: both;
    font-weight: bold;
  }
}
/* pajama */
.pajamaWaku {
  padding: 10px 15px;
  width: 48%;
  background: #f9f9f9;
  box-sizing: border-box;
}

.pajamaWaku > h2 a {
  font-size: 2.4rem;
  font-weight: 600;
}

.pajamaWaku dl dt {
  font-size: 2.2rem;
}

.pajamaWaku dl dd {
  padding-bottom: 10px;
}

@media (max-width: 780px) {
  .pajamaWaku {
    margin: 20px 0;
    padding: 10px 15px;
    width: 100%;
    background: #f9f9f9;
    box-sizing: border-box;
  }
  .pajamaWaku > h2 a {
    font-size: 2rem;
    font-weight: 600;
  }
  .pajamaWaku dl dt {
    font-size: 1.9rem;
  }
}
.pajamaColor {
  margin-top: 30px;
}

.pajamaColor > li {
  width: 23%;
}

@media (max-width: 780px) {
  .pajamaColor > li {
    margin-bottom: 20px;
    width: 48%;
  }
}
@media (max-width: 480px) {
  .pajamaColor > li {
    margin-bottom: 20px;
    width: 100%;
  }
}
/* 座布団 */
/*
.innerTxt.zabuton h2 {
	margin: 0 0 20px 0;
	font-size: 2.0rem;
	border: none;
}
*/
.innerTxt.zabuton h2 span.sml {
  margin-left: 20px;
  font-size: 1.6rem;
}

.innerTxt.zabuton .clothBox {
  margin: 0 auto 30px;
  width: 90%;
}

@media (max-width: 480px) {
  .innerTxt.zabuton .clothBox {
    margin: 0 auto 30px;
    width: 90%;
    -moz-flex-direction: column;
    flex-direction: column;
  }
}
.innerTxt.zabuton .clothBox > figure {
  width: 135px;
  height: 135px;
}

.innerTxt.zabuton .clothBox .variation {
  width: calc(100% - 150px);
  height: 135px;
}

.innerTxt.zabuton .clothBox .variation ul:last-of-type {
  margin-top: 9px;
}

.innerTxt.zabuton .clothBox .variation ul li {
  margin: 0 5px;
  width: 63px;
  height: 63px;
}

@media (max-width: 480px) {
  .innerTxt.zabuton .clothBox .variation {
    margin-top: 10px;
    width: 100%;
  }
}
.innerTxt .relationItem {
  margin: 20px 0 0 auto;
  padding: 10px;
  width: auto;
  background: #f2f2f2;
  box-sizing: border-box;
}

.innerTxt .relationItem dt {
  padding: 5px 0;
  font-size: 1.6rem;
  font-weight: 600;
  float: left;
  clear: both;
}

.innerTxt .relationItem dd {
  margin-left: 80px;
}

.innerTxt .relationItem dd a {
  margin: 0 10px;
  padding: 5px 10px;
  text-align: center;
  display: inline-block;
  background: #ffffff;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

.innerTxt .relationItem li + li {
  margin-left: 20px;
}

.mediainfo {
  font-size: 1.3rem;
  line-height: 1.9;
  height: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px #dddddd solid;
  padding: 5px;
}

.example-info {
  font-size: 1.3rem;
  line-height: 1.9;
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px #dddddd solid;
  padding: 5px;
  margin-bottom: 20px;
}

/*=======================================================================================
    カテゴリページ　リンクボタン
=======================================================================================*/
.btnLink li {
  margin: 0 10px;
  flex: 1 1 0;
}

.btnLink li a {
  padding: 10px;
  text-align: center;
  background: #f0f0f0;
  border-radius: 5px;
  box-sizing: border-box;
  border-bottom: 2px solid #e0e0e0;
  display: block;
}

/*=======================================================================================
    ○○から選らぶリスト
=======================================================================================*/
.selectItemList {
  margin: 0 auto;
}

.selectItemList li {
  margin: 0 4% 40px 0;
  width: 48%;
}

.selectItemList li:nth-of-type(2n) {
  margin: 0 0 40px 0;
}

.selectItemList li a {
  display: -moz-flex;
  display: flex;
}

.selectItemList li a figure {
  margin-right: 20px;
  width: 45%;
  text-align: center;
}

.selectItemList li a dl {
  width: calc(100% - (45% + 20px));
}

.selectItemList li a dl dt {
  margin: 0 0 10px;
  font-size: 1.6rem;
  font-weight: 700;
}

@media (max-width: 480px) {
  .selectItemList li {
    margin: 0 0 40px 0;
    width: 100%;
  }
}
/*=======================================================================================
    detail
=======================================================================================*/
#column2Box .itemDetailWrap {
  margin: 0 auto 50px !important;
}

#column2Box .itemDescription {
  margin: 0 auto 40px !important;
}

#column2Box .itemDetailWrap .iconBox {
  margin: 0 auto 10px;
}

#column2Box .itemDetailWrap .iconBox li + li {
  margin-left: 10px;
}

@media (max-width: 480px) {
  #column2Box .itemDetailWrap h1.pc_hdn {
    margin: 0 auto 10px;
    font-size: 2rem;
    line-height: 1.8;
  }
}
#column2Box .itemDetailWrap #itemTop .itemFig {
  margin-right: 3%;
  width: 40%;
}

#column2Box .itemDetailWrap #itemTop .itemFig figure {
  margin: 0 auto 20px;
}

#column2Box .itemDetailWrap #itemTop .itemFig ul li {
  margin: 0 4% 0 0;
  width: 22%;
}

@media (max-width: 480px) {
  #column2Box .itemDetailWrap #itemTop .itemFig {
    margin: 0 auto 20px;
    width: 100%;
  }
}
#column2Box .itemDetailWrap #itemTop .itemTopSpec {
  width: 57%;
}

#column2Box .itemDetailWrap #itemTop .itemTopSpec h1 {
  margin: 0 auto 50px;
  font-size: 2.2rem;
  line-height: 1.6;
}

@media (max-width: 480px) {
  #column2Box .itemDetailWrap #itemTop .itemTopSpec {
    width: 100%;
  }
}
/* price point */
#column2Box .itemDetailWrap #itemTop .itemTopSpec .specTxt {
  margin: 0 0 0 auto;
  /* color: #696969; */
  text-align: right;
  color: #222; /*width: 240px;*/
}

#column2Box .itemDetailWrap #itemTop .itemTopSpec .specTxt .price em {
  margin-right: 5px;
  font-size: 3rem;
  font-weight: 700;
}

#column2Box .itemDetailWrap #itemTop .itemTopSpec .specTxt .price .discount {
  padding: 5px;
  color: #ffffff;
  background: #dc143c;
  border-radius: 5px;
  display: inline-block;
}

#column2Box .itemDetailWrap #itemTop .itemTopSpec .specTxt .point span {
  font-size: 2rem;
  font-weight: 700;
  color: #dc143c;
}

@media (max-width: 480px) {
  #column2Box .itemDetailWrap #itemTop .itemTopSpec .specTxt {
    margin: 0 auto;
    width: 90%;
    text-align: right;
    line-height: 1.8;
  }
}
/* option */
.option-area {
  margin: 20px 0 0 auto !important;
  width: 80%;
}

.option-area .makeshop-option-select {
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
}

/* num */
.productnum-wrap {
  margin: 20px 0 0 auto;
  padding: 0 !important;
  width: 35%;
}

/* itemSNS */
#itemSNS {
  margin: 20px auto 0;
}

#itemSNS li + li {
  margin-left: 10px;
}

/*=======================================================================================
    大東寝具追加
=======================================================================================*/
/*news*/
.daitou_news {
  /*margin-left:10px;*/
  width: 65%;
  margin: 0 auto;
}

.daitou_news h2 {
  font-size: 1.5em;
  font-weight: bold;
  padding: 3px 0 0 15px;
  margin-bottom: 20px;
  border-left: solid #888 5px;
}

.daitou_news h3 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 3px 0 0 5px;
  border-left: solid 5px #999;
  margin-bottom: 20px;
}

.daitou_news p {
  line-height: 1.9;
  margin-bottom: 30px;
}

.daitou_news .attention {
  color: #f00;
  font-size: 1.6em;
}

.daitou_news p a {
  text-decoration: underline;
}

.daitou_news p a:visited {
  color: #609;
}

.daitou_news p a:hover {
  color: #33e;
}

.daitou_news p a:active {
  color: #44f;
}

.daitou_news img.newsimg {
  max-width: 600px;
  /*width: 100%;*/
  height: auto;
  display: block;
  margin: 0 auto 10px auto;
}

@media (max-width: 780px) {
  .daitou_news {
    width: 100%;
  }
  .daitou_news img.newsimg {
    max-width: 100%;
    height: auto;
  }
  #topic .daitou_news img.newsimg {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  #topic .daitou_news h3 {
    font-size: 1.2em;
    font-weight: bold;
    padding: 3px 0 0 5px;
    border-left: solid 5px #999;
  }
}
.tentative {
  width: 600px;
  margin: 0 auto;
}

.pricerevision p {
  max-width: 600px;
  margin: 0 auto;
  font-size: 1.6rem;
}

.pricerevision h2 {
  font-size: 1.4em;
  max-width: 700px;
  padding: 0px 0 0 10px;
  margin: 0 auto 20px auto;
  border-left: solid #888 10px;
  border-bottom: solid #888 2px;
  font-family: "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", Century, "Times New Roman", Georgia, "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
}

.pricerevision table {
  width: 100%;
  max-width: 600px;
  margin: 0 auto 50px;
  border: 1px solid #666;
  border-collapse: collapse;
}

.pricerevision th {
  padding: 5px 3px;
  border: 1px solid #666;
}

.pricerevision th.thleft {
  text-align: left;
  vertical-align: top;
  padding-top: 5px 3px;
}

.pricerevision th.thright {
  text-align: right;
}

.pricerevision td {
  text-align: right;
  padding: 5px 3px;
  border: 1px solid #666;
}

.pricerevision td.tdleft {
  text-align: left;
}

p.taxattention {
  font-size: 1.2rem;
  text-align: right;
  /*	margin-top: -40px;*/
  /*	margin-bottom: 50px;*/
}

/*ベッドアクセサリー内 納品事例 グリッド化*/
.gr-wrap-pu_2l {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(2, 47%);
  grid-column-gap: 5%;
  grid-row-gap: 30px;
  margin-bottom: 100px;
}
.gr-wrap-pu_2l figure + figure {
  margin-top: 0;
}

.duvetcase h3 {
  border-bottom: 1px solid #666;
}

.textsub {
  padding-top: 20px;
  font-size: 1.2rem;
  text-align: right;
}

.gr-wrap-pu_3l {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(3, 30%);
  grid-column-gap: 5%;
  grid-row-gap: 30px;
  margin-bottom: 100px;
}

.case3col h3 {
  border-bottom: 1px solid #666;
}

/*=======================================================================================
    追加コード
=======================================================================================*/
/* テキストバリエーション */
.innerTxt00 {
  font-size: 1.2rem;
  line-height: 1.9;
}

.innerTxt02 {
  font-size: 1.8rem;
  line-height: 1.9;
}

.innerTxt03 {
  font-size: 2rem;
  line-height: 1.9;
}

.txt_b {
  font-weight: bold;
}

/* 画像のline-heightを消す */
.ctgtopKey img,
.universalBox img,
.universalBox_pl img,
.universalBox_pr img {
  line-height: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  vertical-align: bottom;
}

/* 見出しの汎用化 */
.ctgTopKey h1,
.universalBox h1,
.universalBox_pl h1,
.universalBox_pr h1,
.ubpTxtBox h1 {
  font-size: 2.8rem;
  margin-bottom: 20px;
  line-height: 1.4; /* text-align: left; */
  font-weight: 600; /*R7.8.28追加*/
  letter-spacing: 0.09em; /*R7.8.28追加*/
}

.ctgTopKey h2,
.universalBox h2,
.universalBox_pl h2,
.universalBox_pr h2,
.ubpTxtBox h2 {
  font-size: 2.4rem;
  margin-bottom: 20px;
  line-height: 1.4; /* text-align: left; */
}

.ctgTopKey h3,
.universalBox h3,
.universalBox_pl h3,
.universalBox_pr h3,
.ubpTxtBox h3 {
  font-size: 2rem;
  margin-bottom: 20px;
  line-height: 1.4; /* text-align: left; */
}

.udshinmarugo {
  font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
}

@media (max-width: 780px) {
  .ctgTopKey h1,
  .universalBox h1,
  .universalBox_pl h1,
  .universalBox_pr h1,
  .ubpTxtBox h1 {
    margin-bottom: 20px;
    font-size: 2.2rem;
    line-height: 1.4;
  }
  .ctgTopKey h2,
  .universalBox h2,
  .universalBox_pl h2,
  .universalBox_pr h2,
  .ubpTxtBox h2 {
    margin-bottom: 20px;
    font-size: 2.2rem;
    line-height: 1.4;
  }
  .ctgTopKey h3,
  .universalBox h3,
  .universalBox_pl h3,
  .universalBox_pr h3,
  .ubpTxtBox h3 {
    margin-bottom: 20px;
    font-size: 2rem;
    line-height: 1.4;
  }
}
/* 装飾付き見出し */
/* 敷き布団カテゴリページ　見出し用 */
.shiki_title {
  font-size: 2.4rem;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #ffffff;
  margin-bottom: 20px;
  padding: 5px;
  background-color: #555555;
}

/* アンダーライン付き見出し用 */
.midashi_ul {
  font-size: 2.4rem;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  border-bottom: 2px solid #a0d6f1;
  padding-bottom: 5px;
  margin-bottom: 30px;
}

.midashi_ul02 {
  font-size: 2.8rem;
  border-bottom: 1px solid #707070;
  padding-bottom: 5px;
  margin-bottom: 40px;
  letter-spacing: 0.09em;
  font-weight: 700;
  color: #2D2D2F;
}

@media (max-width: 780px) {
  .midashi_ul02 {
    font-size: 2.2rem;
    border-bottom: 1px solid #707070;
    padding-bottom: 5px;
    margin-bottom: 30px;
  }
}
/* 角丸アンダーライン付き見出し */
.midashi_ul03 {
  padding: 0 0 5px 25px;
  letter-spacing: 4px;
  border-left: 1px solid #53565a;
  border-bottom: 1px solid #53565a;
  border-radius: 0 0 0 10px;
  box-sizing: border-box;
}

@media (max-width: 480px) {
  .midashi_ul03 {
    padding: 0 0 20px 25px;
    letter-spacing: 4px;
    border-left: 1px solid #53565a;
    border-bottom: 1px solid #53565a;
    border-radius: 0 0 0 10px;
    box-sizing: border-box;
  }
}
.midashi_ul04 {
  border-bottom: 1px solid #555;
  padding: 0 0 5px 5px;
}

/* 左に四角つき見出し */
.midashi_sq {
  font-size: 2.8rem;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 20px;
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 10px solid #ffa500;
}

.midashi_sq02 {
  padding: 0.25em 0 0.25em 0.75em;
  border-left: 10px solid #53565a;
}

.midashi_sq03,
.midashi_sq04 {
  position: relative;
  padding-left: 20px;
}

.midashi_sq03:before {
  background: #f7c600;
  content: "";
  height: 15px;
  width: 15px;
  left: 0;
  position: absolute;
  top: 7px;
}

.midashi_sq04:before {
  background: #666;
  content: "";
  height: 15px;
  width: 15px;
  left: 0;
  position: absolute;
  top: 7px;
}

@media (max-width: 480px) {
  .midashi_sq {
    font-size: 2.2rem;
  }
}
/* 枠線付き見出し */
.midashi_sl {
  padding: 15px;
  border: 1px solid #222;
  margin-bottom: 20px;
  width: 100%;
}

/* 汎用均等2列横並び */
.universalBox_2l {
  margin: 0 auto 100px;
  width: 100%;
  height: auto;
}

.universalBox_2l .box01,
.universalBox_2l .box01_02 {
  width: 48%;
  float: left;
}

.universalBox_2l .box02,
.universalBox_2l .box02_02 {
  width: 48%;
  float: right;
}

@media (max-width: 780px) {
  .universalBox_2l {
    margin: 0 auto 100px;
    width: 100%;
    height: auto;
  }
  .universalBox_2l .box01 {
    width: 48%;
    float: left;
  }
  .universalBox_2l .box02 {
    width: 48%;
    float: right;
  }
  .universalBox_2l .box01_02,
  .universalBox_2l .box02_02 {
    width: 100%;
    margin-bottom: 30px;
  }
}
/* 汎用3列横並び */
.universalBox_3l {
  width: 100%;
  height: auto;
}

.universalBox_3l .box01,
.universalBox_3l .box02,
.universalBox_3l .box01_02,
.universalBox_3l .box02_02 {
  width: 30%;
  float: left;
  margin-right: 5%;
}

.universalBox_3l .box03,
.universalBox_3l .box03_02 {
  width: 30%;
  float: right;
}

@media (max-width: 780px) {
  .universalBox_3l {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
  }
  .universalBox_3l .box01,
  .universalBox_3l .box02 {
    width: 30%;
    float: left;
    margin-right: 5%;
  }
  .universalBox_3l .box03 {
    width: 30%;
    float: right;
  }
  .universalBox_3l .box01_02,
  .universalBox_3l .box02_02,
  .universalBox_3l .box03_02 {
    clear: both;
    width: 100%;
    margin-bottom: 30px;
  }
}
/* 汎用4列横並び */
.universalBox_4l {
  width: 100%;
  height: auto;
}

.universalBox_4l .box01,
.universalBox_4l .box02,
.universalBox_4l .box03 {
  width: 22%;
  float: left;
  margin-right: 4%;
}

.universalBox_4l .box04 {
  width: 22%;
  float: right;
}

@media (max-width: 780px) {
  universalBox_4l {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
  }
  .universalBox_4l .box01,
  .universalBox_4l .box02,
  .universalBox_4l .box03 {
    width: 22%;
    float: left;
    margin-right: 4%;
  }
  .universalBox_4l .box04 {
    width: 22%;
    float: right;
  }
}
/* 汎用横並び-左2：右1 */
.universalBox_3l2 {
  width: 100%;
  height: auto;
  margin-bottom: 100px;
}

.universalBox_3l2 .box01 {
  width: 65%;
  float: left;
  margin-right: 5%;
}

.universalBox_3l2 .box02 {
  width: 30%;
  float: right;
}

@media (max-width: 780px) {
  .universalBox_3l2 {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
  }
  .universalBox_3l2 .box01,
  .universalBox_3l2 .box02 {
    width: 100%;
    margin-bottom: 30px;
  }
}
/* 汎用横並び-左1：右2 */
.universalBox_3l2r {
  width: 100%;
  height: auto;
  margin-bottom: 100px;
}

.universalBox_3l2r .box01 {
  width: 30%;
  float: left;
  margin-right: 5%;
}

.universalBox_3l2r .box02 {
  width: 65%;
  float: right;
}

@media (max-width: 780px) {
  .universalBox_3l2r {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
  }
  .universalBox_3l2r .box01,
  .universalBox_3l2 .box02 {
    width: 100%;
    margin-bottom: 30px;
    clear: both;
    text-align: left;
  }
}
/* 汎用横並びクラスの見出し */
.universalBox_2l h1,
universaBox_3l h1,
.universalBox_4l h1,
.universalBox_3l2 h1,
.universalBox_3l2r h1,
.box01 h1,
.box02 h1,
.box03 h1,
.box04 h1 {
  font-size: 2.8rem;
  margin-bottom: 20px;
  line-height: 1.4; /* text-align: left; */
}

.universalBox_2l h2,
universaBox_3l h2,
.universalBox_4l h2,
.universalBox_3l2 h2,
.universalBox_3l2r h2,
.box01 h2,
.box02 h2,
.box03 h2,
.box04 h2 {
  font-size: 2.4rem;
  margin-bottom: 20px;
  line-height: 1.4; /* text-align: left; */
}

.universalBox_2l h3,
universaBox_3l h3,
.universalBox_4l h3,
.universalBox_3l2 h3,
.universalBox_3l2r h3,
.box01 h3,
.box02 h3,
.box03 h3,
.box04 h3 {
  font-size: 2rem;
  margin-bottom: 20px;
  line-height: 1.4; /* text-align: left; */
}

@media (max-width: 780px) {
  .universalBox_2l h1,
  universaBox_3l h1,
  .universalBox_4l h1,
  .universalBox_3l2 h1,
  .universalBox_3l2r h1,
  .box01 h1,
  .box02 h1,
  .box03 h1,
  .box04 h1 {
    margin-bottom: 20px;
    font-size: 2rem;
    line-height: 1.4;
  }
  .universalBox_2l h2,
  universaBox_3l h2,
  .universalBox_4l h2,
  .universalBox_3l2 h2,
  .universalBox_3l2r h2,
  .box01 h2,
  .box02 h2,
  .box03 h2,
  .box04 h2 {
    margin-bottom: 20px;
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .universalBox_2l h3,
  universaBox_3l h3,
  .universalBox_4l h3,
  .universalBox_3l2 h3,
  .universalBox_3l2r h3,
  .box01 h3,
  .box02 h3,
  .box03 h3,
  .box04 h3 {
    margin-bottom: 20px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
}
/* ============================================
　　flexbox
============================================ */
/*　コンテナ　*/
.universal_flexbox {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  /* align-items: flex-start; */
  flex-wrap: wrap;
  justify-content: space-between;
}

.universal_flexbox02 {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  /* align-items: flex-start; */
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* 2列 */
.flex-item_2l {
  width: 48%;
}

/* 3列 */
.flex-item_3l {
  width: 32%;
}

/* 4列 */
.flex-item_4l {
  width: 22%;
}

/* 60% */
.flex-item_60 {
  width: 60%;
}

@media (max-width: 780px) {
  .flex-item_2l,
  .flex-item_3l,
  .flex-item_60 {
    width: 100%;
  }
  .flex-item_4l {
    width: 32%;
    margin-right: 2%;
  }
  .flex-item_4l:nth-child(3n) {
    margin-right: 0;
  }
}
/* ============================================
　　flexbox
============================================ */
/* ============================================
　　grid
============================================ */
.gr-wrap_2l {
  display: grid !important;
  grid-template-columns: repeat(2, 48%);
  grid-column-gap: 4%;
  grid-row-gap: 50px;
}

.gr-wrap_2l-hw {
  display: grid !important;
  grid-template-columns: repeat(2, 48%);
  grid-column-gap: 4%;
  grid-row-gap: 100px;
}

.gr-wrap_2l .gr-item01,
.gr-wrap_2l-hw .gr-item01 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row: 1fr;
}

.gr-wrap_2l .gr-item02 {
  grid-column: 1fr;
  grid-row: 1fr;
}

.gr-wrap_ace {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 3.5%;
  grid-row-gap: 30px;
}

.gr-wrap_ace .grbox1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}

.gr-wrap_ace .grbox2 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}

.gr-wrap_1-2-1 {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 4%;
  grid-row-gap: 20px;
}

.gr-wrap_1-2-1 .grbox1 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}

.gr-wrap_1-2-1 .grbox4 {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
}

@media (max-width: 780px) {
  .gr-wrap_2l {
    display: grid !important;
    /*		grid-template-columns: 100%;*/
    /*		grid-column-gap: 50px;*/
  }
  .gr-wrap_2l-hw {
    display: block;
  }
  .gr-wrap_2l-hw dt {
    margin-bottom: 20px;
  }
  .gr-wrap_2l-hw dd {
    margin-bottom: 100px;
  }
  .gr-wrap_1-2-1 {
    display: grid !important;
    grid-template-columns: 100%;
    grid-column-gap: 50px;
  }
  .gr-wrap_1-2-1 .grbox1 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .gr-wrap_1-2-1 .grbox4 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
  }
}
.gr-wrap_3l {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 4%;
  grid-row-gap: 50px;
}

.gr-wrap_3l-hw {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 4%;
  grid-row-gap: 50px;
}

.gr-wrap_3l .gr-item01 {
  grid-column: 1fr;
  grid-row: 1fr;
}

.gr-wrap_3l-hw .gr-item02 img {
  margin-bottom: 10px;
}

@media (max-width: 780px) {
  .gr-wrap_3l-hw .gr-item02 {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
/*
@media (max-width: 780px) {
	.gr-item_3l {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 5%;
}
.gr-wrap_4l .gr-item01 {
	grid-column: 1fr;
	grid-row: 1fr;
}
}
*/
.gr-wrap_4l {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 2%;
  grid-row-gap: 50px;
}

.gr-wrap_4l .gr-item01 {
  grid-column: 1fr;
  grid-row: 1fr;
}

@media (max-width: 780px) {
  .gr-wrap_4l {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 4%;
    grid-row-gap: 50px;
  }
  .gr-wrap_4l .gr-item01 {
    grid-column: 1fr;
    grid-row: 1fr;
  }
}
.gr-wrap_5l {
  display: grid !important;
  grid-template-columns: 20% 20% 20% 20% 20%;
  grid-template-rows: auto;
  border: 1px solid #333;
  text-align: center;
}

.gr-wrap_5l .gr-item01 {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row: 1;
  padding: 10px;
  border-bottom: 1px solid #333;
}

.gr-wrap_5l .gr-item02 {
  grid-column: 1fr;
  grid-row: 1fr;
  padding: 10px;
  border-right: 1px solid #333;
}

.gr-wrap_5l .gr-item02:last-child {
  border: none;
}

@media (max-width: 780px) {
  .gr-wrap_5l {
    display: block;
  }
  .gr-wrap_5l .gr-item01,
  .gr-wrap_5l .gr-item02 {
    border-right: none;
    border-bottom: 1px solid #333;
  }
  .gr-wrap_5l .gr-item02:last-child {
    border: none;
  }
}
/* ============================================
　　grid
============================================ */
/* オーバーフロー */
.mediainfo {
  font-size: 1.4rem;
  line-height: 1.9;
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px #dddddd solid;
  padding: 5px;
}

/* 価格表テーブル */
.priceList table {
  cellpadding: 0;
  cellspacing: 0;
  border-collapse: collapse;
  margin-bottom: 100px;
}

.priceList table td {
  border: solid 1px #333;
  vertical-align: middle;
  text-align: center;
  font-size: 1.4rem;
  padding: 10px 0;
}

.priceList table td a {
  display: block;
  width: 100%;
  height: 100%;
}

.price-label {
  font-size: 1.8rem;
  color: #fff;
  background-color: #333;
  vertical-align: middle;
  text-align: center;
}

.price-label02 {
  font-size: 1.8rem;
  background-color: #bbe2f1;
  vertical-align: middle;
  text-align: center;
}

.price-label03 {
  font-size: 1.8rem;
  background-color: #e6c773;
  vertical-align: middle;
  text-align: center;
}

.price-label a {
  color: #fff;
}

.price-label02 a {
  color: #333;
}

.priceList h2 {
  font-size: 2.4rem;
  margin-bottom: 20px;
  line-height: 1.4; /* text-align: left; */
}

@media (max-width: 780px) {
  .priceList h2 {
    margin-bottom: 20px;
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .priceList table {
    width: 100%;
  }
  .priceList table td {
    font-size: 1.3rem;
  }
  .priceList table td a {
    font-size: 1.3rem;
  }
  .price-label {
    font-size: 1.6rem;
  }
}
/*=======================================================================================
    各ページ専用　-　追加コード
=======================================================================================*/
/* 右メニューお知らせエリア */
/* baby */
.babyGiftPhoto {
  margin: 0 auto 40px;
}

.babyGiftPhoto li {
  width: 30%;
}

@media (max-width: 780px) {
  .babyGiftPhoto li {
    width: 100%;
  }
  .babyGiftPhoto li + li {
    margin-top: 10px;
  }
}
article.product_baby > h1 {
  color: #ffffff;
  background: #53565a;
  border-radius: 6px;
}

article.product_baby .productsBabyBox figure {
  width: 345px;
  height: 230px;
  overflow: hidden;
  position: relative;
  display: block;
  border-radius: 10px;
}

article.product_baby .productsBabyBox figure img {
  width: 100%;
  height: auto;
  /*画像のセンタリング（中央寄せ）*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
}

article.product_baby .productsBabyBox .productsBabyTxt {
  width: 500px;
  height: auto;
}

article.product_baby .productsBabyBox .productsBabyTxt a {
  margin-bottom: 10px;
  padding: 10px;
  text-decoration: underline;
  background: #ededed;
  display: block;
}

@media (max-width: 780px) {
  article.product_baby .productsBabyBox figure {
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    min-height: 200px;
    max-height: 400px;
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 10px;
  }
  article.product_baby .productsBabyBox .productsBabyTxt {
    width: 100%;
    height: auto;
  }
}
article .text_l,
article .text_r {
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 220%;
  width: 100%;
  text-align: left;
}

article .text_l .txtBox {
  line-height: 220%;
  width: 64%;
  height: auto;
  float: left;
}

article .text_l figure {
  width: 31.7%;
  height: auto;
  float: right;
}

article .text_r .txtBox {
  line-height: 220%;
  width: 64%;
  height: auto;
  float: right;
}

article .text_r figure {
  width: 31.7%;
  height: auto;
  float: left;
}

@media (max-width: 1200px) {
  article .text_l,
  article .text_r {
    margin: 0 auto;
    width: 90%;
    text-align: left;
  }
  article .text_l .txtBox,
  article .text_r .txtBox {
    line-height: 180%;
    width: 100%;
    height: auto;
    float: none;
  }
  article .text_l figure,
  article .text_r figure {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    height: auto;
    float: none;
  }
}
@media (max-width: 780px) {
  article .text_l,
  article .text_r {
    margin: 0 auto;
    font-size: 1.4rem;
    width: 90%;
    text-align: left;
  }
}
/* tetra　取り扱い店舗情報 */
.universalBox_pr_tetra,
.universalBox_pl_tetra {
  margin: 0 auto 50px;
  width: 100%;
  height: auto;
}

.universalBox_pr_tetra .ubpTxtBox {
  width: 40%;
  float: left;
}

.universalBox_pr_tetra figure {
  width: 60%;
  float: right;
  text-align: left;
}

.universalBox_pl_tetra .ubpTxtBox {
  width: 40%;
  float: right;
}

.universalBox_pl_tetra figure {
  width: 60%;
  float: left;
  text-align: left;
}

.universalBox_pl_tetra h2,
.universalBox_pr_tetra h2 {
  font-size: 2.4rem;
  margin-bottom: 20px;
  line-height: 1.4;
  text-align: left;
}

@media (max-width: 780px) {
  .universalBox_pr_tetra,
  .universalBox_pl_tetra {
    margin: 0 auto 50px;
    width: 100%;
    height: auto;
  }
  .universalBox_pr_tetra .ubpTxtBox,
  .universalBox_pl_tetra .ubpTxtBox {
    width: 100%;
    margin-bottom: 30px;
  }
  .universalBox_pr_tetra figure,
  .universalBox_pr_tetra figure {
    width: 100%;
    text-align: left;
  }
  .universalBox_pl_tetra h2,
  .universalBox_pr_tetra h2 {
    margin-bottom: 15px;
    font-size: 1.8rem;
    line-height: 1.4;
  }
}
/* 座・気まま */
.universalBox_pr_kmm h1 {
  margin-bottom: 20px;
  font-size: 2.8rem;
  line-height: 1.6;
}

.universalBox_pr_kmm {
  width: 100%;
  height: auto;
  margin-bottom: 50px;
}

.universalBox_pr_kmm .ubpTxtBox {
  width: 48%;
  float: left;
  margin-right: 4%;
}

.universalBox_pr_kmm figure {
  width: 48%;
  float: right;
}

@media (max-width: 780px) {
  .universalBox_pr_kmm {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
  }
  .universalBox_pr_kmm .ubpTxtBox {
    width: 100%;
    margin-bottom: 50px;
  }
  .universalBox_pr_kmm figure {
    width: 100%;
  }
}
/* 傾斜寝枕 */
.blue {
  color: #0d87b2;
}

.voiceinfo {
  width: 90%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 1.4rem;
  line-height: 1.9;
  height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px #dddddd solid;
  margin: 0 auto;
  padding: 5px;
}

.patent {
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 100px;
  padding: 15px 15px 20px 15px;
  border: 3px solid #0d86b1;
  border-radius: 4px;
  background: #f2f7f9;
}

.patent h4 {
  font-size: 1.8rem;
  margin-bottom: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

.patent .data p {
  margin: 0 0 30px 0;
  font-size: 1.3rem;
  text-align: left;
}

.patent .data dl {
  font-size: 1.2rem;
  display: flex;
  border-bottom: 2px solid #0d86b1;
  background: #f2f7f9;
}

.patent .data dt {
  width: 25%;
  padding: 5px 10px 0 3px;
}

.patent .data dd {
  width: 75%;
  padding: 5px 10px 0 10px;
}

.patent .universalBox_pr {
  margin: 0;
}

.patent .universalBox_pr img {
  margin-left: 50px;
  width: 70%;
}

.comment-k {
  background-color: rgba(13, 134, 177, 0.1254901961);
  padding: 20px;
  border-radius: 15px;
  width: 95%;
  margin: 0 auto;
}

.comment-k h3 {
  border-bottom: 1px solid #666;
  text-align: center;
  width: 80%;
  margin: 0 auto 30px auto;
  padding-bottom: 5px;
}

.comment-k .mark {
  background: linear-gradient(transparent 60%, #ff9 0%);
  font-style: normal;
  font-weight: normal;
}

.hojo .mark {
  background: linear-gradient(transparent 60%, #ff9 0%);
  font-style: normal;
  font-weight: normal;
}

@media (max-width: 780px) {
  .voiceinfo {
    width: 100%;
    height: 300px;
  }
  .patent {
    width: 95%;
  }
  .patent .data dt {
    width: 25%;
    padding: 5px 10px 0 3px;
  }
  .patent .universalBox_pr img {
    margin-left: 0px;
  }
  .comment-k {
    padding: 20px 15px;
  }
  .comment-k h3 {
    width: 100%;
  }
}
/*意匠登録証*/
.d-register {
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 100px;
  padding: 15px 15px 20px 15px;
  border: 3px solid #ffd7be;
  border-radius: 4px;
  background: #fffbf9;
}

.d-register h4 {
  font-size: 1.8rem;
  margin-bottom: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

.d-register .data p {
  margin: 0 0 30px 0;
  font-size: 1.3rem;
  text-align: left;
}

.d-register .data dl {
  font-size: 1.2rem;
  display: flex;
  border-bottom: 2px solid #8b8b8b;
  background: #fffbf9;
}

.d-register .data dt {
  width: 40%;
  padding: 5px 0px 3px 3px;
}

.d-register .data dd {
  width: 60%;
  padding: 5px 3px 0 10px;
}

.d-register .universalBox_pr {
  margin: 0;
}

.d-register .universalBox_pr img {
  margin-left: 50px;
  width: 70%;
}

@media (max-width: 780px) {
  .voiceinfo {
    width: 100%;
    height: 300px;
  }
  .d-register {
    width: 95%;
  }
  .d-register .data dt {
    width: 40%;
    padding: 5px 0px 3px 3px;
  }
  .d-register .universalBox_pr img {
    margin-left: 0px;
  }
}
/* 店舗情報 */
.mds {
  font-size: 1.8rem;
  color: #fff;
  /*文字色*/
  background-color: #555;
  /*背景色*/
  padding: 10px 20px;
  /*文字周りの余白*/
  border-radius: 10px;
  /*角丸*/
  margin-bottom: 20px;
  display: inline-block;
}

@media (max-width: 780px) {
  .mds {
    margin-bottom: 20px;
    font-size: 1.8rem;
    color: #333;
    line-height: 1.4;
  }
}
/* priceBox */
.priceBox {
  margin: 0 auto 30px;
  width: 100%;
  height: auto;
}

.priceBox h1 {
  margin: 0 auto 5px;
  padding: 5px 0;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  background: #b0c4de;
  border: #00608d solid 1px;
}

.priceBox.gr h1 {
  background: #a5ccc3;
}

.priceBox table {
  width: 100%;
  border: #00608d solid 1px;
  border-collapse: collapse;
}

.priceBox table thead th {
  background: #b0c4de;
  color: #222222;
  font-weight: 600;
  padding: 10px 15px;
  text-align: center;
  border-right: #00608d solid 1px;
  border-bottom: #00608d solid 1px;
}

.priceBox table thead th:last-child {
  border-right: #00608d solid 1px;
}

.priceBox table thead th.th_cloth {
  width: 18%;
  min-width: 100px;
}

.priceBox table tbody th {
  background: #b0c4de;
  color: #222222;
  font-weight: 600;
  padding: 10px 15px;
  text-align: center;
  border-bottom: #00608d solid 1px;
  vertical-align: top;
}

.priceBox table tbody tr:last-child th {
  border-bottom: #00608d solid 1px;
}

.priceBox table tbody td {
  background: #fff;
  text-align: center;
  border-left: #00608d solid 1px;
  border-bottom: #00608d solid 1px;
  vertical-align: top;
}

.priceBox table tbody td a {
  padding: 10px 15px;
  display: block;
  transition: 0.4s;
}

.priceBox table tbody td:empty:after {
  content: "－";
  padding: 10px 15px;
  display: block;
}

.priceBox table tbody td a:hover {
  background: #ddecff;
}

.priceBox.gr table thead th,
.priceBox.gr table tbody th {
  background: #a5ccc3;
}

.priceBox.gr table tbody td a:hover {
  background: #e6f4f1;
}

@media screen and (max-width: 780px) {
  .priceBox table {
    border: none;
    border-top: #00608d solid 1px;
  }
  .priceBox table thead {
    display: none;
  }
  .priceBox table tbody th {
    border-right: #00608d solid 1px;
    border-left: #00608d solid 1px;
    display: block;
  }
  .priceBox table tbody td {
    text-align: left;
    border-right: #00608d solid 1px;
    display: block;
  }
  .priceBox table tbody td::before {
    content: attr(label);
    margin-right: 20px;
    padding: 10px 0 10px 20px;
    float: left;
    clear: both;
    font-weight: bold;
  }
}
/* 座布団 */
.zabu-cell {
  padding: 10px;
  background-color: #f9f9f9;
}

.fzabu-title {
  width: 100%;
  padding: 10px 10px;
  background-color: #3a546b;
  color: #fff;
  text-align: center;
}

table .fzabu {
  border-collapse: collapse;
  border: 1px solid #333;
}

.fzabu td {
  vertical-align: middle;
  padding: 10px 0;
  text-align: center;
  border-collapse: collapse;
  border: 1px solid #333;
}

/**/
/* ご利用ガイド */
.guide-section {
  line-height: 1.8;
}

/* 配送方法（ご利用ガイド内） */
.delivery-table {
  width: 100%;
}

.delivery-table td {
  border: 1px solid #666666;
  padding-left: 5px;
}

.delivery-table td.bggray {
  background-color: #ececec;
}

@media screen and (max-width: 780px) {
  .delivery-table td {
    font-size: 0.6rem;
  }
}
/* 返品について（ご利用ガイド内） */
.returnguide-table {
  width: 100%;
}

.returnguide-table td {
  border: 1px solid #666666;
  padding: 10px 20px;
}

@media screen and (max-width: 780px) {
  .returnguide-table td {
    font-size: 0.6rem;
  }
}
/* あて布ページ内のq and a部分 */
.faqlist {
  width: 98%;
  font-family: メイリオ;
  margin-top: 30px;
  font-size: 1.4rem;
  /*全体のフォントサイズ*/
  height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: 1px #ccc solid;
  padding: 5px;
}

.faqlist dt {
  background: #888;
  /* 「Q」タイトルの背景色 */
  color: #fff;
  /* 「Q」タイトルの文字色 */
  padding: 8px;
  border-radius: 2px;
}

.faqlist dt:before {
  content: "Q.";
  font-weight: bold;
  margin-right: 8px;
}

.faqlist dd {
  margin: 20px 16px 30px 32px;
  line-height: 1.8;
  text-indent: -24px;
}

.faqlist dd:before {
  content: "A.";
  font-weight: bold;
  margin-right: 8px;
}

/* メディア掲載情報 */
dl .mediainfo {
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  zoom: 1;
  max-height: 100px;
  border: 1px #ddd solid;
  padding: 5px;
}

.mediainfo dt {
  width: 20%;
  float: left;
  clear: both;
}

.mediainfo dd {
  margin-left: 20%;
  padding-bottom: auto;
}

@media (max-width: 480px) {
  dl .mediainfo {
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    zoom: 1;
    height: 100px;
    border: 1px #ddd solid;
    padding: 5px;
  }
  .mediainfo dt {
    width: 25%;
    float: left;
    clear: both;
  }
  .mediainfo dd {
    margin-left: 25%;
    padding-bottom: auto;
  }
}
/* 納品事例 */
dl .example-info {
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  zoom: 1;
  max-height: 200px;
  border: 1px #ddd solid;
  padding: 5px;
}

.example-info dt {
  width: 20%;
  float: left;
  clear: both;
}

.example-info dd {
  margin-left: 20%;
  padding-bottom: auto;
}

@media (max-width: 480px) {
  dl .example-info {
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    zoom: 1;
    height: 100px;
    border: 1px #ddd solid;
    padding: 5px;
  }
  .example-info dt {
    width: 25%;
    float: left;
    clear: both;
  }
  .example-info dd {
    margin-left: 25%;
    padding-bottom: auto;
  }
}
/* スクロールなしの説明リスト */
dl .all {
  width: 100%;
  zoom: 1;
}

.all dt {
  width: 20%;
  float: left;
  clear: both;
}

.all dd {
  margin-left: 20%;
  padding-bottom: auto;
}

/*
.all dd a {
    text-decoration: underline;
}
*/
@media (max-width: 480px) {
  dl .all {
    width: 100%;
    zoom: 1;
  }
  .all dt {
    width: 25%;
    float: left;
    clear: both;
  }
  .all dd {
    margin-left: 25%;
    padding-bottom: auto;
  }
  /*
    .all dd a {
        text-decoration: underline;
    }
    */
}
/* カラーバリエーションリスト */
ul .color-list {
  width: 100%;
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.color-list li {
  width: 22%;
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 0 2% 50px 0;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 480px) {
  .color-list li {
    width: 30%;
    margin: 0 3% 50px 0;
  }
}
/* 枕カテゴリ-カスタメイク枕素材リスト */
.list-pillow {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 705px;
  display: inline-block;
  vertical-align: top;
}

.list-pillow li {
  max-width: 190px;
  display: inline-block;
  margin: 0 5% 50px 0;
  text-align: center;
  line-height: 1.6;
}

.list-pillow li img {
  max-width: 190px;
  margin-bottom: 10px;
}

/*
ul .list-pillow li a {
    display: block;
}
*/
@media (max-width: 780px) {
  .list-pillow {
    width: 100%;
  }
  .list-pillow li {
    width: 45%;
    margin: 0 2% 50px 0;
    line-height: 1.6;
  }
  .list-pillow li img {
    width: 100%;
  }
}
/* 京和晒綿紗カテゴリ-パジャマtopカラーリスト */
.list-pj {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 705px;
}

.list-pj li {
  width: 30%;
  display: inline-block;
  margin: 0 0.75% 60px 0;
  text-align: center;
  line-height: 1.6;
  vertical-align: top;
}
.list-pj li p {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-align: center;
}
@media (max-width: 780px) {
  .list-pj li p {
    font-size: 1.4rem;
  }
}
.list-pj li .vari {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 8px;
}
@media (max-width: 780px) {
  .list-pj li .vari {
    gap: 12px;
  }
}
.list-pj li .vari .vari-item {
  background: #EDEDED;
  border-radius: 10px;
  padding: 7px 24px;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-align: center;
}
@media (max-width: 780px) {
  .list-pj li .vari .vari-item {
    font-size: 1.4rem;
    padding: 5px 10px;
  }
}

.list-pj li img {
  width: 175px;
  margin-bottom: 10px;
  border-radius: 9999px;
}

@media (max-width: 780px) {
  .list-pj {
    width: 100%;
    /*        text-align: start; */
  }
  .list-pj li {
    width: 45%;
    margin: 0 2% 50px 0;
    line-height: 1.6;
  }
  .list-pj li img {
    width: 100%;
  }
}
/* tetraLUXE */
.fabric p {
  display: inline-block;
}

.name {
  font-size: 1.8rem;
  font-weight: bold;
}

.color {
  font-size: 1.4rem;
  color: #fff;
  background-color: #333;
  margin: 0 0 0 30px;
  padding: 5px 10px;
}

/* 取り扱い店舗一覧 */
.area {
  width: 100%;
  padding: 10px 20px;
  color: #333;
  background-color: #ededed;
}

.shopname {
  font-size: 2rem;
  color: #006284;
}

.shop {
  width: 100%;
  margin-bottom: 100px;
}

.shop dt {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 2px dotted #888;
}

.shop dd {
  margin: 0 0 20px 0;
}

.map {
  padding: 5px;
  vertical-align: center;
  text-align: center;
  background-color: #29a7e2;
  border-radius: 20px;
}

.map a {
  color: #fff;
}

.shop dd.map {
  margin: 0 auto;
  width: 80%;
}

/* tetra　回遊誘導リスト */
ul .tetra-list {
  width: 100%;
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.tetra-list li {
  width: 22%;
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 0 2% 50px 0;
  display: inline-block;
  vertical-align: top;
}

.tetra-list li img {
  margin-bottom: 20px;
}

@media (max-width: 480px) {
  .tetra-list li {
    width: 30%;
    margin: 0 2% 50px 0;
  }
}
/* お客様の声 */
.voiceinfo02 {
  /* スクロールなし */
  width: 90%;
  border: 1px solid #e2e2e2;
  padding: 20px;
  margin: 0 auto;
}

.voiceinfo03 {
  width: 90%;
  height: 530px;
  border: 1px solid #5A5A5C;
  padding: 20px;
  margin: 0 auto;
  overflow-y: scroll; /* スクロールあり */
  overflow-x: hidden;
}

.vi-item {
  background-color: #f0f0f0;
  margin: 0 auto;
  padding: 15px;
  border-radius: 15px;
}

.vi-detail {
  text-align: right;
}

@media (max-width: 780px) {
  .voiceinfo02 {
    width: 100%;
    height: 250px;
    overflow-y: scroll; /* スクロールあり */
    overflow-x: hidden;
  }
}
/* すやすやクッション */
.btn_suya {
  font-family: Century, "Times New Roman", Georgia, "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "メイリオ", Meiryo, serif;
  font-size: 2rem;
  margin-bottom: 20px;
  color: #fff;
  background-color: #ff7c5e;
  border-radius: 30px;
  padding: 5px;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  display: block;
}

.bg_suya {
  background-color: rgba(255, 123, 172, 0.1882352941);
  padding: 30px;
  /*border-bottom: 2px solid #e0e0e0;*/
  border-radius: 20px;
  width: 90%;
}

@media (max-width: 780px) {
  .bg_suya {
    width: 100%;
  }
  .dt-suyac_photo {
    width: 60% !important;
  }
}
/* tetra イベント使用 青葉山ハーバルビレッジ */
.bg_aobayama {
  background-color: rgba(255, 213, 123, 0.1882352941);
  padding: 30px;
  /*border-bottom: 2px solid #e0e0e0;*/
  border-radius: 20px;
  width: 94%;
}

@media (max-width: 780px) {
  .bg_aobayama {
    width: 100%;
  }
  .aobayama_photo {
    width: 60% !important;
  }
}
/* ベッドアクセサリーセット */
.list-duvet {
  display: flex;
  padding: 5px;
  background-color: #0068b7;
  border-radius: 5px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.list-duvet a {
  color: #fff;
}

.flex-item-dvc01 {
  width: 20%;
  padding: 5px;
  text-align: center;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

.flex-item-dvc02 {
  width: 50%;
  padding: 5px;
  text-align: center;
  border-right: 1px solid;
}

.fl-title {
  display: block;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 1px solid;
}

@media (max-width: 780px) {
  .flex-item-dvc01 {
    width: 33%;
  }
}
/* ホームウェア  */
.hw-spec {
  display: block;
  color: #fff;
  background-color: #555;
  padding: 5px 20px;
  margin-bottom: 20px;
  border-radius: 5px;
}

/* 麻特集ページ  */
.midashi_asa {
  font-size: 2.4rem;
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #555;
  text-align: center;
  width: 100%;
}

.innerTxt_asa {
  font-size: 1.4rem;
  line-height: 2.2;
}

/*気まま限定色*/
.kmm_btn {
  max-width: 600px;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 0px;
  background-color: #ffee5c;
  border-radius: 20px;
  text-align: center;
  padding: 5px 10px;
}

.kmm_txt {
  font-size: 2.4rem;
}

/* chambre de D KYOTO  */
.chambre {
  background-color: #d2b48c;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

/*ギフトラッピングについて*/
.giftpage .universalBox {
  /*background:#fcc;padding-bottom: 10px;*/
}

.giftpage h1 {
  font-size: 2.4rem;
  padding: 5px 0 5px 10px;
  margin-bottom: 0px;
  line-height: 1.4;
  border-bottom: 1px solid #999;
  background: #ddd;
}

.giftpage h2 {
  font-size: 2rem;
  border-bottom: 1px solid #666;
}

.gift-section {
  background: #fff;
  /* margin: 10px 10px 0 0;*/
  padding: 20px;
  /* border: 1px solid #666;*/
}

.giftfree {
  /* padding:10px;*/
  border: 1px solid #999;
  margin-bottom: 100px;
}

.giftpaid {
  /* padding:10px;*/
  border: 1px solid #999;
  margin-bottom: 100px;
}

#contentWrap {
  margin-top: 60px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article {
    margin-bottom: 80px;
  }
}
#contentWrap #mainContents #column2Box article h2.title {
  border: none;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.4210526316;
  margin-bottom: 30px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article h2.title {
    font-size: 2.8rem;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article h2.title {
    font-size: 2.2rem;
  }
}
#contentWrap #mainContents #column2Box article .ctgTopKey {
  margin-bottom: 20px;
}
#contentWrap #mainContents #column2Box article .innerTxt.bg a {
  background: #EDEDED;
  text-decoration: none;
  display: block;
  border-radius: 20px;
  padding: 15px 35px;
}
#contentWrap #mainContents #column2Box article .innerTxt.bg a u {
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.5625;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .innerTxt.bg a u {
    font-size: 1.3rem;
  }
}
#contentWrap #mainContents #column2Box article .introTextBox {
  margin-bottom: 60px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .introTextBox {
    margin-bottom: 40px;
  }
}
#contentWrap #mainContents #column2Box article .introTextBox p {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.03em;
}
#contentWrap #mainContents #column2Box article .introTextBox p.read {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 16px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .introTextBox p.read {
    font-size: 1.8rem;
  }
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .introTextBox p {
    font-size: 1.6rem;
  }
}
#contentWrap #mainContents #column2Box article .introTextBox .borderBox {
  margin-top: 40px;
  border: 1px solid #707070;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}
#contentWrap #mainContents #column2Box article .introTextBox .borderBox p {
  letter-spacing: 0.03em;
  line-height: 1.6875;
  font-size: 1.6rem;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .introTextBox .borderBox p {
    font-size: 1.4rem;
  }
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox.mt100 {
    margin-top: 80px !important;
  }
}
#contentWrap #mainContents #column2Box article .universalBox h1 {
  font-size: 2.8rem; /*R7.8.28変更 3 -> 2.8*/
  line-height: 1.4210526316;
  font-weight: 600; /*R7.8.28変更 700 -> 600*/
  letter-spacing: 0.09em;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox h1 {
    font-size: 2.2rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox h2.ttl {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.1428571429;
  margin-bottom: 30px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox h2.ttl {
    font-size: 2rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox h2.ttl.mb40 {
  margin-bottom: 40px;
}
#contentWrap #mainContents #column2Box article .universalBox h2.ttl span {
  display: block;
  margin-top: 10px;
}
#contentWrap #mainContents #column2Box article .universalBox h2.ttl span.em24 {
  font-size: 2.4rem;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox h2.ttl span.em24 {
    font-size: 1.8rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox h2.ttl.em24 {
  font-size: 2.4rem;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox h2.ttl.em24 {
    font-size: 1.8rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox h2.ttl.border {
  border: 1px solid #707070;
  padding: 15px 10px;
  text-align: center;
  margin-top: 50px;
}
#contentWrap #mainContents #column2Box article .universalBox p.read {
  font-weight: 700;
  font-size: 1.8rem;
  margin-bottom: 20px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox p.read {
    font-size: 1.6rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox p.text {
  font-size: 1.8rem;
  margin-bottom: 20px;
  line-height: 1.7777777778;
  letter-spacing: 0.03em;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox p.text {
    font-size: 1.6rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .innerTxt {
  font-size: 1.6rem;
  line-height: 1.6875;
  letter-spacing: 0.03em;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .innerTxt {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .innerTxt.main {
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: 0.03em;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .innerTxt.main {
    font-size: 1.6rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .innerTxt a.sizeBtn {
  font-size: 1.8rem;
  font-weight: 700;
  width: 90%;
  display: block;
  max-width: 400px;
  text-decoration: none;
  height: 50px;
  line-height: 50px;
  border: 1px solid #707070;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .innerTxt a.sizeBtn {
    font-size: 1.6rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .innerTxt a.sizeBtn b {
  text-align: center;
  position: relative;
  padding-left: 1em;
}
#contentWrap #mainContents #column2Box article .universalBox .innerTxt a.sizeBtn b::before {
  content: "＋";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
}
#contentWrap #mainContents #column2Box article .universalBox .innerTxt a.sizeBtn b u {
  text-decoration: none;
}
#contentWrap #mainContents #column2Box article .universalBox ul.umouList li .detailBtn {
  margin: -20px auto 0;
  width: 90%;
  max-width: 460px;
  position: relative;
  z-index: 5;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox ul.umouList li .detailBtn {
    margin: 0 auto;
    width: 70%;
  }
}
#contentWrap #mainContents #column2Box article .universalBox ul.umouList li .detailBtn a {
  padding: 15px 0;
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #707070;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox ul.umouList li .detailBtn a {
    font-size: 1.4rem;
    padding: 10px 0;
  }
}
#contentWrap #mainContents #column2Box article .universalBox ul.umouList li + li {
  margin-top: 60px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox ul.umouList li + li {
    margin-top: 40px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox ul.pointList {
  background: #F5F5F5;
  padding: 40px 20px;
  margin-bottom: 60px;
  counter-reset: number 0;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox ul.pointList {
    padding: 30px 20px;
    margin-bottom: 40px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox ul.pointList li {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.7777777778;
  padding-left: 1.5em;
  position: relative;
}
#contentWrap #mainContents #column2Box article .universalBox ul.pointList li::before {
  counter-increment: number;
  content: counter(number) ".";
  position: absolute;
  left: 0;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox ul.pointList li {
    font-size: 1.6rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox ul.pointList li + li {
  margin-top: 10px;
}
#contentWrap #mainContents #column2Box article .universalBox figure + figure {
  margin-top: 60px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox figure + figure {
    margin-top: 40px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .gr-wrap-pu_2l figure + figure {
  margin-top: 0;
}
#contentWrap #mainContents #column2Box article .universalBox .priceBox h1 {
  margin: 0 auto 5px;
  padding: 5px 0;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  background: #b0c4de;
  border: #00608d solid 1px;
}
#contentWrap #mainContents #column2Box article .universalBox .priceBox.gr h1 {
  background: #a5ccc3;
}
#contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox {
  border: 1px solid #707070;
  margin-top: 60px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox {
    margin-top: 40px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a {
    flex-direction: column;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a figure {
  width: 45.3%;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a figure {
    width: 100%;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a .linkTxt {
  width: 54.7%;
  padding-right: 20px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a .linkTxt {
    width: 90%;
    margin-bottom: 20px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a .linkTxt h2.ttl {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}
#contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a .linkTxt h2.ttl span.main {
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
}
#contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a .linkTxt h2.ttl span.sub {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  vertical-align: middle;
  margin-top: 0;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a .linkTxt h2.ttl span.sub {
    font-size: 1.3rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a .linkTxt span {
  display: block;
}
#contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a .linkTxt span.read {
  font-size: 1.6rem;
  font-weight: 400;
  margin-top: 10px;
  letter-spacing: 0.03em;
  line-height: 1.6875;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .categoryLinkBox a .linkTxt span.read {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .figureCard {
  display: block;
  width: 100%;
}
#contentWrap #mainContents #column2Box article .universalBox .figureCard p {
  font-size: 2rem;
  position: relative;
  padding-right: 1em;
  margin-top: 0.5em;
  font-weight: 700;
  letter-spacing: 0.08em;
}
#contentWrap #mainContents #column2Box article .universalBox .figureCard p::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: inline-block;
  vertical-align: middle;
  color: #5a5a5c;
  line-height: 1;
  width: 6px;
  height: 6px;
  border: 0.15em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(45deg);
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .universalBox .figureCard p {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .ubTxt {
  padding: 30px;
  width: 64.8%;
}
#contentWrap #mainContents #column2Box article .universalBox .ubTxt.br {
  width: 52.8%;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .ubTxt.br {
    width: 100%;
    padding: 0 0 20px;
  }
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .ubTxt {
    width: 100%;
    padding: 0 0 20px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .ubTxt h1 {
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 500;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .universalBox .ubTxt h1 {
    font-size: 2rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox h3 {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.8;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .universalBox h3 {
    font-size: 1.6rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .pajamaWaku {
  background: #F4F4F4;
  padding: 20px;
  width: 47.5%;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .pajamaWaku {
    width: 100%;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .pajamaWaku h2 {
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 0.03em;
  line-height: 1.3333333333;
  background: #fff;
  text-align: center;
  padding: 10px 0;
  width: 100%;
  line-height: 1.6;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .pajamaWaku h2 {
    font-size: 2rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .pajamaWaku h2 span {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.25;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .pajamaWaku h2 span {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .pajamaWaku dl dt {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.6;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .pajamaWaku dl dt {
    font-size: 1.8rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .pajamaWaku dl dd {
  letter-spacing: 0.03em;
  line-height: 1.25;
}
#contentWrap #mainContents #column2Box article .universalBox .voiceinfo03 {
  border-radius: 9px;
  padding: 30px 45px 30px 30px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .voiceinfo03 {
    padding: 20px 10px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .voiceinfo03::-webkit-scrollbar-track {
  background: #f4f4f4;
  width: 6px;
}
#contentWrap #mainContents #column2Box article .universalBox .voiceinfo03::-webkit-scrollbar-thumb {
  background: #2d2d2f;
}
#contentWrap #mainContents #column2Box article .universalBox .voiceinfo03 .vi-item {
  padding: 24px 35px;
  background: #f4f4f4;
  border-radius: 10px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .voiceinfo03 .vi-item {
    padding: 15px 20px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .voiceinfo03 .vi-item p.title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.08em;
  margin-bottom: 18px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .voiceinfo03 .vi-item p.title {
    font-size: 1.8rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .voiceinfo03 .vi-item p {
  line-height: 1.6875;
  letter-spacing: 0.06em;
}
#contentWrap #mainContents #column2Box article .universalBox p.morebtn {
  text-align: center;
  margin: 60px auto 0;
}
#contentWrap #mainContents #column2Box article .universalBox p.morebtn a {
  margin: 0 auto;
  font-size: 1.8rem;
  font-weight: 700;
  max-width: 300px;
  width: 100%;
  height: 62px;
  line-height: 62px;
  border: 1px solid #707070;
  text-align: center;
  display: block;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox p.morebtn a {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .ozgoSwiper {
  width: 80%;
  margin: 0 auto;
  position: relative;
}
#contentWrap #mainContents #column2Box article .universalBox .ozgoSwiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
#contentWrap #mainContents #column2Box article .universalBox .ozgoSwiper .swiper-slide figure img {
  vertical-align: middle;
}
#contentWrap #mainContents #column2Box article .universalBox .ozgoSwiper .slideNav {
  margin: auto;
  width: 13px;
  height: 26px;
  display: block;
  position: absolute;
  top: 180px;
  bottom: auto;
  z-index: 20;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .ozgoSwiper .slideNav {
    top: 80px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .ozgoSwiper .slideNav.next {
  background: url("../img/icon/icon_arrow_l.svg") no-repeat center center/contain;
  left: -6%;
  right: auto;
}
@media (max-width: 1240px) {
  #contentWrap #mainContents #column2Box article .universalBox .ozgoSwiper .slideNav.next {
    left: -8%;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .ozgoSwiper .slideNav.prev {
  background: url("../img/icon/icon_arrow_r.svg") no-repeat center center/contain;
  left: auto;
  right: -6%;
}
@media (max-width: 1240px) {
  #contentWrap #mainContents #column2Box article .universalBox .ozgoSwiper .slideNav.prev {
    right: -8%;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .commentBox {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 40px;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .universalBox .commentBox {
    flex-direction: column;
    row-gap: 20px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .commentBox .comment {
  width: 48%;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .universalBox .commentBox .comment {
    width: 100%;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .commentBox .comment p.ttl {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 10px;
}
#contentWrap #mainContents #column2Box article .universalBox .descPlBox + .descPlBox {
  margin-top: 60px;
}
#contentWrap #mainContents #column2Box article .universalBox .descPlBox .contentBox {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 60px;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .universalBox .descPlBox .contentBox {
    flex-direction: column;
    gap: 0px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .descPlBox .contentBox figure {
  width: 45%;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .universalBox .descPlBox .contentBox figure {
    width: 80%;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .descPlBox .contentBox .textBox {
  width: 55%;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .universalBox .descPlBox .contentBox .textBox {
    width: 100%;
    margin-top: 20px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .descPlBox .contentBox .textBox dl {
  display: flex;
  flex-wrap: wrap;
}
#contentWrap #mainContents #column2Box article .universalBox .descPlBox .contentBox .textBox dl dt {
  width: 60%;
  margin-bottom: 0.5em;
}
#contentWrap #mainContents #column2Box article .universalBox .descPlBox .contentBox .textBox dl dd {
  width: 40%;
  margin-bottom: 0.5em;
}
#contentWrap #mainContents #column2Box article .universalBox .descPlBox .contentBox .textBox p {
  margin-top: 1em;
}
#contentWrap #mainContents #column2Box article .universalBox .detailBtn {
  margin: 60px auto 0;
  width: 100%;
  max-width: 460px;
  position: relative;
  z-index: 5;
}
#contentWrap #mainContents #column2Box article .universalBox .detailBtn a {
  padding: 15px 0;
  text-align: center;
  display: block;
  font-weight: 700;
  width: 100%;
  height: 100%;
  border: 1px solid #707070;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox .detailBtn a {
    font-size: 1.4rem;
    padding: 10px 0;
  }
}
#contentWrap #mainContents #column2Box article .universalBox .detailBtn.p5 a {
  padding: 5px 0;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pr {
    margin-bottom: 60px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pr h2.ttl {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.1428571429;
  margin-bottom: 30px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pr h2.ttl {
    font-size: 2rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pr h2.ttl span {
  display: block;
  margin-top: 10px;
}
#contentWrap #mainContents #column2Box article .universalBox_pr h2.ttl span.em24 {
  font-size: 2.4rem;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pr h2.ttl span.em24 {
    font-size: 1.8rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pr h2.ttl.em24 {
  font-size: 2.4rem;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pr h2.ttl.em24 {
    font-size: 1.8rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pr h2.ttl.border {
  border: 1px solid #707070;
  padding: 15px 10px;
  text-align: center;
  margin-top: 50px;
}
#contentWrap #mainContents #column2Box article .universalBox_pr .ubpTxtBox {
  padding-right: 0;
}
#contentWrap #mainContents #column2Box article .universalBox_pr .ubpTxtBox h1 {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 500;
  margin-bottom: 30px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pr .ubpTxtBox h1 {
    font-size: 2rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pr .ubpTxtBox .innerTxt {
  font-size: 1.6rem;
  line-height: 1.6875;
  letter-spacing: 0.03em;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pr .ubpTxtBox .innerTxt {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pr .ubpTxtBox .innerTxt p.main {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3333333333;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 20px;
  display: block;
  letter-spacing: 0.06em;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pr .ubpTxtBox .innerTxt p.main {
    font-size: 2rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pr figure {
  width: 45.5%;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pr figure {
    width: 100%;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pr figure.w-full {
  width: 100%;
}
#contentWrap #mainContents #column2Box article .universalBox_pr figure p.note {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pr figure p.note {
    font-size: 1.2rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pr .imgBox {
  width: 45.5%;
  float: right;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pr .imgBox {
    width: 100%;
    margin-top: 30px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pr .imgBox .imgItem p {
  margin-bottom: 10px;
}
#contentWrap #mainContents #column2Box article .universalBox_pr .imgBox .imgItem p span {
  display: block;
}
#contentWrap #mainContents #column2Box article .universalBox_pr .imgBox .imgItem p span:nth-of-type(1) {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.06em;
}
#contentWrap #mainContents #column2Box article .universalBox_pr .imgBox .imgItem p span:nth-of-type(2) {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
#contentWrap #mainContents #column2Box article .universalBox_pr .imgBox .imgItem figure {
  width: 100%;
  float: none;
}
#contentWrap #mainContents #column2Box article .universalBox_pr .imgBox .imgItem + .imgItem {
  margin-top: 25px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl {
    margin-bottom: 60px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl h2.ttl {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.1428571429;
  margin-bottom: 30px;
  color: #2D2D2F;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl h2.ttl {
    font-size: 2rem;
    margin-bottom: 15px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl h2.ttl span {
  display: block;
  margin-top: 10px;
}
#contentWrap #mainContents #column2Box article .universalBox_pl h2.ttl span.em24 {
  font-size: 2.4rem;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl h2.ttl span.em24 {
    font-size: 1.8rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl h2.ttl.em24 {
  font-size: 2.4rem;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl h2.ttl.em24 {
    font-size: 1.8rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl h2.ttl.border {
  border: 1px solid #707070;
  padding: 15px 10px;
  text-align: center;
  margin-top: 50px;
}
#contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox {
  padding-left: 0;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox {
    margin-top: 30px;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox h1, #contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox h3 {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 500;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox h1, #contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox h3 {
    font-size: 2rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox h1.ttl28, #contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox h3.ttl28 {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.1428571429;
  margin-bottom: 10px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox h1.ttl28, #contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox h3.ttl28 {
    font-size: 2.2rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox h1 span, #contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox h3 span {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.06em;
}
#contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox .innerTxt {
  font-size: 1.6rem;
  line-height: 1.6875;
  letter-spacing: 0.03em;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox .innerTxt {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox .innerTxt p.main {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3333333333;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox .innerTxt p.main {
    font-size: 2rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox .innerTxt p.read {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.03em;
  margin-top: 20px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox .innerTxt p.read {
    font-size: 1.6rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl .ubpTxtBox .innerTxt p.mt10 {
  margin-top: 10px;
}
#contentWrap #mainContents #column2Box article .universalBox_pl .detailBtn {
  margin: 40px auto 0;
  width: 100%;
  max-width: 400px;
  position: relative;
  z-index: 5;
}
#contentWrap #mainContents #column2Box article .universalBox_pl .detailBtn a {
  padding: 15px 0;
  text-align: center;
  display: block;
  font-weight: 700;
  width: 100%;
  height: 100%;
  border: 1px solid #707070;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl .detailBtn a {
    font-size: 1.4rem;
    padding: 10px 0;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl .detailBtn.p5 a {
  padding: 5px 0;
}
#contentWrap #mainContents #column2Box article .universalBox_pl figure {
  width: 45.5%;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl figure {
    width: 100%;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl figure.w-full {
  width: 100%;
}
#contentWrap #mainContents #column2Box article .universalBox_pl figure p.note {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl figure p.note {
    font-size: 1.2rem;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl .support_item {
  background: #ededed;
  text-align: center;
  border-radius: 11px;
  margin-top: 30px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#contentWrap #mainContents #column2Box article .universalBox_pl .support_item h2 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 0;
}
#contentWrap #mainContents #column2Box article .universalBox_pl .support_item.tel h2 {
  letter-spacing: 0.1em;
  margin-top: 0;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .universalBox_pl .support_item.tel h2 {
    margin-top: 0;
  }
}
#contentWrap #mainContents #column2Box article .universalBox_pl .support_item a {
  padding: 10px 0 12px;
  display: block;
  width: 100%;
  height: 100%;
}
#contentWrap #mainContents #column2Box article .universalBox_pl .support_item a .telBox {
  align-items: center;
  justify-content: center;
}
#contentWrap #mainContents #column2Box article .universalBox_pl .support_item i {
  display: block;
  line-height: 1.1;
  margin-right: 10px;
}
#contentWrap #mainContents #column2Box article .universalBox_pl .support_item i img {
  width: 20px;
}
#contentWrap #mainContents #column2Box article .universalBox_pl .support_item .time {
  font-size: 1.3rem;
}
#contentWrap #mainContents #column2Box article .universalBox_pl .support_item + .support_item {
  margin-top: 16px;
}
#contentWrap #mainContents #column2Box article .universalBox_2l .box01_02, #contentWrap #mainContents #column2Box article .universalBox_2l .box02_02 {
  margin-bottom: 25px;
}
#contentWrap #mainContents #column2Box article .universalBox_2l .box01_02:last-child, #contentWrap #mainContents #column2Box article .universalBox_2l .box02_02:last-child {
  margin-bottom: 0;
}
#contentWrap #mainContents #column2Box article .categoryInfo {
  margin-bottom: 60px;
}
#contentWrap #mainContents #column2Box article .categoryInfo.mb40 {
  margin-bottom: 40px;
}
#contentWrap #mainContents #column2Box article .categoryInfo .ubpTxtBox p.read {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.7777777778;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .categoryInfo .ubpTxtBox p.read {
    font-size: 1.6rem;
  }
}
#contentWrap #mainContents #column2Box article .categoryInfo .ubpTxtBox h1 {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.1428571429;
  letter-spacing: 0.09em;
  margin-bottom: 10px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .categoryInfo .ubpTxtBox h1 {
    font-size: 2.2rem;
  }
}
#contentWrap #mainContents #column2Box article .categoryInfo .ubpTxtBox .orderBox {
  border: 1px solid #707070;
  padding: 20px;
  margin-top: 20px;
}
#contentWrap #mainContents #column2Box article .categoryInfo .ubpTxtBox .orderBox p {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0.03em;
}
#contentWrap #mainContents #column2Box article .pointArea {
  background: #ededed;
  padding: 20px 40px 30px;
  margin-bottom: 100px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .pointArea {
    padding: 20px 30px 30px;
  }
}
#contentWrap #mainContents #column2Box article .pointArea.mb120 {
  margin-bottom: 120px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .pointArea.mb120 {
    margin-bottom: 80px;
  }
}
#contentWrap #mainContents #column2Box article .pointArea p.read {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 15px;
  letter-spacing: 0.08em;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .pointArea p.read {
    font-size: 1.6rem;
  }
}
#contentWrap #mainContents #column2Box article .pointArea .pointBox {
  display: flex;
  align-items: center;
  gap: 30px;
}
#contentWrap #mainContents #column2Box article .pointArea .pointBox figure {
  width: 180px;
}
#contentWrap #mainContents #column2Box article .pointArea .pointBox figure img {
  width: 100%;
  height: auto;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .pointArea .pointBox {
    flex-direction: column;
  }
}
#contentWrap #mainContents #column2Box article .pointArea .pointBox .pointTxt {
  width: calc(100% - 210px);
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .pointArea .pointBox .pointTxt {
    width: 100%;
  }
}
#contentWrap #mainContents #column2Box article .pointArea .pointBox .pointTxt p {
  letter-spacing: 0.03em;
  line-height: 1.6875;
  text-align: left;
}
#contentWrap #mainContents #column2Box article .pointArea .pointBox .pointTxt p.read {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 5px;
  letter-spacing: 0.08em;
  line-height: 1.8;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .pointArea .pointBox .pointTxt p.read {
    font-size: 1.6rem;
  }
}
#contentWrap #mainContents #column2Box article #difference {
  background: #ededed;
  padding: 50px 35px;
  box-sizing: border-box;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article #difference {
    padding: 30px 10px;
  }
}
#contentWrap #mainContents #column2Box article #difference .midashi_sq02 {
  border-left: none;
  font-size: 2.8rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.2857142857;
  padding: 0;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article #difference .midashi_sq02 {
    font-size: 2.2rem;
  }
}
#contentWrap #mainContents #column2Box article #difference .table-container {
  position: relative;
  overflow-x: auto;
  margin-bottom: 20px;
}
#contentWrap #mainContents #column2Box article #difference .table-container .scroll-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 1.4rem;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  white-space: nowrap;
  animation: scroll-hint-animation 2s infinite ease;
}
@keyframes scroll-hint-animation {
  0% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-40%, -50%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
#contentWrap #mainContents #column2Box article #difference .table-container .scroll-hint--show {
  opacity: 1;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 50px;
  background: #fff;
  font-size: 1.8rem;
  text-align: center;
  position: relative;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article #difference .comparison-table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article #difference .comparison-table tr:first-child th,
#contentWrap #mainContents #column2Box article #difference .comparison-table tr:first-child td {
  border-top: none;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table tr:last-child th,
#contentWrap #mainContents #column2Box article #difference .comparison-table tr:last-child td {
  border-bottom: none;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table tr td:nth-child(3) {
  border-right: none;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table th,
#contentWrap #mainContents #column2Box article #difference .comparison-table td {
  border: 1px solid #e3e3e3;
  padding: 15px 5px;
  vertical-align: middle;
  letter-spacing: 0.03em;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table th:first-child,
#contentWrap #mainContents #column2Box article #difference .comparison-table td:first-child {
  border-top: none;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table th {
  background: #fff;
  width: 20%;
  text-align: center;
  font-weight: normal;
  border-left: none;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table td {
  width: 40%;
  max-width: 400px;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table td.bold {
  font-weight: 700;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table td.series {
  vertical-align: top;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table td.series p {
  margin-top: 4px;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table td.verTop {
  vertical-align: top;
  text-align: left;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table td.verTop b {
  text-align: center;
  display: block;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table td p {
  font-size: 1.6rem;
  line-height: 1.25;
  letter-spacing: 0.03em;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article #difference .comparison-table td p {
    font-size: 1.3rem;
  }
}
#contentWrap #mainContents #column2Box article #difference .comparison-table .handle-img {
  margin-bottom: 10px;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table .handle-img figure {
  text-align: center;
  max-width: 240px;
  width: 100%;
  margin: 0 auto;
}
#contentWrap #mainContents #column2Box article #difference .comparison-table .handle-img figure img {
  width: 100%;
  height: auto;
}
#contentWrap #mainContents #column2Box article #difference .movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
#contentWrap #mainContents #column2Box article #difference .movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article #difference .comparison-table th {
    width: 20%;
  }
  #contentWrap #mainContents #column2Box article #difference .comparison-table td {
    width: 40%;
  }
  #contentWrap #mainContents #column2Box article #difference .comparison-table .handle-img {
    flex-direction: column;
    align-items: center;
  }
  #contentWrap #mainContents #column2Box article #difference .comparison-table .handle-img figure {
    margin-bottom: 15px;
  }
  #contentWrap #mainContents #column2Box article #difference .comparison-table .handle-img figure img {
    width: 100%;
  }
}
#contentWrap #mainContents #column2Box article .circleBox {
  margin: 60px auto 100px;
  position: relative;
}
#contentWrap #mainContents #column2Box article .circleBox p.note {
  margin-top: -1em;
  text-align: right;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .circleBox p.note {
    margin-top: 1em;
  }
}
#contentWrap #mainContents #column2Box article .circleBox h2 {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.2857142857;
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .circleBox h2 {
    font-size: 2.2rem;
    margin-bottom: 30px;
  }
}
#contentWrap #mainContents #column2Box article .circleBox ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
#contentWrap #mainContents #column2Box article .circleBox ul li {
  width: 162px;
  height: 162px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #949590;
  border-radius: 50%;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .circleBox ul li {
    width: 130px;
    height: 130px;
  }
}
#contentWrap #mainContents #column2Box article .circleBox ul li p {
  text-align: center;
  color: #fff;
}
#contentWrap #mainContents #column2Box article .circleBox ul li p span {
  font-weight: 500;
  font-size: 1.6rem;
  color: #fff;
  line-height: 1.4375;
  display: block;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .circleBox ul li p span {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .circleBox ul li p span.em24 {
  font-size: 2.4rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.1;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .circleBox ul li p span.em24 {
    font-size: 2rem;
  }
}
#contentWrap #mainContents #column2Box article .circleBox ul li p span.em {
  position: relative;
  font-size: 2.8rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.1;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .circleBox ul li p span.em {
    font-size: 2.2rem;
  }
}
#contentWrap #mainContents #column2Box article .circleBox ul li p span.em num {
  font-size: 4.6rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .circleBox ul li p span.em num {
    font-size: 3rem;
  }
}
#contentWrap #mainContents #column2Box article .circleBox ul li p span.em span {
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
#contentWrap #mainContents #column2Box article .circleBox ul li p span.em span::after {
  content: "※";
  position: absolute;
  top: -12px;
  right: 2px;
  font-size: 1rem;
}
#contentWrap #mainContents #column2Box article .circleBox.circleBox_4 ul {
  gap: 19px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .circleBox.circleBox_4 ul {
    gap: 25px;
  }
}
#contentWrap #mainContents #column2Box article .lineupBox h2 {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.2857142857;
  margin-bottom: 30px;
  text-align: left;
}
#contentWrap #mainContents #column2Box article .lineupBox h2.center {
  text-align: center;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .lineupBox h2 {
    font-size: 2.2rem;
  }
}
#contentWrap #mainContents #column2Box article .lineupBox ul {
  justify-content: space-between;
}
#contentWrap #mainContents #column2Box article .lineupBox ul li {
  width: 47%;
}
#contentWrap #mainContents #column2Box article .lineupBox ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
#contentWrap #mainContents #column2Box article .lineupBox ul li a figure img {
  width: 100%;
}
#contentWrap #mainContents #column2Box article .lineupBox ul li a p {
  font-size: 2rem;
  position: relative;
  padding-right: 1em;
  margin-top: 0.5em;
  font-weight: 700;
  letter-spacing: 0.08em;
}
#contentWrap #mainContents #column2Box article .lineupBox ul li a p::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: inline-block;
  vertical-align: middle;
  color: #5a5a5c;
  line-height: 1;
  width: 6px;
  height: 6px;
  border: 0.15em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(45deg);
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .lineupBox ul li a p {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .lineupBox ul li a span {
  margin-top: 5px;
  display: block;
}
#contentWrap #mainContents #column2Box article .lineupBox ul li a span.bold {
  font-weight: 700;
  margin-top: 10px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .lineupBox ul li a span {
    font-size: 1.3rem;
  }
}
#contentWrap #mainContents #column2Box article .lineupBox ul li + li {
  margin-bottom: 24px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .lineupBox ul li + li {
    margin-bottom: 14px;
  }
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .lineupBox ul.w-full li {
    width: 100%;
  }
  #contentWrap #mainContents #column2Box article .lineupBox ul.w-full li + li {
    margin-top: 40px;
  }
}
#contentWrap #mainContents #column2Box article .sizeTableArea h2 {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.3333333333;
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sizeTableArea h2 {
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType {
  text-align: center;
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection {
  display: flex;
  border-bottom: none;
  gap: 6px;
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeSectionTitle {
  background-color: #E3E3E3;
  padding: 20px 0;
  text-orientation: mixed;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  letter-spacing: 0.1em;
  flex-shrink: 0;
  color: #5A5A5C;
  font-weight: 700;
  font-size: 1.8rem;
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems {
  flex-grow: 1;
  gap: 6px;
  display: flex;
  flex-direction: column;
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems .sizeTypeItem {
  display: flex;
  align-items: stretch;
  min-height: 60px;
  background-color: #F5F5F5;
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems .sizeTypeItem:last-child {
  border-bottom: none;
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems .sizeTypeItem .sizeTypeName {
  padding: 10px 0 10px 30px;
  font-weight: bold;
  flex-basis: 60%;
  text-align: left;
  display: flex;
  align-items: center;
  color: #5A5A5C;
  font-weight: 900;
  font-size: 2rem;
  letter-spacing: 0.03em;
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems .sizeTypeItem .sizeTypeName .subText {
  font-weight: 900;
  display: contents;
  margin-top: 5px;
  color: #5A5A5C;
  letter-spacing: 0.03em;
  font-size: 1.6rem;
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems .sizeTypeItem .sizeTypeDesc {
  padding: 10px 30px 10px 0;
  flex-basis: 40%;
  text-align: left;
  display: flex;
  align-items: center;
  letter-spacing: 0.03em;
  color: #5A5A5C;
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection.sizeOption .sizeTypeItem {
  border-bottom: none;
  min-height: 80px;
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection.sizeOption .sizeTypeItem .sizeTypeName {
  border-right: none;
  flex-basis: 100%;
  text-align: left;
  font-weight: 900;
  font-size: 2rem;
  line-height: 1.5;
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection.sizeOption .sizeTypeItem .sizeTypeName .subText {
  display: none;
}
#contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection + .sizeTypeSection {
  margin-top: 30px;
}
@media screen and (max-width: 1024px) {
  #contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList {
    margin-top: 0;
  }
  #contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection {
    display: block;
    background: #E3E3E3;
    padding: 20px 0;
  }
  #contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeSectionTitle {
    background: none;
    text-align: left;
    font-size: 1.8rem;
    justify-content: flex-start;
    width: 88.76%;
    margin: 0 auto;
    padding: 0 0 12px;
  }
  #contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems {
    width: 88.76%;
    margin: 0 auto;
    gap: 10px;
  }
  #contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems .sizeTypeItem {
    display: block;
    padding: 15px;
    min-height: auto;
    text-align: center;
  }
  #contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems .sizeTypeItem:last-child {
    border-bottom: none;
  }
  #contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems .sizeTypeItem .sizeTypeName {
    border-right: none;
    padding: 0 0 5px 0;
    height: auto;
    flex-basis: auto;
    font-size: 1.8rem;
  }
  #contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems .sizeTypeItem .sizeTypeName .subText {
    display: block;
    margin-top: 4px;
    margin-left: 0;
    font-size: 1.2rem;
  }
  #contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems .sizeTypeItem .sizeTypeDesc {
    padding: 0;
    flex-basis: auto;
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
@media (max-width: 365px) {
  #contentWrap #mainContents #column2Box article .sizeTableArea .sizeType .sizeTypeList .sizeTypeSection .sizeTypeItems .sizeTypeItem .sizeTypeName .subText {
    display: contents;
  }
}
#contentWrap #mainContents #column2Box article .sizeTableBtn {
  justify-content: center;
  gap: 20px;
  margin-top: 60px;
}
#contentWrap #mainContents #column2Box article .sizeTableBtn li {
  border: 1px solid #707070;
  width: 300px;
  height: 62px;
  line-height: 62px;
}
#contentWrap #mainContents #column2Box article .sizeTableBtn a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  text-align: center;
  color: #5a5a5c;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sizeTableBtn a {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea {
  background: #ededed;
  padding: 30px 40px 60px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sleep_osusumeArea {
    padding: 30px 15px 40px;
  }
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .ttlBox {
  text-align: center;
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .ttlBox span {
  display: block;
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .ttlBox span.read {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 20px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sleep_osusumeArea .ttlBox span.read {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .ttlBox h2 {
  background: #fff;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.1428571429;
  margin-bottom: 10px;
  padding: 10px 0;
  border-radius: 7px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sleep_osusumeArea .ttlBox h2 {
    font-size: 2.2rem;
  }
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .detailBtn {
  margin: 40px auto 0;
  width: 95%;
  max-width: 400px;
  position: relative;
  z-index: 5;
  background: #fff;
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .detailBtn a {
  padding: 15px 0;
  text-align: center;
  display: block;
  font-weight: 700;
  width: 100%;
  height: 100%;
  border: 1px solid #707070;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sleep_osusumeArea .detailBtn a {
    font-size: 1.4rem;
    padding: 10px 0;
  }
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .descBox {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sleep_osusumeArea .descBox {
    margin-top: 30px;
    flex-direction: column;
  }
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .descBox .txtBox {
  width: 55%;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sleep_osusumeArea .descBox .txtBox {
    width: 100%;
  }
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .descBox .txtBox p {
  margin-top: 30px;
  letter-spacing: 0.03em;
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .descBox .imgBox {
  width: 43%;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sleep_osusumeArea .descBox .imgBox {
    width: 100%;
    margin-top: 30px;
  }
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .descBox .imgBox p.note {
  margin-top: 10px;
  font-size: 1.4rem;
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .pointArea {
  background: rgba(255, 255, 255, 0.6);
  margin-top: 60px;
  margin-bottom: 0;
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea .pointArea.mt40 {
  margin-top: 40px;
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea.nocolor {
  background: #fff;
  padding: 0;
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea.nocolor .ttlBox {
  text-align: left;
  margin-bottom: 30px;
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea.nocolor .ttlBox h2 {
  margin-bottom: 10px;
  padding: 0;
}
#contentWrap #mainContents #column2Box article .sleep_osusumeArea.nocolor .descBox {
  margin-top: 0;
}
#contentWrap #mainContents #column2Box article .wataArea h2 {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.3333333333;
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .wataArea h2 {
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
#contentWrap #mainContents #column2Box article .wataArea .watalist {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
#contentWrap #mainContents #column2Box article .wataArea .watalist li {
  width: 31.3%;
}
#contentWrap #mainContents #column2Box article .wataArea .watalist li p {
  margin-top: 10px;
}
#contentWrap #mainContents #column2Box article .wataArea .sizeTableBtn {
  margin-bottom: 60px;
}
#contentWrap #mainContents #column2Box article .sampleInfoBox {
  margin: 100px 0;
  padding: 60px 50px;
  text-align: center;
  background: #ededed;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sampleInfoBox {
    margin: 60px 0;
    padding: 40px 10px;
  }
}
#contentWrap #mainContents #column2Box article .sampleInfoBox h2.title {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.2857142857;
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .sampleInfoBox h2.title {
    font-size: 2.2rem;
  }
}
#contentWrap #mainContents #column2Box article .sampleInfoBox p.read {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
  text-align: center;
}
#contentWrap #mainContents #column2Box article .sampleInfoBox p.read a {
  display: inline-block;
  position: relative;
}
#contentWrap #mainContents #column2Box article .sampleInfoBox p.read a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #5a5a5c;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .sampleInfoBox p.read {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .sampleInfoBox .sample_color {
  text-align: center;
  max-width: 356px;
  width: 90%;
  margin: 20px auto 0;
}
#contentWrap #mainContents #column2Box article .sampleInfoBox .sample_color img {
  width: 100%;
}
#contentWrap #mainContents #column2Box article .sampleInfoBox .renrakuBox {
  margin-top: 30px;
}
#contentWrap #mainContents #column2Box article .sampleInfoBox .renrakuBox p {
  width: 100%;
  position: relative;
}
#contentWrap #mainContents #column2Box article .sampleInfoBox .renrakuBox p span {
  text-align: center;
  background: #ededed;
  display: inline-block;
  position: relative;
  z-index: 5;
  padding: 0 1em;
  font-size: 1.8rem;
  font-weight: 900;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sampleInfoBox .renrakuBox p span {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .sampleInfoBox .renrakuBox p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background: #5a5a5c;
  z-index: 1;
}
#contentWrap #mainContents #column2Box article .sampleInfoBox .renrakuBox ul {
  justify-content: center;
  margin-top: 20px;
  gap: 3%;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sampleInfoBox .renrakuBox ul {
    flex-wrap: wrap;
  }
}
#contentWrap #mainContents #column2Box article .sampleInfoBox .renrakuBox ul li {
  width: 22.6%;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 900;
  height: 52px;
  line-height: 52px;
  border-radius: 7px;
  background: #fff;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sampleInfoBox .renrakuBox ul li {
    font-size: 1.4rem;
    width: 48%;
    margin-bottom: 10px;
  }
}
#contentWrap #mainContents #column2Box article .noteBox {
  text-align: left;
  margin-top: 36px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .noteBox {
    margin-top: 20px;
  }
}
#contentWrap #mainContents #column2Box article .noteBox p {
  font-size: 1.4rem;
  line-height: 1.6428571429;
  position: relative;
  padding-left: 1em;
  letter-spacing: 0.03em;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .noteBox p {
    font-size: 1.2rem;
  }
}
#contentWrap #mainContents #column2Box article .noteBox p::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
#contentWrap #mainContents #column2Box article .bannerBox {
  margin-top: 36px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .bannerBox {
    margin-top: 20px;
  }
}
#contentWrap #mainContents #column2Box article .bannerBox ul {
  gap: 4%;
}
#contentWrap #mainContents #column2Box article .bannerBox ul li {
  width: 48%;
  background: #fff;
  height: 62px;
  line-height: 62px;
  border-radius: 7px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .bannerBox ul li {
    width: 100%;
  }
  #contentWrap #mainContents #column2Box article .bannerBox ul li + li {
    margin-top: 20px;
  }
}
#contentWrap #mainContents #column2Box article .bannerBox ul li a {
  width: 100%;
  height: 100%;
}
#contentWrap #mainContents #column2Box article .bannerBox ul li.mail a {
  justify-content: center;
}
#contentWrap #mainContents #column2Box article .bannerBox ul li.mail a img {
  width: 17px;
}
#contentWrap #mainContents #column2Box article .bannerBox ul li.mail a p {
  font-size: 1.8rem;
  font-weight: 900;
  margin-left: 5px;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .bannerBox ul li.mail a p {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .bannerBox ul li.tel a {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  line-height: 1;
  justify-content: center;
  align-items: center;
}
#contentWrap #mainContents #column2Box article .bannerBox ul li.tel a .iconBox {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}
#contentWrap #mainContents #column2Box article .bannerBox ul li.tel a .iconBox img {
  width: 20px;
}
#contentWrap #mainContents #column2Box article .bannerBox ul li.tel a .iconBox span {
  font-size: 1.8rem;
  font-weight: 900;
  margin-left: 5px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .bannerBox ul li.tel a .iconBox span {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .bannerBox p.note {
  margin-top: 16px;
  font-size: 1.8rem;
  line-height: 2;
  text-align: center;
  font-weight: 900;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .bannerBox p.note {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .flowArea h2 {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.3333333333;
  margin-bottom: 30px;
  text-align: center;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea h2 {
    font-size: 1.8rem;
  }
}
#contentWrap #mainContents #column2Box article .flowArea .flowImg {
  margin: 0 auto 100px;
  width: 90%;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea .flowImg {
    width: 100%;
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul {
  margin-top: 120px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .flowArea ul {
    margin-top: 80px;
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul li h2 {
  margin-bottom: 0;
  line-height: 70px;
  height: 70px;
  border: 1px solid #707070;
  text-align: center;
  margin-bottom: 30px;
}
#contentWrap #mainContents #column2Box article .flowArea ul li .typeArea {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea ul li .typeArea {
    flex-direction: column;
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox {
  width: 47.09%;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox {
    width: 100%;
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox .typeBox_ttl {
  margin-bottom: 20px;
}
#contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox .typeBox_ttl span {
  letter-spacing: 0.03em;
  font-weight: 500;
}
#contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox .typeBox_ttl p {
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 0.03em;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox .typeBox_ttl p {
    font-size: 1.8rem;
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox .typeBox_ttl p span {
  font-size: 1.8rem;
  font-weight: 900;
  letter-spacing: 0.03em;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox .typeBox_ttl p span {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox .txtBox p {
  line-height: 1.6875;
  font-size: 1.6rem;
  letter-spacing: 0.06em;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox .txtBox p {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox figure {
  margin-bottom: 10px;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox figure img {
    width: 100%;
  }
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea ul li .typeArea .typeBox + .typeBox {
    margin-top: 20px;
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul li .colorArea .colorBox {
  justify-content: space-between;
  margin-left: 5.9%;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea ul li .colorArea .colorBox {
    margin-left: 0;
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul li .colorArea .colorBox figure {
  width: 180px;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea ul li .colorArea .colorBox figure {
    width: 110px;
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul li .colorArea .colorBox .txtBox {
  width: calc(100% - 228px);
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea ul li .colorArea .colorBox .txtBox {
    width: calc(100% - 140px);
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul li .colorArea .colorBox .txtBox p.colorName {
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 0.03em;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea ul li .colorArea .colorBox .txtBox p.colorName {
    font-size: 1.8rem;
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul li .colorArea .colorBox .txtBox p.colorName span {
  font-size: 1.6rem;
  letter-spacing: 0.03em;
  font-weight: 500;
  line-height: 1.25;
  display: block;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box article .flowArea ul li .colorArea .colorBox .txtBox p.colorName span {
    font-size: 1.2rem;
  }
}
#contentWrap #mainContents #column2Box article .flowArea ul li .colorArea .colorBox .txtBox p.colorName + p {
  margin-top: 10px;
}
#contentWrap #mainContents #column2Box article .flowArea ul li .colorArea .colorBox + .colorBox {
  margin-top: 60px;
}
#contentWrap #mainContents #column2Box article .flowArea ul li + li {
  margin-top: 100px;
}
#contentWrap #mainContents #column2Box #shopArea h2 {
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.2857142857;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box #shopArea h2 {
    font-size: 2rem;
  }
}
#contentWrap #mainContents #column2Box #shopArea p.moreBtn {
  max-width: 400px;
  width: 90%;
  height: 50px;
  line-height: 50px;
  margin: 60px auto 0;
}
#contentWrap #mainContents #column2Box #shopArea p.moreBtn a {
  width: 100%;
  height: 100%;
  line-height: 1.3;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #707070;
  font-size: 1.8rem;
  letter-spacing: 0.08em;
  font-weight: 700;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box #shopArea p.moreBtn a {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box #shopArea .shopInner {
  border-top: none;
  padding: 0;
}
#contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo {
  width: 100%;
}
#contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo + .shopInfo {
  margin-top: 60px;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo + .shopInfo {
    margin-top: 40px;
  }
}
#contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo p.ttl {
  font-size: 2rem;
  line-height: 1.8;
  letter-spacing: 0.08em;
  font-weight: 700;
  margin-bottom: 40px;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo p.ttl {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
#contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo .shopL {
  width: 48%;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo .shopL {
    width: 100%;
  }
}
#contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo .shopR {
  width: 45.6%;
  margin-left: 6.4%;
}
@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo .shopR {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}
#contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo .shopR dl dt {
  clear: left;
  float: left;
  width: 80px;
  margin-bottom: 1em;
  font-weight: 700;
}
#contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo .shopR dl dd {
  margin-left: 100px;
  margin-bottom: 1em;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
#contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo .shopR .mapLink a {
  display: inline-block;
  position: relative;
  padding: 0 0 0 25px;
  color: #5a5a5c;
  border-bottom: 1px solid #5a5a5c;
  text-decoration: none;
  margin-top: 20px;
  font-weight: 700;
  line-height: 1.75;
}
#contentWrap #mainContents #column2Box #shopArea .shopInner .shopInfo .shopR .mapLink a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 11px;
  height: 19px;
  background: url(../img/icon/icon_map.svg) no-repeat center center/contain;
}
#contentWrap #mainContents #column2Box .otherLinkArea ul {
  display: flex;
  flex-wrap: wrap;
}
#contentWrap #mainContents #column2Box .otherLinkArea ul li {
  width: 48%;
}
#contentWrap #mainContents #column2Box .otherLinkArea ul li a {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.8;
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 480px) {
  #contentWrap #mainContents #column2Box .otherLinkArea ul li a {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box .otherLinkArea ul li a p {
  margin-top: 5px;
}
#contentWrap #mainContents #column2Box .otherLinkArea ul li + li {
  margin-left: 4%;
}

.productListArea {
  margin-top: 60px;
}
.productListArea h2 {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.2857142857;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  .productListArea h2 {
    font-size: 2rem;
  }
}
.productListArea h2.ttl {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.0555555556;
  margin-bottom: 35px;
  text-align: center;
}
@media (max-width: 780px) {
  .productListArea h2.ttl {
    font-size: 2.8rem;
    margin-bottom: 25px;
  }
}
@media (max-width: 480px) {
  .productListArea h2.ttl {
    font-size: 2.2rem;
  }
}
.productListArea ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3.333333333%;
  margin-bottom: 120px;
}
@media (max-width: 780px) {
  .productListArea ul {
    margin-bottom: 80px;
  }
}
@media (max-width: 480px) {
  .productListArea ul {
    justify-content: center;
    gap: 2%;
  }
}
.productListArea ul li {
  width: 31%;
}
@media (max-width: 480px) {
  .productListArea ul li {
    width: 48%;
    margin: 0 auto 20px;
  }
}
.productListArea ul li a .txtBox {
  padding: 5px 0 0;
  word-break: break-all;
}
@media (max-width: 480px) {
  .productListArea ul li a .txtBox {
    padding: 12px 0 0;
  }
}
.productListArea ul li a .txtBox p.nameTxt {
  margin-bottom: 8px;
}
.productListArea ul li a .txtBox p.nameTxt span {
  display: block;
}
.productListArea ul li a .txtBox p.nameTxt span.brand {
  font-weight: 700;
  letter-spacing: 0.08em;
}
.productListArea ul li a .txtBox p.nameTxt span.name {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .productListArea ul li a .txtBox p.nameTxt span.name {
    font-size: 1.6rem;
  }
}
.productListArea ul li a .txtBox .desc {
  line-height: 1.25;
  letter-spacing: 0.03em;
}
.productListArea ul li a .txtBox .desc p {
  max-height: 60px;
  overflow: hidden;
}
@media (max-width: 480px) {
  .productListArea ul li a .txtBox .desc p {
    max-height: 68px;
  }
}
.productListArea ul li a .txtBox .desc p.small {
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  max-height: 52px;
}
@media (max-width: 480px) {
  .productListArea ul li a .txtBox .desc p.small {
    font-size: 1.3rem;
    max-height: 48px;
  }
}
.productListArea ul li a .txtBox .desc p + p {
  margin-top: 8px;
}
.productListArea ul li a .txtBox p.size {
  font-size: 1.4rem;
  margin-top: 9px;
}
.productListArea ul li a .txtBox p.sold {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 9px;
  color: #EB503C;
}
.productListArea ul li a .txtBox p.price {
  margin-top: 3px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 480px) {
  .productListArea ul li a .txtBox p.price {
    font-size: 1.6rem;
  }
}
.productListArea ul li a .txtBox p.price span {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.5714285714;
}
@media (max-width: 480px) {
  .productListArea ul li a .txtBox p.price span {
    font-size: 1.3rem;
  }
}
.productListArea ul li a .txtBox p.price span.sale {
  color: #EB503C;
}

.moreInfoBox {
  text-align: center;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
.moreInfoBox a {
  padding: 18px 30px;
  color: #5a5a5c;
  font-size: 1.8rem;
  font-weight: 700;
  display: block;
  text-decoration: none;
  border: 1px solid #707070;
}
@media (max-width: 480px) {
  .moreInfoBox a {
    font-size: 1.3rem;
    padding: 10px 5px;
  }
}

.moreBannerBox {
  margin-top: 60px;
  width: 100%;
}
@media (max-width: 780px) {
  .moreBannerBox {
    margin-top: 40px;
  }
}
.moreBannerBox a {
  display: block;
  border: 1px solid #707070;
  padding: 50px 20px;
  position: relative;
}
.moreBannerBox a p {
  text-decoration: none;
  font-size: 2.8rem;
  font-weight: 500;
  text-align: left;
  position: relative;
  z-index: 5;
}
@media (max-width: 780px) {
  .moreBannerBox a p {
    font-size: 2rem;
  }
}
.moreBannerBox a figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.moreBannerBox a figure::before {
  content: "";
  display: block;
  padding-top: 25.53%;
}
.moreBannerBox a figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.specialBannerBox {
  margin-top: 60px;
}
@media (max-width: 780px) {
  .specialBannerBox {
    margin-top: 30px;
  }
}
.specialBannerBox a {
  display: flex;
  border: 1px solid #C8B26A;
}
@media (max-width: 780px) {
  .specialBannerBox a {
    flex-direction: column-reverse;
  }
}
.specialBannerBox a .linkTxt {
  width: 42.55%;
  background: #C8B26A;
  padding: 20px;
  box-sizing: border-box;
}
@media (max-width: 780px) {
  .specialBannerBox a .linkTxt {
    width: 100%;
    padding: 10px 20px;
  }
}
.specialBannerBox a .linkTxt .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.specialBannerBox a .linkTxt .head p.year {
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  color: #fff;
}
.specialBannerBox a .linkTxt .head p.year span {
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  vertical-align: sub;
}
@media (max-width: 780px) {
  .specialBannerBox a .linkTxt .head p.year {
    font-size: 1.6rem;
  }
  .specialBannerBox a .linkTxt .head p.year span {
    font-size: 2.4rem;
  }
}
.specialBannerBox a .linkTxt .head p.limit {
  font-size: 1.8rem;
  letter-spacing: 0.04em;
  color: #C8B26A;
  background: #FFF;
  line-height: 1.1;
  padding: 10px;
  border-radius: 9999px;
}
@media (max-width: 780px) {
  .specialBannerBox a .linkTxt .head p.limit {
    font-size: 1.4rem;
    margin-top: 0;
  }
}
.specialBannerBox a .linkTxt h2.title {
  text-align: left;
  margin-top: 10px;
}
@media (max-width: 780px) {
  .specialBannerBox a .linkTxt h2.title {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.specialBannerBox a .linkTxt h2.title span.main {
  text-align: left;
  margin-top: 10px;
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: 0.09em;
  line-height: 1.25;
  color: #fff;
}
@media (max-width: 780px) {
  .specialBannerBox a .linkTxt h2.title span.main {
    font-size: 2.2rem;
  }
}
.specialBannerBox a figure {
  width: 57.45%;
  position: relative;
  display: block;
}
@media (max-width: 780px) {
  .specialBannerBox a figure {
    width: 100%;
  }
}
.specialBannerBox a figure::before {
  content: "";
  display: block;
  padding-top: 44.44%;
}
.specialBannerBox a figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tetraBtnBox .universalBox_pr {
  margin-bottom: 40px;
}
@media (max-width: 780px) {
  .tetraBtnBox .universalBox_pr {
    margin-bottom: 20px;
  }
}

#contentWrap #mainContents #column2Box article .sizeTableArea .table-container {
  position: relative;
  overflow-x: auto;
  margin-bottom: 20px;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .table-container .scroll-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 1.4rem;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  white-space: nowrap;
  animation: scroll-hint-animation 2s infinite ease;
}

@keyframes scroll-hint-animation {
  0% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-40%, -50%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}
#contentWrap #mainContents #column2Box article .sizeTableArea .table-container .scroll-hint--show {
  opacity: 1;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 50px;
  background: #fff;
  font-size: 1.8rem;
  text-align: center;
}

@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table th,
#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td {
  border: 1px solid #e3e3e3;
  padding: 25px 5px;
  vertical-align: middle;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table th:first-child,
#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td:first-child {
  border-top: none;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table th {
  background: #e3e3e3;
  width: 22%;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  font-weight: normal;
  border-left: none;
  border-bottom: 3px solid #fff;
}

@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table th {
    font-size: 1.4rem;
  }
}
#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td {
  width: 39%;
  max-width: 400px;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td em {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
}

@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td em {
    font-size: 1.6rem;
  }
}
#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td.bold {
  font-weight: 700;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td.series {
  vertical-align: top;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td.series p {
  margin-top: 4px;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td.size {
  width: 80%;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td.verTop {
  vertical-align: top;
  text-align: left;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td.verTop b {
  text-align: center;
  display: block;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td p {
  font-size: 1.6rem;
  line-height: 1.25;
  letter-spacing: 0.03em;
}

@media (max-width: 780px) {
  #contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table td p {
    font-size: 1.3rem;
  }
}
#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table .handle-img {
  margin-bottom: 10px;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table .handle-img figure {
  text-align: center;
  max-width: 240px;
  width: 100%;
  margin: 0 auto;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .comparison-table .handle-img figure img {
  width: 100%;
  height: auto;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .sizeTable.pajama {
  background: #ededed;
  padding: 50px 0 60px;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .sizeTable.pajama .comparison-table.pajamaTable {
  background: #fff;
  width: 90%;
  margin: 0 auto;
  border: 1px solid #e3e3e3;
}

#contentWrap #mainContents #column2Box article .sizeTableArea .sizeTable.pajama .comparison-table.pajamaTable th {
  background: #fff;
  border: 1px solid #e3e3e3;
}