@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.2
*/
/************************************
** 全体
************************************/
.ff-meiryo {font-family:"Meiryo", "Hiragino Kaku Gothic Pro", "Arial", "游ゴシック体", "Yu Gothic",sans-serif;}
@media screen and (max-width: 768px){
.content {margin-top:0;}
}
/************************************
** ヘッダー
************************************/
.logo-image{padding-bottom:0;text-align:left;}/* タイトル画像位置 */
.navi-in ul{justify-content:flex-start;}/* グローバルナビ左寄せ */
/************************************
** フッター
************************************/
.navi-footer-in a:hover{background-color:rgba(255,255,255,.2);}
.navi-footer-in > .menu-footer li.menu-item{width:100px;flex:0 1 auto;}
@media screen and (max-width: 768px){
.footer {margin-top:0;}
}
/************************************
** サイドバー
************************************/
#sidebar h3{color:#FFF;background:#e83;margin:10px 0;padding:10px 0 10px 15px;position:relative;border-radius:4px;}
#sidebar .widget_categories ul{margin:0;padding:0;}
#sidebar .widget_categories ul li{margin:0;padding:0;background:none;}
#sidebar .widget_categories a{display:block;padding:8px;border-bottom:1px dashed #aaa;text-decoration:none;}
#sidebar .widget_categories a:before{font-family:FontAwesome;content:"\f054\00a0\00a0";}
#sidebar .micro-balloon-center{background:#dfe;}/* マイクロコピーの色変更 */
#sidebar .micro-balloon:after{border-top-color:#dfe;}/* マイクロコピーの色変更 */
.widget-entry-cards .widget-entry-card{font-size:1em;}
/************************************
** エントリーカード
************************************/
.ect-vertical-card .entry-card-wrap .entry-card-content {margin-top:5px;}/* エントリーカード */
.a-wrap{margin-bottom:0;}/* 関連記事 */
/************************************
** 記事
************************************/
.date-tags{font-size:1.4em;}/* 日付 */
.blue{color:#339;}/* 青文字 */
.badge{padding:1px 5px 1px;}/* バッジ */
blockquote {background-color: rgba(155,28,56,.05); border-color: rgba(155,28,56,.5);}/* 引用 */
.article h2{margin:40px -10px 6px;padding:20px 15px 17px;color:#fff;background-color: #9b1c38;border:1px solid #9b1c38;position:relative;}
.article h2::before,.article h2::after {position:absolute;width:100%;height:4px;z-index:2;content:'';}
.article h2::before{top:0;left:0;border-bottom:1px dashed #fff;}
.article h2::after{top:100%;left:0;margin-top:-4px;border-top:1px dashed #fff;}
.article h3{margin:1.5em 0 1em;padding-left:0px;border:solid #ffcccc; border-width:0 0 5px 0;}
.info-box{font-size:95%;color:#003344;}/* 水色ボックス */
.warning-box{font-size:95%;color:#443300;}/* 黄色ボックス */
.sp-warning{font-size:95%;color:#554400; margin:1em 0 20px;}/* 黄色ボックス（旧） */
.sp-info{font-size:95%;color:#003344;}/* 水色ボックス（旧） */
.sp-info h5,.sp-warning h5{padding:0;margin:0;border:0;}/* 水色ボックス（旧） */
.sp-info p,.sp-warning p{padding:0;margin:0;}/* 水色ボックス（旧） */
.sp-info ol,.sp-info ol li,.sp-warning ol,.sp-warning ol li{margin:0; line-height:1.5em;}/* 水色ボックス（旧） */
@media screen and (max-width: 480px){
.speech-person {width:70px;min-width:70px; }/* 会話吹き出しの画像サイズ */
}
/************************************
** 目次
************************************/
.article .toc{font-size:1em;padding:0;border:1px solid #9b1c38;border-radius:4px;box-sizing:border-box;}
.article .toc ul{padding:0 10px;}
.toc-title {font-size:1em;font-weight:bold;padding:5px;background: #9b1c38;color:#fff;}
.toc-content{font-size:0.95em;padding:10px 20px;}
.toc a{color:#1967d2;}
.toc a:hover {color: #e53900;}
@media screen and (max-width: 768px){
.toc-content{padding:10px 5px;}
}
@media screen and (max-width:480px){
.article .toc{}
}
/************************************
** 固定ページ
************************************/
.page .sns-share,.page .date-tags,.page .footer-meta{display: none;}
/************************************
** 画像
************************************/
.wp-caption-text, .gallery-caption{font-size:80%;margin:0;line-height:100%;text-align:center;}/* 画像キャプション */
.wp-caption{border:1px solid #ccc;padding:5px;background-color:#ffffff;}/* 画像キャプション */
/************************************
** テーブル
************************************/
.t_cen{text-align:center;}
.w25per{width:25%;}
.w50per{width:50%;}
.w100per{width:100%;}
/************************************
** Amazon商品リンク
************************************/
.product-item-box{padding-bottom:10px!important;}/* ボックス下の余白 */
.product-item-title,.product-item-snippet{text-align:left;}/* 商品タイトルなどを左寄せ */
.shoplinkamazon a,.shoplinkrakuten a,.shoplinkbtn2 a,.shoplinkbtn3 a{border-radius:4px;box-shadow: 0 6px 12px -5px rgba(0, 0, 0, .30);}/* ボタンの装飾 */
.shoplinkamazon a{background:#f6a306;}/* Amazonの色 */
.shoplinkrakuten a{background:#cf4944;}/* 楽天の色 */
.shoplinkbtn2 a{background:#00a8e1;}/* ボタン2の色 */
.shoplinkbtn3 a{background:#66aa33;}/* ボタン3の色 */
.product-item-buttons a:hover{opacity:0.7;}/* ボタンのクリック時の挙動 */
.product-item-buttons > * > a{padding:0.5em 0;}/* ボタンリンクの余白 */
@media screen and (min-width:480px) and (max-width: 768px){
.product-item-buttons{clear:none;justify-content:flex-start;}/* ボタンを商品画像横に */
.product-item-buttons > *{width:120px;flex:0 1 auto;}
}
@media screen and (min-width:360px) and (max-width: 480px){
.shoplinkamazon a,.shoplinkrakuten a,.shoplinkbtn2 a,.shoplinkbtn3 a{font-size:13px;}/* ボタンの装飾 */
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
}

/*1030px以下*/
@media screen and (max-width: 1030px){
}

/*768px以下*/
@media screen and (max-width: 768px){
#navi .navi-in > .menu-mobile li{width:25%;}/* グローバルナビ幅 */
main.main, div.sidebar {margin:0;}/* メインとサイドバーの隙間 */
}
/*480px以下*/
@media screen and (max-width: 480px){
.entry-card-wrap.a-wrap {padding:1.5%;}/* エントリーカードの余白 */
}