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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*プロファイルlinkを無効にする*/
.author-box .author-name a {
    text-decoration: none;
    color: #333;
    pointer-events: none;
    cursor: default;
} 

/*キャッチフレーズ文字　大きさと色変更*/
.tagline{
font-weight: bold;
font-size: 14pt;
/*color: #FF0000;*/ 
}

/*すべての画像　マウスオーバー時　半透明にする*/
article img:hover {
	opacity: 0.6;
	transition: all 0.8s ease;
}

/*プロフィール画像削除　*/
.nwa .author-box .author-thumb {
	display: none;
}

/*Recaptcha　v3　非表示にする
.grecaptcha-badge { visibility: hidden; }
*/

/*タイトル　非表示　取消
.entry-title {
display: none;
}
*/

/*　カテゴリー　非表示 */
.cat-item.cat-item-50,.cat-item-51,.cat-item-52,.cat-item-53,.cat-item-54,.cat-item-55,
.cat-item-56,.cat-item-57,.cat-item-58,.cat-item-59,.cat-item-60,
.cat-item-61,.cat-item-62,.cat-item-63,.cat-item-64,.cat-item-65,
.cat-item-66,.cat-item-67,.cat-item-68,.cat-item-69,.cat-item-70,
.cat-item-71,.cat-item-72,.cat-item-73,.cat-item-74,.cat-item-75,
.cat-item-76,.cat-item-77,.cat-item-78,.cat-item-79,.cat-item-80,
.cat-item-81,.cat-item-82,.cat-item-83,.cat-item-84,.cat-item-85,
.cat-item-86,.cat-item-87,.cat-item-88,.cat-item-89,.cat-item-90,
.cat-item-92,.cat-item-93,.cat-item-946,.cat-item-97,.cat-item-102{
display:none;
}

/* カテゴリーラベル非表示 */
.entry-card .cat-label{
display: none;
}

/* 関連情報カテゴリーラベル非表示 */
.related-entry-card .cat-label{
display: none;
}

/***** コンタクトフォーム *****/
.table-contactform7{
  overflow: hidden;
  table-layout: fixed;
}

.required-contactform7{
  padding: 5px;
  background: #DE8686;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}

.unrequired-contactform7{
  padding: 5px;
  background: #BDBDBD;
  color: #fff;
  border-radius: 3px;
  margin-right: 3px;
}

.table-contactform7 th{
  font-weight:bold;
}

.table-contactform7 input,
.table-contactform7 textarea{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}

.address-100 input{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}

.message-100 textarea{
  width: 100%;
  margin: 5px 10px 10px 5px;
}

/* cf7セレクトの枠線指定 */
.table-contactform7 select{
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #2b2b2b;
  padding: 8px 10px 7px;
}

select{
height: 50px;
}

.table-contactform7 input,
.table-contactform7 select{
  max-width: 90% !important;
  margin: 5px 10px 10px 5px;
}

.btn-cf7 {
  border-radius: 10px;
}

@media screen and (min-width: 900px){
  .table-contactform7 th{
    width:28%;
    }
}

@media screen and (max-width: 900px){
  .table-contactform7{
    display:block;
    }

      .table-contactform7 tbody,
      .table-contactform7 tr{
        display: block;
        width: 100%;
        }

          .table-contactform7 th{
            width:100%;
            display:block;
            margin: 0 auto;
            border:none;
        }

          .table-contactform7 td{
            display: list-item;
            list-style-type:none;
            margin:0;
            padding:0;
            width: 100%;
            border-top: none !important;
        }
}

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

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

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