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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
ボックスメニューこちらにこのコードを追加

.box-menu{
padding: 0;
min-height: 0;
}

.box-menu:hover{
box-shadow:none;
opacity: 0.8;
}

.box-menu-label,
.box-menu-description{
display: none;
}

.box-menu-icon *{
margin: 0;
max-width: 100%;
max-height: 300px;}

@media screen and (min-width: 600px){
.wwa .box-menu{
width: calc(100%/4);
}
}

.box-menu:first-child{
margin-left: auto;
}

@media screen and (min-width: 600px){
.wwa .box-menu{
width: 20%;
}
}

@media screen and (min-width: 600px){
.wwa .box-menu{
margin-right: 3%;
}

.box-menu:hover{
box-shadow:none;
opacity: 0.8;
}

.box-menu-label,
.box-menu-description{
display: none;
}

.box-menu-icon *{
margin: 0;
max-width: 100%;
max-height: 300px;}

@media screen and (min-width: 600px){
.wwa .box-menu{
width: calc(100%/4);
}
}

.box-menu:first-child{
margin-left: auto;
}

@media screen and (min-width: 600px){
.wwa .box-menu{
width: 20%;
}
}

@media screen and (min-width: 600px){
.wwa .box-menu{
margin-right: 3%;
}
	
/*テーブル内の囲みボタン（リンク）*/
table .btn-wrap,
table .btn-wrap a{
	margin-bottom: 0!important;/*下の余白を0にする*/
}
	
/* --- サイト全体の背景を白にする --- */
body {
    background-color: #ffffff !important;
}

/* --- 記事タイトルのデザイン調整 --- */
.article h1 {
    font-size: 22px !important;    /* パソコン時のサイズ */
    background-color: #ffffff !important; /* 背景を白に */
    color: #333333 !important;      /* 文字の色 */
    padding: 20px 18px !important;  /* 内側の余白 */
    border: none !important;        /* 余計な線を消す */
    margin-bottom: 20px !important; /* 下の本文との間隔 */
}

/* --- スマホ時の記事タイトルサイズ --- */
@media screen and (max-width: 768px) {
    .article h1 {
        font-size: 20px !important; /* スマホでは少し小さく */
    }
}
	
/************************************
* 見出しデザインのリセットと適用
************************************/