@charset "UTF-8";
/*
Theme Name: cm2
Theme URI: 
Description: 
License: 
License URI: 
Author: 
Author URI: 
Text Domain: 
Tags: 
Version: 1.0
*/
body {
  background-color: #fff;
}

.header {
    width: 100%;
    background-color: #DD3C6E;
    padding: 2%;
    color: #fff;
    margin: 0;
    overflow: hidden;
    display: flex;
    align-items: center; /* 子要素を縦方向に中央に配置 */
    justify-content: space-between; /* 横方向の配置を調整 */
}
.header a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}
/* ブラウザ横幅が750px未満のとき */
.contents {
  width: 100%;
  padding: 5%;
  box-sizing: border-box; /* paddingを含む横幅の計算方法を指定 */
}

/* ブラウザ横幅が750px以上のとき */
@media (min-width: 750px) {
  .contents {
    width: 750px;
    padding: 20px;
    margin: 0 auto; /* 左右のマージンを自動で調整して中央に配置 */
    box-sizing: border-box; /* paddingを含む横幅の計算方法を指定 */
  }
}

.footer img.footerimg {
  /* 画像を中央に配置 */
  display: block;
  margin:20px auto 40px;
}

.footer ul.footermenu {
  /* メニュー項目を横並びに表示 */
  display: flex;
  flex-wrap: wrap;
  justify-content: center; /* 中央揃え */
  list-style: none; /* リストスタイルの点をなくす */
  padding: 0 0 40px 0;
}

.footer ul.footermenu li {
  margin: 0 10px; /* 項目間のマージンを設定 */
}

@media (min-width: 750px) {
  /* ブラウザ横幅が750px以上のとき */
  .footer img.footerimg {
    width: 300px; /* 画像の横幅を300pxに設定 */
  }
}

@media (max-width: 749px) {
  /* ブラウザ横幅が750px未満のとき */
  .footer img.footerimg {
    width: 65%; /* 画像の横幅を40%に設定 */
  }
}


/* 親要素にフレックスボックスを適用 */
article.post {
  display: flex;
  align-items: flex-start; /* 子要素を上端に揃える */
  margin: 0 0 5% 0;
}

/* .post-thumbnail のスタイル */
.post-thumbnail {
  flex-basis: 30%; /* 横幅を40%に設定 */
  height: auto; /* 高さを自動調整 */
}

/* .post-thumbnail 内の img のスタイル */
.post-thumbnail img {
  width: 100%; /* 横幅を親要素に合わせて100%に設定 */
  height: auto; /* 高さを自動調整 */
  aspect-ratio: 1 / 1; /* 画像を正方形に保つ */
  object-fit: cover; /* 画像の比率を保ちながら要素の全体を覆うように表示 */
}

/* .post-meta のスタイル */
.post-meta {
  flex-basis: 70%; /* 横幅を60%に設定 */
  padding-left: 20px; /* .post-thumbnail との間隔を設けるために左側にパディングを追加 */
}
.footer {
    margin: 20px 0 0 0;
    width: 100%;
    background-color: #222;
    padding: 20px;
    font-size: 90%;
    box-sizing: border-box;
}
ul.footermenu a {
    color: #fff;
}
div#addtoptext iframe {
    width: 100%;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center; /* ページネーションを中央揃え */
  list-style: none;
  padding: 0;
}

.pagination .page-numbers {
  margin: 0 5px;
  padding: 5px 10px;
  background-color: #F7D1DE; /* メインカラーを薄めた色 */
  color: #333; /* テキストカラー */
  text-decoration: none;
  border-radius: 5px; /* 角を丸く */
  transition: background-color 0.3s ease; /* ホバーエフェクトのためのトランジション */
}

.pagination .page-numbers:hover {
  background-color: #DD3C6E; /* メインカラー */
  color: #ffffff; /* ホバー状態のテキストカラー */
}

.pagination .current, .pagination .dots {
  background-color: transparent; /* 現在のページと点の背景を透明に */
  color: #DD3C6E; /* メインカラー */
}

.pagination .next {
  background-color: #F7D1DE; /* メインカラーを薄めた色 */
  padding: 5px 15px; /* 次へボタンのパディングを少し大きく */
}

.pagination .next:hover {
  background-color: #DD3C6E; /* メインカラー */
  color: #ffffff;
}
.post-meta h2 > a {
    color: #222;
    font-weight: bold;
    font-size: 116%;
    text-decoration: none;
    display: block;
    margin: 2% 0;
    line-height: 1.4;
}
a.post-categories-tag {
    background-color: #F7D1DE;
    color: #222;
    text-decoration: none;
    border-radius: 3px;
    font-size: 85%;
    padding: 3px 10px;
    line-height: 2.2;
}
p.post-exe,.post-meta span.author, .post-meta span.modified-date {
    font-size: 80%;
}
h1.index-title {
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 20px;
}


a.matome-h2a {
color: #222;
text-decoration: none;
}
p.imgsource {
text-align: right;
font-size: 70%;
}.matome-h2a h3 {
text-align: left;
padding: 10px 15px 10px 20px;
font-size: 120%;
font-weight: bold;
border-width: 0 0 0 4px;
border-style: solid;
border-color: #DD3C6E;
margin: 30px 0;
color:#DD3C6E;
}a.matome-h2a h2 {
display: block;
color: #fff;
text-decoration: none;
padding: 3%;
margin: 5% 0;
color: #fff;
font-size: 110%;
font-weight: bold;
background: -moz-linear-gradient(top left, #EC93AF, #DD3C6E);
background: -webkit-linear-gradient(top left, #EC93AF, #DD3C6E);
background: linear-gradient(to bottom right, #EC93AF, #DD3C6E);
}
div.matome-writer a.matome-h2a h2 {
color: #222;
background-color: transparent;
background: transparent;
margin: 0;
padding: 0;
}
div.matome-writer a.matome-h2a {
margin: 2% 0;
display: block;
}.matome-section.matome-exp a.matome-h2a h2 {
color: #222;
background: transparent;
margin: 0;
padding: 0;
}
.matome-section.matome-writer {
border-style: solid;
border-color: #eee;
border-width: 1px;
padding: 5%;
background-repeat: no-repeat;
background-position: 5% 50%;
background-size: 17%;
font-size: 86%;
overflow: hidden;
margin: 0 0 5%;
}
.TopProfileLeft img {
border-radius: 50%;
background-color: #FFFF00;
}
.TopProfileRight,.TopProfileLeft {
display: table-cell;
vertical-align: middle;
}.TopProfileLeft {
width: 20%;
padding: 0 3% 0 0;
}p.WriterName {
font-weight: bold;
margin: 0 0 3%;
}img.LeadtextSakuragi {
width: 18%;
border-radius: 50%;
margin: 0 5% 0% 0;
float: left;
border-color: #FFFF00;
border-style: solid;
border-width: 2px;
background-color: #FFFF00;
}
div.matome-writer a.matome-h2a {
margin: 2% 0;
}
.matome-writer .matomesection-article {
margin: 0;
}
div#lastparts {
background: -moz-linear-gradient(top left, #ffd700, #FF9800);
background: -webkit-linear-gradient(top left, #ffd700, #FF9800);
background: linear-gradient(to bottom right, #ffd700, #FF9800);
margin: 5% 0 0 0;
padding: 2%;
}
.LastProfImg img {
border-radius: 50%;
}
.LastProfImg {
position: relative;
top: 0;
float: right;
width: 33%;
}
div#lastparts a.matome-h2a h2 {
background-color: transparent;
background: transparent;
color: #fff;
margin: 0;
text-align: center;
}div#lastparts .matomesection-article-last {
margin: 2%;
padding: 5%;
background-color: #fff;
}
.thumAmazonPrice {
text-align: right;
}
span.ThumAmazonViewPrice {
font-weight: bold;
color: #D24625;
}
a.shoppingLink {
color: #fff;
text-decoration: none;
display: block;
text-align: center;
padding: 3%;
font-weight: bold;
box-shadow: 2px 2px 0px 0 #efefef;
margin: 0 0 2% 0;
}
a.amazonLink.shoppingLink {
background-color: #FF9900;
}
a.rakutenLink.shoppingLink {
background-color: #B90000;
}
a.yahoosLink.shoppingLink {
background-color: #4070FF;
}
div#index {
  margin: 0 0 5% 0;
  font-size: 95%;
}
.index li {
padding: 1px 0% 1px 6%;
background-image: url(/assets/images/ico_more.png);
background-repeat: no-repeat;
background-position: 2% center;
background-size: 8px 12px;
font-size: 85%;
margin-bottom: 3px;
}
li.miniindex {
background-image: none;
padding: 2px 0% 2px 7%;
}
#index a {
color: #055DB8;
}
img.CategoryImgMain {
width: 100%;
}
.amzon-area-itembox {
width: 100%;
padding: 0 0 2% 0;
}.googlemaps-html iframe {
width: 100%;
height: 300px;
}
.matomesection-html iframe {
width: 100%;
height: auto;
}
.matomelink-text-gotimage {
width: calc(100% - 80px);
float: right;
}
.matomelink-image {
width: 70px;
height: 70px;
overflow: hidden;
float: left;
}
.photoby {
text-align: right;
color: #ccc;
margin: 5% 5% 0% 0;
}
p.editors-title {
font-weight: bold;
margin: 0 0 3% 0;
}
p.editors-text {
margin: 0 0 0 0;
}
.matomelink {
border-width:1px;
border-color: #ddd;
background-color: #ebedef;
border-style:solid;
padding: 4% 10% 4% 4%;
width: 100%;
box-sizing: border-box;
overflow: hidden;
margin: 0 auto 10px;
background-image: url(/assets/images/ico_more.png);
background-repeat: no-repeat;
background-position: 96% center;
background-size: 8px 18px;
overflow: hidden;
margin:5% 0;
}
.matomescreen {
border-color: #ebedef;
background-color: #fff;
}
.matomelink-text {
}
.matomelink-text .matomelink-text-title {
color: #000;
font-weight: bold;
font-size: 0.9em;
line-height: 1.6;
margin: 0 0 3%;
text-decoration: underline;
}
.matomelink-text .matomelink-text-description {
font-size: 10px;
color: #888;
line-height: 1.6;
max-height: 85px;
overflow: hidden;
}
a.matomelinkbox {
text-decoration: none !important;
}
.matomelink-image img {
border-width: 1px;
border-style: solid;
border-color: #ebedef;
height:100%;
max-width:150%;
width:auto;
}p.matomelink-recommend {
font-size: 0.9em;
text-align: center;
font-weight: bold;
}
.matomelink-text .matomelink-url {
font-size:9px;
color:#aaa;
text-decoration:underline !important;
}
p.matomelink-url {
word-break: break-all;
line-height: 1.2;
}
td.SpotData {
word-break: break-all;
}
.spots table {
font-size: 75%;
line-height:1.5;
width: 100%;
margin: 5% 0 0 0;
border: none;
}
#article-contents .spots h3 {
font-size: 100%;
margin: 0;
}
td.Spotcolumn {
width: 25%;
}
.spots td {
border-style: solid;
border-color: #ebedef;
border-width: 0px 0 1px 0;
padding: 1%;
vertical-align: middle;
}
td.SpotLast {
border-width: 0px 0px 0px 0px;
padding-bottom: 7%;
}
td.Spotcolumn {
background-repeat: no-repeat;
background-position: 0% 50%;
background-size: 7%;
padding-left: 3%;
}td.SpotURL a {
color: #fff;
background-color: #D14525;
text-align: center;
display: block;
padding: 5%;
margin: 0 0 3%;
font-weight: bold;
text-decoration: none;
}
div.AmazonView {
border-style: solid;
border-color: #EFEFEF;
border-width: 1px;
width: 100%;
margin: 0 auto 3%;
padding: 3%;
font-size: 80%;
line-height: 1.6;
overflow: hidden;
background-image: url(/assets/images/ico_more.png);
background-repeat: no-repeat;
background-position: 96% center;
background-size: 8px 18px;
max-height: 300px;
}
.AmazonViewImg {
width: 25%;
float: left;
}.AmazonViewDesc {
float: left;
width: 65%;
color: #000;
padding: 0 0 0 2%;
}
span.AmazonViewPrice {
color: #D24625;
font-weight: bold;
text-align: right;
display: block;
padding: 2% 0 0 0;
}span.AmazonViewDate {
color: #ccc;
text-align: right;
display: block;
margin: 0 0 2% 0;
font-size: 65%;
}
span.AmazonViewLink {
color: #FF9900;
font-weight: bold;
text-align: right;
display: block;
padding: 2% 0 0 0;
}span.RakutenViewLink {
color: #BF0000;
}p.AmazonTitle {
max-height: 103px;
overflow: hidden;
}
.main-bg1 {
width: 100%;
min-height: 100%;
position: fixed;
z-index: -1;
height: 120vh!important;
background: rgba(0,0,0,0);
margin-top: -60px;
overflow: hidden;
}
.main-bg2 {
display: block;
transform: scale3d(1.1, 1.1, 1);
height: 120vh!important;
}
.main-bg3 {
display: block;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
opacity: .85;
background-blend-mode: difference;
background-color: #191919;
height: 120vh!important;
}
p#breadcrumbs {
margin: 0 0 3%;
font-size: 76%;
border-color: #eee;
border-style: solid;
border-width: 1px 0;
padding: 3% 0;
}a.morecatelink {
float: right;
margin: 0;
overflow: hidden;
clear: both;
border-style: solid;
border-color: #efefef;
border-width: 1px;
display: block;
padding: 1% 3%;
color: #999;
}
a.gotolink {
border-color: #333;
border-style: solid;
border-width: 1px;
width: 100%;
display: block;
text-align: center;
padding: 2% 10%;
font-weight: bold;
background-image: url(/assets/images/ico_more.png);
background-repeat: no-repeat;
background-position: 96% center;
background-size: 8px 18px;
margin:1% 0;
}
a.gogiftsite {
margin: 3% 0 2%;
padding: 5% 10%;
background-color: #D14525;
color: #fff;
border: none;
}
.adpc {
clear: both;
overflow: hidden;
margin: 10px 0 0 0;
}
.adpc li {
float: left;
width:336px;
}
li.adpc-l {
margin: 0 28px 0 0;
}
.adsp {
display: none;
}
.single-lead.single-minititle a {
color: #055DB8;
}
.single-lead {
    margin: 0 0 5%;
    background-color: #eee;
    padding: 5%;
    border-radius: 2%;
    font-size: 90%;
}
div#page .single-lead {
border: none;
background-color: transparent;
}.matomesection-article {
margin: 3% 0;
}.matomesection-article p {
margin: 0 0 5%;
}
.matomesection-article.matomesection-article-quote {
border-style: solid;
border-color: #ccc;
border-width: 1px;
padding: 7%;
background-image: url(/assets/images/quote.png);
background-repeat: no-repeat;
background-size: 6%;
background-position: 2% 5%;
}
.matomesection-article-quote p {
margin: 0 0 0 0;
}.matome-section.matome-quote {
border-style: solid;
border-width: 1px;
border-color: #ccc;
margin: 0 0 5%;
padding: 7%;
background-image: url(/assets/images/quote.png);
background-repeat: no-repeat;
background-size: 6%;
background-position: 2% 5%;
}.matome-section.matome-quote h2 {
background: none;
color: #222;
margin: 0;
padding: 0;
border-style: solid;
border-width: 1px;
border-color: #ccc;
padding: 2%;
}.matomesection-article-point {
background-image: url(/assets/images/point-kuma.png);
background-repeat: no-repeat;
background-size: 23%;
background-position: 50% 9%;
padding: 32% 5% 0 5%;
border-style: solid;
border-color: #F15A24;
border-width: 1px;
margin: 0;
}.matomesection-article strong {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
div#gowp-related-posts .thumb {
max-height: 200px;
overflow: hidden;
}
.spots h3 {
font-size: 110%;
}
p.photolicense {
margin: 2%;
text-align: right;
font-size: 80%;
line-height: 0;
color: #999;
}
.clara-header-wrap .main-nav .logo img, .clara-header-wrap .main-nav .logo a {
margin-left: 15px;
}
.matome-exp {
background-color: #eee;
padding: 5%;
margin: 5% 0;
}
img.oiwaiImg {
margin: 0 0 3% 0;
}
/*——————–
吹き出し
——————–*/
/* 全体のスタイル */
.kaiwa {
margin-bottom: 25px;
font-size: 95%;
}
/* 左画像 */
.kaiwa-img-left {
margin: 0;
float: left;
width: 60px;
height: 60px;
margin-right: -70px;
}
/* 右画像 */
.kaiwa-img-right {
margin: 0;
float: right;
width: 60px;
height: 60px;
margin-left: -70px;
}
.kaiwa figure img {
width: 100%;
height: 100%;
border: 1px solid #aaa;
border-radius: 50%;
margin: 0;
}
/* 画像の下のテキスト */
.kaiwa-img-description {
padding: 5px 0 0;
font-size: 10px;
text-align: center;
position: relative;
bottom: 15px;
}
/* 左からの吹き出しテキスト */
.kaiwa-text-right {
position: relative;
margin-left: 80px;
padding: 10px;
border-radius: 10px;
background: #eee;
float: left;
}
/* 右からの吹き出しテキスト */
.kaiwa-text-left {
position: relative;
margin-right: 80px;
padding: 10px;
border-radius: 10px;
background-color: #9cd6e7;
float: right;
}
p.kaiwa-text {
margin: 0px;
}
p.kaiwa-text:last-child {
margin-bottom: 0;
}
/* 左の三角形を作る */
.kaiwa-text-right:before {
position: absolute;
content: '';
border: 10px solid transparent;
top: 15px;
left: -20px;
}
.kaiwa-text-right:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-right: 10px solid #eee;
top: 15px;
left: -19px;
}
/* 右の三角形を作る */
.kaiwa-text-left:before {
position: absolute;
content: '';
border: 10px solid transparent;
top: 15px;
right: -20px;
}
.kaiwa-text-left:after {
position: absolute;
content: '';
border: 10px solid transparent;
border-left: 10px solid #9cd6e7;
top: 15px;
right: -19px;
}
/* 回り込み解除 */
.kaiwa:after,.kaiwa:before {
clear: both;
content: "";
display: block;
}
.ImageWikiCommons {
font-size: 80%;
}
.subImageWrap {
width: 100%;
overflow: auto;
}.subImage {
width: 200%;
overflow: auto;
}.subImage p {
float: left;
margin: 0 1% 0 0;
}.subImage > p > img {
width: auto;
height: 70px;
}::-webkit-scrollbar{
width: 10px;
}
::-webkit-scrollbar-track{
background: #fff;
border: none;
border-radius: 10px;
box-shadow: inset 0 0 1px #777; 
}
::-webkit-scrollbar-thumb{
background: #ededed;
border-radius: 10px;
box-shadow: none;
}.classic-post-content-wrap a {
text-decoration: none;
}
div#addtoptext h2 {
font-size: 140%;
line-height: 1.5;
}div#addtoptext iframe {
margin: 5% 0;
}
.AnnyOiwai {
background-color: #ffdddd;
padding: 5%;
margin: 5% 0;
clear: both;
}
.AnnyOiwaiSubTitle {
color: #fff;
background-color: #000;
padding: 2% 8%;
font-weight: bold;
display: inline;
margin: 0 0 2% -7%;
}.AnnyOiwaiTitle {
font-size: 120%;
margin: 3% 0;
font-weight: bold;
}
.AnnyOiwaiBtm {
color: #fff;
text-decoration: none;
background-color: #D14525;
text-align: center;
display: block;
padding: 4%;
font-size: 95%;
font-weight: bold;
margin: 5% 0;
}
a.AnnyOiwaiBtm {
color: #fff;
text-decoration: none;
}
.OiwaiSpecial {
padding: 5%;
background-color: #eee;
}
span.BtmSmall {
font-size: 85%;
}
span.yelloline {
font-weight: bold;
background: linear-gradient(transparent 60%, #ffff66 60%);
}

.ikyuuh_thumb1 {
width: 100%;
aspect-ratio: 4/3;
background-color: #ccc;
background-repeat: no-repeat;
background-size: cover;
background-position-y: center;
background-position-x: center;
}
.ikkyuu_subimg {
overflow: hidden;
width: 100%;
margin: 2% 0;
}
.ikyuuh_thumb2 {
aspect-ratio: 4 / 3;
background-color: #ccc;
background-repeat: no-repeat;
background-size: cover;
background-position-y: center;
background-position-x: center;
width: 49%;
padding: 0 2% 0 0;
float: left;
}
.ikyuuh_thumb3 {
aspect-ratio: 4 / 3;
background-color: #ccc;
background-repeat: no-repeat;
background-size: cover;
background-position-y: center;
background-position-x: center;
width: 49%;
float: right;
}
td.SpotURL a.OnsenIkyulink {
background-color: #1B4678;
}
td.SpotURL a.LinkAnnyv {
background-color: #EC417B;
}
.AmazonDesctiption {
background-color: #eee;
font-size: 85%;
padding: 2%;
}.AmazonDesctiption .thumAmazonPrice {
font-weight: bold;
text-align: right;
color: #E50012;
}
a.yahooLink.shoppingLink {
background-color: #4070FF;
}
.gmapL {
float: left;
width: 10%;
margin: 3% 0 0 0;
}img.gmapImg {
border-radius: 5px;
width: 100%;
}.gmapR {
width: 85%;
float: right;
margin: 0;
}h4.gmapName {
margin: 0;
font-size: 120%;
font-weight: bold;
}td.gmapTdL, td.gmapTdR {
font-size: 85%;
}.article-content a.gmaplink {
color: blue;
text-decoration: underline;
}td.gmapTdL {
font-weight: bold;
width: 27%;
}
.SpotsLead {
background-color: #F1F3F4;
padding: 20px;
}
p.attr, p.attr a {
color: #aaa;
text-align: right;
font-size: 80%;
}.ListComment {
padding: 5% 0;
}.spot li {
display: initial;
background-color: #eee;
padding: 5px 10px;
margin: 0 5px 5px 0;
font-size: 80%;
font-weight: bold;
}.single-page .article-content .spot h2 {
font-size: 150%;
}.next {
font-weight: bold;
text-align: center;
font-size: 110%;
padding: 3% 0;
}
.PageList ul,.PageList li {
margin: 0;
padding: 0;
list-style: none;
}
.PageList a {
color: #333;
}
a.post-page-numbers {
text-decoration: none;
}
.OriginalReview {
background-color: #efefef;
padding: 3%;
border-radius: 10px;
font-size: 90%;
}
p.OriginalReviewer {
text-align: right;
font-weight: bold;
}
.mainimg {
    width: 100%; /* または特定のサイズ、例えば300px */
    height: 0;
    padding-top: 100%; /* アスペクト比 1:1 を保持 */
    position: relative; /* 子要素のimgを絶対位置指定するため */
    border-radius: 5px; /* 角丸の設定 */
    overflow: hidden; /* 角丸を適用するために必要 */
}

/* ブラウザ横幅が750px以上のとき */
@media (min-width: 750px) {
  .mainimg {
      padding-top: 60%; /* アスペクト比 1:1 を保持 */
  }
}

.mainimg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 画像がコンテナに対して最適な形で表示されるようにする */
}
div#single h1 {
    font-size: 130%;
    margin: 0 0 3% 0;
    font-weight: bold;
    line-height: 1.5;
}

div#paging2 .post-page-links .post-page-links {
    text-align: center; /* 中央揃え */
    margin: 20px 0; /* 上下のマージンを設定 */
    padding: 0;
    list-style: none;
}
div#paging2 .post-page-numbers {
    display: inline-block;
    margin: 0 5px; /* 数字の間隔 */
    padding: 5px 10px; /* パディング */
    border: 2px solid #DD3C6E; /* ボーダー */
    color: #DD3C6E; /* テキストカラー */
    text-decoration: none; /* アンダーラインを除去 */
    border-radius: 5px; /* 角丸 */
    transition: all 0.3s ease; /* トランジション効果 */
}

div#paging2 .post-page-numbers.current {
    background-color: #DD3C6E; /* 現在のページの背景色 */
    color: white; /* 現在のページのテキストカラー */
}

div#paging2 .post-page-numbers:hover {
    background-color: #DD3C6E; /* ホバー時の背景色 */
    color: white; /* ホバー時のテキストカラー */
    text-decoration: none; /* ホバー時のアンダーラインを除去 */
}
.post-page-links-n {
    text-align: center;
    padding: 4% 8%;
    margin: 5% 0;
    background-image: url(/assets/images/ico_more.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 8px 18px;
    background-color: #000;
    color: #fff;
    font-weight: bold;
}
div#paging2 {
    text-align: center;
}
#single .post-categories {
    margin: 3% 0;
    width: 60%;
    float: left;    
}
.post-modified_date {
    float: right;
    width: 40%;
    font-size: 80%;
    margin: 3% 0;
    text-align: right; 
    color: #aaa;
}
.post-head {
    clear: both;
    overflow: hidden;
}.post-modified_date p {
    padding: 3px 0;
}
.matomesection-article tr {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #aaa;
}.matomesection-article table {
    width: 100%;
    border-style: solid;
    border-color: #aaa;
    border-width: 0 0 1px 0;
    margin: 5% 0;
}.matomesection-article table p {
    margin: 0;
    padding: 0;
}
.matomesection-article table td {
    padding: 5px;
}
strong {
    font-weight: bold;
}
/* パンくずリストのスタイリング */
nav[aria-label="Breadcrumb"] ol {
    list-style: none; /* リストのスタイルをリセット */
    padding: 0; /* パディングをリセット */
    margin: 5% 0 ; /* 上下のマージンを設定 */
    font-size: 0.9em; /* フォントサイズを少し小さめに設定 */
}

nav[aria-label="Breadcrumb"] li {
    display: inline; /* リストアイテムをインラインで表示 */
    margin-right: 10px; /* アイテム間のマージンを設定 */
}

nav[aria-label="Breadcrumb"] a {
    color: #DD3C6E; /* リンクの色をサイトのメインカラーに設定 */
    text-decoration: none; /* アンダーラインを削除 */
    transition: color 0.3s ease; /* 色の変更にトランジション効果を適用 */
}

nav[aria-label="Breadcrumb"] a:hover {
    color: #BB2C5E; /* ホバー時のリンクの色を少し暗めに設定 */
}

nav[aria-label="Breadcrumb"] li:last-child::after {
    content: none; /* 最後のアイテムの後のスラッシュを削除 */
}

nav[aria-label="Breadcrumb"] li:last-child {
    font-weight: bold; /* 最後のアイテム（現在のページ）を太字で表示 */
}
nav[aria-label="Breadcrumb"] li::after {
    content: " > "; /* アイテムの後に「>」を挿入 */
    margin-left: 5px; /* 矢印の前のマージンを設定 */
    margin-right: 5px; /* 矢印の後のマージンを設定 */
    color: #666; /* 矢印の色を指定 */
}

nav[aria-label="Breadcrumb"] li:last-child::after {
    content: none; /* 最後のアイテムの後の矢印を削除 */
}
div#pnkz {
    border-style: solid;
    border-width: 1px 0;
    border-color: #aaa;
    margin: 3% 0 0 0;
}
.gmap table {
    width: 100%;
}

div#rlps li {
    text-align: left;
    padding: 3% 38px 3% 0;
    margin: 0;
    background-image: url(/assets/images/ico_more.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 8px 18px;
    border-style: solid;
    border-width: 1px 0 0 0;
    border-color: #aaa;
}.related-posts h4 {
    font-weight: bold;
    margin: 5% 0;
}.related-posts {
    margin: 5% 0 0 0;
}
.post-categories {
    line-height: 2;
}


/* 検索フォームのコンテナスタイリング */
.searchform {
    position: relative; /* ボタンの絶対位置指定の基準点となる */
    align-items: center;
    width: 100%;
    margin: 0 0 20px 0;
}

/* 検索入力フィールドのスタイリング */
.searchform input[type="search"] {
    width: 100%;
    border: none;
    border-radius: 10px;
    padding: 10px;
    padding-right: 40px; /* SVGアイコンのスペースを確保 */
}

/* 検索ボタン（SVGを含む）のスタイリング */
.searchform button {
    position: absolute;
    right: 10px; /* 右端からの距離 */
    top: 50%; /* 上端からの距離（中央揃え）*/
    transform: translateY(-50%); /* Y軸に沿って50%移動して中央揃え */
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.searchform svg {
    width: 20px; /* アイコンのサイズ調整 */
    height: 20px;
}
p.spottitle {
    font-weight: bold;
}

.menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 60%;
    height: 100%;
    background-color: white;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 500;
}

.hamburger-menu {
    background: none;
    border: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin: 0 2% 0 0;
}

.hamburger-menu svg {
    fill: #fff; /* アイコンの色 */
}
p.sitename {
    margin-right: auto;
}
.menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 60%;
    height: 100%;
    background-color: #fff; /* メニューの背景色 */
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
    padding: 5%;
    background-color: #222;
}
.menu ul {
    list-style-type: none; /* リストマーカーを非表示に */
    padding: 0;
    border-style: solid;
    border-color: #fff;
    border-width: 1px 0 0 0;
    margin: 10% 0 0 0;
}
.menu ul li {
    padding: 5% 0;
    border-width: 0 0 1px;
    border-color: #fff;
    border-style: solid;
}
.menu ul li a {
    text-decoration: none; /* リンクの下線を消去 */
    color: #fff; /* リンクの色 */
    font-weight: bold; /* フォントを太字に */
    transition: color 0.3s ease; /* ホバー時の色変更のアニメーション */
}
div#page h1 {
    font-size: 160%;
    font-weight: bold;
}
div#page h2 {
    font-size: 130%;
    font-weight: bold;
}
div#page h3 {
    font-size: 110%;
    font-weight: bold;
}
p.rewite {
    font-weight: bold;
    margin: 0 0 3% 0;
    color: #DD3C6E;
}

img.log-auto {
    margin: 0 0 2% 0;
}

.index {
    /* 初期状態では高さを制限 */
    max-height: 96px; /* 2行分の高さ、必要に応じて調整 */
    overflow: hidden;
    position: relative;
}

.index::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%; /* フェードアウトする範囲 */
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}

.index.expanded {
    max-height: none; /* クリック時には高さ制限を解除 */
}

.index.expanded::after {
    /* クリック時にはグラデーションを解除 */
    background: none;
    display: none;
}
div#index h3 {
    font-size: 110%;
    font-weight: bold;
    margin: 0 0 1%;
}


/* ブラウザ横幅が750px以上のとき */
@media (min-width: 750px) {
  form#searchform {
      width: 600px;
      margin: 0 auto 20px;
  }
  .menu img {
      width: 360px;
  }
}




            .article-content-innner {
                padding:2%;
            }.singletop .post-title {
                font-size:22px;
                margin-top:0px;
            }
            .single-page.standard-layout .main .article-content-innner {
                padding: 0;
            }
            #breadcrumbs {
                list-style: none;
                padding: 0;
                margin: 0;
                overflow-x: scroll;
                white-space: nowrap;
                width: 100%;
            }

            #breadcrumbs li {
                display: inline-block;
                padding-right: 10px;
            }

            #breadcrumbs li:after {
                content: ">";
                padding-left: 5px;
            }

            #breadcrumbs li:last-child:after {
                content: "";
            }

            #breadcrumbs::-webkit-scrollbar {
                display: none;
            }
            ul#breadcrumbs a {
                color: #888;
            }ul#breadcrumbs {
                font-size: 90%;
                background-color: #F3F3F3;
                padding: 2%;
            }.restaurant h1 {
                font-size: 22px;
                padding: 2%;
            }.restaurant {
                font-size: 13px;
            }
            .restaurant_discription {
                margin: 3%;
                font-size: 90%;
            }
            .restaurant_head {
                background-color: #F3F3F3;
                padding: 2%;
                color: #B4B4B4;
                clear: both;
                overflow: hidden;
            }
            .restaurant_head_R {
                float: left;
                width: 85%;
            }
             .restaurant_head_R p {
                float: left;
                margin: 0 3px;
                background-color: #B4B4B4;
                color: #fff;
                padding: 1% 4%;
                border-radius: 15px;
            }.restaurant_head_L {
                float: right;
                width: 15%;
                text-align: right;
                padding: 1%;
                font-weight: bold;
            }
            .restaurant_img {
                aspect-ratio: 16/9;
                background-size: cover;
                background-position: center;
            }
            .restaurant_detail_imgB {
                clear: both;
                overflow: hidden;
                margin-top: 0.5%;
            }.restaurant_detail_img2, .restaurant_detail_img3, .restaurant_detail_img4 {
                width: 33%;
                float: left;
            }.restaurant_detail_img2, .restaurant_detail_img3 {
                margin-right: 0.5%;
            }
            .restaurant_detail {
                border-style: solid;
                border-width: 0 0 20px 0;
                border-color: #F3F3F3;
            }.restaurant_detail_L {
                float: right;
                width: 20%;
                text-align: right;
            }.restaurant_detail_R {
                float: left;
                width: 80%;
            }.restaurant_detail_head {
                padding: 3%;
                clear: both;
                overflow: hidden;
            }.restaurant_detail_tag p {
                float: left;
                background-color: #222;
                color: #fff;
                padding: 2px 10px;
                font-size: 80%;
                margin-right: 5px;
                margin-bottom: 5px;
            }.restaurant_detail_tag {
                clear: both;
                overflow: hidden;
            }.address {
                font-size: 80%;
                color: #bbb;    
            }.restaurant_detail h2 {
                font-size: 18px;
                margin: 5px 0;
            }.restaurant_detail_L a {
                color: #fff;
                background-color: #D73363;
                text-decoration: none;
                width: 100%;
                display: block;
                text-align: center;
                padding: 10%;
                border-radius: 10px;
                border-width: 0 2px 2px 0;
                border-style: solid;
                border-color: #bbb;
                font-weight: bold;
            }p.netplan {
                background-color: #DAA520;
            }.restaurant_detail {
                border-style: solid;
                border-width: 0 0 20px 0;
                border-color: #F3F3F3;
                padding-bottom: 10px;
            }p.restaurant_photoby {
                font-size: 80%;
                color: #bbb;
                text-align: right;
            }.restaurant_detail table {
                font-size: 12px;
                width: 96%;
                margin: 2%;
            }
            .ressrant_comment {
                position: relative;
                margin: 2% 2% 2% 20px;
                padding: 15px;
                background: #F3F3F3;
                border-radius: 10px;
                color: #555;
                font-size: 12px;
            }

            .ressrant_comment::before {
                content: "";
                position: absolute;
                top: 65%;
                left: -21px;
                margin-top: -6px;
                border: 4px solid transparent;
                border-right: 17px solid #F3F3F3;
            }img.restaurant_thum {
                width: 100%;
            }td.Spotcolumn.SpotName {
                font-weight: bold;
            }.ressrant_comment h3 {
                font-size:12px;
            }span.facilitie {
                margin: 5px 5px 5px 0;
                padding: 1px;
            }p.Annotation {
                text-align: right;
                color: #ccc;
            }
            .fcolor1 { background-color: #FFEBEE; /* Light Red */ }
            .fcolor2 { background-color: #FFCDD2; /* Light Pink */ }
            .fcolor3 { background-color: #F8BBD0; /* Light Purple */ }
            .fcolor4 { background-color: #E1BEE7; /* Light Violet */ }
            .fcolor5 { background-color: #D1C4E9; /* Light Indigo */ }
            .fcolor6 { background-color: #C5CAE9; /* Light Blue */ }
            .fcolor7 { background-color: #B3E5FC; /* Light Cyan */ }
            .fcolor8 { background-color: #B2EBF2; /* Light Teal */ }
            .fcolor9 { background-color: #B2DFDB; /* Light Green */ }
            .fcolor10 { background-color: #C8E6C9; /* Light Lime */ }

            @media (min-width: 768px) {

                ul#breadcrumbs {
                    background-color: #fff;
                    padding: 2% 2% 2% 0;
                }
                .restaurant_detail {
                    border-width: 0 0 1px 0;
                    border-color: #aaa;
                }
                .restaurant_detail_head {
                    padding: 3% 0;
                }

            }
            a.gotolinkR {
                border-color: #333;
                border-style: solid;
                border-width: 1px;
                width: 94%;
                display: block;
                text-align: center;
                padding: 2% 10%;
                font-weight: bold;
                background-image: url(/assets/images/ico_more.png);
                background-repeat: no-repeat;
                background-position: 96% center;
                background-size: 8px 18px;
                margin: 1% 3%;
                color: #fff;
                background-color: #D73363;
                text-decoration: none;
                border: none;
                border-radius: 7px;
            }