@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
*/
@charset "UTF-8";

/* =====================================================
   全体トーン
===================================================== */
body {
  background-color: #F5F3EF;
  color: #2F2F2F;
  line-height: 1.9;
}

/* =====================================================
   サイトタイトル（誌名）
===================================================== */
.site-name-text {
  position: relative;
  display: inline-block;
  font-family: "Hiragino Mincho ProN", serif;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #2F2F2F;
  padding-bottom: 24px;
}

/* タイトル下の極細ライン */
.site-name-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 1px;
  background-color: #8B7E74;
}

/* ヘッダー幅を本文と揃える */
.header-in {
  max-width: 720px;
  margin: 0 auto;
}

/* =====================================================
   スマホ調整
===================================================== */
@media screen and (max-width: 800px) {
  .site-name-text {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
  }

  .site-name-text::after {
    width: 60%;
  }
}

/* =====================================================
   記事内リンク：四角を消して下線だけ出す（最終修正）
===================================================== */

/* aタグ以外に付くhover背景を無効化 */
.entry-content a,
.entry-content a * {
  background: transparent !important;
}

/* hover時は必ず下線を出す */
.entry-content a:hover,
.entry-content a:focus {
  text-decoration: underline !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* aタグを包む要素（Cocoon特有）のhoverも殺す */
.entry-content .a-wrap:hover,
.entry-content .a-wrap:focus {
  background: transparent !important;
}
.entry-content a::before,
.entry-content a::after {
  background: none !important;
}