@charset "utf-8";

body {opacity: 0;}
html.loaded body {opacity: 1;}

.hide {visibility: hidden; overflow: hidden; position: absolute; left: -9999em; top: -9999em; width: 0px; height: 0px; border: none; background: none; font-size: 0px; line-height: 0px; opacity: 0;}

.pt0   {padding-top: 0px !important;}   .pr0   {padding-right: 0px !important;}   .pb0   {padding-bottom: 0px !important;}   .pl0   {padding-left: 0px !important;}
.pt5   {padding-top: 5px !important;}   .pr5   {padding-right: 5px !important;}   .pb5   {padding-bottom: 5px !important;}   .pl5   {padding-left: 5px !important;}
.pt10  {padding-top: 10px !important;}  .pr10  {padding-right: 10px !important;}  .pb10  {padding-bottom: 10px !important;}  .pl10  {padding-left: 10px !important;}
.pt15  {padding-top: 15px !important;}  .pr15  {padding-right: 15px !important;}  .pb15  {padding-bottom: 15px !important;}  .pl15  {padding-left: 15px !important;}
.pt20  {padding-top: 20px !important;}  .pr20  {padding-right: 20px !important;}  .pb20  {padding-bottom: 20px !important;}  .pl20  {padding-left: 20px !important;}
.pt25  {padding-top: 25px !important;}  .pr25  {padding-right: 25px !important;}  .pb25  {padding-bottom: 25px !important;}  .pl25  {padding-left: 25px !important;}
.pt30  {padding-top: 30px !important;}  .pr30  {padding-right: 30px !important;}  .pb30  {padding-bottom: 30px !important;}  .pl30  {padding-left: 30px !important;}
.pt35  {padding-top: 35px !important;}  .pr35  {padding-right: 35px !important;}  .pb35  {padding-bottom: 35px !important;}  .pl35  {padding-left: 35px !important;}
.pt40  {padding-top: 40px !important;}  .pr40  {padding-right: 40px !important;}  .pb40  {padding-bottom: 40px !important;}  .pl40  {padding-left: 40px !important;}
.pt45  {padding-top: 45px !important;}  .pr45  {padding-right: 45px !important;}  .pb45  {padding-bottom: 45px !important;}  .pl45  {padding-left: 45px !important;}
.pt50  {padding-top: 50px !important;}  .pr50  {padding-right: 50px !important;}  .pb50  {padding-bottom: 50px !important;}  .pl50  {padding-left: 50px !important;}
.pt55  {padding-top: 55px !important;}  .pr55  {padding-right: 55px !important;}  .pb55  {padding-bottom: 55px !important;}  .pl55  {padding-left: 55px !important;}
.pt60  {padding-top: 60px !important;}  .pr60  {padding-right: 60px !important;}  .pb60  {padding-bottom: 60px !important;}  .pl60  {padding-left: 60px !important;}
.pt65  {padding-top: 65px !important;}  .pr65  {padding-right: 65px !important;}  .pb65  {padding-bottom: 65px !important;}  .pl65  {padding-left: 65px !important;}
.pt70  {padding-top: 70px !important;}  .pr70  {padding-right: 70px !important;}  .pb70  {padding-bottom: 70px !important;}  .pl70  {padding-left: 70px !important;}
.pt75  {padding-top: 75px !important;}  .pr75  {padding-right: 75px !important;}  .pb75  {padding-bottom: 75px !important;}  .pl75  {padding-left: 75px !important;}
.pt80  {padding-top: 80px !important;}  .pr80  {padding-right: 80px !important;}  .pb80  {padding-bottom: 80px !important;}  .pl80  {padding-left: 80px !important;}
.pt85  {padding-top: 85px !important;}  .pr85  {padding-right: 85px !important;}  .pb85  {padding-bottom: 85px !important;}  .pl85  {padding-left: 85px !important;}
.pt90  {padding-top: 90px !important;}  .pr90  {padding-right: 90px !important;}  .pb90  {padding-bottom: 90px !important;}  .pl90  {padding-left: 90px !important;}
.pt95  {padding-top: 95px !important;}  .pr95  {padding-right: 95px !important;}  .pb95  {padding-bottom: 95px !important;}  .pl95  {padding-left: 95px !important;}
.pt100 {padding-top: 100px !important;} .pr100 {padding-right: 100px !important;} .pb100 {padding-bottom: 100px !important;} .pl100 {padding-left: 100px !important;}

.mt0   {margin-top: 0px !important;}   .mr0   {margin-right: 0px !important;}   .mb0   {margin-bottom: 0px !important;}   .ml0   {margin-left: 0px !important;}
.mt5   {margin-top: 5px !important;}   .mr5   {margin-right: 5px !important;}   .mb5   {margin-bottom: 5px !important;}   .ml5   {margin-left: 5px !important;}
.mt10  {margin-top: 10px !important;}  .mr10  {margin-right: 10px !important;}  .mb10  {margin-bottom: 10px !important;}  .ml10  {margin-left: 10px !important;}
.mt15  {margin-top: 15px !important;}  .mr15  {margin-right: 15px !important;}  .mb15  {margin-bottom: 15px !important;}  .ml15  {margin-left: 15px !important;}
.mt20  {margin-top: 20px !important;}  .mr20  {margin-right: 20px !important;}  .mb20  {margin-bottom: 20px !important;}  .ml20  {margin-left: 20px !important;}
.mt25  {margin-top: 25px !important;}  .mr25  {margin-right: 25px !important;}  .mb25  {margin-bottom: 25px !important;}  .ml25  {margin-left: 25px !important;}
.mt30  {margin-top: 30px !important;}  .mr30  {margin-right: 30px !important;}  .mb30  {margin-bottom: 30px !important;}  .ml30  {margin-left: 30px !important;}
.mt35  {margin-top: 35px !important;}  .mr35  {margin-right: 35px !important;}  .mb35  {margin-bottom: 35px !important;}  .ml35  {margin-left: 35px !important;}
.mt40  {margin-top: 40px !important;}  .mr40  {margin-right: 40px !important;}  .mb40  {margin-bottom: 40px !important;}  .ml40  {margin-left: 40px !important;}
.mt45  {margin-top: 45px !important;}  .mr45  {margin-right: 45px !important;}  .mb45  {margin-bottom: 45px !important;}  .ml45  {margin-left: 45px !important;}
.mt50  {margin-top: 50px !important;}  .mr50  {margin-right: 50px !important;}  .mb50  {margin-bottom: 50px !important;}  .ml50  {margin-left: 50px !important;}
.mt55  {margin-top: 55px !important;}  .mr55  {margin-right: 55px !important;}  .mb55  {margin-bottom: 55px !important;}  .ml55  {margin-left: 55px !important;}
.mt60  {margin-top: 60px !important;}  .mr60  {margin-right: 60px !important;}  .mb60  {margin-bottom: 60px !important;}  .ml60  {margin-left: 60px !important;}
.mt65  {margin-top: 65px !important;}  .mr65  {margin-right: 65px !important;}  .mb65  {margin-bottom: 65px !important;}  .ml65  {margin-left: 65px !important;}
.mt70  {margin-top: 70px !important;}  .mr70  {margin-right: 70px !important;}  .mb70  {margin-bottom: 70px !important;}  .ml70  {margin-left: 70px !important;}
.mt75  {margin-top: 75px !important;}  .mr75  {margin-right: 75px !important;}  .mb75  {margin-bottom: 75px !important;}  .ml75  {margin-left: 75px !important;}
.mt80  {margin-top: 80px !important;}  .mr80  {margin-right: 80px !important;}  .mb80  {margin-bottom: 80px !important;}  .ml80  {margin-left: 80px !important;}
.mt85  {margin-top: 85px !important;}  .mr85  {margin-right: 85px !important;}  .mb85  {margin-bottom: 85px !important;}  .ml85  {margin-left: 85px !important;}
.mt90  {margin-top: 90px !important;}  .mr90  {margin-right: 90px !important;}  .mb90  {margin-bottom: 90px !important;}  .ml90  {margin-left: 90px !important;}
.mt95  {margin-top: 95px !important;}  .mr95  {margin-right: 95px !important;}  .mb95  {margin-bottom: 95px !important;}  .ml95  {margin-left: 95px !important;}
.mt100 {margin-top: 100px !important;} .mr100 {margin-right: 100px !important;} .mb100 {margin-bottom: 100px !important;} .ml100 {margin-left: 100px !important;}

.mt105 {margin-top: 105px !important;} .mr105 {margin-right: 105px !important;} .mb105 {margin-bottom: 105px !important;} .ml105 {margin-left: 105px !important;}
.mt110 {margin-top: 110px !important;} .mr110 {margin-right: 110px !important;}	.mb110 {margin-bottom: 110px !important;} .ml110 {margin-left: 110px !important;}
.mt115 {margin-top: 115px !important;} .mr115 {margin-right: 115px !important;}	.mb115 {margin-bottom: 115px !important;} .ml115 {margin-left: 115px !important;}
.mt120 {margin-top: 120px !important;} .mr120 {margin-right: 120px !important;}	.mb120 {margin-bottom: 120px !important;} .ml120 {margin-left: 120px !important;}
.mt125 {margin-top: 125px !important;} .mr125 {margin-right: 125px !important;}	.mb125 {margin-bottom: 125px !important;} .ml125 {margin-left: 125px !important;}
.mt130 {margin-top: 130px !important;} .mr130 {margin-right: 130px !important;}	.mb130 {margin-bottom: 130px !important;} .ml130 {margin-left: 130px !important;}
.mt135 {margin-top: 135px !important;} .mr135 {margin-right: 135px !important;}	.mb135 {margin-bottom: 135px !important;} .ml135 {margin-left: 135px !important;}
.mt140 {margin-top: 140px !important;} .mr140 {margin-right: 140px !important;}	.mb140 {margin-bottom: 140px !important;} .ml140 {margin-left: 140px !important;}
.mt145 {margin-top: 145px !important;} .mr145 {margin-right: 145px !important;}	.mb145 {margin-bottom: 145px !important;} .ml145 {margin-left: 145px !important;}
.mt150 {margin-top: 150px !important;} .mr150 {margin-right: 150px !important;}	.mb150 {margin-bottom: 150px !important;} .ml150 {margin-left: 150px !important;}
.mt155 {margin-top: 155px !important;} .mr155 {margin-right: 155px !important;}	.mb155 {margin-bottom: 155px !important;} .ml155 {margin-left: 155px !important;}
.mt160 {margin-top: 160px !important;} .mr160 {margin-right: 160px !important;}	.mb160 {margin-bottom: 160px !important;} .ml160 {margin-left: 160px !important;}
.mt165 {margin-top: 165px !important;} .mr165 {margin-right: 165px !important;}	.mb165 {margin-bottom: 165px !important;} .ml165 {margin-left: 165px !important;}
.mt170 {margin-top: 170px !important;} .mr170 {margin-right: 170px !important;}	.mb170 {margin-bottom: 170px !important;} .ml170 {margin-left: 170px !important;}
.mt175 {margin-top: 175px !important;} .mr175 {margin-right: 175px !important;}	.mb175 {margin-bottom: 175px !important;} .ml175 {margin-left: 175px !important;}
.mt180 {margin-top: 180px !important;} .mr180 {margin-right: 180px !important;}	.mb180 {margin-bottom: 180px !important;} .ml180 {margin-left: 180px !important;}
.mt185 {margin-top: 185px !important;} .mr185 {margin-right: 185px !important;}	.mb185 {margin-bottom: 185px !important;} .ml185 {margin-left: 185px !important;}
.mt190 {margin-top: 190px !important;} .mr190 {margin-right: 190px !important;}	.mb190 {margin-bottom: 190px !important;} .ml190 {margin-left: 190px !important;}
.mt195 {margin-top: 195px !important;} .mr195 {margin-right: 195px !important;}	.mb195 {margin-bottom: 195px !important;} .ml195 {margin-left: 195px !important;}
.mt200 {margin-top: 200px !important;} .mr200 {margin-right: 200px !important;}	.mb200 {margin-bottom: 200px !important;} .ml200 {margin-left: 200px !important;}

.ta_l {text-align: left !important;}
.ta_c {text-align: center !important;}
.ta_r {text-align: right !important;}

.fl_l {float: left !important;}
.fl_c {display: inline-block !important;}
.fl_r {float: right !important;}

._checkbox {display: block; position: relative;}
._checkbox input {position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0;}
._checkbox span {display: block; position: relative; padding: 0 0 0 40px; font-size: 14px; color: #58606d;}
._checkbox span:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 25px; height: 25px; margin-top: -12px; background: url(/frontend/assets/images/common/checkbox_off.svg) 0 0 no-repeat; background-size: 25px;}
._checkbox input:checked + span:before {background-image: url(/frontend/assets/images/common/checkbox_on.svg); background-size: 25px;}

._radio {display: block; position: relative;}
._radio input {position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0;}
._radio span {display: block; position: relative; padding: 0 0 0 20px; font-size: 14px; color: #58606d;}
._radio span:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; border: 1px solid #bdbddc;}
._radio input:checked + span:before {border-color: #6557a1;}
._radio input:checked + span:after {display: block; content: ''; position: absolute; top: 50%; left: 3px; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #6557a1;}

._alert {position: fixed; right: 0; bottom: 0; left: 0; z-index: 1000; padding: 15px 30px; background: #ff6b4d; color: #ffffff; text-align: center; transform: translateY(100%); transition: all 500ms;}
._alert.on {transform: translateY(0);}
._alert span {display: inline-block; padding: 0 0 0 30px; background: url(/frontend/device/assets/images/ico/exclamation_white.svg) 10px center no-repeat;}

._done {position: fixed; right: 0; bottom: 0; left: 0; z-index: 1000; padding: 15px 30px; background: #00c48c; color: #ffffff; text-align: center; transform: translateY(100%); transition: all 500ms;}
._done.on {transform: translateY(0);}
._done span {display: inline-block; padding: 0 0 0 30px; background: url(/frontend/device/assets/images/ico/check_white.svg) 0 center no-repeat;}

/* button */
._btnbox {overflow: hidden;}

.txt_btn {font-weight: 500; font-size: 12px; color: #bdbddc; text-decoration: underline;}
.txt_btn2 {font-weight: 500; font-size: 11px; color: #ff5454;}

._btn1 {display: block; width: 100%; height: 50px; border-radius: 5px; font-size: 16px; line-height: 48px; text-align: center;}
._btn1.c1 {border: 1px solid #6557a1; background: #6557a1; color: #ffffff;}
._btn1.c2 {border: 1px solid #40529f; background: #40529f; color: #ffffff;}
._btn1.c3 {border: 1px solid #ffffff; background: #ffffff; color: #6557a1;}
._btn1.c4 {border: 1px solid #ff6363; background: #ff6363; color: #ffffff;}
._btn1.e1 {border: 1px solid #6557a1; background: #ffffff; color: #6557a1;}
._btn1.e2 {border: 1px solid #ff6363; background: #ffffff; color: #ff6363;}
._btn1.e3 {border: 1px solid #ffffff; background: none; color: #ffffff;}
._btn1 .add {display: inline-block; padding-left: 26px; background: url(/frontend/assets/images/ico/plus_white2.svg) 0 center no-repeat;}

._btn1:disabled {border: 1px solid #eeeef9; background: #eeeef9; color: #bdbddc;}

._btn2 {display: block; width: 100%; height: 30px; border-radius: 5px; font-size: 14px; line-height: 28px; text-align: center;}
._btn2.c1 {border: 1px solid #6557a1; background: #6557a1; color: #ffffff;}
._btn2.c2 {border: 1px solid #40529f; background: #40529f; color: #ffffff;}
._btn2.c3 {border: 1px solid #ffffff; background: #ffffff; color: #6557a1;}
._btn2.e1 {border: 1px solid #6557a1; background: #ffffff; color: #6557a1;}
._btn2.e2 {border: 1px solid #ff6363; background: #ffffff; color: #ff6363;}
._btn2.e3 {border: 1px solid #ffffff; background: none; color: #ffffff;}
._btn2 .add {display: inline-block; padding-left: 26px; background: url(/frontend/assets/images/ico/plus_white2.svg) 0 center no-repeat;}

.util_layer_wrap {position: relative;}
.util_layer_wrap .btn_util {display: block; width: 22px; height: 22px; background: url(/frontend/assets/images/ico/util_violet.svg) 0 0 no-repeat; background-size: 22px; text-indent: -9999em;}
.util_layer_wrap .util_layer {display: none; position: absolute; top: 0; right: 22px; width: 66px; background: #ffffff; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);}
.util_layer_wrap .util_layer button {display: block; width: 100%; height: 30px; font-size: 12px;}
.util_layer_wrap .util_layer button.red {color: #ff6363;}
.util_layer_wrap .util_layer button:hover {background: #f7f7f7;}

.util_layer_wrap.util_layer_open .util_layer {display: block;}

/*  */
.regist_area {}
.regist_area .row {}
.regist_area .row:not(:first-child) {margin-top: 20px;}
.regist_area .label {margin-bottom: 10px; font-size: 12px;}
.regist_area .notice {margin-top: 5px; font-size: 12px; color: #bdbddc;}
.regist_area .search {padding-left: 46px; background: url(/frontend/assets/images/ico/search_violet.svg) 15px center no-repeat;}

._empty {text-align: center; color: #6557a1;}