@font-face {
    font-family: "impact";
    src: url("../font/impact.woff")  format('woff');
}

body{margin: 0px auto;padding:0px;width:auto;background:#FFF;color: #1e1e1e;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
#body {
    display: none;
}
.open_btn_jc {
    background: #1068E0 !important;
    border: solid 2px #1068E0 !important;
}

.help_btn{
    max-width: 140px;
    float: right;
    margin: 2px 0 0 20px;
}
.help_btn a{}
.help_btn img{ width: 100%;}

.hina_book_step{
    margin: 30px 0 0 0;
}
.hbs_set{
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
}
.hbs_tset{
    width: calc(100% - 270px);
}
.hbs_th{
    width: 250px;
    margin: 0px 20px 0 0;
}
.hbs_th img{
    width: 100%;
}
.hbs_txt{}
.hbs_txt a{}
.hbs_buy{}
.hbs_buy a{
    display: block;
    padding: 7px 20px;
    background: #C80000;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    width: max-content;
    margin: 20px auto 30px;
    border-radius: 8px;
}

.hina_cashback{
    margin: 20px 0 0 0;
}
.hina_cashback .error-tip{
    color: #FF0000;
}
.hb_cb_txt{}
.hbcb_t{}

.yucho_form{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.yucho_form input{ width: 30% !important;}
.yucho_form .hyphen{ width: 5%; text-align: center;}

ul,li{ padding:0px; margin:0px; list-style:none;}


ul{width:100%;margin:0 auto;}
li{ text-align:center;}
a{ display:block;}
a:hover,.login_btn:hover{ opacity:0.8; text-decoration: none;}
a:active,a:visited{text-decoration: none;}
.formtext {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
}

.pc_slider{ max-width: 1150px; margin: 0 auto; padding: 20px 0 0 0}
.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{
    margin: 0 auto 1% auto;}

.cl_box a{ color:#FFF;}

.sp{ display:none;}

.preparation{position: absolute;left: 0;right: 0;width: 80%;margin: 0 auto;}
.preparation img{
    width: 100%;
}

.loader,
.loader:before,
.loader:after {
    background: #f55254;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}
.loader {
    color: #f55254;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    min-height: 60px;;
}
.loader:before,
.loader:after {
    position: absolute;
    top: 0;
    content: '';
}
.loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader:after {
    left: 1.5em;
}
@-webkit-keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
@keyframes load1 {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
.account_box{
    margin: 0 0 50px 0;
}

.download_btn{
    background: #af0000;
    background: -moz-linear-gradient(top, #af0000 0%, #800000 100%);
    background: -webkit-linear-gradient(top, #af0000 0%,#800000 100%);
    background: linear-gradient(to bottom, #af0000 0%,#800000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af0000', endColorstr='#800000',GradientType=0 );
    outline: none;
    border: none;
    color: #FFF;
    font-size: 32px;
    padding: 20px 0;
    margin: 20px 0 0 0;
    display: block;
    text-align: center;
    font-weight: normal;
}
.download_btn:before{content: '\f381';font-family: "Font Awesome 5 Free";font-weight: bold;margin: 0 15px 0 0;}
.download_btn:hover{color:#FFF;}
.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 1.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}

.link-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.link-content li{
    width: 20%;
}
.link-content a{
    display: block;
    background: #fff4f1;
    border: solid 2px #bb171b;
    padding: 10px 5px;
    margin: 0 10px;
    color: #bb171b;
    font-size: 14px;
    font-weight: bold;
}
.link-content a:after{
    display: inline-block;
    position: relative;
    top: 0;
    left: 1.0rem;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: '\f360';
    color: #bb171b;
    font-size: 16px;
    padding: 0;
    }

.header_banner_bg{
    background: #FFF;
    height: 160px;
    display: flex;
    align-items: center;
}
.header_banner{
    max-width: 1200px;
    margin: 0 auto;
}
.header_banner ul{}
.header_banner li{}
.header_banner li a{
    margin: 0 10px;
}
.header_banner li img{}
.slick-dots li button:before{color: #a6a8a8;opacity: 1;}
.slick-dots li.slick-active button:before{color: #C80000;opacity: 1;}
ul.slick-dots{bottom: -35px;}
.toggle{
    cursor: pointer;
}
.yesno .tgl_open{
    display: none;
    background: none;
    color: #323232;
    width: 100%;
    height: auto;
}

.theme-best30{
    margin: 20px 0 0 0;
}

.col-calender{}
.col-calender label{
    width: 100%;
}
.col-calender input{
    padding: 15px;
    border: solid 2px #c8c8c8;
}

.sc1{position: relative;top: 0;left:0;right:0;padding: 1.7% 0 1.7% 0;z-index: 10;background: #fff;margin: 0 auto;}
.sc2{position:absolute;top: 32%;margin:0 auto;left:0;right:0;z-index: 10;}
.sc3{position:absolute;top: 41%;margin:0 auto;left:0;right:0;z-index: 10;}

.loop_css2 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100vw;
    max-width: 1080px;
    overflow: hidden;
    margin-bottom: 0;
}

.loop_css2 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 130%;
    margin: 0 0px 0 0px;
    padding: 0;
}

.loop_css2 li {
    display: inline-block;
    width: calc(100vw / 2);
    min-width: auto;
    max-width: initial;
    margin: 0 1% 0 1%;
    list-style: none;
    text-align: center;
}

.loop_css2 li a {
    display: block;
}

.loop_css2 li img {
    display: block;
    width: 100%;
    height: auto;
}

.loop_css2 li a:hover {
    opacity: .7;
}

.loop_css2 ul:first-child {
    -webkit-animation: loop 50s -25s linear infinite;
    animation: loop 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.loop_css2 ul + ul {
    -webkit-animation: loop2 50s  linear infinite;
    animation: loop2 50s linear infinite;
}


@-webkit-keyframes loop {
    0% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes loop {
    0% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes loop2 {
    0% {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes loop2 {
    0% {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}



.loop_css3 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100vw;
    max-width: 1080px;
    overflow: hidden;
    margin-bottom: 0;
}

.loop_css3 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 130%;
    margin: 0 0px 0 0px;
    padding: 0;
}

.loop_css3 li {
    display: inline-block;
    width: calc(100vw / 2);
    min-width: auto;
    max-width: initial;
    margin: 0 1% 0 1%;
    list-style: none;
    text-align: center;
}

.loop_css3 li a {
    display: block;
}

.loop_css3 li img {
    display: block;
    width: 100%;
    height: auto;
}

.loop_css3 li a:hover {
    opacity: .7;
}

.loop_css3 ul:first-child {
    -webkit-animation: loop3 50s -25s linear infinite;
    animation: loop3 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.loop_css3 ul + ul {
    -webkit-animation: loop4 50s  linear infinite;
    animation: loop4 50s linear infinite;
}


@-webkit-keyframes loop3 {
    0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes loop3 {
    0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes loop4 {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}

@keyframes loop4 {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}


/*toppage*/

.header{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#af0000+0,800000+100 */
    background: #FFF; /* Old browsers */
     /* FF3.6-15 */
     /* Chrome10-25,Safari5.1-6 */
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     /* IE6-9 */
    min-height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1125px;
    margin: 0 auto;
    position: relative;
}

.logo{
    margin: 0;
    /* width: 7%; */
    max-width: 144px;
}
.logo img{
    width: 100%;
}

.user_table{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 40px 0 auto;
}
.user_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 10px 0 0;
}
.user_box .user_set{
    color: #000;
}
.user_box .th{
    margin: 0 10px 0 0;
}
.user_box .name{
    font-size: 12px;
    text-align: right;
}
.user_box .name span{
    font-size: 10px;
    margin: 0 0 0 10px;
}
.user_box .rank{
    font-size: 10px;
    border: solid 1px #000;
    padding: 2px 7px;
    margin: 2px 0 0 0;
}

.user_login{}
.user_login ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.user_login li{}
.user_login a{
    display: block;
    background: #C80000;
    padding: 10px 5px;
    margin: 0 6px;
    color: #FFF;
    font-size: 11px;
    width: 110px;
    border: solid 1px #C80000;
    border-radius: 100px;
}
.user_login li:nth-child(1) a{}
.user_login li:nth-child(2) a{
    background: #10a5ff;
    background: #FFF;
    color: #C80000;
    border: solid 1px #C80000;
}

#nav-drawer {display: block;position: absolute;width: 3%;height: 56px;z-index: 8;right: 0;top: 0;}

.nav-state {
    display:none;
}

.nav-background {
    display:none;
}

#nav-opener {
    display: inline-block;
}

#nav-opener:before {
    display: block;
    position: absolute;
    top: 1.0rem;
    right: 0rem;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: '\f0c9';
    cursor: pointer;
    color: #C80000;
    font-size: 23px;
    padding: 4px 10px;
}

#nav-closer {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    width: 90%;
    max-width: 330px;
    height: 100%;
    background: White;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
    z-index: 99999;
    position: fixed;
}

#nav-input:checked ~ #nav-closer {
    display: block;
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

#nav-content ul{}
#nav-content li{}
#nav-content li a{
    display: block;
    width: 100%;
    text-align: left;
    padding: 5% 0 5% 5%;
    border-bottom: solid 1px #ccc;
    color: #666;
}
#nav-content li a:after{content: '';background: url(../img/arrow3.svg) no-repeat;background-size: 100% auto;width: 0.6em;height: 1.1em;display: inline-block;margin-right: 0.5em;margin-top: 0.1em;position: absolute;right: 0;}
#nav-content .title{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff00b0+0,ff0000+100 */
    background: #C80000; /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* IE6-9 */
    color: #FFF;
    padding: 5% 0;
}
#nav-content .premium{
    padding: 0;
    margin: 0;
}
#nav-content .premium a{
    background: #fcc32c;
    border-radius: 10px;
    margin: 2%;
    width: 96%;
}








.top_head_content{
    background: url(../img/bg04.png) no-repeat #C80000;
    background-size: 100% 100%;
    background-position: center center;
    padding: 50px 0;
    max-width: 1125px;
    margin: 0 auto;
    border-radius: 40px;
}

.t_h_box{
    width: 90%;
    max-width: 660px;
    margin: 0 auto;
    position: relative;
}
.t_h_box ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.t_h_box li{}
.t_h_box li:nth-child(1){
    max-width: 305px;
    width: 35%;
    width: calc(46% - 10px);
    margin: 0 10px 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.t_h_box li:nth-child(2){
    max-width: 364px;
    position: relative;
    width: 53%;
    min-height: 224px;
}
.t_h_box .th{width: 100%;max-width: 305px;}
.t_h_box .th img{
    width: 100%;
}
.t_h_box .picup_contents{}
.t_h_box .title_box{
    border-top: solid 1px #FFF;
    padding: 0px 0 0 0;
    margin: 15px 0 0 0;
}
.t_h_box .title_box .title{
    text-align: left;
    font-size: 24px;
    color: #FFF;
    font-weight: bold;
}
.t_h_box .title_box .sub_title{
    text-align: left;
    color: #FFF;
    font-size: 12px;
    margin: 10px 0 0 0;
}

.pickup_mov{
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    border: solid 2px #FFF;
    border-radius: 10px;
}
.pickup_mov .youtube{
    padding-top: 50.9%;
    position: relative;
    border-radius: 10px;
}
.pickup_mov .youtube iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    border-radius: 10px;
}
.pickup_mov .youtube img{border-radius: 10px;}
.pickup_mov .youtube video{border-radius: 7xpx;}

.gnav{
    max-width: 660px;
    margin: 5px auto 0 auto;
}
.gnav ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gnav ul:after{content:''; display: block;    position: relative;
    width: calc(55.1% - 18px);
    margin: 0 -10px -15px;}
.gnav li{
    position: relative;
    width: calc(24.1% - 0px);
    margin: 0 0 9px 0;
}
.gnav li:before{content:'';}
.gnav li:last-child:before{ content: none;}
.gnav li a{
    display: block;
}
.gnav li .icon{
    width: 90%;
    max-width: 100px;
    text-align: center;
    margin: 0 auto;
}
.gnav li .icon img{
    width: 100%;
    margin: 0 auto;
}
.gnav li .title{
    color: #FFF;
}

main{background: #F6F6F6;}
.tbs_bg{ background: #FFF; display: none;}
.top_banner_slider{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}
.top_banner_slider .left_arrow{}
.top_banner_slider .right_arrow{}


.content_list{
    padding: 25px;
}
.content_list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1124px;
    margin: 0 auto;
}
.content_list ul:after{content:''; display: block; width: 32%;}
.content_list li{
    width: 32%;
    background: #FFF;
    /* max-width: 356px; */
    margin: 0 0 25px 0;
    box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 10%);
    border-radius: 10px;
    color: #3C3C3C;
}
.content_list li.member_info{ min-height: 360px;}
.content_list .title_box{
    min-height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0 20px;
    font-size: 16px;
    font-weight: bold;
    background: #FFF;
    border-radius: 10px 10px 0 0;
    color: #3C3C3C;
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    padding: 0;
    border-bottom: solid 1px #f2f3f3;
}
.content_list .t_icon_1{}
.content_list .t_icon_1:before{content: '';background: url(../img/h_icon_1.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}

.content_list .t_icon_2{}
.content_list .t_icon_2:before{content: '';background: url(../img/h_icon_2.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}

.content_list .t_icon_3{}
.content_list .t_icon_3:before{content: '';background: url(../img/h_icon_3.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}

.content_list .t_icon_4{}
.content_list .t_icon_4:before{content: '';background: url(../img/h_icon_4.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}

.content_list .t_icon_5{}
.content_list .t_icon_5:before{content: '';background: url(../img/h_icon_5.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}

.content_list .t_icon_6{}
.content_list .t_icon_6:before{content: '';background: url(../img/h_icon_6.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}

.content_list .t_icon_7{
}
.content_list .t_icon_7:before{content: '';background: url(../img/h_icon_7.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}

.content_list .t_icon_8{}
.content_list .t_icon_8:before{content: '';background: url(../img/h_icon_8.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}

.content_list .t_icon_9{}
.content_list .t_icon_9:before{content: '';background: url(../img/h_icon_9.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}

.content_list .t_icon_13{}
.content_list .t_icon_13:before{content: '';background: url(../img/h_icon_13.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}


.footer_menu .title_box{
    max-width: 1124px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
}
.footer_menu .t_icon_10{
    background: none;
    color: #3c3c3c;
}
.footer_menu .t_icon_10:before{content: '';background: url(../img/h_icon_10.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}

.content_list .t_icon_11{}
.content_list .t_icon_11:before{content: '';background: url(../img/h_icon_11.png) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}


.content_list .content_box{
    margin: 10px 20px;
}
.content_list .content_box2{
    height: 72%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 15px 22px 0;
}
.content_list .content_box2 a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 60px;
}

.content_list .content_box3{
    height: 86%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0 10px;
}
.content_list .content_box3 a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-height: 90px;
}

.content_list .content_box4{
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 0 22px 0;
}
.content_list .content_box4 a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 60px;
    margin: 15px 0;
}

.chart-container{margin: 0;position: relative;}


.tab_item {
    width: calc(100%/3);
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    background: #f5f5f5;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
}


input[name="tab_item"] {
    display: none;
}

.tab_content {
    display: none;
    padding: 0;
    clear: both;
    overflow: hidden;
}



#month1:checked ~ #month1_content,
#month6:checked ~ #month6_content,
#month12:checked ~ #month12_content {
    display: block;
}

.chart_box input:checked + .tab_item {
    background-color: #f55254;
    color: #fff;
}

.sisan_box{
    margin: 0 10px;
}
.sisan_box ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 320px;
    margin: 0 auto;
}
.sisan_box li{
    width: 42.4%;
    box-shadow: none;
}
.sisan_box li:nth-child(1){
    width: 55.5%;
}
.sisan_box li:nth-child(2){}
.sousisan_box{
    background: #f5f5f5;
    border-radius: 7px;
    padding: 12px;
}
.sousisan_box .title{
    font-size: 14px;
}
.sousisan_box .money{font-family: 'Oswald', sans-serif;font-size: 28px;text-align: right;border-bottom: solid 2px #b4b4b4;padding: 5px 0 8px 0;}
.sousisan_box .money span{
    font-size: 14px;
    margin-left: 5px;
}
.sousisan_box .plus_money{font-family: 'Oswald', sans-serif;font-size: 24px;color: #59aa5b;text-align: right;margin: 8px 0 0 0;}
.sousisan_box .plus_money span{
    font-size: 14px;
    margin-left: 5px;
}
.sousisan_box .par{color: #59aa5b;text-align: right;}

.data_box{
    border: solid 1px #b4b4b4;
    border-radius: 7px;
    padding: 10px;
    margin: 0 0 5px 0;
}
.data_box .title{
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
}
.data_box .date{
    font-size: 10px;
    color: #3ba4eb;
    margin: 0 0 3px 0;
}
.data_box .txt{
    font-size: 12px;
}

.news_box{
    margin: 10px 0;
}
.news_box ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 320px;
    margin: 0 auto;
}
.news_box li{
    width: 100%;
    margin: 0 0 5px 0;
    box-shadow: none;
    border-bottom: solid 1px #e8e9e9;
    border-radius: 0;
    padding: 0 0 5px 0;
}
.news_box li:last-child{ border: none;}
.news_foot{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0 2px 0;
}
.news_box .news_bg{
    border-radius: 7px;
    padding: 0;
}
.news_box .news_bg a{ text-decoration: underline;}
.news_box .date{
    max-width: 100px;
    text-align: left;
    color: #a6a8a8;
    border-radius: 7px;
    padding: 0;
    font-size: 12px;
}
.news_box .txt{
    font-size: 12px;
    text-align: left;
    line-height: 150%;
    margin: 5px 0 0 0;
    color: #3c3c3c;
    line-height: 1.8;
}
.news_box .more_btn{}
.news_box .more_btn a{
    text-align: right;
    display: block;
    font-size: 12px;
    margin: 0;
    color: #B88E5A;
}
.news_box .more_btn a:after{content: '';background: url(../img/arrow3.svg) no-repeat;background-size: 54% auto;width: 0.8em;height: 1.0em;display: inline-block;vertical-align: middle;margin-left: 0.5em;}

.news_d_set{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news_d_head{
    margin: 0 0 8px 0;
}
.news_d_head .date{
    color: #C80000;
    border: solid 1px #C80000;
    padding: 2px 0;
    text-align: center;
    max-width: 110px;
    border-radius: 3px;
}
.news_d_set a{}
.news_d_set:after{
    content: '';
    background: url(../img/arrow3.svg) no-repeat;
    background-size: 100% auto;
    width: 0.7em;
    height: 1.5em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2.5em;
    margin-right: 0.5em;
    }
.news_d_set .txt{font-size: 14px;}

.screening_set{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
.screening_box{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 320px;
    margin: 0 auto;
}
.screening_box .title{
    font-size: 20px;
    color: #f55254;
    font-weight: bold;
    margin: 15px 0 15px 0;
}
.screening_box .img{}
.screening_box .img img{ width: 100%}
.screening_box .txt{
    font-size: 14px;
    margin: 15px 0 15px 0;
}
.screening_set .more_btn{
}
.screening_set .bottom_more_btn a{
    display: block;
    padding: 7px 20px;
    background: #000000;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    width: max-content;
    margin: 0 auto 30px;
    border-radius: 50px;
    border: solid 1px #000;
}

.t2_box{
    font-size: 14px;
    text-align: left;
    margin: 10px 0 10px;
}
.t2_icon1:before{content:'';background: url(../img/h2_icon_1.svg) no-repeat;background-size: 100% auto;width: 1.0em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.4em;}
.t2_icon2:before{content:'';background: url(../img/h2_icon_2.svg) no-repeat;background-size: 100% auto;width: 1.0em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.4em;}
.t2_icon3:before{content:'';background: url(../img/h2_icon_3.svg) no-repeat;background-size: 100% auto;width: 1.0em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.4em;}

.study_movie{
    width: 100%;
    max-width: 311px;
    margin: 0 auto;
}
.study_movie img,.hinasoku_graph img{width:100%;}
.hinasoku_box{}
.hinasoku_day{
    background: #C80000;
    color: #FFF;
    width: max-content;
    padding: 5px 5px 3px;
    font-size: 10px;
    border-radius: 5px;
    margin: 0 0 5px 0;
}
.hinasoku_detail{
    font-size: 12px;
    text-align: left;
    border-bottom: solid 1px #e8e9e9;
    padding: 0 0 7px 0;
}
.hinasoku_brand{
    font-size: 12px;
    text-align: left;
    margin: 0 0 10px 0;
}
.hinasoku_graph{
    margin: 0 auto 10px;
    width: 100%;
    max-width: 267px;
}


.hina_scorp{}
.hs_list{
    margin: 0 0 30px 0;
}
.hsl_set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px 0;
    width: 100%;
}
.hsl_left{
    width: 51%;
    margin: 0 5px 0 0;
}
.hsll_brand{
    text-align: left;
    font-size: 12px;
}
.hsll_sprice_set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hsllp_name{
    font-size: 12px;
}
.hsllp_num{
    font-size: 12px;
}
.hsllp_num.plus{
    color: #C80000;
}
.hsllp_num.minus{color:#1068E0;}
.hsl_right{
    max-width: 126px;
    width: 40%;
}
.hsl_right img{
    width: 100%;
}
.hsl_arrow{
    max-width: 6px;
    width: 2%;
}
.hsl_arrow img{
    width: 100%;
}



.contents_txt{
    font-size: 16px;
    margin: 20px 0 10px;
    font-weight: bold;
}

.contents_txt span{
    color: #C80000;
}
.contents_txt2{
    font-size: 16px;
    margin: 20px 0 -10px;
    font-weight: bold;
    color: #3C3C3C;
}

.contents_txt2 span{
    color: #C80000;
}
.contents_img{
    max-width: 286px;
    margin: 0 auto;
}
.contents_img img{
    width: 100%;
}

.contents_img2{
    max-width: 311px;
    margin: 0 auto 15px;
}
.contents_img2 img{
    width: 100%;
}

.sm_title{
    font-size: 20px;
    text-align: left;
    margin: 10px 0 5px 0;
}
.sm_detail{
    font-size: 10px;
    text-align: left;
    margin: 0 0 10px 0;
}

.bland_table{
    max-width: 320px;
    margin: 20px auto;
}
.bland_table table{
    width: 100%;
    color: #646464;
}
.bland_table tr{
    border-bottom: solid 1px #646464;
    display: flex;
    flex-wrap: wrap;
}
.bland_table tr:last-child{ border:none; }
.bland_table th{
    padding: 0px 0 15px 0;
}
.bland_table th:nth-child(1){width: 40%;}
.bland_table th:nth-child(2){width: 25%;text-align: right;}
.bland_table th:nth-child(3){width: 35%;text-align: right;}
.bland_table td:nth-child(1){width: 40%;}
.bland_table td:nth-child(2){width: 25%;text-align: right;}
.bland_table td:nth-child(3){width: 35%;text-align: right;}
.bland_table td{
    padding: 10px 0;
}
.bland_table .title{
    text-align: left;
}
.bland_table .txt{
    color: #3ba4eb;
    font-weight: bold;
    text-align: left;
}
.bland_table .ytd_num{
    text-align: right;
}
.bland_table .ytd_num span{}
.bland_table .ytd_par{
    color: #f55254;
    text-align: right;
}
.bland_table .genta_par{
    color: #f55254;
    font-weight: bold;
    text-align: right;
}


.hina_d_box{}
.hina_d_cal{
    font-size: 34px;
    text-align: left;
}
.hina_d_cal span{
    font-size: 19px;
}
.hina_d_cal span.sla{
    margin: 0 3px;
}
.hina_d_cal:before{content:'';background: url(../img/hina_d_icon.svg) no-repeat;background-size: 100% auto;width: 0.8em;height: 0.9em;display: inline-block;vertical-align: middle;margin-right: 0.3em;}
.hina_d_title{
    color: #10a5ff;
    font-size: 18px;
    text-align: left;
    margin: 3px 0 8px 0;
}
.hina_d_txt{
    font-size: 12px;
    margin: 0 0 10px 0;
    text-align: left;
}
.hina_d_bland_set{
    margin: 30px 0 0 0;
}
.hina_d_bland_set ul{}
.hina_d_bland_set li{
    background: #FCF8E7;
    box-shadow: none;
    width: 48%;
    margin: 0 0 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 10px;
    height: 48px;
}
.hina_db_name{
    text-align: left;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hina_db_num{
    text-align: right;
    display: flex;
    align-items: end;
    font-size: 24px;
    flex-wrap: wrap;
}
.hina_db_num span{
    font-size: 14px;
    margin: 0 2px 4px;
}

.genta_calender{
    max-width: 320px;
    margin: 0 auto;
}
.point_box{
    background: #f5f5f5;
    border-radius: 7px;
    padding: 15px 0;
    margin: 15px 0 10px 0;
}
.point_box .title{
    font-size: 18px;
    font-weight: bold;
}
.point_box .day{font-family: 'Oswald', sans-serif;font-size: 36px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;color: #59aa5b;}
.point_box .day span{
    font-size: 22px;
    margin: 0 0 0 20px;
}
.gc_list{
    margin: 0 0 10px 0;
}
.gc_list .gc_set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.gc_list .gc_set .title{}
.gc_list .gc_set .more_btn{
    background: none;
}
.gc_list .gc_set .more_btn a{
    display: block;
    padding: 10px 0;
}
.gc_list .gc_set .more_btn a:after{content:'';}

.revenue_menu{
    max-width: 320px;
    margin: 25px auto 20px auto;
}
.revenue_menu ul{}
.revenue_menu li{width:100%;margin: 0;}
.revenue_menu li a{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #646464;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}
.revenue_menu li:last-child a{ border:none;}
.revenue_menu .icon{
    max-width: 72px;
    width: calc(23% - 10px);
    margin: 0 10px 0 0;
}
.revenue_menu .icon img{ width: 100%;}
.revenue_menu .title_set{
    width: 66%;
}
.revenue_menu .title_set .title{
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    color: #1e1e1e;
}
.revenue_menu .title_set .txt{
    font-size: 14px;
    text-align: left;
    color: #606060;
}
.revenue_menu .icon2{
    max-width: 13px;
}
.revenue_menu .icon2 img{ width: 100%;}


.content_list .footer_menu{
    width: 100%;
    max-width: 1150px;
    box-shadow: none;
    background: none;
}

.mov_list{
    max-width: 1100px;
    margin: 15px auto;
}
.mov_list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.mov_list li{
    width: 25%;
    width: calc(25% - 10px);
    max-width: 261px;
    margin: 0 5px 25px 5px;
}
.mov_list .th{}
.mov_list .th img{
    width: 100%;
}
.mov_list .title{
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0 0 0;
    color: #1e1e1e;
}
.mov_list .txt{
    text-align: left;
    font-size: 12px;
    margin: 5px 0 0 0;
    color: #606060;
}


.support_menu{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
    max-width: 320px;
}
.support_menu:last-child a{ border:none;}
.support_menu .icon{
    max-width: 51px;
    width: calc(20% - 10px);
    margin: 0 10px 0 12px;
}
.support_menu .icon img{ width: 100%;}
.support_menu .title_set{
    width: 62%;
    max-width: 210px;
}
.support_menu .title_set .title{
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    color: #C80000;
}
.support_menu .title_set .title2{
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    color: #C80000;
}
.support_menu .title_set .txt{
    font-size: 12px;
    text-align: left;
    color: #3C3C3C;
}
.support_menu .icon2{
    max-width: 6px;
    width: 2%;
}
.support_menu .icon2 img{ width: 100%;}





.support_menu2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    margin: 0 auto 0 auto;
    max-width: 320px;
}
.support_menu2:last-child a{ border:none;}
.support_menu2 .icon{
    max-width: 72px;
    width: calc(26% - 10px);
    margin: 0 10px 0 0;
}
.support_menu2 .icon img{ width: 100%;}
.support_menu2 .title_set{
    width: 68%;
}
.support_menu2 .title_set .title{
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    color: #1e1e1e;
}
.support_menu2 .title_set .txt{
    font-size: 14px;
    text-align: left;
    color: #606060;
}
.support_menu2 .icon2{
    max-width: 13px;
    width: 5%;
}
.support_menu2 .icon2 img{ width: 100%;}




.line{
    background: #e8e9e9;
    height: 0.5px;
    margin: 0 auto;
    width: 100%;
}
.footer_menu{
    background: #FFF;
    padding: 30px 25px 0;
}

.foot_menu_list{
    margin: 10px 0 30px 0;
}
.foot_menu_list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1120px;
    margin: 0 auto;
}
.foot_menu_list li{
    width: 20%;
    width: calc(19%);
    max-width: 242px;
    margin: 0;
    background: none;
    box-shadow: none;
}
.foot_menu_list li img{width:100%;box-shadow: 4px 4px 7px rgba(0,0,0,0.1);border-radius: 7px;}
.foot_menu_list a{border-radius: 7px;padding: 0px 0px 16px;}

.foot_menu_list .icon{
    width: 90%;
    max-width: 130px;
    margin: 0 auto;
}
.foot_menu_list .title{
    color: #FFF;
    margin: 10px 0 0 0;
}
.foot_menu_list .icon img{
    width: 100%;
}

.footer{background: #C80000;overflow: hidden;}

.foot_menu{
    margin: 30px;
}
.foot_menu ul{
    display: flex;
    flex-wrap: wrap;
    max-width: 310px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}
.foot_menu li{
    width: 50%;
    max-width: 145px;
}
.foot_menu a{
    display: block;
    color: #FFF;
    padding: 7px 5px;
}
.foot_menu li:nth-child(1) a{
    background: #FFF;
#C80000:;
    color: #C80000;
    border-radius: 100px;
    border: solid 1px #FFF;
}
.foot_menu li:nth-child(2) a{
    background: #C80000;
    color: #FFF;
    border: solid 1px #FFF;
    border-radius: 100px;
}

.foot_menu2{
    margin: 0 0 30px 0;
}
.foot_menu2 ul{
    display: flex;
    flex-wrap: wrap;
    max-width: 450px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}
.foot_menu2.no_login ul{max-width: 350px;}
.foot_menu2 li{
    /* width: 25%; */
}
.foot_menu2 a{
    color: #FFF;
    font-size: 12px;
    border-right: 1px solid #FFF;
    padding: 0 10px 0;
}
.foot_menu2 li:last-child a{
    border: none;
}

.cl{
    color: #FFF;
    text-align: center;
    margin: 0 0 60px 0;
    font-size: 10px;
}




.login_box{
    background: #f0f0f0;
    background-size: cover;
    background-position: center top;
    overflow: hidden;
}
.login_frame{
    background: #FFF;
    max-width: 1200px;
    margin: 50px auto;
    overflow: hidden;
    box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 10%);
    display: flex;
}
.login_frame .login_left{
    background: url(../img/login_left_bg.png) no-repeat;
    max-width: 672px;
    width: 56.0%;
    height: 808px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login_frame .login_right{
    width: 44%;
    height: 808px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login_frame .login_logo{
    margin: -35px auto 0;
    text-align: center;
    max-width: 284px;
}
.login_frame .login_logo img{
    width: 100%;
}
.login_frame .login_logo2{
    margin: 100px auto 20px auto;
    text-align: center;
    max-width: 282px;
}
.login_frame .login_logo2 img{
    width: 100%;
}
.login_frame .login_form{
    max-width: 400px;
    width: 75.8%;
    margin: 0 auto;
    padding: 0 0px;
}
.login_head{
    max-width: 387px;
}
.login_head img{
    width: 100%;
}
.login_sub_head{
    font-size: 12px;
    color: #a6a8a8;
    margin: 12px 0 30px;
}
.login_sub_head.lsh_t2{
    color: #3c3c3c;
    margin: 0 0 40px 0;
}
.login_id{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 8px 0;
}
.login_id span{
    font-size: 12px;
    color: #a6a8a8;
    font-weight: normal;
    margin: 0 0 0 10px;
}
.lhmail{
    max-width: 359px;
    margin: 0 0 20px 0;
}
.login_btn.repass{}

.login_frame .login_form input::placeholder{ color:#a6a8a8; font-size: 16px;}
.login_frame .login_form input:focus{ border: solid 1px #ccc; outline: none;}
.login_frame .login_form input:-webkit-autofill {font-size: 24px;-webkit-text-fill-color: #1e1e1e;}
.login_frame .login_form input[type="email"]{
    border: none;
    font-size: 24px;
    background: #f5f7f7;
    margin: 0 0 10px 0;
    padding: 10px 20px 15px;
    color: #1e1e1e;
    display: flex;
}
.login_frame .login_form input[type="password"]{
    border: none;
    font-size: 24px;
    background: #f5f7f7;
    margin: 0 0 10px 0;
    padding: 10px 20px 15px;
    color: #1e1e1e;
    display: flex;
}
.login_frame .login_form input[type="submit"]{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#af0000+0,800000+100 */
    background: #C80000; /* Old browsers */
     /* FF3.6-15 */
     /* Chrome10-25,Safari5.1-6 */
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     /* IE6-9 */
    border-radius: 50px;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 17px;
    padding: 18px 0;
    margin: 20px 0 0 0;
}
.login_frame .login_form .email{
    margin: 0 0 20px 0;
}
.login_frame .login_form .password{
    margin: 0 0 0 0;
}
.login_frame .login_form .txt{
    text-align: center;
    margin: 40px 0 0 0;
}
.login_frame .login_form .txt a{
    color: #C80000;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}
.login_frame .login_form .txt a:before{content:'';background: url(../img/login_arrow.svg) no-repeat;background-size: 100% auto;width: 1.0em;height: 1.0em;display: inline-block;vertical-align: middle;margin-right: 0.5em;margin-left: 0.3em;}

.login_memory{
    display: flex;
    margin: 17px 0 0 0;
}
.login_memory .km_input{}
.login_memory .lm_txt{
    color: #a6a8a8;
}
.login_frame .login_form .title{
    text-align: center;
    margin: 20px 0 40px 0;
    font-size: 46px;
    color: #bb171b;
}
.login_frame .login_form .txt2{
    text-align: center;
    margin: 20px 0 50px 0;
    font-size: 24px;
}
.login_frame .login_form .login_btn{
    margin: 40px 0 0 0;
}

.login_sysmes{
    border: solid 2px #bb171b;
    padding: 15px;
    text-align: center;
    background: #fff4f1;
    color: #bb171b;
    font-size: 20px;
    margin: 0 0 50px 0;
}





.cnt-transaction-diary-edit a{
    background: #428bca;
    color: #FFF;
    padding: 3px;
    border-radius: 4px;
    margin: 0 0 5px 0;
}
.cnt-transaction-diary-delete label{
    background: #646464;
    color: #FFF;
    padding: 3px;
    border-radius: 4px;
    width: 100%;
    cursor: pointer;
}

.pop_2col{}
.pop_2col ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.pop_2col li{
    width: 49%;
}
.pop_2col label{
    background: #646464;
    width: 90%;
    max-width: 330px;
    padding: 25px 0;
    font-size: 24px;
    font-weight: normal;
    color: #FFF;
    margin: 20px 0 0 0;
    cursor: pointer;
}
.pop_2col a{
    background: #af0000;
    background: -moz-linear-gradient(top, #af0000 0%, #800000 100%);
    background: -webkit-linear-gradient(top, #af0000 0%,#800000 100%);
    background: linear-gradient(to bottom, #af0000 0%,#800000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af0000', endColorstr='#800000',GradientType=0 );
    width: 90%;
    max-width: 330px;
    padding: 25px 0;
    font-size: 24px;
    font-weight: normal;
    color: #FFF;
    margin: 20px 0 0 0;
    cursor: pointer;
}


.popup_wrap input {
    display: none;
}
.popup_wrap input:checked ~ .popup_overlay {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
}
.popup_wrap2 input {
    display: none;
}
.popup_wrap2 input:checked ~ .popup_overlay2 {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
}


.popup_overlay {
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.65);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
}
.popup_overlay2 {
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
}

.popup_trigger {
    position: absolute;
    width: 100%;
    height: 100%;
}

.popup_content {
    position: relative;
    align-self: center;
    width: 90%;
    max-width: 460px;
    padding: 5px;
    box-sizing: border-box;
    background: #fff;
    line-height: 1.4em;
    transition: 0.5s;
    border-radius: 0;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 10%);
    border-radius: 20px;
}

.close_btn {
    position: absolute;
    top: 14px;
    right: 16px;
    font-size: 30px;
    cursor: pointer;
    color: #C80000;
}



.login_btn .open_btn{
    display: block;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    background: #C80000;
    border-radius: 50px;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 17px;
    padding: 18px 0;
    margin: 40px auto 50px;
    width: 90%;
}

.sysmes_box{
    padding: 20px 20px 40px 20px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.sys_close{
    width: 100%;
    margin: 0;
}
.sys_close .close_btn2{
    width: 90%;
    max-width: 280px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    background: #C80000;
    border-radius: 50px;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 17px;
    padding: 18px 0;
    margin: 30px 0 40px 0;
}
.sys_close .close_btn3{
    width: 90%;
    max-width: 280px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    background: #949494;
    border-radius: 50px;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 17px;
    padding: 18px 0;
    margin: 20px 0 40px 0;
}
.sysmes_box .close_btn3{ width: 90%; margin:0 auto;}
.sysmes_box .close_btn3 a{
    width: 100%;
    max-width: 280px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    background: #C80000;
    border-radius: 50px;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 17px;
    padding: 18px 0;
    margin: 30px auto 20px auto;
}
.sys_txt .sys_close label.close_btn3 {    width: 90%;
    max-width: 280px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    background: #949494;
    border-radius: 50px;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 17px;
    padding: 18px 0;
    margin: 20px 0 40px 0;}
.sys_title{
    font-size: 24px;
    border-bottom: 1px solid #ccc;
    padding: 0px 0 15px 0;
    text-align: left;
}
.sys_title:before{content:'';background: url(../img/h_icon_2.png) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.sys_txt{
    margin: 10px 0 0 0;
    line-height: 1.5;
    font-size: 18px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
.sys_img{
    width: 90%;
    margin: 20px auto;
}
.sys_img img{
    width: 100%;
}

.send_icon{
    max-width: 66px;
    margin: 30px auto 0;
}
.send_icon img{
    width: 100%;
}
.send_title{
    width: 100%;
    font-size: 32px;
    margin: 20px 0 20px 0;
}


.contents_bg{
    background: url(../img/main_bg.png) no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    background-position: center top;
    overflow: hidden;
    padding: 50px 0;
}
.content_wall{
    background: #ffffff;
    width: 90%;
    max-width: 690px;
    margin: 0px auto;
    padding: 35px 50px;
    border-radius: 0;
    box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 10%);
    border-top: solid 8px #C80000;
}
.content_title{
    font-size: 24px;
    font-weight: bold;
    border-bottom: solid 1px #646464;
    padding: 0 0 10px 0;
    margin: 15px 0 0 0;
}
.c_icon_1:before{content: '';background: url(../img/c_icon_1.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.5em;display: inline-block;vertical-align: middle;margin-right: 0.3em;}
.c_icon_2:before{content: '';background: url(../img/c_icon_2.svg) no-repeat;background-size: 100% auto;width: 1.5em;height: 1.6em;display: inline-block;vertical-align: middle;margin-right: 0.3em;}
.c_icon_3:before{content: '';background: url(../img/c_icon_3.png) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_4:before{content: '';background: url(../img/c_icon_4.png) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_5:before{content: '';background: url(../img/c_icon_5.png) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_6:before{content: '';background: url(../img/c_icon_6.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_7:before{content: '';background: url(../img/c_icon_7.png) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_8:before{content: '';background: url(../img/c_icon_8.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_9:before{content: '';background: url(../img/c_icon_9.svg) no-repeat;background-size: 100% auto;width: 0.9em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_10:before{content: '';background: url(../img/c_icon_10.png) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_11:before{content: '';background: url(../img/c_icon_11.png) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_12:before{content: '';background: url(../img/c_icon_12.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.6em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_13:before{content: '';background: url(../img/c_icon_13.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.6em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_14:before{content: '';background: url(../img/c_icon_14.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.6em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_15:before{content: '';background: url(../img/c_icon_15.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_16:before{content: '';background: url(../img/c_icon_16.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.6em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_17:before{content: '';background: url(../img/c_icon_17.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_18:before{content: '';background: url(../img/c_icon_18.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_19:before{content: '';background: url(../img/c_icon_19.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.5em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_20:before{content: '';background: url(../img/c_icon_20.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_21:before{content: '';background: url(../img/c_icon_21.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.5em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_22:before{content: '';background: url(../img/c_icon_22.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.5em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.c_icon_23:before{content: '';background: url(../img/c_icon_23.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.5em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}



.tokutei{
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0 0 0;
}

.tokutei tr{
  border-bottom: solid 2px white;
}

.tokutei tr:last-child{
  border-bottom: none;
}

.tokutei th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #C80000;
  color: white;
  text-align: center;
  padding: 20px 0;
  font-size: 12px;
}

.tokutei th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #C80000;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.tokutei td{
  text-align: left;
  width: 70%;
  text-align: left;
  background-color: #eee;
  padding: 20px 50px;
  line-height: 150%;
  font-size: 12px;
}

.privacy{
    text-align: left;
    padding: 20px 0;
}
.privacy h2 {
  position: relative;
  padding: 1rem 2rem 1rem 4em;
  background: #ededed;
  display: block;
  width: 100%;
  font-size: 2.0rem;
  margin: 0 0 2rem 0;
}

.privacy h2 span {
  position: absolute;
  top: -10px;
  left: 20px;
  display: inline-block;
  width: 40px;
  height: 37px;
  text-align: center;
  background: #10a5ff;
}

.privacy h2 span:before,
.privacy h2 span:after {
  position: absolute;
  content: '';
}

.privacy h2 span:before {
  right: -10px;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0582cd;
}

.privacy h2 span:after {
  top: 50%;
  left: 0;
  display: block;
  height: 50%;
  border: 1em solid #10a5ff;
  border-bottom-width: 15px;
  border-bottom-color: transparent;
}
.privacy p{
    margin: 0 0 40px 0;
    line-height: 150%;
    font-size: 12px;
}

.kiyaku{
    text-align: left;
    padding: 20px 0;
}
.kiyaku p{
    margin: 0 0 40px 0;
    line-height: 150%;
    font-size: 12px;
}

.kiyaku h2 {
  position: relative;
  overflow: hidden;
  padding: 0.6rem 2rem 0.6rem 180px;
  border: 2px solid #C80000;
  font-size: 2.0rem;
}

.kiyaku h2:before {
  position: absolute;
  top: -166%;
  left: -114px;
  width: 270px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(20deg);
  background: #C80000;
}

.kiyaku h2 span {
  font-size: 2.0rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 3px;
  padding-left: 16px;
  color: #fff;
  line-height: 150%;
}
.kiyaku a{ display: inline-block;}

.cul_title{
    background: #f45456;
    padding: 10px;
    color: #FFF;
}


.cul-q-box{
    margin: 20px 0;
}
.cul-q-title{
    color: #b48423;
    font-size: 24px;
    font-weight: bold;
}
.cul-q-num{background: #b48423;color: #FFF;width: 20%;max-width: 170px;padding: 5px 10px;margin: 10px 0 0 16px;}
.cul-q-txt{
    margin: 10px 0 0 16px;
}
.q-num-set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}
.q-num-box{
    width: 15%;
    border: solid 1px #b48423;
    padding: 11px 10px;
    color: #b48423;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 16px;
    text-align: center;
}
.q-num-box span{
    font-size: 24px;
    margin: 0 5px;
}
.q-title{
    margin: 0 0 0 16px;
    border: solid 1px #f55254;
    padding: 15px 15px;
    color: #f45456;
    font-size: 18px;
    background: #fff4f1;
    border-radius: 10px;
    font-weight: bold;
    width: 80%;
}
.q-answer{}
.q-answer .q-num-box{}
.q-answer .q-title{}
.q-t-t{}
.answer-check{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.answer_ok{
    font-size: 24px;
    width: 14%;
}
.answer_ng{font-size: 24px;color: #8898bb;width: 14%;}
.answer_ok img,.answer_ng img{ width:100%;}

.continput {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    padding: 16px;
    box-sizing: border-box;
    border: solid 1px #f45456;
    margin: 20px 0 0 16px;
}

.continput ul{
    list-style-type: none;
    width: 100%;
    margin: auto;
}

.continput li {
    position: relative;
    padding: 10px;
    padding-left: 40px;
    padding-bottom: 40px;
    height: 50px;
    margin: 0 0 10px 0;
    border-bottom: dotted 1px #f45456;
}

.continput label:before {
    content: "";
    width: 7px;
    height: 7px;
    background: #f45456;
    position: absolute;
    left: 11px;
    top: calc(50% - 7px);
    box-sizing: border-box;
    border-radius: 50%;
}

.continput input[type="radio"] {
    opacity: 0;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    z-index: 100;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: calc(50% - 15px);
    cursor: pointer;
}

.continput .bullet {
    position: relative;
    width: 25px;
    height: 25px;
    left: 2px;
    top: 9px;
    border: 5px solid #f45456;
    opacity: 0;
    border-radius: 50%;
}
.continput label{
    display: flex;
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
}
.continput input[type="radio"]:checked ~ label {
    color: #f45456;
}
.continput input[type="radio"]:checked ~ .bullet {
    position:absolute;
    opacity: 1;
    animation-name: explode;
    animation-duration: 0.350s;
}

.continput .line {
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #f45456;
    opacity:0;
}

.continput .line.zero {
    left: 11px;
    top: -21px;
    transform: translateY(20px);
    width: 2px;
    height: 10px;
}

.continput .line.one {
    right: -7px;
    top: -11px;
    transform: rotate(-55deg) translate(-9px);
}

.continput .line.two {
    right: -20px;
    top: 11px;
    transform: translate(-9px);
}

.continput .line.three {
    right: -8px;
    top: 35px;
    transform: rotate(55deg) translate(-9px);
}

.continput .line.four {
    left: -8px;
    top: -11px;
    transform: rotate(55deg) translate(9px);
}

.continput .line.five {
    left: -20px;
    top: 11px;
    transform: translate(9px);
}

.continput .line.six {
    left: -8px;
    top: 35px;
    transform: rotate(-55deg) translate(9px);
}

.continput .line.seven {
    left: 11px;
    bottom: -21px;
    transform: translateY(-20px);
    width: 2px;
    height: 10px;
}

input[type="radio"]:checked ~ .bullet .line.zero{
    animation-name:drop-zero;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

input[type="radio"]:checked ~ .bullet .line.one{
    animation-name:drop-one;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

input[type="radio"]:checked ~ .bullet .line.two{
    animation-name:drop-two;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

input[type="radio"]:checked ~ .bullet .line.three{
    animation-name:drop-three;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

input[type="radio"]:checked ~ .bullet .line.four{
    animation-name:drop-four;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

input[type="radio"]:checked ~ .bullet .line.five{
    animation-name:drop-five;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

input[type="radio"]:checked ~ .bullet .line.six{
    animation-name:drop-six;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

input[type="radio"]:checked ~ .bullet .line.seven{
    animation-name:drop-seven;
    animation-delay: 0.100s;
    animation-duration: 0.9s;
    animation-fill-mode: forwards;
}

@keyframes explode {
    0%{
        opacity: 0;
        transform: scale(10);
    }
    60%{
        opacity: 1;
        transform: scale(0.5);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes drop-zero {
    0% {
        opacity: 0;
        transform: translateY(20px);
        height: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: translateY(-2px);
        height: 0px;
        opacity:0;
    }
}

@keyframes drop-one {
    0% {
        opacity: 0;
        transform: rotate(-55deg) translate(-20px);
        width: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: rotate(-55deg) translate(9px);
        width: 0px;
        opacity:0;
    }
}

@keyframes drop-two {
    0% {
        opacity: 0;
        transform: translate(-20px);
        width: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: translate(9px);
        width: 0px;
        opacity:0;
    }
}

@keyframes drop-three {
    0% {
        opacity: 0;
        transform: rotate(55deg) translate(-20px);
        width: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: rotate(55deg) translate(9px);
        width: 0px;
        opacity:0;
    }
}

@keyframes drop-four {
    0% {
        opacity: 0;
        transform: rotate(55deg) translate(20px);
        width: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: rotate(55deg) translate(-9px);
        width: 0px;
        opacity:0;
    }
}

@keyframes drop-five {
    0% {
        opacity: 0;
        transform: translate(20px);
        width: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: translate(-9px);
        width: 0px;
        opacity:0;
    }
}

@keyframes drop-six {
    0% {
        opacity: 0;
        transform: rotate(-55deg) translate(20px);
        width: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: rotate(-55deg) translate(-9px);
        width: 0px;
        opacity:0;
    }
}

@keyframes drop-seven {
    0% {
        opacity: 0;
        transform: translateY(-20px);
        height: 10px;
    }
    20% {
        opacity:1;
    }
    100% {
        transform: translateY(2px);
        height: 0px;
        opacity:0;
    }
}


.cul-finish{
    background: url(../img/test_ok.png) no-repeat #f45456;
    background-position: center right;
    padding: 20px;
    border-radius: 10px;
    margin: 0 0 20px 0;
}
.cul-ng{    background: url(../img/test_ng.png) no-repeat #8898bb;
    background-position: center right;
    padding: 20px;
    border-radius: 10px;}

.cul-exa{
    background: url(../img/test_exa.png) no-repeat #619f09;
    background-position: center right;
    padding: 20px;
    border-radius: 10px;
}

.cul-f-title{
    color: #FFF;
    padding: 0 0 10px 0;
    border-bottom: solid 1px #FFF;
    margin: 0 0 10px 0;
}
.cul-f-num{
    color: #FFF;
    font-size: 24px;
}
.cul-f-num .num1{
    font-size: 64px;
    font-weight: bold;
    margin: 0 10px 0 0;
}
.cul-f-num .num2{
    font-size: 46px;
    margin: 0 5px 0 10px;
    font-weight: bold;
}
.cul-f-result{
    color: #FFF;
}
.cul-f-result .cftbg1{
    background: #FFF;
    color: #f45456;
    padding: 5px 20px;
    margin: 0 10px 0 0;
}
.cul-f-result .cftbg2{
    background: #646464;
    color: #FFF;
    padding: 5px 20px;
    margin: 0 10px 0 0;
}

.cul-f-result .cftbg3{
    background: #385f00;
    color: #FFF;
    padding: 5px 20px;
    margin: 0 10px 0 0;
}
.cul-exa-txt{
    font-size: 34px;
    font-weight: bold;
    margin: 30px 0 30px 0;
}

.cul-back-btn{}
.cul-back-btn a{
    background: #4c4c4c;
    background: -moz-linear-gradient(top, #4c4c4c 0%, #444444 52%, #3d3d3d 100%);
    background: -webkit-linear-gradient(top, #4c4c4c 0%,#444444 52%,#3d3d3d 100%);
    background: linear-gradient(to bottom, #4c4c4c 0%,#444444 52%,#3d3d3d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#3d3d3d',GradientType=0 );
    color: #FFF;
    font-size: 32px;
    padding: 20px 0;
    margin: 20px 0 0 0;
    display: block;
    text-align: center;
    font-weight: normal;
}

.cul-exa-check-txt{
    margin: 20px 0 0 0;
    border: solid 2px #f45456;
    color: #f45456;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

.continput .bn0{ margin: 0; border:none;}



.continput2 {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    padding: 16px;
    box-sizing: border-box;
    border: solid 1px #f45456;
    margin: 20px 0 0 16px;
}


.continput2 .cnt-search-theme-rcheck {
    position: relative;
    padding: 10px;
    padding-left: 5px;
    padding-bottom: 40px;
    height: 50px;
    margin: 0 0 10px 0;
    border-bottom: dotted 1px #f45456;
}

.continput2 .cnt-search-theme-rcheck .checkbox02{
    font-size: 18px;
    font-weight: bold;
    padding: 0 30px 0 40px;
}
.continput2 .cnt-search-theme-check-set{
    margin: 0;
}
.cnt-test-txt{}
.cnt-test-txt textarea{
    width: 100%;
    padding: 10px;
    font-size: 18px;
}



.continput2 .bn0{ margin: 0; border:none;}



.content_headline{
    background: #FCF8E7;
    border-radius: 7px;
    padding: 15px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0 30px 0;
}
.content_headline .title{
    font-size: 24px;
    color: #B88E5A;
    margin: 0 20px 0 0;
    font-weight: bold;
}
.content_headline .subtitle{}



.col-3{
}
.col-3 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.col-3 li{}
.col-title{
    font-size: 24px;
    color: #C80000;
    font-weight: bold;
    text-align: left;
    margin: 0 0 10px 0;
}
.col-search{}
.col-search input{
    width: 100%;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: solid 2px #c8c8c8;
    font-size: 24px;
    padding: 13px 15px;
    position: relative;
}
.col-search input::placeholder{ font-size: 14px; color: #c8c8c8; position: absolute; top: 1.1em;}
.col-search-btn{
    width: 100%;
}
.col-search-btn input{
    width: 90%;
    display: block;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    background: #C80000;
    border-radius: 7px;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 17px;
    padding: 15px 0;
    margin: 40px auto 0;
}

.col-search-btn.infomation_btn input{    display: block;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    background: #C80000;
    border-radius: 50px;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 17px;
    padding: 18px 0;
    margin: 40px auto 0px;
    width: 90%;}
.cnt-code ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.cnt-code li:nth-child(1){
    width: 100%;
}
.cnt-code li:nth-child(2){
    width: 76%;
}
.cnt-code li:nth-child(3){
    width: 24%;
    max-width: 166px;
}
.cnt-code .col-search-btn input{
    margin: 0 auto;
}
.cnt-border{
    padding: 0 0 35px 0;
    margin: 0 0 10px 0;
}

.cnt-search_if li:nth-child(1){
    width: 21%;
    max-width: 220px;
    align-self: flex-start;
}
.cnt-search_if li:nth-child(2){
    width: 55%;
    max-width: 514px;
}
.cnt-search_if li:nth-child(3){
    width: 24%;
    max-width: 166px;
    align-self: flex-end;
}


.cnt-manual{}
.cnt-manual ul{
}
.cnt-manual li{}
.cnt-manual li:nth-child(1){
    width: 24%;
    max-width: 220px;
    /* align-self: flex-start; */
}
.cnt-manual li:nth-child(2){
    width: 72%;
    max-width: 714px;
    /* align-self: flex-start; */
}
.cnt-manual li:nth-child(3){
    align-self: flex-end;
}



.toggle{
    cursor: pointer;
}
.tgl_open{
    display: none;
    background: none;
    color: #323232;
    width: 99.0%;
    height: auto;
    margin: 0 auto;
}
.open_btn1{
    background: #c02f2b;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 24px;
    padding: 10px 20px;
    margin: 20px 0 20px 0;
    text-align: left;
    border-bottom: solid 5px #860300;
    border-radius: 10px;
    position: relative;
}
.open_btn1:after{content: '\f078';font-family: "Font Awesome 5 Free";font-weight: bold;position: absolute;right: 20px;top: 12px;}
.open_btn2{
    background: #2b76c0;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 24px;
    padding: 10px 20px;
    margin: 20px 0 20px 0;
    text-align: left;
    border-bottom: solid 5px #004486;
    border-radius: 10px;
    position: relative;
}
.open_btn2:after{content: '\f078';font-family: "Font Awesome 5 Free";font-weight: bold;position: absolute;right: 20px;top: 12px;}

.num_edit_btn{
    margin: 0 0 50px 0;
}
.num_edit_btn ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.num_edit_btn li{
    width: 48%;
}
.num_edit_btn a{
    display: block;
    color: #FFF;
    padding: 15px 5px;
    border-radius: 10px;
    position: relative;
    font-size: 24px;
}
.num_edit_btn li:nth-child(1) a{
    background: #64b9c0;
    border-bottom: solid 5px #3e8186;
}
.num_edit_btn li:nth-child(1) a:after{content: '\f068';font-family: "Font Awesome 5 Free";font-weight: bold;position: absolute;right: 20px;top: 16px;}
.num_edit_btn li:nth-child(2) a{
    background: #eea124;
    border-bottom: solid 5px #be6f18;
}
.num_edit_btn li:nth-child(2) a:after{content: '\f067';font-family: "Font Awesome 5 Free";font-weight: bold;position: absolute;right: 20px;top: 16px;}

.cnt-manual-num{
    border: none;
    padding: 0 0 0px 0;
}




.col-if_checkbox{
}
.if-checkbox-set{
    display: flex;
    background: #fff4f1;
    border-radius: 7px;
    padding: 15px 25px;
    margin: 0 0 15px 0;
}
.if-checkbox-set:last-child{ margin: 0;}
.if-checkbox{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: -10px 0 0 0;
}
.if-checkbox input{
    width: 50px;
}

input[type=checkbox] {
    display: none;
}
.checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 18px;
    position: relative;
    width: auto;
}
.checkbox01::before {
    background: #f0f0f0;
    border-radius: 0;
    content: '';
    display: block;
    height: 25px;
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 25px;
}
.checkbox01::after {
    border-right: 2px solid #C80000;
    border-bottom: 2px solid #C80000;
    content: '';
    display: block;
    height: 19px;
    left: 8px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 10px;
}
input[type=checkbox]:checked + .checkbox01::before {
    border-color: #f55254;
}
input[type=checkbox]:checked + .checkbox01::after {
    opacity: 1;
}

.checkbox02 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 0px 30px;
    position: relative;
    width: auto;
    font-weight: normal;
}
.checkbox02::before {
    border: 2px solid #939391;
    border-radius: 4px;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox02::after {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
    display: block;
    height: 8px;
    left: 11px;
    margin-top: -5px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 5px;
}
input[type=checkbox]:checked + .checkbox02::before {
    border-color: #C80000;
    background: #C80000;
}
input[type=checkbox]:checked + .checkbox02::after {
    opacity: 1;
}

.if-title_set{}
.if-title_set .title{
    text-align: left;
    font-size: 20px;
    font-weight: bold;
}
.if-title_set .txt{
    margin: 3px 0 0 0;
}
.if-title_set .sum_num{
    background: #f55254;
    max-width: 100px;
    color: #FFF;
    font-size: 12px;
    padding: 3px 0 1px 0;
    margin: 5px 0 0 0;
}


.col-2{}
.col-2 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.col-2 li{}
.cnt-search-detail{
    margin: 0 0 50px 0;
}
.cnt-search-detail li:nth-child(1){
    width: 100%;
    max-width: initial;
    align-self: flex-start;
}
.cnt-search-detail li:nth-child(2){
    width: 100%;
}


.radio-input{
    display: none;
}
.radio-input + label{
    padding-left: 20px;
    position:relative;
    margin-right: 20px;
    font-weight: normal;
    color: #999;
}
.radio-input + label::before{
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #e9504e;
    border-radius: 50%;
}
.radio-input:checked + label{
    color: #777;
}
.radio-input:checked + label::after{
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 3px;
    width: 10px;
    height: 10px;
    background: #e9504e;
    border-radius: 50%;
}


.cnt-search-theme-radio-set{
    margin: 0 0 20px 0;
}
.cnt-search-theme-radio{
    text-align: left;
}
.cnt-search-theme-check-set{
    margin: 0 0 30px 0;
    background: #fbfbfd;
    padding: 10px;
}
.cnt-search-theme-rcheck{
    text-align: l;
    text-align: left;
}
.cnt-search-theme{
    margin: 0 0 30px 0;
}
.cnt-search-theme ul{}
.cnt-search-theme li{
}
.cnt-search-theme li:nth-child(1){
    width: 100%;
    max-width: initial;
    align-self: flex-start;
}
.cnt-search-theme li:nth-child(2){
    width: 40%;
    max-width: 265px;
    align-self: flex-start;
}
.cnt-search-title{
    background: #FFF;
    color: #1e1e1e;
    text-align: left;
    padding: 8px 0;
    margin: 0 0 5px 0;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
}
.cnt-search-theme-radio-more{}
.cnt-search-theme-radio-more a{
    display: block;
    border: solid 1px #f55254;
    color: #f55254;
    font-size: 18px;
    padding: 10px;
    max-width: inherit;
    margin: 20px 0 0 0;
}
.cnt-search-theme-radio-more a:before{ content: '';}


.form_range{
    margin: 5px 0 20px 0;
}
.form_range ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.form_range li{
    width: 47% !important;
    max-width: inherit !important;
}
.form_range li:nth-child(2){
    width: 5% !important;
    text-align: center;
}
.form_range .form_range_area{
    margin: 0 10px 0 0;
}
.form_range_area.sntss{
    display: flex;
    align-items: end;
}
.fra_unit{
    font-size: 18px;
    margin: 0 0 0 10px;
    width: 20%;
}

.form_range input{
    width: 100%;
    display: block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: solid 2px #c8c8c8;
    font-size: 24px;
    padding: 13px 15px;
}
.form_range_txt{
    margin: 0 10px 0 0;
    color: #aaaaaa;
    font-size: 24px;
}
.form_range textarea{
    width: 100%;
    height: 200px;
    padding: 10px;
    resize: none;
}

.cnt-search-result_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 0 0;
}
.cnt-search-result{
    width: 50%;
    max-width: 350px;
    background: #FFF0EE;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 6px 0;
    border-radius: 7px;
}
.cnt-search-result-title{
}
.cnt-search-result-num{font-size: 30px;margin: 0 0 0 10px;color: #C80000;}
.cnt-search-btn{
    width: 90%;
    margin: 0 auto;
}

.cnt-search-result_box .col-search-btn input{
    background: #C80000;
    width: 90%;
    font-size: 17px;
    font-weight: normal;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    border-radius: 50px;
    padding: 18px 0;
    margin: 40px auto 0px;
}

.cnt-search-con-list{
    margin: 0 0 50px 0;
}
.cnt-search-con-list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.cnt-search-con-list li{
    width: 33%;
    max-width: 310px;
}
.cnt-search-con{
    background: #fff4f1;
    border: solid 1px #f55254;
    margin: 0 0 10px 0;
    color: #f55254;
    padding: 5px 10px;
    text-align: left;
}

.cnt-pager{
    margin: 30px 0 30px 0;
}
.cnt-pager ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 340px;
}
.cnt-pager li{}
.cnt-pager li a{
    border: solid 1px #646464;
    padding: 5px 8px;
    color: #646464;
}
.cnt-pager .active{}
.cnt-pager .active a{
    background: #646464;
    color: #FFF;
}
.cnt-pager .prev{}
.cnt-pager .prev a{}
.cnt-pager .next{}
.cnt-pager .next a{}


.cnt-search-result-list{
    max-width: 100%;
    overflow: auto;
}
.cnt-search-result-list table{
    width: 100%;
    table-layout: fixed;
    min-width: 100%;
}
.cnt-search-result-list tbody{}
.cnt-search-result-list tr{}
.cnt-search-result-list tr:last-child td{border: none;}
.cnt-search-result-list th{
    width: auto;
    color: #42a4e7;
    width: 100px;
    padding: 10px;
    border-bottom: 2px solid #646464;
}
.cnt-search-result-list th:nth-child(1){}
.cnt-search-result-list th:nth-child(2){}
.cnt-search-result-list th:nth-child(3){}
.cnt-search-result-list th:nth-child(4){}
.cnt-search-result-list th:nth-child(5){}
.cnt-search-result-list th:nth-child(6){}
.cnt-search-result-list th:nth-child(7){}
.cnt-search-result-list th:nth-child(8){}
.cnt-search-result-list th:nth-child(9){}
.cnt-search-result-list th:nth-child(10){}
.cnt-search-result-list th:nth-child(11){}
.cnt-search-result-list th:nth-child(12){}
.cnt-search-result-list th:nth-child(13){}
.cnt-search-result-list th:nth-child(14){}
.cnt-search-result-list th:nth-child(15){}
.cnt-search-result-list td{
    padding: 10px;
    border-bottom: solid 1px #646464;
}

.cnt-search-result-btn{
    display: block;
    background: #f55254;
    color: #FFF;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    margin: 0;
}

.cnt-f-menu{}
.cnt-f-menu ul{
    max-width: 1020px;
}
.cnt-f-menu li{}




.cnt-discussion-box{
    margin: 0 0 50px 0;
}
.cnt-discussion-box ul{
    align-items: flex-start;
    width: 100%;
}
.cnt-discussion-box li{
    width: 100%;
}
.cnt-discussion-box li:nth-child(1){
    width: 100%;
}
.cnt-discussion-box li:nth-child(2){
    width: 100%;
}

.cnt-discussion-mov-set{position: relative;}
.cnt-discussion-mov{}
#sv_video_console{}
#sv_playrate_form{}
#sv_video_console .btn-primary{
            background: #e5f1f9;
            border: none;
    border-radius: 3px;
    transition: background-color 0.2s ease-out;
    color: #000;
}
        #select {
            background: #e5f1f9;
            border: none;
            border-radius: 3px;
            transition: background-color 0.2s ease-out;
                color: #000;
        }
.cnt-discussion-mov{
    width: 100%;
    display: block;
    margin: 0 auto 20px;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    border: solid 2px #FFF;
}
.cnt-discussion-mov .youtube{
    padding-top: 56.25%;
    position: relative;
}
.cnt-discussion-mov .youtube iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}


.cnt-discussion-txt{
    text-align: left;
    /* border: solid 1px #c8a77e; */
    padding: 10px;
    margin: 20px 0 20px 0;
    background: #fbfbfd;
}

.cnt-discussion-next{}
.cnt-discussion-next .point_box:first-child{ margin: 0}
.cnt-discussion-precautions{
    border: solid 1px #f55254;
    padding: 10px;
    margin: 20px 0 0 0;
    background: #fff4f1;
}
.cnt-discussion-precautions .title{
    font-size: 16px;
    border-bottom: solid 1px #f55254;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    color: #f55254;
    font-weight: bold;
}
.cnt-discussion-precautions .txt{
    text-align: left;
}


.discussion-list{
    margin: 30px 0 10px;
}
.discussion-list ul{
    max-width: 950px;
}
.discussion-list li{
    width: 100%;
    max-width: initial;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
}
.news_d{}


.bland-name{color: #42a4e7;font-weight: bold;font-size: 16px;margin: 0 0 10px 0;}
.bland-min-num{
    font-size: 14px;
    margin: 0 0 5px 0;
    border-bottom: solid 1px #646464;
    padding: 0 0 5px 0;
}
.bland-min-num span{
    color: #f55254;
    margin: 0 5px 0 0;
    font-size: 16px;
    font-weight: bold;
}
.bland-max-num{
    font-size: 14px;
    margin: 0 0 5px 0;
    border-bottom: solid 1px #646464;
    padding: 0 0 5px 0;
}
.bland-max-num span{
    color: #f55254;
    margin: 0 5px 0 0;
    font-size: 16px;
    font-weight: bold;
}

.bland-annotation{
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0;
}



.news_detail{}

.news_detail{
    margin: 10px 0 30px;
}
.news_detail ul{
    max-width: 950px;
}
.news_detail li{
    width: 100%;
    max-width: 950;
    margin: 0 0 15px 0;
}

.cnt-genta-calender-box{margin: 30px 0 50px 0;}
.cnt-genta-calender-box ul{align-items: flex-start;}
.cnt-genta-calender-box li:nth-child(1){width: 49%;
    max-width: 460px;}
.cnt-genta-calender-box li:nth-child(2){width: 49%;
    max-width: 460px;}

.cnt-genta-calender-menu{
    border: solid 1px #f55254;
    padding: 10px;
    margin: 20px 0;
}
.cnt-genta-calender-menu ul{
    width: 100%;
}
.cnt-genta-calender-menu li{
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: dotted 1px #f55254;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
.cnt-genta-calender-menu li:last-child{border: none;margin: 0;padding: 0 0 0 0;}
.cnt-genta-calender-menu .title{
    font-weight: bold;
}
.cnt-genta-calender-menu .more_btn{}
.cnt-genta-calender-menu .more_btn a{
    color: #f55254;
}

.popup-calender{
    align-self: flex-start;
    margin: 30px 0;
}



.csv-list-menu{}
.csv-list-menu ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.csv-list-menu li{
    width: 100%;
    margin: 0 0 20px 0;
}
.csv-list-menu li:nth-child(1){
    width: 100%;
}
.csv-list-menu li:nth-child(2){
    width: 100%;
}
.csv-list-menu li:last-child{ margin: 0;}
.csv-list-menu-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border: solid 1px #e6e6e6;
    width: 100%;
    border-radius: 17px;
    padding: 25px 20px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+23,f0f0f0+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 23%, #f0f0f0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 23%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 23%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
    position: relative;
    box-shadow: 4px 4px 8px 0px rgb(112 112 112 / 25%);
}
.csv-title-set{
    width: 87%;
    max-width: 350px;
}
.csv-title-img{
    margin: 0;
    width: 100%;
}
.csv-title-img img{
    width: 100%;
}


.csv-list-menu li:nth-child(1) .csv-title-img{
    width: 100%;
    max-width: 167px;
}
.csv-list-menu li:nth-child(2) .csv-title-img{
    width: 100%;
    max-width: 213px;
}

.csv-list-menu-box input[type="file"]{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
    opacity:0;

}
.csv-list-menu-box a{}
.csv-title{
    font-size: 21px;
    font-weight: bold;
    color: #606060;
    text-align: left;
}
.csv-plus-btn{
    width: 8%;
    margin: 0;
}
.csv-plus-btn a{
    display: block;
    padding: 0;
    color: #FFF;
}
.csv-plus-arrow{
    width: 20%;
    max-width: 10px;
}
.csv-plus-arrow img{ width: 100%;}

.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    color:#fff;
    text-align:center;
    cursor:pointer;
}
.uploadButton:hover {
}
.uploadButton input[type=file] {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer;
    opacity:0;
}
.uploadValue {
    display:none;
    background:rgba(255,255,255,0.2);
    border-radius: 50px;
    padding: 0px 10px;
    color:#ffffff;
    margin: 10px 0;
}
.icon_plus{
    width: 31px;
}
.icon_plus img{
    width: 100%;
}


.csv-move-list{}
.csv-move-list ul{
    align-items: flex-start;
}
.csv-move-list li:nth-child(1){
    width: 27%;
    max-width: 250px;
}
.csv-move-list li:nth-child(2){
    width: 72%;
    max-width: 680px;
}





.cnt-transaction-diary-table{
    max-width: 100%;
    overflow: auto;
}
.cnt-transaction-diary-table table{
    width: 100%;
    table-layout: fixed;
    min-width: 100%;
    border-spacing: 5px;
    border-collapse: unset;
    text-align: center;
}
.cnt-transaction-diary-table tbody{}
.cnt-transaction-diary-table tr{}
.cnt-transaction-diary-table th{
    width: auto;
    color: #f55254;
    width: 140px;
    padding: 10px 5px;
    background: #fff4f1;
    border: solid 2px #f55254;
    margin: 0 0 0 0;
    text-align: center;
}
.cnt-transaction-diary-table td{
    border: solid 1px #e6e6e6;
    padding: 5px;
}

.transaction-operation{
    width: 100%;
    max-width: 250px;
    margin: 20px 0 10px 0;
}
.transaction-operation ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.transaction-operation li{}
.transaction-operation .title{font-weight: bold;}
.transaction-operation .ope_btn{}
.transaction-operation .ope_btn a{
    color: #f55254;
}
.transaction-operation-txt{
    background: #f5f5f5;
    border-radius: 7px;
    padding: 10px;
    margin: 0 0 50px 0;
}
.transaction-operation-txt textarea{
    width: 100%;
    border: none;
    background: none;
}





.transaction-analysis-box{
    margin: 0 0 15px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #e1e1e1;
    padding: 0 0 0px 0;
}
.transaction-analysis-box ul{
    width: 49%;
    margin: 0;
    align-items: center;
}
.transaction-analysis-box li{
    width: 100% !important;
}
.transaction-analysis-par-set{margin: -15px 0 0 0;}
.transaction-analysis-par-set .title{
    color: #3c3c3c;
    font-size: 16px;
    padding: 0;
    text-align: left;
    font-weight: bold;
}
.transaction-analysis-par-set .par-set{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
}
.transaction-analysis-par-set .par-set .par{
    font-size: 30px;
}
.transaction-analysis-par-set .par-set .par span{
    font-size: 14px;
    margin: 0 0 0 5px;
}
.transaction-analysis-par-set .par-set .icon{
    margin: 0 0 0 10px;
    max-width: 32px;
}
.transaction-analysis-par-set .par-set .icon img{
    width: 100%;
}
.transaction-analysis-par-set .txt{
    padding: 0;
    text-align: left;
    color: #aaaaaa;
}
.transaction-analysis-par-set .txt a{color: #f35254;}
.transaction-analysis-par-set .txt label{color: #f35254;font-weight: normal;cursor: pointer;}
.transaction-graph{
    width: 49%;
    margin: 0 0 10px 0;
}




.cnt-trading-history-search{}
.cnt-trading-history-search ul{
    align-items: flex-start;
}
.cnt-trading-history-search li{
    width: 49%;
}
.cnt-trading-history-search li:nth-child(1){
    width: 100%;
    max-width: inherit;
}
.cnt-trading-history-search li:nth-child(2){
    width: 49%;
}



.mov_list2{}
.mov_list2 ul{}
.mov_list2 li{margin: 0 0 10px 0;padding: 0 0 10px 0;border-bottom: dotted 1px #646464;}
.mov_list2 a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.mov_list2 .th{
    width: 27%;
    max-width: 250px;
}
.mov_list2 .th img{
    width: 100%;
}
.mov_list2 .txt-set{
    text-align: left;
    width: calc(70% - 30px);
    max-width: 650px;
    align-self: flex-start;
    margin: 0 20px 0 10px;
}
.mov_list2 .title{
    font-size: 16px;
    color: #1e1e1e;
    margin: 12px 0 3px 0;
    font-weight: bold;
}
.mov_list2 .txt{
    font-size: 14px;
    color: #666;
}
.mov_list2 .icon-arrow{
    width: 1.5%;
    max-width: 20px;
}
.mov_list2 .icon-arrow img{
    width: 100%;
}

.cnt-movie-content_btn{
    margin: 30px 0 40px 0;
}
.cnt-movie-content_btn ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.cnt-movie-content_btn li{
    width: 90%;
    margin: 0 auto;
}
.cnt-movie-content_btn li a{
    width: 100%;
    display: block;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    background: #C80000;
    border-radius: 50px;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 17px;
    padding: 18px 0;
}
.cnt-movie-content_btn li:nth-child(1) a{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,444444+52,3d3d3d+100 */
    background: #949494; /* Old browsers */
     /* FF3.6-15 */
     /* Chrome10-25,Safari5.1-6 */
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     /* IE6-9 */
}
.cnt-movie-content_btn li:nth-child(2){
    width: 90%;
    margin: 0 auto;
}


#acMenu dt{display:block;width: 100%;text-align:center;border: #f55254 1px solid;cursor:pointer;padding: 20px;margin: 0 0 20px 0;position: relative;background: #fff4f1;color: #f55254;text-align: left;}
#acMenu dt:before{content:'';background: url(../img/arrow3.png) no-repeat;background-size: 100% auto;width: 0.7em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 1.0em;position: absolute;right: 0;transform: rotate(90deg);}
#acMenu dd{background: #f5f5f5;width: 100%;text-align:center;border: #636363 1px solid;display:none;padding: 20px;margin: 0 0 20px 0;text-align: left;}
#acMenu dt.active:before{content:'';background: url(../img/arrow3.png) no-repeat;background-size: 100% auto;width: 0.7em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 1.0em;position: absolute;right: 0;transform: rotate(-90deg);}
#acMenu .more_btn{}
#acMenu .more_btn a{    text-align: right;
    display: block;
    font-size: 12px;
    margin: 8px 0 0 0;
    color: #f55254;}
#acMenu .more_btn a:after{    content: '';
    background: url(../img/arrow3.png) no-repeat;
    background-size: 54% auto;
    width: 1.0em;
    height: 1.4em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5em;}





.cnt-search-disabled{
    background: #f5f5f5;
    padding: 10px;
}
.back_btn{}
.back_btn a{
    background: #646464;
    width: 100%;
    padding: 25px 0;
    font-size: 24px;
    font-weight: normal;
    color: #FFF;
    margin: 20px 0 0 0;
    cursor: pointer;
}

.back_btn2{}
.back_btn2 a{
    background: #949494;
    width: 90%;
    font-size: 17px;
    font-weight: normal;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    border-radius: 50px;
    padding: 18px 0;
    margin: 40px auto 50px;
}
.back_btn3{}
.back_btn3 a{
    background: #949494;
    width: 90%;
    font-size: 17px;
    font-weight: normal;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    border-radius: 7px;
    padding: 10px 0;
    margin: 40px auto 50px;
}

.account-form-txt{
    margin: 0 0 20px 0;
}
.account-form-txt input{
    width: 100%;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 0;
    border: none;
    font-size: 24px;
    background: #f5f7f7;
    margin: 0 0 10px 0;
    padding: 10px 20px 15px;
    color: #1e1e1e;
    display: flex;
}

.cnt-s-toggle {
	display: none;
}
.cnt-s-Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background: #1068E0;
}
.cnt-s-Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.cnt-s-Label,
.cnt-s-more-content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.cnt-s-more-content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
}
.cnt-s-toggle:checked + .cnt-s-Label + .cnt-s-more-content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.cnt-s-toggle:checked + .cnt-s-Label::before {
	transform: rotate(-45deg) !important;
}


.treasure-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.treasure-box a{
    width: 100%;
}
.treasure-menu{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    margin: 0 auto 0 auto;
    max-width: initial;
}
.treasure-menu:last-child a{ border:none;}
.treasure-menu .icon{
    max-width: 52px;
    width: 9%;
    margin: 0 auto;
}
.treasure-menu .icon img{ width: 100%;}
.treasure-menu .title_set{
    width: 78%;
    margin: 0 auto 0 0;
}
.treasure-menu .title_set .title{
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    color: #C80000;
    margin: 10px 0 10px 0;
}
.treasure-menu .title_set .txt{
    font-size: 14px;
    text-align: left;
    color: #606060;
    margin: 0 0 10px 0;
}
.treasure-menu .icon2{
    max-width: 13px;
    width: 1.5%;
}
.treasure-menu .icon2 img{ width: 100%;}






.cnt-select{}

.cnt-select select{
    width: 100%;
    padding: 13px 15px;
    font-size: 24px;
}
.col-manual-plus-btn {
    position: relative;
    width: 100%;
    margin: 50px 0 30px;
    padding: 0 0 30px 0;
    border-bottom: solid 1px #ccc;
}
.col-manual-plus-btn input[type=submit] {
    font: 24px/34px sans-serif;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0;
    padding: 10px;
    transition: 0.3s;
    border: 1px solid #1b2538;
    border-radius: 4px;
    outline: none;
    background: #efefef;
}
.col-manual-plus-btn input[type=submit]:focus {
    border-color: #da3c41;
}
.col-manual-plus-btn input[type=submit] {
    padding-left: 40px;
}
.col-manual-plus-btn i {
    position: absolute;
    top: 8px;
    left: 0;
    padding: 6px 15px 6px 15px;
    transition: 0.3s;
    color: #aaaaaa;
    font-size: 24px;
}
.col-manual-plus-btn input[type=submit]:focus + i {
    color: #da3c41;
}


.list-item{
    opacity: 1;
}
.list-item.is-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
}
.list-btn {
    margin: 0 0 30px 0;
}
.list-btn.is-btn-hidden{
    display:none;
}
.list-btn button {
    background: #FFF;
    cursor: pointer;
    outline: none;
    width: 100%;
    display: block;
    border: solid 1px #C80000;
    color: #C80000;
    font-size: 14px;
    padding: 10px;
    max-width: inherit;
    margin: 0px 0 0 0;
    border-radius: 4px;
}
.cnt-search-theme-check-set li{ width: 100%; margin: 0;}
.cnt-search-theme-check-set li:nth-child(1){ width: 100%; margin: 0 !important;}

.save_area{
    position: fixed !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #4E9ABE;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    filter: drop-shadow(0 0px 5px rgba(0,0,0,0.6));
}
.save_btn{
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
}
.save_btn a{
    width: 100%;
    display: block;
    background: #FFF;
    margin: 0 auto;
    text-align: center;
    padding: 13px 10px;
    font-size: 18px;
    font-weight: bold;
    border: solid 2px #2b769a;
    color: #2b769a;
}

.infomation-btn{}
.infomation-btn a{
    width: 90%;
    display: block;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    background: #C80000;
    border-radius: 50px;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 17px;
    padding: 18px 0;
    margin: 40px auto;
}
.mail-box{
    border: solid 1px #c8a77e;
}
.re-mail-box{
    border-right: solid 1px #c8a77e;
    border-left: solid 1px #c8a77e;
    border-bottom: solid 1px #c8a77e;
    padding-top: 15px;
}
.mail-box-head{
    background: #c8a77e;
    color: #FFF;
    text-align: left;
    padding: 8px 15px;
    margin: 0 0 15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.mail-box-category{}
.mail-box-category:before{content: '\f02b';font-family: "Font Awesome 5 Free";color: #fff;font-weight: bold;margin: 0 10px 0 0;}
.mail-box-date{}
.mail-box-date:before{content: '\f274';font-family: "Font Awesome 5 Free";color: #fff;font-weight: bold;margin: 0 10px 0 0;}
.mail-box-title{
    padding: 0 10px 10px;
    font-size: 18px;
    font-weight: bold;
}
.mail-box-title:before{content: '\f2b6';font-family: "Font Awesome 5 Free";color: #C80000;font-weight: bold;margin: 0 10px 0 0;}
.re-mail-box-title{
    padding: 0 10px 10px;
    font-size: 18px;
    font-weight: bold;
}
.re-mail-box-title:before{content: '\f3e5';font-family: "Font Awesome 5 Free";color: #C80000;font-weight: bold;margin: 0 10px 0 0;}

.mail-box-detail{
    padding: 0 10px 10px;
}
.mail-box-re-btn{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 5px 5px 0 0;
}
.mail-box-re-btn a{
    display: block;
    font-size: 18px;
    color: #C80000;
}
.mail-box-re-btn a:before{content: '\f3e5';font-family: "Font Awesome 5 Free";color: #C80000;font-weight: bold;margin: 0 5px 0 0;}

.mail-send-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.mail-send-back{
    width: 48%;
}
.mail-send-back a{
    color: #FFF;
    font-size: 20px;
    padding: 13px 20px;
    margin: 0 0 0 0;
    display: block;
    text-align: center;
    font-weight: normal;
    width: 100%;
    background: #999;
}

.mail-send-box .col-search-btn{
    width: 48%;
}


.form-txt{
    color: #c4191f;
    font-weight: bold;
    font-size: 24px;
    margin: 0 0 5px 0;
}
.login_error_top{
    max-width: 525px;
    border: solid 2px #bb171b;
    padding: 15px;
    text-align: center;
    background: #fff4f1;
    color: #bb171b;
    font-size: 20px;
    margin: 50px auto -30px;
}
.pass_message{
    margin: 0 0 50px 0;
    color: #c4191f;
    font-weight: bold;
}


.product-list-set{}
.product-list-menu{margin: 20px 0;}
.product-list-menu ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.product-list-menu li{
    width: 16.5%;
}
.product-list-menu a{
    display: block;
    text-align: center;
    background: #af0000;
    padding: 10px 5px;
    color: #FFF;
}
.product-list-menu .active{
    background: #810000;
}

.product-list{}
.product-list ul{}
.product-list li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #fff4f1;
    margin: 0 0 20px 0;
}

.product-th{
    width: 27%;
    padding: 1%;
    max-width: 250px;
}
.product-th img{
    width: 100%;
}
.product-detail{
    width: 53%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    flex-flow: column;
    height: 200px;
}
.product-category{
    background: #FFF;
    border: solid 2px #f55254;
    padding: 5px;
    width: 50%;
    max-width: 250px;
    text-align: center;
    color: #f55254;
    font-weight: bold;
}
.product-title{
    color: #f55254;
    font-weight: bold;
    font-size: 20px;
}
.product-txt{}
.product-more-btn{
    width: 100%;
}
.product-more-btn a{
    background: #C80000;
    color: #FFF;
    padding: 10px;
    width: 100%;
    text-align: center;
}
.product-more-btn2{
    width: 100%;
    background: #646464;
    color: #FFF;
    padding: 10px;
    width: 100%;
    text-align: center;
}

.product-num{
    width: 20%;
    font-size: 16px;
}
.product-num span{
    font-size: 26px;
}

.chat_wall{
    background: #ffffff;
    width: 90%;
    max-width: 1020px;
    margin: 0px auto;
    padding: 0;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 10%);
}
.chat_head{
    position: fixed;
    top: 0;
    max-width: 1020px;
    width: 100%;
    z-index: 7;
}

.chat_back{
    width: 44px;
    margin: 0 15px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.chat_back a{
    display: block;
    padding: 3px 15px;
    transform: scale(-1, 1);
}
.chat_back img{ width: 100%;}

.chat_search_form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 12px 0 0 0;
}
.chat_head_set{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#af0000+0,800000+100 */
    background: #3c3c3c; /* Old browsers */
     /* FF3.6-15 */
     /* Chrome10-25,Safari5.1-6 */
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     /* IE6-9 */
    position: relative;
    padding: 15px 10px;
    display: flex;
    flex-wrap: wrap;
 }
.chat_head_title{
    color: #FFF;
    font-size: 24px;
    max-width: 30em;
    display: flex;
    align-items: center;
}
.chat_head_title span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.search_icon{
    width: 40px;
    position: absolute;
    right: 15px;
    top: 18px;
}
.search_icon img{ width: 100%;}
.csf_form{width: calc(100% - 60px);}
.csf_form input{
    border-radius: 10px;
    border: none;
    width: 100%;
    font-size: 20px;
    padding: 5px 15px;
}
.csf_form input::placeholder{ color: #c8c8c8;}
.csf_icon{
    width: 40px;
    margin: 0 0 0 auto;
}
.csf_icon input{
    width: 100%;
}


.search_icon_off{display: none;}
.toggle.active .search_icon_off{display: block;margin: 0 0 0 0;}
.toggle.active .search_icon_on{ display: none;}

.chat_icon1:before{content: '';background: url(../img/h_icon_8.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.7em;display: inline-block;vertical-align: middle;margin-right: 0.5em;margin-top: 6px;margin-bottom: -2px;}

.chat_list{
    margin: 20px 0 20px 0;
}
.chat_list ul{}
.chat_list li{}
.chat_list li a{}
.chat_list_box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px 0 10px 20px;
}
.chat_list li:last-child .chat_list_box:after{ height: 0;}
.chat_list_box:after{content:'';height: 1px;background: #ccc;display: block;width: calc(100% - 80px);margin: 10px 0 0 auto;}
.chat_list_th{
    width: 66px;
}
.chat_list_th img{ width: 100%;}
.chat_title{
    color: #646464;
    margin: 0 0 0 20px;
    font-size: 18px;
}
.chat_count{
    margin: 0 20px 0  auto;
    background: #c8a77e;
    padding: 8px 10px;
    color: #FFF;
    border-radius: 100px;
}

.chat_detail_list{
    margin: 80px 0 0 0;
}
.chat_detail_list ul{
    margin: 0 0 20px 0;
}
.chat_detail_list li{}
.chat_detail_box{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.cdb_th{
    width: 57px;
    margin: 20px 10px 10px 20px;
}
.cdb_th img{
    width: 100%;
}
.cdb_txt{
    width: calc(100% - 110px);
    text-align: left;
}
.cdb_name{
    color: #C80000;
    font-size: 16px;
    margin: 25px 0 0 0;
    font-weight: 700;
}
.cdb_time{
    margin: 0 0 0 auto;
    position: absolute;
    top: 25px;
    right: 20px;
    color: #646464;
}
.cbd_txt_detal{
    margin: 10px 0 20px 0;
}

.chat_action_box{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    align-items: center;
    margin: 10px 0 10px auto;
    width: calc(100% - 83px);
    text-align: left;
}
.chat_action_left{
    /* width: 70%; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.chat_action_left a{
    display: block;
    margin: 0 10px 0 0;
    color: #c8c8c8;
}
.ca_1{}
.ca_1:before{content: '';background: url(../img/chat_icon_1.png) no-repeat;background-size: 100% auto;width: 1.2em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.1em;}
.ca_2{}
.ca_2:before{content: '';background: url(../img/chat_icon_2.png) no-repeat;background-size: 100% auto;width: 1.2em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.1em;}
.ca_3{}
.ca_3:before{content: '';background: url(../img/chat_icon_3.png) no-repeat;background-size: 100% auto;width: 1.2em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.1em;}
.ca_4{}
.ca_4:before{content: '';background: url(../img/chat_icon_4.png) no-repeat;background-size: 100% auto;width: 1.2em;height: 1.3em;display: inline-block;vertical-align: middle;margin-right: 0.1em;}
.chat_action_right{
    /* width: 30%; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 0 auto;
}
.like_box{
    background: #e8eff9;
    padding: 5px 10px;
    color: #C80000;
    border-radius: 4px;
    margin: 0 10px 0 0;
}
.like_box:before{content: '';background: url(../img/chat_icon_7.svg) no-repeat;background-size: 100% auto;width: 1.0em;height: 1.2em;display: inline-block;vertical-align: middle;margin-right: 0.3em;}
.like_box:hover{color: #C80000;}
.like_box.active{
    background: #C80000;
    color: #FFF;
}
.like_box.active:before{
    background: url(../img/chat_icon_8.svg) no-repeat;
    background-size: 100% auto;
}
.like_count{
    background: #FFF;
    padding: 4px 10px;
    color: #C80000;
    border-radius: 4px;
    margin: 0 20px 0 0;
    border: solid 1px #C80000;
}
.day_title{width: 20%;margin: 20px auto;background: #646464;color: #FFF;border-radius: 50px;min-width: 200px;}

.cbd_quote_box{}
.cbd_quote_head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #10a5ff;
    margin: 0 0 10px 0;
}
.cbd_quote_head:before{content:'';background: url(../img/chat_icon_6.svg) no-repeat;background-size: 100% auto;width: 1.6em;height: 1.7em;display: inline-block;vertical-align: middle;margin-right: 0.6em;}
.cbd_quote_icon{
    width: 32px;
    margin: 0 0.6em 0 0;
}
.cbd_quote_icon img{
    width: 100%;
}
.cbd_quote_name{
    margin: 0 1.5em 0 0;
}
.cbd_quote_time{}
.cbd_quote_detail{
    border-left: solid 1px #646464;
    padding: 0 0 0 10px;
    margin: 0 0 20px 10px;
}

.cdb_re_box{
    display: flex;
    flex-wrap: wrap;
    margin: 0 10px 0 0;
}
.re_left{
    background: #C80000;
    color: #FFF;
    border-radius: 4px 0 0 4px;
    padding: 2px 4px;
    border: solid 1px #C80000;
    font-weight: 700;
}
.re_left:before{content:'';background: url(../img/chat_icon_5.png) no-repeat;background-size: 100% auto;width: 1em;height: 1.2em;display: inline-block;vertical-align: middle;margin-right: 0.3em;}
.re_right{
    background: #FFF;
    color: #C80000;
    border-radius: 0px 4px 4px 0px;
    padding: 2px 4px;
    border: solid 1px #C80000;
}
.cbd_re_head:before{ content: none;}
.cdb_to_box{
    background: #C80000;
    color: #FFF;
    border-radius: 4px;
    padding: 2px 4px;
    border: solid 1px #C80000;
    font-weight: 700;
    margin: 0 10px 0 0;
}
.chat_form{
}
.chat_form_box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #3c3c3c;
    bottom: 0;
    width: 100%;
    padding: 10px 10px;
    left: 0;
    right: 0;
    max-width: 1020px;
    margin: 0 auto;
}
.chat_file{
    width: 30px;
    margin: 10px;
    cursor: pointer;
}
.chat_file input{display: none;}
.chat_txtform{
    width: calc(100% - 160px);
}
.chat_txtform input{
    border: none;
    background: #FFF;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
}
.chat_send{
    margin: 0 10px 0 auto;
}
.chat_send input{
    background: #C80000;
    color: #FFF;
    border: none;
    border-radius: 5px;
    padding: 5px 30px;
}
.filelabel{display: inline-block;}
.filelabel img{
    width: 100%;
}
.chat_form_box label{
    margin: 0;
}
.chat_delete{
    font-weight: normal;
    margin: 0;
    cursor: pointer;
}
.chat_delete_select{
    margin: 40px 0  20px;
    width: 100%;
}
.chat_delete_select ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    justify-content: space-between;
}
.chat_delete_select li{
    width: 48%;
    margin: 0;
}
.chat_delete_select li a{
    border: solid 1px #646464;
    border-radius: 50px;
    color: #646464;
    padding: 5px 20px;
    width: 100%;
}
.chat_delete_select li:nth-child(2) a{
    border: solid 1px #C80000;
    color: #fff;
    background: #C80000;
}
.chat_delete_select li a label{
    font-weight: normal;
    margin: 0;
    width: 100%;
    cursor: pointer;
}





.popup {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  z-index: 2;
  position: relative;
  align-self: center;
  width: 90%;
  max-width: 460px;
  padding: 5px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
  border-radius: 0;
  background-color: rgba(255,255,255,1);
  box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 10%);
  border-radius: 20px;
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  display: none;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.65);
  z-index: 1;
  cursor: pointer;
}

.chat_kiyaku_t{
    color: #d2262b;
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    margin: 0 0 20px 0;
}
.chat_kiyaku_list{margin: 0 0 20px 0;}
.chat_check_box{
    width: 40px;
}
.chat_check_box input{
    display: block;
    width: 50px;
}
.chat_check_txt{
    width: 100%;
    font-size: 14px;
    text-align: left;
}
.chat_kiyaku_send{
    width: 100%;
}
.chat_kiyaku_send input{
    width: 90%;
    max-width: 280px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
    background: #C80000;
    border-radius: 50px;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 17px;
    padding: 18px 0;
    margin: 30px 0 40px 0;
}
.chat_kiyaku_list label{
    margin: 0;
    font-weight: normal;
    display: block;
    display: flex;
    flex-wrap: wrap;
}
.chat_kiyaku_list input[type=checkbox] {
    display: none;
}
.checkbox-a {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 00px 5px 40px;
    position: relative;
    width: auto;
}
.checkbox-a::before {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox-a::after {
    border-right: 6px solid #C80000;
    border-bottom: 3px solid #C80000;
    content: '';
    display: block;
    height: 20px;
    left: 12px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 9px;
}
.chat_kiyaku_list input[type=checkbox]:checked + .checkbox-a::before {
    border-color: #666;
}
.chat_kiyaku_list input[type=checkbox]:checked + .checkbox-a::after {
    opacity: 1;
}

.chat_list_bg{
    overflow: inherit;
    padding: 40px 0 0 0;
}
.chat_list_wall{
    overflow: inherit;
}
.chat_list_head{
    position: sticky;
}


.cnt-search-detail .cnt-search-title,.cnt_st_bg2{
    background: #c8a77e;
    color: #FFF;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 0 0 10px 0;
}
.cnt-search-title2{
    color: #3c3c3c;
    padding: 5px 10px 5px 0;
    margin: 0 0 0px 0;
    text-align: left;
    font-weight: bold;
}
.cnt-search-detail .ts_box2 li{width: 49%;}

.hina_quote{display: flex;align-items: center;margin: 30px 0 20px;justify-content: end;}
.hina_quote a{
    width: 100%;
    max-width: 40px;
}
.hina_quote img{
    width: 100%;
}

.ta_cal_box{}
.tac_set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px 0;
}
.tac_title{
    color: #3c3c3c;
    font-size: 16px;
    font-weight: bold;
    width: 20%;
}
.tac_form{
    width: 72%;
}
.tac_form input{
    border: solid 1px #aaaaaa;
    font-size: 24px;
    padding: 12px 15px;
    position: relative;
}
.tac_unit{
    color: #aaaaaa;
    width: 6%;
    align-self: flex-end;
}

.tac_cal{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00d9ff+0,10a5ff+100 */
    background: #e9504e; /* Old browsers */
     /* FF3.6-15 */
     /* Chrome10-25,Safari5.1-6 */
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     /* IE6-9 */
    padding: 0;
    border-radius: 7px;
    max-width: 360px;
    margin: 0 auto 66px;
}
.tac_cal input{
    outline: none;
    border: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00d9ff+0,10a5ff+100 */
    background: #e9504e; /* Old browsers */
     /* FF3.6-15 */
     /* Chrome10-25,Safari5.1-6 */
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     /* IE6-9 */
    color: #FFF;
    border-radius: 6px;
    font-family: FontAwesome;
    padding: 12px 0;
    margin: 1px;
    width: calc( 100% - 2px );
    font-size: 17px;
}
.tac_cal input:before{content:'';background: url(../img/check_icon_01.svg) no-repeat;background-size: 100% auto;width: 1.3em;height: 1.4em;display: inline-block;vertical-align: middle;margin-right: 0.5em;}
.tac_cal input:hover{
	background: #FFF;
	color: #e9504e;
}

.tac_result{
    margin: 30px 0 30px 0;
    border-top: solid 1px #aaaaaa;
    padding: 20px 0 0 0;
}
.tacr_set{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 10px 0;
}
.tacr_title{
    color: #3c3c3c;
    font-size: 16px;
    font-weight: bold;
    width: 40%;
}
.tacr_num{
    font-size: 30px;
}
.tacr_num span{
    font-size: 14px;
    margin: 0 22px 0 7px;
}

.tacr_pdf{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00dee5+0,00bec8+100 */
    background: #46C24E; /* Old browsers */
     /* FF3.6-15 */
     /* Chrome10-25,Safari5.1-6 */
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     /* IE6-9 */
    position: relative;
    padding: 1px;
    border-radius: 7px;
    max-width: 360px;
    margin: 0 auto 66px;
}
.tacr_pdf a{
    background: no-repeat;
    color: #FFF;
    display: block;
    text-align: center;
    padding: 12px 0;
    border-radius: 6px;
    font-size: 17px;
}
.tacr_pdf a:hover{
    background: #FFF;
    color: #46C24E;
    opacity: 1;
}

.cnts_desb{text-align: left;background: #f5f5f5;padding: 10px;}

.content_wall input:focus{
    outline: solid 2px #C80000;
    border: solid 1px #FFF;
}

.thsr_box{
    margin: 20px 0 0 0;
}
.thsr_set{
    color: #3c3c3c;
    border-bottom: solid 1px #e8e9e9;
    padding: 0 0 10px 0px;
    margin: 15px 0;
}
.thsr_head_set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.thsr_day{
    font-size: 14px;
}
.thsr_status{
    background: #C80000;
    border: solid 1px #C80000;
    color: #FFF;
    font-size: 11px;
    padding: 2px 10px;
    margin: 0 0 0 auto;
}
.thsr_brand_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.thsr_b_no{
    margin: 0 8px 0 0;
}
.thsr_b_name{
    font-size: 24px;
    margin: 0 8px 0 0;
}
.thsr_b_status{}
.thsr_foot{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.thsr_f_ptitle{
    color: #aaaaaa;
    margin: 0 10px 0 0;
}
.thsr_f_panum{}
.thsr_f_pnum{
    margin: 0 0 0 auto;
    font-size: 24px;
}
.thsr_f_pnum span{
    font-size: 14px;
    margin: 0 0 0 3px;
}
.thsr_b_status.buy{
    color: #DC1B2E;
}
.thsr_b_status.sell{
    color: #1068E0;
}
.thsr_f_pnum.plus{
    color: #DC1B2E;
}
.thsr_f_pnum.minus{
    color: #1068E0;
}
.thsr_status.thsrs_end{
    background: #FFF;
    color: #C80000;
    padding: 2px 4px;
}

.search_condition_box{}
.sc_set{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 40px 0;
}
.sc_title{
    border: solid 1px #C80000;
    border-radius: 50px;
    padding: 3px 10px;
    margin: 0 10px 10px 0;
    color: #C80000;
}

.hina_mikata_set{}
.hms_txt{
    font-size: 12px;
    line-height: 1.8;
    margin: 0 0 20px 0;
}
.hms_title{
    background: #C80000;
    color: #FFF;
    padding: 3px 7px;
    margin: 10px 0;
    max-width: max-content;
    border-radius: 4px;
    font-size: 12px;
}
.hms_stock_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px 0;
    padding: 10px;
}
.hmss_no{
    margin: 0 8px 0 0;
}
.hmss_title{
    font-size: 20px;
}
.hmss_btn_set{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 auto;
    align-items: center;
}
.hmssb_conf{}
.hmssb_conf a{
    color: #10a5ff;
    border-radius: 0;
    /* border: solid 1px #10a5ff; */
    padding: 5px 15px;
    margin: 0 10px 0 0;
    text-decoration: underline;
    font-size: 12px;
}
.hmssb_regist{}
.hmssb_regist label{
    background: #C80000;
    color: #FFF;
    font-weight: normal;
    padding: 6px 20px;
    border-radius: 50px;
    margin: 0;
    cursor: pointer;
    font-size: 12px;
}
.hms_pic_box{margin: 0 0 20px 0;}
.hms_stock_set.gbg{
    background: #f6f6f6;
}

.hsr-box{}
.hsr-box table{
    width: 100%;
}
.hsr-box tr{}
.hsr-box th{
    background: #31394d;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 10px;
}
.hsr-box td{
    padding: 13px 10px;
    border-bottom: solid 1px #e5e7e8;
}
.hsr-box tr:nth-child(odd) td{
    background: #f9fafb;
}
.hsr-box td:nth-child(1){}
.hsr-box td:nth-child(2){
    font-size: 20px;
    font-weight: bold;
}
.hsr-box td:nth-child(3){font-size: 20px;font-weight: bold;}
.hsr-box td:nth-child(4){
    font-size: 20px;
    font-weight: bold;
}
.hsr-box td:nth-child(5){}

.hsr-box.hyipo_list{}
.hsr-box.hyipo_list th:nth-child(2){
    text-align: center;
}
.hsr-box.hyipo_list th:nth-child(3){
    text-align: center;
}
.hsr-box.hyipo_list th:nth-child(4){
    text-align: center;
}
.hsr-box.hyipo_list td:nth-child(2){}
.hsr-box.hyipo_list td:nth-child(3){
    text-align: right;
}
.hsr-box.hyipo_list td:nth-child(4){
    text-align: center;
}

.hsr-box.hynp_list{
    margin: 20px 0 0 0;
}
.hsr-box.hynp_list th{}
.hsr-box.hynp_list th:nth-child(1){}
.hsr-box.hynp_list th:nth-child(2){}
.hsr-box.hynp_list th:nth-child(3){}
.hsr-box.hynp_list th:nth-child(4){}
.hsr-box.hynp_list th:nth-child(5){}
.hsr-box.hynp_list td{}
.hsr-box.hynp_list td:nth-child(1){
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.hsr-box.hynp_list td:nth-child(2){
    font-size: 14px;
}
.hsr-box.hynp_list td:nth-child(3){
    text-align: right;
}
.hsr-box.hynp_list td:nth-child(4){
    text-align: right;
}
.hsr-box.hynp_list td:nth-child(5){}

.indicator::before {
  content: "";
  height: 100px;
  width: 100px;
  position: absolute;
  border-top: 10px solid;
  border-right: 10px solid;
  transform: translateY(20px) translateX(50px) rotate(-45deg);
}

.indicator::after {
  content: "";
  height: 100px;
  width: 100px;
  position: absolute;
  border-top: 10px solid;
  border-right: 10px solid;
  transform: translateY(80px) translateX(50px) rotate(135deg);
}

.hsr-box.hynp_list th.sort {
  cursor: pointer;
  position: relative;
}

.hsr-box.hynp_list th.sort::before, .hsr-box.hynp_list th.sort::after {
  content: "";
  height: 8px;
  width: 8px;
  position: absolute;
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
  right: 10px;
  top: 50%;
}

.hsr-box.hynp_list th.sort::before {
transform: translateY(-8px) rotate(-45deg);
}
.hsr-box.hynp_list th.sort::after {
transform: translateY(2px) rotate(135deg);
}

.hsr-box.hynp_list th.sort.asc::before {
border-top-color: #858b9c;
border-right-color: #858b9c;
}
.hsr-box.hynp_list th.sort.desc::after {
border-top-color: #858b9c;
border-right-color: #858b9c;
}


.star_set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.star_set img{
    width: 15px;
}

.hsr-bland-set{}
.hrsb-name{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 2px 0;
}
.hrsb-category-set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 140px;
}
.hrsbc-no{
    font-size: 12px;
}
.hrsbc-category{
    font-size: 12px;
    color: #B88E5A;
    border: solid 1px #B88E5A;
    border-radius: 3px;
    padding: 2px 5px 0px;
}
.hrsbc-market{
    font-size: 12px;
    background: #B88E5A;
    color: #FFF;
    border-radius: 3px;
    padding: 2px 5px 0px;
    border: solid 1px #B88E5A;
}
.hsr-box td span{
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 0 2px;
}
.hsr-box td span.case{
    font-size: 20px;
    font-weight: normal;
    margin: 0 1px 0 0;
}
.hsr-box td.plus{
    color: #DC1B2E;
}
.hsr-box td.minus{
    color: #1068E0;
}
.hrs-btn-set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 148px;
    justify-content: space-between;
    margin: 0 0 0 auto;
}
.hrs-btn-set.hy_ipo{
    width: auto;
    margin: 0 auto;
    justify-content: center;
}
.hrs-more{}
.hrs-more a{
    background: #FFFF;
    display: block;
    border-radius: 4px;
    border: solid 2px #C80000;
    font-size: 12px;
    padding: 4px 7px;
    color: #C80000;
}
.hrs-regist{}
.hrs-regist label{
    background: #C80000;
    display: block;
    border-radius: 4px;
    border: solid 2px #C80000;
    font-size: 12px;
    padding: 4px 7px;
    color: #fff;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
}
.hssd_set{}
.hssd_head{
    margin: 30px 0 0 0;
}
.hssd_h_bland_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: solid 1px #e5e7e8;
    padding: 0 15px 10px;
}
.hssd_h_no{
    font-size: 16px;
    margin: 0 15px 0 0;
}
.hssd_h_name{
    font-size: 24px;
    margin: 0 15px 0 0;
}
.hssd_h_market{
    font-size: 12px;
    background: #B88E5A;
    color: #FFF;
    border-radius: 3px;
    padding: 2px 5px 0px;
    border: solid 1px #B88E5A;
}
.hssd_h_regist{
    margin: 0 0 0 auto;
}
.hssd_h_regist label{
    background: #C80000;
    display: block;
    border-radius: 4px;
    border: solid 2px #C80000;
    font-size: 12px;
    padding: 4px 30px;
    color: #fff;
    margin: 0;
    font-weight: normal;
    cursor: pointer;
}
.hssd_h_b_num_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #e5e7e8;
    margin: 15px 0 0;
    padding: 0 15px 15px 15px;
}
.hssd_h_bprice{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hssd_h_bp_title{
    font-size: 16px;
    margin: 0 10px 0 0;
}
.hssd_h_bp_num{
    font-size: 26px;
    font-weight: bold;
}
.hssd_h_bp_unit{
    font-size: 14px;
    align-self: end;
    margin: 0 0 4px 3px;
}
.hssd_h_bratio{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hssd_h_br_title{
    font-size: 16px;
    margin: 0 10px 0 0;
}
.hssd_h_br_num{
    font-size: 26px;
    font-weight: bold;
}
.hssd_h_br_num span{
    font-weight: normal;
}
.hssd_h_br_num.plus,.hssd_h_br_unit.plus{color: #DC1B2E;}
.hssd_h_br_num.minus,.hssd_h_br_unit.minus{color: #1068E0;}
.hssd_h_br_unit{
    font-size: 14px;
    align-self: end;
    margin: 0 0 4px 3px;
}
.hssd_h_brratio{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hssd_h_brr_title{
    font-size: 16px;
    margin: 0 10px 0 0;
}
.hssd_h_brr_num{
    font-size: 26px;
    font-weight: bold;
}
.hssd_h_brr_unit{
    font-size: 14px;
    align-self: end;
    margin: 0 0 4px 3px;
}
.hssd_content{}
.hssd_category_set{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0 0;
    padding: 0 15px 20px 15px;
}
.hssd_c_name1{
    font-size: 14px;
    background: #B88E5A;
    color: #FFF;
    border-radius: 3px;
    padding: 3px 8px 3px;
    margin: 0 5px 0 0;
    border: solid 1px #B88E5A;
}
.hssd_c_name2{
    font-size: 14px;
    background: #FFF;
    color: #B88E5A;
    border-radius: 3px;
    padding: 3px 8px 3px;
    margin: 0 5px 0 0;
    border: solid 1px #B88E5A;
}
.hssd_c_detail_set{
    padding: 0 15px 15px 15px;
}
.hssd_c_detail_set ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hssd_c_detail_set li{
    width: 32%;
}
.hssd_cd_head{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #ccc;
    border-radius: 8px;
    padding: 5px 14px;
    color: #FFF;
}
.hssd_cd_h_title{text-align: left;font-size: 15px;}
.hssd_cd_h_rank{
    font-size: 41px;
    font-weight: bold;
}
.hssd_cd_content{}
.hssd_cd_c_set{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #e5e7e8;
    padding: 6px 10px;
    background: #f9fafb;
}
.hssd_cd_c_s_title{
    font-size: 13px;
}
.hssd_cd_c_s_rank{
    font-size: 20px;
    font-weight: bold;
}
.hssd_cd_c_s_rank.check{
    font-size: 30px;
    line-height: 1;
}
.hssd_cd_content .hssd_cd_c_set:nth-child(odd){
    background: #FFF;
}
.rankAbg{
    background: #ff6e37;
}
.rankBbg{
    background: #00d48e;
}
.rankCbg{
    background: #03acff;
}
.rankA{
    color: #ff6e37;
}
.rankB{
    color: #00d48e;
}
.rankC{
    color: #03acff;
}

.hina_d_calendar_top{
    margin: 0 0 60px 0;
}
.hina_d_ct_head{
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    border-bottom: solid 1px #e5e7e8;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}
.hina_d_cth_left{
    display: flex;
    flex-direction: column;
    width: auto;
    height: 112px;
    align-items: center;
    justify-content: center;
    background: #ccc;
    border-radius: 12px;
    color: #FFF;
    margin: 0 15px 0 0;
}
.hina_d_ct_ad{
    font-size: 13px;
    width: 112px;
    text-align: center;
}
.hina_d_ct_day{
    font-size: 50px;
    line-height: 1;
}
.hina_d_ct_dweek{
    font-size: 13px;
}
.hina_d_cth_right{
    width: 100%;
}
.hina_d_ctr_title{
    font-size: 24px;
    font-weight: bold;
}
.hina_d_ctr_title2{
    font-size: 18px;
    color: #10a5ff;
    margin: 8px 0 10px;
    font-weight: bold;
}
.hina_d_ctr_detail{
    font-size: 15px;
}
.hina_d_ct_content{}
.hina_d_ctc_ip{
    width: 100%;
    display: flex;
    border-bottom: solid 1px #e5e7e8;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    /* align-items: center; */
}
.hina_d_ctc_ip_left{
    width: 112px;
    background: #B88E5A;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin: 0 15px 0 0;
    font-size: 14px;
    padding: 8px 0 6px;
    height: max-content;
}
.hina_d_ctc_ip_right{
    font-size: 15px;
    width: calc( 100% - 127px);
}
.hina_d_ctc_ipr_txt{}
.hina_d_ctc_foot{
    display: flex;
}
.hina_d_ctcf_left{
    display: flex;
    align-items: center;
    width: 49%;
}
.hina_d_ctcf_title{
    width: 112px;
    background: #B88E5A;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin: 0 15px 0 0;
    padding: 5px 0 4px;
    font-size: 14px;
}
.hina_d_ctcf_num_set{
    font-size: 26px;
    margin: 0 15px 0 0;
    font-weight: bold;
}
.hina_d_ctcf_num_set span{
    font-size: 14px;
    font-weight: normal;
}
.hina_d_ctcf_more{}
.hina_d_ctcf_more a{
    color: #C80000;
    text-decoration: underline;
}
.hina_d_ctcf_right{
    display: flex;
    align-items: center;
    width: 49%;
}
.hina_d_cl_set{
    display: flex;
}
.hina_d_cl_set .hina_d_ctcf_left{
    width: 100%;
    margin: 0 0 10px 0;
}
.hina_d_cl_set .hina_d_ctcf_right{
    width: 100%;
    margin: 0 0 10px 0;
}
.hina_d_cl_set .hina_d_ctc_ip{
    border: none;
    padding: 0;
}
.hina_d_ctc_memo{
    display: flex;
    /* flex-wrap: wrap; */
    width: 100%;
    border-top: solid 1px #e5e7e8;
    padding: 15px 0 0 0;
    margin: 0 0 15px 0;
}
.hina_d_ctc_memo .hina_d_ctc_ip_left{
    width: 112px;
    background: #B88E5A;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin: 0 15px 0 0;
    padding: 5px 0 4px;
    font-size: 14px;
}
.hina_d_c_more{}
.hina_d_c_more a{
    background: #000000;
    display: block;
    border-radius: 100px;
    border: solid 2px #000000;
    font-size: 13px;
    padding: 5px 7px;
    color: #FFF;
    text-align: center;
    width: 243px;
    margin: 20px auto 20px;
    font-weight: bold;
}
.hina_d_cth_left.weekday{
    background: #46C24E;
}
.hina_d_cth_left.sat{
    background: #1068E0;
}
.hina_d_cth_left.sun{
    background: #C80000;
}
.hina_d_calendar_list{
    border-bottom: solid 1px #e5e7e8;
    margin: 0 0 35px 0;
    padding: 0 0 10px 0;
}

.memo_box{
    margin: 10px 0 40px 0;
}
.memo_title{}
.memo_box textarea{}
.hina_d_ctc_ip_right textarea{
    width: 100%;
    height: 10rem;
    resize: none;
}
.posting_btn{}
.posting_btn a{
    background: #C80000;
    display: block;
    border-radius: 4px;
    border: solid 2px #C80000;
    font-size: 12px;
    padding: 1px 7px;
    color: #fff;
    margin: 0 0 0 10px;
    font-weight: normal;
}

.nikkei_average{}
.na_head{
    display: flex;
    flex-wrap: wrap;
}
.na_h_set{
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0 0 10px 0;
}
.na_h_title{
    font-size: 24px;
    font-weight: bold;
}
.na_h_day{
    font-size: 12px;
    background: #C80000;
    color: #FFF;
    border-radius: 3px;
    padding: 2px 5px 2px;
    border: solid 1px #C80000;
    margin: 0 0 0 15px;
}
.na_h_set2{
    display: flex;
    align-items: center;
    margin: 0 40px 0 0;
}
.na_hs2_title{
    font-size: 15px;
    margin: 0 15px 0 0;
}
.na_hs2_num{
    font-size: 26px;
    font-weight: bold;
}
.na_hs2_unit{
    font-size: 14px;
    align-self: end;
    margin: 0 0 5px 3px;
}
.na_content{
    margin: 15px 0 30px 0;
}
.na_content ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.na_content li{
    width: 23%;
}
.nac_set{
    display: flex;
    align-items: center;
    border: solid 1px #e5e7e8;
    padding: 0 10px;
    justify-content: space-between;
    height: 58px;
    border-radius: 5px;
}
.nac_s_title{
    font-size: 14px;
}
.nac_s_rank{}

.nac_s_rank.rankA img{
    font-size: 24px;
    font-weight: bold;
    width: 26px;
}
.nac_s_rank.rankB img{
    font-weight: bold;
    font-size: 22px;
    width: 27px;
}
.nac_s_rank.rankC img{
    font-weight: bold;
    font-size: 36px;
    width: 22px;
}

.event_calender_check{
    margin: 0 0 15px 0;
}
.event_calender_check input{
    width: 100%;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: solid 2px #c8c8c8;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
}
.event_calender_pull{
    margin: 0 0 35px 0;
}
.event_calender_pull select{
    width: 100%;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: solid 2px #c8c8c8;
    font-size: 14px;
    padding: 10px 15px;
    position: relative;
}

.mt0{ margin-top:0px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt25{ margin-top:25px !important;}
.mt30{ margin-top:30px !important;}

.mb0{ margin-bottom:0px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb30{ margin-bottom:30px !important;}
.mb40{ margin-bottom:40px !important;}
.mb50{ margin-bottom:50px !important;}


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


.col_blue{
    color: #3ba4eb;
}
.col_red{
    color: #f55254;
}

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

.info_send .addFriend { margin: 5% auto 5% auto;     width: 31.2%;}
input{ width:100%;}
.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; }
}


@media screen and ( max-width:1048px )
{



}


@media screen and ( max-width:768px )
{
    html{ overflow:auto;}
    body{ margin:0px; padding:0px; width:auto; background:none; overflow:hidden;}
    .content{
        max-width: 100%;
    }




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

    .mfrom {
        width: 100%;
        /* text-align: center; */
        outline: 0;
        border: #231815 2px solid;
        color: #a6a8a8;
        font-size: 3.4vw;
        margin: 0 auto 5% auto;
        padding: 1.5% 3%;
    }


    .sc1{position: relative;top: 0;margin:0 auto;left:0;right:0;padding: 3.3% 0 1.4% 0;z-index: 5;background: #fff;}
    .sc2{position:absolute;top: 32%;margin:0 auto;left:0;right:0;z-index: 10;}
    .sc3{position:absolute;top: 41%;margin:0 auto;left:0;right:0;z-index: 10;}

    .loop_css2 {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: 200vw;
        overflow: hidden;
        margin-bottom: 0;
    }

    .loop_css2 ul {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: 100%;
        margin: 0 0px 0 0px;
        padding: 0;
    }

    .loop_css2 li {
        display: inline-block;
        width: calc(100vw / 2);
        min-width: auto;
        max-width: initial;
        margin: 0 1% 0 1%;
        list-style: none;
        text-align: center;
    }

    .loop_css2 li a {
        display: block;
    }

    .loop_css2 li img {
        display: block;
        width: 100%;
        height: auto;
    }

    .loop_css2 li a:hover {
        opacity: .7;
    }

    .loop_css2 ul:first-child {
        -webkit-animation: loop 50s -25s linear infinite;
        animation: loop 50s -25s linear infinite;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform;
    }

    .loop_css2 ul + ul {
        -webkit-animation: loop2 50s  linear infinite;
        animation: loop2 50s linear infinite;
    }


    @-webkit-keyframes loop {
        0% {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
        }
        to {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    @keyframes loop {
        0% {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
        }
        to {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
        }
    }

    @-webkit-keyframes loop2 {
        0% {
            -webkit-transform: translateX(-200%);
            -ms-transform: translateX(-200%);
            transform: translateX(-200%);
        }
        to {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes loop2 {
        0% {
            -webkit-transform: translateX(-200%);
            -ms-transform: translateX(-200%);
            transform: translateX(-200%);
        }
        to {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }



    .loop_css3 {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: 100vw;
        overflow: hidden;
        margin-bottom: 0;
    }

    .loop_css3 ul {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row nowrap;
        flex-flow: row nowrap;
        width: 100%;
        margin: 0 0px 0 0px;
        padding: 0;
    }

    .loop_css3 li {
        display: inline-block;
        width: calc(100vw / 2);
        min-width: auto;
        max-width: initial;
        margin: 0 1% 0 1%;
        list-style: none;
        text-align: center;
    }

    .loop_css3 li a {
        display: block;
    }

    .loop_css3 li img {
        display: block;
        width: 100%;
        height: auto;
    }

    .loop_css3 li a:hover {
        opacity: .7;
    }

    .loop_css3 ul:first-child {
        -webkit-animation: loop3 50s -25s linear infinite;
        animation: loop3 50s -25s linear infinite;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform;
    }

    .loop_css3 ul + ul {
        -webkit-animation: loop4 50s  linear infinite;
        animation: loop4 50s linear infinite;
    }


    @-webkit-keyframes loop3 {
        0% {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
        }
        to {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }

    @keyframes loop3 {
        0% {
            -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
            transform: translateX(100%);
        }
        to {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
        }
    }

    @-webkit-keyframes loop4 {
        0% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        to {
            -webkit-transform: translateX(-200%);
            -ms-transform: translateX(-200%);
            transform: translateX(-200%);
        }
    }

    @keyframes loop4 {
        0% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
        to {
            -webkit-transform: translateX(-200%);
            -ms-transform: translateX(-200%);
            transform: translateX(-200%);
        }
    }



}

@media screen and ( max-width:600px )
{


}

@media screen and ( max-width:425px )
{

}

}
@media screen and ( max-width:414px )
{

}


@media screen and ( max-width:393px )
{

}


@media screen and ( max-width:375px )
{


}

@media screen and ( max-width:360px )
{


}

@media screen and ( max-width:320px )
{


}
}
.header li{
    text-align: center !important;
}
.header ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.header li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.footer .foot_menu ul {
    display: flex !important;
    flex-wrap: wrap !important;;
    max-width: 310px !important;;
    margin: 0 auto !important;;
    justify-content: space-between !important;;
    align-items: center !important;
    width: 100% !important;
    list-style: none !important;
}
.footer li {
    list-style: none !important;
    text-align: center !important;
}
.foot_menu li{
    width: 50% !important;
    max-width: 145px !important;
}