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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* 見出しカスタマイズ */
/* H2 */
.article h2{
background:none;
}

/* H3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
margin:0;
}

/* H4 */
.article h4{
	font-size: 1.1em;
	padding:10px 0 10px 30px;
border-top:none;
border-bottom:none;
	
}

/* H5 */
.article h5{
border-bottom:none;
}

/* H6 */
.article h6{
border-bottom:none;
}

.article p {
	margin:0;
}

img {margin-bottom:20px;}

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

/*834px以下*/
@media screen and (max-width: 834px){
	.box02 {
		margin-top:10px;
	}
}

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


/************************************
**　ヘッダーメニュー
************************************/

.navi-in>ul li {
line-height: 60px;
height: 60px;
}
.navi-in a{
font-size:15px;
}
#navi .navi-in a:hover {
transform: none!important;
}
.navi-in > ul .sub-menu a {
padding: 0;
}
.sub-menu{
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
.sub-menu .caption-wrap {
color:#333;
border-top: dotted #dddddd;
background:#fff;
padding:0 0 0 2em;
margin:0;
}
.navi-in > ul .sub-menu a:hover {
transform: none!important;
}
div#header-container {
box-shadow: none;
}
div.item-label{
font-weight:bold;
}
/************************************
**　タイトル
************************************/
.entry-title {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #fff100;
}

.entry-title:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}

.article h3 {
padding: 1rem 2rem;
  color: #fff;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#f83600), to(#f9d423));
  background-image: -webkit-linear-gradient(left, #f83600 0%, #f9d423 100%);
  background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
}


h4 {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
  border-radius:10px;
}

h4:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}

.line {
background: linear-gradient(transparent 50%, yellow 50%);
	font-weight:bold;
	margin-bottom:10px;
}

.box01 {
	background-color:#e8f3f9;
	font-weight:bold;
	font-size:0.9em;
	border-radius: 10px;
	padding:1em;
	line-height:2.5em;
}

.box02 {
  font-size:0.9em;
  background: #fff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding:1em;
 font-weight:bold;
}

.box03 {
    padding: 0.2em 0.5em;
	margin: 2em;
    color: #000;
    background: #fbfdda;
    box-shadow: 0px 0px 0px 10px #fbffbe;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
./*box03 p {
    margin: 0; 
    padding: 0;*/
}


.heading01 {
  background: #fff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 1px #96c2fe;
  padding: 1em;
  color: #454545;
 font-weight:bold;
}

.heading01 span {
	color:#3478f6;
	font-weight:bold;
}

.heading02 {
color: #292929;
background-color: #fcd98f;
border-left: 15px solid #df9700;
box-shadow: 0 5px 6px rgba(0, 0, 0, .5);
padding: 10px;
	border-radius:10px;
}

p {
	letter-spacing:0.1em
}