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

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

/*************************************
背景色を紺鼠暗色（#1C2833)に合わせる　
************************************/

@media (prefers-color-scheme: dark) {
  :root {
    --text-main: #f7F9FF;
    --bg4:#001A33;
    --bg3:#1C2833;
    --bg2:#263B4A;
    --bg1:#385166;
    --bg1-on:#44617B;
    --underline-blue: #234794 ;
    --underline:rgba(255, 255, 0, 0.801);
    --underline-red:#ff2f33;
  }
}
@media screen and (max-width: 480px) {
  .pager-post-navi.post-navi-square a:last-child {
    border-top-width: 1px;
    margin-top: 6px;
  }
}
:root {
  --text-main: #f7F9FF;
  --bg4:#001A33;
  --bg3:#1C2833;
  --bg2:#263B4A;
  --bg1:#385166;
  --bg1-on:#44617B;
  --underline-blue: #234794 ;
  --underline:rgba(255, 255, 0, 0.801);
  --underline-red:#ff2f33;
 }

/************************************
**言語スイッチ関係
************************************/	
ul.bogo-language-switcher { 
    /* ボタンを横並びに */ 
    display: flex; 
}

.bogo-header {    
    font-size: 0.8em;
    position: absolute;    
    right: 2%;    
    transform: translateY(-130%);    
    z-index: 10; 
    /* Bogoを他の要素の上に表示するためのz-index */ 

}.bogo-language-switcher{

}

.bogo-language-switcher .en {
   background-color: #663851;
   justify-content: center;
   text-align: center;    
}

.bogo-language-switcher .ja {
    margin-left: 5px;
	background-color: #516638;
    justify-content: center;
    text-align: center;
}*/

/************************************
** ■カルーセル カスタマイズ
************************************/
.carousel .carousel-entry-card .cat-label {
  color: #fff; /*ラベル 文字色*/
  border: none; /*枠削除*/
  display: none; /*ラベルを表示したい場合はコメントアウト*/
}

.slick-dots li button:before{
display:none;
}

.carousel-entry-card-title{
font-size:0.87em; /*文字サイズ*/
}

/.carousel .slick-track {
border: dotted 2px ;
}/

/************************************
** ■キャプション非表示
************************************/
#main .button-caption {
	display: none; 
}

/************************************
** ■SNSシェアボタン
************************************/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}

.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
	font-size: 30px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
	font-size: 30px; /*アイコンのサイズ*/
}

/************************************
** ■SNSフォローボタン
************************************/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-follow-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}

.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
	font-size: 28px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}

#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
	font-size: 28px; /*アイコンのサイズ*/
}

/************************************
** ■フォローボタン（プロフィール）のリンク
************************************/
.sns-follow.sf-profile .sns-buttons a {
	border-radius: 50%; /*丸み*/
	width: 30px; /*横幅*/
	height: 30px; /*高さ*/
	font-size: 22px; /*アイコンのサイズ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}
#main .button-caption {
	display: none; /*キャプション非表示*/
}
/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}

.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 22px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/

}
#main .sns-share a {
	border-radius: 50%; /*丸くする*/
	font-size: 22px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}

.sns-follow-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}

.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 30px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	border-radius: 50%; /*丸くする*/
	font-size: 30px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

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

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