@charset "utf-8";
/* CSS Document */

* {
    outline: none!important;
}

html,body{
    background-color: transparent;
    width: 970px;
    height: 1050px;
    margin: 0;
    padding: 0;
    overflow: visible;
}

/*タブ*/
ul.tab{
    margin:0;
    padding: 0;
    width: 970px;
    position: relative;
    z-index: 100;
}

.tab li{
    list-style:none;
    width: 190px;
    padding: 2px;
    float: right;
}

.tab li.active{
}

.tab_cnt{
    padding:0;
}

.tab_cnt div{
    display:none;
}

.tab_cnt div.active{
    display:block;
}

.tabContents {
    display: none;
    position: relative;
    background-position: top center;
    background-repeat: no-repeat;
    width: 970px;
    height: 880px;
    z-index: 10;
    top: -55px;
}
.tabContents.active {
  display: block;
    z-index: 10;
}

/*スライダー*/
.slideBox{
    display:none;
    z-index: 10;
}
.activeBox{
    display:block;
    z-index: 10;
}

/* =============================================== */
/* lauout - レイアウト */
/* ----------------------------------------------- */
#tab1{background-image: url("img/bgMon.png"); background-size: 970px 880px;}
#tab1{background-image: url("img/bgMon.png"); background-size: 970px 880px;}
#tab2{background-image: url("img/bgTue.png"); background-size: 970px 880px;}
#tab3{background-image: url("img/bgWed.png"); background-size: 970px 880px;}
#tab4{background-image: url("img/bgThu.png"); background-size: 970px 880px;}
#tab5{background-image: url("img/bgFri.png"); background-size: 970px 880px;}
#tab6{background-image: url("img/bgCli.png"); background-size: 970px 880px;}
#tab7{background-image: url("img/bgLegA.png"); background-size: 970px 880px;}
#tab8{background-image: url("img/bgLegB_3.png"); background-size: 970px 880px;}

/*写真*/
.photo{padding: 0 15px;}

/*ボタン*/
.btnMonCos-1, .btnMonCos-2, .btnMonCos-3, .btnMonCos-4, .btnMonCos-5, .btnTueCos-1, .btnTueCos-2, .btnTueCos-3, .btnTueCos-4, .btnTueCos-5, .btnWedCos-1, .btnWedCos-2, .btnWedCos-3, .btnWedCos-4, .btnWedCos-5, .btnThuCos-1, .btnThuCos-2, .btnThuCos-3, .btnThuCos-4, .btnThuCos-5, .btnFriCos-1, .btnFriCos-2, .btnFriCos-3, .btnFriCos-4, .btnFriCos-5, .btnCliCos-1, .btnCliCos-2, .btnCliCos-3, .btnCliCos-4, .btnCliCos-5 .btnLeg1Cos-1, .btnLeg1Cos-2, .btnLeg1Cos-3, .btnLeg1Cos-4, .btnLeg1Cos-5{
    position: relative;
    z-index: 9999;
    left:380px;
    top:-405px;
}
.btnMon2D, .btnMon3D, .btnTue2D, .btnTue3D, .btnWed2D, .btnWed3D, .btnThu2D, .btnThu3D, .btnFri2D, .btnFri3D, .btnCli2D, .btnCli3D, .btnLeg12D, .btnLeg13D{
    position: relative;
    z-index: 9999;
    top:-835px;
    left: 642px;
}

/*セリフ*/
.serif{
    position: relative;
    z-index: 9999;
    left:0;
    top:-370px;
    height: 0;
}

.introMovie{
    position: relative;
    z-index: 9999;
    left:552px;
    top:-360px;
    height: 0;
}
.introMovie iframe{
    border-radius: 20px;
}

/* =============================================== */
/* move - 動きをつける */
/* ----------------------------------------------- */
.fuwa {
    animation-name: fuwafuwa;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 0.5s;
}

@keyframes fuwafuwa {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,7px)
    }
}

/* =============================================== */
/* clearfix - クリアフィックス設定 */
/* ----------------------------------------------- */
.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}