@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
*/

/* ============================================================
   基本スタイル
   ============================================================ */

body{
	letter-spacing: .1em;
}
.site-logo-image {
    position: relative;
}

#hamburger-btn {
    display: none;
}

.home #main {
    padding: 0;
    border: 0;
}

.home #content,
.home .entry-content {
    margin-top: 0;
}

#navi .navi-in > ul > li {
    width: auto;
}

.hlt-tm-right .navi-in > ul {
    justify-content: space-evenly;
}

#header-container {
    padding-top: 8px;
}

.center-left{
	text-align:center;
}

a.wp-block-button__link, input[type=submit] {
    letter-spacing: .2em;
    font-size: 1.2em;
    filter: drop-shadow(0 0 5px white);
    box-shadow: inset 0 0 15px #ffffff45;
    padding: .8em 2em;
    display: inline-flex;
    align-items: center;
    gap: 1em;
    backdrop-filter: blur(4px);
    transition: ease-in-out .4s;
}
a.wp-block-button__link:after {
    content: "";
    display: block;
    width: 2em;
    height: 1em;
    background-image: url(https://www.r-yokohama.com/wp-content/uploads/2026/04/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}


/* ============================================================
   レスポンシブ：1023px 以下
   ============================================================ */

@media screen and (max-width: 1023px) {

    #navi .navi-in > .menu-mobile li {
        width: auto;
    }
}


/* ============================================================
   レスポンシブ：834px 以下
   ============================================================ */

@media screen and (max-width: 834px) {

}


/* ============================================================
   レスポンシブ：480px 以下（スマートフォン）
   ============================================================ */

@media screen and (max-width: 480px) {

    /* ── PC メニュー非表示 ── */
    .menu-pc {
        display: none !important;
    }

    /* ── モバイルメニュー（初期非表示） ── */
    .menu-mobile {
        display: none !important;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.97);
        z-index: 9999;
        justify-content: center;
        align-items: center;
        gap: 2rem;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .menu-mobile.is-open {
        display: flex !important;
    }

    .menu-mobile li a {
        font-size: 1.2rem;
        text-decoration: none;
        color: #333;
    }

    /* ── ハンバーガーボタン ── */
    #hamburger-btn {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        position: fixed;
        top: 0;
        right: 0;
        padding: 16px;
        z-index: 10000;
        background: none;
        border: none;
        cursor: pointer;
        backdrop-filter: blur(10px);
    }

    #hamburger-btn span {
        display: block;
        width: 24px;
        height: 2px;
        background: #333;
        transition: transform 0.3s, opacity 0.3s;
        transform-origin: center;
    }

    #hamburger-btn.is-open span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    #hamburger-btn.is-open span:nth-child(2) {
        opacity: 0;
    }

    #hamburger-btn.is-open span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    /* ── ヘッダー・ロゴ調整 ── */
    .hlt-tm-right .navi-in > ul {
        justify-content: center;
    }

    .logo-header img {
        width: 35px;
		margin: 6px 0 0 6px;
    }

    a.site-name.site-name-text-link {
        padding: 0;
    }

    div#header-container-in {
        flex-direction: row;
    }

    #header-container {
        padding-top: 0;
    }
	
	.center-left{
		text-align:left;
	}
	
	.center-left br{
		display:none;
	}
	
}