body {
  /*padding-top: 50px;*/
  padding-top: 0;
  margin-top: 0;
}


.container {
  margin: 0 auto;
  padding: 0;
}


.container img {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
  /*zoom: 0.5;
  -moz-transform:scale(0.5);
  -moz-transform-origin: 0 0;*/
}

.down-to-top {
  opacity: 0.1;
  transform: translateY(20px);
  transition: all 1s;
}
.down-to-top.scrollin {
  opacity: 1;
  transform: translateY(0);
}


ul#souyou {
	max-width: 100%;
	list-style: none;
	overflow: hidden;
	height: auto;
	margin: 0 auto;
    padding: 0;
	/*zoom: 0.5;
    -moz-transform:scale(0.5);
    -moz-transform-origin: 0 0;*/
}
 
ul#souyou li {
  max-width: 33%;
  text-align: center;
  float: left;
  height: auto;
}

/* 以下が追加の部分 */
/* 2つ目の要素に400msのdelayをかける */
ul#souyou li.down-to-top:nth-of-type(2) {
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  -ms-transition-delay: 400ms;
}
/* 3つ目の要素に800msのdelayをかける */
ul#souyou li.down-to-top:nth-of-type(3) {
  -moz-transition-delay: 800ms;
  -webkit-transition-delay: 800ms;
  -o-transition-delay: 800ms;
  -ms-transition-delay: 800ms;
}


#viewer {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    /*height: 3499px;*/;
    text-align: center;
    /*overflow: hidden;*/
    position: relative;
}
  
#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}

.ratio-1_1:before {
	content: "";
    display: block;
    padding-top: 150%;
}

.ratio-1_2:before {
	content: "";
    display: block;
    padding-top: 43%;
}

.ratio-1_3:before {
	content: "";
    display: block;
    padding-top: 20%;
}

.ratio-1_4:before {
	content: "";
    display: block;
    padding-top: 13%;
}

.ratio-1_5:before {
	content: "";
    display: block;
    padding-top: 37%;
}

.ratio-1_6:before {
	content: "";
    display: block;
    padding-top: 110%;
}

/* 下矢印 */
.ratio-1_7:before {
	content: "";
    display: block;
    padding-top: 13%;
}

/* カラコンプラスへULTRA GO！ */
.ratio-1_8:before {
	content: "";
    display: block;
    padding-top: 37%;
}

/* SCROLL */
.ratio-1_9:before {
	content: "";
    display: block;
    padding-top: 20%;
}

/* #超うるキュン */
.ratio-1_10:before {
	content: "";
    display: block;
    padding-top: 138%;
}

/* 下矢印 */
.ratio-1_11:before {
	content: "";
    display: block;
    padding-top: 13%;
}

/* カラコンプラスへULTRA GO！ */
.ratio-1_12:before {
	content: "";
    display: block;
    padding-top: 37%;
}

/* SCROLL */
.ratio-1_13:before {
	content: "";
    display: block;
    padding-top: 20%;
}

/* #超キュン */
.ratio-1_14:before {
	content: "";
    display: block;
    padding-top: 138%;
}

/* 下矢印 */
.ratio-1_15:before {
	content: "";
    display: block;
    padding-top: 13%;
}

/* カラコンプラスへULTRA GO！ */
.ratio-1_16:before {
	content: "";
    display: block;
    padding-top: 37%;
}

/* SCROLL */
.ratio-1_17:before {
	content: "";
    display: block;
    padding-top: 20%;
}

/* #超メガキュン */
.ratio-1_18:before {
	content: "";
    display: block;
    padding-top: 138%;
}

/* 下矢印 */
.ratio-1_19:before {
	content: "";
    display: block;
    padding-top: 13%;
}

/* カラコンプラスへULTRA GO！ */
.ratio-1_20:before {
	content: "";
    display: block;
    padding-top: 37%;
}

/* SCROLL */
.ratio-1_21:before {
	content: "";
    display: block;
    padding-top: 20%;
}

/* 下矢印 */
.ratio-1_22:before {
	content: "";
    display: block;
    padding-top: 13%;
}

/* CAMPAIGN：A */
.ratio-1_23:before {
	content: "";
    display: block;
    padding-top: 60%;
}

/* CAMPAIGN：B */
.ratio-1_24:before {
	content: "";
    display: block;
    padding-top: 86%;
}

/* 詳細は以下で確認できます */
.ratio-1_25:before {
	content: "";
    display: block;
    padding-top: 18%;
}

/* 下矢印 */
.ratio-1_26:before {
	content: "";
    display: block;
    padding-top: 13%;
}

/* カラコンプラスへULTRA GO！ */
.ratio-1_27:before {
	content: "";
    display: block;
    padding-top: 37%;
}

.clImg, .clImg2, .clImg3, .clImg4, .clImg5, .clImg6, .clImg7, .clImg8, .clImg9, .clImg10, .clImg11, .clImg12, .clImg13, .clImg14, .clImg15, .clImg16, .clImg17, .clImg18, .clImg19, .clImg20, .clImg21, .clImg22, .clImg23, .clImg24, .clImg25, .clImg26, .clImg27 {
    position:relative;
    width:100%;
    height: auto;
    margin:0 auto;
}
.clImg img, .clImg2 img, .clImg3 img, .clImg4 img, .clImg5 img, .clImg6 img, .clImg7 img, .clImg8 img, .clImg9 img, .clImg10 img, .clImg11 img, .clImg12 img, .clImg13 img, .clImg14 img, .clImg15 img, .clImg16 img, .clImg17 img, .clImg18 img, .clImg19 img, .clImg20 img, .clImg21 img, .clImg22 img, .clImg23 img, .clImg24 img, .clImg25 img, .clImg26 img, .clImg27 img {
    position:absolute;
    left:0;
    top:0;
}