/* ==========================================================
  shared.css
  display: update
========================================================== */
.slick-prev,
.slick-next {
	top: 50%;
}
.fcGr {
	color: #cfee1d;
}
.fcBl {
	color: #00ffff;
}
.disB {
	display: block;
}
#contents {
	padding: 8% 0;
	position: relative;
}
#contents .linkBtn{
	background: #000;
	text-align: center;
}
#contents .linkBtn a{
	border: 1px solid #565353;
	display: block;
	width: 100%;
	line-height: 1.6em;
	background: url("../../../../images/icon/icon_corn_gray_top_d.svg") 2px 2px / 11px 11px no-repeat, url("../../../../images/icon/icon_corn_gray_bottom_d.svg") right 2px bottom 2px/11px 11px no-repeat;
	font-size: 14px;
	padding: 1em;
	position: relative;
	text-indent: -0.5em;
	box-sizing: border-box;
	margin-top: 1em;
}
#contents .linkBtn a span{
	display: block;
	position: relative;
	padding-right: 8%;
}
#contents .linkBtn a span:after{
  content: "";
  position: absolute;
	right: 0;
  top: 50%;
	transform: translateY(-50%);
	width: 1em;
	height: auto;
	padding-bottom: 10%;
  background: url("../../../../images/icon/icon_arrow_d.svg") center center no-repeat;
  background-size: 1em auto;
}
#contents .linkBtn.linkoff {
	opacity: 0.5;
}
#contents .linkBtn.linkoff a {
	pointer-events: none;
}

#contents .container {
	padding: 3% 0 6.5%;
	margin: 0 0 10%;
	position: relative;
}
#contents .container .titleBlock {
	padding: 0 2.5%;
	margin-bottom: 8%;
}
#contents .container .titleBlock h3 {
	font-size: 1.4em;
	color: #cfee1d;
	padding: 0;
	background: none;
} #contents .container h3 {
	  font-size: 6vw;
	  font-weight: bold;
  }
  #contents .container h3 span{
	  font-size: 100%;
  }

#contents .container ul:not(.mv) li {
	float: left;
	width: 50%;
}
#contents .container ul.mv{
	margin-bottom: 4%;
}
#contents .container ul.mv li{
	width: 100% !important;
	box-sizing: border-box;
	max-width: 100% !important;
}
#contents .container ul.mv li .movie{
	box-sizing: border-box;
	width: 100%;
	max-width: 640px;
}
#contents .container .text {
	padding: 0 2.5%;
	margin: 1.5% 0 3.5%;
	text-shadow: 0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000,0 0 10px #000;
}
#contents .container .movie {
	padding: 0 2.5%;
}
#contents .attention {
	line-height: 1.5;
	margin-top: 10px;
}


#contents h3.date {
	font-size: 1.4em;
	color: #cfee1d;
	background: none;
	text-align: center;
	padding: 0 2.5%;
}
#contents h3.date span {
	display: block;
	color: #FFF;
	font-size: 80%;
}
#contents #necessary {
	width: 95%;
	padding: 0.5em;
	margin: 5% auto 0;
	border: 1px solid #797372;
	box-sizing: border-box;
}
#contents #necessary h4 {
	color: #cfee1d;
	margin-bottom: 10px;
}

#contents .contsBlock {
	box-sizing: border-box;
	margin-top: 3em;
	padding: 0 2.5%;
}
#contents .contsBlock h3 {
	color: #cfee1d;
	font-size: 1.4em;
}
#contents .contsBlock h4 {
	text-align: center;
	border: 1px solid #565353;
	padding: 0.5em 1em;
	color: #cfee1d;
	font-size: 1.2em;
}
#contents .contsBlock h5 {
	color: #cfee1d;
	font-size: 1.1em;
}
#contents .contsBlock .inConts {
	padding: 5% 0;
}
#contents .contsBlock .column li {
	margin-bottom: 20px;
}
#contents .contsBlock .column li span {
	display: block;
	text-align: center;
	margin-top: 10px;
	font-size: 0.9em;
}

#contents #version ul li {
	margin-left: 1em;
	text-indent: -1em;
	margin-bottom: 5px;
}
#contents #version ul li:before{
	content: "-";
	margin-right: 0.5em;
}

#contents #bugs .contsBox {
	margin-bottom: 2em;
}
#contents #bugs .contsBox .title,
#contents #languageBugs .contsBox .title{
	color: #cfee1d;
	margin-bottom: 0.5em;
}
#contents #bugs ul li {
	margin-left: 1em;
	text-indent: -1em;
	margin-bottom: 5px;
}
#contents #bugs ul li:before{
	content: "-";
	margin-right: 0.5em;
}
#contents #version ul li *,
#contents #bugs ul li *,
#contents #languageBugs ul li *{
	text-indent: 0;
}
#contents #bugs ul li div,
#contents #languageBugs ul li div{
	margin: 1em 0 1em 1em;
}
#contents #bugs ul li div p,
#contents #languageBugs ul li div p{
	text-indent: 0;
}
#contents #bugs ul li div p + p,
#contents #languageBugs ul li div p + p{
	margin-top: 1em;
}

#contents #languageBugs ul li {
	margin-left: 1em;
	text-indent: -1em;
	margin-bottom: 5px;
}
#contents #languageBugs ul li:before{
	content: "-";
	margin-right: 0.5em;
}

/* asia */
#asia #contents #version ul li .indent,
#asia #contents #bugs ul li .indent,
#asia #contents #languageBugs ul li .indent{
	text-indent: -1em;
}

#asia #contents #version ul li:before,
#asia #contents #bugs ul li:before,
#asia #contents #languageBugs ul li:before{
	content: "・";
	margin-right: 0;
}

/* ==========================================================
  display: PC
========================================================== */

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

  /* CONTENTS
  ------------------ */
  #contents {
    padding: 50px 0 70px;
  }
	#contents .linkBtn{
		background: #000;
		width: 80%;
		max-width: 700px;
		margin: auto auto;
	}
	#contents .linkBtn a{
		padding:1.5em 1em;
	}
	#contents .linkBtn a span {
		position: relative;
	}
	#contents .linkBtn:hover a {
		border: 1px solid #cfee1d;
		background: url("../../../../images/icon/icon_corn_top_on.svg") 2px 2px / 11px 11px no-repeat, url("../../../../images/icon/icon_corn_bottom_on.svg") right 2px bottom 2px/11px 11px no-repeat;
	}
	#contents .linkBtn:hover span:after {
		content: "";
		background: url("../../../../images/icon/icon_arrow_on.svg") center center no-repeat;
		background-size: contain;
	}
	#contents .linkBtn.linkoff:hover a {
		border: 1px solid #565353;
		background-image: url("../../../../images/icon/icon_corn_gray_top_d.svg"), url("../../../../images/icon/icon_corn_gray_bottom_d.svg");
		background-position: left 2px top 2px, right 2px bottom 2px;
		background-size: 11px 11px, 11px 11px;
		background-repeat: no-repeat, no-repeat;
	}
	#contents .linkBtn.linkoff:hover span:after{
		background: url("../../../../images/icon/icon_arrow_d.svg") center center no-repeat;
		background-size: contain;
	}

	#contents .container {
    width: 100%;
    position: relative;
	padding: 0;
  }
  #contents .container h3 {
	  font-size: 30px;
	  font-weight: bold;
  }
  #contents .container h3 span{
	  font-size: 100%;
  }
	#contents .container ul li {
		float: left;
		width: 50%;
	}
	#contents .container ul.mv{
		margin-top: 4%;
		margin-bottom: 4%;
	}
  #contents .container ul li.text{
	  width: calc(50% - 4em);
	  font-size: 18px;
  }
  #contents .container ul li .movie{
	  margin: 0 auto;
	  width: 360px;
  }
  #contents #equip01 .attention{
	  margin-top: 40px !important;
  }

	#contents h3.date {
		font-size: 24px;
		padding: 0 2em;
  }
	#contents h3.date span {
		font-size: 90%;
	}
	#contents #necessary {
		width: 100%;
		max-width: 750px;
		padding: 30px;
		margin: 60px auto 0;
	}
	#contents #necessary p {
		margin-left: 2em;
	}
	#contents #necessary .attention {
		margin-left: 2.5em;
	}

	#contents .contsBlock {
		margin: 80px auto 0;
		padding: 0 40px;
	}
	#contents .contsBlock h3 {
		font-size: 24px;
	}
	#contents .contsBlock h4 {
		font-size: 24px;
	}
	#contents .contsBlock .inConts {
		max-width: 840px;
		margin: 0 auto;
		padding: 40px 0 0;
	}
	#contents .contsBlock .column li {
		float: left;
		width: 48%;
		margin-bottom: 0;
	}
	#contents .contsBlock .column li:first-child {
		margin-right: 4%;
	}

	#contents #version ul li {
		margin-bottom: 10px;
	}

	#contents #bugs .contsBox {
		margin-bottom: 40px;
	}
	#contents #bugs .contsBox .title,
	#contents #languageBugs .contsBox .title{
		margin-bottom: 10px;
	}
	#contents #bugs ul li {
		margin-bottom: 10px;
	}

	#contents #languageBugs ul li {
		margin-bottom: 10px;
	}

}


@media only screen and (min-width: 768px) and (max-width: 950px) {
  #contents .container {
		height: 1100px;
  }
  #contents .container .text {
    top: 530px;
  }

}