@charset "utf-8";

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, ch1anvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	letter-spacing:0.4px;
	-webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,h6,p,li,dt,dd{font-size:14px;}
p,dt,dd{
	font-family: HiraginoSans-W3;  font-size: 14px;  font-weight: normal;  font-style: normal;  font-stretch: normal;  line-height: 1.29;  letter-spacing: normal; word-break: break-all;
}
h1,h2,h3,h4,h5,h6,strong,.btn{font-weight:bold;}
li{list-style:none;}
img{width:100%;}
body{
	/*position:relative;*/
	overflow: scroll;
	color:#000000;
	background:#F8F8F8;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
body.tsubaki{
	color:#000;
	background:#f8f8f8;
}
body.berrry{
	color:#333;
	background:#f9fafe;
}
body.vintage{
	color:#555;
	background:#f1f0ed;
}
body.kyuun{
	color:#000000;
	background:#f8f8f8;
}

input[type="submit"],
input[type="button"] {
	-webkit-appearance: none;
	border-radius: 0;
}
a{color:#000000;}

body.tsubaki a{color:#000000;}

body.berrry a{color:#cd2784;}
body.vintage a{color:#282422;}

.fBlue{color:#840d6b;font-weight:bold;}
body.tsubaki .fBlue{color:black;}
body.berrry .fBlue{color:#cd2784;}
body.vintage .fBlue{color:#b52323;}
body.kyuun .fBlue{color:#ec008c;}

.fRed{color:#840d6b; font-weight:bold;}
body.kyuun .fRed{color:#000}
body.berrry .fRed{color:#cd2784;}
body.vintage .fRed{color:#b52323;}

.fYellow{color:#64a800;font-weight:bold;}
body.tsubaki .fYellow{color:#64a800;}
body.berrry .fYellow{color:#42a910;}
body.vintage .fYellow{color:#ffed48;}
body.kyuun .fYellow{color:#ec008c;}

.errorMessage{color:#ff0000;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
.charin #totop,
#manual_post.detail #totop {
	background: #f95401;
}
.again #totop {
	background: #3BC4E8 !important;
}
body.jam #totop{ background: rgba(48, 151, 247, 1); }
body.sukkirin #totop{ background:  linear-gradient(132.46deg, #873F00 16.88%, #F2D10F 82.11%); }
#totop{
	position: fixed;
	display: block;
	background: #ec008c;
	width: 35px;
	height: 35px;
	border-radius: 17px;
	bottom: 25px;
	right: 25px;
	opacity: 0.85;
	z-index: 999;
}
.monna #totop {
    background: #258ac7;;
}
body.tsubaki #totop{ background: #EC008C; }
body.berrry #totop{ background: #cd2784; }
body.vintage #totop{ background: #282422; }


#totop img{
	display: block;
	width: 17px;
	margin: 5px auto;
	height: 23px;
}

header{
	position:relative;
	padding:1em;
	background:#840d6b;
	color:#fff;
	margin-bottom: 1em;
}
body.tsubaki header{ background:#840d6b; }
body.berrry header{ background:#cd2784; }
body.vintage header{ background:#282422; }

header h1{
	font-size: 18px;
	text-align:center;
}
header .prev{
	position: absolute;
	top: 1.3em;
	left: 1em;
	background: url(../img/arrow_prev.png) 0 0 no-repeat;
	background-size: 20px;
	width: 20px;
	height: 18px;
}
header .next{
	position: absolute;
	top: 1.3em;
	right: 1em;
	background: url(../img/arrow_next.png) 0 0 no-repeat;
	background-size: 20px;
	width: 20px;
	height: 18px;
}
header .prev a,header .next a{
	display:block;
	width: 100%;
	height: 100%;
}
.centered {
	align-items: center;
}

.tab{
	width:100%;
	overflow:hidden;
	background:#fff;
	/*border-bottom:2px solid #c8c4d6;*/
	margin-bottom: 1.4em;
}
.tab li{
	float:left;
	text-align:center;
}
body.charin .tab li a {
	color: #000;
	padding: 10px 0;
}
.tab.two li{
	width:49%;
	float:left;
}
.tab.three li{
	width: 33.3333%;
	float:left;
}
.tab.three {
	background-color: #f8f8f8;
}
body.tsubaki .tab li.active a { color: #ec008c }
body.charin .tab li.active a { color: #000;}
.tab li.active,.tab li:hover{ border-bottom:1px solid #ec008c; }
body.charin .tab li.active { border-bottom: solid #ccc 4px; background-color: #EAEAEA;}
body.tsubaki .tab li.active,.tab li:hover{ border-bottom:1px solid #ec008c; }
body.berrry .tab li.active,.tab li:hover{ border-bottom:5px solid #cd2784; }
body.vintage .tab li.active,.tab li:hover{ border-bottom:5px solid #282422; }
body.kyuun .tab li.active,.tab li:hover{ border-bottom:1px solid #ec008c; }
body.kyuun .tab li.active a{ color: #ec008c; }

.tab li a{
	padding: 10px 0;
	display:block;
	/*border-left:2px solid #c8c4d6;*/
	height: 1.8em;
	line-height: 1.8em;
	color: #840d6b;
	text-decoration: none;
}
body.tsubaki .tab li a{ color: #000000; }
body.berrry .tab li a{ color: #cd2784; }
body.vintage .tab li a{ color: #282422; }
body.kyuun .tab li a { color: #4a4a4a; }

.tab li:first-child a{
	border:none;
}
.titleArea{
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #c8c4d6;
	margin-bottom: 1em;
	text-align: center;
	padding: 0.6em 0.6em 0.5em;
}
.titleArea.radius{
	width: 90%;
	margin: 0 auto 1em;
	border-radius: 3px;
	color: #840d6b;
}
body.tsubaki .titleArea.radius{ color: #840d6b; }
body.berrry .titleArea.radius{ color: #cd2784; }
body.berrry .titleArea.radius{ color: #282422; }

#main{
	padding: 0 2.2% 40px;

}

#main section .container{
	border-radius:3px;
	background:#f8f8f8;
	/*border:1px solid #c8c4d6;*/
	margin-bottom:1em;
	color: #000000;
}
.kyuun #main section .container{
	border-radius:3px;
	background:#ffffff;
	/*border:1px solid #c8c4d6;*/
	margin-bottom:1em;
}

section h2.sectionTitle{
	padding: 0 0 12px 0.5em;
	font-size: 16px;
	color: #000000;
}
.charin section h2.sectionTitle{
	padding: 0 0 0.5em 0.5em;
	font-size: 16px;
	color: #ECCD61;
}

.firstText{
	margin-bottom:1.3em;
	text-align:left;

}

.btnIndexKy{
	background-image: linear-gradient(110deg, #ec008c, #fc6767);
	box-sizing: border-box;
	color: #ec008c;
	display: block;
	letter-spacing: 1px;
	margin: 0 auto;
	padding: 1px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 2;
	width: 200px;
	height: 36px;
	border-radius: 25px;
	box-shadow: 0 16px 24px -19px rgba(187, 55, 101, 0.1);
}

.btnIndexKy span {
	color: #ec008c;
	align-items: center;
	background: #fff;
	border-radius: 40px;
	display: flex;
	justify-content: center;
	height: 100%;
	transition: background .5s ease;
	width: 100%;
}
.monna .btnIndexKy {
    background-image: linear-gradient(110deg, #258AC7, #5CC2E2);
}
.monna .btnIndexKy span {
    color: #459bcf;;
}

.btnIndexCharin{
	background-image: linear-gradient(98deg, #ffb461, #f95401);
	box-sizing: border-box;
	display: block;
	letter-spacing: 1px;
	margin: 0 auto;
	padding: 2px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 2;
	width: 260px;
	height: 48px;
	border-radius: 25px;
}

.btnIndexCharin span {
    position: relative;
    color: #f95401;
    font-weight: 600;
    font-size: 16px;
    align-items: center;
    background: #fff;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    height: 100%;
    transition: background .5s ease;
    width: 100%;
}

.btnIndexMuch span {
	position: relative;
	color: #FF588A;
	font-weight: 600;
	font-size: 16px;
	align-items: center;
	background: #fff;
	border-radius: 40px;
	display: flex;
	justify-content: center;
	height: 100%;
	transition: background .5s ease;
	width: 100%;
}

.btnIndexMuch{
    background-image: linear-gradient(98deg, #FF588A, #FF588A);
    box-sizing: border-box;
    display: block;
    letter-spacing: 1px;
    margin: 0 auto;
    padding: 2px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 2;
    width: 260px;
    height: 48px;
    border-radius: 25px;
}

.btnIndexMuch span {
    position: relative;
    color: #FF588A;
    font-weight: 600;
    font-size: 16px;
    align-items: center;
    background: #fff;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    height: 100%;
    transition: background .5s ease;
    width: 100%;
}

.btnIndexMuch img {
    position: absolute;
    width: 18px;
    z-index: 100;
    left: 8px;
    top: 7px;
}
input,textarea,button,select,a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.btnIndexCharin img {
	position: absolute;
	width: 18px;
	z-index: 100;
	left: 8px;
	top: 7px;
}
.btn.main{
	width:90.5%;
	margin:0 auto;
	text-align: center;
}
.btn_index {
	padding-top: 15px;
	text-align: center;
}
.two .btn{
	width: 48%;
}
.two .btn:first-child{
	float: left;
}
.two .btn.main+.btn.main{
	float: right;
}
.two .btn.main{
	float: left;
}
.two .btn.cancel{
	float: right;
}
.btnContainer.two:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.btn input{
	display: block;
	width: 100%;
	border: none;
	line-height: 1.5em;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.much .btn.main a,
.much .btn.main input{
	display:block;
	/*background:#840d6b;*/
	background: linear-gradient(110deg, #ec008c, #fc6767);
	color:#fff;
	padding: 1.2em;
	border-radius: 25px;
	text-decoration:none;
	margin-bottom: 2px;
}
.monna .btn.main a,
.monna .btn.main input {
    background: linear-gradient(110deg, #258AC7, #5CC2E2);
}
.sukkirin .btn.main a,
.sukkirin .btn.main input {
    background: linear-gradient(132.46deg, #873F00 16.88%, #F2D10F 82.11%)!important;
}
body.tsubaki .btn.main a,body.tsubaki .btn.main input{
	box-shadow: 0 16px 24px -19px rgba(187, 55, 101, 0.6);
	background-image: linear-gradient(110deg, #ec008c, #fc6767);
}
body.berrry .btn.main a,body.berrry .btn.main input{ background:#cd2784; box-shadow: 0 2px #b82075; }
body.vintage .btn.main a,body.vintage .btn.main input{ background:#282422; box-shadow: 0 2px #131111; }
body.kyuun .btn.main a,body.vintage .btn.main input{ background-image: linear-gradient(110deg, #ec008c, #fc6767); box-shadow: none; }


.btn.main.is_yellow a{
	background:#64a800;
	box-shadow: none;
	border-radius: 30px !important;
}
.btn.cancel{
	width:90.6%;
	margin:0 auto;
	text-align: center;
}
.btn.cancel a{
	display:block;
	background:#929ba0;
	color:#fff;
	padding: 0.8em 0;
	border-radius: 7px;
	text-decoration:none;
}
.btn.back{
	width:4em;
	margin:0 auto;
	text-align: center;
}


.btn.back a{
	display: block;
	background: #929ba0;
	color: #fff;
	padding: 0.4em 0 0.3em;
	border-radius: 3px;
	text-decoration: none;
	margin-top: 1.4em;
}
.charin .btn.back a{
	display: block;
	background: #929ba0;
	color: #fff;
	padding: 0.4em 0 0.3em;
	border-radius: 3px;
	text-decoration: none;
	margin-top: 0.8em;
}

.containerTitle{
	border-bottom: 1px solid #c8c4d6;
	padding: 0.8em 0.6em 0.7em;
	font-weight: bold;
}

.btnContainer .attention{text-align:center;margin-bottom:0.5em;}



/********* #popup *********/

#popup,
#popup-pay-set,#popup-payoff, #popup-sms-error, #popup_reward, #popup_guidance, #popup_manual {
	display:block;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 1000;
	overflow: auto;
}

#popup_reward {
    z-index: 9999999;
}

#popup_reward #popupContents,
#popup_guidance #popupContents,
#popup_manual #popupContents {
    top: 30px;
    left: 0 !important;
    width: 100% !important;
    background: unset !important;
}

#popup_reward #popupContents .popup-img,
#popup_guidance #popupContents .popup-img,
#popup_manual #popupContents .popup-img {
    width: 92%;
    margin: auto;
    position: relative;
}

#popup_reward .btn-close,
#popup_guidance .btn-close,
#popup_manual .btn-close {
    position: absolute;
    right: -15px;
    top: -16px;
    width: 40px;
}

#popupContents{
	width: 86%;
	border-radius: 7px;
	position: absolute;
	top: 10px;
	left: 7%;
	background: #fff;
	z-index: 10000;
	max-height: 100%;
	/*overflow: auto;*/
}
#popup-pay-set #popupContents,
#popup-payoff #popupContents {
	top: 20%;
}

.popup-mission .mission-anime {
	max-width: 100% !important;
}

#popupContents p.title{
	color: #fff;
	padding: 0.8em;
	background: #EC008C;
	border-radius: 6px 6px 0 0;
	text-align: center;
	font-weight:bold;
}
.monna #popupContents p.title {
    background: linear-gradient(115deg, #258AC7 24%, #5CC2E2 90%);
}
.sukkirin #popupContents p.title {
    background: linear-gradient(132.46deg, #873F00 16.88%, #F2D10F 82.11%);
}
.land #popupContents p.title {
	background: linear-gradient(339deg, #3ca6fb, #921bd6);
}
.popup-mission.charin p.title {
	background: linear-gradient(279deg, #eccd61, #fbe289) !important;
	font-size: 18px;
}
body.tsubaki #popupContents p.title{ background: #EC008C; }
body.berrry #popupContents p.title{ background: #cd2784; }
body.vintage #popupContents p.title{ background: #282422; }
body.charin #popupContents p.title{ background: #ECCD61; }
body.much #popupContents p.title{ background: #FF588A; }

#popupContents p.text{
	padding: 0 0.6em;
}

.popup-mission.charin p.text {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
}

.popup-mission .btnMission {
	background: linear-gradient(98deg, #ffb461, #f95401);
	border-radius: 25px;
	color: #fff;
	position: relative;
	font-size: 15px;
	margin-bottom: 10px;
}

.popup-mission .btnMission:before {
	content: "";
	background: url(../img/highlight_btn_default.svg) no-repeat;
	top: 6px;
	left: 10px;
	width: 21px;
	height: 18px;
	position: absolute;
}

.popup-mission .btnMission a {
	background: transparent !important;
	box-shadow: none;
}

#popupContents .btnContainer{
	width: 90%;
	margin: 0 auto 1em;
	overflow: hidden;
}

.popup-mission.charin .btnContainer {
	width: 90% !important;
}

#popupContents .two .btn.main{
	width: 48%;
	float: right;
}
#popupContents .btn.main{
	width:auto;
}

#popupContents .btn.main a{
	border-radius: 5px;
}

#popupContents .two .btn.main a,#popupContents .two .btn.cancel a{
	border-radius: 4px;
	padding: 0.6em 0 0.5em;
}

#popupContents .two .btn.cancel{
	width: 48%;
	float: left;
}


#popup .error, #popup-sms-error .error li {
	color:#ff0000;
}

#popup ul.error,#popup p.error, #popup-sms-error ul.error{
	padding:0.4em 0.8em 0.8em;
}

#popup .error li, #popup-sms-error .error li{
	padding-top:0.8em;
}

#confirm-money{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 1000;
}

#stepList{padding-top:0.8em;margin-bottom: 0.8em;}

#stepList ul{text-align: center;}

#stepList ul{text-align: center;}
#stepList li{
	display: inline-block;
	margin-left: 0.1em;
	padding: 0.6em 0.8em 0.5em;
	background: #929ba0;
	border-radius: 20px;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
}
#stepList li.current{
	background: #840d6b;
	font-weight: bold;
	font-size: 14px;
}
body.tsubaki #stepList li.current{ background: #840d6b; }
body.berrry #stepList li.current{ background: #cd2784; }
body.vintage #stepList li.current{ background: #282422; }

#stepList li:first-child{margin-left:0;}



#credixAttention{margin-top:2em;}
#credixAttention h2{
	color: #fff;
	background: #929ba0;
	text-align: center;
	padding: 0.5em 2.2%;
	width: 100%;
	margin: 0 0 0.5em -2.2%;
}
#credixAttention b,#credixAttention strong{color:#840d6b;}
body.tsubaki #credixAttention b,body.tsubaki #credixAttention strong{color:#840d6b;}
body.berrry #credixAttention b,body.berrry #credixAttention strong{color:#cd2784;}
body.vintage #credixAttention b,body.vintage #credixAttention strong{color:#282422;}

#credixAttention h2,#credixAttention h3,#credixAttention h4{font-size:12px;}
#credixAttention p.title{font-size:12px;font-weight:bold;}
#credixAttention dt,#credixAttention dd,#credixAttention p,#credixAttention li,#credixAttention address{font-size:11px;}
#credixAttention dt{
	color: #840d6b;
	margin: 0.5em 0 0.2em;
}
body.tsubaki #credixAttention dt{ color: #840d6b; }
body.berrry #credixAttention dt{ color: #cd2784; }
body.vintage #credixAttention dt{ color: #282422; }


#credixAttention .payment_alert{padding:0.5em;margin:0.5em 0;border:1px solid #c8c4d6;border-radius:3px;}
#credixAttention .payment_alert strong{color:#ff0000;}
#credixAttention address{font-style:normal;}


#popup p.fBlue{
	text-align:center;
	margin:0.8em 0;
}
#popup dl{
	overflow: hidden;
	padding: 0 0 0.2em;
	border-bottom: 1px dotted #929ba0;
	margin: 0 0.8em 0.8em;
}




.cTitle{
	display: block;
	text-align:center;
	color: #EC008C;
	font-weight: bold;
	/*margin-top: 0.4em;*/
	margin-bottom: 0;
	/* border: 1px solid #ff0000; */
	border-radius: 3px;
	padding: 1.2em 0.4em;
	background: #fff9e5;
	line-height: 1.6;
	letter-spacing: 0.8px;
	font-size: 16px;
	/* width: 100%; */
}
.cTitle.charin {
	color: #f95401;
}
.cTitle .txt_title {
	background: linear-gradient(transparent 50%, #fff600 0%);
}
.cTitle strong{
	font-size:18px;
}

#popup.bonusup #popupContents {
	width: 86%;
	top: 10px;
	left: 7%;
	box-sizing: border-box;
	background: transparent;
}
.kyuun #popup.bonusup #popupContents {
	top: 3.5%;
}
#popup.bonusup #popupContents .image {
	line-height: 0;
	overflow: hidden;
	border-radius: 7px;
}

#popup.bonusup #popupContents .btnContainer {
	margin: 0;
	width: 100%;
}


#popup.bonusup #popupContents .btn.main.close {
	display: block;
	color: #fff;
	text-decoration: none;
	z-index: 1000;
	background: #000000;
	border-radius: 35px;
	width: 43px;
	height: 43px;
	font-size: 20px;
	margin: 15px auto 0;
	text-align: center;
	left: 0;
	right: 0;
	line-height: 43px;
}
body.tsubaki #popup.bonusup #popupContents .btn.main.close { background: #000000; }
body.berrry #popup.bonusup #popupContents .btn.main.close { background: #cd2784;}
body.vintage #popup.bonusup #popupContents .btn.main.close { background: #282422;}

@media all and (min-width: 480px) {
	#popup.bonusup #popupContents {
		width: 440px;
		margin: 0 auto;
		position: relative;
		left: inherit;
	}
}

@media all and (max-width: 359px) {
	#popup.bonusup #popupContents {
		width: 80%;
		top: 5px;
		left: 10%;
		box-sizing: border-box;
	}
}



.enquete-list{
	position: fixed;
	background: #fff;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.15);
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 10;
}
.enquete-list__item{
	position: relative;
	width: 100%;
	box-sizing: border-box;
}
.enquete-list__item__link{
	display: block;
	padding: 12px;
}
.enquete-list__item__link:after{
	content: "";
	display: block;
	position: absolute;
	top: 16px;
	right: 12px;
	width: 8px;
	height: 12px;
	background: url(../img/arrow_right.png) 0 0 no-repeat;
	background-size: 8px;
}


/***TutorialIndex.tpl***/
.enquete-list + header{
	padding-top: 45px;
}
/***TutorialIndex2.tpl***/
body#tutorial .enquete-list + #main,
body#work .enquete-list + #main{
	padding-top: 45px;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 51px;
	height: 51px;
	margin: 6px;
	border: 6px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.full-loading {
	display: none;
	position: fixed;
	z-index: 9998;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.63);
	width: 100%;
	height: 100%;
}

.full-loading .lds-ring {
	position: fixed;
	z-index: 9999;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
}

.show-loading {
	overflow: hidden !important;
}

.show-loading .full-loading {
	display: block;
}

.resend-sms {
    text-align: center;
    margin: 30px 25px 25px 25px;
}

/* For Again */
.again .cTilte_bg {
	background: url(../img/cTitle_bg.png) no-repeat;
	background-size: cover;
}
.again .cTitle {
	padding: 22px 0 20px 0;
	color: #2F353D;
	background: transparent;
	font-size: 18px;
}
.again .filterInner dt {
	font-size: 13px;
	color: #85868a;
}
.again .btnSearch::before {
	background: url(/common/img/ic_search_faq_again.svg) no-repeat;
	margin: 9px 4px 0 10px;
}
.again .filterInner #linkCat li.active a:before {
	background-color: #3CC4E8;
	background-position: 3px 5px;
	border: none;
	width: 21px;
	height: 21px;
}
.again .filterInner #linkCat li a:before {
	background: transparent;
	border: solid 1px #b8bcc1;
	width: 20px;
	height: 20px;
}
.again .btnOpen:before {
	color: #2bafde;
}
.again input.chk:checked ~ .wrapFaq .btnOpen:before {
	color: #2bafde;
}
.again input.chk:checked ~ .wrapFaq .btnOpen {
	background: #fff;
}
.again input.chk:checked ~ .wrapFaq .wrapAns {
	background: #fff;
}
.again .titLv1 {
	font-size: 13px;
	color: #85868a;
}
.again .btnBlock.btnHalf:after {
	background: url(/common/img/ic_reload_faq_again.svg) no-repeat;
	width: 18px;
	height: 18.7px;
	margin-left: 15px;
}
.again .wrapBtnQ .btnQ.btnTop {
	width: 270px;
	height: 42px;
	border-radius: 5px;
	background-image: linear-gradient(118deg, #5dd0dc , #14aaf6);
	margin: 20px 0;
}
.again .wrapBtnQ .btnQ.btnTop span {
	color: #fff;
}
.again .wrapBtnQ .btnTop span:before {
	border-color: #fff;
}
.again .wrapBtnQ.wrapBtnTop {
	background-color: #fff;
	border: 1px solid #f1f1f1;
}
.again .btnBlock.btnClose:before {
	top: 8px;
	background: url(/common/img/ic_close_faq_again.svg) no-repeat;
}
.again #workMenuTitle {
	background: #2f353d;
	color: #fff;
}
.again #workMenu li a {
	color: #85868a;
}
.again .btnIndexKy {
	border-radius: 4px;
	width: 279px;
	box-shadow: 0 10px 20px 0 rgba(83, 83, 83, 0.05);
	border: solid 1px #2f353d;
	background: #ffffff;
}
.again .btnIndexKy span {
	color: #000;
}
.again #historyContainer .container > dl {
	background: #fff;
	border-bottom: 1px solid #f1f1f1;
}
.again #historyContainer .container > dl dt {
	color: #00b1ef;
	border-color: #00b1ef;
	font-size: 13px;
}
.again #historyContainer .container > dl dd {
	color: #00b1ef;
	font-size: 13px;
}
.again #historyContainer .container li dd {
	color: #85868a;
}
.again #historyContainer .container .contents dl {
	background: url(../img/arrow_right_again.svg) no-repeat 95% center;
}
.again#contact_history .prev {
	color: #00b1ef;
}
.again#contact_history .prevNext .next{
	color: #00b1ef;
	margin-bottom: 0;
}
.again#contact_history .prevNext {
	padding: 20px 14px;
	background-color: #f8f8f8;
}
.again .sectionTitle {
	background-color: #f8f8f8;
	position: relative;
	padding: 20px 16px;
}
.again .sectionTitle::before {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #f8f8f8;
}
.again.contact #main {
	margin-top: 0px;
	background-color: #fff;
	padding: 0;
}
.again #form p.image {
	position: relative;
}
.again .inputfile::-webkit-file-upload-button {
	padding: 13px 37px;
	margin-top: 10px;
	font-size: 15px;
	border-radius: 4px;
	border: solid 1px #00b1ef;
	color: #00b1ef;
	display: inline-block;
	background-color: #fff;
	outline: none;
}
.again#contact2 .number {
	background-color: #fff;
	font-size: 13px;
	color: #00b1ef;
	padding: 15px 16px;
}
.again #answerContainer dl.answer {
	background-color: #fff;
}
.again #answerContainer .contents dd.date {
	font-size: 15px;
}
.again#contact2 #answerContainer dl.question {
	margin-bottom: 16px;
}
.again #answerContainer dl.question dt {
	color: #000;
}
.again input[type='radio'] {
	margin-right: 10px;
}
.again input[type='radio']:after {
	width: 20px;
	height: 20px;
	border: none;
	background: transparent;
	border: solid 1px #b8bcc1;
}
.again input[type='radio']:checked:after {
	background-image: url(/common/img/ic_check_faq_again.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	border: none;
	width: 20px;
	height: 20px;
	background-color: transparent;
}
.again #main .container {
	margin-bottom: 0;
	padding: 10px 16px;
}
.again #main #form .container {
	padding: 10px 16px;
}
.again #historyContainer .more {
	padding: 10px;
	background-color: #f8f8f8;
	margin-bottom: 0;
}
.again #historyContainer .more a {
	color: #00b1ef;
}
.again form .select-subject {
	background: #ffffff url(../img/ic_dropdown_support_again.svg) no-repeat 96% 50%;
	border-bottom: 1px solid #f1f1f1;
}
.again #answerContainer .solutionBox span.btn {
	background: #fff;
	font-weight: normal;
}
.again#contact_check .btnContainer {
	background-color: #f8f8f8;
	padding: 18px;
}
.again#contact_check .btnContainer .text {
	margin: 0;
}
.again #boxSelect {
	border-bottom: 1px solid #f1f1f1;
}
.again .filterInner dd {
	padding-bottom: 0;
}
.again#contact_check #popupContents p.title {
	background: #fff;
	color: #000;
	border-bottom: 1px solid #f1f1f1;
}
.again#contact_check #popupContents .btnContainer {
	background: #fff;
	padding: 0;
}
.again .filterInner #linkCat li:nth-child(2n){
	margin-top: 10px;
	margin-bottom: 0px;
}
.again .filterInner #linkCat li {
	border-bottom: 1px solid #f1f1f1;
	margin: unset;
	margin-top: 10px;
}

.again .filterInner #linkCat li:nth-child(2n) a{
	margin: unset;
}

.again .filterInner #linkCat {
	margin-bottom: -1px;
}

.again .filterInner #linkCat li a {
	padding-bottom: 20px;
	margin: 0px;
}
.again .wrapBtnQ .btnTop span:before {
	width: 8px;
	height: 8px;
	left: -24px;
}
.again .filterInner .wrap input:focus {
	border: solid 1px #00a3fe;
}
.again .filterInner .wrap input {
	padding: 8px 0 8px 29px;
}

/* Phase 2 */
.again .tab.three {
	background: #fff;
}
.again .tab.three a{
	color:#b8bcc1;
}
.again#pay_explain #payContainer {
	background: #f7f7f7;
}
.again#pay_explain .explainContents {
	background: #f7f7f7;
	border: none;
}
.again#pay_explain.campaign .cPoint {
	color: #00b1ef !important;
}
.again#pay_explain .table th.headTable {
	background: #00b1ef !important;
	border: solid 1px #ffffff;
}
.again#pay_explain .table {
	border-color: #fff;
}
.again#pay_explain .table th {
	border-color: #fff;
	color: #2f353d;
	background-color: #e4e4e4;
}
.again#pay_explain .table td {
	border-color: #fff;
}
.again#pay_explain .explainContents dt, .again#pay_explain .explainContents h2 {
	border: none;
	font-size: 17px;
	color: #2f353d;
}
.again#pay_explain .explainContents dd {
	font-size: 15px;
	color: #2f353d;
}
.again#pay_explain .explainContents .fBold{
	font-size: 17px;
	color: #2f353d;
	margin-bottom: 24px;
}
.again#pay_explain.campaign dd s {
	color: #b8bcc1;
}
.monna .tab li.active, .tab li:hover {
    border-bottom: 1px solid #258AC7;
}
.monna .tab li a {
    color: #4A4A4A;
}
.monna .tab li.active a {
    color: #258AC7;
}
.monna .tab_month li.active {
    background-image: linear-gradient(110deg, #258AC7, #5CC2E2);
}
.monna .tab_month li:first-child:not(.active) ~ li:last-child:not(.active) {
    border-left: 1px solid #258AC7;
}
.monna .goal-monthly__number,
.monna .goal-now__number,
.monna .goal-rate__number,
.monna .chart__hero {
    color: #258AC7;
}
.again .tab li.active, .tab li:hover {
	border: none;
	position: relative;
}
.again .tab li.active::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 3px;
	border-radius: 2px;
	background-image: linear-gradient(108deg, #5dd0dc, #14aaf6);
	position: absolute;
	bottom: 8px;
}
.again .tab.three {
	border: none;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.03);
}
.again .tab li a {
	color: #b8bcc1;
}
.again .tab li.active a {
	color: #21b0dd;
}
.again .payContents dl dd {
	color: #00b1ef;
	font-weight: normal;
}
.again.pay-index #payContainer .pay-summary .sectionTitle {
	color: #85868a;
	font-size: 13px;
}
.again.pay-index .payContents dd span {
	font-weight: normal;
	font-size: 13px;
}
.again.pay-index .payContents dl dd  {
	font-weight: bold;
}
.again.pay-index .pay-summary .sectionTitle::before {
	content: none !important;
}
.again.pay-index .pay-select {
	margin: 0;
	box-shadow: none;
}
.again.pay-index .pay-select__box__notes .text {
	color: #85868a;
	font-size: 15px;
}
.again.pay-index .title_trans {
	background: #fff;
	padding-top: 10px;
}
.again .pay-summary .payContents {
	border-radius: 4px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.03);
	border: solid 1px #f1f1f1;
	background-color: #ffffff;
}
.again #payContainer .btn_pay {
	border-radius: 4px;
	background-image: linear-gradient(118deg, #5dd0dc, #14aaf6);
	box-shadow: none;
}
.again #payContainer .form_input {
	border-radius: 4px;
	border: solid 1px #f1f1f1;
}
.again #payContainer .form_detail {
	color: #b8bcc1;
	font-size: 13px;
}
.again .btnContainer .btn.main a {
	font-size: 14px;
	font-weight: normal;
	border-radius: 4px;
	background-image: linear-gradient(118deg, #5dd0dc, #14aaf6);
	color: #fff;
	border: none;
}
.again#pay_history .prevNext span {
	color: #21b0dd !important;
	font-size: 13px;
}
.again#pay_history tr.date td div {
	font-weight: normal;
	margin: 0;
	padding: 10px 0px;
	border-radius: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.again#pay_history td {
	padding: 10px 0px;
}
.again .tab_month li.active {
	background-image: linear-gradient(127deg, #5dd0dc, #14aaf6);
	margin-top: -1px;
	height: 37px;
}
.again .tab_month {
	background: transparent;
	border: solid 1px #b8bcc1;
	overflow: unset;
	height: 35px;
}
.again .tab_month li a {
	color: #b8bcc1;
}
.again#pay_daily .thermometer-outer {
	background: transparent;
}
.again#pay_daily .meter-point {
	color: #00b1ef;
}
.again#pay_daily .thermometer-inner {
	background: transparent;
}
.again .chart__hero {
	font-size: 16px;
}
.again .daily__hero {
	font-size: 16px;
	color: #00b1ef;
	padding-top: 36px;
	margin-bottom: 24px;
}
.again#pay_daily .total {
	background: transparent;
}
.again#pay_daily .daily_table tr.total {
	border: none;
}
.again#pay_daily .point {
	color: #00b1ef;
	padding-right: 0;
}
.again#pay_daily .daily_table tr {
	border-bottom: 1px solid #f1f1f1;
}
.again#pay_daily .goal-monthly-wrap {
	box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.03);
}
.again#pay_daily a.guide-popup__button {
	border-radius: 4px;
	background-image: linear-gradient(120deg, #5dd0dc, #14aaf6);
}
.again#pay_daily .notice.is_emphasis {
	font-weight: normal;
	color: #00b1ef;
}
.again .daily {
	margin-bottom: 37px;
	padding: 0;
}
.again.ranking .ranking-other__txt,.ranking-other__txt .ranking-other__txt__strong {
	font-size: 14px;
}
.again .ranking-other__tit:before {
	top: 8px;
	width: 32px;
	height: 32px;
	background-color: transparent;
	background-size: auto;
	background-position: 0;
	border: none;
	box-shadow: none;
}
.again .ranking-other__tit-point:before {
	background-image: url(/common/img/again_rank_point.svg);
}
.again .ranking-other__tit-msg_send:before {
	background-image: url(/common/img/again_rank_up.svg);
}
.again .ranking-other__tit-msg_recv:before {
	background-image: url(/common/img/again_rank_down.svg);
}
.again .ranking-other__tit-voice:before {
	background-image: url(/common/img/again_rank_phone.svg);
}
.again .ranking-other__tit-video:before {
	background-image: url(/common/img/again_rank_video.svg);
}
.again .ranking-other__item {
	border-radius: 0;
	margin-top: 0;
	padding: 10px 0px;
	background: transparent;
	border: none;
	border-bottom: 1px solid #f1f1f1;
}
.again .ranking-other__tit {
	color: #00b1ef;
}
.again .ranking__tit {
	background-image: url(../img/again_point_rank_title.png);
}
.again .ranking__tit__main {
	color: #2f353d;
}
.again .ranking-main-tit {
	color: #00b1ef;
}
.again .ranking-switch {
	border: solid 1px #b8bcc1;
	background: transparent;
	overflow: unset;
}
.again .ranking__tit__sub {
	color: #2f353d;
	font-size: 18px;
}
.again .ranking-switch__item {
	background: linear-gradient(138deg, #5dd0dc, #14aaf6);
}
.again .ranking-switch__item:first-child {
	border: none;
}
.again .ranking-own__txt-point {
	color: #00b1ef !important;
	font-weight: normal;
}
.again .ranking-own__tit,.again .ranking-own__txt__strong {
	color: #2f353d
}
.again .ranking-switch__item a {
	background: #f8f8f8;
	color: #b8bcc1;
	border-radius: 25px;
}
.again .ranking-top3 {
	width: 320px;
}
.again .ranking-own__item {
	min-height: 120px;
}
.again .ranking-own__item div {
	position: absolute;
	text-align: center;
	left: 130px;
	top: 20px;
}
.again .ranking-own__no1 {
	background: url(/common/img/again_ranking_bg_no1.png) no-repeat;
	background-size: contain;
}
.again .ranking-own__no2 {
	background: url(/common/img/again_ranking_bg_no2.png) no-repeat;
	background-size: contain;
}
.again .ranking-own__no3 {
	background: url(/common/img/again_ranking_bg_no3.png) no-repeat;
	background-size: contain;
}
.again .ranking-own__en {
	font-size: 24px;
	position: static !important;
}
.again .ranking-own__no1 .ranking-own__en,.again .ranking-own__no1 .ranking-own__pts  {
	color: #ffd43b;
	background: transparent;
	-webkit-text-fill-color:#ffd43b;
}
.again .ranking-own__no2 .ranking-own__en,.again .ranking-own__no2 .ranking-own__pts  {
	color: #6d7e81;
	background: transparent;
	-webkit-text-fill-color:#6d7e81;
}
.again .ranking-own__no3 .ranking-own__en,.again .ranking-own__no3 .ranking-own__pts  {
	color: #ac754f;
	background: transparent;
	-webkit-text-fill-color:#ac754f;
}
.again .ranking-own__pts {
	position: static !important;
}
.again .ranking-own__image__pic {
	width: 121px;
}
.again #payContainer table {
	margin: 0 auto;
	margin-bottom: 40px;
	width: 96%;
	padding: 0px 10px;

}
.again .bank_container table tr td {
	padding: 10px 0px;
}
.again #payContainer a{
	text-decoration: none;
}
.again #payContainer .table_bank{
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 15px 16px;
}
.again #payContainer .table_bank.tb2 {
	padding-bottom: 40px;
}
.again #payContainer .table_bank.tb2 a {
	color: #00b1ef;
}
.again #payContainer .table_bank.tb2 a::after {
	content: '';
	width: 14px;
	height: 1px;
	margin-left: 2px;
	display: block;
	background: #00b1ef;
}
.again #payContainer .table_bank.tb1 a::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 10px;
	background: url(/common/img/again_ic_arrow.svg);
	margin-right: 21px;
}
.again #payContainer .sectionTitle {
	color: #2f353d;
	font-weight: bold;
}
.again#pay_daily .guide-popup__title {
	background: transparent;
	color: #2f353d;
	border-bottom: 1px solid  #f1f1f1;
	font-size: 16px;
}
.again .grade-select__check {
	display: block;
	width: 24px;
	height: 24px;
	background: transparent;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: solid 1px #b8bcc1;
}
.again .is-active .grade-select__check {
	background-image: url(../img/goal-check-on-again.svg);
	border: none;
	width: 21px;
	height: 21px;
	background-size: cover;
}
.again .grade-select__number {
	color: #00b1ef;
	font-weight: normal;
}
.again input[type="submit"].grade-select__button {
	border-radius: 4px;
	background: linear-gradient(120deg, #5dd0dc, #14aaf6);
}
.again .grade-select__input {
	margin: 0;
	height: 45px;
	padding: 0 4%;
	line-height: 45px;
}
.again .grade-select__input::placeholder {
	color: #b8bcc1;
	font-size: 15px;
	min-height: 20px;
}
.again .goal-monthly__number, .again .goal-now__number, .again .goal-rate__number, .again .chart__hero {
	color: #00b1ef;
}
.again .note-list__item.is_get-point:before {
	background-color: #00b1ef;
}
.again .note-list__item.is_necessary-point:before {
	background-color: #79ecd2;
}
.again .tab_month_detail {
	line-height: 37px;
	overflow: hidden;
	margin: 25px 20px;
}
.again .tab_month_detail .active {
	background-image: linear-gradient(127deg, #5dd0dc, #14aaf6);
	color: #fff;
}
.again .tab_month_detail li {
	width: 50%;
	float: left;
	box-sizing: border-box;
	border-radius: 20px;
	text-align: center;
	color: #21b0dd;
}
.again .tab_month_detail li a {
	text-decoration: none;
	color: #21b0dd;
}
.again .tab_month_detail li:first-child::before {
	content:'';
	border-right: 2px solid;
	border-bottom: 2px solid;
	width: 7px;
	height: 7px;;
	display: inline-block;
	transform: rotate(135deg);
	margin-right: 14px;
}
.again .tab_month_detail li:last-child::after {
	content:'';
	border-right: 2px solid;
	border-bottom: 2px solid;
	width: 7px;
	height: 7px;;
	display: inline-block;
	transform: rotate(-45deg);
	margin-left: 14px;

}
.again #popupContents .btnContainer {
	width: 70%;
}

.again#pay_daily .daily_tit-name {
	margin: 0;
	padding: 24px 0px;
	font-size: 15px;
	font-weight: bold;
}
.again#pay_daily .daily_table {
	text-align: center;
}
.again .bank5_form select {
	height: 30px;
	padding-left: 10px;
	padding-right: 30px;
	margin-left: 16px;
	margin-top: 18px;
	margin-right: 16px;
	border-radius: 4px;
	border: solid 1px #85868a;
	background-color: #ffffff;
	background-image: url(../img/select_again.svg);
	background-repeat: no-repeat;
	background-position: right;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.again .bank5_form select::-ms-expand {
	display: none;
}
.again .bank5_form input {
	width: 48px;
	height: 30px;
	border-radius: 4px;
	border: solid 1px #21b0dd;
	color: #21b0dd;
	background: transparent;
}
.again #payContainer .btn_check {
	color: #fff;
	width: 100%;
	display: block;
	text-align: center;
	height: 48px;
	line-height: 48px;
	border-radius: 4px;
	background-image: linear-gradient(118deg, #5dd0dc, #14aaf6);
	margin-top: 176px;
}
.again #totop {
	display: none;
}
.wrapTitSub-again {
	text-align: left;
	padding: 20px 0px;
	color: #21b0dd;
}
.again .wrapperOp .labelOpen:after {
	color: #21b0dd;
}
.again .btnOpen:checked + .boxOpen .boxOpenInner > p {
	font-weight: normal;
}
.again .wrapOp .labOp span:before {
	background: transparent;
	border: solid 1px #b8bcc1;
	width: 20px;
	height: 20px;
}
.again .wrapOp .labOp span {
	color: #21b0dd;
	font-weight: normal;
	border: none !important;
}
.again .btnSimple2, .again a.btnSimple2 {
	max-width: 279px;
	font-size: 15px;
	border-radius: 4px;
	background: linear-gradient(98deg, #5dd0dc, #14aaf6)
}
.again .wrapperOp .labelOpen span {
	font-weight: normal;
}
.again#ageauth2 .sectionTitle {
	background: transparent;
}
.again#ageauth2 .sectionTitle::before {
	content: none;
}
.again#ageauth2  .btnContainer .attention {
	color: #85868a;
}
.again#contact_history #main .container {
	font-size: 15px;
	color: #85868a;
}
.again#contact_check .btnContainer .text span {
	font-size: 13px;
	color: #85868a;
}
.again form .content textarea {
	height: 120px;
	border-radius: 4px;
	resize: none;
	border: solid 1px #f1f1f1;
	outline: none;
}
.again .inpOp:checked + .boxOp .labOp span::before {
	background-color: #3cc4e8;
	background-image: url(/common/img/ic_check_faq.svg);
	background-repeat: no-repeat;
	background-size: 14px auto;
	background-position: 3px 5px;
	border: solid 1px #3cc4e8;
}
.again form .content textarea::placeholder {
	color: #b8bcc1;
}
.again .prevNext span.prev {
	content:'';
	border-right: 2px solid;
	border-bottom: 2px solid;
	width: 7px;
	height: 7px;
	display: inline-block;
	transform: rotate(135deg);
	margin-right: 14px;
}
.again .prevNext span.next {
	content:'';
	border-right: 2px solid;
	border-bottom: 2px solid;
	width: 7px;
	height: 7px;
	display: inline-block;
	transform: rotate(-45deg);
	margin-left: 14px;
}
.again#contact2 form .btnContainer {
	margin: 38px 23px 36px;
}
.again.pay-index .pay-set::placeholder {
	color: #b8bcc1;
	font-size: 15px;
}
.again#pay_history .prevNext {
	margin-bottom: 31px;
}
.again#pay_history #payHistoryList li {
	margin-bottom: 24px;
}
.again#pay_daily .goal-now, .again#pay_daily .goal-rate {
	box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.03);
}
.again#pay_daily .chart {
	margin-bottom: 21px;
}
.again#pay_daily.dailies .daily_table tr:first-child {
	border: none;
}
.again#pay_daily.dailies .daily_table td.date {
	text-align: left;
}
.again#pay_daily.dailies .daily_table .meter-point {
	right: 0;
}
.again#pay_daily.dailies .total td.sum {
	text-align: left;
	padding-left: 0;

}
.again#pay_daily .total td {
	padding: 14.5px 0px;
}
.again#pay_daily .daily_tit-date {
	margin-bottom: 16px;
}
.again#pay_daily .goal {
	margin-bottom: 39px;
}
.again#pay_daily .daily_tit {
	font-size: 15px;
}
.again.ranking .ranking-main-txt {
	padding-top: 10px;
}
.again .ranking-own__tit {
	font-weight: normal;
}
.again .ranking-other {
	padding-top: 0;
}
.again#pay_daily .table_detail td {
	padding:12px 0px;
}
.again#pay_daily .table_detail td.point {
	text-align: center;
}
.again#pay_daily .table_detail tr:nth-child(even) td:last-child {
	background-color: #f7f7f7;
}
.again#pay_daily .table_detail tr:last-child td:last-child {
	background-color: transparent;
}
.again .ranking-other__item:last-child {
	border: none;
}
.prevNext span.prev {
	content:'';
	border-right: 2px solid;
	border-bottom: 2px solid;
	width: 7px;
	height: 7px;;
	display: inline-block;
	transform: rotate(135deg);
	margin-right: 14px;
}
.prevNext span.next {
	content:'';
	border-right: 2px solid;
	border-bottom: 2px solid;
	width: 7px;
	height: 7px;
	display: inline-block;
	transform: rotate(-45deg);
	margin-left: 14px;
}
.again .btn.main.is_yellow a {
	border-radius: 4px !important;
}
.again#pointget_select .paymentCheck #popupContents p.title {
	background: transparent;
	border-bottom: 1px solid #f1f1f1;
	color: #2f353d;
}
.again#pointget_select .paymentCheck #popupContents p.fBlue {
	font-weight: normal;
	color: #00b1ef;
	margin: 0;
	margin-top: -10px;
}
.again#pointget_select .paymentCheck #popupContents dl {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 10px 18px;
	border-bottom: 1px solid #f1f1f1;
}
.again#pointget_select .paymentCheck #popupContents dl dt {
	font-weight: normal;
	font-size: 15px;
}
.again#pointget_select .paymentCheck #popupContents .point dd {
	font-size: 17px;
	color: #85868a;
	font-weight: normal;
}
.again#pointget_select .paymentCheck #popupContents .amount dd {
	padding: 0;
	color: #00b1ef !important;
}
.again#pointget_select .paymentCheck #popupContents .two .btn.main a {
	border-radius: 4px;
}
.again#pointget_select .paymentCheck #popupContents .two .btn.cancel a {
	border-radius: 4px;
	background-color: #d8d8d8;
	color: #2f353d;
	border: none;
}
.again#pointget_select #popupContents .btnContainer {
	margin-top: 20px;
}
.again #popup.bonusup #popupContents {
	top: 3%;
}
.again #popupContents p.title {
	background: #21b0dd !important;
}
.karakara #popupContents p.title {
	background: #FF8838 !important;
}
.again.pay-index .pay-set:focus {
	border-bottom: 1px solid #21b0dd;
}
.again#payment_select #paymentList {
	background: #fff;
}
.again#payment_select #paymentList .paymentCol.paymentindex li a {
	line-height: 0;
}
.again#payment_select #paymentList .paymentCol.paymentindex li {
	margin-top: 0;
}
.again#payment_select #paymentList .paymentCol.paymentindex li::after {
	content: '';
	width: 78%;
	float: right;
	height: 1px;
	background-color: #f1f1f1;
	display: block;
}
.again#payment_select #paymentList .paymentCol.paymentindex li:last-child::after {
	content: none;
}
.again.pay-index #popupContents{
	max-height: none;
}
.pay-index.charin .pay-summary {
	padding: 0;
	margin-bottom: 30px;
}
.pay-index.charin .payContents {
	/* display: flex;
	background: transparent; */
	box-shadow: none;
	border-radius: 12px;
}
.pay-index.charin .payContents dl {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	overflow: unset;
}
.pay-index.charin .payContents img {
	width: 86px;
	position: absolute;
	top: -21px;
	right: 8px;
}
.pay-index.charin .payContents dl:after {
	content: none;
}
.pay-index.charin .payContents dl p {
	width: 100%;
	font-weight: bold;
	font-size: 16px;
}
.pay-index.charin .payContents dl span {
	display: block;
	font-size: 14px;
	color: #000000;
}
.pay-index.charin .payContents dl .pay-summary__title {
	text-align: left;
	padding: 12px 10px ;
	font-size: 16px;
	color: #fff;
	background-image: linear-gradient(279deg, #eccd61 100%, #fbe289 0%);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.pay-index.charin #payContainer {
	padding: 0px 15px;
	margin: 0;
}
.pay-index.charin .pay-select {
	background: transparent;
	padding: 0;
	margin: 0;
	box-shadow: none;
	position: relative;
	margin-bottom: 30px;
}
.pay-index.charin .pay-select__box {
	padding: 20px 18px;
	background: transparent;
	height: auto !important;
}
.pay-index.charin .pay-select__title, .pay-index.charin .pay-complete__title {
	background-image: linear-gradient(279deg, #eccd61 100%, #fbe289 0%);
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 10px;
	border-bottom: none;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}
.pay-index.charin .pay-select__content {
	background: #fff;
	border-top: none;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
.pay-index.charin .pay-select__box .btn.main {
	margin-top: 10px;
}
.pay-index.charin .pay-select-form {
	padding: 0;
}
.pay-index.charin .pay-set {
	background-color: #f8f8f8;
	font-size: 16px;
	color: #000000;
	border: none;
	text-align: right;
	padding: 18px 16px 18px 0;
}
.pay-index.charin .pay-set:focus {
	background-color: #f8f8f8;
	border: none;
}
.pay-index.charin .pay-set::placeholder {
	font-size: 16px;
	color: #c1c1c1;
	text-align: center;
	padding: 0;
}
.charin.pay-index .pay-select__box .btn.main.disabled_btn span::before {
	background: url(../img/path.svg) no-repeat;
	content: "";
	top: 6px;
	left: 10px;
	width: 21px;
	height: 18px;
	position: absolute;
}
.charin.pay-index .pay-select__box .btn.main span::before {
	background: url(../img/highlight_btn_default.svg) no-repeat;
	content: "";
	top: 6px;
	left: 10px;
	width: 21px;
	height: 18px;
	position: absolute;
}
.charin.pay-index #payContainer .btn.main.disable-btn span::before {
	background: url(../img/path.svg) no-repeat;
}
.charin.pay-index #payContainer .pay-select-form__btn {
	background-image: linear-gradient(99deg, #ffb461 -63%, #f95401 96%);
	color: #fff;
	border: 2px solid #ffffff;
}
.charin.pay-index #payContainer .btn.main.disable-btn .pay-select-form__btn {
	background: #ffffff;
	color: #ff6f27;
	border: 2px solid #ff6f27;
}
.charin.pay .tab li.active, .charin.ranking .tab li.active  {
	border-bottom: solid #efc944 1px;
	background-color: transparent;
}
.charin.pay .tab li.active a, .charin.ranking .tab li.active a {
	color: #efc944;
}
.charin.pay .tab li a, .charin.ranking .tab li a {
	color: #9b9b9b;
}
.charin.pay #payContainer .btnContainer {
	display: flex;
	justify-content: space-between;
	margin-bottom: 34px;
}
.charin.pay #payContainer .pay-complete {
	background-color: #fff;
	border-radius: 12px;
	margin-bottom: 30px;
}
.charin.pay #payContainer .pay-complete .step {
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-image: linear-gradient(316deg, #eccd61 101%, #fbe289);
	margin-right: 10px;
	margin-bottom: 10px;
	text-indent: 0px;
}
.charin.pay-index #payContainer .pay-complete a {
	color: #0176ff;
	font-size: 16px;
}
.charin.pay-index #payContainer .pay-complete p {
	font-size: 16px;
	text-indent: -40px;
	padding-left: 40px;
	margin-bottom: 5px;
}

.charin.pay-index #popupContents .popup_content_tilte {
	font-weight: bold;
	margin-bottom: 20px;
}
.charin.pay-index .pay-select__box .btn.main:before {
	content: none;
}
.charin.pay-index #popupContents .btn.main a {
	margin: 20px;
	padding: 14px 0;
	width: 85%;
	font-size: 16px;
	border-radius: 25px;
	position: relative;
}
.charin.pay-index #popupContents .btn.main a::before {
	content: "";
	top: 6px;
	left: 10px;
	width: 21px;
	height: 18px;
	position: absolute
}
.charin.pay-index #popupContents .btn.main.btn-enable a,
.charin.pay-index #popupContents .btn.main.btn-enable input {
	background-image: linear-gradient(100deg, #ffb461 -62%, #f95401 96%);
	border: 0;
	color: #fff;
	margin: 20px 0 15px;
}
.charin.pay-index #popupContents .btn.main.btn-enable span {
	display: block;
	width: 87%;
	margin: 0 auto;
}
.charin.pay-index #popupContents .btn.main.btn-enable span::before {
	background: url(../img/highlight_btn_default.svg) no-repeat;
	left: 10%;
}
.charin.pay-index #popupContents .btn.main.btn-disabled a {
	background: transparent;
	border: 2px solid #ff6f27;
	color: #ff6f27;
	width: 86%;
	margin: 0 auto;
}
.charin.pay-index #popupContents .btn.main.btn-disabled a::before {
	background: url(../img/path.svg) no-repeat;
}
.charin.pay-index #payContainer .pay-select-form__btn.enable {
	background-image: linear-gradient(100deg, #ffb461 -62%, #f95401 96%);
	color: #fff;
}
.charin.pay-index #popup-payoff .popup-mission .btnClose {
	bottom: -10% !important;
}
.charin.pay-index #popup-payoff  #popupContents {
	max-height: none;
}
.charin.ranking .ranking-own__image__pic {
	transform: rotateY(180deg);
}
.charin.pay-index .isDisabled {
	color: #9b9b9b;
	position: relative;
}
.charin.pay-index .isDisabled .isDisabled_btn {
	background: url(../img/ic_done.svg) no-repeat;
	width: 40px;
	height: 40px;
	left: 85px;
	bottom: 5px;
	position: absolute;
}
.charin.pay-index .stepCompleted {
    background: url(../img-charin/ic-complete-guidance.png) no-repeat;
    background-size: 28px 28px;
    width: 28px;
    height: 28px;
    right: 0;
    top: 0;
    position: absolute;
}
.charin.pay-index .stepLock {
    background: url(../img-charin/ic-lock-guidance.png) no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    right: 0;
    top: 0;
    position: absolute;
}
.charin.pay-index #payContainer .pay-complete .isDisabled a {
	color: #9b9b9b;
	text-decoration: none;
}
.btn.main a,
.btn.main input{
    display:block;
    background:#FF8838;
    color:#fff;
    padding: 1.2em;
    border-radius: 25px;
    text-decoration:none;
    margin-bottom: 2px;
}
.land .cTitle {
	background: transparent;
	color: #fff;
	padding: 30px 0px;
}
.land .cTitle .txt_title {
	background: transparent;
	position: relative;
	z-index: 1;
	color: #fff;
}
.land .cTitle .txt_title::before {
	content: '';
	width: 100%;
	position: absolute;
	height: 10px;
	border-radius: 20px;
	background-color: #ff74aa;
	top: 8px;
	right: 5px;
	z-index: -1;
}
.land .cTilte_bg {
	background:url(/common/img/cTitle_bg_l.png);
	background-size: cover;
	background-position: center;
}
.land.faq .filterInner #linkCat li.active a:before {
	background-color: #ff74aa;
}
.land.faq .btnSearch:before {
	background: url(/common/img/ic_search_faq_l.svg) no-repeat;
}
.land.faq .titLv1 {
	color: #ff74aa;
}
.land.faq .btnOpen:before {
	color: #ff74aa;
}
.land.faq input.chk:checked + .wrapFaq {
	background: #fff;
}
.land.faq input.chk:checked ~ .wrapFaq .btnOpen:before {
	color: #ff74aa;
}
.land.faq input.chk:checked ~ .wrapFaq .btnOpen {
	background-color: rgba(236, 0, 140, 0.03)
}
.land.faq input.chk:checked ~ .wrapFaq .wrapAns {
	background-color: rgba(236, 0, 140, 0.03)
}
.land.faq .btnBlock.btnHalf:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 16px;
	background: url(/common/img/ic_reload_faq_l.png) no-repeat;
	background-size: cover;
	background-position: top;
}
.land.faq #boxContents .boxList ul {
	box-shadow: 0 10px 24px 6px rgba(0, 0, 0, 0.06);
}
.land.faq .wrapBtnQ.wrapBtnTop {
	box-shadow: 0 10px 24px 6px rgba(0, 0, 0, 0.06);
}
.land.faq #faqContainer .tab li {
	border: none;
}
.land .btnIndexKy {
	border-radius: 4px;
	box-shadow: 0 16px 24px -19px rgba(187, 55, 101, 0.1);
	border: solid 1px #ff74aa;
	background: #ffffff;
}
.land .btnIndexKy span {
	color: #ff74aa;
	font-weight: bold;
}
.land.faq .wrapTitSub .titSub {
	color:#ff74aa;
	word-break: break-all;
}
.land.faq .wrapperOp .labelOpen:after {
	color:#ff74aa;
}
.land.faq .wrapOp .labOp span:before {
	background-color: #e0e0e0;
}
.land.faq .btnOpen:checked + .boxOpen .boxOpenInner > p {
	font-weight: normal;
}
.land.faq .btnSimple2, a.btnSimple2 {
	background: linear-gradient(339deg,#3ca6fb, #921bd6);
	border-radius: 6px;
}

.land#pay_daily .meter-point.pay  .tab li.active, .tab li:hover {
	border-color: #ff74aa;
}
.land#pay .tab li a {
	color: #4a4a4a;
}
.land#pay .tab li.active a {
	color: #ff74aa;
}
.land#pay .tab li.active, .land#pay .tab li:hover {
	border-color: #ff74aa;
}
.land.pay .tab_month li.active {
	background-image: linear-gradient(339deg, #3ca6fb, #921bd6);
}
.land.pay .tab_month {
	background-color: #e0e0e0;
}
.land#pay_daily .goal-monthly__number {
	color: #ff74aa;
}
.land#pay_daily .goal-now__number, .land#pay_daily .goal-rate__number {
	color: #ff74aa;
}
.land#pay_daily .chart__hero {
	color: #ff74aa;
	font-size: 16px;
}
.land#pay_daily .note-list__item.is_get-point:before {
	background-color: #ff74aa;
}
.land#pay_daily .daily__hero {
	color: #ff74aa;
	font-size: 16px;
}
.land#pay_daily .meter-point {
	color: #ff74aa;
}
.land#pay_daily .chart {
	margin: 0;
}
.land#pay_daily .daily {
	background-color: #fafafa;
}
.land#pay_daily .daily_table {
	background-color: #fafafa;
}
.land#pay_daily .thermometer-outer {
	background-color: #f8f8f8;
}
.land#pay_daily .point {
	color: #ff74aa;
}
.land#pay_daily .guide-popup__title {
	background: linear-gradient(339deg, #3ca6fb, #921bd6);
	font-size: 16px;
}
.land#pay_daily input[type="submit"].grade-select__button, .land#pay_daily a.guide-popup__button {
	background: linear-gradient(339deg, #3ca6fb, #921bd6);
	border-radius: 6px;
	font-weight: normal;
}
.land#pay_daily .grade-select__number {
	color: #ff74aa;
	font-weight: normal;
	font-size: 14px;
}
.land#pay_daily .is-active .grade-select__check {
	background-image: url(../img/goal-check-on_l.png);
}
.land.ranking .ranking-other__tit-msg_send:before {
	background-image: url(/common/img/rank_up_l.svg);
}
.land.ranking .ranking-other__tit-point:before {
	background-image: url(/common/img/rank_point_l.svg);
}
.land.ranking .ranking-other__tit-msg_recv:before {
	background-image: url(/common/img/rank_down_l.svg);
}
.land.ranking .ranking-other__tit-voice:before {
	background-image: url(/common/img/rank_phone_l.svg);
}
.land.ranking .ranking-other__tit-video:before {
	background-image: url(/common/img/rank_video_l.svg);
}
.land.ranking .ranking-switch__item {
	background: linear-gradient(339deg, #3ca6fb, #921bd6);
	border: none;
}
.land.ranking .ranking-main-tit {
	color: #ff74aa;
}
.land.ranking .ranking__tit {
	background: rgba(35, 149, 255, 0.1);
}
.land.ranking .ranking__tit__main {
	color: #ff74aa;
}
.land.ranking .ranking__tit__sub {
	color: #ff74aa;
}
.land.ranking .ranking-own__txt-point {
	color: #ff74aa !important;
}
.land.ranking .ranking-other__tit {
	color: #ff74aa;
	font-size: 16px;
}
.land.ranking .ranking-switch,
.jam.ranking .ranking-switch {
	border: none;
}
.land .ranking-own__tit, .land .ranking-own__txt__strong,
.jam .ranking-own__tit, .land .ranking-own__txt__strong {
	color: #000;
}
.land.pay .notice.is_emphasis {
	color: #ff74aa;
	font-weight: normal;
}

.land#pay_history .tab li a {
	color: #4a4a4a;
}
.land#pay_explain.kyuun.campaign .cPoint {
	color: #ff74aa !important;
}
.land#pay_explain.kyuun .table th.headTable {
	background: linear-gradient(339deg, #3ca6fb, #921bd6) !important;
}
.land#pay_explain .table {
	border-color: #fff;
}
.land#pay_explain .table th, .land#pay_explain .table td {
	border-color: #fff;
}
.land#pay_history tr.date td div,
.jam#pay_history tr.date td div {
	font-weight: normal;
	margin: 0;
	padding: 10px 0px;
	border-radius: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.land#pay_history td,
.jam#pay_history td {
	padding: 10px 0px;
}
.land .tab_month_detail,
.jam .tab_month_detail {
	line-height: 37px;
	overflow: hidden;
	margin: 25px 20px;
}
.jam .tab_month_detail {
	padding: 0px 2px;
}
.land .tab_month_detail li,
.jam .tab_month_detail li {
	width: 50%;
	float: left;
	box-sizing: border-box;
	border-radius: 20px;
	text-align: center;
	color: #ff74aa;
}
.jam .tab_month_detail li {
	color: #3097f7;
}
.jam .tab_month_detail li a {
	text-decoration: none;
	color: #3097f7;
}
.land .tab_month_detail li a {
	text-decoration: none;
	color: #ff74aa;
}
.land .tab_month_detail li:first-child::before,
.jam .tab_month_detail li:first-child::before {
	content: '';
	border-right: 2px solid;
	border-bottom: 2px solid;
	width: 7px;
	height: 7px;
	display: inline-block;
	transform: rotate(135deg);
	margin-right: 14px;
}
.jam .tab_month_detail li:first-child::before {
	margin-right: 5px;
}
.land .tab_month_detail li:last-child::after,
.jam .tab_month_detail li:last-child::after {
	content: '';
	border-right: 2px solid;
	border-bottom: 2px solid;
	width: 7px;
	height: 7px;
	display: inline-block;
	transform: rotate(-45deg);
	margin-left: 14px;
}
.jam .tab_month_detail li:last-child::after {
	margin-left: 5px;
}
.land#pay_daily .daily_tit-name {
	margin: 0;
	padding: 24px 0px;
	font-size: 15px;
	font-weight: bold;
}
.jam#pay_daily .daily_tit-name {
	background: #3097f7;
	color: white;
	margin: 0;
	padding: 10px 0px;
	font-size: 15px;
	font-weight: bold;
}
.land#pay_daily .daily_table,
.jam#pay_daily .daily_table {
	text-align: center;
}
.land#pay_daily .daily_table tr,
.jam#pay_daily .daily_table tr {
	border-bottom: 1px solid #f1f1f1;
}
.jam#pay_daily .daily_table tr:nth-child(even) {
	background: #f7f7f7;
}
.land#pay_daily.dailies .daily_table tr,
.jam#pay_daily.dailies .daily_table tr {
	border: none;
}
.land#pay_daily .daily_table td,
.jam#pay_daily .daily_table td{
	padding: 12px 0px;
}
.land#pay_daily .daily_tit-date {
	margin-bottom: 16px;
}
.jam#pay_daily .daily_tit-date {
	font-size: 14px;
	color: black;
}
.land .bank_container table tr td,
.jam .bank_container table tr td {
	padding: 10px 0px;
}
.land #payContainer a,
.jam #payContainer a {
	text-decoration: none;
	/* color: #000; */
}
.land .btnContainer .btn.main a {
	background: linear-gradient(339deg, #3ca6fb, #921bd6);
	border-radius: 6px;
	font-weight: normal;
}
.land .bank_container table tr td {
	padding: 10px 0px;
}
.land #payContainer table,
.jam #payContainer table {
	margin: 0 auto;
	margin-bottom: 40px;
	width: 96%;
	padding: 0px 10px;
}
.land.pay #payContainer .sectionTitle,
.jam.pay #payContainer .sectionTitle {
	background-color: #f8f8f8;
	/* padding: 20px 16px; */
	color: #2f353d;
	font-weight: bold;
}
.land #payContainer .table_bank.tb1 a::before,
.jam #payContainer .table_bank.tb1 a::before {
	content: '';
	border-right: 1px solid;
	border-bottom: 1px solid;
	width: 7px;
	height: 7px;
	display: inline-block;
	transform: rotate(-45deg);
	margin-right: 14px;
	color: #ff74aa;
}
.land #payContainer .table_bank,
.jam #payContainer .table_bank {
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 15px 16px;
}
.land #payContainer .table_bank.tb2 a {
	color: #ff74aa;
}
.land #payContainer .table_bank.tb2 a::after,
.jam #payContainer .table_bank.tb2 a::after {
	content: '';
	width: 14px;
	height: 1px;
	margin-left: 2px;
	display: block;
	background: #ff74aa;
}
.land .bank5_form select,
.jam .bank5_form select {
	height: 30px;
	padding-left: 10px;
	padding-right: 30px;
	margin-left: 16px;
	margin-top: 18px;
	margin-right: 16px;
	border-radius: 4px;
	border: solid 1px #85868a;
	background-color: #ffffff;
	background-image: url(../img/select_again.svg);
	background-repeat: no-repeat;
	background-position: right;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.land .bank5_form input {
	width: 48px;
	height: 30px;
	border-radius: 4px;
	border: solid 1px #ff74aa;
	color: #ff74aa;
	background: transparent;
}
.land #payContainer .label, .land #payContainer .label_detail {
	color: #ff74aa;
}
.land #payContainer .btn_pay {
	background: linear-gradient(339deg, #3ca6fb, #921bd6);
	border-radius: 6px;
	font-weight: normal;
	box-shadow: none;
}
.land .ranking-other__tit:before {
	background-position: center;
	background-size: 47px auto;
}
.land .ranking-other__tit-voice:before, .land .ranking-other__tit-video:before {
	background-size: auto;
}
.land.pay-index .btn.main a {
	background: linear-gradient(343deg, #3ca6fb, #921bd6);
	border-radius: 6px;
	font-weight: normal;
}
.land.pay-index .pay-select {
	margin: 0;
	margin-bottom: 30px;
	box-shadow: none;
}
.land.ageauth #popupContents p.title {
	background: linear-gradient(339deg, #3ca6fb, #921bd6);
}
.jam {
	background: rgba(248, 250, 254, 1) !important;
}

.jam .btn.main a {
	background: linear-gradient(343deg, #7bced6, #3097f7) !important;
	border-radius: 25px !important;
	font-weight: normal;
	box-shadow: none;
}
.jam .tab li a {
	color: #4a4a4a;
}
.jam .tab li.active a,
.jam #payContainer .table_bank.tb1 a::before,
.jam #payContainer .table_bank.tb2 a,
.jam.ranking .ranking-main-tit,
.jam.ranking .ranking__tit__main,
.jam.ranking .ranking__tit__sub,
.jam.ranking .ranking-own__txt-point,
.jam.ranking .ranking-other__tit,
.jam#pointget_select .paymentCheck #popupContents .amount dd{
	color: #3097f7 !important;
}
.jam #payContainer .table_bank.tb2 a::after,
.jam.ranking .ranking-switch__item,
.jam#pointget_select #popupContents p.title,
.jam#pointget_sms #popupContents p.title,
.jam#pointget_sms2 #popupContents p.title {
	background: #3097f7;
}
.jam#pointget_select p.fBlue {
	color: #3097f7;
	font-weight: normal;
}
.jam .tab li.active, .jam#pay .tab li:hover {
	border-color: #3097f7 !important;
}
.jam#pointget_select #popupContents .two .btn.main a,
.jam#pointget_select #popupContents .two .btn.cancel a {
	border-radius: 26px;
	font-size: 16px;
	font-weight: 500;
	padding: 14px 0 14px;
	margin: 20px 2px 10px 2px;
}
.jam#pointget_select .paymentCheck #popupContents dl.point dd {
	color: #9b9b9b;
}
.jam#pointget_select #popupContents .two .btn.cancel a{
	background: unset;
	color: #3097f7;
	border: none;
	font-weight: normal !important;
	box-shadow: 0 0 10px #c8c4d6;
	-moz-box-shadow: 0 0 10px #c8c4d6;
	-webkit-box-shadow: 0 0 10px #c8c4d6;
}
.jam .tab.three {
	background-color: rgba(248, 250, 254, 1);
}
.jam .bank5_form input {
	width: 48px;
	height: 30px;
	border-radius: 4px;
	border: solid 1px #3097f7;
	color: #3097f7;
	background: transparent;
}
.jam.ranking .ranking-switch__item {
	border: none;
}
.jam .ranking-switch__item a {
	background: #ececec;
}
.jam .tab_month_detail li:first-child {
	text-align: left;
}
.jam .tab_month_detail li:nth-child(3) {
	text-align: right;
}
#notePrice {
	padding: 15px;
	border: 1px solid red;
	color: red;
}
#notePrice p {
	line-height: 1.6;
}
.tab.four li {
	width: 25%;
	float: left;
}
.jam#pointget_sms #popupContents .two .btn.main a,
.jam#pointget_sms #popupContents .two .btn.cancel a {
	padding: 14px 0 14px;
	margin: 20px 2px 10px 2px;
}
.jam#pointget_sms .btn.cancel a {
	background: unset;
	border: none;
	color: #3097f7;
	font-weight: normal !important;
	padding: 14px 0 14px;
	border-radius: 26px;
	box-shadow: 0 0 10px #c8c4d6;
	-moz-box-shadow: 0 0 10px #c8c4d6;
	-webkit-box-shadow: 0 0 10px #c8c4d6;
}
#payment_bank #attention ul {
	padding-left: 20px;
}
#payment_bank #attention ul li {
	list-style: square;
	padding-top: 5px;
}
#payment_bank #attention ul.list_seconds li {
	list-style: initial;
}
#payment_bank #attention .container {
	padding: 0px;
}
.fGold {
	background-image: linear-gradient(240.31deg, #D19D1B 10.62%, #FFE078 50.42%, #D9A534 84.3%) !important;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.add_new_file {
    padding: 0px 15px;
    font-size: 14px;
}

#contact_check .list_file {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
#contact_check .list_file .file {
    width: 100px;
    position: relative;
    margin: 0 5px 5px 0;
}
#contact_check .list_file .video_thumnail_file:before {
    border-radius: 50%;
    border: 3px solid #fff;
    background-color: hsla(0,0%,49.8%,.29);
    background: radial-gradient(rgba(0,0,0,.3),transparent 60%);
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#contact_check .list_file .video_thumnail_file:after {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 16px 0 16px 26px;
    margin-left: 2px;
}

#contact_check .list_file .video_thumnail_file:before,
#contact_check .list_file .video_thumnail_file:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
    content: "";
    position: absolute;
}

.much section h2.sectionTitle{
    padding: 0 0 0.5em 0.5em;
    font-size: 16px;
    color: #FF588A;
}
.much .btn.back a{
    display: block;
    background: #929ba0;
    color: #fff;
    padding: 0.4em 0 0.3em;
    border-radius: 3px;
    text-decoration: none;
    margin-top: 0.8em;
}
.popup-mission.much p.text {
    color: #000000;
    font-weight: bold;
    font-size: 18px;
}
.popup-mission.much .btnContainer {
    width: 90% !important;
}
.cTitle.much {
    color: #f95401;
}
.pay-index.much .pay-summary {
    padding: 0;
    margin-bottom: 30px;
}
.pay-index.much .payContents {
    /* display: flex;
    background: transparent; */
    box-shadow: none;
    border-radius: 12px;
}
.pay-index.much .payContents dl {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    overflow: unset;
}
.pay-index.much .payContents img {
    width: 86px;
    position: absolute;
    top: -21px;
    right: 8px;
}
.pay-index.much .payContents dl:after {
    content: none;
}
.pay-index.much .payContents dl p {
    width: 100%;
    font-weight: bold;
    font-size: 16px;
}
.pay-index.much .payContents dl span {
    display: block;
    font-size: 14px;
    color: #000000;
}
.pay-index.much .payContents dl .pay-summary__title {
    text-align: left;
    padding: 12px 10px ;
    font-size: 16px;
    color: #fff;
    background-image: linear-gradient(279deg, #FF588A 100%, #fa6692 0%);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.pay-index.much #payContainer {
    padding: 0px 15px;
    margin: 0;
}
.pay-index.much .pay-select {
    background: transparent;
    padding: 0;
    margin: 0;
    box-shadow: none;
    position: relative;
    margin-bottom: 30px;
}
.pay-index.much .pay-select__box {
    padding: 20px 18px;
    background: transparent;
    height: auto !important;
}
.pay-index.much .pay-select__title, .pay-index.much .pay-complete__title {
    background-image: linear-gradient(279deg, #FF588A 100%, #fd6c98 0%);
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    border-bottom: none;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}
.pay-index.much .pay-select__content {
    background: #fff;
    border-top: none;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.pay-index.much .pay-select__box .btn.main {
    margin-top: 10px;
}
.pay-index.much .pay-select-form {
    padding: 0;
}
.pay-index.much .pay-set {
    background-color: #f8f8f8;
    font-size: 16px;
    color: #000000;
    border: none;
    text-align: right;
    padding: 18px 16px 18px 0;
}
.pay-index.much .pay-set:focus {
    background-color: #f8f8f8;
    border: none;
}
.pay-index.much .pay-set::placeholder {
    font-size: 16px;
    color: #c1c1c1;
    text-align: center;
    padding: 0;
}
.much.pay-index .pay-select__box .btn.main.disabled_btn span::before {
    background: url(../img-much/path-much.svg) no-repeat;
    content: "";
    top: 6px;
    left: 10px;
    width: 21px;
    height: 18px;
    position: absolute;
}
.much.pay-index .pay-select__box .btn.main span::before {
    background: url(../img/highlight_btn_default.svg) no-repeat;
    content: "";
    top: 6px;
    left: 10px;
    width: 21px;
    height: 18px;
    position: absolute;
}
.much.pay-index #payContainer .btn.main.disable-btn span::before {
    background: url(../img-much/path-much.svg) no-repeat;
}
.much.pay-index #payContainer .pay-select-form__btn {
    background-image: linear-gradient(99deg, #FF588A -63%, #FF588A 96%);
    color: #fff;
    border: 2px solid #ffffff;
}
.much.pay-index #payContainer .btn.main.disable-btn .pay-select-form__btn {
    background: #ffffff;
    color: #FF588A;
    border: 2px solid #FF588A;
}
.much.pay .tab li.active, .much.ranking .tab li.active  {
    border-bottom: solid #FF588A 1px;
    background-color: transparent;
}
.much.pay .tab li.active a, .much.ranking .tab li.active a {
    color: #FF588A;
}
.much.pay .tab li a, .much.ranking .tab li a {
    color: #9b9b9b;
}
.much.pay #payContainer .btnContainer {
    display: flex;
    justify-content: space-between;
    margin-bottom: 34px;
}
.much.pay #payContainer .pay-complete {
    background-color: #fff;
    border-radius: 12px;
    margin-bottom: 30px;
}
.much.pay #payContainer .pay-complete .step {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-image: linear-gradient(316deg, #FF588A 101%, #ff739d);
    margin-right: 10px;
    margin-bottom: 10px;
    text-indent: 0px;
}
.much.pay-index #payContainer .pay-complete a {
    color: #0176ff;
    font-size: 16px;
}
.much.pay-index #payContainer .pay-complete p {
    font-size: 16px;
    text-indent: -40px;
    padding-left: 40px;
    margin-bottom: 5px;
}

.much.pay-index #popupContents .popup_content_tilte {
    font-weight: bold;
    margin-bottom: 20px;
}
.much.pay-index .pay-select__box .btn.main:before {
    content: none;
}
.much.pay-index #popupContents .btn.main a {
    margin: 20px;
    padding: 14px 0;
    width: 85%;
    font-size: 16px;
    border-radius: 25px;
    position: relative;
}
.much.pay-index #popupContents .btn.main a::before {
    content: "";
    top: 6px;
    left: 10px;
    width: 21px;
    height: 18px;
    position: absolute
}
.much.pay-index #popupContents .btn.main.btn-enable a,
.much.pay-index #popupContents .btn.main.btn-enable input {
    background-image: linear-gradient(100deg, #FF588A -62%, #f16e96 96%);
    border: 0;
    color: #fff;
    margin: 20px 0 15px;
}
.much.pay-index #popupContents .btn.main.btn-enable span {
    display: block;
    width: 87%;
    margin: 0 auto;
}
.much.pay-index #popupContents .btn.main.btn-enable span::before {
    background: url(../img/highlight_btn_default.svg) no-repeat;
    left: 10%;
}
.much.pay-index #popupContents .btn.main.btn-disabled a {
    background: transparent;
    border: 2px solid #FF588A;
    color: #FF588A;
    width: 86%;
    margin: 0 auto;
}
.much.pay-index #popupContents .btn.main.btn-disabled a::before {
    background: url(../img-much/path-much.svg) no-repeat;
}
.much.pay-index #payContainer .pay-select-form__btn.enable {
    background-image: linear-gradient(100deg, #FF588A -62%, #FF588A 96%);
    color: #fff;
}
.much.pay-index #popup-payoff .popup-mission .btnClose {
    bottom: -10% !important;
}
.much.pay-index #popup-payoff  #popupContents {
    max-height: none;
}
.much.ranking .ranking-own__image__pic {
    transform: rotateY(180deg);
}
.much.pay-index .isDisabled {
    color: #9b9b9b;
    position: relative;
}
.much.pay-index .isDisabled .isDisabled_btn {
    background: url(../img/ic_done.svg) no-repeat;
    width: 40px;
    height: 40px;
    left: 85px;
    bottom: 5px;
    position: absolute;
}
.much.pay-index .stepCompleted {
    background: url(../img-much/ic-complete-guidance.png) no-repeat;
    background-size: 28px 28px;
    width: 28px;
    height: 28px;
    right: 0;
    top: 0;
    position: absolute;
}
.much.pay-index .stepLock {
    background: url(../img-much/ic-lock-guidance.png) no-repeat;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    right: 0;
    top: 0;
    position: absolute;
}
.much.pay-index #payContainer .pay-complete .isDisabled a {
    color: #9b9b9b;
    text-decoration: none;
}
.much .ranking-main-tit {
    color: #FF588A;
}
.much .btn.main input{
    display:block;
    /*background:#840d6b;*/
    background: linear-gradient(110deg, #ec008c, #EC008CFF);
    color:#fff;
    padding: 1.2em;
    border-radius: 25px;
    text-decoration:none;
    margin-bottom: 2px;
}
.much.pay .tab li.active, .much.ranking .tab li.active  {
    border-bottom: solid #FF588A 1px;
    background-color: transparent;
}
.much.pay .tab li.active a, .much.ranking .tab li.active a {
.btn.main a, .btn.main input
}
.much section h2.sectionTitle{
    padding: 0 0 0.5em 0.5em;
    font-size: 16px;
    color: #FF588A;
}
.border-radius-\[10px\] {
    border-radius: 10px!important;
}