@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* リンク
------------------------------------------------------------*/
a img:hover {
	opacity: 0.5 ;
	transition: 1.0s ;
}

/* 強調
------------------------------------------------------------*/
strong{
 font-weight: bold;
 background: linear-gradient(transparent 90%, #ffaaaa 30%);
}

/* h2～h4見出し
------------------------------------------------------------*/
.article h1{
	margin:20px 0;
	padding:5px 0;
	font-weight:normal;
	font-size:150%;
	color: #000;
	border-bottom:1px solid #3db49a;
}

.article h2{
	margin:20px 10px 15px 5px;
	padding:10px 0 10px 15px;
	font-size:150%;
	font-weight:normal;
	color: #333;
	border-left:10px solid #3db49a;
	background:#dafbf4;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}

.article h3{
	margin:10px 10px 10px 5px;
	padding:5px 0;
	font-size:130%;
	font-weight:normal;
	color:#2e2c2c;
	border-left: none;
    border-right: none;
    border-top: none;
	border-bottom:2px solid #3db49a;
}


.article h4{
	margin:10px 10px 10px 5px;
	padding:5px 0;
	font-size:100%;
	font-weight:bold;
	color:#2e2c2c;
	border-top: none;
	border-bottom:2px dotted #3db49a;
}

.article h2.front{
  background: #3db49a;
  box-shadow: 0px 0px 0px 5px #3db49a;
  font-weight:normal;
  color:#ffffff;
  border: dashed 1px#ffffff ;
  padding: 0.2em 0.5em;
}

/* サイドバー
------------------------------------------------------------*/
.sidebar h3{
  background: #3db49a;
  box-shadow: 0px 0px 0px 5px #3db49a;
  border: dashed 1px#ffffff ;
  font-size:100%;
  font-weight:normal;
  color:#ffffff;
  padding: 0.2em 0.5em;
}

.wpp-post-title{
	font-size:80%;
}



/* グローバルメニュー
------------------------------------------------------------*/
#navi li {
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;	
  }
 
#navi li+ li {
  border-left: 0;
  border-right: 1px solid #ffffff;
  }

.item-label{
	font-size:90%;
}

/* ヘッダー
------------------------------------------------------------*/
.header-in {
	display: block;
}

.logo {
text-align: left;
float:left;
}

/* ヘッダーコンタクト
----------------------------------*/
.c_box {
float:right;
}

.c_box .contact_h{
margin-top:-5px;
padding:3px 0 0;
}

.c_box .contact{
margin:0px 5px 0 0;
}

@media screen and (max-width: 692px) {
.c_box {
display:none;
}
}

/* グローバルメニュー固定
----------------------------------*/
.navifixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
/* グローバルナビの設定 */
@media screen and (min-width: 768px) {
.navi-in{
float: none;
background: url() no-repeat; /* カバー画像を指定 */
background-size: contain;
z-index: 999;
display: flex;
justify-content: flex-end;
}
}

 
/* トップページ固定ページ
------------------------------------------------------------*/

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

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

/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
  display: none;
}

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

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

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

/* トップページ表示固定ページ
----------------------------------*/

.box {
	margin-bottom: 30px;
	overflow: hidden;
	padding:5px;
	width:100%;
}

.box_02 {
	overflow: hidden;
	width:49%;
	margin:10px 2px;
	float:left;
	border:1px solid #E8E8E8;
}

.top_area{
	margin:20px 0px;
	width:100%;
	display:table;
	table-layout:fixed;
	border-collapse:collapse;
}
.top_block{
	display:table-row;
}
.top_box_03 {
	overflow: hidden;
	padding:0px 0px 0px 10px;
	border:1px solid #E8E8E8;
	display:table-cell;
}
.top_box_03 img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.top_box_03 p{
	padding:0px 0 0px 0;
}
.top_img_area{
	margin:0px 0px 10px;
	text-align:center;
}
p.center{
	text-align:center;
}

/* テーブル
------------------------------------------------------------*/

table {
  margin-bottom: 20px;
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table th {
  background-color: #f3f4f5;
}
table tr:nth-of-type(2n+1) {
  background-color: #fafbfc;
}
table th,
table td {
  border: 1px solid #ddd;
  padding: 6px;
}

.scrollable-table {
  -webkit-overflow-scrolling: touch;
}

.scrollable-table table {
  border-collapse: collapse;
  max-width: 100%;
}

.scrollable-table th {
  background-color: #eee;
}

.scrollable-table th,
.scrollable-table td {
  border: solid 1px #ccc;
  padding: 3px 5px;
  white-space: nowrap;
}

.scrollable-table {
  overflow-x: auto;
  margin-bottom: 1em;
}



/* TOC+プラグイン
------------------------------------------------------------*/
#toc_container li:before{
content:none;
}
#toc_container{
padding:1em 2em 1em!important;
min-width: 60%;
max-width: 90%;
margin: auto;
background: #fff!important;
background: rgba(255, 255, 255, 0.5)!important;
border: 1px solid #ccc !important;
}
#toc_container p.toc_title{
margin-bottom: .7em;
}
#toc_container ul{
margin: 0!important;;
}
#toc_container li a{
display: block;
padding: .5em 0;
border-top: 1px dotted #ddd;
color:#990000;
font-size:16px;
}
#toc_container li li a{
padding-left: .7em;
color:#990000;
}
#toc_container li .toc_number{
margin-right: .5em
}


#toc_container {
margin-left: auto;
margin-right: auto;
}

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

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

/*768px以下*/
@media screen and (max-width: 768px){
 #c_box {float:none;margin:0px;}
.top_block{display:block;}	
.top_box_03{display:block;text-align:center;}	 
.top_box_03 img{max-width:100%}	
.top_img_area img{clear:both;max-width:98%;margin:0 auto;}
}

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