@charset "UTF-8";

/* Wrodpressのadmin-barが表示されてるとき */
body.admin-bar header {
 top: 32px;
}
@media screen and (max-width: 782px) {
 html {
  margin-top: 0 !important;
 }
 body.admin-bar header {
  top: 0;
 }
 html #wpadminbar {
  display: none;
 }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
  color: #444547;
  font-size: 15px;
  padding-top: 100px;
}

.inner {
  max-width: 1050px;
  margin: 0 auto;
  padding: 0 15px;
}

/*------------------------- 
  Header
-------------------------*/
header {
  position: fixed;
  top: 0;
  height: 100px;
  width: 100%;
  background-color: #ffffff;
  z-index: 999;
  transition: .3s;
}
header .headerTop {
 height: 50px;
}
header .siteMenu {
 height: 50px;
 overflow: hidden;
}
header.hide {
 transform: translateY(-100%);
}
#headerLogo {
  float: left;
}
#headerLogo h1 {
  height: 50px;
  margin: 0;
  font-size: 0;
}
#headerLogo a {
  display: inline-block;
  padding: 10px 0;
}
#headerLogo img {
  max-width: 205px;
}
#headerLogo a:hover img {
 opacity: 1.0;
}

#siteNavi {
  float: right;
  height: 50px;
}
#siteNavi ul {
  display: table;
  width: 100%;
  list-style: none;
  text-align: center;
  font-size: 0;
}
#siteNavi li {
  display: table-cell;
  width: 175px;
  padding-left: 3px;
  font-size: 15px;
}
#siteNavi li a {
  display: block;
  height: 50px;
  padding-top: 13px;
  border-bottom: #ffffff 3px solid;
  font-weight: 700;
  line-height: 1;
}
#siteNavi .park a {
  background-color: #ffcd33;
  color: #444547;
}
#siteNavi .user a {
  background-color: #6fb4d1;
  color: #ffffff;
}
#siteNavi .organizer a {
  background-color: #004b1e;
  color: #ffffff;
}
#siteNavi .contact a {
  background-color: #ffffff;
  color: #444547;
}
#siteNavi .contact a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 15px;
  margin-bottom: 2px;
  margin-right: 5px;
  background-image: url(../img/icon_mail.png);
  background-size: 100% auto;
}

.siteMenu li a {
  display: block;
  padding: 15px 20px;
  font-size: 94%;
  font-weight: 700;
  color: #444547;
  white-space: nowrap;
}
.siteMenu li a:hover {
  opacity: 0.8;
}
#parkMenu {
  background-color: rgba(255, 205, 51, 0.6);
}
#userMenu {
  display: none;
  background-color: rgba(111, 180, 209, 0.6);
}

/* PCメインメニューの切り替え */
/* 公園利用の方 */
body.home #siteNavi .park a,
body.page-template-default #siteNavi .park a,
body.post-type-archive #siteNavi .park a,
body.single #siteNavi .park a,
body.page #siteNavi .park a,
body.error404 #siteNavi .park a {
  border-bottom: 0;
}

/* 施設利用の方 */
body.page-id-75 #siteNavi .user a,
body.page-template-template-user #siteNavi .user a,
body.post-type-archive-userguide #siteNavi .user a,
body.single-userguide #siteNavi .user a {
  border-bottom: 0;
}
body.page-id-75 #siteNavi .park a,
body.page-template-template-user #siteNavi .park a,
body.post-type-archive-userguide #siteNavi .park a,
body.single-userguide #siteNavi .park a {
  border-bottom: #ffffff 3px solid;
}
body.page-id-75 #parkMenu,
body.page-template-template-user #parkMenu,
body.post-type-archive-userguide #parkMenu,
body.single-userguide #parkMenu {
  display: none;
}
body.page-id-75 #userMenu,
body.page-template-template-user #userMenu,
body.post-type-archive-userguide #userMenu,
body.single-userguide #userMenu {
  display: block;
}

/* 主催者の方 */
body.page-id-85 {
 padding-top: 50px;
}
body.page-id-85 header {
 height: 50px;
}
body.page-id-85 header .siteMenu {
 display: none;
}
body.page-id-85 #siteNavi .organizer a {
  border-bottom: 0;
}
body.page-id-85 #siteNavi .park a {
  border-bottom: #ffffff 3px solid;
}
body.page-id-85 #parkMenu {
  display: none;
}
body.page-id-85 #organizerMenu {
  display: block;
}

#navArea nav {
  display: none;
}
#navArea .toggle_btn {
  display: none;
}

/*------------------------- 
  Footer
-------------------------*/
footer {
 position: relative;
}
.footerInner {
  background-color: #ccdbd2;
}

.footerInfo {
  background: url(../img/bg_01.png) center top / 100%;
}
.footerInfo .links {
  float: left;
  width: 50%;
  padding: 24px 30px 24px 20px;
  background-color: #00341c;
}
.footerInfo .links ul {
  list-style: none;
  padding: 0;
}
.footerInfo .links li {
  font-size: 94%;
}
.footerInfo .links li a {
  color: #ffffff;
  position: relative;
  display: block;
  padding-left: 15px;
}
.footerInfo .links li a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  display: block;
  position: absolute;
  left: 0;
  color: #ffffff;
  font-weight: 700;
}
.footerInfo .links li a:hover {
  text-decoration: underline;
}

.footerInfo .summary {
  float: right;
  width: 50%;
  padding: 24px 0 24px 30px;
  background-color: #004b1e;
  color: #ffffff;
}
.footerInfo .summary h1 {
  font-size: 150%;
  font-weight: 700;
  letter-spacing: 0.2em;
}
.footerInfo .summary address {
  margin-top: 16px;
  font-size: 94%;
}
.footerInfo .summary address a {
  color: #ffffff;
  text-decoration: underline;
}
.footerInfo .summary address a:hover {
  text-decoration: none;
}

#copyright {
  padding: 20px 0;
  background-color: #2a302a;
  text-align: center;
  color: #ffffff;
  font-size: 84%;
}

/*------------------------- 
  ページTOPに戻る
-------------------------*/
.page_top {
  width: 80px;
  height: 80px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: #ffffff;
  border-radius: 50%;
  z-index: 5;
}
.page_top a {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  text-decoration: none;
}
.page_top a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f102";
  font-size: 25px;
  color: #004b1e;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -50px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
.page_top a:after {
  content: "GO TOP";
  font-family: "Lato", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #004b1e;
  position: absolute;
  top: 35px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/* メイン3色のhover */
#siteNavi .park a:hover,
.indexBtns .park:hover {
  background-color: #ffbf0d;
}
#siteNavi .user a:hover,
.indexBtns .user:hover {
  background-color: #52aece;
}
#siteNavi .organizer a:hover,
.indexBtns .organizer:hover {
  background-color: #00341c;
}
#siteNavi .contact a:hover {
  background-color: #eeeeee;
}

/*------------------------- 
  Breadcrumb
-------------------------*/

.breadcrumbLink {
  padding: 0.5em 0;
  margin-bottom: -2%;
  width: 100%;
  font-size: 82%;
  color: #004b1e;
}
.breadcrumbLink .inner {
  text-align: right;
}
.breadcrumbLink a {
  color: #004b1e;
  text-decoration: underline;
}

/*------------------------- 
  indexBtns
-------------------------*/

.indexBtns {
  margin: 0 -10px;
  padding: 5% 0;
}
.indexBtns .item {
  width: 346px;
  margin: 0 10px;
  padding: 0;
  border-radius: 0px;
  text-align: left;
  transition: 0.3s;
 }
.indexBtns .item a {
  display: block;
  padding: 15px;
  color: #ffffff;
}
.indexBtns .park {
  background-color: #ffcd33;
}
.indexBtns .user {
  background-color: #6fb4d1;
}
.indexBtns .organizer {
  background-color: #004b1e;
}
.indexBtns .item .index {
  position: relative;
  padding: 0 30px 10px 0;
  border-bottom: #ffffff 1px solid;
  font-size: 120%;
  font-weight: 700;
}
.indexBtns .item .index:after {
  font-family: "Font Awesome 5 Free";
  content: "\f101";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  color: #ffffff;
  font-weight: 700;
}
.indexBtns .item p {
  margin: 10px 0 0;
}
.indexBtns .park a {
  color: #444547;
}
.indexBtns .park .index {
  border-bottom: #444547 1px solid;
}
.indexBtns .park .index:after {
  color: #444547;
}

.indexBtns2 {
  margin: 0 -10px;
  padding: 5% 0;
  background-color: #ffffff;
}
.indexBtns2 .item {
  position: relative;
  width: 346px;
  margin: 0 10px;
  padding: 0;
  border: #d9d9d9 1px solid;
  border-radius: 0px;
  text-align: left;
  transition: 0.3s;
}
.indexBtns2 .item:hover {
 border: #DDDDDD 1px solid;
 background-color: #fcf7ec;
}
.indexBtns2 .item a {
  display: block;
  padding: 15px 30px 15px 70px;
}
.indexBtns2 .item:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  color: #444547;
  font-size: 124%;
  font-weight: 700;
  position: absolute;
  display: block;
  top: 50%;
  right: 10px;
  margin-top: -0.6em;
}
.indexBtns2 .item:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 12px;
  width: 45px;
  height: 45px;
  margin-top: -22px;
}
.indexBtns2 .caution:before {
  background: url(../img/icon_caution.png) no-repeat center / 100% auto;
}
.indexBtns2 .access:before {
  background: url(../img/icon_access.png) no-repeat center / 100% auto;
}
.indexBtns2 .parking:before {
  background: url(../img/icon_parking.png) no-repeat center / 100% auto;
}
.indexBtns2 .download:before {
  background: url(../img/icon_download.png) no-repeat center / 100% auto;
}
.indexBtns2 .map:before {
  background: url(../img/icon_map.png) no-repeat center / 100% auto;
}
.indexBtns2 .internet:before {
  background: url(../img/icon_internet.png) no-repeat center / 100% auto;
}
.indexBtns2 .item .index img {
  width: auto;
  height: 17px;
}
.indexBtns2 .item p {
  margin: 6px 0 0;
  font-size: 90%;
}
.indexBtns2 .item a:hover {
  color: #444547;
}
.indexBtns2 .item a:hover img {
  opacity: 1;
}

/*------------------------- 
 infoList
-------------------------*/
.infoList {
  margin: 0 auto;
}
.infoList li {
  border-top: #a7a7a7 1px solid;
  padding: 12px 3px;
  text-indent: 0;
}
.infoList li:first-child {
  border-top: 0;
}
.infoList li:before {
 display: none;
}
.infoList .date {
  font-size: 94%;
  font-weight: 700;
}
.infoList .category {
  display: inline-block;
  width: 9em;
  margin-left: 12px;
  padding: 5px;
  vertical-align: text-top;
  background-color: #006b1e;
  color: #ffffff;
  text-align: center;
  font-size: 72%;
  line-height: 1;
  letter-spacing: 0.2em;
}
span.category.\%e9\%87\%8d\%e8\%a6\%81\%e3\%81\%8a\%e7\%9f\%a5\%e3\%82\%89\%e3\%81\%9b{ 
	background-color: #B02D00;
}
.infoList .urgentnews {
  background-color: #B02D00;
}
.infoList p {
  margin-top: 0.2em;
}
.infoList a {
 font-weight: 400;
 color: #444547;
 text-decoration: none;
}

@media (max-width: 960px) {
  header {
    padding-top: 50px;
  }
  header .headerTop {
  }
  .inner {
    padding: 0 24px;
  }
  header .inner {
    padding: 0;
  }
  #headerLogo {
    float: none;
    position: fixed;
    z-index: 10;
    height: 50px;
    margin-top: -50px;
    width: 100%;
    text-align: center;
    background-color: #ffffff;
  }
  #siteNavi {
    float: none;
  }
  #siteNavi li {
    width: 33.25%;
  }
  #siteNavi li.park {
    padding-left: 0;
  }
  #siteNavi li.contact {
    display: none;
  }
  .siteMenu nav {
    display: none;
  }
  #siteNavi:after {
    content: "";
    display: block;
    height: 6px;
    margin-top: -1px;
  }
  #siteNavi.hide:after {
   transform: translateY(-100%);
  }
  body.home #siteNavi:after,
  body.page-template-default #siteNavi:after,
  body.post-type-archive #siteNavi:after,
  body.single #siteNavi:after,
  body.page #siteNavi:after {
    background-color: #ffcd33;
  }
  body.page-id-75 #siteNavi:after,
  body.page-template-template-user #siteNavi:after,
  body.post-type-archive-userguide #siteNavi:after,
  body.single-userguide #siteNavi:after {
    background-color: #6fb4d1;
  }
  body.page-id-85 {
   padding-top: 100px;
  }
  body.page-id-85 header {
   height: 100px;
  }
  body.page-id-85 #siteNavi:after {
    background-color: #004b1e;
  }
  .siteMenu {
    display: none !important;
  }
  .indexBtns {
    display: block !important;
    margin: 0;
  }
  .indexBtns .item {
    width: 100%;
    margin: 20px auto 0;
  }
  .indexBtns .item:first-child {
    margin: 0 auto;
  }
  body.page-id-85 #siteNavi .organizer a {
    border-bottom: 0;
  }

  /*------------------------- 
  navi
 -------------------------*/
  #navArea nav {
    position: fixed;
    display: block;
    top: 50px;
    right: -100%;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: all 0.5s;
    opacity: 0;
    z-index: 10;
    padding-bottom: 50px;
  }
  #navArea.open nav {
    right: 0;
    opacity: 1;
  }
  #navArea ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #navArea li {
    position: relative;
    margin: 0;
  }
  #navArea a {
    position: relative;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    transition-duration: 0.2s;
  }
  #navArea a:hover {
    color: #444547;
  }
  #navArea .menuTop {
    margin-bottom: 10px;
  }
  #navArea .menuTop a {
    padding: 1em;
    font-weight: bold;
  }
  #menu-park_sp.menuTop a {
    background-color: #ffcd33;
  }
  #menu-user_sp.menuTop a {
    background-color: #6fb4d1;
    color: #ffffff;
  }
  #organizer_SP.menuTop a {
    background-color: #004b1e;
    color: #ffffff;
  }
  #navArea .sub-menu li,
  #menu-other_sp li {
    border-bottom: 1px solid #dbdbdb;
  }
  #navArea .sub-menu a,
  #menu-other_sp a {
    padding: 0.5em 2em;
    background-color: #ffffff;
    font-size: 13px;
    font-weight: normal;
    color: #444547;
  }
  #navArea .sub-menu .sub-menu li {
    border-top: 1px solid #dbdbdb;
    border-bottom: 0;
  }
  #navArea .sub-menu .sub-menu a {
    padding-left: 3em;
    background-color: #fcf7ec;
  }
  #navArea .contactBtn {
    padding: 1em;
    text-align: center;
  }
  #navArea .contactBtn a {
    padding: 1em;
    background-color: #444547;
    color: #ffffff;
    font-weight: 700;
  }
  #navArea .contactBtn a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 15px;
    margin-bottom: 2px;
    margin-right: 10px;
    background-image: url(../img/icon_mail_02.png);
    background-size: 100% auto;
  }
  #navArea #menu-other_sp {
    margin-top: 10px;
    border-top: 1px solid #dbdbdb;
  }
  #navArea #menu-other_sp li {
    border-bottom: 1px solid #dbdbdb;
  }

  /* 右側のアイコン */
  .menu-item-has-children a:before,
  .menu-item-has-children a:after {
    content: "";
    width: 16px;
    height: 16px;
    border: 0px;
    border-top: solid 2px #444547;
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: 0;
  }
  .menu-item-has-children a:after {
    top: 50%;
    margin-top: -7px;
    margin-right: 7px;
    transform: rotate(90deg);
  }
  #menu-user_sp .menu-item-has-children a:before,
  #menu-user_sp .menu-item-has-children a:after {
    border-top: solid 2px #ffffff;
  }
  .sub-menu a:before {
    display: none;
  }
  .sub-menu a:after,
  #menu-other_sp a:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #444547;
    border-right: solid 1px #444547;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -5px;
    margin-right: 7px;
  }
  #organizer_SP a:after {
    content: "";
    width: 12px;
    height: 12px;
    border: 0px;
    border-top: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -7px;
    margin-right: 5px;
  }
  #menu-user_sp .menu-item-has-children .sub-menu a:after,
  #menu-user_sp .menu-item-has-children .sub-menu a:before {
    border-top: solid 1px #444547;
  }
  .menu-item-has-children .sub-menu .menu-item-has-children > a:before,
  .menu-item-has-children .sub-menu .menu-item-has-children > a:after {
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    border: 0px;
    border-top: solid 1px #444547;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: 0;
  }
  .menu-item-has-children .sub-menu .menu-item-has-children > a:after {
    top: 50%;
    margin-top: -6px;
    margin-right: 6px;
    transform: rotate(90deg);
  }

  /* 公園利用の方以下のページではこちらのメニューがオープン */
  #navArea #menu-park_sp > li > .sub-menu {
    display: block;
  }
  #navArea .sub-menu .sub-menu {
    display: block;
  }
  /* ＋と－ */
  #menu-park_sp .menu-item-has-children > a:after,
  #menu-user_sp .menu-item-has-children > a.subBtn:after,
  #menu-user_sp .menu-item-has-children .sub-menu .menu-item-has-children > a:after {
   display: none;
 }
  #menu-park_sp .menu-item-has-children > a.subBtn:after,
  #menu-user_sp .menu-item-has-children > a:after,
  #menu-user_sp .menu-item-has-children .sub-menu .menu-item-has-children > a.subBtn:after {
   display: block;
 }

  /* 施設利用の方以下のページではこちらのメニューがオープン */
  body.page-id-75 #navArea #menu-user_sp > li > .sub-menu,
  body.page-template-template-user #navArea #menu-user_sp > li > .sub-menu,
  body.post-type-archive-userguide #navArea #menu-user_sp > li > .sub-menu,
  body.single-userguide #navArea #menu-user_sp > li > .sub-menu {
    display: block;
  }
  body.page-id-75 #navArea #menu-park_sp > li > .sub-menu,
  body.page-template-template-user #navArea #menu-park_sp > li > .sub-menu,
  body.post-type-archive-userguide #navArea #menu-park_sp > li > .sub-menu,
  body.single-userguide #navArea #menu-park_sp > li > .sub-menu {
    display: none;
  }
  /* ＋と－ */
  body.page-id-75 #menu-user_sp .menu-item-has-children > a:after,
  body.page-id-75 #menu-park_sp .menu-item-has-children > a.subBtn:after,
  body.page-id-75 #menu-park_sp .menu-item-has-children .sub-menu .menu-item-has-children > a:after,
  body.page-template-template-user #menu-user_sp .menu-item-has-children > a:after,
  body.page-template-template-user #menu-park_sp .menu-item-has-children > a.subBtn:after,
  body.page-template-template-user #menu-park_sp .menu-item-has-children .sub-menu .menu-item-has-children > a:after,
  body.post-type-archive-userguide #menu-user_sp .menu-item-has-children > a:after,
  body.post-type-archive-userguide #menu-park_sp .menu-item-has-children > a.subBtn:after,
  body.post-type-archive-userguide #menu-park_sp .menu-item-has-children .sub-menu .menu-item-has-children > a:after,
  body.single-userguide #menu-user_sp .menu-item-has-children > a:after,
  body.single-userguide #menu-park_sp .menu-item-has-children > a.subBtn:after,
  body.single-userguide #menu-park_sp .menu-item-has-children .sub-menu .menu-item-has-children > a:after {
   display: none;
  }
  body.page-id-75 #menu-user_sp .menu-item-has-children > a.subBtn:after,
  body.page-id-75 #menu-park_sp .menu-item-has-children > a:after,
  body.page-id-75 #menu-park_sp .menu-item-has-children .sub-menu .menu-item-has-children > a.subBtn:after,
  body.page-template-template-user #menu-user_sp .menu-item-has-children > a.subBtn:after,
  body.page-template-template-user #menu-park_sp .menu-item-has-children > a:after,
  body.page-template-template-user #menu-park_sp .menu-item-has-children .sub-menu .menu-item-has-children > a.subBtn:after,
  body.post-type-archive-userguide #menu-user_sp .menu-item-has-children > a.subBtn:after,
  body.post-type-archive-userguide #menu-park_sp .menu-item-has-children > a:after,
  body.post-type-archive-userguide #menu-park_sp .menu-item-has-children .sub-menu .menu-item-has-children > a.subBtn:after,
  body.single-userguide #menu-user_sp .menu-item-has-children > a.subBtn:after,
  body.single-userguide #menu-park_sp .menu-item-has-children > a:after,
  body.single-userguide #menu-park_sp .menu-item-has-children .sub-menu .menu-item-has-children > a.subBtn:after {
   display: block;
  }

  @media screen and (max-width: 767px) {
    #navArea nav {
      width: 100%;
    }
  }

  /*============ .toggle_btn =============*/
  #navArea .toggle_btn {
    display: block;
    position: fixed;
    top: 10px;
    right: 13px;
    width: 30px;
    height: 30px;
    transition: all 0.5s;
    cursor: pointer;
    z-index: 15;
  }
  #navArea .toggle_btn span {
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #333;
    border-radius: 4px;
    transition: all 0.5s;
  }
  #navArea .toggle_btn span:nth-child(1) {
    top: 4px;
  }
  #navArea .toggle_btn span:nth-child(2) {
    top: 14px;
  }
  #navArea .toggle_btn span:nth-child(3) {
    bottom: 4px;
  }
  #navArea.open .toggle_btn span {
    width: 36px;
    left: -3px;
    /* background-color: #fff; */
  }
  #navArea.open .toggle_btn span:nth-child(1) {
    -webkit-transform: translateY(10px) rotate(-325deg);
    transform: translateY(10px) rotate(-325deg);
  }
  #navArea.open .toggle_btn span:nth-child(2) {
    opacity: 0;
  }
  #navArea.open .toggle_btn span:nth-child(3) {
    -webkit-transform: translateY(-10px) rotate(325deg);
    transform: translateY(-10px) rotate(325deg);
  }


  /*============ #mask =============*/
  #navArea #mask {
    display: none;
    transition: all 0.5s;
  }
  #navArea.open #mask {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 9;
    cursor: pointer;
  }

  /*============ sub-menu =============*/
  .sub-menu {
    display: none;
  }

  /* end @media (max-width:960px)*/
}

@media (max-width: 767px) {
  .inner {
    padding: 0 18px;
  }
  .inner-fluid {
    padding: 0;
  }
  .indexBtns2 {
    display: block !important;
    padding: 0;
    margin: 0;
  }
  .indexBtns2 .item {
    width: 100%;
    margin: 0 0 -1px;
    border-right: 0;
    border-left: 0;
  }
  .indexBtns2 .item:hover {
   border-right: 0;
   border-left: 0;
 }
 .indexBtns2 .item a {
    padding: 15px 3% 15px 18%;
  }
  .indexBtns2 .item:before {
    left: 0;
    width: 18%;
    background-size: 45px auto;
  }

  .footerInfo .inner {
    max-width: 100%;
    padding: 0;
  }
  .footerInfo .links,
  .footerInfo .summary {
    float: none;
    width: 100%;
    padding: 24px 5%;
    font-size: 14px;
  }
  .footerInfo .summary h1 {
    font-size: 130%;
  }
  .footerInfo .links li {
    line-height: 1.8;
  }

  .indexBtns {
    padding: 0 0 8%;
    font-size: 90%;
  }
  footer .indexBtns {
   padding: 5% 0;
  }

  .page_top {
    width: 60px;
    height: 60px;
  }
  .page_top a {
    width: 60px;
    height: 60px;
  }
  .page_top a::before {
    font-size: 20px;
    top: -30px;
  }
  .page_top a:after {
    font-size: 11px;
    font-weight: 700;
    top: 30px;
  }
  /* end @media (max-width:767px)*/
}