@charset "UTF-8";

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

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

/*タグリセット*/
/*H2 */
.article h2{
	border:none;
	background:none;
	padding: 0;
	}

	/* H3 */
	.article h3{
	border:none;
	background:none;
	padding: 0;
	}

	/* H4 */
	.article h4{
	border:none;
	background:none;
	padding: 0;
	}
	/*ここまで*/

	/*h2タグ*/
	.article h2{
		font-size: 1.1em;
		background: #4699e2; /*背景色*/
		padding: 0.5em;/*文字周りの余白*/
		color: white;/*文字を白に*/
		box-shadow:1px 3px 7px 0px  #666666;
		border: 3px solid #4699e2;
	}
	.article h2:before {
		content: ‘＊’;
		color: #f9f6ef;
		margin-right: 3px;
	}
	/*ここまで*/

	/*h3タグ*/
	.article h3{
		font-size: 1.1em;
		padding-top: 10px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 10px;
		border-top: solid 3px #4699e2;
		border-bottom: solid 3px #4699e2;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	/*ここまで*/

	/*h4タグ*/
	.article h4 {
		font-size: 1.1em;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 15px;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #CCC;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	/*ここまで*/

/*サイドバーh3タグ https://web-ashibi.net/archives/1761*/
#sidebar h3{
	font-size: 1.0em;
	background: #4699e2; /*背景色*/
	padding: 0.5em;/*文字周りの余白*/
	color: white;/*文字を白に*/
	letter-spacing: 0.1em;/*文字間*/
	box-shadow:1px 3px 7px 0px  #666666;
	border: 3px solid #4699e2;
}
#sidebar h3:before {
	content: ‘＊’;
	color: #f9f6ef;
	margin-right: 3px;
}
/*ここまで*/

.widget_nav_menu ul li a { /*親カテゴリ用のコード*/
    color: #333;
    text-decoration: none;
    padding: 6px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
    border-top: 1px dotted #ccc; /*上部にボーダーを引く*/
}
.widget_nav_menu ul li a::before { /*親カテゴリのアイコン*/
    font-family: FontAwesome;
    content: "\f0da";
    padding-right: 10px;
}
.widget_nav_menu > ul > li > a:first-child {
    border-top: none; /*最初の親カテゴリは上部ボーダーを消す*/
}
.widget_nav_menu > ul > li > a:last-child {
    border-bottom: 1px dotted #ccc; /*最後の親カテゴリは下部ボーダーを引く*/
}
.widget_nav_menu ul li a .post-count { /*記事数用のコード*/
    display: block;
    float: right;
    background: #ededed;
    padding: 0 1em;
    font-size: 14px;
    margin-top: .3em;
    border-radius: 4px;
}
.widget_nav_menu ul li a:hover { /*親子共通マウスホバー時*/
    background: none;
    transition: 0.5s;
    color: #72c7e6;
}
.widget_nav_menu ul li a:hover .post-count { /*記事数のマウスホバー時*/
    background: #72c7e6;
    color: #fff;
    transition: 0.5s;
}
.widget_nav_menu ul li ul { /*子カテゴリのボックス*/
    padding-top: 20px;
    border-bottom: 1px dotted #ccc;
}
.widget_nav_menu ul li ul li a { /*子カテゴリ用のコード*/
    color: #333;
    text-decoration: none;
    padding: 0 4px 0 4px;
    display: block;
    border: none;
}
.widget_nav_menu ul li ul li a::before { /*子カテゴリのアイコン*/
    font-family: FontAwesome;
    content: "・";
    padding: 0;
}

/* --------------------------- *
 *  スライドインのカスタマイズ *
 * --------------------------- */
.mobile-menu-buttons {
	background: #83c151;
}
/*ここまで*/

/*サイドバー font 14px*/
.widget-entry-card {
font-size: 14px;
}
/*ここまで*/

#hatebu_link #content-area ul li {
	list-style-position: outside;
	list-style-image: url(../hottopix%202.5/images/star.png);
	list-style-type: none;
}

#clear_div {
	clear: both;
	width:  700px;
	height: 10px;
}

#middle_center {
	clear: both;
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

#kaisetu01 {
	font-size: small;
	color: #09F;
	background-color: #FFF;
	border: 1px solid #666;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: normal;
}

.back_blue {
	background-color: #1b8fe3;
	color: #ffffff;
	width: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
	border: 3px solid #333;
}

#guide_outer {
	background-color: #EFB;
	padding: 5px;
	box-shadow: 0 0 6px #999;
	-webkit-box-shadow: 0 0 6px #999;
	-moz-box-shadow: 0 0 6px #999;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#ccc', Direction=70, Strength=2);/* for IE */
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

#guide_inner {
	margin: 5px;
	padding: 5px;
}

.important_big {
	font-size: 20px;
	font-weight: bold;
}
.important_normal {
	font-weight: bold;
}
.important_red_big {
	font-size: 20px;
	font-weight: bold;
	color: #F00;
}
.important_red_normal {
	font-weight: bold;
	color: #F00;
}

/* http://rakuishi.com/wordpress/2399/*/
.hatenaA{
  background: #fff0f0;
  color: #ff6666;
  font-weight: bold;
}
.hatenaB{
  background: #ffcccc;
  color: #ff0808;
  font-weight: bold;
}

#download {
	clear: both;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	background-color: #0CF;
}

#download_innner {
	font-size: 18px;
	line-height: 140%;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	clear: both;
}

#download_innner a {
	color: #FFF;
}

#hatebu_link {
	margin-bottom: 10px;
}
#hatebu_link img {
	vertical-align :text-bottom;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 10px;
}

#hatebu_link ul {
}

#hatebu_link li {
	list-style-position: outside;
	font-size: 14px;
	border-radius: 0px;        /* CSS3草案 */
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 0px;   /* Firefox用 */
	text-align: left;
	background-image: none;
	list-style-image: url(../hottopix%202.5/images/star.png);
	font-weight: bold;
		width: 95%;
	max-width:600px;
}

#hatebu_link li a {
	background-color: #FFF;
	color: #06F;
	border-radius: 0px;        /* CSS3草案 */
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 0px;
	padding: 0px;
	width: auto;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#hatebu_link li a:hover {
	background-color: #FFF;
	color: #0CF;
	border-radius: 0px;        /* CSS3草案 */
	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 0px;
	margin: 0px;
	padding: 0px;
}

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