@charset "utf-8";
@import url("/common/colorSet.css");
@import url("/common/style.css?211111_01");

*
{
	box-sizing: border-box;
}
body
{
	font-family: 'Hiragino Sans', 'MotoyaLMaru', 'Roboto', sans-serif;
	font-weight: 400;
	text-autospace: ideograph-alpha;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-feature-settings: 'pwid', 'pkna', 'pnum', 'lnum', 'kern';
}
/* ▼ヒラギノをまとめる */
@font-face {
	font-family: 'Hiragino Sans';
	font-weight: 300;
	src:
		local('Hiragino Kaku Gothic Pro'), local('Hiragino Kaku Gothic ProN'),
		local('HiraKakuProN-W3'), local('HiraKakuProN'), local('Hiragino Sans');
}
@font-face {
	font-family: 'Hiragino Sans';
	font-weight: 700;
	src:
		local('Hiragino Kaku Gothic Pro'), local('Hiragino Kaku Gothic ProN'),
		local('HiraKakuProN-W6'), local('HiraKakuProN'), local('Hiragino Sans');
}
/* ▲ヒラギノをまとめる */


html, body
{
	background: #FFF;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
body, .color_n,
.appList .table_line a, .pcList .table_line a,
.listBox .table_line a, .appList .table_line div a span:first-child,
.pcList .table_line div a span:first-child,
.pickupTable *, .pickupIcons *,
.consumerList .table_line a, .consumerList .table_line div a span:first-child
{
	color: #000;
}
a, a:visited, .itemTitle, .itemTitle:visited {
	color: #06D;
}
a:active, .itemTitle:active {
	color: #F50;
}
.triangle_r
{
	display: inline-block;
	margin: 0 0.2em;
	width: 1px;
	height: 1px;
	border-color: transparent transparent transparent #06D;
	border-width: 0.45em 0 0.45em 0.9em;
	border-style: solid none solid solid;
}

/* ▼ .gpu ... 画像表示のシャープ感 */
.gpu
{
	image-rendering: -webkit-optimize-contrast;	/* "crisp-edges" prefix */
	image-rendering: optimizeQuality;						/* only FireFox */
}
/* ▲ .gpu ... 画像表示のシャープ感 */

/* ▼強調用 */
s
{
	font-weight: bold;
	text-decoration: none;
}
/* ▲強調用 */

ul, ol
{
	margin: 0;
	padding: 0 0 0 1.7em;
}
ul
{
	list-style-type: disc;
}

div, td
{
	line-height: 110%;
}

/* ▼text-align ... .left, .center, .right */
.left
{
	text-align: left;
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
/* ▲text-align ... .left, .center, .right */

.stretch90
{
	display: inline-block;
	-webkit-transform: scale(0.9, 1);
	transform: scale(0.9, 1);
}
.stretch85
{
	display: inline-block;
	-webkit-transform: scale(0.85, 1);
	transform: scale(0.85, 1);
}
.stretch80
{
	display: inline-block;
	-webkit-transform: scale(0.8, 1);
	transform: scale(0.8, 1);
}
.mainDoc, .supportForm
{
	padding: 0.2em 1em 0.2em 1em;
}

.supportForm > *
{
	padding: 0.4em 0;
	vertical-align: middle;
}
.supportForm > * > *
{
	vertical-align: middle;
}
.supportForm > * > *:first-child
{
	display: inline-block;
	min-width: 6em;
}
#pcBox a, .appBox a
{
	font-size: 11pt;
}
@media screen and (min-width: 768px)
{
	html, body, #pcBox a, .appBox a
	{
		font-size: 14pt;
	}
}
#pcBox a > img + span, .appBox a > img + span
{
	vertical-align: middle;
	display: inline-block;
	max-width: 74%;
	text-decoration: underline;
}
#pcBox a.now > img + span, .appBox a.now > img + span
{
	text-decoration: none;
}
#pcBox a > img, .appBox a > img
{
	width: 2.1em;
	height: 2.1em;
	margin-left: -0.7em;
	margin-right: 0.2em;
	vertical-align: middle;
	border-style: none;
}
#pcBox .compact a > img + span, .appBox .compact a > img + span
{
	vertical-align: middle;
	display: inline-block;
	max-width: 79%;
}
#pcBox .compact a > img, .appBox .compact a > img
{
	width: 2em;
	height: 2em;
	margin-left: -0.7em;
	margin-right: 0.2em;
	vertical-align: middle;
}

/* ▼ .returnTop */
a[name="returnTop"]
{
	display: none;
}
a.returnTop
{
	display: block;
	padding: 0.1em 0.5em 1em 1em;
	text-align: right;
	margin: 0 0 0 auto;
}
/* ▲ .returnTop */

/* ▼ .textLink サポートなどで使う1行テキストリンク */
.textLink
{
	marker-offset: 0.7em;
}
.textLink > a, a.textLink
{
	display: list-item;
	width: 100%;
	padding: 0.4em 0.5em 0.4em 0;
	list-style-position: outside;
	list-style-type: disc;
}
/*
.textLink > a:before, a.textLink
{
	list-style-position: outside;
	list-style-type: disc;
}
*/
/* ▲ .textLink サポートなどで使う1行テキストリンク */
/* ▼ .textTable サポートなどで使うテキスト系テーブル */
.textTable
{
	display: block;
	border-width: 1px;
	border-style: solid;
	margin-right: 0.5em;
}
.textTable > *:first-child
{
	padding: 0.3em;
}
.textTable > p
{
	margin: 0;
	padding: 0.2em 0 0.2em 5.3em;
	text-indent: -5em;
}
.textTable > p > span:first-child
{
	display: inline-block;
	width: 5em;
	text-indent: 0;
}
/* ▲ .textTable サポートなどで使うテキスト系テーブル */

/* ▼ font-size */
/*
      .big, .large, .mainHead, .appInfo,
      .normal, .midium, .smallish, .small, .small2, .nofont
      .mini, .minimini
*/
.big
{
	font-size: 140%;
}
.large, .mainHead
{
	font-size: 120%;
}
.appInfo > p
{
	font-size: 110%;
}
.normal
{
	font-size: 100%;
	line-height: 110%;
}
.midium
{
	font-size: 95%;
	line-height: 110%;
}
.smallish, .itemCaption, .spec > *,
.storeLink > a:first-child:nth-last-child(2) > *, .storeLink > a:last-child:nth-child(2) > *
{
	font-size: 90%;
	line-height: 110%;
}
.small, #footer, .pkgInfo > *, a.returnTop
{
	font-size: 80%;
	line-height: 110%;
}
.small2
{
	font-size: 70%;
	line-height: 110%;
}
.nofont
{
	font-size: 0;
}
.mini, .spec > :last-child,
.storeLink > a:first-child:nth-last-child(3) > *, .storeLink > a:nth-child(2):nth-last-child(2) > *, .storeLink > a:last-child:nth-child(3) > *
{
	font-size: 60%;
}
.minimini
{
	font-size: 50%;
}
/* ▲ font-size */

/* ▼ .indentBox */
.indentBox > *
{
	padding-left: 1em;
	text-indent: -1em;
}
/* ▲ .indentBox */

/* ▼ .mainHead, .subHeadから.gradや文字色などの色指定 */
.grad1, .mainHead, .mainFoot, .subHead, .subFoot
{
	background-image: url('../images/grad1.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% 100%;
	/* for Gecko 3.6 over */
	background-image: -moz-linear-gradient(
		top,
		rgba(0, 0, 0, 0.1) 0%,
		rgba(0, 0, 0, 0.1) 2%,
		rgba(255, 255, 255, 0.6) 2%,
		rgba(255, 255, 255, 0.6) 4%,
		rgba(255, 255, 255, 0.4) 4%,
		rgba(255, 255, 255, 0.1) 48%,
		rgba(0, 0, 0, 0.03) 48%,
		rgba(0, 0, 0, 0.0) 100%
	);

	/* for Webkit */
	background-image: -webkit-gradient(
		linear, 0% 0%, 0% 100%,
		from(rgba(0, 0, 0, 0.1)),
		color-stop(0.02, rgba(0, 0, 0, 0.1)),
		color-stop(0.02, rgba(255, 255, 255, 0.6)),
		color-stop(0.04, rgba(255, 255, 255, 0.6)),
		color-stop(0.04, rgba(255, 255, 255, 0.4)),
		color-stop(0.48, rgba(255, 255, 255, 0.1)),
		color-stop(0.48, rgba(0, 0, 0, 0.03)),
		to(rgba(0, 0, 0, 0.0))
	);
	/* for Opera */
	background-image: -o-linear-gradient(
		top,
		rgba(0, 0, 0, 0.1) 0%,
		rgba(0, 0, 0, 0.1) 2%,
		rgba(255, 255, 255, 0.6) 2%,
		rgba(255, 255, 255, 0.6) 4%,
		rgba(255, 255, 255, 0.4) 4%,
		rgba(255, 255, 255, 0.1) 48%,
		rgba(0, 0, 0, 0.03) 48%,
		rgba(0, 0, 0, 0.0) 100%
	);
	/* no prefix */
	background-image: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.1) 0%,
		rgba(0, 0, 0, 0.1) 2%,
		rgba(255, 255, 255, 0.6) 2%,
		rgba(255, 255, 255, 0.6) 4%,
		rgba(255, 255, 255, 0.4) 4%,
		rgba(255, 255, 255, 0.1) 48%,
		rgba(0, 0, 0, 0.03) 48%,
		rgba(0, 0, 0, 0.0) 100%
	);
}
/* ▼ button, input[type=submit], input[type=reset]グラデ(background-image)指定 */
button, input[type=submit], input[type=reset]
{
	background-image: url('../images/grad1.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% 100%;
	/* for Gecko 3.6 over */
	background-image: -moz-linear-gradient(
		top,
		rgba(255, 255, 255, 0.6) 0%,
		rgba(255, 255, 255, 0.6) 4%,
		rgba(255, 255, 255, 0.4) 4%,
		rgba(255, 255, 255, 0.1) 48%,
		rgba(0, 0, 0, 0.03) 48%,
		rgba(0, 0, 0, 0.0) 100%
	);

	/* for Webkit */
	background-image: -webkit-gradient(
		linear, 0% 0%, 0% 100%,
		from(rgba(255, 255, 255, 0.6)),
		color-stop(0.04, rgba(255, 255, 255, 0.6)),
		color-stop(0.04, rgba(255, 255, 255, 0.4)),
		color-stop(0.48, rgba(255, 255, 255, 0.1)),
		color-stop(0.48, rgba(0, 0, 0, 0.03)),
		to(rgba(0, 0, 0, 0.0))
	);
	/* for Opera */
	background-image: -o-linear-gradient(
		top,
		rgba(255, 255, 255, 0.6) 0%,
		rgba(255, 255, 255, 0.6) 4%,
		rgba(255, 255, 255, 0.4) 4%,
		rgba(255, 255, 255, 0.1) 48%,
		rgba(0, 0, 0, 0.03) 48%,
		rgba(0, 0, 0, 0.0) 100%
	);
	/* no prefix */
	background-image: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0.6) 0%,
		rgba(255, 255, 255, 0.6) 4%,
		rgba(255, 255, 255, 0.4) 4%,
		rgba(255, 255, 255, 0.1) 48%,
		rgba(0, 0, 0, 0.03) 48%,
		rgba(0, 0, 0, 0.0) 100%
	);
}
/* ▲ button, input[type=submit], input[type=reset]グラデ(background-image)指定 */

.grad2, .linkBlock, .block50 a,
.w50 > a > *, .w33 > a > *, .w100 > a > *,
.storeLink > a > *,
/*
.appList .table_line div a span:first-child,
.pcList .table_line div a span:first-child,
.consumerList .table_line div a span:first-child,
*/
.appInfo > p
{
	background: url('../images/grad2.png') no-repeat top left;
	background-size: 100% 100%;
	/* for Gecko 3.6 over */
	background-image: -moz-linear-gradient(
		top,
		rgba(255, 255, 255, 0.75) 0%,
		rgba(255, 255, 255, 0) 100%
	);

	/* for Webkit */
	background-image: -webkit-gradient(
		linear, 0% 0%, 0% 100%,
		from(rgba(255, 255, 255, 0.75)),
		to(rgba(255, 255, 255, 0.0))
	);
	/* for Opera */
	background-image: -o-linear-gradient(
		top,
		rgba(255, 255, 255, 0.75) 0%,
		rgba(255, 255, 255, 0) 100%
	);
	/* no prefix */
	background-image: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0.75) 0%,
		rgba(255, 255, 255, 0) 100%
	);
}

.grad3
{
	background-image: url('../images/grad3.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% 100%;
	/* for Gecko 3.6 over */
	background-image: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.5) 100%
	);

	/* for Webkit */
	background-image: -webkit-gradient(
		linear, 0% 0%, 100% 0%,
		from(rgba(255, 255, 255, 0)),
		to(rgba(255, 255, 255, 0.5))
	);
	/* for Opera */
	background-image: -o-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.5) 100%
	);
	/* no prefix */
	background-image: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.5) 100%
	);
}


.bg_yellow, .subHead, .subFoot
{
	background-color: #FFE894;
	border-color: #FFE894;
	background-color: #FFEEB2;
	border-color: #FFEEB2;
}
.bg_paleYellow
{
	background-color: #FFF4CC;
	border-color: #FFF4CC;
}
.bg_orange, .mainHead, .mainFoot,
.w50 > a > *, .w33 > a > *, .w100 > a > *,
.storeLink > a > *, input[type=submit], input[type=reset],
/*
.appList .table_line div a span:first-child,
.pcList .table_line div a span:first-child,
.consumerList .table_line div a span:first-child,
*/
.appInfo > p
{
	background-color: #F90;
	border-color: #F90;
	color: #FFF;

	background-color: #FFB340;
	border-color: #FFB340;
}
.bg_red
{
	background-color: #B00;
	border-color: #B00;
	color: #FFF;
}
.bg_blue
{
	background-color: #0A1D45;
	border-color: #0A1D45;
	color: #FFF;
}
.bg_gray, button
{
	background-color: #D0D0D0;
	border-color: #FFF;
}
.bg_skyGray, .textTable > *:first-child
{
	background-color: #DAE8EB;
	border-color: #DAE8EB;
}
.sub_bg
{
	background-color: #DAE8EB;
}

.font_red, .itemPrice, s
{
	color: #C00;
}
.font_redB
{
	color: #A00;
}
.font_blue,
.pkgInfo > *:nth-child(2) > *:first-child,
.pkgInfo > *.noPkg > *:first-child
{
	color: #137;
}
.font_white
{
	color: #FFF;
}
.font_yellow
{
	color: #FFE100;
}
.border_skyGray
{
	border-color: #DAE8EB;
	border-color: #A3BEC4;
}
.border_orange
{
	border-color: #FFB340;
}
/* ▲ .mainHead, .subHeadから.gradや文字色などの色指定 */

button, input[type=submit], input[type=reset]
{
	font-size: 100%;
	border-width: 1px;
	border-style: outset;
	border-radius: 0.5em;
	background-position: bottom center;
	background-size: 105% auto;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	margin-bottom: 3px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	line-height: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
}
button:hover, input[type=submit]:hover, input[type=reset]:hover
{
	cursor: pointer;
}
input[type=text], input[type=password], input[type=email], input[type=search], input[type=url],
input[type=radio], input[type=checkbox], textarea
{
	border-radius: none;
	border-width: 1px;
	border-color: #999 #CCC #DDD #AAA;
	border-style: solid;
	vertical-align: middle;
}
input[type=text], input[type=password], input[type=email], input[type=search], input[type=url], textarea
{
	font-size: 110%;
}

.input_s
{
	width: 50%;
}
.input_l
{
	margin-top: 0.1em;
	width: 100%;
}

div#container {
	width: 100%;
	margin: 0px auto;
	position: relative;
	height: 100%;
	min-height: 100%;
}
body > #container {
	height: auto;
}
div#main {
	padding-bottom: 6em;
}
div#footer {
	position: absolute;
	bottom: 0px;
	min-height: 1.5em;
	width: 100%;
	text-align: center;
/*
	border-width: 1px;
	border-color: #999;
	border-top-style: solid;
	padding-top: 0.5em;
*/
	margin: 0 auto;
}
#footer > *:first-child:not(:empty)
{
	border-width: 1px;
	border-color: #999;
	border-top-style: solid;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}
/* ▼ページ上部のアンバランスロゴ */
#unbHead
/*, #unbHeadS:not( * + .marginT0)*/
{
	margin-bottom: 10px;
	margin-bottom: 0px;
}
#unbHead > div:first-child
{
	display: block;
	width: 100%;
	height: 60px;
	position: relative;
	vertical-align: bottom;
	background-image: url('../images/logo_bg.png');
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 100% 100%;

	/* for Gecko 3.6 over */
/*
	background-image: -moz-linear-gradient(
		top,
		rgba(255, 153, 51, 1)			0%,
		rgba(255, 153, 51, 1)			10%,
		rgba(255, 225, 76, 0.54)	60%,
		rgba(255, 225, 76, 0)			100%
	);
*/
	/* for Webkit */
/*
	background-image: -webkit-gradient(
		linear, 0% 0%, 0% 100%,
		from(rgba(255, 153, 51, 1)),
		color-stop(0.1, rgba(255, 153, 51, 1)),
		color-stop(0.6, rgba(255, 225, 76, 0.54)),
		to(rgba(255, 225, 76, 0))
	);
*/
	/* for Opera */
/*
	background-image: -o-linear-gradient(
		top,
		rgba(255, 153, 51, 1)			0%,
		rgba(255, 153, 51, 1)			10%,
		rgba(255, 225, 76, 0.54)	60%,
		rgba(255, 225, 76, 0)			100%
	);
*/
	/* no prefix */
/*
	background-image: linear-gradient(
		to bottom,
		rgba(255, 153, 51, 1)			0%,
		rgba(255, 153, 51, 1)			10%,
		rgba(255, 225, 76, 0.54)	60%,
		rgba(255, 225, 76, 0)			100%
	);
*/
}
#unbHead > div:first-child > .headRightLink
{
	position: absolute;
	right: 0;
	bottom: 0;
	min-height: 30px;
	display: inline-block;
	margin: auto 0 auto auto;
	vertical-align: bottom;
	font-weight: bold;
	line-height: 1;
	font-size: 80%;
	padding: 1em 10px 0 1em;
	color: #000;
}
#unbHead > div:first-child > .headRightLink:before
{
	content: ' ';
	display: inline-block;
	width: 1.2em;
	height: 0.8em;
	background: url('../images/triangle_r.png') no-repeat center right;
	background-size: contain;
	margin-right: 0.2em;
}
#unbHeadS > div:first-child
{
	background-color: #000;
	padding: 0;
	height: auto;
}

#unbHeadS > div:nth-child(2), #unbHeadS > div:nth-child(3)
{
	display: block;
	height: 1px;
	font-size: 0;
}
#unbHeadS > div:nth-child(3)
{
	background-color: #000;
}
#unbHead > div:first-child img
{
	vertical-align: bottom;
}
#unbHead > div:first-child img, #unbHeadS > div:first-child img
{
	margin: 7px 0 3px 10px;
	height: 45px;
	border-style: none;
}
/* ▲ページ上部のアンバランスロゴ */
/* ▼ページ下部のアンバランスロゴ */
#unbFootS
{
	margin-top: 20px;
}
#unbFoot > div:first-child
{
	background-image: url('../images/logo_bottom_bg.png');
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 100% 100%;
	min-height: 20px;
	/* for Gecko 3.6 over */
	background-image: -moz-linear-gradient(
		top,
		rgba(255, 225, 76, 0)			0%,
		rgba(255, 225, 76, 0.54)	40%,
		rgba(255, 153, 51, 1)			90%,
		rgba(255, 153, 51, 1)			100%
	);

	/* for Webkit */
	background-image: -webkit-gradient(
		linear, 0% 0%, 0% 100%,
		from(rgba(255, 225, 76, 0)),
		color-stop(0.4, rgba(255, 225, 76, 0.54)),
		color-stop(0.9, rgba(255, 153, 51, 1)),
		to(rgba(255, 153, 51, 1))
	);
	/* for Opera */
	background-image: -o-linear-gradient(
		top,
		rgba(255, 225, 76, 0)			0%,
		rgba(255, 225, 76, 0.54)	40%,
		rgba(255, 153, 51, 1)			90%,
		rgba(255, 153, 51, 1)			100%
	);
	/* no prefix */
	background-image: linear-gradient(
		to bottom,
		rgba(255, 225, 76, 0)			0%,
		rgba(255, 225, 76, 0.54)	40%,
		rgba(255, 153, 51, 1)			90%,
		rgba(255, 153, 51, 1)			100%
	);
}
#unbFootS > div:last-child
{
	background-color: #000;
	padding: 0;
	height: auto;
}

#unbFootS > div:first-child, #unbFootS > div:nth-child(2)
{
	display: block;
	height: 1px;
	font-size: 0;
}
#unbFootS > div:first-child
{
	background-color: #000;
}
#unbFoot > div:first-child, #unbFootS > div:last-child
{
	text-align: right;
}
#unbFoot > div:first-child img, #unbFootS > div:last-child img
{
	margin: 7px 10px 3px auto;
	height: 20px;
	border-style: none;
}
/* ▲ページ下部のアンバランスロゴ */

#topMenu, #topMenu2
{
	display: table;
	width: 100%;
	padding: 0;
	background-image: url('../images/dummy.png'), url('../images/topMenuShima.png'), url('../images/gradTopMenu.png');

	/* for Gecko 3.6 over */
	background-image: url('../images/dummy.png'), url('../images/topMenuShima.png'), -moz-linear-gradient(
		top,
		rgba(255, 255, 255, 0.6) 0%,
		rgba(255, 255, 255, 0.6) 2%,
		rgba(255, 255, 255, 0.4) 2%,
		rgba(255, 255, 255, 0.05) 48%,
		rgba(0, 0, 0, 0.03) 48%,
		rgba(0, 0, 0, 0.0) 100%
	);

	/* for Webkit */
	background-image: url('../images/dummy.png'), url('../images/topMenuShima.png'),
		-webkit-gradient(
			linear, 0% 0%, 0% 100%,
			from(rgba(255, 255, 255, 0.6)),
			color-stop(0.02, rgba(255, 255, 255, 0.6)),
			color-stop(0.02, rgba(255, 255, 255, 0.4)),
			color-stop(0.48, rgba(255, 255, 255, 0.05)),
			color-stop(0.48, rgba(0, 0, 0, 0.03)),
			to(rgba(0, 0, 0, 0.0))
		);
	/* for Opera */
	background-image: url('../images/dummy.png'), url('../images/topMenuShima.png'),
		-o-linear-gradient(
			top,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(255, 255, 255, 0.6) 2%,
			rgba(255, 255, 255, 0.4) 2%,
			rgba(255, 255, 255, 0.05) 48%,
			rgba(0, 0, 0, 0.03) 48%,
			rgba(0, 0, 0, 0.0) 100%
		);
	/* no prefix */
	background-image: url('../images/dummy.png'), url('../images/topMenuShima.png'),
		linear-gradient(
			to bottom,
			rgba(255, 255, 255, 0.6) 0%,
			rgba(255, 255, 255, 0.6) 2%,
			rgba(255, 255, 255, 0.4) 2%,
			rgba(255, 255, 255, 0.05) 48%,
			rgba(0, 0, 0, 0.03) 48%,
			rgba(0, 0, 0, 0.0) 100%
		);


	background-repeat: no-repeat, repeat, repeat-x;
	background-position: center center, top left, top left;
	background-size: auto 100%, auto, 100% 100%;
	height: 52px;

	background-color: #001645;
}
#topMenu > a, #topMenu2 > a
{
	display: table-cell;
	position: relative;
	width: 33.33%;
	margin: 0;
	padding: 0;
	border-width: 10px 0 0 0;
	border-color: #FFF;
	border-style: solid none;
/*
	color: #FFF;
	text-shadow: #000 0px -1px 0px;
	vertical-align: middle;
	text-align: center;
	font-size: 95%;
	line-height: 120%;
	text-decoration: none;
*/
}
#topMenu > a > *
{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
	border-width: 1px;
	border-color: rgba(255, 255, 255, 0.75) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.75) rgba(255, 255, 255, 0.3);
	border-style: solid;
}
#topMenu > a > span.stretch90,
#topMenu > a > span.stretch85,
#topMenu > a > span.stretch80
{
	letter-spacing: -0.1em;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
}
#topMenu > a:nth-child(1):nth-last-child(5),
#topMenu > a:nth-child(2):nth-last-child(4),
#topMenu > a:nth-child(3):nth-last-child(3),
#topMenu > a:nth-child(4):nth-last-child(2),
#topMenu > a:nth-child(5):nth-last-child(1)
{
	width: 20%;
}
#topMenu > a:nth-child(2):nth-last-child(4),
#topMenu > a:nth-child(3):nth-last-child(3),
#topMenu > a:nth-child(4):nth-last-child(2),
#topMenu > a:nth-child(5):nth-last-child(1)
{
	letter-spacing: -0.06em;
	width: 20%;
}

#topMenu2 > a
{
	width: 50%;
}
#topMenu > .news
{
	background: url('../images/topMenuStr_news.png') no-repeat center center;
	background-size: contain;
}
#topMenu > .sp
{
	background: url('../images/topMenuStr_sp.png') no-repeat center center;
	background-size: contain;
}
#topMenu > .software
{
	background: url('../images/topMenuStr_software.png') no-repeat center center;
	background-size: contain;
}
#topMenu > .support
{
	background: url('../images/topMenuStr_support.png') no-repeat center center;
	background-size: contain;
}
#topMenu > .pcSite
{
	background: url('../images/topMenuStr_pcSite.png') no-repeat center center;
	background-size: contain;
}
/*
#topMenu > a:first-child
{
	background-image: url('../images/topMenuIcon_smartPhoneA.png'), url('../images/topMenuShima.png'), url('../images/topMenuGradA.png');
}
#topMenu > a:nth-child(2)
{
	background-image: url('../images/topMenuIcon_pcA.png'), url('../images/topMenuShima.png'), url('../images/topMenuGradA.png');
}
#topMenu > a:nth-child(3)
{
	background-image: url('../images/topMenuIcon_companyA.png'), url('../images/topMenuShima.png'), url('../images/topMenuGradA.png');
}
*/
#topMenu2 > a:first-child
{
	background-image: url('../images/topMenuIcon2_smartPhoneA.png'), url('../images/topMenuShima.png'), url('../images/topMenuGradA.png');
}
#topMenu2 > a:nth-child(2)
{
	background-image: url('../images/topMenuIcon2_pcA.png'), url('../images/topMenuShima.png'), url('../images/topMenuGradA.png');
/*
	background-image: url('../images/topMenuIcon2_pcA.png'), url('../images/gradTopMenu.png'), url('../images/topMenuShima.png');
*/
}
#topMenu2 > a.now
{
	background-color: #BBB;
	color: #000;
	text-decoration: none;
	text-shadow: #FFF 0px 1px 0px;
}
/*
#topMenu > a.now
{
	background-color: #BBB;
	color: #000;
	text-decoration: none;
	text-shadow: #FFF 0px 1px 0px;
}
#topMenu > a:first-child.now
{
	background-image: url('../images/topMenuIcon_smartPhoneB.png'), url('../images/topMenuShima.png'), url('../images/topMenuGradB.png');
}
#topMenu > a:nth-child(2).now
{
	background-image: url('../images/topMenuIcon_pcB.png'), url('../images/topMenuShima.png'), url('../images/topMenuGradB.png');
}
#topMenu > a:nth-child(3).now
{
	background-image: url('../images/topMenuIcon_companyB.png'), url('../images/topMenuShima.png'), url('../images/topMenuGradB.png');
}
*/
#topMenu2 > a:first-child.now
{
	background-image: url('../images/topMenuIcon2_smartPhoneB.png'), url('../images/topMenuShima.png'), url('../images/topMenuGradB.png');
}
#topMenu2 > a:nth-child(2).now
{
	background-image: url('../images/topMenuIcon2_pcB.png'), url('../images/topMenuShima.png'), url('../images/topMenuGradB.png');
}

.table_line
{
	display: table;
	width: 100%;
	height: 60px;
	overflow: visible;
}
.linkBlock .now
{
	background: #F9F9F9;
	color: #555;
}
.compact
{
	height: 3.5em;
}

.strong
{
	font-weight: bold;
}

.backBtn
{
	display: block;
	text-align: right;
	padding: 1em 0;
	margin-bottom: 1em;
}
.backBtn > *
{
	display: inline-block;
	padding: 0.5em 1em;
	min-width: 33%;
}

#kawaraBox, #kawaraBox2, .pcList, .appList, .listBox, .consumerList
{
	margin-bottom: 30px;
}
/*
.appList > div:not(.lineSpace20):not(.lineSpace30), .pcList
{
	background: #EEE;
}
.pcList > a
{
	background: #FFF;
}
*/
/*
#pcBox + .mainFoot, #pcBox + .subFoot, .appBox + .mainFoot, .appBox + .subFoot
{
	margin-bottom: 10px;
}
*/
#kawaraBox2
{
	margin-bottom: 0;
	overflow: hidden;
	height: 36em;
}
#kawaraBox2 .subHead
{
	padding: 0.4em 0;
	font-weight: normal;
	text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
}
#kawaraBox2 + div > button
{
	width: 95%;
	height: 2.5em;
	margin: 0.3em 0;
	text-align: center;
}
.kawara_iphone, .kawara_mobile, .kawara_notice, .kawara_tv,
.kawara_pc, .kawara_pc_sp, .kawara_shop, .kawara_smartphone, .kawara_android,
.kawara_mikan, .kawara_inoshishi, .kawara_switch, .kawara_ps4, .kawara_consumer,
.kawara_pepper
{
	display: table-cell;
	vertical-align: middle;
	padding: 0.5em 10px 0.5em 40px;
	min-height: 30px;
}
.kawara_iphone
{
/*
	background-image: url('../images/kawara_iphone.gif');
*/
	background-image: url('../images/kawara060_iphone.png');
}
.kawara_mobile
{
/*
	background-image: url('../images/kawara_mobile.gif');
*/
	background-image: url('../images/kawara060_mobile.png');
}
.kawara_notice
{
/*
	background-image: url('../images/kawara_notice.gif');
*/
	background-image: url('../images/kawara060_notice.png');
}
.kawara_pc, .pickup_pc
{
/*
	background-image: url('../images/kawara_pc.gif');
*/
	background-image: url('../images/kawara060_pc.png');
}
.kawara_pc_sp
{
/*
	background-image: url('../images/kawara_tv.gif');
*/
	background-image: url('../images/kawara060_pc_sp.png');
}
.kawara_tv
{
/*
	background-image: url('../images/kawara_tv.gif');
*/
	background-image: url('../images/kawara060_tv.png');
}
.kawara_shop
{
/*
	background-image: url('../images/kawara_shop.gif');
*/
	background-image: url('../images/kawara060_shop.png');
}
.kawara_smartphone, .pickup_smartphone
{
/*
	background-image: url('../images/kawara_smartphone.gif');
*/
	background-image: url('../images/kawara060_smartphone.png');
}
.kawara_android
{
/*
	background-image: url('../images/kawara_android.gif');
*/
	background-image: url('../images/kawara060_android.png');
}
.kawara_mikan
{
	background-image: url('../images/kawara060_mikan.png');
}
.kawara_inoshishi
{
	background-image: url('http://www.unbalance.co.jp/top_img/illust_2019_eto1.png');
}
.kawara_consumer
{
	background-image: url('../images/kawara060_consumer.png');
}
.kawara_switch
{
	background-image: url('../images/kawara060_switch.png');
}
.kawara_ps4
{
	background-image: url('../images/kawara060_ps4.png');
}
.kawara_pepper
{
	background-image: url('../images/kawara060_pepper.png');
}
.pickup_pc, .pickup_smartphone
{
	background-size: 1em 1em;
	background-repeat: no-repeat;
	background-position: 1em center;
}
.kawara_iphone, .kawara_mobile, .kawara_notice, .kawara_tv,
.kawara_pc, .kawara_pc_sp, .kawara_shop, .kawara_smartphone, .kawara_android,
.kawara_mikan, .kawara_inoshishi, .kawara_switch, .kawara_ps4, .kawara_consumer,
.kawara_pepper
{
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.kawara_inoshishi
{
	background-size: auto 100%;
	background-position: 9px center;
}
span.kawara_iphone, span.kawara_mobile, span.kawara_notice, span.kawara_tv,
span.kawara_pc, span.kawara_pc_sp, span.kawara_shop, span.kawara_smartphone, span.kawara_android,
span.kawara_mikan, span.kawara_inoshishi, span.kawara_switch, span.kawara_ps4, span.kawara_consumer,
span.kawara_pepper
{
	height: 30px;
	overflow: visible;
	padding-top: 0;
	padding-bottom: 0;
}
.kawara_comment, .kawara_comment_open, .kawara_comment_close
{
	display: block;
	padding: 0.5em 0.2em 0.7em 0.5em;
/*
	-webkit-box-shadow: 0 0 28px 2px rgba(255, 244, 204, 0.5) inset;
*/
}

.kawara_comment .icon, .kawara_comment .thumb
{
	display: inline-block;
	float: right;
	position: relative;
	padding: 0 0.2em;
}
.kawara_comment .icon img
{
	width: 4em;
	height: auto;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	border-radius: 18%;
}
.kawara_comment .thumb img
{
	width: 9em;
	height: auto;
}
.kawara_comment:after
{
	content: '　';
	display: block;
	font-size: 1px;
	height: 1px;
	clear: both;
}
/* ▼トップページのバナー */
.topBnrPc, .topBnrApp
{
	width: 100%;
}
.topBnrPc > .slideBox
{
	width: 96%;
	margin-left: 3%;
	text-decoration: none;
}
.topBnrApp > .slideBox
{
	width: 86%;
	margin-left: 12%;
	text-decoration: none;
}
.topBnrPc > .slideBox > *, .topBnrApp > .slideBox > *
{
	width: 100%;
}
.topBnrPc > .slideBox > * > *:first-child,
.topBnrApp > .slideBox > * > *:first-child
{
	width: 100%;
	height: auto;
	position: relative;
}
.topBnrPc > .slideBox > * > *:nth-child(2),
.topBnrApp > .slideBox > * > *:nth-child(2)
{
	display: table;
	position: relative;
	width: 100%;
	background: #000;
	border: 2px solid #FC5;
	border-style: solid none none none;
	text-decoration: none;
}
.topBnrPc > .slideBox > * > *:nth-child(2) > *,
.topBnrApp > .slideBox > * > *:nth-child(2) > *
{
	display: table-cell;
	height: 1.5em;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	line-height: 100%;
}

.bnrBox
{
/*
	background: #000;
*/
	margin: 0 auto 30px auto;
}
.topBnrBox, #bnrs, #bnrs2
{
	display: block;
	width: 100%;
/*
	width: 320px;
*/
	height: 145px;
	margin: 0 auto;
	position: relative;
	visibility: hidden;
	overflow: hidden;
	border: 1px none #555;
	border-top-style: solid;
}
#bnrs2
{
	height: 75px;
	border-style: none;
	margin-bottom: 30px;
}
.topBnrBox > *, #bnrs > *, #bnrs2 > *
{
	display: table;
	position: absolute;
	width: 320px;

	top: 0;
	left: 0;

	/* ▼背景画像はダミーで、各自background-imageでURLを指定しなおす */
	background: #000 url('../images/dummy.png') no-repeat top center;
	background-size: contain;
	text-decoration: none;
}
.topBnrBox > * > *, #bnrs > * > *, #bnrs2 > * > *
{
	display: table-cell;
	vertical-align: bottom;
	width: 320px;
	height: 145px;
}
#bnrs2 > * > *
{
	height: 77px;
}
.topBnrBox > * > * > *, #bnrs > * > * > *, #bnrs2 > * > * > *
{
	display: table;
	width: 100%;
	min-height: 25px;
	background: #000;
	border: 2px solid #FC5;
	border-style: solid none none none;
	color: #FFF;
	text-decoration: none;
}
.topBnrBox > * > * > * > *, #bnrs > * > * > * > *, #bnrs2 > * > * > * > *
{
	display: table-cell;
	height: 25px;
	text-align: center;
	vertical-align: middle;
}
/* ▲トップページのバナー */

.mainHead
{
	font-weight: bold;
	padding: 0.4em 1em;
/*
	text-shadow: #000 0px 1px 2px;
*/
	text-shadow: rgb(51, 31, 0) 0px 1px 1px, rgb(128, 77, 0) 0px 1px 2px, rgb(229, 138, 0) 0px 1px 4px;
	position: relative;
	line-height: 1;
	margin: 0;
}
.subHead
{
	font-weight: bold;
	padding: 0.4em 1em;
	text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
	position: relative;
	line-height: 1;
}
.kawaraHead
{
	padding: 0.4em 0;
	text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
	position: relative;
	line-height: 1;
	background: url('../images/kawara_bg.png') no-repeat left top;
	background-size: 100% auto;
}

.pcList > .mainHead, .listBox > .mainHead
{
	margin-top: 0px;
}
.mainHead.pc, .mainHead.smartPhone, .mainHead.news, .mainHead.switch, .mainHead.consumer,
.mainHead.igo, .mainHead.shogi, .mainHead.mahjong, .mainHead.train,
.mainHead.tableGame, .mainHead.sports, .mainHead.aqua, .mainHead.educaton, .mainHead.tesou,
.mainHead.ps, .mainHead.adventure, .mainHead.book, .mainHead.action,
.subHead.pc, .subHead.smartPhone, .subHead.switch,
.subHead.igo, .subHead.shogi, .subHead.mahjong, .subHead.train,
.subHead.tableGame, .subHead.sports, .subHead.aqua, .subHead.education, .subHead.tesou,
.subHead.ps, .subHead.adventure, .subHead.book, .subHead.action
{
	padding-left: 2.5em;
}
.mainHead.pickup
{
	padding-left: 2.2em;
}
.mainHead.pc:before, .mainHead.smartPhone:before, .mainHead.news:before, .mainHead.pickup:before, .mainHead.switch:before, .mainHead.consumer:before,
.mainHead.igo:before, .mainHead.shogi:before, .mainHead.mahjong:before, .mainHead.train:before,
.mainHead.tableGame:before, .mainHead.sports:before, .mainHead.aqua:before, .mainHead.education:before, .mainHead.tesou:before,
.mainHead.ps:before, .mainHead.adventure:before, .mainHead.book:before, .mainHead.action:before,
.subHead.pc:before, .subHead.smartPhone:before, .subHead.pickup:before, .subHead.switch:before,
.subHead.igo:before, .subHead.shogi:before, .subHead.mahjong:before, .subHead.train:before,
.subHead.tableGame:before, .subHead.sports:before, .subHead.aqua:before, .subHead.education:before, .subHead.tesou:before,
.subHead.ps:before, .subHead.adventure:before, .subHead.book:before, .subHead.action:before
{
	content: '　';
	display: inline-block;
	position: absolute;
	width: 1.6em;
	height: 1.6em;
/*
	top: 0.1em;
*/
	top: 50%;
	margin-top: -0.8em;
	left: 0.5em;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
}
.mainHead.switch:before, .subHead.switch:before,
.mainHead.consumer:before, .subHead.consumer:before
{
	background-image: url('../images/mainHeadIcon_switch.png');
}
.mainHead.pc:before, .subHead.pc:before
{
	background-image: url('../images/mainHeadIcon_pc.png');
}
.mainHead.pickup:before, .subHead.pickup:before
{
	left: 0.3em;
	background-image: url('../images/mainHeadIcon_pickup.png');
}
.mainHead.smartPhone:before, .subHead.smartPhone:before
{
	background-image: url('../images/mainHeadIcon_smartPhone.png');
}
.mainHead.news:before, .subHead.news:before
{
	background-image: url('../images/mainHeadIcon_news.png');
}
.mainHead.igo:before, .subHead.igo:before
{
	background-image: url('../images/icon_genre_igo.png');
}
.mainHead.shogi:before, .subHead.shogi:before
{
	background-image: url('../images/icon_genre_shogi.png');
}
.mainHead.mahjong:before, .subHead.mahjong:before
{
	background-image: url('../images/icon_genre_mahjong.png');
}
.mainHead.train:before, .subHead.train:before
{
	background-image: url('../images/icon_genre_train.png');
}
.mainHead.tableGame:before, .subHead.tableGame:before
{
	background-image: url('../images/icon_genre_table.png');
}
.mainHead.sports:before, .subHead.sports:before
{
	background-image: url('../images/icon_genre_sports.png');
}
.mainHead.aqua:before, .subHead.aqua:before
{
	background-image: url('../images/icon_genre_aqua.png');
}
.mainHead.education:before, .subHead.education:before
{
	background-image: url('../images/icon_genre_education.png');
}
.mainHead.action:before, .subHead.action:before
{
	background-image: url('../images/icon_genre_action.png');
}
.mainHead.tesou:before, .subHead.tesou:before
{
	background-image: url('../images/icon_genre_tesou.png');
}
.mainHead.ps:before, .subHead.ps:before
{
	background-image: url('../images/icon_genre_ps.png');
}
.mainHead.adventure:before, .subHead.adventure:before
{
	background-image: url('../images/icon_genre_adventure.png');
}
.mainHead.book:before, .subHead.book:before
{
	background-image: url('../images/icon_genre_book.png');
}

.mainFoot, .subFoot
{
	display: block;
	width: 100%;
	height: 3px;
}

.linkBlock, .block50 a, .block33 a
{
	background-color: #DDD;
	border-width: 1px;
	border-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.12) rgba(255, 255, 255, 0.3);
}

.block50 a
{
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	padding: 0 1em;
	border-style: solid;
}
.block33 a
{
	display: table-cell;
	vertical-align: middle;
	width: 33%;
	padding: 0 1em;
	border-style: solid;
}

.itemPrice, .itemTitle
{
	font-weight: bold;
}
.appList .table_line a,
.pcList .table_line a,
.listBox .table_line a,
.consumerList .table_line a
{
	text-decoration: none;
}
.itemTitle
{
	text-decoration: underline;
	padding-bottom: 0.2em;
}
.itemPrice
{
	padding-bottom: 0.2em;
}
.appList .table_line a > div,
.pcList .table_line a > div,
.listBox .table_line a > div,
.consumerList .table_line a > div
{
	display: table;
	width: 100%;
	min-height: 110px;
	overflow: visible;
	margin: 0;
}

.appList .table_line a > div > div,
.pcList .table_line a > div > div,
.listBox .table_line a > div > div,
.consumerList .table_line a > div > div
{
	display: table-cell;
	vertical-align: middle;
/*
	padding-top: 10px;
	padding-bottom: 10px;
*/
	padding-right: 0.5em;
}
.appList .table_line > a > div > div:first-child,
.pcList .table_line > a > div > div:first-child,
.listBox .table_line > a > div > div:first-child,
.consumerList .table_line > a > div > div:first-child
{
	width: 80px;
	text-align: center;
	padding-right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.appList .table_line a > div > div:first-child,
.consumerList .table_line a > div > div:first-child
{
	width: 130px;
}
.appList .table_line > a > div > div:first-child img,
.pcList .table_line > a > div > div:first-child img,
.listBox .table_line > a > div > div:first-child img,
.consumerList .table_line > a > div > div:first-child img
{
	height: 70px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}
.consumerList .table_line > a > div > div:first-child img
{
	height: 60px;
}

.pcList .table_line > a > div > div:first-child img
{
	height: 80px;
}
.pcList .table_line > a > div > div.noImg
{
	width: auto;
	text-align: left;
	padding-left: 0.7em;
	padding-right: 0.7em;
}
/* ▼アプリ詳細ページなどで使う外部ページへのリンクボタン */
.w50, .w33, .w100, .storeLink
{
	display: table;
	width: 100%;
}
.w50 > a, .w33 > a, .w100 > a, .storeLink > a
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.w50 > a,
.storeLink > a:first-child:nth-last-child(2), .storeLink > a:last-child:nth-child(2)
{
	width: 50%;
}
.w33 > a,
.storeLink > a:first-child:nth-last-child(3), .storeLink > a:nth-child(2):nth-last-child(2), storeLink > a:last-child:nth-child(3)
{
	width: 33.33%;
}
.w100 > a, .storeLink > a:first-child:last-child
{
	width: 100%;
}
.w50 > a > *, .w33 > a > *, .w100 > a > *, .storeLink > a > *
{
	display: inline-block;
	width: 90%;
	margin: 0 auto 3px auto;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	padding: 0.5em 0.25em;
	border-radius: 7px;
	color: #000;
	font-weight: bold;
	text-shadow: #FFF 0px 1px 1px;
}
.w100 > a > *, .storeLink > a:first-child:last-child > *
{
	width: 70%;
}
.w50 > a > *:first-child, .w33 > a > *:first-child,
.storeLink > a:first-child:nth-last-child(2) > *,
.storeLink > a:first-child:nth-last-child(3) > *
{
	margin: 0 2% 3px auto;
}
.w50 > a > *:last-child, .w33 > a > *:last-child,
.storeLink > a:last-child:nth-child(2) > *,
.storeLink > a:last-child:nth-child(3) > *
{
	margin: 0 auto 3px 2%;
}
/* ▲アプリ詳細ページなどで使う外部ページへのリンクボタン */


.thumbs
{
	text-align: center;
	margin-top: 10px;
	display: block;
	width: 100%;
}
.thumbs .coverThumb
{
	width: 100%;
	display: none;
}
.thumbs .coverThumb:first-child
{
	display: inline-block;
}
.thumbs .coverThumb img, .imgBox
{
	border-color: #FFF;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	margin-bottom: 5px;
	max-width: 99%;
/*
	max-height: 60%;
*/
}
.thumbs .coverThumb.max90 img, .imgBox.max90,
.thumbs .coverThumb img.max90
{
	max-width: 90%;
}
.thumbs .coverThumb.portraitShot img, .imgBox.portraitShot,
.thumbs .coverThumb img.portraitShot
{
	max-width: 70%;
}
.thumbs .coverThumb.landscapeShot img, .imgBox.landscapeShot,
.thumbs .coverThumb img.landscapeShot
{
	max-width: 90%;
}
.thumbs .coverThumb img, .thumbs .selectThumb img, .imgBox
{
	border-width: 2px;
	border-style: solid;
}
.thumbs .selectThumb img
{
	border-radius: 10px;
}
.selectThumb:hover
{
	cursor: pointer;
}
.imgBox
{
	margin-left: 5px;
	margin-right: 5px;
}
.appTitleCenter, .appImgCenter, .appImg100
{
	margin: 30px 0 0 0;
	display: block;
	text-align: center;
}
.appTitleCenter
{
	/* ここの背景画像URLは基本ダミー */
	background-image: url('../images/dummy.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto 100%;
	height: 140px;
}
.appImgCenter > img
{
	max-width: 90%;
}
.appImg100 > img
{
	width: 100%;
	max-width: 640px;
}
.appInfo
{
	margin: 20px 0;
}
.appInfo > p
{
	margin-top: 1.75em;
	margin-bottom: 10px;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.5), 1px 0px 1px rgba(0, 0, 0, 0.5), -1px 0px 1px rgba(0, 0, 0, 0.5);
	padding: 0.5em 0.83em 0.45em 0.83em;
	line-height: 120%;
}
.appInfo > div
{
	padding: 0 1em;
}
.appInfo > .imgCaption, .appInfo > .imgCaptionBg
{
	margin-bottom: 10px;
}
.appInfo > .imgCaptionBg
{
	padding-top: 0.6em;
	padding-bottom: 0.35em;
}
.appInfo > .imgCaption > img, .appInfo > .imgCaptionBg > img
{
	width: 100%;
	max-width: 640px;
}
.appInfo > * > * > img
{
	max-width: 95%;
}
/* ▼アプリ内キャプション用色指定 */

/* ▼空色/熱帯楽園 */
.skyBlue, p.skyBlue, div.skyBlue
{
	background-color: #0080FF;
	color: #FFF;
	text-shadow: 0px 1px 1px #03C, 0px -1px 1px #03C, 1px 0px 1px #03C, -1px 0px 1px #03C;
}
/* ▲アプリ内キャプション用色指定 */

/* ▼製品情報ページ内スペック */
.spec
{
	display: block;
	width: 100%;
	max-width: 640px;
	margin: 30px auto 0 auto;
}
.spec > *
{
	padding: 0.1em 1em;
	border: 1px none #333;
	border-style: none solid;
}
.spec > :first-child
{
	background: #333;
	color: #FFF;
	padding: 0.5em 1em;
	font-size: auto;
}
.spec > :nth-child(2)
{
	padding-top: 0.5em;
}
.spec > :nth-last-child(2)
{
	padding-bottom: 0.5em;
}
.spec > :last-child
{
	padding-top: 0.5em;
	border-style: solid none none none;
	font-size: auto;
}
/* ▲製品情報ページ内スペック */

/* ▼製品情報ページ内スペックなどで使用する、スマホだとdisplay:noneする「.spHide」 */
.spHide
{
	display: none;
}
/* ▲製品情報ページ内スペックなどで使用する、スマホだとdisplay:noneする「.spHide」 */
/* ▼製品情報ページ内スペックなどで使用する、スマホだと文字サイズ小さくなる「.spSmall」 */
.spSmall
{
	font-size: 75%;
}
/* ▲製品情報ページ内スペックなどで使用する、スマホだと文字サイズ小さくなる「.spSmall」 */


/* ▼製品情報ページ内パッケージ案内 */
.pkgInfo
{
	display: table;
/*
	width: 90%;
*/
	min-width: 40%;
	max-width: 640px;
	margin: 30px auto;
	border: 1px solid #333;
}
.pkgInfo > *
{
	display: table-cell;
	vertical-align: middle;
	padding: 0.5em 1em 0.5em 0;
	text-align: left;
}
.pkgInfo > :first-child:not(.noPkg)
{
	text-align: center;
	width: 120px;
	padding: 0.5em 0;
}
.pkgInfo > :first-child img
{
	width: 70px;
	border: 1px solid #999;
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
.pkgInfo > *:nth-child(2) > :first-child,
.pkgInfo > *.noPkg > :first-child
{
	margin-bottom: 0.3em;
	font-weight: bold;
}
.pkgInfo > *.noPkg
{
/*
	padding-left: 0;
*/
}
/* ▲製品情報ページ内パッケージ案内 */


/* ▼lineSpace & marginTXX シリーズ */
.lineSpace30
{
	display: block;
	height: 30px;
}
.lineSpace20
{
	display: block;
	height: 20px;
}
.lineSpaceL
{
	display: block;
	margin-top: 1.5em;
}
.lineSpaceN
{
	display: block;
	margin-top: 1em;
}
.lineSpaceM
{
	display: block;
	margin-top: 0.7em;
}
.lineSpaceSM
{
	display: block;
	margin-top: 0.5em;
}
.lineSpaceS
{
	display: block;
	margin-top: 0.3em;
}
.marginT30
{
	margin-top: 30px;
}
.marginT20
{
	margin-top: 20px;
}
.marginT0
{
	margin-top: 0;
}
/* ▲lineSpace & marginTXX シリーズ */

@media screen and (min-width:768px), screen and (orientation: landscape)
{
	:not(.block50) > .linkBlock.table_line:not(.compact):not(.only)
	{
		display: inline-table;
		width: 50%;
		margin: 0;
		border-style: none outset;
		white-space-collapse: discard;
		float: left;
	}
	:not(.block50) > .linkBlock.table_line:not(.compact):nth-child(even):nth-last-child(2)
	{
		width: 100%;
	}
	:not(.block50) > .linkBlock.table_line:not(.compact):not(.only) + :not(.linkBlock):not(.table_line)
	{
		clear: both;
	}
/*
	:not(.block50) > .linkBlock.table_line:not(.compact):not(.only):nth-last-of-type(2):nth-of-type(even)
	{
		width: 100%;
	}
*/
	:not(.block50) > .linkBlock.table_line:not(.compact) a > div
	{
		font-size: 85%;
	}
	:not(.block50) > .linkBlock.table_line:not(.compact):not(.only) a > div
	{
		min-height: 8em;
	}
	:not(.block50) > .linkBlock.table_line:not(.compact):nth-child(even):nth-last-child(2) a > div
	{
		min-height: auto;
	}
	:not(.block50) > .linkBlock.table_line:not(.compact):not(.only) .itemTitle .small
	{
		font-size: 70%;
		line-height: 0.9;
	}
}

.pickupTable
{
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.pickupTable > *
{
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: top;
	text-decoration: none;
	padding: 0;
	line-height: 0;
}
.pickupTable > *:only-child
{
	width: 100%;
}
.pickupTable > *:nth-child(1):nth-last-child(6),
.pickupTable > *:nth-child(2):nth-last-child(5),
.pickupTable > *:nth-child(3):nth-last-child(4),
.pickupTable > *:nth-child(4):nth-last-child(3),
.pickupTable > *:nth-child(5):nth-last-child(2),
.pickupTable > *:nth-child(6):nth-last-child(1)
{
	width: 16.66%;
}
.pickupTable > *:nth-child(1):nth-last-child(5),
.pickupTable > *:nth-child(2):nth-last-child(4),
.pickupTable > *:nth-child(3):nth-last-child(3),
.pickupTable > *:nth-child(4):nth-last-child(2),
.pickupTable > *:nth-child(5):nth-last-child(1)
{
	width: 20%;
}
.pickupTable > *:nth-child(1):nth-last-child(4),
.pickupTable > *:nth-child(2):nth-last-child(3),
.pickupTable > *:nth-child(3):nth-last-child(2),
.pickupTable > *:nth-child(4):nth-last-child(1)
{
	width: 25%;
}
.pickupTable > *:nth-child(1):nth-last-child(3),
.pickupTable > *:nth-child(2):nth-last-child(2),
.pickupTable > *:nth-child(3):nth-last-child(1)
{
	width: 33.33%;
}
.pickupTable > *:nth-child(1):nth-last-child(2),
.pickupTable > *:nth-child(2):nth-last-child(1)
{
	width: 50%;
}
.pickupTable > * > :not(img)
{
	display: block;
}
.pickupTable.pc > *:not(:only-child),
.pickupTable.switch > *:not(:only-child)
{
	line-height: 0;
	padding: 0 1px 1px 0;
}
.pickupTable.pc > *:not(:only-child):first-child:before,
.pickupTable.switch > *:not(:only-child):first-child:before
{
	content: ' ';
	display: block;
	font-size: 0;
	width: 1px;
	height: 100%;
	background-color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
/*
	padding-left: 1px;
*/
}
.pickupTable.pc > * > img,
.pickupTable.switch > * > img,
.pickupTable > *:only-child > img
{
	width: 100%;
	height: auto;
	margin: 0;
}
.pickupTable.sp > *
{
	line-height: 100%;
}
.pickupTable.sp > * > img
{
	width: 80%;
	height: auto;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
	margin-bottom: 0.5em;
	border-radius: 18%;
}
.pickupTable .popup, .pickupTable .pop
{
	display: inline-block;
	position: absolute;
	bottom: 0.45em;
	left: auto;
	right: 0.5em;
	padding: 0.4em 0.7em 0.2em 0.7em;
	font-size: 50%;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
	background-color: #C00;
	text-shadow: 0 2px 2px #000;
/*
	border: 1px solid #FFF;
*/
	border-radius: 1.6em;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.7);
}
/* ▼.pickupTable .popup:nth-child(2):not(:last-child), .pickupTable .pop:nth-child(2):not(:last-child) */
/* 　家庭用ゲームソフト発売日で使用 */
.pickupTable .popup:nth-child(2):not(:last-child), .pickupTable .pop:nth-child(2):not(:last-child)
{
	font-size: 45%;
	bottom: 0.5em;
	border-style: none;
	left: 0.5em;
	right: auto;
}
/* ▲.pickupTable .popup:nth-child(2):not(:last-child), .pickupTable .pop:nth-child(2):not(:last-child) */

.pickupTable .pop
{
	padding: 0.3em 0.5em 0.1em 0.5em;
	border: 1px none #FFF;
	text-shadow: none;
}
.pickupTable .pop.ps4
{
	background-color: #03C;
}
.pickupTable .popup
{
	animation: popupAnim 2s ease-out 0s infinite alternate;
	-webkit-animation: popupAnim 2s ease-out 0s infinite alternate;
}
.pickupTable .popup *,
.pickupTable .pop *
{
	display: inline-block;
	height: 1em;
	margin-bottom: 0em;
	text-shadow: none;
	color: #FFF;
}
@keyframes popupAnim
{
	0%   { background-color: #C00; }
	90%  { background-color: #C00; }
	100% { background-color: #F90; }
}
@-webkit-keyframes popupAnim
{
	0%   { background-color: #C00; }
	90%  { background-color: #C00; }
	100% { background-color: #F90; }
}
.pickupIcons
{
	display: block;
	text-align: center;
}
.pickupIcons > *
{
	display: inline-block;
	position: relative;
	width: 96px;
	max-width: 26%;
	margin: 0 1%;
	vertical-align: top;
	text-decoration: none;
}
.pickupIcons > * > img
{
	width: 80%;
	height: auto;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
	margin-bottom: 0.5em;
	border-radius: 18%;
}
.kawara_comment .icon img.icon_tesou,
.pickupTable.sp > *.icon_tesou > img,
.pickupIcons > *.icon_tesou > img,
.app_gomokuminnaF > * > * > * > img
{
	border-radius: 23.1% !important;
}
.pickupIcons > * > :not(img)
{
	display: block;
}

/* ▼YouTube iframe */
.youtubeFrame
{
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	padding-top: 56.25% !important;
}
.youtubeFrame iframe
{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* ▲YouTube iframe */

.accordionBox
{
	position: relative;
}

/* ▼.accordionBox */
.accordionBox > :first-child
{
	margin-top: 0.7em;
	border-top: 2px dotted #FFE099;
}
.accordionBox > :last-child
{
	border-top: 2px dotted #FFE099;
}
input[type=radio][name=accordionRadio]
{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	font-size: 0%;
	opacity: 0;
	width: 0px;
	height: 0px;
}
input[type=radio][name=accordionRadio]:checked + label[name=accordionLabel]
{
	display: none;
}
input[type=radio][name=accordionRadio]:not(:checked) + label[name=accordionLabel]
{
	display: block;
	line-height: 100%;
	background: #FFF5DD;
	padding: 0.3em;
	color: #13A;
	text-align: right;
}

#accordionOpen ~ [name=accordionTarget]
{
	display: box;
	box-orient: vertical;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: max-height 0.3s ease;
	-webkit-transition: max-height 0.3s ease;
}

#accordionOpen:not(:checked) ~ [name=accordionTarget]
{
	max-height: 1.7em;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	opacity: 0.4;
	filter: grayscale(100%);
}
#accordionOpen:checked ~ [name=accordionTarget]
{
	max-height: 50em;
	line-clamp: none;
	-webkit-line-clamp: none;
	opacity: 1;
	filter: grayscale(0%);
}
/* ▲.accordionBox */
