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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
div.author-info,div.date-tags,aside#block-5,aside#block-6,
.widget-sidebar-standard h3.widget-sidebar-title {display:none;}
div.side-img img {border:1px solid #999;margin-bottom:8px;width:100%;}
div#n2-ss-1 .n2-ss-slider-1 {margin-top:-80px;z-index:1;}
.search-menu-button{display:none;}
.bold {font-weight:800;}
.font-80 {font-size:80%;}
.font-90 {font-size:90%;}
.font-110 {font-size:110%;}
.font-120 {font-size:120%;}
h2.title-side{font-size:120%;margin-left:-12px;margin-bottom:-15px;color:#0b3166;}
div.toprenkei {padding-top:30px;}
#header,#navi {
  position: relative;
  z-index: 100;
}
#navi {
opacity: 0.6;
position: relative;
z-index: 99;
	clip-path: polygon(
    30px 0,      /* 左上を右に40pxカット */
    100% 0,      /* 右上 */
    100% 100%,   /* 右下 */
    30px 100%,   /* 左下を右に40pxカット */
    0 calc(100% - 30px), /* 左下の斜め部分 */
    0 30px
  );
}
li.menu-item a div.caption-wrap div.item-label {color:#fff;opacity: 1.0}

/* Smart Slider 3の重なり順を下にする */
.n2-ss-container {
  position: relative;
  z-index: 1;
}
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
li.search-menu-button.menu-button {display:none;}
.search-menu-button {display:none;}
#navi {
	background-color: #0b3166;
  position: relative;
  z-index: 100;
	opacity: 0.8;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
li.search-menu-button.menu-button {display:none;}
.search-menu-button{display:none;}
.mobile-menu-buttons {
background-color: #0b3166;
color: white;
}
.mobile-menu-buttons .menu-button > a {
color: white;
}
.wp-block-search__button-outside.wp-block-search__icon-button.alignright.wp-block-search {
    display: none;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
li.search-menu-button.menu-button {display:none;}
.search-menu-button{display:none;}
.mobile-menu-buttons {
background: #0b3166;
color: white;
}
.mobile-menu-buttons .menu-button > a {
color: white;
}
.wp-block-search__button-outside.wp-block-search__icon-button.alignright.wp-block-search {
    display: none;
}
}