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

* {
    outline: none!important;
}

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

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

.tab li{
    list-style:none;
    width: 290px;
    padding: 5px;
    float: left;
}

.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: 600px;
    height: 1280px;
    z-index: 10;
}
.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/bgMonSmp.png");}
#tab2{background-image: url("img/bgTueSmp.png");}
#tab3{background-image: url("img/bgWedSmp.png");}
#tab4{background-image: url("img/bgThuSmp.png");}
#tab5{background-image: url("img/bgFriSmp.png");}
#tab6{background-image: url("img/bgCliSmp.png");}
#tab7{background-image: url("img/bgLegASmp.png");}
#tab8{background-image: url("img/bgLegBSmp_3.png");}

/*写真*/
.photo{padding: 0 0 0 45px; position: relative; top:-30px;}

/*ボタン*/
.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:420px;
    top:-400px;
}
.btnMon2D, .btnMon3D, .btnTue2D, .btnTue3D, .btnWed2D, .btnWed3D, .btnThu2D, .btnThu3D, .btnFri2D, .btnFri3D, .btnCli2D, .btnCli3D, .btnLeg12D, .btnLeg13D{
    position: relative;
    z-index: 9999;
    top:-180px;
    left: 255px;
}

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

.introMovie{
    position: relative;
    z-index: 9999;
    left:340px;
    top:-100px;
    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;
}