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

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

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

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

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

.content { 
margin-top: 0; 
}

.logo-header {
padding: 0 0 0 0;
}

/*ヘッダー背景、サイズが変わっても画像アスペクト比維持*/
#header {
    height: 29vw;
}

/* トップページ以外の全ページでロゴ画像を非表示 */ 
body:not(.home) .header {
  display: none;
}

/* トップページのみロゴを非表示 */
.home .logo-header {
  display: none;
}

/* モバイル版ヘッダーロゴを非表示 */
@media screen and (max-width: 834px) {
.logo-header {
display: none;
}
}

/*アコーディオンCSS*/
  .su-tabs.my-custom-tabs { background-color: #84ADEA }
  .su-tabs.my-custom-tabs .su-tabs-nav span { font-size: 1.3em }
  .su-tabs.my-custom-tabs .su-tabs-nav span.su-tabs-current { background-color: #EDFAFF }
  .su-tabs.my-custom-tabs .su-tabs-pane {
    padding: 1em;
    font-size: 1.3em;
    background-color: #EDFAFF;
  }

/*モバイルヘッダーの色と高さ、アイコンの位置を調整*/
.mobile-menu-buttons {
    background-color: #143991; /* 背景色 */
    color: #ffffff; /* 文字色 */
    height: 50px;
}

.mobile-menu-buttons .menu-button > a {
color: #ffffff; /* 文字色 */
}

/*　ContactForm7の「必須」部分のスタイリング*/
.requied {
    font-size: 0.6em;
    color: #FFF;
    display: inline-block;
	padding: 0.2em 0.3em 0.1em;
    background: red;
    border-radius: 2px;
}

/* カーソルを合わせたときに表示を変える */
a img{
  opacity: 1;
  transition: 0.3s;
}
a:hover img{
  opacity: .5;
}

/* ヘッダーロゴのリンクを削除する */
.site-name-text-link {
pointer-events: none;
}

/* メインコンテンツ背景色 */
.main{
    background-color: #FFFFFF;
}