@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon
Version:    1.1.2
*/

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

body{
	font-feature-settings: "palt";
	letter-spacing:0.1em;
}
.header-container-in.hlt-top-menu .wrap{
display:initial;
}
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header{
	text-align: left;
	float: left;
position: relative;
display: flex;
}
.header-container-in.hlt-top-menu .tagline{
display: inline;
text-align: left;
float: left;
}
.entry-card-meta, .related-entry-card-meta{
	display:none;
}
.pint{
	text-align: center;
	margin-bottom: 1em;
}
.cf{
	clear:both;
}
.widget-entry-cards.card-large-image .e-card {
font-size:14px;}
.logo-header a{margin:0;}
#list{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.video-container .video{
	height:auto;
	overflow: inherit;
}

figure.is-type-video{
	display:inherit;
}

figure.fig-thirty div a div div.blogcard-thumbnail,
figure.fig div a div div.blogcard-thumbnail{
	width: 100%;
    min-height: 205px;
    object-fit: contain;
}
figure.fig-thirty div a div div.blogcard-content,
figure.fig div a div div.blogcard-content{
	    width: 100%;
		margin: auto;
		min-height: auto;
}
figure.fig-thirty div a div div.blogcard-footer
figure.fig div a div div.blogcard-footer{
	display:none;
}

.single-paged-2 .eye-catch-wrap,
.single-paged-3 .eye-catch-wrap {
	display:none;
}
figure.fig-thirty .internal-blogcard::after{
	position: initial!important;
}
.widget-entry-cards.card-large-image figure img {
	border-radius: 10px;
}
/* top edit */
.top-pickup-outer{
	background-color:rgb(46, 45, 45);
	padding: 1em;
}
.top-pickup{
margin: 0 auto;
	margin-bottom:0!important;
}
.top-pickup　.blogcard-snippet{
	color:gray;
}
.top-pickup .blogcard-wrap{
	width:100%;
	background-color: initial;
	color: white;
}
.top-pickup .blogcard {
	padding: 0;
}
.top-pickup-left .blogcard,.top-pickup-right .blogcard{
	background-color: inherit;
	border: none;
}
.top-pickup-left .blogcard-thumbnail{
	width:100%;
}
.top-pickup-left .blogcard-content{
	float: left;
	margin: 1em 0;
}
.top-pickup-left .blogcard-footer,.top-pickup-right .blogcard-footer{
	display:none;
} 
.top-pickup-left .internal-blogcard::after,.top-pickup-right .internal-blogcard::after{
	content:none;
}
.top-pickup .internal-blogcard-title::before{
	content: '記事.';
	font-size: 0.75em;
display: block;
color: rgb(167, 167, 167);
font-weight: normal;
padding-bottom: 0.25em;
}
.top-pickup .top-pickup-right .blogcard-snippet{
	display:none;
	}
.top-pickup .top-pickup-right .blogcard-thumbnail{
	width: 42%;
}
.top-pickup .top-pickup-right .wp-block-embed{
	margin-bottom: 5px;
}
.category-items-search .cat-label,
#archive-item .cat-label{
display:none;
}
/*ウィジェット記事の投稿日、更新日を表示させる*/
.widget-entry-card-date,
.new-entry-card-date,
.popular-entry-card-date{
	display:block;
        text-align: right;/*右寄せ*/
}
.widget-entry-card-date > span:nth-last-of-type(2) {
	display:none;
}
/*日付にアイコン追加*/
.widget-entry-card-post-date::before,
.widget-entry-card-update-date::before{
	font-family: "Font Awesome 5 Free";
	font-weight:800; 
	padding-right: 3px; /*右余白*/
	font-size:10px;
}

/*投稿日アイコン*/
.widget-entry-card-post-date::before{ 
	content: "\f017"; /*fa fa-clock-oアイコン*/
}

/*更新日アイコン*/
.widget-entry-card-update-date::before{ 
	content: "\f1da"; /*fa-historyアイコン*/
}
/* --- */
/* オリジナルボタン設定 */
.grid{
margin-bottom:0px;
}
.grid .title{
display: initial;
font-size:0.75em;
background-color: #d5d5d5ff;
padding: 0.25em;
}
.badge-opt{
margin: 4px;
background-color: white;
color: inherit;
font-size: 1em;
}
.btn-opt{
background-color: inherit;
color: inherit;
border: 2px solid #dfdfdf;
border-radius: 8px;
margin:4px;
}
.btn-opt .mini{
font-size:0.75em;
}

#main #nav_menu-5{
	padding: 0.75em;
	display: grid;
	padding-bottom: 0;
margin-bottom: 0;
}
.home.page .entry-content{
}
#text-5 .main-widget-label{
	border-bottom: 3px solid;
font-size: 22px!important;
	font-weight:bold;
}
#text-5,#text-5 p{
margin-bottom:0;
}
#text-5 p{margin-top:1em;}
#post-90 p{
padding:0.75em;
}
#main ul#menu-total-guide-dkt-01{
margin: 0;
padding: 0;
}
#main #menu-total-guide-dkt-01 li{
width: 48%;
float: left;
background-color: rgb(246, 229, 197);
padding: .5em;
text-align: center;
}
#main #menu-total-guide-dkt-01 li a{
text-decoration:none;
}
#main #menu-total-guide-dkt-01 li a:hover{
	background-color:inherit;
}
#main #menu-total-guide-dkt-01 li:hover{
	background-color: rgb(224, 213, 192);
}
.yotu-videos h3.yotu-video-title{
margin-bottom: 0!important;
font-size: 1em!important;
white-space: break-spaces!important;
display: -webkit-box!important; /* 必須 */
    -webkit-box-orient: vertical!important; /* 必須 */
    -webkit-line-clamp: 3!important; /* 行数を制限 */
    overflow: hidden!important; /* はみ出た部分を非表示 */
border:none!important;
}
.sb_instagram_header h3{border-bottom: none!important;}
/* --- */ 
/* 2カラム設定 */

.new-entry-cards.fp-new-entry-cards,
.popular-entry-cards.fp-popular-entry-cards,
.navi-entry-cards.fp-nav-cards{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}
.fp-new-entry-cards .new-entry-card-link.a-wrap,
.fp-popular-entry-cards .popular-entry-card-link.a-wrap,
.fp-nav-cards .navi-entry-card-link.a-wrap{
    display: inline-block;
    width: 49.5%;
}

.home.page .widget-entry-cards.card-large-image .a-wrap{
max-width:initial;
}
.entry-categories,.entry-categories-tags{display:none!important;}
/* --- */
.home.page #text-7 .article h2.kill-def{
background-color: initial;
color: initial;
font-weight: initial;
font-size: inherit!important;
	margin: auto 0;
color: inherit;
}
.home.page .article h2.kill-def.wp-block-heading{
	background-color: initial;
margin: 0 auto;
font-size: 2em!important;
text-align:center;

}
.wide a{
	width: 80%;
	}

.article h2{
    padding: 0.75em;
	background-color: #444444;
	border-radius: 2px;
	color: white;
}
.page h3,
.article h3{
		background-color: #ffffff;
        color: #545454!important;
	    padding: 12px 0px!important;
}
.page h3 a,
.article h3 a{
	    color: #545454!important;
}
.article h3{
	border-right: none;
	border-left: none;
    border-top: none;
    border-bottom: 3px solid;
    font-size: 22px!important;
    padding: 12px 20px;
    color: white;
}
.yotu-videos .yotu-video h3 {
    color:#5c5c5c!important;
}
.yotu-pagination-top{display:none!important;}
.allow-down a::before{ 
	/* font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: 900; /*アイコンの太さ*/
}
#block-14{margin-bottom:0;
}

.clr-deco a{
	text-decoration:none;
	color: inherit;
}

.category-1 .eye-catch,
.category-3 .eye-catch{
	display:none;
}
.page .widget-entry-card{
	font-size:.9em;
}
.page .navi-entry-cards.half{
	display: flex;
	flex-wrap: wrap;
} 
.page .navi-entry-card-link.half{
	width: 50%;
}
.page .eye-catch{
	display:none;
}

.page h3{
	font-size: 1em;
	border-top: none;
    border-left: none;
    border-right: none;
    color: white;
	    margin: 0.5em 0;
}
.page .mini .card-title{
	font-size: .75em;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.post-template-default #navi .navi-in > .menu-mobile{
	display:none;
}
.btn-red{
	background-color: #ffffff;
    color: #d40000;
}
.btn-deep{
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    overflow: hidden;
    border-radius: 13px;
}
.img-seach{
	background: #eadcc9;
}
#navi .navi-in>ul>li{
	border-left: 2px solid white;
}
p,
.article h2,
.article h3,
.article h4,
.article h5{
	text-align:left;
}
.wp-block-image img {
    margin: 3% 0;
}

.green,
.bold-green{
    color: #287a4b;
}
.pager-links span {
   background-color: #cbcbcb;
	border: none;
}
.pager-links a span{
	background-color: #ededed;
}
.article h4{
	border-top:none;
	background-color: #f1f1f1;
}
.blogcard-footer{
	font-size: .75em;
	padding-top: 0.6%;
	color: #9d9d9d;
}
.internal-blogcard::after{
	    background-color:#ebebeb!important;
}
.blogcard-label{
	top: -8px;
	left: -5px;
	z-index: 10;
}
.tag-link, .comment-reply-link{
	color: #b7b7b7;
	border:none;
}
#sidebar .navi-entry-card-link{
	width: unset;
}
.none{display:none!important;
}
.waku1{
	border: 3px solid #ff9800;
}
.hh1{
	color:red:	
}
.blogcard{
	background-color: #f5f5f5;
}
/* 関連記事 */
.bct-related .blogcard-label{
background-color:#1484c3;
}
/* 参考記事 */
.bct-reference .blogcard-label{
background-color:#1484c3;
}
/* あわせて読みたい */
.bct-together .blogcard-label{
background-color:#c36728;
}
/* youtube flex */
.flex-video {
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-bottom: 67.5%;
    padding-top: 1.5625rem;
    position: relative
}
.bc-brand-color.sns-share .instagram-button, .bc-brand-color.sns-follow .instagram-button{
background: linear-gradient(149deg,rgb(38,54,176) 8%,rgb(204,84,174) 26%,rgb(207,41,148) 40%,rgb(238,44,130) 54%,rgb(251,105,98) 72%,rgb(254,248,76) 100%);
}
/*
CSS記載例
数字部分はスタイルを変えたいタグのID
*/
.wl a,
.wl a:active{
	color:white;
}
.wl a:hover{
	color:#b7b5b5;
}
.tagcloud a[class*="tag-link-10"],
.tagcloud a[class*="tag-link-12"],
.tagcloud a[class*="tag-link-11"],
.tagcloud a[class*="tag-link-7"],
.tagcloud a[class*="tag-link-20"],
.tagcloud a[class*="tag-link-9"],
.tagcloud a[class*="tag-link-19"],
.tagcloud a[class*="tag-link-8"]{
	background:#5d72bd;
	color:#fff;
}

.tagcloud a[class*="tag-link-10"]:hover,
.tagcloud a[class*="tag-link-12"]:hover,
.tagcloud a[class*="tag-link-11"]:hover,
.tagcloud a[class*="tag-link-7"]:hover,
.tagcloud a[class*="tag-link-20"]:hover,
.tagcloud a[class*="tag-link-9"]:hover,
.tagcloud a[class*="tag-link-19"]:hover,
.tagcloud a[class*="tag-link-8"]:hover{
	background:#88daff;
}

.tagcloud a[class*="tag-link-44"],
.tagcloud a[class*="tag-link-64"],
.tagcloud a[class*="tag-link-33"],
.tagcloud a[class*="tag-link-36"],
.tagcloud a[class*="tag-link-65"],
.tagcloud a[class*="tag-link-32"],
.tagcloud a[class*="tag-link-41"]{
	background:#a0b1d2;
	color:#fff;
}

.tagcloud a[class*="tag-link-44"]:hover,
.tagcloud a[class*="tag-link-64"]:hover,
.tagcloud a[class*="tag-link-33"]:hover,
.tagcloud a[class*="tag-link-36"]:hover,
.tagcloud a[class*="tag-link-65"]:hover,
.tagcloud a[class*="tag-link-32"]:hover,
.tagcloud a[class*="tag-link-41"]:hover{
	background:#88daff;
}


.entry-title, .archive-title{
	font-size:18px;
}
.entry-tag-div{
	
}
.item-description.sub-caption{
	display:none;
}
.top-reco-first .a-wrap{
	max-width: 100%!important;
}
/* レコメンドカードレイアウト調整 */
.reco1 .a-wrap {
    width: 33%;
    float: left;
}

/* フロントページ調整 */

.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
display: none;
}


/* 商品検索 #1 一覧ページのレイアウトを調整 */ 

.category-1 .a-wrap,
.blog .a-wrap{
	width: 33%;
	float: left;
}
.category-1 h2.entry-card-title{
		height: 20px;
/* overflow: hidden; */
		display: inline-block;
}
.category-1 .entry-card-snippet, 
.category-1 .related-entry-card-snippet,
.category-1 .post-date,
.blog .post-date{
	display:none;
}
.category-1 .entry-card-thumb,
.blog .entry-card-thumb{
	width:100%;
}
.category-1 .entry-card-content,
.blog .entry-card-content{
	margin-left: inherit;
}
.category-1 .pagination-next,
.blog .pagination-next{
	float: left;
	width: 100%;
}

/*画像にキャプションを重ねる*/
figure {
	position: relative; /*図形やビデオを相対位置関係に指定する*/
	display: inline-block;
}
	figure img {
		vertical-align: top; /*画像の範囲をどこからにするか指定している*/
	}
	figure figcaption {
		position: absolute; /*キャプションを絶対位置として指定できるようにする*/
		right: 0; /*キャプション表示位置を指定する*/
		bottom: 0;
		color: #fff; /*文字の色*/
		background: #777; /*バックグラウンドの色*/
	}
.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{
	font-weight: initial;
	display: inherit;
	text-decoration: underline;
}

.cta-message .google-auto-placed{display:none;}

/*---------------------------------
カテゴリーリスト表示カスタム1
--------------------------------*/
/** サイドカテゴリ開始 **/
.widget_categories ul li a,
.widget_archive ul li a {
    display: block;
    font-size: 85%;
    margin: 0;
    position: relative;
    border-bottom: dotted 1px #CCC;
	text-decoration: none;
}
.widget_categories ul li ul li a::before,
.widget_categories ul li a::before{
 	font-family: "Font Awesome 5 Free";
	color: #557996;
	
	 padding-right: 6px; /*アイコン右側空間*/
  font-size: 18px; /*フォントサイズ*/
}
.widget_categories ul li a::before{ /*親カテゴリーのアイコン設定*/
	content: "\f101";
	font-weight: 900; /*アイコンの太さ*/
}

.widget_categories ul li ul li a::before{ /*子カテゴリーのアイコン*/
   content: "\f105";
	font-weight: 900; /*アイコンの太さ*/
}
.widget_archive ul li a .post-count,
.widget_categories ul li a .post-count {
    float: initial;
    display: initial;
}

.widget_archive ul li a .post-count::after, .widget_categories ul li a .post-count::after {
    content: ')';
}
.widget_archive ul li a .post-count::before, .widget_categories ul li a .post-count::before {
    content: '(';
}

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

#main .disable{
	display:none;
}
.b-img{
	background-size: cover;
	border-radius: 10px;
	background-position: center;
	position: relative;
}
.b-img01{
	background-image:url(https://catalog.design-kitchen.tokyo/wp-content/uploads/2023/08/スクリーンショット-2021-05-05-11.33.54.jpg)
}
.b-img02{
	background-image:url(https://catalog.design-kitchen.tokyo/wp-content/uploads/2021/10/スクリーンショット-2021-10-21-11.24.16.jpg)
}
.b-img03{
	background-image:url(https://catalog.design-kitchen.tokyo/wp-content/uploads/2025/02/225510_416224.jpg)
}
.b-img04{
	background-image:url(https://catalog.design-kitchen.tokyo/wp-content/uploads/2022/06/PXL_20220606_031809727.PORTRAIT-scaled.jpg)
}
.b-img figure.card-thumb img {
    display: none;
}
.b-img .e-card{
color: white;
font-size: 1.2em!important;
font-weight: bold;
padding: 0 10px;
background-color: rgba(0, 0, 0, 0.46);
}
.widget-entry-cards .a-wrap.b-img{
	padding: 8px 0;
}

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


/*834px以上*/
@media screen and (min-width: 834px){
  /*必要ならばここにコードを書く*/
	.entry-card-snippet{
		display:none;
	}
	#main #navi_entries-14{
	display:none;
}
.button-53{
	width:48%;
	margin: 1%;
	float: left;
	height:200px;
	}
}
/*834px以下*/
@media screen and (max-width: 834px){
	.cta-box{
font-size:initial;
	}
.widget-entry-cards.card-large-image .e-card{
font-size:14px;
	}
	
#main #navi_entries-14 .widget-entry-cards.card-large-image .a-wrap{
	width: 49%;
	float: left;
	}
#navi_entries-14 .widget-entry-cards.large-thumb-on .card-content{
font-size:0.75em;
}
	
.container .column-wrap {
	flex-direction: column;
}
	.column-wrap > div{
	width: 100%;
	}
.top-pickup .blogcard-content{
	font-size:inherit;
	}
.top-pickup .blogcard-title{
	font-size:1.25em;
	}
.top-pickup .blogcard-snippet{
	font-size:0.8em;
	padding: 0.5em 0;
}
.top-pickup .top-pickup-right .blogcard-thumbnail{
	width:100%;
	}
.top-pickup .top-pickup-right .blogcard-content{
	width: 100%;
margin: 0;
padding: 1em 0;
	}
.top-pickup .blogcard-content{
	max-height: initial;
	min-height: initial;
	}

	
	.article h3{
		border-left: none;
		font-size:1em;
	}
	.category-1 .a-wrap{
		width:33%;
		min-height: 200px;
		padding: 1%;
	}
	main.main, div.sidebar{
		padding:6px;
	}
	.entry-card-wrap{
		margin-bottom:0;
	}
.home.page .category-1 h2.entry-card-title{
		height: 16px;
	}
	.page .navi-entry-card-link{
		width:100%;
	}
	.tag-link, .comment-reply-link{
		display:none;
	}
	.entry-card-title, .related-entry-card-title{
		/* font-size: 0.8em; */
		font-weight:initial;
}
	
#navi .navi-in>ul>li{
    border: 1px solid white;
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item{
	width:100%!important;
	}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.blocks-gallery-item{
	margin: 1em 0 0!important;
}
	.article h3{
	border-left: none;
	font-size: 1em;
	}
}