@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}
html, body {
  height: 100%;
  /*font-family: 'M PLUS Rounded 1c', sans-serif;*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
body {
  overflow-y: scroll;
  /* background: #222222;*/
  background: #FFFFFF;
}
img {
  display: block;
  height: auto;
}
ul, nav {
  list-style: none;
}
#loading_overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15000;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
	background: rgba(37,0,58,1.00);
  align-items: center;
}
.pc {
  display: block;
}
.sp {
  display: none;
}
main {
  text-align: center;
}
#DrawerMenuArea {
  display: none;
}
#pagetop {
  display: none;
  color: rgba(26, 26, 26, 1.00);
  color: rgba(205, 0, 3, 1.00);
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0 3% 1% 0;
  text-shadow: 0px 0px 1px #000;
  font-size: 50px;
  z-index: 10500;
  cursor: pointer;
}
.area01 {
  padding: 1% 0;
}
#globalmenu_area {
  width: 100%;
  /*background-image:url("../../img/global_bg.jpg");
	background-size:cover;
	background-repeat: no-repeat;*/
  background: linear-gradient(to bottom, #7d1ec6 0%, #00143A 100%);
  padding: 2px 0;
}
#globalmenu_area.fixed {
  position: fixed;
  z-index: 10500;
  top: 0;
  left: 0;
}
ul#globalmenu {
  display: flex;
  max-width: 1000px;
  margin: 0 auto;
}
ul#globalmenu li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 1.00);
}
ul#globalmenu li {
  width: 100%;
  /*padding: 20px 50px;*/
}
ul#globalmenu li img {
  max-width: 100%;
}
footer {
  width: 100%;
  text-align: center;
  font-family: "Noto Sans JP";
  line-height: 2em;
  background: rgba(45, 45, 45, 1.00);
}
.footer_head {
  padding: 10px 0;
  width: 100%;
  color: #FFFFFF;
}
.footer_list {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  padding: 5px;
  font-weight: bold;
  border-bottom: 1px solid #4A4A4A;
}
.footer_site_map ul li {
  padding: 0 3%;
  font-size: small;
}
.footer_site_map {
  max-width: 1200px;
  margin: 0 auto 50px;
  display: flex;
}
.sitemap_head {
  border-bottom: 5px solid #2499ff;
  font-weight: bold;
}
.footer_list div, .footer_site_map div {
  width: 100%;
}
footer a {
  text-decoration: none;
  color: #161616;
}
footer a:hover {
  text-decoration: underline;
}
.main_slide {
  /*  max-width: 100%;*/
  margin: 0 5%;
  overflow: hidden;
}
/*メニュー*/
.drop {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  margin-top: 0;
  z-index: 13999;
  box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 1);
}
.drop i {
  font-size: 50px;
}
@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .logo_area {
    width: 190px;
  }
  h1.SiteTitle {
    margin: 3% auto;
    font-size: 30px;
  }
  ul#globalmenu {
    display: none;
  }
  #DrawerMenuArea {
    display: block;
  }
  #top_ajast {
    margin-top: 80px;
  }
  ul.link_list {
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    padding: 0 10%;
  }
  ul.link_list:last-child {
    margin: 0 auto;
  }
  ul.link_list li {
    margin-bottom: 10%
  }
  ul.link_list li a {
    max-width: 100%;
  }
  ul.twitter_tl {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 2%;
  }
  ul.twitter_tl li {
    color: #E9E9E9;
    margin: 0 2%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    width: 150%;
  }
#globalmenu_area {
padding: 0;
}
	.twitter-timeline {
    width: 100%;
  }
  .youtube {
    width: 100%;
    padding: 0 1%;
  }
  .TlNews_area {
    max-width: 100%;
    padding: 0 5%;
    margin: 0 auto 3%; /*background: #FF2327;*/
  }
  .TlNews {
    height: auto;
  }
  .footer_list, .footer_site_map {
    flex-direction: column;
  }
  .footer_site_map ul {
    margin-bottom: 5%;
  }
}
/*フォント統一*/
h1.SiteTitle, #DrawerMenuArea, ul#globalmenu {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}