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

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

/* ヘッダーの余白削除 */

.logo, .logo-header, .logo-image {
    padding:0px;
}


/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}


.entry-card-title {　
  padding: 1.0rem 0;
    margin: 0.4 0rem;
    border-top: 2px solid #353535;
    border-bottom: 2px solid #353535;
    color: #353535;
    font-weight: bold;
    font-size: 18px;
}


.article h1 {
    padding: 0.5rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 6px double white;
    color: black;
    font-weight: bold;
    font-size: 26px;
}

.entry-content h2 {
  font-size: 20px !important;/*文字のサイズ*/
  border-top: 2px solid #323232;/*上線*/
  border-bottom: 2px solid #323232;/*下線*/
  color: #323232;
  padding: .8em 0;
  margin-bottom: 15px;
}

.entry-content h3 {
background: linear-gradient(transparent 80%, gray 20%);
  display: inline;
}


.entry-content h4 {
	position: relative;
	padding-left: 35px;
}

.entry-content h4:before{
	position: absolute;
	content: ".cp_h1title {
position: relative;
padding-left: 35px;
}
.entry-content h4:before{
position: absolute;
content: "\002713";
background: #1E88E5;
color: #fff;
font-size: .7em;
top: 50%;
left: 0;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
text-align: center;
border-radius: 50%;
transform: translateY(-50%);
}
.entry-content h4:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0.9em;
height: 0;
width: 0;
border-style: solid;
border-width: 6px 0 6px 10.4px;
border-color: transparent transparent transparent #1E88E5;
transform: translateY(-50%);
}2713";
	background: #1E88E5;
	color: #fff;
	font-size: .7em;
	top: 50%;
	left: 0;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	border-radius: 50%;
	transform: translateY(-50%);
}
.entry-content h4:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0.9em;
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 6px 0 6px 10.4px;
	border-color: transparent transparent transparent #1E88E5;
	transform: translateY(-50%);
}





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

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

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




/************************************
** 楽天商品表示ページ用
************************************/
.item-box {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  border: solid 1px #ddd;
  background-color: #fff;
  margin-bottom: 5px;
  padding-top: 4px;
}
.item-link {
 text-decoration: none;
}
.item-box .items-img-wp {
  width: 20%;
  flex-direction: row;
  padding: 6px;
  text-align:center;  
}
.item-box .items-right-wp {
  width: 80%;
  flex-direction: row;
  padding-right: 12px;
}
.item-box .items-right-wp .items-name-wp {
  width: 100%;
font-size: 18px;
  font-weight: bold;
  text-decoration: none !important;
}
.item-box .items-right-wp .items-detail-wp {
  width: 100%;
  font-size: 13px;
  color: #333;
}
.item-box .items-right-wp .items-price-wp {
  width: 100%;
  font-size: 20px;
  color: #444;
  font-weight: bold;
}
.rakuten-search-btn{
  width: 100%;
  height: 30px;
  margin-top: 15px !important;
  font-size: 14px;
  line-height: 20px;
  padding: 0 !important;
  color: #555;
}
#rakuten-search {
  font-size: 14px;
}
#rakuten-search input,
#rakuten-search select {
  margin-bottom: 5px;
  font-size: 13px;
  color: #666;
}
.genre-font,
.sort-font {
  font-size: 13px;
}
.id-copy-btn {
  padding: 10px 30px;
  margin-bottom: 3px;
  margin-top: 10px;
  background-color: #575758;
  border-style: none;
  color: #fff;
  line-height: 16px;
}
.id-copy-btn:hover {
  opacity: 0.8;
}
.item-code-label {
  display: inline-block;
  width:300px;
  margin-bottom: 5px;
}

/************************************
** カテゴリを開閉式に
************************************/


.widget_categories ul li {
    color: #404040;
    border-left: solid 2px #77ffaa;
}

.widget_categories ul li ul li{
    color: #404040;
    border-left: solid 10px #eeeeff;
}

.widget_categories ul li ul {
    display:none;
}

.widget_categories ul li:hover ul {
    display:block;
}


//WebPのアップロードを許可
function add_upload_mines($mines) {
  $mines['webp'] = 'image/webp';
  return $mines;
}
add_filter('mime_types', 'add_upload_mines');


//メディア画面のWebPサムネイルを表示する
function enable_webp_thumbnail ($result, $path) {
  if ($result === true) return $result;
  //ファイルがWebPかどうか判定する
  $info = getimagesize($path);
  if ($info[2] === IMAGETYPE_WEBP) {
    $result = true;
  }
  return $result;
}
add_filter('file_is_displayable_image', 'enable_webp_thumbnail', 10, 2);