@charset "utf-8";


/*===cariier===cariier===cariier===
...................................

------------------------------ SPACE

...................................
===cariier===cariier===cariier===*/

@media screen and (min-width:600px) {
	.mtll{margin-top:	120px !important;}
	.mbll{margin-bottom:	120px !important;}
	.ptll{padding-top:	120px !important;}
	.pbll{padding-bottom:	120px !important;}
	.mtl{margin-top:	80px !important;}
	.mbl{margin-bottom:	80px !important;}
	.ptl{padding-top:	80px !important;}
	.pbl{padding-bottom:	80px !important;}
	.mtml{margin-top:	60px !important;}
	.mbml{margin-bottom:	60px !important;}
	.ptml{padding-top:	60px !important;}
	.pbml{padding-bottom:	60px !important;}
	.mtm{margin-top:	30px !important;}
	.mbm{margin-bottom:	30px !important;}
	.ptm{padding-top:	30px !important;}
	.pbm{padding-bottom:	30px !important;}
	.mtms{margin-top:	20px !important;}
	.mbms{margin-bottom:	20px !important;}
	.ptms{padding-top:	20px !important;}
	.pbms{padding-bottom:	20px !important;}
	.mts{margin-top:	20px !important;}
	.mbs{margin-bottom:	20px !important;}
	.pts{padding-top:	20px !important;}
	.pbs{padding-bottom:	20px !important;}
	.mtss{margin-top:	10px !important;}
	.mbss{margin-bottom:	10px !important;}
	.ptss{padding-top:	10px !important;}
	.pbss{padding-bottom:	10px !important;}
}

@media screen and (max-width:599px) {
	.mtll{margin-top:	15vw !important;}
	.mbll{margin-bottom:	15vw !important;}
	.ptll{padding-top:	15vw !important;}
	.pbll{padding-bottom:	15vw !important;}
	.mtl{margin-top:	13vw !important;}
	.mbl{margin-bottom:	13vw !important;}
	.ptl{padding-top:	13vw !important;}
	.pbl{padding-bottom:	13vw !important;}
	.mtml{margin-top:	10vw !important;}
	.mbml{margin-bottom:	10vw !important;}
	.ptml{padding-top:	10vw !important;}
	.pbml{padding-bottom:	10vw !important;}
	.mtm{margin-top:	8vw !important;}
	.mbm{margin-bottom:	8vw !important;}
	.ptm{padding-top:	8vw !important;}
	.pbm{padding-bottom:	8vw !important;}
	.mtms{margin-top:	5vw !important;}
	.mbms{margin-bottom:	5vw !important;}
	.ptms{padding-top:	5vw !important;}
	.pbms{padding-bottom:	5vw !important;}
	.mts{margin-top:	3vw !important;}
	.mbs{margin-bottom:	3vw !important;}
	.pts{padding-top:	3vw !important;}
	.pbs{padding-bottom:	3vw !important;}
	.mtss{margin-top:	1vw !important;}
	.mbss{margin-bottom:	1vw !important;}
	.ptss{padding-top:	1vw !important;}
	.pbss{padding-bottom:	1vw !important;}
}


/*===cariier===cariier===cariier===
...................................

-------------------------- SP ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (max-width:599px) {
	.pc_only,
	.pctb_only,
	.sp_none,
	.tb_only {
		display: none !important;
	}
	html {
		font-size: 2vw;
	}
	.inner {
		width: 90vw;
		margin-left: 5vw;
		margin-right: 5vw;
	}
}


/*===cariier===cariier===cariier===
...................................

-------------------------- PC ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (min-width:1140px), print {
	.pc_none,
	.pctb_none,
	.sp_only,
	.tb_only {
		display: none !important;
	}
	.inner {
		width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
	a:hover {
		text-decoration: none;
		opacity: 0.7;
		transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
	}
}


/*===cariier===cariier===cariier===
...................................

----------------------- TB/SP ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (max-width:1139px) {}

@media (orientation: landscape){}



/*===cariier===cariier===cariier===
...................................

-------------------------- TB ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (min-width:600px) and ( max-width:1139px) {
	.pc_only,
	.pctb_none,
	.sp_only,
	.tb_none{
		display: none !important;
	}
	#character {
		padding-top: 160px;
	}
	#character .tl {
		margin-bottom: -60px;
	}
}


