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

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


.article h2 {
	color: #114982; /*文字色*/
	font-size: 1.8em; /* 文字サイズ */
	font-weight: 700;
	border:none;
	background:none;
	padding-top:50px; /* 文字と上部の間隔 */
	padding-bottom:0px; /* 文字と下部の間隔 */
}

.article h3 {
	color: #4a4a4a; /*文字色*/
	font-size: 1.0em; /* 文字サイズ */
	font-weight: 400;
	border:none;
	background:none;
	padding-top:0px; /* 文字と上部の間隔 */
	padding-bottom:50px; /* 文字と下部の間隔 */
}



.news-area {
    background: #f8f8f8;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}


.contact-area {
    background: #112850;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}


.gray-area {
    background: #f8f8f8;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}


/*ヘッダーロゴ*/
.logo{
	text-align:left;
}

/*ヘッダー、グローバルメニューを最大幅 */
.header-container-in.hlt-top-menu {
    width:100%;
}

/* テーブルデザイン */
.container table tr {
    background-color: transparent;
}
.designTable {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: white!important;
	table-layout: fixed;
	margin: 30px 30px 30px 30px;
}
.designTable th {
    padding: 10px;
    border-bottom: solid 1px #f5f5f5;
    text-align: left;
}
.designTable td {
    padding: 10px;
    border-bottom: solid 1px #f5f5f5;
    border-right: none !important;
    border-left: none !important;
	text-align: left;
}

/*組織概要の背景色を変更*/
body.page-id-127 {
    background-color: #f8f8f8;
}

/*ヘッダーメニューのお問い合わせの背景色を変更*/
.menu-header li:nth-child(5) a {
  background-color: #114982;
  color: #FFF;
}

/*アイキャッチのサイズを変更*/
.eye-catch-wrap {
	margin-left: calc(-50vw + 50%);
    width: 100vw;
    max-width: none;
}

.eye-catch-image {
	width 100%;
	height: 400px;
	object-fit: cover;
}


/*最新の投稿の日付位置を変更*/
.wp-block-latest-posts {
  display: column;
  flex-direction: row-reverse;
  justify-content: flex-end;
}



/*ショートコードでエントリーカードのような表示に*/
.like-entry-cards .new-entry-card-link.widget-entry-card-link.a-wrap {
  padding: 2%;
  max-width: none;
  margin-bottom: 3%;
  border: 1px solid #ccc;
}

.like-entry-cards .new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
  width: 320px;
  float: left;
  margin-right: 1.6%;
  margin-top: 0;
}

.like-entry-cards .new-entry-card-content.widget-entry-card-content.card-content {
  margin-left: 330px;
  padding-bottom: 1.2em;
}

.like-entry-cards .new-entry-card-title.widget-entry-card-title.card-title {
  font-size: 18px;
  margin: 0 0 5px 0;
  line-height: 1.2;
  font-weight: bold;
}

.like-entry-cards .new-entry-card-snippet.widget-entry-card-snippet.card-snippet {
  font-size: 0.8em;
  max-height: 7.8em;
  line-height: 1.3;
  overflow: hidden;
}

.like-entry-cards .new-entry-card-date.widget-entry-card-date.display-none {
  bottom: 0;
  position: absolute;
  right: 0;
  text-align: right;
  line-height: 1;
  display: block;
}

@media screen and (max-width:1280px) {

  .like-entry-cards .new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
    width: 38%;
  }

  .like-entry-cards .new-entry-card-content.widget-entry-card-content.card-content {
    margin-left: 40%;
  }

}

@media screen and (max-width: 480px) {

  .like-entry-cards .new-entry-card-content.widget-entry-card-content.card-content {
    margin-left: 0;
  }

  .like-entry-cards .new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
    margin-bottom: 6px;
  }

  .like-entry-cards .new-entry-card-title.widget-entry-card-title.card-title {
    font-size: 16px;
    line-height: 1.3;
  }

  .like-entry-cards .new-entry-card-snippet.widget-entry-card-snippet.card-snippet {
    margin-bottom: 0;
    clear: both;
    font-size: 13px;
    /*display: none;スニペットをスマホ表示で非表示にする場合に使用*/
  }
}




/* 横並び */
/*新着記事を3列横並びにする（スマホでは２列）*/
.like2-entry-cards .new-entry-cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	height: 500px;
	padding: 2%;
}

.like2-entry-cards .new-entry-card-link.widget-entry-card-link.a-wrap {
  border: 1px solid #ccc;
}

.like2-entry-cards .new-entry-cards > a {/*３列にする*/
   width: 31.5%;
}

.like2-entry-cards .new-entry-cards::after {/*最下列を左寄せ表示に*/
   content:"";
   display:block;
   width: 31.5%;
}

.like2-entry-cards .widget-entry-cards.card-large-image .a-wrap {
    max-width: none;/*最大幅400pxの指定を初期化する*/
	padding: 2%;
}

.like2-entry-cards .new-entry-card-title.widget-entry-card-title.card-title {
  font-size: 1.4em;
  line-height: 1.2;
  margin: 0 0 30px 0;
}

.like2-entry-cards .new-entry-card-snippet.widget-entry-card-snippet.card-snippet {
  font-size: 0.8em;
  height: 12em;
  max-height: 12em;
  line-height: 1.3;
  overflow: hidden;
}

.like2-entry-cards .new-entry-card-date.widget-entry-card-date.display-none {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  line-height: 1;
  display: block;
}

@media screen and (max-width:480px) {/*画面幅が480px以下のとき2列にする*/

   .like2-entry-cards .new-entry-cards > a {
      width: 48%;
   }
   
   .like2-entry-cards .new-entry-cards::after {
      content:"";
      display:block;
      width: 48%;
   }

}




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

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

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