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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*アンカー*/
a {
  color: #043c78;
  word-wrap: break-word;
}

a:hover {
  color: #C03;
}

/*日付表示*/
.post-meta{
	font-size: 10px;
	padding: 0px;
	line-height: 100%;
}

/*サイドバーの見出し
#sidebar h3{
	text-align:left;
	line-height: 24px;
	font-size: 18px;
	padding: 2px 10px;
	border-bottom:5px solid #043c78;
}*/

/*サイドバーの文字
#sidebar a{
	font-size: 14px;
	color: #043c78;
	text-decoration: none;
	color: #2098A8;
}*/

/*サイドバー新着記事のレイアウト
#sidebar #new_entries-5 li {
    margin-left: 14px; 	
    margin-bottom: 0px; 	
}*/

/*サイドバー新着記事の画像レイアウト
#sidebar #new_entries-5 .new-entrys .new-entry img {
    width: 50px; 	
    height: 50px; 	
    margin-right: 10px; 	
}*/

/*サイドバー人気記事のレイアウト
#sidebar #popular_ranking-4 li {
    margin-left: 14px; 	
    margin-bottom: 0px; 	
}*/

/*サイドバー人気記事の画像レイアウト
#sidebar #popular_ranking-4 .wpp-list li img {
    width: 50px; 	
    height: 50px; 	
    margin-right: 10px; 	
}*/

/*サイドバーカテゴリーのレイアウト
#sidebar #categories-2 ul li .children {
    margin-left: 0px; 	
}
/*

#sidebar #categories-2 ul li {
    margin-left: 0px; 	
    margin-bottom: 0px; 	
	line-height: 25px;
}

*/
.card-thumb img {
    height:auto;
	width:auto;
	max-height:100px;
	max-width:100%;
}

/*第一カテゴリ同士の間隔を少し広く*/
#sidebar #categories-2 > ul > li {
    margin-bottom: 20px; 	
}

/*カテゴリ全体を左に*/
#sidebar #categories-2 ul {
    margin-left: -3px;
}

/*アーカイブ全体を左に*/
#sidebar #archives-2 ul {
    margin-left: -3px;
}

/*人気記事の文字*/
.popular-posts li{
	clear: both;
	margin: 0px;
	padding: 5px 0 5px 0;
}

.article table{
    /*table-layout: fixed;*/
	max-width: auto;
}

/*見出しの設定*/
div#breadcrumb div {
  display: none;
}

/*見出しの設定*/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#333;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:20px;
}

.article h1 {
  margin-top:0px;
  margin-bottom:0px;
  font-size: 30px;
  line-height:130%;
}

#site-title{
  padding-bottom:5px;
  padding-top:10px;
  font-size:26px;
  line-height:120%;
}

.article h2{
  border-bottom: 1px dashed #043c78;
  border-left: 10px solid #043c78;
  margin:60px 0px 30px -15px;
  padding: 7px;
  font-size:22px;
  line-height:150%;
}

.article h3{
  font-size:18px;
  border-left: 8px solid #043c78;
  border-bottom: none;
  padding: 5px;
  line-height:150%;
}

.article h4, .article h5, .article h6{
  font-size:16px;
  padding:8px 0;
}

.article  h4{
  border-bottom:5px dashed #eee;
}

.article p{
  font-size:16px;
  padding:10px 0;
}

.entry-content{
  margin-bottom: 60px;
}

div.TableCode {
	white-space: nowrap;
	overflow-x:auto;
	overflow-y:auto;
	max-width: 100%;
	height: 100%;
	max-height: 600px;
	background: #ffffff;
	/*border: 1px solid #ffffff;*/
	padding: 0px;
	margin: 0px;
	font-size: 12px;
  	line-height:180%;
	text-align: center;
}

/*div.TableCode2 {
	white-space: nowrap;
	overflow-x:auto;
	overflow-y:auto;
	width: 100%;
	max-width: 260px;
	height: 100%;
	max-height: 300px;
	background: #ffffff;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
  	line-height:180%;
	text-align: center;
}*/

div.AffiTable0 {
	/*品名文字*/
	vertical-align: middle;
	/*horizontal-align: middle;*/
	width:auto;
	height:auto;
	font-size:22px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	margin-left:5px;
	margin-bottom:10px;
    margin-top: 0px;
	/*background: #043c78;/*ボタン色*/
    color: #043c78;	
    border-bottom: 2px dashed #043c78;
    border-left: 5px solid #043c78;
}

div.AffiTable1 {
	display: table;
	max-height: 320px;
	padding: 0px;
	margin: 0px 0px 30px 0px;
	text-align: center;
}

div.AffiTable25 {
	/*amazon-楽天-Yahoo画像部分*/
	/*display: none;*/
	white-space: nowrap;
	overflow-x:auto;
	overflow-y:auto;
	width: 100%;
	max-width: 500px;
	height: 100%;
	max-height: 430px;
	background: #ffffff;
	padding: 0px;
	margin: 0px;
  	line-height:140%;
	text-align: center;
}

div.AffiTable25 table tr{
	/*amazon-楽天-Yahoo書き出しデータ*/
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
}

div.AffiTable25 table th{
	/*amazon-楽天-Yahoo書き出しデータ*/
	background-color: #ffffff;
	font-size: 12px;
	color: #000000;
}

div.AffiTable25 table tr td a{
	/*amazon-楽天-Yahoo書き出しデータリンク範囲*/
    display:block;
    width:100%;
	height:100%;
}

div.AffiTable25 table tr td a:hover{
	/*amazon-楽天-Yahoo書き出しデータリンク範囲*/
	background-color: #f5f5f5;
}

div.AffiTablelinkbutton {
	/*通販サイトの検索*/
	/*うまくいけばAffiTable3AffiTable4使わない*/
	display: table-cell;
	vertical-align: top;
	text-align: left;
	font-size: 14px;
	width:auto;
	height:auto;
	font-weight:bold;
	padding-top:10px;
	padding-left:20px;
	/*margin-left:0px;
	margin-top:-40px;*/
	line-height:28px;
	/*background: #000000;*/
}

span.amazonbutton {
    display: inline-block;
    width:130px;
    height:50px;
	text-decoration: none;
    background: #f5f5f5;/*ボタン色*/
    color: #ff0000;
    border-bottom: solid 2px #696969;
    border-radius: 3px;
	/*margin-top: 10px;*/
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 10px;
}
span.amazonbutton a{
    color: #ffa500;
	text-decoration:none;
	padding:15px 40px 15px 35px;
	margin-left:-35px;
	vertical-align : 5px;
}
span.amazonbutton:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

span.rakutenbutton {
    display: inline-block;
    width:130px;
    height:50px;
	text-decoration: none;
    background: #f5f5f5;/*ボタン色*/
    color: #ff0000;
    border-bottom: solid 2px #696969;
    border-radius: 3px;
	/*margin-top: 10px;*/
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 10px;
}
span.rakutenbutton a{
    color: #ff0000;
	text-decoration:none;
	padding:15px 40px 15px 35px;
	margin-left:-35px;
	vertical-align : 5px;
}
span.rakutenbutton:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

span.kenkocombutton {
    display: inline-block;
    width:130px;
    height:50px;
	text-decoration: none;
    background: #f5f5f5;/*ボタン色*/
    border-bottom: solid 2px #696969;
    border-radius: 3px;
	/*margin-top: 10px;*/
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 8px;
}
span.kenkocombutton a{
    color: #ee7800;
	text-decoration:none;
	padding:15px 10px 15px 35px;
	margin-left:-35px;
	vertical-align : 5px;
}
span.kenkocombutton:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

span.yahoobutton {
    display: inline-block;
    width:130px;
    height:50px;
	text-decoration: none;
    background: #f5f5f5;/*ボタン色*/
    border-bottom: solid 2px #696969;
    border-radius: 3px;
	/*margin-top: 10px;*/
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 8px;
}
span.yahoobutton a{
    color: #ff0000;
	text-decoration:none;
	padding:15px 50px 15px 35px;
	margin-left:-35px;
	vertical-align : 5px;
}
span.yahoobutton:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

span.lohacobutton {
    display: inline-block;
    width:130px;
    height:50px;
	text-decoration: none;
    background: #f5f5f5;/*ボタン色*/
    border-bottom: solid 2px #696969;
    border-radius: 3px;
	/*margin-top: 10px;*/
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 8px;
}
span.lohacobutton a{
    color: #f6b483;
	text-decoration:none;
	padding:15px 34px 15px 35px;
	margin-left:-35px;
	vertical-align : 5px;
}
span.lohacobutton:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

span.matsukiyobutton {
    display: inline-block;
    width:130px;
    height:50px;
	text-decoration: none;
    background: #f5f5f5;/*ボタン色*/
    border-bottom: solid 2px #696969;
    border-radius: 3px;
	/*margin-top: 10px;*/
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 8px;
}
span.matsukiyobutton a{
    color: #0000ff;
	text-decoration:none;
	padding:15px 40px 15px 35px;
	margin-left:-35px;
	vertical-align : 5px;
}
span.matsukiyobutton:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

span.sevenbutton {
    display: inline-block;
    width:130px;
    height:50px;
	text-decoration: none;
    background: #f5f5f5;/*ボタン色*/
    border-bottom: solid 2px #696969;
    border-radius: 3px;
	/*margin-top: 10px;*/
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 8px;
}
span.sevenbutton a{
    color: #000000;
	text-decoration:none;
	padding:15px 10px 15px 35px;
	margin-left:-35px;
	vertical-align : 5px;
}
span.sevenbutton:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

span.A8button {
    display: inline-block;
	text-align:center;
    width:350px;
	text-decoration: none;
    background: #f5f5f5;/*ボタン色*/
    border-bottom: solid 2px #696969;
    border-radius: 10px;
	/*margin-top: 10px;*/
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 8px;
}

span.A8button a{
    color: #000000;
	text-decoration:none;
	padding:12px 25px 9px 35px;
	margin-left:-35px;
	vertical-align : 5px;
}
span.A8button:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

span.ValueCommercebutton {
    display: inline-block;
	text-align:center;
    width:350px;
	text-decoration: none;
    background: #f5f5f5;/*ボタン色*/
    border-bottom: solid 2px #696969;
    border-radius: 10px;
	/*margin-top: 10px;*/
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 8px;
}

span.ValueCommercebutton a{
    color: #000000;
	text-decoration:none;
	padding:12px 25px 9px 35px;
	margin-left:-35px;
	vertical-align : 5px;
}

span.ValueCommercebutton:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}


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

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

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