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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}



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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/* カテゴリーラベルを非表示 */
.cat-label{
display: none;
}



/* 広告掲載問い合わせフォーム用CSS */

/* 外枠のスタイル */
.ad-contact-box {
    background-color: #f8f8f8; /* 薄いグレーの背景 */
    border: 3px solid #005A9C; /* ドジャースカラーをイメージ */
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* タイトルと説明文 */
.ad-contact-box h3 {
    text-align: center;
    color: #005A9C;
    font-size: 1.8em;
    margin-bottom: 10px;
    border-bottom: 2px solid #005A9C;
    padding-bottom: 10px;
}

.ad-contact-box p.description {
    text-align: center;
    margin-bottom: 25px;
    color: #555;
    font-size: 0.95em;
}

/* フォームの各行 */
.ad-form-group {
    margin-bottom: 20px;
}

/* ラベルのスタイル */
.ad-form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

/* 必須マークのスタイル */
.ad-form-group .required {
    color: #CC0000; /* 赤色で強調 */
    font-size: 0.8em;
    font-weight: normal;
    margin-left: 5px;
    background-color: #ffeaea;
    padding: 2px 5px;
    border-radius: 3px;
}

/* 入力フィールドの共通スタイル */
.ad-form-group input[type="text"],
.ad-form-group input[type="email"],
.ad-form-group input[type="tel"],
.ad-form-group select,
.ad-form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box; /* paddingを含めて幅100%にする */
    transition: border-color 0.3s;
}

.ad-form-group input:focus,
.ad-form-group textarea:focus {
    border-color: #005A9C;
    outline: none;
}

/* ボタンのスタイル */
.ad-submit-button {
    display: block;
    width: 100%;
    padding: 15px;
    background-color: #134A8E; /* ドジャースの濃い青 */
    color: white;
    font-size: 1.2em;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 30px;
    transition: background-color 0.3s;
}

.ad-submit-button:hover {
    background-color: #003666;
}

/* プライバシーポリシーエリア */
.privacy-note {
    margin-top: 20px;
    font-size: 0.85em;
    color: #777;
    text-align: center;
}

@media screen and (max-width: 768px) {
  #sidebar { display: none !important; }
}