@charset "utf-8";
.mainContents{
	width: 100%;
	position: relative;
}
.contSection{
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.contSection___inner{
	position: relative;
	width: 100%;
	max-width: calc(1200px * var(--max-percent));
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	margin: 0 auto;
}
.cont__secTitle{
	position: relative;
	z-index: 1;
}
@media screen and (min-width:769px){
	.cont__secTitle{
		width: min(calc(1040 / var(--vw-min) * 100vw), calc(1040px * var(--max-percent)));
		margin-left: auto;
		margin-right: auto;
		transform: translateX(max(calc(-30 / var(--vw-min) * 100vw), -30px));
	}
}
@media screen and (max-width:768px){
	.contSection{
		max-width: 100%;
	}
	.cont__secTitle{
		margin-left: 0;
	}
	.contSection___inner{
		max-width: 100%;
		padding: calc(96 / var(--vw-min) * 100vw) 0 0;
	}
}
.character__articleArea{
	position: relative;
	width: 100%;
}
.characterSelectWrap{
	width: 100%;
}
.characterSelectLists{
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
}
.characterSelectList{
	width: min(calc(192 / var(--vw-min) * 100vw), calc(192px * var(--max-percent)));
}
.characterSelect__link{
	width: 100%;
	padding-top: 83.3334%;
	display: block;
	position: relative;
	background-color: #000;
	overflow: auto;
}
.characterSelect__link:before{
	content: '';
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 0% 100%;
	transition: background-size 0.4s;
}
.characterSelect__name{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	writing-mode: vertical-rl;
	font-family: var(--font-en);
	font-size: min(calc(34 / var(--vw-min) * 100vw), calc(34px * var(--max-percent)));
	line-height: 0.725;
	letter-spacing: 0;
	font-weight: 700;
	color: #FFF;
}
.characterSelect__img{
	position: absolute;
	inset: 0;
}
.characterSelect__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
@media screen and (max-width:768px){
	.characterSelectLists{
		gap: calc(10 / var(--vw-min) * 100vw);
	}
	.characterSelectList{
		width: calc(240 / var(--vw-min) * 100vw);
	}
	.characterSelect__name{
		font-size: calc(42 / var(--vw-min) * 100vw);
	}
}
.characterSelect__link.--is-active .characterSelect__name > span{
	color: #000;
}
.characterSelect__link.--is-active:before{
	background-size: 100% 100%;
}
@media screen and (hover:hover) and (pointer: fine){
	.characterSelect__name > span{
		transition: color .3s ease;
	}
	.characterSelect__link:hover::before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
	.characterSelect__link:hover .characterSelect__name > span{
		color: #000;
	}
}
body.--page-character_detail .contSection___inner{
	padding-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
@media screen and (max-width:768px){
	body.--page-character_detail .contSection___inner{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
}
body.--page-character_detail .comBgIn{
	position: absolute;
	height: 100%;
}
body.--page-character_detail .comBgIn:before{
	height: calc(min(calc(160 / var(--vw-min) * 100vw), 160px) + min(calc(104 / var(--vw-min) * 100vw), 104px) + min(calc(40 / var(--vw-min) * 100vw), 40px) + min(calc(360 / var(--vw-min) * 100vw), calc(360px * var(--max-percent))));
}
body.--page-character_detail .comBg__slideText{
	position: fixed;
}
@media screen and (max-width:768px){
	body.--page-character_detail .comBgIn:before{
		height: calc(888 / var(--vw-min) * 100vw);
	}
}
.character__detailCont{
	width: min(calc(1040 / var(--vw-min) * 100vw), calc(1040px * var(--max-percent)));
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width:768px){
	.character__detailCont{
		width: calc(654 / var(--vw-min) * 100vw);
	}
	body.--page-character_detail #character{
		overflow: hidden;
	}
}
body.--page-character_detail .characterSelectWrap{
	padding-top: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
}
body.--page-character_detail .characterSelectLists{
	gap: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
}
body.--page-character_detail .characterSelectList{
	width: min(calc(95 / var(--vw-min) * 100vw), calc(95px * var(--max-percent)));
}
body.--page-character_detail .characterSelect__name{
	font-size: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
}
@media screen and (max-width:768px){
	body.--page-character_detail .characterSelectWrap{
		padding-top: calc(96 / var(--vw-min) * 100vw);
	}
	body.--page-character_detail .characterSelectLists{
		gap: calc(5 / var(--vw-min) * 100vw);
	}
	body.--page-character_detail .characterSelectList{
		width: calc(120 / var(--vw-min) * 100vw);
	}
	body.--page-character_detail .characterSelect__name{
		font-size: calc(22 / var(--vw-min) * 100vw);	
	}
}
.charaBgWrap{
	position: absolute;
	top: min(calc(144 / var(--vw-min) * 100vw), calc(144px * var(--max-percent)));
	left: min(calc(360 / var(--vw-min) * 100vw), calc(360px * var(--max-percent)));
	padding-top: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
}
.charaBgInWrap{
	width: min(calc(400 / var(--vw-min) * 100vw), calc(400px * var(--max-percent)));
	height: min(calc(600 / var(--vw-min) * 100vw), calc(600px * var(--max-percent)));
	position: relative;
}
.charaBg__image{
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform: translateX(max(calc(-40 / var(--vw-min) * 100vw), calc(-40px * var(--max-percent)))) translateY(min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent))));
}
.charaBg__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.charaBg__frameWrap{
	position: absolute;
	inset: 0;
}
.charaBg__frame{
	position: absolute;
	inset: 0;
}
.charaBg__frame:before{
	content: '';
	position: absolute;
	width: 100%;
	height: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
	background-color: #fff;
}
.charaBg__frame:after{
	content: '';
	position: absolute;
	width: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
	height: 100%;
	background-color: #fff;
}
.charaBg__frame.-tr:before,
.charaBg__frame.-tr:after{
	top: 0;
	right: 0;
}
.charaBg__frame.-bl:before,
.charaBg__frame.-bl:after{
	bottom: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.charaBgWrap{
		top: 0;
		left: calc(144 / var(--vw-min) * 100vw);
		padding-top: calc(96 / var(--vw-min) * 100vw);
	}
	.charaBgInWrap{
		width: calc(462 / var(--vw-min) * 100vw);
		height: calc(692 / var(--vw-min) * 100vw);
	}
	.charaBg__image{
		transform: translateX(calc(-48 / var(--vw-min) * 100vw)) translateY(calc(40 / var(--vw-min) * 100vw));
	}
}
.charaImageWrap{
	position: relative;
	width: 100%;
	padding-top: 112.3077%;
	margin-top: max(calc(-144 / var(--vw-min) * 100vw), calc(-144px * var(--max-percent)));
}
.charaImageList{
	position: absolute;
	inset: 0;
}
@media screen and (max-width:768px){
	.charaImageWrap{
		padding-top: 150.1529%;
		margin-top: 0;
	}
}
.charaImageFace{
	position: absolute;
	top: min(calc(144 / var(--vw-min) * 100vw), calc(144px * var(--max-percent)));
	padding-top: min(calc(160 / var(--vw-min) * 100vw), calc(160px * var(--max-percent)));
	z-index: 1;
}
.charaImageFace__cont{
	width: min(calc(400 / var(--vw-min) * 100vw), calc(400px * var(--max-percent)));
	height: min(calc(120 / var(--vw-min) * 100vw), calc(120px * var(--max-percent)));
}
.charaImageFaceIn{
	position: relative;
}
.charaImageFaceIn img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.charaImageFaceIn:after{
	content: '';
	position: absolute;
	inset: 0;
	border: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent))) solid #FFF;
}
@media screen and (max-width:768px){
	.charaImageFace{
		top: 0;
		padding-top: calc(320 / var(--vw-min) * 100vw);
	}
}
.charaImageMain{
	position: absolute;
	inset: 0;
}
.charaImageMain img{
	width: 100%;
	height: 100%;
	object-position: cover;
}
@media screen and (max-width:768px){
	.charaImageMain{
		inset: unset;
		top: calc(-87 / var(--vw-min) * 100vw);
		left: calc(-77 / var(--vw-min) * 100vw);
		width: calc(1039 / var(--vw-min) * 100vw);
		height: calc(1167 / var(--vw-min) * 100vw);
	}
}
.chara__sideWrap{
	position: absolute;
	top: min(calc(144 / var(--vw-min) * 100vw), calc(144px * var(--max-percent)));
	left: 0;
	right: 0;
	height: min(calc(760 / var(--vw-min) * 100vw), calc(760px * var(--max-percent)));
}
.chara__side{
	position: absolute;
	width: min(calc(120 / var(--vw-min) * 100vw), calc(120px * var(--max-percent)));
	height: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
}
.chara__side:before{
	content: '';
	position: absolute;
	width: 100%;
	height: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
	background-color: #000;
}
.chara__side:after{
	content: '';
	position: absolute;
	width: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
	height: 100%;
	background-color: #000;
}
.chara__side.-tr{
	top: 0;
	right: 0;
}
.chara__side.-tr:before,
.chara__side.-tr:after{
	top: 0;
	right: 0;
}
.chara__side.-bl{
	bottom: 0;
	left: 0;
}
.chara__side.-bl:before,
.chara__side.-bl:after{
	bottom: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.chara__sideWrap{
		top: 0;
		height: calc(982 / var(--vw-min) * 100vw);
	}
}
.chara__enCont{
	position: absolute;
	top: min(calc(144 / var(--vw-min) * 100vw), calc(144px * var(--max-percent)));
	left: 0;
	bottom: min(calc(264 / var(--vw-min) * 100vw), calc(264px * var(--max-percent)));
	padding-top: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	z-index: 1;
}
.chara_num{
	display: inline-block;
	position: relative;
	padding-left: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
}
.chara_num__txtWrap{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.chara_num__txt{
	display: block;
	font-family: var(--font-en);
	font-weight: 900;
	line-height: 0.725;
	letter-spacing: 0;
	color: var(--color-main-red);
}
.chara_num__txt.-chara{
	font-size: min(calc(28 / var(--vw-min) * 100vw), calc(28px * var(--max-percent)));
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
}
.chara_num__txt.-num{
	font-size: min(calc(167 / var(--vw-min) * 100vw), calc(167px * var(--max-percent)));
}
.chara_en{
	margin-top: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
    font-family: var(--font-en);
	font-size: min(calc(112 / var(--vw-min) * 100vw), calc(112px * var(--max-percent)));
    font-weight: 900;
    line-height: 0.725;
    letter-spacing: -0.025em;
}
.chara_en__txtWrap{
	display: flex;
	flex-direction: column;
}
.chara_en__txtWrap > span:nth-of-type(1){
	color: #FFF;
}
@media screen and (max-width:768px){
	.chara__enCont{
		top: 0;
		bottom: unset;
		height: calc(982 / var(--vw-min) * 100vw);
		padding-top: calc(184 / var(--vw-min) * 100vw);
	}
	.chara_num{
		display: block;
		padding-left: 0;
		width: calc(264 / var(--vw-min) * 100vw);
	}
	.chara_num__txt.-chara{
		font-size: calc(28 / var(--vw-min) * 100vw);
		margin-bottom: calc(12 / var(--vw-min) * 100vw);
	}
	.chara_num__txt.-num{
		font-size: calc(167 / var(--vw-min) * 100vw);
	}
	.chara_en{
		margin-top: calc(102 / var(--vw-min) * 100vw);
	}
}
.chara__changeBtnArea{
	position: absolute;
	bottom: min(calc(110 / var(--vw-min) * 100vw), calc(110px * var(--max-percent)));
	left: min(calc(90 / var(--vw-min) * 100vw), calc(90px * var(--max-percent)));
	width: min(calc(104 / var(--vw-min) * 100vw), calc(104px * var(--max-percent)));
}
.btn_visualChange{
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 100%;
	border-radius: 50%;
}
.btn_visualChange:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 64%;
	height: 64%;
	margin: auto;
	background: url(../../../assets/img/common/icon/icon_changeCircle.svg) no-repeat center / contain;
	transition: transform .4s ease;
}
.btn_visualChange--txt{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../../../assets/img/character/txt_visualChange.svg) no-repeat center / contain;
	animation: ani_rotate360 16s linear infinite;
}
@media (hover: hover) and (pointer: fine){
	.btn_visualChange:hover .btn_charaChange--txt{
		animation-play-state: paused;
	}
	.btn_visualChange:hover::before{
		transform: rotate(-180deg);
	}
}
.chara__changeNum{
	display: flex;
	justify-content: center;
	margin-top: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
	gap: min(calc(3 / var(--vw-min) * 100vw), calc(3px * var(--max-percent)));
	font-family: var(--font-en);
	font-size: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
	font-weight: 700;
	line-height: 0.785;
}
@media screen and (max-width:768px){
	.chara__changeBtnArea{
		bottom: calc(72 / var(--vw-min) * 100vw);
		left: calc(8 / var(--vw-min) * 100vw);
		width: calc(152 / var(--vw-min) * 100vw);
	}
	.chara__changeNum{
		margin-top: calc(16 / var(--vw-min) * 100vw);
		gap: calc(4 / var(--vw-min) * 100vw);
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
.chara__textDetailWrap{
	position: absolute;
	top: min(calc(144 / var(--vw-min) * 100vw), calc(144px * var(--max-percent)));
	right: 0;
	padding-top: min(calc(160 / var(--vw-min) * 100vw), calc(160px * var(--max-percent)));
	width: min(calc(400 / var(--vw-min) * 100vw), calc(400px * var(--max-percent)));
}
.chara__name-ja{
	font-size: min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent)));
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
	color: #000;
}
.chara__name-ja > span{
	display: inline-block;
	padding: min(calc(10 / var(--vw-min) * 100vw), calc(10px * var(--max-percent)));
	background-color: #fff;
}
.chara__cv{
	display: flex;
	align-items: flex-end;
	line-height: 1;
	gap: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
	margin-top: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
}
.chara__cv-dt{
	font-family: var(--font-en);
	font-weight: 700;
	font-size: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
	line-height: 0.785;
	letter-spacing: 0;
	color: #FFF;
}
.chara__cv-dt span{
	display: inline-block;
	background-color: var(--color-main-red);
	padding: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
}
.chara__cv-dd{
	display: flex;
	align-items: center;
	font-size: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	gap: min(calc(10 / var(--vw-min) * 100vw), calc(10px * var(--max-percent)));
}
.chara__cv--name{
	display: inline-block;
	padding: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
	background-color: #fff;
}
.btn_comment{
	width: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	height: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	-webkit-mask: url(../../../assets/img/common/icon/icon_fukidashi.svg) no-repeat center / contain;
	mask: url(../../../assets/img/common/icon/icon_fukidashi.svg) no-repeat center / contain;
	pointer-events: auto;
	background-color: #000;
}
.character__text{
	margin-top: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	font-size: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
	line-height: 2;
}
.character__text > span{
	background-color: var(--color-main-yellow);
}
@media screen and (hover:hover) and (pointer: fine){
	.btn_comment{
		transition: background-color .3s ease, transform .3s ease;
	}
	.btn_comment:hover{
		background-color: var(--color-main-red);
		transform: scale(110%);
	}
}
@media screen and (max-width:768px){
	.chara__textDetailWrap{
		position: relative;
		top: unset;
		right: unset;
		width: calc(100% + calc(96 / var(--vw-min) * 100vw));
		padding-top: calc(48 / var(--vw-min) * 100vw);
		padding-left: calc(48 / var(--vw-min) * 100vw);
		padding-right: calc(48 / var(--vw-min) * 100vw);
		margin-left: calc(-48 / var(--vw-min) * 100vw);
	}
	.chara__name-ja{
		font-size: calc(72 / var(--vw-min) * 100vw);
	}
	.chara__name-ja > span{
		padding: calc(10 / var(--vw-min) * 100vw);
	}
	.chara__cv{
		gap: calc(8 / var(--vw-min) * 100vw);
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.chara__cv-dt{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.chara__cv-dt span{
		padding: calc(8 / var(--vw-min) * 100vw);
	}
	.chara__cv-dd{
		font-size: calc(28 / var(--vw-min) * 100vw);
		gap: calc(12 / var(--vw-min) * 100vw);
	}
	.chara__cv--name{
		padding: calc(8 / var(--vw-min) * 100vw);
	}
	.btn_comment{
		width: calc(60 / var(--vw-min) * 100vw);
		height: calc(30 / var(--vw-min) * 100vw);
	}
	.character__text{
		margin-top: calc(48 / var(--vw-min) * 100vw);
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
.charaImageFace,
.charaImageMain{
	opacity: 0;
	transition: opacity .3s ease
}
.charaImageList.--active .charaImageFace,
.charaImageList.--active .charaImageMain{
	opacity: 1;
}
.characterSelect__link[data-group="1"] .characterSelect__name{
	color: var(--color-main-yellow);
}
.characterSelect__link[data-group="1"]:before{
	background-image: linear-gradient(var(--color-main-yellow), var(--color-main-yellow));
}
.characterSelect__link[data-group="2"] .characterSelect__name{
	color: var(--color-main-red);
}
.characterSelect__link[data-group="2"]:before{
	background-image: linear-gradient(var(--color-main-red), var(--color-main-red));
}
.characterSelect__link[data-group="3"] .characterSelect__name{
	color: #FFF;
}
.characterSelect__link[data-group="3"]:before{
	background-image: linear-gradient(#FFF, #FFF);
}
.characterSelect__link[data-group="4"] .characterSelect__name{
	color: #0ac2c2;
}
.characterSelect__link[data-group="4"]:before{
	background-image: linear-gradient(#0ac2c2, #0ac2c2);
}
.characterSelect__link[data-group="5"] .characterSelect__name{
	color: #888;
}
.characterSelect__link[data-group="5"]:before{
	background-image: linear-gradient(#888, #888);
}
#js-commentModal .oneModalIn__cont{
	width: 100%;
}
#js-commentModalCont{
	width: 100%;
	max-width: 1920px;
	padding: 0 min(6.6667%, calc(80px * var(--max-percent)));
	display: flex;
	margin: 0 auto;
}
.commentCont__img{
	width: 41.5385%;
	margin-right: 4.6154%;
	max-width: 480px;
	flex-shrink: 0;
}
.commentCont__img img{
	width: 100%;
}
.commentCont__Wrap{
	width: 100%;
}
@media screen and (max-width: 860px){
	#js-commentModalCont{
		flex-direction: column;
	}
	.commentCont__img{
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		padding-bottom: min(calc(48 / var(--vw-min) * 100vw), 48px);
	}
}
.commentCont_h2{
	width: 100%;
	line-height: 1;
}
.commentCont_h2__job{
	display: block;
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	color: var(--color-main-red);
	font-weight: 700;
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.commentCont_h2__name{
	display: block;
	font-size: min(calc(32 / var(--vw-min) * 100vw), 32px);
	font-weight: 900;
}
.commentCont__commentWrap{
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	width: 100%;
	padding: min(calc(24 / var(--vw-min) * 100vw), 24px);
	background-color: #fff;
	border: 1px solid #000;
}
.commentCont__infoWrap{
	width: 100%;
	padding-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.commentCont_mainTxt,
.commentCont__infotxt{
	padding-top: min(calc(16 / var(--vw-min) * 100vw), 16px);
	line-height: 2;
}
#js-commentModalCont .cont_txtTitle{
	font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
	line-height: 0.8;
}
@media screen and (max-width: 767px){
	#js-commentModal .oneModalIn__cont{
		padding: var(--sp-size-96) 0;
	}
	#js-commentModalCont{
		padding: 0 6.4%;
	}
	.commentCont__img{
		width: 100%;
		padding-bottom: var(--sp-size-48);
	}
	.commentCont_h2__job{
		font-size: var(--sp-size-32);
		margin-bottom: var(--sp-size-16);
	}
	.commentCont_h2__name{
		font-size: var(--sp-size-40);
	}
	.commentCont__commentWrap{
		margin-top: var(--sp-size-48);
		padding: var(--sp-size-24);
	}
	.commentCont__infoWrap{
		padding-top: var(--sp-size-48);
	}
	.commentCont_mainTxt,
	.commentCont__infotxt{
		padding-top: var(--sp-size-20);
	}
	#js-commentModalCont .cont_txtTitle{
		font-size: var(--sp-size-32);
	}
}