html,
body {
  height: 100%;
}

/* ぶら下げアイコン用 */
.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: .75rem;
}

.container-m {
  margin-top: 10px;
}

.pgstation-info-box {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.pgstation-waku-box {
  border: 1px solid #f00;
  padding: 1em;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#navbar {
}
.bg-body-navi {
  background-color: #084e86;
  font-weight: bold;
}
.bg-body-navi a {
  color: #fff;
}
.bg-body-navi a:link,
.bg-body-navi a:visited {
  text-decoration: none;
}
.bg-body-navi a:hover,
.bg-body-navi a:active {
  color: #ffc;
  text-decoration: none;
}



footer.footer {
  background-color: #084e86;
  color: #fff;
  text-align: center;
}
footer.footer a {
  color: #fff;
}

footer.footer a:link,
footer.footer a:visited {
  text-decoration: none;
}
footer.footer a:hover,
footer.footer a:active {
  text-decoration: underline;
}


.glogin .form-signin {
  max-width: 330px;
  padding: 1rem;
}

.gmember .form-signin {
  max-width: 430px;
  padding: 1rem;
}
.form-signin .form-floating:focus-within {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}



.err-msg {
  color: #ff0000;
  font-weight: bold;
  font-size: 1em;
}
.g-msg {
  color: #000;
  font-size: 1em;
  text-align: left;
  font-weight: normal;
}
.g-err-msg {
  color: #cc0000;
  font-weight: bold;
}
.chui-msg {
  background-color: #ffffcc;
  color: #ffaf00;
  font-weight: bold;
  line-height: 2em;
}
.chui {
  color: #ffaf00;
  font-weight: bold;
}
.hissu {
  background-color: #ffaf00;
  color: #fff;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: .2em .5em;
  text-align: center;
  margin-left:.5em;
}
.nini {
  background-color: #666;
  color: #fff;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: .2em .5em;
  text-align: center;
  margin-left:.5em;
}


@include color-mode(dark) {
}
.stars{
  display: flex;
  flex-direction: row-reverse;
  justify-content: left;
}
.stars input[type='radio']{
  display: none;
}
.stars label{
  padding-right: 10px;
  color: #ccc;
  font-size: 26px;
  cursor: pointer;
} 
.stars label:hover,
.stars label:hover ~ label,
.stars input[type='radio']:checked ~ label{
  color: #fc0;
}
.estar {
  color: #fc0;
}

.sumi {
  color: #c00;
  font-weight: bold;
  font-size: .7em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  margin-right: .7em;
  text-decoration: none;
  border: 2px solid #c00;
  background-color: #fff;
  display: inline-block;
  padding: .3em .5em;
}
.anken-kind {
  color: #00c;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid #00c;
  background-color: #fff;
  display: inline-block;
  padding: 0 .3em;
}


.jumbotron {
/*  background: url("/img/26606822.jpg");*/
/*  background: url("%%ROOT_URL%%/img/bus0123-001-01.jpg");*/
  background-position: center center;
  background-size: cover;
  color: #fff;
/*  opacity: 0.9; */
}

header .container {
      padding-top: 7%;
      padding-bottom: 5%;
/*    background-color: rgba(255, 255, 255, 0.2);    */
/*text-shadow: 6px 5px 2px gray;*/
text-shadow: 2px  2px 5px #222,
            -2px  2px 5px #222,
             2px -2px 5px #222,
            -2px -2px 5px #222;
}

.jumbotron .midashi-btn {
  border: 1px solid #fff;
  color: #fff;
  border-radius: 0;
}

.top-arrow {
  color: #084e86;
}
.top-box-ttl {
  color: #084e86;
}
.top-box-ttl span {
  border-radius: 12px;
  background-color: #084e86;
  color: #fff;
  font-size: 1em;
  padding: 0 .3em;
  margin-left: .1em;
}
.infobox h3 {
  border-bottom: 1px solid #666;
  padding: 0 0 .2em .5em;
  color: #084e86;
  font-size: 1.3em;
}
.infobox .img-hidden img {
  max-height: 200px;
}

h2, h2.h2 {
  position: relative;
 font-size: 1.3em;
}
h2.h3 {
 font-size: 1.3em;
}
h2:before, h2:after,
h2.h2:before, h2.h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 15%;
  height: 1px;
  background-color: #084e86;
}
h2.h2:before,
h2:before {
  left:0;
  background: linear-gradient(-45deg, transparent, #084e86 10%, #084e86 30%, transparent);
}
h2.h2:after,
h2:after {
  right: 0;
  background: linear-gradient(-45deg, transparent, #084e86 70%, #084e86 90%, transparent);
}



.card-body h5 {
  font-size: 1.1em;
}
.lead {
  font-size: 1em;
  color: #000;
  text-align: left;
}
.loginSp {
  margin-bottom: 0;
  padding: 0.2em;
}