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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.widget-sidebar ul li a .menu-toi{
font-size:xx-large;
}

.h-10px{
	margin-top:-10px;
}
.h-15px{
	margin-top:-15px;
}
.h-20px{
	margin-top:-20px;
}
.h-50px{
	margin-top:-30px;
}

/*画像横スクロール*/
.slide{
  list-style-type: none!important;
  overflow: hidden;
  background-color:#fff;
  padding:10px 0!important;
  width: 100%;
  height:170px;
  margin-left:0!important;
  margin-top:2em!important;
  margin-bottom:2em!important;
  zoom: 1;
}
.slide li{
  float:left;
  margin-left:17px;
}
.slide:before,
.slide:after{
    content: " ";
    display: table;
}
.slide:after{
    clear: both;
}

/*ホームのタイトルリセット*/
.home.page .entry-title{
  display: none;
}

.article h1 {
  color: #364e96;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/
}

/*カレントメニュー*/
.navi-in .current-menu-item a {
	background: #ff0000; /*背景色*/
}

/*カレントメニュー説明*/
.navi-in .current-menu-item .sub-caption{
color: #fff; /*文字色*/
	opacity: 1;
	text-decoration: underline;
}

/*カレントメニュー（階層）*/
.navi-in .current-page-ancestor a{
	background: #ff0000; /*背景色*/
}
/*カレントメニュー（階層）説明*/
.navi-in .current-page-ancestor .sub-caption{
color: #fff; /*文字色*/
	opacity: 1;
	text-decoration: underline;
}
/*ホーム各ブロックの背景*/
#pr001{
  color: #000;/*文字色*/
  border: solid 10px #0099cc;/*線色*/
  padding: 1em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
}

#pr002{
  color: #000;/*文字色*/
  border: solid 10px #999900;/*線色*/
  padding: 1em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
}
#pr003{
  color: #000;/*文字色*/
  border: solid 10px #ff9900;/*線色*/
  padding: 1em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
}
#pr004{
  color: #000;/*文字色*/
  border: solid 10px #339900;/*線色*/
  padding: 1em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
}


/* 見出しリセット */
/* 見出し2 */
.article h2{
border:none;
background:none;
padding: 0;
}

.article h2 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 10px #336699;/*左線*/
}

#pr001 h2 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #0099cc;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 10px #0099cc;/*左線*/
	margin-top:0px;
	margin-bottom:1em;
}

#pr002 h2 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #999900;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 10px #999900;/*左線*/
	margin-top:0px;
	margin-bottom:1em;
}

#pr003 h2 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #ff9900;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 10px #ff9900;/*左線*/
	margin-top:0px;
	margin-bottom:1em;
}

#pr004 h2 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #339900;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 10px #339900;/*左線*/
	margin-top:0px;
	margin-bottom:1em;
}

.komidasi{
	font-size:60%;
	opacity: .7;
}



/* 見出しフルハル */
.page-id-4 .article h1,
.page-id-3554 .article h1,
.page-id-3696 .article h1,
.page-id-24 .article h1,
.page-id-3633 .article h1{
  color: #0099cc;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #0099cc;/*上線*/
  border-bottom: solid 3px #0099cc;/*下線*/
}
.page-id-4 .article h3,
.page-id-3554 .article h3,
.page-id-3696 .article h3,
.page-id-24 .article h3,
.page-id-3633 .article h3{
	  padding: 0.8em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #fff;/*背景色*/
  border-left: solid 10px #0099cc;/*左線*/
  border-bottom: solid 1px #0099cc;/*下線*/
}



/* USBメモリ */
.page-id-3622 .article h1,
.page-id-3792 .article h1,
.page-id-3811 .article h1{
  color: #999900;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #999900;/*上線*/
  border-bottom: solid 3px #999900;/*下線*/
}
.page-id-3622 .article h3,
.page-id-3792 .article h3,
.page-id-3811 .article h3{
	  padding: 0.8em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #fff;/*背景色*/
  border-left: solid 10px #999900;/*左線*/
  border-bottom: solid 1px #999900;/*下線*/
	border-right: solid 1px #999900;/*下線*/
	border-top: solid 1px #999900;/*下線*/
}


/* おとぎや */
.page-id-3624 .article h1,
.page-id-5015 .article h1,
.page-id-5009 .article h1,
.page-id-4997 .article h1,
.page-id-4986 .article h1,
.page-id-4989 .article h1{
  color: #ff9900;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #ff9900;/*上線*/
  border-bottom: solid 3px #ff9900;/*下線*/
}
.page-id-3624 .article h3,
.page-id-5015 .article h3,
.page-id-5009 .article h3,
.page-id-4997 .article h3,
.page-id-4986 .article h3,
.page-id-4989 .article h3{
	  padding: 0.8em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #fff;/*背景色*/
  border-left: solid 10px #ff9900;/*左線*/
  border-bottom: solid 1px #ff9900;/*下線*/
	border-right: solid 1px #ff9900;/*下線*/
	border-top: solid 1px #ff9900;/*下線*/
}

.page-id-2 .article h1 {
  color: #339900;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #339900;/*上線*/
  border-bottom: solid 3px #339900;/*下線*/
}

.widget_nav_menu ul li a {
}

.sidebar h3 .midashi_or {
	background-color: #494949;/*背景色*/
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.site-name img {
	width: 200px;
	height :auto;
}
.article h1 {
  color: #364e96;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/
}
	
}