/*
Theme Name:
Author:
Description:
Version: 1.0
*/

/* 上書き用CSS */
.p-subpageMv {
    height: 24rem !important;
    }

.text-danger{
  color:red;
}

/* ----------------------
サイドバーアラート
------------------------- */

.sidebarAlertWrap {
  text-align: center;
}

.sidebarAlert {
  display: inline-flex;
  width: 220px;
  margin: 0 auto;
  height: 45px;
  background-color: rgb(225, 240, 227);
  text-decoration: none;
  align-items: center;
  justify-content: center;
  -webkit-transition: 0s ease-in-out;
  -moz-transition: 0s ease-in-out;
  -o-transition: 0s ease-in-out;
  transition: 0s ease-in-out;
  border: none;
  font-size: 12px;
}

.sidebarAlert span {
  color: #22ac38;
}

.sidebarAlertRed {
  background-color: #f1e2e3;
}

.sidebarAlertRed span {
  color: #e60012;
}

@media screen and (min-height:500px) and (max-height:749px){
  .sidebarAlertWrap {
    text-align: center;
    position: fixed !important;
    bottom: 0;
    z-index: 1;
    width: 260px !important;
    max-width: 100% !important;
    height: 45px !important;
  }

  .sidebarAlert {
    display: flex;
    width: 100%;
    background-color: rgba(225, 240, 227, 0.7)
  }
  .sidebarAlertRed {
    background-color:rgba(241, 226, 227, 0.5);
  }
}
@media screen and (max-width:768px){
  .p-subpageMv {
    height: 15rem !important;
}
}