@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);
body {
  margin: 0;
    width: 100%;
    overflow: hidden;
}
#kurukuru .threesixty .spinner {
  display: none;
  background: rgba(230, 158, 234, 0.9); }

#kurukuru {
  width: 100%;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
  font-size: 16px;
  line-height: 1.6;
    height: 100vh;
    margin:0;
    padding: 0 50px 0 0;
    overflow: auto;
    box-sizing: content-box;
    background: #181818/*#5e5e5e************************************** 160822 *********************************************/;
  /*! normalize.css v1.1.2 | MIT License | git.io/normalize */ }
@media only screen and (max-width: 640px) {
    #kurukuru {
        padding: 0;
    }
}
  #kurukuru article, #kurukuru aside, #kurukuru details, #kurukuru figcaption, #kurukuru figure, #kurukuru footer, #kurukuru header, #kurukuru hgroup, #kurukuru main, #kurukuru nav, #kurukuru section, #kurukuru summary {
    display: block; }
  #kurukuru audio, #kurukuru canvas, #kurukuru video {
    display: inline-block;
    *display: inline;
    *zoom: 1; }
  #kurukuru audio:not([controls]) {
    display: none;
    height: 0; }
  #kurukuru [hidden] {
    display: none; }
  #kurukuru html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }
  #kurukuru html, #kurukuru button, #kurukuru input, #kurukuru select, #kurukuru textarea {
    font-family: sans-serif; }
  #kurukuru body {
    margin: 0; }
  #kurukuru a:focus {
    outline: thin dotted; }
  #kurukuru a:active, #kurukuru a:hover {
    outline: 0; }
  #kurukuru abbr[title] {
    border-bottom: 1px dotted; }
  #kurukuru b, #kurukuru strong {
    font-weight: bold; }
  #kurukuru blockquote {
    margin: 1em 40px; }
  #kurukuru dfn {
    font-style: italic; }
  #kurukuru hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0; }
  #kurukuru mark {
    background: #ff0;
    color: #000; }
  #kurukuru pre {
    margin: 1em 0; }
  #kurukuru code, #kurukuru kbd, #kurukuru pre, #kurukuru samp {
    font-family: monospace,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    _font-family: 'courier new', monospace,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    font-size: 1em; }
  #kurukuru pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word; }
  #kurukuru q {
    quotes: none; }
  #kurukuru q:before, #kurukuru q:after {
    content: '';
    content: none; }
  #kurukuru sub, #kurukuru sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  #kurukuru sup {
    top: -0.5em; }
  #kurukuru sub {
    bottom: -0.25em; }
  #kurukuru img {
    border: 0;
    -ms-interpolation-mode: bicubic; }
  #kurukuru svg:not(:root) {
    overflow: hidden; }
  #kurukuru figure {
    margin: 0; }
  #kurukuru form {
    margin: 0; }
  #kurukuru fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }
  #kurukuru legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px; }
  #kurukuru button, #kurukuru input, #kurukuru select, #kurukuru textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle; }
  #kurukuru button, #kurukuru input {
    line-height: normal; }
  #kurukuru button, #kurukuru select {
    text-transform: none; }
  #kurukuru button, #kurukuru html input[type="button"], #kurukuru input[type="reset"], #kurukuru input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible; }
  #kurukuru button[disabled], #kurukuru html input[disabled] {
    cursor: default; }
  #kurukuru input[type="checkbox"], #kurukuru input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px; }
  #kurukuru input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
  #kurukuru input[type="search"]::-webkit-search-cancel-button, #kurukuru input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  #kurukuru button::-moz-focus-inner, #kurukuru input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  #kurukuru textarea {
    overflow: auto;
    vertical-align: top; }
  #kurukuru table {
    border-collapse: collapse;
    border-spacing: 0; }
  #kurukuru h1, #kurukuru h2, #kurukuru h3, #kurukuru h4, #kurukuru h5, #kurukuru h6, #kurukuru p, #kurukuru dl, #kurukuru dt, #kurukuru dd, #kurukuru ol, #kurukuru ul, #kurukuru li {
    margin: 0;
    padding: 0; }
  #kurukuru img {
    vertical-align: bottom;
    line-height: 0;
    font-size: 0; }
  #kurukuru ul, #kurukuru ol {
    list-style: none;
    list-style-image: none; }
  #kurukuru html,
  #kurukuru button,
  #kurukuru input,
  #kurukuru select,
  #kurukuru textarea {
    color: #222; }
  #kurukuru ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none; }
  #kurukuru ::selection {
    background: #b3d4fc;
    text-shadow: none; }
  #kurukuru hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; }
  #kurukuru fieldset {
    border: 0;
    margin: 0;
    padding: 0; }
  #kurukuru textarea {
    resize: vertical; }
  #kurukuru .chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0; }
  #kurukuru small {
    font-size: 100%; }
  #kurukuru .cf, #kurukuru .attention {
    *zoom: 1; }
    #kurukuru .cf:after, #kurukuru .attention:after {
      content: "";
      display: table;
      clear: both; }
  #kurukuru .clear {
    clear: both; }
  #kurukuru .br {
    display: block; }
  #kurukuru .nrw-br {
    display: none; }
    @media only screen and (max-width: 640px) {
      #kurukuru .nrw-br {
        display: block; } }
  #kurukuru .wide-br {
    display: block; }
  #kurukuru .nowrap {
    white-space: nowrap; }
  #kurukuru .attention {
    font-size: 12px; }
    #kurukuru .attention dt {
      float: left;
      width: 2em; }
    #kurukuru .attention dd {
      padding: 0 0 0 2em; }
  #kurukuru #imglist {
    display: none; }
  #kurukuru #key-area {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative; }
    #kurukuru #key-area a {
      text-decoration: none; }
    @media only screen and (max-width: 640px) {
      #kurukuru #key-area {
        width: 100%;
        margin: 0; }
        #kurukuru #key-area:before, #kurukuru #key-area:after {
          height: 170px;
          width: 40px; }
        #kurukuru #key-area:before {
          box-shadow: 40px 0 30px -30px black inset; }
        #kurukuru #key-area:after {
          box-shadow: -40px 0 30px -30px black inset; } }
  #kurukuru .wf-cutive {
      font-family: 'Cutive Mono',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;

      font-weight: 700; }
  #kurukuru h1 {
    font-size: 32px;
    letter-spacing: .0em;/*2*************** 160827 *****************/
    color: #fff;
      font-family: 'Cutive Mono',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    text-align: center;
    padding: 40px 5% 10px 5%;
  box-sizing: border-box}
  #kurukuru .gallery .threesixty {
    width: 200px;
    height: 100px;
    margin: 0 auto; }
  #kurukuru #spin-areas {
    width: 100%; }
  #kurukuru #main-areas {
    width: 90%;
    margin: 15px auto 20px;
    color: #fff; }
    #kurukuru #main-areas > .inner {
      width: 300px;
      float: left; }
      @media only screen and (max-width: 640px) {
        #kurukuru #main-areas > .inner {
          float: none;
          margin: 0 auto; } }
    #kurukuru #main-areas .txt-area {
      padding: 10px 30px 0 340px; }
      @media only screen and (max-width: 640px) {
        #kurukuru #main-areas .txt-area {
          padding: 10px 0; } }
    #kurukuru #main-areas .txt-inner {
      min-height: 130px;
      margin: 0 0 10px 0;
      line-height: 1.8; }
      @media only screen and (max-width: 640px) {
        #kurukuru #main-areas .txt-inner {
          padding: 0 5% 20px; } }
    #kurukuru #main-areas .contents {
      margin: 10px 0 5px;
      padding: 10px 0 0;
      border-top: dotted 2px #fff; }
      @media only screen and (max-width: 640px) {
        #kurukuru #main-areas .contents {
          margin: 30px 0 5px; } }
      #kurukuru #main-areas .contents .spec {
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
        width: 160px;
        margin: 0 10px 10px 0;
        line-height: 1.4; }
      #kurukuru #main-areas .contents .btn-area {
        width: 160px;
        padding: 10px 0 0 0;
        display: inline-block;
        vertical-align: middle; }
        #kurukuru #main-areas .contents .btn-area .button {
          display: inline-block;
          width: 160px;
          height: 56px;
          text-align: center;
          text-decoration: none;
          line-height: 53px;
          outline: none;
          box-sizing: border-box;
          transition: all .3s;
          position: relative;
          perspective: 1000px; }
          #kurukuru #main-areas .contents .btn-area .button:before, #kurukuru #main-areas .contents .btn-area .button:after {
            content: '';
            position: absolute;
            z-index: -1;
            display: block;
            box-sizing: border-box;
            transition: all .3s; }
          #kurukuru #main-areas .contents .btn-area .button span {
            display: block;
            position: absolute;
            width: 160px;
            height: 56px;
            border: 2px solid #fff;
            text-align: center;
            line-height: 53px;
            box-sizing: border-box;
            transition: all .3s;
            pointer-events: none; }
            #kurukuru #main-areas .contents .btn-area .button span:nth-child(1) {
              background-color: #fff;
              color: #181818;        /*#5e5e5e************************************** 160822 *********************************************/
              transform: rotateX(90deg);
              transform-origin: 50% 50% -28px; }
            #kurukuru #main-areas .contents .btn-area .button span:nth-child(2) {
              background-color: transparent;
              color: #fff;
              transform: rotateX(0deg);
              transform-origin: 50% 50% -28px; }
              #kurukuru #main-areas .contents .btn-area .button span:nth-child(2):before {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                filter: blur(5px);
                top: 0;
                left: 0; }
          #kurukuru #main-areas .contents .btn-area .button:hover span:nth-child(1) {
            transform: rotateX(0deg); }
          #kurukuru #main-areas .contents .btn-area .button:hover span:nth-child(2) {
            background-color: #fff;
            transform: rotateX(-90deg); }
  #kurukuru #sub-areas {
      max-width: 500px;
    width: 80%;
    margin: 0 auto;
    clear: both;
    padding-bottom: 30px; }
    #kurukuru #sub-areas .lineups li a {
      display: block;
      width: 21%;
      float: left;
      margin: 2% 2%;
      position: relative; }
      @media only screen and (max-width: 640px) {
        #kurukuru #sub-areas .lineups li a {
          width: 30%;
          margin: 1.5% 1.5%; } }
      #kurukuru #sub-areas .lineups li a img {
        width: 100%;
        height: auto; }
      #kurukuru #sub-areas .lineups li a:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: 0 solid #fff;
        transition: all .3s;
        box-sizing: border-box;
        background: rgba(120, 120, 120, 0.5) url("../../img/icon-zoom.png") no-repeat 50% 50%;
        background-size: 40%;
        opacity: 0; }
      #kurukuru #sub-areas .lineups li a:hover:after {
        border: 5px solid rgba(255, 255, 255, 0.8);
        background: rgba(120, 120, 120, 0.5) url("../../img/icon-zoom.png") no-repeat 50% 50%;
        background-size: 40%;
        opacity: 1; }

@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
  #kurukuru {
    width: 100%; } }
.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite; }

@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }
#fancybox-close {
  background: url("../../img/icon-close-w.png") no-repeat 0 0;
  background-size: 30px;
  right: -40px;
  top: 0;
  width: 30px;
  height: 30px; }
  #fancybox-close:hover {
    opacity: .7; }

#fancybox-left,
#fancybox-right {
  width: 50%; }
  #fancybox-left .fancy-ico,
  #fancybox-right .fancy-ico {
    display: block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    bottom: 377px;
    border: 1px solid #fff;
    transition: all .2s;
    color: #000;
    background: none; }
    #fancybox-left .fancy-ico:after,
    #fancybox-right .fancy-ico:after {
      content: "";
      width: 10px;
      height: 10px;
      position: absolute;
      top: 38%; }
    #fancybox-left .fancy-ico:hover,
    #fancybox-right .fancy-ico:hover {
      background: #fff; }

#fancybox-right {
  right: -100px; }
  #fancybox-right .fancy-ico:after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    right: 40%; }
  #fancybox-right .fancy-ico:hover {
    background: #fff;
    color: #111; }
    #fancybox-right .fancy-ico:hover:after {
      border-right: 3px solid #767676;
      border-top: 3px solid #767676; }
  @media only screen and (max-width: 640px) {
    #fancybox-right {
      right: -70px; } }

#fancybox-left {
  left: -100px; }
  #fancybox-left .fancy-ico:after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    border-left: 3px solid #fff;
    border-top: 3px solid #fff;
    left: 40%; }
  #fancybox-left .fancy-ico:hover {
    background: #fff;
    color: #111; }
    #fancybox-left .fancy-ico:hover:after {
      border-left: 3px solid #767676;
      border-top: 3px solid #767676; }
  @media only screen and (max-width: 640px) {
      /*
    #fancybox-left {
      left: -70px; }
      */
  }

/*
#fancybox-outer {
	border-radius: 10px;
	overflow: hidden;
}
*/
/*
body{
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
*/
/*
body {
    overflow: auto;
}
*/