* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue,
      "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
      "游ゴシック Medium", Yu Gothic Medium, "メイリオ", Meiryo, Osaka,
      "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
body
{
    font-family: "Hiragino Kaku Gothic ProN W3" !important;
    margin: 0 auto;
    width: 100%;
    color: #999999;
    font-size: 14px;
    line-height: 18px;
    overflow-x:hidden;
    width:100%;
}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #aeacaf #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 11px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #aeacaf;
    border-radius: 10px;
    border: 3px solid #ffffff;
  }
.toppaddingmenubar
{
    padding-top: 20px;
    padding-bottom: 20px;
}
.plr6
{
    padding-left: 6px !important;
    padding-right: 6px !important;
}
.middle-align
{
    align-items: center !important;
    display: flex !important;
}

.navbar
{
    margin-top:0px !important;
    margin-bottom:0px !important;
    border-top: 2px solid #00a1e1;
    border-bottom: 2px solid #00a1e1;
    padding: 0px 0px !important;
}
.nav li
  {
    display:inline;
    vertical-align:middle;
  }
  ul li.empty a
  {
    border-right: 3px solid #00a1e1;
    height: 60% !important;
  }
  ul li.empty
  {
    
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  ol li::marker
  {
    vertical-align: top !important;
    display: inline;
  }
  .navbar-nav .nav-item
  {
    display:inline-block; 
    position:relative;
  }
  .navbar-nav .nav-item:not(:last-child)::after
  {
    content:""; 
    border:4px solid #00a1e3;
    border-width: 1px;
    position:absolute; 
    right:0px; 
    height:60%;
  }
  .nav-link
  {
    text-align: center;
    color: #666666;
    font-size: 20px;
    line-height: 26px !important;
    font-weight: bold;
    padding-left: 45px !important;
    padding-right: 45px !important;
    text-align: center !important;
  }
  .navbar-nav li.active, .active .nav-link
  {
    background-color: #00a1e1 !important;
    color: #ffffff !important;
   left:-3px !important;
  }
  .nav-item
  {
    
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative;
  }
  .navbar-nav
  {
    padding-left: 10px !important;
    padding-right: 10px !important;
   margin: 0 auto;
  }
.navbar-nav li:hover ,.navbar-nav li:hover a
{
    background-color: #00a1e1 !important;
    left:-3px !important;
    color:#ffffff !important;
}
.nav-item .disabled
{
    color: #aaaaaa !important;
}
p
{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
hr
{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
ul.footer
{
    padding: 0px !important;
    margin: 0px !important;
}
.footer li
{
    list-style: none;
    padding-bottom: 05px;
    font-size: 14px !important;
}
.title a
{
    font-size: 14px !important;
    text-decoration: none;
}
.pdl0
{
    padding-left: 0px !important;
}
input
{
    border-radius: 10px !important;
}
label
{
    font-size: 14px ;
    color:#666666;
    font-weight: 400;
    vertical-align: top !important;
}
.confirmspacing li
{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.pd0
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
@media (orientation:landscape) and (max-width: 767px)
{  
   #Modal
   {
        top:35% !important;
        width: 100% !important;
   }
   .modal-content
   {
    height:90vh !important;
    overflow-y: scroll !important;
    margin-bottom: 25px;
    }
    .modal-dialog
    {
        max-width: 100% !important;
        margin: auto !important;
    }
 .nav-item .disabled
{
    color: #aaaaaa !important;
}
}
@media only screen and (max-width: 767px) 
{
    .modal-open
    {
        overflow-y: scroll !important;
    }
    .bodylistmenu
    {
        line-height: 22px !important;
    }
    .pdl0
    {
        padding-left: 10px !important;
    }
    .mobile_view
    {
        display: block !important;
    }
    ul.menubar
    {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    .container, .container-sm
    {
        max-width: 100% !important;
    }
    .toppaddingmenubar
   {
    padding-left: 0px !important;
    padding-right: 0px !important;
   }
    .hidemobile
   {
        display: none !important;
   }
   .logowidth
   {
        min-width: 160px !important;
   }
   .menushowmobile
   {
        display: inline-block !important;
        text-align: right !important;
        top:5% !important;
        position: absolute;
        left: 2%;
        z-index: 1050px !important;
   }
   #Modal
   {
        top:18%;
        width: 100% !important;
   }
   .modal{
    position: absolute !important;
    }
    /* Important part */
    .modal-dialog{
        overflow-y: initial !important
    }
    .modal-content{
        height: auto;
        overflow-y: auto;
    }
   .modal-dialog
   {
    max-width: 100% !important;
    margin: 0px ;
   }
   .fa-ul
   {
    margin-left: 0px !important;
   }
   .fa-ul li i 
   {
    padding-right: 20px !important;
    color: #00a1e1;
   }
   .menubar li
   {
    background-color: #ffffff !important;
    border-top: 1px solid #00a1e1;
    border-bottom: 1px solid #00a1e1;
    padding-top: 05px !important;
    padding-bottom: 05px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: -25px;
   }
   .nav-itemmob .nav-link
   {
    text-align: left !important;
    font-size: 14px !important;
    line-height: 18px !important;
   }
 .nav-itemmob .disabled {
  color: #aaaaaa !important;
 }
   
   .pad0
   {
    padding-top: 25px !important;
   }
   .pad10
   {
    padding-top: 40px !important;
   }
   .menubar li:hover
   {
        background-color: #00a1e1 !important;
        color: #ffffff !important;
   }
   .menubar li a:hover
   {
        background-color: #00a1e1 !important;
        color: #ffffff !important;
   }
   .menubar li a
   {
         font-weight: bold;
   }
   .menubar li.active a, .menubar li.active i
   {
        color:#ffffff !important;
   }
   .menubar li.active 
   {
    background-color: #00a1e1 !important;
   }
   .menuright
   {
    padding-right: 20px !important;
   }
   .navbartoggler
   {
       background-color:#00a1e1 !important;
       color:#ffffff;
       font-size: 35px !important;
       font-weight: bold;
       border-radius: 10px;
       padding-left: 0px;
       padding-right: 0px;
       padding-top: 0px;
       padding-bottom: 0px;
       cursor: pointer !important;
   }
   .mobileshow
   {
        display: block !important;
   }
   .mobilemenuimg
   {
    min-width: 150px !important;
   }
  .line {
    fill: none;
    stroke: rgb(255, 255, 255);
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
      stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
  }
  .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
  }
  .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
  }
  .opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
  }
  .opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
  }
  .opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
  }
   .p05
   {
    padding-left:05px !important;
    padding-right:05px !important;
   }
   div.modal-content
   {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: 0px !important;
}
 .nav-item .disabled
{
    color: #aaaaaa !important;
}

.showmobile
{
    display: inline-block !important;
    text-align: right !important;
    top:30% !important;
    position: absolute;
    left: 2%;
}
  
.mobleftpad
{
    padding: 10px 10px 10px 10px !important;
    text-align: left !important;
    font-size: 14px !important;
    line-height: 20px !important;
}
.mobileonebyone a
{
    display:block;
    padding-top: 05px !important;
    padding-bottom: 05px !important;
}
.none
{
    display: none !important;
}
.mgtop
{
    padding-top: 35px !important;
    margin-right: -20px !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
    .navbar-nav
    {
        padding-left: 3px !important;
        padding-right: 10px !important;
        display: flex !important;
        padding-inline-start: 0 !important; 
        justify-content: space-around;
        display: flex;
  margin: 0 auto;
    }
    .navbar-nav li 
    {
        width:20% !important;
        text-align: center !important;
    }
   .logowidth
   {
        min-width: 250px !important;
        padding-top:30px !important;
   }
   .ipd
   {
        display: block;
   }
   .ipadonebyone
   {
        max-width: 100%;
        padding-left: 15px ;
        padding-right: 05px;
        text-align: center;
        padding-bottom: 05px;
   }
   .ipadfont10
   {
    font-size: 18px;
   }
   .ipnoned
   {
    display: none !important;
   }
   .nav-itemmob a.nav-link
   {
    font-size: 14px !important;
    line-height: 18px !important;
    padding-left: 15px !important;
    padding-right:15px !important;
   }
   
  .nav-link
  {
    text-align: center;
    color: #666666;
    font-size: 14px;
    line-height: 26px !important;
    font-weight: bold;
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: center !important;
  }
}

@media (orientation:landscape) and (min-device-width: 768px) and (max-device-width: 1024px)
{
    
   .ipd
   {
        display: flex !important;
   }
   .ipadonebyone
   {
        max-width: 100% !important;
        padding-left: 0px !important;
        padding-right: 05px !important;
        text-align: center !important;
        padding-bottom: 05px !important;
   }
   .ipadfont10
   {
    font-size: 11px !important;
   }
   .middle-align
   {
        padding-top: 15px !important;
   }
   
  .nav-link
  {
    text-align: center;
    color: #666666;
    font-size: 14px;
    line-height: 26px !important;
    font-weight: bold;
    padding-left: 15px !important;
    padding-right: 15px !important;
    text-align: center !important;
  }
}