/*
Theme Name: OnePress Child
Theme URI: https://www.famethemes.com/themes/onepress/
Template: onepress
Author: FameThemes
Author URI: http://www.famethemes.com
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-menu,featured-images,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,e-commerce,blog,portfolio
Version: 2.3.12.1750392104
Updated: 2025-06-20 13:01:44
*/

/*------------------------------
	Font
------------------------------*/
body, button, input, select, textarea {
    color: #000;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 18px;
	line-height: 1.5em;
}
h1,h2,h3,h4,h5,h6 {
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: 600;
}

h1 {font-size: 30px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 12px;}
@media (min-width: 768px) {
	h1 {font-size: 45px;}
	h2 {font-size: 38px;}
	h3 {font-size: 30px;}
	h4 {font-size: 20px;}
	h5 {font-size: 16px;}
}

/*------------------------------
	Color
	https://www.canva.com/ja_jp/learn/100-color-combinations/
------------------------------*/
.color-darkArua {background-color: #488a99;}
.color-darkArua-light {background-color:#bcd4d9 ;}
.color-gold {background-color: #deae58;}
.color-chacoal {background-color: #fbe9e7;}
.color-wood {background-color: #81715e;}
.color-beige {background-color: #eed8c9;}

/*------------------------------
	Utility
------------------------------*/
.display-none {display:none;}

a,a:hover {text-decoration: none;}
a:hover {font-weight: 600;}
.target-blank:after {
font-family: 'Font Awesome 5 Free';
content: '\f35d';
font-size: 0.9em;
margin: 0px 3px;
font-weight: 900;
}

/** Contents **/
/* Contents Header */
#masthead.site-header {box-shadow:none;}
.page-home #primary {padding-top: 0px;}

.header-slider .header-text h1 {font-size:28px !important;}
.header-slider .header-text h2 {font-size:16px !important;}
@media (min-width: 768px) {
	.header-slider .header-text h1 {font-size:54px !important;}
	.header-slider .header-text h2 {font-size:38px !important;}
}
.instgram-menu-logo img ,.facebook-menu-logo img {height: 30px;}
/* Contents */
#content {min-height: calc(100vh - 172px);}
/* ニュース */
.su-posts-group {}
.su-posts-teaser-loop .su-post {
	line-height: 1.4 !important;
	margin: 0.5em 0 !important;
	padding-left: 1em;
}
@media (min-width: 768px) {
	.su-posts-group {	width: 80%; margin: 0 auto; }
	.su-posts-teaser-loop .su-post {}
}	
/*.su-posts-teaser-loop a { display: inline-flex; font-weight: 400; color: initial; }*/
.su-posts-teaser-loop .su-post-meta { display: inline-flex; font-weight: 400; color: initial; }
.su-posts-teaser-loop .su-post-meta p { margin-bottom: 0; }
.su-posts-teaser-loop .su-post-meta .date { margin-right: 1em;font-size: smaller; padding-top: 2px; }

body.single-post #primary {min-height: 500px;}

/* プロダクト CUTE */
/*5つの形状パターン*/
#cutepattern .wp-block-columns {border: 5px solid #909f42; padding: 10px; }

/*3種類のグレード*/
#three_grade .grade-title { height: 50px; width: 30%; padding: 0 20px;position: relative;top: -40px;left: -20px; }
#three_grade p {padding: 0 50px;}
.grade-light {border: 5px solid #80bc76;}
.grade-light .grade-title { background-color: #80bc76; color: #1a5616; }
.grade-original {border: 5px solid #fec746;}
.grade-original .grade-title { background-color:#fec746 ; color:#86510f ; }
.grade-premium {border: 5px solid #9699a2;}
.grade-premium .grade-title { background-color:#9699a2 ; color:#0e100f ; }

/*3種類の無垢材*/
#three_material .material-title { height: 50px; width: 30%; padding: 0 20px;position: relative;top: -40px;left: -20px; }
#three_material p {padding: 0 50px;}
.material-open {border: 5px solid #e28d0c;}
.material-open .material-title {background-color:#e28d0c;color: #ffffff;}
.material-natural {border: 5px solid #754811;}
.material-natural .material-title {background-color:#754811;color: #ffffff;}
.material-woody {border: 5px solid #402c13;}
.material-woody .material-title {background-color:#402c13;color: #ffffff;}

/* ブログ */

/*.post-list-row {display: inline-flex; padding-top: 0.5em;padding-bottom: 0.5em;}
.post-list-row a { display: block;color:#000;}
.post-list-date {font-size: 13px;}
@media (min-width: 768px) {
	.post-list-row {padding-left: 1em;padding-right: 1em;}
	.post-list-row a {display: flex;}
	.post-list-date {width:8em;}
	.post-list-title { padding-left: 1em;}

	.post-list-taxonomy {display: inline-flex;}
	.post-list-category, .post-list-tag {display: inline-flex;margin-left: 20px;font-size: 14px;}
	.post-list-category {}
	.post-list-tag {}
}*/

/*.post-list-row {}
.post-list-row a {display: inline-flex; color:#000;}
.post-list-date {font-size: 13px;}
.post-list-title {}

.post-list-taxonomy {display: inline-flex;position: relative; left:45%;}
.post-list-taxonomy div { margin-right: 10px; font-size: 13px; line-height: 20px; }
.post-list-category {background-color: lightgreen;}
.post-list-tag {background-color: lightpink;}

@media (min-width: 768px) {
	.post-list-row {}
	.post-list-row a {display: inline-flex;}
	.post-list-date {}
	.post-list-title {}
	.post-list-taxonomy {display:flex;left: 75%;}
	.post-list-category {}
	.post-list-tag {}
}*/

.post-list-row {margin-bottom: 25px;}
.post-list-meta {display: inline-flex;font-size: 13px;}
.post-list-date {}
.post-list-taxonomy {display: flex; margin-left: 1em;height: 20px;
  line-height: 20px; top: 4px; position: relative; }
.post-list-taxonomy div { margin-left: 0.3em; padding: 0 4px; border-radius: 5px;}
.post-list-category {background-color: lightgreen;}
.post-list-tag {background-color: lightpink;}
.post-list-title {}
.post-list-title a {color: #000;border-bottom: 5px solid #ccc; padding: 0px 10px;}
@media (min-width: 768px) {
	.post-list-row {}
	.post-list-meta {}
	.post-list-date {}
	.post-list-taxonomy {}
	.post-list-taxonomy div {}
	.post-list-category {}
	.post-list-tag {}
	.post-list-title {}
}



ul.pagenav-flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

li.pagenav-item {
    list-style: none;
    margin-left: 1em;
}

/* ブログ詳細ページ */
body.single-post #primary article.category-column .entry-content .wp-block-group {padding-bottom: 25px;}
body.single-post #primary article.category-column .entry-content .wp-block-group h3 {margin-top: 25px; margin-bottom: 25px;}
body.single-post #primary article.category-column .entry-content .wp-block-group h3 + * {padding-left: 1em;}
body.single-post #primary article.category-column .entry-content .wp-block-group  li {margin-left: 1em;}
@media (min-width: 768px) {
	body.single-post #primary article.category-column .entry-content .wp-block-group h3 + * {padding-left: 3em;}
}

/* 施工実績 */
/*全体*/
.lightbox-thumbnail-group { display: flex; flex-wrap: wrap; justify-content: center; }
/* Thumbnail */
.lightbox-thumbnail-group .su-lightbox::before {content: ""; display: block; padding-top: 1px; }
.lightbox-thumbnail {position: relative; display: flex; justify-content: center;margin: 10px; }
.lightbox-thumbnail img { width: 150px; height: 150px; object-fit: cover; }
.housing-fields {position: absolute;bottom: 0px;}
@media (min-width: 768px) {
	.lightbox-thumbnail img { width: 200px; height: 200px; }
}
.lightbox-thumbnail .housing-fields {
	position: absolute;
	width: 100%;
	background-color: rgb(0 0 0 / 0.2);
	color: #fff;
	font-weight: 600;
	text-align: center;
}
.lightbox-thumbnail .housing-title { font-size: 12px; }
.lightbox-thumbnail .housing-feature { font-size: 9px; }
@media (min-width: 768px) {
	.lightbox-thumbnail .housing-fields { width: 100%; }
	.lightbox-thumbnail .housing-title { font-size: 15px; }
	.lightbox-thumbnail .housing-feature { font-size: 11px; }
}

.lightbox-thumbnail .housing-term {
	position: absolute;
	width: 100%;
	font-weight: 600;
	text-align: center;
}
.lightbox-thumbnail .housing-term {display: flex;font-size: 10px;}
.lightbox-thumbnail .housing-term * {position: relative;top: 2px;padding: 0 5px;border: 1px solid #000; border-radius: 10px;}
.lightbox-thumbnail .housing-term .location {background-color: #000;color: #fff;}
.lightbox-thumbnail .housing-term .floors {background-color:#ffe4c4 ;}
.lightbox-thumbnail .housing-term .style {background-color: #deb887;}

/* LightBox */
@media (min-width: 768px) {
	.su-lightbox-content {max-width: 60vw !important;}
}
.mfp-content .housing-data {padding-top: 15px;}
.mfp-content .housing-data .row {
	line-height: 1.5em;
	border-bottom: 1px solid #dee2e6;
	font-size: 14px;;
}

/* 会社概要 */
.company-row {border-bottom: 1px solid #000;padding: 5px 0;}
.company-row:last-child {border-bottom: none;}

/* ContactForm7 */
.wpcf7-form {
	text-transform: inherit;
	font-size: inherit;
	letter-spacing: inherit;
	font-weight: inherit;
}
.wpcf7-spinner{
	position: absolute;
	margin-top: 20px;
}

/* Top to Scroll */
.site-info .btt {
  position: fixed;
  bottom: 100px;
  right: 75px;
}
@media (min-width: 992px) {
  .site-info .btt {
    bottom: 40px;
  }
}
.site-footer .btt a {
  border-radius: 0px;
  top: -60px;
  color: #fff;
  background: #909f42;;
}