@charset "UTF-8";

/*!
Theme Name: sachiowakayama
Template:   cocoon-master
Version:    1.1.0
*/

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

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

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

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

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

/************************************
** グローバルメニュー
************************************/
.navi-in > ul {
  justify-content: flex-end;
}

.fixed-header {
  box-shadow: 0 0 15px 5px rgb(0 0 0 / 10%);
  animation: slide_down_menu 0.5s ease !important;
}

/************************************
** ヘッダーモバイルボタン
************************************/
@media screen and (max-width: 769px) {
  /* メニュー の文字を表示させない　*/
  .navi-menu-icon {
    font-size: 25px;
    padding-top: 5px;
  }

  .mobile-menu-buttons .menu-caption {
    display: none;
  }

  /*スライドインメニューを右から*/
  .navi-menu-content {
    left: auto;
    right: 0;
    transform: translateX(101%);
  }
}

/************************************
** Simple Green - header
************************************/
#header { width: 29%; }
.header-logo-before { font-size: 0.8em; }
.header-container-in  .site-name-text {font-size: 30px!important;}

@media screen and (max-width: 769px) {
	#header { width: 100%; }
	.header-logo-before {  }
}

/************************************
** Simple Green - コンテンツ部分
************************************/

.eye-catch .cat-label {
    top: 0;
    left: 0;
    font-size: 18px;
    border: none;
    padding: 3px 19px;
}



/************************************
** トップへ戻るボタン
************************************/

.go-to-top-button {
  width: 60px;
  height: 60px;
  border-radius: 0px;
  font-size: 30px;
}