@charset "utf-8";



/*-----------------------------------------------------------------------------------------------*/
/* 瀬戸内国際芸術祭2025 -------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
body { font-family: "Noto Serif", serif; }
.go {
	font-family: "Noto Sans", sans-serif;
	font-weight: 400;
}

.header,
.spnav,
.global,
.searcharea,
.footer { display: none; }
.body { padding-top: 0; }


/* メインイメージ -------------------------------------------------------------------------------*/
.body .mainimage {
	height: 100svh;
	top: 0;
}

.body .mainimage .read { text-indent: 0; }
.body .mainimage .read .midashi {
	font-size: 2.4rem;
	font-weight: 500;
}
.body .mainimage .read .smidashi {
	font-size: 2.0rem;
	font-weight: 500;
}


/* 見出し ---------------------------------------------------------------------------------------*/
.body .stjheader .menu a { font-weight: 500; }

.body .stjheader .comment { text-align: left; }
.body .stjheader .comment p:not(:first-of-type) { margin-top: 1em; }

/* 開催日程 */
.body .stjheader .schedule ul { font-weight: 500; }

/* 公式WEBサイト */
.body .stjheader .official p { font-weight: 500; }


/* ボディ ---------------------------------------------------------------------------------------*/
.body .stjbody .midashi { font-weight: 500; }
.body .stjbody .comment { text-align: left; }

.body .stjbody h2 {
	font-size: 2.0rem;
	font-weight: 500;
}

.body .stjbody .reccomend .midashi { padding-top: 0; }
.body .stjbody .reccomend .midashi::after { content: none; }
.body .stjbody .reccomend.plan .midashi::after { content: none; }

.body .stjbody .reccomend h4 { font-weight: 500; }

.body .stjbody .reccomend .ticket .read span { font-weight: 500; }
.body .stjbody .reccomend .ticket .read span::before,
.body .stjbody .reccomend .ticket .read span::after { content: none; }

.body .stjbody .reccomend .ticket .name > span,
.body .stjbody .reccomend .ticket .name .title { font-weight: 500; }
.body .stjbody .reccomend .ticket .name .title { margin-top: 35px; }

.body .stjbody .reccomend .ticket .comment .catch {
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.6;
	margin-top: 0;
}

.body .stjbody .reccomend .ticket .button { font-family: "Noto Sans", sans-serif; }

.body .stjbody .reccomend.course .ticket li:nth-child(1) .catch { color: #000; }
.body .stjbody .reccomend.course .ticket li:nth-child(2) .catch { color: #000; }
.body .stjbody .reccomend.course .ticket li:nth-child(3) .catch { color: #000; }

/* おすすめ周遊コース */
.body .stjbody .reccomend.plan .midashi h3 { font-size: 2.2rem; }
.body .stjbody .reccomend.plan .contents {
	align-items: flex-start;
	margin-top: 40px;
}
.body .stjbody .reccomend.plan .comment { margin-top: 10px; }
.body .stjbody .reccomend.plan .comment img {
	vertical-align: middle;
	width: 14px;
}

/* X */
.body .stjbody .x .comment a,
.body .stjbody .x .contents > div { font-family: "Noto Sans", sans-serif; }

/* information */
.body .stjbody .information .title { font-weight: 500; }
/*-----------------------------------------------------------------------------------------------*/





@media(min-width: 768px) {
	/* ボディ ---------------------------------------------------------------------------------------*/
	/* おすすめ周遊コース */
	.body .stjbody .reccomend.plan .text { width: 50%; }
	/* X */
	.body .stjbody .x .contents { flex-direction: column; }
	.body .stjbody .x .contents .comment { flex: 1; }
	.body .stjbody .x .contents > div  { width: 100%; }
}



@media(min-width: 1024px) {
	/* ボディ ---------------------------------------------------------------------------------------*/
	/* おすすめ周遊コース */
	.body .stjbody .reccomend.course .ticket li .image { right: -30px; }
	/* X */
	.body .stjbody .x .contents { flex-direction: row; }
	.body .stjbody .x .contents > div  { width: 420px; }
}



@media(min-width: 1080px) {
	/* ボディ ---------------------------------------------------------------------------------------*/
	/* おすすめ周遊コース */
	.body .stjbody .reccomend.course .ticket li .image { right: -15px; }
}