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

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

body {
font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 1024px) {
  .article {
    width: 800px;
    margin: 0 auto;
  }
}

/*グローバルメニュー*/
.navi-in .menu-header .item-label{
font-weight: 700;
}

/*TOPの「新着記事」非表示*/
.front-top-page .list-new-entries-title.list-title {
	display: none;
}

/*「次のページ」非表示*/
.pagination-next-link {
  display: none;
}

/*Menuホバー時*/
#navi .navi-in a:hover {
	background-color: #ffe5ec;
}
/*TOPのインデックスカード hover時*/
a.entry-card-wrap.a-wrap:hover {
	background-color: #ffe5ec;
}

.article h2{
	background: none;
	border-bottom: solid;
}

.article h3{
	background: none;
	border: none;
	border-bottom: solid;
	border-color: lightgray;
}

/*記事内のリンク*/
.entry-content a {
	text-decoration: none;
	font-weight: bold;
}

/*記事内のリンクホバー時*/
.entry-content a:hover {
	color: #ffc8dd;
	text-decoration: underline;
	font-weight: bold;
}

/*SNSアイコンの文字非表示*/
#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 10px; /*ボタンの間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンサイズ*/
	height: 40px;
}

/*SNSフォローボタン*/
.sns-follow-buttons a.follow-button {
	width: 40px;
	height: 40px;
	margin: 0 10px;
	border-radius: 50%;
}

/*フォローボタン（プロフィール）のリンク*/
.sns-follow.sf-profile .sns-buttons a {
	border-radius: 50%; /*丸み*/
}

/*プロフィールのFeedとRSS非表示*/
a.follow-button.feedly-button.feedly-follow-button-sq{
display:none;
}
a.follow-button.rss-button.rss-follow-button-sq{
display:none;
}


/*トップページのもっと見るを非表示
.list-new-entries .list-more-button-wrap {
    display: none;
}
*/

/*WPformsのsendのカラー*/
.wpforms-form button[type=submit] {
    background-color: #ffafcc !important;
    color: #fff !important;
    transition: background 0.3s ease-in-out;
}
.wpforms-form button[type=submit]:hover {
    background-color: #ffafcc !important;
}



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

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

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