/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.13.1760889637
Updated: 2025-10-20 01:00:37

*/

/* ------------------------------------------------------------------------------------ 
 共通  
------------------------------------------------------------------------------------ */
.ofh {
	overflow:hidden !important;
}

.entry-content .wp-audio-shortcode, .entry-content .wp-embedded-audio, .entry-content .wp-embedded-video, .entry-content .wp-video, .entry-content p {
    margin-bottom: 1.8em;
}

.entry-content :where(h1,h2,h3,h4,h5,h6) {
    margin-top: 2em;
    margin-bottom: 1.5em;
}

h2.wp-block-heading.has-text-align-center {
    margin-bottom:1.5rem;
}

#content hr.wp-block-separator {
    margin-bottom: 5rem;
}

.page div#content {
    background-color: var(--ast-global-color-5);
}


/* 画像角丸 */
.archive .ast-article-post .ast-article-inner, .blog .ast-article-post .ast-article-inner, .archive .ast-article-post .ast-article-inner:hover, .blog .ast-article-post .ast-article-inner:hover {
    border-radius:0;
}
.dpt-thumbnail ,
.dpt-featured-content ,
.dpt-thumbnail-inner > img ,
.dpt-featured-content .dpt-permalink {
	border-radius:0 !important;
}

/* smb フロー */
.smb-step__item__number {
    background-color: var(--ast-global-color-0);
}
/* smb タイトル */
.smb-step__item__title {
    color: var(--ast-global-color-0);
	font-size:1.25em;
	font-weight:bold;
}

/* VK FAQ タイトル */

.vk_faq .vk_faq_title ,
.vk_faq .vk_faq_title::before {
  color: var(--ast-global-color-0) !important;
}
.vk_faq .vk_faq_content::before {
  color: var(--ast-global-color-3) !important;
}

/* table */
.wp-block-table tr td:first-child {
    background:var(--ast-global-color-0);
    color:#FFF;
}
.wp-block-table td,
.wp-block-table th {
    border:1px solid var(--ast-global-color-3);    
}

/* form */

.contact-form.wp-block-table tr td:first-child {
    width:180px
}
.contact-form.wp-block-table tr td p {
    margin-bottom:0;
}
.contact-form.wp-block-table tr td .hissu {
    display: inline-block;
    border:1px solid var(--ast-global-color-1);
    font-size:12px;
    padding:4px 6px 5px;
    border-radius:5px;
    line-height:1;
    background:#FFF;
    color:var(--ast-global-color-1);
    font-weight:bold;
}
@media screen and (max-width:600px) {
  .contact-form.wp-block-table tr td:first-child {
    width:120px
  }
}

/* ------------------------------------------------------------------------------------ 
 ヘッダー  
------------------------------------------------------------------------------------ */

/* パンくず */
.main-header-bar.ast-header-breadcrumb {
	border-bottom-color:#eaeaea !important;
}
/* サブメニュー */
.main-header-menu .sub-menu {
background: rgba(255,255,255,0.8);
}

/* ------------------------------------------------------------------------------------ 
 フッター  
------------------------------------------------------------------------------------ */

#primary {
	margin-bottom:0 !important;
	padding-bottom: 5rem;
}
.ast-builder-footer-grid-columns.site-above-footer-inner-wrap.ast-builder-grid-row {
    padding:0;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
	margin-bottom:0;
}

#block-14 > p{
    margin-bottom:0;
}
#block-14 .c-row__col {
    margin-bottom:0;
}

#block-14 .wp-block-image {
    margin-bottom:1rem;
}
#block-14 .smb-information__item {
    overflow:visible;
}

/* ------------------------------------------------------------------------------------ 
  施工実績 
------------------------------------------------------------------------------------ */

@media screen and (min-width:782px){
  .detail-sidebar {
	position:sticky;
	top:32px;
  }	
}

/* ギャラリー */
.detail-sidebar-wrapper .wp-block-gallery img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4/3 !important;
    object-fit: cover;
    object-position: center;
}

/* ヘッダーバナーエリアのカテゴリ非表示 */
section.ast-single-entry-banner .entry-meta {
    display:none;
}

/* Single */

@media screen and (max-width:781px){
  .has-text-align-center {
    text-align: left;
  }
}

section.ast-single-entry-banner {
    background:var(--ast-global-color-5);
}

/* ラベル */
.detail-sidebar {
    padding-top:24px !important;
}
.detail-sidebar .taxonomy-services.wp-block-post-terms {
    text-align:center;
    margin-bottom:20px;
}

.detail-sidebar .taxonomy-services.wp-block-post-terms a {
    color:#FFF;
    text-decoration:none;
    background: var(--ast-global-color-0);
    display:inline-flex;
    padding:8px 12px 8px;
    line-height:1.2;
}

.detail-sidebar h3.wp-block-heading.has-medium-font-size {
    margin-bottom:10px;
    margin-top:10px;
    text-align:center;
}

.detail-sidebar hr.wp-block-separator.has-alpha-channel-opacity {
    margin-bottom:0px !important;
    margin-top:5px;    
}



/* ------------------------------------------------------------------------------------ 
  ブログ一覧 
------------------------------------------------------------------------------------ */

.category section.ast-archive-entry-banner {
    position: relative;
    overflow: hidden;
    z-index:1;
}
.category section.ast-archive-entry-banner::after {
    content:"";
    position: absolute;
    z-index:0;
    top: 0;
    left: 0;
    z-index: 0;
    display:block;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.35);
}

.category  section.ast-archive-entry-banner .ast-container h1 {
    position:relative;
    z-index:1;
}

.category  section.ast-archive-entry-banner .ast-container img {
    position: absolute;
    z-index:-1;
    top: 0;
    left: 0;
    z-index: 0;
    width:100%;
    height:100%;
    object-fit:cover;
}

/* ページネーション */
.post-page-numbers.current .page-link, .ast-pagination .page-numbers.current {
    color: #FFF;
    border-color: var(--ast-global-color-0);
    background-color: var(--ast-global-color-0);
}
.ast-pagination .page-numbers {
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
}
.ast-pagination .prev.page-numbers, .ast-pagination .next.page-numbers {
	display:none;
}

/* ------------------------------------------------------------------------------------ 
  ブログ
------------------------------------------------------------------------------------ */
.ast-article-post .post-thumb-img-content img ,
header.entry-header:not(.related-entry-header) .post-thumb img,
.ast-single-post-featured-section.post-thumb img {
	object-fit:cover;
}


.ast-article-single img {
	box-shadow:none;
}

/* 記事下ナビ */
.single .post-navigation .nav-links {
    
}
.single .post-navigation .nav-links a span {
    display:none;
}

.single .post-navigation .nav-links a {
    position:relative;
    background: var(--ast-global-color-0);
    color: #FFF;
    padding:.5em;
    min-height:3em;
    display:inline-flex;
    align-items:center;
}
.single .post-navigation a p {
    margin:0;
}

.single .nav-links .nav-previous a {
    padding-left:2em;
}

.single .nav-links .nav-next a {
    justify-content:flex-end;
    padding-right:2em;    
}

.single .nav-links .nav-previous a:before ,
.single .nav-links .nav-next a:after {
    content:"";
    position:absolute;
    display:block;
    width:10px;
    height:10px;
    border:1px solid #FFF;
    top:50%;
    transform:translateY(-50%) rotate(-45deg);
}
.single .nav-links .nav-previous a:before {
    left:14px;
    border-right:0;
    border-bottom:0;
}
.single .nav-links .nav-next a:after {
    right:14px;
    border-top:0;
    border-left:0;
}

.comment-navigation .nav-previous:after,
.post-navigation .nav-previous:after {
    display:none;
}
/* 関連記事 */

.ast-related-posts-inner-section img {
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    object-fit:cover;
}

.post-has-thumb + .entry-header {
    margin-top: .5em;
}

h3.ast-related-post-title.entry-title {
    margin-bottom: 0em;
}
.ast-related-post-content .entry-meta {
    margin-top: 0;
}
.site .ast-single-related-posts-container {
	padding-bottom:40px;
}

/* サイドバー */

.wp-block-latest-posts__featured-image.alignleft {
    width: 80px;
}

ul.wp-block-categories-list a {
    display:block;
}
ul.wp-block-categories-list > li ul {
    margin-left:.75em;
}
ul.wp-block-categories-list > li a {
    margin-bottom:.75em;
}



/* -------------------------------------------
    HOME
------------------------------------------- */
.home .main-header-bar {
    border: 0 !important;
}

.home header#masthead {
    position: absolute;
    top: 0;
    width: 100%;
    background: none !important;
}

.home header#masthead > div > div > div {
    background: none !important;
    background: rgba(255,255,255,0.5) !important;	
}

/* footer */
.home #footer-slide {
    display:none;
}

/* TOP NEWS2 */
#news .top-news-list .dpt-entry-wrapper {
}
/* タイトル */
#news .dpt-title {
    order:3;
    width:calc(100% - 100px - 120px);
    line-height: 1.2 !important;
    padding-top: 5px !important;
}
/* 日付 */
#news .dpt-meta1 {
    width:110px;
    order:1;
    display: flex;
    align-items: center;
    padding: 4px 0;
}
/* カテゴリ */
#news .dpt-meta2 {
    order:2;
    width:110px;
    display: flex;
    align-items: center;
    line-height:1;
}
#news .dpt-categories a {
    display:inline-flex;
    align-items:center;
    color:#FFF;
    background: var(--ast-global-color-0) !important;
    padding: 8px 8px;
    line-height: 1;
}

#news .dpt-entry.has-thumbnail {
    padding-top:0;
}


/* TOP NEWS */

.wp-block-group.top-news .dpt-wrapper {
    display:flex;
	gap:16px;
}

.wp-block-group.top-news .dpt-entry {
flex-basis: calc((100% - 16px) / 2);
}

div#area {}

div#area .wp-block-snow-monkey-blocks-section-break-the-grid {
    padding-top:0;
}

div#area .smb-section__inner>.c-container {
    /* padding-inline:0; */
}

div#area .wp-block-group {
    padding-inline: 0 !important;
}


div#performance {}

div#performance h2.smb-section__title {
    margin-top:10px;
    margin-bottom:20px;
}

div#performance .c-container {
    padding-inline:0;
}


/* -------------------------------------------
    MV
------------------------------------------- */
#mv {
    position:relative;
    height:100vh;
}

#mv .mv-lead {
    position:absolute;
    bottom:20%;
    left:50%;
    transform:translatex(-50%);
    z-index:2;
    width:100%;
	padding-inline: 2rem;
}

#mv .mv-lead p {
    color: #FFF;
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid #FFF;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 32px !important;
	
	display: table;
    padding-inline: 13px 0px;
}

.home #primary {
    margin-top: 0 !important;
}


#mv .smb-spider-slider {
    margin-top:0;
}

#mv .smb-spider-slider img {
    height:100vh;
    object-fit:cover;
}

/* data-active=true のときだけズームアニメ開始 */
/* 既存のフェード transition を停止（opacity・visibility のみに限定） */
/* #mv .smb-spider-slider[data-fade="true"] .spider__slide {
  transition-property: none !important;
  visibility: visible !important;
  opacity:0 !important;
} */


/* data-active=true のときだけズーム＋フェード開始 */
/* #mv .smb-spider-slider [data-active="true"] {
  animation: zoomFade 5s ease-out forwards !important;
}

@keyframes zoomFade {
  0% {
    transform: scale(1);
    opacity: 0 !important;
  }
  10% {
    opacity: 1 !important;
  }
  90% {
    opacity: 1 !important;
  }
  100% {
    transform: scale(1.1);
    opacity: 0 !important;
  }
} */

/* ------------------------------------------------------------------------------------ 
  目次 
------------------------------------------------------------------------------------ */

div#ez-toc-container {
    border: none;
    border-radius: 0;
    background: #fff;
    padding: 1.5rem 2rem;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	margin-bottom:4rem !important;
}
.toc-white div#ez-toc-container {
    background: #FFF;
}

div#ez-toc-container ul li {
    border-bottom:1px solid #d9d9d9;
    padding-bottom:10px;
    margin-bottom:10px;
}
div#ez-toc-container ul li:last-child {
    margin-bottom:0px;
}
div#ez-toc-container ul li a {
    position:relative;
}
div#ez-toc-container ul li a {
    content:"";
    position:relative;
}
/* 
.top-toc {
    margin-top:-120px !important;
}

.top-toc.t80 {
    margin-top:-80px !important;
}
.top-toc.t100 {
    margin-top:-100px !important;
}
.top-toc.t140 {
    margin-top:-140px !important;
}
.top-toc.t140 {
    margin-top:-140px !important;
}
.top-toc.t160 {
    margin-top:-160px !important;
}
.top-toc.t180 {
    margin-top:-180px !important;
}
.top-toc.t200 {
    margin-top:-200px !important;
}
*/

@media screen and (max-width:767px) {
  div#ez-toc-container {
    padding: 1rem 1.5rem;
  }
	
}