/*
Template: arkhe
Theme Name: Arkhe_child
Version: 1.0.0
*/

/* 
	font-family:"Noto Sans JP", sans-serif;
	100-900

	font-family:"Noto Serif JP", serif;
	200-900

	font-family:"Shippori Mincho", serif;
	400-800

	font-family:"Hina Mincho", serif;
	400
*/

:root {
	--ark-font_family: "Noto Sans JP","Helvetica Neue","Arial","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
}

/*******************************
/* Arkhe［ユーティリティクラス］
 * 詳しくは、src/scss/object/utility/**
*******************************/

/*

・「u-only-pc」というクラスをつけるとPCサイズでのみ表示されるようになったり
・「u-fz-l」を付けるとフォントサイズが大きくなったり
・「u-mt-0」を付けると上部マージンが 0 になったり

u-mt-0	(0,5,10,15,20,25,30,40,50,60,80)
u-mb-0	(0,5,10,15,20,25,30,40,50,60,80)


*/

/*******************************
/* media screen
*******************************/

@media (min-width:1000px){
	/*pc*/
}
@media not all and (min-width:1000px){
	/*tb*/
}
@media not all and (min-width:600px){
	/*sp*/
}

/*******************************
/* 
*******************************/
h1, h2, h3, h4, h5, h6{
	line-height:inherit;
}

/*******************************
/* c-gnav
*******************************/

ul.c-gnav{}
.c-gnav .__mainText{
	font-size:15px;
}
ul.c-gnav > li{}
ul.c-gnav > li:not(.button){
	font-size:1.0rem;
}
ul.c-gnav > li + li{
	margin-left:1.0em;
}
ul.c-gnav li.button{
	height:auto;
	margin-left:2.0em;
}
ul.c-gnav li.button.instagram a{
	color:#999;
	padding:0 0.5em;
}
ul.c-gnav li.button.instagram svg{
	width:25px;
	height:25px;
}
ul.c-gnav li.button.instagram span.label{
	display:none;
}
ul.c-gnav li.button.inquiry a{
	background:#000;
	color:#fff;
	padding:1.0em 1.5em;
}
ul.c-gnav li.button.inquiry a .__mainText{
	display:flex;
}
ul.c-gnav li.button.inquiry a .__mainText svg{
	margin:0 0.25em;
}
@media not all and (min-width:1000px){
	/*tb*/
	ul.c-drawerNav li.button svg{
		display:none;
	}
}

/*******************************
/* header
*******************************/

.l-header__center{
	padding:8px 0 12px 0;
}
#top_title_area.p-topArea.-noimg{
	background:#f3f3f3;
	height:195px;
	min-height:195px;
}
#top_title_area.p-topArea.-noimg .p-topArea__body{
	color:#333;
	letter-spacing:0.5em;
	text-shadow:none;
}
@media not all and (min-width:600px){
    /*sp*/
	#top_title_area.p-topArea.-noimg{
		height:auto;
		min-height:auto;
	}
	#top_title_area .c-pageTitle__main{
		font-size:1.2rem;
	}
}

/*******************************
/* footer
*******************************/

.l-footer__nav a{
	padding:0.4em 0.5em;
}
.l-footer__foot{
	padding:2.5rem 0 1.5rem 0;
}
.l-footer__foot p.c-copyright{
	padding:2.5em 0 4.0em 0;
	margin:0;
}
#footer .wp-block-columns.custom_footer{}
#footer .wp-block-columns.custom_footer .wp-block-column.block-about{
    font-family:"Shippori Mincho", serif;
    font-weight:600;
}
#footer .wp-block-columns.custom_footer .wp-block-column.block-about > div{
	padding:0 10%;
}
#footer .wp-block-columns.custom_footer .wp-block-column.block-menu{}
#footer .wp-block-columns.custom_footer .wp-block-column.block-menu .menu,
#footer .wp-block-columns.custom_footer .wp-block-column.block-menu .menu-item{
	border:none;
}
#footer .wp-block-columns.custom_footer .wp-block-column.block-menu .menu-item{
	border-bottom:1px solid #ccc;
}
#footer .wp-block-columns.custom_footer .wp-block-column.block-menu .widget_nav_menu a{
	font-size:13px;
	padding-left:0;
}
@media not all and (min-width:600px){
	/*sp*/
	#footer .wp-block-columns.custom_footer .wp-block-column.block-about > div{
		text-align:center;
		padding:0 0;
	}
}

/*******************************
/* main_content
*******************************/

body.page #main_content{
    font-family:"Shippori Mincho", serif;
    font-weight:500;
}
body.page-id-13 #main_content{
    font-family:inherit;
    font-weight:400;
}

/*******************************
/* #head
 * #head.type-01
 * #head.type-02
 * #head.type-03
*******************************/

body.page-id-9	#top_title_area,
body.page-id-11	#top_title_area{
	display:none;
}
body.page-id-9	#breadcrumb,
body.page-id-11	#breadcrumb{
	display:none;
}
body.page-id-9	.l-content__body,
body.page-id-11	.l-content__body{
	margin-top:0;
}
#head{
	position:relative;
	background-color:var(--wp--preset--color--arkb-color-01);
	background-repeat:no-repeat;
	padding:0 3.5%;
}
#head::after{
	position:absolute;
	left:-2vw;
	bottom:-5px;
	display:block;
	content:'';
	width:104vw;
	height:auto;
	background-image:url('images/wave_01.svg');
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:cover;
	aspect-ratio:199/22;
}
#head.type-02::after{
	background-image:url('images/wave_02.svg');
}
#head div.area{
	max-width:1140px;
	margin:0 auto;
}
#head div.area div.lead{}
#head div.area div.lead h1,
#head div.area div.lead p{
	color:#333;
	font-family:"Shippori Mincho", serif;
	text-align:left;
}
#head div.area div.lead h1{
	font-size:50px;
	font-size:clamp(1.563rem, 0.994rem + 2.84vw, 3.125rem);
	font-weight:400;
	line-height:1.65;
	letter-spacing:0.15em;
}
#head div.area div.lead h1 > span{
	display:block;
}
#head div.area div.lead p{
	font-size:20px;
	font-size:clamp(0.938rem, 0.824rem + 0.57vw, 1.25rem);
	font-weight:600;
	line-height:2.0;
	letter-spacing:0.15em;
	margin-bottom:40px;
}
#head div.area div.lead p > span{
	display:block;
}

/* type-01 */

#head.type-01{
	background-image:url('images/head_bg_001.png');
	background-position:calc(50% + 150px) calc(100% - 120px);
	background-size:auto 450px;
}
#head.type-01 div.area{
	height:820px;
	padding:100px 0 0 0;
}

/* type-02 */

#head.type-02{
	background-image:url('images/head_bg_002.png');
	background-position:calc(50% - 500px) calc(100% - 100px);
	background-size:auto 500px;
	text-align:right;
}
#head.type-02 div.area{
	height:710px;
	padding:165px 0 0 0;
}
#head.type-02 div.area div.lead{
	display:inline-block;
	margin-right:-45px;
}

/* type-03 */

#head.type-03{
	background-image:url('images/head_bg_003.png');
	background-position:calc(50% + 150px) calc(100% - 180px);
	background-size:auto 450px;
}
#head.type-03 div.area{
	height:710px;
	padding:200px 0 0 350px;
}
@media not all and (min-width:1000px){
	#head div.area div.lead{
		display:inline-block;
		padding:10% 0 40% 0;
	}
	#head.type-01,
	#head.type-02,
	#head.type-03{
		background-position:50% calc(100% + 10%);
		background-size:110% auto;
		text-align:left;
	}
	#head.type-02{
		background-position:50% calc(100% + 0%);
		background-size:75% auto;
	}
	#head.type-01 div.area,
	#head.type-02 div.area,
	#head.type-03 div.area{
		height:auto;
		padding:0 5.0%;
	}
	#head div.area div.lead p{
		letter-spacing:normal;
		margin-bottom:1.5em;
	}
}

/*******************************
/* archive
*******************************/
 
body.archive{}
body.archive .c-pageTitle__main{
	font-size:1.45rem;
	font-weight:400;
}
body.archive .p-postList__title,
body.archive .c-bottomSection__title{
	font-size:1.0rem;
	font-weight:400;
}
body.single .c-pageTitle__main,
body.archive .c-pageTitle__main{
	font-size:1.45rem;
	font-weight:400;
}
.c-postThumb__figure{
	border:1px solid #f1f1f1;
}
@media (min-width: 600px){
	body.archive .p-postList.-type-card .p-postList__item{
		flex-basis:33%;
	}
}

/*******************************
/* #sidebar
*******************************/

#sidebar{}
#sidebar .wp-block-heading{
	font-size:1.05rem;
	font-weight:400;
}
#sidebar .wp-block-heading a{
	color:#000;
	text-decoration:none;
}
#sidebar .post-lits{}
#sidebar .post-lits .wp-block-latest-posts__list{}
#sidebar .post-lits .wp-block-latest-posts__list > li{
	position:relative;
    display:flex;
	flex-direction:column;
	min-height:80px;
	padding:1.0em 0;
	box-sizing:content-box;
}
#sidebar .post-lits .wp-block-latest-posts__list > li a{
	color:#000;
	text-decoration:none;
}
#sidebar .post-lits .wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image{
	position:absolute;
	left:0;
	width:80px;
	aspect-ratio:1/1;
}
#sidebar .post-lits .wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image img{
	object-fit:cover;
	width:100%;
	height:100%;
	aspect-ratio:1/1;
	border:1px solid #f1f1f1;
}
#sidebar .post-lits .wp-block-latest-posts__list > li .wp-block-latest-posts__post-title{
	flex:0 0 100%;
	font-size:0.85rem;
	padding-left:100px;
}
#sidebar .post-lits .wp-block-latest-posts__list > li .wp-block-latest-posts__post-title::before{
	content:"";
	display:block;
	width:80px;
	height:80px;
	position:absolute;
	left:0;
	z-index:-1;
	background-image:url(/wp/wp-content/uploads/2025/09/noimg_001.png);
	background-size:cover;
	background-position:center;
	border:1px solid #f1f1f1;
}
#sidebar .post-lits .wp-block-latest-posts__list > li .wp-block-latest-posts__post-date{
	flex:0 0 100%;
	padding-left:100px;
	margin-top:0.5em;
}

/*******************************
/* Arkhe［ブロック］：セクション見出し
 * ark-block-heading
*******************************/

.ark-block-heading{
	padding:0 0 3.0em 0;
}
.ark-block-heading .ark-block-heading__main{
	font-size:1.65rem;
	font-weight:500;
	letter-spacing:0.05em;
}
.ark-block-heading .ark-block-heading__sub{
	font-size:inherit;
	font-weight:500;
	line-height:inherit;
	padding:0.25em 0;
}
@media not all and (min-width:600px){
	/*sp*/
	.ark-block-heading{
		padding:0 0 1.0em 0;
	}
}

/*******************************
/* Arkhe［ブロック］：アコーディオン
 * ark-block-accordion
*******************************/

.ark-block-accordion.is-style-box .ark-block-accordion__body{
	border-top-style:solid;
}

