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

/************************************
** 子テーマ用のスタイルを書く
************************************/
@media print {
body {
-webkit-print-color-adjust: exact;
top:0 !IMPORTANT;
left:0 !IMPORTANT;
width:200mm !IMPORTANT;
height:290mm !IMPORTANT;
}
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}

p{ margin-bottom:1.2em !important;}

.txt-r{ text-align:right; }
.txt-c{ text-align:center; }
.txt-l{ text-align:left; }

.sns-buttons{ display:none; }

.left{
	float:left;
	width:60%;
}
.right{
	float:right;
	width:35%;
}
.left2{
	float:left;
	width:35%;
}
.right2{
	float:right;
	width:60%;
}
.left3{
	float:left;
	width:60%;
}
.right3{
	float:right;
	width:35%;
}
.right img{ max-width:150px; }

a{ 
	color:#999;
	text-decoration:none;
}


/*ヘッダー、フッター*/
.header-in{
	height:60px;
}
.logo-image{
	max-width:100px;
}
.header{
	background-color:#e4e4e4;
}
.footer {
    background-color: #e4e4e4 !important;
	color:#777;
}

/*見出し周り*/
.article h1{
	border-left:5px solid #fdd100;
	padding:10px 15px;
}
.article h2{
	border-bottom: 1px solid #595757;
	padding:15px 10px;
	color:#ffa500;
	background-color:#fff;
}
.article .span_red{
	color:#ff0000 !important;
}
.article .span_blue{
	color:#0095d9 !important;
}

.ao{border-left: solid 5px #002f7c !important;}
.ao2{border-left: solid 5px #47bde5 !important;}

.article h3{
	border-left:none;
	padding:0;
}
.article h3 span{
	background:#2aa738;
	padding:8px 30px;
	border-radius:20px;
	color:#fff;
	font-weight:normal;
}
.blue span{
	background:#004098 !important;
}
.blue_m span{
	background:#2172d5 !important;
}

.midashi_g span{
	display:inline-block;
	background:#2aa738;
	color:#fff;
	border-radius:50%;
	width:30px;
	height:30px;
	text-align:center;
}
.midashi_r span{
	display:inline-block;
	background:#eb613b;
	color:#fff;
	border-radius:50%;
	width:30px;
	height:30px;
	text-align:center;
}
.midashi_b span{
	display:inline-block;
	background:#004098;
	color:#fff;
	border-radius:50%;
	width:30px;
	height:30px;
	text-align:center;
}

.hukidashi {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 30px;
  width: 100%;
  background: #e0edff;
}

.hukidashi:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #e0edff;
}


/*豆知識*/
.chishiki{
	border:1px solid #2aa738;
	padding:30px 15px;
	margin:0 auto 30px;
	background:#fdeff5;
	max-width:640px;
	
}
.chishiki h3{
	margin:0 0 30px;
}
.chishiki_m{
	font-weight:bold;
	color:#2aa738;
}


.page-id-35 .content{
	margin-top:0;
}
.page-id-35 .entry-content{
	margin-bottom:0;
}
.new-entry-card-content .display-none{
	display:block;
}
.new-entry-card-content .display-none .new-entry-card-update-date{
	display:none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
.left,
.left2,
.left3{
	float:none;
	width:100%;
}
.right,
.right2,
.left3{
	float:none;
	width:100%;
}
	
.hukidashi {
  display: block;
  margin:0;
  padding: 0;
  background: #fff;
}

.hukidashi:before {
  content: "";
	display:none;
}
}

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

/*480px以下*/
@media screen and (max-width: 480px){
.logo-image{
	padding:10px 15px;	
}
}