/*
  Skin Name: 株式会社 吉田工務店 First Theme
  Description: 
  Skin URI: https://ict-yorozu.com/
  Author: 中田勝久 ICTよろず相談所
  Author URI: https://ict-yorozu.com/
  Screenshot URI: 
  Version: 0.0.0
  Priority: 9999000000
*/
:root {
	--cocoon-red-color: #FF0007;
}

.mobile-menu-buttons .menu-button {
	width: 50px;
}
.mobile-header-menu-buttons .navi-menu-caption.menu-caption,
.mobile-header-menu-buttons .custom-menu-caption.menu-caption {
	display: none;
}

.main {
  padding-top: 0;
  padding-bottom: 0;
}
.sidebar {
	padding-top: 0;
  padding-bottom: 0;
}
.breadcrumb.sbp-main-before + .content,
.breadcrumb.pbp-main-before + .content {
  margin-top: 0px;
}

.sidebar h2,
.sidebar h3 {
	padding: 8px 12px;
	margin-bottom: 0;
	line-height: 1.6;
	border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid var(--cocoon-basic-border-color);
}

ul.menu-drawer {
/* 	margin-top: 8px; */
}
ul.menu-drawer:before {
	content: 'Menu';
	color: var(--cocoon-grey-color);
	font-size: 0.9em;
	display: block;
	padding: 8px 0;
	border-bottom: 1px solid var(--cocoon-basic-border-color);
}
ul.menu-drawer li {
	border-bottom: 1px solid var(--cocoon-basic-border-color);
}
ul.menu-drawer li a {
	padding: 12px 0;
}

.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,
.widget_block ul li a {
	padding: 8px 12px;
	display: flex;
	gap: 10px;
}
.sidebar .widget_recent_entries ul li a:before,
.sidebar .widget_categories ul li a:before,
.sidebar .widget_archive ul li a:before,
.sidebar .widget_pages ul li a:before,
.sidebar .widget_meta ul li a:before,
.sidebar .widget_rss ul li a:before,
.sidebar .widget_nav_menu ul li a:before,
.sidebar .widget_block ul li a:before {
/* 	border-bottom: 1px solid var(--cocoon-basic-border-color); */
	display: block;
	content: '\f0da';
	font-family: 'FontAwesome';
}

.date-tags {
	text-align: left;
}
.page .date-tags,
.single-my-works .date-tags,
.post-type-archive-my-works .post-date { display: none }

.comment-notes .email-notes,
.comment-notes #email-notes,
.comment-form-email {display: none}
.comment-information-messag {margin: 1.8em 0}
.cat-label {display:none}
.entry-category {display:none}

.breadcrumb.sbp-main-before,
.breadcrumb.sbp-footer-before,
.breadcrumb.pbp-main-before,
.breadcrumb.pbp-footer-before {
  margin: 0 auto 0;
}

#navi .navi-in .contact a:before {
	display: block;
	content: '\f0e0';
	font-family: 'FontAwesome';
	line-height: 60px;
}
#navi .navi-in .contact a .item-label {
	display: none;
}
#navi .navi-in .contact a .sub-caption {
	opacity: 0.75;
}


.navi-in ul.sub-menu {
	margin-top: 1px;
/*   width: 240px; */
  box-shadow: 0px 1px 2px #ddd;
}.navi-in ul.sub-menu ul {
/*   top: -60px; */
/*   left: 240px; */
}

#eyecatch-carousel {
	margin-bottom: -webkit-calc(30px + 1.8em);
	margin-bottom: calc(30px + 1.8em);
}
#eyecatch-carousel .eyecatch-carousel-content {
	position: relative;
  width: 100%;
}
#eyecatch-carousel .eyecatch-carousel-content:before {
  content: "";
  display: block;
  padding-top: 33%;
}
#eyecatch-carousel .eyecatch-carousel-content:after {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: ' ';
	display: block;
	background-color: rgba(0,0,0,0.05);
/* 	background-image: radial-gradient(#fefefe 10%, transparent 30%), radial-gradient(#eeeeee 10%, transparent 25%); */
/* 	background-size: 4px 4px; */
/* 	background-position: 0 0, 2px 2px; */
}
#eyecatch-carousel .eyecatch-carousel-content .caption {
	position: relative;
	z-index: 10;
	padding: 24px;
	color: #ffffff;
	-webkit-text-shadow: 0px 1px 2px #333333;
	text-shadow: 0px 1px 2px #333333;
}
#eyecatch-carousel .eyecatch-carousel-content .caption a {
	color: #ffffff;
}
#eyecatch-carousel .eyecatch-carousel-content .caption a:hover {
	color: #ffffff;
}

table:not(.has-border-color) :where(th, td) {
  border-top: 1px solid var(--cocoon-basic-border-color);
  border-right: none;
  border-bottom: 1px solid var(--cocoon-basic-border-color);
  border-left: none;
  text-align: left;
}

.info-list {
  padding: 0;
}
.info-list-item:nth-child(1) {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

#list.ect-entry-card {
	row-gap: 0;
}
.ect-entry-card .entry-card-wrap.a-wrap {
	border-top: 1px dashed var(--cocoon-basic-border-color);
}
.ect-entry-card .entry-card-wrap.a-wrap:nth-child(1) {
	border-top: none;
}
.ect-entry-card .entry-card-wrap.a-wrap .entry-card-content {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 10px;
	padding-bottom: 0;
}
.ect-entry-card .entry-card-wrap.a-wrap .entry-card-content h2 {
	order: 2;
	width: -webkit-calc(100% - 140px);
	width: calc(100% - 140px);
}
.ect-entry-card .entry-card-wrap.a-wrap .entry-card-content .entry-card-snippet {
	order: 3;
	width: -webkit-calc(100% - 140px);
	width: calc(100% - 140px);
}
.ect-entry-card .entry-card-wrap.a-wrap .entry-card-content .entry-card-meta {
	order: 1;
	white-space: nowrap;
	width: 130px;
}
.ect-entry-card .entry-card-wrap.a-wrap .entry-card-content .admin-pv {
	order: 100;
	width: 100%;
	margin: 0;
}
.ect-entry-card .entry-card-wrap.a-wrap .entry-card-content .entry-card-meta .entry-card-info {
	justify-content: flex-start;
}
.ect-entry-card .entry-card-wrap.a-wrap .entry-card-content .entry-card-meta .entry-card-info .post-date,
.ect-entry-card .entry-card-wrap.a-wrap .entry-card-content .entry-card-meta .entry-card-info .post-update {
	font-size: 1.0em;
}

.main figure.wp-block-table {
	display: inline-block;
}

.wp-block-columns-is-layout-works .wp-block-column .wp-block-post-featured-image {
	margin: 0.8em 0;
}

/* cocoonブロック用 */
.label-box-label .label-box-label-text {
	background-color: #ffffff;
}
.label-box-content {
	border-width: 1px;
	padding: 1.6em 1.6em 0.8em;
	border-radius: 0;
}

.tab-label-group .tab-label {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.body .blank-box {
	border-width: 1px;
	border-radius: 0;
	margin-top: 48px;
}
.blank-box.bb-tab .bb-label {
	border-radius: 0;
	left: -1px;
}

.tab-caption-box-label {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.tab-caption-box-content {
	border-width: 1px;
	border-radius: 0;
}

.is-style-information-box, .is-style-question-box, .is-style-alert-box, .is-style-memo-box, .is-style-comment-box, .is-style-ok-box, .is-style-ng-box, .is-style-good-box, .is-style-bad-box, .is-style-profile-box, .information-box, .question-box, .alert-box, .information, .question, .alert, .memo-box, .comment-box, .common-icon-box {
	border-radius: 0;
}

.is-style-primary-box, .primary-box, .sp-primary, .primary {
	border-radius: 0;
}

.toggle-button {
	border-radius: 0;
	border-width: 1px;
}
.toggle-checkbox:checked ~ .toggle-content {
	border-top: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-width: 1px;
}

.ranking-item, .timeline-box {
	border-radius: 0;
}

.caption-box {
	border-width: 1px;
	border-radius: 0;
}
/* ブロック用 */

.cta-box {
  padding: 0;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #ffffff;
  color: var(--cocoon-text-color);
  border: 1px solid #333333;
}
.cta-heading {
  background-color: #333333;
  color: #ffffff;
  font-size: 24px;
  line-height: 1.6;
  padding: 8px 12px;
  margin-bottom: 0;
  display: flex;
  justify-content: space-around;
}
.cta-content {
  padding: 20px;
}
.cta-left-and-right .cta-content,
.cta-right-and-left .cta-content {
  padding: 20px;
}
.cta-button {
  margin: 0 auto;
  padding: 20px;
  max-width: 500px;
}

.footer {
  margin-top: 40px;
}
.footer-bottom {
	margin: 12px 0;
}

#eyecatch-carousel .slick-track {
	display: flex;
}
#eyecatch-carousel .slick-slide {
  height: auto !important;
}


figcaption {
	font-size: 0.9em;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

@media screen and (max-width: 1255px) {
}

@media screen and (max-width: 1023px){
  #navi .navi-in .contact a .item-label {
		display: block;
	}
}

@media screen and (max-width: 834px){
  main.main, div.sidebar {
	  padding-top: 0;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 0;
  }
}

@media screen and (max-width: 782px){
}

@media screen and (max-width: 480px){
	.ect-entry-card .entry-card-wrap.a-wrap .entry-card-content .entry-card-meta {
		width: 100%;
	}
}

@media screen and (max-width: 640px){
	#eyecatch-carousel .eyecatch-carousel-content:before {
	  padding-top: 56.25%;
	}
}

@media screen and (min-width: 641px) {
	.is-list-horizontal.large-thumb .widget-entry-card-link,
	.is-list-horizontal.large-thumb-on .widget-entry-card-link {
	  max-width: 30%;
	}
}

@media screen and (min-width: 1024px) {
	.header-container {
		border-bottom: 1px solid var(--cocoon-basic-border-color);
	}
	.footer-left,
	.footer-center,
	.footer-right {
	  width: auto;
	}
	.footer-center {
		margin-left: auto;
	}
}

@media screen and (min-width: 1281px) {
}

/* 1090px - 1112px 横幅 余計な余白が入る問題 応急処置・・・ */
@media screen and (min-width: 1090px) and (max-width: 1112px) {
	.wrap { width: 100%!important}
}



/* adminbarとモバイルヘッダーボタンの重なりを防止 */
/*
@media screen and (max-width: 1023px){
	.admin-bar.mblt-header-mobile-buttons,
	.admin-bar.mblt-header-and-footer-mobile-buttons {
		padding-top: 32px;
	}
	.admin-bar.mblt-header-mobile-buttons .mobile-header-menu-buttons,
	.admin-bar.mblt-header-and-footer-mobile-buttons .mobile-header-menu-buttons {
		top: 32px;
	}
	.admin-bar.mblt-header-mobile-buttons .menu-content,
	.admin-bar.mblt-header-and-footer-mobile-buttons .menu-content {
		height: -webkit-calc(100% - 32px);
		height: calc(100% - 32px);
		top: 32px;
	}
}
@media screen and (max-width: 782px){
	.admin-bar.mblt-header-mobile-buttons,
	.admin-bar.mblt-header-and-footer-mobile-buttons {
		padding-top: 46px;
	}
	.admin-bar.mblt-header-mobile-buttons .mobile-header-menu-buttons,
	.admin-bar.mblt-header-and-footer-mobile-buttons .mobile-header-menu-buttons {
		top: 46px;
	}
	.admin-bar.mblt-header-mobile-buttons .menu-content,
	.admin-bar.mblt-header-and-footer-mobile-buttons .menu-content {
		height: -webkit-calc(100% - 46px);
		height: calc(100% - 46px);
		top: 46px;
	}
}
*/