@charset "UTF-8";

/*
Theme Name: PEDAL DAY GO 2025
Text Domain: pedaldaygo-2025
Description: PEDAL DAY GO 専用ワードプレステーマ
Author: ONZE
Author URI: https://on-ze.com
Theme URI: https://cyclepark298.com
Version: 0.9
*/

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

:root {
--color-background:#ffffff;
--color-black:#1a1a1a;
--color-dark:#4d4d4d;
--color-gray:#808080;
--color-border:#cccccc;
--color-yellow: #d9df00;
--color-sky:#0094c3;
--font-regular:500;
--font-bold:700;
--border-radius:4px;
--letter-spacing:0.2em;
--line-height:1.5;
--line-height-mini:1.3;
--line-height-mini:1.3;
--font-english: 'D-DIN-PRO';
}

@font-face {
	font-family: 'D-DIN-PRO';
	src: url('fonts/D-DIN-PRO-800-ExtraBold.woff2') format('woff2'),
		url('fonts/D-DIN-PRO-800-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}


/******************/
/******************/
/* 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;}
img, picture, audio, canvas, video, svg {display:block; width:100%;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%;
	font-size:calc(100vw / 144);
}
html {font-size:clamp(7px, calc(100vw / 1600 * 4 + 6px), 11px);}
html.is-fixrem {font-size:62.5%;}

body {
background-color:#f5f5f5;
background-color:var(--oz-color-bg);
color:var(--color-dark);
font-family:"IBM Plex Sans JP",'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;
font-size:17px;
font-size:1.7rem;
position:relative;
text-align:center;
width:100%;
font-weight: var(--font-regular);
}

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 {color:#50bbbb; color:var(--color-green);}

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

b {color:#50bbbb; color:var(--color-green);}
i {font-style:normal;font-family: 'D-DIN-PRO', sans-serif;}
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:2em 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; border-top:1px solid #cccccc; border-color:var(--color-border);
}
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:var(--color-sky); color:#ffffff;}
::selection {background-color:var(--color-sky); 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;}
.floatleft, .float-left {float:left;}
.floatright, .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:#50bbbb; background-color:var(--color-green); 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;}


.thumbnail {
	width: 100%;
	height: auto;
	line-height: 0;
	display: block;
	border-radius: 5px;
	overflow: hidden;
}
.thumbnail img {
	width: 100%;
	height: auto;
	line-height: 0;
	max-width: none;
}

.button {
	margin: 4rem 0 0 0;
}
.button.center {
	text-align: center;
}
.button.right {
	text-align: right;
}
.button.left {
	text-align: left;
}
.button a {
	display: inline-block;
	min-width: 280px;
	padding: 0.6em 2em;
	border-radius: 999px;
	text-align: left;
	background-color: var(--color-sky);
	border: none;
	color: var(--color-background);
	position: relative;
	font-weight: var(--font-bold);
	cursor: pointer;
	font-size: 2rem;
	overflow: hidden;
	transition: padding-left 0.4s ease 0.32s;
}
.button a:hover {
	padding-left: 3.5em;
}
.button a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.5em;
	left: auto;
	transform: translateY(-50%);
	display: block;
	width: 1em;
	height: 1em;
	background-image: url("images/arrow-right-white.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transform: 0.5s;
	animation: animation-button-out 0.7s ease 0s 1 normal forwards;
}
.button.corporate a::after,
.button.twitter a::after,
.button.instagram a::after,
.button.facebook a::after {
	display: none;
}
.button a:hover::after {
	animation: animation-button-in 0.7s ease 0s 1 normal forwards;
	right: -1.5em;
	left: auto;
}

@keyframes animation-button-in {
	0% {
		right: 1.5em;
		left: auto;
	}
	35% {
		right: -1.5em;
		left: auto;
	}
	35.01% {
		right:auto;
		left: -1.5em;
	}
	100% {
		right:auto;
		left: 1.5em;
	}
}
@keyframes animation-button-out {
	0% {
		right:auto;
		left: 1.5em;
	}
	35% {
		right:auto;
		left: -1.5em;
	}
	35.01% {
		right: -1.5em;
		left: auto;
	}
	100% {
		right: 1.5em;
		left: auto;
	}
}
@media screen and (max-width: 1280px) {
	.button a {
		min-width: 230px;
	}
}
@media screen and (max-width: 780px) {
	.button {
		width: 100%;
	}
	.button a {
		min-width: auto;
		width: 100%;
		font-size: 2.4rem;
	}
}

.inner {
	clear: both;
	display: block;
	margin: 0 auto;
	position: relative;
	max-width: 1600px;
	width: 100%;
	padding: 0 100px;
}
.inner[data-width="max"] {max-width:2400px;}
.inner[data-width="mid"] {max-width:1600px;}
.inner[data-width="min"] {max-width:1100px;}

@media screen and (max-width: 1100px) {
	.inner {
		padding: 0 32px;
	}
}
@media screen and (max-width: 780px) {
	.inner {
		padding: 0 5%;
	}
}

/******************/
/******************/
/* 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 {}
.site-background {}

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

.site-header {
	width: 100%;
	height: 72px;
	padding: 0;
	display: block;
	position: relative;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: var(--color-background);
}
.site-header .inner {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	height: 100%;
}
.site-header .header-logo {
	margin: 0;
}
.site-header .header-logo .site-title {
	display: block;
	margin: 0;
	white-space: nowrap;
	width: 250px;
	padding: 15px 0;
}
.site-header .header-logo .site-description {
	display: none;
}

.site-header .header-navi .navi-wrapper {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: flex-end;
}
.site-header .header-navi .navi-item {
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	column-gap: 0.7em;
	padding: 0 3rem;
	font-size: 15px;
}
.site-header .header-navi .navi-item:hover {
	background-color: var(--color-sky);
}
.site-header .header-navi .navi-item::after {
	content: "";
	border-top: 2px solid var(--color-gray);
	border-right: 2px solid var(--color-gray);
	transform: rotate(135deg);
	display: block;
	width: 0.5em;
	height: 0.5em;
	margin-bottom: 0.2em;
}
.site-header .header-navi .navi-item:hover::after {
	border-top: 2px solid var(--color-background);
	border-right: 2px solid var(--color-background);
}
.site-header .header-navi .navi-top::after{
	display: none;
}
.site-header .header-navi .navi-top:hover {
	color: var(--color-background);
}
.site-header .header-navi .navi-item .caption {
	display: block;
}
.site-header .header-navi .navi-item:hover .caption {
	color: var(--color-background);
}
.site-header .header-navi .navi-item ul {
	position: fixed;
	width: calc(100% - 200px);
	max-width: 1400px;
	top: 72px;
	left: 50%;
	pointer-events: none;
	background-color: var(--color-sky);
	z-index: 998;
	padding: 3rem;
	transform: translateX(-50%);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.site-header .header-navi .navi-item.is-active ul {
	pointer-events: all;
	z-index: 999;
}


.site-header .header-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5vw;
	background: transparent;
	cursor: pointer;
	z-index: 9999;
	width: 45px;
	height: 45px;
	transition: transform ease 0.7s;
}
.site-header .header-toggle span {
	display: block;
	position: relative;
	width: 75%;
	height: 3px;
	background-color: var(--color-sky);
	border-radius: 1px;
	transition: height 0.3s;
}
.site-header .header-toggle span:before,
.site-header .header-toggle span:after {
	position: absolute;
	content: "";
	display: block;
	left: 0;
	width: 100%;
	height: 3px;
	transition: all 0.4s;
	background-color: var(--color-sky);
	border-radius: 1px;
	transition: 0.6s;
}
.site-header .header-toggle span:before {
	top: 13px;
}
.site-header .header-toggle span:after {
	bottom: 13px;
}
.header-toggle i {
	opacity:0;
	pointer-events: none;
	user-select: none;
	width: 0;
	height: 0;
	overflow: hidden;
}

.site-header.navi-active .header-toggle {
	transform: translateY(-50%) rotate(360deg);
}
.site-header.navi-active .header-toggle span {
	height: 0px;
}
.site-header.navi-active .header-toggle span::before{
	transform: rotate(45deg);
	top: 0;
}
.site-header.navi-active .header-toggle span::after {
	transform: rotate(-45deg);
	top: 0;
	bottom: auto;
}





@media screen and (max-width: 1100px) {
.site-header .header-navi .navi-item ul {
		width: calc(100% - 64px);
	}
	.site-header .header-navi .navi-item {
		padding: 0 1.5rem;
	}
}
@media screen and (max-width: 780px) {
	.site-header {
		height: 55px;
	}
	.site-header .header-logo .site-title {
		width: 185px;
		padding: 12px 0;
	}
	.site-header .header-navi {
		position: fixed;
		display: block;
		top: 55px;
		left: 105vw;
		width: 100%;
		height: calc(100vh - 55px);
		overflow-y: auto;
		background-color: var(--color-sky);
		transition: 0.3s;
	}
	.site-header .navi-wrapper {
		height: fit-content;
		min-height: 100vh;
		padding: 0 5% 5rem 5%;
	}
	.site-header .header-navi .navi-item {
		display: block;
		width: 100%;
		padding: 0;
	}
	.site-header .header-navi .navi-item::after {
		display: none;
	}
	.site-header .header-navi .navi-item.navi-top {
		font-size: 3.6rem;
		color: var(--color-background);
		text-align: left;
		margin-top: 5rem;
		margin-bottom: 1rem;
		font-family: var(--font-english);
		position: relative;
		width: fit-content;
	}
	.site-header .header-navi .navi-item.navi-top::after {
		content: "";
		position: absolute;
		top: 50%;
		right: -1.5em;
		transform: translateY(-50%);
		display: block;
		width: 0.8em;
		height: 0.8em;
		background-image: url("images/arrow-right-white.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		border: none;
	}
	.site-header .header-navi .navi-item .caption {
		font-size: 3.6rem;
		color: var(--color-background);
		text-align: left;
		margin-top: 5rem;
		margin-bottom: 1rem;
		font-family: var(--font-english);
	}
	.site-header .header-navi .navi-item ul {
		display: block !important;
		position: static;
		width: 100%;
		pointer-events: all;
		padding: 0;
		border-radius: 0;
		transform: none;
		background-color: transparent;
	}
	.site-header.navi-active .header-navi {
		left: 0;
	}
	.site-header .header-toggle {
		display: flex;
	}
	.site-header .header-navi .navi-wrapper {
		display: block;
		height: fit-content;
	}
}

.grid-navi {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	column-gap: 3rem;
	row-gap: 3rem;
}
.grid-navi .item {
	/* flex-basis: 31.5%; */
}
.grid-navi .item a {
	background-color: var(--color-background);
	display: flex;
	align-items: center;
	border-radius: 5px;
	overflow: hidden;
	column-gap: 5%;
	position: relative;
	border: 2px solid var(--color-sky);
}
.grid-navi .item a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translateY(-50%);
	display: block;
	width: 1em;
	height: 1em;
	background-image: url("images/arrow-right-sky.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: right 0.5s;
}
.grid-navi .item a:hover::after {
	right: 1rem;
}


.grid-navi .item .thumbnail {
	flex-basis: 27%;
	border-radius: 0;
}
.grid-navi .item .title {
	flex-basis: 60%;
	text-align: left;
	line-height: 1.4;
	font-weight: var(--font-bold);
}
@media screen and (max-width: 780px) {
	.grid-navi {
		display: block;
	}
	.grid-navi .item + .item {
		margin-top: 1rem;
	}
	.grid-navi .item .title {font-size: 2rem;}
}


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

.header-utility {}

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


.footer-widget {
	background-color: #f7f7f7;
	padding: 5rem 0;
}
.footer-widget .inner {
	padding: 5rem 10%;
	background-color: var(--color-background);
	border-radius: 10px;
	width: 90%;
}
.footer-widget h3 {
	text-align: center;
	margin-bottom: 3rem;
	font-size: 2.4rem;
	color: var(--color-sky);
	font-weight: var(--font-bold);
}
.footer-widget p {
	text-align: left;
	width: fit-content;
	margin: 0 auto;
	line-height: 1.5;
}
@media screen and (max-width: 780px) {
	.footer-widget .inner {}
}

/******************/
/******************/
/* footer *********/

.site-footer {
	text-align: left;
	line-height: 1.5;
	background-color: #f7f7f7;
}
.site-footer .footer-navi {
	position: relative;
	padding: 0 0 0 10%;
	flex-basis: 60%;
	display: flex;
	column-gap: 5rem;
}
.site-footer .footer-navi .caption {
	font-size: 2.4rem;
	margin-bottom: 1rem;
	color: var(--color-sky);
	font-weight: var(--font-bold);
	display: block;
}
.site-footer .footer-navi ul li{
	margin-bottom: 1rem;
}
.site-footer .footer-navi ul li a {
	font-size: 1.4rem;
	display: block;
	position: relative;
	padding-left: 1.5em;
	white-space: nowrap;
	transition: color 0.5s;
}
.site-footer .footer-navi ul li a:hover  {
	color: var(--color-sky);
}
.site-footer .footer-navi ul li a::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 1em;
	height: 1px;
	background-color: var(--color-sky);
	transition: left 0.5s;
}
.site-footer .footer-navi ul li a:hover::before {
	left: -0.5em;
}
.site-footer .inner {
	display: flex;
	flex-wrap: wrap;
}


.site-footer .footer-logo {
	flex-basis: 40%;
	border-right: 1px solid var(--color-border);
	padding: 0 10% 0 0;
}
.site-footer .footer-logo dl {margin:0;}
.site-footer .footer-logo dl dt {width: 100%;height: auto;}
.site-footer .footer-logo dl dt a {width: 100%;height: auto;}
.site-footer .footer-logo dl dd {font-size:14px; font-size:1.4rem;margin-top: 2rem;}

small.site-info {padding:0;width: 100%;text-align: right;display: block;margin-top: 1rem;padding-bottom: 5rem;}

@media screen and (max-width: 780px) {
	.site-footer .inner {display: block;}
	.site-footer .footer-logo {padding: 0;margin: 0 auto;border: none;}
	.site-footer .footer-logo dl dd {font-size: 1.8rem;}
	.site-footer .footer-navi {display: block;padding: 0;}
	.site-footer .footer-navi .box {margin-top: 3rem;}
	.site-footer .footer-navi .caption {font-size: 3.2rem;}
	.site-footer .footer-navi ul li a {font-size: 1.8rem;}
	small.site-info {margin-top: 3rem;text-align: left;}
}

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

.site-main {
	padding:0; line-height:1.9;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
}

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


.site-main a {
/*	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
-webkit-transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
*/
}

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

.main-content.has-sidebar {
float:left;
width:100%;
	width:-webkit-calc(100% - 320px);
	width:-moz-calc(100% - 320px);
	width:-ms-calc(100% - 320px);
	width:-o-calc(100% - 320px);
	width:calc(100% - 320px);
}

.main-sidebar {width:280px; float:right; padding:0; text-align:left;}
.main-sidebar .module {margin-bottom:20px; display:block; clear:both;}
.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;}

.main-footer {}

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

.main-header .thumbnail {
	height: 550px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
}
.main-header .thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main-header .title {
	line-height: 1.3;
	text-align: center;
	margin: 8rem 0 3rem 0;
	font-size: 5.4rem;
	font-weight: var(--font-bold);
}
.main-header .title b {
	color: var(--color-sky);
}
.main-header .subtitle {
	text-align: center;
	font-size: 2.4rem;
	display: block;
	font-weight: var(--font-bold);
}
.main-content {
	text-align: left;
}
@media screen and (max-width: 780px) {
	.main-header .thumbnail {
		height: 350px;
	}
	.main-header .title {
		font-size: 3.4rem;
	}
}


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

.article h1 {font-size:51px; font-size:5.1rem;}
.article h2 {font-size:45px; font-size:4.5rem;}
.article h3 {font-size:35px; font-size:3.5rem;}
.article h4 {font-size:29px; font-size:2.9rem;}
.article h5 {font-size:25px; font-size:2.5rem;}
.article h6 {font-size:21px; font-size:2.1rem;}

.article p {margin:0;text-align: left;}
.article p + p {margin:1.5em 0 0 0;}

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

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

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

.article 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 ol li:before {content:counter(number) "."; margin:0 0.4em 0 0;}

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


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

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

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

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


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

.section {
	position: relative;
	display: block;
	padding: 90px 0 90px 0;
	margin: 0;
}

@media screen and (max-width: 780px) {
	.section {
		position: relative;
		display: block;
		padding: 90px 0 60px 0;
		margin: 0;
	}
}

.section.gray {
	background-color: #fafafa;
}


.section-title {
	text-align: center;
	margin-bottom: 8rem;
}
.section-title .icon {
	display: block;
	width: 2.5em;
	height: 2.5em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0 auto 3rem auto;
	position: relative;
}
.section-title .icon[data-icon="car"] {
	background-image:url("images/icon-car.svg");
}
.section-title .icon[data-icon="train"] {
	background-image:url("images/icon-train.svg");
}
.section-title .icon[data-icon="bus"] {
	background-image:url("images/icon-bus.svg");
}
.section-title .icon[data-icon="wheel"] {
	background-image:url("images/icon-wheel.svg");
}
.section-title .icon[data-icon="heart"] {
	background-image:url("images/icon-heart.svg");
}
.section-title .icon[data-icon="stamp"] {
	background-image:url("images/icon-stamp.svg");
}
.section-title .icon[data-icon="bicycle"] {
	background-image:url("images/icon-bicycle.svg");
}
.section-title .icon[data-icon="race"] {
	background-image:url("images/icon-race.svg");
}
.section-title .icon[data-icon="fan"] {
	background-image:url("images/icon-fan.svg");
}
.section-title .icon[data-icon="beginner"] {
	background-image:url("images/icon-beginner.svg");
}
.section-title .icon[data-icon="maintenance"] {
	background-image:url("images/icon-maintenance.svg");
}
.section-title .icon[data-icon="food"] {
	background-image:url("images/icon-food.svg");
}
.section-title .icon[data-icon="music"] {
	background-image:url("images/icon-music.svg");
}
.section-title .icon[data-icon="clock"] {
	background-image:url("images/icon-clock.svg");
}
.section-title .icon[data-icon="map"] {
	background-image:url("images/icon-map.svg");
}
.section-title .icon[data-icon="fee"] {
	background-image:url("images/icon-fee.svg");
}
.section-title .icon[data-icon="place"] {
	background-image:url("images/icon-place.svg");
}
.section-title .icon[data-icon="meter"] {
	background-image:url("images/icon-meter.svg");
}
.section-title .icon[data-icon="pen"] {
	background-image:url("images/icon-pen.svg");
}
.section-title .icon[data-icon="microphone"] {
	background-image:url("images/icon-microphone.svg");
}
.section-title .icon[data-icon="avatar"] {
	background-image:url("images/icon-avatar.svg");
}
.section-title .icon::before,
.section-title .icon::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 6em;
	height: 2px;
	background-color: var(--color-sky);
}
.section-title .icon::before{
	right: calc(100% + 2rem);
}
.section-title .icon::after{
	left: calc(100% + 2rem);
}
.section-title .title {
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	font-weight: var(--font-bold);
}
.section-title i {
	font-size: 6.4rem;
	display: block;
	font-weight: var(--font-bold);
	color: var(--color-sky);
	line-height: 1;
	margin-bottom: 0.35em;
}

.section h4 {
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: var(--font-bold);
	color: var(--color-sky);
	margin-bottom: 0.8em;
	text-align: left;
}
.section h4.white {
	color: var(--color-white);
}
.section p + h4 {
	margin-top: 1.6em;
}
.section .thumbnail + h4 {
	margin-top: 1.6em;
}
@media screen and (max-width: 780px) {
	.section h4 {font-size: 28px;font-size: 2.8rem;}
	.section-title i {font-size: 4.2rem;}
}

.section-intro {
	padding-top: 60px;
}

.section dl {
	margin: 5rem 0 0 0;
}
.section dl + dl {
	margin: 3rem 0 0 0;
}
.section dl dt {
	font-size: 2.4rem;
	font-weight: var(--font-bold);
	width: fit-content;
	padding: 0 0 0 1.7em;
	margin-bottom: 1rem;
	color: var(--color-sky);
	position: relative;
}
.section dl dt::before {
	content: "";
	display: block;
	width: 2em;
	height: 2em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	transform: translateY(-55%);
	top: 50%;
	left: -0.5em;
}
.section dl dt[data-icon="car"]::before {
	background-image:url("images/icon-car.svg");
}
.section dl dt[data-icon="train"]::before {
	background-image:url("images/icon-train.svg");
}
.section dl dt[data-icon="bus"]::before {
	background-image:url("images/icon-bus.svg");
}
.section dl dt[data-icon="wheel"]::before {
	background-image:url("images/icon-wheel.svg");
}
.section dl dt[data-icon="heart"]::before {
	background-image:url("images/icon-heart.svg");
}
.section dl dt[data-icon="stamp"]::before {
	background-image:url("images/icon-stamp.svg");
}
.section dl dt[data-icon="bicycle"]::before {
	background-image:url("images/icon-bicycle.svg");
}
.section dl dt[data-icon="race"]::before {
	background-image:url("images/icon-race.svg");
}
.section dl dt[data-icon="fan"]::before {
	background-image:url("images/icon-fan.svg");
}
.section dl dt[data-icon="beginner"]::before {
	background-image:url("images/icon-beginner.svg");
}
.section dl dt[data-icon="maintenance"]::before {
	background-image:url("images/icon-maintenance.svg");
}
.section dl dt[data-icon="food"]::before {
	background-image:url("images/icon-food.svg");
}
.section dl dt[data-icon="music"]::before {
	background-image:url("images/icon-music.svg");
}
.section dl dt[data-icon="clock"]::before {
	background-image:url("images/icon-clock.svg");
}
.section dl dt[data-icon="map"]::before {
	background-image:url("images/icon-map.svg");
}
.section dl dt[data-icon="fee"]::before {
	background-image:url("images/icon-fee.svg");
}
.section dl dt[data-icon="place"]::before {
	background-image:url("images/icon-place.svg");
}
.section dl dt[data-icon="meter"]::before {
	background-image:url("images/icon-meter.svg");
}
.section dl dt[data-icon="pen"]::before {
	background-image:url("images/icon-pen.svg");
}
.section dl dt[data-icon="microphone"]::before {
	background-image:url("images/icon-microphone.svg");
}
.section dl dt[data-icon="avatar"]::before {
	background-image:url("images/icon-avatar.svg");
}
.section dl dd {
	font-size: 2rem;
	margin-bottom: 0;
}
.section dl + .note {
	margin-top: 1rem;
	font-size: 1.5rem;
	font-weight: var(--font-bold);
}

/******************/
/******************/
/* front-page.php */
.section.white .section-title i {
	color: var(--color-background);
}
.section.white .section-title .title {
	color: var(--color-background);
}
.section.white .section-title .icon::before,
.section.white .section-title .icon::after {
	background-color: var(--color-background);
}
.section.white .section-title .icon {
	filter: brightness(0) invert(1);
}

.section.entry {
	padding: 0 0 90px 0;
}
.section.entry .entry-wrapper {
	border: 3px solid var(--color-sky);
	border-radius: 10px;
	padding: 8rem 4rem;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.section.entry .entry-wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	padding: 8rem 0;
	background-image: url("images/entry-background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: -1;
	opacity: 0.15;
	transition: 0.5s;
}
.section.entry .entry-wrapper:hover::after {
	transform: scale(1.1);
	opacity: 0.2;
}
@media screen and (max-width: 780px) {
	.section.entry .entry-wrapper::after {
		background-position: left;
	}
}

.section-top-hero {
	padding: 72px 0 0 0;
	margin-top: 72px;
	background-image: url("images-page/top-hero-thumbnail.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 1;
	width: 100%;
	aspect-ratio: 16 / 10;
}
.section-top-hero .title {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 5%;
	width: 45%;
	aspect-ratio: 690 / 600;
	z-index: 3;
	filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 1));
}
.section-top-hero .decoration {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.0) 75%);
	z-index: 2;
}
.section-top-hero .decoration::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background-image: url("images-page/top-hero-decoration-02.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom;
	width: 100%;
	aspect-ratio: 150 / 25;
	z-index: 4;
}
.section-top-hero .decoration::after {
	content: "";
	position: absolute;
	top: 99.9%;
	left: 0;
	display: block;
	background-image: url("images-page/top-hero-decoration-03.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	width: 100%;
	aspect-ratio: 150 / 31;
	z-index: 4;
}
.section-top-hero .decoration .corner {
	width: 15%;
	aspect-ratio: 59 / 75;
	display: block;
}


@media screen and (max-width: 780px) {
	.section-top-hero {
		background-image: url("images-page/top-hero-thumbnail-sp.jpg");
		aspect-ratio: 420 / 640;
		margin-top: 55px;
	}
	.section-top-hero .decoration {
		background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.0) 75%);
	}
	.section-top-hero .title {
		top: auto;
		bottom: 8vw;
		width: 90%;
		transform: none;
		left: 5%;
	}
	.section-top-hero .decoration .corner {
		width: 30%;
	}
	.section-top-hero .decoration::before {
		aspect-ratio: 150 / 50;
	}
	.section-top-hero .decoration::after {
		aspect-ratio: 150 / 60;
	}
}
.section-top-timer {
	z-index: 5;
	padding: 0;
	margin-top: -30px;
}
.section-top-timer.is-hide {
	display: none;
}
.section-top-timer .timer-container {
	max-width: 1200px;
	width: fit-content;
	padding: 4rem 8rem 6rem 8rem;
	margin: 0 auto;
	border-radius: 15px;
	background-color: var(--color-background);
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.15));
}
.section-top-timer .timer-container p {
	font-size: 2.8rem;
	font-weight: var(--font-bold);
	letter-spacing: 0.1em;
	text-align: center;
}
.section-top-timer .timer-container .timer {
	display: flex;
	column-gap: 12rem;
	justify-content: space-between;
	font-size: 2rem;
	color: #808080;
	font-weight: var(--font-bold);
	line-height: 1;
	margin-top: 4rem;
}
.section-top-timer .timer-container .timer .caption {
	font-size: 1.5rem;
	display: block;
	margin-bottom: 1rem;
}
.section-top-timer .timer-container .timer .time {
	font-size: 10rem;
	color: var(--color-sky);
	display: block;
	margin-bottom: 1rem;
	width: 1.2em;
	white-space: nowrap;
}
.section-top-timer .timer-container .timer .days .time {
	width: auto;
}
@media screen and (max-width: 900px) {
	.section-top-timer .timer-container .timer {
		column-gap: 5rem;
	}
}
@media screen and (max-width: 780px) {
	.section-top-timer .timer-container {
		width: 90%;
		padding: 5rem 0;
	}
	.section-top-timer .timer-container p {
		letter-spacing: 0.05em;
		font-size: 2.4rem;
	}
	.section-top-timer .timer-container .timer {
		column-gap: 3rem;
		justify-content: center;
	}
	.section-top-timer .timer-container .timer .time {
		font-size: 6rem;
	}
}

.section-top-about {
	padding-top: 130px;
	padding-bottom: 0;
}
.section-top-about p.caption {
	color: var(--color-sky);
	font-weight: var(--font-bold);
	font-size: 2.6rem;
	position: relative;
	width: fit-content;
	text-align: center;
	margin: 0 auto 5rem auto;
}
.section-top-about p.caption::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -2.5em;
	transform: translateY(-50%);
	display: block;
	width: 1.5em;
	aspect-ratio: 57 / 75;
	background-image: url("images-page/top-about-decoration-left.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.section-top-about p.caption::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -2.5em;
	transform: translateY(-50%);
	display: block;
	width: 1.5em;
	aspect-ratio: 57 / 75;
	background-image: url("images-page/top-about-decoration-right.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.section-top-about p.caption .sp {
	display: none;
}
.section-top-about .detail {
	display: flex;
	max-width: 1600px;
	margin: 0 auto;
	align-items: stretch;
}
.section-top-about .detail .item {
	flex-basis: 20%;
}
.section-top-about .detail .item .description {
	padding: 2rem 1.5rem;
}
.section-top-about .detail .item:nth-child(1) {
	background-color: #0062C6;
}
.section-top-about .detail .item:nth-child(2) {
	background-color: #00A186;
}
.section-top-about .detail .item:nth-child(3) {
	background-color: #4D4D4D;
}
.section-top-about .detail .item:nth-child(4) {
	background-color: #EDC200;
}
.section-top-about .detail .item:nth-child(5) {
	background-color: #F0803A;
}
.section-top-about .detail .item .thumbnail {
	flex-basis: 20%;
	border-radius: 0;
}
.section-top-about .detail .item h4 {
	font-size: 2rem;
	color: var(--color-background);
	text-align: left;
	margin: 0 0 1.5rem 0;
}
.section-top-about .detail .item p {
	font-size: 1.7rem;
	line-height: 1.4;
	color: var(--color-background);
}

@media screen and (max-width: 780px) {
	.section-top-about {overflow: hidden;padding-top: 80px;}
	.section-top-about p.caption {margin-bottom: 3rem;}
	.section-top-about p.caption .sp {display: block;}
	.section-top-about p.caption::before {left: -3.5em;width: 2.5em;}
	.section-top-about p.caption::after {right: -3.5em;width: 2.5em;}
	.section-top-about .detail {display: block;}
	.section-top-about .detail .item {display: flex;}
	.section-top-about .detail .item .thumbnail {flex-basis: 30%;}
	.section-top-about .detail .item .thumbnail img {width: 100%;height: 100%;object-fit: cover;}
	.section-top-about .detail .item .description {flex-basis: 70%;padding: 2.5rem 2rem;}
	.section-top-about .detail .item h4 {font-size: 2.2rem;margin-bottom: 1rem;}
}

.section-top-navi {
}
@media screen and (max-width: 780px) {
	.section-top-navi {padding: 40px 0 60px 0;}
}

.section-top-instagram {
	background-image: url("images-page/top-instagram-background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.section-top-instagram a {
	display: block;
	width: fit-content;
	margin: 0 auto;
}
.section-top-instagram .logo {
	width: 10rem;
	margin: 0 auto;
	margin-bottom: 1rem;
}
.section-top-instagram .name {
	font-size: 1.7rem;
	font-weight: var(--font-bold);
	color: var(--color-background);
}
.section-top-instagram .name::after {
	content: "";
	display: inline-block;
	background-image: url("images-page/top-instagram-arrow.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 0.75em;
	height: 0.75em;
	margin-left: 0.5em;
}
.section-top-instagram p {
	color: var(--color-background);
	max-width: 900px;
	margin: 5rem auto 0 auto;
	text-align: center;
}

.section-top-pedalday .box {
	border: 2px solid var(--color-sky);
	border-radius: 10px;
	padding: 3rem;
	display: flex;
	justify-content: space-between;
	margin-top: 3rem;
}
.section-top-pedalday .box .thumbnail {
	flex-basis: 30%;
}
.section-top-pedalday .box .description {
	flex-basis: 65%;
}
.section-top-pedalday .box .description h5 {
	font-size: 2.4rem;
	color: var(--color-sky);
	text-align: left;
	font-weight: var(--font-bold);
	margin-bottom: 1rem;
	line-height: 1.4;
}
.section-top-pedalday .button {
	margin-top: 8rem;
}
@media screen and (max-width: 780px) {
	.section-top-pedalday .button {margin-top: 3rem;}
}

.section-top-heat-caravan {
	background-color: #00924B;
}
.section-top-heat-caravan h4 {
	color: var(--color-background);
}
.section-top-heat-caravan p {
	color: var(--color-background);
}
.section-top-heat-caravan .button a {
	background-color: var(--color-background);
	color: #00924B;
}
.section-top-heat-caravan .button a::after {
	background-image:url("images/arrow-right-green.svg");
}

.section-top-bmx {
	background-color: var(--color-black);
}
.section-top-bmx  h4 {
	color: var(--color-background);
}
.section-top-bmx p {
	color: var(--color-background);
}
.section-top-bmx .button a {
	background-color: var(--color-background);
	color: var(--color-black);
}
.section-top-bmx .button a::after {
	background-image:url("images/arrow-right-black.svg");
}

.section-top-yowapeda {
	background-color: #F7B22E;
}
.section-top-yowapeda  h4 {
	color: var(--color-background);
}
.section-top-yowapeda p {
	color: var(--color-background);
}
.section-top-yowapeda .button {
	margin-top: 8rem;
}
.section-top-yowapeda .button a {
	background-color: var(--color-background);
	color: #F7B22E;
}
.section-top-yowapeda .button a::after {
	background-image:url("images/arrow-right-yellow.svg");
}
.section-top-yowapeda .flex-container .flex-item:nth-child(1){
	flex-basis: 35%;
}
.section-top-yowapeda .flex-container .flex-item:nth-child(2){
	flex-basis: 60%;
}
.section-top-yowapeda .detail {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 5rem;
}
.section-top-yowapeda .detail .box {
	flex-basis: 32%;
	background-color: var(--color-background);
	border-radius: 10px;
	padding: 2rem;
}
.section-top-yowapeda .detail .box h5 {
	font-weight: var(--font-bold);
	text-align: center;
	color: #f8b22f;
	margin-top: 2rem;
	margin-bottom: 1rem;
	font-size: 2.4rem;
}
.section-top-yowapeda .detail .box p {
	color: var(--color-dark);
}
@media screen and (max-width: 960px) {
	.section-top-yowapeda .detail {
		display: block;
	}
	.section-top-yowapeda .detail .box + .box {
		margin-top: 3rem;
	}
}
@media screen and (max-width: 780px) {
	.section-top-yowapeda .flex-container .flex-item:nth-child(1) {
		width: 70%;
		margin: 0 auto;
	}
	.section-top-yowapeda .button {margin-top: 3rem;}
}

.section-top-event {
	background-image: url("images-page/top-music-background.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #fafafa;
}
.section-top-event p {
	text-align: center;
	margin-bottom: 5rem;
}
.section-top-event .flex-item {
	text-align: center;
	border-radius: 10px;
	padding: 3rem;
	background-color: var(--color-background);
}
.section-top-event .flex-item p {
	text-align: left;
}
.section-top-event .flex-item h4 {
	text-align: center;
	margin-top: 3rem;
	margin-bottom: 2rem;
}

.section-top-expo {
	overflow: hidden;
}
.section-top-expo .top-expo-swiper {
	user-select: none;
}
.section-top-expo .top-expo-swiper .swiper-slide {
	width: 40rem;
	background-color: #fafafa;
	border-radius: 5px;
	overflow: hidden;
}
.section-top-expo .button {
	margin-top: 8rem;
}

.section-top-gourmet {
	overflow: hidden;
	background-color: #C99359;
}
.section-top-gourmet .flex-item {
	text-align: center;
	background-color: var(--color-background);
	border-radius: 10px;
	padding: 3rem;
}
.section-top-gourmet .flex-item h4 {
	text-align: center;
	color: #C99359;
	margin-top: 3rem;
	margin-bottom: 2rem;
}
.section-top-gourmet .flex-item p {
	color: var(--color-dark);
	text-align: center;
}
.section-top-gourmet .button a {
	background-color: white;
	color: #c99358;
}
.section-top-gourmet .button a::after {
	background-image: url(images/arrow-right-brown.svg);
}

.section-top-access .map {
	width: 100%;
	aspect-ratio: 7 / 4;
}
.section-top-access .map iframe {
	width: 100%;
	height: 100%;
}



/******************/
/* page.php *******/
.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 #50bbbb; border-color:var(--color-green);}
.list-gallery .swiper-button-prev {}
.list-gallery .swiper-button-next {}

.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;
}

.maps {width:100%; height:300px; overflow:hidden; position:relative; padding-top:0; margin:0 0 40px 0;}
.googlemaps {width:100%; height:100%; position:absolute; top:0;}
.maps iframe {position:absolute; top:0; left:0; right:0; bottom:0; width:100%;}

.section-expo .flex-container + .flex-container {
	margin-top: 10rem;
}
.section-expo .logo-wrapper .logo {
	width: 60%;
	background-color: #fafafa;
	overflow: hidden;
	border-radius: 5px;
	margin-bottom: 2rem;
}
.section-expo .logo-wrapper h3 {
	font-size: 2.4rem;
	font-weight: var(--font-bold);
	color: var(--color-sky);
	margin-bottom: 0.5em;
}
.section-expo .sns-buttons {
	display: flex;
	align-items: center;
	column-gap: 1rem;
	margin-top: 2rem;
}
.section-expo .sns-buttons .button {
	margin-top: 0;
}
.section-expo .sns-buttons .button a {
	width: 5rem;
	height: 5rem;
	min-width: auto;
	border-radius: 50%;
	background-color: var(--color-background);
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
}
.section-expo .sns-buttons .button a::after {
	display: none;
}
.section-expo .sns-buttons .button.corporate a {
	background-image: url("images/icon-corporate.svg");
}
.section-expo .sns-buttons .button.twitter a {
	background-image: url("images/icon-x.svg");
}
.section-expo .sns-buttons .button.facebook a {
	background-image: url("images/icon-facebook.svg");
}
.section-expo .sns-buttons .button.instagram a {
	background-image: url("images/icon-instagram.svg");
}
.section-expo .wp-video {
	aspect-ratio: 6 / 4;
	width: 100% !important;
}
.section-expo .wp-video video{
	object-fit: cover;
	width: 100%;
	height: 100%;
}




.section-gourmet .grid-content {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	column-gap: 3rem;
	row-gap: 5rem;
}
.section-gourmet .item h4 {
	font-size: 2.4rem;
	font-weight: var(--font-bold);
	color: var(--color-sky);
	margin-bottom: 0.5em;
	margin-top: 2rem;
}
.section-gourmet .item .thumbnail {
	aspect-ratio: 6 / 4;
	width: 100%;
	background-color: #fafafa;
}
.section-gourmet .item .thumbnail img {
	object-fit: cover;
}
.section-gourmet .item p {
	font-size: 1.5rem;
	line-height: 1.7;
}
.section-gourmet .item .sns-buttons {
	display: flex;
	align-items: center;
	column-gap: 1rem;
	margin-top: 2rem;
}
.section-gourmet .sns-buttons .button {
	margin-top: 0;
}
.section-gourmet .sns-buttons .button a {
	width: 5rem;
	height: 5rem;
	min-width: auto;
	border-radius: 50%;
	background-color: var(--color-background);
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
}
.section-gourmet .sns-buttons .button a::after {
	display: none;
}
.section-gourmet .sns-buttons .button.corporate a {
	background-image: url("images/icon-corporate.svg");
}
.section-gourmet .sns-buttons .button.twitter a {
	background-image: url("images/icon-x.svg");
}
.section-gourmet .sns-buttons .button.facebook a {
	background-image: url("images/icon-facebook.svg");
}
.section-gourmet .sns-buttons .button.instagram a {
	background-image: url("images/icon-instagram.svg");
}
.section-gourmet .wp-video {
	aspect-ratio: 6 / 4;
	width: 100% !important;
}
.section-gourmet .wp-video video{
	object-fit: cover;
	width: 100%;
	height: 100%;
}


.section-yowapeda .speaker {
	padding: 5rem;
	border-radius: 5px;
	border: 2px solid var(--color-sky);
	margin-top: 5rem;
}
.section-yowapeda .speaker h5 {
	color: var(--color-sky);
	font-weight: var(--font-bold);
	text-align: center;
	font-size: 2.8rem;
	margin-bottom: 5rem;
}
.section-yowapeda .speaker .caption {
	font-size: 1.9rem;
	font-weight: var(--font-bold);
	margin-top: 2rem;
	margin-bottom: 2rem;
	display: block;
	line-height: 1.3;
}
.section-yowapeda .speaker .caption b {
	font-size: 2.4rem;
	font-weight: var(--font-bold);
	color: var(--color-sky);
	display: block;
	margin-bottom: 1rem;
}
.section-yowapeda .speaker .button {
	margin-top: 2rem;
}
.section-yowapeda .speaker .button a {
	width: 5rem;
	height: 5rem;
	min-width: auto;
	border-radius: 50%;
	background-color: var(--color-background);
	border: none;
	padding: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
}
.section-yowapeda .speaker .button.corporate a {
	background-image: url("images/icon-corporate.svg");
}
.section-yowapeda .speaker .button.twitter a {
	background-image: url("images/icon-x.svg");
}
.section-yowapeda .speaker .thumbnail {
	aspect-ratio: 6 / 4;
	width: 100%;
	background-color: #fafafa;
}
.section-yowapeda .speaker .thumbnail img {
	object-fit: cover;
}



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

.archives {width:100%; margin:0 auto; text-align:left;}
.archives ul {list-style:none; padding:0;}

.archives ul li {clear:both; display:block; margin:0; padding:20px 0;}
.archives ul li a {}


.archives .a-title {font-size:21px; font-size:2.1rem;}
.archives .a-summary {}
.archives .a-more {margin-bottom:12px;}
.archives .a-meta {font-size:11px; font-size:1.1rem;}
.archives .a-date {}
.archives .a-author {display:none;}
.archives .a-none {display:none;}
.archives .a-category a {color:#999999; color:var(--color-gray);}
.archives .a-more a {}
.archives .entry-meta a {font-size:14px; font-size:1.4rem;}

.archives-selector {min-width:240px; display:table; table-layout:fixed; width:100%; max-width:300px; border-spacing:6px 0; margin:0 auto 20px;}
.archives-selector .cell {display:table-cell; position:relative;}
.archives-selector select {
-webkit-appearance:menulist-button; width:100%;
position:absolute; cursor:pointer;
opacity:0; height:48px; left:0px; top:0px;
}
.archives-selector .button {overflow:hidden; display: block; border:1px solid #50bbbb; border-color:var(--color-green); border-radius:2px; width:100%; padding:12px 12px; text-align: center; letter-spacing:0.1em; white-space:nowrap;
cursor:pointer; background-color:#ffffff;background-color:var(--color-background); font-size:12px; font-size:1.2rem;
}
.archives-selector select:hover + .button {background-color:#50bbbb; background-color:var(--color-green); color:#ffffff;}

/******************/
/******************/
/* archive-custom-post.php */

.archives-custompost 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-custompost ul li {position:relative; display:block; margin:0 0 6% 0; padding:0;
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
flex-basis:22.5%;
max-width:22.5%;
}
.archives-custompost ul li .thumbnail {display:block; margin:0 0 4px 0; line-height:1;}
.archives-custompost ul li .title {font-size:13px; font-size:1.3rem;}
.archives-custompost ul li img {border-radius:4px; display:block; width:100%; border:4px solid #ffffff;}
.archives-custompost ul li img:hover {border-color:#50bbbb; border-color:var(--color-green);}
.archives-custompost ul li img.zoom-img {border:0;}

/*
.archives-custompost .mix,
.archives-custompost .gap {display:inline-block; width:20%; vertical-align:top;}
.archives-custompost #mix .mix {display:none;}
*/
.gallery-selector ol {text-align:center; margin:0 auto 40px;}
.gallery-selector ol li {display:inline-block; margin:0 4px;}
.gallery-selector ol li {background-color:#ffffff; border:1px solid #50bbbb; border-color:var(--color-green); color:#50bbbb; color:var(--color-green); padding:2px 8px 0; cursor:pointer;}
.gallery-selector ol li i {display:block;}
.gallery-selector ol li:hover {background-color:#50bbbb; background-color:var(--color-green); color:#ffffff;}
.gallery-selector ol li.mixitup-control-active {background-color:#50bbbb; background-color:var(--color-green); color:#ffffff;}
.gallery-selector ol li.mixitup-control-active:hover {background-color:#50bbbb; background-color:var(--color-green);}

.mixitup-page-list {text-align:center; clear:both; margin:0 auto; height:auto; padding:0 0 40px 0; line-height:1;
	-webkit-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	-moz-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	-ms-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	-o-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	transition:0.4s cubic-bezier(.39, .575, .565, 1);
}
.mixitup-page-list.mixitup-page-list-disabled {opacity:0; height:0; padding:0;
	-webkit-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	-moz-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	-ms-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	-o-transition:0.4s cubic-bezier(.39, .575, .565, 1);
	transition:0.4s cubic-bezier(.39, .575, .565, 1);
}
.mixitup-page-list .mixitup-control {padding:6px 12px; display:inline-block; margin:0 2px; background-color:#ffffff;background-color:var(--color-background);color:#50bbbb; color:var(--color-green); border:1px solid #50bbbb; border-color:var(--color-green); cursor:pointer;}
.mixitup-page-list .mixitup-control:hover {background-color:#50bbbb; background-color:var(--color-green); color:#ffffff;}
.mixitup-page-list .mixitup-control.mixitup-control-active {background-color:#50bbbb; background-color:var(--color-green); color:#ffffff;}
.mixitup-page-list .mixitup-control-prev,
.mixitup-page-list .mixitup-control-next {border:0; background:0; color:#555555; color:var(--color-dark);}
.mixitup-page-list .mixitup-control-prev:hover,
.mixitup-page-list .mixitup-control-next:hover {border:0; background:none; color:#50bbbb; color:var(--color-green);}
.mixitup-page-stats {display:none;}




/******************/
/* page.php single.php single-custompost.php *****/

.page-title {}
.single-title {}
.single-custompost-title {}

.page-meta {}
.single-meta {}
.single-custompost-meta {}

.page-thumbnail {}
.single-thumbnail {}
.single-custompost-thumbnail {}

.page-content {}
.single-content {}
.single-custompost-content {}



.single-meta {margin:0 0 1em 0;}
.single-meta .date {line-height:1.3;}


.single-title {
	padding:0 0 1em 0;
	margin:0 0 2em 0; border-bottom:1px solid var(--oz-color-border);
}
.single-title .title {font-size:31px; font-size:3.1rem;}


.single-links span a {}

/* #post-ID {} */

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

.article-custompost {}
.article-custompost .title {
	text-align:left;
	font-size:45px; font-size:4.5rem; color:var(--color-green);
	margin:0 0 1em 0; line-height:1.3;
}
.article-custompost .custompost-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;}


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

.breadcrumbs {clear:both; display:block; margin:0 0 60px 0; padding:4px 0; text-align:left; font-size:13px; font-size:1.3rem;}
.breadcrumbs p {}
.breadcrumbs ul {padding:0; margin:0 auto; list-style:none; white-space:nowrap;
overflow-x:scroll;
-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 {}

/******************/
/******************/
/* 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 {margin:0 auto 40px; clear:both;}
.pagination ul {text-align:center; font-size:12px; font-size:1.2rem;}
.pagination ul li {display:inline-block; margin:0 2px;}
.pagination span,
.pagination ul li a {padding:8px 12px; background-color:#47b7ff; background-color:var(--oz-color-blue); color:#ffffff;
	background-color:#292548; background-color:var(--oz-color-navy);
	border:1px solid #292548; border-color:var(--oz-color-navy); color:#fff;
}
.pagination ul li a:hover {background-color:#47b7ff; background-color:var(--oz-color-blue);}
.pagination span.dots {border:0; background:transparent;}
.pagination span.current {background-color:#47b7ff; background-color:var(--oz-color-blue);}




/******************/
/* 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 #50bbbb; border-color:var(--color-green); background-color:#50bbbb; background-color:var(--color-green); color:#ffffff; display:block;}
.post-links a:hover {background:transparent; color:#50bbbb; color:var(--color-green);}


/******************/
/******************/
/* 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 */


.button.button-success a {border-color:#50bbbb; border-color:var(--color-green); color:blue;}
.button.button-success a:hover {background-color:#50bbbb; background-color:var(--color-green); 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;}


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

.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-container + .flex-container {
	margin-top: 5rem;
}

.flex-item {
	margin: 0;
	padding: 0;
	flex: 0 1 auto;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis:48%;
}
.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;}
@media screen and (max-width: 960px) {
	.flex-container-3 {
		display: block;
	}
	.flex-container-3 .flex-item + .flex-item {
		margin-top: 3rem;
	}
}
@media screen and (max-width: 780px) {
	.flex-container {
		display: block;
	}
	.flex-container .flex-item + .flex-item {
		margin-top: 3rem;
	}

}

/******************/
/* 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:#50bbbb; background-color:var(--color-green); 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-background); color:#50bbbb; color:var(--color-green); border-bottom:1px solid #ffffff;}
.tab-selector ol li.is-current:hover {background-color:#ffffff; background-color:var(--color-background); color:#50bbbb; color:var(--color-green);}

.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 ********/


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-close {cursor:pointer; position:absolute; top:12px; right:12px; width:40px; height:40px;
background:#ffffff center center no-repeat;
	-webkit-background-size:20px 20px;
	-moz-background-size:20px 20px;
	-ms-background-size:20px 20px;
	-o-background-size:20px 20px;
	background-size:20px 20px;
	background-color:var(--color-background);
border:1px solid #f578b9;
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZjU3OGI5O308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg==");
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
color:transparent;
}
.modal-close:hover {
background-color:#50bbbb; background-color:var(--color-green);
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg==");
}


.modal-window {
background-color:#ffffff; background-color:var(--color-background);
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;}
.form table {line-height:1.3;border: none;margin-bottom: 5rem;}
.form table th,
.form table td {padding:16px 4px 0.1em; vertical-align:middle;border: none;text-align: left;}
.form table th {font-size:16px; font-size:1.6rem;}
.form table th b {display:inline-block; font-size:14px; font-size:1.4rem;color: var(--color-background);font-weight: var(--font-bold);background-color: #da0202;padding: 0.35em 0.7em 0.25em 0.7em;border-radius: 5px;margin-left: 1rem;}


@media (max-width:700px) {
	.form table,
	.form table tbody,
	.form table tr,
	.form table th,
	.form table td {display:block;}
	.form table th,
	.form table td {display:block; text-align:left; padding:0;}
	.form table th {border:0; padding:32px 0 0 0; margin:0 0 12px 0;}
	.form table th i {display:inline-block; margin:0 1em 0 0;}
	.form table td {padding:0 0 16px 0;}	
}


form {}
fieldset {}
label {}

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder
::placeholder {color:#e0e0e0;}
textarea::placeholder,
input::placeholder {
  color: #999;
}

[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: 4px;
	display: block;
	position: relative;
	padding: 16px 16px;
	line-height: normal;
	background: #f5f7fa;
	border: 1px solid #9da2a8;
}


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%;resize: vertical;}

input[type="submit"] {
	margin: 0 auto;
	text-align: center;
	appearance: none;
	display: block;
	margin: 0 auto;
	text-align: center;
	background-size: 1.5em auto;
	background-color: var(--color-green);
	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 var(--color-sky);
}

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


@media (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%;}
}
	

.wpcf7{}

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

.wpcf7-response-output:empty {display:none;}
.wpcf7-response-output {
margin:0 auto 1em; padding:1em; line-height:1.3;
border:0;
	border-radius:4px;
text-align:center; display:block;
clear:both;
background:red;
}

.wpcf7-mail-sent-ok {
border:1px solid #50bbbb; border-color:var(--color-green);
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:block; position:relative;}
.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:red; font-size:12px; font-size:1.2rem; display:block;
	position:absolute;
}
.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;}
.wpcf7-list-item-label:before {width:20px; height:20px; content: ''; position: absolute; left:0; top:0; background-color:#ffffff; background-color:var(--color-background); border:2px solid #cccccc; display:inline-block;}
.wpcf7-list-item-label:after{
width:10px; height:6px; left:6px; top:6px;
border:2px solid #50bbbb; border-color:var(--color-green);
content:''; position:absolute; transform:rotate(-45deg);
border-top:none; border-right:none; transition:all 0.3s; opacity:0;
}
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;
	width: fit-content;
	display: block;
	padding: 0.6em 6em;
	border-radius: 999px;
	text-align: center;
	background-color: var(--color-sky);
	border: none;
	color: var(--color-background);
	position: relative;
	font-weight: var(--font-bold);
	cursor: pointer;
	font-size: 2.2rem;
}

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

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



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

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


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


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

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



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

}

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

}



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

}

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

}


/* ▲ iPod touch 320px ▼ */
@media (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:/*local('Josefin Sans SemiBold'),
	local('JosefinSans-SemiBold'),*/
	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 ******/

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

@keyframes flash {
	from {opacity:0.3;}
	to {opacity:1;}
}
/*
	animation:flash 1s infinite ease alternate;
*/

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

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