@charset "utf-8";
.manual{
	width:100%;
	position:relative;
	padding:min(calc(160 / var(--vw-min) * 100vw),160px) 0;
	z-index:3;
}
@media screen and (max-width:768px){
	.manual{
		padding:calc(96 / var(--vw-min) * 100vw) 0 calc(192 / var(--vw-min) * 100vw);
	}
}
.manual__titleWrap{
	width: 100%;
}
.manual__title{
	margin:0 auto min(calc(76 / var(--vw-min) * 100vw),76px);
	position:relative;
	z-index:50;
	padding:0 6.6666%;
	max-width:1920px;
}
@media screen and (max-width:768px){
	.manual__title{
		margin:0 auto calc(12 / var(--vw-min) * 100vw);
		position:relative;
		z-index:50;
		padding:0 calc(48 / var(--vw-min) * 100vw);
	}
}
.manual__title--en{
	font-size:min(calc(106 / var(--vw-min) * 100vw),106px);
	font-family:var(--font-en);
	line-height:0.7;
	display:block;
	color:var(--color-red);
}
@media screen and (max-width:768px){
	.manual__title--en{
		font-size:calc(128 / var(--vw-min) * 100vw);
		line-height:0.66;
	}
}
.manual__title--ja{
	display:block;
	padding-top:min(calc(8 / var(--vw-min) * 100vw),8px);
	letter-spacing:0.2em;
	padding-left:0.2em;
	color:#000;
}
/* inTitle */
.manual__inTitleWrap{
	width: 100%;
	padding-top: 40px;
	margin-bottom: min(calc(80 / var(--vw-min) * 100vw),80px);
}
.manual__inTitle{
	width:min(calc(880 / var(--vw-min) * 100vw),880px);
	margin:0 auto;
	position:relative;
	display:flex;
	flex-direction:column;
	height:min(calc(90 / var(--vw-min) * 100vw),90px);
	justify-content:space-between;
	align-items:center;
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.manual__inTitleWrap{
		padding:0 calc(40 / var(--vw-min) * 100vw);
		margin-bottom:calc(80 / var(--vw-min) * 100vw);
	}
	.manual__inTitle{
		width:100%;
		height:calc(100 / var(--vw-min) * 100vw);
		margin-bottom:0;
		justify-content:center;
	}
}
.manual__inTitle--s{
	font-weight:700;
	line-height:1;
	font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	position:relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.manual__inTitle--s{
		font-size:calc(32 / var(--vw-min) * 100vw);
		margin-bottom:calc(24 / var(--vw-min) * 100vw);
	}
}
.manual__inTitle--m{
	font-size:min(calc(40 / var(--vw-min) * 100vw),40px);
	font-weight:700;
	color:var(--color-red);
	line-height:2;
	position:relative;
	z-index:10;
}
.manual_content._other .manual__inTitle--m{
	line-height: 2;
}
@media screen and (max-width:768px){
	.mode__inTitle--m{
		font-size:calc(48 / var(--vw-min) * 100vw);
	}
}
.manual__inTitle:before,
.manual__inTitle:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.manual__inTitle.--rev:before,
.manual__inTitle.--rev:after{
	transform:rotateX(180deg);
}
.manual__inTitle:before{
	background:url(../img/mode/mode_title-left.svg) no-repeat left center / contain;
}
@media screen and (max-width:768px){
	.manual__inTitle:before{
		background-position:left bottom;
		background-size:auto calc(90 / var(--vw-min) * 100vw);
	}
}
.manual__inTitle:after{
	background:url(../img/mode/mode_title-right.svg) no-repeat right center / contain;
}
@media screen and (max-width:768px){
	.manual__inTitle:after{
		background-position:right top;
		background-size:auto calc(90 / var(--vw-min) * 100vw);
	}
}
.manual__inTitle--c{
	width:min(calc(160 / var(--vw-min) * 100vw),160px);
	height:min(calc(155 / var(--vw-min) * 100vw),155px);
	position:absolute;
	top:max(calc(-35 / var(--vw-min) * 100vw),-35px);
	left:50%;
	margin-left:max(calc(-80 / var(--vw-min) * 100vw),-80px);
	background:url(../img/mode/mode_circle.png) no-repeat center center / contain
}
@supports (background-image:url(../img/mode/mode_circle.webp)){
	.manual__inTitle--c{
		background-image:url(../img/mode/mode_circle.webp);
	}
}
@media screen and (max-width:768px){
	.manual__inTitle--c{
		top:50%;
		margin-top:calc(-78 / var(--vw-min) * 100vw);
	}
}

/*----------
TAB
----------*/
.manualNav{
	width:100%;
	background:#000;
	position:relative;
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
.manualNav.-adviceNav{
	margin-bottom:0;
}
@media screen and (max-width:768px){
	.manualNav{
		margin-bottom:calc(80 / var(--vw-min) * 100vw);
	}
	.manualNav.-adviceNav{
		margin-bottom:0;
	}
}
.manualNav:before{
	content:'';
	position:absolute;
	top:min(calc(4 / var(--vw-min) * 100vw),4px);
	bottom:min(calc(4 / var(--vw-min) * 100vw),4px);
	left:0;
	right:0;
	border-top:1px solid var(--color-lightgold);
	border-bottom:1px solid var(--color-lightgold);
	pointer-events:none;
	z-index:50;
}
@media screen and (max-width:768px){
	.manualNav:before{
		top:calc(5 / var(--vw-min) * 100vw);
		bottom:calc(5 / var(--vw-min) * 100vw);
		border-top:calc(2 / var(--vw-min) * 100vw) solid var(--color-lightgold);
		border-bottom:calc(2 / var(--vw-min) * 100vw) solid var(--color-lightgold);
	}
}

.manualNavLists{
	width:min(calc(1180 / var(--vw-min) * 100vw),1180px);
	margin:0 auto;
	display:flex;
	position:relative;
}

@media screen and (min-width:769px){
	.manualNav.-adviceNav .manualNavLists{
		width:min(calc(485 / var(--vw-min) * 100vw),485px);
	}
}
@media screen and (max-width:768px){
	.manualNavLists{
		width:100%;
		flex-wrap:wrap;
		padding:calc(8 / var(--vw-min) * 100vw) 0;
	}
}
.manualNavLists:after{
	content:'';
	position:absolute;
	right:0;
	top:min(calc(16 / var(--vw-min) * 100vw),16px);
	bottom:min(calc(16 / var(--vw-min) * 100vw),16px);
	width:1px;
	background:rgba(255,255,255,.4);
}
@media screen and (max-width:768px){
	.manualNavLists:after{
		display:none;
	}
}
.manualNavLists__item{
	width:25%;
	position:relative;
}
.manualNav.-adviceNav .manualNavLists .manualNavLists__item{
	width:50%;
}
@media screen and (max-width:768px){
	.manualNavLists__item{
		width:50%;
	}
}
.manualNavLists__item:before{
	content:'';
	position:absolute;
	left:0;
	top:min(calc(16 / var(--vw-min) * 100vw),16px);
	bottom:min(calc(16 / var(--vw-min) * 100vw),16px);
	width:1px;
	background:rgba(255,255,255,.4);
}
@media screen and (max-width:768px){
	.manualNavLists__item:before{
		left:calc(-1 / var(--vw-min) * 100vw);
		top:calc(16 / var(--vw-min) * 100vw);
		bottom:calc(16 / var(--vw-min) * 100vw);
		width:calc(2 / var(--vw-min) * 100vw);
	}
	.manualNavLists__item:nth-child(odd):before{
		display:none;
	}
	.manualNavLists__item:after{
		content:'';
		position:absolute;
		bottom:calc(-1 / var(--vw-min) * 100vw);
		height:calc(2 / var(--vw-min) * 100vw);
		background:rgba(255,255,255,.4);
	}
	.manualNavLists__item:nth-child(odd):after{
		left:calc(48 / var(--vw-min) * 100vw);
		right:0;
	}
	.manualNavLists__item:nth-child(even):after{
		right:calc(48 / var(--vw-min) * 100vw);
		left:0;
	}
	.manualNavLists__item:nth-child(odd):after{
		left:calc(48 / var(--vw-min) * 100vw);
		right:0;
	}
	.manualNavLists__item:nth-child(odd):nth-last-child(2):after,
	.manualNavLists__item:last-child:after{
		display:none;
	}
}
.manualNavLists__item-link{
	display:flex;
	justify-content:center;
	height:min(calc(64 / var(--vw-min) * 100vw),64px);
	align-items:center;
	transition:all 0.3s ease;
	text-decoration: none;
	color: #FFF;
}
.manualNavLists__item-link:hover{
	background:var(--color-red);
}
.manualNavLists__item-link.is-active{
	background:var(--color-red);
}
.manualNavLists__item-link:before{
	content:'';
	display:block;
	background:#fff;
}
/*----------
 CONTENTS
----------*/
/* manual__contentBlock */
.manual__contentBlock{
	position: relative;
	color: #FFF;
	padding: min(calc(80 / var(--vw-min) * 100vw),80px) 0;
	margin-bottom: min(calc(80 / var(--vw-min) * 100vw),80px)
}
.manual__contentBlock:nth-last-child(2),
.manual__contentBlock.-online,
.manual__contentBlock.-advice{
	margin-bottom: 0;
}
@media screen and (max-width:768px) {
	.manual__contentBlock{
		position: relative;
		color: #FFF;
		padding: calc(40 / var(--vw-min) * 100vw) 0;
	}
}

.playWrap .manual__contentBlock{
	margin-bottom: min(calc(80 / var(--vw-min) * 100vw),80px)
}
@media screen and (max-width:768px) {
	.playWrap .manual__contentBlock{
		padding: 0;
		margin-top: calc(40 / var(--vw-min) * 100vw);
		margin-bottom: 0;
	}
	.playWrap .manual__contentBlock__inner{
		padding: 0;
	}
}
.manual__contentBlock::after{
	content: "";
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.8);
	mix-blend-mode:difference;
}
.manual__contentBlock__inner{
	max-width:min(calc(1200 / var(--vw-min) * 100vw),1200px);
	padding: 0 min(calc(80 / var(--vw-min) * 100vw),80px);
	margin: 0 auto;
}
@media screen and (max-width:768px) {
	.manual__contentBlock__inner{
		padding: 0 calc(24 / var(--vw-min) * 100vw);
	}
}




/**
 * manual__one
 */
.manual__one:not(:last-child){
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
/* bace */
.manual__one p {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height:min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px) {
	.manual__one p {
		font-size: calc(24 / var(--vw-min) * 100vw);
	    line-height: 26px;
	}
}

/* manual__subTitle */
.manual__subTitle {
	font-size: 30px;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
    padding-bottom: 18px;
    position: relative;
	color: #ff8a00;
	font-weight: 600;
}
.manual__subTitle:after {
    content: "";
    background-image: url(../img/manual/common/deco_subwline.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
}
@media screen and (max-width:768px) {
	.manual__subTitle {
		align-items: baseline;
		font-size: calc(30 / var(--vw-min) * 100vw);
		margin-bottom:calc(30 / var(--vw-min) * 100vw);
	}
	.manual__subTitle:before {
		width: 16px;
    	height: 16px;
    	margin-right: 6px;
    	transform: translateY(4px);
	}
}

/* manual__subTitle2 */
.manual__subTitle2 {
    color: #ff8a00;
    border-bottom: 1px solid rgba(255,255,255,.4);
    font-size: 24px;
    padding-bottom: 10px;
}
@media screen and (max-width:768px) {
	.manual__subTitle2 {
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
}

/* manual__mt */
.manual__mt40 {
	margin-top: 40px;
}
.manual__mb40 {
	margin-bottom: 40px;
}
.manual__mt24 {
	margin-top: 24px;
}
.manual__mb24 {
	margin-bottom: 24px;
}
@media screen and (max-width:768px) {
	.manual__mt40 {
		margin-top: 0;
	}
	.manual__mb40 {
		margin-bottom: 0;
	}
	.manualSp__mt12 {
		margin-top: 12px;
	}
	.manualSp__mt24 {
		margin-top: 24px;
	}
	.manualSp__mb24 {
		margin-bottom: 24px;
	}
}

/* notice */
.manual__notice {
	font-size: 16px;
}
@media screen and (max-width:768px) {
	.manual__notice {
		font-size: 10px;
		font-size: 1rem;
	}
}

/**
 * manual__dl
 */
/* item */
.manual__item:not(:first-child) {
	margin-top: 50px;
}
@media screen and (max-width:768px) {
	.manual__item:not(:first-child) {
		margin-top: calc(60 / var(--vw-min) * 100vw) 
	}
}

/* dd - lists */
.manual__desLists__item {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.manual__desLists__item:last-child {
	margin-bottom: 0;
}
@media screen and (max-width:768px) {
	.manual__desLists__item {
		display: block;
		margin-bottom: 24px;
	}
}

/* img */
.mode__topImg{
	width: 100%;
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw),30px);
}
.mode__topImg img{
	width: 100%;
	height: auto;
}
.manual__desLists__img {
	width: 480px;
}
.manual__desLists__img img {
	width: 100%;
	height: auto;
}
@media screen and (max-width:768px) {
	.manual__desLists__img {
		width: 100%;
	}
}

/* text */
.manual__desLists__textWrap {
	width: calc(100% - 520px);
	margin-top: -8px;
	position: relative;
	padding-bottom:  min(calc(30 / var(--vw-min) * 100vw),30px);
}

.manual__desLists__textWrap:before {
	content: "";
	background-color: rgba(255,255,255,.4);
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (max-width:768px) {
	.manual__desLists__textWrap {
		width: 100%;
		margin-top: 0;
		padding: calc(30 / var(--vw-min) * 100vw) 0 0;
	}
	.manual__desLists__item:not(:last-child) .manual__desLists__textWrap{
		padding-bottom: calc(30 / var(--vw-min) * 100vw);
	}
	.manual__desLists__item:last-child .manual__desLists__textWrap:before {
		content: none;
	}
}
/* ttl */
p.manual__desLists__ttl{
	color: #ff8a00;
	font-size: 24px;
	margin-bottom: 1rem;
}
@media screen and (max-width:768px) {
	p.manual__desLists__ttl{
		color: #ff8a00;
		font-size: calc(30 / var(--vw-min) * 100vw);
		margin-bottom: 1rem;
	}
}
/* caution */
.caution_txt{
	max-width: 1200px;
	margin: 0 auto;
	font-size: 16px;
	margin-top: 30px;
}
@media screen and (max-width:768px) {
	.caution_txt{
		padding: 0 calc(24 / var(--vw-min) * 100vw);
		font-size: calc(16 / var(--vw-min) * 100vw);
		margin-top: calc(30 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * Advice
-------------------------------------------------*/
/* icon lists */
.manual__desLists__iconLists {
	margin-top: 40px;
}
.manual__desLists__iconLists > li {
	display: flex;
}
.manual__desLists__iconLists > li:not(:last-child) {
	margin-bottom: 10px;
}
@media screen and (max-width:768px) {
	.manual__desLists__iconLists {
		margin-top: 24px;
	}
}
.manual__desLists__iconLists__icon {
	display: flex;
	align-items: center;
}
.manual__desLists__iconLists__icon:after {
	content: "";
	background: url(../img/manual/advice/dots.svg) no-repeat 0 0 / 100%;
	display: block;
	width: 15px;
	height: 3px;
	margin: 0 10px;
}
.manual__desLists__iconLists__icon img {
	width: 30px;
}

.manual__desLists__iconLists__text {
	padding-left: 6px;
}

.manual__one__inBox{
	margin-bottom: 40px;
}
/*-----------------------------------------------
 * Online
-------------------------------------------------*/
.ttl_child{
	color: #ff8a00;
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255, .3);
	margin-bottom: 40px;
}

/*-----------------------------------------------
 * Play
-------------------------------------------------*/
@media screen and (max-width:768px) {
	.playWrap{
		padding: 0 calc(24 / var(--vw-min) * 100vw);
	}
}
.play {
	font-size: 16px;
	line-height: 32px;
}
@media screen and (max-width:768px) {
	.play {
		font-size: calc(24 / var(--vw-min) * 100vw);
		line-height: 26px;
		padding: 0;
	}
}
/**
 * title
 */
.play__subTitle {
	font-size: 24px;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
    padding-bottom: 18px;
    position: relative;
	color: #ff8a00;
	pointer-events: none;
}

.play__subTitle:after {
    content: "";
    background-image: url(../img/manual/common/deco_subwline.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
}
@media screen and (max-width:768px) {
	.play__subTitle {
		align-items: baseline;
		font-size: calc(30 / var(--vw-min) * 100vw);
		margin-bottom: 0;
		padding: 18px 54px 20px 12px;
		pointer-events: auto;
	}
	.play__subTitle:before {
		width: 16px;
    	height: 16px;
    	margin-right: 6px;
    	transform: translateY(4px);
	}

	/* toggle */
	.play__toggle {
		background-color: #fff;
		display: block;
		width: 18px;
		height: 18px;
		margin: auto;
		position: absolute;
		top: 0;
		right: 12px;
		bottom: 0;
	}
	.play__toggle:before,
	.play__toggle:after {
		content: "";
		background-color: #000;
		width: 2px;
		height: 10px;
		margin: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	.play__toggle:before {
		transition: all .3s ease;
	}
	.play__subTitle.is-active .play__toggle:before {
		opacity: 0;
		transform: translateY(20px);
	}
	.play__toggle:after {
		transform: rotate(90deg);
	}
}

/**
 * acArea
 */
@media screen and (min-width:769px){
	.play__acArea {
		display: block!important;
	}
}
@media screen and (max-width:768px) {
	.play__acArea {
		display: none;
		padding: calc(40 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw) calc(60 / var(--vw-min) * 100vw);
	}
}


/**
 * playOne
 */

.playOne {
	margin-top: min(calc(80 / var(--vw-min) * 100vw),80px);
}
.playOne:first-child {
	margin-top: 0;
}
@media screen and (max-width:768px) {
	.playOne {
		margin-top:calc(60 / var(--vw-min) * 100vw)
	}

}

/**
 * tableWrap
 */
.playtableFullWrap {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.playtableWrap {
	width: calc(50% - 20px);
}
@media screen and (max-width:768px) {
	.playtableFullWrap {
		display: block;
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
	.playtableWrap {
		width: 100%;
	}
	.playtableWrap:not(:first-child) {
		margin-top: 12px;
	}
}

/* table */
.playTable {
	width: 100%;
	margin-top: 24px;
}
.playTable:first-child {
	margin-top: 0;
}
@media screen and (max-width:768px) {
	.playTable {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}

.playTable > thead > tr > th,
.playTable > thead > tr > td,
.playTable > tbody > tr > th,
.playTable > tbody > tr > td {
	padding: 8px 16px;
}
@media screen and (max-width:768px) {
	.playTable > thead > tr > th,
	.playTable > thead > tr > td,
	.playTable > tbody > tr > th,
	.playTable > tbody > tr > td {
		padding: 6px 14px;
	}
}

/* thead */
.playTable > thead {
	/*background: rgb(43,194,194);*/
	/*background: linear-gradient(90deg, rgba(43,194,194,1) 0%, rgba(43,194,194,0) 100%);*/
}
.playTable > thead > tr > th {
	background: rgb(250,135,1);
	background: linear-gradient(90deg, rgba(250,135,1,1) 0%, rgba(250,135,1,.5) 100%);
	font-size: 20px;
	font-weight: 600;
	width: 54%;
}
.playTable > thead > tr > td {
	background: rgb(250,135,1);
	background: linear-gradient(90deg, rgba(250,135,1,.5) 0%, rgba(250,135,1,0) 100%);
	width: 46%;
}
@media screen and (max-width:768px) {
	.playTable > thead > tr > th {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}

/* tbody */
.playTable > tbody > tr > th {
	color: #ff8a00;
	padding-left: 54px;
	position: relative;
	width: 54%;
}
.playTable > tbody > tr > th:before {
	content: "";
	background-color: #ff8a00;
	width: calc(100% - 40px);
	height: 1px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.playTable > tbody > tr > th:after {
	content: "";
	background-color: #ff8a00;;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 40px;
}
.playTable > tbody > tr > td {
	width: 46%;
	position: relative;
}
.playTable > tbody > tr > td:before {
	content: "";
	background-color: #ff8a00;
	width: 100%;
	height: 1px;
	position: absolute;
	right: 0;
	bottom: 0;
}
@media screen and (max-width:768px) {
	.playTable > tbody > tr > th {
		padding-left: 34px;
	}
	.playTable > tbody > tr > th:before {
		width: calc(100% - 24px);
	}
	.playTable > tbody > tr > th:after {
		left: 24px;
	}
}

/* span */
.playTable__smallFont {
	display: block;
	font-size: 70%;
	line-height: 1.3;
	padding-bottom: min(calc(10 / var(--vw-min) * 100vw),10px);
}

/*-----------------------------------------------
 * Battle
-------------------------------------------------*/
/**
 * battleopLists
 */
.battleopListsWrap {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	line-height: 32px;
	margin-top: 40px;
}
@media screen and (max-width:768px) {
	.battleopListsWrap {
		display: block;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 26px;
		margin-top: 24px;
	}
}

.battleopLists {
	width: calc(50% - 20px);
}
.battleopLists__item:not(:last-child) {
	margin-bottom: 20px;
}
@media screen and (max-width:768px) {
	.battleopLists {
		width: 100%;
	}
	.battleopLists__item {
		margin-bottom: calc(36 / var(--vw-min) * 100vw);
	}
}

/* dt */
.battleopLists__dt {
	display: flex;
    align-items: center;
}
.battleopLists__dt--num {
	background-color: #c32b48;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	font-size: 20px;
}
.battleopLists__dt--text {
	color: #2bc2c2;
	font-size: 20px;
	width: calc(100% - 32px);
	padding-left: 16px;
}
.battleopLists__dt--sFont {
	font-size: 70%;
}
@media screen and (max-width:768px) {
	.battleopLists__dt--num {
		width: calc(36 / var(--vw-min) * 100vw);
		height:calc(36 / var(--vw-min) * 100vw);
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.battleopLists__dt--text {
		font-size: calc(28 / var(--vw-min) * 100vw);
		padding-left: calc(10 / var(--vw-min) * 100vw);
		line-height: 1;
	}
}

/* dd */
.battleopLists__dd {
	margin-top: 16px;
	padding-left: 48px;
}
@media screen and (max-width:768px) {
	.battleopLists__dd {
		margin-top: calc(5 / var(--vw-min) * 100vw);
		padding-left: calc(48 / var(--vw-min) * 100vw);
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}

/* lists - item */
.battleLists1__item:not(:last-child) {
	margin-bottom: 40px;
}
.battleLists1__item {
	display: flex;
}
@media screen and (max-width:768px) {
	.battleLists1__item:not(:last-child) {
		margin-bottom: 24px;
	}
	.battleLists1__item {
		display: block;
	}
}

.battleLists1__img {
	width: min(calc(460 / var(--vw-min) * 100vw),460px);
}
.battleLists1__img img{
	width: 100%;
	height: auto;
}
.battleLists1__textArea {
	width: calc(100% - min(calc(460 / var(--vw-min) * 100vw),460px));
    margin-top: -8px;
	padding-left: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px) {
	.battleLists1__img {
		width: 100%;
		margin-top: 12px;
	}
	.battleLists1__textArea {
		width: 100%;
		margin-top: 0;
		padding-left: 0;
	}
}

.battleLists1__text {
	margin-top: 16px;
}
@media screen and (max-width:768px) {
	.battleLists1__text {
		margin-top: 12px;
	}
}

/**
 * battleLists2
 */
.battleLists2__item:not(:first-child) {
	margin-top: 40px;
}
.battleLists2__dd {
	margin-top: 24px;
}
@media screen and (max-width:768px) {
	.battleLists2__item:not(:first-child) {
		margin-top: 24px;
	}
	.battleLists2__dd {
		margin-top: 12px;
	}
}

/**
 * battleLists3
 */
.battleLists3__item:not(:last-child) {
	margin-bottom: 40px;
}
.battleLists3__item {
	display: flex;
}
@media screen and (max-width:768px) {
	.battleLists3__item:not(:last-child) {
		margin-bottom: 24px;
	}
	.battleLists3__item {
		display: block;
		margin-bottom: calc(36 / var(--vw-min) * 100vw);
	}
}

.battleLists3__img {
	width: min(calc(460 / var(--vw-min) * 100vw),460px);
}
.battleLists3__textArea {
	width: calc(100% - min(calc(460 / var(--vw-min) * 100vw),460px));
	padding-left: 40px;
}
@media screen and (max-width:768px) {
	.battleLists3__img {
		width: 100%;
	}
	.battleLists3__textArea {
		width: 100%;
		margin-top: 20px;
		padding-left: 0;
	}
}

.battleLists3__dt{
	font-size: 18px;
	font-weight: 600;
	color: rgb(43,194,194);
	padding-bottom: 24px;
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1px solid rgba(255,255,255,.2);
}

@media screen and (max-width: 768px){
	.battleLists3__dt{
		font-size: 1.4rem;
		padding-bottom: 12px;
		padding-top: 12px;
		margin-top: 12px;
	}
}


.battleLists3__top {
	background: rgb(11,159,159);
	background: linear-gradient(90deg, rgb(11,159,159) 0%, rgba(11,159,159, 0) 100%);
	font-weight: 600;
	margin-bottom: 20px;
	padding: 4px 16px;
	position: relative;
}
.battleLists3__top--right {
	color: #d8c66b;
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    text-align: right;
    position: absolute;
    top: -10px;
    right: 0;
}
@media screen and (max-width:768px) {
	.battleLists3__top {
		margin-bottom: 12px;
		padding: 2px 12px;
	}
	.battleLists3__top--right {
		font-size: 36px;
	}
}

/**
 * battleLists45
 */
.battleLists45fullWrap {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width:768px) {
	.battleLists45fullWrap {
		display: block;
	}
}

.battleLists4,
.battleLists5 {
	width: calc(50% - 20px);
}
@media screen and (max-width:768px) {
	.battleLists4,
	.battleLists5 {
		width: 100%;
	}
}

/* battleLists4 */
.battleLists4__item {
	border-bottom: 1px solid #2bc2c2;
	display: flex;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width:768px) {
	.battleLists4__item {
		padding-bottom: 12px;
		margin-bottom: 12px;
	}
}

.battleLists4__dt {
	color: #2bc2c2;
	font-size: 20px;
	width: 180px;
}
.battleLists4__dd {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	line-height: 2;
	width: calc(100% - 180px);
}
@media screen and (max-width:768px) {
	.battleLists4__dt {
		font-size: calc(24 / var(--vw-min) * 100vw);
		width: 30%;
	}
	.battleLists4__dd {
		font-size: calc(24 / var(--vw-min) * 100vw);
		width: 70%;
		padding-left:calc(12 / var(--vw-min) * 100vw);
	}
}

/* battleLists5 */
@media screen and (max-width:768px) {
	.battleLists5 {
		margin-top:calc(60 / var(--vw-min) * 100vw);
	}
}
.battleLists5__item:not(:first-child) {
	margin-top: 40px;
}
@media screen and (max-width:768px) {
	.battleLists5__item:not(:first-child) {
		margin-top: 24px;
	}
}

.battleLists5__dt {
	color: #d8c66b;
    border-bottom: 1px solid rgba(255,255,255,.4);
    font-size: 20px;
    padding-bottom: 10px;
}
.battleLists5__dd {
	display: flex;
	margin-top: 24px;
}
@media screen and (max-width:768px) {
	.battleLists5__dt {
		font-size: calc(26 / var(--vw-min) * 100vw);
		padding-bottom:calc(10 / var(--vw-min) * 100vw);
	}
	.battleLists5__dd{
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
	.battleLists5__dd p {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}

.battleLists5__img {
	width: 160px;
}
.battleLists5__img img {
	width: 100%;
}
@media screen and (max-width:768px) {
	.battleLists5__img {
		width: 30%;
	}
}

.battleLists5__text {
	width: calc(100% - 160px);
	margin-top: -8px;
	padding-left: 24px;
}
@media screen and (max-width:768px) {
	.battleLists5__text {
		width: 70%;
		margin-top: 0;
		padding-left: calc(20 / var(--vw-min) * 100vw)
	}
}

span.up_icon img{
	width: 32px;
}


/**
 * updateNav
 */
.manual_updateNavWrap{
	width: 100%;
	margin-top: 64px;
	padding-bottom: 24px;
	position: relative;
}
.manual_updateNavWrap:after{
	content: "";
	background-image: url(../img/sub/deco/deco_subwline.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 6px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.manual_updateNavLists{
	display: flex;
	justify-content: center;
}
.manual_updateNavList{
	margin: 0 16px;
	font-size: 20px;
	font-weight: bold;
}
.manual_updateNav_link{
	position: relative;
	line-height: 1;
	color: #d8c66b;
	display: inline-block;
	padding: 0 24px;
}
.manual_updateNav_link:after{
	content: '';
	mask-image: url(../img/common/deco/deco_arrow_rb.png);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-image: url(../img/common/deco/deco_arrow_rb.png);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	display: inline-block;
	width: 16px;
	height: 16px;
	transform: rotate(90deg);
	transition: all .3s ease-in-out;
	position: absolute;
	top: 4px;
	right: 0;
	bottom: 0;
	background-color: #fff;
}
.manual_updateNav_link:hover::after{
	transform: rotate(90deg) translateX(4px);
}

@media screen and (max-width: 768px){
	.manual_updateNavWrap{
		margin-top: 24px;
	}
	.manual_updateNavLists{
		flex-wrap: wrap;
	}
	.manual_updateNavList{
		width: 50%;
		margin: 8px 0;
		font-size: 1.2rem;
		text-align: center;
	}
	.manual_updateNav_link{
		line-height: 1.4;
		padding: 4px 24px 0 0;
	}
	.manual_updateNav_link:after{
		width: 12px;
		height: 12px;
		top: calc(50% - 4px);
	}
}

/** mini **/
span.mini{
	font-size: 14px;
}
@media screen and (max-width: 768px){
	span.mini{
		font-size: 1rem;
	}
}

/** indent **/
.indent1{
	text-indent: -1em;
	padding-left: 1em;
	display: inline-block;
}


/** ONLY #manual_update_roommatch **/
#manual_update_roommatch .battleopListsWrap{
	display: block;
	justify-content: unset;
}
#manual_update_roommatch .battleopLists{
	width: 100%;
}


/** HR **/
.manual_hrWrap{
	padding: 24px 0;
	margin: 24px 0;
	border-top: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid rgba(255,255,255,.2);
}

.manual_txtbold{
	font-size: 18px;
	font-weight: 600;
	color: rgb(43,194,194);
}

.manualNav._btmNav{
	margin-bottom: 0;
}
.manual__contentBlock._lastblock{
	margin-bottom: 0;
}