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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 見出しカスタマイズ */
/* H1 */
.article h1{
background:none;
padding: 0;
	
	font-family: 'Noto Serif JP', serif;
	margin: 2em 15px 1em 15px;
	/*padding-top: 1em;
	border-top: 2px solid #397BFF;*/
	text-align:center;
	font-size:xx-large;
	margin-top:30px;	/*余白調整（見出し1）*/
}

/* H2 */
.article h2{
background:none;
padding: 0;
	
	font-family: 'Noto Serif JP', serif;
	font-weight: 120%;
	font-size:x-large;
	color:#000;
}

/* H3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
	
	
}

/* H4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* H5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}

/* リード文 */
p.ff_fredoka {
	font-family: 'Noto Serif JP', serif;
	font-size: 130%;
	line-height:150%;
	text-align: center;
	font-weight:bold;
	color: #2F69D9;
}




/* パンくずリストの余白設定 */
#breadcrumb {
	/*padding-bottom: 0;
	margin-bottom:0;*/
	
	border-top: 2px solid #f5f5f5;
	border-bottom: 2px solid #397BFF;
}

/* リンクの色 */
a{
    color: #397BFF;
	transition: 2s;
	/*-webkit-transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -ms-transition: 2s;*/
}
a:hover {
    color: #7CE0FF;
}

/* スマホ時のみ改行する */
.pc_br {
	display: none;
}

/* YouTubeの埋め込み（正方形） */
.video{
width:100%;
padding-bottom: 20%;	/* 56.25% */
height:0px;
position: relative;
}
.video iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 固定ページのタイトル非表示 */
.home.page .entry-title{
  display: none;
}

/************************************************
 トップへ戻るボタン
*************************************************/
.go-to-top {
  right: 20px; /*右から20px*/
  bottom: 55px; /*下から55px*/
}

.go-to-top-button {
  border-radius: 50%; /*丸くする*/
  width: 60px; /*横幅*/
  height: 60px; /*高さ*/
  font-size: 30px; /*アイコンフォントのサイズ*/
  opacity:0.9; /*透明度*/
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .2); /*影*/
}

/*ホバー時*/
.go-to-top-button:hover {
  color: #333; /*アイコンフォントの色*/
  background-color:#aaa; /*背景色*/
}

/* テーブルの装飾 */
.table1{
	width: 100% !important;
	border-collapse: collapse;
	
	/* 段落の余白調整 */ 
	max-width:1023px !important;
	margin:0 auto;
}

.table1 tr{
	border-bottom: solid 2px white;
}

.table1 tr:last-child{
	border-bottom: none;
}

.table1 th{
	position: relative;
	/* text-align: left;*/
	width: 20%;
	background-color: #2F69D9;
	color: white;
	text-align: center;
	padding: 10px 10px;
}

.table1 th:after{
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top:calc(50% - 10px);
	right:-10px;
	border-left: 10px solid #2F69D9;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.table1 td{
	/* text-align: left;*/
	width: 80%;
	text-align: left;
	background-color: #eee;
	padding: 10px 20px;
}

.table2{
	width: 100% !important;
	border-collapse: collapse;
	
	/* 段落の余白調整 */ 
	max-width:1023px !important;
	margin:0 auto;
}

.table2 tr{
	border-bottom: solid 2px white;
}

.table2 tr:last-child{
	border-bottom: none;
}

.table2 th{
	position: relative;
	/* width: 30%;*/
	background-color: #f0f8ff;
	color: #000;
	text-align: left;
	padding: 10px 10px;
}

.table2 td{
	/*width: 70%;*/
	text-align: left;
	background-color: #f5f5f5;
	padding: 10px 20px;
}

.table3{
	width: 100% !important;
	border-collapse: collapse;

	/* 段落の余白調整 */ 
	max-width:1023px !important;
	margin:0 auto;
}

.table3 tr{
	border-bottom: solid 2px white;
}

.table3 tr:last-child{
	border-bottom: none;
}

.table3 th{
	position: relative;
	width: 30%;
	background-color: #f0f8ff;
	color: #000;
	text-align: left;
	padding: 10px 10px;
}

.table3 td{
	width: 70%;
	text-align: left;
	background-color: #f5f5f5;
	padding: 10px 20px;
}

.box_th{
	background-color: #f0f8ff;
	padding: 10px;
}
.box_td{
	background-color: #f5f5f5;
	padding: 10px;
	width:100%;
}

.box_shadow {
	background-color: #fff;
	box-shadow: 0 0 8px gray;
	padding: 10px;
}


.press_title {
  font-family: 'Noto Serif JP', serif;
  color: #2F69D9;
  font-size:120%;
	font-weight:bold;
}

.text-blue {
  color: #2F69D9 !important;
}
.text-red {
  color: #f00 !important;
}

/* 段落の余白調整 */ 
.style1{
	max-width:1023px;
	margin:0 auto;
}

.bottom-0{
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}




/************************************************
 ヘッダー付近の余白調整
*************************************************/
.content {
  margin-top: 0;
}
.header-in {
    flex-direction: initial;
}
/*agline {
  display: none;
}*/
.logo-image span, 
.logo-image a, 
.logo-image img {
  display: block;
}
.logo-image{
    padding-top:8px;
	margin:0 auto;
}
.page-id-96 #main {
	/*margin-top: -1em;*/	/* ←メニューの文字が消すられたため無し */ 
	padding-top: 0;
}

/************************************
****　フッター
************************************/
.footer-title{
	color:#7b7b7b;
	border-bottom:3px dotted;
	border-color:#90C31F;
	margin-bottom:1em;
}
#footer, #footer a{
	color:#7b7b7b;
	
	font-size:15px;
	text-align:center;
	text-decoration: none;
	color:#1e90ff;
	
	margin-top: 0;
	padding-top: 1em;
}
.widget-entry-cards .widget-entry-card-content {
	color:#7b7b7b;
	font-size:13px;
	padding-left:.5em;
}
/*@media (max-width:1023px){
.footer {
margin-top: 0;
padding-top: 0;
}}
@media (max-width:880px){
.footer-title{
margin-top:2em;
}}
@media screen and (max-width: 480px){
h2, h3 {
font-size: 1.17em;
}
.widget-entry-cards .widget-entry-card-content {
line-height:1.3;
}
}*/
.footer-widgets, .footer-widgets-mobile {
	margin: 0 auto;
}
.footer-left, .footer-center, .footer-right, .footer-mobile {
	padding: 0 10px;
}
.widget.widget-footer-mobile{
	padding:0;
}
aside#popular_entries-3.widget.widget-footer-mobile.widget_popular_entries div.popular-entry-cards.widget-entry-cards.no-icon.cf{
	padding:0 .4em 0;
}
.widget-footer-mobile div.tagcloud,.widget-footer-mobile ul li a{
	margin-right:.2em;
	margin-left:.2em;
}
.source-org.copyright{/*Copyright文字色*/
	color: #7b7b7b;
	margin-top: 0;
	padding-top:0;
}






/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
	/* パンくずリストの余白設定 */
	#breadcrumb {
		/*padding-bottom: 0;
		margin-bottom:0;*/

		border-top: none;
		border-bottom: 2px solid #397BFF;
	}
	
	
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	/* スマホ時のみ改行する */
	.sp_br {
		display: none;
	}
	
}

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



/************************************
** add 20240709 文字色調整等
************************************/

.color-green{
	color: #008000;
	font-weight: bold;
}
.color-blue{
	color: #1e50a2;
	font-weight: bold;
}
.color-red{
	color: #ff0000;
	font-weight: bold;
	font-size: large;
}