@charset 'UTF-8';
/* --------------------------------------------------------------------------------
*
*   layout
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   color
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   font
*
-------------------------------------------------------------------------------- */
/*
*
*   web font
*
*/
/*
*
*   roboto
*
*/
/*
*
*   alegreya
*
*/
/* --------------------------------------------------------------------------------
*
*   easing
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   prefix
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   media query
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   font-size対応表
*
-------------------------------------------------------------------------------- */
/*  ================================================================================
Base font = 12px
================================================================================ */
/* ================================================================================
Base font = 13px
================================================================================ */
/* ================================================================================
Base font = 15px
================================================================================ */
/* ================================================================================
Base font = 16px
================================================================================ */
/* --------------------------------------------------------------------------------
*
*   mixin
*
-------------------------------------------------------------------------------- */
/*
  *
  *   how to
  *
  */
/* --------------------------------------------------------------------------------
*
*   transform
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   transition
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   animation
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   media query
*
-------------------------------------------------------------------------------- */
/*
    *
    *   how to   
    *
    */
/* --------------------------------------------------------------------------------
*
*   portrait,landscape
*
-------------------------------------------------------------------------------- */
/*
  *
  *   how to
  *
  */
/* --------------------------------------------------------------------------------
*
*   function
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   common
*
-------------------------------------------------------------------------------- */
/*
*
*   how to
*
*/
/*
*
*   font
*
*/
/*
 *
 *   web font   
 *
 */
body
{
    margin: 0;
    padding: 0;

    border: none;
}

/* image */
img,
div,
p,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
textarea
{
    font-size: 100%;
    font-weight: normal;
    font-style: normal;

    margin: 0;
    padding: 0;

    list-style: none;

    text-decoration: none;

    border: 0;
}

a
{
    cursor: pointer;
}

table
{
    font-size: 100%;
}

hr.separator
{
    display: none;
}

input,
button,
select,
textarea
{
    resize: none;

    border: none;
    border-radius: 0;
    outline: none;
    background-color: transparent;

    -webkit-appearance: none;
}

img
{
    vertical-align: bottom;
}

/* --------------------------------------------------------------------------------
*
*   html,body
*
-------------------------------------------------------------------------------- */
html
{
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
    font-size: 10px;

    overflow: hidden;

    width: 1778px;
    height: 1004px;

    letter-spacing: 0;

    color: #000;

    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
}

body
{
    width: 100%;
    height: 100%;
}

/* --------------------------------------------------------------------------------
*
*   wrapper / inner
*
-------------------------------------------------------------------------------- */
.wrapper
{
    width: 100%;
    height: 100%;
}

.inner
{
    width: 100%;
    height: 100%;

    opacity: 0;
}

/* --------------------------------------------------------------------------------
*
*   link
*
-------------------------------------------------------------------------------- */
a
{
    text-decoration: none;

    color: #fff;
}

a:hover
{
    text-decoration: none;

    color: #fff;
}

a:visited
{
    text-decoration: none;

    color: #fff;
}

a:active
{
    text-decoration: none;

    color: #fff;
}

/* --------------------------------------------------------------------------------
*
*   hover
*
-------------------------------------------------------------------------------- */
/*
    *
    *   img hovers
    *
    */
.op
{
    transition: opacity .25s cubic-bezier(.25, .46, .45, .94) 0s;
}

.op:hover
{
    cursor: pointer;

    opacity: .7;
}

.scale
{
    transition: -webkit-transform .35s cubic-bezier(.25, .46, .45, .94) 0s;
    transition:         transform .35s cubic-bezier(.25, .46, .45, .94) 0s;
    transition:         transform .35s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform .35s cubic-bezier(.25, .46, .45, .94) 0s;
}

.scale:hover
{
    cursor: pointer;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.scale_img
{
    transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94) 0s;
    transition:         transform .3s cubic-bezier(.25, .46, .45, .94) 0s;
    transition:         transform .3s cubic-bezier(.25, .46, .45, .94) 0s, -webkit-transform .3s cubic-bezier(.25, .46, .45, .94) 0s;
}

.scale_img:hover
{
    cursor: pointer;
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
}

/*
    *
    *   text hover
    *   広がる、色が変わる(背景色と文字色)
    */
.under
{
    text-decoration: underline !important;
}

.under:hover
{
    text-decoration: none !important;
}

._under
{
    text-decoration: none !important;
}

._under:hover
{
    text-decoration: underline !important;
}

.under__red
{
    border-bottom: none;
}

.under__red:hover
{
    border-bottom: 1px solid #c30000;
}

/*
    *
    *   cursor
    *
    */
.cp
{
    cursor: pointer;
}

/*
    *
    *   linkarea
    *
    */
.linkArea:hover .link
{
    border-bottom: 1px solid #1c426d;
}

.linkArea img
{
    transition: all .25s cubic-bezier(.25, .46, .45, .94) 0s;
}

.linkArea:hover img
{
    opacity: .5;
}

/* --------------------------------------------------------------------------------
*
*   title
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   p
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   img
*
-------------------------------------------------------------------------------- */
img
{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

            touch-callout: none;
    -webkit-touch-callout: none;
       -moz-touch-callout: none;
}

/* --------------------------------------------------------------------------------
*
*   header
*
-------------------------------------------------------------------------------- */
#header
{
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 24px;
    padding-top: 20px;
}

#header .btn__menu
{
    position: absolute;
    top: 0;
    right: 0;
}

#header .logo
{
    text-align: center;
}

#header .date
{
    position: absolute;
    top: 104px;
    left: 17px;
}

/* --------------------------------------------------------------------------------
*
*   nav
*
-------------------------------------------------------------------------------- */
/*
*
*   media query   
*
*/
/* --------------------------------------------------------------------------------
*
*   contents
*
-------------------------------------------------------------------------------- */
/*
*
*   top visual
*
*/
/*
*
*   media query   
*
*/
/* --------------------------------------------------------------------------------
*
*   footer
*
-------------------------------------------------------------------------------- */
#footer .f__menu
{
    position: relative;

    margin-bottom: 65px;
}

#footer .f__menu li
{
    border-top: 1px solid #a58f68;
    background: url(/assets/img/common/f__arrow.png) no-repeat, rgba(236, 229, 229, .5);
    background-position: 95% center;
    background-size: 13px;
}

#footer .f__menu li a
{
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;

    display: block;

    padding: 20px 0 19px;

    text-align: center;
    letter-spacing: .08em;

    color: #493511;
}

#footer .f__menu li:last-child
{
    border-bottom: 1px solid #a58f68;
}

#footer .f__sns.row
{
    margin-bottom: 45px;
}

#footer .f__sns.row .item
{
    margin-right: 20px;
}

#footer .f__logo
{
    padding-bottom: 50px;

    text-align: center;
}

/*
*
*   media query   
*
*/
/* --------------------------------------------------------------------------------
*
*   loading
*
-------------------------------------------------------------------------------- */
#loading
{
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    opacity: 0;
    background-color: #fff;
}

#loading .loadingInner
{
    position: absolute;
    top: 203px;
    left: 514px;

    width: 742px;
    height: 591px;
}

#loading .img
{
    position: absolute;
}

#loading .logo
{
    z-index: 5;
    top: 213px;
    left: 121px;

    width: 639px;
    height: 225px;
}

#loading .cloud01
{
    z-index: 4;
    top: 144px;
    left: 491px;

    width: 66px;
    height: 38px;
}

#loading .cloud02
{
    z-index: 4;
    top: 315px;
    left: 658px;

    width: 203px;
    height: 125px;
}

#loading .cloud03
{
    z-index: 4;
    top: 438px;
    left: 73px;

    width: 208px;
    height: 77px;
}

#loading .ship
{
    z-index: 3;
    top: 72px;
    left: 260px;

    width: 172px;
    height: 180px;
}

#loading .bg
{
    z-index: 1;
    top: 17px;
    left: 70px;
}

#loading .bgLine
{
    z-index: 2;
}

/* --------------------------------------------------------------------------------
*
*   Opening
*
-------------------------------------------------------------------------------- */
#opening
{
    position: absolute;
    z-index: 1000000;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    opacity: 0;
}

#opening .scene01
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    -webkit-perspective: 800px;
            perspective: 800px;
    -webkit-perspective-origin: -40% -40%;
            perspective-origin: -40% -40%;
}

#opening .scene01 .img
{
    position: absolute;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    opacity: 0;
}

#opening .scene01 .panelWrap
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

#opening .scene01 .img01
{
    top: 28px;
    left: -13px;

    width: 335px;
    height: 279px;
}

#opening .scene01 .img02
{
    top: 470px;
    left: 1070px;

    width: 408px;
    height: 197px;
}

#opening .scene01 .img03
{
    top: 489px;
    left: 432px;

    width: 320px;
    height: 482px;
}

#opening .scene01 .img04
{
    top: 26px;
    left: 961px;

    width: 291px;
    height: 191px;
}

#opening .scene01 .img05
{
    top: 495px;
    left: 1460px;

    width: 323px;
    height: 264px;
}

#opening .scene01 .img06
{
    top: 603px;
    left: -13px;

    width: 223px;
    height: 368px;
}

#opening .scene01 .img07
{
    top: 26px;
    left: 1546px;

    width: 236px;
    height: 256px;
}

#opening .scene01 .img08
{
    top: 682px;
    left: 1087px;

    width: 351px;
    height: 288px;
}

#opening .scene01 .img09
{
    top: 241px;
    left: 692px;

    width: 344px;
    height: 232px;
}

#opening .scene01 .img10
{
    top: 733px;
    left: 1413px;

    width: 370px;
    height: 236px;
}

#opening .scene01 .img11
{
    top: 27px;
    left: 308px;

    width: 328px;
    height: 248px;
}

#opening .scene01 .img12
{
    top: 309px;
    left: -13px;

    width: 344px;
    height: 312px;
}

#opening .scene01 .img13
{
    top: 721px;
    left: 706px;

    width: 377px;
    height: 249px;
}

#opening .scene01 .img14
{
    top: 26px;
    left: 1249px;

    width: 311px;
    height: 165px;
}

#opening .scene01 .img15
{
    top: 560px;
    left: 179px;

    width: 291px;
    height: 411px;
}

#opening .scene01 .img16
{
    top: 429px;
    left: 741px;

    width: 324px;
    height: 319px;
}

#opening .scene01 .img17
{
    top: 195px;
    left: 1050px;

    width: 478px;
    height: 260px;
}

#opening .scene01 .img18
{
    top: 27px;
    left: 624px;

    width: 342px;
    height: 220px;
}

#opening .scene01 .img19
{
    top: 266px;
    left: 1504px;

    width: 279px;
    height: 253px;
}

#opening .scene01 .img20
{
    top: 272px;
    left: 280px;

    width: 399px;
    height: 274px;
}

#opening .scene02
{
    position: absolute;

    width: 100%;
    height: 100%;
}

#opening .scene02 .bg
{
    width: 100%;
    height: 100%;

    background-color: rgba(73, 53, 17, .7);
}

#opening .scene02 .bgLine
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

#opening .scene02 .img
{
    position: absolute;
}

#opening .scene02 .textWrap
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transform: rotate(-4.98deg);
        -ms-transform: rotate(-4.98deg);
            transform: rotate(-4.98deg);
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
}

#opening .scene02 .text01
{
    top: 121px;
    left: 592px;
}

#opening .scene02 .text02
{
    top: 329px;
    left: 284px;
}

#opening .scene02 .text03
{
    top: 539px;
    left: 447px;
}

#opening .scene02 .text04
{
    top: 730px;
    left: 340px;
}

/* --------------------------------------------------------------------------------
*
*   menu
*
-------------------------------------------------------------------------------- */
#menu
{
    position: absolute;
    z-index: 100000;
    top: 0;
    left: 0;

    width: 100%;
}

#menu .menu__inner
{
    background: url(/assets/img/common/bg__menu.png) no-repeat;
    background-size: 100%;
}

#menu .turn
{
    position: absolute;
    bottom: 0;
    left: 0;
}

#menu .logo
{
    margin-bottom: 56px;
    padding: 15px;
    padding-bottom: 0;
}

#menu .open
{
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 13px;
}

#menu .close
{
    position: absolute;
    z-index: 1;
    top: 11px;
    right: 11px;
}

#menu .chain
{
    position: absolute;
    left: 0;
}

#menu .chain01
{
    top: 69px;
}

#menu .chain02
{
    top: 458px;
}

#menu .menuList
{
    margin-bottom: 121px;

    text-align: center;
}

#menu .menuList .item
{
    margin-bottom: 27px;
}

#menu .menuList .item:nth-child(1)
{
    margin-bottom: 30px;
}

#menu .snsList
{
    z-index: 2;

    padding-bottom: 40px;
}

#menu .snsList .item
{
    margin-right: 20px;
}

/* --------------------------------------------------------------------------------
*
*   ex
*
-------------------------------------------------------------------------------- */
.ex
{
    display: inline-block;

    -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
            transform: rotate(20deg);
    text-indent: 0;
}

/* --------------------------------------------------------------------------------
*
*   pagetop
*
-------------------------------------------------------------------------------- */
.pagetopWrap
{
    position: fixed;
    z-index: 10003;
    right: 0;
    bottom: 0;
}

.pagetopWrap .pagetop
{
    opacity: 0;
}

.pagetopWrap .pageTopMotion
{
    position: fixed;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 0;
    height: 0;

    opacity: 0;
    background: rgba(73, 53, 17, .7);

    -webkit-perspective: 100px;
            perspective: 100px;
}

.pagetopWrap .pageTopMotion .pagetopM
{
    position: absolute;
}

.pagetopWrap .pageTopMotion .fujitora
{
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 50%;

    margin-left: -118px;
}

.pagetopWrap .pageTopMotion .balloon01
{
    right: 0;
    bottom: 180px;
}

.pagetopWrap .pageTopMotion .balloon02
{
    bottom: 180px;
    left: 20px;
}

.pagetopWrap .pageTopMotion .balloon03
{
    z-index: 1;
    bottom: 0;
    left: 5px;
}

.pagetopWrap .pageTopMotion .debris01
{
    top: 100px;
    left: 100px;
}

.pagetopWrap .pageTopMotion .debris02
{
    top: 70px;
    left: 280px;
}

.pagetopWrap .pageTopMotion .debris03
{
    top: 100px;
    left: 210px;
}

.pagetopWrap .pageTopMotion .debris04
{
    top: 160px;
    left: 20px;
}

.pagetopWrap .pageTopMotion .debris05
{
    top: 140px;
    left: 290px;
}

.pagetopWrap .pageTopMotion .debris06
{
    top: 220px;
    left: 100px;
}

.pagetopWrap .pageTopMotion .debris07
{
    top: 280px;
    left: 40px;
}

.pagetopWrap .pageTopMotion .debris08
{
    top: 259px;
    left: 120px;
}

.pagetopWrap .pageTopMotion .debris09
{
    top: 250px;
    left: 358px;
}

.pagetopWrap .pageTopMotion .debris10
{
    top: 330px;
    left: 60px;
}

.pagetopWrap .pageTopMotion .debris11
{
    top: 320px;
    left: 290px;
}

.pagetopWrap .pageTopMotion .debris12
{
    top: 410px;
    left: 190px;
}

.pagetopWrap .pageTopMotion .debris13
{
    top: 550px;
    left: 260px;
}

.pagetopWrap .pageTopMotion .debris_many
{
    top: 0;
    left: 0;

    width: 100%;
    height: auto;
}

.pagetopWrap .pageTopMotion .text01
{
    bottom: 90px;
    left: 0;
}

.pagetopWrap .pageTopMotion .text02
{
    bottom: 110px;
    left: 100px;
}

.pagetopWrap .pageTopMotion .text03
{
    bottom: 90px;
    left: 210px;
}

.pagetopWrap .pageTopMotion .text04
{
    right: 0;
    bottom: 20px;
}

/* --------------------------------------------------------------------------------
*
*   row
*
-------------------------------------------------------------------------------- */
.row
{
    font-size: 0;

    text-align: center;
}

.row .item
{
    display: inline-block;
}

.row.row_col2 > .item
{
    width: 50%;
}

.row.row_col3 > .item
{
    width: 33.3333%;
}

.row.row_col4 > .item
{
    width: 25%;
}

.row .item:last-child
{
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* --------------------------------------------------------------------------------
*
*   table
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   sp Menu
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   error
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   copy
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   bread
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   overlay
*
-------------------------------------------------------------------------------- */
.overlay
{
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: rgba(0, 0, 0, .6);
}

/* --------------------------------------------------------------------------------
*
*   checkbox
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   select box
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   その他
*
-------------------------------------------------------------------------------- */
/*
*
*  transition 無効化s
*
*/
/*
*
*   triangle
*
*/
/*
*
*   shadow
*
*/
/*
*
*   design(見本)
*
*/
/* --------------------------------------------------------------------------------
*
*   font-size
*
-------------------------------------------------------------------------------- */
/* Font-Size */
.fz10
{
    font-size: 10px;
    font-size: 1rem;
}

.fz12
{
    font-size: 12px;
    font-size: 1.2rem;
}

.fz14
{
    font-size: 14px;
    font-size: 1.4rem;
}

.fz16
{
    font-size: 16px;
    font-size: 1.6rem;
}

.fz20
{
    font-size: 20px;
    font-size: 2rem;
}

.fz22
{
    font-size: 22px;
    font-size: 2.2rem;
}

.fz30
{
    font-size: 30px;
    font-size: 3rem;
}

.fz40
{
    font-size: 40px;
    font-size: 4rem;
}

.fz50
{
    font-size: 50px;
    font-size: 5rem;
}

.fz60
{
    font-size: 60px;
    font-size: 6rem;
}

.fz70
{
    font-size: 70px;
    font-size: 7rem;
}

.fz80
{
    font-size: 80px;
    font-size: 8rem;
}

.fz90
{
    font-size: 90px;
    font-size: 9rem;
}

/* Margin-Top & Padding-Top */
.mt00
{
    margin-top: 0 !important;
}

.pt00
{
    padding-top: 0 !important;
}

.mt05
{
    margin-top: 5px !important;
}

.pt05
{
    padding-top: 5px !important;
}

.mt10
{
    margin-top: 10px !important;
}

.pt10
{
    padding-top: 10px !important;
}

.mt15
{
    margin-top: 15px !important;
}

.pt15
{
    padding-top: 15px !important;
}

.mt20
{
    margin-top: 20px !important;
}

.pt20
{
    padding-top: 20px !important;
}

.mt25
{
    margin-top: 25px !important;
}

.pt25
{
    padding-top: 25px !important;
}

.mt30
{
    margin-top: 30px !important;
}

.pt30
{
    padding-top: 30px !important;
}

.mt35
{
    margin-top: 35px !important;
}

.pt35
{
    padding-top: 35px !important;
}

.mt40
{
    margin-top: 40px !important;
}

.pt40
{
    padding-top: 40px !important;
}

.mt45
{
    margin-top: 45px !important;
}

.pt45
{
    padding-top: 45px !important;
}

.mt50
{
    margin-top: 50px !important;
}

.pt50
{
    padding-top: 50px !important;
}

.mt55
{
    margin-top: 55px !important;
}

.pt55
{
    padding-top: 55px !important;
}

.mt60
{
    margin-top: 60px !important;
}

.pt60
{
    padding-top: 60px !important;
}

.mt65
{
    margin-top: 65px !important;
}

.pt65
{
    padding-top: 65px !important;
}

.mt70
{
    margin-top: 70px !important;
}

.pt70
{
    padding-top: 70px !important;
}

.mt75
{
    margin-top: 75px !important;
}

.pt75
{
    padding-top: 75px !important;
}

.mt80
{
    margin-top: 80px !important;
}

.pt80
{
    padding-top: 80px !important;
}

.mt85
{
    margin-top: 85px !important;
}

.pt85
{
    padding-top: 85px !important;
}

.mt90
{
    margin-top: 90px !important;
}

.pt90
{
    padding-top: 90px !important;
}

.mt95
{
    margin-top: 95px !important;
}

.pt95
{
    padding-top: 95px !important;
}

.mt100
{
    margin-top: 100px !important;
}

.pt100
{
    padding-top: 100px !important;
}

/* Margin-Right & Padding-Right */
.mr00
{
    margin-right: 0 !important;
}

.pr00
{
    padding-right: 0 !important;
}

.mr05
{
    margin-right: 5px !important;
}

.pr05
{
    padding-right: 5px !important;
}

.mr10
{
    margin-right: 10px !important;
}

.pr10
{
    padding-right: 10px !important;
}

.mr15
{
    margin-right: 15px !important;
}

.pr15
{
    padding-right: 15px !important;
}

.mr20
{
    margin-right: 20px !important;
}

.pr20
{
    padding-right: 20px !important;
}

.mr25
{
    margin-right: 25px !important;
}

.pr25
{
    padding-right: 25px !important;
}

.mr30
{
    margin-right: 30px !important;
}

.pr30
{
    padding-right: 30px !important;
}

.mr35
{
    margin-right: 35px !important;
}

.pr35
{
    padding-right: 35px !important;
}

.mr40
{
    margin-right: 40px !important;
}

.pr40
{
    padding-right: 40px !important;
}

.mr45
{
    margin-right: 45px !important;
}

.pr45
{
    padding-right: 45px !important;
}

.mr50
{
    margin-right: 50px !important;
}

.pr50
{
    padding-right: 50px !important;
}

.mr55
{
    margin-right: 55px !important;
}

.pr55
{
    padding-right: 55px !important;
}

.mr60
{
    margin-right: 60px !important;
}

.pr60
{
    padding-right: 60px !important;
}

.mr65
{
    margin-right: 65px !important;
}

.pr65
{
    padding-right: 65px !important;
}

.mr70
{
    margin-right: 70px !important;
}

.pr70
{
    padding-right: 70px !important;
}

.mr75
{
    margin-right: 75px !important;
}

.pr75
{
    padding-right: 75px !important;
}

.mr80
{
    margin-right: 80px !important;
}

.pr80
{
    padding-right: 80px !important;
}

.mr85
{
    margin-right: 85px !important;
}

.pr85
{
    padding-right: 85px !important;
}

.mr90
{
    margin-right: 90px !important;
}

.pr90
{
    padding-right: 90px !important;
}

.mr95
{
    margin-right: 95px !important;
}

.pr95
{
    padding-right: 95px !important;
}

.mr100
{
    margin-right: 100px !important;
}

.pr100
{
    padding-right: 100px !important;
}

/* Margin-Bottom & Padding-Bottom */
.mb00
{
    margin-bottom: 0 !important;
}

.pb00
{
    padding-bottom: 0 !important;
}

.mb05
{
    margin-bottom: 5px !important;
}

.pb05
{
    padding-bottom: 5px !important;
}

.mb10
{
    margin-bottom: 10px !important;
}

.pb10
{
    padding-bottom: 10px !important;
}

.mb15
{
    margin-bottom: 15px !important;
}

.pb15
{
    padding-bottom: 15px !important;
}

.mb20
{
    margin-bottom: 20px !important;
}

.pb20
{
    padding-bottom: 20px !important;
}

.mb25
{
    margin-bottom: 25px !important;
}

.pb25
{
    padding-bottom: 25px !important;
}

.mb30
{
    margin-bottom: 30px !important;
}

.pb30
{
    padding-bottom: 30px !important;
}

.mb35
{
    margin-bottom: 35px !important;
}

.pb35
{
    padding-bottom: 35px !important;
}

.mb40
{
    margin-bottom: 40px !important;
}

.pb40
{
    padding-bottom: 40px !important;
}

.mb45
{
    margin-bottom: 45px !important;
}

.pb45
{
    padding-bottom: 45px !important;
}

.mb50
{
    margin-bottom: 50px !important;
}

.pb50
{
    padding-bottom: 50px !important;
}

.mb55
{
    margin-bottom: 55px !important;
}

.pb55
{
    padding-bottom: 55px !important;
}

.mb60
{
    margin-bottom: 60px !important;
}

.pb60
{
    padding-bottom: 60px !important;
}

.mb65
{
    margin-bottom: 65px !important;
}

.pb65
{
    padding-bottom: 65px !important;
}

.mb70
{
    margin-bottom: 70px !important;
}

.pb70
{
    padding-bottom: 70px !important;
}

.mb75
{
    margin-bottom: 75px !important;
}

.pb75
{
    padding-bottom: 75px !important;
}

.mb80
{
    margin-bottom: 80px !important;
}

.pb80
{
    padding-bottom: 80px !important;
}

.mb85
{
    margin-bottom: 85px !important;
}

.pb85
{
    padding-bottom: 85px !important;
}

.mb90
{
    margin-bottom: 90px !important;
}

.pb90
{
    padding-bottom: 90px !important;
}

.mb95
{
    margin-bottom: 95px !important;
}

.pb95
{
    padding-bottom: 95px !important;
}

.mb100
{
    margin-bottom: 100px !important;
}

.pb100
{
    padding-bottom: 100px !important;
}

/* Margin-Left & Padding-Left */
.ml00
{
    margin-left: 0 !important;
}

.pl00
{
    padding-left: 0 !important;
}

.ml05
{
    margin-left: 5px !important;
}

.pl05
{
    padding-left: 5px !important;
}

.ml10
{
    margin-left: 10px !important;
}

.pl10
{
    padding-left: 10px !important;
}

.ml15
{
    margin-left: 15px !important;
}

.pl15
{
    padding-left: 15px !important;
}

.ml20
{
    margin-left: 20px !important;
}

.pl20
{
    padding-left: 20px !important;
}

.ml25
{
    margin-left: 25px !important;
}

.pl25
{
    padding-left: 25px !important;
}

.ml30
{
    margin-left: 30px !important;
}

.pl30
{
    padding-left: 30px !important;
}

.ml35
{
    margin-left: 35px !important;
}

.pl35
{
    padding-left: 35px !important;
}

.ml40
{
    margin-left: 40px !important;
}

.pl40
{
    padding-left: 40px !important;
}

.ml45
{
    margin-left: 45px !important;
}

.pl45
{
    padding-left: 45px !important;
}

.ml50
{
    margin-left: 50px !important;
}

.pl50
{
    padding-left: 50px !important;
}

.ml55
{
    margin-left: 55px !important;
}

.pl55
{
    padding-left: 55px !important;
}

.ml60
{
    margin-left: 60px !important;
}

.pl60
{
    padding-left: 60px !important;
}

.ml65
{
    margin-left: 65px !important;
}

.pl65
{
    padding-left: 65px !important;
}

.ml70
{
    margin-left: 70px !important;
}

.pl70
{
    padding-left: 70px !important;
}

.ml75
{
    margin-left: 75px !important;
}

.pl75
{
    padding-left: 75px !important;
}

.ml80
{
    margin-left: 80px !important;
}

.pl80
{
    padding-left: 80px !important;
}

.ml85
{
    margin-left: 85px !important;
}

.pl85
{
    padding-left: 85px !important;
}

.ml90
{
    margin-left: 90px !important;
}

.pl90
{
    padding-left: 90px !important;
}

.ml95
{
    margin-left: 95px !important;
}

.pl95
{
    padding-left: 95px !important;
}

.ml100
{
    margin-left: 100px !important;
}

.pl100
{
    padding-left: 100px !important;
}

/* line-height */
div,
p,
h1,
h2,
h3,
h4
{
    line-height: 1;
}

/* Float */
.fl
{
    float: left;
}

.fr
{
    float: right;
}

.cl
{
    clear: both;
}

.fList > li,
.fList > dt,
.fList > dd,
.fList > .item
{
    float: left;
}

.fBoth > li:first-child
{
    float: left;
}

.fBoth > li:last-child
{
    float: right;
}

.fBoth > dt,
.fBoth > .item:nth-child(1)
{
    float: left;
}

.fBoth > dd,
.fBoth > .item:nth-child(2)
{
    float: right;
}

/* Clearfix*/
.cf,
.wrap,
.fList
{
    zoom: 1;
}

.cf:after,
.wrap:after,
.fList:after,
.fBoth:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

/* TextAlign */
.al
{
    text-align: left;
}

.ar
{
    text-align: right;
}

.ac
{
    text-align: center;
}

/* TextAlign */
.vb
{
    vertical-align: baseline;
}

/* position relative */
div,
section,
article,
ul,
header,
footer,
tr,
td
{
    position: relative;
}

/* Nav*/
.nav
{
    zoom: 1;
}

.nav:after
{
    line-height: 0;

    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

/* --------------------------------------------------------------------------------
*
*   font
*
-------------------------------------------------------------------------------- */
.captalize
{
    text-transform: capitalize;
}

.uppercase
{
    text-transform: uppercase;
}

.lowercase
{
    text-transform: lowercase;
}

/* --------------------------------------------------------------------------------
*
*   responsive
*
-------------------------------------------------------------------------------- */
img.fitted
{
    width: 100% !important;
    height: auto !important;
}

img.flex
{
    width: 100% !important;
    height: auto !important;
}

/* --------------------------------------------------------------------------------
*
*   overflow hidden
*
-------------------------------------------------------------------------------- */
.oh
{
    overflow: hidden;
}

/* --------------------------------------------------------------------------------
*
*   word breadk
*
-------------------------------------------------------------------------------- */
.wb
{
    word-break: break-all;
}

/* --------------------------------------------------------------------------------
*
*   font-weight
*
-------------------------------------------------------------------------------- */
.fwb
{
    font-weight: bold;
}

/* --------------------------------------------------------------------------------
*
*   opacity
*
-------------------------------------------------------------------------------- */
.is-unvisible
{
    opacity: 0 !important;
}

.is-visible
{
    opacity: 1 !important;
}

/* --------------------------------------------------------------------------------
*
*   display
*
-------------------------------------------------------------------------------- */
.is-block
{
    display: block !important;
}

.is-none
{
    display: none !important;
}

/* --------------------------------------------------------------------------------
*
*   overflow
*
-------------------------------------------------------------------------------- */
.is-scroll
{
    overflow: scroll !important;
}

.is-scroll-x
{
    overflow-x: scroll !important;
}

.is-scroll-y
{
    overflow-y: scroll !important;
}

.is-hidden
{
    overflow: hidden !important;
}

.is-hidden-x
{
    overflow-x: hidden !important;
}

.is-hidden-y
{
    overflow-y: hidden !important;
}

/* --------------------------------------------------------------------------------
*
*   position
*
-------------------------------------------------------------------------------- */
.is-fixed
{
    position: fixed !important;
}

.is-absolute
{
    position: absolute !important;
}

.is-relative
{
    position: relative !important;
}

.is-static
{
    position: static !important;
}

/* --------------------------------------------------------------------------------
*
*   その他
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   character 
*
-------------------------------------------------------------------------------- */
.frameC
{
    position: absolute;
    top: 0;
    left: 0;

    margin-top: -7px;
    margin-left: -7px;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);

    opacity: 0;
}

.balloonC
{
    position: absolute;
    z-index: 5;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

/* --------------------------------------------------------------------------------
*   vivi
-------------------------------------------------------------------------------- */
.vivi_frame01
{
    margin-top: -89px;
    margin-left: -143px;

    -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
            transform: translateX(50px);

    opacity: 0;
}

.vivi_frame02
{
    top: -246px;

    margin-left: -89px;

    opacity: 0;
}

.vivi_fr01_balloon01
{
    bottom: 30px;
    left: -110px;

    -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
            transform: translateX(50px);

    opacity: 0;
}

.vivi_fr01_balloon02
{
    right: -67px;
    bottom: 3px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.vivi_fr02_balloon01
{
    top: 173px;
    right: -59px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.vivi_fr02_balloon02
{
    top: 121px;
    left: 3px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

/* --------------------------------------------------------------------------------
*   momonosuke
-------------------------------------------------------------------------------- */
.momonosuke_frame01
{
    margin-top: -49px;

    -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
            transform: translateX(50px);

    opacity: 0;
}

.momonosuke_frame02
{
    top: -1px;

    margin-left: -6px;

    opacity: 0;
}

.momonosuke_fr01_balloon01
{
    top: 140px;
    left: 83px;

    opacity: 0;
}

.momonosuke_fr02_balloon01
{
    top: 208px;
    right: -17px;

    -webkit-transform: scale(1.8);
        -ms-transform: scale(1.8);
            transform: scale(1.8);

    opacity: 0;
}

.momonosuke_fr02_balloon02
{
    top: 191px;
    left: -61px;

    -webkit-transform: scale(1.8);
        -ms-transform: scale(1.8);
            transform: scale(1.8);

    opacity: 0;
}

/* --------------------------------------------------------------------------------
*   rpg
-------------------------------------------------------------------------------- */
.rpg_frame01
{
    margin-top: -169px;
    margin-left: -200px;

    opacity: 0;
}

.rpg_frame02
{
    top: 0;
    left: 0;

    opacity: 0;
}

.rpg_frame03
{
    top: -257px;
    left: 0;

    opacity: 0;
}

.rpg_fr01_balloon01
{
    top: 168px;
    right: -57px;

    -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
            transform: translateX(-15px);

    opacity: 0;
}

.rpg_fr01_balloon02
{
    top: 120px;
    left: -115px;

    -webkit-transform: translateX(15px);
        -ms-transform: translateX(15px);
            transform: translateX(15px);

    opacity: 0;
}

.rpg_fr02_balloon01
{
    top: 118px;
    right: -57px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.rpg_fr02_balloon02
{
    top: 139px;
    left: -69px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.rpg_fr03_balloon01
{
    top: 100px;
    left: 214px;

    -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
            transform: translateY(15px);

    opacity: 0;
}

/* --------------------------------------------------------------------------------
*   sa-yk
-------------------------------------------------------------------------------- */
.sa-yk_frame01
{
    margin-top: -8px;
    margin-left: -33px;

    opacity: 0;
}

.sa-yk_frame02
{
    margin-top: -15px;
    margin-left: -178px;

    opacity: 0;
}

.sa-yk_frame03
{
    top: -77px;

    margin-left: -12px;

    opacity: 0;
}

.sa-yk_fr03_balloon01
{
    top: 330px;
    right: -90px;

    -webkit-transform: translatex(-15px);
        -ms-transform: translatex(-15px);
            transform: translatex(-15px);

    opacity: 0;
}

.sa-yk_fr03_balloon02
{
    top: 144px;
    left: -36px;

    -webkit-transform: translatex(15px);
        -ms-transform: translatex(15px);
            transform: translatex(15px);

    opacity: 0;
}

/* --------------------------------------------------------------------------------
*   kings
-------------------------------------------------------------------------------- */
.kings_frame01
{
    top: -213px;
    left: -5px;

    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);

    opacity: 0;
}

.kings_frame02
{
    top: -257px;
    left: -86px;

    opacity: 0;
}

.kings_frame03
{
    top: -298px;
    left: -119px;

    opacity: 0;
}

.kings_frame04
{
    top: -164px;
    left: -113px;

    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);

    opacity: 0;
}

.kings_frame05
{
    top: -287px;
    left: -5px;

    opacity: 0;
}

.kings_frame06
{
    top: -288px;
    left: -8px;

    opacity: 0;
}

.kings_fr02_balloon01
{
    top: 74px;
    right: -119px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.kings_fr02_balloon02
{
    top: 157px;
    left: -9px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.kings_fr03_balloon01
{
    top: 123px;
    left: -42px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.kings_fr05_balloon01
{
    top: -7px;
    right: -6px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.kings_fr06_balloon01
{
    top: 23px;
    left: 134px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.kings_fr06_balloon02
{
    top: 593px;
    left: 544px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

/* --------------------------------------------------------------------------------
*   shirahoshi
-------------------------------------------------------------------------------- */
.shirahoshi_frame01
{
    top: -120px;
    left: -135px;

    opacity: 0;
}

.shirahoshi_frame02
{
    top: -251px;
    left: 79px;

    opacity: 0;
}

.shirahoshi_frame03
{
    top: -262px;
    left: -4px;

    opacity: 0;
}

.shirahoshi_fr01_balloon01
{
    top: 283px;
    right: -120px;

    -webkit-transform: translatex(-15px);
        -ms-transform: translatex(-15px);
            transform: translatex(-15px);

    opacity: 0;
}

.shirahoshi_fr01_balloon02
{
    top: 103px;
    right: 584px;

    -webkit-transform: translatex(15px);
        -ms-transform: translatex(15px);
            transform: translatex(15px);

    opacity: 0;
}

.shirahoshi_fr02_balloon01
{
    top: -7px;
    left: 558px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.shirahoshi_fr02_balloon02
{
    top: 574px;
    left: -106px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.shirahoshi_fr03_balloon01
{
    top: 45px;
    left: -27px;

    opacity: 0;
}

/* --------------------------------------------------------------------------------
*   dragon
-------------------------------------------------------------------------------- */
.dragon_frame01
{
    -webkit-transform: scale(1.2) translate3d(0, 0, 0);
            transform: scale(1.2) translate3d(0, 0, 0);

    opacity: 0;
}

.dragon_frame02
{
    margin-top: -97px;
    margin-left: -57px;

    -webkit-transform: scale(1.5) translate3d(0, 0, 0);
            transform: scale(1.5) translate3d(0, 0, 0);

    opacity: 0;
}

.dragon_frame03
{
    margin-top: -188px;
    margin-left: 34px;

    -webkit-transform: scale(1.1) translate3d(0, 0, 0);
            transform: scale(1.1) translate3d(0, 0, 0);

    opacity: 0;
}

.dragon_frame04
{
    margin-left: -207px;

    -webkit-transform: scale(1.5) translate3d(0, 0, 0);
            transform: scale(1.5) translate3d(0, 0, 0);

    opacity: 0;
}

.dragon_fr01_balloon01
{
    top: 57px;
    left: 638px;

    opacity: 0;
}

.dragon_fr01_balloon02
{
    top: 93px;
    left: -12px;

    opacity: 0;
}

.dragon_fr02_balloon01
{
    top: 215px;
    left: 405px;

    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);

    opacity: 0;
}

.dragon_fr03_balloon01
{
    top: 246px;
    left: -28px;

    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);

    opacity: 0;
}

.dragon_fr04_balloon01
{
    top: 154px;
    left: 685px;

    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);

    opacity: 0;
}

.dragon_fr04_balloon02
{
    top: 608px;
    left: -16px;

    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);

    opacity: 0;
}

/* --------------------------------------------------------------------------------
*   kaidou
-------------------------------------------------------------------------------- */
.kaidou_frame01
{
    top: -210px;
    left: 1px;

    opacity: 0;
}

.kaidou_fr01_balloon01
{
    top: 483px;
    left: 124px;

    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    opacity: 0;
}

/* --------------------------------------------------------------------------------
*   sanji
-------------------------------------------------------------------------------- */
.sanji_frame01
{
    top: -100px;
    left: -148px;

    opacity: 0;
}

.sanji_frame02
{
    top: 5px;
    left: -138px;

    opacity: 0;
}

.sanji_fr01_balloon01
{
    top: 39px;
    right: -92px;

    -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
            transform: translateX(-50px);

    opacity: 0;
}

.sanji_fr01_balloon02
{
    top: 61px;
    left: -63px;

    -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
            transform: translateX(50px);

    opacity: 0;
}

.sanji_fr02_balloon01
{
    top: 94px;
    left: 274px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

/* --------------------------------------------------------------------------------
*   lola
-------------------------------------------------------------------------------- */
.lola_frame01
{
    top: -270px;
    left: -74px;

    opacity: 0;
}

.lola_frame02
{
    top: -95px;
    left: -80px;

    opacity: 0;
}

.lola_fr01_balloon01
{
    top: 23px;
    right: 64px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.lola_fr01_balloon02
{
    top: 93px;
    right: 4px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.lola_fr02_balloon01
{
    top: 125px;
    right: -9px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.lola_fr02_balloon02
{
    top: 105px;
    left: -46px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

/* --------------------------------------------------------------------------------
*   luffy
-------------------------------------------------------------------------------- */
.luffy_frame01
{
    top: -142px;
    left: -112px;

    opacity: 0;
}

.luffy_fr01_balloon01
{
    top: 363px;
    right: -35px;

    opacity: 0;
}

.luffy_fr01_balloon02
{
    top: 538px;
    left: -29px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

/* --------------------------------------------------------------------------------
*   usopp
-------------------------------------------------------------------------------- */
.usopp_frame01
{
    top: -185px;
    left: -166px;

    opacity: 0;
}

.usopp_frame02
{
    top: -68px;
    left: -90px;

    opacity: 0;
}

.usopp_fr01_balloon01
{
    top: 93px;
    right: -120px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.usopp_fr01_balloon02
{
    top: 157px;
    left: -19px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.usopp_fr02_balloon01
{
    top: 113px;
    left: 24px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.usopp_fr02_balloon02
{
    top: 297px;
    right: -72px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

/* --------------------------------------------------------------------------------
*   luffy-law
-------------------------------------------------------------------------------- */
.luffy-law_frame01
{
    top: 6px;
    left: -155px;

    opacity: 0;
}

.luffy-law_fr01_balloon01
{
    top: 214px;
    right: -140px;

    opacity: 0;
}

.luffy-law_fr01_balloon02
{
    top: 203px;
    left: -86px;

    opacity: 0;
}

/* --------------------------------------------------------------------------------
*   shirohige
-------------------------------------------------------------------------------- */
.shirohige_frame01
{
    top: -180px;
    left: -33px;

    opacity: 0;
}

.shirohige_frame02
{
    top: -93px;
    left: 9px;

    opacity: 0;
}

.shirohige_frame03
{
    top: -262px;
    left: -251px;

    opacity: 0;
}

.shirohige_fr01_balloon01
{
    top: 70px;
    right: -33px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.shirohige_fr01_balloon02
{
    top: 135px;
    left: 0;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.shirohige_fr01_balloon03
{
    top: 555px;
    left: -55px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.shirohige_fr02_balloon01
{
    top: 165px;
    right: -44px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.shirohige_fr02_balloon02
{
    top: 185px;
    left: -21px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.shirohige_fr03_balloon01
{
    top: 674px;
    left: 222px;

    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);

    opacity: 0;
}

.shirohige_fr03_balloon02
{
    top: 158px;
    right: -30px;

    opacity: 0;
}

.shirohige_fr03_balloon03
{
    top: 169px;
    left: -40px;

    opacity: 0;
}

/* --------------------------------------------------------------------------------
*   sabo
-------------------------------------------------------------------------------- */
.sabo_frame01
{
    top: -206px;
    left: -135px;

    opacity: 0;
}

.sabo_fr01_balloon01
{
    top: 353px;
    right: -140px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

/* --------------------------------------------------------------------------------
*   buggy
-------------------------------------------------------------------------------- */
.buggy_frame01
{
    top: -355px;
    left: -15px;

    opacity: 0;
}

.buggy_fr01_balloon01
{
    top: 53px;
    left: -81px;

    opacity: 0;
}

.buggy_fr01_balloon02
{
    top: 636px;
    right: 130px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

/* --------------------------------------------------------------------------------
*   aokiji
-------------------------------------------------------------------------------- */
.aokiji_frame01
{
    top: -105px;
    left: -228px;

    opacity: 0;
}

.aokiji_fr01_balloon01
{
    top: 130px;
    right: -132px;

    opacity: 0;
}

.aokiji_fr01_balloon02
{
    top: 522px;
    left: -98px;

    opacity: 0;
}

/* --------------------------------------------------------------------------------
* bartolomeo
-------------------------------------------------------------------------------- */
.bartolomeo_frame01
{
    top: -189px;
    left: -35px;

    opacity: 0;
}

.bartolomeo_fr01_balloon01
{
    top: 109px;
    right: -49px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.bartolomeo_fr01_balloon02
{
    top: 180px;
    left: -66px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

/* --------------------------------------------------------------------------------
*   kurohige
-------------------------------------------------------------------------------- */
.kurohige_frame01
{
    top: -95px;
    left: -161px;

    opacity: 0;
}

.kurohige_fr01_balloon01
{
    top: 140px;
    right: -146px;

    opacity: 0;
}

.kurohige_fr01_balloon02
{
    top: 162px;
    left: -116px;

    opacity: 0;
}

.kurohige_fr01_balloon03
{
    top: 607px;
    left: -50px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

/* --------------------------------------------------------------------------------
*   roblucchi
-------------------------------------------------------------------------------- */
.roblucci_frame01
{
    top: -170px;
    left: -184px;

    opacity: 0;
}

.roblucci_frame02
{
    top: -165px;
    left: -285px;

    opacity: 0;
}

.roblucci_frame03
{
    top: -70px;
    left: -72px;

    opacity: 0;
}

.roblucci_fr01_balloon01
{
    top: -55px;
    right: -8px;

    -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
            transform: translateY(15px);

    opacity: 0;
}

.roblucci_fr02_balloon01
{
    top: 71px;
    left: 506px;

    opacity: 0;
}

.roblucci_fr02_balloon02
{
    top: 563px;
    left: 198px;

    opacity: 0;
}

.roblucci_fr02_balloon03
{
    top: 345px;
    left: -178px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

.roblucci_fr03_balloon01
{
    top: 340px;
    right: -69px;

    opacity: 0;
}

.roblucci_fr03_balloon02
{
    top: 433px;
    left: -63px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

/* --------------------------------------------------------------------------------
*
*   name
*
-------------------------------------------------------------------------------- */
.name
{
    position: absolute;
}

.sabo
{
    top: 106px;
    left: 86px;
}

.vivi
{
    top: 106px;
    left: 86px;
}

.momonosuke
{
    top: 88px;
    left: 81px;
}

.rpg
{
    top: 95px;
    left: 65px;
}

.sa-yk
{
    top: 72px;
    left: 76px;
}

.kings
{
    top: 94px;
    left: 72px;
}

.shirahoshi
{
    top: 72px;
    left: 77px;
}

.dragon
{
    top: 82px;
    left: 80px;
}

.kaidou
{
    top: 79px;
    left: 82px;
}

.sanji
{
    top: 92px;
    left: 79px;
}

.lola
{
    top: 92px;
    left: 79px;
}

.luffy
{
    top: 96px;
    left: 86px;
}

.usopp
{
    top: 82px;
    left: 79px;
}

.luffy-law
{
    top: 75px;
    left: 81px;
}

.shirohige
{
    top: 81px;
    left: 71px;
}

.buggy
{
    top: 92px;
    left: 84px;
}

.aokiji
{
    top: 91px;
    left: 75px;
}

.bartolomeo
{
    top: 75px;
    left: 81px;
}

.roblucchi
{
    top: 95px;
    left: 80px;
}

.kurohige
{
    top: 90px;
    left: 71px;
}

/* --------------------------------------------------------------------------------
*   cut
-------------------------------------------------------------------------------- */
#cut
{
    position: absolute;
    z-index: 3;

    overflow: hidden;

    width: 100%;
    height: 100%;

    opacity: 0;
    background: rgba(73, 53, 17, .7);
}

#cut #fog
{
    position: absolute;
    z-index: 10;
}

#cut #fog .fog
{
    position: absolute;

    opacity: 0;
}

#cut #smoke .smoke
{
    position: absolute;

    opacity: 0;
}

#cut #smoke .smoke01
{
    z-index: 20;
    top: 110px;
    left: -25px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

#cut #smoke .smoke02
{
    z-index: 21;
    top: 625px;
    left: -106px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

#cut #smoke .smoke03
{
    z-index: 21;
    top: 37px;
    left: 249px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

#cut #smoke .smoke04
{
    z-index: 21;
    top: 54px;
    left: 1556px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

#cut #smoke .smoke05
{
    z-index: 21;
    top: 579px;
    left: 623px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

#cut #smoke .smoke06
{
    z-index: 11;
    top: 281px;
    left: 676px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

#cut #smoke .smoke07
{
    z-index: 11;
    top: 284px;
    left: -251px;

    -webkit-transform: scaleY(0) scaleX(2);
        -ms-transform: scaleY(0) scaleX(2);
            transform: scaleY(0) scaleX(2);
}

#cut #smoke .smoke08
{
    z-index: 10;
    top: -548px;
    left: -241px;
}

#cut.cut__luffy
{
    height: 100%;
    /* --------------------------------------------------------------------------------
  *   frame
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   balloon
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   text
  -------------------------------------------------------------------------------- */
}

#cut.cut__luffy .frame
{
    position: absolute;

    opacity: 0;
}

#cut.cut__luffy .frame04
{
    top: 0;
    left: 0;
}

#cut.cut__luffy .frame05
{
    top: 0;
    right: 0;
}

#cut.cut__luffy .frame01
{
    top: -100px;
    left: -40px;
}

#cut.cut__luffy .frame02
{
    top: -250px;
    right: -60px;
}

#cut.cut__luffy .frame03
{
    top: -85px;
    left: 740px;
}

#cut.cut__luffy .balloon
{
    position: absolute;

    opacity: 0;
}

#cut.cut__luffy .fr04_balloon01
{
    top: 30px;
    right: -180px;

    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
}

#cut.cut__luffy .fr04_balloon02
{
    bottom: -225px;
    left: -100px;

    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
}

#cut.cut__luffy .fr05_balloon01
{
    bottom: -115px;
    left: -60px;
}

#cut.cut__luffy .fr02_balloon01
{
    top: 110px;
    left: 249px;
}

#cut.cut__luffy .fr02_balloon02
{
    bottom: -15px;
    left: 10px;
}

#cut.cut__luffy .fr03_balloon01
{
    top: 175px;
    left: 352px;
}

#cut.cut__luffy .text
{
    position: absolute;

    opacity: 0;
}

#cut.cut__luffy .fr03_bg01
{
    bottom: -95px;
    left: 670px;
}

#cut.cut__luffy .fr03_text01
{
    top: 141px;
    left: -49px;
}

#cut.cut__luffy .fr03_text02
{
    top: 598px;
    left: 341px;
}

#cut.cut__luffy .fr03_text03
{
    top: 626px;
    left: 1075px;
}

#cut.cut__luffy .fr03_text04
{
    top: 686px;
    left: 1317px;
}

#cut.cut__luffy .fr03_text05
{
    top: 625px;
    right: 173px;
}

#cut.cut__luffy .fr03_text06
{
    top: 418px;
    right: -7px;
}

#cut.cut__ace
{
    height: 100%;
    /* --------------------------------------------------------------------------------
  *   frame
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   balloon
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   text
  -------------------------------------------------------------------------------- */
}

#cut.cut__ace .frame
{
    position: absolute;

    opacity: 0;
}

#cut.cut__ace .frame01
{
    bottom: 0;
    left: 410px;

    -webkit-filter: blur(50px);
            filter: blur(50px);
}

#cut.cut__ace .frame02
{
    top: -240px;
    right: -170px;
}

#cut.cut__ace .frame03
{
    top: -175px;
    left: -150px;

    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);

    -webkit-filter: brightness(0%);
            filter: brightness(0%);
}

#cut.cut__ace .frame04
{
    top: 0;
    left: 0;
}

#cut.cut__ace .balloon
{
    position: absolute;

    opacity: 0;
}

#cut.cut__ace .fr01_balloon01
{
    top: 650px;
    left: 380px;

    -webkit-transform: translate(5px, -20px);
        -ms-transform: translate(5px, -20px);
            transform: translate(5px, -20px);
}

#cut.cut__ace .fr01_balloon02
{
    top: 540px;
    left: 120px;

    -webkit-transform: translate(50px, -20px);
        -ms-transform: translate(50px, -20px);
            transform: translate(50px, -20px);
}

#cut.cut__ace .fr03_balloon01
{
    top: 175px;
    left: 352px;
}

#cut.cut__ace .fr03_balloon02
{
    top: 175px;
    left: 352px;
}

#cut.cut__ace .fr04_balloon01
{
    top: 195px;
    right: 20px;
}

#cut.cut__ace .fr04_balloon02
{
    top: 215px;
    left: 54px;
}

#cut.cut__ace .text
{
    position: absolute;

    opacity: 0;

    -webkit-filter: blur(50px);
            filter: blur(50px);
}

#cut.cut__ace .fr01_text01
{
    top: 120px;
    left: 60px;
}

#cut.cut__ace .fr01_text02
{
    top: 200px;
    left: 960px;
}

#cut.cut__ace .fr01_text03
{
    top: 310px;
    left: 1220px;
}

#cut.cut__ace .fr01_text04
{
    top: -90px;
    left: 1420px;
}

#cut.cut__sabo
{
    height: 100%;
    /* --------------------------------------------------------------------------------
  *   frame
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   balloon
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   text
  -------------------------------------------------------------------------------- */
}

#cut.cut__sabo .frame
{
    position: absolute;

    opacity: 0;
}

#cut.cut__sabo .frame01
{
    bottom: -230px;
    left: -200px;
}

#cut.cut__sabo .frame02
{
    top: 0;
    right: 0;
}

#cut.cut__sabo .frame03
{
    top: -137px;
    left: -40px;

    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);

    -webkit-filter: blur(50px);
            filter: blur(50px);
}

#cut.cut__sabo .balloon
{
    position: absolute;

    opacity: 0;
}

#cut.cut__sabo .fr01_balloon01
{
    top: -30px;
    right: -130px;

    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
}

#cut.cut__sabo .fr02_balloon01
{
    top: 100px;
    left: 250px;

    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
}

#cut.cut__sabo .fr03_balloon01
{
    top: 35px;
    left: 62px;

    -webkit-transform: translateX(150px);
        -ms-transform: translateX(150px);
            transform: translateX(150px);
}

#cut.cut__sabo .text
{
    position: absolute;

    opacity: 0;
}

/* --------------------------------------------------------------------------------
*   result
-------------------------------------------------------------------------------- */
#result
{
    position: absolute;
    z-index: 1;

    overflow: hidden;

    width: 100%;
    height: 100%;

    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);

    opacity: 0;
}

#result.result__vivi
{
    background: url(/assets/img/event/result/bg_vivi.png) top left no-repeat;
}

#result.result__momonosuke
{
    background: url(/assets/img/event/result/bg_momonosuke.png) top left no-repeat;
}

#result.result__rpg
{
    background: url(/assets/img/event/result/bg_rpg.png) top left no-repeat;
}

#result.result__sa-yk
{
    background: url(/assets/img/event/result/bg_sa-yk.png) top left no-repeat;
}

#result.result__kings
{
    background: url(/assets/img/event/result/bg_kings.png) top left no-repeat;
}

#result.result__shirahoshi
{
    background: url(/assets/img/event/result/bg_shirahoshi.png) top left no-repeat;
}

#result.result__dragon
{
    background: url(/assets/img/event/result/bg_dragon.png) top left no-repeat;
}

#result.result__kaidou
{
    background: url(/assets/img/event/result/bg_kaidou.png) top left no-repeat;
}

#result.result__sanji
{
    background: url(/assets/img/event/result/bg_sanji.png) top left no-repeat;
}

#result.result__lola
{
    background: url(/assets/img/event/result/bg_lola.png) top left no-repeat;
}

#result.result__luffy
{
    background: url(/assets/img/event/result/bg_luffy.png) top left no-repeat;
}

#result.result__usopp
{
    background: url(/assets/img/event/result/bg_usopp.png) top left no-repeat;
}

#result.result__luffy-law
{
    background: url(/assets/img/event/result/bg_luffy-law.png) top left no-repeat;
}

#result.result__shirohige
{
    background: url(/assets/img/event/result/bg_shirohige.png) top left no-repeat;
}

#result.result__sabo
{
    background: url(/assets/img/event/result/bg_sabo.png) top left no-repeat;
}

#result.result__buggy
{
    background: url(/assets/img/event/result/bg_buggy.png) top left no-repeat;
}

#result.result__aokiji
{
    background: url(/assets/img/event/result/bg_aokiji.png) top left no-repeat;
}

#result.result__bartolomeo
{
    background: url(/assets/img/event/result/bg_bartolomeo.png) top left no-repeat;
}

#result.result__kurohige
{
    background: url(/assets/img/event/result/bg_kurohige.png) top left no-repeat;
}

#result.result__roblucchi
{
    background: url(/assets/img/event/result/bg_roblucchi.png) top left no-repeat;
}

/* --------------------------------------------------------------------------------
*
*   wrapper/inner
*
-------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
*
*   contents
*
-------------------------------------------------------------------------------- */
#contents
{
    overflow: hidden;

    width: 100%;
    height: 100%;
    /* --------------------------------------------------------------------------------
  *   bg
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   scene01
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   header
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   obi
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   luffy
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   roulette
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   frame
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   sea
  -------------------------------------------------------------------------------- */
    /* --------------------------------------------------------------------------------
  *   cloud
  -------------------------------------------------------------------------------- */
}

#contents #bg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    background: #d7c06c;
    background-size: 100%;
}

#contents #bgImg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0;
    background: url(/assets/img/common/bg.png);
    background-size: 100%;
}

#contents .scene01
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    opacity: 0;
}

#contents #header
{
    position: absolute;
    z-index: 4;
}

#contents #header .tit
{
    position: absolute;
    top: 41px;
    left: 401px;

    width: 967px;
    height: 342px;

    opacity: 0;
}

#contents #header .logo
{
    position: absolute;
    top: 29px;
    left: 31px;

    width: 258px;
    height: 128px;

    opacity: 0;
}

#contents #obi
{
    position: absolute;
    z-index: 4;

    width: 100%;
    height: 100%;

    -webkit-perspective: 100px;
            perspective: 100px;
}

#contents #obi .obi
{
    position: absolute;
    top: 0;
    right: 0;

    opacity: 0;
}

#contents #obi .obi_rolling
{
    position: absolute;
    top: 0;
    right: 0;

    opacity: 0;
}

#contents #obi.rolling
{
    z-index: 1;
}

#contents #luffy
{
    position: absolute;
    z-index: 5;
    top: 366px;
    left: 616px;

    width: 538px;
    height: 636px;

    opacity: 0;
}

#contents #roulette
{
    position: absolute;
    z-index: 2;

    overflow: hidden;

    width: 100%;
    height: 100%;
}

#contents #roulette .roulette
{
    position: absolute;
    top: 241px;
    left: 59px;

    width: 1652px;
    height: 1652px;

    opacity: 0;
}

#contents #roulette .text_rotation
{
    position: absolute;
    top: 64px;
    right: 33px;

    opacity: 0;
}

#contents #roulette .mask
{
    position: absolute;
    right: 0;
    bottom: 0;

    opacity: 0;
}

#contents #roulette .name
{
    top: -20px;
    left: 1424px;

    -webkit-transform: scale(2.5);
        -ms-transform: scale(2.5);
            transform: scale(2.5);

    opacity: 0;
}

#contents #roulette .text
{
    position: absolute;

    opacity: 0;
}

#contents #roulette .text01
{
    top: 626px;
    left: 682px;

    -webkit-transform: translateX(-200px) scale(1.3);
        -ms-transform: translateX(-200px) scale(1.3);
            transform: translateX(-200px) scale(1.3);
}

#contents #roulette .text02
{
    top: 660px;
    left: 1126px;

    -webkit-transform: translateX(0px) scale(1.3);
        -ms-transform: translateX(0px) scale(1.3);
            transform: translateX(0px) scale(1.3);
}

#contents #roulette .text03
{
    top: 595px;
    left: 1345px;

    -webkit-transform: translateX(200px) scale(1.3);
        -ms-transform: translateX(200px) scale(1.3);
            transform: translateX(200px) scale(1.3);
}

#contents #frame
{
    position: absolute;
    z-index: 3;

    width: 100%;
    height: 100%;

    opacity: 0;
}

#contents #frame .frame
{
    position: absolute;
    top: -15px;
    left: 415px;
}

#contents #frame .frameInner
{
    position: absolute;
    z-index: 2;
    top: 205px;
    left: 34px;

    overflow: hidden;

    width: 850px;
    height: 620px;

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

#contents #frame .frameWood
{
    position: relative;
    z-index: 4;
}

#contents #frame .frameShadow
{
    position: absolute;
    z-index: 3;
    top: 198px;
    left: 25px;
}

#contents #frame .framePanel
{
    position: absolute;
    z-index: 1;
    top: 198px;
    left: 30px;
}

#contents #frame .denden
{
    position: absolute;
    z-index: 6;
    bottom: 42px;
    left: 1267px;

    opacity: 0;
}

#contents #frame .rock
{
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 1218px;

    opacity: 0;
}

#contents #sea
{
    position: absolute;
    z-index: 1;
    bottom: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;
}

#contents #sea .ship
{
    position: absolute;
    right: 0;
    bottom: 64px;

    opacity: 0;
}

#contents #sea .island
{
    position: absolute;
    bottom: 70px;
    left: 0;

    opacity: 0;
}

#contents #sea .monster
{
    position: absolute;
    bottom: 38px;
    left: 0;

    -webkit-transform: translateY(300px);
        -ms-transform: translateY(300px);
            transform: translateY(300px);

    opacity: 0;
}

#contents #sea .jinbeiWrap
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100px;
    height: 100px;

    opacity: 0;
}

#contents #sea .jinbei
{
    position: absolute;
    bottom: 100px;
    left: 0;
}

#contents #sea .sea
{
    position: absolute;
    bottom: 0;
    left: 0;

    margin-left: -165px;

    opacity: 0;
}

#contents #sea .sea02
{
    z-index: 2;

    margin-bottom: -30px;
    margin-left: -200px;
}

#contents #sea .sea03
{
    z-index: 3;

    margin-bottom: -56px;
    margin-left: -120px;
}

#contents #cloud
{
    position: absolute;
    z-index: 1;

    overflow: hidden;

    width: 100%;
    height: 100%;
}

#contents #cloud .cloud
{
    position: absolute;

    opacity: 0;
}

#contents #cloud .cloud01
{
    top: 143px;
    left: 241px;

    width: 203px;
    height: 125px;
}

#contents #cloud .cloud02
{
    top: 39px;
    left: 1301px;

    width: 235px;
    height: 89px;
}

#contents #cloud .cloud03
{
    top: 294px;
    left: -13px;

    width: 203px;
    height: 125px;
}

#contents #cloud .cloud04
{
    top: 332px;
    left: 1646px;

    width: 177px;
    height: 109px;
}

#contents #cloud .cloud05
{
    top: 539px;
    left: 67px;

    width: 208px;
    height: 77px;
}

#contents #cloud .kamome
{
    position: absolute;

    opacity: 0;
}

#contents #cloud .kamome01
{
    top: 300px;
    left: 400px;
}

#contents #cloud .kamome01 .kamome01_c
{
    opacity: 0;
}

#contents #cloud .kamome01 .kamome01_01
{
    position: absolute;
}

#contents #cloud .kamome01 .kamome01_02
{
    position: absolute;
    top: 9px;
    left: 22px;
}

#contents #cloud .kamome02
{
    top: 350px;
    left: 450px;
}

#contents #cloud .kamome02 .kamome02_c
{
    opacity: 0;
}

#contents #cloud .kamome02 .kamome02_01
{
    position: absolute;
}

#contents #cloud .kamome02 .kamome02_02
{
    position: absolute;
    top: 6px;
    left: 18px;
}