/* common */

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');

body {
  font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic","Meiryo UI" , "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;;
  font-size: 13px ;
  display:none;
  position: relative;
}

body.on{
  height:100vh;
  overflow:hidden;
}

h2 {
  font-family: 'Josefin Sans', sans-serif ;
  padding: 20px 0 ;
  font-size: 25px ;
  margin: 0 ;
  color : #707070 ;
}

h3 {
  font-family: 'Josefin Sans', sans-serif ;
  margin: 48px 0 8px ;
  font-size: 25px ;
  line-height: 25px ;
  color : #65C0BA ;
}

h3.add-title {
  padding: 8px 0 1px ;
  margin: 0 ;
}

h4 {
  font-family: 'Josefin Sans', sans-serif ;
  padding: 20px 0 ;
  margin: 20px 0 ;
  font-size: 40px ;
  margin: 0 ;
  color : #fff ;
  text-align: center;
}

h5{
  color:#777777;
}

h3 span.br{
  display:inline-block;
  font-size:inherit;
  padding:0;
  font-size: 18px ;
  line-height: 18px ;
  padding-right: 8px ;
}

h3 span.br + span.br{
  font-size:12px;
  font-weight:normal;
  line-height: 12px ;
}

h3.ace-user {
  padding: 0 ;
  margin-top: 32px ;
  line-height: 18px ;
}

img {
  max-width: 100% ;
}

p {
  padding: 0 ;
  margin: 0 ;
  color : #707070 ;
}

ul {
  padding: 0 ;
  margin: 0 ;
  color : #707070 ;
}

[aria-label='breadcrumb']{
  display:none;
}

a {
  color : #707070 ;
  transition-duration: .3s!important;
}

a:hover,
a:focus{
  text-decoration:none;
}

input,
select,
textarea{
  padding: 0 ;
  margin: 0 ;
  border-radius:0;
  position:relative;
}

input[type='text'],
input[type='email'],
input[type='tel'],
select,
textarea{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
}

input:hover,
input:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus{
  outline:none;
  box-shadow:none;
}

.order-1 {
  order: 1 ;
}

.order-2 {
  order: 2 ;
}

.row.no-padding .col-6:nth-child(2n-1){
  padding-right:5px;
}
.row.no-padding .col-6:nth-child(2n){
  padding-left:5px;
}

.embed-responsive-4by3{
  background-size:contain;
  /* background-size:cover; */
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#efefef;
}

.embed-responsive-1by1{
  max-width: 120px ;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 16px ;
}

.embed-responsive-1by1.border {
  border: 1px solid #707070!important ;
}

.embed-responsive-1by1.rounded-circle{
  background-size:cover;
  background-position:center center;
}

.embed-responsive-1by1 img.embed-responsive-item{
  width: auto;
  left: calc(50% - 100px);
  max-width: none;
}

/* select:before{
  content:'\f0dd';
  position:relative;
  font-family:'FontAwesome 5 Free';
  font-weight:900;
  } */

  .title-black{
    color:#707070;
  }

  .title-element-inline{
    margin-bottom:35px;
  }

  .title-element-inline h3,
  .title-element-inline p,
  .title-element-inline a{
    display:inline-block;
  }

  .title-element-inline h3{
    padding:0;
    transform:translateY(6px);
    margin-bottom:10px;
  }

  .title-element-inline .dflex{
  }

  .title-element-inline a{
    margin-bottom:10px;
  }

  .title-viewall{
    flex-direction:column;
  }

  .title-viewall h3{
    padding-bottom:0;
  }

  .title-viewall a.botton{
    text-align:right;
    width:100%;
    margin-bottom:20px;
  }

  .title-viewall a.botton img{
    width:100px;
  }

  .all_meets.col-6:nth-child(2n-1){
    padding-right:5px;
  }

  .all_meets.col-6:nth-child(2n){
    padding-left:5px;
  }

  .card-meet{
    border:0;
  }

  .card-meet .card-body{
    padding:10px 0;
  }

  .card-meet .card-body h5{
    font-size:16px;
    line-height:16px;
    height:32px;
    overflow:hidden;
  }

  .card-meet h5{
    font-weight:normal;
    overflow:hidden;
    height:3.6em;
  }

  .card-meet > p:not(.badge-community){
    overflow:hidden;
    height:4.2em;
  }

  .card-description{
    overflow:hidden;
    height:4.2em;
  }

  .card-meet .card-body > p{
    font-size:12px;
    line-height:16px;
    height:32px;
    overflow:hidden;
  }

  .card-meet .card-img-top{
    position:relative;
  }

  .card-meet .card-meet-info{
    color:#968853;
    margin:10px 0 0 0;
  }

  .card-meet .card-meet-info.d-flex,
  .card-meet .card-meet-info .d-flex{
    flex-wrap: wrap;
  }


  .card-meet .card-meet-info p{
    color:#968853;
  }

  .card-meet-small .badge-community{
    padding:2px 8px;
  }

  .card-meet.card-meet-small .card-meet-info p{
    font-size:10px;
  }

  .p_color {
    background-color: #968853 ;
    color:#fff;
    padding: 6px 10px ;
    /* width: 110px ; */
    font-size: 12px ;
    position: absolute ;
    top : 0 ;
    left: 0 ;
    /* z-index: 100001 ; */
  }

  .badge-community{
    background-color: #968853 ;
    color:#fff;
    width:auto;
    padding: 6px 10px ;
    font-size: 12px ;
    position: absolute ;
    top : 0 ;
    left: 0 ;
  }

  .badge-community.badge-community-relative{
    position:relative;
    display:inline-block;
    margin-top:10px;
    margin-bottom:10px;
  }

  .badge-community.badge-community-blue{
    background-color: #65C0BA ;
  }

  i.fas.fa-heart{
    font-size: 28px ;
    color: #707070 ;
    position: absolute ;
    bottom: 5px ;
    right: 5px ;
  }

  i.fas.fa-heart.main {
  }

  i.fas.fa-heart.main_second {
  }

  i.fas.fa-heart.main_red {
    color: #E60012 ;
  }

  i.fas.fa-heart.sab {
    padding: 0px 10px ;
  }

  i.fas.fa-heart.small {
    font-size: 16px ;
    padding-right: 10px ;
  }

  .carousel{
    margin-bottom:40px;
  }

  .carousel-meet{

  }

  .carousel-meet .badge-community{

  }

  .carousel-meet-box{
    position:relative;
    height: 250px ;
    padding:20px 10px;
    background-color:#164F7C;
  }

  .carousel-meet-box .badge-community{
    position:relative;
    display:inline-block;
    width:auto;
    margin-top:0;
  }

  .carousel-meet-box h5{
    font-size:18px;
    line-height:24px;
    letter-spacing:1px;
    color:#fff;
    margin:15px 0;
    overflow:hidden;
    /* height:72px; */
  }

  /* .card-meet > p:not(.badge-community){
    overflow:hidden;
    height:4.2em;
    } */

    .carousel-meet-box .date{
      color:#D6C481;
      font-size:14px;
    }

    .carousel-meet-box .host{
      color:#D6C481;
      font-size:14px;
      font-weight:normal;
    }

    .fas.fa-heart.top-card{
      position: absolute ;
      top:10px;
      bottom: 0 ;
      right:6px;
      z-index: 10 ;
    }

    .fas.fa-heart.top-card.top-card-second{
      top:3px ;
    }

    .carousel-meet-box .fas.fa-heart{
      top:20px;
      right:20px;
    }

    /* p.p_color_top {
      background-color: #968853 ;
      color: white;
      margin-top: 80px ;
      padding: 2px 10px;
      width: 110px ;
      font-size: 12px ;
      } */

      .p_main {
        font-size: 18px ;
        margin: 15px 0px ;
        color : #fff ;
        font-weight:bold;
      }

      .p_color_small {
        color : #968853 ;
        padding: 10px 0px ;
        /* font-weight:bold; */
      }

      .card-community .p_userprofile_head{
        line-height:20px;
        height:20px;
        overflow:hidden;
      }

      .card-community .p_userprofile_small{
        line-height:14px;
        height:28px;
        overflow:hidden;
        padding:0;
      }

      main{
        padding:80px 0 150px 0;
        min-height:calc(100vh - 100px);
      }

      .section{
        padding:50px 0;
      }

      .section-inner{
        padding:15px 0;
      }

      .section-aside-inner{
        padding:20px 0;
      }

      .form-group:nth-last-child(2) {
        margin-bottom: 0 ;
      }

      .form-group.bottom {
        margin-bottom: 0!important ;
      }

      .form-group.ace-user{
        margin-bottom: 0 ;
      }

      .area-forms .form-group label,
      .area-forms .form-group input,
      .area-forms .form-group select,
      .area-forms .form-group textarea{
        margin:0;
      }

      .area-forms .form-group .form-inline-radio label{
        display: flex;
        align-items: center;
        padding: 5px 0;
      }

      .form-inline div , .form-inline {
        width: 100% ;
      }

      .area-forms .form-group [class*='col-']{
        margin-bottom:8px;
      }

      .area-forms .form-group .d-flex .input + .input{
        margin-left:10px;
      }

      .area-forms .form-group .d-flex .input{
        width:100%;
      }

      .area-forms .form-group .input + .d-flex{
        margin-top:10px;
      }

      .d-flex a + a,
      .d-flex a + button,
      .d-flex button + a,
      .d-flex input + a,
      .d-flex a + input,
      .d-flex a + form + a{
        margin-left:5px;
      }

      .area-forms .form-group input.input_point{
        margin-right:1em;
      }

      .input.date select{
        display:inline;
        width:auto;
      }

      .modal-open header{
        z-index:1000;
      }

      .modal-open .modal{
        z-index:9500;
      }

      .modal-dialog{
        /* margin-top:60px; */
      }

      .modal-header h3 {
        font-size: 25px;
        color: #65C0BA;
        margin:0;
        padding:0;
      }

      .modal-footer{
        justify-content:center;
        padding: 0 ;
      }

      .modal-footer>:not(:first-child){
        margin-left:auto;
        margin-right:auto;
      }

      .area-profile .form-group{
        margin-bottom:55px;
      }

      ul.nav-aside li.active a,
      ul.nav-aside li a:hover,
      ul.nav-aside li a:focus{
        background-color:#154F7B;
        color:#fff;
        text-decoration:none;
      }

      ul.nav-aside-admin li.active a,
      ul.nav-aside-admin li a:hover,
      ul.nav-aside-admin li a:focus,
      ul.nav-aside-cm li.active a,
      ul.nav-aside-cm li a:hover,
      ul.nav-aside-cm li a:focus{
        background-color:#164F7C;
      }

      .scroll_top {
        position:absolute;
        right:15px;
        top:15px;
        width:35px;
        height:35px;
      }

      .scroll_top_signup {
        position: fixed ;
        right: 5px ;
        bottom: 370px ;
      }

      .scroll_top_login {
        position: fixed ;
        right: 5px ;
        bottom: 520px ;
      }

      .scroll_top_admin {
        position: fixed ;
        right: 5px ;
        bottom: 470px ;
      }

      .scroll_top_manager {
        position: fixed;
        right: 5px;
        bottom: 610px;
      }

      /* header */
      header{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:9000;
        background-color:#fff;
      }

      header.header-top{
        position:relative;
        text-align: center;
        background-image: url(../img/header_main.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding:30px 0;
      }

      .logo_wrap {
        display: none ;
      }

      .logo_wrap_top_xs {
        box-shadow:0 1px 4px #ccc;
        position:relative;
      }

      .logo_wrap_top_xs.header-admin,
      .logo_wrap_top_xs.header-cm {
        border-top:15px solid #164F7C;
      }

      .logo_wrap_top_xs_edit {
        border-bottom: 1px solid #DADEDF ;
      }

      .logo_wrap_xs {
        display: flex;
        align-items: center ;
        justify-content: space-between ;
        margin-left:15px;
        height:52px;
      }

      .logo_wrap_xs > a > img{
        width:168px;
      }

      .btn-icon-search{
        cursor:pointer;
      }

      .nav-global{
        position:absolute!important;
        top:52px;
        right:0;
        width:250px;
        max-height:calc(100vh - 50px);
        background-color:#fff;
        height:0;
        overflow:hidden;
        overflow-x:hidden;
        overflow-y:scroll;
      }

      .nav-global.on{
        height:auto;
      }

      .nav-global.news.on{
        width:100%!important ;
        box-shadow:0 2px 2px #efefef;
      }

      .nav-global.nav-global-pages.news.on ul li:last-of-type {
        border-bottom: 1px solid #EFEFEF ;
      }

      .nav-global h5{
        margin:0;
        padding:20px 0;
        text-align:center;
        font-size:1rem;
        line-height:1rem;
        color:#fff;
      }

      .nav-global.nav-global-pages h5{
        background-color:#4AA6B5;
      }

      .nav-global.nav-global-notification h5{
        background-color:#65C0BA;
      }

      .nav-global ul li{
        list-style: none;
        margin:0;
        padding:0;
      }

      .nav-global ul li a{
        position:relative;
        /* border: 1px solid #65C0BA ; */
        font-size:12px;
        display:block;
      }

      .nav-global.nav-global-pages ul li:last-child a,
      .nav-global.nav-global-notification ul li:last-child a{
        /* padding-bottom:65px; */
      }

      .nav-global ul li a:before{
        content:'';
      }

      .nav-global ul li a:hover,
      .nav-global ul li a:focus{
        text-decoration:none;
      }

      .nav-global.nav-global-pages ul li a{
        padding: 8px 16px ;
        color:#fff ;
        background-color:rgba(74,166,181,.8);
      }

      .nav-global.nav-global-pages ul li a p{
        color:#fff!important ;
      }

      .nav-global.nav-global-pages.news ul li a p{
        color:#707070!important ;
      }

      .nav-global.nav-global-pages.news ul li a{
        background-color: #fff ;
        border-top: 1px solid #EFEFEF ;
      }

      .nav-global.nav-global-pages ul li a:hover,
      .nav-global.nav-global-pages ul li a:focus{
        background-color:rgba(74,166,181,.3);
      }

      .nav-global.nav-global-pages ul li + li a{
        border-top:solid 1px rgba(255,255,255,.3);
      }

      .nav-global.nav-global-notification ul li a{
        padding:25px 15px;
        color:#707070;
        border-left:solid 1px #65C0BA;
        border-right:solid 1px #65C0BA;
        border-bottom:solid 1px rgba(101,192,186,.3);
      }

      .nav-global.nav-global-notification ul li a span{
        display:block;
        letter-spacing: 1px;
        line-height: 1.2rem;
      }

      .nav-global.nav-global-notification ul li a span.date{
        margin-top:18px;
        color:#65C0BA;
      }

      .nav-global.nav-global-notification ul li a.btn{
        padding-top:20px;
        padding-bottom:20px;
        color:#65C0BA;
        font-weight:bold;
        border-top:0;
        border-bottom:solid 1px #65C0BA;
      }

      .nav-global.nav-global-notification ul li a.btn:hover,
      .nav-global.nav-global-notification ul li a.btn:focus{
        color:#fff;
        outline:none;
        box-shadow:none;
      }

      a.more{
        display: block ;
        text-align: center ;
        background-color: #4BA6B6 ;
        padding: 12px 0 ;
        color: #fff ;
        font-size: 12px ;
      }

      a.more.nav{
        background-color: inherit ;
      }

      a.more.nav p ,a.more.nav i {
        color: #4BA6B6 ;
      }

      .nav-global-notification {
        /* top: 136px; */
        /* right: 526px; */
        /* z-index: 10001; */
        /* background-color: #fff; */
      }

      .nav-global-notification li {
        /* border: 1px solid #65C0BA ; */
        /* padding: 10px 0 ; */
      }

      /* i.fas.fa-circle {
        padding: 0 5px ;
        color : #65C0BA ;
        } */

        h2 span {
          display: block ;
          font-size: 12px ;
        }

        h3 span {
          display: block ;
          font-size: 12px ;
          padding: 0 5px ;
        }

        .box_color {
          background-color: #65C0BA ;
          padding:50px 0;
        }

        .box_color_second {
          background-color: #4AA6B5 ;
          padding:50px 0;
        }

        .box_color_third {
          background-color: #164F7C ;
          padding:50px 0;
        }

        i.fas.fa-heart.top {
          display: none ;
        }

        .header-search{

        }

        .header-search-xs{
          position:absolute;
          top:45px;
          width:100%;
          background-color:#fff;
          border-bottom:solid 1px #ccc;
          overflow:hidden;
          height:0px;
          transition:.3s;
          padding:0px;
        }

        .header-search-xs.on{
          padding:5px 0;
          height:45px;
          transition:.3s;
        }

        .header-search-xs .input{
          width:100%;
        }

        .header-search-xs .input_top{
          border: 1px solid #65C0BA ;
          font-size:12px;
          line-height:16px;
          padding:8px 30px;
          width:100%;
          height:auto;
          background-color:transparent;
          margin:auto;
        }

        .user_wrap {
          display: flex ;
        }

        .header-icon-notification,
        .header-icon-pages{
          position: relative ;
        }

        .user_wrap img {
          height:45px;
          width:45px;
        }

        .user_wrap div {
          position: relative ;
        }

        .nav-icon {
          display: block ;
          text-align: center ;
          color: #fff ;
          padding: 8px 4px ;
          background-color: #66C0BA ;
          height: 52px ;
          width: 50px ;
        }

        .nav-icon-second {
          background-color: #4BA6B6 ;
        }

        .nav-icon i {
          font-size: 24px ;
        }

        .nav-icon:hover {
          color: #fff!important ;
        }

        .nav-icon p {
          color: #fff!important ;
          font-size: 10px ;
        }

        p.icon_badge {
          position: absolute ;
          background-color: #E60012 ;
          color : #fff ;
          border-radius: 18px;
          width: 18px;
          height: 18px;
          top : 2px ;
          right: 3px ;
          text-align: center;
        }

        .header-search .input_top{
          border: 1px solid #65C0BA ;
          font-size:12px;
          line-height:16px;
          padding:8px 30px;
          width:auto;
          height:auto;
          background-color:transparent;
          margin:auto;
        }

        .input_top:hover,
        .input_top:focus{
          outline:none;
          box-shadow:none;
        }

        .input_bottom{
          background-color:#65C0BA;
          color:#fff;
          font-size:12px;
          line-height:16px;
          padding:8px 7px;
          border:solid 1px #65c0ba;
          display:inline;
          margin-left:-4px;
          cursor:pointer;
        }

        .input_bottom:hover,
        .input_bottom:focus{
          background-color:#fff;
          color:#65C0BA;
        }

        .input_member {
          width:100%;
          max-width:340px;
          border: 1px solid #65C0BA ;
          padding:8px;
        }

        input::placeholder,
        textarea::placeholder{
          color: #DADEDF ;
        }

        .input_member_bottom {
          background-color: #65C0BA;
          color: white;
          border: none;
          height: 30px ;
          padding: 0 10px ;
          margin: 11px 0 ;
          margin-left: -5px;
        }



        .oder-1 {
          order: 1 ;
        }

        .oder-2 {
          order: 2 ;
        }

        p.p_userprofile_head {
          font-size: 20px ;
          margin: 10px 0 ;
        }

        .toggle-filter{
          cursor:pointer;
        }



        /* body */

        .wrap_color {
          background-color: #164F7C ;
          color: white ;
        }

        .box_card {
          margin: 30px 0 ;
          position: relative ;
        }

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

        .flex_second {
          display: flex ;
          align-items: center ;
        }

        p.p_color_second{
          display: inline-block;
          text-align: center;
          font-size: 1rem;
          width: 100%;
          line-height: 35px;
          text-decoration: none;
          border-radius: 0;
          background-color: #65C0BA ;
          color: white ;
          width: 200px ;
        }

        .color-title{
          color: #65C0BA ;
          padding: 5px 0 0 ;
        }

        p.p_color_third{
          display: inline-block;
          font-size: 2rem;
          width: 100%;
          line-height: 35px;
          text-decoration: none;
          color: #707070 ;
          padding: 20px 0 ;
        }

        .p_color_follow {
          border-color: #CCCCCC ;
        }

        .p_content {
          padding: 20px 0 ;
        }

        a.botton_color {
          display: inline-block;
          text-align: center;
          font-size: 1rem;
          width: 100%;
          line-height: 35px;
          text-decoration: none;
          border-radius: 0;
          margin: 20px auto;
          background-color: #65C0BA ;
          color: white ;
          width: 200px ;
          background-image: url(../img/icon_calendar.png);
          background-repeat: no-repeat;
          background-position: calc(100% - 5px);
        }

        a.botton_color_second {
          display: inline-block;
          text-align: center;
          font-size: 1rem;
          width: 100%;
          line-height: 35px;
          text-decoration: none;
          border-radius: 0;
          margin: 20px auto;
          background-color: #65C0BA ;
          color: white ;
          width: 200px ;
          background-image: url(../img/icon_botton.png);
          background-repeat: no-repeat;
          background-position: calc(100% - 5px);
        }

        a.botton_color_third {
          display: inline-block;
          text-align: center;
          text-decoration: none;
          border-radius: 0;
          margin: 20px auto;
          padding: 15px 0 ;
          background-color: #65C0BA ;
          color: white ;
          width: 100% ;
        }

        a.botton_color_meetindex {
          display: inline-block;
          text-align: center;
          text-decoration: none;
          border-radius: 0;
          margin: 20px auto;
          padding: 15px 0 ;
          background-color: #65C0BA ;
          color: white ;
          width: 100% ;
          font-size: 25px ;
        }

        a.botton_color_meetindex_small {
          display: inline-block;
          text-align: center;
          text-decoration: none;
          border-radius: 0;
          margin: 5px ;
          padding: 15px 0 ;
          background-color: #65C0BA ;
          color: white ;
          width: 100% ;
          font-size: 16px ;
        }

        a.botton_color_forth {
          display: inline-block;
          text-align: center;
          text-decoration: none;
          border-radius: 0;
          margin: 20px auto;
          padding: 15px 0 ;
          background-color: #65C0BA ;
          color: white ;
          width: 150px ;
        }

        a.botton_color_fifth {
          display: inline-block;
          text-align: center;
          text-decoration: none;
          border-radius: 0;
          margin: 20px auto;
          padding: 15px 0 ;
          background-color: #65C0BA ;
          color: white ;
          width: 300px ;
          font-size: 18px ;
        }

        a.botton_color_login {
          display: inline-block;
          text-align: center;
          text-decoration: none;
          border-radius: 0;
          margin: 20px 0;
          padding: 15px 0 ;
          background-color: #164F7C ;
          color: white ;
          width: 150px ;
        }

        a.botton_color_follow {
          display: inline-block;
          text-align: center;
          text-decoration: none;
          border-radius: 0;
          margin: 20px 0 ;
          padding: 15px 0 ;
          background-color: #CCCCCC ;
          color: white ;
          width: 100% ;
        }

        a.botton_color_follow_small {
          display: inline-block;
          text-align: center;
          text-decoration: none;
          border-radius: 0;
          margin: 20px 0 ;
          padding: 15px 0 ;
          background-color: #CCCCCC ;
          color: white ;
          width: 100% ;
        }

        p.p_color_index {
          color: #164F7C ;
          font-weight: 800 ;
        }

        .area-search-meet{
          height:0;
          overflow:hidden;
          transition:.3s;
        }

        .area-search-meet-second{
          flex-wrap: wrap ;
          justify-content: space-between ;
        }

        .area-search-meet.on{
          height:auto;
          transition:.3s;
        }

        .area-search-meet .input{
          margin-bottom:10px;
          display:inline-block;
          width:100%;
        }

        .area-search-meet .input.datetime{
          /* display:flex; */
        }

        .area-search-meet .btn-calendar{
          position:relative;
          display:inline-block;
          /* transform:translateY(-3px); */
          cursor:pointer;
          background-color:#65C0BA;
        }

        .area-search-meet .btn-calendar span{
          position:absolute;
          color:#fff;
          top:calc(50% - 8px);
          left:10px;
          /* left:20px; */
          font-size:13px;
          letter-spacing:1px;
          line-height:20px;
        }

        .area-search-meet .btn-calendar .search{
          /* transform:translateY(3px); */
        }

        .area-search-meet .btn-calendar img{
          height:35px;
          margin:0;
          padding:0;
          float:right;
        }

        .area-search-meet .input.datetime select{
          width:auto;
          /* width:calc(33.3333% - 3px); */
          /* background-image:url(../img/common/select-calendar.png); */
          background-image:none;
          color:#707070;
          background-color:#fff;
          border:solid 1px #ccc;
        }

        .area-search-meet .input.datetime select:after{
          content:'年';
        }

        .area-search-meet .input select{
          background-color:#65C0BA;
          color:#fff;
          margin:0;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background-image:url(../img/common/select-filter.png);
          background-size:auto 100%;
          background-repeat:no-repeat;
          background-position:right center;
          font-size:13px;
          font-weight:normal;
          letter-spacing:1px;
          padding:0 30px 0 10px;
          cursor:pointer;
          height:35px;
        }

        .area-search-meet .input select.select-color-gold{
          background-color: #968853 ;
          background-image: none ;
          background-image: url(../img/common/btn-fillter-gold.png);
          width: 200px ;
          padding: 0 30px 0 25px;
        }

        .area-search-meet .input select.select-color-gold.select-color-gold-small {
          width: auto ;
          padding: 0 30px 0 10px;
        }

        .area-search-meet .input select.select-color-gold.select-color-gold-second {
          padding: 0 30px 0 70px;
        }

        .input.datetime select{
          width:auto;
        }

        .btn.btn-reset-search{
          height:35px;
          width:100%;
          /* transform:translateY(-3px); */
          /* margin-left:10px; */
        }

        .area-search-meet .input select.btn-sort{
          background-image:url(../img/common/select-sort-sm.png);
          border:solid 1px #65C0BA;
          color:#65C0BA;
          /* transform:translateY(-2px); */
          background-color:#fff;
        }

        .area-search-meet .input select.btn-sort.btn-sort-second{
          height: 37px ;
          margin-left: 10px ;
        }

        .area-search-meet .input select.btn-sort.btn-sort-me{
          margin: 5px 5px 5px 0 ;
        }

        .search-sort {
          /* width: 30%; */
        }

        .search-sort p {
          color: #65C0BA ;
          width: 80px ;
        }

        .search-sort select {
          color: #65C0BA ;
        }

        .search-filter{
          display:none;
        }

        .search-filter.on{
          display:block;
        }

        .search-sort{
          display:none;
          width:100%;
        }

        .search-sort.on{
          display:flex;
        }

        .cp_ipselect {
          overflow: hidden;
          width: 90%;
          margin: 2em auto;
          text-align: center;
        }

        .cp_ipselect select {
          width: 100%;
          padding-right: 1em;
          cursor: pointer;
          text-indent: 0.01px;
          text-overflow: ellipsis;
          border: none;
          outline: none;
          background: transparent;
          background-image: none;
          box-shadow: none;
          -webkit-appearance: none;
          appearance: none;
        }

        .cp_ipselect select::-ms-expand {
          display: none;
        }

        .cp_ipselect.cp_sl01 {
          position: relative;
          border: 1px solid #65C0BA;
          border-radius: 2px;
          background: #ffffff;
          margin: 0 5px ;
        }

        .cp_ipselect.cp_sl01::before {
          position: absolute;
          top: 1.2em;
          right: 0.9em;
          width: 0;
          height: 0;
          padding: 0;
          content: '';
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          border-top: 6px solid #65C0BA;
          pointer-events: none;
        }

        .cp_ipselect.cp_sl01 select {
          padding: 8px 38px 8px 8px;
          color: #65C0BA;
          line-height: 18px ;
        }

        .area-news {
          margin: 30px 0 ;
        }

        .area-news .row{
          align-items:center;
        }

        .area-news .news_content{
          padding:5px 0;
        }

        .area_news_profile {
          border: 1px solid #E60012 ;
          align-items: center ;
          margin:20px 0 30px 0 ;
          /* margin: 30px 0 ; */
          padding:24px 20px;
        }

        .area_news_profile span {
          color: #E60012 ;
        }

        .row + .row {
          padding-top: 12px ;
        }

        .row + .row.d-none.d-sm-flex {
          padding-top: 0px ;
        }

        .area-news .p_color_inverse {
          margin: 0 8px 5px 23px ;
        }

        .p_color_inverse-index {
          margin: 0 8px 5px 23px ;
        }

        .table_wrap {
          border-top: 1px solid #DADEDF;
          border-bottom: 1px solid #DADEDF;
        }

        .table_wrap h2{
          line-height:12px;
        }

        .table_profile_edit{
          width:100%;
        }

        .table_profile_edit tr{
          border-bottom:solid 1px #ccc;
        }

        .table_profile_edit td{
          padding:5px;
        }

        .table_profile_edit td label{
          margin-bottom:0;
        }


        .p_color_inverse {
          padding: 7px 14px ;
          border: 1px solid #968853 ;
          color : #968853 ;
        }

        /* .p_color_inverse_second {
          display:inline-block;
          padding:10px 12px;
          background-color:#968853;
          color:#fff ;
          font-size:12px;
          margin:12px 0 14px 0;
          } */

          span.news_date ,  span.p_color_inverse,span.news_content {
            display: inline-block ;
            align-items: center ;
            /* padding: 5px ; */
          }

          h2.h2_center {
            text-align: center ;
          }

          .carousel-control-prev-icon {
            background-image: url(../img/icon_botton_04.png);
            height: 40px;
            background-size: 100%;
            margin-top: 25vw;
          }

          .carousel-control-next-icon {
            background-image: url(../img/icon_botton_05.png) ;
            height: 40px ;
            background-size: 100% ;
            margin-top: 25vw;
          }

          .carousel-control-next, .carousel-control-prev {
            position: absolute;
            top: 0;
            bottom: 0;
            display: -ms-flexbox;
            display: inline-block;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 15%;
            color: #fff;
            text-align: center;
            opacity: .5;
          }

          .botton_border {
            display: block;
            width: 100% ;
            border: 1px solid  #65C0BA ;
            text-align: center;
            padding: 10px 0 ;
            color: #65C0BA ;
            margin: 20px 0 ;
          }

          .botton_border_meetindex {
            display: block;
            width: 100% ;
            border: 1px solid  #65C0BA ;
            text-align: center;
            padding: 15px 0 ;
            color: #65C0BA ;
            margin: 20px 0 ;
            font-size: 25px ;
          }

          .botton_border_small {
            display: block;
            width: 100% ;
            border: 1px solid  #65C0BA ;
            text-align: center;
            padding: 5px 0 ;
            margin: 10px 0 ;
            margin-left: -10px ;
            color: #65C0BA ;
          }

          .botton_color_small {
            display: block;
            width: 100% ;
            background-color: #65C0BA ;
            text-align: center;
            padding: 5px 0 ;
            margin: 10px 0 ;
            margin-left: -10px ;
            color: #fff ;
          }

          .botton_color_point {
            display: block;
            width: 100% ;
            background-color: #65C0BA ;
            text-align: center;
            padding: 20px ;
            color: #fff ;
          }

          .botton_border_small_modal {
            display: block;
            width: 50% ;
            border: 1px solid  #65C0BA ;
            text-align: center;
            padding: 5px 0 ;
            margin: 10px auto ;
            color: #65C0BA ;
          }

          .botton_border_meet_election {
            display: block;
            width: 50% ;
            border: 1px solid  #65C0BA ;
            text-align: center;
            padding: 20px 0 ;
            margin: 10px auto ;
            color: #65C0BA ;
            font-size: 20px ;
          }

          .botton_border_small_red {
            display: block;
            width: 100% ;
            border: 1px solid  #E60012 ;
            text-align: center;
            padding: 5px 0 ;
            margin: 10px 0 ;
            margin-left: -10px ;
            color: #E60012 ;
          }

          .botton_border_small_second {
            display: block;
            width: 100% ;
            background-color: #65C0BA ;
            text-align: center;
            padding: 5px 0 ;
            margin: 10px 0 ;
            margin-left: -10px ;
            color: #fff ;
          }

          .botton_border_small_userprofile {
            display: block;
            width: 100% ;
            border: 1px solid  #65C0BA ;
            text-align: center;
            padding: 20px 0 ;
            margin: 10px ;
            color: #65C0BA ;
          }

          .botton_border_second {
            width: 160px ;
            border: 1px solid  #65C0BA ;
            text-align: center;
            padding: 15px 0 ;
            color: #65C0BA ;
            margin: 20px 0 ;
          }

          .botton_border_second_com {
            width: 160px ;
            border: 1px solid  #65C0BA ;
            text-align: center;
            padding: 15px 0 ;
            color: #65C0BA ;
            margin: 20px 0 ;
            display: none ;
          }

          .botton_border_second_com_small {
            width: 100% ;
            border: 1px solid  #65C0BA ;
            text-align: center;
            padding: 15px 0 ;
            color: #65C0BA ;
            margin: 20px 0 ;
            display: inline-block ;
            position: relative;
          }

          .botton_border_second_profile_edit {
            width: 150px ;
            border: 1px solid  #65C0BA ;
            text-align: center;
            padding: 10px;
            color: #65C0BA ;
            margin: 20px ;
            display: inline-block ;
          }

          .botton_color_second_profile_edit {
            width: 150px ;
            background-color: #65C0BA ;
            text-align: center;
            padding: 10px;
            color: #fff ;
            margin: 20px ;
            display: inline-block ;
          }

          .botton_border_second_profile_edit:hover {
            width: 150px ;
            background-color:#E60012 ;
            text-align: center;
            padding: 10px;
            color: #fff ;
            margin: 20px ;
            display: inline-block ;
          }

          .textarea_news {
            padding: 20px 0 ;
          }

          .border-color {
            border:1px solid #65C0BA ;
            padding:20px;
            /* padding: 10px ; */
            margin:0 0 24px 0;
          }

          .wrap_sns {
            min-width: 152px ;
            text-align: center ;
          }

          .p_heading {
            text-align: center ;
            padding: 5px ;
            background-color: #65C0BA;
            color: white;
            width: 120px ;
          }

          .text_center {
            padding-left: 13px ;
            padding-top: 10px ;
          }

          .wrap_right{
            text-align:right;
            padding-right:15px;
          }

          .foote_wrap {
            background-image: url(../img/img_10.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            height: 70px ;
          }

          h3.h3_index {
            font-family: 'Josefin Sans', sans-serif ;
            padding: 20px 0 ;
            margin: 20px 0 ;
            font-size: 60px ;
            margin: 0 ;
            color : #65C0BA ;
          }

          p.p_span {
            font-size: 25px ;
          }



          .p_index_white {
            font-size: 18px ;
            color:#fff ;
          }

          h4.h4_index_black {
            font-size: 60px ;
            color: #777777 ;
          }

          .p_index_height {
            line-height: 35px ;
            text-align: left ;
            font-size: 18px ;
          }

          p.p_index_height_white {
            color: #fff ;
            text-align: left ;
          }

          .wrap_center {
            text-align: center ;
            margin: 50px 0 ;
          }

          .wrap_center_modal {
            text-align: center ;
          }

          .wrap_center_meetindex {
            text-align: center ;
          }

          .wrap_center img {
            padding: 50px 0 ;
          }

          h4.h4_index_small {
            font-size: 25px ;
          }

          h4.h4_small {
            display: block ;
          }

          h4.h4_index {
            display: none ;
          }

          .header-logo {
            margin: 100px 0 ;
          }

          .content_side {
            margin: 0 auto;
            text-align: center;
          }

          p.text_left {
            padding: 10px 0 ;
            text-align: right ;
          }

          .wrap_center_small {
            text-align: center;
          }

          p.p_font {
            font-family: Noto Sans CJK JP ;
            font-size: 18px ;
            padding: 10px 0 ;
          }

          .wrap_display_small {
            display: none ;
          }

          .wrap_border {
            border-bottom: 1px solid #C1C1C1 ;
            display: flex ;
            align-items: flex-end ;
            height: 100% ;
            width: 100% ;
            padding-top: 8px ;
          }

          .wrap_border .row {
            width: 100% ;
            align-items: flex-end!important;
          }

          .wrap_padding {
            padding-top: 10px ;
            width: 100% ;
          }
          .m-b p {
            margin-bottom: 8px;
          }
          .m-b p:last-child {
            margin-bottom: 0;
          }

          .wrap_border_box {
            /* margin: 10px 0 ; */
            margin-bottom:10px;
            border: 1px solid #65C0BA ;
            padding:15px;
          }

          .wrap_border_bottom{
            margin-bottom:20px 0;
            padding:35px 10px;
            border-bottom: 1px solid #65C0BA;
          }

          .wrap_border_bottom h5{
            margin:20px 0;
          }

          .wrap_border_bottom_none {
            margin: 10px 0 ;
          }

          .wrap_border_box_second {
            padding: 20px ;
            margin: 10px 0 ;
            border: 1px solid #65C0BA ;
          }

          .p_meetindex {
            padding: 10px 0 ;
          }

          .p_meetindex_head {
            font-size: 20px ;
            padding: 10px 0 ;
          }

          .p_meetindex_bold {
            font-weight: bold;
            padding: 10px 0 ;
          }

          .wrap_meetindex_icon {
            padding: 0 10px ;
          }

          .img_board {
            padding: 30px 0 ;
            display: inline-block ;
          }

          .img_board_small {
            padding: 30px 0 ;
            display: none ;
          }

          .wrap_meetindex_small {
            display: none ;
          }

          /* table , .flex.table{
            display: contents;
            } */

            th {
              padding: 0 10px ;
            }

            th.th_first {
              color: #65C0BA ;
            }

            .table-meet-info th{
              color: #65C0BA ;
              padding:10px 10px ;
            }

            .p_meetindex_normal {
              font-weight: normal ;
              padding: 10px 0 ;
            }

            .botton_border_meetindex_small {
              display: block;
              width: -webkit-fill-available;
              border: 1px solid #65C0BA;
              text-align: center;
              padding: 15px 0;
              color: #65C0BA;
              margin: 5px ;
              font-size: 16px;
            }

            .ul_meetindex {
              padding-left: 18px ;
            }

            .wrap_community_small {
              display: contents ;
            }

            .wrap_community_bottom {
              margin: 30px 0 ;
            }

            a.botton_community {
              display: none ;
            }

            i.fas.fa-long-arrow-alt-right {
              position: absolute;
              right: 10px ;
              font-size: 20px ;
            }

            img.img_userprofile {
              padding: 10px 0 ;
            }

            .p_userprofile_small {
              display: none ;
              padding: 10px 0 ;
            }

            .p_userprofile_small_top {
              display: inline-block ;
            }

            .p_userprofile_small_second {
              display: none ;
              padding: 10px ;
              font-size: 8px ;
            }

            .span_userprofile {
              background-color: #65C0BA ;
              color : #fff ;
              border-radius: 3px;
              padding: 3px;
              margin: 0 5px;
            }

            .card-evaluation {
              /* display: inline-block ; */
              padding:10px 0;
              border-bottom: 1px solid #65C0BA ;
            }

            .card-evaluation h5{
              margin:10px 0;
            }

            .card-evaluation h5 + [class*="text-"]{
              height:auto;
              overflow:hidden;
              min-height:4.5em;
            }

            .card-evaluation h5 + [class*="text-"].text-hidden-second{
              height:4.5em;
            }

            .p_profile {
              background-color:#8A7A46;
              color: #fff ;
              margin: 10px auto;
              display:inline-block;
              padding:10px 12px;
              font-size:12px;
              /* margin:12px 0 14px 0; */
            }

            .badge-status{
              display:inline-block;
              margin: 10px auto;
              padding:6px 12px;
              background-color:#8A7A46;
              font-size:12px;
              color: #fff ;
            }

            .p_profile_edit {
              margin: 10px ;
            }

            .p_heading_first {
              font-size: 30px ;
              padding: 10px 0
            }

            .wrap_display_userprofile {
              padding-left: 15px ;
            }

            img.img_userprofile {
              display: none ;
            }

            img.img_userprofile_02 {
              display: inline-block ;
              width: 20% ;
            }

            .wrap_userprofile_res {
              display: none ;
            }

            .area-login {
              display: block ;
              margin: 0 auto ;
              text-align: center;
              padding:32px 0 50px 0;
            }

            .area-login img{
              margin:0 auto 28px auto;
            }

            .p_login_heading {
              font-size: 30px ;
              color: #4AA6B5 ;
              margin: 20px 0 ;
            }

            .title-login {
              font-size:21px ;
              line-height:21px ;
              color: #D6C481 ;
              margin-bottom: 7px;
            }

            .title-login + p{
              font-size:12px;
              margin-bottom:14px;
            }

            .box-login {
              border: 1px solid #164F7C ;
              width:100%;
              max-width: 380px ;
              margin: 0 auto ;
              padding:27px 15px 25px 15px;
            }

            .input input,
            .input select,
            .input textarea{
              width:100%;
              height:45px;
              border: none;
              background-color: #EDF1F5;
              color:#707070;
              padding:0 10px;
              /* padding:20px 20px; */
              margin: 0 0 20px 0;
              /* color: #C1C1C1; */
            }

            .input textarea{
              padding:8px;
            }

            .input input[type='radio']{
              width:auto;
              height:auto;
              margin: 0 0 0 0;
            }

            .input input[type='file']{
              width:auto;
              height:auto;
              background-color:transparent;
              margin:0;
              padding:0;
            }

            .box-login .input + .input input{
              margin-bottom:30px;
            }

            .box-login .input input:focus,
            .box-login .input select:focus{
              box-shadow:none;
              outline:none;
            }

            .box-login .submit{
              margin-bottom:8px;
            }

            .box-login .submit + p{
              margin-bottom:22px;
            }

            /* .box-login ul.checkbox li input {
              max-width: 16px ;
              height: 13px ;
              border: none ;
              background-color: #F5F1ED ;
              margin: 20px 0 ;
              } */

              input.input_keireki {
                width: 300px ;
                max-width: 300px ;
              }

              .btn{
                border-radius:0;
                padding:18px 10px;
                font-size:14px;
                line-height:14px;
                display:inline-block;
                margin:auto;
                border:solid 1px #333;
                color:#333;
                width:100%;
              }

              .btn:hover,
              .btn:focus{
                outline:none;
                box-shadow:none;
              }

              .btn-colored{
                background-color: #66C0BA ;
                border:solid 1px #66C0BA;
                color:#fff;
              }

              .btn-colored:hover,
              .btn-colored:focus{
                background-color: #fff ;
                border:solid 1px #66C0BA;
                color:#65C0BA;
              }

              .btn-colored-inverse{
                background-color: #fff ;
                border:solid 1px #65C0BA;
                color:#65C0BA;
              }

              .btn-colored-inverse:hover,
              .btn-colored-inverse:focus{
                background-color: #65C0BA ;
                border:solid 1px #65C0BA;
                color:#fff;
              }

              .btn-red{
                background-color: #FF2E2E ;
                border:solid 1px #FF2E2E;
                color:#fff!important;
              }

              .btn-red:hover,
              .btn-red:focus{
                background-color: #fff ;
                border:solid 1px #FF2E2E;
                color:#FF2E2E!important;
              }

              .btn-red-inverse{
                background-color: #fff!important ;
                border:solid 1px #FF2E2E!important ;
                color:#FF2E2E!important ;
              }

              .btn-red-inverse:hover,
              .btn-red-inverse:focus{
                background-color: #FF2E2E!important ;
                border:solid 1px #FF2E2E!important ;
                color:#fff!important;
              }

              .btn-gray{
                background-color: #ccc!important ;
                border:solid 1px #ccc!important ;
                color:#fff !important ;
              }

              .btn-gray-second{
                background-color: #666!important ;
                border:solid 1px #666!important ;
                color:#fff !important ;
              }

              .btn-gray:hover,
              .btn-gray:focus{
                background-color: #fff ;
                border:solid 1px #ccc;
                color:#ccc;
              }

              .btn-gray-second:hover,
              .btn-gray-second:focus{
                background-color: #fff!important ;
                border:solid 1px #666!important ;
                color:#666!important ;
              }

              .btn-gray-inverse{
                background-color: #fff ;
                border:solid 1px #ccc;
                color:#ccc;
              }

              .btn-gray-inverse:hover,
              .btn-gray-inverse:focus{
                background-color: #ccc ;
                border:solid 1px #ccc;
                color:#fff;
              }

              .btn-facebook{
                background-color: #306EBF ;
                border:solid 1px #306EBF;
                color:#fff;
              }

              .btn-facebook:hover,
              .btn-facebook:focus{
                background-color: #fff ;
                border:solid 1px #306EBF;
                color:#306EBF;
              }

              .btn-login{
                padding:8px 10px;
                /* padding:8px 60px; */
                width:170px;
                background-color: #164F7C ;
                border:solid 1px #164F7C;
                color:#fff;
              }

              .btn-login:hover,
              .btn-login:focus{
                background-color: #fff ;
                border:solid 1px #164F7C;
                color:#164F7C;
              }

              .btn-small{
                padding:10px 10px;
                font-size:12px;
              }

              .btn-heart{
                position:relative;
              }

              .btn-heart:before{
                content:'\f004';
                font-family:'Font Awesome 5 Free';
                font-weight:900;
                color:#707070;
                padding-right:5px;
              }

              .botton_color_signup {
                display: block;
                text-align: center;
                text-decoration: none;
                border-radius: 0;
                margin: 0 auto 20px;
                padding: 10px 0 ;
                background-color: #65C0BA ;
                color: white ;
                width: 300px ;
              }

              .botton_color_signup_edit {
                display: block;
                text-align: center;
                text-decoration: none;
                border-radius: 0;
                margin: 0 10px 20px;
                padding: 10px 0 ;
                background-color: #65C0BA ;
                color: white ;
                width: 300px ;
              }

              .botton_border_signup {
                display: block;
                width: 300px ;
                border: 1px solid  #65C0BA ;
                text-align: center;
                padding: 10px 0 ;
                color: #65C0BA ;
                margin: 0 auto 20px ;
              }

              a.botton_color_modal {
                display: inline-block;
                text-align: center;
                text-decoration: none;
                border-radius: 0;
                margin: 0 5px 20px;
                padding: 15px 0 ;
                background-color: #65C0BA ;
                color: white ;
                width: 300px ;
              }

              a.botton_color_modal_small {
                display: inline-block;
                text-align: center;
                text-decoration: none;
                border-radius: 0;
                margin: 0 auto ;
                padding: 15px 0 ;
                background-color: #65C0BA ;
                color: white ;
                width: 200px ;
              }

              a.botton_border_modal {
                display: block;
                width: 300px ;
                border: 1px solid  #65C0BA ;
                text-align: center;
                padding: 15px 0 ;
                color: #65C0BA ;
                margin: 0 5px 20px ;
              }

              a.botton_border_modal_small {
                display: block;
                width: 200px ;
                border: 1px solid  #65C0BA ;
                text-align: center;
                padding: 15px 0 ;
                color: #65C0BA ;
                margin: 0 auto;
              }

              a.botton_border_profile {
                display: block;
                width: 295px ;
                border: 1px solid  #65C0BA ;
                text-align: center;
                padding: 10px 0 ;
                color: #65C0BA ;
                margin: 0 10px ;
              }

              a.botton_border_feedindex {
                display: block;
                width: 300px ;
                border: 1px solid  #65C0BA ;
                text-align: center;
                padding: 10px 0 ;
                color: #65C0BA ;
                margin: 0 auto 40px ;
              }

              a.botton_color_manager {
                display: inline-block;
                text-align: center;
                text-decoration: none;
                border-radius: 0;
                margin: 0 auto;
                padding: 15px 0 ;
                background-color: #65C0BA ;
                color: white ;
                width: 300px ;
                font-size: 18px ;
              }

              a.botton_color_facebook {
                display: inline-block;
                text-align: center;
                text-decoration: none;
                border-radius: 0;
                margin: 0px auto 20px ;
                padding: 15px 0 ;
                background-color: #306EBF ;
                color: white ;
                width: 300px ;
                font-size: 18px ;
              }

              .btn-login + a{
                color:#164F7C;
                font-weight:800;
              }

              p.p_signup{
                padding: 10px 0 ;
              }

              .area-login_bottom{
                margin:37px 0 0px 0 ;
              }

              .area-login_bottom p{
                margin-bottom:8px;
              }

              .wrap_user_signup {
                width: 100% ;
                height: 150px ;
                background-color: #164F7C ;
                text-align: center ;
                margin: 20px auto ;
              }

              .title-label{
                background-color: #164F7C ;
                text-align: center ;
                margin: 0px auto 20px ;
                padding:35px 0;

              }

              .title-label h2{
                margin:0;
                font-size: 30px ;
                color: #D6C481 ;
                position: relative;
                display: inline-block;
                margin-bottom: 1em;
                padding:0;
              }

              .title-label h2:before {
                content: '';
                position: absolute;
                bottom: -10px;
                display: inline-block;
                width: 50px;
                height: 3px;
                left: 50%;
                -moz-transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                background-color: #D6C481;
              }

              .title-label p{
                color: #FFF ;
              }


              .wrap_user {
                width: 50% ;
                height: 150px ;
                background-color: #164F7C ;
                text-align: center ;
                margin: 20px auto ;
              }

              .wrap_user_edit {
                width: 100% ;
                height: 150px ;
                background-color: #164F7C ;
                text-align: center ;
                margin: 0px auto ;
              }

              .p_user_signup {
                margin: 20px 0 ;
                font-size: 30px ;
                color: #D6C481 ;
                position: relative;
                display: inline-block;
                margin-bottom: 1em;
              }

              .p_user_signup::before {
                content: '';
                position: absolute;
                bottom: -10px;
                display: inline-block;
                width: 50px;
                height: 3px;
                left: 50%;
                -moz-transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                transform: translateX(-50%);
                background-color: #D6C481;
              }

              .p_user_signup_small {
                color: #FFF ;
              }

              .form {
                margin: 30px 0 ;
              }

              .wrap_form {
                margin: 20px 0 ;
              }

              label.label_admin {
                padding-left: 0px ;
              }

              .wrap_form > p {
                margin: 0 30px ;
              }

              .wrap_form > input {
                margin:  0 10px ;
                border: none ;
                background-color: #F5F1ED ;
              }

              .p_required {
                display:none;
                background-color: #4AA6B5 ;
                color: #fff ;
                padding: 5px ;
                border-radius: 3px ;
                margin-left:1em;
              }

              .p_required_responsive {
                display: inline-block ;
                background-color: #4AA6B5 ;
                color: #fff ;
                padding: 0px 10px ;
                border-radius: 3px ;
                margin: 0 20px ;
              }

              .p_required_responsive_none {
                display: none ;
              }

              .p_required_none {
                background-color: #4AA6B5;
                color: #fff;
                padding: 0px 10px;
                border-radius: 3px;
                margin: 0 20px;
                visibility: hidden ;
              }

              .wrap_flex_user {
                display: flex;
                align-items: center;
              }

              .wrap_flex_user_question {
                display: flex;
                align-items: center;
                height: 40px ;
                margin-bottom: 10px ;
              }

              select.select_mymenu {
                margin-bottom: 10px ;
                padding: 0 20px;
                color: #C1C1C1;
                height: 40px;
                background-color: rgb(237,241,245);
                border: none;
                width: 100% ;
              }

              .modal_select {
                margin: 20px;
                padding: 0 20px;
                color: #C1C1C1;
                height: 40px;
                background-color: rgb(237,241,245);
                border: none;
                width: 140px ;
              }

              .d-flex input[type=checkbox]{
                margin:0;
                vertical-align:middle;
              }

              .label-checkbox{
                display:flex;
                align-items:center;
                margin:0 20px;
              }

              .label-checkbox .input.checkbox{
                width:20px;
              }

              ul.nav-aside {
                margin: 0 0 20px ;
                display:none;
              }

              ul.nav-aside li {
                list-style: none ;
                margin:0;
                padding:0;
              }

              ul.nav-aside li a{
                display:flex;
                align-items: center ;
                padding: 20px 10px ;
                border:solid 1px #154F7B;
                border-top:none;
              }

              ul.nav-aside li:first-child a{
                border-top:solid 1px #154F7B;
              }

              ul.nav-aside.nav-aside-admin li a,
              ul.nav-aside.nav-aside-cm li a{
                border:solid 1px #164F7C;
                border-top:none;
              }

              ul.nav-aside.nav-aside-admin li:first-child a,
              ul.nav-aside.nav-aside-cm li:first-child a{
                border-top:solid 1px #164F7C;
              }

              .a_block {
                display: block ;
                margin-bottom: 20px ;
              }

              .wrap_keireki {
                text-align: center ;
              }

              a.boton_mottomiru {
                padding: 11px 91px ;
                background-color: #65C0BA ;
                color: #fff ;
              }

              .wrap_parts {
                display: none ;
              }

              .wrap_parts_xs {
                display: block ;
              }

              select.feedindex {
                color: #65C0BA;
                border: 1px solid #65C0BA;
                background-color: #fff ;
                width: 50% ;
                margin: 0 10px ;
              }

              .botton_border_xs {
                display: block;
                width: 100%;
                border: 1px solid #65C0BA;
                text-align: center;
                padding: 10px 0;
                color: #65C0BA;
                margin: 20px 0;
              }

              .h3_profile {
                margin: 0 20px ;
              }

              .wrap_img {
                text-align: center;
              }

              .box_blue {
                height: 20px ;
                background-color: #164F7C ;
              }

              p.p_top {
                display: none ;
                font-size: 12px ;
                color: #DADEDF ;
              }

              a.botton_viewall {
                display: block;
                width: 300px ;
                border: 1px solid  #65C0BA ;
                text-align: center;
                padding: 10px 0 ;
                color: #65C0BA ;
                margin: 0 auto 40px ;
                /* background-image: url(../img/icon_arrow_03.png) ; */
                background-repeat: no-repeat ;
                background-position-x: right;
                background-position-y: center;
              }

              .input_admin_edit {
                background-color: #F5F1ED ;
                border: none ;
                padding: 10px ;
              }

              .nav-tabs {
                text-align: center ;
              }

              .nav-tabs .nav-item {
                width: 50%;
                margin-bottom: -1px;
              }

              .nav-tabs .nav-item.show .nav-link,
              .nav-tabs .nav-link.active,
              .nav-tabs .nav-link {
                border-color:#65C0BA #65C0BA #fff;
                border-radius:0;
                padding:20px 0;
                font-size:16px;
                line-height:18px;
                color:#65C0BA;
                height:100%;
              }

              .nav-tabs .nav-link {
                background-color:rgba(22,79,124,.07);
                border-color:rgba(22,79,124,.07);
                border-bottom-color:#65C0BA;
                color:#777;
              }

              .tab-content > .tab-pane{
                padding: 0px;
                min-height: 60vh ;
              }

              .tab-content > .tab-pane h5{
                /* font-size:18px; */
                /* margin:0; */
              }

              .input_main {
                margin: 0 10px ;
                margin-bottom: 10px;
                padding: 0 20px;
                color: #C1C1C1;
                height: 40px;
                background-color: rgb(237,241,245);
                border: none;
                width: 100%;
              }

              .input_point {
                margin: 0 10px ;
                margin-bottom: 10px;
                /* padding: 0 20px; */
                padding:8px 38px 8px 8px;
                color: #C1C1C1;
                /* height: 40px; */
                background-color: rgb(237,241,245);
                border: none;
                width: 30%;
                font-size:14px;
              }

              .input_main_question {
                margin-bottom: 10px;
                padding: 0 20px;
                color: #C1C1C1;
                height: 40px;
                background-color: rgb(237,241,245);
                border: none;
                width: 90%;
              }

              .input_main_flex {
                margin: 10px;
                padding: 0 20px;
                color: #C1C1C1;
                height: 40px;
                background-color: rgb(237,241,245);
                border: none;
                width: 100%;
              }

              .input_main_flex_small {
                margin: 0 10px;
                padding: 0 20px;
                color: #C1C1C1;
                height: 40px;
                background-color: rgb(237,241,245);
                border: none;
                width: 30%;
              }

              textarea {
                /* margin:0 auto; */
                padding:20px;
                /* color: #C1C1C1; */
                min-height: 250px;
                background-color: #EDF1F5 ;
                /* background-color: rgb(237,241,245); */
                border: none;
                width: 100%;
                /* resize: none; */
              }

              /* textarea.textarea_join {
                margin: 0 10px;
                padding: 20px;
                color: #C1C1C1;
                height: 150px;
                background-color: rgb(237,241,245);
                border: none;
                width: 100%;
                resize: none;
                } */

                .input_main_flex_img {
                  margin: 10px;
                  padding: 0 20px;
                  color: #C1C1C1;
                  height: 40px;
                  background-color: rgb(237,241,245);
                  border: none;
                  width: 100%;
                  background-image: url(../img/icon_calendar_02.png);
                  background-repeat: no-repeat;
                  background-position: calc(100% - 5px);
                }

                .p_inline_block {
                  display: inline-block;
                  margin: 0 10px ;
                }

                p.p_red {
                  display: block;
                  width: 100%;
                  background-color: #E60012 ;
                  text-align: center;
                  padding: 10px 0;
                  color: #fff;
                  margin: 20px 0;
                }

                p.p_red_border {
                  display: block;
                  width: 100%;
                  border: 1px solid #E60012 ;
                  text-align: center;
                  padding: 10px 0;
                  color: #E60012;
                  margin: 20px 0;
                }

                p.p_red_border_small {
                  display: block;
                  width: 50%;
                  border: 1px solid #E60012 ;
                  text-align: center;
                  padding: 10px 0;
                  color: #E60012;
                  margin: 20px 0;
                }

                p.p_meet_election {
                  font-weight: bold;
                  color : #65C0BA ;
                  font-size: 20px ;
                  padding: 0 10px ;
                }

                p.p_small {
                  font-size: 12px ;
                }

                .wrap_display_meet {
                  display: block ;
                  margin: 0 auto ;
                }

                span.span_edit {
                  color : #707070 ;
                }

                table.table_modal {
                  display: block ;
                }

                table.table_modal tr td {
                  padding: 20px ;
                }

                .p_manager {
                  font-size:18px;
                  /* font-size: 25px ; */
                  padding: 0 25px ;
                }

                .p_banner {
                  font-size: 15px ;
                }

                /* footer */

                footer {
                  background-color: #164F7C ;
                  position:relative;
                }

                footer .link-admin-console{
                  position:absolute;
                  left:15px;
                  top:10px;
                }

                footer .link-admin-console a{
                  color:#fff;
                }

                footer .link-admin-console a:hover{
                  text-decoration:underline;
                }

                .footer_content {
                  flex-direction: column ;
                }

                footer .nav-footer {
                  font-size: 10px ;
                }

                footer  li {
                  display: inline-block ;
                  list-style: none ;
                  color : white ;
                  width:  calc((100% - 100px - 70px)/2) ;
                }

                footer .nav-footer li:nth-child(3n-2) {
                  width: 100px ;
                  /* width: 110px ; */
                }

                footer  span {
                  color: white ;
                  font-size: 10px ;
                  display: inline-block ;
                  text-align: center ;
                  width: 100% ;
                  padding-top: 18px ;
                }

                footer a{
                  color:#fff;
                }

                footer a:hover,
                footer a:focus{
                  color:#fff;
                }

                .page-link-02 {
                  position: relative;
                  display: block;
                  padding: .5rem .75rem;
                  margin-left: -1px;
                  line-height: 1.25;
                  color: #007bff;
                  background-color: #fff;
                  margin: 0 1px ;
                }

                .page-item:first-child .page-link {
                  margin-left: 0;
                  border-top-left-radius: 0;
                  border-bottom-left-radius: 0;
                }

                .page-item:last-child .page-link {
                  border-top-right-radius: 0;
                  border-bottom-right-radius: 0;
                }

                p.pagination_p {
                  text-align: center ;
                  padding-bottom: 30px ;
                }

                .pagination{
                  justify-content:center;
                }

                .pagination li a{
                  padding:5px 10px;
                  border-top:1px solid #65C0BA;
                  border-bottom:1px solid #65C0BA;
                  border-right:1px solid #65C0BA;
                  color:#65C0BA;
                }

                .pagination li:first-child a{
                  border-left:1px solid #65C0BA;
                }

                .pagination li a:hover,
                .pagination li a:focus{
                  background-color:#65C0BA;
                  color:#fff;
                  text-decoration:none;
                }

                .switch-label {
                  width: 82px;
                  position: relative;
                  /* display: inline-block; */
                  /* border-radius: 30px ; */
                  color: #fff ;
                  margin:0;
                }
                .switch-content {
                  display: block;
                  cursor: pointer;
                  position: relative;
                  border-radius: 30px;
                  height:28px;
                  overflow: hidden;
                }
                .switch-content:before {
                  content: "ON";
                  display: block;
                  position: absolute;
                  width: calc(100% - 0px);
                  height: calc(100% - 0px);
                  top: 0;
                  left: 0;
                  border-radius: 30px;
                  background-color: #65C0BA;
                  padding:6px 15px;
                }
                .switch-content:after {
                  content: "";
                  display: block;
                  position: absolute;
                  width: 0;
                  height: 0;
                  top: 50%;
                  left: 50%;
                  border-radius: 30px;
                  -webkit-transition: all .5s;
                  -moz-transition: all .5s;
                  -ms-transition: all .5s;
                  -o-transition: all .5s;
                  transition: all .5s;
                }
                .switch-input{
                  display: none;
                }

                .switch-circle {
                  display: block;
                  top:0px;
                  right:0px;
                  position: absolute;
                  border:solid 1px #65C0BA;
                  width:28px;
                  height:28px;
                  -webkit-border-radius: 20px;
                  border-radius: 20px;
                  background-color: #fff;
                  -webkit-transition: all .5s;
                  -moz-transition: all .5s;
                  -ms-transition: all .5s;
                  -o-transition: all .5s;
                  transition: all .5s;
                }
                .switch-input:checked ~ .switch-circle {
                  border:solid 1px #707070;
                  right:54px;
                }

                .switch-input:checked ~ .switch-content:after {
                  background-color: #707070;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                }




                /* モーダルCSS */
                .modalArea {
                  display: none;
                  position: fixed;
                  z-index: 10; /*サイトによってここの数値は調整 */
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                }

                .modalBg {
                  width: 100%;
                  height: 100%;
                  background-color: rgba(30,30,30,0.9);
                }

                .modalWrapper {
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform:translate(-50%,-50%);
                  width: 70%;
                  max-width: 500px;
                  padding: 10px 30px;
                  background-color: #fff;
                }

                .closeModal {
                  position: absolute;
                  top: 0.5rem;
                  right: 1rem;
                  cursor: pointer;
                }
                .modalContents {
                  text-align: center ;
                }

                .modalWrapper {
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform:translate(-50%,-50%);
                  width: 70%;
                  max-width: 500px;
                  padding: 10px 30px;
                  background-color: #fff;
                }

                .cp_ipselect_02 {
                  overflow: hidden;
                  width: 100%;
                  margin: 0 10px ;
                  margin-bottom: 10px ;
                  text-align: center;
                }

                .cp_ipselect_02_small {
                  margin: 10px ;
                  overflow: hidden;
                  width: 30%;
                  margin-bottom: 10px ;
                  text-align: center;
                  font-size:14px;

                }

                .cp_ipselect_02_center {
                  margin: 0px auto ;
                  overflow: hidden;
                  width: 30%;
                  margin-bottom: 10px ;
                  text-align: center;
                }

                .cp_ipselect_02_flex {
                  margin: 10px ;
                  overflow: hidden;
                  width: 100%;
                  margin-bottom: 10px ;
                  text-align: center;
                }

                .cp_ipselect_02 select , .cp_ipselect_02_flex select, .cp_ipselect_02_small select, .cp_ipselect_02_center select {
                  width: 100%;
                  padding-right: 1em;
                  cursor: pointer;
                  text-indent: 0.01px;
                  text-overflow: ellipsis;
                  border: none;
                  outline: none;
                  background: transparent;
                  background-image: none;
                  box-shadow: none;
                  -webkit-appearance: none;
                  appearance: none;
                }
                .cp_ipselect_02 select::-ms-expand , .cp_ipselect_02_flex select::-ms-expand, .cp_ipselect_02_small select::-ms-expand, .cp_ipselect_02_center select::-ms-expand {
                  display: none;
                }
                .cp_ipselect_02.cp_sl03 , .cp_ipselect_02_flex.cp_sl03 , .cp_ipselect_02_small.cp_sl03, .cp_ipselect_02_center.cp_sl03 {
                  position: relative;
                  background: rgb(237,241,245);
                }
                .cp_ipselect_02.cp_sl03::before , .cp_ipselect_02_flex.cp_sl03::before , .cp_ipselect_02_small.cp_sl03::before , .cp_ipselect_02_center.cp_sl03::before {
                  position: absolute;
                  top: 1em;
                  right: 0.8em;
                  width: 0;
                  height: 0;
                  padding: 0;
                  content: '';
                  border-left: 6px solid transparent;
                  border-right: 6px solid transparent;
                  border-top: 6px solid #C1C1C1;
                  pointer-events: none;
                }
                .cp_ipselect_02.cp_sl03 select , .cp_ipselect_02_flex.cp_sl03 select, .cp_ipselect_02_small.cp_sl03 select, .cp_ipselect_02_center.cp_sl03 select {
                  padding: 8px 38px 8px 8px;
                  /* color: #C1C1C1; */
                }

                .one, .two, .three{
                  position:absolute;
                  margin-top:-10px;
                  z-index:1;
                  height:40px;
                  width:40px;
                  border-radius:25px;

                }
                .one{
                  left:25%;
                }
                .two{
                  left:50%;
                }
                .three{
                  left:75%;
                }
                .primary-color{
                  background-color:#4989bd;
                }
                .success-color{
                  background-color:#5cb85c;
                }
                .danger-color{
                  background-color:#d9534f;
                }
                .warning-color{
                  background-color:#f0ad4e;
                }
                .info-color{
                  background-color:#5bc0de;
                }
                .no-color{
                  background-color:inherit;
                }

                .box-user{
                  text-align:center;
                  padding:10px;
                  margin-bottom:30px;
                  border:1px solid transparent;
                }

                .box-user:hover,
                .box-user:focus{
                  /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
                  /* transition: all 0.3s cubic-bezier(.25,.8,.25,1); */
                  border:1px solid #65C0BA;
                }

                .section-aside-inner .box-user:hover,
                .section-aside-inner .box-user:focus{
                  border:none;
                }

                .box-user .embed-responsive{
                  margin-bottom:10px;
                }

                .box-user-selection{
                  padding:0;
                }

                .box-user-selection:hover,
                .box-user-selection:focus{
                  border:solid 1px transparent;
                }

                .box-meet{

                }

                .box-meet h5{
                  font-size:1rem;
                  font-weight:normal;
                  line-height:1.2rem;
                }

                .box-meet p{
                  padding-left:5px;
                  height:46px;
                  overflow:hidden;
                }

                .box-meet h6{
                  color:#968853;
                  font-size:12px;
                  font-weight:bold;
                  line-height:1.2rem;
                }

                .box-meet h6 span{
                  display:block;
                }

                .box-meet h6 span + span{
                  padding-left:5px;
                }

                .tab-content > .tab-pane .box-evaluation{
                  padding:44px 15px 15px 15px;
                  border-bottom:solid 1px #65C0BA;
                }

                .tab-content > .tab-pane .box-evaluation h5{
                  font-size:1rem;
                  margin-bottom:24px;
                }

                .tab-content > .tab-pane .box-evaluation p{
                  line-height:1.6em;
                  /* margin-bottom:20px; */
                  color:#333;
                }

                .tab-content > .tab-pane .box-evaluation a{
                  color:#707070;
                }

                .tab-content > .tab-pane .box-evaluation .box-evaluation-sort{
                  align-items:center;
                }

                .tab-content > .tab-pane .box-evaluation .box-evaluation-sort i{
                  font-size:33px;
                  color:#65C0BA;
                  margin-left:15px;
                  cursor:pointer;
                }

                .tab-content > .tab-pane .box-evaluation .box-evaluation-sort .date{
                  font-size:12px;
                }

                .box-profile h5{
                  font-size:25px;
                }

                #thread{
                  /* border:solid 1px #ccc; */
                  margin:0 0 10px 0;
                  /* padding:10px; */
                  /* overflow:hidden;
                  max-height:100px; */
                }

                #thread.on{
                  max-height:none;
                }

                #thread .box-message{
                  border:solid 1px #ccc;
                  border-radius:10px;
                  margin:0;
                  padding:10px;
                }

                #thread .item{
                  margin:0;
                  padding:10px 0;
                }

                .section p{
                  font-size: 14px ;
                  line-height:30px;
                  margin-bottom:2em;
                }

                .section-about{
                  text-align:center;
                }

                .section-about h2{
                  font-size: 60px ;
                  color : #D6C481 ;
                }

                .section-about p{
                  margin: 20px 0 ;
                }

                .section-meet{
                  background-color:#65C0BA;
                }

                .section-meet h4,
                .section-meet p{
                  color:#fff;
                }

                .section-evaluate{
                  background-color: #4AA6B5;
                }

                .section-evaluate h4,
                .section-evaluate p{
                  color:#fff;
                }

                .section-passion{
                  text-align:center;
                }

                .section-passion-inner{
                  padding:66px 0;
                }

                .section-passion-inner p{
                  text-align:left;
                }

                .section-for-adult{
                  background-color: #164F7C;
                  text-align:center;
                }

                .section-for-adult h4{
                  font-size:20px;
                  font-weight:bold;
                }

                .section-for-adult p{
                  color:#fff;
                }

                .box-slider p{
                  width:30%;
                }

                .box-slider #slider{
                  height:1px;
                  width:100%;
                  border:solid 1px #65C0BA;
                }

                #slider span.ui-state-default,
                #slider span.ui-widget-content .ui-state-default,
                #slider span.ui-widget-header .ui-state-default,
                #slider span.ui-button,
                html #slider span.ui-button.ui-state-disabled:hover,
                html #slider span.ui-button.ui-state-disabled:active{
                  background:none;
                  background-color:transparent;
                  /* background-color:#F36870; */
                  border:0;
                  width:24px;
                  height:30px;
                  margin:0;
                  transform:translateY(-25px)translateX(-12px);
                  background-image:url(../img/common/icon-marker.png);
                  background-size:100%;
                  background-repeat:no-repeat;
                  box-shadow:none;
                  outline:none;
                  color:#fff;
                  text-align:center;
                }

                .message.error,
                .error-message{
                  color:#f00;
                }

                .area-user-basic-info .row + .row{
                  padding-top:0;
                }

                .area-user-basic-info .row [class*='col-']{
                  /* padding-top:5px; */
                  /* padding-bottom:5px; */
                }

                .row.to-be-hidden .col-sm-6:nth-child(n+5) , .row.to-be-hidden .col-sm-12 {
                  display: none!important ;
                }

                .area-paragraph p,
                .modal-body p{
                  margin-bottom:1.0em;
                }

                .color-green {
                  color : #65C0BA ;
                }

                .color-gold {
                  color : #968853 ;
                  padding-right: 0!important ;
                }

                .color-gold.f-24 {
                  font-size: 24px ;
                }

                .title-view {
                  font-size: 30px ;
                }

                .text-catch-copy {
                  font-size: 20px ;
                  padding-bottom: 10px ;
                  /* max-width: 90% ; */
                }

                /*エースユーザー*/

                .bg-ace-card {
                  width: 100% ;
                  text-align: center ;
                }

                .bg-ace-card:nth-child(n+4) {
                  display: none ;
                }

                .title-ace-card {
                  font-family: 'Josefin Sans', sans-serif ;
                  font-size: 30px ;
                  line-height: 30px ;
                  color: #fff ;
                  text-align: left ;
                  padding-left: 10px ;
                }

                .title-ace-card-second {
                  padding-left: 20% ;
                  margin-top: 20px ;
                  margin-bottom: 10px ;
                }

                .box-ace-card-title {
                  background-color: #968853 ;
                  width: fit-content ;
                  margin-left: -10px ;
                  margin-bottom: 10px ;
                }

                .box-community-card-title {
                  background-color: #66C0BA ;
                }

                .box-ace-card-title-transform {
                  transform: translateX(5px);
                }

                .box-ace-card-title-original {
                  margin-left: -5px ;
                }

                .box-ace-card-title p {
                  color: #fff ;
                  padding: 4px ;
                  font-size: 10px ;
                }

                .wrap-ace-card {
                  /* box-shadow:  0px 0px 6px -2px #707070; ; */
                  box-shadow: 0 0 4px 2px rgba(80,80,80, 0.1) ;
                  background-color: #fff ;
                  padding: 5px 0;
                  margin: 16px auto ;
                  transition: .3s!important ;
                }

                a:hover .wrap-ace-card {
                  box-shadow: 0 2px 4px 4px rgba(80,80,80, 0.2);
                  transition: .3s!important;
                }

                .box-ace-card-content {
                  display: flex ;
                  align-items: center ;
                  justify-content: center ;
                }

                .content-text {
                  height: 19px ;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1;
                  overflow: hidden;
                  font-size: 11px ;
                  word-break: break-all ;
                }

                .content-text + p{
                  font-size: 11px ;
                }

                .content-text-top {
                  padding-top: 10px ;
                }

                .content-text-bottom {
                  margin-bottom: 8px ;
                  padding-bottom: 15px ;
                  height: 22px ;
                }

                .content-text-name {
                  font-size: 17px ;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1;
                  overflow: hidden ;
                  padding: 0 ;
                  word-break: break-all ;
                }

                .hr-component {
                  margin-top: 0 ;
                  margin-bottom: 10px ;
                  border : 1px solid #707070 ;
                }

                .title-small {
                  padding-right: 3px ;
                  font-size: 10px ;
                }

                .title-small-number {
                  font-size: 40px ;
                  line-height: 40px ;
                  padding-bottom: 4px ;
                }

                .title-small-number-card {
                  font-size: 14px ;
                  line-height: 14px ;
                  padding-bottom: 0 ;
                }

                .title-small-number + p{
                  font-size: 10px ;
                  line-height: 10px ;
                }

                .wrap-title-small {
                  display: flex;
                  align-items: center ;
                  justify-content: center ;
                  border: 6px solid #968853 ;
                  border-radius: 50% ;
                  width: 50px ;
                  height: 50px ;
                  margin: 4px 4px 4px 0px ;
                }

                .wrap-title-small-card {
                  border: 3px solid #968853 ;
                }

                .wrap-title-small-community {
                  border-color: #66C0BA ;
                }

                .wrap-title-small p , .wrap-title-small-second p {
                  color: #968853 ;
                }

                .wrap-title-small-community p {
                  color: #66C0BA ;
                }

                .wrap-title-small-second {
                  display: flex ;
                  align-items: center ;
                  justify-content: center ;
                  background-color: #F36870 ;
                  /* padding: 0px 5px ; */
                  margin-bottom: 10px ;
                  width: 80px ;
                }

                .community-list-card:hover .border-community-card {
                  box-shadow: 0px 0px 6px -2px #707070 ;
                }

                .community-list-card {
                  width: 100%;
                }

                /* コミュニティのメンバーカード  */

                .border-community-card {
                  text-align: center ;
                  margin: 30px auto ;
                  box-shadow: 0px 0px 6px -2px #707070;
                  background-color: #fff;
                  padding: 0 5px;
                  width: 100% ;
                }

                .border-community-card.user.user-second {
                  padding: 0 10px 10px 10px ;
                }

                .row-original-m-auto {
                  margin: 0 auto ;
                }

                /*コミュニティーミートカード*/

                .border-community-card-second {
                  border: none ;
                  box-shadow: 2px 2px 2px rgba(169,169,169,0.4) ;
                  position: relative ;
                  padding: 0 ;
                }

                .border-community-card-second.original:hover , .border-community-card-second.original:active {
                  border: none ;
                  box-shadow: 5px 5px 5px rgba(169,169,169,0.4) ;
                  position: relative ;
                  padding: 0 ;
                }

                .box-ace-card-title-second {
                  position: absolute ;
                  top: 0 ;
                  left: 10px ;
                  width: 130px ;
                  z-index: 10 ;
                }

                .fas.fa-heart.main.second {
                  top : 10px ;
                }

                .bg-wrap-community-card {
                  background-color: #0B245A ;
                }

                .wrap-title-small-third {
                  background-color: #65C0BA ;
                  width: 80px;
                  text-align: center;
                  margin-left: auto;
                }

                .wrap-title-small-third p , .bg-wrap-community-card p {
                  color: #fff ;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1;
                  overflow: hidden ;
                  word-break: break-all ;
                }

                .content-text-name-second {
                  font-size: 15px ;
                }

                .wrap-component-content {
                  display: flex ;
                  justify-content: space-between ;
                  padding: 10px 5px ;
                }

                .wrap-component-content-second {
                  justify-content: flex-end ;
                }

                .wrap-component-content-bottom {
                  padding: 5px ;
                  min-height: 92px;
                }

                .content-label {
                  margin-bottom: 5px ;
                  height: 19px ;
                }

                .company-name {
                  padding-right: 5px ;
                }

                /* 参加しているコミュニティーカード */

                .box-ace-card-title-third {
                  background-color: #333333 ;
                }

                .border-community-card-third {
                  border: 1px solid #164F7C ;
                  box-shadow: none ;
                }

                .content-text-name-meet-card {
                  margin: 10px 0 8px ;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 4;
                  overflow: hidden;
                  word-break: break-all ;
                }

                .content-text-point {
                  color: #968853 ;
                  /* margin: -40px 0 40px ; */
                }

                .button-join {
                  display: block ;
                  text-align: center ;
                  border: none ;
                  border : 1px solid #164F7C ;
                  padding: 10px ;
                  margin: 0 ;
                  transform: translate(-1px,1px) ;
                }

                .button-join:hover , .button-join:active {
                  display: block ;
                  text-align: center ;
                  border: 1px solid #164F7C ;
                  padding: 10px ;
                  background-color: #164F7C ;
                  color: #fff!important ;
                  cursor: pointer ;
                }

                .button-join-second {
                  /* border-right: 1px solid #164F7C ; */
                }

                .button-join-reverce {
                  display: block ;
                  text-align: center ;
                  border: 1px solid #164F7C ;
                  padding: 10px ;
                  background-color: #164F7C ;
                  color: #fff!important ;
                  transform: translate(-2px,1px) ;
                  width: calc(100% + 3px) ;
                }

                .button-join-reverce:hover {
                  display: block ;
                  text-align: center ;
                  border : 1px solid #164F7C ;
                  padding: 10px ;
                  background-color: #fff ;
                  color: #164F7C!important ;
                  cursor: pointer ;
                }

                /* 参加しているコミュニティーカード② */

                .button-join-red {
                  border : 1px solid #FF0000 ;
                  background-color:  #FF0000 ;
                  color: #fff!important ;
                  transform: translate(-1px,1px) ;
                  width: calc(100% + 2px) ;
                }

                .button-join-red:hover {
                  border : 1px solid #FF0000 ;
                  color: #FF0000!important ;
                  background-color: #fff ;
                  cursor: pointer ;
                }

                /* 終わり */

                .wrap-box-view {
                  display: flex ;
                  align-items: flex-end ;
                  margin: 0 auto;
                }

                .wrap-box-view a , .wrap-box-view button {
                  width: 170px;
                  margin: 0;
                }
                .btn-box-view{
                  display: block;
                  max-width: calc(340px + 8px)!important;
                  margin: 0;
                }

                .color-meet-view {
                  color : #164F7C ;
                }

                .wrap-label-meets-view {
                  display: flex ;
                  align-items: flex-end ;
                  justify-content: space-between ;
                  margin-bottom: 30px ;
                }

                .wrap-title-small-receptionist {
                  background-color: #65C0BA ;
                  color: #fff ;
                  width: 80px;
                  padding: 5px 0;
                }

                .wrap-meet-leader-card {
                  border: 1px solid #968853 ;
                  padding: 5px 0 ;
                }

                .wrap-meet-leader-card-content {
                  display: flex ;
                  align-items: center ;
                  justify-content: center ;
                }

                .wrap-meet-leader-card-content > p {
                  padding-right: 10px ;
                }

                .leader-main-text {
                  font-size: 15px ;
                  margin-right: 30px ;
                  margin-left: -20px ;
                }

                .leader-main-text-second {
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 4;
                  overflow: hidden;
                  word-break: break-all ;
                }

                .leader-img {
                  width: 80px ;
                  margin: 0 ;
                  margin-right: 10px ;
                }

                .leader-border-right {
                  border-right: 1px solid #CCCCCC ;
                }

                .wrap-meet-leader-card-content-link {
                  justify-content: space-between ;
                  margin-left: -20px ;
                }

                .link-a {
                  text-decoration: underline ;
                  color: #707070 ;
                }

                .link-a-reverce {
                  color: #707070 ;
                }

                .link-a:hover {
                  text-decoration: none ;
                  color: #707070 ;
                }

                .link-a-reverce:hover {
                  text-decoration: underline ;
                  color: #707070 ;
                }

                .link-a-reverce.member {
                  margin-top: 24px ;
                }

                .link-b {
                  margin-right: 20px ;
                  font-size: 25px ;
                }

                .link-b:hover {
                  color: #707070 ;
                }

                .text-modal-main {
                  font-size: 30px ;
                  color: #65C0BA ;
                }

                .blue-color {
                  color: #164F7C ;
                }

                .border-blue-single-user_cm {
                  display: inline-block ;
                  border: 1px solid #164F7C ;
                }

                .border-blue-single-user_cm-second {
                  display: inline-block ;
                  margin: 0 ;
                  background-color: #164F7C ;
                  border: 1px solid #164F7C ;
                  color: #fff ;
                }

                .border-blue-single-user_cm-second:hover {
                  border: 1px solid #164F7C ;
                  color: #164F7C ;
                }

                .border-blue {
                  display: inline-block ;
                  border: 1px solid #164F7C ;
                  padding: 10px ;
                  margin-bottom: 10px ;
                  color: #164F7C ;
                }

                .border-blue:hover {
                  display: inline-block ;
                  border: 1px solid #164F7C ;
                  background-color: #164F7C ;
                  padding: 10px ;
                  margin-bottom: 10px ;
                  color: #fff!important ;
                }

                .border-green {
                  border: 1px solid #64C0BB ;
                  color: #64C0BB ;
                }

                .border-green:hover {
                  border: 1px solid #64C0BB ;
                  background-color: #64C0BB ;
                }

                .border-red {
                  border: 1px solid #FF5A5A ;
                  color: #FF5A5A ;
                }

                .border-red:hover {
                  border: 1px solid #FF5A5A ;
                  background-color: #FF5A5A ;
                }

                .border-detail-content {
                  border: 1px solid #64C0BB ;
                  padding: 20px 5px ;
                  text-align: center ;
                  margin-bottom: 10px ;
                }

                .detail-content {
                  font-size: 20px ;
                }

                .detail-content-red {
                  color: #FF5A5A ;
                  font-weight: bold ;
                }

                .input_main_flex_small-banner {
                  width: 80% ;
                  margin-right: 5px!important ;
                }

                /* コミュニティメンバー一覧カード */

                .border-community-card-forth {
                  border: 1px solid #968853 ;
                  box-shadow: none;
                }

                .border-community-card-forth-small {
                  border-top: 1px solid #968853 ;
                  box-shadow: none;
                  color: #968853!important ;
                }

                .border-community-card-forth-small-second {
                  border-right: 1px solid #968853 ;
                }

                .border-community-card-forth-small:hover {
                  border-top : 1px solid #968853 ;
                  background-color: #968853 ;
                  box-shadow: none;
                  color: #fff!important ;
                }

                .wrap-meet-leader-card-content-second {
                  justify-content: flex-end ;
                  padding: 0 10px ;
                  position: relative ;
                }

                .content-text-point-name {
                  font-weight: bold ;
                }

                /* 終わり */

                .btn-delete-link {
                  color: #FF0000 ;
                  text-decoration: underline ;
                  width: 30px ;
                  margin-left: 10px ;
                }

                .btn-delete-link:hover {
                  color: #FF0000 ;
                  text-decoration: none ;
                }

                .btn-delete-second {
                  color: #F36870 ;
                }

                .btn-delete-second:hover {
                  color: #F36870 ;
                  border-bottom: 1px solid #F36870 ;
                }

                .select2-container--default .select2-selection--single .select2-selection__rendered {
                  line-height: 45px;
                }

                .select2-container--default .select2-selection--single {
                  background-color: #EDF1F5;
                  height: 45px;
                  border: none ;
                  border-radius: 0 ;
                  outline: 0 ;
                }

                .select2-container--default .select2-selection--single .select2-selection__arrow {
                  height: 45px;
                }

                .row-original-column {
                  flex-direction: column ;
                }

                .form-control-meet-view {
                  height: 50px;
                  outline: none;
                  box-shadow: none;
                  border: solid 1px #65C0BA;
                  background-color: #EEF2F6;
                }

                .form-control:focus {
                  color: inherit ;
                  outline: none;
                  box-shadow: none;
                  border: solid 1px #65C0BA;
                  background-color: #EEF2F6;
                }

                .btn-meet-view {
                  width: 70px ;
                  height: 50px ;
                }

                .input-group-text {
                  border-radius: 0;
                }

                .img-form-calendar {
                  width: 30px ;
                }

                button:focus {
                  outline: none ;
                }

                .dropdown-toggle::after {
                  display: none ;
                }

                .dropdown-menu.show {
                  display: block;
                  width: calc(375px - 30px - 0px);
                  border: solid 1px #65C0BA;
                  border-radius: 0;
                  margin: 0 ;
                  transform: translate3d(0px, 60px, 0px)!important ;
                  top : -10px!important ;
                }

                .dropdown-items {
                  border-bottom: 1px solid #65C0BA ;
                  padding: 20px 0 ;
                }

                .dropdown-items-last {
                  border-bottom: none ;
                }

                .dropdown-items-form {
                  display: flex ;
                  align-items: center ;
                  justify-content: space-around ;
                  flex-direction: column ;
                  padding: 10px 10px ;
                }

                .ininput-group-prepend-meet-view {
                  margin-bottom: 450px ;
                }

                .form-control-input {
                  width: 150px!important ;
                  border-radius: 0 ;
                  background-image: url(../img/icon-form-calendar.png);
                  background-repeat: no-repeat ;
                  background-size: 30px ;
                  background-position: 5% ;
                }

                .form-control-input-second {
                  width: 70px!important ;
                  border-radius: 0 ;
                  background-image: url(../img/icon-pull-down.png);
                  background-repeat: no-repeat ;
                  background-size: 10px ;
                  background-position: 95% ;
                }

                .btn-meet-view-second {
                  width: 120px;
                  height: 40px;
                  padding: 10px 0!important ;
                }

                .input-view-form {
                  margin: 0 10px ;
                }

                input.form-control-input::placeholder {
                  padding-left: 30px ;
                }

                .modal-body-second {
                  text-align: center ;
                  border-radius: 0 ;
                  padding: 10px 0 30px ;
                }

                .modal-dialog-second {
                  max-width: 100% ;
                }

                .wrap-modal-items {
                  display: block;
                  border: solid 1px #65C0BA;
                  border-radius: 0;
                  margin: 0 auto ;
                  max-width: 80% ;
                }

                .wrap-modal-items p{
                  margin: 0;
                }

                .span-view {
                  padding-left: 46px!important ;
                  padding-top: 8px!important ;
                }

                .modal-header .close {
                  margin-left: 0 ;
                }

                button.close {
                  padding: 2px 8px!important;
                }

                .modal-header-second {
                  align-items: center ;
                  border-bottom: 0 ;
                  padding-bottom: 0 ;
                }

                .btn-meet-view-third {
                  width: 80% ;
                }

                .wrap-view-items-second {
                  display: block;
                  border: solid 1px #65C0BA;
                  border-radius: 0;
                  text-align: center ;
                }

                .btn-meet-view-items {
                  max-width: 100%!important ;
                }

                /* チェックボックス */

                .checkbox-view {
                  display: none;
                }
                .checkbox-view + .checkbox-icon {
                  position: relative;
                  vertical-align: middle;
                }
                .checkbox-view + .checkbox-icon:before {
                  content:"";
                  display:block;
                  width:16px;
                  height:16px;
                  background:#ccc;
                  box-sizing:border-box;
                  position:absolute;
                  left:0;
                  top:-9px;
                  transition:0.3s ease-in-out;
                  padding: 3px ;
                }
                .checkbox-view:checked + .checkbox-icon:before {
                  background-image: url(../img/arrow-check.png);
                  background-repeat: no-repeat ;
                  background-size: 100% ;
                  background-position: top ;
                }

                /* 終わり */

                .label-view {
                  margin: 0 ;
                }

                .link-close:hover {
                  color: #000 ;
                }

                .btn-width {
                  width: 151px!important ;
                  font-size: 12px!important ;
                }

                .btn-width-second {
                  width: 300px!important ;
                }

                .btn-width-font {
                  font-size: 12px!important ;
                }

                .host-second {
                  width: 250px ;
                  position: absolute ;
                  bottom: 10px ;
                  right: 10px ;
                  color: #fff ;
                }

                .p-carousel {
                  color: #D6C481 ;
                  height: 20px ;
                }
                .p-carousel-title-name{
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1;
                  overflow: hidden;
                  font-size: 12px ;
                  word-break: break-all ;
                }
                .w-70 {
                  width: 70% ;
                }

                .meet-catchcopy {
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1;
                  overflow: hidden;
                  font-size: 12px ;
                  word-break: break-all ;
                }
                .w100-60px {
                  width: calc(100% - 60px) ;
                }

                .flex-original {
                  flex-direction: column ;
                }

                .banner-link {
                  padding-top: 10px ;
                  width: 100% ;
                }

                .form-control-modal:focus {
                  border: none!important ;
                }

                .wrap-card-communities {
                  position: absolute;
                  bottom: 0;
                  width: 100%;
                  display: block;
                }

                .wrap-card-communities-second {
                  bottom: -40px ;
                }

                .banner-img {
                  width: 100% ;
                  object-fit: contain ;
                }

                .detail-content-bumber {
                  font-size: 35px ;
                  padding-right: 10px ;
                }

                .serch-user-cm {
                  border: 1px solid #164F7C ;
                  width: auto ;
                }

                .serch-user-cm-second {
                  border: 1px solid #164F7C ;
                  background-color: #164F7C ;
                }

                .serch-user-cm-second:hover , .serch-user-cm-second:focus {
                  border: 1px solid #164F7C ;
                  color: #164F7C ;
                }

                .area-news-second , .h3-second-news{
                  margin: 0 ;
                  margin-bottom: 30px ;
                }

                .content-text-name-meet-card-bottom {
                  margin: -40px 0 40px  ;
                }

                .btn-reverce-more {
                  background-color: #fff ;
                  border: solid 1px #65C0BA;
                  color: #65C0BA;
                  padding: 15px 0!important ;
                  max-width: 100%!important ;
                  width: 100% ;
                }

                .btn-reverce-more:hover {
                  background-color: #65C0BA ;
                  border: solid 1px #65C0BA;
                  color: #fff;
                }

                .wrap-organizer-carousel {
                  width: 30%;
                  margin-right: 10px;
                  text-align: center;
                }

                .test-meet-view {
                  padding:  30px 0 ;
                  margin-left: 40px ;
                  line-height: 30px ;
                }

                .test-meet-view + p{
                  margin-left: 10px ;
                }

                .btn-reverce-small {
                  background-color: #fff ;
                  border: solid 1px #65C0BA;
                  color: #65C0BA;
                }

                .btn-reverce-small:hover {
                  background-color: #65C0BA ;
                  border: solid 1px #65C0BA;
                  color: #fff;
                  cursor: pointer ;
                }

                .wrap-text-status p {
                  font-size: 10px ;
                }

                .embed-responsive-1by1-ace-user-list {
                  max-width: 90px ;
                }

                .wrap-leader-card {
                  width: 55px;
                  margin-right: 10px;
                }

                .wrap-content-card {
                  text-align: left ;
                  width: 130px ;
                }

                .meet-user-image {
                  width: 60px ;
                }

                .row-original-news {
                  margin-top: -23px ;
                }

                .btn-small-second {
                  width: 150px!important ;
                }

                .title-black-second {
                  padding: 50px 0 0 ;
                  text-align: center ;
                }

                .view-public {
                  font-size: 13px ;
                  padding: 0 ;
                  margin-top: 0;
                }

                .wrap-meet-card-man {
                  width: 60px ;
                  text-align: left ;
                }

                .btn-view-sm {
                  padding: 10px ;
                }

                .btn-small-next {
                  margin: 10px 0 ;
                }

                .btn-serch-cm {
                  display: inline-block ;
                  margin-left: -4px ;
                  background-color: #164F7C;
                  color: #fff;
                  border: none;
                  padding: 9px 20px;
                }

                .btn-serch-cm-second {
                  background-color: #65C0BA ;
                  border: 1px solid #65C0BA ;
                  width: 80px ;
                  height: 37px ;
                }

                .btn-serch-cm:hover {
                  cursor: pointer ;
                }

                .fa-sort-up:before {
                  color: #65C0BA ;
                  font-size: 30px ;
                }

                .btn-sort-second-users {
                  margin-left: 0px!important ;
                }

                .btn-sort-second-users-xs {
                  margin-left: 15px!important ;
                }

                .btn-sort-second-users span {
                  margin-bottom: 10px ;
                }

                .input_member-second {
                  max-width: 100% ;
                  margin-bottom: 10px ;
                  /* margin-left: 16px ; */
                }

                .scroll-x {
                  overflow: scroll ;
                }

                .area-search-meet-user-flex {
                  height: auto ;
                  /* overflow: auto ; */
                }

                .area-search-meet-user-flex-second {
                  display: flex ;
                  align-items: center ;
                  flex-direction: column ;
                  width: auto ;
                  height: auto ;
                }

                .area-search-meet-user-flex-third {
                  justify-content: space-between ;
                }

                .area-search-meet .input select.btn-sort.btn-sort-second.btn-sort-second-first {
                  margin-left: 0 ;
                }

                .scroll-x-second {
                  overflow: auto ;
                }

                .row-original-users-select {
                  width: 100% ;
                  margin: 0 ;
                  margin-bottom: 15px ;
                }

                .btn-user-narrow {
                  max-width: 100% ;
                }

                .col-p-sm {
                  padding: 0 ;
                }

                .col-p-sm-second {
                  padding: 0 15px ;
                }

                .area-news-users-mypage {
                  margin: 0 ;
                  margin-bottom: 30px ;
                }

                .p-oroginal {
                  padding: 0 ;
                }

                .wrap-users-flex {
                  display: flex ;
                  max-width: 100% ;
                }

                .btn-view-private {
                  width: 120px ;
                  margin: 0 ;
                }

                .view-private-text {
                  font-size: 20px ;
                  color: #707070 ;
                }

                .color-reception {
                  background-color: #65C0BA ;
                }

                .color-slightly {
                  background-color: #968853 ;
                }

                .color-full {
                  background-color: #D32D2D ;
                }

                .color-end {
                  background-color: #888888 ;
                }

                .card-alert {
                  max-width: 525px ;
                  margin: 0 auto ;
                  text-align: center ;
                }

                .card-body-alert {
                  padding: 20px 10px ;
                  background-color: #e2e3e5 ;
                }

                .nav-global.nav-global-pages.news ul li a.message-nav-news {
                  background-color: rgba(74,166,181,.3);
                }

                .img-object {
                  background-color: #efefef;
                  object-fit: cover ;
                  /* object-fit: contain ; */
                  margin-bottom: 16px;
                }

                .pt-size {
                  font-size: 10px ;
                }

                .input_member-members {
                  padding: 8px 5px ;
                }

                .img-circle {
                  border-radius: 50% ;
                  height: 50px ;
                  width: 50px ;
                  object-fit: cover ;
                  max-width: none ;
                }

                .p-carousel-leader {
                  font-size: 10px ;
                }

                .area-search-meet .input select.botton-color-second {
                  padding: 0 30px 0 70px ;
                }

                .area-search-meet .input select.botton-color-third {
                  padding: 0 30px 0 50px ;
                }

                .btn-join-communities-view {
                  padding: 8px 0;
                }

                .btn-join-communities-view-second {
                  padding: 20px 0 ;
                }

                .label-font {
                  color: #fff ;
                  padding: 0 3px ;
                  width: 80px ;
                  text-align: center ;
                }

                .row-flex-original {
                  display: flex ;
                  flex-direction: column ;
                  margin-top: -15px ;
                }

                .certificate.active {
                  background-color: pink ;
                  color: #fff ;
                  border: 1px solid pink ;
                }

                .btn-add-red {
                  background-color: #F36870 ;
                  border-color: #F36870 ;
                }

                .btn-add-red:hover {
                  background-color: #fff ;
                  color: #F36870 ;
                  border-color: #F36870 ;
                }

                .form-control-meet-view-private {
                  min-height: 0 ;
                  padding: 12px 0 0px 15px ;
                }

                .height-cancel {
                  height: auto ;
                }

                .box-message p {
                  margin-bottom: 16px ;
                }

                .box-message p:last-child {
                  margin-bottom: 0 ;
                }

                .footer-xs {
                  position: fixed;
                  bottom: 0;
                  display: flex;
                  align-items: center;
                  justify-content: space-around;
                  /* justify-content: space-between; */
                  padding: 8px 24px;
                  width: 100%;
                  background-color: #164F7C;
                  z-index: 1100;
                }

                .footer-xs div {
                  text-align: center ;
                }

                .footer-xs div i {
                  font-size: 25px ;
                  color: #fff ;
                }

                .footer-xs div p {
                  font-size: 10px ;
                  color: #fff ;
                }

                .row-scroll {
                  flex-wrap: nowrap;
                  overflow-x: scroll;
                  overflow-y: hidden;
                  margin: 0!important ;
                  margin: -28px -15px 8px!important;
                  border-bottom: 1px solid #e8e8e8;
                  padding: 0px 0;
                  display: flex;
                  align-items: center;
                }

                .nav.nav-pills.row-scroll{
                  height: 40px ;
                  width: 100% ;
                  z-index: 1001;
                  margin-left: 0px!important;
                  position: absolute ;
                  left: 0 ;
                }

                .xs-nav-header-fixed {
                  position: absolute!important ;
                  left: 0 ;
                  width: 100% ;
                }

                .xs-nav-header-fixed.fixed {
                  position: fixed!important ;
                  top:80px;
                  left:0;
                }

                .nav.nav-pills.row-scroll + div , .nav.nav-pills.row-scroll  + ul {
                  margin-top: 20px!important ;
                }

                .row-scroll.card-original {
                  flex-wrap: nowrap ;
                  overflow-x: scroll ;
                  margin: 0 -15px!important ;
                  border: none ;
                  padding: 0px;
                }

                .row-scroll a {
                  min-width: 76px ;
                  position:relative;
                }

                .row-scroll .a-w-100 {
                  min-width: auto;
                  width: 100%;
                }

                .row-scroll-profile li {
                  min-width: 110px ;
                }

                .notifications.row-scroll a {
                  width: 100% ;
                  min-width: 90px ;
                }

                .nav.nav-pills.m-0.row-scroll a:last-child a.nav-link.tab-btn-board  {
                  border-right: none ;
                }

                .nav-link.tab-btn-board::after {
                  content: "";
                  display: inline-block;
                  width: 1px;
                  height: 22px;
                  background-color: #c8c8c8 ;
                  position: absolute;
                  top: calc(50% - 11px);
                  left: 0 ;
                }

                a.nav-link.tab-btn-board:first-child::after {
                  width: 0px;
                  height: 0px;
                }

                .nav-link.tab-btn-board:hover::after ,  .nav-link.tab-btn-board.active::after{
                  width: 0px;
                  height: 0px;
                }

                a.nav-link.tab-btn-board:hover + a.nav-link.tab-btn-board::after ,  a.nav-link.tab-btn-board.active + a.nav-link.tab-btn-board::after{
                  width: 0px;
                  height: 0px;
                }

                .tab-btn-board {
                  padding: 0px 0 ;
                  background-color: #fff;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  border-radius: 0!important ;
                  font-size: 12px ;
                  line-height: 12px ;
                  height: 40px ;
                  width:100%;
                }

                .nav-link.tab-btn-board:hover ,  .nav-link.tab-btn-board.active{
                  background-color: #4BA6B6;
                  color: #fff;
                }

                .original-flex-center {
                  display: flex ;
                  align-items: center ;
                  justify-content: center ;
                }

                .original-pr-0 {
                  padding: 0 ;
                }

                .wrap-question-card , .wrap-post-card {
                  width: 100% ;
                  /* box-shadow: 0px 0px 6px -2px #707070; */
                  box-shadow : 0 0 4px 2px rgba(80,80,80, 0.1);
                  background-color: #fff;
                  padding: 16px ;
                  transition:.3s!important ;
                }

                a:hover .wrap-question-card {
                  box-shadow : 0 2px 4px 4px rgba(80,80,80, 0.2);
                  transition:.3s!important ;
                }

                .wrap-question-card-border ,
                .wrap-post-card-border {
                  box-shadow: none ;
                }

                .wrap-person-profile {
                  display: flex ;
                  margin: 8px 0 ;
                }

                .wrap-person-profile.detail {
                  margin: 0 0 8px ;
                }

                .pl-8 {
                  padding-left: 8px ;
                }

                .pr-8 {
                  padding-right: 8px ;
                }

                .question-card-title , .post-title , .post-card-title {
                  font-size: 14px ;
                  font-weight: bold ;
                  margin: 8px 0 ;
                }

                .question-card-title-detail , .question-card-title-detail + p ,
                .post-card-title-detail , .post-card-title-detail + p
                {
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                  overflow: hidden;
                  padding: 0;
                  word-break: break-all;
                  margin-bottom: 16px ;
                  font-size: 12px ;
                  line-height: 16px ;
                }

                .question-card-title-detail.second{
                  margin-bottom: 0 ;
                }

                i.far.fa-heart.fa-heart-second {
                  font-size: 15px ;
                  line-height: 19px ;
                  margin-right: 3px ;
                }

                a.d-block.py-8.py-sm-8.pb-8.w-100.question-href:hover , a.d-block.py-8.py-sm-8.pb-8.w-100.answer-href:hover,
                a.d-block.py-8.py-sm-8.pb-8.w-100.post-href {
                  color: #707070!important ;
                }

                i.far.fa-heart.fa-heart-second + p , i.far.fa-comment + p {
                  font-size: 12px ;
                  line-height: 19px ;
                }

                /* .btn-like i.far.fa-heart.fa-heart-second + p */
                .btn-like i.far.fa-comment + p
                {
                  color: #E60012!important;
                }

                .btn-like.btn-like-second i.far.fa-heart.fa-heart-second + p , .btn-like.btn-like-second i.far.fa-comment + p {
                  color: #707070!important;
                }

                a:hover i.far.fa-heart.fa-heart-second , a:hover i.far.fa-comment{
                  color: #707070!important ;
                }

                i.far.fa-comment {
                  font-size: 15px ;
                  line-height: 14px ;
                  color: #707070 ;
                  margin-top: 3px ;
                  margin-right: 3px ;
                }

                .mt-50 {
                  margin-top: 100px ;
                }

                .w-90 {
                  width: 90% ;
                }

                .pt-8 {
                  padding-top: 8px ;
                }

                .py-8 {
                  padding: 0 8px ;
                }

                .pb-8 {
                  margin-bottom: 8px ;
                }

                .mb-8 {
                  margin-bottom: 8px!important ;
                }

                .label-question-card p {
                  background-color: #66C0BA ;
                  padding: 4px 8px ;
                  height: fit-content ;
                  margin-left: -8px ;
                  margin-top: -8px ;
                  text-align: center ;
                }

                .label-question-card.userprofiles-view p {
                  width: fit-content ;
                  margin: 0 auto 8px ;
                }

                .label-question-card-second p {
                  margin: 0 ;
                  margin-left: 8px ;
                  background-color: rgba(102,192,186,.2) ;
                }

                .label-question-card-third p {
                  background-color: rgba(150,136,83,.2) ;
                }
                .label-question-card-third p {
                  color: #707070!important ;
                }

                .label-question-card p {
                  color: #fff ;
                }

                .label-question-card-second p {
                  margin-bottom: 0 ;
                  color: #707070 ;
                  font-size: 10px ;
                  line-height: 10px ;
                  word-break: keep-all;
                }

                .embed-responsive-1by1-second {
                  max-width: 36px ;
                }

                .nav-news-title {
                  font-size: 16px ;
                  padding: 16px ;
                  font-weight: bold ;
                  /* border-top: 1px solid #EFEFEF ; */
                }

                .news-titile-small {
                  font-size: 10px ;
                }

                .nav-news-date {
                  font-size: 10px ;
                }

                .nav-link.tab-btn-board-inner {
                  color: #66C0BA ;
                  border: 1px solid #66C0BA ;
                  font-size: 10px;
                  line-height: 10px;
                }

                .nav-link.tab-btn-board-inner.tab-btn-board-inner-second {
                  color: #F36870 ;
                  border: 1px solid #F36870 ;
                }

                .nav-link.tab-btn-board-inner.right {
                  border-top-right-radius: 0!important ;
                  border-bottom-right-radius: 0!important ;
                  padding: 8px 0 ;
                }

                .nav-link.tab-btn-board-inner.left {
                  border-top-left-radius: 0!important ;
                  border-bottom-left-radius: 0!important ;
                  padding: 8px 0 ;
                }

                .nav-link.tab-btn-board-inner.active {
                  background: #66C0BA ;
                  color: #fff ;
                  border: 1px solid #66C0BA ;
                  padding: 8px 0 ;
                }

                .nav-link.tab-btn-board-inner.tab-btn-board-inner-second.active {
                  background: #F36870 ;
                  border: 1px solid #F36870 ;
                }

                .label-card-question {
                  background-color: #66C0BA!important ;
                  padding: 4px 8px ;
                  margin-right: 8px ;
                  color: #fff ;
                  font-size: 10px ;
                  word-break: keep-all;
                }
                .label-card-meet {
                  padding: 4px 8px ;
                  margin-right: 8px ;
                  color: #fff ;
                  font-size: 10px ;
                  word-break: keep-all;
                }
                .question-tags {
                  flex-wrap: wrap;
                }

                .label-card-question + p{
                  font-size: 10px ;
                  line-height: 10px ;
                }

                .btn-like i::before ,
                .btn-like p ,
                /* .btn-like #favorite-count, */
                .btn-like [id*="favorite-"]
                {
                  color: #707070 ;
                  cursor: pointer ;
                }

                .btn-like i::before {
                  font-weight: bold ;
                }

                .btn-like.fa-heart-third i::before ,
                .btn-like.fa-heart-third p ,
                /* .btn-like.fa-heart-third #favorite-count, */
                .btn-like.fa-heart-third [id*="favorite-"],
                .btn-like:hover i::before ,
                .btn-like:hover p ,
                /* .btn-like:hover #favorite-count, */
                .btn-like:hover [id*="favorite-"]
                {
                  color: #E60012!important;
                  cursor: pointer ;
                }

                .fas.user-list , .far.user-list {
                  font-size: 27px ;
                  color: #154F7B ;
                  padding-right: 8px ;
                }

                a:hover .fas.user-list , a:hover .far.user-list {
                  color: #fff ;
                }

                .active .fas.user-list , .active .far.user-list {
                  color: #fff ;
                }

                .mt-8 {
                  margin-top: 8px!important ;
                }

                .row-scroll.card-original.mt-8 {
                  margin-top: 8px!important ;
                }

                .mt-16 {
                  margin-top: 16px!important ;
                }

                .btn-question-fixed {
                  position: fixed ;
                  bottom: 160px ;
                  right: 8px ;
                  background-color: #66C0BA ;
                  width: 82px ;
                  height: 82px ;
                  border-radius: 50% ;
                  color: #fff ;
                  font-size: 14px ;
                  text-align:center;
                  line-height: 82px;
                  border: 1px solid #66C0BA;
                  z-index: 800 ;
                }

                .btn-question-fixed:hover {
                  background-color: #fff ;
                  border: 1px solid #66C0BA ;
                  color: #66C0BA ;
                }

                .btn-answers-fixed {
                  background-color: #4BA6B6 ;
                  border: 1px solid #4BA6B6;
                }

                .btn-answers-fixed:hover {
                  background-color: #fff ;
                  border: 1px solid #4BA6B6 ;
                  color: #4BA6B6 ;
                }

                .btn-answers-second {
                  background-color: #66C0BA!important ;
                  border: 1px solid #66C0BA!important ;
                }

                .btn-answers-second:hover {
                  background-color: #fff!important ;
                  border: 1px solid #66C0BA!important ;
                  color: #66C0BA!important ;
                }

                .btn-question {
                  background-color: #66C0BA ;
                  border: 1px solid  #66C0BA ;
                  padding: 8px 0 ;
                  width: 100% ;
                  color: #fff ;
                  display: block ;
                  text-align: center ;
                  margin-bottom: 8px!important ;
                }

                .btn-question.follow , .btn-question-fixed.follow {
                  background-color: #F36870 ;
                  border: 1px solid  #F36870 ;
                }

                .btn-question:hover {
                  background-color: #fff ;
                  border: 1px solid #66C0BA ;
                  padding: 8px 0 ;
                  width: 100% ;
                  color: #66C0BA ;
                  display: block ;
                  text-align: center ;
                }

                .btn-question.follow:hover , .btn-question-fixed.follow:hover {
                  background-color: #fff ;
                  border: 1px solid #F36870 ;
                  color: #F36870 ;
                }

                .btn-answers {
                  background-color: #4BA6B6 ;
                  border: 1px solid #4BA6B6 ;
                }

                .btn-answers:hover {
                  background-color: #fff ;
                  border: 1px solid #4BA6B6 ;
                  color: #4BA6B6 ;
                }

                .border-breke {
                  width: 35px ;
                  margin: 16px auto 0 ;
                  border-top: 1px solid #707070 ;
                }

                .border-breke.bottom {
                  margin: 16px auto  32px ;
                }

                .mr-8 {
                  margin-right: 8px ;
                }

                .my-8 {
                  margin: 8px 0 ;
                }

                .mx-8 {
                  margin: 0 8px ;
                }

                .w-h-90 {
                  height: 90px ;
                  width: 90px ;
                  line-height: 90px ;
                }

                .btn-return-border {
                  border-bottom: 1px solid #c8c8c8 ;
                  margin-bottom: 8px ;
                  margin-top: -26px ;
                  padding: 8px 0 ;
                }

                .btn-return-border a{
                  display: flex ;
                  align-items: center ;
                }

                .btn-return-border a:hover{
                  color: #707070 ;
                }

                .btn-return p {
                  font-size: 12px ;
                }

                .btn-return i {
                  font-size: 20px ;
                }

                .btn-more-card:hover {
                  color: #707070 ;
                  text-decoration: underline ;
                  cursor: pointer ;
                }

                .wrap-title-big {
                  width: 130px ;
                  height: 130px ;
                }

                .notifications-list li {
                  list-style: none ;
                  border-bottom: 1px solid #c8c8c8 ;
                  margin: 0 -15px;
                  padding: 8px 16px;
                }

                .narrow-down {
                  color: #65C0BA;
                  border: none;
                  background-color: #fff;
                  text-align: center;
                  margin: 0 auto;
                  display: block;
                }

                .narrow-down:hover {
                  text-decoration: underline ;
                  color: #65C0BA ;
                }

                .min-w-160 {
                  min-width: 160px ;
                  width: 100%!important ;
                }

                .icon_badge {
                  color: #707070 ;
                }

                .nav-q-and-a {
                  max-width: 450px ;
                  margin: 16px 0px ;
                }

                .card-name {
                  font-size: 14px ;
                  line-height: 14px ;
                  margin-bottom: 6px ;
                }

                .card-name-status {
                  font-size: 12px ;
                  line-height: 12px ;
                }

                .wrap-row-view .row {
                  height: 100% ;
                }

                .alert {
                  margin: 16px 0px;
                  transform: translateY(-30px);
                  margin-bottom: -30px;
                  padding: 8px 0;
                  font-size: 10px;
                  text-align: center;
                  background-color: #efefef;
                  border: 1px solid #efefef;
                  color: #707070;
                }

                .score-detail {
                  display: flex ;
                  justify-content: space-between ;
                  font-weight: 600 ;
                }

                .btn-edit-default {
                  margin:  16px 0!important ;
                  font-size: 12px!important ;
                  line-height: 16px!important ;
                  padding: 8px 0!important ;
                  max-width: 354px ;
                }

                .d-flex input[type=checkbox] {
                  width: 18px ;
                  height: 18px ;
                }

                .serch-user-cm {
                  margin-bottom: 16px!important ;
                }

                .alert-secondary {
                  margin: 16px 0 0 ;
                  transform: rotateY(0) ;
                }

                #profile-01 div {
                  font-size: 12px;
                  line-height: 17px;
                  padding-bottom: 50px;
                }

                .text-hidden#profile-01 div {
                  height: 68px ;
                  overflow: hidden ;
                }

                .wrap-question-card-second {
                  padding: 8px 16px ;
                }

                .wrap-message .alert-secondary {
                  margin: 16px 0 ;
                }

                .select2.select2-container.select2-container--default {
                  width: 100%!important ;
                }

                span.evaluate-list {
                  padding: 0 40px ;
                }

                span.evaluate-list img {
                  width: 24px ;
                }

                p.evaluate-list {
                  color: #F36870 ;
                  font-weight: bold ;
                }

                .word-link {
                  word-break: break-all ;
                }

                .btn-q-categories {
                  background-color: #65C0BA ;
                  border: 1px solid #65C0BA ;
                  padding: 8px ;
                  color: #fff ;
                  width: max-content;
                }

                .btn-q-categories:hover {
                  background-color: #fff ;
                  border: 1px solid #65C0BA ;
                  color: #65C0BA ;
                }

                .input_main-categories {
                  height: 37px ;
                  margin: 0 ;
                  width: 100% ;
                }

                .input-group-categories {
                  flex-wrap: nowrap ;
                }

                .btn-delete-categories {
                  color: #F36870 ;
                  padding: 8px ;
                  width: max-content;
                  text-decoration: underline ;
                }

                .btn-delete-categories:hover {
                  color: #F36870 ;
                  padding: 8px ;
                  width: max-content;
                  text-decoration: none ;
                }

                .wrap-label-add  {
                  flex-wrap: wrap ;
                }

                .wrap-label-add label {
                  display: flex;
                  align-items: center;
                  margin: 0 20px;
                }

                .wrap-label-add .input.checkbox {
                  flex: 0 0 25%;
                  max-width: 25%;
                  margin-bottom: 8px;
                  margin-left: 0!important ;
                }

                .text-limit.q-and-a {
                  overflow: hidden;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2 ;
                }

                .m-24-32 {
                  margin-top: 8px!important ;
                  margin-bottom: 32px!important ;
                }

                .m-16-sm-32 {
                  margin-bottom: 16px!important ;
                }

                .m-8-sm-16 {
                  margin-top: 20px!important ;
                  margin-bottom: 8px!important ;
                }

                .mt-32 {
                  margin-top: 32px ;
                }

                span.evaluate-list-i {
                  padding: 0 8px ;
                  font-size: 25px ;
                  /* color : #154F7B ; */
                  color : #F36870;
                }

                .btn-edit.init {
                  margin: 26px auto 16px!important ;
                }

                .mb-16 {
                  margin-bottom: 16px!important ;
                }

                .gold , .gold a:hover , .gold-inversion:hover{
                  background: #fff!important ;
                  color: #968853!important ;
                  border: 1px solid #968853!important ;
                }

                .gold-inversion , .gold.active , .gold:hover{
                  background: #968853!important ;
                  color: #fff!important ;
                  border: 1px solid #968853!important ;
                }
                .gold-inversion-hover-none{
                  background: #968853!important ;
                  color: #fff!important ;
                  border: 1px solid #968853!important ;
                }

                .w-h-100 {
                  height: 100px;
                  width: 100px;
                  line-height: 100px;
                }

                .like-before , .like-before::before {
                  color: #707070!important ;
                }

                .d-content {
                  display: contents;
                }

                /* .text-hidden-second p {
                  height: 58px;
                  overflow: hidden;
                  } */

                  .col-6-original {
                    flex: 0 0 45% ;
                  }

                  .footer-xs-second {
                    padding: 8px 4px ;
                  }

                  .box-slider #slider {
                    border: none ;
                    height: 15px ;
                    width: calc(100% + 15px);
                    background: none ;
                    background-image: url(../img/border-original.png)!important;
                    background-repeat: repeat-x ;
                    background-size: 100% ;
                    border:
                  }

                  .color-red {
                    color: #F36870 ;
                  }

                  .border-red-second {
                    border: 1px solid #F36870 ;
                  }

                  .bg-red {
                    background-color: #F36870 ;
                  }

                  .btn-red-second {
                    background-color: #F36870 ;
                    border: 1px solid #F36870 ;
                  }

                  .btn-red-second:hover {
                    background-color: #fff ;
                    border: 1px solid #F36870 ;
                    color: #F36870 ;
                  }

                  .btn-border {
                    text-decoration: underline ;
                  }

                  .btn-border:hover {
                    color: #707070 ;
                    text-decoration: none ;
                  }

                  .user-profile-img{
                    cursor:pointer;
                  }

                  .score-calculation .badge{
                    font-size:90%;
                  }

                  .ui-widget-shadow {
                    box-shadow: none!important ;
                  }

                  .ui-tooltip {
                    max-width: 100%!important ;
                  }

                  .ui-widget.ui-widget-content {
                    background: none ;
                    background-color: #000 ;
                    color: #fff ;
                    border: 1px solid #000!important ;
                  }

                  .move {
                    display: block ;
                    /* height: 0 ; */
                  }

                  .text-hidden-second {
                    font-size: 13px ;
                  }

                  .text-hidden-second:hover {
                    color: #707070 ;
                    text-decoration: underline ;
                  }

                  .text-hidden-second.none-decoration:hover {
                    color: #707070 ;
                    text-decoration: none ;
                  }

                  .color-gray {
                    color : #707070 ;
                  }

                  .dot {
                    padding-top: 2px ;
                  }

                  .dot:last-child {
                    display: none ;
                  }

                  .badge {
                    padding: 0 ;
                  }

                  .ui-widget.ui-widget-content.border-none {
                    border: none!important ;
                  }

                  .cp_qa *, .cp_qa *:after, .cp_qa *:before {
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                  }
                  .cp_qa {
                    overflow-x: hidden;
                    margin: 0 auto;
                    color: #707070;
                  }
                  .cp_qa .cp_actab {
                    padding: 20px 0;
                    border-bottom: 1px dotted #cccccc;
                  }
                  .cp_qa label {
                    font-size: 1.2em;
                    position: relative;
                    display: block;
                    width: 100%;
                    margin: 0;
                    padding: 10px 10px 0 48px;
                    cursor: pointer;
                  }
                  .cp_qa .cp_actab-content {
                    font-size: 1em;
                    position: relative;
                    overflow: hidden;
                    height: 0;
                    margin: 0 40px;
                    padding: 0 14px;
                    -webkit-transition: 0.4s ease;
                    transition: 0.4s ease;
                    opacity: 0;
                  }
                  .cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
                    height: auto;
                    padding: 14px;
                    opacity: 1;
                  }
                  .cp_qa .cp_plus {
                    font-size: 2.4em;
                    line-height: 100%;
                    position: absolute;
                    z-index: 5;
                    margin: 3px 0 0 10px;
                    -webkit-transition: 0.2s ease;
                    transition: 0.2s ease;
                  }
                  .cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                  }
                  .cp_qa .cp_actab input[type=checkbox] {
                    display: none;
                  }

                  .user-catchcopy{
                    font-size:11px;
                    font-weight:bold;
                    min-height: 16px;
                  }

                  #profile-01 .user-catchcopy {
                    font-size: 18px ;
                  }

                  .fas.fa-caret-up {
                    font-size: 18px;
                    padding: 0px 4px 0 0;
                    transform: translateY(2px);
                  }

                  .introjs-skipbutton{
                    display:none;
                  }
                  .introjs-skipbutton.introjs-donebutton{
                    display:inline-block;
                  }

                  .link-banner-form {
                    display: block ;
                    margin-top: 8px ;
                  }
                  .link-banner-form:hover {
                    opacity: .6 ;
                  }
                  .footer-xs-user {
                    bottom: 54px;
                  }
                  .sp-link-banner-form {
                    position: fixed;
                    bottom: 0;
                    background-color: #fff;
                    z-index: 1100;
                  }
                  .area-pages-others .card {
                    box-shadow: none;
                    -webkit-box-shadow: none;
                    margin: 0;
                    border: none ;
                    border-bottom: solid 1px #ccc;
                    border-radius: 0;
                  }
                  .area-pages-others .card:first-child {
                    border-top: solid 1px #ccc;
                  }

                  .img-card-contents {
                    background-color: inherit ;
                    padding-bottom: 4px ;
                  }
                  .wrap-img-card-contents-detail {
                    margin: 24px 0 ;
                  }
                  .wrap-img-card-contents-detail .col-6 {
                    padding: 0;
                    margin: 0;
                    padding-right: 4px;
                    padding-bottom: 8px;
                  }
                  .wrap-img-card-contents-detail .col-6:nth-child(2n) {
                    padding-right: 0px;
                    padding-left: 4px;
                  }
                  .wrap-img-card-contents .col-sm-4:last-child .img-card-contents {
                    background-color: inherit!important ;
                    padding-bottom: 0!important ;
                  }
                  .xs-nav-header-fixed-bottom {
                    margin-top: 40px!important ;
                  }
                  .wrap-label-communities {
                    display: flex;
                    transform: translateY(11px);
                  }
                  .label-communities {
                    background-color: #154F7B;
                    padding: 4px 8px;
                    color: #fff;
                  }
                  .label-communities:nth-child(1) {
                    margin-right: 8px;
                  }
                  .wrap-label-footer {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    background-color: #fff;
                    padding: 8px 0;
                    width: 100%;
                    position: fixed;
                    left: 0;
                    bottom: 112px;
                    border-top: 1px solid #154F7B;
                    border-bottom: 1px solid #154F7B;
                    color: #154F7B ;
                    z-index: 900;
                  }
                  a.wrap-label-footer:hover , a.wrap-label-footer:focus {
                    color: #154F7B ;
                  }
                  .wrap-sm-label-footer {
                    border: 1px solid #154F7B ;
                    border-radius: 4px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    background-color: #fff;
                    padding: 8px;
                    width: 100%;
                    font-size: 16px;
                    color: #154F7B ;
                    margin-bottom: 8px;
                  }
                  .wrap-label-footer p , .wrap-sm-label-footer p{
                    color: #154F7B ;
                    font-weight: bold;
                  }
                  .wrap-label-footer i , .wrap-sm-label-footer div i{
                    margin-right: 8px;
                  }
                  .wrap-sm-label-footer{
                    color: #154F7B ;
                  }
                  .wrap-sm-label-footer:hover{
                    color: #154F7B ;
                  }
                  .wrap-select-label {
                    position: absolute;
                    left: 4px;
                    top: 4px;
                    z-index: 1001;
                    background-color: #154F7B;
                    padding: 5px 8px;
                    font-size: 12px;
                    line-height: 12px;
                    color: #fff;
                  }
                  .bg-gray-admin {
                    background-color: #EDF1F5;
                  }
                  .disabled{
                    pointer-events:none;
                  }
                  .pt-footer{
                    padding-top: 20px;
                  }
                  .f-login_sp{
                    font-size: 10px;
                    padding-top: 24px;
                    text-align: right;
                  }
                  .wrap-img-card-contents {
                    overflow-x: scroll;
                    flex-wrap: nowrap;
                    margin: 0px 0 16px;
                  }
                  .wrap-img-card-contents .col-5 {
                    padding-left: 0!important;
                    padding-right: 8px;
                  }

                  .title-view.color-green.p-0 {
                    margin: 8px 0;
                  }
                  .communities-detail-link-text {
                    font-size: 12px;
                  }
                  .communities-detail-link-text:hover {
                    color: #707070;
                    text-decoration: underline;
                  }
                  .wrap-area-home {
                    margin-top: 32px;
                  }
                  .area-forms .mentions-input-box textarea {
                    background-color: #EDF1F5;
                    border: none;
                    border-radius: 0;
                  }
                  .wrap-nav-hidden {
                    position: fixed;
                    bottom: 114px;
                    right: 0;
                    width: 60%;
                    background-color: #164F7C;
                    padding: 32px 32px 0;
                    margin-bottom: -100vh;
                    transition: .3s;
                    z-index: 1005;
                    padding: 0;
                  }
                  .wrap-nav-hidden.open{
                    margin-bottom: 0;
                  }
                  .wrap-nav-hidden li {
                    width: 100%;
                    padding: 0;
                    border-bottom: solid 1px rgba(255,255,255,.2);
                  }
                  .wrap-nav-hidden li a{
                    display: flex;
                    align-items: center;
                    padding: 8px 16px;
                  }

                  .wrap-nav-hidden li i {
                    color: #fff!important;
                    padding-right: 8px;
                    width: 40px;
                    line-height: 1em;
                  }
                  .wrap-banner {
                    padding-left: 8px;
                  }
                  .wrap-banner .col-4 {
                    padding: 0;
                    padding-right: 8px;
                  }
                  .wrap-banner .col-sm-4 {
                    padding: 0;
                    padding-right: 8px;
                  }
                  .wrap-view-label {
                    color: #fff;
                    width: 80px;
                    padding: 5px 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin: 4px 4px 4px 0px;
                  }

                  /* 新堀ここから*/
                  .subsc-number{
                    margin: 16px 0 0;
                    text-align: center;
                  }
                  .subsc-number .wrap-title-small-card {
                    border: 6px solid  ;
                  }
                  .total .wrap-title-small-card{
                    border: 10px solid;
                  }

                  .comunity-info h3{
                    margin-bottom: 32px;
                  }
                  .subsc-number p{
                    font-size: 20px;
                  }

                  .subsc-number .wrap-title-small{
                    width: 70px;
                    height:70px;
                    color:#968853;
                  }
                  .total .wrap-title-small{
                    width: 90px;
                    height:90px;
                    margin: 0 auto;
                  }
                  .total .d-block{
                    width: 91px;
                  }
                  .wrap-title-small{
                    margin: 4px 0px 4px 5px;
                  }


                  .subsc-number .wrap-title-small-community{
                    color: #66C0BA;
                  }
                  .dashbord-page table{
                    font-size:12px;
                    min-width: 35px;
                  }
                  .meet-list th{
                    color:#000;
                    font-weight: bold;
                  }
                  .meet-list th a{
                    color:#000;
                  }
                  .dashbord-page table td a:hover{
                    color:#0000EE;
                  }
                  .score-row{
                    display: flex;
                    justify-content:center;
                    margin: 16px 0 32px;
                  }
                  .score-row .d-block{
                    margin:0 16px 0 0;
                  }
                  .total .d-block{
                    width: auto;
                    margin:0 32px 0 0;
                  }

                  @media screen and (min-width:768px) {
                    .subsc-number{
                      margin: 32px 0 64px;
                    }
                    .wrap-title-small{
                      margin: 4px 4px 4px 0px;;
                    }
                    .score-row{
                      display: flex;
                      margin: 16px auto 32px;
                      align-items: flex-end;
                      justify-content: center;
                    }
                    .subsc-number .wrap-title-small-card {
                      border: 8px solid  ;
                    }
                    .total .wrap-title-small-card {
                      border: 12px solid  ;
                    }
                    .comunity-info .row{
                      width: 670px;
                    }


                    .subsc-number .wrap-title-small{
                      font-size:24px;
                      width: 100px;
                      height:100px;
                    }
                    .total .wrap-title-small{
                      font-size: 40px;
                      width: 140px;
                      height: 140px;
                    }

                    .ace-user-content .row-scroll.card-original{
                      overflow-x: hidden;
                    }
                    .subsc-number p{
                      font-size: 24px;
                    }
                  }

                  @media screen and (min-width:1200px) {

                    .subsc-number .wrap-title-small{
                      width: 120px;
                      height:120px;
                    }
                    .total .wrap-title-small{
                      font-size: 40px;
                      width: 160px;
                      height: 160px;
                    }
                  }
                  @media screen and (max-width: 480px) {
                    .comunity-info .title-view{
                      text-align: center;
                    }
                    .wait-user table{
                      width:800px;
                      overflow-x: scroll;
                    }
                    .meet-list table{
                      width:1000px;
                      overflow-x: scroll;
                    }
                    .total .d-block{
                      margin-right: 0;
                    }
                    .banner-area .wrap-banner{
                      display: block;
                    }
                    .banner-area .wrap-banner .col-4{
                      margin: 0 auto;
                    }
                  }
                  @media screen and (max-width: 990px) {
                    .ace-user-content{
                      width:100%!important;
                    }
                  }

                  @media screen and (min-width:1025px) {
                    .ace-user-content{
                      width:75%!important;
                    }
                  }
                  .ace-user-content{
                    width:80%;
                  }

                  .table td, .table th{
                    padding: 8px 3px;
                    min-width: 35px;
                  }

                  .btn-under-edit{
                    margin: 16px!important;
                    font-size: 12px!important;
                    line-height: 16px!important;
                    padding: 8px 0!important;
                  }
                  .m-auto .badge-danger{
                    padding: 0.3rem!important;
                  }
                  .text-time {
                    font-weight: bold;
                    margin-bottom: 8px;
                  }
                  .wrap-meet-detail-card {
                    margin-top: 8px;
                  }
                  .wrap-meet-card {
                    margin-bottom: 16px;
                    display: flex;
                    flex-direction: column;
                  }
                  .area-meet-card {
                    margin-top: 32px;
                  }
                  .organizer {
                    margin-bottom: 4px;
                  }
                  .wrap-meet-detail-text {
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 8;
                  }
                  .text-time-detail {
                    font-size: 14px!important;
                    font-weight: bold;
                  }