@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */

.article h3{
	padding: 10px 10px;
}

/* 画像リンクマウスオーバー時に透明度を上げる */
a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}


/* CSSボタン（丸角ピンクグラデーション） */
.buttonpink {
	position: relative;
	border-radius: 5px;
        font-size: 125%;
	color: #fff;
	line-height: 50px;
	width:80%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0px 1px 0px #f56778;
	text-align: center;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 50px;
}

.buttonpink a{
	color: #fff;
        text-decoration: none;
	text-shadow: 0px 1px 0px #f56778;
}

.buttonpink,
.buttonpink:hover {
	border-bottom: 4px solid #cb5462;
	background-color: #f56778;
	background-image: -webkit-linear-gradient(top, #f997b0, #f56778);
	background-image: linear-gradient(to bottom, #f997b0, #f56778);
	box-shadow: inset 1px 1px 0 #fbc1d0;
}
.buttonpink::before,
.buttonpink::after {
	bottom: -1px;
	left: -1px;
	width: 200px;
	height: 50px;
	border: 1px solid #ee8090;
	border-bottom: 1px solid #b84d5a;
	border-radius: 4px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: none;
	transition: none;
}
.buttonpink::before {
	height: 48px;
	bottom: -4px;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 1px 1px 0px #bfbfbf;
}
.buttonpink:hover {
	background: #f56778;
	background-image: -webkit-linear-gradient(top, #f56778, #f997b0);
	background-image: linear-gradient(to bottom, #f56778, #f997b0);
	color: #913944;
	text-shadow: 0px 1px 0px #f9a0ad;
}
.buttonpink:active {
	bottom: -4px;
	margin-bottom: 4px;
	border: none;
	box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, .3);
}
.buttonpink:active::before,
.buttonpink:active::after {
	border: none;
	box-shadow: none;
}

/* balloon common */                /* ■■■ 吹き出しの共通設定です。■■■ */

/* pc */
@media screen and (min-width: 961px) {

div.ico-bln-wrapper {               /* 吹き出しの領域です。 */
    width: 650px;                   /* 吹き出し領域の幅です。 */
    margin: 15px auto;              /* 上下に 15px 距離をとり、左右位置を中心にします。 */
}

}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {

div.ico-bln-wrapper {               /* 吹き出しの領域です。 */
    width: 600px;                   /* 吹き出し領域の幅です。 */
    margin: 15px auto;              /* 上下に 15px 距離をとり、左右位置を中心にします。 */
}

}

/* smartPhone */
@media screen and (max-width: 640px) {

div.ico-bln-wrapper {               /* 吹き出しの領域です。 */
    width: 300px;                   /* 吹き出し領域の幅です。 */
    margin: 15px auto;              /* 上下に 15px 距離をとり、左右位置を中心にします。 */
}

}

div.ico-bln-wrapper::after {        /* clearfix で wrapper 内で使用された float を解除します。 */
    clear: both;
    content: "";
    display: block;
    line-height: 0;
}
img.ico-bln-left,
img.ico-bln-right {                 /* アイコンです。 */
    clear: both;                    /* 前の吹き出しの float を解除します。 */
    margin-top:    15px;            /* 吹き出し同士の距離と位置合わせします。 */
    margin-bottom: 15px;            /* 吹き出し同士の距離と位置合わせします。 */
}
p.ico-bln-left,
p.ico-bln-right {                   /* 吹き出しの本体です。 */
    position: relative;             /* 三角部分の原点になるよう position を指定します。 */
    min-width: 10%;                 /* 最小幅を指定します。 */
    max-width: 60%;                 /* 最大幅を指定します。 */
    font-size: 12px;
    margin: 15px 0;                 /* 吹き出し同士の距離を設定します。 */
    padding: 8px;                  /* 吹き出し枠とテキストの隙間です。 */
    border-radius: 10px;            /* 角を丸めます。 */
}
p.ico-bln-left::before,
p.ico-bln-right::before {           /* 吹き出しの三角部分です。 */
    content: "";                    /* ::before を表示するのに必要です。 */
    display: block;                 /* div などと同様の要素にします。 */
    position: absolute;             /* 親要素に対して絶対位置を指定します。 */
    top: 10px;                      /* 親要素の上から 12px 下げます。 */
    width: 0;                       /* border で三角を作るハックです。 */
    height: 0;                      /* border で三角を作るハックです。 */
    border: 12px solid transparent; /* 三角の基本設定をします。 */
}
/* balloon left */                  /* ■■■左の吹き出しの設定です。■■■ */
img.ico-bln-left {                  /* アイコンです。 */
    float: left;                    /* 左に寄せます。 */
    margin-right: 10px;             /* 本体の設定上、本体がアイコンに食い込むので margin を設定します。 */
}
p.ico-bln-left {                    /* 吹き出しの本体です。 */
    float: left;                    /* 左に寄せます。 */
    background-color: #8d8;         /* 背景色を設定します。 */
}
p.ico-bln-left::before {            /* 吹き出しの三角部分です。 */
    left: -22px;                    /* 原点から左に 27px はみ出します。 */
    border-right: 12px solid #8d8;  /* border で三角を作るハックです。 */
}
/* balloon right */                 /* ■■■右の吹き出しの設定です。■■■ */
img.ico-bln-right {
    float: right;
    margin-left: 10px;
}
p.ico-bln-right {
    float: right;
    background-color: #aad;
}
p.ico-bln-right::before {
    right: -22px;
    border-left: 12px solid #aad;
}

/* ぷるるんボタン　*/
.animate69,.a-option69,.a-btnsub69 {-webkit-animation-timing-function: ease-in;-moz-animation-timing-function: ease-in;-o-animation-timing-function: ease-in;animation-timing-function: ease-in;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite;}a.a-btn {position:relative;display:inline-block;margin:auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}a.a-btn img {display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}img.a-option {z-index: 55;position: absolute;}img.a-main {width:100%;position:relative;z-index: 54;}a.shover:hover * {animation-name:none!important;}@-moz-keyframes animate69 {0%{ -moz-transform: skewX(9deg);}10%{ -moz-transform: skewX(-8deg);}20%{ -moz-transform: skewX(7deg);}30%{ -moz-transform: skewX(-6deg);}40%{ -moz-transform: skewX(5deg);}50%{ -moz-transform: skewX(-4deg);}60%{ -moz-transform: skewX(3deg);}70%{ -moz-transform: skewX(-2deg);}80%{ -moz-transform: skewX(1deg);}90%{ -moz-transform: skewX(0deg);}100%{ -moz-transform: skewX(0deg);}}@-o-keyframes animate69 {0%{ -o-transform: skewX(9deg);}10%{ -o-transform: skewX(-8deg);}20%{ -o-transform: skewX(7deg);}30%{ -o-transform: skewX(-6deg);}40%{ -o-transform: skewX(5deg);}50%{ -o-transform: skewX(-4deg);}60%{ -o-transform: skewX(3deg);}70%{ -o-transform: skewX(-2deg);}80%{ -o-transform: skewX(1deg);}90%{ -o-transform: skewX(0deg);}100%{ -o-transform: skewX(0deg);}}@-webkit-keyframes animate69 {0%{ -webkit-transform: skewX(9deg);}10%{ -webkit-transform: skewX(-8deg);}20%{ -webkit-transform: skewX(7deg);}30%{ -webkit-transform: skewX(-6deg);}40%{ -webkit-transform: skewX(5deg);}50%{ -webkit-transform: skewX(-4deg);}60%{ -webkit-transform: skewX(3deg);}70%{ -webkit-transform: skewX(-2deg);}80%{ -webkit-transform: skewX(1deg);}90%{ -webkit-transform: skewX(0deg);}100%{ -webkit-transform: skewX(0deg);}}@keyframes animate69 {0%{ transform: skewX(9deg);}10%{ transform: skewX(-8deg);}20%{ transform: skewX(7deg);}30%{ transform: skewX(-6deg);}40%{ transform: skewX(5deg);}50%{ transform: skewX(-4deg);}60%{ transform: skewX(3deg);}70%{ transform: skewX(-2deg);}80%{ transform: skewX(1deg);}90%{ transform: skewX(0deg);}100%{ transform: skewX(0deg);}}.animate69{-webkit-animation-name: animate69;-moz-animation-name: animate69;-o-animation-name: animate69;animation-name: animate69;}@-moz-keyframes option69 {0%{ -moz-transform: translateX(0);}20%{ -moz-transform: translateX(9%);}50%{ -moz-transform: translateX(5%); }60%{ -moz-transform: translateX(13%);}90%{ -moz-transform: translateX(0);}100%{ -moz-transform: translateX(0);}}@-o-keyframes option69 {0%{ -o-transform: translateX(0);}20%{ -o-transform: translateX(9%);}50%{ -o-transform: translateX(5%); }60%{ -o-transform: translateX(13%);}90%{ -o-transform: translateX(0);}100%{ -o-transform: translateX(0);}}@-webkit-keyframes option69 {0%{ -webkit-transform: translateX(0);}20%{ -webkit-transform: translateX(9%);}50%{ -webkit-transform: translateX(5%); }60%{ -webkit-transform: translateX(13%);}90%{ -webkit-transform: translateX(0);}100%{ -webkit-transform: translateX(0);}}@keyframes option69 {0%{ transform: translateX(0);}20%{ transform: translateX(9%);}50%{ transform: translateX(5%); }60%{ transform: translateX(13%);}90%{ transform: translateX(0);}100%{ transform: translateX(0);}}.a-option69{-webkit-animation-name: option69;-moz-animation-name: option69;-o-animation-name: option69;animation-name: option69;}img.a-option69 {left:0;top:18%;}.a-btn69{padding-left:11%!important;}.a-option69{top:0%!important;}.a-option69{width:18%!important;}.a-btn69{max-width:50%!important;}.animate69,.a-btnsub69,.a-option69{animation-duration:1s!important;-webkit-animation-duration:1s;-ms-animation-duration:1s;-moz-animation-duration:1s!important;}

/* どっくんボタン */
.animate73,.a-option73,.a-btnsub73 {-webkit-animation-timing-function: ease-in;-moz-animation-timing-function: ease-in;-o-animation-timing-function: ease-in;animation-timing-function: ease-in;-moz-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;animation-iteration-count: infinite;}a.a-btn {position:relative;display:inline-block;margin:auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}a.a-btn img {display: block;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}img.a-main {width:100%;position:relative;z-index: 54;}a.shover:hover * {animation-name:none!important;}@-moz-keyframes animate73 {0%{ -moz-transform:scale(0.92);}40%{ -moz-transform:scale(0.97);}60%{ -moz-transform:scale(0.86);}80%{ -moz-transform:scale(1);}100%{ -moz-transform:scale(0.92);}}@-o-keyframes animate73 {0%{ -o-transform:scale(0.92);}40%{ -o-transform:scale(0.97);}60%{ -o-transform:scale(0.86);}80%{ -o-transform:scale(1);}100%{ -o-transform:scale(0.92);}}@-webkit-keyframes animate73 {0%{ -webkit-transform:scale(0.92);}40%{ -webkit-transform:scale(0.97);}60%{ -webkit-transform:scale(0.86);}80%{ -webkit-transform:scale(1);}100%{ -webkit-transform:scale(0.92);}}@keyframes animate73 {0%{ transform:scale(0.92);}40%{ transform:scale(0.97);}60%{ transform:scale(0.86);}80%{ transform:scale(1);}100%{ transform:scale(0.92);}}.animate73{-webkit-animation-name: animate73;-moz-animation-name: animate73;-o-animation-name: animate73;animation-name: animate73;}.a-btn73{padding-left:0%!important;}.a-option73{top:0%!important;}.a-option73{width:20%!important;}.a-btn73{max-width:100%!important;}.animate73,.a-btnsub73,.a-option73{animation-duration:1s!important;-webkit-animation-duration:1s;-ms-animation-duration:1s;-moz-animation-duration:1s!important;}

/* th,tdの行間 */
th,td{
 line-height: 120% !important;
}

/* 見出し背景色変更用 */

/* 青トップタイトル */
.bluetop {
  background: #3cb3e4;
  margin: 0px 0px 30px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
  font-size: 175%;
}

/* 青 */
.blue {
  background: #3cb3e4;
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
  font-size: 175%;
}

/* 薄い青トップタイトル */
.usuibluetop {
  background: #d5e4ff;
  margin: 0px 0px 30px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #000;
  font-size: 175%;
}

/* 薄い青 */
.usuiblue {
  background: #d5e4ff;
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #000;
  font-size: 175%;
}


/* ピンクトップタイトル */
.pinktop {
  background: #ff3366;
  margin: 0px 0px 30px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
  font-size: 175%;
}

/* ピンク */
.pink {
  background: #ff3366;
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
  font-size: 175%;
}

/* 緑トップタイトル */
.greentop {
  background: #5ae628;
  margin: 0px 0px 30px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
  font-size: 175%;
}

/* 緑 */
.green {
  background: #5ae628;
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #333;
  font-size: 175%;
}

/* 黒トップタイトル */
.blacktop {
  background: #000000;
  margin: 0px 0px 30px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #333;
  font-size: 175%;
}

/* 黒 */
.black {
  background: #000000;
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
  font-size: 175%;
}

/* グレートップタイトル */
.graytop {
  background: #dddddd;
  margin: 0px 0px 30px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #000;
  font-size: 175%;
}

/* グレー */
.gray {
  background: #dddddd;
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #000;
  font-size: 175%;
}

/* オレンジ */
.orange {
  background: #ff4500;
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
  font-size: 175%;
}

/* 赤 */
.red1 {
  background: #dd2c2c;
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
  font-size: 175%;
}

/* ゴールド */
.gold {
  background: #FFD700;
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #000;
  font-size: 175%;
}

/* LimeGreen */
.limegreen {
  background: #32CD32;
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #000;
  font-size: 175%;
}

/* Coral */
.coral {
  background: #FF7F50;
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #000;
  font-size: 175%;
}

/* DarkOrange */
.darkorange {
  background: #FF8C00;
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
  font-size: 175%;
}

.bluegreen {
  background-color: #00B8BE; 
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
  font-size: 175%;
}

.nabyblue {
  background-color: #153B5E; 
  margin: 30px 0px 25px 0px;
  padding: 20px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
  font-size: 175%;
}


/* 枠　*/
.waku001 {
    padding: 0px;
    background: #fff;
    border: 4px #66cdaa solid;
    position: relative;
    z-index: 10;
}
 
.waku001:before {
    content: "";
    position: absolute;
    background: #fff;
    margin: 3px;
    border: 2px #7accb0 solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

/* POINTオレンジ枠 */
.point-box {
    border: 2px solid #da4033;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em;
    position: relative;
}
.point-box::before {
    background-color: #fff;
    color: #da4033;
    content: "POINT";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

/* Author枠 */
.author01 {
    background-color: #8d1e47;
    border-radius: 0px;
    box-shadow: 0 0 0 4px #8d1e47;
    color: #fff;
    text-align: right;
    margin: 0 0;
    padding: 0 10px 0 10px;
}

.author01 img {
vertical-align: middle;
}

.author02 {
    background-color: #eee;
	font-size: 75%;
    border-radius: 0px;
    box-shadow: 0 0 0 0px #777777;
    color: #777;
    text-align: right;
    margin: 0 0;
    padding: 0 10px 0 10px;
}

.author02 img {
vertical-align: middle;
}

.author03 {
    background-color: #777777;
    border-radius: 0px;
    box-shadow: 0 0 0 0px #777777;
    color: #fff;
    text-align: center;
    margin: 0 0;
    padding: 0 10px 0 10px;
}

.author03 img {
vertical-align: middle;
}

.author04 {
    background-color: #777777;
    border-radius: 0px;
    box-shadow: 0 0 0 0px #777777;
    color: #fff;
    text-align: left;
    margin: 0 0;
    padding: 0 10px 0 10px;
}

.author04 img {
vertical-align: middle;
}


.syutten {
    color: #777777;
    font-size: 8px;
    text-align: right;
}

  .area { margin-bottom: 20px; }
  /* details 本体 */
  .accordion {
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
  }
  /* 見出し */
  .accordion > summary {
    list-style: none;       /* 既定の三角を消す */
    cursor: pointer;
    padding: 14px 16px;
    font-size: 18px;
    font-weight: 700;
    background: #f7f9fb;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* 独自アイコン */
  .accordion > summary::after {
    content: "＋";
    font-weight: 700;
    transition: transform .15s ease;
  }
  .accordion[open] > summary::after { content: "－"; }

  /* 内容部 */
  .accordion-content {
    padding: 14px 16px 18px;
    border-top: 1px solid #e6e6e6;
  }

  /* 既存のカードレイアウトを流用 */
.shop-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 0px; /* エリアタイトルとの距離を最小限に */
}

.shop-card {
  flex: 0 0 calc(33.333% - 24px);
  max-width: calc(33.333% - 24px);
  box-sizing: border-box;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #fff;
  padding: 6px 14px 10px;  /* ← 上だけ小さく (旧: 10px 14px) */
  font-size: 14px;
  line-height: 1.4;
  margin: 8px 12px 0 0;
}

.shop-head h3 {
  margin-top: 6px;  /* ← デフォルトのh3余白を打ち消す */
  font-size: 16px;
  margin-bottom: 6px;
}

/* 各行の右端だけmarginを消して整列 */
.shop-card:nth-child(3n) {
  margin-right: 0;
}
  .shop-card:hover{ transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.08); }
.shop-head h3 {
  font-size: 16px;      /* 店名を少し控えめに */
  margin-bottom: 6px;
}
  .shop-name{ font-size:18px; margin:0; }
.shop-addr {
  font-size: 13px;
  color: #555;
  margin-bottom: 8px;
}
  .shop-actions{ display:flex; gap:10px; }
  .btn-reserve, .btn-ghost,.btn-reserve-silver{
    flex:1 1 auto; text-align:center; padding:12px 10px; border-radius:8px;
    font-weight:700; text-decoration:none; line-height:1;
  }
  .btn-reserve{ background: linear-gradient(to bottom, #d6b86c, #a7863a);color: #fff; border: 1px solid #9b7c35; }
  .btn-reserve:hover{ opacity: 0.9; color: #ddd;}
  .btn-reserve-silver{ background: linear-gradient(180deg, #d8d8d8 0%, #cfcfcf 100%); color: #333; border: 1px solid #555555; }
  .btn-reserve-silver:hover{ opacity: 0.9; color: #777;}
  .btn-ghost{ background:#fff; color:#0b66c3; border:1px solid #cfe4fb; }
  .btn-ghost:hover{ border-color:#0b66c3; }
  @media (max-width:480px){ .shop-actions{ flex-direction:column; } }
/* タブレット対応 */
@media (max-width: 1024px) {
  .shop-card {
    flex: 0 0 calc(50% - 24px);
    max-width: calc(50% - 24px);
  }
}
/* スマホ対応 */
@media (max-width: 600px) {
  .shop-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.gold-button {
  display: inline-block;
  background: linear-gradient(to bottom, #d1b264, #b8943c); /* 金色グラデ */
  color: #fff;
  font-weight: bold;
  padding: 14px 32px;
  margin-top:18px;
  margin-bottom:24px;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 3px 6px rgba(0,0,0,0.12);
}

.gold-button:hover {
  background: linear-gradient(to bottom, #e3c976, #cfa943);
  color: #ddd;
  transform: translateY(-2px);
}

.silver-button {
  display: inline-block;
  background: linear-gradient(180deg, #d8d8d8 0%, #cfcfcf 100%); /* 銀色グラデ */
  color: #111;
  font-size: 1.15em;
  font-weight: 500;
  letter-spacing:0.03em;
  padding: 14px 32px;
  margin-top:5px;
  margin-bottom: 10px;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.silver-button:hover {
  background: linear-gradient(to bottom, #ededed, #d4d4d4);
  color: #666;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

/* 固定記事右上のPRのスタイル　ここから */
.pr-top-wrap {
  width: 100%;
  text-align: right;
  margin: 0 0 8px 0;
  line-height: 1;
}

.pr-top-badge {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fafafa;
  color: #8a8f98;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.4;
}
/* 固定記事右上のPRのスタイル　ここまで */