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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* iOSでのデフォルトスタイルをリセット */
* {
   -webkit-appearance: none;
}
body{
   background: #F9F9F9;
}
#main{
   background: #FFFFFF;
}
a {
   color: #1A0DAB;
   word-wrap: break-word;
}
a:hover,
a:active,
a:focus {
   text-decoration: underline !important;
}
/*--------------------------------------------------------
更新日の文字の大きさ
--------------------------------------------------------*/
.entry-date {
   font-size: 18px !important;
   line-height:1.4;
}

/*--------------------------------------------------------
コメント下エリアの行間
--------------------------------------------------------*/
.under-entry-content p{
    line-height: 1.5;
    margin: 1.5em 0;
}
/*--------------------------------------------------------
youtube中央配置
--------------------------------------------------------*/
.video-container {
margin: 0px auto;
}

/*--------------------------------------------------------
PCのトップ記事一覧タイトルの文字サイズ
--------------------------------------------------------*/
.entry-card-title {
   font-size: 20px;
   line-height:1.4;
}

/*--------------------------------------------------------
サイト名の上下余白を狭く
--------------------------------------------------------*/
.logo-text {
   padding: 0;
}

/*--------------------------------------------------------
リストデザイン
--------------------------------------------------------*/
.entry-content ul:not(.toc-list,.toc-list ul,dd ul,.widget ul) {
  background: #fafade;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  border: solid 3px gray;/*線の種類 太さ 色*/
}

.entry-content ul li:not(.toc-list,.toc-list ul,dd ul,.widget ul) {
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}

.entry-content ol:not(.toc-list,.toc-list ul,dd ul,.widget ul) {
  background: #fafade;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  border: solid 3px gray;/*線の種類 太さ 色*/
}

.entry-content ol li:not(.toc-list,.toc-list ul,dd ul,.widget ul) {
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}

/*--------------------------------------------------------
まだらテーブル修正
--------------------------------------------------------*/
.container table tr {
  background-color: transparent;
}
table td{
   background: #FFF;
}

/*--------------------------------------------------------
マウスホバー
--------------------------------------------------------*/
.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover{
   background-color: #FAFADE; /*背景色*/
   transition: all 0.8s ease; /*アニメーション*/
   color: #333; /*フォントカラー*/
}

/*--------------------------------------------------------
サムネイル関係
--------------------------------------------------------*/
.entry-card-thumb,
.related-entry-card-thumb{
   width: 100px;
   height: 100px;
}
.entry-card-content {
   margin-left: 150px;
}

/*--------------------------------------------------------
見出し
--------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
   font-weight: bold;
}
.article h1{
   font-size: 20px;
   line-height:1.4;
   margin: 10px 0 1px 0;
   padding: .5em;
   color: #333333;
   position: relative;
}
.article h2,.under-entry-content h2{
   margin: 50px 0 15px 0;
   padding: 15px 5px;
   font-size: 20px;
   border-left:none;
   color: #333333;
   background: #FFD700;
position: relative;
}
h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #FFD700;
  width: 0;
  height: 0;
}
.article h3{
   border: none !important;
}
.article h3,.under-entry-content h3 {
   padding: 5px 5px;
   font-size: 18px;
   margin-top:10px;
   margin-bottom:10px;
  line-height: 1.4;
   color: #000;
   background: #c0c0c0;
  -webkit-text-stroke: 0.2px #FFF;
  text-stroke: 0.2px #FFF;
}
.article h4 {
   margin: 5px 0 5px 0;
   font-size: 16px;
   color: #333333;
}
.article h4{
   border-top: none !important;
   border-bottom: none !important;
}

/*コメント上部*/
#comments{
   background: #F9F9F9;
   color: #333333;
   margin: 10px 0;
   padding: 0.5em;
}


/*--------------------------------------------------------
コメントカスタマイズ
--------------------------------------------------------*/
.comment-notes {/* メールアドレスが公開されることはありませんを非表示 */
   display: none;
}
span.says{/* コメント投稿者の「より」を非表示 */
   display: none;
}
.fn {/* コメント投稿者の名前の部分（デフォルトではイタリックになってる部分） */
   font-style: normal;
}
li.depth-1 div.comment-body{/* 文章部分 */
   overflow: hidden;
   border:1px dashed #ccc;
   background: #fff;
   padding:2%;
   margin: 0 0 2% 0!important;
   line-height:1.6;
}
li.depth-2 div.comment-body{/* 文章部分 */
   border: none;
   background: none;
}
.form-submit{
   padding: 20px 0;
}

/*--------------------------------------------------------
サイドバー
--------------------------------------------------------*/
.sidebar {
   background-color: #FAFADE;
}
.sidebar p{
  line-height: 40px; /* 文字の高さ */
  font-size: 16px; /* 文字の大きさ */
}
.sidebar h3 {
   background: #F56D99;
color: #FFFFFF;
   padding: 12px;
   margin: 16px 0;
   border-radius: 2px;
}

/*--------------------------------------------------------
プロフィール下ボタン非表示
--------------------------------------------------------*/
/*===Twitter===*/
.author-follows .sns-follow .sns-follow-buttons .twitter-button{
   display: none;
}
/*===Facebook===*/
.author-follows .sns-follow .sns-follow-buttons .facebook-button{
   display: none;
}
/*===Instagram===*/
.author-follows .sns-follow .sns-follow-buttons .instagram-button{
   display: none;
}
/*===feedly===*/
.author-follows .sns-follow .sns-follow-buttons .feedly-button{
   display: none;
}
/*===RSS===*/
.author-follows .sns-follow .sns-follow-buttons .rss-button{
   display: none;
}

/*--------------------------------------------------------
最近のコメント
--------------------------------------------------------*/
dl.mycomment {
   width:100%;
   margin: 0 auto;
}
dl.mycomment dd{
   margin-left: 0;
   padding: 1px 0 5px 0;
   border-bottom: #C3CDCE 2px dotted;
   padding-top: 16px;
   padding-bottom: 16px;
   line-height: 1.4;
}
dl.mycomment dd:last-child{
   border-bottom: #fff 0px dotted;
}
dl.mycomment dd span.my_author{
   font-weight: 600;
}
dl.mycomment dd span.my_comments_content{
   font-size:18px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  .ad-slot {
    min-height: 100px;
  }
}

/*834px以上*/
@media screen and (min-width: 835px){
/* 入力したいものを書く*/
    .for-sp{
        display: none !important;
    }
}

/*834px以下*/
@media screen and (max-width: 834px){
/* 入力したいものを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
/*--------------------------------------------------------
モバイル余白
--------------------------------------------------------*/
/*メイン*/
main.main, div.sidebar {
   padding: 16px 15px;
}
/*h1*/
.entry-title{
   font-size:20px !important;
   margin:0 0 15px 0 !important;
   padding:0 !important;
   line-height:1.8 !important;
}
.entry-card-title,
.archive-title {
   font-size: 18px !important;
   line-height:1.4;
}
}