body{
	font-family: 'Noto Sans JP';
}

a {
	color: #333 !important;
}
a:hover {
	color: #99CC99 !important;
}
a img:hover {
	opacity: 0.6;
}
.fw-section-image .wpz-btn, .readmore_button a {
    color: #fff !important;
}
.fw-section-image .wpz-btn:hover, .readmore_button a:hover {
    color: #333 !important;
}

@media (min-width: 769px) {
.entry-cover {
	height: 650px;
}
}

@media (min-width: 769px) {
	.sp {
		display:none;
	}
	.navbar-brand-wpz img {
		width: 230px;
		height: auto;
	}
	.navbar-wpz > li {
		padding: 10px;
		font-size: 14px;
	}
}
@media (max-width: 768px) {
	.pc {
		display:none;
	}
}
.builder-wrap p {
    font-size: 15px;
	line-height: 1.8em;
}

.designed-by,
#footer-copy .wpzoom,
#footer .wpzoom,
.site-info .designed-by,
.site-info p.right,
.footer-info .designed {
    display: none;
}

/* 画像に枠線を付ける */
img.waku {
    border: solid 1px #808080; /* 枠線のスタイル 太さ 色 */
}

.post_author {
	display: none;
}
.entry-author, .entry-category, .edit-link, .entry-date::before {
	display: none !important;
}

/* つくり手紹介ページ */
.tsukurite-template-default .entry-meta {
	display: none;
}
@media (min-width: 769px) {
.t-small {
		font-size:0.5em;
	}
.fw-team {
	width: 70%;
	margin: auto;
}
}
.fw-team .fw-team-inner {
	text-align: left;
  text-indent: 1em;
}
.fw-team {
	margin-bottom: 90px;
}
.fw-heading {
	margin: 30px;
	clear: both;
}
.tsukurite-text {
	margin: auto;
	padding-bottom: 90px;
	text-indent : 1em;
}
@media (min-width: 769px) {
	.tsukurite-text {
	width: 70%;
}
}
.slideshow-window {
    background-color: #fff !important;
    border: none;
	  border-radius: 0 !important;
	  padding-top: 0 !important;
	  padding-bottom: 90% !important;
	  margin-bottom: 90px;
}
.slideshow-slide {
	  background: none !important;
}
.slideshow-slide-caption {
    font-size: 14px;
    color: #424242;
    text-shadow: none;
	bottom: 0;
	background: #ffffff;
}

.fw-table {
	border: none;
}
.fw-table table > thead > tr > th, .fw-table table > tbody > tr > th, .fw-table table > tfoot > tr > th, .fw-table table > thead > tr > td, .fw-table table > tbody > tr > td, .fw-table table > tfoot > tr > td {
    border-top: none;
}
@media (min-width: 769px) {
	.fw-table {
	width: 70%;
		margin: auto;
}
	.fw-table td.desc-col {
	width: 240px;
	padding-left: 100px;
}
}
.fw-table td.desc-col {
	text-align: left;
}

@media (min-width: 768px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
color: #000;
font-weight: normal;
}
}

@media screen and (max-width: 767px) {
	td.default-col, td.desc-col {
		width: 100%;
		display: block;
	}
	td.desc-col {
		padding-bottom: 0 !important;
	}
	.t-small {
	line-height: 1.4em;
	margin-top: 10px;
	display: block;
}
}

/* 木の家づくり つくり手紹介 */
/*＝＝＝並び替えボタンのCSS*/
.sort-btn{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding:30px 20px;
}

.sort-btn li{
	border: solid 1px #cfcfcf;
 list-style:none !important;
	cursor: pointer;
	padding: 16px 24px;
	margin:0 10px;
}
@media (max-width: 768px) {
	.sort-btn {
		padding:0;
	}
	.sort-btn li {
  padding: 16px 12px;
	margin:0 5px;
		line-height: 1.2em;
		text-align: center;
}
}

.sort-btn li.active{/*ボタンに現在地＝activeというクラス名がついたら背景色を変更*/
	background:#f2f2f2;
}

.sort-btn li a {
	text-decoration: none;
	font-weight: normal;
}
.sort-btn li:hover {
	background: #c5d8c5;
	color: #ffffff !important;
}
.sort-btn li a:hover {
	color: #ffffff !important;
}

/*＝＝＝Muuriのレイアウトのための調整 */
.grid {
  position: relative;/*並び替えの基準点を指定*/
	margin: 0 !important;
}
/*各画像の横幅などの設定*/
.item {
  display: block;
  position: absolute;
  width: 32.2%;/*横並びで3つ表示*/
  z-index: 1;
list-style:none;
	margin: 0 5px 20px 5px;
}
.item a {
	text-decoration: none;
	font-weight: normal;
}
@media (max-width: 768px) {
	.item {
  width: 48%;/*横並びで2つ表示*/
		margin-left: 3px;
		margin-right: 3px;
	}
	.item-content p.tsukurite-catch {
		font-size: 1.02em !important;
	line-height: 1.3m;
	height: 4.5em;
}
.item-content p.tsukurite-name {
	height: 4em;
}
}

/*内側のボックスの高さが崩れないように維持*/
.item-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.item-content p.tsukurite-catch {
	font-size: 1.15em;
	line-height: 1.5em;
	margin-bottom: 16px;
}
.item-content p.tsukurite-name {
	font-size: 0.9em;
	line-height: 1.5em;
}
.item-content p.tsukurite-name strong {
	font-size: 1.08em;
}

/*画像の横幅を100%にしてレスポンシブ化*/
.grid img{
	width:100%;
	height:auto;
	vertical-align: bottom;/*画像の下にできる余白を削除*/
}



.kinoie_h2 {
	margin-top: 90px;
}
@media (max-width: 768px) {
	.kinoie_h2 {
	margin-top: 60px;
}
}

/*Q&A*/
.accordion-001 {
    background-color: #ffffff;
	border-bottom: solid 1px #cfcfcf;
}
.accordion-002 {
	border-top: solid 1px #cfcfcf;
}

.accordion-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    background-color: #f2f2f2;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion-001 summary::-webkit-details-marker {
    display: none;
}

.accordion-001 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #cfcfcf;
    border-right: 3px solid #cfcfcf;
    content: '';
    transition: transform .3s;
}

.accordion-001[open] summary::after {
    transform: rotate(225deg);
}

.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}



/*タブ*/
.fw-tabs-container .fw-tab-content {
	border: none;
	padding: 0;
}
.fw-tabs {
	margin: 70px 0 50px 0;
}
.fw-tabs-container .fw-tabs ul li.ui-state-active {
	background:#f2f2f2;
	border-bottom-color: #cfcfcf;
}
.fw-tabs-container .fw-tabs ul li:first-child {
    border-left: 1px solid #cfcfcf;
}
.fw-tabs-container .fw-tabs ul li:hover {
    background: #c5d8c5;
}
.fw-tabs-container .fw-tabs ul li.ui-state-active a {
	font-weight: normal !important;
}
.fw-tabs-container .fw-tabs ul li a {
	font-weight: normal !important;
}
.fw-tabs-container .fw-tabs ul li a:hover {
	color: #ffffff !important;
}

.fw-tabs-container .fw-tabs ul li {
	border: solid 1px #cfcfcf;
	background: #fff;
 list-style:none !important;
	cursor: pointer;
	padding: 10px 24px;
	margin:0 10px;
}
@media (max-width: 768px) {
	.fw-tabs-container .fw-tabs ul li {
  width: 90%;
	margin: 0 20px 16px 20px;
		padding: 14px;
	text-align: center;
}
}
hr.hojo_hr {
	background-color: #a9a9a9;
	margin: 40px 0;
}
p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}
ol.olhojo li {
	padding-left:2em;
	text-indent:-2em;
	margin-bottom: 10px;
}
ol.olhojo2 li {
	padding-left:1em;
	text-indent:-1em;
}
ul.ulhojo li {
	padding-left:1em;
	text-indent:-1em;
}

a.btn_ki {
	text-decoration: underline !imporatant;
}
#hojo {
  padding-top: 160px;
  margin-top:-160px;
}