@charset "UTF-8";
/*-------- 各コンテンツ --------*/
.page-toppage {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .page-toppage section {
    min-height: 100vh;
  }
  .page-toppage .nav_wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .page-toppage .nav_wrap:not(.onmv):not(.open) {
    filter: brightness(0) invert(1);
  }
  .page-toppage .nav_wrap:not(.onmv):not(.open) .logo, .page-toppage .nav_wrap:not(.onmv):not(.open) .nav_area, .page-toppage .nav_wrap:not(.onmv):not(.open) .nav_cart_btn::before {
    transition: 0.25s linear;
  }
  .page-toppage .nav_wrap:not(.onmv):not(.open) .nav_area {
    background-color: transparent;
  }
  .page-toppage .nav_wrap:not(.onmv):not(.open) .nav_cart_btn::before {
    background-color: #fff;
  }
  .page-toppage .nav_wrap:not(.onmv):not(.open) .js-nav_tgl_btn .nav_tgl_icn {
    background-color: #fff;
  }
  .page-toppage .nav_wrap:not(.onmv):not(.open) .js-nav_tgl_btn .nav_tgl_icn::before, .page-toppage .nav_wrap:not(.onmv):not(.open) .js-nav_tgl_btn .nav_tgl_icn::after {
    background-color: #fff;
  }
}
.page-toppage #main_visual {
  overflow: hidden;
  height: 100vh;
  position: relative;
}
.page-toppage #main_visual .logo_area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
}
.page-toppage #main_visual .logo_area .logo img {
  width: 14vw;
}
.page-toppage #main_visual .logo_area .logo svg {
  width: 14vw;
}
.page-toppage #main_visual .logo_area .mv_logo_img {
  fill: #fff;
}
.page-toppage #main_visual .mv_wrap {
  z-index: unset;
}
.page-toppage #main_visual .mv_txt_wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.page-toppage #main_visual .mv_txt_area {
  width: 235px;
}
.page-toppage #main_visual .mv_txt_box {
  overflow: hidden;
  position: relative;
  text-align: center;
  margin: 18px auto 24px;
}
.page-toppage #main_visual .mv_txt_new {
  padding: 15px 0;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  /* opacity: 0; */
  display: none;
  transition: opacity 0.8s;
}
.page-toppage #main_visual .mv_txt_new.on {
  opacity: 1;
  display: block;
}
.page-toppage #main_visual .mv_txt_new_icn {
  width: 55px;
  margin: 0 auto;
}
.page-toppage #main_visual .mv_new_icn {
  fill: #fff;
}
.page-toppage #main_visual .mv_txt {
  height: 43px;
  display: flex;
  align-items: center;
  transition: transform 0.6s ease;
  transform: translateY(220%);
}
.page-toppage #main_visual .mv_txt.on {
  transform: translateY(0);
}
.page-toppage #main_visual .mv_txt img {
  height: 22px;
}
.page-toppage #main_visual .mv_txt[data-txt-product=silkywindmobile3_2] img,
.page-toppage #main_visual .mv_txt[data-txt-product=parasolclip] img,
.page-toppage #main_visual .mv_txt[data-txt-product=silkywindmobile4] img,
.page-toppage #main_visual .mv_txt[data-txt-product=humidifier] img,
.page-toppage #main_visual .mv_txt[data-txt-product=waterproof_case] img,
.page-toppage #main_visual .mv_txt[data-txt-product=comfometer] img {
  height: 100%;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt {
  max-width: 290px;
  height: 130px;
  align-items: flex-end;
  margin-inline: auto;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt img {
  height: auto;
  max-height: 100%;
  object-fit: contain;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] {
  display: block;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] .mv_award_row {
  min-width: 0;
  justify-content: center;
  width: 100%;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] .mv_award_row + .mv_award_row img {
  height: 48px;
}
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] .mv_award_row {
  display: flex;
  column-gap: 6px;
  align-items: baseline;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] .mv_award_row + .mv_award_row {
  padding-top: 12px;
}
@media screen and (min-width: 768px) {
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] .mv_award_row {
  justify-content: flex-start;
  align-items: baseline;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] .mv_award_row + .mv_award_row img {
  width: 34px;
}
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] img  {
  max-width: none;
  margin: 0;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] img:is(.if_award_2025_p, .jida) {
  height: 80px;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] img:is(.gmark2024) {
  height: 50px;
}
@media screen and (max-width: 767px) {
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] img:is(.if_award_2025_p, .jida) {
  height: 60px;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=magspeakerduo] img:is(.gmark2024) {
  height: 48px;
}
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=humidifier] {
  display: grid;
  grid-template-columns: repeat(4, auto);
  column-gap: 6px;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=humidifier] img:is(.gmark2023, .jida) {
  height: 90px;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=crankspeaker]  {
  column-gap: 6px;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=crankspeaker] img:is(.gmark2025) {
  height: 70px;
  margin-bottom: 6px;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=crankspeaker] img:is(.vgp2026s_gold, .vgp2026s_concept) {
  height: 80px;
}
.page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=waterproof_case] img:is(.vgp2026s) {
  height: 80px;
}
@media screen and (max-width: 767px) {
  .page-toppage #main_visual .mv_txt_box.type_mark .mv_txt {
    justify-content: center;
  }
  .page-toppage #main_visual .mv_txt_box.type_mark .mv_txt img {
    filter: none;
    margin: 0 8px;
  }
  .page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=humidifier] {
    column-gap: 12px;
  }
  .page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=humidifier] img {
    max-width: 60px;
    margin: 0;
  }
  .page-toppage #main_visual .mv_txt_box.type_mark .mv_txt[data-txt-product=humidifier] img:is(.gmark2023, .jida) {
    height: 80px;
  }
}
.page-toppage #main_visual .mv_btn_box {
  overflow: hidden;
  position: relative;
  width: 103%;
  left: -1.5%;
}
.page-toppage #main_visual .mv_btn_box .btn {
  display: block;
  min-width: auto;
  color: #ffffff;
  border-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.3);
  transition: transform 0.8s ease 0.2s, color 0.25s ease, background-color 0.25s ease;
  transform: translateY(100%);
}
@media screen and (min-width: 768px) {
  .page-toppage #main_visual .mv_btn_box .btn:hover {
    background-color: #fff;
    color: #666666;
  }
}
.page-toppage #main_visual .mv_btn_box .btn.on {
  transform: translateY(0);
}
.page-toppage #main_visual .mv_slide_wrap {
  position: relative;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.page-toppage #main_visual .mv_slider{
  visibility: hidden;
  opacity: 0;
}
.page-toppage #main_visual .mv_slider .slick_img {
  width: 100%;
  display: block;
  float: none;
  box-sizing: border-box;
}
.page-toppage #main_visual .mv_slider .slick_img:not {  opacity: 1!important;}
.page-toppage #main_visual .mv_slide_wrap .slick-dots {
  opacity: 0;
}
.page-toppage #main_visual .mv_nav {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  list-style: none;
}
.page-toppage #main_visual .mv_nav li {
  list-style: none;
  position: relative;
}
.page-toppage #main_visual .mv_nav > li > a {
  font-family: "Montserrat","Zen Old Mincho", sans-serif;
  word-break: break-word;
  letter-spacing: 0.07em;
  color: #ffffff;
  font-size: 1.4rem;
  display: block;
  padding: 4px 0;
  transition: opacity 0.25s ease;
}
.page-toppage #main_visual .mv_nav > li > a:hover {
  opacity: 0.65;
}
.page-toppage #main_visual .mv_nav .js-nav_sub_tgl_btn {
  display: flex;
  align-items: center;
}
.page-toppage #main_visual .mv_nav .js-nav_sub_tgl_btn::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2011.5%2011.2%22%20style%3D%22enable-background%3Anew%200%200%2011.5%2011.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C6.9H7.1v4.4H4.4V6.9H0V4.4h4.4V0h2.7v4.4h4.4L11.5%2C6.9L11.5%2C6.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.page-toppage #main_visual .mv_nav .nav_sub_wrap {
  border-top: none;
  background-color: rgba(255, 255, 255, 0.85);
  height: calc(100vh - 190px);
  width: 100vw;
  left: auto;
  right: -3.2vw;
  top: 33px;
}
.page-toppage #main_visual .mv_txt_box, .page-toppage #main_visual .mv_btn_box {
  display: grid;
  grid-column: 1fr;
}
.page-toppage #main_visual .mv_txt_box .mv_txt, .page-toppage #main_visual .mv_txt_box .btn, .page-toppage #main_visual .mv_btn_box .mv_txt, .page-toppage #main_visual .mv_btn_box .btn {
  grid-area: 1/1/2/2;
}
.page-toppage #main_visual .mark {
  display: flex;
  margin-bottom: 18px;
  opacity: 0;
  transition: opacity 0.8s;
  column-gap: 10px;
  align-items: flex-end;
}
.page-toppage #main_visual .mark img {
  height: 100%;
}
@media screen and (min-width: 768px) {
  .page-toppage #main_visual .mark {
    transform: translateY(50px);
  }
}
.page-toppage #main_visual .mark.on {
  opacity: 1;
}
.page-toppage #main_visual .js-mv_slide_pagenation {
  margin-top: 40px;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Montserrat","Zen Old Mincho", sans-serif;
  word-break: break-word;
  letter-spacing: 0.07em;
  font-weight: 500;
  counter-set: page;
}
.page-toppage #main_visual .js-mv_slide_pagenation span {
  font-size: 10px;
}
.page-toppage #main_visual .js-mv_slide_pagenation button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  color: var(--text-color);
  outline: none;
  display: block;
  color: #ffffff;
  font-size: 0;
  font-weight: 400;
  height: 100%;
  counter-increment: page;
}
.page-toppage #main_visual .js-mv_slide_pagenation button::before {
  font-size: 1rem;
  content: "0" counter(page);
}
.page-toppage #main_visual .js-mv_slide_pagenation li:nth-of-type(n+10) button::before {
  content: counter(page);
}
.page-toppage #main_visual .js-mv_slide_pagenation li {
  list-style: none;
}
@media screen and (min-width: 768px) {
  .page-toppage #main_visual .mv_txt_box:not(.type_mark) .mv_txt img {
    filter: brightness(0) invert(1);
  }
  .page-toppage #main_visual[data-prod-value=silkywindmobile3_1] .logo_area .mv_logo_img {
    fill: #666666;
  }
  .page-toppage #main_visual[data-prod-value=silkywindmobile3_1] .mv_nav > li > a {
    color: #666666;
  }
}
@media screen and (max-width: 767px) {
  .page-toppage #main_visual {
    position: static;
    height: auto;
    display: flex;
    flex-wrap: wrap;
  }
  .page-toppage #main_visual .logo_area {
    display: none;
  }
  .page-toppage #main_visual .mv_txt img {
    filter: brightness(0.35);
  }
  .page-toppage #main_visual .mv_txt_wrap {
    position: static;
  }
  .page-toppage #main_visual .mv_txt_area {
    width: 100%;
  }
  .page-toppage #main_visual .mv_txt_box {
    margin: 12px 0 16px;
  }
  .page-toppage #main_visual .mv_txt_new {
    width: 236px;
    padding: 5px 0;
    margin: 0 auto;
    border-color: #666666;
  }
  .page-toppage #main_visual .mv_txt_new_icn {
    width: 36px;
  }
  .page-toppage #main_visual .mv_new_icn {
    fill: #666;
  }
  .page-toppage #main_visual .mv_btn_box {
    width: 100%;
    max-width: 290px;
    left: 0;
    margin: 0 auto;
  }
  .page-toppage #main_visual .mv_btn_box .btn {
    padding: 0;
    height: 33px;
    font-size: 1rem;
    color: #666666;
    border-color: #666666;
    background-color: transparent;
  }
  .page-toppage #main_visual .mv_slide_wrap {
    height: 65vh;
    overflow: hidden;
    order: 1;
  }
  .page-toppage #main_visual .mv_nav {
    display: none;
  }
  .page-toppage #main_visual .mark {
    width: 150px;
    height: 58px;
    margin: 8px auto;
  }
  .page-toppage #main_visual .mark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .page-toppage #main_visual .js-mv_slide_pagenation {
    color: #666666;
    margin: 15px auto 0;
    width: 290px;
  }
  .page-toppage #main_visual .js-mv_slide_pagenation li + li::before {
    margin-right: 18px;
  }
  .page-toppage #main_visual .js-mv_slide_pagenation li button {
    color: #666666;
  }
  .page-toppage #main_visual[data-prod-value=silkywindmobile3_1] + .nav_wrap:not(.onmv):not(.open) {
    filter: brightness(0) invert(0.42);
  }
}
.page-toppage #lead {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-toppage #lead .ly-container {
  width: 100%;
}
.page-toppage #lead .cont_ttl {
  font-size: 3.8rem;
}
@media screen and (min-width: 768px) {
  .page-toppage #lead .lead_txt_area {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
  }
}
.page-toppage #lead .lead_txt_box {
  font-size: 2rem;
  line-height: 2.13;
  margin: 5vh 0;
}
@media screen and (max-width: 767px) {
  .page-toppage #lead .ly-container {
    padding: 0;
  }
  .page-toppage #lead .cont_ttl {
    font-size: 2.6rem;
  }
  .page-toppage #lead .lead_txt_box {
    font-size: 1.4rem;
    padding: 0 0.5em;
  }
}
.page-toppage #news {
  min-height: auto;
}
.page-toppage #news .news_list dl {
  display: flex;
  align-items: center;
  border-bottom: 1px solid;
}
.page-toppage #news .news_list dl + dl {
  padding-top: 34px;
}
.page-toppage #news .news_list dl.type_new dt::before {
  content: "NEW";
  position: absolute;
  top: 0;
  left: 14px;
  bottom: 0;
  height: 25px;
  line-height: 25px;
  text-align: center;
  padding: 0 8px;
  color: #ffffff;
  background-color: #ab1b24;
}
.page-toppage #news .news_list dt {
  font-family: "Montserrat","Zen Old Mincho", sans-serif;
  word-break: break-word;
  letter-spacing: 0.07em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  margin-right: 50px;
  position: relative;
}
.page-toppage #news .news_list dd {
  flex: 1 1 auto;
}
.page-toppage #news .news_list dd a {
  display: block;
  padding: 28px 0;
}
@media screen and (min-width: 768px) {
  .page-toppage #news .news_list dd a {
    transition: opacity 0.25s ease;
  }
  .page-toppage #news .news_list dd a:hover {
    opacity: 0.55;
  }
}
.page-toppage #news .news_date {
  width: 7.8em;
}
.page-toppage #news .news_label {
  text-transform: uppercase;
  width: 7.2em;
  margin-left: 45px;
}
.page-toppage #news .btn_area {
  width: 275px;
  margin-right: auto;
  margin-left: auto;
}
.page-toppage #news .btn_area .btn {
  width: 100%;
}
.page-toppage #news .link_area {
  margin-top: 50px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .page-toppage #news .news_list {
    border-top: 1px solid;
    padding-top: 27px;
  }
  .page-toppage #news .news_list dl {
    display: block;
  }
  .page-toppage #news .news_list dl + dl {
    padding-top: 27px;
  }
  .page-toppage #news .news_list dl.type_new dt::before {
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 0 14px;
    font-size: 1.3rem;
  }
  .page-toppage #news .news_list dt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
    margin-right: 50px;
  }
  .page-toppage #news .news_list dt span {
    display: block;
  }
  .page-toppage #news .news_list .type_new dt {
    padding-left: 78px;
  }
  .page-toppage #news .news_list dd a {
    padding: 15px 0 25px;
  }
  .page-toppage #news .news_date {
    line-height: 1;
    font-size: 1rem;
    width: auto;
  }
  .page-toppage #news .news_label {
    line-height: 1;
    font-size: 1rem;
    margin-top: 7px;
    margin-left: 0;
  }
  .page-toppage #news .link_area {
    margin-top: 20px;
  }
}
.page-toppage #support {
  min-height: auto;
}
.page-toppage #support .support_link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 30px 44px;
  background-color: #fff;
  position: relative;
}
.page-toppage #support .support_link + .support_link {
  margin-top: 25px;
}
.page-toppage #support .support_link .anm-link_arrow {
  flex-basis: 29.5%;
}
.page-toppage #support .support_link_txt {
  margin-right: auto;
  font-size: 2rem;
}
.page-toppage #support .support_link_more_txt {
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .page-toppage #support .support_link {
    padding: 24px 18px;
    flex-wrap: wrap;
  }
  .page-toppage #support .support_link + .support_link {
    margin-top: 10px;
  }
  .page-toppage #support .support_link .anm-link_arrow {
    flex: 1 1 auto;
  }
  .page-toppage #support .support_link_txt {
    flex: 1 0 100%;
    font-size: 1.4rem;
    margin-bottom: 12px;
  }
  .page-toppage #support .support_link_more_txt {
    letter-spacing: 0.3em;
    font-size: 1rem;
  }
}
.page-toppage #about .ly-container {
  position: relative;
  width: 100%;
}
.page-toppage #about .about_txt_area {
  padding: 5vh 0;
  text-align: center;
}
.page-toppage #about .about_txt_box {
  font-size: 2rem;
  line-height: 2.13;
  margin: 5vh 0;
}
@media screen and (max-width: 767px) {
  .page-toppage #about .about_txt_area {
    padding: 0;
  }
  .page-toppage #about .about_txt_box {
    font-size: 1.4rem;
    margin: 0 auto 30px;
  }
}/*# sourceMappingURL=index.css.map */