/*
Theme Name:  Blocksy Child
Theme URI:   http://example.com/blocksy-child/
Description: Child theme for Blocksy
Author:      Hanjoy!
Author URI:  http://hanjoy.site/
Template:    blocksy
Version:     1.0.0
*/

/* Header */
[data-header*="type-1"] .ct-header [data-row*="middle"] { background-color:#F08842 !important; }
[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a { color:#FFF; }
.btn_contact a {background-color:#FFF; color:#f08842; font-weight:bold; padding: 0.8em 1.2em; border-radius: 50px; transition: letter-spacing 0.3s; display: flex;}
.btn_contact a:hover {background-color:#000; color:#FFF; letter-spacing: 0.1em; }
.btn_contact a::before {
  width: 0; /* 初期表示は表示しないようにする */
  height: 0;
  content: "";
	-webkit-mask: url("http://hanjoy.site/wp-content/uploads/2025/08/suzu-bell.svg");
	 mask: url("http://hanjoy.site/wp-content/uploads/2025/08/suzu-bell.svg");
  	-webkit-mask-size: cover;
  	mask-size: cover;
  	display: inline-block;
    background-color: #FFF; /* テキスト色 */
	transition: 0.3s;
}
.btn_contact a:hover::before {
  	height: 1.3em;
  	width: 1.3em;
  margin-right: 1em;
  background-color: #FFF !important;
}
@keyframes btn_contact a:hover::before {
  0%   { transform: translate(0%, 0%); }
  5%   { transform: translate(10%, 0%) rotate(10deg); }
  25%  { transform: translate(20%, 0%) rotate(20deg); }
  30%  { transform: translate(-10%, 0%) rotate(-10deg); }
  35%  { transform: translate(-15%, 0%) rotate(-15deg); }
  45%  { transform: translate(10%, 0%) rotate(10deg); }
  50%  { transform: translate(15%, 0%) rotate(15deg); }
  60%  { transform: translate(-5%, 0%) rotate(-5deg); }
  65%  { transform: translate(-7%, 0%) rotate(-7deg); }
  75%  { transform: translate(0%, 0%) rotate(0deg); }
  100% { transform: translate(0%, 0%) rotate(0deg); }
}

[data-header*="type-1"] .ct-header [data-transparent-row="yes"] [data-id="menu"] > ul > li > a { --theme-link-initial-color: rgba(255, 255, 255, 1) !important;}
nav[class*=menu] li:hover>.ct-menu-link, nav[class*=menu] li:hover>.ct-sub-menu-parent { color:#f5cdb1 !important;}
[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu li a:visited { color:#FFF !important; }
.ct-icon, .ct-icon-container svg { fill: white !important; }

.hero-search form { display: inline; }
.hero-search form input.search-field { width:70%; }
.hero-search form button.search-submit { background-color: #726766; }
.hero-search form button.search-submit:hover { background-color: #000; }

/* Front page tag-cloud */
ul.own_tag_cloud { text-align:center; font-size: 20px; display:flex; list-style-type:none; width:fit-content; margin: 0 auto; }
li.own_tag a { background-color:#FFF; border:solid 1px #9b9595; border-radius:5px; padding: 0.2em 0.5em; margin: 0 0.5em 0.5em 0; }
li.own_tag a:hover { background-color:#9b9595; color: #FFF !important;}

.own_tag,ul.pwcn-cat-list-ul {
    display: flex;
    list-style-type: none;
    width: fit-content;
    margin: 0;
    flex-wrap: wrap; /* 複数行になっても折り返す */
    gap: 0.5em; /* タグ同士の隙間 */
}
ul.pwcn-cat-list-ul { padding:0; }
li.pwcn-cat-list-li a { display:inline-block; }
.tag-cloud-link,li.pwcn-cat-list-li a {
    font-size: 20px !important;	
    background-color: #FFF; /* 背景色 */
    border:solid 1px #9b9595;  /* 枠線 */
    border-radius: 50px; /* 少し角丸に */
    padding:  0.2em 0.8em; /* 内側の余白 */
    text-decoration: none; /* 下線を消す */
    color: #726766; /* テキスト色 */
    transition: background-color 0.3s;
}
/*.tag-cloud-link::before,li.pwcn-cat-list-li a::before{
	content: "";
	-webkit-mask: url("http://hanjoy.site/wp-content/uploads/2025/08/tag-round.svg");
	 mask: url("http://hanjoy.site/wp-content/uploads/2025/08/tag-round.svg");
  	-webkit-mask-size: cover;
  	mask-size: cover;
  	display: inline-block;
    background-color: #726766; 
  	height: 1rem;
  	width: 1rem;
	margin-right: 0.3em;
  	vertical-align: middle;
  }*/
.tag-cloud-link:hover,li.pwcn-cat-list-li a:hover { background-color:#9b9595; color: #FFF; }
/*.tag-cloud-link:hover::before,li.pwcn-cat-list a:hover::before{ background-color:#FFF;}*/

/* .tag-cloud-link.tag-link-11,.tag-cloud-link.tag-link-45,.tag-cloud-link.tag-link-46 { display:none; } */

/* Category archive page */
[data-prefix="categories"] .hero-section[data-type="type-2"], .hero-section { background-color:#FFF !important; background-image:none !important; --container-padding:50px 0px 20px 0; }
body.category h1.page-title,[data-prefix="categories"] .entry-header .page-title { color:#f08842 !important; }
.page-description p { color:#000; }
body.category h1.page-title span.ct-title-label,[data-prefix="categories"] .entry-header .page-title span.ct-title-label { display:none; } /* 「カテゴリー」の文字を消す */

nav.ct-breadcrumbs { background-color:#f08842; padding:0.5em 0.3em; color:#FFF; border-radius: 20px; }
nav.ct-breadcrumbs a { color:#f5cdb1; }

/* single page */
header ul.entry-meta { display:none; }
.hero-section[data-type=type-2]>[class*=ct-container] { padding: var(--container-padding, 0px ) !important; }
[data-prefix="single_blog_post"] .hero-section[data-type="type-2"] { --min-height: 200px; --container-padding: 50px 0; }
article.entry-card li.meta-author { display:none; }
.ct-related-posts-container{ background-color:#f5cdb1 !important; }

 [data-prefix="single_blog_post"] .entry-header .page-title { font-size:36px !important; color:#283235; }

body.single .ct-container-full { padding-top:20px; }

body.wp-singular h2.wp-block-heading { position: relative; padding-left:0.8em; margin-bottom: 1em; letter-spacing: -0.05em; font-size:30px;}
body.wp-singular h2.wp-block-heading::before { background: #f08842; border-radius: 5px; bottom: 0; content: ''; height: 100%; left: 0; margin: auto; position: absolute; top: 0; width: 10px; }
body.wp-singular h3.wp-block-heading { color:#f08842 !important; font-size: 24px;}

#ez-toc-container { background: #FFF; padding:0; border: solid 4px #eda879; width:100%;}
.ez-toc-title-container { background:#eda879; color:#FFF; padding:10px 20px; }

#ez-toc-container .ez-toc-js-icon-con, #ez-toc-container .ez-toc-toggle label, .ez-toc-cssicon { border: 1px solid #FFF;}
.ez-toc-icon-toggle-span svg.list-377408, .ez-toc-icon-toggle-span svg.arrow-unsorted-368013 { fill:#FFF !important; color:#FFF !important; }
#ez-toc-container ul.ez-toc-list-level-1 { margin:20px; }
#ez-toc-container ul.ez-toc-list-level-1 li a,#ez-toc-container ul.ez-toc-list-level-2 li a,#ez-toc-container ul.ez-toc-list-level-3 li a { font-size:120%; padding-bottom:0.5em; } 
.ez-toc-counter nav ul li a::before { color:#e68442 !important; margin-right:0.4em; }

ul.stk-block-icon-list__ul { border:solid 1px #e68442; border-radius:5px; padding: 20px 20px 15px 20px; }
.stk-block-icon-list-item__content { margin-left:20px; margin-bottom:1em; }
.stk-block-icon-list-item__content .stk-block-icon-list-item__text { line-height:1.2; }

.wp-block-separator { --theme-form-field-border-initial-color:#eda879 !important; }

.tag-post-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.tag-post-item {
    display: flex;
    flex-direction: column;
    width: calc(25% - 20px); /* 4列表示 */
    box-sizing: border-box;
}

.tag-post-thumb img {
    width: 100%;
    height: auto;
    display: block;
}

.tag-post-title {
    font-size: 1rem;
    margin: 0.5em 0 0.2em;
}

.tag-post-date {
    font-size: 0.85rem;
    color: #777;
}

/* kotei page */
nav.ct-breadcrumbs { text-align:center !important; }

/* Footer */
#footer h3 { color:#FFF; }
[data-footer*="type-1"] .ct-footer { background-color:#283235 !important; background-image:none;}

#nav_menu-6 h3 { display:none; }
.ct-footer .ct-widget li.menu-item a { color:#FFF !important; } 

/* font-size */
.txt_small { font-size:30%; font-weight:normal; }

.pc_none { display:none; }	

/* スマホ向け調整（例として） */
@media (max-width: 690px) {
  /* スタイル編集 */
.pc_none { display:block; }	
}

/* タブレット向け調整（例として） */
@media (min-width: 691px) and (max-width: 900px) {
  /* スタイル編集 */
}