@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*フッター下余白*/
#ps_caff{display:none;}

.eye-catch{
	 max-width:780px;
	   }

/*親要素*/
.amazon-item-box{
	margin: 0 auto;
	width:95%;
	height:215px;
	font-weight:bold;
	border:none;
	background-color:#FEFAF5;
	position:relative;
	}

/*子要素*/
.amazon-item-thumb{
	position:absolute;
	left:70px;
	}
/*孫要素*/
.amazon-item-content{
	position:absolute;
	padding-top:10px;
	left:240px;
		}

.amazon-item-title{
	width:450px;
	display:inline-block;
	/*折り返し文字を左揃えにする*/
	}

/*発売日*/
.product-item-description{
	color:#6d4845;
	margin-top:2.3em;
	}

/*インデックスタイトル大きさ*/
.entry-card-title {
	font-size: 20px;
} 

/*記事タイトル*/
.article h1{
    font-size: 22px;
	margin-top:-10px;
	margin-bottom: 50px;
}
/*サイドバー見出しの背景色*/
.sidebar h3{
	color:#fff;
	background-color:#6D4845;/*好きな背景色にする*/
	padding:16px 15px;
	font-size:20px;
}
/*見出し編集*/
.article h2{ 
	font-size: 22px;
	color:#00426F;
	padding: 0.7em 0.7em;
	border-left: 12px solid #0099ff;
	background-color:#B9E3FF;
} 

.article h4{ 
	font-size: 20px;
	padding:0.4em 1em; 
    border-top: 3px solid #FAE2C5;
    border-bottom: 3px solid #FAE2C5;
	background:#FEF7ED;
} 

/*h5線*/
.article h5{ 
	font-size: 22px;
	font-weight:bold;
    color:#002742;
	padding:0.2em 0.8em; 
    border-bottom: 3px solid #B9E3FF;
} 

/*ブログカードデザイン*/
.blogcard-title{
	color: #0980E1;
	font-size: 22px;
 line-height: 150%;
 font-weight:bold;
}

/*
横並び
.con{
	width:780px;
	margin-top:60px;
	margin-bottom:60px;
	}

ボタン下つきのため
.column-right{
	display: flex;
	flex-direction: column;
}

.shita{
	margin-top:auto;
	margin-bottom:0px;
	margin-left:1.5em;
	display: flex;
	align-items: flex-start;
}

本棚正方形
.column-lefts img{
	width:250px;
	height:250px;
	display: block;
	margin:0 auto;
max-width: 280px;
}
*/
.product-item-buttons{
margin-left:120px;
}
.product-item-buttons a:link{
	color:#ffffff;
}

.product-item-maker{
	display:none;
}
 
.desc{
	font-size:16px;
	line-height:2em;
	margin-left:2em;
	}

/*ヘッダーロゴ左寄せ*/
.logo{
	text-align:left;
}

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

/*IE11で必要*/
.con{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.column-left img{
	width:200px;
	height:293px;
	margin:0 auto;
	display:block;
}

.column-right{
	padding:0 6px 0 10px;
	width:60%;
}
/*マーカー太さ*/
.marker-under { /*黄色アンダーラインマーカー*/
 background: linear-gradient(transparent 60%, #FAF1B1 60%);
}

.marker-under-blue { /*青色アンダーラインマーカー*/
 background: linear-gradient(transparent 70%,#A3E2E1 70%);
}

.marker-under-red { /*赤色アンダーラインマーカー*/
 background: linear-gradient(transparent 80%, #edccf0 80%);
}

/*目次カスタマイズ*/
.toc{
	margin-top:-20px;
padding: 2px;
border: solid 1.5px #6D4845;/*全体の枠線の色*/
min-width:90%; /*目次横幅*/
border-radius: 6px;
}

.toc-title {
padding:0px 0; /**位置(上下)**/
background: #6D4845; /**背景色**/
color: #fff; /**文字色**/
font-weight: bold; /**太字*/
}

/*目次リンク文字*/
.toc a:link{
	color:#6D4845;
	margin-left:15px;
	font-weight:bold;
	} 
.toc-content ol li{
	margin-left:30px;
}
/**********************
コピー防止
***********************/
.entry-content {
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
}

/*iPad用の設定*/
@media (max-width: 1020px) and (min-width: 768px) {
}
/*スマホの編集*/
@media screen and (max-width: 767px){
	
	.adsdisplay{
		min-height: auto;
	}	
	
.toc{
		display: none;
	}
/*タイトル上下の余白*/
.article h1 {
  margin-top: -25px;
  margin-bottom: 0px;	
}	
	
.amazon-item-box{
	margin: 0 auto;
	width:100%;
	height:155px;
	font-weight:bold;
	border:none;
	background-color:#FEFAF5;
	}
	
/*親要素*/	
.amazon-item-thumb{
	position:relative;
	left:20px;
}
	
/*子要素*/
.amazon-item-content{
	position:absolute;
	top:20px;
	left:140px;
	}
	
.amazon-item-title{
	font-size:16px;
	max-width:160px;
	line-height:1.2em;
	/*折り返し文字を左揃えにする*/
	display:inline-block;
	text-align:left;
	}
	
/*発売日*/
.product-item-description{
	font-size:12px;
	top:24px;
	color:#6d4845;
	text-align:left;
	}

.article h1{
	font-size: 16px;
}
.article h2,.article h3,.article h4{ 
	font-size: 14px;
} 

/*h5線*/
.article h5{ 
	font-size: 16px;
	font-weight:bold;
    color:#002742;
	padding:0.2em 0.8em; 
    border-bottom: 3px solid #B9E3FF;
}
	
/*ブログカードデザイン*/
.blogcard-title{
	color: #0980E1;
	font-size: 18px;
 line-height: 130%;
 font-weight:bold;
}	
/*タイトルcss*/
.entry-card-title {
	font-size: 18px;
	color: #054F8B;
}
.title{	font-size: 14px;
	}	
	
.desc{
	font-size:12px;
}
	
}

/*スマホ編集終わり*************************/