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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.line-separation-wide {
  line-height: 1.5;
}

.font-size-huge {
  font-size: 48px;
}

.font-size-big {
  font-size: 36px;
}

.font-size-middle {
  font-size: 16px;
}

.font-color-grey {
  color: lightgrey;
}

.outline {
  color          : #ffffff;
  text-shadow    : 
       1px  1px 1px brown,
      -1px  1px 1px brown,
       1px -1px 1px brown,
      -1px -1px 1px brown,
       1px  0px 1px brown,
       0px  1px 1px brown,
      -1px  0px 1px brown,
       0px -1px 1px brown;
}

.outline2 {
/*
  color: #19448e;
*/
  color          : #19448e;
  font-weight    : bold;
  text-shadow    : 
       0.5px  0.5px 0.5px white,
      -0.5px  0.5px 0.5px white,
       0.5px -0.5px 0.5px white,
      -0.5px -0.5px 0.5px white,
       0.5px  0px 0.5px white,
       0px  0.5px 0.5px white,
      -0.5px  0px 0.5px white,
       0px -0.5px 0.5px white;
}

#main-front {
  padding: 0;
}

.navi-in > ul li:hover > ul {
  display: block !important;
}

.navi-in a:hover > ul {
  display: block;
}

.fixed-header .has-sub {
  display: inline-block;
}

.site-logo-image {
  padding: 10px;
}

.author-info {
  display: none;
}

.date-tags { /* 投稿日時表示なし */
  display: none;
}

.footer-left { /* フッター分割なし */
  width: 100%;
}

#footer .widget { /* フッター内間隔調整 */
  margin-bottom: 0;
}

.access-step-by-step p { /* アクセス説明文 */
  margin-bottom: 0;
}

.eye-catch-wrap { /* アイキャッチ画像非表示 */
  display: none;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /* インスタスマホで2列表示にする */
  #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_6 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_9 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_10 #sbi_images .sbi_item {
    width: 50% !important;
  }
}