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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.single-post .eye-catch-wrap{display:none;}
.mobile-menu-buttons .search-menu-button{display:none!important;}

.article h2 {
	background-color: #ffffffd1;}
/* サイト全体の背景にグラデーションを適用 */
body {
    background: linear-gradient(142deg, #fff 0%, #e0f0ff 100%) fixed;
    background-attachment: fixed;
}

/* Cocoonのコンテンツエリアの白背景を透過させる（必要に応じて） */
#main, #sidebar {
    background-color: transparent !important;
}

.home #footer {
    background: #0f2540;

}
.single  .article h1{margin: 20px 0 80px 0;
    border-bottom: 2px solid #777;    border-top: 2px solid #777;
padding: 20px;}
.appeal-in{padding:80px 0 0 0}
.page-id-10 .entry-header{position:relative;top: -140px;}
.page-id-10 .article h1{ position: absolute;
    top: 50%;
    z-index: 999;
    left: 45%;    text-align: center;font-size: 1.6em;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.6); /* 画像の上でも文字を読みやすく */
color: #fff;
}
.appeal-title, .appeal-message {
    text-align: center;font-size: 1.6em;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.6); /* 画像の上でも文字を読みやすく */
color: #fff;
}
.appeal-message {
    margin-bottom: 0em;
}
.appeal-content{	background-color:unset;}
/* フッターの色を紺色にする */
.footer {
    background-color: #1a2e44; /* デザイン案に近い紺色 */
    color: #fff;
}
.appeal {margin-top: -80px;}
.main,#header-container .navi{
   	background-color:unset;
}
#header-container{
    background-color: #ffffffc2;
    z-index: 999;
    position: relative;
}
.header-container-in.hlt-top-menu .logo-header img {
    max-height: 40px;
    height: auto;
    vertical-align: middle;
}
.home .entry-title{display:none;}

.home .article h2{background:none;font-size: 28px;    margin-bottom:1em;}
.top-katudou{display:flex;}

/* 中ページのアイキャッチ画像を画面いっぱいにする */
.eye-catch-full {
    margin-top: 0;
    margin-bottom: 30px;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.eye-catch-full img {
    width: 100%;
    height: auto;
    max-height: 400px; /* 高さを抑えたい場合はここで調整 */
    object-fit: cover;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width: 960px) {
    .wp-block-columns.is-style-default:nth-of-type(2) { /* 2つ目のカラムブロックを指す */
        padding-left: 15% !important;
        padding-right: 15% !important;
    }

/*1023px以下*/

}

/*834px以下*/
@media screen and (max-width: 834px){

}
/*480px以下*/
@media screen and (max-width: 480px){
.appeal-title, .appeal-message {
    text-align: center;font-size: 1em;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.6); /* 画像の上でも文字を読みやすく */
color: #fff;
}
    .logo-menu-button img {
        max-height: 30px;
        display: block;
        margin: 0 60px 0 auto;
        width: auto;
    }
.appeal-content{padding:4em 0em;}
.home .article h2 {
    background: none;
    font-size: 24px;

}
.page-id-10 .entry-header {
	position: relative;top:-20px;}
.footer-bottom-logo img {
    height: 30px;
    width: auto;
}
.menu-drawer a {
    color: var(--cocoon-text-color);
    text-decoration: none;
    padding: 20px;
    display: block;
}
	    .body .mobile-header-menu-buttons {
        top: 0;
        background: #ffffffad;
    }
	.footer-mobile, .footer-left, .footer-center, .footer-right {
    padding: 10px 16px;
    text-align: center;
}
}