@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*  larger than 910px (default)                     */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
.HeaderMenuArea #ToggleHeaderMenuButton {
  display: none;
}
.HeaderMenuArea #HeaderMenuList {
  display: block;
}
.PageWidthSetter{
  width: 910px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   smaller than 910px (over ride)                 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 909px) and (max-device-width: 1023px) {
    
    body{
      font-size: 90%;
    }
    .PageWidthSetter{
      width: auto;
      padding: 0 20px;
    }
    .SiteHeaderArea .SiteTitleBlock .BlockContents .DefaultText {
      max-width: 250px;
      line-height: 1.25;
    }
    .SiteHeaderArea .SiteTitleBlock .BlockContents .DefaultText br{
      display: none;
    }
    .PageNavigationBox {
      display: none;
    }
    .PageTitle{
      background-size: 140%;
    }
    .Article{
      margin: 0 -20px 0px;
      padding: 20px;
    }

}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   smaller than 768px (over ride)                 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 767px) and (max-device-width: 1023px) {

    body{
      font-size: 80%;
    }
    .HeaderMenuArea{
      min-height: 1px;
    }
    .SiteHeaderArea .SiteTitleBlock .BlockContents .PhoneNumberText,
    .SiteHeaderArea .SiteTitleBlock .BlockContents .OfficialSiteButton {
      display: none;
    }
    .SiteHeaderArea .SiteTitleBlock .BlockContents{
    }
    .SiteHeaderArea .SiteTitleBlock .BlockContents .DefaultText{
      margin-right: 60px;
      font-size: 70%;
      margin-left: 210px
    }
    .SiteHeaderArea .SiteTitleBlock .BlockContents .SocialBookmarkBox{
      margin-left: 210px
    }
    .HeaderMenuArea #ToggleHeaderMenuButton {
      display: block;
    }
    .HeaderMenuArea #HeaderMenuList {
      display: none;
      margin: 0 -5px;
    }
    .HeaderMenuArea #HeaderMenuList li{
      width: 33.3%;
      margin: 0;
    }
    .HeaderMenuArea #HeaderMenuList li a{
      border-radius: 0;
      height: auto;
    }
    .HeaderMenuArea #HeaderMenuList li a img{
      height: 25px;
    }
    .FooterMenuArea {
      display: none;
    }

}
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   smaller than 480px (over ride)                 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 479px) and (max-device-width: 1023px) {

    body{
      font-size: 70%;
      min-width: 320px;
    }
    .PageWidthSetter{
      padding: 0 10px;
    }
    .SiteHeaderArea .SiteTitleBlock .BlockContents .DefaultText{
      display: none;
    }
    .SiteHeaderArea .SiteTitleBlock .BlockContents .SocialBookmarkBox{
      margin: 0;
      position: absolute;
      bottom: 10px;
      right: 5px;
    }
    .HeaderMenuArea #ToggleHeaderMenuButton {
      top: -85px;
      right: 10px;
    }
    .ToggleMenuButton a .Label{
      width: 40px;
      height: 40px;
      font-size: 70%;
    }
    .ToggleMenuButton a .Label:before {
      font-size: 25px;
    }
    .Article{
      margin: 0 -10px 0px;
      padding: 15px 10px;
    }
    .GoPageTopButton{
      font-size: 75%;
      top: 2em;
      margin-top: 0em;
    }
    .FacebookBlock .BlockContents{
      border: none;
      padding: 0;
    }

}