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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center !important;
}
.text-right {
	text-align: right !important;
}
.mx-auto {
	margin: auto;
}
.title-color {
	color: #3F72AF !important;
}
.subtitle-color {
	color: #427D9D !important;
}
.plus-color {
	color: #00008b;
}
.minus-color {
	color: #8b0000;
}
span.uLine-yellow {background: linear-gradient(transparent 70%, #FFFF66 70%);}
span.uLine-green {background: linear-gradient(transparent 70%, #CBFFD3 70%);}
span.uLine-red {background: linear-gradient(transparent 70%, #FFBEDA 70%);}
.article h2 {
	border-top: solid 2px #164863;
	border-bottom: solid 2px #164863;
	color: #3F72AF;
}
.article h2:before {
	border-top: solid 4px #164863;
}
.article h2:after {
	border-bottom: solid 4px #164863;
}
.article h3 {
	border-bottom: 3px solid #427D9D;
	color: #427D9D;
}
.article h4 {
	border-bottom: 3px dotted #3F72AF;
}
p.reference, span.reference {
	font-size: 0.9rem; 
	font-weight: 600;
	margin-bottom: 4em;
}
table thead {
	font-weight: 600;
}
table.border, table.border th, table.border td {
  border: 0.5px solid #333;
}
table.bg-white tr {
	background-color: #FFF;
}
table.vertical .item {
	background-color: #9BBEC8;
	color: #FFF;
	font-weight: 600;
}
.video-container,
.instagram-container,
.facebook-container {
  margin: 30px auto;
}
.design {
  background: #fcfcfc;
  padding: 1em;
  border: solid 3px gray;
}
ul.design, ol.design {
  background: #fcfcfc;
  padding: 0.5em 0.5em 0.5em 2em;
  border: solid 3px gray;
}
ul.design li, ol.design li {
  line-height: 1.5;
  padding: 0.5em 0;
}
ul.without li, ol.without li {
  list-style: none;
}

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

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

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