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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
		background:#eff7fd;
}
.a-wrap:hover {
	background:#f1f9ff;
}

.entry-title {
	color:#2388d7;
}
article .entry-content h2 {
  position: relative;
  padding: 0.6em;
  background: #68b1ea !important;
color:#FFF;
border-radius: 10px  !important;
}

article .entry-content h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #68b1ea;
  width: 0;
  height: 0;
}

article h3 {
	background: #ddf0ff;
	padding: 1rem 1rem 1rem 2.5rem !important;
	position: relative;
border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
	}
article h3:before {
    position: absolute;
    top: 20%;
    left: 20px;
    width: 6px;
    height: 60%;
    content: '';
    border-radius: 3px;
    background: #2388d7;
}
h3.widget-sidebar-title {
background: #68b1ea !important;
color:#FFF;
}
.sidebar h3 {
	padding: 5px;}
.entry-card-title, .related-entry-card-title {
    background: none;
padding: 0!important;
}
.entry-card-title:before, .related-entry-card-title:before {
    background: none;
}
.banner {
text-align:center;}
.marker01 {
 background: linear-gradient(transparent 80%, #fff070 50%);
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){

}

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

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

.cta-box {
border: solid 1px #9d9d9d;
border-radius: 8px;
background-color: #fff;
color:#444;
}

/*投稿ページの整え*/


.ol-circle {
    border-radius: 10px;
}
.ol-circle ol,
.ol-circle ul
{
    padding-left: 0;
margin-bottom: 0;
}
.ol-circle ul li {
    position: relative;
    padding: .5em 0 .5em 10px;
    line-height: 1.5em;
list-style:none;
}
.ol-circle ol li {
    position: relative;
    padding: .5em 0 .5em 30px;
    line-height: 1.5em;
list-style:none;
}
.box_point_blue .box-title {
    color: #65c2e9;
    font-size: 1.25rem;
    font-weight: bold;
    border-bottom: dotted 3px #65c2e9;
    margin-bottom: .8rem;
}
.box_point_blue .box-title:before {
    font-size: 1.4rem;
    margin-right: .4rem;
    display: inline-block;
    color: #65c2e9;
    font-weight: normal;
    font-weight: 900;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    content: "\f058";
}
.box_point_blue {
    position: relative;
    padding: .5rem 1.1rem;
    background: #f2fafc;
    margin: 2rem 0;
    border: solid 3px #65c2e9;
    border-radius: .5rem;
}
.box_point_blue:after {
    position: absolute;
    content: "";
    right: -3px;
    top: -3px;
    border-width: 0 30px 30px 0;
    border-style: solid;
    border-color: #65c2e9 #fff #65c2e9;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, .15);
}

.box_point_blue .ol-circle ol {
	counter-reset: my-counter;

}

.box_point_blue .ol-circle ol li:before {
    background: #65c2e9;
display: inline-block;
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    font-family: Quicksand, sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
 content: counter(my-counter);
  counter-increment: my-counter;
}
.box_point_blue .ol-circle ul li:before {
    font-size: .8rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "●";
    color: #65c2e9;
    margin-right: .4rem;
}
.eye-catch-wrap,
.eye-catch,
.eye-catch img{
width:100%;
height:auto;}

.article h4 {
    border-top: 2px solid #dcf0fe;
    border-bottom: 2px solid #dcf0fe;
	color:#008ad4;
}

/************************************
** サムネイル用
************************************/
.entry-card-thumb {
  width: 300px;
  height: 180px;
}
.entry-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*750px以下*/
@media screen and (max-width: 750px){
.entry-card-thumb {
width: 120px;
  height: 90px;
}
.entry-card-content {
margin-left: 150px;
 }	
}



/************************************
** メニュー
************************************/
.navi-in > ul {
float: right;
}
.navi-in > ul {
margin: 10px 30px 0 10px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  list-style: none;
  clear: none;
}
.navi-in > ul li {
  margin: 0 5px;
  line-height: 100%;
  float:left;
	    display: block;
    width: auto;
    height: auto;
    line-height: normal;
    position: relative;
}
.navi-in > ul li a {
  color: #000 !important;
  text-decoration: none;
  font-weight:bold;
	font-size:80%;
}
.navi-in > ul li a .item-description {
  color: #00aab9;
  font-size:70%;
}

.logo-menu-button img {
    max-height: 44px;
    display: block;
    margin: auto 10px;
	padding-top:5px;
}

.mobile-header-menu-buttons li:nth-child(2) a {
  color: #009043;
} 
.mobile-header-menu-buttons li:nth-child(3) a {
  color: #ff6130;
}

/*1023px以下*/
@media screen and (max-width: 1023px){


	.header-container {
		display:none;
	}
	.content {
		margin-top:50px;
}
	}
/*1023px以下*/
@media screen and (max-width: 834px){


	.content {
		margin-top:0px;
}
	}