/*会員登録変更・退会*/

#none_pc { }/*ＰＣ表示させない*/
#none_smart { display: none; overflow: hidden; }/*スマフォ表示させない*/


html,body,table,th,td {
font-size: 13px;
line-height: 18px;
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
}

/* -- 自動改行-- */
.wsnw { white-space:nowrap; margin:0;font-weight: normal;}/*改行*/

/* -- 改行先頭空白-- */
.indent-1 { padding-left:1em; text-indent:-1em; margin: 5px 0px 5px 0px;/*上・右・下・左*/}
.indent-2 { padding-left:2em; text-indent:-2em; line-height: 150%; margin: 5px 0px 5px 0px;/*上・右・下・左*/}
.indent-4 { padding-left:4em; text-indent:-4em; margin: 5px 0px 5px 0px;/*上・右・下・左*/}
.indent-fee { font-size: 110%; color: #285b99; font-weight: 900; white-space:nowrap; margin: 10px 0px 0px 0px;/*上・右・下・左*/}/*ツアー金額*/
.indent-radio { padding-left:1em; text-indent:-1em; color: #666666; font-size: 85%; line-height: 110%; margin: 5px 0px 5px 30px;/*上・右・下・左*/}
.indent-Q { padding-left:2em; text-indent:-2em; line-height: 150%; margin: 30px 0px 5px 0px;/*上・右・下・左*/color: #285b99; background-color: #D4D4D4;/*背景色*/}
.indent-A { padding-left:2em; text-indent:-2em; line-height: 150%; margin: 5px 0px 5px 0px;/*上・右・下・左*/}




/* -- 背景 -- */
.background_maine {
text-align: center;
width: 100%;
padding: 30px 0px 30px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
background-color: #D4D4D4;/*背景色*/
}
/* -- 外枠 -- */
.grid_maine {
max-width: 1000px;
padding: 0px 10px 0px 10px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
/* -- ホワイト枠 -- */
.grid_white {
background-color: #FFFFFF;/*背景色*/
max-width: 100%;
text-align: center;
border: 1px solid #D5D5D5;
padding: 50px 50px 50px 50px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
/* -- ホワイト枠 -- */
.grid_white_mail {
background-color: #FFFFFF;/*背景色*/
max-width: 100%;
text-align: center;
border: 1px solid #D5D5D5;
padding: 50px 50px 50px 50px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
/* -- グレー枠 -- */
.grid_grey {
max-width: 100%;
color: #666666;
text-align: Left;
background-color: #EFEFEF;/*背景色*/
border: 1px solid #D5D5D5;
padding: 50px 50px 50px 50px;/*上・右・下・左*/
margin: 0px 0px 20px 0px;/*上・右・下・左*/
}
/* -- END枠 -- */
.grid_end {
max-width: 100%;
color: #285b99;
font-size: 100%;
text-align:center;
background-color: #FFFFFF;/*背景色*/
border: 1px solid #D5D5D5;
padding: 50px 50px 50px 50px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}





/* -- 受付内容と処理日 -- */
.table_01 {
width: 100%;
border-collapse: collapse;
border:1px solid #cccccc;
margin: 0px auto 0px auto;/*上・右・下・左*/
}
.table_01 th {/* 左列・グレー */
width: 100px;
color: #FFFFFF;
font-size: 100%;
line-height: 120%;
text-align:center;
white-space:nowrap;/* wbr・改行 */
background-color: #666666;/* 背景色 */
border:1px solid #cccccc;
padding: 20px 10px 20px 10px;/* 上・右・下・左*/
}
.table_01 td {/* 右列・ホワイト */
color: #666666;
font-size: 100%;
line-height: 150%;
background-color: #FFFFFF;/* 背景色 */
border:1px solid #cccccc;
padding: 5px 10px 5px 10px;/* 上・右・下・左*/
}
.table_01 td.one {/* 右列・ホワイト */
color: #666666;
font-size: 100%;
line-height: 150%;
text-align:center;
white-space:nowrap;/* wbr・改行 */
background-color: #FFFFFF;/* 背景色 */
border:1px solid #cccccc;
padding: 5px 5px 5px 5px;/* 上・右・下・左*/
}





/* -- テキスト -- */
.renew_txt {
max-width: 100%;
color: #666666;
font-size: 100%;
line-height: 150%;
border-style: none;
text-align: Left;
background-color: #FFFFFF;/*背景色*/
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 50px 0px;/*上・右・下・左*/
}





#button_change_cancel {
min-width: 100%;
padding: 0px 0px 0px 0px;/* 上・右・下・左*/
margin: 0px auto 0px auto;/* 上・右・下・左*/
}
#button_change_cancel td {
width: 50px;
padding: 0px 5px 0px 5px;/* 上・右・下・左*/
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}
/* -- 会員登録変更・ボタン -- */
.button_change {
width: 100%;
	display: inline-block;
	min-width: ;
	text-align: center;
	text-decoration: none;
	outline: none;
	border:1px solid #9c9c9c;
	padding: 15px 20px 15px 20px;/*上・右・下・左*/
	margin: 20px auto 0px auto;/*上・右・下・左*/
	border-radius: 4px;/*角を丸く*/
	box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
}
.button_change::before,
.button_change::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_change,
.button_change::before,
.button_change::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button_change {
color: #2D69B4;
font-size: 130%;
background-image: -webkit-linear-gradient(top, #feed7f, #ffdc03);
background-image: linear-gradient(to bottom, #feed7f, #ffdc03);
}
.button_change:hover {
color: #2D69B4;
font-size: 130%;
background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);	
}
/* -- 会員退会・ボタン -- */
.button_cancel {
width: 100%;
	display: inline-block;
	min-width: ;
	text-align: center;
	text-decoration: none;
	outline: none;
	border:1px solid #9c9c9c;
	padding: 15px 20px 15px 20px;/*上・右・下・左*/
	margin: 20px auto 0px auto;/*上・右・下・左*/
	border-radius: 4px;/*角を丸く*/
	box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
}
.button_cancel::before,
.button_cancel::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_cancel,
.button_cancel::before,
.button_cancel::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button_cancel {
color: #FFFFFF;
font-size: 130%;
background-image: -webkit-linear-gradient(top, #FF602F, #D84C21);
background-image: linear-gradient(to bottom, #FF602F, #D84C21);
}
.button_cancel:hover {
color: #FF602F;
font-size: 130%;
background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);	
}





/* -- デジタル証明書 -- */
#grid_mail_ssl {
max-width: 80%;
color: #BD4749;
font-size: 12px;
line-height: 15px;
text-decoration: none;
text-align: center;
padding: 5px 10px 5px 10px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#img_title_ssl {
max-width: 100%;
margin: 0px 0px 10px 0px;/*上・右・下・左*/
}
/* -- 必須 -- */
.must {
font-size: 15px;
color: #FFFFFF;
text-shadow: 0px 1px 2px #933;
display: block;
border-radius: 4px;
border: solid 2px #C00;
box-shadow: 0px 0px 5px #CCC;
background-image: url(../../member_renew/images/header.png);
background-size: 100% 100%;
background-color: #C00;
padding: 2px 5px 2px 5px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
/* -- 送信リセットベース-- */
.mfp_buttons {
margin: 50px 0px 0px 0px;/*上・右・下・左*/
}
/* -- メール・フォーマット-- */
.deta_contact {
min-width: 100%;
text-align:center;
text-decoration: none;
border-collapse:  collapse;/*テーブル枠1px*/
margin: 10px auto 0px auto;/*上・右・下・左*/
}
.deta_contact td.one {
width: 50px;
text-align:center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 20px 0px 20px 10px;/*上・右・下・左*/
}
.deta_contact td.two {
color: #2c5d71;
width: 120px;
font-size: 14px;
line-height: 17px;
text-align:center;
font-weight: normal;/*フォント・ノーマル*/
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 20px 10px 20px 10px;/*上・右・下・左*/
}
.deta_contact td.three {
color: #2c5d71;
font-size: 14px;
text-align:left;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 20px 40px 20px 20px;/*上・右・下・左*/
}
.display_none {
display:none;
}
.deta_contact tr:nth-child(odd) { background: #f9f9f9; }
.deta_contact tr:nth-child(even) { background: #FFFFFF; }
/* -- END -- */
.end_contact_pc {
border-collapse:  collapse;/*テーブル枠1px*/
border: 1px solid #CCCCCC;
margin: 50px auto 50px auto;/*上・右・下・左*/
}
.end_contact_pc td.one {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #FFFFFF;
font-size: 100%;
line-height: 110%;
text-align:center;
white-space:nowrap;/*改行*/
background: #285b99;
padding: 30px 30px 30px 30px;/*上・右・下・左*/
}
.end_contact_pc td.two {
color: #285b99;
font-size: 150%;
line-height: 150%;
text-align:center;
padding: 30px 30px 30px 30px;/*上・右・下・左*/
}
.end_contact_title {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #FFFFFF;
font-size: 150%;
line-height: 150%;
text-align:center;
background-color: #285b99;
padding: 20px 0px 20px 0px;/*上・右・下・左*/
margin: 0px 0px 30px 0px;/* 上・右・下・左*/
}





/* -- タイトル -- */
#img_title_747 {
max-width: 100%;
margin: 0px 0px 20px 0px;/*上・右・下・左*/
}





/* -- タイトル・ブルー -- */
.title_blue {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #FFFFFF;
font-size: 120%;
text-decoration: none;
text-align: center;
background-color: #285b99;
padding: 15px 13px 15px 13px;/* 上・右・下・左*/
margin: 0px 0px 30px 0px;/* 上・右・下・左*/
}