@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

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

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

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

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

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

.header-in {
    width: 100%;
}

.logo-image{
	padding: 0;
}

.logo-image span, .logo-image a {
    width: 100%;
}

.header-in img {
    width: 100%;
} 

.comment-notes {
	display: none;
}

/*
.logo {
	text-align: top;
}
*/
/*
.site-name-text {
	position: absolute;
	top: 100px;
	left: 5px;
}
*/
/* シェアメッセージの表示設定 */
.sns-share-message{
  text-align: right;        /* 右寄せ配置にする */
//  display:none;      /* シェアメッセージの非表示 */
}

/* フォローメッセージの表示設定 */
.sns-follow-message{
    text-align: left;        /* 左寄せ配置にする */
//  display:none;     /* フォローメッセージの非表示 */
}
/************************************
** SNSシェアボタン
************************************/
/* 各SNSボタン共通 */
#main .sns-buttons a{
 color:#5d5d5d;
 background-color:#fff;
 width:2.5em;
 margin-left:0.5em;
}
/* テキストを非表示 */
//#main .sns-share.ss-high-and-low-lc a .button-caption{
// display:none;
//}
#main .button-caption {
    display: none;
}
/* 全体を右寄せ */
.sns-share-buttons{
justify-content:flex-end;
}
/* ホバー時 */
.sns-buttons .icon-twitter:hover{
color:#55acee;
}
.sns-buttons .icon-facebook:hover{
color:#3b5998;
}
.sns-buttons .icon-hatena:hover{
color:#3C7DD1;
}
.sns-buttons .icon-pocket:hover{
color:#EE4257;
}
.sns-buttons .icon-line:hover{
color:#00c300;
}
.sns-buttons .copy-button:hover{
color:#5d5d5d;
}