/* テーマ追加用style-add.css */

:root {
	--red: rgb(151,36,41);
	--red2: rgb(200,98,102);
	--yellow: rgb(197,182,43);
	--blue: rgb(90,149,190);
	--green: rgb(97,151,100);
	--pink: rgb(247,233,233);
	--pink2: rgb(223,164,161);
	--pink3: rgb(232,82,152);
	--magenta: rgb(195,106,151);
	--orange: rgb(196,102,74);
	--orange2: rgb(203,135,39);
	--black: rgb(64,61,60);
	--gray: rgb(121,119,119);
	--white: rgb(255,255,255);
	--base: rgb(252,251,244);
	--spring: rgb(250,153,234);
	--summer: rgb(80,231,6);
	--autumn: rgb(254,8,7);
	--winter: rgb(0,181,207);
	--access: rgb(0,145,156);
}

html {
	position: relative;
}
body {
	background: var(--base);
	color: rgb(64,61,60);
	letter-spacing: 1px;
	line-height: 2em;
	overflow: hidden;
}
a {
	color: var(--red);
	text-decoration: underline;
	transition: all 0.1s 0s ease;
}
a::after {
	transition: all 0.1s 0s ease;
}
.content a {
	color: var(--black);
}
a:hover {}
a img { transition: all 0.2s; }
img {
	height: auto;
	max-width: 100%;
}

.bodytext img.alignnone {
	display: block;
	margin: 90px auto 90px auto;
	max-width: 640px;
	width: 100%;
}

.mincho {
 font-family: 'Noto Serif JP', serif;
}

@media (max-width: 640px) {
	.bodytext img.alignnone {
		margin: 0 auto 20px auto;
	}
}


.bx-wrapper {
	position: relative;
	z-index: 0;
	background: none !important;
}
.bx-wrapper ul {
	margin: 0 !important;
	padding: 0 !important;
}

/* header.php */

.header-wrap {
	min-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.header-wrap .header {
	width: 1120px;
	margin: 0 auto;
	padding: 20px 0;
	margin-bottom: 30px;
}
.header-wrap .header-logo {
	float: left;
	margin: 0 auto 0 0;
}

.header .header-content {
	float: right;
	margin: 0 0 0 auto;
	padding: 0;
	width: 840px;
}
.header .header-content .search-wrap {}
.header .header-content .search-wrap ul {
	padding: 0;
	margin: 0 0 22px auto;
	width: fit-content;
}
.header .header-content .search-wrap ul li {
	margin: 0 20px 0 0;
}
.header .header-content .search-wrap ul li.arrow::before {
	content: '▶︎';
	font-size: 8px;
	color: var(--red);
}
.header .header-content .search-wrap ul li.english {
	background: url(img/icon-earth.svg) no-repeat center left;
	padding: 0 0 0 30px;
}

.header ul.navi-list {
	margin: 0 0 0 auto;
	padding: 0;
	border-left: 1px solid var(--gray);
}
.header ul.navi-list li {
	float: left;
	width: calc( 100% / 7 );
	border-right: 1px solid var(--gray);
}
.header ul.navi-list li a {
	color: var(--black);
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 32px 0 4px 0;
	line-height: 26px;
}
.header ul.navi-list li a:hover {
	background-color: rgba(176,31,36,0.1);
}
.header ul.navi-list li a span {
	display: block;
	font-size: 8px;
	color: var(--gray);
	line-height: 10px;
	margin-top: 4px;
}

.header ul.navi-list li.tourism {
	background: url(img/icon-tourism.svg) no-repeat top center;
}
.header ul.navi-list li.event {
	background: url(img/icon-event.svg) no-repeat top center;
}
.header ul.navi-list li.course {
	background: url(img/icon-course.svg) no-repeat top center;
}
.header ul.navi-list li.stay {
	background: url(img/icon-stay.svg) no-repeat top center;
}
.header ul.navi-list li.gourmet {
	background: url(img/icon-gourmet.svg) no-repeat top center;
}
.header ul.navi-list li.activity {
	background: url(img/icon-tour.svg) no-repeat top center;
}
.header ul.navi-list li.access {
	background: url(img/icon-access.svg) no-repeat top center;
}
.header ul.navi-list li.tourism {
	background: url(img/icon-tourism.svg) no-repeat top center;
}

@media (max-width: 640px) {
	.header-wrap {
		min-width: initial;
	}
	.header-wrap .header {
		width: 100%;
		padding: 8px 14px;
	}
	.header-wrap .header-logo {
		float: left;
		margin: 0 auto 0 0;
		width: 70px;
	}
	.header .header-content {
		float: right;
		margin: 0 22px 0 auto;
		padding: 0;
		width: fit-content;
	}
	.header .header-content ul {
		margin: 0 0 0 auto;
		padding: 0;
		width: fit-content;
	}
	.header .header-content ul li {
		margin-right: 8px;
	}
	.header .header-content ul li a {
		display: block;
	}
	.header .header-content ul li.access,
	.header .header-content ul li.pamphlet {
		padding-top: 6px;
	}
	.header .header-content ul li.access a,
	.header .header-content ul li.pamphlet a {
		font-size: 8px;
		border: 1px solid var(--red);
		border-radius: 10px;
		line-height: 13px;
		padding: 0 14px 0 6px;
		text-decoration: none;
		position: relative;
	}
	.header .header-content ul li.access a::after,
	.header .header-content ul li.pamphlet a::after {
		content: '＞';
		font-size: 6px;
		font-weight: bold;
		position: absolute;
		right: 5px;
		top: 50%;
		transform: translateY(-50%);
	}
}



/* body */

.body-wrap {
	width: 1120px;
	margin: 0 auto 72px auto;
}
.body-wrap .body {
	width: 760px;
	float: left;
	margin: 0 auto 0 0;
}

.body-wrap .sidebar {
	float: right;
	margin: 0 0 0 auto;
	width: 100%;
	max-width: 296px;
	position: relative;
}
.body-wrap .sidebar .box {
	margin-bottom: 44px;
}
.body-wrap .sidebar .newsletter-button {
	position: absolute;
	top: 0;
	right: 0;
}

ul.wp-tag-cloud {
	padding: 0;
}
.tag-list a {
	display: inline-block;
	border: 1px solid var(--black);
	font-size: 12px !important;
	line-height: 16px;
	padding: 6px 12px;
	margin: 0 6px 8px 0;
	font-weight:bold;
	background: var(--white);
	color: var(--black);
	text-decoration: none;
	border-radius: 20px;
}
ul.wp-tag-cloud a {
	font-size: 14px !important;
	padding: 5px 10px;
}

@media (max-width: 640px) {
	.body-wrap {
		width: 100%;
		margin: 0 auto 72px auto;
	}
	.body-wrap .body {
		width: 100%;
		float: initial;
		margin: 0 auto 0 auto;
		padding: 0 15px;
	}

	.body-wrap .sidebar {
		float: initial;
		margin: 0 auto 0 auto;
		width: 100%;
		max-width: 296px;
	}
	.body-wrap .sidebar .box {
		margin-bottom: 44px;
	}
	.tag-list a {
		display: inline-block;
		border: 1px solid var(--black);
		font-size: 12px;
		line-height: 16px;
		padding: 6px 12px;
		margin: 8px 10px;
	}
}

/* page.php single.php */

header {
	margin: 0 0 48px 0;
}

header h1.page-title {
	font-size: 22pt;
	font-weight: bold;
	margin: 0 0 28px 0;
}
header .subtitle {
	font-size: 10pt;
}
header .schedule {
	font-size: 10pt;
	display: inline-block;
}
header .move {
	font-size: 10pt;
	display: inline-block;
}
header .itinerary {
	font-size: 10pt;
	line-height: 24px;
}
header .itinerary p {
	margin: 0;
}
header .itinerary ul {
	margin: 0;
	padding: 0;
}
header .itinerary ul li {
	list-style: none;
	display: inline-block;
	width: fit-content;
}
header .itinerary ul li::after {
	content: '▶︎';
	color: var(--yellow);
	display: inline-block;
	font-size: 0.8em;
	margin: 0 8px;
}
header .itinerary ul li:last-child::after {
	content: '';
}

.event-date {
	color: var(--blue);
}
.event-location {
}
.event-modifi {
	margin-bottom: 44px;
}

.bodytext {
	margin-bottom: 92px;
}
dl.data {
	border-top: 1px dashed;
	margin: 0 auto 52px 0;
}
dl.data dt {
	border-bottom: 1px dashed;
	float: left;
	width: 160px;
	margin: 0 0;
	padding: 8px 0;
}
dl.data dd {
	border-bottom: 1px dashed;
	float: right;
	width: calc( 100% - 160px );
	margin: 0 0;
	padding: 8px 0;
}
dl.data dd p {
	margin-bottom: 0;
}

.map-wrapper {
	margin: 0 auto 64px auto;
}
.map-wrapper iframe {
	height: 430px;
	width: 100%;
}

.goorby {
	text-align: center;
	margin: 40px auto 60px auto;
}
.goorby .text {
}
.goorby a {
	display: block;
	font-size: 22px;
	font-weight: bold;
	width: fit-content;
	margin: 14px auto 0 auto;
	padding: 20px 30px;
	padding: 20px 60px;
	background: var(--green);
	border-radius: 10px;
	text-decoration: none;
	color: #ffffff;
}

.parent-pageid-14 header .schedule {
	color: var(--yellow);
}
.parent-pageid-14 .bodytext h2 {
	display: flex;
	font-size: 28px;
	font-weight: normal;
	align-items: center;
	text-align: center;
	margin: 60px 0 ;
	color: var(--yellow); /* テキストの色を黄色に */
}

.parent-pageid-14 .bodytext h2:before,
.parent-pageid-14 .bodytext h2:after {
	content: "";
	flex-grow: 1;
	border-top: 1px dashed var(--yellow); /* 1pxの破線を黄色に */
	margin: 0 40px; /* 左右のマージンを40pxに設定 */
}

.parent-pageid-14 .bodytext h2:before {
	margin-right: 40px;
}

.parent-pageid-14 .bodytext h2:after {
	margin-left: 40px;
}

.parent-pageid-20 .bodytext h2 {
	display: flex;
	font-size: 28px;
	font-weight: normal;
	align-items: center;
	text-align: center;
	margin: 60px 0 ;
	color: var(--green); /* テキストの色を黄色に */
}

.parent-pageid-20 .bodytext h2:before,
.parent-pageid-20 .bodytext h2:after {
	content: "";
	flex-grow: 1;
	border-top: 1px dashed var(--green); /* 1pxの破線を黄色に */
	margin: 0 40px; /* 左右のマージンを40pxに設定 */
}
.parent-pageid-20 .bodytext h2:before {
	margin-right: 40px;
}
.parent-pageid-20 .bodytext h2:after {
	margin-left: 40px;
}

.bodytext h2.leftline {
	border-left: 8px solid var(--green);
	color: var(--black);
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	text-align: left;
	align-items: initial;
	margin: 60px 0 20px 0;
	padding: 0 0 0 20px;
}
.bodytext h2.leftline:before,
.bodytext h2.leftline:after {
	display: none;
}

.parent-pageid-22 ol.index::before {
	display: block;
	content: '目次';
}
.parent-pageid-22 ol.index {
	margin: 20px 0 60px 0;
}
.parent-pageid-22 h2 {
	border-bottom: 1px dashed var(--black);
	padding: 8px 0 18px 0;
	font-size: 22px;
	margin: 0 0 20px 0;
}

.single .bodytext h3 {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 16px 0;
}

.single .bodytext h4 {
	font-size: 1em;
	font-weight: normal;
	background: var(--blue);
	color: #ffffff;
	width: fit-content;
	padding: 4px 6px;
}

ul.photo {
	margin: 0;
	padding: 0;
}
ul.photo li {
	width: 236px;
	float: left;
	text-align: center;
	list-style: none;
	margin: 0 14px 30px 0;
}
.bodytext ul.photo li img {
	display: block;
	margin: 0 0 8px 0;
}


.parent-pageid-20 .bodytext h3 .time {
	color: var(--green);
	display: inline-block;
	margin-right: 20px;
}
.parent-pageid-20 .bodytext h3 .time {
	color: var(--green);
	display: inline-block;
	margin-right: 20px;
}
.parent-pageid-20 .bodytext .clock {
	color: var(--green);
}

.bodytext .box {
	border: 2px solid var(--gray);
	border-radius: 8px;
	padding: 30px;
	margin-bottom: 26px;
}
.parent-pageid-14 .bodytext .box {
	border: 2px solid var(--yellow);
}
.parent-pageid-20 .bodytext .box {
	border: 2px solid var(--green);
}

.bodytext .box .image {
	float: right;
	max-width: 336px;
	margin: 0 0 10px 20px;
}
.bodytext .box .image img {
	margin: 0;
}
.bodytext .box h3 {
	display: contents;
}
.bodytext .box p:last-child {
	margin-bottom: 0;
}

.bodytext .move {
	margin: -26px 0 10px 0;
	padding: 28px 0 28px 92px;
	font-size: 20px;
}
.bodytext .move.walk {
	background: url(img/course-arrow.svg) no-repeat bottom left,
		url(img/course-walk.svg) no-repeat center left 44px;
}
.bodytext .move.cycle {
	background: url(img/course-arrow.svg) no-repeat bottom left,
		url(img/course-cycle.svg) no-repeat center left 44px;
}
.bodytext .move.car {
	background: url(img/course-arrow.svg) no-repeat bottom left,
		url(img/course-car.svg) no-repeat center left 44px;
}

.parent-pageid-20 .bodytext .move.walk {
	background: url(img/course-arrow-green.svg) no-repeat bottom left,
		url(img/course-walk-green.svg) no-repeat center left 44px;
}
.parent-pageid-20 .bodytext .move.cycle {
	background: url(img/course-arrow-green.svg) no-repeat bottom left,
		url(img/course-cycle-green.svg) no-repeat center left 44px;
}
.parent-pageid-20 .bodytext .move.car {
	background: url(img/course-arrow-green.svg) no-repeat bottom left,
		url(img/course-car-green.svg) no-repeat center left 44px;
}
.parent-pageid-20 .bodytext .move.bus {
	background: url(img/course-arrow-green.svg) no-repeat bottom left,
		url(img/course-bus-green.svg) no-repeat center left 44px;
}

.bodytext .move b {
	font-size: 34px;
	font-weight: normal;
	display: inline-block;
	margin: 0 8px 0 10px;
}

.content header {
	padding: 14px 0 0 0;
}
.content .cat {
	margin-bottom: 6px;
}
.content.normal header h1.page-title {
	color: var(--red);
	text-align: center;
	font-size: 36px;
	margin-bottom: 0;
}
.content.normal header .subtitle {
	color: var(--red);
	font-size: 12px;
	text-align: center;
	letter-spacing: 2px;
	padding-left: 2px;
}
.content.normal h2 {
	color: var(--red);
	font-size: 18px;
	line-height: 26px;
	margin: 0 0 34px 0;
	padding: 2px 0 4px 12px;
	border-left: 5px solid var(--pink2);
	border-bottom: 1px solid var(--red);
}
.content.normal h3 {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 8px 0;
}
.content .section {
	margin: 0 0 80px 0;
	position: relative;
}
.content.normal ul {
	padding: 0 0 0 30px;
	margin: 0 0 16px 0;
}
.content.normal ul.link {
	padding: 0 0 0 30px;
	margin-bottom: 60px;
}
.content.normal ul.note {
	margin: 0 0 60px 0;
}
.content.normal ul.banner {
	display: block;
	margin: 0 auto 60px auto;
	padding: 0;
	text-align: center;
	max-width: 500px;
}
.content.normal ul.banner li {
	list-style: none;
	display: inline-block;
	width: fit-content;
}
.content.normal ul.banner li a {
	display: block;
	width: fit-content;
}
.content.normal ul.banner li:nth-child(1),
.content.normal ul.banner li:nth-child(2) {
	margin: 0 20px 30px 20px;
}
.content.normal ul.banner li:nth-child(3),
.content.normal ul.banner li:nth-child(4),
.content.normal ul.banner li:nth-child(5) {
	margin: 0 4px 30px 4px;
}

.content a.button-large {
	display: block;
	background: var(--red2);
	color: var(--white);
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 9px 20px 9px 0;
	position: relative;
	margin-bottom: 38px;
	width: 360px;
}
.content a.button-large::after {
	content: '＞';
	position: absolute;
	display: block;
    top: 50%;
	transform: translateY(-50%);
	right: 10px;
}
.content a.button-large:hover::after {
	right: 4px;
}

ul.kome li {
	list-style: none;
	position: relative;
}
ul.kome li::before {
	content: '※';
	position: absolute;
	top: 0;
	left: -22px;
}

.form-wrap {
	border: 1px solid var(--black);
	background: var(--white);
	border-radius: 10px;
	margin: 36px auto 0 auto;
	padding: 40px 40px;
	letter-spacing: 0;
}
.content.normal .form-wrap h2 {
	text-align: center;
	padding: 0;
	border-left: none;
	border-bottom: none;
	font-size: 20px;
}
.form-wrap h2 + p {
	text-align: center;
	margin-bottom: 56px;
}
.form-wrap dl.form {}
.form-wrap dl.form dt {
	float: left;
	width: 214px;
	font-weight: bold;
}
.form-wrap dl.form dt span {
	background: var(--red);
	color: var(--white);
	font-weight: normal;
	font-size: 12px;
	padding: 0 4px;
}
.form-wrap dl.form dd {
	float: right;
	width: calc( 100% - 214px );
}
.form-wrap dl.form dt.border,
.form-wrap dl.form dd.border {
	border-top: 1px dashed var(--black);
	padding-top: 24px;
}
.form-wrap .button p {
	margin: 0;
}
.form-wrap .button input[type="submit"] {
	background: var(--red);
	color: var(--white);
	font-size: 20px;
	font-weight: bold;
	border: none;
	width: 244px;
	line-height: 58px;
	margin: 60px auto 0 auto;
	text-align: center;
	display: block;
	letter-spacing: 2px;
	padding-left: 2px;
}
.google-map iframe {
	width: 100%;
	height: 480px;
}
.related-pages {}
.related-pages h3 {
	text-align: center;
	font-size: 1em;
}
.related-pages h3::before {
	content: '＼';
}
.related-pages h3::after {
	content: '／';
}
.related-pages ul.page-list {
	padding: 0;
}

@media (max-width: 640px) {
	.bodytext .box .image {
		float: none;
		max-width: 100%;
		margin: 0 auto 10px auto;
	}

	.parent-pageid-20 .bodytext h2 {
		display: flex;
		font-size: 20px;
		margin: 0 0 20px 0 ;
		color: var(--green); /* テキストの色を黄色に */
	}
	
	.parent-pageid-20 .bodytext h2:before,
	.parent-pageid-20 .bodytext h2:after {
		margin: 0 20px;
	}
	.parent-pageid-20 .bodytext h2:before {
		margin-right: 20px;
	}
	.parent-pageid-20 .bodytext h2:after {
		margin-left: 20px;
	}
	
	.form-wrap dl.form {}
	.form-wrap dl.form dt {
		float: none;
		width: 100%;
	}
	.form-wrap dl.form dt p {
		margin-bottom: 0;
	}
	.form-wrap dl.form dt span {}
	.form-wrap dl.form dd {
		float: none;
		width: 100%;
	}
	.form-wrap dl.form dt.border {}
	.form-wrap dl.form dd.border {
		border-top: none;
		padding-top: 0;
	}
	.form-wrap .button p {}
}


/* page 一覧ページ */

.content.normal ul.page-list {
	margin: 0 auto 0 auto;
	padding: 0;
	letter-spacing: 0;

}
ul.page-list li {
	margin: 0 26px 80px 0;
	padding: 0;
	list-style: none;
	width: 236px;
	float: left;
}
ul.page-list li:nth-child(3n) {
	margin-right: 0;
}
ul.page-list .slide1 {
	margin-bottom: 8px;
}
ul.page-list h2 {
	font-size: 16px !important;
	line-height: 26px !important;
	text-decoration: underline;
	border-left: none !important;
	border-bottom: none !important;
	color: var(--black);
	padding: 0 !important;
	margin-bottom: 4px !important;
}
ul.page-list .duration {
	font-size: 14px;
	display: inline-block;
	background: url(img/icon-clock.svg) no-repeat top 2px left;
	padding: 0 0 0 24px;
	margin-right: 10px;
	line-height: 24px;
}
ul.page-list .area {
	font-size: 14px;
	display: inline-block;
	background: url(img/icon-map.svg) no-repeat top 2px left;
	padding: 0 0 0 24px;
	line-height: 24px;
}
ul.page-list .schedule {
	font-size: 14px;
	display: inline-block;
	background: url(img/icon-clock-yellow.svg) no-repeat top 2px left;
	padding: 0 0 0 24px;
	margin-right: 10px;
	line-height: 24px;
	color: var(--yellow);
	font-weight: bold;
}
ul.page-list .move {
	font-size: 14px;
	display: inline-block;
	background: url(img/icon-move.svg) no-repeat top 2px left;
	padding: 0 0 0 24px;
	margin-right: 10px;
	line-height: 24px;
	font-weight: bold;
}
ul.page-list p {
	font-size: 14px;
	line-height: 25px;
	height: 75px;
	overflow: hidden;
	margin: 6px 0 4px 0;
}
ul.page-list .date {
	font-size: 14px;
	display: inline-block;
	background: url(img/icon-calendar.svg) no-repeat top 2px left;
	padding: 0 0 0 24px;
	margin-right: 10px;
	line-height: 22px;
	letter-spacing: 0;
	font-weight: bold;
	color: var(--blue);
}
ul.page-list ul.page-tags {
	padding: 0;
	margin: 8px 0 0 0;
	font-size: 12px;
	line-height: 18px;
}
ul.page-list ul.page-tags li {
	display: inline-block;
	margin: 0 4px 4px 0;
	width: fit-content;
}
ul.page-list ul.page-tags li a {
	text-decoration: none;
	display: block;
	border: 1px solid var(--black);
	background: var(--white);
	border-radius: 20px;
	padding: 0 10px;
	width: fit-content;
}

.event-poster {
	position: relative;
	overflow: hidden;
	margin: 0 0 5px 0;
	height: 220px;
}
.event-poster img {
		display: block;
		margin: 0 auto;
		max-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.event-poster .blur-background {
		filter: blur(20px);
		background-size: 150% auto;
		background-position: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.event-pickup {
		margin-bottom: 100px;
		position: relative;
	}
.event-pickup .pickup-title {
	border-left: none;
	border-bottom: none;
	margin: 0 0 4px -20px;
}
	.event-pickup .pickup-box {
		border: 1px solid var(--blue);
	border-radius: 10px;
	background: var(--white);
		padding: 25px 25px 18px 25px;
}

.event-pickup ul {
	margin: 0;
	padding: 0;
}
.event-pickup ul.page-list li {
	width: 218px;
	margin-bottom: 0;
}

.event-poster.single {
	height: 680px;
}
	.content header {
			padding-top: 58px;
	}


@media (max-width: 640px) {
	.content header {
		padding-top: 0;
	}
	header h1.page-title {
		width: 56%;
		margin: 0 auto;
	}
	.event-pickup {
		margin-bottom: 15px;
	}
	.event-pickup .pickup-title {
		max-width: 240px;
	}

	.event-pickup h2 small {
		font-family: initial;
		font-size: 18px;
	}
	.event-pickup .pickup-box {
		padding: 25px 18px 25px 18vpx;
}

	.event-pickup ul {}
	.event-pickup ul.page-list li {
		width: calc( 50% - 9px );
		margin: 0 18px 18px 0;
	}
	.event-pickup ul.page-list li:nth-child(even) {
		margin-right: 0;
	}
	.event-poster {
		height: 140px;
	}
	.event-poster.single {
		height: 320px;
	}
	ul.page-list li {
		margin: 0 0 24px 0;
		width: 100%;
		float: none;
	}
	ul.page-list li .slide1 {
		width: 100%;
		float: none;
	}
	.page-slide-wrap {
		margin: 0 -20px;
	}
	dl.data {}
	dl.data dt {
		width: 110px;
	}
	dl.data dd {
		width: calc( 100% - 110px );
	}

}


/* single.php */

.single-body {}
.single-body .cat-sub {
	margin-bottom: 30px;
}
.single-body .date {
	color: var(--gray);
	margin-bottom: 12px;
}
.single-body h1.single-title {
	font-size: 32px;
	line-height: 48px;
	letter-spacing: 2px;
}


/* search.php tag.php */

.content.search h1.page-title {
	color: var(--red);
	font-weight: normal;
	text-align: center;
	padding: 40px 0;
}

.content.search ul.page-list {
	padding: 0;
}

.content.search ul.page-list li {
	margin-bottom: 30px;
}

.content.search ul.page-list li:nth-child(3n) {
	margin-right: 26px;
}

.content.search ul.page-list li:nth-child(3n+1) {
	margin-right: 26px;
}

.content.search ul.page-list li:nth-child(3n+2) {
	margin-right: 0;
}

.content.search ul.page-list li:nth-child(1) {
	width: calc(50% - 13px);
}

.content.search ul.page-list li:nth-child(2) {
	width: calc(50% - 13px);
	margin-right: 0;
}
.content.search ul.page-list li:nth-child(1) .event-poster,
.content.search ul.page-list li:nth-child(2) .event-poster {
	height: 230px;
}

.content.search ul.page-list li .text {
	font-size: 14px;
	line-height: 24px;
	max-height: 72px;
	overflow: hidden;
}

.pagenation ul {
	width: fit-content;
	display: block;
	margin: 0 auto;
}

.pagenation ul li {
	float: left;
	list-style: none;
	width: fit-content;
}

.pagenation ul li a {
	display: block;
	padding: 0 18px;
}

.pagenation ul li.active {
	padding: 0 18px;
	font-weight: bold;
	color: var(--red);
}

@media (max-width: 640px) {
	.content.search ul.page-list {}

	.content.search ul.page-list li {
		margin-bottom: 30px;
		width: 100% !important;
	}

	.content.search ul.page-list li:nth-child(3n),
	.content.search ul.page-list li:nth-child(3n+1),
	.content.search ul.page-list li:nth-child(3n+2) {
		margin-right: 0;
	}

	.content.search ul.page-list li:nth-child(1) {}

	.content.search ul.page-list li:nth-child(2) {}

	.content.search ul.page-list li .text {}
}


/* footer */

.footer-wrap {
	background: url(img/footer.png) no-repeat bottom center;
	background-size: 100% auto;
	padding: 0 0 10px 0;
}
.footer-wrap .footer {
}

.footer-wrap ul.navi-list {
	margin: 0 auto 32px auto;
	width: fit-content;
	padding: 0;
}
.footer-wrap ul.navi-list li {
	border-right: 1px solid;
}
.footer-wrap ul.navi-list li:last-child {
	border-right: none;
}
.footer-wrap ul.navi-list li a {
	color: var(--black);
	display: block;
	padding: 2px 20px 4px 22px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 2px;
}
.footer-wrap ul.navi-list a span {
	display: none;
}
ul.footer-navi2 {
	margin: 0 auto 76px auto;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	max-width: 770px;
}
ul.footer-navi2 li:nth-child(4n-3) {
	width: 24%;
}
ul.footer-navi2 li:nth-child(4n-2) {
	width: 24%;
}
ul.footer-navi2 li:nth-child(4n-1) {
	width: 22%;
}
ul.footer-navi2 li:nth-child(4n) {
	width: 30%;
}
ul.footer-navi2 li a {
	color: var(--black);
	display: block;
	width: fit-content;
	line-height: 24px;
}
ul.footer-navi2 li a::before {
	content: '» ';
}
.footer-wrap .footer {
	max-width: 820px;
	margin: 0 auto 280px auto;
	padding: 0;
}
.footer-wrap .footer .logo {
	width: 160px;
	float: left;
	margin: 0 auto 0 0;
}
.footer-wrap .footer .text {
	width: calc( 100% - 338px );
	float: left;
	margin: 0 auto 0 auto;
	padding: 0 0 0 40px;
}

.footer-wrap .footer .text .org {
	margin-bottom: 22px;
}
.footer-wrap .footer .text .org .name {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 4px;
}
.footer-wrap .footer .text .org .desc {
	font-size: 12px;
	line-height: 18px;
}
.footer-wrap .footer .text .info {}
.footer-wrap .footer .text .info .headline {
	font-size: 14px;
	font-weight: bold;
}
.footer-wrap .footer .text .info .name {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}
.footer-wrap .footer .text .info .name small {
	font-size: 12px;
	letter-spacing: 0;
}
.footer-wrap .footer .text .info .name span {
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0;
}
.footer-wrap .footer .contact {
	width: 178px;
	float: right;
	margin: 0 0 0 auto;
}
.footer-wrap .footer .contact a.button-large {
	display: block;
	background: var(--red);
	color: var(--white);
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border-radius: 10px;
	line-height: 36px;
	margin-bottom: 10px;
}
.footer-wrap .footer .contact ul.sns {}
.footer-wrap .footer .contact ul.sns li {}
.footer-wrap .footer .contact ul.sns li a {}
.footer-wrap .copyright {
	text-align: center;
}

@media (max-width: 640px) {
	.footer-wrap {
		margin-bottom: 60px;
	}

	.footer-wrap .footer {
		margin: 0 auto 80px auto;
		padding: 0;
	}
	.footer-wrap .footer .text {
		width: calc( 100% - 80px );
		float: initial;
		padding: 0;
	}

	.footer-wrap .footer .text .org {
		margin-bottom: 22px;
	}
	.footer-wrap .footer .text .org .name {
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 4px;
	}
	.footer-wrap .footer .text .org .desc {
		font-size: 12px;
		line-height: 18px;
	}
	.footer-wrap .footer .text .info {
		font-size: 12px;
		line-height: 18px;
	}
	.footer-wrap .footer .text .info .headline {
		margin-bottom: 6px;
	}
	.footer-wrap .footer .text .info .name {
		line-height: 20px;
		margin-bottom: 8px;
	}
	.footer-wrap .footer .text .info .name small {}
	.footer-wrap .footer .text .info .name span {
		display: inline-block;
	}
	.footer-wrap .footer .contact {
		width: 210px;
		float: initial;
		margin: 0 auto 32px auto;
		text-align: center;
	}
	.footer-wrap .footer .contact a.button-large {}
	.footer-wrap .copyright {
		font-size: 10px;
		line-height: 14px;
	}
	.mobile-footer-navi {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 60px;
		background: var(--white);
		z-index: 10;
	}
	.mobile-footer-navi ul {
		width: 100%;
		margin: 10px auto;
		padding: 0;
	}
	.mobile-footer-navi ul li {
		float: left;
		width: calc( 100% / 5 );
		border-right: 1px solid var(--black);
	}
	.mobile-footer-navi ul li a {
		display: block;
		text-align: center;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0;
		padding: 20px 0 0 0;
		text-decoration: none;
		color: var(--black);
	}
	.mobile-footer-navi ul li a.tourism {
		background: url(img/icon-tourism.svg) no-repeat top center;
		background-size: 22px auto;
		letter-spacing: 6px;
		padding-left: 6px;
	}
	.mobile-footer-navi ul li a.event {
		background: url(img/icon-event.svg) no-repeat top center;
		background-size: 22px auto;
	}
	.mobile-footer-navi ul li a.course {
		background: url(img/icon-course.svg) no-repeat top center;
		background-size: 22px auto;
		letter-spacing: -1px;
	}
	.mobile-footer-navi ul li a.gourmet {
		background: url(img/icon-gourmet.svg) no-repeat top center;
		background-size: 22px auto;
	}
	.mobile-footer-navi ul li a.activity {
		background: url(img/icon-tour.svg) no-repeat top center;
		background-size: 22px auto;
		letter-spacing: -2px;
	}
}

/* モバイルメニュー */

.mobile-header {}
.mobile-header .header {
	padding: 8px 14px;
	margin-bottom: 10px;
}
.mobile-header .logo {
	float: left;
	margin: 0 auto 0 0;
	width: 70px;
}
.mobile-header .logo a {
	display: block;
}
.mobile-header ul.mobile-menu1 {
	margin: 0 auto;
	width: calc( 100% - 60px );
	padding: 0;
}
.mobile-header ul.mobile-menu1 li {
	width: 100%;
	border-bottom: 1px solid var(--gray);
}
.mobile-header ul.mobile-menu1 li:first-child {
	border-top: 1px solid var(--gray);
}
.mobile-header ul.mobile-menu1 a {
	display: block;
	width: 100%;
	position: relative;
	color: var(--black);
	padding: 2px 0 2px 6px;
	text-decoration: none;
}
.mobile-header ul.mobile-menu1 a::after {
	content: '＞';
	color: var(--red);
	font-size: 12px;
	right: 8px;
    top: 50%;
	transform: translateY(-50%);
	position: absolute;
	display: block;
}
.mobile-header ul.mobile-menu2 {
	font-size: 14px;
	line-height: 22px;
	margin: 10px 0 10px 0;
	padding: 0 40px;
}
.mobile-header ul.mobile-menu2 li {}
.mobile-header ul.mobile-menu2 a {
	display: inline-block;
	color: var(--gray);
	margin-right: 20px;
}
.mobile-header ul.mobile-menu2 a::before {
	content: '»';
}
.mobile-header .sns-icon {
	width: fit-content;
	margin: 0 auto;
}
.mobile-header .sns-icon a {}
.mobile-header .copyright {
	text-align: center;
	font-size: 12px;
}

.mobile-header .contact {
	width: 210px;
	float: none;
	margin: 0 auto 8px auto;
	text-align: center;
}
.mobile-header .contact a.button-large {
	display: block;
	background: var(--red);
	color: var(--white);
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	border-radius: 10px;
	line-height: 36px;
	margin-bottom: 10px;
}