/* このファイルは UTF-8 で保存すること */
/*
 * ネイビー
 */

/***************************************
 * main
 **************************************/

.main-btn {
  background: #2035b3;
  border: 1px solid #1b2b88;
  -webkit-transition: background-color .4s ease;
  -moz-transition: background-color .4s ease;
  -o-transition: background-color .4s ease;
  transition: background-color .4s ease;
}

.main-btn:hover {
  background: #1b2b88;
}

.btn-type2 {
  background: #2035b3;
  border: 1px solid #1b2b88;
  -webkit-transition: background-color .4s ease;
  -moz-transition: background-color .4s ease;
  -o-transition: background-color .4s ease;
  transition: background-color .4s ease;
}

.btn-type2:hover {
  background: #1b2b88;
}

/***************************************
 * text
 **************************************/

h2 {
  background-color: #e6f2ff;
  border-bottom: 2px solid #2035b3;
  font-size: 138.5%;
  font-weight: bold;
  height: 40px;
  letter-spacing: 1px;
  line-height: 40px;
  padding-left: 15px;
}

h3 {
  border-bottom: 2px solid #2035b3;
}

h5.side-bd {
  border-left: 3px solid #2035b3;
  margin-bottom: 5px;
}

.ui-widget-header {
  background-color: #2035b3;
  color: #ffffff;
  font-size: 138.5%;
  font-weight: bold;
  height: 38px;
  line-height: 38px;
  margin: 0 0 10px 0;
  overflow: hidden;
  padding-left: 30px;
  position: relative;
  z-index: 10;
}

h4.type2 {
  background-color: #ffffff;
  border-left: 5px solid #2035b3;
  font-size: 108%;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin: 25px 0 8px 0;
  overflow: hidden;
  padding-left: 10px;
}

/***************************************
 * list-type
 **************************************/

/*** type1 *******************/

dl.type1 {
  margin-top: 20px;
}

dl.type1 dt {
  border-left: 3px solid #2035b3;
  font-size: 108%;
  font-weight: bold;
  line-height: 120%;
  margin-bottom: 10px;
  padding-left: 6px;
}

#calendar #ul_mp_name li:first-child {
  border-left: solid 3px #2035b3;
}

/***************************************
 * footer
 **************************************/

/***************************************
 * toppage
 **************************************/

.step-title {
  border-bottom: 2px solid #2035b3;
}

.step-title .step {
  background-color: #2035b3;
}

/***************************************
 * table
 **************************************/

table.login {
  margin-bottom: 15px;
}

table.login th {
  height: 30px;
  width: 30px;
}

table.login th img {
  margin: 2px;
}

.calendar-content-td:hover {
  background-color: rgba(230, 242, 255, .4);
  filter: brightness(99%);
}

/***************************************
 * box-type
 **************************************/

.two-column .menu-block {
  float: left;
  padding: 0 2% 0 3%;
  width: 44%;
}

.menu-box {
  min-height: 341px;
}

.menu-box2 {
  min-height: 130px;
}

/***************************************
 * calendar
 **************************************/

.shade table td.active {
  background: #e6f2ff;
}

.res-last-info {
  background: #e6f2ff;
}

td.active {
  background: #e6f2ff;
}

.shade td.active .sp-res-step-title:before {
  color: #2035b3;
}

table.res-step td.active:before {
  color: #2035b3;
}

.calendar-content-li:hover {
  background-color: #e6f2ff;
}

table.res-step tr:hover td {
  background-color: rgba(230, 242, 255, .4);
  filter: brightness(99%);
}

table.res-step tr td.active:hover {
  background-color: #e6f2ff;
  filter: brightness(97%) saturate(120%);
}

/***************************************
 * support
 **************************************/

dl#support #top {
  font-weight: bold;
  margin-bottom: 20px;
  overflow: hidden;
}

dl#support dt {
  border-left: 3px solid #2035b3;
  color: #2035b3;
  font-size: 108%;
  font-weight: bold;
  line-height: 120%;
  margin-top: 15px;
  padding-left: 6px;
}

dl#support dd {
  background: url(../image/common/dot-line1.gif) repeat-x left bottom;
  margin-top: 5px;
  padding-bottom: 15px;
}

input[type="checkbox"]:checked + .input-checkbox::before {
  background-color: #1b2b88;
  border: 1px solid #1b2b88;
}

input[type="radio"]:checked + .input-radio::before {
  border: 2px solid #1b2b88;
}

input[type="radio"]:checked + .input-radio::after {
  background: #1b2b88;
  border: 1px solid #1b2b88;
}

input[type="checkbox"]:checked + .input-alltime-checkbox::after {
  border-bottom: 2px solid #1b2b88;
  border-right: 2px solid #1b2b88;
}

#calendar #nav-area ul#time-next-back li.view-alltime-li.alltime a {
  background-color: #1b2b88;
  border-color: #1b2b88;
}

@media screen and (max-width: 768px) {
  input[type="radio"]:checked + .input-radio::after {
    border: 2px solid #1b2b88;
  }
}

.option_caption {
  color: #2035b3;
}

.btn-type3 i {
  color: #2035b3;
}

.attention-not-done-wrapper {
  background-color: #e6f2ff;
}

.reserveform-mp-name {
  border-color: #2035b3;
}