@charset "utf-8";
/* ------------------------------------------------ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
/* ------------------------------------------------ */
.pc {}.sp {display: none;}.none {display: none;}
@media screen and (max-width: 767px) {
.pc {display: none;}.sp {display: block;}
}
.drawer .none {display: block!important;}
/* ------------------------------------------------ */
:root {
	--white: #fff;
	--black: #000;
	--gray1: #333;
	--gray2: #666;
	--gray3: #999;
	--gray4: #ccc;
	--gray5: #e6e6e6;
	--gray6: #f2f2f2;
	--red1: #f00;
	--red2: #c00;
	--color1: #f9b90d;
	--color2: #e4007f;
/*
	--color1: #ffad05;
	--color2: #ff6384;
*/
	--color3: #ff4c00;
	--color4: #22ac38;
	--color5: #00a0e9;
	--font1: 'Noto Sans JP', sans-serif;
}
/*
font-family: 'Zen Kaku Gothic Antique', sans-serif;
	font-size: 30px;
	font-size: 3vmin;
	font-size: clamp(24px, 3vmin, 30px);

	font-family: var(--font2);
	color: var(--color2);
	background-color: var(--top_text2);
*/
.color1 {background-color: var(--color1);padding:20px;}
.color2 {background-color: var(--color2);padding:20px;}
.color3 {background-color: var(--color3);padding:20px;}
.color4 {background-color: var(--color4);padding:20px;}
.color5 {background-color: var(--color5);padding:20px;}

/* ------------------------------------------------ */
.anim {
}
/* ----------------- */
.fade {
	opacity:0;
}
.fade.animated {
	animation-fill-mode:forwards;
	animation-duration: 1s;
	opacity:0;
}
.fade.animated.fade-top {animation-name:fade-top;}
.fade.animated.fade-btm {animation-name:fade-btm;}
.fade1.animated {animation-delay:0s;}
.fade2.animated {animation-delay:0.5s;}
.fade3.animated {animation-delay:1s;}
@keyframes fade-top {
	from {opacity: 0;transform: translateY(100px);}
	to {opacity: 1;transform: translateY(0);}
}
@keyframes fade-btm {
	from {opacity: 0;transform: translateY(-100px);}
	to {opacity: 1;transform: translateY(0);}
}
/* ----------------- */
.btna.animated a {
	animation-name: btna;
	animation-fill-mode:forwards;
	animation-duration: .5s;
	animation-timing-function: ease-in-out;
	transform-origin: bottom left 0px;
	opacity:0;
}
@keyframes btna {
0% {opacity: 0;transform: translateX(200px);}
60% {transform: translateX(-30px);}
80% {transform: translateX(10px);}
100% {opacity: 1;transform: translateX(0);}
}
/* ----------------- */
.scale.animated {
	animation-name: scalea;
	animation-fill-mode:forwards;
	animation-duration: .5s;
	animation-timing-function: ease-in-out;
	
}
@keyframes scalea {
0% {opacity: 0;transform: scale(0.5, 0.5);}
100% {opacity: 1;transform: scale(1, 1);}
}
/* ----------------- */
.splash.animated img {
	animation-name: splasha;
	animation-fill-mode:forwards;
	animation-duration: .5s;
	animation-timing-function: ease-in-out;
	
}
@keyframes splasha {
0% {opacity: 0;transform: scale(0.1, 0.1);}
100% {opacity: 1;transform: scale(1, 1);}
}
/* ------------------------------------------------ */
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
*{
margin:0;
padding:0;
}
html,body {
	height: 100%;
	font-size: 62.5%;
	margin: 0px auto;
}
body {
	color: #333;
	color: var(--black);
	font-size: 16px;
	font-size: clamp(15px, 1.6vw, 16px);
	font-family: var(--font1);
	font-weight: 400;
	background-color: #fff;
	background-color: var(--white);
}
@media screen and (max-width: 767px) {
	body {
		-webkit-text-size-adjust: 100%;
	}
}
#container {
	position: relative;
	height: 100%;
	min-height: 100%;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
}
body > #container {height: auto;}
a {
	text-decoration: underline;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:link {color: var(--black);}
a:visited {color: var(--black);}
a:active {color: var(--color2);}
a:hover {color: var(--color2);}
a img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
}
a:active img,
a:hover img {
	opacity: 0.8;
}
a svg rect,
a svg path,
a svg circle,
a svg polygon{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
h1,h2,h3,h4,h5,h6 {font-size:1em;}
em,i,address {font-style: normal;}
a[href^='tel'] {pointer-events: none;text-decoration: none;}
a[href^='tel'] img {display:inline-block;}
@media screen and (max-width: 767px) {
	a[href^='tel'] {pointer-events: auto;}
	a[href^='tel'] img {display:block;}
}
input,textarea,select,button {
	outline: none;
	font-family: 'Noto Sans JP', sans-serif;
}
button,input,select {
	box-sizing: border-box;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance:textfield;
}
input[type='submit'],
button {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
img {display:block;max-width:100%;border:none;-ms-interpolation-mode: bicubic;-webkit-backface-visibility: hidden;image-rendering: -webkit-optimize-contrast;}
@media screen and (max-width: 767px) {
	img {max-width:100%;height:auto;}
}
p {}
.center {text-align: center;}
.right {text-align: right;}
.imgleft {float: left;margin-right:5px;}
.imgright {float: right;margin-left:5px;}
@media screen and (max-width: 767px) {
	.imgleft {float: none;margin-right:0px;margin-bottom:10px;}
	.imgright {float: none;margin-left:0px;margin-bottom:10px;}
}
pre {}
.clear {clear: both;}
.clearfix::after {
	display: block;
	content: "";
	clear: both;
	height: 0px;
	visibility: hidden;
}
ul {list-style-type:none;}
.attention,.error {color: #c00;font-weight: 700;}
.spnotice {text-align:center;padding:10px;}
.spnotice p {display:inline-block;color:#fff;line-height:1em;background-color:#c00;padding:10px;}
.red {color: #f00;}
i.sup {
	position: relative;
	top: -0.2em;
	font-size: 0.7em;
	font-style: normal;
	vertical-align: top;
}
i.sub {
	position: relative;
	top: 0.2em;
	font-size: 0.5em;
	font-style: normal;
	vertical-align: bottom;
}
.sup {
	font-size:0.6em;
	font-style: normal;
	vertical-align: super;
}
.dsh {
	box-shadow: 2px 2px 2px #e6e6e6;
	-moz-box-shadow: 2px 2px 2px #e6e6e6;
	-webkit-box-shadow: 2px 2px 2px #e6e6e6;

	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
/*
	text-shadow: 1px 1px 5px rgba(0,0,0,1),1px 2px 5px rgba(0,0,0,1);
	-moz-text-shadow: 1px 1px 5px rgba(0,0,0,1),1px 2px 5px rgba(0,0,0,1);
	-webkit-text-shadow: 1px 1px 5px rgba(0,0,0,1),1px 2px 5px rgba(0,0,0,1);

	-moz-text-shadow: 3px 0px 10px #fff,-3px 0px 10px #fff,0px -3px 10px #fff,0px 3px 10px #fff;
	-webkit-text-shadow: 3px 0px 10px #fff,-3px 0px 10px #fff,0px -3px 10px #fff,0px 3px 10px #fff;
	text-shadow: 3px 0px 10px #fff,-3px 0px 10px #fff,0px -3px 10px #fff,0px 3px 10px #fff;

	text-shadow: #fff 2px 0px 0px, #fff -2px 0px 0px,#fff 0px -2px 0px, #fff 0px 2px 0px,#fff 2px 2px 0px, #fff -2px 2px 0px,#fff 2px -2px 0px, #fff -2px -2px 0px,#fff 1px 2px 0px, #fff -1px 2px 0px,#fff 1px -2px 0px, #fff -1px -2px 0px,#fff 2px 1px 0px, #fff -2px 1px 0px,#fff 2px -1px 0px, #fff -2px -1px 0px,#fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
	-moz-text-shadow: #fff 2px 0px 0px, #fff -2px 0px 0px,#fff 0px -2px 0px, #fff 0px 2px 0px,#fff 2px 2px 0px, #fff -2px 2px 0px,#fff 2px -2px 0px, #fff -2px -2px 0px,#fff 1px 2px 0px, #fff -1px 2px 0px,#fff 1px -2px 0px, #fff -1px -2px 0px,#fff 2px 1px 0px, #fff -2px 1px 0px,#fff 2px -1px 0px, #fff -2px -1px 0px,#fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
	-webkit-text-shadow: #fff 2px 0px 0px, #fff -2px 0px 0px,#fff 0px -2px 0px, #fff 0px 2px 0px,#fff 2px 2px 0px, #fff -2px 2px 0px,#fff 2px -2px 0px, #fff -2px -2px 0px,#fff 1px 2px 0px, #fff -1px 2px 0px,#fff 1px -2px 0px, #fff -1px -2px 0px,#fff 2px 1px 0px, #fff -2px 1px 0px,#fff 2px -1px 0px, #fff -2px -1px 0px,#fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
}

3pxのふち
text-shadow: 0px 1px 0px #000,1px 1px 0px #000,2px 1px 0px #000,3px 1px 0px #000,0px 2px 0px #000,1px 2px 0px #000,2px 2px 0px #000,3px 2px 0px #000,0px 3px 0px #000,1px 3px 0px #000,2px 3px 0px #000,3px 3px 0px #000,0px -1px 0px #000,1px -1px 0px #000,2px -1px 0px #000,3px -1px 0px #000,0px -2px 0px #000,1px -2px 0px #000,2px -2px 0px #000,3px -2px 0px #000,0px -3px 0px #000,1px -3px 0px #000,2px -3px 0px #000,3px -3px 0px #000,-1px 1px 0px #000,-2px 1px 0px #000,-3px 1px 0px #000,-1px 2px 0px #000,-2px 2px 0px #000,-3px 2px 0px #000,-1px 3px 0px #000,-2px 3px 0px #000,-3px 3px 0px #000,-1px -1px 0px #000,-2px -1px 0px #000,-3px -1px 0px #000,-1px -2px 0px #000,-2px -2px 0px #000,-3px -2px 0px #000,-1px -3px 0px #000,-2px -3px 0px #000,-3px -3px 0px #000,1px 0px 0px #000,1px 1px 0px #000,1px 2px 0px #000,1px 3px 0px #000,2px 0px 0px #000,2px 1px 0px #000,2px 2px 0px #000,2px 3px 0px #000,3px 0px 0px #000,3px 1px 0px #000,3px 2px 0px #000,3px 3px 0px #000,-1px 0px 0px #000,-1px 1px 0px #000,-1px 2px 0px #000,-1px 3px 0px #000,-2px 0px 0px #000,-2px 1px 0px #000,-2px 2px 0px #000,-2px 3px 0px #000,-3px 0px 0px #000,-3px 1px 0px #000,-3px 2px 0px #000,-3px 3px 0px #000,1px 0px 0px #000,1px -1px 0px #000,1px -2px 0px #000,1px -3px 0px #000,2px 0px 0px #000,2px -1px 0px #000,2px -2px 0px #000,2px -3px 0px #000,3px 0px 0px #000,3px -1px 0px #000,3px -2px 0px #000,3px -3px 0px #000,-1px 0px 0px #000,-1px -1px 0px #000,-1px -2px 0px #000,-1px -3px 0px #000,-2px 0px 0px #000,-2px -1px 0px #000,-2px -2px 0px #000,-2px -3px 0px #000,-3px 0px 0px #000,-3px -1px 0px #000,-3px -2px 0px #000,-3px -3px 0px #000;

	background: -moz-linear-gradient(top, rgba(19,128,182,1) 0%, rgba(2,85,158,1) 100%);
	background: -webkit-linear-gradient(top, rgba(19,128,182,1) 0%,rgba(2,85,158,1) 100%);
	-moz-background-clip: text;
	-webkit-background-clip: text;
	-moz-text-fill-color: transparent;
	-webkit-text-fill-color: transparent;

color: rgb(255,214,94);
background: -moz-linear-gradient(top, rgba(229,165,4,1) 0%, rgba(255,214,94,1) 30%, rgba(255,214,94,1) 70%, rgba(229,165,4,1) 100%);
background: -webkit-linear-gradient(top, rgba(229,165,4,1) 0%,rgba(255,214,94,1) 30%,rgba(255,214,94,1) 70%,rgba(229,165,4,1) 100%);
background: linear-gradient(to bottom, rgba(229,165,4,1) 0%,rgba(255,214,94,1) 30%,rgba(255,214,94,1) 70%,rgba(229,165,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a504', endColorstr='#e5a504',GradientType=0 );endColorstr='#febf04',GradientType=0 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

	filter: drop-shadow(2px 0px 2px rgba(0,0,0,0.2));
*/
}
.corn {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.text-transform {
	text-transform: capitalize;
	text-transform: uppercase;
	text-transform: lowercase;
	text-transform: full-width;
}
/* ------------------------------------------------ */
.width {
	max-width: 1200px;
	margin: 0px auto;
}
.widths {
	max-width: 1000px;
	margin: 0px auto;
}
.widthss {
	max-width: 850px;
	margin: 0px auto;
}
@media screen and (max-width: 767px) {
	.width {
		width: auto;
	}
	.widths,
	.widthss {
		width: auto;
	}
}
.drawer .width,
.drawer .widths,
.drawer .widthss {
	width: auto;
}
/* ------------------------------------------------ */
.globalbloc {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
.globalbox {
	display: table-cell;
	vertical-align: top;
}
.globalleft {
	width: 300px;
}
.globallogo a {
	display: inline-block;
}
.globallogo a img {
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.globalbloc {
		display: block;
		width: auto;
	}
	.globalbox {
		display: block;
		width: auto;
	}
	.globallogo {
		text-align: center;
	}
}
/* ------------------------------------------------ */
#header {
}
.header {
	position: relative;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.3s linear;
}
.headerouter {
}
.headerinner {
	position: relative;
	z-index: 1;
}
/* ------------------------------------------------ */
.home #header .header-logo {
	display: none;
}
.header-logo {
	text-align: center;
}
.header-logo img {
	display: inline-block;
	width: 150px;
}
/* ------------------------------------------------ */
.header-sns {
}
.header-sns {
	text-align: center;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	padding: 10px 0px;
}
@media screen and (min-width: 768px) {
	#header .header-sns {
/*
		position: absolute;
		right: 0px;
		top: 70px;
*/
	}
	#container.fixed #header .header-sns {
		display: none;
	}
}
.header-sns ul {
}
.header-sns ul li {
	display: inline-block;
	padding: 0px 7px;
}
.header-sns ul li a {
}
.header-sns ul li svg {
	width: 25px;
}
.header-sns ul li svg path {
	fill: var(--gray1);
}
.header-sns ul li a svg path {
	fill: var(--gray2);
}
/* ------------------------------------------------ */
@media screen and (max-width: 767px) {
	#header #nav {
		display: none;
	}
}
/*
.nav {
	text-align: center;
}
*/
.drawer .nav {
	margin-bottom: 40px;
}
#header .nav ul {
	display: block;
}
.nav ul li {
}
.nav ul li.none {
	display: none;
}
.drawer .nav ul li {
	border-bottom: 2px solid #000;
}
.drawer .nav ul li:first-child {
	border-top: 2px solid #000;
}
.drawer .nav ul li ul {
}
.drawer .nav ul li ul li {
	border-bottom: 1px dashed #000;
}
.drawer .nav ul li ul li:first-child {
	border-top: 1px dashed #000;
}
.drawer .nav ul li ul li:last-child {
	border-bottom: none;
}
#header .nav ul li {
	display: inline-block;
	vertical-align: top;
}
#header .nav ul li.navnone {
	display: none;
}
.nav ul li.navnone {
	display: none;
}
.drawer .nav ul li.navnone {
	display: none;
}
.nav ul li a {
	display: block;
	color: var(--black);
	text-decoration: none;
	padding: 20px 10px;
}
.nav ul li.nolink a {
	color: var(--gray3);
	background-color: var(--gray5);
	pointer-events: none;
}
.nav ul li ul li a {
	padding: 12px 10px 12px 20px;
}
.nav ul li a strong {
	display: block;
	font-size: 16px;
	font-weight: 700;
}
.drawer .nav ul li ul li a strong {
	font-size: 0.9em;
	font-weight: 500;
}
.nav ul li a:hover,
.nav ul li a:active {
	background-color: var(--color1);
}
#nav {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#container.fixed #nav {
}
ul.nav-admin li a {
	color: #c00;
}
.stamp-nav {
} 
.stamp-nav h3 {
	color: var(--color3);
	font-size: 20px;
	text-align: center;
	padding-bottom: 20px;
} 
/* ------------------------------------------------ */
#footer {
	padding: 20px;
}
.footer {
}
.footerinner {
}
.footer-logo {
	text-align: center;
}
.footer-logo a {
	display: inline-block;
}
.footer-logo img {
	display: inline-block;
	width: 200px;
}
.footer-add {
	font-size: 14px;
	text-align: center;
	padding: 10px;
}
.footer-add strong {
	display: block;
}
.footer-add span {
	display: block;
	font-weight: 700;
}
.footer-add address {
	display: block;
	font-weight: 700;
}
.footer-add p {
	padding-top: 10px;
}
.footer-link {
	font-size: 11px;
	text-align: center;
	margin-bottom: 10px;
}
.footer-link ul {
}
.footer-link li {
	display: inline-block;
	border-left: 1px solid #000;
	margin-left: 5px;
	padding-left: 5px;
}
.footer-link li:first-child {
	border-left: none;
	margin-left: 0px;
	padding-left: 0px;
}
.footer-link a {
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.footer-link li {
		display: block;
		border-left: none;
		border-bottom: 1px dashed #000;
		margin-left: 0px;
		padding: 10px;
	}
	.footer-link li:last-child {
		border-bottom: none;
	}
	.footer-link a:hover {
	}
}
.copyright {
	font-weight: 400;
	text-align: center;
	padding: 5px;
}
.copyright small {
	font-size: 10px;
}
/* ------------------------------------------------ */
#drawertriger {
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 9999;
}
.drawertrig {
	display: block;
	text-align: center;
	cursor: pointer;
}
.drawertrig span, .drawertrig span::before, .drawertrig span::after {
	position: absolute;
	display: inline-block;
	height: 2px;
	width: 34px;
}
.drawertrig span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-40%);
	-moz-transform: translate(-50%,-40%);
	-ms-transform: translate(-50%,-40%);
	-o-transform: translate(-50%,-40%);
	transform: translate(-50%,-40%);
	-webkit-transition: background 0.3s 0.3s;
	-moz-transition: background 0.3s 0.3s;
	transition: background 0.3s 0.3s;
}
.drawertrig span::before, .drawertrig span::after {
	content: '';
	right: 0px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}
.drawertrig span::before {
	top: -10px;
}
.drawertrig span::after {
	top: 10px;
}
.drawer-open .drawertrig span {
}
.drawer-open .drawertrig span::before, .drawer-open .drawertrig span::after {
}
.drawer-open .drawertrig span::before {
	-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
	-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
	-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
	-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
	transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.drawer-open .drawertrig span::after {
	-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
	transform: translateX(4px) translateY(2px) rotate(-45deg);
}
.drawer-open #drawertriger {
	-webkit-transform: translateX(-300px);
	-moz-transform: translateX(-300px);
	-ms-transform: translateX(-300px);
	-o-transform: translateX(-300px);
	transform: translateX(-300px);
}
.drawertrig {
	width: 60px;
	height: 60px;
	background-color: var(--white);
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
	overflow: hidden;
}
#container.fixed #drawertriger .drawertrig {
	width: 50px;
	height: 50px;
}
#container .drawertrig span {
	top: 50%;
}
#container.fixed.drawer-open #drawertrig .drawertrig span {
}
.drawer-open .drawertrig {
/*
	background: transparent;
*/
	background-color: var(--color1);
	box-shadow: none;
}
.drawer-open .drawertrig span {background: rgba(0,0,0,0);}
.drawertrig span, .drawertrig span::before, .drawertrig span::after {
	background: var(--color1);
}
.drawer-open .drawertrig span::before, .drawer-open .drawertrig span::after {
	background: var(--white);
}
#drawertrig a {
	text-decoration: none;
}
.drawer-open #drawertrig a em {
	padding-top: 30px;
}
#container.fixed.drawer-open #drawertrig a em {
	padding-top: 30px;
}
/*
#drawertrig a em {
	display: block;
	text-align: center;
	padding-top: 60px;
}
#drawertrig a em::before,
#drawertrig a em::after {
	font-size: 11px;
}
#drawertrig a em::before {
	content: "";
}
#drawertrig a em::after {
	content: "Menu";
	color: var(--black);
}
.drawer-open #drawertrig a em::before {
	content: "Close";
	color: var(--white);
}
.drawer-open #drawertrig a em::after {
	content: "";
}
*/
.drawer {
	background-color: var(--color1);
	box-shadow: -2px 0px 5px 1px rgba(0,0,0,0.1);
	position: fixed;
	z-index: 9998;
	right: -120%;
	top: 0;
	height: 100%;
	width: 300px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.drawer-open .drawer {
	right: 0;
}
/* ------------------------------------------------ */
.overlay {
	position: fixed;
	z-index: 999;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	background-color: rgba(0,0,0, 0.5);
	background-color: rgba(255,255,255,0.5);
	visibility: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.overlay.close {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
/* ------------------------------------------------ */
.gotop{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
}
.gotop a,
.gotop a::before,
.gotop a::after {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.gotop a {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	background-color: var(--color1);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-left: auto;
	margin-right: 10px;
	margin-bottom: 10px;
}
.gotop a::before,
.gotop a::after {
	display: inline-block;
	content: "";
	position: absolute;
	left: 50%;
}
.gotop a::before {
	bottom: 10px;
	z-index: 1;
	width: 10px;
	height: 10px;
	border-top: 1px solid;
	border-left: 1px solid;
	border-color: var(--white);
	transform: rotate(45deg);
	margin-left: -5px;
}
.gotop a::after {
	bottom: -10px;
	z-index: 0;
	width: 1px;
	height: 31px;
	background-color: var(--white);
}
.gotop a:hover {
	background-color: var(--color2);
}
.gotop a:hover::before {
	bottom: 20px;
	border-color: #fff;
}
.gotop a:hover::after {
	bottom: 0px;
	background-color: #fff;
}
.gotop a span {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/* ------------------------------------------------ */
.panlink {
	margin: 0px auto;
}
.panlink {
	font-size: 0.8em;
	padding: 10px 10px;
}
.panlink span {
	display: inline-block;
	font-weight: 700;
}
.panlink a span {
	display: inline-block;
	font-weight: 400;
}
@media screen and (max-width: 767px) {
	.panlink {
		width: auto;
	}
}
/* ------------------------------------------------ */
#wrap {
}
#main {
	line-height: 1.8em;
}
.main {
	padding: 0px 0px;
}

@media screen and (max-width: 767px) {
	.main {
	}
}
/* link------------------------------------------------ */
.link {
	text-align: center;
	padding: 30px 0px;
}
.link a {
	display: inline-block;
	position: relative;
	font-weight: 700;
	text-decoration: none;
}
.link a {
	color: var(--black);
	background-color: var(--color1);
	border: 3px solid var(--black);
	-moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	border-radius: 60px;
}
.link a span {
	display: block;
	font-size: 1.1em;
	padding: 20px 80px;
}
.link.links a span {
	display: block;
	font-size: 1em;
	padding: 10px 20px;
}
.link a span em {
	font-size: 0.6em;
}
.link.exlink a {
	display: inline-block;
	padding: 10px 40px;
}
.link.links.exlink a {
	padding: 0px 20px;
}
.link.exlink a span {
	display: inline-block;
	background-image: url("../img2025/parts/exlink2.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding: 10px 20px;
}
@media screen and (max-width: 767px) {
	.link a span {
		font-size: 1em;
		padding: 20px 0px;
	}
	.link.links a span {
		padding: 10px 10px;
	}
	.link.exlink a span {
		padding: 10px 20px;
	}
}
@media screen and (max-width: 479px) {
	.link a {
		display: block;
	}
	.link.links a {
		display: inline-block;
	}
	.link a span {
		font-size: 1em;
		padding: 20px 10px;
	}
	.link.links a span {
		padding: 10px 10px;
	}
	.link.exlink a span {
		padding: 10px 20px;
	}
}
.link a span b {
	display: inline-block;
	position: relative;
	font-weight: 700;
}
.link.arrow a span b:before,
.link.arrow a span b:after {
	position: absolute;
	right: -40px;
	width: 8px;
	height: 2px;
	content: '';
	border-radius: 2px;
}
.link.arrow a span b:before {
	top: 50%;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	margin-top: -4px;
}
.link.arrow a span b:after {
	bottom: 50%;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
	margin-bottom: -4px;
}
.link.nolink a {
	color: var(--white);
	background-color: #ccc;
	border: 3px dashed var(--gray5);
	pointer-events: none;
	box-shadow: none;
}
.link.arrow a span b:before,
.link.arrow a span b:after {
	background-color: var(--black);
}
.link a:active,
.link a:hover {
	color: var(--white);
	background-color: var(--color3);
	border: 3px solid var(--black);
}
.link.arrow a:hover span b:before,
.link.arrow a:hover span b:after {
}
.back {
	padding-bottom: 30px;
}
.back a {
	display: inline-block;
	color: var(--black);
	font-size: 15px;
	font-weight: 500;
	line-height: 1em;
	text-decoration: none;
	background-color: var(--color1);
}
.back a span {
	display: block;
	position: relative;
	padding: 10px 10px 10px 20px;
}
.back a span::before,
.back a span::after {
	content: '';
	position: absolute;
	left: 10px;
	width: 8px;
	height: 2px;
	background-color: var(--black);
	border-radius: 2px;
}
.back a span::before {
	top: 50%;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
	margin-top: -4px;
}
.back a span::after {
	bottom: 50%;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	margin-bottom: -4px;
}
.back a:active,
.back a:hover {
	background-color: var(--color3);
}
.caution {
	text-align: center;
	padding: 30px 10px;
}
.caution a {
	display: inline-block;
	color: var(--red2);
	font-size: 15px;
	font-weight: 500;
	line-height: 1em;
	text-decoration: none;
	background-color: var(--white);
	border: 2px solid var(--red2);
}
.caution a span {
	display: block;
	position: relative;
	padding: 20px 20px;
}
.caution a span:before,
.caution a span:after {
	content: '';
	position: absolute;
	right: 5px;
	width: 8px;
	height: 2px;
	background-color: var(--red2);
	border-radius: 2px;
}
.caution a span:before {
	top: 50%;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	margin-top: -4px;
}
.caution a span:after {
	bottom: 50%;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
	margin-bottom: -4px;
}
.caution a:active,
.caution a:hover {
	background-color: var(--gray5);
}
@media screen and (max-width: 479px) {
	.caution a {
		display: block;
	}
	.caution a span {
		padding: 20px 5px;
	}
}
/* ------------------------------------------------ */
a.exlink span {
	display: inline-block;
	background-image: url("../img2025/parts/exlink.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
/* ------------------------------------------------ */
.photo {}.photo ul {display: table;width: 100%;table-layout: fixed;border-spacing: 0px;margin: 0px auto;}.photo li {display: table-cell;vertical-align: top;}.photo li img {margin: 0px auto;}@media screen and (max-width: 767px) {.photo ul {display: block;width: auto;}.photo li {display: block;}}
.photo.photoB ul {display: table;width: 100%;table-layout: fixed;border-spacing: 0px;margin: 0px auto;}.photo.photoB li {display: table-cell;vertical-align: top;}}
/* ------------------------------------------------ */
.movie {z-index: 9998!important;width: 560px;margin: 0 auto;padding: 20px 0 0 0;}.movie iframe{z-index: 9998!important;}@media screen and (max-width: 767px){.movie {position: relative;width: auto;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}.movie iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}}
/* ------------------------------------------------ */
.tablebox,.tablebloc dl,.tablebloc ul {display: table;width: 100%;table-layout: fixed;border-spacing: 0px;margin: 0px auto;list-style-type: none;}.tabletd,.tablebloc li,.tablebloc dt,.tablebloc dd {display: table-cell;vertical-align: top;}@media screen and (max-width: 767px) {.tablebox,.tablebloc dl,.tablebloc ul {display: block;width: auto;}.tabletd,.tablebloc li,.tablebloc dt,.tablebloc dd {display: block;width: auto;}}

.tableinner {
}
.tableinner dl {
	background-color: #fff;
	border-top: 1px dashed #000;
	margin: 0px auto;
}
.tableinner dl:first-child {
	border-top: 2px solid #000;
}
.tableinner dl:last-child {
	border-bottom: 2px solid #000;
}
.tableinner dl dt {
	width: 20%;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	padding: 20px 10px;
}
.tableinner dl dd {
	vertical-align: middle;
	padding: 20px 20px;
}
@media screen and (max-width: 767px) {
	.tableinner dl {
		border-top: 1px solid #000;
	}
	.tableinner dl dt {
		width: auto;
		border-right: none;
		border-bottom: 1px dashed #999;
		padding: 10px 10px;
	}
	.tableinner dl dd {
		padding: 10px 10px;
	}
}
.tableinner dl dd p {
	margin-bottom: 10px;
}
.tableinner dl dd p:last-child {
	margin-bottom: 0px;
}
/* ------------------------------------------------ */
.map iframe {width:100%;height:500px;}
@media screen and (max-width: 767px) {
.map iframe {height:300px;}
#stamp .map iframe {height:500px;}
}
/* ------------------------------------------------ */
#contact {
}
.contact {
}
.message {
	font-size: 14px;
	line-height: 1.4em;
	text-align: center;
	background-color: #fff;
	margin-bottom: 30px;
	padding: 30px 30px;
}
.message p {
	margin-bottom: 10px;
}
.message p:last-child {
	margin-bottom: 0px;
}
.message .link a {/*.link*/
	font-size: 13px;
	padding: 5px 50px;
}
@media screen and (max-width: 767px) {
	.message {
		padding: 10px;
	}
}
/* ------------------------------------------------ */
.sns {
	text-align: center;
	padding: 20px 0px;
}
.sns ul {
}
.sns ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 10px;
}
.sns ul li svg {
	height: 25px;
}
.sns ul li svg path {
}
.drawer .sns ul li svg path {
	fill: var(--color3);
}
.drawer .sns ul li a:hover svg path {
	fill: var(--color3);
}
.footer .sns ul li svg path {
	fill: var(--black);
}
.footer .sns ul li a:hover svg path {
	fill: var(--white);
}
/* ------------------------------------------------ */
.contact {
	background-color: #fff;
	padding: 10px 10px;
}
@media screen and (min-width: 768px) {
	.contact {
		padding: 30px 30px;
	}
}
/* ------------------------------------------------ */
.form input[type='text'],
.form input[type='email'],
.form input[type='password'],
.form input[type='tel'],
.form input[type='date'],
.form input[type='number'] {
	font-size: 16px;
	width: 100%;
	background-color: var(--gray6);
	border: 2px solid var(--gray1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 5px;
}
.forminner input[type='text'].inputss,
.forminner input[type='number'].inputss {
	width: 100px;
}
.form input[type='text'].inputs,
.form input[type='email'].inputs,
.form input[type='password'].inputs,
.form input[type='tel'].inputs,
.form input[type='date'].inputs,
.form input[type='number'].inputs {
	width: 25%;
}
.forminner input[type='text'].inputm,
.forminner input[type='email'].inputm,
.forminner input[type='password'].inputm,
.forminner input[type='tel'].inputm,
.forminner input[type='date'].inputm,
.forminner input[type='number'].inputm {
	width: 50%;
}
.form input[type='text']:focus,
.form input[type='email']:focus,
.form input[type='password']:focus,
.form input[type='tel']:focus,
.form input[type='date']:focus,
.form input[type='number']:focus {
	background-color: var(--white);
	border: 2px solid var(--black);
}
@media screen and (max-width: 767px) {
	.form input[type='text'],
	.form input[type='email'],
	.form input[type='tel'],
	.form input[type='date'],
	.form input[type='number'] {
		padding: 10px 5px;
	}
	.form input[type='text'].inputs,
	.form input[type='email'].inputs,
	.form input[type='password'].inputs,
	.form input[type='tel'].inputs,
	.form input[type='date'].inputs,
	.form input[type='number'].inputs {
		width: 50%;
	}
	.form input[type='text'].inputm,
	.form input[type='email'].inputm,
	.form input[type='password'].inputm,
	.form input[type='tel'].inputm,
	.form input[type='date'].inputm,
	.form input[type='number'].inputm {
		width: 100%;
	}
}
.form input:-ms-input-placeholder {color: var(--gray3);}
.form input::-moz-placeholder {color: var(--gray3);}
.form input::-webkit-input-placeholder {color: var(--gray3);}
.form input::placeholder {color: var(--gray3);}

.form textarea {
	width: 100%;
	height: 200px;
	font-size: 16px;
	background-color: var(--gray6);
	border: 2px solid var(--gray1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 5px;
}
.form textarea:focus {
	background-color: var(--white);
	border: 1px solid var(--black);
}
/* ------------------------------------------------ */
.kakunin {
	text-align: center;
	padding: 20px 10px;
}
.kakunin ul {
}
.kakunin ul li {
}
.kakunin ul li a {
	display: inline-block;
	font-weight: 700;
	text-decoration: underline;
	vertical-align: middle;
	padding: 0px 5px;
}
.kakunin ul li b {
	display: block;
	vertical-align: middle;
	padding: 0px 5px;
}
.kakunin ul li label {
	display: inline-block;
	font-weight: 700;
	vertical-align: middle;
	padding: 0px 10px;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
	.kakunin ul li a {
		display: inline-block;
		padding: 0px 5px;
	}
	.kakunin ul li b {
		display: block;
		padding: 10px 5px;
	}
	.kakunin ul li label {
		display: block;
		padding: 0px 10px;
	}
}
/* ------------------------------------------------ */
.mailsubmit {
	text-align: center;
	padding: 20px 10px;
}
.mailsubmit input,
.mailsubmit button {
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	box-sizing: border-box;
	display: block;
	color: var(--white);
	font-size: 16px;
	background-color: var(--color2);
	border: 1px solid var(--color2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0px auto;
	padding: 20px 50px;
	cursor: pointer;
}
.mailsubmit input:hover,
.mailsubmit button:hover {
	color: var(--white);
	background-color: var(--color1);
	border: 1px solid var(--color1);
}
.mailsubmit input:disabled,
.mailsubmit button:disabled {
	background-color: var(--gray4);
	border: 1px solid var(--gray4);
}
/* ------------------------------------------------ */
.recaptcha_policy {
	text-align: center;
	font-size: 13px;
	padding: 20px 0px;
}
.recaptcha_policy a {
	text-decoration: underline;
}
.grecaptcha-badge { visibility: hidden; }
/* ------------------------------------------------ */

.pp {
	background-color: var(--white);
	padding: 10px;
}
@media screen and (min-width: 768px) {
	.pp {
		padding: 10px 20px;
	}
}
.pp-top {
	margin-bottom: 20px;
}
.pp dl {
	margin-bottom: 20px;
}
.pp dl dt {
	color: var(--color3);
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}
.pp dl dd {
	padding: 0px 20px;
}
.pp dl dd p {
}
.pp dl dd ol {
}
.pp dl dd ol li {
}
.pp dl dd ol li ol {
	margin-left: 20px;
}
/* ------------------------------------------------ */
/* ------------------------------------------------ */
ul.list-maru li {
	position: relative;
	line-height: 1.4em;
	margin-bottom: 10px;
	padding-left: 20px;
}
ul.list-maru li::before {
	content: "●";
	position: absolute;
	left: 0px;
	top: 1px;
}
ul.list-kome li {
	position: relative;
	line-height: 1.4em;
	margin-bottom: 10px;
	padding-left: 20px;
}
ul.list-kome li::before {
	content: "※";
	position: absolute;
	left: 0px;
	top: 1px;
}
/* ------------------------------------------------ */
.title {
	line-height: 1em;
}
@media screen and (max-width: 767px) {
	.title {
		padding: 0px 10px;
	}
}
.title.h2 {
	text-align: center;
	border-bottom: 3px solid var(--black);
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.title h2 {
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1em;
}
.title.h3 {
	border-bottom: 2px solid var(--color3);
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.title.h3 h3 {
	color: var(--color3);
	font-size: 24px;
	font-size: 2.4vmin;
	font-size: clamp(18px, 2.4vmin, 24px);
	font-weight: 700;
}
/* ------------------------------------------------ */
#mv {
	position: relative;
	text-align: center;
	background-image: url("../img2025/bg.webp");
	background-repeat: repeat;
	background-position: center top;
	padding: 0px 0px 50px 0px;
}
#mv img {
	margin: 0px auto;
}
.mv-txt {
}
@media screen and (min-width: 768px) {
	.mv-txt {
		position: absolute;
		left: 0;
		top: 10px;
		z-index: 1;
		width: 100%;
	}
}
.mv-top-img {
	position: relative;
	z-index: 0;
}
.mv-top-img img {
}
.mv-top-text1 {
	position: relative;
	z-index: 1;
	padding: 10px;
}
.mv-top-text2 {
	position: relative;
	z-index: 1;
}
.mv-top-date {
	padding: 10px 0px 0px 0px;
}
@media screen and (min-width:768px) {

	.mv-top-text1 img {
		width: 750px;
	}
	.mv-top-text2 img {
		width: 750px;
	}
	.mv-top-date img {
		width: 550px;
	}
	.mv-top-img {
		height: 550px;
	}
	.mv-top-img div {
		position: absolute;
		left: 0;
		top: -50px;
		width: 100%;
	}
	.mv-top-img div img {
		width: 800px;
	}
}
/* ------------------------------------------------ */
#top {
	position: relative;
		background-color: #b5ef99;
		background-size: auto auto;
		background-image: repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(255, 255, 255, 0.3) 10px, rgba(255, 255, 255, 0.3) 20px );
	position: relative;
	z-index: 1;
	margin: 0px auto;
	padding: 50px 10px;
}
.top-inner {
}
.top-bloc {
	background-color: var(--white);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.2);
	padding: 20px 10px;
}
.top-bloc-title {
	text-align: center;
}
.top-bloc-title a {
	display: inline-block;
}
.top-bloc-title b {
	display: inline-block;
	position: relative;
	color: #fff;
	background-color: #231815;
}
.top-bloc-title b::before,
.top-bloc-title b::after {
	content: "";
	position: absolute;
	top: 0;
	width: 20px;
	height: 100%;
	background-repeat: no-repeat;
}
.top-bloc-title b::before {
	left: -19px;
	background-image: url("../img/top/ribbon1.png");
	background-position: right center;
}
.top-bloc-title b::after {
	right: -19px;
	background-image: url("../img/top/ribbon2.png");
	background-position: left center;
}
.drawer .top-bloc-title b::before,
.drawer .top-bloc-title b::after {
	display: none;
}
.top-bloc-title b span {
	display: block;
	font-size: 24px;
	line-height: 1em;
	padding: 10px 10px;
}
.top-bloc-title strong {
	display: block;
	color: var(--color3);
	font-size: 20px;
	line-height: 1em;
	padding: 10px 0px;
}
.drawer .top-bloc-title b span {
	font-size: 16px;
	padding: 10px 0px;
}
@media screen and (min-width: 768px) {
	.top-bloc-title b span {
		font-size: 30px;
	}
	.top-bloc-title strong {
		font-size: 36px;
	}
	.drawer .top-bloc-title b span {
		font-size: 16px;
	}
}
.drawer .top-bloc-title strong {
	display: none;
}
.event-end {
	position: relative;
	text-align: center;
	margin-bottom: 0px;
}
.event-end em {
	display: inline-block;
	color: #fff;
	line-height: 1.4em;
	background-color: #c00;
	padding: 5px 20px;
}
.drawer .event-end {
	padding-top: 10px;
}
.drawer .event-end em {
	font-size: 13px;
}


#top-bloc-date {
	margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
	#top-bloc-date {
		padding: 10px;
	}
}
.top-bloc-date {
	background-color: #fff;
	padding: 10px;
}
@media screen and (max-width: 767px) {
	.top-bloc-date {
		text-align: center;
	}
}
@media screen and (min-width: 768px) {
	.top-bloc-date {
		padding: 30px;
	}
}
.top-bloc-date-inner {
	margin-bottom: 20px;
}
.top-bloc-date-inner dl {
	font-size: 1.1em;
	font-weight: 700;
	border-bottom: 2px solid #000;
}
.top-bloc-date-inner dl:first-child {
	border-top: 2px solid #000;
}
.top-bloc-date-inner dl dt {
	text-align: center;
	padding: 10px;
}
.top-bloc-date-inner dl dd {
	padding: 10px;
}
@media screen and (max-width: 767px) {
	.top-bloc-date-inner dl dt {
		border-bottom: 1px dashed #000;
	}
}
@media screen and (min-width: 768px) {
	.top-bloc-date-inner dl {
		font-size: 1.5em;
		border-bottom: 1px dashed #000;
	}
	.top-bloc-date-inner dl:last-child {
		border-bottom: 2px solid #000;
	}
	.top-bloc-date-inner dl {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.top-bloc-date-inner dl dt,
	.top-bloc-date-inner dl dd {
		display: table-cell;
		vertical-align: middle;
		padding: 20px 10px;
	}
	.top-bloc-date-inner dl dt {
		width: 20%;
	}
}
.top-bloc-date-inner dl.date dd b {
	color: #c00;
	font-size: 1.5em;
}
.top-bloc-date-inner dl.venue dd b {
	display: block;
}
.top-bloc-date-inner dl.venue dd em {
	display: block;
	font-size: 0.9em;
	font-weight: 500;
}
.top-bloc-date-inner dl.venue dd a {
	display: inline-block;
	color: var(--color2);
	vertical-align: middle;
	font-size: 16px;
}
@media screen and (min-width: 768px) {
	.top-bloc-date-inner dl.venue dd em {
		display: inline-block;
	}
	.top-bloc-date-inner dl.venue dd a {
		margin-left: 20px;
	}
}
.top-bloc-date p {
	font-size: 14px;
	text-align: center;
}
.top-bloc-date p span {
	display: block;
	font-size: 14px;
	line-height: 1.2em;
	text-align: center;
	margin-bottom: 20px;
}
.top-bloc-date p b {
	display: inline-block;
	color: var(--white);
	font-size: 16px;
	line-height: 1em;
	background-color: var(--color2);
	padding: 10px 20px;
}
.top-bloc-note {
	text-align: center;
	padding: 0px 0px;
}

.top-bloc-note p {
	margin-bottom: 10px;
}
.top-bloc-note p em {
	display: inline-block;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 1em;
	background-color: #c00;
	margin-bottom: 5px;
	padding: 10px 10px;
}
.top-bloc-note p span {
	display: block;
	color: #c00;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4em;
}
.top-bloc-note .link {
	padding: 0px 0px;
}
/* ------------------------------------------------ */

.event-map {
	text-align: center;
	background-color: var(--white);
	border: 2px solid var(--black);
	padding: 30px 10px;
}
.event-map p {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 30px;
}
.event-map p b {
	display: inline-block;
	color: var(--white);
	line-height: 1em;
	background-color: var(--red2);
	margin-bottom: 10px;
	padding: 10px 10px;
}
.event-map img {
	display: inline-block;
	vertical-align: top;
}
.event-map dl {
}
.event-map dl dt {
}
.event-map dl dd {
	text-align: left;
}
@media screen and (min-width: 768px) {
	.event-map dl {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.event-map dl dt,
	.event-map dl dd {
		display: table-cell;
		vertical-align: top;
	}
	.event-map dl dt {
		width: 170px;
		text-align: right;
	}
	.event-map dl dd {
	}
}
/* ------------------------------------------------ */
#event-note {
	padding: 30px 0px;
}
.event-note {
	background-color: var(--white);
	border: 2px solid var(--black);
	padding: 30px 10px;
}
.event-note h3 {
	color: var(--red2);
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}
.event-note h3 svg {
	width: 40px;
}
.event-note h3 svg path {
	fill: var(--red2);
}
.event-note h3 b {
}
@media screen and (min-width: 768px) {
	.event-note h3 svg {
	display: inline-block;
		width: 40px;
		margin-right: 10px;
		vertical-align: middle;
	}
	.event-note h3 b {
		display: inline-block;
		vertical-align: middle;
	}
}
@media screen and (max-width: 767px) {
	.event-note h3 svg {
		width: 30px;
		margin-bottom: 10px;
	}
.event-note h3 b {
	display: block;
}
}
.event-note-bloc {
	margin-bottom: 30px;
}
.event-note-bloc dl {
}
.event-note-bloc dl dt {
	font-size: 24px;
	font-weight: 700;
	border-bottom: 2px solid var(--black);
}
.event-note-bloc dl dd {
}
@media screen and (min-width: 768px) {
	.event-note-bloc dl dd {
		padding: 10px;
	}
}
#event-note-ticket p {
	margin-bottom: 20px;
}
#event-note-ticket p u {
	color: var(--red2);
	font-size: 1.2em;
	font-weight: 700;
}
#event-note-ticket p u b {
}
#event-note-ticket p span {
	display: inline-block;
	color: var(--red2);
	font-weight: 700;
}
.event-note-ticket {
	text-align: center;
	background-color: var(--color5);
	border: 2px solid var(--black);
	margin-bottom: 20px;
	padding: 10px;
}
.event-note-ticket::after {
	content: "";
	display: block;
	clear: both;
}
@media screen and (min-width: 768px) {
	.event-note-ticket b {
		display: inline-block;
		padding: 15px 10px 0px 0px;
	}
	.event-note-ticket img {
	display: inline-block;
	}
}
.event-note-ticket strong {
	display: block;
	font-size: 30px;
	line-height: 1.4em;
	margin-bottom: 20px;
}
.event-note-ticket em {
	display: inline-block;
	color: var(--red2);
	line-height: 1em;
	background-color: var(--white);
	padding: 10px;
}
.event-note-ticket em u {
	display: inline-block;
	font-size: 36px;
	font-weight: 700;
	text-decoration: none;
	line-height: 1em;
}
.event-note-ticket em span {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	line-height: 1em;
}
.event-note-ticket i {
	display: block;
	font-size: 20px;
	vertical-align: middle;
}
.event-note-ticket img {
	margin: 0px auto;
}
.event-note-use {
	
}
.event-note-use strong {
	display: block;
	font-size: 1.4em;
	margin-bottom: 10px;
}
.event-note-use ul {
}
.event-note-use ul li {
	font-size: 0.9em;
	line-height: 1.4em;
	margin-bottom: 10px;
}
.event-note-use ul li b {
	color: var(--red2);
	font-size: 1.2em;
	font-weight: 700;
}
.event-note-btm {
	text-align: center;
	color: var(--white);
	font-size: 1.2em;
	font-weight: 700;
	background-color: var(--red2);
	padding: 30px 0px;
}
@media screen and (max-width: 767px) {
	.event-note-btm {
		padding: 10px 0px;
	}
}
/* ------------------------------------------------ */
.event-btm {
	line-height: 1.4em;
	padding: 30px 10px 0px 20px;
}
/* ------------------------------------------------ */

:root {
	--uma: #0e2c8e;
	--ennichi: #e4007f;
	--yatai: #ed6c01;
	--play: #009e9b;
	--work: #e6002d;
	--yasai: #0fa63d;
	--tento: #924898;
	--chusen: #cc1621;
	--invit: #231916;
	--invit2: #e5004b;
}
#event-bloc {
}
@media screen and (max-width: 767px) {
	#event-bloc {
		padding: 0px 10px;
	}
}
.event-box {
	position: relative;
	background-color: var(--white);
	margin-bottom: 20px;
	border: 3px solid;
	padding: 10px 10px;
}
.event-box#event-oth {
	border: none;
	padding: 0px;
}
.event-oth-box {
	position: relative;
	background-color: var(--white);
	border: 3px solid;
	padding: 10px 10px;
}
.event-box#event-uma {border-color: var(--uma);}
.event-box#event-ennichi {border-color: var(--ennichi);}
.event-box#event-yatai {border-color: var(--yatai);}
.event-box#event-play {border-color: var(--play);}
.event-box#event-work {border-color: var(--work);}
.event-box#event-yasai {border-color: var(--yasai);}
.event-oth-box#event-tento {border-color: var(--tento);}
.event-oth-box#event-chusen {border-color: var(--chusen);}
.event-box#event-invit {border-color: var(--invit);}
@media screen and (min-width: 768px) {
	.event-box {
		padding: 10px 10px 10px 450px;
		padding: 10px;
	}
	.event-box#event-uma,
	.event-box#event-ennichi,
	.event-box#event-yatai,
	.event-box#event-work .event-work-inner {
		padding-left: 450px;
	}
	.event-box#event-work,
	.event-box#event-yasai,
	.event-box#event-play,
	.event-box#event-oth,
	.event-box#event-invit {
		text-align: center;
	}
}
@media screen and (max-width:767px) {
	.event-box {
		text-align: center;
	}
}
.event-box-title {
	text-align: center;
	margin-bottom: 20px;
}
.event-box-title h3 {
}
.event-box-title em {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-size: clamp(16px, 1.8vw, 18px);
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 10px;
	padding: 10px 20px;
}
.event-box-title b {
	display: block;
	font-size: 42px;
	font-size: clamp(36px, 4.2vw, 42px);
	line-height: 1em;
	font-weight: 900;
	line-height: 1.2em;
}
.event-box#event-uma .event-box-title em {background-color: var(--uma);}
.event-box#event-ennichi .event-box-title em {background-color: var(--ennichi);}
.event-box#event-yatai .event-box-title em {background-color: var(--yatai);}
.event-box#event-play .event-box-title em {background-color: var(--play);}
.event-box#event-work .event-box-title em {background-color: var(--work);}
.event-box#event-yasai .event-box-title em {background-color: var(--yasai);}
.event-oth-box#event-tento .event-box-title em {background-color: var(--tento);}
.event-oth-box#event-chusen .event-box-title em {background-color: var(--chusen);}
.event-box#event-invit .event-box-title em {background-color: var(--invit2);}
.event-box#event-uma .event-box-title b {color: var(--uma);}
.event-box#event-ennichi .event-box-title b {color: var(--ennichi);}
.event-box#event-yatai .event-box-title b {color: var(--yatai);}
.event-box#event-play .event-box-title b {color: var(--play);}
.event-box#event-work .event-box-title b {color: var(--work);}
.event-box#event-yasai .event-box-title b {color: var(--yasai);}
.event-oth-box#event-tento .event-box-title b {color: var(--tento);}
.event-oth-box#event-chusen .event-box-title b {color: var(--chusen);}
.event-box#event-invit .event-box-title b {color: var(--invit);}
.event-box-img {
}
.event-box img {
		margin: 0px auto;
}
@media screen and (max-width: 767px) {
	.event-box-img {
		margin-bottom: 10px;
	}
	.event-box-img img {
		margin: 0px auto;
	}
	.event-box-img2 img {
	}
}
@media screen and (min-width: 768px) {
	.event-box-img {
		position: absolute;
		left: 10px;
		top: 10px;
		width: 400px;
	}
}
.event-box strong {
}
.event-box#event-uma strong {
	display: block;
	color: var(--uma);
	font-size: 1.3em;
}
.event-box p {
	font-weight: 500;
	margin-bottom: 20px;
}
.event-box p:last-child {
	margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
	.event-box p {
	}
}

.event-box#event-uma .right {
	font-size: 0.85em;
	padding-top: 20px;
	line-height: 1.2em;
}
.event-work-bloc {
}
.event-work-box {
	padding-top: 30px;
}
.event-work-box h4 {
	display: inline-block;
	vertical-align: middle;
	color: var(--work);
	font-size: 30px;
	font-size: clamp(24px, 3vw,30px;);
	line-height: 1em;
	border: 2px solid var(--work);
	margin-bottom: 10px;
	padding: 5px 10px;
}
.event-work-box img {
}
.event-work-box p {
	margin-bottom: 10px;
}
.event-work-box p strong {
}
.event-work-box p b {
	color: var(--work);
	font-size: 1.2em;
}
.event-work-box p span {
	color: var(--work);
}

.event-oth {
}
.event-oth-box {
}
@media screen and (min-width:768px) {
	.event-oth {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.event-oth-box {
		display: table-cell;
		vertical-align: top;
	}
	.event-oth-blank {
		display: table-cell;
		width: 10px;
	}
}
@media screen and (max-width:767px) {
	.event-oth-blank {
		height: 10px;
	}
}
.event-oth-box p b {
	font-size: 1.2em;
}
.event-oth-box#event-tento p b {
	color: var(--tento);
}
.event-oth-box#event-chusen p b {
	color: var(--chusen);
}





.event-box#event-invit ul {
}
.event-box#event-invit ul li {
}
.event-box#event-invit ul li {
	color: var(--white);
	background-color: #e5004b;
	padding: 10px;
}
.event-box#event-invit ul li em {
	font-size: 1.4em;
	font-weight: 700;
}
.event-box#event-invit ul li em span {
	font-size: 0.7em;
}
.event-box#event-invit ul li strong {
}
.event-box#event-invit ul li strong b {
	font-size: 1.1em;
}
@media screen and (min-width:768px) {
	.event-box#event-invit ul {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 10px 0px;
	}
	.event-box#event-invit ul li {
		display: table-cell;
		vertical-align: top;
	}
}
/* ------------------------------------------------ */
.btmtex {
	text-align: right;
	font-size: 14px;
}
/* ------------------------------------------------ */