select:focus-visible,
textarea:focus-visible,
button:focus-visible{
  outline: -webkit-focus-ring-color auto 1px;
}

/* common */
.container{
  /* margin-top: 120px; */
  color: #585757;
}
main{
  padding-top: var(--header-height);
}
main > form{
  padding:5vw;
}
input::placeholder, textarea::placeholder { color: #ccc; }
.sel_title
{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}
.step{
  margin-bottom: 9vw;
  display:flex;
  background-color: #e5e2da;
  padding: 10px;
}
.page2 .step ,
.search .step {
  margin-bottom: 0;
  margin-top: 50px;
}
.skull_list ul{
  background-color:#e5e2da;
}
.skull_list ul > div{
  padding: 20px;
}
.step div,
.skull_list ul{
  font-size: 3.6vw;
  color: #1a1311;
  letter-spacing:2px;
  white-space: nowrap;
}
.step div:nth-child(2),
.skull_list ul div:nth-child(2){
  margin-left:20px;
}
.step_color{

}
.step.sel_item{
  margin-bottom: 0px;
}
section[class^="sel_"] {
  margin-bottom: 9vw;
}
.submit{
  text-align: center;
  margin-bottom: 5vw;
}
.submit input{
  padding: 2vw 18vw;
  background-color: #e3e3e3;
}
input:disabled{
  background-color:#aaa;
}
.form_error{
  display: none;
  text-align: center;
  color: #f00;
  font-weight: bold;
  margin: 2vw 0;
}
.error{
  text-align: center;
  color: #f00;
  font-weight: bold;
}
/* #navi ul li a{
  box-sizing: border-box;
} */
.sp-only{
  display: block;
}
.pc-only{
  display: none;
}


/* page1 */
.page1 main{
  background-color:#e5e2da;
}
.page1 figcaption{
  color: #1a1311;
  letter-spacing:2px;
}
.page1:has(.user_header) .top_banner{
  margin-top: 51px;
}
.page1 .sel_jewel{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.page1 .sel_jewel .item {
  margin-bottom: 10vw;
  width: 50%;
}
.page1 .sel_jewel .item figure{
  text-align: center;
}
.page1 .sel_jewel .item figure img{
  width: 20vw;
  padding-bottom: 2vw;
  background-size: cover;
}
.page1 .sel_jewel .item ul{
  display: flex;
  justify-content: center;
  align-items: center;
}
.page1 .sel_jewel .item select{
  width: 40vw;
  font-size: 3vw;
}
.page1 .sel_jewel .item .left{
  width: 80vw;
}
.page1 .sel_jewel .item .left figcaption{
  font-size: 3.8vw;
  margin-bottom: 3vw;
}

.page1 .sel_kind{
}
.page1 .sel_kind .item{
  width: 90vw;
  margin-bottom: 10vw;
}
.page1 .sel_kind .item.pierce{
  margin-top: 8vw;
}
.page1 .sel_kind .item label{
  font-size: 3.8vw;
}
.page1 .sel_kind .item input{
  margin: 2vw 1vw 2vw 10vw;
}
.page1 .sel_kind img{
  width: 100%;
}

.page1 .sel_designline{
  display: flex;
  justify-content: center;
}
.page1 .sel_designline label{
  margin: 0 4vw;
}



/* page2 */
.page2{
  line-height: 1;
}
.page2 .page_header{
  background-color: #e3e3e3;
}
.page2 .page_header ul{
  display: flex;
  justify-content: center;
  padding: 1vw 0;
}
.page2 .page_header li{
  font-size: 3vw;
  padding: 0 1.6vw;
}
.page2 .step ,
.search .step {
  margin-bottom: 0;
  margin-top: 20px;
}
.page2:has(.user_header) .step ,
.search:has(.user_header) .step {
  margin-top: 70px;
}
.page2 .design_title{
  padding: 0 0 2vw 5vw;
  font-weight: bold;
}
.page2 .noitem{
  padding: 0 0 8vw 5vw;
}
.page2 .sel_design{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.page2 .sel_design{
  margin-bottom: 40px;
}
.page2 .design_title span{
  font-size: 4.6vw;
  color: #888;
}
.page2 .sel_design .item {
  width: 45vw;
  margin-bottom: 10vw;
}
.page2 .sel_design .item p{
  text-align: center;
  font-size: 1.1rem;
}
.page2 .sel_design .item figure{
  position: relative;
  text-align: center;
  margin-top: 1px;
}
.page2 .sel_design .item figure div{
  position: absolute;
  top: 0;
  left: 0;
  width: 10vw;
  height: 10vw;
}
.page2 .sel_design .item figure input[type="radio"]{
  display: none;
  width: 4.2vw;
  height: 4.2vw;
}
.page2 .sel_design .item figure img{
  width: 40vw;
  height: 40vw;
  object-fit: cover;
}
.page2 .sel_design .item .prices{
  margin: 0 auto;
  cursor: pointer;
}
.page2 .sel_design .item .prices tr td{
  padding: 1vw 2vw;
  font-size: 3.6vw;
  text-align: right;
  white-space: nowrap;
}
.page2 .prices tr{
  /* border-top: 1px solid #888; */
}
.page2 .prices .pt{
  background-color: #cbeaeb;
}
.page2 .prices .k18{
  background-color: #ebf273;
}
.page2 .prices .k10,
.page2 .prices .k18wg{
  background-color: #ebdefc;
}
.page2 .prices .sv{
  background-color: #b5f0b6;
  /* border-bottom: 1px solid #888; */
}
/* 下部クリップ(copyright表示クリップ) */
/*
.page2 .sel_design .item figure:after{
  position: absolute;
  content:"";
  background-color: rgba(255,0,0,0.5);
  background-color: #fff;
  width: 100%;
  height: 7%;
  left: 0%;
  top: 93%;
}
*/
/* .page2 .sel_design .item figure input[type="radio"]:checked + a>img{ */
.sel_border{
  box-shadow: 0px 0px 2px #c6ecff;
  border: 2px solid #c6ecff;
}
.page2 .sel_ringsize{
  text-align: center;
}
.page2 .sel_ringsize select{
  width: 40vw;
  padding-left: 2vw;
  font-size: 3vw;
}



/* page3 */
.page3 section{
  padding-bottom: 6vw;
}
.page3 .sel_title{
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
}
.page3:has(.user_header) .sel_title{
  margin-top: 70px;
}
@media screen and (min-width: 741px){
  .page3 .sel_title{
    margin-top: 30px
  }
}
.page3 .sel_title img{
  width: 40vw;
}
.page3 .page_header{
  background-color: #e3e3e3;
}
.page3 .page_header table{
  width: 100%;
}
.page3 .page_header th{
  padding: 2vw 0;
  border: 1px solid #888;
  border-left: 0;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
}
.page3 .page_header th:last-child{
  border-right: 0;
}


/* 画像3枚以上 */
.page3 .images{
  display: flex;
  align-items: center;
  padding: 4vw 0;
}
.page3 .images figure{
  text-align: center;
}
.page3 .images .left{
  width: 65vw;
}
.page3 .images .left figure{
  position: relative;
  margin: 0 8vw;
  padding: 5vw 0;
}
.page3 .images .left img{
  width: 54vw;
  height: 54vw;
  object-fit: cover;
}
 /* 下部クリップ */
 /*
.page3 .images .left figure:after{
  position: absolute;
  content:"";
  background-color: rgba(255,0,0,0.5);
  background-color: #fff;
  width: 100%;
  height: 10vw;
  left: 0;
  bottom: 0;
}
*/
.page3 .images .left figcaption{
  font-size: 5.2vw;
}
.page3 .images .right{
  width: 35vw;
}
.page3 .images .right figure{
  position: relative;
  margin-right: 5vw;
  margin-top: -1px;
}
.page3 .images .right img{
  width: 38vw;
  height: 38vw;
  object-fit: contain;
}
 /* 下部クリップ */
 /*
.page3 .images .right figure:after{
  position: absolute;
  content:"";
  background-color: rgba(255,0,0,0.5);
  background-color: #fff;
  width: 100%;
  height: 3.2vw;
  left: 0;
  bottom: 0;
}
*/

/* 画像2枚以下 */
.page3 .images2{
  padding: 0;
}
.page3 .images.images2 .left{
  width: 50vw;
}
.page3 .images2 .left img{
  width: 50vw;
  height: 50vw;
}
.page3 .images2 .right{
  width: 50vw;
}
.page3 .images2 .right img{
  width: 50vw;
  height: 50vw;
}
.page3 .images2 .left figure,
.page3 .images2 .right figure{
  margin: 0 4vw;
}
 /* 下部クリップ */
.page3 .images2 .right figure a:after{
  top: 1.9vw;
}

/* 画像1枚 */
.page3 .images1 .left{
  width: 80vw;
  margin: 0 auto;
}
.page3 .images1 .left figure a:after{
  height: 6vw;
  bottom: 0;
}
.page3 .images1 .left img{
  width: 80vw;
  height: 80vw;
}
.page3 figcaption.image12{
  font-size: 5.2vw;
  margin: 0 0 8vw 0;
}

.page3 .sel_material{
  text-align: center;
  font-size: 3.8vw;
  line-height: 6vw;
  margin-top: 4vw;
}
.page3 .isL{
  text-align: center;
  font-size: 3.6vw;
  /* padding: 3vw 0; */
  color: red;
}
.page3 .prices .title{
  font-size:4vw;
  text-align:center;
  margin-bottom: 3vw;
}
.page3 .prices ul{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.page3 .prices li{
  display: flex;
  align-items: center;
  width: 50vw;
  height: 12vw;
  box-sizing: border-box;
  cursor: pointer;
}
.page3 .prices li::after{
  content: '';
  background-image: url(/img/arrow_gray.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 3.4vw;
  height: 3.4vw;
  margin-left: 2vw;
  margin-top: 0;
}
.page3 .prices li p:nth-child(1){
  text-align: center;
  width: 40%;
}
.page3 .prices li p:nth-child(2){
  font-size: 5vw;
  text-align: right;
  width: 45%;
}
.page3 .prices li.pt{
  background-color: #cbeaeb;
  border-top: 1px solid #888;
  border-right: 1px solid #888;
}
.page3 .prices li.k18{
  background-color: #ebf273;
  border-top: 1px solid #888;
}
.page3 .prices li.k10,
.page3 .prices li.k18wg{
  background-color: #ebdefc;
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
}
.page3 .prices li.sv{
  background-color: #b5f0b6;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}

.page3 .mitsumorisho{
  text-align:center;
  padding-bottom:20px;
}
.page3 .mitsumorisho p{
  font-size: 3.8vw;
  margin-top: 2vw;
}

.page3 .product_detail{
  text-align: center;
  margin-top: 12vw;
}
.page3 .product_detail a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43vw;
  height: 14vw;
  font-size: 3.8vw;
  margin: 0 auto;
  color: #fff;
  background-color: #013895;
  border : 0;
  border-radius: 1vw;
  letter-spacing: 0.2vw;
}
.page3 .product_detail a::after{
  position: absolute;
  content: '';
  background-image: url(/img/arrow.png);
  background-repeat: no-repeat;
  background-size: cover;
  filter: brightness(100);
  /* content: url(/img/arrow_detail.png); */
  width: 3.4vw;
  height: 3.4vw;
  right: 2vw;
  top: calc(50% - 1.7vw);
}
.page3 .product_detail p{
  font-size: 3.8vw;
  margin-top: 6vw;
}

.page3 .infos{
  margin-top:10vw;
}

.page3 .infos .title{
  text-align: center;
  padding: 3vw 0;
  background-color: #e3e3e3;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
}
.page3 .infos > div{
  padding: 5vw 8vw 0 8vw;
  letter-spacing: 0.3vw;
  width: fit-content;
  margin: 0 auto;
}
.page3 .infos.add .title{
  border-top: 0;
}
.page3 .infos.add > div{
  text-align: left;
}
.page3 .infos.add > div h5{
  line-height: 6vw;
}
.page3 .infos.add > div span{
  color: #0008cd;
  font-weight: bold;
}
.page3 .infos.inquiry{
  padding: 0 5vw 6vw 5vw;
}
.page3 .infos.inquiry h5{
  line-height: 1.5;
}
.page3 .infos.flow .title{
  color: #fff;
  background-color: #7c7ffa;
  border: 0;
}

.page3 .links{
  display: flex;
  justify-content: center;
  /* padding-bottom: 80px; */
}
.page3 .links > div{
  width: 100%;
}
.page3 .links > div.shop{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30vw;
  background: linear-gradient(to bottom,#1271ff,#80b3ff 50%,#1271ff);
}
.page3 .links > div.shop h4{
  color: #fff;
}
.page3 .links > div.shop h4 span{
  transform: scale(0.6, 1.6);
  display: inline-block;
}
  .foot_link_bana{
    margin-bottom: 0;
  }
  .foot_link_bana ul{
    display: flex;
    justify-content: center;
  }
  .foot_link_bana li{
    width: 50vw;
    height: 20vw;
    line-height: 3vw;
    margin: 0 1vw;
  }
  .foot_link_bana li a{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 4vw !important;
    padding: 0 !important;
    height: 100% !important;
  }
  .foot_link_bana li a:after{
    content: '' !important;
    background-image: url(/img/arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 40% !important;
    width: 3vw !important;
    height: 3vw;
    right: 2vw !important;
  }
  .foot_link_bana li div{
    font-weight: normal;
    text-align: center;
  }
  .foot_link_bana li.shop_list a:after{
    /* filter: brightness(100); */
  }
  .foot_link_bana li.saport a:after{
    filter: brightness(0);
  }
  .foot_link_bana li.saport a span{
    font-size: 3vw;
    margin-top: 10px;
  }
@media screen and (min-width: 741px){
  .foot_link_bana li.saport a span{
    font-size: 1.2rem;
  }
}



/* bullions */
.bullions{
  padding: 2vw 8vw;
}
.bullions .title{
  margin: 20px 0;
}
.bullions th{
  background-color: #ddd;
  border: 1px solid #fff;
  padding: 8px 0;
}
.bullions td{
  width: 160px;
  padding: 10px 0;
}
.bullions td:nth-child(1){
  text-align: right;
  padding-right: 40px;
}
.bullions td:nth-child(3){
  text-align: center;
}
.bullions td input{
  width: 100px;
}
.bullions .submit{
  margin: 40px 0;
}



/*------------ test_calc ------------------*/
.test_calc {
  padding: 0 !important;
}
.test_calc .title{
  padding: 40px 0;
}
.test_calc li{
  font-size: 1rem;
}
.test_calc span{
  margin-left: 2px;
  font-size: 0.8rem;
  color: #800;
}
.test_calc span.attention{
  color: #f00;
  font-weight: bold;
}

.center {
  position: absolute;
  display: inline-block;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}

/** Custom Select **/
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
}
  .custom-select-wrapper select {
    display: none;
  }
  .custom-select {
    position: relative;
    display: inline-block;
    z-index: 10;
  }
    .custom-select-trigger {
      position: relative;
      display: block;
      width: 40vw;
      padding: 0 3vw;
      font-size: 3vw;
      font-weight: 300;
      line-height: 8vw;
      border-radius: 4px;
      border: 1px solid #000;
      color: #000;
      cursor: pointer;
    }
      .custom-select-trigger:after {
        position: absolute;
        display: block;
        content: '';
        width: 10px; height: 10px;
        top: 50%; right: 2vw;
        margin-top: -3px;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg) translateY(-50%);
        transition: all .4s ease-in-out;
        transform-origin: 50% 0;
      }
      .custom-select.opened .custom-select-trigger:after {
        margin-top: 3px;
        transform: rotate(-135deg) translateY(-50%);
      }
  .custom-options {
    position: absolute;
    display: block;
    top: 100%; left: 0; right: 0;
    min-width: 100%;
    margin: 15px 0;
    border: 1px solid #000;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
  }
  .custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
  }
    .custom-options:before {
      position: absolute;
      display: block;
      content: '';
      bottom: 100%; right: 25px;
      width: 7px; height: 7px;
      margin-bottom: -4px;
      border-top: 1px solid #000;
      border-left: 1px solid #000;
      background: #fff;
      transform: rotate(45deg);
      transition: all .4s ease-in-out;
    }
    .option-hover:before {
      background: #f9f9f9;
    }
    .custom-option {
      position: relative;
      display: block;
      padding: 0 22px;
      border-bottom: 1px solid #000;
      color: #000;
      font-size: 3.5vw;
      line-height: 8vw;
      cursor: pointer;
      transition: all .4s ease-in-out;
    }
    .custom-option:first-of-type {
      border-radius: 4px 4px 0 0;
      padding: 0;
      padding-left: 1vw;
    }
    .custom-option:last-of-type {
      border-bottom: 0;
      border-radius: 0 0 4px 4px;
    }
    .custom-option:hover,
    .custom-option.selection {
      background: #f9f9f9;
    }

/* search */
.wp_search{
  width: 80vw;
  max-width: 250px;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 100px;
}
.wp_search ul{
  display: flex;
  margin-bottom: 0.5rem;
}
.wp_search ul>li{
  font-size: 1rem;
}
.wp_search ul>li:nth-child(1){
  width: 50%;
  text-align: left;
}
.wp_search ul>li:nth-child(2){
  width: 10%;
}
.wp_search ul>li:nth-child(3){
  width: 40%;
  text-align: left;
}
.wp_search p{
  font-size: 1rem;
  margin-top: 1rem;
}
.wp_search button[type="submit"]{
  width: 50%;
  margin-top: 2rem;
}
.wp_search .message.error{
  font-size: 0.9rem;
  white-space: pre;
  line-height: 1rem;
  display: flex;
  justify-content: center;
}

/*header*/
.repair_order.pc{
  display: none !important;
}
.repair_order.sp{
  display: block !important;
}
#navi ul{
  border: 0;
}
#navi ul > li:nth-child(4) a{
  margin-left: 0;
}
#navi ul li a {
  border: 0 !important;
  height: 38px;
}
#navi ul > li {
  border : solid 1px #231815 !important;
  box-sizing: border-box;
}
#navi ul:not(.sub-menu) > li:nth-child(n+2){
  border-left: 0 !important;
}
#navi ul ul.sub-menu{
  position: absolute;
  border: 0 !important;
  width: 100%;
  min-width: unset !important;
}
#navi ul.sub-menu > li{
  border-top: 0 !important;
}



/*footer*/
/* footer ul:not(.sub-menu) > li{ */
footer .menu-item-has-children{
  font-weight: bold !important;
}
#footer-widget ul{
  padding-left: 0;
}
#footer-widget ul.sub-menu li a:before{
  content: '';
}
.footer-center, .footer-right{
  border-left: solid 1px #fff !important;
}

#new-entries a:hover, #popular-entries a:hover, .wpp-list a:hover, .entry-read a:hover, .entry .post-meta a:hover, .related-entry-read a:hover, .entry a:hover, .related-entry-title a:hover, .navigation a:hover, #footer-widget a:hover, .article-list .entry-title a:hover{
  color: inherit;
}


/* admins, users */
.admins_users{
  background-color: #fff;
  padding: 40px 0;
}
.admins_users *{
  color: #333333;
  font-size: 14px;
}
.admins_users.user_login,
.admins_users.user_loggedin,
.admins_users.reissue{
  padding: 60px 0;
}
.admins_users.user_regist,
.admins_users.user_regist_complete{
  padding: 60px 0 0 0;
}
.login_bg{
  max-width: 90%;
  height: fit-content;
  background-color: #fff;
  border-radius: 8px;
  margin: 0px auto;
  padding: 0 20px;
  padding-top: 40px;
  /* padding-bottom: 60px; */
  box-sizing: border-box;
}
.login_bg .title{
  padding: 60px 0;
  font-size: 19px;
  text-align: center;
  text-decoration: underline;
}
.login .login_bg .title{
  padding: 10px 0 40px 0;
}
.login_bg .label_form{
  margin-bottom: 12px;
}
.login_bg .label_form p{
  margin-bottom: 4px;
}
.login_bg input[type="text"],
.login_bg input[type="email"],
.login_bg input[type="password"]
{
  width: 100%;
}
.user_login .login_bg{
  /* height: 580px; */
}
.admins_users .tel,
.admins_users .zip{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.admins_users .tel input,
.admins_users .zip input{
  width: 30%;
}
.admins_users .btn{
  display: flex;
  justify-content: center;
  position: relative;
  margin: 36px 0 0 0;
}
.admins_users .btn button{
  height: fit-content;
  width: 120px;
  margin: 0 20px;
}
.admins_users .submit input,
.admins_users .btns button{
  color: #fff;
  background-color: #808080;
  width: 120px;
  height: 40px;
  padding: 0;
  line-height: 40px;
  font-size: 14px;
  border-radius: 4px;
}
.admins_users .btns button.line2{
  height: 60px;
  line-height: 20px;
}
.admins_users .btns{
  text-align: center;
}
.admins_users .btns button{
  width: 200px;
}
.login_bg .user_edit button{
  margin-bottom: 4px;
}
.login_bg .user_edit p{
  font-size: 12px;
  margin-bottom: 40px;
}
.login_bg p.attention{
  font-size: 11px;
  text-align: left;
  line-height: 1.5;
}
.admins_users .has_subcomment p{
  font-size: 12px;
  margin-top: 4px;
}
.admins_users .submit input:hover{
  opacity: 0.7;
}
.admins_users .error{
  position: absolute;
  width: 100vw;
  top: 51px;
  color: #c00;
  font-size: 13px;
}
.admins_users .red{
  color: #c00;
}

.form_bg{
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 40px;
  padding: 36px 0;
}
.form_bg .title{
  font-size: 19px;
  text-align: center;
  text-decoration: underline;
}
.form_bg .sub_title{
  width: 90%;
  padding: 20px 0;
  line-height: 1.8;
  margin: 0 auto;
}
.form_bg .forms{
  width: 90%;
  margin: 0 auto;
}

.admins_users select{
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset;
  color: #333;
  /* display: block; */
  font-size: 16px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  box-sizing: border-box;
}

.form_bg #prefecture{
  width: 150px;
  appearance: auto;
  margin-bottom: 4px;
}
.form_bg .address{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.form_bg input,
.form_bg select{
  font-size: 14px;
  padding: 4px 6px;
  height: 36px;
}
.form_bg .address input:first-child{
  margin-right: 4px;
}

.admins_users .checks{
  width: 90%;
  padding: 5%;
  background-color: #f2f2f2;
  margin: 10% auto;
  box-sizing: border-box;
}
.admins_users .checks div,
.admins_users .checks li{
  line-height: 1.4;
  font-size: 13px;
}

.user_regist .forms ul{
  margin-bottom: 20px;
}
.user_regist .forms li:first-child{
  width: 30%;
  white-space: nowrap;
  margin-bottom: 4px;
}

.user_header{
  position:fixed;
  width:100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px;
  background-color: #e6e6e6;
  z-index:100;
}
.user_header .username{
  min-width: 28vw;
  max-width: 47vw;
  text-align: center;
  margin: 0 4px;
  padding: 8px;
  background-color: #fff;
  color: #111;
  font-size: 3.4vw;
  white-space: nowrap;
  overflow: scroll;
}
.user_header button{
  margin: 0 1px;
  padding: 4px 4px;
  white-space: nowrap;
  font-size: 3.4vw;
  font-weight: normal;
}