@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: #000;
   color: #FFF;
}

#main{
   background: #000;
   color: #FFF;
}

#main p{
    line-height: 1.5;
    margin: 1.5em 0;
}

a {
   color: #FFF;
   word-wrap: break-word;
}

a:hover{
   color: #FFF;
}

/************************************
** タイトルとURLをコピーするボタンに任意のテキストを追加する
************************************/

/*シェアボタンのコピーボタン*/
.sns-share.ss-bottom .sns-buttons a.twitter-button,
.sns-share.ss-top .sns-buttons a.twitter-button {
	order: 1; /*順番*/
	width: 100%; /*横幅*/
	background-color: #FFF; /*背景の色*/
	color: #0066c0; /*文字の色*/
}

/*シェアボタンのコピーボタン 疑似要素*/
.sns-share.ss-bottom .sns-buttons a.twitter-button .icon-x-corp::after,
.sns-share.ss-top .sns-buttons a.twitter-button .icon-x-corp::after {
	content: "Xに移動する"; /*表示する文字を変更する場合はココの文言を編集する*/
	margin-left: .4em; /*左の余白*/
	vertical-align: top; /*縦方向の配置指定*/
	font-family: sans-serif; /*フォントの指定*/
	font-size: 14px; /*文字の大きさ*/
}

/*シェアボタンのコピーボタン キャプション*/
.sns-share.ss-bottom .sns-buttons a.twitter-button .button-caption,
.sns-share.ss-top .sns-buttons a.twitter-button .button-caption {
	display: none; /*非表示*/
}

/*シェアボタンのカラム数 6列*/
.sns-share.ss-bottom.ss-col-6 a,
.sns-share.ss-top.ss-col-6 a {
	width: 19%; /*横幅*/
}

/*シェアボタンのカラム数 5列*/
.sns-share.ss-bottom.ss-col-5 a,
.sns-share.ss-top.ss-col-5 a {
	width: 24%; /*横幅*/
}

/*シェアボタンのカラム数 4列*/
.sns-share.ss-bottom.ss-col-4 a,
.sns-share.ss-top.ss-col-4 a {
	width: 32%; /*横幅*/
}

/*シェアボタンのカラム数 3列*/
.sns-share.ss-bottom.ss-col-3 a,
.sns-share.ss-top.ss-col-3 a {
	width: 49%; /*横幅*/
}

/*シェアボタンのカラム数 2列*/
.sns-share.ss-bottom.ss-col-2 a,
.sns-share.ss-top.ss-col-2 a {
	width: 100%; /*横幅*/
}

/*--------------------------------------------------------
リキャプチャけし
--------------------------------------------------------*/
.grecaptcha-badge {
visibility: hidden;
}

/*--------------------------------------------------------
コメントの名前を太字に（ていしちゅう）

.comment-author cite{
   font-weight: bold;
}
--------------------------------------------------------*/
/*--------------------------------------------------------
コメントの日時を黒＆細字に
--------------------------------------------------------*/
.comment-meta a{
   color: #FFF;
   font-weight: normal;
}
/*--------------------------------------------------------
ページの一部に～の行間
--------------------------------------------------------*/
.komoji {
  line-height: 1 !important;
}

/*--------------------------------------------------------
更新日の文字の大きさ
--------------------------------------------------------*/
.entry-date {
   font-size: 20px !important;
   line-height:1.4;
}

/*--------------------------------------------------------
コメント下エリアの行間
--------------------------------------------------------*/
.under-entry-content p{
    line-height: 1.5;
    margin: 1.5em 0;
}
/*--------------------------------------------------------
スクロールできます消し
--------------------------------------------------------*/
.scroll-hint-icon-wrap {
display: none;
}

/*--------------------------------------------------------
最近のコメント枠線
--------------------------------------------------------*/
.recent-comments{
   color: #FFF;
   border-bottom: dashed 1px #333;
   padding: 5px 0
}

/*--------------------------------------------------------
最近のコメント名前けし（停止中）

.recent-comment-author {
display: none;
}
--------------------------------------------------------*/
/*--------------------------------------------------------
最近のコメント日時けし（停止中）

.recent-comment-date {
display: none;
}
--------------------------------------------------------*/
/*--------------------------------------------------------
コメント太く
--------------------------------------------------------*/
.recent-comment-content,
.comment-content p {
   font-weight: bold;
   font-size: 18px;
}

/*--------------------------------------------------------
最近のコメント先サイズ・色
--------------------------------------------------------*/
.recent-comment-article {
   font-size: 16px;
   color:#FFF;
}

/*--------------------------------------------------------
最近のコメント先けし（無効化ちゅう）

.recent-comment-article {
display: none;
}
--------------------------------------------------------*/

/*--------------------------------------------------------
youtube中央配置
--------------------------------------------------------*/
.video-container {
margin: 0px auto;
}

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

/*--------------------------------------------------------
サイト名の上下余白を狭く
--------------------------------------------------------*/
.logo-text {
   padding: 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: #000; /*背景色*/
   transition: all 0.2s ease; /*アニメーション*/
   color: #FFF; /*フォントカラー*/
}

/*--------------------------------------------------------
見出し
--------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
   font-weight: bold;
}

.article h1{
   font-size: 20px;
   color: #FFF;
   line-height: 1.4;
   padding: 0.5em;
}

.article h2,.under-entry-content h2{
  background: #FFF;
  color: #000;
  font-weight: bold;
  padding: 0.3em 0.5em;
   font-size: 20px;
   border-left: none;
   line-height: 1.4;
}

.article h3,.under-entry-content h3{
   font-size: 18px;
   color: #FFF;
   line-height: 1.4;
   padding: 0.5em;
  border:none;
}

.article h4 {
   margin: 5px 0 5px 0;
   font-size: 16px;
   color: #333;
}
.article h4{
   border-top: none !important;
   border-bottom: none !important;
}

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

.widget h2 {
   background: transparent !important;
}

/*--------------------------------------------------------
コメントカスタマイズ
--------------------------------------------------------*/
.comment-form-email,
.comment-form-url,
.comment-notes{
  display: none;
}
span.says{/* コメント投稿者の「より」を非表示 */
   display: none;
}
.fn {/* コメント投稿者の名前の部分（デフォルトではイタリックになってる部分） */
   font-style: normal;
}
li.depth-1 div.comment-body{/* 文章部分 */
   overflow: hidden;
   border:1px dashed #FFF;
   background: #000;
   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;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/* 入力したいものを書く*/
}

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

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

/*480px以上*/
@media screen and (min-width: 480px){
.for-sp{
display: none;
}
.no-sidebar .wrap {
 width: 980px;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
/*--------------------------------------------------------
モバイル余白
--------------------------------------------------------*/
/*メイン*/
main.main, div.sidebar {
   padding: 8px;
}
/*h1*/
.entry-title{
   font-size:22px !important;
   margin:30px 0 5px 0 !important;
   padding:0 !important;
   line-height:1.4 !important;
}
.entry-card-title,
.archive-title {
   font-size: 18px !important;
   line-height:1.4;
}
.entry-date {
   font-size: 18px !important;
font-weight: normal;
}
.article h2,.under-entry-content h2{
   font-size: 20px !important;
font-weight: bold;
}
.article h3,.under-entry-content h3{
   font-size: 18px !important;
font-weight: bold;
}
p {
   font-size: 18px !important;
}
}