@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
Customizer: Aya Yamamoto
*/

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

/************************************
** color
************************************/
/*青色*/
.blue {
  color: #1967d2;
}

/*太字で青色*/
.bold-blue {
  font-weight: bold;
  color: #1967d2;
}

/*緑色*/
.green {
  color: #2faa85;
}

/*太字で緑色*/
.bold-green {
  font-weight: bold;
  color: #2faa85;
}

/************************************
** サイトタイトル（デフォルト）
************************************/
.site-name-text {
font-size:60px;
font-weight:600;
}
.site-name-text-link {
color: #ffffff;
}
.site-name-text-link:hover {
color: #ffff99;
}

/* /************************************
** フッター（デフォルト）
************************************/
.footer-bottom {
margin-top: -10px;
} 
div.siteContent {
	margin-bottom:40px; /* フッターで隠れる部分のマージン */
}
footer{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
}

/************************************
** h2（デフォルト）
************************************/
.article h2 {
font-size: 24px;
padding: 0 0 5px 0;
background-color: #ffffff;
border-radius: 2px;
border-bottom: 2px solid #2faa85;
}

/************************************
** リスト（デフォルト）
************************************/
 ol,ul {	
 padding-left: 0;	
 }
ul  {
list-style-type: none;
}

/************************************
** リンク（デフォルト）
************************************/
a {
text-decoration: none;
color: 
}
a:hover  {
color: #2faa85;
}

/* エントリーカードの設定 */
.a-wrap:hover {
background-color: #ffffff !important;
transition: all 0.3s ease-in-out !important;
color: #2faa85 !important;
}
/* クラス別 */
a.a-member {
display: inline-block;
/* color: #2faa85; */
color: #ffffff;
/* border: solid 2px #2faa85; */
padding: 5px 10px; width: auto;
background-image: linear-gradient(90deg, rgba(183, 85, 85, 1) 40%,rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1));
width: 100%;
}
a.a-member:hover {
color: #02d7a6 !important;
}
a.a-privacy {
display: inline-block;
margin-top: 50px;
color: #333;
}
a.a-privacy:hover {
color: #2faa85;
}

a.a-contact {
display: inline-block;
background-image: linear-gradient(90deg,  rgba(39, 149, 239, 1) 40%, rgba(255, 255, 255, 1) 100%);
padding: 5px 10px; 
width: 100%;
margin-top: 20px;
color: #ffffff;
}
a.a-contact:hover {
color: #f8d936 !important;
}

/* 記事中リンクボタン */
.wp-block-button__link:hover {
/* color: #ffa07a; */
color: #ffff66;
} 
/************************************
** 新着記事ウィジェット（デフォルト）
************************************/
.widget-entry-cards figure {
display:none;
}

.widget-entry-card-content  {
margin-left:0;
}
.widget-entry-card {
font-size: 20px;
}

/************************************
** 共通変更（デフォルト）
************************************/

/* 検索窓非表示*/

 .fa.fa-search {
display: none;
}
.search-menu-caption.menu-caption {
display: none;
}   

/* Table*/
table tr:nth-of-type(2n+1) {
background-color: #ffffff;
}

.wp-block-table td, .wp-block-table th {
border:none;
border-bottom: 1px solid #dcdcdc;
}
figure.wp-block-table table {
width: 100%;
}

/************************************
** モバイルメニュー
************************************/
.mobile-menu-buttons .menu-icon {
color: #299687;
}
.mobile-menu-buttons .menu-button {
color: #299687;
font-weight: 800;
}

/* scroll-hint非表示　*/
.scroll-hint-icon-wrap {
display: none;
}

.widget-entry-card-content  {
margin-left: -5px;
}

/************************************
** サイドバー（デフォルト）
************************************/
.sidebar h3 {
/* padding: 6px 10px;
margin: 16px 0;
border-radius: 2px;
background-image: linear-gradient(90deg, rgba(253, 84, 0, 1), rgba(250, 125, 54, 1) 75%, rgba(234, 244, 244, 1));
color: #ffffff;
margin-top: 55px; */
display: none;
}

.a-wrap:hover {
background-color: #ffffff !important;
transition: all 0.3s ease-in-out !important;
color: #e53900 !important;
}



.fa .fa-close {
color: #ffffff !important;
}

/* アイキャチ画像のない時、カテゴリー表示なし　*/
.no-thumbnail .e-card-meta .e-card-categorys {
display:none;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){

/*必要ならばここにコードを書く*/
 #header-container .navi, #navi .navi-in>.menu-header .sub-menu {
background-color: #2faa85;
display: none;
}
.no-mobile-header-logo .header .header-in {
    min-height: 30vw;
   }
 #navi-menu-input:checked ~ #navi-menu-content {
background-color: #2faa85;
}
.menu-drawer a  {
background-color: #2faa85;
color: #ffffff;
}

.menu-drawer a:hover  {
background-color: #2faa85;
color: #333
}

.menu-drawer a .a-member-menu-drawer {
background-color: red;
}
.menu-drawer a .a-member-menu-drawer :hover {
background-color: red;
}

/* サイドバー非表示　*/
.no-scrollable-sidebar .sidebar  {
display:none;
}
}

.menu-close-button {
 	color: #ffffff !important;
}




/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.article ul, .article ol {
 	padding-left: 0 !important;
    padding-right:0 !important;
    }
 }


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


  /*必要ならばここにコードを書く*/
  
 @media screen and (max-width: 480px), all
.entry-title, .article h2 {
padding: 0.6em 0 !important;
}
h1.entry-title, .article {
padding-left:  0 ;
padding-right:  0 ;
}
.article ul li,
.article ol li {
 margin: 0.2em 0;
}
}

.menu-content .menu-drawer  li: last-child a {
 color: red;
        }


/************************************
** お問い合せ
************************************/
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 50%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 50%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 75%;
}

.wpcf7 input[name="your-message"] {/* お問い合わせ内容入力欄 */
	 width: 75%;
/* 	min-height: 200px !important; */
}

/*560px以下*/
@media screen and (max-width: 959px){
  /*必要ならばここにコードを書く*/
  .wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 100%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 100%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 100%;
}
}

input[type='submit'] {
webkit-appearance: none; 
border: none;
background-color: #C1272D;
width: 25%;
font-size: 15px;
color: #ffffff;
}
input[type='submit']:hover {
background-color:#1967d2 !important;/* マウスを乗せたときの背景色 */
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color:#C1272D;
}
.wpcf7-not-valid-tip {
color: #C1272D;
}
.article h2 {
margin-top: 2.62em
}

/************************************
** パンくずリスト非表示
************************************/
.breadcrumb {
display:none;
}
/************************************
** サイドバー
************************************/
div.navi-entry-card-title.widget-entry-card-title.card-title {
border-bottom: #333 1px solid !important;
padding-bottom: 5px !important;
width: 90%; !important;
padding-left: 5px;
}


#navi .navi-in>ul>li>a {
background-color: #2faa85;
}

#navi .navi-in>ul>li>a:hover {
background-color: #d5eee7;
color: #2faa85;
} 

/* サイドバー画像マウスオーバー　*/
#sidebar img:hover {
	opacity: 0.6;
	transition: all 0.8s ease;
}
/************************************
** キャッチフレーズ
************************************/

.tagline {
color: #ffff99;
}

/************************************
** PCで電話のリンクを切る
************************************/
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none !important;
cursor: default;
color: #333 !important;
}
}
/************************************
** 記事中　h3
************************************/

.article h3 {
border:none;
border-left:5px solid var(--cocoon-middle-thickness-color);
padding: 0.3em;
margin-top: 2.5em;
}

/************************************
** メディアとテキスト
************************************/
/*600px以下*/
@media screen and (max-width: 600px){
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
padding: 20px 0;
}
}

/************************************
** モバイルフッターメニュー
************************************/
.mobile-footer-menu-buttons li.share-menu-button {
display:none;
}

ul.mobile-footer-menu-buttons {
background-color: #2faa85;
color:#ffffff;
}
ul.mobile-footer-menu-buttons .menu-caption {
color:#ffffff;
font-size: 0.75em;
margin-bottom: 0.5em;
}
ul.mobile-footer-menu-buttons .menu-icon {
color:#ffffff;
}


/************************************
** モバイル クレジット
************************************/

@media screen and (max-width: 834px){
.widget_mobile_text, .widget_mobile_ad {
display: block;
text-align: center;
padding: 0.75em;
color: #2faa85;
font-weight: 800;
}
}

.mobile-menu-buttons .menu-button > a {
  display: block;
  color: #299687;
 }
 
 
/************************************
** モバイルヘッダーメニュー文字さサイズ調整
************************************/
/* ul.mobile-header-menu-buttons .mobile-menu-buttons .has-logo-button.menu-caption li.navi-menu-button .menu-button */ span.navi-menu-caption.menu-caption {
font-size: 0.75em !important;
}

/************************************
** ios対応
************************************/

.entry-title,
.archive-title {
  font-size: 28px !important;
}