/*
Theme Name: keywordnote
Author: kw-note.com
Version: 0.1
*/
html {
  font-size: 16px;
}

body {
  font-family: sans-serif, system-ui, "Noto Sans", "メイリオ", Meiryo;
	background-color: var(--theme_bg_color);
}

/* 本文のUI調整 */
.prose p {
  margin-top: 1em;
}

.prose p { margin: 1em 0; }

.prose ul {
  list-style: disc;
  padding-left: 1.5rem;
  margin: 1rem 0;
}

.prose ol {
  list-style: decimal;
  padding-left: 1.5rem;
  margin: 1rem 0;
}

.prose li {
  margin: 0.4rem 0;
}

.prose a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

/* ホバー時は少し濃く */
.prose a:hover {
  opacity: 0.8;
}

/* ---------- h ---------- */


.prose h2 {
font-size:1.7em;
}



/* ---------- 各種ボタンの装飾 ---------- */
.kbd_key {
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  background-color: #eee;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2),
    0 1px 0 0 rgba(255, 255, 255, 0.7) inset;
  padding: 0.4em 0.5em 0.3em 0.5em;
  margin: 0 0.2em;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  white-space: nowrap;
}

.kbd_voice {
  font-family: system-ui;
  font-weight: bold;
}

.kbd_menu {
  display: inline-block;
  margin: 0 0.2em;
  padding: 0.4em 0.5em 0.3em 0.5em;
  border: solid 1px #b4b4b4;
  background: #f5f5f5;
  border-radius: 2px;
  font-size: 0.9em;
  line-height: 1;
}
.samp_menu {
  display: inline-block;
  margin: 0 0.2em;
  padding: 0.4em 0.5em 0.3em 0.5em;
  border: solid 1px #b4b4b4;
  background: #f5f5f5;
  border-radius: 2px;
  font-size: 0.95em;
  line-height: 1;
}

.precode {
  padding: 1em;
  line-height: 1.3;
  border-radius: 3px;
  background: #1d1e22;
  color: #fff;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}



/* gallery columns対応 finctionにも記載 */

.gallery {
  display: grid;
  gap: 1rem;
}

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

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

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

/* サイトのカラー調整 */

:root {
  --accent: #AAD6EC;
  --accent-hover: #8CC7E6;
  --theme_bg_color: #EAF3FD;
  --theme-color: #AAD6EC; /* ←追加（必要ならアクセントと同じでOK） */
}


.bg-theme { background-color: var(--theme-color); }
.text-theme { color: var(--theme-color); }
.border-theme { border-color: var(--theme-color); }




/* ボタン */
.btn-accent {
  background-color: var(--accent);
  color: #fff;
}
.btn-accent:hover {
  background-color: var(--accent-hover);
}

/* 枠線 */
.border-accent {
  border-color: var(--accent);
}

/* テキストアクセント */
.text-accent {
  color: var(--accent);
}

.thumb-slash-wrapper {
  position: relative;
  clip-path: none;
}


@media (min-width: 1024px) {
  .thumb-slash-wrapper {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%) !important;
  }
}


/* wrap無しで普通にテーブルを整える */
.prose table {
  border-collapse: collapse;
  background: #fff;
}

.prose th {
  border: 1px solid #ddd; 
  background-color: #f7f7f7; 
  font-weight: 700; 
  text-align: center;
  padding: 0.75rem 1rem;
	
}

.prose td {
  border: 1px solid #ddd;
  padding: 0.75rem 1rem;
  vertical-align: middle;
}

html.dark .prose table {
  border-color: #ddd; 
  background: #111827;
}

html.dark .prose th,
html.dark .prose td {
  border-color: #ddd;
}


/* 画像＋キャプションの整形 */
.prose td figure{
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.prose td figure img{
  width: 96px;
  height: 64px;
  object-fit: cover;
  border-radius: 0.5rem;
  border: 1px solid rgb(229 231 235);
}
html.dark .prose td figure img{
  border-color: rgb(55 65 81);
}
.prose td figure figcaption{
  margin: 0;
  font-size: 0.95rem;
}
.prose td figure figcaption a{
  text-decoration: underline;
}



/* YouTubeレスポンシブ対応
-------------------------*/
.youtube_mv {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.youtube_mv iframe {
  width: 100%;
  height: 100%;
}

.youtube_mv_padding {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube_mv_padding iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}



/* 画像の突き抜け防止
-------------------------*/

@media (max-width: 768px){

  /* 1) WPのキャプション付き画像（固定width潰し） */
  .prose figure.wp-caption{
    width: auto !important;
    max-width: 100% !important;
  }
  .prose figure.wp-caption img{
    max-width: 100% !important;
    height: auto !important;
  }

  /* 2) iframe / 広告 / 埋め込み全般を親幅に収める */
  .prose iframe,
  .prose ins,
  .prose .google-auto-placed{
    max-width: 100% !important;
  }

  /* 3) “マイナスマージンで突き抜け” を強制無効化 */
  .prose ins[style*="margin"]{
    margin-left: auto !important;
    margin-right: auto !important;
  }
}



/* tableの突き抜け防止
-------------------------*/

@layer base {
  .prose table { @apply block w-full max-w-full; }
  .prose thead, .prose tbody, .prose tr { @apply w-full; }
  .prose table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
/*   .prose table { display: block; } */
}


/* WPPアクセスランキングサイドメニュー
-------------------------*/

/* 1行を左右に並べる */
.wpp-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

/* タイトルは左で折り返しOK */
.wpp-title{
  flex:1;
  min-width:0;
  line-height:1.4;
}

/* サムネは右・固定サイズ・角丸 */
.wpp-row img{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:12px; /* 角を丸める */
  flex:0 0 auto;
}

/* モバイルで表示されない対策 */
.popular-ranking ul {
display: block;
}



/* 最近のコメントサイドメニュー
-------------------------*/


.widget_recent_comments ul{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.widget_recent_comments li{
  font-size:12px;
  line-height:1.5;
}
/* コメント投稿者名 */
.widget_recent_comments .comment-author-link{
  font-weight:600;
}
/* リンクの見た目 */
.widget_recent_comments a{
  text-decoration:none;
}
.widget_recent_comments a:hover{
  text-decoration:underline;
}

/* サイドバーの「最新のコメント」：アバター回り込み由来の左余白を完全に潰す */
aside .wp-block-latest-comments__comment-avatar{
  display: none !important;
}
aside .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt,
aside .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta{
  margin-left: 0 !important;
}

/* コメント本文の最初に >> を付ける（改行させない） */
aside .wp-block-latest-comments__comment-excerpt p:first-child::before{
  content: ">> ";
  color: #6b7280;
  font-weight: 600;
}

/* コメント本文を大きく */
aside .wp-block-latest-comments__comment-excerpt{
  font-size: 2rem; 
  line-height: 1.6;
}

/* 記事タイトルを小さく */
aside .wp-block-latest-comments__comment-meta{
  font-size: 0.75rem !important;
}

/* ---------- TOC目次（202204以降使用　TOCプラグイン用） ---------- */

/* TOC 全体 */
div#toc_container {
  background-color: #F9FDFF;
  background-image:
    repeating-linear-gradient(
      135deg,
      #fff,
      #fff 7px,
      transparent 7px,
      transparent 14px
    );
  padding: 0.5em 0.2em;
}


/* タイトル */
div#toc_container p {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0.6em;
}

div#toc_container p:before { content: "[ "; }
div#toc_container p:after  { content: " ]"; }

/* リスト */
div#toc_container ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* 各項目 */
div#toc_container ul li {
  margin: 0.4em 0;
  line-height: 1.6;
  position: relative;
  padding-left: 1.2em; /* アイコン分 */
}

/* ▼ アイコン（FontAwesomeなし版） */
div#toc_container ul li:before {
  content: "▸"; /* 目次らしい矢印 */
  position: absolute;
  left: 0;
  color: #94a3b8;
  font-size: 0.8em;
}

/* リンク */
div#toc_container ul li a {
  font-size: 0.9rem;
  text-decoration: none;
}

div#toc_container ul li a:hover {
  text-decoration: underline;
}

/* 子リスト */
div#toc_container ul li ul {
  margin-top: 0.3em;
  margin-left: 0.8em;
}

div#toc_container ul li ul li:before {
  content: "•"; /* サブ階層用 */
  font-size: 0.7em;
}

/* 文字サイズを本文より一段小さく */
div#toc_container {
  font-size: 0.9rem;
}

/* タイトルは少しだけ強調 */
div#toc_container p {
  font-size: 1rem;
  font-weight: 600;
}

/* リスト整形 */
div#toc_container ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* 各項目 */
div#toc_container ul li {
  position: relative;
  padding-left: 1.2em;
  margin: 0.4em 0;
  line-height: 1.6;
}

/* ▼ 目次アイコン（FontAwesomeなしで確実表示） */
div#toc_container ul li:before {
  content: "▸";
  position: absolute;
  left: 0;
  color: #94a3b8;
  font-size: 0.8em;
}

/* 子階層 */
div#toc_container ul li ul li:before {
  content: "•";
  font-size: 0.7em;
}



/* グーグルマップモバイル突き抜け対策 */

.googlemap-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}

.googlemap-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}





/* 旧テーマのCSS、準備整い次第削除していく */

/* ---------- code ---------- */
article code:not([class*=language-]) {
    padding: 1em;
    margin: 0.5em 0;
    font-size: 16px;
    display: inline-block;
}

article code:not([class*=language-]), div.text pre:not([class*=language-]) {
    font-family: Monaco, monospace;
    background: #f9f9f9;
    color: #555;
    border: 1px solid #ddd;
    border-radius: 3px;
}

/* ---------- ビルランクtable ---------- */
.buidingrank{
  border-collapse: collapse;
  table-layout: fixed;
}

.buidingrank th,
.buidingrank td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}

.buidingrank th {
  background: #ff7bac;
  color: #fff;
}

.buidingrank img{
width:90%;
}

.buidingrank_head .th01{
width:5%;
}
.buidingrank_head .th02{
width:25%;
}

.buidingrank_head .th03{
width:15%;
}

.buidingrank_head .th04{
width:15%;
}

.buidingrank_head .th05{
width:15%;
}

.buidingrank_head .th06{
width:25%;
}

@media screen and (max-width: 767px) {
  .buidingrank .buidingrank_head{
    display:none;
  }
  .buidingrank {
    width: 100%;
  }
  .buidingrank td{
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .buidingrank td{
    display: block;
    width: 100%;
    line-height: 2.5;
    text-align:left;
  }
  .buidingrank td:before{
    color: #fff;
    content: attr(data-label);
    font-weight: bold;
    padding: 0px 10px;
    display: inline;
    background-color: #ed1e79;
    margin-right: 10px;
    float: left;
  }
  .buidingrank tr{
    border-bottom: solid 1px #ccc;
  }
  .buidingrank tr td:first-child{
  margin-top:3em;
  }
}
/* ---------- ビルランクtableここまで ---------- */


 a{
text-decoration: underline;
}


.syntaxbox table tr td{
	font-size:.8em!important;
	padding:3px!important;
	word-break:break-word;l!important;
}

/* ---------- 楽天アフィ画像文章の貼り付け対応、最初のtableのクラスに「rak-gazou-text-link」を加える ---------- */


div.text table.rak-gazou-text-link, div.text table.rak-gazou-text-link td, div.text table.rak-gazou-text-link th  {
border:0;
margin-bottom:-2em;
}
div.text table.rak-gazou-text-link table, div.text table.rak-gazou-text-link table td, div.text table.rak-gazou-text-link table th  {
border:0;
margin-bottom:-0.2em;
}



/* ---------- ボタンul ---------- */
ul.buttonul {
padding-left:0;
margin:0!important;
list-style-type: none;
}
ul.buttonul li a{
text-decoration: none;
box-shadow:none;
font-size:0.9em;
margin:0!important;
	line-height:2.1;
}
ul.buttonul li{
margin:0 0.5em 0 0;
float:left;
list-style-type: none;
position: relative;
display: inline-block;
margin:0;
padding: 0.2em 0.2em!important;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	font-weight:bold !important;
}
ul.buttonul li.rakutentravel-buttonul {

}

/* ボタンul 宿泊施設 */
/* ボタンul 公式ホテル用 */
ul.buttonul li.koushikihotel-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background-color:#000080;
border-radius: 4px;
}
/* ボタンul 楽天トラベル */
ul.buttonul li.rakutentravel-buttonul a ,aside ul li.rakutentravel-buttonul a {
display: inline-block;
padding: 0.2em 0.9em;
color: #FFF !important;
background: #66B821;
border-radius: 4px;
}
/* ボタンul じゃらん */
ul.buttonul li.jalan-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #ff6600;
border-radius: 4px;
}
/* ボタンul ヤフートラベル */
ul.buttonul li.yahootravel-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #FF0027;
border-radius: 4px;
}
/* ボタンul 一休宿泊 */
ul.buttonul li.ikkyu-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #1c4678;
border-radius: 4px;
}
/* ボタンul JTB */
ul.buttonul li.jtb-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #cc0d21;
border-radius: 4px;
}
/* ボタンul るるぶ */
ul.buttonul li.rurubu-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #000066;
border-radius: 4px;
}
/* ボタンul hotelsホテルズ */
ul.buttonul li.hotelscom-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #d32f2f;
border-radius: 4px;
}
/* ボタンul エクスペディア */
ul.buttonul li.expedia-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #202843;
border-radius: 4px;
}
/* ボタンul アゴダ */
ul.buttonul li.agoda-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #5a5b5b;
border-radius: 4px;
}

/* ボタンul ショッピングサイト */
/* ボタンul 楽天市場 */
ul.buttonul li.rakutenichiba-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #be0000;
border-radius: 4px;
}
/* ボタンul 公式通販用 */
ul.buttonul li.koushikitsuhan-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background-color:#000080;
border-radius: 4px;
}
/* ボタンul ツイッター */
ul.buttonul li.twitter-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background-color:#1d9bf0;
border-radius: 4px;
}
/* ボタンul インスタグラム */
ul.buttonul li.instagram-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background-color:#CF2E92;
border-radius: 4px;
}
/* ボタンul アマゾン */
ul.buttonul li.amazonshopping-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;color: #FFF !important;
background: #000;
color: #FFF !important;
border-radius: 4px;
}
/* ボタンul ヤフーショッピング */
ul.buttonul li.yahooshopping-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #FF0027;
border-radius: 4px;
}
/* ボタンul ロハコ */
ul.buttonul li.lohaco-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #7d746a;
border-radius: 4px;
}




/* ボタンul グルメサイト */
/* ボタンul 食べログ */
ul.buttonul li.tabelog-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #fa0;
border-radius: 4px;
}
/* ボタンul ぐるなび */
ul.buttonul li.gurunavi-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #dc0012;
border-radius: 4px;
}
/* ボタンul ホットペッパー */
ul.buttonul li.hotpepper-buttonul a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #d0111b;
border-radius: 4px;
}

/* ボタンul 賃貸情報サイト */
/* ボタンul homes */
ul.buttonul li.homes-buttonu a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #ed6103;
border-radius: 4px;
}


/* ボタンul スーモ */
ul.buttonul li.suumo-buttonu a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #358D23;
border-radius: 4px;
}

/* ボタンul キャッシュバック賃貸 */
ul.buttonul li.chashbackchintai-buttonu a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #e84109;
border-radius: 4px;
}

/* ボタンul DOOR賃貸 */
ul.buttonul li.doorchintai-buttonu a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #329cd1;
border-radius: 4px;
}


/* ボタンul 引越し見積もり */
/* ボタンul 引越し達人セレクト */
ul.buttonul li.hikkoshitatsujin-buttonu a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #0000ee;
border-radius: 4px;
}
/* ボタンul 引越価格ガイド */
ul.buttonul li.hkakakuguide-buttonu a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #f8401a;
border-radius: 4px;
}
/* ボタンul 引越価格ガイド */
ul.buttonul li.hikkoshizamurai-buttonu a {
display: inline-block;
padding: 0.2em 0.8em;
color: #FFF !important;
background: #dd171f;
border-radius: 4px;
}















/* ---------- Googleマップボタンp ---------- */
p.gmapp a{
font-size:100%;
text-decoration: none;
	line-height:1 !important;
text-decoration: none;
color: #FFF !important;
box-shadow:none;
margin:0 !important;
}
p.gmapp:first-child{
}

p.gmapp{
line-stacking:1;
margin:0 !important;
display: inline-block;
margin:0;
padding: 0.2em 0.4em !important;
text-decoration: none;
color: #FFF;
background: #4285F4;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	font-weight:bold !important;
}


/* ---------- Googleマップボタン ---------- */
ul.gmapul li a{
font-size:80%;
text-decoration: none;
}
ul.gmapul li:first-child{
}
ul.gmapul {
padding-left:0;
margin:0;
list-style-type: none;
}
ul.gmapul li{
margin:0 0.5em 0 0;
float:left;
list-style-type: none;
}
ul.gmapul li a{
text-decoration: none;
color: #FFF !important;
box-shadow:none;
}
ul.gmapul li {
position: relative;
display: inline-block;
margin:0;
padding: 0em 0.5em;
text-decoration: none;
color: #FFF;
background: #4285F4;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	font-weight:bold !important;
}





/* ---------- グルメサイトリンクボタンpタグ ---------- */
p.tabelog-p-linkbutton a{
font-size:100%;
text-decoration: none;
	line-height:1 !important;
text-decoration: none;
color: #FFF !important;
box-shadow:none;
}
p.gmapp:first-child{
}

p.tabelog-p-linkbutton{
line-stacking:1;
margin:0;
display: inline-block;
margin:0 !important;
padding: 0.2em 0.4em !important;
text-decoration: none;
border: solid 1px #f3980a;
background: #fa0;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	font-weight:bold;
}

/* ---------- 補足説明用aside ---------- */

.aside_n1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #b0e0e6;
}
.aside_n1 p {
    margin: 0; 
    padding: 0;
}

/* ---------- グルメサイトリンクボタン ---------- */
ul.gurumesiteul li a{
font-size:80%;
text-decoration: none;
}
ul.gurumesiteul li:first-child{
}
ul.gurumesiteul {
padding-left:0;
margin:0;
list-style-type: none;
}
ul.gurumesiteul li{
margin:0 0.5em 0 0;
float:left;
list-style-type: none;
}
ul.gurumesiteul li a{
text-decoration: none;
color: #FFF !important;
box-shadow:none;
}
.tabelog-linkbutton {
position: relative;
display: inline-block;
margin:0;
padding: 0em 0.5em;
text-decoration: none;
color: #FFF;
border: solid 1px #f3980a;
background: #fa0;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
a,a:link,a:hover,a:visited{
}
.gnavi-linkbutton {
position: relative;
display: inline-block;
margin:0;
padding: 0em 0.5em;
text-decoration: none;
color: #FFF;
background: #de4439;
border: solid 1px #c70025;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.gnavi-linkbutton a{
text-decoration: none;
}
.hotpepper-linkbutton {
position: relative;
display: inline-block;
margin:0;
padding: 0em 0.5em;
text-decoration: none;
color: #FFF;
background: #D65252;
border: solid 1px #E8452F;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.ikkyu-linkbutton {
position: relative;
display: inline-block;
margin:0;
padding: 0em 0.5em;
text-decoration: none;
color: #FFF;
background: #960;
border-radius: 4px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}
.ikkyu-linkbutton a{
text-decoration: none;
}
ul.kyujinul li a{
font-size:80%;
text-decoration: none;
}
ul.kyujinul li:first-child{
}
ul.kyujinul {
padding-left:0;
margin:0;
list-style-type: none;
}
ul.kyujinul li{
margin:0 0.5em 0 0;
float:left;
list-style-type: none;
}
ul.kyujinul li a{
text-decoration: none;
color: #FFF;
box-shadow:none;
}

/* ---------- アフィtable用宿泊ボタン本体宿泊に追記-------- */
.affshouhinaside  ul li a{
text-decoration: none;
list-style-type: none;
	font-size:1em;
}
.affshouhinaside ul {
padding-left:0;
list-style-type: none;
}
ul.shukuhakuul li{
margin:0 0.5em 0 0;
float:left;
list-style-type: none;
margin:6px;
}
.affshouhinaside  ul li a{
text-decoration: none;
	color:#333!important;
box-shadow:none;
}

/* ---------- アサイド ---------- */
.bottomlinkaside {
border: 2px solid #666;
border-radius: 4px;
margin: 2em 0;
padding: 0.9em !important;
position: relative;
font-size:1em;
}
.bottomlinkaside{
background-color: #fff;
background-image:
radial-gradient(#f0f8ff 20%, transparent 20%),
radial-gradient(#f5f5f5 20%, transparent 20%);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
}
.bottomlinkaside::before {
background-color: #fff;
color: #666;
content: "疑問は解決しましたか？";
font-weight: bold;
left: 1em;
padding: 0 .5em;
position: absolute;
top: -1em;
}
.bottomlinkaside p{
padding:0!important;
margin:0 !important;
}
.bottomlinkaside ul{
padding:0;
margin:0 0 0 0.3em !important;
}
.bottomlinkaside ul li{
padding:0;
}

/* ---------- 流行語用table ---------- */
.ryukougotable th{
	width:25%;
}
.ryukougotable td{
	width:75%;
}
.table2-th25td75 th{
	width:25%;
}
.table2-th25td75 td{
	width:75%;
}

/* ---------- 店舗情報用追加table ---------- */

.tenpojouhou th{
}
.tenpojouhou td{
	text-align:left!important;
}


/* ---------- アフィtable ---------- */

.affshouhinaside table{
border: none!important;
width:100%!important;
margin:0!important;
vertical-align: middle!important;
}
.affshouhinaside table tr{
}


.affshouhinaside table tr:nth-child(1) td{
border: none!important;
text-align:left!important;
width:30%!important;
vertical-align: middle!important;
}

.affshouhinaside table tr:nth-child(2) td{
border: none!important;
text-align:left!important;
width:70%!important;
vertical-align: middle!important;
}

.affshouhinaside table ul{
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
margin:0 !important;
vertical-align: middle!important;
}
.affshouhinaside table ul li{
font-size: 14px;
line-height:2.5;
	margin:1.4px 1.4px;
 font-weight:bold;
list-style:none !important;
padding:0;
margin:0!important;
}
.affshouhinaside table ul li a{
word-wrap:break-word;
}
.affshouhinaside table ul li:before{
font-size:12.6px;
margin-right:4.2px;
}

.affshouhinaside table ul .t-koushiki_b:before{
content:"©";
background-color:#000080;
color:#ffffff;
-moz-border-radius:15.4px;
-webkit-border-radius:15.4px;
-khtml-border-radius:15.4px;
border-radius:15.4px;
padding:4.2px 5px;
line-height:3;
}



/* ---------- アフィtable用宿泊ボタン本体宿泊に追記-------- */
.affshouhinaside  ul li a{
text-decoration: none;
list-style-type: none;
	font-size:1em;
}
.affshouhinaside ul {
padding-left:0;
list-style-type: none;
}
ul.shukuhakuul li{
margin:0 0.5em 0 0;
float:left;
list-style-type: none;
margin:6px;
}
.affshouhinaside  ul li a{
text-decoration: none;
	color:#333!important;
box-shadow:none;
}

/* ---------- アサイド ---------- */
.bottomlinkaside {
border: 2px solid #666;
border-radius: 4px;
margin: 2em 0;
padding: 0.9em !important;
position: relative;
font-size:1em;
}
.bottomlinkaside{
background-color: #fff;
background-image:
radial-gradient(#f0f8ff 20%, transparent 20%),
radial-gradient(#f5f5f5 20%, transparent 20%);
background-size: 40px 40px;
background-position: 0 0, 20px 20px;
}
.bottomlinkaside::before {
background-color: #fff;
color: #666;
content: "疑問は解決しましたか？";
font-weight: bold;
left: 1em;
padding: 0 .5em;
position: absolute;
top: -1em;
}
.bottomlinkaside p{
padding:0!important;
margin:0 !important;
}
.bottomlinkaside ul{
padding:0;
margin:0 0 0 0.3em !important;
}
.bottomlinkaside ul li{
padding:0;
}



/* clearfix
-------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* 旧テーマのCSS、準備整い次第削除していく　ここまで */



/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.relative{position:relative}.sticky{position:sticky}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.w-full{width:100%}.max-w-none{max-width:none}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.bg-\[\#CDEAF7\]{background-color:#cdeaf7}.bg-\[\#EEF9FF\]{background-color:#eef9ff}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.object-cover{object-fit:cover}.text-\[\#3A7FA3\]{color:#3a7fa3}.opacity-95{opacity:.95}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.hover\:bg-\[var\(--accent\)\]:hover{background-color:var(--accent)}.hover\:underline:hover{text-decoration-line:underline}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}