/*
Theme Name: Twenty Twenty Five Child
Template: twentytwentyfive
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');

:root {
/* ゴシック（ベース）: Macの美しさを活かしつつ、Windowsのモダン化も狙う */
--my-font-gothic: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;

/* 明朝（見出し）: Webフォントで統一感を出しつつ、予備として高品質な游明朝を置く */
--my-font-mincho: "Noto Serif JP", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
}

/*-----------------------------------------------------------------------------------
　全体
-----------------------------------------------------------------------------------*/

/* iOS26対策 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p{
	text-wrap:wrap!important;
}


/* 画像をクリックしたとき背景が黒くなるのを透過 */
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
	background-color:transparent;
}
/* 画像をクリックしたときに出る黒枠を解除 */
:where(.wp-site-blocks *:focus) {
    outline-width: 0px!important;
    outline-style: none!important;
}

html {
scroll-behavior: smooth;
}

/*ホバーのアンダーラインをなくす*/
a:hover {
    text-decoration: none!important;
}
@media screen and (max-width: 599px) {
p {
	font-size:18px!important;
}
}

/*アルファベットを単語の途中でも改行する*/
a{
	word-break: break-all;
}

/*-----------------------------------------------------------------------------------
　見出し
-----------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-weight:normal!important;
}
h1{
    font-size: 2rem;
    padding: 0.5rem 1.5rem;
    border-left: 5px solid var(--wp--preset--color--blue);
    background: #f8f9fa;
    color: #333;
}
.page-id-15 h1,.page-id-17 h1,.page-id-19 h1 {
max-width:var(--wp--style--global--wide-size);
}


.wp-block-query h2 {
	font-weight:normal!important;
}
h3:not(.emergency_title)::before{
content:'';
background-image:url(https://awakouikisuido.jp/wp-content/uploads/2026/03/shizuku2.png);
width:70px;
height:36px;
background-repeat:no-repeat;
display:inline-block;
padding-right:10px;
}

h4.guide_title {
	font-size:1.5rem!important;
    background-color: #cdeeff;
	padding-top: 20px!important;
	padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
	z-index:-1;
	position:relative;
}
h4.qa {
	color:var(--wp--preset--color--blue);
}

@media screen and (max-width: 599px) {
.wp-block-query h2 {
	font-size:18px!important;
}
}

/*-----------------------------------------------------------------------------------
　ボタン
-----------------------------------------------------------------------------------*/
.wp-block-button a {
	background-color:var(--wp--preset--color--blue);
    border: solid 2px var(--wp--preset--color--blue);
	transition: all 0.5s;
	color:#fff;
}
.wp-block-button a:hover {
	background:#fff;
    border: solid 2px var(--wp--preset--color--blue);
	color:var(--wp--preset--color--blue);
}

/*-----------------------------------------------------------------------------------
　箇条書き
-----------------------------------------------------------------------------------*/
li::marker {
	color:var(--wp--preset--color--blue);
}
ul.guide_list  {
	margin-right: 15px!important;
	margin-bottom: 30px!important;
}

/*-----------------------------------------------------------------------------------
　パンくずリスト
-----------------------------------------------------------------------------------*/
.page-id-15 .aioseo-breadcrumbs,.page-id-17 .aioseo-breadcrumbs,.page-id-19 .aioseo-breadcrumbs{
max-width:var(--wp--style--global--wide-size);
}

/*-----------------------------------------------------------------------------------
　ヘッダ
-----------------------------------------------------------------------------------*/
header{
	background-color:var(--wp--preset--color--blue);
}
header a{
	color:#fff!important;
}
.site_title {
    font-size: 2rem!important;
}
@media screen and (max-width: 481px) {
.site_title {
    font-size: 1.5rem!important;
}
}

/*バーガーメニュー*/
@media screen and (max-width: 599px) {
/*バーガーメニューを開くボタン*/
 .wp-block-navigation__responsive-container-open {
	 color: #ffffff !important;
	 background-color: var(--wp--preset--color--blue);
	 display:flex!important;
	 position: fixed!important;
	 right: 20px;
	 padding: 0.45rem;
	 top: 20px!important;
	 z-index: 9999;
	 border-radius:3px;
}
/*バーガーメニューを閉じるボタン*/
.wp-block-navigation__responsive-container-close {
	color: #ffffff !important;
	background-color: var(--wp--preset--color--blue);
	right: 0px!important;
	padding: 0.45rem;
	top: 0px!important;
	border-radius:3px;
}
/*メニュー*/
.wp-block-navigation__responsive-container-content ul span {
	color: var(--wp--preset--color--black);
	font-size:18px!important;
}

}

/*-----------------------------------------------------------------------------------
　ヘッダー、フッターのナビゲーションメニュー下のアンダーライン
-----------------------------------------------------------------------------------*/
/* --- ナビゲーション共通のベース設定 --- */
.wp-block-navigation .wp-block-navigation-item__content {
    position: relative;
    text-decoration: none !important;
}

.wp-block-navigation .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px; /* 線と文字の距離 */
    width: 0;
    height: 1px; /* 線の太さ */
    transition: width 0.3s ease; /* 伸びるスピード */
}

/* ホバーで幅を100%に */
.wp-block-navigation .wp-block-navigation-item__content:hover::after {
    width: 100%;
}

/* --- 1. ヘッダー（headerタグ内）の線の色：白 --- */
header .wp-block-navigation .wp-block-navigation-item__content::after {
    background-color: #ffffff;
}

/* --- 2. フッター（footerタグ内）の線の色 --- */
/* フッターが白背景なら #000000（黒）、黒背景なら #ffffff（白）に変更してください */
footer .wp-block-navigation .wp-block-navigation-item__content::after {
    background-color: #000000; 
}

/*-----------------------------------------------------------------------------------
　ホーム
-----------------------------------------------------------------------------------*/
.home main{
	margin-top:0!important;
}
@media screen and (max-width: 781px) {
.firstview_spacer {
	height:80px!important;
}
}
/*投稿ページのカテゴリラベル*/
/* お知らせ */
.taxonomy-category a[href*="category/info_customer"],.taxonomy-category a[href*="category/info_business"],.taxonomy-category a[href*="category/info_about"],.taxonomy-category a[href*="category/article"] {
	display: inline-block;
	margin-right: 0.25rem;
	padding: 0.1rem 0.5rem;
	border-radius: 999px;
	font-size: 0.75rem;
	color: #fff;
	text-decoration: none;
	background-color: var(--wp--preset--color--blue);
	font-weight: normal;
}
/* 新着情報 */
.taxonomy-category a[href*="category/new_customer"],.taxonomy-category a[href*="category/new_business"],.taxonomy-category a[href*="category/new_about"] {
	display: inline-block;
	margin-right: 0.25rem;
	padding: 0.1rem 0.5rem;
	border-radius: 999px;
	font-size: 0.75rem;
	color: #fff;
	text-decoration: none;
	background-color: var(--wp--preset--color--orange);
	font-weight: normal;
}

@media screen and (max-width: 910px) {
.top_cate_warp {
	width:70%;
}
.top_cate_date {
	width:30%;
}
}
@media screen and (max-width: 781px) {
.top_cate_warp {
	width:80%;
}
.top_cate_date {
	width:20%;
}
}
@media screen and (max-width: 510px) {
.top_cate_warp {
	width:70%;
}
.top_cate_date {
	width:30%;
}
}


/*-----------------------------------------------------------------------------------
　3カラム
-----------------------------------------------------------------------------------*/
.guide_column {	
	border:1px solid var(--wp--preset--color--cyan) !important;
	border-radius:5px;
}

/*-----------------------------------------------------------------------------------
　フッター
-----------------------------------------------------------------------------------*/
footer {
	background-color:var(--wp--preset--color--gray);
}
.footer_title {
	font-size:1.3rem!important;
}
.footer_title a {
	text-decoration:none!important;
}
/*検索ボックス*/

@media screen and (max-width: 481px) {
.wp-block-search__button {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
}

/*-----------------------------------------------------------------------------------
　サイトマップ
-----------------------------------------------------------------------------------*/
.wsp-pages-title{
	display:none;
}