@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* アコーディオン */
.toggle-button::before {
    color: #FFFFFF;
}

html .body .toggle-wrap.has-blue-border-color .toggle-content {
    border-color: #ccc;
}

/*---------------------------------
記事の中の枠
--------------------------------*/
.box {
    border: dashed 1px #4865b2;
    margin-top: 30px;
	margin-bottom: 50px;
    padding-top: 40px;
	padding-bottom: 40px;
    padding-right: 10px;
	padding-left: 10px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
@charset "UTF-8";

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

/* Simplicity子テーマ用のスタイルを書く */
/*グローバルメニューの中央寄せ*/
@media screen and (min-width: 1024px) {
  #navi-in{
    display: flex;
    justify-content: center;
  }
}
/*固定ページの日付非表示*/
.page .post-meta {
	display: none;
}
/* フォントを灰色にする */
body {
    color:#333333 !important;
}
/* 見出し */
/* h2 見出しのリセット */
.article h2,
.article h2::before,
.article h2::after {
   content: none;
   background: none;
   border: none;
   border-radius: 0;
	padding:0;
	margin:0;
}
/* h3 見出しのリセット */
.article h3,
.article h3::before,
.article h3::after {
   content: none;
   background: none;
   border: none;
   border-radius: 0;
	padding:0;
	margin:0;
}
/* h2 見出しのカスタマイズ */
.article h2{
	background: #f7f7f7;
    padding: 20px 15px 18px;
    color: #333;
    border-left: 9px solid #4865b2;
    line-height: 40px;
	margin: 60px 0px 30px 0px;
}
/* h3 見出しのカスタマイズ */
.article h3 {
	font-size: 20px;
	font-weight: bold;
	color:#333;
	position: relative;
	padding-bottom: .5em;
	margin: 60px 0px 30px 0px;
	
}
.article h3:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 4px;
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #7ED1E6 2px, #7ED1E6 4px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #7ED1E6 2px, #7ED1E6 4px);
}
/* h4 見出しのリセット */
.article h4,
.article h4::before,
.article h4::after {
   content: none;
   background: none;
   border: none;
   border-radius: 0;
	padding:0;
	margin:0;
}
/* h4 見出しのカスタマイズ */
.article h4 {
	font-size: 20px;
	margin: 60px 0px 30px 0px;
	letter-spacing: 1.6px;
    padding: 0px 15px 0px;
    border-left: 9px solid #4865b2;
    color: #333;
 }
/* h5 見出しのリセット */
.article h5,
.article h5::before,
.article h5::after {
   content: none;
   background: none;
   border: none;
   border-radius: 0;
	padding:0;
	margin:0;
}
/* h5 見出しのカスタマイズ */
.article h5 {
  position: relative;
  padding-left: 35px;
	margin: 60px 0px 30px 0px;
	font-size: 18px;
	color: #353535;
}
.article h5:before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f0eb";
  background: #ffca2c;
  color: white;
  font-weight: 900;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.article h5:after {
  /*吹き出しのちょこんと出た部分*/
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  height: 0;
  width: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #ffca2c;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*---------------------------------
オススメ
--------------------------------*/
.check {
  color: #ff0505;
  font-size: 10px;
  text-decoration: underline;
  background-color: #ffcbcb;
  font-weight: bold;
	margin-left:2px;
}
/*--------------------------------
よく読まれています
--------------------------------*/
.box24 {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #f89174;
    color: #fff;
    font-weight: bold;
}
.box24:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #f89174;
    width: 0;
    height: 0;
}
.box24 p {
    margin: 0; 
    padding: 0;
}
/*--------------------------------------
  もしもの簡単リンクのカスタマイズ
--------------------------------------*/
.easyLink-box {
	margin-bottom: 1.5em!important;
}
.easyLink-info-btn {
	display: inline!important;
}
.easyLink-info-btn a{
	margin: 5px 10px 5px 0!important;
	padding: 0 12px!important;
    line-height: 35px!important;
	display: inline-block!important;
	width: 100%!important;
	box-shadow: 0 8px 15px -5px rgba(0, 0, 0, 0.25)!important;
	font-size: 1em!important;
}
.easyLink-info-btn-amazon{
	background:#ffb36b!important;
}
.easyLink-info-btn-rakuten{
	background:#ea7373!important;
}
.easyLink-info-btn-yahoo{
	background:#73c1ea!important;
}
@media screen and (max-width: 480px){
	div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
		width: 100%!important;
		position: relative;
	}
	.easyLink-info-btn a:before {
		padding-right: 5px;
		right: 5px;
		position: absolute;		
	}
}
@media screen and (max-width: 480px){
	div.easyLink-box div.easyLink-info p.easyLink-info-btn a {
		width: 100%!important;
		position: relative;
	}
	.easyLink-info-btn a:before {
		padding-right: 5px;
		right: 5px;
		position: absolute;		
	}
}
/*--------------------------------------
  アピールエリア
--------------------------------------*/
@media screen and (max-width:767px) {
  .appeal-title {
    font-size: 20px;
  }
}

.cat-label{
	display: none;
}

/*--------------------------------------
  ボタン
--------------------------------------*/
.center {
  text-align : center;
}
.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #2a8f25;
    border-radius: 8px;
    background: #45e93c;
    background: -webkit-gradient(linear, left top, left bottom, from(#45e93c), to(#2a8f25));
    background: -moz-linear-gradient(top, #45e93c, #2a8f25);
    background: linear-gradient(to bottom, #45e93c, #2a8f25);
	-webkit-box-shadow: #40d737 0px 0px 40px 0px;
    -moz-box-shadow: #40d737 0px 0px 40px 0px;
	text-shadow: #1b5a17 1px 1px 1px;
	box-shadow: #40d737 0px 0px 20px 0px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
	 margin: auto;
}
.button:hover,
.button:focus {
    border: 1px solid #35b32e;
    background: #53ff48;
    background: -webkit-gradient(linear, left top, left bottom, from(#53ff48), to(#32ac2c));
    background: -moz-linear-gradient(top, #53ff48, #32ac2c);
    background: linear-gradient(to bottom, #53ff48, #32ac2c);
    color: #ffffff;
    text-decoration: none;
	cursor: pointer;
}
.button:active {
    background: #2a8f25;
    background: -webkit-gradient(linear, left top, left bottom, from(#2a8f25), to(#2a8f25));
    background: -moz-linear-gradient(top, #2a8f25, #2a8f25);
    background: linear-gradient(to bottom, #2a8f25, #2a8f25);
}
.button a{
  font-size:18px;
  color: white;
  text-decoration: none;
  padding: 15px 18px; 
}
/*目次*/
.article .toc-list > li li {
    list-style: circle;
}
.toc-list > li li a {
  font-weight: normal;
  font-size: 95%;
  color: #708090;
} 
/************************************
** ●人気記事ランキング表示のカスタマイズ
************************************/
/* .widget-entry-cards.ranking-visible .widget-entry-card-thumb::before{ /*順位数表示のカスタマイズ*/
  background-color: #ddfff9!important; /*ランキング数字の背景色を統一する*/
  color:#5005ff; /*ランキング数字のカラー*/
  top: -4px;
  left: -4px;
  border-radius: 18px; /*角丸コーナー*/
  border:solid 2px #2481f3; /*ランキング数字の枠のカラー*/
  width: 16px;
  height: 14px;
  line-height: 14px;
  font-weight: bold;
  font-style: oblique;
}
.popular-entry-card-title.widget-entry-card-title.card-title{ /*タイトル*/
/*  height: 67px!important; /*メニュー縦幅設定*/
  display: flex;
  padding-top: 5px;
}
.popular-entry-card-title{ /*フォント*/
  font-weight: bold; /*文字強調★*/
  font-size: 14px;
}
@media screen and (max-width: 480px){ /*モバイル表示のフォント*/
  .popular-entry-card-title{
    font-size: 12px;
  }
}
.popular-entry-card-link.a-wrap{ /*ランキング間の隔幅調整*/
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.attachment-thumb120.size-thumb120.wp-post-image{ /*アイキャッチ画像*/
  border-radius: 3px; /*角丸コーナー*/
  box-shadow: 3px 3px 2px 0 rgba(0,0,0,0.3); /*シャドー（影）*/
}
/* スクロールボタン（表） */
.scroll-hint-icon{
z-index: 3;
}
/* 記事ボックスのリストのマージンを消す */
.article .box ul,.article .box ol,
.article .alert-box ul,.article .alert-box ol,
.article .information-box ul,.article .information-box ol{
	margin-bottom: 0;
}
/* 記事ボックスのpタグの最後のマージンを消す */
.article .box p:last-child,
.article .alert-box p:last-child,
.article .information-box p:last-child{
	margin-bottom: 0;
}
/*テーブルの背景*/
table td {
   background: #fff;
	border: 1px solid #58555A;
}
table th, .scrollable-table th {
	background: #939598;
	border: 1px solid #58555A;
}
/*タブ付きのボックス*/
.blank-box.bb-green{
	background:#ffffdb;
	margin-top:46px;
}
/* トップページの「カテゴリごと」のタイトル変更 */
.list-title-in{
	color: #282d48;/*文字の色*/
	font-size: 20px;/*文字の大きさ*/
}

.list-title-in:before, .list-title-in:after {
	background-color: #282d48;/*線の色*/
}
/*カテゴリーごと表示の「もっと見る」ボタン*/
.list-more-button:hover{
background: #282d48; /*背景色*/
color:#fff; /*文字色*/
}
/*通知エリア*/
.notice-area{
	font-size: 1em;
	font-weight: 800;
}
/*トグルの編集*/
.toggle-button{
	text-align:left;
}
/*トグルアイコン*/
.toggle-button::before {
    color: #999;
}

/* --- キラーページ用スタイルここから --- */

/* おすすめパターンのボックス装飾 */
.recommend-box {
    background-color: #f9f9f9;
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-radius: 4px;
}
.recommend-box strong {
    display: block;
    margin-bottom: 5px;
    font-size: 1.1em;
}
/* コース名の強調色 */
.course-name {
    font-weight: bold;
    font-size: 1.2em;
}
.course-name.thg { color: #ff0000; } /* 東京法経：赤 */
.course-name.aga { color: #008db7; } /* アガルート：水色 */
.course-name.lec { color: #003366; } /* LEC：紺 */

/* 料金表の装飾（修正版） */
.school-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
    margin-bottom: 5px;
    border: 1px solid #ddd; /* 表全体を薄いグレーで囲む */
}
.school-table th,
.school-table td {
    padding: 10px;
    border: 1px solid #ddd; /* 全てのセルの線を薄いグレーに強制統一 */
}
.school-table th {
    background: #eee;
    color: #333; /* 文字色は黒に近いグレー */
    text-align: left;
    white-space: nowrap;
}
.price-note {
    font-size: 0.8em;
    color: #666;
    text-align: right;
    margin-bottom: 30px;
}

/* アフィリエイトリンクのボタン化 */
.affi-btn-wrapper {
    text-align: center;
    margin: 30px 0;
    padding: 10px;
}
/* マイクロコピー */
.micro-copy {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    color: #333;
}
/* 注釈 */
.btn-note {
    font-size: 0.8em;
    margin-top: 10px;
    color: #666;
    display: block;
}

/* ショートコードが出力するaタグをボタンにする */
.affi-btn-wrapper a {
    display: inline-block;
    color: #fff !important;
    padding: 15px 40px; /* ボタンの大きさ */
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1.1em;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}
.affi-btn-wrapper a:hover {
    opacity: 0.9;
    transform: translateY(2px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    color: #fff !important;
}

/* 各スクールのボタン色 */
.btn-thg a { background: linear-gradient(to bottom, #ff4e00, #cc3e00); }
.btn-aga a { background: linear-gradient(to bottom, #00bfff, #008db7); }
.btn-lec a { background: linear-gradient(to bottom, #1e3a8a, #002266); }

/* --- チェックリスト用スタイル --- */
.check-point-box {
    background-color: #fffbf2; /* 薄い黄色系 */
    border: 2px solid #ffcc00;
    border-radius: 8px;
    padding: 25px;
    margin: 30px 0;
}
.check-point-title {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 20px;
    color: #333;
}
.check-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.check-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    line-height: 1.6;
    font-weight: bold;
    color: #333;
    border-bottom: 1px dashed #e5e5e5; /* 区切り線 */
    padding-bottom: 10px;
}
.check-list li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.check-list li:before {
    content: '✔'; /* チェックマーク */
    position: absolute;
    left: 0;
    color: #ff9900;
    font-size: 1.3em;
    top: -4px;
    font-weight: bold;
}
.check-note {
    display: block;
    font-weight: normal;
    font-size: 0.9em;
    color: #666;
    margin-top: 5px;
}
/* --- チェックリストここまで --- */
/* --- キラーページ用スタイルここまで --- */
/*================================
  スマホ固定フッター（隙間なし・完全フィット版）
================================*/

/* 1. 親要素（ul）の余白を完全に消す */
ul.mobile-footer-menu-buttons {
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    box-shadow: none !important; /* 影による隙間も防止 */
    border: none !important;
}

/* 2. 子要素（li＝各ボタンの箱）のレイアウト調整 */
.mobile-footer-menu-buttons .menu-button {
    width: 50% !important; /* 2つのボタンをきっちり半分ずつ */
    margin: 0 !important;  /* ボタン間の隙間をゼロに */
    padding: 0 !important; /* 内側の余白もゼロに */
    border: none !important; /* 枠線を消す */
    box-sizing: border-box !important; /* 幅の計算を正確に */
}

/* 3. 左のボタン（ホーム）：濃い紺色 */
.mobile-footer-menu-buttons .menu-button:first-of-type {
    background-color: #003366 !important;
}

/* 4. 右のボタン（予備校比較）：目立つ赤 */
.mobile-footer-menu-buttons .menu-button:nth-of-type(2) {
    background-color: #e60033 !important;
}

/* 5. リンク（aタグ）の中身を調整 */
.mobile-footer-menu-buttons .menu-button a {
    background: none !important;    /* Cocoonの背景を消す */
    color: #ffffff !important;      /* 文字色を白に */
    border-radius: 0 !important;    /* 角丸をなくして四角く */
    height: 100% !important;        /*高さを親に合わせる*/
    display: flex !important;       /* 中身を中央揃え */
    flex-direction: column;
    justify-content: center;
}

/* 6. 文字とアイコンの色・太さ */
.mobile-footer-menu-buttons .menu-button .menu-icon,
.mobile-footer-menu-buttons .menu-button .menu-caption {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* --- PCヘッダー強調（完全フィット・角丸なし） --- */

/* highlight-btnクラスがついたメニュー項目の背景色だけを変える */
.navi-in > ul > li.highlight-btn > a {
    background-color: #e60033 !important; /* 赤背景 */
    color: #ffffff !important;            /* 白文字 */
    font-weight: bold;
    border-radius: 0 !important;          /* 角丸をなくす */
    
    /* ▼ズレの原因となる余白を完全に削除▼ */
    margin: 0 !important; 
    
    /* 必要なら枠線を消す */
    border: none !important;
    transition: 0.3s;
}

/* ホバー時の挙動（自然な明るさ版） */
.navi-in > ul > li.highlight-btn > a:hover {
    background-color: #e60033 !important; /* 背景色はそのまま */
    opacity: 1 !important;               /* 透明にはしない */
    filter: brightness(1.2);             /* ★ここがポイント：明るさを1.2倍にする */
    transition: 0.3s;
}
/* ====================================
   モバイル専用バナーのスタイルと表示制御
   ==================================== */

/* 1. 基本設定：PCでは非表示にする */
.mobile-toren-banner {
    display: none;
}

/* 2. スマホ（画面幅834px以下）の時だけ表示＆デザイン適用 */
@media screen and (max-width: 834px) {
    
    /* バナーを表示させる */
    .mobile-toren-banner {
        display: block;
        margin: 15px auto; /* 上下の余白 */
        max-width: 100%;
        padding: 0 10px;   /* 左右の余白 */
        box-sizing: border-box;
    }

    /* --- 以下、バナーのデザイン --- */
    .mobile-toren-banner a {
        display: block;
        background: #fff;
        border: 2px solid #003366; /* 枠線の色 */
        border-radius: 8px;        /* 角丸 */
        text-decoration: none;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        overflow: hidden;
    }

    /* 上部の紺色の帯 */
    .mtb-header {
        background: #003366;
        color: #fff;
        font-size: 12px;
        padding: 4px;
        text-align: center;
        font-weight: bold;
        letter-spacing: 1px;
    }

    /* 真ん中のコンテンツ部分 */
    .mtb-content {
        padding: 15px 10px;
        text-align: center;
    }

    /* タイトル文字 */
    .mtb-title {
        color: #333;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 5px;
    }
    .mtb-title i {
        color: #003366;
        margin-right: 5px;
    }

    /* 赤字のタグ */
    .mtb-tag {
        font-size: 12px;
        color: #e60033;
        font-weight: bold;
        background: #fff0f0;
        display: inline-block;
        padding: 2px 10px;
        border-radius: 10px;
    }

    /* 下部のボタン風エリア */
    .mtb-footer {
        background: #f9f9f9;
        border-top: 1px solid #eee;
        color: #003366;
        font-size: 12px;
        padding: 8px;
        text-align: center;
        font-weight: bold;
    }
}
/* ====================================
   PCサイドバーバナーのデザインと動き
   ==================================== */

/* バナー全体の枠組み */
.sidebar-toren-banner {
    margin-top: 20px;
    text-align: center;
}

/* リンク（カード本体）のデザイン */
.sidebar-toren-banner a {
    display: block;
    background: #fff;
    border: 2px solid #003366;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* 初期の影 */
    overflow: hidden;
    transition: all 0.3s ease; /* ★ここが重要：0.3秒かけて動く設定 */
    transform: translateY(0);  /* 初期位置 */
}

/* ★ホバー時（マウスを乗せた時）の動き★ */
.sidebar-toren-banner a:hover {
    box-shadow: 0 10px 15px rgba(0,0,0,0.2); /* 影を濃く・大きくする */
    transform: translateY(-3px); /* 上に3px浮き上がる */
    opacity: 0.9; /* ほんのり透明感を出す */
}

/* --- 以下、中身のデザイン（スマホ版と共通テイスト） --- */
.stb-header {
    background: #003366;
    color: #fff;
    font-size: 12px;
    padding: 4px;
    font-weight: bold;
    letter-spacing: 1px;
}
.stb-content {
    padding: 15px 10px;
}
.stb-title {
    color: #333;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
.stb-title i {
    color: #003366;
    margin-right: 5px;
}
.stb-tag {
    font-size: 12px;
    color: #e60033;
    font-weight: bold;
    background: #fff0f0;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
}
.stb-footer {
    background: #f9f9f9;
    border-top: 1px solid #eee;
    color: #003366;
    font-size: 12px;
    padding: 8px;
    font-weight: bold;
}
/* ====================================
   カスタムプロフィールBOXのデザイン
   ==================================== */
.custom-profile-box {
    border: 1px solid #ddd;
    border-top: 4px solid #003366; /* 紺色のアクセント */
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    overflow: hidden;
    font-size: 14px;
}

/* ヘッダー帯 */
.cpb-header {
    background: #f9f9f9;
    padding: 8px 15px;
    font-weight: bold;
    color: #333;
    text-align: center;
    font-size: 13px;
    border-bottom: 1px solid #eee;
}

/* メイン部分（画像と名前） */
.cpb-main {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px dashed #eee;
}
.cpb-img-wrapper {
    flex-shrink: 0;
    margin-right: 15px;
}
.cpb-avatar {
    width: 70px;
    height: 70px;
    border-radius: 50%; /* 丸くする */
    border: 2px solid #eee;
    object-fit: cover;
}
.cpb-name {
    font-size: 18px;
    font-weight: bold;
    color: #003366;
    margin-bottom: 5px;
}
.cpb-title {
    font-size: 12px;
    color: #666;
    line-height: 1.4;
}

/* 実績リスト */
.cpb-achievements {
    list-style: none;
    padding: 15px 15px 5px 15px;
    margin: 0;
}
.cpb-achievements li {
    margin-bottom: 8px;
    line-height: 1.4;
    color: #333;
}
.cpb-achievements li i {
    color: #e60033; /* 赤色のアイコン */
    margin-right: 8px;
}
.cpb-achievements strong {
    color: #e60033;
    background: linear-gradient(transparent 70%, #ffcccc 70%); /* マーカー風 */
}

/* 紹介文 */
.cpb-text {
    padding: 0 15px 15px;
    font-size: 13px;
    line-height: 1.5;
    color: #555;
}

/* 詳細ボタン */
.cpb-btn {
    display: block;
    margin: 0 15px 15px;
    padding: 10px;
    background: #003366;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    transition: opacity 0.3s;
}
.cpb-btn:hover {
    opacity: 0.8;
    color: #fff;
    text-decoration: none;
}

/* SNSアイコン */
.cpb-social {
    display: flex;
    justify-content: center;
    padding-bottom: 15px;
}
.social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #eee;
    color: #555;
    margin: 0 5px;
    text-decoration: none;
    font-size: 18px;
    transition: 0.3s;
}
.social-icon.yt:hover { background: #f00; color: #fff; }
.social-icon.tw:hover { background: #000; color: #fff; }

/* ヘッダー画像の上の文字（タイトル・説明）を非表示にする */
.logo-header, .tagline {
    display: none;
}

/* ヘッダー全体のリンク化（画像をクリックでトップへ戻るようにする） */
.header {
    cursor: pointer;
}
/* ヘッダーとナビメニューの間に入り込むGoogle自動広告を完全削除 */
#header-container-in > .google-auto-placed {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 念のため、ナビゲーションの直上にある広告も対象にする */
#navi::before {
    content: none !important;
    display: none !important;
}
.header-in {width: 100%;}
.header-in img {width: 100%;}
.logo-image span, .logo-image a {width: 100%;}
.logo-image, .logo-image a {padding: 0;}