@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.header-container, .main, .sidebar, .footer {
    background-color: #f5f5f5;
}
body {
	color: #00324f;
}
.sidebar h3 {
    background-color: #fff;
}
h3.footer-title {
	text-align: center;
}
#list .entry-card-title {
	display: none;
}
.entry-card, .related-entry-card {
	padding: 3%;
}
.cat-label,.article-footer {
	display: none;
}
.fa-tag::before {
    content: none;
}
.tagcloud a {
    border: none;
    padding: 0;
    margin: 2px 0px;
    flex: 0 0 auto;
	justify-content: flex-start;
}
.tagcloud a .tag-caption::after {
    content: "と";
}
/************************************
 **SNSシェアボタン
************************************/
.article-footer .sns-share-buttons, .article-footer .sns-follow-buttons {
    justify-content: center;
}
.sns-share-buttons {
    justify-content: flex-start;
}
.sns-share-buttons {
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
}
.sns-buttons {
    display: flex;
    align-items: center;
}
#main .sns-buttons a {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    margin-right: 10px;
    opacity: 0.9;
}
.sns-share-buttons a {
    width: 32%;
    margin-bottom: 8px;
    font-size: 18px;
    display: inline-flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    position: relative;
}
.sns-share a, .sns-follow a {
    cursor: pointer;
}
.button-caption {
    display: none !important;
}
.sns-share.ss-high-and-low-lc a > span {
    padding-top: 1px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
main.main, div.sidebar {
    padding: 5px;
}
.ect-3-columns .entry-card-wrap {
    padding: 3px;
}
}
/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

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