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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.home .entry-title {
display: none;
}


*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
a{
margin:0;
padding:0;
text-decoration:underline;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#0066ff;
}

.clearfix:after{
content:"";
display:block;
clear:both;
}
/************************************
sidebar
************************************/
.sidebar h2, .sidebar h3 {
    color: #FFF;
    background-color: #36567e;
    padding: 12px;
    margin: 16px 0;

}

/************************************
見出し
************************************/

.article h3 {
  position: relative;
  padding: 0.6em;
  background: #587db2;
	color:#FFF;
	border:0;
}

.article h3:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #587db2;
  width: 0;
  height: 0;
}


.article h4 {
  color: #000;
  padding: 0.7em;
  border-top: solid 2px #587db2;
  border-bottom: solid 2px #587db2;
  background: #dae0f5;
}

.article h5 {
  border-bottom: solid 3px #dfe6ff;
  position: relative;
}

.article h5:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
	left: 0;
}
/************************************
header背景
************************************/
.header-container {
background:#a4adcc ;	
}
.header-container-in.hlt-top-menu .logo-image {
    padding: 10px;
    margin: 0;
}
.header-container-in.hlt-top-menu .logo-header img {
    max-height: 45px;
    height: auto;
    vertical-align: middle;
}
.home .header-container {
background:#a4adcc url(images/top-bg.jpg) center top;
	height:570px;
}
.navi {
    background-color: transparent;
}
.navi a {
    color:#FFF;
	    font-size: 80%;
}
.navi a:hover {
    color:#fffc04;
	background:transparent;
}
.article h2 {
    color: #FFF;
    background-color: #36567e;
}
.navi-in > ul {
    justify-content: right;
}

.tab-img { display:none;}
.tabsmt-img { display:none;}
.smt-img { display:none;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1400px以下*/
@media screen and (max-width: 1400px){
.home .header-container {
background:#a4adcc url(images/top-bg2.jpg) center top;
	height:480px;
background-size:100% auto;
}

	
	}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
.home .header-container {
background:#a4adcc;
	height:auto;
}
.home #content .wrap .main {
 padding: 0;
	margin:0;}	
.home .entry-content {
 padding: 30px;
}	
.content {
    margin-top: 0;
}	
	#menu-header-mobile {
		background:#a4adcb;
		color:#FFF;
	}
	
/*スライドインメニューを右から*/
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: #FFF;
	transform: translateX(101%);
}
#header {
		display:none;
	}
.logo-menu-button {
		text-align:left;
		width:50%;
	}
.has-logo-button .logo-menu-button {
    flex-grow: 0;
	    width: 100% !important;
	        display: inline;
	padding:5px;
}
.logo-menu-button img {
    max-height: 44px;
    display: block;
    margin: 1%;
}
	
.pc-img { display:none;}
.tab-img {display:inline;}
.tabsmt-img {display:inline;}
}

/*834px以下*/
@media screen and (max-width: 834px){
.pctab-img { display:none;}
.tab-img { display:none;}
.smt-img { display:inline;}
}

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