@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

:root {
            --brand-green: #A8D8B9;
            --brand-green-light: #E6F4E9;
            --brand-yellow: #F8F2D4;
            --brand-text: #595959;
            --brand-orange: #F7C97E;
            --brand-blue: #A3D2E2;
            --text-gray: #595959;
            --white: #FFFFFF;
            --shadow-color: rgba(0, 0, 0, 0.1);
            --border-color: #E5E7EB;
        }

        /* Basic Reset & Typography */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
/*  　　   追加    　　　*/
html, body {
	overflow-x: hidden;
}

        body {
            font-family: 'Noto Sans JP', 'Inter', sans-serif;
            background-color: var(--white);
            color: var(--brand-text);
            line-height: 1.6;
        }

        body.menu-open {
            overflow: hidden;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        ul {
            list-style: none;
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        .container {
            width: 100%;
            max-width: 1120px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1rem;
            padding-right: 1rem;
        }

/* reCAPTHCAのロゴ設定 */
.grecaptcha-badge { visibility: hidden; }

/*****************************************************************************************
 *  投稿ページでのスタイルを指定 
 *****************************************************************************************/
.single {
	background-color: #f4f8f9;
}

/* ウィジェットタイトルの設定 */
.single .wp-block-heading {
	background-color: #119C5B;
	color: var(--white);
}

/* カテゴリの設定 */
.cat-link {
	background-color: #9B5F2B;
}
.single .footer {
	margin-top: 80px;
}

/* cocoonの#containerを編集 */
#container {
	max-width:100%;
	padding: 0;
}

        .section {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }

        .section-title {
            font-size: 1.875rem;
            font-weight: 700;
            text-align: center;
            margin-bottom: 3rem;
			letter-spacing: 0.05em;
        }

/*************************************************************
*   Header 
*************************************************************/
        .header {
			position: relative;
			height: 101px;
        }

        .header .container {
			max-width: 100%;
			padding: 0;
        }

/* cocoonデフォルトヘッダー無効化 */
.header-container {
	display: none;
}

        .header-logo {		
     		line-height: 1px;
    		position: absolute;
    		top: 0;
    		left: 0;
    		padding: 1rem;
    		padding-right: 32px;
    		background-color: #fff;
			border-bottom: 2px solid #959699;
    		border-right: 2px solid #959699;
			border-bottom-right-radius: 10px;
        }

/* 右側の線の疑似要素 */
.header-logo::before {
    content: "";
    display: block;
    width: calc(100vw - 188px);
    height: 20%;
    border-top: 2px solid #959699;
    border-left: 2px solid #959699;
    border-top-left-radius: 10px;
    position: absolute;
    left: 100%;
    top: 56px;
    box-shadow: -20px 0 #fff;
}

.header-logo a {
	position: relative;
	z-index: 3;
}


/* ロゴ画像のCSS */
.logo-img {
	width: 160px;
}

/* 管理バーとの位置調整 */
body.admin-bar .main-nav {
    margin-top: 46px;
  }

/* モバイル時のナビゲーション */
.main-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 80%;
	max-width: 300px;
	height: 100vh;
	background-color: var(--white);
	box-shadow: 2px 0 10px rgba(0,0,0,0.1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
	gap: 2rem;
	transform: translateX(-100%);
	transition: transform 0.4s ease-in-out;
	z-index: 1000;
}

        .main-nav.is-open {
            transform: translateX(0);
        }

        .main-nav a {
            font-size: 1.25rem;
            font-weight: 500;
            color: #9B5F2B;
        }

/* 追加 */
.mobile-menu-button-wrapper {
	display: flex;
	justify-content: flex-end;
	padding: 1rem;
	background-color: #fff;
	width: calc(100% - 208px);
	height: 56px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
}

        .mobile-menu-button {
            background: none;
            border: none;
            cursor: pointer;
            color: var(--brand-text);
			position: relative;
            z-index: 1010;
			line-height: 1px;
        }
/* ハンバーガーメニューの線 */
.hamburger-line {
	display: block;
	width: 24px;
	height: 2px;
	background-color: #959699;
	position: relative;
}

.hamburger-line::before,
.hamburger-line::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #959699;
	position: absolute;
}
.hamburger-line::before {
	top: -8px;
}
.hamburger-line::after {
	top: 8px;
}

        .close-menu-button {
            position: absolute;
            top: 1.5rem;
            right: 1.5rem;
        }

/* オーバーレイ用 */
.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.4s, visibility 0.4s;
	z-index: 100;
}

/* メニュー表示時 */
.menu-overlay.is-active {
	opacity: 1;
	visibility: visible;
}

/*************************************************************
*   Hero Section 
*************************************************************/
        .hero {
            background-color: var(--white);
            padding-top: 3rem;
            padding-bottom: 3rem;
			position: relative;
			z-index: -1;
        }

/* 木の画像を設定する疑似要素 */
.hero::before {
	content: "";
    position: absolute;
    bottom: 0;
    right: -225px;
    width: 670px;
    height: 100%;
    background-image: url('http://yururi-to-suginami.jp/wp-content/uploads/2025/07/147369のコピー.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    opacity: 0.7;
	z-index: -1;
}

        .hero .container {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .hero-content {

        }

        .hero-title {
            font-size: 2rem; /* Mobile font size */
            font-weight: 700;
            line-height: 1.5;
            color: var(--brand-text);
        }

        .hero-text {
            margin-top: 1.5rem;
            font-size: 1rem;
            padding: 0 1rem;
			text-align: center;
			line-height: 2;
			font-weight: 500;
        }

        .hero-image {
            flex: 1;
            margin-top: 2rem;
/* 		追加　　	 */
			display: none;
        }
        .hero-image img {
            border-radius: 0.5rem;
        }

/*************************************************************
*   Nayami Section 
*************************************************************/
/* 　　　追加　　　 */
.nayami-section {
	background-color: var(--brand-green-light);
	padding-bottom: 14rem;
}
.nayami-section .section-title {
	color: #8C3B0D;
}
        .nayami-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 10rem 2rem;
            margin-top: 3rem;
        }

        .nayami-card {
            background-color: var(--white);
            padding: 2rem;
            border-radius: 0.8rem;
            position: relative;
        }

/* 吹き出しの矢印 */
.nayami-card::after {
	content: '';
    width: 60px;
    height: 40px;
    background-color: var(--white);
    display: block;
    position: absolute;
    left: 50px;
    bottom: -39px;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

        .nayami-card-icon {
            position: absolute;
            width: 5rem;
            border-radius: 9999px;
        }
        .nayami-card-icon.left {
            left: -1rem;
			bottom: -8.5rem;
        }
        .nayami-card-icon.right {
			left: -2.5rem;
			bottom: -9.5rem;
			width: 14rem;
			
        }
        .nayami-card-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 1rem;
            text-align: center;
        }
        .nayami-card ul {
            list-style: disc;
            padding-left: 1.25rem;
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
        }

/*************************************************************
*   Soudan Section 
*************************************************************/
        .soudan-section {
            background-color: #6FB580;
			position: relative;
			z-index: 1;
			padding-top: 4rem;
        }
/*      追加      */

/* 相談セクションの背景の装飾用 */
.bg-soudan {
	width: 100%;
    aspect-ratio: 2 / 1;
    background: #6FB580;
    position: absolute;
    border-radius: 50% 50% 0 0/100% 100% 0 0;
	top: 0;
    transform: translateY(-14%);
	z-index: -1;
}
.bg-soudan::before {
	content: "";
    display: inline-block;
    width: 100%;
    aspect-ratio: 2 / 1;
    background: #6FB580;
    position: absolute;
    border-radius: 50% 50% 0 0/100% 100% 0 0;
    left: 50%;
}
.bg-soudan::after {
	content: "";
    display: inline-block;
    width: 100%;
    aspect-ratio: 2 / 1;
    background: #6FB580;
    position: absolute;
    border-radius: 50% 50% 0 0/100% 100% 0 0;
    left: -50%;
}

.soudan-section .section-title {
	color: var(--white);
}
        .soudan-grid {
/* 追加 */
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			gap: 5rem 2.5rem;
        }
        .soudan-card {
            background-color: var(--white);
            padding: 1rem;
            border-radius: 0.5rem;
            text-align: center;
			border: 3px solid #F1F1F1;
			width: calc((100% - 5rem) / 3);
			min-width: 330px;
			min-height: 200px;
        }
        .soudan-card-icon-wrapper {
            margin: 0 auto 0.5rem;
			margin-top: -50px;
            width: 4rem;
            height: 4rem;
            border-radius: 9999px;
            background-color: var(--white);
			border: 3px solid #F1F1F1;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .soudan-card-icon-wrapper svg {
             width: 2rem;
             height: 2rem;
        }
        .soudan-card-title {
            font-size: 1.375rem;
            font-weight: 700;
        }
        .soudan-card-text-large {
            margin-top: 0.5rem;
            font-size: 1.125rem;
        }
        .soudan-card-text-small {
            font-size: 1rem;
			margin-top: 0.5rem;
            color: #6B7280;
        }
/* 追加 */
.soudan-card-text-large--phone {
	font-size: 2rem;
}

/* メールアドレスの文字色 */
.mail-link {
	color: #F7C97E;
}

.soudan-text-white {
	color: var(--white);
	text-align: center;
	margin-top: 3rem;
}

/* 追加 */
.soudan-card-text-important {
	margin-top: 0.5rem;
	font-size: 1.125rem;
	font-weight: bold;
	color: #D07840;
}
/* LINEのQRコード */
.line-qr-code {
	width: 100px;
	margin: 0.5rem auto 0;
	display: none;
}

/* LINEの友だち追加ボタン */
.line-friend-add-button-wrapper {
	width: 150px;
	line-height: 1px;
	margin-inline: auto;
	margin-top: 0.5rem;
}

.line-friend-add-button-wrapper a {
	display: block;
}
.line-friend-add-button-wrapper img {
}

/*************************************************************
*   Ibasho Section 
*************************************************************/
/* 追加（相談セクションの要素との重なりを調整） */
.access-section {
	position: relative;
	z-index: 1;
	background-color: var(--white);
}
/* 追加(セクションタイトル) */
#access .section-title {
	color: #8C3B0D;
}
        .ibasho-card {
            background-color: var(--white);
            border-radius: 0.5rem;
            display: flex;
            flex-direction: column;
            gap: 2rem;
        }
        .ibasho-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 1rem;
        }
        .ibasho-details-item {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 1rem;
        }
        .ibasho-details-item .tag {
            background-color: #7CC8A3;
            color: var(--white);
            font-size: 0.875rem;
            font-weight: 700;
            padding: 0.25rem 0.75rem;
            border-radius: 9999px;
            white-space: nowrap;
        }

/* 追加 */
.ibasho-map {
	width: 100%;
	
}
/* 追加（埋め込みグーグルマップ用） */
.ibasho-map iframe {
	vertical-align: bottom;
	width: 100%;
}

        .ibasho-map img {
            border-radius: 0.5rem;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

/*************************************************************
 *   News Section 
*************************************************************/
        .news-section {
             background-color: #E3F2EB;;
        }
/* 追加 */
.news-section .section-title {
	background-color: #119C5B;
	color: var(--white);
	margin-bottom: 0;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	padding: 10px 0;
}
.news-content {
}
.news-list {
	padding-left: 0;
}
        .news-list-card {
            background-color: var(--white);
            padding: 1.5rem;
			border-bottom-left-radius: 30px;
			border-bottom-right-radius: 30px;
        }
        .news-item {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding-bottom: 1rem;
            margin-bottom: 1rem;
            border-bottom: 1px solid var(--border-color);
        }
        .news-item:last-child {
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        .news-item-meta {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 0.5rem;
        }
        .news-item-date {
            color: #6B7280;
        }
        .news-item-tag {
            font-size: 0.75rem;
            font-weight: 700;
            padding: 0.25rem 0.75rem;
            border-radius: 9999px;
        }
        .news-item-tag.news {
			background-color: #BFF0DC; 
			color: #21785B;
		}

        .news-item-tag.event {
			background-color: #FFD9A9;
			color: #AE733B;
		}
        .news-item a {
             transition: color 0.3s;
        }
        .news-item a:hover {
             color: var(--brand-green);
        }

/*************************************************************
*   キャラクター紹介 Section 
*************************************************************/
.character-section {

}

.character-section__inner {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
}

.character-description {
	width: 100%;
	font-size: clamp(0.875rem, 0.705rem + 0.73vw, 1.25rem);
	text-align: center;
}

.character-description span {
	font-size: 1.5rem;
	color: #005133;
	font-weight: bold;
}

.character-img {
	width: 40%;
	/* 画面幅によって画像サイズを可変(不要なら削除) */
 	width: clamp(9.625rem, 3.347rem + 26.79vw, 23.438rem);
}


/*************************************************************
*   Q&A Section 
*************************************************************/

.question-box-wrapper + .question-box-wrapper {
    margin-top: 36px;
}

.question-box-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    color: #00100e;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    background-color: rgb(44 204 212 / 15%);
    border-radius: 15px;
}

.question-box-wrapper:hover {
    cursor: pointer;
}

/* ホバーアニメーションをマウスが使えるデバイスのみに限定 */
@media (hover: hover) and (pointer: fine) {
	.question-box-wrapper:hover {
		opacity: 0.8;
	}
}

.question-btn {
	position: relative;
    display: inline-block;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	transform-origin: center center;
    transition-duration: 0.2s;
	margin-left: 10px;
}

.question-btn::before,
.question-btn::after {
	content: "";
	background-color: #2CCCD4;
	border-radius: 10px;
	width: 24px;
	height: 4px;
	position: absolute;
	transform-origin: center center;
}
.question-btn::before {
	transform: rotate(90deg);
}

.answer-content {
	padding: 20px;
	border-radius: 15px;
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.answer-content a {
	text-decoration: underline;
	color: #1967d2;
	
	/* URLの折り返し設定 */
	word-break: break-word;
  	overflow-wrap: break-word;
  	word-wrap: break-word;
}

.answer-content p {
    color: #000;
    font-size: 16px;
    text-align: left;
    letter-spacing: 1px;
	width: fit-content;
}

.question-box-inner p {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.question-icon {
	background: #5ecdd4;
	width: 35px;
	height: 35px;
	font-size: 20px;
	color: white;
	border-radius: 50%;
	text-align: center;
    line-height: 1.6;
	flex-shrink: 0;
}

.answer-icon {
	background: #f09596;
	width: 35px;
	height: 35px;
	font-size: 20px;
	color: white;
	border-radius: 50%;
	text-align: center;
    line-height: 1.6;
	flex-shrink: 0;
}

/*  開閉時のcss*/
.question-box-wrapper:has(>.question-box-inner.is-active){
	background-color: rgb(249 232 77 / 25%);
	border-radius: 15px;
}

.question-box-inner.is-active {
	background-color: unset;
}

.question-box-inner.is-active .question-btn:before {
	display: none;
}

         /*************************************************************
         *   Contact Section 
         *************************************************************/

/* 追加 */
.contact-section {
	background-color: #F0F0F1;
}
        .contact-section .container {
            max-width: 640px;
			text-align: center;
        }
/* 追加 */
.contact-section .section-title {
	margin-bottom: 2rem;
}
        .contact-description {
        }
        .contact-form {
            margin-top: 2rem;
            text-align: left;
            display: flex;
            flex-direction: column;
			gap: 3rem;
        }
/* 追加 */
.form-input[type=text], .form-input[type=email] {
	border: none;
	border-radius: 30px;
	padding: 1rem;
	font-size: 1rem;
}
.form-textarea {
	vertical-align: bottom;
	resize: none;
}
        .form-input, .form-textarea {
            width: 100%;
            padding: 1rem;
			border: none;
            border-radius: 30px;
            font-family: inherit;
            font-size: 1rem;
            transition: border-color 0.3s, box-shadow 0.3s;
        }
        .form-input:focus, .form-textarea:focus {
            outline: none;
            border-color: var(--brand-green);
            box-shadow: 0 0 0 2px rgba(168, 216, 185, 0.5);
        }
        .form-submit-wrapper {
            text-align: center;
        }
        .submit-button[type=submit],
input[type=submit] {
            background-color: #D07840;;
            color: var(--white);
            font-weight: 700;
            padding: 0.75rem 3rem;
            border-radius: 9999px;
            border: none;
            cursor: pointer;
            transition: opacity 0.3s;
			width: 100%;
			font-size: 1.125rem;
			letter-spacing: 0.5em;
        }
        .submit-button:hover {
            opacity: 0.9;
        }

/* 追加（ドロップダウンの矢印） */
.wpcf7-select {
	/* デフォルトの矢印を非表示 */
	appearance: none;
}
.select-wrapper {
	position:relative;
}
/* 矢印用の疑似要素 */
.select-wrapper::after {
	content: "";
  	position: absolute;
	top: 50%;
	transform: translateY(-50%);
  	right: 1rem;
  	width: 0.6em;
  	height: 0.6em;
  	background-color: #333;
  	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  	pointer-events: none;
}

/* 入力エラーの表示設定 */
.wpcf7-not-valid-tip {
	position: absolute;
}


/* ContactForm7の送信中を示すアイコン */
.wpcf7-spinner {
  display: none !important;
}

/* reCAPTHCA用テキスト設定 */
.reCAPTCHA-text {
	font-size: 0.75rem;
	margin-top: 3rem;
}

.reCAPTCHA-text a {
	color: #1967d2;
	text-decoration: underline;
}

         /*************************************************************
         *   Footer 
         *************************************************************/
        .footer {
            background-color: var(--white);
            color: var(--text-gray);
			margin-top: 0;
        }
        .footer .container {
			padding: 2rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 1.5rem;
			max-width: 100%;
        }
/* 追加 */
.footer .logo {
	padding: 0;
}
.footer .logo::after,
.footer .logo::before {
	display: none;
}

/* cocoonデフォルトフッター無効化 */
.footer-container {
	display: none;
}

        .footer .org-name {
            font-weight: 700;
        }
        .footer-links {
			display: grid;
			grid-template-columns: 1fr;
			padding-left: 0;
			gap: 1.5rem 3.5rem;
        }

.footer-links a {
}
        .footer-links a:hover {
            text-decoration: underline;
        }


/************************************************************
 * レスポンシブ対応（タブレット・PC）　　　　　　　　　 
 * **********************************************************/
@media(min-width: 783px) {
	body.admin-bar .main-nav {
		margin-top: 32px; 
  	}
}

/* 768pxから変更（ナビゲーションが改行したため） */
@media (min-width: 896px) {
/*****************************************************************************************
 *  投稿ページでのスタイルを指定 
 *****************************************************************************************/
			.single .footer {
				margin-top: 120px;
			}

            .container {
                padding-left: 1.5rem;
                padding-right: 1.5rem;
            }

            .section {
                padding-top: 6rem;
                padding-bottom: 6rem;
            }
/* 追加 */
			.soudan-section {
				padding-top: 4rem;
			}
			
			.logo-img {
				width: 200px;
			}
			
			.nayami-section {
				padding-bottom: 15rem;
			}
            .section-title {
                 font-size: 2.25rem;
            }

            .logo .main-title {
                font-size: 1.5rem;
            }
			
/* 追加(管理バーとの位置調整をリセット) */
			body.admin-bar .main-nav {
				margin-top: 0; 
  			}
			
			.header {
				height: 118px;
        	}
			
			.header-logo::before {
				width: calc(100vw - 218px);
			}
			


            .main-nav {
                position: absolute;
				width: calc(100% - 248px);
				top: 0;
				left: 248px;
                height: 56px;
				padding: 1rem;
                background-color: transparent;
                backdrop-filter: none;
                flex-direction: row;
				transform: none;
                gap: 2rem;
				justify-content: flex-end;
				max-width: none;
				box-shadow: none;
				background-color: #fff;
				z-index: 10;
            }
			
            .main-nav a {
                font-size: 1rem;
            }
/* 追加 */
			.mobile-menu-button-wrapper {
				display: none;
			}

            .mobile-menu-button {
                display: none;
            }
			
/* オーバーレイの設定（PCでは非表示にする） */
			.menu-overlay {
				display: none;
			}

            .hero {
                padding-top: 5rem;
                padding-bottom: 5rem;
            }
/* 追加（木の画像用の疑似要素） */
			.hero::before {
				right: -260px;
				width: 770px;
			}

            .hero .container {
                flex-direction: row;
                text-align: left;
                gap: 2rem;
            }

            .hero-content {
                text-align: left;
            }

            .hero-title {
                font-size: 3rem;
            }

            .hero-text {
                margin-left: 0;
                margin-right: 0;
                padding: 0;
                font-size: 1.2rem;
            }

            .hero-image {
                margin-top: 0;
            }

            .nayami-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .soudan-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .ibasho-card {
                flex-direction: row;
				align-items: center;
            }
            .ibasho-details {
                width: 50%;
            }
            .ibasho-map {
                width: 50%;
            }

            .news-list-card {
                padding: 2rem;
            }

            .news-item {
                flex-direction: row;
                align-items: center;
                gap: 1rem;
            }
            .news-item-meta {
                margin-bottom: 0;
                gap: 1rem;
            }
	
/*************************************************************
*   キャラクター紹介 Section 
*************************************************************/
	.character-section__inner {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.character-description {
		width: 50%;
		text-align: center;
	}
	
	.character-description span {
		font-size: 1.8rem;
	}

	.character-img {
		width: 35%;
	}

	
/*************************************************************
*   Q&A Section 
*************************************************************/
	.question-box-inner {
		font-size: 20px;
	}
	
	.answer-content p {
		font-size: 18px;
	}
	
/*************************************************************
*   Footer
*************************************************************/
            .footer .container {
                flex-direction: row;
                justify-content: space-between;
                text-align: left;
            }
			.footer-links {
				grid-template-columns: repeat(2, 1fr);
			}
        }

        @media (min-width: 1024px) {
/* 追加 */
			.nayami-section {
				padding-bottom: 20rem;
			}
            .soudan-grid {
            }
             .hero-title {
                font-size: 3.25rem;
            }
			
			/* LINEのQRコード */
			.line-qr-code {
				display: block;
			}
			
			/* LINEの友だち追加ボタン */
			.line-friend-add-button-wrapper {
				display: none;
			}
        }

.page .author-info {
    display: none !important;
}