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

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

/************************************
** HOTNEWS: 旧サイトの記事スタイル（タイトル・見出し・本文）を再現
** 生成元: 旧 article.css。記事ページ(.single)の .entry-title / .entry-content にだけ適用
************************************/
.single .entry-title{
  margin:0 auto 10px;text-align:left;color:#444;font-size:21pt;line-height:1.4em;font-weight:700;
  font-family:'Meiryo','Hiragino Kaku Gothic ProN','YuGothic','メイリオ','ヒラギノ角ゴ ProN W3','ＭＳ ゴシック',sans-serif;
}
.single .entry-content{
  font-family:'Meiryo','Hiragino Kaku Gothic ProN','YuGothic','メイリオ','ヒラギノ角ゴ ProN W3','ＭＳ ゴシック',sans-serif;font-size:16px;color:#312b2b;
}
.single .entry-content a{color:#ea261d;text-decoration:none}
.single .entry-content p{text-align:left;margin:1.2em auto;padding:0 .1em}
.single .entry-content h2{
  padding:5px;margin:65px auto 27px;display:block;border:solid 1px #ddd;border-radius:5px;color:#312b2b;
  background:linear-gradient(to bottom,#fff,#eee);font-weight:700;font-size:14pt;line-height:1.6em;
}
.single .entry-content h2 span{padding-left:10px;font-size:14pt;display:block;border-left:5px solid #ea261d}
.single .entry-content h3{
  margin:3.2em auto 5px;padding:0 0 0 10px;border:0;border-left:5px solid #ea261d;background:none;color:#312b2b;font-size:18px;font-weight:700;
}
.single .entry-content h4{margin:2.5em auto 8px;padding:0;border:0;background:none;color:#312b2b;font-size:16px;font-weight:700}
.single .entry-content h2:before,.single .entry-content h2:after,
.single .entry-content h3:before,.single .entry-content h3:after,
.single .entry-content h4:before,.single .entry-content h4:after{content:none;display:none}
/* 旧サイトの本文用クラス（引用 .qq / .quotes、小さい文字、リスト、表 など） */
@media all and (max-width:599px){.single .entry-content h2{position:relative;left:-3px}}
@media all and (max-width:359px){.single .entry-content h2{left:-1px}}
.single .entry-content{text-align:left;margin:30px auto}
.single .entry-content,.single .entry-content *{line-height:1.6em!important}
.single .entry-content br{line-height:1px!important}
.single .entry-content .blank{margin-top:3em!important}
.single .entry-content p{text-align:left;margin:1.2em auto;padding:0 .1em}
@media all and (max-width:767px){.single .entry-content p{padding:0 .5em}}
.single .entry-content .red,.single .entry-content .red *{color:#f00000!important}
.single .entry-content .gray-small,.single .entry-content .gray-small *{color:#999!important}
.single .entry-content .small-n,.single .entry-content .small-n *,.single .entry-content .gray-small,.single .entry-content .gray-small *{font-size:12px!important}
.single .entry-content .big-n,.single .entry-content .big-n *{font-size:28px!important}
.single .entry-content .update-time{text-align:right;margin:3px auto;display:block}
.single .entry-content .update-time,.single .entry-content .update-time *{font-size:13px;color:#6c757d!important}
.single .entry-content .link-source{display:block;text-align:left;margin:2px 1px}
.single .entry-content .link-source,.single .entry-content .link-source *{font-size:12px!important}
.single .entry-content .link-source a,.single .entry-content .link-source a *,.single .entry-content .small-n a,.single .entry-content .small-n a *,.single .entry-content .gray-small a,.single .entry-content .gray-small a *{color:#c12424!important}
.single .entry-content .shortcut-box{margin:50px auto 20px;padding:10px 15px 5px 10px;border:1px solid #ccc}
.single .entry-content .shortcut-box strong{font-size:16px;display:block;text-align:center}
.single .entry-content .shortcut-box strong::before{content:"** ";font-weight:400}
.single .entry-content .shortcut-box strong::after{content:" **";font-weight:400}
.single .entry-content .shortcut-box nav{margin-top:12px}
.single .entry-content .shortcut-box li{padding:5px 0}
@media(max-width:959px){.single .entry-content .shortcut-box{padding:10px 10px 5px 3px}}
@media(max-width:599px){.single .entry-content .shortcut-box{padding:8px 8px 1px 3px}}
.single .entry-content .shortcut-here{display:block;margin-top:-60px;padding-top:60px}
.single .entry-content .sub-title,.single .entry-content h2{padding:5px;margin:65px auto 27px;display:block;border:solid 1px #ddd;background-color:#fcfcfc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:-moz-linear-gradient(top,#fff,#eee);background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee))}
.single .entry-content .sub-title span,.single .entry-content h2 span{padding-left:10px;font-size:14pt!important;display:block;border-left:5px solid #ea261d}
.single .entry-content strong.sub-title{margin-top:40px!important;display:block}
@media all and (max-width:767px){.single .entry-content .sub-title span,.single .entry-content h2 span{font-size:18px}}
@media all and (max-width:374px){.single .entry-content .sub-title span,.single .entry-content h2 span{font-size:17px}}
@media all and (max-width:359px){.single .entry-content .sub-title span,.single .entry-content h2 span{font-size:16px}}
.single .entry-content h3{margin:3.2em auto 5px;padding-left:10px;border-left:5px solid #ea261d;font-size:18px}
.single .entry-content h4{margin:2.5em auto 8px}
.single .entry-content img{max-width:99%!important}
.single .entry-content .wide-li > li{margin:auto auto 1em}
.single .entry-content .wide-list1 > li{margin:auto auto .5em}
.single .entry-content .wide-list2 > li{margin:auto auto 1em}
.single .entry-content .wide-list3 > li{margin:auto auto 1.5em}
.single .entry-content u{background:linear-gradient(transparent 60%,#ffdcb8 60%);text-decoration:none}
.single .entry-content pre,.single .entry-content code{white-space:pre;max-width:100%;overflow:scroll;display:block}
.single .entry-content code{background-color:#444;color:#fff;font-size:13px;padding:10px;border:1px solid #000}
.single .entry-content .info-tbl{border-collapse:collapse;width:100%;max-width:450px;margin:1.5em auto}
.single .entry-content .info-tbl th,.single .entry-content .info-tbl td{border:1px solid #444;padding:.5em;text-align:right}
.single .entry-content .info-tbl th{white-space:nowrap}
.single .entry-content .info-tbl-left th,.single .entry-content .info-tbl-left td{text-align:left!important}
.single .entry-content .info-tbl-center th,.single .entry-content .info-tbl-center td{text-align:center!important}
@media all and (max-width:767px){.single .entry-content .info-tbl caption{font-size:13px}}
@media all and (max-width:374px){.single .entry-content .info-tbl caption{font-size:12px}}
.single .entry-content .google_map-box{position:relative;width:98%;height:0;padding-top:75%}
.single .entry-content .google_map-box iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.single .entry-content iframe{max-width:98%!important}
@media(max-width:599px){.single .entry-content iframe{width:98%!important}.single .entry-content .google_map-box{text-align:center}.single .entry-content .google_map-box iframe{margin:auto}.single .entry-content .twitter-tweet,.single .entry-content .twitter-tweet > iframe{width:400px!important;max-width:400px!important}}
@media(max-width:375px){.single .entry-content .twitter-tweet,.single .entry-content .twitter-tweet > iframe{width:360px!important;max-width:360px!important}}
@media(max-width:360px){.single .entry-content .twitter-tweet,.single .entry-content .twitter-tweet > iframe{width:349px!important;max-width:349px!important}}
@media(max-width:359px){.single .entry-content .twitter-tweet,.single .entry-content .twitter-tweet > iframe{width:310px!important;max-width:310px!important}}
.single .entry-content .youtube-box{position:relative;padding-top:56.25%}
.single .entry-content .youtube-box iframe{position:absolute;top:0;right:0;width:98%;height:100%}
.single .entry-content .quotes,.single .entry-content .qq{border:solid 1px #ddd;background-color:#fcfcfc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.single .entry-content p.quotes,.single .entry-content .quotes{margin:1.5em auto;padding:1.5em 1.2em .5em}
.single .entry-content .qq,.single .entry-content .qq{padding:1.2em 1.2em 1em;margin:1em auto}
.single .entry-content .quotes strong{display:block;white-space:pre-line;text-align:left;margin:auto auto 1em;line-height:1.7em!important;font-size:18px!important}
.single .entry-content .quotes span{display:block;text-align:right;margin:1.5em 0 1em;font-size:14px!important}
@media all and (max-width:599px){.single .entry-content .quotes strong{font-size:16px!important}.single .entry-content .quotes span{font-size:13px!important}}
.single .entry-content .summary-box{border:solid 1px #ddd;background-color:#fcfcfc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:-moz-linear-gradient(top,#fff,#eee);background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee));padding:15px 5px 0;margin:45px auto 20px;text-align:center!important}
.single .entry-content .summary-box h2{border-style:none;background-color:transparent;background:none;font-size:13pt!important;letter-spacing:2px;font-weight:400;margin:0 auto 15px}
.single .entry-content .summary-box h2 span,.single .entry-content .summary-box h2 strong{border:none!important;padding-left:0!important;background:none!important}
.single .entry-content .summary-box > strong{font-size:14pt!important;display:block;margin:25px auto 30px;padding-left:0;width:92%;text-align:left;border-left:none}
.single .entry-content .summary-box > div{margin:10px auto;text-align:left;width:94%}
.single .entry-content .summary-box > div li{margin:auto auto 1em}
.single .entry-content .summary-box > div li strong{line-height:1.4em}
@media(max-width:767px){.single .entry-content .summary-box > div{width:98%}}

/* YouTube埋め込み: Cocoon が動画を .video-container > .video で自動的にレスポンシブ化するため、
   旧サイトの .youtube-box（上に56.25%の余白を取って iframe を重ねる方式）は無効にする（二重になって動画の上に大きな空白ができる） */
.single .entry-content .youtube-box:has(.video-container){padding-top:0;position:static;width:100%}
.single .entry-content .youtube-box:has(.video-container) iframe{position:absolute;top:0;left:0;right:auto;width:100%;height:100%}

/* サイドバーのスクロール追従エリア（広告）: 画面上端にぴったり付かないよう余白 */
.sidebar-scroll{top:10px}

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

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

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