@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
/*******************************************************************************************
** 子テーマ用のスタイルを書く
*******************************************************************************************/
/*******************************************************************************************
** ガチャ#002
*******************************************************************************************/
.gacha002-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  position: relative;
}

.gacha002-button-wrapper {
  display: flex;
  flex-direction: row; /* 横並び */
  gap: 10px;
  margin-bottom: 10px;
  justify-content: center;
}

#gacha002-replay-button {
  order: -1; /* 演出リプレイを左に配置 */
}

.gacha002-gacha-button, .gacha002-convert-button {
  font-size: 24px;
  padding: 12px 40px;
  border-radius: 12px;
  background-color: #FFC107;
  color: white;
  border: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: background-color 0.3s;
  min-height: 56px;
}
.gacha002-gacha-button:hover:enabled, .gacha002-convert-button:hover:enabled {
  background-color: #FFA000;
}
.gacha002-gacha-button:disabled, .gacha002-convert-button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
  box-shadow: none;
}

.gacha002-points-wrapper {
  position: absolute;
  top: -10px;
  right: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  z-index: 10;
}
.gacha002-points-wrapper button {
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid #FFC107;
  background-color: #fff;
  color: #FFC107;
  cursor: pointer;
  font-size: 12px;
  height: 24px;
}
.gacha002-points-wrapper button:hover {
  background-color: #FFF8E1;
}
.gacha002-points-badge {
  padding: 3px 10px;
  background-color: #fff;
  color: #000;
  border: 2px solid #FFC107;
  border-radius: 6px;
  font-weight: bold;
}
.gacha002-pt-text {
  font-size: 12px;
  margin-left: 2px;
}

.gacha002-gacha-result {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}
.gacha002-gacha-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
}

.gacha002-card-checkbox,
.gacha002-select-all-container input {
  width: 18px;
  height: 18px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 2px solid #FFC107;
  border-radius: 4px;
  position: relative;
  transition: background-color 0.3s;
}
.gacha002-card-checkbox:hover,
.gacha002-select-all-container input:hover {
  background-color: #FFA000;
}
.gacha002-card-checkbox:checked,
.gacha002-select-all-container input:checked {
  background-color: #FFC107;
}
.gacha002-card-checkbox:checked::after,
.gacha002-select-all-container input:checked::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

.gacha002-select-all-container {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
  font-size: 12px;
  cursor: pointer;
}

.gacha002-gacha-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.gacha002-gacha-card {
  flex: 0 0 48%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}
.gacha002-gacha-card img {
  width: 260px;
  height: auto;
  margin-bottom: 8px;
}
.gacha002-card-name {
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 5px;
  width: 260px;
  text-align: left;
}
.gacha002-card-points {
  font-size: 20px;
  font-weight: bold;
  margin: 5px 0 15px;
  width: 100%;
  text-align: center;
}

.gacha002-convert-button {
  font-size: 12px;
  padding: 8px 12px;
  margin: 5px 0 20px;
}

.gacha002-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1000;
  justify-content: center;
  align-items: center;
}
.gacha002-modal {
  background-color: #fff;
  border-radius: 12px;
  width: 90%;
  max-width: 400px;
  padding: 20px;
  text-align: center;
}
.gacha002-modal-text {
  font-size: 18px;
  margin-bottom: 20px;
}
.gacha002-modal-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.gacha002-button-cancel,
.gacha002-button-confirm {
  padding: 12px 40px;
  border-radius: 12px;
  cursor: pointer;
  font-weight: bold;
  min-width: 120px;
}
.gacha002-button-cancel {
  background-color: #fff;
  color: #FFC107;
  border: 1px solid #FFC107;
}
.gacha002-button-cancel:hover {
  background-color: #FFF8E1;
}
.gacha002-button-confirm {
  background-color: #FFC107;
  color: #fff;
  border: none;
}
.gacha002-button-confirm:hover {
  background-color: #FFA000;
}

.gacha002-gacha-effect-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1500;
  cursor: pointer;
  overflow: hidden; /* スクロールバーを防止 */
}
.gacha002-gacha-effect-text {
  color: #fff;
  font-size: 24px;
  position: absolute;
  top: 20px; /* 画面上部に配置 */
}
.gacha002-gacha-effect-video {
  display: none;
  width: 100%;
  max-width: 1200px; /* PCでの最大幅 */
  height: auto;
  object-fit: contain;
}
.gacha002-skip-button {
  padding: 10px 20px;
  background-color: #FFC107;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 60px; /* テキストの下に配置 */
  left: 50%;
  transform: translateX(-50%);
}
.gacha002-skip-button:hover {
  background-color: #FFA000;
}

.gacha002-cost-text {
  font-size: 18px;
  margin-bottom: 10px;
}
.gacha002-cost-amount {
  font-size: 24px;
  font-weight: bold;
  color: #FF0000;
}

.gacha002-prize-text {
  font-size: 24px;
  font-weight: bold;
  color: #FF0000;
  margin-bottom: 10px;
}

.gacha002-prize-images {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  position: relative; /* ツールチップの位置基準 */
}
.gacha002-prize-images img {
  width: 80px;
  height: auto;
  cursor: pointer;
  position: relative;
}

/* 非表示用のクラス */
.gacha002-hidden {
  display: none;
}

/* 非表示画像のツールチップも非表示 */
.gacha002-hidden + .gacha002-tooltip {
  display: none;
}

/* 雷エフェクト */
.gacha002-thunder {
  animation: thunder 0.5s infinite;
}
@keyframes thunder {
  0% {
    border: 2px solid #ffffff;
    box-shadow: 0 0 10px #ffff00;
  }
  50% {
    border: 2px solid #ffff00;
    box-shadow: 0 0 20px #ffffff, 0 0 30px #ffff00;
  }
  100% {
    border: 2px solid #ffffff;
    box-shadow: 0 0 10px #ffff00;
  }
}

.gacha002-tooltip {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 14px;
  z-index: 100;
  white-space: nowrap;
  pointer-events: none;
  display: none;
  left: 50%;
  transform: translateX(-50%);
  top: 100%; /* 画像の真下 */
  margin-top: 5px; /* 画像との間隔 */
}
.gacha002-tooltip-active {
  display: block;
}

@media screen and (max-width: 768px) {
  .gacha002-points-wrapper {
    top: -60px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .gacha002-gacha-card {
    flex: 0 0 48%;
    max-width: 48%;
  }
  .gacha002-gacha-card img,
  .gacha002-card-name {
    width: 160px;
  }
  .gacha002-card-name {
    font-size: 16px;
  }
  .gacha002-card-points {
    font-size: 16px;
  }
  .gacha002-gacha-effect-text {
    font-size: 18px;
    top: 10px; /* モバイルで上部に寄せる */
  }
  .gacha002-gacha-effect-video {
    width: 100vw; /* ビューポートの幅いっぱい */
    max-height: 135vh; /* 90vh × 1.5で拡大 */
    height: auto; /* アスペクト比を維持 */
    object-fit: contain; /* ビデオ全体を表示 */
    transform: scale(1.5); /* 1.5倍にスケーリング */
    transform-origin: center; /* 中央から拡大 */
  }
  .gacha002-skip-button {
    font-size: 14px;
    padding: 8px 16px;
    top: 60px; /* テキストの下に配置 */
    left: 50%;
    transform: translateX(-50%); /* 中央揃え */
  }
  .gacha002-cost-text {
    font-size: 16px;
  }
  .gacha002-cost-amount,
  .gacha002-prize-text {
    font-size: 20px;
  }
  .gacha002-prize-images {
    margin-bottom: 15px;
  }
  .gacha002-prize-images img {
    width: 50px;
  }
  .gacha002-tooltip {
    font-size: 12px;
    padding: 6px 10px;
    top: 100%; /* モバイルでも画像の真下 */
    margin-top: 5px; /* 画像との間隔 */
  }
  .gacha002-button-wrapper {
    flex-direction: column; /* モバイルでは縦並び（演出リプレイが上、10連ガチャが下） */
    align-items: center;
    gap: 5px;
  }
  #gacha002-replay-button,
  #gacha002-gacha-button {
    width: 100%; /* モバイルで幅を統一 */
    max-width: 250px; /* 幅を広げる */
    font-size: 20px; /* フォントサイズを小さくして1行表示 */
    box-sizing: border-box; /* パディングを幅に含める */
  }
  #gacha002-replay-button {
    order: -1; /* モバイルでも演出リプレイを上に配置 */
  }
}
	
/*******************************************************************************************
** ガチャ#001
*******************************************************************************************/
.gacha001-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  position: relative;
}

.gacha001-gacha-button, .gacha001-convert-button {
  font-size: 24px;
  padding: 12px 40px;
  border-radius: 12px;
  background-color: #228B22;
  color: white;
  border: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: background-color 0.3s;
  min-height: 56px;
}
.gacha001-gacha-button:hover:enabled, .gacha001-convert-button:hover:enabled {
  background-color: #006400;
}
.gacha001-gacha-button:disabled, .gacha001-convert-button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
  box-shadow: none;
}

.gacha001-points-wrapper {
  position: absolute;
  top: -10px;
  right: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  z-index: 10;
}
.gacha001-points-wrapper button {
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid #228B22;
  background-color: #fff;
  color: #228B22;
  cursor: pointer;
  font-size: 12px;
  height: 24px;
}
.gacha001-points-badge {
  padding: 3px 10px;
  background-color: #fff;
  color: #000;
  border: 2px solid #228B22;
  border-radius: 6px;
  font-weight: bold;
}
.gacha001-pt-text {
  font-size: 12px;
  margin-left: 2px;
}

.gacha001-gacha-result {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gacha001-gacha-title {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
}

.gacha001-card-checkbox, .gacha001-select-all-container input {
  width: 18px;
  height: 18px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 2px solid #228B22;
  border-radius: 4px;
  position: relative;
  transition: background-color 0.3s;
}
.gacha001-card-checkbox:hover, .gacha001-select-all-container input:hover {
  background-color: #006400;
}
.gacha001-card-checkbox:checked, .gacha001-select-all-container input:checked {
  background-color: #228B22;
}
.gacha001-card-checkbox:checked::after, .gacha001-select-all-container input:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 10px;
  border: solid #FFFFFF;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
}

.gacha001-select-all-container {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
  font-size: 12px;
  cursor: pointer;
}

.gacha001-gacha-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.gacha001-gacha-card {
  flex: 0 0 48%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}
.gacha001-gacha-card img {
  width: 260px;
  height: auto;
  margin-bottom: 8px;
}
.gacha001-card-name {
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 5px;
  width: 260px;
  text-align: left;
}
.gacha001-card-points {
  font-size: 20px;
  font-weight: bold;
  margin: 5px 0 15px;
  width: 100%;
  text-align: center;
}

.gacha001-convert-button {
  font-size: 12px;
  padding: 8px 12px;
  margin: 5px 0 20px;
}

.gacha001-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1000;
  justify-content: center;
  align-items: center;
}
.gacha001-modal {
  background-color: #fff;
  border-radius: 12px;
  width: 90%;
  max-width: 400px;
  padding: 20px;
  text-align: center;
}
.gacha001-modal-text {
  font-size: 18px;
  margin-bottom: 20px;
}
.gacha001-modal-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.gacha001-button-cancel, .gacha001-button-confirm {
  padding: 12px 40px;
  border-radius: 12px;
  cursor: pointer;
  font-weight: bold;
  min-width: 120px;
}
.gacha001-button-cancel {
  background-color: #fff;
  color: #228B22;
  border: 1px solid #228B22;
}
.gacha001-button-confirm {
  background-color: #228B22;
  color: #fff;
  border: none;
}

.gacha001-gacha-effect-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1500;
  cursor: pointer;
}
.gacha001-gacha-effect-text {
  color: #fff;
  font-size: 24px;
  margin-bottom: 20px;
}
.gacha001-gacha-effect-video {
  display: none;
  width: 100%;
  max-width: 800px;
  height: auto;
  object-fit: contain;
}
.gacha001-skip-button {
  padding: 10px 20px;
  background-color: #228B22;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 20px;
}
.gacha001-skip-button:hover {
  background-color: #006400;
}

.gacha001-cost-text {
  font-size: 18px;
  margin-bottom: 10px;
}
.gacha001-cost-amount {
  font-size: 24px;
  font-weight: bold;
  color: #FF0000;
}

.gacha001-prize-text {
  font-size: 24px;
  font-weight: bold;
  color: #FF0000;
  margin-bottom: 10px;
}

.gacha001-prize-images {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.gacha001-prize-images img {
  width: 80px;
  height: auto;
  cursor: pointer;
  position: relative; /* キラキラエフェクトの位置調整用 */
}

/* キラキラエフェクト */
.gacha001-sparkle {
  animation: sparkle 1.5s infinite;
}
@keyframes sparkle {
  0% { box-shadow: 0 0 5px 0 rgba(255, 215, 0, 0.5); }
  50% { box-shadow: 0 0 15px 5px rgba(255, 215, 0, 0.8); }
  100% { box-shadow: 0 0 5px 0 rgba(255, 215, 0, 0.5); }
}

.gacha001-tooltip {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 14px;
  z-index: 100;
  white-space: nowrap;
  pointer-events: none;
  display: none;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
}
.gacha001-prize-images img:hover + .gacha001-tooltip {
  display: block;
}

@media screen and (max-width: 768px) {
  .gacha001-points-wrapper {
    top: -60px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .gacha001-gacha-card {
    flex: 0 0 48%;
    max-width: 48%;
  }
  .gacha001-gacha-card img, .gacha001-card-name {
    width: 160px;
  }
  .gacha001-card-name {
    font-size: 16px;
  }
  .gacha001-card-points {
    font-size: 16px;
  }
  .gacha001-gacha-effect-text {
    font-size: 18px;
  }
  .gacha001-gacha-effect-video {
    max-width: 100%;
  }
  .gacha001-skip-button {
    font-size: 14px;
    padding: 8px 16px;
  }
  .gacha001-cost-text {
    font-size: 16px;
  }
  .gacha001-cost-amount, .gacha001-prize-text {
    font-size: 20px;
  }
  .gacha001-prize-images {
    margin-bottom: 15px;
  }
  .gacha001-prize-images img {
    width: 50px;
  }
  .gacha001-tooltip {
    font-size: 12px;
    padding: 6px 10px;
    top: -30px;
  }
}

/*******************************************************************************************
** タイトル
*******************************************************************************************/
/*投稿ページのみ中央よせにする*/
.single .entry-title {
    text-align: center;
}

/*******************************************************************************************
** ヘッダー
*******************************************************************************************/
/* スマホの記事のヘッダー非表示 */
/*
.single #header-container { 
    display: none;
}
*/

/* サイト名非表示 */
.site-name-text {
    display: none;
}

/*******************************************************************************************
** モバイルヘッダー
*******************************************************************************************/
.mobile-menu-buttons {
    background: #40BA8D; /* 背景色 */
    color: #FFFFFB; /* 文字色 */
}

.mobile-menu-buttons .menu-button > a {
    color: #40BA8D; /* 背景色 */
}

/*******************************************************************************************
** ロゴ
*******************************************************************************************/
/* スマホ用ロゴ設定 */
@media screen and (max-width: 480px){
.logo-menu-button.menu-button{
    background-image: url("https://towanowakaba.online/wp-content/uploads/2025/06/モバイルヘッダー③.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100px;
	height: 80px;
}
}

/*******************************************************************************************
** メニューバー
*******************************************************************************************/
/* 背景の高さ */
.navi-in>ul li {
    height: 40px;
    line-height: 40px;
}

/* グラデーション */
.navi {
    background-color: #40BA8D; /* 単色の背景色 */
}
.navi-in .menu-header .item-label{
    font-size: 15px;
    font-weight: bold;
}

/*******************************************************************************************
** サイドバー
*******************************************************************************************/
/* 親カテゴリ */
.widget_categories ul li a{ 
    padding: 0;
    font-size: 15px;
    border-bottom: 1px dashed #CCCCCC; /* 下線の種類 */
}
.widget_categories ul li a::before{
    font-family: "Font Awesome 5 Free";
    content: "\f4d8"; /* FontAwesomeのユニコード */
    color: #40BA8D; /* アイコンの色 */
	font-weight: 600;
    padding-right: 6px;
}
.widget_categories > ul > li > a:first-child{ 
    border-top: none;
}

/* 子カテゴリ */
.widget_categories ul li ul li a::before{
    font-family: "Font Awesome 5 Free";
    content: "\f4d8"; /* FontAwesomeのユニコード */
    color: #40BA8D; /* アイコンの色 */
	font-weight: 600;
    padding-right: 6px;
}

/* マウスホバー時 */
.widget_categories ul li a:hover {
    background: #FEEEED; /* ホバー時タグ背景色 */
    color: #40BA8D; /* ホバー時タグフォントカラー */
    transition: 0.5s;
}

/* 見出し */
.sidebar h3 {
    color:white;
    background: #40BA8D;
    padding: 0;
    font-size: 15px;
}

/* サイドバー背景色 */
.header-container,
.sidebar,
.footer {
    background-color: #fff;
}

/* プロフィール */
.author-box .author-thumb img{align-content
  height: 180px; /* アイコン高さ */
}
.nwa .author-box .author-thumb{
  width: 180px; /* アイコン横幅 */
}
.nwa .author-box .author-description {
font-size: 15px; /* プロフィール文字サイズ */
}
.nwa .author-box .author-name {
font-size: 15px;　/* プロフィール名前サイズ */
}

#slide-in-sidebar,
#slide-in-sidebar a {
	color: #40BA8D; /* スライドインサイドバー色 */
}

.menu-close-button {
  background: #40BA8D; /* 背景色 */
}

/*******************************************************************************************
** エントリーカード
*******************************************************************************************/
/* カードタイトルのスタイル設定 */
.entry-card-title {
  color: #0D0116;  /* 文字色 */
  font-size: 14px;  /* フォントサイズ */
  line-height: 1.4;  /* 行の高さ */
　font-weight: normal; /* 標準の文字の太さ */
  text-align: left;  /* 左寄せ */
  display: block;  /* ブロック表示 */
  overflow: visible;  /* はみ出し表示を許可 */
  white-space: normal;  /* 複数行で表示 */
  text-overflow: unset;  /* テキストの省略（…）を無効化 */
  -webkit-line-clamp: unset;  /* 行数制限を解除（モバイル対応） */
  -webkit-box-orient: unset;  /* ボックス方向の設定を解除 */
}

.entry-card-wrap {
    border-radius:　13px;
}

/* マウスオーバー時の背景色変更 */
.entry-card-wrap:hover {
    background-color: #40BA8D; /* お好みの色に変更 */
}

/* カテゴリラベルを非表示に */
.entry-card-wrap .cat-label {
    display: none !important; /* 優先順位を高くして確実に非表示に */
}

/*******************************************************************************************
** ブログカード
*******************************************************************************************/
/*説明文(スニペット) 非表示 */
.blogcard-snippet {
    display: none;
}

/*******************************************************************************************
** 見出し
*******************************************************************************************/
/* 見出しリセット */
/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

/* 見出し2 */
.article h2 {
    position: relative;
    background: #40BA8D;
    padding: 8px 30px 8px 30px;
    font-size: 18px;
    color: #474747;
	margin-right: 30px;
	left: 1.5em;
    border-radius: 0 10px 10px 0;
}
.article h2:before {
    font-family: "Font Awesome 5 Free";
    content: "\f4d8";
    display: inline-block;
    line-height: 40px;
    position: absolute;
    padding: 0em;
    color: white;
    background: #40BA8D;
    font-weight: 900;
    width: 40px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    left: -1.7em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
    border-radius: 50%;
}

/*******************************************************************************************
** カテゴリー
*******************************************************************************************/
.archive-title .fa-folder-open:before {
    font-family: "Font Awesome 5 Free";
    content: "\f4d8";
    color: #40BA8D;
}
.archive-title {
    font-size: 15px; /* 文字の大きさ */
    font-weight: normal; /* 文字の太さ */
}

/*******************************************************************************************
** タグ
*******************************************************************************************/
.archive-title .fa-tags:before {
    color: #40BA8D;
}
.tagcloud .fa-tag:before {
    color: #40BA8D;
}
.tagcloud {
    padding: 0px 2px 0px 2px;
}
.tagcloud a {
    text-decoration: none;
    color: #F15B5B; /* タグフォントカラー */
    font-size: 15px; /* タグフォントサイズ */
    font-weight:bold;
    display: inline-block;
    background-color: #ABE1FA; /* タグ背景色 */
    padding: 2px 6px 0px 6px;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 9px 3px;
    border: 0px;
    word-break: break-all;
}
.tagcloud a:hover {
    background: #F15B5B; /* ホバー時タグ背景色 */
    color: #ABE1FA; /* ホバー時タグフォントカラー */
    transition: 0.5s;
}

/*******************************************************************************************
** アイコン
*******************************************************************************************/
/* ホームボタン */
.mobile-menu-buttons .home-menu-button > a {
    color: #FFFFFB;
}

/* サイドバー */
.mobile-menu-buttons .sidebar-menu-button > a {
    color: #FFFFFB;
}

/* 前へボタン */
.mobile-menu-buttons .prev-menu-button > a {
    color: #FFFFFB;
}

/*******************************************************************************************
** 引用
*******************************************************************************************/
blockquote{
    background: #EFEFEF;
    border-radius: 5px;
}

/* 次へボタン */
.mobile-menu-buttons .next-menu-button > a {
    color: #FFFFFB;
}