@charset "UTF-8";
#footer {
	border-top: solid #444 1px;
}

#title_footer .title-footer-legal a {
	color: #ff0d29;
}

#title_footer .title-footer-menu ul li a span::before {
	color: #ff0d29;
}

/*------------------------
twentyth
------------------------*/
.twentyth {
	font-family: 'Noto Sans JP', sans-serif;
	position: relative;
}
.twentyth-cntr {
	padding: 30vw 4% 8%;
}
.twentyth-cntr .conts {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}
.twentyth-logo {
	margin-bottom: 4vw;
}
.twentyth-text {
	display: inline-block;
	color: #FFF;
	font-family: 'Noto Serif JP', serif;
	font-size: 3.4vw;
	font-weight: 700;
	line-height: 2;
	margin-bottom: 4vw;
	text-align: left;
	text-shadow: 1px 1px 6px rgba(0,0,0,1), -1px 1px 6px rgba(0,0,0,1), 1px -1px 6px rgba(0,0,0,1), -1px -1px 6px rgba(0,0,0,1);
}
.twentyth-text p:first-child {
	margin-bottom: .5em;
}
.twentyth-text p:last-child {
	font-size: .9em;
	text-align: right;
}
.twentyth-text .date {
	font-size: .8em;
	margin-right: 1em;
	margin-left: 1em;
}
.twentyth-movie-btn {
	background: #760500;
	display: inline-block;
	font-size: .8em;
	margin-bottom: 8vw;
}
.twentyth-movie-btn a {
	color: #FFF;
	display: block;
	padding: 8% 2em;
	text-decoration: none;
}
.twentyth-movie-btn .twentyth-movie-btn-label {
  display: inline-block;
  position: relative;
  padding: 0 0 0 22px;
}
.twentyth-illust {
	position: relative;
}
.twentyth-movie-btn .twentyth-movie-btn-label::before,
.twentyth-movie-btn .twentyth-movie-btn-label::after{
  content: "";
  position: absolute;
  left: 0;
	top: 50%;
	transform: translateY(-50%);
  vertical-align: middle;
}
.twentyth-movie-btn .twentyth-movie-btn-label::before{
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 1px solid #FFF;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.twentyth-movie-btn .twentyth-movie-btn-label::after{
  left: 7px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #FFF;
}
.twentyth-movie {
	margin: auto;
 	position: relative;
  width: 100%;
}
.twentyth-movie-inner {
  padding-top: 56.25%;
 	position: relative;
  width: 100%;
}
.twentyth-movie-inner video {
	display: block;
	height: 100%;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
.twentyth-message .bnr {
	margin-right: auto;
	margin-left: auto;
	width: 85%;
}
.twentyth-message .bnr-item {
	margin-bottom: 4vw;
}
.twentyth-bg {
	position: absolute;
	top: 0;
  width: 100%;
	z-index: -1;
}
.twentyth-bg picture {
	display: block;
}
@media only screen and (max-width: 1099px) {
	.twentyth-message {
		order: 2;
		z-index: 1;
	}
	.twentyth-illust {
		margin-bottom: -38vw;
		order: 1;
	}
}
@media only screen and (min-width: 1100px) {
	.twentyth-cntr {
		margin-bottom: 2%;
		padding: 20vw 2% 0;
	}
	.twentyth-message {
		margin-top: 0;
		width: 54%;
	}
	.twentyth-logo {
		margin-bottom: 1em;
	}
	.twentyth-text {
		font-size: 1.2vw;
		margin-bottom: 2vw;
	}
	.twentyth-movie {
		margin: auto;
	 	position: relative;
	  width: 64%;
	}
	.twentyth-movie-btn {
		margin-bottom: 4vw;
		transition: opacity .4s ease-in-out;
	}
	.twentyth-movie-btn:hover {
		opacity: .8;
	}
	.twentyth-illust {
		margin-left: -2%;
		width: 48%;
	}
}

/* アーカイブ化  */
#wrapper {
	position: relative;
	z-index: 1;
}
.mfp-wrap {
	background: #000;
}
.mfp-container {
	padding: 0 !important;
}
.mfp-wrap img {
	height: auto;
	width: 100%;
}
.mfp-wrap .twentyth {
	width: 100%;
}
.mfp-wrap .twentyth-cntr {
	box-sizing: border-box;
	width: 100%;
}
.twentyth-archive {
	border: solid 2px #731a21;
	line-height: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: calc((130 / 750) * 100%);
}
.twentyth-archive a {
	display: block;
	text-decoration: none;
}
@media only screen and (min-width: 1100px) {
	.twentyth-archive {
		width: calc((130 / 1920) * 100%);
	}
	.twentyth-archive a {
		transition: opacity .4s ease-in-out;
	}
	.twentyth-archive a:hover {
		opacity: .8;
	}
}

/*------------------------

dmc5se
------------------------*/

.dmc5se {
	position: relative;
	width: 100%;
	height: 43.7vw;
	background: url(../images/dmc5se/bg-pc.jpg);
	background-size: cover;
}

@media only screen and (max-width: 1099px) {
	.dmc5se {
		padding-top: 50vw;
		height: 114vw;
		background: url(../images/dmc5se/bg-sp.jpg);
		background-size: 100% auto;
		background-repeat: no-repeat;
	}
}



.dmc5se-inner {
	width: 37vw;
	margin: 0 7.2vw 0 auto;
}




@media only screen and (max-width: 1099px) {
	.dmc5se-inner {
		width: 90%;
		margin: 0 auto;
	}
}

.dmc5se-logo img {
	padding-top: 2vw;
	width: 100%;
}

.dmc5se-caption {
	color: #fff;
	text-align: center;
	font-size: 1.2vw;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
}

@media only screen and (max-width: 1099px) {
	.dmc5se-caption {
		font-size: 3vw;
	}
}

.dmc5se-platform {
	width: 50%;
	margin: 1.7vw auto;
}

@media only screen and (max-width: 1099px) {
	.dmc5se-platform {
		margin: 3.8vw auto;
	}

}

.dmc5se-platform img {
	width: 100%;
}

.dmc5se .btn {

	position: relative;
	width: 50%;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	margin: 0 auto;
}

@media only screen and (max-width: 1099px) {
	.dmc5se .btn {
		width: 80%;
	}
}

/*------------------------

switch
------------------------*/

.sp-only {
	display: none;
}

.switch-dmc {
	position: relative;
}

.switch-dmc__lead {
	position: absolute;
	z-index: 10;
	top: 3%;
	left: 50%;
	transform: translateX(-50%);
	width: 62.5vw;

}

.switch-dmc__lead-icon {
	width: 4.6875vw;
}

.switch-dmc-1,
.switch-dmc-2,
.switch-dmc-3 {
	position: relative;
	font-size: 0;
}

.switch-dmc-container {
	display: flex;
}

.switch-dmc-1 .btn,
.switch-dmc-2 .btn,
.switch-dmc-3 .btn {
	position: absolute;
	width: 78%;
	left: 50%;
	bottom: 8%;
	transform: translateX(-50%);
}

.switch-dmc-1 .btn a,
.switch-dmc-2 .btn a,
.switch-dmc-3 .btn a {
	font-size: 1.0416vw;
}



@media only screen and (max-width: 1099px) {
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}


	.switch-dmc {
		background: url(../images/switch/dmc-switch-sp.jpg), #000;
		background-size: 100% auto, cover;
		background-repeat: no-repeat, repeat;
		height: 131.6vw;
	}
	.switch-dmc__lead {
		width: 92%;
	}
	.switch-dmc-container {
		display: block;
	}
	.switch-dmc-1,
	.switch-dmc-2,
	.switch-dmc-3 {
		position: static;
	}


	.switch-dmc-1 .btn,
	.switch-dmc-2 .btn,
	.switch-dmc-3 .btn {
		position: absolute;
		width: 80%;
	}
	.switch-dmc-3 .btn {
		bottom: 8%;
	}
	.switch-dmc-2 .btn {
		bottom: 19%;
	}
	.switch-dmc-1 .btn {
		bottom: 30%;
	}
	.switch-dmc-1 .btn a,
	.switch-dmc-2 .btn a,
	.switch-dmc-3 .btn a {
		font-size: 3vw;
	}

}

@font-face {

	font-family: 'RobotoCondensed';

	src: url(../font/RobotoCondensed-Bold.ttf);

	font-weight: bold;

}

body {

	background: black;

}

#wrapper img {

	width: 100%;

	height: auto;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

/*------------------------

	PC

------------------------*/

@media only screen and (min-width: 1100px) {

	/*------------------------

		1904** dmc1

	------------------------*/
	#dmc1 {
		display: flex;
	}
	#dmc1 .pc_non {
		display: none;
	}
	#dmc1 .btn {
		margin: 0 auto;
		position: relative;
		width: 44%;
	}
	.dmc1-mainImage {
		width: 50%;
	}
	.btn a.u-pc-only {
		display: block;
	}
	.btn a.u-sp-only {
		display: none;
	}


	.dmc1-info {
		width: 50%;
		background: url(../images/dmc1/bg-pc-right.jpg);
		background-size: cover;

	}
	.dmc1-logo {
		width: 94%;
		margin: 2% auto 0;
	}

	.dmc1-lead-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 3% auto 6%;
	}
	.dmc1-switch-image {
		width: 5.9375vw;
		margin-right: 2.4%;
	}

	.dmc1-lead {
		color: #fff;
		font-size: 2.2916vw;
		font-weight: bold;
		font-family: 'Noto Serif JP', serif;
		line-height: 1.3;
	}

	/*------------------------

		common

	------------------------*/
	.btn {

		width: 22%;

		position: absolute;

	}

	.btn a {

		border: solid 4px white;

		text-decoration: none;

		color: white;

		display: block;

		font-weight: 700;

		padding: 4% 6%;

		line-height: 1.4em;

		font-size: 130%;

		position: relative;

		background: black;

	}
	.btn a.sp-only {
		display: none;
	}
	.btn a:after {

		content: "";

		-webkit-transform: rotate(135deg);

		-ms-transform: rotate(135deg);

		transform: rotate(135deg);

		position: absolute;

		top: 50%;

		right: 6%;

		margin-top: -0.5em;

		width: 0.7em;

		height: 0.7em;

		border-top: solid 3px #ffffff;

		border-left: solid 3px #ffffff;

		display: block;

	}

	/*------------------------

		title

	------------------------*/
	h1 {
		color: #ffffff;
		text-align: center;
		font-size: 1.5vw;
		font-family: 'RobotoCondensed';
		letter-spacing: 2px;
		padding: 1.2em 0 1.1em;
	}

	/*------------------------

		dmc5

	------------------------*/
	#dmc5 {

		width: 100%;

		padding-bottom: 52%;

		background: url(../images/dmc5/bg_pc.jpg) center top no-repeat;

		background-size: 100% auto;

		position: relative;

	}

	#dmc5 .platform {

		width: 34%;

		position: absolute;

		top: 65%;

		margin: 0 33%;

	}

	#dmc5 .btn {

		top: 79%;

		margin: 0 39%;

	}

	/*------------------------

		dmchd

	------------------------*/
	#dmchd {

		width: 100%;

		padding-bottom: 52.066667%;

		background: url(../images/dmchd/bg_pc.jpg) center top no-repeat;

		background-size: 100% auto;

		position: relative;

	}

	#dmchd .platform {

		width: 40%;

		position: absolute;

		top: 9%;

		right: 4%;

	}

	#dmchd .btn {

		top: 80%;

		right: 13.5%;

	}

	/*------------------------

		dmc1twitch

	------------------------*/
	#dmc1twitch {

		width: 100%;

		padding-bottom: 38.466667%;

		background: url(../images/dmc1twitch/bg_pc.jpg) center top no-repeat;

		background-size: 100% auto;

		position: relative;

	}

	#dmc1twitch .info dl {

		position: absolute;

		color: white;

		line-height: 1.4em;

		top: 32.8%;

		left: 9%;

		width: 47%;

		border-radius: 2px;

		font-size: 0.7vw;

		background: rgba(0, 0, 0, 0.5);

		border: solid 2px #a30017;

		padding: 1%;

	}

	#dmc1twitch .info dl dt {

		font-size: 130%;

		font-weight: bold;

		margin-bottom: 1em;

	}

	#dmc1twitch .img01 {

		background: url(../images/dmc1twitch/img01.png) center top no-repeat;

		background-size: contain;

		text-indent: 100%;

		white-space: nowrap;

		height: 0;

		overflow: hidden;

		margin-left: auto;

		margin-right: auto;

		text-shadow: none !important;

		padding-bottom: 6.506174%;

		position: absolute;

		bottom: 28%;

		left: 9%;

		width: 43%;

	}

	#dmc1twitch .platform {

		width: 12%;

		position: absolute;

		bottom: 5%;

		left: 9%;

	}

	#dmc1twitch .btn {

		bottom: 7%;

		left: 26%;

		width: 25%;

	}

	#dmc1twitch .btn a {

		text-align: center;

		font: 120%;

	}

	#dmc1twitch .note {

		position: absolute;

		color: white;

		line-height: 1.6em;

		bottom: 7.5%;

		right: 3%;

		font-size: 0.8vw;

		text-shadow: 0px 0px 10px rgba(0, 0, 0, 1), 0px 0px 15px rgba(0, 0, 0, 1), 0px 0px 20px rgba(0, 0, 0, 1), 0px 0px 25px rgba(0, 0, 0, 1), 0px 0px 30px rgba(0, 0, 0, 1);

	}

	/*------------------------

		dmc4se

	------------------------*/
	#dmc4se {

		width: 100%;

		padding-bottom: 52%;

		background: url(../images/dmc4se/bg_pc.jpg) center top no-repeat;

		background-size: 100% auto;

		position: relative;

	}

	#dmc4se .platform {

		width: 40%;

		position: absolute;

		top: 67%;

		left: 30%;

	}

	#dmc4se .release {

		font-size: 2.5vw;

		font-weight: bold;

		color: white;

		position: absolute;

		left: 43.5%;

		top: 77%;

	}

	#dmc4se .btn {

		top: 82%;

		left: 39%;

	}

	/*------------------------

		dmc

	------------------------*/
	#dmc {

		width: 100%;

		padding-bottom: 58%;

		background: url(../images/dmc/bg_pc.jpg) center top no-repeat;
		background-size: 100% auto;

		position: relative;

	}

	#dmc .pc_non {

		display: none;

	}

	#dmc .platform {
		width: 24%;
		position: absolute;
		top: 72%;
		left: 50.5%;
		transform: translateX(-50%);
	}

	#dmc .platform li {

		width: 50%;

		float: left;

	}

	#dmc .release {

		font-size: 2.5vw;

		font-weight: bold;

		color: white;

		position: absolute;

		left: 43.5%;

		top: 77%;

	}
	#dmc .btn a {
		font-size: 120%;
	}

	#dmc .btn.btn1 {

		top: 81%;

		left: 27%;

	}
	#dmc .btn.btn2 {

		top: 81%;

		right: 27.3%;

	}

	/*------------------------

		bnr

	------------------------*/
	#bnr {

		border-top: 1px solid #444;

	}

	#bnr ul {

		width: 750px;

		margin: 2em auto;

		display: table;

	}

	#bnr ul li {

		width: 360px;

		float: left;

	}

	#bnr ul li + li {

		margin-left: 30px;

	}

	#bnr ul.single  li {
		float: none;
		margin: auto;
	}

	/*------------------------

		footer

	------------------------*/
	footer {

		clear: both;

	}

}

@media screen and (min-width: 1400px) {

	#dmc1twitch .info dl {

		top: 35.5%;

		left: 9.5%;

		width: 38%;

		line-height: 1.5em;

	}

}

/*------------------------

	SP・TB

------------------------*/

@media only screen and (max-width: 1099px) {

	/*------------------------

		title

	------------------------*/
	h1 {
		color: #ffffff;
		text-align: center;
		font-family: 'RobotoCondensed';
		letter-spacing: 2px;
		font-size: 4.629629vw;
		padding: 1.28em 0;
	}


	/*------------------------

		common

	------------------------*/
	.btn {

		width: 60%;

		position: absolute;

		left: 20%;

	}

	.btn a {

		border: solid 2px white;

		text-decoration: none;

		color: white;

		display: block;

		font-weight: 700;

		padding: 4% 6%;

		line-height: 1.4em;

		font-size: 105%;

		margin: 0 3.7%;

		position: relative;

		white-space: nowrap;

		background: black;

	}

	.btn a.pc-only {
		display: none;
	}

	.btn a:after {

		content: "";

		-webkit-transform: rotate(135deg);

		-ms-transform: rotate(135deg);

		transform: rotate(135deg);

		position: absolute;

		top: 56%;

		right: 6%;

		margin-top: -0.5em;

		width: 0.5em;

		height: 0.5em;

		border-top: solid 3px #ffffff;

		border-left: solid 3px #ffffff;

		display: block;

	}
	/*------------------------

		1904** dmc1

	------------------------*/
	#dmc1 .sp_non {
		display: none;
	}
	#dmc1 .btn {
		margin: 0 auto;
		position: relative;
		width: 56%;
		left: 0;
	}

	.dmc1-info {
		padding-bottom: 10.666%;
	}

	.dmc1-lead-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 3% auto 6%;
	}
	.dmc1-switch-image {
		width: 15.2vw;
		margin-right: 2.4%;
	}

	.dmc1-lead {
		color: #fff;
		font-size: 5.3vw;
		font-weight: bold;
		font-family: 'Noto Serif JP', serif;
		line-height: 1.3;
	}

	/*------------------------

		dmc5

	------------------------*/
	#dmc5 {

		width: 100%;

		padding-bottom: 125%;

		background: url(../images/dmc5/bg_sp.jpg) center top no-repeat;

		background-size: 100% auto;

		position: relative;

	}

	#dmc5 .platform {

		width: 88%;

		position: absolute;

		top: 65%;

		left: 6%;
	}

	#dmc5 .btn {

		top: 78%;

	}

	/*------------------------

		dmchd

	------------------------*/
	#dmchd {

		width: 100%;

		padding-bottom: 181%;

		background: url(../images/dmchd/bg_sp.jpg) center top no-repeat;

		background-size: 100% auto;

		position: relative;

	}

	#dmchd .platform {

		width: 92.6%;

		position: absolute;

		top: 53%;

		left: 3.7%;

	}

	#dmchd .btn {

		top: 86%;

	}

	/*------------------------

		dmc1twitch

	------------------------*/
	#dmc1twitch {

		width: 100%;

		padding-bottom: 8%;

		background: url(../images/dmc1twitch/bg_sp.jpg) center top no-repeat;

		background-size: 100% auto;

		position: relative;

	}

	#dmc1twitch .info {

		padding-top: 106vw;

	}

	#dmc1twitch .info dl {

		color: white;

		line-height: 1.6em;

		margin-left: 4%;

		width: 88%;

		border-radius: 2px;

		font-size: 2.5vw;

		background: rgba(0, 0, 0, 0.5);

		border: solid 2px #a30017;

		padding: 2%;

	}

	#dmc1twitch .info dl dt {

		font-size: 130%;

		font-weight: bold;

		margin-bottom: 1em;

	}

	#dmc1twitch .img01 {

		background: url(../images/dmc1twitch/img01_sp.png) center top no-repeat;

		background-size: contain;

		text-indent: 100%;

		white-space: nowrap;

		height: 0;

		overflow: hidden;

		margin-left: auto;

		margin-right: auto;

		text-shadow: none !important;

		padding-bottom: 23.506174%;

		margin-top: 2em;

		width: 100%;

	}

	#dmc1twitch .platform {

		width: 28.6%;

		margin: 2em auto 1em;

	}

	#dmc1twitch .btn {

		position: relative;

	}

	#dmc1twitch .btn a {

		text-align: center;

	}

	#dmc1twitch .note {

		color: white;

		font-size: 2.5vw;

		width: 94%;

		margin-top: 3em;

		margin-left: 3%;

		line-height: 1.4em;

	}

	/*------------------------

		dmc4se

	------------------------*/
	#dmc4se {

		width: 100%;

		padding-bottom: 108%;

		background: url(../images/dmc4se/bg_sp.jpg) center top no-repeat;

		background-size: 100% auto;

		position: relative;

	}

	#dmc4se .platform {

		width: 92.6%;

		position: absolute;

		top: 60.5%;

		left: 3.7%;

	}

	#dmc4se .release {

		font-size: 6vw;

		font-weight: bold;

		color: white;

		position: absolute;

		left: 35.5%;

		top: 72%;

	}

	#dmc4se .btn {

		top: 77%;

	}

	/*------------------------

		dmc

	------------------------*/
	#dmc {

		width: 100%;

		padding-bottom: 140%;

		background: url(../images/dmc/bg_sp.jpg) center top no-repeat;

		background-size: 100% auto;

		position: relative;

	}

	#dmc .sp_non {

		display: none;

	}

	#dmc .release {

		font-size: 6vw;

		font-weight: bold;

		color: white;

		position: absolute;

		left: 35.5%;

		top: 44%;

	}

	#dmc ul {

		width: 70%;

		position: absolute;

		top: 64%;

		left: 50%;
		transform: translateX(-50%);

	}

	#dmc li {

		width: 50%;

		float: left;

		position: relative;

	}

	#dmc li .btn {

		width: 100%;

		left: 0;

	}
	#dmc .btn {
		position: relative;
		margin: 0 auto;
		left: 0;
		top: 0;
	}
	#dmc .btn a {
		font-size: 82%;
	}
	#dmc .btn-wrap {
		position: absolute;
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		bottom: 10%;
	}
	#dmc .btn.btn1 {
		margin-bottom: 3vw;
	}


	#dmc li .btn a:after {

		content: "";

		right: 8%;

	}

	/*------------------------

		bnr

	------------------------*/
	#bnr {

		border-top: 1px solid #444;

	}

	#bnr ul {

		width: 80%;

		margin: 1em 10%;

	}

	#bnr ul li + li {

		margin-top: 0.5em;

	}

}


@media only screen and (max-width: 350px) {
	#dmc .btn-wrap {
		bottom: 7%;
	}
}


/*------------------------
		#sns
	------------------------*/

@media only screen and (max-width: 1100px) {
	.hk #sns .snsList,
	.cn #sns .snsList {
		width: 30%;
	}
	.hk #sns .snsList li:nth-child(1),
	.cn #sns .snsList li:nth-child(1) {
		width: 26.42487%;
	}
	.hk #sns .snsList li:nth-child(2),
	.cn #sns .snsList li:nth-child(2) {
		width: 26.42487%;
	}
	.hk #sns .snsList li:nth-child(3),
	.cn #sns .snsList li:nth-child(3) {
		width: 26.42487%;
	}
}

.global-portal #sns {
	background: none;
	margin-bottom: 3vw;
}

#sns {
	font-family: 'Noto Sans Japanese';
	border-top: solid #444 1px;
	border-bottom: none;
	padding-top: 2.1vw;
	padding-bottom: 1.74997vw;
	text-align: center;
	background: #000;
}

@media only screen and (max-width: 1100px) {
	#sns {
		padding: 4vw 0;
	}
}

#sns .listTtl {
	color: #ccc;
	font-size: 1.25vw;
	margin-bottom: 1.49775vw;
	text-align: center;
}

@media only screen and (max-width: 1100px) {
	#sns .listTtl {
		font-size: 3.75vw;
		margin-bottom: 14px;
	}
}

#sns > div {
	width: 100%;
}

#sns img {
	width: 100%;
}

#sns .snsList {
	margin-bottom: 2.77778vw;
	width: 16%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
}

@media only screen and (max-width: 1100px) {
	#sns .snsList {
		width: 50%;
	}
}

#sns .snsList li:nth-child(1) {
	width: 17.61658%;
	margin-right: 6%;
}

#sns .snsList li:nth-child(2) {
	width: 17.61658%;
}

@media only screen and (min-width: 1100px) {
	#sns .snsList a {
		-webkit-transition: .3s ease;
		transition: .3s ease;
	}
	#sns .snsList a:hover {
		opacity: .5;
	}
}

#sns .snsList .youtubeIcon {
	width: 21%;
	margin-left: 8%;

}

.instagramIcon {
	width: 20%;
	margin-left: 15.6%;
}

/*------------------------
	end of	#sns
	------------------------*/

.rating-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 20px;
}

.esrb-logo,
.esrb-common-logo {
	height: 8vw;
	max-height: 100px;
	min-height: 70px;
}

.esrb-logo {
	margin-right: 20px;
}

@media only screen and (max-width: 960px) {
	.esrb-logo,
	.esrb-common-logo {
		height: 14vw;
	}
}


#sns .esrb-logo img,
#sns .esrb-common-logo img {
	height: 100%;
	width: auto;
}