@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*サイドバーカテゴリ*/
.widget-sidebar h3{/*サイドウィジェットタイトル*/
	font-size:.95em;/*文字サイズ*/
	border-bottom:2px solid #f28900;/*下線の太さ・色*/
	padding:5px 10px 0;
	margin-bottom:0;
}
.widget_categories ul .children li a:before{/*子カテゴリアイコン*/
	font-family:Fontawesome;
	content:"\f105";/*アイコン種類*/
	color:#FFC14D;/*アイコン色*/
	font-weight:normal;
	margin-right:6px;/*アイコンと文字の距離*/
}
.widget_categories ul .children li{
	border-bottom:none;
}	
.widget_categories ul .children li a{/*子カテゴリ*/
	padding:3px 10px;
	font-size:.85rem;/*文字サイズ*/
}
.widget_categories ul li a:hover,
.widget_archive ul li a:hover{/*カテゴリ・アーカイブhover時*/
	background:transparent;
	color:#38b48b;/*hover時の文字色*/
	margin-left:5px;/*hover時動く幅*/
}
.widget_categories ul li a .post-count,
.widget_archive ul li a  .post-count{/*カテゴリ・アーカイブ記事数*/
	border:1px solid rgba(221, 221, 221, 0.867);/*囲線*/
	border-radius:5px;
	font-size:.8em;/*数字サイズ*/
	padding:1px 10px;/*囲いの大きさ*/
}
.widget_categories ul li a:hover .post-count,
.widget_archive ul li a:hover  .post-count{/*カテゴリ・アーカイブ記事数hover時*/
	border-color:#FFC14D;/*囲線色*/
	background:#FFC14D;/*背景色*/
	color:#fff;/*文字色*/
	transition:.4s;/*変化スピード*/
}
/*menubox*/
#pgc-11-0-0, #pgc-11-0-1, #pgc-11-0-2, #pgc-11-0-3{
	background:#ffd;
	padding:1%;
	box-shadow: 0 2px 5px 0 #9E9E9E;
	border-radius:  5px; 
	width:calc(25% - ( 0.75 * 15px ) )!Important;
}
#pgc-11-0-0 p, #pgc-11-0-1 p, #pgc-11-0-2 p, #pgc-11-0-3 p{
	margin:	0.5em 0;
	font-size:16px;
}
#pgc-11-0-0 h4, #pgc-11-0-1 h4, #pgc-11-0-2 h4, #pgc-11-0-3 h4{
	font-size:18px;
}
/*リンクを消す*/
a {
text-decoration: none;
}

/*必要ならばここにコードを書く*/
main img{
    max-height: 60vh;
    width: auto;
}
/*アピールポイントの文字を消す
.appeal-content {
	display:none;
}*/
/*固定ページの投稿日・更新日を消す*/
.page-id-16 .date-tags, 
.page-id-11 .date-tags,
.page-id-24 .date-tags,
.page-id-18 .date-tags,
.page-id-20 .date-tags,
.page-id-22 .date-tags,
.page-id-1204 .date-tags,
.page-id-1218 .date-tags
{
    display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*TOPレイアウト*/	
	.main{
		width:72%;
	}
	.sidebar{
		width:25%;
	}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
 /*TOPレイアウト*/	
	#main{
		float:left;
	}
	main.main{
		width:72%;
		margin:5px;
	}
	#sidebar{
		float:left;
	}
	div.sidebar{
		width:25%;
		margin:5px;
	}
 /*menubox*/
	#pgc-11-0-0, #pgc-11-0-1, #pgc-11-0-2, #pgc-11-0-3{
		width:calc(25% - ( 0.75 * 10px ) )!Important;	
	}
	.article h4{
		font-size:14px;
		padding:8px;
		margin:1.5em 0.1em;
	}	
}

/*834px以下*/
@media screen and (max-width: 834px){
 /*TOPレイアウト*/	
	.no-mobile-sidebar #sidebar{
		display:block;
	}
 /*menubox*/
	#pgc-11-0-0, #pgc-11-0-1, #pgc-11-0-2, #pgc-11-0-3{
		width:calc(25% - ( 0.75 * 10px ) )!Important;
	}
}

/*768px以下*/
@media screen and (max-width: 768px){
 /*TOPレイアウト*/	
	main.main{
		width:auto;
	}
	#sidebar,
	.no-mobile-sidebar #sidebar{
		display:none;
	}
/*menubox*/
	.panel-grid.panel-no-style{
		display:block !Important;	
	}
	#pgc-11-0-0, #pgc-11-0-1, #pgc-11-0-2, #pgc-11-0-3{
		width:45% !Important;
		margin:2%;
		float:left !important;	
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	/*TOPレイアウト*/	
	main.main{
		width:auto;
	}
	#sidebar{
		display:none !Important;
	}
 /*menubox*/
	.panel-grid.panel-no-style{
		display:block !Important;
	}
	#pgc-11-0-0, #pgc-11-0-1, #pgc-11-0-2, #pgc-11-0-3{
		width:45% !Important;
		margin:2%;
		float:left !important;	
	}
	#pgc-11-0-0 p, #pgc-11-0-1 p, #pgc-11-0-2 p, #pgc-11-0-3 p{
	margin:	0.5em ;
	font-size:12px;
	}
	#pgc-11-0-0 h4, #pgc-11-0-1 h4, #pgc-11-0-2 h4, #pgc-11-0-3 h4{
	font-size:14px;
	}
}