main {
	padding-bottom:0;
	color:#001354;
	background-color:#e6f5ff;
	font-family: "LINESeedJPBd", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: min(3.6vw,22px);
	line-height: 1.6;
}
header .headSp > a#TOP { padding:10px 0 0; margin-top:0; box-sizing:border-box }
div.spHeader > h1 { margin-top: 0; background-image:url(../image/2026/mainView.jpg) }

:root {
  --colorBlue:#0045bf;
	--colorYellow: #ff0;
}

a[name] { display:block }
.textY,.textBoY { color: var(--colorYellow) }
ul.textKome { font-family: "LINESeedJPRg"; font-weight: 300 }
ul.textKome li:before { color: var(--colorYellow) }
.grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem }
.grid img { width: auto; max-width: 100% }

article { position:relative }

.inner {
	width: 100%;
	max-width: 760px;
	margin: auto;
	padding: min(4vw, 2em) min(4vw, 1rem);
	box-sizing: border-box
}
#sns img[src$="svg"] { width:80px; height:80px }

/*見出し*/
h2 {
	margin: 2rem 0;
	border-left: none;
	padding: 0;
	min-height: initial;
	font-size: initial;
	font-weight: bold;
	line-height: initial;
	color: transparent;
	background-color: transparent;
	text-align: center;
}
h2 > img { width: auto; max-width: min(65%,420px) }
h3 {
	margin: 0 0 0.5em;
	padding: 0 0 1rem;
	min-height: initial;
	font-size: min(4.5vw,28px);
	line-height: 1.4;
	position: relative;
	color: #FFF;
	border: none;
	background-image: url(../image/2026/h3Bg.svg);
	background-position: bottom;
	background-size: auto;
	background-repeat: repeat-x;
	text-align: center;
}
h3.line { font-size: min(4.2vw,28px); padding: 1rem 0; border-top: #FFF 2px solid; border-bottom: #FFF 2px solid }
h4 {
	background-image: url(../image/2026/attBg.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	color: var(--colorBlue);
	font-size: min(3.8vw,24px);
	text-align: center;
	padding: min(0.5vw,7px) 0;
	margin-bottom: 1rem;
}

article:first-of-type { z-index: 2 }
#song > div { background-color: #FFF; padding: min(5vw,50px) }
/*メンバー*/
#memberWrap {
	background-image: url(../image/2026/topBg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	z-index: 1;
	margin-top: -60px;
	font-family: "barricada-pro", serif;
	font-weight: 400;
	font-size: min(6vw,26px);
	padding-bottom: 5vw;
}
#memberWrap .inner { max-width: 900px }
.grid a { text-decoration: none }
.grid div { color: var(--colorBlue); font-size: min(5vw,28px); text-align: center; line-height: 1; margin-top: 0.5rem; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap }
.grid div > span { color: #a839ff; font-size: 67%; display: block; width: 100% }

/* お願い */
#attentionWrap { background-color: var(--colorBlue); color: #FFF }
#attentionWrap .inDoc { background-color: rgba(255,255,255,0.1); padding: min(4vw,3rem); border-radius: 10px }
#attentionWrap dl { display: flex; margin-bottom: 1rem }
#attentionWrap dt,#attentionWrap dd { box-sizing: border-box; padding: min(3.5vw,30px); font-size: min(3.5vw,22px) }
#attentionWrap dt { background-color: rgba(255,255,255,0.2); width: 20%; display: flex; align-items: center; justify-content: center; padding: min(3.5vw,30px) 0 }
#attentionWrap dd { background-color: rgba(255,255,255,0.1); width: 80% }

/*個別*/
.profileImg {
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;
	text-indent: -99999px;
	overflow: hidden;
	height: 56.25vw;
	margin: 0 auto;
	text-align: center
}
#profileAZU { background-image: url(../image/2026/prof_azu.jpg) }
#profileAYANO { background-image: url(../image/2026/prof_ayano.jpg) }
#profileKAEDE { background-image: url(../image/2026/prof_kaede.jpg) }
#profileSAAYA { background-image: url(../image/2026/prof_saaya.jpg) }
#profileSAYA { background-image: url(../image/2026/prof_saya.jpg) }
#profileSHIORI { background-image: url(../image/2026/prof_shiori.jpg) }
#profileCHIHIRO { background-image: url(../image/2026/prof_chihiro.jpg) }
#profileNANOHA { background-image: url(../image/2026/prof_nanoha.jpg) }
#profileNON { background-image: url(../image/2026/prof_non.jpg) }
#profileMAI { background-image: url(../image/2026/prof_mai.jpg) }
#profileMIZUKI { background-image: url(../image/2026/prof_mizuki.jpg) }
#profileMIHARU { background-image: url(../image/2026/prof_miharu.jpg) }
#profileMEI { background-image: url(../image/2026/prof_mei.jpg) }
#profileYUKA { background-image: url(../image/2026/prof_yuka.jpg) }
#profileYUME { background-image: url(../image/2026/prof_yume.jpg) }
#profileRIKO { background-image: url(../image/2026/prof_riko.jpg) }
#profile .message { background-color: #FFF }
#profile .message h2 {
	font-family: "barricada-pro", serif;
	font-weight: 400;
	font-size: min(9vw,50px);
	color:#196aec;
	margin: 1rem 0;
	line-height: 1
}
#profile .prof {
	background: url(../image/2026/profBgR.png),url(../image/2026/profBgL.png),linear-gradient(180deg, #c4e6fd 0%, #dbf3fb 80%);
	background-repeat: no-repeat;
	background-position: top right,bottom left;
	background-size: min(25vw,600px) auto,min(25vw,600px) auto,auto;
}
#profile .prof .inner { padding: min(8vw,4em) 0 }
#profile .prof dl { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 5rem }
#profile .prof dt {
	color: var(--colorBlue);
	border: var(--colorBlue) 2px solid;
	border-radius: 50px;
	background-color: #FFF;
	box-shadow: 5px 5px #6699cc;
	justify-content: center;
	padding: 0.5rem;
	margin-bottom: 1.5rem;
	display: flex;
	align-items: center;
	width: 23%;
	margin-right: 3.5%;
	box-sizing: border-box;
	font-size: min(3.3vw,16px);
	line-height: 1.1
}
#profile .prof dd {
	width: 73.5%;
	background-image : linear-gradient(to right, var(--colorBlue), var(--colorBlue) 2px, transparent 2px, transparent 8px);  /* 幅2の線を作る */
  background-size: 8px 2px;          /* グラデーションの幅・高さを指定 */
  background-position: left bottom;  /* 背景の開始位置を指定 */
  background-repeat: repeat-x;       /* 横向きにのみ繰り返す */
	box-sizing: border-box;
	padding: 0.2rem 0 1rem;
	margin-bottom: 1.5rem;
	font-size: min(4vw,22px);
}
.topTo a { font-family: "barricada-pro", serif; color: #196aec; font-size: min(6vw,35px); letter-spacing: 3px; text-decoration: none }

/*==================================================
FONT
==================================================*/
*[class^="font-"] { font-style: normal }
@font-face {
  font-family: "LINESeedJPBd";
  src: url(./font/LINESeedJP_OTF_Bd.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "LINESeedJPRg";
  src: url(./font/LINESeedJP_OTF_Rg.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
}
.font-line { font-family: "LINESeedJPBd", sans-serif }
/*
★Barricada Pro Regular
font-family: "barricada-pro", serif;
font-weight: 400;
font-style: normal;
*/

/*
==================================================
～1040
==================================================
*/
@media screen and ( max-width:1040px) {
	.dspSP { display:block }
	main > article { padding:0 }
	.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem }
	#memberWrap { margin-top: -5vw }
	#attentionWrap dt {width: 15% }
	#attentionWrap dd {width: 85% }
	.profileImg { height: 80vw }
	#profile .prof .inner { padding: min(8vw,4rem) min(4vw,1rem) }
	#profile .prof dt { box-shadow: 3px 3px #6699cc; width: 28% }
	#profile .prof dd { width: 68.5%; padding: 0.3rem 0 1rem }
}
/*
==================================================
～670
==================================================
*/
@media screen and ( max-width:670px ){
}