nav{margin:0 0 0 auto;position:-webkit-sticky;position:sticky;top:0;z-index:2047483647;}
nav #logo{max-width:200px;width:100%;}
nav ul#sns_icon{display:none;}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.navi-in>ul>.menu-item-has-children>a::after {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px;
    position: absolute;
    right: 3px;
    top: 0
}
.navi-in>ul .sub-menu .menu-item-has-children>a::after {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px;
    position: absolute;
    right: 3px;
    top: 0
}
.post-comment-count::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px
}
.entry-category::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px
}
.post-date::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px
}
.post-update::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px
}
.amp-back::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px;
    padding-right: 0
}
.entry-categories a::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px
}
.entry-tags a::before, .comment-reply-link::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px
}
.tagcloud a .tag-caption::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px
}
.recent-comment-article::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px
}
.information-box::before, .question-box::before, .alert-box::before, .information::before, .question::before, .alert::before, .memo-box::before, .comment-box::before, .common-icon-box::before {
    font-family: "FontAwesome";
    font-size: 50px;
    position: absolute;
    top: -13px;
    left: 13px;
    padding-right: .15em;
    line-height: 1em;
    top: 50%;
    margin-top: -.5em;
    width: 44px;
    text-align: center
}
.blank-box.bb-tab::before {
    background-color: #999;
    font-family: FontAwesome, Aharoni, "Arial Black", Impact, Arial, sans-serif;
    position: absolute;
    font-size: .8em;
    top: -1.8em;
    left: -2px;
    padding: 0 1em 0 .8em;
    color: #fff;
    border-radius: 6px 6px 0 0
}
.search-form div.sbtn:before {
    content: "\f002";
    font-family: FontAwesome;
    margin-right: 7px
}
.search-form div.sbtn:after {
    content: "\f25a";
    font-family: FontAwesome;
    color: #000;
    position: absolute;
    bottom: -1.4em;
    font-size: 25px
}
.btn:before, .ranking-item-link-buttons a:before, .btn:after, .ranking-item-link-buttons a:after, .btn-wrap>a:before, .btn-wrap>a:after {
    font-family: FontAwesome;
    margin-right: 12px
}
.blogcard-type .blogcard::before {
    font-family: FontAwesome;
    position: absolute;
    top: -1.1em;
    left: 2%;
    font-size: .7em;
    padding: 2px .6em 3px;
    background-color: #333;
    color: #fff;
    border-radius: 2px;
    white-space: pre;
    letter-spacing: .06em
}
.toggle-button::before {
    content: '\f067';
    font-family: FontAwesome;
    margin-right: .4em;
    font-size: .8em;
    color: #999
}
.pagination .prev::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px;
    padding-right: 3px
}
.pagination .next::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px;
    padding-left: 3px
}
.pager-post-navi a.prev-post::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px;
    margin-right: 5px;
    padding-right: 0
}
.pager-post-navi a.next-post::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px;
    margin-left: 5px;
    padding-right: 0
}
.product-item-box::after {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px;
    position: absolute;
    bottom: 0;
    right: 6px;
    font-size: 24px;
    color: #ccc
}
.fb-like-balloon-body::after {
    content: '\f054';
    position: absolute;
    right: 110px;
    top: 27px;
    color: #ccc;
    font-size: 50px;
    font-family: FontAwesome;
    line-height: 100%
}
.mobile-menu-buttons .menu-icon::before {
    font-family: FontAwesome;
    font-size: 1em
}
.menu-close-button::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px;
    padding: 0;
    font-size: 2em
}
.search-submit::before {
    font-family: FontAwesome;
    content: "";
    padding-right: 3px
}
[class*="fab-"] {
    font-family: FontAwesome
}
div#bbpress-forums a.bbp-topic-permalink:before {
    content: " \f096";
    font-family: FontAwesome;
    margin-right: 3px
}
div#bbpress-forums .status-closed a.bbp-topic-permalink:before {
    content: " \f046";
    font-family: FontAwesome
}
div#bbpress-forums .status-closed .bbp-reply-content:before {
    content: " \f046\00A0 Closed";
    font-family: FontAwesome, "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif
}



.menu-container {
  width:100%;
  margin:0 auto;
  background:#0065b5;
}
.menu-container a:link{color:#fff;text-decoration:none;}
.menu-container a:visited{color:#fff;text-decoration:none;}
.menu-container a:hover{color:#fff;text-decoration:none;}
.menu-container a:active{color:#fff;text-decoration:none;}

.menu-mobile {
  display: none;
  padding: 20px;
}
.menu-mobile:after {
  color:#fff;
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2rem;
  padding: 0;
  /*float: right;*/
  position: relative;
  top: 50%;
  transform: translateY(-25%);
}
.menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";	
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 2em;
  background: #fff;
  color: #333;
}
.menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
	display:flex;
  box-sizing: border-box;
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
  font-size:16px;
  text-align:center;
  white-space: nowrap;
  line-height: 1;
  /*float: left;
  background: #e9e9e9;
  padding:0;
  margin: 0;
  padding: 30px 0;*/
  margin:0 auto;
  width:100%;
  /*border-right:1px solid #fff;*/
  background: #0065b5;
  transition:.3s;
  box-sizing:border-box;
}
/*.menu > ul > li:last-child{border-right:none;}*/




.menu > ul > li a {
  color:#fff;
  text-decoration: none;
  padding: 1.5em 3em;
  display: block;
}
.menu > ul > li a:link{color:#fff;text-decoration:none;}
.menu > ul > li a:visited{color:#fff;text-decoration:none;}
.menu > ul > li a:hover{color:#fff;text-decoration:none;}
.menu > ul > li a:active{color:#fff;text-decoration:none;}





.menu > ul > li:hover {
  background: #003864;
  transition:.3s;
}
.menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #ecf0f6;
  padding: 20px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
}
.menu > ul > li > ul > li a {
  color: #777;
  padding: 0.2em 0;
  width: 95%;
  display: block;
  border-bottom: 1px solid #ccc;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-size: 0.8em;
}
.menu > ul > li > ul > li > ul > li a {
  border: 0;
}
.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}


@media screen and (max-width:1366px) {
.menu > ul > li {font-size:13px;}
/*.menu > ul > li a {padding: 1.5em 0;}*/
}
@media only screen and (max-width: 959px) {
nav{width:100%;}
}
@media screen and (max-width:768px) {
.menu > ul > li {font-size:16px;border-right:none;}
}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 959px) {
nav{position:relative;}
.menu-container {
  width: 100%;
}

nav ul#sns_icon{margin:50px auto 0 auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;box-sizing:border-box;}
nav ul#sns_icon li{margin:0 5%;}
nav ul#sns_icon i{color:#fff;transition:.3s;}
nav ul#sns_icon i:hover{color:#83c8ff;}
		
.menu-mobile {
  display: block;
  }
.menu-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  transform: translateY(-25%);
  position: absolute;
  top:0;
  right:0;
}
  .menu-dropdown-icon:before {
    display: block;
  }
  .menu > ul {
    display: none;
  }
  .menu > ul > li {
    font-size:16px!important;
    width: 100%;
    float: none;
    display: block;
    border-bottom: #8fc5f0 1px solid;
  }
  .menu > ul > li a {
    /*padding: 1.5em;*/
	/*padding: 1.5em 0;*/
    width: 100%;
    display: block;
    box-sizing: border-box;
}
  .menu > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }
  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu > ul > li > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
  }
  .menu .show-on-mobile {
    display: block;
    height: 100vh;
    margin: 20px auto;
    border-top:#8fc5f0 1px solid;
  }
}