@charset "utf-8";

*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html, body
{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: sans-serif;
	text-autospace: ideograph-alpha;
	-webkit-text-size-adjust: none;
	line-height: 110%;
	text-align: left;
}

#container
{
	width: 100%;
}

html
{
	background-color: #FFF;
}
html, body, #container
{

	background-image: url('https://sp.unbalance.co.jp/stUranai/common/images/body_bg.jpg?201216');
	background-repeat: repeat-y;
	background-position: top left;
	background-size: 100% auto;

	color: #000;
}
/* ▼横画面・iPadの基本サイズ設定 */
@media screen and (orientation:landscape), screen and (min-width:768px)
{
	html, body
	{
		background-image:
			linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0.5) 100%),
			url('https://sp.unbalance.co.jp/stUranai/common/images/body_bg.jpg');
		background-image:
			-webkit-gradient(
				linear,
				0% 0%,
				100% 0%,
				color-stop(0, rgba(255, 255, 255, 0.5)),
				color-stop(0.2, rgba(255, 255, 255, 0.8)),
				color-stop(0.8, rgba(255, 255, 255, 0.8)),
				color-stop(1, rgba(255, 255, 255, 0.5))),
			url('https://sp.unbalance.co.jp/stUranai/common/images/body_bg.jpg');
		background-repeat: no-repeat repeat;
		background-position: center center top left;
	}
	body { background-color: transparent; }
	#container
	{
		width: 70%;
		margin-left: 15%;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
		overflow-x: hidden;
	}
}
/* ▲横画面・iPadの基本サイズ設定 */

/* ▼#container内リンク色指定 */
#container a, #contents a:visited {
	color: #06D;
}
#container a:active {
	color: #F50;
}
/* ▲#container内リンク色指定 */

/* ▼.color */
.color
{
	color: #BE1C36;
}
/* ▲.color */
/* ▼.color2 */
.color2
{
	color: #DD2F00;
}
/* ▲.color2 */

/* ▼.color3 */
.color3
{
	color: #139;
}
/* ▲.color3 */

/* ▼.color4 */
.color4
{
	color: #125;
}
/* ▲.color4 */

/* ▼リンク以外のボタンなどのcursor指定 */
button:hover, label:hover,
#petitLogo:hover, #petitLogo2:hover
{
	cursor: pointer;
}
/* ▲リンク以外のボタンなどのcursor指定 */

/* ▼.lampIcon */
.lampIcon
{
	display: inline-block;
	position: relative;
	top: -0.3em;
	line-height: 1;
	color: #FFDD70;
	text-shadow: #000 0px 1px 1px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 70%;
	padding: 0.3em;
	border: 1px solid #FFDD70;
	border-radius: 0.5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(
		linear, 0% 0%, 0% 100%,
		from(rgba(255, 255, 255, 0.5)),
		color-stop(0.3, rgba(255, 255, 255, 0.1)),
		color-stop(0.5, rgba(255, 255, 255, 0)),
		color-stop(0.5, rgba(0, 0, 0, 0)),
		to(rgba(0, 0, 0, 0.1))
	);
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0.5) 0%,
		rgba(255, 255, 255, 0.1) 30%,
		rgba(255, 255, 255, 0) 50%,
		rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0.1) 100%
	);
	background-color: #D90000;
	animation: lampIconBg 5s linear 0s infinite normal;
}
@keyframes lampIconBg
{
	0%, 40%, 60%, 100%
	{
		color: #FFDD70;
		border-color: #FFDD70;
		background-color: #D90000;
	}
	50%
	{
		color: #FFF;
		border-color: #FFF;
		background-color: #FFB300;
	}
}
/* ▲.lampIcon */

/* ▼.lampStr */
.lampStr
{
	animation: lampStr 3s linear 0s infinite normal;
}
@keyframes lampStr
{
	0%, 40%, 60%, 100%
	{
		color: #E52263;
	}
	50%
	{
		color: #FFDD70;
	}
}
/* ▲.lampStr */

/* ▼文字サイズ .noFont, .minimini, .mini, .copyright, smallmini, .small, .smallish, .large, .big */
.big
{
	font-size: 140%;
}
.large
{
	font-size: 120%;
}
.smallish
{
	font-size: 90%;
}
.small
{
	font-size: 80%;
}
.smallmini
{
	font-size: 65%;
}
.mini, .copyRight
{
	font-size: 60%;
}
.minimini
{
	font-size: 50%;
}
.noFont
{
	font-size: 0%;
	line-height: 0%;
}
/* ▲文字サイズ .noFont, .minimini, .mini, .copyright, smallmini, .small, .smallish, .large, .big */
h2 span, .nextIcon, h3 span
{
	color: #B3002D;
}

/* ▼.nextIcon */
.nextIcon
{
	color: #CB0133;
	font-size: 20pt;
	line-height: 100%;
}
/* ▲.nextIcon */

/* ▼.noLine */
.noLine
{
	line-height: 100%;
}
/* ▲.noLine */

/* ▼.noDisplay */
.noDisplay
{
	display: none;
}
/* ▲.noDisplay */

/* ▼.noStyle */
.noStyle
{
	padding: 0%;
	margin: 0%;
	font-size: 100%;
	line-height: 100%;
	font-weight: normal;
	background-color: transparent;
}
/* ▲.noStyle */

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

/* ▼.right */
.right
{
	margin-left: auto;
	margin-right: 0%;
	text-align: right;
}
/* ▲.right */

/* ▼.bottomX, .heightXシリーズ */
.bottom0  { margin-bottom: 0; }
.bottom2  { margin-bottom: 2pt; }
.bottom3  { margin-bottom: 3pt; }
.bottom5  { margin-bottom: 5pt; }
.bottom7  { margin-bottom: 7pt; }
.bottom10 { margin-bottom: 10pt; }
.bottom15 { margin-bottom: 15pt; }
.bottom20 { margin-bottom: 20pt; }
.bottom30, .copyRight { margin-bottom: 30pt; }
.bottom40 { margin-bottom: 40pt; }
.bottom50 { margin-bottom: 50pt; }

.height0  { display: block; font-size: 0%; line-height: 0; height: 0; }
.height2  { display: block; font-size: 0%; line-height: 0; height: 2pt; }
.height3  { display: block; font-size: 0%; line-height: 0; height: 3pt; }
.height5  { display: block; font-size: 0%; line-height: 0; height: 5pt; }
.height7  { display: block; font-size: 0%; line-height: 0; height: 7pt; }
.height10 { display: block; font-size: 0%; line-height: 0; height: 10pt; }
.height15 { display: block; font-size: 0%; line-height: 0; height: 15pt; }
.height20 { display: block; font-size: 0%; line-height: 0; height: 20pt; }
.height25 { display: block; font-size: 0%; line-height: 0; height: 25pt; }
.height30 { display: block; font-size: 0%; line-height: 0; height: 30pt; }
.height40 { display: block; font-size: 0%; line-height: 0; height: 40pt; }
.height50 { display: block; font-size: 0%; line-height: 0; height: 50pt; }
/* ▲.bottomX, .heightXシリーズ */

/* ▼.widthXシリーズ (width: X%) */
.width40  { width: 40%; }
.width50  { width: 50%; }
.width60  { width: 60%; }
.width70  { width: 70%; }
.width80  { width: 80%; }
.width85  { width: 85%; }
.width90  { width: 90%; }
.width93  { width: 93%; }
.width95  { width: 95%; }
.width100 { width: 100%; }
.width40, .width50, .width60, .width70,
.width80, .width85, .width90, .width93, .width95, .width100
{
	padding: 0;
}
.width40 > *:first-child, .width50 > *:first-child, .width60 > *:first-child, .width70 > *:first-child,
.width80 > *:first-child, .width85 > *:first-child, .width90 > *:first-child, .width93 > *:first-child,
.width95 > *:first-child, .width100 > *:first-child
{
	width: 100%;
}
/* ▲.widthXシリーズ (width: X%) */

/* ▼.ratioXシリーズ (width: 100%; padding-top: X%; / child: margin-top: -X%;) */
.ratio40, .ratio50, .ratio60, .ratio70,
.ratio80, .ratio85, .ratio90, .ratio95, .ratio100
{
	display: block;
	width: 100%;
	position: relative;
	padding-left: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
}
.ratio40 > *, .ratio50 > *, .ratio60 > *, .ratio70 > *,
.ratio80 > *, .ratio85 > *, .ratio90 > *, .ratio95 > *, .ratio100 > *
{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
}
.ratio40  { padding-top: 40%; }
.ratio50  { padding-top: 50%; }
.ratio60  { padding-top: 60%; }
.ratio70  { padding-top: 70%; }
.ratio80  { padding-top: 80%; }
.ratio85  { padding-top: 85%; }
.ratio90  { padding-top: 90%; }
.ratio95  { padding-top: 95%; }
.ratio100 { padding-top: 100%; }

.ratio40 > *  { margin-top: -40%; }
.ratio50 > *  { margin-top: -50%; }
.ratio60 > *  { margin-top: -60%; }
.ratio70 > *  { margin-top: -70%; }
.ratio80 > *  { margin-top: -80%; }
.ratio85 > *  { margin-top: -85%; }
.ratio90 > *  { margin-top: -90%; }
.ratio95 > *  { margin-top: -95%; }
.ratio100 > * { margin-top: -100%; }
/* ▲.ratioXシリーズ (width: 100%; padding-top: X%; / child: margin-top: -X%;) */

/* ▼.topLink */
.topLink
{
	display: block;
	padding: 0.5em 5%;
	vertical-align: middle;
	border-style: solid none;
	border-width: 1px;
	border-color: #CCC;
}
.topLink:before
{
	content: ' ';
	display: inline-block;
	vertical-align: middle;
	margin: 0 5pt 0 0;
	width: 34px;
	height: 34px;
	font-size: 1px;
	background: url('https://sp.unbalance.co.jp/stUranai/common/images/iconB.png') no-repeat top left;
	background-size: 100% 100%;
}
/* ▲.topLink */

/* ▼.backLink, .backLinkLeft, .backLinkCenter, .textLink */
.backLink, .textLink
{
	text-align: right;
	margin: 0.3em 0 0.3em auto;
}
.backLinkLeft
{
	text-align: left;
	margin: 0.3em auto 0.3em 0;
}
.backLinkCenter
{
	text-align: center;
	margin: 0.3em 0;
}
.backLink > a
{
	display: inline-block;
	padding: 0.5em 1em 1em 0em;
}
.backLinkLeft > a
{
	display: inline-block;
	padding: 0.5em 0em 1em 1em;
}
.backLinkCenter > a
{
	display: inline-block;
	padding: 0.5em 1em;
}
.textLink > a
{
	display: inline-block;
	padding: 0.3em 0.3em 0.7em 0em;
}
.backLink > a:after, .textLink > a:before
{
	display: inline-block;
	content: ' ';
	margin-left: 5pt;
	font-size: 0;
	border-width: 5pt 0 5pt 7pt;
	border-style: solid;
	border-color: transparent transparent transparent #B3B3FC;
}
.backLinkLeft > a:before
{
	display: inline-block;
	content: ' ';
	margin-right: 5pt;
	font-size: 0;
	border-width: 5pt 7pt 5pt 0;
	border-style: solid;
	border-color: transparent #B3B3FC transparent transparent;
}
.textLink > a:before
{
	margin-left: 0;
}
/* ▲.backLink, .backLinkLeft, .backLinkCenter, .textLink */

/* ▼.listLink */
.listLink
{
	border-color: #A67053;
	border-width: 1px;
	border-style: solid none;
}
.listLink > *
{
	display: block;
	position: relative;
	width: 100%;
	padding: 0.7em 0;
	text-decoration: none;
}
.listLink > a
{
	background: url('https://sp.unbalance.co.jp/stUranai/common/images/spriteS.png') no-repeat center right;
	background-color: #FFF;
	background-size: auto 1em;
	border: 1px none #999;
	border-bottom-style: dotted;
	padding-left: 1.3em;
	padding-right: 1.5em;
}
.listLink > a:not(.noBefore):before
{
	content: ' ';
	display: inline-block;
	width: 0.4em;
	height: calc(100% - 0.5em);
	position: absolute;
	left: 0.2em;
	top: 0.2em;
	line-height: 0;
	background: rgba(100, 0, 0, 0.3);
	border: 1px inset #ECC;
}

.listLink > a:last-child { border-bottom-style: none; }
/* ▲.listLink */

/* ▼.bnrCommentTop, .bnrCommentBottom バナーなどにくっつける、「▼テキスト▼」的な装飾 */
.bnrCommentTop, .bnrCommentBottom
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.bnrCommentTop:before, .bnrCommentTop:after,
.bnrCommentBottom:before, .bnrCommentBottom:after
{
	content: ' ';
	display: inline-block;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 50%;
	margin-top: -0.5em;
}
.bnrCommentTop:before, .bnrCommentBottom:before
{
	left: -1.1em;
	right: auto;
}
.bnrCommentTop:after, .bnrCommentBottom:after
{
	left: auto;
	right: -1.1em;
}
.bnrCommentTop:before, .bnrCommentTop:after
{
	content: '▼';
}
.bnrCommentBottom:before, .bnrCommentBottom:after
{
	content: '▲';
}
/* ▲.bnrCommentTop, .bnrCommentBottom バナーなどにくっつける、「▼テキスト▼」的な装飾 */

/* ▼戻るボタンなどの汎用ボタン */
.mainBtn
{
	display: inline-block;
	text-align: center;
	line-height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
	padding: 0.8em 1em;
	background-image: linear-gradient(to bottom, #D99F6C 0%, #8C5A38 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D99F6C), to(#8C5A38));
	box-shadow:
		1px 1px 1px 0 rgba(255, 255, 255, 0.5) inset,
		-1px -1px 1px 0 rgba(0, 0, 0, 0.5) inset,
		0 0 0 1px #FFF,
		0 4px 3px 0 rgba(0, 0, 0, 0.4);
	border-radius: 0.5em;
	color: #FFF !important;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}
.mainBtn:before
{
	content: ' ';
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background: url('https://sp.unbalance.co.jp/stUranai/common/images/back_csl.png') no-repeat center left;
	background-size: contain;
	vertical-align: middle;
	margin: -0.5em 0.2em -0.3em auto;
}
/* ▲戻るボタンなどの汎用ボタン */

/* ▼日替わり・ログインボーナステーブル・汎用w100Boxなどの大枠の光彩 */
.dailyTable
{
	box-shadow: 0 0 2px 2px #9E7539;
}
.fitBox
{
	box-shadow: 0 10px 2px 2px #9E7539, 0 0 2px 2px #9E7539;
}
.loginBonus > *:first-child
{
	box-shadow: 0 0 2px 2px #9E7539, 0 6px 5px 0 rgba(0, 0, 0, 0.5);
}
.appBoxHead
{
	box-shadow: 0 -2px 2px 0 #9E7539;
}
/* ▲日替わり・ログインボーナステーブル・汎用w100Boxなどの大枠の光彩 */

/* ▼アプリ紹介コーナーてっぺんの内側シャドウ */
.insetTopShadow
{
	position: relative;
}
.insetTopShadow:before
{
	content: ' ';
	display: block;
	font-size: 0%;
	line-height: 100%;
	width: 100%;
	height: 10pt;
	position: absolute;
	left: 0%;
	top: 0%;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.5) inset;
}
/* ▲アプリ紹介コーナーてっぺんの内側シャドウ */

/* ▼#container h1～h3 */
/* ▼h1・h2は内側にblockを置いてその中にブツを配置すること */
#container h1,
#container h2
{
	background-color: #A65A32;
	color: #FFF;
	font-size: 110%;
	text-align: center;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0;									/* paddingの1番目の値 = background-sizeの2番目の値 */
	position: relative;
	background-image:
		url('https://sp.unbalance.co.jp/stUranai/common/images/headBorder_top.png'),
		url('https://sp.unbalance.co.jp/stUranai/common/images/headBorder_bottom.png');
	background-position: top left, bottom left;
	background-size: auto 10px;				/* background-sizeの2番目の値 = paddingの1番目の値 */
	background-repeat: repeat-x;
}
#container h2
{
	padding: 6px 0;										/* paddingの1番目の値 = background-sizeの2番目の値 */
	background-size: auto 6px;				/* background-sizeの2番目の値 = paddingの1番目の値 */
}
#container h1:not(.noShadow),
#container h2:not(.noShadow)
{
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}

#container h1 > *
{
	padding: 0.5em 0;
	background-image: linear-gradient(to bottom, #B36136 0%, #99532E 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B36136), to(#99532E));
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

/* ▲h1・h2は内側にblockを置いてその中にブツを配置すること */

/* ▼新着ヘッド・アプリ紹介ヘッドなど 中身の画像を完全にフィットさせるヘッドの設定 */
#container h1.new,
#container h1.fusui_column,
#container h1.fit,
#container h1.tesou,
#container h2.noMargin
{
	margin-bottom: 0;
}
#container h1.new > *,
#container h1.fusui_column > *,
#container h1.fit > *,
#container h1.tesou > *
{
	padding: 0;
	line-height: 100%;
	font-size: 0%;
}
#container h1.new > * > *,
#container h1.fusui_column > * > *,
#container h1.fit > * > *,
#container h1.tesou > * > *
{
	display: block;
	width: 100%;
	margin: 0;
}
/* ▲新着ヘッド・アプリ紹介ヘッドなど 中身の画像を完全にフィットさせるヘッドの設定 */

/* ▼新着ヘッド #container h1.new 設定 */
#container h1.new > *
{
	background-image:
		url('https://sp.unbalance.co.jp/stUranai/common/images/headBg_new_left.png?190514'),
		url('https://sp.unbalance.co.jp/stUranai/common/images/headBg_new_right.png?190514'),
		url('https://sp.unbalance.co.jp/stUranai/common/images/headBg_new.png?190514');
	background-position: center left, center right, center center;
	background-size: contain, contain, 100% 100%;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
/* ▲新着ヘッド #container h1.new 設定 */

/* ▼手相鑑定ヘッド #container h1.tesou 設定 */
#container h1.tesou > *
{
	background-image:
		url('https://sp.unbalance.co.jp/stUranai/app/tesou/src/headBg_left.png?190514'),
		url('https://sp.unbalance.co.jp/stUranai/app/tesou/src/headBg_right.png?190514'),
		url('https://sp.unbalance.co.jp/stUranai/app/tesou/src/headBg.png?190514');
	background-position: center left, center right, center center;
	background-size: contain, contain, 100% 100%;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
/* ▲手相鑑定ヘッド #container h1.tesou 設定 */

/* ▼プチ風水コラムヘッド #container h1.fusui_column 設定 */
#container h1.fusui_column > *
{
	background-image:
		url('https://sp.unbalance.co.jp/stUranai/common/images/headBg_fusui_column_left.png'),
		url('https://sp.unbalance.co.jp/stUranai/common/images/headBg_fusui_column_right.png'),
		url('https://sp.unbalance.co.jp/stUranai/common/images/headBg_fusui_column.png');
	background-position: center left, center right, center center;
	background-size: contain, contain, 100% 100%;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
/* ▲プチ風水コラムヘッド #container h1.new 設定 */


#container h1#info > *
{
	background-color: #3D6DCC;
}
#container h1.commonHead > * > img
{
	width: 95%;
	max-width: 36em;
	height: auto;
	margin: 0 auto;
}
#container h2 > *
{
	background-image: linear-gradient(to bottom, #BF7B56 0%, #99674C 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BF7B56), to(#99674C));
	background-size: auto;
	font-size: 100%;
	padding: 0.3em 5%;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);

}
#container h3
{
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 100%);
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.75)));
	background-size: auto;
	background-color: #FFE9B2;
	font-size: 100%;
	padding: 0.5em 5%;
}
/* ▲#container h1～h3 */

/* ▼汎用.fitBox */
.fitBox
{
	background-color: #FFF;
	position: relative;
	margin-bottom: 12px;
}
.fitBox:after
{
	content: ' ';
	font-size: 0%;
	line-height: 100%;
	display: block;
	position: absolute;
	width: 100%;
	height: 6px;
	bottom: -10px;
	left: 0%;
	background-image:
		linear-gradient(to bottom, #EDE07F 0%, #D5B837 100%);
	background-image:
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDE07F), to(#D5B837));
	border: 2px #FFF66D none;
	border-style: solid none;
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.3);
}
/* ▲汎用.fitBox */

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




/* ▼アプリアイコンの基本角丸 */
.icon, .newList > .iconTable > *:first-child > img, .link_icon
{
	border-radius: 23.8%;
}
/* ▲アプリアイコンの基本角丸 */

/* ▼サイトの説明箱開閉 */
.topMsg
{
	display: block;
	width: 100%;
}
.topMsg > *
{
	display: block;
	position: relative;
	width: 100%;
}
.topMsg > .head
{
	background: url('https://sp.unbalance.co.jp/stUranai/common/images/topMsg_tableBorder_middle.png') no-repeat center center;
	background-size: 100% 100%;
	padding: 0%;
	margin: 0%;
}
.topMsg > .head:hover
{
	cursor: pointer;
}
.topMsg > *:first-child > img
{
	vertical-align: bottom;
}
.topMsg > *:last-child > img
{
	vertical-align: top;
}
.topMsg > *:first-child > img,
.topMsg > *:last-child > img,
.topMsg > .head > img
{
	width: 100%;
	height: auto;
	margin: 0%;
}
.topMsg > .head > .headIcon
{
	position: absolute;
	top: 0%;
	right: 3.67%;
	width: 6.67%;
	height: 100%;
	background: url('https://sp.unbalance.co.jp/stUranai/common/images/topMsg_btn_open.png') no-repeat center center;
	background-size: contain;
}
.topMsg.open > .head > .headIcon
{
	background: url('https://sp.unbalance.co.jp/stUranai/common/images/topMsg_btn_close.png') no-repeat center center;
	background-size: contain;
}
.topMsg > .box
{
	background: url('https://sp.unbalance.co.jp/stUranai/common/images/topMsg_tableBorder_middle.png') repeat-y center center;
	background-size: 100% 110%;
	overflow: hidden;
	-webkit-transition: max-height 0.4s;
	transition: max-height 0.4s;
}
.topMsg > .box > *
{
	display: block;
}
.topMsg.close > .box
{
	max-height: 0em;
}
.topMsg.open > .box
{
	max-height: 30em;
}
/* 　■開いた時のmax-heightの単位をemにする場合、iPad Proの横画面が一番多い行数を必要とする(中身の縦横比がキープされているため、横幅が大きい→縦幅も大きい)のでそこで確認すること */
/* ▲サイトの説明箱開閉 */

/* ▼日替わりコンテンツの背景 box-shadowのみ別で複数要素にまとめて指定 */
.dailyTable
{
	display: block;
	width: 100%;
	position: relative;
	background-image: url('https://sp.unbalance.co.jp/stUranai/common/images/daily_bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 2.4em;
}
.dailyTable > *:first-child
{
	position: relative;
	display: inline-block;
	min-width: 55%;
	color: #FFF;
	background: #FF9933;
	background: #E6A800;
	background: #ffbe1a;
	border: 2px solid #FFF;
	border-radius: 0.7em;
	font-weight: bold;
	top: -1.4em;
	font-size: 110%;
	line-height: 100%;
	padding: 0.5em 0.7em 0.4em 0.7em;
/*
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4) inset, 0 2px 3px 0 rgba(0, 0, 0, 0.5);
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
*/
	box-shadow: 0 0 7px 0 rgba(120, 40, 0, 0.5) inset, 0 2px 3px 0 rgba(0, 0, 0, 0.5);
	text-shadow: 0 0 5px rgba(120, 40, 0, 0.5),  0 0 3px rgba(120, 40, 0, 0.9);
	margin: 0 auto -0.5em auto;
}
.dailyTable > *:first-child > *:first-child
{
	display: inline-block;
	width: 3.5em;
	height: 1em;
	position: relative;
	overflow: visible;
}
.dailyTable > *:first-child > *:first-child > img
{
	width: 3em;
	position: absolute;
	left: 0;
	bottom: -0.4em;
}
.dailyTable > .dailyContents
{
	position: relative;
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding: 4px;
	border-width: 0;
	border-image: url('https://sp.unbalance.co.jp/stUranai/common/images/daily_border.png') 6 6 6 6 / 6px 6px 6px 6px stretch;
	-moz-border-image: url('https://sp.unbalance.co.jp/stUranai/common/images/daily_border.png') 6 6 6 6 / 6px 6px 6px 6px stretch;
	-webkit-border-image: url('https://sp.unbalance.co.jp/stUranai/common/images/daily_border.png') 6 6 6 6 / 6px 6px 6px 6px stretch;
}
.dailyTable > .dailyContents > *
{
	position: relative;
	display: block;
	margin: 0px;
	width: 100%;
}

/* ▲日替わりコンテンツの背景 box-shadowのみ別で複数要素にまとめて指定 */


/* ▼トップページ/プチ手相コーナー */
.petitTesou
{
	background: #FFCCD7 url('https://sp.unbalance.co.jp/stUranai/common/images/topPetit_bg.png');
	color:#59232F;
	border: 3px none #FFE599;
	border-style: none none groove none;
	text-align: left;
}
.petitTesou a
{
	text-decoration: none;
}
.petitTesou .bottomBox
{
	display: block;
	width: 100%;
	height: 100px;
	overflow: hidden;
}
.petitTesou .topBox, .petitTesou .bottomBox > *
{
	display: table;
	width: 95%;
	margin: 0 auto;
}
.petitTesou .bottomBox > *
{
	height: 100px;
	border-collapse: separate;
	border-spacing: 5px;
}
.petitTesou .topBox > *, .petitTesou .bottomBox > * > *
{
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	height: 100%;
}

.petitTesou .mainTitle
{
	text-align: center;
}
.petitTesou .mainTitle > img
{
	width: 80%;
	margin: 5px auto 0 auto;
}

.petitSubTitle
{
	display: block;
	font-size: 90%;
	margin: 0;
/*
	padding: 0.23em 0.27em 0.23em 0;
*/
	padding: 0.5em 0.5em 0.5em 0;
	background: #922B5A;
	border-image: url(https://sp.unbalance.co.jp/stUranai/common/images/q_subbg.png) 10 10 10 10 / 5px 5px 5px 5px stretch;
	-moz-border-image: url(https://sp.unbalance.co.jp/stUranai/common/images/q_subbg.png) 10 10 10 10 / 5px 5px 5px 5px stretch;
	-webkit-border-image: url(https://sp.unbalance.co.jp/stUranai/common/images/q_subbg.png) 10 10 10 10 / 5px 5px 5px 5px stretch;
	color: #FFF;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5), -1px 0 1px rgba(0,0,0,0.5), 1px 0 1px rgba(0,0,0,0.5);
}
#petitLogo, #petitLogo2
{
	float: left;
/*
	margin: -0.5em 6px 0 6px;
*/
	margin: 0.5em 6px 0 6px;
	width: 30%;
}
.petitTesou .question
{
	display: inline-block;
	width: 63%;
	margin: 5px 0 5px auto;
	background-color: #FFF;
	padding: 0.5em;
	border-radius: 0.7em;
	position: relative;
	font-size: 70%;
}
.petitTesouSpr, .petitTesouSpr + .textLink
{
	display: block;
	width: 100%;
	margin: 0 auto;
	text-align: right;
	padding: 0;
	line-height: 1;
}
.petitTesouSpr + .textLink
{
	margin-bottom: 0.5em;
}
.petitTesouSpr > img
{
	width: 100%;
	height: auto;
	margin: 0;
}
.petitTesouSpr + .textLink > a
{
	margin: 0;
}
@media (min-width: 768px)
{
	.petitTesouSpr, .petitTesouSpr + .textLink { width: 70%; }
}
@media (min-width: 1024px)
{
	.petitTesouSpr, .petitTesouSpr + .textLink { width: 50%; }
}
.petitTesou .question:after
{
	content: ' ';
	line-height: 0;
	font-size: 1px;
	display: block;
	width: 1px;
	height: 1px;
	position: absolute;
	/* ▽左ふきだしの場合 */
/*
	left: -10px;
	bottom: 10px;
	border-color: transparent #FFF transparent transparent;
	border-style: solid solid solid none;
	border-width: 5px 10px 5px 0;
*/
	/* △左ふきだしの場合 */
	/* ▽下ふきだしの場合 */
	left: 20%;
	bottom: -8px;
	border-color: #FFF transparent transparent transparent;
	border-style: solid solid none solid;
	border-width: 10px 5px 0 5px;
	/* △下ふきだしの場合 */
}
/* ▲トップページ/プチ手相コーナー */
/* ▼トップページ/プチ手相の選択肢開閉 */
@-webkit-keyframes open100
{
	0%     { height: 3px; }
	100%   { height: 100px; }
}
@-moz-keyframes open100
{
	0%     { height: 3px; }
	100%   { height: 100px; }
}
@keyframes open100
{
	0%     { height: 3px; }
	100%   { height: 100px; }
}
@-webkit-keyframes close100
{
	0%     { height: 100px; }
	100%   { height: 3px; }
}
@-moz-keyframes close100
{
	0%     { height: 100px; }
	100%   { height: 3px; }
}
@keyframes close100
{
	0%     { height: 100px; }
	100%   { height: 3px; }
}
/*
.petitTesou .bottomBox.default
{
	height: 3px;
}
.petitTesou .bottomBox.open
{
	-webkit-animation: open100 0.3s ease 0s 1 normal;
	-moz-animation: open100 0.3s ease 0s 1 normal;
	animation: open100 0.3s ease 0s 1 normal;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.petitTesou .bottomBox.close
{
	height: 1px;
	-webkit-animation: close100 0.3s ease 0s 1 normal;
	-moz-animation: close100 0.3s ease 0s 1 normal;
	animation: close100 0.3s ease 0s 1 normal;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
*/

/* ▲トップページ/プチ手相の選択肢開閉 */

/* ▼ショートカットページに行くリンク */
.btn_shortcut
{
	display: block;
	width: 80%;
	height: 2.4em;
	margin: 0 auto;
	background-image:
		url('https://sp.unbalance.co.jp/stUranai/common/images/shortcut_label.png?190514'),
		linear-gradient(to bottom, #C7EAFF 0%, #62B6FF 100%);
	background-image:
		url('https://sp.unbalance.co.jp/stUranai/common/images/shortcut_label.png?190514'),
		-webkit-gradient(linear, 0% 0%, 0% 100%, from(#C7EAFF), to(#62B6FF));
	background-size: contain, auto;
	background-repeat: no-repeat, no-repeat;
	background-position: center center, center center;
	box-shadow:
		0 0 2px 1px rgba(41, 139, 204, 0.4) inset,
		0 0 0 2px #FFF,
		0 4px 3px rgba(0, 0, 0, 0.6);
	border-radius: 0.5em;
}
/* ▲ショートカットページに行くリンク */


/* ▼ショートカットページ用 */
.docBlock
{
	display: block;
	width: 94%;
	margin-left: 3%;
	border: 1px solid #777;
	border-radius: 0.5em;
	padding: 0 0 1em 0;
	overflow: hidden;
	vertical-align: top;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.docBlock > h1, .docBlock > h2, .docBlock > h3, .docBlock > h4, .docBlock > h5, .docBlock > h6
{
	margin-top: 0;
	padding-left: 0.7em;
	padding-right: 0.3em;
}
.docBlock > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)
{
	padding: 0 5%;
}
@media screen and (min-width:768px)
{
	.docBlock:not(.full)
	{
		display: inline-block;
		width: 45%;
		margin-left: 3%;
		margin-right: 0;
		margin-bottom: 20pt;
	}
	.nextIcon
	{
		display: none;
	}
}
.strImg
{
	margin: -0.1em 0.2em 0.1em 0.2em;
	width: auto;
	height: 1.5em;
	vertical-align: middle;
	border: 1px solid #FFF;
}
h2 span > .strImg, h3 span > .strImg
{
	border-color: #B3002D;
}
.blockImg
{
	margin: 0;
	width: 15em;
	max-width: 80%;
	height: auto;
	border: 1px solid #FFF;
	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
}
.center .blockImg
{
	margin-left: auto;
	margin-right: auto;
}


/* ▲ショートカットページ用 */

/* ▼汎用文章余白 */
.mainDoc
{
	padding: 0 5%;
}
/* ▲汎用文章余白 */

/* ▼新着コーナーの項目基本設定 */
.newList > *
{
	width: 100%;
	padding: 0.5em 0;
	position: relative;
}
.newList > *:not(:first-child)
{
	border-top: 1px solid #D9D9D9;
}
/* ▲新着コーナーの項目基本設定 */
/* ▼新着コーナーのアイコン＆テキストテーブル */
.newList > * > .iconTable
{
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.newList > * > .iconTable > *
{
	display: table-cell;
	vertical-align: middle;
	line-height: 100%;
}
.newList > * > .iconTable > *:first-child
{
	width: 30%;
	text-align: center;
}
.newList > * > .iconTable > *:first-child > img
{
	width: 70%;
	max-width: 100px;
}
.newList > * > .iconTable > *:last-child
{
	width: 70%;
	text-align: left;
	padding-right: 0.5em;
}
/* ▲新着コーナーのアイコン＆テキストテーブル */
/* ▼新着コーナーのバナーテーブル */
.newList > * > .bnrTable
{
	display: block;
	width: 94%;
	margin: 0 auto;
}
.newList > * > .bnrTable img
{
	display: block;
	width: 100%;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
}
/* ▲新着コーナーのバナーテーブル */

/* ▼ザ・手相アプリ紹介 */
.tesouMenuBox
{
	display: block;
	width: 90%;
	margin-top: 2.5%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 0;
	box-shadow: 0 0 0 2px #B09A71;
}
.tesouMenuBox > *
{
	display: block;
	width: 100%;
	margin: 0;
	line-height: 100%;
}
.tesouMenuBox > *:first-child
{
	padding-top: 7.6%;
	background: url('https://sp.unbalance.co.jp/stUranai/app/tesou/src/tableHeadBg.png') no-repeat top center;
	background-size: 100% auto;
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 1.9%;
}
.tesouMenuBox > *:first-child > *
{
	position: absolute;
	left: 50%;
	top: -50%;
	margin: 0 auto auto -33%;
	width: 66%;
}
/* ▲ザ・手相アプリ紹介 */

/* ▼女子手相・男手相・主婦手相枠関連 */
.appInsideBox
{
	display: block;
	width: 90%;
	position: relative;
	border-width: 2px;
	border-style: solid;
	margin-left: auto;
	margin-right: auto;
/*
	border-radius: 0.5em;
*/
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
}
/*
.appInsideBox .title
{
	border-radius: 0.3em 0.3em 0 0;
}
*/
/* ▲女子手相・男手相・主婦手相枠関連 */

/* ▼今すぐ鑑定ボタン */
.webAppBtn
{
	display: inline-block;
	min-width: 40%;
	max-width: 95%;
	font-size: 115%;
	line-height: 100%;
	padding: 0.8em 0;
	background-image: linear-gradient(to bottom, #E5462E 0%, #CC3F29 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E5462E), to(#CC3F29));
	box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5) inset, -1px -1px 1px 0 rgba(0, 0, 0, 0.5) inset;
	color: #FFF !important;
	border-radius: 0.5em;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
.webAppBtn:only-child
{
	min-width: 70%;
}
/* ▲今すぐ鑑定ボタン */

/* ▼今すぐ鑑定【不可】ボタン */
.webAppBtn.disabled
{
	font-size: 80%;
	padding: 0.4em 0.8em;
	background-image: linear-gradient(to bottom, #AAA 0%, #999 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAA), to(#999));
}
/* ▲今すぐ鑑定【不可】ボタン */

/* ▼もっと詳しくボタン */
.moreInfoBtn
{
	display: inline-block;
	width: 100%;
	font-size: 90%;
	line-height: 100%;
	padding: 0.5em 0;
	background-image: linear-gradient(to bottom, #FF9166 0%, #FF5E00 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9166), to(#FF5E00));
	box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.5) inset, -1px -1px 1px 0 rgba(0, 0, 0, 0.5) inset;
	color: #FFF !important;
	border-radius: 0.6em;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
/* ▲もっと詳しくボタン */

/* ▼コピーライト */
.copyRight
{
	text-align: center;
	color: #666;
	line-height: 105%;
	padding-bottom: 20px;
}
.copyAI
{
	display: inline-block;
	width: 17px;
	height: 10px;
	margin: 0 0 0 2px;
	background: url('https://sp.unbalance.co.jp/sp/images/copyai.gif') no-repeat top left;
	background-size: 100% 100%;
}
/* ▲コピーライト */

/* ▼スゴ得アナウンス */
#stAnnounceBox
{
	display: none;
}
.stAnnounce, .stInfo, .stRegist, .stRegistB, .stRegistS, .stCoupon, .stPoint, .stInfo100
{
	text-align: center;
	line-height: 0;
}
.stInfo100
{
	font-size: 0;
}
.stAnnounce img, .stInfo img, .stInfo100 img, .stRegist img, .stRegistB img, .stRegistS img, .stCoupon img, .stPoint img
{
	margin: 0 auto;
	border: 0px none transparent;
}
.stInfo100 img
{
	width: 100%;
}
.stAnnounce img
{
	width: 70%;
}
.stInfo img, .stCoupon img, .stPoint img
{
	width: 80%;
}
.stRegist img
{
	width: 50%;
}
.stRegistB img
{
	width: 70%;
}
.stRegistS img
{
	width: 40%;
}
@media screen and (min-width: 768px)
{
	.stAnnounce img
	{
		width: 35%;
	}
	.stInfo img, .stCoupon img, .stPoint img
	{
		width: 40%;
	}
	.stRegist img
	{
		width: 30%;
	}
	.stRegistS img
	{
		width: 20%;
	}
}
/* ▲スゴ得アナウンス */

/* ▼#favInfoCP1, #favInfoCP1R, #favInfoCP2, #favInfoCP3 */
#favInfoCP1, #favInfoCP1R, #favInfoCP2, #favInfoCP3 { display: none; }
#favInfoCP1 > *
{
	display: block;
	background: transparent url('https://sp.unbalance.co.jp/stUranai/common/images/favInfo_bg1R.png') no-repeat bottom left;
	background-size: auto 100%;
	font-size: 0;
	line-height: 0;
	width: 100%;
	text-align: right;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #FFF;
}
#favInfoCP1R > *
{
	display: block;
	background: transparent url('https://sp.unbalance.co.jp/stUranai/common/images/favInfo_bg1R.png') no-repeat bottom left;
	background-size: auto 100%;
	font-size: 0;
	line-height: 0;
	width: 100%;
	text-align: right;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #FFF;
}
#favInfoCP1 > * > img, #favInfoCP1R > * > img
{
	width: 99%;
	max-width: 360px;
	margin: 0 0 0 auto;
}
#favInfoCP2 > *
{
	display: block;
	line-height: 0;
}
#favInfoCP2 > *:first-child
{
	width: auto;
	height: 15px;
	margin: 0 auto 0 30%;
	padding: 0;
}
#favInfoCP2 > *:nth-child(2)
{
	width: 85%;
	font-size: 100%;
	margin: 0 auto 2em auto;
	padding: 5px;
	background-color: #FFECA9;
	border-radius: 25px;
	border: 3px #FF4070 solid;
	text-align: center;
}
#favInfoCP2 > *:nth-child(2) > img
{
	width: 95%;
	max-width: 400px;
	margin: 0 auto;
}
#favInfoCP3
{
	text-align: center;
	line-height: 0;
	margin: 10pt 0 -9pt 0;
}
#favInfoCP3 > *
{
	width: 90%;
	max-width: 540px;
	height: auto;
	margin: 0 auto;
	line-height: 0;
}
#favInfoCP4
{
	display: block;
	background: #FFF;
	border: 2px solid #D9B377;
	border-radius: 1em;
	position: relative;
	padding: 0.3em;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
	color: #25C;
}
#favInfoCP4:before
{
	content: ' ';
	font-size: 1px;
	display: block;
	position: absolute;
	left: 50%;
	top: -10px;
	margin-left: -5px;
	border-color: transparent transparent #D9B377 transparent;
	border-style: none solid solid solid;
	border-width: 0 5px 10px 5px;
}
#favInfoCP4:after
{
	content: ' ';
	font-size: 1px;
	display: block;
	position: absolute;
	left: 50%;
	top: -7px;
	margin-left: -3px;
	border-color: transparent transparent #FFF transparent;
	border-style: none solid solid solid;
	border-width: 0 3px 7px 3px;
}
/* ▲#favInfoCP1, #favInfoCP1R, #favInfoCP2, #favInfoCP3 */