@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");

#container {
  padding-top: 0;
}

body {
  font-family: 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica Neue', 'Helvetica', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳＰゴシック", sans-serif;
}

/*--------------------------------------
 レイアウト
---------------------------------------*/
html {
  min-width: 1000px;
}

@media screen and (max-width: 767px) {
  html {
    min-width: 0;
  }
}

/*--------------------------------------
 ヘッダー
---------------------------------------*/
.l-header {
  background-color: #fff;
  position: relative;
  z-index: 9999;
}

.l-header .hdIn {
  display: flex;
  align-items: flex-end;
  max-width: 1040px;
  height: 70px;
  margin: auto;
  padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .l-header .hdIn {
    justify-content: center;
    align-items: center;
    height: 16vw;
    padding-bottom: 0;
  }
}

.l-header a {
  color: #cc0033;
  text-decoration: none;
}

.l-header h1 {
  width: 130px;
  margin-right: 60px;
}

@media screen and (max-width: 767px) {
  .l-header h1 {
    width: 26vw;
    margin-right: 0;
  }
}

.l-header h1 a {
  display: block;
}

.l-header .spNavBtn {
  display: none;
}

@media screen and (max-width: 767px) {
  .l-header .spNavBtn {
    display: block;
    text-align: center;
    position: absolute;
    top: 4vw;
    right: 4.53333vw;
  }

  .l-header .spNavBtn .line {
    width: 8.8vw;
    height: 4.8vw;
  }

  .l-header .spNavBtn .line li {
    background-color: #CC0033;
    width: 100%;
    height: 0.53333vw;
    border-radius: 100px;
    position: absolute;
    left: 0;
    transition: 0.3s;
  }

  .l-header .spNavBtn .line li:nth-child(1) {
    top: 0;
  }

  .l-header .spNavBtn .line li:nth-child(2) {
    top: 2.13333vw;
  }

  .l-header .spNavBtn .line li:nth-child(3) {
    top: 4.26667vw;
  }

  .l-header .spNavBtn p {
    margin-top: 0.8vw;
    font-size: 1.86667vw;
    font-weight: bold;
    transition: 0.3s;
    color: #CC0033;
  }

  .l-header .spNavBtn.show .line li:nth-child(1) {
    top: 2.13333vw;
    transform: rotate(45deg);
  }

  .l-header .spNavBtn.show .line li:nth-child(2) {
    opacity: 0;
  }

  .l-header .spNavBtn.show .line li:nth-child(3) {
    top: 2.13333vw;
    transform: rotate(-45deg);
  }
}

.l-header nav {
  /*--------------------------------------
 ベビーカー
 
---------------------------------------*/
  /*--------------------------------------
 layer5
---------------------------------------*/
  /*--------------------------------------
 サポート
---------------------------------------*/
  /*--------------------------------------
 アップリカについて
---------------------------------------*/
}

@media screen and (max-width: 767px) {
  .l-header nav {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.l-header nav a {
  transition: opacity 0.3s;
}

.l-header nav a:hover {
  opacity: 0.5;
}

@media screen and (min-width: 768px) {
  .l-header nav .spAcrd {
    display: block !important;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .spAcrd {
    display: none;
    width: 100%;
    border-top: 1px solid #fff;
    box-shadow: 0 18.4vw 17.6vw -17.6vw black;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media screen and (min-width: 768px) {
  .l-header nav .navLay1 {
    display: flex !important;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .navLay1>li {
    background-color: #fff;
    border-bottom: 1px solid #CC0033;
  }
}

.l-header nav .navLay1>li+li {
  margin-left: 25px;
}

@media screen and (max-width: 767px) {
  .l-header nav .navLay1>li+li {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .navLay1>li:last-child {
    border-bottom-color: #C03;
  }
}

.l-header nav .navLay1>li.mnby a {
  display: flex;
}

@media screen and (max-width: 767px) {
  .l-header nav .navLay1>li.mnby a {
    padding: 4.8vw 13.33333vw 4.4vw 5.33333vw;
    position: relative;
  }

  .l-header nav .navLay1>li.mnby a img {
    width: 40vw;
  }
}

.l-header nav .navLay1>li.mnby a:after {
  content: "";
  display: block;
  background: url(../images/re_top/arw1_r_red.svg) center center no-repeat;
  background-size: 8px 12px;
  width: 12px;
  height: 12px;
  margin-left: 7px;
  position: relative;
  top: 3px;
}

@media screen and (max-width: 767px) {
  .l-header nav .navLay1>li.mnby a:after {
    content: "";
    display: block;
    border-right: 2px solid #CC0033;
    border-bottom: 2px solid #CC0033;
    background: none;
    transform: rotate(-45deg);
    background-size: 100% 100% !important;
    width: 4vw;
    height: 4vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7vw;
  }
}

.l-header nav .btnNav[data-lay="1"] {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="1"] {
    padding: 4.8vw 13.33333vw 4.8vw 5.33333vw;
    font-size: 4.26667vw;
    font-weight: normal;
    position: relative;
  }
}

.l-header nav .btnNav[data-lay="1"]:after {
  content: "";
  display: block;
  background: url("../images/re_top/arw1_r_red.svg") center center no-repeat;
  background-size: 8px 12px;
  width: 12px;
  height: 12px;
  margin-left: 7px;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="1"]:after {
    background-image: url("../images/re_top/arw1_r_wht_sp.svg");
    background-size: 100% 100% !important;
    width: 4vw;
    height: 6.13333vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5.33333vw;
  }
}

.l-header nav .btnNav[data-lay="1"].show:after {
  background-image: url("../images/re_top/arw1_b_red.svg");
  background-size: 12px 8px;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="1"].show:after {
    background-image: url("../images/re_top/arw1_b_wht_sp.svg");
    width: 6.13333vw;
    height: 4vw;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="1"].spPM:after {
    background-image: url("../images/re_top/icn_plus_red.svg");
    width: 5.86667vw;
    height: 5.86667vw;
  }

  .l-header nav .btnNav[data-lay="1"].spPM.show:after {
    background-image: url("../images/re_top/icn_minus_red.svg");
    height: 0.53333vw;
  }
}

.l-header nav .lowerArea {
  display: none;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowerArea {
    position: static;
  }
}

.l-header nav .lowerArea a {
  color: #707070;
}

.l-header nav .lowerArea.spHide {
  display: block;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowerArea.spHide {
    display: none;
  }
}

.l-header nav .lowerArea[data-lay="2"] {
  background-color: #fff;
  width: 100%;
  height: 540px;
  padding-top: 20px;
  top: 70px;
  left: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 767px) {
  .l-header nav .lowerArea[data-lay="2"] {
    width: auto;
    height: auto;
    padding-top: 0;
  }
}

.l-header nav .lowerArea[data-lay="2"]>.lowerIn {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowerArea[data-lay="2"]>.lowerIn {
    max-width: none;
  }
}

.l-header nav .support .lowerArea[data-lay="2"] {
  background-color: #EEE;
  max-height: 470px;
}

@media screen and (max-width: 767px) {
  .l-header nav .support .lowerArea[data-lay="2"] {
    max-height: none;
  }
}

.l-header nav .about .lowerArea[data-lay="2"] {
  background-color: #EEE;
  max-height: 400px;
}

@media screen and (max-width: 767px) {
  .l-header nav .about .lowerArea[data-lay="2"] {
    max-height: none;
  }
}

.l-header nav .news .lowerArea[data-lay="2"] {
  background-color: #EEE;
  max-height: 140px;
}

@media screen and (max-width: 767px) {
  .l-header nav .news .lowerArea[data-lay="2"] {
    max-height: none;
    box-shadow: none;
  }
}

.l-header nav .navLay2 {
  width: 180px;
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .l-header nav .navLay2 {
    width: auto;
    padding-top: 0;
  }
}

.l-header nav .navLay2>li+li {
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .l-header nav .navLay2>li+li {
    margin-top: 0;
    border-top: 1px solid #fff;
  }
}

.l-header nav .btnNav[data-lay="2"] {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 14px;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 10px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="2"] {
    background-color: #CC0033;
    height: auto;
    padding: 4.8vw 13.33333vw 4.8vw 5.33333vw;
    color: #fff;
    font-size: 4.26667vw;
    font-weight: normal;
    border-radius: 0;
  }
}

.l-header nav .btnNav[data-lay="2"].linkSp {
  padding-left: 12vw;
  border-top: 1px solid #fff;
}

.l-header nav .btnNav[data-lay="2"].link:after {
  background-image: url(../images/re_top/arw1_r_wht_sp.svg);
  background-size: 100% 100% !important;
  width: 4vw;
  height: 6.13333vw;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5.33333vw;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="2"]:after {
    content: "";
    display: block;
    background: url("../images/re_top/icn_plus_wht.svg") center center no-repeat;
    width: 5.86667vw;
    height: 5.86667vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5.33333vw;
  }
}

@media screen and (min-width: 768px) {
  .l-header nav .btnNav[data-lay="2"].show {
    background-color: #C03;
    color: #fff;
  }
}

@media screen and (min-width: 768px) {
  .l-header nav .btnNav[data-lay="2"].show:after {
    content: "";
    display: block;
    background: url("../images/re_top/arw1_l_grey.svg") center center no-repeat;
    background-size: 100% 100%;
    width: 8px;
    height: 10px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -21px;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="2"].show:after {
    background-image: url("../images/re_top/icn_minus_wht.svg");
    height: 0.53333vw;
  }
}

.l-header nav .lowerArea[data-lay="3"] {
  background-color: #eee;
  width: 840px;
  height: 500px;
  padding: 10px;
  border-radius: 20px;
  top: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowerArea[data-lay="3"] {
    width: auto;
    height: auto;
    padding: 5.33333vw 2.66667vw 8vw;
    border-radius: 0;
  }
}

.l-header nav .lowerArea[data-lay="3"]>.lowerIn {
  height: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowerArea[data-lay="3"]>.lowerIn {
    height: auto;
  }
}

.l-header nav .navLay3 {
  width: 160px;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .l-header nav .navLay3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: auto;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .navLay3>li {
    width: 30.66667vw;
    margin: 0 1.33333vw 2.66667vw 0;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .navLay3>li:nth-child(3n) {
    margin-right: 0;
  }
}

.l-header nav .btnNav[data-lay="3"] {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="3"] {
    background-color: #fff;
    color: #C03;
    font-size: 3.2vw;
    text-align: center;
    border: 1px solid #C03;
    border-radius: 100px;
    box-shadow: 0 5.33333vw 6.93333vw rgba(0, 0, 0, 0.16);
  }
}

.l-header nav .btnNav[data-lay="3"]:after {
  content: "";
  display: block;
  background-color: #fff;
  height: 2px;
  border-radius: 100px;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="3"]:after {
    content: normal;
  }
}

.l-header nav .btnNav[data-lay="3"]>span {
  display: flex;
  align-items: center;
  padding: 16px 0;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="3"]>span {
    justify-content: center;
    height: 13.33333vw;
    padding: 0;
  }
}

.l-header nav .btnNav[data-lay="3"].show {
  color: #C03;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="3"].show {
    background-color: #C03;
    color: #fff;
    border-color: #fff;
  }
}

.l-header nav .lay3etcBtns {
  width: 160px;
  margin-top: 20px;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .l-header nav .lay3etcBtns {
    margin-left: 0px;
    width: 100%;
  }
}

.l-header nav .lay3etcBtns .btnBn {
  margin-top: 18px;
}

.l-header nav .lay3etcBtns .btnBn a+a {
  margin-top: 8.5px;
}

@media screen and (max-width: 767px) {
  .l-header nav .lay3etcBtns .btnBn a+a {
    margin-top: 20px;
  }
}

.l-header nav .lowerArea[data-lay="4"] {
  display: block;
  width: 630px;
  top: 0;
  right: 0px;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowerArea[data-lay="4"] {
    width: 100%;
  }
}

.l-header nav .lowContsLay4>li {
  display: none;
}

.l-header nav .lowContsLay4 {
  z-index: 10;
  position: relative;
}

.l-header nav .lowContsLay4 .lifestyleBox {
  display: block;
  text-align: center;
  margin-left: 0px;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #1f2b5c;
  overflow: hidden;
}

.l-header nav .lowContsLay4 .lifestyleBox li {
  border-bottom: 1px solid #1f2b5c;
}

.l-header nav .lowContsLay4 .lifestyleBox li:last-of-type {
  border-bottom: 0px;
}

.l-header nav .lowContsLay4 .lifestyleBox li a {
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  position: relative;
  margin-bottom: 0px;
  padding: 4vw 0;
  min-height: 32vw;
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: space-between;
}

.l-header nav .lowContsLay4 .lifestyleBox li a:after {
  content: "";
  display: block;
  background: url("../images/re_navi/arrow2.svg") center 90% no-repeat;
  background-size: 100% 100%;
  width: 15px;
  height: 22px;
  margin: 5px auto 0;
  right: 10px;
  position: absolute;
}

.l-header nav .lowContsLay4 .lifestyleBox li a .img {
  width: 25%;
  text-align: center;
}

.l-header nav .lowContsLay4 .lifestyleBox li a .img img {
  max-width: 50px;
}

.l-header nav .lowContsLay4 .lifestyleBox li a .txt {
  width: 75%;
  box-sizing: border-box;
  padding-right: 15px;
}

.l-header nav .lowContsLay4 .lifestyleBox li a .txt .t1 {
  display: block;
  font-size: 4.5vw;
  margin-bottom: 0.2em;
  color: #1f2b5c;
  font-weight: bold;
}

.l-header nav .lowContsLay4 .lifestyleBox li a .txt .txt2 {
  font-size: 3.4vw;
}

.l-header nav .lowContsLay4 .lowContsLay5 {
  position: relative;
  margin-top: 10px;
}

.l-header nav .lowContsLay4 .col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowContsLay4 .col {
    display: block;
    text-align: center;
    margin-left: 0px;
    background-color: #fff;
    border-radius: 20px;
    border: 1px solid #1f2b5c;
    overflow: hidden;
  }
}

.l-header nav .lowContsLay4 .col .cols {
  background-color: #fff;
  border-radius: 10px;
  padding: 14px;
  display: block;
  margin-bottom: 8px;
  box-shadow: 5px 7px 6px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  position: relative;
}

.l-header nav .lowContsLay4 .col .cols::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  border: 0px solid #C03;
  border-radius: 10px;
  transition: .2s;
  opacity: 0;
}

.l-header nav .lowContsLay4 .col .cols:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 30px;
  background-image: url("../images/re_navi/arrow2.svg");
  position: absolute;
  background-repeat: no-repeat;
  right: 15px;
  top: 50%;
  margin-top: -15px;
  background-size: 100%;
  transition: 0.1s;
}

.l-header nav .lowContsLay4 .col .cols:hover {
  opacity: 1;
}

.l-header nav .lowContsLay4 .col .cols:hover::before {
  border: 5px solid #C03;
  opacity: 1;
}

.l-header nav .lowContsLay4 .col .cols:hover:after {
  transform: scale(1.2);
}

@media screen and (max-width: 767px) {
  .l-header nav .lowContsLay4 .col .cols {
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    border-bottom: 1px solid #1f2b5c;
    box-shadow: 5px 7px 6px rgba(0, 0, 0, 0);
    position: relative;
    margin-bottom: 0px;
    min-height: 32vw;
  }

  .l-header nav .lowContsLay4 .col .cols:last-of-type {
    border-bottom: 0px;
  }
}

.l-header nav .lowContsLay4 .col .cols.col2 {
  width: 49.3%;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowContsLay4 .col .cols.col2 {
    width: auto;
  }
}

.l-header nav .lowContsLay4 .col .cols.col1 {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowContsLay4 .col .cols.col1 {
    width: auto;
  }
}

.l-header nav .lowContsLay4 .col .cols dt {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.l-header nav .lowContsLay4 .col .cols dt.types {
  text-align: left;
}

.l-header nav .lowContsLay4 .col .cols dt.types:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("../images/re_navi/babycar/lifestyle01.svg");
  margin-right: 10px;
  background-size: 100%;
  vertical-align: middle;
  background-repeat: no-repeat;
}

.l-header nav .lowContsLay4 .col .cols dt.types.type2::before {
  background-image: url("../images/re_navi/babycar/lifestyle02.svg");
}

.l-header nav .lowContsLay4 .col .cols dt.types.type3::before {
  background-image: url("../images/re_navi/babycar/lifestyle03.svg");
}

.l-header nav .lowContsLay4 .col .cols dt.types.type4::before {
  background-image: url("../images/re_navi/babycar/lifestyle04.svg");
}

.l-header nav .lowContsLay4 .col .cols dt.types.type5::before {
  background-image: url("../images/re_navi/babycar/lifestyle05.svg");
}

.l-header nav .lowContsLay4 .col .cols dt.types.type6::before {
  background-image: url("../images/re_navi/babycar/lifestyle06.svg");
}

.l-header nav .lowContsLay4 .col .cols dt.types em {
  font-weight: bold;
  color: #df0623;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowContsLay4 .col .cols dt {
    color: #1f2b5c;
    text-align: left;
    padding-left: 80px;
    font-size: 5vw;
    margin-bottom: 0.2em;
  }
}

.l-header nav .lowContsLay4 .col .cols dd {
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowContsLay4 .col .cols dd {
    text-align: left;
    padding-left: 80px;
    padding-right: 18px;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .lowContsLay4 .col .cols dd p {
    font-size: 3.4vw;
  }
}

.l-header nav .lowContsLay4 .col .cols dd p small {
  font-size: 0.83333em;
}

.l-header nav .lowContsLay4 .col .cols dd .img {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.l-header nav .lowContsLay4 .col .cols dd .img.mt0 {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowContsLay4 .col .cols dd .img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    margin-top: 0px;
  }
}

.l-header nav .lowContsLay4 .col .cols dd .img .ph {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  width: 150px;
  margin-bottom: 10px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowContsLay4 .col .cols dd .img .ph {
    min-height: 32vw;
    width: 85px;
    padding: 15px 0px 0px 15px;
  }

  .l-header nav .lowContsLay4 .col .cols dd .img .ph img {
    max-height: 85px;
  }
}

.l-header nav .lowContsLay4 .col .cols dd .img .ph.sizeS {
  width: 120px;
}

.l-header nav .lowContsLay4 .col .cols dd .img .ph span {
  display: block;
  text-align: center;
  margin-top: 8px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowContsLay4 .col .cols dd .img .ph span {
    display: none;
  }
}

.l-header nav .lowContsLay4 .col .cols dd .img .ph .desc .cover {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-sizing: border-box;
  padding: 0 10px;
  opacity: 0;
  transition: 0.3s;
  display: none;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowContsLay4 .col .cols dd .img .ph .desc .cover {
    opacity: 1;
    color: #707070;
    background-color: transparent;
    position: static;
    text-align: left;
    padding: 5px 0;
  }
}

.l-header nav .lowContsLay4 .col .cols dd .img .ph .desc .cover:hover {
  opacity: 1;
}

.l-header nav .lowContsLay4 .col .cols dd .img ul {
  display: flex;
  justify-content: center;
}

.l-header nav .lowContsLay4 .col .cols dd .img ul.flStart {
  justify-content: flex-start;
}

.l-header nav .lowContsLay4 .col .cols dd .img ul.flStart li {
  margin-left: 13px;
}

.l-header nav .lowContsLay4 .col .cols img {
  width: auto;
}

.l-header nav .navLay4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.l-header nav .navLay4.col2>li {
  width: 49.20635%;
}

.l-header nav .btnNav[data-lay="4"] {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  height: 50px;
  font-size: 1.2rem;
  font-weight: bold;
  border-radius: 10px;
  position: relative;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 20px 26px rgba(0, 0, 0, 0.16);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 30px;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="4"] {
    box-shadow: 0 5.33333vw 6.93333vw rgba(0, 0, 0, 0.16);
  }
}

.l-header nav .btnNav[data-lay="4"].btn1 {
  background-image: url("../images/re_navi/babycar/lifestyle01.svg");
}

.l-header nav .btnNav[data-lay="4"].btn2 {
  background-image: url("../images/re_navi/babycar/lifestyle02.svg");
}

.l-header nav .btnNav[data-lay="4"].btn3 {
  background-image: url("../images/re_navi/babycar/lifestyle03.svg");
}

.l-header nav .btnNav[data-lay="4"].btn4 {
  background-image: url("../images/re_navi/babycar/lifestyle04.svg");
}

.l-header nav .btnNav[data-lay="4"].btn5 {
  background-image: url("../images/re_navi/babycar/lifestyle05.svg");
}

.l-header nav .btnNav[data-lay="4"].btn6 {
  background-image: url("../images/re_navi/babycar/lifestyle06.svg");
}

.l-header nav .btnNav[data-lay="4"].show {
  background-color: #C03;
  color: #fff;
}

.l-header nav .btnNav[data-lay="4"].show.btn1 {
  background-image: url("../images/re_navi/babycar/lifestyle01_w.svg");
}

.l-header nav .btnNav[data-lay="4"].show.btn2 {
  background-image: url("../images/re_navi/babycar/lifestyle02_w.svg");
}

.l-header nav .btnNav[data-lay="4"].show.btn3 {
  background-image: url("../images/re_navi/babycar/lifestyle03_w.svg");
}

.l-header nav .btnNav[data-lay="4"].show.btn4 {
  background-image: url("../images/re_navi/babycar/lifestyle04_w.svg");
}

.l-header nav .btnNav[data-lay="4"].show.btn5 {
  background-image: url("../images/re_navi/babycar/lifestyle05_w.svg");
}

.l-header nav .btnNav[data-lay="4"].show.btn6 {
  background-image: url("../images/re_navi/babycar/lifestyle06_w.svg");
}

.l-header nav .btnNav[data-lay="4"].show:after {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8.5px 8px 8.5px;
  border-color: transparent transparent #df0623 transparent;
  position: absolute;
  bottom: -19px;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnNav[data-lay="4"].show:after {
    display: none;
  }
}

.l-header nav .lowerArea[data-lay="5"] {
  display: block;
  width: 100%;
  top: 68px;
  left: 0;
  position: static;
}

.l-header nav .lowContsLay5>li {
  display: none;
}

@media screen and (max-width: 767px) {
  .l-header nav .lowContsLay5>li .cols {
    border: none;
  }
}

.l-header nav .menuCols {
  display: flex;
  justify-content: space-between;
}

.l-header nav .menuCols.colCenter {
  justify-content: center;
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols.colCenter {
    padding: 0px;
  }
}

.l-header nav .menuCols.colCenter li {
  margin: 0 25px;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols.colCenter li {
    margin: 0px;
    width: 100%;
    border-top: 1px solid #df0623;
  }

  .l-header nav .menuCols.colCenter li .btn .nobd {
    position: relative;
    display: block;
    border-radius: 0px;
    width: 100%;
    background-color: #fff;
    height: auto;
    padding: 4.8vw 13.33333vw 4.8vw 5.33333vw;
    color: #df0623;
    font-size: 4.26667vw;
    font-weight: normal;
    border-radius: 0;
    text-align: left;
    box-shadow: none;
  }

  .l-header nav .menuCols.colCenter li .btn .nobd:after {
    content: "";
    display: block;
    background-image: url(../images/re_top/arw1_r_red_sp.svg);
    background-size: 100% 100% !important;
    width: 4vw;
    height: 6.13333vw;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5.33333vw;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols {
    display: block;
    padding: 6.66667vw 0;
  }
}

.l-header nav .menuCols .btn.btnFaq {
  padding: 32px 0;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols .btn.btnFaq {
    padding: 0px;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols .btn {
    margin-top: 6.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .l-header nav .menuCols .btn+.btn {
    margin-top: 20px;
  }

  .l-header nav .menuCols .btn+.btn.btn2 {
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols .btn:first-child {
    margin-top: 0;
  }
}

.l-header nav .menuCols .btn a {
  display: flex;
  justify-content: center;
  padding: 1em;
  font-size: 1.2rem;
  font-weight: bold;
  border: 2px solid #df0723;
  text-align: center;
  border-radius: 100px;
  box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.16);
  align-items: center;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols .btn a {
    width: 58.66667vw;
    margin-left: auto;
    margin-right: auto;
    padding: 0.64286em !important;
    font-size: 3.73333vw;
    border-width: 0.56vw !important;
    box-shadow: 0 0.8vw 1.6vw rgba(0, 0, 0, 0.16);
  }
}

.l-header nav .menuCols .btn a.red {
  background-color: #df0723;
  color: #fff;
}

.l-header nav .menuCols .btn a.nobd {
  background-color: #fff;
  border: 2px solid #fff;
  padding: 1.1em;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols .btn a.nobd {
    font-size: 3.73333vw;
  }
}

.l-header nav .menuCols .btn a.grey {
  background-color: #707070;
  border: 2px solid #707070;
  color: #fff;
  padding: 1.3em;
}

.l-header nav .menuCols .btn a.grey:before {
  content: "";
  margin-right: 15px;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../images/re_navi/icon_notice.svg");
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols .btn a.grey:before {
    width: 4.8vw;
    height: 4.8vw;
    margin-right: 4vw;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols .btn a.spWAt {
    width: auto;
  }
}

.l-header nav .menuCols>li {
  width: 31%;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li {
    width: 90%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li+li {
    margin-top: 6.66667vw;
  }
}

.l-header nav .menuCols>li dl {
  background: #fff;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 0px 40px 25px 40px;
  text-align: center;
  margin-bottom: 20px;
}

.l-header nav .menuCols>li dl.pbS {
  padding-bottom: 18px;
  margin-bottom: 20px;
}

.l-header nav .menuCols>li dl.faqBox {
  margin-bottom: 23px;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li dl.faqBox {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li dl {
    margin-bottom: 0;
    padding: 0 8vw 6.66667vw;
    border-radius: 5.33333vw;
    box-shadow: 0px 5.33333vw 6.93333vw rgba(0, 0, 0, 0.16);
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li dl+dl {
    margin-top: 6.66667vw;
  }
}

.l-header nav .menuCols>li dl dt {
  height: 5em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: bold;
}

.l-header nav .menuCols>li dl dt.hS {
  height: auto;
  padding-top: 1.7em;
  padding-bottom: 1.45em;
}

.l-header nav .menuCols>li dl dt.txt {
  font-weight: normal;
  font-size: 1.1rem;
  height: auto;
  padding: 1.3em 0;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li dl dt.txt {
    font-size: 3.73333vw;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li dl dt {
    height: auto;
    padding: 5.33333vw 0 4vw;
    font-size: 4.8vw;
  }
}

.l-header nav .menuCols>li dl dd .img {
  margin-bottom: 13px;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li dl dd .img {
    margin-bottom: 4vw;
  }
}

.l-header nav .menuCols>li dl dd p {
  font-size: 1.1rem;
  margin-bottom: 13px;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li dl dd p {
    margin-bottom: 4vw;
    font-size: 3.73333vw;
    line-height: 1.71429;
  }
}

.l-header nav .menuCols>li dl dd .inList {
  padding-bottom: 20px;
  font-size: 1.1rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li dl dd .inList {
    padding-bottom: 0;
    font-size: 3.73333vw;
  }
}

.l-header nav .menuCols>li dl dd .inList li {
  margin-bottom: 9px;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li dl dd .inList li {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li dl dd .inList li+li {
    margin-top: 2.66667vw;
  }
}

.l-header nav .menuCols>li dl dd .inList li a {
  display: flex;
  align-items: center;
}

.l-header nav .menuCols>li dl dd .inList li a:before {
  content: "";
  width: 11px;
  height: 8px;
  background-image: url("../images/re_navi/arrow_r.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 2px;
}

@media screen and (max-width: 767px) {
  .l-header nav .menuCols>li dl dd .inList li a:before {
    width: 2.93333vw;
    height: 4.26667vw;
    margin-right: 2.13333vw;
  }
}

@media screen and (min-width: 768px) {
  .l-header nav .navLay1>.about .menuCols>li {
    width: 48.36538%;
  }
}

@media screen and (min-width: 768px) {
  .l-header nav .navLay1>.about .menuCols>li .in {
    background: #fff;
    box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0px 40px 25px 40px;
    text-align: center;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .l-header nav .navLay1>.about .menuCols>li dl {
    background: none;
    max-width: 240px;
    margin: 0 auto;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }
}

.l-header nav .btnToCateTop+.btnToCateTop {
  margin-top: 15px;
}

.l-header nav .btnToCateTop a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1F2B5C;
  font-weight: bold;
  height: 32px;
  color: #fff;
  border-radius: 100px;
  margin: 10px auto 0px;
  max-width: 222px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.l-header nav .btnToCateTop a.grey {
  background-color: #707070;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnToCateTop a {
    height: auto;
    max-width: 100%;
    padding: .8em 0;
    margin-top: 20px;
    font-size: 1.4rem;
  }
}

.l-header nav .btnBn {
  padding-bottom: 10px;
}

.l-header nav .btnBn a {
  display: block;
  border-radius: 10px;
  box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .l-header nav .btnBn a {
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0);
  }
}

.l-header .etcInfo {
  display: flex;
  position: absolute;
  top: 14px;
  z-index: 100;
  right: 100px;
}

@media screen and (max-width: 767px) {
  .l-header .etcInfo {
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: static;
  }
}

.l-header .etcInfo li {
  font-size: 1.2rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .l-header .etcInfo li {
    width: 100%;
  }
}

.l-header .etcInfo li+li {
  margin-left: 35px;
}

@media screen and (max-width: 767px) {
  .l-header .etcInfo li+li {
    margin-left: 0;
    border-left: 1px solid #CC0033;
  }
}

.l-header .etcInfo li a {
  display: flex;
  align-items: center;
  transition: opacity 0.3s;
}

.l-header .etcInfo li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .l-header .etcInfo li a {
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    height: 16vw;
    font-size: 3.2vw;
  }
}

.l-header .etcInfo li a i {
  flex-shrink: 0;
  margin-right: 6px;
}

@media screen and (max-width: 767px) {
  .l-header .etcInfo li a i {
    display: flex;
    align-items: center;
    height: 3.73333vw;
    margin: 0 0 0.8vw;
  }
}

.l-header .etcInfo li a i img {
  display: block;
}

.l-header .etcInfo li:nth-child(1) a i {
  width: 14px;
}

@media screen and (max-width: 767px) {
  .l-header .etcInfo li:nth-child(1) a i {
    width: 3.73333vw;
  }
}

.l-header .etcInfo li:nth-child(2) a i {
  width: 14px;
}

@media screen and (max-width: 767px) {
  .l-header .etcInfo li:nth-child(2) a i {
    width: 3.73333vw;
  }
}

.l-header .etcInfo li:nth-child(3) a i {
  width: 12px;
}

@media screen and (max-width: 767px) {
  .l-header .etcInfo li:nth-child(3) a i {
    width: 3.2vw;
  }
}

.l-footer {
  background-color: #E8E8E8;
  padding: 30px 30px 55px 30px;
}

@media screen and (max-width: 767px) {
  .l-footer {
    padding: 10.66667vw 10.66667vw 21.33333vw;
  }
}

.l-footer a {
  color: #707070;
  text-decoration: none;
}

.l-footer .ftIn {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .l-footer .ftIn {
    display: block;
  }
}

.l-footer .logo {
  width: 178px;
}

@media screen and (max-width: 767px) {
  .l-footer .logo {
    width: 34.13333vw;
    margin-bottom: 10.66667vw;
  }
}

.l-footer .logo a {
  display: block;
  transition: opacity 0.3s;
}

.l-footer .logo a:hover {
  opacity: 0.7;
}

.l-footer .txts {
  width: 53.7%;
}

@media screen and (max-width: 767px) {
  .l-footer .txts {
    width: auto;
  }
}

.l-footer .txts .info {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .l-footer .txts .info {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .l-footer .txts .colL {
    margin-bottom: 6.4vw;
  }
}

.l-footer .txts .links {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .l-footer .txts .links {
    font-size: 3.2vw;
  }
}

.l-footer .txts #footer_global_v2 {
  margin-top: 20px;
  padding-top: 5px;
  border-top: 2px solid #707070;
}

@media screen and (max-width: 767px) {
  .l-footer .txts #footer_global_v2 {
    margin-top: 6.66667vw;
    padding-top: 6.66667vw;
    border-top-width: 1px;
  }
}

.l-footer .txts #footer_global_v2 .wovn-languages {
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .l-footer .txts #footer_global_v2 .wovn-languages {
    font-size: 2.93333vw;
  }
}

.l-footer .txts #footer_global_v2 h3 {
  display: block;
}

@media screen and (max-width: 767px) {
  .l-footer .txts #footer_global_v2 h3 {
    font-size: inherit;
  }
}

@media screen and (max-width: 767px) {
  .l-footer .txts #footer_global_v2 ul {
    font-size: inherit;
  }
}

@media screen and (max-width: 767px) {
  .l-footer .txts #footer_global_v2 ul li {
    padding: 0;
    font-size: inherit;
  }
}

.l-footer .txts #footer_global_v2 ul li+li {
  margin-left: 1.0em;
  padding-left: 1.0em;
  border-left: 1px solid #707070;
}

.l-footer .copyright {
  margin-top: 60px;
  font-size: 1.1rem;
}

@media screen and (max-width: 767px) {
  .l-footer .copyright {
    margin-top: 10.66667vw;
    font-size: 2.93333vw;
    text-align: center;
  }
}

/*--------------------------------------
 要素
---------------------------------------*/
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
}

input[type="text"]::-moz-input-placeholder,
input[type="password"]::-moz-input-placeholder {
  /* Fox */
}

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
}

input[type="text"]::placeholder,
input[type="password"]::placeholder {
  /* Others */
}

/*--------------------------------------
 パーツ
---------------------------------------*/
.productsTopNaviBottom {
  position: sticky;
  bottom: 0px;
  left: 0px;
  z-index: 10;
}

.productsTotop {
  text-align: right;
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .productsTotop {
    display: none;
  }
}

.productsTotop a {
  display: block;
  margin-left: auto;
}

.productsTotop img {
  width: 80px;
  height: 80px;
}

.u- {
  /* パディング */
  /* インナー */
  /* タイトル */
  /* テキスト */
  /* テキスト色 */
  /* 背景色 */
  /* ボタン */
  /* ラベル */
  /* アイコン */
  /* 注釈 */
  /* リスト */
  /* テーブル */
  /* リンク集 */
  /* 箱 */
  /* ページャー */
  /* 状態 */
}

@media screen and (max-width: 767px) {
  .u-spPd1 {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

.u-inner {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .u-inner {
    max-width: 1000px;
  }
}

.u-inner.sz2 {
  max-width: 1200px;
}

@media screen and (max-width: 767px) {
  .u-inner:not(.spPd0) {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
  }
}

/* その他 */
/*--------------------------------------
 SSI化したファイル
---------------------------------------*/
.productTopSection section.secLineup {
  padding-bottom: 20px;
}

.productTopSection section.secLineup.sling {
  padding-bottom: 80px;
}

.productTopSection section.secLineup .lead {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.8;
  margin-bottom: 38px;
}

.productTopSection section .bg {
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center right;
  padding-top: 50px;
  padding-bottom: 60px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .productTopSection section .bg {
    background-size: 100%;
    padding: 10vw 5vw 15vw 5vw;
    background-position: top center;
  }
}

.productTopSection section .bg.bc1 {
  background-image: url("/common/images/products/babycar/top/bg01.jpg");
  background-size: cover;
  background-position: top center;
}

@media screen and (max-width: 767px) {
  .productTopSection section .bg.bc1 {
    background-image: url("/common/images/products/babycar/top/bg01_sp.jpg");
    background-size: 100%;
  }
}

.productTopSection section .bg.bc2 {
  background-image: url("/common/images/products/babycar/top/bg02.webp");
}

@media screen and (max-width: 767px) {
  .productTopSection section .bg.bc2 {
    background-image: url("/common/images/products/babycar/top/bg02_sp.webp");
  }
}

.productTopSection section .bg.bc3 {
  background-image: url("/common/images/products/babycar/top/bg03.jpg");
}

@media screen and (max-width: 767px) {
  .productTopSection section .bg.bc3 {
    background-image: url("/common/images/products/babycar/top/bg03_sp.jpg");
  }
}

.productTopSection section .bg.bc4 {
  background-image: url("/common/images/products/babycar/top/bg04.jpg");
}

@media screen and (max-width: 767px) {
  .productTopSection section .bg.bc4 {
    background-image: url("/common/images/products/babycar/top/bg04_sp.jpg");
  }
}

.productTopSection section .bg.bc5 {
  background-image: url("/common/images/products/babycar/top/bg05.jpg");
}

@media screen and (max-width: 767px) {
  .productTopSection section .bg.bc5 {
    background-image: url("/common/images/products/babycar/top/bg05_sp.jpg");
  }
}


.productTopSection section .bg.bc6 {
  background-image: url("/common/images/products/babycar/top/bg07.webp");
}

@media screen and (max-width: 767px) {
  .productTopSection section .bg.bc6 {
    background-image: url("/common/images/products/babycar/top/bg07_sp.webp");
  }
}



.productTopSection section .bg.cs1 {
  background-image: url("/common/images/products/childseat/top/bg01.jpg?v2022");
  background-size: cover;
  background-position: top center;
}

@media screen and (max-width: 767px) {
  .productTopSection section .bg.cs1 {
    background-image: url("/common/images/products/childseat/top/bg01_sp.jpg?v2022");
    background-size: 100%;
  }
}

.productTopSection section .bg.cs2 {
  background-image: url("/common/images/products/childseat/top/bg02.jpg");
}

@media screen and (max-width: 767px) {
  .productTopSection section .bg.cs2 {
    background-image: url("/common/images/products/childseat/top/bg02_sp.jpg");
  }
}

.productTopSection section .bg.cs3 {
  background-image: url("/common/images/products/childseat/top/bg03.jpg");
}

@media screen and (max-width: 767px) {
  .productTopSection section .bg.cs3 {
    background-image: url("/common/images/products/childseat/top/bg03_sp.jpg");
  }
}

.productTopSection section .bg.cs4 {
  background-image: url("/common/images/products/childseat/top/bg04.jpg");
  background-size: cover;
  background-position: top center;
}

@media screen and (max-width: 767px) {
  .productTopSection section .bg.cs4 {
    background-image: url("/common/images/products/childseat/top/bg04_sp.jpg");
    background-size: 100%;
  }
}

.productTopSection section .bg.sl1 {
  background-image: url("/common/images/products/sling/top/bg01.jpg");
  background-position: top center;
  background-color: #faeede;
}

@media screen and (max-width: 767px) {
  .productTopSection section .bg.sl1 {
    background-image: url("/common/images/products/sling/top/bg01_sp.jpg");
  }
}

.productTopSection section.items .luceBox {
  padding: 55px 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .productTopSection section.items .luceBox {
    padding: 10vw 5vw;
  }
}

.productTopSection section.items .luceBox h3 {
  font-size: 2rem;
  margin-bottom: 15px;
}

.productTopSection section.items .luceBox p {
  font-size: 1.4rem;
  line-height: 1.8;
}

.productTopSection section.items .luceBox .btnLuce {
  max-width: 1000px;
  margin: 38px auto 0 auto;
}

.productTopSection section.items h3 {
  font-style: 2rem;
  font-weight: bold;
  margin-bottom: 35px;
  color: #222;
}

@media screen and (max-width: 767px) {
  .productTopSection section.items h3 {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 1.3em;
  }
}

.productTopSection section.items h3 span {
  font-size: 3.5rem;
  display: block;
  color: #222;
}

@media screen and (max-width: 767px) {
  .productTopSection section.items h3 span {
    font-size: 2.4rem;
  }
}

.productTopSection section.items .check {
  font-size: 1.8rem;
  margin-bottom: 40px;
  color: #000;
}

@media screen and (max-width: 767px) {
  .productTopSection section.items .check {
    font-size: 1.4rem;
    margin-bottom: 42vw;
  }
}

.productTopSection section.items .check li {
  display: flex;
  padding-bottom: 10px;
  color: #222;
}

.productTopSection section.items .check li:before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  margin-top: -3px;
  background-image: url("/common/images/products/check.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.productTopSection section.items .btnBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.productTopSection section.items .btnBox li {
  width: 480px;
  margin-bottom: 28px;
}

.productTopSection section.items .btnBox li.center {
  margin-left: 260px;
}

@media screen and (max-width: 767px) {
  .productTopSection section.items .btnBox li.center {
    margin-left: 0px;
  }
}

.productTopSection section.items .btnBox li a {
  display: block;
  border-radius: 30px;
  text-decoration: none;
}

.productTopSection section.items .btnBox li a .img {
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.16);
}

.productTopSection section.items .btnBox li a .img:after {
  content: "";
  display: block;
  border: 0 solid #C03;
  border-radius: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.2s linear;
}

.productTopSection section.items .btnBox li a .caption {
  display: block;
  text-decoration: none;
  color: #222222;
  font-size: 1.4rem;
  margin-top: 0.5em;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .productTopSection section.items .btnBox li a .caption.white {
    color: #FFFFFF;
  }
}

.productTopSection section.items .btnBox li a:hover {
  opacity: 1;
}

.productTopSection section.items .btnBox li a:hover .img img {
  opacity: 1;
}

.productTopSection section.items .btnBox li a:hover .img:after {
  border-width: 6px;
  opacity: 1;
}

.productTopSection section.others {
  padding: 80px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center left;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others {
    padding: 55px 0;
  }
}

@media screen and (max-width: 767px) {
  .productTopSection section.others .inner {
    width: 90%;
    margin: 0 auto;
  }
}

.productTopSection section.others .ttl1 {
  margin-bottom: 33px;
}

.productTopSection section.others .lead {
  text-align: center;
  font-size: 1.4rem;
  padding: 0 0 2em 0;
  line-height: 1.8;
  color: black;
}

.productTopSection section.others.kodawari {
  background-image: url("/common/images/products/babycar/top/bg06.jpg");
  background-position: center;
  position: relative;
  z-index: 2;
  background-color: #F1F1F1;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.kodawari {
    background-image: url("/common/images/products/babycar/top/bg06_sp.jpg");
    background-size: 100%;
    background-position: center 200px;
  }
}

.productTopSection section.others.kodawari.childseat {
  background-image: url("/common/images/products/childseat/top/bg04.jpg");
  background-size: auto 100%;
  background-position: left;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.kodawari.childseat {
    background-image: url("/common/images/products/childseat/top/bg04_sp.jpg");
    background-position: center 20px;
    background-size: 100% auto;
  }
}

.productTopSection section.others.kodawari.sling {
  background-image: url("/common/images/products/sling/top/bg02.jpg");
  background-size: auto 100%;
  background-position: 0;
  background-color: #f1f1f1;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.kodawari.sling {
    background-image: url("/common/images/products/sling/top/bg02_sp.jpg");
    background-position: center 10vw;
    background-size: 100% auto;
  }
}

.productTopSection section.others.kodawari.highlow {
  background-image: url("/common/images/products/highlow/top/bg02.jpg");
  background-size: auto 100%;
  background-position: 0;
  background-color: #f1f1f1;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.kodawari.highlow {
    background-image: url("/common/images/products/highlow/top/bg02_sp.jpg");
    background-position: center top;
    background-size: 100% auto;
  }

  .productTopSection section.others.kodawari.highlow .kodawariList {
    padding-top: 25vw;
  }
}

.productTopSection section.others.kodawari .kodawariList {
  display: flex;
  justify-content: center;
  margin: 0 -10px;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.kodawari .kodawariList {
    flex-direction: column;
    margin: 255px 0 0 0;
  }
}

.productTopSection section.others.kodawari .kodawariList li {
  width: 320px;
  margin: 0 10px;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.kodawari .kodawariList li {
    width: 100%;
    margin: 0 0 27px 0;
  }
}

.productTopSection section.others.kodawari .kodawariList li a,
.productTopSection section.others.kodawari .kodawariList li span {
  display: block;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}

.productTopSection section.others.kodawari .kodawariList li dl {
  text-align: center;
  color: #000000;
  line-height: 1.7;
}

.productTopSection section.others.kodawari .kodawariList li dl dt {
  margin-top: 17px;
  font-size: 1.6rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.productTopSection section.others.kodawari .kodawariList li dl dt.line2 {
  min-height: 55px;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.kodawari .kodawariList li dl dt.line2 {
    min-height: auto;
  }
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.kodawari .kodawariList li dl dt {
    min-height: auto;
    display: block;
  }
}

.productTopSection section.others.kodawari .kodawariList li dl dd {
  font-size: 1.3rem;
}

.productTopSection section.others.hosyo {
  background-image: url("/common/images/products/babycar/top/other_hosyo_bg_wrap.png");
  background-position: center;
  background-size: cover;
  padding: 66px 0 75px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.hosyo {
    background-image: url("/common/images/products/babycar/top/other_hosyo_bg_wrap_sp.png");
    padding: 43.58974vw 0 9.74359vw;
  }
}

.productTopSection section.others.hosyo:before,
.productTopSection section.others.hosyo:after {
  content: "";
  display: block;
  background-color: rgba(204, 0, 51, 0.9);
  width: 100%;
  position: absolute;
  left: 0;
}

.productTopSection section.others.hosyo:before {
  height: 4px;
  top: 0;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.hosyo:before {
    height: 1.02564vw;
  }
}

.productTopSection section.others.hosyo:after {
  height: 10px;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.hosyo:after {
    height: 2.5641vw;
  }
}

.productTopSection section.others.hosyo .inner {
  position: relative;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.hosyo .inner {
    width: auto;
    padding: 0 6.92308vw;
  }
}

.productTopSection section.others.hosyo .ttl1 {
  margin-bottom: 24px;
  font-size: 2.8rem;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 1.60714;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.hosyo .ttl1 {
    margin-bottom: 5.64103vw;
    font-size: 1.9rem;
    line-height: 1.57895;
  }
}

.productTopSection section.others.hosyo .img {
  width: 150px;
  position: absolute;
  top: 29px;
  left: 332px;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.hosyo .img {
    width: 29.23077vw;
    top: -7.17949vw;
    left: 64.87179vw;
  }
}

@media screen and (min-width: 768px) {
  .productTopSection section.others.hosyo .c-btn1 {
    width: 250px;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.hosyo .c-btn1 {
    width: 240px;
  }
}

.productTopSection section.others.select {
  position: relative;
  z-index: 2;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.16);
}

.productTopSection section.others.select .btnSelect {
  background-color: #c3dce0;
  border-radius: 30px;
  height: 236px;
  width: 100%;
  position: relative;
  display: block;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.select .btnSelect {
    height: auto;
    background-image: url("/common/images/products/babycar/top/bn_select_sp.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
  }

  .productTopSection section.others.select .btnSelect.childseat {
    background-image: url("/common/images/products/childseat/top/bn_select_sp.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
  }
}

.productTopSection section.others.select .btnSelect.childseat {
  border: 2px solid #42B9D1;
  background-color: #42B9D1;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.select .btnSelect.childseat {
    border: 0px;
    background-color: transparent;
  }
}

.productTopSection section.others.select .btnSelect.childseat .box {
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.select .btnSelect.childseat .box .txt {
    padding-top: 36vw;
  }

  .productTopSection section.others.select .btnSelect.childseat .box .txt1 {
    font-size: 1.3rem;
  }

  .productTopSection section.others.select .btnSelect.childseat .box .txt2 {
    font-size: 2rem;
  }
}

.productTopSection section.others.select .btnSelect.childseat:before {
  background-image: url("/common/images/products/childseat/top/bn_select.jpg");
  left: 0px;
}

.productTopSection section.others.select .btnSelect .box {
  color: #707070;
  text-decoration: none;
  display: block;
}

.productTopSection section.others.select .btnSelect .txt {
  width: 47%;
  text-align: center;
  font-weight: bold;
  margin-left: auto;
  height: 236px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.select .btnSelect .txt {
    width: auto;
    height: auto;
    padding: 30vw 0 7vw;
  }
}

.productTopSection section.others.select .btnSelect .txt .txt1 {
  font-size: 1.6rem;
}

.productTopSection section.others.select .btnSelect .txt .txt2 {
  margin-bottom: 25px;
  font-size: 2.5rem;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.select .btnSelect .txt .txt2 {
    margin-bottom: 3vw;
  }
}

.productTopSection section.others.select .btnSelect:before {
  content: "";
  background-image: url("/common/images/products/babycar/top/bn_select.png");
  width: 532px;
  height: 236px;
  background-size: 100%;
  position: absolute;
  display: block;
  left: 55px;
  top: 0px;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.select .btnSelect:before {
    display: none;
    width: 100%;
    position: static;
  }
}

.productTopSection section.others.select .ttl3,
.productTopSection section.others.select .lead {
  color: #1F2B5C;
}

.productTopSection section.others.hikaku {
  background-color: #f0f0f0;
}

.productTopSection section.others.hikaku.pb0 {
  padding-bottom: 0px;
}

.productTopSection section.others.hikaku .lead {
  color: #1F2B5C;
}

.productTopSection section.others.toritsuke {
  background-image: url("/common/images/products/childseat/top/bg05.jpg");
  background-color: #775E4C;
  background-position: center;
  padding: 0px;
  transition: .3s;
}

.productTopSection section.others.toritsuke:hover {
  opacity: .7;
}

.productTopSection section.others.toritsuke a {
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 100%;
  height: 240px;
}

.productTopSection section.others.toritsuke .inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.productTopSection section.others.toritsuke .inner .txt {
  width: 50%;
  margin-left: auto;
  color: #FFF;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .productTopSection section.others.toritsuke .inner .txt {
    width: 100%;
  }
}

.productTopSection section.others.toritsuke .inner .txt h2 {
  font-size: 2.5rem;
  color: #FFF;
}

.productTopSection section.others.toritsuke .inner .txt p {
  font-size: 2rem;
}

.productTopSection section .modal .comparisonCont .inner {
  background: #fff;
  padding: 20px 20px 0px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .productTopSection section .modal .comparisonCont .inner {
    padding: 20px 0 0 0;
  }
}

.productTopSection section .modal .comparisonCont .inner .tabGroup {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #C03;
}

@media screen and (max-width: 767px) {
  .productTopSection section .modal .comparisonCont .inner .tabGroup {
    justify-content: space-between;
    padding: 0 5%;
  }
}

.productTopSection section .modal .comparisonCont .inner .tabGroup li {
  color: #fff;
  font-size: 1.4rem;
  padding: 1em 1.8em;
  background: #C03;
  border: 1px solid #C03;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .productTopSection section .modal .comparisonCont .inner .tabGroup li {
    width: 32.5%;
    padding: 8px 0;
    line-height: 1.4;
    text-align: center;
  }
}

.productTopSection section .modal .comparisonCont .inner .tabGroup li:hover {
  cursor: pointer;
}

.productTopSection section .modal .comparisonCont .inner .tabGroup li.active {
  position: relative;
  bottom: -1px;
  color: #C03;
  background: #fff;
  border-bottom: 1px solid #fff;
}

.productTopSection section .modal .comparisonCont .inner .tabGroup li+li {
  margin-left: 12px;
}

@media screen and (max-width: 767px) {
  .productTopSection section .modal .comparisonCont .inner .tabGroup li+li {
    margin-left: 2.1%;
  }
}

.productTopSection section .modal .comparisonCont .inner .contentPage {
  margin: 0 auto;
  height: 530px;
  overflow: auto;
  width: 100%;
  margin-top: 20px;
  box-sizing: border-box;
  border: 1px solid #b7b7b7;
  border-top: none;
}

@media screen and (max-width: 767px) {
  .productTopSection section .modal .comparisonCont .inner .contentPage {
    height: auto;
  }
}

.productTopSection section .modal .comparisonCont .inner .contentPage .opn_tab {
  display: none;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .opn_tab.show {
  display: block;
}

.productTopSection section .modal .comparisonCont .inner .contentPage h3 {
  background: rgba(112, 112, 112, 0.5);
}

.productTopSection section .modal .comparisonCont .inner .contentPage h3 span {
  font-weight: bold;
  color: #fff;
  font-weight: normal;
  font-size: 1.2rem;
  padding: 0.5em 0.83333em;
  display: inline-block;
  position: sticky;
  left: 0px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .fixdCont {
  position: sticky;
  top: 0;
  z-index: 15;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contYear {
  background-color: #707070;
  display: flex;
  justify-content: space-between;
  width: calc(160px * 12);
}

.productTopSection section .modal .comparisonCont .inner .contentPage .kikan {
  font-size: 1.2rem;
  padding: 0.5em 0.83333em;
  box-sizing: border-box;
  border-bottom: 1px solid #707070;
  position: sticky;
  display: inline-block;
  left: 0px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .kikan.k1 {
  width: 300px;
  color: #fff;
  background: #707070;
  flex-shrink: 0;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .kikan.k2 {
  width: calc(160px * 2);
  color: #707070;
  border-left: 1px solid #707070;
  background: #fff;
  position: sticky;
  left: 0px;
  flex-shrink: 0;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contenFeatures .ttlCont {
  display: flex;
  width: calc(160px * 12);
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contenFeatures .ttlCont li {
  font-size: 1.2rem;
  padding: 0.5em 0.83333em;
  box-sizing: border-box;
  font-weight: bold;
  color: #fff;
  position: sticky;
  left: 0px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contenFeatures .ttlCont li.clr1 {
  width: calc(160px * 2);
  background: #539dcc;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contenFeatures .ttlCont li.clr2 {
  width: calc(160px * 4);
  background: #82c9cd;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contenFeatures .ttlCont li.clr3 {
  width: calc(160px * 3);
  background: #f8c460;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contenFeatures .ttlCont li.clr4 {
  width: calc(160px * 1);
  background: #92d376;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contenFeatures .ttlCont li.clr5 {
  width: calc(160px * 2);
  background: #e3a39f;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contenFeatures .ttlCont li+li {
  border-left: 1px solid #707070;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont {
  display: flex;
  width: calc(160px * 12);
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li {
  width: 160px;
  box-sizing: border-box;
  padding-bottom: 10px;
  position: relative;
  background: #fff;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li.new:before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  background-image: url(/common/images/product_list/icon_new.png);
  background-size: 100%;
  z-index: 5;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img {
  position: relative;
  text-align: center;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img img {
  width: 95px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img .color {
  position: absolute;
  right: 10px;
  bottom: 0px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img .color em {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  margin-bottom: 5px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img .color em.c1 {
  background-color: #1e396c;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img .color em.c2 {
  background-color: #000;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img .color em.c3 {
  background-color: #e3d9c0;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img .color em.c4 {
  background-color: #b1b1b1;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img .color em.c5 {
  background-color: #558636;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img .color em.c6 {
  background-color: #fecd00;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img .color em.c7 {
  background-color: #4487b7;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img .color em.c8 {
  background-color: #e84644;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_img .color em.c9 {
  background-color: #745447;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_text {
  margin-top: 8px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li .car_text h4 {
  font-size: 1.2rem;
  text-align: center;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .babycarCont li+li {
  border-left: 1px solid #707070;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .iconImg {
  position: relative;
  display: block;
  width: 30px;
  margin: 0 auto;
  cursor: default;
  z-index: 10;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .iconImg:hover {
  opacity: 1;
  cursor: default;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .iconImg:hover img {
  opacity: 1;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .iconImg+p {
  margin-top: 5px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .iconImg.qes:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: -25px;
  margin: auto 0;
  font-size: 1.2rem;
  color: #707070;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(/common/images/products/icon_hint.svg);
  background-size: contain;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  box-sizing: border-box;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .iconImg.qes:hover {
  cursor: pointer;
  filter: brightness(1.1);
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSpec {
  width: calc(160px * 12);
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSpec ul {
  display: flex;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSpec ul li {
  font-size: 1.4rem;
  color: #000;
  width: 160px;
  text-align: center;
  padding-top: 20px;
  background: #e4e4e4;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSpec ul li+li {
  border-left: 1px dotted #727171;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSpec ul li p em {
  color: #707070;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSpec ul li p span {
  font-size: 1.2rem;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSpec ul li p+p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentSpec ul li p+.iconTxt {
  margin-top: 1.8rem;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSpec ul li p.emp {
  padding: 4rem 0;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSpec ul li .iconTxt+.iconTxt {
  margin-top: 1.8rem;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasic,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentWarranty {
  width: calc(160px * 12);
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasic ul,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentWarranty ul {
  display: flex;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasic ul li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentWarranty ul li {
  text-align: center;
  width: 160px;
  padding: 20px 0 0 0;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasic ul li .iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentWarranty ul li .iconTxt {
  height: 70px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasic ul li .iconTxt.h85,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentWarranty ul li .iconTxt.h85 {
  height: 85px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasic ul li .iconTxt.contEmp p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentWarranty ul li .iconTxt.contEmp p {
  margin-top: 15px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasic ul li .iconTxt .img,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentWarranty ul li .iconTxt .img {
  margin-bottom: 5px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasic ul li+li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentWarranty ul li+li {
  border-left: 1px dotted #727171;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt {
  width: calc(160px * 12);
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp ul,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire ul,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry ul,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle ul,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt ul {
  display: flex;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp ul li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire ul li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry ul li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle ul li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt ul li {
  font-size: 1.4rem;
  color: #000;
  width: 160px;
  text-align: center;
  padding: 20px 0;
  background: #e4e4e4;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp ul li+li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire ul li+li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry ul li+li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle ul li+li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt ul li+li {
  border-left: 1px dotted #727171;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp ul li p em,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire ul li p em,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry ul li p em,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle ul li p em,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt ul li p em {
  color: #707070;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp ul li p span,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire ul li p span,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry ul li p span,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle ul li p span,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt ul li p span {
  font-size: 1.2rem;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp ul li p+p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp ul li p+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire ul li p+p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire ul li p+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry ul li p+p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry ul li p+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle ul li p+p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle ul li p+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt ul li p+p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt ul li p+.iconTxt {
  margin-top: 1.8rem;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp ul li p.emp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire ul li p.emp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry ul li p.emp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle ul li p.emp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt ul li p.emp {
  padding: 4rem 0;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp ul li .iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire ul li .iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry ul li .iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle ul li .iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt ul li .iconTxt {
  height: 70px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp ul li .iconTxt.contEmp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire ul li .iconTxt.contEmp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry ul li .iconTxt.contEmp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle ul li .iconTxt.contEmp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt ul li .iconTxt.contEmp {
  display: flex;
  justify-content: center;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp ul li .iconTxt.contEmp p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire ul li .iconTxt.contEmp p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry ul li .iconTxt.contEmp p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle ul li .iconTxt.contEmp p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt ul li .iconTxt.contEmp p {
  margin-top: 15px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentAbsorp ul li .iconTxt+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentTire ul li .iconTxt+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentCarry ul li .iconTxt+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHandle ul li .iconTxt+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBelt ul li .iconTxt+.iconTxt {
  margin-top: 1.8rem;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther {
  width: calc(160px * 12);
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat ul,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket ul,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown ul,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther ul {
  display: flex;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat ul li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket ul li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown ul li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther ul li {
  font-size: 1.4rem;
  color: #000;
  width: 160px;
  text-align: center;
  padding: 20px 0;
  background: #fff;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat ul li+li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket ul li+li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown ul li+li,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther ul li+li {
  border-left: 1px dotted #727171;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat ul li p em,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket ul li p em,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown ul li p em,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther ul li p em {
  color: #707070;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat ul li p span,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket ul li p span,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown ul li p span,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther ul li p span {
  font-size: 1.2rem;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat ul li p+p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat ul li p+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket ul li p+p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket ul li p+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown ul li p+p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown ul li p+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther ul li p+p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther ul li p+.iconTxt {
  margin-top: 1.8rem;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat ul li p.emp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket ul li p.emp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown ul li p.emp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther ul li p.emp {
  padding: 4rem 0;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat ul li .iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket ul li .iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown ul li .iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther ul li .iconTxt {
  height: 70px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat ul li .iconTxt.contEmp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket ul li .iconTxt.contEmp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown ul li .iconTxt.contEmp,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther ul li .iconTxt.contEmp {
  display: flex;
  justify-content: center;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat ul li .iconTxt.contEmp p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket ul li .iconTxt.contEmp p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown ul li .iconTxt.contEmp p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther ul li .iconTxt.contEmp p {
  margin-top: 15px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentSeat ul li .iconTxt+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentBasket ul li .iconTxt+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentUpdown ul li .iconTxt+.iconTxt,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentOther ul li .iconTxt+.iconTxt {
  margin-top: 1.8rem;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentHood {
  width: calc(160px * 12);
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentHood ul {
  display: flex;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentHood ul li {
  font-size: 1.4rem;
  color: #000;
  width: 160px;
  text-align: center;
  padding: 20px 0;
  background: #e4e4e4;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentHood ul li+li {
  border-left: 1px dotted #727171;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentHood ul li p em {
  color: #707070;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentHood ul li p span {
  font-size: 1.2rem;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentHood ul li p+p,
.productTopSection section .modal .comparisonCont .inner .contentPage .contentHood ul li p+.iconTxt {
  margin-top: 1.8rem;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentHood ul li p.emp {
  padding: 4rem 0;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentHood ul li .iconTxt.contEmp p {
  padding-top: 15px;
}

.productTopSection section .modal .comparisonCont .inner .contentPage .contentHood ul li .iconTxt+.iconTxt {
  margin-top: 1.8rem;
}

.productTopSection section .modal .iconModal {
  display: none;
}

.productTopSection section .modal .iconModal .iconWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: center;
}

.productTopSection section .modal .iconModal .iconCont {
  display: none;
}

.productTopSection section .modal .iconModal .iconCont.show {
  display: block;
}

.productTopSection section .modal .iconModal .btnClose {
  cursor: pointer;
}

.productTopSection section .modal .iconModal .btnClose:hover {
  opacity: 0.7;
}

.productTopSection section .modal .iconModal .inner {
  width: 310px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  min-height: 300px;
  position: relative;
}

.productTopSection section .modal .iconModal .inner .btnClose {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
}

.productTopSection section .modal .iconModal .inner .btnClose img {
  max-width: 100%;
}

.productTopSection section .modal .iconModal .inner .iconImg {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.productTopSection section .modal .iconModal .inner .iconImg img {
  max-width: 100px;
}

.productTopSection section .modal .iconModal .inner h4 {
  font-size: 1.8rem;
  font-weight: normal;
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
}

.productTopSection section .modal .iconModal .inner p {
  text-align: center;
  font-size: 1.4rem;
  margin-top: 15px;
}

.productTopSection .inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.productTopSection .inner .lineupBox {
  padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
  .productTopSection .inner .lineupBox {
    width: 95%;
    margin: 0 auto;
  }
}

.productTopSection .inner .lineupBox .btn {
  margin-top: 30px;
}

.productTopSection .ttl1 {
  font-size: 3.5rem;
  font-weight: bold;
  color: #C03;
  text-align: center;
  font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 767px) {
  .productTopSection .ttl1 {
    font-size: 2.5rem;
  }
}

.productTopSection .ttl1.lineup {
  font-size: 4rem;
  padding-top: 70px;
  padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .productTopSection .ttl1.lineup {
    font-size: 3rem;
  }
}

.productTopSection .ttl2 {
  font-size: 2.5rem;
  font-weight: bold;
  background-color: #539dcc;
  padding: 17px 0 15px 0;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .productTopSection .ttl2 {
    font-size: 1.8rem;
  }
}

.productTopSection .ttl2.aqua {
  background-color: #82c9cd;
}

.productTopSection .ttl2.yellow {
  background-color: #f8c460;
}

.productTopSection .ttl2.orange {
  background-color: #e3a39f;
}

.productTopSection .ttl2.green {
  background-color: #92d376;
}

.productTopSection .ttl2.purple {
  background-color: #9B8EBA;
}

.productTopSection .ttl2.LUCE {
  background-color: #000;
}

.productTopSection .ttl2.greenDrk {
  background-color: #59a065;
}

.productTopSection .ttl2 .in {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}

.productTopSection .ttl2 .in span {
  display: inline-block;
  margin-right: auto;
  position: absolute;
  left: 0px;
  font-size: 1.8rem;
  top: 0.3em;
}

@media screen and (max-width: 767px) {
  .productTopSection .ttl2 .in span {
    position: static;
    font-size: 1.3rem;
    margin-right: 0.5em;
  }
}

.productTopSection .ttl3 {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 1em;
}

.productTopSection .otherBtn {
  position: relative;
  border-radius: 30px;
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.16);
  text-align: center;
  margin: 40px 0 56px;
  font-weight: bold;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 180px;
  box-sizing: border-box;
  padding: 10px;
  overflow: hidden;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .productTopSection .otherBtn {
    height: 143px;
    width: 90%;
    margin: 40px auto;
    font-size: 1.6rem;
    padding-right: 30vw;
  }

  .productTopSection .otherBtn.childseat .img2 {
    height: 80%;
    width: auto;
    right: -20px;
    bottom: 17px;
  }
}

.productTopSection .otherBtn .img1 {
  position: absolute;
  right: 40px;
  top: 10px;
  width: auto;
  height: 160px;
}

@media screen and (max-width: 767px) {
  .productTopSection .otherBtn .img1 {
    height: 120px;
    right: 25px;
  }
}

.productTopSection .otherBtn .img2 {
  position: absolute;
  height: 180px;
  top: auto;
  bottom: 0px;
  right: 0px;
}

@media screen and (max-width: 767px) {
  .productTopSection .otherBtn .img2 {
    height: 140px;
  }
}

.productTopSection .otherBtn span {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}

.productTopSection .otherBtn span:after {
  margin-left: 10px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/common/images/products/arrow_red.svg");
}

.productTopSection .otherBtn:after {
  content: "";
  display: block;
  border: 0 solid #C03;
  border-radius: 30px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.2s linear;
}

.productTopSection .otherBtn:hover img {
  opacity: 1;
}

.productTopSection .otherBtn:hover:after {
  border-width: 6px;
  opacity: 1;
}

/*--------------------------------------
 プラグイン
---------------------------------------*/
.productNavMB {
  margin-bottom: 160px !important;
}

@media screen and (max-width: 767px) {
  .productNavMB {
    margin-bottom: 310px !important;
  }
}

.productListNav {
  width: 100%;
  background-color: #fff;
}

.pNaviInner {
  background-color: #FFF;
}

.pNaviInner nav {
  padding: 20px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .pNaviInner nav {
    padding: 20px 10px;
  }
}

.pNaviInner a {
  transition: 0.3s;
}

.pNaviInner a:hover {
  opacity: 0.7;
}

.pNaviInner .col {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pNaviInner .col {
    display: block;
  }

  .pNaviInner .col.isType2 {
    display: flex;
  }
}

.pNaviInner .col.colClm {
  flex-direction: column;
}

.pNaviInner .col .cols {
  width: 49%;
}

@media screen and (max-width: 767px) {
  .pNaviInner .col.isType3 {
    display: flex;
    flex-wrap: wrap;
  }
}

.pNaviInner .col.isType3 .cols {
  width: 32%;
}

@media screen and (max-width: 767px) {
  .pNaviInner .col.isType3 .cols {
    width: 49%;
  }

  .pNaviInner .col.isType3 .cols.last {
    margin: 0 auto;
    margin-top: 10px;
  }
}

.pNaviInner .col .btnAnc {
  color: #fff;
  border-radius: 50px;
  text-decoration: none;
  display: block;
  padding: 0.65em 0 0.5em 0;
  text-align: center;
  background-color: #539dcc;
  font-weight: bold;
  font-size: 1.3rem;
  margin: 0 auto;
  width: 100%;
}

.pNaviInner .col .btnAnc.pink {
  background-color: #E3A39F;
}

.pNaviInner .col .btnAnc.orange {
  background-color: #F8C460;
}

.pNaviInner .col .btnAnc.green {
  background-color: #53BDB0;
}

.pNaviInner .col .btnAnc.blue {
  background-color: #51A0D8;
}

.pNaviInner .col .btnAnc.white {
  background-color: #FFF;
  border: 1px solid #707070;
  color: #707070;
}

.pNaviInner .col dl {
  background-color: rgba(112, 112, 112, 0.1);
  border-radius: 10px;
  text-align: center;
  padding: 10px 5px;
}

.pNaviInner .col dl.colL {
  width: 817px;
  margin-right: 1%;
}

.pNaviInner .col dl.colL.wS {
  width: 590px;
}

@media screen and (max-width: 767px) {
  .pNaviInner .col dl.colL.wS {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .pNaviInner .col dl.colL {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
}

.pNaviInner .col dl.colR {
  width: 175px;
}

.pNaviInner .col dl.colR.isType2 {
  width: 210px;
}

@media screen and (max-width: 767px) {
  .pNaviInner .col dl.colR.isType2 {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
}

@media screen and (max-width: 767px) {
  .pNaviInner .col dl.colR {
    width: 100%;
    margin: 0px;
  }
}

.pNaviInner .col dl.colW100 {
  width: 100%;
  flex-direction: column;
  text-align: center;
}

.pNaviInner .col dl.colW100+dl.colW100 {
  margin-top: 1%;
}

.pNaviInner .col dl.col3 {
  width: 32.5%;
}

@media screen and (max-width: 767px) {
  .pNaviInner .col dl.col3 {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }

  .pNaviInner .col dl.col3 dd ul li {
    width: 100%;
  }
}

.pNaviInner .col dl dd ul {
  display: flex;
  margin-top: 10px;
  justify-content: center;
}

.pNaviInner .col dl dd ul.col3 {
  flex-wrap: wrap;
}

.pNaviInner .col dl dd ul.col3 li {
  width: 31%;
  margin: 0 4px 5px;
}

@media screen and (max-width: 767px) {
  .pNaviInner .col dl dd ul.col3 li {
    width: 46%;
    margin: 1vw 1vw;
  }
}

.pNaviInner .col dl dd ul.col3 li a {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .pNaviInner .col dl dd ul {
    flex-wrap: wrap;
  }
}

.pNaviInner .col dl dd ul li {
  margin: 0 5px;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .pNaviInner .col dl dd ul li.Mw220 {
    max-width: 220px;
  }
}

.pNaviInner .col dl dd ul li.PT20 {
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .pNaviInner .col dl dd ul li.PT20 {
    padding-top: 0px;
  }
}

@media screen and (max-width: 767px) {
  .pNaviInner .col dl dd ul li {
    width: 46%;
    margin: 1vw 1vw;
  }
}

.pNaviInner .col dl dd ul li a {
  color: #fff;
  border-radius: 50px;
  text-decoration: none;
  display: block;
  padding: 0.65em 0 0.5em 0;
  text-align: center;
  background-color: #539dcc;
  font-weight: bold;
  font-size: 1.3rem;
  max-width: 220px;
  margin: 0 auto;
  width: 100%;
}

.pNaviInner .col dl dd ul li a.b2 {
  background-color: #82c9cd;
}

.pNaviInner .col dl dd ul li a.b3 {
  background-color: #f8c460;
}

.pNaviInner .col dl dd ul li a.b4 {
  background-color: #92d376;
}

.pNaviInner .col dl dd ul li a.b5 {
  background-color: #9b8eba;
  font-feature-settings: "palt";
}

.pNaviInner .col dl dd ul li a.b7 {
  background-color: #000;
  font-feature-settings: "palt";
}

.pNaviInner .col dl dd ul li a.b6 {
  background-color: #e3a39f;
}

.pNaviInner .col dl dd ul li a.b8 {
  background-color: #59a065;
}

.pNaviInner .other {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.pNaviInner .other.colR2 {
  flex-direction: column;
  width: 180px;
  margin-top: 0px;
}

@media screen and (max-width: 767px) {
  .pNaviInner .other.colR2 {
    width: auto;
    flex-direction: row;
  }
}

.pNaviInner .other.colR2 li {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .pNaviInner .other.colR2 li {
    width: 32%;
  }
}

.pNaviInner .other.colR2 li+li {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .pNaviInner .other.colR2 li+li {
    margin-top: 0px;
  }
}

@media screen and (max-width: 767px) {
  .pNaviInner .other {
    justify-content: space-between;
  }

  .pNaviInner .other.alignC {
    justify-content: center;
  }
}

.pNaviInner .other li {
  width: 150px;
  margin: 0 5px;
}

@media screen and (max-width: 767px) {
  .pNaviInner .other li {
    width: 32%;
    margin: 0px;
  }
}

.pNaviInner .other a {
  text-align: center;
  padding: 0.7em 0 0.5em 0;
  font-size: 1.2rem;
  font-weight: bold;
  display: block;
  color: #707070;
  text-decoration: none;
  border-radius: 50px;
  border: 1px solid #707070;
}

@media screen and (max-width: 767px) {
  .pNaviInner .other a {
    font-size: 1.1rem;
  }
}

.productListBanner {
  background-image: url("/common/images/product_list/banner_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 240px;
  height: 18vw;
  max-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.productListBanner.isType2 {
  background-image: url("/common/images/products/bn_bg.jpg");
}

@media screen and (max-width: 767px) {
  .productListBanner {
    background-image: url("/common/images/product_list/banner_bg_sp.jpg");
    box-sizing: border-box;
    padding: 43vw 10vw 10vw 10vw;
    max-height: none;
    height: auto;
  }

  .productListBanner.isType2 {
    background-image: url("/common/images/products/bn_bg_sp.jpg");
  }
}

.productListBanner .inner {
  text-align: center;
}

.productListBanner .inner p {
  max-width: 623px;
  margin: 0 auto 30px auto;
}

@media screen and (max-width: 767px) {
  .productListBanner .inner p {
    margin-bottom: 5vw;
  }
}

.productListBanner .inner p img {
  width: 100%;
}

.productListBanner .inner a {
  display: flex;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  width: 200px;
  background-color: #C03;
  height: 40px;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
}

.productListHeadOther {
  background-color: #707070;
}

.productListHeadOther h2 {
  color: #fff;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0.8em 0;
  margin-bottom: 14px;
}

@media screen and (max-width: 767px) {
  .productListHeadOther h2 {
    font-size: 2rem;
    box-sizing: border-box;
    padding-left: 4vw;
  }
}

.c-btn1 {
  display: flex;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  width: 200px;
  background-color: #C03;
  height: 40px;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 50px;
  color: #fff !important;
  text-decoration: none;
  position: relative;
  transition: .3s;
}

.c-btn1:hover {
  color: #FFF;
  opacity: .7;
}

.c-btn1.arrow {
  min-width: 240px;
  text-align: center;
  padding-right: 10px;
  padding: 0 40px 0 20px;
  box-sizing: content-box;
}

.c-btn1.arrow:after {
  content: "";
  display: inline-block;
  background-image: url("/common/images/products/arrow.svg");
  width: 20px;
  height: 20px;
  border-radius: 50px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
}

.bnWarrantyTop {
  max-width: 912px;
  margin: 0 auto;
}

.bnWarrantyTop:hover {
  opacity: .6;
}

@media screen and (max-width: 767px) {
  .bnWarrantyTop {
    width: 90vw;
  }
}

.bnWarrantyFix {
  max-width: 187px;
  position: absolute;
  right: 0px;
  top: 70px;
  z-index: 20;
  padding-top: 20px;
}

.bnWarrantyFix.fix {
  position: fixed;
  top: 0px;
}

@media screen and (max-width: 767px) {
  .bnWarrantyFix {
    width: 40vw;
    top: 55vw;
  }
}

.bnWarranty {
  background-image: url("/common/images/products/babycar/top/other_hosyo_bg_wrap.png");
  background-position: center;
  background-size: cover;
  padding: 66px 0 75px;
  position: relative;
  font-family: 'Avenir Next', 'Avenir', 'Helvetica Neue', 'Helvetica Neue', 'Helvetica', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳＰゴシック", sans-serif !important;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .bnWarranty {
    background-image: url("/common/images/products/babycar/top/other_hosyo_bg_wrap_sp.png");
    padding: 43.58974vw 0 9.74359vw;
  }
}

.bnWarranty .inner {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.bnWarranty:before,
.bnWarranty:after {
  content: "";
  display: block;
  background-color: rgba(204, 0, 51, 0.9);
  width: 100%;
  position: absolute;
  left: 0;
}

.bnWarranty:before {
  height: 4px;
  top: 0;
}

@media screen and (max-width: 767px) {
  .bnWarranty:before {
    height: 1.02564vw;
  }
}

.bnWarranty:after {
  height: 10px;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .bnWarranty:after {
    height: 2.5641vw;
  }
}

.bnWarranty .inner {
  position: relative;
}

@media screen and (max-width: 767px) {
  .bnWarranty .inner {
    width: auto;
    padding: 0 6.92308vw;
  }
}

.bnWarranty .ttl1 {
  margin-bottom: 24px;
  font-size: 2.8rem;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0.05em;
  color: #DF0623;
  line-height: 1.60714;
}

@media screen and (max-width: 767px) {
  .bnWarranty .ttl1 {
    margin-bottom: 5.64103vw;
    font-size: 1.9rem;
    line-height: 1.57895;
  }
}

.bnWarranty .img {
  width: 150px;
  position: absolute;
  top: 29px;
  left: 332px;
}

@media screen and (max-width: 767px) {
  .bnWarranty .img {
    width: 29.23077vw;
    top: -7.17949vw;
    left: 64.87179vw;
  }
}

@media screen and (min-width: 768px) {
  .bnWarranty .c-btn1 {
    width: 250px;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .bnWarranty .c-btn1 {
    width: 240px;
  }
}

/* ディテールページ用新規制作パーツ */
@media screen and (min-width: 768px) {
  .d-partsSec+.d-partsSec {
    margin-top: 85px;
  }
}

@media screen and (max-width: 767px) {
  .d-partsSec+.d-partsSec {
    margin-top: 14.93333vw;
  }
}

@media screen and (min-width: 768px) {
  .d-partsSec.mtType2 {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .d-partsSec.mtType2 {
    margin-top: 8vw;
  }
}

.d-partsTtl {
  margin: 2.0em 0 1.0em;
  color: #707070;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1.25;
}

@media screen and (max-width: 767px) {
  .d-partsTtl {
    margin: 2.0em 0 1.0em;
    color: #707070;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.25;
  }
}

.d-partsTtl2 {
  margin: 1.0em 0;
  color: #707070;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.25;
}

.d-partsTtl3 {
  margin: 2.0em 0 1.0em;
  color: #7d6b48;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .d-partsTtl3 {
    margin: 2.0em 0 1.0em;
    color: #7d6b48;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
  }
}

.d-inner {
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
  position: relative;
}

@media screen and (min-width: 768px) {
  .d-inner {
    max-width: 1076px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .d-inner {
    padding-left: 5.33333vw;
    padding-right: 5.33333vw;
  }
}

.d-inner:before,
.d-inner:after {
  background-color: #00f;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
}

.d-inner:before {
  left: 20px;
}

@media screen and (max-width: 767px) {
  .d-inner:before {
    left: 5.33333vw;
  }
}

.d-inner:after {
  right: 20px;
}

@media screen and (max-width: 767px) {
  .d-inner:after {
    right: 5.33333vw;
  }
}

@media screen and (min-width: 768px) {
  .d-pcColBox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 50px;
  }

  .d-pcColBox>li {
    margin-bottom: 40px;
  }

  .d-pcColBox.is_col2>li {
    width: 48.79182%;
    margin-right: 2.41636%;
  }

  .d-pcColBox.is_col2>li:nth-child(2n) {
    margin-right: 0;
  }

  .d-pcColBox.is_col3>li {
    width: 31.69145%;
    margin-right: 2.46283%;
  }

  .d-pcColBox.is_col3>li:nth-child(3n) {
    margin-right: 0;
  }
}

.d-mainImg {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .d-mainImg {
    margin-bottom: 8vw;
  }
}

.d-mainImgs {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .d-mainImgs {
    margin-bottom: 8vw;
  }
}

.d-btn1 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #C03;
  height: 50px;
  padding: 0 30px;
  color: #fff !important;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.28571;
  border-radius: 10px;
  text-decoration: none;
  box-sizing: border-box;
  position: relative;
  transition: opacity 0.3s;
}

.d-btn1:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .d-btn1 {
    height: 10.66667vw;
    padding: 0 5.33333vw;
    border-radius: 2.66667vw;
  }
}

.d-btn1:not([target="_blank"]):after {
  content: "";
  display: block;
  background: url("../images/parts/arw1_r_wht.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  width: 11px;
  height: 17px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
}

@media screen and (max-width: 767px) {
  .d-btn1:not([target="_blank"]):after {
    width: 2.4vw;
    height: 4vw;
    right: 2.66667vw;
  }
}

.d-btn1[target="_blank"] {
  background-color: #fff;
  color: #C03 !important;
  border: 2px solid #C03;
}

@media screen and (max-width: 767px) {
  .d-btn1[target="_blank"] {
    border-width: 1px;
  }
}

@media screen and (max-width: 767px) {
  .d-btn1.multi {
    font-size: 1.0rem;
    line-height: 1.5;
  }
}

.d-btns1 {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .d-btns1 {
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media screen and (max-width: 767px) {
  .d-btns1 {
    margin-left: -1.33333vw;
    margin-right: -1.33333vw;
  }
}

@media screen and (min-width: 768px) {
  .d-btns1>li {
    margin: 0 0.7326% 2.28938%;
  }
}

@media screen and (max-width: 767px) {
  .d-btns1>li {
    margin: 0 1.44928% 2.89855%;
  }
}

.d-btns1.is_C {
  justify-content: center;
}

.d-btns1.is_R {
  justify-content: flex-end;
}

@media screen and (min-width: 768px) {
  .d-btns1.szS>li {
    width: 23.5348%;
  }

  .d-btns1.szM>li {
    width: 31.86813%;
  }

  .d-btns1.szL>li {
    width: 48.5348%;
  }
}

@media screen and (max-width: 767px) {

  .d-btns1.szS>li,
  .d-btns1.szM>li {
    width: 47.10145%;
  }

  .d-btns1.szL>li {
    width: 100%;
  }
}

.d-btn2 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #C03;
  width: 100%;
  color: #fff !important;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  border-radius: 100px;
  text-decoration: none;
  box-sizing: border-box;
  position: relative;
  transition: opacity 0.3s;
}

.d-btn2:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  .d-btn2 {
    min-height: 40px;
    padding: 8px 15px;
  }
}

@media screen and (max-width: 767px) {
  .d-btn2 {
    min-height: 10.66667vw;
    padding: 2.66667vw 4vw;
  }
}

.d-btn2.is_clr2 {
  background-color: #000;
}

@media screen and (min-width: 768px) {
  .d-btns2 {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .d-btns2 {
    margin-bottom: 8vw;
  }
}

.d-mdlToShop {
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.d-mdlToShop.show {
  display: flex;
}

#container .d-mdlToShop.show {
  display: flex !important;
}

.d-mdlToShop .box {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  text-align: center;
  position: relative;
}

@media screen and (min-width: 768px) {
  .d-mdlToShop .box {
    width: 900px;
    height: 300px;
  }
}

@media screen and (max-width: 767px) {
  .d-mdlToShop .box {
    width: 93.33333vw;
    height: 61.33333vw;
  }
}

.d-mdlToShop .box .mdlCls {
  display: block;
  background: url("../images/parts/icn_x_wht.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  cursor: pointer;
  transition: opacity 0.3s;
}

.d-mdlToShop .box .mdlCls:hover {
  opacity: 0.5;
}

@media screen and (min-width: 768px) {
  .d-mdlToShop .box .mdlCls {
    width: 23px;
    height: 23px;
    top: -32px;
    right: 1px;
  }
}

@media screen and (max-width: 767px) {
  .d-mdlToShop .box .mdlCls {
    width: 6.13333vw;
    height: 6.13333vw;
    top: -8.53333vw;
    right: 0;
  }
}

.d-mdlToShop .box dt {
  color: #555;
}

@media screen and (min-width: 768px) {
  .d-mdlToShop .box dt {
    font-size: 2.0rem;
    line-height: 2;
  }
}

@media screen and (max-width: 767px) {
  .d-mdlToShop .box dt {
    font-size: 1.4rem;
    line-height: 1.71429;
  }
}

@media screen and (min-width: 768px) {
  .d-mdlToShop .box dd {
    margin-top: 37px;
  }
}

@media screen and (max-width: 767px) {
  .d-mdlToShop .box dd {
    margin-top: 7.06667vw;
  }
}

@media screen and (min-width: 768px) {
  .d-mdlToShop .box dd .d-btn2 {
    width: 500px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .d-mdlToShop .box dd .d-btn2 {
    width: 77.33333vw;
    min-height: 16vw;
    line-height: 1.42857;
    margin: 0 auto;
  }
}

.d-mdlToShop .box dd .d-btn2:after {
  content: "";
  display: block;
  background: url("../images/parts/icn_blank_wht.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

@media screen and (min-width: 768px) {
  .d-mdlToShop .box dd .d-btn2:after {
    width: 14px;
    height: 14px;
    right: 21px;
  }
}

@media screen and (max-width: 767px) {
  .d-mdlToShop .box dd .d-btn2:after {
    width: 3.2vw;
    height: 3.2vw;
    right: 4.53333vw;
  }
}

.d-txt1 {
  margin-bottom: 1.75em;
  font-size: 1.6rem;
  text-align: justify;
  line-height: 1.75;
}

@media screen and (max-width: 767px) {
  .d-txt1 {
    font-size: 1.4rem;
    line-height: 1.78571;
  }
}

.d-txt2 {
  margin-bottom: 1.75em;
  font-size: 2.0rem;
  text-align: justify;
  line-height: 1.75;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .d-txt2 {
    font-size: 1.4rem;
    line-height: 1.78571;
    text-align: center;
    font-weight: bold;
  }
}

.d-txtEm {
  color: #C03;
}

.d-txtLink1 {
  color: #C03;
  text-decoration: underline;
}

.d-txtLink1:hover {
  text-decoration: none;
}

.d-note1 {
  display: block;
  margin-top: 0.58333em;
  font-size: 1.2rem;
  line-height: 1.66667;
}

@media screen and (max-width: 767px) {
  .d-note1 {
    font-size: 1.0rem;
    line-height: 1.5;
  }
}

.d-list1>li {
  margin-bottom: 1.375em;
  padding-left: 1.125em;
  color: #707070;
  font-size: 1.6rem;
  text-align: justify;
  line-height: 1.75;
  position: relative;
}

@media screen and (max-width: 767px) {
  .d-list1>li {
    margin-bottom: 4.8vw;
    padding-left: 4vw;
    font-size: 1.4rem;
    line-height: 1.78571;
  }
}

.d-list1>li:before {
  content: "";
  display: block;
  background-color: #707070;
  width: 6px;
  height: 6px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  left: 2px;
}

@media screen and (max-width: 767px) {
  .d-list1>li:before {
    width: 1.6vw;
    height: 1.6vw;
    top: 2.53333vw;
    left: 0.53333vw;
  }
}

.d-ttlList1>li {
  margin-bottom: 1.5em;
  color: #707070;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .d-ttlList1>li {
    margin-bottom: 6.4vw;
    font-size: 1.4rem;
    line-height: 1.78571;
  }
}

.d-ttlList1 p {
  margin-bottom: 0;
}

.d-ttl1 {
  margin-bottom: 0.625em;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.54167;
}

@media screen and (max-width: 767px) {
  .d-ttl1 {
    margin-bottom: 2.4vw;
    font-size: 1.7rem;
    line-height: 1.45455;
  }
}

.d-ttl2 {
  margin-bottom: 0.1em;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.65;
}

@media screen and (max-width: 767px) {
  .d-ttl2 {
    margin-bottom: 1.6vw;
    font-size: 1.7rem;
    line-height: 1.70588;
  }
}

@media screen and (min-width: 768px) {
  .d-txtImgBox {
    display: grid;
    display: -ms-grid;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .d-txtImgBox {
    margin-bottom: 12.8vw;
  }
}

@media screen and (min-width: 768px) {
  .d-txtImgBox h2 {
    grid-row: 1;
    -ms-grid-row: 1;
    display: flex;
    align-items: flex-end;
    margin-bottom: 25px;
  }
}

.d-txtImgBox figure {
  margin: 0;
}

@media screen and (min-width: 768px) {
  .d-txtImgBox figure {
    grid-row: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-column: 2/3;
    -ms-grid-column: 2;
  }
}

@media screen and (max-width: 767px) {
  .d-txtImgBox figure {
    margin-bottom: 6.13333vw;
  }
}

.d-txtImgBox figure iframe {
  width: 100%;
  height: 303px;
}

@media screen and (max-width: 767px) {
  .d-txtImgBox figure iframe {
    height: 50.5vw;
  }
}

@media screen and (min-width: 768px) {
  .d-txtImgBox .txts {
    grid-row: 2;
    -ms-grid-row: 2;
  }
}

.d-txtImgBox .txts p {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .d-txtImgBox:not(.is_rvrs) {
    grid-template-columns: 50% 1fr;
    -ms-grid-columns: 50% 1fr;
  }
}

@media screen and (min-width: 768px) {

  .d-txtImgBox:not(.is_rvrs) h2,
  .d-txtImgBox:not(.is_rvrs) .txts {
    grid-column: 2/3;
    -ms-grid-column: 2;
    padding-left: 40px;
  }
}

@media screen and (min-width: 768px) {
  .d-txtImgBox:not(.is_rvrs) figure {
    grid-column: 1/2;
    -ms-grid-column: 1;
  }
}

@media screen and (min-width: 768px) {
  .d-txtImgBox.is_rvrs {
    grid-template-columns: 1fr 50%;
    -ms-grid-columns: 1fr 50%;
  }
}

@media screen and (min-width: 768px) {

  .d-txtImgBox.is_rvrs h2,
  .d-txtImgBox.is_rvrs .txts {
    grid-column: 1/2;
    -ms-grid-column: 1;
    padding-right: 40px;
  }
}

@media screen and (min-width: 768px) {
  .d-txtImgBox.is_rvrs figure {
    grid-column: 2/3;
    -ms-grid-column: 2;
  }
}

.d-txtImgBox.is_rvrs figure iframe {
  width: 100%;
  height: 303px;
}

@media screen and (max-width: 767px) {
  .d-txtImgBox.is_rvrs figure iframe {
    height: 50.5vw;
  }
}

.d-txtImgBox2 {
  /* .d-pcColBoxと併用する */
}

.d-txtImgBox2>li figure {
  margin: 0;
}

.d-txtImgBox2>li p {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .d-txtImgBox2>li small {
    margin-top: 0.75em;
  }
}

@media screen and (max-width: 767px) {
  .d-txtImgBox2.is_col2>li {
    margin-bottom: 13.6vw;
  }
}

@media screen and (min-width: 768px) {
  .d-txtImgBox2.is_col2>li figure {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 767px) {
  .d-txtImgBox2.is_col2>li figure {
    margin-bottom: 6.93333vw;
  }
}

@media screen and (max-width: 767px) {
  .d-txtImgBox2.is_col3 {
    width: 72vw;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .d-txtImgBox2.is_col3>li {
    margin-bottom: 12.26667vw;
  }
}

@media screen and (min-width: 768px) {
  .d-txtImgBox2.is_col3>li figure {
    margin-bottom: 39px;
  }
}

@media screen and (max-width: 767px) {
  .d-txtImgBox2.is_col3>li figure {
    margin-bottom: 4.53333vw;
  }
}

@media screen and (max-width: 767px) {
  .d-txtImgBox2.is_col3>li h3 {
    margin-bottom: 1.86667vw;
  }
}

@media screen and (max-width: 767px) {
  .d-txtImgBox2.is_col3>li small {
    margin-top: 1.33333vw;
  }
}

.d-pcColBox .d-img1 {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .d-img1 {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .d-img1 {
    margin-bottom: 8vw;
  }
}

.d-img1 a {
  display: block;
}

.d-imgs1 {
  /* .d-pcColBoxと併用する */
}

@media screen and (max-width: 767px) {
  .d-imgs1 {
    width: 72vw;
    margin: 0 auto 8vw;
  }
}

@media screen and (max-width: 767px) {
  .d-imgs1>li {
    margin-bottom: 5.33333vw;
  }
}

.d-mov1 {
  position: relative;
}

.d-pcColBox .d-mov1 {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .d-mov1 {
    max-width: 900px;
    margin: 0 auto 50px;
  }
}

@media screen and (max-width: 767px) {
  .d-mov1 {
    margin-bottom: 8vw;
  }
}

.d-mov1:before {
  content: "";
  display: block;
  padding-top: 56.11111%;
}

.d-mov1.square:before {
  display: none;
}

.d-mov1>iframe {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.d-mov1.square>iframe {
  margin: 0 auto;
  max-width: 604px;
  height: 604px;
  position: static;
}

@media screen and (max-width: 767px) {
  .d-mov1.square>iframe {
    width: 80vw;
    height: 80vw;
    min-width: 250px;
    min-height: 250px;
  }
}

.d-movs1 {
  /* .d-pcColBoxと併用する */
}

@media screen and (max-width: 767px) {
  .d-movs1 {
    margin-bottom: 8vw;
  }
}

@media screen and (max-width: 767px) {
  .d-movs1>li {
    margin-bottom: 5.33333vw;
  }
}

.d-productBox .visualBox img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .d-productBox .visualBox:after {
    content: "";
    display: block;
    clear: both;
  }

  .d-productBox .visualBox .pcColL {
    width: 53.90335%;
    float: left;
  }

  .d-productBox .visualBox .pcColR {
    width: 39.31227%;
    float: right;
  }
}

.d-productBox .visualBox .ttl {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .d-productBox .visualBox .ttl {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .visualBox .ttl {
    display: flex;
    align-items: flex-start;
    margin-bottom: 6.93333vw;
  }
}

.d-productBox .visualBox .ttl em {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #C03;
  color: #fff;
  font-size: 1.4rem;
  font-weight: inherit;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .d-productBox .visualBox .ttl em {
    width: 80px;
    height: 26px;
    margin-bottom: 17px;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .visualBox .ttl em {
    width: 16vw;
    height: 5.86667vw;
    margin-right: 2.66667vw;
  }
}

.d-productBox .visualBox .ttl span {
  display: block;
}

@media screen and (min-width: 768px) {
  .d-productBox .visualBox .ttl span {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .visualBox .ttl span {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .visualBox .showImg {
    margin-bottom: 5.33333vw;
  }
}

.d-productBox .visualBox .thums dl dt {
  font-weight: bold;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .d-productBox .visualBox .thums dl dt {
    margin-bottom: 13px;
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .visualBox .thums dl dt {
    margin-bottom: 2.13333vw;
    font-size: 1.2rem;
  }
}

.d-productBox .visualBox .thums dl dd ul {
  display: flex;
}

@media screen and (min-width: 768px) {
  .d-productBox .visualBox .thums dl dd ul {
    flex-wrap: wrap;
  }
}

.d-productBox .visualBox .thums dl dd li {
  flex-shrink: 0;
  border: 1px solid #707070;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .d-productBox .visualBox .thums dl dd li {
    width: 17.7305%;
    margin: 0 2.83688% 2.83688% 0;
  }

  .d-productBox .visualBox .thums dl dd li:nth-child(5n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .visualBox .thums dl dd li {
    width: 14.66667vw;
  }

  .d-productBox .visualBox .thums dl dd li+li {
    margin-left: 2.66667vw;
  }
}

.d-productBox .visualBox .thums dl dd li.show {
  border-color: #C03;
}

@media screen and (min-width: 768px) {
  .d-productBox .visualBox .thums dl.color {
    margin-bottom: 31px;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .visualBox .thums dl.color {
    margin-bottom: 4.26667vw;
  }
}

.d-productBox .visualBox .thums dl.detail ul {
  display: none;
}

.d-productBox .visualBox .thums dl.detail ul.showBlk {
  display: flex;
}

@media screen and (max-width: 767px) {
  .d-productBox .visualBox .thums .spScrlXWrap {
    margin-left: -5.33333vw;
    margin-right: -5.33333vw;
    position: relative;
  }

  .d-productBox .visualBox .thums .spScrlXWrap:before,
  .d-productBox .visualBox .thums .spScrlXWrap:after {
    content: "";
    display: block;
    background: linear-gradient(to right, white 0, rgba(255, 255, 255, 0) 100%);
    width: 5.33333vw;
    height: 100%;
    position: absolute;
    top: 0;
  }

  .d-productBox .visualBox .thums .spScrlXWrap:before {
    left: 0;
  }

  .d-productBox .visualBox .thums .spScrlXWrap:after {
    right: 0;
    transform: scale(-1, 1);
  }

  .d-productBox .visualBox .thums .spScrlXWrap .spScrlX {
    padding: 0 5.33333vw;
    overflow-x: auto;
  }

  .d-productBox .visualBox .thums .spScrlXWrap .spScrlX ul:after {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 5.33333vw;
  }
}

@media screen and (min-width: 768px) {
  .d-productBox .visualBox+.btnBox {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .visualBox+.btnBox {
    margin-top: 8vw;
  }
}

.d-productBox .btnBox {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .d-productBox .btnBox .d-btn2 {
    max-width: 500px;
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .btnBox+.specBox {
    margin-top: 8vw;
  }
}

.d-productBox .specBox {
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox {
    margin-top: 60px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .specBox {
    margin-top: 14.66667vw;
    font-size: 1.0rem;
    line-height: 1.5;
  }
}

.d-productBox .specBox dl {
  display: flex;
  border-bottom: 1px solid #707070;
  border-right: 1px solid #707070;
}

.d-productBox .specBox dt,
.d-productBox .specBox dd {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {

  .d-productBox .specBox dt,
  .d-productBox .specBox dd {
    padding: 16px 20px;
  }
}

@media screen and (max-width: 767px) {

  .d-productBox .specBox dt,
  .d-productBox .specBox dd {
    padding: 2.66667vw;
  }
}

.d-productBox .specBox dt {
  flex-shrink: 0;
  background-color: rgba(112, 112, 112, 0.1);
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox dt {
    width: 150px;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .specBox dt {
    justify-content: center;
    width: 28vw;
    text-align: center;
  }
}

.d-productBox .specBox dd {
  width: 100%;
  border-left: 1px solid #707070;
}

.d-productBox .specBox dd p {
  margin-bottom: 0px;
}

@media screen and (max-width: 767px) {

  .d-productBox .specBox dd p,
  .d-productBox .specBox dd small {
    font-size: inherit;
  }
}

.d-productBox .specBox .txtRed {
  color: #C03;
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox .pcCol2 {
    display: flex;
  }

  .d-productBox .specBox .pcCol2>dl {
    width: 50%;
  }
}

.d-productBox .specBox .price {
  width: 100%;
}

.d-productBox .specBox .price small {
  display: block;
  font-size: 1.0rem;
}

.d-productBox .specBox .price p {
  font-weight: bold;
  margin-bottom: 0px;
}

.d-productBox .specBox .price p strong {
  font-weight: inherit;
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox .price p strong {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .specBox .price p strong {
    font-size: 1.5rem;
  }
}

.d-productBox .specBox .weight {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox .weight {
    display: flex;
    align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox .weight p {
    margin-right: 25px;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .specBox .weight p {
    margin-bottom: 0.53333vw;
    font-size: 1.1rem;
  }
}

.d-productBox .specBox .weight small {
  display: block;
}

.d-productBox .specBox .note {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox .note {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox .note .txts {
    width: 100%;
  }
}

.d-productBox .specBox .note .txts small {
  display: block;
  font-size: 1.0rem;
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox .note .txts small {
    margin-top: 4px;
    line-height: 1.6;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .specBox .note .txts small {
    margin-top: 0.8vw;
  }
}

.d-productBox .specBox .note .imgs {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox .note .imgs {
    margin-left: 20px;
  }
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox .note .imgs li.sga {
    width: 102px;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .specBox .note .imgs li.sga {
    width: 27.2vw;
  }
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox .note .imgs li.warranty3 {
    width: 50px;
    margin-left: 18px;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .specBox .note .imgs li.warranty3 {
    width: 13.33333vw;
    margin-left: 4.8vw;
  }
}

.d-productBox .specBox .janCode {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox .janCode {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px) {
  .d-productBox .specBox .janCode>li {
    width: 33.3334%;
    padding-right: 20px;
  }

  .d-productBox .specBox .janCode>li:nth-child(n + 4) {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .d-productBox .specBox .janCode>li+li {
    margin-top: 1.06667vw;
  }
}

.d-icns {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .d-icns {
    margin-bottom: 47px;
  }
}

@media screen and (max-width: 767px) {
  .d-icns {
    margin-bottom: 5.6vw;
  }
}

.d-icns>li {
  text-align: center;
  cursor: pointer;
  transition: opacity 0.3s;
}

.d-icns>li:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  .d-icns>li {
    width: 11.15242%;
    margin: 0 3.62454% 1.57993% 0;
  }

  .d-icns>li:nth-child(7n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .d-icns>li {
    width: 26.66667vw;
    margin: 0 4.53333vw 4.53333vw 0;
  }

  .d-icns>li:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .d-icns>li p {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .d-icns>li p {
    margin-bottom: 2.66667vw;
  }
}

@media screen and (min-width: 768px) {
  .d-icns>li h3 {
    font-size: 1.4rem;
    line-height: 1.42857;
  }
}

@media screen and (max-width: 767px) {
  .d-icns>li h3 {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

.d-icns>li .mdlTxt {
  display: none;
}

.d-mdlFnc {
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(112, 112, 112, 0.65);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

.d-mdlFnc.show {
  display: flex;
}

.d-mdlFnc .box {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  text-align: center;
  border: 1px solid #707070;
}

@media screen and (min-width: 768px) {
  .d-mdlFnc .box {
    width: 455px;
    min-height: 190px;
    padding: 30px;
    border-radius: 15px;
  }
}

@media screen and (max-width: 767px) {
  .d-mdlFnc .box {
    width: 74.66667vw;
    min-height: 156px;
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
  }

  .d-mdlFnc .box:before {
    content: "";
    display: block;
    background: url("../images/parts/icn_x.svg") 0 0 no-repeat;
    background-size: 100% 100%;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 12px;
    right: 12px;
  }
}

.d-mdlFnc .box dt {
  font-size: 1.6rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .d-mdlFnc .box dt {
    font-size: 1.4rem;
  }
}

.d-mdlFnc .box dd {
  margin-top: 15px;
  font-size: 1.4rem;
  line-height: 1.35714;
}

@media screen and (max-width: 767px) {
  .d-mdlFnc .box dd {
    line-height: 1.57143;
  }
}

.d-mdlFnc .box dd sup {
  padding: 0;
  font-size: 1.0rem;
}

.d-mdlFnc .box dd small {
  display: block;
  margin-top: 0.5em;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .d-relateBox .swiper-container {
    margin: 0 -5.33333vw;
  }
}

@media screen and (min-width: 768px) {
  .d-relateBox .swiper-wrapper {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 767px) {
  .d-relateBox .swiper-wrapper {
    margin-bottom: 5.06667vw;
  }
}

.d-relateBox .swiper-pagination {
  line-height: 1;
  position: static;
}

.d-relateBox .swiper-button-prev,
.d-relateBox .swiper-button-next {
  background-size: 100% 100%;
  width: 13px;
  height: 18px;
}

@media screen and (max-width: 767px) {

  .d-relateBox .swiper-button-prev,
  .d-relateBox .swiper-button-next {
    display: none;
  }
}

.d-relateBox .swiper-button-prev {
  background-image: url("../images/parts/arw2_l_gry.svg");
  left: 0;
}

.d-relateBox .swiper-button-next {
  background-image: url("../images/parts/arw2_r_gry.svg");
  right: 0;
}

.d-relateBox .swiper-button-disabled {
  display: none;
}

@media screen and (min-width: 768px) {
  .d-relateBox .swiper-slide {
    padding: 0 5px;
  }
}

@media screen and (max-width: 767px) {
  .d-relateBox .swiper-slide {
    padding: 0 2vw;
    opacity: 0.4;
  }
}

.d-relateBox .swiper-slide a {
  display: block;
  text-align: center;
  text-decoration: none;
}

.d-relateBox .swiper-slide a figure {
  margin: 0 0 15px;
}

@media screen and (max-width: 767px) {
  .d-relateBox .swiper-slide a figure {
    margin-bottom: 2.13333vw;
  }
}

.d-relateBox .swiper-slide a h3 {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .d-relateBox .swiper-slide a h3 {
    font-size: 1.4rem;
    line-height: 1.42857;
  }
}

@media screen and (max-width: 767px) {
  .d-relateBox .swiper-slide a h3 {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 767px) {
  .d-relateBox .swiper-slide.swiper-slide-active {
    opacity: 1;
  }
}

.d-productBox.fix {
  position: fixed;
  bottom: -100px;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: opacity .3s;
  z-index: 100;
}

.d-productBox.fix.show {
  bottom: 20px;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .d-productBox.fix .d-btn2 {
    width: 90vw;
  }
}

@media screen and (max-width: 767px) {
  .js-hasBtn .osano-cm-widget--position_left {
    bottom: 18vw;
  }
}

/*--------------------------------------
  クラス用scss
---------------------------------------*/
.c-WAuto {
  width: auto !important;
}

.c-W100P {
  width: 100% !important;
}

.c-fwB {
  font-weight: bold !important;
}

.c-tryShopList {
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .c-tryShopList {
    margin-top: 50px;
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .c-tryShopList {
    margin-top: 8vw;
    font-size: 3.58667vw;
  }
}

@media screen and (max-width: 767px) {
  .c-specTbl table {
    width: 89.33333vw !important;
  }

  .c-specTbl th {
    width: 23.46667vw !important;
  }

  .c-specTbl td {
    width: 65.6vw !important;
  }
}

@media screen and (min-width: 768px) {
  .c-specTblMT {
    margin-top: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .c-specTblMT {
    margin-top: 8vw !important;
  }
}

/*--- 768px以上に適用 ---*/
@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }

  /*----- 要素別 -----*/
  .c_pc-WAuto {
    width: auto !important;
  }

  .c_pc-W100P {
    width: 100% !important;
  }

  .c_pc-fwB {
    font-weight: bold !important;
  }

  .c_pc-MT15 {
    margin-top: 15px !important;
  }

  .c_pc-MT40 {
    margin-top: 40px !important;
  }

  .c_pc-MT50 {
    margin-top: 50px !important;
  }

  .c_pc-MT90 {
    margin-top: 90px !important;
  }

  .c_pc-MB50 {
    margin-bottom: 50px !important;
  }

  .c_pc-MB80 {
    margin-bottom: 80px !important;
  }

  .c_pc-MB90 {
    margin-bottom: 90px !important;
  }

  .c_pc-PT45 {
    padding-top: 45px !important;
  }
}

/*--- 767px以下に適用 ---*/
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }

  /*----- 要素別 -----*/
  .c_sp-WAuto {
    width: auto !important;
  }

  .c_sp-W100P {
    width: 100% !important;
  }

  .c_sp-fwB {
    font-weight: bold !important;
  }

  .c_sp-MT15V {
    margin-top: 4vw !important;
  }

  .c_sp-MT16V {
    margin-top: 4.26667vw !important;
  }

  .c_sp-MT30V {
    margin-top: 8vw !important;
  }

  .c_sp-MT60V {
    margin-top: 16vw !important;
  }

  .c_sp-MB30V {
    margin-bottom: 8vw !important;
  }

  .c_sp-MB55V {
    margin-bottom: 14.66667vw !important;
  }

  .c_sp-MB60V {
    margin-bottom: 16vw !important;
  }

  .c_sp-PT30V {
    padding-top: 8vw !important;
  }

  .c_sp-PB40V {
    padding-bottom: 10.66667vw !important;
  }

  .c_sp-PL20V {
    padding-left: 5.33333vw !important;
  }

  .c_sp-PR20V {
    padding-right: 5.33333vw !important;
  }

  .c_sp-inner1 {
    padding-left: 5.33333vw !important;
    padding-right: 5.33333vw !important;
  }
}

/*# sourceMappingURL=../../srcmap/common/css/renew.css.map */