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

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

.internal-blogcard-snippet{
    display: none;
}

.tab-caption-box,
.label-box {
	border:none;
}

/***************   見出し   ***************/


/* H2〜H5の装飾を消す */
.article h2 {
   border-bottom: none;
	padding-left: 10px;
}
.article h2::before {
   display: none;
	border-bottom: none;
}
.article h3 {
   background-color: #fff;
}
.article h3::before {
   display: none;
}
.article h4 {
   padding: 10px 14px;
}
.article h4::before {
   display: none;
}
.article h5 {
   border-bottom: none;
}

/* H1 記事タイトル */
.article h1{
font-size:20px;
color: #333333;
line-height: 1.3em;
}

/* H1 記事タイトル スマホ用*/
@media screen and (max-width: 992px) {
    .skin-grayish .article-header .entry-title {
        font-size: 19px;
    }
}

/* H2 */
.article h2 {
	 margin-top: 60px !important;
    margin-bottom: 2em;
    color: #404040;
    border-radius: 0;
    line-height: 20px;
	 background-color: #f5f5f5;
	 font-size:17px;
	 border-left: 8px solid #404040;
	border-bottom: 1px solid #404040;
   padding: .7em .7em;
}

/* 
.article h2::before{

 }
*/

/* H2 スマホ用*/
@media screen and (max-width: 992px) {
    .article h2 {
      font-size: 16.5px !important;
		padding: 0.6em 0 0.6em 0.6em !important;
    }
}


/* H3 */
.article h3 {
	 margin-top: 60px !important;
    margin-bottom: 2em;
    color: #404040;
    border-radius: 0;
    line-height: 15px;
	 background-color: #fff;
	 font-size:16px;
	 border-left: 5px solid #404040;
	 border-bottom: 1px solid #404040;
    padding: .7em .7em;
}

/* 
.article h3::before{

 }
*/

/* H3 スマホ用*/
@media screen and (max-width: 992px) {
    .article h3 {
		font-size:15px;
    }
}
 
/* H4 */
.article h4{
	 margin-top: 60px !important;
    margin-bottom: 2em;
    color: #404040;
    border-radius: 0;
    line-height: 10px;
	 background-color: #fff;
	 font-size:15px;
	 border-bottom: none;
	 border-left: 3px solid #404040;
    padding: .7em .7em;
}

/* 
.article h4::before{

 }
*/

/* H4 スマホ用*/
@media screen and (max-width: 992px) {
    .article h4 {
		padding: 12px !important;
		font-size:14px;
		line-height: 8px;
    }
}

.hokasite::after{
content: none !important; 
}
	
/* H5 */
.article h5{
	 margin-top: 60px !important;
    margin-bottom: 2em;
    color: #404040;
    border-radius: 0;
    line-height: 10px;
	 background-color: #fff;
	 font-size:13.5px;
	 border-bottom: 1px solid #CCC;
	 border-left: 3px solid #404040;
    padding: .7em .7em;
}


/* 
.article h5::before{

 }
*/
 
/* H6 */
.article h6{
	 margin-top: 60px !important;
    margin-bottom: 2em;
    color: #404040;
    border-radius: 0;
    line-height: 10px;
	 background-color: #fff;
	 font-size:12.5px;
	 border-bottom: 1px solid #CCC;
	 border-left: 3px solid #404040;
    padding: .7em .7em;
}

/* 
.article h6::before{

 }
*/

/************************************
****　もしも　かんたんリンク
************************************/

/*かんたんリンク*/
.easyLink-box {
    border: 2px solid #eaeaea !important;
    min-height: 200px;
}
@media screen and (max-width: 480px) {
.easyLink-box {
    margin: 20px auto 0 !important;
    max-width: 280px;
}
}
/*かんたんリンク画像*/
@media screen and (min-width: 481px) {
.easyLink-img {
    width: 180px !important;
    height: auto !important;
    min-height: 160px !important;
    margin: 0 !important;
}
}
@media screen and (max-width: 480px) {
.easyLink-img {
    overflow: hidden !important;
    height: 180px !important;
}
}
.easyLink-img-box {
    position: absolute !important;
    width: 160px !important;
    height: 160px !important;
    top: 50% !important;
    transform: translateY(-50%);
    margin: 0 auto !important;
}
.easyLink-img-box span > img {
    max-width: 160px !important;
    max-height: 160px !important;
    width: auto !important;
}
.easyLink-img-box > a > img {
    width: 30px !important;
    height: 30px !important;
}
@media screen and (max-width: 480px) {
.easyLink-img-box {
    width: 226px !important;
}
}
/*かんたんリンク右側*/
@media screen and (min-width: 481px) {
.easyLink-info {

    width: calc(100% - 180px) !important;
}
}
.easyLink-info-name {
    font-size: 15px !important;
    font-weight: bold !important;
    line-height: 1.5 !important;
}
.easyLink-info-name a {
    color: #197dd2 !important;
}
.easyLink-info-maker, .easyLink-info-model {
    font-size: 13px !important;
    color: #999;
}


.easyLink-info-btn {

}

.easyLink-info-btn a {
	text-align: center !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    width: 60% !important;
    padding: .5em 1em !important;
	margin-left: 20% !important;
}
.easyLink-info-btn-amazon {
    background: #DCBD81 !important;
}/* Amazonで探す*/
.easyLink-info-btn-rakuten {
    background: #DFA092 !important;
}/*楽天で探す*/
.easyLink-info-btn-yahoo {
    background: #96BBBC !important;
}/*Yahooで探す*/


@media screen and (min-width: 704px) {
.easyLink-info-name {
    font-size: 16px !important;
}
.easyLink-info-btn {
    margin: 20px -5px 0 !important;
	text-align: center !important;
}
.easyLink-info-btn a {
    font-size: 13.5px !important;
}
}

/*かんたんリンク大型*/
@media screen and (min-width: 704px) {
.easyLink-box:not(.easyLink-size-s) .easyLink-img {
    width: 260px !important;
    min-height: 240px !important;
}
.easyLink-box:not(.easyLink-size-s) .easyLink-img-box {
    width: 240px !important;
    height: 240px !important;
}
.easyLink-box:not(.easyLink-size-s) .easyLink-img-box span > img {
    max-width: 240px !important;
    max-height: 240px !important;
}
.easyLink-box:not(.easyLink-size-s) .easyLink-info {
    width: calc(100% - 280px) !important;
}
.easyLink-box:not(.easyLink-size-s) .easyLink-info-name {
    font-size: 18px !important;
}
.easyLink-box:not(.easyLink-size-s) .easyLink-info-btn a {
    width: calc(50% - 10px) !important;
    padding: 10px !important;
}
}



/******************
表のデザインを変更
*******************/
/*--- 表全体(table) ---*/
.entry-content table {
    border-bottom: 1px solid #e6e6e6; /* 表の一番下の線 */
    border-top: none;
    border-left: none;
    border-right: none;
}
/*--- ヘッダーセル(th) ---*/
.entry-content th {
    border-radius: 10px 10px 0 0; /* 丸み（※ヘッダーセルが縦の場合は削除）*/
    padding: 0.8em .6em; /* 余白（上下　左右） */
    background-color: #c2e7eb; /* 背景色 */
    color: #fff; /* 文字の色 */
    letter-spacing: 0.1em; /* 文字の間隔 */
    text-align: center; /* 中央揃え */
    border: none; /* 線削除 */
}
/*--- 行（横方向）(tr) ---*/

.entry-content tr:not(:last-child) { /* 最後の行以外に適用 */
    border-bottom: 1px solid #e6e6e6; /* 下線 */
}
/*--- ヘッダーセル以外のセル(td) ---*/
.entry-content td {
    padding: 0.5em 0.5em; /* 余白（上下　左右） */
    border:none; /* 線を削除 */
}
.entry-content td:last-child { /* 最後のセルのみ適用 */
    border-right: 1px solid #e6e6e6; /* 右線 */
}
.entry-content td:not(last-child) { /* 最後のセル以外に適用 */
    border-left: 1px solid #e6e6e6; /* 左線 */
}

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

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

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