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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* Google Fontsの読み込み（MontserratとInter） */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Montserrat:wght@500;700;800&display=swap');

/* 本文全体（ベースフォント）の設定：Inter */
body, p, a, li, span, div, table, th, td {
    font-family: 'Inter', Arial, sans-serif !important;
}

/* 見出し・サイトタイトル・重要部分の設定：Montserrat */
h1, h2, h3, h4, h5, h6, 
.site-name, .logo, .site-title, .entry-title, .widget-title, .nav-menu {
    font-family: 'Montserrat', Arial, sans-serif !important;
    letter-spacing: 0.5px; /* ほんの少し字間を空けて高級感を出す */
}

/* サイトタイトルのウェイト（太さ）を強調 */
.site-name, .logo, .site-title {
    font-weight: 800 !important;
    letter-spacing: 1px;
}

/* 記事見出しのウェイト設定 */
h1, h2, h3 {
    font-weight: 700 !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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