/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 20 2025 | 00:46:13 */
#harukaze-lp {
	width:440px;
	margin:0 auto;
}
#harukaze-header {
	position: fixed;
	top: 0;
	width:100%;
	max-width:440px;
	background: #fff3ee;
	margin:0 auto;
	z-index: 9999;
}

#harukaze-header-inner {
	padding: 8px 12px 0 12px;
}
#harukaze-logo {
	float:left;
	width:45%;
}
#harukaze-head-CTA {
	float:right;
	width:45%;
}
#harukaze-head-CTA ul {
	overflow:hidden;
	width:100%;
}
#harukaze-head-CTA li {
	display: block;
	float:left;
	width:30.333%;
	margin:0 1.5%;
}
#harukaze-lp .entry-content .subHeadParts004 {
	margin-left:0 !important;
}
#harukaze-lp p {
	/*margin:auto 0 !important;*/
	padding:auto 8px !important;
}
#harukaze-mv {
	margin-top:86px;
}
/* FAQ セクション全体 */
#faq {
  max-width: 800px;
  margin: 2rem 6px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

/* 各 Q&A ボックス */
#faq details {
  border: 1px solid #ff9800;
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 0.8em 1em;
  background: #fff;
  transition: box-shadow 0.3s ease;
}

#faq details[open] {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* 質問部分 */
#faq summary {
  font-weight: bold;
  cursor: pointer;
  list-style: none; /* デフォルトの三角アイコンを消す */
  position: relative;
  padding-right: 1.5em;
}

/* カーソル時のちょっとした効果 */
#faq summary:hover {
  color: #ff9800;
}

/* アイコン（閉じているとき） */
#faq summary::after {
  content: "＋";
  position: absolute;
  right: 0;
  font-size: 1.2em;
  transition: transform 0.2s ease;
  color: #ff9800;
}

/* アイコン（開いているとき） */
#faq[open] summary::after,
#faq details[open] summary::after {
  content: "－";
  transform: rotate(180deg);
}

/* 回答部分 */
#faq p, 
#faq ul {
  padding-top: 12px;
  line-height: 1.6;
}

#faq ul {
  padding-left: 0.2em;
  list-style: disc;
}
#harukaze-shop-img {
	overflow:hidden;
}
#harukaze-shop-img img {
	width:50%;
	float:left;
	margin:0;
	padding:0;
}
.harukaze-btn {
	margin:10px auto;
	text-align:center;
	width:80%;
}
.harukaze-btn a {
	display:block;
	padding:14px 12px;
	background:#ff9800;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	border-radius:300px;
}
dl.clinic-info {
	margin:20px 12px;
}
dl.clinic-info dt {
	color:#ff9800;
	margin:0 0 6px 0;
}
dl.clinic-info dd {
	margin:0 0 20px 4px;
	padding:0 0 0 4px;
	border-left:1px solid #ff9800;
}
dl.clinic-info a {
	color:#ff9800;
}
#harikaze-footer {
	background: #fff3ee;
	padding:50px 10px;
}
#harikaze-footer img {
	width:50%;
	margin:0 auto 20px auto;
}
p#harukaze-copy {
	text-align:center;
	font-size:16px;
	color:#666;
}
.harukaze-body-CTA {
	text-align:center;
	margin:10px 0;
}
.harukaze-body-CTA ul li {
	margin:10px 20px;
	padding:0;
	list-style-type:none;
	font-size:22px;
	font-weight:bold;
}
.harukaze-body-CTA ul li.CTA-tel a {
	background:#ff9800;
	display:block;
	padding:12px 0;
	border-radius:200px;
}
.harukaze-body-CTA ul li.CTA-line a {
	background:#55ca64;
	display:block;
	padding:12px 0;
	border-radius:200px;
}
.harukaze-body-CTA ul li.CTA-hpb a {
	background:#963059;
	display:block;
	padding:12px 0;
	border-radius:200px;
}
.harukaze-voice {
	border-radius:15px;
	background: #fff3ee;
	padding:20px 10px;
	width:90%;
	margin:0 auto 30px auto;
}
.harukaze-voice .voice-title {
	font-size:18px;
	font-weight:bold;
	color:#ff9900;
	text-align:center;
	margin:0 0 12px 0;
}
/*-----------------------------------------
	SP用
-----------------------------------------*/
@media (max-width: 768px) {
#harukaze-lp {
	width:100%;
}
}



