@charset "utf-8";

.entry .entry-content > *,
.entry .entry-summary > *,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * {
	max-width: initial;
}

#masthead {
	padding: 15vw 0;
	border-bottom: 1px solid #ccc;
	background-image: url("../images/22792095.webp");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	text-align: center;
}

.site-branding {
	text-align: center;
}

.site-title a,
.site-description {
	font-weight: 900;
	text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, 0 3px 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 0 0 #fff;
}

.notice {
	padding: 0 10px;
	border: 2px dotted #666;
}

.site-title {
	margin-right: 3vw;
	font-size: 5vw;
}

.site-description {
	display: none;
	font-size: 3vw;
}

.notice {
	margin: 40px auto !important;
	padding: 25px 25px 10px;
	border-radius: 10px;
	background-color: #f3f3f3;
}

.notice2 {
	margin: 40px auto !important;
	padding: 25px 25px 10px;
	border-radius: 10px;
	background-color: #fffcec;
}

.notice h3,
.notice2 h3 {
	overflow: hidden;
	text-align: center;
}

.notice h3 .sub-title,
.notice2 h3 .sub-title {
	display: inline-block;
	position: relative;
	padding: 0 10px;
}

.notice h3 .sub-title::before,
.notice h3 .sub-title::after,
.notice2 h3 .sub-title::before,
.notice2 h3 .sub-title::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 100vw;
	border-top: 1px dotted #666;
}

.notice h3 .sub-title::before,
.notice2 h3 .sub-title::before {
	right: 100%;
}

.notice h3 .sub-title::after,
.notice2 h3 .sub-title::after {
	left: 100%;
}

.notice dl,
.notice2 dl {
	display: grid;
}

.notice dl dt,
.notice2 dl dt {
	margin: 0 0 5px;
}

.notice dl dd,
.notice2 dl dd {
	margin: 0 0 15px;
}

.postbox-header {
	margin: 0 auto 40px !important;
}

.mw_wp_form .title {
	margin-top: 2rem;
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	border-bottom: 1px dotted #666;
	font-size: .8rem;
	font-weight: bold;
}

.mw_wp_form dl {
	display: grid;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #eee;
	gap: 10px;
}

.mw_wp_form dl dt {
	display: grid;
	position: relative;
	gap: 5px;
}

.mw_wp_form dl dt .only {
	color: #f00;
	font-weight: 900;
}

.mw_wp_form dl dt .blue {
	color: #007acc;
	font-weight: 900;
}

.mw_wp_form dl dt .exp {
	color: #000;
	font-weight: normal;
}

.mw_wp_form dl dt i {
	display: block;
	font-size: large;
	font-style: normal;
	line-height: 1.2;
}

.mw_wp_form dl dt i::before {
	content: "[";
	margin-right: .5rem;
	font-weight: 100;
}

.mw_wp_form dl dt i::after {
	content: "]";
	margin-left: .5rem;
	font-weight: 100;
}

.mw_wp_form dl dt .required {
	display: inline-flex;
	position: absolute;
	top: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	padding: 3px 5px;
	border-radius: 2px;
	background-color: #f00;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
}

.mw_wp_form dl dd {
	margin: 0;
}

.naiteisu .form {
	max-width: 180px;
}

select {
	width: 100%;
	padding: 10px;
	border-radius: 3px;
	border-color: #ccc;
}

input {
	margin: .2rem 0;
}

input[type="text"] {
	width: 100%;
	border-radius: 3px;
	border-color: #ccc;
}

input[type="number"] {
	border-radius: 3px;
	border-color: #ccc;
}

/* .postbox-header p {
    margin: 0;
} */
.mw_wp_form .horizontal-item + .horizontal-item {
	margin-right: 10px;
	margin-left: 0;
}

.open {
	animation-name: fadeInAnime;
	animation-fill-mode: backwards;
	animation-duration: .5s;

	/* animation-iteration-count: infinite; */
	animation-timing-function: ease-in-out;
	animation-delay: .25s;
	animation-direction: alternate;
}

dd.set {
	display: grid;
	grid-template-columns: 33.33% auto 10%;
	gap: 10px;
	align-items: center;
}

dd.set input {
	width: 100%;
}

.mw_wp_form_confirm .notice {
	display: none;
}

.mw_wp_form_confirm .attention {
	color: #f00;
	font-weight: bold;
}

@keyframes fadeInAnime {

	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.send {
	display: grid;
	gap: 15px;
}

.send input {
	width: 100%;
	font-size: .9rem;
}

#colophon .site-info {
	text-align: center;
}

.mw_wp_form.mw_wp_form_input .sender {
	display: none;
}

.mwform-checkbox-field.vertical-item label {
	display: inline-block;
	margin-left: 1.5rem;
	text-indent: -1rem;
}

.month-picker-month-table .ui-button {
	white-space: nowrap;
}


#masthead-ec {
	display: flex;
	justify-content: center;
	margin-top: .5vw;
	overflow: hidden;
	aspect-ratio: 4/2;
}

#masthead-ec img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 540px;
}

/**
 * 16.1 Mobile Large 620px
 */
@media screen and (min-width: 38.75em) {

	.notice,
	.notice2 {
		margin: 60px auto !important;
		padding: 35px 35px 20px;
	}

	select {
		width: 50%;
	}

	.send {
		gap: 15px;
		grid-template-columns: repeat(2, 1fr);
	}
}


/**
 * 16.2 Tablet Small 768px
 */
@media screen and (min-width: 48em) {

	.site-title:not(:empty) + .site-description:not(:empty)::before {
		display: none;
	}

	.site-branding {
		margin: 0;
	}

	.entry .entry-content,
	.entry .entry-summary {
		max-width: 860px;
		margin: auto;
	}

}


/**
 * 16.2 PC 1000px
 */
@media screen and (min-width: 1000px) {

	#masthead-ec {
		aspect-ratio: inherit;
	}
}
