/*
Theme Name: sugoi-simple
Theme URI: https://example.com/simplex
Author: SIMPLE Inc.
Author URI: https://simple.jp.net/
Description: “とてもすごい simple” を目指した超ミニマルテーマ
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: sugoi-simple
*/

html, body { padding-top: 100px; } /* 一時：ヘッダー分の押し下げ */
@media(max-width:750px){
html, body { padding-top: 0!important; } /* 一時：ヘッダー分の押し下げ */
}
/*wp-admin内上書き*/
body:not(.wp-admin) a:focus,
body:not(.wp-admin) button:focus {
    outline: none !important;
    box-shadow: none !important;
}
/* ベース（必要最低限） */
html{scroll-behavior: smooth;}
:root{ --max: 1200px; }
*{ box-sizing:border-box; }
body{ margin:0; font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans JP",sans-serif;font-weight: normal; }
/*.wrapper{ width:min(100%, var(--max)); margin:auto; padding:24px; }*/
.wrapper{width: 100%;}
.site-title a{ text-decoration:none; color:inherit; }
main{ display:block; }
img{ max-width:100%; height:auto;}
.smart-hotel-image img{width: 100%;}
.site-header {
  position: fixed !important;
  top: 0; left: 0; right: 0;

}
.nav{ display:flex; gap:16px; flex-wrap:wrap; }
.nav a{ text-decoration:none; color:#333; }
.article{ padding:16px 0; border-bottom:1px solid #eee; }
.pagination{ display:flex; gap:8px; }

.article {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.article .thumb--small {
  flex: 0 0 150px;
  display: block;
  overflow: hidden;
  border-radius: 8px;
}

.article .thumb--small img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.page-header {
  text-align: center;
    margin-top: 130px;
  margin-bottom: 2rem;
}

.page-title {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  margin: 0;
}

.page-eyecatch {
  margin-top: 1rem;
}

.page-content {
  margin-bottom: 3rem;
}

.page-section {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.page-section__title {
  font-size: clamp(1.25rem, 2.5vw, 2rem);
  margin-bottom: 1rem;
}

.page-section__body {
  line-height: 1.8;
}


/*font-size*/

:root {
  --vw-max: 1920;
}

.fs12,.fs12 p { font-size: clamp( 6px, 0.625vw, 12px) !important; }
.fs13,.fs13 p { font-size: clamp( 6.5px, 0.677vw, 13px) !important; }
.fs14,.fs14 p { font-size: clamp( 7px, 0.729vw, 14px) !important; }
.fs15,.fs15 p { font-size: clamp( 7.5px, 0.781vw, 15px) !important; }
.fs16,.fs16 p { font-size: clamp( 8px, 0.833vw, 16px) !important; }
.fs17,.fs17 p { font-size: clamp( 8.5px, 0.885vw, 17px) !important; }
.fs18,.fs18 p { font-size: clamp( 9px, 0.938vw, 18px) !important; }
.fs19,.fs19 p { font-size: clamp( 9.5px, 0.990vw, 19px) !important; }
.fs20,.fs20 p { font-size: clamp(10px, 1.042vw, 20px) !important; }
.fs21,.fs21 p { font-size: clamp(10.5px, 1.094vw, 21px) !important; }
.fs22,.fs22 p { font-size: clamp(11px, 1.146vw, 22px) !important; }
.fs23,.fs23 p { font-size: clamp(11.5px, 1.198vw, 23px) !important; }
.fs24,.fs24 p { font-size: clamp(12px, 1.250vw, 24px) !important; }
.fs25,.fs25 p { font-size: clamp(12.5px, 1.302vw, 25px) !important; }
.fs26,.fs26 p { font-size: clamp(13px, 1.354vw, 26px) !important; }
.fs27,.fs27 p { font-size: clamp(13.5px, 1.406vw, 27px) !important; }
.fs28,.fs28 p { font-size: clamp(14px, 1.458vw, 28px) !important; }
.fs29,.fs29 p { font-size: clamp(14.5px, 1.510vw, 29px) !important; }
.fs30,.fs30 p { font-size: clamp(15px, 1.563vw, 30px) !important; }
.fs31,.fs31 p { font-size: clamp(15.5px, 1.615vw, 31px) !important; }
.fs32,.fs32 p { font-size: clamp(16px, 1.667vw, 32px) !important; }
.fs33,.fs33 p { font-size: clamp(16.5px, 1.719vw, 33px) !important; }
.fs34,.fs34 p { font-size: clamp(17px, 1.771vw, 34px) !important; }
.fs35,.fs35 p { font-size: clamp(17.5px, 1.823vw, 35px) !important; }
.fs36,.fs36 p { font-size: clamp(18px, 1.875vw, 36px) !important; }
.fs37,.fs37 p { font-size: clamp(18.5px, 1.927vw, 37px) !important; }
.fs38,.fs38 p { font-size: clamp(19px, 1.979vw, 38px) !important; }
.fs39,.fs39 p { font-size: clamp(19.5px, 2.031vw, 39px) !important; }
.fs40,.fs40 p { font-size: clamp(20px, 2.083vw, 40px) !important; }
.fs41,.fs41 p { font-size: clamp(20.5px, 2.135vw, 41px) !important; }
.fs42,.fs42 p { font-size: clamp(21px, 2.188vw, 42px) !important; }
.fs43,.fs43 p { font-size: clamp(21.5px, 2.240vw, 43px) !important; }
.fs44,.fs44 p { font-size: clamp(22px, 2.292vw, 44px) !important; }
.fs45,.fs45 p { font-size: clamp(22.5px, 2.344vw, 45px) !important; }
.fs46,.fs46 p { font-size: clamp(23px, 2.396vw, 46px) !important; }
.fs47,.fs47 p { font-size: clamp(23.5px, 2.448vw, 47px) !important; }
.fs48,.fs48 p { font-size: clamp(24px, 2.500vw, 48px) !important; }
.fs50,.fs50 p { font-size: clamp(25px, 2.604vw, 50px) !important; }
.fs60,.fs60 p { font-size: clamp(30px, 3.125vw, 60px) !important; }

@media screen and (max-width: 768px) {
  .fs12,.fs12 p { font-size: clamp(7px, 1.8vw, 10px) !important; }
  .fs13,.fs13 p { font-size: clamp(7.5px, 2.0vw, 11px) !important; }
  .fs14,.fs14 p { font-size: clamp(8px, 2.1vw, 12px) !important; }
  .fs15,.fs15 p { font-size: clamp(8.5px, 2.2vw, 12.5px) !important; }
  .fs16,.fs16 p { font-size: clamp(9px, 2.3vw, 13px) !important; }
  .fs18,.fs18 p { font-size: clamp(10px, 2.5vw, 14px) !important; }
  .fs20,.fs20 p { font-size: clamp(11px, 2.7vw, 15px) !important; }
  .fs22,.fs22 p { font-size: clamp(12px, 3.0vw, 16px) !important; }
  .fs23,.fs23 p { font-size: clamp(13px, 3.3vw, 17px) !important; }
  .fs24,.fs24 p { font-size: clamp(14px, 3.7vw, 18px) !important; } /* ←約16px実寸 */
  .fs25,.fs25 p { font-size: clamp(14.5px, 3.9vw, 18.5px) !important; }
  .fs26,.fs26 p { font-size: clamp(15px, 4.0vw, 19px) !important; }
  .fs28,.fs28 p { font-size: clamp(16px, 4.2vw, 20px) !important; }
  .fs30,.fs30 p { font-size: clamp(17px, 4.4vw, 21px) !important; }
  .fs32,.fs32 p { font-size: clamp(18px, 4.6vw, 22px) !important; }
  .fs34,.fs34 p { font-size: clamp(19px, 4.8vw, 23px) !important; }
  .fs36,.fs36 p { font-size: clamp(20px, 5.0vw, 24px) !important; }
  .fs38,.fs38 p { font-size: clamp(21px, 5.3vw, 25px) !important; }
  .fs40,.fs40 p { font-size: clamp(22px, 5.6vw, 26px) !important; }
  .fs42,.fs42 p { font-size: clamp(23px, 5.9vw, 27px) !important; }
  .fs44,.fs44 p { font-size: clamp(24px, 6.2vw, 28px) !important; }
  .fs46,.fs46 p { font-size: clamp(25px, 6.5vw, 29px) !important; }
  .fs48,.fs48 p { font-size: clamp(26px, 6.8vw, 30px) !important; }
  .fs50,.fs50 p { font-size: clamp(27px, 7.2vw, 31px) !important; }
  .fs55,.fs55 p { font-size: clamp(29px, 7.6vw, 33px) !important; }
  .fs60,.fs60 p { font-size: clamp(31px, 8.0vw, 35px) !important; }
  .fs70,.fs70 p { font-size: clamp(36px, 9.2vw, 40px) !important; }
}




.lh10 { line-height: 1.0; }
.lh11 { line-height: 1.1; }
.lh12 { line-height: 1.2; }
.lh13 { line-height: 1.3; }
.lh14 { line-height: 1.4; }
.lh15 { line-height: 1.5; }
.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }
.lh175 { line-height: 1.75; }
.lh18 { line-height: 1.8; }
.lh19 { line-height: 1.9; }
.lh20 { line-height: 2.0; }

/* ===== テキスト配置（Text Align）共通クラス ===== */
.ta-l { text-align: left !important; }/*左寄*/
.ta-c { text-align: center !important; }/*中央寄*/
.ta-r { text-align: right !important; }/*右寄*/
.ta-j { text-align: justify !important; }/*両端揃*/

/* ===== 文字詰め・広げ（Letter Spacing） ===== */
.ls-0   { letter-spacing: 0 !important; }
.ls-01  { letter-spacing: 0.01em !important; }
.ls-02  { letter-spacing: 0.02em !important; }
.ls-05  { letter-spacing: 0.05em !important; }
.ls--01 { letter-spacing: -0.01em !important; }
.ls--02 { letter-spacing: -0.02em !important; }
.ls--05 { letter-spacing: -0.05em !important; }
.ls--1  { letter-spacing: -0.1em !important; }

/* ===== 日本語文字組み（プロポーショナル＋行分割厳密） ===== */
/*文字づめおよび禁則処理*/
.jp-tight {
  font-feature-settings: "palt";
  line-break: strict;
}

/* ===== フォントウェイト（基本）文字太さ ===== */
.fw-normal { font-weight: 400 !important; }
.fw-bold   { font-weight: 700 !important; }
.fw-bolder { font-weight: bolder !important; }
.fw-light  { font-weight: 300 !important; }



.bold {font-weight: bold;}

/* PC表示（769px以上） */
@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

/* SP表示（768px以下） */
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

img{
    vertical-align: bottom;
}

/*@media (max-width: 768px) {
  .pc,
  .tab {
    display: none !important;
  }
}


@media (min-width: 769px) and (max-width: 1024px) {
  .pc,
  .sp {
    display: none !important;
  }
}


@media (min-width: 1025px) {
  .sp,
  .tab {
    display: none !important;
  }
}*/

/* ==============================
   aタグ共通スタイル（← 各サイトごとに必要ならここを調整）
   ============================== */
a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease, opacity 0.3s ease;
}

/*a:hover {
  opacity: 0.7;
}*/
p,a,h1,h2,h3,h4,h5,h6{color: #000;}
html,body{background-color: #f9f5f2;}



body{
	font-family:
		"Noto Sans JP",
		"Yu Gothic",
		"Hiragino Kaku Gothic ProN",
		"Meiryo",
		sans-serif;
	font-weight: normal;
}
/*タブレット置換表示*/

@media(max-width:767px){
.page-header {
    margin-top: 40px;
  margin-bottom: 2rem;
}
}


a:focus {
  color: inherit;
}