/* ##############################
 * Created on : 2020/11/03
 * @version 1.00
 * @copyright Sumika-Group.com(Heaven-studio.com)
 * @author Toshiyasu Takamoto
##############################  */

/* ##############################
	初期化
##############################  */
/*### Basic CSS ###*/
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body { margin: 0; padding: 0; width: 100%; max-width: 100%; min-height: 100%; height: auto; font-family: 'Roboto', sans-serif; font-weight: 400; z-index: 0; color: #000; background-size: cover; background-position: center; position: absolute;}
* { margin: 0; padding: 0; }
a { color: #000; text-decoration: none; }
img { border-style: none; }
.red { color: #f00; }
.red_b { color: #f00; font-weight: bold; }
.blue { color: #00F; }
.blue_b { color: #00F; font-weight: bold; }
#no_js { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 5000; }
#no_js div { position: fixed; width: 320px; padding: 15px 0; top:50%; left: 50%; transform: translate(-50%,-60%); font-size: 14px; line-height: 22px; text-align: center; color: #f00; background: #fff; border-radius: 10px; }
.hide { display: none !important; }
/*### TopLogin ###*/
#cp_top_login_wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff5ee; display: block; width: 308px; height: 278px; border: 1px #333 solid; border-radius: 10px; z-index: 1000; filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.4)); }
#lw_h1 { width: 280px; display: block; margin: 5px auto; }
#lw_svg_logo { width: 50%; display: block; margin: 0 auto; }
#lw_logo_bt_h1 { width: 100%; text-align: center; font-size: 14px; line-height: 22px; display: block; margin: 0; }
.lw_input_wrap { width: 220px; margin: 10px auto; display: block; clear: both; overflow: hidden; }
.lw_input_rogo { width: 30px; height: 30px; float: left; margin: 0; background: #ccc; border: 1px #333 solid; border-radius: 5px 0 0 5px; border-right: none; }
.lw_input_rogo svg { width: 24px; margin: 3px; }
.lw_input_area { width: 186px; height: 30px; float: left; margin: 0 auto; border: 1px #333 solid; border-radius: 0 5px 5px 0; }
.lw_input_area input { width: 173px; height: 24px; display: block; font-size: 14px; line-height: 24px; margin: 2px auto; padding: 0 0 0 5px; border-radius: 5px; border: 1px #333 solid; }
#lw_er_mess { width: 100%; height: 20px; display: block; text-align: center; font-size: 12px; line-height: 20px; margin: 0 auto; color: #f00; clear: both; }
#lw_input_cash { width: 100%; display: block; text-align: center; font-size: 12px; line-height: 16px; margin: 5px auto; clear: both; }
#lw_input_cash input { margin: 0 5px 0 0; vertical-align: middle; }
#lw_input_cash label { cursor: pointer; }
#lw_lg_btn { width: 150px; height: 36px; margin: 5px auto; background: #00e707; color: #fff; cursor: pointer; border: 1px #000 solid; border-radius: 5px; text-align: center; font-size: 14px; font-weight: bold; line-height: 36px; }
#lw_lg_btn:hover { color: #000; }

/*### Concting ###*/
#conecting_load_animation { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,.8); z-index: 9999; }
#conecting_load_svg_box { width: 80px; height: 80px; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); }