/* Generated by less 2.5.1 */
@charset "UTF-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  -webkit-text-size-adjust: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.pc-none {
  display: none !important;
}
.sp-none {
  display: block;
}
img.pc-none {
  display: none !important;
}
img.sp-none {
  display: inline-block;
}
li {
  list-style: none;
}
html,
body {
  font-size: 12px;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #F4F4F4;
  overflow: hidden;
}
body {
  color: #000;
  background: url('../img/loader.gif') center center no-repeat;
  background-size: 34px 34px;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}
#s-contents {
  background: #F4F4F4;
}
#externalFlash {
  position: relative;
  z-index: 0;
}
#wrapper {
  position: absolute;
  margin: 0 auto;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  top: 0;
  bottom: 0;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  /*
  height: auto !important;
  height: 100%;
  min-height: 100%;*/
}
a {
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
a:hover {
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
  -ms-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease;
}
#header {
  padding: 21px;
  position: fixed;
  z-index: 2000;
  *zoom: 1;
}
#header:before,
#header:after {
  display: table;
  content: "";
}
#header:after {
  clear: both;
}
#header #nav_control {
  display: inline-block;
}
#header p.update {
  color: #727272;
  display: inline-block;
  margin-left: 8px;
}
#header p.update a {
  color: #727272;
  text-decoration: none;
}
#footer {
  width: 100%;
  position: fixed;
  z-index: 2000;
  padding: 15px 41px;
  bottom: 0;
  pointer-events: none;
}
#footer p#copyright {
  display: inline-block;
  width: 100%;
  text-align: right;
}
#footer p#copyright a {
  pointer-events: visible;
}
#control {
  position: fixed;
  z-index: 6000;
  width: 100%;
}
#control img {
  display: none;
}
#control #up {
  display: none;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -11px;
  cursor: pointer;
  height: 40px;
}
#control #down {
  display: none;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -11px;
  cursor: pointer;
  height: 40px;
}
#nav_control {
  cursor: pointer;
  position: relative;
  z-index: 120;
}
#nav_control:hover {
  opacity: 0.6;
}
#nav_target {
  position: fixed;
  overflow-y: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1500;
  width: 372px;
  min-height: 880px;
  background: url(../img/white.png);
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -ms-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  padding: 109px 20px 0 20px;
}
#nav_target.close {
  -webkit-transform: translate3d(-372px, 0, 0);
  -moz-transform: translate3d(-372px, 0, 0);
  -ms-transform: translate3d(-372px, 0, 0);
  -o-transform: translate3d(-372px, 0, 0);
  transform: translate3d(-372px, 0, 0);
  -webkit-transform: translate(-372px, 0);
  -moz-transform: translate(-372px, 0);
  -ms-transform: translate(-372px, 0);
  -o-transform: translate(-372px, 0);
  transform: translate(-372px, 0);
}
#nav_target.open {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  -o-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  -webkit-transform: translate(0px, 0);
  -moz-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  -o-transform: translate(0px, 0);
  transform: translate(0px, 0);
}
#nav_target nav ul {
  margin-bottom: 84px;
}
#nav_target nav ul.nav-select-02 {
  margin-bottom: 46px;
}
#nav_target nav li {
  line-height: 10px;
  margin-bottom: 36px;
}
#nav_target nav li.nav-txt-08 {
  overflow: hidden;
  display: block;
  -webkit-transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  -ms-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
  transition: height 0.4s ease;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
#nav_target nav li.nav-txt-08.close {
  height: 2.0em;
}
#nav_target nav li.nav-txt-08.open {
  height: 2.0em;
}
#nav_target nav li img {
  -webkit-transition: opacity 0s ease 0s;
  -moz-transition: opacity 0s ease 0s;
  -ms-transition: opacity 0s ease 0s;
  -o-transition: opacity 0s ease 0s;
  transition: opacity 0s ease 0s;
}
#nav_target nav li.disabled {
  opacity: 0.3;
}
#nav_target nav li.opaque img {
  -webkit-transition: opacity 0.4s ease 0s;
  -moz-transition: opacity 0.4s ease 0s;
  -ms-transition: opacity 0.4s ease 0s;
  -o-transition: opacity 0.4s ease 0s;
  transition: opacity 0.4s ease 0s;
  opacity: 0.3 !important;
}
#nav_target nav li.opaque li img {
  opacity: 1 !important;
}
#nav_target nav li a {
  display: block;
}
#nav_target nav li a:hover {
  opacity: 1;
}
#nav_target nav li ul {
  padding: 17px 0 0 20px;
  margin-bottom: 32px;
}
#nav_target nav.theme li img {
  opacity: 0.6;
}
#nav_target nav.theme li.nav-txt-01 img {
  opacity: 1;
}
#nav_target nav.creation li img {
  opacity: 0.6;
}
#nav_target nav.creation li.nav-txt-02 img {
  opacity: 1;
}
#nav_target nav.collection li img {
  opacity: 0.6;
}
#nav_target nav.collection li.nav-txt-03 img {
  opacity: 1;
}
#nav_target nav.release li img {
  opacity: 0.6;
}
#nav_target nav.release li.nav-txt-04 img {
  opacity: 1;
}
#nav_target nav.portrait li img {
  opacity: 0.6;
}
#nav_target nav.portrait li.nav-txt-04 img {
  opacity: 1;
}
#nav_target nav.venue li img {
  opacity: 0.6;
}
#nav_target nav.venue li.nav-txt-04 img {
  opacity: 1;
}
#nav_target nav.dates li img {
  opacity: 0.6;
}
#nav_target nav.dates li.nav-txt-04 img {
  opacity: 1;
}
#nav_target #sns {
  position: absolute;
  bottom: 20px;
}
#nav_target #sns li {
  display: inline-block;
  margin-right: 6px;
}
#nav_target #sound_box {
  position: absolute;
  bottom: 60px;
}
#nav_target #sound_box li {
  display: inline-block;
  margin-right: 6px;
}
#s-contents {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -ms-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
#s-contents.close {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#s-contents.open {
  -webkit-transform: translate3d(372px, 0, 0);
  -moz-transform: translate3d(372px, 0, 0);
  -ms-transform: translate3d(372px, 0, 0);
  -o-transform: translate3d(372px, 0, 0);
  transform: translate3d(372px, 0, 0);
  -webkit-transform: translate(372px, 0);
  -moz-transform: translate(372px, 0);
  -ms-transform: translate(372px, 0);
  -o-transform: translate(372px, 0);
  transform: translate(372px, 0);
}
#contents,
#contents2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -ms-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
#contents.close,
#contents2.close {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  -o-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  -webkit-transform: translate(0px, 0);
  -moz-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  -o-transform: translate(0px, 0);
  transform: translate(0px, 0);
}
#contents.open,
#contents2.open {
  -webkit-transform: translate3d(372px, 0, 0);
  -moz-transform: translate3d(372px, 0, 0);
  -ms-transform: translate3d(372px, 0, 0);
  -o-transform: translate3d(372px, 0, 0);
  transform: translate3d(372px, 0, 0);
  -webkit-transform: translate(372px, 0);
  -moz-transform: translate(372px, 0);
  -ms-transform: translate(372px, 0);
  -o-transform: translate(372px, 0);
  transform: translate(372px, 0);
}
.layout-container {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.transitionParam {
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.275, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.275, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.275, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.275, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.275, 1);
}
.layout-content {
  position: relative;
}
.layout-content .box {
  background: #FFF;
  position: relative;
  text-align: center;
  display: table;
  width: 100%;
  height: 100%;
}
.layout-content .box .inner {
  display: table-cell;
  vertical-align: middle;
}
a {
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
a:hover {
  opacity: 0.4;
  -webkit-transition: opacity 0s ease;
  -moz-transition: opacity 0s ease;
  -ms-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease;
}
#contents2 {
  position: fixed;
}
#contents-fixed {
  position: fixed;
  z-index: 20;
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -ms-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
#contents-fixed.layout-01 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#contents-fixed.layout-01 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
}
#contents-fixed.layout-02 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, -200%, 0);
  -moz-transform: translate3d(0, -200%, 0);
  -ms-transform: translate3d(0, -200%, 0);
  -o-transform: translate3d(0, -200%, 0);
  transform: translate3d(0, -200%, 0);
  -webkit-transform: translate(0, -200%);
  -moz-transform: translate(0, -200%);
  -ms-transform: translate(0, -200%);
  -o-transform: translate(0, -200%);
  transform: translate(0, -200%);
}
#contents-fixed.layout-03 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, -300%, 0);
  -moz-transform: translate3d(0, -300%, 0);
  -ms-transform: translate3d(0, -300%, 0);
  -o-transform: translate3d(0, -300%, 0);
  transform: translate3d(0, -300%, 0);
  -webkit-transform: translate(0, -300%);
  -moz-transform: translate(0, -300%);
  -ms-transform: translate(0, -300%);
  -o-transform: translate(0, -300%);
  transform: translate(0, -300%);
}
#contents-fixed.layout-04 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, -400%, 0);
  -moz-transform: translate3d(0, -400%, 0);
  -ms-transform: translate3d(0, -400%, 0);
  -o-transform: translate3d(0, -400%, 0);
  transform: translate3d(0, -400%, 0);
  -webkit-transform: translate(0, -400%);
  -moz-transform: translate(0, -400%);
  -ms-transform: translate(0, -400%);
  -o-transform: translate(0, -400%);
  transform: translate(0, -400%);
}
#contents-fixed.layout-05 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, -500%, 0);
  -moz-transform: translate3d(0, -500%, 0);
  -ms-transform: translate3d(0, -500%, 0);
  -o-transform: translate3d(0, -500%, 0);
  transform: translate3d(0, -500%, 0);
  -webkit-transform: translate(0, -500%);
  -moz-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  -o-transform: translate(0, -500%);
  transform: translate(0, -500%);
}
#contents-fixed.layout-06 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, -600%, 0);
  -moz-transform: translate3d(0, -600%, 0);
  -ms-transform: translate3d(0, -600%, 0);
  -o-transform: translate3d(0, -600%, 0);
  transform: translate3d(0, -600%, 0);
  -webkit-transform: translate(0, -600%);
  -moz-transform: translate(0, -600%);
  -ms-transform: translate(0, -600%);
  -o-transform: translate(0, -600%);
  transform: translate(0, -600%);
}
#contents-fixed.layout-07 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, -700%, 0);
  -moz-transform: translate3d(0, -700%, 0);
  -ms-transform: translate3d(0, -700%, 0);
  -o-transform: translate3d(0, -700%, 0);
  transform: translate3d(0, -700%, 0);
  -webkit-transform: translate(0, -700%);
  -moz-transform: translate(0, -700%);
  -ms-transform: translate(0, -700%);
  -o-transform: translate(0, -700%);
  transform: translate(0, -700%);
}
#contents-fixed.layout-08 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, -800%, 0);
  -moz-transform: translate3d(0, -800%, 0);
  -ms-transform: translate3d(0, -800%, 0);
  -o-transform: translate3d(0, -800%, 0);
  transform: translate3d(0, -800%, 0);
  -webkit-transform: translate(0, -800%);
  -moz-transform: translate(0, -800%);
  -ms-transform: translate(0, -800%);
  -o-transform: translate(0, -800%);
  transform: translate(0, -800%);
}
#contents-fixed.layout-09 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, -900%, 0);
  -moz-transform: translate3d(0, -900%, 0);
  -ms-transform: translate3d(0, -900%, 0);
  -o-transform: translate3d(0, -900%, 0);
  transform: translate3d(0, -900%, 0);
  -webkit-transform: translate(0, -900%);
  -moz-transform: translate(0, -900%);
  -ms-transform: translate(0, -900%);
  -o-transform: translate(0, -900%);
  transform: translate(0, -900%);
}
#contents-fixed.layout-10 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, -1000%, 0);
  -moz-transform: translate3d(0, -1000%, 0);
  -ms-transform: translate3d(0, -1000%, 0);
  -o-transform: translate3d(0, -1000%, 0);
  transform: translate3d(0, -1000%, 0);
  -webkit-transform: translate(0, -1000%);
  -moz-transform: translate(0, -1000%);
  -ms-transform: translate(0, -1000%);
  -o-transform: translate(0, -1000%);
  transform: translate(0, -1000%);
}
#contents-fixed.layout-11 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, -1100%, 0);
  -moz-transform: translate3d(0, -1100%, 0);
  -ms-transform: translate3d(0, -1100%, 0);
  -o-transform: translate3d(0, -1100%, 0);
  transform: translate3d(0, -1100%, 0);
  -webkit-transform: translate(0, -1100%);
  -moz-transform: translate(0, -1100%);
  -ms-transform: translate(0, -1100%);
  -o-transform: translate(0, -1100%);
  transform: translate(0, -1100%);
}
#contents-fixed.layout-12 {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transform: translate3d(0, -1200%, 0);
  -moz-transform: translate3d(0, -1200%, 0);
  -ms-transform: translate3d(0, -1200%, 0);
  -o-transform: translate3d(0, -1200%, 0);
  transform: translate3d(0, -1200%, 0);
  -webkit-transform: translate(0, -1200%);
  -moz-transform: translate(0, -1200%);
  -ms-transform: translate(0, -1200%);
  -o-transform: translate(0, -1200%);
  transform: translate(0, -1200%);
}
#contents-fixed .layout-content {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#contents-fixed .box {
  background: #FFF;
  position: absolute;
  z-index: 10;
}
#contents-fixed .box.slide {
  z-index: 0;
}
#contents-fixed .box.no_anim {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
#contents-fixed .box.in {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -ms-transition: -ms-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
#contents-fixed .box.in .inner {
  -webkit-transition: opacity 1s ease 0.22s;
  -moz-transition: opacity 1s ease 0.22s;
  -ms-transition: opacity 1s ease 0.22s;
  -o-transition: opacity 1s ease 0.22s;
  transition: opacity 1s ease 0.22s;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
}
#contents-fixed .box.in_r {
  -webkit-transition: opacity 0.6s ease, -webkit-transform 1s ease-in-out;
  -moz-transition: opacity 0.6s ease, -moz-transform 1s ease-in-out;
  -ms-transition: opacity 0.6s ease, -ms-transform 1s ease-in-out;
  -o-transition: opacity 0.6s ease, -o-transform 1s ease-in-out;
  transition: opacity 0.6s ease, transform 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
#contents-fixed .box.in_r .inner {
  -webkit-transition: opacity 1s ease 0.22s;
  -moz-transition: opacity 1s ease 0.22s;
  -ms-transition: opacity 1s ease 0.22s;
  -o-transition: opacity 1s ease 0.22s;
  transition: opacity 1s ease 0.22s;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
}
#contents-fixed .box.in2 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -ms-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
  -ms-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -o-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  opacity: 1 !important;
  bottom: 0;
}
#contents-fixed .box.in2 .inner {
  bottom: 0px;
}
#contents-fixed .box.in2_r {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -ms-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
  -ms-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -o-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  opacity: 1 !important;
}
#contents-fixed .box.in2_r .inner {
  top: -80px;
  opacity: 1 !important;
}
#contents-fixed .box.out {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  opacity: 1 !important;
}
#contents-fixed .box.out .inner {
  top: 0;
  opacity: 1 !important;
}
#contents-fixed .box.out_r {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  opacity: 1 !important;
}
#contents-fixed .box.out_r .inner {
  top: 0;
  opacity: 1 !important;
}
#contents-fixed .box.out2 {
  -webkit-transition: height 1s ease-out;
  -moz-transition: height 1s ease-out;
  -ms-transition: height 1s ease-out;
  -o-transition: height 1s ease-out;
  transition: height 1s ease-out;
  -ms-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -o-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  height: 0px !important;
  opacity: 1 !important;
}
#contents-fixed .box.out2 .inner {
  top: -80px;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#contents-fixed .box.out2_r {
  -webkit-transition: height 1s ease-out;
  -moz-transition: height 1s ease-out;
  -ms-transition: height 1s ease-out;
  -o-transition: height 1s ease-out;
  transition: height 1s ease-out;
  -ms-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -o-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  bottom: 0;
}
#contents-fixed .box.out2_r .inner {
  bottom: 0px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 1s ease;
  -moz-transition: 1s ease;
  -ms-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
#contents-fixed.close {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#contents-fixed.open {
  -webkit-transform: translate3d(186px, 0, 0);
  -moz-transform: translate3d(186px, 0, 0);
  -ms-transform: translate3d(186px, 0, 0);
  -o-transform: translate3d(186px, 0, 0);
  transform: translate3d(186px, 0, 0);
  -webkit-transform: translate(186px, 0);
  -moz-transform: translate(186px, 0);
  -ms-transform: translate(186px, 0);
  -o-transform: translate(186px, 0);
  transform: translate(186px, 0);
}
#contents-fixed .layout-content-00 {
  display: block;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#contents-fixed .layout-content-01 {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
#contents-fixed .layout-content-02 {
  -webkit-transform: translate3d(0, 200%, 0);
  -moz-transform: translate3d(0, 200%, 0);
  -ms-transform: translate3d(0, 200%, 0);
  -o-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
  -webkit-transform: translate(0, 200%);
  -moz-transform: translate(0, 200%);
  -ms-transform: translate(0, 200%);
  -o-transform: translate(0, 200%);
  transform: translate(0, 200%);
}
#contents-fixed .layout-content-03 {
  -webkit-transform: translate3d(0, 300%, 0);
  -moz-transform: translate3d(0, 300%, 0);
  -ms-transform: translate3d(0, 300%, 0);
  -o-transform: translate3d(0, 300%, 0);
  transform: translate3d(0, 300%, 0);
  -webkit-transform: translate(0, 300%);
  -moz-transform: translate(0, 300%);
  -ms-transform: translate(0, 300%);
  -o-transform: translate(0, 300%);
  transform: translate(0, 300%);
}
#contents-fixed .layout-content-04 {
  -webkit-transform: translate3d(0, 400%, 0);
  -moz-transform: translate3d(0, 400%, 0);
  -ms-transform: translate3d(0, 400%, 0);
  -o-transform: translate3d(0, 400%, 0);
  transform: translate3d(0, 400%, 0);
  -webkit-transform: translate(0, 400%);
  -moz-transform: translate(0, 400%);
  -ms-transform: translate(0, 400%);
  -o-transform: translate(0, 400%);
  transform: translate(0, 400%);
}
#contents-fixed .layout-content-05 {
  -webkit-transform: translate3d(0, 500%, 0);
  -moz-transform: translate3d(0, 500%, 0);
  -ms-transform: translate3d(0, 500%, 0);
  -o-transform: translate3d(0, 500%, 0);
  transform: translate3d(0, 500%, 0);
  -webkit-transform: translate(0, 500%);
  -moz-transform: translate(0, 500%);
  -ms-transform: translate(0, 500%);
  -o-transform: translate(0, 500%);
  transform: translate(0, 500%);
}
#contents-fixed .layout-content-06 {
  -webkit-transform: translate3d(0, 600%, 0);
  -moz-transform: translate3d(0, 600%, 0);
  -ms-transform: translate3d(0, 600%, 0);
  -o-transform: translate3d(0, 600%, 0);
  transform: translate3d(0, 600%, 0);
  -webkit-transform: translate(0, 600%);
  -moz-transform: translate(0, 600%);
  -ms-transform: translate(0, 600%);
  -o-transform: translate(0, 600%);
  transform: translate(0, 600%);
}
#contents-fixed .layout-content-07 {
  -webkit-transform: translate3d(0, 700%, 0);
  -moz-transform: translate3d(0, 700%, 0);
  -ms-transform: translate3d(0, 700%, 0);
  -o-transform: translate3d(0, 700%, 0);
  transform: translate3d(0, 700%, 0);
  -webkit-transform: translate(0, 700%);
  -moz-transform: translate(0, 700%);
  -ms-transform: translate(0, 700%);
  -o-transform: translate(0, 700%);
  transform: translate(0, 700%);
}
#contents-fixed .layout-content-08 {
  -webkit-transform: translate3d(0, 800%, 0);
  -moz-transform: translate3d(0, 800%, 0);
  -ms-transform: translate3d(0, 800%, 0);
  -o-transform: translate3d(0, 800%, 0);
  transform: translate3d(0, 800%, 0);
  -webkit-transform: translate(0, 800%);
  -moz-transform: translate(0, 800%);
  -ms-transform: translate(0, 800%);
  -o-transform: translate(0, 800%);
  transform: translate(0, 800%);
}
#contents-fixed .layout-content-09 {
  -webkit-transform: translate3d(0, 900%, 0);
  -moz-transform: translate3d(0, 900%, 0);
  -ms-transform: translate3d(0, 900%, 0);
  -o-transform: translate3d(0, 900%, 0);
  transform: translate3d(0, 900%, 0);
  -webkit-transform: translate(0, 900%);
  -moz-transform: translate(0, 900%);
  -ms-transform: translate(0, 900%);
  -o-transform: translate(0, 900%);
  transform: translate(0, 900%);
}
#contents-fixed .layout-content-10 {
  -webkit-transform: translate3d(0, 1000%, 0);
  -moz-transform: translate3d(0, 1000%, 0);
  -ms-transform: translate3d(0, 1000%, 0);
  -o-transform: translate3d(0, 1000%, 0);
  transform: translate3d(0, 1000%, 0);
  -webkit-transform: translate(0, 1000%);
  -moz-transform: translate(0, 1000%);
  -ms-transform: translate(0, 1000%);
  -o-transform: translate(0, 1000%);
  transform: translate(0, 1000%);
}
#contents-fixed .layout-content-11 {
  -webkit-transform: translate3d(0, 1100%, 0);
  -moz-transform: translate3d(0, 1100%, 0);
  -ms-transform: translate3d(0, 1100%, 0);
  -o-transform: translate3d(0, 1100%, 0);
  transform: translate3d(0, 1100%, 0);
  -webkit-transform: translate(0, 1100%);
  -moz-transform: translate(0, 1100%);
  -ms-transform: translate(0, 1100%);
  -o-transform: translate(0, 1100%);
  transform: translate(0, 1100%);
}
#contents-fixed .layout-content-12 {
  -webkit-transform: translate3d(0, 1200%, 0);
  -moz-transform: translate3d(0, 1200%, 0);
  -ms-transform: translate3d(0, 1200%, 0);
  -o-transform: translate3d(0, 1200%, 0);
  transform: translate3d(0, 1200%, 0);
  -webkit-transform: translate(0, 1200%);
  -moz-transform: translate(0, 1200%);
  -ms-transform: translate(0, 1200%);
  -o-transform: translate(0, 1200%);
  transform: translate(0, 1200%);
}
#contents-fixed {
  /**/
}
#contents-fixed .layout-content {
  z-index: 15;
}
#contents-fixed .theme {
  z-index: 8;
}
#contents-fixed .venue {
  z-index: 7;
}
#contents-fixed .box {
  z-index: 10;
}
#contents-fixed .slide .inner {
  position: absolute;
}
#contents-fixed .intro .box-01 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
#contents-fixed .intro .box-01.in {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -ms-transition: -ms-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  opacity: 1 !important;
}
#contents-fixed .intro .box-01.in2 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 1s ease-out;
  -moz-transition: 1s ease-out;
  -ms-transition: 1s ease-out;
  -o-transition: 1s ease-out;
  transition: 1s ease-out;
  -ms-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -o-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  opacity: 1 !important;
}
#contents-fixed .intro .box-01.in_r {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -ms-transition: -ms-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  opacity: 1 !important;
}
#contents-fixed .intro .box-01.out {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  transform: translate(0, -100%);
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  opacity: 1 !important;
}
#contents-fixed .intro .box-01.out_r {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -ms-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -ms-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  opacity: 1 !important;
}
#contents-fixed .intro .box-01.out2 {
  -webkit-transition: height 1s ease-out;
  -moz-transition: height 1s ease-out;
  -ms-transition: height 1s ease-out;
  -o-transition: height 1s ease-out;
  transition: height 1s ease-out;
  -ms-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -o-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  height: 0;
  opacity: 0 !important;
}
#contents-fixed .intro .box-01.out2_r {
  -webkit-transition: height 1s ease-out;
  -moz-transition: height 1s ease-out;
  -ms-transition: height 1s ease-out;
  -o-transition: height 1s ease-out;
  transition: height 1s ease-out;
  -ms-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -moz-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -o-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  transition-timing-function: cubic-bezier(0, 0.66, 0, 1);
  opacity: 0 !important;
}
.outro .box .ttl {
  padding-top: 110px;
  margin-bottom: 140px;
}
.outro .body {
  position: absolute;
  bottom: 110px;
  text-align: center;
  width: 100%;
}
/*
  intro
  ------------------ */
.intro .slide,
#s-contents .slide {
  overflow: hidden;
  display: block;
}
.intro .slide .inner,
#s-contents .slide .inner {
  position: static;
  width: 100%;
  background-position: center;
  background-size: cover;
}
.intro .slide-01,
#s-contents .slide-01 {
  z-index: 5 !important;
}
.intro .slide-01 .inner.bg,
#s-contents .slide-01 .inner.bg {
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: center;
  background-color: #f4f4f4;
}
.intro .slide-01 .box,
#s-contents .slide-01 .box {
  background: none;
}
.intro .slide-02,
#s-contents .slide-02 {
  z-index: 1 !important;
}
.intro .slide-02 .inner.bg,
#s-contents .slide-02 .inner.bg {
  background-image: url(../img/photo/img_001.jpg);
}
.intro .slide-03,
#s-contents .slide-03 {
  z-index: 2 !important;
}
.intro .slide-03 .inner.bg,
#s-contents .slide-03 .inner.bg {
  background-image: url(../img/photo/img_002.jpg);
}
.intro .slide-04,
#s-contents .slide-04 {
  z-index: 3 !important;
}
.intro .slide-04 .inner.bg,
#s-contents .slide-04 .inner.bg {
  background-image: url(../img/photo/img_003.jpg);
}
.intro .slide-05,
#s-contents .slide-05 {
  z-index: 4 !important;
}
.intro .slide-05 .inner.bg,
#s-contents .slide-05 .inner.bg {
  background-image: url(../img/photo/img_004.jpg);
}
.intro .slide-01 .article,
#s-contents .slide-01 .article {
  position: absolute;
  top: 61%;
  left: 43.5%;
}
.intro .slide-01 .box-01 .article,
#s-contents .slide-01 .box-01 .article {
  top: 44%;
}
.intro .slide-01 .box-01 .article .ttl,
#s-contents .slide-01 .box-01 .article .ttl {
  margin-bottom: 98px;
}
.intro .slide-02 .article,
#s-contents .slide-02 .article {
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 50%;
  margin-left: -185px;
}
.intro .slide-02 .ttl,
#s-contents .slide-02 .ttl {
  margin-bottom: 57px;
}
.intro .slide-02 .ttl h2,
#s-contents .slide-02 .ttl h2 {
  margin-bottom: 48px;
}
#s-contents .inner.bg {
  position: absolute;
}
.slide-01 .inner.bg.ptnA {
  background-image: url(../img/photo/intro_001.jpg);
}
.slide-01 .inner.bg.ptnB {
  background-image: url(../img/photo/intro_002.jpg);
}
/*
  theme
  ------------------ */
.theme {
  z-index: 0;
}
.theme .article {
  text-align: left;
  padding: 140px 0 0 55px;
  margin: 0 auto;
  width: 610px;
}
.theme .article01 .ttl,
.theme .article01 .body {
  margin: 0 auto;
  text-align: left;
}
.theme .article01 h1 {
  height: 15px;
  line-height: 15px;
  margin-bottom: 12px;
  padding-left: 10px;
}
.theme .article01 li {
  line-height: 14px;
  margin-bottom: 10px;
}
.theme .article02 {
  padding-top: 200px;
  /*
      padding-left: 68px;
      padding-top: 160px;
      padding-bottom: 160px;
      vertical-align: top;
      */
}
.theme .article02 .ttl,
.theme .article02 .body {
  margin: 0 auto;
  text-align: left;
}
.theme .article02 h2 {
  height: 15px;
  line-height: 15px;
  margin-bottom: 69px;
}
.theme .article03 {
  padding-top: 260px;
  padding-bottom: 140px;
}
.theme .article03 .ttl,
.theme .article03 .body {
  margin: 0 auto;
  text-align: left;
}
.theme .article03 .ttl {
  margin-bottom: 43px;
}
.theme .article03 li {
  margin-bottom: 25px;
}
.theme .article03 li a:hover {
  opacity: inherit;
}
.theme .article03 li a.opaque {
  opacity: 0.3;
}
.creation .inner,
.collection .inner,
.release .inner,
.portrait .inner,
.venue .inner,
.books .inner {
  padding: 140px 0;
  display: block !important;
  text-align: left;
}
.creation .ttl,
.collection .ttl,
.release .ttl,
.portrait .ttl,
.venue .ttl,
.books .ttl,
.creation .body,
.collection .body,
.release .body,
.portrait .body,
.venue .body,
.books .body {
  margin: 0 auto;
  text-align: left;
}
.creation .ttl,
.collection .ttl,
.release .ttl,
.portrait .ttl,
.venue .ttl,
.books .ttl {
  margin-bottom: 74px;
}
.creation .ttl h1,
.collection .ttl h1,
.release .ttl h1,
.portrait .ttl h1,
.venue .ttl h1,
.books .ttl h1 {
  width: 980px;
  padding: 0 0 0 230px;
  margin: 0 auto;
}
.creation .bodyTxt01,
.collection .bodyTxt01,
.release .bodyTxt01,
.portrait .bodyTxt01,
.venue .bodyTxt01,
.books .bodyTxt01 {
  width: 980px;
  padding: 0 0 0 230px;
  margin: 0 auto;
  margin-bottom: 90px;
}
.creation .bodyTxt02,
.collection .bodyTxt02,
.release .bodyTxt02,
.portrait .bodyTxt02,
.venue .bodyTxt02,
.books .bodyTxt02 {
  width: 980px;
  padding: 0 0 0 230px;
  margin: 0 auto;
  margin-bottom: 90px;
}
.creation .bodyContent,
.collection .bodyContent,
.release .bodyContent,
.portrait .bodyContent,
.venue .bodyContent,
.books .bodyContent {
  width: 980px;
  padding: 0 0 0 230px;
  margin: 0 auto;
}
.creation .carousel,
.collection .carousel,
.release .carousel,
.portrait .carousel,
.venue .carousel,
.books .carousel {
  margin-bottom: 75px;
}
.creation .bodyList01,
.collection .bodyList01,
.release .bodyList01,
.portrait .bodyList01,
.venue .bodyList01,
.books .bodyList01 {
  width: 980px;
  padding: 0 0 0 230px;
  margin: 0 auto;
}
.creation .bodyList01 ul li,
.collection .bodyList01 ul li,
.release .bodyList01 ul li,
.portrait .bodyList01 ul li,
.venue .bodyList01 ul li,
.books .bodyList01 ul li {
  margin-bottom: 9px;
  white-space: nowrap;
}
.creation .bodyList01 ul li span,
.collection .bodyList01 ul li span,
.release .bodyList01 ul li span,
.portrait .bodyList01 ul li span,
.venue .bodyList01 ul li span,
.books .bodyList01 ul li span {
  display: inline-block;
  margin-left: 5px;
}
.creation .bodyList01 > ul > li {
  display: block;
  overflow: hidden;
  height: 25px;
  -webkit-transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  -ms-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
  transition: height 0.4s ease;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
}
.creation .bodyList01 > ul > li > div > p {
  cursor: pointer;
}
.creation .bodyList01 > ul > li > div > p > a:hover {
  opacity: inherit;
}
.creation .bodyList01 > ul > li.opaque > div > p {
  opacity: 0.3;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.creation .bodyList01 > ul > li span {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
}
.creation .bodyList01 > ul > li aside.profile {
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.2s;
  -moz-transition: opacity 1s ease 0.2s;
  -ms-transition: opacity 1s ease 0.2s;
  -o-transition: opacity 1s ease 0.2s;
  transition: opacity 1s ease 0.2s;
}
.creation .bodyList01 > ul > li.open span {
  opacity: 0;
}
.creation .bodyList01 > ul > li.open > div > p {
  opacity: 1 !important;
}
.creation .bodyList01 > ul > li.open aside.profile {
  opacity: 1;
}
.release .bodyList01 {
  padding-bottom: 70px;
}
.release .bodyList01 li {
  margin-bottom: 20px !important;
}
.release .bodyList01 li a {
  margin-left: 10px;
}
.release .carousel {
  /*
    ul {
      height: 541px;
    }*/
  width: 980px;
  padding: 0 0 0 230px;
  margin: 0 auto;
  padding-left: 0;
  margin-bottom: 80px;
}
.release .carousel ul {
  margin: 0 auto;
}
.release .carousel .progressContainer {
  padding-right: 0 !important;
}
.portrait .bodyList01 {
  padding-bottom: 80px;
}
.portrait .bodyList01 ul {
  display: block;
  width: 400px;
}
.portrait .bodyList01 li {
  display: inline-block;
  width: 200px;
  margin-bottom: 17px !important;
}
.portrait .bodyList01 li a:hover {
  opacity: inherit;
}
.portrait .bodyList01 li a.opaque {
  opacity: 0.3;
}
.portrait .carousel {
  /*
    ul {
      height: 541px;
    }*/
  width: 980px;
  padding: 0 0 0 230px;
  margin: 0 auto;
  padding-left: 0;
  margin-bottom: 80px;
}
.portrait .carousel ul {
  margin: 0 auto;
}
.portrait .carousel .progressContainer {
  padding-right: 0 !important;
}
#s-contents {
  position: fixed;
  z-index: 1;
}
.intro .slide-01 .inner .box,
#s-contents .slide-01 .inner .box {
  opacity: 0;
}
.intro .slide-01 .inner.bg,
#s-contents .slide-01 .inner.bg {
  opacity: 0;
}
.intro .slide-01 .inner.pre-show1 .box,
#s-contents .slide-01 .inner.pre-show1 .box {
  -webkit-transform: translate3d(210px, 0, 0);
  -moz-transform: translate3d(210px, 0, 0);
  -ms-transform: translate3d(210px, 0, 0);
  -o-transform: translate3d(210px, 0, 0);
  transform: translate3d(210px, 0, 0);
  -webkit-transform: translate(210px, 0);
  -moz-transform: translate(210px, 0);
  -ms-transform: translate(210px, 0);
  -o-transform: translate(210px, 0);
  transform: translate(210px, 0);
}
.intro .slide-01 .inner.pre-show1.bg,
#s-contents .slide-01 .inner.pre-show1.bg {
  -webkit-transform: translate3d(140px, 0, 0);
  -moz-transform: translate3d(140px, 0, 0);
  -ms-transform: translate3d(140px, 0, 0);
  -o-transform: translate3d(140px, 0, 0);
  transform: translate3d(140px, 0, 0);
  -webkit-transform: translate(140px, 0);
  -moz-transform: translate(140px, 0);
  -ms-transform: translate(140px, 0);
  -o-transform: translate(140px, 0);
  transform: translate(140px, 0);
}
.intro .slide-01 .inner.pre-show2 .box,
#s-contents .slide-01 .inner.pre-show2 .box {
  -webkit-transform: translate3d(0, 360px, 0);
  -moz-transform: translate3d(0, 360px, 0);
  -ms-transform: translate3d(0, 360px, 0);
  -o-transform: translate3d(0, 360px, 0);
  transform: translate3d(0, 360px, 0);
  -webkit-transform: translate(0, 360px);
  -moz-transform: translate(0, 360px);
  -ms-transform: translate(0, 360px);
  -o-transform: translate(0, 360px);
  transform: translate(0, 360px);
}
.intro .slide-01 .inner.pre-show2.bg,
#s-contents .slide-01 .inner.pre-show2.bg {
  -webkit-transform: translate3d(0, 240px, 0);
  -moz-transform: translate3d(0, 240px, 0);
  -ms-transform: translate3d(0, 240px, 0);
  -o-transform: translate3d(0, 240px, 0);
  transform: translate3d(0, 240px, 0);
  -webkit-transform: translate(0, 240px);
  -moz-transform: translate(0, 240px);
  -ms-transform: translate(0, 240px);
  -o-transform: translate(0, 240px);
  transform: translate(0, 240px);
}
.intro .slide-01 .inner.show1 .box,
#s-contents .slide-01 .inner.show1 .box {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 3s ease-in-out, opacity 1s 1.9s ease-out;
  -moz-transition: -moz-transform 3s ease-in-out, opacity 1s 1.9s ease-out;
  -ms-transition: -ms-transform 3s ease-in-out, opacity 1s 1.9s ease-out;
  -o-transition: -o-transform 3s ease-in-out, opacity 1s 1.9s ease-out;
  transition: transform 3s ease-in-out, opacity 1s 1.9s ease-out;
}
.intro .slide-01 .inner.show1.bg,
#s-contents .slide-01 .inner.show1.bg {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 3s ease-in-out, opacity 3.5s ease-out;
  -moz-transition: -moz-transform 3s ease-in-out, opacity 3.5s ease-out;
  -ms-transition: -ms-transform 3s ease-in-out, opacity 3.5s ease-out;
  -o-transition: -o-transform 3s ease-in-out, opacity 3.5s ease-out;
  transition: transform 3s ease-in-out, opacity 3.5s ease-out;
}
.intro .slide .inner,
#s-contents .slide .inner {
  position: absolute;
}
/*
.body-animation {
  opacity: 0;
  .transition(opacity 0.6s ease);
  .transition-timing-function(cubic-bezier(0.770, 0, 0.370, 0.925));

  &.show {
    opacity: 1 !important;
  }
}*/
.venue .ttl {
  width: 980px;
  padding: 0 0 0 230px;
  margin: 0 auto;
  margin-bottom: 54px;
}
.venue .ttl h1 {
  float: left;
  padding: 0;
  width: 264px;
}
.venue .ttl p {
  float: left;
  padding: 5px 0 0 80px;
}
.venue .carousel {
  width: 980px;
  padding: 0 0 0 230px;
  margin: 0 auto;
  padding-left: 0;
  margin-bottom: 116px;
}
.venue .carousel ul {
  margin: 0 auto;
}
.venue .carousel .progressContainer {
  padding-right: 0 !important;
}
.release .profile a {
  position: absolute;
  top: 94px;
  left: 67px;
}
.creation .profile.p04 a {
  position: absolute;
  top: 74px;
  left: 167px;
}
.creation .profile.p14 a {
  position: absolute;
  top: 112px;
  left: 88px;
}
.creation .profile.p15 a {
  position: absolute;
  top: 112px;
  left: 335px;
}
.dates .box .inner {
  padding-top: 80px;
  padding-bottom: 140px;
  padding-left: 30px;
}
.dates .box .ttl,
.dates .box .body {
  width: 980px;
  margin: 0 auto;
  text-align: left;
  vertical-align: bottom;
  padding-left: 210px;
}
.dates .box .ttl {
  width: 980px;
  padding-left: 310px;
  margin-bottom: 43px;
}
.dates .box .tokyo {
  margin-top: 60px;
}
.dates .box .tokyo h3 {
  margin-bottom: 30px;
}
.dates .box dl img.address {
  margin-top: 10px;
}
.dates .box dl dt {
  width: 100px;
  float: left;
}
.dates .box dl dt img {
  vertical-align: bottom;
}
.dates .box dl dt.bodyListTtl01 {
  line-height: 16px;
}
.dates .box dl dt.bodyListTtl02 {
  line-height: 26px;
}
.dates .box dl dt.bodyListTtl02.bodyListTtl02-1 {
  line-height: 16px;
}
.dates .box dl dt.bodyListTtl03 {
  line-height: 1;
}
.dates .box dl dt.bodyListTtl04 {
  line-height: 1.8;
}
.dates .box dl dd {
  margin-left: 100px;
  margin-bottom: 18px;
}
.dates .box dl dd a.btn {
  display: inline-block;
  margin-top: 18px;
}
.dates .box dl dd a.btn01 {
  margin-right: 10px;
}
.dates .box dl dd.bodyListBody02 {
  padding-top: 2px;
}
.dates .box dl dd.bodyListBody04 {
  line-height: 2.5;
}
.books {
  /*
  .ttl {
    margin-bottom: 35px;
  }*/
}
.books .ttl {
  width: 980px;
  padding: 0 0 0 230px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.books .ttl h1 {
  float: left;
  padding: 0;
  width: 96px;
}
.books .ttl p {
  float: left;
  padding: 0px 0 0 120px;
  width: auto;
}
.books p span {
  margin-bottom: 5px;
  display: inline-block;
}
.books .bodyTxt01 {
  margin-bottom: 50px;
}
.books p.bodyTxt02 a.btn {
  display: block;
  width: 212px;
  height: 29px;
  margin-top: 20px;
}
.books .carousel {
  width: 980px;
  padding: 0 0 0 230px;
  margin: 0 auto;
  margin-bottom: 66px;
  padding-left: 0;
}
.books .carousel ul {
  margin: 0 auto;
}
.books .carousel .progressContainer {
  padding-right: 0 !important;
}
.profile {
  padding: 50px 0;
}
.profile figure {
  *zoom: 1;
}
.profile figure:before,
.profile figure:after {
  display: table;
  content: "";
}
.profile figure:after {
  clear: both;
}
.profile figure ul {
  margin-top: 30px;
  margin-left: 100px;
}
.profile figure ul li {
  display: inline-block;
  margin-left: 20px;
}
.profile figure figcaption {
  margin-top: 5px;
}
.profile figure figcaption.profileTxt {
  position: relative;
  margin-left: 120px;
  margin-top: 0px;
}
.profile figure figcaption.profileTxt figure img {
  vertical-align: top;
}
.profile .profileImg {
  float: left;
  margin-right: 25px;
}
.profile figcaption {
  display: block;
}
.carousel ul {
  overflow: hidden;
  position: relative;
}
.carousel ul li {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 0px;
}
.carousel ul li.anim {
  -webkit-transition: width 1s ease;
  -moz-transition: width 1s ease;
  -ms-transition: width 1s ease;
  -o-transition: width 1s ease;
  transition: width 1s ease;
  -ms-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.carousel ul li img {
  width: 100%;
  height: auto;
}
.carousel .progressContainer {
  padding-right: 21px;
  padding-top: 15px;
  text-align: right;
}
.carousel a.progress {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  border-radius: 2.5px;
  background: #CCC;
  text-indent: -9999px;
  display: inline-block;
  margin-left: 5px;
}
.carousel a.progress.current {
  background: #666;
}
.carousel a.progress.current:hover {
  opacity: 1;
}
.events .bodyTxt01 {
  padding-left: 85px;
}
.events .bodyTxt01 span {
  display: block;
}
.events .bodyTxt01 .spanTxt01 {
  margin-bottom: 20px;
}
.session .btn {
  margin-left: 10px;
}
.session .inner {
  display: block !important;
  text-align: left;
  width: 980px;
  padding: 0 0 0 230px;
  padding: 140px 0;
  margin: 0 auto;
  padding-left: 200px;
  padding-left: 240px;
}
.session .ttl {
  margin-bottom: 85px;
}
.session .bodyTxt01 {
  margin-bottom: 57px;
}
.session table th {
  vertical-align: top;
}
.session table td {
  vertical-align: top;
}
.session .date {
  padding-top: 4px;
  width: 80px;
  text-align: right;
  padding-right: 12px;
  padding-bottom: 20px;
}
.session .time {
  width: 105px;
  line-height: 15px;
  padding-top: 6px;
  padding-bottom: 26px;
}
.session .people {
  width: 440px;
  padding-top: 5px;
  padding-bottom: 26px;
}
.session .people a {
  vertical-align: top;
  display: block;
  line-height: 15px;
}
.session .people a span {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  line-height: 15px;
  margin-left: 9px;
  margin-right: 20px;
}
.session .people a:hover span {
  -webkit-transition: 0s ease-out;
  -moz-transition: 0s ease-out;
  -ms-transition: 0s ease-out;
  -o-transition: 0s ease-out;
  transition: 0s ease-out;
  margin-left: 19px !important;
  margin-right: 10px !important;
}
.session .people.people01 span img,
.session .people.people02 span img,
.session .people.people05 span img,
.session .people.people06 span img,
.session .people.people07 span img,
.session .people.people08 span img,
.session .people.people09 span img,
.session .people.people10 span img,
.session .people.people13 span img,
.session .people.people14 span img,
.session .people.people15 span img {
  margin-top: 2px;
}
.session .people.people11 span img,
.session .people.people12 span img {
  margin-top: 3px;
}
.session .people.people08 span img {
  margin-top: -15px;
}
.session #events li {
  position: relative;
  margin-bottom: 60px;
}
.session #events li a {
  position: absolute;
  top: 215px;
  left: 104px;
}
.session #report {
  /*
    .entry-head a img {
      .opacity(100);
    }*/
}
.session #report .carousel ul li.anim {
  -webkit-transition: width 1.2s ease;
  -moz-transition: width 1.2s ease;
  -ms-transition: width 1.2s ease;
  -o-transition: width 1.2s ease;
  transition: width 1.2s ease;
}
.session #report .ttl {
  margin-bottom: 60px;
}
.session #report .ttl h2 {
  margin: 86px 0 0 110px;
}
.session #report .entry-head.disabled {
  opacity: 0.2 !important;
}
.session #report .entry-head a {
  display: inline-block;
  width: 610px;
}
.session #report .carousel {
  margin-bottom: 30px;
}
.session #report .carousel .progressContainer {
  width: 610px;
  padding: 0;
  margin: 0;
}
.session #report .carousel ul {
  height: 290px;
  padding: 0;
}
.session #report .carousel ul li {
  list-style: none;
}
.session #report .carousel ul li img {
  width: auto;
}
.session #report .bodyList01 ul li {
  margin-bottom: 30px;
}
.session #report .bodyList01 > ul > li {
  display: block;
  overflow: hidden;
  height: 30px;
  -webkit-transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  -ms-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
  transition: height 0.4s ease;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
}
.session #report .bodyList01 > ul > li a:hover {
  opacity: inherit;
}
.session #report .bodyList01 > ul > li a.opaque {
  opacity: 0.3;
}
.session #report .bodyList01 > ul > li.open a {
  opacity: 1 !important;
}
.session #report .bodyList01 > ul > li p > a {
  cursor: pointer;
}
.session #report .bodyList01 > ul > li span {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
}
.session #report .bodyList01 > ul > li div.entry {
  padding-top: 30px;
  padding-bottom: 30px;
  opacity: 0;
  -webkit-transition: opacity 1s ease 0.2s;
  -moz-transition: opacity 1s ease 0.2s;
  -ms-transition: opacity 1s ease 0.2s;
  -o-transition: opacity 1s ease 0.2s;
  transition: opacity 1s ease 0.2s;
}
.session #report .bodyList01 > ul > li.open span {
  opacity: 0;
}
.session #report .bodyList01 > ul > li.open div.entry {
  opacity: 1;
}
.news .inner {
  display: block !important;
  text-align: left;
  width: 980px;
  padding: 0 0 0 230px;
  padding: 140px 0;
  margin: 0 auto;
  padding-left: 240px;
}
.news {
  font-size: 14px;
}
.news .entry {
  *zoom: 1;
  margin-bottom: 80px;
}
.news .entry:before,
.news .entry:after {
  display: table;
  content: "";
}
.news .entry:after {
  clear: both;
}
.news .entry * {
  font-size: 12px;
  line-height: 1.8em;
}
.news .entry header.entry-date {
  padding-top: 3px;
  color: #bfb6b4;
  width: 100px;
}
.news .entry header.entry-date p {
  font-size: 12px;
}
.news .entry div.entry-body {
  float: left;
  line-height: 1.8em;
}
.news .entry div.entry-body h1 {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 14px;
}
.news .entry div.entry-body p {
  width: 556px;
}
.news .entry div.entry-body img,
.news .entry div.entry-body p,
.news .entry div.entry-body ul {
  margin-bottom: 20px;
}
.news .entry ul {
  padding: 0 0 0 18px;
}
.news .entry li {
  list-style-type: disc;
}
#report {
  font-size: 14px;
}
#report .entry {
  *zoom: 1;
  margin-bottom: 80px;
}
#report .entry:before,
#report .entry:after {
  display: table;
  content: "";
}
#report .entry:after {
  clear: both;
}
#report .entry * {
  font-size: 12px;
  line-height: 1.8em;
}
#report .entry header.entry-date {
  padding-top: 3px;
  float: left;
  color: #bfb6b4;
  width: 100px;
}
#report .entry header.entry-date p {
  font-size: 12px;
}
#report .entry div.entry-body {
  float: left;
  width: 400px;
  line-height: 1.8em;
}
#report .entry div.entry-body h1 {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 14px;
}
#report .entry div.entry-body img,
#report .entry div.entry-body p,
#report .entry div.entry-body ul {
  margin-bottom: 20px;
}
#report .entry ul {
  padding: 0 0 0 18px;
}
#report .entry li {
  list-style-type: disc;
}
#report div.entry-body {
  width: 610px !important;
}
/*
.intro {
  .slide-01 {
    background-color: #f4f4f4;
  }
}*/
.creation .carousel .progressContainer,
.collection .carousel .progressContainer,
.release .carousel .progressContainer,
.portrait .carousel .progressContainer {
  opacity: 1;
  -webkit-transition: opacity 0.7s 0.4s ease;
  -moz-transition: opacity 0.7s 0.4s ease;
  -ms-transition: opacity 0.7s 0.4s ease;
  -o-transition: opacity 0.7s 0.4s ease;
  transition: opacity 0.7s 0.4s ease;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
  transition-timing-function: cubic-bezier(0.77, 0, 0.37, 0.925);
}
.creation .carousel ul,
.collection .carousel ul,
.release .carousel ul,
.portrait .carousel ul {
  /**/
  overflow: hidden;
}
.creation .carousel ul.anim,
.collection .carousel ul.anim,
.release .carousel ul.anim,
.portrait .carousel ul.anim {
  -webkit-transition: all 0.8s 0.4s ease;
  -moz-transition: all 0.8s 0.4s ease;
  -ms-transition: all 0.8s 0.4s ease;
  -o-transition: all 0.8s 0.4s ease;
  transition: all 0.8s 0.4s ease;
  -ms-transition-timing-function: cubic-bezier(0.845, 0.005, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.845, 0.005, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.845, 0.005, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.845, 0.005, 0.07, 1);
  transition-timing-function: cubic-bezier(0.845, 0.005, 0.07, 1);
}
.creation .carousel.close ul,
.collection .carousel.close ul,
.release .carousel.close ul,
.portrait .carousel.close ul {
  opacity: 0 !important;
  height: 0px !important;
}
.creation .carousel.close .progressContainer,
.collection .carousel.close .progressContainer,
.release .carousel.close .progressContainer,
.portrait .carousel.close .progressContainer {
  opacity: 0 !important;
}
.theme .inner,
.creation .inner,
.collection .inner,
.release .inner,
.portrait .inner,
.venue .inner,
.dates .inner,
.books .inner,
.news .inner,
.outro .inner,
.events .inner,
.report .inner {
  -webkit-transition: opacity 0.7s 0.1s ease;
  -moz-transition: opacity 0.7s 0.1s ease;
  -ms-transition: opacity 0.7s 0.1s ease;
  -o-transition: opacity 0.7s 0.1s ease;
  transition: opacity 0.7s 0.1s ease;
  -ms-transition-timing-function: cubic-bezier(0.39, 0.14, 0.325, 0.9);
  -moz-transition-timing-function: cubic-bezier(0.39, 0.14, 0.325, 0.9);
  -o-transition-timing-function: cubic-bezier(0.39, 0.14, 0.325, 0.9);
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.14, 0.325, 0.9);
  transition-timing-function: cubic-bezier(0.39, 0.14, 0.325, 0.9);
}
.theme .inner.show,
.creation .inner.show,
.collection .inner.show,
.release .inner.show,
.portrait .inner.show,
.venue .inner.show,
.dates .inner.show,
.books .inner.show,
.news .inner.show,
.outro .inner.show,
.events .inner.show,
.report .inner.show {
  opacity: 1 !important;
}
.intro {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -ms-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
  -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -ms-transition-property: -ms-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}
.intro .slide {
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  -ms-transition-timing-function: cubic-bezier(0.09, 0.26, 0.125, 1);
  -moz-transition-timing-function: cubic-bezier(0.09, 0.26, 0.125, 1);
  -o-transition-timing-function: cubic-bezier(0.09, 0.26, 0.125, 1);
  -webkit-transition-timing-function: cubic-bezier(0.09, 0.26, 0.125, 1);
  transition-timing-function: cubic-bezier(0.09, 0.26, 0.125, 1);
  min-height: inherit !important;
  /*
    &.slide-02 {
      .inner {
        opacity: 0;
        .transition(opacity 0.8s 0.4s ease-out);
        //.transition-timing-function(cubic-bezier(0.770, 0, 0.370, 0.925));
        &.show {
          opacity: 1;

          &.bg {
            opacity: 1;
            .transition(opacity 1.6s 1s ease);
            .transition-timing-function(cubic-bezier(0.110, 0.725, 0.285, 0.935));
          }
        }

        &.show2 {
          opacity: 1;

          &.bg {
            opacity: 1;
            .transition(opacity 0.6s ease);
            .transition-timing-function(cubic-bezier(0.110, 0.725, 0.285, 0.9355));
          }
        }
      }
    }*/
}
.intro .slide .inner.show {
  opacity: 1;
}
.intro .slide .inner.show.bg {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  -ms-transition-timing-function: cubic-bezier(0.11, 0.725, 0.285, 0.935);
  -moz-transition-timing-function: cubic-bezier(0.11, 0.725, 0.285, 0.935);
  -o-transition-timing-function: cubic-bezier(0.11, 0.725, 0.285, 0.935);
  -webkit-transition-timing-function: cubic-bezier(0.11, 0.725, 0.285, 0.935);
  transition-timing-function: cubic-bezier(0.11, 0.725, 0.285, 0.935);
}
.intro .slide.hide {
  opacity: 0 !important;
  min-height: inherit !important;
}
.intro.close {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  -o-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  -webkit-transform: translate(0px, 0);
  -moz-transform: translate(0px, 0);
  -ms-transform: translate(0px, 0);
  -o-transform: translate(0px, 0);
  transform: translate(0px, 0);
}
.intro.open {
  -webkit-transform: translate3d(372px, 0, 0);
  -moz-transform: translate3d(372px, 0, 0);
  -ms-transform: translate3d(372px, 0, 0);
  -o-transform: translate3d(372px, 0, 0);
  transform: translate3d(372px, 0, 0);
  -webkit-transform: translate(372px, 0);
  -moz-transform: translate(372px, 0);
  -ms-transform: translate(372px, 0);
  -o-transform: translate(372px, 0);
  transform: translate(372px, 0);
}
#s-contents,
#wrapper,
#header,
#footer,
#control {
  display: none;
}
.dates .ttl {
  position: relative;
  height: 22px;
}
.dates .ttl.milano {
  margin-top: 60px;
  /*height: 422px;*/
}
.dates .ttl.taipei {
  margin-top: 60px;
}
.dates .ttl.osaka {
  margin-top: 60px;
}
.dates .ttl h3 {
  margin-left: -100px;
  position: absolute;
}
.dates .ttl span {
  display: block;
  position: absolute;
}
.dates .ttl .img01 {
  z-index: 1;
}
.dates .ttl .img02 {
  z-index: 2;
  top: 434px;
  left: 474px;
}
.dates .ttl .img03 {
  z-index: 3;
  top: 62px;
  left: 286px;
}
.dates .ttl .img03 {
  z-index: 3;
  top: 62px;
  left: 286px;
}
.track {
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
  -ms-transition-timing-function: cubic-bezier(0.39, 0.14, 0.325, 0.9);
  -moz-transition-timing-function: cubic-bezier(0.39, 0.14, 0.325, 0.9);
  -o-transition-timing-function: cubic-bezier(0.39, 0.14, 0.325, 0.9);
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.14, 0.325, 0.9);
  transition-timing-function: cubic-bezier(0.39, 0.14, 0.325, 0.9);
}
.track.show {
  opacity: 1;
}
.animation {
  -webkit-animation: cssAnimation 5s ease infinite normal;
  -moz-animation: cssAnimation 5s ease infinite normal;
  -o-animation: cssAnimation 5s ease infinite normal;
  animation: cssAnimation 5s ease infinite normal;
}
.animation2 {
  -webkit-animation: cssAnimation2 5s ease infinite normal;
  -moz-animation: cssAnimation2 5s ease infinite normal;
  -o-animation: cssAnimation2 5s ease infinite normal;
  animation: cssAnimation2 5s ease infinite normal;
}
@-webkit-keyframes cssAnimation {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.585);
  }
  20% {
    opacity: 1;
    -webkit-transform: scale(0.957);
  }
  21% {
    opacity: 1;
    -webkit-transform: scale(0.957);
  }
  21% {
    opacity: 0;
    -webkit-transform: scale(0.957);
  }
  21% {
    opacity: 0;
    -webkit-transform: scale(0.785);
  }
  40% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.1);
  }
}
@-moz-keyframes cssAnimation {
  0% {
    opacity: 0;
    -moz-transform: scale(0.585);
  }
  20% {
    opacity: 1;
    -moz-transform: scale(0.957);
  }
  21% {
    opacity: 1;
    -moz-transform: scale(0.957);
  }
  22% {
    opacity: 0;
    -moz-transform: scale(0.785);
  }
  40% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
}
@-o-keyframes cssAnimation {
  0% {
    opacity: 0;
    -o-transform: scale(0.585);
  }
  20% {
    opacity: 1;
    -o-transform: scale(0.957);
  }
  21% {
    opacity: 1;
    -o-transform: scale(0.957);
  }
  22% {
    opacity: 0;
    -o-transform: scale(0.785);
  }
  40% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
}
@keyframes cssAnimation {
  0% {
    opacity: 0;
    transform: scale(0.585);
  }
  20% {
    opacity: 1;
    transform: scale(0.957);
  }
  21% {
    opacity: 1;
    transform: scale(0.957);
  }
  22% {
    opacity: 0;
    transform: scale(0.785);
  }
  40% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1.1);
  }
}
@-webkit-keyframes cssAnimation2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  54% {
    opacity: 0.5;
  }
  58% {
    opacity: 1;
  }
  62% {
    opacity: 0.5;
  }
  66% {
    opacity: 1;
  }
  70% {
    opacity: 0.5;
  }
  74% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
table {
  border-collapse: collapse;
}
table tr > div {
  padding-top: 7px;
}
table th {
  vertical-align: bottom;
}
table th div {
  padding-top: 7px;
  width: 60px;
  height: 72px;
  border-top: 1px solid #c8c7c6;
}
table th div span {
  padding-top: 13px;
  padding-left: 12px;
  display: block;
  height: 65px;
}
table th div.start span {
  padding-left: 0px;
}
table th div.last span {
  padding-left: 0px;
}
table td {
  display: inline-block;
  vertical-align: bottom;
}
table td div {
  padding-top: 7px;
  border-top: 1px solid #c8c7c6;
  width: 298px;
  height: 72px;
}
table td div span {
  padding-left: 10px;
  padding-top: 13px;
  border-left: 1px solid #c8c7c6;
  display: block;
  height: 65px;
}
table td div.sp-01 span {
  padding-left: 80px;
}
table div.last {
  border-bottom: 1px solid #c8c7c6;
}
#modal {
  display: none;
  position: absolute;
  z-index: 1000000;
  background: url(../img/white93.png);
}
#modal #modal-container {
  width: 660px;
  height: 214px;
  z-index: 1000001;
  position: absolute;
  margin-top: -107px;
  margin-left: -330px;
}
#modal #modal-container p {
  text-align: right;
  position: absolute;
  width: 100%;
}
#modal #modal-container p .close {
  cursor: pointer;
}
#modal #modal-container .modal-inner {
  display: block;
}
#modal #modal-container span {
  display: block;
  margin-bottom: 20px;
}
#modal #modal-container.type02 {
  width: 330px !important;
  margin-left: -115px;
}
.modal-inner {
  display: none;
}
#sound {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('../img/sound.png');
  background-size: 16px 32px;
  display: none;
}
#sound.off {
  background-position: -16px;
}
img {
  image-rendering: optimizeQuality;
  -ms-interpolation-mode: bicubic;
}
.profile ul li {
  vertical-align: top;
}
ruby > rt {
  font-size: 50% !important;
  text-align: start;
}
rt {
  -webkit-text-emphasis: none;
  -webkit-text-size-adjust: none;
}
#news a {
  color: #000;
}