/*! Luxeritas Child CSS */
/* Luxeritas WordPress Theme - free/libre wordpress platform
 *
 * @copyright Copyright (C) 2015 Thought is free.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 * @author LunaNuko
 * @link http://thk.kanzae.net/
 * @translators rakeem( http://rakeem.jp/ )
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 *   Theme Name: Luxeritas Child Theme
 *   Template: luxeritas
 *   Text Domain: luxech
 *   Theme URI: http://thk.kanzae.net/wp/
 *   Description: SEO optimized, Responsive layout, Super Fast, Multi Feature, Bootstrap
 *   Author: LunaNuko
 *   Author URI: http://thk.kanzae.net/
 *   License: GNU General Public License v2 or later
 *   License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *   Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-colors, custom-menu, theme-options, featured-image-header, editor-style, sticky-post, threaded-comments, translation-ready
 *   Since: 20151206
 *   Modify: 20180517
 *   Version: 3.0.0
 *   Template Version: 3
 *
 * ここから上を消すと正しく動作しなくなることがあります。
 * ( Erasing the elements above here might cause system issues. )
*/

/* 以下、好みに応じて子テーマ用のスタイルをお書きください。
 * ( Below here, please write down your own styles for the child theme. )
*/

/* ===================================================
   WebDD Academy カスタムパターン CSS
   インラインstyleをクラスに集約（2026-06-05）
   =================================================== */

/* Q&A ボックス */
.webdd-qa { border: 1px solid #e0e0e0; border-radius: 6px; margin: 1.5em 0; }
.webdd-qa__q { background: #f5f5f5; padding: 12px 16px; font-weight: bold; }
.webdd-qa__a { padding: 12px 16px; border-top: 1px solid #e0e0e0; }
.webdd-qa__q p, .webdd-qa__a p { margin: 0; }

/* 向いている人ボックス（青） */
.webdd-fit { background: #eef6ff; border-left: 4px solid #4b9ef5; border-radius: 4px; padding: 16px 20px; margin: 20px 0; }
.webdd-fit__title { font-weight: bold; margin: 0 0 8px !important; color: #1a73e8; }

/* 向いていない人ボックス（黄） */
.webdd-nofit { background: #fff8e1; border-left: 4px solid #ffb300; border-radius: 4px; padding: 16px 20px; margin: 20px 0; }
.webdd-nofit__title { font-weight: bold; margin: 0 0 8px !important; color: #e65100; }

/* 共通リスト */
.webdd-fit ul, .webdd-nofit ul { margin: 0; padding-left: 20px; }

/* テーブル（グリーンヘッダー） */
.webdd-table-wrap { border-radius: 8px; overflow: hidden; margin: 24px 0; }
.tc-info { width: 100%; border-collapse: collapse; font-size: 14px; }
.tc-info th { background: #28bb69 !important; color: #fff !important; padding: 12px 16px; text-align: left; }
.tc-info td { padding: 12px 16px; border-bottom: 1px solid #eee; }
/* 比較テーブル（dtr-compare） */
.dtr-compare th, .dtr-compare2 th { background: #28bb69 !important; color: #fff !important; }

/* === 吹き出し（webdd-balloon） === */
.webdd-balloon--aki      { --bl-bg: #ffffe0; --bl-bd: #ffffba; }
.webdd-balloon--reader-m { --bl-bg: #f1ffdd; --bl-bd: #e4ffbf; }
.webdd-balloon--reader-f { --bl-bg: #fffafb; --bl-bd: #ffeaee; }

.webdd-balloon { display: flex; align-items: flex-start; margin: 10px 0 30px; }
.webdd-balloon--right { flex-direction: row-reverse; }
.webdd-balloon__fig { width: 58px; flex-shrink: 0; text-align: center; }
.webdd-balloon__fig img { border-radius: 50%; width: 100%; height: auto; display: block; }
.webdd-balloon__name { display: block; font-size: 11px; text-align: center; margin-top: 3px; }
.webdd-balloon__body { flex: 1; margin-left: 12px; }
.webdd-balloon--right .webdd-balloon__body { margin-left: 0; margin-right: 12px; }
.webdd-balloon__bubble { position: relative; border-radius: 10px; padding: 10px 15px; background: var(--bl-bg, #ffffe0); border: 1px solid var(--bl-bd, #ffffba); }
.webdd-balloon__bubble p { margin: 0; }

/* 左向きしっぽ */
.webdd-balloon--left .webdd-balloon__bubble::before,
.webdd-balloon--left .webdd-balloon__bubble::after {
  content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-style: solid;
}
.webdd-balloon--left .webdd-balloon__bubble::before { left: -17px; border-width: 10px 16px 10px 0; border-color: transparent var(--bl-bd, #ffffba) transparent transparent; }
.webdd-balloon--left .webdd-balloon__bubble::after  { left: -15px; border-width: 9px 15px 9px 0; border-color: transparent var(--bl-bg, #ffffe0) transparent transparent; }

/* 右向きしっぽ */
.webdd-balloon--right .webdd-balloon__bubble::before,
.webdd-balloon--right .webdd-balloon__bubble::after {
  content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-style: solid;
}
.webdd-balloon--right .webdd-balloon__bubble::before { right: -17px; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent var(--bl-bd, #ffffba); }
.webdd-balloon--right .webdd-balloon__bubble::after  { right: -15px; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent var(--bl-bg, #ffffe0); }

/* テーブルヘッダー（tc-fee / tc-compare / tc-summary） */
.tc-fee th, .tc-compare th, .tc-summary th { background: #28bb69 !important; color: #fff !important; padding: 12px 16px; text-align: left; }
.tc-fee, .tc-compare, .tc-summary { width: 100%; border-collapse: collapse; font-size: 14px; }
.tc-fee td, .tc-compare td, .tc-summary td { padding: 12px 16px; border-bottom: 1px solid #eee; }

/* ポイントボックス（グレー系） */
.webdd-point { background: #f7f9fb; border-left: 4px solid #607d8b; border-radius: 4px; padding: 16px 20px; margin: 20px 0; }
.webdd-point__title { font-weight: bold; margin: 0 0 8px !important; color: #37474f; }

/* web-director 2カラムテーブル */
.table_f0f2eb table tr td:nth-child(1) { width: 30%; }
.table_f0f2eb table tr td:nth-child(2) { width: 70%; }

/* テーブルセル（center揃え・スクール比較系） */
.tc-th-center { padding: 12px 10px; text-align: center; }
.tc-th-center-bold { padding: 12px 10px; text-align: center; font-weight: bold; border: none; }
.tc-td-center { padding: 12px 10px; text-align: center; border-bottom: 1px solid #eee; }
.tc-td-bold { padding: 13px 16px; font-weight: bold; border-bottom: 1px solid #eee; }
.tc-td-last { padding: 12px 16px; }

/* dtr-compare td */
.dtr-compare td, .dtr-compare2 td { padding: 12px 10px; border-bottom: 1px solid #eee; }

/* 緑ポイントボックス（merit/merit box） */
.webdd-merit { background: #f0faf4; border-left: 4px solid #28bb69; border-radius: 4px; padding: 16px 20px; margin: 20px 0; }
.webdd-merit__title { font-weight: bold; margin: 0 0 8px !important; color: #1b5e20; }

/* 旧形式バルーン（legacy articles） */
.lx-balloon { display: flex; align-items: center; margin: 10px 0 30px; gap: 12px; }
.lx-balloon__fig { flex-shrink: 0; width: 12%; }
.lx-balloon__fig img { border-radius: 100%; width: 100%; height: auto; }
.lx-balloon__wrap { flex: 1; background-color: #f9fdff; border: 1px solid #e8f8ff; border-radius: 4px; padding: 0px 15px; }
.lx-balloon__outer { color: #000000; background-color: #e8f8ff; border: 1px solid #e8f8ff; padding: 2px 14px; }
.lx-balloon__inner { border: 1px solid #e8f8ff; padding: 0px 15px; }
/* f9ff バリアント */
.lx-balloon__wrap--f9 { background-color: #f9fdff; border-color: #e8f9ff; }
.lx-balloon__outer--f9 { background-color: #e8f9ff; border-color: #e8f9ff; }
.lx-balloon__inner--f9 { border-color: #e8f9ff; }

/* グレーボックス（#9e9e9e） */
.webdd-point-gray { background: #f5f5f5; border-left: 4px solid #9e9e9e; border-radius: 4px; padding: 16px 20px; margin: 20px 0; }
.webdd-point-gray__title { font-weight: bold; margin: 0 0 10px; color: #333; }

/* ブルーボックス（#1a73e8） */
.webdd-point-blue { background: #e3f2fd; border-left: 4px solid #1a73e8; border-radius: 4px; padding: 14px 18px; margin: 20px 0; }
.webdd-point-blue__title { font-size: 15px; font-weight: bold; color: #1565c0; margin: 0 0 8px; }

/* 中央寄せ囲みボックス */
.webdd-box-center { background: #f5f5f5; border-radius: 4px; padding: 20px 24px; margin: 24px 0; text-align: center; }
.webdd-box-center-lg { background: #f5f5f5; border-radius: 4px; padding: 20px 24px; margin: 32px 0; }

/* テーブルセル補足 */
.tc-td-center-last { padding: 12px 10px; text-align: center; }
.tc-th-score { padding: 12px 10px; text-align: center; font-weight: bold; color: #2e7d32; border-bottom: 1px solid #c8ebd8; }
.tc-th-left-bold { padding: 12px 16px; text-align: left; font-weight: bold; border: none; }
.tc-td-bold2 { padding: 12px 16px; font-weight: bold; border-bottom: 1px solid #eee; }
.tc-td-bold3 { padding: 13px 16px; font-weight: bold; }
.tc-td-score { background: #e8f8ef; padding: 13px 10px; text-align: center; border-bottom: 1px solid #c8ebd8; }
.tc-table-shadow { border-radius: 8px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.08); margin: 24px 0; }

/* 旧バルーン（ffffba / f1ffdd 色） */
.lx-balloon__outer--ffffba { background: #ffffe0; border: 1px solid #ffffba; border-radius: 10px; padding: 0px 15px; }
.lx-balloon__tail-outer--ffffba { border-right: 15px solid #ffffba; }
.lx-balloon__tail-inner--ffffe0 { border-right: 15px solid #ffffe0; left: -16px; }
.lx-balloon__tail-inner--ffffe0-14 { border-right: 15px solid #ffffe0; left: -14px; }
.lx-balloon__outer--f1ffdd { background: #f1ffdd; border-color: #f1ffdd; }
.lx-balloon__tail--f1ffdd { border-right-color: #f1ffdd; }
/* 右向きCATボタン wrapper */
.lx-row-reverse { display: flex; flex-direction: row-reverse; margin-top: 10px; margin-bottom: 30px; }

/* 追加テーブルセル */
.tc-td-green-bold { background: #e8f8ef; padding: 13px 16px; font-weight: bold; color: #1a9450; border-bottom: 1px solid #c8ebd8; }
.tc-td-score-lg { background: #e8f8ef; padding: 13px 10px; text-align: center; font-weight: bold; color: #28bb69; font-size: 16px; border-bottom: 1px solid #c8edda; }
.tc-td-center-green { background: #e8f8ef; padding: 13px 10px; text-align: center; font-weight: bold; border-bottom: 1px solid #c8edda; }
.tc-td-center-border { padding: 12px 10px; text-align: center; border-bottom: 1px solid #c8ebd8; }
.tc-th-green-bold { padding: 12px 16px; font-weight: bold; color: #1a9450; border-bottom: 1px solid #c8ebd8; }

/* 旧バルーン追加バリアント */
.lx-balloon__tail--f1ffdd { border-right: 15px solid #f1ffdd; left: -14px; }

/* ブルーボックス（border-leftなし） */
.webdd-box-blue-sm { background: #e3f2fd; border-radius: 4px; padding: 14px 18px; margin: 16px 0; }

/* 汎用テーブル（classなし） */
.webdd-table { width: 100%; border-collapse: collapse; font-size: 14px; }

/* 汎用グリーンヘッダーテーブル */
.webdd-table-green { width: 100%; border-collapse: collapse; font-size: 14px; }
.webdd-table-green th { background: #28bb69 !important; color: #fff !important; padding: 12px 16px; text-align: left; }
.webdd-table-green td { padding: 12px 16px; border-bottom: 1px solid #eee; }
/* CTAボタン オレンジ変更（テーブルヘッダーとの色重複解消・CVR改善） */
/* ===== CTAボタン .shiny-btn2（統合・整理 2026-06-19。緑ベース＋オレンジ上書き＋旧ホバーの冗長定義を1セットに集約） ===== */
.shiny-btn2{
    display:block; position:relative; width:80%; padding:10px 0; margin:30px auto;
    background-color:#ff6b2b !important;
    box-shadow:#c94e18 0 4px 0 0 !important;
    border-radius:5px; font-weight:bold; font-size:18px; color:#fff;
    text-align:center; text-decoration:none; overflow:hidden;
    transition:transform .1s ease, box-shadow .1s ease !important;
}
.shiny-btn2:hover{
    color:#fff; text-decoration:none;
    box-shadow:#c94e18 0 1px 0 0 !important;
    transform:translateY(3px) !important;
}
.shiny-btn2:active{
    transform:translateY(4px) !important;
    box-shadow:#c94e18 0 0 0 0 !important;
}
.shiny-btn2::before{
    position:absolute; content:''; display:inline-block;
    top:-180px; left:0; width:30px; height:100%;
    background-color:#fff; transition:0.1s;
    animation:none;
}
@-webkit-keyframes shiny-btn2{
    0%{ -webkit-transform:scale(0) rotate(45deg); opacity:0; }
    80%{ -webkit-transform:scale(0) rotate(45deg); opacity:0.5; }
    81%{ -webkit-transform:scale(4) rotate(45deg); opacity:1; }
    100%{ -webkit-transform:scale(50) rotate(45deg); opacity:0; }
}

/* ===========================================
   テーブル枠線 グリーン統一（2026-06-06 追加）
   =========================================== */
.webdd-table-green { border: 2px solid #28bb69; }
.webdd-table-green th { border-right: 1px solid rgba(255,255,255,0.35); }
.webdd-table-green th:last-child { border-right: none; }
.webdd-table-green td { border-bottom: 1px solid #c8ebd8 !important; border-right: 1px solid #c8ebd8 !important; }
.webdd-table-green td:last-child { border-right: none !important; }
.webdd-table-green tr:last-child td { border-bottom: none !important; }
.tc-info, .tc-fee, .tc-compare, .tc-summary { border: 2px solid #28bb69; }
.tc-info th, .tc-fee th, .tc-compare th, .tc-summary th { border-right: 1px solid rgba(255,255,255,0.35); }
.tc-info th:last-child, .tc-fee th:last-child, .tc-compare th:last-child, .tc-summary th:last-child { border-right: none; }
.tc-info td, .tc-fee td, .tc-compare td, .tc-summary td { border-bottom: 1px solid #c8ebd8 !important; border-right: 1px solid #c8ebd8 !important; }
.tc-info td:last-child, .tc-fee td:last-child, .tc-compare td:last-child, .tc-summary td:last-child { border-right: none !important; }
.tc-info tr:last-child td, .tc-fee tr:last-child td, .tc-compare tr:last-child td, .tc-summary tr:last-child td { border-bottom: none !important; }
/* ===========================================
   リスト デザイン（2026-06-06 追加）
   =========================================== */
.post ul.wp-block-list { padding-left: 1.6em; }
.post ul.wp-block-list > li { padding-left: 0.2em; margin-bottom: 0.4em; line-height: 1.75; }
.post ul.wp-block-list > li::marker { color: #28bb69; }
.post ol.wp-block-list { list-style: none; counter-reset: webdd-ol; padding-left: 0; }
.post ol.wp-block-list > li { position: relative; padding-left: 2.3em; margin-bottom: 0.6em; line-height: 1.75; counter-increment: webdd-ol; }
.post ol.wp-block-list > li::before { content: counter(webdd-ol); position: absolute; left: 0; top: 0.1em; width: 1.6em; height: 1.6em; background: #28bb69; color: #fff; border-radius: 50%; font-size: 0.76em; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
/* ===========================================
   関連記事 引用ブロック スタイル（2026-06-06 追加）
   =========================================== */
.post .wp-block-quote { border-left: 3px solid #28bb69 !important; background: #f5fbf7 !important; padding: 12px 18px !important; margin: 1.4em 0 !important; border-radius: 0 4px 4px 0; }
.post .wp-block-quote p { margin: 0 !important; font-size: 0.92em; }
.post .wp-block-quote cite, .post .wp-block-quote footer { display: none; }

/* ===========================================
   デザイン改修（2026-06-06d）
   テーブル外枠・ヘッダー境界・引用ブロック
   =========================================== */
/* テーブル外枠を細線化（2px → 1px・内側セル境界と統一） */
.webdd-table-green { border: 1px solid #c8ebd8; }
.tc-info, .tc-fee, .tc-compare, .tc-summary { border: 1px solid #c8ebd8; }
/* ヘッダー下境界を白系に（Luxeritasデフォルト黒線を上書き） */
.webdd-table-green th,
.tc-info th, .tc-fee th, .tc-compare th, .tc-summary th {
  border-bottom: 2px solid rgba(255,255,255,0.5) !important;
}
/* 引用ブロック フォントサイズを本文と同一化（0.92em → 1em） */
.post .wp-block-quote p { font-size: 1em !important; }
/* 口コミ・外部引用 専用クラス（wp:html + div.webdd-quote-sns） */
.webdd-quote-sns { border-left: 3px solid #aaa !important; background: #f7f7f7 !important; padding: 12px 18px !important; margin: 1.4em 0 !important; border-radius: 0 4px 4px 0; }
.webdd-quote-sns p { margin: 0 !important; font-size: 1em; }

/* ===========================================
   デザイン改修追加（2026-06-06d-2）
   =========================================== */
/* thead の Luxeritas デフォルト黒太線（3px solid #111）を解消 */
.webdd-table-green thead,
.tc-info thead, .tc-fee thead, .tc-compare thead, .tc-summary thead {
  border-bottom: none !important;
}
/* 引用ブロック差別化：内部リンクあり=関連記事（緑）、なし=口コミ（グレー） */
.post .wp-block-quote:not(:has(a[href*="webdd.minibird.jp"])) {
  border-left: 3px solid #aaa !important;
  background: #f7f7f7 !important;
}

/* =====================================================
   旧「追加CSS」（カスタマイザー）から統合 2026-06-19
   ===================================================== */
/*記事見出しデザイン*/
.post h1 {font-weight:900;
}

.post h2 {
position: relative;
padding-bottom: 0.5em;
border-bottom: 4px solid #DDD;
border-left:none !important;
padding-left:0px !important;
font-weight:900;
margin-top:1.5em;
}

.post h2::after {
position: absolute;
content: " ";
border-bottom: solid 4px #01C1F9;
bottom: -4px;
width:20%;
display: block;
}

.post h3 {
position: relative;
padding-left: 0.7em;
border-left:none !important;
font-weight:600;
}

.post h3::after {
position: absolute;
top: 50%;
left:0;
transform:translateY(-50%);
content: '';
width: 3px;
height:2em;
background-color: #01C1F9;
}

.post h4 {
position: relative;
padding-left: 0.7em;
border-left:none !important;
	font-weight:600;
}

.post h4::after {
position: absolute;
top: 50%;
left:0;
transform:translateY(-50%);
content: '';
width: 1px;
height:1.5em;
background-color: #01C1F9;
}

/*コメント欄*/
#comments textarea{
  height: 100px !important;
}
#commentform{
  flex-direction: column;
}
#commentform .form-submit{
  margin-bottom: 20px;
}
#comments [type=submit]{
  background: #1498dc;
  transition: opacity .3s;
}
#comments [type=submit]:hover{
  opacity: 0.6;
}

/*テーブル*/
th{
	border-color: #c3eaf9 !important;
	background: #e5f7fe !important;
}

td{
	border-color: #c3eaf9 !important;
}

/*色#ffb1c3*/
.table_f0f2eb td:nth-child(1){
	background: #fafeff !important;
}

/*色#ffb1c3*/
.table_ffb1c3 td:nth-child(1){
	background: #fafeff !important;
}

/*記事内画像余白*/
.wp-block-post-featured-image{
	margin-bottom:2em;
}

/*記事内プロフィール*/
#thk_reusable_blocks_widget-4{
	margin-bottom:2em;
}

/*ディスカッション「ウェブサイト」*/
.comment-form-url {
    display:none;
}

/*サイドバー新着記事*/
:where(figure) {
    margin:0;
}

/*　記事ページリンク*/
.post a {
    text-decoration: none;
}

/* トップページの記事タイトル変更 */
#list .entry-title {
    margin-bottom: 10px;
    font-weight: bold;
}

/* トップページの記事タイトルホバー色変更 */
#list .entry-title a:hover{
    color: #377fdd;
}

#list div[id^="tile-"] .excerpt {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* 下線強調 */
strong {
    background: linear-gradient(transparent 60%,#FF6 60%);
}

/*　TOPカテゴリ記事一覧リスト*/
.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: disc;
    line-height: 2.1;
    padding: 0 0 0 30px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    border-bottom: 1px dotted #ccc;
}

/*CATボタン上テキスト*/
.has-text-align-center{text-align:center}

/*記事下カスタマイズHTML余白調整*/
#sns-tops {
    margin: -25px 0 0px;
}

.head-under, .post-title-upper, .post-title-under {
    margin-bottom: 0px;
    font-size: 1.4rem;
}

/*区切り*/
.sitename a {
    font-family: inherit;
    font-weight: 500;
}

.logo, .logo-up {
    margin: 15px auto 10px auto;
    text-align: center;
}

/* ブログカード追加修正 */
p.blogcard-link {
	display: none;
}

#foot-in {
    padding: 35px 0 0 0;
}

.blogcard {
    margin-top: -15px;
}

/*カスタマイズボタン*/

/**/

@media (max-width: 575px){
  .read-more-link{
    background: #38b2e0;
    border: none;
    color: #fff;
    font-weight:bold;
  }
}

/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/

/*外部リンクアイコンを非表示*/
.ext_icon{
display:none;
}

.booklink-box, .kaerebalink-box{
  padding:25px;
  margin-bottom: 20px;
  border:double #CCC;
  overflow: hidden;
  font-size:1.8rem;
}

.booklink-image, .kaerebalink-image{
  margin:0 30px 0 0;
  float:left;
  min-width: 160px;
  text-align: center;
}
.booklink-image img, .kaerebalink-image img{
  margin:0 auto;
  text-align:center;
}

.booklink-info, .kaerebalink-info{
  margin:0;
  line-height:120%;
  overflow: hidden;
}

.booklink-name, .kaerebalink-name{
  /*margin-bottom:24px;*/
  line-height:1.5em;
}

.booklink-powered-date, .kaerebalink-powered-date{
  font-size:8px;
  margin-top:10px;
  font-family:verdana;
  line-height:120%;
}

.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
  width:32%;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  display:inline-block;
  margin:5px 5px 0 0;
  padding:10px 1px;
  text-align:center;
  float:left;
  text-decoration:none;
  /*font-weight:800;*/
  /*text-shadow:1px 1px 1px #dcdcdc;*/
  font-size:12px;
  color: #fff !important;
}

.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
  position:relative;
  top:1px;
}

.kaerebalink-detail, .booklink-detail {
/*display: none;*/
}

/*ボタンを変えるときはここから*/
.shoplinkamazon a{background-color:#FF9901 !important;}
.shoplinkrakuten a{background-color:#c20004 !important;}
.shoplinkkindle a{background-color:#007dcd !important;}
.shoplinkkakakucom a{background-color:#314995 !important;}
.shoplinkyahoo a{background-color:#0c3880 !important;}
/*ここまでを変更*/

.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

@media screen and (max-width: 680px) {
.booklink-box, .kaerebalink-box{padding:15px;}
.booklink-image, .kaerebalink-image{
  width: 100px !important;
  min-width: initial;
}
	
.booklink-name > a, .kaerebalink-name > a{
  font-size: 15px;
  font-weight: bold;
}
	
.booklink-name, .kaerebalink-name{margin-bottom:12px;}
.booklink-powered-date, .kaerebalink-powered-date{margin-top:5px;}
.booklink-link2 a,
.kaerebalink-link1 a{
  width:calc(100% - 4px);
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  margin: 2px 0px;
  padding:10px 0px;
}
}

.yyi-rinker-detail{
display: none;
}

/*SANGO風プロフィール*/
.sidebar-profile {
   width: 100%;
   font-size: 1em;
   background-image: url("https://webdd.minibird.jp/wp-content/uploads/YOSX9709_TP_V4-e1671939616971.jpg");
   background-repeat: no-repeat;
   background-size: 100% auto;
   padding: 40% .5em 2em .5em;
}
/*土台の余白*/
div#custom_html-2 {
    padding: 0 !important;
}

/*画面横幅が992px以上のサイズ*/
@media only screen and (min-width: 992px){
.sidebar-profile {
   padding: 45% .9em 2em .9em;
}
}
/*画面横幅が576px以上、991px以下のサイズ*/
@media (max-width: 991px) and (min-width: 576px){
.sidebar-profile {
   padding: 50% .9em 2em .9em;
}
}

/*画面横幅が575px以下のサイズ*/
@media only screen and (max-width: 575px){
.sidebar-profile {
   padding: 45% .5em 2em .5em;
}
}
.profile-center{
   text-align: center;
   margin-bottom: 15px;
}

/*プロフィール画像を丸くする*/
.profileimg{
   width: 100px;
   height: 100px;
   border-radius: 50%;
   border: solid 3px #fff;
}

@media only screen and (max-width: 575px){
.profileimg{
   width: 80px;
   height: 80px;
}
}
/*名前*/
.profile-name{
   font-size: 1.2em;
   font-weight: bold;
   color: #505454;
}

