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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.line{
	width:70%;
}
.entry-title {
display: none;
}
.footer_fixed{
	position:fixed;
	display:flex;
	width:100%;
	bottom:0;
	left:0;
	z-index:999;
}
.footer_fixed a{
	color: #fff;
	text-decoration: none;
}
.footer_tel{
	width:50%;
	background:#000929;
	text-align:center;
	padding:10px 0;
}
.footer_line{
	width:25%;
	background:#0d400d;
	text-align:center;
	padding:10px 0;
}
.footer_contact{
	width:25%;
	background:#b04e08;
	text-align:center;
	padding:10px 0;
}



/*
 * @media(min-width:700px){
.footer_fixed{
	display: none;
}
}
*/



.list-6{
   counter-reset:number;
   list-style-type: none;
   padding:5%;
   margin:0;
}
.list-6 li { 
   border-bottom:2px dashed;
   border-color:#cdcdcd; /* 線の色 */
   position: relative;
   margin:0.5em 0 !important;
   max-width:600px; /* 横幅 */
   padding: 0 0 0.5em 1.8em;
}
.list-6 li:last-child { 
   border:none;
}
.list-6 li:before {
   counter-increment: number;
   content: counter(number);
   background-color: #000; /* 文字背景色 */
   color: #fff; /* 文字色 */
   position: absolute;
   font-weight:bold;
   font-size: 14px;
   border-radius: 50%;
   left: 0;
   top:0.5em;
   width: 22px;
   height: 22px;
   line-height: 22px;
   text-align: center;
}



/************************************
** ■見出しカスタマイズ（h1-6）
************************************/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{ /*見出し初期化*/
  padding: 0;
  margin: 0;
  font-size: medium;
  border-collapse: separate;
  border-spacing: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  line-height: normal;
  position:relative;
}

.article h1{ /*見出し１（タイトル）カスタマイズ*/
  background: ; /*背景カラー*/
  font-size: 22px; /*フォントサイズ*/
  letter-spacing: 1px; /*文字間隔*/
  margin: -8px -8px 20px -8px;
  padding: 9px 10px 9px 10px;
  line-height: 35px; /*高さ*/
  border-radius: 3px; /*角丸コーナー*/
  }


.article h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	text-align: center;
	background-color: #fff;
	margin:2% 0;
	background-color: #fff;
}

.article h2::before,
.article h2::after {
	content: '';
	width: 80px;
	height: 1px;
	background-color: #000;
}

.article h2::before {
	margin-right: 20px;
}
.article h2::after {
	margin-left: 20px;
}



.article h3 {
  border-bottom: solid 3px #000;
  position: relative;
  font-size: 18px;
}

.article h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ccc;
  bottom: -3px;
  width: 20%;
}




.article h4{ /*見出し４カスタマイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px -8px 20px 8px;
  padding: 8px 7px 8px 10px;
  border-left: 2px solid #ccc; /*左ラインの太さとカラー*/
  line-height: 23px; /*高さ*/
  font-size: 16px;
}

.article h5{ /*見出し５カスタマイズ*/
  background: #fff; /*背景カラー*/
	border-top:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
  font-size: 16px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  padding: 5px;
  margin:5px;
  line-height: 27px; /*高さ*/
}

.article h6{ /*見出し６カスタマイズ*/
  font-size: 16px; /*フォントサイズ*/
  letter-spacing: 2px; /*文字間隔*/
  margin: 35px 0px 20px 0px;
  padding: 8px 16px 8px 25px;
  line-height: 25px; /*高さ*/
  background-color: #ffddee; /*背景カラー*/
  border-radius: 10px; /*角丸コーナー*/
  position: relative;
}
.article h6::after{ /*見出し６の逆三角部分のカスタマイズ*/
  position: absolute;
  top: 100%;
  left: 20px;
  content: '';
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-top: 13px solid #ffddee;
}





/************************
* グローバルナビ
/************************/
.header-container .navi {
background: #fff;
}
#navi .navi-in a {
color: #000;
}
#navi .navi-in>.menu-header .sub-menu {
background:#ccc;
}
#navi .navi-in>.menu-header .sub-menu {
background:#ccc;
}
#navi .navi-in a:hover {
background-color: #000929;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 2px 1px #ffffff;
	color: #fff;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor {
border-bottom: 3px solid #ccc;
background: #ccc;
			color: #fff;
}
.menu-header .menu-item:hover {
border-bottom: 3px solid #ccc;
background: #ccc;
	color:#fff;
}





/* Grid style */
.display-posts-listing.grid {
    display: grid;
    grid-gap: 16px;
}
 
.display-posts-listing.grid .title {
    display: block;
}
 
.display-posts-listing.grid img { 
    display: block; 
    max-width: 100%; 
    height: auto; 
}
 
@media (min-width: 600px) {
    .display-posts-listing.grid {
        grid-template-columns: repeat( 2, 1fr );
    }
}
 
@media (min-width: 1024px) {
    .display-posts-listing.grid {
        grid-template-columns: repeat( 3, 1fr );
    }
}


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

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

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