@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+SC:wght@200..900&family=Noto+Serif+TC:wght@200..900&display=swap');

/* base */
body {
	font-family: "Noto Sans JP", sans-serif;

	&#saseboartilleryheritage_cn,
	&#sado-goldmine_cn	{
		font-family: "Noto Sans SC", sans-serif;
	}

	&#saseboartilleryheritage_tw,
	&#sado-goldmine_tw	{
		font-family: "Noto Sans TC", sans-serif;
	}

	&#saseboartilleryheritage_fr,
	&#sado-goldmine_fr {
		font-family: "Noto Sans", sans-serif;
	}
}

a {
	word-break: normal;
}

/* Gnav */
.v-pnav__line {
	fill: none;
	stroke: #000;
	stroke-miterlimit: 10;
	stroke-width: 2px;
}

/* v-desc */
.v-desc {
	padding: 170px 10px 100px;
}

/* title */
.v-ft__ttl-u {
	@media (width <= 767px) {
		background: none;
		margin-bottom: .3em;
		padding: 0;
		position: inherit;
		top: inherit;
		left: inherit;
	}
}

.v-desc__logoja.is-vr-u {
	&.ttl-lang {
    padding-right: .6em;
    text-indent: .6em;
  }
}

.v-hdr-a {
	&.hdr-mb80 {
		@media (width >= 768px) {
			margin-bottom: 80px;
		}
	}

	&.hdr-mb100 {
		@media (width >= 768px) {
			margin-bottom: 100px;
		}
	}

	&.hdr-mb240 {
		@media (width >= 768px) {
			margin-bottom: 240px;
		}
	}
}

/* sketchfab */
.sketchfab-embed-wrapper {
	p {
		min-height: 47px;
	}
}

/* footer logo*/
.v-l-footer__logo {
	&.logo-h-none {
		height: auto;
	}
}

/* 音声読み上げ用 */
.p-speech {
	display: flex;
	gap: 1em;
	position: relative;

	&:not(:first-of-type) {
		margin-top: 3em;
	}
}

.p-speech__right {
	@media (width >= 768px) {
		flex-direction: row-reverse;
	}
}

.p-speech__control {
	width: 42px;
}

.p-speech__text {
	width: calc(100% - 42px - 1em);
}

.p-speech__btn {
	background: #000;
	border-radius: 6px;
	padding: 6px;
	display: flex;
	flex-direction: column;
	gap: .5em;
	position: sticky;
	top: 0;
	left: 0;
}

.p-speech__voluem {
	margin-top: .5em;
}

/* button */
.c-btn {
	width: 100%;
	min-width: 80px;
	padding: 5px;
	line-height: 1.6;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	position: relative;
	transition: .3s;

	@media (width <= 767px) {
		min-width: 60px;
	}
}

.c-btn__play {
	background: #fff;
	border: none;
	border-radius: 50%;
	width: 30px;
	min-width: 0;
	height: 30px;
	padding: 0;
	font-size: 13px;
}

/* iframe */
.vr-ar {
	max-width: 1306px;
	margin-inline: auto;
}

.v-unitcol__item {
	.ar-iframe {
		width: 100%;
		height: 48vh;

		@media (width <= 767px) {
			height: calc(800 / 750 * 100vw);
		}
	}
}

/* common */
.u-screen-reader {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}

.u-wordkeep {
	word-break: keep-all;
}

.u-fs-italic {
	font-style: italic;
}

.u-fs-serif {
	font-family: serif;
}

.u-fs-24 {
	@media (width >= 768px) {
		font-size: 24px;
	}
}

.u-fs-32 {
	@media (width >= 768px) {
		font-size: 32px;
	}
}

.u-ta-justify {
	text-align: justify;
}

/* foint-family */
.u-noto-serif-tc { /* 繁体 */
  font-family: "Noto Serif TC", serif;
}

.u-noto-serif-sc { /* 簡体 */
  font-family: "Noto Serif SC", serif;
}

/* Utility */
@media (width >= 768px) {
	.mtPC100 {
		margin-top: 100px !important;
	}

	.mtPC130 {
		margin-top: 130px !important;
	}

	.mtPC160 {
		margin-top: 160px !important;
	}

	.mt200 {
 		margin-top: 200px !important;
	}

	.mt260 {
 		margin-top: 260px !important;
	}

	.mt280 {
 		margin-top: 280px !important;
	}
}

/* bnr */
.v-bnr--col {
	&.col-gap {
		gap: 1em;

		@media (width <= 767px) {
			display: flex;
			flex-direction: column;
		}
	}

	.v-bnr__item {
		@media (width >= 768px) {
			max-width: 30%;
		}
	}

	.v-bnr__item02 {
		@media (width >= 768px) {
			width: calc(450 / 1200 *100vw);
			max-width: 450px;
		}
	}
}