@charset "utf-8";

/*=================================================================================
	00.	base
===============================================================================*/
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer_new, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer_new, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img, input, select { vertical-align: middle; }

body {
	position: relative;

	font-family: sans-serif;
	font-size: 14px;
	line-height: 1.4;
}

body * {
	-webkit-text-size-adjust: none;

	word-break: break-all;

	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* link text decoration
------------------------------------------------ */
a {
	text-decoration: none;
	color: #00539f;
}
.disabled a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}



/*=================================================================================
	layout
===============================================================================*/
/* header
------------------------------------------------------------------------------------------------ */
#header {
	padding: 6px 0;
	overflow: hidden;
}
	#header h1 {
		float: left;
		display: block;
		width: 180px;
		height: 0;
		padding: 38px 0 0;
		overflow: hidden;

		line-height: 38px;

		background: url(../img/logo_yamadagame.png) no-repeat;
		background-size: 180px 38px;
	}
	#header ul {
		float: right;
		overflow: hidden;
	}
		#header li {
			float: left;
			display: block;
			margin: 0 1px;
		}
			#header li a {
				display: block;
				width: 40px;
				height: 38px;
				padding: 27px 0 0;

				font-size: 9px;
				text-align: center;
				line-height: 11px;

				color: #333;
			}
				#header li .information #unreadNumber{
					display: inline-block;
					position: absolute;
					top: 0px;
					width: 24px;
					height: 22px;
					line-height: 22px;
					color: #FFF;
					background-image: url("/images/mypage/badge.png");
					background-repeat: no-repeat;
					background-size: 22px auto;
					text-align: center;
					right: 0px;
					font-size: 14px;
					font-family:arial,arial unicode ms,sans-serif;
				}

/* content
------------------------------------------------------------------------------------------------ */
#content {
	overflow: hidden;
}

	/* headline */
	#content > h1 {
		padding: 3px 10px 3px 10px;

		line-height: 24px;

		color: #fff;
		background: #000;
	}

	/* border-box */
	#content .border-box {
		margin: 10px;

		border: 2px solid;
		border-radius: 5px;
	}


/* footer
------------------------------------------------------------------------------------------------ */
#footer_new {
	overflow: hidden;
	margin-bottom: 45px;
}

	/* navigation */
	#footer_new ul#footLink {
		overflow: hidden;

		border-top: 1px solid #dedede;
	}
		#footer_new ul#footLink li {
			position: relative;
			float: left;
			display: table;
			width: 50%;
			height: 41px;
			border-bottom: 1px solid #dedede;
		}
		#footer_new ul#footLink li:nth-child(even) {
			border-left: 1px solid #dedede;
		}
			#footer_new ul#footLink li a {
				display: table-cell;
				padding: 0 18px 0 10px;

				font-size: 12px;
				line-height: 1.2;
				vertical-align: middle;

				color: #666;
				background: #f7f7f7;
			}
			#footer_new ul#footLink li a:after {
				content: "";
				position: absolute;
				top: 50%;
				right: 6px;
				display: block;
				width: 5px;
				height: 5px;
				margin-top: -4px;

				border-top: 2px solid #b3b3b3;
				border-right: 2px solid #b3b3b3;

				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			/* icon */
			#header .btn_signup {
				background-position: 0 0;
			}
			#header .btn_login {
				background-position: -40px 0;
			}
			#header .btn_information {
				background-position: -80px 0;
			}

	/* top of page */
	#footer_new .topofpage {
		position: relative;
		display: block;
		padding: 20px 24px;

		font-size: 12px;
		text-align: right;
	}
	#footer_new .topofpage:before {
		content: "";
		position: absolute;
		top: 50%;
		right: 6px;
		display: block;
		width: 15px;
		height: 15px;
		margin-top: -8px;

		background: #000;

		border-radius: 15px;
	}
	#footer_new .topofpage:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		display: block;
		width: 4px;
		height: 4px;
		margin-top: -3px;

		border-top: 2px solid #fff;
		border-left: 2px solid #fff;

		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/* copyright */
	#footer_new .copyright {
		display: block;

		font-size: 12px;
		text-align: center;
		line-height: 24px;

		color: #fff;
		background: #000;
	}

#footer_gc_exchange {
	overflow: hidden;
}

	#footer_gc_exchange ul li {
		position: relative;
		width: 100%;
		float: left;
		display: table;
		height: 41px;
		border-bottom: 1px solid #dedede;
	}
		#footer_gc_exchange ul li:nth-child(even) {
			border-left: 1px solid #dedede;
		}
			#footer_gc_exchange ul li a {
				display: table-cell;
				padding: 0 18px 0 10px;

				font-size: 12px;
				line-height: 1.2;
				vertical-align: middle;

				color: #666;
				background: #f7f7f7;
			}
			#footer_gc_exchange ul li a:after {
				content: "";
				position: absolute;
				top: 50%;
				right: 6px;
				display: block;
				width: 5px;
				height: 5px;
				margin-top: -4px;

				border-top: 2px solid #b3b3b3;
				border-right: 2px solid #b3b3b3;

				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}
/* menu
------------------------------------------------------------------------------------------------ */
#menu {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	display: block;
	width: 100%;
	height: 45px;
}
	#menu ul {
		display: table;
		width: 100%;

		background: #000;
	}
		#menu ul li {
			display: table-cell;
			width: 20%;
		}
			#menu ul li a {
				position: relative;
				display: block;
				height: 45px;
				padding-top: 29px;

				font-size: 10px;
				line-height: 1.2;
				text-align: center;

				color: #fff;
			}
			#menu ul li a:before {
				content: "";
				position: absolute;
				top: 0;
				left: 50%;
				display: block;
				width: 30px;
				height: 30px;
				margin-left: -15px;

				background: url(../img/icon_menu2.png) no-repeat;
				background-size: 150px 30px;
			}
			#menu ul li.top a:before {
				background-position: 0 0;
			}
			#menu ul li.topic a:before {
				background-position: -30px 0;
			}
			#menu ul li.mygame a:before {
				background-position: -60px 0;
			}
			#menu ul li.coin a:before {
				background-position: -90px 0;
			}
			#menu ul li.mypage a:before {
				background-position: -120px 0;
			}
		#menu ul li.current {
			display: none;
		}

		#menu ul li.coin a div.badgeWrapper{
			top: -40px;
		position: relative;
	}
		#menu ul li.coin a div.badgeWrapper div.badge{
			margin: 0 auto;
				background-color: red;
			position: relative;
			width: 50px;
			height: 15px;
				text-align: center;
			color: white;
			font-size: 12px;
		}

	#menu ul li.mypage a div.badgeWrapper{
			top: -40px;
		position: relative;
	}
		#menu ul li.mypage a div.badgeWrapper div.badge{
				margin: 0 auto;
				left: 12px;
				position: relative;
				width: 12px;
				height: 12px;
				background-image: url(/images/mypage/badge.png);
				background-repeat: no-repeat;
				background-size: 12px;
		}

		#menu ul li.mygame a div.badgeWrapper{
			top: -40px;
			position: relative;
				}
			#menu ul li.mygame a div.badgeWrapper div.badge{
				margin: 0 auto;
				left: 20px;
				position: relative;
				width: 12px;
				height: 12px;
				background-image: url(/images/mypage/badge.png);
				background-repeat: no-repeat;
				background-size: 12px;
			}


/* pcMypageMenu
------------------------------------------------------------------------------------------------ */
#pcMypageMenu {
	display: block;
	width: 100%;
	height: 45px;
}
	#pcMypageMenu ul {
		display: table;
		width: 100%;
		background-color: #fff;
	}

		#pcMypageMenu ul li {
			display: table-cell;
			width: 20%;
		}
			#pcMypageMenu ul li a {
				position: relative;
				display: block;
				height: 45px;
				padding-top: 29px;
				font-size: 10px;
				line-height: 2;
				text-align: center;
				color: #777;
			}
			#pcMypageMenu ul li a:before {
				content: "";
				position: absolute;
				top: 0;
				left: 50%;
				display: block;
				width: 30px;
				height: 30px;
				margin-left: -15px;

				background: url(../img/icon_menu_pc.png) no-repeat;
				background-size: 150px 30px;
			}
			#pcMypageMenu ul li.greet a:before {
				background-position: 0 0;
			}
			#pcMypageMenu ul li.friend a:before {
				background-position: -30px 0;
			}
			#pcMypageMenu ul li.coin_passbook a:before {
				background-position: -60px 0;
			}
			#pcMypageMenu ul li.support_ticket a:before {
				background-position: -90px 0;
			}
			#pcMypageMenu ul li.menu a:before {
				background-position: -120px 0;
			}
		#pcMypageMenu ul li.current {
			display: none;
		}

	#pcMypageMenu ul li a div.badgeWrapper{
			top: -40px;
		position: relative;
	}
		#pcMypageMenu ul li a div.badgeWrapper div.badge{
				margin: 0 auto;
				left: 12px;
				position: relative;
				width: 12px;
				height: 12px;
				background-image: url(/images/mypage/badge.png);
				background-repeat: no-repeat;
				background-size: 12px;
		}

		#pcMypageMenu ul li a div.badgeWrapper{
			top: -40px;
			position: relative;
				}
			#pcMypageMenu ul li a div.badgeWrapper div.badge{
				margin: 0 auto;
				left: 20px;
				position: relative;
				width: 12px;
				height: 12px;
				background-image: url(/images/mypage/badge.png);
				background-repeat: no-repeat;
				background-size: 12px;
			}




/* information
------------------------------------------------------------------------------------------------ */
#information {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 40px;
	height: 0;
	overflow: hidden;

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

	opacity: 0;

	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
#information.show {
	z-index: 10;
	height: auto;
	opacity: 1;
}
	#information .item-article .head:before {
		background-position: 5px 0px !important;
	}
	#information .item {
		padding: 0;
	}
		#information .item.readed {
		background-color: #D9D9D9;
	}
		#information .item a {
			display: block;
			padding: 10px 60px 10px 10px;
		}
			#information .item .date {
				position: absolute;
				display: inline-block;
				right: 16px;
				bottom: 0px;
			}


/* titleCoinPassbook
------------------------------------------------------------------------------------------------ */
#titleCoinPassbook {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 30%;
	height: 0;
	overflow: hidden;

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

	opacity: 0;

	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
#titleCoinPassbook.show {
	z-index: 10;
	height: auto;
	opacity: 1;
}
	#titleCoinPassbook .item-article .head:before {
		background-position: 5px 0px !important;
	}
	#titleCoinPassbook .item {
		padding: 0;
	}
		#titleCoinPassbook .item.readed {
		background-color: #D9D9D9;
	}
		#titleCoinPassbook .item a {
			display: block;
			padding: 10px 60px 10px 10px;
		}
			#titleCoinPassbook .item .date {
				position: absolute;
				display: inline-block;
				right: 16px;
				bottom: 0px;
			}
.btn_title_coin_passbook {
	display: inline-block;
}

.btn_title_coin_passbook_img {
	width: 17px;
	height: 17px;
	vertical-align: top;
}

h2.subtitle.static.information{
	height: auto !important;
	text-align: left;
}
	h2.subtitle.static.information #informationBackLink{
		display: inline-block;
		width: 73px;
	}


/*=================================================================================
	article
===============================================================================*/
/* article
------------------------------------------------ */
.article {
	padding-bottom: 10px;
	overflow: hidden;
}
	.article .head {
		padding: 3px 10px 3px 5px;
		line-height: 24px;
		color: #fff;
		background: #000;
	}
	.article .head:before {
		content: "";
		float: left;
		display: block;
		width: 24px;
		height: 24px;
		margin-right: 5px;
	}
	.article .head.color:before {
		content: "";
		float: left;
		display: block;
		width: 54px;
		height: 34px;
		position: absolute;
		top: 0;
		margin-right: 0;
	}
.article .head.others:before {
		content: "";
		float: left;
		display: block;
		width: 36px;
		height: 23px;
		margin-right: 9px;
	}
	#content.toppage .article {
		padding-bottom: 0;
	}
	#content.toppage .article#attention{
		padding-bottom: 10px;
	}
		#content.toppage .article .head.color {
			padding: 3px 10px 3px 5px;
			line-height: 24px;
			color: #000000;
			background: #ffffff;
			border-top-width: 4px;
			border-top-style: solid;
			position: relative;
		}

			#content.toppage .article .head.green {
				color: #73AD52;
			}
			#content.toppage .article .head.red {
				color: #FF0036;
			}
			#content.toppage .article .head.purple {
				color: #682F9F;
			}
			#content.toppage .article .head.yellow {
				color: #FF9100;
			}
			#content.toppage .article .head.blue {
				color: #0092FF;
			}
		#content.toppage .article .head.giza {
			padding: 9px 10px 3px 5px;
			line-height: 24px;
			color: #606060;
			background-color: #ffffff;
		}
		#content.toppage .article .giza-head {
			background-color: #d9d9d9;
			padding-top: 10px;
		}
		#content.toppage .article .giza-head-img{
			width: 100%;
			vertical-align: bottom;
		}
		#content.toppage .article .bottom-line {
			padding: 0px;
			margin: 0 auto;
			width: 80%;
		}
		#content.toppage .article#ranking .bottom-line {
			margin-bottom: 10px;
		}
		#content.toppage .article .magazine {
			background: #df1616;
		}
	.shadow .article-bottom {
		padding: 3px 0;
	}
	#content.toppage .article .head.ranking {
		position: relative;
		height: 40px;
	}
	#content.toppage #getcoin.white-back.shadow {
		z-index: 3;
	}
	#content.toppage #aboutthis.white-back.shadow {
		z-index: 2;
	}
	#content.toppage #wordpress.white-back.shadow {
		z-index: 1;
	}
/* item-horizontal
------------------------------------------------ */
.item-horizontal {
	width: 300px;
	margin: 0 auto;
}
.item-horizontal.heightFix {
	overflow: hidden;
	background: url(/common/images/bg_list.png) repeat-x left bottom;
	background-size: 32px 15px;
}
.item-horizontal.fdNone {
	display: none;
}
.item-horizontal.transparency {
	opacity: 0;
}
	.item-horizontal .item {
		float: left;
		display: block;
		width: 90px;
		margin: 10px 5px 5px;

		font-size: 14px;
		font-weight: bold;
		line-height: 1.2;
	}
		.item-horizontal .item .figure {
			margin-bottom: 10px;
		}
			.item-horizontal .item .figure img {
				width: 90px;
				height: 90px;
			}
		.item-horizontal .item .data {
			white-space: pre-wrap;
			text-align: center;
		}

/* item-lengthwise
------------------------------------------------ */
.item-lengthwise {
	width: 300px;
	margin: 0 auto;
}
	.item-lengthwise .item {
		float: left;
		display: flex;
		width: 300px;
		margin: 10px 0px 5px;

		font-size: 14px;
		font-weight: bold;
		line-height: 1.2;
	}
		.item-lengthwise .item .figure {
			display: table-cell;
			width: 100px;
			padding: 0 5px;
		}
			.item-lengthwise .item .figure img {
				width: 90px;
				height: 90px;
			}

		.item-lengthwise .item .data {
			display: table-cell;
			width: 200px;
			vertical-align: top;
			padding:10px 0px 0px 10px;
		}
			.item-lengthwise .item .data .title {
				font-size: 14px;
			}
			.item-lengthwise .item .data .description {
				padding-top: 5px;
				font-size: 12px;
				color: #7f8c8d;
			}

/* item-list
------------------------------------------------ */
.item-list {
	margin: 10px;
	overflow: hidden;

	border: 2px solid;
	border-radius: 5px;
}
	.item-list .item {
		position: relative;
		display: table;
		width: 100%;
		padding: 10px 30px 10px 0;
		overflow: hidden;

		color: #333;
		background: #fff;
	}
	.item-list .item:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 7px;
		width: 6px;
		height: 6px;
		margin-top: -4px;

		border-top: 2px solid #000;
		border-right: 2px solid #000;

		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.item-list .item ~ .item {
		border-top: 2px solid;
	}
		.item-list .item a {
			color: #333;
		}
		.item-list .item .figure {
			display: table-cell;
			width: 116px;
			padding: 0 6px;
		}
			.item-list .item .figure img {
				max-width: 100%;
			}
		.item-list .item .data {
			display: table-cell;

			font-weight: bold;
			line-height: 1.3;
			vertical-align: middle;
		}
			.item-list .item strong {
				color: #039;
			}

	.item-list .no-link-item {
		position: relative;
		display: table;
		width: 100%;
		padding: 10px 30px 10px 0;
		overflow: hidden;

		color: #333;
		background: #fff;
	}
/* item-article
------------------------------------------------ */
.item-article {
	margin: 10px;
}
	.item-article .head {
		border-radius: 5px 5px 0 0;
		padding: 0 10px 0 5px;
	}
	.item-article .body,
	.item-article .item-list {
		margin: 0;

		border-top: 0 none;
		border-radius: 0 0 5px 5px;
	}
	.item-article .body {
		padding: 10px;
	}
	.item-article .item-list {
		padding: 0;
	}
		.item-article .item-list .item {
			padding-left: 10px;
		}

/* menu-list
------------------------------------------------ */
.menu-list {
	margin-top: 10px;

	border-bottom: 1px solid;
}
	.menu-list li {
		position: relative;
		display: block;

		border-top: 1px solid;
	}
		.menu-list li a {
			display: table;
			width: 100%;
			padding: 12px 30px 12px 10px;

			color: #333;
			background: #fff;
		}
		.menu-list a:after {
			content: "";
			position: absolute;
			top: 50%;
			right: 7px;
			width: 6px;
			height: 6px;
			margin-top: -4px;

			border-top: 2px solid #000;
			border-right: 2px solid #000;

			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}

/*=================================================================================
	table
===============================================================================*/
table.pair-colon {
	width: 100%;
	margin: 10px 0;
	border-collapse: collapse;
}
	table.pair-colon th,
	table.pair-colon td {
		width: 50%;
	}
	table.pair-colon th {
		font-weight: normal;
		text-align: right;
	}
	table.pair-colon th:after {
		content: ":";
		margin: 0 3px;

		font-weight: bold;
	}

/*=================================================================================
	form
===============================================================================*/
/* text
------------------------------------------------ */
input[type=text] {
	-webkit-appearance: none;

	margin: 0;
	padding: 8px 10px;

	font-size: 14px;
	line-height: 20px;

	border: 2px solid #ccc;
	border-radius: 3px;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
	background-color: #fff;

	box-shadow: inset 0 4px 5px rgba(0,0,0,0.1);
}

input.widthMax[type=text] {
	width: 100%
}

/* select
------------------------------------------------ */
.ui-select {
	position: relative;
	display: inline-block;
	width: 100%;
	overflow: hidden;

	vertical-align: middle;
}
	/* select */
	.ui-select select {
		-webkit-appearance: none;

		width: 100%;
		min-height: 40px;

		vertical-align: middle;

		opacity: 0;
	}

	/* dummy */
	.ui-select .ui-inner {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 10px 40px 10px 10px;
		vertical-align: middle;

		line-height: 1.4;

		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0)));
		background: -webkit-linear-gradient(top,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
		background-color: #fff;
		zoom: 1;

		border: 2px solid #ccc;
		border-radius: 4px;
	}
		.ui-select .ui-inner span {
			display: inline-block;
			white-space: nowrap;

			font-size: 14px;
			line-height: 19px;
		}

	.ui-select .ui-inner:before,
	.ui-select .ui-inner:after {
		content: '';
		position: absolute;
		display: block;
	}
	.ui-select .ui-inner:before {
		top: 9px;
		right: 9px;
		width: 20px;
		height: 20px;

		background: #999;
		border-radius: 3px;
	}
	.ui-select .ui-inner:after {
		top: 16px;
		right: 15px;
		width: 0;
		height: 0;

		border-top: 7px solid #fff;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
	}

/* submit
------------------------------------------------ */
.btn_submit {
	position: relative;
	display: block;

	background: #000;

	border-radius: 3px;
}
.btn_submit:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 6px;
	height: 6px;
	margin-top: -5px;

	border-top: 2px solid #fff;
	border-right: 2px solid #fff;

	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn_submit input[type=submit] {
	-webkit-appearance: none;

	display: block;
	width: 100%;
	padding: 10px;
	margin: 0;

	font-size: 14px;
	font-weight: bold;
	line-height: 20px;

	color: #fff;
	border: none;
	background: transparent;
}
/* password
------------------------------------------------ */
input[type=password] {
	-webkit-appearance: none;

	margin: 0;
	padding: 8px 10px;

	font-size: 14px;
	line-height: 20px;

	border: 2px solid #ccc;
	border-radius: 3px;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
	background-color: #fff;

	box-shadow: inset 0 4px 5px rgba(0,0,0,0.1);
}


/*=================================================================================
	toppage
===============================================================================*/
#content.toppage {
	width:100%;
}

/* banner
------------------------------------------------------------------------------------------------ */
#content.toppage .banner {
	padding: 10px 0;
	margin-top: -9px;
	margin-bottom: 20px;
	background: #ccc;
	max-height: 420px;
}
	#content.toppage .banner a {
		display: block;
		margin-top: 5px;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
	}
		#content.toppage .banner a img {
			max-width: 100%;
			background: #ccc;
		}
	#content.toppage .banner a ~ a {
		margin-top: 5px;
	}


#event-info {
	padding-top: 10px;
}
	#event-info .twoInLineImages{
		padding: 0px 5px 5px 5px;
	}
		#event-info .twoInLineImages .twoInLineImage {
			padding: 0px 5px 5px 5px;
		}

#hasEventBanner {
	display: flex;
}

/* newer
------------------------------------------------------------------------------------------------ */
#content.toppage .newer {
	padding-bottom: 10px;
}
	#content.toppage .newer .item-list {
		margin: 0 10px 0 10px;
	}
	#content.toppage .newer .item {
		padding-left: 10px;
	}
		#content.toppage .newer .item strong {
			margin-left: 6px;
		}

#content.toppage .img-newer {
	padding: 0 10px 10px 10px;
}
	#content.toppage .img-newer img{
		width: 100%;
		-webkit-border-radius: 2% / 13%;
		-moz-border-radius: 2% / 13%;
		border-radius: 2% / 13%;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
	}

/* recommendation
------------------------------------------------------------------------------------------------ */
#content.toppage #recommendation {
	margin-top: 5px;
}

/* article head icon
------------------------------------------------------------------------------------------------ */
#content.toppage #easyWinPrize .head:before {
	background: url(../img/top_icons/icon_top_01.png) no-repeat;
	background-size: 100%;
}
#content.toppage #recommendation .head:before {
	background: url(../img/top_icons/icon_top_02.png) no-repeat;
	background-size: 100%;
}
#content.toppage #attention .head:before {
	background: url(../img/top_icons/icon_top_02.png) no-repeat;
	background-size: 100%;
}

#content.toppage #ranking .head:before {
	background: url(../img/top_icons/icon_top_03.png) no-repeat;
	background-size: 100%;
}
#content.toppage #aboutthis .head.giza:before {
	background: url(../img/top_icons/icon_yg.png) no-repeat;
	background-size: 100%;
}
#content.toppage #getcoin .head.giza:before {
	background-position: -72px 0 !important;
}
#content.toppage #wordpress .head.giza:before {
	background: url(../img/top_icons/icon_base.png) no-repeat;
	background-size: 100%;
}
#topic .head:before {
	background-position: -96px 0 !important;
}
#content.toppage #search .head.giza:before {
	background: url(../img/top_icons/icon_search.png) no-repeat;
	background-size: 100%;
}
#content.toppage #new .head:before {
	background: url(../img/top_icons/icon_top_04.png) no-repeat;
	background-size: 100%;
}
#content.toppage #preRegister .head:before {
	background: url(../img/top_icons/icon_top_05.png) no-repeat;
	background-size: 100%;
}
#content.toppage #lineUp .head:before {
	background: url(../img/top_icons/icon_top_06.png) no-repeat;
	background-size: 100%;
}

/* item-article head icon
------------------------------------------------------------------------------------------------ */
#content.toppage .item-article.ranking .head:before {
	background-position: -24px 0 !important;
}
#content.toppage .item-article.search .head:before {
	background-position: -48px 0 !important;
}
#content.toppage .item-article.wordpress .head:before {
	background-position: -72px 0 !important;
}

/* slider
------------------------------------------------------------------------------------------------ */
#content.toppage .slider {
	width: 300px;
	margin: 0 auto;
	overflow: hidden;
}
	#content.toppage .slider .scene {
		overflow: hidden;
	}
	#content.toppage .slider .scene.maxHeightFix {
		max-height: 155px;
	}
	#content.toppage .slider .scene > div {
		float: left;
	}
	#content.toppage .slider .console {
		clear: both;
		padding-bottom: 10px;
		overflow: hidden;
	}
		#content.toppage .slider .console ul {
			display: block;
			overflow: hidden;

			text-align: center;
		}
			#content.toppage .slider .console ul li {
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 3px;

				background: #fff;
				border: 1px solid #ccc;
				border-radius: 10px;
			}
			#content.toppage .slider .console ul li.current {
				background: #f00;
				border: 0 none
			}


/* ranking
------------------------------------------------------------------------------------------------ */
#content.toppage #ranking {
}
	#content.toppage #ranking .item {
		position: relative;
	}
		#content.toppage #ranking .item:before {
			content: "";
			position: absolute;
			top: -8px;
			left: -8px;
			display: block;
			width: 28px;
			height: 28px;

			background: url(../img/icon_rankbadge.png) no-repeat;
			background-size: 280px 28px;
		}
		#content.toppage #ranking .item:nth-child(1):before {
			background-position: 0 0;
		}
		#content.toppage #ranking .item:nth-child(2):before {
			background-position: -28px 0;
		}
		#content.toppage #ranking .item:nth-child(3):before {
			background-position: -56px 0;
		}
		#content.toppage #ranking .item:nth-child(4):before {
			background-position: -84px 0;
		}
		#content.toppage #ranking .item:nth-child(5):before {
			background-position: -112px 0;
		}

		#content.toppage #ranking .ranking-more .item:nth-child(1):before {
			background-position: -140px 0;
		}
		#content.toppage #ranking .ranking-more .item:nth-child(2):before {
			background-position: -168px 0;
		}
		#content.toppage #ranking .ranking-more .item:nth-child(3):before {
			background-position: -196px 0;
		}
		#content.toppage #ranking .ranking-more .item:nth-child(4):before {
			background-position: -224px 0;
		}
		#content.toppage #ranking .ranking-more .item:nth-child(5):before {
			background-position: -252px 0;
		}

	#content.toppage #ranking .data {
		position: relative;
	}
	#content.toppage #ranking .item .data:before {
		content: "";
		position: absolute;
		top: -10px;
		left: 12px;
		display: block;
		width: 38px;
		height: 19px;
		background-size: 38px 19px;
	}
	#content.toppage #ranking .item:nth-child(1) .data:before {
		background-image: url(../img/top_icons/icon_crown_1.png);
		background-repeat: no-repeat;

	}
	#content.toppage #ranking .ranking-more .item:nth-child(1) .data:before {
		background:none
	}
	#content.toppage #ranking .item:nth-child(2) .data:before {
		background-image: url(../img/top_icons/icon_crown_2.png);
		background-repeat: no-repeat;
	}
	#content.toppage #ranking .ranking-more .item:nth-child(2) .data:before {
		background:none
	}
	#content.toppage #ranking .item:nth-child(3) .data:before {
		background-image: url(../img/top_icons/icon_crown_3.png);
		background-repeat: no-repeat;
	}
	#content.toppage #ranking .ranking-more .item:nth-child(3) .data:before {
		background:none
	}

/* titleCoinList
------------------------------------------------------------------------------------------------ */
#content.toppage #hasTitleCoin {
}

	#content.toppage #hasTitleCoin .buy_title_coin_button {
		width: 100%;
		-webkit-border-radius: 2% / 13%;
		-moz-border-radius: 2% / 13%;
		border-radius: 2% / 13%;
		height: 53px;
		margin-bottom: 8px;
	}

/* about this
------------------------------------------------------------------------------------------------ */
#content.toppage #aboutthis {
}
	#content.toppage #aboutthis .slider {
		width: 300px;
	}
		#content.toppage #aboutthis .scene > div {
			display: block;
			width: 300px;
			height: 0;
			padding: 178px 0 0;
			overflow: hidden;

			line-height: 190px;
		}


/* getcoin
------------------------------------------------------------------------------------------------ */
#content.toppage #getcoin {
	padding-bottom: 20px;
}
	#content.toppage #getcoin .item-list {
		margin: 0;
		border: 0 none;
		border-radius: 0;
	}
		#content.toppage #getcoin .item-list .item {
			padding: 6px 0;
			border: none;
		}
		#content.toppage #getcoin .item-list .item:after {
			right: 5px;

			width: 36px;
			height: 30px;
			margin-top: -15px;

			background: url(../img/icon_get.png) no-repeat;
			background-size: 36px 30px;
			border: 0 none;

			-webkit-transform: none;
			transform: none;
		}
			#content.toppage #getcoin .item-list .item .figure img{
				width: 90px;
				height: 90px
			}
			#content.toppage #getcoin .item-list .item .data {
				padding: 0 48px 0 3px;

				font-size: 12px;
				font-weight: normal;

				color: #333;
			}
				#content.toppage #getcoin .item-list .item .data strong {
					display: block;
					margin-bottom: 6px;

					font-size: 14px;
				}


/* topic
------------------------------------------------------------------------------------------------ */
#content.toppage #topic {
}
	/* ranking
	------------------------------------------------ */
	#content.toppage #topic .ranking .item a {
		display: block;
		padding: 10px 30px 10px 10px;
	}
		#content.toppage #topic .ranking .item a strong {
			margin-right: 6px;
		}
		#content.toppage #topic .ranking .item{
		padding: 0;
		}

	/* form
	------------------------------------------------ */
	#content.toppage #topic form {
		padding-top: 5px;
	}
		#content.toppage #topic form th {
			font-weight: normal;
		}
		#content.toppage #topic form td {
			padding: 5px 10px;
		}
			#content.toppage #topic form input[type=text] {
				width: 200px;
			}

		#content.toppage #topic form .btn_submit {
			margin: 5px 0 0;
		}


/* wordpress
------------------------------------------------------------------------------------------------ */
#content.toppage #wordpress {
}
	#content.toppage #wordpress .item-list .item a {
		display: block;
		padding: 10px 30px 10px 10px;
	}
		#content.toppage #wordpress .item-list .item{
		padding: 0;
		}


/*=================================================================================
	mypage
===============================================================================*/
#content.mypage {
}
	/* profile */
	#content.mypage .profile {
	}
		#content.mypage .profile table {
			margin: 6px 0;
		}
			#content.mypage .profile th,
			#content.mypage .profile td {
				padding: 3px 0;

				font-size: 16px;
				font-weight: bold;
			}

	/* coin */
	#content.mypage .coin {
	}
		#content.mypage .coin th,
		#content.mypage .coin td {
			padding: 3px 0;

			font-size: 12px;
		}
			#content.mypage .coin strong {
				font-weight: normal;

				color: #f00;
			}

	/* menu */
	#content.mypage .mypage-menu {
	}
		#content.mypage .mypage-menu a {
				padding-left: 10px;
			}
	.mypage_menuIcon .discription.short.info {
	    margin-top: -5px;
	    height: 10px;
	    width: 80px;
	    font-size: small;
	}

	/* ゲームコイン利用履歴キャンペーン */
	#useCoinCampaign {
		background-color: #FFF2CC;
		margin-top: 10px;
	}
		#useCoinCampaign .under_line{
			text-decoration: underline;
		}
		#useCoinCampaign .color_red{
			color: red;
		}
		#useCoinCampaign .text_bold_left{
			text-align: left;
			font-weight: bold;
			padding-left: 10px;
		}
		#useCoinCampaign .text_bold_center{
			text-align: center;
			font-weight: bold;
		}
		#useCoinCampaign .color_orange{
			color: #FE6300;
		}
		#useCoinCampaign .color_blue{
			color: #003399;
		}

	/* プロフィール */
	#dispProfileMess .holding-profile-out-block{
		padding: 2px;
		background-color: #ffffff;
		border-radius: 5px;
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 12px;
		margin-bottom: 17px;
		box-shadow: 0px 0px 3px 2px #837a7a;
		color: white;
	}
	#dispProfileMess .holding-profile-in-block{
		padding: 10px;
		border-radius: 4px;
		background-color: #303030;
		color: white;
		font-size: 12px;
	}
	#dispProfileMess .text_center{
	text-align: center;
	}
	.margin_other_profile{
		margin-left: 15px;
		margin-right: 15px;
	}



	#mypage_userInfo .mypage_lv_wrapper {
		display: table;
		position: absolute;
		top: -16px;
		right: -12px;
		background-color: #0070C0;
		color: white;
		border-radius: 14px;
	}
		#mypage_userInfo .mypage_lv_wrapper .trophy_batch{
			position: absolute;
			background-image: url("/images/mypage/badge.png");
			background-repeat: no-repeat;
			background-size: 13px auto;
			display: block;
			height: 13px;
			width: 13px;
			top: -1px;
			right: 1px;
		}
		#mypage_userInfo .mypage_lv_wrapper .mypage_lv_contents {
			display: table-cell;
			vertical-align: middle;
			padding: 1px 0;
		}
			#mypage_userInfo .mypage_lv_wrapper .mypage_lv_contents.mypage_lv_star {
				padding-left: 10px;
				padding-right: 9px;
			}
				#mypage_userInfo .mypage_lv_wrapper .mypage_lv_contents.mypage_lv_star img{
					height: 18px;
					margin: 4px 0px;
				}
			#mypage_userInfo .mypage_lv_wrapper .mypage_lv_contents.mypage_lv_text {
				padding-right: 2px;
			}
			#mypage_userInfo .mypage_lv_wrapper .mypage_lv_contents.mypage_lv_number {
				padding-right: 15px;
			}
				#mypage_userInfo .mypage_lv_wrapper .mypage_lv_contents.mypage_lv_number.size_medium {
					font-size: medium;
				}

		/* 定期購入 開催中 */
		.monthlyCampaignFlgTrue {
			background-color: #F47236;
		    color: white;
		    padding: 6px 11px 6px 8px;
		    width: 267px;
		    margin-top: 11px;
		    border-radius: 5px;
		    text-align: center;
		    font-weight:bold;
		}
		.oneMonthAgoContentLeftTrue {
		    border: 1px solid #f4a460;
		    padding: 2%;
		    margin-left: 2px;
		  	border-top-left-radius : 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-bottom-left-radius : 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-right-radius : 0px;
			-webkit-border-top-right-radius: 0px;
			-moz-border-radius-topright: 0px;
			border-bottom-right-radius : 0px;
			-webkit-border-bottom-right-radius: 0px;
			-moz-border-radius-bottomright: 0px;
			display: inline-block;
    		height: 30px;
    		width: 41px;
    		position: relative;
    		line-height: 25px;
   		}
   		.oneMonthAgoContentLeftTrueTop {
		    border: 1px solid #f4a460;
		    padding: 2%;
		    margin-left: 9px;
		  	border-top-left-radius : 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-bottom-left-radius : 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-right-radius : 0px;
			-webkit-border-top-right-radius: 0px;
			-moz-border-radius-topright: 0px;
			border-bottom-right-radius : 0px;
			-webkit-border-bottom-right-radius: 0px;
			-moz-border-radius-bottomright: 0px;
			display: inline-block;
    		height: 30px;
    		width: 41px;
    		position: relative;
    		line-height: 25px;
   		}
   		.oneMonthAgoContentRightTrue {
		    border: 1px solid #f4a460;
		    padding: 2%;
		  	border-top-left-radius : 0px;
			-webkit-border-top-left-radius: 0px;
			-moz-border-radius-topleft: 0px;
			border-bottom-left-radius : 0px;
			-webkit-border-bottom-left-radius: 0px;
			-moz-border-radius-bottomleft: 0px;
			border-top-right-radius : 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			border-bottom-right-radius : 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			display: inline-block;
    		height: 30px;
    		width: 41px;
    		margin-left: -1px;
   		}
   		.oneMonthAgoContentRightTrueTop {
		    border: 1px solid #f4a460;
		    padding: 2%;
		  	border-top-left-radius : 0px;
			-webkit-border-top-left-radius: 0px;
			-moz-border-radius-topleft: 0px;
			border-bottom-left-radius : 0px;
			-webkit-border-bottom-left-radius: 0px;
			-moz-border-radius-bottomleft: 0px;
			border-top-right-radius : 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			border-bottom-right-radius : 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			display: inline-block;
    		height: 30px;
    		width: 41px;
    		margin-left: -1px;
   		}
   		.targetMonthAgoContentLeftTrue {
   			background-color: #d45605;
		    border: 1px solid #f4a460;
		    padding: 2%;
		    margin-left: 8px;
		  	border-top-left-radius : 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-bottom-left-radius : 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-right-radius : 0px;
			-webkit-border-top-right-radius: 0px;
			-moz-border-radius-topright: 0px;
			border-bottom-right-radius : 0px;
			-webkit-border-bottom-right-radius: 0px;
			-moz-border-radius-bottomright: 0px;
			display: inline-block;
    		height: 30px;
    		width: 41px;
    		position: relative;
    		line-height: 25px;
   		}
   		.targetMonthAgoContentRightTrue {
   			background-color: #d45605;
		    border: 1px solid #f4a460;
		    padding: 2%;
		  	border-top-left-radius : 0px;
			-webkit-border-top-left-radius: 0px;
			-moz-border-radius-topleft: 0px;
			border-bottom-left-radius : 0px;
			-webkit-border-bottom-left-radius: 0px;
			-moz-border-radius-bottomleft: 0px;
			border-top-right-radius : 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			border-bottom-right-radius : 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			display: inline-block;
    		height: 30px;
    		width: 41px;
    		margin-left: -1px;
   		}
   		/* 定期購入 終了中or期間終了後 */
		.monthlyCampaignFlgFalseProvisionComplete {
			background-color: #9C9C9C;
		    color: white;
		    padding: 6px 11px 6px 0px;
		    width: 267px;
		    margin-top: 11px;
		    border-radius: 5px;
		    text-align: center;
		}
		.monthlyCampaignFlgFalseProvisionInComplete {
			background-color: #9C9C9C;
		    color: white;
		    padding: 6px 11px 6px 8px;
		    width: 267px;
		    margin-top: 11px;
		    border-radius: 5px;
		    text-align: center;
		}
		.oneMonthAgoContentLeftFalseProvisionComplete {
		    border: 1px solid #B9B9B9;
		    padding: 2%;
		    margin-left: 7px;
		  	border-top-left-radius : 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-bottom-left-radius : 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-right-radius : 0px;
			-webkit-border-top-right-radius: 0px;
			-moz-border-radius-topright: 0px;
			border-bottom-right-radius : 0px;
			-webkit-border-bottom-right-radius: 0px;
			-moz-border-radius-bottomright: 0px;
			display: inline-block;
    		height: 30px;
    		width: 41px;
    		position: relative;
    		line-height: 25px;
   		}
   		.oneMonthAgoContentLeftFalseProvisionInComplete {
		    border: 1px solid #B9B9B9;
		    margin-left: 2px;
		    padding: 2%;
		  	border-top-left-radius : 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-bottom-left-radius : 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-right-radius : 0px;
			-webkit-border-top-right-radius: 0px;
			-moz-border-radius-topright: 0px;
			border-bottom-right-radius : 0px;
			-webkit-border-bottom-right-radius: 0px;
			-moz-border-radius-bottomright: 0px;
			display: inline-block;
    		height: 30px;
    		width: 41px;
    		position: relative;
    		line-height: 25px;
   		}
   		.oneMonthAgoContentRightFalse {
		    border: 1px solid #B9B9B9;
		    padding: 2%;
		  	border-top-left-radius : 0px;
			-webkit-border-top-left-radius: 0px;
			-moz-border-radius-topleft: 0px;
			border-bottom-left-radius : 0px;
			-webkit-border-bottom-left-radius: 0px;
			-moz-border-radius-bottomleft: 0px;
			border-top-right-radius : 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			border-bottom-right-radius : 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			display: inline-block;
    		height: 30px;
    		width: 41px;
    		margin-left: -1px;
   		}
   		.targetMonthAgoContentLeftFalse {
		    border: 1px solid #B9B9B9;
		    padding: 2%;
		    margin-left: 8px;
		  	border-top-left-radius : 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-bottom-left-radius : 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-right-radius : 0px;
			-webkit-border-top-right-radius: 0px;
			-moz-border-radius-topright: 0px;
			border-bottom-right-radius : 0px;
			-webkit-border-bottom-right-radius: 0px;
			-moz-border-radius-bottomright: 0px;
			display: inline-block;
    		height: 30px;
    		width: 41px;
    		position: relative;
    		line-height: 25px;
   		}
   		.targetMonthAgoContentRightFalse {
		    border: 1px solid #B9B9B9;
		    padding: 2%;
		  	border-top-left-radius : 0px;
			-webkit-border-top-left-radius: 0px;
			-moz-border-radius-topleft: 0px;
			border-bottom-left-radius : 0px;
			-webkit-border-bottom-left-radius: 0px;
			-moz-border-radius-bottomleft: 0px;
			border-top-right-radius : 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			border-bottom-right-radius : 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			display: inline-block;
    		height: 30px;
    		width: 41px;
    		margin-left: -1px;
   		}
   		.monthlyCampaignEndComment {
			text-align: center;
		    font-size: 11px;
		    color: rgb(136,136,136);
		    margin-top: 5px;
		}
   		/* 定期購入 共通(開催中or終了中or期間終了後) */
   		.mypage_monthlyCampaign_box {
   			margin: 0 auto;
		    display: table;
		    border-collapse: separate;
		    border-spacing: 6px 3px;
	   	}
   		#monthlyCampaignContent {
   			display: flex;
   		}
   		#monthlyCampaignContentTop {
   			display: flex;
   		}
   		.oneMonthAgoContent {
   			display: flex;
   			margin-top: 1px;
   		}
   		.targetMonthAgoContent {
   			display: flex;
   			margin-top: 1px;
   		}
   		.oneMonthAgoContentTop {
   			display: flex;
   		}
   		.targetMonthAgoContentTop {
   			display: flex;
   		}
   		.monthlyCampaignContentTitle {
			line-height: 15px;
			white-space: nowrap;
			font-weight: normal;
			width: 75px;
   		}
   		.monthlyCampaignContentTitleTop {
			line-height: 30px;
   		}
   		.monthlyCampaignContentTitleMypage {
   			margin-left: 10px;
   		}
		.check_img_left {
			width: 28px;
    		position: relative;
		    bottom: 2px;
		}
		.check_img_right {
			width: 28px;
    		position: relative;
		    bottom: 2px;
		}
		#balanceAmountMypage {
			text-align: center;
			display: flex;
			justify-content: center;
		}
	/* コインバック */
	.mypageCoinbackBox {
		margin: 0 auto;
	    display: table;
	    border-collapse: separate;
	    border-spacing: 6px 3px;
	}
	#coinbackContent {
		display: flex;
	}
	.coinbackInProgressFlgTrue {
		background-color: #F47236;
	    color: white;
	    padding: 6px 11px 6px 8px;
	    width: 267px;
	    height: 43px;
	    margin: 11px auto 0px;
	    border-radius: 5px;
	    text-align: center;
	}
	.coinbackInProgressFlgFalse {
		background-color: #9C9C9C;
	    color: white;
	    padding: 6px 11px 6px 8px;
	    width: 267px;
	    height: 43px;
	    margin: 11px auto 0px;
	    border-radius: 5px;
	    text-align: center;
	}
	.coinbackCampaignContentTitle {
		line-height: 16px;
		white-space: nowrap;
		font-weight: normal;
		width: 75px;
	 }
	.coinbackAddCoinContent {
		display: flex;
    	margin-top: 1px;
	}
	.coinbackAddCoin {
		display: flex;
	}
	.coinbackAddCoinLeftTrue {
	    border: 1px solid #f4a460;
	    padding: 2%;
	    margin-left: 8px;
	    border-top-left-radius: 5px;
	    -webkit-border-top-left-radius: 5px;
	    -moz-border-radius-topleft: 5px;
	    border-bottom-left-radius: 5px;
	    -webkit-border-bottom-left-radius: 5px;
	    -moz-border-radius-bottomleft: 5px;
	    border-top-right-radius: 0px;
	    -webkit-border-top-right-radius: 0px;
	    -moz-border-radius-topright: 0px;
	    border-bottom-right-radius: 0px;
	    -webkit-border-bottom-right-radius: 0px;
	    -moz-border-radius-bottomright: 0px;
	    display: inline-block;
	    height: 30px;
	    width: 65px;
	    position: relative;
	    line-height: 22px;
	    font-weight: bold;
 	}
 	.coinbackAddCoinLeftFalse {
	    border: 1px solid #B9B9B9;
	    padding: 2%;
	    margin-left: 8px;
	    border-top-left-radius: 5px;
	    -webkit-border-top-left-radius: 5px;
	    -moz-border-radius-topleft: 5px;
	    border-bottom-left-radius: 5px;
	    -webkit-border-bottom-left-radius: 5px;
	    -moz-border-radius-bottomleft: 5px;
	    border-top-right-radius: 0px;
	    -webkit-border-top-right-radius: 0px;
	    -moz-border-radius-topright: 0px;
	    border-bottom-right-radius: 0px;
	    -webkit-border-bottom-right-radius: 0px;
	    -moz-border-radius-bottomright: 0px;
	    display: inline-block;
	    height: 30px;
	    width: 65px;
	    position: relative;
	    line-height: 22px;
  	}
  	.coinbackAddCoinRightTrue {
  		background-color: #d45605;
	    border: 1px solid #f4a460;
	    padding: 2%;
	    border-top-left-radius: 0px;
	    -webkit-border-top-left-radius: 0px;
	    -moz-border-radius-topleft: 0px;
	    border-bottom-left-radius: 0px;
	    -webkit-border-bottom-left-radius: 0px;
	    -moz-border-radius-bottomleft: 0px;
	    border-top-right-radius: 5px;
	    -webkit-border-top-right-radius: 5px;
	    -moz-border-radius-topright: 5px;
	    border-bottom-right-radius: 5px;
	    -webkit-border-bottom-right-radius: 5px;
	    -moz-border-radius-bottomright: 5px;
	    display: inline-block;
	    height: 30px;
	    width: 100px;
	    margin-left: -1px;
	    line-height: 22px;
	    font-size: 12px;
	    font-weight: bold;
  	}
  	.coinbackAddCoinRightFalse {
	    border: 1px solid #B9B9B9;
	    padding: 2%;
	    border-top-left-radius: 0px;
	    -webkit-border-top-left-radius: 0px;
	    -moz-border-radius-topleft: 0px;
	    border-bottom-left-radius: 0px;
	    -webkit-border-bottom-left-radius: 0px;
	    -moz-border-radius-bottomleft: 0px;
	    border-top-right-radius: 5px;
	    -webkit-border-top-right-radius: 5px;
	    -moz-border-radius-topright: 5px;
	    border-bottom-right-radius: 5px;
	    -webkit-border-bottom-right-radius: 5px;
	    -moz-border-radius-bottomright: 5px;
	    display: inline-block;
	    height: 30px;
	    width: 100px;
	    margin-left: -1px;
	    line-height: 22px;
	    font-size: 12px;
   	}
   	.coinbackAddCoin {
   		transform: scale(1, 1.2);
    	display: inline-block;
   	}
   	#isCoinbackHasGame {
   		text-align: center;
	    justify-content: center;
	    font-size: 12px;
	    margin-top: 2px;
   	}
   	.coinbackIsEnd {
   		text-align: center!important;
		font-size: 11px!important;
		color: rgb(136,136,136)!important;
		margin-top: 5px!important;
   	}
   	.coinbackGameName {
   		color: #0587e8;
   	}
   	#isCoinbackMaxLimit {
   		font-size: 9px;
   		text-align: center;
   	}
   	.coinbackCouponAttention {
   		font-size: 9px;
	    text-align: center;
	    color: #B02318;
   	}
   	.coinbackUseMoney {
   		color: #0587e8;
   		transform: scale(1, 1.2);
    	display: inline-block;
   	}
   	.coinbackCoinText {
   		color: #0587e8;
   	}
   	#isCoinbackInProgressBottom {
   		position: relative;
    	top: -2px;
   	}
   	#isCoinbackMinUseLimit {
   		font-size: 9px;
    	text-align: center;
   	}
/*=================================================================================
	サポートチケット(お問い合わせ対象選択,ゲーム選択,ヤマダゲームについて)
===============================================================================*/
.question_content {
	margin-left: 15px;
}
.choose_inqury_target {
	text-align: center;
}
.input_divide {
	display: flex;
	justify-content: center;
}
.info_divide_game {
    margin-right: 10px;
    width: 135px;
    vertical-align: middle;
}
.info_divide_game_action {
    margin: 0px 10px 0px 30px;
    width: 135px;
    background-color: #E0EBF6;
    vertical-align: middle;
}
.info_divide_info {
    width: 135px;
    vertical-align: middle;
}
.info_divide_info_action {
    width: 135px;
    background-color: #E0EBF6;
}
.info_divide_text {
	color: black;
}
.btn_inactive {
	display: block;
    margin: 20px 20px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: linear-gradient(top, #fff, #e9e9e9);
    background: -moz-linear-gradient(top, #fff, #e9e9e9);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9e9e9));
    filter: grayscale(1);
    color: #3ea4f3;
    text-decoration: none;
}
.btn_inactive a b {
    background: url(/common/images/icn_arrow_blue_02.png) no-repeat right center;
    background-size: 15px 15px;
    padding-right: 26px;
}
.btn_inactive a b {
    font-weight: normal;
    color: #3ea4f3;
}
.hasGameContent {
	display: table;
	margin: 0 auto;
}
.support_submitBox {
	display: table-cell;
    padding-left: 18px;
}
.game_select_form_content {
	margin-top: 19px;
}
.game_select_title {
	text-align: center;
	margin: 17px;
}
.game_select_mygame {
	margin-left: 23px;
}
.game_select_list {
	margin-left: 23px;
    position: relative;
    top: 12px;
}
.guide_to_mygame_page {
	border: 1px solid #3F60A2;
    border-radius: 5px;
    background-color: #4E72BF;
    color: white;
    font-size: 13px;
    margin: 19px auto;
    width: 281px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}
.guide_to_help_page {
	border: 1px solid #3F60A2;
    border-radius: 5px;
    background-color: #4E72BF;
    color: white;
    font-size: 13px;
    margin: 19px auto;
    width: 281px;
    padding: 5px;
    font-weight: bold;
}
.guide_to_help_page a {
	color: white;
    border-bottom: 1px solid white;
}
ul.support-blue-border-button-list {
	display: table;
	text-align: center;
	width: 100%;
	border-collapse: separate;
	border-spacing: 7px 0;
	table-layout: fixed;
}
ul.support-blue-border-button-list li{
	display: table-cell;
	border: solid 1px;
	border-color: #002060;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
ul.support-blue-border-button-list li:first-child a{
	display: block;
	width: 100%;
	height: 100%;
	color: #303030;
	padding: 10px 0;
	line-height: 2.5em;
}
ul.support-blue-border-button-list li:last-child a{
	display: block;
	width: 100%;
	height: 100%;
	color: #303030;
	padding: 10px 0;
}

/*=================================================================================
	広告タグ
===============================================================================*/
#advertise {
	padding: 6px 0;
}

.round-img {
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 13%;
	-moz-border-radius: 13%;
	border-radius: 13%;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
}
}

/*=================================================================================
	トップページ 表示改善
===============================================================================*/
.loadingHideImg {
	opacity: 0;
}

/*=================================================================================
	トップページ ゲームジャンル検索
===============================================================================*/
#genre ul li { background: url(/common/images/bg_list.png) repeat-x left bottom; background-size: 25px 40px; }
#genre ul li a { display: block; min-height: 32px; position: relative; padding: 0 26px 0 6px; background: url(/common/images/icn_arrow_blue.png) no-repeat right center; background-size: 32px 15px; color: #3ea4f3; line-height: 40px; text-decoration: none; }
#genre ul li a img { vertical-align: middle; margin-right: 20px; }


h2.subtitle.others { height: 40px !important; line-height: 40px !important; background: #953735; background-size: 50px 80px; color: #fff; padding-left: 45px; text-shadow: -1px -1px 0px #999; vertical-align: middle; position: relative;}
h2.subtitle.others.noIcon { padding-left: 11px; }

h2.subtitle.myCodeDisp {
	display: table; width: 100%; padding-right: 10px;
}
h2.subtitle.myCodeDisp .title {
	display: table-cell;
}
h2.subtitle.myCodeDisp .title.myCode {
	text-align: right;
}

#contents .box.others { background:#953735left top; background-size: 750px 100px; padding-bottom: 10px; }
#contents .box.others h2 { height: 50px; line-height: 50px; text-align: left; border-top: 1px solid #953735; padding-left: 11px; text-shadow: -1px -1px 0px #999; color: #fff; vertical-align: middle; }
#contents .box.others.bottom {margin-bottom: 10px;}

/*=================================================================================
	トップページ 定期購入
===============================================================================*/
.mypage_monthlyCampaign_box_top {
    margin-top: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.monthlyCampaignFlgTrueTop {
    background-color: #F47236;
    color: white;
    padding: 7px 11px 7px 8px;
    width: 267px;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
    font-weight:bold;
}
.shadow .article-bottom-monthly-campaign {
    padding: 7px 0;
}
.article-bottom-monthly-campaign {
	padding: 5px 0;
}
#balanceAmount {
	text-align: center;
	font-weight:bold;
	display: flex;
	justify-content: center;
}
.ato {
	color: #717d7e;
}
.balanceAmountResult {
	color: #0587e8;
}
.bonusCoinLeft {
	color: #717d7e;
}
.bonusCoin {
	color: #717d7e;
}
.bonusCoinRight {
	color: #717d7e;
}

/*=================================================================================
	トップページ ラインナップ表示変更 もっと見るボタン
===============================================================================*/
.moreBtnBox {
	margin-bottom: 12px;
	text-align: center;
}
article.moreBtn {
	text-align: center;
}

	.moreBtn a {
		display: inline-block;
		margin: 12px 17px;
		height: 47px;
		width: 250px;
		line-height: 47px;
		text-align: center;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		background: linear-gradient(top, #ff9100, #ff7400);
		background: -moz-linear-gradient(top, #ff9100, #ff7400);
		background: -webkit-gradient(linear, left top, left bottom, from(#ff9100), to(#ff7400));
		color: #fff !important;
		text-decoration: none;
		font-size: 11pt;
	}
		.moreBtn a span {
			background: url(/common/images/icn_arrow_more.png) no-repeat left center;
			background-size: 26px 15px;
			padding-left: 34px;
		}

/*=================================================================================
	トップページ 特別セールページリンク
===============================================================================*/
#specialSaleLink {
	position: fixed;
	right: 0;
	bottom: 45px;
	z-index: 99;
}
	#specialSaleLink .denchanImg {
		height: 65px;
		width: 73px;
	}

/*=================================================================================
	トップページ お知らせヘッドライン
===============================================================================*/
.headlineInformationArea {
	background-color: #F2F2F2;
	font-size:13px;
}
	.headlineInformationArea .headlineInformation{
		width :100%;
		text-align: center;
		line-height: 18px;
		padding: 3px 0px;
	}
		.headlineInformationArea .headlineInformation img{
			margin: 0px 0px 3px 0px;
		}
		.headlineInformationArea .headlineInformation .headlineInformationLink{
			font-weight: bold;
			color : #009de6;
		}

/*=================================================================================
	ゲームコイン特別セールページ
===============================================================================*/
.special-sale-priod-timer {
	color: #C50A0A;
	text-align: center;
	font-family:Helvetica;
	background-color: #F8CBAD;
	padding: 5px 0px 5px 0;
}
.special-sale-sps-item-wrapper {
	background-color: #FFF2CC;
	padding: 10px;
	border-radius: 10px;
}
	.special-sale-sps-item-wrapper .text {
		text-align: center;
		font-size: 12px;
		padding-bottom: 10px;
	}
	.special-sale-sps-item-wrapper .bold {
		font-weight: bold;
	}
	.special-sale-form{
		margin-top: 20px;
	}
	.buyCoin_priceImageBox.special-sale{
		position: relative;
	}
		.special_sale_badge{
			background-color: #C90F0F;
			color: #FFF;
			position: absolute;
			top: -5px;
			left: -5px;
			padding: 0 5px 0 5px;
			border-radius: 3px;
		}
	.special-sale-sps-item-wrapper .description {
		padding-top: 5px;
		font-size: 10px;
	}
	.special-sale-sps-item-wrapper .ygm-discription .conveni_logo {
		float: left;
		width: 20px;
	}
	.special-sale-sps-item-wrapper .ygm-discription .link-ygm-discription {
		margin-right:20px;
		float:right;
		font-size: 10px;
		border-bottom: thin solid;
	}
	.ygm-discription:before,
	.ygm-discription:after {
		content: "";
		display: table;
	}
	.ygm-discription:after {
		clear: both;
	}
.special-sale-link-btn {
	display: inline-block;
	margin: 12px 17px;
	height: 47px;
	width: 250px;
	line-height: 47px;
	text-align: center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: linear-gradient(top, #84E248, #306C0C);
	background: -moz-linear-gradient(top, #84E248, #306C0C);
	background: -webkit-gradient(linear, left top, left bottom, from(#84E248), to(#306C0C));
	color: #fff !important;
	text-decoration: none;
	font-size: 11pt;
}
/*=================================================================================
	3周年キャンペーン 景品一覧ページ
===============================================================================*/
#prize_list .red_label{
	background-color: #FF3300;
	color: white;
	margin-top: 10px;
	text-align: center;
	padding: 3px 0px;
	font-weight: bolder;
}
#prize_list .red_label_short{
	background-color: #FF3300;
	color: white;
	width: 95%;
	margin: 0 auto;
	text-align: center;
	padding: 3px 0px;
	font-weight: bolder;
}
#prize_list .gray_label{
	background-color: #7F7F7F;
	color: white;
	margin-top: 10px;
	text-align: center;
	padding: 3px 0px;
	font-weight: bolder;
}
#prize_list .subTitle{
background: #ff7f50 none repeat scroll 0 0 / 50px 80px;
color: #fff;
height: 40px !important;
line-height: 40px !important;
position: relative;
text-shadow: -1px -1px 0 #999;
vertical-align: middle;
text-align: center;
}

#prize_list ul li {
display: block;
min-height: 72px;
padding: 13px 54px 13px 94px;
position: relative;
margin-bottom: 15px;
}

#prize_list ul li .img {
display: block;
left: 10px;
position: absolute;
top: 10px;
}

#prize_list ul li p {
color: #dc143c;
}

#prize_list h3 {
color: #104d84;
font-weight: bold;
margin-bottom: 5px;
padding: 0;
}

/*=================================================================================
	スタンプラリー
===============================================================================*/

#stamp_rally .top_message {
	margin-top: 5px;
	text-align: center;
}
	#stamp_rally .top_message .red_font {
		color: red;
	}
	#stamp_rally .underLineLink {
			color: black;
			text-decoration: underline;
		}

	#stamp_rally .underLineLink_gray {
			color: gray;
			text-decoration: underline;
		}

#stamp_rally .target_date{
	margin-top: 10px;
	padding: 5px 0px;
	text-align: center;
	background-color: #595959;
	color: #FFFFFF;
	font-weight: bold;
}
#stamp_rally h2 a{
	background-color: #FFD966;
	border-radius: 6px;
	color: #000000;
	font-weight: normal;
	text-shadow: none;
	display: inline-block;
	height: 35px;
	vertical-align: middle;
	padding: 0 18px;
	position: absolute;
	right: 2%;
	top: 7%;
}
#stamp_rally.calendar_sheet .target_date{
	color: #000000;
	text-align: left;
	padding-left: 7%;
	background-color: #FFFFFF;
	font-weight: normal;
}
	#stamp_rally .target_date.today{
		background-color: #C00000;
	}
#stamp_rally.calendar_sheet .achievement_sheet_number{
	text-align: center;
	margin-bottom: 5px;
}
#stamp_rally #update_info{
	text-align: center;
}
#stamp_rally #update_info .red_font{
	color: red;
}
#stamp_rally .annunciator {
	text-align: center;
	padding-top: 20px;
}
#stamp_rally #hasStampSheet{
	background-color: #D9D9D9;
	padding: 15px 0;
}
	#stamp_rally #hasStampSheet.today{
		background-color: #FAE699;
	}
		#stamp_rally #hasStampSheet.today .red_font{
			color: red;
		}
		#stamp_rally .purple_font{
			color: purple;
		}
		#stamp_rally #hasStampSheet.today .gray_font{
			color: gray;
		}
		#stamp_rally #hasStampSheet .today_sheet_info{
			text-align: center;
			font-weight: bold;
			margin-bottom: 15px;
		}
		#stamp_rally #hasStampSheet .today_sheet_attention{
			margin: 0 auto;
			width: 272px;
			margin-top: 15px;
		}
#stamp_rally table.lattice {
	width: 272px;
	border: solid 2px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
	#stamp_rally table.lattice tr {
		border: solid 2px;
		height: 90px;
	}
	#stamp_rally table.lattice tr.today {
		border: solid 2px;
		height: 100px;
	}
	#stamp_rally.calendar_sheet table.lattice tr {
		height: 60px;
	}
		#stamp_rally table.lattice tr td {
			border: solid 2px;
			text-align: center;
			vertical-align: middle;
		}
		#stamp_rally #hasStampSheet.today table.lattice tr td {
			padding-top: 8px;
			padding-bottom: 3px;
		}
		#stamp_rally.calendar_sheet table.lattice tr td{
			vertical-align: top;
		}
		#stamp_rally.calendar_sheet table.lattice tr td.empty_cell{
			border-right-color: #FFFFFF;
			border-bottom-color: #FFFFFF;
			background-color: #FFFFFF;
		}
		#stamp_rally table.lattice tr td.empty_cell{
			border-right-color: #D9D9D9;
			border-bottom-color: #D9D9D9;
			background-color: #D9D9D9;
		}
		#stamp_rally table.lattice tr td.today{
			background-color: #F66A6A;
		}
		#stamp_rally table.lattice tr.today td.empty_cell{
			border-right-color: #FAE699;
			border-bottom-color: #FAE699;
			background-color: #FAE699;
		}
			#stamp_rally table.lattice tr td a{
			position: relative;
			color: #000000;
			}
			#stamp_rally table.lattice tr td .finished:before{
				content: "";
				position: absolute;
				top: -41px;
				left: -20px;
				display: block;
				width: 70px;
				height: 70px;
				background: transparent url("/images/stamp_rally/rallystamp.png") no-repeat scroll 0% 0%;
				background-size: 70px 70px;
				}
					#stamp_rally table.lattice tr td a img{
						width: 70px;
						height: 70px;
					}
					#stamp_rally.calendar_sheet table.lattice tr td a img{
						width: 35px;
						height: 28px;
					}
	#stamp_rally .form_btn {
		margin: 10px 0px 5px 0px;
		text-align: center;
	}

.stampRallyMissionPopUp {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 200px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
#stamp_rally .show {
	z-index: 10;
	height: auto;
	opacity: 1;
}
	#stamp_rally .mission_info_box {
		width: 300px;
		margin: 0 auto;
		font-weight: bold;
		overflow: hidden;
		border: 1px solid;
		border-radius: 8px;
		border-color: #000000;
		background-color: #FFFFFF;
	}
		#stamp_rally .mission_bar {
			background-color: #C00000;
			color: #FFFFFF;
			border-radius: 5px 5px 0px 0px;
			padding: 3px;
			text-align: center;
		}
		#stamp_rally .mission_info {
			display: table;
			width: 300px;
			margin: 10px 0px 5px;
			padding: 0px 5px;
			font-size: 14px;
			line-height: 1.2;
		}
			#stamp_rally .mission_info .item .game_icon {
				display: table-cell;
				width: 100px;
				padding: 0px 5px;
			}
				#stamp_rally .mission_info .item .game_icon img {
					width: 90px;
					height: 90px;
				}
			#stamp_rally .mission_info .item .game_data {
				display: table-cell;
				width: 200px;
				vertical-align: top;
				padding: 10px 0px 0px 10px;
			}
				#stamp_rally .mission_info .item .game_data .start_time {
					font-size: 13px;
				}
				#stamp_rally .mission_info .item .game_data .title {
					font-size: 14px;
					color: #4472C4;
				}
				#stamp_rally .mission_info .item .game_data .mission_title {
					font-size: 14px;
				}
		#stamp_rally .mission_detail {
			margin: 10px 10px 0px;
			text-align: center;
		}
			#stamp_rally .mission_detail .stamp_timing_title {
				color: #662199;
				font-size: 14px;
			}
			#stamp_rally .mission_detail .stamp_timing_detail {
				font-size: 14px;
			}
		#stamp_rally .game_btn_box {
			margin: 10px 0px;
			text-align: center;
		}
			#stamp_rally .game_btn {
				display: inline-block;
				overflow: hidden;
				margin: 10px 0 auto;
				border-color: #BC8B00;
				width: 60%;
			}
				#stamp_rally .game_btn a {
					position: relative;
					display: table;
					width: 100%;
					padding: 10px 10px 10px 0px;
					overflow: hidden;
					color: #663300;
					background: #ffbc00;
					border: 1px solid;
					border-radius: 5px;
					text-align: center;
				}

	.stamp_rally_titlebar_block .stamp_rally_titlebar_st {
		display: table-cell;
		width: 70%;
	}
	.stamp_rally_titlebar_block .stamp_rally_titlebar_st_for_pc {
		display: table-cell;
		width: 542px;
	}
		.stamp_rally_titlebar_block h2 {
			height: 40px;
			line-height: 40px;
			color: #fff;
			text-shadow: -1px -1px 0px #999;
			vertical-align: middle;
		}
	.stamp_rally_titlebar_block .stamp_rally_titlebar_btn {
		display: table-cell;
		width: 30%;
		text-align: right;
	}
	.stamp_rally_titlebar_block .stamp_rally_titlebar_btn_for_pc {
		display: table-cell;
		width: auto;
		text-align: start;
	}
		.discription_btn {
			background-color: #FFD966;
			border-radius: 6px;
			color: #000000;
			font-weight: normal;
			text-shadow: none;
			padding: 8px 18px;
		}

/*=================================================================================
	運動会
===============================================================================*/
#athletic .pale_green_back_ground_color {
	background-color: #92D050;
}
#athletic .deep_gray_back_ground_color {
	background-color: #595959;
}
#athletic .green_back_ground {
	background-color: #27AE60;
}
#athletic .yellow_back_ground_color {
	background-color: #FFC000;
}
#athletic .ocher_back_ground_color {
	background-color: #857619;
}
#athletic .deep_blue_back_ground_color {
	background-color: #203864;
}
#athletic .blue-font {
	color: #002060;
}
#athletic .bright-blue-link-font {
	color: #00C9FF;
}
#athletic .red-font {
	color: red;
}
#athletic .purple-font {
	color: #7030A0;
}
#athletic .white-font {
	color: white;
}
#athletic .black-font {
	color: #303030;
}
#athletic .gray-font {
	color: #808080;
}
#athletic .pale-green-font {
	color: #83A46C;
}
#athletic .green-font {
	color: #385723;
}
#athletic .small-font {
	font-size: smaller;
}
#athletic .large-bold-font {
	font-size: larger;
	font-weight: bolder;
}
#athletic .under-line-link {
	text-decoration: underline;
}
#athletic .red-border {
	border: solid thin;
	border-color: red;
}

#athletic .stamp_rally_titlebar_block {
	background-color: #04347A;
}

#athletic .subtitle {
	margin-top: 10px;
	padding: 5px 0px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}

#athletic .topic {
	text-align: center;
}
#athletic ul.team-list {
	padding: 5% 8% 10% 8%;
}
	#athletic ul.team-list li.team {
		-webkit-border-radius: 18%;
		-moz-border-radius: 18%;
		border-radius: 18%;
		vertical-align: middle;
		position: relative;
	}
		#athletic ul.two-blocks-inLine li.team a {
			display: block;
			width: 100%;
			height: 100%;
			font-size: large;
			color : #303030;
		}
#athletic .team-select {
	text-align: center;
	padding: 2% 0;
}
#athletic .info {
	text-align: center;
	padding-top: 1%;
}

#athletic .point-attention {
	text-align: center;
	padding-top: 3%;
}

#athletic .team-point-attention {
	text-align: center;
	padding-top: 0%;
}
#athletic .info.team-select-page {
	padding: 3% 0;
}
#athletic .team_image {
	width: 100px;
}
#athletic .point-info {
	background: url(/images/athletic/icons/athletic_bg.png);
	background-position: center 0px;
	background-repeat: no-repeat;
	padding-top: 12%;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	margin-bottom: 10px;
}
	#athletic .point-info ul.team-list{
		padding: 0% 5%;
	}
		#athletic .point-info ul.team-list .your-team {
			background-color: black;
			margin: 1% 30% 0%;
			font-size: smaller;
		}
		#athletic .point-info ul.team-list li.team {
			width: 49%;
			margin-bottom: 2%;
			color: white;
			border-color: transparent;
			background-color: transparent;
		}
		#athletic .point-info ul.team-list li.team:nth-child(2n-1).center {
			float: none;
			margin: 0px auto 2%;
		}
		#athletic .point-info ul.team-list li.team .ratio-box{
			-webkit-border-radius: 5%/17%;
			-moz-border-radius: 5%/17%;
			border-radius: 5%/17%;
		}
			#athletic .point-info ul.team-list:nth-child(1) li.team:nth-child(1) .ratio-box{
				background-color: #FF1515;
			}
			#athletic .point-info ul.team-list:nth-child(1) li.team:nth-child(2) .ratio-box{
				background-color: #0095F0;
			}
			#athletic .point-info ul.team-list:nth-child(2) li.team:nth-child(1) .ratio-box{
				background-color: #70AD47;
			}
			#athletic .point-info ul.team-list:nth-child(2) li.team:nth-child(2) .ratio-box{
				background-color: #7030A0;
			}
			#athletic .point-info ul.team-list li.team:nth-child(2n) {
				margin-left: 2%;
			}
			#athletic .point-info ul.team-list li.team:nth-child(2n-1) {
				margin-right: 0%;
			}
				#athletic .point-info ul.team-list li.team .inner .team-name {
					display: block;
					padding-left: 10px;
					position: absolute;
					top: 3%;
					left: 1.5%;
					width: 97%;
					height: 44%;
				}
					#athletic .point-info ul.team-list li.team .inner .team-name .in-text {
						position: absolute;
						left: 4%;
						top: 50%;
						-webkit-transform: translate(0%, -50%);
						-ms-transform: translate(0%, -50%);
						transform: translate(0%, -50%);
						display: block;
					}
				#athletic .point-info ul.team-list li.team .inner .team-point {
					display: block;
					border-radius: 3% / 15%;
					-webkit-border-radius: 3% / 15%;
					-moz-border-radius: 3% / 15%;
					position: absolute;
					top: 47%;
					left: 3%;
					width: 94%;
					height: 47%;
				}
					#athletic .point-info ul.team-list:nth-child(1) li.team:nth-child(1) .inner .team-point {
						background-color: #861111;
					}
					#athletic .point-info ul.team-list:nth-child(1) li.team:nth-child(2) .inner .team-point {
						background-color: #07517F;
					}
					#athletic .point-info ul.team-list:nth-child(2) li.team:nth-child(1) .inner .team-point {
						background-color: #3F5D2A;
					}
					#athletic .point-info ul.team-list:nth-child(2) li.team:nth-child(2) .inner .team-point {
						background-color: #3F1F57;
					}
					#athletic .point-info ul.team-list li.team .inner .team-point .in-text {
						position: absolute;
						right: 7%;
						top: 50%;
						-webkit-transform: translate(0%, -50%);
						-ms-transform: translate(0%, -50%);
						transform: translate(0%, -50%);
						display: block;
					}
	#athletic .point-info .your-total-point {
		text-align: center;
		background-color: rgba(0, 0, 0, 0.4);
		font-weight: bolder;
	}
#stamp_rally .mission_bar.athletic {
	background-color: #002060;
}

#athletic .attention {
	padding-top: 5%;
}
#athletic .user-ranking-info {
	text-align: center;
	padding: 8px 0;
}
#athletic .team-tab-list {
	margin : 0 auto 6px;
	width:90%;
}
#athletic .team-tab a{
	padding: 5px 0;
	color: #002060;
}
#athletic .team-tab.active a{
	color: #ffffff;
}

#athletic .ranking-wrapper {
	margin: 0 auto;
	margin-bottom: 4px;
	background-color: #ffffff;
	width: 95%;
	padding: 1% 0;

}
#athletic .ranking-wrapper .not-has-ranking-list{
	text-align: center;
	padding: 20px 0;
}
#athletic .ranking-wrapper .ranking {
	margin: 0 auto;
	width: 97%;
	border: solid 2px;
	border-color: #002060;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}
#athletic .ranking-wrapper .ranking table {
	width :100%;
}
	#athletic .ranking-wrapper .ranking .crown-image {
		position: relative;
		display: inline-block;
	}
	#athletic .ranking-wrapper .ranking .crown-image:before {
		content: "";
		position: absolute;
		top: -4px;
		right: -48px;
		display: block;
		width: 38px;
		height: 19px;
		background-size: 38px 19px;
	}
	#athletic .ranking-wrapper .ranking .child:nth-child(1) .crown-image:before {
		background-image: url(../img/top_icons/icon_crown_1.png);
		background-repeat: no-repeat;

	}
	#athletic .ranking-wrapper .ranking .child:nth-child(2) .crown-image:before {
		background-image: url(../img/top_icons/icon_crown_2.png);
		background-repeat: no-repeat;
	}
	#athletic .ranking-wrapper .ranking .child:nth-child(3) .crown-image:before {
		background-image: url(../img/top_icons/icon_crown_3.png);
		background-repeat: no-repeat;
	}
#athletic .ranking-wrapper .ranking table td.get-point{
	text-align: right;
}

#athletic .ranking-wrapper .ranking li.child {
	padding: 10px;
}
#athletic .ranking-wrapper .ranking li.child:nth-child(2n-1) {
	background: #D9D9D9;
}
#athletic .pager {
	text-align: center;
	background-color: #ffffff;
	padding: 4px 0;
	margin-bottom: 15px;
}
#athletic .mission-list{
	margin-bottom: 10px;
}
#athletic .calendar_sheet .rank {
	padding-top: 5px;
}
#athletic .item-lengthwise {
	width: 100%;

}
#athletic .item-lengthwise:after {
		content: "";
		clear: both;
		display: block;
}
	#athletic .item-lengthwise .item {
		width: 100%;
		margin: 7px 0 0 0;
		background-color: white;
		box-shadow: 0px 3px 4px 1px #9E9E9E;
		border-radius: 11px;
		-webkit-border-radius: 11px;
		-moz-border-radius: 11px;
		overflow: hidden;
	}
		#athletic .item-lengthwise .item .figure {
			padding: 0;
		}
		#athletic .item-lengthwise .item .for-arrow {
			align-items: center;
			display: flex;
		}
		#athletic .item-lengthwise .item .figure img{
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow:none;
		}
		#athletic .item-lengthwise .item .data {
			padding: 7px 0px 0px 10px;
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			display: -webkit-flex;
			-webkit-flex-direction: column;
			-webkit-justify-content: space-between;
		}
			#athletic .item-lengthwise .item .data span {
				display: block;
			}
			#athletic .item-lengthwise .item .data span.now-point-in-mission {
				overflow: hidden;
				padding-top: 27px;
			}
			#athletic .item-lengthwise .item .data span.game-name {
				font-size: x-small;
			}
			#athletic .item-lengthwise .item .data span.now-point-in-mission span {
				float: right;
			}
			#athletic .item-lengthwise .item .data span.now-point-in-mission span span.user-total-mission-point{
				display: inline;
				padding-left: 10px;
			}
			#athletic .item-lengthwise .item .data span.now-point-in-mission span.point-text{
				display: inline;
				padding-right: 10px;
			}
#athletic .update-btn {
	margin: 15px 0 13px 0;
	text-align: center;
}
#athletic .update-btn a{
	border: solid 1px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 5px 23px;
	border-color: #7F7F7F;
}
#athletic .mission-attention {
	padding: 7px 0;
	box-shadow: 0px 3px 4px 1px #9E9E9E;
	-webkit-box-shadow: 0px 3px 4px 1px #9E9E9E;
	-moz-box-shadow: 0px 3px 4px 1px #9E9E9E;
}
#athletic .mission-attention div{
	padding: 4px 10px;
}
.athletic.point_rule {
	padding-bottom: 4px;
}
#athletic .ranking-history-button{
	padding-bottom: 18px;
}
#athletic .heading-space {
	margin-top: 2%;
}

#athletic .holding-dates-out-block{
	padding: 3px;
	background-color: #ffffff;
	border-radius: 5px;
	margin-left: 8%;
	margin-right: 8%;
	margin-top: 12px;
	margin-bottom: 17px;
	box-shadow: 0px 0px 3px 2px #837a7a;
	text-align: center;
}

#athletic .holding-dates-in-block{

	padding: 10px;
	border-radius: 5px;
	background-color: #595959;

}

#athletic .team-select-head{
	text-align:center;
	color:#ED7D31;
	font-weight: bold;
	font-size:15px;
	padding-top:2%;
	padding-bottom:2%;
}

#athletic .team-img-sequence{

	text-align:center;

}

#athletic .attention-space{
	padding-top: 1%;
	padding-bottom: 1%;
}

#athletic .team-icon{
	width: 100%;
}
#athletic .result-point-space{
	margin-bottom: 10%;
}
#athletic .result-point-font{
	font-size: 20px;
}
#athletic ul.team-list.result {
		padding: 12% 8% 1% 8%;
		text-align: center;
}
	#athletic ul.team-list.result li.team {
			border: none;
			float: none;
			display: inline-block;
			width: 45%
	}
		#athletic ul.team-list.result li.team .winner-image {
			position: absolute;
			width: 42%;
			top: -30%;
			left: 30%;
		}
		ul.two-blocks-inLine.team-list.result li.team:nth-child(2n+1) {
			margin-right: 0%;
		}
		ul.two-blocks-inLine.team-list.result li.team:nth-child(2n) {
			margin-left: 10%;
		}
#athletic .mission_blank_top {
	padding-top: 6px;
}
#athletic .arrow {
	width: 20px;
	height: 20px;
}
#athletic .mission_png_box {
	margin-right: 6px;
margin-top: 6px;
text-align: right;
}
#athletic .mission_png_box img {
	width: 102px;
}
#athletic .mission_padding_bottom {
	padding-bottom: 10px;
}
.bonus-coin-content {
	text-align: center;
    border: 1px solid #BCBCBC;
    margin: 10px 11px;
    padding: 5px 0;
}
.add-bonus-coin-top-nonacitive {
	border: 1px solid #747474;
    border-radius: 10px;
    background-color: #747474;
    color: white;
    font-weight: bold;
    width: 259px;
    margin: 0 auto 8px;
    font-size: smaller;
}
.add-bonus-coin-top-acitive {
	border: 1px solid #F16D34;
    border-radius: 10px;
    background-color: #F16D34;
    color: white;
    font-weight: bold;
    width: 259px;
    margin: 0 auto 8px;
    font-size: smaller;
}
.add-bonus-coin-bottom {
	display: table;
	margin: 0 auto;
	font-size: smaller;
}
.athletic-check-img-content {
	display: table-cell;
}
.athletic-check-img {
	width: 30px;
	margin-right: 3px;
}
.add-bonus-coin-bottom-left {
	display: flex;
	margin-right: 12px;
	font-weight: bold;
}
.add-bonus-coin-bottom-right-nonactive {
	display: table-cell;
	border: solid 1px #214B81;
    border-radius: 5px;
    width: 72px;
    padding: 3px;
    background-color: #B7B7B7;
    font-weight: bold;
}
.add-bonus-coin-bottom-right-active {
	display: table-cell;
	border: solid 1px #214B81;
    border-radius: 5px;
    width: 72px;
    padding: 3px;
    background-color: #FFB42F;
    color: black;
    font-weight: bold;
}

/*=================================================================================
	初心者向けプラットフォームガチャ
===============================================================================*/

#begineer_pf_gacha .hit_point {
	color: #FFFFFF;
	font-size:large;
	font-weight: bold;
	}

#begineer_pf_gacha .mission_head{
	margin-top: 15px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	background-color: #656565	;
	color: #FFFFFF;
	text-align: center;
	position: relative;
	z-index: 1;
}
#begineer_pf_gacha .mission_info {
	display: table;
	background-color: #d9d9d9;
	width: 100%;
	margin: 0px 0px 20px;
	padding: 5px 10px;
	font-size: 12px;
	color: #BB0000;
	position: relative;
	z-index: 0;
}
	#begineer_pf_gacha .mission_info #dailyMission {
		margin-bottom: 15px;
	}

	#begineer_pf_gacha .mission_info .achievedMissionComment {
		margin-top:5px;
		color: gray;
		display: none;
	}

	#begineer_pf_gacha .mission_info .item .game_icon {
		float: left;
	}

	#begineer_pf_gacha .mission_info .item .game_icon img {
		width: 70px;
		height: 70px;
		margin: 0;
	}
	#begineer_pf_gacha .mission_info .item .game_data {
		border-radius: 10px;
		background-color: #ffffff;
		width: 100%;
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
	}
	#begineer_pf_gacha .mission_info .mission_data {
		padding: 5px;
		margin-left: 75px;
		text-align: left;
	}
	#begineer_pf_gacha .mission_info .title {
		font-weight: bold;
		text-align: center;
	}

	#begineer_pf_gacha .mission_info .missionTitle {
		color: #006699;
		font-weight: bold;
		text-align: center;
	}

	#begineer_pf_gacha .mission_info .missionNote {
		color: #000000;
	}

	#begineer_pf_gacha .mission_info .item{
		margin-bottom: 5px;
	}

	#begineer_pf_gacha .mission_info .chooseOne{
		font-weight: bold;
		color: #000000;
		margin-bottom: 10px;
		text-align: center;
	}
	#begineer_pf_gacha .oneMoreMessage {
		padding: 5px;
		border-radius: 10px;
		background-color: #BB0000;
		font-weight: bold;
		color: #FFF;
	}

	#begineer_pf_gacha .bookMarkMessage {
		font-weight: bold;
		color: #BB0000;
	}

	a.backText {
		font-weight: bold;
		color: #006699;
		border-bottom: solid 2px #006699;
	}

	#begineer_pf_gacha .pfGachaNotes {
		margin-top: 20px;
	}

.begineerPfGachaPopUp {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 200px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
#begineerPfGachaPopUp .show {
	z-index: 10;
	height: auto;
	opacity: 1;
}
	#begineerPfGachaPopUp .mission_info_box {
		width: 300px;
		margin: 0 auto;
		font-weight: bold;
		overflow: hidden;
		border: 1px solid;
		border-radius: 25px;
		border-color: #000000;
		background-color: #FFFFFF;
	}
		#begineerPfGachaPopUp .mission_bar {
			background-color: #C00000;
			color: #FFFFFF;
			border-radius: 5px 5px 0px 0px;
			padding: 5px;
			text-align: center;
			font-size: 18px;
		}
		#begineerPfGachaPopUp .event_period {
			margin-top: 1px;
			padding: 3px;
			text-align: center;
			background-color: #ad290f;
			color: #ffffff;
			font-weight: bold;
		}

		#begineerPfGachaPopUp .pfGachaTable {
			padding: 10px;
			color: #BB0000;
			width: 100%;
		}

			#begineerPfGachaPopUp .pfGachaTable .prizeLv {
				font-size: 13px;
				font-weight: bold;
				text-align: center;
			}

			#begineerPfGachaPopUp .pfGachaTable .prizeItem {
				color: #555555;
				text-align: center;
				font-weight: bold;
			}

			#begineerPfGachaPopUp .pfGachaTable .prizeNum {
				font-size: 13px;
				color: #555555;
				text-align: center;
			}

.platformLvPopUp {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 200px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
	#platformLvPopUp .show {
		z-index: 15;
		height: auto;
		opacity: 1;
}
	#platformLvPopUp .expInfo {
		width: 300px;
		margin: 0 auto;
		font-weight: bold;
		overflow: hidden;
		border: 1px solid;
		border-radius: 25px;
		border-color: #000000;
		background-color: #FFFFFF;
	}
	#platformLvPopUp .lvUpMessage {
		background-color: #C00000;
		color: #FFFFFF;
		border-radius: 5px 5px 0px 0px;
		padding: 5px;
		text-align: center;
		font-size: 18px;
	}
	#platformLvPopUp .necessaryExpNextLevel {
		margin-top: 1px;
		padding: 3px;
		text-align: center;
		background-color: #ad290f;
		color: #ffffff;
		font-weight: bold;
	}

/*=================================================================================
	会員登録
======================================
=========================================*/

#registration_header {
	padding: 6px 0;
	overflow: hidden;
}
	#registration_header h1 {
		float: left;
		display: block;
		width: 180px;
		height: 0;
		padding: 38px 0 0;
		overflow: hidden;

		line-height: 38px;

		background: url(../img/logo_yamadagame.png) no-repeat;
		background-size: 180px 38px;
	}
#registration .subtitle.noIcon{
	background-color: #77933C;
	height: 22px !important;
	line-height: 22px !important;
	text-shadow: none;
}
#registration .subtitle.noIcon .box_text{
	font-size: 95%;
	font-weight: normal;
	border: solid thin;
	border-radius: 3px;
	margin-right: 5px;
	padding:1px 3px;
}
#registration .navi {
position: relative;
}
	#registration .navi .character {
		position: absolute;
		width: 25%;
		left: 4%;
		top: 5%;
	}
	#registration .navi .comment {
		position: absolute;
		left: 33%;
		top: 20%;
		width: 65%;
		}
		#registration .navi .comment:before {
			content: "";
			display: block;
			padding-top: 33%;
		}
		#registration .navi .comment .inner {
			margin: auto;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
		}
			#registration .navi .comment .inner_text {
				position: absolute;
				display: table;
				top: 20%;
				right: 0;
				left: 0;
				margin: 0 1%;
			}

#registration .img_button {
	width: 100%;
	margin-bottom: 25px;
}
#registration .orange_font {
	color: #FE6300;
}
#registration .gray_box {
	background-color: #D9D9D9;
	color: #858585;
	text-align: center;
	border-radius: 5px;
	border: thin solid;
	padding: 10px 0;
}
	#registration .gray_box .bold_font {
		font-weight: bold;
		margin-bottom: 8px;
		display: inline-block;
	}
	#registration .gray_box .right_link {
		color: #858585;
		text-decoration: underline;
		display: table;
		margin-left: auto;
		padding-right: 18px;
	}
#registration table.input_table {
	margin-bottom: 15px;
	width: 98%;
}
	#registration table.input_table th {
		width: 45%;
	}
	#registration table.input_table tr {
		width: 55%;
	}
	#registration table.input_table th .column {
		padding: 3px 0;
		background-color: #17375E;
		color: white;
		font-weight: bold;
		border-radius: 5px;
		display: inline-block;
		width: 80%;
		vertical-align: middle;
	}
	#registration table.input_table td {
		vertical-align: middle;
	}
		#registration table.input_table td input[type="password"] {
			width:82%;
		}
		#registration table.input_table td input[type="radio"] {
			margin-right: 8px;
		}
		#registration table.input_table td input[type="checkbox"] {
			margin-right: 8px;
		}
		#registration table.input_table td.gender label {
			padding-right: 10px;
		}
		#registration table.input_table td.line_break label {
			display: block;
		}
	#registration table.input_table.done th{
		width: 44%;
	}
	#registration table.input_table.done td{
		width: 56%;
		word-break: break-all;
	}

#registration .blue_box_border_radius{
	border-radius: 20px;
	border: 2px solid #264E7F;
	padding: 5px 0px;
	margin-bottom: 20px;
}
#registration .regist_done_message {
	text-align: center;
	padding: 10px 0;
}
#registration .red_bold {
	color: #CC0000;
	font-weight: bold;
}
.registration_popup{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	padding-top: 50px;
	height: 0px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
	opacity: 0;
	transition: opacity 200ms ease 0s;
}

.registration_popup.show{
	z-index: 10;
	height: auto;
	opacity: 1;
}
	.registration_popup .popup_info_box {
		width: 300px;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		border: 1px solid;
		border-radius: 8px;
		border-color: #000000;
		background-color: #FFFFFF;
	}
	.registration_popup .popup_bar {
			background-color: #5e9cd9;
			color: #FFFFFF;
			border-radius: 5px 5px 0px 0px;
			padding: 3px;
			margin-bottom: 10px;
			text-align: center;
	}
		.registration_popup .popup_bar .close_btn {
			width: 30px;
			position: absolute;
			top: 49px;
			left: 50%;
			margin-left: 120px;
		}
	.registration_popup .popup_detail {
		padding: 5px 12px;
		font-size: 14px;
		line-height: 1.2;
	}
		.registration_popup .popup_detail li{
			margin-top: 10px;
		}
	.registration_popup .back {
		margin: 10%;
		width: 80%;
	}
	.registration_popup .sub_title {
		color: #3ea4f3;
		font-weight: bold;
		margin-top: 10px;
		padding-bottom: 3px;
	}


/*=================================================================================
	ポップアップエリア
===============================================================================*/
#popUp_box {
	display: block;
	position: fixed;
	bottom: 45px;
	align-items: center;
	justify-content: center;
	text-align: right;
	width: 100%;
	z-index: 8;
}

.popup_screen {
	position: fixed;
	top:0;
	left:0;
	width:100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.7);
	display: none;
	z-index: 100;
}

/*=================================================================================
	宝箱チャンス
===============================================================================*/

#treasureChanceDiscovery{
	/* position: fixed;
	left: 50%;
	bottom: 45px;
	z-index: 99;
	margin-left: -133px; */
	width: 265px;
	margin: 0px auto;
}
#treasure_chance {
	text-align: center;
}
	#treasure_chance .subtitle.noIcon{
		text-align: left;
	}
	#treasure_chance .selection_message {
		padding-top: 15px;
	}
	#treasure_chance .red_font {
		color: #CC0000;
	}
	#treasure_chance .purple_font {
		color: #4E00FF;
	}
	#treasure_chance .entry_done {
		padding: 10px 0 0 0;
	}
	#treasure_chance .blue_font {
		color: #0078FF;
	}
	#treasure_chance .red_box {
		background-color: #F8CBAD;
		border-radius: 15px;
		border: thin solid;
		padding: 10px 0;
		margin: 2px 10px 10px 10px;
	}
	#treasure_chance .treasure_and_coin {
		margin-bottom: 12px;
	}
	#treasure_chance .rumor {
		margin-bottom: 12px;
	}
	#treasure_chance .attention {
		text-align: left;
		color: #858585;
	}
	#treasure_chance #treasureImg {
		width: 60%;
	}
	#treasure_chance .judgeMessage {
		padding-bottom:
	}

/*=================================================================================
	ヘルプ
===============================================================================*/
#help .black_label {
	height: 35px !important;
	line-height: 35px !important;
	background-color: #333333;
	color: #ffffff;
	margin-bottom: 1px;
}
	#help .black_label span.hierarchicalStatusMark{
		display: inline-block;
		color: #BFBFBF;
		margin: 3px 3px 3px 6px;
		font-size: 70%;
		line-height: 100%;
	}
		#help .black_label span.hierarchicalStatusMark.rotate {
			-moz-transform: rotate(-90deg);
			-webkit-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
		}

#help .item-list .item {
	padding: 0;
}
	#help .item-list .item a {
		display: block;
		padding: 10px 30px 10px 10px;
	}
		#help .item-list.none {
			display: none;
		}
/*=================================================================================
	マイゲーム
===============================================================================*/
.article#mygame {
	padding-bottom: 10px;
}
	.article#mygame article-bottom {
			.article-bottom: padding: 5px 0;
	}
.mygame-horizontal {
	width: 308px;
	margin: 0 auto;
}
	.mygame-horizontal.height-fix {
		overflow: hidden;
	}
	.mygame-horizontal .item {
		float: left;
		width: 70px;
		margin: 10px 3.5px 2px;
	}
		.mygame-horizontal .item .figure img {
			width: 70px;
			height: 70px;
		}

.mygame-horizontal-recommend {
	width: 300px;
	margin: 0 auto;
}
	.mygame-horizontal-recommend .item {
		float: left;
		display: table-cell;
		width: 90px;
		margin: 10px 5px 5px;
	}
		.mygame-horizontal-recommend .item .figure img {
			width: 90px;
			height: 90px;
		}
h2.subtitle.mygame{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.edit_button {
	display: block;
	margin-right: 5px;
	padding: 5px;
	width: 25%;
	height: 80%;
	text-align: center;
	color:#FFFFFF;
	line-height: normal;
	vertical-align: baseline;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
}

h2.subtitle.mygame-message-subtitle {
	padding-left: 0;
	text-align:center;
}

.gray-text-right {
	width:100%;
	line-height: 40px !important;
	color: #7f7f7f;
	text-align:right;
	padding-right:10px;
}
	.gray-text-right a {
		color: #7f7f7f;
		text-decoration: none;
	}

.mygame-message-li {
	min-height:100px;
}

.mygame-message-title {
	font-size: 14px;
	padding-left: 9px;
	padding-right: 30px;
	min-height: 70px;
	display: table-cell;
}

.mygame-message-date {
	text-align:right;
	padding-left:100px;
	padding-right:30px;
	color: #7f7f7f;
}

.mygame-message-img {
	float:left;
	height:66px;
	width:66px;
}
.mygame-message-img-wrapper {
	display: table-cell;
	vertical-align: middle;
}



/*=================================================================================
	共通使用
===============================================================================*/
/* 画像 2つ 横並べ 可変幅
------------------------------------------------------------------------------------------------ */
.twoInLineImages {
	padding: 5px 5px 5px 5px;
}
	.twoInLineImages.notExpansion {
		width: 320px;
		margin: 0 auto;
	}
	.twoInLineImages .twoInLineImage {
		list-style: none;
		width: 512px;
		padding: 5px 5px 5px 5px;
		display: table-cell;
	}
		.twoInLineImages .twoInLineImage .round-img {
			-webkit-border-radius: 4%;
			-moz-border-radius: 4%;
			border-radius: 4%;
		}
		.twoInLineImages .twoInLineImage .twoInLineDescription{
			color: #7f8c8d;
			text-align: center;
			margin: 5px 0;
			font-weight: bold;
		}

/* 四角形 2つ 横並べ 可変幅
------------------------------------------------------------------------------------------------ */
ul.two-blocks-inLine {
	display: block;
	width: 100%;
}
	ul.two-blocks-inLine:after {
		content:"";
		clear:both;
		display:block;
	}
	ul.two-blocks-inLine li {
		background-color: #d9d9d9;
		display: block;
		float: left;
		width: 47%;
		list-style-type:none;
		text-align:center;
	}
	ul.two-blocks-inLine li:nth-child(2n+1) {
		margin-right: 3%;
	}
	ul.two-blocks-inLine li:nth-child(2n) {
		margin-left: 3%;
	}

		ul.two-blocks-inLine li .ratio-box{
			position: relative;
			height: auto;
		}
			ul.two-blocks-inLine li .ratio-box .inner {
					position: absolute;
					top: 0; left: 0;
					width: 100%;
					height: 100%;
				}
			ul.two-blocks-inLine li .ratio-box.ratio-1_1:before {
				content: "";
				display: block;
				padding-top: 100%; /* 1:1 */
			}
			ul.two-blocks-inLine li .ratio-box.ratio-4_1:before {
				content: "";
				display: block;
				padding-top: 25%; /* 4:1 */
			}
				ul.two-blocks-inLine li .ratio-box.ratio-1_1 .inner .in-text{
					position: absolute;
					left: 50%;
					top: 50%;
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					display: block;
				}


.inbox-ninety-five-percentage-width {
	width: 95%;
	margin:0 auto;
}
.inbox-ninety-percentage-width {
	width: 90%;
	margin:0 auto;
}

.inbox-eighty-five-percentage-width {
	width: 85%;
	margin:0 auto;
}


/* 青色ボーダーボタンリスト 横並び 可変幅
------------------------------------------------------------------------------------------------ */
ul.blue-border-button-list {
	display: table;
	text-align: center;
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px 0;
	table-layout: fixed;
}
	ul.blue-border-button-list li{
		display: table-cell;
		border: solid 1px;
		border-color: #002060;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
		ul.blue-border-button-list li.active{
			background-color: #04347A;
		}
			ul.blue-border-button-list li.active a{
				color: #FFFFFF;
			}
		ul.blue-border-button-list li a{
			display: block;
			width: 100%;
			height: 100%;
			color: #303030;
			padding: 10px 0;
		}

/* 進捗バー
------------------------------------------------------------------------------------------------ */
.progres_bar_base {
	display: block;
	position: relative;
	background: #AFABAB;
height: 15px;
border-radius: 14px;
width: 100%;
overflow: hidden;
}
.progres_bar_base .inner_progres_bar {
	position: absolute;
background: #ED7D31;
height: 100%;
}
	.progres_bar_base .inner_progres_bar.parcent_0 {
		width: 10%;
	}
	.progres_bar_base .inner_progres_bar.parcent_10 {
		width: 10%;
	}
	.progres_bar_base .inner_progres_bar.parcent_20 {
		width: 20%;
	}
	.progres_bar_base .inner_progres_bar.parcent_30 {
		width: 30%;
	}
	.progres_bar_base .inner_progres_bar.parcent_40 {
		width: 40%;
	}
	.progres_bar_base .inner_progres_bar.parcent_50 {
		width: 50%;
	}
	.progres_bar_base .inner_progres_bar.parcent_60 {
		width: 60%;
	}
	.progres_bar_base .inner_progres_bar.parcent_70 {
		width: 70%;
	}
	.progres_bar_base .inner_progres_bar.parcent_80 {
		width: 80%;
	}
	.progres_bar_base .inner_progres_bar.parcent_90 {
		width: 90%;
	}
	.progres_bar_base .inner_progres_bar.parcent_100 {
		width: 100%;
	}

/* テーブル状のサブタイトル
------------------------------------------------------------------------------------------------ */
h2.table_subtitle {
	height: 40px !important;
line-height: 40px !important;
background: #5e9cd9;
color: #fff;
padding-left: 45px;
vertical-align: middle;
display: table;
position: relative;
width: 100%;
}
	h2.table_subtitle.noIcon {
		padding-left: 11px;
	}
	h2.table_subtitle .subtitle_icon {
		position: absolute;
		top: 6px;
		left: 11px;
		width: 25px;
	}
	h2.table_subtitle .left_cell {
		display: table-cell;
		width: 50%;
	}
	h2.table_subtitle .right_cell {
		display: table-cell;
		width: 50%;
		text-align: right;
		padding-right: 10px;
	}

/* ボーダー型テーブル (ゲームコイン通帳のデザインの共通化)
------------------------------------------------------------------------------------------------ */
div.border_table {
	width: 100%;
	border: 2px solid #0070C0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
	div.border_table div.one_block {
		display: table;
		width: 100%;
		padding : 0 10px;
	}
	div.border_table div.one_block:nth-child(2n-1) {
		background: #EAF4FF ;
	}

		div.border_table div.one_block div.row{
			display: table-row;
			width: 100%
		}
		div.border_table div.one_line div.cell{
			display: table-cell;
		}
		div.border_table div.one_line div.cell.ar{
			text-align: right;
		}
	h2.table_subtitle .subtitle_icon {
		position: absolute;
		top: 6px;
		left: 11px;
		width: 25px;
	}
	h2.table_subtitle .left_cell {
		display: table-cell;
		width: 50%;
	}
	h2.table_subtitle .right_cell {
		display: table-cell;
		width: 50%;
		text-align: right;
		padding-right: 10px;
	}

/* ｶｰﾄﾞタイプのitem-lengthwise (運動会ミッション一覧のデザインの共通化)
------------------------------------------------------------------------------------------------ */
.item-lengthwise.card_type::after {
	content: "";
	clear: both;
	display: block;
}

	.item-lengthwise.card_type .item {
		width: 100%;
		margin: 7px 0px 0px;
		background-color: #FFF;
		box-shadow: 0px 3px 4px 1px #9E9E9E;
		border-radius: 11px;
		position: relative;
	}
		.item-lengthwise.card_type .item .figure{
			padding: 0px;
		}
		.item-lengthwise.card_type .item .figure img{
			box-shadow: none;
		}
	.item-lengthwise.card_type .item .data {
		padding: 7px 0px 0px 10px;
		width: 100%;
	}

		.item-lengthwise.card_type .item .data .display_block{
			display: block;
		}

		.item-lengthwise.card_type .item .data .ar {
			margin-right: 6px;
			margin-top: 6px;
			text-align: right;
		}
	.item-lengthwise.card_type .item .arrow{
			width: 20px;
			height: 20px;
			vertical-align: middle;
			border-radius: 0 10px 10px 0;
			-webkit-border-radius: 0 10px 10px 0;
			-moz-border-radius: 0 10px 10px 0;
	}
	.item-lengthwise.card_type .item .arrow.deep_blue_back_ground_color {
		background-color: #203864;
	}

/* ポップアップオーバーレイ(運動会ミッションポップアップのデザインの共通化)
------------------------------------------------------------------------------------------------ */
		.pop-up-overlay {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: -1;
			padding-top: 200px;
			height: 0;
			overflow: hidden;
			background: rgba(0,0,0,0.7);
			opacity: 0;
			-webkit-transition: opacity 2000ms ease;
			transition: opacity 200ms ease;
		}
		.pop-up-overlay.show {
			z-index: 10;
			height: auto;
			opacity: 1;
		}
		.pop-up-overlay .info_box {
			width: 300px;
			margin: 0 auto;
			font-weight: bold;
			overflow: hidden;
			border: 1px solid;
			border-radius: 8px;
			border-color: #000000;
			background-color: #FFFFFF;
		}
		.pop-up-overlay .info_box .bar {
			background-color: #002060;
			color: #FFFFFF;
			border-radius: 5px 5px 0px 0px;
			padding: 3px;
			text-align: center;
		}
		.pop-up-overlay .info_box .info {
			display: table;
			width: 300px;
			margin: 10px 0px 5px;
			padding: 0px 5px;
			font-size: 14px;
			line-height: 1.2;
		}
		.pop-up-overlay .info_box .info .item .icon {
			display: table-cell;
			width: 100px;
			padding: 0px 5px;
		}
		.pop-up-overlay .info_box .info .item .icon img {
			width: 90px;
			height: 90px;
		}
		.pop-up-overlay .info_box .info .item .data {
			display: table-cell;
			width: 200px;
			vertical-align: top;
			padding: 10px 0px 0px 10px;
		}
		.pop-up-overlay .info_box .info .item .data .title {
			font-size: 14px;
			color: #4472C4;
		}
		.pop-up-overlay .info_box .detail {
			margin: 10px 10px 0px;
			text-align: center;
		}

/*=================================================================================
	黄色ボタン
===============================================================================*/
	.custom_btn.yellow {
		margin: 0 10px 0 10px;
		border-color: #5a5252 !important;
		overflow: hidden;
		border: 2px solid;
		border-radius: 5px;
	}

	.custom_btn.yellow a {
		background: #ffbc00;
		text-align: center;
		position: relative;
		display: table;
		width: 100%;
		padding: 10px 30px 10px 10px;
		overflow: hidden;
		color: #333;
	}

/*=================================================================================
	トップページ改修
===============================================================================*/
#hasRankingDate {
	position: absolute;
	top: 17px;
	left: 72px;
	font-size: 10px;
}
#ranking-head {
	position: absolute;
	top: 1px;
	left: 70px;
}

.gray-back {
	background-color:#d9d9d9;
	width:100%;
	margin:0px;
}
.gray-back.shadow {
	box-shadow: 1px 1px 2px 1px #b0b0b0 inset;
}
	.gray-back.shadow.moreBtnBox {
		box-shadow: 0px 3px 2px 0px #b0b0b0 inset;
	}
.banner-padding {
	padding: 10px 10px;
}
.white-back {
	background-color:#ffffff;
	width:100%;
	margin:0px;
}
	.white-back.shadow {
		box-shadow: 0px 2px 2px 0px #9E9E9E;
		position: relative;
		z-index: 0;
	}
	.white-back.shadow.top{
		box-shadow: 0px -2px 1px 0px #C5C5C5;
	}
		.white-back.shadow.top.no-padding{
			padding-top: 0;
		}
.article-bottom {
	padding: 6px 0;
}
.head-sentens {
	padding-left: 66px;
	display: inline-block;
}

.more-btn-img-wrapper {
	text-align: center;
	padding: 0 0 4px;
}

.more-btn-img-wrapper a img {
	width:160px;
	-webkit-border-radius: 0px 0px 13px 13px;
	-moz-border-radius: 0px 0px 13px 13px;
	border-radius: 0px 0px 13px 13px;
	-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
}
.ajaxLoadingImg {
	width:32px;
	padding-top:10px;
}

#popupMessage{
/* 	position: fixed;
	left: 50%;
	bottom: 45px;
	z-index: 99;
	margin-left: -133px; */
	width: 265px;
	margin: 0px auto;
}

#popupMessage.with_treasure_display{
	bottom: 109px;
}

#beginnerPfGachaBannerImg{
	padding: 0, 10px;
	width:100%;
}

/*=================================================================================
	トロフィー
===============================================================================*/
#trophy h2.table_subtitle{
	background-color: #04347A;
}
#trophy h2.subtitle{
	background-color: #04347A;
}
#trophy .blue-font {
	color: #002060;
}
#trophy .black-font {
	color: #303030;
}
#trophy .gray-font {
	color: #808080;
}
#trophy .purple-font {
	color: #7030A0;
}

#trophy .trophy_subtitle {
	height: 40px !important;
	line-height: 40px !important;
	background: #5e9cd9;
	color: #fff;
	padding-left: 45px;
	vertical-align: middle;
	display: table;
	position: relative;
	width: 100%;
}
	#trophy .trophy_subtitle .subtitle_icon {
		position: absolute;
		top: 6px;
		left: 11px;
		width: 25px;
	}
#trophy .announce_area {
	background-color: #FFE699;
	text-align: center;
}
#trophy .trophy_lv_area {
	display: table;
	margin :10px 10px 3px 10px;
}
	#trophy .trophy_lv_area .trophy_lv_wrapper {
		background-color: #0070C0;
		color: white;
		border-radius: 14px;
		margin: 10px;
		display: table-cell;
		vertical-align: middle;
	}
		#trophy .trophy_lv_area .trophy_lv_wrapper .trophy_lv_contents {
			vertical-align: middle;
			padding: 1px 0;
		}
			#trophy .trophy_lv_area .trophy_lv_wrapper .trophy_lv_contents.trophy_lv_star {
				padding-left: 10px;
			}
				#trophy .trophy_lv_area .trophy_lv_wrapper .trophy_lv_contents.trophy_lv_star img{
					height: 18px;
					margin: 4px 0px;
				}
			#trophy .trophy_lv_area .trophy_lv_wrapper .trophy_lv_contents.trophy_lv_text {
				padding-right: 2px;
			}
			#trophy .trophy_lv_area .trophy_lv_wrapper .trophy_lv_contents.trophy_lv_number {
				padding-right: 15px;
			}
				#trophy .trophy_lv_area .trophy_lv_wrapper .trophy_lv_contents.trophy_lv_number.size_medium {
					font-size: medium;
				}

			#trophy .trophy_lv_area .expBarProgressRate {
				color: #F19762;
				vertical-align: middle;
				display: table-cell;
			}

/* シークバー */
#trophy .trophy_lv_area .trophy_exp_wrapper {
	display: table-cell;
	width: 170px;
	padding: 0 10px;
	vertical-align: middle;
}

#trophy .nextLv {
	text-align: center;
	color: #BFC2CD;
	padding-bottom: 10px;
}

/* ユーザー毎所持トロフィー */
#trophy .trophy_area {
	background: #E7E6E6;
	text-align: center;
	margin-right: 8%;
	margin-left: 8%;
	border-radius: 14px;
	padding: 10px 0;
}
#trophy .trophy_get_num {
	color: #BFC2CD;
	vertical-align: bottom;
}
#trophy .trophy_img {
	width: 40px;
}
/* ｹﾞｰﾑ一覧 */
#trophy .gameList.forTrophyPage {
	margin: 8px 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
	#trophy .gameList.forTrophyPage ul li:last-child {
		background: url(/common/images/bg_list.png) repeat-x left bottom;
		background-size: 50px 95px;
	}
	#trophy .gameList.forTrophyPage ul li a {
		background: none;
		padding: 13px 23px 13px 94px;
	}
	#trophy .gameList.forTrophyPage ul li a .game_name{
		color:#00508e;
	}
		#trophy .gameList.forTrophyPage ul li a img.round-img{
			width:60px;
			height:60px;
		}
		#trophy .gameList.forTrophyPage ul li a .new_batch{
			position: absolute;
			left: 88px;
			display: block;
			color: #FFFEFE;
			background-color: #C00000;
			padding: 2px 10px;
			top: -5px;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			font-size: x-small;
		}

		#trophy .gameList.forTrophyPage ul li a .rainbow_trophy{
			position: absolute;
			left: 10px;
			display: block;
			top: 3px;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
		}

/* ゲーム毎所持トロフィー */
#trophy .item-lengthwise .item.trophy_each_game {
	box-shadow: none;
}
#trophy .item-lengthwise .item .data span.trophy_get_num_game {
	display: inline;
}
#trophy .item-lengthwise .item .data span.trophy_got_num_info_game {
	display: inline;
}
#trophy .trophy_get_num_game {
	bottom: 0;
	color: #BFC2CD;
	vertical-align: bottom;
	padding: 0 5px 0 2px;
}
#trophy .trophy_img_game {
	width: 25px;
	padding-top: 10px;
	vertical-align: baseline;
}
#trophy .trophy_percent_game {
	color: #89C280;
	vertical-align: bottom;
}
#trophy .game_detail {
	text-align: right;
	margin-top: 10px;
	color: #599AD5;
}
#trophy .trophy_new {
	margin-left: 100px;
}

/* ゲーム毎トロフィー一覧ページ*/
#trophy .item-lengthwise.tropy_game_info::after {
	content: "";
	clear: both;
	display: block;
}
#trophy .item-lengthwise.tropy_game_info {
	margin: 0 10px 0 10px;
	width: auto;
	border: none;
}
	#trophy .item-lengthwise.tropy_game_info .item .figure {
		padding: 0;
		width: 90px;
	}
#trophy .deep_gray_back_ground_color {
	background-color: #595959;
}

#trophy .deep_gray_back_ground_color.subtitle {
	margin-top: 10px;
	padding: 5px 0px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}

#trophy .trophy_padding_bottom {
	padding-bottom: 10px;
	width: 100%;
}

#trophy .item-lengthwise.tropy_game_info .item.trophy_each_game .figure img {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
}

#trophy .item-lengthwise .item .figure img.trophy {
	width: 75px;
	height: auto;
	padding: 10px;
}
#trophy .item-lengthwise .item .data {
	position: relative;
}

#trophy .item-lengthwise .item .data .trophy_achievement_rate {
	position: absolute;
	bottom: 3px;
	right: 5px;
}
	#trophy .item-lengthwise .item .data .trophy_achievement_rate span {
		display: inline;
	}
	#trophy .item-lengthwise .item .data .trophy_achievement_rate .rank {
		font-size: medium;
	}
	#trophy .item-lengthwise .item .data .trophy_achievement_rate .detail {
		font-size: x-small;
	}
	#trophy.item-lengthwise .new_batch {
		position: absolute;
		left: -3px;
		display: block;
		color: #FFFEFE;
		background-color: #C00000;
		padding: 2px 10px;
		top: 3px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		font-size: x-small;
	}

	#trophy .item-lengthwise .item .data .achievement_margin {
	margin-bottom: 2em;
	}

#trophy .type_link {
	text-decoration: underline;
}
	#trophy .type_link_area {
		text-align: center;
		padding-top: 3px;
	}

	#trophy .pop-up-overlay .info_box .info .item .icon img.trophy {
		width: 75px;
		height: auto;
	}

	#trophy .pop-up-overlay .info_box .trophy_achievement_rate {
		border: solid #b9b9b9;
		margin: 23px 32px 10px;
		text-align: center;
		padding: 6px 0px;
		border-radius: 25%/100%;
	}
	#trophy .pop-up-overlay .info_box .trophy_achievement_rate .rank {
		font-size: medium;
		color: #7030A0;
	}
	#trophy .pop-up-overlay .info_box .trophy_achievement_rate .detail {
		font-size: x-small;
	}

	#trophy .pop-up-overlay .info_box .size-xsmall {
		font-size: x-small;
	}
	#trophy .pop-up-overlay .info_box .size-midium{
		font-size: medium;
	}
	#trophy .pop-up-overlay .info_box .got{
		color: #FF0036;
	}
	#trophy .pop-up-overlay .info_box .no-got{
		color: #3E8ACE;
	}


/* トロフィー報酬履歴 */
#trophy_reward_result .regist_time {
	color: #b4b4b4;
}
#trophy_reward_result .link_area {
	text-align: center;
	margin-bottom: 10px
}
#trophy_reward_result .pager_area {
	text-align: center;
}

#trophy_reward_result .attention_max_count {
	margin-top: 10px;
	text-align: center;
}

/* PFガチャ 景品獲得履歴 */
#pf_gacha_history .subtitle {
	background: #FF3300;
}
#pf_gacha_history .icon {
	display: inline-block;
	color: #FFFFFF;
	padding: 1px 10px;
	font-size: 10px;
	margin: 2px 10px 0px 0px;
	border-radius: 2px;
}
#pf_gacha_history .icon.get {
	background: #254061;
}
#pf_gacha_history .time {
	color: #b4b4b4;
}
#pf_gacha_history .pager_area {
	text-align: center;
}
#pf_gacha_history .noResultMessage {
	text-align: center;
}

/* ゲーム特集 */
.article .magazine {
	text-align: center;
}

#magazine .round-img {
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 3%;
	-moz-border-radius: 3%;
	border-radius: 3%;
	box-shadow: none;
}

.magazine .head-sentens {
	padding: 0px;
	display: inline-block;
}

#magazine .figure {
	padding: 0px;
}

#magazine .figure img {
	width: 90px;
	height: 60px;
}

#magazine .item .data {
	position: relative;
	padding: 5px 0 0 0px;
	width: 200px;
}

#magazine .title {
	position: absolute;
	top: 0;
	font-size: 14px;
	letter-spacing: -1px;
	padding: 0px 0 0 0px;
	transform: scale(0.9, 1);
	transform-origin: top left;
	width: 110%;
	color: #2f2f2f;
}

#magazine .description {
	position: absolute;
	bottom: 0;
	font-size: 10px;
	font-weight: normal;
	color: #b4b4b4;
}

#magazine .item {
	padding: 8px 0px;
	border-bottom: thin solid #dddddd;
	margin: 0px 0 0;
}

#magazine .moreItem {
	text-align: right;
	top: 10px;
	line-height: 30px;
	color: #0094c8;
}

#yamada_switch .message_margin {
	margin: 10px 10px 10px 10px;
}

/*=================================================================================
	CMキャンペーン
===============================================================================*/
#cm_campaign section {
	padding: 10px 10px;
}

#cm_campaign .explain {
	margin-bottom: 10px;
	text-align: center;
	color: #00539f;
}

#cm_campaign .description {
	text-align: center;
	color: #bb0000;
}

#cm_campaign #overlay {
	/* viewpointを相対位置にし、全画面表示にする */
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);/* 背景を半透明にする */
	display: none;/* HTML要素を非表示にする */
	z-index: 1;/*「メインのHTML要素」よりもスタックレベルを高くする */
}

#cm_campaign .frame-wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin-bottom: 10px;
	overflow: hidden;
}

#cm_campaign .frame-wrapper iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

#cm_campaign .soundAttention {
	text-align: center;
	font-size: 12px;
	color: #ccc;
}

#cm_campaign .resultButton {
	width: 100%;
	z-index: 2;
	position: relative;
}

#cm_campaign .vbJackBanner{
	margin-top: 10px;
	width: 90%;
	item-align: center;
}

#cm_campaign .message{
	text-align: center;
	margin: 20px 0;
}

#cm_campaign .item {
	text-align: center;
	margin-bottom: 20px;
}

#cm_campaign .coinImage {
	text-align: center;
	width: 100px;
	height: auto;
}

#cm_campaign .notes {
	background-color: #D9D9D9;
	padding: 10px;
	font-size: 12px;
	color: #777777;
}
/*=================================================================================
	ヤマダゲームマネー動画連動キャンペーン
===============================================================================*/
#getYgmCmCpecialCampaingCoin {
	display: none;
}
.ygmCmVisibleAddCoinMessage {
	text-align: center;
    margin-bottom: 10px;
}
.ygmCmAddCoinSuccessMessage {
	color: #B02318;
}
.ygmCmSpecialMessageContent {
	background-color: #d82315;
    border-radius: 8px;
    width: 202px;
    padding: 3px 10px;
    text-align: center;
    color: white;
    font-weight: bold;
    margin: 0 auto;
}
.boldbottom{
    position: relative;
}
.boldbottom::before{
    content: "";
    display: block;
    width: 36px;
    height: 16px;
    background: #d82315;
    margin: auto;
}
.boldbottom::after{
    content: "";
    display: block;
    width: 0px;
    height: 0;
    border: 32px solid;
    border-color: #d82315 transparent transparent transparent;
    margin: auto;
}
.ygmCmSpecialMessageDetail {
	position: relative;
    top: -18px;
}
.ygmCmSpecialMessageDetailStepLable {
	padding: 1.5px;
    border: 1px solid #002060;
    border-radius: 4px;
}
.ygmCmSpecialMessageDetailStep1 {
	width: 300px;
    margin: auto;
}
.ygmCmSpecialMessageDetailStep2 {
	width: 300px;
    margin: 9px auto 0;
}
.ygmCmTimeLeft {
	text-align: center;
}
.ygmCmDenchanMessage {
	display: flex;
    align-items: center;
    color: #B7B8B7;
    margin-top: 17px;
    justify-content: center;
    white-space: nowrap;
}
.ygmCmDenchanImg {
	width: 53px;
}

/*=================================================================================
	コンポーネントパーツ
===============================================================================*/
.component .magazine {
	text-align: center;
}

/* ヤマダポイントタイトル */
#yptGamePart #yptBody .magazine {
	background: #ffc900;
}

#yptGamePart #yptBody .more-btn-img-wrapper {
	text-align: center;
	padding: 0;
	box-shadow: 0px 3px 2px 0px #b0b0b0 inset;
}

/* 初心者マジガチャパーツタイトル */
#hasBeginnerPfGacha #beginnerPfGachaBanner .magazine{
	background: #72a757;
	margin-bottom: 10px;
}

/* 開催中のキャンペーンタイトル用 */
#content.toppage #campaignList .magazine {
	background: #ff7c1e;
	margin-bottom: 10px;
}

#campaignList .head{
	margin-bottom: 10px;
	line-height: 24px;
	color: #FF0036;
	background: #ffffff;
	border-top-width: 4px;
	border-top-style: solid;
	position: relative;
}

.yptGameTitle{
	overflow: hidden;
}

#yptGamePart{
	padding-bottom: 10px;
	background-color:#d9d9d9;
	width:100%;
}

#beginnerPfGachaBanner .img-newer {
	padding: 0 10px 10px 10px;
}

/* 初心者マジガチャパーツバナー */
#beginnerPfGachaBannerImg {
	background-color:#ffffff;
	width: 100%;
	border-radius: 2% / 13%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
}

/* 開催中のキャンペーンコンテンツ */
#campaignList .item-horizontal {
	width: 300px;
	margin: 15px auto;
	background-color: #fff;
}

/*=================================================================================
	ゲーム詳細画面 2018/11/20改修
===============================================================================*/
#game #entry section #bannerImg{
	margin-bottom: 10px;
}

#game  #entry section p{
	width: 300px;
	margin: auto;
	padding: 10px;
}

/* サムネイル画像・ボタンエリア*/
#game .thumbnailAndButton {
	width: 300px;
	padding: 0px;
	margin: 0;
	display: flex;
	justify-content: space-between;
}

/* サムネイル画像 */
#game #extensionImg{
	height: 100px;
	width: 100px;
}

#game #extensionImg img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}

/* ボタンエリア */
#game .button_part{
	width: 220px;
	justify-content: center;
	align-items: center;
	display: block;
	text-align: -webkit-center;
}

/* ゲームタイトル */
#game .gameTitle {
	width: 180px;
	font-weight: bold;
	color: #555;
}

#game .title{
	text-align: left;
}

/* 会員登録して遊ぶボタン */
#game .registrationButton {
	display: inline-block;
	width: auto;
	padding: 4px;
	margin: 4px 0;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	background: #9aa9cc;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	border: solid 1px #6b719a;
}

/* 今すぐプレイ・詳細ボタン */
#game .square_btn {
	display: inline-block;
	width: 136px;
	padding: 4px;
	margin: 4px 0;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	background: #56cc25;
	border-radius: 4px;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	border: solid 1px #478438;
}

#game #detailButton{
	margin-bottom: 20px;
}

/* 紹介文 */
#game .descriptionPart{
	display: none;
}

#game section .flick2{
	margin: 10px 0;
}

/*=================================================================================
	ログインボーナス 2019/01/31
===============================================================================*/
#loginBonusButton {
	/* position: fixed;
	right: 0%;
	bottom: 45px;
	z-index: 11; */
}

#loginBonusButton.with_other_display {
	bottom: 109px;
}

#loginBonusButton.with_message_and_treasure_display {
	bottom: 165px;
}

/* ポップアップ表示時背景 */
.popUpBack {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 200px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}

	#loginBonusPopUp .show {
		z-index: 10;
		height: auto;
		opacity: 1;
		position: fixed;
}

/* ポップアップ本体 */
	#loginBonusPopUp .popUpBody {
		width: 300px;
		margin: 0 auto;
		font-weight: bold;
		overflow: hidden;
		border: 1px solid;
		border-radius: 25px;
		border-color: #000000;
		background-color: #FFFFFF;
	}

	#loginBonusPopUp .popUpTitle {
		background-color: #C00000;
		color: #FFFFFF;
		border-radius: 5px 5px 0px 0px;
		padding: 5px;
		text-align: center;
		font-size: 16px;
	}

	#loginBonusPopUp .mainContents {
		padding: 10px;
		text-align: center;
	}
	#loginBonusPopUp .head {
		position: relative;
	}

	#loginBonusPopUp .continuityLoginMessage {
		margin-top: 1px;
		padding: 3px;
		text-align: center;
		color: #AD290F;
		font-weight: bold;
	}

	#loginBonusPopUp .aboutLoginBonus {
		position: absolute;
		right: 0;
		top: 0;
	}

	#loginBonusPopUp .message {
		padding-bottom: 5px;
		font-size: 13px;
		color: #022880;
	}

	#loginBonusPopUp .getCoin {
		padding: 10px;
		text-align: center;
		color: #ff7800;
		font-size: 16px;
		font-weight: bold;
	}

	#loginBonusPopUp .checkButton {
		width: 80%;
		margin: auto;
		padding: 5px 10px;
		border-radius: 10px 10px;
		background-color: #FFD700;
		text-align: center;
		font-weight: bold;
		border: 1px solid #333;
	}

	#loginBonusPopUp .smallMessage {
		padding-top: 7px;
		font-size: 12px;
		color: #a9a9a9;
	}

/*=================================================================================
	クーポン 2020/08/28
===============================================================================*/
/* ヘッダークーポンボタン */
.couponHeaderBtn {
	width: 100px;
    float: right;
    margin-top: 10px;
    margin-right: 2px;
}
.couponHeaderBtnExistsNews {
	width: 100px;
    float: right;
}
/* ポップアップ表示時背景 */
.couponPopUpBack {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 200px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}

#couponPopUp .show {
		z-index: 200;
		height: auto;
		opacity: 1;
		position: fixed;
}

/* ポップアップ本体 */
.couponTicket {
	color: white;
}
.couponTicketContent {
	width: 245px;
}
#couponPopUp .popUpBody {
	width: 300px;
	height: 373px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border: 1px solid;
	border-radius: 25px;
	border-color: #000000;
	background-color: #FFFFFF;
}

#couponPopUp .popUpTitle {
	background-color: #F6C142;
	color: black;
	border-radius: 5px 5px 0px 0px;
	padding: 5px;
	text-align: center;
	font-size: 16px;
}
	#popUpTitlePopUp .mainContents {
		padding: 10px;
		text-align: center;
	}
	#popUpTitlePopUp .head {
		position: relative;
	}
	#getCouponList {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.couponImage {
		display: block;
		width: 245px;
	    margin: 0 auto;
	}
	.couponTitle {
		position: relative;
	    top: -85px;
	    font-size: 17px;
	    font-weight: bold;
	    text-align: center;
	    color: white;
	}
	.couponName {
		position: relative;
	    top: -82px;
	    font-size: 26px;
	    font-weight: bold;
	    text-align: center;
	}
	.couponEndTime {
		position: relative;
	    top: -82px;
	    text-align: center;
	    font-size: 11px;
	    color: white;
	}
	.couponUnusable {
		position: relative;
	    top: -74px;
	    text-align: center;
	    background-color: #B7B7B7;
	    color: white;
	    width: 194px;
	    height: 28px;
	    line-height: 28px;
	    margin: auto;
	    border-radius: 0 0 10px 10px;
	    font-size: 12px;
	    font-weight: bold;
	}
	.couponUnusableComment {
		font-size: 10px;
	    position: relative;
	    top: -10px;
	}
	.couponUsable {
		position: relative;
	    top: -76px;
	    text-align: center;
	    background-color: #5FA346;
	    color: white;
	    width: 194px;
	    height: 28px;
	    line-height: 28px;
	    margin: auto;
	    border-radius: 0 0 10px 10px;
	    font-size: 12px;
	    font-weight: bold;
	}
	.confirmCouponTag {
		 color: white;
	}
	.couponConfirmUnusable {
		position: relative;
	    top: -95px;
	    text-align: center;
	    background-color: #B7B7B7;
	    color: white;
	    width: 194px;
	    height: 28px;
	    line-height: 28px;
	    margin: auto;
	    border-radius: 0 0 10px 10px;
	    font-size: 12px;
	    font-weight: bold;
	}
	.couponConfirmUsable {
		position: relative;
	    top: -81px;
	    text-align: center;
	    background-color: #5FA346;
	    color: white;
	    width: 194px;
	    height: 28px;
	    line-height: 28px;
	    margin: auto;
	    border-radius: 0 0 10px 10px;
	    font-size: 12px;
	    font-weight: bold;
	}
	.couponRemoveBtn {
		z-index: -1;
		opacity: 0;
		display: none;
	}
	#couponPopUp .removeBtnShow {
        display: block;
        z-index: 100;
	    opacity: 10;
	    border-radius: 50%;
	    position: fixed;
	    margin-left: 276px;
    }
    #hasCouponNum {
    	position: relative;
	    top: -45px;
	    right: -228px;
    }
    .couponCheckButtonLink {
    	color: black;
    	display: block;
    }
    #couponPopUp .couponCheckButton {
		width: 80%;
		margin: auto;
		padding: 5px 10px;
		border-radius: 10px 10px;
		background-color: #F6C142;
		text-align: center;
		font-weight: bold;
		border: 1px solid #333;
    	position: relative;
    	top: -58px;
	}
    .couponSmallMessage {
    	padding-top: 7px;
	    font-size: 12px;
	    color: #a9a9a9;
	    position: relative;
	    top: -57px;
    	text-align: center;
    }
 /* ゲームコイン購入 支払い方法選択画面 */
.couponLabelContent {
	text-align: right;
    position: relative;
    top: 31px;
    margin-top: -31px;
    z-index: 5;
}
.couponLabel {
	padding: 5px 3px;
    border-radius: 2px;
    background-color: #F6C142;
    font-weight: bold;
    border: 1px solid #333;
    color: black;
    font-size: 10px;
    text-align: right;
    margin-right: 10px;
}
/* 金額選択画面 */
.coinBlock {
	padding: 15px 15px 4px 15px;
}
.pointBlock {
	margin: 0px 15px 15px 15px;
}
.noCouponBlock {
	margin: 0px 15px 15px 15px;
}
.coinTh {
	text-align: right;
    font-weight: normal;
    width: 55%;
}
.info_list_coin {
    margin-right: 10px;
    width: 135px;
    vertical-align: middle;
    background-color: #DCDCDC;
    display: table-cell;
    border: solid 1px;
    border-color: #B3B3B3;
    border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-bottom-style: none;
}
.info_list_coin_action {
    margin: 0px 10px 0px 30px;
    width: 135px;
    vertical-align: middle;
    display: table-cell;
    border: solid 1px;
    border-color: #B3B3B3;
    border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
	border-bottom: 2px solid;
	border-bottom-color: #c00000;
}
.info_list_yamada_point {
    width: 135px;
    vertical-align: middle;
    background-color: #DCDCDC;
    display: table-cell;
    border: solid 1px;
    border-color: #B3B3B3;
    border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-bottom-style: none;
}
.info_list_yamada_point_action {
    width: 135px;
    vertical-align: middle;
    display: table-cell;
    border: solid 1px;
    border-color: #B3B3B3;
    border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
	border-bottom: 2px solid;
	border-bottom-color: #c00000;

}
.weightingPercentageMessage {
	text-align: center;
    margin: 10px 7px 3px;
    background-color: #F47236;
    color: white;
    font-weight: bold;
    border-radius: 5px;
}
.pc_buyCoin_priceContent {
	text-decoration: none!important;
	text-align: center;
}
.buyCoin_priceContent {
	border: 1px solid #EDC062;
    background: linear-gradient(#F6D587, #ECB354);
    height: 62px;
    line-height: 62px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 8px;
    display: table;
    width: 100%;
}
.buyCoin_priceContent_byPoint {
	border: 1px solid #EDC062;
    background: linear-gradient(#F6D587, #ECB354);
    height: 62px;
    line-height: 62px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 8px;
}
.buyCoin_priceContent_coupon_content {
	display: table-cell;
	width: 102px;
}
.buyCoin_priceContent_coupon_content_pc {
	display: table-cell;
	width: 114px;
}
.buyCoin_priceContent_coinContent {
	display: table-cell;
    text-align: center;
}
.buyCoin_priceContent_coupon_unused {
	padding: 5px 10px;
    border-radius: 10px 10px;
    background-color: #9C9C9C;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 11px;
}
.buyCoin_priceContent_coupon_used {
	padding: 5px 10px;
    border-radius: 10px 10px;
    background-color: #FF0000;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 11px;
}
.buyCoin_priceContent_coin_black {
	color: black;
	transform: scale(1, 1.2);
    display: inline-block;
}
.buyCoin_priceContent_coin_red {
	color: #A82218;
	transform: scale(1, 1.2);
    display: inline-block;
}
.buyCoin_priceContent_black {
	color: black;
}
.buyCoin_priceContent_red {
	color: #A82218;
}
ul.coin-blue-border-button-list {
	display: table;
	text-align: center;
	width: 100%;
	border-collapse: separate;
	border-spacing: 7px;
	table-layout: fixed;
}
ul.coin-blue-border-button-list .info_list_coin_action a {
    display: block;
    width: 100%;
    height: 100%;
    color: #c00000;
    line-height: 2.5em;
    text-decoration: none;
    font-size: 13px;
    position: relative;
    top: 1px;
    font-weight: bold;
}
ul.coin-blue-border-button-list .info_list_coin a {
    display: block;
    width: 100%;
    height: 100%;
    color: #303030;
    line-height: 2.5em;
    text-decoration: none;
    font-size: 13px;
    position: relative;
    top: 1px;
}
ul.coin-blue-border-button-list .info_list_yamada_point_action a {
    display: block;
    width: 100%;
    height: 100%;
    color: #c00000;
    line-height: 2.5em;
    text-decoration: none;
    font-size: 13px;
    position: relative;
    top: 1px;
    font-weight: bold;
}
ul.coin-blue-border-button-list .info_list_yamada_point a {
    display: block;
    width: 100%;
    height: 100%;
    color: #303030;
    line-height: 2.5em;
    text-decoration: none;
    font-size: 13px;
    position: relative;
    top: 1px;
}
.inputDivideCoinBorder {
	border-bottom: 1px solid #8E8E8E;
    position: relative;
    top: -11px;
}
.inputDivideCoinBorderPc {
	border-bottom: 1px solid #8E8E8E;
    position: relative;
    top: -22px;
}
.inputDividePointBorder {
	border-bottom: 1px solid #8E8E8E;
    position: relative;
    top: -22px;
}
.payMethodBlock {
	padding: 0px 15px 4px 15px;
}
.payMethodBlockPc {
	padding: 0px 40px 4px 40px;
}
.payMethodLabel {
	color: #253861;
    font-weight: bold;
    position: relative;
    top: 5px;
    left: 7px;
}
.payMethodMessageContent {
	display: flex;
    width: 100%;
    margin: 10px 0px 5px 7px;
}
.ygmWeightingMessage {
    margin-left: 7px;
}
.ygmWeightingMessageImg {
	width: 108px;
}
.coinAjaxLoadingImgBack {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	height: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
.coinAjaxLoadingImg {
	z-index: -1;
	opacity: 0;
	display: none;
}
#coinAjaxLoadingImgContent .show {
    z-index: 200;
    height: auto;
    opacity: 1;
    position: fixed;
}
#coinAjaxLoadingImgContent .coinAjaxLoadingImgShow {
    display: block;
    z-index: 100;
    opacity: 10;
    margin: 200px auto;
}
.headerCoinAjaxLoadingImg {
	width: 17px;
    margin: 10px 0px 0px 34px;
}
.selectPayMethod {
	margin-left: 5px;
}
.couponListContent {
	position: -webkit-sticky;
    position:sticky;
    top:0;
    z-index: 9;
}
.blockPc {
	margin: 0px 40px 15px 40px;
}
.couponContent {
    display: table;
    background-color: #FF0000;
    border: 1px solid #A18F4F;
    width: 100%;
    padding: 9px;
    margin-bottom: -1px;
    height: 42px;
    color: white;
}
.couponContentUnuse {
    display: table;
    background-color: #B7B7B7;
    border: 1px solid #B3B3B3;
    width: 100%;
	padding: 9px;
	margin-bottom: -1px;
	height: 42px;
}
.couponContentNameEndTime {
	margin-left: 14px;
	display: flex;
	position: relative;
    top: 2px;
    width: 210px;
}
.couponContentName {
	font-weight: bold;
	display: table-cell;
	width: 121px;
}
.couponContentNameLabel {
	font-weight: bold;
	display: table-cell;
	width: 113px;
}
.couponContentEndTime {
	font-size: 12px;
    margin-left: 5px;
    width: 100px;
    position: relative;
    top: 2px;
    display: table-cell;
}
.couponContentCheckLabelBox {
	display: table-cell;
}
.couponContentCheckLabel {
	cursor: pointer;
}
.couponContentCheckLabelSpan {
	transform: scale(1.2) rotate(0.001deg);
}
.couponContentUnuseComment {
	font-size: 12px;
	margin-left: 16px;
	position: relative;
    top: 1px;
}
.couponContentUnuseCommentContent {
	display: table-cell;
}
.couponContentUseComment {
	font-size: 12px;
}
.couponAmountShow {
	position: relative;
    top: 494px;
    left: 3%;
    margin-top: -482px;
}
.afterDiscountPrice {
	background-color: #EECC75;
    width: 75px;
    font-size: 22px;
}
.payCustDelLink {
	text-align: center;
	margin: 20px 0px;
	display: none;
}
/* クーポン利用確認画面 */
#confirmCouponContent {
	 color: white;
}
.confirmCouponTitle {
	text-align: center;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    top: 6px;
}
.confirmCouponTag {
	position: relative;
    top: -102px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.confirmCouponImg {
	display: block;
    width: 279px;
    margin: auto;
    position: relative;
    top: 10px;
}
.confirmCouponName {
	position: relative;
    top: -106px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}
.confirmCouponEndTime {
	position: relative;
    top: -106px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: white;
}
.confirmCoupon1timeLeft {
	position: relative;
    top: -82px;
    text-align: center;
    background-color: #F47236;
    color: white;
    width: 108px;
    height: 32px;
    line-height: 32px;
    margin: auto;
    border-radius: 0 0 10px 10px;
    font-size: 17px;
    font-weight: bold;
}
.confirmCouponSubmitBtn {
	width: 274px;
    margin: auto;
    padding: 5px 10px;
    border-radius: 10px 10px;
    background-color: #F6C142;
    text-align: center;
    font-weight: bold;
    border: 1px solid #506E9B;
    position: relative;
    top: -81px;
    color: black;
}
.confirmCouponSubmitBtnLink {
	display: block;
	color: black !important;
	text-decoration: none!important;
}
.confirmCouponReturnBtn {
	width: 274px;
    margin: auto;
    padding: 5px 10px;
    border-radius: 10px 10px;
    background-color: #F0F0F0;
    text-align: center;
    font-weight: bold;
    border: 1px solid #506E9B;
    position: relative;
    top: -72px;
    color: black;
}
.confirmCouponReturnBtnLink {
	display: block;
	color: black !important;
	text-decoration: none !important;
}
.confirmCouponPayMethodDisPlay {
	position: relative;
    top: -65px;
    text-align: center;
    color: red;
}
.confirmCouponCanselComment {
	position: relative;
    top: -66px;
    text-align: center;
    color: #a9a9a9;
}

/*=================================================================================
	トップページクーポンポップアップ 2021/03/30
===============================================================================*/
.couponTopPopUpBack {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 200px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
.couponTopPopUpBackByLvUp {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 200px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
#popUpTopCoupon .show {
	z-index: 200;
	height: auto;
	opacity: 1;
	position: fixed;
}
.popUpTopCouponShow {
	z-index: 200;
	height: auto;
	opacity: 1;
	position: fixed;
}
#popUpTopCoupon .popUpTopBody {
	width: 300px;
	height: 408px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border: 1px solid;
	border-radius: 25px;
	border-color: #000000;
	background-color: #FFFFFF;

}
#popUpTopCoupon .popUpTopTitle {
	background-color: #F6C142;
	color: black;
	border-radius: 5px 5px 0px 0px;
	padding: 5px;
	text-align: center;
	font-size: 16px;
}
#popUpTopCoupon .removeBtnShow {
    display: block;
    z-index: 100;
    opacity: 10;
    border-radius: 50%;
    position: fixed;
    margin-left: 276px;
}
.couponTitleByTop {
	text-align: center;
    color: red;
    position: relative;
    top: 10px;
}
.getCouponListByTop {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#popUpTopCoupon .couponCheckButton {
	width: 80%;
	margin: auto;
	padding: 5px 10px;
	border-radius: 10px 10px;
	background-color: #F6C142;
	text-align: center;
	font-weight: bold;
	border: 1px solid #333;
   	position: relative;
   	top: -58px;
}
.couponRemoveBtnByTop {
	z-index: -1;
	opacity: 0;
	display: none;
}

/*=================================================================================
	2019/04/11 経験値 100万ポイント大抽選会キャンペーンページ
===============================================================================*/
#pf_exp_campaign #contents .top_img{
	width:100%;
}

#pf_exp_campaign #contents .announce{
	font-size: small;
}

#pf_exp_campaign #contents .exp_info{
	margin-top: 10px;
	text-align: center;
}

#pf_exp_campaign #contents .exp_info p{
	font-weight: bold;
	font-size: small;
	padding: 5px;
}

#pf_exp_campaign .totalExpTitle{
	width: 150px;
	margin: 10px auto;
	font-weight: bold;
	padding: 1px 12px;
	border-radius: 10px;
	background-color: #BB0000;
	color: #FFF;
}

#pf_exp_campaign .lotteryPoint{
	font-weight: bold;
	font-size:medium;
	color: #BB0000;
}

#pf_exp_campaign .exp{
	font-size: 30px;
	font-weight: bold;
	color: #BB0000;
}

#pf_exp_campaign .game_head {
	background-color: #404040;
	padding: 3px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}

#pf_exp_campaign .games {
	background-color: #e0e0e0;
	padding-bottom: 10px;
}

#pf_exp_campaign .notes {
	background-color: #404040;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	color: #FFF;
}

/*=================================================================================
	2019/05/24 メール配信設定
===============================================================================*/
#mail div{
	text-align: center;
}

#mail #contents table {
	width: 100%
}

#mail #contents table {
	width: 100%
}

#mail #contents table#setting th {
	text-align: left;
	font-weight: normal;
}

#mail #contents table#setting td {
	text-align: right;
	font-weight: normal;
}

#mail #contents table p{
	color:red;
	font-weight:bold;
	text-align: center;
	margin: 10px auto;
}

/*=================================================================================
	2019/06/06 VIP特設ページ
===============================================================================*/
/* 特設ページ 全体*/
#vip-contents {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: small;
}

	/* 特設ページヘッダー */
	#vip-contents .header{
		padding: 6px 0;
		display: flex;
		overflow: hidden;
	}

	/* 特設ページロゴ */
	#vip-contents a img {
		float: left;
		height: 38px;
		line-height: 38px;
		z-index: 1;
	}

	/* 特設ページヘッダータイトルイメージ */
	#vip-contents img.title-img {
		height: 25px;
		margin: 0px auto;
	}
	#vip-contents .head-main {
		display: flex;
				align-items: center;
	}

	/* 特設ページメイン画像 */
	#vip-contents .main-img {
		width: 100vw;
		height: 63vh;
		margin-bottom: 20px;
		background: url(/images/vip/bg_s.png) no-repeat;
		background-size: 100% auto;
		position: relative;
	}

	/* 特典一覧 */
	#vip-contents .benefits {
		width: 100%;
		position: absolute;
		bottom: 0;
	}

	/* シリアルコード */
	#vip-contents .benefits span{
		font-size: x-small;
	}
	/* 特設ページアンケート文言表示エリア */
	#vip-contents .questionnaire-area {
		width: 80%;
		font-size: small;
		border: 3px solid #FFFFFF;
		border-radius: 10px;
		margin: 10px auto;
		padding: 5px;
	}
	/*　アンケートフォームリンク */
	#vip-contents .questionnaire-link {
		color: #FFFF00;
	}

	/* シークレット情報表示エリア */
	#vip-contents .secret-area {
		width: 80%;
		font-size: small;
		margin: 10px auto;
		padding: 5px;
	}

/* VIP用TOPヘッダー */
.header-vip {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
}

.header-vip h1.vip {
		background: url(/images/vip/logo.png) no-repeat;
		background-size: 180px 38px;
}

	#header .title{
		height: 38px;
		width:56%;
		position: absolute;
		left:60px;
		align-items: center;
		display: flex;
	}

		#header .vip-head-logo h1 {
		float: left;
		display: block;
		padding: 38px 0 0;
		overflow: hidden;

		line-height: 38px;

		background: url(/images/vip/logo.png) no-repeat;
		background-size: contain;
	}

	/* VIP用TOPヘッダータイトル */
	.header-vip .title span{
		width: 45vw;
	}

	/* デザイン切り替えアイコン */
	#header .switch-icon {
		width: 70px;
		margin-left: 5px;
	}

	#header .switch{
		float: right;
		overflow: hidden;
		margin-top: 8px;
		}

	/* VIP用フッター */
	#vip-footer #menu ul {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000));
		background: -webkit-linear-gradient(top, #000 0%,#000 100%);
		background: linear-gradient(to bottom, #000 0%,#000 100%);
		background-color: #000;
	}

	.frame-wrap {
		width: 100vw;
		height: 62.63vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/* VIP用TOPフレーム背景 */
	.frame-wrap #frame-img {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100vw;
		height: 62.63vw;
		background: url(/images/vip/frame.png) no-repeat;
		background-size: 100vw 62.63vw;
		position: absolute;
		/* left: 50%; */
		/* margin-left: -160px; */
	}

	#frame-img .vip_game {
		width: 34.5%;
		height: 47.4%;
		position: absolute;
		left: 33.3%;
		top: 17.8%;
	}

	/* 最課金タイトルプレート画像*/
	#frame-img .name-plate {
		margin: 0px auto;
		font-weight: bold;
		font-size: 2.5vw;
		text-align: center;
		color: #5b2206;
		position: absolute;
		bottom: 8vw;
	}

/*=================================================================================
	2019/04/19 ヤマダゲームマネーBitCash決済ページ
===============================================================================*/

#ygm_bc .announce_title{
	margin: 0 auto;
	font-size: x-small;
	font-weight: bold;
}

#ygm_bc .center{
	text-align: center;
	margin: 10px auto;
}

#ygm_bc #contents h4 {
	margin: 24px 15px;
	color: #0f4d84;
}

#ygm_bc .fixedTermPurchaseRealGainTotalCoin {
	margin-top: -15px;
	margin-left: 15px;
	font-size: 18px;
	font-weight: bold;
}

#ygm_bc .eachEndTimeDisplay {
	margin-top: 5px;
    margin-left: 15px;
}

#ygm_bc .normalPurchaseCoin {
	margin: -19px 15px 0px;
	font-size: 18px;
	font-weight: bold;
}

#ygm_bc .YGMMovieRealGainTotalCoin {
	margin: -19px 15px 0px;
	font-size: 18px;
	font-weight: bold;
}

#ygm_bc .paymentPriceCredit {
    margin-left: 15px;
}

#ygm_bc .ac {
	margin: 10px auto;
}

#ygm_bc table {
	margin: 10px auto;
}

#ygm_bc #cardNumber {
	margin: 10px;
}

#ygm_bc .announce {
	font-size: x-small;
	width: 90%;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: left;
}

#ygm_bc .announce_pc{
	margin-top: 15px;
	font-size: small;
}

#ygm_bc .announce_pc p{
	margin-bottom: 15px;
}

#ygm_bc input[type=text] {
	-webkit-appearance: none;
	margin: 10px;
	width: 90%;
	padding: 8px 10px;
	font-size: 14px;
	line-height: 20px;
	border: 2px solid #ccc;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
	background-color: #fff;
	box-shadow: inset 0 4px 5px rgba(0,0,0,0.1);
}

#ygm_bc ul.link-area{
	width: 100%;
	text-align: center;
}

#ygm_bc ul.link-area li{
	padding: 3px;
}

#mygameEdit .message {
	width: 90%;
	margin: 10px auto;
	font-weight: bold;
	font-size: small;
}

#mygameEdit .message .alart{
	margin-top:10px;
	font-size: x-small;
	color: #c11828;
}

#mygameEdit .button-area {
	width: fit-content;
	margin: 10px auto;
}
#mygameEdit .button-area .button {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px;
	padding: 5px;
	width: 100px;
	height: 40px;
	color:#5e9cd9;
	line-height: normal;
	vertical-align: baseline;
	border: 1px solid #5e9cd9;
	border-radius: 5px;
	background-color: #F5F5F5;
}

#mygameEdit .mygame-horizontal .item {
	position: relative;
}

#mygameEdit .mygame-horizontal input[type="checkbox"]{
	display: none;
}

#mygameEdit .mygame-horizontal input[type="checkbox"]:checked + label {
	display: inline-block;
	width: 70px;
	height: 70px;
	content: url(/images/mygame/close.png);
	background-size: 100% 100%;
	-webkit-border-radius: 4%;
	-moz-border-radius: 4%;
	border-radius: 10%;
}

#mygameEdit .mygame-horizontal .item .disable-game{
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
}

/*===============================================================================
	トップページ ホーム画面追加誘導ポップアップ
===============================================================================*/
.shortCutPopUp {
	width: 265px;
	position: relative;
	margin: 5px auto;
	}

	#addShortCutPopUp img {
		width: 100%;
	}

	#addShortCutPopUp p {
		margin: 0px auto;
		color: #ffffff;
		padding: 10px;
		text-align: left;
		font-size: 20px;
		line-height: 23px;
	}

.announceModal {
	position: fixed;
	top: 7%;
	left: 5%;
	z-index: 101;
	width: 90%;
	display: none;
}

.addShortCut {
	width: 100%;
	height: fit-content;
	margin: 0px auto;
	color: #FFFFFF;
	font-size: x-large;
	border-radius: 25px;
	background-color: rgba(0,0,0,0.6);
	border: solid 3px #FFFFFF;
	box-shadow: 0 0 8px black;
	}

	.addShortCut .red_announce{
		width: fit-content;
		padding: 5px 10px;
		background-color: red;
		border-radius: 20px;
		border: none;
		line-height: 22px;
		font-size:large;
	}

	.addShortCut .step {
		width: 90%;
		height: fit-content;
		display: flex;
		margin: 15px auto;
	}

	.addShortCut .step_text {
		width:45%;
		font-size:initial;
		margin: 0px;
		text-align: left;
	}

	.addShortCut .android {
		width:65%;
	}

	.addShortCut .long {
		width:80%;
	}

	.addShortCut .step_img {
		width:55%;
		margin: 0px;
		position: relative;
	}

	.addShortCut .step_img img{
		width:100%;
	}

	.addShortCut .step_img_android {
		width:35%;
		margin: 0px;
		position: relative;
	}

	.addShortCut .step_img_android img{
		width:100%;
	}

	.addShortCut .first_arrow{
		width: 80%;
		margin: 5px;
		position: relative;
		bottom: 25px;
	}

	.closeButton {
		position: absolute;
		z-index: 111;
		top: -5px;
		right: -5px;
		width: 25px;
		height: 25px;
		border-radius: 50%;
	}

	.addShortCut .symbol {
		width: 15%;
		margin: 5px;
	}

	.addShortCut .sc_img {
		width: 55px;
		height: 55px;
	}

	.addShortCut .sc_right {
		text-align: right;
	}

	.addShortCut .sc_img_bonus {
		width: 50px;
		margin: 5px;
	}

	.addShortCut p {
		margin: 10px auto;
		font-size: 5.5vw;
		text-align: center;
	}

	.addShortCut .change_bonus {
		width: 80%;
		margin: 10px auto;
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
	}

	.addShortCut .change_bonus img{
		width: 90px;
	}

	.addShortCut .change_bonus img.arrow{
		width: 50px;
		margin: 20px auto;
	}

	.addShortCut .get_sc_bonus {
		text-align:center;
		font-size: larger;
	}

	.addShortCut .okButton {
		width: 40%;
		margin: 10px auto;
		font-weight: bold;
		text-align: center;
		border: solid 3px #FFFFFF;
		border-radius: 10px;
	}

	.addShortCut .small_announce{
		width: fit-content;
		padding: 5px;
		text-align: left;
		font-size: x-small;
		justify-content: right;
		margin: 0px auto;
	}

.forModal{
	width: 30px;
	height: 30px;
	display: none;
}

#receiveShortcutBonusModal {
	position: fixed;
	top: 15%;
	left: 5%;
	z-index: 103;
	width: 90%;
	height: 380px;
	display: none;
}

#receiveShortcutBonusModal .red_announce{
	width: 50%;
	height: 20px;
	background-color: red;
	border-radius: 20px;
	border: none;
	font-size: small;
	line-height: 13px;
}

#receiveScBonusScreen {
	position: fixed;
	top:0;
	left:0;
	width:100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.7);
	display: none;
	z-index: 9;
}
/*===============================================================================
	トップページ デンちゃんアイコン(ヤマダゲームマネー動画連動キャンペーン)
===============================================================================*/
.ygmCmSpecialCampaignIcon {
	display: block;
    position: fixed;
    bottom: 45px;
    align-items: center;
    justify-content: center;
    text-align: right;
    width: 100%;
    z-index: 8;
}
}

/*===============================================================================
	メールアクセス集計 コイン即時付与URL機能追加 コイン付与完了ページ
===============================================================================*/
#mailAccess .name-area {
	padding: 20px 0;
}
#mailAccess .main-sentence {
	padding-bottom: 20px;
}
#mailAccess .recommendIndicater {
	text-align: center;
}
/*===============================================================================
	PF来店メール送信ボタン化
===============================================================================*/
/* トップページ ヘッダー */
.pfMailButton {
	float: right;
	margin-left:5px;
}
.pfMailButton img {
	width: 40px;
	height: 38px;
}
/* 送信完了ポップアップ */
.sent_pfmail_popup.show{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
	transition: opacity 200ms ease 0s;
	z-index: 110;
	height: auto;
	opacity: 1;
}
.sent_pfmail_popup .popup_box {
	width: 90%;
	height: auto;
	margin: 10px auto;
	overflow: hidden;
	border: solid 3px #FFFFFF;
	border-radius: 25px;
	background-color: rgba(0,0,0,0.6);
}
.sent_pfmail_popup .popup_content {
	text-align: center;
	color: #FFFFFF;
	padding: 10px;
	line-height: 1.8em;
	font: message-box;
}
.mail_button_text {
	position: absolute;
	top: 37px;
	font-size: x-small;
	color: #FF8401;
	width: 40px;
	text-align: center;
}
.mail_button_img {
	width: 95%;
	margin-bottom: 5px;
}
.already_sent_mail {
	float: right;
    margin-left: 5px;
}
.pf_mail_button.off {
	position: absolute;
    top: 14px;
}
.pf_mail_button.off img {
	width: 40px;
	height: 38px;
}
.pf_mail_button.on {
	float: right;
}
.already_sent {
	float: right;
}

.already_sent .pf_mail_dummy {
	width: 40px;
    height: 36px;
}
.pf_mail_img_on {
	position: absolute;
	top: 13px;
	width: 40px;
	height: 38px;
}
.on .pf_mail_dummy {
	width: 40px;
	height: 36px;

}


/*===============================================================================
	トップページ週間人気ランキング 女性向けランキング
===============================================================================*/
.shadow.containing-ranking-tab {
	padding: 6px 0 0 0;
}
.ranking-tab-area {
}
.ranking-tab-container {
	display: flex;
	justify-content: center;
}
.ranking-tab-item {
	border: 2px solid #cdcbce;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
	background-color: #e8e7e7;
	width: 25%;
	height: 30px;
	margin: 0 -0.5px;
}
.ranking-tab-general {
	color: #682F9F;
}
.ranking-tab-man {
	color: #00539f;
}
.ranking-tab-woman {
	color: #E08693;
	margin-right: 0;
}
.tab-name {
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    font-size: unset;
}
.ranking-tab-item.selected {
	background-color: #FFFFFF;
}
.ranking-games.not-selected {
	display: none;
}
/*===============================================================================
	エラーページ静的化
===============================================================================*/
.error-static-header {
	padding: 6px 0;
	overflow: hidden;
}
.error-static-header h1 {
    float: left;
    display: block;
    width: 180px;
    height: 0;
    padding: 38px 0 0;
    overflow: hidden;
    line-height: 38px;
    background: url(../img/logo_yamadagame.png) no-repeat;
    background-size: 180px 38px;
}
/*===============================================================================
	SP詳細 パンくずリスト
===============================================================================*/
.navi-container {
	font-size: xx-small;
	display: flex;
	margin-left: 7px;
	margin-top: 25px;
}
.navi-container .navi-item {
	margin: 0 2px;
}
/*===============================================================================
	ヘルプ誘導改善
===============================================================================*/
#inquryGameVisibleResult .info_divide_game a {
	padding: 20px 0;
}
#inquryGameVisibleResult .mygame-horizontal {
	width: 276px;
	margin: 0 auto;
}
#inquryGameVisibleResult .mygame-horizontal.height-fix {
	overflow: hidden;
}
#inquryGameVisibleResult .mygame-horizontal .item {
	float: left;
	width: 62px;
	margin: 10px 3.5px 2px;
}
#inquryGameVisibleResult .mygame-horizontal .item .figure img {
	width: 62px;
	height: 62px;
}
/*===============================================================================
	PC新規登録
===============================================================================*/
.pc_registration2 #registration .gmail_button {
	margin: 15px 25px;
	height: 50px;
	border-radius: 20px;
	border: 2px solid #264E7F;
	display: flex;
	background-color: #EFEFED;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.pc_registration2 #registration .gmail_button a {
	color: black;
	font-size: large;
}
.pc_registration2 .mail_announcement {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.pc_registration2 .URL_announcement {
	margin-top: 15px;
	display: flex;
	flex-direction: column;
   	align-items: center;
}
/* SP */
#registration .mobile_top_link_area {
	display: flex;
	justify-content: center;
}
#registration .mobile_top_link {
	color: gray;
	text-decoration: underline;
}
/*===============================================================================
	YGセット
===============================================================================*/
.ygSet {
	display: block;
    position: fixed;
    bottom: 45px;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 8;
    background-color: rgba(61,61,61,0.95);
    height: 66px;
    padding: 5px;
}
.ygSetToAnotherWindow {
	display: block;
    position: fixed;
    bottom: 0px;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 8;
    background-color: rgba(61,61,61,0.95);
    height: 66px;
    padding: 5px 3px;
}
.ygSetContentLeft {
	display: table-cell;
	min-width: 68px;
}
.ygSet_limitedTimeMessage {
	background-color: #B02318;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    position: relative;
    margin-top: 15px;
    padding: 2px 4px;
    top: -5px
}
.ygSet_referLink {
	position: relative;
    left: 24%;
    text-decoration: underline;
    color: white!important;
    top: 5px;
}
.ygSetContentRight {
	display: table-cell;
    border: 1px solid #EDC062;
    background: linear-gradient(#F6D587, #ECB354);
    height: 56px;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    font-size: 0.9em;
    color: black!important;
    text-decoration: none!important;
    width: 290px;
}
.ygSetContentRightMessageToDocomo {
	display: block;
    color: white;
    width: 100%;
    height: 61px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    padding-top: 10px;
}
.ygSetContentRightMessageToDocomoToPc {
	display: block;
    color: white;
    width: 100%;
    height: 77px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding-top: 10px;
}
.ygSetContentRightMessageToDocomoBottom {
	font-size: 11px;
    font-weight: normal;
}
.ygSetContentRightMessageToDocomoBottomToPc {
	font-size: 13px;
    font-weight: normal;
}
.ygSetContentRightLabel {
	margin-left: 7px;
	text-align: left;
	position: absolute;
	margin-top: 3px;
}
.ygSetContentPriceAndCoinContent {
	border-spacing: 9px 0;
}
.ygSetContentPriceContent {
	display: table-cell;
	vertical-align: middle;
	margin-left: 10px;
}
.ygSetContentPriceUnit {
	font-size: 1em;
}
.ygSetArrow {
	position: relative;
    left: 3px;
}
.ygSetContentCoinContent {
	display: table-cell;
	text-align: left;
	line-height: 50%;
}
.ygSetContentPriceCreditLabel {
	font-size: 1em;
}
.ygSetPrice {
	display: inline-block;
	transform: scale(1, 1.2);
	font-size:15px;
	margin-top: 15px;
}
.ygSetCoin {
	color: #A82218;
	display: inline-block;
	transform: scale(1, 1.2);
	line-height:250%;
	font-size:15px;
}
.ygSetContentNormalPosition {
	border: 4px solid #AF1A14;
    background: linear-gradient(#F6D587, #ECB354);
    height: 62px;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    font-size: 0.9em;
    width: 100%;
    margin-bottom: 8px;
}
.ygSetContentNormalPositionToPc {
	border: 4px solid #AF1A14;
    background: linear-gradient(#F6D587, #ECB354);
    height: 65px;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    width: 100%;
    margin-bottom: 8px;
}
.ygSetContentNormalPositionLink {
	display: block;
	color: black!important;
    text-decoration: none!important;
}
/*===============================================================================
	YGセット(PC)
===============================================================================*/
.ygSetToPC {
	display: block;
    align-items: center;
    justify-content: center;
   /*  width: 100%; */
    background-color: rgba(61,61,61,1);
    height: 83px;
    padding: 5px 5px 5px 0;
    position: fixed;
    bottom: 0px;
    width: 640px;
    left: 50%;
    transform: translateX(-50%);
}
.ygSetContentPriceAndCoinContentToPC {
	border-spacing: 18px 0;
	font-size: 18px;
}
.ygSetContentRightToPc {
	display: table-cell;
    border: 1px solid #EDC062;
    background: linear-gradient(#F6D587, #ECB354);
    height: 72px;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    color: black!important;
    text-decoration: none!important;
    width: 100%;
}
.ygSetPriceToPc {
	display: inline-block;
	transform: scale(1, 1.2);
	font-size: 18px;
	margin-top: 28px;
}
.ygSetCoinToPc {
	color: #A82218;
	display: inline-block;
	transform: scale(1, 1.2);
	line-height: 250%;
	font-size: 18px;
}
/*===============================================================================
	セレクトボックス
===============================================================================*/
select {
    border: 1px solid #7A7A7A;
    -webkit-writing-mode: horizontal-tb !important;
    color: black;
    appearance: auto;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    border-radius: 3px;
}
/*===============================================================================
	ファイルを選択
===============================================================================*/
input[type="file"] {
	display: none;
}
.inputFile {
	border: 1px solid #7A7A7A;
	padding: 4px 8px;
	color: black;
	background-color: #EFEFEF;
	border-radius: 40px;
	display: inline-block;
	margin: 3px 0;
	font-size: 0.8rem;
}
.inputFileName {
	font-size: 0.8rem;
}
/*===============================================================================
	ニュース(一覧)
===============================================================================*/
.newsContent {
	display: flex;
}
.newsBox {
	background-color: #EBECF4;
	margin-bottom: 45px;
}
.newsLabel {
	margin: 15px 8px 10px 15px;
	font-weight: bold;
	font-size: 16px;
}
#newsCategory {
	margin: 15px auto;
}
.newsCategory {
	margin-right: 7px;
    font-size: 12px;
    color: black;
}
.newsList {
	margin: 0px 10px 30px 10px;
}
.newsWeekLabel {
	margin-left: 5px;
	font-size: 11px;
}
.newsInfoContent {
	background-color: white;
	border-radius: 10px;
	margin-bottom: 10px;
	display: flex;
	width: 100%;
	height: 110px;
}
.newsInfoLeftContent {
	font-size: 14px;
	display: flex;
	flex-direction: column;
	width: 50%;
	padding: 8px 9px;
}
.newsInfoRightContent {
	line-height: 110px;
	margin-left: auto;
	padding-right: 5px;
	width: 50%;
	text-align: right;
}
.newsTitle {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: bold;
    text-decoration: none;
    color: black;
}
.newsGameInfoBox {
	line-height: 100px;
}
.newsGameInfoContent {
	margin-top: auto;
	margin-bottom: 2px;
	display: flex;
}
.newsGameNameContent {
	flex: 0;
	min-width: 85%;
}
.newsGameName {
	line-height: 14px;
    font-size: 11px;
    background-color: #BEBEBF;
    border-radius: 4px;
    color: white;
    padding: 5px 4px;
    text-align: left;
    display: block;
    height: 22px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newsGameImage {
	width: 20px;
	height: 20px;
}
.newsImage {
	max-width: 100%;
	height:92px;
}
.newsNonResult {
	text-align: center;
	font-weight: bold;
}
/*===============================================================================
	ニュース(トップページ)
===============================================================================*/
.topNewsContent {
	background-color: black;
	position: absolute;
	bottom: 45px;
	width: 100%;
	height: 32%;
	color: white;
}
.topNewsBox {
	display: flex;
	/* justify-content: center; */
	height: 88%;
	padding: 3% 4% 0 4%;
	gap: 0px 4%;
}
.topNewsColumn {
	display: flex;
    flex-flow: column;
    width: 48%;
}
.topNewsTitle {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: bold;
    text-decoration: none;
    color: white;
    font-size: 11px;
    height: 30px;
    margin: 3px 0px;
}
.topNewsImage {
	width: 100%;
}
.topNewsGameContent {
	display: table;
    table-layout: fixed;
    width: 100%;
}
.topNewsGameContentLink {
	display: table-cell;
	width: 20px;
}
.topNewsGameNameContent {
	display: table-cell;
    vertical-align: middle;
}
.topNewsGameName {
	line-height: 14px;
    font-size: 11px;
    background-color: #404040;
    border-radius: 4px;
    color: white;
    padding: 5px 4px;
    text-align: left;
    display: block;
    height: 21px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.topNewsLink {
	display: block;
	text-align: center;
	color: white;
	font-size: 12px;
}
/*=================================================================================
	お礼メール
===============================================================================*/
#mailAccess .addCoinText {
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 18px;
}

#mailAccess .item {
	text-align: center;
	margin-bottom: 20px;
}

#mailAccess .coinImage {
	text-align: center;
	width: 100px;
	height: auto;
}
/*=================================================================================
	トップページ ターゲットマーケティング
===============================================================================*/
.popUpTargetMarketingBack {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 50px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
#popUpTargetMarketingByRealTime .show, #popUpTargetMarketingBySevenDays .show,
#popUpTargetMarketingByLvUp .show, #popUpTargetMarketingByReDispray .show {
	z-index: 200;
	height: auto;
	opacity: 1;
	position: fixed;
}
.popUpTargetMarketingShow {
	z-index: 200;
	height: auto;
	opacity: 1;
	position: fixed;
}
#popUpTargetMarketingByRealTime .couponImage, #popUpTargetMarketingBySevenDays .couponImage,
#popUpTargetMarketingByLvUp .couponImage, #popUpTargetMarketingByReDispray .couponImage {
		display: block;
		width: 245px;
	    margin: 8px 25px 0px;
}
#popUpTargetMarketingByRealTime .targetMarketingPopUpTopBody, #popUpTargetMarketingBySevenDays .targetMarketingPopUpTopBody,
#popUpTargetMarketingByLvUp .targetMarketingPopUpTopBody, #popUpTargetMarketingByReDispray .targetMarketingPopUpTopBody {
	width: 300px;
	height: 300px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border: 1px solid;
	border-radius: 25px;
	border-color: #000000;
	background-color: #FFFFFF;
}
#popUpTargetMarketingByRealTime .popUpTitle, #popUpTargetMarketingBySevenDays .popUpTitle,
#popUpTargetMarketingByLvUp .popUpTitle, #popUpTargetMarketingByReDispray .popUpTitle {
	color: white;
	background-color: #C00000;
	padding: 5px;
	text-align: center;
	font-size: 14px;
}
#popUpTargetMarketingByRealTime .popUpBody, #popUpTargetMarketingBySevenDays .popUpBody,
#popUpTargetMarketingByLvUp .popUpBody, #popUpTargetMarketingByReDispray .popUpBody {
	color: #022880;
	padding: 7px;
	text-align: center;
	font-size: 14px;
	position: relative;
	top: -65px;
	height: 53px;
    overflow: scroll;
}
#popUpTargetMarketingByRealTime .popUpBodyTargetMarketingCoupon, #popUpTargetMarketingBySevenDays .popUpBodyTargetMarketingCoupon,
#popUpTargetMarketingByLvUp .popUpBodyTargetMarketingCoupon, #popUpTargetMarketingByReDispray .popUpBodyTargetMarketingCoupon {
	color: #FF8100;
	padding: 8px;
	text-align: center;
	font-size: 18px;
	font-weiht: bold;
	position: relative;
	top: -76px;
}
#popUpTargetMarketingByRealTime .removeBtnShow, #popUpTargetMarketingBySevenDays .removeBtnShow,
#popUpTargetMarketingByLvUp .removeBtnShow, #popUpTargetMarketingByReDispray .removeBtnShow {
    display: block;
    z-index: 100;
    opacity: 10;
    border-radius: 50%;
    position: fixed;
    margin-left: 276px;
}
#popUpTargetMarketingByRealTime .couponConfirmUnusable, #popUpTargetMarketingBySevenDays .couponConfirmUnusable,
#popUpTargetMarketingByLvUp .couponConfirmUnusable, #popUpTargetMarketingByReDispray .couponConfirmUnusable {
	position: relative;
    top: -76px;
    text-align: center;
    background-color: #B7B7B7;
    color: white;
    width: 194px;
    height: 28px;
    line-height: 28px;
    margin: auto;
    border-radius: 0 0 10px 10px;
    font-size: 12px;
    font-weight: bold;
}
.targetMarketingButtonLink {
   	color: black;
   	display: block;
}
#popUpTargetMarketingByRealTime .targetMarketingButton, #popUpTargetMarketingBySevenDays .targetMarketingButton,
#popUpTargetMarketingByLvUp .targetMarketingButton, #popUpTargetMarketingByReDispray .targetMarketingButton {
	width: 80%;
	margin: auto;
	padding: 5px 10px;
	border-radius: 10px 10px;
	background-color: #FFD700;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	border: 1px solid #333;
   	position: relative;
	top: -65px;
}
.targetMarketingRemoveBtn {
	z-index: -1;
	opacity: 0;
	display: none;
}
#popUpTargetMarketingBySevenDays .countDonwSpecialSale,
#popUpTargetMarketingByReDispray .countDonwSpecialSale {
	color: white;
	text-align: center;
	font-family:Helvetica;
	font-weight: bold;
	font-size: 15px;
	position: relative;
	top: -157px;
}
#targetMarketingBySevenDaysContent .targetMarketingCheckBoxArea,
#targetMarketingByReDisprayContent .targetMarketingCheckBoxArea {
	position: absolute;
    text-align: center;
    margin-top: 10px;
    top: 348px;
    left: 37%;
    z-index: 200;
}
#targetMarketingBySevenDaysContent .targetMarketingCheckBox,
#targetMarketingByReDisprayContent .targetMarketingCheckBox {
	display: none;
}
#targetMarketingBySevenDaysContent .targetMarketingCheckBoxText,
#targetMarketingByReDisprayContent .targetMarketingCheckBoxText {
	cursor: pointer;
	color: white;
	font-size: 15px;
	font-weight: bold;
}
#targetMarketingBySevenDaysContent .checkmark,
#targetMarketingByReDisprayContent .checkmark {
	position: absolute;
    top: -1px;
    left: -27px;
    height: 20px;
    width: 20px;
    border: solid 2px #d4dae2;
    border-radius: 2px;
    box-sizing: border-box;
}
#targetMarketingBySevenDaysContent .checkmark:after,
#targetMarketingByReDisprayContent .checkmark:after {
  content: "";
  position: absolute;
  left: 5px; /* チェックの位置 */
  top: 0px; /* チェックの位置 */
  width: 6px; /* チェックの大きさ */
  height: 10px; /* チェックの大きさ */
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0; /* 透明にしておく */
}
/* チェックが入ったときの✓ */
#targetMarketingBySevenDaysContent .targetMarketingCheckBoxText input:checked + .checkmark:after,
#targetMarketingByReDisprayContent .targetMarketingCheckBoxText input:checked + .checkmark:after {
  opacity: 1; /* 透明を解除 */
}

/*=================================================================================
	特商法対応用POPUP
===============================================================================*/
.specialCommercialCodePopUpShowBack {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 50px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
#specialCommercialCodePopup .specialCommercialCodePopUpShow {
	z-index: 200;
	height: auto;
	opacity: 1;
	position: fixed;
}
#specialCommercialCodePopup .couponImage {
		display: block;
		width: 245px;
	    margin: 8px 25px 0px;
	}
#specialCommercialCodePopup .popUpTopBody {
	width: 300px;
	height: 300px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border: 1px solid;
	border-radius: 25px;
	border-color: #000000;
	background-color: #FFFFFF;
}
#specialCommercialCodePopup .removeBtnShow {
    display: block;
    z-index: 100;
    opacity: 10;
    border-radius: 50%;
    position: fixed;
    margin-left: 276px;
}
.specialCommercialCodeRemoveBtn {
	z-index: -1;
	opacity: 0;
	display: none;
}
#specialCommercialCodePopup .popUpTitle {
	color: white;
	background-color: #289cdb;
	padding: 5px;
	text-align: center;
	font-size: 16px;
}
#specialCommercialCodeShow .popUpBody {
	color: #022880;
	padding: 7px;
	text-align: center;
	font-size: 16px;
	position: relative;
	top: 20px;
}

#specialCommercialCodeShow .specialCommercialCodeBorderLine {
	border-bottom: solid 1px #dddddd;
	margin: 10px 20px;
}

#specialCommercialCodeShow .specialCommercialCodeRealPrice {
	color: #022880;
	margin-top: 18px;
}

#specialCommercialCodePopup .couponConfirmUnusable {
	position: relative;
    top: -76px;
    text-align: center;
    background-color: #B7B7B7;
    color: white;
    width: 194px;
    height: 28px;
    line-height: 28px;
    margin: auto;
    border-radius: 0 0 10px 10px;
    font-size: 12px;
    font-weight: bold;
}
.specialCommercialCodeButtonLink {
   	color: black;
   	display: block;
}
#specialCommercialCodeShow div .specialCommercialMessage {
	padding: 6px;
    font-size: 13px;
    color: #9b9b9b;
    position: relative;
    top: 18px;
    text-align: center;
}
#specialCommercialCodePopup .specialCommercialCodeButton {
	width: 80%;
	margin: auto;
	padding: 5px 10px;
	border-radius: 10px 10px;
	background-color: #FFD700;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	border: 1px solid #333;
   	position: relative;
	top: 18px;
}
#specialCommercialCodeShow .specialCommercialCodebox {
    padding: 0.5em 1em;
    margin: 26px 18px;
    font-weight: bold;
    font-size: 13px;
    color: #9b9b9b;
    background: #FFF;
    border: solid 1px #dddddd;
    border-radius: 10px;
}


/*=================================================================================
	ポイント獲得方法一覧
===============================================================================*/
/*
* ポイントもらう方法 モーダル
*/
.earningPointsMethodShowBack {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 16%;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
#earningPointsMethodPopup .earningPointsMethodPopUpShow {
	z-index: 200;
	height: auto;
	opacity: 1;
	position: fixed;
}
#earningPointsMethodPopup .popUpTopBodyEarningPointMethod {
	width: 308px;
	height: 430px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border-radius: 20px;
	border-color: #000000;
	background-color: #FFFFFF;
	background: rgb(255,255,255);
	background: linear-gradient(135deg, rgba(222,235,247,1) 0%, rgba(0,176,240,1) 30%, rgba(203,173,227,1) 70%, rgba(248,203,173,1) 100%);
}
#earningPointsMethodPopup .removeBtnShow {
    display: block;
    z-index: 100;
    opacity: 10;
    border-radius: 50%;
    position: fixed;
	margin-top: 10px;
	margin-left: 280px;
	color: #FFFFFF;
}
.earningPointsMethodRemoveBtn {
	z-index: -1;
	opacity: 0;
	display: none;
	width: 8%;
}
#earningPointsMethodShow .earningPointsMethodBoxUnder {
    padding: 10px;
    margin: 15px 110px 15px 10px;
    font-weight: bold;
    font-size: 11.5px;
    color: #ED7D31;
    background: #FFF;
    border-radius: 10px;
	box-shadow: -1px -1px 5px rgba(0,0,0,0.3)
}
#earningPointsMethodShow .earningPointsMethodBoxTop {
    padding: 20px 10px;
    margin: 0px 10px;
    font-weight: bold;
    font-size: 16px;
    color: #1F4E79;
    background: #FFF;
    border-radius: 10px;
    text-align: center;
	box-shadow: -1px -1px 5px rgba(0,0,0,0.3)
}
.earningPointsMethodRemoveBottom {
	text-align: center;
}
#earningPointsMethodRemoveBtnUnder {
	color: #000000;
	background-color: #9bf9e6;
	border-radius: 100vh;
	display: inline-block;
	padding: 2px 40px;
	margin: 1% 0;
	box-shadow: -5px -1px 8px rgba(0,0,0,0.3)
}
.earningPointsMethodMessage p {
	font-size: 16px;
	color: #FFFFFF;
}
.earningPointsMethodImage {
	margin: -3px 10%;
}
.earningPointsMethodMessageCharacter {
	position: relative;
}
.earningPointsMethodMessage {
	margin: 3% 3%;
}
.earningPointsMethodCharacter {
	position: absolute;
	width: 110px;
	left: 195px;
	top: -15px;
}

/*
* スクロール
*/
.earningPointMethodTitle {
	font-weight: bold;
	margin: 6px 0px 0px 12px;
}
#gameTagGameArea > div > p.earningPointMethodTitle {
	font-size: medium;
}

.earningPointMethodListBottun {
	font-weight: bold;
	margin-left: auto;
	margin-right: 5px;
	margin-top: 5px;
	cursor: pointer;
}

.scrollWrapper {
	overflow-x: auto;
	scrollbar-width: none;
}

.scrollWrapper::-webkit-scrollbar {
	width: 1px;
	height: 1px;
}

.scrollWrapper::-webkit-scrollbar-thumb {
	background: #ffffff;
}

.ulScroll {
	display: flex;
	margin-block-start: 0;
	padding-inline-start: 5px;
}

.listScroll {
	width:125px;
	margin: 5px;
}

.imgScroll {
	width:125px;
	height: 138px;
	border-radius: 8px;
}
.scrollAreaGameTitle {
	color: #9f9d9d;
	font-size: 8px;
	margin-top: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*
* 一覧部分
*/
.earningPointMethodListShowBack {
	position: absolute;
	left: 0;
	right: 0;
	z-index: -1;
	padding-top: 10px;
	height: 0;
	overflow: hidden;
	background: #fff;
	opacity: 0;
	transition: all 0.6s;
}

.earningPointMethodListTitle {
	font-weight: bold;
    margin: auto;
}

.earningPointMethodListBackButton {
	cursor: pointer;
	width: 20px;
	margin-right: 10px;
}

.listWrapper {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}

.ulList {
	display: flex;
	flex-flow: wrap;
	gap: 0px;
	justify-content: start;
	margin-left: 5px;
}

.liList {
	margin:0px 5px 5px;
	font-size: 10px;
	text-align: left;
}

.imgList {
	width: 145px;
	height: 160px;
	border-radius: 10px;
	margin-bottom: 5px;
}
.titleTextList {
	color: #9f9d9d;
	width: 145px;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*
* ポイント進呈ゲーム個別ポップアップ
*/
.earningPointGamesPopUpShowBack {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 50px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}

#earningPointGamesPopUp .earningPointGamesPopUpShow {
	z-index: 200;
	height: auto;
	opacity: 1;
	position: fixed;
	padding-top: 16%;
}

#earningPointGamesPopUp .popUpTopBody {
	width: 300px;
	height: 430px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border-radius: 20px;
	border-color: #000000;
	background-color: #FFFFFF;
	background: rgb(255,255,255);
	background: linear-gradient(135deg, rgba(222,235,247,1) 0%, rgba(0,176,240,1) 30%, rgba(203,173,227,1) 70%, rgba(248,203,173,1) 100%);
}

#earningPointGamesPopUp .removeBtnShow {
    display: block;
    z-index: 100;
    opacity: 10;
    border-radius: 50%;
    position: fixed;
    margin-left: 276px;
    margin-top: 5px;
    color: #FFFFFF;
}

.earningPointGamesPopUpRemoveBtn {
	z-index: -1;
	opacity: 0;
	display: none;
}

#earningPointGamesPopUp  .popUpTitle {
	margin-top: 5px;
	text-align: center;
	font-size: 8px;
}

#earningPointGamesPopUp  .popUpSubTitle {
	letter-spacing: -1px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

#earningPointGamesShow .popUpBody {
	color: #022880;
	padding: 7px;
	text-align: center;
	font-size: 16px;
	position: relative;
	top: -5px;
}

.marquee {
	animation: marquee-anim 10s linear infinite;
	animation-delay: 1s;
	white-space: nowrap;
}

@keyframes marquee-anim {
	0%   { transform: translate(0%, 0); }
	50% { transform: translate(-100%, 0);
		  opacity: 1;}
	51% { transform: translate(-100%, 0);
	 	  opacity: 0;}
	52% { transform: translate(100%, 0);
	 	  opacity: 0;}
	53% { transform: translate(100%, 0);
	 	  opacity: 1;}
	100% { transform: translate(0%, 0); }
}

.marqueeWrapper {
	overflow: hidden;
	margin: auto;
}

.earningPointsMethodTextWrapper {
	display: inline-flex;
}

.earningPointsMethodText {
	display: block;
	margin: auto;
}

#earningPointGamesShow .earningPointsMethodSeparatedDisplay {
	color: #FFF;
	margin-top: 2px;
	margin-left: 10px;
	text-align: left;
	font-size: 14px;
	height: 22px;
}

#earningPointGamesShow .circle {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ffc000;
	text-align: center;
}

#earningPointGamesShow .bigCircle {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background: #ffc000;
	font-size: 15px;
	text-align: center;
	margin-right: 10px;
}

#earningPointGamesShow .pTextSpace {
	margin-left: 2px;
}

#earningPointGamesShow .tTextSpace {
	letter-spacing: 6px;
}

#earningPointGamesPopUp .earningPointGamesButton {
	width: 50%;
	margin: inherit;
	padding: 3px;
	border-radius: 20px;
	background-color: #9bf9e6;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
   	position: relative;
	top: -4px;
	box-shadow: -1px -1px 12px rgb(0 0 0 / 50%);
}

.earningPointGamesButtonLink {
   	color: black;
   	display: block;
}

#earningPointGamesShow div .earningPointGamesImg {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 5px;
}

#earningPointGamesShow .whatGameText {
	margin: 7px 0px -7px 15px;
	font-weight: bold;
}

#earningPointGamesShow .earningPointGamesbox {
	height: 9rem;
    margin: 10px 15px;
    font-weight: bold;
    font-size: 11px;
    border-radius: 2px;
    overflow: scroll;
/*     display: flex; */
/*     align-items: stretch; */
/*     flex-direction: column; */
/* 	flex: 2; */
/* 	height: 100%; */
/* 	min-height: 0%; */
}

#earningPointGamesDescriptionText {
/* 	height: auto; */
/* 	display: flex; */
/*     align-items: stretch; */
/*     flex-direction: column; */
/* 	flex: 2; */
/* 	height: 100%; */
/* 	min-height: 0%; */
}

/*
* ゲームを見つけるエリア
*/
.findGameArea {
	position: relative;
}
.findGameInnerArea {
	background-color: #ffffff;
}
.findGameArea .displayingGameDetail{
	z-index: 30;
	display: block;
}
.findGameAreaInitialDisplay {
	position: relative;
	left: 0;
	right: 0;
	z-index: 40;
	background-color: #fff;
	height: 100%;
}
.findGameArea .findGameAreaSlideOut {
	position: absolute;
	display: block;
	z-index: 40;
	animation: slideOut 1.0s;
}
.findGameArea .findGameAreaSlideOut.animationEnd {
	z-index: 20;
	display: none;
	position: absolute;
}
@keyframes slideOut {
	0% {
		opacity: 1;
		transform: translateX(0);
	}
	99% {
		transform: translateX(-100%);
	}
	100% {
		opacity: 0;
	}
}

.findGameAreaCommon {
	position: absolute;
	left: 0;
	right: 0;
	background-color: #fff;
	height: 100%;
	display: none;
}

.findGameTalk {
	background: rgb(102,124,229);
	background: linear-gradient(135deg, rgba(102,124,229,1) 0%, rgba(171,226,213,1) 100%);
}
.findGameAreaTitle {
	text-align: left;
	margin: 6px 0px 0px 12px;
    font-weight: bold;
    color: #fff;
    padding-top: 5px;
}
.findGameTalkArea {
	margin: 0 auto;
	width: 320px;
	padding-left: 10px;
}
.questionCharacter {
	position: relative;
}
.questionCharacterImage {
	width: 90px;
	height: 85px;
	margin-left: 10px;
}
.questionCharacterTalk {
    padding: 27px 10px;
    margin: 0 15px 0 107px;
    font-weight: bold;
    font-size: 12px;
    color: #ff7600;
    background: #FFF;
    border: solid 1px #dddddd;
    border-radius: 10px;
	box-shadow: -1px -1px 5px rgba(0,0,0,0.3);
	width: 195px;
	height: 70px;
	position: absolute;
	display: table;
}
.questionCharacterTalkGenre {
    padding: 10px;
    margin: 0 15px 0 107px;
    font-weight: bold;
    font-size: 12px;
    color: #1872cc;
    background: #FFF;
    border: solid 1px #dddddd;
    border-radius: 10px;
	box-shadow: -1px -1px 5px rgba(0,0,0,0.3);
	width: 195px;
	height: 70px;
	position: absolute;
	display: table;
}
.questionCharacterTalk,.questionCharacterTalkGenre p {
	display: table-cell;
	vertical-align: middle;
}
.replyCharacter {
	position: relative;
	padding-bottom: 15px;
}
.replyCharacterImage {
	width: 105px;
	top: -23px;
	right: -10px;
	position: absolute;
    margin: 0 15px 0 220px;
}
.replyCharacterTalk {
    padding: 10px;
    margin-left: 10px;
    font-weight: bold;
    font-size: 12px;
    color: #ff7600;
    background: #FFF;
    border: solid 1px #dddddd;
    border-radius: 10px;
	box-shadow: -1px -1px 5px rgba(0,0,0,0.3);
	width: 195px;
	height: 80px;
	display: table;
}
.replyCharacterTalkGenre {
    padding: 10px;
    margin-left: 10px;
    font-weight: bold;
    font-size: 12px;
    color: #1872cc;
    background: #FFF;
    border: solid 1px #dddddd;
    border-radius: 10px;
	box-shadow: -1px -1px 5px rgba(0,0,0,0.3);
	width: 195px;
	height: 80px;
	display: table;
}
.replyCharacterTalk,.replyCharacterTalkGenre p {
	display: table-cell;
	vertical-align: middle;
}
.gameTypeList {
	margin: 0 auto;
	width: 320px;
}
.selectGameList {
	height: 70px;
	text-align: center;
	background: rgb(228,207,233);
	background: linear-gradient(135deg, rgba(230,169,245,1) 0%, rgba(230,184,159,1) 100%);
	border-radius: 10px;
	vertical-align: middle;
	font-size: 23px;
}
.selectGameList a {
	color: #fff;
}
.gameTypeList table {
	border-collapse: separate;
	border-spacing: 8px 11px;
	width: 100%;
}
.selectGameOverview{
	width: 320px;
	margin: 10px auto 0;
	text-align: center;
}
.gameOverviewBtn {
	color: #000000;
	background-color: #9bf9e6;
	border-radius: 100vh;
	display: inline-block;
	padding: 2px 5px;
	margin: 3px 0;
	width: 140px;
	font-weight: bold;
	text-align: center;
	width: 90%;
	height: 42px;
	line-height: 36px;
	font-size: 14px;
}

/*
* ゲーム選択時モーダル
*/
.selectGamePopUpShowBack {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 50px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
.suggestedGameButtonLink {
   	color: black;
   	display: block;
}
#suggestedGamePopUp .suggestedGameButton {
	width: 50%;
	margin: inherit;
	padding: 3px;
	border-radius: 20px;
	background-color: #9bf9e6;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
   	position: relative;
	top: -4px;
	box-shadow: -1px -1px 12px rgb(0 0 0 / 50%);
}
#suggestedGameShow div .suggestedGameImg {
    position: relative;
    width: 100%;
    height: 100%;
}
#suggestedGameShow .suggestedGamebox {
	height: 9rem;
    margin: 10px 15px;
    font-weight: bold;
    font-size: 11px;
    border-radius: 2px;
    overflow: scroll;
}

/* ジャンルごとの概要選択時 */

#suggestedGamePopUp .selectGamePopUpShow {
	z-index: 200;
	height: auto;
	opacity: 1;
	position: fixed;
	padding-top: 16%;
}
#suggestedGamePopUp .earningPointGamesPopUpShow {
	z-index: 200;
	height: auto;
	opacity: 1;
	position: fixed;
	padding-top: 50px;
}

#suggestedGamePopUp .popUpTopBody {
	width: 300px;
	height: 430px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border-radius: 20px;
	border-color: #000000;
	background-color: #FFFFFF;
	background: rgb(255,255,255);
	background: linear-gradient(135deg, rgba(222,235,247,1) 0%, rgba(0,176,240,1) 30%, rgba(203,173,227,1) 70%, rgba(248,203,173,1) 100%);
}

#suggestedGamePopUp .removeBtnShow {
    display: block;
    z-index: 100;
    opacity: 10;
    border-radius: 50%;
    margin-left: 276px;
    margin-top: 5px;
    color: #FFFFFF;
}
#suggestedGamePopUp .popUpTitle {
	margin-top: -12px;
	text-align: center;
	letter-spacing: -1px;
	font-size: 15px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#suggestedGamePopUp .selectGameButton {
	width: 50%;
	margin: 15px auto 10px;
	padding: 3px;
	border-radius: 20px;
	background-color: #9bf9e6;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
   	position: relative;
	top: -4px;
	box-shadow: -1px -1px 12px rgb(0 0 0 / 50%);
}
#suggestedGameShow .whatGameText {
	margin: 7px 0px -7px 15px;
	font-weight: bold;
}
#suggestedGameShow .selectGamebox {
	height: 9rem;
    margin: 10px 15px;
    font-weight: bold;
    font-size: 11px;
    border-radius: 2px;
    overflow: scroll;
}
.payMethodMarathonPass {
	height: 30px;
}