/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 04 2026 | 01:57:28 */
/* 共通 */

@media (min-width: 600px) {
	.sp-only {
		display: none;
	}
}
@media (max-width: 599px) {
	.pc-only {
		display: none;
	}
}
.box-shadow {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .2);
}
.has-border {
	border-width: 2px!important;
}

/* フォント */
html, body, p, a, li, dt, dd, span, input, textarea, button, select, table, th, td, button, input[type="submit"], strong, b, nav, label, small, caption, figcaption {
  font-family:
    "Yu Gothic",
    "YuGothic",
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Meiryo",
    sans-serif;
}
.font-roboto {
	font-family: "Roboto Condensed", sans-serif!important;
}

/* 見出し */
.midashi .icon-wrap {
	place-items: center;
}
@media (max-width: 599px) {
	.midashi .icon-wrap {
		margin-bottom: 5px!important;
	}
}
.midashi figure {
	opacity: .6;
}
@media (max-width: 599px) {
	.midashi figure img[style] {
		width: 50px!important;
	}
}
.midashi p {
	font-family: "Roboto Condensed", sans-serif!important;
	color: #888!important;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 10px!important;
}
@media (max-width: 599px) {
	.midashi p {
		font-size: 14px;
	}
}
.midashi hr {
	margin: 0;
}
.midashi h2 {
	position: relative;
	margin-bottom: 5px!important;
	letter-spacing: .05em!important;
	font-size: 26px;
	padding: .2em .5em!important; 
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 599px) {
	.midashi h2 {
		font-size: 20px;
	}
}

.midashi2 {
	position: relative;
	background: #444;
	color: #fff;
	padding: 18px 20px;
	overflow: hidden;
	background-image:
		linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
	background-size: 28px 28px;
}
.midashi2::before {
	content: "";
	position: absolute;
	top: 0;
	left: -30px;
	width: 80px;
	height: 100%;
	background: var(--color_deep01);
	transform: skewX(-20deg);
}
.midashi2.-gray::before {
	background: #999;
}
.midashi2.-orange::before {
	background: var(--color_deep03);
}

/* メニュー */
#fix_header .c-gnav > .menu-item > a::after {
	background-color: #fff;
}
#header .menu-item-225,
#fix_header .menu-item-225 {
	display: grid;
	place-items: center;
	margin-left: 10px;
	transition: opacity .3s;
}
@media (hover: hover) {
	#header .menu-item-225:hover,
	#fix_header .menu-item-225:hover {
		opacity: .6;
	}
}
#header .menu-item-225 a,
#fix_header .menu-item-225 a {
	background-color: #fff;
	height: 70%!important;
}
#header .menu-item-225 a .ttl,
#fix_header .menu-item-225 a .ttl {
	color: #333;
	font-weight: bold;
}

/* タイルの背景 */
.bg-tile {
  --size: 32px;
  --grout: rgba(0,0,0,.03);
  --mist: rgba(0,0,0,.005);

  background-image:
    linear-gradient(to right, var(--grout) 1px, transparent 1px),
    linear-gradient(to bottom, var(--grout) 1px, transparent 1px),
    radial-gradient(circle at 30% 25%, var(--mist), transparent 55%),
    radial-gradient(circle at 70% 75%, var(--mist), transparent 60%);
  background-size:
    var(--size) var(--size),
    var(--size) var(--size),
    calc(var(--size) * 2) calc(var(--size) * 2),
    calc(var(--size) * 2) calc(var(--size) * 2);
}

/* フッター */
#before_footer_widget .footer.swell-block-fullWide  {
	padding-bottom: 10px!important;
}
@media (max-width: 599px) {
	#before_footer_widget .footer .logo img[style] {
		width: 150px!important;
	}
}
#before_footer_widget .footer a {
	color: #fff;
}
#before_footer_widget .footer .text-privacy a {
	color: #aaa;
}
#before_footer_widget .footer .menu {
	justify-content: center;
}
#before_footer_widget .footer .menu .item {
	padding-left: 10px;
	padding-right: 10px;
}
@media (min-width: 600px) {
	#before_footer_widget .footer .menu .item:first-of-type {
		border-left: 1px solid #999;
	}
	#before_footer_widget .footer .menu .item {
		border-right: 1px solid #999;
	}
}
@media (max-width: 599px) {
	#before_footer_widget .footer .menu .item {
		padding-bottom: 10px;
		position: relative;
	}
	#before_footer_widget .footer .menu .item::before {
		position: absolute;
		content: "";
		bottom: 5px;
		left: 50%;
		transform: translatex(-50%);
		background-color: #999;
		width: 80px;
		height: 1px;
	}
	#before_footer_widget .footer .menu .item a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

/* 下層ページ＆投稿ページ　キービジュアル */
.c-filterLayer.-texture-dot::after {
	display: none;
}
.c-pageTitle,
.c-postTitle__ttl {
	letter-spacing: .1em;
}
.c-pageTitle::before {
	margin-bottom: 0!important;
	color: #fff!important;
	font-family: "Roboto Condensed", sans-serif!important;
	letter-spacing: .15em;
}
@media (min-width: 600px) {
    .l-topTitleArea {
        min-height: 400px!important;
    }
	.c-pageTitle,
	.c-postTitle__ttl {
		font-size: 2em!important;
	}
}

/* パンくず */
#breadcrumb {
	z-index: 2;
}

/* ページタイトル */
.c-postTitle__ttl {
	letter-spacing: .05em;
}
.c-pageTitle__subTitle {
	display: block;
}