/*--
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
*/
html {
  scroll-behavior: smooth;
}
body{
	font-family: "Zen Maru Gothic", serif;
	font-size:1.1em;
	letter-spacing:0.05em;
}

:root{
	--ark-padding--container: min(48px, 6vw);
}


.wp-block-media-text {
    --ark-mediatext--space: 3rem;
}


@media screen and (max-width: 500px) {
	body{
		font-size:1em;
	}
}




.main-image {
	opacity: 0;
	transition: all 1s ease;
}
.main-image.visible {
	opacity: 1;
	transform: translateY(0);
}


.news_wrap {
	opacity: 0;
	transition: all 1s ease;
}
.news_wrap.visible {
	opacity: 1;
	transform: translateY(0);
}





/***********************************************************
* ヘッダー
***********************************************************/
[data-btns=rr-rl] .l-header__body{
    grid-template-columns: 0 50% auto var(--ark-searchW) var(--ark-drawerW);
}
.l-header__logo{
	justify-content:start;
}
.l-header__center{
	padding:5px 0;
}
.head-right .contact{
}

/*---------- メニュー　----------*/
.l-headerUnder{
	margin:10px auto 20px;
}
.c-gnav{
	font-weight:600;
	font-size:1em;
}
.c-gnav__li.current_page_item,
.c-gnav__li.focus,
.c-gnav__li:hover {
    color:#ef511c!important;
}
.c-gnav__li>.c-gnav__a{
	background-color:#ef511c;
	color:#fff;
	border-radius:50px;
}
.l-headerUnder{
	background:unset;
	padding:10px;
}

.l-headerUnder .c-gnav{
	gap:15px;
}
.l-headerUnder .c-gnav>.menu-item>a{
	padding:14px 25px;
}
.c-gnav__li.-current a,
.c-gnav__li>.c-gnav__a:hover{
	background-color:#f59908;
}

/*---------- スマホメニュー　----------*/
.p-drawer{
	background: #fffcedf2;
    color: #111;
}
.l-header__drawerBtn svg:not([fill]){
	    fill: rgb(0 0 0);
}

/***********************************************************
* タイトル
***********************************************************/
h1.c-pageTitle__main {
    border-bottom: 4px dotted #f25213;
    padding: 3px;
    color: #f25213;
}

h2.wp-block-heading{
    font-size: 1.4em;
    font-weight: 700;
    border-bottom: 2px solid #f29a05;
    padding-bottom: 4px;
}
h2.wp-block-heading:first-letter{
	color:#f29a05;
}


h3.wp-block-heading{
	display:flex;
	align-items:center;
    font-size: 1.1em;
    color: #ed5509;
}
h3.wp-block-heading::before{
    content: "";
    display: inline-block;
    background-image: url(https://paprika.k-a-tsuruga.com/wp/wp-content/uploads/2025/04/icon01.svg);
	height:20px;
	width:20px;
    margin-right: 8px;
	margin-top:1px;
}

@media screen and (max-width: 500px) {
	h1.c-pageTitle__main {
		font-size: 1.6em;
	}
}



.ark-block-heading .ark-block-heading__line{
	color: #f49809;
}

/***********************************************************
* トップページ
***********************************************************/

/*---------- メインビジュアル　----------*/
.main-image{
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}
.main-image ul{
	padding-left:0;
}
.slick-list{
    overflow: visible;
}
.slick-slide img{
    width: 100%;
    height: 100vw;
    object-fit: cover;
	max-width:1000px;
}
.slick-initialized .slick-slide{
	margin:0 20px;
}
.slick-dots{
	bottom:unset!important;
	margin-top:20px!important;
}
@media screen and (max-width: 800px) {
	.slick-initialized .slick-slide{
		margin:0 10px;
	}
}


/*---------- 新着情報　----------*/
.news_wrap{
	position:relative;
    margin: 10vh calc(50% - 45vw) 0;
    padding: 4em;
    width: 90vw;
    background-color: #ffffff;
    border-radius: 200px;
}
.news_wrap::before{
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: 5px;
    background-image: url(https://paprika.k-a-tsuruga.com/wp/wp-content/uploads/2025/04/asirai1.png);
    background-size: contain;
    height: 60px;
    width: 60px;
}
.news_wrap::after{
    content: "";
	position:absolute;
	right:0;
    top: -20px;
    display: inline-block;
    background-image: url(https://paprika.k-a-tsuruga.com/wp/wp-content/uploads/2025/04/asirai2.png);
	background-size:contain;
    height: 90px;
    width: 275px;
}
.news_wrap .news{
	display:flex;
	align-items: center;
	max-width:900px;
	margin: 0 auto;
}
.news_wrap .news .midashi{
	font-size: 1.2em;
	font-weight: 900;
    color: #ef511c;
}
ul.news_list{
	flex: 1;
	flex-direction:column;
	display:flex;
	align-items:center;
	font-size: .9em;
    width: 80%;
	padding:0;
	margin-left:8%;
}
ul.news_list li{
    width: 100%;
    list-style: none;
}
ul.news_list li::before{
	background: unset;
}
ul.news_list li a{
    color: #4b413a;
    font-weight: 500;
    text-decoration: none;
    font-size: 1.1em;
}
ul.news_list .add_New{
	color:red;margin-left:10px;
	font-size:.9em;
}
ul.news_list .news_date{
	margin-right:10px;
	letter-spacing:.07em;
	width: 140px;
	display: inline-block;
}
@media screen and (min-width: 1500px){
	.news_wrap{
		margin: 10vh calc(50% - 30vw) 0;
		padding:4em 6em;
		width: 60vw;
	}
}
@media screen and (max-width: 1000px){
	.news_wrap .news .midashi{
		font-size:.85em;
	}
}
@media screen and (max-width: 500px){
	.news_wrap {
		padding: 2em 1.5em 2em 2em;
	}
	ul.news_list li{
		margin:0;
	}
	ul.news_list .news_date{
		display:block;
		font-size:.8em;
	}
	.news_wrap::before{
		height: 40px;
		width: 40px;
		bottom:0;
	}
	.news_wrap::after{
		height: 50px;
		width: 150px;
		right:0;
		top: -10px;
	}
}


/*---------- ATOUT GUIDE　----------*/
.home-about,
.home-guide{
	display:flex;
	justify-content:space-between;
    align-items: center;
    margin: 4vh auto 0;
}
.home-about h2,
.home-guide h2{
	display:none;
}

.home-guide{
	flex-direction: row-reverse;
}

.home-about .img,
.home-guide .img{
	width:50%;
}
.home-about .cont,
.home-guide .cont{
	width:45%;
}
.home-guide .cont{
	padding-left: 8%;
}

.home-about p,
.home-guide p{
	margin-bottom:30px;
	line-height:2.5em;
	font-weight: 500;
}
.home-about a,
.home-guide a{
	display:inline-block;
	text-decoration:none;
	padding:10px 8%;
	background-color:#ef511c;
	color:#fff;
	border-radius:50px;
	margin-top:5px;
}
.home-about a:hover,
.home-guide a:hover{
	background-color:#f48f14;
}
@media screen and (max-width: 800px){
	.home-about, .home-guide{
		flex-direction: column;
	}
	.home-about .img, .home-guide .img,
	.home-about .cont, .home-guide .cont {
		width: 100%;
		padding:0;
	}
}

@media screen and (min-width: 1700px){
	.home-about,
	.home-guide{
		width: 70vw;
		margin: 4vh calc(50% - 35vw) 0;
		padding: 3em;
	}
}

/*---------- Instagram　----------*/
.home #sb_instagram{
	max-width:600px;
	margin-top:3vh;
}

.home #sb_instagram .sbi_item{
	border-radius:10px;
}

/***********************************************************
* 各種固定ページ
***********************************************************/
.about{
	background-color: #fff;
    padding: 3% 5% 5%;
    border-radius: 20px;
	border: 1px solid #f2db9c;
}
.about table{
	border-top:none;
	border-right:none;
}
.about th,
.about td{
	border-left:none;
	padding:1em!important;
	font-weight:normal;
}
.about th{
	width:20%;
	text-align:center;
	background-color:unset;
	color:#eb5713;
	border-bottom:1px dashed #f29707;
}
.about td{
	border-bottom:1px dashed #bfbfbf;
	letter-spacing:0.1em;
}
@media screen and (max-width: 800px){
	.about th,
	.about td{
		display:inline-block;
		width:100%;
		text-align:left;
	}
	.about th{
		border-bottom: none;
		padding: 1em 1em .5em 1em !important;
	}
	.about td{
		padding: 0 1em 1em 1em !important;
	}
}


.osusume{
	padding:5% 7%;
}
.osusume .wp-block-media-text__media img{
	max-width:320px;
}
@media screen and (max-width: 800px){
	.osusume .wp-block-media-text__content{
		padding:10% 3% 0!important
	}
}
/*---------- 料金　----------*/
.price table{
	letter-spacing:0.1em;
	font-weight:700;
	text-align:center;
}
.price th{
	background-color:#67b125;
	color:#fff;
	vertical-align:middle;
}
.price td{
	background-color:#ffffff;
	padding:1em;
}
@media screen and (max-width: 800px){
	.price th{
		font-size:.75em;
	}
}

.ex-plan{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.ex-plan .plan{
	display:flex;
	flex-direction:column;
    background-color: #fff;
    width: 32%;
    padding: 3%;
    text-align: center;
    margin-bottom: 2%;
	border-radius:15px;
}
.ex-plan .plan .ttl{
	font-weight:600;
	margin-bottom:5px;
	color:#ef511c;
}
.ex-plan .plan .note{
	font-size:12px;
	margin-bottom:10px;
}
.ex-plan .plan .terms{
	line-height:2em;
	text-align:left;
	font-size:.9em;
	padding:0 10px;
	margin-bottom:10px;
}
.ex-plan .plan .sum{
	font-size:1.1rem;
	font-weight:500;
	border-top:1px solid #525252;
	padding-top:5px;
	margin-top:auto;
	color:#e6030e;
}
@media screen and (max-width: 1000px){
	.ex-plan .plan{
		width: 48%;
	}
}
@media screen and (max-width: 600px){
	.ex-plan .plan{
		width: 100%;
	}
}
/*---------- よくある質問　----------*/
.ark-block-faq{
	margin-top:15px;
}
.ark-block-faq__item{
    background-color: #fff;
    padding: 2% 3%;
    border-radius: 20px;
}
.ark-block-faq__item+.ark-block-faq__item{
	border-top:none;
}
.ark-block-faq__q:before{
	background-color:#6aac32;
    border-radius: 50%;
}
.ark-block-faq__a:before{
	border-radius: 50%;
	color:#ffffff;
	box-shadow:unset;
	background-color:#e8540e;
}



/***********************************************************
* フッター
***********************************************************/
.l-footer{
	background: url( "https://paprika.k-a-tsuruga.com/wp/wp-content/uploads/2025/04/footer-bg.jpg" ) repeat;
}
.l-footer__widgets .w-footer.-widget1 iframe{
	border-radius: 20px;
}
.l-footer__widgets .w-footer.-widget2{
	display:flex;
	align-items:center;
	justify-content: center;
	background-color:#fff;
	padding:3%;
	border-radius:30px;
	color:#555;
}

.footer-about{
	font-weight:600;
	font-size:1.1em;
	line-height:2em;
}
.footer-about img{
	max-width:250px;
	margin-bottom:15px;
}
.footer-about p{
	margin-bottom:10px;
}
.footer-about a{
	text-decoration:none;
	color:#88c754;
}
@media (min-width: 1000px) {
    .l-footer__widgets .w-footer.-widget1{
        flex-basis: 60%;
    }
    .l-footer__widgets .w-footer.-widget2{
        flex-basis: 40%;
    }
}

.l-footer__nav a{
	font-size:.85em;
}
.l-footer__nav a:hover{
	text-decoration:none;
	font-weight:600;
}
@media screen and (min-width: 600px) {
    .l-footer__nav a {
        padding: 0 1em;
    }
}
@media screen and (max-width: 1000px) {
	.footer-about{
		font-size:.95em;
	}
	.l-footer__nav li{
		margin-bottom:10px;
	}
}


/***********************************************************
* その他共通
***********************************************************/
/* リストスタイル調整 */
[class*=is-style-ark-list-]>li{
	padding-left:1.2em;
}
[class*=is-style-ark-list-icon]>li:before{
	font-size:.6em;
	top: 8px;
}


.p-fixBtnWrap{
	display:none;
}