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

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

/*サイトロゴのフォント変更*/
.logo.logo-header.logo-text {height:40px;padding:0px;margin:5px 0px;background-color:#fff}
.logo-header a span{font-size:20px;float:left;padding:0px;margin:0px 50px;font-weight:bold;}
.site-name-text {font-family: ‘cursive’ ;}

/*見出し*/
.article h2 {background-color:#333;color:#fff;height:50px;padding:10px 30px;vertical-align:middle;}

/*フッター枠線非表示*/
#navi-footer li {
  border: none;
}

/*トップページのみヘッダー画像*/
.home .header{
  background-image: url('http://oem-labo.com/wp-content/uploads/head-image.jpg');/*もしくはテーマ設定で設定したもの*/
  height: 500px;
}
.single .header{
  background-image: none;
  height: 0px;
} 

/*ヘッダーメニュー*/
.menu-item.menu-item-type-post_type.menu-item-object-page a{font-weight:bold;}
.menu-item-type-taxonomy.menu-item-object-category a{font-weight:bold;}

/*ヘッダーメニュー*/
.menu-item.menu-item-type-post_type.menu-item-object-page a{font-weight:bold;}
.menu-item.menu-item-type-post_type.menu-item-object-page a:hover {
  -webkit-transform: translateY(-0px); /*浮かす*/
  -ms-transform: translateY(-0px); /*浮かす*/
  transform: translateY(-4px); /*浮かす*/
	background-color: #fff; /*背景色*/
	transition-duration: 0.4s; /*アニメーション*/
}
.menu-item-type-taxonomy.menu-item-object-category a{font-weight:bold;}
.menu-item-type-taxonomy.menu-item-object-category a:hover {
  -webkit-transform: translateY(-0px); /*浮かす*/
  -ms-transform: translateY(-0px); /*浮かす*/
  transform: translateY(-4px); /*浮かす*/
	background-color: #fff; /*背景色*/
	transition-duration: 0.4s; /*アニメーション*/
}

/*トップページタイトル削除*/
.front-top-page #main .entry-title{
  display: none;
}


/*table表*/
table.tablepress tr {background-color: transparent;margin:10px;}
th, td{border-color:#111 !important;}
th {background-color:#ddd !important;color:#111}
td {background-color:#fff !important;}

/* widgetタイトル変更 */
h3.widget-sidebar-title.widget-title{padding:5px;font-size:18px;background-color:#fff;color:#222f;text-align:center;height:80% !important;border:solid 1px #222;border-radius: 1%;}

/*人気記事*/
.popular-entry-card-thumb.widget-entry-card-thumb.card-thumb{width:60px;margin-right:0px !important;margin-top:0px !important;padding:0px;vertical-align:top !important; /*人気記事アイキャッチ*/}
.popular-entry-card-thumb.widget-entry-card-thumb.card-thumb img{border-radius: 45%;}
.popular-entry-card-content.widget-entry-card-content.card-content{margin:0px 10px 0px 75px;font-weight:bold;font-size:14px;}
.popular-entry-card.widget-entry-card.e-card:hover {
  -webkit-transform: translateY(-4px); /*浮かす*/
  -ms-transform: translateY(-4px); /*浮かす*/
  transform: translateY(-4px); /*浮かす*/
  box-shadow: 4px 4px 4px rgba(0,0,0,0.2)!important; /*シャドー（影）*/
	background-color: #fff; /*背景色*/
	transition-duration: 0.6s; /*アニメーション*/
}

/*新着記事*/
.new-entry-card-thumb.widget-entry-card-thumb.card-thumb{width:60px;margin-right:0px !important;padding:0px;vertical-align:baseline !important; /*新着記事アイキャッチ*/}
.new-entry-card-thumb.widget-entry-card-thumb.card-thumb img{border-radius: 10%;}

.new-entry-card-content.widget-entry-card-content.card-content{margin:0px 0px 0px 80px;vertical-align:bottom !important; /*新着記事タイトル*/}

.new-entry-card-content.widget-entry-card-content.card-content{
	position: absolute;
	top: 10px;
	height: 59px;
	overflow: hidden;font-size:14px;font-weight:bold;
}
.new-entry-card.widget-entry-card:hover {
  -webkit-transform: translateY(-4px); /*浮かす*/
  -ms-transform: translateY(-4px); /*浮かす*/
  transform: translateY(-4px); /*浮かす*/
  box-shadow: 4px 4px 4px rgba(0,0,0,0.2)!important; /*シャドー（影）*/
	background-color: #fff !important; /*背景色*/
	transition-duration: 0.6s; /*アニメーション*/
}

/*コラムのまとめ欄*/
.matome {background-color:#fcfcfc;border:1px solid;margin:20px;padding:20px;box-shadow: 8px 8px 5px #ddd;}

/*コメントボタン*/
#commentform .form-submit input[type='submit']{width:200px;height:40px;
	text-decoration: none;
	display: inline-block;
	padding:5px;
	background-color:#111;
	color: #fff;
	text-align: center;
	box-shadow:2px 2px #ddd;
	border-radius: 5%;
	font-size:15px;
	font-weight:normal;
}
#commentform .form-submit input[type='submit']:hover {
  -webkit-transform: translateY(-4px); /*浮かす*/
  -ms-transform: translateY(-4px); /*浮かす*/
  transform: translateY(-4px); /*浮かす*/
  box-shadow: 4px 4px 4px rgba(0,0,0,0.2)!important; /*シャドー（影）*/
	transition-duration: 0.6s; /*アニメーション*/
}
.form-submit{text-align:center;}

/*----------------------------------------------------------------------
SNSシェアボタン
----------------------------------------------------------------------*/
/*SNSシェアボタン変更*/
#main .button-caption {
	display: none; /*キャプション非表示*/
}
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
    margin:10px auto;
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

/*----------------------------------------------------------------------
固定ページ
----------------------------------------------------------------------*/
/* 固定ページの日時を非表示 */
.page .date-tags, /*投稿日・更新日*/
.page .author-info, /*投稿者情報*/
.page .eye-catch-wrap { /*アイキャッチ*/
display: none;
}


/*----------------------------------------------------------------------
トップページ
----------------------------------------------------------------------*/
/*トップページタイトル削除*/
.front-top-page #main .entry-title{
  display: none;
}


/*----------------------------------------------------------------------
アーカイブページ
----------------------------------------------------------------------*/

/*カードの大きさ*/
a.entry-card-wrap.a-wrap.border-element.cf{/*カード本体*/
padding:0 1.5em .5em;
border-radius:10px;
width:100%;
margin-bottom:2em;
}
a.entry-card-wrap.a-wrap:hover {
transform: translateY(-4px);
transition: all .3s;
background-color: #fff;
}

/*サムネイル大きさ*/
figure.entry-card-thumb.card-thumb.e-card-thumb{width:70px;margin:0px 30px 0px 0px;padding:0px !important;}
.entry-card-thumb-image.card-thumb-image.wp-post-image{background-color:#111;width:60px !important;border-radius:10%;}
.cat-label{display:none;}

/*アーカイブタイトル*/
h1.archive-title{font-size:22px;}

/*エントリーカードカスタマイズ*/
h2.entry-card-title.card-title.e-card-title{
	font-size:15px;/*タイトルの文字サイズ*/
	background-color:#fff !important;
	color:#000;
}
.entry-card-wrap {
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
.entry-card-content.card-content.e-card-content{margin:10px;}

/*次のページボタン*/
.pagination-next {text-align:center;margin:30px}
.pagination-next a{
	width:200px;height:40px;
	text-decoration: none;
	display: inline-block;
	padding:5px;
	background-color:#e06000;
	color: #fff;
	text-align: center;
	box-shadow:2px 2px #FFA54C;
	border-radius: 5%;
	font-size:15px;
	font-weight:normal;
}
.pagination-next a:hover {padding:3px;background-color: #fff;border:solid 1px #e06000;transition-duration: 0.6s;color: #e06000;}

/*----------------------------------------------------------------------
投稿ページ
----------------------------------------------------------------------*/
.postsum{margin:10px 20px;font-weight:bold;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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