@charset "utf-8";
/* CSS Documents */

/* font color */

.pickup {
  color: #fff005;
  font-weight: bold;
}

.pickup2 {
	color:#ff00c0;
	font-weight:bold;
}

.pickup3 {
	color:#00f4ce;
	font-weight:bold;
}

.pickup4 {
	color:#00c0ff;
	font-weight:bold;
}

.pickup5 {
	color:#ff8400;
	font-weight:bold;
}

.pickup6 {
	color:#f6f6f6;
	font-weight:bold;
}

.unexMap {
	color:#00f4ce;
	font-weight:bold;
}

.goldpass {
	color:#fbd10d;
	font-weight:bold;
}

.ruby {
  color:#00e4ff;
  font-weight: bold;
}

.cp {
  color:#88FF22;
  font-weight: bold;
}

.caution {
	color: orangered;
	font-weight: bold;
}

.tomotore {
	color:#a9ff00;
	font-weight: bold;
}

.c-purple {
	color: #e1a6ff;
	font-weight: bold;
}

.strapline {
	font-weight:bold;
}

span.pl1em {
	padding-left: 1em;
	display: block;
}

.imagesPointerEventNone img,
.imagesPointerEventNone picture {
	pointer-events: none;
}

.db {
	display: block;
}

/* margin */

.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mr0 {
	margin-right: 0 !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.ml0 {
	margin-left: 0 !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

/* font */
.contents strong {
	font-weight: bold;
}

.fwn {
	font-weight: normal !important;
}

/* layout */

.dn {
	display: none;
}

.tac {
	text-align: center !important;
}

.mh56 {
	min-height: 56px;
}

hr.sep {
	margin: 2em 0;
}

.footerBg {
	overflow: hidden;
}

@media screen and (min-width:737px) {
	hr.sep {
		margin: 3em 0;
	}
}

/* #charaNotice
--------------------------------------------------*/

#charaNotice .mainContents {
	text-align: center;
	background: #fff;
	padding: 0;

}

#charaNotice .mainContents article{
	position:relative;
}

#charaNotice .invisible {
	position:absolute;
	text-indent: 100%;
	width:100%;
	white-space: nowrap;
	overflow: hidden;
}

#charaNotice .charaMovie {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding-top: 55%;
	margin-bottom: 10px;
}

#charaNotice .charaMovie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#charaNotice .charaContents {
	margin:0 0 30px;
	padding:0 0 15px;
}

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

	#charaNotice .mainContents {
		padding: 50px 0 20px;
		border-radius: 20px;
	}

	#charaNotice .charaMovie {
		padding-top:0;
	}

	#charaNotice .charaMovie iframe {
		position: relative;
		width: 720px;
		height: 405px;
	}

}


/* #ImgLayout
--------------------------------------------------*/

#ImgLayout .mainContents {
	text-align:center;
	background:white;
	padding:0 0 25px 0;
}

#ImgLayout .contents {
	margin:30px auto 0;
}

#ImgLayout .charaMovie {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	padding-top: 55%;
	max-width: 640px;
	margin: 30px auto;
}

#ImgLayout .charaMovie iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

	#ImgLayout .mainContents h1 img {
		border-radius:20px 20px 0 0;
	}

	#ImgLayout .mainContents {
		padding:0 0 30px 0;
	}

	#ImgLayout .charaMovie {
		padding:0;
		max-width: 720px;
	}

	#ImgLayout .charaMovie iframe{
		position: relative;
		max-width:720px;
		width: 720px;
		height: 405px;
	}

}

/* #TextLayout
--------------------------------------------------*/

#TextLayout .mainContents {
	box-sizing: border-box;
  background: url("../img/base/kabe_uzu.jpg") repeat-y #fff;
  color: #fff;
	text-align:left;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	font-size: 20px; /* SP base font-size */
	margin: 0 auto;
	padding:0 0 20px 0;
}

#TextLayout .mainContents h1 {
  margin-bottom: 30px;
	overflow: hidden;
}


#TextLayout .charaMovie {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	padding-top: 55%;
	max-width: 640px;
	margin: auto;
}

#TextLayout .charaMovie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

	#TextLayout .mainContents {
		padding:0 0 30px 0;
		border-radius:20px;
		font-size: 22px; /* PC base font-size */
	}

	#TextLayout .mainContents h1 {
		border-radius: 20px 20px 0 0;
	}

}

#TextLayout .mainContents .contents {
	width: 100%;
	max-width: 820px;
	padding: 0 20px 40px;
	box-sizing:border-box;
}

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

	#TextLayout .mainContents .contents {
		width: 100%;
		max-width: 820px;
		margin: 0 auto;
		padding:0;
	}

}

#TextLayout .mainContents h2 {
	margin: 20px 0 5px;
	padding-left: 30px;
	font-weight: bold;
	font-size: 95%;
}

#TextLayout .icon_cam {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30.24 28.88"><path fill="%23000" d="M25.55,3A16,16,0,0,0,14.05.1c-4.69.45-7.84,2-9.91,4-6.44,6.41-4.31,16.69-.69,20.4,2.7,2.76,6.82,4.54,12.46,4.34a15.21,15.21,0,0,0,10.39-4C31.87,19.63,31.47,7.4,25.55,3Z"/><path fill="%23fff" d="M14.29,4.78c.48-1,1.26-1,1.74,0l1.8,3.66a4.19,4.19,0,0,0,2.8,2l4,.59c1.07.15,1.31.89.54,1.64l-2.92,2.86a4.14,4.14,0,0,0-1.07,3.29l.69,4c.18,1.06-.45,1.52-1.4,1L16.89,22a4.18,4.18,0,0,0-3.46,0l-3.61,1.9c-1,.5-1.59,0-1.41-1l.7-4A4.18,4.18,0,0,0,8,15.56L5.11,12.7c-.77-.75-.53-1.49.54-1.64l4-.59a4.19,4.19,0,0,0,2.8-2Z" /></svg>') no-repeat 0 2px;
}

#TextLayout .icon_time {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 44.46 42.96"><path fill="%23000" d="M23.28,0c-.9,0-1.83,0-2.76.13-6,.58-10.86,2.62-14.31,6-9.44,9.37-6.79,24.21-.82,30.31,2.87,3,8.12,6.48,16.76,6.48l1.15,0A22.51,22.51,0,0,0,38.36,37c4.18-3.94,6.45-10.39,6.06-17.25-.37-6.56-3.06-12.17-7.36-15.39A22.47,22.47,0,0,0,23.28,0Z"/><path fill="%23fff" d="M33.73,8.84A17.07,17.07,0,0,0,23.28,5.56c-.72,0-1.46,0-2.23.11-5.17.5-8.64,2.18-10.93,4.45C3,17.17,5.37,28.51,9.36,32.6c2.82,2.89,7.06,4.8,12.79,4.8l1,0c5.44-.19,9-2.07,11.45-4.41C40.69,27.2,40.25,13.72,33.73,8.84ZM7.86,23.55A2.1,2.1,0,1,1,10,21.45,2.1,2.1,0,0,1,7.86,23.55ZM22.36,6.21a2.1,2.1,0,1,1-2.1,2.1A2.1,2.1,0,0,1,22.36,6.21ZM11,9.9h0a2.15,2.15,0,0,1,3,0,2.1,2.1,0,0,1,0,3,2.06,2.06,0,0,1-1.48.61A2.1,2.1,0,0,1,11,9.9Zm3.11,22.81a2.1,2.1,0,0,1-1.49.61,2.07,2.07,0,0,1-1.48-.61,2.1,2.1,0,0,1-.62-1.49,2.06,2.06,0,0,1,.62-1.48,2.16,2.16,0,0,1,3,0A2.12,2.12,0,0,1,14.08,32.71Zm8.28,4a2.1,2.1,0,1,1,2.1-2.1A2.1,2.1,0,0,1,22.36,36.7ZM26.75,26a6.35,6.35,0,0,1-4.25,1.7h-.28a6.39,6.39,0,0,1-4.72-1.88,6.47,6.47,0,0,1,.17-8.75,6.4,6.4,0,0,1,4-1.77c.25,0,.49,0,.72,0a6.62,6.62,0,0,1,2.71.58l5.13-4.78a2,2,0,0,1,.58-1.16,2.1,2.1,0,1,1,1.88,3.54L28,18.76A6.51,6.51,0,0,1,28.57,21,6.23,6.23,0,0,1,26.75,26Zm6.68,6.91a2.1,2.1,0,0,1-3-3h0A2.1,2.1,0,0,1,34,31.41,2.09,2.09,0,0,1,33.43,32.9Zm2.63-9.35a2.1,2.1,0,1,1,2.1-2.1A2.1,2.1,0,0,1,36.06,23.55Z" /><path fill="%23f60" d="M24.42,19.07a3.38,3.38,0,0,0-2.42-.6,3.07,3.07,0,0,0-2.23,5.13,3.38,3.38,0,0,0,2.62.91,3.21,3.21,0,0,0,2.19-.84A3.39,3.39,0,0,0,24.42,19.07Z" /></svg>') no-repeat 0 2px;
}

#TextLayout .icon_item {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 34.38"><path fill="%23000" d="M30.41,3.54C27.06,1,22.55-.44,16.73.12,11.15.65,7.39,2.47,4.92,4.92-2.74,12.54-.21,24.78,4.11,29.2c3.21,3.29,8.12,5.4,14.83,5.17,5.88-.22,9.68-2.24,12.37-4.77C37.93,23.36,37.46,8.82,30.41,3.54Z"/><path fill="%23fff" d="M27.75,15.68c-.15-5.87-7.29-11.38-15-6.89,3.54-.74,11.12,1,9,8.79-.8,2.85-6.54,3.65-7.07,0-.37-2.52,1.92-2.9,3.28-1.61.29-3.3-3-4.17-5.39-3.09A6.59,6.59,0,0,0,9.2,19.43c.54,3.85,4.68,6.81,9,6.87C23.47,26.37,27.93,23.29,27.75,15.68Z" /></svg>') no-repeat 0 2px;
}

#TextLayout .icon_caution {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30.24 28.9"><path fill="%23000" d="M25.55,3A16,16,0,0,0,14.05.14c-4.69.45-7.84,2-9.91,4-6.44,6.41-4.31,16.69-.69,20.4,2.7,2.76,6.82,4.54,12.46,4.34a15.21,15.21,0,0,0,10.39-4C31.87,19.67,31.47,7.44,25.55,3Z"/><path fill="%23fff" d="M13,25.08V20.93l4,0v4.21ZM11.9,4.78l.88,12.11h4.27l1-12.13Z" /></svg>') no-repeat 0 2px;
}

#TextLayout h2.icon_cam,
#TextLayout h2.icon_time,
#TextLayout h2.icon_item,
#TextLayout h2.icon_caution {
	background-size: 24px 24px;
}

#TextLayout h3.icon_cam,
#TextLayout h3.icon_time,
#TextLayout h3.icon_item,
#TextLayout h3.icon_caution {
	background-size:20px 20px;
	padding-left: 22px;
	font-weight: bold;
	font-size:115%;
}

#TextLayout .mainContents .haifu_list {
  margin: 0 0 20px;
}

#TextLayout .mainContents .haifu_list li {
  text-indent: -4em;
  margin-left: 4em;
	font-size: 75%;
}

#TextLayout .mainContents .haifu_list li:nth-child(n + 10) {
  text-indent: -4.25em;
  margin-left: 4.25em;
}

#TextLayout .mainContents .haifu_list.medium li {
	font-size: 70%;
}


#TextLayout .mainContents li a {
	display: block;
	background: #000;
	border-radius: 10px;
	padding: 30px 20px;
	text-decoration: none;
	color: #00b8ff;
	font-weight: bold;
	-webkit-transition: 0.3s;
	transition: 0.3s;
  font-size: 90%;
  text-align: center;
}

#TextLayout .mainContents h2.tw_plez {
	margin:20px 0 30px;
}

#TextLayout .mainContents p {
	margin-bottom: 20px;
	font-size: 75%;
}

#TextLayout .mainContents .text_caution {
  margin: 0 0 20px;
}

#TextLayout .mainContents .text_caution li {
  text-indent: -1em;
  margin-left: 1em;
	font-size: 60%;
}

#TextLayout .mainContents .text_caution li ul li {
  text-indent: -1em;
  margin-left: 2em;
	font-size: 90%;
}

#TextLayout .mainContents .subHeading {
	font-size:115%;
}

#TextLayout .mainContents p.text_medium {
	font-size: 70%;
	margin: 10px 0 35px 0;
}

#TextLayout .mainContents .text_medium_hlist {
	font-size: 70%;
	margin: 10px 0 0 0;
}

#TextLayout .mainContents .text_medium_hlist p {
	font-size:100%;
}

#TextLayout .mainContents .bracket {
	font-weight:bold;
	font-size:115%;
}

#TextLayout .mainContents .annotation {
	font-size:88%;
}


#TextLayout .mainContents .text_small {
	margin: 5px 0;
	font-size: 60%;
}

#TextLayout .mainContents p a,
#TextLayout .mainContents p a:visited {
	color: #00b8ff;
}

#TextLayout .mainContents .annotation {
	font-size:88%;
}

#TextLayout .mainContents hr.h_line {
  position: relative;
  display: block;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 190.58 4.64"><path fill="%23868686" d="M117.25,4.64h-4a1.5,1.5,0,0,1,0-3h4a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M109.26,4.63h-4a1.5,1.5,0,1,1,0-3h4a1.5,1.5,0,1,1,0,3Z"/><path fill="%23868686" d="M121.24,4.63a1.5,1.5,0,1,1,0-3l4,0h0a1.5,1.5,0,0,1,0,3l-4,0Z"/><path fill="%23868686" d="M101.27,4.61h-4a1.5,1.5,0,0,1,0-3h4a1.51,1.51,0,0,1,1.49,1.51A1.49,1.49,0,0,1,101.27,4.61Z"/><path fill="%23868686" d="M93.29,4.57h0l-4,0A1.51,1.51,0,0,1,87.8,3a1.49,1.49,0,0,1,1.5-1.48h0l4,0a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M129.23,4.56a1.5,1.5,0,0,1,0-3l4-.06a1.5,1.5,0,1,1,.06,3l-4,.07Z"/><path fill="%23868686" d="M85.31,4.51h0l-3.9,0A1.54,1.54,0,0,1,79.86,3a1.46,1.46,0,0,1,1.46-1.48h0l4,0a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M77.33,4.44h0l-4,0A1.5,1.5,0,0,1,71.84,2.9a1.47,1.47,0,0,1,1.51-1.49l4,0a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M137.21,4.4a1.5,1.5,0,0,1,0-3l4-.12a1.52,1.52,0,0,1,1.55,1.45,1.5,1.5,0,0,1-1.45,1.55l-4,.12Z"/><path fill="%23868686" d="M69.35,4.38h0l-4,0a1.5,1.5,0,1,1,0-3h0l4,0a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M61.36,4.34h-4a1.5,1.5,0,0,1,0-3h4a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M53.38,4.32h-4a1.5,1.5,0,0,1,0-3h4a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M45.39,4.32h-4a1.5,1.5,0,0,1,0-3h4a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M37.4,4.27h0l-4,0A1.48,1.48,0,0,1,31.91,2.7a1.48,1.48,0,0,1,1.52-1.48l4,.05a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M29.42,4.15h0l-4-.1A1.51,1.51,0,0,1,23.92,2.5,1.53,1.53,0,0,1,25.47,1l4,.11a1.48,1.48,0,0,1,1.46,1.53A1.49,1.49,0,0,1,29.42,4.15Z"/><path fill="%23868686" d="M145.19,4.13a1.5,1.5,0,0,1-.06-3l4-.17a1.47,1.47,0,0,1,1.56,1.43A1.5,1.5,0,0,1,149.24,4l-4,.17Z"/><path fill="%23868686" d="M21.44,3.9h-.06l-4-.16a1.5,1.5,0,0,1,.13-3l4,.17a1.5,1.5,0,0,1,0,3Z"/><path fill="%23868686" d="M153.16,3.77a1.5,1.5,0,0,1-.07-3l4-.18a1.5,1.5,0,1,1,.13,3l-4,.18Z"/><path fill="%23868686" d="M13.46,3.55h-.07l-4-.2a1.5,1.5,0,0,1,.15-3l4,.19a1.5,1.5,0,0,1-.07,3Z"/><path fill="%23868686" d="M161.13,3.43a1.5,1.5,0,0,1,0-3l4-.13a1.5,1.5,0,0,1,.09,3l-4,.13Z"/><path fill="%23868686" d="M169.11,3.19a1.5,1.5,0,0,1,0-3l4-.08h0a1.49,1.49,0,0,1,1.5,1.47,1.49,1.49,0,0,1-1.47,1.53l-4,.08Z"/><path fill="%23868686" d="M5.49,3.17H5.42L1.44,3A1.5,1.5,0,0,1,0,1.44,1.52,1.52,0,0,1,1.56,0l4,.17a1.5,1.5,0,0,1-.07,3Z"/><path fill="%23868686" d="M177.1,3.05a1.5,1.5,0,0,1,0-3l4,0h0a1.5,1.5,0,0,1,0,3l-4,0Z"/><path fill="%23868686" d="M185.08,3a1.51,1.51,0,0,1-1.5-1.49A1.51,1.51,0,0,1,185.08,0h4a1.5,1.5,0,0,1,0,3h-4Z"/></svg>') repeat-x center center;
  background-size: 166px auto;
  width: calc(100% - 20px);
  height: 20px;
  margin: 10px auto;
  border: 0;
  overflow: visible;
}

#TextLayout .mainContents hr.h_line::before,
#TextLayout .mainContents hr.h_line::after {
  display: block;
  position: absolute;
  content: "";
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.87 10.01"><path fill="%23868686" d="M9.87,5A5.05,5.05,0,0,0,2,.85c2-.57,6,.77,4.85,4.7A2.1,2.1,0,0,1,4.77,7.06c-.92,0-2-.62-2-1.66a1.2,1.2,0,0,1,2-.93C5,2.76,3.34,2.21,1.77,2.89A3.2,3.2,0,0,0,0,6.25C.3,8.44,2.71,10,4.85,10A5,5,0,0,0,9.87,5Z" /></svg>') no-repeat center center;
  background-size: cover;
  width: 8px;
  height: 8px;
  top: 6px;
}

#TextLayout .mainContents hr.h_line::before {
  left: -11px;
}

#TextLayout .mainContents hr.h_line::after {
  right: -11px;
}

#TextLayout .titleMovie {
	position: relative;
	width:100%;
	height: 0;
	margin:0 auto 30px;
	padding-top: 56.25%;
	overflow: hidden;
}

#TextLayout .titleMovie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

	#TextLayout .titleMovie {
		max-width:1020px;
		width:1020px;
		height:574px;
		margin:0 auto 40px;
		padding:0;
		border-radius:20px 20px 0 0;
	}

	#TextLayout .titleMovie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}

#TextLayout .innerMovie {
	position: relative;
	width:100%;
	height: 0;
	margin:0 auto 30px;
	padding-top: 56.25%;
	overflow: hidden;
}

#TextLayout .innerMovie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

	#TextLayout .innerMovie {
		max-width:640px;
		width:640px;
		height:360px;
		margin:0 auto 40px;
		padding:0;
	}

	#TextLayout .innerMovie iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}



/* #NewsLayout
--------------------------------------------------*/

/* announce,notice Pages */

#NewsLayout .mainContents {
	box-sizing: border-box;
	background: #fff;
	max-width: 640px;
	margin: 0 auto;
	color: #000;
	font-size: 20px;
	padding:0;
}

#NewsLayout .mainContents .inner{
	padding: 40px 20px;
}

#NewsLayout .mainContents h1 {
	border-bottom: 8px solid;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 30px;
	text-align: center;
	font-size: 110%;
}

#NewsLayout .mainContents h2 {
	border-bottom: 2px solid;
	padding-bottom: 5px;
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 95%;
}

#NewsLayout .mainContents h3 {
	border-left: 8px solid;
	margin: 40px 0 20px;
  padding-left: 10px;
	font-weight: bold;
	font-size: 90%;
}

#NewsLayout .mainContents h4 {
	margin: 20px 0;
	font-weight: bold;
	font-size: 80%;
}

#NewsLayout .mainContents .ttl-caution {
  display: block;
  border:  solid 6px orangered;
  color: orangered;
  margin-bottom: 10px;
  font-weight: bold;
  border-radius: 5px;
}

#NewsLayout .mainContents p {
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 75%;
}

#NewsLayout .mainContents .gray-white table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	border: 1px solid #000;
}

#NewsLayout .mainContents .gray-white table th,
#NewsLayout .mainContents .gray-white table td {
	padding: 10px 20px;
	border: 1px solid #000;
	text-align: left;
}

#NewsLayout .mainContents .gray-white table th {
	width: 35%;
	background: #eee;
	text-align: center;
}

#NewsLayout .mainContents li {
	margin-top: 10px;
	font-size: 75%;
}

#NewsLayout .mainContents li a {
	display: block;
	background: #000;
	border-radius: 10px;
	padding: 30px 20px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	-webkit-transition: 0.3s;
	transition: 0.3s;
  font-size: 90%;
  text-align: center;
}

#NewsLayout .mainContents hr {
	border: none;
	border-top: 1px dashed rgba(0, 0, 0, 0.3);
	margin: 30px 0;
}

#NewsLayout .mainContents time {
	text-align: left;
	font-size: 80%;
}

#NewsLayout .mainContents .caution {
	color: orangered;
}

#NewsLayout .mainContents .kome {
  display: block;
  text-indent: -1em;
  margin-left: 1em;
}

#NewsLayout .mainContents .kome::before {
  content: "※";
}

#NewsLayout .mainContents .emphasis {
	font-weight: bold;
	background: -webkit-linear-gradient(transparent 60%, #d2ff66 60%);
	background: linear-gradient(transparent 60%, #d2ff66 60%);
}

#NewsLayout .mainContents .txtAlignRight {
	text-align: right;
	margin-bottom: 0;
	padding-bottom: 0;
}

#NewsLayout .mainContents #ios {
	background: #f1f9ff;
}

#NewsLayout .mainContents #android {
	background: #f4fff9;
}

.bg-color_gray {
	background-color: #f4f4f4;
}

.color_skyblue {
	color: #00b8ff;
	font-weight: bold;
}

.color_lightgreen {
	color: #0cdb00;
	font-weight: bold;
}

.invisible {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#NewsLayout .mainContents ol {
  margin-bottom: 20px;
}

#NewsLayout .mainContents ol li {
  font-size: 85%;
  list-style: decimal;
  margin-left: 2.5em;
}

#NewsLayout .mainContents table.newsPageTable {
  font-size: 80%;
  width:100%;
  border-spacing: 0;
  text-align: center;
  margin-bottom: 20px;
}

#NewsLayout .mainContents table.newsPageTable tr:nth-child(2n+1){
  background: #efefef;
}

#NewsLayout .mainContents table.newsPageTable th{
  padding: 7px;
  background-image: -webkit-linear-gradient(left, #00b8ff 0%, #12D8FA 51%, #00b8ff 100%);
  background-image: linear-gradient(to right, #00b8ff 0%, #12D8FA 51%, #00b8ff 100%);
  font-weight: bold;
  color: #fff;
  border-left: 1px solid #666;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  text-shadow: 1px 1px 2px #000;
}

#NewsLayout .mainContents table.newsPageTable th:last-child{
  border-right: 1px solid #666;
}

#NewsLayout .mainContents table.newsPageTable td{
  padding: 7px;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
}

#NewsLayout .mainContents table.newsPageTable td:last-child{
  border-right: 1px solid #666;
}


/* 2020.03.04up 利用規約変更について Amendments　*/

#NewsLayout .mainContents.Amendments ul{
	display: inline-block;
	-webkit-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-pack: normal;
	-webkit-justify-content: normal;
	        justify-content: normal;
}

#NewsLayout .mainContents.Amendments ul li {
	text-indent: -1em;
	padding-left: 1em;
}

#NewsLayout .mainContents.Amendments ul li.noIndent{
	text-indent: 0;
	padding-left: 0;
}

#NewsLayout .mainContents .btn_new_terms {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 10px;
  color: #ffffff;
  background: #ff006a;
  position: relative;
  width: 85%;
  max-width: 260px;
  min-width: 210px;
  margin: 20px auto;
}

#NewsLayout .mainContents .btn_new_terms i{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
  margin: auto;
  font-size: 240%;
  width: 90%;
  height: 90%;
  max-width: 35px;
  max-height: 35px;
}

#NewsLayout .mainContents.Amendments li a {
  background: none;
  padding: 5px 0;
  text-align: center;
}

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

	#NewsLayout .mainContents {
		box-sizing: border-box;
		background: #fff;
		border-radius: 20px;
		overflow: hidden;
		max-width: 1020px;
		margin: 0 auto;
		color: #000;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 20px;
	}

	#NewsLayout .mainContents .inner{
		padding: 50px 100px;
	}

	#NewsLayout .mainContents h1 {
		font-size: 150%;
		font-weight: bold;
		border-bottom: 8px solid #000;
		padding-bottom: 10px;
		margin-bottom: 30px;
		text-align: center;
	}

	#NewsLayout .mainContents h2 {
		font-size: 110%;
		font-weight: bold;
		border-bottom: 2px solid #000;
		padding-bottom: 10px;
		margin-bottom: 30px;
	}

	#NewsLayout .mainContents h3 {
		font-size: 85%;
		font-weight: bold;
		border-left: 8px solid #000;
		padding-left: 10px;
		margin: 40px 0 20px;
	}

	#NewsLayout .mainContents h4 {
		margin: 20px 0;
		font-weight: bold;
		font-size: 80%;
	}

	#NewsLayout .mainContents .ttl-caution {
		display: inline-block;
		border:  solid 4px orangered;
		color: orangered;
		padding: 0 10px;
		font-weight: bold;
		font-size: 70%;
		vertical-align: middle;
		margin:0;
		border-radius:0;
	}

	#NewsLayout .mainContents p {
		font-size: 85%;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	#NewsLayout .mainContents .gray-white table th {
		width: 25%;
		font-weight: bold;
	}

	#NewsLayout .mainContents ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		        flex-wrap: nowrap;
		-webkit-box-pack: space-evenly;
		-webkit-justify-content: space-evenly;
		        justify-content: space-evenly;
		margin-bottom: 30px;
	}

	#NewsLayout .mainContents li {
		margin-top: 10px;
		font-size: 75%;
	}

	#NewsLayout .mainContents li a {
		display: block;
		background: #000;
		border-radius: 10px;
		padding: 30px 25px;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		-webkit-transition: 0.3s;
		transition: 0.3s;
		font-size: 150%;
	}

	#NewsLayout .mainContents hr {
		border: none;
		border-top: 1px dashed rgba(0, 0, 0, 0.3);
		margin: 30px 0;
	}

	#NewsLayout .mainContents time {
		font-size: 100%;
	}

	#NewsLayout .mainContents li a:hover {
		opacity: .75;
	}

	#NewsLayout .mainContents .kome {
		display: block;
		text-indent: -1em;
		margin-left: 1em;
	}

	#NewsLayout .mainContents .kome::before {
		content: "※";
	}

	#NewsLayout .mainContents .emphasis {
		font-weight: bold;
		background: -webkit-linear-gradient(transparent 60%, #d2ff66 60%);
		background: linear-gradient(transparent 60%, #d2ff66 60%);
	}

	#NewsLayout .mainContents .txtAlignRight {
		text-align: right;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	#NewsLayout .mainContents #ios {
		background: #f1f9ff;
	}

	#NewsLayout .mainContents #android {
		background: #f4fff9;
	}

	#NewsLayout .mainContents ol {
		margin-bottom: 20px;
	}

	#NewsLayout .mainContents ol li {
		font-size: 85%;
		list-style: decimal;
		margin-left: 2.5em;
	}

	.bg-color_gray {
		background-color: #f4f4f4;
	}

	.color_skyblue {
		color: #00b8ff;
		font-weight: bold;
	}

	.color_lightgreen {
		color: #0cdb00;
		font-weight: bold;
	}

	.second .invisible {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	#NewsLayout .mainContents table.newsPageTable {
		width:100%;
		border-spacing: 0;
		text-align: center;
		margin-bottom: 30px;
	}

	#NewsLayout .mainContents table.newsPageTable tr {
		background: #fff;
	}

	#NewsLayout .mainContents table.newsPageTable tr:nth-child(2n+1) {
		background: #efefef;
	}

	#NewsLayout .mainContents table.newsPageTable th {
		padding: 7px;
		background-image: -webkit-linear-gradient(left, #00b8ff 0%, #12D8FA 51%, #00b8ff 100%);
		background-image: linear-gradient(to right, #00b8ff 0%, #12D8FA 51%, #00b8ff 100%);
		font-weight: bold;
		color: #fff;
		border-left: 1px solid #666;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
		text-shadow: 1px 1px 2px #000;
	}

	#NewsLayout .mainContents table.newsPageTable th:last-child {
		border-right: 1px solid #666;
	}

	#NewsLayout .mainContents table.newsPageTable td {
		padding: 7px;
		border-left: 1px solid #666;
		border-bottom: 1px solid #666;
	}

	#NewsLayout .mainContents table.newsPageTable td:last-child {
		border-right: 1px solid #666;
	}

	/* 2020.03.04up 利用規約変更について Amendments　*/

	#NewsLayout .mainContents.Amendments ul{
		display: inline-block;
		-webkit-flex-wrap: nowrap;
		        flex-wrap: nowrap;
		-webkit-box-pack: normal;
		-webkit-justify-content: normal;
		        justify-content: normal;
	}

	#NewsLayout .mainContents.Amendments ul li {
		text-indent: -1em;
		padding-left: 1em;
		font-size:85%;
	}

	#NewsLayout .mainContents.Amendments ul li.noIndent{
		text-indent: 0;
		padding-left: 0;
	}

	.second .btn_new_terms {
		display: block;
		padding: 0.5em 1em;
		text-decoration: none;
		border-radius: 10px;
		color: #ffffff;
		background: #ff006a;
		position: relative;
		width: 290px;
		margin: 30px auto;
	}

	#NewsLayout .mainContents.Amendments li a {
		background: none;
		padding: 5px 0;
		text-align: center;
		font-size:125%;
	}


}















/* .campaignBlock
--------------------------------------------------*/

.campaignBlockWrap {
	padding: 0;
}

.campaignBlock {
	background: url("../img/campaign/bg_repeat.png");
	background-size: contain;
	padding: 0 40px;
}

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

	.campaignBlockWrap {
    width: 640px;
    margin: 0 auto;
	}

}


/* news_200427 第１回 lobiトーナメント 開催
--------------------------------------------------*/

.news200427 .rank1st{
	font-size:90%;
}

.news200427 .rank1st li {
	font-weight:bold;
	color:#fff005;
}

.news200427 .rank2nd{
	font-size:75%;
	font-weight:bold;
}

.news200427 .rank2nd li {
	font-weight:bold;
}

.news200427 .rank3rd{
	font-size:75%;
}

.news200427 ul li:first-child {
	display:table-cell;
	width:80px;
	text-align:center;
}

.news200427 ul li {
	display:table-cell;
	width:250px;
}


/* bio コラボ バイオハザード
--------------------------------------------------*/

#bio_img_05 {
  box-shadow: 0 0 0 0.8vw #000, 0 0 0 0.8vw #c6c6c6 inset, 0 0 0 1vw #000 inset;
  border-radius: 10px;
  width: 92%;
  margin: 0 auto;
  padding-bottom: 40px;
  background-color: #000;
  position:relative;
}

.bio_honbun {
  font-family: 'Noto Sans JP', sans-serif;
  color: #ffffff;
  font-size: 16px;
  text-align: left;
  line-height: 33px;
  padding: 12px 16px 0px 16px;
  text-align: justify;
}

.bio_title {
  padding-top: 4vw;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.bio_honbun_link {
  margin-top: 30px;
  font-size: 11px;
  line-height: 20px;
}
.bio_copy {
  margin: 30px auto;
  text-align: center;
  color: #000;
}

.bio_honbun_link a {
  color: #df0000;
  font-weight: bold;
}

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

	#bio_img_05{
		box-shadow: 0 0 0 4px #000, 0 0 0 4px #c6c6c6 inset, 0 0 0 8px #000 inset;
		border-radius: 20px;
		width: 592px;
		margin: 0 auto;
		height: 660px;
		background-color: #000;
	}

	.bio_honbun{
		font-family: 'Noto Sans JP', sans-serif;
		color: #ffffff;
		width: 544px;
		margin: 0 auto;
		font-size: 20px;
		text-align: left;
		line-height: 39px;
		padding-top: 12px;
	}

	.bio_title{
		padding-top: 25px;
	}

	.bio_honbun_link{
		margin-top: 44px;
		font-size: 16px;
		line-height: 26px;
	}
	.bio_copy{
		margin: 30px auto;
		text-align: center;
		color: #000;
	}

	.bio_honbun_link a{
		color: #df0000;
		font-weight: bold;
	}

}

/* berserk コラボ ベルセルク
--------------------------------------------------*/

.berserk_link {
	position:relative;
	overflow:hidden;
}

.berserk_link a{
	display:block;
	width:100%;
	height:100%;

}

.brk_link1 {
	width: 56vw;
	position: absolute;
	left: -30vw;
	right: 0;
	margin: auto;
	bottom: 85.5vw;
	height: 3vw;
	/* background-color: #f00; */
}

.brk_link2 {
	width: 41vw;
	position: absolute;
	left: -44vw;
	right: 0;
	margin: auto;
	bottom: 74.5vw;
	height: 3vw;
	/* background-color: #60ff00; */
}

.brk_link3 {
	width: 40vw;
	position: absolute;
	left: -45vw;
	right: 0;
	margin: auto;
	bottom: 63.5vw;
	height: 3vw;
	/* background-color: #00c9ff; */
}

.brk_link4 {
	width: 62vw;
	position: absolute;
	left: -23vw;
	right: 0;
	margin: auto;
	bottom: 52.5vw;
	height: 3vw;
	/* background-color: #f0ff00; */
}

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

	.brk_link1 {
		width: 357px;
		height: 24px;
		bottom: 546px;
	}

	.brk_link2 {
		width: 261px;
		bottom: 473px;
		height: 24px;
	}

	.brk_link3 {
		width: 250px;
		bottom: 403px;
		height: 24px;
	}

	.brk_link4 {
		width: 400px;
		bottom: 335px;
		height: 24px;
	}

}


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

	.brk_link1 {
		width: 357px;
		height: 24px;
		left: -185px;
		bottom: 546px;
	}

	.brk_link2 {
		width: 261px;
		left: -285px;
		bottom: 473px;
		height: 24px;
	}

	.brk_link3 {
		width: 250px;
		left: -295px;
		bottom: 403px;
		height: 24px;
	}

	.brk_link4 {
		width: 400px;
		left: -145px;
		bottom: 335px;
		height: 24px;
	}

}

/* nmk3 コラボ なめこ3
--------------------------------------------------*/

#nmk3 .twBtn {
	position: absolute;
	display: block;
	width: 80%;
	margin: auto;
	left: 0;
	right: 0;
	bottom:10vw;
}

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

	#nmk3 .twBtn {
		bottom:62px;
	}

}

/* vtuber_contents コラボ Vtuber
--------------------------------------------------*/

#vtuber_contents .watchVideoBtn {
	position: absolute;
	left: 0;
	right:0;
	margin:auto;
	width: 65%;
}

#vtuber_contents .vtuber_moviebtn:nth-child(1) .watchVideoBtn{
	bottom: 9vw;
}

#vtuber_contents .vtuber_moviebtn:nth-child(2) .watchVideoBtn{
	bottom: 10vw;
}

#vtuber_contents .vtuber_moviebtn:nth-child(3) .watchVideoBtn{
	bottom: 30vw;
}


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

	#vtuber_contents .vtuber_moviebtn:nth-child(1) .watchVideoBtn{
		bottom: 64px;
	}

	#vtuber_contents .vtuber_moviebtn:nth-child(2) .watchVideoBtn{
		bottom: 72px;
	}

	#vtuber_contents .vtuber_moviebtn:nth-child(3) .watchVideoBtn{
		bottom: 201px;
	}

}


/* bkb2 コラボ バカボン2
--------------------------------------------------*/

#bkb2.mainContents article h1 {
	padding-top:0;
}

#ImgLayout #bkb2.mainContents article h1 .charaMovie {
	margin:0 auto 30px;
}

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

	#bkb2.mainContents article h1 {
		padding-top:30px;
	}

}


/* 5th aniversary style
--------------------------------------------------*/

#ImgLayout .mainContents.fifth_aniv {
	padding:0;
}

body.fifth_anniver{
  display:none;
}

body.fifth_anniver.PageOn{
  display:block;
}

.fifth_aniv{
  position: relative;
  box-sizing: border-box;
}


.fifth_aniv_menu{
  position:relative;
  width:100%;
  background: cadetblue;
  height:260px;
  text-align:center;
}

.fifth_aniv #boxNavi{
  position:relative;
  margin:0 auto 34%;
  z-index:110;
}

.fifth_aniv_header_menu{
  position:absolute;
  width:100%;
  box-sizing: border-box;
	padding: 10px 0 0 0;;
  z-index:1000;
}

.fifth_aniv .fifth_aniv_header_menu.m-fixed {
	max-width:100%;

}

.fifth_aniv .fifth_aniv_header_menu.m-fixed {
	max-width:100%;
	}

.fifth_aniv_header_menu ul{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  margin: 0 3% 0.95%;
  padding: 0 2.3%;
}

.fifth_aniv_header_menu ul:nth-child(2){
  margin:0 3% 10px;
}

.fifth_aniv_header_menu ul li{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
          flex-direction:row;
  -webkit-align-content:space-between;
          align-content:space-between;
  width:100%;
  text-align:center;
  margin-right:1.2%;
}

.fifth_aniv_header_menu ul li:last-child{
  margin-right:0;
}

.m-fixed {
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden;
  background-color: rgba(0,0,0, 0.7);
}


.fifth_aniv {
	position: relative;
	overflow: hidden;
}

.fifth_aniv .campaignInner {
	background-image: url("../sp/img/5th_anniversary/5th_aniv_bg_sp.png"), -webkit-linear-gradient( bottom, rgb(216, 250, 255) 5%, rgb(190,243,251) 25%, rgb(93,198,212) 100%);
	background-image: url("../sp/img/5th_anniversary/5th_aniv_bg_sp.png"), linear-gradient( 0deg, rgb(216, 250, 255) 5%, rgb(190,243,251) 25%, rgb(93,198,212) 100%);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #fff;
  background-size: contain;
  position:relative;
  padding: 20px 0 20%;
  border-radius: 0;
  width: 100%;
}

.fifth_aniv .campaignBlock {
	margin: 40px auto 0;
	padding: 1px 0 0 0;
}

.fifth_aniv h1 {
  position: relative;
  width: 100%;
  z-index: 20;
}

.fifth_aniv #boxZero {
	margin-top:-60px;
}

.fifth_aniv .campaignBlock .c00_box,
.fifth_aniv .campaignBlock .c01_box,
.fifth_aniv .campaignBlock .c02_box,
.fifth_aniv .campaignBlock .c03_box {
  position: relative;
  box-sizing: border-box;
  z-index: 101;
}

.fifth_aniv .campaignBlock img {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  z-index: 101;
  width: 100%;
}
.fifth_aniv .campaignBlock img.c00_img01,
.fifth_aniv .campaignBlock img.c01_txt01,
.fifth_aniv .campaignBlock img.c02_txt01,
.fifth_aniv .campaignBlock img.c03_txt01 {
  margin-top: 2%;
}

.fifth_aniv .c00_box {
  width:100%;
  background: url("../img/5th_anniversary/5th_anniversary_schedule.png") no-repeat;
  background-size:100%;
  height: 470px;
}

.fifth_aniv img.c00_img02{
  width: 85%;
  margin-top: 210px;
  position: relative;
  top: 40vw;
}


.fifth_aniv canvas.snow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.bg_btm {
  position: relative;
  margin: -4% auto 0;
  padding: 0;
  z-index: 9;
}

#boxTwo, #boxThree, #boxFour, #boxFive, #boxSix, #boxSeven{
  position: relative;
  box-sizing: border-box;
  padding: 36vw 0 0;
  margin: -36vw auto 0;
}

#boxOne{
  position: relative;
  box-sizing: border-box;
  padding: 32% 0 0;
  margin: -32% auto;
}

.fifth_aniv #boxZero{
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.fifth_aniv #boxZero a img.c01_btn01{
  width: 85%;
  position: absolute;
  top: 48%;
  left: 0;
  right: 0;
  margin: auto;
  cursor:pointer;
}


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

	.fifth_aniv #boxZero {
		margin-top:0;
	}

  #boxTwo, #boxThree, #boxFour, #boxFive, #boxSix, #boxSeven{
    position: relative;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
  }

  #boxOne{
    position: relative;
    box-sizing: border-box;
		margin: 220px auto 0;
		padding:0;
  }

}

.eventScedule{
  width: 85%;
  margin:0 auto;

}

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

	.fifth_aniv {
		width: 1020px;
		position: relative;
		overflow: hidden;
	}

	.fifth_aniv .campaignInner {
		background-image: url("../img/5th_anniversary/5th_aniv_bg_01.png"), url("../img/5th_anniversary/5th_aniv_bg_02.png"), -webkit-linear-gradient( bottom, rgb(216, 250, 255) 5%, rgb(190,243,251) 25%, rgb(93,198,212) 100%);
		background-image: url("../img/5th_anniversary/5th_aniv_bg_01.png"), url("../img/5th_anniversary/5th_aniv_bg_02.png"), linear-gradient( 0deg, rgb(216, 250, 255) 5%, rgb(190,243,251) 25%, rgb(93,198,212) 100%);
		background-position: top center, bottom center;
		background-repeat: no-repeat, no-repeat;
		padding: 100px 0 280px;
		background-color: #fff;
		border-radius: 0 0 20px 20px;
	}

	.fifth_aniv .campaignBlock {
		background-image: url("../img/campaign/bg_repeat.png");
		background-size: contain;
		width: 640px;
		margin: 0 auto;
		padding: 0;
	}


	.fifth_aniv_menu{
		position:relative;
		width:100%;
		background: cadetblue;
		height:260px;
		text-align:center;
	}

	.fifth_aniv_header_menu{
		position:absolute;
		width:100%;
		z-index:1000;
	}

	.fifth_aniv_header_menu ul{
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		box-sizing: border-box;
		margin: 0 30px;
		padding: 0 15px;
		margin-bottom: 6px;
	}

	.fifth_aniv_header_menu ul:nth-child(2) {
		margin: 0 30px 10px;
	}

	.fifth_aniv_header_menu ul li{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		-webkit-flex-direction:row;
		        flex-direction:row;
		-webkit-align-content:space-between;
		        align-content:space-between;
		width:100%;
		text-align:center;
		margin-right:6px;
	}

	.fifth_aniv_header_menu ul li:last-child{
		margin-right:0;
	}

	.fifth_aniv .m-fixed {
		position: absolute;
		top: 165px;
		max-width: none;
		background-color:unset;
	}

	.fifth_aniv .campaignBlock {
		position: relative;
		z-index: 101;
	}
	.fifth_aniv .c00_box {
		padding: 10px 0;
	}

	.fifth_aniv .c01_box a {
		display: block;
		position: relative;
		z-index: 102;

	}
	.fifth_aniv #boxZero a img.c01_btn01 {
		top:-271px;
	}

	.fifth_aniv .c00_box img,
	.fifth_aniv .c01_box img,
	.fifth_aniv .c02_box img,
	.fifth_aniv .c03_box img {
		display: block;
		margin: 0 auto;
	}

	.fifth_aniv img.c00_img01 {
		margin-top: 20px;
	}

	.fifth_aniv img.c01_btn01,
	.fifth_aniv img.c01_txt02,
	.fifth_aniv img.c01_txt03,
	.fifth_aniv img.c01_btn02 {
		margin-top: 25px;
	}

	.fifth_aniv canvas.snow {
		position: absolute;
		top: 574px;
		left: 0;
		width: 100%;
		z-index: 10;
	}

	.fifth_aniv .w1020 {
		position: relative;
		width: 1020px;
		margin: 0 auto;
		z-index: 100;
	}

	.fifth_aniv .chara_l {
		position: absolute;
		top: 1670px;
		left: 0;
		z-index: 101;
	}

	.fifth_aniv .chara_r {
		position: absolute;
		top: 1430px;
		right: 0;
		z-index: 101;
	}

	.fifth_aniv .bg_btm {
		margin: -1px auto 0;
		width: 640px;
		z-index: 150;
		position: relative;
		top:-10px;
	}

	.fifth_aniv .cp_end {
		-webkit-filter: grayscale(100%);
		        filter: grayscale(100%);
		opacity: 0.7;
	}

	.fifth_aniv .topButton {
		position: fixed;
		bottom: 60px;
		right: 80px;
		z-index: 2000;
		display: none;
	}

	.fifth_aniv .topButton a {
		display:block;
		width: 60px;
		height: 60px;
		background: -webkit-linear-gradient(top, #ffd017, #fc9b0b);
		background: linear-gradient(to bottom, #ffd017, #fc9b0b);
		border:solid #fff6b7 1px;
		border-radius: 50%;
		text-align: center;
		color: #fff;
		font-size: 24px;
		text-decoration: none;
		line-height: 60px;
	}

	.fifth_aniv .fa{
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
	}

	.fifth_aniv .fa-lg {
		font-size: 1.33333333em;
		line-height: .75em;
		vertical-align: -15%;
	}

	.fifth_aniv .fa-arrow-circle-up:before {
		content: "\f0aa";
	}

	.fifth_aniv, .fifth_aniv #boxTwo, .fifth_aniv #boxThree, .fifth_aniv #boxFour, .fifth_aniv #boxFive, .fifth_aniv #boxSix, .fifth_aniv #boxSeven{
		position: relative;
		box-sizing: border-box;
	}

	.fifth_aniv #boxOne{
		position: relative;
		box-sizing: border-box;
	}

	.fifth_aniv #boxZero{
		padding-top: 120px;
	}

	.fifth_aniv #boxZero img.c01_txt01{
		margin:-180px auto 0;
	}

	.fifth_aniv #boxZero img.c01_btn01{
		width: 545px;
		margin: -272px auto 0;
	}

	.fifth_aniv #boxNavi{
		position:relative;
		margin:19px auto 0;
	}

	.fifth_aniv .eventScedule{
		width: 85%;
		margin:0 auto;

	}

}



/* 5th aniversary okawari style  2020-06-29
--------------------------------------------------*/

#ImgLayout .fifth_aniv.okawari.mainContents {
	padding: 0;
}


.fifth_aniv.okawari .campaignBlock {
	padding: 5% 0 0;
}

.fifth_aniv.okawari #boxZero {
	margin-top:-20%;
}

.fifth_aniv.okawari #boxOne {
	padding: 36% 0 0;
	margin: -36% auto;
}

.fifth_aniv.okawari #boxNavi {
	margin: 3% auto 37%;
}

.fifth_aniv.okawari .fifth_aniv_header_menu {
	padding:0;
}

.fifth_aniv.okawari .fifth_aniv_header_menu.m-fixed {
	left:0;
	right:0;
	max-width:100%;
}

.fifth_aniv.okawari .campaignInner {
	background-image: url("../sp/img/5th_anniversary_okawari/sp_bg.png"), -webkit-linear-gradient( bottom, rgb(199, 250, 255) 5%, rgb(199,250,255) 25%, rgb(199, 255, 240) 100%);
	background-image: url("../sp/img/5th_anniversary_okawari/sp_bg.png"), linear-gradient( 0deg, rgb(199, 250, 255) 5%, rgb(199,250,255) 25%, rgb(199, 255, 240) 100%);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #fff;
  background-size: contain;
  position:relative;
  padding: 15% 0 24%;
  border-radius: 0;
  width: 100%;
}

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

	.fifth_aniv.okawari .campaignInner {
		background-image: url("../img/5th_anniversary_okawari/bg.png"),-webkit-linear-gradient( bottom, rgb(211, 250, 255) 5%, rgb(145,223,233) 25%, rgb(129, 215, 228) 100%);
		background-image: url("../img/5th_anniversary_okawari/bg.png"),linear-gradient( 0deg, rgb(211, 250, 255) 5%, rgb(145,223,233) 25%, rgb(129, 215, 228) 100%);
		background-position: bottom center, top center;
		background-repeat: no-repeat, no-repeat;
		padding: 100px 0 150px;
		background-color: #fff;
		border-radius: 0 0 20px 20px;
		width: 1020px;
	}

	.fifth_aniv.okawari #boxZero img.c01_txt01 {
		margin: -210px auto -170px;
	}

	.fifth_aniv.okawari #boxNavi {
		position: relative;
		margin: 190px auto 0;
	}

	.fifth_aniv.okawari #boxOne {
		position: relative;
		box-sizing: border-box;
		margin: 440px auto 0;
		padding: 20px 0 0;
	}

	.fifth_aniv.okawari #boxTwo, .fifth_aniv.okawari #boxThree,
	.fifth_aniv.okawari #boxFour,.fifth_aniv.okawari #boxFive,
	.fifth_aniv.okawari #boxSix, .fifth_aniv.okawari #boxSeven

	{
    padding: 20px 0 0;
    margin: -20px auto 0;
	}

	.fifth_aniv.okawari .campaignBlock {
		padding:170px 0 0;
		width:828px;
	}

	.fifth_aniv.okawari .bg_btm {
		margin: -20px auto 0;
		width:828px;
	}

	.fifth_aniv.okawari .m-fixed {
		position: absolute;
		max-width:1020px;
		top:0;
		background-color:initial;
		background-color: unset; /*ie*/
	}

}


/* 進撃の巨人復刻 shingeki3 2020-03-13
--------------------------------------------------*/

#ImgLayout .mainContents.shingeki3 {
  background: -webkit-linear-gradient(top, #c4ebf1, #cff2f7 50%, #ffffff);
  background: linear-gradient(to bottom, #c4ebf1, #cff2f7 50%, #ffffff);
}

#ImgLayout .mainContents.shingeki3 .bgBottom {
  background:url("../sp/img/collabo_shingeki_3/haikei_sp.png") no-repeat;
  background-position: center bottom;
	background-size:contain;
}

#ImgLayout .mainContents.shingeki3 {
	padding:0;
}

.mainContents.shingeki3 .contents {
	max-width:826px;
}

.mainContents.shingeki3 .pb_haikei{
  padding-bottom:48vw;
}

.shingeki3 .copy {
  color:#fff;
	text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;
  text-align: center;
}

.shingeki3 .mt30{
  position:relative;
  margin-top: 30px;
}

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

  .mainContents.shingeki3 .pb_haikei{
    padding-bottom:275px;
  }

}

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

	#ImgLayout .mainContents.shingeki3 .bgBottom {
		background:url("../img/collabo_shingeki_3/haikei_pc.png") no-repeat;
		background-position: center bottom;
		background-size:contain;
		border-radius:0 0 20px 20px;
	}

	#ImgLayout .mainContents.shingeki3 {
		padding:0;
	}

	.mainContents.shingeki3 .pb_haikei{
		padding-bottom:430px;
	}

}



/* news_200428 第１回 lobiトーナメント 結果発表
--------------------------------------------------*/

	#TextLayout .news_200428.mainContents h1 {
		margin-bottom:0;
	}

	#TextLayout .news_200428.mainContents h2 {
		margin:0 auto 5px;
	}

	.news_200428 .headline_text {
		color: #fff005;
    font-weight: bold;
    font-size: 100%;
    margin-bottom: 20px;
	}

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

		.news_200428 .headline_text {
			font-size: 136%;
			margin-bottom: 20px;
		}

	}


/* news_200423.html 仮面ライダー ディケイド コラボイベント開催 2020-04-23
--------------------------------------------------*/

#TextLayout .mainContents.news_200423.mainContents h1 {
	margin-bottom:0;
}

#TextLayout .mainContents.news_200423.mainContents h2 {
	margin:0 auto 5px;
}

#TextLayout .mainContents.news_200423 .headline_text {
	color: #fff005;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 20px;
}

#TextLayout .mainContents.news_200423 .text_medium {
	margin: 5px 0;
	font-size: 70%;
}

#TextLayout .mainContents.news_200423 .text_small {
	margin: 5px 0;
	font-size: 60%;
}

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

	#TextLayout .mainContents.news_200423 .headline_text {
		font-size: 136%;
		margin-bottom: 20px;
	}

}




/* collabo_kamen-rider 仮面ライダー ディケイド kamen-rider 2020-04-30
--------------------------------------------------*/

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

	#ImgLayout .kamen-rider.mainContents {
		padding: 0;
	}

}

.kamen-rider .contents{
	max-width:640px;
}

.kamen-rider .mt30{
	position:relative;
	margin-top: 30px;
}

.kamen-rider .ouboBtn .dcd-oubo-btn {
	background:url("../img/collabo_kamen-rider/btn_oubo.png") no-repeat;
	background-size:contain;
	border-bottom:0;
	padding:0;
	position: absolute;
	width: 37.346%;
	min-width: auto;
	max-height: 117px;
	height: 7.628%;
	bottom: 6vw;
	right: 11.54vw;
	cursor:pointer;
}

.kamen-rider .ouboBtn .dcd-oubo-btn:active{
	-webkit-transform:none;
	        transform:none;
}

.kamen-rider .ouboBtn .dcd-oubo-btn label{
	width:100%;
	height:100%;
}

.kamen-rider .twBtn{
	position: absolute;
	width: 37.346%;
	max-height: 117px;
	height: 7.628%;
	bottom: 6vw;
	left: 11.54vw;
	cursor:pointer;
}

.kamen-rider .twBtn a img:hover{
	opacity:1.0;
}

.dcd_twcp-attention ul li a {
	color: #00b8ff;
}

.dcd_twcp-attention ul li a:visited {
	color: #00b8ff;
}

.kamen-rider .dcd_twcp-attention ul{
	margin-bottom: 25px;
}

.kamen-rider .dcd_twcp-attention ul li ul{
	margin-bottom: 0;
}

.kamen-rider .dcd_twcp-attention ul li{
	line-height:20px;
}

.kamen-rider .dcd-popup .popup_content {
	padding:30px 20px 30px 10px;
}

.dcd-popup-js {
	display: none;
}

.kamen-rider .dcd-popup-js .popup_content {
	padding:30px 20px 30px 10px;
}

.kamen-rider .dcd_twcp-attention h3 {
	margin:15px auto 10px;
	line-height: 1.1;
}

.mainContents.kamen-rider .bgBottom {
	background:url("../img/collabo_kamen-rider/200430_web_bottom_dcd_01.jpg") no-repeat;
	background-position: center bottom;
	background-size:contain;
}

.kamen-rider .pbhaikei{
	padding-bottom:62.1284vw;
}

/* モーダルウィンドウ設定 */

.dcd-popup{
	text-align: center;
	margin:30px 30px;
}

.dcd-oubo-btn {
	display: inline-block;
	background-color: #ffa300;
	max-width: 400px;
	min-width: 230px;
	padding: 14px 60px;
	border-radius: 4px;
	border-bottom: 4px solid #d37800;
	box-sizing: border-box;
	text-align: center;
	color: #FFF !important;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.dcd-green {
	background-color: #26e500;
	border-bottom-color: #1a9900;
}

.dcd-twitter {
	background-color: #00acee;
	border-bottom-color: #0073a1;
}

.dcd-oubo-btn:active {
	-webkit-transform: translateY(4px);
	        transform: translateY(4px);
	border-bottom: none;
}

.dcd-popup_wrap input {
	display: none;
  }

.popup_overlay {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	-webkit-transform: scale(0);
	        transform: scale(0);
}

.popup_overlay.transition {
	-webkit-transition: opacity 0.5s, -webkit-transform 0s 0.5s;
	transition: opacity 0.5s, -webkit-transform 0s 0.5s;
	transition: opacity 0.5s, transform 0s 0.5s;
	transition: opacity 0.5s, transform 0s 0.5s, -webkit-transform 0s 0.5s;
}

.popup_overlay_js {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.popup_trigger {
	position: absolute;
	width: 100%;
	height: 100%;
}

.popup_content {
	position: relative;
	-webkit-align-self: start;
	        align-self: start;
	width: 90%;
	max-width: 600px;
	padding: 30px;
	box-sizing: border-box;
	background: #000;
	line-height: 1em;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	margin: 55px auto;
	word-break: break-all;
}

/* for Safari Osaka font bug */
_::-webkit-full-page-media, _:future, :root .popup_content,
_::-webkit-full-page-media, _:future, :root .download a {
	font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS P Gothic", sans-serif;
}

.popup_content p {
	line-height: 1.5;
}

.dcd-popup_wrap input:checked ~ .popup_overlay {
	opacity: 1;
	-webkit-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.dcd-close-btn {
	position: absolute;
	top: 14px;
	right: 16px;
	font-size: 30px;
	cursor: pointer;
  }


.dcd_twcp-attention{
	font-size: 14px;
	text-align: left;
}

.dcd_attention_ttl {
	font-size: 26px;
	text-align: center;
	padding: 15px 0 15px;
	font-weight: bold;
	line-height: 1.2;
}

.dcd_twcp-attention h3{
	font-size: 16px;
	margin: 15px auto 5px;
	font-weight: bold;
}

.dcd_twcp-attention .PtDot li{
	text-indent: -1em;
	padding-left: 2em;
}

.dcd_twcp-attention ul li ul {
    display: table;
}

.dcd_twcp-attention .PtDot .PtParen li{
	text-indent: -1em;
	padding-left: 2em;
}

.dcd_twcp-attention .PtDot_text li{
	padding-left: 1em;
}


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

	.kamen-rider .contents{
		max-width:768px;
	}

	.kamen-rider .ouboBtn .dcd-oubo-btn{
		right:73px;
	}

	.kamen-rider .twBtn{
		left:75px;
	}

	.kamen-rider .pbhaikei{
		padding-bottom:397px;
	}

}

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

	.dcd-oubo-btn:hover {
		-webkit-filter: brightness(1.1);
		        filter: brightness(1.1);
	}

	.kamen-rider .ouboBtn .dcd-oubo-btn{
		background: url("../img/collabo_kamen-rider/btn_oubo.png") no-repeat;
		background-size: contain;
		border-bottom: 0;
		padding: 0;
		position: absolute;
		max-width:286px;
		width: 286px;
		height: 72px;
		bottom:43px;
		right: 89px;
		cursor: pointer;
	}

	.kamen-rider .ouboBtn .dcd-oubo-btn:active{
		-webkit-transform:none;
		        transform:none;
	}

	.kamen-rider .ouboBtn .dcd-oubo-btn label{
		width:100%;
		height:100%;
	}

	.kamen-rider .twBtn{
		position: absolute;
		max-width:286px;
		width: 286px;
		height: 72px;
		bottom:43px;
		left: 90px;
		cursor: pointer;
	}

	.kamen-rider .twBtn a img:hover{
		opacity:1.0;
	}


	.dcd_twcp-attention ul li a {
		color: #00b8ff;
	}

	.dcd_twcp-attention ul li a:visited {
		color: #00b8ff;
	}

	.kamen-rider .dcd_twcp-attention ul{
		margin-bottom: 25px;
	}

	.kamen-rider .dcd_twcp-attention ul li ul{
		margin-bottom: 0;
	}

	.kamen-rider .dcd_twcp-attention ul li{
		line-height:22px;
	}

	.kamen-rider .dcd_twcp-attention h3 {
		margin:15px auto 10px;
	}

	.mainContents.kamen-rider .bgBottom {
		background:url("../img/collabo_kamen-rider/200430_web_bottom_dcd_01.jpg") no-repeat;
		background-position: center bottom;
		background-size:contain;
		border-radius:0 0 20px 20px;
	}

	.kamen-rider .pbhaikei{
		padding-bottom:630px;
	}

}



/* 夏の大感謝！ ドキドキ福袋キャンペーン cp_1908_rtcp 2019-08-08
--------------------------------------------------*/

#ImgLayout #cp_1908_rtcp.mainContents {
	padding:0;
}

#ImgLayout #cp_1908_rtcp.mainContents .contents {
	margin:0;
	padding:0;
}

#cp_1908_rtcp .bgTop {
	background:url("../sp/img/cp_1908_rtcp/sp_bg.jpg");
	background-size:100%;
	padding:0;
	max-width: 640px;
	margin: 0 auto;
}

#ImgLayout #cp_1908_rtcp.mainContents .animecontents {
	position:relative;
	max-width:640px;
	margin: 0 auto;
}

.cp1908rtcp_03_btn {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 57%;
	top: -60vw;
	z-index: 100;
}

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

	.cp1908rtcp_03_btn {
		top: -375px;
	}

}

/* ie11用 */
@media all and (-ms-high-contrast: none) {

	#ImgLayout #cp_1908_rtcp.mainContents .animecontents {
		padding:0 0 30px;
	}

	.cp1908rtcp_03_btn {
		top: -37vw;
		width:36%
	}
}

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

	#cp_1908_rtcp .bgTop {
		background:url("../img/cp_1908_rtcp/bg.jpg");
		background-size:100%;
		max-width: 1020px;
		padding:0 0 30px;
		border-radius: 0 0 20px 20px;
	}

	#ImgLayout #cp_1908_rtcp.mainContents .animecontents {
		position:relative;
		max-width:980px;
		margin: 0 auto;
	}

	.cp1908rtcp_03_btn {
		position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -377px;
	}

}



/* 第２弾！ドキドキ福袋キャンペーン cp_1908_rtcp 2019-09-13
--------------------------------------------------*/

#ImgLayout #cp_1909_rtcp.mainContents {
	padding:0;
}

#ImgLayout #cp_1909_rtcp.mainContents .contents {
	margin:0;
	padding:0;
}

#cp_1909_rtcp .bgTop {
	background:url("../img/cp_1909_rtcp/bg.jpg");
	background-size:100% 100%;
	padding:0;
	max-width: 640px;
	margin: 0 auto;
}

#ImgLayout #cp_1909_rtcp.mainContents .animecontents {
	position:relative;
	max-width:640px;
	margin: 0 auto;
}

.cp1909rtcp_03_btn {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 57%;
	top: -58vw;
	z-index: 100;
}

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

	.cp1909rtcp_03_btn {
		top: -375px;
	}

}

/* ie11用 */
@media all and (-ms-high-contrast: none) {

	#ImgLayout #cp_1909_rtcp.mainContents .animecontents {
		padding:0 0 30px;
	}

	.cp1909rtcp_03_btn {
		top: -35vw;
		width:36%
	}

	#cp_1909_rtcp .bgEnd {
		display:none;
	}

}

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

	#cp_1909_rtcp .bgTop {
		background:url("../img/cp_1909_rtcp/bg.jpg");
		background-size:100% 100%;
		max-width: 1020px;
		padding:0 0 30px;
		border-radius: 0 0 20px 20px;
	}

	#ImgLayout #cp_1909_rtcp.mainContents .animecontents {
		position:relative;
		max-width:980px;
		margin: 0 auto;
	}

	.cp1909rtcp_03_btn {
		position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -377px;
	}

	#cp_1909_rtcp .bgEnd {
		display:none;
	}

}



/* gunbit コラボ　ガンビット 2020-05-11
--------------------------------------------------*/

#ImgLayout .gunbit.mainContents {
	padding:0;
}

.gunbit.mainContents .wrap_mContents{
  background:#c7faff;
}

.gunbit.mainContents .wrap_mContents .bg{
	background: url("../sp/img/collabo_gunbit/sp_bg.png") no-repeat;
	background-position: center bottom;
	background-size: contain;
	padding-bottom: 15vw;
}

.gunbit.mainContents .contents_wrap {
	width:90.58%;
	margin:0 auto;
}

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

	.gunbit.mainContents .wrap_mContents{
		border-radius:20px;
	}

	.gunbit.mainContents .wrap_mContents .bg{
		border-radius:0 0 20px 20px;
	}

	.gunbit.mainContents .contents_wrap {
		width:100%;
		max-width:738px;
	}

	.gunbit.mainContents .wrap_mContents .bg{
		background:url("../img/collabo_gunbit/pc_bg0512.png") no-repeat;
		background-position: center bottom;
		background-size:contain;
		padding-bottom:155px;
	}

}



/* summer_chotokucp 夏の超特盛キャンペーン 2019-07-26
--------------------------------------------------*/

#ImgLayout .summer_chotokucp.mainContents {
	padding:0;
}

.summer_chotokucp.mainContents .wrap_mContents .bg{
	background: url("../sp/img/summer_chotokucp/sp_bg.jpg") no-repeat;
	background-position: center top;
	background-size: cover;
	margin-top: -4vw;
	padding-bottom: 15vw;
}

.summer_chotokucp.mainContents .contents_wrap {
	width:90.58%;
	margin:0 auto;
}

.summer_chotokucp.mainContents .houshuBtn {
	position: absolute;
	top: 52.5vw;
	width: 85%;
	margin: auto;
	left: 0;
	right: 0;
}

#ImgLayout .summer_chotokucp.mainContents .contents {
	margin: 0 auto;
}

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

	.summer_chotokucp.mainContents .houshuBtn {
		position: absolute;
		top: 338px;
		left: 0;
		right: 0;
		margin: auto;
	}

	.summer_chotokucp.mainContents .wrap_mContents .bg{
		background-size: 640px 100%;
	}

}

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

	#ImgLayout .summer_chotokucp.mainContents h1 img {
		border-radius:0;
	}

	.summer_chotokucp.mainContents .wrap_mContents{
		border-radius:20px;
	}

	.summer_chotokucp.mainContents .wrap_mContents .bg{
		border-radius:0 0 20px 20px;
	}

	.summer_chotokucp.mainContents .contents_wrap {
		width:100%;
		max-width:738px;
	}

	.summer_chotokucp.mainContents .wrap_mContents .bg{
		background:url("../img/summer_chotokucp/bg.jpg") no-repeat;
		background-position: center bottom;
		background-size: 980px 100%;;
		padding-bottom:155px;
		margin-top: -25px;
	}

}


/* okaeri2019 1000万人突破記念 おかえり＆新人キャンペーン 2019-03-01
--------------------------------------------------*/

#ImgLayout .okaeri2019.mainContents {
	padding:0;
}

.okaeri2019.mainContents .bg{
	background: url("../sp/img/summer_chotokucp/sp_bg.jpg") no-repeat;
	background-position: center bottom;
	background-size: cover;
	margin-top: -4vw;
	padding-bottom: 15vw;
}

.okaeri2019.mainContents .contents_wrap {
	width:90.58%;
	margin:0 auto;
}

.okaeri2019.mainContents .houshuBtn {
	position: absolute;
	top: 52.5vw;
	width: 85%;
	margin: auto;
	left: 0;
	right: 0;
}

#ImgLayout .okaeri2019.mainContents .contents {
	margin: 0 auto;
	padding:4vw 0 0;
}

.okaeri2019 #dlcontents {
	position:relative;
	width:86%;
	margin:0 auto;
}

.okaeri2019 .appBtn{
	position: absolute;
	width:35%;
	top: 19.5vw;
	left: -40vw;
	right: 0;
	margin: auto;
}


.okaeri2019 .gpBtn {
	position: absolute;
	width:43%;
	top: 19.5vw;
	left: 33vw;
	right: 0;
	margin: auto;
}

.okaeri2019 .anivBtn {
	width:85%;
	margin:20px auto 30px;
}

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

	#ImgLayout .okaeri2019.mainContents .contents {
		padding:35px 0 0;
	}

	.okaeri2019.mainContents .houshuBtn {
		position: absolute;
		top: 338px;
		left: 0;
		right: 0;
		margin: auto;
	}

	.okaeri2019.mainContents .bg{
		background-size: 640px 100%;
	}


	.okaeri2019 .appBtn{
		position:absolute;
		left:-250px;
		right:0;
    top: 125px;
		width:190px;
		margin:0 auto;
	}


	.okaeri2019 .gpBtn {
		position:absolute;
		right:-210px;
		left:0;
    top: 125px;
		width:235px;
		margin:0 auto;
	}

}

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

	#ImgLayout .okaeri2019.mainContents .contents {
		padding:0;
	}

	#ImgLayout .okaeri2019.mainContents h1 img {
		border-radius:0;
	}

	.okaeri2019.mainContents {
		border-radius:20px;
	}

	.okaeri2019.mainContents .bg{
		border-radius:0 0 20px 20px;
	}

	.okaeri2019.mainContents .contents_wrap {
		width:100%;
		max-width:738px;
	}

	.okaeri2019.mainContents .bg{
		background:url("../img/campaign/okaeri2019/bg_okaeri.jpg") no-repeat;
		background-position: center bottom;
		background-size: 980px 100%;;
		padding-bottom: 100px;
		margin-top: 0;
	}


	.okaeri2019 .anivBtn {
    text-align: center;
    margin: 30px auto 30px;
    width: 54%;
	}

}



/* 1000_anniversary 1000万人突破 2019-03
--------------------------------------------------*/

#ImgLayout .aniv1000.mainContents {
	padding:0;
}

.aniv1000.mainContents .bg{
	background: url("../sp/img/1000anniversary/sp_bg.jpg") no-repeat;
	background-position: center bottom;
	background-size: cover;
	margin-top: -4vw;
	padding-bottom: 15vw;
}

.aniv1000.mainContents .contents_wrap {
	width:90.58%;
	margin:0 auto;
}

.aniv1000.mainContents .houshuBtn {
	position: absolute;
	top: 52.5vw;
	width: 85%;
	margin: auto;
	left: 0;
	right: 0;
}

#ImgLayout .aniv1000.mainContents .contents {
	margin: 0 auto;
	padding:4vw 0 0;
}

.aniv1000 #dlcontents {
	position:relative;
	width:100%;
	margin:0 auto;
}

.aniv1000 .appBtn{
	position: absolute;
	width:31%;
	top: 20.5vw;
	left: -40vw;
	right: 0;
	margin: auto;
}


.aniv1000 .gpBtn {
	position: absolute;
	width:38%;
	top: 20.5vw;
	left: 33vw;
	right: 0;
	margin: auto;
}

.aniv1000 .anivBtn {
	position: absolute;
	width: 86%;
	top: 85vw;
	right: 0;
	left: 0;
	margin: auto;
}

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

	#ImgLayout .aniv1000.mainContents .contents {
		padding:35px 0 0;
	}

	.aniv1000.mainContents .houshuBtn {
		position: absolute;
		top: 338px;
		left: 0;
		right: 0;
		margin: auto;
	}

	.aniv1000.mainContents .bg{
		background-size: 640px 100%;
	}


	.aniv1000 .appBtn{
		position:absolute;
		left:-250px;
		right:0;
    top: 133px;
		width:190px;
		margin:0 auto;
	}


	.aniv1000 .gpBtn {
		position:absolute;
		right:-210px;
		left:0;
    top: 133px;
		width:235px;
		margin:0 auto;
	}

	.aniv1000 .anivBtn {
		top:550px;
	}

}

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

	#ImgLayout .aniv1000.mainContents .contents {
		padding:0;
	}

	#ImgLayout .aniv1000.mainContents h1 img {
		border-radius:0;
	}

	.aniv1000.mainContents {
		border-radius:20px;
	}

	.aniv1000.mainContents .bg{
		border-radius:0 0 20px 20px;
	}

	.aniv1000.mainContents .contents_wrap {
		width:100%;
		max-width:738px;
	}

	.aniv1000.mainContents .bg{
		background:url("../img/1000anniversary/bg.jpg") no-repeat;
		background-position: center bottom;
		background-size: 980px 100%;;
		padding-bottom: 100px;
		margin-top: 0;
	}


	.aniv1000 .anivBtn {
    text-align: center;
    margin: 30px auto 30px;
		width: 54%;
		top:520px;
	}

}

/* gundanRele 軍団バトル正式リリース 2020-06
--------------------------------------------------*/

#TextLayout .gundanRele p.text_medium_1300cp {
	font-size: 70%;
}

.gundanRele p.text_medium_1300cp span.subCaption {
	font-size: 109%;
}



/* 1000_campaign 1000万人突破CP 2019-03-15
--------------------------------------------------*/

#ImgLayout .over1000.mainContents {
	padding:0;
}

#ImgLayout .over1000 .contents {
	margin:0;
	padding-top:10px;
}

.over1000.mainContents .bg {
	background: url("../sp/img/campaign/1000user/sp_bg_1000login.jpg") no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding-bottom: 12vw;
	max-width:640px;
	margin:0 auto;
}

.over1000 #dlcontents {
	position: relative;
	width: 100%;
	margin: 0 auto;
	max-width: 550px;
	width: 95%;
}

.over1000 .appBtn{
	position: absolute;
	width: 35%;
	top: 21.5vw;
	left: -44vw;
	right: 0;
	margin: auto;
}

.over1000 .gpBtn {
	position: absolute;
	width: 43%;
	top: 21.5vw;
	left: 35vw;
	right: 0;
	margin: auto;
}

.over1000 .aniv1000Btn {
	text-align: center;
	margin: 20px auto 30px;
	width: 94%;
}

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

	.over1000 .appBtn{
		position:absolute;
		left:-250px;
		right:0;
		top: 125px;
		width:190px;
		margin:0 auto;
	}

	.over1000 .gpBtn {
		position:absolute;
		right:-210px;
		left:0;
		top: 125px;
		width:235px;
		margin:0 auto;
	}

}

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

	.over1000.mainContents .bg {
		background: url("../img/campaign/1000user/bg_1000login.jpg") no-repeat;
		background-position: center top;
		background-size: 980px;
		padding-bottom: 55px;
		border-radius:0;
		max-width:980px;
	}

}



/* 1100_campaign 1100万人突破CP 2019-09-20
--------------------------------------------------*/

#ImgLayout .over1100.mainContents {
	padding:0;
}

#ImgLayout .over1100 .contents {
	margin:0;
	padding:15px 0 0;
}

.over1100.mainContents h1 {
	max-width:640px;
	margin:0 auto;
}


.over1100.mainContents .bg {
	background: url("../sp/img/campaign/1100user/sp_bg.jpg") no-repeat;
	background-position: center bottom;
	background-size: cover;
	padding-bottom: 12vw;
	max-width:640px;
	margin:0 auto;
}

.over1100.mainContents .houshuBtn {
	position: absolute;
	top: 52.5vw;
	width: 85%;
	max-width:550px;
	margin: auto;
	left: 0;
	right: 0;
}

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

	.over1100.mainContents  .houshuBtn {
		position: absolute;
		top: 338px;
		left: 0;
		right: 0;
		margin: auto;
	}

}

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

	.over1100.mainContents h1 {
		max-width:1020px;
	}

	.over1100.mainContents .bg {
		background: url("../img/campaign/1100user/bg.jpg") no-repeat;
		background-position: center top;
		background-size: 1020px;
		padding-bottom: 55px;
		border-radius:0 0 20px 20px;
		max-width:1020px;
	}

}


#TextLayout .over1300.mainContents .text_medium_1300cp {
	margin: 10px 0 30px 0;
	font-size:70%;
}

#TextLayout .over1300.mainContents p {
	margin-bottom: 10px;
	font-size: 75%;
}

#TextLayout .over1300.mainContents p .text_small {
	margin: 5px 0;
  font-size: 60%;
}

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

	#TextLayout .over1300.mainContents p {
		margin-bottom: 20px;
	}

}

#TextLayout .mainContents .text_medium_bigwave {
	margin: 10px 0 35px 0;
	font-size:70%;
}

#TextLayout .mainContents .kaisai_bigwave{
	font-weight:bold;
}


/* illustcontest.html  イラストコンテスト  2020-07-30
--------------------------------------------------*/

#TextLayout .mainContents.illustcontest a {
	word-break:break-all;
}

#TextLayout .mainContents.illustcontest .tw-link {
	color:#ff8400;
	font-weight:bold;
}

#TextLayout .mainContents.illustcontest .tw-link a,
#TextLayout .mainContents.illustcontest .tw-link a:visited {
	color:#ff8400;
	font-weight:bold;
	word-break:break-all;
	cursor:pointer;
}

#TextLayout .mainContents.illustcontest .prize {
	margin-bottom:10px;
	display: block;
}

#TextLayout .mainContents.illustcontest ul li {
	font-size:70%;
}

#TextLayout .mainContents.illustcontest ul li span{
	font-size:100%;
}

#TextLayout .mainContents.illustcontest ul li:last-child {
	margin-bottom:13px;
}

#TextLayout .mainContents.illustcontest .gaiyou span.iindamono-title {
	font-size:120%;
	font-weight:bold;
}

#TextLayout .mainContents.illustcontest span.gold {
	color:#fff005;
	font-weight:bold;
	font-size:100%;
}

#TextLayout .mainContents.illustcontest .text_medium {
	font-size: 70%;
}

#TextLayout .mainContents.illustcontest .text_medium .strapline {
	font-size: 100%;
}


/* cp_1912_rtcp ドキドキクリスマスプレゼントCP 2020-08-05
--------------------------------------------------*/

#ImgLayout .mainContents.cp_1912_rt {
	padding:0;
}


#ImgLayout .cp_1912_rt {
	position: relative;
	overflow: hidden;
}

#ImgLayout .cp_1912_rt .campaignInner {
	background-image: url("../sp/img/5th_anniversary/5th_aniv_bg_sp.png"), -webkit-linear-gradient( bottom, rgb(166, 88, 154) 5%, rgb(86,29,205) 25%, rgb(0,0,0) 100%);
	background-image: url("../sp/img/5th_anniversary/5th_aniv_bg_sp.png"), linear-gradient( 0deg, rgb(166, 88, 154) 5%, rgb(86,29,205) 25%, rgb(0,0,0) 100%);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #fff;
  background-size: contain;
  padding: 0 0 24%;
  border-radius: 0;
  width: 100%;
}

#ImgLayout .cp_1912_rt .campaignBlock {
	background-image: url("../sp/img/campaign/bg_repeat.png");
	background-size: contain;
  margin: 0 auto;
  padding: 5% 0 0 0;
}

#ImgLayout .cp_1912_rt h1 {
  position: relative;
  width: 100%;
  z-index: 20;
}

#ImgLayout .cp_1912_rt .campaignBlock .c00_box,
#ImgLayout .cp_1912_rt .campaignBlock .c01_box,
#ImgLayout .cp_1912_rt .campaignBlock .c02_box,
#ImgLayout .cp_1912_rt .campaignBlock .c03_box {
  position: relative;
  box-sizing: border-box;
	margin: 0 auto;
	max-width: 740px;
	z-index: 101;
}

#ImgLayout .cp_1912_rt .campaignBlock .ttl {
  position: relative;
  width: 100%;
}

#ImgLayout .cp_1912_rt .campaignBlock img {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  z-index: 101;
  width: 100%;
}

#ImgLayout .cp_1912_rt .campaignBlock img.c00_img01,
#ImgLayout .cp_1912_rt .campaignBlock img.c01_txt01,
#ImgLayout .cp_1912_rt .campaignBlock img.c02_txt01,
#ImgLayout .cp_1912_rt .campaignBlock img.c03_txt01 {
  margin-top: 2%;
}

#ImgLayout .cp_1912_rt canvas.snow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

#ImgLayout .cp_1912_rt .bg_btm {
  position: relative;
  margin: 0 auto;
  padding: 0;
	z-index: 9;
	top:-20px;
}

#ImgLayout .cp_1912_rt .chara_l,
#ImgLayout .cp_1912_rt .chara_r {
	display:none;
}

#ImgLayout .cp_1912_rt .pcver {
	display:none;
}

#ImgLayout .mainContents.cp_1912_rt .pcver {
	display:none;
}

#ImgLayout .mainContents.cp_1912_rt .pcver {
	display:none;
}

#ImgLayout .mainContents.cp_1912_rt .spver {
	display:block;
}

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

	#ImgLayout .mainContents.cp_1912_rt .pcver {
		display:block;
	}

	#ImgLayout .mainContents.cp_1912_rt .spver {
		display:none;
	}

	#ImgLayout .cp_1912_rt {
		width: 1020px;
		position: relative;
		overflow: hidden;
	}

	#ImgLayout .cp_1912_rt .campaignInner {
		background-image: url("../img/cp_1912_xmaspl/bg01.png"), url("../img/cp_1912_xmaspl/bg02.png"), -webkit-linear-gradient( bottom, rgb(166, 88, 154) 5%, rgb(86,29,205) 25%, rgb(0,0,0) 100%);
		background-image: url("../img/cp_1912_xmaspl/bg01.png"), url("../img/cp_1912_xmaspl/bg02.png"), linear-gradient( 0deg, rgb(166, 88, 154) 5%, rgb(86,29,205) 25%, rgb(0,0,0) 100%);
		background-position: top center, bottom center;
		background-repeat: no-repeat, no-repeat;
		padding: 100px 0 280px;
		background-color: #fff;
		border-radius: 0 0 20px 20px;
		width: 1020px;
	}

	#ImgLayout .cp_1912_rt .campaignBlock {
		background-image: url("../img/campaign/bg_repeat.png");
		background-size: contain;
		width: 640px;
		margin: 0 auto;
		padding: 0;
	}

	#ImgLayout .cp_1912_rt .campaignBlock {
		position: relative;
		z-index: 101;
	}
	#ImgLayout .cp_1912_rt .c00_box {
		padding: 10px 0;
	}
	#ImgLayout .cp_1912_rt .c01_box {
		background: url(../img/cp_1912_xmaspl/c01_box.png) no-repeat center 10px;
		padding: 10px 0 50px;
	}
	#ImgLayout .cp_1912_rt .c02_box {
		background: url(../img/cp_1912_xmaspl/c02_box.png) no-repeat center 10px;
		padding: 10px 0 60px;
	}
	#ImgLayout .cp_1912_rt .c03_box {
		background: url(../img/cp_1912_xmaspl/c03_box.png) no-repeat center 10px;
		padding: 10px 0 60px;
	}
	#ImgLayout .cp_1912_rt .c01_box a {
		display: block;
		position: relative;
		z-index: 102;
	}
	#ImgLayout .cp_1912_rt .c00_box img,
	#ImgLayout .cp_1912_rt .c01_box img,
	#ImgLayout .cp_1912_rt .c02_box img,
	#ImgLayout .cp_1912_rt .c03_box img {
		display: block;
		margin: 0 auto;
	}

	#ImgLayout .cp_1912_rt img.c00_img01 {
		margin-top: 20px;
		max-width: 530px;
	}

	#ImgLayout .cp_1912_rt .campaignBlock img.c01_txt01 {
		margin-top: 110px;
		max-width: 453px;
	}

	#ImgLayout .cp_1912_rt img.c01_btn01 {
		max-width: 366px;
	}

	#ImgLayout .cp_1912_rt img.c01_txt02 {
		max-width: 453px;
	}

	#ImgLayout .cp_1912_rt img.c01_btn02 {
		max-width:366px;
	}

	#ImgLayout .cp_1912_rt img.c01_txt03 {
		max-width: 453px;
	}

	#ImgLayout .cp_1912_rt img.c01_btn01,
	#ImgLayout .cp_1912_rt img.c01_txt02,
	#ImgLayout .cp_1912_rt img.c01_txt03,
	#ImgLayout .cp_1912_rt img.c01_btn02 {
		margin-top: 25px;
	}
	#ImgLayout .cp_1912_rt .campaignBlock img.c02_txt01 {
		margin-top: 120px;
		max-width: 460px;
	}
	#ImgLayout .cp_1912_rt .campaignBlock img.c03_txt01 {
		margin-top: 100px;
		max-width: 475px;
	}
	#ImgLayout .cp_1912_rt canvas.snow {
		position: absolute;
		top: 574px;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	#ImgLayout .cp_1912_rt .campaignBlock .w1020 {
		position: relative;
		width: 1020px;
		margin: 0 auto;
		z-index: 100;
	}

	#ImgLayout .cp_1912_rt .chara_l {
		position: absolute;
		top: 1670px;
		left: 0;
		z-index: 101;
	}

	#ImgLayout .cp_1912_rt .chara_r {
		position: absolute;
		top: 1430px;
		right: 0;
		z-index: 101;
	}

	#ImgLayout .cp_1912_rt .bg_btm {
		margin: 0 auto;
		width: 600px;
		z-index: 150;
		position: relative;
	}

	#ImgLayout .cp_1912_rt .cp_end {
		-webkit-filter: grayscale(100%);
		        filter: grayscale(100%);
		opacity: 0.7;
	}

}

/* for .dateTime */
#TextLayout .mainContents .contents .dateTitle p {
	margin-bottom: 10px;
}
#TextLayout .mainContents .contents .dateTitle {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
}
#TextLayout .mainContents .contents .dateTitle h2 {
	margin-top: 0;
	font-size: 110%;
}
#TextLayout .mainContents .contents .dateTitle .icon_cam {
	background-position: left center;
}
#TextLayout .mainContents .contents .time time {
	font-size: 107%;
}
@media screen and (max-width: 736px) {
	#TextLayout .mainContents .contents .dateTitle h2 {
		font-size: 95%;
	}
	#TextLayout .mainContents .contents .dateTitle p {
		margin: 5px 0;
	}
	#TextLayout .mainContents .contents .dateTitle .icon_cam {
		background-position: 0 2px;
	}
}