/**
Theme Name: ura100
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ura100
Template: astra
*/


/* ヘッダー固定（強制） */
#masthead,
.site-header,
#ast-desktop-header,
.ast-primary-header-bar {
  top: 0;
  z-index: 9999;
}
/* スクロール後のヘッダー高さ */
#masthead.scrolled {
/*padding-top: 10px;
  padding-bottom: 10px;
height: 120px;*/
}

/* スクロール後のメニュー文字色 */
#masthead.scrolled .menu-link {
  color: #333333 !important;
}


/*ヘッダーSP*/
@media (max-width: 543px) {
    .ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {
        max-width: 100px;
        width: 100px;
    }
		.ast-logo-title-inline .ast-site-identity {
		padding:0;
	}

	    [data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle,.ast-builder-layout-element .ast-site-identity {
			margin-top:0;
	}
}
ul#ast-hf-menu-1-mobile {
    padding-top: 32px;
	    font-family: 'Montserrat';
}
@media (max-width: 921px) {
    .ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {
        max-width: 160px;
        width: 160px;
    }
	.ast-logo-title-inline .ast-site-identity {
		padding:0;
	}
		    [data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle,.ast-builder-layout-element .ast-site-identity {
			margin-top:0;
	}
}

/*子ページヘッダー */
body:not(.home) #masthead .menu-link,
body:not(.home) #masthead .ast-builder-menu-1 .menu-item > .menu-link {
  color: #333333 !important;
}

body:not(.home) #content {
  padding-top: 100px !important;
}

@media (max-width: 767.98px){
	body:not(.home) #content {
  padding-top: 65px !important;
}
}

/* MV */


.fv_margin {
    margin: 16px 40px !important;
	border-radius:32px;
}
.mv-side-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.mv-text-left,
.mv-text-right {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    writing-mode: vertical-rl;
    font-size: 17px;
    letter-spacing: 0.3em;
    color: #d51b1a;
    white-space: nowrap;
    font-family: 'Montserrat';
    font-weight: 600;
}

.mv-text-left {
  left: -35px;
}

.mv-text-right {
  right: -35px;
}

.side-text-wrap {
  position: absolute;
  right: 80px;
  top: -220px;
  z-index: 20;
}

.side-text-1,
.side-text-2 {
	writing-mode: vertical-rl;
    font-size: 21px;
    letter-spacing: 0.2em;
    color: #fff;
    white-space: nowrap;
    position: absolute;
    background: #d51b1a;
    padding: 16px 8px;
    font-family: serif;
	font-weight: 700;
}

.side-text-1 { right: 0; top: 0; }
.side-text-2 { right: 60px; top: 40px; }


/*SP*/
@media (max-width: 767.98px){
	.side-text-1, .side-text-2 {
	writing-mode: lr;
    font-size: 16px;
    padding: 2px 8px;
}
	.side-text-wrap {
    right: 90px;
	top: -32px;
	}
	.side-text-2 {
    right: -32px;
    top: 40px;
}
    .wp-block-spectra-container.wp-block-spectra-container[data-spectra-id='spectra-64928334-2614-4b82-8104-7ec91f2584be'].wp-block-spectra-container:where([data-spectra-id='spectra-64928334-2614-4b82-8104-7ec91f2584be']) {
        background-image: url(https://ura100.jp/wp-content/uploads/2026/03/Group-60_1.jpg);
        background-size: 240%!important;
	}
	
}
/* フッター */
.footer {
  background-image: url("https://ura100.jp/wp-content/uploads/2026/03/bg_01.jpg") !important;
	width:100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/*about*/

.t_aboutbtn_sp {
	margin-top:32px!important;
}
/*news*/

.wp-block-latest-posts__list li {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
	justify-content: flex-end;
  gap: 20px;
	border-bottom: 1px solid #333;
}
.wp-block-latest-posts > li > *, .wp-block-latest-posts:not(.is-grid) > li{
	margin:0 8px 8px;
}
.spectra-is-root-container.alignfull.spectra-overlay-color.spectra-overflow.spectra-background-color.spectra-dim-ratio.spectra-box-shadow.news.wp-block-spectra-container {
    padding-top: 40px;
}

    .t_h2 {
		margin-bottom: 8px!important;
	font-size:24px!important;
	}

@media (min-width: 782px) {
    .wp-block-columns {
		width: 100%;
    }
}
@media (max-width: 768px) {
	.wp-block-latest-posts__list li {
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 0px;
	}
	.wp-block-latest-posts > li > *, .wp-block-latest-posts:not(.is-grid) > li {
    margin-top: 4px;
    margin-bottom: 4px;
		text-align:left;
}
	.t_h2 + span
	{
    font-size: 18px !important;
}
}


/* --- カルタ風カードレイアウト（抜粋なし調整版） --- */
.my-card {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* カード全体の枠組み */
.experience-card {
    display: flex;
    flex-direction: column; /* 上下に並べる */
    text-decoration: none;
    color: #333;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    background: #fff;
    position: relative;
    height: 100%; /* 高さを揃える */
    transition: transform 0.3s ease;
}

.experience-card:hover {
    transform: translateY(-5px); /* ホバーで少し浮かせる */
}

/* サムネイル */
.card-thumb {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* カテゴリバッジ */
.card-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    gap: 6px;
    z-index: 10;
}

.card-badge span {
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 11px;
    color: #fff;
    font-weight: 800;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* カテゴリ別カラー */
.badge-sea      { background-color: #174895; }
.badge-mountain { background-color: #366938; }
.badge-cycling  { background-color: #68b47f; }
.badge-culture  { background-color: #db5b45; }
.badge-inbound  { background-color: #ec620e; }

/* カード下部（タイトルエリア） */
.card-body {
    padding: 16px;
    flex-grow: 1; /* 余白を埋めて高さを一定にする */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* 上詰めに配置 */
    min-height: 80px; /* 抜粋がない分、少し高さを確保 */
}

.card-body h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    /* 長いタイトルを3行までに制限 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* --- スマホ対応（2列） --- */
@media (max-width: 768px) {
    .my-card {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .card-thumb {
        height: 140px;
    }

    .card-body {
        padding: 10px;
        min-height: 70px;
    }

    .card-body h3 {
        font-size: 13px !important;
        line-height: 1.4;
    }
	.card-badge span
 {
	 padding: 0px 10px;
    font-size: 9px;
    font-weight: 600;
}
    
    /* アイコンカラムのSP調整 */
    .icon-columns.wp-block-columns.is-not-stacked-on-mobile {
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
    }

    .icon-columns > .wp-block-column {
        flex: 0 0 25% !important;
        box-sizing: border-box !important;
    }
}
/*カテゴリ*/
.icon-columns .wp-block-column a {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 11px;
  color: #fff !important;
  font-weight: 800;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  text-decoration: none;
	width:90px;
}
@media (min-width: 922px){
.wp-block-columns.are-vertically-aligned-center.is-not-stacked-on-mobile.icon-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
    width: 70%;
}
}

.icon-columns .wp-block-column:nth-child(1) a { background-color: #366938; } /* 山 */
.icon-columns .wp-block-column:nth-child(2) a { background-color: #174895; } /* 海 */
.icon-columns .wp-block-column:nth-child(3) a { background-color: #db5b45; } /* 文化 */
.icon-columns .wp-block-column:nth-child(4) a { background-color: #68b47f; } /* サイクリング */
.icon-columns .wp-block-column:nth-child(5) a { background-color: #ec620e; } /* インバウンド */
@media (max-width: 544px) {
    .wp-block-columns .wp-block-column:not(:last-child) {
        margin-bottom: 0px !important;
    }
}
/* 体験一覧抜粋非表示 */
.archive.post-type-archive-experience .entry-content p,
.archive.tax-experience_category .entry-content p,
.my-card .card-body p {
    display: none !important;
}

.badge-top-pick {
  display: none !important;
}
/*about*/
figure.wp-block-image.size-full.is-resized {
    text-align: right;
}

/*コンタクト*/

label.wpforms-field-label {
    color: #333 !important;
    text-align: left;
}
label.wpforms-field-sublabel.after{
	    color: #333 !important;
    text-align: left;
}

.wpforms-field-container {
  width: 80%;
  margin: 0 auto;
}

.wpforms-submit-container {
  width: 80%;
  margin: 0 auto;
}
.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {
	max-width: 100%;
}
.wpforms-container .wpforms-submit-container {
    padding: 16px 0 0 0;
}
@media (max-width: 544px) {
    body, button, input, select, textarea, .ast-button, .ast-custom-button {
        font-size: 14px;
        letter-spacing: 2px;
    }
}
p, .entry-content p {
    color: #333333 !important;
}

/*フッター*/
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
    display: flex !important;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}
.footer-widget-area.widget-area {
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center; 
}

.gt_container--qtyjku .gt_switcher a {
    font-size: 12px!important;
}
@media (max-width: 768px) {
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 20px;
    }

    .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        text-align: center !important;
    }
	.gt_container--qtyjku .gt_switcher .gt_option a {
		line-height: 12px;
}
	
/* ============================
   タイポ統一
   ============================ */

/* h2  */
h2, .wp-block-heading:is(h2) {
  font-size: 32px;
  line-height: 1.4;
  letter-spacing: 0.05em;
}

/* h3 */
h3, .wp-block-heading:is(h3) {
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 0.05em;
}

/* h4*/
h4, .wp-block-heading:is(h4) {
  font-size: 13px!important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1.6;
}

/* リード文 */
.wp-block-paragraph.is-style-lead,
.lead {
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: 0.05em;
}

/* 本文 */
p {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.03em;
}

/* ============================
   SP
   ============================ */
@media (max-width: 768px) {
  h2, .wp-block-heading:is(h2) {
    font-size: 22px;
  }
  h3, .wp-block-heading:is(h3) {
    font-size: 18px!important;
  }
  h4, .wp-block-heading:is(h4) {
    font-size: 12px;
  }
  .wp-block-paragraph.is-style-lead,
  .lead {
    font-size: 16px;
  }
  p,.t_p {
    font-size: 14px!important;
  }
}

@media (min-width: 1024px) {
    .wp-block-spectra-content.wp-block-spectra-content[data-spectra-id='spectra-72713168-a41f-4b17-9d95-858773c9cf57'],.wp-block-spectra-content.wp-block-spectra-content[data-spectra-id='spectra-bc5268b6-5a1b-4125-88fa-2b13033c7535']{
		margin-bottom:16px!important;
	}
}
/*アーカイブページ*/
.ast-no-thumb .post-thumb-img-content,
.ast-no-thumb .post-thumb {
  display: block !important;
  min-height: 200px;
  background-image: url('https://ura100.jp/wp-content/uploads/2026/03/noimage.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
}
section.ast-archive-description {
    background: #fff !important;
}
.ast-post-format-.blog-layout-4.ast-article-inner {
    background: #f0f0f0f0;
}
.post-content>.read-more {
    text-align: right;
}
.ast-archive-description .ast-archive-title {
    font-weight: 600;
}
.entry-meta, .entry-meta * {
    display: none;
}

/* about page*/
.about_01 {
  text-align: left !important;
  align-items: flex-start !important;
}
@media (min-width: 922px) {
  .about_01 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 40px;
  }

  .about_01 > .wp-block-group {
    flex: 1;
    display: flex !important;
    flex-direction: column !important;
  }

  .about_01 > [data-spectra-id="spectra-mnflhmti-1enpez"] {
    flex: 1;
    order: -1;
    margin: 0 !important;
  }

  .about_01 > [data-spectra-id="spectra-mnflhmti-1enpez"] img {
    width: 100%;
    height: auto;
  }
	.wp-block-group.is-content-justification-left.is-layout-constrained.wp-container-core-group-is-layout-12dd3699.wp-block-group-is-layout-constrained {
    margin-left: 0 !important;
}
}
	
/*	about_saiki */
	@media (max-width: 768px) {
	.about_saiki_cr {
		flex-direction:column-reverse!important;
	}
	}
	
/* プライバシーポリシー */
	#post-3 {
    padding-top: 0px!important;
}
#post-3 h4 {
    margin-top: 24px!important;
    margin-bottom: 8px!important;
}
}
/* 404 */
.ast-404-layout-1 .page-sub-title,.ast-404-search .widget_search {
	display: none;
}


/* リストの間隔調整 */
.single-experience .entry-content ul li,
.single-experience .entry-content ol li,
.single-post .entry-content ul li,
.single-post .entry-content ol li {
    margin-bottom: 0.5em;
}

.single-experience .entry-content ul,
.single-experience .entry-content ol,
.single-post .entry-content ul,
.single-post .entry-content ol {
    margin-left: 1em;
}

/* -----------------------------------------
 * 見出し（H3〜H6）のデザイン
 * ----------------------------------------- */

/* H3*/
.single-experience .entry-content h3,
.single-post .entry-content h3 {
    font-size: 1.4rem;
    color: #333333;
    padding: 0.6em 0.8em;
    border-left: 6px solid #666;
    background: #f5f5f5;
    margin-top: 2.5em;
    margin-bottom: 1.2em;
    font-weight: bold;
}

/* H4：下線デザイン（中見出し） */
.single-experience .entry-content h4,
.single-post .entry-content h4 {
    font-size: 1.25rem;
    color: #333333;
    padding-bottom: 0.4em;
    border-bottom: 2px solid #d1d1d1;
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: bold;
}

/* H5・H6*/
.single-experience .entry-content h5,
.single-post .entry-content h5,
.single-experience .entry-content h6,
.single-post .entry-content h6 {
    font-size: 1.1rem;
    color: #333333;
    margin-top: 1.5em;
    margin-bottom: 0.8em;
    font-weight: bold;
	    padding-bottom: 0.4em;
    border-bottom: 1px solid #d1d1d1;
}
/* 体験コンテンツ */
.single-experience .entry-meta {
    display: none !important;
}
.single-experience #primary,
.single-post #primary {
    padding-top: 0 !important;
}


/* news */
.single-post .entry-meta {
    display: none !important;
}