@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
  /*background:transparent;*/
}

body {
    line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

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

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

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

ol, ul {
    list-style: none;
}

button {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    line-height: 1;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* clear */
.clear,
.clearfix {
    zoom: 100%;
}

.clear:after,
.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.t-ind {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.b {
    font-weight: bold;
}

.break {
    word-wrap: break-word;
}

.bl {
    display: block;
}

.fs {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Montserrat', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    color: #fff;
    height: 100%;
    min-width: 1000px;
}

body {
    background: url(../img/im_bgtile_dark.png);
    background-attachment: fixed;
}

body.white {
    background: url(../img/im_bgtile_light.png);
    background-attachment: fixed;
}

#bg {
    background: url(../img/im_bg_jinmiraisai.jpg) no-repeat center;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block;
}

section {
    position: relative;
    z-index: 1;
}

body > svg {
    display: none;
}

svg + .fallback {
    display: none !important;
    background: none !important;
}

svg {
    overflow: hidden;
}

a {
    color: #fff;
}

.f1 {
    font-family: Verdana, sans-serif;
}

#top-image {
    position: fixed;
    height: 100%;
    width: 100%;
    top: -100%;
    left: 0;
    z-index: 5;
}

#top-image .img {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    background-size: cover;
}

#top-image .img1 {
    background: url(../img/20th_slide_image/brahman20th_slideimage01.jpg) no-repeat center;
}

#top-image .img2 {
    background: url(../img/20th_slide_image/brahman20th_slideimage02.jpg) no-repeat center;
}

#top-image .img3 {
    background: url(../img/20th_slide_image/brahman20th_slideimage03.jpg) no-repeat center;
}

#top-image .img4 {
    background: url(../img/20th_slide_image/brahman20th_slideimage04.jpg) no-repeat center;
}

#top-image .img5 {
    background: url(../img/20th_slide_image/brahman20th_slideimage05.jpg) no-repeat center;
}

#top-image .img6 {
    background: url(../img/20th_slide_image/brahman20th_slideimage06.jpg) no-repeat center;
}

#top-image .img7 {
    background: url(../img/20th_slide_image/brahman20th_slideimage07.jpg) no-repeat center;
}

#top-image .img8 {
    background: url(../img/20th_slide_image/brahman20th_slideimage08.jpg) no-repeat center;
}

#top-image .img9 {
    background: url(../img/20th_slide_image/brahman20th_slideimage09.jpg) no-repeat center;
}

#top-image .img10 {
    background: url(../img/20th_slide_image/brahman20th_slideimage10.jpg) no-repeat center;
}

#top-image .img11 {
    background: url(../img/20th_slide_image/brahman20th_slideimage11.jpg) no-repeat center;
}

#top-image .img12 {
    background: url(../img/20th_slide_image/brahman20th_slideimage12.jpg) no-repeat center;
}

#top-image .img13 {
    background: url(../img/20th_slide_image/brahman20th_slideimage13.jpg) no-repeat center;
}

#top-image .img14 {
    background: url(../img/20th_slide_image/brahman20th_slideimage14.jpg) no-repeat center;
}

#top-image .img15 {
    background: url(../img/20th_slide_image/brahman20th_slideimage15.jpg) no-repeat center;
}

#top-image .img16 {
    background: url(../img/20th_slide_image/brahman20th_slideimage16.jpg) no-repeat center;
}

#top-image .img17 {
    background: url(../img/20th_slide_image/brahman20th_slideimage17.jpg) no-repeat center;
}

#top-image .img18 {
    background: url(../img/20th_slide_image/brahman20th_slideimage18.jpg) no-repeat center;
}

#top-image .img19 {
    background: url(../img/20th_slide_image/brahman20th_slideimage19.jpg) no-repeat center;
}

#top-image .img20 {
    background: url(../img/20th_slide_image/brahman20th_slideimage20.jpg) no-repeat center;
}

#top-image .img21 {
    background: url(../img/20th_slide_image/brahman20th_slideimage21.jpg) no-repeat center;
}

#top-image .img22 {
    background: url(../img/20th_slide_image/brahman20th_slideimage22.jpg) no-repeat center;
}

#top-image .img23 {
    background: url(../img/20th_slide_image/brahman20th_slideimage23.jpg) no-repeat center;
}

#top-image .z1 {
    z-index: 1;
}

#top-image .z2 {
    z-index: 2;
}

#top-image .z3 {
    z-index: 3;
}

#top-image .z4 {
    z-index: 4;
}

#top-image .z5 {
    z-index: 5;
}

.csstransforms3d #top-image div.out {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

#top-text {
    position: fixed;
    z-index: 10;
    top: 50px;
    left: 50px;
    font-size: 15px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

#top-text.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

#top-text.out {
    left: -100%;
}

#top-text .top-text {
    width: 512px;
    height: 29px;
}

#top-text .top-text use {
    fill: #fff;
}

#top-text .top-text.fallback {
    background: url(../img/top-text.png) no-repeat 0 0;
}

#top-text .credit {
    margin-top: 28px;
}

#top-text .copyright {
    font-size: 10px;
    margin-top: 12px;
}

.no-svg #top-image,
.no-svg #top-text {
    display: none;
}

#top {
    height: 100%;
    min-height: 700px;
    position: relative;
    z-index: 1;
    display: block;
}

#sns {
    position: absolute;
    top: 20px;
    right: 25px;
    text-align: center;
}

#sns ul {
    font-size: 0;
    margin-bottom: 7px;
}

#sns ul li {
    display: inline-block;
}

#sns ul li .facebook,
      #sns ul li .twitter {
    width: 23px;
    height: 23px;
}

#sns ul li .twitter {
    margin-left: 10px;
}

#sns ul li .circle {
    fill: #fff;
    -webkit-transition: fill .3s linear;
    transition: fill .3s linear;
}

#sns ul li:hover .circle {
    fill: #aaa;
}

#sns ul li .facebook.fallback {
    background: url(../img/facebook.png) no-repeat 0 0;
}

#sns ul li .twitter.fallback {
    background: url(../img/twitter.png) no-repeat 0 0;
}

#sns .share {
    fill: #fff;
    width: 67px;
    height: 9px;
}

#sns .share.fallback {
    background: url(../img/share.png) no-repeat 0 0;
}

#menu {
    position: absolute;
    width: 800px;
    padding-top: 480px;
    background: url(../img/logo.png) no-repeat center 0;
    left: 50%;
    top: 50%;
    margin: -300px 0 0 -400px;
}

#menu ul {
    font-size: 0;
    text-align: center;
    height: 15px;
}

#menu ul.under {
    margin-top: 20px;
}

#menu ul li {
    display: inline-block;
    margin: 0 20px;
}

#menu ul li a {
    display: block;
    padding-bottom: 2px;
}

#menu ul li a:hover {
    border-bottom: solid 1px #fff;
}

#menu ul li use {
    fill: #fff;
}

#menu ul li .menu1 {
    width: 78px;
    height: 15px;
}

#menu ul li .menu1.fallback {
    background: url(../img/menu1.png) no-repeat 0 0;
}

#menu ul li .menu2 {
    width: 320px;
    height: 18px;
    position: relative;
    top: 3px;
}

#menu ul li .menu2.fallback {
    background: url(../img/menu2.png) no-repeat 0 0;
}

#menu ul li .menu3 {
    width: 153px;
    height: 18px;
    position: relative;
    top: 3px;
}

#menu ul li .menu3.fallback {
    background: url(../img/menu3.png) no-repeat 0 0;
}

#menu ul li .menu4 {
    width: 148px;
    height: 15px;
}

#menu ul li .menu4.fallback {
    background: url(../img/menu4.png) no-repeat 0 0;
}

#menu ul li .menu5 {
    width: 85px;
    height: 13px;
}

#menu ul li .menu5.fallback {
    background: url(../img/menu5.png) no-repeat 0 0;
}

#menu ul li .menu6 {
    width: 53px;
    height: 13px;
}

#menu ul li .menu6.fallback {
    background: url(../img/menu6.png) no-repeat 0 0;
}

#menu ul li .menu7 {
    width: 220px;
    height: 18px;
    position: relative;
    top: 2px;
}

#menu ul li .menu7.fallback {
    background: url(../img/menu7.png) no-repeat 0 0;
}

.no-svg #menu ul li .menu3 {
    position: inherit;
    top: 0;
    margin-top: 3px;
}

#global-nav {
    position: fixed;
    top: -60px;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 40px;
    background: #333;
    padding-top: 20px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#global-nav.show {
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
}

#global-nav ul {
    font-size: 0;
    text-align: center;
}

#global-nav ul li {
    display: inline-block;
    margin: 0 15px;
}

#global-nav ul li a {
    display: block;
    padding-bottom: 3px;
}

#global-nav ul li a:hover {
    border-bottom: solid 1px #fff;
}

#global-nav ul li .menu1 {
    width: 62px;
    height: 12px;
}

#global-nav ul li .menu1.fallback {
    background: url(../img/menu1-2.png) no-repeat 0 0;
}

#global-nav ul li .menu2 {
    width: 263px;
    height: 15px;
    position: relative;
    top: 3px;
}

#global-nav ul li .menu2.fallback {
    background: url(../img/menu2-2.png) no-repeat 0 0;
}

#global-nav ul li .menu3 {
    width: 124px;
    height: 15px;
    position: relative;
    top: 3px;
}

#global-nav ul li .menu3.fallback {
    background: url(../img/menu3-2.png) no-repeat 0 0;
}

#global-nav ul li .menu4 {
    width: 120px;
    height: 12px;
}

#global-nav ul li .menu4.fallback {
    background: url(../img/menu4-2.png) no-repeat 0 0;
}

#global-nav ul li .menu5 {
    width: 85px;
    height: 11px;
}

#global-nav ul li .menu5.fallback {
    background: url(../img/menu5-2.png) no-repeat 0 0;
}

#global-nav ul li .menu6 {
    width: 43px;
    height: 11px;
}

#global-nav ul li .menu6.fallback {
    background: url(../img/menu6-2.png) no-repeat 0 0;
}

#global-nav ul li .menu7 {
    width: 178px;
    height: 14px;
    position: relative;
    top: 2px;
}

#global-nav ul li .menu7.fallback {
    background: url(../img/menu7-2.png) no-repeat 0 0;
}

.no-svg #global-nav ul li .menu3 {
    position: inherit;
    top: 0;
}

#jinmi-dvd {
    padding-bottom: 200px;
}

#jinmi-dvd .ef {
    top: 30px;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#jinmi-dvd .ef.show {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0;
}

#jinmi-dvd .brahman-a {
    display: block;
    width: 100%;
    height: auto;
}

#jinmi-dvd .title {
    display: block;
    width: 618px;
    margin: 100px auto 0;
}

#jinmi-dvd .discs {
    width: 900px;
    margin: 100px auto 0;
}

#jinmi-dvd .discs .left,
    #jinmi-dvd .discs .right {
    width: 411px;
}

#jinmi-dvd .discs .left .jk,
      #jinmi-dvd .discs .right .jk {
    width: 411px;
    display: block;
    height: auto;
    margin: 0 auto;
}

#jinmi-dvd .discs .left .text,
      #jinmi-dvd .discs .right .text {
    display: block;
    margin: 20px 0 0 -12px;
    width: 435px;
    height: auto;
}

#jinmi-dvd .discs .left {
    float: left;
}

#jinmi-dvd .discs .right {
    float: right;
}

#jinmi-dvd .text1 {
    border: solid 1px #fff;
    width: 830px;
    margin: 150px auto 0;
    padding: 18px 0;
}

#jinmi-dvd .text1 img {
    display: block;
    width: 620px;
    margin: 0 auto;
}

#jinmi-dvd .text2 {
    display: block;
    width: 686px;
    margin: 50px auto 0;
}

#jinmi-dvd .tokuten {
    width: 830px;
    margin: 30px auto 0;
}

#jinmi-dvd .tokuten .file {
    width: 250px;
    float: left;
    display: block;
    height: auto;
}

#jinmi-dvd .tokuten .text {
    margin-left: 276px;
    font-size: 12px;
    color: #a9a9a9;
    line-height: 1.5;
}

#jinmi-dvd .tokuten .text img {
    margin-bottom: 10px;
    display: block;
}

#jinmi-dvd .tokuten .text .text3 {
    width: 100%;
    height: auto;
}

#jinmi-dvd .tokuten .text .text4 {
    width: 348px;
    height: auto;
}

#jinmi-dvd .tokuten .text .text5 {
    width: 520px;
    height: auto;
}

#jinmi-dvd .tokuten .text div {
    margin-top: 28px;
}

#jinmi-dvd .text6 {
    display: block;
    width: 830px;
    margin: 50px auto 0;
}

#jinmi-dvd .video {
    width: 900px;
    background: #333;
    margin: 100px auto 0;
    position: relative;
    cursor: pointer;
}

#jinmi-dvd .video.under {
    margin-top: 60px;
    height: 506px;
    overflow: hidden;
}

#jinmi-dvd .video.under .t {
    width: 100%;
    margin-top: -85px;
}

#jinmi-dvd .video .t {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

#jinmi-dvd .video .play {
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

#jinmi-dvd .video:hover .t {
    opacity: .5;
    filter: alpha(opacity=50);
}

#jinmi-dvd .video:hover .play {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

#jinmi-dvd .video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#jinmi-dvd .shops {
    margin: 100px 0 0 0;
    font-size: 0;
    text-align: center;
}

#jinmi-dvd .shops li {
    width: 210px;
    display: inline-block;
    margin: 50px 10px 0;
}

#jinmi-dvd .shops li .title {
    border-bottom: solid 2px #fff;
    padding-bottom: 5px;
    width: 100%;
    margin: 0 0 25px;
}

#jinmi-dvd .shops li .title .amazon {
    width: 95px;
    height: 28px;
}

#jinmi-dvd .shops li .title .tsutaya {
    width: 120px;
    height: 20px;
    position: relative;
    top: -6px;
}

#jinmi-dvd .shops li .title .hmv {
    width: 104px;
    height: 28px;
    position: relative;
    top: -3px;
}

#jinmi-dvd .shops li .title .tower {
    width: 138px;
    height: 21px;
    position: relative;
    top: -7px;
}

#jinmi-dvd .shops li .title .diskunion {
    position: relative;
    top: -7px;
}

#jinmi-dvd .shops li a {
    display: block;
    margin: 15px 0 0 0;
    border: solid 1px #fff;
    height: 40px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

#jinmi-dvd .shops li a .f {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

#jinmi-dvd .shops li a:hover {
    background: #fff;
}

#jinmi-dvd .shops li a:hover .f {
    fill: #000;
}

#jinmi-dvd .shops li a svg {
    width: 100%;
    height: 42px;
}

#jinmi-dvd .circle {
    display: block;
    width: 300px;
    height: auto;
    margin: 200px auto 0;
}

#jinmi-dvd #interview {
    margin-top: 150px;
}

#jinmi-dvd #interview .title {
    margin: 0 auto;
}

#jinmi-dvd #interview .interview-block {
    margin-top: 100px;
}

#jinmi-dvd #interview .interview-block.first {
    margin-top: 60px;
}

#jinmi-dvd #interview .interview-block .vol {
    margin: 0 auto;
    display: block;
}

#jinmi-dvd #interview .interview-block .text {
    height: 8.5em;
    overflow: hidden;
    width: 900px;
    margin: 30px auto 0;
    line-height: 1.7;
    font-size: 15px;
}

#jinmi-dvd #interview .interview-block .more {
    width: 90px;
    margin: 40px auto 0;
}

#jinmi-dvd #interview .interview-block .more:hover .btn {
    -webkit-transform: translate(0, 8px);
    -ms-transform: translate(0, 8px);
    transform: translate(0, 8px);
}

#jinmi-dvd #interview .interview-block .more .btn {
    margin: 0 auto;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

#jinmi-dvd #interview .interview-block .more .txt {
    margin: 15px auto 0;
}

#jinmi-dvd #high-reso {
    margin: 200px auto 0;
    width: 900px;
}

#jinmi-dvd #high-reso .title {
    display: block;
    width: 514px;
    height: auto;
    margin: 0 auto;
}

#jinmi-dvd #high-reso .links {
    margin-top: 80px;
}

#jinmi-dvd #high-reso .links .left {
    float: left;
}

#jinmi-dvd #high-reso .links .left .early {
    display: block;
    width: 308px;
    margin: 0 auto;
}

#jinmi-dvd #high-reso .links .right {
    float: right;
}

#jinmi-dvd #high-reso .links .right .last {
    display: block;
    width: 287px;
    margin: 0 auto;
}

#jinmi-dvd #high-reso .links ul {
    margin: 40px 0 0 -5px;
    font-size: 0;
    letter-spacing: 0;
}

#jinmi-dvd #high-reso .links ul li {
    display: inline-block;
    margin: 0 5px;
}

#jinmi-dvd #high-reso .links ul li a {
    display: block;
    width: 128px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

#jinmi-dvd #high-reso .links ul li a:hover {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

#jinmi-dvd #high-reso .links ul li a img {
    display: block;
    width: 100%;
    height: auto;
}

#jinmi-dvd .new-song {
    display: block;
    width: 560px;
    margin: 200px auto 0;
    height: auto;
}

#jinmi-dvd .tenma {
    display: block;
    width: 500px;
    height: auto;
    margin: 60px auto 0;
}

#jinmi-dvd .itunes-link,
  #jinmi-dvd .tenma-mv {
    width: 152px;
    display: block;
    margin: 60px auto 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

#jinmi-dvd .itunes-link:hover,
    #jinmi-dvd .tenma-mv:hover {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

#jinmi-dvd .itunes-link img,
    #jinmi-dvd .tenma-mv img {
    display: block;
    width: 100%;
    height: auto;
}

#jinmi-dvd .text7 {
    border: solid 1px #fff;
    width: 360px;
    padding: 10px 0;
    margin: 80px auto 0;
}

#jinmi-dvd .text7 img {
    display: block;
    width: 204px;
    margin: 0 auto;
}

#section1 {
    text-align: center;
    font-size: 13px;
    line-height: 1.5;
    padding: 90px 0 45px;
    background: url(../img/im_bg_jinmiraisai.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

#section1 #jinmiraisai .jinmi {
    display: block;
    margin: 0 auto;
}

#section1 #jinmiraisai .banner {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 50px;
}

#section1 #jinmiraisai .more {
    display: block;
    margin: 30px auto 0;
}

#section1 .d3 {
    top: 30px;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

#section1 a:hover {
    text-decoration: underline;
}

#section1 .live1 {
    width: 800px;
    height: 524px;
    display: block;
    margin: 0 auto;
}

#section1 .live1.fallback {
    background: url(../img/live1.png) no-repeat 0 0;
}

#section1 .live1 use {
    fill: #fff;
}

#section1.show .live1.d3 {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

#section1 .live2 {
    width: 516px;
    height: 103px;
    display: block;
    margin: 100px auto 10px;
}

#section1 .live2.fallback {
    background: url(../img/live2.png) no-repeat 0 0;
}

#section1 .live3 {
    width: 354px;
    height: 21px;
    display: block;
    margin: 30px auto 10px;
}

#section1 .live3.fallback {
    background: url(../img/live3.png) no-repeat 0 0;
}

#section1 .live4 {
    width: 396px;
    height: 22px;
    display: block;
    margin: 40px auto 10px;
}

#section1 .live4.fallback {
    background: url(../img/live4.png) no-repeat 0 0;
}

#section1 .live5 {
    width: 386px;
    height: 22px;
    display: block;
    margin: 40px auto 10px;
}

#section1 .live5.fallback {
    background: url(../img/live5.png) no-repeat 0 0;
}

#section1 .live6 {
    width: 514px;
    height: 310px;
    display: block;
    margin: 70px auto 0;
    padding-bottom: 50px;
}

#section1 .live6.fallback {
    background: url(../img/live6.png) no-repeat 0 0;
}

#section1 #sec1-2.show, #section1 #sec1-2.soon,
  #section1 #sec1-3.show,
  #section1 #sec1-3.soon,
  #section1 #sec1-4.show,
  #section1 #sec1-4.soon,
  #section1 #sec1-5.show,
  #section1 #sec1-5.soon,
  #section1 #sec1-6.show,
  #section1 #sec1-6.soon {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

#section1 #sec1-2 p,
  #section1 #sec1-3 p,
  #section1 #sec1-4 p,
  #section1 #sec1-5 p,
  #section1 #sec1-6 p {
    font-size: 17px;
}

#section1 #sec1-5 p {
    position: relative;
    left: 5px;
}

#section1 #sec1-6 {
    margin-top: 65px;
}

#section1 #sec1-6 li {
    margin-top: 40px;
}

#section1 #sec1-6 li.ti {
    padding-bottom: 50px;
}

#section1 #sec1-6 li.ti img {
    margin-top: 35px;
}

#section1 #sec1-6 li img {
    height: 22px;
}

#section1 .soon {
    width: 567px;
    height: 188px;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

#section1 .soon.fallback {
    background: url(../img/soon.png) no-repeat 0 0;
}

.no-svg #section1 .d3 {
    opacity: 1;
    filter: alpha(opacity=100);
}

#section2 {
    overflow: hidden;
}

#album-image {
    background: #000;
    padding: 155px 0;
    overflow: hidden;
    position: relative;
}

#album-image.show .album {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

#album-image .album {
    width: 749px;
    height: 292px;
    display: block;
    margin: 0 auto;
    -webkit-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

#album-image .album use {
    fill: #fff;
}

#album-image .album.fallback {
    background: url(../img/album.png) no-repeat 0 0;
}

#album-image #video-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.no-svg #album-image .album {
    opacity: 1;
    filter: alpha(opacity=100);
}

#album-info {
    margin: 0 auto;
    padding: 50px 0 150px;
}

#album-info #disc {
    width: 832px;
    margin: 0 auto;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 50px;
    position: relative;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#album-info #disc.show {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

#album-info #disc .discs .limited {
    float: left;
    width: 470px;
}

#album-info #disc .discs .limited .jk {
    display: block;
    border: solid 1px #555;
    width: 468px;
    height: auto;
}

#album-info #disc .discs .normal {
    width: 350px;
    float: right;
}

#album-info #disc .discs .normal .jk {
    display: block;
    width: 100%;
    height: auto;
}

#album-info #disc .discs .text {
    display: block;
    margin: 20px auto 0;
}

#album-info #disc .discs .info {
    display: block;
    margin-top: 40px;
}

#album-info #disc .mastering {
    margin-top: 30px;
    display: block;
}

#album-info #disc .event {
    margin: 40px auto 0;
    display: block;
}

#album-info #disc .event-more-link {
    display: block;
    width: 260px;
    height: 46px;
    margin: 20px auto 0;
}

#album-info #disc .event-more-link .event-more {
    width: 260px;
    height: 46px;
    display: block;
    margin: 0 auto;
}

#album-info #disc .event-more-link .event-more path {
    -webkit-transition: fill .3s linear;
    transition: fill .3s linear;
}

#album-info #disc .event-more-link .event-more rect {
    -webkit-transition: fill-opacity .3s linear;
    transition: fill-opacity .3s linear;
}

#album-info #disc .event-more-link .event-more:hover path {
    fill: #000;
}

#album-info #disc .event-more-link .event-more:hover rect {
    fill-opacity: 1;
}

#album-info #disc .event-more-link .event-more.fallback {
    background: url(../img/event-more.svg) no-repeat 0 0;
}

#album-info #album-list {
    margin: 80px auto 0;
    width: 865px;
    height: 961px;
    position: relative;
}

#album-info #album-list.show .list {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

#album-info #album-list .tape {
    position: absolute;
    width: 205px;
    height: auto;
    left: 15px;
    bottom: -70px;
}

#album-info .list {
    width: 879px;
    height: 961px;
    display: block;
    position: relative;
    left: -70px;
    /*
		transform-style: preserve-3d;
		transform: rotateY(-80deg);
		transform-origin: right;
		*/
    top: 30px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
}

#album-info .list.fallback {
    background: url(../img/list.png) no-repeat 0 0;
}

#album-info.show .disc-info,
  #album-info.show .soon2 {
    left: 27px;
    opacity: 1;
    filter: alpha(opacity=100);
}

#album-info.show #disc-image {
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

#album-info #album-video {
    display: block;
    width: 900px;
    margin: 100px auto 0;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

#album-info #album-video.show {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    filter: alpha(opacity=100);
}

#disc-image {
    width: 480px;
    height: 480px;
    background: #333;
    float: left;
    position: relative;
    left: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

#disc-image .now-printing {
    width: 129px;
    height: 128px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -64px 0 0 -64px;
}

#disc-image .now-printing.fallback {
    background: url(../img/now-printing.png) no-repeat 0 0;
}

.shoplist {
    margin-top: 170px;
    position: relative;
    text-align: center;
    top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.shoplist.show {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.shoplist ul {
    font-size: 0;
}

.shoplist ul li {
    display: inline-block;
    width: 210px;
    margin: 0 10px;
}

.shoplist ul li .title {
    height: 40px;
    border-bottom: solid 2px #fff;
}

.shoplist ul li ul {
    padding-top: 10px;
}

.shoplist ul li li {
    margin: 15px 0 0;
}

.shoplist ul li a {
    display: block;
    width: 208px;
    height: 40px;
    border: solid 1px #fff;
    position: relative;
    -webkit-transition: background .3s linear;
    transition: background .3s linear;
}

.shoplist ul li a svg {
    -webkit-transition: fill .3s linear;
    transition: fill .3s linear;
}

.shoplist ul li a:hover {
    background: #fff;
}

.shoplist ul li a:hover path {
    fill: #333;
}

.shoplist ul li a .limited-a {
    position: absolute;
    width: 94px;
    height: 13px;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -47px;
}

.shoplist ul li a .limited-a.fallback {
    background: url(../img/limited-a.png) no-repeat 0 0;
}

.shoplist ul li a .limited-b {
    position: absolute;
    width: 92px;
    height: 13px;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -46px;
}

.shoplist ul li a .limited-b.fallback {
    background: url(../img/limited-b.png) no-repeat 0 0;
}

.shoplist ul li a .normal {
    position: absolute;
    width: 49px;
    height: 13px;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -25px;
}

.shoplist ul li a .normal.fallback {
    background: url(../img/normal.png) no-repeat 0 0;
}

.shoplist ul li a .limited {
    position: absolute;
    width: 82px;
    height: 13px;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -41px;
}

.shoplist ul li a .limited.fallback {
    background: url(../img/limited.png) no-repeat 0 0;
}

.shoplist ul li .amazon {
    display: block;
    width: 95px;
    height: 29px;
    margin: 0 auto;
}

.shoplist ul li .tsutaya {
    display: block;
    width: 119px;
    height: 20px;
    margin: 0 auto;
}

.shoplist ul li .tower {
    display: block;
    width: 138px;
    height: 21px;
    margin: 0 auto;
}

.shoplist ul li .hmv {
    display: block;
    width: 104px;
    height: 28px;
    margin: 0 auto;
}

#tokuten {
    width: 900px;
    margin: 0 auto;
    position: relative;
    top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 50px 0 150px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#tokuten.show {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

#tokuten .title {
    display: block;
    width: 698px;
    height: auto;
    margin: 0 auto;
}

#tokuten .text {
    font-size: 15px;
    margin-top: 50px;
    line-height: 30px;
}

#tokuten .text2 {
    margin-top: 47px;
    font-size: 13px;
    line-height: 24px;
}

#tokuten .text2 p {
    color: #aaa;
    margin-top: 2em;
}

#tokuten .t-shirts {
    padding-top: 10px;
    top: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#tokuten .t-shirts.show {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

#tokuten .t-shirts ul {
    width: 960px;
    margin-left: -60px;
}

#tokuten .t-shirts ul li {
    width: 420px;
    float: left;
    margin: 70px 0 0 60px;
    text-align: center;
}

#tokuten .t-shirts ul li .logo {
    margin: 0 auto;
    position: relative;
    top: 50px;
}

#tokuten .t-shirts ul li .type {
    font-size: 14px;
    margin-top: 22px;
}

#tokuten .t-shirts ul li .title {
    font-size: 20px;
    margin: 10px 0;
    width: auto;
}

#tokuten .t-shirts ul li div {
    font-size: 11px;
    line-height: 18px;
}

#section3 {
    overflow: hidden;
}

#single-image {
    position: relative;
    height: 520px;
    background: url(../img/im_jk_korekiri.jpg) no-repeat center;
    background-size: cover;
}

#single-image .single {
    width: 141px;
    height: 108px;
    top: 25px;
    left: 35px;
    position: absolute;
}

#single-image .single.fallback {
    background: url(../img/single.png) no-repeat 0 0;
}

#single-image:before {
    content: '';
    z-index: 10;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    border-radius: 10px;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

#single-image.on:before {
    -webkit-transform: scale(10, 10);
    -ms-transform: scale(10, 10);
    transform: scale(10, 10);
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
}

#single-info {
    padding: 50px 0 150px;
    width: 850px;
    margin: 0 auto;
}

#single-info.show .single-disc img {
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

#single-info.show .single-disc .single-list {
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

#single-info .single-disc img {
    display: block;
    float: left;
    width: 380px;
    height: auto;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    left: -100px;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

#single-info .single-disc .single-list-wrap {
    width: 432px;
    float: right;
}

#single-info .single-disc .single-list {
    width: 520px;
    height: 375px;
    display: block;
    position: relative;
    left: 138px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

#single-info .single-disc .single-list.fallback {
    background: url(../img/single-list.png) no-repeat 0 0;
}

#single-info .shoplist {
    width: 920px;
    margin: 100px 0 0 -35px;
}

#video {
    position: relative;
    height: 480px;
    background: #333;
    margin-top: 30px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    overflow: hidden;
}

#video.show {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    filter: alpha(opacity=100);
}

#video:hover .play {
    opacity: .5;
    filter: alpha(opacity=50);
}

#video .play {
    position: absolute;
    z-index: 1;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

#video .play.fallback {
    background: url(../img/play.png) no-repeat 0 0;
}

#video iframe {
    width: 100%;
    height: 100%;
}

#video img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: -78px;
}

#section4-wrap {
    background: url(../img/movie.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

#section4 {
    padding: 100% 0 50px;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

#section4 .shadow {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    margin: 0;
    width: 100%;
    height: 10px;
    background: url(../img/shadow.png) repeat-x;
}

.no-svg #section4 {
    padding-top: 70%;
}

#movie-logo {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    margin: -97px 0 0 -392px;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

#movie-logo.show {
    display: block;
}

#movie-info {
    width: 783px;
    margin: 0 auto;
    padding-top: 270px;
    position: relative;
    z-index: 5;
}

#movie-info.on {
    background: url(../img/movie-logo.png) no-repeat center 0;
}

#movie-info .movie-text1 {
    display: block;
    width: 794px;
    height: 342px;
}

#movie-info .movie-text1.fallback {
    background: url(../img/movie-text1.png) no-repeat 0 0;
}

#flyer {
    margin: 45px 0 0;
    width: 794px;
}

#flyer .f {
    display: block;
    width: 311px;
    height: auto;
    float: left;
}

#flyer .trailer {
    float: right;
}

#flyer .trailer .movie-text2 {
    width: 458px;
    height: 135px;
}

#flyer .trailer .movie-text2.fallback {
    background: url(../img/movie-text2.png) no-repeat 0 0;
}

#flyer .trailer .v {
    width: 400px;
    height: 230px;
    background: #333;
    position: relative;
    cursor: pointer;
    margin-top: 5px;
}

#flyer .trailer .v:hover .play {
    opacity: .5;
    filter: alpha(opacity=50);
}

#flyer .trailer .v .play {
    width: 60px;
    height: 60px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

#flyer .trailer .v .play.fallback {
    background: url(../img/play.png) no-repeat 0 0;
}

#flyer .trailer .v img {
    display: block;
    width: 100%;
    height: auto;
}

#flyer .trailer .v iframe {
    width: 100%;
    height: 100%;
}

#flyer .trailer .movie-text3 {
    width: 420px;
    height: 54px;
    display: block;
    margin-top: 12px;
}

#flyer .trailer .movie-text3.fallback {
    background: url(../img/movie-text3.png) no-repeat 0 0;
}

#movie-screen {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0;
    filter: alpha(opacity=0);
}

#screen {
    position: fixed;
    z-index: 4;
    width: 100%;
    height: 100%;
    top: -150%;
    left: 0;
    background: url(../img/screen.png);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

#screen:after {
    position: absolute;
    width: 100%;
    height: 291px;
    content: '';
    background: url(../img/screen2.png) repeat-x;
    left: 0;
    bottom: -291px;
}

.no-svg #movie-screen {
    opacity: .5;
    filter: alpha(opacity=50);
}

.no-svg #screen {
    display: none;
}

#sns-link {
    margin-top: 100px;
    text-align: center;
    font-size: 0;
}

#sns-link a {
    display: inline-block;
    margin: 0 15px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

#sns-link a:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}

#sns-link a .movie-facebook {
    width: 209px;
    height: 29px;
}

#sns-link a .movie-facebook.fallback {
    background: url(../img/movie-facebook.png) no-repeat 0 0;
}

#sns-link a .movie-twitter {
    width: 248px;
    height: 25px;
}

#sns-link a .movie-twitter.fallback {
    background: url(../img/movie-twitter.png) no-repeat 0 0;
}

#website {
    margin-top: 40px;
}

#website .website {
    width: 216px;
    height: 26px;
    display: block;
    margin: 0 auto;
}

#website .website.fallback {
    background: url(../img/website.png) no-repeat 0 0;
}

#website a {
    display: inline-block;
    margin: 15px auto 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

#website a:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}

#website a img {
    display: block;
    margin: 0 auto;
}

#section5 {
    padding: 115px 0 30px;
  /*background: url(../img/im_bgtile_light.png);
	background-attachment: fixed;*/
    position: relative;
    z-index: 3;
    display: block;
}

#section5 .more-info-wrap {
    top: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

#section5 .more-info-wrap.show {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

#section5 .more-info-wrap .live-list {
    position: relative;
}

#section5 .more-info-wrap .live-list img {
    display: block;
    margin: 0 auto;
    width: 825px;
    height: auto;
}

#section5 .more-info-wrap a {
    position: absolute;
    height: 35px;
    left: 50%;
}

#section5 .more-info-wrap a.link1 {
    width: 300px;
    margin-left: -150px;
    top: -10px;
}

#section5 .more-info-wrap a.link2 {
    width: 340px;
    margin-left: -170px;
    top: 40px;
}

#section5 .more-info-wrap a.link3 {
    width: 470px;
    margin-left: -235px;
    top: 80px;
}

#section5 .more-info-wrap a.link4 {
    width: 250px;
    margin-left: -125px;
    top: 125px;
}

#section5 .more-info-wrap a.link5 {
    width: 666px;
    margin-left: -333px;
    top: 170px;
}

#section5 .more-info-wrap a.link6 {
    width: 450px;
    margin-left: -225px;
    top: 215px;
}

#section5 .more-info-wrap a.link7 {
    width: 520px;
    margin-left: -260px;
    top: 255px;
}

#section5 .more-info-wrap a.link8 {
    width: 340px;
    margin-left: -170px;
    top: 300px;
}

#section5 .more-info-wrap a.link9 {
    width: 840px;
    margin-left: -420px;
    top: 345px;
}

#section5 .more-info-wrap a.link10 {
    width: 620px;
    margin-left: -310px;
    top: 390px;
}

#section5 .more-info-wrap a.link11 {
    width: 310px;
    margin-left: -155px;
    top: 435px;
}

#section5 .more-info-wrap a.link12 {
    width: 710px;
    margin-left: -355px;
    top: 475px;
}

#section5 .more-info-wrap a.link13 {
    width: 666px;
    margin-left: -333px;
    top: 520px;
}

#section5 .more-live-info {
    display: block;
    width: 825px;
    height: 548px;
    margin: 0 auto;
    position: relative;
    top: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

#section5 .more-live-info.fallback {
    background: url(../img/more-live-info.png) no-repeat 0 0;
}

#section5 .more-info {
    display: block;
    margin: 0 auto;
}

#section5 .live {
    display: block;
    margin: 90px auto 30px;
}

#section5 .media {
    margin: 100px;
    top: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

#section5 .media.show {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0;
}

#section5 .media img {
    display: block;
    margin: 0 auto 20px;
}

#section5 .media ul {
    text-align: center;
    font-size: 15px;
}

#section5 .media ul li {
    line-height: 1.2;
    margin-top: 15px;
    color: #333;
}

#section5 .media ul li a {
    color: #333;
    text-decoration: underline;
}

#section5 .copyright {
    text-align: center;
    font-size: 10px;
    margin-top: 30px;
    color: #333;
}

#official-link {
    margin: 115px auto 0;
    width: 330px;
    height: 112px;
    display: block;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 50px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

#official-link.show {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0;
}

#official-link:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}

#official-link .official {
    width: 330px;
    height: 112px;
}

#official-link .official.fallback {
    background: url(../img/official.png) no-repeat 0 0;
}

#official-links {
    margin-top: 40px;
    font-size: 0;
    text-align: center;
}

#official-links a {
    display: inline-block;
    margin: 0 11px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

#official-links a:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}

#official-links a .official-facebook {
    width: 38px;
    height: 38px;
}

#official-links a .official-facebook.fallback {
    background: url(../img/official-facebook.png) no-repeat 0 0;
}

#official-links a .official-twitter {
    width: 41px;
    height: 33px;
}

#official-links a .official-twitter.fallback {
    background: url(../img/official-twitter.png) no-repeat 0 0;
}

#official-links .official-account {
    width: 116px;
    height: 12px;
    display: block;
    margin: 15px auto 0;
}

#official-links .official-account.fallback {
    background: url(../img/official-account.png) no-repeat 0 0;
}

#labels {
    margin-top: 115px;
    font-size: 0;
    text-align: center;
}

#labels a {
    display: inline-block;
    margin: 0 12px;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

#labels a:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}

#labels .tactics {
    width: 80px;
    height: 25px;
}

#labels .tactics.fallback {
    background: url(../img/tactics.png) no-repeat 0 0;
}

#labels .toysfactory {
    width: 77px;
    height: 25px;
}

#labels .toysfactory.fallback {
    background: url(../img/toysfactory.png) no-repeat 0 0;
}