@charset "utf-8";
/* ------------------------------------------------------------- 

DASHBOARD 

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

ul.latestitems {
  width: 100%;
  margin: 0;
  padding: 0;
}
ul.latestitems li{
  width: 18.4%;
  float: left;
  margin-right: 2%;
}
ul.latestitems li:nth-of-type(5){
  margin-right: 0;
}
ul.latestitems li dl{
  width: 100%;
}
ul.latestitems li dl dt {
  margin: 5px 0;
  background-position: 50% 50%;
  overflow: hidden;
  height: 120px;
  background-size: cover;
  background-repeat: no-repeat;
}
ul.latestitems li dl dt img{
  width: 100%;
}
@media (max-width: 768px) {
  ul.latestitems li{
    width: 32%;
    float: left;
    margin-right: 2%;
  }
  ul.latestitems li:nth-of-type(3) {
    margin-right: 0;
  }
  ul.latestitems li:nth-of-type(4),
  ul.latestitems li:nth-of-type(5) {
    display: none;
  }
}

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

PHOTO LIST

------------------------------------------------------------- */
table p.photoWrap {
  width:60px;
  overflow: hidden;
  margin: 0px auto;
}
table p.photoWrap img {
  width:100%;
}

table td.status a.active {
  text-decoration: underline !important;
  color: #208E00 !important;
}
table td.status a.non-active {
  text-decoration: underline !important;
  color: #DB0003 !important;
}
table td.status a.draft {
  text-decoration: underline !important;
  color: #42557B !important;
}
table td.status a i {
  padding-right: 5px;
}



textarea.form-control {
  height: auto;
  line-height: 1.6em !important;
}


.non-form-control {  
  height: 35px !important;
}

.cafe_accordion {
  background-color: slategray !important;
  color:#fff !important;
}
.cafe_accordion  > .icon-arrow {
    font-size: 12px;
    padding: 0 5px;
    display: inline-block;
    font-family: 'themify';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF !important;
}

p.logintitle {
  font-size: 4em;
  color: #900001;
  letter-spacing: -0.05em;
}

.radio-group {
  padding-top: 5px;
}
.checkbox-group,.radio-group {
  display: inline-block;
  vertical-align: middle;
}
label.chkbox,label.radiobtn {
  margin-right: 10px;
}

label.radiobtn input[type="radio"] {
  margin-top: 3px !important;
  margin-right: 5px !important;
  width: 16px;
  height: 16px;
}
label.chkbox input[type="checkbox"] {
  margin-top: 8px !important;
  margin-right: 5px !important;
  width: 16px;
  height: 16px;
}
label.radiobtn span,label.chkbox span {
  margin-top: -7px;
  display: inline-block;
  vertical-align: middle;
}

label.chkbox:hover, label.radiobtn:hover{
  cursor: pointer;
}

div.bootstrap-timepicker-widget.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100px !important;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.panel-heading {
  padding:15px;
  background: #586d7b !important;
  color: #fff !important;
  font-size: 1.2em;
}
.panel-heading h5{
  color: #fff !important;
  font-size: 1.2em;
  margin-bottom: 0px;
}
.input-group-addon.gray {
  background-color: #a0a0a0 !important;
  border: 1px solid #a0a0a0 !important;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none !important;
}


ul.choices_s3, ul.choices_s4{
  padding: 0px;
  margin-bottom: 20px
}

ul.choices_s3 li {
  width: 33.333333%;
  float: left;
}
ul.choices_s4 li {
  width: 25%;
  float: left;
}
h6.innerTitle {
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 10px;
  color: #54a1b3;
}

.switchery {
  height: 20px;
  position: relative;
  vertical-align: middle;
  width: 50px;
}
.switchery>small {
  height: 20px;
  width: 20px;
}

.help-block {
  display: inline-block;
}

.panel.photoBlock {
  padding: 0px;
  border: none;
}
.panel.photoBlock .panel-body {
  padding: 0px;
  border: none;
}
.panel.photoBlock .panel-body .form-group{
  margin-bottom: 5px;
}
.panel.photoBlock .panel-heading {
    background: none;
    color: #000;
    border-bottom: 1px solid #c7c7c7;
    padding: 0px;
    min-height: 20px;
    margin-bottom: 10px;
}
#bodyBlock {
    padding-top: 7px;
}
#bodyBlock img{
    width:100%;
}

.panel.photoBlock div.preview {
  width: 100%;
  height: 140px;
  overflow: hidden;
  background:#c7c7c7;
  position: relative;
}
.panel.photoBlock div.preview img {
  position: absolute ;
  top: 50% ;
  left: 50% ;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  height: 100%;
  width: auto;
}
.panel.photoBlock label.fileselect {
  color: white;  
  background-color: #6a8da6;
  padding: 6px;
  border-radius: 2px;
}
.panel.photoBlock input[type='file'] {
  width: 100%;
}

table tbody.f12 td.estname {
  color: #000 !important;
  padding: 14px 8px;
 }
table tbody.f12 td.estname span {
  display: block;
  margin-top: 5px;
  color: #737373;
}
table td span.black {
  color: #000 !important;
}
table td.adminmemo {
  font-size:  11px;
  width: 200px;
}
.preview1_1 img {
  width: 70%;
}

.required-c:before {
  content: "共";
  display: inline-block;
  color: #000;
  background-color:#FFBE00;
  width:15px;
  height:15px;
  margin-left:2px;
  font-size:11px;
  text-align:center;
  line-height:18px;
  border-radius:2px;
}
.required-h:before {
  content: "戸";
  display: inline-block;
  color: #fff;
  background-color:#b00001;
  width:15px;
  height:15px;
  margin-left:2px;
  font-size:11px;
  text-align:center;
  line-height:18px;
  border-radius:2px;
}
.required-g:before {
  content: "土";
  display: inline-block;
  color: #fff;
  background-color: #537A33;
  width:15px;
  height:15px;
  margin-left:2px;
  font-size:11px;
  text-align:center;
  line-height:18px;
  border-radius:2px;
}
.required-m:before {
  content: "マ";
  display: inline-block;
  color: #fff;
  background-color:#27ACA9;
  width:15px;
  height:15px;
  margin-left:2px;
  font-size:11px;
  text-align:center;
  line-height:18px;
  border-radius:2px;
}
.required-s:before {
  content: "店";
  display: inline-block;
  color: #fff;
  background-color:#C38500;
  width:15px;
  height:15px;
  margin-left:2px;
  font-size:11px;
  text-align:center;
  line-height:18px;
  border-radius:2px;
}
.required-p:before {
  content: "ポ";
  display: inline-block;
  color: #fff;
  background-color:#005578;
  width:15px;
  height:15px;
  margin-left:2px;
  font-size:11px;
  text-align:center;
  line-height:18px;
  border-radius:2px;
}
.explainBox {
    position: fixed;
    bottom: 50px;
    right: 20px;
    background: #fff;
    box-shadow: 0px 0px 4px #c7c7c7;
    z-index: 500;
    padding:20px;
}
.explainBox ul{
    margin-bottom:10px;
    padding:0px;
}
.explainBox li{
    float:left;
    margin:0px;
}

label.error {
    color: #b00001;
    font-weight:  bold;
    font-size:14px;
}

label.error::before {
    content: "!! ";
}

input:focus::-webkit-input-placeholder,
isindex:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

.required {
  color: #d00004;
}