@charset "UTF-8";
@import url("normalize.css");
/*!
Theme Name: Cocoon Child
Theme URI: https://wp-cocoon.com/
Template: cocoon
Author: わいひら
Author URI: https://nelog.jp/
Text Domain: cocoon-child
Version:    1.0.8
Tags: two-columns, left-sidebar, right-sidebar
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

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

/**
 * フォントサイズ再設定
 * 
*/
/*
html{ font-size: 62.5%; }
body{ font-size: 1.6em; } */
.fz-12px {
  font-size: 90%;
}

.fz-13px {
  font-size: 95%;
}

.fz-14px {
  font-size: 100%;
}

.fz-15px {
  font-size: 105%;
}

.fz-16px {
  font-size: 114%;
}

.fz-17px {
  font-size: 121%;
}

.fz-18px {
  font-size: 129%;
}

.fz-19px {
  font-size: 136%;
}

.fz-20px {
  font-size: 143%;
}

.fz-21px {
  font-size: 150%;
}

.fz-22px {
  font-size: 157%;
}

.fz-24px {
  font-size: 171%;
}

.fz-28px {
  font-size: 200%;
}

.fz-32px {
  font-size: 229%;
}

.fz-36px {
  font-size: 257%;
}

.fz-40px {
  font-size: 286%;
}

.fz-44px {
  font-size: 314%;
}
/**
 * inputタグの色
 * input:valid, input:invalidの設定
*/
input[type="text"], input[type="url"], input[type="email"]{ color:#666; }
input[type="text"]:valid, textarea:valid{ border-color: #3d991e; border-width: 1px; }
input[type="text"]:invalid, textarea:invalid{ border-color: #ff7f7f; border-width: 1px; }
/*
    Emoji Door
*/
#ToggleBtn{
    font-size: 87.5%;
    color: #112299;
    margin: 0px;
    padding: 10px;
}
#ToggleBtn #aDoorMsg{ color:#ff0088; padding:2px 8px; background-color:#ffddee; border:1px solid #ff0088; }
#ToggleBtn #aDoorMsg:active, #ToggleBtn #aDoorMsg:hover { background-color:#ff0088; color:white; cursor: pointer; }

#emojiLists{
    border: 1px solid #ccc;
    background-color: white;
	max-width:90%;
    height: 180px;
    margin: 8px 0px;
    overflow: scroll;
}

#emojiLists img{
	vertical-align: bottom;
}
/* 右矢印 */
.entry-content .rightarrow{ margin-left: 3px; padding: 3px 0 3px 26px; background: transparent url('./images/arrow-hand-r.gif') left center no-repeat; }
/* 見出し画像につけるボーダー枠 */
.entry-content img.outline{ border:2px solid #336; }

/* 詳細マーク */
.entry-content .to-detail {
	padding: 0px 0px 0px 8px;
	color: #3366cc;
	background: url(./images/detail_mark.gif) left 6px no-repeat;
}
/* 囲み記事 */
.entry-content .topix{ border: 3px double #007B50; padding:1em;margin-bottom:1em; color:#4E575C;}
.entry-content .topix h3{border-left:12px solid #564539; border-bottom: 1px solid #564539; padding:1px 0 1px 8px; margin:0 0 1em 0; font-size: 120%; font-weight:bold; letter-spacing: 0.2em;}
/* おまけ（隠し表示） */
.entry-content .hideknock{padding:2px 8px; background-color:#f5e8df; border:1px solid #aaa;}
.entry-content .hideknock:active, .entry-inner .hideknock:hover{ background-color:#007BC3; color:white; cursor: pointer; }
.entry-content .hidearea{ padding:0.5em; border:1px solid #aaa; }


/* 記事部分の追加指定 */
.entry-content ol li, .entry-inner ul li{ margin-left:1.5em; margin-bottom:0.5em;}
/* HP リンク先頭にお家のアイコン */
.entry-content ul li.home {
	list-style: none ;
	padding-left: 2em;
	background: transparent url(./images/icon/home.png) no-repeat left center;
	margin-bottom: 0.5em;
}
/* 文字強調 */
.emphasis{ font-style:normal;font-weight:bold;font-size:1.5em; }
/* 行間拡大 */
.between-the-lines{ font-style:normal;font-weight:bold;font-size:1.5em;color:#bf0032;}
/* 色 */
.red{ color:#bf0032; }
.green{ color:#00b66e; }
.blue{ color:#006ab6; }
.violet{ color:#a757a8; }
.skyblue{ color:#89bdde; }
.wakatake{ color:#00a37e; }
.wakaba{ color:#a9c087; }
.wakakusa{ color:#aab300; }
.yellow{ color:#e3c700; }
.yamabuki{ color:#f8a900; }
.orange{ color:#eb8400; }
.brown{ color:#6d4c33; }
.gray{ color:#767676; }
.sumi{ color:#343434; }
.ginaka{ color:#ea4e31; }
.azukiiro{ color:#905d54; }
.kakiiro{ color:#db5c35; }
.kogetya{ color:#564539; }
.komugiiro{ color:#d4a168; }
.matubairo{ color:#687e52; }
.tokiwairo{ color:#007b50; }
.ruriiro{ color:#00519a; }
.syoubuiro{ color:#744b98; }
.syuiro{ color:#ef454a; }
.lightgray{ color:#eae0d5; }


/* 緑枠 */
.entry-inner .greenbox{
    padding:1em;
    border: 1px solid #007B50;
    margin-bottom:1em;
    text-align:left;
}
/* 文字サイズ */
.entry-content .photocaption{ font-size:0.8em; }
.entry-content .t1{ font-size:0.75em; }
.entry-content .t2{ font-size:0.9em; }
.entry-content .t3{ font-size:1.2em; }
.entry-content .t4{ font-size:1.5em; }
.entry-content .t5{ font-size:1.8em; }
.entry-content .t6{ font-size:2.2em; }

/* 外部アイコン */
.entry-content a[target="_blank"], .comment-form a[target="_blank"]{
	padding-right: 20px;
	background: url(./images/external-link3.png) right center no-repeat;
}
/*
	audio
*/
#player{
	margin: 1em auto;
	padding: 0 2px;
	font-size:12px;
}
#player audio{
	width: 100%;
}
/* Enlighterとの不整合修正 */
.entry-content ol.EnlighterJS li, .entry-content ul.EnlighterJS li{margin:0;background-color:#fff;border:0 solid #fff;padding:0 5px 0 14px;line-height:14px;color:#939393;list-style:none;font-size:11px;}
.entry-content ol.EnlighterJS li .specialline, .entry-content ul.EnlighterJS li .specialline{background-color:#F4F8FC}
.entry-content ol.EnlighterJS li:FIRST-CHILD, .entry-content ul.EnlighterJS li:FIRST-CHILD{padding-top:5px}
.entry-content ol.EnlighterJS li:LAST-CHILD, .entry-content ul.EnlighterJS li:LAST-CHILD{padding-bottom:5px}
.entry-content ol.EnlighterJS li{list-style:decimal-leading-zero;margin-left:40px;padding-left:10px}
.entry-content .EnlighterJS span{color:#000;margin:0;padding:0;line-height:inherit;font-size:12px;font-family:inherit}
/* 区切り線 */
hr.style-two {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
/*
  絵文字画像縦位置調整
*/
.entry-title img.emoji_img, 
.entry-card-title img.emoji_img, 
.entry-card-snippet img.emoji_img, 
.entry-content img.emoji_img, 
.related-entry-card-title img.emoji_img, 
.prev-post-title img.emoji_img, 
.next-post-title img.emoji_img, 
.related-entry-card-snippet img.emoji_img, 
.comment-content img.emoji_img, 
.comment-author img.emoji_img, 
.post-nav .post-title img.emoji_img, 
.recentcomments img.emoji_img, 
.widget_recent_entries img.emoji_img, 
.post-content .post-title img.emoji_img, 
.post-content .post-excerpt img.emoji_img, 
.title-box .post-title img.emoji_img { vertical-align:baseline; margin: 0; }
/* ヘッダー画像 */
#header{
  background: white url(./images/header-img.jpg) top center no-repeat;
}
#header .tagline-inner{
  padding: 2px 4px;
  border-radius:4px;
  background-color:rgba(255,255,255,0.6);
}
#header span.site-name-text{
  font-weight:bold;
  padding: 4px 8px;
  border-radius:8px;
  background-color:rgba(255,255,255,0.6);
}

.entry-card-content .entry-card-snippet{
    font-size:0.9em;
}
/**
 * メイン角丸調整，他
*/
#content #main, #content #sidebar{
	border-radius:4px;
	border:1px solid #d5dece;
}
#comment-area .commets-list .children{
	padding-left:2em;
}
/**
 * サイドバー文字＆間隔調整
*/
.widget_recent_entries li a, 
.widget_recent_comments li a, 
.widget_links li a, 
.widget_archive li a, 
.my_widget_meta li a{ font-size:0.9em; }

.widget_recent_entries ul, .widget_archive ul{
	margin:1em 0;
	padding-left:40px;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a{
	padding:5px 4px;
}
/**
 * サイドバーリンクアイコン追加
*/
.widget_links li{
	list-style: none outside url(./images/home.png);
	line-height:1.4;
	padding:5px 4px;
}
.widget_recent_comments li{
	list-style: none outside url(./images/fukidashi1.png);
	line-height:1.4;
	padding:4px 0;
}
.widget_archive li{
	list-style: none outside url(./images/archive.png);
}
.widget_recent_entries li{
	list-style: none outside url(./images/article.png);
}
.my_widget_meta li{
	list-style: none outside url(./images/check.png);
}
/*
 * サイドバータイトル
*/
.sidebar h2,
.sidebar h3 {
  background-color: #ffdde1;
  padding: 12px;
  margin: 16px 0;
  border-radius: var(--cocoon-basic-border-radius);
  border-left: 5px solid #ff8494;
}

/**
 * フッタークレジット
*/
.footer-bottom-content .copyright{
	font-size:0.9em;
	line-height:1.4;
}
/**
 * フッター背景
*/
#footer-in{
	background: white url(./images/wall.gif) 0 0 repeat;
}
/**
 * カード境界線
*/
a.entry-card-wrap{
	border:1px solid #ccc;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

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

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