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

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

/*固定ページ日付非表示*/
.post-54 .date-tags,
.post-56 .date-tags,
.post-59 .date-tags,
.post-61 .date-tags,
.post-64 .date-tags,
.post-66 .date-tags,
.post-68 .date-tags,
.post-166 .date-tags,
.post-321 .date-tags,
.post-449 .date-tags,
.post-451 .date-tags,
.post-443 .date-tags,
.post-444 .date-tags,
.post-459 .date-tags,
.post-447 .date-tags,
.post-457 .date-tags,
.post-464 .date-tags,
.post-481 .date-tags,
.post-359 .date-tags,
.post-537 .date-tags,
.post-704 .date-tags,
.post-726 .date-tags{
  display: none;
}

/*固定ページタイトル非表示*/
.page .entry-title{
  display: none;
}

/*サイトタイトル非表示*/
.site-name-text{
  display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	main.main, div.sidebar{
    padding: 10px;
    margin: 0px 0;
    border-width: 0;
}

}

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



/*メインページのバックカラー*/
.main{
	background:#ffffcc;
}

/*サイドバーのバックカラー*/
.sidebar {
	background: #ffffe0;
}


/*サイドバー文字色*/
#sidebar a{
	color:#004c9d;
    text-align:center;
	font-weight:bold
}

/*サイドバーメニュー文字色ホバー*/
.widget_nav_menu ul li a:hover{
    color: #c0c0c0!important;
	background:none;
	transition: all 0.5s ease;
}

/*言語切り替え*/
li.en-US {
    float: left;
    margin-right: 14px;
}
/*言語切り替え*/
li.ja {
    float: left;
}
/*言語切り替え*/
.bogo-language-switcher .current {
  display: none;
} 

#header,#footer {
  display:none;
}

/*サイドバー幅*/
.wrap {
  width: 100%;
}
.main {
  flex: 1;
}
.sidebar {
  width: 200px;
  padding: 19px;
}
.main,
.sidebar,
.sidebar-left .main,
.sidebar-left .sidebar {
  margin: 0;
  border-radius: 0;
}

/*余白*/
.content{
margin: 0px;
padding: 0px;
}

/*余白*/
.page .entry-content{
	margin-top:0;
	margin-bottom:0;
}

/*余白*/
.page .main{
	padding:0;
}
/*背景画像フルスクリーン時メイン背景無色化*/
#main {
  background-color: rgba(0,0,0,0);
}



/*ボタンカスタマイズ*/
.btn{ background-color: #fff;}
.btn:hover{
	background:#ffff33;}

/*モバイルボタン幅*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	height: 55px;
}
/*モバイルスライドインメニュ*/
div.navi-menu-content {
    background:#ffff;
} 
.menu-drawer a:hover {
    background-color: transparent;/*背景透明 */
    color: #1a1a1a; /* 文字色*/
}
/*mobile スライドインナビ文字色.枠線*/
.navi-menu-content ul li a{
	font-size:1.2em;
	line-height: 2.0;
  color: #333333;　/* 文字色:白 */
}

/*モバイルスライドメニューを右から表示させる*/
.navi-menu-content {
  right: 0;
  left:unset;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
}

@media only screen and (max-width: 480px) {
  #main .wp-block-image {
    width: calc(100% + 8.7%);
    max-width: calc(100% + 8.7%);
    margin-left: -4.35%;
  }
	.entry-content .wp-block-cover,
.entry-content .wp-block-cover-image {
  margin: 0 calc((100% - 100vw)/2) 1.5em;
  min-height: 600px;
  width: auto;
}
}

.menu-close-button .fa.fa-close {
  visibility: hidden;
}

/*新着記事日付表示*/
.new-entry-card-date.widget-entry-card-date.display-none {
display: block;
}

@media(min-width:751px){
    .sp{
        display: none !important;
    }
}
@media(max-width:750px){
    .pc{
        display: none !important;
    }
}