@charset "utf-8";

a { cursor: pointer }
/* 2015/06/22追加 */
#modalWindow a,#modalWindow2 a,#modalWindowLogin a,#modalWindowPassRetype a,#modalWindowAnyCard a{
	text-decoration: underline;
	color: #0c6aca;
}
/* 2015/06/22追加end */

/* ポイント履歴　共通 */
.use_point .data {
  color: #ff0000;
}
.get_point .data {
  color: #005AFF;
}

/**
 * プライバシーポリシー
 */
.policy {
	height: 580px;
	overflow-y: scroll;
	margin-top: 15px;
}
.policy_link {
	display: none;
}
.policy div.member_box h2 {
  padding: 14px;
  border-top: #efe3d3 1px solid;
  border-right: #efe3d3 1px solid;
  border-left: #efe3d3 1px solid;
  border-bottom: #ff7400 3px solid;
  padding: 10px 0 10px 15px;
  margin: 0 0 20px 0;
  background: url(../images/img_bg_02.gif) #ffffff repeat-x left bottom;
}
.policy div.member_box p.pd {
  padding: 0 0 15px 0;
}
.modal-open{
   position: fixed;
   top: 0;
   width: 100%;
   overflow: hidden;
}

/* 2015/07/31追加 */
.form_replace p{
	line-height: normal;
}
/* 2015/07/31追加end */

/* CSS Document */
@media  print,screen  and (min-width:1201px){
/**
 * 基本
 */
#global_menu {
	margin-bottom: -5%;
}

h1 {
	width: 1200px;
	color: #3b7811;
	background-color: #c2e874;
	padding: 15px 20px 10px 20px;
	margin: 0 auto;
	font-size: 24px;
	box-sizing: border-box;
}
#bread {
	width: 1200px;
	margin: 0 auto;
	margin-top: 5px;
	padding: 0 20px;
	box-sizing: border-box;
}
#bread li {
	display: inline-block;
	vertical-align: middle;
}
.block_pc{
	display: block;
}
#h1wrapp{
	background-color: #c2e874;
}
.textwrapp p{
	font-size: 16px;
	line-height: 2em;
	text-align: left;
}
.notice {
	color: #fe7522;
}
.notice2 {
	color: #fe7522;
	margin-left: 10px;
	font-size: 0.80em!important;
	display: inline-block;
	vertical-align: middle;
}
.notice3 {
	color: #fe7522;
	margin-top: 5px;
	font-size: 0.80em!important;
}
.notice4 {
	color: #ff0000;
}
#input_form {
	width: 1200px;
	padding: 0 25px;
	margin: 0 auto;
	box-sizing: border-box;
}
.form_replace {
	margin-top: 40px
}

/* 2015/06/16修正 */
#error_msg_top, #error_msg_login, #error_msg_retype, #error_msg_rightcolumn, #error_msg_rightcolumn_retry, #error_msg_AnyCard {
	background-color: #ffdacc;
	margin-top: 40px;
	border: 2px solid #fe9e64;
	border-radius: 3px;
	display: none;
}
#info_msg_login {
	background-color: #ffdacc;
	margin-top: 40px;
	border: 2px solid #fe9e64;
	border-radius: 3px;
}
#error_msg_rightcolumn,
#error_msg_rightcolumn_retry,
#info_msg_login {
	margin: 10px 0;
}
#error_msg_rightcolumn p,
#error_msg_rightcolumn_retry p,
#info_msg_login p {
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
}
/* 2015/06/16修正end */
#error_msg_login, #error_msg_retype, #error_msg_AnyCard {
	margin: 10px 20px 0;
}
#error_msg_top p, #error_msg_login p, #error_msg_retype p, #error_msg_AnyCard p {
	background: url(../images/error_msg_top.png) no-repeat;
	background-position: 10px 10px;
	padding: 20px 20px 20px 60px;
}
#error_msg_login p, #error_msg_retype p, #error_msg_AnyCard p {
	font-size: 16px;
}

#sub_head {
	margin: 30px 0;
}
#sub_head h2{
	color: #fe7522;
	text-align: center;
}
#sub_head p{
	text-align: center;
	margin-top: 10px;
}
.form_replace input,
/* 2015/06/18修正 */
.form_replace select,
/* 2015/06/18修正end */
.form_replace label,
.form_replace p,
.form_replace li,
.form_replace dt,
.form_replace dd,
.form_replace textarea {
	font-size: 20px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳＰゴシック", "MS P Gothic", san-serif;
}
.form_replace input[type=text],
.form_replace input[type=password],
.form_replace textarea {
	width: 620px;
	box-sizing: border-box;
	border: #b1b1b1 solid 1px;
	border-radius: 3px;
}
/* 2015/06/18修正 */
.form_replace select {
	font-size: 20px;
	border: #b1b1b1 solid 1px;
	border-radius: 3px;
	height: 32px;
	vertical-align: middle;
}
/* 2015/06/18修正end */
.form_replace select#birthday_y {
	width: 100px;
	padding: 0;
}
.form_replace select#birthday_m, .form_replace select#birthday_d {
	width: 100px;
	padding: 0;
}
.form_replace input[type=radio],
.form_replace input[type=checkbox] {
	height: 25px;
	width: 25px;
}
.form_replace input#mail_conf1 {
	width: 296px;
	margin-right: 5px;
}
.form_replace #mail_conf span {
	margin-right: 6px;
}
.form_replace input#mail_conf2 {
	width: 296px;
}
.form_replace label {
	  margin: 0 140px 0 5px;
}
.form_replace #use_policy {
	text-align: center;
	margin-top: 30px;
	padding: 20px 0;
	border: 1px solid #e6d0bb;
}
.form_replace #use_policy label {
	margin: 0 5px;
}
.form_replace #use_policy a{
	font-size: 20px;
	margin-left: 100px;
}
.form_replace #use_policy p {
	display: block;
	color: #F00;
	font-size: 1.0em;
}
/* 2015/05/01 修正 */
.form_replace #openModal, .form_replace #open_about_login {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 5px;
}
.form_replace #openModal a, .form_replace #open_about_login a {
	display: block;
	background: url("../images/open_modal.png") top left no-repeat;
  	line-height: 18px;
	padding-left: 24px;
	font-size: 14px;
}
/* 2015/05/01修正end */
.form_replace dl {
	letter-spacing: -0.20em;
}
.form_replace dt,.form_replace dd {
	letter-spacing: 0;
	display: inline-block;
	vertical-align: top;
}
.form_replace .last dt,.form_replace .last dd {
	border-bottom: none;
}
.form_replace dt {
	background-color: #e2f6b9;
	width: 280px;
	border-top: #ffffff 1px solid;
	border-right: #d6e2bc 1px solid;
	border-bottom: #b8e066 1px solid;
	padding: 14px 10px 10px 10px;
}
.form_replace dd {
	background-color: #f9f3ed;
	width: 806px;
	border-top: #ffffff 1px solid;
	border-bottom: #e6d0bb 1px solid;
	padding: 13px 20px 11px 20px;
}
.btnwrapp1 {
	text-align: center;
}
.btnwrapp2 {
	text-align: center;
}
.btnwrapp2 input,.btnwrapp2 a{
	margin: 0 10px;
}
.next{
	display: inline-block;
	vertical-align: top;
	background: url("../images/next.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.next_b{
	display: inline-block;
	vertical-align: top;
	background: url("../images/next_b.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.back{
	display: inline-block;
	vertical-align: top;
	background: url("../images/back.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.send{
	display: inline-block;
	vertical-align: top;
	background: url("../images/send.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.send_b{
	display: inline-block;
	vertical-align: top;
	background: url("../images/send_b.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.send_c{
	display: inline-block;
	vertical-align: top;
	background: url("../images/send_c.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.withdrawal{
	display: inline-block;
	vertical-align: top;
	background: url("../images/withdrawal.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.before{
	display: inline-block;
	vertical-align: top;
	background: url("../images/before.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.back_top{
	display: inline-block;
	vertical-align: top;
	background: url("../images/back_top.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.re_sign_up{
	display: inline-block;
	vertical-align: top;
	background: url("../images/re_sign_up.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.confirm{
	display: inline-block;
	vertical-align: top;
	background: url("../images/confirm.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.confirm_b{
	display: inline-block;
	vertical-align: top;
	background: url("../images/confirm_b.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.confirm_c{
	display: inline-block;
	vertical-align: top;
	background: url("../images/confirm_c.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.login{
	display: inline-block;
	vertical-align: top;
	background: url("../images/login.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.login_b{
	display: inline-block;
	vertical-align: top;
	background: url("../images/login_b.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.login_c{
	display: inline-block;
	vertical-align: top;
	background: url("../images/login_c.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.login_d{
	display: inline-block;
	vertical-align: top;
	background: url("../images/login_d.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}

/**
 * ポイント内訳（会員情報ページ）
 */
.info_page .textwrapp {
	clear: both;
}
.info_page .apply{
	display: inline-block;
	background: url("../images/banner.png") top left no-repeat;
	width: 979px;
	height: 183px;
	text-indent: -9999px;
}
.info_page dt {
	 float: left;
	 padding: 20px 25px;
}
.info_page dd {
	 float: left;
	 padding: 20px;
}
.info_page .info_type1 dt {
	 background-color: #f9f3ed;
	 box-sizing: border-box;
	 border-top: 1px solid #ffffff;
	 border-bottom: 3px solid #e6d0bb;
	 width: 340px;
	 height: 71px;
	 line-height: 28px;
	 font-weight: bold;
	 font-size: 20px;
}
.info_page .info_type1 dd {
	 background-color: #f9f3ed;
	 box-sizing: border-box;
	 border-top: 1px solid #ffffff;
	 border-bottom: 3px solid #e6d0bb;
	 width: 809px;
	 height: 71px;
	 line-height: 28px;
}
.info_page .info_type1 dd span {
	 font-size: 34px;
	 font-weight: bold;
}
.info_page .info_type2 dt {
	 background-color: #e2f6b9;
	 box-sizing: border-box;
	 border-top: 1px solid #ffffff;
	 border-bottom: 1px solid #b8e066;
	 border-right: 1px solid #d6e2bc;
	 width: 340px;
	 font-weight: bold;
}
/* 20160303修正ここから CROSSDEVICE */
.info_page .info_type2 .special dt {
	border-bottom: 1px solid #e2f6b9;
}
.info_page .info_type2 dl.campaign {
	display: table;
    background-color: #e2f6b9;
    padding-left: 80px;
}
.info_page .info_type2 .campaign dt {
	display: table-cell;
	float: none;
	background-color: #F1FFD6;
	border-top: 1px dotted #73a903;
	border-left: 1px dotted #73a903;
	border-bottom: 1px solid #F1FFD6;
	width: 260px;
	position: relative;
	margin-left: 80px;
	font-weight: normal;
}
/* 削除
.info_page .info_type2 .campaign dt:before {
	content: ".";
	text-indent: -9999px;
	display: block;
	background-color: #e2f6b9;
	width: 80px;
	height: 65px;
	position: absolute;
	top: -1px;
	left: -81px;
}
*/
/* 20160303修正ここまで CROSSDEVICE */
.info_page .campaign:last-child dt {
	border-bottom: 1px solid #b8e066;
}
.info_page .campaign:last-child dt:before {
	border-bottom: 1px solid #b8e066;
	box-sizing: border-box;
}
.info_page .info_type2 dd {
	 position: relative;
	 background-color: #f9f3ed;
	 box-sizing: border-box;
	 border-top: 1px solid #ffffff;
	 border-left: 1px solid #ffffff;
	 border-bottom: 1px solid #e6d0bb;
	 width: 700px;
}
/* 20160303修正ここから CROSSDEVICE */
.info_page .info_type2 .campaign dd {
	 display: table-cell;
	 float: none;
	 border-top: 1px dotted #b68c71;
	 border-bottom: 1px solid #f9f3ed;
}
/* 20160303修正ここまで CROSSDEVICE */
.info_page .campaign:last-child dd {
	border-bottom: 1px solid #e6d0bb;
}
.info_page .info_type2 dd {
	 position: relative;
	 background-color: #f9f3ed;
	 box-sizing: border-box;
	 border-top: 1px solid #ffffff;
	 border-left: 1px solid #ffffff;
	 border-bottom: 1px solid #e6d0bb;
	 width: 809px;
}
.info_page .info_type2 dd .span01 {
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	margin-right: 5px;
	font-size: 20px;
 	line-height: 20px;
}
.info_page .info_type2 .campaign dd .span01 {
	font-weight: normal;
	font-size: 17px;
	line-height: 23px;
}
.info_page .info_type2 dd .span02 {
	width: 140px;
	display: inline-block;
	text-align: right;
	line-height: 17px;
	font-size: 13px;
	position: absolute;
	top: 15px;
	right: 30px;
}


/**
 * ポイント履歴
 */
#main.point_page #point_area {
	width: 1200px;
	margin: 0 auto;
	padding: 0 25px;
	box-sizing: border-box;
}
#main.point_page #sub_head {
	margin: 30px 0;
}
#main.point_page #sub_head h2{
	color: #fe7522;
	text-align: center;
}
#main.point_page #sub_head p{
	text-align: center;
	margin-top: 10px;
}
#main.point_page #paging {
	text-align: right;
}
#main.point_page #paging li{
	display: inline-block;
}
#main.point_page #paging li:first-child {
	margin-right: 30px;
}
#main.point_page #paging .num{
	display: block;
	color: #ffffff;
	background-color: #c2c2c2;
	padding: 2px 3px;
	margin-left: 2px;
}
#main.point_page #paging .selected{
	background-color: #1372ae;
}
#main.point_page #table .row_pc {
	font-size: 0;
}
#main.point_page #table .row_pc div {
	font-size: 16px;
	vertical-align: top;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	height: 65px;
	padding-top: 20px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #b8e066;
	border-bottom: 1px solid #d6e2bc;
	background-color: #e2f6b9;
}
#main.point_page #table .row {
	font-size: 0;
}
#main.point_page #table .row div {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

#main.point_page #table .row .data {
	display: inline-block;
}

#main.point_page #table .display_sp {
	display: none;
}
#main.point_page #table .row_pc .date, #table .row_pc .expiry {
	width: 170px;
}
#main.point_page #table .row_pc .company, #table .row_pc .store, #table .row_pc .type {
	width: 146px;
}
#main.point_page #table .row_pc .buying, #table .row_pc .get_point, #table .row_pc .use_point {
	width: 124px;
}
#main.point_page #table .row .date, #table .row .expiry {
	font-size: 16px;
	width: 170px;
	text-align: center;
	padding: 15px;
	background-color: #f9f3ed;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #e6d0bb;
	border-bottom: 1px solid #e6d0bb;
}
#main.point_page #table .row .company, #table .row .store, #table .row .type {
	font-size: 16px;
	width: 146px;
	/* 2015/06/04修正 */
	padding: 15px 30px;
	/* 2015/06/04修正end */
	background-color: #f9f3ed;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #e6d0bb;
	border-bottom: 1px solid #e6d0bb;
}
/* 2015/06/04修正 */
#main.point_page #table .row .type {
	padding: 15px 20px;
}
/* 2015/06/04修正end */
#main.point_page #table .row .buying, #table .row .get_point, #table .row .use_point {
	font-size: 16px;
	width: 124px;
	padding: 15px;
	background-color: #f9f3ed;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #e6d0bb;
	border-bottom: 1px solid #e6d0bb;
}
#main.point_page #table .row_pc .expiry {
	border-right: none;
	padding-top: 20px;
}
#main.point_page #table .row .expiry {
	border-right: none;
}
#main.point_page #table .pointswrapp {
	text-align: right;
}

/**
 * モーダルウィンドウ
 */
#lean_overlay{
	position: fixed;
	/* 2015/06/26修正 モーダル下の黒背景の階層（z-index)をモーダルの真下に */
	z-index:10999;
	/* 2015/06/26修正end */
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	display: none;
}
/* 2014/05/15　修正 */
#modalWindow,#modalWindow2,#modalWindowLogin,#modalWindowPassRetype,#modalWindowAnyCard{
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	display: none;
	padding: 30px;
	border-radius: 10px;
	width: 600px;
}
/* 2014/05/15　修正end */
#modalWindow .about{
	height: 355px;
	background: url(../images/about_user_no.png) no-repeat;
	background-position: top center;
	text-indent: -9999px;
}
#modalWindow2 .about {
}
.modal_close{
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 19px;
	height: 19px;
	background: url(../images/modal_close.png)  no-repeat;
	z-index: 2;
	text-indent: -9999px;
	cursor: pointer;
}

/* 2014/05/15　修正 */
/**
 * モーダルウィンドウ（ログインページ&パスワード再入力ページ）
 */
#modalWindowLogin.login_page #modal_title, #modalWindow.login_page #modal_title, #modalWindowPassRetype.login_page #modal_title, #modalWindowAnyCard.login_page #modal_title {
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 10px 0;
}
#modalWindowLogin.login_page, #modalWindow.login_page, #modalWindowPassRetype.login_page, #modalWindowAnyCard.login_page {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	display: none;
	background-color: #c2e874;
	border-radius : 10px;
	border: 5px solid #c2e874;
	overflow: hidden;
	padding: 0;
	width: auto;
}
#modalWindowLogin.login_page .about, #modalWindow.login_page .about, #modalWindowAnyCard.login_page .about {
	width: 460px;
	height: 355px;
	background: url(../images/about_user_no.png)  no-repeat;
	text-indent: -9999px;
}
#modalWindowLogin.login_page #input_form, #modalWindow.login_page #input_form, #modalWindowPassRetype.login_page #input_form, #modalWindowAnyCard.login_page #input_form {
	width: 630px;
	background-color: #ffffff;
	padding: 0 0 20px;
}
#modalWindowLogin.login_page #input_form input[type="text"],
#modalWindowLogin.login_page #input_form input[type="password"],
#modalWindowPassRetype.login_page #input_form input[type="text"],
#modalWindowPassRetype.login_page #input_form input[type="password"],
#modalWindow.login_page #input_form input[type="text"],
#modalWindow.login_page #input_form input[type="password"],
#modalWindowAnyCard.login_page #input_form input[type="text"] {
	width: 100%;
	height: 29px;
}
#modalWindowLogin.login_page .form_replace ,
#modalWindowPassRetype.login_page .form_replace ,
#modalWindow.login_page .form_replace,
#modalWindowAnyCard.login_page .form_replace  {
	margin-top: 0;
}
#modalWindowLogin.login_page dl.first dt,
#modalWindowPassRetype.login_page dl.first dt,
#modalWindow.login_page dl.first dt,
#modalWindowAnyCard.login_page dl.first dt {
	border-top: none;
}
#modalWindowLogin.login_page dl.first dd,
#modalWindowPassRetype.login_page dl.first dd,
#modalWindow.login_page dl.first dd,
#modalWindowAnyCard.login_page dl.first dd {
	border-top: none;
}
#modalWindowLogin.login_page .forgot_pass,
#modalWindowPassRetype.login_page .forgot_pass,
#modalWindow.login_page .forgot_pass {
	font-size: 16px;
}
#modalWindowLogin.login_page .sign_up,
#modalWindowPassRetype.login_page .sign_up,
#modalWindow.login_page .sign_up {
	display: inline-block;
	color: #000000;
	background-color: #f5f5f5;
	text-decoration: none;
	border: 1px solid #696969;
	border-radius: 4px;
	width: 340px;
	padding: 5px 0;
}
#modalWindowLogin.login_page .sign_up span,
#modalWindowPassRetype.login_page .sign_up span,
#modalWindow.login_page .sign_up span {
	color: #006dba;
}
#modalWindowLogin.login_page .modal_close, #modalWindowPassRetype.login_page .modal_close,
#modalWindow.login_page .modal_close, #modalWindowAnyCard.login_page .modal_close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 19px;
	height: 19px;
	background: url(../images/modal_close.png)  no-repeat;
	z-index: 2;
	text-indent: -9999px;
	cursor: pointer;
}
#modalWindowLogin.login_page .notice,
#modalWindowPassRetype.login_page .notice,#modalWindow.login_page .notice {
	padding: 5px 20px;
}
#modalWindowLogin.login_page .about_login,
#modalWindowPassRetype.login_page .about_login,
#modalWindow.login_page .about_login {
	text-align: left;
	margin: 20px 20px;
	padding: 10px;
	border: 5px solid #e2f6b9;
	border-radius: 10px;
	display: none;
	font-size: 16px;
}
/* 2014/05/15　修正end */

/**
 * パスワードチェッカー
 */
.form_replace  #password_meter {
	margin-top: 8px;
}
.form_replace  #password_meter p.label {
	display: inline-block;
	vertical-align: top;
}
.form_replace  #password_meter p#password_meter_result {
	display: inline-block;
	width: 150px;
	height: 25px;
	color: #ffffff;
	font-size: 16px;
	text-align: center;

}
.form_replace  #password_meter p.none { background-color: #c6c6c6; }
.form_replace  #password_meter p.very_weak { background-color: #ff0000; }
.form_replace  #password_meter p.weak { background-color: #ff7f50; }
.form_replace  #password_meter p.mediocre { background-color: #f0e68c; }
.form_replace  #password_meter p.strong { background-color: #7fffd4; }
.form_replace  #password_meter p.stronger { background-color: #87cefa; }

/**
 * エラー
 */
.form_replace  .error input[type=text],
.form_replace  .error input[type=password],
.form_replace  .error textarea,
.form_replace  .error select {
	border: 2px solid #fe7522;
}
.form_replace  .error .inputwrapp {
	border: 2px solid #fe7522;
	background-color: #ffdacc;
	color: #aa9087;
	border-radius: 3px;
}
.form_replace  .error p.error_msg:before {
	content: "";
	display: inline-block;
	height: 40px;
	width: 50px;
	background: url('../images/error_msg.png') top left no-repeat;
	position: absolute;
	top: -11px;
	left: 15px;
	z-index: -1;
}
.form_replace  .error p.error_msg {
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	background-color: #fe7522;
	position: relative;
	margin-top: 14px;
	box-sizing: border-box;
	padding: 3px 20px 3px 45px;
	border-radius: 3px;
	z-index: 0;
}

.br {
	display: block;
}

/**
 * margin padding
 */
 .mt5{ margin-top: 5px;}
 .mt10{ margin-top: 10px;}
 .mt15{ margin-top: 15px;}
 .mt20{ margin-top: 20px;}
 .mt30{ margin-top: 30px;}
 .mt40{ margin-top: 40px;}
 .mt50{ margin-top: 50px;}

 .mb5{ margin-bottom: 5px;}
 .mb10{ margin-bottom: 10px;}
 .mb15{ margin-bottom: 15px;}
 .mb20{ margin-bottom: 20px;}
 .mb30{ margin-bottom: 30px;}
 .mb40{ margin-bottom: 40px;}
 .mb50{ margin-bottom: 50px;}

  .pt5{ padding-top: 5px;}
 .pt10{ padding-top: 10px;}
 .pt15{ padding-top: 15px;}
 .pt20{ padding-top: 20px;}
 .pt30{ padding-top: 30px;}
 .pt40{ padding-top: 40px;}
 .pt50{ padding-top: 50px;}

 .pb5{ padding-bottom: 5px;}
 .pb10{ padding-bottom: 10px;}
 .pb15{ padding-bottom: 15px;}
 .pb20{ padding-bottom: 20px;}
 .pb30{ padding-bottom: 30px;}
 .pb40{ padding-bottom: 40px;}
 .pb50{ padding-bottom: 50px;}

#passwordStrengthExplanation {
	display: inline-block;
	padding: 0 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
}
/*form .error div {
	background-color: #ffccdd;
}*/

/**
 * ページ独自のスタイル
 */
.withdrawal_sl select {
	width: 100%;
}
.withdrawal_sl div {
	margin-bottom: 10px;
}
.withdrawal_sl div label {
	margin: 0px;
}
.withdrawal_sl div label span{
	max-width: 760px;
	display: inline-block;
	vertical-align: top;
}
.new_card_btn {
 	font-size: 21px;
	cursor: pointer;
	background-color: #b8e066;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	width: 60%;
	margin: 20px auto 0;
	border: 2px solid #3b7811;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

.new_card_num {
	display: none;
}

label[for="auto_login"]{
	margin-right: 10px;
}

}

@media screen and (min-width:621px) and (max-width:1200px){
/**
 * 基本
 */

#global_menu {
	margin-bottom: -5%;
}

h1 {
	width: 1000px;
	color: #3b7811;
	background-color: #c2e874;
	padding: 15px 20px 10px 20px;
	margin: 0 auto;
	font-size: 24px;
	box-sizing: border-box;
}
#bread {
	width: 1000px;
	margin: 0 auto;
	margin-top: 5px;
	padding-left: 20px;
	box-sizing: border-box;
}
#bread li {
	display: inline-block;
	vertical-align: middle;
}
.block_pc{
	display: block;
}
#h1wrapp{
	background-color: #c2e874;
}
.textwrapp p{
	font-size: 16px;
	line-height: 2em;
	text-align: left;
}
.notice {
	color: #fe7522;
}
.notice2 {
	color: #fe7522;
	margin-left: 10px;
	font-size: 0.80em!important;
	display: inline-block;
	vertical-align: middle;
}
.notice3 {
	color: #fe7522;
	margin-top: 5px;
	font-size: 0.80em!important;
}
.notice4 {
	color: #ff0000;
}
#input_form {
	width: 1000px;
	padding: 0 20px;
	box-sizing: border-box;
	margin: 0 auto;
}
.form_replace  {
	margin-top: 40px
}
/* 2015/06/26追加 トップページ小窓のログインエラーのスタイル（タブレット時） */
#error_msg_top, #error_msg_login, #error_msg_retype, #error_msg_rightcolumn, #error_msg_AnyCard {
	background-color: #ffdacc;
	margin-top: 40px;
	border: 2px solid #fe9e64;
	border-radius: 3px;
	display: none;
}
#error_msg_rightcolumn_retry,
#info_msg_login {
	background-color: #ffdacc;
	margin-top: 40px;
	border: 2px solid #fe9e64;
	border-radius: 3px;
}
#error_msg_rightcolumn,
#error_msg_rightcolumn_retry,
#info_msg_login {
	margin: 10px 0;
}
#error_msg_rightcolumn p,
#error_msg_rightcolumn_retry p,
#info_msg_login p {
	font-size: 13px;
	text-align: center;
	padding: 10px 0;
}
/* 2015/06/26追加end */
/* 2015/05/22修正 */
#error_msg_top, #error_msg_login, #error_msg_retype, #error_msg_AnyCard {
	background-color: #ffdacc;
	margin-top: 40px;
	border: 2px solid #fe9e64;
	border-radius: 3px;
	display: none;
}
#error_msg_login, #error_msg_retype#error_msg_AnyCard {
	margin: 10px 20px 0;
}
#error_msg_top p, #error_msg_login p, #error_msg_retype p, #error_msg_AnyCard p {
	background: url(../images/error_msg_top.png) no-repeat;
	background-position: 10px 10px;
	padding: 20px 20px 20px 60px;
}
#error_msg_login p, #error_msg_retype p, #error_msg_AnyCard p {
	font-size: 16px;
}
/* 2015/05/22修正end */

#sub_head {
	margin: 30px 0;
}
#sub_head h2{
	color: #fe7522;
	text-align: center;
}
#sub_head p{
	text-align: center;
	margin-top: 10px;
}
.form_replace  input,
/* 2015/06/18修正 */
.form_replace  select,
/* 2015/06/18修正end */
.form_replace  label,
.form_replace  p,
.form_replace  li,
.form_replace  dt,
.form_replace  dd,
.form_replace  textarea {
	font-size: 20px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳＰゴシック", "MS P Gothic", san-serif;
}
.form_replace  input[type=text],
.form_replace  input[type=password],
/* 2015/06/18修正 */
.form_replace  textarea {
	width: 450px;
	box-sizing: border-box;
	border: #b1b1b1 solid 1px;
	border-radius: 3px;
}
/* 2015/06/18修正end */
.form_replace  select {
	border: #b1b1b1 solid 1px;
	border-radius: 3px;
	height: 32px;
	vertical-align: middle;
}
.form_replace  select#birthday_y {
	width: 100px;
	padding: 0;
}
.form_replace  select#birthday_m, .form_replace  select#birthday_d {
	width: 100px;
	padding: 0;
}
.form_replace  input[type=radio],
.form_replace  input[type=checkbox] {
	height: 25px;
	width: 25px;
}
.form_replace  input#mail_conf1 {
	width: 211px;
	margin-right: 5px;
}
.form_replace  #mail_conf span {
	margin-right: 5px;
}
.form_replace  input#mail_conf2 {
	width: 211px;
}
.form_replace  label {
	margin: 0 140px 0 5px;
}
.form_replace  #use_policy {
	text-align: center;
	margin-top: 30px;
	padding: 20px 0;
	border: 1px solid #e6d0bb;
}
.form_replace  #use_policy label {
	margin: 0 40px 0 5px;
}
.form_replace  #use_policy a{
	font-size: 20px;
}
.form_replace  #use_policy p {
	display: block;
	color: #F00;
	font-size: 1.0em;
}
/* 2015/05/01 修正 */
.form_replace  #openModal, .form_replace  #open_about_login {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 5px;
}
.form_replace  #openModal a, .form_replace  #open_about_login a {
	display: block;
	background: url("../images/open_modal.png") top left no-repeat;
  	line-height: 18px;
	padding-left: 24px;
	font-size: 14px;
}
/* 2015/05/01 修正end */
.form_replace  dl {
	letter-spacing: -0.20em;
}
.form_replace  dt,.form_replace  dd {
	letter-spacing: 0;
	display: inline-block;
	vertical-align: top;
}
.form_replace  .last dt,.form_replace  .last dd {
	border-bottom: none;
}
.form_replace  dt {
	background-color: #e2f6b9;
	width: 260px;
	border-top: #ffffff 1px solid;
	border-right: #d6e2bc 1px solid;
	border-bottom: #b8e066 1px solid;
	padding: 14px 10px 10px 10px;
}
.form_replace  dd {
	background-color: #f9f3ed;
	width: 636px;
	border-top: #ffffff 1px solid;
	border-bottom: #e6d0bb 1px solid;
	padding: 13px 20px 11px 20px;
}
.btnwrapp1 {
	text-align: center;
}
.btnwrapp2 {
	text-align: center;
}
.btnwrapp2 input,.btnwrapp2 a{
	margin: 0 10px;
}
.next{
	display: inline-block;
	vertical-align: top;
	background: url("../images/next.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.next_b{
	display: inline-block;
	vertical-align: top;
	background: url("../images/next_b.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.back{
	display: inline-block;
	vertical-align: top;
	background: url("../images/back.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.send{
	display: inline-block;
	vertical-align: top;
	background: url("../images/send.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.send_b{
	display: inline-block;
	vertical-align: top;
	background: url("../images/send_b.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.send_c{
	display: inline-block;
	vertical-align: top;
	background: url("../images/send_c.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.withdrawal{
	display: inline-block;
	vertical-align: top;
	background: url("../images/withdrawal.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.before{
	display: inline-block;
	vertical-align: top;
	background: url("../images/before.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.back_top{
	display: inline-block;
	vertical-align: top;
	background: url("../images/back_top.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.re_sign_up{
	display: inline-block;
	vertical-align: top;
	background: url("../images/re_sign_up.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.confirm{
	display: inline-block;
	vertical-align: top;
	background: url("../images/confirm.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.confirm_b{
	display: inline-block;
	vertical-align: top;
	background: url("../images/confirm_b.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.confirm_c{
	display: inline-block;
	vertical-align: top;
	background: url("../images/confirm_c.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.login{
	display: inline-block;
	vertical-align: top;
	background: url("../images/login.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;

}
.login_b{
	display: inline-block;
	vertical-align: top;
	background: url("../images/login_b.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.login_c{
	display: inline-block;
	vertical-align: top;
	background: url("../images/login_c.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.login_d{
	display: inline-block;
	vertical-align: top;
	background: url("../images/login_d.png") top left no-repeat;
	width: 340px;
	height: 54px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}

/**
 * ポイント内訳（会員ページ）
 */
.info_page .textwrapp {
	clear: both;
}

.info_page .apply{
	display: inline-block;
	background: url("../images/banner.png") top left no-repeat;
	width: 979px;
	height: 183px;
	text-indent: -9999px;
}
.info_page dt {
	 float: left;
	 padding: 20px 25px;
}
.info_page dd {
	 float: left;
	 padding: 20px;
}
.info_page .info_type1 dt {
	 background-color: #f9f3ed;
	 box-sizing: border-box;
	 border-top: 1px solid #ffffff;
	 border-bottom: 3px solid #e6d0bb;
	 width: 280px;
	 height: 71px;
	 line-height: 28px;
	 font-weight: bold;
	 font-size: 20px;
}
.info_page .info_type1 dd {
	 background-color: #f9f3ed;
	 box-sizing: border-box;
	 border-top: 1px solid #ffffff;
	 border-bottom: 3px solid #e6d0bb;
	 width: 680px;
	 height: 71px;
	 line-height: 28px;
}
.info_page .info_type1 dd span {
	 font-size: 34px;
	 font-weight: bold;
}
.info_page .info_type2 {

}
.info_page .info_type2 dt {
	 background-color: #e2f6b9;
	 box-sizing: border-box;
	 border-top: 1px solid #ffffff;
	 border-bottom: 1px solid #b8e066;
	 border-right: 1px solid #d6e2bc;
	 width: 280px;
	 font-weight: bold;
}

.info_page .info_type2 .special dt {
	border-bottom: 1px solid #e2f6b9;
}
/* 20160303修正ここから CROSSDEVICE */
.info_page .info_type2 dl.campaign {
	display: table;
    background-color: #e2f6b9;
    padding-left: 80px;
}
.info_page .info_type2 .campaign dt {
	display: table-cell;
	float: none;
	padding: 20px 15px;
	background-color: #F1FFD6;
	border-top: 1px dotted #73a903;
	border-left: 1px dotted #73a903;
	border-bottom: 1px solid #F1FFD6;
	width: 200px;
	position: relative;
	margin-left: 80px;
	font-weight: normal;
}
/*削除
.info_page .info_type2 .campaign dt:before {
	content: ".";
	text-indent: -9999px;
	display: block;
	background-color: #e2f6b9;
	width: 80px;
	height: 65px;
	position: absolute;
	top: -1px;
	left: -81px;
}
*/
/* 20160303修正ここまで CROSSDEVICE */
.info_page .campaign:last-child dt {
	border-bottom: 1px solid #b8e066;
}

.info_page .campaign:last-child dt:before {
	border-bottom: 1px solid #b8e066;
	box-sizing: border-box;
}

.info_page .info_type2 dd {
	 position: relative;
	 background-color: #f9f3ed;
	 box-sizing: border-box;
	 border-top: 1px solid #ffffff;
	 border-left: 1px solid #ffffff;
	 border-bottom: 1px solid #e6d0bb;
	 width: 680px;
}
/* 20160303修正ここから CROSSDEVICE */
.info_page .info_type2 .campaign dd {
	 display: table-cell;
	 float: none;
	 border-top: 1px dotted #b68c71;
	 border-bottom: 1px solid #f9f3ed;
}
/* 20160303修正ここまで CROSSDEVICE */
.info_page .campaign:last-child dd {
	border-bottom: 1px solid #e6d0bb;
}

.info_page .info_type2 dd .span01 {
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
	float: left;
	margin-right: 5px;
	font-size: 20px;
	line-height: 20px;
}
.info_page .info_type2 .campaign dd .span01 {
	font-weight: normal;
	font-size: 17px;
	line-height: 23px;
}
.info_page .info_type2 dd .span02 {
	width: 140px;
	display: inline-block;
	text-align: right;
	line-height: 17px;
	font-size: 13px;
	position: absolute;
	top: 15px;
	right: 30px;
}

/**
 * ポイント履歴
 */
#main.point_page #point_area {
	width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
	box-sizing: border-box;
}
#main.point_page #sub_head {
	margin: 30px 0;
}
#main.point_page #sub_head h2{
	color: #fe7522;
	text-align: center;
}
#main.point_page #sub_head p{
	text-align: center;
	margin-top: 10px;
}
#main.point_page #paging {
	text-align: right;
}
#main.point_page #paging li{
	display: inline-block;
}
#main.point_page #paging li:first-child {
	margin-right: 30px;
}
#main.point_page #paging .num{
	display: block;
	color: #ffffff;
	background-color: #c2c2c2;
	padding: 2px 3px;
	margin-left: 2px;
}
#main.point_page #paging .selected{
	background-color: #1372ae;
}
#main.point_page #table .row_pc {
	font-size: 0;
}
#main.point_page #table .row_pc div {
	font-size: 16px;
	vertical-align: top;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	height: 65px;
	padding-top: 20px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #b8e066;
	border-bottom: 1px solid #d6e2bc;
	background-color: #e2f6b9;
}
#main.point_page #table .row {
	font-size: 0;
}
#main.point_page #table .row div {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

#main.point_page #table .row .data {
	display: inline-block;
}

#main.point_page #table .display_sp {
	display: none;
}
#main.point_page #table .row_pc .expiry {
	width: 150px;
}
#main.point_page #table .row_pc .date {
	width: 130px;
}
#main.point_page #table .row_pc .company, #table .row_pc .store, #table .row_pc .type {
	width: 111px;
}
#main.point_page #table .row_pc .buying, #table .row_pc .get_point, #table .row_pc .use_point {
	width: 115px;
}
#main.point_page #table .row .date, #table .row .expiry {
	font-size: 16px;
	width: 150px;
	padding: 15px 7px;
	background-color: #f9f3ed;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #e6d0bb;
	border-bottom: 1px solid #e6d0bb;
	text-align: center;
}
#main.point_page #table .row .date {
	width: 130px;
}
#main.point_page #table .row .company, #table .row .store, #table .row .type {
	font-size: 16px;
	width: 111px;
	/* 2015/06/04修正 */
	padding: 15px 10px;
	/* 2015/06/04修正end */
	background-color: #f9f3ed;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #e6d0bb;
	border-bottom: 1px solid #e6d0bb;
}
#main.point_page #table .row .type {
	/* 2015/06/04修正 */
	padding: 15px 5px;
	/* 2015/06/04修正end */
}
#main.point_page #table .row .buying, #table .row .get_point, #table .row .use_point {
	font-size: 16px;
	width: 115px;
	/* 2015/06/04修正 */
	padding: 15px 10px;
	/* 2015/06/04修正end */
	background-color: #f9f3ed;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #e6d0bb;
	border-bottom: 1px solid #e6d0bb;
}
#main.point_page #table .row_pc .expiry {
	border-right: none;
	padding-top: 20px;
}
#main.point_page #table .row .expiry {
	border-right: none;
}
#main.point_page #table .pointswrapp {
	text-align: right;
}

/* 2014/05/15　修正 */
/**
 * モーダルウィンドウ（ログインページ＆パスワード再入力ページ）
 */
#modalWindowLogin.login_page #modal_title, #modalWindow.login_page #modal_title, 
#modalWindowPassRetype.login_page #modal_title, #modalWindowAnyCard.login_page #modal_title {
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 10px 0;
}
#modalWindowLogin.login_page, #modalWindow.login_page, #modalWindowPassRetype.login_page, #modalWindowAnyCard.login_page {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	display: none;
	background-color: #c2e874;
	border-radius : 10px;
	border: 5px solid #c2e874;
	overflow: hidden;
	padding: 0;
	width: auto;
 }
#modalWindowLogin.login_page .about, #modalWindow.login_page .about, #modalWindowAnyCard.login_page .about {
	width: 460px;
	height: 355px;
	background: url(../images/about_user_no.png)  no-repeat;
	text-indent: -9999px;
}
#modalWindowLogin.login_page #input_form, #modalWindow.login_page #input_form, 
#modalWindowPassRetype.login_page #input_form, #modalWindowAnyCard.login_page #input_form {
	width: 630px;
	background-color: #ffffff;
	padding: 0 0 20px;
}
#modalWindowLogin.login_page #input_form input[type="text"],
#modalWindowLogin.login_page #input_form input[type="password"],
#modalWindowPassRetype.login_page #input_form input[type="text"],
#modalWindowPassRetype.login_page #input_form input[type="password"],
#modalWindow.login_page #input_form input[type="text"],
#modalWindow.login_page #input_form input[type="password"],
#modalWindowAnyCard.login_page #input_form input[type="text"]
{
	width: 100%;
	height: 29px;
}
#modalWindowLogin.login_page .form_replace ,
#modalWindowPassRetype.login_page .form_replace ,
#modalWindow.login_page .form_replace ,
#modalWindowAnyCard.login_page .form_replace {
	margin-top: 0;
}
#modalWindowLogin.login_page dl.first dt,
#modalWindowPassRetype.login_page dl.first dt,
#modalWindow.login_page dl.first dt,
#modalWindowAnyCard.login_page dl.first dt {
	border-top: none;
}
#modalWindowLogin.login_page dl.first dd,
#modalWindowPassRetype.login_page dl.first dd,
#modalWindow.login_page dl.first dd,
#modalWindowAnyCard.login_page dl.first dd {
	border-top: none;
}
#modalWindowLogin.login_page .forgot_pass,
#modalWindowPassRetype.login_page .forgot_pass,
#modalWindow.login_page .forgot_pass {
	font-size: 16px;
}
#modalWindowLogin.login_page .sign_up,
#modalWindowPassRetype.login_page .sign_up,
#modalWindow.login_page .sign_up {
	display: inline-block;
	color: #000000;
	background-color: #f5f5f5;
	text-decoration: none;
	border: 1px solid #696969;
	border-radius: 4px;
	width: 340px;
	padding: 5px 0;
}
#modalWindowLogin.login_page .sign_up span,
#modalWindowPassRetype.login_page .sign_up span,
#modalWindow.login_page .sign_up span {
	color: #006dba;
}
#modalWindowLogin.login_page .modal_close, #modalWindowPassRetype.login_page .modal_close,
#modalWindow.login_page .modal_close, #modalWindowAnyCard.login_page .modal_close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 19px;
	height: 19px;
	background: url(../images/modal_close.png)  no-repeat;
	z-index: 2;
	text-indent: -9999px;
	cursor: pointer;
}
#modalWindowLogin.login_page .notice,
#modalWindowPassRetype.login_page .notice,#modalWindow.login_page .notice {
	padding: 5px 20px;
}
#modalWindowLogin.login_page .about_login,
#modalWindowPassRetype.login_page .about_login,
#modalWindow.login_page .about_login {
	text-align: left;
	margin: 20px 20px;
	padding: 10px;
	border: 5px solid #e2f6b9;
	border-radius: 10px;
	display: none;
	font-size: 16px;
}
/* 2014/05/15　修正end */

/**
 * モーダルウィンドウ
 */
#lean_overlay{
	position: fixed;
	/* 2015/06/26修正 モーダル下の黒背景の階層（z-index)をモーダルの真下に */
	z-index:10999;
	/* 2015/06/26修正end */
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	display: none;
}
/* 2014/05/15　修正 */
#modalWindow,#modalWindow2,#modalWindowLogin,#modalWindowPassRetype,#modalWindowAnyCard{
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	display: none;
	padding: 30px;
	border-radius: 10px;
	width: 600px;
}
/* 2014/04/29　修正end */
#modalWindow .about{
	height: 355px;
	background: url(../images/about_user_no.png) no-repeat;
	background-position: top center;
	text-indent: -9999px;
}
#modalWindow2 .about {
}
.modal_close{
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 19px;
	height: 19px;
	background: url(../images/modal_close.png)  no-repeat;
	z-index: 2;
	text-indent: -9999px;
	cursor: pointer;
}

/**
 * パスワードチェッカー
 */
.form_replace  #password_meter {
	margin-top: 8px;
}
.form_replace  #password_meter p.label {
	display: inline-block;
	vertical-align: top;
}
.form_replace  #password_meter p#password_meter_result {
	display: inline-block;
	width: 150px;
	height: 25px;
	color: #ffffff;
	font-size: 16px;
	text-align: center;

}
.form_replace  #password_meter p.none { background-color: #c6c6c6; }
.form_replace  #password_meter p.very_weak { background-color: #ff0000; }
.form_replace  #password_meter p.weak { background-color: #ff7f50; }
.form_replace  #password_meter p.mediocre { background-color: #f0e68c; }
.form_replace  #password_meter p.strong { background-color: #7fffd4; }
.form_replace  #password_meter p.stronger { background-color: #87cefa; }

/**
 * エラー
 */
.form_replace  .error input[type=text],
.form_replace  .error input[type=password],
.form_replace  .error textarea,
.form_replace  .error select {
	border: 2px solid #fe7522;
}
.form_replace  .error .inputwrapp {
	border: 2px solid #fe7522;
	background-color: #ffdacc;
	color: #aa9087;
	border-radius: 3px;
}
.form_replace  .error p.error_msg:before {
	content: "";
	display: inline-block;
	height: 40px;
	width: 50px;
	background: url('../images/error_msg.png') top left no-repeat;
	position: absolute;
	top: -11px;
	left: 15px;
	z-index: -1;
}
.form_replace  .error p.error_msg {
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	background-color: #fe7522;
	position: relative;
	margin-top: 14px;
	box-sizing: border-box;
	padding: 3px 20px 3px 45px;
	border-radius: 3px;
	z-index: 0;
}

.br {
	display: block;
}

/**
 * margin padding
 */
 .mt5{ margin-top: 5px;}
 .mt10{ margin-top: 10px;}
 .mt15{ margin-top: 15px;}
 .mt20{ margin-top: 20px;}
 .mt30{ margin-top: 30px;}
 .mt40{ margin-top: 40px;}
 .mt50{ margin-top: 50px;}

 .mb5{ margin-bottom: 5px;}
 .mb10{ margin-bottom: 10px;}
 .mb15{ margin-bottom: 15px;}
 .mb20{ margin-bottom: 20px;}
 .mb30{ margin-bottom: 30px;}
 .mb40{ margin-bottom: 40px;}
 .mb50{ margin-bottom: 50px;}

  .pt5{ padding-top: 5px;}
 .pt10{ padding-top: 10px;}
 .pt15{ padding-top: 15px;}
 .pt20{ padding-top: 20px;}
 .pt30{ padding-top: 30px;}
 .pt40{ padding-top: 40px;}
 .pt50{ padding-top: 50px;}

 .pb5{ padding-bottom: 5px;}
 .pb10{ padding-bottom: 10px;}
 .pb15{ padding-bottom: 15px;}
 .pb20{ padding-bottom: 20px;}
 .pb30{ padding-bottom: 30px;}
 .pb40{ padding-bottom: 40px;}
 .pb50{ padding-bottom: 50px;}

 #passwordStrengthExplanation {
	display: inline-block;
	padding: 0 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
 }
/**
 * ページ独自のスタイル
 */
.withdrawal_sl select {
	width: 100%;
}
.withdrawal_sl div {
	margin-bottom: 10px;
}
.withdrawal_sl div label {
	margin: 0px;
}
.withdrawal_sl div label span{
	max-width: 590px;
	display: inline-block;
	vertical-align: top;
}

.new_card_btn {
 	font-size: 21px;
	cursor: pointer;
	background-color: #b8e066;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	width: 60%;
	margin: 20px auto 0;
	border: 2px solid #3b7811;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

.new_card_num {
	display: none;
}

label[for="auto_login"]{
	margin-right: 10px;
}

}

@media screen and (max-width:620px){
	/**
 * 基本
 */

body {
	width: 620px;
    min-height: 900px;
}

h1 {
	color: #3b7811;
	background-color: #c2e874;
	padding: 15px;
	font-size: 32px;
}
#bread {
	display: none;
}
.block_sp{
	display: block;
}
.textwrapp p{
	padding: 0 15px;
	line-height: 1.5em;
	text-align: left;
	font-size: 20px;
}
.textwrapp .notice{
	font-size: 20px;
}
.textwrapp .notice4{
	font-size: 20px;
}
.notice {
	color: #fe7522;
	font-size: 20px;
}
.notice2 {
	font-size: 20px!important;
	color: #fe7522;
	margin-top: 5px;
}
.notice3 {
	color: #fe7522;
	font-size: 20px!important;
	margin-top: 5px;
}
.notice4 {
	color: #ff0000;
    font-size: 20px;
}
#input_form {
	width: 100%;
	margin: 0 auto;
}
#sub_head {
	margin: 0 15px;
}
#sub_head h2{
	color: #fe7522;
	font-size: 21px;
	font-size: 1.5em;
}
#sub_head p{
	font-size: 24px;
	padding: 0;
}
/* 2015/05/22修正 */
#error_msg_top, #error_msg_login, #error_msg_retype, #error_msg_AnyCard {
	background-color: #ffdacc;
	margin: 15px;
	border: 3px solid #fe9e64;
	border-radius: 5px;
	display: none;
}
#error_msg_top p, #error_msg_login p, #error_msg_retype p, #error_msg_AnyCard p {
	font-size: 16px;
	font-weight: bold;
	background: url("../images/error_msg_top_sp2.png") no-repeat;
	background-size: 25px;
	background-position: 5px 4px;
	padding: 5px 5px 5px 35px;
}
/* 2015/05/22修正end */
#sub_head {

}
/* 2015/07/31修正end */
.form_replace  input,
.form_replace  input[type="text"],
.form_replace  input[type="password"],
.form_replace  select,
.form_replace  label,
.form_replace  p,
.form_replace  li,
.form_replace  dt,
.form_replace  dd,
.form_replace  textarea {
	font-size: 24px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳＰゴシック", "MS P Gothic", san-serif;
}
/* 2015/07/31修正end */
.form_replace  input[type=text],
.form_replace  input[type=password],
.form_replace  textarea {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: #b1b1b1 solid 1px;
	border-radius: 5px;
}
.form_replace  select {
  font-size: 24px;
  width: 90%;
  height: 48px;
  padding: 5px;
  border: #b1b1b1 solid 1px;
  border-radius: 5px;
  vertical-align: middle;
}
.form_replace  .selectwrapp {
	display: block;
	margin-top: 15px;
}
.form_replace  input[type=radio],
.form_replace  input[type=checkbox] {
	width: 20px;
	height: 20px;
}
/* 2015/05/01 */
.form_replace  #openModal a, .form_replace  #open_about_login a {
	display: inline-block;
	background: url("../images/open_modal_sp2.png") no-repeat;
	background-position: 0px 2px;
	background-size: 20px;
	line-height: 24px;
	margin-top: 5px;
	padding-left: 25px;
	font-size: 20px;
}
/* 2015/05/01 修正end */
.form_replace  label {
	 margin: 0 140px 0 5px;
	vertical-align: middle;
}
.form_replace  dl {
	letter-spacing: -0.20em;
}
.form_replace   dt,.form_replace   dd {
	letter-spacing: 0;
	display: inline-block;
	vertical-align: top;
}
.form_replace  .last dt,.form_replace  .last dd {
	border-bottom: none;
}
.form_replace   dt {
	background-color: #e2f6b9;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top: 4px solid #b8e066;
	padding: 10px 15px;
}
.form_replace   dd {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px 15px;
}
.form_replace  #use_policy {
	border-top: 4px solid #e6d0bb;
	padding: 30px 20px 10px 20px;
}
.form_replace  #use_policy span {
	display: block;
	margin: 25px 0;
	text-align: center;
	font-size: 34px;
}
.form_replace  #use_policy {
	text-align: center;
}
.form_replace  #use_policy label {
	margin: 0 5px;
}
.form_replace  #use_policy a {
 	font-size: 24px;
	vertical-align: bottom;
	display: block;
}
.form_replace  #use_policy p {
	display: block;
	color: #F00;
	font-size: 20px;
}
.btnwrapp1 {
	text-align: center;
	padding: 20px 0;
	border-top: 4px solid #e6d0bb;
	margin-top: 20px;
}
.btnwrapp2 {
	text-align: center;
	padding: 20px 0;
	border-top: 4px solid #e6d0bb;
}
.next{
	display: inline-block;
	vertical-align: top;
	background: url("../images/next_sp.png") top left no-repeat;
	background-size: 100%;
	width: 245px;
	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 20px;
}
.next_b{
	display: inline-block;
	vertical-align: top;
	background: url("../images/next_b_sp.png") top left no-repeat;
	background-size: 100%;
	width: 245px;
	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 20px;
}
.back{
	display: inline-block;
	vertical-align: top;
	background: url("../images/back_sp.png") top left no-repeat;
	background-size: 100%;
	width: 245px;
	height: 90px;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 10px;
	border: none;
}
.send{
	display: inline-block;
	vertical-align: top;
	background: url("../images/send_sp.png") top left no-repeat;
	background-size: 100%;
	width: 245px;
	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 10px;
}
.send_b{
	display: inline-block;
	vertical-align: top;
	background: url("../images/send_b_sp.png") top left no-repeat;
	background-size: 100%;
	width: 245px;
	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 20px;
}
.send_c{
	display: inline-block;
	vertical-align: top;
	background: url("../images/send_c_sp.png") top left no-repeat;
	background-size: 100%;
	width: 245px;
	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 20px;
}
.send02_sp{
	display: inline-block;
	vertical-align: top;
	background: url("../images/send_sp_02.png") top left no-repeat;
	background-size: 100%;
 	width: 420px;
 	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.withdrawal{
	display: inline-block;
	vertical-align: top;
	background: url("../images/withdrawal_sp.png") top left no-repeat;
	background-size: 100%;
	width: 245px;
	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 20px;
}
.before{
	display: inline-block;
	vertical-align: top;
	background: url("../images/before_sp.png") top left no-repeat;
	background-size: 100%;
	width: 245px;
	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 10px;
}
.back_top{
	display: inline-block;
	vertical-align: top;
	background: url("../images/back_top_sp.png") top left no-repeat;
	background-size: 100%;
 	width: 420px;
 	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.re_sign_up{
	display: inline-block;
	vertical-align: top;
	background: url("../images/re_sign_up_sp2.png") top left no-repeat;
	background-size: 100%;
 	width: 420px;
 	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.confirm{
	display: inline-block;
	vertical-align: top;
	background: url("../images/confirm_sp.png") top left no-repeat;
	background-size: 100%;
 	width: 420px;
	height: 89px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.confirm_b{
	display: inline-block;
	vertical-align: top;
	background: url("../images/confirm_b_sp.png") top left no-repeat;
	background-size: 100%;
 	width: 420px;
 	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.confirm_c{
	display: inline-block;
	vertical-align: top;
	background: url("../images/confirm_c_sp.png") top left no-repeat;
	background-size: 100%;
 	width: 420px;
 	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.login{
	display: inline-block;
	vertical-align: top;
	background: url("../images/login_sp.png") top left no-repeat;
	background-size: 100%;
 	width: 420px;
 	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.login_b{
	display: inline-block;
	vertical-align: top;
	background: url("../images/login_b_sp.png") top left no-repeat;
	background-size: 100%;
 	width: 420px;
 	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.login_c{
	display: inline-block;
	vertical-align: top;
	background: url("../images/login_c_sp.png") top left no-repeat;
	background-size: 100%;
 	width: 420px;
 	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.login_d{
	display: inline-block;
	vertical-align: top;
	background: url("../images/login_d_sp.png") top left no-repeat;
	background-size: 100%;
 	width: 420px;
 	height: 90px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}


/**
 * ポイント内訳（会員情報）
 */
#input_form.info_page {
	padding: 0 30px;
	width: 560px;
}
.info_page .textwrapp p{
	font-size: 20px;
	line-height: 2em;
	text-align: left;
}
.info_page .apply{
	display: inline-block;
	background: url("../images/banner_sp.png") top left no-repeat;
	width: 560px;
	height: 385px;
	text-indent: -9999px;
	background-size: 100%;
}
.info_page .info_type1 {
	border-top: 4px solid #b8e066;
	background-color: #e2f6b9;
	margin-left: -30px;
	width: 580px;
	padding: 0 20px 40px 20px;
 }
.info_page .info_type1 dt {
	font-size: 30px;
	margin-top: 20px;
	font-weight: bold;
}
.info_page .info_type1 dd {
 	font-size: 24px;
	background-color: #ffffff;
	box-sizing: border-box;
	border: 1px solid #b8e066;
	border-radius: 5px;
	padding: 10px;
	text-align: right;
}
.info_page .info_type1 dd span {
	font-size: 32px;
	font-weight: bold;
}
.info_page .info_type2 dt {
	font-size: 24px;
	margin-top: 20px;
	font-weight: bold;
}
.info_page .info_type2 dd {
	font-size: 24px;
	background-color: #f3e8dc;
	box-sizing: border-box;
	border: 1px solid #f3e8dc;
	border-radius: 5px;
	padding: 10px 20px;
	text-align: right;
}
.info_page .info_type2 .special dt {
	padding-top: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
	border-top: 2px dotted #d1b69d
}
.info_page .info_type2 .special dd {
	border-radius: 5px 5px 0 0;
	background-color: #f3e8dc;
}
.info_page .info_type2 .campaign {
	padding-top: 20px;
	background-color: #f9f3ed;
	border-left : 1px solid #e6d0bb;
	border-right : 1px solid #e6d0bb;
}
.info_page .info_type2 .campaign dt {
	margin: 0 20px;
	margin-top: 0;
	font-weight: normal;
}
.info_page .info_type2 .campaign dd {
	margin: 0 20px;
	background-color: #ffffff;
}
.info_page .info_type2 .campaign:last-child {
	padding-bottom: 20px;
	border-radius: 0 0 5px 5px;
	border-bottom : 1px solid #e6d0bb;
}
.info_page .info_type2 dd span {
	display: inline-block;
}
.info_type2 dd .span01 {
	font-weight: bold;
	margin-right: 5px;
	font-size: 28px;
}
.info_page .info_type2 .campaign dd .span01 {
	font-size: 24px;
}
.info_page .info_type2 dd .span02 {
	line-height: 21px;
	font-size: 18px;
	margin-top: 8px;
	display: block;
}


/**
 * ポイント履歴
 */
#main.point_page #point_area {
	width: 100%;
	margin: 0 auto;
}
#main.point_page #sub_head {
	margin: 30px 0 5px 20px;
}
#main.point_page #sub_head h2{
	color: #fe7522;
	font-size: 21px;
}
#main.point_page #main.point_page #paging {
	text-align: center;
	margin: 20px 0;
}
#main.point_page #paging {
	margin: 15px 0;
	text-align: center;
}
#main.point_page #paging li{
	display: inline-block;
	font-size: 24px;
}
#main.point_page #paging li:first-child {
	margin-right: 30px;
}
#main.point_page #paging .num{
	display: block;
	color: #ffffff;
	background-color: #c2c2c2;
	padding: 2px 3px;
	margin-left: 2px;
}
#main.point_page #paging .selected{
	background-color: #1372ae;
}
#main.point_page #table .row_pc{
	display: none;
}
#table .row div,#table .row p, #table .row span{
	font-size: 24px;
}
#main.point_page #table .date {
	font-size: 24px;
	background-color: #e2f6b9;
	width: 100%;
	box-sizing: border-box;
	border-top: 4px solid #b8e066;
	padding: 8px 20px;
}
#main.point_page #table .pointswrapp {
	background-color: #f9f3ed;
	padding: 15px 40px;
	border: 2px solid #e6d0bb;
	border-radius: 5px;
	margin: 15px 0;
}
#main.point_page #table .pointswrapp .data{
	float: right;
}

/**
 * モーダルウィンドウ
 */
#lean_overlay{
	position: fixed;z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	display: none;
}
/* 2014/05/15　修正 */
#modalWindow,#modalWindow2,#modalWindowLogin,#modalWindowPassRetype,#modalWindowAnyCard{
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	display: none;
	padding: 50px 20px 20px 20px;
	border-radius : 10px;
	width: 540px;
	font-size: 24px;
 }
 /* 2014/05/15　修正end */
#modalWindow .about {
	height: 340px;
    background: url(../images/about_user_no_sp.png) no-repeat;
    background-position: top center;
    text-indent: -9999px;
}
.modal_close{
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/modal_close_sp.png) no-repeat;
	background-size: 100%;
	z-index: 2;
	text-indent: -9999px;
	cursor: pointer;
}

/* 2014/05/15　修正 */
/**
 * モーダルウィンドウ（ログインページ＆パスワード再入力ページ）
 */
#modalWindowLogin.login_page #modal_title, #modalWindow.login_page #modal_title, 
#modalWindowPassRetype.login_page #modal_title, #modalWindowAnyCard.login_page #modal_title {
	font-size: 27px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 10px 0;
}
/* 2015/07/31削除 *
#modalWindowLogin.login_page p,
#modalWindow.login_page p,
#modalWindowPassRetype.login_page p {
	    line-height: normal;
}
* 2015/07/31削除end */
#modalWindowLogin.login_page, #modalWindow.login_page, #modalWindowPassRetype.login_page, #modalWindowAnyCard.login_page {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	display: none;
	background-color: #c2e874;
	border-radius : 10px;
	overflow: hidden;
	padding: 0;
	width: auto;
}
/* 2015/06/22追加 */
#modalWindowPassRetype.login_page {
	position: fixed!important;
}
#modalWindowLogin.login_page .forgot_pass a,
#modalWindowPassRetype.login_page .forgot_pass a{
	font-size: 24px;
}
/* 2015/06/22追加end */
#modalWindowLogin.login_page .about,
#modalWindow.login_page .about,
#modalWindowAnyCard.login_page .about {
	width: 580px;
	height: 355px;
	background: url(../images/about_user_no.png)  no-repeat;
	text-indent: -9999px;
}
#modalWindowLogin.login_page #input_form, #modalWindow.login_page #input_form,
#modalWindowPassRetype.login_page #input_form, #modalWindowAnyCard.login_page #input_form {
	width: 580px;
	background-color: #ffffff;
}
#modalWindowLogin.login_page .form_replace  dt,
#modalWindow.login_page .form_replace  dt,
#modalWindowAnyCard.login_page .form_replace  dt {
	width: 105px;
}
#modalWindowLogin.login_page .form_replace  dd,
#modalWindow.login_page .form_replace  dd,
#modalWindowAnyCard.login_page .form_replace  dd {
	width: 390px;
}
#modalWindowLogin.login_page .sign_up,
#modalWindowPassRetype.login_page .sign_up,
#modalWindow.login_page .sign_up {
	display: inline-block;
	color: #000000;
	background-color: #f5f5f5;
	text-decoration: none;
	border: 1px solid #696969;
	border-radius: 10px;
	width: 420px;
	padding: 25px 0;
}
#modalWindowLogin.login_page .sign_up span,
#modalWindowPassRetype.login_page .sign_up span,
#modalWindow.login_page .sign_up span{
	color: #006dba;
}
#modalWindowLogin.login_page .modal_close, #modalWindowPassRetype.login_page .modal_close,
#modalWindow.login_page .modal_close, #modalWindowAnyCard.login_page .modal_close{
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/modal_close_sp.png) no-repeat;
	z-index: 2;
	text-indent: -9999px;
	cursor: pointer;
	background-size: 100%;
}

#modalWindowLogin.login_page .form_replace  label,
#modalWindow.login_page .form_replace  label,
#modalWindowAnyCard.login_page .form_replace  label{
	margin: 0 0px 0 5px;
}
#modalWindowLogin.login_page .notice,
#modalWindowPassRetype.login_page .notice,#modalWindow.login_page .notice,
#modalWindowAnyCard.login_page .notice {
	padding: 10px 20px;
}
#modalWindowLogin.login_page .about_login,
#modalWindowPassRetype.login_page .about_login,
#modalWindow.login_page .about_login {
	text-align: left;
	margin: 20px 20px;
	padding: 10px;
	border: 5px solid #e2f6b9;
	border-radius: 10px;
	display: none;
	font-size: 20px;
}

.policy_link {
	display: block;
	float: right;
	margin-right: 10px;
	font-size: 18px;
}
/* 2014/05/15　修正end */

/**
 *　プライバシーポリシー
 */
/* スクロールバー */
.policy{ /* 対象となる要素のクラス名が"element"の場合 */
	overflow: auto;
}
.policy::-webkit-scrollbar{ /* スクロールバー本体 */
	width: 20px;
	background: #CCC;
}
.policy::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
	background: #999;
	border: 1px solid #666;
	border-radius: 2px;
}
.element::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
	background: #CCC;
}
.policy::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
	background: #CCC;
}
.policy::-webkit-scrollbar-corner{ /* スクロールバー角 */
	background: transparent;
}

/**
 * パスワードチェッカー
 */
.form_replace  #password_meter {
	margin-top: 8px;
}
.form_replace  #password_meter p.label {
	display: inline-block;
	vertical-align: top;
}
.form_replace  #password_meter p#password_meter_result {
	display: inline-block;
	width: 180px;
	height: 30px;
	margin-top: 15px;
	color: #ffffff;
	font-size: 21px;
	text-align: center;
}
.form_replace  #password_meter p.none { background-color: #c6c6c6; }
.form_replace  #password_meter p.very_weak { background-color: #ff0000; }
.form_replace  #password_meter p.weak { background-color: #ff7f50; }
.form_replace  #password_meter p.mediocre { background-color: #f0e68c; }
.form_replace  #password_meter p.strong { background-color: #7fffd4; }
.form_replace  #password_meter p.stronger { background-color: #87cefa; }

/**
 * エラー
 */
.form_replace  .error input[type=text],
.form_replace  .error input[type=password],
.form_replace  .error textarea,
.form_replace  .error select {
	border: 2px solid #fe7522;
}

/* 2015/07/31修正 */
.form_replace  .error p.error_msg:before {
	content: "";
	display: inline-block;
	height: 50px;
	width: 50px;
	background: url('../images/error_msg_sp2.png') top left no-repeat;
	background-size: 45px;
	position: absolute;
	top: -10px;
	left: 7px;
	z-index: -1;
}
.form_replace  .error p.error_msg {
	color: #ffffff;
	display: inline-block;
	background-color: #fe7522;
	position: relative;
	margin-top: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 5px 5px 5px 40px;
	border-radius: 5px;
	z-index: 0;
	line-height: 34px;
}
/* 2015/07/31修正end */

.br {
	display: inline;
}

/**
 * margin padding
 */
 .mt5sp{ margin-top: 5px;}
 .mt10sp{ margin-top: 10px;}
 .mt15sp{ margin-top: 15px;}
 .mt20sp{ margin-top: 20px;}
 .mt30sp{ margin-top: 30px;}
 .mt40sp{ margin-top: 40px;}

 .mb5sp{ margin-bottom: 5px;}
 .mb10sp{ margin-bottom: 10px;}
 .mb15sp{ margin-bottom: 15px;}
 .mb20sp{ margin-bottom: 20px;}
 .mb30sp{ margin-bottom: 30px;}
 .mb40sp{ margin-bottom: 40px;}

  .pt5sp{ padding-top: 5px;}
 .pt10sp{ padding-top: 10px;}
 .pt15sp{ padding-top: 15px;}
 .pt20sp{ padding-top: 20px;}
 .pt30sp{ padding-top: 30px;}
 .pt40sp{ padding-top: 40px;}

 .pb5sp{ padding-bottom: 5px;}
 .pb10sp{ padding-bottom: 10px;}
 .pb15sp{ padding-bottom: 15px;}
 .pb20sp{ padding-bottom: 20px;}
 .pb30sp{ padding-bottom: 30px;}
 .pb40sp{ padding-bottom: 40px;}

  .pd20sp{ padding: 20px;}
/*form .error div {
	background-color: #ffccdd;
}*/

#passwordStrengthExplanation {
	display: inline-block;
	padding: 0 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
}

/**
 * ページ独自のスタイル
 */

.withdrawal_sl div label {
	margin: 0px;
}
.withdrawal_sl div label span{
	max-width: 550px;
	display: inline-block;
	vertical-align: top;
}

input#reason {
	font-size: 21px
}

select#reason {
	display: none;
}

#mail_conf span {
	display:inline-block;
	width: 7%;
	font-size: 20px;
	text-align: center;
}
.form_replace  input#mail_conf1 {
	width: 45%;
	margin-right: 1%;
}

.form_replace  input#mail_conf2 {
	width: 45%;
}

.form_replace  .withdrawal_sl label {
	  margin: 0;
}

.new_card_btn {
 	font-size: 27px;
	cursor: pointer;
	background-color: #b8e066;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	width: 100%;
	margin: 20px auto 0;
	border: 2px solid #3b7811;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

.new_card_num {
	display: none;
}

label[for="auto_login"]{
	margin-right: 10px;
}

}