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

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

/*ヘッダータイトル*/
.head-title {margin:5px 20px;}
.head-title img{width:40px;margin-top:10px;}
.head-title a{text-decoration:none;color:#333;vertical-align:middle;}
.head-title span{font-weight:bold;font-size:20px;margin:0px 10px;padding:0px;vertical-align:top;}

/*ヘッダー画像*/
.logo.logo-header.logo-image{margin-top:-30px;}

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

/*段落*/
h2{background-color:#fff !important;border-bottom:1px solid;font-size:19px;}

/*ヘッダーメニュー*/
.menu-item.menu-item-type-post_type.menu-item-object-page a{width:150px;height:50px;line-height:45px;}
.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(-5px); /*浮かす*/
	border-bottom:5px double #4169e1; /*背景色*/
	transition-duration: 0.4s; /*アニメーション*/
	color:#333;
}

/*トップページボタン*/
.top-button-text{text-decoration:none;}
.top-button {width:250px;height:200px;color:#111;font-size:15px;margin:10px 20px;padding:10px;display:inline-block;vertical-align:top;}
.button-title{font-weight:bold;border-bottom:1px solid;text-align:center;color:#111;font-size:18px;}
.top-button:hover {
  -webkit-transform: translateY(-0px); /*浮かす*/
  -ms-transform: translateY(-0px); /*浮かす*/
  transform: translateY(-10px); /*浮かす*/
	transition-duration: 1.0s; /*アニメーション*/
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);
}

/*パンくずリスト*/
#breadcrumb{margin:0px 0px 40px;padding:10px 0px}

/*表の背景色を透過*/
.container table tr {
  background-color: transparent;
}

/*表*/
table{width:70%;margin:10px 10px;padding:0px;}
table.tablepress tr:nth-of-type(2n+1) {background-color: transparent;}
table.tablepress tr{background-color:#444;}
th{text-align:center;padding:5px 10px;font-weight:bold;background:transparent;background-color:#ddd;border-color:#555 !important;}
td{padding:5px 10px;line-height:26px;background:transparent;background-color:#fff;border-color:#555 !important;}
@media screen and (max-width: 480px){
	table{width:90%;}
	th{width:30%;}
}

/*post-list*/
.postlist{width:160px;margin:20px 20px;float:left;text-align:center;vertical-align:bottom;}
.clear{clear:both;}
@media screen and (max-width: 480px){
	.postlist{width:180px;margin-left: auto; margin-right: auto;}
}

/*post-image*/
.postimg {vertical-align:bottom;}
.postimg p{font-size:14px;line-height:18px;margin:10px 0px;}
.postimg img{width:150px;border-radius:10%;}
@media screen and (max-width: 480px){
	.postimg{margin:10px 30px;}
}

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

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

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