@charset "UTF-8";

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

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

pre * {
  	line-height: 1.0;
  	word-wrap: normal;
}

.article table{
  font-size:80%;
}

li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: decimal !important;
}

.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;
}
.card-thumb img {
    height:auto;
	width:auto;
	max-height:100%;
	max-width:100%;
}

div.PythonCode {
	font-weight: 700;
	overflow-y:scroll;
	width: 100%;
	height: 100%;
	max-height: 800px;
	font-size: 70%;
  	line-height:100%;
}

div.GASCode {
	font-weight: 700;
	overflow-y:scroll;
	width: 100%;
	height: 100%;
	max-height: 800px;
	font-size: 70%;
  	line-height:100%;
}

div.VBACode {
	white-space: nowrap;
	overflow-x:scroll;
	overflow-y:scroll;
	width: 100%;
	height: 100%;
	max-height: 800px;
	background: #f9fcff;
	/*border: 1px solid #dfdfdf;*/
	/*padding: 10px;*/
	font-size: 70%;
  	line-height:100%;
}

.VBA_Tab1 {
	margin-left: 40px;
}
.VBA_Tab2 {
	margin-left: 80px;
}
.VBA_Tab3 {
	margin-left: 120px;
}
.VBA_Tab4 {
	margin-left: 160px;
}
.VBA_Tab5 {
	margin-left: 200px;
}
.VBA_Tab6 {
	margin-left: 240px;
}
.VBA_Tab7 {
	margin-left: 280px;
}
.VBA_Comment {
	color: #32cd32;
	margin-left: 20px;
	font-size: 100%;
}
.VBA_Comment2 {
	color: #32cd32;
	margin-left: 40px;
	font-size: 100%;
}
.VBA_Comment0 {
	color: #32cd32;
	margin-left: 0px;
	font-size: 100%;
}

div.AffiTable0 {
	/*全体*/
	vertical-align: middle;
	/*horizontal-align: middle;*/
	width:auto;
	height:auto;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
	margin-top:0px;
	margin-left:5px;
	margin-bottom:10px;
    /*background: #043c78;/*ボタン色*/
    color: #000000;	
    /*border: 1px solid #043c78;*/
    /*border-bottom: 1px solid #043c78;
    border-bottom: 2px dashed #043c78;
    border-left: 5px solid #043c78;*/
}

div.AffiTable0 img {
	position:relative;
	top:2px;
}

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: 500px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

div.AffiTable2 {
	/*画像部分*/
	/*display: none;*/
	/*display: table-cell;*/
	font-size: 12px;
	white-space: nowrap;
	overflow-x:auto;
	overflow-y:auto;
	width: 100%;
	max-width: 400px;
	/*height: 100%;*/
	max-height: 390px;
	background: #ffffff;
	padding: 0px;
	margin: 0px;
  	line-height:140%;
	text-align: center;
}
div.AffiTable2 table tr td a{
	/*amazon-楽天-Yahoo書き出しデータリンク範囲*/
    display:block;
    width:100%;
	height:100%;
}

div.AffiTable2 table tr td a:hover{
	/*amazon-楽天-Yahoo書き出しデータリンク範囲*/
	background-color: #f5f5f5;
}
div.AffiTable3 {
	/*右側全体*/
	display: table-cell;
	vertical-align: top;
	text-align: left;
	font-size: 14px;
	width:auto;
	height:auto;
	font-weight:bold;
	padding-top:10px;
	padding-left:50px;
	/*margin-left:0px;
	margin-top:-40px;*/
	line-height:28px;
	/*background: #000000;*/
}

div.AffiTable4 {
	/*タイトル*/
	vertical-align: top;
	text-align: left;
	font-size: 14px;
	width:auto;
	height:100%;
	margin-bottom: 20px;
	/*font-weight:bold;
	padding-top:10px;
	padding-left:50px;
	margin-left:0px;
	margin-top:-40px;
	line-height:28px;
	background: #000000;*/
}

div.AffiTable5 {
	/*タイトル*/
	display: table-cell;
	vertical-align: top;
	text-align: left;
	font-size: 14px;
	width:auto;
	height:auto;
	/*font-weight:bold;
	padding-top:10px;
	padding-left:50px;
	margin-left:0px;
	margin-top:-40px;
	line-height:28px;
	background: #000000;*/
}

span.icon {
	font-size: 16px;
	margin-left:-20px;
	margin-right:2px;
}
span.icon img {
	position:relative;
	/*top:3px;*/
}
span.shoseki_title {
	font-size: 16px;
}

span.brand {
	font-size: 14px;
	padding-right:20px;
}

span.author {
	font-size: 12px;
}

span.amazonbutton {
    display: inline-block;
	width: 140px;
	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: 8px;
}
span.amazonbutton a{
    color: #ffa500;
	text-decoration:none;
	padding:12px 40px 9px 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.kindlebutton {
    display: inline-block;
	width: 140px;
	text-decoration: none;
    background: #f5f5f5;/*ボタン色*/
    color: #ffa500;
    border-bottom: solid 2px #696969;
    border-radius: 3px;
	/*margin-top: 10px;*/
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 8px;
}
span.kindlebutton a{
    color: #000000;
	text-decoration:none;
	padding:12px 44px 9px 35px;
	margin-left:-35px;
	vertical-align : 5px;
}
span.kindlebutton:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

span.rakutenbutton {
    display: inline-block;
	width: 140px;
	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: 8px;
}
span.rakutenbutton a{
    color: #ff0000;
	text-decoration:none;
	padding:12px 40px 9px 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.kobobutton {
    display: inline-block;
	width: 140px;
	text-decoration: none;
    background: #f5f5f5;/*ボタン色*/
    color: #000000;
    border-bottom: solid 2px #696969;
    border-radius: 3px;
	/*margin-top: 10px;*/
	margin-bottom: 8px;
	padding-left: 10px;
	padding-top: 8px;
}
span.kobobutton a{
    color: #000000;
	text-decoration:none;
	padding:12px 48px 9px 35px;
	margin-left:-35px;
	vertical-align : 5px;
}
span.kobobutton:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

span.yahoobutton {
    display: inline-block;
	width: 140px;
	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:12px 20px 9px 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.sevenbutton {
    display: inline-block;
	width: 140px;
	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:12px 10px 9px 35px;
	margin-left:-35px;
	vertical-align : 5px;
}
span.sevenbutton:active {/*ボタンを押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}

.buttonicon{
	position: relative;
	bottom: 7px;
}

/*カテゴリツリーの文字サイズと間隔修正*/
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
  color: #333;
  padding: 0 0;
  font-size: 16px;
}

/*カテゴリ記事一覧ページの画像修正
.entry-card-content {
 margin-left: 0;
}
.entry-card-thumb {
 width: 180px;
 height: 180px;
}*/

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

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

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

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

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