@charset "UTF-8";

/*-----------------------------------------------------------------------------------

	CSS Name: マイページスタイル

-------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	ページ内スタイル
/*-----------------------------------------------------------------------------------*/

/* ページタイトル */
#page-title.mypage {
	color: #fff;
	background: #b1b1b1;
	margin-bottom: 40px;
}

/* マイページスイッチ */
#mypage-swicth {
	height: 61px;
	position: relative;
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 70px;
}
#mypage-swicth .saved a,
#mypage-swicth .premium a {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 2.6;
	height: 61px;
	width: 280px;
	background: transparent url(/image/builtin/mypage_switch.png) 0 0 no-repeat;
	display: block;
}
#mypage-swicth .saved a:hover,
#mypage-swicth .premium a:hover {
	color: #333;
	text-decoration: none;
}
#mypage-swicth .saved a {
	text-indent: 85px;
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 0;
}
#mypage-swicth .saved a:hover,
#mypage-swicth .saved a.active {
	color: #333;
	background-position: 0 100%;
}
#mypage-swicth .premium a {
	text-indent: 80px;
	background-position: -280px 0;
	position: absolute;
	top: 0;
	left: 280px;
}
#mypage-swicth .premium a:hover,
#mypage-swicth .premium a.active {
	color: #333;
	background-position: -280px 100%;
}
#mypage-swicth .status {
	font-size: 16px;
	position: absolute;
	top: 85px;
	left: 0;
}
#mypage-swicth .status .current,
#mypage-swicth .status .rest {
	font-weight: bold;
	margin: 0 5px;
}

/* 号外のみ下余白 */
#mypage-archive ul.post-list-archive li.hentry.extra { margin-bottom: 10px; }


/*-----------------------------------------------------------------------------------*/
/*	個人設定
/*-----------------------------------------------------------------------------------*/

/* 個人設定メニュー */
#mypage-setting-navi a:hover { text-decoration: none; }
#mypage-setting-navi dl dt {
	color: #333;
	font-size: 24px;
	font-weight: bold;
	line-height: 2.5;
	text-indent: 55px;
	width: 300px;
	height: 60px;
	border: 1px solid #bfbfbf;
	background: transparent url(/image/builtin/mypage_navi_gear_icon.png) 20px 50% no-repeat;
	position: relative;
	display: block;
	cursor: pointer;
}
#mypage-setting-navi dl dt span.arrow {
	width: 11px;
	height: 6px;
	background: transparent url(/image/builtin/mypage_navi_arrow.png) 0 0 no-repeat;
	position: absolute;
	top: 27px;
	right: 20px;
	display: block;
}
#mypage-setting-navi dl dt.active span.arrow { background-position: 0 100%; }
#mypage-setting-navi dl dd { display: block; }/* 1008　上野修正 */
#mypage-setting-navi dl dd ul li a {
	font-size: 17px;
	font-weight: bold;
	line-height: 3.7;
	text-indent: 40px;
	width: 300px;
	height: 60px;
	background: transparent url(/image/builtin/mypage_navi_link.png) 270px 50% no-repeat;
	border: 1px solid #bfbfbf;
	border-top: none;
	display: block;
}

/****** 2014/12/26追記 ******/
#login {
	text-align: center;
	margin: 50px 0;
}
#login p.desc {
	font-size: 20px;
	margin-bottom: 40px;
}
#login p.error {
	color: #ea575e;
	font-size: 20px;
	margin-bottom: 40px;
}
#login .login-form {
	width: 480px;
	margin: 0 auto;
}
#login .login-form dl { text-align: left; }
#login .login-form dl dt {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
#login .login-form dl dd { margin-bottom: 30px; }
#login .login-form dl dd input {
	font-size: 20px;
	text-indent: 20px;
	width: 480px;
	height: 80px;
	padding-right: 100px;
	background: #fff;
	border: 1px solid #8e8e8e;
}
#login .login-form dl dd input.mail { background: transparent url(/image/builtin/login_icon_mail.png) 92% 50% no-repeat; }
#login .login-form dl dd input.password { background: transparent url(/image/builtin/login_icon_lock.png) 92% 50% no-repeat; }
#login .login-form .btn button {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	width: 380px;
	height: 80px;
	background-color: #55acee;
	border: none;
	margin-bottom: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
#login .login-form .btn button:hover { opacity: .7; }
#login .forgot {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 2px dashed #ccc;
}
#login .forgot a {
	color: #55acee;
	font-size: 22px;
	font-weight: bold;
}
#login .home-btn a {
	color: #55acee;
	font-size: 22px;
	font-weight: bold;
	padding-left: 40px;
	background: transparent url(/image/builtin/login_icon_home.png) 0 50% no-repeat;
}


/* 表示設定 */
.section-radio{
	margin-top: 40px;
	border-bottom: 1px solid #EDEDED;
	height: 80px;
}
.none-border{
	border: none;
}
.section-radio span{
	font-size: 20px;
	font-weight: bold;
}
.section-radio ul li{
	float: left;
	width: 250px;
	font-size: 20px;
}
.section-radio ul li label,.section-radio ul li label input{
	cursor: pointer;
}
.form-bottom{
	margin: 40px 0;
	text-align: center;
	border-bottom: 1px solid #EDEDED;
	height: 120px;
}
.form-bottom .btn.confirm button {
	color: #fff;
	border: none;
	background-color: #55acee;
}
.form-bottom .btn button {
	color: #55acee;
	font-size: 20px;
	font-weight: bold;
	width: 380px;
	height: 80px;
	background-color: #fff;
	border: 1px solid #55acee;
	margin-bottom: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.mypage-bottom{

}
.mypage-bottom .mypage-box {
	float: left;
	margin: 0 5px;
}
.mypage-bottom .mypage-box a{
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
	line-height: 3.7;
	text-indent: 40px;
	width: 300px;
	height: 60px;
	background: transparent url(/image/builtin/mypage_navi_link.png) 270px 50% no-repeat;
	border: 1px solid #bfbfbf;
	display: block;
}