@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;
}
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;
}

.open_btn_jc {
    background: #1068E0 !important;
    border: solid 2px #1068E0 !important;
}

.help_btn{
    max-width: 140px;
    width: 39%;
    float: right;
    margin: 3% 0 4% 0%;
}
.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: 100%;
}
.hbs_th{
    width: 100%;
    margin: 0 0 5%;
}
.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: 5% auto 8%;
    border-radius: 8px;
}

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


.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;}
.account_box {
    margin: 0 0 10% 0;
}
.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;
}
.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;
    }
}
.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: 6.4vw;
    padding: 5% 0;
    margin: 10% 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;}

.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: 100%;
}
.link-content a{
    display: block;
    background: #fff4f1;
    border: solid 2px #bb171b;
    padding: 10px 5px;
    margin: 0 0 15px 0;
    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;
    }

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

.sc1{position: relative;top: 0;left:0;right:0;padding: 1.7% 0 1.4% 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;
    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%);
    }
  }


/*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;
}

.logo{
    margin: 0 0 0 20px;
    width: 40%;
    max-width: 244px;
}
.logo img{
    width: 100%;
}

.user_table{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 0 auto;
}
.user_box{
    display: none;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin: 0 10px 20px 0;
}
.user_box .user_set{
    color: #FFF;
}
.user_box .th{
    margin: 0 10px 0 0;
}
.user_box .name{
    font-size: 20px;
}
.user_box .name span{
    font-size: 12px;
    margin: 0 0 0 10px;
}
.user_box .rank{
    font-size: 12px;
}

.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: #fff4f1;
    border: solid 2px #bb171b;
    padding: 10px 5px;
    margin: 0 10px;
    color: #bb171b;
    font-size: 14px;
    font-weight: bold;
    width: 100px;
}


#nav-drawer {display: block;position: absolute;width: 11%;height: 56px;z-index: 9999;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: 1.0rem;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: '\f0c9';
  cursor: pointer;
  color: #C80000;
  font-size: 23px;
  border: solid 1px #C80000;
  padding: 4px 10px;
}

#nav-closer {
  display: none;
  position: fixed;
  z-index: 9999;
  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{
    width: 100%;
}
#nav-content li{
    width: 100%;
}
#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/bg03.png) no-repeat #C80000;
    background-size: cover;
    background-position: center top;
    padding: 10% 0 5%;
    border-radius: 20px;
    margin: 2px 0 0 0;
}

.t_h_box{
    width: 90%;
    max-width: 863px;
    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: initial;
    width: 100%;
    margin: 0 10px 0 0;
}
.t_h_box li:nth-child(2){
    max-width: initial;
    position: relative;
    width: 100%;
    min-height: auto;
}
.t_h_box li:nth-child(2):before{content:'';display: block;padding-top: 57%;}
.t_h_box .th{width: 100%;max-width: initial;}
.t_h_box .th img{
    width: 100%;
}
.t_h_box .title_box{
    border-top: solid 1px #FFF;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
}
.t_h_box .title_box .title{
    text-align: center;
    font-size: 7.2vw;
    color: #FFF;
    font-weight: bold;
}
.t_h_box .title_box .sub_title{
    text-align: left;
    color: #FFF;
    font-size: 3.4vw;
    margin: 10px 0 20px 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;
}
.pickup_mov .youtube{
    padding-top: 50.9%;
    position: relative;
}
.pickup_mov .youtube iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.gnav{
    max-width: 920px;
    margin: 5% auto 0 auto;
    width: 90%;
}
.gnav ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gnav ul:after {
    content: '';
    display: block;
    position: relative;
    width: 32%;
    margin: 0 0 0 0;
    height: 1px;
}
.gnav li{
    position: relative;
    width: 32%;
    margin: 0 0 7px 0;
}
.gnav li:before{content:'';}
.gnav li:last-child:before,.gnav li:nth-child(4):before{ content: none;}
.gnav li:nth-child(5),.gnav li:nth-child(6),.gnav li:nth-child(7),.gnav li:nth-child(8){ border-bottom:none;}
.gnav li:last-child{margin: 0;}
.gnav li a{
    display: block;
}
.gnav li .icon{
    width: 100%;
    max-width: 100px;
}
.gnav li .icon img{
    width: 50%;
    margin: 0 auto;
}
.gnav li .title{
    color: #FFF;
    font-size: 2.8vw;
    padding: 0 0 10% 0;
}

main{background: #ededed;}
.tbs_bg{ background: #FFF;}
.top_banner_slider{
    display: initial;
    flex-wrap: initial;
    align-items: baseline;
    justify-content: flex-start;
    max-width: 2050px;
    margin: 0 auto;
}
.top_banner_slider .left_arrow{
    display: none;
}
.top_banner_slider .right_arrow{
    display: none;
}


.content_list{
    padding: 5% 3% 3%;
}
.content_list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1150px;
    margin: 0 auto;
}
.content_list li{
    width: 100%;
    background: #FFF;
    max-width: 600px;
    margin: 0 0 25px 0;
}
.content_list .title_box{
    min-height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0 0px;
    font-size: 16px;
    border-bottom: solid 2px #ededed;
    font-weight: bold;
}
.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{
    height: 14%;
}
.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_10{}
.content_list .t_icon_10:before{content: '';background: url(../img/h_icon_10.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 .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: 2% auto;
    width: 90%;
}
.content_list .content_box2{
    height: auto;
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 1% auto 4%;
    width: 90%;
}

.content_list .content_box3 {
    height: 86%;
    display: block;
    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;
    height: auto;
}

.content_list .content_box4{
    height: auto;
    display: block;
    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: auto;
    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;
}
.content_list .content_box2 a{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: auto;
    width: 100%;
}
.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%;
}
.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: 0 auto;
}
.news_box ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: initial;
    margin: 0 auto;
    width: 100%;
}
.news_box li{
    width: 100%;
    margin: 0 0 10px 0;
}
.news_box .news_bg{
    /* background: #fff4f1; */
    /* border-radius: 7px; */
    /* padding: 10px; */
}
.news_box .date{
    /* background: #f55254; */
    /* max-width: 100%; */
    /* text-align: center; */
    /* color: #FFF; */
    /* border-radius: 7px; */
    /* padding: 3% 3% 2%; */
    /* font-size: 3.4vw; */
}
.news_box .txt{
    font-size: 3.4vw;
    text-align: left;
    line-height: 150%;
    margin: 5% 0 0 0;
}
.news_box .more_btn{}
.news_box .more_btn a{
    text-align: right;
    display: block;
    font-size: 12px;
    margin: 8px 0 0 0;
    color: #B88E5A;
}
.news_box .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; */}

.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{
    /* background: #f5f5f5; */
}
.screening_set .more_btn a{
    /* display: block; */
    /* padding: 15px 0; */
    /* color: #f55254; */
    /* font-weight: bold; */
    /* font-size: 14px; */
}
.screening_set .more_btn a:after{content: '';/* background: url(../img/arrow3.png) no-repeat; *//* background-size: 73% auto; *//* width: 0.6em; *//* height: 1.1em; *//* display: inline-block; *//* vertical-align: middle; *//* margin-left: 0.5em; */}


.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;
}

.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 .movie{
    width: 100%;
    max-width: 1150px;
}

.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: 100%;
    max-width: 600px;
    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: 20px 0;
    margin: 0 auto 0 auto;
    max-width: 600px;
}
.support_menu:last-child a{ border:none;}
.support_menu .icon{
    max-width: 90px;
    width: calc(28% - 10px);
    margin: 0 10px 0 0;
}
.support_menu .icon img{ width: 100%;}
.support_menu .title_set{
    width: 65%;
    max-width: 210px;
}
.support_menu .title_set .title{
    font-size: 18px;
    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: 14px;
    text-align: left;
    color: #606060;
}
.support_menu .icon2{
    max-width: 13px;
    width: 5%;
}
.support_menu .icon2 img{ width: 100%;}

.line{
    background: #e8e9e9;
    height: 1px;
    max-width: initial;
    margin: 0 auto;
    width: 100%;
}
.footer_menu{
    background: #FFF;
    padding: 5% 4% 6%;
}
.foot_menu_list{
    margin: 15px 0 0 0;
}
.foot_menu_list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
}
.foot_menu_list li{
    width: 20%;
    width: 32%;
    max-width: initial;
    margin: 0 0 0% 0;
}
.foot_menu_list a{border-radius: 7px;padding: 3% 0;display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.foot_menu_list li:nth-child(1) a,
.foot_menu_list li:nth-child(2) a,
.foot_menu_list li:nth-child(3) a,
.foot_menu_list li:nth-child(4) a,
.foot_menu_list li:nth-child(5) a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d25e00+0,dfa935+100 */
    /* background: #d25e00; */ /* Old browsers */
    background: -moz-linear-gradient(top,  #d25e00 0%, #dfa935 100%); /* FF3.6-15 */
    /* background: -webkit-linear-gradient(top,  #d25e00 0%,#dfa935 100%); */ /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to bottom,  #d25e00 0%,#dfa935 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d25e00', endColorstr='#dfa935',GradientType=0 ); /* IE6-9 */
}

.foot_menu_list li:nth-child(6) a,
.foot_menu_list li:nth-child(7) a,
.foot_menu_list li:nth-child(8) a,
.foot_menu_list li:nth-child(9) a,
.foot_menu_list li:nth-child(10) a{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#338b6c+0,37b89f+100 */
    /* background: #338b6c; */ /* Old browsers */
    background: -moz-linear-gradient(top,  #338b6c 0%, #37b89f 100%); /* FF3.6-15 */
    /* background: -webkit-linear-gradient(top,  #338b6c 0%,#37b89f 100%); */ /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to bottom,  #338b6c 0%,#37b89f 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338b6c', endColorstr='#37b89f',GradientType=0 ); /* IE6-9 */
}

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

.footer{background: #C80000;overflow: hidden;padding: 0 3%;}

.foot_menu{
    margin: 30px 20px;
}
.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;
    border: solid 1px #FFF;
    padding: 5%;
    font-size: 3.4vw;
}

.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: 90%;
}
.foot_menu2 li{
    width: 25%;
}
.foot_menu2.no_login li {
    width: 33%;
}
.foot_menu2 a{
    color: #FFF;
    font-size: 2.8vw;
    border-right: 1px solid #FFF;
    padding: 0 5% 0;
}
.foot_menu2 li:last-child a{
    border: none;
}

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

.hina_d_bland_set{}
.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_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;
}

.login_box{
    background: #f0f0f0;
    background-size: 100% auto;
    background-position: center top;
    overflow: hidden;
}
.login_frame{
    background: #FFF;
    max-width: 600px;
    width: 100%;
    margin: 0;
    overflow: hidden;
    box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 40%);
    padding: 0;
    flex-wrap: wrap;
}
.login_frame .login_logo{
    margin: 12% 25%;
    text-align: center;
}
.login_frame .login_logo2{
    margin: 10% 5% 5%;
    text-align: center;
}
.login_frame .login_logo img{ width: 100%;}
.login_frame .login_logo2 img{ width: 100%;}
.login_frame .login_form{
    max-width: 600px;
    margin: 15% auto 10%;
    width: 82%;
}

.login_frame .login_form input::placeholder{ color:#b4b4b4;}
.login_frame .login_form input:focus{ border: solid 1px #ccc; outline: none;}
.login_frame .login_form input[type="email"]{
    border: none;
    font-size: 6.4vw;
    border-bottom: 1px solid #b4b4b4;
    margin: 0 0 5% 0;
    padding: 1% 4% 3%;
    color: #1e1e1e;
}
.login_frame .login_form input[type="password"]{
    border: none;
    font-size: 6.4vw;
    border-bottom: 1px solid #b4b4b4;
    margin: 0 0 3% 0;
    padding: 1% 4% 3%;
    color: #1e1e1e;
}
.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 */
    outline: none;
    border: none;
    color: #FFF;
    font-size: 5.4vw;
    padding: 3% 0;
    margin: 5% 0 0 0;
}
.login_frame .login_form .email{}
.login_frame .login_form .password{}
.login_frame .login_form .txt{
    text-align: center;
    margin: 7% 0 0% 0;
}
.login_frame .login_form .txt a{
    color: #C80000;
    font-size: 3.4vw;
    font-weight: bold;
    text-align: -webkit-right;
}
.login_frame .login_form .title{
    text-align: center;
    margin: 5% 0 10% 0;
    font-size: 7.4vw;
    color: #bb171b;
}
.login_frame .login_form .txt2{
    text-align: center;
    margin: 5% 0 10% 0;
    font-size: 4.2vw;
}
.login_frame .login_form .login_btn{
    margin: 2% 0 0 0;
}

.login_sysmes{
    border: solid 2px #bb171b;
    padding: 5%;
    text-align: center;
    background: #fff4f1;
    color: #bb171b;
    font-size: 3.4vw;
    margin: 0 0 10%;
}










.popup_wrap input {
  display: none;
}

.popup_overlay {
  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: 1000px;
  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);
}

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

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

.login_btn .open_btn{
    background: #C80000;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 5.4vw;
    padding: 3% 0;
    margin: 5% auto 10%;
    display: block;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}

.sysmes_box{
    padding: 8% 3% 8%;
    text-align: center;
}
.sys_close{}
.sys_close .close_btn2{
    background: #C80000;
    width: 90%;
    max-width: 280px;
    padding: 18px 0;
    font-size: 17px;
    font-weight: normal;
    color: #FFF;
    margin: 10% 0 0 0;
    cursor: pointer;
}
.sys_title{
    font-size: 5.4vw;
    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: 0% 0 0 0;
    line-height: 1.5;
    font-size: 4.4vw;
}
.sys_img{
    width: 90%;
    margin: 20px auto;
}
.sys_img img{
    width: 100%;
}




.contents_bg{
    background: url(../img/main_bg.png) no-repeat;
    background-size: cover;
    background-position: center top;
    overflow: hidden;
    padding: 2% 0 3% 0;
}
.content_wall{
    background: #ffffff;
    width: 90%;
    max-width: 600px;
    margin: 5% auto;
    padding: 5%;
}
.content_title{
    font-size: 5.2vw;
    font-weight: bold;
    border-bottom: solid 1px #646464;
    padding: 0 0 10px 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;}



.login_frame .login_left{
    width: 100%;
    height: auto;
    background: url(../img/bg01_sp.jpg) no-repeat;
    background-size: 100% auto;
    background-position: top center;
}
.login_frame .login_right{
    width: 100%;
    height: auto;
}

.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: 100%;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: 40%;
    border: solid 1px #b48423;
    padding: 2%;
    color: #b48423;
    font-size: 16px;
    font-weight: bold;
    margin: 10% 0 5% 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: 100%;
    order: 2;
}
.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: 40%;
    margin: 3% 0 0 0;
}
.answer_ng{font-size: 24px;color: #8898bb;width: 40%;margin: 3% 0 0 0;}
.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: 5% 0;
  padding-left: 12%;
  padding-bottom: 5%;
  height: auto;
  margin: 0 0 0 0;
  border-bottom: dotted 1px #f45456;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

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

.continput input[type="radio"] {
  opacity: 0;
  -webkit-appearance: none;
  display: flex;
  vertical-align: middle;
  z-index: 100;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.continput .bullet {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 2px;
    top: calc(50% - 12.5px);
    border: 5px solid #f45456;
    opacity: 0;
    border-radius: 50%;
}
.continput label{
    display: block;
    align-items: center;
    margin: 0;
    font-weight: bold;
    font-size: 3.4vw;
    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;
  }
}
.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: 0% 0;
  padding-left: 1%;
  padding-bottom: 2%;
  height: auto;
  margin: 0 0 5% 0;
  border-bottom: dotted 1px #f45456;
}

.continput2 .cnt-search-theme-rcheck .checkbox02{
    font-size: 3.4vw;
    font-weight: bold;
    /* padding: 5%; */
}
.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;}


.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: 4.2vw;
    padding: 5% 0;
    margin: 10% 0 0 0;
    display: block;
    text-align: center;
    font-weight: normal;
}

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

.content_headline{
    background: #FCF8E7;
    border-radius: 7px;
    padding: 5% 5%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 5% 0 6%;
}
.content_headline .title{
    font-size: 4.4vw;
    color: #B88E5A;
    margin: 0 20px 0 0;
    font-weight: bold;
}
.content_headline .subtitle{
    font-size: 3.4vw;
}

.col-3{
}
.col-3 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.col-3 li{}
.col-title{
    font-size: 4.4vw;
    color: #C80000;
    font-weight: bold;
    text-align: left;
}
.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: 4.4vw;
    padding: 5%;
}
.col-search-btn{
    width: 100%;
}
.col-search-btn input{
    background: #C80000;
    outline: none;
    border: none;
    color: #FFF;
    font-size: 20px;
    padding: 13px 20px;
    margin: 0 0 0 0;
    display: block;
    text-align: center;
    font-weight: normal;
    width: 100%;
}

.cnt-code li:nth-child(1){
    max-width: 600px;
    width: 100%;
}
.cnt-code li:nth-child(2){
    width: 100%;
    max-width: 600px;
    margin: 4% 0 5% 0;
}
.cnt-code li:nth-child(3){
    width: 100%;
    max-width: 600px;
}

.cnt-border{
    padding: 0 0 5% 0;
    margin: 0 0 10% 0;
}

.cnt-search_if li:nth-child(1){
    width: 100%;
    max-width: 600px;
    align-self: flex-start;
    margin: 0 0 5% 0;
}
.cnt-search_if li:nth-child(2){
    width: 100%;
    max-width: 600px;
    margin: 0 0 5% 0;
}
.cnt-search_if li:nth-child(3){
    width: 100%;
    max-width: 600px;
    align-self: flex-end;
}


.cnt-manual{}
.cnt-manual ul{
}
.cnt-manual li{}
.cnt-manual li:nth-child(1){
    width: 100%;
    max-width: initial;
    /* align-self: flex-start; */
    margin: 0 0 5% 0;
}
.cnt-manual li:nth-child(2){
    width: 90%;
    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: 100%;
	height: 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: 18px;top: 18px;font-size: 20px;}
.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: 18px;top: 18px;font-size: 20px;}

.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 24px;
    position: relative;
    width: auto;
}
.checkbox01::before {
    background: #f0f0f0;
    border-radius: 0;
    content: '';
    display: block;
    height: 30px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 30px;
}
.checkbox01::after {
    border-right: 2px solid #C80000;
    border-bottom: 2px solid #C80000;
    content: '';
    display: block;
    height: 22px;
    left: 13px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 14px;
}
input[type=checkbox]:checked + .checkbox01::before {
    border-color: #f55254;
}
input[type=checkbox]:checked + .checkbox01::after {
    opacity: 1;
}
.login_sub_head {
    font-size: 12px;
    color: #a6a8a8;
    margin: 12px 0 30px;
}
.login_memory .lm_txt {margin: 1% 0 0 0;}

.checkbox02 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 0px 10%;
    position: relative;
    width: auto;
    font-weight: normal;
}
.checkbox02::before {
    background: #fff;
    border: 2px solid #939391;
    border-radius: 0;
    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: 12px;
    margin-top: -5px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 5px;
}
input[type=checkbox]:checked + .checkbox02::before {
    border-color: #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 10% 0;
}
.cnt-search-detail li:nth-child(1){
    width: 100%;
    max-width: 600px;
    align-self: flex-start;
    margin: 0 0 5% 0;
}
.cnt-search-detail li:nth-child(2){
    width: 100%;
    max-width: 600px;
}


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


.cnt-search-theme-radio-set{
    margin: 0 0 30px 0;
}
.cnt-search-theme-radio{
    text-align: left;
}
.cnt-search-theme-check-set{
    margin: 0 0 30px 0;
}
.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: 600px;
    align-self: flex-start;
}
.cnt-search-theme li:nth-child(2){
    width: 100%;
    max-width: 600px;
    align-self: flex-start;
}
.cnt-search-title{
    background: #FFF;
    color: #1e1e1e;
    text-align: left;
    padding: 2% 0;
    margin: 0 0 2% 0;
    font-size: 3.8vw;
}
.cnt-search-theme-radio-more{}
.cnt-search-theme-radio-more a{
    display: block;
    border: solid 1px #f55254;
    color: #f55254;
    font-size: 18px;
    padding: 5%;
    max-width: 600px;
    margin: 10% 0 0 0;
}
.cnt-search-theme-radio-more a:before{ content: '';}


.form_range{
    margin: 20px 0 20px 0;
}
.form_range ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.form_range li{
    width: auto !important;
    max-width: inherit !important;
}
.form_range .form_range_area{
    margin: 0 5% 0 0;
}
.form_range 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;
    max-width: 230px;
}
.form_range_txt{
    margin: 0 10px 0 0;
}
.form_range textarea{
    width: 100%;
    height: 200px;
    padding: 10px;
}

.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: 100%;
    max-width: 600px;
    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: 100%;
    max-width: 600px;
    margin: 10% 0 0 0;
}



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

.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;
}
.cnt-discussion-box li{
    width: 100%;
    max-width: 460px;
}
.cnt-discussion-box li:nth-child(1){
    width: 100%;
    max-width: 600px;
}
.cnt-discussion-box li:nth-child(2){
    width: 100%;
    max-width: 600px;
}

.cnt-discussion-mov-set{position: relative;}
.cnt-discussion-mov{}

.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: 5% 0 2%;
    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: 10px 0;
}
.discussion-list ul{
    max-width: 950px;
}
.discussion-list li{
    width: 100%;
    max-width: 600px;
    margin: 0 0 15px 0;
}


.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;
}
.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: 100%;
    max-width: 600px;
    }
.cnt-genta-calender-box li:nth-child(2){
    width: 100%;
    max-width: 600px;
    }

.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;
    margin: 0 0 10px 0;
}
.cnt-genta-calender-menu .more_btn{
    width: 100%;
    text-align: right;
}
.cnt-genta-calender-menu .more_btn a{
    color: #f55254;
    display: block;
    width: 100%;
}

.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%;
    max-width: 600px;
}
.csv-list-menu li:nth-child(2){
    width: 100%;
    max-width: 600px;
}
.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: 7px;
    padding: 5% 5%;
}
.csv-title-set{
    width: 75%;
    max-width: 350px;
}
.csv-title-img{
    margin: 0;
    width: 100%;
}
.csv-title-img img{
    width: 100%;
}
.csv-title{
    font-size: 16px;
    font-weight: bold;
    color: #606060;
    text-align: left;
}
.csv-plus-btn{
    width: calc(21% - 10px);
    max-width: 50px;
    margin: 0 3% 0 0;
}
.csv-plus-btn a{
    display: block;
    padding: 0px 6px;
    background: #f35254;
    border-radius: 100px;
    color: #FFF;
    font-size: 33px;
    text-align: center;
}

.csv-plus-arrow{
    width: 20%;
    max-width: 15px;
}
.csv-plus-arrow img{ width: 100%;}


.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    color:#fff;
    text-align:center;
    padding: 10px;
    cursor:pointer;
}
.uploadButton:hover {
    background:#f35254;
}
.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{}
.icon_plus img{}


.csv-move-list{}
.csv-move-list ul{
    align-items: flex-start;
}
.csv-move-list li:nth-child(1){
    width: 100%;
    max-width: 600px;
    margin: 0 0 5% 0;
}
.csv-move-list li:nth-child(2){
    width: 100%;
    max-width: 600px;
}





.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 8% 0;
    flex-wrap: wrap;
}
.transaction-analysis-box ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    order: 2;
    margin: 6% 0 0 0;
}
.transaction-analysis-box li{
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 0 5% 0;
}
.transaction-analysis-par-set{margin: -5% 0 0 0;}
.transaction-analysis-par-set .title{
    color: #3c3c3c;
    font-size: 16px;
    padding: 0;
}
.transaction-analysis-par-set .par-set{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.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;
}
.transaction-analysis-par-set .par-set .icon img{}
.transaction-analysis-par-set .txt{
    padding: 0;
}
.transaction-analysis-par-set .txt a{color: #f35254;}

.transaction-graph{
    width: 100%;
}




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



.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: 100%;
    max-width: 600px;
}
.mov_list2 .th img{
    width: 100%;
}
.mov_list2 .txt-set{
    text-align: left;
    width: calc(97% - 20px);
    max-width: 650px;
    align-self: flex-start;
    margin: 0 10px;
}
.mov_list2 .title{
    font-size: 4.4vw;
    color: #666;
    margin: 5% 0 2%;
}
.mov_list2 .txt{
    font-size: 3.2vw;
    color: #666;
    margin: 0 0 5% 0;
}
.mov_list2 .icon-arrow{
    width: 3%;
    max-width: 20px;
}
.mov_list2 .icon-arrow img{
    width: 100%;
}


.cnt-movie-content_btn{
    margin: 0 0 10%;
}
.cnt-movie-content_btn ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.cnt-movie-content_btn li{
    width: 100%;
    order: 2;
}
.cnt-movie-content_btn li a{
    display: block;
    background: #C80000;
    color: #FFF;
    font-size: 4.2vw;
    padding: 4% 0;
    margin: 5% 0 0 0;
    display: block;
    text-align: center;
    font-weight: normal;
}
.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){order: 1;}


#acMenu dt{display:block;width: 100%;text-align:center;border: #f55254 1px solid;cursor:pointer;padding: 5% 10% 5% 5%;margin: 0 0 5% 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: 6.4vw;
    font-weight: normal;
    color: #FFF;
    margin: 5% 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 4% 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: solid 2px #c8c8c8;
    font-size: 5.4vw;
    padding: 13px 15px;
}




.ut_sp{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#af0000+0,800000+100 */
    display: none !important;
    width: 100%;
    /* background: #af0000; */ /* Old browsers */
    background: -moz-linear-gradient(top,  #af0000 0%, #800000 100%); /* FF3.6-15 */
    /* background: -webkit-linear-gradient(top,  #af0000 0%,#800000 100%); */ /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to bottom,  #af0000 0%,#800000 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af0000', endColorstr='#800000',GradientType=0 ); /* IE6-9 */
    /* padding: 20px; */
}
.ut_sp .user_login li{width: 48% !important;}
.ut_sp .user_login li a{
    text-align: center !important;
    color: #bb171b !important;
    margin: 0 !important;
}
.ut_sp .user_login li a:after{ content:none !important;}







.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%;}


.treasure-box{
    display: block;
    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: 320px;
}
.treasure-menu:last-child a{ border:none;}
.treasure-menu .icon{
    max-width: 72px;
    width: calc(23% - 10px);
    margin: 0 10px 0 0;
}
.treasure-menu .icon img{ width: 100%;}
.treasure-menu .title_set{
    width: 68%;
}
.treasure-menu .title_set .title{
    font-size: 3.6vw;
    text-align: left;
    font-weight: bold;
    color: #BCA375;
    margin: 5% 0 2%;
}
.treasure-menu .title_set .txt{
    font-size: 3.2vw;
    text-align: left;
    color: #606060;
}
.treasure-menu .icon2{
    max-width: 13px;
    width: 5%;
}
.treasure-menu .icon2 img{ width: 100%;}





.cnt-select{}

.cnt-select select{
    width: 100%;
    padding: 5%;
    font-size: 4.4vw;
}
.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: 4.4vw 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;
}
.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: 10%;
	left: 0;
	padding: 2% 5%;
	transition: 0.3s;
	color: #aaaaaa;
	font-size: 4.4vw;
}
.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-top: 20px;
}
.list-btn.is-btn-hidden{
  display:none;
}
.list-btn button {
    cursor: pointer;
    outline: none;
    width: 100%;
    display: block;
    border: solid 1px #C80000;
    color: #C80000;
    font-size: 18px;
    padding: 10px;
    max-width: inherit;
    margin: 20px 0 0 0;
}


.form-txt{
    color: #c4191f;
    font-weight: bold;
    font-size: 4.2vw;
    margin: 0 0 1% 0;
}
.login_error_top{
    max-width: 525px;
    border: solid 2px #bb171b;
    padding: 15px;
    text-align: center;
    background: #fff4f1;
    color: #bb171b;
    font-size: 3.4vw;
    margin: 10% auto 5%;
}
.pass_message{
    margin: 0 0 10% 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: 32%;
    margin: 0 0 2% 0;
}
.product-list-menu a{
    display: block;
    text-align: center;
    background: #af0000;
    padding: 5% 2%;
    color: #FFF;
    font-size: 3.8vw;
}
.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 5% 0;
}

.product-th{
    width: 100%;
    padding: 5% 5% 0;
    max-width: initial;
}
.product-th img{
    width: 100%;
}
.product-detail{
    width: 100%;
    text-align: left;
    display: block;
    flex-wrap: wrap;
    justify-content: unset;
    align-items: unset;
    flex-flow: unset;
    height: auto;
    padding: 0% 5% 0;
    margin: 0 0 0 0;
}
.product-category{
    background: #FFF;
    border: solid 2px #f55254;
    padding: 3%;
    width: 100%;
    max-width: initial;
    text-align: center;
    color: #f55254;
    font-weight: bold;
    font-size: 3.4vw;
    margin: 5% 0 0 0;
}
.product-title{
    color: #f55254;
    font-weight: bold;
    font-size: 3.8vw;
    margin: 3% 0 3%0;
}
.product-txt{}
.product-more-btn{
    width: 100%;
    margin: 5% 0 3%0;
}
.product-more-btn a{
    background: #BCA375;
    color: #FFF;
    padding: 5%;
    width: 100%;
    text-align: center;
    font-size: 3.4vw;
}
.product-num{
    width: 100%;
    font-size: 3.8vw;
    text-align: right;
    margin: 0;
    padding: 0% 5% 3% 3%;
}
.product-num span{
    font-size: 7.8vw;
    margin: 0 2% 0 0;
}






.chat_wall{
    background: #ffffff;
    width: 100%;
    max-width: 1020px;
    margin: 0 auto 0;
    padding: 0;
    overflow: hidden;
}
.chat_head{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.chat_back{
    width: 3%;
    margin: 0 3% 0 2%;
}
.chat_back a{
    display: block;
    padding: 0;
}
.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;
    width: 100%;
 }
.chat_head_title{
    color: #FFF;
    font-size: 4.2vw;
    max-width: 30em;
    display: flex;
    align-items: center;
}
.chat_head_title span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    margin: 0 3% 0 0;
}
.search_icon{
    width: 9%;
    position: absolute;
    right: 4%;
    top: 12px;
}
.search_icon img{ width: 100%;}
.csf_form{width: 88%;}
.csf_form input{
    border-radius: 10px;
    border: none;
    width: 100%;
    font-size: 18px;
    padding: 1% 4%;
}
.csf_form input::placeholder{ color: #c8c8c8;}
.csf_icon{
    width: 9%;
}
.csf_icon input{
    width: 100%;
}

.search_icon_off{display: none;}
.toggle.active .search_icon_off{ display: block;}
.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: 4% 0 4% 4%;
}
.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% - 48px);margin: 10px 0 0 auto;}
.chat_list_th{
    width: 10%;
}
.chat_list_th img{ width: 100%;}
.chat_title{
    color: #646464;
    margin: 0 0 0 4%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    font-size: 14px;
    text-align: left;
}
.chat_count{
    margin: 0 4% 0  auto;
    background: #c8a77e;
    padding: 5px 6px;
    color: #FFF;
    border-radius: 100px;
    font-size: 12px;
}

.chat_detail_list{
    margin: 80px 0 0 0;
}
.chat_detail_list ul{
    margin: 0 0 20px 0;
}
.chat_detail_list li{
    position: relative;
}
.chat_detail_box{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.chat_t_num{
    max-width: 20em;
    width: calc(100% - 80px);
}
.cdb_th{
    width: 40px;
    margin: 10px 10px 10px 10px;
}
.cdb_th img{
    width: 100%;
}
.cdb_txt{
    width: calc(100% - 110px);
    text-align: left;
}
.cdb_name{
    color: #C80000;
    font-size: 16px;
    margin: 15px 0 0 0;
    font-weight: 700;
}
.cdb_time{
    margin: 0 0 0 auto;
    position: absolute;
    top: 15px;
    right: 10px;
    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 auto 10px auto;
    width: 90%;
    text-align: left;
}
.chat_action_left{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    order: 2;
    width: 100%;
    margin: 15px 0 0 0;
}
.chat_action_left a{
    display: block;
    margin: 0 20px 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{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 0 auto;
    order: 1;
    width: 36%;
}
.like_box{
    background: #e8eff9;
    padding: 2% 5%;
    color: #C80000;
    border-radius: 4px;
    margin: 0 3% 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.active{
    background: #C80000;
    color: #FFF;
}
.like_box.active:before{
    background: url(../img/chat_icon_8.png) no-repeat;
    background-size: 100% auto;
}
.like_count{
    background: #FFF;
    padding: 2% 5%;
    color: #C80000;
    border-radius: 4px;
    margin: 0 5% 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: #05135a;
    margin: 0 0 10px 0;
}
.cbd_quote_head:before{content:'';background: url(../img/chat_icon_6.png) 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: #BCA375;
    color: #FFF;
    border-radius: 4px 0 0 4px;
    padding: 2px 4px;
    border: solid 1px #BCA375;
    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: #BCA375;
    border-radius: 0px 4px 4px 0px;
    padding: 2px 4px;
    border: solid 1px #BCA375;
}
.cbd_re_head:before{ content: none;}
.cdb_to_box{
    background: #BCA375;
    color: #FFF;
    border-radius: 4px;
    padding: 2px 4px;
    border: solid 1px #BCA375;
    font-weight: 700;
    margin: 0 10px 0 0;
}
.chat_form{
}
.chat_form_box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #646464;
    bottom: 0;
    width: 100%;
    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;
}
.chat_delete_select ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}
.chat_delete_select li{
    width: 49%;
    margin: 0 auto;
}
.chat_delete_select li a{
    border: solid 1px #646464;
    border-radius: 7px;
    color: #646464;
    padding: 5px 20px;
    width: 100%;
}
.chat_delete_select li:nth-child(2) a{
    border: solid 1px #f55254;
    color: #fff;
    background: #f55254;
}
.chat_delete_select li a label{
    font-weight: normal;
    margin: 0;
    width: 100%;
    cursor: pointer;
}


.send_title {
    width: 100%;
    font-size: 32px;
    margin: 0% 0 5%;
}


.popup {
  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 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 90%;
  max-width: 600px;
  padding: 3%;
  background-color: rgba(255,255,255,1);
  box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 10%);
  border-radius: 20px;
  z-index: 2;
}
.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-color: rgba(0,0,0,.8);
  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 5% 0;}
.chat_check_box{
    width: 40px;
}
.chat_check_box input{
    display: block;
    width: 50px;
}
.chat_check_txt{
    width: 100%;
}
.chat_kiyaku_send{}
.chat_kiyaku_send input{
    background: #C80000;
    color: #FFF;
    border: none;
    padding: 5%;
    border-radius: 50px;
    margin: 5% 0 0 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 #f55254;
    border-bottom: 3px solid #f55254;
    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: 0px 0 0 0;
}
.chat_list_wall{
    overflow: inherit;
}
.chat_list_head{
    position: sticky;
}



.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: #10a5ff;
}

.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: #4ad080; /* 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: #00bec8;
	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: #BCA375;
    border: solid 1px #BCA375;
    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: #C80000;
}
.thsr_b_status.sell{
    color: #0095e7;
}
.thsr_f_pnum.plus{
    color: #C80000;
}
.thsr_f_pnum.minus{
    color: #0095e7;
}
.thsr_status.thsrs_end{
    background: #FFF;
    color: #BCA375;
    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: #BCA375;
    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{
    margin-inline: auto;
    margin-top: 5%;
    overflow-x: auto; /* tableタグのはみ出た要素を隠す */
    white-space: nowrap; /* テキストの折り返しなし */
    width: 100%;
}
.hsr-box table{
    width: 100%;
}
.hsr-box tr{}
.hsr-box th{
    background: #31394d;
    color: #FFF;
    font-size: 3.2vw;
    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: 5px;
  width: 5px;
  position: absolute;
  border-top: 2px #fff solid;
  border-right: 2px #fff solid;
  right: 2px;
  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: inherit;
    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: 100%;
}
.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 8% 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;
    width: 100%;
}
.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%;
    margin: 6% 0 2% 0;
}
.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; */
    flex-wrap: wrap;
}
.hina_d_ctc_ip_left{
    width: 100%;
    background: #B88E5A;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin: 0;
    font-size: 14px;
    padding: 3% 0 2%;
    height: max-content;
}
.hina_d_ctc_ip_right{
    font-size: 15px;
    width: 100%;
    margin: 4% 0 0 0;
}
.hina_d_ctc_ipr_txt{}
.hina_d_ctc_foot{
    display: flex;
    flex-wrap: wrap;
}
.hina_d_ctcf_left{
    display: flex;
    align-items: center;
    width: 100%;
}
.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: 100%;
}
.hina_d_cl_set{
    display: flex;
    flex-wrap: wrap;
}
.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: 0 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;
}
.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;
    justify-content: space-between;
}
.na_h_set{
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0 0 10px 0;
    justify-content: space-between;
}
.na_h_title{
    font-size: 24px;
    font-weight: bold;
}
.na_h_day{
    font-size: 12px;
    background: #BCA375;
    color: #FFF;
    border-radius: 3px;
    padding: 2px 5px 2px;
    border: solid 1px #BCA375;
    margin: 0 0 0 15px;
}
.na_h_set2{
    display: flex;
    align-items: center;
    margin: 0;
    width: 49%;
}
.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: 100%;
    margin: 0 0 3% 0;
}
.nac_set{
    display: flex;
    align-items: center;
    border: solid 1px #e5e7e8;
    padding: 0 10px;
    justify-content: space-between;
    height: 58px;
    border-radius: 5px;
    width: 100%;
}
.nac_s_title{
    font-size: 3.2vw;
}
.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;
    width: 100%;
}
.event_calender_check 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: 14px;
    padding: 4% 5%;
    position: relative;
    -webkit-appearance: none;
    border-radius: 0;
    text-align: left;
    background: #FFF;
    color: #1e1e1e;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.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: 4% 5%;
    position: relative;
    -webkit-appearance: none;
    border-radius: 0;
    text-align: left;
    background: #FFF;
    color: #1e1e1e;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.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: 100%;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  background: transparent;
  z-index: 1;
      text-align: left;
}

input[type="date"]::after {
  content: '';
  background-image: url(../img/calender_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
  input[type="date"]::-webkit-datetime-edit-text {
    text-align: left;
  }
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}



.mb30{ margin-bottom:30px;}





.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: inherit;}
	body{margin:0px;padding:0px;width:auto;background:none;overflow: inherit;}
.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: auto;right: auto;padding: 3.3% 0 3.3% 0;z-index: 5;background: #fff;max-width: initial;width: 100%;}
.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: 150vw;
    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(210vw / 2);
    min-width: auto;
    max-width: initial;
    margin: 0 0.5% 0 0.5%;
    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;
    width: 400%;
  }

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


  @-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: 150vw;
    overflow: hidden;
    margin-bottom: 0;
  }

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

  .loop_css3 li {
    display: inline-block;
    width: calc(210vw / 2);
    min-width: auto;
    max-width: initial;
    margin: 0 0.5% 0 0.5%;
    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;
    width: 400%;
  }

  .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 )
{


}
}