@charset "utf-8";
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader h1 {
	padding: 6px 0 5px 10px;
	text-align: left;
	line-height: 0;
}

	.topPage #gHeader h1 {
		margin: 0 0 0px;
	}

#gHeader h1 a {
	width: 118px;
	height: 33px;
	background-position: 0 0;
}

#gHeader .point {
	width: 70px;
	position: absolute;
	top: 13px;
	right: 50px;
	color: #630;
	font-size: 12px;
}

#gHeader .point span {
	color: #F30;
}

#container .mainImage {
	text-align: center;
	line-height: 0;
}

	.topPage #container .mainImage {
		padding-top: 15px;
		position: relative;
		text-align: center;
		background: #FFF;
	}

	.topPage #container .mainImage p {
		position: absolute;
		bottom: 15px;
		right: 10px;
		font-size: 12px;
		text-shadow: 1px 1px 0px rgba(255,255,255,1);
	}
	
	.topPage #container .mainImage p a {
		color: #360;
	}

#gHeader #drawrMenuToggle {
	background-image: url(/sp/img/common/template/header/menu_close.png);
}

.drawrMenuOpen #gHeader #drawrMenuToggle {
	background-image: url(/sp/img/common/template/header/menu_open.png);
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts h2 {
	color: #630;
	font-size: 16px;
	text-align: center;
	margin: 0 0 15px;
	padding: 8px 0 5px 12px;
	background: #CFEA9B;
	border-bottom: 1px solid #A0D638;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
}

#conts .inner {
	margin: 0 10px;
	padding-bottom: 30px;
}

	.topPage #conts {
		margin: 0;
	}
	
	.topPage #conts h2 {
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		text-shadow: none;
	}
	
	.topPage #conts .inner {
		margin: 0;
		padding: 0;
	}

/*------------------------------------------------------------
	エラーメッセージ
------------------------------------------------------------*/
.error-message {
	margin-top: 5px;
    color: #F00;
	font-size: 12px;
}

#authMessage,
#flashMessage {
	margin: 0 10px 20px;
	padding: 10px 10px 8px;
	border: 1px solid #f00;
	background: #FFC;
	color: #333;
	font-size: 14px;
	text-align: center;
}

/*------------------------------------------------------------
	マイメニュー
------------------------------------------------------------*/
#conts #myMenu {
	margin: 0;
}

#conts #myMenu li {
	position: relative;
	background: -moz-linear-gradient(
		top,
		#FFF 0%,
		#F5F5F5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#FFF),
		to(#F5F5F5));
	border-bottom: 1px solid #CCC;
}

#conts #myMenu li a {
	display: block;
	padding: 10px 15px 10px 10px;
	color: #000;
	font-size: 16px;
	text-decoration: none;
}

#conts #myMenu li a:before {
	content: "";
	position: absolute;
	top: 11px;
	right: 10px;
	width: 18px;
	height: 24px;
	background: url(/sp/img/member/menu_arrow.png) no-repeat;
	background-size: 18px 24px;
	-webkit-background-size: 18px 24px;
}

/*------------------------------------------------------------
	ドロワーメニュー
------------------------------------------------------------*/
#drawrMenu .greeting,
.drawrMenuOpen #drawrMenuToggle {
	background-color: #6E5944;
}

/*------------------------------------------------------------
	CSSスプライト
------------------------------------------------------------*/
#conts .opinion a span:after,
#conts .mainConts .contsBox .more a:after,
#conts .mainConts .kq .inner .kqBtn:after,
#gHeader h1 a {
	background: url(/sp/img/common/sprite/bg_img.png) no-repeat;
	-webkit-background-size: 127px 33px;
    background-size: 127px 33px;
}

/*------------------------------------------------------------
	告知掲載スタイル
------------------------------------------------------------*/
#conts .infoBox {
	margin: 0 0 20px;
	padding: 15px 15px 5px !important;
	background: #FFF5F2;
	border: 1px solid #F30;
}

#conts .infoBox.none {
	margin: 0 0 10px;
}

#conts .infoBox p {
	margin-bottom: 10px;
	color: #FF0000;
}

#conts .infoBox p span {
	color: #FF0000;
	font-weight: bold;
}