@charset "utf-8";
/* CSS Document */
/****************************************************************************/
/**								土産用CSS									*/
/****************************************************************************/
/* ----------------------------------------------------
		お知らせ
---------------------------------------------------- */
.txt_center {
	text-align: center !important;
}

.main_img img {
    width: 100%;
}

.two_col_list:after, .three_col_list:after, .three_col_list:after, .four_col_list:after, .five_col_list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.two_col_list li {
	float: left;
	width: 49%;
	margin-top: 2%;
}

.two_col_list li:nth-child(2n) {
	margin-left: 2%;
}

.three_col_list li {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.four_col_list li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
}

.five_col_list li {
	float: left;
	width: 18.5%;
	margin-right: 1.5%;
}

.three_col_list li:nth-child(3n), .four_col_list li:nth-child(4n), .four_col_list li:nth-child(5n) {
	margin-right: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}


/* ----------------------------------------------------
		コンテンツ
---------------------------------------------------- */
.news_box {
	margin-top: 3%;
}

.news_box2 {
	display: flex;
	justify-content: center;
	gap: 2em;
	padding-block: 0 5em;
}
@media (width <= 768px) {
	.news_box2 {
    flex-direction: column-reverse;
    gap: 1em;
	}
	.news_box2:has(> .news_img + .news_txt) {
		flex-direction: column;
	}
}
.news_box h2 {
	line-height: 1.3;
	font-size: 2.8rem;
	font-family: 'harenosora';
	font-weight: normal;
	border-bottom: 0 !important;;
}

.news_box h3 {
	font-size: 2.4rem;
	line-height: 1.3;
}
@media (width <= 768px) {
	body[id*="detail"] h3 {
    font-size: 1.543859649122807rem;
		margin-bottom: .5em;
	}
}
.news_box2 .news_txt {
	width: 40%;
	line-height: 1.7;
}
@media (width <= 768px) {
	.news_box2 .news_txt {
    width: auto;
	}
}
.news_box2 .news_img {
	flex: 1;
}
.news_box2 .news_img img {
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: contain;
}
.news_box2 .two_col_list img, .news_box2 .three_col_list img, .news_box2 .four_col_list img {
	width: 100%;
}

.news_box h1.related_site {
	font-size: 32px;
	font-weight: bold;
}

.news_box h1.related_site span {
	font-size: 18px;
	margin-left: 15px;
	vertical-align: middle;
}