@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon
Version:    1.1.2
*/

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

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

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

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

/************************************
** ここから子テーマＣＳＳ追加 
************************************/
/* header調整start */
#header-container .tagline, #header-container .site-name-text {
    color: #0000cd;
}

#header-container #header {
    background-color: #fff;
}

/* header調整end */


/* footer調整start */
/* SNS */
.snsline {
    float: left;
}

.snslink {
    overflow: hidden;
}

#header-container .tagline, #header-container .site-name-text {
    color: #0000cd;
}

/* footer調整end */

/* スマホメニューアイコン左側へ調整start */
.mobile-menu-buttons .menu-button {
    align-items: center;
    display: flex;
    margin-left: 5%;
}
/* スマホメニューアイコン左側へ調整end */
/* スマホメニュー文字調整start */
span.navi-menu-caption.menu-caption {
    font-size: 12px;
}
/* スマホメニュー文字調整end */
/* スマホメニューアイコン調整start */
span.fa.fa-bars {
    font-size: 30px;
}
/* スマホメニューアイコン調整end */
/* スマホヘッダー背景start */
body .mobile-menu-buttons {
    background-color: #024097;
}
/* スマホヘッダー背景end */

/* TOP（キャッチフレーズ）start */
#header-container .tagline, #header-container .site-name-text {
  color: #0000cd;
}
/* TOP（キャッチフレーズ）end */

/* ソーシャルボタンカスタム start */
.button-caption { display: none; }
.sns-share-buttons a {
 font-size: 14px; /*ロゴサイズ*/ 
 border-radius: 3px; /*角の丸み*/
 height: 25px; /*ボタンの高さ*/
 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); /*影*/
}
/* ソーシャルボタンカスタム end */

/* メニュー背景色 start */
#header-container .hlt-center-logo #navi {
 background-color: #024097;
}
/* メニュー背景色 end */

/* サイト背景色（メニュー、フッダーの間のmaginも同時に色変更） start */
div#container {
 background: #E0EDFF;
}
/* サイト背景色 end */

/* TOP画面一覧（行間調整、フォントカラー：黒） start */
ul.list-maru-ao-arrow_tou_eve, ul.list-maru-ao-arrow_shop a {
    line-height: 200%;
    color: black;
}
/* TOP画面一覧（行間調整、フォントカラー：黒） end */


/* 見出し start */
/*h1タグ (top)*/
#main .entry-content h1 {
 background: #024097;
 color: white;
 padding: 1em;
}

/*ここまで*/
/*h1タグ (top以外)*/
#main .entry-header h1.entry-title {
    background: #024097;
    color: white;
    padding: 1em;
}
/*ここまで*/

/*h2タグ*/
#main .entry-content h2{
 color: #024097;
 background-color: transparent;
 border-left: 10px solid #024097;
 border-left-color: #024097;
 border-right: 1px solid #024097;
 border-top: 1px solid #024097;
 border-bottom: 1px solid #024097;
}
/*ここまで*/

/*h3タグ*/
#main .entry-content h3{
 color: #024097;
 background-color: transparent;
 border-top: 1px solid #024097;
 border-top-color: #024097;
 border-bottom: 1px solid #024097;
 border-left: 1px solid #024097;
 border-right: 1px solid #024097;
}
/*ここまで*/
/* 見出し end */

/* トップページのタイトル非表示 */
#post-46 h1.entry-title {
    display: none;
}

/* 固定ページの日付を非表示 */
.post-3 .date-tags,
.post-14 .date-tags,
.post-19 .date-tags,
.post-21 .date-tags,
.post-23 .date-tags,
.post-46 .date-tags,
.post-3230 .date-tags{
  display: none;
}

/*お問い合わせ start*/
span.wpcf7-list-item {
    display: inline-block;
    margin: 0px
}


#formbtn{
display: block;
padding:15px;
width:200px;
background:#024097;
color:#fff;
font-size:18px;
font-weight:bold;
border-radius:10px;
margin:25px auto 0;
}
#formbtn:hover{
background:#055ad1;
color:#fff;
}

/*お問い合わせ end*/

/*リスト・→図へ自動設定 start*/
.list-maru-ao-arrow_tou_eve, .list-maru-ao-arrow_shop{
 list-style-image: url(https://ots-sreshop.com/wp-content/uploads/2021/05/list_maru_ao.gif);
}
/*リスト・→図へ自動設定 end*/