@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

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

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

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

/*768px以下*/
@media screen and (max-width: 768px){
  .column-wrap {
      flex-direction: column;
  }
  .column-wrap.column-3 > div {
      width: 100%;
  }
} 

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*投稿日時を非表示*/
.post-date {
    display:none;
}
.main, 
.sidebar {
  background-color:rgba(255, 255, 255, 0.0);
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}
/* ヘッダー部分の背景をbodyと同じ背景に */
.header-container {
    background-color: transparent;
}
/* 全固定ページで非表示 */
.page .entry-title {
    display: none;
}


.slicknav_menu{
    background-color:#4f5057;
    padding:0}

.slicknav_menu .slicknav_menutxt{
    display:none}

.slicknav_btn{
    position:absolute;
    right:0;
    background-color:transparent;
    margin-top:14px}

.mobile-menu-buttons {
  background: #626063;/* メニューの背景色 */
}

.navi-menu-button,
.mobile-menu-buttons .home-menu-button > a,
.search-menu-button,
.mobile-menu-buttons .top-menu-button > a,
.sidebar-menu-button{
  color: #ffffff;/* メニューのテキストの色 */
}
.video-container {
  max-width: none;
}

/************************************
** グローバルメニュー PC
************************************/
 /* ロゴの大きさ・幅に関するもの */
.header-container-in.hlt-top-menu .logo-header img {
  max-height: 100%;
  height: auto;
  max-width: 280px;
  vertical-align: middle;
  margin: 10px 0;
}
#header-container {
  position: none;
  left: 0
  top: 0;
  right: 0;
  z-index: 10;
}
.site-name-text-link {
  color: #fff;
}
.navi {
  background: none;
}
.navi-in > ul .sub-menu {
  background: #fff;
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
}
.navi-in > ul li {
  width: auto;
}
.navi-in a {
  font-size: 13px; /* ナビ文字大きさ */
  font-weight: bold;
  position: relative;
  color: #fff; /* ナビ文字色 */
  padding: 0 20px;
  display: block;
  text-decoration: none;
}
.navi-in a:hover {
  background: none;
}
.navi-in a:before {
  position: absolute;
  left: 0;
  bottom: 6px;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #fff; /* マウスON時の下線色 */
  transform: scale(0, 1);
  transition: 0.4s;
}
.navi-in a:hover:before {
  transform: scale(1);
}
.navi-in > ul .sub-menu a {
  color: #666; /* サブメニュー文字色 */
  font-size: 12px; /* サブメニュー文字の大きさ */
}
.navi-in > ul .sub-menu a:before {
  background: #42d5e7; /* サブメニューマウスON時の下線色 */
}
.header-container-in.hlt-top-menu .logo-header {
  max-height: 100%;
}
.header-small {
  opacity: 0.9;
}
.header-small .header-container-in.hlt-top-menu .logo-header img {
  max-width: 130px;
  margin: 10px 0;
}
#container {
  padding-top: 5px;
}
[id^="toc"]:target {
  padding-top: 85px;
  margin-top: -85px;
}
.content {
	margin-top: 0;
}

.logo-text {
	padding: 20px 0 0;
}

.main {
	padding: 0 29px 20px;
}

.entry-card-title {
	color: #000000;
}

/* 見出しカスタマイズ */
/* H2 */
.article h2{
background:none;
padding: 0;
}
 
/* H3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}
 
/* H4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
 
/* H5 */
.article h5{
border-bottom:none;
padding: 0;
}
 
/* H6 */
.article h6{
border-bottom:none;
padding: 0;
}

/************************************
** ●SNSフォローボタン
************************************/

.sns-share-message, .sns-follow-message {
  display: none; /*説明文字削除*/
}
/************************************
** ロゴのフェードイン
************************************/
.logo{
	animation-name:fdin;
	animation-duration:2s;
}
@keyframes fdin{
from {
	opacity:0;
	transform: translateY(10px);
}
to {
	opacity:1;
	transform: translateY(0);
}
}
/************************************
ナビの文字サイズ
************************************/
#navi .navi-in > .menu-header .item-label{
	font-size: 20px;
}
.facebook-page-plugin{
  text-align: center;
  margin: 20px 0;
}