@charset "UTF-8";

/*
 固定ページ：観光パンフレット（slug:download)
*/

.entry-content {
	max-width:1000px;
	margin:1.2em auto;
}

/* ---- パンフレット一覧カラム ----- */
.wp-block-columns.is-not-stacked-on-mobile.block-columns-mb2 {
	display:grid;
	grid-template-columns:46% 46%;
	gap:20px;
}




:root :where(.is-layout-flow) > * {
	margin-block-start:10px;
}

:root :where(.wp-element-button, .wp-block-button__link) {
	padding:5px 10px;
}

.download-wrapper {
	display:grid;
	grid-template-columns:46% 46%;
	gap:20px;
}

.download-wrapper h2 {
	font-size:18px;
	min-height:45px;
word-break: break-all;
}

.download-wrapper .download-item {
	display:flex;
	flex-direction:column;
	width:100%;
}

.download-wrapper .download-item a{
	display:block;
}

.download-wrapper .download-item .btn-area {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:10px;
	margin:20px auto;
}

.download-wrapper .download-item a.btn{
	display:inline-block;
	background-color:#000;
	color:#fff !important;
	text-align:center;
	border-radius:5px;
	padding:5px 10px;
	font-size:14px;
}

/* ---- パンフレット請求フォーム ----- */
#request-form {
	margin:50px auto;
	max-width:750px;
}

.form-wrapper > div:not(.pamphlet-quantity){
	margin-bottom:20px;
}

.is-required {
	font-size:0.8rem;
	color:#fff;
	background-color:#f00;
	padding:2px 5px;
	border-radius:3px;
	margin-right:5px;
}

.is-optional {
	font-size:0.8rem;
	color:#fff;
	background-color:#999;
	padding:2px 5px;
	border-radius:3px;
	margin-right:5px;
}

.pamphlet-quantity {
	padding:20px 0;
	margin:20px 0;
}

.pamphlet-quantity > div {
	margin-bottom:20px;
}

.pamphlet-quantity input {
	margin-right:5px;
}

.pamphlet-quantity .wpcf7-list-item{
	display:block;
}

.acceptance {
	margin-bottom:20px;
}

/* ================================
ブレイクポイント
================================== */
@media (min-width: 480px) {

}

@media (min-width: 768px) {
	/* ---- パンフレット一覧カラム ----- */
	.wp-block-columns.is-not-stacked-on-mobile.block-columns-mb2 {
		gap:40px;
	}

	.form-wrapper > div:not(.pamphlet-quantity){
		display:grid;
		grid-template-columns:180px 1fr;
	}

	.download-wrapper {
		gap:30px;
	}

	.download-wrapper h2 {
		min-height:unset;
	}

}

@media (min-width: 1024px) {
	.wp-block-columns.is-not-stacked-on-mobile.block-columns-mb2 {
		grid-template-columns:1fr 1fr 1fr;
	}

	.download-wrapper {
		grid-template-columns:1fr 1fr 1fr;
	}

}

@media (min-width: 1320px) {
	.download-wrapper {
		gap:40px;
	}

}

@media (min-width: 1920px) {
}