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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* Cocoon Master */
ol, ul {
  padding-left: 0;
  list-style: none;
}
.logo-text {
  padding: 10px 0 20px;
  font-size: 1em;
}
@media screen and (max-width: 979px) {
  html {
     margin-top: 0 !important;
  }
  .logo-text {
    padding: 3vw 0 2vw;
  }
}

#navi .navi-in > ul.menu-header > li > a {
  color: #000;
}
#navi .navi-in > ul.menu-header > li > a:hover {
  background-color: #e1a283;
  color: #fff;
}
#navi .navi-in > ul.menu-header > li > ul.sub-menu {
  background-color: rgba(225, 162, 131, 0.9);
}
#navi .navi-in > ul.menu-header > li > ul.sub-menu > li > a {
  color: #fff;
}
#navi .navi-in > ul.menu-header > li > ul.sub-menu > li > a:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.mobile-menu-buttons {
  background-color: rgba(0, 0, 0, 0.6);
}
.mobile-menu-buttons .menu-button > a {
  display: none;
}
.mobile-menu-buttons .menu-button .menu-button-in,
.mobile-menu-buttons .menu-button .menu-button-in .fa-bars:before,
.mobile-menu-buttons .menu-close-button .fa-close:before {
  color: #fff;
}
.mobile-menu-buttons .menu-content {
  background-color: rgba(0, 0, 0, 0.6);
}
.mobile-menu-buttons .menu-content .menu-drawer a {
  color: #fff;
}
.mobile-menu-buttons .menu-content .menu-drawer > li {
  border-bottom: 1px solid #ccc;
  padding: 3vw 0;
}
li.sidebar-menu-button.menu-button,
li.top-menu-button.menu-button {
  display: none;
}

footer#footer.footer {
  display: none;
}
/* //Cocoon Master */


/********** header **********/
#header-ochan {
  height: auto;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(1, 1, 1, 0.3);
}
#header {
  background-color: #FFFFFF;
  background: url("images/bg_blog.jpg") no-repeat center;
  background-size: cover;
}
#header .header-in {
  padding: 80px 0 30px;
}
#header .header-in a {
  /*font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", メイリオ, Meiryo, serif, Georgia;*/
  color: #73391b;
}
#header .header-in:after {
  content: "CLINIC NEWS";
  display: inline-block;
  margin: 10px auto;
  border-right: 1px solid #73391b;
  border-left: 1px solid #73391b;
  padding: 0 1em;
  font-weight: bold;
  color: #73391b;
}
.navi {
  max-width: none;
  margin-top: 0;
  /*background-color: #e1a283;*/
}

@media screen and (max-width: 979px) {
  #header-ochan {
    background-color: transparent;
    box-shadow: none;
  }
  #header {
    z-index: inherit;
    height: auto;
    position: relative;
  }
  #header .header-in {
    padding: 20vw 0 0;
  }
  .navi {
    display: none;
  }
}
/********** //header **********/

/********** button **********/
.btn-scroll {
  display: none!important;
}
/********** //button **********/

#content-in {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
}

/********** 投稿ページ **********/
.sns-buttons a:link {
  color: #FFFFFF!important;
}
.cat-link {
  color: var(--cocoon-white-color) !important;
}
/********** //投稿ページ **********/

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

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

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