@charset "UTF-8";

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

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



/* YARPP standard 20170430追記 */

	.yarpp-standard dl{
	    clear:both;
	}

	.yarpp-standard img{
	    float:left;
	    margin: 0px 10px 5px 0;
	}

	.yarpp-standard a.title {
	    font-size: 1.0em;
	}

	.yarpp-standard a.title:hover {
	}

	.yarpp-standard .date {
	    font-weight: bold;
	    font-size: 0.7em;
	}



/* ボックスデザイン（PC） 2017/06/21追記 */
.box-a {
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 35px 10px 7px 10px;
    border: solid 2px #a9a9a9;
    background: #f9f9f9;
}
.box-a .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    margin: 0px 0px 0px 0px;
    padding: 3px 9px 2px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
}
.box-a p {
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 5px;
    line-height: 1.3em;
}
.box-a ol {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 30px;
}
.box-a ul {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 15px;
    list-style: none;
}
.box-a li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.9em;
}


/* ボックスデザイン（スマホ） 2017/06/21追記 */
.box-a-m {
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 35px 10px 7px 10px;
    border: solid 2px #a9a9a9;
    background: #f9f9f9;
}
.box-a-m .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    margin: 0px 0px 0px 0px;
    padding: 3px 9px 2px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
}
.box-a-m p {
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 5px;
    line-height: 1.3em;
}
.box-a-m ol {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 25px;
}
.box-a-m ul {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 10px;
    list-style: none;
}
.box-a-m li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.9em;
}



/* ボックスデザイン-タイトルなし 黄色枠（PC） 2017/10/29追記 */
.box-y {
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 7px 10px 7px 10px;
    border: solid 2px #deb887;
    background: #ffffe5;
}
.box-y .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    margin: 0px 0px 0px 0px;
    padding: 3px 9px 2px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
}
.box-y p {
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 5px;
    line-height: 1.3em;
}
.box-y ol {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 30px;
}
.box-y ul {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 15px;
    list-style: none;
}
.box-y li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.9em;
}



/* ボックスデザイン-タイトルなし 黄色枠-行間広い（PC） 2017/10/29追記 */
.box-y2 {
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 7px 10px 7px 10px;
    border: solid 2px #deb887;
    background: #ffffe5;
}
.box-y2 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    margin: 0px 0px 0px 0px;
    padding: 3px 9px 2px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
}
.box-y2 p {
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 5px;
    line-height: 1.3em;
}
.box-y2 ol {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 30px;
}
.box-y2 ul {
    margin: 15px 0px 15px 0px;
    padding: 0px 10px 0px 15px;
    list-style: none;
}
.box-y2 li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 2.5em;
}



/* ボックスデザイン-タイトルなし 白黒枠-行間広い（PC） 2017/11/1追記 */
.box-h {
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 7px 10px 7px 10px;
    border: solid 2px #a9a9a9;
    background: #f9f9f9;
}
.box-h .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    margin: 0px 0px 0px 0px;
    padding: 3px 9px 2px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
}
.box-h p {
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 5px;
    line-height: 1.3em;
}
.box-h ol {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 30px;
}
.box-h ul {
    margin: 15px 0px 15px 0px;
    padding: 0px 10px 0px 15px;
    list-style: none;
}
.box-h li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 2.5em;
}



/* ボックスデザイン-タイトルなし オレンジ枠-行間広い（PC） 2017/11/1追記 */
.box-o {
    position: relative;
    margin: 15px 0px 20px 0px;
    padding: 7px 10px 7px 10px;
    border: solid 2px #ffbf7f;
    background: #fff4ea;
}
.box-o .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    margin: 0px 0px 0px 0px;
    padding: 3px 9px 2px 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
}
.box-o p {
    margin: 7px 0px 0px 0px;
    padding: 0px 10px 0px 5px;
    line-height: 1.3em;
}
.box-o ol {
    margin: 5px 0px 5px 0px;
    padding: 0px 10px 0px 30px;
}
.box-o ul {
    margin: 15px 0px 15px 0px;
    padding: 0px 10px 0px 15px;
    list-style: none;
}
.box-o li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 2.5em;
}



/* テーブルデザイン-シンプル-幅300-列4行4 2017/10/29追記 */
table.type300w {
    width: 340px;
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
	text-align: center;
    line-height: 1.5;
}
table.type300w th {
    width: 84px;
    padding: 8px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: bold;
}
table.type300w td {
    width: 84px;
    padding: 8px;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: normal;
}
table.type300w .even {
    background: #f9f9f9;
}



/* テーブルデザイン-シンプル-幅340-列2行8 2017/10/29追記 */
table.type340w2 {
    width: 340px;
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    line-height: 1.5;
}
table.type340w2 th {
    width: 110px;
    padding: 8px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: bold;
	text-align: left;
}
table.type340w2 td {
    width: 230px;
    padding: 8px;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: normal;
	text-align: left;
}
table.type340w2 .even {
    background: #f9f9f9;
}



/* テーブルデザイン-シンプル-幅300-列2行8 2017/10/29追記 */
table.type300w2 {
    width: 300px;
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    line-height: 1.5;
}
table.type300w2 th {
    width: 90px;
    padding: 8px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: bold;
	text-align: left;
}
table.type300w2 td {
    width: 210px;
    padding: 8px;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: normal;
	text-align: left;
}
table.type300w2 .even {
    background: #f9f9f9;
}


/* テーブルデザイン-シンプル-幅300-列2行8 2017/11/29追記 */
table.type300w3 {
    width: 300px;
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    line-height: 1.5;
}
table.type300w3 th {
    width: 90px;
    padding: 8px;
    font-weight: bold;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: bold;
	text-align: left;
}
table.type300w3 td {
    width: 210px;
    padding: 8px;
    vertical-align: top;
    border: 1px solid #ccc;
    font-size: 12px;
    background: #ffffff;
    color: #000000;
    font-weight: normal;
	text-align: left;
}
table.type300w3 .even {
    background: #f9f9f9;
}


/* PCは横並び、スマホは縦並び 2017/10/29追記 */
.layout_left{
float:left;
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.layout_right{
float:right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

@media screen and (max-width: 640px) {
.layout_left{
float:none;
width:100%!important;
}

.layout_right{
float:none;
width:100%!important;
}
}


/* PCは横並び、スマホは縦並び floatなし 2017/11/29追記 */
.layout_left2{
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.layout_right2{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

@media screen and (max-width: 640px) {
	.layout_left2{
    margin: 16px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.layout_right2{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}
}



/* TOCデザイン変更 2017/06/21追記 */
#toc_container {
	display: block !important;
	width: 100% !important;
	background: #f9f9f9;
	border: 1px solid #a9a9a9;
	font-size: 95%;
	box-sizing: border-box;
	line-height: 1.4;
	margin: 15px auto;
	padding: 0px 20px 5px 0px;
}

#toc_container .toc_title {
    display: inline-block;
    top: -1px;
    left: -1px;
    margin: 0px 0px 10px 0px;
    padding: 1px 10px 0px 10px;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
	text-align: left;
	border-bottom: 0px solid #a9a9a9;
    font-size: 15px;
    background: #a9a9a9;
    color: #ffffff;
    font-weight: bold;
	font-size: 90%;
}

#toc_container ul {
    margin: 0px 0px 5px 25px;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

#toc_container ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: 0;
}

#toc_container ul a {
	display: block;
	text-decoration: none;
	border-bottom: 0px dotted #cccccc;
	font-size: 90%;
}

#toc_container .toc_list > li > a {
	border-bottom: 0px solid #cccccc;
	font-size: 100%;
}

#toc_container ul ul {
    margin: 1px 0px 0px 0px;
    padding: 0em 0em 0em 1em;
}

#toc_container li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


/* header ブログタイトル右側広告---------------------------- 20171120追記 */
.ad-header-widget {
  position: absolute;
  right: 220px;
  width: 500px;
  height: 62px;
  top: 15px;
}
@media screen and (max-width: 1120px){
.ad-header-widget {
	display:none;}
}



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