@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');

/*
#fcece2
BK

#e60012
必須

#231815
ライン

#ec651a
ボタン
*/

/* -------------- Common settings -------------- */
.webform-contents h1 {
	font-size: 24px;
	padding-bottom: 5px;
	text-align: left;
	margin-bottom: 10px;
}

.webform-contents h2.wfc-h2 {
	margin: 2em 0 1em;
}

.webform-contents textarea,
.webform-contents .input-small,
.webform-contents .input-medium  {
	all: unset;
	background: #fff;
}

.webform-contents textarea {
	margin: 0 0 0.5em 0;
	width: 100%;
	height: 150px;
	box-sizing: border-box;
	padding: 8px;
	font-size: 16px;
	line-height: 1.4;
	resize: vertical;
}

.webform-contents select {
	-webkit-appearance: none; /* Safari・iOS */
	-moz-appearance: none;    /* Firefox */
	appearance: none;
	border: 1px solid #eee;   /* ← 黒い枠線 */
	border-radius: 0;
	padding: 8px 12px;
	background-color: white;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBzdHJva2U9IiM2NjYiIHN0cm9rZS13aWR0aD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 12px 12px;
	padding-right: 36px;
	font-size: 16px;
	height: 40px;
	color: #000;
	cursor: pointer;
	outline: none;       /* ← フォーカス時の青枠を除去 */
	box-shadow: none;    /* ← Chromeなどの影を除去 */
}

.webform-contents .form-block select {
	height: 40px;
	margin: 0 5px 0 0;
}

.webform-contents label {
	display: block;
	line-height: 1.6;
	margin-left: 0.5em;
	white-space: nowrap; /* ラベルは改行させない */
}

.webform-contents select:focus {
	border-color: #eee;
	outline: none;
	box-shadow: none;
}

.grp-select {
	display: inline-block;
}

.webform-contents .input-small,
.webform-contents .input-medium,
.webform-contents .input-medium-slc,
.webform-contents .input-large {
	height: 50px;
	padding: 4px 8px;
	box-sizing: border-box;
}


.webform-contents .input-small {
	width: 30%;
/*	font-size: 14px;*/
}

.webform-contents .input-medium,
.webform-contents .input-large {
	width: 100%;
	font-size: 16px;
/*	margin: 8px 0 0 0;*/
}

.webform-contents .input-medium-slc {
	width: 40%;
/*	margin: 8px 0 0 0;*/
}

.webform-contents .input-large {
	padding: 8px 12px;
}

.webform-contents input::placeholder,
.webform-contents textarea::placeholder {
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 14px;
	color: #999;
}
.webform-contents legend,
.webform-contents .input-block label,
.webform-contents .input-block-wide label {
	margin: 0 0 0.5em 0;
}

.area-box-inner .input-block-widelabel {
	width: 100%;
	margin: 0 0 2.5em 0;
}
.webform-contents .input-block-widelabel label {
	margin: 0 0 0.5em 0;
	width: 30%;
	display: inline-block;
}

.webform-contents span.txt-required {
	color: #ff0000;
	margin: 0 0.5em;
	font-size: 12px;
}

strong.error {
	color:#e60012;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.text-caution {
	margin: 0 0 2em;
	line-height: 1.6;
	text-align: justify;
/*	font-weight: bold;*/
}

.text-read {
	margin: 1em 0 2em ;
	line-height: 1.6;
}

.text-caution a:link,
.text-caution a:visited {
	color: #ff6600;
}

.area h2 {
	padding: 1.5em 0 0 0;
	font-size: 18px;
}

.area h2,
.area h2 + p {
	margin: 1em 2em;
}

h3 {
	border-bottom: 1px solid #231815;
	padding: 0.5em 0;
	margin: 0 0 2em 0;
}

fieldset.wide > p {
	flex: 1 1 auto;
	margin: 0 0 0 30px;
	font-size: 14px;
	line-height: 1.4;
}

.area-box {
	background: #fcece2;
	padding: 2em;
	margin: 1em auto;
	box-sizing: border-box;
}

.bdr-bottom {
	padding-bottom: 2em;
	border-bottom: 2px dotted #f4c1a1;
}

.area-box-inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}

.area-box-inner fieldset {
	width: 48%;
	margin: 0 0 2.5em 0;
}

.area-box-inner .input-block-wide, /* お問い合わせ欄 */
.area-box-inner fieldset.wide {
	width: 100%;
	margin: 0 0 2.5em 0;
}

.area-box-inner .input-block-wide legend {
	line-height: 1.4;
}

.area-box-inner fieldset.wide { /* パンフ */
	display: flex;
	align-items: center;
}

.area-box-inner fieldset.form-block { /* 貸し出し希望期間 */
	padding: 16px;
	margin-bottom: 24px;
	width: 100%;
}

.area-box-inner .form-inline { /* 日付 */
	display: inline-block;
}

.area-box-inner legend + .form-inline {
	margin-right: 1.5em;
}

/* -------------- Common settings（tab） -------------- */

div.tab-menu {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin: 2em 0 0 0;
}
div.tab-menu > div {
	margin:0 1em 3em;
}
div.tab-menu h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
div.tab-menu h2:before {
	content: "● ";
	color: #f8c5ab;
}
div.tab-menu div ul li {
	line-height: 1.6;
	text-align: justify;
	list-style-type: disc;
	margin-left: 50px;
}
div.tab-menu div ul li:hover {
	color: crimson;
}

div.tab-menu:first-of-type div:first-of-type ul li {
	list-style-type: none;
	padding-left: 20px;
	margin-left: 20px;
}

div.tab-menu:first-child div:nth-of-type(1),
div.tab-menu:first-child div:nth-of-type(2) {
	margin:0 1em 1.5em;
}

.pconly { display:block; }
.smfonly { display:none; }


/*
div.tab-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start; 
	margin: 3em 0 0 0;
	border:1px solid;
}

div.tab-menu > div {
	width: 45%;
	margin:0 1em 3em;
	border:1px solid;
}





*/

/*エリアの表示非表示と形状*/
.area {
	display : none;/*はじめは非表示*/
	opacity : 0;/*透過0*/
	background : #fff;
	padding : 0;

}

/*areaにis-activeというクラスがついた時の形状*/
.area.is-active {
	display: block;/*表示*/
	animation-name: displayAnime;
/*	animation-duration: 1s;*/
	animation-fill-mode: forwards;
}

@keyframes displayAnime {
	from {
		opacity : 0;
	}
	to {
		opacity : 1;
	}
}

/* -------------- Common settings（btn） -------------- */
.foot-note button {
	display: block;
	margin: 2em auto 0;
	background-color: #ff8433;
	color: #fff;
	border: none;
	padding: 12px 40px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}


.foot-note button:hover,
.foot-note div a:hover {
	opacity: .7;
	text-decoration: none;
}

.foot-note p {
	line-height: 1.6;
}

.foot-note div {
	display: flex;
	justify-content: center;
}

.foot-note div p.correction button {
	background-color: #b9ada6;
}

.foot-note div p.send button {
	margin-left: 3em;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
	box-shadow: 0 0 0 1000px #fff inset !important;
	background-color: #fff !important;
	-webkit-text-fill-color: #000 !important;
	transition: background-color 9999s ease-out 0s;
}


/* -------------- form-00 -------------- */
#tab-product {
	margin: 2em auto 0;
	text-align: center;
	font-weight: bold;
}

/* -------------- check -------------- */
.chk fieldset.input-block-wide {
	display: flex;
	justify-content: flex-start;
}

.chk .input-block-wide label {
	width: 40%;
	margin-right: 2em;
	white-space: normal;
}

.chk .input-block-wide p {
	width: 70%;
}
.chk .area-box-inner .input-block-wide {
	margin: 0 0 1.5em 0;
}
.chk .input-block-wide p{
	line-height: 1.6;
	margin-left: 0.5em;
}

/* -------------- recaptcha-badge -------------- */
.grecaptcha-badge {
	visibility: hidden;
}

.recaptcha-info {
	font-size: 12px;
	color: #555;
	margin-bottom: 8px;
}

.recaptcha-badge-custom {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	color: #666;
	margin: 20px auto 10px;
	padding: 10px;
	background: #fff;
	border: 1px solid #ebebeb;
	width: 50%;
	line-height: 1.6;
}
.recaptcha-badge-custom a:link {
	text-decoration: underline;
}

.recaptcha-badge-custom img {
	flex-shrink: 0;
}

#main-box-noimg .site-top {
	text-align: center;
	font-weight: bold;
}