@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){
  /*必要ならばここにコードを書く*/
}


/************************************
** TOPへ戻るボタンカスタマイズ
************************************/

.go-to-top {
    right: 20px;
    bottom: 20px;
}

.go-to-top-button {
    width: 55px;
    height: auto;
    opacity: 1;
}

/*ホバー時*/
.go-to-top-button:hover {
    opacity: 0.6;
}

/*834px以下*/
@media screen and (max-width: 834px){
  .go-to-top {
        right: 15px;
        bottom: 20px;
}

.go-to-top-button {
        width: 50px;
        height: auto;
        opacity: 1;
}
}

/************************************
** footerカスタマイズ
************************************/

.footer-bottom {
    margin-top: -25px;
    margin-bottom: 8px;
}

/************************************
** サイドバーカスタマイズ
************************************/

.sidebar h2 {
    padding: 5px 10px;
    margin: 20px 0;
    font-size: 17px;
    font-weight: 500;
}

.sidebar h3 {
    padding: 5px 10px;
    margin: 20px 0;
    font-size: 17px;
    font-weight: 500;
}

/************************************
** フォントカスタマイズ
************************************/

body {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-style: normal;
}


/************************************
** ヘッダーフォントカスタマイズ
************************************/

.tagline{
    font-size: 16px;
}


/************************************
** シェアボタンカスタマイズ
************************************/

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

/*SNSシェアボタン*/
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}

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

#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}