@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*フロント固定ページのタイトルを非表示*/

.home.page .entry-title{
display: none;
}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
display: none;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
display: none;
}
/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
display: none;
}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
display: none;
}

/* トップページ見出し2　CSS変更 */
.page-id-675 .article h2 {
    border: none;
}
.page-id-675 .article h2 {
/* 前半　見出し2のスタイルを変更するにはここから */
	font-size: 24px;
  position: relative;
  padding: 1
	 em;
  background: #5F414B;
  color: white;
/* ここまでを入れ替える */
}
.page-id-675 .article h2:：before {
/* 後半　見出し2のスタイルを変更するにはここから */
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
/* ここまでを入れ替える */
}
.page-id-675 .article h2:：before {
    left:10;
}
.page-id-675 .article h2:：after{
	right: 10;
}


/* トップページ見出し3　CSS変更 */
.page-id-675 .article h3 {
    border: none;
    padding: 0;
}
.page-id-675 .article h3 {
/* 前半　見出し3のスタイルを変更するにはここから */
    background: 0 0;
    font-size: 23px;
    letter-spacing: 1px;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0;
    text-align: center;
    border-left: none;
/* ここまでを入れ替える */
}
.page-id-675 .article h3:before, .page-id-675 .article h3:after {
/* 後半　見出し3のスタイルを変更するにはここから */
    content: '';
    position: absolute;
    top: 50%;
    width: 20%;
/* ここまでを入れ替える */
}
.page-id-675 .article h3：before {
    left:10;
}
.page-id-675 .article h3：after{
	right: 10;
}

.box4-blue {
	position: relative;	/* 配置に関するもの(ここを基準に) */
	max-width:600px; /* ボックスの横幅 */
	margin: 1em;	/* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 1em 1em;	/* ボックスの内側余白(上下:1.7em　左右:2em) */
	border: 3px dotted #ED724A;	/* ボックスの線 (太さ　線の種類　線の色)*/
	border-radius: 4px;	/* ボックスの角丸 */
}
.box4-blue .box-title {
	position: absolute; /* 配置に関するもの(ここを動かす) */
	top: -10px; /* 上から（-10px）移動*/
	left: 30px; /* 左から(30px)移動 */
	background: #fff; /* タイトル背景色 */
	color: #ED724A; /* タイトル文字色 */
	padding: 0 10px;/* タイトルの余白 */
	line-height: 1;/* タイトルの行の高さ */
	font-size: 20px;/* タイトル文字の大きさ */
	font-weight: bold;/* タイトル文字の太さ */
}
.box4-blue p {
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}

.box7-green {
	position: relative;	/* 配置に関するもの(ここを基準に) */
	max-width:auto; /* ボックスの横幅 */
	margin: 35px 0px 0px 0px;	/* ボックスの外側余白(上下:2em　左右:auto) */
	padding: 1em 1em;	/* ボックスの内側余白(上下:1.7em　左右:2em) */
	border: 2px solid #58be89;	/* ボックスの線 (太さ　線の種類　線の色)*/
	border-radius: 4px;	/* ボックスの角丸 */
}
.box7-green i{
	background: #58be89;/* アイコン背景色 */
	color: #fff; /* アイコン色 */
	padding: 8px; /* アイコン余白 */
	border-radius: 20px; /* アイコン角丸 */
}
.box7-green .box-title {
	position: absolute; /* 配置に関するもの(ここを動かす) */
	top: -18px; /* 上から（-21px）移動*/
	left: 22px; /* 左から(30px)移動 */
	background: #fff; /* タイトル背景色 */
	color: #58be89; /* タイトル文字色 */
	padding: 0 10px;/* タイトルの余白 */
	line-height: 1;/* タイトルの行の高さ */
	font-size: 19px;/* タイトル文字の大きさ */
	font-weight: bold;/* タイトル文字の太さ */
}
.box7-green p {
	margin: 0; /* 文字の外側余白リセット*/
	padding: 0; /* 文字の内側余白リセット*/
}

/*フッターロゴサイズ*/
.footer-bottom-logo .logo-image {
padding: 0;
max-width: 200px;
}

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

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

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