body {
  font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
}
.site-title {
    margin: 8px 0px;
}
.logo img {
  max-width: none;
}
#globalNav li {
  margin: 0 0 0 50px;
}
#globalNav li a {
  padding: 0 4px 3px;
}
#globalNav li a:hover {
  padding: 0 4px 3px;
}
#globalNav li.ac a {
  border-bottom: 1px solid rgba(255,255,255,.8);
  opacity: .8;
  padding: 0 4px 3px;
}
#globalNav li.ac a:hover {
  opacity: .8;
  transition: none;
}
header {
  height: 90px;
}
#main {
  padding-top: 110px;
}

@media screen and (max-width:1128px) {
  #globalNav li {
    margin: 0 0 0 25px;
  }
}
@media screen and (max-width:980px) {
  header {
    height: 90px;
  }
}
@media screen and (max-width:812px) {
  .logo {
      margin-top: 10px;
  }
  .col-left, .col-right {
     float: none;
     width: auto;
  }
}
@media screen and (max-width: 768px) {
  header {
    height: 78px;
  }
}
@media screen and (max-width: 768px) {
  header {
    height: 78px;
  }
}
@media screen and ( max-width: 480px ) {
  #main {
    padding-top: 60px;
  }
}

/* Top MV */
.mainVisual {
  /*background-image: url(../imgages/top01.jpg);*/
  background: none;
  height: 100vh;
}
.innerWrapper.mainVisual {
  /*height: 100%;*/
  /*background: rgba(0,0,0,.33);*/
  /*background: url(../imgages/pattern.png) repeat top left;*/
}

/* slider */
.cb-slideshow,
.cb-slideshow:after {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: -1;
}
.cb-slideshow:after {
    content: '';
    /*background: transparent url(../imgages/pattern.png) repeat top left;*/
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 96s linear infinite 0s;
}
/*.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    animation: titleAnimation 84s linear infinite 0s;
}*/
.cb-slideshow li div h3 {
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px;
}
.cb-slideshow li:nth-child(1) span {
    background-image: url(../images/top/top01.jpg)
}
.cb-slideshow li:nth-child(2) span {
    background-image: url(../images/top/top02.jpg);
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../images/top/top03.jpg);
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../images/top/top04.jpg);
    animation-delay: 36s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../images/top/top01.jpg);
    animation-delay: 48s;
}
.cb-slideshow li:nth-child(6) span {
    background-image: url(../images/top/top02.jpg);
    animation-delay: 60s;
}
.cb-slideshow li:nth-child(7) span {
    background-image: url(../images/top/top03.jpg);
    animation-delay: 72s;
}
.cb-slideshow li:nth-child(8) span {
    background-image: url(../images/top/top04.jpg);
    animation-delay: 84s;
}
@keyframes imageAnimation {
    0% { opacity: 0; animation-timing-function: ease-in; }
    6% { opacity: 1; animation-timing-function: ease-out; }
    12% { opacity: 1 }
    24% { opacity: 0 }
    100% { opacity: 0 }
}
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}

.lead {
  position: absolute;
  text-shadow: none;
  background: rgba(0,0,0,.6);
  padding: 22px;
  box-sizing: border-box;
  right: 20px;
  width: 48%;
  bottom: 194px;
  border-radius: 3px;
  font-weight: 100;
}
.lead h2 {
  float: none;
  margin: 0 0 16px;
  width: auto;
  color: #fff;
  font-size: 2vw;
  padding-bottom: 6px;
  border-bottom: 1px dashed rgba(255,255,255,.5);
}
.lead h2 span {
  font-size: 1.5vw;
}
.infoList {
  margin-left: 0;
  margin-right: 0;
}

/* news */
#newsList li {
  position: relative;
  margin-top: 8px;
}
#newsList li .newsDate {
  position: absolute;
}
#newsList li .newsTitle {
  display: block;
  margin-left: 110px;
}
#newsList li a {
  display: block;
  text-decoration: none;
}
#newsList li a:hover {
  text-decoration: underline;
  transition: .9s;
  opacity: .7;
}

@media screen and (max-width: 980px) {
}
@media screen and (max-width:812px) {
  .wrapper {
    min-width: unset;
  }
  #globalNav { display: none; }
  #spMenu { display: block; }

  .innerBlock {
    margin: 0 20px;
    width: auto;
  }
 .lead {
    right: auto;
    /* left: auto; */
    bottom: 20px;
    width: auto;
    margin-right: 20px;
  }
  .lead h2 {
  font-size: 24px;
  }
  .lead h2 span {
    font-size: 18px;
  }
  #newsList li:nth-child(n+4) {
    display: none;
  }
  .page-top #footer {
    /*display: none;*/
  }
}

@media screen and (max-width:768px) {
  .innerBlock {
    margin: 0 10px;
  }
  .lead {
    margin-right: 10px;
  }
}

@media screen and (max-width:480px) {
  #newsList li .newsDate {
    margin-top: 16px;
    display: block;
    position: relative;
  }
  #newsList li .newsTitle {
    position: relative;
    margin-left: 0;
  }
}

#footer {
  position: absolute;
  bottom: 0;
  background: #000;
  z-index: 0;
}
.page-top #footer {
  height: auto;
}

/* flex */
.footerContent {
  display: flex;
}
.item1 {
  flex: 2;
}
.item2 {
  flex: 1;
  align-items: flex-end;
}

/* container */
.footerContent {
  padding: 0;
  position: relative;
}
.footerMain {
  height: auto;
  padding: 10px 0 12px;
  background: #777777;
}
.footerBottom {
  background: #464646;
}

/* left */
#footerNav {
  padding: 10px 0 30px;
}
#footerNav li {
  margin: 0px 37px 0 0;
}
#footerNav li a {
  font-size: 16px;
  font-weight: 200;
}

.bannerList {
  position: absolute;
  bottom: 0;
}
.bannerList li {
  float: left;
  margin: 0 10px 10px 0;
}
.bannerList li a {
  display: block;
  height: 35px;
  width: auto;
}
.bannerList a img {
  width: auto;
  height: 100%;
}

/* right */
.footerLogo {
  width: auto;
}
.footerLogo a {
  float: right;
}
.footer-logo-ms {
  position: relative;
}
.footer-logo-ms::after {
  display: none;
}
.footerLogo img {
  max-width: none;
  width: auto;
  height: 100%;
}

@media screen and (max-width:980px) {
  #footerNav {
    padding-bottom: 0;
  }
  .bannerList {
    margin-top: 10px;
  }
}
@media screen and (max-width:812px) {
  /* flex解除 */
  .footerContent {
    display: block;
  }
  .bannerList {
    position: relative;
  }
  .footerLogo {
    float: none;
    padding: 10px 0 0;
  }
  .footerLogo a {
    float: none;
    display: block;
  }
  .footerBottom {
    text-align: left;
  }
}
@media screen and (max-width:768px) {
  #footerNav {
    margin-bottom: 0;
  }
  .footerLogo {
    border: none;
  }
  .footer-logo-ms {
    height: auto;
    top: 0;
  }
  .footerLogo img {
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .footer-logo-ms {
    height: 74px;
  }
  .footer-logo-ms {
    height: auto;
  }
}
@media screen and (max-width: 360px) {
  .footerLogo img {
     width: 100%;
  }
}
@media screen and (max-width:980px) {

  .innerWrapper {
     min-width: 980px;
  }
}
@media screen and (max-width:812px) {
  .innerWrapper {
     min-width: unset;
  }
}

/* スマホ 高さ調整 */
@media screen and (max-width: 812px) {
  .page-top #footer {
    height: 0px;
    bottom: auto;
    display: none;
  }
}

/* page */
/* for IE10 & 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #content {
    margin-top: 90px;
  }
}

#main {
  padding-bottom: 50px;
}
#main a {
  color: #353535;
}
#prevnext a {
  color: #fff;
}
#main h1 {
  font-size: 2em;
}
#main h2 {
  margin-top: 40px;
  margin-bottom: 20px;
}
#main h2:first-child {
  margin-top: 0;
}
h3 {
  margin: 2em 0 1em;
  font-weight: bold;
}
h4 {
  font-weight: bold;
  margin-top: 2em;
  color: #636363;
}
#main p {
  margin-bottom: 20px;
}
ol {
    padding-left: 2vw;
    list-style: decimal;
}
@media screen and (max-width:768px) {
  ol {
    padding-left: 32px;
  }
}
/* col */
.col-left, .col-right {
  box-sizing: border-box;
}
.col-left section, .col-right section {
  margin-left: 0;
  margin-right: 30px;
}
section .col-left {
  padding-left: 0;
  padding-right: 25px;
}
section .col-right {
  padding-left: 25px;
  padding-right: 0;
}

@media screen and (min-width:1200px) {
  .col-left section, .col-right section {
    margin-right: 50px;
  }
}
@media screen and (max-width:768px) {
  .col-left section, .col-right section {
    margin-right: 0;
  }
}

/* members */
.page-members .col-left {
  width: 70%;
}
.page-members .col-right {
  width: 30%;
}
.page-members #main .col-right {
  text-align: center;
  overflow: hidden;
}
.page-members #main .col-right img {
  width: auto;
  max-height: 300px;
}
@media screen and (max-width:812px) {
  .page-members .col-left {
    width: auto;
    padding-right: 0;
  }
  .page-members .col-right {
    width: auto;
    padding-left: 0;
  }
  .page-members #main .col-right img {
    width: auto;
    max-height: 300px;
  }
}
@media screen and (max-width:375px) {
  .page-members #main .col-right img {
    width: auto;
    max-height: 200px;
  }
}

/* index / archive */
.blog #main h2 {
  margin-top: 20px;
}
.meta {
  margin-top: -20px;
}
.meta span {
  display: inline-block;
}
.meta li {
  list-style-type: none;
}
/* single */
#main p.meta, #main p.meta span {
    margin-top: -30px;
}

/* anchor link */
#main ul.flex-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 50px;
  margin-left: 0;
  list-style-type: none;
}
#main li.flex-item {
  max-width: 100%;
  text-align: center;
  line-height: 44px;
  margin: 5px;
}
#main li.flex-item a {
  display: block;
  padding: 0 1.8rem;
  background: #efefef;
  border: 1px dotted #717171;
}
#main li.flex-item a:hover {
  background: #ccc;
}