body {
    font:14px/1.231 "ヒラギノ角ゴ Pro W3";
    background-color: #000000;
}

#center {
    margin :0 auto;
    background-image: url("../img/tana_bg.jpg");
}

#wrap {
    padding: 10px;
}
section, nav {
    margin-bottom: 1em;
}
p {
    margin-bottom: 1em;
}
/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}







.item2 {
    float: left;
    width: 320px;
    margin-top: 5px;
}

.item3 {
    float: left;
    width: 90px;
    height: 128px;
    margin: 8px 25px 34px 0px;
    box-shadow: 0px 4px 3px 0 #000;
}

.item4 {
    float: left;
    width: 90px;
    height: 128px;
    margin: 8px 0px 34px 0px;
    box-shadow: 0px 4px 3px 0 #000;
}






.cat_box {
    width: 320px;
    margin: 0 auto;
}

.cat_box2 {
    width: 320px;
}

.text {
    color: #ffffff;
}



/***** 以下、ページ数に応じて追加する *****/

.viewport1 {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
}
.flipsnap1 {
    width: 320px; /* 320px(item width) * 1(item count) */
}

.viewport2 {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
}
.flipsnap2 {
    width: 640px; /* 320px(item width) * 2(item count) */
}

.viewport3 {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
}
.flipsnap3 {
    width: 960px; /* 320px(item width) * 3(item count) */
}

.viewport4 {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
}
.flipsnap4 {
    width: 1280px; /* 320px(item width) * 4(item count) */
}

.viewport6 {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
}
.flipsnap6 {
    width: 1920px; /* 320px(item width) * 6(item count) */
}

.viewport8 {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
}
.flipsnap8 {
    width: 2560px; /* 320px(item width) * 8(item count) */
}

.viewport12 {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
}
.flipsnap12 {
    width: 3840px; /* 320px(item width) * 12(item count) */
}

.viewport16 {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
}
.flipsnap16 {
    width: 5120px; /* 320px(item width) * 16(item count) */
}

.viewport22 {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
}
.flipsnap22 {
    width: 7040px; /* 320px(item width) * 22(item count) */
}

.viewport24 {
    width: 320px;
    overflow: hidden;
    margin: 0 auto;
}
.flipsnap24 {
    width: 7680px; /* 320px(item width) * 24(item count) */
}