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

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

.header-container-in.hlt-top-menu {
  flex-direction: column;
  align-items: inherit;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  margin: inherit;
  width: auto;
}
.header-container-in.hlt-top-menu .logo-header {
  text-align: left;
}
.header-container-in.hlt-top-menu .logo-header img{
  width: 520px;
  max-height: inherit;
}
.header-container-in.hlt-top-menu .wrap {
  width: auto !important;
}
.hlt-tm-right .navi-in > ul {
  justify-content: center;
  background: #dbdbdb;
  border-top: 1px solid #ccc;
}
.menu-pc .menu-item::after {
  position: relative;
}
.menu-pc .menu-item::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  width: 1px;
  height: calc(100% - 2rem);
  background: #afafaf;
}
.header-in .search-submit {
  left: inherit;
  right: auto;
  color: #8195a2;
  right: 1px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.header-in input[type="text"] {
  padding: 8px 14px 8px 10px;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #ccc;
}
.header-container-in.hlt-top-menu .logo-header .site-name {
  display: inline-block;
}
.navi-in > ul li {
  height: 45px;
}
.header-container-in.hlt-top-menu .logo-header {
  max-height: inherit;
  padding: 10px 0;
}
#header-container .navi, #navi .navi-in>.menu-header .sub-menu {
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.menu-pc .menu-item:last-child::after {
  display: none;
}
.mobile-header-menu-buttons, .mobile-menu-buttons, .menu-button {
  color: #8195a2;
  background-color: #ffffff;
}
.header-in {
  position: relative;
}

.header-in .search-box {
  position: absolute;
  top: 50%;
  right: 16px;
  margin: 0;
  width: 280px;
  transform: translateY(-50%);
}
.home .date-tags {
  display: none;
}

#header-container-in .menu-item{
  position: relative;
}
#header-container-in #navi .navi-in a:hover{
  color: #dd3333;
}
#header-container-in #navi .navi-in a::before{
  content: "";
  position: absolute;
  display: block;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #dd3333;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 0;
}
#header-container-in #navi .navi-in a:hover::before {
    -webkit-transform: scale(0.8, 1);
    transform: scale(0.9, 1);
}
.current-menu-item {
  position: relative;
}
#header-container-in #navi .navi-in .current-menu-item a{
  color: #dd3333;
}
#header-container-in .current-menu-item a::before{
  content: "";
  position: absolute;
  display: block;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #dd3333;
  transform: scale(0.9, 1) !important;
  z-index: 0;
}
#header-container-in #navi .navi-in a:hover {
  background-color: rgba(255, 255, 255, 0);
}
#header-container-in .current-menu-item a:hover::before {
  -webkit-transform: scale(0.8, 1);
  transform: none;
}
/* フッター */
.footer-bottom-logo {
  position: inherit;
}
.footer-bottom-logo img {
    height: auto;
	width: 500px;
	max-width: 100%;
}
.navi-footer-in > .menu-footer {
  justify-content: center;
  text-align: center;
}
.navi-footer-in > .menu-footer li {
  margin-right: 1em;
  margin-bottom: 0.5rem;
  width: auto;
  border-left: none;
}
.navi-footer-in a {
  padding-right: 1em;
  border-right: 1px solid #afafaf;
  width: auto;
}
.navi-footer-in a:hover {
  color: #dd3333;
  background-color: rgba(255, 255, 255, 0);
  transition-duration: 0.3s
}
.footer {
  background: #f4f7f7;
  background: #dbdbdb;
}
.copyright {
  text-align: center;
}
.footer-bottom-logo .logo-image {
  padding-bottom: 1.6rem;
}
.footer-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
}
.copyright {
  text-align: center;
  margin-top: 3rem;
}
.navi-footer li:last-child a {
  padding-right: 0;
  border-right: 0;
}
.navi-footer-in > .menu-footer li:last-child {
  border-right: none;
}

/* 見出し */
.article .wp-block-columns h2 {
  padding: 0.4em;
  background: #ffffff;
  border-bottom: solid 4px #dd3333;
}
.sidebar h2,
.sidebar h3{
  padding: 0.4em;
  background: #ffffff;
  border-bottom: solid 4px #dd3333;
  border-left: none;
  border-radius: 0;
}
.article .wp-block-columns > .wp-block-column:nth-child(2) h2 {
    background: #ffffff;
}
/* カテゴリー */
/* .wp-block-categories-list .cat-item{
  background: #f1f1f1;
  border-left: solid 5px #ccc;
} */
.wp-block-categories-list .cat-item-1 a,.wp-block-categories-list .cat-item-1 a:hover{
  background: #fff5f5;
  border-left: solid 5px #dd3333;
}
.wp-block-categories-list .cat-item-3 a,.wp-block-categories-list .cat-item-3 a:hover{
  background: #ffeedf;
  border-left: solid 5px #e77b20;
}
.wp-block-categories-list .cat-item-6 a,.wp-block-categories-list .cat-item-6 a:hover{
  background: #eafff3;
  border-left: solid 5px #2ca75e;
}
.wp-block-categories-list .cat-item-4 a,.wp-block-categories-list .cat-item-4 a:hover{
  background: #edf2ff;
  border-left: solid 5px #2b52b3;
}
.wp-block-categories-list .cat-item-5 a,.wp-block-categories-list .cat-item-5 a:hover{
  background: #fcf1ff;
  border-left: solid 5px #9a1fb7;
}
.wp-block-categories-list .cat-item-7 a,.wp-block-categories-list .cat-item-7 a:hover{
  background: #ffedf6;
  border-left: solid 5px #eb4b98;
}
.wp-block-categories-list .cat-item-11 a,.wp-block-categories-list .cat-item-11 a:hover{
  background: #eff8ff;
  border-left: solid 5px #3594d7;
}
.wp-block-categories-list .cat-item{
  margin-bottom: 0.5em;
}
.wp-block-categories-list .cat-item a{
  color: #1c1a1a;
  text-decoration: none;
} 
.wp-block-categories-list .cat-item a{
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-bottom: none;
  margin: 0px !important;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  display: block;
  transition-duration: 0.3s;
  border-radius: 0;
}
.wp-block-categories-list .cat-item a:hover {
  margin: 0;
  padding: 0;
  box-shadow: none;
  margin: 0px !important;
  transform: translateY(0px);
  padding: 0.5em;
  transform: translateY(-4px);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.24);
  transition-duration: 0.3s;
  border-radius: 0;
}
/* 記事カテゴリー */
.psacp-post-carousel-wrap.psacp-design-1 .psacp-post-cats a.psacp-post-cat-1 {
  background: #dd3333;
}
.psacp-post-carousel-wrap.psacp-design-1 .psacp-post-cats a.psacp-post-cat-3 {
  background: #e77b20;
}
.psacp-post-carousel-wrap.psacp-design-1 .psacp-post-cats a.psacp-post-cat-6 {
  background: #2ca75e;
}
.psacp-post-carousel-wrap.psacp-design-1 .psacp-post-cats a.psacp-post-cat-4 {
  background: #2b52b3;
}
.psacp-post-carousel-wrap.psacp-design-1 .psacp-post-cats a.psacp-post-cat-5 {
  background: #9a1fb7;
}
.psacp-post-carousel-wrap.psacp-design-1 .psacp-post-cats a.psacp-post-cat-7 {
  background: #eb4b98;
}
.psacp-post-carousel-wrap.psacp-design-1 .psacp-post-cats a.psacp-post-cat-11 {
  background: #3594d7;
}

.cat-link.cat-link-1 {
  background-color: #dd3333;
}
.cat-link.cat-link-3 {
  background: #e77b20;
}
.cat-link.cat-link-6 {
  background: #2ca75e;
}
.cat-link.cat-link-4 {
  background: #2b52b3;
}
.cat-link.cat-link-5 {
  background: #9a1fb7;
}
.cat-link.cat-link-7 {
  background: #eb4b98;
}
.cat-link.cat-link-11 {
  background: #3594d7;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  .header-container-in.hlt-top-menu .header {
    display: none;
  }
  .header-in .search-box {
    display: none;
  }
  .mobile-menu-buttons .menu-button>a,.menu-button{
	background-color: #ccc!important;
  }
  .navi-menu-content a,.menu-drawer a:hover{
    background: transparent;
  }
  .logo-menu-button img{
    max-height: 100px;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  #header .site-name-text img{
    display: none;
  }
  .navi-footer-in > .menu-footer li.menu-item {
    width: auto;
    margin-right: 1em;
    width: auto;
    border-left: none;
    margin-bottom: 0.5rem;
    flex: none;
  }
  .navi-footer-in > .menu-footer li.menu-item a {
    padding-right: 1em;
    border-right: 1px solid #afafaf;
    width: auto;
  }
  .copyright {
    margin-top: 2.7rem;
  }
  .article ul, .article ol {
    padding-left: 0px;
  }
  .footer-widgets {
    display: block;
  }
  #sns_follow_buttons-4,.sns-buttons{
    margin-bottom:0;
  }
  .footer-bottom{
    margin-top:0;
  }
}

/*500px以下*/
@media screen and (max-width: 500px){
  /*必要ならばここにコードを書く*/
  .mobile-menu-buttons .menu-button.search-menu-button{
    display: none;
  }
  .mobile-menu-buttons .menu-button{
    width: 50px;
  }

}