/*
Theme Name:VOYAGE child
Theme URI:https://tcd-theme.com/tcd121
Description:WordPressテーマ「VOYAGE」の子テーマ
Template:voyage_tcd121
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.0
*/

/*
  ここから下にCSSを追記してください。
*/
/* Google Fontsの読み込み */
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Noto+Sans+JP:wght@400;700&display=swap');

/* 全体の基本設定（日本語は自動的にNoto Sans JP、英数字はFjalla Oneが優先されます） */
body {
    font-family: 'Fjalla One', 'Noto Sans JP', sans-serif;
}

/* 見出しなど、より Fjalla One を強調したい場所への指定 */
h1, h2, h3, .site-title {
    font-family: 'Fjalla One', 'Noto Sans JP', sans-serif;
    font-weight: 400; /* Fjalla Oneは通常1ウェイトです */
}

section#free_space {
background: url("http://localhost:10148/wp-content/uploads/2026/04/bg-free.jpg") no-repeat;
background-size: cover;
margin-bottom: 70px;
}
.cb_free_content {
    background-color: #fff;
    padding: 50px;
    border-radius: 15px;
    max-width: 900px !important;
		box-shadow: 0 0 8px #b8b6b6;
}
.voice_list .item a {
	background: #ffffff !important;
	box-shadow: 0 0 8px #b8b6b6;
}

/*PCメニュー追加*/
.pc-menu {
    margin-right: 100px;
}
.pc-menu .pc-menu-nav > ul {
  display: flex;
  gap: 55px;
}

.pc-menu .pc-menu-nav ul li {
  position: relative;
}
.home .pc-menu .pc-menu-nav ul li a,
.page-id-203 .pc-menu .pc-menu-nav ul li a,
.page-id-251 .pc-menu .pc-menu-nav ul li a{
	color: #fff;
}

/* 子メニュー */
.pc-menu .pc-menu-nav ul li .sub-menu {
  position: absolute;
  background: rgba(255, 255, 255);
  box-shadow: 0 8px 16px rgba(0,0,0,.08);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
	padding: 5%;
	  left: -60%;
	  top: 100%;
	min-width: 130px;
  transform: translateY(10px);
	padding: 15px 10px;
	margin-top: 10px;
	text-align: center;
	border-radius: 5px;
}
.pc-menu .pc-menu-nav ul li .sub-menu a {
	color: gray;
	font-size: .8rem;
}
.pc-menu .pc-menu-nav ul li .sub-menu > li:not(:last-child) {
	margin-bottom: 10px;
	border-bottom: 1px solid #d3cfcf;
	padding-bottom: 10px;
}

.pc-menu .pc-menu-nav ul li a {
	font-size: .9rem;
}

/* ホバー時に表示 */
.pc-menu .pc-menu-nav ul li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/*スクロール時にメニュー全体に白背景をつける*/
body.start_scroll #header {
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1) !important;
	background: rgba(255, 255, 255, .9) !important;
	top: var(--tcd-header-message-height);
	z-index: 1001;
}
body.start_scroll #header .pc-menu .pc-menu-nav ul li a {
	color: #3faa9f;
}

/*ロゴの白フィルター消去*/
body.home.start_scroll #header #header_logo img {
    filter: none !important;
}


@media (min-width: 1190px) {
	body #drawer_menu_button {
    display: none;
}
	#site_desc {
		display: none;
}
	#header {
		position: sticky !important;
		height: 70px;
	}
}
@media (max-width: 1189px) {
	.pc-menu {
		display: none;
	}
}


#category_sort_button .splide__list {
  display: flex;
  gap: 15px;
}

#category_sort_button .item {
  width: auto !important;
  min-width: 160px;
  flex-shrink: 0;
}

#category_sort_button .item .title {
  display: grid;
  place-items: center;
  height: 70px;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 490px) {
	.voice_carousel .bottom_area p {
    line-height: 1.5;
    white-space: wrap;
}
	.cb_voice .voice_list .item a {
    padding: 20px;
}
	    .cb_voice .voice_list_carousel .voice_list .item {
        flex: 0 0 300px;
	}
	.cb_voice .cb_voice_inner.layout_type2 .headline_area {
    padding: 0 0 40px 0 !important;
}
	.design_button span {
    white-space: nowrap;
}
	.cb_free_content {
    padding: 20px;
}
}