@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){
  /*必要ならばここにコードを書く*/
}

/* トップページのスタイルここから -------------------------------------------- */

/* Full画面幅 */
.full-width {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	padding-top: 0px; /* 不要なら削除または、任意の数値を設定してください */
	padding-bottom: 0px; /* 不要なら削除または、任意の数値を設定してください */
}

.apple{
height:98vh;
background-position:center;
}
.appeal-in{
width:100%;
height:98vh!important;
background-color:rgba(255,255,255,.1);/*画像をちょっと白っぽくしている*/
}
.appeal-content {
background-color:transparent;/*ロゴ部分の背景色を透明にしている*/
}

.header-container {
 position: fixed;
z-index: 9999;
top: 0;
background-color: rgba(255,255,255,0);
}

#header-container .navi, #navi .navi-in>.menu-header .sub-menu, .header-container {
position:fixed!important;
background-color: rgba(255,255,255,0);
}

 .mobile-menu-buttons {
background-color: rgba(255,255,255,0);
box-shadow: none;
}

.mblt-header-mobile-buttons {
margin-top: 0;
}

/*アピールエリア*/
 

/*白い背景を透明に*/
.appeal-content{
color:#fff;
background-color:transparent;
padding: 0;
}
 

/*タイトルの文字サイズを大きく*/
.appeal-title{
font-size:25px;
margin-bottom: 2px;
}

/*赤いボタンを透明に*/
a.appeal-button{
background-color:transparent;
border: solid 1px;
border-color:#fff;
transition : 1s;
margin-top: 2em;
letter-spacing: 0.3em;
padding: 9px 13px;
}

/*ボタンにマウスを載せたときふわっとする*/
a:hover.appeal-button {
  transform: scale(1.1);
}

/* トップページ背景色を白にする（不要なら削除） */
.front-top-page body { background-color: #fff!important; }


/* トップページヘッダー・フッター非表示 */
.front-top-page .article-header,
.front-top-page .article-footer {
   display: none; /* トップページのヘッダーとフッターを非表示に */
}
.footer-bottom {
	margin-top: -9px; /*フッター内上部の余白を詰める*/
}

.copyright {
	font-size: 11px;/*文字サイズ*/
}

.navi-header-in a {
    font-size: 10px;
	font-weight: bold;
}

.navi-footer-in a {
    font-size: 12px;
}

/* セクションの余白設定 */
.section-wrap {
   padding-top: 5em; /* 上部の内側余白 */
   padding-bottom: 5em; /* 下部の内側余白 */
   margin-bottom: 0; /* 下部の外側余白 0（固定） */
}
	
/* 見出し ------------------------------------------------------------ */
.heading {
   text-align: center; /* 見出しを中央揃え */
   font-size: 5rem; /* 見出しの文字サイズ */
   color: #b5b5ae; /* 見出しの色を設定 */
   letter-spacing: 2px; /* 文字間隔を2px */
   line-height: 1.4; /* 行の高さを1.4倍 */
   font-weight: bold; /* 太字に設定 */
   position: relative; /* 基準点を設定 */
   padding-bottom: 1rem; /* 下部の内側余白を1rem */
   margin-bottom: 3rem; /* 下部の外側余白を3rem */
}

/*480px以下*/
@media screen and (max-width: 480px){
   .heading {
   font-size: 3rem; /* 見出しの文字サイズ */
   }
}

.heading span {
   display: block; /* サブ見出しをブロック要素化 */
   font-size: .9rem; /* サブ見出しの文字サイズ */
   font-weight: normal; /* サブ見出しを通常の太さに設定 */
}

/* 見出し下の線 */
.heading::after {
   display: block; /* 擬似要素をブロック要素に */
   content: ""; /* 内容を空に */
   width: 2.5rem; /* 線の幅を2.5rem */
   height: 1px; /* 線の高さを1px */
   border-radius: 10px; /* 線に丸みを追加 */
   background-color: #b5b5ae; /* 線の色を設定 */
   position: absolute; /* 位置を絶対配置に */
   bottom: 0; /* 下部の位置を基準に */
   left: 50%; /* 左から50%で中央揃え */
   transform: translateX(-50%); /* 中央寄せを調整 */
}

/* リンクボタン---------------------------------------------- */

/* ボタンの配置 */
.link-btn {
   display: block; /* ボタンをブロック要素に */
   text-align: center; /* ボタン内のテキストを中央揃え */
}

/* ボタンのスタイル */
.link-btn a {
   display: inline-block; /* インラインブロック要素 */
   border: 1px solid #b5b5ae; /* ボタンの枠線（色はグレー） */
   color: var(--cocoon-text-color); /* 文字色 */
   width: auto; /* ボタンの幅を自動調整 */
   min-width:300px; /*ボタンの最小幅*/
   padding: .7em 3em; /* 内側余白*/
   text-decoration: none; /* 下線を削除 */
   border-radius: 0; /* 角の丸みを0 */
   transition: .3s all; /* 変化をスムーズに */
   position: relative; /* 起点設定 */
}

/* 834px以下のボタン幅調整 */
@media screen and (max-width: 834px) {
   .link-btn a {
   width: 100%; /* モバイルでの最小幅を100%に */
   min-width: unset; /* min-widthを解除 */
   }
}

/* 矢印のスタイル */
.link-btn a:after {
   content: ''; /* 擬似要素の内容を空に */
   border-bottom: 1px solid var(--cocoon-text-color); /* 下矢印の線 */
   border-right: 1px solid var(--cocoon-text-color); /* 右矢印の線 */
   width: 15px; /* 矢印の幅 */
   height: 3px; /* 矢印の高さ */
   transform: skewX(45deg); /* 45度傾斜 */
   position: absolute; /* 位置を絶対配置に */
   right: 20px; /* 右から20pxに配置 */
   bottom: 50%; /* 下から50%の位置 */
   transition: .3s all; /* 変化をスムーズに */
}

/* ホバー時の変化 */
.link-btn a:hover {
   --link-btn-color: #b5b5ae; /* ホバー時のボタン色 */
   background-color: var(--link-btn-color); /* 背景色を変化 */
   border-color: var(--link-btn-color); /* 枠線色を変化 */
   color: var(--cocoon-white-color); /* 文字色を白に */
}

/* 矢印のホバー効果 */
.link-btn a:hover:after {
   border-color: var(--cocoon-white-color); /* 矢印色を白に */
   right: 15px; /* 矢印の位置を左へ少し移動 */
}

/* 記事カードの最大幅設定 --------------------------------------------- */
.widget-entry-cards.card-large-image .a-wrap {
   max-width: 600px; /* 最大幅を600pxに制限 */
   width: 100%; /*カード幅を揃える*/
}

/* サムネイル（大）記事を横並びにする(grid)------------------------------------------ */
.widget-entry-cards.large-thumb {
   display: grid; /* グリッドレイアウトを適用 */
   justify-items: center; /* アイテムを中央揃え */
   gap: 16px; /* アイテム間の隙間を16pxに */
}

/* 新着記事サムネイルのグリッド */
.new-entry-cards.large-thumb {
   grid-template-columns: repeat(2, 1fr); /* 2列で均等に分配 */
}

/* 人気記事サムネイルのグリッド */
.popular-entry-cards.large-thumb {
   grid-template-columns: repeat(3, 1fr); /* 3列で均等に分配 */
}

/* 834px以下のグリッド設定 */
@media screen and (max-width: 834px) {
   .new-entry-cards.large-thumb {
   grid-template-columns: 1fr; /* 1列に配置 */
   gap: 0; /* 隙間を0に */
   }
   .cate .new-entry-cards.large-thumb,
   .popular-entry-cards.large-thumb {
   grid-template-columns: repeat(2, 1fr); /* 2列に分配 */
   gap: 0; /* 隙間を0に */
   }
}

/* モバイルでのタイトル文字サイズ調整 */
@media screen and (max-width: 834px) {
   .cate .large-thumb .new-entry-card-title,
   .popular-entry-card-title {
   font-size: 14px !important; /* タイトル文字を小さく */
   }
}

/* タブ切り替え---------------------------------------------- */

/* タブコンテナの設定 */
.tab-switch {
   --active-tab-color: #b5b5ae; /* 選択タブの色はここで指定 */
   display: flex; /* タブを横並びに */
   flex-wrap: wrap; /* 幅に応じて折り返し */
   max-width: 100%; /* コンテナの最大幅 */
   margin: auto; /* 中央寄せ */
   justify-content: center; /* 中央揃え */
   gap: 10px 5px; /* タブ間の隙間 */
}

/* タブボタンのスタイル */
.tab-switch > label {
   order: -1; /* コンテンツより上に表示 */
   position: relative; /* 起点 */
   padding: .7em 1em; /* 内側余白 */
   border-bottom: 1px solid var(--active-tab-color); /* 下ボーダー */
   color: var(--active-tab-color); /* 文字色 */
   text-align: center; /* テキスト中央揃え */
   cursor: pointer; /* ポインタ表示 */
   transition:.3s all; /* ゆっくり変化 */
}

/* タブのホバーと選択時のスタイル */
.tab-switch > label:hover,
.tab-switch label:has(:checked) {
   background-color: var(--active-tab-color); /* 背景色を変化 */
   color: #fff; /* 文字色 */
}

/* 選択タブの下三角形 */
.tab-switch label:has(:checked)::before {
   position: absolute; /* 三角形位置を絶対配置 */
   bottom: -8px; /* 下からの位置 */
   left: 50%; /* 中央寄せ */
   transform: translateX(-50%); /* 中央寄せを調整 */
   width: 18px; /* 三角形の幅 */
   height: 9px; /* 三角形の高さ */
   background-color: var(--active-tab-color); /* 三角形色 */
   content: ''; /* 内容なし */
   clip-path: polygon(0 0, 100% 0, 50% 100%);  /* 三角形の形 */
}

/* ラジオボタン非表示 */
.tab-switch input {
   display: none; /* 非表示 */
}

/* タブのコンテンツエリア */
.tab-switch > div {
   display: none; /* 初期非表示 */
   width: 100%; /* 幅設定 */
   padding: 1.5em 0; /* 内側余白 */
}

/* 選択されたタブの内容表示 */
.tab-switch label:has(:checked) + div {
   display: block; /* チェック時に表示 */
}

/* Full画面幅 */
.full-width {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	padding-top: 10px; /* 不要なら削除または、任意の数値を設定してください */
	padding-bottom: 10px; /* 不要なら削除または、任意の数値を設定してください */
}
	
/* トップページのスタイルここまで -------------------------------------------- */

/* プロフィールボックスの外枠を消す */
.author-box {
   border: none !important;
}

/***トップページ プロフィール画像カスタマイズ***/
.home .wp-block-image{
	margin-top: 1.6px;
	margin-bottom: 1.6px;/*下の余白調節*/	
}

.home .has-text-align-center{
	margin-bottom: 4px;/*名前の下の余白を調節*/	
}

/***人気記事ランキングのカスタマイズ***/
.widget-entry-cards.ranking-visible .widget-entry-card-thumb::before{ /*順位数表示のカスタマイズ*/
	 border-radius: 50%; /*丸にする*/
	 top: -4px;  /*丸の位置上に*/
	 left: -4px;  /*丸の位置左に*/
	 width: 14px;  /*丸のサイズを小さく*/
	 height: 14px;  /*丸のサイズを小さく*/
	 font-family: 'Lato', sans-serif;  /*数字をグーグルフォントに変更*/
	 font-size: 12px;  /*数字のフォントサイズを小さく*/
}

.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {/*1位の数字を上に*/
	line-height: 13px;
	font-weight: bold; /*normal・bold・lighter・bolder*/
}

.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {/*2位の数字を上に*/
	line-height: 13px;
}

.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {/*3位の数字を上に*/
	line-height: 13px;
}

.widget-entry-cards.ranking-visible .no-4 .card-thumb::before {/*4位の数字を上にし背景色変更*/
	background: #d0d0d1;
	line-height: 13px;
}

.widget-entry-cards.ranking-visible .no-5 .card-thumb::before {/*5位の数字を上にし背景色変更*/
   background: #d0d0d1;
	line-height: 13px;
}

.home div.popular-entry-card-content.widget-entry-card-content.card-content{/*タイトル*/
   padding: 0.2em 0 0 0.8em !important;  /*タイトル周りの余白を調整*/
	letter-spacing: 0.8px;  /*字間を広げる*/
}

.home a.popular-entry-card-link.a-wrap{/*miniブログカード*/
	margin-bottom: 1px;  /*カード間の余白を広げる*/
}

/***検索ボックスのカスタマイズ***/
input::placeholder{
	font-size: 0.75em;/*「サイト内を検索」の文字サイズ*/
	line-height:1.9;
}

.search-submit {
	font-size: 15px;/*「サイト内を検索」のアイコンサイズ*/
	line-height:1.6;
}

.search-edit,
.search-box input[type="text"] {
	border-radius: 3px; /* 少し角丸にする*/
	height:40px;
}
	
/***リンクボタンのカスタマイズ***/
/*リンクボタン*/
.link-btn{
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; 
	display:block;/*ブロック要素にする*/
	text-decoration: none;/*文字装飾なし*/
	 /*矢印と下線の基点とするためrelativeを指定*/
	position: relative;/*形状*/
        margin:1em auto;/*外側余白*/
        padding: 0em 20px;/*内側余白*/
        text-align: center;/*中央寄せ*/
        border:none /*枠線（太さ、種類、色）*/
        font-size:.9em;/*文字の大きさ*/
        color:#333;/*文字色*/
        width:150px;/*ボタンの幅*/
}

/*矢印と下線の形状*/
.link-btn::before{
	content: ''; /*絶対配置で下線の位置を決める*/
	position: absolute;
	bottom:-8px;
	left:15%;/*下線の形状*/    
	width: 85%;
	height: 1px;
	background:#333;/*アニメーションの指定*/
	transition: all .3s;
}

.link-btn::after{
	content: '';/*絶対配置で矢印の位置を決める*/
	position: absolute;
	bottom:-3px;
	right:0;/*矢印の形状*/    
	width: 15px;
	height:1px;
	background:#333;
	transform: rotate(35deg);/*アニメーションの指定*/
	transition: all .3s;
}

/*hoverした際の移動*/
.link-btn:hover::before{
    left:20%;
}

.link-btn:hover::after{
    right:-5%;
}

.link-btn:hover {
	color: #333;
}

/****************************************
トップページ　タグクラウドのカスタマイズ
*****************************************/
.home .tagcloud a {
    background: none; /*背景を消す*/
　　border: none;/*枠線なし*/
    border-radius: 4px; /*角の丸み*/
　　background-color: #F9F9F9;
    color: #505050; /*文字色*/
    padding: 3px 14px 3px 6px; /*要素の内部余白*/
    text-decoration: none; /*文字の装飾なし*/
    font-size: 13px; /*文字サイズ*/
　　margin: 2px; /*要素の外部余白*/
　　flex: 1 1 auto; /*余白分の自動伸縮比率*/
　　justify-content: space-between;
}

.home .tag-cloud-link::before{
    content: "#"; /*アイコンの変更*/
　　font-family: "FontAwesome";
　　font-size: 12px; /*文字サイズ*/
　　padding-top: 2px;
    padding-right: 2px;
}

.home .tagcloud a:hover { /*マウスホバー時*/
    background: #333333;
　　color: #fff;
　　transition: 0.5s; /*アニメーションの時間*/
}

/***************************
** グローバルナビのカスタマイズ
****************************/
/* ナビメニュー 文字*/
#navi {
	font-family: 'Montserrat', sans-serif;/*〇〇にはお好きなGoogleフォントを入力*/
	font-weight: bold; /* 太文字 */
	letter-spacing: 0.07em;/*字間を広げる*/
	color: #333;
}
.navi-in a {
	font-size: 13px;/*文字サイズ*/
}

/* safari文字の太さ指定 */
_::-webkit-full-page-media, _:future, :root  
#navi {
	-webkit-text-stroke-width: .1px !important; 
}

 /* ブラウザChromeのみ太文字にする */
@media screen and (-webkit-min-device-pixel-ratio:0){
  #navi {
	-webkit-text-stroke-width: .4px !important;
}
}

/* ナビメニュー 下線*/
#navi .navi-in a::after {
	position: absolute;/*線の位置を絶対配置に*/
	bottom: 12px;/*線の位置*/
	left: 0;
	content: '';
	width: 100%;
	height: 2px;/*線の太さ*/
	background: #bc8f8f;/*線の色*/
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform 0.3s;/*変形の時間*/
}

#navi .navi-in a:hover::after {
	transform: scale(1, 1);
}

/* タブレットメニュー中央寄せ */
@media screen and (max-width: 768px){
#navi-in{
	display: flex;
	justify-content: center;
}
}

/*スマホメニューを横スクロール*/
@media screen and (max-width: 480px){
#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}
#header-container #navi a{
   color:#222; /* 文字色 */
   padding:0.8em 1em;
}
#header-container #navi a:hover{
   color:#222; /* マウスホバー時の文字色 */
}
#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}
}	
@media screen and (max-width: 1030px){
  #header-container .menu-mobile{
    display:none;
  }
  .navi-in > .menu-mobile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #header-container #navi a{
    font-size:0.8em;
    padding: 1em 1.2em;
  }
  #header-container .navi-in > ul > .menu-item-has-children > a::after{
    display:none;
  }
  #navi .navi-in > .menu-mobile li {
    height: auto;
    line-height: 1.8;
  }
  .mblt-header-mobile-buttons {
    margin-top: 53px;
  }
}

/************************************
**　　サイドバーのカスタマイズ
************************************/
#sidebar>.widget{
border-radius:10px;/*検索窓の	四隅の角を丸くする*/
}

.widget_search{
padding:0;
}
span.fas.fa-search::before{
color:#F7947F;/*検索マーク色変更はこちら*/
}

padding: 0.3em 0; /* 内側余白調整 */
   border-bottom: solid 3px #a5c9c1; /* 下線：実線・太さ・色 */
   color:#333; /* 文字色（黒）*/

.author-box p {
    margin-bottom: 1.3em;/*プロフィールの改行*/
}

/* サイドバー見出し変更 */※できない
.sidebar h3{
background: none!important;/*背景を消す*/
color: #515151;
font-size: 16px;/*文字の大きさ*/
margin-top:-0.5em;
margin-bottom:1em;
}

.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
background-color:#FFFFFF;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}

.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{
background-color:#FFFFFF;
color:#F7947F!important;
}

.tagcloud a{
background-color:#FFFFFF;
}

.tagcloud a:hover{
background-color:#FFFFFF;
color:#F7947F!important;
transition: 0.4s ;
}

.nwa .recommended.rcs-card-margin a {
margin: 0 0 2em;
width: 90%;
}

/*人気記事の余白*/
.sidebar a.popular-entry-card-link.a-wrap{
        margin-bottom: 0px;
}

/**************************
サイドバープロフィールのカスタマイズ
***************************/

/* プロフィール全体 */
.nwa .author-box {
	border: none;
	padding: 0px;
}

/* アイコン */
.nwa .author-box .author-thumb{
	width: 110px;
}
.nwa .author-box .author-thumb img{
	box-shadow: 0 1px 3px rgba(0,0,0,.18)
}

/* 下側 */
.nwa .author-box .author-content {
	padding: 3px 0;
}

/* 名前 */
.author-box .author-name {
	margin-bottom: 0.5em;
}
.author-box .author-content .author-name a{
	color: #333333; /* リンク色にしない */
	font-size: 15px;
	font-weight: bold; /* 普通（normal）or 太字（bold） */
	text-decoration: none; /* 下線をなくす */
	letter-spacing: 0em; /* 字間を広く */
}

/* プロフィール文 */
.author-description{
	margin-bottom: 10px;
	font-size: 12px;
	text-align: center;
}
.author-description p{
	margin: 0 0 1em 0;
	text-align: center;
	line-height: 1.7;
}

/**************************
固定ページの投稿日・更新日を非表示にする
***************************/

.post-40 .date-tags,
.post-2 .date-tags,
.post-64 .date-tags,
.post-527 .date-tags,
.post-548 .date-tags,
.post-590 .date-tags,
.post-704 .date-tags,
.post-3 .date-tags {
display: none;
}

/*固定ページのタイトルの余白を消す*/
.post-2 header {
	margin :2em;}

/* 目次のH2見出しのみ太字にする */
.toc-content ol li{
  color: #8195a2;  /* 文字の色 */
  margin:0.5em;  /* 文字の余白 */
}
.toc-list > li{
  font-weight: bold;  /* h2のみ太字にする */
}
.toc-list > li li{
  font-weight: normal;  /* h2以外を標準の太さにする */
}

/*目次のタイトル文字を変更*/
.toc-title {
	font-weight: bold;
	color: #778899;
	font-size: 25px
}

/**************************
コンタクトフォーム7のカスタマイズ
***************************/
/* フォーム全体のスタイル */
.wpcf7-form {
background-color: #f7f7f7;
border: 1px solid #e1e1e1;
padding: 25px;
border-radius: 5px;
font-size: 14px !important; /* 任意のサイズに設定 */
}

/* プレースホルダー */
.wpcf7 input::placeholder {
	color: #888;
	font-size: 13px;
}

/* 入力フィールドのスタイル */
.wpcf7-form .form-group label {
display: block;
margin-bottom: 8px;
font-weight: bold;
font-family: 'Arial', sans-serif;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea,
.wpcf7-form input[type="file"] {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
margin-bottom: 15px;
font-family: 'Arial', sans-serif;
font-size: 14px;
}

/* フォーカス時のスタイル */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form input[type="file"]:focus {
border-color: #0073e6;
box-shadow: 0 0 5px rgba(0,115,230,0.2);
}

/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
background-color: #FFFFFF;
color: #515151;
font-weight: 700;
width: 100%;/* 送信ボタンの幅100% */
margin: 0 auto;
font-family: 'Arial', sans-serif;
font-size: 16px;
padding: 10px 36px;
border-radius: 25px;
border: 1.8px solid #515151;
transition: background-color 0.3s ease;
}

.wpcf7-form input[type="submit"]:hover {
background-color: #F0F0F0;
}

/* 必須項目未入力 */
.wpcf7 input.wpcf7-not-valid {
	background-color: #ffdfdf;
}

.wpcf7 input.wpcf7-not-valid:focus {
	background: #fff;
}

/* 送信後の応答メッセージのフォントサイズを変更 */
    .wpcf7-mail-sent-ok {
        font-size: 14px !important; /* 任意のサイズに設定 */
    }

.wpcf7 form.sent .wpcf7-response-output {/* 送信ボタン下完了時 */
    border-color: #4682b4;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {/* 送信ボタン下未入力警告 */
    border-color: #cd5c5c;
	color: #cd5c5c;
}
.wpcf7-not-valid-tip {/* 必須未入力項目下の文章 */
    color: #cd5c5c;
    font-size: 12px;
}

.archive-title :before {
display: none;
}

/*カテゴリーやタグページの見出し*/
.archive-title {
color: #515151;
text-align: center;
font-size: 22px !important;
margin-left: -10px;
	
}

/*Cocoonのcat-label（サムネ左上のNEW）の位置と文字のカスタマイズ*/
/*ここから*/
.cat-label {
	top: 4%;
	left: 2.5%;
	line-height: 1.8;
	font-size: 0.67em;
	font-weight: 500;
}

.header { margin-top : 0em }
.header { margin-bottom : 0 }
.content { margin-top : 1em }
.content { margin-bottom : 0 }
.main { margin-top : 0em }
.main { margin-bottom : 0 }
.sidebar { margin-top : 4em }
.footer { margin-top : 0 }
.article-footer.entry-footer { display : none; }
#main { padding-top : 5em ; }
#main { padding-bottom : 0 ; }
.entry-content,
#pl-36 { margin-top : 0 ; }

/*Cocoonのcat-label（カテゴリラベル）のデザインのカスタマイズ：スケルトン*/
/*ここから*/
.cat-label {
	padding: 1px 10px;
	background-color: rgba(51, 51, 51, 0.5);
	border: 0;
	border-radius: 30px;
}

/*Cocoonのcat-label（カテゴリラベル）のサムネ画像サイズ*/
.category .entry-card-thumb {
  width: min(38%, 200px);
}

.category .entry-card-content {
  margin: 0 auto;
}

.category .entry-card-title {
  font-size: 12pt;
  padding: 0px;
  font-weight: bold;
}