/*
 Theme Name: onepress-yuyu
 Theme URI:  https://example.com/
 Description: OnePress の子テーマ（悠々亭用）
 Author:      SIMPLE Inc.
 Version:     1.0.0
 Template:    onepress
 Text Domain: onepress-yuyu
*/

/* ここに上書きCSS */


@media(min-width:751px){
    .sp{
        display: none !important;
    }
}
@media(max-width:750px){
    .pc{
        display: none !important;
    }
        .reserve:hover{
    background-image: none !important;
}
}

/*ワードプレスお知らせ投稿制御*/
.byline{
    display: none;
}

.entry-excerpt p{
    font-size: 14px;
}

.entry-title{
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*もわっと一覧*/

.fadein-base {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1.2s ease-out;
}

.fadein-base.show {
  opacity: 1;
  transform: translateY(0);
}

/* 上下左右バリエーション */
.fadein-up { transform: translateY(20px); }
.fadein-down { transform: translateY(-20px); }
.fadein-left { transform: translateX(-20px); }
.fadein-right { transform: translateX(20px); }

/* 拡大 */
.fadein-zoom { transform: scale(0.95); }
.fadein-zoom.show { transform: scale(1); }



/* ベースフォント */
html, body {
  font-family: 'Zen Old Mincho', serif!important;
  color: #333;
  font-weight: 400; /* デフォルトはレギュラー */
}
#page{
    background-image: url("img/common/bg.jpg");
    background-repeat: repeat;
    background-size: 70%;
}

/* 英語タイトル用 */
.eng-title {
  font-family: 'EB Garamond', serif!important;
  font-weight: 500;
  font-size: 100pt; /* デザイナー指定 */
  line-height: 1.1;
}

/* 見出し */
h1 {
  font-size: 38pt;
  font-weight: 700; /* ボールド */
}
h2 {
  font-size: 28pt;
  font-weight: 700;
}
p {
  font-size: 18pt;
  font-weight: 400;
}
span {
  font-size: 10pt;
  font-weight: 400;
}

/* タイトル・見出しを Zen Old Mincho に強制 */
body h1, 
body h2, 
body h3, 
body h4, 
body h5, 
body h6 {
  font-family: 'Zen Old Mincho', serif !important;
  font-weight: 700; /* デザイナー指定のボールド */
}

/* 英語タイトル専用 */
.eng-title {
  font-family: 'EB Garamond', serif !important;
  font-weight: 500 !important;
}

/* サイトタイトル・ロゴのフォントをZen Old Minchoに */
.site-branding .site-title,
.site-branding .site-text-logo {
  font-family: 'Zen Old Mincho', serif !important;
  font-weight: 700 !important; /* ボールド指定 */
  letter-spacing: 0; /* デフォルトの1pxを打ち消し */
  text-transform: none; /* 大文字化を打ち消し */
}







/*header*/
/* ===== Yuyu Header ===== */
.yuyu-header{
  position: fixed; top:0; z-index:1000;
  background: rgba(0,0,0,0);
  /*backdrop-filter: saturate(180%) blur(6px);*/
  /*border-bottom: 1px solid rgba(255,255,255,.12);*/
    width: 100%;
}
.yuyu-header-inner{
  display:flex; align-items:center; justify-content:space-between;
  /*max-width:1300px;*/ margin:0 auto; padding:10px 10px;width: 100%;
}
.yuyu-logo img{height:36px; display:block}

/* ナビ */
.yuyu-nav{display:flex; align-items:center; gap:30px; min-width:0}
.yuyu-nav-list{display:flex; align-items:center; gap:30px; margin:0; padding:0; list-style:none; white-space:nowrap}
.yuyu-nav-list a{
  display:block; padding:0; text-decoration:none; color:#fff; /*font-weight:600;*/ letter-spacing:.02em;
}
.yuyu-nav-list li{flex:0 0 auto}

/* ハンバーガー */
.yuyu-nav-toggle{
  width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center;    flex-direction: column;
  background:transparent; border:0; cursor:pointer;
}
.yuyu-nav-toggle .bar{display:block; width:22px; height:2px; background:#fff; margin:3px 0; transition:transform .2s,opacity .2s;align-self: flex-end;  /* 右寄せ */}

.yuyu-nav-toggle .bar:nth-child(1) {
  width: 35px;   /* 上の線 */
}
.yuyu-nav-toggle .bar:nth-child(2) {
  width: 30px;   /* 真ん中の線 */
}
.yuyu-nav-toggle .bar:nth-child(3) {
  width: 25px;   /* 下の線 */
}


/* 退避メニュー */
.yuyu-overflow-menu{position:relative;}
.yuyu-overflow-menu[hidden]{display:none}
.yuyu-overflow-menu.open{display:block}
.yuyu-overflow-list{
  position:absolute; right:0; top:calc(100% + 10px);
  min-width:220px; max-height:70vh; overflow:auto;
  background:rgba(0,0,0,.9); border:1px solid rgba(255,255,255,.15);
  border-radius:10px; padding:8px 10px; list-style:none; margin:0;
}
.yuyu-overflow-list li a{display:block; padding:10px 12px; color:#fff}

/* 背景濃度（スクロール時に濃くする） */
.scrolled .yuyu-header{background:rgba(0,0,0,.6)}

.nav-fixed{
    position: fixed;
    right: 3%;
    bottom: 3%;
    z-index: 9999;
    aspect-ratio: 308 / 249;
width: 20%;
}
        .reserve{
            aspect-ratio: 308 / 249;
            display: block;
            width: 100%;
            background-image: url("img/common/reserve.webp");
            background-size: contain;
            background-repeat: no-repeat;
        }
.reserve:hover{
    background-image: url("img/common/reserve-hover.webp");
}
.tac{text-align: center;}
/* モバイルは全メニューをハンバーガーへ */
@media (max-width: 1024px){
  .yuyu-nav-list{display:none}
}

.page-header{display: none;}

.blog #yuyu-header {
    background: rgba(0, 0, 0, 0.85);
}