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

html { scroll-behavior: smooth }
body {
	background-image: none;
	padding: 0;
	margin: 0;
	height: 100%;
	-webkit-text-size-adjust: none;
	min-width: initial
}
main {
	background-color: #000;
	background-image: url(../image/2026/uniform20th/mainBg.webp);
	background-repeat: no-repeat;
	background-size: min(130vw,1920px) auto;
	background-position: top center;
	font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-style: normal;
	font-weight: 600;
	color: #FFF;
	overflow: hidden;
	font-size:min(4.2vw,21px);
	line-height: 1.7
}
#TOP { padding-top: 100px; margin-top: -100px }
a[name] { display: block; margin-top:-100px; padding-top:100px }
i { font-style: normal }

/* header */
div.spHeader { min-width:1000px }
div.spHeader > h1 {
	background-image: url(../image/2026/uniform20th/mainView.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;
	text-indent: -99999px;
	overflow: hidden;
	height: 56.25vw;
	margin: 100px auto 0;
	text-align: center;
}

/* contents */
.inner { width: 100%; max-width:780px; margin:auto; padding:min(6vw,2em) min(3vw,1em); box-sizing:border-box }
ul.textKome,
#size .inCont { font-family: "Noto Sans JP", sans-serif; font-weight: 400 }
.inCont > .inCont2 { border-bottom:#FFF 1px solid; font-size:min(4.4vw,24px); padding-bottom: 0.8rem; margin-bottom: 0.8rem }

/* カラー */
.textY.textBoY { color: #d9bd5e }

/* ボタン */
a.btnR { background-color: #b40000; color: #FFF; border-radius: 50px; font-size:min(3.2vw,22px); padding: min(2vw,10px) min(2vw,30px); display: inline-block; text-decoration: none }

/* TITLE */
h2 {
	margin: 0 0 1.5rem;
	border-left: none;
	padding: 0;
	min-height: initial;
	font-size: min(10vw,50px);
	font-weight: bold;
	line-height: 1.3;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 800;
	font-style: italic;
	color: #FFF;
	background-color: transparent
}

/* COLOR */
.colorDoc { background-repeat: no-repeat; padding: 1rem }
.colorDoc.black { background-image: url(../image/2026/uniform20th/colorBlackBg.webp); background-position: left 20% top 50px }
.colorDoc.blue { background-image: url(../image/2026/uniform20th/colorBlueBg.webp); background-position: right 20% top 50px }
.colorDoc.red { background-image: url(../image/2026/uniform20th/colorRedBg.webp); background-position: left 20% top; padding-top: 2rem }

/* コメント＆注意 */
article {
	background-image: url(../image/2026/uniform20th/commentBg.webp),url(../image/2026/uniform20th/noticeBg.webp);
	background-position: right 10vw bottom 13vw,left 15vw bottom 4vw;
	background-repeat: no-repeat;
}
#notice .inCont { background-color: rgba(180,0,0,0.3); padding: 1rem; }

/*FONT*/
.lh102 { line-height:1.2 }
.lh108 { line-height:1.8 }
.f18 { font-size:min(3.2vw,18px); line-height: 1.6 }
.f22 { font-size:min(3.8vw,22px); line-height: 1.6 }
.f24 { font-size:min(4vw,24px); line-height: 1.4 }
.f26 { font-size:min(4.4vw,26px); line-height: 1.4 }
.f28 { font-size:min(4.6vw,28px); line-height: 1.4 }
.f30 { font-size:min(5vw,30px); line-height: 1.4 }
.f34 { font-size:min(5.4vw,34px); line-height: 1.4 }
.f36 { font-size:min(5.8vw,36px); line-height: 1.4 }
.f40 { font-size:min(9vw,40px); line-height: 1.4 }
.f42 { font-size:min(5.2vw,42px); line-height: 1.4 }
.f44 { font-size:min(5.6vw,44px); line-height: 1.4 }
.f50 { font-size:min(9vw,50px)!important }
.f180 { font-size: min(4.9vw,180%) }

/*==================================================
～1040
==================================================*/
@media screen and ( max-width:1040px) {
	main article { padding:0 }
	a[name] { display: block; margin-top:-80px; padding-top:80px }
	/* header */
	div.spHeader { min-width:initial }
	div.spHeader > h1 { margin-top: 80px }
	article { background-position: right 4vw bottom 45vw,left -5vw bottom 5vw }
/*～1040 END*/
}
/*==================================================
～670
==================================================*/
@media screen and ( max-width:670px ){
	a[name] { display: block; margin-top:-50px; padding-top:50px }
	/* header */
	div.spHeader { min-width:initial; margin-top: 0 }
	div.spHeader > h1 { margin-top:50px; background-image:url(../image/2026/uniform20th/mainView_sp.jpg); height: 100vw }
	.colorDoc { background-position: left 60% top 50px }
	article { background-position: right -10vw bottom 65vw,left -30vw bottom 20vw }
/*～670 END*/
}

/*==================================================
共通nav.css修正
==================================================*/
.navHeader,
.navCont { background-color: #000 }
.navList { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-style: italic }
.navList li a:before { display: none }

/*==================================================
余白
==================================================*/
.mg1e  { margin:        min(5vw,1em)!important }
.mgT05e { margin-top:   min(2.5vw,0.5em)!important }
.mgB05e { margin-bottom:min(2.5vw,0.5em)!important }
.mgT1e { margin-top:    min(5vw,1em)!important }
.mgB05e { margin-bottom:min(2.5vw,0.5em)!important }
.mgB1e { margin-bottom: min(5vw,1em)!important }
.mgB15e { margin-bottom:min(6.5vw,1.5em)!important }
.mgT2e { margin-top:    min(6vw,2em)!important }
.mgB2e { margin-bottom: min(6vw,2em)!important }
.mgT3e { margin-top:    min(7vw,3em)!important }
.mgB3e { margin-bottom: min(7vw,3em)!important }
.pd025e { padding:      min(1vw,0.25em)!important }
.pd05e  { padding:      min(2.5vw,0.5em)!important }
.pd1e   { padding:      min(5vw,1em)!important }
.pdT05e { padding-top:  min(2.5vw,0.5em)!important }
.pdT1e { padding-top:   min(5vw,1em)!important }
.pdT3e { padding-top:min(7vw,3em)!important }
.pdB05e { padding-bottom:min(2.5vw,0.5em)!important }
.pdB3e { padding-bottom:min(7vw,3em)!important }
.pd1e  { padding:min(5vw,1em)!important }
.pdL40 { padding-left: min(3.5vw,40px)!important }
.pdR40 { padding-right: min(3.5vw,40px)!important }

/*==================================================
FONT
==================================================*/
.notoSansB { font-family: "Noto Sans JP", sans-serif; font-weight: 700 }
/*
.noto-serif-jp-<uniquifier> {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.plus-jakarta-sans-<uniquifier> {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/