@charset "UTF-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption {
  text-align: left; }

q:before, q:after {
  content: ''; }

object, embed {
  vertical-align: top; }

hr, legend {
  display: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

img, abbr, acronym, fieldset {
  border: 0;
  border-style: none; }

li {
  list-style-type: none; }

a {
  color: #000000; }

/*def*/
/*def end*/
/*share*/
::selection {
  background: rgba(10, 81, 161, 0.6);
  /* Safari */
  color: white; }

::-moz-selection {
  background: rgba(10, 81, 161, 0.6);
  /* Firefox */
  color: white; }

html, body {
  height: 100%; }

body {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-family: '游明朝', 'YuMincho', 'ヒラギノ明朝 Pro W3','Futo Min A101', 'A-OTF Futo Min A101 Pr5', 'A-OTF 太ミンA101 Pr5', 'Meiryo', 'Cゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ ゴシック', 'MS Gothic', sans-serif;
  line-height: 1.5em;
  font-size: 12px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%; }

._fade {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  opacity: 0.1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }

._fade.scrollin {
  filter: blur(0px);
  -webkit-filter: blur(0px);
  opacity: 1; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

section a {
  border-bottom: 1px grey solid;
  padding-bottom: 3px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  section a:hover {
    text-decoration: none;
    border-bottom: 1px rgba(255, 255, 255, 0) solid;
    color: rgba(168, 168, 168, 0);
    text-shadow: 0px 0px 5px #000; }

footer,
header h1,
#top .top_wrapper ._left,
nav#global_nav ul li {
  font-family: 'Lato', sans-serif; }

#wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative; }

header {
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  overflow: hidden;
  padding-top: 50px;
  height: 100px;
  width: 100%;
  position: fixed;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  header h1 {
    /*text-indent: .05em;
    letter-spacing: .05em;
    margin-bottom: 30px;
    font-size: 2em;//resp
    font-weight: 400;*/
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    header h1 img {
      width: 200px; }
    header h1 a {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
    header h1 a:hover {
      filter: blur(2px);
      -webkit-filter: blur(2px); }
  header #smp_btn {
    display: none; }

nav#global_nav {
  background: rgba(255, 255, 255, 0.9);
  position: relative;
  overflow: hidden;
  z-index: 101;
  position: fixed;
  width: 950px;
  left: 50%;
  margin: 0 auto;
  margin-left: -475px;
  top: 100px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  nav#global_nav ul {
    padding-bottom: 10px;
    float: left;
    left: 50%;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    nav#global_nav ul li {
      float: left;
      font-size: .8em;
      left: -50%;
      position: relative;
      text-transform: uppercase; }
      nav#global_nav ul li a {
        display: block;
        letter-spacing: .2em;
        text-align: center;
        margin: 0 28px;
        padding: 5px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }
      nav#global_nav ul li a:hover, nav#global_nav ul li.close:hover {
        text-decoration: none;
        color: rgba(168, 168, 168, 0);
        text-shadow: 0px 0px 5px #000; }
      nav#global_nav ul li.close {
        display: none;
        cursor: pointer;
        text-align: center;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; }

#img_area {
  padding: 0px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 96%;
  max-width: 850px;
  height: 500px; }

#main {
  padding-top: 180px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  #main section {
    overflow: hidden;
    width: 100%;
    padding: 50px 0;
    margin-bottom: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    #main section ._left {
      float: left;
      width: 50%; }
    #main section ._right {
      float: right;
      width: 50%; }
    #main section article {
      width: 96%;
      max-width: 850px;
      text-align: left;
      margin: 0 auto; }
    #main section h2 {
      margin: 0 auto;
      width: 60%;
      text-align: center;
      font-size: 1.3em;
      margin-bottom: 50px;
      text-transform: capitalize; }
      #main section h2 span {
        padding: 5px;
        padding-bottom: 10px;
        border-bottom: thin lightgrey solid; }
    #main section .article_body p {
      margin-bottom: 20px;
      line-height: 2em; }
      #main section .article_body p:last-child {
        margin-bottom: 0px; }
    #main section#news dl {
      margin-bottom: 20px; }
      #main section#news dl dt {
        clear: both;
        float: left;
        width: 80px; }
      #main section#news dl dd {
        padding-left: 80px;
        margin-bottom: 8px; }
    #main section#profile article:first-child {
      margin-bottom: 30px; }
    #main section#gallery dl {
      margin-bottom: 20px; }
      #main section#gallery dl dd {
        margin-bottom: 20px;
        padding-left: 5px; }
    #main section#archive h3 {
      font-weight: 800;
      padding-top: 40px;
      margin-bottom: 5px; }
      #main section#archive h3:after {
        content: "｜"; }
    #main section#archive h4 {
      margin-bottom: 5px; }
      #main section#archive h4:after {
        content: "："; }
    #main section#archive dl {
      margin-bottom: 30px; }
      #main section#archive dl dt {
        float: left;
        width: 50px; }
      #main section#archive dl dd {
        padding-left: 50px;
        margin-bottom: 8px;
        line-height: 1.5em; }
    #main section#note dl {
      margin-bottom: 50px;
      text-align: center; }
      #main section#note dl dd {
        margin-bottom: 10px; }
    #main section#contact ul {
      text-align: center; }
      #main section#contact ul li {
        margin-bottom: 10px; }
    #main section#contact dl {
      margin-bottom: 20px; }
      #main section#contact dl dt {
        float: left; }
      #main section#contact dl dd {
        margin-bottom: 10px; }

#pagetop {
  position: fixed;
  z-index: 102;
  width: 36px;
  height: 36px;
  overflow: hidden;
  right: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  bottom: -36px; }
  #pagetop img {
    width: 15px;
    height: auto; }
  #pagetop a {
    padding: 6px;
    display: block;
    width: 100%;
    height: 100%;
    background: white;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  #pagetop a:hover {
    opacity: .5; }

footer {
  clear: both;
  text-align: center;
  padding: 15px 0px;
  position: relative;
  font-weight: 300;
  text-indent: .1em;
  letter-spacing: .1em; }
  footer #sign {
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-size: .8em; }
    footer #sign a {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out; }
      footer #sign a:hover {
        text-decoration: none;
        color: rgba(168, 168, 168, 0);
        text-shadow: 0px 0px 5px #000; }

@media screen and (min-width: 641px) {
  .header_shorter header {
    height: 50px;
    padding-top: 20px; }
  .header_shorter nav#global_nav {
    top: 50px; }
    .header_shorter nav#global_nav ul {
      padding-bottom: 5px; }
      .header_shorter nav#global_nav ul li a {
        padding-bottom: 3px; } }
/* index */
/* index end */
@media screen and (max-width: 768px) {
  #img_area {
    height: 350px; }

  header {
    height: 80px;
    padding-top: 30px; }

  #main {
    padding-top: 120px; }

  nav#global_nav {
    width: 950px;
    margin-left: -475px;
    top: 80px; }
    nav#global_nav ul li a {
      margin: 0 10px; } }
@media screen and (max-width: 640px) {
  .blur {
    color: rgba(168, 168, 168, 0);
    text-shadow: 0px 0px 8px #000;
    text-decoration: none; }
    .blur a {
      color: rgba(168, 168, 168, 0);
      text-decoration: none;
      border-bottom: none; }

  #img_area {
    width: 90%;
    height: 200px; }

  header {
    padding-top: 20px;
    height: 50px;
    background: none; }
    header #smp_btn {
      display: block;
      position: absolute;
      right: 15px;
      width: 30px;
      top: 22px;
      cursor: pointer; }
      header #smp_btn img {
        width: 15px; }
    header h1 {
      margin-bottom: 30px; }
      header h1 img {
        width: 150px; }

  nav#global_nav {
    background: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    z-index: 101;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    top: 0;
    visibility: hidden;
    filter: blur(5px);
    -webkit-filter: blur(5px); }
    nav#global_nav.is-visible {
      visibility: visible;
      top: 0;
      filter: blur(0px);
      -webkit-filter: blur(0px);
      opacity: 1; }
    nav#global_nav ul {
      float: none;
      left: auto;
      position: relative;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
      height: 272px;
      top: 50%;
      width: 100%;
      margin-top: -136px; }
      nav#global_nav ul li {
        font-family: '游明朝', 'YuMincho', 'ヒラギノ明朝 Pro W3','Futo Min A101', 'A-OTF Futo Min A101 Pr5', 'A-OTF 太ミンA101 Pr5', 'Meiryo', 'Cゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ ゴシック', 'MS Gothic', sans-serif;
        float: none;
        left: auto; }
        nav#global_nav ul li a {
          display: block;
          margin: 0;
          padding: 0;
          padding-top: 8px;
          height: 35px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box; }
        nav#global_nav ul li a:hover {
          text-decoration: none;
          color: rgba(168, 168, 168, 0);
          text-shadow: 0px 0px 5px #000; }
        nav#global_nav ul li.close {
          display: block;
          margin: 0;
          padding: 0;
          padding-top: 8px;
          height: 35px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -o-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box; }

  #main {
    padding-top: 60px; }
    #main section {
      padding-bottom: 0; }
      #main section article {
        width: 90%; }
      #main section h2 {
        margin-bottom: 30px; }
      #main section#archive dl {
        margin-bottom: 30px;
        /*    dt{
                width: 100px;
            }
            dd{
                padding-left: 100px;
                margin-bottom: 8px;
                line-height: 1.5em;
                br{
                    display: none;
                }
            }*/ }
        #main section#archive dl dd br {
          display: none; }
      #main section#archive h3 {
        text-align: center; }
        #main section#archive h3:after {
          content: none; }
      #main section#archive h4 {
        text-align: center;
        margin-bottom: 20px; }
        #main section#archive h4:after {
          content: none; }

  .header_shorter nav#global_nav ul {
    padding-bottom: auto; }
    .header_shorter nav#global_nav ul li a {
      padding-bottom: auto; }

  footer {
    padding-top: 100px; }
    footer #sign {
      position: relative;
      text-align: center;
      left: auto;
      bottom: auto; } }

/*# sourceMappingURL=sakai.css.map */