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

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
display: none;
}
/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
display: none;
}
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
display: none;
}
/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
display: none;
}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
display: none;
}
/*----------------------------------*/
/* 投稿日付を非表示                 */
/*----------------------------------*/
.post-date {
    display:none;
}

/************************************
** プロフィール-サイドバー
************************************/
.sidebar .widget_author_box {
  background: #fff;
  padding-top: 1.2em;
  border-radius: 3px 3px 0 0;
  max-width: 360px;
  margin: 0 auto;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}
.sidebar .author-box {
  padding: 120px 0 0;
  border: none;
  position: relative;
  margin: 0 0 3em;
  max-width: 100%;
  overflow:hidden;
}
.sidebar .author-content {
background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
  border-radius: 200px 200px 0px 0px / 100px 100px 0px 0px;
  color: #fff;
  padding: 20px;
  width:110%;
  margin-left:-5% !important;
}
.sidebar .author-box .author-name a {
  color: #46CDFF;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 18px;
}
.sidebar .author-box .author-description {
  padding: 45px 25px 0px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.sidebar .author-box p {
  line-height: 1.8;
  font-size: 14px;
}
.sidebar .author-box .author-thumb {
  width: 120px;
  margin: 0 auto;
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  bottom: 0;
}
.sidebar .author-box .author-name {
  font-size: 1.1em;
  font-weight: bold;
  position: absolute;
  margin-bottom: 0.4em;
  top: 23px;
  bottom: 0;
  right: 0;
  left: 0;
}
.sidebar .author-box .author-widget-name {
  position: absolute;
  top: 3px;
  bottom: 0;
  right: 0;
  left: 0;
  font-size: 0.7em;
  color: #bbb;
}
.sidebar .author-box .sns-follow {
  padding: 15px 10px;
}
.sidebar .author-box .sns-follow-buttons {
  display: flex;
  justify-content: space-evenly;
}
.sidebar .author-box .sns-follow-buttons a {
  border-radius: 50%;
  border: none;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 30px;
  box-shadow: 0 0 10px rgba(66, 172, 231, .5), 0 0 5px -5px rgba(66, 172, 231);
  background:#fff;
}
.sidebar .author-box .sns-follow-buttons a:hover {
  box-shadow: 0 10px 20px -2px rgba(0, 0, 0, .2);
  opacity: 1;
}
.sidebar .author-box .sns-follow-buttons .follow-button span:before {
  color: #46CDFF;
}
.sidebar .icon-instagram-new:before {
  content: "\ea92";
  font-size: 24px;
}
.sidebar .author-box .to-profile {
  position: absolute;
  background: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  color: #46CDFF;
  box-shadow: 0 0 10px rgba(66, 172, 231, .5), 0 0 5px -5px rgba(66, 172, 231);
  top: 105px;
  right: 45px;
  font-size: 0.9em;
  font-weight: bold;
}
.sidebar .author-box .to-profile:hover {
  box-shadow: 0 10px 20px -2px rgba(0, 0, 0, .2);
}
.sidebar .author-box .sns-follow-message {
  margin-bottom: 10px;
  font-size: 13px;
}
.sidebar .author-box .sns-follow-message:before {
  content: "＼";
  margin-right: 5px;
}
.sidebar .author-box .sns-follow-message:after {
  content: "／";
  margin-left: 5px;
}
.sidebar .icon-twitter-logo:before {
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 0;
}
.sidebar .icon-facebook-logo:before {
  position: absolute;
  top: 6px;
  bottom: 0;
  right: 8px;
  left: 0;
}
.sidebar .icon-hatebu-logo:before {
  position: absolute;
  top: 8px;
  bottom: 0;
  right: 0;
  left: 0;
}
.sidebar .icon-feedly-logo:before {
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 0;
}
.sidebar .icon-rss-logo:before {
  position: absolute;
  top: 8px;
  right: 0;
  bottom: 0;
  left: 0;
}
#sidebar .author-box .sns-follow-message {
  display:block;
}





/************************************
** ボックスナビ
************************************/
.p-nav{
margin:2em 0;/* 全体外余白 */
padding:0;/* 全体内余白 */
}
.p-nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style:none;
margin:0;
padding:0;
border:none;
}
.p-nav ul li{
-ms-flex-preferred-size: calc(100%/2);/*2列 */
flex-basis: calc(100%/2);/* 2列 */
margin:0;
padding:0;
text-align:center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height:100px;/* 最低の高さ */
cursor:pointer;
background:#fff;/* 背景色 */
}
.p-nav ul li:hover{
z-index:2;
box-shadow: inset 2px 2px 0 0 #f6a068, 2px 2px 0 0 #f6a068, 2px 0 0 0 #f6a068, 0 2px 0 0 #f6a068;/* 罫線(マウスホバー) */
transition: 0.35s ease-in-out;
}
.p-nav ul li:before{
content:unset !important;
}
.p-nav ul li a{
display:block;
padding: 0.5em 1em;/* 内余白 */
text-decoration:none;
width:100%;
}
.p-nav ul li a:hover{
background:none;
opacity:1;
}
.p-nav ul li a img{
max-width:50% !important;/* 画像横幅 */
height: auto !important;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));/* 画像影 */
display: inline-block;
}
.p-nav .p-nav-title{
display: block;
color: #666;/* 文字色 */
font-size: 0.7em;/* 文字大きさ */
letter-spacing: 1px;
font-weight: 600;/* 文字太さ */
text-align: center;
line-height: 1.5;/* 文字行間高さ */
}
/* サイドバー */
.sidebar .p-nav ul li{
-ms-flex-preferred-size: calc(100%/2);/* 2列 */
flex-basis: calc(100%/2);/* 2列 */
}
/* スマホ */
@media screen and (max-width: 559px) {
	.p-nav ul li{
		-ms-flex-preferred-size: calc(100%/2);/* 2列 */
		flex-basis: calc(100%/2);/* 2列 */
	}
}
/* fontawesome */
.p-nav ul li a i,.p-nav ul li a svg{
font-size: 40px;/* アイコン大きさ */
padding: 10px 0;/* アイコン余白 */
color: #46CDFF;/* アイコン色 */
display:inline-block;
}

/*----------------------------------*/
/* フッターカスタマイズ             */
/*----------------------------------*/
.footer {
margin-top: 40px; /*フッターとコンテンツの間に余白追加*/
background: #444d53; /*フッター背景色*/
border-top: 5px solid #87cefa; /*上部にボーダー追加*/
}
.footer-bottom {
margin-top: 14px; /*フッター内上部の余白を詰める*/
}
.footer-bottom-logo { /*ロゴの位置調整*/
float: none;
bottom: auto;
position: static;
margin-bottom: 10px;
}
.footer-bottom-logo .logo-image {
        max-width: 20%;
padding: 0;
margin: 0 auto;
}
.footer-bottom-logo img {
        height: auto;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
float: none;
text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
justify-content: center;
margin-bottom: 1em;
}
.navi-footer-in a {
color: #ffffff; /*メニューの文字色*/
}
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
color: #aab3b9; /*文字色を通常時と同じに*/
background: none; /*背景色をなしに*/
text-decoration: underline; /*アンダーラインを追加*/
}
.footer-bottom.fnm-text-width .menu-footer li {
line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
}
.copyright {
color:  #ffffff; /*クレジットの文字色*/
}
@media screen and (max-width: 834px) {
.navi-footer-in > .menu-footer li.menu-item {
border: none; /*モバイルでメニューのボーダーを消す*/
}
}
@media screen and (max-width: 460px) {
.navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
width: 100%;
display: block;
flex: auto;
padding: 0.3em 0;
}
}


/*----------------------------------*/
/* サイドバー見出しカスタマイズ   */
/*----------------------------------*/
.sidebar h3 {
    border: none;
    padding: 0;
    background: none;
}

.sidebar h3 {
position: relative;
text-align: center;
color:#3a3a3a;
padding-bottom:5px
}

.sidebar h3:after {
content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #3a3a3a, #3a3a3a 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #3a3a3a, #3a3a3a 2px, #fff 2px, #fff 4px);
}

/*----------------------------------*/
/* 見出しリセット   */
/*----------------------------------*/
.article h2 {
padding: 0;
background: none;
}
.article h3 {
border: none;
padding: 0;
}
.article h4 {
border: none;
padding: 0;
}
.article h5 {
border: none;
padding: 0;
}
.article h6 {
border: none;
padding: 0;
}


/*----------------------------------*/
/* 見出しカスタマイズ   */
/*----------------------------------*/
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
        line-height: 1.5;
}

.article h1 {
        width: 100%;
position: relative;
        margin: 1.8em 0 1.2em;
        padding: 12px 10px 10px 10px;
background: none;
}

.article h1:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 12px;
        left: 0;
        background: -webkit-repeating-linear-gradient(135deg, #fff, #fff 3px, #ffff7f 3px, #ffff7f 6px, white 6px, white 9px, #cae8fa 9px, #cae8fa 12px);
        background: repeating-linear-gradient(135deg, #fff, #fff 3px, #ffff7f 3px, #ffff7f 6px, white 6px, white 9px, #cae8fa 9px, #cae8fa 12px);
        bottom: -4px;
}

.article h2 {
        position: relative;
        padding: 16px 25px 16px 25px;
        border-radius: 3em .5em 2em .5em/.4em 2em .5em 3em;
        border-bottom: 4px solid #ffff7f;/*下に重なる背景色*/
        border-right: 4px solid #ffff7f;/*右に重なる背景色*/
        background: #87cefa;/*背景色*/
        color: #ffffff;
}

/*media Queries 1030px以下
-----------------------------------------------------------------------------*/
@media screen and (max-width: 1030px){
.article h2 {
        padding: 10px 0.8em;
}
}

/* きれいな水色の下線（斜めてんてん）20250304～ */
.article h3 {
  position: relative;
  padding:0px 10px 5px 10px;
}
.article h3:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 7px;
  left: 0;
  background: -webkit-repeating-linear-gradient(-45deg, #87cefa, #87cefa 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #87cefa, #87cefa 2px, #fff 2px, #fff 4px);
        bottom: -4px;
}




/*----------------------------------*/
/* SNSシェアボタンのカスタマイズ */
/*----------------------------------*/
/************************************
** ボトムシェアボタン
************************************/
@media screen and (min-width: 481px) {
.sns-share,
.sns-follow {
width: 70%;
margin-right: auto;
margin-left: auto;
}
}
.sns-share-buttons {
justify-content: space-evenly;
}
.sns-share-buttons a {
width: 50px !important;
height: 50px;
font-size: 1.25em;
border-radius: 50%;
opacity: 0.6;
}
@media screen and (max-width: 834px) {
.ss-bottom .sns-share-buttons a {
font-size: 1.3em;
}
}
.sns-share-buttons a .button-caption {
display: none !important;
}
.sns-share-message,
.sns-follow-message {
position: relative;
margin-bottom: 30px;
color: #bbb;
}
.sns-share-message::before,
.sns-follow-message::before {
position: absolute;
bottom: -5px;
left: 50%;
display: inline-block;
width: 30px;
height: 2px;
content: "";
background-color: #c0c0c0;
border-radius: 3px;
transform: translateX(-50%);
}
/************************************
** ボトムフォローボタン
************************************/
.sns-follow-buttons {
justify-content: space-evenly;
}
.sns-follow-buttons a {
width: 50px;
height: 50px;
font-size: 1.7em;
border-radius: 50%;
opacity: 0.6;
}
@media screen and (max-width: 834px) {
.ss-bottom .sns-follow-buttons a {
font-size: 1.3em;
}
}


/*----------------------------------*/
/* 目次全体デザイン */
/*----------------------------------*/
.toc{
background:#F9F9F9; /* 目次全体の背景色を変える場合はここを変更 */
border:none;
display:block;
border-top:5px solid;
border-top-color:#87cefa;/* 目次の上の線の色を変える */
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
padding: 20px 25px;
}
/* 目次の文字指定 */
.toc-title {
text-align:left;
margin: 0 20px 20px -10px;
padding-left: -20px;
font-size: 23px;
font-weight: 700;
color: #87cefa; /* 目次の文字色を変える場合はここを変更 */
}
/* 目次のアイコン設定 */
.toc-title:before {
top: 0;
left: -45px;
width: 50px;
height: 50px;
font-family: "Font Awesome 5 Free";
content : "\f03a"; /* アイコンを変える場合はここを変更 */
font-size:20px;
margin-right:5px;
color:#FFF; /* アイコンの色を変える場合はここを変更 */
background-color:#87cefa; /* アイコンの背景色を変える場合はここを変更 */
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
padding:14px;
}
/* 目次のデザインカスタマイズ */
.toc-content ol {
padding: 0 0.5em;
position: relative;
}
.toc-content ol li {
line-height: 1.5;
padding: 0.7em 0 0.5em 1.4em;
border-bottom: dashed 1px silver;
list-style-type: none!important;
}

/* 目次の各節の先頭にあるアイコンを設定 */
.toc-content ol li:before {
font-family: "Font Awesome 5 Free";
content: "\f138"; /* アイコンを変える場合はここを変更 */
position: absolute;
left : 0.5em;
color: #87cefa; /* 色を変える場合はここを変更 */
font-weight: bold;
}
.toc-content ol li:last-of-type {
border-bottom: none;
}
.toc-content .toc-list li {
font-weight:700; /* h2のみ太文字に */
}
.toc-content .toc-list li li {
font-weight:normal; /* h3以降の文字サイズを普通に */
}

/*----------------------------------*/
/* 記事一覧 */
/*----------------------------------*/
.cat-label {
    top: 0;
    left: 10px;
    border: none;
    font-size: 12px;
    color: #fff;
    background-color: #232323;
    padding: 1px 5px;
    margin: -6px 0 0 0;
    overflow: visible;
}
.cat-label::after { /*右上に小さな三角を作る*/
    position: absolute;
    content: '';
    top: 0;
    right: -6px;
    border: none;
    border-bottom: solid 6px #000000; /*小さな三角の色*/
    border-right: solid 6px transparent;
}

@media screen and (max-width: 480px){
 .cat-label {
    font-size: 9px;
    max-width: 90%;
overflow: visible;
}
}
.entry-card-thumb {
    transition-duration: 0.3s; /*アニメーションの時間*/
    box-shadow: 0px 4px 15px -5px rgba(85,85,85,0.75); /*通常時の画像の影*/
}
.entry-card-thumb:hover {
    transform: translateY(-6px); /*マウスホバーで上に移動*/
    box-shadow: 0px 8px 18px -5px rgba(85,85,85,0.75); /*マウスホバー時の画像の影*/
}
.entry-card-thumb img { /*画像下の隙間を消す*/
    vertical-align: bottom;
}
.a-wrap:hover { /*マウスホバー時の全体の背景色を消す*/
    background: none;
}
.entry-card-title {
    margin-top: 10px; /*上に余白を付ける*/
    line-height: 1.5; /*行間を広く*/
}
.entry-card-title:hover {
    color: #49add1; /*マウスホバー時の色*/
}
@media screen and (max-width: 768px){
    .entry-card-title {
        font-size: 14px; /*スマホでの文字の大きさ*/
        line-height: 1.4; /*スマホでの行間*/
    }
}

/************************************
** もっと見るボタン
************************************/
.p-button {
    max-width: 300px;
    margin: 0 auto;
}
.p-button a {
    display: block;
    margin:25px 0;
    padding: 0.8em 1em;
    border-radius: 2em;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    background: #87cefa;
box-shadow: 0 5px 20px rgba(0, 191, 255, .5); /*かげの色*/
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity:1;
}
.p-button a:hover{
    box-shadow:none;
    transform: translateY(3px);
    opacity:1;
}


/*----------------------------------*/
/* ロゴ：フェードイン */
/*----------------------------------*/
.logo{
        animation-name:fdin;
        animation-duration:2s;
}
@keyframes fdin{
from {
        opacity:0;
        transform: translateY(10px);
}
to {
        opacity:1;
        transform: translateY(0);
}
}

/*----------------------------------*/
/* ナビカスタマイズ                */
/*----------------------------------*/
nav#navi, .menu-header .sub-menu{
    font-weight: bold;
}

.menu-header .sub-menu .item-label{
    font-size: 80%;
}
.menu-header .item-label{
color: #b5b5b5 !important; /* 押されてない文字色 */
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
color: #333 !important; /* 何の色かわからない、変化なし */
border-bottom: 3px solid #87cefa; /* 下線の色 */
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
color: #87cefa !important; /* 押した所の文字色、マウスをあてた所の文字色 */
    transition: all .2s ease;
}


/*----------------------------------*/
/* ボックスメニューの色               */
/*----------------------------------*/
.box-menu-icon{
  color: #87cefa;
}
.box-menu:hover {
    box-shadow: inset 2px 2px 0 0 
#87cefa,2px 2px 0 0 #87cefa,2px 0 0 0 #87cefa,0 2px 0 0
    #87cefa;
}

/*----------------------------------*/
/*吹き出しカスタマイズ*/
/*----------------------------------*/
.sb-id-11 .speech-icon img, .sb-id-11 .speech-icon amp-img {
border: 2px solid #ffd1dc; /* ボーダーの太さ・形状・色 */
background: #ffd1dc; /* 背景色 */
}
.sb-id-11 .speech-balloon {
background-color: #ffd1dc; /* 吹き出しメイン部分の背景色 */
border: 2px solid #ffd1dc; /* 吹き出しメイン部分のボーダー */
color: #333; /* セリフの文字色 */
}
.sb-id-11 .speech-balloon::before {
border-right: 12px solid #ffd1dc; /* 三角部分の外側（ボーダー）の太さ・形状・色 */
}
.sb-id-11 .speech-balloon::after {
border-right: 12px solid #ffd1dc; /* 三角部分の内側（背景）の色 */
}
@media screen and (max-width: 480px){
.sb-id-11 .speech-balloon::before { border-right: 7px solid #ffd1dc; /* スマホでの三角部分の外側 */
}
.sb-id-11 .speech-balloon::after { border-right: 7px solid #ffd1dc; /* スマホでの三角部分の内側 */
}
}

.sb-id-12 .speech-icon img, .sb-id-12 .speech-icon amp-img {
border: 2px solid #CAB9D8; /* ボーダーの太さ・形状・色 */
background: #CAB9D8; /* 背景色 */
}
.sb-id-12 .speech-balloon {
background-color: #CAB9D8; /* 吹き出しメイン部分の背景色 */
border: 2px solid #CAB9D8; /* 吹き出しメイン部分のボーダー */
color: #333; /* セリフの文字色 */
}
.sb-id-12 .speech-balloon::before {
border-right: 12px solid #CAB9D8; /* 三角部分の外側（ボーダー）の太さ・形状・色 */
}
.sb-id-12 .speech-balloon::after {
border-right: 12px solid #CAB9D8; /* 三角部分の内側（背景）の色 */
}
@media screen and (max-width: 480px){
.sb-id-12 .speech-balloon::before { border-right: 7px solid #CAB9D8; /* スマホでの三角部分の外側 */
}
.sb-id-12 .speech-balloon::after { border-right: 7px solid #CAB9D8; /* スマホでの三角部分の内側 */
}
}

.sb-id-13 .speech-icon img, .sb-id-13 .speech-icon amp-img {
border: 3px solid #FFF462; /* ボーダーの太さ・形状・色 */
background: #FFF; /* 背景色 */
}
.sb-id-13 .speech-balloon {
background-color: #FFF462; /* 吹き出しメイン部分の背景色 */
border: 2px solid #FFF462; /* 吹き出しメイン部分のボーダー */
color: #333; /* セリフの文字色 */
}
.sb-id-13 .speech-balloon::before {
border-left: 12px solid #FFF462; /* 三角部分の外側（ボーダー）の太さ・形状・色 */
}
.sb-id-13 .speech-balloon::after {
border-left: 12px solid #FFF462; /* 三角部分の内側（背景）の色 */
}
@media screen and (max-width: 480px){
.sb-id-13 .speech-balloon::before { border-left: 7px solid #FFF462; /* スマホでの三角部分の外側 */
}
.sb-id-13 .speech-balloon::after { border-left: 7px solid #FFF462; /* スマホでの三角部分の内側 */
}
}



/*----------------------------------*/
/*引用*/
/*----------------------------------*/
blockquote {
    position: relative;
    padding: 35px 15px 10px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #f5f5f5;
    color: #777777;
    border-left: 4px solid #9dd4ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 15px;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    color: #9dd4ff;
    font-size: 28px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
	padding-right: 20px;
}


/*2カラム→2カラムの余白をつめる（スマホ、トップページ）*/
@media screen and (max-width: 599px) {
  .container .column-wrap > div {
    padding: 15px 0;
  }
}
@media screen and (max-width: 599px){
.column-wrap.column-2 {
    margin-top: 0;
    margin-bottom: 0;
}
}

/*トップページでSNSシェアボタンが出ない*/
#main .page .sns-share,
#main .page .sns-follow {
  display: block;
}

/*----------------------------------*/
/* ヘッダーメニューアイコンの色  */
/*----------------------------------*/
.my-blue{
color:#87cefa;/*全アイコン一色*/
}