@charset "UTF-8";
.blind, .input_check, .agreement_wrap .lego_label input[type="checkbox"], .agreement_wrap .area_check_list .lego_label input[type="checkbox"], .agreement_wrap .area_check_all .lego_label input[type="checkbox"] {
	position: absolute;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
}

@font-face {
	font-family: Roboto;
	font-weight: 300;
	src: url(../font/roboto/Roboto-Light.eot);
	src: url(../font/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Light.woff) format("woff"), url(../font/roboto/Roboto-Light.ttf) format("truetype");
}

@font-face {
	font-family: Roboto;
	font-weight: normal;
	src: url(../font/roboto/Roboto-Regular.eot);
	src: url(../font/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Regular.woff) format("woff"), url(../font/roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
	font-family: Roboto;
	font-weight: 500;
	src: url(../font/roboto/Roboto-Medium.eot);
	src: url(../font/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Medium.woff) format("woff"), url(../font/roboto/Roboto-Medium.ttf) format("truetype");
}

@font-face {
	font-family: Roboto;
	font-weight: bold;
	src: url(../font/roboto/Roboto-Bold.eot);
	src: url(../font/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Bold.woff) format("woff"), url(../font/roboto/Roboto-Bold.ttf) format("truetype");
}

/* _base.scss */
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, option {
	margin: 0;
	padding: 0;
}

body {
	-webkit-text-size-adjust: none;
}

body, input, textarea, select, table {
	font-family: AppleSDGothicNeo, Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", '맑은 고딕', Malgun Gothic, '돋움', Dotum, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.25;
	font-weight: 400;
}

html[data-useragent*="Android"] body, html[data-useragent*="Android"] input, html[data-useragent*="Android"] textarea, html[data-useragent*="Android"] select, html[data-useragent*="Android"] button, html[data-useragent*="Android"] table {
	font-family: Roboto, Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'맑은 고딕', Malgun Gothic, '돋움', Dotum, Arial, sans-serif;
	font-weight: 400;
}

img, fieldset {
	border: 0;
}

img {
	vertical-align: top;
}

ul, ol {
	list-style: none;
}

em, address {
	font-style: normal;
}

select {
	border: 0;
	border-radius: 0;
	background: transparent;
}

a {
	color: inherit;
	text-decoration: none;
}

button {
	border: none;
	background: transparent;
	cursor: pointer;
}

html, body {
	height: 100%;
}

.shop_content .plan_label:after, .page_register .img_gift_card, .register_default .user_input.is_unusable:after, .page_mail .mail_default .user_input.is_unusable .input_box:after, .setting_list .sub_link:after, .input_check_label:before, .input_check:checked + .input_check_label:before, .shop_content .plan_label.btn_plan:after, .link_area .link_text:after, .setting_header .btn_close:before, .page_mail .mail_default .input_box .btn_delete:before, .setting_header .btn_back:before, .agreement_header .area_title, .agreement_wrap .area_check_list .lego_label .area_label:before, .agreement_wrap .area_check_list .lego_label input[type="checkbox"]:checked + .area_label:before, .agreement_wrap .area_check_all .lego_label .area_label:before, .agreement_wrap .area_check_all .lego_label input[type="checkbox"]:checked + .area_label:before {
	background: url(../img/sprite/sp_linemusic.png) no-repeat;
	background-size: 323px 350px;
}

.purchases_content .payment_list .payment_label .payment_icon, .purchases_content .payment_list .payment_label::after, .page_mail .mail_default .check_box .mail_label:before {
	background: url(../img/sprite/sp_linemusic_x3.png) no-repeat;
	background-size: 100px 100px;
}

.shop_content .plan_label:after {
	width: 30px;
	height: 30px;
	background-position: -282px -5px;
}

.page_register .img_gift_card {
	width: 267px;
	height: 168px;
	background-position: -5px -5px;
}

.register_default .user_input.is_unusable:after, .page_mail .mail_default .user_input.is_unusable .input_box:after {
	width: 17px;
	height: 17px;
	background-position: -282px -207px;
}

.setting_list .sub_link:after {
	width: 8px;
	height: 14px;
	background-position: -310px -179px;
}

.input_check_label:before {
	width: 22px;
	height: 22px;
	background-position: -282px -115px;
}

.input_check:checked + .input_check_label:before {
	width: 22px;
	height: 22px;
	background-position: -282px -147px;
}

.shop_content .plan_label.btn_plan:after {
	width: 18px;
	height: 19px;
	background-position: -205px -182px;
}

.link_area .link_text:after {
	width: 6px;
	height: 10px;
	background-position: -220px -182px;
}

.setting_header .btn_close:before, .page_mail .mail_default .input_box .btn_delete:before {
	width: 15px;
	height: 15px;
	background-position: -233px -182px;
}

.setting_header .btn_back:before {
	width: 22px;
	height: 20px;
	background-position: -62px -266px;
}

.agreement_header .area_title {
	width: 141px;
	height: 20px;
	background-position: -106px -244px;
}

.agreement_wrap .area_check_list .lego_label .area_label:before {
	width: 12px;
	height: 9px;
	background-position: -251px -235px;
}

.agreement_wrap .area_check_list .lego_label input[type="checkbox"]:checked + .area_label:before {
	width: 12px;
	height: 9px;
	background-position: -264px -235px;
}

.agreement_wrap .area_check_all .lego_label .area_label:before {
	width: 20px;
	height: 20px;
	background-position: -277px -235px;
}

.agreement_wrap .area_check_all .lego_label input[type="checkbox"]:checked + .area_label:before {
	width: 20px;
	height: 20px;
	background-position: -298px -235px;
}

/* public.scss */
.wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.wrap.page_shop .setting_header, .wrap.page_redeem .setting_header {
	display: none;
}

.wrap.type_app {
	padding: 0;
}

.wrap.type_app .header,
.wrap.type_app .footer {
	display: none;
}

.wrap.type_app .setting_header {
	display: block;
}

.container {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.setting_wrap {
	min-height: 100%;
	background-color: #fbfbfb;
}

.btn_subscribe {
	width: 100%;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(207, 207, 207, 0.5);
	        box-shadow: 0 1px 5px 0 rgba(207, 207, 207, 0.5);
	background-color: #0ee071;
	font-size: 0;
	font-weight: bold;
	color: #fff;
	outline: none;
	padding: 19px 5px;
}

.btn_subscribe:active {
	background-color: #08BC5E;
}

.btn_subscribe .blind {
	display: none;
}

.btn_subscribe .text {
	font-size: 17px;
}

.btn_default {
	width: 100%;
	height: 55px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(207, 207, 207, 0.5);
	        box-shadow: 0 1px 5px 0 rgba(207, 207, 207, 0.5);
	background-color: #0ee071;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
}

.btn_movement {
	width: 100%;
	height: 56px;
	border-radius: 3px;
	background-color: #0ee071;
	font-size: 0;
	font-weight: bold;
	color: #fff;
	outline: none;
}

.btn_movement .text {
	font-size: 17px;
}

.btn_movement:active {
	background-color: #08BC5E;
}

.btn_movement:disabled {
	cursor: default;
	background-color: #ccc !important;
}

.btn_movement:disabled .text {
	opacity: 0.4;
	color: #fff;
}

.layer_subscribe {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	text-align: center;
}

.layer_subscribe:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #343537;
	opacity: 0.7;
}

.layer_subscribe.type_remind .content {
	height: 224px;
}

.layer_subscribe.type_remind .content .btn_layer {
	float: left;
	width: 50%;
	font-size: 17px;
}

.layer_subscribe.type_alert .content {
	height: 204px;
}

.layer_subscribe.type_alert .content .message {
	padding-top: 20px;
}

.layer_subscribe .content {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 290px;
	margin: auto;
	background-color: #fff;
}

.layer_subscribe .message {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 65px;
	font-size: 0;
	padding: 0 15px;
	word-break: keep-all;
}

.layer_subscribe .message:after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.layer_subscribe .message .inner {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	vertical-align: middle;
}

.layer_subscribe .btn_wrap {
	position: absolute;
	right: 0;
	bottom: 15px;
	left: 0;
}

.layer_subscribe .btn_layer {
	display: block;
	line-height: 50px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.5);
}

.layer_subscribe .btn_layer.type_continue {
	color: #ff262f;
}

.information_section {
	position: relative;
	padding-top: 23px;
}

.information_section:after {
	content: '';
	position: absolute;
	top: 0;
	left: -20px;
	right: -20px;
	height: 1px;
	background-color: #ededed;
}

.information_section .information_title {
	font-size: 15px;
	font-weight: 500;
	color: #555;
}

.information_section .information_list_title {
	padding: 3px 0 15px;
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	color: #000;
}

.information_section .information_list {
	font-size: 13px;
	color: #999;
}

.information_section .information_item {
	position: relative;
	padding-left: 7px;
	line-height: 16px;
}

.information_section .information_item + .information_item {
	margin-top: 6px;
}

.information_section .information_item:before {
	content: '';
	position: absolute;
	top: 6.5px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #999;
}

.information_section .information_item a {
	color: #333;
	text-decoration: underline;
}

.input_check_label {
	display: block;
	line-height: 22px;
}

.input_check_label:before {
	content: '';
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}

/* setting.scss */
.setting_header {
	position: relative;
	height: 48px;
	margin: 0 auto;
	line-height: 48px;
	text-align: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.setting_header .title {
	font-size: 17px;
	font-weight: bold;
}

.setting_header .btn_back {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	padding: 10px;
}

.setting_header .btn_back:before {
	content: '';
	display: block;
}

.setting_header .btn_close {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	padding: 10px;
}

.setting_header .btn_close:before {
	content: '';
	display: block;
}

.setting_container {
	margin: 0 auto;
}

.setting_content {
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 20px 50px;
	max-width: 1024px;
}

.setting_list {
	padding: 20px;
	font-size: 17px;
	line-height: 28px;
}

.setting_list + .setting_list {
	-webkit-box-shadow: 0px -1px 0px 0px rgba(213, 213, 213, 0.5);
	        box-shadow: 0px -1px 0px 0px rgba(213, 213, 213, 0.5);
}

.setting_list .title {
	font-size: 17px;
	font-weight: 500;
	color: #797979;
}

.setting_list .sub_list {
	margin-top: 12px;
}

.setting_list .sub_link {
	display: block;
	position: relative;
	line-height: 48px;
}

.setting_list .sub_link:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto 0;
}

/* ticket_shop.scss */
.shop_wrap {
	min-height: 100%;
	padding-bottom: 20px;
	background: #fbfbfb;
	color: #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.shop_wrap .point {
	color: #0ee071;
}

.shop_header {
	padding: 32px 20px 0;
}

.shop_header .title {
	line-height: 36px;
	font-size: 30px;
	font-weight: bold;
}

.shop_header .point {
	display: inline-block;
	position: relative;
	font-size: 23px;
	line-height: 24px;
	font-weight: bold;
	color: #0AD269;
	vertical-align: top;
	z-index: 1;
}

.shop_header .point:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	height: 18px;
	opacity: 0.3;
	z-index: -1;
	background-color: #96ffb8;
}

.shop_header .description {
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
	color: #4f4f4f;
}

html[data-useragent*="Android"] .shop_header {
	padding-top: 21px;
}

.plan_choice .shop_header .title {
	font-size: 32px;
	margin-bottom: 4px;
}

.plan_choice .shop_content {
	border-top: 0;
	margin-top: 0;
}

.plan_select {
	position: relative;
	padding: 0 20px;
	margin-top: 30px;
	overflow: hidden;
}

.plan_select:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e1e1e1;
}

.plan_select .plan_name {
	position: relative;
	float: left;
}

.plan_select .plan_name ~ .plan_name {
	margin-left: 19px;
}

.plan_select .plan_name .plan_text {
	display: inline-block;
	font-size: 20px;
	font-weight: 600;
	color: #b9b9b9;
	padding-bottom: 14px;
}

.plan_select .plan_name[aria-selected="true"] .plan_text {
	color: #0ee071;
	border-bottom: 3px solid #0ee071;
}

.shop_content {
	position: relative;
	margin-top: 24px;
	padding-top: 1px;
	border-top: 1px solid #ededed;
}

.shop_content .inner {
	padding: 0 20px;
}

@media all and (min-width: 1024px) {
	.shop_content .inner {
		width: 1024px;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
}

.type_app .shop_content .inner {
	width: auto;
}

.shop_content .plan_type {
	font-size: 17px;
	font-weight: 500;
}

.shop_content .plan_area {
	margin-top: 32px;
}

.shop_content .plan_area + .plan_area {
	margin-top: 52px;
}

@media all and (min-width: 1024px) {
	.shop_content .plan_list {
		margin: 0 -10px;
	}
}

.shop_content .plan_list:after {
	content: '';
	display: block;
	clear: both;
}

.shop_content .plan_item {
	margin-top: 12px;
	position: relative;
	z-index: 10;
}

@media all and (min-width: 1024px) {
	.shop_content .plan_item {
		float: left;
		width: 50%;
	}
}

.shop_content .plan_checkbox:checked + .plan_label {
	background-color: #616773;
	color: #fff;
}

.shop_content .plan_checkbox:checked + .plan_label:after {
	display: block;
}

.shop_content .plan_checkbox:checked + .plan_label .price {
	color: #fff;
}

.shop_content .plan_checkbox:checked + .plan_label .info_box {
	color: #c1c4ca;
}

.shop_content .plan_checkbox:checked + .plan_label .info_box p:first-child {
	color: #fff;
}

.shop_content .plan_checkbox:checked + .plan_label .ico_rectangle {
	color: #fff;
	border: solid 0.5px rgba(255, 255, 255, 0.49);
	background-color: rgba(0, 0, 0, 0.15);
}

.shop_content .plan_checkbox:checked + .plan_label:active {
	color: #fff;
	background-color: #4c525c;
}

.shop_content .plan_checkbox:checked + .plan_label:active .price {
	color: #fff;
}

.shop_content .plan_label {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 20px 22px;
	border-radius: 6px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
}

.shop_content .plan_label:active {
	background-color: #f7f7f7;
}

@media all and (min-width: 1024px) {
	.shop_content .plan_label {
		margin: 0 10px;
		padding: 33px 68px 35px 27px;
	}
}

.shop_content .plan_label:after {
	content: '';
	display: none;
	position: absolute;
	right: 22px;
	bottom: 20px;
}

@media all and (min-width: 1024px) {
	.shop_content .plan_label:after {
		right: 30px;
	}
}

.shop_content .plan_label .name {
	font-size: 23px;
	line-height: 26px;
}

.shop_content .plan_label .ico_rectangle {
	display: inline-block;
	vertical-align: top;
	margin-left: 8px;
	padding: 5px 8px;
	line-height: 14px;
	color: #0ee071;
	font-size: 12px;
	font-weight: bold;
	border-radius: 2px;
	border: solid 0.5px #0ee071;
}

.shop_content .plan_label .price {
	line-height: 22px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.3px;
	float: right;
	color: #5e5e5e;
}

.shop_content .plan_label .info_box {
	color: #c1c4ca;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0.28px;
	padding-right: 42px;
	margin-top: 26px;
}

.shop_content .plan_label .info_box p {
	margin-top: 4px;
}

.shop_content .plan_label .info_box p:first-child {
	margin-top: 0px;
	color: #5e5e5e;
}

.shop_content .plan_label .notice {
	display: block;
	margin-top: 7px;
	line-height: 22px;
	color: #0ee071;
	font-size: 15px;
}

.shop_content .plan_label.btn_plan:after {
	display: block;
	right: 12px;
}

.shop_content .information_section {
	position: relative;
	margin: 40px 0 24px;
	padding-top: 22px;
}

.type_app .shop_content .inner {
	width: auto;
}

.page_shop .btn_subscribe .text {
	font-weight: bold;
}

@media all and (max-width: 1023px) {
	.page_shop.is_floating .shop_content {
		padding-bottom: 55px;
	}
	.page_shop.is_floating .btn_area {
		position: fixed;
		left: 20px;
		right: 20px;
		bottom: 19px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		padding: 18px 0 0;
		width: calc( 100% - 40px);
		z-index: 10;
	}
	.page_shop.is_floating .btn_area .btn_subscribe {
		position: relative;
		z-index: 20;
	}
	.page_shop.is_floating .btn_area .btn_subscribe::selection {
		background: red;
	}
	.page_shop.is_floating .btn_area::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 93px;
		background: url(../img/bg_btn.png) repeat-x 50% 0;
		background-size: 375px 93px;
		z-index: 11;
	}
}

.link_area {
	margin-bottom: 40px;
	text-align: center;
}

.link_area .link_text {
	line-height: 14px;
	color: #808080;
	font-size: 12px;
	letter-spacing: 0;
}

.link_area .link_text + .link_text {
	margin-left: 16px;
}

.link_area .link_text:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	margin: 4.5px 0 0 5px;
}

@media all and (min-width: 1024px) {
	.shop_content .inner {
		width: 1024px;
		margin: 0 auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.shop_content .plan_list {
		margin: 0 -10px;
	}
	.shop_content .plan_item {
		float: left;
		width: 50%;
	}
}

@media all and (max-width: 1023px) {
	.page_shop.is_floating .shop_content {
		padding-bottom: 55px;
	}
	.page_shop.is_floating .btn_area {
		position: fixed;
		left: 20px;
		right: 20px;
		bottom: 19px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 18px 0 0;
		width: calc( 100% - 40px);
		z-index: 10;
	}
	.page_shop.is_floating .btn_area .btn_subscribe {
		position: relative;
		z-index: 20;
	}
	.page_shop.is_floating .btn_area .btn_subscribe::selection {
		background: red;
	}
	.page_shop.is_floating .btn_area::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 93px;
		background: url(../img/bg_btn.png) repeat-x 50% 0;
		background-size: 375px 93px;
		z-index: 11;
	}
}

/* purchases.scss */
.page_purchases {
	background-color: #fff;
}

.purchases_wrap {
	min-height: 100%;
	background: #fff;
	color: #000;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.purchases_wrap .point {
	color: #0ee071;
}

.purchases_header {
	padding: 24px 20px 28px;
	width: auto;
}

.purchases_header .title {
	overflow: hidden;
	line-height: 20px;
	font-size: 17px;
	font-weight: 500;
}

.purchases_header .title .price {
	float: right;
	color: #0ad269;
	font-weight: bold;
}

.purchases_header .description {
	margin-top: 5px;
	font-size: 13px;
	line-height: 16px;
	color: #808080;
}

.purchases_content {
	padding-top: 29px;
	border-top: 1px solid #ededed;
}

.purchases_content .title {
	padding: 0 20px;
	height: 48px;
	line-height: 48px;
	font-size: 17px;
	font-weight: normal;
	color: #808080;
}

.purchases_content .inner {
	padding: 0 20px;
}

.purchases_content .payment_list .payment_label {
	overflow: hidden;
	display: block;
	height: 48px;
	line-height: 48px;
	color: #000;
	font-size: 17px;
}

.purchases_content .payment_list .payment_label .payment_icon {
	float: left;
	margin: 16px 12px 0 0;
	width: 24px;
	height: 16px;
}

.purchases_content .payment_list .payment_label .payment_icon.google {
	background-position: -28px 0;
}

.purchases_content .payment_list .payment_label .payment_icon.docomo {
	background-position: 0 -20px;
}

.purchases_content .payment_list .payment_label .payment_icon.au {
	background-position: 0 0;
}

.purchases_content .payment_list .payment_label .payment_icon.softbank {
	background-position: -28px -20px;
}

.purchases_content .payment_list .payment_label .payment_icon.creditcard {
	background-position: 0 -40px;
}

.purchases_content .payment_list .payment_label::after {
	content: '';
	display: block;
	float: right;
	margin-top: 15px;
	width: 18px;
	height: 18px;
	background-position: -58px 0px;
}

.purchases_content .payment_list .payment_radio:checked + .payment_label::after {
	background-position: -78px 0;
}

.purchases_content .payment_list .payment_notice {
	padding: 0 34px 0 36px;
	line-height: 16px;
	color: #808080;
	font-size: 13px;
	word-wrap: break-word;
	word-break: keep-all;
}

.page_purchases .page_btn {
	margin: 144px 0 20px;
	padding: 0 20px;
}

.page_purchases .page_btn .btn_subscribe .text {
	font-weight: bold;
}

/* register.scss */
.page_register .img_gift_card {
	margin: 0 auto;
	-webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
	        box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);
}

.page_register .register_wrap {
	min-height: 100%;
	background-color: #fbfbfb;
}

.page_register .register_container {
	padding-top: 40px;
	max-width: 1024px;
	margin: 0 auto;
}

.page_register .register_content {
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 20px 20px;
	max-width: 1024px;
}

.page_register .register_notice {
	margin-top: 30px;
	line-height: 20px;
	text-align: center;
	color: #000;
	font-size: 15px;
}

.page_register .setting_container {
	max-width: 1024px;
	margin: 0 auto;
}

.register_default .user_input {
	position: relative;
	margin-top: 30px;
	padding-bottom: 39px;
}

.register_default .user_input.is_unusable:after {
	content: '';
	position: absolute;
	top: 17px;
	right: 19px;
	margin: auto 0;
}

.register_default .user_input.is_unusable .error_text {
	display: block;
}

.register_default input[type="text"].input_code {
	caret-color: #0ad269;
}

.register_default .input_code {
	margin-bottom: 12px;
	width: 100%;
	height: 48px;
	padding: 0 45px;
	border: none;
	font-size: 20px;
	line-height: 48px;
	text-align: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 3px;
	background-color: #f3f3f3;
	outline: none;
	caret-color: #0ad269;
}

.register_default .input_code::-webkit-input-placeholder {
	font-size: 18px;
	color: #b5b5b5;
}

.register_default .input_code:-ms-input-placeholder {
	font-size: 18px;
	color: #b5b5b5;
}

.register_default .input_code::-ms-input-placeholder {
	font-size: 18px;
	color: #b5b5b5;
}

.register_default .input_code::placeholder {
	font-size: 18px;
	color: #b5b5b5;
}

.register_default .btn_register {
	width: 100%;
	height: 50px;
	margin-top: 10px;
	background-color: #b6b6b6;
	font-size: 16px;
	color: #fff;
}

.register_default .error_text {
	display: none;
	margin-top: 13px;
	line-height: 16px;
	color: #ff453a;
}

.register_succeed {
	margin-top: 30px;
	padding-top: 19.5px;
	border-top: 1px solid #ededed;
}

.register_succeed .register_result {
	display: block;
	line-height: 20px;
	text-align: center;
	color: #000;
	font-size: 19px;
	font-weight: bold;
}

.register_succeed .register_date {
	margin-top: 6px;
	line-height: 20px;
	text-align: center;
	color: #808080;
	font-size: 15px;
}

.register_succeed .notice_detail {
	margin-top: 19.5px;
	padding-top: 11.5px;
	line-height: 20px;
	color: #b5b5b5;
	font-size: 13px;
	border-top: 1px solid #ededed;
}

/* email.scss */
.page_mail {
	background-color: #fff;
}

.page_mail.type_app .mail_container {
	max-width: none;
	padding-top: 8px;
}

.page_mail .mail_wrap {
	min-height: 100%;
	background-color: #fff;
}

.page_mail .mail_container {
	max-width: 1024px;
	margin: 0 auto;
}

.page_mail .mail_content {
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0 20px 50px;
	max-width: 1024px;
}

.page_mail .mail_top {
	position: relative;
	padding-bottom: 40px;
}

.page_mail .mail_top:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -20px;
	right: -20px;
	height: 1px;
	background-color: #ededed;
}

.page_mail .img_mail {
	margin: 0 auto;
	width: 145px;
	height: 78px;
	background: url(../img/bg_email.png) no-repeat 0 0;
	background-size: 145px 78px;
	-webkit-background-size: 145px 78px;
}

.page_mail .mail_notice {
	margin-top: 30px;
	line-height: 24px;
	text-align: center;
	color: #000;
	font-size: 19px;
	font-weight: bold;
}

.page_mail .mail_default .user_input {
	position: relative;
	margin-top: 30px;
	padding-bottom: 114px;
}

.page_mail .mail_default .user_input.is_unusable {
	padding-bottom: 69px;
}

.page_mail .mail_default .user_input.is_unusable .input_box:after {
	content: '';
	position: absolute;
	top: 16px;
	right: 16px;
}

.page_mail .mail_default .user_input.is_unusable .error_text {
	display: block;
}

.page_mail .mail_default .input_notice {
	margin-bottom: 8px;
	line-height: 20px;
	color: #808080;
	font-size: 13px;
}

.page_mail .mail_default .input_box {
	position: relative;
}

.page_mail .mail_default .input_box input[type="text"].input_code {
	caret-color: #0ad269;
}

.page_mail .mail_default .input_box .input_code {
	margin-bottom: 16px;
	width: 100%;
	height: 48px;
	padding: 0 40px 0 16px;
	border: none;
	font-size: 16px;
	line-height: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 3px;
	background-color: #f3f3f3;
	outline: none;
	caret-color: #0ad269;
}

.page_mail .mail_default .input_box .input_code::-webkit-input-placeholder {
	font-size: 16px;
	color: #b5b5b5;
}

.page_mail .mail_default .input_box .input_code:-ms-input-placeholder {
	font-size: 16px;
	color: #b5b5b5;
}

.page_mail .mail_default .input_box .input_code::-ms-input-placeholder {
	font-size: 16px;
	color: #b5b5b5;
}

.page_mail .mail_default .input_box .input_code::placeholder {
	font-size: 16px;
	color: #b5b5b5;
}

.page_mail .mail_default .input_box .btn_delete {
	display: none;
	position: absolute;
	padding: 5px;
	top: 12px;
	right: 12px;
}

.page_mail .mail_default .input_box .btn_delete.active {
	display: block;
}

.page_mail .mail_default .input_box .btn_delete:before {
	content: '';
	display: block;
}

.page_mail .mail_default .check_box {
	margin-bottom: 30px;
}

.page_mail .mail_default .check_box .mail_label {
	overflow: hidden;
	display: block;
	line-height: 24px;
	color: #000;
	font-size: 14px;
}

.page_mail .mail_default .check_box .mail_label:before {
	content: '';
	display: block;
	float: left;
	margin: 3px 8px 0 0;
	width: 18px;
	height: 18px;
	background-position: -58px -20px;
}

.page_mail .mail_default .check_box .mail_check:checked + .mail_label:before {
	background-position: -78px -20px;
}

.page_mail .mail_default .btn_register {
	width: 100%;
	height: 50px;
	margin-top: 10px;
	background-color: #b6b6b6;
	font-size: 16px;
	color: #fff;
}

.page_mail .mail_default .error_text {
	display: none;
	margin-top: 13px;
	line-height: 16px;
	color: #ff453a;
}

.page_mail .information_section {
	padding-top: 0;
}

.page_mail .information_section::after {
	display: none;
}

.page_mail .mail_content.input_focus .mail_top {
	display: none;
}

.page_mail .mail_content.input_focus .input_box:after {
	display: none !important;
}

.page_agreement .page_btn {
	margin: 0px 0 0px;
	padding: 18px 20px;
	position: fixed;
	bottom: 0;
	left: 0px;
	right: 0px;
	background-color: #fff;
}

html[data-useragent*="Android"] .page_agreement .page_btn {
	margin-top: 0;
}

.agreement_wrap {
	height: 100%;
	min-height: 550px;
	background: #fff;
	color: #000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.agreement_wrap .lego_label {
	font-size: 19px;
	line-height: 26px;
	color: #000;
}

.agreement_wrap .area_check_list .lego_label .area_label {
	padding-right: 10px;
	padding-left: 30px;
}

.agreement_wrap .area_check_list .lego_label .area_label:before {
	top: 8px;
	margin: 0 10px 0 0;
}

.agreement_wrap .area_check_all .lego_label .area_label {
	padding-right: 10px;
	padding-left: 30px;
}

.agreement_wrap .area_check_all .lego_label .area_label:before {
	top: 2px;
	left: 0;
	margin: 0 10px 0 0;
}

html[data-useragent*="Android"] .agreement_wrap .area_check_all .lego_label .area_label:before {
	top: 3px;
}

.agreement_wrap .lego_label .area_label {
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.agreement_wrap .lego_label .area_label:before {
	position: absolute;
	left: 4px;
	content: "";
}

.agreement_btn {
	height: 44px;
	overflow: hidden;
	position: relative;
}

.agreement_btn .btn_close {
	width: 62px;
	height: 44px;
	background: url(../img/header_btn_close.png) no-repeat 50% 50%;
	background-size: 22px 22px;
	position: absolute;
	top: 0;
	right: 0;
}

.agreement_header {
	padding: 28px 20px 30px 20px;
}

html[data-useragent*="Android"] .agreement_header {
	padding-top: 44px;
}

.agreement_header .area_title {
	margin: 0 auto;
}

.agreement_header .area_description {
	margin: 20px 0 0 0;
	font-size: 17px;
	line-height: 22px;
	color: #808080;
	text-align: center;
}

.agreement_content {
	padding: 0 20px;
}

.agreement_content .area_check_list {
	padding: 10px 5px 14px 5px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html[data-useragent*="Android"] .agreement_content .area_check_list {
	padding-bottom: 11px;
}

.agreement_content .area_check_list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 13px 0 11px 0;
	-webkit-box-align: start;
	-ms-flex-align: start;
	    align-items: flex-start;
}

.agreement_content .area_check_list .area_link_more {
	margin: 0 0 0 auto;
	padding: 4px 0;
	font-size: 14px;
	line-height: 16px;
	color: #b5b5b5;
	white-space: nowrap;
	vertical-align: top;
}

.agreement_content .area_check_all {
	padding: 19px 5px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

html[data-useragent*="Android"] .agreement_content .area_check_all {
	padding-top: 18px;
}

.agreement_content .area_check_all .area_description {
	margin: 5px 0 0 0;
	padding: 0 0 0 30px;
	font-size: 14px;
	line-height: 16px;
	color: #b5b5b5;
}

html[data-useragent*="Android"] .agreement_content .area_check_all .area_description {
	margin-top: 5px;
	line-height: 15px;
}

.before_wrap {
	min-height: 100%;
	background: #fff;
}

.before_content {
	padding: 20px 20px;
}

.before_content .area_list_subscribe {
	font-size: 14px;
	line-height: 22px;
	color: #7d7d80;
}

.before_content .area_list_subscribe li {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0 0 0 11px;
}

html[data-useragent*="Android"] .before_content .area_list_subscribe li {
	margin-top: 10.5px;
}

html[data-useragent*="Android"] .before_content .area_list_subscribe li:first-child {
	margin-top: 0;
}

.before_content .area_list_subscribe li:first-child {
	margin-top: 0;
}

.before_content .area_list_subscribe li:before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #7d7d80;
	content: "";
}

.lego_layerpop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.lego_layerpop .area_bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.4);
}

.lego_layerpop:before {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	content: "";
}

.lego_layerpop .area_inner_box {
	display: inline-block;
	position: relative;
	z-index: 2;
	max-width: 290px;
	width: 100%;
	padding: 10px 0;
	border-radius: 10px;
	background-color: #fbfbfb;
	color: #000;
	letter-spacing: 0;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.lego_layerpop .area_text_box {
	padding: 0 20px;
}

.lego_layerpop .area_text_box .area_title {
	display: block;
	margin: 20px 0 0 0;
	font-size: 18px;
	line-height: 24px;
}

.lego_layerpop .area_text_box .area_title + .area_description {
	margin-top: 10px;
	font-weight: 300;
	text-align: left;
}

.lego_layerpop .area_text_box .area_description {
	display: block;
	margin: 20px 0 0 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
}

.lego_layerpop .area_link_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 20px 0 5px 0;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
}

.lego_layerpop .area_link_box.type_column {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	    flex-direction: column;
}

.lego_layerpop .area_link_box > a {
	display: block;
	width: 100%;
	padding: 15px 6px 14px 4px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	    flex-grow: 1;
	color: #999;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.lego_layerpop .area_link_box > a.point_emphasis {
	font-weight: 500;
	color: #0ad269;
}

.policy_terms_wrap {
	min-height: 100%;
	background: #fff;
}

.policy_terms_content {
	padding: 20px 20px 40px 20px;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0;
	color: #7d7d80;
}

.policy_terms_content .area_title {
	font-size: 14px;
	color: #0ad269;
}

.policy_terms_content .area_text_plain {
	margin: 10px 0 0 0;
}

.policy_terms_content .area_subtitle {
	margin: 32px 0 0 0;
	font-size: 14px;
}

.policy_terms_content .area_dlist dt {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0 0 0 11px;
}

.policy_terms_content .area_dlist dt:before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #7d7d80;
	content: "";
}

.policy_terms_content .area_dlist dt:nth-of-type(n+2) {
	margin-top: 25px;
}

.policy_terms_content .area_dlist dd {
	margin: 10px 0 0 0;
}

.policy_terms_content .area_ulist {
	position: relative;
	margin: 10px 0 0 0;
}

.policy_terms_content .area_ulist li {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0 0 0 11px;
}

.policy_terms_content .area_ulist li:first-child {
	margin-top: 0;
}

.policy_terms_content .area_ulist li:before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #7d7d80;
	content: "";
}

.policy_terms_content .area_text_last {
	margin: 32px 0 0 0;
}

.policy_terms_content .this_link {
	text-decoration: underline;
}

.policy_terms_btn {
	height: 56px;
	text-align: center;
	color: #000;
	font-size: 17px;
	line-height: 56px;
	font-weight: 600;
	position: relative;
}

.policy_terms_btn .btn_close {
	display: block;
	width: 42px;
	height: 56px;
	background: url(../img/policy_btn_close.png) 100% 50% no-repeat;
	background-size: 22px 22px;
	position: absolute;
	top: 0;
	left: 0;
}

/*# sourceMappingURL=line_payment.css.map */
