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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* ヘッダーカスタマイズ */
/*
.wpcf7 input[type="text"],.wpcf7 input[type="email"],
.wpcf7 input[type="url"],.wpcf7 input[type="tel"],.wpcf7 textarea {
width: 60%!important; text-align:left;
}
*/

.grecaptcha-badge { visibility: hidden; }


.contact-form{
	width: 60%;
	margin:0 auto;
	text-align:left;
}


.header-in {
	padding: 120px 0;
}

#navi-in,
.slicknav_menu {
  font-family: "Cormorant Garamond", serif;
}

/* リンク色 */
a {
	color: #1ca9e3;
	text-decoration: none;
}

a:hover {
  color: #1ca9e3;
}

/* 記事ページ中央寄せ */

.main .type-post {
	width: 700px;
    margin: 0 auto;
}

/* ホーム記事横並べ表示 */

.new-entry-cards.large-thumb {
	display: flex;
	 flex-wrap: wrap;
	 justify-content: flex-start;
}

.new-entry-cards.large-thumb a {
	margin: 0 10px;
	 padding: 0;
	 width: 30%;
}

.new-entry-cards.large-thumb a .new-entry-card {
	width: 100%;
}

.widget-entry-card-title {
	font-size: 14px;
}

/* news */
.top_news {
	width: 800px;
	   margin: 0 auto;
}

.top_news .tag-news-post .new-entry-card-content{
	display: flex;
	flex-direction: row-reverse;
    justify-content: flex-end;
	padding: 5px 0;
    border-bottom: 1px solid #ccc;
	align-items: center;
	margin: 0;
}
.top_news .tag-news-post .new-entry-card-thumb{
	display: none;
}

.top_news  .tag-news-post .new-entry-card-title{
	color: #1ca9e3;
	font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.top_news  .tag-news-post .display-none{
	display: block;
}

.top_news  .tag-news-post .new-entry-card-date .post-date{
	display: block;
	margin-right: 20px;
	white-space: nowrap;
	font-size: 16px;
}

.tag-link-13 {
	display: none;
}

/* about */
.about-h3 {
	border-bottom: 1px solid #ccc;
	font-size: 20px;
	margin-bottom: 2px  !important;
}

.about-h4 {
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	margin-bottom: 10px  !important;
}

/* ブログ記事のheadingをずらす */
.type-post .entry-content h2 {
	color: var(--cocoon-text-color);
	text-align: left;
	font-family: var(--cocoon-default-font);
	letter-spacing: 1px;
	border-left: 7px solid var(--cocoon-middle-thickness-color);
    border-right: 1px solid var(--cocoon-thin-color);
    border-top: 1px solid var(--cocoon-thin-color);
    border-bottom: 1px solid var(--cocoon-thin-color);
    font-size: 22px;
    padding: 12px 20px;
}

.type-post .entry-content h3 {
	border-top: 2px solid var(--cocoon-thin-color);
    border-bottom: 2px solid var(--cocoon-thin-color);
	border-left: none;
	border-right: none;
	font-size: 20px;
}

.type-post .entry-content h4 {
	border: none;
}


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

@media screen and (max-width: 782px) {
  	.about-icon {
		width: 100px !important;
		margin: 0 auto;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.contact-form{
	width: 100%;

	}
	
	
	.header-in {
	padding: 40px 0;
	}

	
	
  .mobile-header-menu-buttons {
        background: #ffffffc9;
	}
	.menu-button-in {
		font-weight: normal;
	}
	
	.new-entry-cards.large-thumb {
		display: block;
	}
	.new-entry-cards.large-thumb a {
		width: 95%;
	}
	.main .type-post {
		width: 100%;
	}
	
	.top_news {
		width: 100%;
	}
	
	.top_news .tag-news-post .new-entry-card-content {
		display: block;
	}
	
	 .about-icon {
		width: 100px;
		margin: 0 auto;
	}
}