@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.footer-center{padding:0;}

.entry-content {
  max-width: 1040px;
  margin: 0 auto;
}

.tagline{font-size:12px; color:#444;}

.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}
.navi-in ul li{
	height: 40px;
	line-height: 40px;} 
.content {margin-top: 0px;}
.main {
  padding: 0px 20px;
}

/*リンクボタン設定*/
.btn-square-above-look {
  display: inline-block;
  position: relative;
  padding: 0.5em 0.6em;
  /* background: #e2718a;ボタン色 */
  background: #f99b52;
  color: #FFF;
  text-decoration: none;
  width: 132px;
  height: 36px;
  font-size: 13px;
  margin-top: 20px;
}

.btn-square-above-look:before {
  content: "";
  position: absolute;
  top: -16px;
  left: 0;
  width: -webkit-calc(100% - 16px);
  width: calc(100% - 16px);
  height: 0;
  border: solid 8px transparent;
  /* border-bottom-color: #f496ab;ボタン色より明るめの色に */
  border-bottom-color: #fbc093;
}

.btn-square-above-look:hover{
	color: #ffffff;
	text-decoration: none;
  /* background: #f496ab;ボタン色 */
  background: #fbc093;
}

.btn-square-above-look:active {
  /*押したとき*/
  padding: 0.32em 0.9em;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.btn-square-above-look:active:before { 
  width: -webkit-calc(100% - 12px);
  width: calc(100% - 12px);
}

.btn-square-above-look:active:before {
  top:-12px;
  border-width: 6px;
}

#main{
	max-width:1080px;
	margin:0 auto;
}

/*---------------------------------
固定ページの日付、タイトルを非表示
--------------------------------*/
.post-10 .date-tags,
.post-11 .date-tags,
.post-17 .date-tags,
.post-2041 .date-tags,
.post-2073 .date-tags,
.post-2079 .date-tags{
  display: none;
}

.post-10 .entry-title,
.post-11 .entry-title,
.post-17 .entry-title,
.post-2041 .entry-title,
.post-2073 .entry-title,
.post-2079 .entry-title{
	display: none;}

/*見出しカスタマイズ用リセット*/
.article h2 {
   background: none;
  	padding: 0;
}
.article h3 {
    border: none;
    padding: 0 0.5em 0;
    margin: 1em 1em 1em;
}
/* .article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0; */

/*リセットここまで*/

.article h2 {
	width:100%;
  position: relative;
  padding: 0.5em;
  /* background: #76baac;  */
  /* カラー変更 */
  background: #5bceee;
  /* color: white; */
  color: #fffefd;
  margin: 2em 1.4em 1.4em 0;
  /* フォントファミリーの追加 */
  font-family: "ヒラギノ角ゴ Pro";
  margin-right: 15px;
}

.article h2::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #5e7e77;
}

/* .top3-2{
	width:95%!important;
} */

.widget-entry-cards.not-default .a-wrap {
    max-width: 524px;
}

/* .column-left {
    flex: 3 0 70%;
} */

.column-right {
   margin-left: 40px;
}

  /* 問い合わせフォームの見た目設定 */
table th{
   border: 1px;
   background-color: white;
}

table td {
  border: 2px;
  background-color: white;
}

.wpcf7 input[type='text'] {
  background-color: #fff;
  color: #000;
  max-width: 100%;
  height: 30px;
  font-size: 15px;
  border: 1px solid #666;
}

.wpcf7 input[type='email']{
  background-color: #fff;
  color: #000;
  max-width: 100%;
  height: 30px;
  font-size: 15px;
  border: 1px solid #666666;
}

.wpcf7 input[type='tel']{
  background-color: #fff;
  color: #000;
  max-width: 100%;
  height: 30px;
  font-size: 15px;
  border: 1px solid #666666;
}

.wpcf7 select {
  background-color: #fff;
  color: #000;
  max-width: 100%;
  height: 30px;
  font-size: 15px;
  border: 1px solid #666666;
}

.wpcf7 textarea{
  background-color: #fff;
  color: #000;
  max-width: 100%;
  height: 180px;
  font-size: 15px;
  border: 1px solid #666666;
}

::placeholder {
  opacity: 50%;
}

.container input[type='submit']  {
  display: block;
  margin: 0 auto;
  padding: 5px;
  text-decoration: none;
  background: #f99b52;/*ボタン色*/
  color: #FFF;
  /* border-bottom: solid 4px #627295; */
  border-radius: 5px;
  font-size: 15px;
  width: 187px;
  height: 44px;
  text-align: center;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro";
}
.btn-square1:hover {
  /* -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none; */
  color: #FFF;
} 

.btn-square1 {
  background: #f99b52!important;
}
.btn-square2 {
  display: block;
  margin: 0 auto;
  padding: 5px;
  text-decoration: none;
  background: #5bceee!important;/*ボタン色*/
  color: #FFF;
  /* border-bottom: solid 4px #627295; */
  border-radius: 5px;
  font-size: 15px;
  width: 187px;
  height: 44px;
  text-align: center;
  font-weight: bold;
  font-family: "ヒラギノ角ゴ Pro";
}
.btn-square2:hover {
  /* -webkit-transform: translateY(4px);
  transform: translateY(4px);
  border-bottom: none; */
  color: #FFF;
} 

.flex_container {display: flex; }

.item_left {width: 50%;}

.item_right {width: 50%;}

.archive-title {
  display: none;
}

.header-title {
  margin:  0;             /* デフォルトCSS打ち消し */
  font-size:  24px;       /* 文字サイズ指定 */
  position:  relative;    /* 位置調整 */
  font-weight:  normal;   /* 文字の太さ調整 */
  display:  inline-block; /* インラインブロックにする */
  background-color: #fff; /* 背景色指定 */
  margin-left: 20px;      /* 周りの余白指定 */
  padding: 0 10px;        /* 余白指定 */
}
.head_header-wrap {
  position: relative;     /* 位置調整 */
  margin-bottom:15px;     /* 周りの余白指定 */
}
.head_header-wrap:before {
  content: ' ' ;          /* 空白の要素を作る */
  background-color: #000; /* 背景色指定 */
  display:  block;        /* ブロック要素にする */
  position:  absolute;    /* 位置調整 */
  left:  0px;               /* 位置調整 */
  width:  40%;           /* 幅指定 */
  height:  1px;           /* 高さ指定 */
  top: 0;                 /* 位置調整 */
  bottom:  0;             /* 位置調整 */
  margin:  auto;          /* 位置調整 */
}

.navi_p {
  text-align: center;
  font-size: 16px;
}

/* トップページ イベントレポートのラージサム大きさ変更 */
.widget-entry-cards.card-large-image{width:75%; margin:0 auto;}
.widget-entry-cards.card-large-image .e-card{font-size:15px;}
.widget-entry-cards.card-large-image figure{margin-bottom:10px;}

/*トップページ用　ブログカード設定 */
.blogcard-footer{display:none;}
.blogcard-wrap {margin: 0 auto; padding: 0; width: 100%; background-color: #fff;}
.blogcard{border:none;}
.wp-block-cocoon-blocks-blogcard a:first-of-type {border-top: 2px dotted #ddd;}
.wp-block-cocoon-blocks-blogcard a {border-bottom: 2px dotted #ddd;}
.blogcard-thumbnail{width:200px;}
.blogcard-title{margin-bottom:5px;}

/*フッターリンク設定 */
.footer_link{
	max-width:1080px;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
}
.fl_box{
	text-align:center;
	font-size:13px;
	font-weight:bold;
	margin:0 10px;
}

.fl_text{font-size:15px;}
.fl_text a{color:#05a1cd;}
.btn-square-toy{
	position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  background: #5bceee;/*背景色*/
  color: #c2e2eb;/*=背景色*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2);
  border-bottom: solid 2px #118e9e;
  border-radius: 4px;
  text-shadow: -1px -1px rgba(255, 255, 255, 0.44), 1px 1px rgba(0, 0, 0, 0.38);
}

.btn-square-toy:active {
  /*押したとき*/
  border-bottom: solid 2px #5bceee;
  box-shadow: none;
  text-shadow: -1px -1px rgba(255, 255, 255, 0.3), 1px 1px rgba(0, 0, 0, 0.3);
}

.contact1{
	width:60%;
	background-color:#e6f2fa;
	padding:3%;
}

/*記事一覧 文字サイズ */
.entry-card-snippet , .card-snippet , .e-card-snippet{
	font-size: 0.95em;
	line-height: 1.5;
	max-height:8.5em;
}

.entry-card-title  , .related-entry-card-title{
   font-size: 1.4em;
	margin-bottom: 15px;
}

.info_list {
	padding-left: 0;
}


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

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
	.head_header-wrap:before {
		width: 60%;}}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く
	.wp-block-media-text{display: initial!important;}
	.wp-block-media-text .wp-block-media-text__content {padding:30px 0!important;}
	!important を抜いて作成*/
	
	.wp-block-media-text{display: initial;}
	.wp-block-media-text .wp-block-media-text__content {padding:30px 0;}
	
	
	.flex_container{ flex-direction: row-reverse; display:block;}
	.item_left,	.item_right{width:100%;}
	.item_right img{width:100%; margin-bottom:30px;}
	.contact1{width:90%; padding:0; margin:0 auto;}
	.entry-card-title  , .related-entry-card-title{font-size: initial; margin-bottom: initial;}
	.new-entry-cards.report{display: flex; flex-wrap: wrap; justify-content:space-between;}
	.report a.new-entry-card-link{width:50%;}
	.widget-entry-cards.card-large-image {width: initial;}
}

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

@media screen and (max-width:400px){
  .blogcard-snippet{
    display: none;}
}



/* =============================================
検索機能
============================================= */

.article_title {
	width: 100%;
	position: relative;
	padding: 0.5em;
	background: #5bceee;
	color: #fffefd;
	margin: 2em 1.4em 1.4em 0;
	font-family: "ヒラギノ角ゴ Pro";
	margin-right: 15px;
	font-size: 24px;
	border-radius: 2px;
	line-height: 1.25;
}

.article_title::before {
	position: absolute;
	content: "";
	top: 100%;
	left: 0;
	border: none;
	border-bottom: 15px solid transparent;
	border-right: solid 20px #5e7e77;
}

.cf_li {
	list-style: none;
	padding-bottom: 50px;
}

.cf_li h4 {
	font-size: 20px;
	padding: 9px 10px;
	margin: 2.4em 0 1em;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	line-height: 1.25;
	font-weight: bold;
}

.cf_li span, .cf_li a {
	font-size: 16px;
}

.cf_li .type_text, .bottom_text {
	font-size: 12px;
	line-height: 2;
}

/*吹き出しアイコンサイズPC*/
.speech-person {
    width: 90px;
}
/*吹き出しアイコンサイズスマホ*/
@media screen and (max-width: 480px){
  .speech-person {
    width: 80px;
    min-width: 80px;
  }
}

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

img.aligncenter{
text-align:center;
}


/*表の行間を狭く*/
 
.SEMAKU class{ 
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}