@charset "UTF-8";
/*
 * 既存記事（SANGO 子テーマ期）の表示を維持するためのCSS。
 * 出典: https://orekoko.site/wp-content/themes/sango-theme-child/style.css
 * 取得日: 2026-09-08 / 内容は無改変。--sgb-main-color は style.css で定義。
 */



/*****

 common

****/
img.center {
  display: block;
  margin: 0 auto !important;
}

img.image-border {
  border: solid 2px #bfbfbf;
}

img.shadow {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}

.columns {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width:980px) {
  .container.columns {
    display: block;
  }
}

.columns.align-center {
  align-items: center;
}

.colum2 {
  width: 48%;
  margin: 0 4% 0 0;
}

.colum2:last-child {
  margin: 0;
}



/*****

 標準デザインカスタム

****/
.entry-content h2:not(.sgb-heading) {
  padding: .8em 1em;
  position: relative;
  background: #f9f9f9;
}

.entry-content h2:not(.sgb-heading)::before,
.entry-content h2:not(.sgb-heading)::after {
  content: "";
  position: absolute;
}

.entry-content h2:not(.sgb-heading)::before {
  top: 0;
  left: 0;
  border-bottom: 2.3em solid transparent;
  border-left: 1.2em solid #44baed;
}

.entry-content h2:not(.sgb-heading)::after {
  bottom: 0;
  right: 0;
  border-top: 2.3em solid transparent;
  border-right: 1.2em solid #44baed;
}

.entry-content h2.heading-m::before {
  border-left-color: #e85f8f;
}

.entry-content h2.heading-m::after {
  border-right-color: #e85f8f;
}

.entry-content h2.heading-b::before {
  border-left-color: #cd68cb;
}

.entry-content h2.heading-b::after {
  border-right-color: #cd68cb;
}

.entry-content h2.heading-j::before {
  border-left-color: #f29e20;
}

.entry-content h2.heading-j::after {
  border-right-color: #f29e20;
}

.entry-content h2.heading-a::before {
  border-left-color: #f699b7;
}

.entry-content h2.heading-a::after {
  border-right-color: #f699b7;
}

.entry-content h2.heading-t::before {
  border-left-color: #7c82cf;
}

.entry-content h2.heading-t::after {
  border-right-color: #7c82cf;
}

.entry-content h2.heading-o::before {
  border-left-color: #5bbb81;
}

.entry-content h2.heading-o::after {
  border-right-color: #5bbb81;
}

.entry-content h2.heading-r::before {
  border-left-color: #c55454;
}

.entry-content h2.heading-r::after {
  border-right-color: #c55454;
}

/* トップページランキング */
#sgb-css-id-9 {
  width: 65%;
  margin: 0 auto 24px;
}

@media screen and (max-width:980px) {
  #sgb-css-id-9 {
    width: 100%;
  }
}

#sgb-css-id-9 .c_linkto.longc_linkto {
  margin: 0;
  padding: 14px 0px 22px;
  position: relative;
  box-shadow: none;
  border-radius: 0;
}

#sgb-css-id-9 .c_linkto.longc_linkto::after {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image:
    repeating-linear-gradient(45deg, var(--sgb-main-color) 0px, var(--sgb-main-color) 1px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%),
    repeating-linear-gradient(135deg, var(--sgb-main-color) 0px, var(--sgb-main-color) 1px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
  background-size: 8px 8px;
}

#sgb-css-id-9 .longc_img {
  width: 46%;
}





/*****

 セットリスト

****/
.setlist-wrap {
  margin: 1.5em 0 3.5em;
  padding: 25px 12px 12px;
  background: #ddd;
}

@media screen and (max-width:480px) {
  .setlist-wrap {
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}

.setlist-wrap.h {
  background: #0075c2;
}

.setlist-wrap.m {
  background: #e85f8f;
}

.setlist-wrap.a {
  background: #f699b7;
}

.setlist-wrap.j {
  background: #f29e20;
}

.setlist-wrap.t {
  background: #7c82cf;
}

.setlist-wrap.b {
  background: #cd68cb;
}

.setlist-wrap.o {
  background: #5bbb81;
}

.setlist-wrap.r {
  background: #c55454;
}

h3.setlist-head {
  margin: 0;
  padding: 0;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  border-left: none;
}

@media screen and (max-width:980px) {
  h3.setlist-head {
    font-size: 25px;
  }
}

h3.setlist-head div {
  display: block;
  margin: 0 0 2px;
  font-size: 16px;
}

@media screen and (max-width:980px) {
  h3.setlist-head div {
    font-size: 14px;
  }
}

.setlist-content {
  margin: 14px 0 0;
  padding: 12px 20px 6px;
  background: #fff;
  box-shadow: 10px 15px 22px -5px rgba(0, 0, 0, 0.2), 0 0 2px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

@media screen and (max-width:980px) {
  .setlist-content {
    padding: 12px 15px 6px;
  }
}

ol.setlist {
  margin: 0;
  list-style: none;
  counter-reset: number;
}

.setlist>li {
  padding: 18px 0 18px 2.8em;
  position: relative;
  border-bottom: 2px dashed #ececec;
}

.setlist>li:last-child {
  border-bottom: none;
}

@media screen and (max-width:980px) {
  .setlist>li {
    padding: 16px 0 16px 2.6em;
  }
}

.setlist>li::before {
  content: counter(number);
  counter-increment: number;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 14px;
  left: 0;
  background: var(--sgb-main-color);
  border-radius: 50%;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  letter-spacing: -0.04em;
}

@media screen and (max-width:980px) {
  .setlist>li::before {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
}

.setlist h4,
.setlist p {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width:980px) {

  .setlist h4,
  .setlist p {
    font-size: 16px;
  }
}

ol.setlist>li ul {
  list-style: none;
  margin: 16px 0 0;
  padding: 0 0 0 20px;
}

.setlist>li ul li {
  padding: 18px 0;
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.setlist>li ul li:last-child {
  padding-bottom: 0;
}

@media screen and (max-width:980px) {
  .setlist>li ul li {
    font-size: 16px;
  }
}

.setlist>li ul li::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 25px;
  left: -20px;
  background: var(--sgb-main-color);
  border-radius: 50%;
}

.setlist>li ul li::after {
  content: "";
  display: block;
  width: calc(100% + 20px);
  height: 1px;
  position: absolute;
  top: 0;
  left: -20px;
  background: #ececec;
}

.setlist .col {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.setlist .col .pt,
.setlist .col .wr {
  width: 100%;
  margin-bottom: 18px;
  padding-bottom: 18px;
  position: relative;
  border-bottom: 1px solid #ececec;
}

.setlist .col .pt:last-child,
.setlist .col .wr:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.setlist .col .pt::before {
  content: "";
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 22px;
  margin: 0 0 4px;
  background: #e2f5fd;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width:980px) {
  .setlist .col .pt::before {
    width: 72px;
    height: 20px;
    font-size: 12px;
  }
}

.setlist .col .pt1::before {
  content: "Aパターン";
}

.setlist .col .pt2::before {
  content: "Bパターン";
}

p.wr-h {
  margin: 0 0 -22px;
  padding: 10px;
  background: #e2f5fd;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
}

p.wr-t {
  padding: 0 0 0 14px;
  position: relative;
  font-size: 15px;
  color: var(--sgb-main-color);
}

p.wr-t::before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 5px;
  left: 0;
  background: var(--sgb-main-color);
  border-radius: 50%;
  border: solid 2px #e2f5fd;
}

.setlist a.vp-a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  color: #252525;
  text-decoration: none;
}

.setlist a.vp-a::after {
  content: "";
  display: block;
  width: 36px;
  height: 26px;
  background: url(https://orekoko.site/wp-content/uploads/2025/05/p_button.svg);
  background-size: contain;
  border-radius: 6px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
  position: relative;
}

.setlist-play {
  width: 38px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 6px;
  border: 1px solid #f2f2f2;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}

@media screen and (max-width:980px) {
  .setlist-play {
    width: 32px;
    height: 25px;
  }
}

.setlist-play a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 0;
}

.setlist-play a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  border-style: solid;
  border-color: transparent transparent transparent var(--sgb-main-color);
  border-width: 6px 0 6px 10px;
}

@media screen and (max-width:980px) {
  .setlist-play a::after {
    border-width: 5px 0 5px 8px;
  }
}

.vp-flex {
  margin: 0 10px;
}

.YouTubePopUp-Close {
  top: auto;
  left: auto;
  bottom: -50px;
  right: 5px;
}

.YouTubePopUp-Close:before {
  font-size: 34px;
}

.singers {
  margin: 2px 0 -5px;
}

.singers::before {
  content: "メンバー：";
  font-size: 12px;
}

.singers div {
  display: inline-block;
  margin: 0 2px 5px 0;
  padding: 6px 8px;
  background: #eee;
  border-radius: 5px;
  font-size: 13px;
  line-height: 1;
}

@media screen and (max-width:980px) {
  .singers div {
    font-size: 12px;
  }
}

.singers .s-h {
  background: #0075c2;
  color: #fff;
}

.singers .s-m {
  background: #e85f8f;
  color: #fff;
}

.singers div {
  position: relative;
}

.singers .s-a {
  background: #f699b7;
  color: #fff;
}

.singers .s-j {
  background: #f29e20;
  color: #fff;
}

.singers .s-t {
  background: #7c82cf;
  color: #fff;
}

.singers .s-b {
  background: #cd68cb;
  color: #fff;
}

.singers .s-o {
  background: #5bbb81;
  color: #fff;
}

.singers .s-r {
  background: #c55454;
  color: #fff;
}

.w-s {
  display: block;
  margin: -2px 0 0;
  font-size: 14px;
  font-weight: 400;
  color: #777;
}

/*---------------  色 ---------------*/
:root {
  /* 黄緑 */
  --yg: #d5e400;
  /* ミディアムブルー */
  --mb: #1e79bb;
  /* ロイヤルブルー */
  --rb: #0a60c5;
  /* シーブルー */
  --sb: #87cbf7;
  /* アクアブルー */
  --ab: #92d6dd;
  /* ラベンダー 　*/
  --la: #cfb1e6;
  /* パープル */
  --pp: #9b68a9;
  /* ライトパープル */
  --rp: #c9a2d4;
  /* ピンク */
  --pi: #eb6e9f;
  /* ホットピンク　 */
  --hpi: #ec1b93;
  /* ライトピンク　 */
  --rpi: #eb96c6;
  /* オレンジ */
  --or: #f08300;
  /* ゴールドイエロー */
  --gy: #f8b856;
  /* デイジー */
  --ds: #ffdd00;
  /* グリーン */
  --gr: #0ba464;
  /* ブライトグリーン */
  --bg: #5ce004;
  /* ミントグリーン */
  --mg: #3be3af;
  /* ライトグリーン */
  --rg: #86e286;
  /* エメラルドグリーン */
  --eg: #2bc4ae;
  /* ミルクティー */
  --mt: #e6cbb7;
  /* ピュアレッド */
  --pr: #ef1f5c;
  /* 白 */
  --wh: #fdfdfd;
}

/* 黄緑 */
.c-yg {
  color: var(--yg);
}

.b-yg {
  background: var(--yg);
}

/* ロイヤルブルー */
.c-rb {
  color: var(--rb);
}

.b-rb {
  background: var(--rb);
}

/* ミディアムブルー */
.c-mb {
  color: var(--mb);
}

.b-mb {
  background: var(--mb);
}

/* アクアブルー */
.c-ab {
  color: var(--ab);
}

.b-ab {
  background: var(--ab);
}

/* ラベンダー 　*/
.c-la {
  color: var(--rb);
}

.b-la {
  background: var(--la);
}

/* パープル */
.c-pp {
  color: var(--pp);
}

.b-pp {
  background: var(--pp);
}

/* パープル */
.c-rp {
  color: var(--rp);
}

.b-rp {
  background: var(--rp);
}

/* ピンク　 */
.c-pi {
  color: var(--pi);
}

.b-pi {
  background: var(--pi);
}

/* ホットピンク　 */
.c-hpi {
  color: var(--hpi);
}

.b-hpi {
  background: var(--hpi);
}

/* ライトピンク　 */
.c-rpi {
  color: var(--rpi);
}

.b-rpi {
  background: var(--rpi);
}

/* オレンジ */
.c-or {
  color: var(--or);
}

.b-or {
  background: var(--or);
}

/* ゴールドイエロー */
.c-gy {
  color: var(--gy);
}

.b-gy {
  background: var(--gy);
}

/* シーブルー*/
.c-sb {
  color: var(--sb);
}

.b-sb {
  background: var(--sb);
}

/* デイジー */
.c-ds {
  color: var(--ds);
}

.b-ds {
  background: var(--ds);
}

/* グリーン */
.c-gr {
  color: var(--gr);
}

.b-gr {
  background: var(--gr);
}

/* ブライトグリーン */
.c-bg {
  color: var(--bg);
}

.b-bg {
  background: var(--bg);
}

/* ライトグリーン */
.c-rg {
  color: var(--rg);
}

.b-rg {
  background: var(--rg);
}

/* ミルクティー */
.c-mt {
  color: var(--mt);
}

.b-mt {
  background: var(--mt);
}

/* エメラルドグリーン */
.c-eg {
  color: var(--eg);
}

.b-eg {
  background: var(--eg);
}

/* ミントグリーン */
.c-mg {
  color: var(--mg);
}

.b-mg {
  background: var(--mg);
}

/* ピュアレッド */
.c-pr {
  color: var(--pr);
}

.b-pr {
  background: var(--pr);
}

/* ホワイト */
.c-wh {
  color: var(--wh);
}

.b-wh {
  background: var(--wh);
}

.mc-color.b-wh {
  border: solid 2px #ddd;
}

.b-wh .profile-head {
  color: #9f9f9f;
}



/*---------------  メンバーカラー  ---------------*/
.mc-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 50px 0 0;
}

@media screen and (max-width:980px) {
  .mc-wrap {
    display: block;
    margin-top: 35px;
  }
}

.mc-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 45%;
  margin: 0 0 1.4em;
}

@media screen and (max-width:980px) {
  .mc-item {
    width: 100%;
  }
}

.mc-color {
  flex: 1;
  width: 58%;
  padding: 20px 20px;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-shadow: -1px 1px 4px rgba(0, 0, 0, .3);
  border-radius: 2px;
}

.mc-name {
  width: 42%;
  padding: 16px 20px;
  background: #fdfdfd;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  border: 2px solid #ddd;
  border-left: none;
  border-radius: 0 9% 9% 0;
}




/*---------------  プロフィール  ---------------*/
.profile-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 50px 0 0;
}

@media screen and (max-width:980px) {
  .profile-wrap {
    display: block;
    margin-top: 35px;
  }
}

.profile {
  width: 45%;
  margin: 0 0 35px;
  border-radius: 15px 15px 0 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width:980px) {
  .profile {
    width: 100%;
    margin: 0 auto 30px;
  }
}

.profile-head {
  margin: 0 !important;
  padding: 20px 20px 16px;
  position: relative;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  text-align: center;
}

@media screen and (max-width:980px) {
  .profile-head {
    padding: 16px 10px 13px;
    font-size: 22px;
  }
}

.profile-head span {
  margin: 0 0 0 12px;
  font-size: 17px;
}

@media screen and (max-width:980px) {
  .profile-head span {
    font-size: 15px;
  }
}

.profile-table {
  width: 100%;
  margin: 0 !important;
  background: #fff;
  border: none !important;
  border-collapse: separate;
  border-spacing: 3px;
}

.profile-table th,
.profile-table td {
  padding: 18px 14px;
  background: #f6f6f6;
  font-size: 17px;
  line-height: 1.4;
}

@media screen and (max-width:980px) {

  .profile-table th,
  .profile-table td {
    font-size: 15px;
  }
}

.profile-table th {
  color: #5f5f5f;
  white-space: nowrap;
  border: none !important;
}

.profile.purple .profile-table th {
  background: #f5edf5;
}

.member-color {
  padding: 0 0 0 36px;
  position: relative;
}

@media screen and (max-width:980px) {
  .member-color {
    padding-left: 32px;
  }
}

.member-color::before {
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #000;
  border-radius: 3px;
}

@media screen and (max-width:980px) {
  .member-color::before {
    width: 24px;
    height: 24px;
  }
}

.profile.b-yg .member-color::before {
  background: var(--yg);
}

.profile.b-rb .member-color::before {
  background: var(--rb);
}

.profile.b-la .member-color::before {
  background: var(--la);
}

.profile.b-pp .member-color::before {
  background: var(--pp);
}

.profile.b-pi .member-color::before {
  background: var(--pi);
}

.profile.b-hpi .member-color::before {
  background: var(--hpi);
}

.profile.b-rpi .member-color::before {
  background: var(--rpi);
}

.profile.b-or .member-color::before {
  background: var(--or);
}

.profile.b-gy .member-color::before {
  background: var(--gy);
}

.profile.b-sb .member-color::before {
  background: var(--sb);
}

.profile.b-mb .member-color::before {
  background: var(--mb);
}

.profile.b-ds .member-color::before {
  background: var(--ds);
}

.profile.b-bg .member-color::before {
  background: var(--bg);
}

.profile.b-mt .member-color::before {
  background: var(--mt);
}

.profile.b-mg .member-color::before {
  background: var(--mg);
}

.profile.b-eg .member-color::before {
  background: var(--eg);
}

.profile.b-gr .member-color::before {
  background: var(--gr);
}

.profile.b-pr .member-color::before {
  background: var(--pr);
}

.profile.b-wh .member-color::before {
  background: var(--wh);
}

.profile.b-rp .member-color::before {
  background: var(--rp);
}

.profile.b-ab .member-color::before {
  background: var(--ab);
}

.profile.b-rg .member-color::before {
  background: var(--rg);
}

/*---------------  アーティストリンク  ---------------*/

.artist-link-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 2%;
}

@media screen and (max-width:980px) {
  .artist-link-wrap {
    row-gap: 10px;
  }
}

.sidebar .artist-link-wrap {
  row-gap: 10px;
}

.artist-link-item {
  width: 22.5%;
}

@media screen and (max-width:980px) {
  .artist-link-item {
    width: 49%;
  }
}

.sidebar .artist-link-item {
  width: 49%;
}

.artist-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 106px;
  position: relative;
  background: #eee;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.1;
  border-radius: 8px;
}

@media screen and (max-width:980px) {
  .artist-link {
    height: 90px;
    font-size: 15px;
  }
}

.sidebar .artist-link {
  height: 90px;
  font-size: 15px;
}

.artist-link.m {
  background: #fff4f8;
  color: #e85f8f;
  box-shadow: inset 0px 0px 4px #e85f8f;
}

.artist-link.a {
  background: #f9eff2;
  color: #f699b7;
  box-shadow: inset 0px 0px 4px #f699b7;
}

.artist-link.j {
  background: #fcf2e8;
  color: #f29e20;
  box-shadow: inset 0px 0px 4px #f29e20;
}

.artist-link.t {
  background: #edeefc;
  color: #7c82cf;
  box-shadow: inset 0px 0px 4px #7c82cf;
}

.artist-link.b {
  background: #f8eef7;
  color: #cd68cb;
  box-shadow: inset 0px 0px 4px #cd68cb;
}

.artist-link.o {
  background: #e0f6ec;
  color: #5bbb81;
  box-shadow: inset 0px 0px 4px #5bbb81;
}

.artist-link.r {
  background: #f7e1e1;
  color: #c55454;
  box-shadow: inset 0px 0px 4px #c55454;
}

.arrow {
  position: absolute;
  bottom: 14px;
  right: 12px;
  width: 35px;
  height: 2px;
  border-radius: 4px;
}

.artist-link.m .arrow {
  background: #e85f8f;
}

.artist-link.a .arrow {
  background: #f699b7;
}

.artist-link.j .arrow {
  background: #f29e20;
}

.artist-link.t .arrow {
  background: #7c82cf;
}

.artist-link.b .arrow {
  background: #cd68cb;
}

.artist-link.o .arrow {
  background: #5bbb81;
}

.artist-link.r .arrow {
  background: #c55454;
}

.arrow::before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 12px;
  height: 2px;
  border-radius: 4px;
  transform: rotate(45deg);
  transform-origin: calc(100% - 2px) 50%;
}

.artist-link.m .arrow::before {
  background: #e85f8f;
}

.artist-link.a .arrow::before {
  background: #f699b7;
}

.artist-link.j .arrow::before {
  background: #f29e20;
}

.artist-link.t .arrow::before {
  background: #7c82cf;
}

.artist-link.b .arrow::before {
  background: #cd68cb;
}

.artist-link.o .arrow::before {
  background: #5bbb81;
}

.artist-link.r .arrow::before {
  background: #c55454;
}


/*---------------  Amazon  ---------------*/
.amazon-link figcaption {
  display: flex !important;
  justify-content: flex-end;
  margin: 14px 0 0 !important;
}

.amazon-link figcaption a {
  display: flex;
  gap: 8px;
  padding: 0px 15px 2px;
  font-weight: 700;
  color: #44baed;
  border-bottom: solid 2px #44baed;
  text-decoration: none !important;
}

.amazon-link.link-m figcaption a {
  color: #e85f8f;
  border-bottom-color: #e85f8f;
}

.amazon-link.link-a figcaption a {
  color: #f699b7;
  border-bottom-color: #f699b7;
}

.amazon-link.link-j figcaption a {
  color: #f29e20;
  border-bottom-color: #f29e20;
}

.amazon-link.link-t figcaption a {
  color: #7c82cf;
  border-bottom-color: #7c82cf;
}

.amazon-link.link-b figcaption a {
  color: #cd68cb;
  border-bottom-color: #cd68cb;
}

.amazon-link figcaption a::before {
  font-family: "Font Awesome 6 Brands";
  content: "\f270";
  position: relative;
  top: 2px;
}

.amazon-link figcaption a::after {
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  content: "\f178";
  position: relative;
  top: 2px;
  transform: rotate(-45deg);
}


/*---------------  スライド  ---------------*/
.wp-block-sgb-full-bg .wp-block-sgb-group-slider .splide {
  margin: 0;
}

.splide__arrow {
  height: 4em !important;
  background: #fff !important;
  border-radius: 6px !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1) !important;
}

.splide__arrow--prev {
  left: 0.2em !important;
}

.splide__arrow--next {
  right: 0.2em !important;
}

.splide__arrow svg {
  fill: #44baed !important;
  font-size: 14px;
}

/*---------------  アプリーチ  ---------------*/
.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}

.appreach:after {
  content: "";
  display: block;
  clear: both;
}

.appreach p {
  margin: 0;
}

.appreach a:after {
  display: none;
}

.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}

.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}

.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}

.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}

.appreach__info {
  font-size: 12px !important;
}

.appreach__developper,
.appreach__price {
  margin-right: 0.5em;
}

.appreach__posted a {
  margin-left: 0.5em;
}

.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}

.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}

.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}

.appreach__star {
  position: relative;
  font-size: 14px !important;
  height: 1.5em;
  width: 5em;
}

.appreach__star__base {
  position: absolute;
  color: #737373;
}

.appreach__star__evaluate {
  position: absolute;
  color: #ffc107;
  overflow: hidden;
  white-space: nowrap;
}