@charset "UTF-8";

/*
Theme Name: KOBAYASHI 2025
Text Domain: kobayashi-2025
Description: 小林よしのり様専用ワードプレステーマ
Author: ONZE
Author URI: https://on-ze.com
Theme URI: https://yoshinori-kobayashi.com
Version: 0.9
*/

/******************/

:root {
--color-black:#000000;
--color-dark:#222222;
--color-darkborder:#454545;
--color-gray:#999999;
--color-border:#E9E9E9;
--color-background:#FAFAF8;
--color-white:#ffffff;
--color-yellow:#FCD41B;
--color-orange:#FCC102;
--font-light:300;
--font-regular:400;
--font-medium:500;
--font-bold:700;
--font-black:900;
--border-radius:5px;
--line-height-small:1.5;
--line-height-normal:1.75;
--letter-spacing:0.05em;
--transition:0.5s;
}


/******************/
/******************/
/* ONZE RESET CSS */

*,
*::before,
*::after {
	box-sizing:border-box;
}

* {
border:0;
margin:0;
outline:0;
padding:0;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
/*	all:unset;
	display:revert;*/
}


article, aside, footer, header, main, nav, article, section {display:block;width: 100%;}
img, picture, audio, canvas, video, svg {display:block; max-width:100%; height: auto;}

br,
hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:none;}

input,
select {vertical-align:middle;}

body {
	line-height:1;
	line-break:strict;
	overflow-wrap:break-word;
	overflow-wrap:anywhere;
	word-break:normal;
	font-feature-settings:"palt";
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
}

a	{-webkit-tap-highlight-color:transparent;}

/******************/
/******************/
/* html format ****/

html {font-size:62.5%;scroll-behavior: smooth;}
/* 
@media (min-width: 1600px) {
	html {font-size: 68.75%; 62.5% × 1.1 = 68.75%}
} */


body {
background-color:var(--color-white);
color:var(--color-dark);
font-family:"Noto Sans JP", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
	font-optical-sizing: auto;
	font-weight:var(--font-regular);
	font-style: normal;
font-size:16px;
font-size:1.6rem;
letter-spacing:var(--letter-spacing);
position:relative;
text-align:center;
width:100%;
}
@media screen and (min-width: 1600px) {
	body {
		font-size:18px;
		font-size:1.8rem;
	}
}

a,
a:link,
a:visited,
a:hover,
a:active {
color:inherit;
	-webkit-tap-highlight-color:transparent rgba(0,0,0,0);
	text-decoration:none;
	-webkit-text-decoration-skip:objects;
}


a:hover {}

h1,
h2,
h3,
h4,
h5,
h6 {display:block; line-height:1.3;}

b {}
i {font-style:normal;}
u {text-decoration:underline;}
em {font-weight:bold;}
strong {font-weight:bold; font-size:1.4em;}
mark {background:transparent;}

q {}
q:before,
q:after {content:'"';}
s {text-decoration:underline;}
del {text-decoration:line-through;}

ins {}
iframe {}

ruby {}
rt {font-size:0.5em;}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}

details {margin:0 0 40px 0;}

hr {margin:0 0 40px 0; border:0; border-top:1px solid #cccccc; border-color:var(--color-border); height:0;}

table {
	border-collapse:collapse; border-spacing:0; empty-cells:show; border:0; width:100%; margin:0 0 2em 0;
}
table th,
table td {
	padding:16px 4px; vertical-align:top; border-bottom:1px solid #cccccc; border-color:var(--color-border);
}
table caption {
	text-align:left; padding:8px;
}

::-moz-selection {background-color:#FCD41B; background-color:var(--color-yellow); color:#ffffff;}
::selection {background-color:#FCD41B; background-color:var(--color-yellow); color:#ffffff;}

/******************/
/******************/
/* shortcodes *****/


.alignright,
.align-right,
.textright,
.text-right {text-align:right;}
.alignleft, .align-left, .textleft, .text-left {text-align:left;}
.center, .aligncenter, .align-center, .textcenter, .text-center {text-align:center; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.empty {visibility:hidden;}
.hide,
.none {display:none;}
.hidden {overflow:hidden;}
.left, .floatleft, .float-left {float:left;}
.right, .float-right, .float-right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.nowrap {white-space:nowrap;}
.small,
.text-small {font-size:0.8em;}

img.left,
img.alignleft,
img.align-left {margin:0 20px 20px 0; float:left;}
img.right,
img.alignright,
img.align-right {margin:0 0 20px 20px; float:right;}

img.full {max-width:100%; width:100%; height:auto;}

table.table-border,
table.table-border th,
table.table-border td {border:1px solid #cccccc; border-color:var(--color-border);}

table.table-hover tbody tr:hover,
table.table-hover tbody tr:nth-child(odd):hover,
table.table-hover tbody tr:nth-child(even):hover {background-color:#FCD41B; background-color:var(--color-yellow); color:#ffffff; cursor:text;
}

table.table-stripe tbody tr:nth-child(odd) {background-color:#cccccc; background-color:var(--color-border);}
table thead th {vertical-align:bottom;}


/* パララックス */
[data-parallax]{
	position: absolute;
	bottom: 0;
	left: 0;
	will-change: transform;
	width: 100%;
	height: auto;
}

/* フェードイン */

[data-sr] {
	transition: filter var(--transition), opacity var(--transition);
	will-change: filter, opacity;
}
[data-sr].is-visible {
	will-change: filter, opacity;
	opacity:1; filter:blur(0);
}


/* トップページ */
.inner {
	clear: both;
	display: flow-root;
	margin: 0 auto;
	position: relative;
	max-width:calc(1312px + 64px + 64px);
	width: 100%;
	padding: 0 64px;
}
/* サイドバーがある時用 */
.main-content.has-sidebar .inner {
	max-width:calc(1024px + 96px + 96px);
	padding: 0 96px;
}
/* フッターやグローバルナビ */
.inner[data-width="min"] {max-width:calc(1120px + 64px + 64px);}
/* シングルページ用 */
.single-main .inner[data-width="single"] {max-width:calc(832px + 192px + 40px);padding: 0 40px 0 40px;}

/* お問い合わせページ用 */
.main-content.has-sidebar .inner[data-width="contact"] {max-width: calc(832px + 96px + 96px);padding: 0 96px;}



@media (min-width: 1600px) {
	.inner {max-width:calc(1568px + 64px + 64px);}
	.inner[data-width="min"] {max-width:calc(1440px + 64px + 64px);}
	.main-content.has-sidebar .inner {max-width: calc(1280px + 96px + 96px);}
	.single-main .inner[data-width="single"] {max-width:calc(1000px + 64px + 64px);padding: 0 64px 0 64px;margin: 0 auto 0 0;}
}
@media (max-width: 780px) {
	.inner {padding: 0 19px;}
	.inner[data-width="min"] {padding: 0 32px;}
	.main-content.has-sidebar {padding-top: 21px;padding-bottom: 80px;}
	.main-content.has-sidebar .inner {padding: 0 19px;}
	.main-content.has-sidebar .inner[data-width="contact"] {max-width: calc(832px + 19px + 19px);padding: 0 19px;}
}

.color-yellow {
	color: var(--color-yellow);
}
.color-red {
	color: #fc261c;
}

/******************/
/******************/
/* WordPress Tags */

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
max-width:100%;
width:100%;
height:auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
#wpstats {display:none;}

.wp-embedded-content {max-width:100%; width:100%;}
.wp-video {margin:0 0 1em 0; max-width:100%; width:100%;}
.wp-video-shortcode {margin:0 0 1em 0; max-width:100%; width:100%;}

/******************/
/******************/

.site {}
.site-header {}
.site-navi {}
.site-main {}
.site-footer {}

/******************/
/******************/
/* header *********/

.site-header {
	width:100%; padding:4px 0 2px 0; display:block; position:relative; background-color:var(--color-yellow);
}

.site-header .inner {max-width:855px;}

.header-logo {margin:0; width:144px; height: 144px; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index: 1;}
.header-logo img{width: 100%;}
.header-logo .site-title {display:block; margin:0; white-space:nowrap; overflow:hidden; position:relative;}
.header-logo .site-title i {font-size:31px; font-size:3.1rem;}
.header-logo .site-title a:hover img {opacity:0.5;}
.header-logo .site-description {display:none;}

/******************/
/******************/
/* navi ***********/

.header-navi {margin:0 auto; position:relative; display:flex; height:144px; justify-content:space-between;}
.header-navi .navi {
	width: fit-content;
	column-gap: 46px;
	justify-content: space-between;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: var(--font-bold);
	letter-spacing: var(--letter-spacing);
}
.header-navi .navi:nth-child(2) {margin:0 0 0 auto; justify-content:flex-end;}
.header-navi ul li {display:table-cell;}
.header-navi ul li i {font-size:14px; font-size:1.4rem; display:block;}
.header-navi ul li a {
	display: block;
	width: 30px;
	padding: 30px 0 0 0;
	background: center top no-repeat;
	background-size: 30px 30px;
	text-align: center;
	position: relative;
	margin-top: 44px;
}
.header-navi ul li a span {
	display: block;
	position: absolute;
	top: calc(100% + 15px);
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
	white-space: nowrap;
}
.header-navi ul li a:hover {
	color:var(--color-dark);
}

.header-navi ul li a span::after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
	display: block;
	width: 0;
	height: 1px;
	background-color: var(--color-black);
	transition: width 0.5s;
}
.header-navi ul li a:hover span::after {width:100%;}

.header-navi .navi.-left li:nth-child(1) a {background-image:url("images/navi-icon-top.svg");}
.header-navi .navi.-left li:nth-child(2) a {background-image:url("images/navi-icon-yoshinori.svg");}
.header-navi .navi.-left li:nth-child(3) a {background-image:url("images/navi-icon-book.svg");}
.header-navi .navi.-left li:nth-child(4) a {background-image:url("images/navi-icon-blog.svg");}

.header-navi .navi.-right li:nth-child(1) a {background-image:url("images/navi-icon-movie.svg");}
.header-navi .navi.-right li:nth-child(2) a {background-image:url("images/navi-icon-event.svg");}
.header-navi .navi.-right li:nth-child(3) a {background-image:url("images/navi-icon-special.svg");}
.header-navi .navi.-right li:nth-child(4) a {background-image:url("images/navi-icon-contact.svg");}

.header-toggle {
	display:block; position:fixed; top:40px; right:40px; background:transparent; cursor:pointer;
	width:52px;
	white-space:nowrap;
	font-size:12px; font-size:1.2rem; font-weight:var(--font-bold);
	color:var(--color-black);
	z-index:9999;
}
.header-toggle .icon {
	display:block; position:relative;
	width:48px; height:48px; overflow:hidden;
	background:url("images/header-toggle.png") 0 0 no-repeat;
	background-size:48px 48px;
	margin:0 auto 10px; transition: transform 0.3s;
}
.header-toggle.on .icon {
	background:url("images/icon-close.svg") 0 0 no-repeat;
	background-size: 19px 19px;
	background-position: center;
	background-color: var(--color-black);
	border-radius: 50%;
}
.header-toggle b {color:var(--color-black);}
.header-toggle b.close {display:none;}
.header-toggle.on {color:#fff;}
.header-toggle.on .open {display:none;}
.header-toggle.on .close {display:block; color:#fff;}
.header-toggle:hover .icon {transform: scale(1.1);}


.sp-navi {
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
	pointer-events: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	color: #fff;
	line-height: var(--line-height-normal);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	z-index: 9998;
}
.sp-navi .sp-navi-wrapper {
	min-height: 100vh;
	width: 100%;
	margin: 0 0 0 auto;
	height: fit-content;
}
.sp-navi .inner {

}
.sp-navi .sp-navi-header {
	display: none;
	padding: 28px 0 0 0;
	background-color: var(--color-dark);
}
.sp-navi .sp-navi-header .title {
	width: 112px;
	height: auto;
}
.sp-navi .global-navi .inner {
	padding-right: 0;
}
.sp-navi .global-navi .navi-content ul.menu>li:has(.sub-menu)::before,
.sp-navi .global-navi .navi-content ul.menu>li:has(.sub-menu)::after {
	right: 32px;
}
.sp-navi .global-navi .navi-content ul.menu>li .sub-menu {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.sp-navi .global-navi .navi-utility {
	padding-right: 32px;
}
.sp-navi .global-navi .navi-utility dl {
	width: 100%;
	max-width: none;
}
.sp-navi .global-navi .link ul {
	justify-content: flex-start;
	column-gap: 20px;
}

@media screen and (min-width: 1600px) {
	.site-header {padding: 4px 0 22px 0;}
	.site-header .inner {max-width: 932px;}
	.header-navi {height: 160px;}
	.header-navi .navi {column-gap: 50px;}
	.header-logo {width: 160px;height: 160px;}
	.header-navi ul li a {background-size: 33px 33px;width: 33px;padding: 33px 0 0 0;margin-top: 50px;}
	.header-navi ul li a span {top: calc(100% + 17px);}
	.header-toggle {top: 44px;font-size: 13px;font-size: 1.3rem;}
	.header-toggle .icon {width: 53px;height: 53px;background-size: 53px 53px;}
}
@media screen and (max-width:780px) {
	.site-header {padding: 4px 0;}
	.header-logo {position:relative; width:112px;height: 112px; transform:translateX(-50%);}
	.header-navi {display:none;}
	.header-toggle {display:block;top: 32px;right:19px;transform: none;font-size: 10px;font-size: 1rem;position: absolute;}
	.header-toggle .icon {width: 40px;height: 40px;margin: 0 auto 6px;background-size: 100% auto;}
	.header-toggle.on .icon {background-size: 12px 12px;}
	.header-toggle:hover {opacity:1;}
	.sp-navi .sp-navi-header {display: block;}
	.sp-navi .sp-navi-wrapper {width: 92%;}
	.sp-navi .global-search{padding-bottom: 0;border: none;}
	.sp-navi .global-navi .navi-utility dl dt a {width: 160px;display: block;margin: 0;}
	.sp-navi small.site-info {padding:2em 32px;text-align: left;}
}

.sp-navi.is-active {
	pointer-events:auto;
}
body.is-navi {overflow:hidden;}





.sp-navi-minimal {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: fit-content;
	z-index: 99;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	display: none;
}
.sp-navi-minimal-wrapper {
	display: flex;
	align-items: stretch;
}
.sp-navi-minimal ul {
	display: flex;
	align-items: stretch;
	width: 100%;
}
.sp-navi-minimal ul li {
	width: 20%;
}
.sp-navi-minimal ul li a {
	display: block;
	padding: 10px 0;
	background-color: var(--color-yellow);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	row-gap: 4px;
	font-size: 10px;
	font-size: 1rem;
	font-weight: var(--font-bold);
	position: relative;
}

.home .sp-navi-minimal ul li:nth-child(1) a {
	background-color: #FCC102;
}
.post-type-archive-onze-custom-blog .sp-navi-minimal ul li:nth-child(2) a {
	background-color: #FCC102;
}
.post-type-archive-onze-custom-movie .sp-navi-minimal ul li:nth-child(3) a {
	background-color: #FCC102;
}
.post-type-archive-onze-custom-event .sp-navi-minimal ul li:nth-child(4) a {
	background-color: #FCC102;
}


.sp-navi-minimal ul li + li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 1px;
	height: 100%;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.sp-navi-minimal ul li a::before {
	content: "";
	display: block;
	width: 100%;
	height: 18px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.sp-navi-minimal ul li:nth-child(1) a::before {
	background-image: url("images/navi-icon-top-sp.svg");
}
.sp-navi-minimal ul li:nth-child(2) a::before {
	background-image: url("images/navi-icon-blog-sp.svg");
}
.sp-navi-minimal ul li:nth-child(3) a::before {
	background-image: url("images/navi-icon-movie-sp.svg");
}
.sp-navi-minimal ul li:nth-child(4) a::before {
	background-image: url("images/navi-icon-event-sp.svg");
}
.sp-navi-minimal .menu-toggle {
	position: static;
	width: 100%;
	height: 100%;
	background-color: var(--color-dark);
	display: block;
	padding: 10px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	row-gap: 3px;
	font-size: 10px;
	font-size: 1rem;
	font-weight: var(--font-bold);
}
.sp-navi-minimal ul li .menu-toggle::before {
	content: "";
	display: block;
	width: 100%;
	height: 18px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.sp-navi-minimal ul li:nth-child(5) .menu-toggle::before {
	background-image: url("images/navi-icon-toggle-sp.svg");
}
.sp-navi-minimal + .navi-toggle {
	position: fixed;
	bottom: 19px;
	right: 19px;
	top: auto;
	z-index: 99999;
	display: none;
}
.sp-navi-minimal + .navi-toggle.on {
	display: none;
}

@media screen and (max-width: 780px) {
	.sp-navi-minimal {display: block;}
	.sp-navi-minimal + .navi-toggle.on {
		display: block;
	}
}




body.home .site-main{
	background-color: var(--color-yellow);
	transition: background-color 0.5s;
}
body.onze-custom-special-template-single-onze-custom-special-ex .site-main {
	background-color: var(--color-yellow);
	transition: background-color 0.5s;
}
body.is-background-fade .site-main {
	background-color: var(--color-white);
	will-change: background-color;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
body.is-background-fade-safari .site-main {
	background-color: transparent;
	transition: none;
	position: relative;
}
body.is-background-fade-safari .site-main::before {
	z-index: -1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	height: 1400px;
	background-image: linear-gradient(0deg, rgba(252, 212, 27, 0) 0%, rgba(252, 212, 27, 1) 50%);
}

/******************/
/* utility ********/

.floating-banner {
	position: fixed;
	bottom: 24px;
	right: 24px;
	width: 352px;
	height: fit-content;
	border-radius: 10px;
	border: 2px solid var(--color-black);
	z-index: 99;
	background-color: var(--color-white);
}
.floating-banner a {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	padding: 18px 40px 18px 18px;
}
.floating-banner a .flex-container {
	width: 100%;
}
.floating-banner a .thumbnail {
	flex-basis: 72px;
	margin: 0;
}
.floating-banner a .description {
	flex-basis: calc(100% - 72px - 16px);
}
.floating-banner a .description p {
	text-align: left;
	margin: 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.floating-banner a .description p.announce {
	color: #F6261C;
	font-weight: var(--font-bold);
	margin-bottom: 0.6em;
}
.floating-banner a .description p.announce.sp {
	display: none;
}
.floating-banner a .description p.title {
	font-weight: var(--font-bold);
	margin-bottom: 0.6em;
	-webkit-line-clamp: 2;
}
.floating-banner .close {
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	background-color: var(--color-black);
	background-image: url("images/icon-close.svg");
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: center;
	cursor: pointer;
}
.floating-banner .close:hover{
	background-color: var(--color-yellow);
}
@media screen and (min-width: 1600px) {
	.floating-banner {
		width: 400px;
		border: 3px solid var(--color-black);
	}
	.floating-banner a {
		padding: 22px 48px 22px 22px;
	}
	.floating-banner a .thumbnail {
		flex-basis: 96px;
	}
	.floating-banner a .description {
		flex-basis: calc(100% - 96px - 20px);
	}
	.floating-banner a .description p {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.floating-banner .close {
		top: 14px;
		right: 14px;
		height: 24px;
		width: 24px;
	}
}
@media screen and (max-width: 780px) {
	.floating-banner {
		width: 124px;
		bottom: 68px;
		right: 8px;
	}
	.floating-banner a .flex-container {
		align-items: center;
	}
	.floating-banner a .thumbnail {
		flex-basis: 32px;
	}
	.floating-banner a {
		padding: 8px 12px 8px 8px;
	}
	.floating-banner a .description {
		flex-basis: calc(100% - 32px - 8px);
	}
	.floating-banner a .description p.announce.pc {
		display: none;
	}
	.floating-banner a .description p.announce.sp {
		display: block;
		margin-bottom: 0;
		line-height: 1.4;
		font-size: 12px;
		font-size: 1.2rem;
		margin-bottom: 1px;
	}
	.floating-banner a .description p.title {
		display: none;
	}
	.floating-banner a .description p.date {
		display: none;
	}
	.floating-banner .close {
		top: -10px;
		right: -6px;
	}
}


/******************/
/******************/
/* widget *********/

.content-bottom-special {
	margin-top: 110px;
	background-color: var(--color-background);
	float: none;
	clear: both;
}
.content-bottom-special .swiper-last .thumbnail,
.content-bottom-book .swiper-last .thumbnail-book {aspect-ratio:1 / 1;}
.content-bottom-links {
	background-color: var(--color-background);
}


.footer-widget {overflow:hidden; width:100%;}
.footer-widget ul {
	text-align:center; display:table; table-layout:fixed; width:100%; list-style:none; border-collapse:collapse;
	line-height:var(--line-height-normal);
}
.footer-widget ul li {
	display:table-cell; margin:0; text-align:center;
	
}
.footer-widget ul li span {display:block; margin:0 auto; position:relative;
}
.footer-widget ul li:nth-child(2) {border-left:1px solid #ffffff;}
.footer-widget ul li a {
	display:block;
	padding:52px 0 60px;
	background:right 3em center no-repeat;
	background-color:var(--color-yellow);
	background-size:auto 80%;
	transition: 0.3s;
}

.footer-widget .title {
	font-size:20px; font-size:2.0rem;
	font-weight:var(--font-black);
	letter-spacing:var(--letter-spacing);
	margin:0 auto 0.5em;
}
.footer-widget .text {
	margin:0 auto 2em;
	font-size:12px; font-size:1.2rem;
}
.footer-widget .more {font-size:12px; font-size:1.2rem; line-height:1;
	border:2px solid var(--color-black); padding:0.9em 2.5em 1.1em 2.5em; border-radius:50px;
	display:block;
	font-weight: var(--font-medium);
	width:fit-content;
	margin:0 auto;
	text-box-trim: trim-both;
	transition: 0.3s;
}

.footer-widget .more a:hover {}

.footer-widget ul li a:hover {
	background-color:var(--color-orange);
	/*background-image:url("images/widget-01.png");*/
}
.footer-widget ul li a:hover .more {background-color:var(--color-black); color:var(--color-yellow);}
/*.footer-widget ul li:nth-child(2):hover {background-image:url("images/widget-02.png");}*/

.footer-widget .text .sp {
	display: none;
}



@media screen and (min-width: 1600px) {
	.footer-widget ul li span {max-width: 630px;}
	.footer-widget .title {font-size: 22px;font-size: 2.2rem;}
	.footer-widget .text {font-size: 13px;font-size: 1.3rem;}
	.footer-widget .more {font-size: 13px;font-size: 1.3rem;}
	.footer-widget ul li a {padding: 56px 0 64px;}
	.footer-widget ul li span br {display:none;}
}
@media (max-width:780px) {
	.footer-widget .title {font-size: 16px;font-size: 1.6rem;}
	.footer-widget .more {background-color: var(--color-black);color: var(--color-background);padding: 0.7em 2.5em 0.9em 2.5em;}
	.footer-widget ul {display:block;}
	.footer-widget ul li {display:block;}
	.footer-widget ul li:nth-child(2) {border:0; border-top:1px solid #ffffff;}
	.footer-widget ul li a {padding: 21px 0 30px 0;}
	.footer-widget .text .sp {
		display: block;
	}
}



.global-search {
	background-color:var(--color-dark); color:var(--color-white);
	padding:60px 0;
	border-bottom:1px solid #333;
	text-align:left;
	line-height:var(--line-height-normal);
	width: 100%;
}
.global-search .flex-container{justify-content:flex-start; margin:0 0 20px 0;
	align-items: baseline;
}
.global-search .title{
	font-size:20px; font-size:2.0rem; font-weight:var(--font-bold);
	margin:0 1em 0 0;
}
.global-search .text {font-size:12px; font-size:1.2rem;}
.global-search input[type="search"] {
	background:url("images/icon-search-white.svg") left 29px center no-repeat;
	background-color:var(--color-black);
	background-size:20px 20px;
	border-color:var(--color-black);
	width:100%;
	margin:0 0 1em 0;
	padding:20px 20px 20px 70px;
	color:#fff;
	font-size: 20px;
	font-size: 2rem;
	border-radius: 10px;
	background-color: #121212;
}
.global-search input[type="search"]:focus {
	border-color: var(--color-yellow);
}
.global-search ul{font-size:12px; font-size:1.2rem;}
.global-search ul li {
	display:inline-block; margin:0 1em 1em 0;
	padding:1px 8px 2px 10px ;
	border:1px solid var(--color-darkborder);
	border-radius: var(--border-radius);
	cursor: pointer;
	transition: 0.3s;
}
.global-search ul li:hover {
	opacity: 0.5;
}
@media screen and (min-width: 1600px) {
	.global-search {padding: 68px 0;}
	.global-search .title {font-size: 22px;font-size: 2.2rem;}
	.global-search {font-size: 13px;font-size: 1.3rem;}
	.global-search input[type="search"] {margin: 0 0 1.2em 0;}
	.global-search .text{font-size: 13px;font-size: 1.3rem;}
	.global-search ul{font-size: 13px;font-size: 1.3rem;}
}
@media screen and (max-width: 780px) {
	.global-search {
		padding: 43px 0;
	}
	.global-search .title {
		font-size: 18px;
		font-size: 1.8rem;
		margin: 0 0.5em 0 0;
	}
	.global-search .text {
		font-size: 10px;
		font-size: 1rem;
	}
	.global-search ul li {
		margin: 0 6px 8px 0;
	}
	.global-search input[type="search"] {font-size: 1.8rem;background-size: 18px 18px;background-position: 29px center;border-radius: 10px;margin-bottom: 24px;}
}
/******************/
/******************/
/* footer *********/

.global-navi {
	text-align:center; padding:0; background-color:var(--color-dark); color:var(--color-white); line-height:var(--line-height-normal);
}

.global-navi .flex-container {
	justify-content:space-between; padding:80px 0;
	flex-direction:row-reverse;
}

.global-navi .navi-utility {flex-basis:192px;}
.global-navi .navi-utility dl dt {padding:0 0 40px 0; border-bottom:1px solid #333;}
.global-navi .navi-utility dl dt a img {width: 100%;}
.global-navi .navi-utility dl dt a:hover {}
.global-navi .navi-utility dl dd {font-size:10px; font-size:1.0rem; margin:0 auto; border-bottom:1px solid #333;}

.global-navi .navi-content {flex-basis:calc(100% - 280px); display:flex;}
.global-navi .navi-content .module {
	flex-grow:1;
}
.global-navi .navi-content ul {clear:both; display:block; width:auto; text-align:left; margin:0 auto 0 0;}
.global-navi .navi-content ul li {display:block; white-space:nowrap; padding:0 2em 0 0; margin:0 0 1em 0;}
.global-navi .navi-content ul li a {
	padding:0;
	text-decoration:underline;
	text-underline-offset:3px; 
	text-decoration-thickness:1px;
}
.global-navi .navi-content ul li a:hover {color:var(--color-yellow);}
.global-navi .navi-content .sub-menu {font-size:12px; font-size:1.2rem; margin:1em auto 2em 0;}
.global-navi .navi-content .sub-menu li a {border:0; color:#cccccc;
	text-decoration:none;
}

.global-navi .navi-content .sub-menu li.navi-content-accordion-top {
	display: none;
}


.global-navi .link {padding:2em 0; margin:0;}
.global-navi .link ul {display:flex; justify-content:space-around;}
.global-navi .link ul li {
	width:32px; height:32px; overflow:hidden;
	transition: 0.3s;
}
.global-navi .link ul li:hover {
	transform: scale(1.1);
}
.global-navi .link ul li a {
	display:block;
	background:0 0 no-repeat;
	background-size:32px 32px;
	padding:40px 0 0 0;
	background-size: contain;
}
.global-navi .link ul li.twitter a {background-image:url("images/icon-x.png");}
.global-navi .link ul li.niconico a {background-image:url("images/icon-niconico.png");}
.global-navi .link ul li.note a {background-image:url("images/icon-note.png");}
.global-navi .link ul li.youtube a {background-image:url("images/icon-youtube.png");}

.global-navi .rss {text-align:left; padding:2em 0;}
.global-navi .rss a {
	display:flex; align-items:center;
	padding:0 0 0 40px;
	position: relative;
	transition: 0.3s;
	margin-left: 10px;
}
.global-navi .rss a:hover {
	color: var(--color-yellow);
}
.global-navi .rss a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 32px;
	min-width: 32px;
	height: 32px;
	transform: translateY(-50%);
	background-image: url("images/icon-rss.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: 0.3s;
}
.global-navi .rss a:hover::before {
	transform: translateY(-50%) scale(1.1);
}


small.site-info {
	clear:both; font-size:12px; font-size:1.2rem; background-color:#14181A; display:block; padding:2em;
	color:#666666;
	letter-spacing: var(--letter-spacing);
}
@media screen and (min-width: 1600px) {
	.global-navi .navi-utility {flex-basis: 226px;}
	.global-navi .link ul li {width:37px;height:37px;}
	.global-navi .navi-utility dl dd {font-size: 12px;font-size: 1.2rem;}
	.global-navi .rss a {min-height: 37px;background-size: 37px 37px;padding: 0 0 0 44px;}
	.global-navi .navi-content {flex-basis:calc(100% - 330px);}
	.global-navi .navi-content ul li a {font-size: 17px;font-size: 1.7rem;}
	.global-navi .navi-content .sub-menu li a {font-size: 13px;font-size: 1.3rem;}
	small.site-info {font-size: 13px;font-size: 1.3rem;}
}
@media (max-width:780px) {
	.global-navi .flex-container {display:block;padding: 53px 0;}
	.global-navi .navi-content {display:block; border-bottom:1px solid #000; margin:0 auto 52px;}
	.global-navi .navi-content ul.menu>li {border-top:1px solid #000; padding:1em 0; margin:0;cursor: pointer;}
	.global-navi .navi-content ul li a {text-decoration:none;font-size:14px;font-size: 1.4rem;}
	.global-navi .navi-content .sub-menu li.global-navi-accordion-top {display: block;}

	.global-navi .navi-content ul.menu>li:has(.sub-menu) > a {pointer-events: none;}

	.global-navi .navi-content ul.menu>li:has(.sub-menu){position: relative;}
	.global-navi .navi-content ul.menu>li:has(.sub-menu)::before,
	.global-navi .navi-content ul.menu>li:has(.sub-menu)::after {
		content:"";position:absolute;top:2.1rem;right:16px;display:block;width:16px;height:16px;background-image:url("images/icon-accordion-toggle.svg");background-repeat:no-repeat;background-size:55%;background-position:center;border-radius: 50%;
		z-index: 2;
	}
	.global-navi .navi-content ul.menu>li:has(.sub-menu)::after {
		background-color: var(--color-black);
		transform: rotate(90deg);
		z-index: 1;
		transition: transform 0.5s;
	}
	.global-navi .navi-content ul.menu>li:has(.sub-menu.accordion-active)::after {
		transform: rotate(0deg);
	}

	.global-navi .navi-content ul.menu>li .sub-menu {
		margin: 24px 0 8px 16px;
		padding: 28px 32px;
		border-radius: 5px;
		background-color: #333333;
	}
	.global-navi .navi-content ul.menu>li .sub-menu > li + li {
		margin-top: 1.2em;
		margin-bottom: 0;
	}
	.global-navi .navi-content ul.menu>li .sub-menu > li > a {
		--font-700: 700;
		color: var(--color-white);
		font-size:12px;font-size: 1.2rem;
	}

	.global-navi .navi-utility {margin:0 auto;}
	.global-navi .navi-utility dl {max-width:240px; margin:0 auto;}
	.global-navi .navi-utility dl dt a {width: 200px;display: block;margin: 0 auto;}
	.global-navi .link ul li {width: 40px;height: 40px;}
	.global-navi .link ul li a {background-size: 40px 40px;}


	.global-navi .rss a {min-height: 40px;}
	.global-navi .navi-utility dl dd {font-size: 14px;font-size: 1.4rem;background-size: 40px 40px;}
}

/******************/
/******************/
/* main ***********/

.site-main {
	padding:0; line-height:var(--line-height-normal);
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	position:relative;
	display: flex;
	flex-wrap: wrap;
}
.post-type-archive-onze-custom-event .site-main {
	overflow: hidden;
}

.main-header {}
.main-thumbnail {}
.main-content {}
.main-sidebar {}
.main-footer {}


.site-main a {}

/******************/
/******************/
/* sidebar.php ****/


.main-header {
	background-color:var(--color-black); color:var(--color-white); line-height:var(--line-height-small);
	margin:0 0 64px 0;
	width: 100%;
	overflow: hidden;
}
.post-type-archive-onze-custom-event .main-header {
	margin:0 0 45px 0;
}
.main-header .title {padding:2px 0 2px 0; font-size:24px; font-size:2.4rem;
	letter-spacing:var(--letter-spacing);}
.main-header .title i {
	font-family: "M PLUS 1", sans-serif;
	font-family: "GSanSerif-B", sans-serif;	/* G2サンセリフ-B */
	font-weight: var(--font-black);
}

.main-header .box {
	background-color:var(--color-yellow);
	padding:40px 0 48px 0;
	text-align:left; color:var(--color-dark);
	line-height:var(--line-height-normal);
	position:relative;
}
.main-header .box::after {
	content:"";
	background:url("images/main-header-background.png") right 10% center no-repeat;
	background-size:auto 100%;
	mix-blend-mode: soft-light;
	position:absolute; top:0; right:0; bottom:0;
	width:100%;
}
.main-header .box .subtitle {font-size:36px; font-size:3.6rem; font-weight:var(--font-black); margin:0 auto 16px 0;
	font-family: "M PLUS 1", sans-serif;
	font-family: "GSanSerif-B", sans-serif;
}
@media screen and (min-width: 1600px) {
	.main-header .title {font-size: 27px;font-size: 2.7rem;padding: 6px 0 6px 0;}
	.main-header .box .subtitle {font-size:40px; font-size:4rem;}
	.main-header .box {padding: 44px 0 52px 0;}
}
@media screen and (max-width: 780px) {
	.main-header {
		margin-bottom: 0;
	}
	.main-header .box::after {
		mix-blend-mode: soft-light;
		opacity: 25%;
		right: -150px;
	}
	.main-header .box .inner {
		padding: 0 42px;
	}
	.main-header .box .subtitle {
		font-size: 32px;
		font-size: 3.2rem;
		margin-bottom: 8px;
	}
	.main-header .box .text {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.main-header .title {
		padding: 2px 0 2x 0;
		font-size: 18px;
		font-size: 1.8rem;
	}
}

.main-content {padding:0 0 110px 0;}
.main-content.has-sidebar {
	width:100%;
	width:calc(100% - 232px);
	margin:0 auto;
	overflow: hidden;
}
@media screen and (min-width: 1600px) {
	.main-content.has-sidebar {
		width:calc(100% - 256px);
	}
}
@media screen and (max-width: 780px) {
	.main-content.has-sidebar {
		float: none;
		width: 100%;
	}
}


/* それぞれのアーカイブページサイドバー */
.main-sidebar {
	width: 232px;
	padding: 0 0 110px 0;
	text-align: left;
}
.main-sidebar .content-selector {
	position: sticky;
	top: 32px;
	left: 0;
	z-index: 2;
}
.main-sidebar .sidebar-title {
	font-weight: var(--font-bold);
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 13px;
	display: block;
}
.main-sidebar .selector-wrapper {
	padding: 18px 0 16px 32px;
	border-bottom: 1px solid var(--color-border);
}
.main-sidebar .hit-count-content {
	padding-top: 0;
}
.main-sidebar .hit-count-content .hit-count-title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: var(--font-bold);
	display: block;
	margin-bottom: 8px;
	line-height: 1;
}
.main-sidebar .hit-count-content .hit-count-number {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: var(--font-black);
	display: block;
	line-height: 1;
	letter-spacing: -0.04em;
}
.main-sidebar .selected-content {
	background-color: var(--color-background);
}
.main-sidebar .selected-content:not(:has(.input-box)) {
	display: none;
}
.main-sidebar .selected-content .flex-container {
	column-gap: 16px;
	margin-bottom: 13px;
	justify-content: flex-start;
}
.main-sidebar .selected-content .sidebar-title {
	margin-bottom: 0;
	color: #fc261c;
}
.main-sidebar .selected-content .clear {
	font-size: 10px;
	font-size: 1rem;
	display: flex;
	align-items: center;
	column-gap: 0.5em;
	background-color: transparent;
	font-weight: var(--font-medium);
	cursor: pointer;
}
.main-sidebar .selected-content .clear::before {
	content: "";
	display: block;
	background-color: var(--color-black);
	border-radius: 50%;
	width: 16px;
	height: 16px;
	background-image: url("images/icon-close.svg");
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: center;
}
.main-sidebar .year {
	display: flex;
	align-items: center;
	column-gap: 0.6em;
	cursor: pointer;
	font-size: 12px;
	font-size: 1.2rem;
}
.main-sidebar .month-accordion + .year {
	margin-top: 7px;
}
.main-sidebar .input-more {
	margin-top: 12px;
	display: flex;
	align-items: center;
	column-gap: 0.6em;
	font-size: 10px;
	font-size: 1rem;
	cursor: pointer;
}
.main-sidebar .month-accordion {
	margin-top: 9px;
	margin-bottom: 9px;
}
.main-sidebar .icon-more {
	width: 16px;
	height: 16px;
	display: block;
	background-color: var(--color-black);
	background-image: url("images/icon-accordion-toggle.svg");
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: center;
	border-radius: 50%;
	position: relative;
}
.main-sidebar .icon-more::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: rotate(90deg);
	display: block;
	background-image: url("images/icon-accordion-toggle.svg");
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: center;
	transition: transform 0.5s;
}
.main-sidebar .accordion-active .icon-more::after {
	transform: rotate(0deg);
}
.main-sidebar .input-accordion {
	padding-top: 12px;
}
.main-sidebar .search-content {
	padding-bottom: 24px;
}
.main-sidebar .search-box {
	padding: 0.3em 0.6em;
	column-gap: 0.5em;
	background-color: var(--color-background);
	border: 1px solid var(--color-border);
	display: flex;
	align-items: center;
	width: 100%;
	height: fit-content;
	position: relative;
	border-radius: 5px;
}
.search-box:focus-within {
	border: 1px solid var(--color-yellow);
}
.main-sidebar .search-box::before {
	content: "";
	display: block;
	width: 1.7em;
	height: 1.7em;
	background-image: url("images/icon-search-black.svg");
	background-repeat: no-repeat;
	background-size: 67%;
	background-position: center;
}
.main-sidebar .search-box input {
	border: none;
	background-color: transparent;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.main-sidebar .search-box input:focus {
	border: none;
}

.main-sidebar .sp-submit-content {
	padding: 16px 0;
	border-bottom: 1px solid var(--color-border);
	display: none;
}
.main-sidebar .sp-submit-content button {
	width: fit-content;
	background-color: var(--color-yellow);
	border-radius: 999px;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 9px 32px  11px 32px;
	font-weight: var(--font-bold);
	margin: 0 auto;
	display: block;
}
.main-sidebar .toggle-content {display: none;width: 100%;border: none;align-items: center;justify-content: space-between;}
.main-sidebar .toggle-title {border: 1px solid var(--color-border);border-radius: 5px;padding: 7px 20px 7px 10px;font-size: 10px;font-size: 1rem;display: flex;column-gap: 18px;align-items: center;width: fit-content;white-space: nowrap;background-color: var(--color-white);}
.main-sidebar.sidebar-active .toggle-title {border: 1px solid var(--color-yellow);background-color: #FFF7D2;}
.main-sidebar .toggle-title::before {background-image:url("images/icon-filter.svg");background-repeat:no-repeat;background-size:contain;background-position:center;width:18px;height:18px;content: "";}

.main-sidebar .toggle-button {font-size: 10px;font-size: 1rem;display: flex;column-gap: 8px;align-items: center;width: fit-content;font-weight: var(--font-bold);}
.main-sidebar .toggle-button::after {background-image:url("images/icon-close.svg");background-repeat:no-repeat;background-size:8px;background-position:center;width:24px;height:24px;content: "";background-color: var(--color-black);border-radius: 50%;display: block;}

.main-sidebar .hit-count-content .hit-count-title .sp {display: none;}


/* data-haishin があり、かつ youtube 以外 → 非表示 */

/* data-haishin を持ち、youtube 以外 → 非表示 */
/* youtube・niconico 以外 → 非表示 */
.main-sidebar .selector-wrapper .input-box[data-haishin]:not([data-haishin="youtube"]):not([data-haishin="niconico"]) {
	display: none;
}

/* youtube・niconico → 表示 */
.main-sidebar .selector-wrapper .input-box[data-haishin="youtube"],
.main-sidebar .selector-wrapper .input-box[data-haishin="niconico"] {
	display: block;
}

/* data-haishin なし → 表示 */
.main-sidebar .selector-wrapper .input-box:not([data-haishin]) {
	display: block;
}


@media screen and (min-width: 1600px) {
	.main-sidebar {
		width: 256px;
	}
	.main-sidebar .input-box + .input-box {margin-top: 14px;}
	.main-sidebar .year {font-size: 13px;font-size: 1.3rem;}
	.main-sidebar .month-accordion + .year {
		margin-top: 4px;
	}
	.main-sidebar .month-accordion {margin-top: 11px;margin-bottom: 11px;}
}
@media screen and (max-width: 780px) {
	.main-sidebar {float: none;width: 100%;z-index: 999;background-color: var(--color-white);top:0;position:relative;margin-bottom: 0;padding-bottom: 0;position: sticky;top: 0;left: 0;}
	.main-sidebar.sidebar-active {overflow-y: auto;max-height: 100dvh;}

	.main-sidebar .content-selector {height: fit-content;position: static;}

	.search-content {display: none;}
	.main-sidebar .sp-submit-content {display: none;border-top: 1px solid var(--color-border);}
	.main-sidebar .toggle-button {display: none;}
	.main-sidebar .selector-container {display: none;}
	.main-sidebar .selector-wrapper {padding: 18px 20px;}
	.main-sidebar .sidebar-title {font-size: 12px;font-size: 1.2rem;margin-bottom: 18px;}
	.main-sidebar .input-container {display: flex;flex-wrap: wrap;column-gap: 16px;row-gap: 12px;}
	.main-sidebar .select-year .input-container {display: block;}
	.main-sidebar .input-box + .input-box {margin-top: 0;}
	.main-sidebar .input-accordion {display: contents;}
	.main-sidebar .selector-container .input-accordion {width: 100%;display: flex;flex-wrap: wrap;column-gap: 16px;row-gap: 12px;padding-top: 0;}
	.main-sidebar .input-more {width: 100%;margin-top: 4px;}
	.main-sidebar .year {font-size: 12px;font-size: 1.2rem;margin-top: 18px;}
	.main-sidebar .month-accordion {margin-top: 18px;display: flex;flex-wrap: wrap;column-gap: 16px;row-gap: 12px;}


	.main-sidebar .selected-content .clear::before {background-image: url("images/icon-close-sp.svg");background-size: contain;}
	.main-sidebar .selected-content {background-color: transparent;}
	.main-sidebar .toggle-content {display: flex;background-color: var(--color-background);column-gap: 8px;justify-content: flex-start;padding: 12px 20px 14px 20px;}
	.main-sidebar .utility-content {padding: 0 0 16px 20px;overflow-x: auto;width: 100%;background-color: var(--color-background);}
	.main-sidebar .utility-inner {display: flex;width: max-content;column-gap: 12px;padding-right: 20px;}
	.main-sidebar .hit-count-content {width: fit-content;padding: 0;display: flex;align-items: center;column-gap: 8px;min-width: fit-content;border: none;}
	.main-sidebar .hit-count-content .hit-count-title {font-size: 8px;font-size: 0.8rem;margin-bottom: 0;}
	.main-sidebar .hit-count-content .hit-count-title .sp {display: block;}
	.main-sidebar .hit-count-content .hit-count-number {font-size: 20px;font-size: 2rem;}
	.main-sidebar .selected-content {width: fit-content;padding: 0;display: flex;align-items: center;border: none;column-gap: 12px;}
	.main-sidebar .selected-content .flex-container {margin-bottom: 0;}
	.main-sidebar .selected-content .input-container {flex-wrap: nowrap;column-gap: 12px;}
	.main-sidebar .selected-content .sidebar-title {display: none;}
	.main-sidebar .selected-content .clear {white-space: nowrap;}
	.main-sidebar .selected-content .input-more {white-space: nowrap;margin-top: 0;}
	.main-sidebar .selected-content .input-box input + label {font-size: 10px;font-size: 1rem;}
	.main-sidebar .selected-content .input-box input + label .icon {width: 16px;height: 16px;min-width: 16px;}
}


.main-footer {clear:both;}

/******************/
/******************/
/* post-type ******/

.page-thumbnail {
	margin:0 0 30px 0;
	border-radius: 5px;
	overflow: hidden;
}

.page-title {
	text-align: left;
	margin: 0 0 38px 0;
	padding: 0 0 34px 0;
	border-bottom: 1px solid var(--color-border);
}
.page-title .title {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: var(--font-black);
	line-height: var(--line-height-small);
	margin: 0 0 23px 0;
}
.page-title .title .icon {
	border-radius:50px;
	width:40px;
	min-width: 40px;
	height:40px;
	margin:0 20px 0 0;
	display:block;
	overflow:hidden;
}
.page-title dl {font-size:14px; font-size:1.4rem; margin:1em 0 0.5em 0; }
.page-title dl dt,
.page-title dl dd {margin:0 1em 0 0;}
.page-title dl dt {font-weight:var(--font-bold); display:inline-block;}
.page-title dl dd {display:inline-block;}
.page-title .description {font-size:12px; font-size:1.2rem;}

.page-content {text-align:left;}
@media screen and (min-width: 1600px) {
	.page-thumbnail {
		aspect-ratio: 1280 / 212;
		width: 100%;
		margin-bottom: 36px;
	}
	/*.page-title .title .icon {
		width: 44px;
		height: 44px;
	}*/
	.page-title .title {
		font-size: 30px;
		font-size: 3rem;
		margin: 0 0 28px 0;
	}
}

@media screen and (max-width: 780px) {
	.page-thumbnail {
		aspect-ratio: 352 / 97;
		width: 100%;
		margin-bottom: 16px;
	}
	.page-thumbnail img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.page-title {margin: 0 0 32px 0;padding: 0 0 30px 0;}
	.page-title .title {
		font-size: 16px;
		font-size: 1.6rem;
		margin-bottom: 16px;
	}
	.page-title .title .icon {
		width: 24px;
		height: 24px;
		min-width: 24px;
		margin-right: 8px;
	}
	.page-title dl {font-size: 12px;font-size: 1.2rem;margin: 0 0 14px 32px;}
	.page-title .description {font-size: 12px;font-size: 1.2rem;margin: 0 0 0 32px;}
	.page-title .button a .icon {
		width: 30px;
		min-width: 30px;
		height: 30px;
	}
}

/******************/
/* section ********/

.section {position:relative; display:block; padding:40px 0 64px; margin:0; overflow:hidden; width:100%;}
@media screen and (max-width: 780px) {
	.section {padding:40px 0 48px;}
}

.section-title {
	text-align:left; display:flex; align-items:center;
	line-height:1.2;
	margin:0 auto 2em 0;
	letter-spacing:var(--letter-spacing);
}
.section-title .title {
	display:inline-block;
	border-top:3px solid var(--color-black);
	border-left:3px solid var(--color-black);
	border-bottom:3px solid var(--color-black);
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	padding:0 0.4em 0 0.8em;
	margin:0 1em 0 0;
	font-weight:var(--font-bold);
	white-space:nowrap;
	font-size:15px; font-size:1.5rem;
	line-height:30px;
	height:38px;
	position:relative;
}
.section-title .title::after {
	content:"";
	display:block;
	position:absolute; top:-3px; right:-15px; bottom:0; width:18px; height:38px;
	background:url("images/section-title-deco.png") right top no-repeat;
	background-size:auto 38px;
	z-index:2;
}

.section-title .title::after {}
.section-title .description {font-size:12px; font-size:1.2rem; margin:0 0 0 1em; letter-spacing:var(--letter-spacing);}

@media screen and (min-width: 1600px) {
	.section {padding: 48px 0 72px;}
	.section-title .title {font-size: 17px;font-size: 1.7rem;height: 42px;line-height: 34px;padding: 0 0.45em 0 0.8em;}
	.section-title .title::after {width: 19px;height: 42px;background:url("images/section-title-deco-large.png") right top no-repeat;background-size: auto 42px}
	.section-title .description {font-size: 13px;font-size: 1.3rem;}
}
@media screen and (max-width: 780px) {
	.section-title {display: block;margin: 0 auto 32px 0;}
	.section-title .description {margin: 16px 0 0 0;line-height: 1.7;}
}

/******************/
/******************/
/* front-page.php */

.section-top-slider {
	position:relative; width:100%;
	/* background-color:var(--color-yellow); */
	overflow:hidden;
	padding:20px 0 0 0;
	margin-top:-20px;
}


.section-top-kobayashi .archives-slider .thumbnail {
	background-color: #f6f6f4;
}
@media screen and (max-width: 780px) {
	.section-top-kobayashi {padding-top: 26px;}
}
/* .section-top-movie {background-color:#FAFAF8;} */


.section-top-account {
	background-color:var(--color-dark);
	color:var(--color-white);
	padding-bottom:40px;
}
.section-top-account .section-title {margin-bottom: 0;}
.section-top-account .section-title .title {border-color:#fff;}
.section-top-account .section-title .title::after {background-image:url("images/section-title-deco-white.png");}

/* .section-top-kobayashi .archives-slider .thumbnail {background-color: transparent;} */
.section-top-blog {
	background-color:#FAFAF8;
}
.section-top-blog .buttons .button.blog-all {
	margin-left: 12px;
}
.section-top-blog .archives-slider .thumbnail  {
	background-color: var(--color-white);
}
@media screen and (max-width: 780px) {
	.section-top-blog .buttons .button.blog-all {
		margin-left: 0;
	}
}

.section-top-note {
	background-color:#FAFAF8;
}
.section-top-note .archives-slider .thumbnail  {
	background-color: var(--color-white);
}

.list-account ul {
	display:flex; justify-content:flex-start; flex-wrap:wrap;
	font-size:14px; font-size:1.4rem;
	padding:40px 0 0 0;
}
.list-account ul li {
	padding:0 2em 0 0; margin:0 0 24px 0; max-width:300px; flex-basis:25%;
	line-height:var(--line-height-small);
	letter-spacing:var(--letter-spacing);
}
.list-account ul li a {display:flex; justify-content:flex-start; align-items:center; text-align:left;}
.list-account ul li .thumbnail {
	width:64px; min-width:64px; height:64px;
	display:block; margin:0 16px 0 0;
	overflow:hidden; border-radius:var(--border-radius);
}
.list-account ul li .thumbnail img {width:100%; height:100%; object-fit:cover;}
.list-account ul li .text {
	text-box-trim: trim-both;
	display: inline;
	background: linear-gradient(to top, currentColor 2px, transparent 99%) no-repeat;
	transition: background-size 1.0s ease;
	background-position: 0% 100%;
	background-size: 0% 1px;
}
.list-account ul li .text:hover {
	background-size: 200% 1px;
}
.list-account ul li .text::after {content:""; display:inline-block; width:0.8em; height:0.8em;
	background:url("images/icon-link.svg") center center no-repeat;
	background-size:0.8em 0.8em;
	margin:0 0 0 0.4em;
}
.list-account ul li a:hover {
	color:var(--color-orange);
}
.list-account ul li a:hover .text::after {background-image:url("images/icon-link-yellow.svg");}

@media screen and (min-width: 1600px) {
	.list-account ul {font-size: 15px;font-size: 1.5rem;}
	.list-account ul li {padding: 0 2.2em 0 0;margin: 0 0 32px 0;}
	.list-account ul li .thumbnail{width: 80px;height: 80px;min-width: 80px;}
}
@media (max-width:780px) {
	.list-account ul{font-size: 10px;font-size: 1rem;column-gap: 24px;}
	.list-account ul li {flex-basis:calc(50% - 12px); max-width:inherit; padding:0 0 0 0;}
	.list-account ul li .thumbnail {width: 48px;min-width: 48px;height: 48px;margin: 0 12px 0 0;}
}


.section-top-special {
	background-color:#FAFAF8;
	padding-bottom:64px;
}

.section-top-calendar {background-color:#f0f4f9;}
.section-top-calendar .calendar {padding: 12px;background-color: #f0f4f9;}
.section-top-calendar .button {margin-top: 2rem;}

.section-top-goods {background-color: var(--color-background);}
.section-top-goods .archives-slider .swiper-slide .thumbnail {
	padding: 1.5rem;
	background-color: var(--color-white);
}
.section-top-goods .archives-slider .swiper-slide .thumbnail img {
	width: auto;
	min-width: auto;
	max-width: 100%;
	height: auto;
	min-height: 80%;
	max-height: 80%;
	object-fit: unset;
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
}
.section-top-goods .archives-slider .photo,
.section-top-goods .archives-slider .category,
.section-top-goods .archives-slider .summary,
.section-top-goods .archives-slider .author,
.section-top-goods .archives-slider .date {
	display: none;
}
.section-top-goods .archives-slider .title {
	font-weight: var(--font-bold);
	margin: 0 0 0.3em 0;
	font-size: 14px;
	font-size: 1.4rem;
}
.section-top-goods .archives-slider .price {
	font-size: 15px;
	font-size: 1.5rem;
}
@media screen and (min-width: 1600px) {
	.section-top-goods .archives-slider .title {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.section-top-goods .archives-slider .price {
		font-size: 17px;
		font-size: 1.7rem;
	}
}

.section-top-option .flex-container {
-webkit-justify-content:space-between;
justify-content:space-between;
}
.section-top-option dl {background-color:#ffffff; padding:40px 20px 20px; border-radius:2px;}
.section-top-option dl dt {text-align:center; font-size:12px; font-size:1.2rem; margin:0 0 1em 0; line-height:1.3;}
.section-top-option dl dt i {font-size:18px; font-size:1.8rem; display:block; color:#FCD41B; color:var(--color-yellow);}
.section-top-option dl dd {text-align:left; font-size:12px; font-size:1.2rem;}

.section-top-option dl dt i:before {display:block; font-family:'Material Icons'; font-size:40px; line-height:1; white-space:nowrap;}
.section-top-option dl:nth-child(1) dt i:before {content:"\E30D";}
.section-top-option dl:nth-child(2) dt i:before {content:"\E1B1";}
.section-top-option dl:nth-child(3) dt i:before {content:"\E912";}
.section-top-option dl:nth-child(4) dt i:before {content:"\E871";}
.section-top-option dl:nth-child(5) dt i:before {content:"\E324";}
.section-top-option dl:nth-child(6) dt i:before {content:"\E3EC";}

.section-top-links {
}
.section-top-supporter {background-color: var(--color-background);}

.section-top-modal {
	position:fixed; top:0; left:0; width:100%;height: 100%; min-height:100vh;
	background-color:#FCD41B;
	background-color:rgba(252, 212, 27, 0.8);
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	z-index:9999;
	display:block;
}
.section-top-modal .modal-wrapper {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
}
.section-top-modal .modal-box {
	background-color: #fff;
	padding: 2em;
	border-radius: 10px;
	max-width: 544px;
	margin: 5% auto;
	position: relative;
	text-align: left;
}
.section-top-modal .modal-close {
	position:absolute; width:48px; height:48px;
	right:-16px; top:-16px; background-color:var(--color-dark);
	border-radius:50px; cursor:pointer;
	z-index:99;
	background-image:url("images/icon-close.svg");background-repeat:no-repeat;background-size:40%;background-position:center;
	transition: 0.3s;
}
.section-top-modal .modal-close:hover {transform: scale(1.1);}
.section-top-modal .modal-box .modaltitle {
	font-size:28px; font-size:2.8rem; font-weight:var(--font-black); margin:0 auto 1em; text-align:center;
	font-family:"M PLUS 1", sans-serif;
	font-family: "GSanSerif-B", sans-serif;
}
.section-top-modal .modal-box .title {font-size:20px; font-size:2rem; font-weight:var(--font-bold);margin: 0 0 0.3em 56px;}
.section-top-modal .modal-box .author {display: none;}
.section-top-modal .modal-box .moviecategory {font-size:16px;font-size:1.6rem;font-weight:var(--font-bold);margin: 0 0 0.3em 56px;}
.section-top-modal .modal-box [data-post="movie"] .tags li {
	border: 1px solid #cccccc;
	border-radius: var(--border-radius);
	padding: 0.2em 0.6em;
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
	text-box-trim: trim-both;
	font-size: 10px;
	font-size: 1rem;
}
.section-top-modal .modal-box [data-post="movie"] .tags {
	margin: 0.3em 0 0 56px;
}
.section-top-modal .modal-box .summary {
	margin: 0 0 0 56px;
}
.section-top-modal .modal-box .date {
	margin: 0 0 0 56px;
}
.section-top-modal .modal-box .photo {
	width: 40px;
	height: 40px;
	min-width: 40px;
}
.section-top-modal .modal-box .author-wrapper {
	display: contents;
}
@media screen and (max-width: 780px) {
	.section-top-modal .modal-box {max-width: 352px;width: 90%;}
	.section-top-modal .modal-box .title {margin-left: 0;}
	.section-top-modal .modal-box .moviecategory {margin-left: 0;width: calc(100% - 16px - 40px);line-height: 1.4;}
	.section-top-modal .modal-box [data-post="movie"] .tags {margin-left: 0;}
	.section-top-modal .modal-box .date {margin-left: 0;}
	.section-top-modal .modal-box .summary {margin-left: 0;}
	.section-top-modal .modal-box .author-wrapper {display: flex;column-gap: 16px;}
	.section-top-modal .modal-box .category {display: none;}
	.section-top-modal .modal-box .summary {display: none;}
	.section-top-modal .modal-close {width: 40px;height: 40px;top: -8px;right: -8px;}
}

.section-top-calendar .calendar {
	width: 100%;
	height: auto;
}
.section-top-calendar .calendar iframe{
	width: 100%;
}
/******************/
/* page.php *******/

.article-faq dl dt {font-weight:var(--font-bold); margin:0 0 30px 0;font-size: 16px;font-size: 1.6rem;}
.article-faq dl dt::before {content:"Q"; margin:0 1em 0 0;}
.article-faq dl dd {
	background-color:var(--color-background);
	padding: 32px 52px 32px 128px; margin:0 0 72px 0;
	display:block; position:relative;
	border-radius: 5px;
}
.article-faq dl dd::before {
	content:"A";
	position:absolute; left:42px; top:32px;font-size: 16px;font-size: 1.6rem;
	font-weight:var(--font-bold);
}
.article-faq dl dd::after {
	content: "";
	position: absolute;
	left: 94px;
	top: 40px;
	bottom: 40px;
	border-left: 1px solid var(--color-border);
}
@media screen and (min-width: 1600px) {
	.article-faq dl dt {font-size: 18px;font-size: 1.8rem;}
	.article-faq dl dd::before {font-size: 18px;font-size: 1.8rem;}
}
@media screen and (max-width: 780px) {
	.article-faq dl dd {
		padding: 125px 48px 48px 48px;
		margin-bottom: 60px;
	}
	.article-faq dl dd::before {
		left: 48px;
		top: 32px;
		font-size: 24px;
		font-size: 2.4rem;
	}
	.article-faq dl dd::after {
		left: 48px;
		right: 48px;
		top: 90px;
		bottom: auto;
		border-bottom: 1px solid var(--color-border);
	}
}



body.search .breadcrumbs {
	display: none;
}
body.search .breadcrumbs + .global-search {
	display: none;
}
body.search .content-bottom {
	display: none;
}
.article-search-result .main-header {
	margin-bottom: 0;
}
.article-search-result .section-search-result:nth-child(2n) {
	background-color: var(--color-background);
}















.article-company .section-company-info table th,
.article-company .section-company-info table td {padding:30px 0;}
.article-company .section-company-info table th {font-weight:bold; min-width:200px;}
.article-company .section-company-history ol {columns:2;}


/* .article-profile {} */
/* .article-service {} */
/* .article-contact {} */

.article-contact .note {
	border: 4px solid #fc261c;
	border-radius: 10px;
	padding: 40px 48px;
	margin-bottom: 40px;
}
.article-contact .note .title {
	font-size: 20px;
	font-size: 2rem;
	font-weight: var(--font-bold);
	color: #fc261c;
	display: block;
	margin-bottom: 16px;
}
.article-contact .note p {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0;
}
.article-contact .description {
	padding-bottom: 56px;
}
.wpcf7-form .form table th,
.wpcf7-form .form table td {
	display: block;
	border: none;
}
.wpcf7-form .form table th {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: var(--font-bold);
	text-align: left;
	color: var(--color-dark);
	padding: 0 0 17px 0;
}
.wpcf7-form .form table th b {
	color: #fc261c;
}
.wpcf7-form .form table th .example {
	font-weight: var(--font-regular);
	color:#666666;
}
.wpcf7-form .form table td {
	padding: 0 0 32px 0;
}
.wpcf7-form .input-box {
	width: fit-content;
}
.wpcf7-form .input-box + .input-box {
	margin-top: 12px;
}


.wpcf7-form input[type=checkbox] {
	display: none;
}
.wpcf7-form input[type=checkbox]+.wpcf7-list-item-label {
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	column-gap: 0.6em;
	font-size: 14px;
	font-size: 1.4rem;
	user-select: none;
	line-height: 1;
	margin-bottom: 2px;
}
.wpcf7-form input[type=checkbox]+.wpcf7-list-item-label::before {
	content: "";
	cursor: pointer;
	display: block;
	position: relative;
	margin-top: 1px;
	width: 20px;
	height: 20px;
	min-width: 20px;
	border-radius: 50%;
	background-color: #999999;
	background-image: url("images/icon-check-white.svg");
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
}
.wpcf7-form input[type=checkbox]+.wpcf7-list-item-label::after {
	content: "";
	display: block;
	position: absolute;
	margin-top: 1px;
	top: 0;
	left: 0;
	opacity: 0;
	width: 20px;
	min-width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: var(--color-yellow);
	background-image: url("images/icon-check-black.svg");
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	transition: 0.1s;
	transform: rotate(45deg) scale(2);
}
.wpcf7-form input[type=checkbox]:checked+.wpcf7-list-item-label::after {
	opacity: 1;
	transform: rotate(0deg) scale(1);
	transition: transform 0.3s;
}

.wpcf7-form input[type=radio] {
	display: none;
}
.wpcf7-form input[type=radio]+.wpcf7-list-item-label {
	white-space: nowrap;
	user-select: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	column-gap: 0.6em;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0;
	position: relative;
	padding: 1em 1.5em;
	border: 1px solid var(--color-border);
	background-color: transparent;
	border-radius: 10px;
}
.wpcf7-form input[type=radio]:checked+.wpcf7-list-item-label {
	background-color: var(--color-background);
}
.wpcf7-form input[type=radio]+.wpcf7-list-item-label::before {
	content: "";
	cursor: pointer;
	display: block;
	position: static;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid var(--color-black);
}
.wpcf7-form input[type=radio]+.wpcf7-list-item-label::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 1.85em;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: var(--color-black);
	transition: transform 0.3s;
	transform: translateY(-50%) scale(0);
	border: none;
	opacity: 1;
}
.wpcf7-form input[type=radio]:checked+.wpcf7-list-item-label::after {
	transform: translateY(-50%) scale(1);
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea {
	background-color: #F6F6F8;
	border: 1px solid #F6F6F8;
	width: 100%;
}
.wpcf7-form textarea {
	resize: vertical;
}
.wpcf7-form input[type=text]:focus,
.wpcf7-form input[type=email]:focus,
.wpcf7-form textarea:focus  {
	border: 1px solid #FC8B1B;
}
.wpcf7-form .acceptance-box {
	border: 1px solid var(--color-border);
	border-radius: 10px;
	padding: 48px 0;
	font-weight: var(--font-bold);
}
.wpcf7-form .acceptance-box label {
	margin: 0 auto;
	width: fit-content;
	font-size: 16px;
	font-size: 1.6rem;
}
.wpcf7-form .acceptance-box b {
	color: #fc261c;
}
.template-content .wpcf7-form .acceptance-button {
	margin-top: 24px;
}

.wpcf7-form .acceptance-button a[target="_blank"] .icon::before,
.wpcf7-form .acceptance-button a[target="_blank"] .icon::after {
	background-image: url(images/icon-arrow-right-white.svg);
}


.wpcf7-form .submit-wrapper {
	border-top: 1px solid var(--color-border);
	padding-top: 48px;
	margin-top: 48px;
}
.wpcf7-form input.wpcf7-submit {
	background-color: var(--color-yellow);
	border-radius: 999px;
	padding: 1.8em 0;
	width: 424px;
	color: var(--color-dark);
	font-size: 20px;
	font-size: 2rem;
	font-weight: var(--font-bold);
	cursor: pointer;
}



@media screen and (min-width: 1600px) {
	.wpcf7-form .acceptance-box label {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.template-content .wpcf7-form .acceptance-button {
		margin-top: 28px;
	}
	.wpcf7-form .form table th {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.wpcf7-form input.wpcf7-submit {
		font-size: 22px;
		font-size: 2.2rem;
		padding: 2em 0;
	}
	.article-contact .note .title {
		font-size: 22px;
		font-size: 2.2rem;
	}
	.article-contact .note p {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.wpcf7-form input[type=radio]+.wpcf7-list-item-label {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.wpcf7-form input[type=radio]+.wpcf7-list-item-label::before {
		width: 22px;
		height: 22px;
	}
}
@media screen and (max-width: 780px) {
	.article-contact .description {
		padding-bottom: 0;
	}
	.article-contact .note {
		padding: 32px 32px 38px 32px;
	}
	.article-contact .note p {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.wpcf7-form .acceptance-box {
		padding: 38px 0 30px 0;
	}
	.wpcf7-form .acceptance-box label {
		flex-wrap: wrap;
	}
	.wpcf7-form .acceptance-box b {
		display: block;
		width: 100%;
		text-align: center;
	}
	.wpcf7-form .wpcf7 input.wpcf7-submit {
		width: 275px;
		font-size: 16px;
		font-size: 1.6rem;
		margin: 0 auto;
		padding: 28px 0;
	}
	.wpcf7-form input.wpcf7-submit {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 24px 0;
		width: 275px;
	}
}



.contact-sidebar {
	width: 224px;
	margin-left: auto;
	margin-bottom: 110px;
	order: 1;
}
.contact-sidebar .sidebar-content {
	position: sticky;
	top: 32px;
	left: 0;
}
.contact-sidebar ol li {
	display: flex;
	align-items: center;
	text-align: left;
	column-gap: 16px;
}
.contact-sidebar ol li + li {
	margin-top: 16px;
}
.contact-sidebar ol li .number {
	font-size: 14px;
	font-size: 1.4rem;
	width: 32px;
	height: 32px;
	min-width: 32px;
	border: 1px solid var(--color-border);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 0 1px 1px;
}
.contact-sidebar ol li .number.is-current {
	border-color: #FC8B1B;
}
.contact-sidebar ol li .text {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: var(--font-bold);
	padding-bottom: 2px;
	display: block;
}
@media screen and (min-width: 1600px) {
	.contact-sidebar ol li .text {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.contact-sidebar ol li .number {
		font-size: 16px;
		font-size: 1.6rem;
		width: 36px;
		height: 36px;
		min-width: 36px;
	}
}

@media screen and (max-width: 780px) {
	.contact-sidebar {
		order: unset;
		width: 100%;
		margin: 0;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 3;
		background-color: var(--color-white);
	}
	.contact-sidebar ol {
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 34px;
		padding: 16px 0;
		border-bottom: 1px solid var(--color-border);
	}
	.contact-sidebar ol li + li {
		margin: 0;
	}
}






.article-privacy .columns {margin:2em 0; font-size:13px; font-size:1.3rem;}


.list-gallery {}
.list-gallery ul {list-style:none; margin:0 0 40px 0; padding:0; width:100%; text-align:center; cursor:col-resize;}
.list-gallery ul:after {content:""; clear:both; display:block;}
.list-gallery ul li a {display:block; cursor:col-resize;}
.list-gallery ul li span {display:block;}
.list-gallery ul li img {max-width:100%; width:100%; height:auto; border:4px solid #ffffff; border-radius:2px;}
.list-gallery ul li a:hover img {border:4px solid #FCD41B; border-color:var(--color-yellow);}


/*
.list-gallery .swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}
*/

.author-list {}



/******************/
/******************/
/* archive.php ****/

.archives {width:100%; margin:0 auto; text-align:left; line-height:var(--line-height-normal);}
.archives ul {list-style:none; padding:0;}

.archives .item {max-width:256px;}
.archives .item span {display:block;}

.archives .thumbnail {aspect-ratio:16 / 9; overflow:hidden; display:block; margin:0 0 10px 0;}
.archives .thumbnail img {width:100%; height:100%; object-fit:cover;}
.archives .photo {width:36px; height:36px; border-radius:20px; overflow:hidden; line-height:1; float:left;}
.archives .title {
	font-size:14px; font-size:1.4rem; font-weight:var(--font-bold); line-height:var(--line-height-small);
	margin:0 0 0 46px;
	letter-spacing:var(--letter-spacing);
}
.archives .author {font-size:12px; font-size:1.2rem; margin:0 0 0 46px;}
.archives .date {font-size:12px; font-size:1.2rem; margin:0 0 0 46px;}
.archives .summary {display:none;}

.archives .buttons {display:flex; justify-content:flex-start; align-items:center;}




.archives-selector {margin:0 0 40px 0; display:flex;line-height: 1;}
.archives-selector ul {
	display: flex;
	justify-content: flex-start;
	font-size: 12px;
	font-size: 1.2rem;
	column-gap: 24px;
}
.archives-selector ul.sort {border-right:1px solid var(--color-gray);margin-right: 20px;padding-right: 20px;}
.archives-selector ul li {
	position: relative;
	cursor: pointer;
}
.archives-selector ul li::after {
	content: "";
	position: absolute;
	top: calc(100% + 2px);
	left: 0;
	display: block;
	width: 100%;
	transform-origin: 0;
	transform: scaleX(0);
	height: 2.5px;
	background-color: var(--color-yellow);
	transition: transform 0.5s;
}
.archives-selector ul li.is-active::after {
	transform: scaleX(1);
}
.archives-selector ul li.grid,
.archives-selector ul li.list {
	padding-left: 2.2em;
}
.archives-selector ul li.grid::after,
.archives-selector ul li.list::after {
	width: calc(100% - 2.2em);
	left: 2.2em;
}
.archives-selector ul li.grid::before,
.archives-selector ul li.list::before {
	content: "";
	position: absolute;
	top: 64%;
	left: 0;
	transform: translateY(-50%);
	display: block;
	width: 1.9em;
	height: 1.9em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.archives-selector ul li.grid::before {
	background-image: url("images/icon-selector-grid.svg");
}
.archives-selector ul li.list::before {
	background-image: url("images/icon-selector-list.svg");
}
.main-sidebar .archives-selector {display: none;}
@media screen and (min-width: 1600px) {
	.archives-selector ul {
		font-size: 13px;
		font-size: 1.3rem;
	}
}
@media screen and (max-width: 780px) {
	.main-sidebar.sidebar-active + .main-content.has-sidebar{}
	.main-content.has-sidebar .archives-selector {display: none;}
	.main-sidebar .archives-selector {display: flex;margin-bottom: 0;column-gap: 8px;}
	.archives-selector ul {position: relative;background-color: var(--color-white);}
	.archives-selector ul li,
	.archives-selector ul li.grid,
	.archives-selector ul li.list {padding: 11px 21px 11px 38px;border: 1px solid var(--color-border);border-radius: 5px;white-space: nowrap;font-size: 10px;font-size: 1rem;position: absolute;top: 0;left: 0;opacity: 0;}
	.archives-selector ul li::before,
	.archives-selector ul li.grid::before,
	.archives-selector ul li.list::before {width: 24px;height: 24px;left: 9px;top: 50%;}
	.archives-selector ul.sort li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 9px;
	transform: translateY(-50%);
	display: block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;}
	.archives-selector ul li.newest::before {background-image: url("images/icon-selector-newest.svg");}
	.archives-selector ul li.oldest::before {background-image: url("images/icon-selector-oldest.svg");}
	.archives-selector ul li.is-active {display: block;pointer-events: none;position: relative;opacity: 1;}
	.archives-selector ul li::after {display: none;}
	.archives-selector ul.sort {padding: 0;margin: 0;border: none;}
}
/******************/
/******************/
/* archive-custom-post.php */

.post-type-archive-onze-custom-event .archives-topslider {
	margin-bottom: 96px;
	width: 100%;
}
.post-type-archive-onze-custom-event .archives-topslider .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: rgba(204, 204, 204, 0.3);
}
.archives-topslider {
	user-select: none;
}
.archives-topslider ul {
	list-style:none; padding:0 0 0; margin:0;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:stretch;
	align-content:stretch;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.archives-topslider .swiper-slide {
	position:relative; display:block; margin:0 0 10px 0; padding:0;
	text-align:left;
	width:320px;
}
.archives-topslider span {display:block;}
.archives-topslider .thumbnail,
.archives-slider .thumbnail {
	display:block; margin:0 0 24px 0; line-height:1; border-radius:5px; overflow:hidden;
	position:relative;
	background-color: var(--color-background);
}
.archives-topslider .thumbnail img {width:100%; height:100%; object-fit:cover; display:block;
	transition:0.5s;
}
.archives-topslider .thumbnail-book {padding:0; background-color:rgba(255,255,255,0.2);}
.post-type-archive-onze-custom-event .archives-topslider .thumbnail-book {padding:0; background-color:rgba(220,220,220,0.2);}
.archives-topslider .thumbnail-book img.spacer {width:100%; object-fit:none; height:auto;}
.archives-topslider .thumbnail-book img.image {
	width:auto; min-width:auto; max-width:100%; height:auto; min-height:80%; max-height:80%; object-fit:unset; position:absolute;
	top:10%; left:50%;
	transform:translateX(-50%);
	box-shadow:0 0 50px rgba(0,0,0,0.2);
}


.archives-topslider .category {font-size:12px; font-size:1.2rem; margin:0 0 0.5em 0;}

.archives-topslider .title-wrapper {
	padding-left: 26px;
	display: block;
	background-image: url("images/navi-icon-special.svg");
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: left 4px;
}
.archives-topslider .swiper-slide[data-category="yoshinori"] .title-wrapper {
	background-image: url("images/navi-icon-yoshinori.svg");
}
.archives-topslider .swiper-slide[data-category="book"] .title-wrapper {
	background-image: url("images/navi-icon-book.svg");
}
.archives-topslider .swiper-slide[data-category="special"] .title-wrapper {
	background-image: url("images/navi-icon-special.svg");
}
.archives-topslider .swiper-slide[data-category="event"] .title-wrapper {
	background-image: url("images/navi-icon-event.svg");
}

.archives-topslider .title {
	position: relative;
	font-weight:var(--font-bold);
	padding:0;
	margin:0;
	min-height:20px;
	line-height:var(--line-height-small);
	letter-spacing:var(--letter-spacing);

	display: inline;
	transition: background-size 1.0s ease;
	background: linear-gradient(to top, currentColor 2px, transparent 99%) no-repeat;
	background-position: 0% 100%;
	background-size: 0% 1px;
	font-size: 17px;
	font-size: 1.7rem;
}
.archives-topslider .title:hover {
	background-size: 200% 1px;
}


.archives-topslider .summary {
	font-size:12px;
	font-size:1.2rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-top: 10px;
}
.archives-topslider a:hover .thumbnail img {transform: scale(1.05);}
.archives-topslider a:hover .thumbnail-book img.image {transform: translateX(-50%) scale(1.05);}

.archives-topslider .swiper-slide {
	opacity: 0;
}
.archives-topslider .swiper-fade-slide {
	animation: topsliderFadeIn 0.3s ease-in-out forwards;
	animation-delay: 0s;
}
.archives-topslider .swiper-fade-slide + .swiper-slide {
	animation: topsliderFadeIn 0.3s ease-in-out forwards;
	animation-delay: 0.09s;
}
.archives-topslider .swiper-fade-slide + .swiper-slide + .swiper-slide {
	animation: topsliderFadeIn 0.3s ease-in-out forwards;
	animation-delay: 0.18s;
}
.archives-topslider .swiper-fade-slide + .swiper-slide + .swiper-slide + .swiper-slide {
	animation: topsliderFadeIn 0.3s ease-in-out forwards;
	animation-delay: 0.27s;
}
.archives-topslider .swiper-fade-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
	animation: topsliderFadeIn 0.3s ease-in-out forwards;
	animation-delay: 0.36s;
}
.archives-topslider .swiper-fade-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
	animation: topsliderFadeIn 0.3s ease-in-out forwards;
	animation-delay: 0.45s;
}
.archives-topslider .swiper-fade-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
	animation: topsliderFadeIn 0.3s ease-in-out forwards;
	animation-delay: 0.54s;
}
@keyframes topsliderFadeIn {
    0% {
        opacity: 0;
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@media screen and (min-width: 1600px) {
	.archives-topslider .swiper-slide {width:440px;}
	.archives-topslider .category {font-size: 14px;font-size: 1.4rem;}
	.archives-topslider .title{font-size: 20px;font-size: 2rem;min-height: 24px;}
	.archives-topslider .title-wrapper {background-size: 24px auto;padding-left: 32px;}
	.archives-topslider .summary {font-size: 14px;font-size: 1.4rem;
	padding-top: 13px;}
}
@media screen and (max-width: 780px) {
	.archives-topslider .thumbnail {margin: 0 0 10px 0;}
	.archives-topslider .swiper-slide {width:272px;}
	.archives-topslider .title{font-size: 16px;font-size: 1.6rem;}
	.archives-topslider .swiper-pagination{margin-top: 25px;}
}

/******************/
.archives-slider {
	user-select: none;
}
.archives-slider .swiper-wrapper {margin:0 0 0 0;}
.archives-slider .swiper-slide {
	position: relative;
	display: block;
	margin: 0 0 1% 0;
	padding: 0;
	text-align: left;
	width: 256px;
}
.archives-slider span {display:block;}
.archives-slider .thumbnail {
	aspect-ratio:16 / 9; border-radius:var(--border-radius); overflow:hidden;
	background-image:center center no-repeat;
	background-size:auto 100%;
	margin:0 0 16px 0;
	overflow:hidden;
	transition: background-size 0.5s;
}
.archives-slider a:hover .thumbnail {
	background-size:auto 105%;
}
.archives-slider .thumbnail img {width:100%; height:100%; object-fit:cover;
	transition:0.5s;
}
.archives-slider a:hover .thumbnail img {
	transform: scale(1.05);
}
.archives-slider .thumbnail-book {
	display:block;
	padding:0; background-color:var(--color-background);
	aspect-ratio: auto;
	overflow:hidden;
	margin:0 0 16px 0;
	transition:0.5s;
	position:relative;
	border-radius: 5px;
}
.archives-slider .thumbnail-book img.spacer {width:100%; object-fit:none; height:auto;}
.archives-slider .thumbnail-book img.image {
	width:auto; min-width:auto; max-width:100%; height:auto; min-height:80%; max-height:80%; object-fit:unset; position:absolute;
	top:10%; bottom:10%; left:50%;
	transform:translateX(-50%);
	box-shadow:0 0 50px rgba(0,0,0,0.2);
}
/* .archives-slider [data-category="gosendoujou"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-gosendoujou.webp");}
.archives-slider [data-category="information"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-information.webp");}
.archives-slider [data-category="others"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-others.webp");}
.archives-slider [data-category="band"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-band.webp");}
.archives-slider [data-category="others"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-others.webp");}
.archives-slider [data-category="born"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-born.webp");}
.archives-slider [data-category="media"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-media.webp");}
.archives-slider [data-category="rising"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-rising.webp");}
.archives-slider [data-category="politics"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-politics.webp");}
.archives-slider [data-category="release"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-release.webp");}
.archives-slider [data-category="daily"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-daily.webp");}
.archives-slider [data-category="live"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-live.webp");}
.archives-slider [data-category="imperial"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-imperial.webp");}
.archives-slider [data-category="entertainment"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-entertainment.webp");}
.archives-slider [data-category="magazine"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-magazine.webp");}
.archives-slider [data-category="streamed"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-streamed.webp");}
.archives-slider [data-category="earthquake"] .thumbnail {background-image:url("images-thumbnail/thumbnail-kobayashi-earthquake.webp");}

.archives-slider [data-author="oosuga"] .thumbnail {background-image:url("images-thumbnail/thumbnail-blog-oosuga.webp");}
.archives-slider [data-author="kuramochi"] .thumbnail {background-image:url("images-thumbnail/thumbnail-blog-kuramochi.webp");}
.archives-slider [data-author="sasa"] .thumbnail {background-image:url("images-thumbnail/thumbnail-blog-sasa.webp");}
.archives-slider [data-author="takamori"] .thumbnail {background-image:url("images-thumbnail/thumbnail-blog-takamori.webp");}
.archives-slider [data-author="mokuren"] .thumbnail {background-image:url("images-thumbnail/thumbnail-blog-mokuren.webp");}
.archives-slider [data-author="chinone"] .thumbnail {background-image:url("images-thumbnail/thumbnail-blog-chinone.webp");}
.archives-slider [data-author="cheb"] .thumbnail {background-image:url("images-thumbnail/thumbnail-blog-cheb.webp");}
.archives-slider [data-author="mah"] .thumbnail {background-image:url("images-thumbnail/thumbnail-blog-mah.webp");}
.archives-slider [data-author="kishibata"] .thumbnail {background-image:url("images-thumbnail/thumbnail-blog-kishibata.webp");}
.archives-slider [data-author="kiridoshi"] .thumbnail {background-image:url("images-thumbnail/thumbnail-blog-kiridoshi.webp");}
.archives-slider [data-author="tokiura"] .thumbnail {background-image:url("images-thumbnail/thumbnail-blog-tokiura.webp");}
.archives-slider [data-author="gosenjournalist"] .thumbnail {background-image:url("images-thumbnail/thumbnail-blog-gosenjournalist.webp");} */

.archives-slider .description {position: relative;display: flex;flex-direction: column;}

.archives-slider .title {
	font-size:15px; font-size:1.5rem;
	font-weight:var(--font-bold);
	padding:0;
	margin:0 0 0.3em 48px;
	min-height:20px;
	letter-spacing:var(--letter-spacing);
	line-height:var(--line-height-small);
	display:flex; justify-content:flex-start;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	overflow: hidden;
}
.archives-slider .title a {
	display: inline;
	background: linear-gradient(to top, currentColor 2px, transparent 99%) no-repeat;
	transition: background-size 1.0s ease;
	background-position: 0% 100%;
	background-size: 0% 1px;
}
.archives-slider .title a:hover {
	/*text-decoration:underline;
	text-underline-offset:0.2em; 
	text-decoration-thickness:1px;*/
	background-size: 200% 1px;
}
.archives-slider .summary {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 1.6;
	font-size:12px; font-size:1.2rem;
}
.archives-slider .photo {width:36px; height:36px; border-radius:20px; overflow:hidden; line-height:1; position: absolute;top: 0;left: 0;}
.archives-slider .photo img {display:block; width:100%; height:auto;}
.archives-slider .author-wrapper {display: contents;}
.archives-slider .author {font-size:12px; font-size:1.2rem; margin:0 0 0 48px;}
.archives-slider .date {font-size:12px; font-size:1.2rem; margin:0 0 0 48px;}

.archives-slider .tooltip {
	display:block; position:absolute;
	opacity:0;
	transition:var(--transition);
	top:-1em; right:-1em;
	max-width: 118px;
	border: 2px solid var(--color-black);
	background:#ffffff;
	padding: 0.8em 0.8em 1em 1.2em;
	font-size:10px; font-size:1.0rem;
	border-radius:var(--border-radius);
	border-bottom-left-radius:0;
	line-height:1.3;
	z-index:1005;
}
.archives-slider .tooltip::before {
	content:"";
	display:block; position:absolute; left:-2px; bottom:-8px;
	width:8px; height:12px;
	background:url("images/tooltip.svg") 0 0 no-repeat;
	background-size:100% auto;
}
.archives-slider .tooltip p {
	font-weight:var(--font-bold);
	margin:0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; 
	overflow: hidden;
	text-overflow: ellipsis;
}
.archives-slider .swiper-slide:hover .tooltip {display:block; opacity:1;}


.archives-slider .swiper-last .thumbnail {
	display:flex; align-items:center; justify-content:center;
	border:1px solid #e9e9e9; background:#FAFAF8;
	font-size:12px; font-size:1.2rem;
}

.section-top-special .swiper-last .thumbnail,
.archives-slider .swiper-last .thumbnail-book,
.archives-slider .swiper-last .thumbnail-event {aspect-ratio:1 / 1;}

.archives-slider .swiper-last a .icon {
	display: block;
	width:32px; height:32px;
	margin:0 0.5em 0 0;
	border-radius: 50%;
	overflow: hidden;
	background-color: var(--color-black);
	position: relative;
	transition: transform 0.5s;
}
.archives-slider .swiper-last a .icon::before,
.archives-slider .swiper-last a .icon::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("images/icon-arrow-right-white.svg");
	background-repeat: no-repeat;
	background-size: 35%;
	background-position: center;
	position: absolute;
	top: 0;
}
.archives-slider .swiper-last a .icon::before {
	left:0%;
}
.archives-slider .swiper-last a .icon::after {
	left:-100%;
}
.archives-slider .swiper-last a .text {
	position: relative;
	line-height: 1.9;
}
.archives-slider .swiper-last a .text::after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	background-color: var(--color-dark);
	transition: var(--transition);
}
.archives-slider .swiper-last a:hover .text::after {
	width: 100%;
}

.archives-slider .swiper-last a:hover .icon {background-color:#FCD41B; background-color:var(--color-dark); color:#ffffff; cursor:pointer;}

.archives-slider .swiper-last a:hover .icon {transform: scale(1.1);}
.archives-slider .swiper-last a:hover .icon::before,
.archives-slider .swiper-last a:hover .icon::after {
	transition: left 0.5s;
}
.archives-slider .swiper-last a:hover .icon::before {
	left: 100%;
}
.archives-slider .swiper-last a:hover .icon::after {
	left: 0%;
}
@media screen and (min-width: 1600px) {
	.archives-slider .swiper-last .thumbnail {
		font-size: 13px;
		font-size: 1.3rem;
	}
}










.archives-topslider .label,
.archives-slider .label {
	position:absolute; display:flex; align-items: center; justify-content:center;
	right:0; top:0; aspect-ratio:1 / 1;
	transform:translate(20%, -20%);
	border:2px solid var(--color-black); background-color:#fff;
	border-radius:50px; text-align:center;
	width:56px; max-width:56px; line-height:1; pointer-events:none;
	z-index:1001;
}
.archives-topslider .label {width:80px; max-width:80px;}
.archives-topslider .label dl,
.archives-slider .label dl {font-weight:var(--font-black); display:flex; flex-direction:column;}
.archives-topslider .label dl dt {margin:0 auto 0.35em;font-size: 17px;font-size: 1.7rem;}
.archives-slider .label dl dt {margin:0 auto 0.2em;font-size: 12px;font-size: 1.2rem;}
.archives-topslider .label dl dd {font-size:12px; font-size:1.2rem;margin-bottom: 2px;}
.archives-slider .label dl dd {font-size:10px; font-size:1.0rem;margin-bottom:2px;}



.archives-slider [data-post="blog"] .summary{display: none;}


.archives-slider [data-post="special"] .thumbnail {aspect-ratio: auto;}
.archives-slider [data-post="special"] .category,
.archives-slider [data-post="special"] .photo,
.archives-slider [data-post="special"] .author {display:none;}
.archives-slider [data-post="special"] .date {display:none;}
.archives-slider [data-post="special"] .title {margin-left:0;}


.archives-slider [data-post="movie"] .author {display:none;}
.archives-slider [data-post="movie"] .moviecategory {font-size:12px; font-size:1.2rem; margin:0 0 0 48px;}
.archives-slider [data-post="movie"] .summary{display: none;}
.archives-slider [data-post="movie"] .tags,
.archives-slider [data-post="event"] .tags {
	font-size:12px; font-size:1.2rem; margin:0.5em 0 0 48px;
}
.archives-slider [data-post="movie"] .tags li,
.archives-slider [data-post="event"] .tags li {
	border: 1px solid #cccccc;
	border-radius: var(--border-radius);
	padding: 0.15em 0.53em 0.25em 0.67em;
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
	text-box-trim: trim-both;
}

.archives-slider [data-post="event"] .author {display:none;}

.archives-slider [data-post="book"] .title {margin-left:0;}
.archives-slider [data-post="book"] .photo,
.archives-slider [data-post="book"] .summary,
.archives-slider [data-post="book"] .date {display:none;}
.archives-slider [data-post="book"] .author {display:none;}
.archives-slider [data-post="book"] .bookauthor {display:block; font-size:12px; font-size:1.2rem;}
.archives-slider [data-post="book"] .thumbnail-book img {transition:0.5s;}
.archives-slider [data-post="book"] a:hover .thumbnail-book img.image {transform:translateX(-50%) scale(1.05);}

.archives-slider [data-post="goods"] a:hover .thumbnail img.image {transform:translateX(-50%) scale(1.08);}

.archives-slider [data-post="event"] .summary {margin-left:48px;}
.archives-slider [data-post="event"] .thumbnail-book img {transition:0.5s;}
.archives-slider [data-post="event"] a:hover .thumbnail-book img.image {transform:translateX(-50%) scale(1.05);}

.archives-slider [data-post="note"] .title {
	margin-left: 0;
	display: inline;
	background: linear-gradient(to top, currentColor 2px, transparent 99%) no-repeat;
	transition: background-size 1.0s ease;
	background-position: 0% 100%;
	background-size: 0% 1px;
}
.archives-slider [data-post="note"] .title:hover {
	background-size: 200% 1px;
}





.archives-slider [data-post="note"] .date {margin-left:0;margin-top: 5px;}
.archives-slider [data-post="note"] a {display: block;line-height: var(--line-height-small);}

.archives-slider [data-post="links"] .title {margin-left:0;}
.archives-slider [data-post="links"] .summary {margin-left:0;}
.archives-slider [data-post="links"] .photo,
.archives-slider [data-post="links"] .author,
.archives-slider [data-post="links"] .date {display:none;}

.archives-slider [data-post="supporter"] .thumbnail {aspect-ratio:auto;}
.archives-slider [data-post="supporter"] .title {margin-left:0;}
.archives-slider [data-post="supporter"] .photo,
.archives-slider [data-post="supporter"] .author,
.archives-slider [data-post="supporter"] .date {display:none;}

.archives-slider [data-post="note"] .thumbnail {
	aspect-ratio:16 / 8.38;
}

.archives-slider .buttons {margin:24px 0 0 0;}
.archives-slider .swiper-button-prev,
.archives-slider .swiper-button-next {position:relative;}

.archives-special {display:flex; flex-wrap:wrap; column-gap:3.2%;row-gap: 48px;}
.archives-special .swiper-slide {flex-basis:22.6%;}
.archives-special.list {display: block;}
.archives-special.list .swiper-slide {width: 100%;display: flex;column-gap: 26px;margin-bottom: 30px;}
.archives-special.list .swiper-slide > a {display: block;flex-basis: 160px;}
.archives-special.list .swiper-slide .thumbnail {margin: 0; width:160px;}
.archives-special.list .swiper-slide .title {margin: 0 0 0.3em 0;font-size: 16px;font-size: 1.6rem;}

.archives-blog {display:flex; flex-wrap:wrap; column-gap:3.2%;row-gap: 48px;}
.archives-blog .swiper-slide {flex-basis:22.6%;}
.archives-blog.list {display: block;}
.archives-blog.list .swiper-slide {width: 100%;display: flex;column-gap: 26px;margin-bottom: 30px;}
.archives-blog.list .swiper-slide > a {display: block;flex-basis: 160px;}
.archives-blog.list .swiper-slide .thumbnail {margin: 0;}
.archives-blog.list .swiper-slide .title {margin: 0 0 0.3em 0;font-size: 16px;font-size: 1.6rem;}
.archives-blog.list .swiper-slide .author-wrapper {display: flex;align-items: center;column-gap: 10px;order: 1;}
.archives-blog.list .swiper-slide .photo {width: 24px;height: 24px;position: static;}
.archives-blog.list .swiper-slide .author {margin: 0;}
.archives-blog.list .swiper-slide .date {margin: 0 0 0.3em 0;}



.archives-book {display:flex; flex-wrap:wrap; column-gap:3.2%;row-gap: 48px;}
.archives-book .swiper-slide {flex-basis:22.6%;}
.archives-book.list {display: block;}
.archives-book.list .swiper-slide {width: 100%;display: flex;column-gap: 26px;margin-bottom: 30px;}
.archives-book.list .swiper-slide > a {display: block;flex-basis: 160px;}
.archives-book.list .swiper-slide .thumbnail {margin: 0;}
.archives-book.list .swiper-slide .title {margin: 0 0 0.3em 0;font-size: 16px;font-size: 1.6rem;}



.archives-movie {display:flex; flex-wrap:wrap; column-gap:3.2%;row-gap: 48px;}
.archives-movie .swiper-slide {flex-basis:22.6%; text-align:left;}
.archives-movie.list {display: block;}
.archives-movie.list .swiper-slide {width: 100%;display: flex;column-gap: 26px;margin-bottom: 30px;}
.archives-movie.list .swiper-slide > a {display: block;flex-basis: 160px;}
.archives-movie.list .swiper-slide .thumbnail {margin: 0;}
.archives-movie.list .swiper-slide .title {margin: 0 0 0.3em 0;font-size: 16px;font-size: 1.6rem;}
.archives-movie.list .swiper-slide .tags {margin: 0.3em 0 0 0;}
.archives-movie.list .swiper-slide .author-wrapper {display: flex;align-items: center;column-gap: 10px;order: 1;}
.archives-movie.list .swiper-slide .photo {width: 24px;height: 24px;position: static;}
.archives-movie.list .swiper-slide .author {margin: 0;}
.archives-movie.list .swiper-slide .date {margin: 0 0 0.3em 0;}
.archives-movie.list .swiper-slide .moviecategory {margin: 0;}


.archives-event {display:flex; flex-wrap:wrap; column-gap:3.2%;row-gap: 48px;position: relative;z-index: 1;}
.archives-event .swiper-slide {flex-basis:22.6%; text-align:left;}
.archives-event.list {display: block;}
.archives-event.list .swiper-slide {width: 100%;display: flex;column-gap: 26px;margin-bottom: 30px;}
.archives-event.list .swiper-slide > a {display: block;flex-basis: 160px;}
.archives-event.list .swiper-slide .thumbnail {margin: 0;}
.archives-event.list .swiper-slide .title {margin: 0 0 0.3em 0;font-size: 16px;font-size: 1.6rem;}
.archives-event.list .swiper-slide .author-wrapper {display: flex;align-items: center;column-gap: 10px;order: 1;}
.archives-event.list .swiper-slide .photo {width: 24px;height: 24px;position: static;}
.archives-event.list .swiper-slide .summary {margin: 0;}
.archives-event.list .swiper-slide .date {margin: 0 0 0.3em 0;}
.archives-event.list .label{right: auto;left: 0;transform: translate(-20%, -20%);width: 64px;max-width: 64px;}
.archives-event.list .label dl dt {font-size: 14px;font-size: 1.4rem;}
.archives-event.list .label dl dd {font-size: 10px;font-size: 1rem;}


@media screen and (min-width: 1600px) {
	.archives-topslider .label, .archives-slider .label {width: 80px;max-width: 80px;border: 3px solid var(--color-black);}
	.archives-topslider .label {width: 100px;max-width: 100px;}
	.archives-topslider .label dl dt {font-size: 19px;font-size: 1.9rem;}
	.archives-topslider .label dl dd {font-size: 14px;font-size: 1.4rem;}
	.archives-slider .photo {width: 40px;height: 40px;}
	.archives-slider .thumbnail {margin: 0 0 18px 0;}
	.archives-slider .title {margin: 0 0 0.3em 53px;font-size: 16px;font-size: 1.6rem;}
	.archives-slider .author{font-size: 13px;font-size: 1.3rem;margin: 0 0 0 53px;}
	.archives-slider .date{font-size: 13px;font-size: 1.3rem;margin: 0 0 0 53px;}
	.archives-slider .summary {font-size: 13px;font-size: 1.3rem;}
	.archives-slider .label dl dt {font-size: 17px;font-size: 1.7rem;margin: 0 auto 0.35em;}
	.archives-slider .label dl dd {font-size: 12px;font-size: 1.2rem;}
	.archives-slider [data-post="movie"] .tags {margin:0.5em 0 0 53px;}
	.archives-slider [data-post="event"] .summary {margin-left: 53px;}
	.archives-slider [data-post="book"] .bookauthor {font-size:13px; font-size:1.3rem;}
}
@media (min-width:1600px) {
	.archives-slider .swiper-slide {width: 280px;}
	.archives-slider [data-post="movie"] .moviecategory {margin: 0 0 0 53px;font-size:13px; font-size:1.3rem;}
}
@media (max-width:780px) {
	.archives-special.list .swiper-slide {column-gap: 16px;}
	.archives-blog.list .swiper-slide {column-gap: 16px;}
	.archives-book.list .swiper-slide {column-gap: 16px;}
	.archives-movie.list .swiper-slide {column-gap: 16px;}
	.archives-event.list .swiper-slide {column-gap: 16px;}

	.archives-special.list .swiper-slide > a {flex-basis: 120px;}
	.archives-blog.list .swiper-slide > a {flex-basis: 120px;}
	.archives-book.list .swiper-slide > a {flex-basis: 120px;}
	.archives-movie.list .swiper-slide > a {flex-basis: 120px;}
	.archives-event.list .swiper-slide > a {flex-basis: 120px;}

	.archives-special.list .swiper-slide .description {flex-basis: calc(100% - 120px - 16px);}
	.archives-blog.list .swiper-slide .description {flex-basis: calc(100% - 120px - 16px);}
	.archives-book.list .swiper-slide .description {flex-basis: calc(100% - 120px - 16px);}
	.archives-movie.list .swiper-slide .description {flex-basis: calc(100% - 120px - 16px);}
	.archives-event.list .swiper-slide .description {flex-basis: calc(100% - 120px - 16px);}

	.archives-special.list .swiper-slide .title {font-size: 14px;font-size: 1.4rem;}
	.archives-blog.list .swiper-slide .title {font-size: 14px;font-size: 1.4rem;}
	.archives-book.list .swiper-slide .title {font-size: 14px;font-size: 1.4rem;}
	.archives-movie.list .swiper-slide .title {font-size: 14px;font-size: 1.4rem;}
	.archives-event.list .swiper-slide .title {font-size: 14px;font-size: 1.4rem;}


	.archives-book {justify-content:space-between;row-gap: 32px;}
	.archives-blog {justify-content:space-between;row-gap: 32px;}
	.archives-movie {justify-content:space-between;row-gap: 32px;}
	.archives-event {justify-content:space-between;row-gap: 32px;}
	.archives-special {justify-content:space-between;row-gap: 32px;}

	.archives-event.archives-slider [data-post="event"] .photo {
		width: 24px;
		height: 24px;
		min-width: 24px;
		position: static;
	}
	.archives-event.archives-slider [data-post="event"] .title {
		margin-left: 0;
		margin-bottom: 8px;
	}
	.archives-event.archives-slider [data-post="event"] .date {
		margin-left: 0;
	}
	.archives-event.archives-slider [data-post="event"] .summary {
		margin-left: 0;
	}
	.archives-event.archives-slider [data-post="event"] .author-wrapper {
		order: 1;
		margin-top: 5px;
		margin-bottom: 0;
	}

	.archives-slider .swiper-wrapper {display:flex; justify-content:space-between; flex-wrap:wrap;row-gap: 24px;}
	.archives-slider .swiper-slide {flex-basis:47.16%; margin:0;}
	.archives-slider .swiper-slide:nth-of-type(n+5) {display: none;}
	.section-top-links .archives-slider .swiper-slide:nth-of-type(n+5) {display: block;}
	.archives-slider .buttons .module {display:none;}

	.archives-slider.event-swiper .swiper-wrapper {flex-wrap: unset;row-gap:normal;column-gap: normal;justify-content: normal;}
	.archives-slider.event-swiper .swiper-slide {flex-basis: auto;width: 232px;margin: 0 auto auto auto;padding: initial;}
	.archives-slider.event-swiper .swiper-slide:nth-of-type(n+5) {display: block;}
	.archives-slider.event-swiper .buttons .module {display:flex;}
	.archives-slider.event-swiper .buttons {flex-direction: unset;align-items: center;}


	.archives-slider .buttons {margin-top: 40px;flex-direction: column;row-gap: 12px;display: none;}
	.archives-slider .buttons:has(.button) {display: flex;}
	.archives-slider .thumbnail {margin-bottom: 14px;}
	.archives-slider .author {font-size: 10px;font-size: 1rem;margin-left: 0;}
	.archives-slider .date {font-size: 10px;font-size: 1rem;margin-left: 0;}
	.archives-slider .title {margin-left: 0;margin-bottom: 8px;}
	.archives-slider .author-wrapper {display: flex;order: 1;margin-top: 10px;align-items: center;column-gap: 8px;}
	.archives-slider .photo {width: 24px;height: 24px;position: static;}

	.archives-slider [data-post="book"] .author-wrapper {margin-top: 0;}
	.archives-slider [data-post="movie"] .tags {margin-left: 0;margin-top: 0;font-size: 10px;font-size: 1rem;}
	.archives-slider [data-post="movie"] .summary {display: none;}
	.archives-slider [data-post="movie"] .moviecategory {font-size: 10px;font-size: 1rem;margin-left: 0;width: calc(100% - 8px - 24px);line-height: 1.5;}
	.archives-slider [data-post="special"] .author-wrapper {margin-top: 0;}
	.archives-slider [data-post="special"] .author-wrapper {margin-top: 0;}
	.archives-slider [data-post="links"] .author-wrapper {margin-top: 0;}
	.archives-slider [data-post="special"] .summary {font-size: 12px;font-size: 1.2rem;}
	.archives-slider .swiper-slide[data-post="supporter"]:nth-of-type(n+5) {display: block;}
	.archives-slider .swiper-slide[data-post="supporter"] .author-wrapper {margin-top: 0;}
	.archives-slider [data-post="event"] .photo {width: 36px;height: 36px;position: absolute;}
	.archives-slider [data-post="event"] .title {margin-left: 48px;}
	.archives-slider [data-post="event"] .date {margin-left: 48px;}
	.archives-slider [data-post="event"] .author-wrapper {order: unset;margin-top: 0;margin-bottom: 5px;}
	.archives .swiper-slide:nth-of-type(n+5) {display: block;}
	.archives.list .swiper-slide:nth-of-type(n+5){display: flex;}
}



.article-author .content-box:first-child {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
.article-author .buttons {
	margin-top: 28px;
	flex-wrap: wrap;
	row-gap: 12px;
}
.article-author .name {
	border: 0;
	margin: 0;
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: var(--font-bold);
	padding-bottom: 12px;
}
.article-author .name::before,
.article-author .name::after {
	display: none;
}
.article-author .position {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: var(--font-bold);
	margin: 0 0 24px 0;
}
.article-author .archives-slider .swiper-slide {
	width: 192px;
	flex-basis: auto;
}
.article-author .archives-slider .swiper-slide:nth-of-type(n+5) {
	display: block;
}
.article-author .archives-slider .swiper-slide.swiper-last  {
	display: none;
}
@media screen and (min-width: 1600px) {
	.article-author .name {font-size: 42px;font-size: 4.2rem;}
	.article-author .position {font-size: 20px;font-size: 2rem;}
}
@media screen and (max-width: 780px) {
	.article-author .button a .icon {
		width: 32px;
		min-width: 32px;
		height: 32px;}
	.main-content.has-sidebar:has(.article-author) {
		padding-top: 56px;
	}
	.article-author .archives-slider .swiper-wrapper {
		flex-wrap: unset;
		row-gap: normal;
		column-gap: normal;
		justify-content: normal;
	}
	.article-author .buttons {
		display: flex;
	}
	.article-author .buttons .module {
		display: flex;
	}
	.article-author .content-box > .flex-container {
		row-gap: 0;
	}
	.article-author .template-content .flex-container .flex-item.small {
		width: 100%;
		max-width: 400px;
		order: -1;
		margin-bottom: 38px;
	}
	.article-author .template-content .archives-slider {
		margin-top: 48px;
		padding-top: 42px;
		border-top: 1px solid var(--color-border);
	}
}



.archives-author ul li img {border-radius:4px; display:block; width:100%; border:4px solid #ffffff;}
.archives-author ul li img:hover {border-color:#FCD41B; border-color:var(--color-yellow);}
.archives-author ul li img.zoom-img {border:0;}
.list-author-books {
	clear: both;
	border-top:1px solid var(--color-border); padding:40px 0 0 0; margin:40px 0;
}
.selector-author ul {font-size:14px; font-size:1.4rem; font-weight:var(--font-bold);}
.selector-author ul li {margin:0 0 0.5em 0;}
.selector-author ul li a {display:flex; justify-content:flex-start; align-items:center;}
.selector-author ul li .icon {
	width:20px; height:20px; background-color:var(--color-black); border-radius:50px;
	display:block;
	margin:0 0.5em 0 0;
}
.selector-author ul li a:hover {color:var(--color-orange);}
.selector-author ul li a:hover .icon {background-color:var(--color-orange);}
/*
.archives-custompost .mix,
.archives-custompost .gap {display:inline-block; width:20%; vertical-align:top;}
.archives-custompost #mix .mix {display:none;}
*/



/******************/
/* single.php *****/


.article-post {
	margin:0; padding:0;
}
.article-post .single-meta {margin:0 0 1em 0;}
.article-post .single-meta .date {line-height:1.3;}
.article-post .single-meta .date i {display:block; white-space:nowrap;}
.article-post .single-meta .date .month {font-size:2.5em;}
.article-post .single-meta .date .day {font-size:3.1em;}
.article-post .single-meta .date .year {font-size:2.1em;}


.article-post .single-title {
	padding:0 0 1em 0;
	margin:0 0 2em 0; border-bottom:1px solid var(--oz-color-border);
	letter-spacing:var(--letter-spacing);
}



.article-post h1,
.article-post h2,
.article-post h3,
.article-post h4,
.article-post h5,
.article-post h6 {margin:0 auto 1em auto; line-height:1.3;}

.article-post h1 {font-size:32px; font-size:3.2rem;}
.article-post h2 {font-size:45px; font-size:4.5rem;}
.article-post h3 {font-size:32px; font-size:3.2rem;}
.article-post h4 {font-size:29px; font-size:2.9rem;}
.article-post h5 {font-size:25px; font-size:2.5rem;}
.article-post h6 {font-size:21px; font-size:2.1rem;}



.article .post-content {line-height:var(--line-height-normal); text-align:left;}
/* .article .post-content p {margin:0;} */
.article .post-content p + p {margin-top: 1.5em;}

.article-post ul,
.article-post ol {margin:0 0 2em 0; padding:0; list-style:outside;}

.article-post ul ul,
.article-post ul ol,
.article-post ol ul,
.article-post ol ol {margin-bottom:0;}

.article-post ul {list-style:none;}
.article-post ul ul {list-style:circle;}
.article-post ol {list-style:none;}
.article-post ol ol {list-style:upper-roman;}

.article-post ul li {padding:0 0 0 1.4em; padding-right:1.4em; text-indent:-1.4em;}
.article-post ul li:before {content:""; display:inline-block;
background:url("images/arrow-r-dark.svg") center center no-repeat; width:1em; height:1em; background-size:12px 12px;
vertical-align:middle;
margin:0 0.4em 0 0;
}
.article-post ul li a {color:#1d2b6f; color:var(--oz-color-navy);}
.article-post ul li a:hover {color:#1d2b6f; color:var(--oz-color-navy); text-decoration:underline;}

.article-post ol li {padding:0 0 0 1.6em; text-indent:-1.4em; text-indent:calc(-12px - 0.4em);
	list-style:none;
	counter-increment:number;
}
.article-post ol li:before {content:counter(number) "."; margin:0 0.4em 0 0;}

.article-post dl {margin:0 0 2em 0; padding:0;}
.article-post dl dt {margin:0; position:relative; font-size:1.1em;}
.article-post dl dd {margin:0 0 1em 0; padding:0;}


.article-post img {max-width:100%; height:auto;}

.article-post blockquote {
padding:1em;
margin:0 0 2em 1em;
border-left:2px solid #000000;
}

.article-post blockquote > *:last-child,
.article-post blockquote > *:last-child > *:last-child,
.article-post blockquote > *:last-child > *:last-child > *:last-child {margin:0;}

.article-post blockquote cite {font-size:0.8em;}
.article-post blockquote cite:before {content:"— "; margin:0 0 0 1em;}




/* シングル投稿 */
/* .article .single-title {text-align:left;}
.article .single-title .title {font-size:32px; font-size:3.2rem; font-weight:var(--font-bold);
	letter-spacing:var(--letter-spacing);}
.article .single-title .subtitle {margin:1em 0 1em 0; font-size:18px; font-size:1.8rem; font-weight:var(--font-bold);}

.article .single-meta {
	text-align:left; margin:0 0 40px 0;
}
.article .single-meta span {display:block;}

.article .single-content {
	line-height:var(--line-height-normal); text-align:left;
	padding:40px 0;
	border-top:1px solid var(--color-border);
	border-bottom:1px solid var(--color-border);
}

.single-links {
	padding:40px 0 52px;
}

.single-footer {padding:2em; border:1px solid var(--color-border); text-align:left;
	border-radius:var(--border-radius);
}
.single-footer dl {line-height:var(--line-height-normal);}
.single-footer dl dt {
	float:left;
	width:94px; height:94px; overflow:hidden;
	border-radius:50px;
}
.single-footer dl dd {margin:0 0 0 120px;}
.single-footer .name {font-size:18px; font-size:1.8rem; font-weight:var(--font-bold); margin-bottom:0.5em;}
.single-footer .position {margin-bottom:1em;font-size:14px; font-size:1.4rem; font-weight:var(--font-bold);}
.single-footer .bio {font-size:12px; font-size:1.2rem; margin-bottom:2em;} */

.single-main.has-sidebar {
	width: calc(100% - 152px - 224px - 192px + 40px);
	margin: 0;
}
.single-main .page-back-button {
	margin-bottom: 24px;
	padding-top: 5px;
}
.single-main .page-back-button a {
	display: flex;
	align-items: center;
	font-size: 12px;
	font-size: 1.2rem;
	width: fit-content;
}
.single-main .page-back-button .prev-icon {
	width: 24px;
	height: 24px;
}
.single-main .page-title .title {
	font-size: 32px;
	font-size: 3.2rem;
	margin-bottom: 0;
	align-items: flex-start;
	font-weight: var(--font-bold);
}
.single-main .page-title .category {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 4px;
	font-weight: var(--font-bold);
	margin-left: 60px;
}
.single-main .page-title .tags {
	display: flex;
	margin-top: 14px;
}
.single-main .page-title .tags .tag-item {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 8px 12px 9px 12px;
	border: 1px solid var(--color-border);
	border-radius: 5px;
	white-space: nowrap;
	line-height: 1;
}
.single-main .page-title .tags .tag-item + .tag-item {
	margin-left: 8px;
}
.single-main .page-title .date {
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 8px;
	display: block;
	margin-left: 60px;
}
.single-main .page-title .author {
	margin-left: 60px;
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 4px;
	font-weight: var(--font-bold);
}
.single-main .page-title .tags {
	margin-left: 60px;
}
.single-onze-custom-book .single-main .page-title .author {
	margin-left: 0;
}
@media screen and (min-width: 1600px) {
	.single-main.has-sidebar {
		width: calc(72% - 128px);
	}
	.single-main .page-title .title {
		font-size: 35px;
		font-size: 3.5rem;
	}
	.single-main .page-title .category {
		font-size: 20px;
		font-size: 2rem;
		font-weight: var(--font-black);
		margin-top: 11px;
	}
	.single-main .page-title .tags .tag-item {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 12px;
	}
	.single-main .page-title .date {
		font-size: 16px;
		font-size: 1.6rem;
		margin-top: 22px;
	}
	.single-main .page-back-button .prev-icon {
		width: 32px;
		height: 32px;
		min-width: 32px;
	}
	.single-main .page-back-button a {
		font-size: 14px;
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 780px) {
	.single-main.has-sidebar {
		width: 100%;
		padding-bottom: 0;
	}
	.single-main .page-title .title {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: var(--font-black);
	}
	.single-main .page-title .category {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 5px;
		margin-left: 32px;
	}
	.single-main .page-title .date {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 5px;
		margin-left: 32px;
	}
	.single-main .page-back-button {
		padding-top: 0;
	}
	.single-main .page-title .author {
		margin-left: 32px;
	}
	.single-main .page-title .tags {
		margin-left: 32px;
		margin-top: 7px;
	}
	.single-onze-custom-blog .single-main .page-title .date {
		margin-left: 32px;
	}
	.single-onze-custom-book .single-main .page-title .author {
		font-size: 13px;
		font-size: 1.3rem;
	}
}

.single-content .video-content {
	padding-bottom: 48px;
	margin-bottom: 48px;
	border-bottom: 1px solid var(--color-border);
}
.single-content .video-wrapper {
	display: block;
	flex-direction: column;
	column-gap: 32px;
	border: 1px solid var(--color-border);
	padding: 32px 56px 60px 56px;
	background-color: var(--color-background);
	border-radius: 5px;
	display: block;
	width: 100%;
	height: auto;
}
.single-content .video-wrapper:has(.button) {
	padding-bottom: 32px;
}
.single-content .video-wrapper + .video-wrapper {
	margin-top: 32px;
}
.single-content .video-wrapper p:not([class]) {
	display: contents;
}
.single-content .video-wrapper .caption {
	font-size: 20px;
	font-size: 2rem;
	font-weight: var(--font-black);
	margin-bottom: 32px;
	text-align: left;
}
.single-content .video-wrapper iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	height: 100%;
	display: block;
}
.single-content .video-wrapper .button {
	margin-top: 32px;
}
.single-content .video-wrapper .button {
	margin-top: 32px;
}
.single-content .content-wrapper {
	padding-bottom: 48px;
	margin-bottom: 48px;
	border-bottom: 1px solid var(--color-border);
	text-align: left;
}
.single-onze-custom-book .single-content .content-wrapper {
	border-bottom: none;
	padding-bottom: 72px;
	margin-bottom: 0;
}
.single-content .content-wrapper p {
	line-height: 1.85;
}
.single-content .content-wrapper p img {
	margin-bottom: 42px;
	border-radius: 5px;
	overflow: hidden;
}
.single-content .content-wrapper p a {
	text-decoration:underline;
	text-underline-offset:3px; 
	text-decoration-thickness:1px;
}
.single-content .content-wrapper p a:hover {color:var(--color-orange);}
.single-content .content-wrapper .frame-thumbnail {
	padding: 55px;
	border: 1px solid var(--color-border);
	border-radius: 5px;
	background-color: var(--color-background);
}
.single-content .content-wrapper * + .frame-thumbnail {
	margin-top: 72px;
}
.single-content .single-info-wrapper {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--color-border);
	padding-bottom: 46px;
	margin-bottom: 46px;
	align-items: flex-start;
}
.single-content .thumbnail {
	width: 50%;
	display: block;
	padding: 0;
	transition: 0.5s;
	position: relative;
	border-radius: 5px;
	aspect-ratio: 1 / 1;overflow: hidden;
}
.single-content .thumbnail img {
	width: 100%;
	height: auto;
}
.single-content .single-thumbnail {
	width: 50%;
	display: block;
	padding: 0;
	background-color: var(--color-background);
	aspect-ratio: auto;
	transition: 0.5s;
	position: relative;
	border-radius: 5px;
	aspect-ratio: 1 / 1;
}
.single-content .single-thumbnail img {
	width: auto;
	min-width: auto;
	max-width: 100%;
	height: auto;
	min-height: 80%;
	max-height: 80%;
	object-fit: unset;
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}
.single-content .single-thumbnail .label {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0;
	top: 0;
	aspect-ratio: 1 / 1;
	transform: translate(20%, -20%);
	border: 3px solid var(--color-black);
	background-color: #fff;
	border-radius: 50px;
	text-align: center;
	width: 80px;
	max-width: 80px;
	line-height: 1;
	pointer-events: none;
	z-index: 1001;
}
.single-content .single-thumbnail .label dl {
	font-weight: var(--font-black);
	display: flex;
	flex-direction: column;
}
.single-content .single-thumbnail .label dl dt {
	margin: 0 auto 0.35em;
	font-size: 17px;
	font-size: 1.7rem;
}
.single-content .single-thumbnail .label dl dd {
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 2px;
}
.single-content .single-details {
	width: 42%;
	text-align: left;
}
.single-content .single-details table {
	display: flex;
	column-gap: 40px;
	border: none;
}
.single-content .single-details table th {
	width: fit-content;
	white-space: nowrap;
	border: none;
	padding: 0 40px 8px 0;
	font-weight: var(--font-bold);
	font-size: 16px;
	font-size: 1.6rem;
}
.single-content .single-details table td {
	width: fit-content;
	white-space: nowrap;
	border: none;
	padding: 0 0 8px 0;
}
.single-content .single-details table tr:last-child th {
	padding: 8px 0 0 0;
}
.single-content .single-details table tr:last-child td {
	padding: 8px 0 0 0;
}
.single-content .single-details .book-shop-button a {
	padding: 16px 24px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: var(--font-medium);
	border-radius: 10px;
	background-color: var(--color-black);
	display: flex;
	align-items: center;
	color: var(--color-white);
	width: fit-content;
	column-gap: 12px;
}
.single-content .single-details .book-shop-button a::before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	min-width: 32px;
	background-color: var(--color-white);
	border-radius: 50%;
	background-image: url("images/icon-book-shop-button.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.single-content .single-details .book-shop-button .text-wrapper {
	display: block;
	margin-bottom: 2px;
}
.single-content .shop-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	column-gap: 16px;
	row-gap: 34px;
	margin-bottom: 54px;
	padding-bottom: 80px;
	border-bottom: 1px solid var(--color-border);
}
.single-content .shop-list .shop-logo {
	aspect-ratio: 196 / 104;
	border: 1px solid var(--color-border);
	background-color: var(--color-background);
	border-radius: 10px;
	margin-bottom: 12px;
}
.single-content .shop-list .shop-logo img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.single-content .shop-list .caption {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: left;
	display: block;
	width: fit-content;
	position: relative;
}
.single-content .shop-list .caption::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -16px;
	transform: translateY(-50%);
	display: block;
	width: 10px;
	height: 10px;
	background-image: url("images/icon-link-black.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
@media screen and (min-width: 1600px) {
	.single-content .video-wrapper + .video-wrapper {
		margin-top: 40px;
	}
	.single-content .video-content {
		padding-bottom: 54px;
		margin-bottom: 52px;
	}
	.single-content .content-wrapper {
		padding-bottom: 96px;
		margin-bottom: 56px;
	}
	.single-content .video-wrapper {
		padding: 38px 64px 66px 64px;
	}
	.single-content .video-wrapper:has(.button) {
		padding-bottom: 36px;
	}
	.single-content .video-wrapper .caption {
		font-size: 23px;
		font-size: 2.3rem;
	}
	.single-content .video-wrapper .button {
		margin-top: 36px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.single-content .video-wrapper .button .icon {
		width: 38px;
		height: 38px;
		min-width: 38px;
	}
	.single-content .single-thumbnail .label {
		width: 100px;
		max-width: 100px;
	}
	.single-content .single-thumbnail .label dl dt {
		font-size: 19px;
		font-size: 1.9rem;
	}
	.single-content .single-thumbnail .label dl dd {
		font-size: 14px;
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 780px) {
	.single-content .video-wrapper {
		padding: 16px 22px 24px 22px;
	}
	.single-content .video-wrapper .button {
		margin-top: 16px;
	}
	.single-content .video-wrapper:has(.button) {
		padding-bottom: 16px;
	}
	.single-content .video-wrapper .caption {
		font-size: 12px;
		font-size: 1.2rem;
		margin-bottom: 16px;
	}
	.single-content .video-wrapper + .video-wrapper {
		margin-top: 24px;
	}
	.single-content .video-content {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}
	.single-content .video-content .button a .icon {
		width: 32px;
		height: 32px;
		min-width: 32px;
	}
	.single-content .content-wrapper {
		margin-bottom: 40px;
		padding-bottom: 40px;
	}
	.single-content .single-info-wrapper {
		flex-direction: column;
		row-gap: 32px;
	}
	.single-content .thumbnail {
		width: 92%;
		margin: 0 auto;
	}
	.single-content .single-thumbnail {
		width: 92%;
		margin: 0 auto;
	}
	.single-content .single-details {
		width: 100%;
	}
	.single-content .single-details table th {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.single-content .single-details table td {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.single-content .single-details .book-shop-button a {
		margin: 0 auto;
	}
	.single-content .content-wrapper .frame-thumbnail {
		padding: 22px;
	}
	.single-content #book-shop {
		margin-top: 0;
	}
	.single-content .shop-list {
		grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
		margin-bottom: 28px;
		padding-bottom: 70px;
	}
}

.single-links {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 8px;
}
.single-links .pagination-arrow a {
	display: flex;
	align-items: center;
	column-gap: 12px;
}
.single-links .prev-icon,
.single-links .next-icon {
	margin: 0;
}
.single-links .pagination-text-wrapper {
	font-size: 12px;
	font-size: 1.2rem;
}
.single-links .pagination-prev .pagination-text-wrapper {
	text-align: left;
}
.single-links .pagination-next .pagination-text-wrapper {
	text-align: right;
}
.single-links .pagination-text {
	display: block;
	line-height: 1;
	margin-bottom: 7px;
}
.single-links .pagination-title {
	display: block;
	line-height: 1;
	max-width: 224px;
	width: fit-content;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
	font-weight: var(--font-medium);
}
@media screen and (min-width: 1600px) {
	.single-links .pagination-text-wrapper {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.single-links .prev-icon,
	.single-links .next-icon {
		width: 40px;
		height: 40px;
	}
}
@media screen and (max-width: 780px) {
	.single-links .pagination-prev .pagination-text-wrapper {
		display: contents;
	}
	.single-links .pagination-title {
		display: none;
	}
	.single-links .pagination-text {
		margin-bottom: 0;
	}
}
.single-footer {
	margin-top: 96px;
	display: flex;
	flex-direction: column;
	row-gap: 32px;
}
.single-footer .cast {
	padding: 40px 40px 54px calc(40px + 94px + 26px);
	border-radius: 5px;
	border: 1px solid var(--color-border);
	position: relative;
	text-align: left;
}
.single-footer .cast-info {
	display: contents;
}
.single-footer .cast div.photo {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 94px;
	min-width: 94px;
	height: 94px;
	border-radius: 50%;
	overflow: hidden;
}
.single-footer .cast div.photo img {
	width: 100%;
	height: auto;
}
.single-footer .cast .cast-name {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: var(--font-bold);
}
.single-footer .cast .cast-title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: var(--font-medium);
	margin-top: 11px;
}
.single-footer .cast .cast-description {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 11px;
}
.single-footer .cast .buttons {
	margin-top: 30px;
}
@media screen and (min-width: 1600px) {
	.single-footer {
		margin-top: 102px;
	}
	.single-footer .cast {
		padding: 48px 48px 64px calc(48px + 104px + 30px);
	}
	.single-footer .cast div.photo {
		width: 104px;
		height: 104px;
		min-width: 104px;
		top: 48px;
		left: 48px;
	}
	.single-footer .cast .cast-name {
		font-size: 20px;
		font-size: 2rem;
	}
	.single-footer .cast .cast-title {
		font-size: 16px;
		font-size: 1.6rem;
		margin-top: 16px;
	}
	.single-footer .cast .cast-description {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 16px;
	}
	.single-footer .cast .button {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.single-footer .cast .button .icon {
		width: 40px;
		height: 40px;
		min-width: 40px;
		margin-right: 15px;
	}
}
@media screen and (max-width: 780px) {
	.single-footer {
		margin-top: 60px;
	}
	.single-footer .cast {
		padding: 22px 22px 24px 22px;
	}
	.single-footer .cast div.photo {
		width: 64px;
		height: 64px;
		min-width: 64px;
		position: static;
	}
	.single-footer .cast-info {
		display: flex;
		column-gap: 16px;
		align-items: center;
	}
	.single-footer .cast .cast-name {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.single-footer .cast .cast-title {
		font-size: 12px;
		font-size: 1.2rem;
		margin-top: 2px;
	}
	.single-footer .cast .cast-description {
		margin-top: 18px;
	}
	.single-footer .cast .buttons {
		margin-top: 22px;
		display: block;
	}
	.single-footer .cast .button + .button {
		margin: 8px 0 0 0;
	}
	.single-footer .cast .button a .icon {
		width: 32px;
		height: 32px;
		min-width: 32px;
		margin-right: 12px;
	}
}



.single-sns-sidebar {
	width: 152px;
	margin-top: 458px;
	margin-bottom: 110px;
}
.single-onze-custom-special .single-sns-sidebar{
	margin-top: 180px;
}
.single-onze-custom-book .single-sns-sidebar {
	margin-top: 210px;
}
.single-sns-sidebar .sidebar-content {
	margin: 0 0 0 auto;
	width: fit-content;
	position: sticky;
	top: 32px;
	left: 0;
	z-index: 9;
}
.single-sns-sidebar .share-title {
	writing-mode: vertical-rl;
	white-space:nowrap;
	margin-bottom: 24px;
	font-size: 12px;
	font-size: 1.2rem;
}
.single-sns-sidebar ul li + li {
	margin-top: 8px;
}
.single-sns-sidebar ul li a,
.single-sns-sidebar ul li span {
	display: block;
	border-radius: 50%;
	width: 24px;
	min-width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	cursor: pointer;
}
.single-sns-sidebar ul li a:hover,
.single-sns-sidebar ul li span:hover {
	transform: rotate(360deg);
	transition: 0.5s;
}
.single-sns-sidebar ul li.icon-x a {
	background-image: url("images/icon-sns-x.svg");
}
.single-sns-sidebar ul li.icon-facebook a {
	background-image: url("images/icon-sns-facebook.svg");
}
.single-sns-sidebar ul li.icon-line a {
	background-image: url("images/icon-sns-line.svg");
}
.single-sns-sidebar ul li.icon-pinterest a {
	background-image: url("images/icon-sns-pinterest.svg");
}
.single-sns-sidebar ul li.icon-link span {
	background-image: url("images/icon-sns-link.svg");
}
.single-sns-sidebar ul li.icon-link {
	position: relative;
}
.single-sns-sidebar ul li.icon-link::before {
	opacity: 0;
	pointer-events: none;
	content: "URLをコピーしました";
	position: absolute;
	top: 50%;
	left: calc(100% + 16px);
	transform: translateY(-50%);
	display: block;
	padding: 9px 20px 11px 20px;
	background-color: var(--color-white);
	font-size: 10px;
	font-size: 1rem;
	border: 2px solid var(--color-black);
	border-radius: 10px;
	transition: 0.3s;
	white-space: nowrap;
	width: fit-content;
	z-index: 2;
	font-weight: var(--font-bold);
}
.single-sns-sidebar ul li.icon-link.is-copy::before {
	opacity: 1;
}

@media screen and (min-width: 1600px) {
	.single-sns-sidebar {
		width: calc(28% - 128px);
		margin-left: auto;
		margin-top: 540px;
	}
	.single-sns-sidebar .share-title {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.single-sns-sidebar ul li a, .single-sns-sidebar ul li span {
		width: 28px;
		height: 28px;
		min-width: 28px;
	}
}
@media screen and (max-width: 780px) {
	.single-sns-sidebar {
		width: 100%;
		order: 1;
		margin-bottom: 0;
		margin-top: 0;
	}
	.single-onze-custom-special .single-sns-sidebar{
		margin-top: 0;
	}
	.single-onze-custom-book .single-sns-sidebar {
		margin-top: 0;
	}
	.single-sns-sidebar .sidebar-content {
		margin: 0;
		position: static;
		width: 100%;
	}
	.single-sns-sidebar .share-title {
		writing-mode: unset;
		text-align: left;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: var(--font-bold);
		padding-top: 32px;
		border-top: 1px solid var(--color-border);
		margin: 64px 19px 12px 19px;
	}
	.single-sns-sidebar ul {
		display: flex;
		column-gap: 16px;
		margin: 0 19px;
	}
	.single-sns-sidebar ul li + li {
		margin-top: 0;
	}
	.single-sns-sidebar ul li a,
	.single-sns-sidebar ul li span {
		width: 32px;
		height: 32px;
		min-width: 32px;
	}
	.single-sns-sidebar ul li.icon-link::before {
		display: none;
	}
}


.single-card-sidebar {
	width: 224px;
	margin-left: auto;
	margin-bottom: 110px;
}
.single-card-sidebar .sidebar-content {
	position: sticky;
	top: 32px;
	left: 0;
}
.single-card-sidebar .sidebar-content .swiper-container {
	display: contents;
}
.single-card-sidebar .single-side-swiper .swiper-wrapper {
	display: contents;
}
.single-card-sidebar .card-title {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: var(--font-bold);
	text-align: left;
	padding-bottom: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--color-border);
}
.single-card-sidebar .archives-slider .swiper-slide {
	width: 192px;
}
.single-card-sidebar .archives-slider .swiper-slide + .swiper-slide {
	margin-top: 26px;
}
.single-card-sidebar .archives-slider .swiper-slide .tags {
	display: none;
}
.single-card-sidebar .archives-slider .swiper-slide .summary {
	display: none;
}
.single-card-sidebar .archives-slider .buttons {
	display: none;
}
.single-card-sidebar .archives-slider .title a {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.single-card-sidebar .archives-slider  [data-post="movie"] .moviecategory {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

@media screen and (min-width: 1600px) {
	.single-card-sidebar {
		width: 256px;
	}
	.single-card-sidebar .card-title {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.single-card-sidebar .archives-slider .swiper-slide + .swiper-slide {
		margin-top: 32px;
	}
	.single-card-sidebar .archives-slider .swiper-slide {
		width: 224px;
	}
}
@media screen and (max-width: 780px) {
	.single-card-sidebar {
		width: 100%;
		order: 2;
		margin-bottom: 80px;
		overflow: hidden;
	}
	.single-card-sidebar .card-title {
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: var(--font-bold);
		border-top: 1px solid var(--color-border);
		padding: 32px 0 0 0;
		margin: 64px 19px 30px 19px;
	}
	.single-card-sidebar .sidebar-content .single-side-swiper {
		display: block;
	}
	.single-card-sidebar .single-side-swiper .swiper-slide + .swiper-slide {
		margin-top: 0;
	}
	.single-card-sidebar .single-side-swiper {
		padding: 0 19px;
	}
	.single-card-sidebar .single-side-swiper .swiper-wrapper {
		flex-wrap: nowrap;
		justify-content: flex-start;
		display: flex;
	}
	.single-card-sidebar .single-side-swiper .swiper-slide:nth-of-type(n+5) {
		display: block;
	}
	.single-card-sidebar .single-side-swiper .buttons {
		display: flex;
		margin: 36px 19px 0 19px;
	}
	.single-card-sidebar .single-side-swiper .buttons .module {
		display: flex;
	}
	.single-card-sidebar .single-side-swiper .buttons .module .prev-icon,
	.single-card-sidebar .single-side-swiper .buttons .module  .next-icon {
		width: 40px;
		height: 40px;
	}
}



/******************/
/* single-custom-post.php */

.main-header-special {
	background-color: transparent;
	color:var(--color-black);
	line-height:var(--line-height-normal);
	padding:0 0 40px 0; margin:0;
	position:relative;
}
.main-header-special .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 94px;
	padding: 0 10% 0 12%;
	max-width: none;
	z-index: 2;
}
.main-header-special .title {font-weight: var(--font-bold);}
.main-header-special .title .logo {
	margin: 0 0 32px 0;
}
.main-header-special .title.kobayashi {
	max-width: 450px;
}
.main-header-special .title.dojo {
	max-width: 384px;
}
.main-header-special .title.obo {
	max-width: 432px;
}
.main-header-special .title.kouron {
	max-width: 496px;
}
.main-header-special .title .logo img {width:100%;}
.main-header-special .title .text {text-align:left; font-size:16px; font-size:1.6rem;}

.main-header-special .slide {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
	z-index: -1;
	display: flex;
	overflow: hidden;
	opacity: 0.6;
	mix-blend-mode: soft-light;
	z-index: 1;
}
.main-header-special .slide .item {
	display: block;
	flex-shrink: 0;
	height: 386px;
}
.main-header-special .slide .item img {
	max-width: none;
	width: auto;
	height: 100%;
}
.main-header-special .slide .item:nth-child(odd) {
	animation: specialMoveLeft-01 160s -80s infinite linear;
}
.main-header-special .slide .item:nth-child(even) {
	animation: specialMoveLeft-02 160s infinite linear;
}
@keyframes specialMoveLeft-01 {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}
@keyframes specialMoveLeft-02 {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-200%);
	}
}
.main-header-special .visual {
	position: relative;
	width: 480px;
	aspect-ratio: 641 / 746;
	min-width: 480px;
}
.main-header-special .visual .thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.main-header-special .visual.fade .thumbnail:nth-child(1) {
	animation: specialVisual-01 15s linear 0s infinite normal none;
}
.main-header-special .visual.fade .thumbnail:nth-child(2) {
	animation: specialVisual-02 15s linear 0s infinite normal none;
}
.main-header-special .visual.fade .thumbnail:nth-child(3) {
	animation: specialVisual-03 15s linear 0s infinite normal none;
}
@keyframes specialVisual-01 {
	0% {
		opacity: 1;
	}
	28% {
		opacity: 1;
	}
	33% {
		opacity: 0;
	}
	95% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes specialVisual-02 {
	0% {
		opacity: 0;
	}
	28% {
		opacity: 0;
	}
	33% {
		opacity: 1;
	}
	61% {
		opacity: 1;
	}
	66% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes specialVisual-03 {
	0% {
		opacity: 0;
	}
	61% {
		opacity: 0;
	}
	66% {
		opacity: 1;
	}
	95% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@media screen and (min-width: 1600px) {
	.main-header-special .visual {
		width: 641px;
		min-width: 641px;
	}
	.main-header-special .inner {
		max-width: 1500px;
		padding: 0 0 0 16px;
		column-gap: 240px;
	}
	.main-header-special .title .text {
		font-size: 21px;
		font-size: 2.1rem;
	}
	.main-header-special .title .logo {
		width: 100%;
		max-width: none;
	}
	.main-header-special .title.kobayashi {
		max-width: 606px;
	}
	.main-header-special .title.dojo {
		max-width: 515px;
	}
	.main-header-special .title.obo {
		max-width: 578px;
	}
	.main-header-special .title.kouron {
		max-width: 664px;
	}
}
@media screen and (max-width: 780px) {
	.main-header-special {
		padding-top: 28px;
		padding-bottom: 10px;
	}
	.main-header-special .inner {
		display: block;
		padding: 0;
	}
	.main-header-special .title {
		padding: 0 0 16px 0;
		width: 100%;
		max-width: 272px !important;
		margin: 0 auto;
	}
	.main-header-special .title .text {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.main-header-special .visual {
		width: 90%;
		min-width: auto;
		max-width: 280px;
		margin: 0 auto;
	}
	.main-header-special .slide {
		top: 430px;
		transform: none;
	}
	.main-header-special .slide .item {
		height: 200px;
	}
}

.onze-custom-special-template-single-onze-custom-special-ex .main-content.has-sidebar {
	position: relative;
}

.onze-custom-special-template-single-onze-custom-special-ex .main-content.has-sidebar .content-box:has(.archives-slider) {
	width: calc(100vw - 232px - 96px);
	padding-right: calc(100vw - 100% - 232px - 96px);
	overflow: hidden;
}
.onze-custom-special-template-single-onze-custom-special-ex .archives-slider .swiper-slide {
	width: 232px;
}
.article-kobayashi-yoshinori .archives-slider .title {
	margin-left: 0;
}
.article-kobayashi-yoshinori .archives-slider .date {
	margin-left: 0;
}
.article-kobayashi-yoshinori .archives-slider .author {
	display: none;
}
.article-kobayashi-yoshinori .archives-slider .photo {
	display: none;
}
.onze-custom-special-template-single-onze-custom-special-ex .kokoroe .flex-container {
	margin-top: 28px;
}
.onze-custom-special-template-single-onze-custom-special-ex .kokoroe ul {
	padding: 42px 46px;
	background-color: var(--color-background);
	border: 1px solid var(--color-border);
	border-radius: 5px;
	list-style: none;
}
.onze-custom-special-template-single-onze-custom-special-ex .kokoroe ul li {
	margin: 0;
	font-weight: var(--font-bold);
	font-size: 18px;
	font-size: 1.8rem;
	padding-left: 40px;
}
.onze-custom-special-template-single-onze-custom-special-ex .kokoroe ul li {
	position: relative;
}
.onze-custom-special-template-single-onze-custom-special-ex .kokoroe ul li + li {
	margin-top: 10px;
}
.onze-custom-special-template-single-onze-custom-special-ex .kokoroe ul li::before {
	content: "一、";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.onze-custom-special-template-single-onze-custom-special-ex .kouron-title {
	font-size: 40px;
	font-size: 4rem;
	margin-bottom: 48px;
}
.onze-custom-special-template-single-onze-custom-special-ex .kouron-swiper-title {
	margin-bottom: 0;
}
.onze-custom-special-template-single-onze-custom-special-ex .main-content.has-sidebar .kouron-swiper {
	padding-top: 62px;
}
.onze-custom-special-template-single-onze-custom-special-ex .obo-grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	column-gap: 32px;
	row-gap: 32px;
}
.onze-custom-special-template-single-onze-custom-special-ex .obo-grid-container .item .thumbnail {
	border-radius: 5px;
	overflow: hidden;
}
.onze-custom-special-template-single-onze-custom-special-ex .obo-grid-container .item .thumbnail img {
	width: 100%;
}
.onze-custom-special-template-single-onze-custom-special-ex .obo-grid-container .item .caption{
	font-weight: var(--font-bold);
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	margin-top: 16px;
}
.onze-custom-special-template-single-onze-custom-special-ex .obo-grid-container .item p {
	font-weight: var(--font-regular);
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 8px;
}
.onze-custom-special-template-single-onze-custom-special-ex .main-content.has-sidebar:has(.sticky) {
	overflow: visible;
}
@media screen and (min-width: 1600px) {
	.onze-custom-special-template-single-onze-custom-special-ex .archives-slider .swiper-slide {
		width: 280px;
	}
	.onze-custom-special-template-single-onze-custom-special-ex .main-content.has-sidebar .kouron-swiper {
		padding-top: 70px;
	}
	.onze-custom-special-template-single-onze-custom-special-ex .obo-grid-container {
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
		column-gap: 40px;
		row-gap: 40px;
	}
	.onze-custom-special-template-single-onze-custom-special-ex .obo-grid-container .item .caption{
		font-size: 16px;
		font-size: 1.6rem;
		margin-top: 20px;
	}
	.onze-custom-special-template-single-onze-custom-special-ex .obo-grid-container .item p {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 12px;
	}
	.onze-custom-special-template-single-onze-custom-special-ex .kokoroe ul li {
		font-size: 20px;
		font-size: 2rem;}
}
@media screen and (max-width: 780px) {
	.onze-custom-special-template-single-onze-custom-special-ex .main-content.has-sidebar .content-box:has(.archives-slider) {
		width: 100%;
		padding-right: 0;
	}
	.onze-custom-special-template-single-onze-custom-special-ex .main-content.has-sidebar .kouron-swiper {
		padding-top: 56px;
	}
	.onze-custom-special-template-single-onze-custom-special-ex .obo-grid-container {
		grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
		column-gap: 24px;
		row-gap: 24px;
	}
	.onze-custom-special-template-single-onze-custom-special-ex .obo-grid-container .item .caption{
		margin-top: 14px;
	}
	.onze-custom-special-template-single-onze-custom-special-ex .obo-grid-container .item p {
		margin-top: 6px;
	}
	.onze-custom-special-template-single-onze-custom-special-ex .kouron-title {
		font-size: 32px;
		font-size: 3.2rem;
		margin-bottom: 32px;
	}
	.onze-custom-special-template-single-onze-custom-special-ex .kokoroe ul {
		padding: 32px 36px;
	}
}







.article-custompost {}
.article-custompost .title {
	text-align:left;
	font-size:45px; font-size:4.5rem; color:var(--color-yellow);
	margin:0 0 1em 0; line-height:1.3;
}
.article-custompost .post-content p {margin:0 0 2em 0;}
.article-custompost .partner ul {display:flex; justify-content:flex-start; flex-wrap:wrap; gap:2%;}
.article-custompost .partner ul li {flex-basis:16.5%; margin:0 0 2% 0;}






/* 固定ページここから */
/* 
.page-content h1 {
	font-size:20px; font-size:2.0rem; font-weight:var(--font-bold); margin:5em 0 2em;
	padding:0 0 0.5em 0;
	border-bottom:4px solid var(--color-black);
}
.page-content h1:first-child {margin-top:0;}

.page-content p {margin:0 0 1em 0;}
.page-content ul {
	margin:0 0 1em 1em;
	font-size:14px; font-size:1.4rem;
}
.page-content ul li {padding:0 0 0 2em; text-indent:-1em;}
.page-content ul li::before {
	content:"・"; margin:0 0 0;
	width:1em;
	display:inline-block; position:relative;
}
.page-content ol {
	margin:0 0 1em 1em;
	font-size:14px; font-size:1.4rem;
}
.page-content ol li {padding:0 0 0 2em; text-indent:-1em;}
.page-content ol li::before {
	content:couter; margin:0 0 0;
	width:1em;
	display:inline-block; position:relative;
}
.post-special-content {text-align:left;}
.post-special-content h1 {
	font-size:20px; font-size:2.0rem; font-weight:var(--font-bold);
	border-bottom:4px solid var(--color-black);
	margin:5em 0 2em 0; padding:0 0 0.5em 0;
}
.post-special-content h1:first-child {margin-top:0;}

.post-special-content h2 {font-size:20px; font-size:2.0rem; font-weight:var(--font-bold); margin:0 0 1em 0;}
.post-special-content p {margin:0 0 2em 0;}

.post-special-content .swiper-container {
	padding:0 0 4em 0;
	margin:0 0 2em 0; overflow:hidden;
	border-bottom:1px solid var(--color-border);
}
.post-special-content .swiper-container .swiper-slide {
	width: 232px;
}
	.main-sidebar.fixed {}
.main-sidebar.sticky {}

.main-sidebar .module {margin-bottom:20px; display:block; clear:both;}

.main-sidebar .content-selector {}
.main-sidebar .content-selector ol {line-height:var(--line-height-small); font-size:14px; font-size:1.4rem;}
.main-sidebar .content-selector ol li {display:block; width:fit-content; margin:0 0 1em 0;}
.main-sidebar .content-selector ol li a {display:flex; align-items: center; padding:0 0 0 0; min-height:20px;}
.main-sidebar .content-selector ol li a .icon {
	width:20px; height:20px; background-color:var(--color-black);
	border-radius:50px;
	margin:0 0.5em 0 0;
}
.main-sidebar .content-selector ol li a .text {width:fit-content; position:relative;
	display: inline;
	background: linear-gradient(to top, currentColor 2px, transparent 99%) no-repeat;
	transition: all 0.5s ease;
	background-position: 0% 100%;
	background-size: 0% 1px;
}
.main-sidebar .content-selector ol li.is-current a {}
.main-sidebar .content-selector ol li a:hover .text {
	background-size: 200% 1px;
}
.main-sidebar .content-selector ol li a:hover .icon {background-color:var(--color-orange);}



.main-sidebar a {}
.main-sidebar a:hover {}
.main-sidebar h4 {font-size:18px; font-size:1.8rem; margin:0 0 4px 0; display:block;}

.main-sidebar p {margin:0 0 12px 0; clear:both;}
.main-sidebar ul {padding:0; margin:0; clear:both;}
.main-sidebar ul li {padding:0; margin:0;}

.main-sidebar label {display:block;}
.main-sidebar select {margin:0 0 1em 0; width:99%; border:1px solid #999999; border-color:var(--color-gray);}

.main-sidebar label.screen-reader-text {display:none;}
.main-sidebar .search-submit {display:none;}
*/
.template-content {
	text-align: left;
}
.template-content p:empty {
	display: none;
}
.template-content ul + p,
.template-content ol + p,
.template-content p + p,
.template-content .frame-thumbnail + p,
.template-content .button + p,
.template-content .buttons + p,
.template-content .image-wrapper + p,
.template-content .frame-text + p,
.template-content .acceptance-box +p {
	margin-top: 20px;
}
.template-content p:empty + p {
	margin-top: 0;
}
.template-content h1 {
	font-size: 20px;
	font-size: 2rem;
	font-weight: var(--font-black);
	padding-bottom: 18px;
	margin-bottom: 62px;
	position: relative;
}
.template-content h1::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	width: 54px;
	height: 25px;
	background-image: url("images/content-title-decoration.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top left;
}
.template-content h1::after {
	content: "";
	position: absolute;
	top: 100%;
	right: 0;
	display: block;
	width: calc(100% - 54px);
	height: 4px;
	background-color: var(--color-black);
}
.template-content .content-box + h1 {
	margin-top: 104px;
}
.template-content .content-box {
	padding-top: 58px;
	margin-top: 64px;
	border-top: 1px solid var(--color-border);
}
.template-content h1 + .content-box {
	margin-top: 0;
	padding-top: 0;
	border: none;
}
.template-content h2 {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: var(--font-black);
	margin-bottom: 28px;
}
.template-content h3 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: var(--font-black);
	margin-bottom: 24px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--color-border);
	margin-top: 36px;
}


.template-content h1.wp-block-heading {margin-top:2em;}
.template-content h2.wp-block-heading {margin-top:2em;}

.template-content .colon {
	color: var(--color-yellow);
	display: inline-block;
	margin: 0 5px;
}
.template-content .flex-container {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: nowrap;
	column-gap: 64px;
	position: relative;
}
.template-content .flex-container .flex-item {
	position: relative;
}
.template-content .flex-container .flex-item.small {
	width: 352px;
	min-width: 352px;
}
.template-content .flex-container .flex-item.large {
	width: 448px;
	min-width: 448px;
}
.template-content .flex-container .flex-item.auto {
	width: 100%;
}
.template-content .flex-container .flex-item.sticky {
	position: sticky;
	top: 32px;
	left: 0;
}
.template-content .flex-container .flex-item .thumbnail {
	display: block;
	line-height: 0;
	border-radius: 5px;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	position: relative;
}
.template-content .flex-container .flex-item.tall .thumbnail {
	aspect-ratio: auto;
}
.template-content .flex-container .flex-item .thumbnail img {
	line-height: 0;
	width: 100%;
	height: auto;
	background-color: var(--color-background);
}
.template-content .flex-container .flex-item.transparent .thumbnail img {
	background-color: transparent;
}
.template-content .flex-container .flex-item .thumbnail + .button {
	margin-top: 32px;
}
.template-content .flex-container .flex-item .label {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	background-color: var(--color-white);
	border: 4px solid #E01006;
	font-size: 20px;
	font-size: 2rem;
	font-weight: var(--font-black);
	color: #E01006;
	position: absolute;
	top: -70px;
	right: -17px;
	display: flex;
	align-items: center;
	justify-content: center;
	display:none;
}
.template-content .flex-container .flex-item .label .text {
	margin-bottom: 3px;
	display: block;
}
.template-content .flex-container + .archives-slider {
	margin-top: 64px;
}
.template-content .content-space {
	margin-bottom: 64px;
}
.template-content * + .button {
	margin-top: 34px;
}
.template-content * + .buttons {
	margin-top: 34px;
	flex-wrap: wrap;
	row-gap: 16px;
}
.template-content .continued {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: var(--font-black);
}
.template-content ul {
	list-style: disc;
}
.template-content ul ul {
	margin-top: 16px;
}
.template-content ul ul ul {
	margin-top: 16px;
}
.template-content * + ul {
	margin-top: 20px;
}
.template-content ul li {
	margin-left: 22px;
	font-size: 16px;
	font-size: 1.6rem;
}
.template-content ul ul > li {
	font-size: 14px;
	font-size: 1.4rem;
}
.template-content ul ul ul > li {
	font-size: 12px;
	font-size: 1.2rem;
}
.template-content ul li + li {
	margin-top: 7px;
}
.template-content ol {
	list-style: decimal;
}
.template-content ol ol {
	list-style: upper-alpha;
	margin-top: 16px;
}
.template-content ol ol ol {
	list-style: upper-roman;
	margin-top: 16px;
}
.template-content * + ol {
	margin-top: 20px;
}
.template-content ol li {
	margin-left: 22px;
	font-size: 16px;
	font-size: 1.6rem;
}
.template-content ol ol > li {
	font-size: 14px;
	font-size: 1.4rem;
}
.template-content ol ol ol > li {
	font-size: 12px;
	font-size: 1.2rem;
}
.template-content ul li + li {
	margin-top: 7px;
}
.template-content ol li + li {
	margin-top: 7px;
}
.template-content a.under {
	text-decoration: underline;
}
.template-content b.bold {
	font-weight: var(--font-bold);
}
.template-content small.small {
	color: #666666;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: var(--font-regular);
	line-height: 1.5;
	display: block;
}
.template-content .image-wrapper {
	border-radius: 5px;
	overflow: hidden;
	max-width: 100%;
}
.template-content .image-wrapper.center {
	margin-left: auto;
	margin-right: auto;
}
.template-content * + .image-wrapper {
	margin-top: 34px;
}
.template-content .image-wrapper img {
	width: 100%;
	height: auto;
	max-width: none;
}
.template-content .frame-text {
	padding: 48px;
	background-color: var(--color-background);
	border-radius: 5px;
	font-size: 14px;
	font-size: 1.4rem;
}
.template-content * + .frame-text {
	margin-top: 34px;
}

.template-content .pill-small,
.template-content .pill-large {
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}
.template-content .pill-small a,
.template-content .pill-large a {
	padding: 28px 90px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: var(--font-bold);
	border-radius: 9999px;
	background-color: var(--color-yellow);
}
.template-content .pill-small a:hover {background-color: var(--color-orange);}
.template-content .pill-large a:hover {background-color: var(--color-orange);}
.template-content .pill-small a .text::after,
.template-content .pill-large a .text::after {
	display: none;
}
.template-content .pill-large a {
	padding: 47px 120px;
	font-size: 20px;
	font-size: 2rem;
}
.template-content .acceptance-box {
	border: 1px solid var(--color-border);
	border-radius: 10px;
	padding: 48px 0;
	font-weight: var(--font-bold);
	display: flex;
	align-items: center;
	justify-content: center;
}
.template-content * + .acceptance-box {
	margin-top: 34px;
}
.template-content .acceptance-box input[type=checkbox]+label {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: var(--font-bold);
	justify-content: center;
}
@media screen and (min-width: 1600px) {
	.template-content h1 {
		font-size: 22px;
		font-size: 2.2rem;
		padding-bottom: 22px;
		margin-bottom: 70px;
	}
	.template-content h2 {
		font-size: 28px;
		font-size: 2.8rem;
		margin-bottom: 32px;
	}
	.template-content h3 {
		font-size: 18px;
		font-size: 1.8rem;
		margin-bottom: 28px;
		padding-bottom: 14px;
		margin-top: 40px;
	}
	.template-content .continued {
		font-size: 29px;
		font-size: 2.9rem;
	}
	.template-content .content-box {
		font-size: 18px;
		font-size: 1.8rem;
		padding-top: 66px;
		margin-top: 72px;
	}
	.template-content .content-box + h1 {
		margin-top: 114px;
	}
	.template-content .flex-container {
		column-gap: 76px;
	}
	.template-content .flex-container .flex-item.small {
		width: 388px;
		min-width: 388px;
	}
	.template-content .flex-container .flex-item.large {
		width: 496px;
		min-width: 496px;
	}
	.template-content .flex-container + .archives-slider {
		margin-top: 72px;
	}
	.template-content .content-space {
		margin-bottom: 72px;
	}
	.template-content small.small {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.template-content .frame-text {
		padding: 54px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.template-content .pill-small a,
	.template-content .pill-large a {
		padding: 36px 90px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.template-content .pill-large a {
		padding: 54px 120px;
		font-size: 22px;
		font-size: 2.2rem;
	}
	.template-content .acceptance-box input[type=checkbox]+label {
		font-size: 18px;
		font-size: 1.8rem;
	}
}
@media screen and (max-width: 780px) {
	.template-content h1:first-child {
		margin-top: 0;
	}
	.template-content h1 {
		margin-top: 72px;
		font-size: 18px;
		font-size: 1.8rem;
		padding-bottom: 12px;
		margin-bottom: 56px;
	}
	.template-content h1::before {
		width: 44px;
		height: 15px;
		background-image: url(images/content-title-decoration-sp.svg);
	}
	.template-content h1::after {
		width: calc(100% - 44px);
	}
	.template-content h2 {
		margin-bottom: 32px;
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.5;
	}
	.template-content h3 {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 20px;
		padding-bottom: 10px;
		margin-top: 32px;
	}
	.template-content .content-box {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 48px;
		padding-top: 42px;
	}
	.template-content .content-box + h1 {
		margin-top: 88px;
	}
	.template-content .flex-container {
		flex-direction: column;
		row-gap: 38px;
	}
	.template-content .flex-container + .archives-slider {
		margin-top: 48px;
	}
	.template-content .flex-container .flex-item.small {
		max-width: 320px;
		min-width: auto;
		width: 90%;
		margin: 0 auto;
	}
	.template-content .flex-container .flex-item.large {
		max-width: 320px;
		min-width: auto;
		width: 90%;
		margin: 0 auto;
	}
	.template-content .content-space {
		margin-bottom: 40px;
	}
	.template-content .flex-container .flex-item .label {
		width: 60px;
		height: 60px;
		font-size: 1.6rem;
		top: -50px;
	}
	.template-content .flex-container .flex-item.sticky {
		position: static;
	}
	.template-content .flex-container .flex-item.auto {
		display: contents;
	}
	.template-content .flex-container .flex-item.auto .button {
		order: 2;
		margin-top: 0;
	}
	.template-content .flex-container .flex-item.small {
		order: 1;
	}

	.template-content small.small {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.template-content .frame-text {
		padding: 32px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.template-content .pill-small a,
	.template-content .pill-large a {
		padding: 16px 56px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	.template-content .pill-large a {
		padding: 24px 65px;
		font-size: 16px;
		font-size: 1.6rem;
	}
}



.page-sidebar {
	padding-left: 32px;
}
.page-sidebar .content-nav-list li + li {
	margin-top: 16px;
}
.page-sidebar .content-nav-list li a {
	font-size: 14px;
	font-size: 1.4rem;
	display: flex;
	align-items: flex-start;
	column-gap: 12px;
	font-weight: var(--font-medium);
	line-height: 1;
}
.page-sidebar .content-nav-list li a .icon {
	display: block;
	width: 20px;
	height: 20px;
	min-width: 20px;
	border-radius: 50%;
	background-color: var(--color-black);
	background-image: url("images/content-navi-arrow-white.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.page-sidebar .content-nav-list li a .text-wrapper {
	margin-bottom: 2px;
	display: block;
}
.page-sidebar .content-nav-list li a .text {
	display: inline;
	background: linear-gradient(to top, currentColor 2px, transparent 99%) no-repeat;
	transition: background-size 1.0s ease;
	background-position: 0% 100%;
	background-size: 0% 1px;
	line-height: 1.5;
}
.page-sidebar .content-nav-list li a:hover .text {
	background-size: 200% 1px;
}
@media screen and (min-width: 1600px) {
	.page-sidebar .content-nav-list li a {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.page-sidebar .content-nav-list li a .icon {
		width: 22px;
		height: 22px;
		min-width: 22px;
	}
}
@media screen and (max-width: 780px) {
	.page-sidebar {
		padding: 16px 0;
		order: -1;
		background-color: transparent;
		overflow-y: hidden;
		overflow-x: auto;
		background-color: var(--color-yellow);
	}
	.page-sidebar .content-nav-list {
		display: flex;
	}
	.page-sidebar .content-nav-list li + li {
		margin: 0 0 0 10px;
	}
	.page-sidebar .content-nav-list li:first-child {
		margin-left: 20px;
	}
	.page-sidebar .content-nav-list li:last-child {
		margin-right: 20px;
	}
	.page-sidebar .content-nav-list li a {
		white-space: nowrap;
		font-size: 10px;
		font-size: 1rem;
		column-gap: 6px;
	}
	.page-sidebar .content-nav-list li a .icon {
		width: 15px;
		height: 15px;
		min-width: 15px;
	}
}


/* 固定ページここまで */



.singular-book-meta {padding:40px 0 0 0; margin:0 0 40px 0; border-top:1px solid var(--color-border); display:flow-root;}
.singular-book-meta .thumbnail {
	float:left; width:50%; max-width:420px; margin:0 5% 0 0;
	background-color:var(--color-background);
	aspect-ratio:1 / 1;
	position:relative;
	border-radius:var(--border-radius);
	overflow:hidden;
}
.singular-book-meta .thumbnail img {
	width:auto; min-width:auto; max-width:100%; height:auto; min-height:80%; max-height:80%; object-fit:unset; position:absolute;
top:10%; left:50%;
transform:translateX(-50%);
box-shadow:10px 10px 20px rgba(0,0,0,0.2);
}
.singular-book-meta .table {width:40%; text-align:left;}
.singular-book-meta table th,
.singular-book-meta table td {border:0; padding:0;}
.singular-book-meta table th {font-weight:var(--font-bold);}

.singular-book-content {}
.custom-book-title {text-align:left; }
.custom-book-title .title {
	line-height:var(--line-height-small); font-size:32px; font-size:3.2rem;
	font-weight:var(--font-bold);
}
.custom-book-content {text-align:left;}
.custom-book-content strong {line-height:var(--line-height-small);}

/******************/
/******************/
/* breadcrumbs ****/

.breadcrumbs {
	background:#14181A;
	clear:both; display:block; margin:0; padding:2em 0; text-align:left; font-size:12px; font-size:1.2rem;
	color:#fff;
}
.breadcrumbs p {}
.breadcrumbs ul {padding:0; margin:0 auto; list-style:none; white-space:nowrap;
overflow-y:hidden;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
}
.breadcrumbs ul li {display:inline-block;}
.breadcrumbs ul li:after {content:"\00BB"; margin:0 12px;}
.breadcrumbs ul li:first-child:before {}
.breadcrumbs ul li:last-child:after {content:"";}
.breadcrumbs ul li a {}
.breadcrumbs ul li a:hover {}
@media screen and (min-width: 1600px) {
	.breadcrumbs {font-size:13px; font-size:1.3rem;}
}
/******************/
/******************/
/* navigation *****/
/*
.navigation {margin:0 auto 40px; clear:both;}
.navigation:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.navigation span {}
.navigation .navi-prev {text-align:left; float:left;}
.navigation .navi-next {text-align:right; float:right;}
.navigation .navi-prev a:before {content:"＜"; margin-right:4px;}
.navigation .navi-next a:after {content:"＞"; margin-left:4px;}
*/
/******************/
/* pagination *****/

.pagination {
	padding-top: 48px;
	padding: 48px 8px 0 8px;
	margin: 5px auto 0 auto;
	clear: both;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	border-top: 1px solid var(--color-border);
}
.pagination .pagination-arrow {
	width: fit-content;
	min-width: 128px;
}
.pagination .pagination-arrow a {
	width: fit-content;
	display: flex;
	align-items: center;
	column-gap: 12px;
	font-size: 12px;
	font-size: 1.2rem;
}
.pagination ul {
	display: flex;
	align-items: center;
	column-gap: 8px;
}
.pagination ul li .page-numbers{
	font-size: 16px;
	font-size: 1.6rem;
	border-radius: 50%;
	background-color: var(--color-background);
	border: 1px solid var(--color-border);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	transition: var(--transition);
}
.pagination ul li .page-numbers:hover{
	border-color: #FC8B1B;
}
.pagination ul li .page-numbers .number {
	margin-bottom: 3px;
	line-height: 1;
}
.pagination .prev-icon {
	margin: 0 0 0 8px;
}
.pagination ul li span.current {
	border-color: #FC8B1B;
}
.pagination .dot {
	padding: 0 8px;
}
@media screen and (min-width: 1600px) {
	.pagination {
		padding-top: 50px;
	}
	.pagination ul {
		column-gap: 16px;
	}
	.pagination .prev-icon,
	.pagination .next-icon {
		width: 40px;
		height: 40px;
	}
	.pagination ul li .page-numbers {
		width: 72px;
		height: 72px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.pagination .pagination-arrow a {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.pagination .dot {
		padding: 0;
	}
}
@media screen and (max-width: 780px) {
	.pagination {padding: 32px 0 0 0;margin: 8px 0 0 0;flex-wrap: wrap;row-gap: 32px;}
	.pagination .prev-icon {margin: 0;}
	.pagination .next-icon {margin: 0;}
	.pagination ul {order: 1;width: 100%;column-gap: 6px;justify-content: center;}
	.pagination ul li .page-numbers {width: 48px;height: 48px;font-size: 12px;font-size: 1.2rem;}
	.pagination .dot {padding: 0 6px;}
}


/******************/
/* post-links *****/

.post-links {clear:both; text-align:center; margin:0 auto 80px; max-width:320px; width:100%; display:table; table-layout:fixed;}
.post-links span {display:table-cell; padding:8px 2px;}
.post-links .navi-prev {text-align:center;}
.post-links .navi-next {text-align:center;}
.post-links a {border:1px solid #FCD41B; border-color:var(--color-yellow); background-color:#FCD41B; background-color:var(--color-yellow); color:#ffffff; display:block;}
.post-links a:hover {background:transparent; color:#FCD41B; color:var(--color-yellow);}


/******************/
/******************/
/* comments.php ***/

#respond,
#comments,
#trackback,
#comment-form {clear:both; display:block; margin:0 0 40px 0; text-align:left;}

#trackback {display:none;}

#comments {border-top:2px solid #999999; border-color:var(--color-gray); padding:20px 0 0 0;}

#comments ol {margin:0 0 20px 0; padding:0; list-style:none;}
#comments ol li {display:block; clear:both; padding:0 0 20px 0; margin:0 0 20px 0;}
#comments ol li:not(:last-child) {border-bottom:1px solid #999999; border-color:var(--color-gray);}

#comments ol li span {display:block;}
#comments ol li .comment-title {margin:0 0 4px 0; font-size:18px; font-size:1.8rem;}
#comments ol li .comment-text p {font-size:14px; font-size:1.4rem; margin:0;}

#comment-form {border-top:2px solid #999999; border-color:var(--color-gray); padding:20px 0 0 0;}


/******************/
/* button *********/
/* .article button */

.buttons {display:flex; justify-content:flex-start;}
.buttons .module {
	display:flex; justify-content:flex-start;
	margin:0 1em 0 0;
	padding:0 8px 0 0;
	position:relative;
}
.buttons .module::after {
	display: none;
}
.buttons:has(.button) .module::after {
	content:"";
	display: block;
	position:absolute;
	top:4px; bottom:4px; right:0;
	border-right:1px dotted var(--color-gray);
}
.buttons .module:has(.swiper-button-lock) {
	display: none;
}
/* 
.buttons .swiper-button-prev,
.buttons .swiper-button-next {
	position:relative;
	width:32px; height:32px; top:auto;
	background:url("images/arrow-left-black.svg") center center no-repeat;
	background-color:#f6f6f6;
	background-size:100% auto;
	left:auto; right:auto;
	margin:0 8px 0 0;
	border:1px solid #ccc;
	border-radius:50%;
	transition: transform 0.5s;
}
.buttons .swiper-button-next {background-image:url("images/arrow-right-black.svg")}
.buttons .swiper-button-prev:after,
.buttons .swiper-button-next:after {content:"";} 
.buttons .swiper-button-prev:hover,
.buttons .swiper-button-next:hover {
	background-color:var(--color-orange);
	border-color:var(--color-orange);
	transform: scale(1.1);
}
.buttons .swiper-button-prev:hover {background-image:url("images/arrow-left-white.svg");}
.buttons .swiper-button-next:hover {background-image:url("images/arrow-right-white.svg");}

.swiper-button-next.swiper-button-disabled {opacity:1; background-image:url("images/arrow-right-gray.svg");}
.swiper-button-prev.swiper-button-disabled {opacity:1; background-image:url("images/arrow-left-gray.svg");} */


.buttons .button { margin:0 26px 0 0;}

.button {font-size:12px; font-size:1.2rem; margin:0;}

.button a {
	display:flex; width:fit-content; min-width:120px; padding:0;
	justify-content:flex-start; align-items:center;
	text-align:left; background:transparent; color:var(--color-black); position:relative;
}

.button a .icon {
	display: block;
	width:32px;min-width:32px;height:32px;
	margin:0 10px 0 0;
	border-radius: 50%;
	overflow: hidden;
	background-color: var(--color-black);
	position: relative;
	transition: transform 0.5s;
}
.button a .icon::before,
.button a .icon::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("images/icon-arrow-right-white.svg");
	background-repeat: no-repeat;
	background-size: 35%;
	background-position: center;
	position: absolute;
	top: 0;
}
.button a[target="_blank"] .icon::before,
.button a[target="_blank"] .icon::after {
	background-image: url("images/icon-external-white.svg");
}


.button a .icon::before {
	left:0%;
}
.button a .icon::after {
	left:-100%;
}
.button a .text {position:relative;}
.button a .text::after {
	content:""; display:block;
	width:0; height:1px; left:0; bottom:0;  background-color:var(--color-dark);
	transition:var(--transition);
}
.button a:hover .text::after {width:100%;}
.button.-external a {}


.button a:hover {}
.button a:hover .icon {background-color:#FCD41B; background-color:var(--color-dark); color:#ffffff; cursor:pointer;}

.button a:hover .icon {transform: scale(1.1);}
.button a:hover .icon::before,
.button a:hover .icon::after {
	transition: left 0.5s;
}
.button a:hover .icon::before {
	left: 100%;
}
.button a:hover .icon::after {
	left: 0%;
}


.button.button-small a {padding:4px 12px; min-width:30px; font-size:0.8em;}
.button.button-large a {padding:8px 36px; min-width:180px; font-size:1.2em;}

.button.button-success a {border-color:#FCD41B; border-color:var(--color-yellow); color:blue;}
.button.button-success a:hover {background-color:#FCD41B; background-color:var(--color-yellow); color:#ffffff;}

.button.button-error a {border-color:red; color:red;}
.button.button-error a:hover {background-color:red; color:#ffffff;}

.button.button-warning a {border-color:yellow; color:yellow;}
.button.button-warning a:hover {background-color:yellow; color:#ffffff;}


a.underline {position: relative;}
a.underline::after {
	content: "";
	position: absolute;
	top: 130%;
	left: 0;
	display: block;
	width: 0;
	height: 1px;
	background-color: var(--color-black);
	transition: width 0.5s;
}
a.underline:hover::after {width: 100%;}

@media screen and (min-width: 1600px) {
	.button {font-size: 13px;font-size: 1.3rem;}
	.buttons .swiper-button-prev, .buttons .swiper-button-next {width: 36px;height: 36px;}
	.button a .icon {width: 36px;min-width: 36px;height: 36px;}
	.buttons .module::after {top: 6px;bottom: 6px;}
}
@media screen and (max-width: 780px) {
	.button a .icon {
		width: 40px;
		min-width: 40px;
		height: 40px;
		margin-right: 10px;
	}
}

.prev-icon,
.next-icon {
	
}
.prev-icon,
.next-icon {
	position:relative;
	width: 32px;
	height: 32px;
	top: auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color:#f6f6f6;
	background-size:100% auto;
	left:auto; right:auto;
	margin:0 8px 0 0;
	border:1px solid #ccc;
	border-radius:50%;
	transition: transform 0.5s;
	display: block;
	overflow: hidden;
}

.prev-icon::before,
.prev-icon::after,
.next-icon::before,
.next-icon::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("images/icon-arrow-right-white.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	position: absolute;
	top: 0;
}

.prev-icon::before,
.prev-icon::after{background-image:url("images/arrow-left-black.svg")}

.next-icon::before,
.next-icon::after {background-image:url("images/arrow-right-black.svg")}

.prev-icon::before,
.next-icon::before {left: 0%;}

.prev-icon::after{left: 100%;}
.next-icon::after {left: -100%;}

/* .iconをホバーした場合 */
.prev-icon:hover,
.next-icon:hover {
	transform: scale(1.1);
}
.prev-icon:hover::before,
.prev-icon:hover::after,
.next-icon:hover::before,
.next-icon:hover::after {
	transition: left 0.5s;
}
.prev-icon:hover::before {
	left: -100%;
}
.next-icon:hover::before{
	left: 100%;
}
.prev-icon:hover::after,
.next-icon:hover::after {
	left: 0%;
}

/* aをホバーして.iconを動かす場合 */
a:hover .prev-icon,
a:hover .next-icon {
	transform: scale(1.1);
}
a:hover .prev-icon::before,
a:hover .prev-icon::after,
a:hover .next-icon::before,
a:hover .next-icon::after {
	transition: left 0.5s;
}
a:hover .prev-icon::before {
	left: -100%;
}
a:hover .next-icon::before{
	left: 100%;
}
a:hover .prev-icon::after,
a:hover .next-icon::after {
	left: 0%;
}

/* disabled */
.prev-icon.swiper-button-disabled::before {opacity:1; background-image:url("images/arrow-left-gray.svg");}
.next-icon.swiper-button-disabled::before {opacity:1; background-image:url("images/arrow-right-gray.svg");}


/* 追従 */
.swiper-cursor-left,
.swiper-cursor-right {
	position: fixed;
	background-color: var(--color-white);
	border: 1px solid var(--color-border);
	pointer-events: none;
	z-index: 9999;
	opacity: 0;
	border-radius: 50%;
	font-size: 12px;
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	color: var(--color-black);
	transform: translate(-50%, -50%) scale(0);
	transition: opacity 0.3s, transform 0.3s;
}
.swiper-cursor-left.active,
.swiper-cursor-right.active {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
.swiper-cursor-left.is-disabled,
.swiper-cursor-right.is-disabled {
	opacity: 0;
	transform: translate(-50%, -50%) scale(0);
}



/******************/
/******************/

.alert {
clear:both; display:block;color: inherit;
border:1px solid transparent;
display:block;
padding:1rem;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
color:red;
border-color:red;
background-color:transparent;
margin:0 0 1em 0;
}

.alert-success {border-color:blue; color:blue;}
.alert-error {border-color:red; color:red;}
.alert-warning {border-color:yellow; color:yellow;}

.alert > p {margin:0;}
.alert em, .alert strong {font-weight:bold;}

span.close {float:right; color:inherit; cursor:pointer;}

/******************/
/* Flexbox System & Table System */


.table-container {
	display:table; table-layout:fixed; border-collapse:collapse; width:100%; position:relative; margin:0; padding:0;
}
.table-cell {
	display:table-cell; vertical-align:top; position:relative; margin:0; padding:0; empty-cells:show;
}

.flex-container {
	margin:0; padding:0; list-style:none;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:stretch;
	align-content:stretch;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

.flex-item {
margin:0; padding:0;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
}

.flex-container-2 .flex-item {
	flex-basis:49%;
}
.flex-container-3 .flex-item {
	flex-basis:32%;
}
.flex-container-4 .flex-item {
	flex-basis:24%;
}

.columns {
	column-gap:4em;
	column-rule:1px dotted;
}
.columns-2 {columns:2;}


/******************/
/* responsive-table */

.r-table,
.responsive-table {overflow:scroll; width:100%;}


/******************/
/* jquery-tabs ****/


.tab-selector ol {
	display:table; table-layout:fixed; text-align:center;
	padding:0 20px; margin:0 auto; width:100%;
	position:relative; bottom:-1px;
	z-index:3;
}
.tab-selector ol li {
	display:table-cell;
	padding:12px 0; cursor:pointer; background-color:#cccccc; background-color:var(--color-border);
	border:1px solid #999999; border-color:var(--color-gray);
	white-space:nowrap;
	overflow:hidden;
}

.tab-selector ol li:not(:last-child) {border-right:0;}
.tab-selector ol li:hover {background-color:#FCD41B; background-color:var(--color-yellow); color:#ffffff;}
.tab-selector ol li:first-child {border-top-left-radius:4px;}
.tab-selector ol li:last-child {border-top-right-radius:4px;}
.tab-selector ol li.is-current {background-color:#ffffff; background-color:var(--color-white); color:#FCD41B; color:var(--color-yellow); border-bottom:1px solid #ffffff;}
.tab-selector ol li.is-current:hover {background-color:#ffffff; background-color:var(--color-white); color:#FCD41B; color:var(--color-yellow);}

.tab-content {position:relative; z-index:2;}
.tab-content > div {display:none;}
.tab-content > div:first-child {display:block;}



/******************/
/******************/
/* materials ******/

.adr span {margin:0; display:inline-block;}




/******************/
/******************/
/* plugins ********/
.swiper-container .swiper-pagination {
	position: relative;
	text-align: center;
}


.swiper-container .swiper-pagination-bullet {
	background-color: var(--color-black);
	width: 8px;
	height: 8px;
	border-radius: 999px;
	opacity: 1;
	transition: linear  0.3s;
	background-color: rgba(255,255,255,0.3);
	position: relative;
	display:inline-block;
}
.swiper-container .swiper-pagination-bullet::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 8px;
	height: 8px;
	background-color: var(--color-black);
	border-radius: 999px;
	transition: linear 5s;
}
.swiper-container .swiper-pagination-bullet {
	width: 8px;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 48px;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	width: 100%;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-false::after {
	width: 8px;
}
@media screen and (min-width: 1600px) {
	.swiper-container .swiper-pagination {margin-top: 25px;}
	.swiper-container .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}
	.swiper-container .swiper-pagination-bullet::after {
		width: 10px;
		height: 10px;
	}
	.swiper-container .swiper-pagination-bullet {
		width: 10px;
	}
	.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 60px;
	}
	.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-false::after {
		width: 10px;
	}
}


body.is-modal {overflow:hidden;}
.modal {display:none;
position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.8);
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
z-index:99999;
}




.modal-window {
background-color:#ffffff; background-color:var(--color-white);
width:100%; max-width:640px; margin:0 auto;
position:relative;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	border-radius:12px;
padding:60px 40px 20px;
text-align:left;
z-index:999999;
cursor:default;
}


/******************/
/* ContactForm7 ***/



.form {clear:both; display:block; margin:0;}


@media screen and (max-width:780px) {
	.form {margin:44px 0 0 0;}
}


form {}
fieldset {}
label {}

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {color:#999999; color:var(--color-gray);}

[type="search"] {
/*-webkit-appearance:textfield;
-moz-appearance:textfield;
-ms-appearance:textfield;
-o-appearance:textfield;
appearance:textfield;*/
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="file"],
select,
textarea {
width:auto;
max-width:100%;
	border-radius:var(--border-radius);
display:block;
position:relative;
/*-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;*/
padding: 21px 30px 23px 30px; margin-bottom:0; line-height:normal;
border:1px solid #f5f5f5;
background:#f5f5f5;
background-color:var(--oz-color-bg);
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (min-width: 1600px) {
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="file"],
select,
textarea {
font-size: 20px;
font-size: 2rem;
}

}


input[type="checkbox"],
input[type="radio"] {}
input[type="file"] {cursor:pointer; width:auto;}
input[name="your-address"] {width:100%;}
select {width:auto; padding:12px; border:1px solid #cccccc;}
textarea {width:100%;}

input[type="submit"] {
margin:0 auto; text-align:center;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
display:block;
margin:0 auto; text-align:center;
background-size:1.5em auto;
background-color:var(--color-yellow);
border:2px solid var(--oz-color-border); border-radius:4px;
color:#fff;
padding:1em 4em 1em 3em;
appearance:none;
display:block;
}


input[type="submit"][disabled],
input[type="submit"][disabled]:hover {
	color:#999999; color:var(--color-gray); background:transparent; border:1px solid #cccccc; cursor:not-allowed;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border:1px solid #FC8B1B;
}

textarea {height:auto; min-height:100px;}
select {}


@media screen and (max-width:960px) {
	input[type="text"],
	input[type="password"],
	input[type="date"],
	input[type="datetime"],
	input[type="email"],
	input[type="number"],
	input[type="search"],
	input[type="tel"],
	input[type="time"],
	input[type="url"] {width:100%;}
	select {width:auto;}
	textarea {width:100%;}
}

/* インプットのスタイルテンプレート */
.input-box {
	width: fit-content;
}
.input-box + .input-box {
	margin-top: 12px;
}
input[type=checkbox] {
	display: none;
}
input[type=checkbox]+label {
	white-space: nowrap;
	cursor: pointer;
	display: flex;
	align-items: center;
	column-gap: 0.6em;
	font-size: 12px;
	font-size: 1.2rem;
	user-select: none;
}
input[type=checkbox]+label .icon {
	cursor: pointer;
	display: block;
	position: relative;
	margin-top: 1px;
	width: 20px;
	height: 20px;
	min-width: 20px;
	border-radius: 50%;
	background-color: #999999;
	background-image: url("images/icon-check-white.svg");
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	overflow: hidden;
}
input[type=checkbox]+label .icon::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: var(--color-yellow);
	background-image: url("images/icon-check-black.svg");
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center;
	transition: 0.1s;
	transform: rotate(45deg) scale(2);
}
input[type=checkbox]:checked+label .icon::after {
	opacity: 1;
	transform: rotate(0deg) scale(1);
	transition: transform 0.3s;
}
input[type=checkbox]+label .text {
	display: block;
	line-height: 1;
	margin-bottom: 2px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

input[type=radio] {
	display: none;
}
input[type=radio]+label {
	user-select: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	column-gap: 0.6em;
	font-size: 12px;
	font-size: 1.2rem;
}
input[type=radio]+label .icon {
	cursor: pointer;
	display: block;
	position: relative;
	width: 20px;
	height: 20px;
	min-width: 20px;
	border-radius: 50%;
	border: 2px solid var(--color-black);
}
input[type=radio]+label .icon::after {
	content: "";
	display: block;
	position: absolute;
	top: 15%;
	left: 15%;
	width: 70%;
	height: 70%;
	border-radius: 50%;
	background-color: var(--color-black);
	transition: transform 0.3s;
	transform: scale(0);
}
input[type=radio]:checked+label .icon::after {
	transform: scale(1);
}
input[type=radio]+label .text {
	display: block;
	line-height: 1;
	margin-bottom: 2px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}










.wpcf7{}

.screen-reader-response {display:none;}

.wpcf7-response-output:empty {display:none;}
.wpcf7-response-output {
	border: 4px solid #fc261c;
	border-radius: 10px;
	padding: 20px 48px;
	margin-bottom: 40px;
	background-color: transparent;
	color: #fc261c;
	margin-top: 48px;
}

.wpcf7-mail-sent-ok {
border:1px solid #FCD41B; border-color:var(--color-yellow);
color:blue;
padding:12px;
margin:0 0 20px 0;
}

.wpcf7-validation-errors {
border:1px solid red;
color:red;
padding:12px;
margin:0 0 20px 0;
}

.wpcf7 span {}
.wpcf7-form-control-wrap {display:flex;flex-direction: column; position:relative;}
.wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) input,
.wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) textarea,
.wpcf7-form-control-wrap:has(.wpcf7-not-valid-tip) .wpcf7-list-item-label {background-color: #FFEDED !important;border-color: #FC261C !important;}
.wpcf7 span.wpcf7-list-item-label {margin:0 1em 0 0; display:inline-block;}
.wpcf7 span.use_label_element {margin-bottom:20px; display:block;}
.wpcf7 span.wpcf7-not-valid-tip {
	color:#FC261C; font-size:14px; font-size:1.4rem; display:block;order: -1;margin-top: -7px;margin-bottom: 19px;font-weight: var(--font-regular);
}
.wpcf7 span.wpcf7-not-valid-tip-no-ajax {display:none;}

.wpcf7 .wpcf7-form-control {}
.wpcf7 .wpcf7-list-item {margin:0 0 16px 0;}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {display:none;}
.wpcf7 label {cursor:pointer;}
.wpcf7-list-item {position:relative; display:inline-block;}
.wpcf7-list-item-label {min-height:20px; line-height:24px; vertical-align:middle; padding:0 0 0 32px; display:inline-block; position:relative;}
input[type="radio"]:checked + .wpcf7-list-item-label:after,
input[type="checkbox"]:checked + .wpcf7-list-item-label:after {opacity:1;}

.wpcf7 input.wpcf7-submit {margin:0 auto;}

img.ajax-loader {display:block; margin:12px auto 0;}

.wpcf7 .sent .form {display:none;}

@media screen and (min-width: 1600px) {
	.wpcf7 span.wpcf7-not-valid-tip {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

/******************/
/* facebook *******/

/******************/
/* twitter ********/


/******************/
/******************/
/* Media Query ****/


@media screen and (max-width:1600px) {
}

@media screen and (max-width:1200px) {
}



/* ▲ iPad Air4 横（820px） ▼ */
@media screen and (max-width:800px) {

}

/* ▲ iPhone 6+ 横（736px） ▼ */
@media screen and (max-width:720px) {

}



/* ▲ Mac OS Safari - Minimum(504px) ▼ */
@media screen and (max-width:520px) {

}

/* ▲ iPhone 6+ - iPhone 6 414px▼ */
@media screen and (max-width:400px) {

}


/* ▲ iPod touch 320px ▼ */
@media screen and (max-width:300px) {

}

/******************/
/******************/
/* fonts **********/

/* cyrillic-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUtiYySUhiCXABTV.woff) format('woff');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUJiYySUhiCXABTV.woff) format('woff');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUliYySUhiCXABTV.woff) format('woff');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUhiYySUhiCXABTV.woff) format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUZiYySUhiCXAA.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin */
/*
@font-face {
font-family:'ONZE Josefin Sans';
font-style:normal;
font-weight:600;
src:
	url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ec0lhte10hoJky_A.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/


/*
@font-face {
font-family:'Axis-ExtraLight';
src:url("fonts/AxisStd-ExtraLight.eot");
src:url("fonts/AxisStd-ExtraLight.eot?#iefix") format("eot"),
	url("fonts/AxisStd-ExtraLight.woff") format("woff"),
	url("fonts/AxisStd-ExtraLight.ttf") format("truetype"),
	url("fonts/AxisStd-ExtraLight.svg") format("svg");
}
*/

.font-gothic {font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;}
.font-mincho {font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;}
.font-mono {font-family:"Osaka-mono", "MS Gothic", monospace;}
.bold {font-weight:bold;}

i {font-family:"Poppins", sans-serif; font-weight:300;}
i {font-family:'ONZE Josefin Sans', sans-serif; letter-spacing:0.1em; text-transform:uppercase;}

/******************/
/******************/
/* Keyframes ******/

@-webkit-keyframes rotation {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes rotation {
	0% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(360deg);}
}
@-ms-keyframes rotation {
	0% {-ms-transform:rotate(0deg);}
	100% {-ms-transform:rotate(360deg);}
}
@-o-keyframes rotation {
	0% {-o-transform:rotate(0deg);}
	100% {-o-transform:rotate(360deg);}
}
@keyframes rotation {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
/*
	-webkit-animation:rotation 1s infinite linear;
	-moz-animation:rotation 1s infinite linear;
	-ms-animation:rotation 1s infinite linear;
	-o-animation:rotation 1s infinite linear;
	animation:rotation 1s infinite linear;
*/

@-webkit-keyframes flash {
	from {opacity:0.3;}
	to {opacity:1;}
}
@-moz-keyframes flash {
	from {opacity:0.3;}
	to {opacity:1;}
}
@-ms-keyframes flash {
	from {opacity:0.3;}
	to {opacity:1;}
}
@-o-keyframes flash {
	from {opacity:0.3;}
	to {opacity:1;}
}
@keyframes flash {
	from {opacity:0.3;}
	to {opacity:1;}
}
/*
	-webkit-animation:flash 1s infinite ease alternate;
	-moz-animation:flash 1s infinite ease alternate;
	-ms-animation:flash 1s infinite ease alternate;
	-o-animation:flash 1s infinite ease alternate;
	animation:flash 1s infinite ease alternate;
*/

@-webkit-keyframes updown {
	0% {bottom:60px;}
	100% {bottom:80px;}
}
@-moz-keyframes updown {
	0% {bottom:60px;}
	100% {bottom:80px;}
}
@-ms-keyframes updown {
	0% {bottom:60px;}
	100% {bottom:80px;}
}
@-o-keyframes updown {
	0% {bottom:60px;}
	100% {bottom:80px;}
}
@keyframes updown {
	0% {bottom:60px;}
	100% {bottom:80px;}
}
/*
	-webkit-animation:updown 1.0s ease-in-out infinite alternate;
	-moz-animation:updown 1.0s ease-in-out infinite alternate;
	-ms-animation:updown 1.0s ease-in-out infinite alternate;
	-o-animation:updown 1.0s ease-in-out infinite alternate;
	animation:updown 1.0s ease-in-out infinite alternate;
*/

/* end ************/
/******************/
/******************/