@charset "utf-8";

.mypage__box{ width: 100%; margin: 0 auto; padding:0 0 0px 0; clear: both;}
.mypage__colorbox{ padding:140px 0 0 0; clear: both;}

/* MYPAGE */
.mypage__til{ margin: 0 auto 80px auto; text-align: center; padding: 0;}

/* 処理完了時アラート */
.members_complete{ margin:0 auto;}
.members_complete .wpmem_msg p{ padding:40px 0; color:#d3d1c4; font-size:171%;}

.members_complete ul{ display:none;}
.members_complete #wpmem_login{ display:none!important;}
.members_complete #wpmem_reg{ display:none!important;}

/* STATUS
----------------------------------------*/
.mypage__status{ clear: both; overflow: hidden; margin: 0 auto; width: 980px; letter-spacing: -.4em; color: #fff;}

.mypage__status__left{ vertical-align: top; font-size: 114%; width: 46%; display:inline-block; letter-spacing: normal; text-align: center; padding: 30px; border: 2px solid #fff;}
.mypage__status__point{ font-weight: bold; font-size: 375%; display: block; margin: 0 auto; padding: 10px 0 0 0; line-height: 1;}
.mypage__status__point span{ font-size: 50%;}

.mypage__status__right{ vertical-align: top; width: 54%; display:inline-block; letter-spacing: normal; text-align: left; padding: 20px 30px;}
.mypage__status__intro{ font-size: 114%; margin: 0 0 10px 0;}
.mypage__status__icon{ font-size: 324%; margin: 0 0 10px 0; line-height: 1; font-weight:bold; }
.mypage__status__icon span{ line-height: 2;}
.mypage__status__link{ padding: 0 0 0 45px; background: url(../../images/mypage/icon_gift.png) no-repeat left top;}
.mypage__status__link a{ text-decoration: underline; color: #fff; font-size: 114%; list-style: 1.4;}

/* SOCIALBOX
----------------------------------------*/
.mypage__status__social{ max-width: 92%; padding: 30px 0; font-size: 114%; color: #fff; margin: 0 auto; text-align: center;}
.mypage__status__social a{ color: #fff;}
.mypage__status__social img{ margin: 0 0 0 20px;}

/* LINKBOX
----------------------------------------*/
.mypage__linkbox{ padding: 20px 0 80px 0;}
.mypage__linkbox ul{ width: 520px; padding: 0; margin: 0 auto 10px auto; clear: both; overflow: hidden;}
.mypage__linkbox ul li{ display: inline-block; margin: 0 30px 0 0;}
.mypage__linkbox ul li:last-child{ margin: 0 0 0 0;}
.mypage__linkbox ul li a { color: #222; font-size: 107%; display: block; padding: 0 0 0 16px; background: url(../../images/common/arw_bk.png) no-repeat left center;}

/* INFO
----------------------------------------*/
.info__til__font{ color: #000; font-size: 242%; font-weight: bold; text-align: center; margin: 0 auto 65px auto; line-height: 1; }
.info__list{ overflow: hidden; letter-spacing: -.4em; margin: 0 0 60px 0; }
.info__list li{ width: 30%; display: inline-block; margin: 0 5% 30px 0; letter-spacing: normal; font-size: 107%; position: relative;}
.info__list li:nth-child(3n){ margin: 0 0 40px 0;}
.info__list__date{ text-align: right; padding: 10px 0;}
.info__list__til{ text-align: left; font-size: 107%; padding: 0; margin: 0;}
.info__catebox__cate01{ font-size: 107%; position: absolute; z-index: 3; top:15px; left: 0; padding: 2px 20px; text-align: center; color: #fff; background: #000;}
.info__catebox__cate02{ font-size: 107%; position: absolute; z-index: 3; top:15px; left: 0; padding: 2px 20px; text-align: center; color: #fff; background: #00a73c;}
.info__catebox__cate03{ font-size: 107%; position: absolute; z-index: 3; top:15px; left: 0; padding: 2px 20px; text-align: center; color: #fff; background: #f39800;}

/* OTHERコンテンツ
----------------------------------------*/
.mypage_other{ padding: 60px 0 0 0;}
.mypage_other ul{ width: 620px; padding: 0; margin: 0 auto 10px auto; clear: both; overflow: hidden;}
.mypage_other ul li{ display: inline-block; margin: 0 30px 0 0;}
.mypage_other ul li:last-child{ margin: 0 0 0 0;}
.mypage_other ul li a { color: #222; font-size: 107%; display: block; padding: 0 0 0 16px; background: url(../../images/common/arw_bk.png) no-repeat left center;}

.members_passchange legend{ display:none;}
.members_passchange .div_text input[type="password"]{ width:320px; height:68px; display: block; line-height:68px; font-size: 107%; background:#f4f1f0; border:1px solid #dfdfdf; padding:25px 10px; margin:0 auto 40px auto;}
.members_passchange label{ text-align:center; font-size:107%; font-weight:bold; display:inherit; padding-bottom:15px;}
.members_passchange .button_div input[type="submit"]{ width:320px; height:68px; display: block; margin:25px auto 80px auto; clear:both;text-align:center; cursor:pointer; display:block; background:#fba921; color:#fff; border:none; transition:all 0.4s; padding:15px 0; font-size:14px;
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	-ms-appearance: none!important;
	-o-appearance: none!important;
	appearance: none!important;
	border-radius:0!important;
}

/* パスリセット */
.members_passreset .link-text,.members_passreset legend,.members_passreset label{ display:none;}
.members_passreset .div_text input[type="text"]{ width:320px; display:block; height:68px; line-height:68px; font-size: 107%; background:#f4f1f0; border:1px solid #dfdfdf; padding:25px 10px; margin:0 auto 40px auto;}
.members_passreset .button_div input[type="submit"]{ width:320px; display:block; margin:55px auto 55px auto; clear:both;text-align:center; cursor:pointer; display:block; background:#fba921; color:#fff; border:none; transition:all 0.4s; padding:15px 0;
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	-ms-appearance: none!important;
	-o-appearance: none!important;
	appearance: none!important;
	border-radius:0!important;
}
.login_view_btn{background: #d3d1c4; color: #fff; display:block; margin:20px auto; padding: 15px 0; text-align: center;  width: 280px;}

/* 会員登録完了 */
.complete_form #wpmem_login{ display:none!important; font-size:14px;}

/* THANKS */
.thanks_p{ margin:0 auto 20px auto; text-align:center;}

/* 表示制御 */
.members_info{ display:none; margin:0 auto; max-width:92%; overflow:hidden;}
.members_info.active{ display:block!important;}
.members_passreset{ display:none; margin:0 auto; max-width:92%; overflow:hidden;}
.members_passreset.active{ display:block!important;}
.members_passchange{ display:none; margin:0 auto; max-width:92%; overflow:hidden;}
.members_passchange.active{ display:block!important;}
.members_info_noprev{}
.members_info_noprev.active{ display:none!important;}

/* スマートフォン（ディスプレイ幅599px以下）より小さい画面 */
@media screen and (max-width: 599px) {
	.mypage__status{ width:100%;}
	.mypage__status__left, .mypage__status__right{ width:90%; margin :0 5%; }
	.mypage__status__icon{ font-size:200%;}
	.mypage__status__icon img{ max-width:10vw;}
	.mypage__status__social{padding:0;}
	.mypage__linkbox ul{ width:100%; }
	.mypage_other ul{ width:100%; }
	.mypage_other ul li{ width:100%; }

	.info__til__font{ font-size: 1.5em; line-height:180%; }
	.info__list li{ width:45.5%; margin: 0 2% 30px 2%;}
    .info__list li:nth-child(3n){ margin: 0 2% 30px 2%;}

}