.table-spp{width: 30%;text-align: center;background-color: #103f5d;color: rgb(255,255,255);font-size: 13px;}
.nav-space{height: 83px;}



.nav-item.menu_img {
  margin-top: 100px;
  height: 100px;
}

.container.bg-white {
  background-color: #ffffff;
  height: 50px;
}

.image-trim {
  border-radius: 30px;
}

.plan .image-trim {
  border-radius: 0px;
}

@media (max-width: 767px) {
  .image-trim.index_main {
    border-radius: 18px;
  }

}

a.victoria-one.plan_cat.active {
  background-color: #103F5D;
  color: white;
}

a.btn.btn-sm.animated-button.victoria-one.detail_plan_cat {
  background-color: rgb(255,255,255);
  border-radius: 10px;
  border-style: solid;
  border-color: rgb(19,63,93);
  color: rgb(19,63,93);
  text-align: left;
  margin: 6px 4px;
  padding: 6px 12px;
}

a.victoria-one.plan_cat {
  background-color: rgb(255,255,255);
  border-radius: 40px;
  border-style: solid;
  border-color: rgb(19,63,93);
  color: rgb(19,63,93);
  text-align: left;
  margin: 6px 4px;
}

@media (max-width: 700px) {
  a.victoria-one.plan_cat {
    font-size: 10px!important;
    border-radius: 10px!important;
    padding: 5px!important;
  }
}

a.victoria-one.plan_cat:hover {
  color: #437E9E;
}

@media (max-width: 700px) {
  .card p.date {
    font-size: 12px;
  }
}

.text-center.btn.btn-sm.animated-button.victoria-one.detail {
  font-size: 14px;
  border-radius: 30px;
  padding: 12px 9px;
}

@media (max-width: 700px) {
  .text-center.btn.btn-sm.animated-button.victoria-one.detail {
    padding: 9px 7px;
    font-size: 11px;
    border-radius: 13px;
  }
}

@media (max-width: 700px) {
  a.btn-sm.animated-button.victoria-one {
    padding: 6px;
    font-size: 12px;
    border-radius: 46px;
  }
}

@media (max-width: 700px) {
  .float-left.d-xl-flex.align-items-xl-end.time {
    font-size: 24px;
  }
}

@media (max-width: 700px) {
  .btn.btn-sm.animated-button.victoria-one.pre-reserve {
    font-size: 12px;
  }
}

@media (max-width: 700px) {
  .text-center.index-copy {
    font-size: 16px;
  }
}

#more {
  background-color: #ffffff;
  border-style: none;
  color: rgb(19,63,93);
  border-radius: 31px;
  width: 42%;
  font-size: 25px;
}

@media (max-width: 700px) {
  #more {
    font-size: 15px;
  }
}

.sp_center {
  text-align: left;
}

@media (max-width: 700px) {
  .sp_center {
    text-align: center;
  }
}

@media (min-width: 300px) {
  .alert_apply {
    font-size: 16px;
  }
}

.float-left.title_detail {
  font-size: 20px;
}

.float-left.detail_detail p {
  font-size: 17px;
}

@media (max-width: 700px) {
  .float-left.detail_detail p {
    font-size: 12px;
  }
}

p.detail_box {
  background-color: rgb(167,17,0);
  color: rgb(255,255,255);
  text-align: center;
  font-weight: bold;
  border-radius: 12px;
  padding: 10px 8px;
  font-size: 148%;
  width: 100%;
}

@media (max-width: 700px) {
  p.detail_box {
    border-radius: 12px;
    padding: 11px 5px;
    font-size: 14px;
  }
}

a.btn.btn-sm.animated-button.victoria-one.detail_pre {
  font-size: 25px;
  width: 50%;
}

@media (max-width: 700px) {
  a.btn.btn-sm.animated-button.victoria-one.detail_pre {
    font-size: 20px;
    width: 70%;
  }
}

#side-menu.side-menu-left {
  background-color: rgb(19,63,93);
  text-align: center;
}

#side-menu.side-menu-left .close {
  color: white;
  text-shadow: none;
  opacity: 1.0;
}

#side-menu .nav-link {
  color: white!important;
}

.card2 h1 {
  width: 95%;
}

.test2 {
  border-style: none;
  color: rgb(19,63,93);
  width: 100%;
  min-width: 400px;
  max-width: 879px;
  margin: 17px auto;
}

.test2 a.btn.btn-sm.animated-button {
  font-size: 32px;
  margin-bottom: 0px;
  font-weight: bold;
  padding: 0;
  border-radius: 0px;
}

.test2 a.btn.btn-sm.animated-button img {
  width: 27px;
  margin: 3px;
  float: left;
}

.test2 a.btn.btn-sm.animated-button span {
  font-size: 19px;
}

@media (max-width: 1199px) {
  .test2 a.btn.btn-sm.animated-button {
    font-size: 27px;
  }
}

@media (max-width: 1199px) {
  .test2 a.btn.btn-sm.animated-button img {
    width: 23px;
    margin: 2px;
  }
}

@media (max-width: 1000px) {
  .test2 a.btn.btn-sm.animated-button {
    font-size: 23px;
  }
}

@media (max-width: 1199px) {
  .test2 a.btn.btn-sm.animated-button span {
    font-size: 17px;
  }
}

@media (max-width: 900px) {
  .test2 a.btn.btn-sm.animated-button {
    font-size: 20px;
  }
}

@media (max-width: 900px) {
  .test2 a.btn.btn-sm.animated-button img {
    width: 18px;
    margin: 0;
  }
}

@media (max-width: 991px) {
  .test2 a.btn.btn-sm.animated-button span {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .test2 a.btn.btn-sm.animated-button {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .test2 a.btn.btn-sm.animated-button span {
    font-size: 12px;
  }
}

.live {
  background-color: rgb(167,17,0);
  color: rgb(255,255,255);
  text-align: center;
  font-weight: bold;
  font-size: 160%;
  position: absolute;
  top: -21px;
  border-radius: 12px;
  padding: 8px 11px;
  width: 27%;
  z-index: 2;
}

@media (max-width: 700px) {
  .live {
    font-size: 115%;
    border-radius: 7px;
    padding: 7px 12px;
  }
}

#content h1 {
  color: rgb(19,63,93);
  margin: 230px 0px 10px;
  height: 60px;
  font-weight: bold;
  font-size: 18px;
}

#content2 h1 {
  color: rgb(19,63,93);
  margin: 230px 0px 10px;
  height: 60px;
  font-weight: bold;
  font-size: 18px;
}

@media (max-width: 576px) {
  #content h1 {
    margin: 170px 0px 10px;
  }
}

@media (max-width: 576px) {
  #content2 h1 {
    margin: 170px 0px 10px;
  }
}

.p-twitter-box {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  max-width: 500px;
  width: 100%;
}

.p-twitter-box .p-twitter-title {
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 0 10px 0;
  font-size: 22px;
}

.p-twitter-box .twitter-tweet {
  margin: 0 !important;
}

.p-twitter-box p {
  display: none;
}

.p-twitter-box .p-twitter-blue {
  background: #4E7FFF;
}

.main_heading {
  font-size: 50px;
}

@media (max-width: 700px) {
  .main_heading {
    font-size: 30px;
  }
}

@media (max-width:460px) {
.table-spp{padding: 0px 0px;}


}

@media (max-width: 300px) {
  .d-flex.d-lg-flex.d-xl-flex.justify-content-center.align-items-center.justify-content-lg-center.align-items-lg-center.justify-content-xl-center.align-items-xl-center.present_header {
    background: url(/extra/home-coming-day/hcd_16/assets/img/meidai_web_sp_ol_06.png) center / contain no-repeat;
  }
}

.d-flex.d-lg-flex.d-xl-flex.justify-content-center.align-items-center.justify-content-lg-center.align-items-lg-center.justify-content-xl-center.align-items-xl-center.present_header {
  background: url(/extra/home-coming-day/hcd_16/assets/img/meidai_web_top2_03.png) center / contain no-repeat;
}

.footer-dark .col-lg-3 img {
  margin-top: 20px;
}

#side-menu, .side-menu-overlay {
  position: fixed;
  top: 0;
  height: 100%;
  display: none;
}

body.overflow-hidden {
  overflow: hidden;
}

#side-menu {
  width: 300px;
  left: -300px;
  overflow-y: auto;
  z-index: 1035;
  background: #fff;
  padding: 20px 30px;
  color: #333;
  transition: .4s;
}

body.side-menu-visible #side-menu {
  transform: translateX(300px);
}

#side-menu .contents {
  margin-top: 15px;
}

#side-menu .nav-link {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 0;
}

#side-menu .nav-link:hover {
  opacity: .8;
}

#side-menu .close {
  font-size: 36px;
  font-weight: 400;
}

.side-menu-overlay {
  left: 0;
  min-width: 100%;
  background: rgba(0,0,0,.4);
  z-index: 100;
}

#side-menu.side-menu-left {
  right: -300px;
  left: auto;
}

body.side-menu-visible #side-menu.side-menu-left {
  transform: translateX(-300px);
}


.youtubemove{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.youtubemove iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    
}

.youtubemoves{
    position:relative;
    width:48%;
    height:0;
    padding-top:40%;
    float:left;
}
.youtubemoves iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    
}

.pickup{background: url(/extra/home-coming-day/hcd_16/assets/img/pickupbg.png);padding:1em 0;}
	
	
	a.animated-button.victoria-one:hover {
   background: #D24D57;
   color: #fff;

}
@media (max-width: 1181px) {

.nav-space{height: 150px;}
}
@media (max-width: 973px) {

.nav-space{height: 190px;}
}

@media (max-width: 767px) {

.nav-space{height: 83px;}
}

@media (max-width: 575px) {

  .nav-space{display:none;}
  
  
  .youtubemoves{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
    float:none;
    margin-bottom:1em;
}

}