/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 27 2025 | 12:54:32 */
nav.skip-nav {
	position: fixed;
	left: 1%;
	top: 130px;
	padding-right: 5px;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	z-index: 100;
}

@media only screen and (max-width: 767px) {
	nav.skip-nav {
		top: 60px;
	}
}

@media only screen and (max-width: 480px) {
	nav.skip-nav {
		display: none;
	}
}

nav.skip-nav ul li a {
	position: relative;
    display: block;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    padding-left: 20px;
    border-left: solid 1px #333;
	font-size: 0.7vw;
	font-weight: bold;
    letter-spacing: 0.12em;
    line-height: 1;
	color: inherit;
	text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
    transition: all 0.1s ease-out;
}

nav.skip-nav ul li a.color1 {
	color: #406eb6;
}

nav.skip-nav ul li a.color2 {
	color: #8bc53f;
}

@media only screen and (max-width: 767px) {
	nav.skip-nav ul li a {
		font-size: 1.2vw;
	}
}

nav.skip-nav ul li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: #7cc5d6;
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.4s ease-out;
}

nav.skip-nav ul li a.current {
	border-left-color: transparent;
}

nav.skip-nav ul li a.current::before {
    opacity: 1;
}

.btn-kh {
	text-align: center;
}

@media only screen and (max-width: 480px) {
	.btn-kh {
		display: none;
	}
	
	.pd-t-0 {
		padding-top: 0 !important;
	}
	
	.pd-b-0 {
		padding-bottom: 0 !important;
	}
}

li.link-list-item a.bgc-gr {
	background: #8bc53f !important;
	background-color: #8bc53f !important;
}

li.link-list-item a.bgc-bl {
	background: #406eb6 !important;
	background-color: #406eb6 !important;
}

.text-c {
	text-align: center;
}

.miryoku {
	display: flex;
}

.page.wholeinone .wrap.power-nanobubble .img-wrap {
	flex-basis: 30%;
	width: 30%;
	max-width: 30%;
}

.page.wholeinone .wrap.power-nanobubble .img-wrap img {
	width: 100%;
	height: auto;
}

.wp-block-heading {
	margin: 20px 0 15px;
	font-size: 3rem;
	font-weight: bold;
}

.accordion {
	margin-bottom: 30px;
	text-align: left;
}

.accordion__title {
	align-items: center;
    background: #e6e6e6;
    cursor: pointer;
    display: flex;
    font-weight: 400;
    justify-content: space-between;
    padding: 1em;
    position: relative;
	font-size: 1.5rem;
}

.accordion__body {
	height: auto;
    opacity: 1;
    overflow: hidden;
    padding: 1em;
    transition: padding .25s, height .25s, opacity .25s, visibility .25s;
	font-size: 1.5rem;
	line-height: 1.2;
}

/* ▼アイコン（閉じているとき）を表示 */
.c-switchIconBtn[data-opened="false"]::before {
  content: "▼";
  display: inline-block;
  font-size: 1.5rem;
	vertical-align: middle;
}

/* ▲アイコン（開いているとき）を表示 */
.c-switchIconBtn[data-opened="true"]::before {
  content: "▲";
  display: inline-block;
  font-size: 1.5rem;
	vertical-align: middle;
}

/* 初期状態では「閉じている」ので閉じるアイコンのみ表示 */
.c-switchIconBtn[data-opened="false"] > .__icon--closed {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.c-switchIconBtn[data-opened="false"] > .__icon--opened {
  opacity: 0;
  transform: scale(0.5) rotate(-180deg);
}

/* 開いたときは開くアイコンのみ表示 */
.c-switchIconBtn[data-opened="true"] > .__icon--closed {
  opacity: 0;
  transform: scale(0.5) rotate(180deg);
}
.c-switchIconBtn[data-opened="true"] > .__icon--opened {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

/**
.shitumon {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.5s ease, max-height 0.5s ease;
  padding: 0;
  margin-top: 10px;
}

.shitumon.active {
  opacity: 1;
  max-height: 10000px;
  padding: 10px;
}

.hidden {
  display: block;
}
**/

.dealer-ul-hp li a {
	color: #0000cd;
	text-decoration: underline;
}

.page .secondary-section .bathtab-list {
	justify-content: center;
}

.txt-list-item,
.entryform-list-item {
	font-size: 1.8rem;
}

.tnx-h2 {
	display: block;
	margin-top: 10%;
	margin-bottom: 20px;
	font-family: yu-gothic-pr6n, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 2.5rem;
	font-weight: bold;
	color: #7cc5d6;
	text-align: center;
}

.tnx-h2 span span span {
	font-size: 2.5rem;
    text-align: center;
}

.tnx-p {
	font-size: 1.8rem;
    text-align: center;
    line-height: 1.5;
}