/* === 共通 === */

.w05{width: 5%;}.w10{width:10%;}.w15{width:15%;}.w20{width:20%;}.w25{width:25%;}.w30{width:30%;}.w35{width:35%;}
.w40{width:40%;}.w45{width:45%;}.w50{width:50%;}.w55{width:55%;}.w60{width:60%;}.w65{width:65%;}
.w70{width:70%;}.w75{width:75%;}.w80{width:80%;}.w85{width:85%;}.w90{width:90%;}.w95{width:95%;}
.w100{width:100%;}
.spt05{margin-top:5px;}.spt10{margin-top:10px;}.spt15{margin-top:15px;}.spt20{margin-top:20px;}
.spt25{margin-top:25px;}.spt30{margin-top:30px;}.spt63{margin-top: 63px;}.spt80{margin-top:80px;}.spt120{margin-top:120px;}
.spb10{margin-bottom: 20px;}
.spl10{margin-left: 10px;}.spl20{margin-left: 20px;}.spl50{margin-left: 50px;}
.f110{font-size:110%;}.f120{font-size:120%;}
.f100{font-size:100%;}.f95{font-size:95%;}.f90{font-size:90%;}.f85{font-size:85%;}.f80{font-size:80%;}
.f75{font-size:75%;}.f70{font-size:70%;}
.text_basic{color:#333;}.text_red{color:#e83820;}.text_blue{color:#0081cc;}
.fl{float: left;}.fr{float: right;}.cb{clear: both;}
.text_right{text-align: right;}.text_left{text-align: left;}


/* table */
.table-normal{
  border: 1px solid #ddd;
}

.table-normal th{
  border: 1px solid #ddd;
  background-color: #eaeaea;
}

.table-normal td{
  border: 1px solid #ccc;
}

.table-normal > thead > tr > th{
  vertical-align: middle;
}

.table-line > tbody > tr:nth-child(even){
  background-color: #f5f5f5;
}

/*縺薙％縺ｾ縺ｧtable*/

@media screen and (min-width: 768px) {
  .form-horizontal .control-label{
    padding: 7px;
    margin-bottom: 0;
    text-align: center;
  }
}
.tr-a {
  cursor:pointer;
}
.tr-a:hover {
  color: #23527c;
  background-color: #F4F8FC !important;
}
.tr-a:visited {
  color: #23527c;
  background-color: #F4F8FC !important;
}
.tr-a > td > img {
  width: 100%;
}
.controls>.detail-label {
    /*padding-top: 5px;*/
    padding: 7px;
    margin-bottom: 0;
}

/** 画像アップロード */
.upload-image-thumb {
  max-height: 100px;
  border: 1px solid;
  padding: 1px;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .upload-image-thumb {
    max-height: 150px;
    border: 1px solid;
    padding: 1px;
    cursor: pointer;
  }
}
.upload-display-box {
  display: inline-block;
  margin: 10px 10px 0 0;
  position: relative;
  font-size: 0;
}
.upload-display-box .upload-display-close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    background-color: #FFF;
    padding: 5px 2px 2px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    opacity: .2;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    border-radius: 50%;
}
.upload-display-box:hover .upload-display-close {
    opacity: 1;
}

.login-box .flash {
    margin: 20px 15px;
}
.login-box > .update-display-box {
    margin-right: 20px; 
    text-align: right;
}
.login-box > .update-display-box span {
    color: #646464;
}
.login-box > .message-box {
    color: #646464;
}

.error-message {
  color: #ff6347;
}
.controls-label {
  padding-top: 5px;
  min-height: 20px;
}
.list-img {
  max-height: 120px;
  object-fit: cover;
}
@media (max-width: 768px) {
  .list-img {
    max-height: 50px;
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  .list-img {
    max-height: 85px;
  }
}
.form-error {
  background-color: #fffaf0 !important;
  border: 1px solid #f86c6b !important;
}