@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

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


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}

見出しを追加
.article h1 {
letter-spacing: 0.2em;/*文字間*/
border-bottom: solid 3px black;/*線の種類（実線） 太さ 色*/
}

.article h2 {
letter-spacing: 0.2em;/*文字間*/
background: #ffffff !important; /*背景色*/
border-style: none !important;
border-top: solid 1px !important;/*上カラー*/
border-bottom: solid 1px !important;/*下カラー*/
}
.article h2:before {margin-left: 0.5em;}

.article h3 {
letter-spacing: 0.2em;/*文字間*/
border-style: none !important;
border-top: solid 1px #C40813 !important;/*上カラー*/
border-right: solid 1px #C40813 !important;/*右カラー*/
border-bottom: solid 1px #C40813 !important;/*下カラー*/
border-left: solid 5px #C40813 !important;/*左カラー*/
}

.article h4 {
letter-spacing: 0.2em;/*文字間*/
border-style: none !important;
border-left: solid 3px #C40813 !important;/*左カラー*/
border-bottom: solid 1px #C40813 !important;/*下カラー*/
}

.article h5 {
letter-spacing: 0.2em;/*文字間*/
border-bottom: dashed 2px #C40813 !important;
}

.article h6 {
letter-spacing: 0.2em;/*文字間*/
border-bottom: 0px;
}

/**グローバルナビ**/
nav#navi, .menu-header .sub-menu{
font-weight: bold;
box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}
.menu-header .sub-menu .item-label{
font-size: 80%;
}
.menu-header .item-label{
color: #fff !important;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
color: #fff !important;
border-bottom: 3px solid #FDD835;
transition: all .2s ease;
}
.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
color: #fff !important;
transition: all .2s ease;
}

/***サイドバー背景透過***/
#sidebar{
background-color:transparent;
}

/***サイドバータイトル***/
.sidebar h3{
line-height: 50px;
padding: 0;
border-radius: 0;
font-weight: 700;
color: #2f4f4f;
background-color:transparent;
border-bottom:solid 3px #2f4f4f;
}

/***WordpressPopularPost ウィジェット**/
ul.wpp-list li {
border-bottom: 1px dashed #bbb;
counter-increment: wpp-count;
position: relative;
}
ul.wpp-list li:before {
display: block;
padding: 1px 11px;
color: #fff;
background-color: #333;
content: counter(wpp-count);
position: absolute;
opacity: 1;
-ms-filter: "alpha(opacity=100)";
z-index: 10000;
border-radius: 6px;
top: 6px;
left: 6px;
}
ul.wpp-list li:last-child {
border-bottom: 0;
}
ul.wpp-list li:nth-child(1):before {
background-color: #fbcc54;
}
ul.wpp-list li:nth-child(2):before {
background-color: #b7bfc1;
}
ul.wpp-list li:nth-child(3):before {
background-color: #d47b16;
}
ul.wpp-list li img {
margin: 5px 10px 5px 5px;
padding: 3px;
border: 1px solid #ddd;
}
ul.wpp-list li a.wpp-post-title {
display: block;
font-size: 15px;
padding: 12px;
text-decoration: none;
color: #333;
}
.entry-thumb,
.wpp-thumbnail {
overflow: hidden;
}
.entry-thumb img,
.wpp-thumbnail img {
transition: 0.6s;
}
.entry-thumb img:hover,
.wpp-thumbnail:hover {
opacity: 0.6;
-ms-filter: "alpha(opacity=60)";
-moz-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
}
/**カテゴリ/WPP ウィジェットタイトル**/
.widget_categories h3:before {
margin-right: 5px;
font-family: FontAwesome;
content: "\f219";
}

/***カテゴリウィジェット**/
#sidebar aside ul li ul li {
background: 0;
padding-left: 0;
}
#sidebar aside li.cat-item a {
display: block;
overflow: hidden;
font-size: 15px;
line-height: 2.4em;
text-decoration: none;
padding: 0 8px;
color: #2098a8;
margin-bottom: 1px;
}
#sidebar aside li.cat-item a:hover {
background: #fff;
color: #C03;
}
#sidebar aside li.cat-item span {
line-height: 1em;
float: right;
margin: 8px 0 0 8px;
padding: 4px 8px;
border-radius: 4px;
color: #fff;
background: #406572;
}

/*インデクス背景透明**/
.home.no-scrollable-main .main{
background-color:transparent;
}

/**記事カードタイトル**/
.entry-card-title{ 
font-weight:normal; 
color:#000000; 
font-size:20px; 
}
/**ホバー時に浮き上がらせる**/
.entry-card-wrap:hover{
box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
transform: translateY(-2px);
background-color: white; 
transition: all .3s ease;
}

/**ページネーション**/
.pagination-next, .next, .prev, .pager-prev-next{ display: none; }
.pager-numbers a { text-decoration: none; }
.page-numbers{
border: none;
border-radius: 50%;
font-family: sans-serif;
font-size: 80%;
color: #666;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
transition: all .1s ease;
background-color: #ffffff;
}
.pagination a.page-numbers:hover,.pager-numbers a:hover .page-numbers{
background-color: #f44336;
color: #fff;
}
.pagination .current, .pager-links .current{
background-color: #ccc;
color: #fff;
}


/* ウィジェットタイトルにFAアイコン */
.widget h3::before { font-family: FontAwesome; font-size: 80%; vertical-align: middle; font-weight: normal; margin-right: 5px; } /* 共通設定 */
.widget_links h3::before { content: '\f0c1'; } /* リンク */
.widget_popular_entries h3::before { content: '\f135'; } /* 人気記事 */
.widget_new_entries h3::before, .widget_recent_entries h3::before { content: '\f005'; } /* 新着記事 */
.widget_categories h3::before { content: '\f115'; } /* カテゴリー */
.widget_rss h3::before { content: '\f143'; } .widget_rss h3 img { display: none; } /* RSSフィード */
.widget_tag_cloud h3::before { content: '\f292'; } /* タグクラウド */
.widget_search h3::before { content: '\f002'; } /* 検索 */
.widget_meta h3::before { content: '\f085'; } /* メタ */
.widget_fb_like_box h3::before { content: '\f082'; } /* Faceboxボックス */
.widget_facebook_page_like h3::before { content: '\f082'; } /* Faceboxバルーン */
.widget_item_ranking h3::before { content: '\f091'; } /* ランキング */
.widget_calendar h3::before { content: '\f073'; } /* カレンダー */
.widget_recent_comments h3::before { content: '\f0e6'; } /* 新着コメント */
.widget_text h3::before { content: '\f0a4'; } /* テキスト */

nav#navi, .menu-header .sub-menu{
    font-weight: bold;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,0.2);
}

.menu-header .sub-menu .item-label{
    font-size: 80%;
}
.menu-header .item-label{
    color: #b5b5b5 !important;
}
.menu-header .current-menu-item,
.menu-header .current-post-item,
.menu-header .current-menu-ancestor,
.menu-header .current-post-ancestor,
.menu-header .menu-item:hover {
    color: #333 !important;
    border-bottom: 3px solid #FDD835;
    transition: all .2s ease;
}

.menu-header .sub-menu .menu-item,
.menu-header .sub-menu .menu-item:hover{
    border-bottom: none;
}
.menu-header .current-menu-item>a .item-label,
.menu-header .current-post-item>a .item-label,
.menu-header .current-menu-ancestor>a .item-label,
.menu-header .current-post-ancestor>a .item-label,
.menu-header .item-label:hover{
    color: #333 !important;
    transition: all .2s ease;
}

検索窓
.search-box{
	margin: 1em;
}

.search-edit{
	height: 40px;
	border-radius: 40px;
}

.search-submit{
	line-height: 0;
	top: 0;
	bottom: 0;
}

.search-edit:focus{
	outline: none;
	border-color: pink; /* フォーカス時の枠色 */
}

水平線
main hr{
    margin: 2rem auto;
    width: 7rem;
    border: 0;
    border-top: 0.5rem dotted #ccc;
}

#main{
    animation: fadeIn 1s ease-out 0s 1 normal;
}
#sidebar {
    animation: fadeIn 1s ease-out 0s 1 normal;
}

@keyframes fadeIn {
    from {transform: translateY(10%); opacity: 0;}
    100% {transform: translateY(0%); opacity: 1;}
}
#header-container {
    animation: Down 1s ease-out 0s 1 normal;
}

@keyframes Down {
    from {transform: translateY(-10%); opacity: 0;}
    100% {transform: translateY(0%); opacity: 1;}
}

#breadcrumb {
    animation: Right 1s ease-out 0s 1 normal;
}

@keyframes Right {
    from {transform: translateX(10%); opacity: 0;}
    100% {transform: translateX(0%); opacity: 1;}
}

/*特定ページの投稿日・更新日を消す場合*/
.page-id-3435 .date-tags {
    display: none;
}

/*特定ページのタイトルを消す場合*/
#post-3435 .entry-title {
  display:none;
}

.page .sns-share {
    display: none;
}

タイトルの変更
.article h1 {
    line-height: 1.25;
    font-weight: bold;
}
.entry-title {
    font-size: 26px;
    margin: 16px 0;
    line-height: 1.3;
}