@font-face {
  font-family: "mp2";
  src: url("./../../font/users/mp2/MPLUS2-VariableFont_wght.ttf");
}
@font-face {
  font-family: "babes";
  src: url("./../../font/users/BebasNeue-Regular.ttf");
}
html,body{height: 100%;}
body{margin: 0px auto;padding:0px;width:auto;background: #FFF;background-size: 100% 100%;background-position: center bottom;background-attachment: fixed;max-width: 2000px;font-family:mp2, sans-serif;display: flex;align-items: center;overflow: hidden;font-size: min(3.3vw,14px);}
ul,li{ padding:0px; margin:0px; list-style:none;}
a,input,button{transition: all 0.3s ease;}
a:hover,input:hover,button:hover{opacity: 1;}

ul{width:100%;height: 100%;margin: 0;padding: 0;}
ul::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
  pointer-events: none;
  z-index: -1;
}

li{ text-align:center;}

main{
    min-height: calc(100% - 46px);
    min-height: 100%;
}

::-webkit-scrollbar {
  width: 5px;
}


::-webkit-scrollbar-button {
  background-color: #ccc;
}

::-webkit-scrollbar-track {
  background-color: #FFF;
}

::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 6px;
}

::-webkit-scrollbar-corner {
  background-color: #ccc;
}
.pdb_cmp_list_price .pclp_set {
    margin: -4% 0 0 0;
}

.pdb_cmp_list_price .pclp_set .unit {
    font-size: 12px;
    margin: -19% 0 0 auto;
    text-align: right;
}

.pdb_clpd_set.pclp_set2 {
    display: block;
    margin: -4% 0 0 0;
}

.pdb_clpd_set.pclp_set2 .unit {
    font-size: 12px;
    margin: -22% 0 0 auto;
    text-align: right;
}

.pdb_cmp_money.pdb_cmp_money2 {
    width: 70%;
    justify-content: space-evenly;
    margin: 0;
}

.pdb_clpd_icon2 {
    position: absolute;
    width: 68%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -38%;
    max-width: 30px;
}

.pdb_cmp_list_price_down.pclp_box {
    width: 60%;
}

.pdb_clpd_set.pclp_set3 {
    align-items: center;
    flex-wrap: nowrap;
}

.pdb_clpd_set.pclp_set3 .point_plus {
    width: 10%;
    margin: 0 3% 0 0;
}

.pdb_clpd_set.pclp_set3 .num {}

.pdb_clpd_set.pclp_set3 .unit {
    font-size: min(2.8vw, 12px);
    text-align: left;
    margin: 0 0 2% 4%;
}

.pdb_clpd_set.pclp_set3 .point {}

.pdb_clpd_set.pclp_set3 .present {
    font-weight: bold;
    margin: -3% 0 0 0;
}

.pdb_clpd_icon3 {
    position: absolute;
    width: 68%;
    left: 0;
    right: 25%;
    margin: 0 auto;
    top: -38%;
    max-width: 30px;
}

.pdb_pbl_clpd_set .pdb_pbl_unit {
    font-size: min(2.8vw, 12px);
    white-space: nowrap;
    margin: 0 0 12% 3%;
}

.pdb_pbl_cmp_list_price .pdb_pbl_unit {
    font-size: min(2.8vw, 12px);
    white-space: nowrap;
    margin: 0 0 11% 2%;
}

.pdb_pbl_cmp_money .pdb_cmp_money.pdb_cmp_money2 {
    width: 81%;
}
.formtext {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
}

.achv_h2_1 {
    font-family: babes;
    font-size: 40px;
    line-height: 1;
    margin: 8% 0 5% 0;
    color: #f6504e;
}

.achv_h2_2 {
    font-family: babes;
    font-size: 40px;
    line-height: 1;
    margin: 8% 0 5% 0;
    color: #348C46;
}

.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    text-align: center;
}


.popup-content {
    position: relative;
    margin: 0 auto;
}
.close-popup-button{
    position: absolute;
    right: 0;
    top: 0;
    width: 3%;
    cursor: pointer;
}
.close-popup-button img{
    width: 100%;
}
.popupimg{
    width: 100%;
}
.footer_menu .fm_num {
    position: absolute;
    top: 3%;
    right: 4%;
    color: #FFF;
    background: #348C46;
    padding: 2% 0 0%;
    margin: 0;
    border: 0;
    border-radius: 50px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38%;
    width: 24%;
}
.content{
    width: 100%;
    max-width: 75.5%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }
.content2{
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }

.lightbox { display: none; }

	
.cl_box{
    background: url(./../../img/users/002.jpg) no-repeat;
    background-size: 100% auto;
    background-position: center top;
    padding: 3% 0;
    }
	
.cl_box a{ color:#FFF;}

.sp{ display:none;}

.scroll{ display:none;}
.mfrom {
    width: 100%;
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 1.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}

.pc{ display:none;}
.sp{ display:block;}

.floating_btn {
    position: fixed;
    bottom: 5%;
    right: 2%;
    z-index: 10;
    width: 14.78%;
}
.floating_btn a {
    display: block;
}
.floating_btn img{ width:100%;}


.p1{
	background: #FFF;
	background-size: 100% auto;
	background-position: center top;
	position:
	relative;
	min-height: 100%;
	margin: 0 0 0 0;
	box-shadow: none;
	}
.p1:before{
    content: "";
    display: block;
    }

.p1h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    min-height: 100%;
    margin:0 auto;
    }
	

.p2{background: url(./../../img/users/002.jpg) no-repeat;background-size: 100% auto;background-position: center top;position:relative;height: auto;margin: 0 0 0 0;}
.p2:before{
    content: "";
    display: block;
    padding-top: 60.6%;
    }

.p2h{
    height:
    auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }
	
	
.p3{
	background: #fff;
	background-size: 100% auto;
	background-position: center top;
	position:
	relative;
	height: auto;
	margin: 0 0 0% 0;
	z-index: 0;
	}
.p3:before{
    content: "";
    display: block;
    }

.p3h{
    height:auto;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right:0;
    width: 100%;
    height: 100%;
    margin:0 auto;
    }




.p1 img,.p2 img,.p3 img,.p4 img,.p5 img,.p6 img,.p7 img,.p8 img,.p9 img,.p10 img,.p11 img,.p12 img,.p13 img,.p14 img,.p15 img,.p16 img,.p17 img,.p18 img,.p19 img,.p20 img,.p21 img,.p22 img,.p23 img,.t1 img,.w01 img,.t2 img,.t3 img,.t4 img,.t5 img,.t6 img,.t7 img,.t8 img,.p21 img,.p22 img,.p23 img,.p24 img,.p25 img,.p26 img{ width:100%;}
.addFriend input{ width:100%;}

.sp_frame{
    display: none;
    position: absolute;
    width: 738px;
    max-width: 738px;
    left: 0%;
    right: 0.3%;
    top: -0.58%;
    bottom: 0;
    margin: auto;
    z-index: 999999;
    pointer-events: none;
    height: 1029px;
}
.sp_frame img{ width: 100%;}
.sp_box{
    max-width: 479px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: relative;
    z-index: 10;
    max-height: inherit;
    height: inherit;
    overflow-y: auto;
    width: 100%;
    padding: 0;
    margin: 0;
}
.sp_box2{
    max-width: 479px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 9999;
    max-height: inherit;
    height: inherit;
    overflow: hidden;
    pointer-events: none;
    width: 100%;
}
.pc_logo{
    margin: 0 0 21% 0;
}
.pc_side{
    position: fixed;
    top: 11%;
    left: calc((100% - 800px) / 2);
    z-index: 999;
    height: max-content;
    max-height: 942px;
    width: 245px;
}
.pc_side img{ width: 100%;}
.pc_footer_txt{
    display: flex;
    height: auto;
    min-height: 100vh;
    position: fixed;
    width: 100%;
}
        #fixedImagesContainer {
            position: fixed;
            bottom: 4%;
            left: 0;
            width: 107%;
            overflow: hidden;
            opacity: 0.3;
        }

        .scrolling-images {
            white-space: nowrap;
            animation: scrollImages 20s linear infinite;
        }

        .scrolling-images img {
            width: 45%;
            height: auto;
            display: inline-block;
            margin-right: 5%;
        }

        @keyframes scrollImages {
            0% {
                transform: translateX(0%);
            }
            100% {
                transform: translateX(-50%);
            }
        }

.swiper-slide a{}
.swiper-slide a:hover,.swiper-slide a:active,.swiper-slide a:visited,.swiper-slide a:target,.swiper-slide a:focus{ text-decoration: none;}
.camp_set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #348C46;
    border-radius: 10px;
    overflow: inherit;
    color: #FFF;
    box-shadow: 0px 7px 10px rgba(65,127,92, 0.20);
    margin: 0 auto 4%;
    width: 100%;
}
.camp_set .txt{
    width: 53%;
    text-align: left;
    padding: 0 0 0 6%;
}
.camp_set .m1{
    font-size: min(4.3vw,18px);
    line-height: 1.3;
    margin: 0 0 5% 0;
}
.camp_set .m2{
    font-size: min(3.3vw,14px);
}
.camp_set .th{
    width: 47%;
    border-radius: 0 10px 10px 0;
    overflow: hidden;
}

.hit_swip{}
.hit_swip .swiper-wrapper{transition-timing-function: linear;}

.hit_set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #FFF;
    border-radius: 10px;
    overflow: inherit;
    color: #000000;
    box-shadow: 0px 0px 10px rgba(71,71,71, 0.20);
    margin: 4% auto 4%;
    width: 100%;
}

.hit_swip .txt{
    width: 100%;
    text-align: center;
    padding: 0;
}
.hit_swip .m1{
    font-size: min(2.8vw,12px);
    font-weight: 500;
    line-height: 1.3;
    margin: 5% 0 0% 0;
}
.hit_swip .m2{
    font-size: min(4.6vw,19px);
    color: #FF583A;
    font-weight: 600;
    margin: 0 0 5% 0;
}
.hit_swip .m2 span{
    font-size: 9px;
}
.hit_swip .th{
    width: 100%;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

footer{
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    max-width: 479px;
    margin: auto;
    width: 100%;
    height: 100%;
    max-height: 934px;
    pointer-events: none;
    z-index: 1000;
}
footer img{ width: 100%;}
.footer_menu{
    position: fixed;
    bottom: 0;
    background: #FFF;
    padding: 1% 0 3%;
    border-top: 1px #ececec solid;
    pointer-events: all;
    width: 100%;
}


header{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0px 6%;
    margin: 4% 0 6% 0;
}

header {}
header img{}
header .logo{
    width: 30%;
}
header .logo a{}
.h_user_box{
    width: 27%;
    text-align: left;
}
.h_user_name{
    font-size: min(2.7vw,11px);
}
.h_user_id{
    font-size: min(2.8vw,12px);
    color: #9c9d9d;
}
.h_menu{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 27%;
}
.h_menu .icon{
    width: 42%;
    position: relative;
}
.h_menu .icon a{}
.h_menu .icon a .alert{
    position: absolute;
    top: -12%;
    right: -21%;
    color: #FFF;
    background: #348C46;
    padding: 6% 15% 2%;
    margin: 0;
    border: 0;
    border-radius: 50px;
    font-size: min(2.8vw,12px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50%;
    width: 47%;
}

.coins_box{
    width: 33%;
}
.coins_box .title{
    text-align: left;
}
.coins_box_old{
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width: 86%;
    margin: 0 auto 8%;
    border-radius: 20px;
    padding: 4% 4%;
}
.coins_box_old .title{
    text-align: left;
}
.cb_set{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 1% 0;
}
.cbs_icon{
    width: 8%;
    margin: 1.2% 0 0 0;
}
.cbs_icon_old{
    width: 8%;
    margin: 1.2% 0 0 0;
}
.cbs_num_set{
    width: 51%;
}
.cbs_num{
    text-align: left;
    color: #348C46;
    font-weight: 500;
    font-size: min(4.5vw,13px);
    line-height: 1;
    margin: 0 0 1% 0;
}
.cbs_num_old{
    text-align: left;
    color: #348C46;
    font-weight: 500;
    font-size: min(7.5vw,28px);
    line-height: 1;
    margin: 0 0 1% 0;
}
.cbs_btn{
    width: 17%;
    margin: -8% 0 0 0;
}
.cbs_btn a{
    background: #23ce53;
    display: block;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #FFF;
    justify-content: center;
    padding: 10% 0;
    border-radius: 7px;
    font-size: min(3.4vw,13px);
    text-decoration: none;
}
.cbs_btn .icon{
    width: 19%;
    margin: 0 6% 0 0;
}
.cbs_btn .txt{
    margin: 0 7% 0 0;
}
.free_coin{
    text-align: left;
    font-size: min(2.7vw,11px);
    color: #9c9d9d;
    margin: 5% 0 0 -19%;
}
.free_coin span{
    margin: 0 1%;
}

.h2_title{
    text-align: left;
    width: 86%;
    margin: 3% auto 2%;
    font-size: min(4.3vw,16px);
    font-weight: 600;
}

.top_center_menu{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    margin: 6% auto 7%;
}
.tcm_set{
    width: 48.3%;
}
.tcm_set a{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    position: relative;
    text-decoration: none;
}
.tcm_set .alert{
    position: absolute;
    top: 14%;
    right: 64%;
    color: #FFF;
    background: #348C46;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50px;
    font-size: min(2.8vw,10px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5vw;
    width: 5vw;
}
.tcm_set .icon{
    width: 23.5%;
    margin: 7% 0;
}
.tcm_set .icon img{}
.tcm_set .txt{
    width: 50%;
    color: #606060;
    font-size: min(2.8vw,12px);
}
.footer_menu{}
.footer_menu ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.footer_menu li{
    width: 20%;
}
.footer_menu li a{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
}
.footer_menu li .icon{
    width: 44%;
}
.footer_menu li .icon img{}
.footer_menu li .txt{
    width: 100%;
    color: #606060;
    font-size: min(2.8vw,12px);
    font-weight: 500;
}
.footer_menu li.active .txt{
    color: #348C46;
}

.plan_list{
    width: 90%;
    margin: 5% auto 40%;
}
.plan_list ul{}
.plan_list li{
    margin: 0 0 4% 0;
}

.h_head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: min(4.7vw,20px);
    margin: 0 3%;
}
.back_btn{
    position: absolute;
    width: 2.7%;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
}
.back_btn a{
    display: flex;
    align-items: center;
}
.back_btn img{}
.h1_title{
    font-weight: 600;
}
.white_bg{
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width: 86%;
    margin: 17% auto 30%;
    border-radius: 20px;
    padding: 4% 5%;
}
.ue_icon{
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width: max-content;
    margin: -21% auto 5%;
    border-radius: 100px;
    padding: 0;
    border: solid 7px #FFF;
    border-radius: 100px;
}
.ue_icon img{
    object-fit: cover;
    width: 86px;
    height: 86px;
    border-radius: 100px;
}
.file__label {
  display: block;
  font-size: min(3.3vw,14px);
  line-height: 1.5;
  text-align: center;
  width: min(100%, 350px);
  padding: 4% 2%;
  border-radius: 5px;
  margin-inline: auto;
  color: #fff;
  background: #3895ff;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.file__label:hover {
  opacity: 1;
}

input[type=file] {
  display: none;
}

.file__none {
  font-size: min(2.8vw,12px);
  line-height: 1.5;
  text-align: center;
  margin: 2% auto 2%;
  word-break: break-all;
}
.ue_name{
    font-size: min(4.7vw,20px);
    font-weight: 500;
    margin: 0 0 1% 0;
}
.ue_id{
    font-size: min(4.3vw,16px);
    color: #9c9d9d;
    margin: 0 0 8% 0;
}
.ue_form_box{}
.ue_form_set{
    margin: 0 0 8% 0;
}

.ue_form_title{
    text-align: left;
    color: #9c9d9d;
    margin: 0 0 2% 0;
}
.ue_form_input{
    position: relative;
}
.ue_form_input.name{}
.ue_form_input.name .icon{
    position: absolute;
    width: 5%;
    top: 28%;
    left: 4%;
	z-index: 10;
}
.ue_form_input.name .icon:hover{opacity: 1; z-index: 10;}
.ue_form_input.name input{
    font-size: min(4.3vw,16px);
    padding: 3% 1% 3% 14%;
    border: solid 1px #9c9d9d;
    border-radius: 5px;
}
.ue_form_input.email{}
.ue_form_input.email .icon{
    position: absolute;
    width: 5%;
    top: 36%;
    left: 4.2%;
	z-index: 10;
}
.ue_form_input.email .icon:hover{opacity: 1; z-index: 10;}
.ue_form_input.email input{
    font-size: 16px;
    padding: 3% 1% 3% 14%;
    border: solid 1px #9c9d9d;
    border-radius: 5px;
}
.ue_form_input.birth{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ue_form_input.birth input{}
.ue_f_b_icon{width: 5%;margin: 0 5% 0 4%;}
.ue_form_input.birth select{
    font-size: min(4.3vw,16px);
    padding: 2.6% 1%;
    border: solid 1px #9c9d9d;
    border-radius: 5px;
    text-align: center;
}
.ue_form_input.birth label{
    margin: 0 2%;
    font-size: min(3.3vw,14px);
}
.ue_input_send{
    margin: 11% 0 10%;
}
.ue_input_send input[type="submit"]{
    display: block;
    font-size: min(3.3vw,14px);
    line-height: 1.5;
    text-align: center;
    width: min(100%, 350px);
    padding: 4% 2%;
    border-radius: 5px;
    margin-inline: auto;
    color: #fff;
    background: #3895ff;
    cursor: pointer;
    transition: opacity 0.3s ease;
    border: none;
    outline: none;
}
.ue_input_send input[type="submit"]:hover{ opacity: 1}
.ue_file{
    margin: 8% 0 9% 0;
}
.ue_form_set .ue_form_input input:focus,.ue_form_set .ue_form_input input:focus-visible,
.ue_form_set .ue_form_input select:focus,.ue_form_set .ue_form_input select:focus-visible{ border-color: #3895ff; outline: #3895ff;}
.ue_form_set .ue_form_input input::placeholder{color:#9c9d9d;}


.news_box{
    margin: 7% 0 8%;
}
.news_menu{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.news_menu_btn{
    width: 31.5%;
    margin: 0 1%;
}
.news_menu_btn a{
    display: block;
    background: #ededed;
    color: #9c9d9d;
    border-radius: 6px;
    padding: 13.4% 1%;
    font-size: min(3.3vw,14px);
    text-decoration: none;
}
.news_menu_btn.active{}
.news_menu_btn.active a{
    background: #3895ff;
    color: #FFF;
	transition: opacity 0.3s ease;
}
.news_menu_btn a:hover{ opacity: 1;}

.news_list{
    width: 87.4%;
    margin: 0 auto;
}
.news_list ul{
    width: 100%;
}
.news_list li{
    margin: 0 0 2% 0%;
    position: relative;
    width: 100%;
}
.news_list li a{
    display: block;
    border: solid 1px #d6d6d6;
    border-radius: 6px;
    padding: 2.8%;
    text-decoration: none;
}
.news_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.news_set .icon{
    width: 13.7%;
}
.news_set .icon img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 100px;
}
.news_txt_set{
    text-align: left;
    margin: 0 0 0 4%;
    width: 81%;
}
.news_title{
    color: #3d3838;
    font-size: min(3.8vw,16px);
    font-weight: bold;
}
.news_detail_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-size: min(3.8vw, 16px);
    color: #9c9d9d;
}
.news_detail{
    font-size: min(3.8vw,16px);
    color: #9c9d9d;
}

.pager_set{
    width: 68.1%;
    margin: 8% auto 40%;
}
.pager_set ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.pager_set li{
    width: 12%;
    margin: 0 1%;
}
.pager_set li a{
    background: #ededed;
    display: flex;
    width: 100%;
    height: min(9.3vw,40px);
    padding: 0 0;
    align-items: center;
    justify-content: center;
    font-size: min(3.3vw,14px);
    color: #9c9d9d;
    text-decoration: none;
    border-radius: 5px;
}
.pager_set li.p_next_back{
}
.pager_set li.p_next_back a{}
.pager_set li.p_next_back img{
    width: 21%;
}
.pager_set li.active{
}
.pager_set li.active a{
    color: #FFF;
    background: #3895ff;
}
.pager_set a{transition: all 0.3s ease;}
.pager_set a:hover{opacity: 1;}
.news_list li a{transition: all 0.3s ease;}
.news_list li{transition: all 0.3s ease;}
.news_list li a:hover{opacity: 1;}
.news_list li:hover{margin:0 0 2% -2%;}


.coin-buy{
    background: url(./../../img/users/logo_a.svg) #348C46 no-repeat;
    background-position: right -3% center;
    background-size: 37%;
    margin: 7% auto 3%;
    padding: 5% 6%;
    box-shadow: 0 8px 10px rgba(65,127,92, 0.20);
}
.coin-buy .cb_set{
    width: 75.1%;
}
.coin-buy .cb_set .cbs_icon{
    width: 14%;
}
.coin-buy .cb_set .cbs_icon_old{
    width: 14%;
}
.coin-buy .cb_set .cbs_num_set{
    width: 81%;
}
.coin-buy .cb_set .cbs_num{
    font-size: min(8.5vw,36px);
    color: #FFF;
}
.coin-buy .title{
    text-align: left;
    font-size: min(4.4vw,18px);
    color: #FFFF;
}
.coin-buy .free_coin{
    font-size: min(4.3vw,16px);
    color: #FFF;
    margin: 5% 0 0 -23%;
}
.hidden-radio {
  display: none;
}

.radio-container {
  display: flex;
  justify-content: space-between;
}

.custom-radio {
  width: 47%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  border: 2px solid #ccc;
  padding: 6% 0 0;
  border-radius: 5px;
  transition: border-color 0.3s ease;
}

.custom-radio:hover {
  border-color: #3895ff;
}

.custom-radio::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 23.6%;
  background: url('./../../img/users/select.svg') no-repeat;
  background-size: cover;
  background-position: center top;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.hidden-radio:checked + .custom-radio {
  border-color: #3895ff;
}

.hidden-radio:checked + .custom-radio::before {
  opacity: 1;
}
.custom-radio .label-text {
  font-size: min(5.7vw,18px);
  color: #3d3838;
  width: 100%;
  font-weight: 600;
  margin: 10% 0 10%;
}




.overlay {
  display: none;
  position: fixed;
  top: -11px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 479px;
  margin: auto;
  width: 100%;
  height: 928px;
  max-height: 934px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  border-radius: 17px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  max-width: 380px;
  margin: auto;
  width: 90%;
  height: auto;
  max-height: 934px;
}

.popup-content {
  text-align: center;
}

button {
  background: #FFF;
  color: #3895ff;
  border: solid 1px #3895ff;
  padding: 4% 5%;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
  font-size: min(3.3vw,14px);
  font-weight: 600;
  margin: 0 0 8% 0;
}

.coin-buy-box{}
.coin_buy_num_set{
    width: 87.7%;
    margin: 0 auto 5%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #d6d6d6;
    padding: 0 0 2% 0;
}
.cbns_title{
    font-size: min(4.3vw,16px);
    width: 30%;
    text-align: left;
    margin: 3% 0 0 0;
}
.cbns_num{
    font-size: min(8.5vw,36px);
    font-weight: 500;
    display: flex;
    align-items: baseline;
    /* flex-wrap: wrap; */
    /* width: 50%; */
    text-align: right;
    margin: 0 0 0 auto;
    justify-content: flex-end;
}
.cbns_num .unit{
    font-size: min(5.0vw,22px);
    font-weight: normal;
    margin: 0 0 0 2%;
}

.coin_swip{
    margin: 1% auto 5%;
    padding: 0 8.9% 0 8.9%;
}
.coin_swip a{}
.coin_set{
    border: solid 1px #3895ff;
    border-radius: 6px;
    color: #3895ff;
    padding: 4% 0;
    margin: 1% 0 1% 0;
}
.coin_en_num{
    font-size: min(5.7vw,18px);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}
.coin_en_num .plus{
    font-size: 12px;
    margin: 0 2% 1% 0;
}
.coin_en_num .unit{
    font-size: min(2.3vw,9px);
    align-self: flex-end;
    margin: 0 0 2% 2%;
}
.coin_coin_num{
    color: #9c9d9d;
    font-size: min(3.1vw,13px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.coin_coin_num .plus{
    margin: 0 1% 2% 0;
}
.coin_coin_num .unit{}

.coin_buy_num_set2{
    width: 87.7%;
    margin: 0 auto 2%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #d6d6d6;
    padding: 0 0 1% 0;
}
.cbns2_title{
    font-size: min(4.3vw,16px);
    width: 49%;
    text-align: left;
}
.cbns2_num{
    font-size: min(7.5vw,28px);
    font-weight: 500;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    width: 49%;
    text-align: right;
    margin: 0 0 0 auto;
    justify-content: flex-end;
    color: #9c9d9d;
}
.cbns2_num.c_orange{
    color: #348C46;
    align-items: center;
}
.cbns2_num .plus{
    margin: 0 2% 3% 0;
}

.cbuy_radio{
    width: 87.5%;
    margin: 10% auto 3%;
}
.cbuy_radio .op_th{
    width: 100%;
}
.cbuy_radio label-text{}

.credit_inds{width: 87.7%;margin: 0 auto 7%;}
.credit_inds ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.credit_inds li.title{
    width: 35%;
    font-size: min(4.3vw,16px);
    text-align: left;
}
.credit_inds li{
    width: 11.5%;
}
.credit_inds li img{}

.credit_txt_box{
    border: solid 1px #d6d6d6;
    padding: 3% 3%;
    width: 87.7%;
    margin: 0 auto 4%;
    border-radius: 6px;
    text-align: left;
}
.pay_popup{
    margin: 8% auto 40%;
}
.pay_popup a{
    display: block;
    font-size: min(3.3vw,14px);
    line-height: 1.5;
    text-align: center;
    width: min(100%, 350px);
    padding: 4% 2%;
    border-radius: 5px;
    margin-inline: auto;
    color: #fff;
    background: #3895ff;
    cursor: pointer;
    transition: opacity 0.3s ease;
    text-decoration: none;
}

.opth_01 img{
    width: 55%;
    margin: 0 0 0 7%;
}
.opth_02 img{
    width: 57.5%;
    margin: 0 0 0 5%;
}
.popup-content{}
.popup-content h2{
    font-size: min(4.7vw,20px);
    font-weight: 600;
    font-family: mp2, sans-serif;
    margin: 8% 0 10% 0;
}

.popup-content .cbns2_num{
    color: #3d3838;
    font-size: min(7.5vw,28px);
    align-items: center;
}
.popup-content .cbns_num{
    color: #3d3838;
    font-size: 28px;
}
.popup-content .cbns_num .unit{
    font-size: 16px;
}

.pop_pay_mes{
    color: #348C46;
    font-size: min(4.3vw,16px);
    margin: 10% 0;
}
.send_pay_btn{}
.send_pay_btn input{
    display: block;
    font-size: min(3.3vw,14px);
    line-height: 1.5;
    text-align: center;
    width: min(100%, 350px);
    padding: 4% 2%;
    border-radius: 5px;
    margin-inline: auto;
    color: #fff;
    background: #3895ff;
    cursor: pointer;
    transition: opacity 0.3s ease;
    border: none;
    outline: none;
    margin: 7% 0 3%;
}

.achive_box{
    margin: 7% 0 10%;
}
.achive_set{
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width: 87.5%;
    margin: 0 auto 8%;
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.achive_set .th_set{}
.achive_set .th{}
.achive_set .hit{
    position: absolute;
    top: 0;
    right: 0;
    width: 25.5%;
}
.achive_detail{
    padding: 5% 3% 7% 4%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.achive_title{
    font-size: min(4.3vw,16px);
    color: #606060;
}
.achive_plan{
    font-size: min(5.7vw,18px);
    color: #000000;
    font-weight: 600;
}
.achive_plan .unit{}

.achive_d_set{
    width: 73%;
}
.achive_btn{
    width: 24.8%;
}
.achive_btn a{
    display: block;
    background: #348C46;
    color: #FFF;
    width: 100%;
    font-size: min(3.3vw,14px);
    padding: 14.5% 8% 14.5% 10%;
    border-radius: 100px;
    text-align: center;
    text-decoration: none;
}
.achive_btn a:after{content:'';background: url(./../../img/users/arrow.svg) no-repeat;background-size: 100% auto;width: 0.5em;height: 1.1em;display: inline-block;vertical-align: middle;margin-left: 0.6em;}

.achive_num{
    font-size: min(8.7vw,40px);
    color: #FF583A;
    font-weight: 600;
    line-height: 1;
}
.achive_num .unit{
    font-size: 17px;
    font-weight: normal;
    margin: 0 0 0 2%;
}
.achive_d_set .get{
    background: #FF583A;
    color: #FFF;
    border-radius: 50px;
    width: 20%;
    font-size: min(3.3vw,14px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1% 0 0 3%;
    padding: 0 0 0.5% 0;
}
.mail_magazine_box{
    margin: 7% 0 10%;
}
.mail_magazine_box a{
    display: block;
    text-decoration: none;
    /* background: #FFF; */
    /* box-shadow: 0 0 10px rgba(0,0,0,0.2); */
    width: 87.5%;
    margin: 0 auto 8%;
    /* border-radius: 20px; */
    padding: 0;
    /* overflow: hidden; */
    /* position: relative; */
	left: 0;
}
.mail_magazine_box a:hover{ left: -2%;}
.mail_magazine_set{}
.mail_magazine_set .th{}
.mail_magazine_set .txt{
    font-size: min(4.2vw,18px);
    color: #9c9d9d;
    /* padding: 4% 5% 5%; */
    text-align: left;
    font-weight: normal;
}
.mail_magazine_set .box{
    position: relative;
}
.mail_magazine_set .date{
    font-size: min(3.8vw, 16px);
    color: #9c9d9d;
    text-align: right;
    padding: 1% 5%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.manual_box{
    margin: 7% 0 10%;
}
.manual_set{
    display: block;
    text-decoration: none;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width: 87.5%;
    margin: 0 auto 8%;
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
    position: relative;
    left: 0;
}
.manual_box .th{}
.manual_box .ms_detail{
    padding: 4% 5.7%;
}
.manual_box .title{
    font-size: min(4.3vw,16px);
    color: #606060;
}
.manual_box .txt{
    font-size: min(5.7vw,18px);
    color: #000;
    font-weight: 600;
    margin: 0% 0 1%;
}
.manual_box .btn_set{
    margin: 4% 0 4% 0;
}
.manual_box .btn_set ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.manual_box .btn_set li{
    width: 20%;
}
.manual_box .btn_set li:nth-child(1){
    width: 34.3%;
}
.manual_box .btn_set li:nth-child(2){
    width: 27.3%;
}
.manual_box .btn_set li:nth-child(3){
    width: 31.9%;
}
.manual_box .btn_set li a{
    text-decoration: none;
    display: flex;
    border: solid 1px #348C46;
    border-radius: 100px;
    width: 100%;
    color: #348C46;
    font-size: min(3.3vw,14px);
    font-weight: 600;
    height: 44px;
    align-items: center;
    justify-content: center;
}
.manual_box .btn_set li:nth-child(1) a:before{content:'';background: url(./../../img/users/manual_icon_01.svg) no-repeat;background-size: 100% auto;width: 1.95em;height: 0.9em;display: inline-block;vertical-align: middle;margin: 0% 0.2em 0 0;}
.manual_box .btn_set li:nth-child(2) a:before{content:'';background: url(./../../img/users/manual_icon_02.svg) no-repeat;background-size: 100% auto;width: 1.375em;height: 1.16em;display: inline-block;vertical-align: middle;margin: -1% 0.4em 0 0;}
.manual_box .btn_set li:nth-child(3) a:before{content:'';background: url(./../../img/users/manual_icon_03.svg) no-repeat;background-size: 100% auto;width: 0.9em;height: 1.4em;display: inline-block;vertical-align: middle;margin: 0% 0.3em 0 0;}

.manual_box .btn_set li a:hover{background:#348C46; opacity: 1; color: #FFF;}
.manual_box .btn_set li:nth-child(1) a:hover:before{content:'';background: url(./../../img/users/manual_icon_01_over.svg) no-repeat;background-size: 100% auto;width: 1.95em;height: 0.9em;display: inline-block;vertical-align: middle;margin: 4% 0.2em 0 0; opacity: 1;}
.manual_box .btn_set li:nth-child(2) a:hover:before{content:'';background: url(./../../img/users/manual_icon_02_over.svg) no-repeat;background-size: 100% auto;width: 1.375em;height: 1.16em;display: inline-block;vertical-align: middle;margin: 4% 0.4em 0 0; opacity: 1;}
.manual_box .btn_set li:nth-child(3) a:hover:before{content:'';background: url(./../../img/users/manual_icon_03_over.svg) no-repeat;background-size: 100% auto;width: 0.9em;height: 1.4em;display: inline-block;vertical-align: middle;margin: 4% 0.3em 0 0; opacity: 1;}




.hit_info_box{
    margin: 7% 0 10%;
}
.hit_info_set{
    display: block;
    text-decoration: none;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width: 87.5%;
    margin: 0 auto 5%;
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
    position: relative;
    left: 0;
}
.his_head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 91%;
    margin: 5% auto 0%;
    padding: 0 0 4% 0;
}
.his_th{
    width: 17.5%;
}
.his_th img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 100px;
}
.hit_data_set{
    width: 50%;
    text-align: left;
}
.hit_data_num{
    font-size: min(4.3vw,16px);
    margin: 0 0 2% 0;
}
.hit_data_plan{
    font-size: min(5.3vw,19px);
    line-height: 1;
    font-weight: 600;
}
.hit_review_btn{
    width: 27%;
}
.hit_review_btn a{
    display: block;
    background: #3895ff;
    color: #FFF;
    border-radius: 100px;
    padding: 10% 1%;
    font-size: min(2.7vw,11px);
    text-decoration: none;
}
.hit_acodion_set{}
.hit_detail_open_btn{}
.hit_detail_open_btn a{
    color: #3895ff;
    font-size: min(4.3vw,16px);
    display: block;
    padding: 3% 0;
    text-decoration: none;
    border-top: solid 1px #ededed;
}
.hit_detail_open_btn a:after{content:'';background: url(./../../img/users/arrow_under.svg) no-repeat;background-size: 100% auto;width: 0.82em;height: 0.7em;display: inline-block;vertical-align: middle;margin-left: 0.6em;}
.hit_detail_open_set{}
.hit_detail_close_btn{}
.hit_detail_close_btn a{
    color: #3895ff;
    font-size: 16px;
    display: block;
    padding: 3% 0;
    text-decoration: none;
    border-top: solid 1px #ededed;
}
.hit_detail_close_btn a:after{content:'';background: url(./../../img/users/arrow_top.svg) no-repeat;background-size: 100% auto;width: 0.82em;height: 0.7em;display: inline-block;vertical-align: middle;margin-left: 0.6em;}
.hit_acodion_set .hit_detail_open_set {
display: none;
}

.hit_acodion_set.active .hit_detail_open_set {

}

.hit_acodion_set.active .hit_detail_open_btn {

}
.hit_acodion_set.active .hit_detail_open_btn a:after{
    background: url(./../../img/users/arrow_top.svg) no-repeat;
}

.hit_acodion_set .hit_detail_close_btn {
  max-height: 5000px;
  overflow: hidden;
  display: block;
  transition: max-height 1s ease-out;
}

.hit_acodion_set:not(.active) .hit_detail_close_btn {
  max-height: 0;
  transition: max-height 1s ease-out;
}
.hdos_detail_set{}
.hdosd_title{
    background: #eefce6;
    font-size: min(4.3vw,16px);
    font-weight: 600;
    padding: 1.8% 0;
    margin: 0 0 7% 0;
}
.hdosd_table{
    width: 91%;
    margin: 0 auto;
}
.hdosd_table ul{}
.hdosd_table li{
    display: flex;
    flex-wrap: wrap;
    align-items: self-start;
    justify-content: space-between;
    margin: 0 0 5% 0;
    border-bottom: solid 1px #ededed;
    padding: 0 0 5% 0;
}
.hdosd_table li.title{}
.hdosd_table li.title .left{
    width: 18.78%;
    font-size: min(2.8vw,12px);
    font-weight: 600;
}
.hdosd_table li.title .right{
    width: 80%;
    text-align: left;
    padding: 0 0 0 11%;
    font-size: min(2.8vw,12px);
    font-weight: 600;
}
.hdosd_table li.patern{}
.hdosd_table li.patern:last-child{
    border: none;
}
.hdosd_table li.patern .left{
    width: 18.78%;
    height: 32px;
    background: #eefce6;
    color: #606060;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: min(2.8vw,12px);
    font-weight: 600;
}
.hdosd_table li.patern .right{
    width: 78%;
}
.hdosd_table li.patern .num_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 3% 0;
}
.hdosd_table li.patern .num_set:last-child{
    margin: 0;
}
.hdosd_table li.patern .num_box{
    font-size: min(4.4vw,17px);
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #FFF;
    border-radius: 3px;
}
.hdosd_table li.patern .num_box[data-num="1"]{
    background: linear-gradient(120deg, #f2f2f2 0%, #dedede 100%);
    color: #565557;
}
.hdosd_table li.patern .num_box[data-num="2"]{
    background: linear-gradient(120deg, #888888 0%, #222222 100%);
}
.hdosd_table li.patern .num_box[data-num="3"]{
    background: linear-gradient(120deg,  #ff4758 0%,#cc0000 100%);
}
.hdosd_table li.patern .num_box[data-num="4"]{
    background: linear-gradient(120deg, #00b5ff 0%, #0066cc 100%);
}
.hdosd_table li.patern .num_box[data-num="5"]{
    background: linear-gradient(120deg, #ffed00 0%, #ffac00 100%);
    color: #565557;
}
.hdosd_table li.patern .num_box[data-num="6"]{
    background: linear-gradient(120deg, #99da25 0%, #009900 100%);
}
.hdosd_table li.patern .num_box[data-num="7"]{
    background: linear-gradient(120deg, #ffad00 0%, #ff6600 100%);
}
.hdosd_table li.patern .num_box[data-num="8"]{
    background: linear-gradient(120deg, #ff7fb1 0%, #ec0066 100%);
}
.hdosd_table li.patern .num_box[data-num="9"]{
    background: linear-gradient(120deg, #b64cff 0%, #7800ff 100%);
}
.hdosd_table li.patern .num_hyphen{
    color: #9c9d9d;
    margin: 0 1.5% 1%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.buy_icon_title{
    width: 91%;
    margin: 0 auto;
    font-size: min(4.3vw,16px);
    font-weight: 600;
    color: #348C46;
    border: solid 1px #348C46;
    border-radius: 100px;
    padding: 1.3% 0;
}
.buy_icon_title:before{content:'';background: url(./../../img/users/buy_icon_01.svg) no-repeat;background-size: 100% auto;width: 1.1em;height: 1.2em;display: inline-block;vertical-align: middle;margin-right: 0.6em;}
.hdosd_txt_set{
    width: 91%;
    margin: 6% auto 10%;
    text-align: left;
}

.hit_info_no_active{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    background: rgba(0,0,0,0.61);
    display: flex;
    align-items: center;
    justify-content: center;
}
.hina_txt{color: #FFF;font-size: 16px;font-weight: 600;}


.chat_list{
    width: 87.4%;
    margin: 7% auto 10%;
}
.chat_list ul{
    width: 100%;
}
.chat_list li{
    margin: 0 0 2% 0%;
    position: relative;
    width: 100%;
    transition: all 0.3s ease;
}
.chat_list li a{
    display: block;
    border: solid 1px #d6d6d6;
    border-radius: 6px;
    padding: 2.8%;
    text-decoration: none;
}
.chat_list li:hover{
    margin: 0 0 2% -2%;
}
.chat_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}
.chat_set .icon{
    width: 13.7%;
    position: relative;
}
.chat_set .icon img{}
.chat_set .icon .chat_alert{
    position: absolute;
    top: -12%;
    right: 69%;
    color: #FFF;
    background: #348C46;
    padding: 2% 11% 1%;
    margin: 0;
    border: 0;
    border-radius: 50px;
    font-size: min(2.8vw,12px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat_txt_set{
    font-size: 16px;
    color: #9c9d9d;
    text-align: left;
    margin: 0 0 0 4%;
    width: 81%;
}
.chat_txt_set .chat_name{
    color: #3d3838;
    font-size: min(4.3vw,16px);
    font-weight: bold;
}
.chat_txt_set .chat_txtd_set{
    font-size: min(3.8vw,16px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.chat_txt_set .chat_txt{
}
.chat_txt_set .chat_data{
}

.talk_content_main{
    width: 100%;
    margin: 0;
    max-height: calc(100vh - 220px);
}
.talk_content_right{
    width: 21.58%;
    max-width: 230px;
    box-shadow: 0px 5px 19px rgba(124,135,142, 0.20);
    border-radius: 15px;
    background: #f1f3f6;
    border: solid 1px #d5dde9;
}


.talk_category input{
    margin: 0;
}

.talk_unit::-webkit-scrollbar,textarea::-webkit-scrollbar,.tcm_chat_area::-webkit-scrollbar{
    width: 5px;
}
 
.talk_unit::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track,.tcm_chat_area::-webkit-scrollbar-track{
    background-color: #FFF;
    border-radius: 100px;
}
 
.talk_unit::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb,.tcm_chat_area::-webkit-scrollbar-thumb{
    background-color: #dbe0e8;
    border-radius: 100px;
}

.talk_unit a:hover{ background: #f6f8fc;}
.talk_unit a.active{ background: #f1f3f6;}


.tcm_chat_area{
    padding: 0 0 3% 0%;
    height: max-content;
    overflow-y: auto;
    margin: 0;
}
.ca_date{
    position: relative;
    margin: calc(25px) 0px;
    border-top: solid 1px rgba(64,98,116,0.2);
}
.ca_db{
    position: absolute;
    top: calc(-13px);
    width: 100%;
    text-align: center;
}
.ca_db_i{
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 2px 15px;
    font-size: 10px;
    background-color: #FFF;
    border-radius: 70px;
    border: solid 1px rgba(64,98,116,0.2);
    color: #406274;
}
.ca_db_i .span{}
.talk_num{
    position: absolute;
    left: 7px;
    top: 4px;
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e90000;
    font-size: 10px;
}

.talk_icon img,.account_image img,.user_icon_image img{border-radius: 50%;}
.cmbl_icon img {border-radius: 50%;height: 100%;    width: 100%;object-fit: cover;}
.more_old_message{
    margin: 5px 0 40px 0;
}
.more_old_message a{
    color: #3895ff;
    text-decoration: none;
    border: solid 1px #3895ff;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 0 auto;
    display: block;
    width: 150px;
    text-align: center;
    font-size: 14px;
}
.chat_mes_box_left{
    display: flex;
    flex-wrap: wrap;
    max-width: 515px;
    width: 93.7%;
    margin: 0 auto 4%;
}
.cmbl_icon{
    width: 37px;
    height: 37px;
}
.cmbl_txt{
    background: #eefce6;
    border-radius: 0px 8px 8px 8px;
    padding: 3% 4%;
    font-size: 16px;
    margin: 0 0 0 5px;
    color: #3d3838;
    text-align: left;
    word-break: break-all;
}
.cmbl_date{display: flex;align-items: flex-end;flex-wrap: wrap;flex-direction: column-reverse;font-size: min(2.6vw,10px);margin: 0 0px 0px 7px;color: #406274;}
.cmbld_aread{
    width: 100%;
    font-size: min(2.6vw,10px);
    color: #9c9d9d;
    margin: 1% 0 0 0;
}
.cmbld_time{
    width: 100%;
    color: #9c9d9d;
    margin: 0 0 1% 0;
}

.chat_mes_box_right{
    display: flex;
    flex-wrap: wrap;
    max-width: 515px;
    width: 93.7%;
    margin: 0 auto 4% auto;
    justify-content: flex-end;
}
.chat_mes_box_right .cmbl_txt{
    margin: 0 5px 0 0;
    background: #f3f3f3;
    border-radius: 8px 0 8px 8px;
    text-align: left;
    color: #3d3838;
}
.chat_mes_box_right .cmbl_date{
    margin: 0 7px 0 0;
    text-align: right;
}
.csb_head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 12px 0;
}
.csb_head_name{
    font-size: 12px;
}
.csb_head_btn{}
.csb_head_btn button{
    background: #fc6465;
    border: solid 1px #fc6465;
    font-size: 10px;
}
.scb_template_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 10px 0;
}
.scb_template_set a{
    display: flex;
    text-decoration: none;
    align-items: center;
    color: #406274;
    font-size: 12px;
    border: solid 1px #fc6465;
    border-radius: 50px;
    padding: 2px 6px;
    margin: 0 5px 5px 0;
}
.scb_template_set a:before{content:'';background: url(./../../img/users/template.svg) no-repeat;background-size: 100% auto;width: 1.1em;height: 1.1em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.scb_tarea{width: 84%;display: flex;align-items: center;justify-content: center;position: relative;}
.scb_tarea input{
    width: 100%;
    font-size: 16px;
    padding: 1.2% 1% 1.2% 11%;
    border: solid 1px #9c9d9d;
    border-radius: 100px;
}
.scb_tarea input::placeholder{color:#d6d6d6;}
.scb_tarea .icon{
    position: absolute;
    width: 5%;
    top: 26%;
    left: 4%;
    z-index: 10;
}
.scb_fr_send{}
.scb_fr_send input{
    background: #3895ff;
    border: #3895ff;
}
.scb_fr_send input:hover{
	opacity: 1;
    background: #3895ff;
    border: #3895ff;
}
.scb_foot{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}
.scb_f_left{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% - 63px);
}
.scb_fl_clip{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 3% 0 0;
}
.scb_fl_clip label{
    width: 35px;
    margin: 0;
}
.scb_fl_clip .filelabel{
    width: 35px;
    cursor: pointer;
}
.scb_fl_clip input{
    display: none;
}
.scb_fl_prof{
    display: flex;
    align-items: center;
    background: #f1f3f6;
    width: 145px;
    border-radius: 50px;
    padding: 2px 5px;
}
.scb_flp_img{
    width: 23px;
    margin: 0 5px 0 0;
}
.scb_flp_name{
    font-size: 12px;
    color: #406274;
}
.scb_f_right{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 53px;
    justify-content: space-between;
}
.scb_fr_aread{
    width: 85px;
}
.scb_fr_aread input{
    background: #4cba86;
    border: solid 1px #4cba86;
    font-size: 13px;
    width: 100%;
}


        .u_rl_img_set {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            margin: 7% 0 4% 0;
        }
        .u_rl_img_box {
        }
		.popup2{ display: none;}
        .popup2 {
            height: 100%;
            justify-content: center;
            align-items: center;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: inherit;
            width: 100%;
            max-height: 100%;
            /* background-color: rgba(0, 0, 0, 0.7); */
            text-align: center;
            z-index: 1000;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            padding: 0;
            border-radius: 17px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            max-width: 380px;
            margin: auto;
            width: 90%;
            height: auto;
            max-height: 934px;
        }
        .popup2 img {
            max-width: 100%;
            max-height: 100%;
        }
		
.popup_close{position: relative;top: 0;right: 0;left: 0;cursor: pointer;color: #3895ff;font-size: 14px;padding: 4%;display: block;}
.popup_white{
    width: 100%;
    background: #FFF;
    border-radius: 17px;
    overflow: hidden;
}

.user_review_write_btn{
    margin: 7% 0;
}
.user_review_write_btn a{
    background: #3895ff;
    color: #FFF;
    text-decoration: none;
    width: 87.5%;
    display: block;
    margin: 0 auto;
    padding: 2% 0;
    border-radius: 100px;
}
.user_review_list_box{
    margin: 7% 0 10%;
}
.user_rl_set{
    display: block;
    text-decoration: none;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    width: 87.5%;
    margin: 0 auto 6%;
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
    position: relative;
    left: 0;
    padding: 4%;
}
.u_rl_head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #ededed;
    padding: 0 0 6% 0;
    position: relative;
}
.u_rl_th{width: 19.5%;}
.u_rl_th img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 100px;
}
.u_rl_info{
    width: 64%;
}
.u_rl_date{
    text-align: left;
}
.u_rl_name{
    font-size: min(4.3vw,16px);
    font-weight: 600;
    text-align: left;
    margin: 1% 0 1% 0;
}
.u_rl_evaluation{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 34%;
}
.u_rl_evaluation img{}
.u_rl_evaluation .star_on{
    width: 18.5%;
}
.u_rl_evaluation .star_off{
    width: 20%;
}
.u_rl_plan{
    width: max-content;
    font-size: min(2.8vw,12px);
    font-weight: 600;
    color: #FFF;
    padding: 1% 3%;
    border-radius: 4px;
    position: relative;
    top: 0;
    right: 0;
    align-self: baseline;
}
.u_rl_plan.up_1{
    background: #03b093;
}
.u_rl_plan.up_2{
    background: #00a1d3;
}
.u_rl_plan.up_3{
    background: #ff7a00;
}
.u_rl_plan.up_4{
    background: #2f0043;
}
.u_rl_plan.up_5{
    background: linear-gradient(to right,  #ffe999 0%,#e3ba66 100%);
    color: #7c3300;
}
.u_rl_plan.up_6{
    background: linear-gradient(150deg,   #ff2fb2 0%,#ff2f65 36%,#d01f3d 97%);
}
.u_rl_plan.up_7{
    background: linear-gradient(150deg,  #00ccff 17%,#0000ff 100%);
}
.u_rl_plan.up_8{
    background: linear-gradient(150deg,  #d300ff 0%,#580085 100%);
}
.u_rl_reviewtxt{
    text-align: left;
    margin: 5% 0 4%;
}
.u_rl_img_set{}
.u_rl_img_box{
    width: 32%;
}
.u_rl_img_box a{
    cursor: pointer;
    display: block;
    border-radius: 6px;
    overflow: hidden;
}
.u_rl_img_box img{
    max-width: 104px;
    object-fit: cover;
}
.image-popup{}
.image-popup #popupImage{}
.image-popup .close-popup{}

.user_review_write_box{
    margin: 7% 0 30%;
}
.urw_plan_select {
      position: relative;
      width: 87.5%;
      margin: 0 auto;
    }

.urw_plan_select select {
      width: 100%;
      padding: 3%;
      font-size: min(4.3vw,16px);
      border: 1px solid #d6d6d6;
      color: #606060;
      border-radius: 5px;
      appearance: none;
      background: url('./../../img/users/select_arrow.svg') no-repeat right 4% center / 10px;
    }
        .rating {
            unicode-bidi: bidi-override;
            direction: rtl;
            width: 35.1%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 0 0 0 4%;
        }

        .rating > input {
            display: none;
        }

        .rating > label {
            width: 19%;
            margin: 0;
        }

        .rating > label:before {
            content: url('./../../img/users/star_off.svg');
            display: block;
            width: 100%;
            padding: 0;
        }

        .rating > input:checked ~ label:before {
            content: url('./../../img/users/star_on.svg');
        }
.urw_form_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    width: 87.5%;
    margin: 5% auto 7%;
}
.urw_f_icon{
    margin: 0 1.5% 0 0;
}
.urwfi_01{
    width: 4.5%;
}
.urwfi_02{
    width: 4.06%;
}
.urwfi_03{
    width: 4.06%;
}
.urw_f_icon img{}
.urw_f_txt{
    font-size: min(3.1vw,13px);
    margin: 0;
}
.urw_f_textarea{
    width: 100%;
    margin: 2% 0 0 0;
}
.urw_f_textarea textarea{
    width: 100%;
    font-size: min(4.3vw,16px);
    border: 1px solid #d6d6d6;
    color: #606060;
    border-radius: 5px;
    padding: 3%;
}
        #dropArea {
            border: 2px dashed #ccc;
            padding: 20px;
            text-align: center;
            cursor: pointer;
            position: relative;
            z-index: 1;
            border-radius: 5px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .overlay2 {
  display: none;
  position: fixed;
  top: -11px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 479px;
  margin: auto;
  width: 100%;
  height: 928px;
  max-height: 934px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
        }
        .preview-container {
            display: flex;
            justify-content: flex-start;
            margin-top: 0;
        }
        .preview-image {
            width: 100%;
            height: 100%;
            margin: 0;
            position: relative;
            object-fit: cover;
            border-radius: 6px;
        }
        .close-button {
            position: absolute;
            top: 1%;
            right: 4%;
            background: none;
            border: none;
            cursor: pointer;
            border-radius: 0;
            width: 30%;
            padding: 3% 0;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }
.preview-item{
    position: relative;
    width: calc(100% / 3);
    max-height: 120px;
    margin: 0 2% 0 0;
}
.drop_img_plus{
    width: 100%;
    margin: 0 auto;
    display: block;
}
.drop_img_plus img{
    width: 10%;
}
.urw_form_send{
    width: 87.5%;
    margin: 5% auto 7%;
}
.urw_form_send input{
    display: block;
    font-size: min(3.3vw,14px);
    line-height: 1.5;
    text-align: center;
    width: 86.5%;
    padding: 4% 2%;
    border-radius: 5px;
    margin-inline: auto;
    color: #fff;
    background: #3895ff;
    cursor: pointer;
    transition: opacity 0.3s ease;
    text-decoration: none;
    outline: none;
    border: none;
}

        .humb_menu {
            position: relative;
            top: 0;
            right: -479px;
            width: 100%;
            height: 100%;
            background: #FFF;
            color: white;
            padding: 0;
            box-shadow: none;
            overflow-y: scroll;
            overflow-x: auto;
            transition: right 0.3s ease-out;
            pointer-events: all;
        }

        .humb_close {
            cursor: pointer;
            text-align: right;
        }
.humb_head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 5% 0 5% 0;
    padding: 0 6%;
}
.humb_logo{
    width: 25.6%;
}
.humb_logo img{
    width: 100%;
}
.humb_close{
    width: 7.9%;
    padding: 0 0 0 5%;
}
.humb_user{
    width: 86.7%;
    margin: 0 auto;
}
.humb_user_icon{
    margin: 0 auto;
    width: max-content;
    padding: 0;
    border: solid 7px #FFF;
    border-radius: 100px;
}
.humb_user_icon img{
    object-fit: cover;
    width: 86px;
    height: 86px;
    border-radius: 100px;
}
.humb_user_name{
    font-size: min(4.7vw,20px);
    color: #3d3838;
    text-align: center;
    margin: 4% 0 1% 0;
    font-weight: bold;
}
.humb_user_id_box{
    font-size: min(4.3vw,16px);
    color: #9c9d9d;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 1% 0;
}
.humb_uid{
    margin: 0 3% 0 0;
}
.humb_uid_cp{
    border: solid 1px #3895ff;
    color: #3895ff;
    font-size: min(3.1vw,13px);
    padding: 0.5% 1%;
    border-radius: 3px;
    cursor: pointer;
}
.humb_user_email{
    font-size: min(4.3vw,16px);
    color: #9c9d9d;
    text-align: center;
}

.humb_icon_set{
    width: 86.7%;
    margin: 5% auto 5%;
}

.humb_menu_list{
    width: 86.7%;
    margin: 0 auto;
}
.humb_menu_list ul{}
.humb_menu_list li{
    border-bottom: solid 1px #d6d6d6;
}
.humb_menu_list li a{
    display: flex;
    text-align: left;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    font-size: min(4.3vw,16px);
    color: #606060;
    font-weight: 400;
    padding: 4% 0;
    text-decoration: none;
}
.humb_menu_list li a:after{content:'';background: url(./../../img/users/side_menu_arrow.svg) no-repeat;background-size: 100% auto;width: 0.45em;height: 0.9em;display: inline-block;vertical-align: middle;margin-right: 0.6em;margin-left: auto;}
.humb_menu_list li.hmli_01 a:before{content:'';background: url(./../../img/users/side_menu_icon_01.svg) no-repeat;background-size: 100% auto;width: 1.563em;height: 1.563em;display: inline-block;vertical-align: middle;margin-right: 0.6em;margin-left: 0.2em;}
.humb_menu_list li.hmli_02 a:before{content:'';background: url(./../../img/users/side_menu_icon_02.svg) no-repeat;background-size: 100% auto;width: 1.563em;height: 1.563em;display: inline-block;vertical-align: middle;margin-right: 0.6em;margin-left: 0.2em;}
.humb_menu_list li.hmli_03 a:before{content:'';background: url(./../../img/users/side_menu_icon_03.svg) no-repeat;background-size: 100% auto;width: 1.563em;height: 1.563em;display: inline-block;vertical-align: middle;margin-right: 0.6em;margin-left: 0.2em;}
.humb_menu_list li.hmli_04 a:before{content:'';background: url(./../../img/users/side_menu_icon_04.svg) no-repeat;background-size: 100% auto;width: 1.563em;height: 1.563em;display: inline-block;vertical-align: middle;margin-right: 0.6em;margin-left: 0.2em;}
.humb_menu_list li.hmli_05 a:before{content:'';background: url(./../../img/users/side_menu_icon_05.svg) no-repeat;background-size: 100% auto;width: 1.563em;height: 1.563em;display: inline-block;vertical-align: middle;margin-right: 0.6em;margin-left: 0.2em;}
.humb_menu_list li.hmli_06 a:before{content:'';background: url(./../../img/users/side_menu_icon_06.svg) no-repeat;background-size: 100% auto;width: 1.563em;height: 1.563em;display: inline-block;vertical-align: middle;margin-right: 0.6em;margin-left: 0.2em;}
.humb_menu_list li.hmli_07 a:before{content:'';background: url(./../../img/users/side_menu_icon_07.svg) no-repeat;background-size: 100% auto;width: 1.563em;height: 1.563em;display: inline-block;vertical-align: middle;margin-right: 0.6em;margin-left: 0.2em;}
.humb_menu_list li.hmli_08 a:before{content:'';background: url(./../../img/users/side_menu_icon_08.svg) no-repeat;background-size: 100% auto;width: 1.563em;height: 1.563em;display: inline-block;vertical-align: middle;margin-right: 0.6em;margin-left: 0.2em;}
.humb_menu_list li:last-child{ border: none;}

.report_menu {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FFF;
    padding: 0;
    box-shadow: none;
    overflow-y: scroll;
    transition: bottom 0.3s ease-out;
    pointer-events: all;
    z-index: 30;
    text-align: left;
}

.report_menu_list {
    width: 87.7%;
    margin: 0 auto;
    border-radius: 8px 8px 0 0;
}

  .infomation_list_box{
    width: 87.5%;
    margin: 5% auto 5%;
}
    .new_post_box {
      position: absolute;
      bottom: -100%;
      left: 0;
      width: 100%;
      background-color: #fff;
      padding: 6%;
      box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
      transition: bottom 0.5s ease-in-out;
      z-index: 2;
      height: 70vh;
      pointer-events: all;
      border-radius: 29px 29px 0 0;
    }

    #modalBackground {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1;
      pointer-events: all;
    }

.new_infomation_post{
    margin: 7% 0;
}
.new_infomation_post a{
    background: #3895ff;
    color: #FFF;
    text-decoration: none;
    width: 87.5%;
    display: block;
    margin: 0 auto;
    padding: 2% 0;
    border-radius: 100px;
}
#closeForm{
    border: none;
    width: 3.6%;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 4%;
    right: 7%;
    background: none;
}
#closeForm img{}

.new_post_set{}
.new_post_title{
    font-size: 20px;
    color: #3895ff;
    text-align: center;
    margin: 7% 0 10%;
    font-weight: 600;
}
.new_post_input{
    margin: 0 0 6% 0;
}
.new_post_input select{
    width: 100%;
    padding: 3%;
    font-size: 13px;
    border: 1px solid #d6d6d6;
    color: #606060;
    border-radius: 5px;
    appearance: none;
    text-align: center;
    background: url(./../../img/users/select_arrow.svg) no-repeat right 4% center / 10px;
}
.newp_form_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    width: 100%;
    margin: 5% auto 7%;
}
.newp_f_icon{
    margin: 0 1.5% 0 0;
}
.newp_f_icon.urwfi_02{
    width: 4.06%;
}
.newp_f_txt{
    font-size: min(3.1vw,13px);
    margin: 0;
}
.newp_f_textarea{
    width: 100%;
    margin: 2% 0 5% 0;
}
.newp_f_textarea textarea{
    width: 100%;
    font-size: min(4.3vw,16px);
    border: 1px solid #d6d6d6;
    color: #606060;
    border-radius: 5px;
    padding: 3%;
}

.newp_form_send{
    margin: 5% auto 7%;
    width: 100%;
}
.newp_form_send input{
    display: block;
    font-size: min(3.3vw,14px);
    line-height: 1.5;
    text-align: center;
    width: 86.5%;
    padding: 4% 2%;
    border-radius: 5px;
    margin-inline: auto;
    color: #fff;
    background: #3895ff;
    cursor: pointer;
    transition: opacity 0.3s ease;
    text-decoration: none;
    outline: none;
    border: none;
}

.ilb_set{
    border: solid 1px #ededed;
    border-radius: 6px;
    padding: 4% 4%;
    margin: 0 0 2.8% 0%;
    position: relative;
    width: 100%;
	transition: all 0.3s ease;
}
.ilb_set:hover{transition: all 0.3s ease; margin: 0 0 2.8% -2%;}
.ilb_set.ilb_alert{
    border: solid 1px #348C46;
}
.ilb_set.ilb_alert:before{content:'';background: url(./../../img/users/info_alert.svg) no-repeat;background-size: 100% auto;width: 1.25em;height: 1.25em;display: inline-block;vertical-align: middle;position: absolute;left: -2.4%;bottom,: ;top: 0;bottom: 0;margin: auto;}
.ilb_set a{
    text-decoration: none;
}
.ilb_head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ilb_id{
    border: solid 1px #d6d6d6;
    border-radius: 3px;
    padding: 0.6% 1.6%;
    color: #9c9d9d;
    font-size: min(2.7vw,11px);
    font-weight: 600;
}
.ilb_category{
    background: #e2ffcf;
    color: #3d3838;
    font-size: min(2.7vw,11px);
    padding: 0.6% 2.6%;
    margin: 0 0 0 2%;
    border-radius: 3px;
    font-weight: 600;
}
.ilb_txt_date{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 1% 0 0 0;
}
.ilb_text{
    font-size: min(3.8vw,16px);
    color: #3d3838;
}
.ilb_time{
    color: #9c9d9d;
    font-size: min(3.8vw,16px);
}
.ilb_set.ilb_alert .ilb_txt_date{
    font-weight: bold;
}
.ilb_set.ilb_alert .ilb_time{
    color: #3d3838;
}

.infomation_detail_box{
    width: 87.5%;
    margin: 5% auto 5%;
    display: block;
    text-decoration: none;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 20px;
    padding: 0;
    /* overflow: hidden; */
    position: relative;
    left: 0;
}
.idb_head{}
.idbh_id{
    font-size: min(5.7vw,18px);
    color: #FFF;
    border: solid 2px #FFF;
    border-radius: 5px;
    padding: 1% 4%;
}
.idbh_right{}
.idbh_category{
    font-size: min(2.7vw,11px);
    color: #348C46;
    background: #FFF;
    border-radius: 3px;
    font-weight: 600;
    padding: 1% 5%;
    width: max-content;
    margin: 0 0 0 auto;
}
.idbh_time{
    font-size: min(2.6vw,10px);
    color: #FFF;
    margin: 4% 0 0 0;
    text-align: right;
}
.idb_list{}
.idb_set.idbs_first{
    text-align: left;
    padding: 5%;
    border-bottom: solid 1px #eeeeee;
}
.idb_set.idbs_first .idb_uname{
    font-size: min(4.3vw,16px);
    font-weight: 600;
    margin: 0 0 4% 0;
}
.idb_set.idbs_first .idb_info_txt{}

.idb_set{
    text-align: left;
    padding: 0 12% 5% 5%;
    border-bottom: solid 1px #eeeeee;
    position: relative;
    transition: all 0.3s ease;
}
.idb_set.opened{ padding: 5% 12% 5% 5%;    transition: all 0.3s ease;}
.idb_head_first{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: #348C46;
    padding: 5.5%;
    border-radius: 20px 20px 0 0;
}
.idb_head{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    position: relative;
}
.idb_uname{
    font-size: 16px;
    font-weight: 600;
}
.idb_time{
    font-size: 10px;
    margin: 0 6% 0 0;
}
.idb_reply_set{
    display: none;
}
.idb_reply_set_first{}
.idb_oac_btn{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    transition: all 0.3s ease;
}
.idb_oac_btn a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: right;
    padding: 0;
    position: relative;
    z-index: 11;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 4% 0 0;
}
.idb_oac_btn img{
    width: 2.1%;
    margin: 0 0 0 auto;
    padding: 0;
}

        .idb_oac_btn.opened img {
            transform: rotate(90deg);
			transition: all 0.3s ease;

        }
.idb_oac_btn.opened{
    background: #eefce6;
}
.idb_u_set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    position: relative;
    width: 100%;
    padding: 4% 5%;
    z-index: 10;
}
.idb_all_set{
    position: relative;
}

.idb_all_set.idb_alert{}
.idb_all_set.idb_alert:before{content:'';background: url(./../../img/users/info_alert.svg) no-repeat;background-size: 100% auto;width: 1.25em;height: 1.25em;display: inline-block;vertical-align: middle;position: absolute;left: -2.4%;top: 0;bottom: 0;margin: auto;}

.infomation_detail_reply{
    width: 87.5%;
    margin: 10% auto 30%;
}
.info_finish{
    font-size: min(4.7vw,18px);
    color: #3895ff;
    font-weight: 600;
    margin: 8% 0 8% 0;
}
.info_finish_txt_detail{
    text-align: left;
    margin: 10% 0 10% 0;
}
.iftd_title{
    font-weight: 600;
    font-size: min(4.3vw,16px);
    margin: 0 0 5% 0;
    text-align: center;
    background: #eefce6;
    padding: 3% 0;
}
.plan_list_bg{
    background: url(./../../img/users/plan_list_bg.jpg);
    background-size: 100% auto;
    background-position: top center;
}

.plan_list_bg .h_user_name{ color: #3d3838;}
.plan_list_bg .h_user_id{ color: #3d3838;}

.plan_detail_bg.planbg_01{
    background: url(./../../img/users/plan_list_bg.jpg) #FF5378 no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-blend-mode: multiply;
}
.plan_detail_bg.planbg_02{
    background: url(./../../img/users/plan_list_bg.jpg) #008566 no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-blend-mode: multiply;
}
.plan_detail_bg.planbg_03{
    background: url(./../../img/users/plan_list_bg.jpg) #0087a7 no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-blend-mode: multiply;
}
.plan_detail_bg.planbg_04{
    background: url(./../../img/users/plan_list_bg.jpg) #ff6800 no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-blend-mode: multiply;
}
.plan_detail_bg.planbg_05{
    background: url(./../../img/users/plan_list_bg.jpg) #230045 no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-blend-mode: multiply;
}
.plan_detail_bg.planbg_06{
    background: url(./../../img/users/plan_list_bg.jpg) #5c260d no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-blend-mode: multiply;
}
.plan_detail_bg.planbg_07{
    background: url(./../../img/users/plan_list_bg.jpg) #b30031 no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-blend-mode: multiply;
}
.plan_detail_bg.planbg_08{
    background: url(./../../img/users/plan_list_bg.jpg) #004393 no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-blend-mode: multiply;
}
.plan_detail_bg.planbg_09{
    background: url(./../../img/users/plan_list_bg.jpg) #6a0078 no-repeat;
    background-size: 100% auto;
    background-position: top center;
    background-blend-mode: multiply;
}


.plan_detail_bg .h_user_name{color: #FFF;}
.plan_detail_bg .h_user_id{color: #FFF;}

.plan_detail_bg.planbg_04 .h_user_name{color: #FFF;}
.plan_detail_bg.planbg_04 .h_user_id{color: #FFF;}

.planbg_04 .h1_title.plan_title{color: #FFF;}
.planbg_04 .pdb_pi_title{color: #FFF;}

.plan_cricle_bg{
    position: absolute;
    top: -1%;
    left: 0;
    right: 0;
    margin: 0 -17%;
    width: 134%;
    mix-blend-mode: overlay;
}
.plan_cricle_bg img{}

.plan_list_box{
    width: 93.6%;
    margin: 0 auto;
    display: block;
    text-decoration: none;
    background: #FFF;
    box-shadow: 0 0 6px 2px rgba(0,0,0,0.2);
    border-radius: 20px;
    padding: 0;
    /* overflow: hidden; */
    position: relative;
    left: 0;
}
.plan_list_set{
    margin: 10% auto 40%;
}
.pls_camp_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
    top: -3.8%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 87%;
}
.pls_csb{
    box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    border: solid 1px #FFF;
    border-radius: 4px;
    padding: 1.5% 2% 2.2%;
    font-size: min(2.8vw,12px);
    margin: 0 1%;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pls_cs_01{
    background: #ffcc00;
    color: #663300;
}
.pls_cs_02{
    background: #ff004f;
    color: #FFF;
}
.pls_cs_03{
    background: #48bc33;
    color: #FFF;
}
.pls_cs_04{
    background: #0066de;
    color: #FFF;
}

.plan_banner{
    width: 89%;
    margin: 0 auto;
    padding: 6% 0 8%;
    position: relative;
    z-index: 5;
}
.plan_features_set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 81%;
    margin: 0 auto;
    padding: 0% 0 1%;
}
.plan_f_type_set{
    width: 49%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 5% 0;
}
.pfts_icon{
    width: 29.3%;
}
.pfts_left{
    width: 65%;
    text-align: left;
}
.pfts_title{
    font-size: min(2.8vw,12px);
    margin: 0 0 2% 0;
}
.pfts_txt{
    font-size: min(3.4vw,16px);
    font-weight: 600;
}
.pfts_ecalution{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}
.pfts_ecalution .star_on{
    width: 18.5%;
}
.pfts_ecalution .star_off{
    width: 18.5%;
}
.pfts_ecalution2{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: -2% 0 0 10.5%;
    position: relative;
    width: 100%;
}
.pfts_ecalution2 .star_on{
    width: 18.5%;
}
.pfts_ecalution2 .star_off{
    width: 18.5%;
}
.pfts_txt .unit{
    font-size: min(2.6vw,10px);
    margin: 0 0 0 2%;
}
.pfts_txt .slash{
    margin: 0 4%;
}
.plan_list_box_all{
    margin: 12% auto 40%;
}
.plan_more_btn{
    padding: 0 0 9.0% 0;
}
.plan_more_btn a{
    display: inline-block;
    width: 39%;
    margin: 0 auto;
    color: #FFF;
    border-radius: 5px;
    padding: 3.7% 1%;
    font-weight: bold;
    text-decoration: none;
}
.plan_list_set.plan_01{}
.plan_list_set.plan_01 .plan_banner img{box-shadow: 0px 6px 20px 3px rgba(255,69,162,0.2);}
.plan_list_set.plan_01 .plan_more_btn a{background: #ff5b77;}

.plan_list_set.plan_02{}
.plan_list_set.plan_02 .plan_banner img{box-shadow: 0px 6px 20px 3px rgba(0,255,188,0.2);}
.plan_list_set.plan_02 .plan_more_btn a{background: #03b093;}

.plan_list_set.plan_03{}
.plan_list_set.plan_03 .plan_banner img{box-shadow: 0px 6px 20px 3px rgba(0,255,230,0.2);}
.plan_list_set.plan_03 .plan_more_btn a{background: #00a1d3;}

.plan_list_set.plan_04{}
.plan_list_set.plan_04 .plan_banner img{box-shadow: 0px 6px 20px 3px rgba(255,176,0,0.2);}
.plan_list_set.plan_04 .plan_more_btn a{background: #ff7a00;}

.plan_list_set.plan_05{}
.plan_list_set.plan_05 .plan_banner img{box-shadow: 0px 6px 20px 3px rgba(124,0,255,0.2);}
.plan_list_set.plan_05 .plan_more_btn a{background: #2f0043;}

.plan_list_set.plan_06{}
.plan_list_set.plan_06 .plan_banner img{box-shadow: 0px 6px 20px 3px rgba(153,29,0,0.2);}
.plan_list_set.plan_06 .plan_more_btn a{background: linear-gradient(to right, #ffe999 0%,#e3ba66 100%);}

.plan_list_set.plan_07{}
.plan_list_set.plan_07 .plan_banner img{box-shadow: 0px 6px 20px 3px rgba(255,0,189,0.2);}
.plan_list_set.plan_07 .plan_more_btn a{background: linear-gradient(150deg, #ff2fb2 0%,#ff2f65 36%,#d01f3d 97%);}

.plan_list_set.plan_08{}
.plan_list_set.plan_08 .plan_banner img{box-shadow: 0px 6px 20px 3px rgba(0,61,255,0.2);}
.plan_list_set.plan_08 .plan_more_btn a{background: linear-gradient(150deg, #00ccff 17%,#0000ff 100%);}

.plan_list_set.plan_09{}
.plan_list_set.plan_09 .plan_banner img{box-shadow: 0px 6px 20px 3px rgba(186,0,255,0.2);}
.plan_list_set.plan_09 .plan_more_btn a{background: linear-gradient(150deg, #d300ff 0%,#580085 100%);}
.h1_title.plan_title{
    color: #FFF;
}

.plan_detail_box{}
.pdb_head{
    width: 93.6%;
    margin: 9% auto 5%;
    display: block;
    text-decoration: none;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 14px;
    padding: 0;
    /* overflow: hidden; */
    position: relative;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 1%;
}
.pdb_left{
    background: #ff004f;
    color: #FFF;
    border-radius: 12px;
    width: 29.35%;
    padding: 5% 0;
}
.pdb_cmp_money{
    display: flex;
    flex-wrap: wrap;
    width: 62%;
    align-items: center;
    justify-content: center;
    margin: 0 4% 0 0;
}
.pdb_cmp_list_price{

    color: #565557;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    position: relative;
}
.pdb_cmp_list_price .num{
    font-family: babes;
    font-size: min(8.7vw,40px);
}
.pdb_cmp_list_price .unit{
    /* font-family: "mp2"; */
    font-size: min(5.0vw,22px);
    margin: 0 0 10.0% 0;
    display: block;
}
.pdb_cmp_list_arrow{
    width: 3.14%;
    margin: 0 4% 0 6%;
}
.pdb_cmp_list_price_down{
    position: relative;
}
.pdb_clpd_icon{
    position: absolute;
    width: 32%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -37%;
}
.pdb_clpd_set{
    color: #ff004f;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.pdb_clpd_set .num{    font-family: babes;
    font-size: min(8.7vw,40px);}
.pdb_clpd_set .unit{
    /* font-family: "mp2"; */
    font-size: min(5.0vw,22px);
    margin: 0 0 10.0% 0;
    display: block;
}
.pdb_plan_detail{
    width: 93.6%;
    margin: 9% auto 1%;
    display: block;
    text-decoration: none;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 15px;
    padding: 0;
    /* overflow: hidden; */
    position: relative;
    left: 0;
    display: flex;
    flex-wrap: wrap;
}
.pdb_plan_detail .pls_camp_set{
    top: -2.2%;
}
.pls_camp_plan_name_box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 89%;
    margin: 0 auto 5%;
    border-bottom: solid 1px #d6d6d6;
    padding: 0 0 5% 0;
    position: relative;
}
.plan_detail_bg{}
.pls_icon{
    position: relative;
    z-index: 10;
    width: 16.7%;
}
.pls_icon img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 100px;
}
.pls_plan_name_set{
    position: relative;
    z-index: 10;
    text-align: left;
    width: 79%;
    margin: 0 0 0 4%;
}
.pls_plan_name_en{
    font-size: min(2.6vw,10px);
}
.pls_plan_name_jp{
    font-size: min(6.2vw,23px);
    font-weight: 600;
}
.pls_camp_plan_text_detail{
    width: 89%;
    margin: 0% auto 10%;
    text-align: left;
}
.pdb_providing_information{}
.pdb_pi_title_set{
    width: 86.5%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: ce;
}
.pdb_pi_title{
    position: absolute;
    bottom: 33%;
    left: 0;
    right: 0;
    margin: auto;
    color: #FFF;
    font-size: min(5.7vw,18px);
    font-weight: 600;
}
.pdb_pi_img_bg{
    width: 100%;
}
.plan_camp_bg{
    position: absolute;
    right: 0;
    top: -75%;
    z-index: 0;
    width: 47%;
}
.pdb_pi_detail_set{
    width: 93.6%;
    margin: -5.5% auto 5%;
    display: block;
    text-decoration: none;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 15px;
    padding: 0;
    /* overflow: hidden; */
    position: relative;
    left: 0;
    display: flex;
    flex-wrap: wrap;
}
.pdb_pi_list_set{
    width: 100%;
    margin: 0 0 5% 0;
    m,animation: ;
}
.pdb_pi_list_set ul{}
.pdb_pi_list_set li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pdb_pi_list_set li:nth-child(even){
    background: #f9f9f9;
}
.pdb_pi_list_set li:nth-child(odd){}
.pdb_pi_list_set .pdb_pi_ls_title{
    width: 37%;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 4.5%;
}
.pdb_pi_list_set .pdb_pi_ls_content{
    width: 63%;
    display: block;
    padding: 4.5%;
    text-align: right;
}

.planbg_01 .pdb_pi_list_set li .pdb_pi_ls_title:before{content:'';background: url(./../../img/users/plan_01_arrow.svg) no-repeat;background-size: 100% auto;width: 0.5em;height: 0.93em;display: inline-block;vertical-align: middle;margin-right: 0.8em;}
.planbg_02 .pdb_pi_list_set li .pdb_pi_ls_title:before{content:'';background: url(./../../img/users/plan_02_arrow.svg) no-repeat;background-size: 100% auto;width: 0.5em;height: 0.93em;display: inline-block;vertical-align: middle;margin-right: 0.8em;}
.planbg_03 .pdb_pi_list_set li .pdb_pi_ls_title:before{content:'';background: url(./../../img/users/plan_03_arrow.svg) no-repeat;background-size: 100% auto;width: 0.5em;height: 0.93em;display: inline-block;vertical-align: middle;margin-right: 0.8em;}
.planbg_04 .pdb_pi_list_set li .pdb_pi_ls_title:before{content:'';background: url(./../../img/users/plan_04_arrow.svg) no-repeat;background-size: 100% auto;width: 0.5em;height: 0.93em;display: inline-block;vertical-align: middle;margin-right: 0.8em;}
.planbg_05 .pdb_pi_list_set li .pdb_pi_ls_title:before{content:'';background: url(./../../img/users/plan_05_arrow.svg) no-repeat;background-size: 100% auto;width: 0.5em;height: 0.93em;display: inline-block;vertical-align: middle;margin-right: 0.8em;}
.planbg_06 .pdb_pi_list_set li .pdb_pi_ls_title:before{content:'';background: url(./../../img/users/plan_06_arrow.svg) no-repeat;background-size: 100% auto;width: 0.5em;height: 0.93em;display: inline-block;vertical-align: middle;margin-right: 0.8em;}
.planbg_07 .pdb_pi_list_set li .pdb_pi_ls_title:before{content:'';background: url(./../../img/users/plan_07_arrow.svg) no-repeat;background-size: 100% auto;width: 0.5em;height: 0.93em;display: inline-block;vertical-align: middle;margin-right: 0.8em;}
.planbg_08 .pdb_pi_list_set li .pdb_pi_ls_title:before{content:'';background: url(./../../img/users/plan_08_arrow.svg) no-repeat;background-size: 100% auto;width: 0.5em;height: 0.93em;display: inline-block;vertical-align: middle;margin-right: 0.8em;}
.planbg_09 .pdb_pi_list_set li .pdb_pi_ls_title:before{content:'';background: url(./../../img/users/plan_09_arrow.svg) no-repeat;background-size: 100% auto;width: 0.5em;height: 0.93em;display: inline-block;vertical-align: middle;margin-right: 0.8em;}
.planbg_01 .pls_plan_name_jp{color: #ff587d;}
.planbg_02 .pls_plan_name_jp{color: #039874;}
.planbg_03 .pls_plan_name_jp{color: #008eb8;}
.planbg_04 .pls_plan_name_jp{color: #ff7a00;}
.planbg_05 .pls_plan_name_jp{color: #7c0098;}
.planbg_06 .pls_plan_name_jp{color: #9a0000;}
.planbg_07 .pls_plan_name_jp{color: #ff0058;}
.planbg_08 .pls_plan_name_jp{color: #032fbe;}
.planbg_09 .pls_plan_name_jp{color: #8c00c2;}

.pdb_plan_buy_list
.pdb_plan_buy_list ul{}
.pdb_plan_buy_list li{}
.pdb_pbl_camp{}
.pdb_pbl_camp_title{
    background: #ff004f;
    color: #FFF;
    border-radius: 100px;
    font-size: min(3.1vw,13px);
    font-weight: 600;
    padding: 1.3% 0 1.6%;
    width: 94%;
    margin: 3% auto;
}
.pdb_pbl_set{
    flex-wrap: wrap;
    width: 92.6%;
    margin: 5% auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: #FFF;
    box-shadow: 0 0 6px rgba(71,71,71,0.2);
    border-radius: 7px;
    padding: 2.5% 2.5% 2.5% 5.5%;
    position: relative;
    left: 0;
}
.pdb_pbl_left{
    width: 51%;
    text-align: left;
}
.pdb_pbl_date{
    font-size: min(5.7vw,18px);
    font-weight: 600;
    margin: 0 0 1% 0;
}
.pdb_pbl_plan_name{
    font-size: min(3.1vw,13px);
}
.pdb_pbl_right{
    width: 47%;
}
.pdb_pbl_buy{
}
.pdb_pbl_buy a{font-size: min(4.3vw,16px);display: block;width: 100%;border-radius: 5px;padding: 13% 0;text-decoration: none;}
.pdb_pbl_buy.pbl_status_01 a{background: linear-gradient(to bottom,  #3399ff 12%,#2184cc 90%); color: #FFF;}
.pdb_pbl_buy.pbl_status_01 a:before{content:'';background: url(./../../img/users/plan_status_01.svg) no-repeat;background-size: 100% auto;width: 1.7em;height: 1.7em;display: inline-block;vertical-align: middle;margin-right: 0.8em;}
.pdb_pbl_buy.pbl_status_02 a{background: linear-gradient(to bottom,  #e00000 12%,#bc0000 90%);color: #FFF;letter-spacing: 1em;}
.pdb_pbl_buy.pbl_status_02 a:before{content:'';background: url(./../../img/users/plan_status_02.svg) no-repeat;background-size: 100% auto;width: 1.5em;height: 1.5em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.pdb_pbl_buy.pbl_status_03 a{background: #ebebeb;color: #606060;}
.pdb_pbl_buy.pbl_status_03 a:before{content:'';background: url(./../../img/users/plan_status_03.svg) no-repeat;background-size: 100% auto;width: 1.5em;height: 1.5em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.pdb_pbl_buy.pbl_status_04 a{background: linear-gradient(to bottom,  #ff8748 12%,#ff4a26 90%);color: #FFF;}
.pdb_pbl_buy.pbl_status_04 a:before{content:'';background: url(./../../img/users/plan_status_04.svg) no-repeat;background-size: 100% auto;width: 1.75em;height: 1.5em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.pdb_pbl_buy.pbl_status_05 a{background: #898989;color: #e1e1e1;}
.pdb_pbl_buy.pbl_status_05 a:before{content:'';background: url(./../../img/users/plan_status_05.svg) no-repeat;background-size: 100% auto;width: 1.5em;height: 0.20em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.pdb_pbl_buy.pbl_status_06 a{background: linear-gradient(to bottom,  #38cc66 12%,#24ae66 90%);color: #FFF;display: flex;align-items: center;justify-content: center;padding: 13% 1em 13% 0;}
.pdb_pbl_buy.pbl_status_06 a:before{content:'';background: url(./../../img/users/plan_status_01.svg) no-repeat;background-size: 100% auto;width: 1.7em;height: 1.7em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.pdb_pbl_cmp_money{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: auto;
    position: relative;
    margin: -4% auto 1%;
}
.pdb_pbl_cmp_list_price{
    font-family: babes;
    font-size: min(9.1vw,34px);
    color: #565557;
    display: flex;
    /* flex-wrap: wrap; */
    align-items: flex-end;
    position: relative;
}
.pdb_pbl_cmp_list_price span{
    font-family: 'mp2';
    font-size: min(5.7vw,18px);
    margin: 0 0 13% 0%;
    display: block;
}
.pdb_pbl_cmp_list_arrow{
    max-width: 7px;
    min-width: 7px;
    margin: 0 3% 1% 4%;
}
.pdb_pbl_cmp_list_price_down{
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
}
.pdb_pbl_clpd_icon{
    position: relative;
    width: 18px;
    min-width: 18px;
    margin: 0 5% 5% 0;
}
.pdb_pbl_clpd_set{
    font-family: babes;
    font-size: min(9.1vw,34px);
    color: #ff004f;
    display: flex;
    /* flex-wrap: wrap; */
    align-items: flex-end;
    position: relative;
    margin: 0 0 0 0;
}
.pdb_pbl_clpd_set span{
    font-family: 'mp2';
    font-size: 18px;
    margin: 0 0 13% 0;
    display: block;
}

.price_cancel{
    position: absolute;
    width: 110%;
    top: 0;
    bottom: 0;
    margin: auto -5%;
    display: flex;
    align-items: center;
}
.price_cancel img{}

.pdb_line{
    height: 1px;
    width: 89%;
    background: #d6d6d6;
    margin: 5% auto 5%;
}
.pdb_plan_buy_list{
    width: 89%;
    margin: 5% auto 5%;
}
.pdb_plan_buy_list ul{}
.pdb_plan_buy_list li.pdb_pbl_camp{
    border: solid 1px #ff004f;
    border-radius: 16px;
}

.plan_list_bg .plan_list_set{margin: 8% auto 16%;}
.pdb_providing_information.pdb_plan_box{
    margin: -4% 0 0 0;
}
.cmbr_set{
    width: calc(100% - 37px);
}

.chat_mes_box_left .cmbld_aread{
    text-align: right;
}
.chat_mes_box_left .cmbld_time{
    text-align: left;
}
.chat_mes_box_right .cmbld_aread{
    text-align: left;
}
.chat_mes_box_right .cmbld_time{}
.qaa_box{
    margin: 7% 0 40%;
}
.qaa_set {
  width: 87.5%;
  margin: 5% auto 5%;
  display: block;
  text-decoration: none;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  border-radius: 20px;
  padding: 0;
  position: relative;
  left: 0;
  background: #FFF;
  overflow: hidden;
}
.qaa_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 5.5%;
  transition: background-color 0.3s ease; /* アコーディオンの開閉時のアニメーション */
  position: relative;
}
.qaa_a_detail {
  display: none;
  text-align: left;
  align-items: center;
  justify-content: space-between;
  padding: 5.5%;
  transition: background-color 0.3s ease;
  position: relative;
}
.qaa_open_btn{position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    transition: all 0.3s ease;}
.qaa_open_btn a{
width: 100%;
    height: 100%;
    text-align: right;
    padding: 0;
    position: relative;
    z-index: 11;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 4% 0 0;
}
.qaa_open_btn img{
    width: 2.1%;
    margin: 0 0 0 auto;
    padding: 0;
    transition: all 0.3s ease;
    }
.qaa_open_btn.opened img {
  transform: rotate(90deg); /* activeの時のアイコンの回転 */
  transition: all 0.3s ease;
}
.qaa_q_title{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: unset;
    margin: 0;
    position: relative;
    width: 100%;
    padding: 0;
    z-index: 10;
}
.qaa_q_title:before{content:'Q';background: #348C46;background-size: 100% auto;width: 2em;height: 2em;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;margin-right: 0.8em;font-size: 1em;text-align: center;letter-spacing: 0;color: #FFF;font-weight: bold;border-radius: 6px;}
.qaa_open_btn.opened{
    background: #eefce6;
}
.qaa_open_txt{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: unset;
    margin: 0;
    position: relative;
    width: 100%;
    padding: 0;
    z-index: 10;
}
.qaa_open_txt:before{content:'A';background: #FFF;background-size: 100% auto;width: 2em;height: 2em;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;margin-right: 0.8em;font-size: 1em;text-align: center;letter-spacing: 0;color: #348C46;font-weight: bold;border-radius: 6px;border: solid 1px #348C46;}

.qaaq_t{
    width: 84%;
    text-align: left;
    margin: 1.7% 0 0 0;
}
.qa_ot{
    width: 84%;
    text-align: left;
    margin: 1.7% 0 0 0;
}
.review_plan{
    position: relative;
    margin: 0 0 2% 0;
}
.review_star{
    margin: 3% 0 4%;
}
.review_txt_finish{}

.e1{position: relative;top: 0;width: 96.6%;left: 0%;right: 0;margin: 5% auto 0;z-index: 1;}
.e2{position: relative;top: 12%;width: 26.4%;left: 7%;right: 0;margin: 4% 0 1% 0;z-index: 3;}
.e3{position: relative;right: 0;left: 0;top: 0;width: 86.7%;margin: 5% auto 5%;z-index: 5;}

.e4{position: relative;right: 0;left: 0;top: 0;width: 86.7%;margin: 6% auto 29%;z-index: 5;}
.e5{position: fixed;right: 0;bottom: 100px;width: 18.2%;margin: 0;z-index: 5;pointer-events: all;}

.e3_1{position: absolute;right: 24.5%;top: 60%;width: 20.15%;margin: 0 auto;z-index: 5;}

.e4-e5{
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
    left: 0;
    z-index: 5;
}
.e4-e5 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e4-e5 li:nth-child(1){
    width: 28.55%;
}
.e4-e5 li{
    width: 71.45%;
    margin: 0;
    overflow: hidden;
}

.e4-e5 li img{ width:100%; transition:3s all;}
.e4-e5 img:hover{transform:scale(1.2,1.2); transition:3s all;}

.e6{position: relative;bottom: 0;width: 84.3%;left: 0;right: 0;margin: 0 auto;z-index: 3;}
.e7{position: absolute;right: 24.5%;top: 30%;width: 20.15%;margin: 0 auto;z-index: 5;}

.e7_1{position: absolute;right: 24.5%;top: 60%;width: 20.15%;margin: 0 auto;z-index: 5;}

.e8-e9{
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
    left: 0;
    z-index: 5;
}
.e8-e9 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e8-e9 li:nth-child(1){
    width: 28.55%;
}
.e8-e9 li{
    width: 71.45%;
    margin: 0;
	overflow: hidden;
}

.e8-e9 li img{ width:100%; transition:3s all;}
.e8-e9 img:hover{transform:scale(1.2,1.2); transition:3s all;}


.e10{position: absolute;top: 12%;width: 36.2%;left: 16%;right: 0;margin: 0;z-index: 3;}
.e11{position: absolute;right: 24.5%;top: 30%;width: 20.15%;margin: 0 auto;z-index: 5;}

.e11_1{position: absolute;right: 24.5%;top: 60%;width: 20.15%;margin: 0 auto;z-index: 5;}

.e12-e13{
    position: relative;
    top: 0;
    width: 100%;
    margin: 0;
    left: 0;
    z-index: 5;
}
.e12-e13 ul{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
}
.e12-e13 li:nth-child(1){
    width: 28.55%;
}
.e12-e13 li{
    width: 71.45%;
    margin: 0;
	overflow: hidden;
}


.e12-e13 li img{ width:100%; transition:3s all;}
.e12-e13 img:hover{transform:scale(1.2,1.2); transition:3s all;}



.kiyaku_all{ padding: 20px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 480px;
    margin: 0 auto;}

.kiyaku_all a{ color:#FFF;}

.addFriend{
    width: 68%;
    margin: -1% auto 10% auto;
}

.info_send .addFriend { margin: 5% auto 5% auto;     width: 31.2%;}
input{ width:100%;}
.line_btn a{ display:block;}
.line_btn img,.line_btn input,.buy_btn img
	{
		animation:
			bounce 2s ease infinite normal 0s none running
		;
		-webkit-animation:
			bounce 2s ease infinite normal 0s none running
		;
		-ms-animation:
			bounce 2s ease infinite normal 0s none running
		;
	}
	@keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
		
	}
	@-webkit-keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
	}


.reflection.go {
  height: 100%;
  width: 8%;
  position: absolute;
  top: -56%;
  left: -3%;
  background-color: #fff;
  opacity     :0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out ;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out ;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out ;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out ;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out ;
}


@keyframes reflection {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
  0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
  0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
  0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}