@charset "utf-8";
/* ======================================================================
 FUJI GOLF responsive customizations
 Only the site's own rules live here. TCD's responsive rules are loaded
 from the parent theme (gensen_tcd050/css/responsive.css).
====================================================================== */

/* ----------------------------------------------------------------------
 Main menu (Mobile)
---------------------------------------------------------------------- */
@media only screen and (max-width:1329px) {
  #header_logo a,
  #global_menu>ul>li>a {
    color: #f4f4f4;
  }
  .menu>#menu-item-54 {
    margin-left: -1vw;
  }
  .menu > #menu-item-55{
    margin-left: -1vw;
  }
  /*#global_menu > ul{
    text-align: left;
  }*/
}
@media only screen and (max-width:1024px) {
   #global_menu {
    background-color: #eee !important;
  }
  #global_menuli, #global_menu > ul > li{
    display: inline-block !important;
  }
   #global_menu .child_menu_button .icon:before{
    font-size: 16px !important;
    color: #2a3891 !important;
  }
  .menu>#menu-item-54 {
    height: 2rem;
    width: 8rem;
    padding: 0px 0px;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-left: 4vw;
  }
   .menu>#menu-item-55 {
    background: #d5cd27;
    height: 2rem;
    width: 8rem;
    padding: 0px 0px;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-left: 4vw;
  }
  .MenuInquiry {
    margin-top: 2px;
    height: 1rem;
  }
  .MenuReservationFrom {
    margin-top: 5px;
    height: 2rem;
  }
}
@media only screen and (max-width:767px) {
  #global_menu {
    background-color: #eee;
  }
 #global_menuli, #global_menu > ul > li{
    display: inline-block !important;
  }
  .menu>#menu-item-54 {
    height: 2rem;
    width: 8rem;
    padding: 0px 0px;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-left: 0vw;
  }
   .menu > #menu-item-54 a{
    height: 2rem !important;
    padding: 0 10px;
  }
   .menu>#menu-item-55 {
    background: #d5cd27;
    height: 2rem;
    width: 8rem;
    padding: 0px 0px;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-left: 0vw;
  }
   .menu > #menu-item-55 a{
    height: 2rem !important;
    padding: 0 10px;
  }
  .MenuInquiry {
    margin-top: 2px;
    height: 1rem;
  }
  .MenuReservationFrom {
    margin-top: 5px;
    height: 2rem;
  }
}
@media only screen and (max-width:480px) {
  #global_menu {
    background-color: #eee;
  }
  #global_menu ul ul a{
    padding-left: 30px !important;
    background: #e1e1e1 !important;
  }
  #global_menuli, #global_menu > ul > li{
    display: inline-block !important;
  }
  #global_menu a, #global_menu > ul > li > a{
    font-size: 14px !important;
  }
  #global_menu .child_menu_button.active .icon:before, #global_menu .child_menu_button:hover .icon:before{
    color: #2a3891 !important;
    border-color: #2a3891 !important;
  }
  #global_menu a:hover, #global_menu .current-menu-item > a{
    opacity: 0.5;
  }
  #global_menu a, #global_menu > ul > li > a{
    min-height: 32px !important;
  }
  .menu>#menu-item-54 {
    height: 2rem;
    width: 8rem;
    padding: 0px 0px;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-left: 4vw;
  }
  .menu > #menu-item-54 a{
    height: 2rem !important;
    padding: 0 10px;
  }
  .menu>#menu-item-55 {
    background: #d5cd27;
    height: 2rem;
    width: 8rem;
    padding: 0px 0px;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-left: 4vw;
  }
  .menu > #menu-item-55 a{
    height: 2rem !important;
    padding: 0 10px;
  }
  .MenuInquiry {
    margin-top: 2px;
    height: 0rem;
  }
  .MenuReservationFrom {
    margin-top: 5px;
    height: 0rem;
  }

}

/* Start CSS for change display content sub Service - courtesy-bus page by ESTH Korn on 2022/06/22 */
@media only screen and (max-width: 767px) {
  .h1-courtesy-bus {
    font-size: 24px !important;
  }
  .h3-info-underheader {
    font-size: 16px !important;
  }
  .paragraph-content {
    font-size: 14px !important;
  }
}
/* END CSS for change display content sub Service - courtesy-bus page by ESTH Korn on 2022/06/22 */