@charset "utf-8";


/* =========================================================
tourism_content
========================================================= */
#tourism_content {
	
}
#tourism_content .inner {
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-flow: column nowrap;
	align-items: flex-start;
	gap: 60px 0;
	padding-top: 60px;
}
@media only screen and (max-width: 767px){
	#tourism_content .inner {
		
	}
}



/* =========================================================
tourism_content--photo
========================================================= */
.tourism_content--photo {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	align-items: flex-start;
	width: 100%;
}
.tourism_content_photo--link {
	position: relative;
	display: block;
	width: auto;
}
.tourism_content_photo--link picture {
	width: auto;
}
.tourism_content_photo--link picture img {
	width: auto;
}



/* =========================================================
tourism_content--info
========================================================= */

.tourism_content--photo + .tourism_content--info {
}
.tourism_content--info {
	width: 100%;
}
.tourism_content_info--title {
}
.tourism_content_info--title .date {
}
.tourism_content_info--title h1 {
	letter-spacing: 0;
	margin-top: 10px;
}
.tourism_content_info--info {
	margin-top: 20px;
}
.tourism_content_info--info .udata {
}
.tourism_content_info--button {
	margin-top: 30px;
}
.tourism_content_info--button .btn_def {
}


.tourism_spot_ex {
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-end;
	        justify-content: flex-end;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-top: 15px;
}
.tourism_spot_ex span{
	position: relative;
}
.tourism_spot_ex span:before,
.tourism_spot_ex span:after{
	content: "";
	position: absolute;
	display: block;
	width: calc(100% + 4px);
	left: -2px;
}
.tourism_spot_ex span:before{
/*	bottom:100%;
	margin-bottom: 2px;
	border-top: 2px solid var(--main-color--font3);*/
}
.tourism_spot_ex span:after{
	top:100%;
	margin-top: 2px;
	border-bottom: 2px solid var(--main-color--font3);
}


@media print, screen and (min-width: 768px) {
	.tourism_content_info--button {
		margin-top: 60px;
	}
	.tourism_content_info--button .btn_def {
		margin: 0 auto 0 0;
	}
	.tourism_content_info--info .udata a:has(img) {
		max-width: 70%;
	}
	.tourism_content_info--info .udata table a:has(img) {
		max-width: 798px;
	}
	.tourism_content_info--info .udata img:not(:where(a img)) {
		max-width: 798px;
	}
}
@media print, screen and (max-width:1180px) and (min-width:768px){
	.tourism_content_info--info .udata a:has(img) ,
	.tourism_content_info--info .udata img:not(:where(a img)) {
		max-width: calc((798 / (1180 + var(--sc__width))) * 100 * 1vw);
	}
	.tourism_content_info--info .udata table a:has(img) {
		max-width: calc((798 / (1180 + var(--sc__width))) * 100 * 1vw);
	}
}
@media only screen and (max-width: 767px){
	.tourism_content--info {
		width: 100%;
	}
	.tourism_content--photo + .tourism_content--info {
		width: 100%;
	}
}