@charset "utf-8";
/*
Theme Name: X-T9 Child
Theme URI:
Template: x-t9
Description:
Author:アートフレア株式会社
Tags: 
Version: 1.0
*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  general　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* :root設定、bodyへの上書き、カラー変数設定など */

:root{
	--vk-color-text-link-hover: var(--vk-color-custom-1);
	--wp--custom--spacing--small: 1.4rem;
}
*[data-mobile-font-size] {
    transition: .3s;
}
.fw-bold{
	font-weight:bold;
}
.wp-element-caption{
	font-size:1rem !important;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 繰り返しボタン・見出し、余白設計など */
/* テキストリンク */
a:not([class]) {
    text-decoration: underline;
	-webkit-text-decoration-style: solid;
	text-decoration-style: solid;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}
a:not([class]):hover {
    color: #6b7626;
}



/* VKボタン */
.vk_button .vk_button_link:where(:not(.has-vk-color-primary-color)):hover{
	filter:none;
}
.vk_button .vk_button_link:where(:not(.has-vk-color-primary-color)):hover {
    background: #6b7626 !important;
}

/* グレー背景見出し */
.is-style-vk-heading-background_fill_lightgray{
	background-color:#F4F5F0;
}

/* CTA */

.cta_box{
	padding:50px;
	border-radius:10px;
}
.cta_box h2{
	margin-bottom:1.5rem !important;
}
.cta_tel a{
	font-size:3rem;
	line-height:1;
}
.cta_tel a i{
	font-size:2.4rem;
	position:relative;
	top:2px;
}
.cta_tel .vk_button_link_subCaption{
	font-size:1.3rem;
}
.cta_btn a{
	padding:30px !important;
	min-width:400px;
	font-size:1.5rem !important;
}
.cta_btn .vk_button_link:where(:not(.has-vk-color-primary-color)):hover{
	background-color:#433F21 !important;
}

.contact_box .cta_tel a{
	font-size:1.8rem;
}
.contact_box .cta_tel a strong{
	font-size:2.5rem;
}
.contact_box{
	padding:20px;
	border-radius:10px;
}

/* 見出し */
.is-style-vk-heading-background_fill_lightgray{
	    font-size: var(--wp--preset--font-size--x-large);
	color: var(--wp--preset--color--primary-hover) !important;
}

.lefticon_gap{
  gap:0.5rem !important;

}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
html,body {
	height:auto !important;
}
.wp-site-blocks {
    overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
header.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 1000;
}
@media (min-width: 600px) {
	.logged-in header.wp-block-template-part {
		top: 32px;
	}
}

.wp-block-site-logo img{
	    margin-bottom: -40px;
    padding: 10px;
}
/* グローバルナビ */
@media (min-width: 600px) {
header li.wp-block-navigation-item {
	border-bottom: solid 3px transparent;
	transition:.3s;
}
header li.wp-block-navigation-item:hover {
    border-color: var(--vk-color-custom-1);
}
header li.wp-block-navigation-item.current-menu-item {
    border-color: var(--vk-color-custom-1);
}
}
:root :where(.wp-block-navigation){
	font-size:1rem;
}
.wp-block-navigation:not(.has-modal-open) .wp-block-navigation__submenu-container .wp-block-navigation-item{
	font-size:0.9rem;
}

/* ヘッダー電話 */
.header-tel .vk_button_link_txt{
	font-size:24px;
	line-height:1.1;
}
.header-tel i{
	color:#999D84;
	margin-right:4px!important;
	position:relative;
	top:2px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* フッターウィジェット、フッターロゴ、コピーライト */

.footer-link ul{
	list-style:none;
	padding:20px 0 0;
	font-size:14px;
}
.footer-link h4{
	font-family:"Noto Sans JP", sans-serif;
	font-size:16px;
	padding-bottom:14px  !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.34);

}
.footer-link-main ul{
	padding-top:0px;
}
.footer-link-main li{
	font-size:16px;
	margin-bottom:15px !important;
}
.footer-link a{
	text-decoration:none;
	transition:0.3s;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  pageheader,breadcrumb 下層ページヘッダー
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 下層ページのページヘッダー、パンクズ設定 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */

/* ヒーローエリア */
.teaser {
	padding:0;
}
.teaser h1{
	font-size:40px !important;
}

/* 製品のご案内 */
.products_link .wp-block-vk-blocks-grid-column-item{
	position:relative;
}
.products_link a::after{
	  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
}


.products_link .wp-block-vk-blocks-grid-column-item figure {
 overflow:hidden;
	border-radius:10px;
}
.products_link .wp-block-vk-blocks-grid-column-item  img{
  transition: transform 0.4s ease-out;
}
.products_link .wp-block-vk-blocks-grid-column-item:hover  img{
  transform: scale(1.05);
}

/* 3写真背景ボタン */
.top_bottun .wp-block-cover  .wp-block-cover__background{
	transition:0.3s;
}
.top_bottun .wp-block-cover:hover  .wp-block-cover__background{
	opacity:0.8;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.atention_list{
  list-style: none !important;
  padding: 0
}

/* 取扱い製品・サービス一覧 > 取扱い製品・サービス一覧 */
.service_list {
	list-style:none;
	 gap: 1px;
}
.service_list li{
  padding: 20px  !important;
  background: var(--wp--preset--color--custom-f-5-f-3-ef)  !important;
  outline: solid 1px #ccc !important;
	width:100%;
}

/* 製品のご案内 > 詳細ページ */

.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0;
	border-radius:10px;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{
	display:none;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    /* background: linear-gradient(0deg, rgb(0 0 0 / 50%), #0000); */
    padding: 2em .5em .5em;
    text-align: left;
    pointer-events: none;
}


/* 流れ */

.flow_box h3{
	font-size:1.8rem !important;
}

/* よくあるご質問 */
.vk_faq .vk_faq_title:before{
	color:#6B7626;
}
.vk_faq .vk_faq_content:before{
	color:#E69F23
}


/* レンタルBOX　> 吹き出し */

/* .speechBubble {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding: 16px 30px;
  border: 2px solid #725b0b;
  border-radius: 8px;
  background-color: #725b0b;
  text-align: left;
  font-size:20px;
  line-height: 1.5;
  color: #ffffff;
}

.speechBubble::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 20px 0 0 20px;
  border-color: #725b0b transparent transparent;
  translate: -50% 100%;
}

.speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 15.2px 0 0 15.2px;
  border-color: #725b0b transparent transparent;
  translate: calc(-50% + 0.4px) 100%;
}
 */


.txt_before_after_outer{
	position:relative;
}
.txt_before_after{
	position:absolute;
	top:0;
	right:0;
	display:inline;
	background-color:#725B0B;
	color:#fff;
	font-size:12px;
	padding:5px 10px;
}


/* フォーム */
.wp-block-group.form-innner-cols {
    width: 100%;
}

.wp-block-group.form-innner-cols .wp-block-group.is-layout-constrained {
    flex: 1;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive / Single ブログ一覧ページ、ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* パーツごとにコメントアウトで注釈を入れてください。 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  メモ用
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */