@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
*/

/*見出しリセット用*/
.article h1{ padding: 0; border: none; background: none; }
.article h2{ padding: 0; border: none; background: none; }
.article h2:before{ display: none; }
.article h2:after{ display: none; }

/* ====================================
   海風デザイン ＋ あなたのカスタマイズ
   （メインカラー #00a5bf 統一＆切れ目修正版）
==================================== */

/* 全体の背景と文字色 */
body {
	background-color: #F0F8FF;
	color: #333333;
}

/* メインカラム（元の丸みを活かして少し影をプラス） */
#main{
	border-radius: 20px;
	background-color:#ffffff;
	box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}

/* ヘッダー（上部）周り */
.header {
  background-color: #ffffff;
  border-bottom: none; /* ←線を消しました */
}
.logo-header a {
  color: #00a5bf; 
}

/* ★追加：グローバルメニューの「うっすらした切れ目」を消す */
#navi {
  border-top: none !important;
  border-bottom: none !important;
}

/* リンクやボタンのアクセント */
a { color: #00a5bf; } 
a:hover { color: #FF7F50; }

/* --- 見出しデザイン --- */

/* h1のスタイル変更 */
.article h1 {
	border-bottom: solid 3px #16BED9;
}

/* h2のスタイル変更（波デザイン） */
.article h2 {
  background: #E2F7FA;
  color: #333333;
  padding: 15px 20px;
  border-left: 6px solid #00a5bf;
  border-radius: 0 10px 10px 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-weight: bold;
}

/* h3のスタイル変更 */
.article h3 {
  border-bottom: 3px solid #00a5bf;
  padding-bottom: 10px;
}


/* ====================================
   ここから下は、元のカスタマイズ設定
==================================== */

/* タイトルとキャッチフレーズ */
.logo-text { padding: 20px 0 0; }
.tagline { margin: 0 0 .6em; font-size: 14pt; color: #555555; }

/* サイドバー見出し変更 */
.sidebar h3, .sidebar h3:before, .sidebar h3:after{
	background: none;
	border-radius: initial;
	box-shadow: none;
	font-weight: normal;
}
.sidebar h3{
	color: #00A5BF;
	border: solid 3px #00A5BF;
	padding: 0.5em;
	border-radius: 0.5em;
}

/* サイドバー目次 */
#sidebar .toc{
	margin-top: 4em;
	margin-bottom: 2em;
	padding: 1em 1.5em;
	border-radius: 5px;
	background-color: #E2F7FA;
}

/* グローバルメニューの高さを変更 */
#navi .navi-in > ul li{ height: 40px; line-height: 40px; }
.navi-in .menu-header .item-label{ font-size: 12px; }

/* プロフィールの背景色 */
#sidebar .widget_author_box .author-box{ background: #ffffff; }

/* SNS ボタンをまとめて丸くする */
.sns-share.ss-top .sns-share-buttons,
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	justify-content: center;
	flex-wrap: wrap;
}
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 40px; height: 40px; margin-right: 4px; margin-left: 4px; border-radius: 50%;
}
.sns-follow.sf-profile .sns-buttons a { border-radius: 50%; }
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon { font-size: 18px; }
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button { font-size: 24px; }
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption { display: none; }
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: -2px; bottom: -2px; padding: 2px; font-size: 10px; border: solid 1px; border-radius: 3px; background-color: inherit;
}
.sns-share.ss-top .sns-buttons a .share-count:empty,
.sns-share.ss-bottom .sns-buttons a .share-count:empty,
.sns-follow.sf-bottom .sns-buttons a .follow-count:empty,
.sns-follow.sf-widget .sns-buttons a .follow-count:empty { padding: 0; border: 0; }

/* レスポンシブデザイン用のメディアクエリ */
@media screen and (max-width: 1023px){ }
@media screen and (max-width: 834px){ }
@media screen and (max-width: 480px){ }