/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* color styles
-------------------------------------------------- */
.bodybank{
  font-family: "Lucida Grande", "Segoe UI", "Helvetica Neue", "Helvetica", "Arial", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}
/* header footer */
header nav {
  background: -moz-linear-gradient(top, #FFBDD9, #FFE6F0);
  background: -webkit-linear-gradient(top, #FFBDD9, #FFE6F0);
  background: linear-gradient(to bottom, #FFBDD9, #FFE6F0);
}

header h3{
  color:purple;
}

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

/* table color-- */
.divhead{
  color:#FFF;
}

.table-active{
  background-color: #46abbd;
  color:#000;
}

.divborder{
  border:1px solid #dee2e6;;
  border-collapse: collapse;
}

.divborder-ntop{
  border-top:0px ;
}
/* button color-- */
.btn-info,.btn-info:hover,.btn-info.disabled,.btn-info:focus,.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled):active:focus{
    background-color: #4682B4;
}

/* title color-- */
.ordertitle{
  color:#FFF;
  background-color: #46abbd;
  margin-bottom:10px;
}

/* box color-- */
.box-part {
  background: #4682B4;
  border-radius: 10px;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-max-w{
  max-width: 1000px;
}

.box-part3 {
  background: #4682B4;
  border-radius: 10px;
  width: 250px;
  height: 200px;
}

.box .title{
  color:white;
}
.box-part2{
  background: #FFF;
  border:solid #4682B4;;
  border-radius: 10px;
}
.box-part2 .title{
  background: #4682B4;
  color:#FFF;
  border:solid #4682B4;
  border-radius: 2px;
}

.cardtitle .box-part2{
  background: #4682B4;
  border:solid #4682B4;;
  border-radius: 10px 10px 0px 0px;
}
.cardtitle .box-part2 .title{
  background: #4682B4;
  color:#FFF;
  border:solid #4682B4;
  border-radius: 2px 2px 0px 0px;
}
.divcard5 .box-part2,.divcard6 .box-part2,.divcard7 .box-part2,.divcard8 .box-part2,.divcard9 .box-part2,.divcard10 .box-part2,.divcard11 .box-part2,.divcard12 .box-part2,.divcard13 .box-part2,.divcard14 .box-part2,.divcard15 .box-part2,.divcard16 .box-part2,.divcard17 .box-part2,.divcard18 .box-part2,.divcard19 .box-part2,.divcard20 .box-part2{
  background: #FFF;
  border:solid #4682B4;;
  border-radius: 0px 0px 10px 10px;
}
.package-circle{
  border-radius: 10px !important;
  border-width: 2px !important;
}
.divfixedservice{
  background: #FFF;
}
.bguse{
  background:#d6fff5;
}
.bgapplicate{
  background:#e0ffd6;
}
.bgadd{
  background:#ffd6e0;
}
.bgsum{
  background:#d6e0ff;
}
.bgmonth{
  background:#ffe0d6;
}
.bgcalendar{
  background:#FFDEE3;
}
.bgmonthly{
  background:#ffff99;
}
.bgnone{
  background:none !important;
}
.disp-trans{
  opacity: 0.5;
}

.wkDialogClass,.ui-dialog .ui-dialog-buttonpane{
  background:#c5f9d0;
}

.ui-widget-content.ui-widget{
  border:1px solid #4682B4;
}
.ui-dialog-titlebar {
  color:#FFF;
  background:#56b36b;
}
.ui-dialog-buttonset{
  width:100%;
  display:flex;
}
.ui-dialog .ui-dialog-buttonpane button{
  margin:.5em auto .5em auto;
}
.ui-widget-content{
  border:none;
}

/* -------------------------------------------------- */

/* site styles
-------------------------------------------------- */
a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

html {
  position: relative;
  min-height: 100%;
  font-size: 16px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  /* Margin bottom by footer height */
  font-size: 18px;
}

.container{
  padding:0px;
}

a.item{
  text-decoration:none;
  color:white;
  margin:10px auto;
}
.divbody{
  margin-bottom:50px;
}
.divfixed{
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:24;
  height: 54px;
}

.divfixedservice{
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:24;
}
/* -------------------------------------------------- */

/* header styles
-------------------------------------------------- */
.navbar{
  padding:0.5rem 1.5rem;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  header nav {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  nav ul.pagination {
    font-size: 12px;
  }
}

.divfixed h3,.divfixedservice h3{
  margin:0px;
}

.navbar-brand{
  width: 200px;
  margin:0px;
}

/* -------------------------------------------------- */

/* Sticky footer styles
-------------------------------------------------- */
button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 20px; /* Vertically center the text there */
  font-size:11.5px;
}

.footer div.container {
  text-align: left;
}

.sitelink,.copyright{
  margin-top:5px;
}

/* -------------------------------------------------- */

/* table styles
-------------------------------------------------- */
.divtable{
  margin-bottom:10px;
  padding:0px;
}
.divtable-w{
  flex: 0 0 97%;
  max-width: 97%;
}
.divrow{
  margin:0px;
  padding:0px;

}
.divcell{
  padding:5px;
  display: flex;
  align-items: center;
}
.divcell-cal{
  padding:10px;
  display: flex;
  align-items: center;
}

.divcell-nonborder{
  padding:5px;
}

.divlabel{
  width:100%;
  margin:0px;
}

.divdate{
  width:9.5%
}

.divnum{
  width:4%
}

.divservice{
  width:35%
}
.divmoney{
  width:8%
}
.divstatus{
  width:8%
}
.divmanual{
  width:7%;
  padding:4px;
}
.divnum-appli{
  width:5%
}
.divservice-appli{
  width:50%
}
.divstatus-appli{
  width:15%
}
.divdate-appli{
  width: 15%;
}
.divdetails{
  width:15%
}
.divservappli-h{
  height: 66px;
}
.divservappli-tblh{
  height: 50px;
}
.divcenter{
  padding:5px;
}
.divmax90{
  max-width:90%;
}
.divmax40{
  max-width:40%;
}
.divmax50{
  max-width:50%;
}
.divmax65{
  max-width:65%;
}
.divmax75{
  max-width:75%;
}
.divmax80{
  max-width:80%;
}
.divmax95{
  max-width:95%;
}
.w-90{
  width: 90%;
}
.divbutton{
  width:7%;
}

.div-canmenu-num{
  width:4%;
}
.div-canmenu-service{
  width:35%;
}
.div-canmenu-money{
  width:8%;
}
.div-canmenu-status{
  width:10%;
}
.div-canmenu-date{
  width:9%;
}
.div-canmenu-button{
  width:7%;
}

.div-cancel-service{
  width:30%;
}
.div-cancel-regi{
  width:15%;
}
.div-cancel-posno{
  width:10%;
}
.div-cancel-conposno{
  width:15%;
}
.div-cancel-license{
  width:50%;
}
.div-cancel-conlicense{
  width:35%;
}
.div-cancel-conuseperiod{
  width:20%;
}
.div-cancel-status{
  width:22%;
}
.div-cancel-useperiod{
  width:20%;
}
.div-cancel-companycd{
  width:20%;
}
.div-cancel-concompanycd{
  width:25%;
}
.div-cancel-tenpoid{
  width:15%;
}
.div-cancel-contenpoid{
  width:20%;
}
.div-cancel-button{
  width:25%;
}
.div-cancel-license-button{
  width:15%;
}
.div-cancel-name{
  width:45%;
}
.div-cancel-day{
  width:30%;
}
.div-cancel-conday{
  width:42.5%;
}
.div-cancel-useday-noname{
  width:50%;
}
.div-cancel-button-noname{
  width:35%;
}
.original-fontsize{
  font-size: 18px;
}
.package-prpl{
  padding-right: 10px;
  padding-left: 10px;
}
.package-mrml{
  margin-right: 10px;
  margin-left: 10px;
}
.top-link{
  font-size: 20px;
}
.mw-76{
  max-width: 76%;
}
.table-rad{
  border-radius: 20px;
}
.table-rad-p{
  padding-left: 10px;
  padding-right: 10px;
}
.table-use{
  background: lightblue;
}
.table-nouse{
  background: white;
}
.table-outserv{
  background: darkgrey;
}
.table-unuse{
  background: #f2f2f2;
}
/* -------------------------------------------------- */

/* input styles
-------------------------------------------------- */
.btn-menu {
  width: 200px;
}

input[type=checkbox] {
  transform: scale(1.5);
}

.btn-width {
    width: 58px !important;
}

.btn-width-complete {
  width: 200px !important;
}

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

.cancel-sel-w{
  width: 21%;
}
.pkg-btn-menu {
  width: 200px !important;;
}
/* -------------------------------------------------- */

/* card styles
-------------------------------------------------- */
.bord{
  background: #FFF;
  padding: 0px 10px;
  border-radius: 10px;
}

.box-part {
  padding: 50px 0px;
  margin: 10px 0px;
}

.box-part-herf {
  padding: 50px 0px;
  margin: 10px 0px;
}

.box-part-orner {
  padding: 50px 0px;
  margin: 10px 0px;
}

.text {
  margin: 20px 5px;
}

.box{
  position: absolute;
  top: 15%;
  width: 100%;
  display: flex;
  align-items: center;
}

.box-part4{
  margin-top:7px!important;
}

.box-part2{
  margin-top:10px;
}
.box-part2 .title{
  padding:10px;
  text-align:left;
}

.box-part2 h5{
  margin:0px;
}

.sticky .box-part2{
  margin:0px;
}


.inputbox {
  display:flex;
}

.inputbox section {
  background: #FFF;
  padding:8px 10px;
  border-radius: 10px;
}

.inputbox .textright input{
  width:40%;
}

.button{
  margin:10px;
}

.input-address{
  width:30%;
}
.input-packaddress{
  width: 35%;
}

.textright2 .form-control{
  margin-bottom:10px;
}
.cardlabel {
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #6594e0;
  width:100%;
}

.cardlabel2 {
  border-bottom: dashed 1px #6594e0;
  width:49%;
}

.cardlabel3 {
  border-bottom: dashed 1px #6594e0;
  width:100%;
}
.cardlabel4{
  border-bottom: dashed 2px #008000;
}
.cardborder{
  border-bottom: dashed 1px #6594e0;
}
.cardb-border{
  border-bottom: dashed 2px #6594e0;
}
.cardreq{
  display: flex;
  align-items: center;
}

.boxsubtitle{
 padding:2px 10px;
 margin-top:5px;
 margin-bottom:0px;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
  width:292.5px;
}
.cardtitle{
  background:#FFF;
  padding:15px 0 0 0;
}
.cardtitle-t1{
  margin-top: -1px;
}
.cardtitle .box-part2{
  margin-top:0px;
}
.calendar-img{
  vertical-align: middle;
}
.empha-font{
  color: yellow;
}
.empha-font a{
  color: yellow;
  text-decoration:none;
}
.color-red{
  color: red;
}
.color-red a{
  color: red;
  text-decoration:none;
}
.nowpack-border{
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 10px 0px 0px 10px !important;
  border-width: 2px !important;
}
.nowpack-band{
  border-radius: 10px 0px 0px 0px !important;
}
.newpack-border{
  border-top: none !important;
  border-bottom: none !important;
  border-left: solid #4682B4 !important;
  border-right: none !important;
  border-radius: 0px 10px 10px 0px !important;
  border-width: 2px !important;
}
.newpack-band{
  border-radius: 0px 10px 0px 0px !important;
}
.send-border{
  border-radius: 10px 10px 0px 0px !important;
}
#addopt {
 margin-top:-190px!important;
 padding-top:190px!important;
}
/* -------------------------------------------------- */
.divservlist{
  margin-bottom:60px;
  padding-top:245px;
}
.divservlist2{
  padding-top:180px;
}
.divservlist-cancel{
  padding-top:100px;
}
.divserv-applilist{
  margin-bottom:60px;
  padding-top:195px;
}
.divoptmenu{
  margin-bottom:60px;
  padding-top:120px;
}
.divdetail{
  padding-top:20px;

}
.divcard{
  margin-bottom:60px;
  padding-top:60px;
}
.divmod ,.divcard2{
  margin-bottom:60px;
  padding-top:100px;
}

.divcard2 .box-part2 .title{
  margin-bottom:20px;
}
.divcard2 .inputbox{
  margin-bottom:20px;
}
.divcard3{
  margin-bottom:70px;
  padding-top:60px;
}
.divcard3 .inputbox section {
  padding:5px 10px;
}
.divcard4{
  margin-bottom:70px;
  padding-top:90px;
}
.divcard5{
  margin-bottom:70px;
  padding-top:130px;
}
.divcard6{
  margin-bottom:70px;
  padding-top:110px;
}
.divcard7{
  margin-bottom:70px;
  padding-top:125px;
}
.divcard8{
  margin-bottom:70px;
  padding-top:44px;
}
.divcard9{
  margin-bottom:70px;
  padding-top:70px;
}
.divcard10{
  margin-bottom:70px;
  padding-top:125px;
}
.divcard11{
  margin-bottom:70px;
  padding-top:160px;
}
.divcard12{
  margin-bottom:70px;
  padding-top:100px;
}
.divcard13{
  margin-bottom:70px;
  padding-top:75px;
}
.divcard14{
  margin-bottom:70px;
  padding-top:187px;
}
.divcard15{
  margin-bottom:70px;
  padding-top:177px;
}
.divcard16{
  margin-bottom:70px;
  padding-top:136px;
}
.divcard17{
  margin-bottom:70px;
  padding-top:295px;
}
.divcard18{
  margin-bottom:70px;
  padding-top:270px;
}
.divcard19{
  padding-top:0px;
}
.divcard20{
  margin-bottom:60px;
  padding-top:100px;
}
.print-width{
  width: 750px;
}
.termscard-header {
  padding: 3px;
}

.cardrow{
  background:#FFF;
  width:862.5px;
}
.selcnt{
  width:100%;
}
.selwidth{
  width:12%;
}
.form-date{
  max-width: 38%;
}
.badge{
  margin-left:auto;
}

.ordertitle2{
  margin-left:15px;
}

.chargebox .cardlabel3{
  padding-right:15px;
}
.rightbox{
  padding:0px;
  z-index:5;
}
.leftbox{
  padding-left:0px;
  padding-right:15px;
}
.sabnav{
  height:38px;
  width:150px;
}
.btncharge{
  margin:10px;
}
.formpwd{
  width:30%;
}
.formauth{
  width:15%;
}
.formtell{
  width:18%;
}
.reserve-formtell{
  width:25%;
}
.link-style-btn{
  cursor: pointer;
  border: none;
  background: none;
  color: #007bff;
}
.link-style-btn:hover{
  text-decoration: underline;
  color: #0056b3;
}
.salonlist{
  flex: 0 0 60%;
  max-width: 60%;
}
.divcti-add{
  width: 60%;
}
.divlan-add{
  width: 25%;
}
.divborder-1{
  flex: 0 0 40%;
  max-width: 40%;
}
.divborder-2{
  flex: 0 0 18%;
  max-width: 18%;
}
.div-vercenter{
  display: flex;
  align-items: center;
}
.divcalender-w{
  width:465px;
  margin: auto;
}
.calendar-ymd{
  padding-right: 50px;
}
.calender-btn{
  padding: 0.3rem 0.5rem;
}
.optsec-w{
  width: 13%;
}
.opttxt-w{
  width: 60%;
}
.optnbba-lw{
  width: 67%;
  text-align: left;
}
.optzaiko-lw{
  width: 70%;
  text-align: left;
}
.nbba-btn{
  width: 110px;
}
.pcclass{
  max-width: 65%;
}
.divcard-con-d {
  padding-top: 98px;
}
.divcard-pricetbl {
  padding-top: 98px;
}
.optlanclass{
  flex: 0 0 32%;
  max-width: 32%;
}
.optlansel{
  flex: 0 0 67%;
  max-width: 67%;
}
.packlansel{
  flex: 0 0 100%;
  max-width: 100%;
}
.sel-w{
  max-width: 25%;
}
.pack-sel-w{
  max-width: 40%;
}
.opt-lw{
  width: 24%;
}
.opt-schw{
  width: 25%;
}
.opt-schbw{
  width: 70%;
}
.btn-schw{
  width: 85px !important;
}
.btn-schw1{
  width: 65px !important;
}
.opt-agencyw{
  width: 60%;
}
.transparent{
  background-color: rgba(255,0,0,0) !important;
}
.zaiko-confw{
  width: 90%;
}
.optday-p{
  margin-top: 5px;
  padding-right: 212px;
}
.optclaim-p{
  padding-right: 177px;
}
.optpcm-p{
  margin-top: 5px;
  padding-right: 160px;
}
.addbtn{
  margin-right: 43px;
  width: 58px;
}
.link-w{
  display: inline-block;
  width: 20%;
}
.agency-tbl{
  flex: 0 0 20%;
  max-width: 20%;
}
.agency-err{
  font-size: 14px;
}
.cal-ml{
  margin-left: 5px;
}
.back-white{
  background-color: #ffffff !important;
}
.site-loading-spinner {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.0);
  display: none;
  z-index: 2000
}
.bank-btn-w{
  width: 400px;
  text-align: left;
}
.info-btn-w{
  width:220px;
}
.packnow{
  flex: 0 0 35%;
  max-width: 35%;
}
.packnew{
  flex: 0 0 65%;
  max-width: 65%;
}
.lancon-sel-w{
  flex: 0 0 20%;
  max-width: 20%
}
.lancon-continuelink-w{
  flex: 0 0 21.666667%;
  max-width: 21.666667%
}
.col-lg-05{
  flex: 0 0 20.833333%;
  max-width: 20.833333%
}
.packname-pb{
  padding-bottom: 5px !important;
}
.name1formError.parentFormpackage-modify{
  margin-top: -36px !important;;
}
.name2formError.parentFormpackage-modify{
  margin-top: -36px !important;;
}
.namekana1formError.parentFormpackage-modify{
  margin-top: -36px !important;;
}
.namekana2formError.parentFormpackage-modify{
  margin-top: -36px !important;;
}
.SelectedUseMachine1formError.parentFormpackage-modify{
  margin-top: -36px !important;
}
.SelectedUseMachine2formError.parentFormpackage-modify{
  margin-top: -36px !important;
}
.SelectedUseMachine3formError.parentFormpackage-modify{
  margin-top: -36px !important;
}
.SelectedUseMachine4formError.parentFormpackage-modify{
  margin-top: -36px !important;
}
.modal-font{
  font-size: 20px !important;
  font-weight: bold !important;
}
.pack-chkbox-m{
  margin-left:12px;
}
.serv-manual-w{
  padding: 0 0.75rem;
  width: 58px !important;
}
.text-wrap-nowrap{
  text-wrap: nowrap;
}
@media (min-width: 1200px) {
  .serv-width {
    max-width: 1170px;
  }
}
/* iPad-size(1024 x 768px) styles
横画面対応
（レイアウト崩れが起こる境界値で設定）
-------------------------------------------------- */
@media (max-width: 1199px) {
.pad-divtable {
  flex: 0 0 100%;
  max-width: 100%;
}
.pad-divborder-1 {
  flex: 0 0 30%;
  max-width: 30%;
}
.pad-divborder-2 {
  flex: 0 0 20%;
  max-width: 20%;
}
.pad-divborder-3 {
  flex: 0 0 50%;
  max-width: 50%;
}
.pad-divnum {
  width: 4%;
}
.pad-divstatus {
  width: 11%;
}
.pad-divdate {
  font-size: 16px;
}
.pad-divserv {
  font-size: 17px;
}
.pad-sticky {
  width: 240px;
}
.pad-cardrow {
  width: 727.5px;
}
.pad-divcard-servname {
  flex: 0 0 38%;
  max-width: 38%;
}
.pad-divcard-servinfo {
  flex: 0 0 62%;
  max-width: 62%;
}
.pad-divcard-select {
  flex: 0 0 20%;
  max-width: 20%;
}
.pad-divcard-date {
  flex: 0 0 42%;
  max-width: 42%;
}
.pad-profile {
  margin-top: -5px;
  padding: 20px 0 0;
}
.pad-block {
  width: 100%;
  display: block;
}
.pad-divcalendar {
  width: auto;
}
.pad-divcard1 {
  padding-top: 70px;
}
.pad-divcard2 {
  padding-top: 160px;
}
.pad-divcard3 {
  padding-top: 124px;
}
.pad-divcard4 {
  padding-top: 100px;
}
.pad-divcard5 {
  padding-top: 75px;
}
.pad-divcard6 {
  padding-top: 205px;
}
.pad-divcard7 {
  padding-top: 190px;
}
.pad-divcard8 {
  padding-top: 298px;
}
.pad-divborder-temp {
  flex: 0 0 38%;
  max-width: 38%;
}
.pad-box-h {
  height: 140px;
}
.pad-box-other-h {
  height: 100px;
}
.pad-box-linkh {
  height: 212.5px;
}
.padd-block {
  display: block !important;
}
.pad-pcclass{
  max-width: 100%;
}
.pad-optnbba-lw{
  width: 76%;
  text-align: left;
}
.pad-optcti-lw{
  width: 66%;
  text-align: left;
}
.pad-optlanclass{
  flex: 0 0 39%;
  max-width: 39%;
}
.pad-mr10{
  margin-right: 10px;
}
.pad-optday-p{
  padding-right: 165px;
}
.pad-optclaim-p{
  padding-right: 129px;
}
.pad-optpcm-p{
  padding-right: 113px;
}
.pad-divcard-zaiko {
  flex: 0 0 36%;
  max-width: 36%;
}
.pad-addbtn{
  margin-right: 29px;
  width: 58px;
}
.pad-ins1-w{
  flex: 0 0 48%;
  max-width: 48%;
}
.pad-ins2-w{
  flex: 0 0 18.666666%;
  max-width: 18.666666%;
}
.pad-ins3-w{
  flex: 0 0 52%;
  max-width: 52%;
}
.pad-n-line:after{
  content:"\A";
  white-space: pre;
}
.pad-reserve-formtell{
  width:32%;
}
.pad-divmax87{
  max-width:87%;
}
.pad-divmax95{
  max-width:95%;
}
.pad-input-address{
  width: 37%;
}
.pad-packnow{
  flex: 0 0 33%;
  max-width: 33%;
}
.pad-packnew{
  flex: 0 0 67%;
  max-width: 67%;
}
.pad-pacnewsel{
  flex: 0 0 47%;
  max-width: 47%
}
.pad-pacnewcal{
  flex: 0 0 53%;
  max-width: 53%
}
.pad-packlansel{
  flex: 0 0 100%;
  max-width: 100%;
}
.pad-w-100{
  width: 100% !important;
}
.pad-cancel-sel-w{
  width: 25%;
}
.pad-pack-chkbox-m{
  margin-left: 5px;
}
.pad-cardwidth{
  max-width: 1000px;
}
}
/* -------------------------------------------------- */

/* iPad-size(768 x 1024px) styles
縦画面対応
（レイアウト崩れが起こる境界値で設定）
-------------------------------------------------- */
@media (max-width: 991px) {
.verpad-menu {
  font-size: 1.35rem;
}
.inputbox .textright input{
  width:35%;
}
.formtell{
  width: 27%;
}
.verpad-profmodify{
  padding-top:125px;
}
.verpad-btn-width {
  width: 45px !important;
  padding: 0.375rem 0.35rem;
}
.verpad-btn-width2 {
  width: 45px !important;
  padding: 0.35rem 0.325rem;
}
.verpad-salonlist {
  flex: 0 0 45%;
  max-width: 45%;
}
.verpad-servtype {
  flex: 0 0 20%;
  max-width: 20%;
}
.verpad-servprice {
  flex: 0 0 13.333333%;
  max-width: 13.333333%;
}
.verpad-divservlist {
  padding-top: 235px;
}
.verpad-divserv {
  font-size: 15px;
}
.verpad-divdate {
  font-size: 11px;
}
.verpad-divservlist2 {
  padding-top: 180px;
}
.verpad-divcard1 {
  padding-top: 100px;
}
.verpad-divcard2 {
  padding-top: 176px;
}
.verpad-divcard3 {
  padding-top: 122px;
}
.verpad-divcard4 {
  padding-top: 180px;
}
.verpad-cardrow{
  width: 491.5px;
}
.verpad-optinput{
  padding-top:53px;
}
.verpad-optinputbr{
  padding-top:22px;
}
.verpad-optinputcon{
  padding-top:22px;
}
.verpad-divcard-servname {
  flex: 0 0 43%;
  max-width: 43%;
}
.verpad-divcard-servinfo {
  flex: 0 0 57%;
  max-width: 57%;
}
.verpad-divcard-select {
  flex: 0 0 20%;
  max-width: 20%;
}
.verpad-divcard-date {
  flex: 0 0 37%;
  max-width: 37%;
}
.verpad-cardtitle{
  background:#FFF;
  padding:24px 0 0 0;
}
.verpad-profconfirm{
  padding-left:8px;
}
.verpad-block {
  width: 100%;
  display: block !important;
}
.verpad-boxpad {
  padding-left: 10px;
  padding-right: 10px;
}
.verpad-box-h {
  height: 164.89px;
}
.verpad-optnbba-lw{
  width: 70%;
  text-align: left;
}
.verpad-mw100{
  flex: 0 0 100%;
  max-width: 100%;
}
.verpad-optlansel{
  flex: 0 0 65%;
  max-width: 65%;
}
.verpad-w0{
  flex: 0 0 0%;
  max-width: 0%;
}
.verpad-sel-w{
  max-width: 33%;
}
.verpad-opt-lw{
  width: 40%;
}
.verpad-divcard8{
  padding-top: 70px;
}
.verpad-divcard9{
  padding-top: 120px;
}
.verpad-zaiko-confw{
  margin-right: 35px;
}
.verpad-zaikoinput-font{
  font-size: 12px;
}
.verpad-zaikoconf-font{
  font-size: 14px;
}
.verpad-optday-p{
  padding-right: 106px;
}
.verpad-optclaim-p{
  padding-right: 70px;
}
.verpad-optpcm-p{
  padding-right: 54px;
}
.verpad-addbtn{
  margin-right: -10px;
  width: 58px;
}
}
/* -------------------------------------------------- */

/* モーダル最大時レアウト調整
-------------------------------------------------- */
@media (min-width: 785px) {
  .calbtn{
    flex: 0 0 25%;
    max-width: 25%;
  }
}
/*-------------------------------------------------- */