/*--
Theme Name: Arkhe child
Theme URI: https://arkhe-theme.com/
Version: 1.5.6
Author: LOOS,Inc.
Author URI: https://loos.co.jp/
Description:WordPressテーマ「Arkhe」の自作子テーマ
Template: arkhe
*/

body{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight:500;
	background-image:url(https://saon-fukui.com/purification/wp-content/uploads/2025/01/bg-komorebi.jpg);
	background-repeat:no-repeat;
	background-size:60%;
}
.l-content__body {
    margin: 8rem auto;
}

.mincho{
	font-family: "Noto Serif JP", serif;
}


@media screen and (min-width:700px) {
	br.sp{
		display:none;
	}	
}
@media screen and (min-width:1200px) {
	br.tab{
		display:none;
	}	
}
/***********************************************************
* ヘッダー
***********************************************************/
.l-header{
	background:unset;
}
.l-header__body{
	max-width:unset;
}
.l-headerUnder{
	background:unset;
}

.l-header__center{
	padding:12px 0;
}


/*---------- メニュー　----------*/

.menu-item i{
	margin-left:5px;
}

/*---------- ドロワーメニュー　----------*/
.p-drawer{
	background-color:hsl(198deg 100% 91% / 75%);
	background-image:
		radial-gradient(at 90% 0%, hsl(197deg 100% 87.39%) 0px, transparent 50%),
		radial-gradient(at 55% 46%, hsl(197deg 100% 91.62%) 0px, transparent 50%),
		radial-gradient(at 89% 76%, hsl(197deg 100% 88.6%) 0px, transparent 50%),
		radial-gradient(at 9% 10%, hsl(197deg 100% 91.99%) 0px, transparent 50%),
		radial-gradient(at 45% 78%, hsl(210deg 100% 94.51%) 0px, transparent 50%),
		radial-gradient(at 8% 60%, hsla(214, 100%, 93%, 1) 0px, transparent 50%)
}

.c-drawerNav{
	border-top:1px solid #5d5d5d;
}
.c-drawerNav .menu-item{
	border-bottom:1px solid #5d5d5d;
}
.c-drawerNav__a{
	color:#5d5d5d;
}

/***********************************************************
* タイトル
***********************************************************/
h1.c-pageTitle__main{
    margin: 0 auto;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: center;
}

h1.c-pageTitle__main:after{
    content: '';
	display: block;
    background-image: url(https://saon-fukui.com/purification/wp-content/uploads/2025/01/h1ttl-under.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 180px;
	height:50px;
	background-color:unset;
}

.p-archive__title, .p-page__title {
    margin-bottom: 8rem;
}

/***********************************************************
* トップページ
***********************************************************/
.home .l-content{
	margin-top:100dvh;
}
/*---------- メインビジュアル　----------*/
.main-visual{
	position: absolute;
	width: 100vw;
	height:100dvh;
	overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
	gap:5%;
	padding:5%;
}
.main-visual::before{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background: url(https://saon-fukui.com/purification/wp-content/uploads/2024/07/bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
   -webkit-animation: zoom 10s 1;
   animation: zoom 10s 1;
   animation-fill-mode: forwards;
	background-size: cover;
	z-index:-1;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
@keyframes zoom {
   0% {
      transform: scale(1);
   }
   100% {
      transform: scale(1.1);
   }
}
.main-visual .logo{
}
.main-visual .msg{
    color: #222;
    text-shadow: 4px 4px 20px #ffffff, -4px 4px 20px #ffffff, 4px -4px 20px #ffffff, -4px -4px 20px #ffffff;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 2.5em;
}

@media screen and (max-width:999px) {
	.main-visual{
		flex-direction:column;
	}
	.main-visual .logo{
		display:none;
	}
	.main-visual .msg{
		text-align:center;
	}
}
@media screen and (max-width:700px) {
	.main-visual .msg{
		font-size:3.5vw;
	}
}

/*---------- 新着情報　----------*/
.ameblo-wrap{
	max-width:900px;
	max-height:500px;
	overflow-y:scroll;
	margin:3vh auto;
	background-color:#fff;
	padding:5%;
}
.ameblo-wrap .post-wrap{
	margin-bottom:5%;
}
.ameblo-wrap .post-wrap .date{
	font-size:.9em;
	margin-right:10px;
}
.ameblo-wrap .post-wrap .ttl{
	font-size:.9em;
	text-decoration:none;
	color:#44b7d1;
}
.ameblo-wrap .post-wrap .txt{
	font-size:.8em;
	color:#6f6f6f;
}
.ameblo-wrap a.to-ameba{
	display:block;
	padding:5px 10px;
	background-color:#2c893a;
	color:#fff;
	text-decoration:none;
	font-size:.9em;
	width:400px;
	margin:0 auto;
	text-align:center;
	letter-spacing:0.1em;
}

/*---------- アクセス　----------*/
.home-map{
	margin: 5% calc(50% - 50vw) 0;
	width: 100vw;
}

/*---------- インスタ　----------*/
#sb_instagram{
	max-width:700px;
}


/***********************************************************
* 各種固定ページ
***********************************************************/
/*---------- プロフィール　----------*/

.profile-name{
	line-height:2em;
}
.profile-name .katagaki{
	font-size:.95em;
	color:#8890a9;
}
.profile-name .ja{
	font-size:1.3em;
	color:#8890a9;
}
.profile-name .en{
	font-family: "Noto Serif JP", serif;
	font-size:4em;
	letter-spacing: 0.1em;
	color: #dbeefc;
	margin-left:10px;
}

.aisatu{
	padding:5em;
}
.aisatu p{
	line-height:2.5em;
	letter-spacing:0.05em;
}
.aisatu h2{
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
}
.aisatu .ark-block-heading .ark-block-heading__line:before{
    content: '';
    background-image: url(https://saon-fukui.com/purification/wp-content/uploads/2025/01/ttl-under1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
	height:80px;
	background-color:unset;

}

@media screen and (max-width:768px) {
	.aisatu{
		padding:2em;
	}
	.aisatu p{
		font-size:.95em;
		line-height:2.2em;
	}
}

/*---------- サービス　----------*/

.service-wrap .ark-block-heading .ark-block-heading__main{
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
}
.service-wrap .ark-block-heading .ark-block-heading__sub{
	font-family: "Noto Serif JP", serif;
	color:#6fb4ea;
	margin-bottom:15px;
}
.service-txt{
    max-width: 1024px;
    margin: 5vh auto;
    line-height: 2.2em;
    font-weight: 400;
}


/*---------- お客様の声　----------*/
.voice-wrap{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.voice-wrap .voice{
	width:100%;
	max-width:320px;
	max-height:400px;
	overflow-y:scroll;
	-ms-overflow-style: none;/*スクロールバー非表示（IE・Edge）*/
  scrollbar-width: none;/*スクロールバー非表示（Firefox）*/
	border:1px solid #8cd4ff;
	padding:100px 5% 3% 5%;
	margin:0 auto 40px;
	font-size: .9em;
	border-radius: 200px 200px 3px 3px;
	
}
/*スクロールバー非表示（Chrome・Safari）*/
.content::-webkit-scrollbar{
  display:none;
}

.voice-wrap .voice p{
	text-align:right;
	font-size:.9em;
	margin-top:10px;
}

@media screen and (min-width:768px) {
	.voice-wrap .voice{
		width:49%;
	}
}
@media screen and (min-width:1024px) {
	.voice-wrap .voice{
		width:31%;
	}
}
/* コメント欄の方 */
#comments{
	padding: 0 3%;
}
#comments .txt{
	text-align:center;
}

.c-commentList{
	border:1px solid #8cd4ff;
	padding:5%;
}
.c-commentList li{
	line-height: 2em;
	margin-bottom:15px;
	padding:15px 5%;
	border-bottom:1px dotted #ddd;
}
.comment-form #comment{
	min-height:300px;
	padding:2%;
}

.c-commentList li .sonota{
	text-align:right;
}
.c-commentList li .sonota .time{
	font-size:.8em;
	color:#555;
}


.comment-respond{
	background-color:#e8f8ff;
	padding:5%;
	border-radius:10px;
}


.comment-reply-title{
	font-weight: 500;
	color:#35b0cb;
}
.comment-form textarea{
	border:unset;
	max-width:1015px;
}
.comment-form textarea:focus {
  outline: none;
}
.comment-form .note{
	font-size:.85em;
	color:#555;
	text-align:center;
}
.comment-form .form-submit{
	text-align:center;
}
.comment-form .submit{
    background-color: #35b0cb;
	padding:.5rem 2rem;
	width:70%;
	margin:0 auto;
}
/*---------- よくある質問　----------*/
.ark-block-faq{
	padding:30px 0;
}
.ark-block-faq__item{
	border: 1px solid #5fb7e9;
	margin-bottom:5vh;
	border-radius:3px;
}
.ark-block-faq__item+.ark-block-faq__item{
	padding-top:unset;
	border-top:1px solid #5fb7e9;
}
.ark-block-faq__q{
	color: #006ca9;
	padding: 2.5em 3em 1.5em 3em;
	line-height:1.8em;
}
.ark-block-faq__a{
	padding: .5em 1em 2.5em 7em;
	line-height:1.8em;
}

.ark-block-faq__q:before{
	background-color: #63baeb;
    font-family: "Noto Serif JP", serif;
	left:-20px;
	top:-10px;
}
.ark-block-faq__a:before{
    font-family: "Noto Serif JP", serif;
	color: #63baeb;
	left:5%;
}

/***********************************************************
* フッター
***********************************************************/
/* パンくずリスト */
.p-breadcrumb{
	display:none;
}


.l-footer__widgets{
	padding:4rem 0 2rem;
}

.l-footer{
	background-color:hsla(198,100%,91%,1);
	background-image:
radial-gradient(at 90% 0%, hsl(0deg 0% 100%) 0px, transparent 50%), radial-gradient(at 55% 46%, hsl(197deg 100% 93.39%) 0px, transparent 50%), radial-gradient(at 89% 76%, hsl(197deg 100% 88.6%) 0px, transparent 50%), radial-gradient(at 9% 10%, hsl(197deg 78.51% 83.67%) 0px, transparent 50%), radial-gradient(at 45% 78%, hsl(210deg 100% 94.51%) 0px, transparent 50%), radial-gradient(at 8% 60%, hsla(214, 100%, 93%, 1) 0px, transparent 50%)
}

.f-about{
	text-align:center;
	font-size:.8em;
}
.f-about img{
	max-width:180px;
	margin-bottom:20px;
}

.c-copyright{
	padding:3vh 0;
}

/***********************************************************
* その他共通
***********************************************************/