@charset "UTF-8";

html {  }

body,
footer,
header{ margin:0 auto; width:100%; }


body { min-height:100vh; word-break:keep-all; }
body.main    { background-color:#ddd }
body.sub     { background-color:#ddd }
body.trade   { background-color:#ddd }
body.ios     { background-color:#ffffff; }
body.android { background-color:#F9F9F9; }

.max_width { width:100%; min-width:320px; max-width:640px; }


/* content_wrap - notitle */
section.content_wrap                 { --top-height:0px; --bottom-height:0px; --footer-height:76px; margin: 0 auto; width:100%; min-width:320px; max-width:640px; min-height:100vh;  background-color:#fff }
section.content_wrap article.top     { display:flex; position:fixed; margin: 0 auto; width:100%; min-width:320px; max-width:640px; height:var(--top-height); line-height:var(--top-height); overflow:hidden; top:0px; left:50%; transform:translate(-50%, 0); background-color:#fff; z-index:9999; text-align:center; }
section.content_wrap article.top.overwrite { z-index:900 }
section.content_wrap article.top div.top_left  { width:calc(100% - 130px); height:62px; padding:15px 0px 15px 16px; text-align:left; line-height:32px; }
section.content_wrap article.top div.top_right { width:130px; height:62px; text-align:right; }

body.ios     section.content_wrap { --footer-height:0px; min-height:100vh; height:-webkit-fill-available; }
body.android section.content_wrap { --footer-height:0px; min-height:100vh; height:-webkit-fill-available; }

body.sub section.content_wrap article.top div.top_left  { width:60px; height:62px; padding-left:16px; text-align:left  }
body.sub section.content_wrap article.top div.top_title { width:calc(100% - 120px); height:62px; line-height:62px; text-align:center; }
body.sub section.content_wrap article.top div.top_title * { line-height:62px; }
body.sub section.content_wrap article.top div.top_right { width:60px; height:62px; text-align:right; padding-right:21px; }

section.content_wrap article.content { margin:0 auto; width:100%; padding-top:var(--top-height); /* min-height:100vh */ background-color: #ffffff }
section.content_wrap article.bottom  { background-color:#fff; position:fixed; margin: 0 auto; width:100%; min-width:320px; max-width:640px; overflow:hidden; bottom:0px; left:50%; transform:translate(-50%, 0); z-index:999; }

section.content_wrap.top      { --top-height:62px; }


footer { position:fixed; width:100%; min-width:320px; max-width:640px; height:var(--footer-height); bottom:0px; z-index: 999; background-color:#fff; border-top: 1px solid var(--color-G4);  padding:12px 25px; }
footer ul { width:100%; display:flex; justify-content: space-between; font-size:0px }
footer ul li { display:inline-block; width:15%; height:50px; line-height:50px; font-size:20px; text-align:center; cursor:pointer }
footer ul li a { display:block; height:50px; }
footer ul li a.home      { background:url('/common/img/common/menu_home.svg')    center center no-repeat }
footer ul li a.lounge    { background:url('/common/img/common/menu_lounge.svg')  center center no-repeat }
footer ul li a.vc        { background:url('/common/img/common/menu_vc.svg')  center center no-repeat }
footer ul li a.market    { background:url('/common/img/common/menu_market.svg')  center center no-repeat }
footer ul li a.mypage    { background:url('/common/img/common/menu_mypage.svg') center center no-repeat }
footer ul li a.home.on   { background:url('/common/img/common/menu_home_on.svg')    center center no-repeat }
footer ul li a.lounge.on { background:url('/common/img/common/menu_lounge_on.svg')  center center no-repeat }
footer ul li a.vc.on     { background:url('/common/img/common/menu_vc_on.svg')  center center no-repeat }
footer ul li a.market.on { background:url('/common/img/common/menu_market_on.svg')  center center no-repeat }
footer ul li a.mypage.on { background:url('/common/img/common/menu_mypage_on.svg') center center no-repeat }
.footer_ghost { height:76px; }



/*******************/
.hidden { display:none; }

.zoom50  { zoom:0.5 }
.zoom60  { zoom:0.6 }
.zoom70  { zoom:0.7 }
.zoom80  { zoom:0.8 }
.zoom90  { zoom:0.9 }
.zoom100 { zoom:1.0 }
.zoom110 { zoom:1.1 }
.zoom120 { zoom:1.2 }
.zoom130 { zoom:1.3 }
.zoom140 { zoom:1.4 }
.zoom150 { zoom:1.5 }
.zoom160 { zoom:1.6 }
.zoom170 { zoom:1.7 }
.zoom180 { zoom:1.8 }
.zoom190 { zoom:1.9 }
.zoom200 { zoom:2.0 }

.filter_gray   { filter: gray; -webkit-filter: grayscale(1); }
.alpha1 { opacity: 0.1; }
.alpha2 { opacity: 0.2; }
.alpha3 { opacity: 0.3; }
.alpha4 { opacity: 0.4; }
.alpha5 { opacity: 0.5; }
.alpha6 { opacity: 0.6; }
.alpha7 { opacity: 0.7; }
.alpha8 { opacity: 0.8; }
.alpha9 { opacity: 0.9; }

.valign_top   { vertical-align: top;   }
.inline_block { display: inline-block; }

div.blank, span.blank { display:block; clear:both; width:100%; height:0px; }
div.line , span.div   { display:block; clear:both; width:100%; height:2px; background-color:var(--color-G2); }
div.padding  { padding:0px 16px; }

div.row { display:flex; flex-wrap: nowrap; margin-right: 0px; margin-left: 0px; }
div.row > div.left    { width:50%; }
div.row > div.left.item-center { align-items: center; }
div.row > div.right   { width:50%; text-align:right; }
div.row > div.right.item-center   { display: flex; flex-direction: row-reverse; align-items: center; }
div.row.item-center { align-items: center; }

.w100p { width:100% !important }
.w95p  { width:95% !important  }
.w90p  { width:90% !important  }
.w85p  { width:85% !important  }
.w80p  { width:80% !important  }
.w75p  { width:75% !important  }
.w70p  { width:70% !important  }
.w65p  { width:65% !important  }
.w60p  { width:60% !important  }
.w55p  { width:55% !important  }
.w50p  { width:50% !important  }
.w45p  { width:45% !important  }
.w40p  { width:40% !important  }
.w35p  { width:35% !important  }
.w34p  { width:34% !important  }
.w33p  { width:33% !important  }
.w32p  { width:32% !important  }
.w31p  { width:31% !important  }
.w30p  { width:30% !important  }
.w29p  { width:29% !important  }
.w28p  { width:28% !important  }
.w27p  { width:27% !important  }
.w26p  { width:26% !important  }
.w25p  { width:25% !important  }
.w24p  { width:24% !important  }
.w23p  { width:23% !important  }
.w22p  { width:22% !important  }
.w21p  { width:21% !important  }
.w20p  { width:20% !important  }


.w283 { width: 283px !important}
.w200 { width:200px !important }
.w190 { width:190px !important }
.w180 { width:180px !important }
.w170 { width:170px !important }
.w160 { width:160px !important }
.w150 { width:150px !important }
.w140 { width:140px !important }
.w130 { width:130px !important }
.w120 { width:120px !important }
.w110 { width:110px !important }
.w100 { width:100px !important }
.w90  { width:90px !important  }
.w80  { width:80px !important  }
.w70  { width:70px !important  }
.w60  { width:60px !important  }
.w50  { width:50px !important  }
.w40  { width:40px !important  }
.w32  { width:32px !important  }
.w30  { width:30px !important  }
.w20  { width:20px !important  }
.w10  { width:10px !important  }


.w-200 { width:calc(100% - 200px) !important }
.w-190 { width:calc(100% - 190px) !important }
.w-180 { width:calc(100% - 180px) !important }
.w-170 { width:calc(100% - 170px) !important }
.w-160 { width:calc(100% - 160px) !important }
.w-150 { width:calc(100% - 150px) !important }
.w-140 { width:calc(100% - 140px) !important }
.w-130 { width:calc(100% - 130px) !important }
.w-120 { width:calc(100% - 120px) !important }
.w-110 { width:calc(100% - 110px) !important }
.w-100 { width:calc(100% - 100px) !important }
.w-90  { width:calc(100% - 90px) !important  }
.w-80  { width:calc(100% - 80px) !important  }
.w-70  { width:calc(100% - 70px) !important  }
.w-60  { width:calc(100% - 60px) !important  }
.w-50  { width:calc(100% - 50px) !important  }
.w-40  { width:calc(100% - 40px) !important  }
.w-30  { width:calc(100% - 30px) !important  }
.w-20  { width:calc(100% - 20px) !important  }
.w-10  { width:calc(100% - 10px) !important  }



.h1   { height:1px !important; line-height:1px !important; font-size:0px !important; margin:0px !important; }
.h2   { height:2px !important; line-height:2px !important; font-size:0px !important; margin:0px !important; }
.h3   { height:3px !important; line-height:3px !important; font-size:0px !important; margin:0px !important; }
.h4   { height:4px !important; line-height:4px !important; font-size:0px !important; margin:0px !important; }
.h5   { height:5px !important; line-height:5px !important; font-size:0px !important; margin:0px !important; }
.h6   { height:6px !important; line-height:6px !important; font-size:0px !important; margin:0px !important; }
.h7   { height:7px !important; line-height:7px !important; font-size:0px !important; margin:0px !important; }
.h8   { height:8px !important; line-height:8px !important; font-size:0px !important; margin:0px !important; }
.h9   { height:9px !important; line-height:9px !important; font-size:0px !important; margin:0px !important; }

.h10   { height:10px !important; line-height:10px !important; }
.h11   { height:11px !important; line-height:11px !important; }
.h12   { height:12px !important; line-height:12px !important; }
.h13   { height:13px !important; line-height:13px !important; }
.h14   { height:14px !important; line-height:14px !important; }
.h15   { height:15px !important; line-height:15px !important; }
.h16   { height:16px !important; line-height:16px !important; }
.h17   { height:17px !important; line-height:17px !important; }
.h18   { height:18px !important; line-height:18px !important; }
.h19   { height:19px !important; line-height:19px !important; }
				                         
.h20   { height:20px !important; line-height:20px !important; }
.h21   { height:21px !important; line-height:21px !important; }
.h22   { height:22px !important; line-height:22px !important; }
.h23   { height:23px !important; line-height:23px !important; }
.h24   { height:24px !important; line-height:24px !important; }
.h25   { height:25px !important; line-height:25px !important; }
.h26   { height:26px !important; line-height:26px !important; }
.h27   { height:27px !important; line-height:27px !important; }
.h28   { height:28px !important; line-height:28px !important; }
.h29   { height:29px !important; line-height:29px !important; }
				                         
.h30   { height:30px !important; line-height:30px !important; }
.h31   { height:31px !important; line-height:31px !important; }
.h32   { height:32px !important; line-height:32px !important; }
.h33   { height:33px !important; line-height:33px !important; }
.h34   { height:34px !important; line-height:34px !important; }
.h35   { height:35px !important; line-height:35px !important; }
.h36   { height:36px !important; line-height:36px !important; }
.h37   { height:37px !important; line-height:37px !important; }
.h38   { height:38px !important; line-height:38px !important; }
.h39   { height:39px !important; line-height:39px !important; }
				                         
.h40   { height:40px !important; line-height:40px !important; }
.h41   { height:41px !important; line-height:41px !important; }
.h42   { height:42px !important; line-height:42px !important; }
.h43   { height:43px !important; line-height:43px !important; }
.h44   { height:44px !important; line-height:44px !important; }
.h45   { height:45px !important; line-height:45px !important; }
.h46   { height:46px !important; line-height:46px !important; }
.h47   { height:47px !important; line-height:47px !important; }
.h48   { height:48px !important; line-height:48px !important; }
.h49   { height:49px !important; line-height:49px !important; }
				                         
.h50   { height:50px !important; line-height:50px !important; }
.h51   { height:51px !important; line-height:51px !important; }
.h52   { height:52px !important; line-height:52px !important; }
.h53   { height:53px !important; line-height:53px !important; }
.h54   { height:54px !important; line-height:54px !important; }
.h55   { height:55px !important; line-height:55px !important; }
.h56   { height:56px !important; line-height:56px !important; }
.h57   { height:57px !important; line-height:57px !important; }
.h58   { height:58px !important; line-height:58px !important; }
.h59   { height:59px !important; line-height:59px !important; }
				                         
.h60   { height:60px !important; line-height:60px !important; }
.h61   { height:61px !important; line-height:61px !important; }
.h62   { height:62px !important; line-height:62px !important; }
.h63   { height:63px !important; line-height:63px !important; }
.h64   { height:64px !important; line-height:64px !important; }
.h65   { height:65px !important; line-height:65px !important; }
.h66   { height:66px !important; line-height:66px !important; }
.h67   { height:67px !important; line-height:67px !important; }
.h68   { height:68px !important; line-height:68px !important; }
.h69   { height:69px !important; line-height:69px !important; }
.h70   { height:70px !important; line-height:70px !important; }
.h98   { height:98px !important; line-height:98px !important; }

.h100   { height:100px !important; line-height:100px !important; }
.h110   { height:110px !important; line-height:110px !important; }
.h120   { height:120px !important; line-height:120px !important; }
.h130   { height:130px !important; line-height:130px !important; }
.h140   { height:140px !important; line-height:140px !important; }
.h150   { height:150px !important; line-height:150px !important; }
.h160   { height:160px !important; line-height:160px !important; }
.h170   { height:170px !important; line-height:170px !important; }
.h180   { height:180px !important; line-height:180px !important; }
.h190   { height:190px !important; line-height:190px !important; }
.h200   { height:200px !important; line-height:200px !important; }

.margin_r1  { margin-right:1px  !important }
.margin_r2  { margin-right:2px  !important }
.margin_r3  { margin-right:3px  !important }
.margin_r4  { margin-right:4px  !important }
.margin_r5  { margin-right:5px  !important }
.margin_r6  { margin-right:6px  !important }
.margin_r7  { margin-right:7px  !important }
.margin_r8  { margin-right:8px  !important }
.margin_r9  { margin-right:9px  !important }
.margin_r10 { margin-right:10px !important }
.margin_r11 { margin-right:11px !important }
.margin_r12 { margin-right:12px !important }
.margin_r13 { margin-right:13px !important }
.margin_r14 { margin-right:14px !important }
.margin_r15 { margin-right:15px !important }
.margin_r16 { margin-right:16px !important }
.margin_r17 { margin-right:17px !important }
.margin_r18 { margin-right:18px !important }
.margin_r19 { margin-right:19px !important }
.margin_r20 { margin-right:20px !important }
.margin_r21 { margin-right:21px !important }
.margin_r24 { margin-right:24px !important }
.margin_r32 { margin-right:32px !important }
.margin_r36 { margin-right:36px !important }

.margin_l1  { margin-left:1px  !important }
.margin_l2  { margin-left:2px  !important }
.margin_l3  { margin-left:3px  !important }
.margin_l4  { margin-left:4px  !important }
.margin_l5  { margin-left:5px  !important }
.margin_l6  { margin-left:6px  !important }
.margin_l7  { margin-left:7px  !important }
.margin_l8  { margin-left:8px  !important }
.margin_l9  { margin-left:9px  !important }
.margin_l10 { margin-left:10px !important }
.margin_l11 { margin-left:11px !important }
.margin_l12 { margin-left:12px !important }
.margin_l13 { margin-left:13px !important }
.margin_l14 { margin-left:14px !important }
.margin_l15 { margin-left:15px !important }
.margin_l16 { margin-left:16px !important }
.margin_l17 { margin-left:17px !important }
.margin_l18 { margin-left:18px !important }
.margin_l19 { margin-left:19px !important }
.margin_l20 { margin-left:20px !important }
.margin_r21 { margin-right:21px !important }
.margin_l24 { margin-left:24px !important }

.margin_t1  { margin-top:1px  !important }
.margin_t2  { margin-top:2px  !important }
.margin_t3  { margin-top:3px  !important }
.margin_t4  { margin-top:4px  !important }
.margin_t5  { margin-top:5px  !important }
.margin_t6  { margin-top:6px  !important }
.margin_t7  { margin-top:7px  !important }
.margin_t8  { margin-top:8px  !important }
.margin_t9  { margin-top:9px  !important }
.margin_t10 { margin-top:10px !important }
.margin_t11 { margin-top:11px !important }
.margin_t12 { margin-top:12px !important }
.margin_t13 { margin-top:13px !important }
.margin_t14 { margin-top:14px !important }
.margin_t15 { margin-top:15px !important }
.margin_t16 { margin-top:16px !important }
.margin_t17 { margin-top:17px !important }
.margin_t18 { margin-top:18px !important }
.margin_t19 { margin-top:19px !important }
.margin_t20 { margin-top:20px !important }
.margin_t100 { margin-top:100px !important }

.margin_b1  { margin-bottom:1px  !important }
.margin_b2  { margin-bottom:2px  !important }
.margin_b3  { margin-bottom:3px  !important }
.margin_b4  { margin-bottom:4px  !important }
.margin_b5  { margin-bottom:5px  !important }
.margin_b6  { margin-bottom:6px  !important }
.margin_b7  { margin-bottom:7px  !important }
.margin_b8  { margin-bottom:8px  !important }
.margin_b9  { margin-bottom:9px  !important }
.margin_b10 { margin-bottom:10px !important }
.margin_b11 { margin-bottom:11px !important }
.margin_b12 { margin-bottom:12px !important }
.margin_b13 { margin-bottom:13px !important }
.margin_b14 { margin-bottom:14px !important }
.margin_b15 { margin-bottom:15px !important }
.margin_b16 { margin-bottom:16px !important }
.margin_b17 { margin-bottom:17px !important }
.margin_b18 { margin-bottom:18px !important }
.margin_b19 { margin-bottom:19px !important }
.margin_b20 { margin-bottom:20px !important }

.padding_1  { padding:1px  !important }
.padding_2  { padding:2px  !important }
.padding_3  { padding:3px  !important }
.padding_4  { padding:4px  !important }
.padding_5  { padding:5px  !important }
.padding_6  { padding:6px  !important }
.padding_7  { padding:7px  !important }
.padding_8  { padding:8px  !important }
.padding_9  { padding:9px  !important }
.padding_10 { padding:10px !important }
.padding_11 { padding:11px !important }
.padding_12 { padding:12px !important }
.padding_13 { padding:13px !important }
.padding_14 { padding:14px !important }
.padding_15 { padding:15px !important }
.padding_16 { padding:16px !important }
.padding_17 { padding:17px !important }
.padding_18 { padding:18px !important }
.padding_19 { padding:19px !important }
.padding_20 { padding:20px !important }
.padding_24 { padding:24px !important }

.padding_r1  { padding-right:1px  !important }
.padding_r2  { padding-right:2px  !important }
.padding_r3  { padding-right:3px  !important }
.padding_r4  { padding-right:4px  !important }
.padding_r5  { padding-right:5px  !important }
.padding_r6  { padding-right:6px  !important }
.padding_r7  { padding-right:7px  !important }
.padding_r8  { padding-right:8px  !important }
.padding_r9  { padding-right:9px  !important }
.padding_r10 { padding-right:10px !important }
.padding_r11 { padding-right:11px !important }
.padding_r12 { padding-right:12px !important }
.padding_r13 { padding-right:13px !important }
.padding_r14 { padding-right:14px !important }
.padding_r15 { padding-right:15px !important }
.padding_r16 { padding-right:16px !important }
.padding_r17 { padding-right:17px !important }
.padding_r18 { padding-right:18px !important }
.padding_r19 { padding-right:19px !important }
.padding_r20 { padding-right:20px !important }
.padding_r24 { padding-right:24px !important }

.padding_l1  { padding-left:1px  !important }
.padding_l2  { padding-left:2px  !important }
.padding_l3  { padding-left:3px  !important }
.padding_l4  { padding-left:4px  !important }
.padding_l5  { padding-left:5px  !important }
.padding_l6  { padding-left:6px  !important }
.padding_l7  { padding-left:7px  !important }
.padding_l8  { padding-left:8px  !important }
.padding_l9  { padding-left:9px  !important }
.padding_l10 { padding-left:10px !important }
.padding_l11 { padding-left:11px !important }
.padding_l12 { padding-left:12px !important }
.padding_l13 { padding-left:13px !important }
.padding_l14 { padding-left:14px !important }
.padding_l15 { padding-left:15px !important }
.padding_l16 { padding-left:16px !important }
.padding_l17 { padding-left:17px !important }
.padding_l18 { padding-left:18px !important }
.padding_l19 { padding-left:19px !important }
.padding_l20 { padding-left:20px !important }
.padding_l24 { padding-left:24px !important }

.padding_t1  { padding-top:1px  !important }
.padding_t2  { padding-top:2px  !important }
.padding_t3  { padding-top:3px  !important }
.padding_t4  { padding-top:4px  !important }
.padding_t5  { padding-top:5px  !important }
.padding_t6  { padding-top:6px  !important }
.padding_t7  { padding-top:7px  !important }
.padding_t8  { padding-top:8px  !important }
.padding_t9  { padding-top:9px  !important }
.padding_t10 { padding-top:10px !important }
.padding_t11 { padding-top:11px !important }
.padding_t12 { padding-top:12px !important }
.padding_t13 { padding-top:13px !important }
.padding_t14 { padding-top:14px !important }
.padding_t15 { padding-top:15px !important }
.padding_t16 { padding-top:16px !important }
.padding_t17 { padding-top:17px !important }
.padding_t18 { padding-top:18px !important }
.padding_t19 { padding-top:19px !important }
.padding_t20 { padding-top:20px !important }

.padding_b1  { padding-bottom:1px  !important }
.padding_b2  { padding-bottom:2px  !important }
.padding_b3  { padding-bottom:3px  !important }
.padding_b4  { padding-bottom:4px  !important }
.padding_b5  { padding-bottom:5px  !important }
.padding_b6  { padding-bottom:6px  !important }
.padding_b7  { padding-bottom:7px  !important }
.padding_b8  { padding-bottom:8px  !important }
.padding_b9  { padding-bottom:9px  !important }
.padding_b10 { padding-bottom:10px !important }
.padding_b11 { padding-bottom:11px !important }
.padding_b12 { padding-bottom:12px !important }
.padding_b13 { padding-bottom:13px !important }
.padding_b14 { padding-bottom:14px !important }
.padding_b15 { padding-bottom:15px !important }
.padding_b16 { padding-bottom:16px !important }
.padding_b17 { padding-bottom:17px !important }
.padding_b18 { padding-bottom:18px !important }
.padding_b19 { padding-bottom:19px !important }
.padding_b20 { padding-bottom:20px !important }

.bgG2{ background-color: var(--color-G2) !important; }
.bottom_height70{ --bottom-height: 70px; }
.bottom_height116{ --bottom-height: 116px; }
.boxShadow008{ box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);}