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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* ===== Mirage で作った Cocoon 用CSS ここから ===== */
/* 「外観→カスタマイズ→追加CSS」またはスキンの style.css に貼ってください。デザインを変える時は「ここから」〜「ここまで」の間を削除 */

/* --- 全体 --- */
body{background-color:#eafafd;font-family:"Hiragino Maru Gothic ProN","Zen Maru Gothic","Rounded Mplus 1c",sans-serif;}
#main,.entry-content{color:#28454d;}
.entry-content{background:#ffffff;padding-left:24px;padding-right:24px;}
.entry-content a{color:#15b6d6;text-decoration:underline;}
.entry-content a:hover{color:#108ea7;}

/* --- ヘッダー＆メニュー --- */
#header-container,.header-container{background:#ffffff;}
.site-name-text,.logo-header a span{color:#28454d;}
#navi,.navi-in,#navi .navi-in>ul{background:#0e778c;}
#navi .navi-in a{color:#ffffff;}
#navi .navi-in a:hover{background:#0c6476;color:#ffffff;}

/* --- 記事タイトル --- */
.entry-title::before,.entry-title::after{content:none !important;display:none !important;}
.entry-title{color:#28454d;font-size:26px;font-weight:700;line-height:1.45;background:#bdebf4;border:none;border-radius:0;padding:.4em .75em;text-decoration:none;border-left:6px solid #15b6d6;}

/* --- 本文 見出し --- */
.entry-content h2::before,.entry-content h2::after{content:none !important;display:none !important;}
.entry-content h2{color:#28454d;font-size:24px;font-weight:700;line-height:1.45;background:#bdebf4;border:none;border-radius:0;padding:.4em .75em;text-decoration:none;border-left:6px solid #15b6d6;}
.entry-content h3::before,.entry-content h3::after{content:none !important;display:none !important;}
.entry-content h3{color:#28454d;font-size:20px;font-weight:700;line-height:1.45;background:none;border:none;border-radius:0;padding:.35em 0;text-decoration:none;border-top:2px solid #15b6d6;border-bottom:2px solid #15b6d6;}
.entry-content h4::before,.entry-content h4::after{content:none !important;display:none !important;}
.entry-content h4{color:#28454d;font-size:18px;font-weight:700;line-height:1.45;background:none;border:none;border-radius:0;padding:0 0 .2em;text-decoration:none;border-bottom:2px solid #15b6d6;}

/* --- リスト・引用・目次・ボタン --- */
.entry-content>ul li::marker,.entry-content>ol li::marker{color:#15b6d6;}
.entry-content blockquote{margin:1.2em 0;padding:.8em 1.1em;color:#28454d;border-left:5px solid #15b6d6;background:#e3f6fa;border:none;border-left:5px solid #15b6d6;border-radius:0 8px 8px 0;}
.toc{padding:.8em 1.1em;color:#28454d;border:1px solid #15b6d6;background:#e3f6fa;border-radius:8px;}
.toc .toc-title{color:#28454d;font-weight:700;}
.entry-content .btn,.entry-content .wp-block-button__link{display:inline-block;padding:.6em 1.4em;text-decoration:none;font-weight:700;transition:opacity .15s;border-radius:999px;background:#0e778c;color:#ffffff;border:none;border-radius:999px;}
.entry-content .btn,.entry-content .wp-block-button__link:hover{opacity:.88;}

/* --- 記事カード（トップ/アーカイブ） --- */
#list{display:block;}
a.entry-card-wrap{display:flex;flex-direction:row;align-items:stretch;margin-bottom:14px;}
a.entry-card-wrap .entry-card-thumb{flex:0 0 38%;width:38%;min-height:96px;}
a.entry-card-wrap .entry-card-content{flex:1;min-width:0;}
a.entry-card-wrap{border:none;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.12);background:#ffffff;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;text-decoration:none;color:inherit;}
a.entry-card-wrap:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.14);}
.entry-card-thumb,.entry-card-thumb img{border-radius:6px;}
.entry-card-title{color:#28454d;}
.entry-card-snippet{color:#7e8f94;}
.cat-label{background:#0e778c;color:#ffffff;}

/* --- カテゴリ・アーカイブ見出し --- */
#archive-title::before,#archive-title::after{content:none !important;display:none !important;}
#archive-title{color:#28454d;font-size:undefinedpx;font-weight:700;line-height:1.45;background:#bdebf4;border:none;border-radius:0;padding:.4em .75em;text-decoration:none;border-left:6px solid #15b6d6;}

/* --- サイドバー ウィジェット見出し --- */
.widget-sidebar-title::before,.widget-sidebar-title::after,.sidebar h3::before,.sidebar h3::after{content:none !important;display:none !important;}
.widget-sidebar-title,.sidebar h3{color:#28454d;font-size:undefinedpx;font-weight:700;line-height:1.45;background:none;border:none;border-radius:0;padding:.15em .7em;text-decoration:none;border-left:6px solid #15b6d6;}

/* --- フッター --- */
#footer,.footer{background:#205d69;color:#f2f2f2;}
#footer a{color:#f2f2f2;}
.footer-bottom,.copyright{color:#c6c6c6;}

/* ===== Mirage で作った Cocoon 用CSS ここまで ===== */

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

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

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

/*********
旅行系アフィリエイトリンクまとめLINK用CSS
*********/
.af-box{
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border: 2px solid #d1d1d1;
    padding: 10px;
    margin: 0 8px;
}
.af-imgbox{
    width: 160px;
    margin-right: 10px;
    float: left;
    text-align: center;
}
.af-textbox{
    width: 100%;
}
.af-title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.af-desc{
    font-size:14px;
    margin-bottom: 10px;
}
.af-kobox{
    width: 160px;
    margin: 5px 5px 0 0;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    float: left;
    text-align: center;
}
@media screen and (max-width: 768px){
.af-kobox{
    width: 100%;
    margin: 5px 5px 0 0;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    float: left;
    text-align: center;
}
}

.af-kobox a.aflink{
    display: block;
    padding: 5px 0 5px 0;
    text-decoration: none;
}
.af-jalan{
    border: 1px solid #FE642E;
    background-color: #FE642E;
    color: #FFFFFF;
}
.af-jalan a{
    color: #FFFFFF;
}
.af-rakuten{
    border: 1px solid #04B431;
    background-color: #04B431;
    color: #FFFFFF;
}
.af-rakuten a{
    color: #FFFFFF;
}
.af-yahoo{
    border: 1px solid #FF0000;
    color: #FFFFFF;
    background-color: #FF0000;
}
.af-yahoo a{
    color: #FFFFFF;
}
.clear{clear:both;}
@media screen and (max-width: 399px) {
    .af-imgbox{
        margin: 0 auto;
        text-align: center;
        float: none;
    }
}