@import url("/css/re_common.css");

/*トップページデザイン改修 #9799 追加分*/
#mainvisual {
	width: 902px;
	height: 270px;
	margin: 0 auto 20px;
}

#mainvisual img{
	width: 100%;
	height: auto;
}

#right h4 {
	clear: both;
	height: 34px;
	margin: 0;
	padding: 5px 0 0 0;
	background: url(/image_top/h4_bg.gif) 0px 0px repeat-x;
	color: #ffffff;
	text-align: center;
	font-size: 100%;
}

#header h1 {
	float: left;
	width: 367px;
	height: 56px;
	margin: 0;
	padding: 0;
	background: url(/image_cmn/h1_title.gif) no-repeat 0px 0px;
	text-indent: -10000px
}

#header h1 a {
	display: block;
	overflow: hidden;
	width: 367px;
	height: 56px;
	background: url(/image_cmn/h1_title.gif) no-repeat 0px 0px;
}

#top {
	width: 900px;
	height: 268px;
	margin: 0 auto 20px auto;
	padding: 0;
	border: 1px solid #dadada;
	background: url(/image_cmn/top_image2.jpg) no-repeat 0px 0px;
	/*text-align:left;*/
	text-indent: -10000px;
}


/*hm お知らせtext*/
.box_defo ul {
	display: block;
}

.box_defo li.line {
	display: block;
	float: left;
	/*	border-bottom:1px dotted #999999;*/
	margin: 0 0 8px;
	padding: 0 0 9px 8px;
	background: url(/image_top/dodline.gif) no-repeat center bottom;
}

.box_defo ul li:first-child {
	margin-top: 14px;
}

.box_defo li.line_m {
	display: block;
	float: left;
	border-bottom: 1px solid #999999;
	margin: 0 0 14px;
	padding: 0 0 14px 8px;
}

.box_defo li.line_b {
	display: block;
	float: left;
	border-bottom: 2px solid #f96e82;
	margin: 0 0 10px;
	padding: 0 0 10px 8px;
}

.box_defo li.line_n {
	background: none;
	display: block;
	float: left;
	border-bottom: 3px solid #f6c3d1;
	margin: 0 0 10px;
	padding: 0 0 10px 8px;
}

.box_defo li.line p.date {
	display: block;
	float: left;
	width: 95px;
	margin: 0;
	padding: 0;
	color: #FF0000;
}

.box_defo li.line_m p.date {
	display: block;
	float: left;
	width: 95px;
	margin: 0;
	padding: 0;
	color: #FF0000;
}

.box_defo li.line_b p.date {
	display: block;
	float: left;
	width: 95px;
	margin: 0;
	padding: 0;
	color: #FF0000;
}

.box_defo li.line_n p.date {
	display: block;
	float: left;
	width: 95px;
	margin: 0;
	padding: 0;
	color: #FF0000;
}

.box_defo li.line p {
	display: block;
	float: left;
	width: 460px;
	margin: 0;
	padding: 0 0 0 10px;
}

.box_defo li.line_m p {
	display: block;
	float: left;
	width: 460px;
	margin: 0;
	padding: 0 0 0 10px;
}

.box_defo li.line_b p {
	display: block;
	float: left;
	width: 460px;
	margin: 0;
	padding: 0 0 0 10px;
}

.box_defo li.line_n p {
	display: block;
	float: left;
	width: 460px;
	margin: 0;
	padding: 0 0 0 10px;
}

/*hm お知らせ*/
#hm_info {
	float: right;
	width: 415px;
	margin: 0;
	padding: 0;
}

#hm_info_img {
	float: left;
	width: 195px;
	margin: 0;
	padding: 0;
}

#hm_info_img .bnr_judo {
	width: 180px;
	height: 180px;
	margin: 0;
	padding: 0;
	background: url(/image_top/top_bnr_judo.gif) no-repeat 0 0;
	text-indent: -10000px;
}

#hm_info_img .bnr_judo a {
	display: block;
	width: 180px;
	height: 180px;
	background: url(/image_top/top_bnr_judo.gif) no-repeat 0 0;
}

#hm_info_img .bnr_judo a:hover {
	background: url(/image_top/top_bnr_judo.gif) no-repeat 0 -180px;
}

#hm_info li.line p.hm {
	width: 415px;
}

#newfunction {
	clear: both;
	width: 610px;
	height: 123px;
	margin: 10px 0px 0px;
	padding: 0px;
	background: url(/image_top/bg_newfunction.gif) no-repeat bottom;
}

#newfunction h3 {
	width: 610px;
	height: 44px;
	margin: 0px;
	padding: 0px;
	background: url(/image_top/ttl_newfunction.gif) no-repeat;
	text-indent: -9999px;
}

#newfunction ul {
	width: 610px;
	height: 64px;
	margin: 0px;
	padding: 0px;
}

#newfunction ul li {
	float: left;
	width: 203px;
	height: 64px;
	margin: 0px;
	padding: 0px;
}

#newfunction ul li.new_left a {
	display: block;
	width: 163px;
	height: 67px;
	margin: 0px 0px 0px 23px;
	padding: 0;
	background: url(/image_top/bnr_func_01.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#newfunction ul li.new_center a {
	display: block;
	width: 163px;
	height: 67px;
	margin: 0px 0px 0px 23px;
	padding: 0;
	background: url(/image_top/bnr_func_04.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#newfunction ul li.new_right a {
	display: block;
	width: 163px;
	height: 67px;
	margin: 0px 0px 0px 23px;
	padding: 0;
	background: url(/image_top/bnr_func_05.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#newfunction ul li.new_left a:hover {
	background: url(/image_top/bnr_func_01.gif) no-repeat 0 -67px;
}

#newfunction ul li.new_center a:hover {
	background: url(/image_top/bnr_func_04.gif) no-repeat 0 -67px;
}

#newfunction ul li.new_right a:hover {
	background: url(/image_top/bnr_func_05.gif) no-repeat 0 -67px;
}

/*メイン620pxバナー*/
p.top_banner {
	width: 580px;
	height: 120px;
	margin: 0 0 15px 0;
}

p.top_banner a {
	display: block;
	width: 580px;
	height: 120px;
	background: url(/image_top/banner_monthfree.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

p.top_banner a:hover {
	opacity: 0.7 !important;
	-ms-filter: "alpha(opacity=70)";
}

/*不動産会社*/
#int_v {
	float: right;
	width: 370px;
	margin: 0;
	padding: 0;
}

#int_v .read {
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 5px 0 10px;
	font-weight: bold;
}

#int_v .company {
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 7px 0 7px;
}

#int_v p {
	margin: 0;
	padding: 7px 0 7px;
}

#int_v_img {
	float: left;
	top: 0;
	left: 0;
	width: 200px;
	height: 200px;
	background: url(/image_top/int_v_img.jpg) no-repeat 0px 0px;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
}

/*ログイン*/
#login {
	display: block;
	width: 300px;
	background-color: #FFDBE7;
	border: 1px solid #bf6b87;
	border-radius: 8px;
	box-shadow: inset 1px 1px 0px #fff0f5;
	margin: 0 auto 20px;
	padding: 15px 0;
	position: relative;
	text-align: center;
}

.login_ttl {
	margin-bottom: 10px;
  text-align: center;
}

#login .login_left {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	width: 80px;
	margin: 1px 10px 4px 0;
	padding: 0;
}

#login .login_number {
	width: 270px;
	margin: 0 30px 2px 0;
	padding: 0;
	text-align: right;
	line-height: 20px;
}

#login .login_number input {
	width: 160px;
	line-height: 20px;
	height: 20px;
	margin: 2px 0 0 7px;
	padding: 0;
}

#login .login_memory {
	clear: both;
	width: 300px;
	margin: 8px 0 0 0;
	padding: 0;
	text-align: center;
}

#login #btn_login {
	margin: 10px auto 0;
}

#login #btn_login input {
	margin: 5px auto 10px;
	padding: 0;
}

#login #btn_login input:hover {
	opacity: 0.7 !important;
	-ms-filter: "alpha(opacity=70)";
}

#login_land a {
	clear: both;
	display: block;
	top: 0;
	left: 0;
	width: 300px;
	height: 45px;
	background: url(/image_top/login_land.gif) no-repeat 0px 0px;
	margin: 0 0 20px 0;
	padding: 0;
	text-indent: -10000px;
}

#login_land a:hover {
	opacity: 0.7 !important;
	-ms-filter: "alpha(opacity=70)";
}

/*ログインエラー表示*/
.login_errorbox {
	width: 230px;
	margin: 0px auto 5px;
	border: #ff0000 1px solid;
	background: #ffffff;
	text-align: left;
}

.login_errorbox p {
	padding: 3px 10px;
	color: #ff0000;
	font-size: 75%;
	line-height: 1.1;
}

/*ログイン後トップページ*/
#loginbox {
	width: 212px;
	height: 90px;
	margin: 0px auto;
	background: url(/image_top/bg_loginbox.gif) no-repeat;
	text-align: center;
}

#loginbox p {
	padding: 12px 10px 0px;
}

/* 2022/6/9 「LandStep21」を削除対応　WEB1_TASK-4464*/
.login_form {
	margin-top: 10px;
}

.login_form .btn_support img{
	cursor: pointer;
}
.login_form .btn_support img:hover{
	opacity: 0.7;
}


#btn_memberpage {
	padding: 5px auto;
}

#btn_membertop input {
	margin: 0px;
	padding: 0px;
}

#btn_membertop {
	width: 170px;
	margin: 13px 0px 0px 5px;
}

#btn_toplogout {
	margin: 13px auto 0px;
}

/*ホームメイト仲介ネットワークとは*/
#right ul.hmnw {
	clear: both;
	width: 300px;
	/*height:51px;*/
	margin: 0;
	padding: 0;
}

#right ul.hmnw li {
	width: 300px;
	height: 51px;
	background: url(/image_top/hmnw_bg.gif) no-repeat 0px 0px;
	margin: 3px 0 0 0;
	padding: 0;
}

#right ul.hmnw li a {
	clear: both;
	display: block;
	/*top:0;
left:0;*/
	width: 292px;
	height: 51px;
	margin: 0 0 0 2px;
	padding: 0;
	text-indent: -10000px;
}

#right ul.hmnw li a.ttl_nw {
	background: url(/image_top/nw_ttl_nw.gif) no-repeat 0px 14px;
}

#right ul.hmnw li a.ttl_fc {
	background: url(/image_top/nw_ttl_fc.gif) no-repeat 0px 14px;
}

#right ul.hmnw li a.ttl_hmc {
	background: url(/image_top/nw_ttl_hmc.gif) no-repeat 0px 14px;
}

#right ul.hmnw li a.ttl_monthfree {
	background: url(/image_top/nw_ttl_monthfree.gif) no-repeat 0px 14px;
}

#right ul.hmnw li a.ttl_form {
	background: url(/image_top/nw_ttl_form.gif) no-repeat 0px 14px;
}

#right ul.hmnw li a:hover.ttl_nw,
#right ul.hmnw li a:hover.ttl_fc,
#right ul.hmnw li a:hover.ttl_hmc,
#right ul.hmnw li a:hover.ttl_monthfree,
#right ul.hmnw li a:hover.ttl_form {
	opacity: 0.7 !important;
	-ms-filter: "alpha(opacity=70)";
}

/*バナー*/
#right .banner {
	margin: 0 0 15px;
	padding: 0;
}

#right .banner_hm a {
	display: block;
	width: 300px;
	height: 75px;
	margin: 0 0 15px;
	padding: 0;
	background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate/bnr_homemate_300x75.png) no-repeat 0px 0px;
	background-size: cover;
	text-indent: -10000px;
}

#right .banner_hm a:hover {
	opacity: 0.7 !important;
	-ms-filter: "alpha(opacity=70)";
}

#right .banner_keitai a {
	display: block;
	width: 300px;
	height: 74px;
	margin: 0 0 15px;
	padding: 0;
	background: url(/image_top/banner_keitai.gif) no-repeat 0px 0px;
	text-indent: -10000px;
}

#right .banner_keitai a:hover {
	opacity: 0.7 !important;
	-ms-filter: "alpha(opacity=70)";
}

/*ログアウトページ*/
.msgbox {
	width: 600px;
	margin: 30px auto;
	padding: 20px;
	border: #d3d6dd solid 8px;
	background: #f7f6f5;
	text-align: center;
	font-size: 100%;
}

.msgbox h2 {
	height: auto;
	margin: 0px;
	padding: 5px 0px;
	background: #c8cbd3;
	font-size: 113%;
	text-align: center;
}

.msgbox p.read1 {
	margin: 0px;
	padding: 30px 0px 10px;
	font-size: 107%;
	text-align: center;
}

.msgbox p.read1.red {
	color: #ff3366;
	font-weight: bold;
}

p#btn_relogin {
	margin: 40px auto 15px;
	width: 190px;
	height: 39px;
	text-indent: -9999px;
	background: url(/image_top/btn_relogin.gif) no-repeat;
}

p#btn_relogin a {
	display: block;
	width: 190px;
	height: 39px;
	background: url(/image_top/btn_relogin.gif) no-repeat;
}

p#btn_relogin a:hover {
	background: url(/image_top/btn_relogin_ov.gif) no-repeat;
}

p#btn_hmnwtop {
	margin: 40px auto 15px;
	width: 240px;
	height: 39px;
	text-indent: -9999px;
	background: url(/image_top/btn_hmnwtop.gif) no-repeat;
}

p#btn_hmnwtop a {
	display: block;
	width: 240px;
	height: 39px;
	background: url(/image_top/btn_hmnwtop.gif) no-repeat;
}

p#btn_hmnwtop a:hover {
	background: url(/image_top/btn_hmnwtop_ov.gif) no-repeat;
}

/*.msgbox_btnbox{
	height:30px;
	margin:30px auto 0px;
}
.msgbox_btnbox.w400{
	width:400px;
}
.msgbox_btnbox ul{
	margin:0px auto;
}
.msgbox_btnbox ul li{
	float:left;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
}
.msgbox_btnbox ul li.btn_relogin{
	float:left;
	margin-top:1px;
	width:144px;
	height:26px;
	background: url(../image/btn_relogin.gif) no-repeat;
}
.msgbox_btnbox ul li.btn_relogin a{
	display:block;
	width:144px;
	height:26px;
	background: url(../image/btn_relogin.gif) no-repeat;
}
.msgbox_btnbox ul li.btn_relogin a:hover{
	background: url(../image/btn_relogin_ov.gif) no-repeat;
}
.msgbox_btnbox ul li.btn_hmnwtop{
	float:right;
	width:170px;
	height:30px;
	background: url(../image/btn_hmnwtop.gif) no-repeat;
}
.msgbox_btnbox ul li.btn_hmnwtop a{
	display:block;
	width:170px;
	height:30px;
	background: url(../image/btn_hmnwtop.gif) no-repeat;
}
.msgbox_btnbox ul li.btn_hmnwtop a:hover{
	background: url(../image/btn_hmnwtop_ov.gif) no-repeat;
}*/


/*-----ログイン注釈--------------------*/
#idpw {
	clear: both;
	width: 256px;
	margin: 0 auto 7px auto;
	padding: 10px;
	border: 1px solid #FF4444;
	background: #FFFFFF;
	text-align: left;
	line-height: 1.2;
	/*	font-size:85%;*/
	font-size: 15px;
}

#idpw .read {
	clear: both;
	margin: 0 0 10px;
	padding: 6px;
    color: #ffffff;
    text-align: center;
    line-height: 1;
	background: #FF3333;
}

#idpw .login_success {
	clear: both;
	margin: 0 2px 15px 2px;
	color: #FF2222;
	font-size: 12px;
}

#idpw .login_ftp {
	clear: both;
	margin: 0 2px 3px 2px;
	color: #FF2222;
	font-size: 12px;
}

#idpw .login_link,
.idpw_leasel .login_link {
	text-align: center;
}

.idpw_leasel {
	clear: both;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #5796b6;
	background: #FFF;
	text-align: left;
	line-height: 1.2;
	/*	font-size:85%;*/
	font-size: 15px;
}

.idpw_leasel .read {
	clear: both;
	color: #fff;
	margin: 0 0 10px;
	padding: 6px;
    text-align: center;
    line-height: 1;
	background: #5796b6;
}

/*-----ログインできません--------------------*/
#idpw_er {
	clear: both;
	width: 220px;
	margin: 0 auto 7px auto;
	padding: 3px;
	border: 2px solid #ff0000;
	background: #FFFFFF;
	text-align: left;
	line-height: 100%;
	font-size: 85%;
}

#idpw_er .login_success {
	clear: both;
	margin: 5px 2px 2px 2px;
	color: #FF2222;
	font-size: 100%;
	line-height: 115%;
	text-align: center;
	font-weight: bold;
}

/*-----障害時--------------------*/
.urgent {
	margin: 0px auto;
	width: 236px;
	background: #FFFFFF;
}

.urgent li {
	margin: 0px 0px;
	padding: 5px 0px;
}

.urgent li a {
	cursor: pointer;
}

.urgent li a img {
	line-height: 28px;
}

/*-----緊急時お知らせ--------------------*/
#urgent_news {
	border: 1px solid #d9342b;
	background-color: #ffffff;
	margin: 0 auto 24px;
	max-width: 700px;
}

#urgent_news h2 {
	background-image:
		url("/image_top/ico_sysinfo.png"),
		url("/image_top/ttl_bg_sysinfo.png");
	background-repeat:
		no-repeat,
		repeat-x;
	background-position:
		9px 5px,
		left top;

	height: 33px;
	line-height: 29px;
	margin-bottom: 0;
	padding: 0 0 0 30px;
}

#urgent_news ul.news_list {
	padding: 10px 20px;
}

#urgent_news ul.news_list li {
	line-height: 1.5;
	text-align: left;
}
#urgent_news ul.news_list li:nth-child(n+2) {
	margin-top: 14px;
}

#urgent_news ul.news_list li h3 {
	background: none;
	height: auto;
	color: #333333;
	font-size: 15px;
	padding: 0 0 5px 0;
	margin: 0 0 10px;
	border-bottom: 2px solid #cc5479;
}

#urgent_news ul.news_list li span {
	display: inline-block;
}

#urgent_news ul.news_list li span.date {
	color: #fc180d;
	padding-right: 10px;
	vertical-align: top;
}

#urgent_news ul.news_list li span.text {
	width: auto;
}
#urgent_news ul.news_list li .hr {
	border-top: 1px solid #999999;
	padding-top: 14px;
}

#urgent_news ul.news_list li span.date+span.text {
	width: 86%
}

#urgent_news .urgent_news_link::before {
	content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #cc5478;
}
#urgent_news .sys_messe p + .urgent_news_link {
	margin-top: -5px;
}

#urgent_news.urgent_news_obituary {
	border: 1px solid #373737;
}
#urgent_news.urgent_news_obituary h2 {
	position: relative;
	background: #373737;
}
#urgent_news.urgent_news_obituary h2::before {
	content: "";
	background: url(/image_top/ico_sysinfo_obituary.png) no-repeat;
	position: absolute;
  left: 9px;
  top: 6px;
	display: block;
  width: 17px;
  height: 17px;
}
#urgent_news.urgent_news_obituary h2::after {
	content: "";
	position: absolute;
  left: 0;
	bottom: 2px;
	width: 100%;
	height: 1px;
	background: rgb(255 255 255 / 65%)
}

/*20171130_停止メンテナンス用追加　230_inagaki*/
.maintenance_box {
	background: #ffdbe7;
	border: 1px solid #bf6b87;
	border-radius: 5px;
	box-shadow: 1px 1px 0 0 rgba(255, 255, 255, 0.5) inset;
	padding: 17px 24px 20px;
	margin-bottom: 20px;
}

#maintenance h3 {
	background: #ffdbe7;
	margin: 0 0 5px;
	padding: 0;
	text-align: center;
}

.box_caution {
	background: #fff;
	border: 1px solid #ff3d3d;
}

.ttl_box_caution {
	background: #ff3d3d;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	line-height: 40px;
	position: relative;
	text-align: center;
	text-indent: 20px;
	width: 100%
}

.ttl_box_caution::before {
	background: url("/image_top/icn_caution.png") no-repeat 0 0;
	content: "";
	display: block;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 15px;
	width: 20px;
}

.box_caution .lead {
	font-size: 14px;
	padding: 15px 15px 0;
}

.box_caution .timetable {
	border-top: 1px solid #ccc;
	margin: 12px 15px;
}


.box_caution .timetable dt {
	background: #ff3d3d;
	border-radius: 10px;
	color: #fff;
	margin: 10px auto;
	padding: 7px;
	text-align: center;
	width: 70px;
}

.box_caution .timetable dd {
	color: #ff3d3d;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.5;
	text-align: center;
	margin: 10px auto 0;
}

/*20210804_システム停止メッセージ　319_shimizu*/
.sys_messe {
	text-align: left;
	margin: 0 auto;
	padding: 16px 20px 20px;
}

.sys_messe h3 {
  background: #f5ecf4;
  border-bottom: none;
  color: #444444;
  line-height: 2em;
  margin: 20px 0 8px;
  padding: 5px 0 5px 11px;
  text-align: left;
}
.sys_messe ul {
  margin: 0 0 20px 0;
  padding: 0 0 0 14px;
}
.sys_messe li {
  display: inline-block;
  margin: 8px 0 0 0;
  padding-left: 16px;
  position: relative;
  width: 46%
}
.sys_messe li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 3px;
}
.sys_messe p {
	line-height: 1.5em;
	margin-bottom: 15px;
}

.sys_messe p:last-child {
	margin-bottom: 0;
}

.sys_messe .dl_btn li:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #cc5478;
}

/* modal */
.js_modal_content {
	background: #58916b;
	border: none;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 3px;
	width: 860px;
}

.js_modal_content .js_modal_inner {
	border-radius: 1px;
	padding: 17px 55px 10px;
	background: #fff;
}

.js_modal_content .youtube_box {
	border: 2px solid #0a8031;
	padding: 2px;
}

.js_modal_content .cap_box {
	margin: 12px 0 0;
}

.js_modal_content .cap_box dt {
	background: #ebf9e4;
	color: #58916b;
	font-size: 16px;
	font-weight: bold;
	padding: 7px;
}

.js_modal_content .cap_box dd {
	line-height: 1.5;
	margin: 15px 0 0;
	padding: 0 15px;
	text-align: left;
}

.js_modal_content .backbtn {
	margin: 25px 0 15px;
}

.js_modal_content .backbtn img:hover {
	cursor: pointer;
	opacity: 0.7;
}

.js_modal_content .clsbtn,
.js-modal_content>.clsbtn,
.modal-wrap .clsbtn {
	background: url(/member/image_top/btn_modal_close01.png) no-repeat left top;
	height: 34px;
	top: -14px;
	right: -14px;
	width: 34px;
}

.modal_overlay{
  background: rgba(0,0,0,.8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s,-webkit-transform .3s;
  width: 100%;
  z-index: 1;
}

.modal {
	background: #d82d24;
	border: none;
	border-radius: 4px;
	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	margin: 0;
	padding: 5px;
	position: fixed;
	top: 50%;
	left: 50%;
	text-align: left;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	max-width: 660px;
	width: 96%;
	z-index: 101;
}

.modal .js_modal_inner {
	background: #fffdc3;
	box-sizing: border-box;
	padding: 20px 15px;
	width: 100%;
}

.modal .js_modal_inner .caution_text_box {
	margin: 0 auto;
	max-width: 580px;
}

.modal .modal_head {
	border-bottom: 1px solid #86663f;
    padding-bottom: 10px;
	margin-bottom: 20px;
}

.modal .modal_ttl {
    background: none;
    font-size: 24px;
    height: auto;
    line-height: 1.3;
    margin: auto;
    padding: 0;
    text-align: center;
}

.modal .modal_link {
    text-align: center;
}

.modal .icon {
	margin: 0 0 15px;
}

.modal p {
	margin: 10px 0 0;
}

/*WEB1_TASK-4464_Chrome対応の修正_テスト反映_ここから*/
.bd_box {
	background: url(/member/image_top/bg_browser_bd.png) repeat-x 0 0;
	margin: 20px 0 0;
	padding-top: 15px;
	text-align: center;
}

.modal .bd_box p {
	margin: 0;
}

/*WEB1_TASK-4464_Chrome対応の修正_テスト反映_ここまで*/

.bd_box a {
	background: url(/member/image_top/ico_browser02.png) no-repeat right center;
	padding-right: 22px;
}

.modal .backbtn {
	margin: 0;
	text-align: center;
}

.modal .backbtn img:hover {
	cursor: pointer;
	opacity: 0.7;
}

.modal .clsbtn {
	background: url(/member/image_top/btn_modal_close01.png) no-repeat left top;
	cursor: pointer;
	display: block;
	height: 34px;
	overflow: hidden;
	position: absolute;
	top: -14px;
	right: -14px;
	text-indent: 100%;
	white-space: nowrap;
	width: 34px;
	z-index: 102;
}

.btn_suport {
	text-align: center;
}

.btn_suport a {
    background-color: #d23464;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .05em;
    line-height: 1.28;
    padding: 10px 15px;
    text-align: center;
}
.btn_suport a:hover {
    opacity: .7;
    text-decoration: none;
}