@charset "UTF-8";
/* CSS Document */

#newsList li {
	margin: 0.25em 0;
}

#newsList a {
	display: inline-block;
	padding-left: 6.8em;
}

.date {
	position: absolute;
	left: 0;
	font-weight: 500;
}

.art-title {
	font-weight: 300;
}

.art-title i {
	color: #d4704e;
}


/* =============================
  CMS 用
============================= */

#newsList li {
	position: relative;
}

#newsList .newMark {
	display: none;
}

#newsList li:has(.newMark) a::before {
	content: "NEW";
	font-weight: 500;
	font-size: 0.7em;
	color: rgb(212, 112, 78);
	display: inline-block;
	border-top: solid 1px;
	border-bottom: solid 1px;
	line-height: 1.15;
	margin-right: 0.8em;
	position: relative;
	bottom: 0.15em;
}


/* news-detail.html */

#news-detail h2 {
	font-size: 2em;
	font-weight: 600;
	font-family: "motiva-sans";
	margin: 2.4em 0 0.4em;
}

#news-detail #up_ymd {
	text-align: center;
	position: relative;
}

#news-detail #up_ymd::before {
	content: "";
	position: absolute;
	top: -0.25em;
	left: calc(50% - 3em);
	width: 6em;
	height: 1px;
	background: #000;
}

#news-detail #detail {
	margin-top: 3em;
	display: flex;
	flex-direction: column;
}

#news-detail .detailText {
	text-align: justify;
}

#news-detail .detailText a {
	border-bottom: dotted 1px #666;
	position: relative;
	bottom: 0;
	transition: all ease-in 0.1s;
	font-weight: bolder;
}

#news-detail .detailText a::after {
	content: "\f105";
	font: normal normal normal 14px / 1 'FontAwesome';
	font-size: 1.3em;
    position: relative;
    bottom: -0.07em;
    margin-left: 0.4em;
	color: #d4704e;
}

#news-detail .detailText a[target="_blank"]::after {
	content: "\f08e";
	font-size: 1em;
}

#news-detail .detailText a:hover {
	bottom: 1px;
	padding-bottom: 1px;
	border-bottom: solid 1px #000;
	opacity: 1;
}

#news-detail .detailUpfile {
	margin: 1.5em 0;
	text-align: center;
}

#news-detail div:empty {
	border-bottom: solid #ff0 5px;
	display: none;
}

#news-detail img {
	width: 50%;
	max-width: 380px;
	min-width: 180px;
}

#news-detail .first-upfile {
	order: -1;
	margin-top: 0;
}

#news-detail .first-upfile img {
	width: clamp(
		320px,
		calc(320px + (300 * ((100vw - 480px) / 720))),
		620px
	);
	height: auto;
	max-width: 100%;
}

#news-detail .first-upfile img.square {
	width: clamp(
		400px,
		calc(400px + (300 * ((100vw - 480px) / 720))),
		700px
	);
}

#news-detail .first-upfile img.wide {
	width: 100%;
	max-width: 900px;
}

#news-detail .detailUpfile:not(.first-upfile) + div:empty + .detailUpfile {
	margin-top: 0;
}

#news-detail .detailUpfile a {
	display: inline-block;
	padding: 1em 1.5em;
	background: rgba(212, 112, 78, 0.55);
	font-weight: 300;
}

#news-detail .detailUpfile a::after {
	content: "\f0ab";
	font: normal normal normal 14px / 1 'FontAwesome';
	font-size: 1.2em;
	margin-left: 0.25em;
}

#news-detail #detail iframe {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

#news-detail #detail ul {
	list-style-type: disc;
	padding-left: 1.25em;
	margin: 0.5em 0;
}

.detailText *[style*="font-size: 13.3333px"],
.detailText *[style*="font-size: 10pt"] {
  font-size: 1.4rem !important;
}

.detailText ul,
.detailText li {
	font-size: 1.4rem !important;
}

.detailText font[size="1"] {
	font-size: 1rem !important;
}

.detailText font[size="2"] {
	font-size: 1.25rem !important;
}

.detailText font[size="4"] {
	font-size: 1.7rem !important;
}

.detailText font[size="5"] {
	font-size: 2rem !important;
}

.detailText font[size="6"] {
	font-size: 2.5rem !important;
}

.detailText b {
	font-weight: bold;
}

.detailText i {
	font-style: italic;
}

.detailText strike {
	text-decoration: line-through;
}

.text-xs { font-size: 1rem; }
.text-sm { font-size: 1.25rem; }
.text-base { font-size: 1.4rem; }
.text-lg { font-size: 1.7rem; }
.text-lgr { font-size: 2rem; }
.text-xl { font-size: 2.4rem; }
.text-lst { font-size: 3rem}


@media screen and (max-width: 500px) {

	#news-detail h2 {
		font-size: 2.24rem;
	}
}