/*
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.15.1761901037
Updated: 2025-10-31 17:57:17

*/

/* 共通 */
body { font-family: 'Noto Sans JP', sans-serif; color: #fff; }
h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans JP', sans-serif; }
body .english-font { /*font-family: 'Manrope', sans-serif;letter-spacing: -2px;*/ font-weight: 300;margin-bottom: 0; }
body .japanese-light-font {font-weight: 300;}

h1 {font-size: 50px;}
h2 {font-size: 35px;}

header { /*opacity: 0.3;*/ }
header .container {}
.site-branding .site-logo-div { line-height: 100px; }
.header-full-width .container { padding: 0 20px; }
.site-header.header-fixed {width: 100vw;}

/*----PC SP 改行---------*/
br.pc {display: none;}
br.sp {display: inherit;}
@media (min-width: 768px) {
	br.pc {display: inherit;}
	br.sp {display: none;}
}

/* ヘッダーメニュー */
.site-header { /*line-height: 100px;*/ background-color: rgba(0, 0, 0, 0.3); }
.site-content { margin-top: -100px; }
.onepress-menu { float: left; padding-left: 50px; }
.onepress-menu a { font-size: 15px; font-weight: 400; font-family: 'Noto Sans JP', sans-serif;}

/* ハンバーガーメニュー */
#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after {background-color: #FFF;width:30px;}
#nav-toggle span::before { top: -12px; }
#nav-toggle span::after { top: 12px; }

#nav-toggle.nav-is-visible span::before, #nav-toggle.nav-is-visible span::after { background: #FFF; }
#nav-toggle.nav-is-visible span::before {transform: translateX(4px) translateY(7px) rotate(45deg);}
#nav-toggle.nav-is-visible span::after {transform: translateX(4px) translateY(4px) rotate(-45deg);}

.site-branding .site-logo-div { line-height: 50px; }
.custom-logo { height: 30px; width: auto; }
.site-header { line-height: 50px; }
@media (min-width: 768px) {
		.site-branding .site-logo-div { line-height: 100px; }
		.custom-logo { height: inherit; }
		.site-header { line-height: 100px; }
}

/* フッター */
footer .site-info { display: none; }
#footer-widgets { padding-top: 30px; }
footer .container {width: 100%;/*margin-left: 50px;*/}

/* トップページ */
body.home .wp-block-cover h1.wp-block-heading {}
.top-visual {
	/*background-image: url("http://localhost/fta-wp/wp-content/uploads/2025/10/top-visual.png");*/
	/* テーマのカスタマイズ->追加cssで指定 */
	background-size: cover;
	background-position: center;
	height: 100vh;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	border: none;
}
.top-content {color: #fff;}

.top-entrylink {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}
.top-entrylink h3 {margin-bottom: 0;}
.top-entrylink a {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
}
.arrow {
  margin: 0px auto;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 15px solid #fff;
}

.top-copylight {color: #fff;margin-top: 20px; margin-bottom: 0px;font-size: 12px;}
/* ホーム */
.wp-block-group { color: #000; }
.wp-block-image {margin-bottom: 0px;}
.main-content-group {}
.main-content-group .wp-block-columns { /*padding: 20px 20px 100px 60px;*/ }

/* 各セクションのコンテンツ部 */
:where(.wp-block-columns.has-background) {padding: 0px;}
:where(.wp-block-columns) {margin-bottom: 0px;}
:where(.wp-block-group.has-background) {padding: 0px;}

.contents-left {padding-top: 20px;}
.contents-left .english-font {}
.contents-right {padding-bottom: 20px;}

/*top image*/
.main-top-image img {height: 100vh;width:100vw;object-fit: cover;}
@media (min-width: 768px) {
	.contents-left {padding-left: 50px;}
	.contents-right {padding-top: 50px; }
	.main-top-image img {/*height: auto;object-fit: none;*/}
}

/* ニュース */
.news-section {}
.su-post {margin-bottom: 0.5em !important;}
.su-post-row {}
.su-post-row a { display: inline-flex; text-decoration: none; width: 100%; }
.su-post-row a {pointer-events: none;cursor: default;} /* aタグを非活性 */
.su-post-row .su-post-meta { font-size: 14px !important; /*opacity: 1 !important;margin-bottom: 0 !important;*/display:block ruby; width:6em;}
.su-post-row .su-post-title { font-size: 14px;/*padding-left: 1em;margin-bottom: 0 !important;*/ width:100%; }
@media (min-width: 768px) {
	.news-section .contents-right {padding-bottom: 100px;}
	.su-post {margin-bottom: 0.5em !important;}
	.su-post-row {}
	.su-post-row a { /*display: inline-flex;text-decoration: none;*/ }
	.su-post-row .su-post-meta { /*font-size: 16px !important;*/ opacity: 1 !important;margin-bottom: 0 !important; }
	.su-post-row .su-post-title { /*font-size: 16px;padding-left: 1em;*/margin-bottom: 0 !important; }
}

/* 事業愛用 */
.business-section {}
.business-section .contents-right .wp-block-group p { padding-left: 10px;margin-bottom: 50px; }
.business-section .contents-right .wp-block-group hr { width: 80%; margin-left: 0px; }
@media (min-width: 768px) {
	.business-section .contents-right .wp-block-group p {padding-left: inherit;}
}

/* 実績 */
.achivement-section {}
.achivement-section .achivement-carousel {}
.sp-pcp-post-content .wp-block-group * { font-size: 14px; color:#fff; }

.achivement-carousel .pcp-carousel-wrapper .pcp-button-prev.top_right { left: 10px; top:calc( 100% / 2 ); }
.achivement-carousel .pcp-carousel-wrapper .pcp-button-next.top_right { right: 10px; top:calc( 100% / 2 ); }
@media (min-width: 768px) {
	.achivement-carousel {padding-left: 50px;}
}

.achivement-carousel .sp-pcp-post-content img {filter: grayscale(100%);}
.achivement-carousel .sp-pcp-post-content img:hover,
.achivement-carousel .sp-pcp-post-content img:active {filter: grayscale(0%);}

/* 会社概要 */
.company-section {}
@media (min-width: 768px) {
}
/* お問い合わせ */
.contact-section {margin-bottom: 50px;}
.contact-section .contents-right {padding-left: 10%;}
.contact-section .contents-right h1 {font-size: 40px;}
.contact-section a {cursor: pointer; text-decoration: none;}
@media (min-width: 768px) {
	.contact-section {margin-bottom: 100px;}
	.contact-section .contents-right {padding-left: inherit;}
	.contact-section .contents-right h1 {font-size: 50px;}
	.contact-section a {pointer-events: none;cursor: default;}
}

.news-section,.business-section,.achivement-section,.company-section,.contact-section {}
@media (min-width: 768px) {
	.business-section,.achivement-section,.company-section,.contact-section {margin-top: 50px;}
}

/* ニュースの詳細ページ */
#page .entry-content {color:#000; }
#page .site-content {	min-height: calc(100vh - 255px);}