@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
	line-height: 1.4;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 16px;
}

ol, ul {
    margin: 1em 0;
    padding-left: 10px;
	list-style-type: none;
}

.sidebar h3 {
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
    margin: 14px 0;
    border-radius: 5px;
}

.navi-in a {
	font-size: 16px;
}

.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
	font-size: 14px;
}

.entry-card-title, .related-entry-card-title {
	font-size: 16px;
	color: #2279bb;
}

.entry-header .entry-title {
	color: ivory;
	background: #075d96;	/* 見出し背景 */
	border-left: 5px solid orange;
	border-bottom: 3px solid orange;
	padding: 4px;
}

.entry-title, .archive-title {	/* 記事タイトル */
	font-size: 20px;
	margin: 16px 0;
}

.entry-content p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.article h2 {
	font-size: 16px;
	margin: 1em 0 1em;
}

.article h3 {
	font-size: 16px;
}

.article h4 {
	font-size: 16px;
}

.article h5 {
	font-size: 16px;
}

.article h6 {
	font-size: 16px;
}

.pagination .current {
	background-color: #aaa;
}

/**********/
.header-category {		/* カテゴリー */
	margin-top: 4px;
	color: white;		/* フォルダアイコンの色（背景と同じにする） */
	background: white;
	text-align: right;	/* 表示位置 */
	padding: 4px;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
}

.header-category a {
	line-height: 3em;
	color: ivory;		/* カテゴリー名の色 */
	background: #266294;	/* カテゴリーの背景色 */
	font-size: 10px;
	padding: 8px;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
}

/* 関連記事 */
#related-entries h2 {
	font-size: 16px;
	margin-bottom: 4px;
}

.related-entry {
  line-height:150%;
  margin-bottom:10px;
  margin-right:10px;
  clear: both;
/*  overflow: auto;
  zoom: 1;*/
	border: 1px solid #25B2C1;	/* 枠の色 */
}

/*color*/
.colorName {
    color: blue;
}

.colorBuil {
    color: #ff00cc;
}

.colorRemark{
    color: #003300;
}

.colorRed{
    color: red;
}

.colorYellow{
    color: yellow;
}

.colorWhite{
    color: white;
}

.colorBlack{
}

.bgcolorGold {
    background-color: gold;
}

.bgcolorSilver {
    background-color: silver;
}

.bgcolorYG {
    background-color: yellowgreen;
}

.bgcolorRemark,
.bgcolorRemark tr:nth-of-type(2n+1) {
    background-color: #eee8aa;
}

.bgcolorRed {
    background-color: red;
}

.bgcolorBlack {
    background-color: black;
}

.bgcolorOrange {
    background-color: #ffd700;
}

.bgcolorBlue {
    background-color: blue;
}

.bgcolorWhite {
    background-color: white;
}

.bgcolorWater {
    background-color: #77daff;
}

.bgcolorPink {
    background-color: #ffaaaa;
}

.bgcolorMnblue {
    background-color: midnightblue;
}

.links li a {
    vertical-align:bottom;
}

/* 見出し角丸囲み */
.article .rs-violet {
	background: #7c6cfc;
	color: #eee;
	padding: 10px 20px;
	border-radius: 6px;
}

.article .roundsquare {
	background: #222;
	color: #eee;
	padding: 10px 20px;
	border-radius: 6px;
}

.underPink {
	color: #ff00cc;
	text-decoration: underline;
}

.underRed {
	color: red;
	text-decoration: underline;
}

.red-under {
    border-bottom: 2px solid red;
}

.markerYellow {
  background: linear-gradient(transparent 0, yellow 0);
}

.markerPink {
  background: linear-gradient(transparent 0, #ff00cc 0);
}

.markerGreen {
  background: linear-gradient(transparent 0, #8effa1 0);
}

/**ブログカードデザイン***/
.blogcard {
	padding: 1rem;
	color: #222;
	position: relative;
	border-color: #4169E1 !important; /* 枠線の色を変更 */
}

a.blogcard-wrap:hover{
	background-color: transparent!important;
	opacity: 0.8;
}

a.blogcard-wrap:hover img.blogcard-thumb-image{
	transform: scale(1.1);
	transition: .3s;
}

.blogcard-thumbnail {
	line-height: 0;
	margin-right: 1rem;
	overflow: hidden;
}

.blogcard-title{
	margin-bottom: .5rem;
}

.blogcard-snipet{
	font-size: 70%;
	line-height: 1.7;
	padding-right: 10%;
}

@media screen and (max-width: 480px){
	.blogcard-thumbnail{
		width: 40%;
	}
	.blogcard-snipet{
		display: none;
	}
}

.internal-blogcard-footer{
	display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}

/*
.blogcard::before{
	content: 'check';
	position: absolute;
	top: -.8rem;
	left: auto;
	font-size: 50%;
	background-color: #4169E1;
	padding: .6em 1em;
	font-weight: bold;
	color: #fff;
	border-radius: 2px;
} */

.internal-blogcard::after{
	content: '続きを読む \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #4169E1; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #fff; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}

/*widget ranking*/
.widget-entry-card .card-title {
	font-size: 12px;
}

#popular_entries-2 h3::before {
	font: normal normal normal 14px/1 FontAwesome;
	content: '';
}

/*popup image*/
.lity {
	background-color:rgba(200,200,200,0.8);
	background-blend-mode:lighten;
}


#the-content > p.jprimg {
	padding: 4px;
    border: 3px solid black;
}

#the-content > p > img.jprimg, 
#the-content > p > a > img.jprimg {
    border: 3px solid black;
}

/************************************
** テーブル（Table）
************************************/
.entry-content table > tbody > tr > td {
	border: solid 1px #111;
	padding-left: 4px;
	padding-right: 4px;
}

.scrollable-table > table > tbody > tr >  td {
	border: solid 1px #111;
	padding-left: 4px;
	padding-right: 4px;
	white-space: nowrap;
}

/*商品紹介Box*/
.new-box {
	clear: both;
	display: table;
	border-bottom: 2px solid #25B2C1;
	padding: 6px;
	overflow: hidden;
	margin-bottom: 4px;
}

.new-box2 {
	border: 2px solid #25B2C1;
}

.new-box-left {
    display: table-cell;
}

.new-box-right {
    display: table-cell;
    vertical-align: top;
}

.new-box .cover {
	width: 200px;
	margin-left: 0px;
}

.new-box .cover img {
	height: auto;
	margin-bottom: 0.0em;
}

.new-box .title {
	font-size: 1.0em;
	margin-bottom: 0.5em;
	font-weight: bold;
	line-height: 1.5em;
}

.new-box .name {
	font-size: 1.0em;
	line-height: 1.3em;
	border-left: 5px solid #F90;
	padding-left: 0.5em;
	margin-bottom: 1em;
}

.new-box .read {
	font-size: 1.0em;
	font-weight: bold;
	color: #09C;
	margin-bottom: 0.5em;
}

.new-box .text {
	font-size: 1.0em;
	line-height: 1.5em;
	margin-bottom: 1em;
}

.new-box .text p {
	margin-bottom: 0.5em;
}

/* amazon ストアで見るボタンetc */
p.amazon-link a{
	background: #8B4513;
	color: white;
	font-size: 14px;
	padding: 4px 15px 4px;
	border-radius: 5px;
	border-bottom: 3px solid gold;
	margin-top: 10px;
	text-align: center;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

p.amazon-link a:hover {
	color: gold;
}

/*a8net beacon*/
.a8-img {
	display:none;
}

.blank-box{
	margin-left: 0px;
}

.fa-external-link-alt::before {
    content: "";
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){  /*必要ならばここにコードを書く*/
	/* 携帯用商品紹介Box */
	.new-box {
		clear: both;
		border: 5px solid #25B2C1;
		padding: 6px;
		overflow: hidden;
		margin-bottom: 4px;
	}
	.new-box-left {
		float: left;
	}
	.new-box-right {
		float: right;
	}	/* 携帯用商品紹介Box end */
}