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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.tagline_desc {
  margin: auto;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}
.header-container-in .tagline_desc .scr_br {
  display: none;
}
.header-container-in.hlt-top-menu .tagline_desc {
  font-size: 14px;
}
.header-container-in.hlt-top-menu .tagline_desc .scr_br {
  display: block;
}
.widget_nav_menu ul li {
  border-bottom: 2px dotted var(--cocoon-x-thin-color);
}
.sidebar-menu-content {
  left: 0;
  transform: translateX(-105%);
}
.main_wrap .main {
  height: auto;
}
.sub-caption {
  line-height: 1;
}
.entry-title {
  margin: 0 0 38px;
}
.info_link {
  text-align: right;
}
.no-thumbnail .widget-entry-cards div.widget-entry-card-content {
  font-size: 16px;
}
.widget-entry-card-date {
  display: block;
}
.footer-center {
  width: 40%;
}
.widget-footer-center {
  font-size: 14px;
}

/* サイドメニュー開閉 */
.menu_group {
  position: relative;
  transition: all .9s ease;
  cursor: pointer;
}
.menu_group > a::after {
  position: absolute;
  display: inline-block;
  top:20px;
  right: 3%;
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(135deg);
}
.menu_group ul.sub-menu {
  display: none;
}
.menu_group.open ul.sub-menu li:last-child {
  border:none;
} 
#sidebar-menu-close.noclose {
  display: block;
  opacity: 0.5;
}
#sidebar-menu-content.noclose {
  transform: translateX(0);
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .tagline_desc {
    font-size: 18px;
  }
  .menu_group > a::after {
    top:15px;
  }
  .no-thumbnail .widget-entry-cards div.widget-entry-card-content {
    font-size: 14px;
  }  
  .entry-title {
    margin: 0 0 18px;
  }    
}