@charset "utf-8";

/*---------------------------------------------
 Verify
---------------------------------------------*/

/*---------------------------------------------
 custom reset
---------------------------------------------*/
*,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body { color: #222; font-family: '新ゴ L JIS2004', 'Shin Go Light JIS2004', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif; font-size:14px; height: 100%; line-height: 1.5; }
.wrapInner{ overflow: hidden; margin: 0 auto; max-width: 1220px;}
button, input[type=submit], a { font-family: '新ゴ M JIS2004', 'Shin Go Medium JIS2004', 'ヒラギノ角ゴ Pro W6', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif; text-decoration: none; color: #222;	-webkit-tap-highlight-color:rgba(77,169,255,0.3);}
button,input[type=submit],a,.link,a img{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
a.img_link:hover img{opacity: 0.7;}
img{max-width: 100%;}
sup{font-size: 60%;}
button{cursor:pointer;}

/*---------------------------------------------
 generic  class
---------------------------------------------*/
.txtB { font-weight: bold!important; }.txtN { font-weight: normal!important; }
.layoutC { text-align: center!important; }.layoutL { text-align: left!important; }.layoutR { text-align: right!important; }
.ov{overflow: hidden!important;}.fl{float: left!important;}.fr{float: right!important;}

/*---------------------------------------------
 base margin
---------------------------------------------*/
.mt0 { margin-top: 0px !important; }.mt5 { margin-top: 5px !important; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt20 { margin-top: 20px !important; }.mt25 { margin-top: 25px !important; }.mt30 { margin-top: 30px !important; }.mt40 { margin-top: 40px !important; }.mt50 { margin-top: 50px !important; }.mt60 { margin-top: 60px !important; }.mt70 { margin-top: 70px !important; }.mt80 { margin-top: 80px !important; }
.ml0 { margin-left: 0px !important; }.ml5 { margin-left: 5px !important; }.ml10 { margin-left: 10px !important; }.ml15 { margin-left: 15px !important; }.ml20 { margin-left: 20px !important; }.ml30 { margin-left: 30px !important; }.ml40 { margin-left: 40px !important; }
.mr0 { margin-right: 0px !important; }.mr5 { margin-right: 5px !important; }.mr10 { margin-right: 10px !important; }.mr15 { margin-right: 15px !important; }.mr20 { margin-right: 20px !important; }.mr25 { margin-right: 25px !important; }.mr30 { margin-right: 30px !important; }.mr40 { margin-right: 40px !important; }
.mb0 { margin-bottom: 0px !important; }.mb5 { margin-bottom: 5px !important; }.mb10 { margin-bottom: 10px !important; }.mb15 { margin-bottom: 15px !important; }.mb20 { margin-bottom: 20px !important; }.mb25 { margin-bottom: 25px !important; }.mb30 { margin-bottom: 30px !important; }.mb40 { margin-bottom: 40px !important; }.mb50 { margin-bottom: 50px !important; }.mb60 { margin-bottom: 60px !important; }.mb70 { margin-bottom: 70px !important; }.mb80 { margin-bottom: 80px !important; }

.pt0 { padding-top: 0px !important; }.pt5 { padding-top: 5px !important; }.pt10 { padding-top: 10px !important; }.pt15 { padding-top: 15px !important; }.pt20 { padding-top: 20px !important; }.pt25 { padding-top: 25px !important; }.pt30 { padding-top: 30px !important; }.pt40 { padding-top: 40px !important; }.pt50 { padding-top: 50px !important; }.pt60 { padding-top: 60px !important; }.pt70 { padding-top: 70px !important; }.pt80 { padding-top: 80px !important; }
.pl0 { padding-left: 0px !important; }.pl5 { padding-left: 5px !important; }.pl10 { padding-left: 10px !important; }.pl15 { padding-left: 15px !important; }.pl20 { padding-left: 20px !important; }.pl30 { padding-left: 30px !important; }.pl40 { padding-left: 40px !important; }
.pr0 { padding-right: 0px !important; }.pr5 { padding-right: 5px !important; }.pr10 { padding-right: 10px !important; }.pr15 { padding-right: 15px !important; }.pr20 { padding-right: 20px !important; }.pr25 { padding-right: 25px !important; }.pr30 { padding-right: 30px !important; }.pr40 { padding-right: 40px !important; }
.pb0 { padding-bottom: 0px !important; }.pb5 { padding-bottom: 5px !important; }.pb10 { padding-bottom: 10px !important; }.pb15 { padding-bottom: 15px !important; }.pb20 { padding-bottom: 20px !important; }.pb25 { padding-bottom: 25px !important; }.pb30 { padding-bottom: 30px !important; }.pb40 { padding-bottom: 40px !important; }.pb50 { padding-bottom: 50px !important; }.pb60 { padding-bottom: 60px !important; }.pb70 { padding-bottom: 70px !important; }.pb80 { padding-bottom: 80px !important; }

.w5p{ width: 5%!important;}.w8p{ width: 8%!important;}.w10p{ width: 10%!important;}.w11p{ width: 11%!important;}.w12p{ width: 12%!important;}.w15p{ width: 15%!important;}.w20p{ width: 20%!important;}.w25p{ width: 25%!important;}.w30p{ width: 30%!important;}.w35p{ width: 35%!important;}.w40p{ width: 40%!important;}.w45p{ width: 45%!important;}.w50p{ width: 50%!important;}.w55p{ width: 55%!important;}.w60p{ width: 60%!important;}.w65p{ width: 65%!important;}.w70p{ width: 70%!important;}.w75p{ width: 75%!important;}.w80p{ width: 80%!important;}.w85p{ width: 85%!important;}.w90p{ width: 90%!important;}.w95p{ width: 95%!important;}.w100p{ width: 100%!important;}
.wmax{ width: 100%!important; height: auto!important;}
.fz10{ font-size: 71.43%; }.fz11{ font-size: 78.57%; }.fz12{ font-size: 85.71%; }.fz14{ font-size: 100%; }.fz16{ font-size: 114.29%; }.fz18{ font-size: 128.57%; }.fz20{ font-size: 142.86%; }.fz22{ font-size: 157.14%; }.fz24{ font-size: 171.43%; }.fz26{ font-size: 185.71%; }.fz28{ font-size: 200%; }.fz30{ font-size: 214.29%; }.fz32{ font-size: 228.57%; }.fz34{ font-size: 242.86%; }.fz36{ font-size: 257.14%; }.fz38{ font-size: 271.43%; }.fz40{ font-size: 285.71%; }.fz42{ font-size: 300%; }.fz44{ font-size: 314.29%; }.fz46{ font-size: 328.57%; }.fz48{ font-size: 342.86%; }

.max1280{ max-width: 1280px!important; margin: 0 auto!important;}
.max1024{ max-width: 1024px!important; margin: 0 auto!important; }
.max960{ max-width: 960px!important; margin: 0 auto!important; }
.max820{ max-width: 820px!important; margin: 0 auto!important; }
.max720{ max-width: 720px!important; margin: 0 auto!important; }
.max700{ max-width: 700px!important; margin: 0 auto!important; }
.max640{ max-width: 640px!important; margin: 0 auto!important;}
.max600{ max-width: 600px!important; margin: 0 auto!important;}
.max500{ max-width: 500px!important; margin: 0 auto!important; }
.max400{ max-width: 400px!important; margin: 0 auto!important; }
.max300{ max-width: 300px!important; margin: 0 auto!important; }
.max200{ max-width: 200px!important; margin: 0 auto!important;}

.mgA{margin-left: auto!important; margin-right: auto!important;}

/*---------------------------------------------
 grid system
---------------------------------------------*/
.grid {margin: 0 auto;overflow: hidden;padding-right: 0;}
.grid:after {content: "";display: table;clear: both;}
.colNum {float: left;min-height: 1px;}.push_right { float: right; }
.grid.inline{ letter-spacing: -0.4em; text-align: center; }
.grid.inline .colNum{ float: none; display: inline-block; vertical-align: middle; letter-spacing: normal; text-align: left;}
.gd_0 { margin-right: -0px; margin-bottom: -0px;}.gd_1 { margin-right: -1px; margin-bottom: -1px;}.gd_8 { margin-right: -8px; margin-bottom: -8px;}.gd_10 { margin-right: -10px; margin-bottom: -10px;}.gd_15 { margin-right: -15px; margin-bottom: -15px;}.gd_16 { margin-right: -16px; margin-bottom: -16px;}.gd_20 { margin-right: -20px; margin-bottom: -20px;}.gd_24 { margin-right: -24px; margin-bottom: -24px;}.gd_25 { margin-right: -25px; margin-bottom: -25px;}.gd_30 { margin-right: -30px; margin-bottom: -30px;}.gd_40 { margin-right: -40px; margin-bottom: -40px;}.gd_50 { margin-right: -50px; margin-bottom: -50px;}.gd_60 { margin-right: -60px; margin-bottom: -60px;}
.gd_0 .colNum {margin-bottom: 0; padding-right: 0;}.gd_1 .colNum {margin-bottom: 1px; padding-right: 1px;}.gd_8 .colNum {margin-bottom: 8px; padding-right: 8px;}.gd_10 .colNum {margin-bottom: 10px; padding-right: 10px;}.gd_15 .colNum {margin-bottom: 15px; padding-right: 15px;}.gd_16 .colNum {margin-bottom: 16px; padding-right: 16px;}.gd_20 .colNum {margin-bottom: 20px; padding-right: 20px;}.gd_24 .colNum {margin-bottom: 24px; padding-right: 24px;}.gd_25 .colNum {margin-bottom: 25px; padding-right: 25px;}.gd_30 .colNum {margin-bottom: 30px; padding-right: 30px;}.gd_40 .colNum {margin-bottom: 40px; padding-right: 40px;}.gd_60 .colNum {margin-bottom: 60px; padding-right: 60px;}.gd_60 .colNum {margin-bottom: 60px; padding-right: 60px;}
.grid.border .colNum{border-right: 1px solid rgba(0,0,0,0.2);/*$カラム間ボーダー*/}
.grid.border.gd_8 { margin-right: -4px; margin-left: -4px; margin-bottom: -8px;}.grid.border.gd_10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px;}.grid.border.gd_15 { margin-right: -7px; margin-left: -7px; margin-bottom: -15px;}.grid.border.gd_20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px;}.grid.border.gd_25 { margin-right: -12px; margin-left: -12px; margin-bottom: -25px;}.grid.border.gd_30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px;}.grid.border.gd_40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px;}
.grid.border.gd_10 .colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.grid.border.gd_10 .colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.grid.border.gd_15 .colNum {margin-bottom: 15px; padding-right: 7px; padding-left: 7px; }.grid.border.gd_16 .colNum {margin-bottom: 16px; padding-right: 8px; padding-left: 8px; }.grid.border.gd_20 .colNum {margin-bottom: 20px; padding-right: 10px; padding-left: 10px; }.grid.border.gd_24 .colNum {margin-bottom: 24px; padding-right: 12px; padding-left: 12px; }.grid.border.gd_25 .colNum {margin-bottom: 25px; padding-right: 12px; padding-left: 12px; }.grid.border.gd_30 .colNum {margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }.grid.border.gd_40 .colNum {margin-bottom: 40px; padding-right: 20px; padding-left: 20px; }
.col_1_1 { width: 100%; }.col_2_3,.col_8_12 { width: 66.66%; }.col_1_2,.col_6_12 { width: 50%; }.col_1_3,.col_4_12 { width: 33.33%; }.col_1_4,.col_3_12 { width: 25%; }.col_1_5 { width: 20%; }.col_1_6,.col_2_12 { width: 16.667%; }.col_1_7 { width: 14.28%; }.col_1_8 { width: 12.5%; }.col_1_9 { width: 11.1%; }.col_1_10 { width: 10%; }.col_1_11 { width: 9.09%; }.col_1_12 { width: 8.33%; }.col_11_12 { width: 91.66%; }.col_10_12 { width: 83.333%; }.col_9_12 { width: 75%; }.col_5_12 { width: 41.66%; }.col_7_12 { width: 58.33%; }
.push_2_3,.push_8_12 { margin-left: 66.66%; }.push_1_2,.push_6_12 { margin-left: 50%; }.push_1_3,.push_4_12 { margin-left: 33.33%; }.push_1_4,.push_3_12 { margin-left: 25%; }.push_1_5 { margin-left: 20%; }.push_1_6,.push_2_12 { margin-left: 16.667%; }.push_1_7 { margin-left: 14.28%; }.push_1_8 { margin-left: 12.5%; }.push_1_9 { margin-left: 11.1%; }.push_1_10 { margin-left: 10%; }.push_1_11 { margin-left: 9.09%; }.push_1_12 { margin-left: 8.33%; }
.colInner{height: 100%;}

/*---------------------------------------------
 wrap
---------------------------------------------*/
#wrap {
	background: #f2f4f5;
	-webkit-text-size-adjust: 100%;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	height: 100%;
}
#data #wrap,
#link.detail #wrap,
#link.top #wrap,
#home #wrap {
	background: #fcfeff;
	background: -moz-linear-gradient(top,  #fcfeff 0%, #f2f4f5 100%);
	background: -webkit-linear-gradient(top,  #fcfeff 0%,#f2f4f5 100%);
	background: linear-gradient(to bottom,  #fcfeff 0%,#f2f4f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfeff', endColorstr='#f2f4f5',GradientType=0 );
}
.row{--bs-gutter-x:0;}
/*---------------------------------------------
 module
 ---------------------------------------------*/
.secWrap{padding: 0 32px;}
.pageTitle {
	margin-bottom: 24px;
	padding-top: 60px;
	text-align: center;
}
.pageTitle h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}
.pageTitle .siteLogo{
	margin-bottom:20px;
}
.pageTitle .siteLogo img {
	width:230px;
}
.secTitle {
	margin-bottom: 16px;
	padding-top: 36px;
	text-align: center;
}
.secTitle h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
.cancelBtn,
.primaryBtn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #12b89f;
	border-radius: 9px;
	border: none;
	color: #fff;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	outline: none;
	position: relative;
	width: 100%;
}
.cancelBtn {
	background-color: #ccc;
}
.cmnBlock {
	background-color: #fff;
	padding: 24px 32px;
	max-width: 480px;
	margin: 0 auto;
}
.leadTxt {
	margin-bottom: 16px;
	padding: 0 16px;
	text-align: center;
}
.leadTxt strong {
	color: #e082a5;
	font-weight: bold;
	font-weight: normal;
	text-decoration: none;
}
input[type=password],
input[type=text],
input[type=email] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	border: 1px solid #d1d1d1;
	border-radius: 9px;
	box-shadow: none;
	outline: none;
	padding: 4px 6px;
	width: 100%;
	height: 50px;
}
input[type=text].sei {
	border-radius: 9px 0 0 9px;
}
input[type=text].mei {
	border-left: none;
	border-radius: 0 9px 9px 0;
}
select{
	background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 9px;
    box-shadow: none;
    outline: none;
    padding: 4px 6px;
    width: 100%;
    height: 50px;
}
#phoneEntry {
	margin-bottom:20px;
}
.error {
	background: none !important;
    color: #cd2d2d;
}

.etcLink {
	margin: 23px 0 7px;
}
.etcLink ul {
	color: #808080;
	display:-ms-flexbox;
	display: -webkit-box;
	display: flex;
	justify-content: center;
	font-size: 10px;
}
.etcLink ul li + li {
	margin-left: 20px;
}
.etcLink ul li a {
	color: #808080;
	font-size: 10px;
}
.copyright {
    color: #808080;
    font-size: 8px;
    height: 24px;
    line-height: 1.5;
    padding: 4px 0 0;
    text-align: center;
}
.intro{
    margin-bottom: 16px;
    text-align: center;
}
.helpLink{display:none;}
#api label{
    font-weight:bold;
	margin-top: 16px;
	display:inline-block;
}
#api label#extension_termsOfUseConsentChoice_label{
	display:none;
}
#api #forgotPassword{
    color: #12b89f;
    text-decoration: underline;
}
.attrEntry input[type=radio]{
    align-items: center;
    flex:	0;
    margin-right:5px;
}
.attrEntry input[type=radio] + label{
	text-align:left;
	font-weight:normal;
	width:auto;
	margin-right:10px;
	display:inline-block;
}
.attrEntry select{
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 9px;
    box-shadow: none;
    outline: none;
    padding: 4px 6px;
    height: 50px;
    margin-right: 8px;
}
.attrEntry select.year,.attrEntry select.month,.attrEntry select.day{
	width:5.5em;
}
#api .buttons{
	clear: both;
	overflow: hidden;
	padding-bottom: 4px;
}
#api .buttons .toggle-language{
	background-color: #f0f0f0;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #13c1a6;
    background: -moz-linear-gradient(left, #13c1a6 0%, #13a8c2 100%);
    background: -webkit-linear-gradient(left, #13c1a6 0%,#13a8c2 100%);
    background: linear-gradient(to right, #13c1a6 0%,#13a8c2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
    border-radius: 0 0 0 9px;
    box-shadow: 0 4px 0 #0e8a77;
    display: block;
    padding: 4px 13px 5px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    width: auto;
    min-height: 10px;
}
#api .buttons button{
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #13c1a6;
    background: -moz-linear-gradient(left, #13c1a6 0%, #13a8c2 100%);
    background: -webkit-linear-gradient(left, #13c1a6 0%,#13a8c2 100%);
    background: linear-gradient(to right, #13c1a6 0%,#13a8c2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
    border-radius: 9px;
    box-shadow: 0 4px 0 #0e8a77;
    border: none;
    color: #fff;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    min-height: 44px;
    outline: none;
    padding: 7px 0;
    position: relative;
    width: 100%;
}
#api .buttons button#emailVerificationControlForUpdateEmail_but_send_code:before{
  background: url(../images/icn_arrow_next_green.png) no-repeat center center / contain;
  content: "";
  display: inline-block;
  width: 8px;
  height: 9px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0,-50%);
}
.working + .buttons{
  background: #fff url(../images/bg_line.png) repeat-x 0 0 / auto 2px;
  margin-top: 16px;
  padding: 16px 0 0;
}
#api .buttons button#next{
	margin-top: 20px;
}
#api .buttons button#phrSignup{
	margin-top: 10px;
    background: #fff;
    border: 1px solid #dbdbdb !important;
    box-shadow: 0 4px 0 #dbdbdb;
}
#api .buttons button.back{
  display: none;
}
#api .buttons button:disabled,#api .buttons button.disabled,#api .buttons button#accountReenter:disabled{
	background: #ccc !important;
    pointer-events: none;
    box-shadow: 0 4px 0 #aaa !important;
    color: #fff !important;
}
#api .buttons .email-cancel,#api .buttons #cancel{
	display:none !important;
}
#api .buttons.emailVerificationControl{
	margin-top: 10px;
}
#api .buttons #accountConfirm{
	margin-top: 30px !important;
}
#api .buttons button + button,#api .buttons input + button{
	margin-top:8px;
}
#api .buttons button#cancel{
	background-color:#ccc;
}
#api .buttons button#continue_parent + button#continue,
#api .buttons button#accountConfirm,
#api .buttons button#childAccountRegistrationCancelButton,
#api .buttons button#accountReenter,
#api .buttons button#accountReenter + button{
	float: left;
	width: 48%;
	margin: 0 4% 4px 0;
}
#api .buttons button#childAccountRegistrationCancelButton,
#api .buttons button#accountReenter{
	color: #222 !important;
    background: #ccc !important;
    box-shadow: 0 4px 0 #999 !important;
}
#api .buttons button#continue_parent + button#continue,
#api .buttons button#childAccountRegistrationCancelButton + button,
#api .buttons button#accountReenter + button{
	margin: 0 0 4px 0;
}
#api .buttons button#continue{
	margin-top: 10px;
}
#api .buttons button#sendVerifyCodeBtn{
	margin-top: 10px;
}
.phoneNumber{
	margin-top:10px;
	text-align:center;
}
.phoneNumber .type{
	font-weight:bold;
}
.phoneNumber .number{
	font-weight:bold;
	font-size:20px;
}
.attr #termsOfUseMessage{
	border:1px solid #ccc;
	padding:8px;
	overflow-y:scroll;
	height:240px;
}
.attr .CheckboxMultiSelect{
	text-align:center;
}
.attrEntry input[type=checkbox]{
	display:inline;
}
.attrEntry input[type=checkbox] + label{
	display:inline;
	padding-left:8px;
	margin-top:0;
	font-weight:normal;
}
.divider h2{
	display:none;
}
.create{
	text-align:center;
}
.create #createAccount{
	display:block;
}

.privacySec,
.termsSec {
	word-break: break-all;
}
.privacySec + .privacySec,
.termsSec + .termsSec {
	margin-top: 24px;
}
.privacySec .privacyTitle,
.termsSec .termsTitle {
	font-size: 18px;
	margin-bottom: 8px;
}
.privacySec p + p,
.termsSec p + p {
	margin-top: 16px;
}
.privacySec ul > li,
.numList > li {
	padding-left: 1em;
	text-indent: -1em;
}
.privacySec ul > li > *,
.numList > li > * {
	text-indent: 0;
}
.privacySec ol li + li,
.numList li + li {
	margin-top: 5px;
}
.privacySec h3 {
	font-size: 16px;
}
.privacySec ol {
	padding-left: 16px;
}
.privacySec > ol {
	margin-top: 8px;
}
#verifying_blurb{
	display:none;
}
.normalTable table,
.allDataWrap table {
	width: 100%;
}
.normalTable table tr th,
.allDataWrap table tbody tr th {
	border-top: 1px solid #fff;
	background-color: #edf0f0;
	padding: 12px;
	width: 32%;
}
.normalTable table tr th {
	width: auto;
}
.normalTable table tr:first-of-type th,
.allDataWrap table tr:first-of-type th {
	border-top: 1px solid #f2f4f5;
}
.normalTable table tr:last-of-type td,
.normalTable table tr:last-of-type th,
.allDataWrap table tr:last-of-type td,
.allDataWrap table tr:last-of-type th {
	border-bottom: 1px solid #f2f4f5;
}
.normalTable table tr td,
.allDataWrap table tr td {
	border-top: 1px solid #f2f4f5;
	border-left: 1px solid #f2f4f5;
	background-color: #fff;
	padding: 12px;
	width: 68%;
}
.normalTable table tr td {
	width: auto;
}
.allDataWrap table tr td .note {
	font-size: 10px;
}
.pageBack {
    background-color: #f0f0f0;
    border-radius: 0 0 9px 0;
    box-shadow: 0 3px 0 #dbdbdb;
    padding: 11px 20px 12px 16px;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}
.pageBack span:before {
	background: url(../images/icn_arrow_back.png) no-repeat center center / contain;
	content: "";
	display: inline-block;
	opacity: .5;
	width: 8px;
	height: 9px;
	margin-right: 16px;
}
.progressbar {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.progressbar li {
    position: relative;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    width: 33.333%;
    color: #999999;
    font-weight: bold;
    counter-increment: steps;
    font-size: 12px;
}
.progressbar li:before {
    display: block;
    width: 40px;
    height: 40px;
    margin: 0px auto 5px auto;
    content: "";
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    background-color: #f5f5f5;
    content: counter(steps);
}
.progressbar li:after {
    background: #f5f5f5;
    content: "";
    width: calc(100% - 40px);
    height: 4px;
    position: absolute;
    left: calc(-50% + 20px);
    top: 18px;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.cur,
.progressbar li.complete{
    color: #12b89f;
}
.progressbar li.cur:before,
.progressbar li.complete:before {
    background-color: #12b89f;
    color: #fff;
}
.progressbar li.cur:after,
.progressbar li.complete:after {
    background-color: #12b89f;
}
a#ifNotReceivedVerifyEmailLink{
	text-decoration: underline;
	color: #12b89f;
}
.help_message{
	display:none;
}
#validateCharactorList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#validateCharactorList li{
	width: calc(25% - 1px);
	background: #ccc;
	padding: 2px;
	text-align: center;
}
#validateCharactorList li.text-varid,#validateCharactorList li.text-valid{
	background: #12b89f;
	color:#fff;
}
#attributeVerification #attributeList ul li.TextBox.col2{
	float: left;
	width: 48%;
	margin-right: 4%;
}
#attributeVerification #attributeList ul li.TextBox.col2.odd{
	margin-right: 0;
}
#attributeVerification #attributeList ul li.TextBox.clear{
	clear: both;
}
#lengthValidateMessage>span,#validateCharactorMessage>span{
	padding-left: 20px;
	background: url(../images/icn_unchecked.png) no-repeat left top;
	background-size: 16px;
}
#lengthValidateMessage.text-valid span,#validateCharactorMessage>span.text-valid{
	background: url(../images/icn_checked.png) no-repeat left top;
	background-size: 16px;
}
.modal-header .btn-close{
	background:#12b89f url(../images/icn_close.png) center/12px auto no-repeat;
    border-radius: 0 0 0 9px;
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
}
.modal-header{
    padding: 32px 32px 0;
    justify-content: center;
    border: none
}
.modal-header h5{
	font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
}
.modal-body{
	padding: 16px 32px;
}
.modal-footer{
	justify-content:center;
	border: none;
	padding: 0 32px 32px;
}
.modal-footer button{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #13c1a6;
    background: -moz-linear-gradient(left, #13c1a6 0%, #13a8c2 100%);
    background: -webkit-linear-gradient(left, #13c1a6 0%,#13a8c2 100%);
    background: linear-gradient(to right, #13c1a6 0%,#13a8c2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
    border-radius: 9px;
    box-shadow: 0 4px 0 #0e8a77;
    border: none;
    color: #fff;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    min-height: 44px;
    outline: none;
    padding: 7px 0;
    position: relative;
    width: calc((100% - 16px) / 2);
}
.modal-footer .btn.btn-secondary{
	color: #222 !important;
    background: #ccc !important;
    box-shadow: 0 4px 0 #999 !important;
}
.email_resend_message {
    margin-top: 16px !important;
}
.email_resend_message + button {
    margin-top: 8px;
}
#tmpNewEmailAddress,
#emailViewWrapper {
    margin-top: 8px;
    padding: 0!important;
    height: auto !important;
}
#emailUpdateFinishMessage2 {
    margin-top: 16px;
}
#emailUpdateFinishMessage2 + #attributeVerification #attributeList + .buttons {
    background: #fff url(../images/bg_line.png) repeat-x 0 0 / auto 2px;
    margin-top: 16px;
    padding: 16px 0 4px;
}
.childAccountsSelect .accountFinish #finishAccountRegistration {
  margin-top: 16px;
}
.childAccountsSelect .accountFinish + .childAccount {
  margin-top: 24px;
}
.mt24{margin-top: 24px;}
.notes > li {
  padding-left: 1em;
  text-indent: -1em;
}
.notes > li > * {
  text-indent: 0;
}
.externalLink:after {
  background: url(../images/icn_external.png) no-repeat center center / contain;
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 8px;
  vertical-align: middle;
}
.whatsLink {
  margin-top: 16px;
}
.whatsLink .icn {
  margin: 0 6px 0 0;
}
.childAccountTitle {
  font-weight: bold;
}
.childAccount + .childAccount {
  background: #fff url(../images/bg_line.png) repeat-x 0 0 / auto 2px;
  margin-top: 24px;
  padding-top: 24px;
}
.childAccount {
  position: relative;
}
.deleteChildAccountBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #e69495 url(../images/icn_delete_white.png) no-repeat center center / 13px auto;
  box-shadow: 0 4px 0 #ab6d6e;
  border-radius: 9px;
  border: none;
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  width: 24px;
  height: 24px;
  min-height: 24px;
  outline: none;
  padding: 0;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.childAccount + .childAccount .deleteChildAccountBtn {
  top: 24px;
}
.addChildButton {
  margin: 16px 0;
}
.addChildButton #addChildButton {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #13c1a6;
  background: -moz-linear-gradient(left, #13c1a6 0%, #13a8c2 100%);
  background: -webkit-linear-gradient(left, #13c1a6 0%,#13a8c2 100%);
  background: linear-gradient(to right, #13c1a6 0%,#13a8c2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c1a6', endColorstr='#13a8c2',GradientType=1 );
  border-radius: 9px;
  box-shadow: 0 4px 0 #0e8a77;
  border: none;
  color: #fff;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  min-height: 44px;
  outline: none;
  padding: 7px 32px 7px 16px;
  position: relative;
}
.addChildButton #addChildButton:after,
.addChildButton #addChildButton:before {
  background-color: #fff;
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  margin: auto;
  position: absolute;
  right: 8px;
  top: calc(50% - 1px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.addChildButton #addChildButton:after {
  transform: rotate(90deg);
}

 /*==========================================================================================================
 PC Only
 ==========================================================================================================*/
@media screen and (min-width: 768px){
  #footer .mainMenu,
  .spOnly{display: none!important;}

	#wrap { min-width: 1000px; }
	#link.top #wrap,
	#home #wrap {
		background: #f2f4f5;
	}
/*---------------------------------------------
 container
---------------------------------------------*/
.container {
	padding-bottom: 40px;
	width: 100%;
	min-height: calc(100% - 60px);
}
#login .container {
	padding-bottom: 0;
}

/*---------------------------------------------
 module
 ---------------------------------------------*/
.secWrap {
	max-width: 672px;
	margin: 0 auto;
	padding: 0 16px;
}
}

/*==========================================================================================================
 SP Only
==========================================================================================================*/
@media screen and (max-width: 767px){
  #header,
  .pcOnly { display: none !important; }

  .grid:not(.sp_grid){margin-right: 0; margin-bottom: 0;}
  .grid:not(.sp_grid)>.colNum{ width: 100%; padding-right: 0; margin-bottom: 15px;}
  .grid:not(.sp_grid)>.colNum:last-child{ margin-bottom: 0};

  .sp_gd_0 { margin-right: -0px; margin-bottom: -0px;}.sp_gd_1 { margin-right: -1px; margin-bottom: -1px;}.sp_gd_8 { margin-right: -8px; margin-bottom: -8px;}.sp_gd_10 { margin-right: -10px; margin-bottom: -10px;}.sp_gd_15 { margin-right: -15px; margin-bottom: -15px;}.sp_gd_16 { margin-right: -16px; margin-bottom: -16px;}.sp_gd_20 { margin-right: -20px; margin-bottom: -20px;}.sp_gd_24 { margin-right: -24px; margin-bottom: -24px;}.sp_gd_25 { margin-right: -25px; margin-bottom: -25px;}.sp_gd_30 { margin-right: -30px; margin-bottom: -30px;}.sp_gd_40 { margin-right: -40px; margin-bottom: -40px;}.sp_gd_88 { margin-right: -88px; margin-bottom: -88px;}
  .sp_gd_0>.colNum {margin-bottom: 0; padding-right: 0;}.sp_gd_1>.colNum {margin-bottom: 1px; padding-right: 1px;}.sp_gd_8>.colNum {margin-bottom: 8px; padding-right: 8px;}.sp_gd_10>.colNum {margin-bottom: 10px; padding-right: 10px;}.sp_gd_15>.colNum {margin-bottom: 15px; padding-right: 15px;}.sp_gd_16>.colNum {margin-bottom: 16px; padding-right: 16px;}.sp_gd_20>.colNum {margin-bottom: 20px; padding-right: 20px;}.sp_gd_24>.colNum {margin-bottom: 24px; padding-right: 24px;}.sp_gd_25>.colNum {margin-bottom: 25px; padding-right: 25px;}.sp_gd_30>.colNum {margin-bottom: 30px; padding-right: 30px;}.sp_gd_40>.colNum {margin-bottom: 40px; padding-right: 40px;}.sp_gd_88>.colNum {margin-bottom: 88px; padding-right: 88px;}
  .sp_grid.border.sp_gd_8 { margin-right: -4px; margin-left: -4px; margin-bottom: -8px;}.sp_grid.border.sp_gd_10 { margin-right: -5px; margin-left: -5px; margin-bottom: -10px;}.sp_grid.border.sp_gd_15 { margin-right: -7px; margin-left: -7px; margin-bottom: -15px;}.sp_grid.border.sp_gd_20 { margin-right: -10px; margin-left: -10px; margin-bottom: -20px;}.sp_grid.border.sp_gd_25 { margin-right: -12px; margin-left: -12px; margin-bottom: -25px;}.sp_grid.border.sp_gd_30 { margin-right: -15px; margin-left: -15px; margin-bottom: -30px;}.sp_grid.border.sp_gd_40 { margin-right: -20px; margin-left: -20px; margin-bottom: -40px;}
  .sp_grid.border.sp_gd_10>.colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.sp_grid.border.sp_gd_10>.colNum {margin-bottom: 10px; padding-right: 5px; padding-left: 5px; }.sp_grid.border.sp_gd_15>.colNum {margin-bottom: 15px; padding-right: 7px; padding-left: 7px; }.sp_grid.border.sp_gd_16>.colNum {margin-bottom: 16px; padding-right: 8px; padding-left: 8px; }.sp_grid.border.sp_gd_20>.colNum {margin-bottom: 20px; padding-right: 10px; padding-left: 10px; }.sp_grid.border.sp_gd_24>.colNum {margin-bottom: 24px; padding-right: 12px; padding-left: 12px; }.sp_grid.border.sp_gd_25>.colNum {margin-bottom: 25px; padding-right: 12px; padding-left: 12px; }.sp_grid.border.sp_gd_30>.colNum {margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }.sp_grid.border.sp_gd_40>.colNum {margin-bottom: 40px; padding-right: 20px; padding-left: 20px; }
  .sp_col_1_1 { width: 100%; }.sp_col_2_3,.sp_col_8_12 { width: 66.66%; }.sp_col_1_2,.sp_col_6_12 { width: 50%; }.sp_col_1_3,.sp_col_4_12 { width: 33.33%; }.sp_col_1_4,.sp_col_3_12 { width: 25%; }.sp_col_1_5 { width: 20%; }.sp_col_1_6,.sp_col_2_12 { width: 16.667%; }.sp_col_1_7 { width: 14.28%; }.sp_col_1_8 { width: 12.5%; }.sp_col_1_9 { width: 11.1%; }.sp_col_1_10 { width: 10%; }.sp_col_1_11 { width: 9.09%; }.sp_col_1_12 { width: 8.33%; }.sp_col_11_12 { width: 91.66%; }.sp_col_10_12 { width: 83.333%; }.sp_col_9_12 { width: 75%; }.sp_col_5_12 { width: 41.66%; }.sp_col_7_12 { width: 58.33%; }
  .sp_dBlock { display: block!important; }
  .sp_w5p{ width: 5%!important;}.sp_w8p{ width: 8%!important;}.sp_w10p{ width: 10%!important;}.sp_w11p{ width: 11%!important;}.sp_w12p{ width: 12%!important;}.sp_w15p{ width: 15%!important;}.sp_w16p{ width: 16%!important;}.sp_w18p{ width: 18%!important;}.sp_w20p{ width: 20%!important;}.sp_w22p{ width: 22%!important;}.sp_w25p{ width: 25%!important;}.sp_w30p{ width: 30%!important;}.sp_w35p{ width: 35%!important;}.sp_w40p{ width: 40%!important;}.sp_w45p{ width: 45%!important;}.sp_w50p{ width: 50%!important;}.sp_w55p{ width: 55%!important;}.sp_w60p{ width: 60%!important;}.sp_w65p{ width: 65%!important;}.sp_w70p{ width: 70%!important;}.sp_w75p{ width: 75%!important;}.sp_w80p{ width: 80%!important;}.sp_w85p{ width: 85%!important;}.sp_w90p{ width: 90%!important;}.sp_w95p{ width: 95%!important;}.sp_w100p{ width: 100%!important;}
  .sp_wmax{ width: 100%!important; height: auto!important; max-width: inherit;}.sp_wAuto{ width: auto !important; }
  .sp_layoutC{ text-align: center; }.sp_layoutR{ text-align: right; }.sp_layoutL{ text-align: left; }
  .sp_fz10{ font-size: 62.5% !important; }.sp_fz11{ font-size: 68.75% !important; }.sp_fz12{ font-size: 75% !important; }.sp_fz14{ font-size: 87.5% !important; }.sp_fz16{ font-size: 100% !important; }.sp_fz18{ font-size: 112.5% !important; }.sp_fz20{ font-size: 125% !important; }.sp_fz22{ font-size: 137.5% !important; }.sp_fz24{ font-size: 150% !important; }.sp_fz26{ font-size: 162.5% !important; }.sp_fz28{ font-size: 175% !important; }.sp_fz30{ font-size: 187.5% !important; }.sp_fz32{ font-size: 200% !important; }.sp_fz34{ font-size: 212.5% !important; }.sp_fz36{ font-size: 225% !important; }.sp_fz38{ font-size: 237.5% !important; }.sp_fz40{ font-size: 250% !important; }.sp_fz42{ font-size: 262.5% !important; }.sp_fz44{ font-size: 275% !important; }.sp_fz46{ font-size: 287.5% !important; }.sp_fz48{ font-size: 300% !important; }
  .wrapInner { max-width: 100%; }

/*---------------------------------------------
 container
---------------------------------------------*/
.container {
	padding-bottom: 90px;
	padding-left: 0;
	padding-right: 0;
}
#login .container {
	padding-bottom: 0;
}

/*---------------------------------------------
 module
 ---------------------------------------------*/
.pageBack {
	padding: 9px 20px 10px 16px;
}
.pageTitle {
	margin-bottom: 16px;
	padding-top: 48px;
}
.secTitle {
	margin-bottom: 10px;
	padding-top: 24px;
}
input[type=password],
input[type=text],
select {
	height: 40px;
}
.qrCodeWrap {
	margin-top: 16px;
	padding: 0 32px;
}
.cmnTxt {
	margin-top: 10px;
}
.siteTitle {
	padding-top: 24px;
}
.pageBack {
    padding: 9px 20px 10px 16px;
}
}