@charset "utf-8";
/*------------------------------------------------------------
	fanclub
------------------------------------------------------------*/
body {
	color: #fff;
	background-color: #000;
}
/** header **/
#gHeader h1 {
	width: 112px;
}
#gHeader .hRBox .siteLink img {
	margin: 0 4px 0 0;
	width: 45px;
}
#gHeader .hRBox .siteLink .img01 {
	right: auto;
	left: 0;
}
#gHeader.background--dark::before {
	opacity: 0.15 !important;
}
#gNavi {
	display: none !important;
}
.menuBox {
	color: #000;
}
@media all and (max-width: 999px) {
	#gHeader::before {
		height: 98px;
		background: linear-gradient(#000 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.06) 100%, rgba(255, 255, 255, 0) 100%);
		display: block;
	}
	#gHeader h1 {
		margin: -4px 0 0 5px;
		width: 78px;
	}
	#gHeader .hRBox .siteLink {
		margin: 0 2px 0 0;
		font-size: 1.2rem;
	}
	#gHeader .hRBox .siteLink img {
		display: none;
	}
	#gHeader.background--dark::before {
		opacity: 0.15 !important;
	}
	.menuBox .rBox .menuNavi .menuList > li > a {
		display: inline;
	}
	.menuBox .rBox .menuNavi .menuList > li > a::before {
		display: none !important;
	}
    #login .menuBox .rBox .menuNavi .menuList > li:nth-child(1) > a {
		background: linear-gradient(to right, #fff, #fff) no-repeat left bottom;
		background-size: 100% 2px;
	}
	#index .menuBox .rBox .menuNavi .menuList > li:nth-child(1) > a {
		background: linear-gradient(to right, #fff, #fff) no-repeat left bottom;
		background-size: 100% 2px;
	}
	#koelog .menuBox .rBox .menuNavi .menuList > li:nth-child(3) > a {
		background: linear-gradient(to right, #fff, #fff) no-repeat left bottom;
		background-size: 100% 2px;
	}
	#special .menuBox .rBox .menuNavi .menuList > li:nth-child(5) > a {
		background: linear-gradient(to right, #fff, #fff) no-repeat left bottom;
		background-size: 100% 2px;
	}
	#memberTop .menuBox .rBox .menuNavi .menuList > li:nth-child(4) > a,
	#member.shoji .menuBox .rBox .menuNavi .menuList > li:nth-child(4) > a,
	#member.kazuki .menuBox .rBox .menuNavi .menuList > li:nth-child(4) > a,
	#member.noppo .menuBox .rBox .menuNavi .menuList > li:nth-child(4) > a,
	#member.oguri .menuBox .rBox .menuNavi .menuList > li:nth-child(4) > a,
	#morashiba .menuBox .rBox .menuNavi .menuList > li:nth-child(6) > a {
		background: linear-gradient(to right, #fff, #fff) no-repeat left bottom;
		background-size: 100% 2px;
	}
}
/** footer **/
#gFooter {
	color: #fff;
}
#gFooter .fBox {
	padding: 140px 20px 160px;
}
#gFooter .fSubBox {
	max-width: 1180px;
}
#gFooter .fLBox .fLogo {
	margin: -5px 0 46px;
	width: 231px;
}
#gFooter .fLBox p {
	color: #fff;
	line-height: 1.8;
}
#gFooter .fRBox {
	width: 550px;
	max-width: 46.1%;
	justify-content: space-between;
}
#gFooter .fRBox .fNavi {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	gap: 9px 0;
}
#gFooter .fRBox .fNavi > li {
	width: 100%;
	position: relative;
}
#gFooter .fRBox .fNavi > li:not(:last-child) {
	margin: 0;
}
#gFooter .fRBox .fNavi > li > a,
#gFooter .fRBox .fNavi .subMenu li a {
	color: #fff;
}
#gFooter .fRBox .fNavi .subMenu {
	margin-bottom: 7px;
}
#gFooter .fRBox .fNavi .subMenu li {
	line-height: 1.55;
}
#gFooter .fRBox .fNavi .subMenu li:not(:last-child) {
	margin-bottom: 1px;
}
#gFooter .fLinkBox {
	width: 40.5%;
	display: block;
}
#gFooter .fRBox .fBtn {
	margin: 0 0 44px;
	line-height: 1.34;
}
#gFooter .fRBox .fBtn a {
	color: #fff;
}
#gFooter .fRBox .fBtn a span {
	margin-bottom: 4px;
}
#gFooter .fRBox .fBtn a img {
	width: 65px;
}
#gFooter .fRBox .comInsBox {
	margin: 0;
}
#gFooter .comInsBox li a {
	color: #fff;
}
#gFooter .fRBox address {
/*
	margin-top: 52px;
	width: 85.3%;
*/
	position: relative;
	right: auto;
	bottom: auto;
	text-align: right;
	color: #fff;
	box-sizing: border-box;
    float: right;
    top: 2px;
    margin-left: 192px;
}
#gFooter .pageTop a::before {
	border-color: #FFF;
}
#gFooter .fRBox .fNavi li a.noClick {
	color: rgba(255, 255, 255, 0.3);
	cursor: default;
	pointer-events: none;
}
#login .menuBox .rBox .menuNavi .menuList > li:nth-child(1) > a::before {
	width: 100%;
	position: absolute;
	left: 0%;
	bottom: 2px;
	border-top: 2px solid #fff;
	content: "";
}
#index .menuBox .rBox .menuNavi .menuList > li:nth-child(1) > a::before {
	width: 100%;
	position: absolute;
	left: 0%;
	bottom: 2px;
	border-top: 2px solid #fff;
	content: "";
}
#special .menuBox .rBox .menuNavi .menuList > li:nth-child(5) > a::before {
	width: 100%;
	position: absolute;
	left: 0%;
	bottom: 3px;
	border-top: 2px solid #fff;
	content: "";
}
#koelog .menuBox .rBox .menuNavi .menuList > li:nth-child(3) > a::before {
	width: 100%;
	position: absolute;
	left: 0%;
	bottom: 2px;
	border-top: 2px solid #fff;
	content: "";
}
#koelog #gFooter .fRBox .fNavi > li:nth-child(2) > a::before {
	width: 25%;
	position: absolute;
	left: 0%;
	bottom: 2px;
	border-top: 2px solid #fff;
	content: "";
}
#gFooter .fRBox .fNavi li a.noClick img {
	opacity: 0.5;
}
@media all and (min-width: 1000px) {
	#gFooter .fRBox .fNavi > li:nth-child(3),
	#gFooter .fRBox .fNavi > li:nth-child(4) {
		order: 1;
	}
}
@media all and (max-width: 999px) {
	#gFooter .fBox {
		padding: 50px 30px 87px 37px;
	}
	#gFooter .fSubBox {
		max-width: initial;
	}
	#gFooter .fLBox {
		margin: 0 0 60px 0;
	}
	#gFooter .fLBox .fLogo {
		margin: 0 0 20px;
		width: 123px;
	}
	#gFooter .fLBox p {
		margin-right: 1em;
		line-height: 1.4;
	}
	#gFooter .fRBox {
		width: auto;
		max-width: initial;
		display: block;
	}
	#gFooter .fRBox .fNavi {
		margin-top: -22px;
		margin-bottom: 29px;
		width: auto;
		display: block;
		column-count: 2;
		column-gap: 10%;
		break-inside: avoid;
	}
	#gFooter .fRBox .fNavi > li {
		padding-top: 20px;
		width: auto;
		break-inside: avoid;
	}
	#gFooter .fRBox .fNavi > li > a,
	#gFooter .fRBox .fNavi .subMenu li a {
		word-wrap: break-word;
		white-space: initial;
	}
	#gFooter .fRBox .fNavi > li > a {
		display: block;
		font-size: 1.7rem;
		line-height: 1.18;
	}
	#gFooter .fRBox .fNavi .subMenu {
		margin: 10px 0 0;
	}
	#gFooter .fRBox .fNavi .subMenu li:not(:last-child) {
		margin-bottom: 3px;
	}
	#gFooter .fRBox .fNavi .subMenu li a {
		font-size: 1.5rem;
		line-height: 1.6;
	}
	#gFooter .fRBox .fLinkBox {
		width: auto;
		display: flex;
		justify-content: space-between;
		flex-direction: row;
	}
	#gFooter .fRBox .fBtn {
		margin: 0;
		width: 50%;
		line-height: 1.5;
	}
	#gFooter .fRBox .fBtn a span {
		margin-bottom: 6px;
	}
	#gFooter .fRBox .fBtn a img {
		width: 75px;
	}
	#gFooter .fRBox .comInsBox {
		width: 46%;
	}
	#gFooter .fRBox address {
		margin-top: 45px;
		width: auto;
		text-align: left;
        width: auto;
        margin: auto;
        float: left;
	}
    #gFooter .fLinkBox02{
        margin-top: 45px;
    }
	#gFooter .comNaviList li a .chaffleTxt {
		width: auto !important;
		display: inline;
	}
	#koelog #gFooter .fRBox .fNavi > li:nth-child(2) > a::before {
		width: 45%;
		bottom: -2px;
	}
	#special #gFooter .fRBox .fNavi > li:nth-child(3) > a::before {
		width: 98% !important;
		bottom: -2px !important;
	}
	#gFooter .fRBox .fNavi > li > a::before {
		display: none !important;
	}
	#koelog #gFooter .fRBox .fNavi > li:nth-child(2) > a .chaffleTxt {
		background: linear-gradient(to right, #fff, #fff) no-repeat left bottom;
		background-size: 100% 2px;
	}
	#special #gFooter .fRBox .fNavi > li:nth-child(3) > a .chaffleTxt {
		background: linear-gradient(to right, #fff, #fff) no-repeat left bottom;
		background-size: 100% 2px;
	}
	#morashiba #gFooter .fRBox .fNavi > li:nth-child(4) > a .chaffleTxt {
		background: linear-gradient(to right, #fff, #fff) no-repeat left bottom;
		background-size: 100% 2px;
	}
	#memberTop #gFooter .fRBox .fNavi > li:nth-child(5) > a .chaffleTxt,
	#member #gFooter .fRBox .fNavi > li:nth-child(5) > a .chaffleTxt {
		background: linear-gradient(to right, #fff, #fff) no-repeat left bottom;
		background-size: 100% 2px;
	}
    #gFooter .fRBox .fNavi li.sp a{
        font-size: 1.2rem;
    }
    #gFooter .fRBox .fNavi li.sp img{
        position: fixed;
    }
}
@media all and (max-width: 374px) {
	#gFooter .fBox {
		padding-left: 30px;
	}
	#gFooter .fLBox p {
		margin-right: 0;
	}
}
@media all and (max-width: 359px) {
	#gFooter .fBox {
		padding-left: 20px;
		padding-right: 20px;
	}
	#gFooter .comInsBox li a {
		letter-spacing: 0;
	}
}

/** content **/
.content {
	max-width: 890px;
	position: relative;
	z-index: 1;
}

/** loginページ **/
#login #main .bgcheck {
	background-image: url(/contents/11/STKZ/official/assets/img/common/bg_dark.jpg);
	background-size: cover;
}
#login #main .bgcheck.light {
	background-image: url(/contents/11/STKZ/official/assets/img/common/bg_light.jpg);
}
#login #main .mainVisual {
	margin-bottom: 38px;
	display: flex;
	justify-content: space-between;
	color: #fff;
}
#login #main .mainVisual .photoBox,
#login #main .mainVisual .textBox {
	position: relative;
	width: 50%;
	box-sizing: border-box;
}
#login #main .mainVisual .photoBox .shadow {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
#login #main .mainVisual .photoBox .shadow img {
	width: 100%;
}
#login #main .mainVisual .textBox {
	padding: 10px 10px 10px 28px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#login #main .mainVisual .textBox .subBox {
	margin: 0 auto;
	width: 344px;
}
#login #main .mainVisual .textBox .logo {
	margin: 0 auto 52px;
	padding-right: 9px;
	width: 285px;
}
#login #main .mainVisual .textBox .logo span {
	margin-top: 7px;
	display: flex;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: -0.03em;
}
#login #main .mainVisual .textBox .logo span img {
	margin-right: 15px;
	width: 100px;
}
#login #main .mainVisual .textBox .loginBox {
	margin-bottom: 25px;
	min-height: 180px;
}
#login #main .mainVisual .textBox .inpList {
	margin-bottom: 12px;
}
#login #main .mainVisual .textBox .inpList li {
	width: 168px;
}
#login #main .mainVisual .textBox .inpList li dt {
	margin-bottom: 4px;
	font-size: 1.4rem;
}
#login #main .mainVisual .textBox .errorText {
	margin: -10px 0 10px;
	color: #c4ff45;
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	display: none;
}
#login #main .mainVisual .textBox .btn {
	margin-bottom: 11px;
}
#login #main .mainVisual .textBox .btn a,
#login #main .mainVisual .textBox .btnList li a {
	position: relative;
	border: 1px solid #fff;
	box-sizing: border-box;
	opacity: 1;
	z-index: 1;
	transition: .3s;
}
#login #main .mainVisual .textBox .btn a::before,
#login #main .mainVisual .textBox .btnList li a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #000;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
}
#login #main .mainVisual .textBox .btn a {
	padding: 0 5px 2px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #272727;
	font-size: 1.75rem;
	letter-spacing: 0.04em;
	border-color: #f7f7f7;
	background: #f7f7f7;
}
#login #main .mainVisual .textBox .btn label {
	height: 36px;
	display: block;
	position: relative;
	cursor: pointer;
	border: 1px solid #f7f7f7;
	background: #f7f7f7;
	overflow: hidden;
	box-sizing: border-box;
}
#login #main .mainVisual .textBox .btn label::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
}
#login #main .mainVisual .textBox .btn button,
#login #main .mainVisual .textBox .btn input {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	color: #272727;
	font-size: 1.75rem;
	font-family: "BEBAS", sans-serif;
	letter-spacing: 0.04em;
	border-radius: 0;
	border: none;
	background: transparent;
	transition: .3s;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	z-index: 1;
}
#login #main .mainVisual .textBox .linkList li {
	font-size: 12px;
	letter-spacing: 0.02em;
}
#login #main .mainVisual .textBox .linkList li:not(:last-child) {
	margin-bottom: 7px;
}
#login #main .mainVisual .textBox .linkList li a {
	padding-right: 15px;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	background: url(/contents/11/STKZ/official/assets/img/common/icon_blank02.png) no-repeat right center / 11px;
	opacity: 1;
}
#login #main .mainVisual .textBox .linkList li a span {
	display: inline-block;
	vertical-align: top;
	border-bottom: 1px solid #696969;
	transition: .3s;
}
#login #main .mainVisual .textBox .title {
	margin-bottom: 20px;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}
#login #main .mainVisual .textBox .title img {
	margin-right: 5px;
	width: 39px;
	display: inline-block;
	vertical-align: 0;
}
#login #main .mainVisual .textBox .btnList {
	gap: 8px;
}
#login #main .mainVisual .textBox .btnList li a {
	width: 168px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	background: #f7f7f7;
}
#login #main .mainVisual .textBox .btnList li a span {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
}
#login #main .about {
	margin: 0 100px 60px;
}
#login #main .about .headLine01 {
	margin: 0 auto 89px;
	padding-top: 186px;
	width: 920px;
	max-width: 100%;
	position: relative;
	color: #fff;
	font-size: 2.1rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-align: center;
	box-sizing: border-box;
}
#login #main .about .headLine01 > svg {
	max-width: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
}
#login #main .about .headLine01 svg text {
	stroke: #fff;
	font-size: 13.8rem;
	letter-spacing: -0.01em;
	opacity: 0.35;
}
#login #main .about .headLine01 span {
	display: block;
}
#login #main .about .headLine01 .svgInn {
	margin: -98px auto 30px;
	width: 190px;
}
#login #main .about .headLine01 .svgInn svg {
	position: relative;
	left: auto;
	top: auto;
	transform: none;
}
#login #main .about .headLine01 .ttl {
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
}
#login #main .content {
	max-width: 984px;
}
#login #main .about .prizeList {
	gap: 22px;
}
#login #main .about .prizeList li {
	padding: 30px 37px 32px;
	color: #fff;
	width: 481px;
	max-width: calc(50% - 11px);
	border: 2px solid #d8d8d8;
	box-sizing: border-box;
}
#login #main .about .prizeList li .ttl {
	margin-bottom: 37px;
	display: flex;
	align-items: center;
	font-size: 2rem;
	font-weight: 700;
}
#login #main .about .prizeList li .ttl img {
	margin-right: 7px;
	width: 62px;
}
#login #main .about .prizeList li .ttl span {
	margin-left: 20px;
	min-width: 82px;
	min-height: 29px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	font-size: 1.7rem;
	letter-spacing: 0.1em;
	background: #fff;
	box-sizing: border-box;
}
#login #main .about .prizeList li .ttl span.style01 {
	color: #fff;
	border: 1px solid #fff;
	background: #000;
}
#login #main .about .prizeList li .prize {
	margin-bottom: 19px;
	padding-bottom: 26px;
	display: flex;
	align-items: flex-end;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	border-bottom: 1px solid #595959;
}
#login #main .about .prizeList li .prize .roboto {
	margin: 0 10px -3px 25px;
	font-size: 3.2rem;
	letter-spacing: 0;
	line-height: 1;
}
#login #main .about .prizeList li .prize small {
	font-size: 1.2rem;
	letter-spacing: 0.06em;
}
#login #main .about .prizeList li .txt {
	letter-spacing: 0.04em;
	line-height: 1.769;
}
#login #main .h2Ttl01 {
	position: absolute;
	left: -10px;
	top: 0;
	height: 100%;
}
#login #main .h2Ttl01 .sticky {
	width: 165px;
	position: sticky;
	display: block;
	top: 30px;
	padding: 66px 0 330px;
}
#login #main .h2Ttl01 svg text {
	fill: #f7f7f7;
	stroke: #f7f7f7;
	font-size: 13rem;
	letter-spacing: -0.01em;
}
#login #main .h2Ttl01 .txt {
	position: absolute;
	right: 0;
	top: 71px;
	color: #fff;
	font-size: 1.2rem;
	font-style: italic;
	letter-spacing: 0.02em;
	line-height: 1.1667;
	font-family: 'Roboto Condensed', sans-serif;
}
#login #main .web {
	padding-top: 20px;
	min-height: 1000px;
	position: relative;
}
#login #main .web .webInner {
	padding: 1px 100px 7px 100px;
	overflow: hidden;
}
#login #main .web .webList {
	margin: 0 0 80px 35px;
}
#login #main .web .webList > li {
	padding: 50px 0 51px;
	position: relative;
}
#login #main .web .webList > li::before {
	width: 100vw;
	min-width: 9999px;
	position: absolute;
	left: 0;
	bottom: -1px;
	box-sizing: border-box;
	border-top: 2px solid #d8d8d8;
	content: "";
}
#login #main .web .webList > li:last-child::before {
	display: none;
}
#login #main .web .webList li .imgBox {
	padding-left: 44px;
	display: flex;
	justify-content: space-between;
	color: #fff;
}
#login #main .web .webList li .imgBox .phoBox {
	padding: 4px 5px;
	width: 114px;
	height: 192px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: transparent;
	border: 1px solid #707070;
	box-sizing: border-box;
}
#login #main .web .webList li .imgBox .phoBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#login #main .web .webList li .imgBox .txtBox {
	margin-left: 50px;
	padding-bottom: 4px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	flex: 1;
	box-sizing: border-box;
}
#login #main .web .webList li .imgBox .txtBox .ttlBox {
	flex: 1;
}
#login #main .web .webList li .imgBox .txtBox h3 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	box-sizing: border-box;
}
#login #main .web .webList li .imgBox .txtBox h3 .num {
	position: absolute;
	left: -17px;
	top: 10px;
	font-size: 1rem;
	font-weight: normal;
	letter-spacing: 0;
}
#login #main .web .webList li .imgBox .txtBox h3 .txt01 {
	margin-right: 9px;
	font-size: 3.8rem;
	font-weight: normal;
	letter-spacing: -0.01em;
}
#login #main .web .webList li .imgBox .txtBox h3 .txt02 {
	margin-top: 3px;
	font-size: 1.3rem;
}
#login #main .web .webList li .imgBox .txtBox h3 .img01 {
	width: 168px;
	display: inline-block;
}
#login #main .web .webList li .imgBox .txtBox .innerTxt {
	margin-top: 18px;
	width: 100%;
	flex-shrink: 0;
	order: 1;
	line-height: 1.692;
	letter-spacing: 0.03em;
	box-sizing: border-box;
}
#login #main .web .webList li .imgBox .txtBox .innerTxt p:not(:last-child) {
	margin-bottom: 22px;
}
#login #main .comKeyList li {
	border: 1px solid #696969;
}
#login #main .comKeyList .tagBlack {
	color: #fff;
	background: #000;
}
#login #main .comKeyList .tagWhite {
	color: #000;
	background: #EAEAEA;
}
#login #main .web .webList li .imgBox .txtBox .comKeyList {
	margin: 5px 12px 0 15px;
	flex-shrink: 0;
}
#login #main .web .photoListBox {
	margin: 0 -100px 0 -94px;
}
#login #main .web .phoList {
	display: flex;
}
#login #main .web .phoList li {
	/*	margin-right: 7px;*/
	width: 350px;
	flex-shrink: 0;
}
#login #main .web .phoList li img {
	width: 100%;
}
#login #main .member {
	padding: 123px 100px 175px 173px;
	min-height: 1100px;
	position: relative;
	box-sizing: border-box;
	background-color: #fff;
}
#login #main .member::before {
	width: 6px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	content: '';
	z-index: 1;
}
#login #main .member .content {
	max-width: 990px;
}
#login #main .member .headLine01 {
	left: -13px;
	top: 118px;
	height: calc(100% - 118px);
}
#login #main .member .headLine01 .sticky {
	padding: 0 0 173px;
	top: 90px;
}
#login #main .member .headLine01 svg text {
	fill: #fff;
	stroke: #222;
	letter-spacing: -0.05em;
	line-height: 148px;
}
#login #main .member .headLine01 .txt {
	color: #222;
	top: 5px;
}
#login #main .member .memberList {
	margin-bottom: 35px;
	position: relative;
	z-index: 1;
}
#login #main .member .memberList > li {
	padding: 62px 40px 48px 40px;
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	position: relative;
	color: #222;
	box-sizing: border-box;
	border-top: 2px solid #222;
}
#login #main .member .memberList > li::after {
	width: 2px;
	height: 100%;
	position: absolute;
	right: -1px;
	top: 0;
	background: #222;
	content: '';
}
#login #main .member .memberList > li:nth-child(2n) {
	padding: 62px 41px 48px 50px;
}
#login #main .member .memberList > li:nth-child(5) {
	width: 100%;
}
#login #main .member .memberList > li:nth-child(2n)::after,
#login #main .member .memberList > li:nth-child(5)::after {
	display: none;
}
#login #main .member .memberList li h3 {
	margin-bottom: 23px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	align-content: flex-start;
	flex: 1;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	box-sizing: border-box;
}
#login #main .member .memberList li h3 .num {
	position: absolute;
	left: -17px;
	top: 3px;
	font-size: 1rem;
	font-weight: normal;
	letter-spacing: 0.04em;
}
#login #main .member .memberList li h3 .txt01 {
	margin-right: 10px;
	font-size: 3.8rem;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: -0.02em;
}
#login #main .member .memberList li h3 .ico {
	margin-bottom: 5px;
	width: 39px;
}
#login #main .member .memberList li h3 .ico02 {
	width: 32px;
	padding-bottom: 3px
}
#login #main .member .memberList li h3 .ico03 {
	width: 31px;
}
#login #main .member .memberList li h3 .ico04 {
	width: 33px;
}
#login #main .member .memberList li h3 .ico05 {
	width: 48px;
    margin-bottom: 0;
}
#login #main .member .memberList li h3 .txt02 {
	box-sizing: border-box;
	margin-top: 9px;
	width: 100%;
	flex-shrink: 0;
}
#login #main .member .memberList li .innerTxt {
	width: 100%;
	order: 1;
	flex-shrink: 0;
}
#login #main .member .memberList li .innerTxt p {
	font-size: 1.4rem;
	letter-spacing: 0.03em;
	line-height: 1.785;
}
#login #main .member .memberList li .comKeyList {
	margin: 13px 0 0 10px;
	flex-shrink: 0;
}
#login #main .member .memberList li .comKeyList .tagWhite {
	background: transparent;
}
#login #main .member .memberList > li:nth-child(2n) .comKeyList {
	margin-right: -23px;
}
#login #main .member .btn a {
	min-height: 99px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center;
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: 0.11em;
	border: 2px solid #000;
	box-sizing: border-box;
}
#login #main .member .btn a .en {
	margin-top: -4px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	color: #000;
	font-size: 8.6rem;
	font-weight: normal;
	line-height: 1;
	letter-spacing: -0.02em;
	white-space: nowrap;
	transform: translate(-50%, -50%);
	opacity: 0.1;
	z-index: 1;
}
#login #main .member .btn a .txt {
	padding: 12px 15px 15px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
#login #main .member .btn a .txt .logoImg {
	margin: 2px 8px 0 48px;
	width: 81px;
	display: inline-block;
	vertical-align: 0;
	line-height: 1;
}
#login #main .member .btn a .txt .ico {
	margin: 0 0 0 11px;
	width: 40px;
	display: inline-block;
	line-height: 1;
}
#login #main .member .btn a .txt .white {
	display: none;
}
@media all and (min-width: 1000px) {
	#login:not(.tab) #main .mainVisual .textBox .btn a:hover,
	#login:not(.tab) #main .mainVisual .textBox .btnList li a:hover {
		color: #fff;
		border-color: #696969;
	}
	#login:not(.tab) #main .mainVisual .textBox .btn a:hover::before,
	#login:not(.tab) #main .mainVisual .textBox .btnList li a:hover::before,
	#login:not(.tab) #main .mainVisual .textBox .btn label:hover:before {
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
	#login:not(.tab) #main .mainVisual .textBox .linkList li a:hover span {
		border-color: transparent;
	}
	#login:not(.tab) #main .mainVisual .textBox .btn button:hover,
	#login:not(.tab) #main .mainVisual .textBox .btn input:hover {
		color: #fff;
	}
	#login #main .h2Ttl01 .txt {
		writing-mode: horizontal-tb;
		writing-mode: vertical-rl;
		-webkit-writing-mode: horizontal-tb;
		-webkit-writing-mode: vertical-rl;
	}
	#login #main .member .btn a::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #000;
		transform-origin: 100% 50%;
		transform: scaleX(0);
		transition: transform ease .3s;
	}
	#login:not(.tab) #main .member .btn a:hover {
		color: #fff;
		opacity: 1;
	}
	#login:not(.tab) #main .member .btn a:hover:before {
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
	#login:not(.tab) #main .member .btn a:hover .en {
		color: #fff;
		opacity: 0.2;
	}
	#login:not(.tab) #main .member .btn a:hover .txt .black {
		display: none;
	}
	#login:not(.tab) #main .member .btn a:hover .txt .white {
		display: inline-block;
	}
}
@media all and (min-width: 1000px) and (max-width: 1365px) {
	#login #main .h2Ttl01 .sticky {
		width: 12.088vw;
	}
	#login #main .h2Ttl01 svg text {
		font-size: 9.524vw;
	}
}
@media all and (min-width: 1000px) and (max-width: 1200px) {
	#login #main .about .prizeList li .ttl span {
		margin-left: 5px;
	}
	#login #main .h2Ttl01 .sticky {
		width: 10vw;
	}
	#login #main .h2Ttl01 svg text {
		font-size: 7vw;
	}
	#login #main .member {
		padding-left: 135px;
	}
	#login #main .web .webList li .imgBox .txtBox h3 .txt01,
	#login #main .member .memberList li h3 .txt01 {
		font-size: 3rem;
	}
	#login #main .member .memberList li h3 .ico {
		margin-bottom: 2px;
		width: 28px;
	}
	#login #main .member .memberList li h3 .ico01 {
		width: 33px;
	}
	#login #main .member .memberList li h3 .ico02 {
		width: 28px;
	}
	#login #main .member .memberList li h3 .ico03 {
		width: 26px;
	}
	#login #main .member .memberList li h3 .ico03 {
		width: 26px;
	}
	#login #main .member .memberList li h3 .ico05 {
		width: 50px;
	}
	#login #main .member .memberList li h3 .ico02 {
		padding-bottom: 3px;
	}
	#login #main .member .memberList li h3 .ico05 {
		margin-bottom: 2px;
	}
}
@media all and (min-width: 1100px) and (max-width: 1250px) {
	#login #main .member .memberList li h3 .txt01 {
		font-size: 3.3rem;
	}
	#login #main .member .memberList li h3 .ico05 {
		width: 42px;
	}
	#login #main .member .memberList li .comKeyList {
		margin: 8px 0 0 5px !important;
	}
	#login #main .member .memberList li h3 .txt01 {
		margin-right: 6px;
	}
	#login #main .member .memberList li:nth-child(5) h3 > .txt01 {
		margin-right: 8px
	}
	#login #main .member .memberList li h3 .ico02 {
		padding-bottom: 0;
	}
	#login #main .member .memberList li h3 .ico04,
	#login #main .member .memberList li h3 .ico {
		margin-bottom: 3px;
	}
}
@media all and (min-width: 1100px) and (max-width: 1150px) {
	#login #main .member .memberList li h3 .txt01 {
		margin-right: 5px;
	}
	.comKeyList li:not(:first-child) {
		margin-left: 3px;
	}
	#login #main .member .memberList li h3 .txt01 {
		font-size: 2.9rem;
	}
/*
	#login #main .member .memberList li h3 .ico {
		margin-bottom: 0px;
	}
*/
}
@media all and (min-width: 1000px) and (max-width: 1100px) {
	#login #main .member .memberList li h3 .txt01 {
		font-size: 2.7rem;
	}
	#login #main .web .webList li .imgBox .txtBox h3 .txt01 {
		font-size: 2.7rem;
	}
	.comKeyList li {
		font-size: 1.2rem;
		min-width: 52px;
	}
	#login #main .member .memberList li h3 .txt01 {
		margin-right: 6px;
	}
	#login #main .member .memberList li h3 .ico05 {
		width: 40px;
/*		padding-left: 3px;*/
	}
	#login #main .member .memberList li .comKeyList {
		margin: 12px 0 0 5px;
	}
	.comKeyList li:not(:first-child) {
		margin-left: 3px;
	}
	#login #main .member .memberList li h3 .ico {
		margin-bottom: 2px;
	}
	#login #main .member .memberList li .comKeyList {
		margin: 5px 0 0 5px !important;
	}

	#login #main .member .memberList li h3 .txt01 {
		font-size: 2.7rem;
	}
}
@media all and (min-width: 1000px) and (max-width: 1050px) {
	#login #main .member .memberList li h3 .txt01 {
		font-size: 2.5rem;
	}
	#login #main .member .memberList li h3 .ico02 {
		padding-bottom: 0;
	}
}
@media all and (min-width: 1000px) and (max-width: 1015px) {
	#login #main .member .memberList li h3 .txt01 {
		font-size: 2.4rem;
	}
}
@media all and (max-width: 999px) {
	#login #main .bgcheck {
		padding-top: 48px;
	}
	#login #main .mainVisual {
		margin-bottom: 124px;
		display: block;
	}
	#login #main .mainVisual .photoBox,
	#login #main .mainVisual .textBox {
		width: auto;
	}
	#login #main .mainVisual .photoBox::before {
		height: 145px;
	}
	#login #main .mainVisual .textBox {
		margin-top: -72px;
		padding: 0 20px 10px;
		display: block;
	}
	#login #main .mainVisual .textBox .subBox {
		width: auto;
	}
	#login #main .mainVisual .textBox .logo {
		margin: 0 auto 50px;
		padding-right: 0;
		width: 200px;
	}
	#login #main .mainVisual .textBox .logo svg {
		margin-left: 10px;
		width: 180px;
	}
	#login #main .mainVisual .textBox .logo span {
		margin-top: -15px;
		justify-content: center;
		align-items: flex-start;
		font-size: 1.3rem;
		letter-spacing: -0.02em;
	}
	#login #main .mainVisual .textBox .logo span img {
		margin: -1px 8px 0 0;
		width: 63px;
	}
	#login #main .mainVisual .textBox .inpList li {
		width: calc((100% - 10px) / 2);
	}
	#login #main .mainVisual .textBox .inpList li dt {
		letter-spacing: 0.02em;
	}
	#login #main .mainVisual .textBox .btn {
		margin-bottom: 16px;
	}
	#login #main .mainVisual .textBox .btn a {
		height: 34px;
		letter-spacing: 0;
	}
	#login #main .mainVisual .textBox .linkList li {
		font-size: 13px;
	}
	#login #main .mainVisual .textBox .title {
		margin-bottom: 14px;
		font-size: 1.5rem;
		letter-spacing: 0.06em;
	}
	#login #main .mainVisual .textBox .title img {
		margin-right: 4px;
	}
	#login #main .mainVisual .textBox .btnList {
		gap: 8px;
	}
	#login #main .mainVisual .textBox .btnList li {
		width: calc((100% - 8px) / 2);
	}
	#login #main .mainVisual .textBox .btnList li a {
		width: auto;
		height: 36px;
		font-size: 1.5rem;
	}
	#login #main .mainVisual .textBox .btnList li a span {
		font-size: 1.6rem;
	}
	#login #main .about {
		margin: 0 0 60px;
		overflow: hidden;
	}
	#login #main .about .headLine01 {
		margin-bottom: 49px;
		padding: 82px 0 0;
		width: auto;
		max-width: initial;
		font-size: 1.6rem;
		letter-spacing: 0.14em;
	}
	#login #main .about .headLine01 svg {
		max-width: 108.27%;
		width: 406px;
	}
	#login #main .about .headLine01 svg text {
		font-size: 6.2rem;
		stroke: transparent;
	}
	#login #main .about .headLine01.isShow svg text {
		stroke: #fff;
		transition: .6s ease-out;
	}
	#login #main .about .headLine01 .svgInn {
		margin: -42px auto 15px;
		width: auto;
		text-align: center;
	}
	#login #main .about .headLine01 .svgInn svg {
		margin: 0;
		width: 144px;
		height: 52px;
	}
	#login #main .about .prizeList {
		display: block;
		gap: 0;
	}
	#login #main .about .prizeList li {
		padding: 19px 19px 22px;
		width: auto;
		max-width: initial;
	}
	#login #main .about .prizeList li:not(:last-child) {
		margin-bottom: 20px;
	}
	#login #main .about .prizeList li .ttl {
		margin-bottom: 28px;
		font-size: 1.6rem;
	}
	#login #main .about .prizeList li .ttl img {
		margin: 5px 7px 0 0;
		width: 53px;
	}
	#login #main .about .prizeList li .ttl span {
		margin: 3px 0 0 18px;
		min-width: 68px;
		min-height: 25px;
		font-size: 1.4rem;
	}
	#login #main .about .prizeList li .prize {
		margin-bottom: 14px;
		padding-bottom: 20px;
		font-size: 1.4rem;
	}
	#login #main .about .prizeList li .prize .roboto {
		margin: 0 7px -3px 20px;
		font-size: 2.8rem;
	}
	#login #main .about .prizeList li .prize small {
		font-size: 1.1rem;
	}
	#login #main .about .prizeList li .txt {
		letter-spacing: 0.02em;
		line-height: 1.6923;
	}
	#login #main .h2Ttl01 {
		margin: 0 17px 52px;
		position: relative;
		left: auto;
		top: auto;
		text-align: left;
	}
	#login #main .h2Ttl01 .sticky {
		padding: 0;
		width: auto;
	}
	#login #main .h2Ttl01 svg text {
		font-size: 6.8rem;
		letter-spacing: -0.04em;
	}
	#login #main .h2Ttl01 .txt {
		margin-top: 3px;
		display: block;
		position: relative;
		right: auto !important;
		top: auto !important;
		font-size: 1rem;
	}
	#login #main .web .headLine01 svg {
		width: 268px;
		max-width: 100%;
	}
	#login #main .web .headLine01 .sticky {
		padding: 0;
	}
	#login #main .web {
		padding-top: 0;
		min-height: initial;
	}
	#login #main .web .webInner {
		padding: 1px 0 5px;
	}
	#login #main .web .webList {
		margin: 0 0 71px;
	}
	#login #main .web .webList > li {
		margin-bottom: 110px;
		padding: 0;
	}
	#login #main .web .webList > li:last-child {
		margin-bottom: 0;
	}
	#login #main .web .webList > li::before {
		width: calc(100% + 20px);
		min-width: initial;
		bottom: -56px;
	}
	#login #main .web .webList li .imgBox {
		padding-left: 0;
		display: block;
	}
	#login #main .web .webList li .imgBox .phoBox {
		position: absolute;
		left: 0;
		top: 0;
	}
	#login #main .web .webList li .imgBox .txtBox {
		margin-left: 0;
		padding-bottom: 0;
		display: block;
	}
	#login #main .web .webList li .imgBox .txtBox .ttlBox {
		margin: 0 0 24px 142px;
		padding-top: 6px;
		min-height: 192px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	}
	#login #main .web .webList li .imgBox .txtBox h3 {
		width: 100%;
		display: block;
		font-size: 1.2rem;
		word-wrap: break-word;
	}
	#login #main .web .webList li .imgBox .txtBox h3 .num {
		left: -15px;
		top: 2px;
		font-size: 1rem;
	}
	#login #main .web .webList li .imgBox .txtBox h3 .txt01 {
		margin: 0 0 11px;
		display: block;
		font-size: 3.4rem;
		line-height: 1.08;
	}
	#login #main .web .webList li .imgBox .txtBox h3 .txt02 {
		margin: 0;
		display: block;
	}
	#login #main .web .webList li .imgBox .txtBox h3 .img01 {
		width: 150px;
		max-width: 100%;
	}
	#login #main .web .webList li .imgBox .txtBox .innerTxt {
		margin-top: 0;
	}
	#login #main .web .webList li .imgBox .txtBox .comKeyList {
		margin: 11px 0 0;
	}
	#login #main .web .photoListBox {
		margin: 0 0 0 5px;
	}
	#login #main .web .phoList li {
		margin-right: 0;
		width: 252px;
	}
	#login #main .bgcheck.light {
		padding: 0;
	}
	#login #main .member {
		padding: 67px 0 80px;
		min-height: initial;
	}
	#login #main .member::before {
		width: 5px;
	}
	#login #main .member .headLine01 {
		margin: 0 17px 9px;
		left: auto;
		top: auto;
	}
	#login #main .member .headLine01 svg {
		width: 242px;
		max-width: 100%;
	}
	#login #main .member .headLine01 .sticky {
		padding: 0;
	}
	#login #main .member .headLine01 .txt {
		margin-top: -3px;
	}
	#login #main .member .memberList {
		margin: 0 -20px 21px -2px;
	}
	#login #main .member .memberList > li {
		padding: 36px 30px 35px 18px !important;
		width: 100% !important;
		display: block;
		border-top: none;
		border-bottom: 2px solid #222;
	}
	#login #main .member .memberList > li::after {
		display: none;
	}
	#login #main .member .memberList > li:nth-child(5) {
		width: auto;
	}
	#login #main .member .memberList > li:last-child {
		border: none;
	}
	#login #main .member .memberList li h3 {
		margin-bottom: 15px;
		font-size: 1.4rem;
	}
	#login #main .member .memberList li h3 .num {
		left: -16px;
		top: 2px;
	}
	#login #main .member .memberList li h3 .txt01 {
		max-width: calc(100% - 80px);
		display: block;
		font-size: 3.4rem;
		line-height: 1.088;
		letter-spacing: -0.01em;
	}
	#login #main .member .memberList li h3 .ico {
		margin-bottom: 2px;
		width: 32px;
	}
	#login #main .member .memberList li h3 .ico02 {
		width: 25px;
	}
	#login #main .member .memberList li h3 .ico03 {
		width: 25px;
	}
	#login #main .member .memberList li h3 .ico04 {
		width: 29px;
	}
	#login #main .member .memberList li h3 .ico05 {
		width: 42px;
        margin-bottom: 0;
	}
	#login #main .member .memberList li h3 .txt02 {
		margin-top: 8px;
	}
	#login #main .member .memberList li .innerTxt p {
		font-size: 1.3rem;
		line-height: 1.69;
		letter-spacing: 0.02em;
	}
	#login #main .member .memberList li .comKeyList {
		margin: 13px 0 0;
	}
	#login #main .member .memberList > li:nth-child(2n) .comKeyList {
		margin-right: 0;
	}
	#login #main .member .btn a {
		min-height: 76px;
		font-size: 2rem;
	}
	#login #main .member .btn a .en {
		margin-top: -3px;
		font-size: 6.8rem;
	}
	#login #main .member .btn a .txt {
		padding: 10px 0;
	}
	#login #main .member .btn a .txt .logoImg {
		margin: 1px 5px 0 0;
		width: 63px;
	}
	#login #main .member .btn a .txt .ico {
		margin: -1px 0 0 8px;
		width: 33px;
	}
}
@media all and (max-width: 359px) {
	#login #main .about .prizeList li .ttl {
		font-size: 1.3rem;
	}
	#login #main .about .prizeList li .ttl span {
		margin-left: 8px;
	}
	#login #main .web .webList li .imgBox .txtBox h3 .txt01 {
		font-size: 2.8rem;
		letter-spacing: -0.02em;
	}
}
@media all and (max-width: 380px) {
	#login #main .member .memberList li h3 .txt01 {
		font-size: 3.1rem;
	}
}
@media all and (max-width: 320px) {
	#login #main .member .memberList li h3 .txt01 {
		font-size: 2.6rem;
	}
	.comHeading06 {
		font-size: 5.5rem;
	}
}

/** Topページ **/
#index {
	overflow: hidden;
	width: 100%;
}
#index .introImg {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
}
#index .introImg img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	transform: scale(1.06);
	opacity: 0;
	transition: 2.5s ease-out;
}
#index.loadover .introImg img {
	transform: scale(1);
	opacity: 1;
	transition-delay: 1s;
}
#index .fv .welcome {
	padding: 0;
	position: absolute;
	left: 49px;
	top: 36px;
	box-sizing: border-box;
	color: #000;
}
#index .fv .welcome::before {
	width: 451px;
	height: 230px;
	position: absolute;
	left: -94px;
	top: -70px;
	background: url(/contents/11/STKZ/official/assets/img/fanclub/shadow_wh.png) no-repeat left top / 100%;
	content: '';
	opacity: 0.2;
}
#index .fv .welcome.background--dark::before {
	background-image: url(/contents/11/STKZ/official/assets/img/fanclub/shadow_bk.png);
}
#index .fv .welcome p {
	position: relative;
	font-weight: 500;
	font-size: 1.6rem;
	letter-spacing: 0.04em;
	z-index: 1;
}
#index .fv .welcome.background--dark p {
	color: #fff;
}
#index .fv .welcome.background--light p {
	color: #000;
}
#index .fv .welcome p .imgtext {
	margin: 5px 15px 0 0;
	display: inline-block;
	vertical-align: top;
	width: 79px;
	line-height: 1;
}
#index .fv .welcome p .imgtext .white {
	display: none;
}
/*
#index .fv .welcome p .imgtext .black {
	display: none;
}
*/
#index .fv .welcome.background--dark p .imgtext .white {
	display: inline-block;
}
#index .fv .welcome.background--dark p .imgtext .black {
	display: none;
}
/*
#index .fv .welcome.background--dark p .imgtext .white {
	display: none;
}
*/
#index #gHeader h1 {
	position: fixed;
}
#index .fv {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
	z-index: 1;
}
#index .fv::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0, 0, 0, 0.05);
	z-index: -1;
	opacity: 0;
}
#index .fv.show::before {
	opacity: 1;
	transition: .3s;
}
#index .fv .logoBox {
	margin: 5px auto 0;
	width: 387px;
}
#index .fv .logoBox path {
	fill-opacity: 0;
	stroke-width: 0;
	stroke-dasharray: 100% 0;
}
#index .fv.show .logoBox path {
	animation: stroke-offset 1s ease-out forwards;
}
#index .fv .logoBox span {
	margin-top: 17px;
	display: flex;
	color: #fff;
	font-size: 2.7rem;
	font-weight: 500;
	letter-spacing: -0.03em;
	opacity: 0;
}
#index .fv.show .logoBox span {
	opacity: 1;
	transition: 1s;
}
#index .fv .logoBox span img {
	margin: -7px 23px 0 0;
	width: 134px;
}
#index .fv .scrollBtn {
	display: flex;
	position: absolute;
	right: 24px;
	bottom: 54px;
	z-index: 1;
	opacity: 0;
}
#index .fv.show .scrollBtn {
	opacity: 1;
	transition: 1s;
}
#index .fv .scrollBtn a {
	padding-bottom: 40px;
	display: flex;
	justify-content: center;
	position: relative;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	white-space: nowrap;
}
#index .fv .scrollBtn a span {
	overflow: hidden;
	position: absolute;
	left: 50%;
	bottom: 0;
	height: 33px;
	width: 1px;
}
#index .fv .scrollBtn a span::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff;
	top: -33px;
	animation: line01 1.6s ease infinite;
}
@keyframes line01 {
	0% {
		top: -33px;
	}
	60% {
		top: 0;
	}
	100% {
		top: 33px;
	}
}
@keyframes line01-sp {
	0% {
		top: -27px;
	}
	60% {
		top: 0;
	}
	100% {
		top: 27px;
	}
}
#index .fv .newsBox {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
	z-index: 2;
	overflow: hidden;
	opacity: 0;
}
#index .fv.show .newsBox {
	opacity: 1;
	transition: 1s;
}
#index .fv .newsBox .newsList {
	padding: 16px 0;
	display: flex;
}
#index .fv .newsBox .newsList li {
	margin: 0 15px;
	display: flex !important;
	align-items: center;
	flex-shrink: 0;
	white-space: nowrap;
}
#index .fv .newsBox .newsList li .logo {
	width: 52px;
	margin-right: 30px;
}
#index .fv .newsBox .newsList li a {
	display: flex;
}
#index .fv .newsBox .newsList li .date {
	display: flex;
	margin-right: 7px;
	color: #A5A5A5;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: -0.04em;
}
#index .fv .newsBox .newsList li .txt {
	color: #fff;
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 0.02em;
}
#index .mainBox {
	width: 100%;
	height: calc(100% + 2px);
	display: flex;
	position: relative;
	background: rgba(0, 0, 0, 0.65);
	z-index: 1;
}
#index .mainBox .innerWrap {
	padding: 120px 0 42px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
}
#index .mainBox .subBox01 {
	padding: 5px 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	margin: auto 0;
}
#index .mainBox .subBox01 .logo {
	margin-left: -7px;
	width: 22.05%;
	max-width: 282px;
}
#index .mainBox .subBox01 .logo svg {
	width: 100%;
}
#index .mainBox .subBox01 .linkList {
	padding-top: 8px;
	flex: 1;
	box-sizing: border-box;
}
#index .mainBox .subBox01 .linkList li {
	margin-bottom: 18px;
	padding-right: 87px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-end;
	text-align: right;
	transform: translateY(100%);
	clip-path: inset(0 0 100% 0);
	transition: .8s;
}
#index .mainBox .subBox02 .sliderBox,
#index .mainBox .subBox01 .logo .svg,
#index .mainBox .subBox02 .copyright {
	transform: translate3d(0, 100%, 0);
	clip-path: inset(0 0 100% 0);
	transition: .8s;
}
#index .active .mainBox .subBox02 .sliderBox,
#index .active .mainBox .subBox01 .logo .svg,
#index .active .mainBox .subBox02 .copyright,
#index .mainBox .subBox01 .linkList li.show {
	transform: translate3d(0, 0, 0);
	clip-path: inset(0 0 0 0);
}
#index .active .mainBox .subBox02 .copyright {
	transition-delay: 1.7s;
}
#index .active .mainBox .subBox01 .logo .svg {
	transition-delay: 2s;
}
#index .active .mainBox .subBox02 .sliderBox {
	transition-delay: 2.3s;
}
#index .mainBox .subBox01 .linkList li:last-child {
	margin-bottom: 0;
}
#index .mainBox .subBox01 .linkList li a {
	display: inline-block;
	vertical-align: top;
	color: #fff;
}
#index .mainBox .subBox01 .linkList li .txt01 {
	margin-bottom: 6px;
	display: inline-block;
	vertical-align: top;
	font-size: 7.5rem;
	letter-spacing: -0.05em;
	line-height: 1;
}
#index .mainBox .subBox01 .linkList li .txt01 sup {
	margin: 10px 8px 0 0;
	display: inline-block;
	vertical-align: top;
	font-size: 1.3rem;
	letter-spacing: 0.05em;
}
#index .mainBox .subBox01 .linkList li .date {
	display: block;
	color: #C5FF46;
	font-size: 1.4rem;
	font-weight: 400;
}
#index .mainBox .subBox01 .linkList li .date span {
	display: inline-block !important;
	text-align: left;
	word-break: keep-all;
	overflow: hidden;
}
#index .mainBox .subBox01 .linkList li .date .mark {
	margin: 2px 11px 0 0;
	padding: 1px 3px 1px;
	display: inline-block;
	vertical-align: top;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
	border: 1px solid #C4FF46;
}
#index .mainBox .subBox02 {
	padding: 0 86px 0 38px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#index .mainBox .subBox02 .sliderBox {
	padding-left: 31px;
	flex: 1;
	box-sizing: border-box;
	position: relative;
	max-width: 400px;
}
#index .mainBox .subBox02 .sliderBox .dotList {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
#index .mainBox .subBox02 .sliderBox .dotList li {
	margin-bottom: 17px;
	width: 6px;
	height: 6px;
	font-size: 0;
	border-radius: 50%;
	background: #909090;
	cursor: pointer;
}
#index .mainBox .subBox02 .sliderBox .dotList li button {
	display: none;
}
#index .mainBox .subBox02 .sliderBox .dotList li:last-child {
	margin-bottom: 0;
}
#index .mainBox .subBox02 .sliderBox .dotList li.slick-active {
	background: #C4FF45;
}
#index .mainBox .subBox02 .sliderList li a {
	display: inline-flex;
	align-items: center;
	vertical-align: top;
	color: #fff;
}
#index .mainBox .subBox02 .sliderList li .photo {
	margin-right: 25px;
	width: 91px;
	flex-shrink: 0;
}
#index .mainBox .subBox02 .sliderList li .photo span {
	padding-bottom: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}
#index .mainBox .subBox02 .sliderList li .photo img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	animation: imgOut 1s forwards ease-out;
	backface-visibility: hidden;
}
@keyframes imgOut {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
#index .mainBox .subBox02 .sliderList .slick-prev {
	z-index: 999 !important;
}
#index .mainBox .subBox02 .sliderList .slick-current {
	z-index: 1000 !important;
}
#index .mainBox .subBox02 .sliderList .slick-current li .photo img {
	animation: imgIn 2s forwards ease-out;
}
@keyframes imgIn {
	0% {
		transform: scale(1.2);
		clip-path: inset(0 100% 0 0);
	}
	30% {
		clip-path: inset(0 0 0 0);
	}
	100% {
		transform: scale(1);
		clip-path: inset(0 0 0 0);
	}
}
#index .mainBox .subBox02 .sliderList li p {
	margin-top: 3px;
	flex: 1;
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 1.75;
	box-sizing: border-box;
	animation: textOut 1s forwards ease-out;
	opacity: 0;
}
@keyframes textOut {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 0;
		transform: translateY(-5rem);
	}
}
#index .mainBox .subBox02 .sliderList .slick-current li p {
	animation: textIn 1s forwards ease-out;
}
@keyframes textIn {
	0% {
		opacity: 0;
		transform: translateY(5rem);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
#index .mainBox .subBox02 .sliderList li p span {
	display: block;
	font-weight: 700;
	font-size: 1.8rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	padding-top: 4px;
}
#index .mainBox .subBox02 .copyright {
	margin: 0 0 -4px 15px;
	width: 35%;
	min-width: 340px;
	text-align: right;
	font-size: 1.1rem;
	color: #BCBCBC;
	letter-spacing: 0.04em;
	display: flex;
	justify-content: flex-end;
	white-space: nowrap;
	gap: 0 64px;
}
#index .mainBox .subBox02 .copyright .link a {
	display: inline-block;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}
#index .mainBox .subBox02 .copyright .link a::after {
	margin-left: 7px;
	width: 11px;
	height: 11px;
	display: inline-block;
	background: url(../img/common/icon_blank02.png) no-repeat center center / 100%;
	content: '';
}
#index .mainBox .subBox02 .copyright address {
	font-style: normal;
}
#index .mainBox .slick-slide {
	opacity: 1 !important;
}
@media all and (min-width: 1000px) {
	#index .fv .newsBox .newsList li a {
		position: relative;
	}
	#index .fv .newsBox .newsList li a::after {
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: #fff;
		opacity: 0;
		transition: 0.3s;
		content: '';
	}
	#index:not(.tab) .fv .newsBox .newsList li a:hover {
		opacity: 1;
	}
	#index:not(.tab) .fv .newsBox .newsList li a:hover:after {
		opacity: 1;
	}
	#index:not(.tab) .mainBox .subBox01 .linkList li a:hover {
		opacity: 1;
	}
	#index .mainBox .subBox01 .linkList li a .txt01 span {
		transition: 0.3s;
	}
	#index:not(.tab) .mainBox .subBox01 .linkList li a:hover .txt01 span {
		-webkit-text-stroke: 1px #fff;
		color: rgba(191, 255, 18, 0);
	}
}
@media all and (min-width: 1000px) and (max-width: 1365px) {
	#index .mainBox .subBox01 .logo {
		margin-left: -0.512vw;
		width: 20.571vw;
	}
	#index .mainBox .subBox01 .linkList li {
		padding-right: 6.369vw;
	}
	#index .mainBox .subBox01 .linkList li .txt01 {
		font-size: 5.49vw;
	}
	#index .mainBox .subBox01 .linkList li .txt01 sup {
		font-size: 0.952vw;
	}
	#index .mainBox .subBox01 .linkList li .date {
		font-size: 1.025vw;
	}
	#index .mainBox .subBox01 .linkList li .date .mark {
		font-size: 0.878vw;
	}
	#index .mainBox .subBox02 {
		padding: 0 6.296vw 0 2.782vw;
	}
	#index .mainBox .subBox02 .sliderBox {
		padding-left: 2.269vw;
	}
	#index .mainBox .subBox02 .sliderBox .dotList li {
		margin-bottom: 1.245vw;
		width: 0.439vw;
		height: 0.439vw;
	}
	#index .mainBox .subBox02 .sliderBox .dotList li:last-child {
		margin-bottom: 0;
	}
	#index .mainBox .subBox02 .sliderList li .photo {
		margin-right: 1.83vw;
		width: 6.662vw;
	}
	#index .mainBox .subBox02 .sliderList li p {
		margin-top: 0.22vw;
		font-size: 0.952vw;
	}
	#index .mainBox .subBox02 .sliderList li p span {
		font-size: 1.318vw;
	}
	#index .mainBox .subBox02 .copyright {
		margin: 0 0 -0.293vw 1.098vw;
		font-size: 0.805vw;
	}
}
@media all and (min-width: 1000px) and (max-height: 775px) {
	#index .mainBox .innerWrap {
		padding: 15.464vh 0 5.412vh;
	}
	#index .mainBox .subBox01 {
		padding: 2.191vh 0;
	}
	#index .mainBox .subBox01 .logo {
		margin-left: -0.902vh;
	}
	#index .mainBox .subBox01 .linkList {
		padding-top: 1.031vh;
	}
	#index .mainBox .subBox01 .linkList li {
		margin-bottom: 3.093vh;
	}
	#index .mainBox .subBox01 .linkList li:last-child {
		margin-bottom: 0;
	}
	#index .mainBox .subBox01 .linkList li .txt01 {
		margin-bottom: 0.773vh;
		font-size: 9.5vh;
	}
	#index .mainBox .subBox01 .linkList li .txt01 sup {
		margin: 1.289vh 5px 0 0;
		font-size: 1.675vh;
	}
	#index .mainBox .subBox01 .linkList li .date {
		font-size: 1.804vh;
	}
	#index .mainBox .subBox01 .linkList li .date .mark {
		margin-top: 0.258vh;
		font-size: 1.546vh;
	}
	#index .mainBox .subBox02 .sliderBox .dotList li {
		margin-bottom: 2.191vh;
		width: 0.773vh;
		height: 0.773vh;
	}
	#index .mainBox .subBox02 .sliderBox .dotList li:last-child {
		margin-bottom: 0;
	}
	#index .mainBox .subBox02 .sliderList li .photo {
		margin-right: 3.222vh;
		width: 11.727vh;
	}
	#index .mainBox .subBox02 .sliderList li p {
		margin-top: 0.387vh;
		font-size: 1.675vh;
	}
	#index .mainBox .subBox02 .sliderList li p span {
		font-size: 2.32vh;
	}
	#index .mainBox .subBox02 .copyright {
		margin-bottom: -0.515vh;
		font-size: 1.418vh;
	}
}
@media all and (max-width: 999px) {
	#index .introImg img {
		height: auto;
		top: 50%;
		transform: translateY(-50%) scale(1.06);
		object-fit: contain;
	}
	#index.loadover .introImg img {
		transform: translateY(-50%) scale(1);
	}
	#index .fv .welcome {
		left: 25px;
		top: 28px;
	}
	#index .fv .welcome::before {
		left: -120px;
		top: -87px;
		background-image: url(/contents/11/STKZ/official/assets/img/fanclub/shadow_wh_sp.png);
	}
	#index .fv .welcome.background--dark::before {
		background-image: url(/contents/11/STKZ/official/assets/img/fanclub/shadow_bk_sp.png);
	}
	#index .fv .welcome p {
		font-size: 1.4rem;
	}
	#index .fv .welcome p .imgtext {
		margin: 3px 16px 0 0;
		width: 72px;
	}
	#index .fv .logoBox {
		margin: 0 auto -280px;
		width: 166px;
        top: 31%;
        position: absolute;
	}
	#index .fv .logoBox svg {
		width: 100%;
	}
	#index .active .mainBox .subBox01 .logo .svg {
		transition-delay: .1s;
	}
	#index .active .mainBox .subBox02 .sliderBox {
		transition-delay: 1.5s;
	}
	#index .active .mainBox .subBox02 .copyright {
		transition-delay: 1.8s;
	}
	#index .fv .logoBox span {
		margin-top: -32px;
        font-size: 1.17rem;
	}
	#index .fv .logoBox span img {
		margin: -4px 7px 0 0;
        width: 58px;
        height: 22px;
	}
	#index .fv .scrollBtn {
		right: 50%;
		bottom: 44px;
		transform: translateX(50%);
	}
	#index .fv .scrollBtn a {
		padding-bottom: 29px;
	}
	#index .fv .scrollBtn a span {
		left: 50%;
		height: 27px;
	}
	#index .fv .scrollBtn a span::after {
		top: -27px;
		background: #C6C6C6;
		animation: line01-sp 1.6s ease infinite;
	}
	#index .fv .newsBox .newsList {
		padding: 13px 0 10px;
	}
	#index .fv .newsBox .newsList li {
		margin: 0 16px;
	}
	#index .fv .newsBox .newsList li .logo {
		margin-right: 34px;
	}
	#index .fv .newsBox .newsList li .date {
		margin-right: 5px;
		font-size: 1.4rem;
		letter-spacing: -0.03em;
	}
	#index .mainBox {
		background: rgba(0, 0, 0, 0.6);
	}
	#index .mainBox .innerWrap {
		padding: 40px 0 14px;
	}
	#index .mainBox .subBox01 {
		padding: 0 0 30px;
		display: block;
	}
	#index .mainBox .subBox01 .logo {
		margin: 0 0 29px -6px;
		width: 177px;
		max-width: initial;
	}
	#index .mainBox .subBox01 .logo svg {
		width: 177px;
		height: 64px;
		vertical-align: top;
	}
	#index .mainBox .subBox01 .linkList {
		padding-top: 0;
	}
	#index .mainBox .subBox01 .linkList li {
		margin-bottom: 23px;
		padding-right: 20px;
	}
	#index .mainBox .subBox01 .linkList li:last-child {
		margin-bottom: 0;
	}
	#index .mainBox .subBox01 .linkList li .txt01 {
		margin-bottom: 2px;
		font-size: 6rem;
	}
	#index .mainBox .subBox01 .linkList li .txt01 sup {
		margin: 2px 5px 0;
		font-size: 1rem;
	}
	#index .mainBox .subBox01 .linkList li .date {
		font-size: 1.2rem;
		margin-top: 8px;
	}
	#index .mainBox .subBox01 .linkList li .date .mark {
		margin: 0 8px 0 0;
		padding: 1px 3px 1px 4px;
		font-size: 1.1rem;
	}
	#index .mainBox .subBox02 {
		padding: 0 20px;
		display: block;
	}
	#index .mainBox .subBox02 .sliderBox {
		padding: 0 0 53px 0;
	}
	#index .mainBox .subBox02 .sliderBox .dotList {
		width: 74px;
		display: flex;
		justify-content: space-around;
		top: auto;
		bottom: 35px;
		left: 0;
		transform: none;
	}
	#index .mainBox .subBox02 .sliderBox .dotList li {
		margin: 0 3px;
	}
	#index .mainBox .subBox02 .sliderList li .photo {
		margin-right: 18px;
		width: 74px;
	}
	#index .mainBox .subBox02 .sliderList li p {
		margin-top: 2px;
		font-size: 1.2rem;
	}
	#index .mainBox .subBox02 .sliderList li p span {
		margin-top: 3px;
		font-size: 1.5rem;
		letter-spacing: 0.02em;
		padding-top: 0;
	}
	#index .mainBox .subBox02 .copyright {
		margin: 0;
		width: auto;
		min-width: initial;
		gap: 0;
		justify-content: space-between;
	}
	#index .mainBox .subBox02 .copyright .link {
		text-align: left;
	}
	#index .mainBox .subBox02 .sliderList li .photo img {
		animation: none !important;
	}
	#index .mainBox .subBox02 .sliderList li p {
		animation: none !important;
		opacity: 1;
	}
}
@media all and (max-width: 999px) and (max-height: 666px) {
	#index .mainBox .innerWrap {
		padding: 5vh 0 1.9vh;
	}
	#index .mainBox .subBox01 {
		padding-bottom: 3.5vh;
	}
	#index .mainBox .subBox01 .logo {
		margin-bottom: 3vh;
		width: 25vh;
	}
	#index .mainBox .subBox01 .logo svg {
		width: 25vh;
		height: 9.595vh;
	}
	#index .mainBox .subBox01 .linkList li {
		margin-bottom: 2vh;
		padding-right: 2.999vh;
	}
	#index .mainBox .subBox01 .linkList li:last-child {
		margin-bottom: 0;
	}
	#index .mainBox .subBox01 .linkList li .txt01 {
		margin-bottom: 0.3vh;
		font-size: 7vh;
	}
	#index .mainBox .subBox01 .linkList li .txt01 sup {
		margin: 0.3vh 0.75vh 0;
		font-size: 1.2vh;
	}
	#index .mainBox .subBox01 .linkList li .date {
		font-size: 1.5vh;
		margin-top: 1vh;
	}
	#index .mainBox .subBox01 .linkList li .date .mark {
		margin: 0.1vh 1.199vh 0 0;
		padding: 0.2vh 0.6vh 0.15vh 0.75vh;
		font-size: 1.45vh;
	}
	#index .mainBox .subBox02 {
		padding: 0 2.999vh;
	}
	#index .mainBox .subBox02 .sliderBox {
		padding-bottom: 3vh;
	}
	#index .mainBox .subBox02 .sliderBox .dotList {
		width: 11vh;
		bottom: 0.8vh;
	}
	#index .mainBox .subBox02 .sliderBox .dotList li {
		margin: 0 0.45vh;
	}
	#index .mainBox .subBox02 .sliderList li .photo {
		width: 11vh;
	}
	#index .mainBox .subBox02 .sliderList li p {
		margin-top: 0;
		font-size: 1.5vh;
	}
	#index .mainBox .subBox02 .sliderList li p span {
		margin-top: 0;
		font-size: 2vh;
	}
}
@media all and (max-width: 999px) and (max-height: 430px) {
	#index .mainBox .innerWrap {
		padding-top: 8vh;
	}
	#index .mainBox .subBox01 {
		padding-bottom: 2vh;
	}
	#index .mainBox .subBox01 .logo {
		margin-bottom: 1vh;
	}
	#index .mainBox .subBox01 .linkList li .txt01 {
		font-size: 5vh;
	}
}
@media all and (max-width: 767px) {
	#index .mainBox .subBox01 .linkList li .date {
		margin-top: 3px;
	}
}
@media all and (max-width: 429px) {
	#index .mainBox .subBox01 .linkList li .txt01 {
		font-size: 8.8vw;
	}
    #index .active .mainBox .subBox02 .copyright{
        padding-top: 8px;
    }
}
#index #gHeader {
	display: none;
}

/** pageTitle **/
.pageTitle {
	position: absolute;
	left: 10px;
	top: 150px;
	bottom: 0;
	z-index: 1;
}
.pageTitle h2 {
	width: 119px;
	position: sticky;
	top: 100px;
}
.pageTitle h2 .tspan {
	display: flex;
	color: #fff;
	font-size: 9.8rem;
	letter-spacing: -0.02em;
	line-height: 1;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	word-break: keep-all;
}
.pageTitle h2 .tspan .innTxt {
	color: transparent;
	-webkit-text-stroke: 1px #fff;
}
.pageTitle h2 .txt {
	position: absolute;
	right: 0;
	top: 4px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	word-break: keep-all;
}
@media all and (min-width: 1000px) and (max-width: 1365px) {
	.pageTitle h2 {
		width: 8.712vw;
	}
	.pageTitle h2 .tspan {
		font-size: 7.174vw;
	}
}
@media all and (max-width: 999px) {
	.pageTitle {
		left: 3px;
		top: 80px;
	}
	.pageTitle h2 {
		width: 42px;
		top: 80px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.pageTitle h2 .tspan {
		font-size: 3.9rem;
		letter-spacing: -0.02em;
	}
	.pageTitle h2 .txt {
		margin: 8px 0 0 -1px;
		position: relative;
		right: auto;
		top: auto;
		color: #D3D3D3;
		font-size: 1rem;
		letter-spacing: 0.02em;
		line-height: 1.2;
		word-break: normal;
		z-index: 1;
	}
	.pageTitle h2 .txt span {
		animation-duration: 0.3s;
	}
}
@media all and (max-width: 374px) {
	.pageTitle h2 {
		width: 11.2vw;
	}
	.pageTitle h2 .tspan {
		font-size: 10.4vw;
	}
}
@media all and (max-width: 320px) {
	#index .mainBox .subBox01 {
		padding-bottom: 0.5vh;
	}
}
/** comFlowing **/
.comFlowing {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
}
.comFlowing .flowingInner {
	min-width: 100%;
}
.comFlowing .flowingInner p {
	color: #161616;
	font-size: 37rem;
	letter-spacing: -0.03em;
	word-break: keep-all;
	white-space: nowrap;
	padding-right: 100px;
}
@media all and (max-width: 999px) {
	.comFlowing .flowingInner p {
		font-size: 23rem;
		letter-spacing: -0.01em;
	}
}

/** comCard **/
.comCard {
	width: 328px;
	margin: 0 auto 39px;
	position: relative;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
	border-radius: 26px;
	overflow: hidden;
}
.comCard .img {
	position: relative;
}
.comCard .img img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 656/414;
}
.comCard .img::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 26px;
	border: 1px solid #262626;
	box-sizing: border-box;
	content: '';
	z-index: 1;
}
.comCard .num {
	box-sizing: border-box;
	padding: 0 34px 18px 26px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	font-size: 1.1rem;
	font-weight: 500;
	z-index: 2;
}
.comCard .num .icon {
	width: 53px;
}
.comCard .num .icon a {
	position: relative;
	display: flex;
}
.comCard .num .icon a::after {
	width: 15px;
	height: 15px;
	position: absolute;
	right: 2px;
	bottom: 0;
	background: url(/contents/11/STKZ/official/assets/img/common/icon14.png) no-repeat center center / 100%;
	content: '';
	z-index: 1;
}
.comCard .num .icon span {
	width: 100%;
	padding-bottom: 100%;
	display: block;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
	box-sizing: border-box;
}
.comCard .num .icon span::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #A5A5A5;
	border-radius: 50%;
	box-sizing: border-box;
	content: '';
	z-index: 1;
}
.comCard .num .icon img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	transition: 0.3s;
}
.comCard .num p {
	margin-bottom: 3px;
	max-width: calc(100% - 60px);
	color: #383838;
	overflow: hidden;
	text-align: left;
}
.comCard .num p span {
	letter-spacing: 0.07em;
}
@media all and (min-width: 1000px) {
	body:not(.tab) .comCard .num .icon a:hover {
		opacity: 1;
	}
	body:not(.tab) .comCard .num .icon a:hover img {
		transform: scale(1.1);
	}
}
@media all and (max-width: 999px) {
	.comCard {
		width: 290px;
		max-width: 100%;
		margin-bottom: 40px;
		border-radius: 22px;
	}
	.comCard .img::before {
		border-radius: 22px;
	}
	.comCard .num {
		padding: 0 34px 16px 22px;
		font-size: 1rem;
	}
	.comCard .num .icon {
		width: 47px;
	}
	.comCard .num .icon a::after {
		width: 12px;
		height: 12px;
		bottom: 1px;
		right: 3px;
		background-image: url(/contents/11/STKZ/official/assets/img/common/icon15.png);
	}
	.comCard .num p {
		margin-bottom: 4px;
		max-width: calc(100% - 55px);
		font-size: 1.1rem;
	}
}

/** comBtnList **/
.comBtnList li {
	width: 47.5%;
}
.comBtnList li a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #B7B7B7;
	overflow: hidden;
}
.comBtnList li a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
}
.comBtnList li a span {
	padding: 10px 30px 8px;
	display: block;
	position: relative;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	z-index: 1;
}
.comBtnList li a span::before {
	margin-top: 2px;
	width: 7px;
	height: 10px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	background: url(/contents/11/STKZ/official/assets/img/common/icon07.png) no-repeat center center / 100%;
	content: '';
	transition: 0.3s;
}
.comBtnList .white a {
	color: #000;
}
.comBtnList .white a::before {
	transform-origin: 0% 50%;
	transform: scaleX(1);
}
.comBtnList .white a span {
	font-size: 1.6rem;
}
.comBtnList .white a span::before {
	margin-top: 0;
	background-image: url(/contents/11/STKZ/official/assets/img/common/icon06.png);
}
@media all and (min-width: 1000px) {
	body:not(.tab) .comBtnList li a:hover {
		color: #000;
		opacity: 1;
	}
	body:not(.tab) .comBtnList li a:hover:before {
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
	body:not(.tab) .comBtnList li a:hover span::before {
		background-image: url(/contents/11/STKZ/official/assets/img/common/icon06.png);
	}
	body:not(.tab) .comBtnList .white a:hover {
		color: #fff;
	}
	body:not(.tab) .comBtnList .white a:hover::before {
		transform-origin: 100% 50%;
		transform: scaleX(0);
	}
	body:not(.tab) .comBtnList .white a:hover span::before {
		background-image: url(/contents/11/STKZ/official/assets/img/common/icon07.png);
	}
	.comBtnList .back a::before {
		left: auto;
		right: 0;
		transform-origin: 0% 50%;
	}
	body:not(.tab) .comBtnList .back a:hover::before {
		transform-origin: 100% 50%;
		transform: scaleX(1);
	}
}
@media all and (max-width: 999px) {
	.comBtnList {
		margin: 0 auto;
		max-width: 290px;
		display: block;
	}
	.comBtnList li {
		margin-bottom: 20px;
		width: auto;
	}
	.comBtnList li:last-child {
		margin-bottom: 0;
	}
	.comBtnList li a span {
		padding: 11px 30px 10px;
	}
	.comBtnList li a span::before {
		margin-top: 0;
	}
	.comBtnList .white a span {
		padding: 10px 30px;
		font-size: 1.5rem;
	}
}

/** status_annualページ **/
#status {
	background: #000 url(/contents/11/STKZ/official/assets/img/common/bg_dark.jpg) no-repeat center / cover;
}
#status #main {
	padding: 146px 0 82px 130px;
	min-height: 810px;
	position: relative;
	box-sizing: border-box;
}
#status #main .content {
	max-width: 736px;
}
#status #main .itemBox {
	margin-bottom: 49px;
}
#status #main .itemBox h3 {
	margin-bottom: 4px;
	font-size: 1.3rem;
	font-weight: 700;
}
#status #main .itemBox h3 span {
	padding: 1px 11px;
	display: inline-block;
	vertical-align: top;
	color: #000;
	border-radius: 5px;
	border: 1px solid #fff;
	background: #fff;
}
#status #main .itemBox h3 .txt02 {
	color: #fff;
	background: transparent;
}
#status #main .itemBox .textList li {
	padding: 24px 0 9px;
	width: 47.6%;
	display: flex;
	font-size: 1.4rem;
	font-weight: 500;
	border-bottom: 1px solid #464646;
}
#status #main .itemBox .textList li .itemTtl {
	width: 9.5em;
	font-weight: 700;
	letter-spacing: 0.03em;
	box-sizing: border-box;
}
#status #main .itemBox .textList li:nth-child(2n) .itemTtl {
	width: 7.3em;
}
#status #main .itemBox .textList li .itemText {
	padding-right: 0.5em;
	flex: 1;
	letter-spacing: 0.03em;
	box-sizing: border-box;
}
#status #main .itemBox .textList li .itemText span {
	font-size: 1.7rem;
	font-weight: 700;
	margin-right: 2px
}
#status #main .collection h3 {
	margin-bottom: 11px;
	font-size: 1.8rem;
	letter-spacing: 0.02em;
}
#status #main .collection .phoList {
	margin: -14px 0 19px 2px;
}
#status #main .collection .phoList li {
	margin: 14px 21px 0 0;
	width: calc((100% - 84px) / 5);
}
#status #main .collection .phoList li:nth-child(5n) {
	margin-right: 0;
}
#status #main .collection .phoList li a {
	display: block;
	position: relative;
	aspect-ratio: 1/1;
	overflow: hidden;
}
#status #main .collection .phoList li a::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	border: 1px solid #262626;
	content: '';
	z-index: 1;
}
#status #main .collection .phoList li img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: transform 0.7s;
}
#status #main .collection .comBtn {
	margin-bottom: 54px;
}
#status #main .collection .comBtn a {
	min-width: initial;
	font-size: 1.3rem;
	letter-spacing: 0;
	white-space: nowrap;
}
#status #main .collection .comBtn a span {
	padding: 0 0 2px;
}
#status #main .comBtnList {
	margin-bottom: 100px;
}
#status #main .comBtnList:last-child {
	margin-bottom: 0;
}
#status #main .banner a {
	display: block;
	position: relative;
	color: #fff;
	font-size: 2.4rem;
}
#status #main .banner a .bannerInner {
	display: flex;
	border: 1px solid #969696;
	background: #161616;
}
#status #main .banner .pho {
	width: 42%;
	overflow: hidden;
}
#status #main .banner .pho img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s;
}
#status #main .banner .textBox {
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	text-align: center;
	box-sizing: border-box;
}
#status #main .banner .textBox p {
	letter-spacing: -0.02em;
}
#status #main .banner .textBox p .img {
	margin: 4px 14px 0 0;
	width: 85px;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
@media all and (min-width: 1000px) {
	#status:not(.tab) #main .collection .phoList li a:hover {
		opacity: 1;
	}
	#status:not(.tab) #main .collection .phoList li a:hover img {
		transform: scale(1.1);
	}
	#status:not(.tab) #main .banner a:hover {
		opacity: 1;
	}
	#status:not(.tab) #main .banner a:hover .pho img {
		transform: scale(1.1);
	}
	#status #main .collection .phoList li:nth-child(n+6) {
		display: none;
	}
}
@media all and (min-width: 1000px) and (max-width: 1365px) {
	#status #main {
		padding-left: 9.517vw;
	}
}
@media all and (max-width: 999px) {
	#status #main {
		padding: 85px 0 40px 45px;
		min-height: 500px;
	}
	#status #main .itemBox {
		margin-bottom: 59px;
	}
	#status #main .itemBox h3 {
		margin-bottom: 2px;
		font-size: 1.2rem;
	}
	#status #main .itemBox h3 span {
		padding: 2px 11px;
	}
	#status #main .itemBox .textList {
		display: block;
	}
	#status #main .itemBox .textList li {
		padding: 19px 0 9px;
		width: auto;
		font-size: 1.3rem;
		line-height: 1.55;
	}
	#status #main .itemBox .textList li .itemTtl {
		width: 7.6em;
	}
	#status #main .itemBox .textList li:nth-child(2n) .itemTtl {
		width: 7.6em;
	}
	#status #main .itemBox .textList li .itemText span {
		line-height: 1;
	}
	#status #main .collection h3 {
		margin-bottom: 12px;
		font-size: 1.5rem;
		letter-spacing: 0.01em;
	}
	#status #main .collection .phoList {
		margin: -13px 0 20px;
		justify-content: space-between;
	}
	#status #main .collection .phoList li {
		margin: 13px 0 0 1px;
		width: calc(50% - 7px);
	}
	#status #main .collection .comBtn {
		margin-bottom: 50px;
	}
	#status #main .collection .comBtn a {
		font-size: 1.2rem;
	}
	#status #main .comBtnList {
		margin-bottom: 60px;
	}
	#status #main .comBtnList:last-child {
		margin-bottom: 0;
	}
	#status #main .banner {
		margin: 0 auto;
		max-width: 290px;
	}
	#status #main .banner a {
		font-size: 1.5rem;
	}
	#status #main .banner .pho {
		width: 48%;
		max-width: 131px;
	}
	#status #main .banner .textBox {
		padding: 18px 5px 18px 7px;
		text-align: left;
	}
	#status #main .banner .textBox p .img {
		margin: 0 0 4px;
		width: auto;
		display: block;
	}
	#status #main .banner .textBox p .img img {
		width: 47px;
	}
}
@media all and (max-width: 374px) {
	#status #main {
		padding-left: 12vw;
	}
	#status #main .banner a {
		font-size: 4vw;
	}
}
/** animation **/
.whiteShining {
	position: absolute;
	width: 400px;
	height: 400px;
	left: calc(50% - 200px);
	top: calc(50% - 200px);
	transform: translate(-150%, 100%) rotate(-45deg);
	transform-origin: center;
	overflow: hidden;
	z-index: 2;
	user-select: none;
	pointer-events: none;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 51.23%, rgba(255, 255, 255, 0) 100%);
}
.zoomOut {
	opacity: 0;
	transform: scale(0.01);
	transition: 1s;
}
.isShow .zoomOut {
	opacity: 1;
	transform: scale(1);
}
.isShow .whiteShining {
	animation: whiteShining 1s linear forwards;
}
@keyframes whiteShining {
	0% {
		opacity: 0;
		transform: translate(-150%, 100%) rotate(-45deg);
	}
	50% {
		opacity: 1;
		transform: translate(0, 0) rotate(-45deg);
	}
	100% {
		opacity: 0;
		transform: translate(150%, -100%) rotate(-45deg);
	}
}

/** selectページ **/
#select {
	background: #000 url(/contents/11/STKZ/official/assets/img/common/bg_dark.jpg) no-repeat center / cover;
}
#select #main {
	padding: 150px 0 82px 130px;
	min-height: 800px;
	position: relative;
	box-sizing: border-box;
}
#select #main .content {
	max-width: 736px;
}
#select #main .comCard {
	margin-bottom: 59px;
}
#select #main h3 {
	margin-bottom: 30px;
	padding-bottom: 4px;
	font-size: 1.7rem;
	letter-spacing: 0.01em;
	border-bottom: 1px solid #464646;
}
#select #main .iconList {
	margin: -28px -1px 60px 0;
	gap: 0 31px;
}
#select #main .iconList li {
	margin-top: 28px;
	width: 65px;
}
#select #main .iconList li a {
	padding-bottom: 100%;
	display: block;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
#select #main .iconList li a::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	border: 1px solid #707070;
	box-sizing: border-box;
	content: '';
	z-index: 1;
	transition: 0.3s;
}
#select #main .iconList li.on a::before {
	border: 3px solid #C5FF46;
}
#select #main .iconList li a img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover;
	transition: 0.3s;
}
@media all and (min-width: 1000px) {
	#select:not(.tab) #main .iconList li a:hover {
		opacity: 1;
	}
	#select:not(.tab) #main .iconList li a:hover img {
		transform: scale(1.1);
	}
	#select #main .comBtnList li a span {
		padding-bottom: 10px;
	}
	#select #main .comBtnList li a span::before {
		margin-top: 0;
	}
}
@media all and (max-width: 999px) {
	#select #main {
		padding: 85px 0 18px 45px;
		min-height: 500px;
	}
	#select #main .comCard {
		margin-bottom: 39px;
	}
	#select #main h3 {
		margin-bottom: 22px;
		padding-bottom: 7px;
		font-size: 1.6rem;
	}
	#select #main .iconList {
		margin: -13px 0 45px;
		gap: 0 17px;
	}
	#select #main .iconList li {
		margin-top: 13px;
		width: 60px;
		max-width: calc((100% - 51px) / 4);
	}
}
@media all and (max-width: 374px) {
	#select #main {
		padding-left: 12vw;
	}
}

/** comCategory **/
.comCategory {
	margin-bottom: 90px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.comCategory .cateList li {
	margin-right: 25px;
}
.comCategory .cateList li a {
	display: block;
	position: relative;
	color: #fff;
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.comCategory .cateList li a::before {
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #C4FF45;
	content: '';
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform 0.3s;
}
.comCategory .cateList .current a {
	color: #C4FF45;
}
.comCategory .cateList .current a::before {
	transform: scale(1, 1);
	transform-origin: left top;
}
.comCategory .comPullList {
	margin: 13px 5px 0;
}
.comCategory .comPullList > li {
	width: 140px;
	position: relative;
}
.comCategory .comPullList > li input {
	display: none;
}
.comCategory .comPullList > li > a {
	padding-bottom: 2px;
	color: #D0D0D0;
}
.comCategory .comPullList > li > a::before {
	border-color: #fff;
	border-width: 1px;
}
.comCategory .comPullList > li > a::after {
	height: 6px;
	right: 2px;
	background-image: url(/contents/11/STKZ/official/assets/img/common/icon10.png);
}
@media all and (min-width: 1000px) {
	body:not(.tab) .comCategory .cateList li a:hover {
		opacity: 1;
		color: #C4FF45;
	}
	body:not(.tab) .comCategory .cateList li a:hover::before {
		transform: scale(1, 1);
		transform-origin: left top;
	}
	body:not(.tab) .comCategory .comPullList > li:hover > a::before {
		animation: btnAnimation 0.6s cubic-bezier(0.57, 0.01, 1, 1) forwards;
	}
}
@media all and (max-width: 999px) {
	.comCategory {
		margin-bottom: 50px;
		display: block;
	}
	.comCategory .cateList {
		margin: -12px -10px 20px 0;
		gap: 0 15px;
	}
	.comCategory .cateList li {
		margin: 8px 0 0;
	}
	.comCategory .cateList li a {
		font-size: 2.1rem;
	}
	.comCategory .cateList li a::before {
		bottom: 1px;
	}
	.comCategory .comPullList {
		margin: 0;
		justify-content: flex-end;
	}
	.comCategory .comPullList > li {
		width: 120px;
	}
	.comCategory .comPullList > li > a {
		font-size: 1.4rem;
	}
	.comCategory .comPullList > li > a::before {
		border-width: 1px;
	}
	.comCategory .comPullList > li > a span {
		padding-bottom: 2px;
	}
	.comCategory .comPullList > li > a::after {
		right: 0;
	}
}
@media all and (max-width: 325px) {
	.comCategory .cateList li a {
		font-size: 1.78rem;
	}
	.comCategory .cateList {
		gap: 0 13px;
	}
}

/** comPageNavi01 **/
.comPageNavi01 {
	display: flex;
	justify-content: center;
	gap: 16px;
	font-family: "BEBAS", sans-serif;
}
.comPageNavi01 a,
.comPageNavi01 span {
	min-width: 25px;
	height: 29px;
	display: inline-flex;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	vertical-align: top;
	text-align: center;
	color: #fff;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: 0.01em;
	box-sizing: border-box;
}
.comPageNavi01 a:not(.prev, .next):after,
.comPageNavi01 span::after {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #fff;
	content: '';
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform 0.3s;
}
.comPageNavi01 span:not(.extend)::after {
	transform: scale(1, 1);
	transform-origin: left top;
}
.comPageNavi01 .extend {
	padding-bottom: 3px;
	align-items: flex-end;
	letter-spacing: -0.2em;
}
.comPageNavi01 .prev,
.comPageNavi01 .next {
	background: no-repeat center top 2px / 10px;
}
.comPageNavi01 .prev {
	margin-right: 24px;
	background-image: url(/contents/11/STKZ/official/assets/img/common/icon08.png);
}
.comPageNavi01 .next {
	margin-left: 24px;
	background-image: url(/contents/11/STKZ/official/assets/img/common/icon09.png);
}
@media all and (min-width: 1000px) {
	body:not(.tab) .comPageNavi01 a:not(.prev, .next):hover {
		opacity: 1;
	}
	body:not(.tab) .comPageNavi01 a:not(.prev, .next):hover::after {
		transform: scale(1, 1);
		transform-origin: left top;
	}
}
@media all and (max-width: 999px) {
	.comPageNavi01 {
		gap: 13px;
	}
	.comPageNavi01 a,
	.comPageNavi01 span {
		min-width: 23px;
		height: 25px;
		font-size: 1.7rem;
	}
	.comPageNavi01 .extend {
		padding: 0 14px 3px 10px;
	}
	.comPageNavi01 .prev,
	.comPageNavi01 .next {
		background-position: center top 1px;
	}
	.comPageNavi01 .prev {
		margin: 0 auto 0 -9px;
	}
	.comPageNavi01 .next {
		margin: 0 -8px 0 auto;
	}
}

/** comPageNavi02 **/
.comPageNavi02 {
/*	margin: 102px 12px 0 0;*/
	padding: 8px 20px 13px;
	position: relative;
    max-width: 65.168%;
    margin: 0 auto;
}
.comPageNavi02 .comBtn {
	margin: 0 auto;
	text-align: center;
}
.comPageNavi02 .comBtn a {
	min-width: initial;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: -0.02em;
}
.comPageNavi02 .comBtn a span {
	padding: 3px 0 0;
}
.comPageNavi02 .prev,
.comPageNavi02 .next {
	width: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
.comPageNavi02 .prev {
	left: 0;
}
.comPageNavi02 .next {
	right: 0;
}
.comPageNavi02 .prev a,
.comPageNavi02 .next a {
	display: block;
}
@media all and (max-width: 999px) {
	.comPageNavi02 {
		margin: 38px 0 0;
		padding: 5px 15px;
        max-width: 100%;
	}
	.comPageNavi02 .comBtn a {
		font-size: 1.3rem;
		letter-spacing: 0;
	}
	.comPageNavi02 .comBtn a span {
		padding: 0 0 1px;
	}
	.comPageNavi02 .prev,
	.comPageNavi02 .next {
		width: 10px;
	}
}

/** comHeading01 **/
.comHeading01 {
	margin-bottom: 34px;
	font-size: 2.4rem;
	font-weight: 700;
	border-bottom: 4px solid #fff;
}
.comHeading01 span {
	padding: 5px 12px 3px;
	display: inline-block;
	vertical-align: top;
	color: #000;
	letter-spacing: 0.16em;
	background: #fff;
}
@media all and (max-width: 999px) {
	.comHeading01 {
		margin-bottom: 20px;
		font-size: 1.8rem;
	}
	.comHeading01 span {
		padding: 4px 9px 1px 10px;
		letter-spacing: 0.1em;
	}
}

/** comHeading02 **/
.comHeading02 {
	margin-bottom: 30px;
	text-align: right;
	font-size: 3rem;
	font-weight: 500;
}
@media all and (max-width: 999px) {
	.comHeading02 {
		margin-bottom: 15px;
		text-align: left;
		font-size: 2rem;
	}
}

/** comHeading03 **/
.comHeading03 {
	margin: 0 auto 74px;
	max-width: 550px;
	text-align: center;
}
@media all and (max-width: 999px) {
	.comHeading03 {
		margin-bottom: 40px;
		max-width: 290px;
	}
}

/** comMoraItem **/
.comMoraItem {
	position: relative;
	color: #fff;
	font-size: 1.7rem;
	font-weight: bold;
	border-radius: 10px;
	transition: 0.3s;
}
.comMoraItem::before {
	width: 30px;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	border-radius: 10px 0 0 10px;
	border: 2px solid #fff;
	border-right: none;
	content: '';
}
.comMoraItem::after {
	width: calc(100% - 77px);
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	border-radius: 0 10px 10px 0;
	border: 2px solid #fff;
	border-left: none;
	content: '';
}
.comMoraItem .textWrap {
	padding: 27px 37px 29px;
	position: relative;
	border-radius: 10px;
	border-top: 2px solid #fff;
	box-sizing: border-box;
	z-index: 1;
}
.comMoraItem .textWrap::before {
	width: 52px;
	height: 32px;
	position: absolute;
	left: 26px;
	bottom: -30px;
	background: url(/contents/11/STKZ/official/assets/img/fanclub/bg01.png) no-repeat center top / 100%;
	content: '';
	transition: 0.3s;
}
.comMoraItem .textWrap::after {
	width: 52px;
	height: 32px;
	position: absolute;
	left: 26px;
	bottom: -30px;
	background: url(/contents/11/STKZ/official/assets/img/fanclub/bg02.png) no-repeat center top / 100%;
	content: '';
	transition: 0.3s;
	opacity: 0;
}
.comMoraItem .textWrap p {
	position: relative;
	z-index: 5;
}
.comMoraItem .date {
	line-height: 1.25;
}
.comMoraItem .date span {
	margin-right: 8px;
	display: inline-block;
	vertical-align: top;
	color: #009DDE;
	font-weight: 400;
	font-size: 1.4rem;
	letter-spacing: 0.02em;
}
.comMoraItem .date span:last-child {
	margin-right: 0;
}
.comMoraItem .date .new {
	padding: 1px 3px;
	color: #C4FF46;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1;
	border: 1px solid #C4FF46;
	transition: 0.3s;
}
.comMoraItem .text {
	letter-spacing: 0.03em;
	line-height: 1.529;
}
@media all and (min-width: 1000px) {
	body:not(.tab) a:hover .comMoraItem {
		color: #000;
		background: #fff;
		opacity: 1;
	}
	body:not(.tab) a:hover .comMoraItem .date .new {
		color: #000;
		background-color: #C4FF46;
	}
	body:not(.tab) a:hover .comMoraItem .textWrap::before {
		opacity: 0;
	}
	body:not(.tab) a:hover .comMoraItem .textWrap::after {
		opacity: 1;
	}
}
@media all and (max-width: 999px) {
	.comMoraItem {
		font-size: 1.4rem;
	}
	.comMoraItem::before {
		width: 27px;
		border-color: #E0E0E0;
	}
	.comMoraItem::after {
		width: calc(100% - 50px);
		border-color: #E0E0E0;
	}
	.comMoraItem .textWrap {
		padding: 20px 17px 22px;
		border-color: #E0E0E0;
	}
	.comMoraItem .textWrap::before {
		height: 23px;
		left: 1px;
		bottom: -20px;
		background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg01_sp.png);
	}
	.comMoraItem .textWrap::after {
		height: 23px;
		left: 1px;
		bottom: -20px;
		background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg01_sp.png);
	}
	.comMoraItem .date {
		line-height: 1.42;
	}
	.comMoraItem .date span {
		margin-right: 7px;
		font-size: 1.3rem;
		letter-spacing: 0;
	}
	.comMoraItem .date span:last-child {
		margin-right: 0;
	}
	.comMoraItem .date .new {
		margin-top: 1px;
		padding: 1px 3px 1px 4px;
		font-size: 1.1rem;
	}
	.comMoraItem .text {
		line-height: 1.428;
	}
}

/** comDetailTitle **/
.comDetailTitle {
	margin: 10px 0 60px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.comDetailTitle .tag {
	margin-bottom: 14px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
}
.comDetailTitle .tag a {
	padding: 6px 9px 5px;
	display: inline-block;
	position: relative;
	color: #fff;
	vertical-align: top;
	letter-spacing: -0.01em;
	border: 1px solid #707070;
}
.comDetailTitle .tag a span {
	position: relative;
	z-index: 1;
}
.comDetailTitle .date {
	margin: 4px 0 14px;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 0;
}
.comDetailTitle .title {
	width: 100%;
	padding: 6px 19px 11px;
	color: #000;
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	background: #fff;
	box-sizing: border-box;
}
@media all and (min-width: 1000px) {
	body:not(.tab) .comDetailTitle .tag a::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		background: #fff;
		transform-origin: 100% 50%;
		transform: scaleX(0);
		transition: transform ease .3s;
	}
	body:not(.tab) .comDetailTitle .tag a:hover {
		color: #000;
		opacity: 1;
	}
	body:not(.tab) .comDetailTitle .tag a:hover::before {
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
}
@media all and (max-width: 999px) {
	.comDetailTitle {
		margin: 6px 0 30px 0;
	}
	.comDetailTitle .tag {
		margin-bottom: 11px;
		font-size: 1.7rem;
	}
	.comDetailTitle .tag a {
		padding: 5px 7px 4px;
	}
	.comDetailTitle .date {
		margin: 0 0 12px;
		font-size: 1.4rem;
	}
	.comDetailTitle .title {
		padding: 7px 10px 7px;
		font-size: 1.6rem;
		letter-spacing: 0;
		line-height: 1.765;
	}
}

/** comDetail **/
.comDetail .detailWrap {
	margin-bottom: 150px;
	word-wrap: break-word;
}
.comDetail .detailWrap .animate{
    margin-bottom:100px;
    
}
.comDetail .detailWrap figure {
	margin: 65px 0;
	text-align: center;
}
.comDetail .detailWrap figure + figure {
	margin-top: -50px;
}
.comDetail .detailWrap figure:first-child {
	margin-top: 0 !important;
}
.comDetail .detailWrap figure:last-child {
	margin-bottom: 0 !important;
}
.comDetail .detailWrap p {
	margin-bottom: 26px;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.734;
	word-wrap: break-word;
}
.comDetail .detailWrap p:last-child {
	margin-bottom: 0 !important;
}
.comDetail .detailWrap p strong {
	font-weight: 700;
}
.comDetail .detailWrap p a {
	color: #fff;
	background: linear-gradient(transparent calc(100% - 1px), #fff 0%);
}
.comDetail .detailWrap .video {
	position: relative;
	aspect-ratio: 640/360;
}
.comDetail .detailWrap .video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.comDetail .detailWrap h4 {
	margin: 60px 0 45px;
	font-weight: 700;
	font-size: 1.8rem;
	letter-spacing: 0.03em;
	line-height: 1.44;
}
.comDetail .detailWrap h4:first-child {
	margin-top: 0 !important;
}
.comDetail .detailWrap h4 + figure {
	margin-top: 0;
}
@media all and (max-width: 999px) {
	.comDetail .detailWrap {
		margin-bottom: 55px;
	}
	.comDetail .detailWrap figure {
		margin: 30px 0;
	}
	.comDetail .detailWrap figure + figure {
		margin-top: -19px;
	}
	.comDetail .detailWrap p {
		margin-bottom: 20px;
		font-size: 1.3rem;
		letter-spacing: 0.02em;
		line-height: 1.6;
	}
	.comDetail .detailWrap h4 {
		margin: 40px 0 34px;
		font-size: 1.4rem;
		line-height: 1.571;
	}
}

/** comHeading05 **/
.comHeading05 {
	margin-bottom: 31px;
	font-size: 4rem;
	font-weight: 500;
}
@media all and (max-width: 999px) {
	.comHeading05 {
		margin-bottom: 15px;
		font-size: 2.4rem;
	}
}

/** comComments **/
.comComments {
	position: relative;
	margin-bottom: 60px;
}
.comComments .commentsticky {
	position: sticky;
	bottom: 50px;
}
.comComments .commentBtn {
	position: absolute;
	right: -12vw;
	bottom: -28px;
	z-index: 5;
	transform: scale(0);
	transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0ms;
}
.comComments .commentBtn.show {
	transform: scale(1);
}
.comComments .commentBtn a {
	display: block;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.588;
	border-radius: 50%;
	overflow: hidden;
	background: #000;
	box-sizing: border-box;
}
.comComments .commentBtn a .txt {
	width: 156px;
	height: 156px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
	border-radius: 50%;
	border: 2px solid #fff;
	overflow: hidden;
	z-index: 3;
}
.comComments .commentBtn a .txt .en {
	margin-top: 13px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	color: rgba(252, 252, 252, 0.2);
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 0.02em;
	transform: translateY(-50%);
}
.comComments .commentBtn a .txt .jp {
	width: 100%;
	padding: 12px 10px 32px;
	display: block;
	position: relative;
	letter-spacing: 0.1em;
	box-sizing: border-box;
	background: url(/contents/11/STKZ/official/assets/img/common/icon03_white.png) no-repeat center bottom / 32px;
	z-index: 1;
}
.comComments .commentsList li {
	margin-bottom: 52px;
	padding: 30px 60px;
	position: relative;
	border-radius: 12px;
	background: #1c1c1c;
	box-sizing: border-box;
	border: 1px solid #414141;
}
.comComments .commentsList li:last-child {
	margin-bottom: 0 !important;
}
.comComments .commentsList li::after {
	width: 52px;
	height: 29px;
	position: absolute;
	right: 25px;
	bottom: -29px;
	background: url(/contents/11/STKZ/official/assets/img/fanclub/bg04.png) no-repeat center top / 100%;
	content: '';
}
.comComments .commentsList li .info {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 1;
}
.comComments .commentsList li .info .name {
	display: flex;
	align-items: center;
}
.comComments .commentsList li .info .name .ico {
	margin: 2px 10px 0 0;
	width: 32px;
	height: 32px;
	position: relative;
	border-radius: 50%;
	aspect-ratio: 1/1;
}
.comComments .commentsList li .info .name .ico::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	border: 1px solid #707070;
	box-sizing: border-box;
	content: '';
	z-index: 1;
}
.comComments .commentsList li .info .name .ico img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.comComments .commentsList li .info .name p {
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 0.03em;
}
.comComments .commentsList li .info .date {
	margin-top: 6px;
	font-size: 1.6rem;
	font-weight: 400;
	color: #B1B1B1;
}
.comComments .commentsList li .textBox {
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}
.comComments .commentsList li .textBox p {
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.642;
}
.comComments .commentsList li .like {
	display: flex;
	justify-content: flex-end;
	position: relative;
	z-index: 1;
}
.comComments .commentsList li .like a {
	box-sizing: border-box;
	padding: 1px 3px 0;
	min-width: 56px;
	min-height: 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	vertical-align: top;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 500;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0);
	background: rgba(255, 255, 255, 0.1);
}
.comComments .commentsList li .like a span {
	padding: 2px 0 1px 17px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	transition: 0.3s;
}
.comComments .commentsList li .like a span::before,
.comComments .commentsList li .like a span::after {
	width: 14px;
	height: 14px;
	position: absolute;
	left: 0;
	top: 50%;
	background: url(/contents/11/STKZ/official/assets/img/common/icon13.png) no-repeat center center / 100%;
	transform: translateY(-50%);
	transition: 0.3s;
	content: '';
}
.comComments .commentsList li .like a span::after {
	background-image: url(/contents/11/STKZ/official/assets/img/common/icon16.png);
	opacity: 0;
}
.comComments .commentsList li .like a.active span::before {
	opacity: 0;
}
.comComments .commentsList li .like a.active span::after {
	opacity: 1;
}
.comComments .commentsList li.red,
.comComments .commentsList li.green,
.comComments .commentsList li.yellow,
.comComments .commentsList li.blue {
	margin-bottom: 45px;
	padding: 31px 58px 26px 59px;
}
.comComments .commentsList li.red::after,
.comComments .commentsList li.green::after,
.comComments .commentsList li.yellow::after,
.comComments .commentsList li.blue::after {
	width: 53px;
	height: 31px;
	right: auto;
	left: 23px;
	bottom: -31px;
}
.comComments .commentsList li.red .textBox,
.comComments .commentsList li.blue .textBox {
	margin-bottom: 10px;
}
.comComments .commentsList li.green .textBox,
.comComments .commentsList li.yellow .textBox {
	margin-bottom: 10px;
}
.comComments .commentsList li.red {
	border: 3px solid #B50000;
}
.comComments .commentsList li.red::after {
	background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg05.png);
}
.comComments .commentsList li.red .info .name .ico::after {
	border-color: #B50100;
}
.comComments .commentsList li.green {
	padding: 36px 58px 27px 59px;
	border: 3px solid #32A000;
}
.comComments .commentsList li.green::after {
	background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg06.png);
}
.comComments .commentsList li.green .info .name .ico::after {
	border-color: #31A000;
}
.comComments .commentsList li.yellow {
	padding: 36px 58px 23px 59px;
	border: 3px solid #C7A900;
}
.comComments .commentsList li.yellow::after {
	background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg07.png);
}
.comComments .commentsList li.yellow .info .name .ico::after {
	border-color: #C7A900;
}
.comComments .commentsList li.blue {
	padding: 33px 58px 28px 59px;
	border: 3px solid #004BBA;
}
.comComments .commentsList li.blue::after {
	background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg08.png);
}
.comComments .commentsList li.blue .info .name .ico::after {
	border-color: #004BBA;
}
.comComments .commentsList {
	margin-bottom: 126px;
}
.comComments .commentsList:last-of-type {
	margin-bottom: 0;
}
@media all and (max-width: 362px) {
	.comHeading05 {
		font-size: 2.2rem;
	}
}
@media all and (min-width: 1000px) {
	.comComments .commentBtn a::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 50%;
		background: #fff;
		transform-origin: 100% 50%;
		transform: scaleX(0.01);
		transition: transform ease .3s;
		z-index: 1;
	}
	body:not(.tab) .comComments .commentBtn a:hover {
		color: #000;
		opacity: 1;
	}
	body:not(.tab) .comComments .commentBtn a:hover::before {
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
	body:not(.tab) .comComments .commentBtn a:hover .txt .jp {
		background-image: url(/contents/11/STKZ/official/assets/img/common/icon03.png);
	}
	body:not(.tab) .comComments .commentBtn a:hover .txt .en {
		color: #000;
		opacity: 0.15;
	}
	body:not(.tab) .comComments .commentsList li .like a:hover {
		opacity: 1;
		border-color: #fff;
	}
	.comComments {
		margin-bottom: 80px;
	}
}
@media all and (min-width: 1000px) and (max-width: 1365px) {
	.comComments .commentBtn {
		right: -6vw;
	}
	.comComments .commentBtn a {
		font-size: 1.245vw;
	}
	.comComments .commentBtn a .txt {
		width: 11.42vw;
		height: 11.42vw;
	}
	.comComments .commentBtn a .txt .en {
		margin-top: 0.952vw;
		font-size: 1.318vw;
	}
	.comComments .commentBtn a .txt .jp {
		padding: 0.878vw 0.732vw 2.343vw;
		background-size: 2.343vw;
	}
}
@media all and (max-width: 999px) {
	.comComments {
		padding-bottom: 120px;
	}
	.comComments .commentsticky {
		bottom: 115px;
	}
	.comComments .commentBtn {
		width: 100%;
		right: 0;
		top: auto;
		height: auto;
		bottom: -100px;
		border-radius: 0;
		background: transparent;
	}
	.comComments .commentBtn a {
		font-size: 1.5rem;
		border-radius: 28px;
	}
	.comComments .commentBtn a .txt {
		padding-bottom: 4px;
		width: 100%;
		height: 56px;
		border-radius: 28px;
	}
	.comComments .commentBtn a .txt .en {
		margin-top: -3px;
		color: rgba(255, 255, 255, 0.15);
		font-size: 3.4rem;
		line-height: 1;
	}
	.comComments .commentBtn a .txt .jp {
		padding: 4px 40px 3px;
		width: auto;
		display: inline-block;
		letter-spacing: 0.03em;
		background-position: right center;
		background-size: 25px;
	}
	.comComments .commentsList li {
		margin-bottom: 35px;
		padding: 15px 15px 16px;
	}
	.comComments .commentsList li::after {
		width: 63px;
		height: 22px;
		right: 14px;
		bottom: -22px;
		background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg04_sp.png);
	}
	.comComments .commentsList li .info .name .ico {
		margin: 1px 7px 0 0;
		width: 30px;
		height: 30px;
	}
	.comComments .commentsList li .info .name p {
		font-size: 1.5rem;
		letter-spacing: 0.02em;
	}
	.comComments .commentsList li .info .date {
		margin-top: 2px;
		font-size: 1.2rem;
	}
	.comComments .commentsList li .textBox {
		margin-bottom: 11px;
	}
	.comComments .commentsList li .textBox p {
		font-size: 1.2rem;
		line-height: 1.5;
		letter-spacing: 0.02em;
	}
	.comComments .commentsList li .like {
		margin-right: -2px;
	}
	.comComments .commentsList li .like a {
		padding: 1px 3px 0;
		min-width: 42px;
		min-height: 22px;
		font-size: 1.2rem;
		word-break: break-all;
	}
	.comComments .commentsList li .like a span {
		padding: 2px 0 1px 13px;
	}
	.comComments .commentsList li .like a span::before,
	.comComments .commentsList li .like a span::after {
		width: 11px;
		height: 11px;
		margin-top: 1px;
	}
	.comComments .commentsList li.red,
	.comComments .commentsList li.green,
	.comComments .commentsList li.yellow,
	.comComments .commentsList li.blue {
		margin-bottom: 35px;
		padding: 15px;
	}
	.comComments .commentsList li.red::after,
	.comComments .commentsList li.green::after,
	.comComments .commentsList li.yellow::after,
	.comComments .commentsList li.blue::after {
		width: 63px;
		right: auto;
		left: 13px;
	}
	.comComments .commentsList li.red .textBox,
	.comComments .commentsList li.blue .textBox {
		margin-bottom: 10px;
	}
	.comComments .commentsList li.green .textBox,
	.comComments .commentsList li.yellow .textBox {
		margin-bottom: 10px;
	}
	.comComments .commentsList li.red {
		border-width: 2px;
	}
	.comComments .commentsList li.red::after {
		height: 25px;
		bottom: -25px;
		background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg05_sp.png);
	}
	.comComments .commentsList li.green {
		padding: 14px 15px 20px;
		border-width: 2px;
	}
	.comComments .commentsList li.green::after {
		height: 27px;
		bottom: -27px;
		background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg06_sp.png);
	}
	.comComments .commentsList li.yellow {
		padding: 14px 15px 20px;
		border-width: 2px;
	}
	.comComments .commentsList li.yellow::after {
		height: 24px;
		bottom: -24px;
		background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg07_sp.png);
	}
	.comComments .commentsList li.blue {
		padding: 14px 15px 17px;
		border-width: 2px;
	}
	.comComments .commentsList li.blue::after {
		background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg08_sp.png);
	}
	.comComments .commentsList {
		margin-bottom: 80px;
	}
	.comComments .commentsList:last-of-type {
		margin-bottom: 0;
	}
}
@media all and (max-width: 374px) {
	.comComments .commentBtn a .txt .en {
		/*		margin-top: 1px;*/
		font-size: 9vw;
	}
}
@media all and (max-width: 359px) {
	.comComments .commentBtn a .txt .jp {
		padding-left: 10px;
	}
}

/** comList **/
.comList {
	margin: -47px 0 61px;
	gap: 0 30px;
}
.comList li {
	margin-top: 50px;
	width: calc((100% - 90px) / 4);
}
.comList li a {
	display: block;
	color: #fff;
	font-size: 1.7rem;
}
.comList li .photo {
	margin-bottom: 5px;
}
.comList li .photo span {
	display: block;
	position: relative;
	overflow: hidden;
	aspect-ratio: 1/1;
}
.comList li .photo span::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #404040;
	box-sizing: border-box;
	content: '';
	z-index: 1;
}
.comList li .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s;
}
#member .comList li .photo img {
	object-fit: contain;
}
.comList li .date span {
	margin-right: 8px;
	display: inline-block;
	vertical-align: top;
}
.comList li .date span:last-child {
	margin-right: 0;
}
.comList li .date .new {
	margin-top: 4px;
	padding: 1px 3px 1px 4px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #C4FF46;
	border: 1px solid #C4FF46;
}
@media all and (min-width: 1000px) {
	body:not(.tab) .comList li a:hover {
		opacity: 1;
	}
	body:not(.tab) .comList li a:hover .photo img {
		transform: scale(1.1);
	}
}
@media all and (max-width: 999px) {
	.comList {
		margin: -30px 0 41px;
		gap: 0 14px;
	}
	.comList li {
		margin-top: 30px;
		width: calc(50% - 7px);
	}
	.comList li a {
		font-size: 1.4rem;
	}
	.comList li .photo {
		margin-bottom: 4px;
	}
	.comList li .date .new {
		margin-top: 2px;
		font-size: 1.1rem;
	}
}

/** koelogページ **/
#koelog {
	background: #000 url(/contents/11/STKZ/official/assets/img/common/bg_dark.jpg) no-repeat center / cover;
}
#koelog #main {
	padding: 150px 0 78px 134px;
	min-height: 470px;
	position: relative;
}
#koelog #main .pageTitle h2 {
	width: 145px;
	margin-bottom: 70px;
}
#koelog #main .pageTitle h2 .tspan {
	font-size: 13rem;
}
#koelog #main .voiceList {
	margin-bottom: 61px;
	gap: 50px 25px;
}
#koelog #main .voiceList:last-child {
	margin-bottom: 0 !important;
}
#koelog #main .voiceList li {
	width: calc((100% - 50px) / 3);
}
#koelog #main .voiceList li a {
	display: block;
	color: #fff;
	font-size: 1.7rem;
	font-weight: 400;
}
#koelog #main .voiceList li .photo {
	margin-bottom: 6px;
	aspect-ratio: 280/158;
	overflow: hidden;
}
#koelog #main .voiceList li .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s;
}
#koelog #main .voiceList li .date span {
	margin-right: 8px;
}
#koelog #main .voiceList li .date span:last-child {
	margin-right: 0;
}
#koelog #main .voiceList li .new {
	margin-top: 4px;
	padding: 1px 3px 1px 4px;
	display: inline-block;
	vertical-align: top;
	color: #C4FF46;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.02em;
	border: 1px solid #C4FF46;
}
#koelog #main .comDetail .comHeading01 {
	margin-bottom: 98px;
}
#koelog #main .comDetail .voiceBox {
	margin-bottom: 68px;
	padding: 0 17.528%;
	position: relative;
}
#koelog #main .comDetail .voiceBox .ttlBox {
	position: absolute;
	right: -10px;
	top: -7px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#koelog #main .comDetail .voiceBox .ttlBox .date {
	margin: 0 6px 11px 0;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 0;
}
#koelog #main .comDetail .voiceBox .ttlBox .ttl {
	color: transparent;
	font-size: 9rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1;
	writing-mode: vertical-rl;
	-webkit-text-stroke: 1px #fff;
}
#koelog #main .comDetail .voiceBox .movie {
	position: relative;
	aspect-ratio: 578/325;
}
#koelog #main .comDetail .voiceBox .movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
@media all and (min-width: 1000px) {
	#koelog:not(.tab) #main .voiceList li a:hover {
		opacity: 1;
	}
	#koelog:not(.tab) #main .voiceList li a:hover .photo img {
		transform: scale(1.1);
	}
	#koelog #main .comDetail .detailWrap {
		margin-bottom: 97px;
	}
	#koelog #main .comDetail .detailWrap .comPageNavi02 {
		max-width: 65.168%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#koelog #main .comDetail .detailWrap .comPageNavi02 .comBtn a {
		font-size: 1.8rem;
	}
	#CalendarControl table {
		min-width: 140px;
	}
}
@media all and (min-width: 1000px) and (max-width: 1200px) {
	#koelog #main {
		padding-left: 9.81vw;
		min-height: 34.407vw;
	}
	#koelog #main .pageTitle h2 {
		width: 11.64vw;
	}
	#koelog #main .pageTitle h2 .tspan {
		font-size: 10.688vw;
	}
	#koelog #main .content {
		width: 85%;
	}
}
@media all and (max-width: 999px) {
	#koelog #main {
		padding: 80px 0 40px 45px;
		position: relative;
		min-height: 235px;
	}
	#koelog #main .pageTitle {
		left: 1px;
	}
	#koelog #main .pageTitle h2 {
		margin-bottom: 10px;
		width: 42px;
		align-items: center;
	}
	#koelog #main .pageTitle h2 .tspan {
		font-size: 3.9rem;
	}
	#koelog #main .pageTitle h2 .txt {
		margin: 8px 3px 0 0;
		height: 109px;
	}
	#koelog #main .voiceList {
		margin-bottom: 50px;
		display: block;
	}
	#koelog #main .voiceList li {
		margin-bottom: 33px;
		width: auto;
	}
	#koelog #main .voiceList li:last-child {
		margin-bottom: 0;
	}
	#koelog #main .voiceList li a {
		font-size: 1.5rem;
	}
	#koelog #main .voiceList li .photo {
		aspect-ratio: 290/163;
	}
	#koelog #main .voiceList li .new {
		font-size: 1.1rem;
	}
	#koelog #main .comDetail .comHeading01 {
		margin-bottom: 25px;
	}
	#koelog #main .comDetail .voiceBox {
		margin-bottom: 45px;
		padding: 0;
	}
	#koelog #main .comDetail .voiceBox .ttlBox {
		margin-bottom: -9px;
		position: relative;
		right: auto;
		top: auto;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		z-index: 1;
	}
	#koelog #main .comDetail .voiceBox .ttlBox .date {
		margin: 3px 0 0;
		font-size: 1.5rem;
		letter-spacing: 0;
	}
	#koelog #main .comDetail .voiceBox .ttlBox .ttl {
		font-size: 4rem;
		writing-mode: horizontal-tb;
	}
	#koelog #main .comDetail .voiceBox .movie {
		aspect-ratio: 290/163;
	}
    .comDetail .detailWrap .animate {
        margin-bottom: 40px;
    }
}
@media all and (max-width: 374px) {
	#koelog #main {
		padding-left: 12vw;
	}
	#koelog #main .pageTitle h2 {
		width: 11.2vw;
	}
	#koelog #main .pageTitle h2 .tspan {
		font-size: 10.4vw;
	}
}

/** morashibaページ **/
#morashiba {
	background: #000 url(/contents/11/STKZ/official/assets/img/common/bg_dark.jpg) no-repeat center / cover;
}
#morashiba #main {
	padding: 150px 0 80px 134px;
	min-height: 975px;
	position: relative;
}
#morashiba #main .pageTitle {
	left: 7px;
}
#morashiba #main .pageTitle h2 {
	width: 120px;
	margin-bottom: 70px;
}
#morashiba #main .pageTitle h2 .tspan {
	font-size: 10rem;
	letter-spacing: -0.02em;
}
#morashiba #main .pageTitle h2 .tspan .innTxt {
	margin: 0.1em 0;
}
#morashiba #main .pageTitle h2 .txt {
	top: 12px;
	font-size: 1.3rem;
}
#morashiba #main .moraList {
	margin-bottom: 90px;
}
#morashiba #main .moraList:last-child {
	margin-bottom: 0 !important;
}
#morashiba #main .moraList li:not(:last-child) {
	margin-bottom: 68px;
}
#morashiba #main .moraList li a {
	display: block;
	opacity: 1;
}
#morashiba #main .comDetail .comMoraItem {
	margin-bottom: 83px;
	color: #000;
	background: #fff;
}
#morashiba #main .comDetail .comMoraItem .textWrap::before {
	opacity: 0;
}
#morashiba #main .comDetail .comMoraItem .textWrap::after {
	opacity: 1;
}
@media all and (min-width: 1000px) {
	#morashiba #main .comDetail .pageTitle {
		left: 12px;
	}
	#morashiba #main .comDetail .pageTitle h2 {
		width: 116px;
	}
	#morashiba #main .comDetail .pageTitle h2 .tspan {
		font-size: 10rem;
		letter-spacing: -0.035em;
	}
	#morashiba #main .comDetail .pageTitle h2 .txt {
		top: 7px;
		font-size: 1.2rem;
	}
	#morashiba #main .comDetail .comHeading03 {
		margin-bottom: 87px;
		width: 479px;
	}
	#morashiba #main .comDetail .detailWrap p {
		font-size: 1.6rem;
		line-height: 1.625;
	}
	#morashiba #main .comDetail .detailWrap figure {
		margin: 30px 0;
	}
}
@media all and (min-width: 1000px) and (max-width: 1200px) {
	#morashiba #main {
		padding-left: 9.81vw;
		min-height: 71.376vw;
	}
	#morashiba #main .pageTitle {
		left: 0.512vw;
	}
	#morashiba #main .pageTitle h2 {
		width: 9.444vw;
	}
	#morashiba #main .pageTitle h2 .tspan {
		font-size: 8.053vw;
	}
	#morashiba #main .pageTitle h2 .txt {
		top: 0.878vw;
	}
	#morashiba #main .content {
		width: 85%;
	}
}
@media all and (max-width: 999px) {
	#morashiba #main {
		padding: 80px 0 40px 45px;
		min-height: 530px;
	}
	#morashiba #main .pageTitle {
		left: 5px;
	}
	#morashiba #main .pageTitle h2 {
		width: 40px;
		margin-bottom: 10px;
	}
	#morashiba #main .pageTitle h2 .tspan {
		font-size: 3.5rem;
		letter-spacing: -0.04em;
	}
	#morashiba #main .pageTitle h2 .txt {
		margin: 0 2px 0 5px;
		height: 238px;
		font-size: 1rem;
		line-height: 1.2;
	}
	#morashiba #main .moraList {
		margin-bottom: 73px;
	}
	#morashiba #main .moraList li:not(:last-child) {
		margin-bottom: 35px;
	}
	#morashiba #main .comDetail .comMoraItem {
		margin-bottom: 50px;
		border-radius: 8px;
	}
	#morashiba #main .comDetail .comMoraItem::before,
	#morashiba #main .comDetail .comMoraItem::after,
	#morashiba #main .comDetail .comMoraItem .textWrap::before {
		display: none;
	}
	#morashiba #main .comDetail .comMoraItem .textWrap::after {
		width: 51px;
		height: 29px;
		left: 0;
		bottom: -21px;
		background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg02_sp.png);
	}
	#morashiba #main .comDetail .comMoraItem .textWrap {
		padding: 19px 17px 21px;
		border-radius: 8px;
		border-top-color: #fff;
	}
	#morashiba #main .comDetail .comMoraItem .textWrap p {
		font-size: 1.5rem;
	}
	#morashiba #main .comDetail .detailWrap {
		margin-bottom: 55px;
	}
	#morashiba #main .comDetail .detailWrap p {
		font-size: 1.4rem;
		line-height: 1.643;
	}
}
@media all and (max-width: 374px) {
	#morashiba #main {
		padding-left: 12vw;
	}
	#morashiba #main .pageTitle {
		left: 1.333vw;
	}
	#morashiba #main .pageTitle h2 {
		width: 10.667vw;
	}
	#morashiba #main .pageTitle h2 .tspan {
		font-size: 9.333vw;
	}
}

/** special_archiveページ **/
#special {
	background: #000 url(/contents/11/STKZ/official/assets/img/common/bg_dark.jpg) no-repeat center / cover;
}
#special #main {
	padding: 150px 0 78px 134px;
	min-height: 770px;
	position: relative;
}
#special #main .pageTitle {
	left: 8px;
	top: 150px;
}
#special #main .pageTitle h2 {
	width: 135px;
	margin-bottom: 70px;
}
#special #main .pageTitle h2 .tspan {
	font-size: 11.8rem;
	letter-spacing: -0.04em;
}
#special #main .pageTitle h2 .tspan .innTxt {
	margin: 0.3em 0 0;
}
#special #main .pageTitle h2 .txt {
	top: 4px;
	font-size: 1.3rem;
}
#special #main .comCategory {
	margin-bottom: 90px;
}
#special #main .comCategory .cateList li {
	margin-right: 21px;
}
#special #main .comCategory .cateList li a {
	font-size: 2.8rem;
}
#special #main .comCategory .comPullList {
	margin: 9px 2px 0;
}
@media all and (min-width: 1000px) and (max-width: 1200px) {
	#special #main {
		padding-left: 9.81vw;
		min-height: 56.369vw;
	}
	#special #main .pageTitle {
		left: 0.586vw;
	}
	#special #main .pageTitle h2 {
		width: 10.249vw;
	}
	#special #main .pageTitle h2 .tspan {
		font-size: 8.638vw;
	}
	#special #main .pageTitle h2 .txt {
		top: 0.293vw;
	}
	#special #main .content {
		width: 85%;
	}
}
@media all and (max-width: 999px) {
	#special #main {
		padding: 80px 0 40px 45px;
		min-height: 460px;
	}
	#special #main .pageTitle {
		left: 0;
		top: 80px;
	}
	#special #main .pageTitle h2 {
		width: 45px;
		align-items: center;
		margin-bottom: 10px;
	}
	#special #main .pageTitle h2 .tspan {
		font-size: 3.9rem;
		letter-spacing: -0.045em;
	}
	#special #main .pageTitle h2 .tspan .innTxt {
		margin: 0.1em 0 0;
	}
	#special #main .pageTitle h2 .txt {
		margin: 8px 2px 0 0;
		height: 220px;
		font-size: 1rem;
		letter-spacing: 0.03em;
		line-height: 1.32;
	}
	#special #main .comDetail .pageTitle {
		left: -2px;
	}
	#special #main .comDetail .pageTitle h2 .tspan {
		font-size: 3.6rem;
	}
	#special #main .comCategory {
		margin-bottom: 50px;
	}
	#special #main .comCategory .cateList {
		margin-bottom: 15px;
		gap: 0 3%;
	}
	#special #main .comCategory .cateList li {
		margin-right: 0;
	}
	#special #main .comCategory .cateList li a {
		font-size: 1.7rem;
	}
	#special #main .comCategory .comPullList {
		margin: 9px 0 0 0;
	}
}
@media all and (max-width: 374px) {
	#special #main {
		padding-left: 12vw;
	}
	#special #main .pageTitle h2 {
		width: 12vw;
	}
	#special #main .pageTitle h2 .tspan {
		font-size: 10.4vw;
	}
	#special #main .comDetail .pageTitle h2 .tspan {
		font-size: 9.6vw;
	}
}

/** boxLine **/
@media all and (min-width: 1000px) {
	.boxLineOut,
	.boxLineInner {
		display: block;
		position: relative;
	}
	.boxLineOut::before,
	.boxLineOut::after,
	.boxLineInner::before,
	.boxLineInner::after {
		background-color: #FFF;
		content: '';
		display: block;
		position: absolute;
		z-index: 10;
		transition: all .3s ease;
	}
	.boxLineOut::after {
		height: 1px;
		left: 0;
		top: 0;
		width: 0;
	}
	.boxLineOut::before {
		bottom: 0;
		height: 1px;
		right: 0;
		width: 0;
	}
	.boxLineInner::after {
		bottom: 0;
		height: 0;
		left: 0;
		width: 1px;
	}
	.boxLineInner::before {
		height: 0;
		right: 0;
		top: 0;
		width: 1px;
	}
	body:not(.tab) a:hover .boxLineOut::after,
	body:not(.tab) a:hover .boxLineOut::before {
		width: 100%;
	}
	body:not(.tab) a:hover .boxLineInner::after,
	body:not(.tab) a:hover .boxLineInner::before {
		height: 100%;
	}
}

/** comMailForm **/
.comMailForm .formList {
	margin-bottom: 73px;
}
.comMailForm .formList dt {
	margin-bottom: 8px;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.04em;
}
.comMailForm .formList dt .bebas {
	display: block;
	font-size: 2.4rem;
	letter-spacing: -0.05em;
}
.comMailForm .formList dt .txt {
	margin-right: 10px;
}
.comMailForm .formList dt .txt:last-child {
	margin-right: 0;
}
.comMailForm .formList dt .must {
	color: #C4FF45;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0;
}
.comMailForm .formList dd {
	margin-bottom: 49px;
	word-wrap: break-word;
}
.comMailForm .formList dd:last-child {
	margin-bottom: 0 !important;
}
.comMailForm .formList dd .textareaWrap {
	border: 1px solid #414141;
}
.comMailForm .formList dd textarea {
	padding: 17px 18px;
	width: 100%;
	height: 190px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.667;
	letter-spacing: 0.03em;
	vertical-align: top;
	word-wrap: break-word;
	border-radius: 0;
	border: none;
	background: #1C1C1C;
	box-sizing: border-box;
	resize: vertical;
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	z-index: 5;
}
.comMailForm .formList dd textarea::placeholder {
	opacity: 1;
	color: #808080;
}
.comMailForm .formList dd input[type="text"] {
	padding: 10px 19px;
	width: 100%;
	height: 50px;
	vertical-align: top;
	font-size: 1.5rem;
	font-weight: 500;
	box-sizing: border-box;
	border-radius: 0;
	border: 1px solid #414141;
	background: #1C1C1C;
	-webkit-appearance: none;
	appearance: none;
}
.comMailForm .formList dd .radioList {
	margin-top: 12px;
}
.comMailForm .formList dd .radioList li {
	margin-bottom: 11px;
}
.comMailForm .formList dd .radioList li:last-child {
	margin-bottom: 0 !important;
}
.comMailForm .formList dd .radioList li label,
.comMailForm .formList dd .checkList li label {
	display: inline-block;
	vertical-align: top;
}
.comMailForm .formList dd .radioList li input[type="radio"] {
	display: none;
}
.comMailForm .formList dd .radioList li input[type="radio"] ~ span {
	padding: 0 0 2px 25px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	cursor: pointer;
}
.comMailForm .formList dd .radioList li input[type="radio"] ~ span::before,
.comMailForm .formList dd .radioList li input[type="radio"] ~ span::after {
	margin-top: 1px;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 50%;
	background: url(/contents/11/STKZ/official/assets/img/common/radio_icon01.png) no-repeat center center / 100%;
	transform: translateY(-50%);
	content: '';
	transition: 0.3s;
}
.comMailForm .formList dd .radioList li input[type="radio"] ~ span::after {
	background-image: url(/contents/11/STKZ/official/assets/img/common/radio_icon02.png);
	opacity: 0;
}
.comMailForm .formList dd .radioList li input[type="radio"]:checked ~ span::before {
	opacity: 0;
}
.comMailForm .formList dd .radioList li input[type="radio"]:checked ~ span::after {
	opacity: 1;
}
.comMailForm .formList dd .checkList {
	margin-top: 13px;
}
.comMailForm .formList dd .checkList li {
	margin-bottom: 11px;
}
.comMailForm .formList dd .checkList li:last-child {
	margin-bottom: 0 !important;
}
.comMailForm .formList dd .checkList li input[type="checkbox"] {
	display: none;
}
.comMailForm .formList dd .checkList li input[type="checkbox"] ~ span {
	padding-left: 25px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	cursor: pointer;
}
.comMailForm .formList dd .checkList li input[type="checkbox"] ~ span::before,
.comMailForm .formList dd .checkList li input[type="checkbox"] ~ span::after {
	width: 15px;
	height: 15px;
	position: absolute;
	left: 1px;
	top: 50%;
	background: url(/contents/11/STKZ/official/assets/img/common/check_icon01.png) no-repeat center center / 100%;
	transform: translateY(-50%);
	content: '';
	transition: 0.3s;
}
.comMailForm .formList dd .checkList li input[type="checkbox"] ~ span::after {
	background-image: url(/contents/11/STKZ/official/assets/img/common/check_icon02.png);
	opacity: 0;
}
.comMailForm .formList dd .checkList li input[type="checkbox"]:checked ~ span::before {
	opacity: 0;
}
.comMailForm .formList dd .checkList li input[type="checkbox"]:checked ~ span::after {
	opacity: 1;
}
.comMailForm .formList dd .noteList {
	margin-top: 11px;
}
.comMailForm .formList dd .noteList li {
	margin-bottom: 4px;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.03em;
}
.comMailForm .formList dd .noteList .error {
	display: none;
	color: #C4FF45;
}
.comMailForm .formList dd .noteList .error.on {
	display: block;
}
.comMailForm .formList dd .noteList li:last-child {
	margin-bottom: 0;
}
.comMailForm .submit li label {
	padding: 22px 20px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	box-sizing: border-box;
	border: 2px solid #fff;
	cursor: pointer;
	transition: .3s;
	overflow: hidden;
}
.comMailForm .submit li a {
	padding: 22px 20px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	box-sizing: border-box;
	border: 2px solid #fff;
	opacity: 1 !important;
}
.comMailForm .submit li button {
	padding: 22px 20px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	box-sizing: border-box;
	border-radius: 0;
	border: 2px solid #fff;
	background: transparent;
	transition: .3s;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}
.comMailForm .submit li:not(.retry) label::before,
.comMailForm .submit li:not(.retry) a::before,
.comMailForm .submit li:not(.retry) button::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #fff;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
}
.comMailForm .submit li label .en,
.comMailForm .submit li a .en,
.comMailForm .submit li button .en {
	padding: 0 40px 8px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	left: 0;
	top: 0;
	color: rgba(252, 252, 252, 0.1);
	font-size: 5.6rem;
	letter-spacing: 0.02em;
	line-height: 1;
	white-space: nowrap;
	text-align: right;
	box-sizing: border-box;
	z-index: 1;
	transition: ease .3s;
}
.comMailForm .submit li label .txt01,
.comMailForm .submit li a .txt01,
.comMailForm .submit li button .txt01 {
	padding-right: 50px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	z-index: 2;
}
.comMailForm .submit li label .txt01::after,
.comMailForm .submit li a .txt01::after,
.comMailForm .submit li button .txt01::after {
	width: 30px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: url(/contents/11/STKZ/official/assets/img/common/icon03_white.png) no-repeat right center / 100%;
	content: '';
	transition: ease .3s;
}
.comMailForm .submit li input {
	padding: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	opacity: 0;
}
.comConfirmForm .formList {
	margin-bottom: 61px;
}
.comConfirmForm .formList dt {
	margin-bottom: 9px;
}
.comConfirmForm .formList dd {
	margin-bottom: 41px;
}
.comConfirmForm .formList dd input[type="text"],
.comConfirmForm .formList dd textarea {
	background: #141414;
	border-color: #141414;
}
.comConfirmForm .formList dd p {
	padding: 12px 20px;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.667;
	letter-spacing: 0.03em;
	background: #1C1C1C;
}
.comConfirmForm .formList dd .textarea {
	padding: 18px 21px 22px;
	font-weight: 400;
}
.comConfirmForm .formList dd .noteList {
	display: none;
}
.comConfirmForm .submit {
	margin: 0;
	display: flex;
	justify-content: space-between;
}
.comConfirmForm .submit li {
	width: calc(50% - 25px);
}
.comConfirmForm .submit li label,
.comConfirmForm .submit li a,
.comConfirmForm .submit li button {
	padding: 24px 20px;
	font-size: 2rem;
}
.comConfirmForm .submit .retry label,
.comConfirmForm .submit .retry a,
.comConfirmForm .submit .retry button {
	font-size: 1.8rem;
	border: none;
}
.comConfirmForm .submit .retry label::before,
.comConfirmForm .submit .retry a::before,
.comConfirmForm .submit .retry button::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #838383;
	content: '';
	box-sizing: border-box;
	transition: 0.3s;
	user-select: none;
	pointer-events: none;
}
.comConfirmForm .submit .retry label::after,
.comConfirmForm .submit .retry a::after,
.comConfirmForm .submit .retry button::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid #fff;
	opacity: 0;
	transition: border 0.3s, opacity 0.3s;
	box-sizing: border-box;
	content: '';
	z-index: 1;
	user-select: none;
	pointer-events: none;
}
.comConfirmForm .submit li label .en,
.comConfirmForm .submit li a .en,
.comConfirmForm .submit li button .en {
	justify-content: center;
	font-size: 5.2rem;
	text-align: center;
	padding: 0 0 8px;
}
.comConfirmForm .submit li label .txt01,
.comConfirmForm .submit li a .txt01,
.comConfirmForm .submit li button .txt01 {
	padding: 0 37px 0 25px;
	letter-spacing: 0.1em;
}
.comConfirmForm .submit li label .txt01::after,
.comConfirmForm .submit li a .txt01::after,
.comConfirmForm .submit li button .txt01::after {
	width: 29px;
}
#container #main .comMailForm .comBtnList li a {
	border: 1px solid #555555;
}
#container #main .comMailForm .comBtnList li a span {
	padding: 8px 30px 8px;
}
#container #main .comMailForm .comBtnList li a span::before {
	margin-top: 0;
	right: auto;
	left: 22px;
	transform: translateY(-50%) scaleX(-1);
}
#container #main .comMailForm .comBtnList li a span::before {
	margin-top: 1px;
	width: 7px;
	height: 10px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	background: url(/contents/11/STKZ/official/assets/img/common/icon07.png) no-repeat center center / 100%;
	content: '';
	transition: 0.3s;
}
#container #main .comMailForm .comBtnList {
	margin-top: 50px;
	width: 300px;
}
#container #main .comBtnList li a span::before {
	margin-top: 0;
	right: auto;
	left: 22px;
	transform: translateY(-50%) scaleX(-1) !important;
}
#select #container #main .comBtnList li a span::before, #status #container #main .comBtnList li a span::before{
    margin-top: 0;
    left: auto;
    right: 22px;
    transform: translateY(-50%) !important;
}
@media all and (min-width: 1000px) {
	body:not(.tab) .comMailForm .submit li:not(.retry) label:hover,
	body:not(.tab) .comMailForm .submit li:not(.retry) a:hover,
	body:not(.tab) .comMailForm .submit li:not(.retry) button:hover {
		color: #000;
	}
	body:not(.tab) .comMailForm .submit li:not(.retry) label:hover::before,
	body:not(.tab) .comMailForm .submit li:not(.retry) a:hover::before,
	body:not(.tab) .comMailForm .submit li:not(.retry) button:hover::before {
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
	body:not(.tab) .comMailForm .submit li:not(.retry) label:hover .en,
	body:not(.tab) .comMailForm .submit li:not(.retry) a:hover .en,
	body:not(.tab) .comMailForm .submit li:not(.retry) button:hover .en {
		color: rgba(0, 0, 0, 0.1);
	}
	body:not(.tab) .comMailForm .submit li:not(.retry) label:hover .txt01::after,
	body:not(.tab) .comMailForm .submit li:not(.retry) a:hover .txt01::after,
	body:not(.tab) .comMailForm .submit li:not(.retry) button:hover .txt01::after {
		background-image: url(/contents/11/STKZ/official/assets/img/common/icon03.png);
	}
	body:not(.tab) .comConfirmForm .submit .retry label:hover:before,
	body:not(.tab) .comConfirmForm .submit .retry a:hover:before,
	body:not(.tab) .comConfirmForm .submit .retry button:hover:before {
		opacity: 0;
	}
	body:not(.tab) .comConfirmForm .submit .retry label:hover::after,
	body:not(.tab) .comConfirmForm .submit .retry a:hover::after,
	body:not(.tab) .comConfirmForm .submit .retry button:hover::after {
		border-width: 2px;
		opacity: 1;
	}
	body:not(.tab) #container #main .comBtnList li a:hover span::before {
		background-image: url(/contents/11/STKZ/official/assets/img/common/icon06.png);
	}
    body:not(.tab) #container #main .comBtnList li.white a:hover span::before {
		background-image: url(/contents/11/STKZ/official/assets/img/common/icon07.png);
	}
}
@media all and (min-width: 1000px) and (max-width: 1200px) {
	.comConfirmForm .submit li label .en,
	.comConfirmForm .submit li a .en,
	.comConfirmForm .submit li button .en {
		font-size: 4.33vw;
	}
}
@media all and (max-width: 999px) {
	.comMailForm .formList {
		margin-bottom: 38px;
	}
	.comMailForm .formList dt {
		margin-bottom: 10px;
		font-size: 1.4rem;
		font-weight: 700;
		letter-spacing: 0.02em;
		line-height: 1.333;
	}
	.comMailForm .formList dt .bebas {
		font-size: 1.5rem;
		letter-spacing: -0.03em;
	}
	.comMailForm .formList dt .must {
		font-size: 1.3rem;
	}
	.comMailForm .formList dd {
		margin-bottom: 44px;
	}
	.comMailForm .formList dd .textareaWrap {
		position: relative;
		overflow: hidden;
	}
	.comMailForm .formList dd .textareaWrap::after {
		width: 0.7em;
		height: 0.7em;
		position: absolute;
		right: 0;
		bottom: 0;
		background: #1c1c1c;
		pointer-events: none;
		content: '';
		z-index: 6;
	}
	.comMailForm .formList dd textarea {
		padding: 13px 14px;
		font-size: 1.2rem;
		line-height: 1.5;
		overflow: hidden;
	}
	.comMailForm .formList dd input[type="text"] {
		padding: 13px 14px;
		height: 38px;
		font-size: 1.2rem;
	}
	.comMailForm .formList dd .radioList {
		margin-top: 14px;
	}
	.comMailForm .formList dd .radioList li {
		margin-bottom: 9px;
	}
	.comMailForm .formList dd .radioList li input[type="radio"] ~ span {
		padding: 0 0 1px 22px;
		font-size: 1.3rem;
		letter-spacing: 0.02em;
	}
	.comMailForm .formList dd .radioList li input[type="radio"] ~ span::before,
	.comMailForm .formList dd .radioList li input[type="radio"] ~ span::after {
		width: 15px;
		height: 15px;
	}
	.comMailForm .formList dd .checkList {
		margin-top: 15px;
	}
	.comMailForm .formList dd .checkList li {
		margin-bottom: 10px;
	}
	.comMailForm .formList dd .checkList li input[type="checkbox"] ~ span {
		padding-left: 21px;
		font-size: 1.2rem;
		letter-spacing: 0.02em;
	}
	.comMailForm .formList dd .checkList li input[type="checkbox"] ~ span::before,
	.comMailForm .formList dd .checkList li input[type="checkbox"] ~ span::after {
		width: 14px;
		height: 14px;
		left: 0;
	}
	.comMailForm .formList dd .noteList {
		margin-top: 7px;
	}
	.comMailForm .formList dd .noteList li {
		margin-bottom: 2px;
		line-height: 1.5;
	}
	.comMailForm .formList dd .noteList li:last-child {
		margin-bottom: 0;
	}
	.comMailForm .submit li label,
	.comMailForm .submit li a,
	.comMailForm .submit li button {
		padding: 10px 20px;
		font-size: 1.5rem;
	}
	.comMailForm .submit li label .en,
	.comMailForm .submit li a .en,
	.comMailForm .submit li button .en {
		padding: 0 0 6px;
		justify-content: center;
		text-align: center;
		color: rgba(255, 255, 255, 0.1);
		font-size: 3.4rem;
	}
	.comMailForm .submit li label .txt01,
	.comMailForm .submit li a .txt01,
	.comMailForm .submit li button .txt01 {
		padding: 5px 31px;
	}
	.comMailForm .submit li label .txt01::after,
	.comMailForm .submit li a .txt01::after,
	.comMailForm .submit li button .txt01::after {
		width: 25px;
	}
	.comConfirmForm .formList {
		margin-bottom: 50px;
	}
	.comConfirmForm .formList dt {
		margin-bottom: 9px;
		font-size: 1.4rem;
	}
	.comConfirmForm .formList dd {
		margin-bottom: 35px;
	}
	.comConfirmForm .formList dd input[type="text"],
	.comConfirmForm .formList dd textarea {
		background: #1C1C1C;
		border-color: #1C1C1C;
	}
	.comConfirmForm .formList dd p {
		padding: 10px 15px;
		font-size: 1.2rem;
		font-weight: 400;
		line-height: 1.5;
		letter-spacing: 0.02em;
		background: #1C1C1C;
	}
	.comConfirmForm .formList dd .textarea {
		padding: 15px 16px;
	}
	.comConfirmForm .submit {
		display: block;
	}
	.comConfirmForm .submit li {
		margin-bottom: 20px;
		width: auto;
	}
	.comConfirmForm .submit li:last-child {
		margin-bottom: 0;
	}
	.comConfirmForm .submit li label,
	.comConfirmForm .submit li a,
	.comConfirmForm .submit li button {
		padding: 14px 20px;
		min-height: 56px;
		font-size: 1.5rem;
	}
	.comConfirmForm .submit .retry label,
	.comConfirmForm .submit .retry a,
	.comConfirmForm .submit .retry button {
		font-size: 1.3rem;
		border-color: #959595;
	}
	.comConfirmForm .submit li label .en,
	.comConfirmForm .submit li a .en,
	.comConfirmForm .submit li button .en {
		font-size: 3.4rem;
	}
	.comConfirmForm .submit li label .txt01,
	.comConfirmForm .submit li a .txt01,
	.comConfirmForm .submit li button .txt01 {
		padding: 0 30px 0 25px;
		letter-spacing: 0.03em;
	}
	.comConfirmForm .submit li label .txt01::after,
	.comConfirmForm .submit li a .txt01::after,
	.comConfirmForm .submit li button .txt01::after {
		width: 25px;
	}
	#container #main .comMailForm .comBtnList {
		width: 140px;
	}
}
@media all and (max-width: 374px) {
	.comMailForm .submit li label .en,
	.comConfirmForm .submit li label .en,
	.comMailForm .submit li a .en,
	.comConfirmForm .submit li a .en,
	.comMailForm .submit li button .en,
	.comConfirmForm .submit li button .en {
		font-size: 9.067vw;
	}
	.comMailForm .submit li label .txt01,
	.comMailForm .submit li a .txt01,
	.comMailForm .submit li button .txt01 {
		padding-left: 10px;
	}
}

/** commentページ **/
#comment {
	background: #000 url(/contents/11/STKZ/official/assets/img/common/bg_dark.jpg) no-repeat center / cover;
}
#comment #main {
	padding: 140px 0 81px 126px;
	min-height: 454px;
	position: relative;
}
#comment #main .pageTitle h2 {
	width: 120px;
	margin-bottom: 80px;
}
#comment #main .pageTitle h2 .tspan {
	font-size: 12rem;
	letter-spacing: -0.03em;
	display: flex;
}
#comment #main .nameBox {
	margin-bottom: 21px;
	padding-bottom: 16px;
	display: flex;
	align-items: center;
	border-bottom: 4px solid #fff;
}
#comment #main .nameBox .itemTtl {
	margin-right: 18px;
	flex-shrink: 0;
	font-size: 2.4rem;
	letter-spacing: -0.05em;
}
#comment #main .name {
	display: flex;
	align-items: center;
	flex: 1;
}
#comment #main .name p {
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.03em;
}
#comment #main .name .ico {
	margin-right: 12px;
	width: 35px;
	height: 35px;
	display: flex;
	position: relative;
	border-radius: 50%;
}
#comment #main .name .ico::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	border: 1px solid #707070;
	box-sizing: border-box;
	content: '';
	z-index: 2;
}
#comment #main .name .ico img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
#comment #main .comMailForm .formList {
	margin-bottom: 69px;
}
#comment #main .comMailForm .formList dd .textareaWrap {
	border-color: #1C1C1C;
}
#comment #main .comMailForm .formList dd textarea {
	padding: 14px 23px;
}
#comment #main .comMailForm .formList dd .noteList {
	margin-top: 20px;
}
#comment #main .comMailForm .formList dd .noteList li {
	margin-bottom: 5px;
}
#comment #main .comMailForm .formList dd .noteList li:last-child {
	margin-bottom: 0;
}
#comment.confirm #main {
	padding: 144px 0 80px 137px;
}
#comment.confirm #main .ttl {
	font-weight: 700;
	font-size: 1.6rem;
	margin-bottom: 32px;
	letter-spacing: 0.08em;
}
#comment.confirm #main .commentBox {
	margin-bottom: 74px;
	padding: 37px 59px 40px;
	position: relative;
	border-radius: 12px;
	border: 1px solid #414141;
	background: #1C1C1C;
}
#comment.confirm #main .commentBox::after {
	width: 52px;
	height: 29px;
	position: absolute;
	right: 25px;
	bottom: -29px;
	background: url(/contents/11/STKZ/official/assets/img/fanclub/bg04.png) no-repeat center top / 100%;
	content: '';
}
#comment.confirm #main .commentBox .name {
	margin-bottom: 13px;
}
#comment.confirm #main .commentBox .name p {
	font-size: 2.4rem;
}
#comment.confirm #main .commentBox .name .ico {
	margin: 2px 10px 0 0;
	width: 31px;
	height: 31px;
}
#comment.confirm #main .commentBox .comment {
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.667;
}
#comment.thanks #main {
	padding-bottom: 74px;
}
#comment.thanks #main .content {
	min-height: 450px;
	display: flex;
	align-items: center;
}
#comment.thanks #main .innerBox {
	width: 100%;
}
#comment.thanks #main p {
	margin-bottom: 60px;
	text-align: center;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 0.05em;
}
#comment.thanks #main .backBtn {
	margin: 0 auto;
	width: 420px;
	max-width: 100%;
}
#comment.thanks #main .backBtn a {
	padding: 20px;
	min-height: 82px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	overflow: hidden;
}
#comment.thanks #main .backBtn a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	background: #fff;
	transform-origin: 0% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
}
#comment.thanks #main .backBtn a .en {
	padding-bottom: 7px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 5.4rem;
	letter-spacing: 0;
	color: #FCFCFC;
	opacity: 0.1;
	box-sizing: border-box;
	z-index: 2;
	transition: ease .3s;
}
#comment.thanks #main .backBtn a .txt {
	padding: 0 38px;
	display: inline-block;
	position: relative;
	z-index: 2;
}
#comment.thanks #main .backBtn a .txt::before {
	width: 28px;
	height: 28px;
	position: absolute;
	left: 0;
	top: 50%;
	background: url(/contents/11/STKZ/official/assets/img/common/icon03_white.png) no-repeat center center / 100% auto;
	transform: translateY(-50%) rotateY(180deg);
	content: '';
	transition: ease .3s;
}
@media all and (min-width: 1000px) {
	#comment.thanks:not(.tab) #main .backBtn a:hover {
		opacity: 1;
		color: #000;
	}
	#comment.thanks:not(.tab) #main .backBtn a:hover::before {
		transform-origin: 100% 50%;
		transform: scaleX(1);
	}
	#comment.thanks:not(.tab) #main .backBtn a:hover .en {
		color: #000;
	}
	#comment.thanks:not(.tab) #main .backBtn a:hover .txt::before {
		background-image: url(/contents/11/STKZ/official/assets/img/common/icon03.png);
	}
}
@media all and (min-width: 1000px) and (max-width: 1200px) {
	#comment #main {
		padding-left: 9.224vw;
		min-height: 33.236vw;
	}
	#comment #main .pageTitle h2 {
		width: 8.785vw;
	}
	#comment #main .pageTitle h2 .tspan {
		font-size: 8.785vw;
	}
	#comment #main .content {
		width: 85%;
	}
	#comment.confirm #main {
		padding-left: 10.029vw;
	}
}
@media all and (max-width: 999px) {
	#comment #main {
		padding: 80px 0 40px 45px;
		min-height: inherit;
	}
	#comment #main .pageTitle h2 {
		width: 45px;
		margin-bottom: 20px;
	}
	#comment #main .pageTitle h2 .tspan {
		font-size: 3.9rem;
		letter-spacing: -0.02em;
	}
	#comment #main .nameBox {
		margin-bottom: 22px;
		padding-bottom: 8px;
	}
	#comment #main .nameBox .itemTtl {
		margin-right: 10px;
		font-size: 1.5rem;
		letter-spacing: -0.03em;
	}
	#comment #main .name p {
		font-size: 1.5rem;
		letter-spacing: 0.02em;
	}
	#comment #main .name .ico {
		margin-right: 8px;
		width: 29px;
		height: 29px;
	}
	#comment #main .comMailForm .formList {
		margin-bottom: 42px;
	}
	#comment #main .comMailForm .formList dt {
		margin-bottom: 15px;
	}
	#comment #main .comMailForm .formList dd .noteList {
		margin-top: 20px;
	}
	#comment #main .comMailForm .formList dd {
		margin-bottom: 43px;
	}
	#comment #main .comMailForm .formList dd textarea {
		padding: 13px;
	}
	#comment #main .comMailForm .formList dd .noteList li {
		margin-bottom: 2px;
	}
	#comment.confirm #main {
		padding: 81px 0 20px 45px;
	}
	#comment.confirm #main .ttl {
		font-size: 1.5rem;
		margin-bottom: 21px;
	}
	#comment.confirm #main .commentBox {
		margin-bottom: 50px;
		padding: 15px 15px 20px;
	}
	#comment.confirm #main .commentBox::after {
		width: 63px;
		height: 22px;
		right: 14px;
		bottom: -22px;
		background-image: url(/contents/11/STKZ/official/assets/img/fanclub/bg04_sp.png);
	}
	#comment.confirm #main .commentBox .name {
		margin-bottom: 10px;
	}
	#comment.confirm #main .commentBox .name p {
		font-size: 1.5rem;
	}
	#comment.confirm #main .commentBox .name .ico {
		margin: 2px 7px 0 0;
		width: 29px;
		height: 29px;
	}
	#comment.confirm #main .commentBox .comment {
		font-size: 1.2rem;
		line-height: 1.5;
	}
	#comment.thanks #main {
		padding-top: 129px;
		padding-bottom: 11px;
	}
	#comment.thanks #main .content {
		min-height: initial;
		display: block;
	}
	#comment.thanks #main p {
		margin-bottom: 38px;
		font-size: 1.5rem;
		font-weight: 700;
		letter-spacing: 0.06em;
	}
	#comment.thanks #main .backBtn a {
		padding: 15px;
		min-height: 56px;
		font-size: 1.5rem;
	}
	#comment.thanks #main .backBtn a .en {
		padding-bottom: 7px;
		font-size: 3.4rem;
	}
	#comment.thanks #main .backBtn a .txt {
		padding: 0 36px;
	}
	#comment.thanks #main .backBtn a .txt::before {
		margin-top: -2px;
		width: 26px;
		height: 26px;
	}
}
@media all and (max-width: 374px) {
	#comment #main,
	#comment.confirm #main {
		padding-left: 12vw;
	}
	#comment #main .pageTitle h2 {
		width: 12vw;
	}
	#comment #main .pageTitle h2 .tspan {
		font-size: 10.4vw;
	}
}

/** comHeading04 **/
.comHeading04 {
	margin-bottom: 40px;
	padding-bottom: 15px;
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	border-bottom: 2px solid #646464;
}
@media all and (max-width: 999px) {
	.comHeading04 {
		margin-bottom: 29px;
		padding-bottom: 14px;
		font-size: 1.6rem;
		font-weight: 700;
		letter-spacing: 0.04em;
	}
}

/** formページ **/
#form {
	background: #000 url(/contents/11/STKZ/official/assets/img/common/bg_dark.jpg) no-repeat center / cover;
}
#form #main {
	padding: 140px 0 81px 126px;
	min-height: 454px;
	position: relative;
}
#form #main .pageTitle h2 {
	width: 120px;
	margin-bottom: 80px;
}
#form #main .pageTitle h2 .tspan {
	font-size: 12rem;
	letter-spacing: -0.03em;
}
#form #main .ttl {
	margin-bottom: 41px;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.05em;
    line-height: 1.667;
}
@media all and (min-width: 1000px) {
	#form #main .content {
		width: 85%;
	}
	#form #main .comMailForm .submit li label .txt01,
	#form #main .comMailForm .submit li a .txt01,
	#form #main .comMailForm .submit li button .txt01 {
		padding: 0 40px 0 10px;
		background-size: 28px;
	}
	#form #main .comConfirmForm .submit li label .txt01,
	#form #main .comConfirmForm .submit li a .txt01,
	#form #main .comConfirmForm .submit li button .txt01 {
		padding: 0 37px;
	}
}
@media all and (min-width: 1000px) and (max-width: 1200px) {
	#form #main {
		padding-left: 8.785vw;
	}
	#form #main .pageTitle h2 {
		width: 8.785vw;
	}
	#form #main .pageTitle h2 .tspan {
		font-size: 8.785vw;
	}
}
@media all and (max-width: 999px) {
	#form #main {
		padding: 83px 0 40px 45px;
		min-height: inherit;
	}
	#form #main .pageTitle h2 {
		width: 45px;
		margin-bottom: 20px;
	}
	#form #main .pageTitle h2 .tspan {
		font-size: 3.9rem;
		letter-spacing: -0.02em;
	}
	#form #main .ttl {
		margin-bottom: 23px;
		font-size: 1.4rem;
		font-weight: 700;
		letter-spacing: 0.02em;
	}
	#form #main .comMailForm .submit li label .txt01,
	#form #main .comMailForm .submit li a .txt01,
	#form #main .comMailForm .submit li button .txt01 {
		padding: 6px 31px 3px;
	}
	#form #main .comMailForm .submit li label .txt01::after,
	#form #main .comMailForm .submit li a .txt01::after,
	#form #main .comMailForm .submit li button .txt01::after {
		width: 26px;
	}
	#form #main .comMailForm .submit li label,
	#form #main .comMailForm .submit li a,
	#form #main .comMailForm .submit li button {
		padding-bottom: 11px;
	}
	#form #main .comConfirmForm .submit .retry label,
	#form #main .comConfirmForm .submit .retry a,
	#form #main .comConfirmForm .submit .retry button {
		padding: 14px 20px;
	}
	#form #main .comConfirmForm .submit li:not(.retry) label,
	#form #main .comConfirmForm .submit li:not(.retry) a,
	#form #main .comConfirmForm .submit li:not(.retry) button {
		padding: 8px 20px;
	}
}
/** other **/
#detail.other #main {
	padding: 120px 0 117px;
}
#detail.other #main .ttlBox .subBox {
	padding: 9px 0px 9px;
	border-left: none;
}
#detail.other #main .detailBox h4 {
	margin: 57px 0 15px;
	padding: 0 0 10px;
	color: #ffffff;
	font-size: 1.7rem;
	background: none;
	border-bottom: 1px solid #ffffff;
}
#detail.other #main .detailBox h4:first-child {
	margin-top: 0 !important;
}
#detail.other #main .detailBox h4:last-child {
	margin-bottom: 0 !important;
}
#detail.other #main .shareList {
	margin-bottom: 0;
}
@media all and (max-width: 999px) {
	#detail.other #main {
		padding: 45px 0 77px;
	}
	#detail.other #main .ttlBox {
		margin-top: 20px;
	}
	#detail.other #main .detailBox h4 {
		font-size: 1.6rem
	}
}
/** other detail **/
#detail #main {
	padding: 168px 0 117px;
	border-bottom: 1px solid #555;
	position: relative;
}
#detail #main .pageTitle {
	left: -28px;
}
#detail.stage #main .pageTitle .ptImg svg text {
	letter-spacing: 0;
}
#detail #main .content {
	width: 80%;
	max-width: 900px;
}
#detail #main .ttl_lang_box {
	margin-bottom: 75px;
}
#detail #main .ttlBox {
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	border-bottom: 2px solid #fff;
	line-height: 1.5;
	;
}
#detail #main .ttlBox .mark {
	padding: 5px;
	width: 105px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	box-sizing: border-box;
	word-wrap: break-word;
}
#detail #main .ttlBox .subBox {
	padding: 9px 9% 7px 30px;
	flex: 1;
	box-sizing: border-box;
	border-left: 1px solid #999;
}
#detail #main .ttlBox .subBox .comTag {
	margin-bottom: 9px;
}
#detail #main .ttlBox .subBox h2 {
	margin-bottom: 6px;
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.58;
}
#detail #main .ttlBox .subBox .h2Ttl01 {
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}
#detail #main .ttlBox .subBox h2:last-child {
	margin-bottom: 0 !important;
}
#detail #main .ttlBox .subBox .en:last-child {
	margin-bottom: 0 !important;
}
#detail #main .ttlBox .subBox .date {
	color: #ffffff;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	font-family: 'Roboto Condensed', sans-serif;
}
#detail #main .detailBox {
	margin: 0 auto 60px;
	width: 800px;
	max-width: 95%;
	font-size: 1.4rem;
	letter-spacing: 0.005em;
	line-height: 1.786;
	word-break: break-all;
}
#detail #main .detailBox figure {
	margin: 57px 0 58px;
	text-align: center;
}
#detail #main .detailBox figure:first-child {
	margin-top: 0 !important;
}
#detail #main .detailBox figure:last-child {
	margin-bottom: 0 !important;
}
#detail #main .detailBox figure img {
	width: auto;
	max-width: 100%;
}
#detail #main .detailBox p {
	margin-bottom: 20px;
}
#detail #main .detailBox p:last-child {
	margin-bottom: 0 !important;
}
#detail #main .detailBox a:not([href^="tel:"]) {
	position: relative;
	background: linear-gradient(transparent calc(100% - 1px), #BFBFBF 0%);
	background-position: left bottom;
	color: #fff;
}
#detail #main .detailBox h3 {
	margin: 57px 0 12px;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.5;
}
#detail #main .detailBox h3:first-child {
	margin-top: 0 !important;
}
#detail #main .detailBox h3:last-child {
	margin-bottom: 0 !important;
}
#detail #main .detailBox h4 {
	margin: 57px 0 12px;
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.6;
}
#detail #main .detailBox h4:first-child {
	margin-top: 0 !important;
}
#detail #main .detailBox h4:last-child {
	margin-bottom: 0 !important;
}
#detail #main .detailBox .btn {
	margin: 25px auto;
}
#detail #main .detailBox .btn.center {
	text-align: center;
}
#detail #main .detailBox .btn.right {
	text-align: right;
}
#detail #main .detailBox .btn a {
	padding: 10px;
	min-width: 350px;
	display: inline-block;
	text-align: center;
	color: #fff;
	background: #000;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	overflow: hidden;
	border: 1px solid #B7B7B7;
}
#detail #main .detailBox .btn.color01 a {
	color: #000;
	background: #fff;
}
#detail #main .detailBox .btn a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: #fff;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform ease .3s;
}
#detail #main .detailBox .btn.color01 a::before {
	background: #000;
}
#detail #main .detailBox .btn a::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	/* border: 1px solid #000; */
	z-index: 1;
	content: '';
	pointer-events: none;
	user-select: none;
}
#detail #main .detailBox .btn.color01 a::after {
	border-color: #7F7F7F;
}
#detail #main .detailBox .btnBox {
	margin: 15px 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
}
#detail #main .detailBox .btnBox .btn {
	margin: 0;
}
#detail #main .detailBox .box_text {
	margin: 50px 0;
	border: 1px solid #7F7F7F;
	padding: 20px;
}
#detail #main .shareList {
	margin-bottom: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#detail #main .shareList dt {
	margin: 1px 35px 0 0;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: 0.04em;
}
#detail #main .shareList dd ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#detail #main .shareList dd li {
	margin-right: 18px;
	font-size: 0;
}
#detail #main .shareList dd li:last-child {
	margin-right: 0;
}
#detail #main .shareList dd .tw {
	margin-top: 2px;
	width: 17px;
}
#detail #main .shareList dd .fb {
	width: 20px;
}
#detail #main .shareList dd li a {
	display: block;
}
#detail #main .pageNavi {
	padding-top: 32px;
	display: flex;
	justify-content: center;
	font-size: 1.6rem;
	font-weight: 700;
	position: relative;
}
#detail #main .pageNavi::before {
	position: absolute;
	left: 0;
	top: 0;
	height: 1px;
	width: 0;
	background-color: #BFBFBF;
	content: "";
}
#detail #main .pageNavi.isShow::before {
	width: 100%;
	transition: .5s;
}
#detail #main .pageNavi > div {
	margin: 0 59px;
}
#detail #main .pageNavi a {
	display: block;
	letter-spacing: 0.04em;
}
#detail #main .pageNavi .noLink a {
	pointer-events: none;
	cursor: default;
	opacity: 0.3 !important;
}
#detail #main .pageNavi a {
	overflow: hidden;
	position: relative;
}
#detail #main .pageNavi a span {
	padding: 0 3px;
	display: block;
	box-sizing: border-box;
}
#detail #main .pageNavi a .txt02 {
	display: block;
	position: absolute;
	top: 100%;
	height: 100%;
	left: 0;
	pointer-events: none;
	user-select: none;
}
#detail #main .langList {
	margin: 15px 0 0 auto;
	width: 70px;
	/*font-family: "BEBAS";*/
	font-weight: 600;
	font-size: 1.5rem;
	letter-spacing: 0.02em;
}
#detail #main .langList li {
	display: inline-block;
}
#detail #main .langList li:last-child {
	border-left: 1px solid #BFBFBF;
	padding-left: 15px;
	margin-left: 13px;
}
#detail #main .langList li a {
	display: block;
	opacity: 0.3 !important;
}
#detail #main .langList li.current a {
	opacity: 1 !important;
}
#detail #main .ttl_lang_box:has(.langList) {
	margin-bottom: 45px;
}
@media all and (min-width: 1000px) {
	#detail:not(.tab) #main .langList li a:hover {
		opacity: 1 !important;
	}
}
@media all and (min-width: 1000px) {
	#detail:not(.tab) #main .pageNavi a:hover {
		opacity: 1;
	}
	#detail:not(.tab) #main .pageNavi a:hover span {
		animation: btnhover .3s forwards;
	}
	#detail:not(.tab) #main .detailBox .btn a:hover {
		opacity: 1;
		color: #000;
	}
	#detail:not(.tab) #main .detailBox .btn.color01 a:hover {
		color: #fff;
	}
	#detail:not(.tab) #main .detailBox .btn a:hover::before {
		transform-origin: 0% 50%;
		transform: scaleX(1);
	}
	#detail #main .pageTitle .ptImg {
		position: sticky;
		top: 100px;
		padding-bottom: 170px;
	}
}
@media all and (min-width: 1000px) and (max-width: 1200px) {
	#detail #main .pageTitle .ptImg {
		padding-bottom: calc(170px - 5vw);
	}
}
@media all and (max-width: 999px) {
	#detail #main {
		padding: 45px 0 77px;
	}
	#detail #main .content {
		margin: 0;
		width: auto;
	}
	#detail #main .ttl_lang_box {
		margin-bottom: 40px;
	}
	#detail #main .ttlBox {
		padding-bottom: 20px;
	}
	#detail #main .ttlBox .mark {
		padding: 3px;
		width: 60px;
		font-size: 1.2rem;
	}
	#detail #main .ttlBox .subBox {
		padding: 10px 20px 2px !important;
	}
	#detail #main .ttlBox .subBox .comTag {
		margin-bottom: 10px;
	}
	#detail #main .ttlBox .subBox h2 {
		margin-bottom: 10px;
		font-size: 1.8rem;
		line-height: 1.4;
		letter-spacing: 0.09em;
	}
	#detail #main .ttlBox .subBox .h2Ttl01 {
		font-size: 1.8rem;
		font-weight: 500;
		letter-spacing: 0.04em;
		line-height: 1.625;
	}
	#detail #main .ttlBox .subBox .en {
		margin-bottom: 10px;
		font-size: 1.2rem;
		letter-spacing: 0.04em;
		line-height: 1.4;
	}
	#detail #main .ttlBox .subBox .date {
		font-size: 1.1rem;
	}
	#detail #main .detailBox {
		margin: 0 20px 50px;
		width: auto;
		max-width: initial;
		font-size: 1.3rem;
		line-height: 1.846;
	}
	#detail #main .detailBox figure {
		margin: 40px 0 38px;
	}
	#detail #main .detailBox p {
		margin-bottom: 18px;
	}
	#detail #main .detailBox h3 {
		margin: 40px 0 8px;
		font-size: 1.68rem;
	}
	#detail #main .detailBox h4 {
		margin: 40px 0 8px;
		font-size: 1.6rem;
	}
	#detail #main .detailBox .btn a {
		min-width: 250px;
	}
	#detail #main .detailBox .btn {
		margin: 20px auto;
	}
	#detail #main .shareList {
		margin-bottom: 50px;
	}
	#detail #main .shareList dt {
		margin-right: 29px;
	}
	#detail #main .pageNavi {
		padding-top: 27px;
		font-size: 1.4rem;
	}
	#detail #main .pageNavi > div {
		margin: 0 12px;
		width: calc(33.33% - 24px);
		text-align: center;
	}
	#detail #main .pageNavi a span {
		padding: 0 5px;
	}
	#detail #main .langList {
		margin: 15px 20px 0 auto
	}
	#detail #main .ttl_lang_box:has(.langList) {
		margin-bottom: 20px;
	}
	/*英語版*/
	#detail.en #main .ttlBox .subBox h2 {
		font-size: 1.8rem;
		line-height: 1.3;
	}
	#detail.en #main .detailBox h3 {
		font-size: 1.8rem;
		line-height: 1.3;
		margin-bottom: 12px;
	}
	#detail.en #main .detailBox h4 {
		font-size: 1.5rem;
		line-height: 1.3;
		margin-bottom: 12px;
	}
}

/** memberTopページ **/
#memberTop {
	background: #000 url(/contents/11/STKZ/official/assets/img/common/bg_dark.jpg) no-repeat center / cover;
}
#memberTop #main {
	padding: 120px 0 120px 176px;
	position: relative;
}
#memberTop #main .pageTitle {
	left: 8px;
}
#memberTop #main .pageTitle h2 {
	width: 115px;
}
#memberTop #main .pageTitle h2 .tspan {
	font-size: 9.5rem;
	letter-spacing: -0.04em;
}
#memberTop #main .linkList {
	display: flex;
	flex-wrap: wrap;
}
#memberTop #main .linkList li {
	width: 24.9%;
	margin-left: 0.1%;
}
#memberTop #main .linkList li:nth-child(1) {
	margin-top: 67px;
}
#memberTop #main .linkList li:nth-child(2) {
	margin-top: 136px;
}
#memberTop #main .linkList li:nth-child(4) {
	margin-top: 80px;
}
#memberTop #main .linkList li a {
	display: block;
	position: relative;
	color: #fff;
}
#memberTop #main .linkList li .photo {
	position: relative;
	overflow: hidden;
	aspect-ratio: 298/600;
}
#memberTop #main .linkList li .photo::after {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	aspect-ratio: 596/614;
	background: url(/contents/11/STKZ/official/assets/img/fanclub/member_shadow_2.png) no-repeat center bottom / 100% 100%;
	content: '';
}
#memberTop #main .linkList li .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s;
}
#memberTop #main .linkList li .text {
	margin: -200px 10px 0;
	position: relative;
	font-size: 6.4rem;
	font-weight: 400;
	z-index: 1;
}
#memberTop #main .linkList li .text::after {
	width: 28px;
	height: 6px;
	position: absolute;
	left: 1px;
	bottom: 5px;
	background: #B50000;
	content: '';
}
#memberTop #main .linkList li .text.color02::after {
	background: #32A000;
}
#memberTop #main .linkList li .text.color03::after {
	background: #C7A900;
}
#memberTop #main .linkList li .text.color04::after {
	background: #004BBA;
}
#memberTop #main .linkList li .update {
	margin: 8px 11px 0;
	display: flex;
	align-items: flex-start;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: 0;
	z-index: 1;
	position: relative;
}
#memberTop #main .linkList li .update .new {
	margin: 1px 5px 0 0;
	padding: 1px 3px;
	flex-shrink: 0;
	display: inline-block;
	font-weight: 700;
	line-height: 1;
	border: 1px solid #B50100;
}
#memberTop #main .linkList li .update .txt {
	flex: 1;
	word-break: break-all;
}
#memberTop #main .linkList li .update.color01 {
	color: #B50100;
}
#memberTop #main .linkList li .update.color01 .new {
	border-color: #B50100;
}
#memberTop #main .linkList li .update.color02 {
	color: #31A000;
}
#memberTop #main .linkList li .update.color02 .new {
	border-color: #31A000;
}
#memberTop #main .linkList li .update.color03 {
	color: #C7A900;
}
#memberTop #main .linkList li .update.color03 .new {
	border-color: #C7A900;
}
#memberTop #main .linkList li .update.color04 {
	color: #275DAD
}
#memberTop #main .linkList li .update.color04 .new {
	border-color: #004BBA
}
#memberTop #gFooter .fRBox .fNavi > li:nth-child(5) > a::before, #member.shoji #gFooter .fRBox .fNavi > li:nth-child(5) > a::before, #member.kazuki #gFooter .fRBox .fNavi > li:nth-child(5) > a::before, #member.noppo #gFooter .fRBox .fNavi > li:nth-child(5) > a::before, #member.oguri #gFooter .fRBox .fNavi > li:nth-child(5) > a::before, #special #gFooter .fRBox .fNavi > li:nth-child(3) > a::before, #morashiba #gFooter .fRBox .fNavi > li:nth-child(4) > a::before {
	width: 58.5%;
	position: absolute;
	left: 0%;
	bottom: 95px;
	border-top: 2px solid #fff;
	content: "";
}
#special #gFooter .fRBox .fNavi > li:nth-child(3) > a::before {
	width: 53%;
	bottom: 2px;
}
#morashiba #gFooter .fRBox .fNavi > li:nth-child(4) > a::before {
	width: 73.5%;
	bottom: 2px;
}
#memberTop .menuBox .rBox .menuNavi .menuList > li:nth-child(4) > a::before, #member.shoji .menuBox .rBox .menuNavi .menuList > li:nth-child(4) > a::before, #member.kazuki .menuBox .rBox .menuNavi .menuList > li:nth-child(4) > a::before, #member.noppo .menuBox .rBox .menuNavi .menuList > li:nth-child(4) > a::before, #member.oguri .menuBox .rBox .menuNavi .menuList > li:nth-child(4) > a::before, #morashiba .menuBox .rBox .menuNavi .menuList > li:nth-child(6) > a::before {
	width: 100%;
	position: absolute;
	left: 0%;
	bottom: 3px;
	border-top: 2px solid #fff;
	content: "";
}
@media all and (min-width: 1000px) {
	#memberTop:not(.tab) #main .linkList li a:hover {
		opacity: 1;
	}
	#memberTop:not(.tab) #main .linkList li a:hover .photo img {
		transform: scale(1.1);
	}
}
@media all and (min-width: 1000px) and (max-width: 1200px) {
	#memberTop #main {
		padding-left: 12.884vw;
	}
	#memberTop #main .pageTitle {
		left: 0.586vw;
	}
	#memberTop #main .pageTitle h2 {
		width: 9.956vw;
	}
	#memberTop #main .pageTitle h2 .tspan {
		font-size: 8.638vw;
	}
}
@media all and (max-width: 999px) {
	#memberTop #main {
		padding: 70px 0 47px 63px;
	}
	#memberTop #main .pageTitle {
		left: 3px;
		bottom: 47px;
	}
	#memberTop #main .pageTitle h2 {
		width: auto;
		align-items: center;
	}
	#memberTop #main .pageTitle h2 .tspan {
		font-size: 3.9rem;
		letter-spacing: -0.02em;
	}
	#memberTop .pageTitle h2 .txt {
		margin-left: -5px;
		height: 145px;
	}
	#memberTop #main .linkList {
		margin-top: -36px;
	}
	#memberTop #main .linkList li {
		margin-top: 25px;
		width: 49.6%;
		margin-left: 0.4%;
	}
	#memberTop #main .linkList li:nth-child(1) {
		margin-top: 36px;
	}
	#memberTop #main .linkList li:nth-child(2) {
		margin-top: 36px;
	}
	#memberTop #main .linkList li:nth-child(4) {
		margin-top: 25px;
	}
	#memberTop #main .linkList li .subBox {
		position: relative;
	}
	#memberTop #main .linkList li .photo {
		aspect-ratio: 156/280;
	}
	#memberTop #main .linkList li .photo::after {
		aspect-ratio: 126/93;
	}
	#memberTop #main .linkList li .text {
		margin: -20px 0 0;
		padding: 10px 5px;
		position: absolute;
		bottom: 45px;
		left: 0;
		font-size: 3rem;
	}
	#memberTop #main .linkList li .text::after {
		height: 5px;
		left: 6px;
	}
	#memberTop #main .linkList li .update {
		margin: -40px 6px 0;
		font-size: 1.1rem;
	}
	#memberTop #main .linkList li .update .new {
		margin: 0 4px 0 0;
	}
}

/** comHeading06 **/
.comHeading06 {
	font-size: 10.3rem;
	font-weight: 500;
	letter-spacing: -0.01em;
	line-height: 1.22;
}
@media all and (max-width: 999px) {
	.comHeading06 {
		margin-bottom: 11px;
		font-size: 6rem;
		letter-spacing: 0;
	}
}

/** memberページ **/
#member {
	background: #000 url(/contents/11/STKZ/official/assets/img/common/bg_dark.jpg) no-repeat center / cover;
}
#member #main {
	padding: 125px 0 82px 134px;
	min-height: 660px;
	position: relative;
}
#member #main .comCategory {
	margin-bottom: 130px;
	align-items: flex-end;
}
/* #member #main .comList li .photo span {
	aspect-ratio: 430/242;
} */
#member #main .comList li .date .new {
	padding: 2px 7px;
	color: #fff;
	background: #004BBA;
	border: none;
}
#member #main .comList li .photo span::before {
	border-color: #333;
}
#member.oguri #main .comFlowing .flowingInner p {
	color: #01132f;
}
#member.oguri #main .comList li .date .new {
	background: #004BBA;
}
#member.shoji #main .comFlowing .flowingInner p {
	color: #390505;
}
#member.shoji #main .comList li .date .new {
	background: #B50000;
}
#member.kazuki #main .comFlowing .flowingInner p {
	color: #04260c;
}
#member.kazuki #main .comList li .date .new {
	background: #068824;
}
#member.noppo #main .comFlowing .flowingInner p {
	color: #302902;
}
#member.noppo #main .comList li .date .new {
	background: #9F930E;
}
#member.shoji #gFooter .fRBox .fNavi > li:nth-child(5) .subMenu li:nth-child(1) a, #member.shoji .menuBox .rBox .menuNavi .menuList > li:nth-child(4) .subMenu li:nth-child(1) a {
	color: #999;
	;
}
#member.kazuki #gFooter .fRBox .fNavi > li:nth-child(5) .subMenu li:nth-child(2) a, #member.kazuki .menuBox .rBox .menuNavi .menuList > li:nth-child(4) .subMenu li:nth-child(2) a {
	color: #999;
}
#member.noppo #gFooter .fRBox .fNavi > li:nth-child(5) .subMenu li:nth-child(3) a, #member.noppo .menuBox .rBox .menuNavi .menuList > li:nth-child(4) .subMenu li:nth-child(3) a {
	color: #999;
}
#member.oguri #gFooter .fRBox .fNavi > li:nth-child(5) .subMenu li:nth-child(4) a, #member.oguri .menuBox .rBox .menuNavi .menuList > li:nth-child(4) .subMenu li:nth-child(4) a {
	color: #999;
}
@media all and (min-width: 1000px) {
	#member #main .pageTitle {
		left: 8px;
		bottom: 82px;
	}
	#member #main .pageTitle h2 {
		width: 85px;
	}
	#member #main .pageTitle h2 .tspan {
		font-size: 7rem;
	}
	#member #main .comCategory .comPullList {
		margin-right: 2px;
	}
	#member #main .comList {
		/*
		margin: -68px 0 71px;
		justify-content: space-between;
		gap: 0;
*/
		gap: 60px 25px;
	}
	#member #main .comList li {
		margin-top: 0;
		width: calc((100% - 50px) / 3);
		/* width: calc(50% - 15px); */
	}
	#member #main .comList li .photo {
		margin-bottom: 4px;
	}
}
@media all and (min-width: 1000px) and (max-width: 1200px) {
	#member #main {
		padding-left: 9.81vw;
		min-height: 48.316vw;
	}
	#member #main .pageTitle {
		left: 0.586vw;
	}
	#member #main .pageTitle h2 {
		width: 7.5vw;
	}
	#member #main .pageTitle h2 .tspan {
		font-size: 6vw;
	}
	#member #main .content {
		width: 85%;
	}
}
@media all and (max-width: 999px) {
	#member {
		background: #000 url(/contents/11/STKZ/official/assets/img/common/bg_dark.jpg) no-repeat center / cover;
	}
	#member #main {
		padding: 73px 0 50px 45px;
		min-height: 400px;
	}
	#member #main .pageTitle {
		left: 1px;
		bottom: 50px;
	}
	#member #main .pageTitle h2 {
		align-items: center;
	}
	#member #main .pageTitle h2 .txt {
		margin-left: -3px;
		height: 146px;
	}
	#member #main .comCategory {
		margin-bottom: 50px;
	}
	#member #main .comList {
		margin: 0 0 42px;
		display: block;
	}
	#member #main .comList li {
		margin: 0 0 28px;
		width: auto;
	}
	#member #main .comList li:last-child {
		margin-bottom: 0;
	}
	#member #main .comList li .date .new {
		font-size: 1.2rem;
	}
}
@media all and (max-width: 374px) {
	#member #main {
		padding-left: 12vw;
		min-height: 106.667vw;
	}
}

/** member detailページ **/
#member #main .comDetailTitle {
	margin-top: 17px;
}
#member #main .comDetailTitle .tag {
	margin-bottom: 17px;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	font-size: 3rem;
}
#member #main .comDetailTitle .tag a {
	padding: 0;
	border: none;
}
#member #main .comDetailTitle .tag a::before {
	display: none;
}
#member #main .comDetailTitle .date {
	margin: 3px 0 17px;
}
#member #main .comDetailTitle .title {
	padding: 8px 19px 9px;
}
@media all and (min-width: 1000px) {
	#member #main .comDetailTitle .tag a:hover {
		color: #fff;
		opacity: 0.5;
	}
}
@media all and (max-width: 999px) {
	#member #main .comDetailTitle {
		margin-top: 10px;
	}
	#member #main .comDetailTitle .tag {
		margin-bottom: 21px;
		font-size: 2.6rem;
	}
	#member #main .comDetailTitle .date {
		margin: 6px 0 20px;
	}
	#CalendarControl table {
		width: 120px;
	}
}
@media all and (max-width: 330px) {
	#memberTop #main .linkList li .update .new {
		margin: 0 2px 0 0;
	}
	#memberTop #main {
		padding: 70px 0 47px 60px;
	}
	#memberTop #main .linkList li .update {
		font-size: 1rem;
	}
}
/** collectionページ **/
#collection {
	background: #000 url(/contents/11/STKZ/official/assets/img/common/bg_dark.jpg) no-repeat center / cover;
}
#collection #main {
	padding: 144px 0 163px 132px;
	position: relative;
}
#collection #main .content {
	max-width: 736px;
}
#collection #main .collection h3 {
	margin-bottom: 38px;
	font-size: 2.8rem;
	letter-spacing: 0.02em;
}
#collection #main .collection .phoList {
	margin: -25px 0 54px;
}
#collection #main .collection .phoList li {
	margin: 25px 21px 0 0;
	width: calc((100% - 84px) / 5);
}
#collection #main .collection .phoList li:nth-child(5n) {
	margin-right: 0;
}
#collection #main .collection .phoList li a {
	display: block;
	position: relative;
	aspect-ratio: 1/1;
	overflow: hidden;
}
#collection #main .collection .phoList li a::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	border: 1px solid #262626;
	content: '';
	z-index: 1;
}
#collection #main .collection .phoList li img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: transform 0.7s;
}
#collection #main .collection .imgBox {
	margin: 0 -15px 81px 1px;
	align-items: flex-start;
}
#collection #main .collection .imgBox .photoBox {
	width: 300px;
	position: relative;
}
#collection #main .collection .imgBox .photoBox::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	border: 1px solid #262626;
	content: '';
	z-index: 1;
}
#collection #main .collection .imgBox .textBox {
	margin-top: -3px;
	width: 400px;
}
#collection #main .collection .imgBox .textBox h4 {
	margin-bottom: 25px;
	font-size: 2.4rem;
	letter-spacing: 0.05em;
	line-height: 1.47;
}
#collection #main .collection .imgBox .textBox p {
	font-size: 1.4rem;
	letter-spacing: 0.03em;
	line-height: 2;
}
#collection #main .collection .imgBox .textBox p:not(:last-child) {
	margin-bottom: 15px;
}
#collection #main .comBtnList li a span {
	padding: 10px 30px 11px;
}
#collection #main .comBtnList li a span::before {
	margin-top: 0;
	right: auto;
	left: 22px;
	transform: translateY(-50%) scaleX(-1);
}
@media all and (min-width: 1000px) {
	#collection:not(.tab) #main .collection .phoList li a:hover {
		opacity: 1;
	}
	#collection:not(.tab) #main .collection .phoList li a:hover img {
		transform: scale(1.1);
	}
}
@media all and (max-width: 999px) {
	#collection #main {
		padding: 81px 0 49px 45px;
	}
	#collection #main .collection h3 {
		margin-bottom: 20px;
		font-size: 1.8rem;
	}
	#collection #main .collection .phoList {
		margin: -13px 0 50px;
		justify-content: space-between;
	}
	#collection #main .collection .phoList li {
		margin: 13px 0 0;
		width: calc(50% - 7px);
	}
	#collection #main .collection .imgBox {
		margin: 38px 0 44px;
	}
	#collection #main .collection .imgBox .photoBox {
		margin: 0 auto;
		width: 77.1%;
		max-width: 400px;
	}
	#collection #main .collection .imgBox .photoBox img {
		width: 100%;
	}
	#collection #main .collection .imgBox .textBox {
		margin-top: 24px;
		width: auto;
	}
	#collection #main .collection .imgBox .textBox h4 {
		margin-bottom: 12px;
		font-size: 1.8rem;
		line-height: 1.4;
	}
	#collection #main .collection .imgBox .textBox p {
		font-size: 1.3rem;
		letter-spacing: 0.02em;
		line-height: 1.7;
	}
	#collection #main .collection .imgBox .textBox p:not(:last-child) {
		margin-bottom: 10px;
	}
	#collection #main .comBtnList li a span::before {
		left: 16px;
	}
}