@charset "UTF-8";



.shoplogo_btn a:hover {
position: relative;
top: -3px;
left: 0px;
text-decoration: none;
}



/* 元々のチェックボックス（非表示） */
.mycheckbox input[type="checkbox"]{
    display: none;
}
/* チェックボックスの代わりを成すラベル */
.mycheckbox input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}
/* ラベルの左に表示させる正方形のボックス□ */
.mycheckbox input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
    border: 1px solid;
    border-color:  #000000; /* 枠の色変更 お好きな色を */
    background-color: #ffffff; /* 背景の色変更 お好きな色を */
}
/* チェックが入った時のレ点 */
.mycheckbox input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 18px;
    height: 9px;
    margin-top: -9px;
    top: 50%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #ff0000; /* チェックの色変更 お好きな色を */
}

.input-btn {
  background-color: #ffff00;
  font-size: 24px;
  color: #000000;
  border-radius: 5px;
  border-bottom: solid 3px #000000;
  box-shadow: 3px 3px 3px gray;
  transition: 0.3s;
}

.click-down:active {
  transform: translateY(2px);
  border-bottom: none;
}

.input-btn:hover {
  background-color: #ff0000;
  color: #ffffff;
}





/* 年末年始の営業時間 */
div#nenmatsunenshi {
        height:100%;
    }
    div#nenmatsunenshi .index {
        float:left;
        display:block;
        width:115px;
        margin:0px 0px 0px 0px; padding:0;
        text-align:center;
        overflow:hidden;
        background-color:#009900;
    }
    div#nenmatsunenshi .this_year {
        float:left;
        display:block;
        width:96px;
        margin:0px 0px 0px 4px; padding:0;
        text-align:center;
        overflow:hidden;
        background-color:#0000cc;
    }
    div#nenmatsunenshi .next_year {
        float:left;
        display:block;
        width:96px;
        margin:0px 0px 0px 4px; padding:0;
        text-align:center;
        overflow:hidden;
        background-color:#3333ff;
    }
    div#nenmatsunenshi .blue {
        color:#000099;
    }
    div#nenmatsunenshi .red {
        color:#ff0000;
    }
    div#nenmatsunenshi .hi {
        display:block;
        line-height:1.5em;
        margin:3px 0px 0px 0px; padding:0;
        color:#fff;
        font-size:1.5em;
        font-weight:bold;
        text-align:center;
    }
    div#nenmatsunenshi .youbi {
        display:block;
        line-height:1em;
        margin:0px 0px 5px 0px; padding:0px 0px 5px 0px;
        color:#fff;
        font-size:1.3em;
        font-weight:bold;
        text-align:center;
    }
    div#nenmatsunenshi .kaiten {
        display:block;
        margin:0px 4px 0px 4px; padding:0px 0px 0px 0px;
        background-color:#ffffff;
        font-size:1.3em;
        font-weight:bold;
        text-align:center;
        color:#333333;
    }
    div#nenmatsunenshi .kaiten_red {
        display:block;
        margin:0px 4px 0px 4px; padding:0px 0px 0px 0px;
        background-color:#ffff00;
        font-size:1.3em;
        font-weight:bold;
        text-align:center;
        color:#ff0000;
    }
    div#nenmatsunenshi .yajirushi {
        display:block;
        line-height:1.4em;
        margin:0px 4px 0px 4px; padding:0px 0px 0px 0px;
        background-color:#ffffff;
        font-size:1.5em;
        font-weight:bold;
        text-align:center;
        color:#333333;
    }
    div#nenmatsunenshi .yajirushi_red {
        display:block;
        line-height:1.4em;
        margin:0px 4px 0px 4px; padding:0px 0px 0px 0px;
        background-color:#ffff00;
        font-size:1.5em;
        font-weight:bold;
        text-align:center;
        color:#ff0000;
    }
    div#nenmatsunenshi .heiten {
        display:block;
        margin:0px 4px 4px 4px; padding:0px 0px 0px 0px;
        background-color:#ffffff;
        font-size:1.3em;
        font-weight:bold;
        text-align:center;
        color:#333333;
    }
    div#nenmatsunenshi .heiten_red {
        display:block;
        margin:0px 4px 4px 4px; padding:0px 0px 0px 0px;
        background-color:#ffff00;
        font-size:1.3em;
        font-weight:bold;
        text-align:center;
        color:#ff0000;
    }



/* コーヒー豆のカフェイン　見出し */
div#caffeine_in_coffee {
        height:100%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
        margin:30px 0px 30px 0px;
    }
    div#caffeine_in_coffee .index {
        float:left;
        display:block;
        width:12em;
        margin:0px 10px 0px 0px; padding:1em 1em 1em 1em;
        text-align:center;
        overflow:hidden;
        background-color:#5a2f0c;
        font-weight:bold;
		line-height:1.5em;
        color:#ffffff;
    }
	div#caffeine_in_coffee .index:hover {
    	background-color: #ff0000;
        color:#ffffff;
    }


/* コーヒー豆の密封　見出し */
div#sealed_coffee {
        height:100%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
        margin:20px 0px 50px 0px;
    }
    div#sealed_coffee .index {
        float:left;
        display:block;
        width:22em;
        margin:0px 10px 0px 0px; padding:1em 1em 1em 1em;
        text-align:center;
        overflow:hidden;
        background-color:#5a2f0c;
        font-weight:bold;
		line-height:1.5em;
        color:#ffffff;
    }
	div#sealed_coffee .index:hover {
    	background-color: #ff0000;
        color:#ffffff;
    }




/* フェイドスライド画像（コーヒー豆の出荷のようす）の横幅1050px */
.main_imgBox {
	width: 1050px;
	height: 700px;
	overflow: hidden;
	position: relative;
}

.main_imgBox16 {
	width: 1050px;
	height: 700px;
	overflow: hidden;
	position: relative;
}

.main_img {
    z-index:10;
    opacity: 0;
    width: 1050px;
    height: 700px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: slide_zoom_anime 50s 0s infinite;/* ８枚を５０秒で一巡 */
    animation: slide_zoom_anime 50s 0s infinite;/* ８枚を５０秒で一巡 */
}


.main_img16 {
    z-index:10;
    opacity: 0;
    width: 1050px;
    height: 700px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: slide_zoom_anime 84s 0s infinite;/* １６枚を８４秒で一巡 */
    animation: slide_zoom_anime 84s 0s infinite;/* １６枚を８４秒で一巡 */
}


.main_img25 {
    z-index:10;
    opacity: 0;
    width: 1050px;
    height: 700px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: slide_zoom_anime25 75s 0s infinite;/* 24枚を72秒で一巡 */
    animation: slide_zoom_anime25 75s 0s infinite;/* 24枚72秒で一巡 */
}


.main_img30 {
    z-index:10;
    opacity: 0;
    width: 1050px;
    height: 700px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: slide_zoom_anime30 90s 0s infinite;/* 30枚を90秒で一巡 */
    animation: slide_zoom_anime30 90s 0s infinite;/* 30枚90秒で一巡 */
}



.main_img:nth-of-type(2) {
	-webkit-animation-delay: 8s;
	animation-delay: 8s; }/* １枚目だけ８秒間、２枚目からは６秒間 */

.main_img:nth-of-type(3) {
	-webkit-animation-delay: 14s;
	animation-delay: 14s; }

.main_img:nth-of-type(4) {
	-webkit-animation-delay: 20s;
	animation-delay: 20s; }

.main_img:nth-of-type(5) {
	-webkit-animation-delay: 26s;
	animation-delay: 26s; }

.main_img:nth-of-type(6) {
	-webkit-animation-delay: 32s;
	animation-delay: 32s; }

.main_img:nth-of-type(7) {
	-webkit-animation-delay: 38s;
	animation-delay: 38s; }

.main_img:nth-of-type(8) {
	-webkit-animation-delay: 44s;
	animation-delay: 44s; }/* １枚目に戻るのは４４秒の６秒後＝５０秒目 */


.main_img16:nth-of-type(2) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s; }/* １枚目だけ６秒間、２枚目からは５秒間 */

.main_img16:nth-of-type(3) {
	-webkit-animation-delay: 11s;
	animation-delay: 11s; }

.main_img16:nth-of-type(4) {
	-webkit-animation-delay: 16s;
	animation-delay: 16s; }

.main_img16:nth-of-type(5) {
	-webkit-animation-delay: 21s;
	animation-delay: 21s; }

.main_img16:nth-of-type(6) {
	-webkit-animation-delay: 26s;
	animation-delay: 26s; }

.main_img16:nth-of-type(7) {
	-webkit-animation-delay: 31s;
	animation-delay: 31s; }

.main_img16:nth-of-type(8) {
	-webkit-animation-delay: 36s;
	animation-delay: 36s; }

.main_img16:nth-of-type(9) {
	-webkit-animation-delay: 41s;
	animation-delay: 41s; }

.main_img16:nth-of-type(10) {
	-webkit-animation-delay: 46s;
	animation-delay: 46s; }

.main_img16:nth-of-type(11) {
	-webkit-animation-delay: 51s;
	animation-delay: 51s; }

.main_img16:nth-of-type(12) {
	-webkit-animation-delay: 56s;
	animation-delay: 56s; }

.main_img16:nth-of-type(13) {
	-webkit-animation-delay: 61s;
	animation-delay: 61s; }

.main_img16:nth-of-type(14) {
	-webkit-animation-delay: 66s;
	animation-delay: 66s; }

.main_img16:nth-of-type(15) {
	-webkit-animation-delay: 71s;
	animation-delay: 71s; }

.main_img16:nth-of-type(16) {
	-webkit-animation-delay: 76s;
	animation-delay: 76s; }/* １枚目に戻るのは７６秒の８秒後＝８４秒目 */



.main_img25:nth-of-type(2) {
	-webkit-animation-delay: 3s;
	animation-delay: 3s; }/* １枚目３秒間、２枚目からも３秒間 */

.main_img25:nth-of-type(3) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s; }

.main_img25:nth-of-type(4) {
	-webkit-animation-delay: 9s;
	animation-delay: 9s; }

.main_img25:nth-of-type(5) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s; }

.main_img25:nth-of-type(6) {
	-webkit-animation-delay: 15s;
	animation-delay: 15s; }

.main_img25:nth-of-type(7) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s; }

.main_img25:nth-of-type(8) {
	-webkit-animation-delay: 21s;
	animation-delay: 21s; }

.main_img25:nth-of-type(9) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s; }

.main_img25:nth-of-type(10) {
	-webkit-animation-delay: 27s;
	animation-delay: 27s; }

.main_img25:nth-of-type(11) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s; }

.main_img25:nth-of-type(12) {
	-webkit-animation-delay: 33s;
	animation-delay: 33s; }

.main_img25:nth-of-type(13) {
	-webkit-animation-delay: 36s;
	animation-delay: 36s; }

.main_img25:nth-of-type(14) {
	-webkit-animation-delay: 39s;
	animation-delay: 39s; }

.main_img25:nth-of-type(15) {
	-webkit-animation-delay: 42s;
	animation-delay: 42s; }

.main_img25:nth-of-type(16) {
	-webkit-animation-delay: 45s;
	animation-delay: 45s; }

.main_img25:nth-of-type(17) {
	-webkit-animation-delay: 48s;
	animation-delay: 48s; }

.main_img25:nth-of-type(18) {
	-webkit-animation-delay: 51s;
	animation-delay: 51s; }

.main_img25:nth-of-type(19) {
	-webkit-animation-delay: 54s;
	animation-delay: 54s; }

.main_img25:nth-of-type(20) {
	-webkit-animation-delay: 57s;
	animation-delay: 57s; }

.main_img25:nth-of-type(21) {
	-webkit-animation-delay: 60s;
	animation-delay: 60s; }

.main_img25:nth-of-type(22) {
	-webkit-animation-delay: 63s;
	animation-delay: 63s; }

.main_img25:nth-of-type(23) {
	-webkit-animation-delay: 66s;
	animation-delay: 66s; }

.main_img25:nth-of-type(24) {
	-webkit-animation-delay: 69s;
	animation-delay: 69s; }

.main_img25:nth-of-type(25) {
	-webkit-animation-delay: 72s;
	animation-delay: 72s; }/* １枚目に戻るのは72秒の3秒後＝75秒目 */



.main_img30:nth-of-type(2) {
	-webkit-animation-delay: 3s;
	animation-delay: 3s; }/* １枚目３秒間、２枚目からも３秒間 */

.main_img30:nth-of-type(3) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s; }

.main_img30:nth-of-type(4) {
	-webkit-animation-delay: 9s;
	animation-delay: 9s; }

.main_img30:nth-of-type(5) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s; }

.main_img30:nth-of-type(6) {
	-webkit-animation-delay: 15s;
	animation-delay: 15s; }

.main_img30:nth-of-type(7) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s; }

.main_img30:nth-of-type(8) {
	-webkit-animation-delay: 21s;
	animation-delay: 21s; }

.main_img30:nth-of-type(9) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s; }

.main_img30:nth-of-type(10) {
	-webkit-animation-delay: 27s;
	animation-delay: 27s; }

.main_img30:nth-of-type(11) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s; }

.main_img30:nth-of-type(12) {
	-webkit-animation-delay: 33s;
	animation-delay: 33s; }

.main_img30:nth-of-type(13) {
	-webkit-animation-delay: 36s;
	animation-delay: 36s; }

.main_img30:nth-of-type(14) {
	-webkit-animation-delay: 39s;
	animation-delay: 39s; }

.main_img30:nth-of-type(15) {
	-webkit-animation-delay: 42s;
	animation-delay: 42s; }

.main_img30:nth-of-type(16) {
	-webkit-animation-delay: 45s;
	animation-delay: 45s; }

.main_img30:nth-of-type(17) {
	-webkit-animation-delay: 48s;
	animation-delay: 48s; }

.main_img30:nth-of-type(18) {
	-webkit-animation-delay: 51s;
	animation-delay: 51s; }

.main_img30:nth-of-type(19) {
	-webkit-animation-delay: 54s;
	animation-delay: 54s; }

.main_img30:nth-of-type(20) {
	-webkit-animation-delay: 57s;
	animation-delay: 57s; }

.main_img30:nth-of-type(21) {
	-webkit-animation-delay: 60s;
	animation-delay: 60s; }

.main_img30:nth-of-type(22) {
	-webkit-animation-delay: 63s;
	animation-delay: 63s; }

.main_img30:nth-of-type(23) {
	-webkit-animation-delay: 66s;
	animation-delay: 66s; }

.main_img30:nth-of-type(24) {
	-webkit-animation-delay: 69s;
	animation-delay: 69s; }

.main_img30:nth-of-type(25) {
	-webkit-animation-delay: 72s;
	animation-delay: 72s; }

.main_img30:nth-of-type(26) {
	-webkit-animation-delay: 75s;
	animation-delay: 75s; }

.main_img30:nth-of-type(27) {
	-webkit-animation-delay: 78s;
	animation-delay: 78s; }

.main_img30:nth-of-type(28) {
	-webkit-animation-delay: 81s;
	animation-delay: 81s; }

.main_img30:nth-of-type(29) {
	-webkit-animation-delay: 84s;
	animation-delay: 84s; }

.main_img30:nth-of-type(30) {
	-webkit-animation-delay: 87s;
	animation-delay: 87s; }/* １枚目に戻るのは87秒の3秒後＝90秒目 */



/* フェイドスライド画像の横幅720px */
.main_imgBox720 {
	width: 720px;
	height: 440px;
	overflow: hidden;
	position: relative;
}

.main_img720 {
    z-index:10;
    opacity: 0;
    width: 720px;
    height: 440px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 50s 0s infinite;/* 全５０秒で一巡 */
    animation: slide_zoom_anime 50s 0s infinite;/* 全５０秒で一巡 */
}


.main_img720:nth-of-type(2) {
	-webkit-animation-delay: 8s;
	animation-delay: 8s; }/* １枚目だけ８秒間、２枚目からは６秒間 */

.main_img720:nth-of-type(3) {
	-webkit-animation-delay: 14s;
	animation-delay: 14s; }

.main_img720:nth-of-type(4) {
	-webkit-animation-delay: 20s;
	animation-delay: 20s; }

.main_img720:nth-of-type(5) {
	-webkit-animation-delay: 26s;
	animation-delay: 26s; }

.main_img720:nth-of-type(6) {
	-webkit-animation-delay: 32s;
	animation-delay: 32s; }

.main_img720:nth-of-type(7) {
	-webkit-animation-delay: 38s;
	animation-delay: 38s; }

.main_img720:nth-of-type(8) {
	-webkit-animation-delay: 44s;
	animation-delay: 44s; }/* １枚目に戻るのは４４秒の６秒後＝５０秒目 */



/* フェイドスライド画像のタイミング */
@keyframes slide_zoom_anime {
0% {
	opacity: 0;
	transform: scale(1.0) ;
}
3% {
	opacity: 1;
	transform: scale(1.0) ;
}
40% {
	opacity: 0;
	transform: scale(1.6) ;
	z-index:9;
}
100% {
	opacity: 0
}
}

@keyframes slide_zoom_anime25 {
0% {
	opacity: 0;
	transform: scale(1.0) ;
}
3% {
	opacity: 1;
	transform: scale(1.0) ;
}
30% {
	opacity: 0;
	transform: scale(1.0) ;
	z-index:9;
}
100% {
	opacity: 0
}
}


@keyframes slide_zoom_anime30 {
0% {
	opacity: 0;
	transform: scale(1.0) ;
}
3% {
	opacity: 1;
	transform: scale(1.0) ;
}
30% {
	opacity: 0;
	transform: scale(1.0) ;
	z-index:9;
}
100% {
	opacity: 0
}
}



#slideshow {
   position: relative;
   width:  720px; /* 画像の横幅に合わせて記述　通常は720px */
   height: 500px; /* 画像の高さに合わせて記述　通常は500px */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}




.animation_bigger{
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
}
.animation_bigger:hover {
    transform: scale( 2 );
    -webkit-transform: scale( 2 );
    -moz-transform: scale( 2 );
}




.swing1 {
-moz-animation: swing1 linear 5s infinite;
-moz-transform-origin: center -30px 0;
-webkit-animation: swing1 linear 5s infinite;
-webkit-transform-origin: center -30px 0;
-ms-animation: swing1 linear 5s infinite;
-ms-transform-origin: center -30px 0;
-o-animation: swing1 linear 5s infinite;
-o-transform-origin:center -30px 0;
animation: swing1 linear 5s infinite;
transform-origin: center -30px 0;
}
@-moz-keyframes swing1 {
0% { -moz-transform: rotate(0deg); }
25% { -moz-transform: rotate(0.1deg); }
50% { -moz-transform: rotate(0deg); }
75% { -moz-transform: rotate(-0.1deg); }
100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing1 {
0% { -webkit-transform: rotate(0deg); }
25% { -webkit-transform: rotate(0.1deg); }
50% { -webkit-transform: rotate(0deg); }
75% { -webkit-transform: rotate(-0.1deg); }
100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing1 {
0% { -o-transform: rotate(0deg); }
25% { -o-transform: rotate(0.1deg); }
50% { -o-transform: rotate(0deg); }
75% { -o-transform: rotate(-0.1deg); }
100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing1 {
0% { -ms-transform: rotate(0deg); }
25% { -ms-transform: rotate(0.1deg); }
50% { -ms-transform: rotate(0deg); }
75% { -ms-transform: rotate(-0.1deg); }
100% { -ms-transform: rotate(0deg); }
}
@keyframes swing1 {
0% { transform: rotate(0deg); }
25% { transform: rotate(0.1deg); }
50% { transform: rotate(0deg); }
75% { transform: rotate(-0.1deg); }
100% { transform: rotate(0deg); }
}




.swing2 {
-moz-animation: swing1 linear 6s infinite;
-moz-transform-origin: center -130px 0;
-webkit-animation: swing2 linear 6s infinite;
-webkit-transform-origin: center -130px 0;
-ms-animation: swing2 linear 6s infinite;
-ms-transform-origin: center -130px 0;
-o-animation: swing2 linear 6s infinite;
-o-transform-origin:center -130px 0;
animation: swing2 linear 6s infinite;
transform-origin: center -130px 0;
}
@-moz-keyframes swing2 {
0% { -moz-transform: rotate(0deg) }
25% { -moz-transform: rotate(-0.1deg); }
50% { -moz-transform: rotate(0deg); }
75% { -moz-transform: rotate(0.1deg); }
100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing2 {
0% { -webkit-transform: rotate(0deg); }
25% { -webkit-transform: rotate(-0.1deg); }
50% { -webkit-transform: rotate(0deg); }
75% { -webkit-transform: rotate(0.1deg); }
100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing2 {
0% { -o-transform: rotate(0deg); }
25% { -o-transform: rotate(-0.1deg); }
50% { -o-transform: rotate(0deg); }
75% { -o-transform: rotate(0.1deg); }
100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing2 {
0% { -ms-transform: rotate(0deg); }
25% { -ms-transform: rotate(-0.1deg); }
50% { -ms-transform: rotate(0deg); }
75% { -ms-transform: rotate(0.1deg); }
100% { -ms-transform: rotate(0deg); }
}
@keyframes swing2 {
0% { transform: rotate(0deg); }
25% { transform: rotate(-0.1deg); }
50% { transform: rotate(0deg); }
75% { transform: rotate(0.1deg); }
100% { transform: rotate(0deg); }
}








#animation-container {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 1.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1.5s;
  -ms-animation-iteration-count: 1; 
  background-image: url('images/logo.png'); 
  background-repeat: no-repeat; 
}  

@keyframes translate {
  0%   { transform:  translate(0px, -9999px);    } 
  25%   { transform:  translate(0px, 0px);   }
  50%   { transform:  translate(0px, -300px);    } 
  100%  { transform:  translate(0px, 0px);   } 
}
@-webkit-keyframes translate { 
  0%   { -webkit-transform:  translate(0px, -9999px) ;   } 
  25%   { -webkit-transform:  translate(0px, 0px);   }
  50%   { -webkit-transform:  translate(0px, -300px);   }
  100%  { -webkit-transform:  translate(0px, 0px);   } 
}

@-ms-keyframes translate { 
  0%   { -ms-transform:  translate(0px, -9999px) ;   } 
  25%   { -ms-transform:  translate(0px, 0px);   }
  50%   { -ms-transform:  translate(0px, -300px);   }
  100%  { -ms-transform:  translate(0px, 0px);   } 
}



@keyframes translate_deep {
  0%   { transform:  translate(0px, -9999px);    } 
  25%   { transform:  translate(0px, 0px);   }
  50%   { transform:  translate(0px, -50px);    } 
  75%   { transform:  translate(0px, 50px);    } 
  100%  { transform:  translate(0px, 0px);   } 
}
@-webkit-keyframes translate_deep { 
  0%   { -webkit-transform:  translate(0px, -9999px) ;   } 
  25%   { -webkit-transform:  translate(0px, 0px);   }
  50%   { -webkit-transform:  translate(0px, -50px);   }
  75%   { -webkit-transform:  translate(0px, 50px);   }
  100%  { -webkit-transform:  translate(0px, 0px);   } 
}

@-ms-keyframes translate_deep { 
  0%   { -ms-transform:  translate(0px, -9999px) ;   } 
  25%   { -ms-transform:  translate(0px, 0px);   }
  50%   { -ms-transform:  translate(0px, -50px);   }
  75%   { -ms-transform:  translate(0px, 50px);   }
  100%  { -ms-transform:  translate(0px, 0px);   } 
}

@keyframes fall_simple {
  0%   { transform:  translate(0px, -9999px);    } 
  100%  { transform:  translate(0px, 0px);   } 
}
@-webkit-keyframes fall_simple { 
  0%   { -webkit-transform:  translate(0px, -9999px) ;   } 
  100%  { -webkit-transform:  translate(0px, 0px);   } 
}

@-ms-keyframes fall_simple { 
  0%   { -ms-transform:  translate(0px, -9999px) ;   } 
  100%  { -ms-transform:  translate(0px, 0px);   } 
}





/* 401〜410はハロウィンのロゴ用　高さ300px 幅330px */
#animation-container401 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 300px; 
  width: 330px; 
}  

#animation-container402 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 300px; 
  width: 330px; 
}  


#animation-container403 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 300px; 
  width: 330px; 
}  

#animation-container404 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 300px; 
  width: 330px; 
}  

#animation-container405 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 1s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 300px; 
  width: 330px; 
}  

#animation-container406 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate_deep 2.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate_deep 2.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 300px; 
  width: 330px; 
}  

#animation-container407 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 300px; 
  width: 330px; 
}  

#animation-container408 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 300px; 
  width: 330px; 
}  

#animation-container409 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4.3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4.3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 300px; 
  width: 330px; 
}  

#animation-container410 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.9s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.9s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 300px; 
  width: 330px; 
}  

#animation-container411 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: fadeIn80 6s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadeIn80 6s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 300px; 
  width: 330px; 
}  





/* 301〜306はアイスコーヒーのロゴ用　幅400px */
#animation-container301 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}

#animation-container3011 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: fadeIn80 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadeIn80 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container302 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container3022 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: fadeIn80 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadeIn80 5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container303 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container304 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container305 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 1s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container306 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate_deep 2.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate_deep 2.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  




/* _aulait1〜_aulait6はカフェオレのロゴ用　幅330px */
#animation-container_aulait1 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_aulait2 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_aulait3 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_aulait4 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_aulait5 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 1s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_aulait6 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate_deep 2.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate_deep 2.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  




/* pop1〜はポップコーンのロゴ用　幅280px */
#anime-pop1 {
	animation-name: anime-pop1;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop1 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop1 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop1 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    8% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    9% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    10% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop1 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    8% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    9% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    10% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop1 { 
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    8% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    9% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    10% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}

#anime-pop2 {
	animation-name: anime-pop2;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop2 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop2 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop2 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    9% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    10% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    11% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop2 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    9% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    10% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    11% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop2 { 
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    9% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    10% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    11% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}

#anime-pop3 {
	animation-name: anime-pop3;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop3 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop3 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop3 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    10% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    11% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    12% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop3 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    10% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    11% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    12% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop3 { 
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    10% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    11% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    12% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}

#anime-pop4 {
	animation-name: anime-pop4;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop4 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop4 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop4 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    11% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    12% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    13% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop4 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    11% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    12% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    13% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop4 { 
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    11% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    12% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    13% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}

#anime-pop5 {
	animation-name: anime-pop5;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop5 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop5 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop5 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    12% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    13% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    14% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop5 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    12% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    13% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    14% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop5 { 
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    12% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    13% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    14% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}

#anime-pop6 {
	animation-name: anime-pop6;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop6 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop6 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop6 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    13% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    14% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    15% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop6 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    13% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    14% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    15% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop6 { 
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    13% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    14% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    15% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}

#anime-pop7 {
	animation-name: anime-pop7;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop7 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop7 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop7 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    14% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    15% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    16% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop7 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    14% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    15% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    16% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop7 { 
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    14% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    15% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    16% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}

#anime-pop8 {
	animation-name: anime-pop8;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop8 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop8 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop8 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    14% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    15% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    16% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop8 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    14% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    15% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    16% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop8 { 
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    14% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    15% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    16% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}

#anime-pop9 {
	animation-name: anime-pop9;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop9 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop9 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop9 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    15% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    16% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    17% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop9 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    15% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    16% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    17% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop9 { 
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    15% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    16% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    17% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}

#anime-pop10 {
	animation-name: anime-pop10;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop10 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop10 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop10 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    16% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    17% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    18% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop10 {
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    16% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    17% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    18% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop10 { 
    0% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9); }
    16% {opacity: 0; transform: translate(0px, 0px); transform: scale(0.9);}
    17% {opacity: 1; transform: translate(0px, -5px); transform: scale(1.1);}
    18% {opacity: 1; transform: translate(0px, 0px); transform: scale(1);}
    100% {opacity: 1;}
}

#anime-pop11 {
	animation-name: anime-pop11;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop11 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop11 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop11 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    16% {opacity: 0; transform: translate(0px, 0px);}
    17% {opacity: 1; transform: translate(0px, -5px);}
    18% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop11 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    16% {opacity: 0; transform: translate(0px, 0px);}
    17% {opacity: 1; transform: translate(0px, -5px);}
    18% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop11 { 
    0% {opacity: 0; transform: translate(0px, 0px); }
    16% {opacity: 0; transform: translate(0px, 0px);}
    17% {opacity: 1; transform: translate(0px, -5px);}
    18% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop12 {
	animation-name: anime-pop12;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop12 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop12 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop12 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    17% {opacity: 0; transform: translate(0px, 0px);}
    18% {opacity: 1; transform: translate(0px, -5px);}
    19% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop12 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    17% {opacity: 0; transform: translate(0px, 0px);}
    18% {opacity: 1; transform: translate(0px, -5px);}
    19% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop12 { 
    0% {opacity: 0; transform: translate(0px, 0px); }
    17% {opacity: 0; transform: translate(0px, 0px);}
    18% {opacity: 1; transform: translate(0px, -5px);}
    19% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop13 {
	animation-name: anime-pop13;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop13 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop13 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop13 {
    0% {opacity: 0; transform: translate(-3px, 5px); }
    18% {opacity: 0; transform: translate(-3px, 5px);}
    19% {opacity: 1; transform: translate(5px, -3px);}
    20% {opacity: 1; transform: translate(0px, 0px);}
    26% {opacity: 0; transform: translate(-5px, 5px);}
    27% {opacity: 1; transform: translate(0px, -5px);}
    28% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop13 {
    0% {opacity: 0; transform: translate(-3px, 5px); }
    18% {opacity: 0; transform: translate(-3px, 5px);}
    19% {opacity: 1; transform: translate(5px, -3px);}
    20% {opacity: 1; transform: translate(0px, 0px);}
    26% {opacity: 0; transform: translate(-5px, 5px);}
    27% {opacity: 1; transform: translate(0px, -5px);}
    28% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop13 { 
    0% {opacity: 0; transform: translate(-3px, 5px); }
    18% {opacity: 0; transform: translate(-3px, 5px);}
    19% {opacity: 1; transform: translate(5px, -3px);}
    20% {opacity: 1; transform: translate(0px, 0px);}
    26% {opacity: 0; transform: translate(-5px, 5px);}
    27% {opacity: 1; transform: translate(0px, -5px);}
    28% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop14 {
	animation-name: anime-pop14;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop14 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop14 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop14 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    19% {opacity: 0; transform: translate(0px, 0px);}
    20% {opacity: 1; transform: translate(0px, -5px);}
    21% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop14 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    19% {opacity: 0; transform: translate(0px, 0px);}
    20% {opacity: 1; transform: translate(0px, -5px);}
    21% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop14 { 
    0% {opacity: 0; transform: translate(0px, 0px); }
    19% {opacity: 0; transform: translate(0px, 0px);}
    20% {opacity: 1; transform: translate(0px, -5px);}
    21% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop15 {
	animation-name: anime-pop15;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop15 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop15 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop15 {
    0% {opacity: 0; transform: translate(5px, -5px); }
    20% {opacity: 0; transform: translate(5px, -5px);}
    21% {opacity: 1; transform: translate(-5px, 5px);}
    22% {opacity: 1; transform: translate(0px, 0px);}
    26% {opacity: 0; transform: translate(-6px, 3px);}
    27% {opacity: 1; transform: translate(0px, -3px);}
    28% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop15 {
    0% {opacity: 0; transform: translate(5px, -5px); }
    20% {opacity: 0; transform: translate(5px, -5px);}
    21% {opacity: 1; transform: translate(-5px, 5px);}
    22% {opacity: 1; transform: translate(0px, 0px);}
    26% {opacity: 0; transform: translate(-6px, 3px);}
    27% {opacity: 1; transform: translate(0px, -3px);}
    28% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop15 { 
    0% {opacity: 0; transform: translate(5px, -5px); }
    20% {opacity: 0; transform: translate(5px, -5px);}
    21% {opacity: 1; transform: translate(-5px, 5px);}
    22% {opacity: 1; transform: translate(0px, 0px);}
    26% {opacity: 0; transform: translate(-6px, 3px);}
    27% {opacity: 1; transform: translate(0px, -3px);}
    28% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop16 {
	animation-name: anime-pop16;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop16 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop16 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop16 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    21% {opacity: 0; transform: translate(0px, 0px);}
    22% {opacity: 1; transform: translate(0px, 0px);}
    23% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop16 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    21% {opacity: 0; transform: translate(0px, 0px);}
    22% {opacity: 1; transform: translate(0px, 0px);}
    23% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop16 { 
    0% {opacity: 0; transform: translate(0px, 0px); }
    21% {opacity: 0; transform: translate(0px, 0px);}
    22% {opacity: 1; transform: translate(0px, 0px);}
    23% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop17 {
	animation-name: anime-pop17;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop17 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop17 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop17 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    22% {opacity: 0; transform: translate(0px, -5px);}
    23% {opacity: 1; transform: translate(5px, 0px);}
    24% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop17 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    22% {opacity: 0; transform: translate(0px, -5px);}
    23% {opacity: 1; transform: translate(5px, 0px);}
    24% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop17 { 
    0% {opacity: 0; transform: translate(0px, -5px); }
    22% {opacity: 0; transform: translate(0px, -5px);}
    23% {opacity: 1; transform: translate(5px, 0px);}
    24% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop18 {
	animation-name: anime-pop18;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop18 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop18 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop18 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    23% {opacity: 0; transform: translate(0px, 0px);}
    24% {opacity: 1; transform: translate(0px, -5px);}
    25% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop18 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    23% {opacity: 0; transform: translate(0px, 0px);}
    24% {opacity: 1; transform: translate(0px, -5px);}
    25% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop18 { 
    0% {opacity: 0; transform: translate(0px, 0px); }
    23% {opacity: 0; transform: translate(0px, 0px);}
    24% {opacity: 1; transform: translate(0px, -5px);}
    25% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop19 {
	animation-name: anime-pop19;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop19 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop19 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop19 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    24% {opacity: 0; transform: translate(0px, 0px);}
    25% {opacity: 1; transform: translate(0px, -5px);}
    26% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop19 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    24% {opacity: 0; transform: translate(0px, 0px);}
    25% {opacity: 1; transform: translate(0px, -5px);}
    26% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop19 { 
    0% {opacity: 0; transform: translate(0px, 0px); }
    24% {opacity: 0; transform: translate(0px, 0px);}
    25% {opacity: 1; transform: translate(0px, -5px);}
    26% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop20 {
	animation-name: anime-pop20;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop20 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop20 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop20 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    25% {opacity: 0; transform: translate(0px, 0px);}
    26% {opacity: 1; transform: translate(0px, -5px);}
    27% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop20 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    25% {opacity: 0; transform: translate(0px, 0px);}
    26% {opacity: 1; transform: translate(0px, -5px);}
    27% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop20 { 
    0% {opacity: 0; transform: translate(0px, 0px); }
    25% {opacity: 0; transform: translate(0px, 0px);}
    26% {opacity: 1; transform: translate(0px, -5px);}
    27% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop21 {
	animation-name: anime-pop21;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop21 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop21 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop21 {
    0% {opacity: 0; transform: translate(-5px, 0px); }
    26% {opacity: 0; transform: translate(-5px, 0px);}
    27% {opacity: 1; transform: translate(0px, -5px);}
    28% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop21 {
    0% {opacity: 0; transform: translate(-5px, 0px); }
    26% {opacity: 0; transform: translate(-5px, 0px);}
    27% {opacity: 1; transform: translate(0px, -5px);}
    28% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop21 { 
    0% {opacity: 0; transform: translate(-5px, 0px); }
    26% {opacity: 0; transform: translate(-5px, 0px);}
    27% {opacity: 1; transform: translate(0px, -5px);}
    28% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop22 {
	animation-name: anime-pop22;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop22 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop22 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop22 {
    0% {opacity: 0; transform: translate(50px, -50px); }
    27% {opacity: 0; transform: translate(50px, -50px);}
    28% {opacity: 1; transform: translate(-5px, 5px);}
    29% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop22 {
    0% {opacity: 0; transform: translate(50px, -50px); }
    27% {opacity: 0; transform: translate(50px, -50px);}
    28% {opacity: 1; transform: translate(-5px, 5px);}
    29% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop22 { 
    0% {opacity: 0; transform: translate(50px, -50px); }
    27% {opacity: 0; transform: translate(50px, -50px);}
    28% {opacity: 1; transform: translate(-5px, 5px);}
    29% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop23 {
	animation-name: anime-pop23;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop23 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop23 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop23 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    28% {opacity: 0; transform: translate(0px, 0px);}
    29% {opacity: 1; transform: translate(0px, 0px);}
    30% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop23 {
    0% {opacity: 0; transform: translate(0px, 0px); }
    28% {opacity: 0; transform: translate(0px, 0px);}
    29% {opacity: 1; transform: translate(0px, 0px);}
    30% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop23 { 
    0% {opacity: 0; transform: translate(0px, 0px); }
    28% {opacity: 0; transform: translate(0px, 0px);}
    29% {opacity: 1; transform: translate(0px, 0px);}
    30% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop24 {
	animation-name: anime-pop24;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop24 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop24 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop24 {
    0% {opacity: 0; transform: translate(-50px, 50px); }
    29% {opacity: 0; transform: translate(-50px, 50px);}
    30% {opacity: 1; transform: translate(5px, -5px);}
    31% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop24 {
    0% {opacity: 0; transform: translate(-50px, 50px); }
    29% {opacity: 0; transform: translate(-50px, 50px);}
    30% {opacity: 1; transform: translate(5px, -5px);}
    31% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop24 { 
    0% {opacity: 0; transform: translate(-50px, 50px); }
    29% {opacity: 0; transform: translate(-50px, 50px);}
    30% {opacity: 1; transform: translate(5px, -5px);}
    31% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop25 {
	animation-name: anime-pop25;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop25 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop25 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop25 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    24% {opacity: 0; transform: translate(0px, -5px);}
    25% {opacity: 1; transform: translate(0px, 5px);}
    26% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop25 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    24% {opacity: 0; transform: translate(0px, -5px);}
    25% {opacity: 1; transform: translate(0px, 5px);}
    26% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop25 { 
    0% {opacity: 0; transform: translate(0px, -5px); }
    24% {opacity: 0; transform: translate(0px, -5px);}
    25% {opacity: 1; transform: translate(0px, 5px);}
    26% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop26 {
	animation-name: anime-pop26;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop26 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop26 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop26 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    25% {opacity: 0; transform: translate(0px, -5px);}
    26% {opacity: 1; transform: translate(0px, 5px);}
    27% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop26 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    25% {opacity: 0; transform: translate(0px, -5px);}
    26% {opacity: 1; transform: translate(0px, 5px);}
    27% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop26 { 
    0% {opacity: 0; transform: translate(0px, -5px); }
    25% {opacity: 0; transform: translate(0px, -5px);}
    26% {opacity: 1; transform: translate(0px, 5px);}
    27% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop27 {
	animation-name: anime-pop27;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop27 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop27 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop27 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    26% {opacity: 0; transform: translate(0px, -5px);}
    27% {opacity: 1; transform: translate(0px, 5px);}
    28% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop27 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    26% {opacity: 0; transform: translate(0px, -5px);}
    27% {opacity: 1; transform: translate(0px, 5px);}
    28% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop27 { 
    0% {opacity: 0; transform: translate(0px, -5px); }
    26% {opacity: 0; transform: translate(0px, -5px);}
    27% {opacity: 1; transform: translate(0px, 5px);}
    28% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop28 {
	animation-name: anime-pop28;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop28 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop28 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop28 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    27% {opacity: 0; transform: translate(0px, -5px);}
    28% {opacity: 1; transform: translate(0px, 5px);}
    29% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop28 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    27% {opacity: 0; transform: translate(0px, -5px);}
    28% {opacity: 1; transform: translate(0px, 5px);}
    29% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop28 { 
    0% {opacity: 0; transform: translate(0px, -5px); }
    27% {opacity: 0; transform: translate(0px, -5px);}
    28% {opacity: 1; transform: translate(0px, 5px);}
    29% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop29 {
	animation-name: anime-pop29;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop29 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop29 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop29 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    28% {opacity: 0; transform: translate(0px, -5px);}
    29% {opacity: 1; transform: translate(0px, 5px);}
    30% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop29 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    28% {opacity: 0; transform: translate(0px, -5px);}
    29% {opacity: 1; transform: translate(0px, 5px);}
    30% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop29 { 
    0% {opacity: 0; transform: translate(0px, -5px); }
    28% {opacity: 0; transform: translate(0px, -5px);}
    29% {opacity: 1; transform: translate(0px, 5px);}
    30% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop30 {
	animation-name: anime-pop1;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop30 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop30 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop30 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    29% {opacity: 0; transform: translate(0px, -5px);}
    30% {opacity: 1; transform: translate(0px, 5px);}
    31% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop30 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    29% {opacity: 0; transform: translate(0px, -5px);}
    30% {opacity: 1; transform: translate(0px, 5px);}
    31% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop30 { 
    0% {opacity: 0; transform: translate(0px, -5px); }
    29% {opacity: 0; transform: translate(0px, -5px);}
    30% {opacity: 1; transform: translate(0px, 5px);}
    31% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop31 {
	animation-name: anime-pop31;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop31 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop31 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop31 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    30% {opacity: 0; transform: translate(0px, -5px);}
    31% {opacity: 1; transform: translate(0px, 5px);}
    32% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop31 {
    0% {opacity: 0; transform: translate(0px, -5px); }
    30% {opacity: 0; transform: translate(0px, -5px);}
    31% {opacity: 1; transform: translate(0px, 5px);}
    32% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop31 { 
    0% {opacity: 0; transform: translate(0px, -5px); }
    30% {opacity: 0; transform: translate(0px, -5px);}
    31% {opacity: 1; transform: translate(0px, 5px);}
    32% {opacity: 1; transform: translate(0px, 0px);}
    100% {opacity: 1;}
}

#anime-pop32 {
	animation-name: anime-pop32;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop32 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop32 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop32 {
    0% {opacity: 0; }
    25% {opacity: 0;}
    32% {opacity: 1;}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop32 {
    0% {opacity: 0; }
    25% {opacity: 0;}
    32% {opacity: 1;}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop32 { 
    0% {opacity: 0; }
    25% {opacity: 0;}
    32% {opacity: 1;}
    100% {opacity: 1;}
}

#anime-pop33 {
	animation-name: anime-pop33;
	animation-iteration-count: 1; 
	-webkit-animation: anime-pop33 13s; /* Safari & Chrome */
	-webkit-animation-iteration-count: 1; 
	-ms-animation: anime-pop33 13s;
	-ms-animation-iteration-count: 1; 
	background-repeat: no-repeat; 
	height: 280px; 
	width: 280px; 
}  
@keyframes anime-pop33 {
    0% {opacity: 0; transform: translate(0px, -5px) scale(0.8); }
    32% {opacity: 0; transform: translate(0px, -5px) scale(0.8);}
    33% {opacity: 1; transform: translate(0px, 5px) scale(1.1);}
    34% {opacity: 1; transform: translate(0px, 0px) scale(1);}
    100% {opacity: 1;}
}
@-webkit-keyframes anime-pop33 {
    0% {opacity: 0; transform: translate(0px, -5px) scale(0.8); }
    32% {opacity: 0; transform: translate(0px, -5px) scale(0.8);}
    33% {opacity: 1; transform: translate(0px, 5px) scale(1.1);}
    34% {opacity: 1; transform: translate(0px, 0px) scale(1);}
    100% {opacity: 1;}
}
@-ms-keyframes anime-pop33 { 
    0% {opacity: 0; transform: translate(0px, -5px) scale(0.8); }
    32% {opacity: 0; transform: translate(0px, -5px) scale(0.8);}
    33% {opacity: 1; transform: translate(0px, 5px) scale(1.1);}
    34% {opacity: 1; transform: translate(0px, 0px) scale(1);}
    100% {opacity: 1;}
}




/* tea1〜は紅茶のロゴ用　幅330px */
#animation-container_tea1 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 1.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_tea2 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate_deep 2s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate_deep 2s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_tea3 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_tea4 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_tea5 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_tea6 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_tea7 {
    position: absolute;
	animation-name: none;
  animation: fadein_tea7 8s; 
  animation-iteration-count: 1; 
  -webkit-animation: fadein_tea7 8s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadein_tea7 8s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_tea8 {
    position: absolute;
	animation-name: none;
  animation: fadein_tea8 8s; 
  animation-iteration-count: 1; 
  -webkit-animation: fadein_tea8 8s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadein_tea7 8s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_tea9 {
    position: absolute;
	animation-name: none;
  animation: fadein_tea9 8s; 
  animation-iteration-count: 1; 
  -webkit-animation: fadein_tea9 8s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadein_tea9 8s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_tea10 {
    position: absolute;
	animation-name: none;
  animation: fadein_tea10 8s; 
  animation-iteration-count: 1; 
  -webkit-animation: fadein_tea10 8s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadein_tea10 8s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

#animation-container_tea11 {
    position: absolute;
	animation-name: none;
  animation: fadein_tea11 9s; 
  animation-iteration-count: 1; 
  -webkit-animation: fadein_tea11 9s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadein_tea11 9s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

@keyframes fadein_tea7 {
    0% {opacity: 0}
    40% {opacity: 0}
    60% {opacity: 1}
    90% {opacity: 1}
    100% {opacity: 1}
}
@-webkit-keyframes fadein_tea7 {
    0% {opacity: 0}
    40% {opacity: 0}
    60% {opacity: 1}
    90% {opacity: 1}
    100% {opacity: 1}
}
@-ms-keyframes fadein_tea7 { 
    0% {opacity: 0}
    40% {opacity: 0}
    60% {opacity: 1}
    90% {opacity: 1}
    100% {opacity: 1}
}

@keyframes fadein_tea8 {
    0% {opacity: 0}
    60% {opacity: 0}
    61% {opacity: 0}
    80% {opacity: 1}
    100% {opacity: 1}
}
@-webkit-keyframes fadein_tea8 {
    0% {opacity: 0}
    60% {opacity: 0}
    61% {opacity: 0}
    80% {opacity: 1}
    100% {opacity: 1}
}
@-ms-keyframes fadein_tea8 { 
    0% {opacity: 0}
    60% {opacity: 0}
    61% {opacity: 0}
    80% {opacity: 1}
    100% {opacity: 1}
}

@keyframes fadein_tea9 {
    0% {opacity: 0}
    50% {opacity: 0}
    60% {opacity: 0}
    61% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadein_tea9 {
    0% {opacity: 0}
    50% {opacity: 0}
    60% {opacity: 0}
    61% {opacity: 0}
    100% {opacity: 1}
}
@-ms-keyframes fadein_tea9 { 
    0% {opacity: 0}
    50% {opacity: 0}
    60% {opacity: 0}
    61% {opacity: 0}
    100% {opacity: 1}
}

@keyframes fadein_tea10 {
    0% {opacity: 0}
    80% {opacity: 0}
    81% {opacity: 0}
    99% {opacity: 1}
    100% {opacity: 1}
}
@-webkit-keyframes fadein_tea10 {
    0% {opacity: 0}
    80% {opacity: 0}
    81% {opacity: 0}
    99% {opacity: 1}
    100% {opacity: 1}
}
@-ms-keyframes fadein_tea10 { 
    0% {opacity: 0}
    80% {opacity: 0}
    81% {opacity: 0}
    99% {opacity: 1}
    100% {opacity: 1}
}

@keyframes fadein_tea11 {
    0% {opacity: 0}
    84% {opacity: 0}
    85% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadein_tea11 {
    0% {opacity: 0}
    84% {opacity: 0}
    85% {opacity: 0}
    100% {opacity: 1}
}
@-ms-keyframes fadein_tea11 { 
    0% {opacity: 0}
    84% {opacity: 0}
    85% {opacity: 0}
    100% {opacity: 1}
}



/* 201〜206はパスタのロゴ用　幅400px */
#animation-container201 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container2011 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: fadeIn80 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadeIn80 5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container202 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  


#animation-container203 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container204 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container2044 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: fadeIn80 6s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadeIn80 6s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container205 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 1s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container206 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate_deep 2.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate_deep 2.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container207 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container208 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container209 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 1.8s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1.8s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  

#animation-container210 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 2.1s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 2.1s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 400px; 
}  




/* 2201〜2210はイースターのロゴ用　幅335px */
#animation-container2201 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 335px; 
}  

#animation-container2202 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 335px; 
}  


#animation-container2203 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 335px; 
}  

#animation-container2204 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 335px; 
}  

#animation-container2205 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 1s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 335px; 
}  

#animation-container2206 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate_deep 2.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate_deep 2.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 335px; 
}  

#animation-container2207 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 335px; 
}  

#animation-container2208 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 335px; 
}  

#animation-container2209 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 1.8s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1.8s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 335px; 
}  

#animation-container2210 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 2.1s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 2.1s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 335px; 
}  





/* 101〜106はバレンタインのロゴ用　幅300px */
#animation-container101 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4.3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4.3s;
  -ms-animation-iteration-count: 1; 
  background-image: url('images/jupiterlogo1.png'); 
  background-repeat: no-repeat; 
  width: 260px; 
  height: 315px; 
  width: 300px; 
}  

#animation-container102 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4.7s;
  -ms-animation-iteration-count: 1; 
  background-image: url('images/jupiterlogo2.png'); 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 300px; 
}  

#animation-container103 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.5s;
  -ms-animation-iteration-count: 1; 
  background-image: url('images/jupiterlogo3.png'); 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 300px; 
}  

#animation-container104 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3s;
  -ms-animation-iteration-count: 1; 
  background-image: url('images/jupiterlogo4.png'); 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 300px; 
}  

#animation-container105 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 1s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1s;
  -ms-animation-iteration-count: 1; 
  background-image: url('images/jupiterlogo5.png'); 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 300px; 
}  

#animation-container106 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate_deep 2.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate_deep 2.5s;
  -ms-animation-iteration-count: 1; 
  background-image: url('images/jupiterlogo6.png'); 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 300px; 
}  





/* baloon1〜は風船用　幅720px 高さ420px */
#animation-container_baloon1 {
	animation-name: up1;
  animation-iteration-count: 1; 
  -webkit-animation: up_stay 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: up_stay 5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  
#animation-container_baloon2 {
	animation-name: up2;
  animation-iteration-count: 1; 
  -webkit-animation: up_stay 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: up_stay 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  
#animation-container_baloon3 {
	animation-name: up3;
  animation-iteration-count: 1; 
  -webkit-animation: up_stay 4.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: up_stay 4.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  
#animation-container_baloon4 {
	animation-name: up4;
  animation-iteration-count: 1; 
  -webkit-animation: up_stay 5.3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: up_stay 5.3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  
#animation-container_baloon5 {
	animation-name: up5;
  animation-iteration-count: 1; 
  -webkit-animation: up_stay 6s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: up_stay 6s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  
#animation-container_baloon6 {
	animation-name: up6;
  animation-iteration-count: 1; 
  -webkit-animation: up_stay 5.8s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: up_stay 5.8s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

@keyframes up_stay {
  0%   { transform:  translate(0px, 9999px);    } 
  100%  { transform:  translate(0px, 0px);   } 
}
@-webkit-keyframes up_stay { 
  0%   { -webkit-transform:  translate(0px, 9999px) ;   } 
  100%  { -webkit-transform:  translate(0px, 0px);   } 
}

@-ms-keyframes up_stay { 
  0%   { -ms-transform:  translate(0px, 9999px) ;   } 
  100%  { -ms-transform:  translate(0px, 0px);   } 
}







/* xmas1〜はクリスマスリースのロゴ用　幅330px */
#animation-container_xmas1 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 310px; 
}  

#animation-container_xmas2 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 310px; 
}  


#animation-container_xmas3 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 310px; 
}  

#animation-container_xmas4 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 310px; 
}  

#animation-container_xmas5 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 1s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 310px; 
}  

#animation-container_xmas6 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate_deep 2.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate_deep 2.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 330px; 
}  

/* クリスマスリースのロゴ用光彩アニメーション */
.switch1 {
 -webkit-animation: switchtext1 2s infinite alternate;
 -moz-animation: switchtext1 2s infinite alternate;
 animation: switchtext1 2s infinite alternate;
}
.switch2 {
 -webkit-animation: switchtext2 2.21s infinite alternate;
 -moz-animation: switchtext2 2.21s infinite alternate;
 animation: switchtext2 2.21s infinite alternate;
}
.switch3 {
 -webkit-animation: switchtext3 1.61s infinite alternate;
 -moz-animation: switchtext3 1.61s infinite alternate;
 animation: switchtext3 1.61s infinite alternate;
}
.switch4 {
 -webkit-animation: switchtext4 3.03s infinite alternate;
 -moz-animation: switchtext4 3.03s infinite alternate;
 animation: switchtext4 3.03s infinite alternate;
}
.switch5 {
 -webkit-animation: switchtext2 4.1s infinite alternate;
 -moz-animation: switchtext2 4.1s infinite alternate;
 animation: switchtext2 4.1s infinite alternate;
}
.switch6 {
 -webkit-animation: switchtext2 4.9s infinite alternate;
 -moz-animation: switchtext2 4.9s infinite alternate;
 animation: switchtext2 4.9s infinite alternate;
}

@-webkit-keyframes switchtext1 {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext1 {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext1 {
 from { opacity: 1.0; }
 to { opacity: 0; }
}

@-webkit-keyframes switchtext2 {
 from { opacity: 0; }
 to { opacity: 1.0; }
}
@-moz-keyframes switchtext2 {
 from { opacity: 0; }
 to { opacity: 1.0; }
}
@keyframes switchtext2 {
 from { opacity: 0; }
 to { opacity: 1.0; }
}

@-webkit-keyframes switchtext3 {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext3 {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext3 {
 from { opacity: 1.0; }
 to { opacity: 0; }
}

@-webkit-keyframes switchtext4 {
 from { opacity: 0; }
 to { opacity: 1.0; }
}
@-moz-keyframes switchtext4 {
 from { opacity: 0; }
 to { opacity: 1.0; }
}
@keyframes switchtext4 {
 from { opacity: 0; }
 to { opacity: 1.0; }
}





/* 901〜909はシリアルのロゴ用　幅260px */
#animation-container901 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 260px; 
}  

#animation-container902 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: fadeIn80 9s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadeIn80 9s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 260px; 
}  


#animation-container903 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: fall_simple 3.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fall_simple 3.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 260px; 
}  

#animation-container904 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: fall_simple 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fall_simple 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 260px; 
}  

#animation-container905 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 1s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 260px; 
}  

#animation-container906 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate_deep 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate_deep 3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 260px; 
}  

#animation-container907 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: fadeIn80 2s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadeIn80 2s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 260px; 
}  

#animation-container908 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate_deep 4.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate_deep 4.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 260px; 
}  

#animation-container909 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: fadeIn80 10s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadeIn80 10s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 260px; 
}  

#animation-container9099 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: fadeIn80 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadeIn80 5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 315px; 
  width: 260px; 
}  

@keyframes fadeIn80 {
    0% {opacity: 0}
    80% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn80 {
    0% {opacity: 0}
    80% {opacity: 0}
    100% {opacity: 1}
}














#animation-container2 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 1.2s; 
  animation-iteration-count: 1; 
  -webkit-animation: translate 1.2s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 1.2s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
} 


#animation-container3 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 2s; 
  animation-iteration-count: 1; 
  -webkit-animation: translate 2s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 2s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  


#animation-container4 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 2.7s; 
  animation-iteration-count: 1; 
  -webkit-animation: translate 2.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 2.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container5 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 2s; 
  animation-iteration-count: 1; 
  -webkit-animation: translate 2s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 2s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container6 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 2.5s; 
  animation-iteration-count: 1; 
  -webkit-animation: translate 2.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 2.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container7 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 2.7s; 
  animation-iteration-count: 1;
  -webkit-animation: translate 2.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 2.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container8 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 3.2s; 
  animation-iteration-count: 1;
  -webkit-animation: translate 3.2s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.2s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container9 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 2.8s; 
  animation-iteration-count: 1;
  -webkit-animation: translate 2.8s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 2.8s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container10 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 2.9s; 
  animation-iteration-count: 1;
  -webkit-animation: translate 2.9s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 2.9s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container11 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 3s; 
  animation-iteration-count: 1;
  -webkit-animation: translate 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container12 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 4s; 
  animation-iteration-count: 1; 
  -webkit-animation: translate 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container13 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 3.2s; 
  animation-iteration-count: 1;
  -webkit-animation: translate 3.2s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.2s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container14 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 3.3s; 
  animation-iteration-count: 1;
  -webkit-animation: translate 3.3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container15 { 
	animation-name: none;
	animation-name: fall;
  animation: translate 3.4s; 
  animation-iteration-count: 1; 
  -webkit-animation: translate 3.4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3.4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  


#animation-container21 { 
	animation-name: wine1;
  animation: wine1 1.5s; 
  animation-iteration-count: 1; 
  -webkit-animation: wine1 1.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: wine1 1.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container22 { 
	animation-name: wine1;
  animation: wine1 1.7s; 
  animation-iteration-count: 1; 
  -webkit-animation: wine1 1.7s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: wine1 1.7s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container23 { 
	animation-name: wine1;
  animation: wine1 1.9s; 
  animation-iteration-count: 1; 
  -webkit-animation: wine1 1.9s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: wine1 1.9s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container24 { 
	animation-name: wine1;
  animation: wine1 2.1s; 
  animation-iteration-count: 1; 
  -webkit-animation: wine1 2.1s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: wine1 2.1s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container25 { 
	animation-name: wine1;
  animation: wine1 2.3s; 
  animation-iteration-count: 1; 
  -webkit-animation: wine1 2.3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: wine1 2.3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

#animation-container26 { 
	animation-name: wine1;
  animation: wine1 2.5s; 
  animation-iteration-count: 1; 
  -webkit-animation: wine1 2.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: wine1 2.5s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat; 
}  


#animation-container30 { 
    position: absolute;
  width: 720px; 
  height: 360px; 
}  

#animation-container31 { 
    position: absolute;
	animation-name: none;
  animation: shoplist1 2s; 
  animation-iteration-count: 1; 
  -webkit-animation: shoplist1 2s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: shoplist1 2s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat;
  width: 720px; 
  height: 360px; 
}  

#animation-container32 { 
    position: absolute;
	animation-name: none;
  animation: shoplist2 2.5s; 
  animation-iteration-count: 1; 
  -webkit-animation: shoplist2 2.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: shoplist2 2.5s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat; 
  width: 720px; 
  height: 360px; 
}  

#animation-container33 { 
    position: absolute;
	animation-name: none;
  animation: shoplist1 3s; 
  animation-iteration-count: 1; 
  -webkit-animation: shoplist1 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: shoplist1 3s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat; 
  width: 720px; 
  height: 360px; 
}  

#animation-container34 { 
    position: absolute;
	animation-name: none;
  animation: shoplist2 4s; 
  animation-iteration-count: 1; 
  -webkit-animation: shoplist2 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: shoplist2 4s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat; 
  width: 720px; 
  height: 360px; 
}  

#animation-container35 { 
    position: absolute;
	animation-name: none;
  animation: shoplist1 4.5s; 
  animation-iteration-count: 1; 
  -webkit-animation: shoplist1 4.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: shoplist1 4.5s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat; 
  width: 720px; 
  height: 360px; 
}  

#animation-container36 { 
    position: relative;
	animation-name: none;
  animation: shoplist2 5s; 
  animation-iteration-count: 1; 
  -webkit-animation: shoplist2 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: shoplist2 5s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat; 
  width: 720px; 
  height: 360px; 
}  

#animation-container37 { 
    position: absolute;
	animation-name: none;
  animation: shoplist2 3s; 
  animation-iteration-count: 1; 
  -webkit-animation: shoplist2 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: shoplist2 3s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat; 
  width: 720px; 
  height: 360px; 
}  

@keyframes shoplist1 {
  0%   { transform:  translate(0px, -9999px);    } 
  25%   { transform:  translate(0px, 0px);   }
  50%   { transform:  translate(0px, -50px);    } 
  100%  { transform:  translate(0px, 0px);   } 
}
@-webkit-keyframes shoplist1 { 
  0%   { -webkit-transform:  translate(0px, -9999px) ;   } 
  25%   { -webkit-transform:  translate(0px, 0px);   }
  50%   { -webkit-transform:  translate(0px, -50px);   }
  100%  { -webkit-transform:  translate(0px, 0px);   } 
}

@-ms-keyframes shoplist1 { 
  0%   { -ms-transform:  translate(0px, -9999px) ;   } 
  25%   { -ms-transform:  translate(0px, 0px);   }
  50%   { -ms-transform:  translate(0px, -50px);   }
  100%  { -ms-transform:  translate(0px, 0px);   } 
}



@keyframes shoplist2 {
  0%   { transform:  translate(0px, 9999px);    } 
  25%   { transform:  translate(0px, 0px);   }
  50%   { transform:  translate(0px, 50px);    } 
  100%  { transform:  translate(0px, 0px);   } 
}
@-webkit-keyframes shoplist2 { 
  0%   { -webkit-transform:  translate(0px, 9999px) ;   } 
  25%   { -webkit-transform:  translate(0px, 0px);   }
  50%   { -webkit-transform:  translate(0px, 50px);   }
  100%  { -webkit-transform:  translate(0px, 0px);   } 
}

@-ms-keyframes shoplist2 { 
  0%   { -ms-transform:  translate(0px, 9999px) ;   } 
  25%   { -ms-transform:  translate(0px, 0px);   }
  50%   { -ms-transform:  translate(0px, 50px);   }
  100%  { -ms-transform:  translate(0px, 0px);   } 
}




/* 店舗情報アニメーション */
#animation-tempojoho1 { 
    position: absolute;
	animation-name: none;
  animation: tempojoho1 5s; 
  animation-iteration-count: 1; 
  -webkit-animation: tempojoho1 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: tempojoho1 5s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat;
  width: 70px; 
  height: 70px; 
}  
@keyframes tempojoho1 {
  0%   { transform:  translate(160px, -800px);    } 
  20%   { transform:  translate(160px, 50px);   }
  30%   { transform:  translate(160px, -50px);    } 
  60%  { transform:  translate(160px, 0px);   } 
  61%  { transform:  translate(160px, 0px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}
@-webkit-keyframes tempojoho1 { 
  0%   { -webkit-transform:  translate(160px, -800px) ;   } 
  20%   { -webkit-transform:  translate(160px, 50px);   }
  30%   { -webkit-transform:  translate(160px, -50px);   }
  60%  { -webkit-transform:  translate(160px, 0px);   } 
  61%  { -webkit-transform:  translate(160px, 0px);   } 
  100%  { -webkit-transform:  translate(0px, 0px);   } 
}
@-ms-keyframes tempojoho1 { 
  0%   { -ms-transform:  translate(160px, -800px) ;   } 
  20%   { -ms-transform:  translate(160px, 50px);   }
  30%   { -ms-transform:  translate(160px, -50px);   }
  60%  { -ms-transform:  translate(160px, 0px);   } 
  61%  { -ms-transform:  translate(160px, 0px);   } 
  100%  { -ms-transform:  translate(0px, 0px);   } 
}

#animation-tempojoho2 { 
    position: absolute;
	animation-name: none;
  animation: tempojoho2 5s; 
  animation-iteration-count: 1; 
  -webkit-animation: tempojoho2 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: tempojoho2 5s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat;
  width: 70px; 
  height: 70px; 
}  
@keyframes tempojoho2 {
  0%   { anime-pop1    } 
  20%   { transform:  translate(50px, 50px);   }
  30%   { transform:  translate(50px, -50px);    } 
  60%  { transform:  translate(50px, 0px);   } 
  61%  { transform:  translate(50px, 0px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}
@-webkit-keyframes tempojoho2 { 
  0%   { -webkit-transform:  translate(50px, -800px) ;   } 
  20%   { -webkit-transform:  translate(50px, 50px);   }
  30%   { -webkit-transform:  translate(50px, -50px);   }
  60%  { -webkit-transform:  translate(50px, 0px);   } 
  61%  { -webkit-transform:  translate(50px, 0px);   } 
  100%  { -webkit-transform:  translate(0px, 0px);   } 
}

@-ms-keyframes tempojoho2 { 
  0%   { -ms-transform:  translate(50px, -800px) ;   } 
  20%   { -ms-transform:  translate(50px, 50px);   }
  30%   { -ms-transform:  translate(50px, -50px);   }
  60%  { -ms-transform:  translate(50px, 0px);   } 
  61%  { -ms-transform:  translate(50px, 0px);   } 
  100%  { -ms-transform:  translate(0px, 0px);   } 
}

#animation-tempojoho3 { 
    position: absolute;
	animation-name: none;
  animation: tempojoho3 5s; 
  animation-iteration-count: 1; 
  -webkit-animation: tempojoho3 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: tempojoho3 5s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat;
  width: 70px; 
  height: 70px; 
}  

@keyframes tempojoho3 {
  0%   { transform:  translate(-59px, -800px);    } 
  20%   { transform:  translate(-59px, 50px);   }
  30%   { transform:  translate(-59px, -50px);    } 
  60%  { transform:  translate(-59px, 0px);   } 
  61%  { transform:  translate(-59px, 0px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}
@-webkit-keyframes tempojoho3 { 
  0%   { -webkit-transform:  translate(-59px, -800px) ;   } 
  20%   { -webkit-transform:  translate(-59px, 50px);   }
  30%   { -webkit-transform:  translate(-59px, -50px);   }
  60%  { -webkit-transform:  translate(-59px, 0px);   } 
  61%  { -webkit-transform:  translate(-59px, 0px);   } 
  100%  { -webkit-transform:  translate(0px, 0px);   } 
}

@-ms-keyframes tempojoho3 { 
  0%   { -ms-transform:  translate(-59px, -800px) ;   } 
  20%   { -ms-transform:  translate(-59px, 50px);   }
  30%   { -ms-transform:  translate(-59px, -50px);   }
  60%  { -ms-transform:  translate(-59px, 0px);   } 
  61%  { -ms-transform:  translate(-59px, 0px);   } 
  100%  { -ms-transform:  translate(0px, 0px);   } 
}

#animation-tempojoho4 { 
    position: absolute;
	animation-name: none;
  animation: tempojoho4 5s; 
  animation-iteration-count: 1; 
  -webkit-animation: tempojoho4 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: tempojoho4 5s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat;
  width: 70px; 
  height: 70px; 
}  

@keyframes tempojoho4 {
  0%   { transform:  translate(-170px, -800px);    } 
  20%   { transform:  translate(-170px, 50px);   }
  30%   { transform:  translate(-170px, -50px);    } 
  60%  { transform:  translate(-170px, 0px);   } 
  61%  { transform:  translate(-170px, 0px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}
@-webkit-keyframes tempojoho4 { 
  0%   { -webkit-transform:  translate(-170px, -800px) ;   } 
  20%   { -webkit-transform:  translate(-170px, 50px);   }
  30%   { -webkit-transform:  translate(-170px, -50px);   }
  60%  { -webkit-transform:  translate(-170px, 0px);   } 
  61%  { -webkit-transform:  translate(-170px, 0px);   } 
  100%  { -webkit-transform:  translate(0px, 0px);   } 
}

@-ms-keyframes tempojoho4 { 
  0%   { -ms-transform:  translate(-170px, -800px) ;   } 
  20%   { -ms-transform:  translate(-170px, 50px);   }
  30%   { -ms-transform:  translate(-170px, -50px);   }
  60%  { -ms-transform:  translate(-170px, 0px);   } 
  61%  { -ms-transform:  translate(-170px, 0px);   } 
  100%  { -ms-transform:  translate(0px, 0px);   } 
}

#animation-tempojoho5 {
    position: absolute;
	animation-name: none;
  animation: fadeIn70 5s; 
  animation-iteration-count: 1; 
  -webkit-animation: fadeIn70 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: fadeIn70 5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  width: 504px; 
  height: 36px; 
}  
@keyframes fadeIn70 {
    0% {opacity: 0}
    70% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn70 {
    0% {opacity: 0}
    70% {opacity: 0}
    100% {opacity: 1}
}
@-ms-keyframes fadeIn70 { 
    0% {opacity: 0}
    70% {opacity: 0}
    100% {opacity: 1}
}

#animation-tempojoho6 { 
    position: absolute;
	animation-name: none;
  animation: tempojoho6 5s; 
  animation-iteration-count: 1; 
  -webkit-animation: tempojoho6 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: tempojoho6 5s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat;
  width: 29px; 
  height: 27px; 
}  
@keyframes tempojoho6 {
  0%   { transform:  translate(0px, -690px);  } 
  20%   { transform:  translate(0px, -60px);  } 
  30%   { transform:  translate(0px, -160px);  } 
  60%  { transform:  translate(0px, 0px);  } 
  61%  { transform:  translate(0px, 0px);  } 
  100%  { transform:  translate(0px, 0px);  } 
}
@-webkit-keyframes tempojoho6 { 
  0%   { -webkit-transform:  translate(0px, -690px);  } 
  20%   { -webkit-transform:  translate(0px, -60px);  } 
  30%   { -webkit-transform:  translate(0px, -160px);  } 
  60%  { -webkit-transform:  translate(0px, 0px);  } 
  61%  { -webkit-transform:  translate(0px, 0px);  } 
  100%  { -webkit-transform:   translate(0px, 0px);  } 
}
@-ms-keyframes tempojoho6 { 
  0%   { -ms-transform:  translate(0px, -690px);  } 
  20%   { -ms-transform:  translate(0px, -60px);  } 
  30%   { -ms-transform:  translate(0px, -160px);  } 
  60%  { -ms-transform:  translate(0px, 0px);  } 
  61%  { -ms-transform:  translate(0px, 0px);  } 
  100%  { -ms-transform:   translate(0px, 0px);   } 
}

#animation-tempojoho7 { 
    position: absolute;
	animation-name: none;
  animation: tempojoho7 5s; 
  animation-iteration-count: 1; 
  -webkit-animation: tempojoho7 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: tempojoho7 5s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat;
  width: 29px; 
  height: 27px; 
}  
@keyframes tempojoho7 {
  0%   { transform:  translate(0px, -718px);  } 
  20%   { transform:  translate(0px, -88px);  } 
  30%   { transform:  translate(0px, -188px);  } 
  60%  { transform:  translate(0px, -28px);  } 
  61%  { transform:  translate(0px, -28px);  } 
  70%  { transform:  translate(0px, 0px);  } 
  100%  { transform:  translate(0px, 0px);  } 
}
@-webkit-keyframes tempojoho7 { 
  0%   { -webkit-transform:  translate(0px, -718px);  } 
  20%   { -webkit-transform:  translate(0px, -88px);  } 
  30%   { -webkit-transform:  translate(0px, -188px);  } 
  60%  { -webkit-transform:  translate(0px, -28px);  } 
  61%  { -webkit-transform:  translate(0px, -28px);  } 
  70%  { -webkit-transform:   translate(0px, 0px);  } 
  100%  { -webkit-transform:   translate(0px, 0px);  } 
}
@-ms-keyframes tempojoho7 { 
  0%   { -ms-transform:  translate(0px, -718px);  } 
  20%   { -ms-transform:  translate(0px, -88px);  } 
  30%   { -ms-transform:  translate(0px, -188px);  } 
  60%  { -ms-transform:  translate(0px, -28px);  } 
  61%  { -ms-transform:  translate(0px, -28px);  } 
  70%  { -ms-transform:   translate(0px, 0px);   } 
  100%  { -ms-transform:   translate(0px, 0px);   } 
}

#animation-tempojoho8 { 
    position: absolute;
	animation-name: none;
  animation: tempojoho8 5s; 
  animation-iteration-count: 1; 
  -webkit-animation: tempojoho8 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: tempojoho8 5s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat;
  width: 29px; 
  height: 27px; 
}  
@keyframes tempojoho8 {
  0%   { transform:  translate(0px, -690px);  } 
  20%   { transform:  translate(0px, -116px);  } 
  30%   { transform:  translate(0px, -216px);  } 
  60%  { transform:  translate(0px, -56px);  } 
  61%  { transform:  translate(0px, -56px);  } 
  70%  { transform:  translate(0px, -28px);  } 
  71%  { transform:  translate(0px, -28px);  } 
  80%  { transform:  translate(0px, 0px);  } 
  100%  { transform:  translate(0px, 0px);  } 
}
@-webkit-keyframes tempojoho8 { 
  0%   { -webkit-transform:  translate(0px, -690px);  } 
  20%   { -webkit-transform:  translate(0px, -116px);  } 
  30%   { -webkit-transform:  translate(0px, -216px);  } 
  60%  { -webkit-transform:  translate(0px, -56px);  } 
  61%  { -webkit-transform:  translate(0px, -56px);  } 
  70%  { -webkit-transform:  translate(0px, -28px);  } 
  71%  { -webkit-transform:  translate(0px, -28px);  } 
  80%  { -webkit-transform:  translate(0px, 0px);  } 
  100%  { -webkit-transform:   translate(0px, 0px);  } 
}
@-ms-keyframes tempojoho8 { 
  0%   { -ms-transform:  translate(0px, -690px);  } 
  20%   { -ms-transform:  translate(0px, -116px);  } 
  30%   { -ms-transform:  translate(0px, -216px);  } 
  60%  { -ms-transform:  translate(0px, -56px);  } 
  61%  { -ms-transform:  translate(0px, -56px);  } 
  70%  { -ms-transform:  translate(0px, -28px);  } 
  71%  { -ms-transform:  translate(0px, -28px);  } 
  80%  { -ms-transform:  translate(0px, 0px);  } 
  100%  { -ms-transform:   translate(0px, 0px);   } 
}

#animation-tempojoho9 { 
    position: absolute;
	animation-name: none;
  animation: tempojoho9 5s; 
  animation-iteration-count: 1; 
  -webkit-animation: tempojoho9 5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: tempojoho9 5s;
  -ms-animation-iteration-count: 1;
  background-repeat: no-repeat;
  width: 29px; 
  height: 27px; 
}  
@keyframes tempojoho9 {
  0%   { transform:  translate(0px, -662px);  } 
  20%   { transform:  translate(0px, -144px);  } 
  30%   { transform:  translate(0px, -244px);  } 
  60%  { transform:  translate(0px, -84px);  } 
  61%  { transform:  translate(0px, -84px);  } 
  70%  { transform:  translate(0px, -56px);  } 
  71%  { transform:  translate(0px, -56px);  } 
  80%  { transform:  translate(0px, -28px);  } 
  81%  { transform:  translate(0px, -28px);  } 
  100%  { transform:  translate(0px, 0px);  } 
}
@-webkit-keyframes tempojoho9 { 
  0%   { -webkit-transform:  translate(0px, -662px);  } 
  20%   { -webkit-transform:  translate(0px, -144px);  } 
  30%   { -webkit-transform:  translate(0px, -244px);  } 
  60%  { -webkit-transform:  translate(0px, -84px);  } 
  61%  { -webkit-transform:  translate(0px, -84px);  } 
  70%  { -webkit-transform:  translate(0px, -56px);  } 
  71%  { -webkit-transform:  translate(0px, -56px);  } 
  80%  { -webkit-transform:  translate(0px, -28px);  } 
  81%  { -webkit-transform:  translate(0px, -28px);  } 
  100%  { -webkit-transform:   translate(0px, 0px);  } 
}
@-ms-keyframes tempojoho9 { 
  0%   { -ms-transform:  translate(0px, -662px);  } 
  20%   { -ms-transform:  translate(0px, -144px);  } 
  30%   { -ms-transform:  translate(0px, -244px);  } 
  60%  { -ms-transform:  translate(0px, -84px);  } 
  61%  { -ms-transform:  translate(0px, -84px);  } 
  70%  { -ms-transform:  translate(0px, -56px);  } 
  71%  { -ms-transform:  translate(0px, -56px);  } 
  80%  { -ms-transform:  translate(0px, -28px);  } 
  81%  { -ms-transform:  translate(0px, -28px);  } 
  100%  { -ms-transform:   translate(0px, 0px);   } 
}









.cycle_fukuokamomochi1 {
width: 157px;
height: 157px;
    -webkit-animation: cycle_fukuokamomochi 4s linear infinite;
    -moz-animation: cycle_fukuokamomochi 4s linear infinite;
    -ms-animation: cycle_fukuokamomochi 4s linear infinite;
    -o-animation: cycle_fukuokamomochi 4s linear infinite;
    animation: cycle_fukuokamomochi 4s linear infinite;
}
.cycle_fukuokamomochi2 {
width: 157px;
height: 157px;
    -webkit-animation: cycle_fukuokamomochi 5.1s linear infinite;
    -moz-animation: cycle_fukuokamomochi 5.1s linear infinite;
    -ms-animation: cycle_fukuokamomochi 5.1s linear infinite;
    -o-animation: cycle_fukuokamomochi 5.1s linear infinite;
    animation: cycle_fukuokamomochi 5.1s linear infinite;
}
.cycle_fukuokamomochi3 {
width: 157px;
height: 157px;
    -webkit-animation: cycle_fukuokamomochi 4.6s linear infinite;
    -moz-animation: cycle_fukuokamomochi 4.6s linear infinite;
    -ms-animation: cycle_fukuokamomochi 4.6s linear infinite;
    -o-animation: cycle_fukuokamomochi 4.6s linear infinite;
    animation: cycle_fukuokamomochi 4.6s linear infinite;
}

@-webkit-keyframes cycle_fukuokamomochi {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes cycle_fukuokamomochi {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes cycle_fukuokamomochi {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes cycle_fukuokamomochi {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes cycle_fukuokamomochi {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}



/* コーヒーミルのロゴ用　幅280px 高さ280px */

#millcycle1 {
width: 280px;
height: 280px;
    -webkit-animation: spin1 6s linear 2;
    -moz-animation: spin1 6s linear 2;
    -ms-animation: spin1 6s linear 2;
    -o-animation: spin1 6s linear 1;
    animation: spin1 6s linear 2;
}

#millcycle2 {
width: 280px;
height: 280px;
    -webkit-animation: spin 4s linear 4;
    -moz-animation: spin 4s linear 4;
    -ms-animation: spin 4s linear 4;
    -o-animation: spin 4s linear 4;
    animation: spin 3s linear 4;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@-webkit-keyframes spin1 {
	0% {-webkit-transform: rotate(0deg);}
	25% {-webkit-transform: rotate(10deg);}
	35% {-webkit-transform: rotate(0deg);}
	60% {-webkit-transform: rotate(10deg);}
	65% {-webkit-transform: rotate(0deg);}
	90% {-webkit-transform: rotate(10deg);}
	100% {-webkit-transform: rotate(0deg);}
}
@-moz-keyframes spin1 {
	0% {-moz-transform: rotate(0deg);}
	10% {-moz-transform: rotate(10deg);}
	33% {-moz-transform: rotate(0deg);}
	43% {-moz-transform: rotate(10deg);}
	66% {-moz-transform: rotate(0deg);}
	76% {-moz-transform: rotate(10deg);}
	100% {-moz-transform: rotate(0deg);}
}
@-ms-keyframes spin1 {
	0% {-ms-transform: rotate(0deg);}
	10% {-ms-transform: rotate(10deg);}
	33% {-ms-transform: rotate(0deg);}
	43% {-ms-transform: rotate(10deg);}
	66% {-ms-transform: rotate(0deg);}
	76% {-ms-transform: rotate(10deg);}
	100% {-ms-transform: rotate(0deg);}
}
@-o-keyframes spin1 {
	0% {-o-transform: rotate(0deg);}
	10% {-o-transform: rotate(10deg);}
	33% {-o-transform: rotate(0deg);}
	43% {-o-transform: rotate(10deg);}
	66% {-o-transform: rotate(0deg);}
	76% {-o-transform: rotate(10deg);}
	100% {-o-transform: rotate(0deg);}
}
@keyframes spin1 {
	0% {transform: rotate(0deg);}
	10% {transform: rotate(10deg);}
	33% {transform: rotate(0deg);}
	43% {transform: rotate(10deg);}
	66% {transform: rotate(0deg);}
	76% {transform: rotate(10deg);}
	100% {transform: rotate(0deg);}
}

/* コーヒーミルのロゴ用　幅280px 高さ280px */
#animation-container1000 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 4s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 4s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 280px; 
  width: 280px; 
}  


#animation-container1004 {
	animation-name: none;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate 3s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 280px; 
  width: 280px; 
}  


#animation-container1006 {
	animation-name: mone;
	animation-name: fall;
  animation-iteration-count: 1; 
  -webkit-animation: translate_deep 2.5s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  -ms-animation: translate_deep 2.5s;
  -ms-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
  height: 280px; 
  width: 280px; 
}  




































section .bat_fly div {
    opacity: 0;
    -webkit-transform-origin: 0px 0px;
    -ms-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-animation-name: Fly;
    animation-name: Fly;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


#bat .bat_fly div {
    position: absolute;
    display: block;
}
 


.bat1 {
    background: url("../images/bat1.png") no-repeat;
    left: 800px;
    -webkit-animation-duration: 5.6s;
    animation-duration: 5.6s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
	background-repeat: no-repeat; 
	width: 84px;
    height: 82px;
}
 
.bat2 {
    background: url("../images/bat2.png") no-repeat;
    right: 200px;
    -webkit-animation-duration: 11.2s;
    animation-duration: 11.2s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
	background-repeat: no-repeat; 
	width: 84px;
    height: 82px;
}
 
.bat3 {
    background: url("../images/bat3.png") no-repeat;
    left: 740px;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
	width: 84px;
    height: 82px;
}
 
.bat4 {
    background: url("../images/bat4.png") no-repeat;
    left: 650px;
    -webkit-animation-duration: 13.6s;
    animation-duration: 13.6s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
	background-repeat: no-repeat; 
	width: 84px;
    height: 82px;
}
 
.bat5 {
    background: url("../images/bat5.png") no-repeat;
    left: 560px;
    -webkit-animation-duration: 6.4s;
    animation-duration: 6.4s;
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
	background-repeat: no-repeat; 
	width: 84px;
    height: 82px;
}
 
.bat6 {
    background: url("../images/bat6.png") no-repeat;
    left: 470px;
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
	background-repeat: no-repeat; 
	width: 84px;
    height: 82px;
}
 
.bat7 {
    background: url("../images/bat7.png") no-repeat;
    left: 380px;
    -webkit-animation-duration: 7.2s;
    animation-duration: 7.2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
	background-repeat: no-repeat; 
	width: 84px;
    height: 82px;
}
 
.bat8 {
    background: url("../images/bat8.png") no-repeat;
    right: 350px;
    -webkit-animation-duration: 4.8s;
    animation-duration: 4.8s;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
	background-repeat: no-repeat; 
	width: 84px;
    height: 82px;
}

.bat9 {
    background: url("../images/bat9.png") no-repeat;
    left: 250px;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
	background-repeat: no-repeat; 
	width: 84px;
    height: 82px;
}





@-webkit-keyframes Fly {
    0% {
        -webkit-transform: translateY(800px);
        transform: translateY(800px);
        opacity: 0;
    }
 
    40% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 1;
    }
 
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0.3;
    }
}
 
@keyframes Fly {
    0% {
        -webkit-transform: translateY(800px);
        transform: translateY(800px);
        opacity: 0;
    }
 
    40% {
        -webkit-transform: translateY(-500px);
        transform: translateY(-500px);
        opacity: 1;
    }
 
    100% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0.3;
    }
}


























@keyframes wine1 {
  0%   { transform:  translate(0px, 4999px);    } 
  25%   { transform:  translate(0px, 0px);   }
  50%   { transform:  translate(0px, 80px);    } 
  100%  { transform:  translate(0px, 0px);   } 
}
@-webkit-keyframes wine1 { 
  0%   { -webkit-transform:  translate(0px, 4999px) ;   } 
  25%   { -webkit-transform:  translate(0px, 0px);   }
  50%   { -webkit-transform:  translate(0px, 80px);   }
  100%  { -webkit-transform:  translate(0px, 0px);   } 
}

@-ms-keyframes wine1 { 
  0%   { -ms-transform:  translate(0px, 4999px) ;   } 
  25%   { -ms-transform:  translate(0px, 0px);   }
  50%   { -ms-transform:  translate(0px, 80px);   }
  100%  { -ms-transform:  translate(0px, 0px);   } 
}














.logo_anime {
	margin: 0;
	background-color: #333333;
	background-image: url(../images/logo_wood300x266.png);
	position: relative;
}

.logo_anime img {
	width: 300px;
}

.logo_anime .logo0 {
	display: block;
	top: 0;
	margin: 0 0 0 0;
}
.logo_anime .logo00b {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo31 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo30 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo29 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo28 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo27 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo26 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo25 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo24 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo23 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo22 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo21 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo20 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo19 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo18 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo17 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo16 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo15 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo14 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo13 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo12 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo11 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo10 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo9 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo8 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo7 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo6 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo5 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo4 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo3 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo2 {
	position: absolute;
	top: 0;
	left: 0;
}
.logo_anime .logo1 {
	position: absolute;
	top: 0;
	left: 0;
}



@keyframes logo_anime {
	0% {
		opacity: 0;
	}
	0.3% {
		opacity: 1;
	}
	1.8% {
		opacity: 1;
	}
	2.3% {
		opacity: 0;
	}
}


@-webkit-keyframes logo_anime {
	0% {
		opacity: 0;
	}
	0.3% {
		opacity: 1;
	}
	1.8% {
		opacity: 1;
	}
	2.3% {
		opacity: 0;
	}
}

@-ms-keyframes logo_anime { 
	0% {
		opacity: 0;
	}
	0.3% {
		opacity: 1;
	}
	1.8% {
		opacity: 1;
	}
	2.3% {
		opacity: 0;
	}
}




.logo_anime img {
	animation-name: logo_anime;
	animation-duration: 7s;
	animation-iteration-count: infinite;
	opacity: 0;
}
.logo_anime .logo0 {
	animation-delay:0s;
}
.logo_anime .logo00b {
	animation-delay:0s;
}
.logo_anime .logo31 {
	animation-delay:4.1s;
}
.logo_anime .logo30 {
	animation-delay:4.0s;
}
.logo_anime .logo29 {
	animation-delay:4.2s;
}
.logo_anime .logo28 {
	animation-delay:4.3s;
}
.logo_anime .logo27 {
	animation-delay:4.4s;
}
.logo_anime .logo26 {
	animation-delay:4.5s;
}
.logo_anime .logo25 {
	animation-delay:4.6s;
}
.logo_anime .logo24 {
	animation-delay:4.7s;
}
.logo_anime .logo23 {
	animation-delay:4.8s;
}
.logo_anime .logo22 {
	animation-delay:4.9s;
}
.logo_anime .logo21 {
	animation-delay:5.0s;
}
.logo_anime .logo20 {
	animation-delay:5.1s;
}
.logo_anime .logo19 {
	animation-delay:5.2s;
}
.logo_anime .logo18 {
	animation-delay:5.3s;
}
.logo_anime .logo17 {
	animation-delay:5.4s;
}
.logo_anime .logo16 {
	animation-delay:5.5s;
}
.logo_anime .logo15 {
	animation-delay:5.6s;
}
.logo_anime .logo14 {
	animation-delay:5.7s;
}
.logo_anime .logo13 {
	animation-delay:5.8s;
}
.logo_anime .logo12 {
	animation-delay:5.9s;
}
.logo_anime .logo11 {
	animation-delay:6.0s;
}
.logo_anime .logo10 {
	animation-delay:6.1s;
}
.logo_anime .logo9 {
	animation-delay:6.2s;
}
.logo_anime .logo8 {
	animation-delay:6.3s;
}
.logo_anime .logo7 {
	animation-delay:6.4s;
}
.logo_anime .logo6 {
	animation-delay:6.5s;
}
.logo_anime .logo5 {
	animation-delay:6.6s;
}
.logo_anime .logo4 {
	animation-delay:6.7s;
}
.logo_anime .logo3 {
	animation-delay:6.8s;
}
.logo_anime .logo2 {
	animation-delay:6.9s;
}
.logo_anime .logo1 {
	animation-delay:7.0s;
}



@keyframes logo_still {
	0% {
		opacity: 1;
	}
	
	58% {
		opacity: 1;
	}
	65% {
		opacity: 0;
	}
}


@-webkit-keyframes logo_still {
	0% {
		opacity: 1;
	}
	
	58% {
		opacity: 1;
	}
	65% {
		opacity: 0;
	}
}

@-ms-keyframes logo_still { 
	0% {
		opacity: 1;
	}
	
	58% {
		opacity: 1;
	}
	65% {
		opacity: 0;
	}
}


.logo_anime .logo0 {
	animation-name: logo_still;
	animation-duration: 7s;
	animation-iteration-count: infinite;
	opacity: 0;
}


.logo_anime .logo00b {
	animation-name: logo_still_b;
	animation-duration: 7s;
	animation-iteration-count: infinite;
	opacity: 0;
}




@keyframes logo_still_b {
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 1;
	}
}


@-webkit-keyframes logo_still_b {
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 1;
	}
}

@-ms-keyframes logo_still_b { 
	0% {
		opacity: 1;
	}
	
	100% {
		opacity: 1;
	}
}





.japanmap01 {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 120px;
	height: 350px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.6em;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/120x350hokkaido.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 47px;
	padding: 20px 0px 0px 0px;
}
.japanmap02 {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 120px;
	height: 350px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.6em;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/120x350tohoku.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 15px;
	padding: 20px 0px 0px 0px;
}
.japanmap03 {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 120px;
	height: 350px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.6em;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/120x350kanto.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 15px;
	padding: 20px 0px 0px 0px;
}
.japanmap04 {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 120px;
	height: 350px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.6em;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/120x350chubu.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 15px;
	padding: 20px 0px 0px 0px;
}
.japanmap05 {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 120px;
	height: 350px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.6em;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/120x350kinki.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 15px;
	padding: 20px 0px 0px 0px;
}
.japanmap06 {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 120px;
	height: 350px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.6em;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/120x350chugokushikoku.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 15px;
	padding: 20px 0px 0px 0px;
}
.japanmap07 {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 120px;
	height: 350px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.6em;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/120x350kyushu.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 15px;
	padding: 20px 0px 0px 0px;
}


.japanmap01s {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 120px;
	height: 80px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.6em;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/120x80midashi.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 47px;
	padding: 20px 0px 0px 0px;
}
.japanmap02s {
	position: relative;
	top: 0px;
	left: 0px;
	display: inline-block;
	width: 120px;
	height: 80px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.6em;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/120x80midashi.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 15px;
	padding: 20px 0px 0px 0px;
}



.japanmap1 {
	display: table-cell;
	width: 90px;
	height: 250px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/top_hokkaido.png);
	background-repeat: no-repeat;
}

.japanmap2 {
	display: table-cell;
	width: 90px;
	height: 250px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/top_tohoku.png);
	background-repeat: no-repeat;
}

.japanmap3 {
	display: table-cell;
	width: 90px;
	height: 250px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/top_kanto.png);
	background-repeat: no-repeat;
}

.japanmap4 {
	display: table-cell;
	width: 90px;
	height: 250px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/top_chubu.png);
	background-repeat: no-repeat;
}

.japanmap5 {
	display: table-cell;
	width: 90px;
	height: 250px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/top_kinki.png);
	background-repeat: no-repeat;
}

.japanmap6 {
	display: table-cell;
	width: 90px;
	height: 250px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/top_chugoku.png);
	background-repeat: no-repeat;
}

.japanmap7 {
	display: table-cell;
	width: 90px;
	height: 250px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/top_shikoku.png);
	background-repeat: no-repeat;
}

.japanmap8 {
	display: table-cell;
	width: 90px;
	height: 250px;
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/top_kyushu.png);
	background-repeat: no-repeat;
}

.japanmap0 {
	display: table-cell;
	width: 90px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	background: url(../images/top_japan.png);
	background-repeat: no-repeat;
}


















.logoanime {
	margin: auto;
	background-color: #333333;
	background-image: url(../images/logo_wood.png);
	position: relative;
}

.logoanime img {
	width: 300px;
}

.logoanime .logo0 {
	display: block;
	top: 0;
	margin: 0 0 0 330px;
}
.logoanime .logo31 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo30 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo29 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo28 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo27 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo26 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo25 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo24 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo23 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo22 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo21 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo20 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo19 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo18 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo17 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo16 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo15 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo14 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo13 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo12 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo11 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo10 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo9 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo8 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo7 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo6 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo5 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo4 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo3 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo2 {
	position: absolute;
	top: 0;
	left: 330px;
}
.logoanime .logo1 {
	position: absolute;
	top: 0;
	left: 330px;
}





@keyframes logoanime {
	0% {
		opacity: 0;
	}
	1% {
		opacity: 1;
	}
	1.8% {
		opacity: 1;
	}
	2.5% {
		opacity: 0;
	}
}


@-webkit-keyframes logoanime {
	0% {
		opacity: 0;
	}
	1% {
		opacity: 1;
	}
	2.5% {
		opacity: 0;
	}
}

@-ms-keyframes logoanime { 
	0% {
		opacity: 0;
	}
	1% {
		opacity: 1;
	}
	2.5% {
		opacity: 0;
	}
}




.logoanime img {
	animation-name: logoanime;
	animation-duration: 7s;
	animation-iteration-count: infinite;
	opacity: 0;
}
.logoanime .logo0 {
	animation-delay:0s;
}
.logoanime .logo31 {
	animation-delay:4.1s;
}
.logoanime .logo30 {
	animation-delay:4.0s;
}
.logoanime .logo29 {
	animation-delay:4.2s;
}
.logoanime .logo28 {
	animation-delay:4.3s;
}
.logoanime .logo27 {
	animation-delay:4.4s;
}
.logoanime .logo26 {
	animation-delay:4.5s;
}
.logoanime .logo25 {
	animation-delay:4.6s;
}
.logoanime .logo24 {
	animation-delay:4.7s;
}
.logoanime .logo23 {
	animation-delay:4.8s;
}
.logoanime .logo22 {
	animation-delay:4.9s;
}
.logoanime .logo21 {
	animation-delay:5.0s;
}
.logoanime .logo20 {
	animation-delay:5.1s;
}
.logoanime .logo19 {
	animation-delay:5.2s;
}
.logoanime .logo18 {
	animation-delay:5.3s;
}
.logoanime .logo17 {
	animation-delay:5.4s;
}
.logoanime .logo16 {
	animation-delay:5.5s;
}
.logoanime .logo15 {
	animation-delay:5.6s;
}
.logoanime .logo14 {
	animation-delay:5.7s;
}
.logoanime .logo13 {
	animation-delay:5.8s;
}
.logoanime .logo12 {
	animation-delay:5.9s;
}
.logoanime .logo11 {
	animation-delay:6.0s;
}
.logoanime .logo10 {
	animation-delay:6.1s;
}
.logoanime .logo9 {
	animation-delay:6.2s;
}
.logoanime .logo8 {
	animation-delay:6.3s;
}
.logoanime .logo7 {
	animation-delay:6.4s;
}
.logoanime .logo6 {
	animation-delay:6.5s;
}
.logoanime .logo5 {
	animation-delay:6.6s;
}
.logoanime .logo4 {
	animation-delay:6.7s;
}
.logoanime .logo3 {
	animation-delay:6.8s;
}
.logoanime .logo2 {
	animation-delay:6.9s;
}
.logoanime .logo1 {
	animation-delay:7.0s;
}



@keyframes logostill {
	0% {
		opacity: 1;
	}
	
	58% {
		opacity: 1;
	}
	65% {
		opacity: 0;
	}
}


@-webkit-keyframes logostill {
	0% {
		opacity: 1;
	}
	
	58% {
		opacity: 1;
	}
	65% {
		opacity: 0;
	}
}

@-ms-keyframes logostill { 
	0% {
		opacity: 1;
	}
	
	58% {
		opacity: 1;
	}
	65% {
		opacity: 0;
	}
}


.logoanime .logo0 {
	animation-name: logostill;
	animation-duration: 7s;
	animation-iteration-count: infinite;
	opacity: 0;
}







#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
	opacity: 0.6;
}
#page-top a:hover {
	opacity: 1;
}












#animation-rotateY { 
	animation-name: rotateY;
  animation: rotateY; 
  animation-iteration-count: 1; 
  -ms-animation: rotateY;
  -webkit-animation: rotateY; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1; 
  background-repeat: no-repeat; 
}  

@keyframes rotateY {
  0%   { -webkit-transform:  rotateY(0deg) ;   } 
  100%  { -webkit-transform:  rotateY(360deg);   } 
}

@-webkit-keyframes rotateY { 
  0%   { -webkit-transform:  rotateY(0deg) ;   } 
  100%  { -webkit-transform:  rotateY(360deg);   } 
}

@-ms-keyframes rotateY { 
  0%   { -ms-transform:  rotateY(0deg) ;   } 
  100%  { -ms-transform:  rotateY(360deg);   } 
}

.topic_images_relative {
    position: relative;
	width: 330px;
	height: 300px;
	display: inline-block;
	}

.topic_image1 {
    position: absolute;
    right: 0px;
    bottom: 0px;
	animation: rotateY 2s; 
	animation-iteration-count: 1; 
}

.topic_image2 {
    position: absolute;
    right: 0px;
    bottom: 0px;
	animation: translate 3.5s; 
	animation-iteration-count: 1; 
}

.topic_image3 {
    position: absolute;
    right: 0px;
    bottom: 0px;
	animation: rotateY 3s; 
	animation-iteration-count: 1; 
}

.topic_image4 {
    position: absolute;
    right: 0px;
    bottom: 0px;
	animation: translate 4.5s; 
	animation-iteration-count: 1; 
}

.tea_image1 {
	animation: rotateY 3.5s; 
	animation-iteration-count: 1;
}


.tea_image2 {
	animation: rotateY 1.5s; 
	animation-iteration-count: 2; 
}

.tea_image3 {
	animation: rotateY 1s; 
	animation-iteration-count: 3; 
}

.tea_image4 {
	animation: rotateY 0.7s; 
	animation-iteration-count: 4; 
}



.food_image1 {
	animation: rotateY 2s; 
	animation-iteration-count: 1; 
}

.food_image2 {
	animation: rotateY 1.4s; 
	animation-iteration-count: 2; 
}

.food_image3 {
	animation: rotateY 2.3s; 
	animation-iteration-count: 1; 
}

.food_image4 {
	animation: rotateY 1.6s; 
	animation-iteration-count: 2; 
}

.food_image5 {
	animation: rotateY 1.9s; 
	animation-iteration-count: 1; 
}

.food_image6 {
	animation: rotateY 1s; 
	animation-iteration-count: 2; 
}

.food_image7 {
	animation: rotateY 1.7s; 
	animation-iteration-count: 1; 
}

.food_image8 {
	animation: rotateY 2.1s; 
	animation-iteration-count: 2; 
}

.food_image9 {
	animation: rotateY 1.3s; 
	animation-iteration-count: 2; 
}













.lineup_images_relative {
    position: relative;
	display: inline-block;
}

.lineup_image0 {
    position: relative;
    top: 8px;
    left: 0px;
    bottom: 0px;
	width: 720px;
	height: 324px;
}

.lineup_image1 {
    position: absolute;
    left: 0px;
    bottom: 0px;
	width: 720px;
	height: 324px;
	animation: translate_lineup1 1.2s; 
	animation-iteration-count: 1;
}

.lineup_image2 {
    position: absolute;
    left: 0px;
    bottom: 0px;
	width: 720px;
	height: 324px;
	animation: translate_lineup2 1.5s; 
	animation-iteration-count: 1;
}

.lineup_image3 {
    position: absolute;
    left: 0px;
    bottom: 0px;
	width: 720px;
	height: 324px;
	animation: translate_lineup3 1.1s; 
	animation-iteration-count: 1; 
}

.lineup_image4 {
    position: absolute;
    left: 0px;
    bottom: 0px;
	width: 720px;
	height: 324px;
	animation: translate_lineup4 1.3s; 
	animation-iteration-count: 1; 
}

.lineup_image5 {
    position: absolute;
    left: 0px;
	width: 720px;
	height: 324px;
    bottom: 0px;
	animation: translate_lineup5 0.9s; 
	animation-iteration-count: 1; 
}

.lineup_image6 {
    position: absolute;
    left: 0px;
    bottom: 0px;
	width: 720px;
	height: 324px;
	animation: translate_lineup6 1s; 
	animation-iteration-count: 1; 
}

.lineup_image7 {
    position: absolute;
    left: 0px;
    bottom: 0px;
	width: 720px;
	height: 324px;
	animation: translate_lineup7 1.1s; 
	animation-iteration-count: 1; 
}

.lineup_image99 {
    position: absolute;
    left: 0px;
    bottom: 0px;
	width: 720px;
	height: 324px;
}


@keyframes translate_lineup1 {
  0%   { transform:  translate(0px, 9999px);   } 
  70%  { transform:  translate(0px, -50px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}

@keyframes translate_lineup2 {
  0%   { transform:  translate(0px, 120px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}

@keyframes translate_lineup3 {
  0%   { transform:  translate(-60px, 40px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}

@keyframes translate_lineup4 {
  0%   { transform:  translate(-110px, 60px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}

@keyframes translate_lineup5 {
  0%   { transform:  translate(-50px, 80px);   }
  30%   { transform:  translate(-40px, 180px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}

@keyframes translate_lineup6 {
  0%   { transform:  translate(-50px, 40px);   } 
  40%   { transform:  translate(-50px, 180px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}

@keyframes translate_lineup7 {
  0%   { transform:  translate(-90px, 110px);   } 
  45%   { transform:  translate(-280px, 180px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}



.shoplist_image_relative {
    position: relative;
	width: 720px;
	height: 225px;
	display: inline-block;
	}

.shoplist_image1 {
    position: absolute;
	width: 720px;
	height: 225px;
	animation: translate_shoplist1 3s; 
	animation-iteration-count: 1; 
}

.shoplist_image2 {
    position: absolute;
	width: 720px;
	height: 225px;
	animation: translate_shoplist2 2.5s; 
	animation-iteration-count: 1; 
}

.shoplist_image3 {
    position: absolute;
	width: 720px;
	height: 225px;
	animation: translate_shoplist3 3.5s; 
	animation-iteration-count: 1; 
}

@keyframes translate_shoplist1 {
  0%   { transform:  translate(0px, -300px);   } 
  25%   { transform:  translate(0px, 10px);   } 
  50%   { transform:  translate(0px, -20px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}

@keyframes translate_shoplist2 {
  0%   { transform:  translate(0px, -300px);   } 
  25%   { transform:  translate(0px, 30px);   } 
  50%   { transform:  translate(0px, -50px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}

@keyframes translate_shoplist3 {
  0%   { transform:  translate(0px, -300px);   } 
  25%   { transform:  translate(0px, 20px);   } 
  50%   { transform:  translate(0px, -20px);   } 
  100%  { transform:  translate(0px, 0px);   } 
}






.kakumaru1   {
	background-color: #ddddff;
	width: 675px;
    border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */  
}

.kakumaru2   {
	background-color: #ffdddd;
	width: 600px;
    border-radius: 70px;        /* CSS3草案 */  
    -webkit-border-radius: 70px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 70px;   /* Firefox用 */  
}






.coffee_index_popup {
  width: 120px;
  height: 220px;
  overflow: visible;
  z-index: 100;
}
.coffee_index_popup img {
  transition: 1s;
  z-index: 100;
}
.coffee_index_popup img:hover {
  opacity: 1;
  -webkit-transform: translateY(-60px);
  -moz-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  -o-transform: translateY(-60px);
  z-index: 100;
}

.coffeeindex_small {
	display:block;
	width: 120px;
	height: 138px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	z-index: 900;
}
.coffeeindex_small a:hover img {
	margin: -138px 0px 0px 0px;
}












.coffee_images_relative {
    position: absolute;
	width: 720px;
	height: 720px;
	display: inline-block;

	}

.coffee_image1 {
    position: absolute;
    right: 0px;
    bottom: -159px;
	animation: translate 2s; 
	animation-iteration-count: 1; 
	z-index: 1;
}

.coffee_image2 {
    position: absolute;
    right: 0px;
    bottom: 0px;
	animation: translate 1s; 
	animation-iteration-count: 1; 
	z-index: 1;
}

.coffee_image3 {
    position: absolute;
    right: 0px;
    bottom: 0px;
	animation: translate 1.5s; 
	animation-iteration-count: 1; 
	z-index: 1;
}

.coffee_image4 {
    position: absolute;
    right: 0px;
    bottom: -159px;
	animation: translate 2.3s; 
	animation-iteration-count: 1; 
	z-index: 1;
}

.coffee_image5 {
    position: absolute;
    right: 0px;
    bottom: -159px;
	animation: translate 1.8s; 
	animation-iteration-count: 1; 
	z-index: 1;

}

.coffee_image6 {
    position: relative;
	width: 720px;
	height: 339px;
	z-index: 0;

}



.note1 {
	width: 720px;
	height: 25px;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	background-image: url(../images/note1red.png);
	background-repeat: no-repeat;
}
.note2 {
	width: 720px;
	height: 2470px;    /* 高さは95の整数倍 */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	background-image: url(../images/note2red.png);
	background-repeat: repeat-y;
	position: relative;
}
.note22 {
	position: absolute;
	top: 15px;
	left: 100px;
	width: 580px;
}
.note3 {
	width: 720px;
	height: 45px;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 100px;
	background-image: url(../images/note3red.png);
	background-repeat: no-repeat;
}

.note2660 {
	width: 720px;
	height: 2660px;    /* 高さは95の整数倍 */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	background-image: url(../images/note2red.png);
	background-repeat: repeat-y;
	position: relative;
}

.note3800 {
	width: 720px;
	height: 3800px;    /* 高さは95の整数倍 */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	background-image: url(../images/note2red.png);
	background-repeat: repeat-y;
	position: relative;
}




.recruite99 {
    width: 680px;
    height:10px;
	margin: 0px;
	float: left;
    display: table;
    text-align: center;
}

.recruite00 {
    width: 120px;
    height:30px;
	margin: 2px 2px 2px 25px;
	float: left;
    display: table;
    text-align: center;
}
.recruite00 > *{
    display:table-cell;
    vertical-align: middle;
}

.recruite10 {
    width: 120px;
    height:30px;
    background: #ff5b01;
	margin: 2px 2px 2px 25px;
	float: left;
    display: table;
    text-align: center;
}
.recruite10 > *{
    display:table-cell;
    vertical-align: middle;
}

.recruite11 {
    width: 250px;
    height: 30px;
    background: #ff5b01;
	margin: 2px;
	float: left;
    display:table;
	padding: 0px 0px 0px 20px
}
.recruite11 > *{
    display:table-cell;
    vertical-align: middle;
}
.recruite11:hover {
    background: #ff00f6;
}


.recruite20 {
    width: 120px;
    height:30px;
    background: #ff8e51;
	margin: 2px 2px 2px 25px;
	float: left;
    display: table;
    text-align: center;
}
.recruite20 > *{
    display:table-cell;
    vertical-align: middle;
}

.recruite21 {
    width: 250px;
    height: 30px;
    background: #ff8e51;
	margin: 2px;
	float: left;
    display:table;
	padding: 0px 0px 0px 20px
}
.recruite21 > *{
    display:table-cell;
    vertical-align: middle;
}
.recruite21:hover {
    background: #ff00f6;
}

.recruite31 {
    width: 250px;
    height: 30px;
    background: #276e00;
	margin: 2px;
	float: left;
    display:table;
	padding: 0px 0px 0px 20px
}
.recruite31 > *{
    display:table-cell;
    vertical-align: middle;
}
.recruite31:hover {
    background: #ff00f6;
}



.toppage {
	display:block;
	height: 720px;
	width: 720px;
	overflow: hidden;
}  

.toppage :hover img {
	margin: -720px 0px 0px 0px;
}









.foodleft {
	display:block;
	height: 70px;
	width: 70px;
	overflow: hidden;
	float: left;
	margin: 1px 1px 1px 110px;
}  

.foodleft a:hover img {
	margin: -70px 0px 0px 0px;
}

.foodlefthalf {
	display:block;
	height: 70px;
	width: 70px;
	overflow: hidden;
	float: left;
	margin: 1px 1px 1px 75px;
}  

.foodlefthalf a:hover img {
	margin: -70px 0px 0px 0px;
}


/* おすすめ商品インデックス５個の時 */
.pickupleft5 {
	display:block;
	height: 70px;
	width: 70px;
	overflow: hidden;
	float: left;
	margin: 1px 1px 1px 175px;
}  

.pickupleft5 a:hover img {
	margin: -70px 0px 0px 0px;
}

/* おすすめ商品インデックス６個の時 */
.pickupleft6 {
	display:block;
	height: 70px;
	width: 70px;
	overflow: hidden;
	float: left;
	margin: 1px 1px 1px 140px;
}  

.pickupleft6 a:hover img {
	margin: -70px 0px 0px 0px;
}

/* おすすめ商品インデックス７個の時 */
.pickupleft7 {
	display:block;
	height: 70px;
	width: 70px;
	overflow: hidden;
	float: left;
	margin: 1px 1px 1px 105px;
}  

.pickupleft7 a:hover img {
	margin: -70px 0px 0px 0px;
}

/* おすすめ商品インデックス８個の時 */
.pickupleft8 {
	display:block;
	height: 70px;
	width: 70px;
	overflow: hidden;
	float: left;
	margin: 1px 1px 1px 70px;
}  

.pickupleft8 a:hover img {
	margin: -70px 0px 0px 0px;
}

/* おすすめ商品インデックス９個の時 */
.pickuplef9 {
	display:block;
	height: 70px;
	width: 70px;
	overflow: hidden;
	float: left;
	margin: 1px 1px 1px 35px;
}  

.pickupleft9 a:hover img {
	margin: -70px 0px 0px 0px;
}

/* おすすめ商品インデックス１０個の時 */
.pickupleft10 {
	display:block;
	height: 70px;
	width: 70px;
	overflow: hidden;
	float: left;
	margin: 1px 1px 1px 0px;
}  

.pickupleft10 a:hover img {
	margin: -70px 0px 0px 0px;
}

.food {
	display:block;
	height: 70px;
	width: 70px;
	overflow: hidden;
	float: left;
	margin: 1px 1px 1px 1px;
}  

.food a:hover img {
	margin: -70px 0px 0px 0px;
}









.winenewleft {
	display:block;
	height: 500px;
	width: 120px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
}

.winenew a:hover img {
	margin: -500px 0px 0px 0px;
}

.winenew {
	display:block;
	height: 500px;
	width: 120px;
	overflow: hidden;
	float: left;
	margin: 0px 0px 0px 0px;
}  

.winenew a:hover img {
	margin: -500px 0px 0px 0px;
}











.tel-link { color: #06F; font-size: 16px; font-weight: bold; } 

.list {
	color: #666666;
	line-height: normal;
	padding: 5px 0px 15px 20px;
}

.list_text_box {
	padding: 5px;
	margin: 0px;
}

.list_text_box ul {
	/*border: 1px solid #FF9900;*/
	margin: 0px;
	padding: 5px;
	background: #FFFFFF;
}

.plate {
	font-size: 90%;
	padding: 4px;
	line-height: normal;
	background: #FF9A00;
	color: #FFFFFF;
	width: 192px;
}

.contact td {
	/*border-top: 1px solid #FCFCFC;*/
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.td_top { border-top: 1px solid #CCCCCC; }

.contact th {
	color: #000000;
	text-align: left;
	border-bottom: 1px solid #CC6600;
	white-space: nowrap;
	background: #FF9900 url(../images/bg_orange.jpg);
	background: #FFFF99;
	width: 150px;
}

.contact_text {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0px;
}

.title_top {
	color: #FF9900;
	padding: 5px 0px;
	font-size: 120%;
}

.column_info_top {
	padding: 0px;
	margin: 5px 0px;
	color: #3E72A1;
	border-bottom: 1px dashed #CCCCCC;
}

.column_info { margin: 0px 0px 20px 0px; }

.members_text {
	padding: 5px;
	margin: 0px;
	background: #FFFFFF;
}

.topic {
	padding: 5px 5px 5px 50px;
	margin: 5px 0px;
	border: 1px dotted #FF9900;
	color: #FF9A00;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left center;
}


.leagal {
	float: left;
	width: 120px;
	margin: 5px;
	padding: 5px;
}






.shops_title {
	height: 40px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	font-size: 130%;
               font-weight:bolder;
	background: url(../images/shoptitle.png);
	padding:10px 0px 0px 42px;
}



.title_green {
  padding: 1rem 2rem;
  background-color: #f6f6f6;
  border-top: 1px solid #004f1a;
  border-bottom: 7px solid #004f1a;
}


.title_orange {
  padding: 1rem 2rem;
  background-color: #f6f6f6;
  border-top: 1px solid #d66100;
  border-bottom: 7px solid #d66100;
}

.shops_red {
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #ee0000;
	padding: 20px 20px 20px 30px;
	width: 650px;
}

.shops_blue {
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #0000ee;
	padding: 20px 20px 20px 30px;
	width: 650px;
}

.shops_title2 {
	color: #FFFFFF;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #000000;
	font-size: 120%;
               font-weight:bolder;
	background: url(../images/bg_title2.jpg);
	padding: 0px 0px 0px 20px;
	height: 40px;
}


.shops_title3 {
	text-align: center;
	color: #FFFFFF;
	margin: 0px 0px 5px;
	border-bottom: 1px solid #000000;
	font-size: 120%;
               font-weight:bolder;
	background: url(../images/bg_title2.jpg);
	padding: 0px 0px 0px 5px;
}


.shops_title4 {
	color: #ffffff;
	height: 45px;
	width: 97%;
	font-size: 130%;
	margin: 0px 0px 5px;
	font-weight:bolder;
	background: url(../images/bg_title4.png);
	padding: 15px 0px 0px 20px;
}

.shops_title5 {
	background-color: #ddddff;
	padding: 10px 0px 10px 60px;
}

.shops_title6 {
	background-color: #ffcbd0;
	padding: 30px 65px 40px 60px;
}

.shops_title66 {
	background-color: #ffff8a;
	padding: 30px 65px 40px 60px;
}

.shops_title666 {
	background-color: #90f3ff;
	padding: 40px 85px 40px 80px;
}

.shops_title6666 {
	background-color: #eeffee;
	padding: 40px 65px 40px 60px;
}

.shops_sale {
	color: #FF8B23;
	margin: 0px 0px 5px;
	border-bottom: 1px solid #FF8B23;
	font-size: 120%;
	background: url(../images/bg_title.jpg);
	padding: 0px 0px 0px 5px;
}

.shops_sale2 {
	color: #993300;
	margin: 0px 0px 5px;
	border-bottom: 1px solid #FF8B23;
	font-size: 120%;
	background: url(../images/bg_title.jpg);
	padding: 0px 0px 0px 5px;
}

.shop_text { margin: 0px 0px 5px 10px; }

.shop_hokkaidou {
	background: url(../images/title_hokkaido.jpg) no-repeat;
	height: 20px;
	width: 60px;
}

.shop_touhoku {
	background: url(../images/title_touhoku.jpg) no-repeat;
	height: 20px;
	width: 60px;
}

.shop_hokuriku.jpg {
	background: url(../images/title_hokuriku.jpg) no-repeat;
	height: 20px;
	width: 60px;
}

.shop_kantou {
	background: url(../images/title_kantou.jpg) no-repeat;
	height: 20px;
	width: 60px;
}

.shop_hokuriku {
	background: url(../images/title_hokuriku.jpg) no-repeat;
	height: 20px;
	width: 60px;
}

.shop_tyubu {
	background: url(../images/title_tyubu.jpg) no-repeat;
	height: 20px;
	width: 60px;
}

.shop_kinki {
	background: url(../images/title_kinki.jpg) no-repeat;
	height: 20px;
	width: 60px;
}

.shop_tyugoku {
	background: url(../images/title_tyugoku.jpg) no-repeat;
	height: 20px;
	width: 60px;
	




}

.shop_shikoku {
	background: url(../images/title_shikoku_kyushu.jpg) no-repeat;
	height: 20px;
	width: 120px;
}






.shop_kyushu {
	background: url(../images/title_kyushu.jpg) no-repeat;
	height: 20px;
	width: 60px;
}

.shops_info {
	font-size: 100%;
	margin: 0px 0px 15px 10px;
	color: #993300;
	border-left: 1px dotted #FF8B23;
	padding-left: 10px;
}
.coffee_table {
max-height: 100%;
background: 1px solid #FF6600;
line-height: 1.2;

}




.coffee0{
max-height: 100%;
background: #552200 url(../images/asa0.jpg);
}

.coffee0 TD {
	padding: 15px 0px 15px 5px;
}


.coffee1{
background: #993300 url(../images/asa1.jpg);
color: #3333CC;
}

.coffee1 TD {
	padding: 15px 0px 15px 0px;
}

.coffee2{
background: #F6F2C6 url(../images/asa2.jpg);
color: #3333CC;
}

.coffee2 TD {
	padding: 15px 0px 15px 0px;
}




.coffee3{
background: #993300 url(../images/asa1.jpg);
color: #DD3333;
}

.coffee3 TD {
	padding: 15px 0px 15px 0px;
}

.coffee4{
background: #F6F2C6 url(../images/asa2.jpg);
color: #DD3333;
}

.coffee4 TD {
	padding: 15px 0px 15px 0px;
}



.coffee5{
background: #d7fef6;
color: #DD3333;
}

.coffee5 TD {
	padding: 15px 0px 15px 0px;
}

.coffee6{
background: #edfbff;
color: #DD3333;
}

.coffee6 TD {
	padding: 15px 0px 15px 0px;
}



.coffee { color: #AA6600; 
}
.coffee_th {
	color: #FFFFFF;
	text-align: left;
	border-bottom: 1px solid #CC6600;
	background: #FF9900 url(../images/asa0.jpg);
}

	
	



.tea_table { border: 1px solid #ff696c; }
.tea_h {
	color: #993300;
	white-space: nowrap;
}
.tea { color: #AA6600; 
	white-space: nowrap;}
.tea_th {
	color: #FFFFFF;
	text-align: left;
	border-bottom: 1px solid #CC6600;
	white-space: nowrap;
	background: #FF9900 url(../images/bg_pink.jpg);
}

	
	
.color_tea { background: #f8d2df; }


















.francewine {
    position: relative;
	width: 720px;
    left: 0px;
    top: -120px;
}

.italywine {
    position: relative;
	width: 720px;
    left: 0px;
    top: -100px;
}

.chilewine {
    position: relative;
	width: 720px;
    left: 0px;
    top: -120px;
}


.wine_list { font-size: 80%; }

.wine { font-size: 80%; }

.table_head {
	background: #FFCC00;
	border: 1px solid #FFCC00;
}

.table_div {
	border: 1px solid #FFCC00;
	padding: 0px;
	margin: 0px;
}

.table01 {
	padding: 25px 0px 25px 0px;
	margin: 0px 0px 0px 0px;
}

.table02 {
	padding: 25px 15px 25px 20px;
	margin: 0px 0px 0px 0px;
}

.table_jctea {
	background: #FBC9DA;
	padding: 10px;
	color: #FC6669;
}.


.table_item {
	background: #EFEFEF;
	padding: 10px;
	color: #377411;
}.table_wine {
	background: #EFEFEF;
	padding: 10px;
	color: #8877B6;
}

.table03 { }







.tablepadding2em {
	border-collapse: collapse;
	width: 500px;
}
.tablepadding2em td {
	border: solid 1px;
	padding: 2em;
}



.table_regular720 {
	display: block;
	width: 720px;
	border-collapse: collapse;
	font-size: 1.1em;
	line-height: 1.6;
	vertical-align: middle;
	margin: 30px 20px 30px 20px;
	padding: 30px 20px 30px 20px;
}
.table_regular720 td {
	border: solid 1px;
	padding: 0.8em;
	font-size: 1.1em;
	line-height: 1.6;
	vertical-align: middle;
}
@media only screen and (max-width: 1200px) {
	.table_regular720 {
	width: 90%;
	border-collapse: collapse;
	font-size: 1.3em;
	line-height: 1.4;
	vertical-align: middle;
	margin: 30px 20px 30px 20px;
	padding: 30px 20px 30px 20px;
	}
  .table_regular720 td {
	border: solid 1px;
	padding: 0.8em;
	font-size: 1.3em;
	line-height: 1.4;
	vertical-align: middle;
  }
  .table_regular720 br {
    display: none;
  }
  .table_regular720 p {
	padding: 30px 0px 0px 0px;
  }
  .table_regular720 {
  	font-size: 1.3em;
	line-height: 1.6;
  }
}










.caffeine {
	border-collapse: collapse;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
}
.caffeine td {
	border: solid 1px;
	padding: 0.8em;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
}
  .caffeine br {
    display: none;
    display: block;
  }
  .caffeine p {
	padding: 2px 0px 2px 0px;
  }



.caffeine_narrow {
	border-collapse: collapse;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
}
.caffeine_narrow td {
	border: solid 1px #000000;
	padding: 0.1em;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
}
  .caffeine_narrow br {
    display: none;
    display: block;
  }
  .caffeine_narrow p {
	padding: 2px 0px 2px 0px;
  }





.caffeinenarrow {
	border-collapse: collapse;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
}
.caffeinenarrow td {
	border: solid 1px #000000;
	padding: 0.1em;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
}
  .caffeinenarrow br {
    display: none;
    display: block;
  }
  .caffeine_narrow p {
	padding: 2px 0px 2px 0px;
  }







.caffeine720 {
	width: 720px;
	border-collapse: collapse;
	font-size: 1em;
	vertical-align: middle;
}
.caffeine720 td {
	border: solid 1px;
	padding: 0.8em;
	font-size: 1em;
	vertical-align: middle;
}
@media only screen and (max-width: 1200px) {
	.caffeine720 {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.3em;
	line-height: 1.4em;
	vertical-align: middle;
	}
  .caffeine720 td {
	border: solid 1px;
	padding: 0.8em;
	font-size: 1.3em;
	line-height: 1.4em;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
  }
  .caffeine720 br {
    display: none;
  }
  .caffeine720 p {
	padding: 2px 0px 2px 0px;
  }
}








.coffee_table_ {
	border-collapse: collapse;
	font-size: 1.1em;
	vertical-align: middle;
}
.coffee_table_ td {
	border: solid 1px;
	padding: 0.8em;
	font-size: 1.1em;
	vertical-align: middle;
}

.coffee_table {
	border: solid 1px;
	padding: 0em;
	font-size: 1em;
	width: 100%px;
	vertical-align: middle;
	line-height: 1.4;
	background-color: #eeeeff;
	margin: 0px 0px 0px 0px;
}
.coffee_table tr {
	border: solid 1px;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  }
  .coffee_table td {
	border: solid 1px;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
  }
}
@media only screen and (max-width: 1200px) {
  .coffee_table {
	width: 90%;
  	font-size: 1.3em;
	line-height: 1.4;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
  }
  .coffee_table br {
    display: none;
  }
  .coffee_table p {
	padding: 10px 0px 10px 0px;
	line-height: 1.4;
  }
  .coffee_table td {
	border: solid 1px;
	padding: 0.8em;
	font-size: 1.3em;
	vertical-align: middle;
	padding: 10px 10px 10px 10px;
  }
}

.kakomi td {
	border: solid 1px;
	padding: 1em;
	font-size: 1.1em;
	vertical-align: middle;
}











.wide_full { }
.wide_harf { width: 50%; }
.wide_long { }
.wide_middle { }
.wide_short { width: 25%; }
.item_120 {
	width: 110px;
	text-align: center;
}
.item_120x340 {
	width: 120px;
	text-align: center;
}
.item_250x340 {
	width: 250px;
	text-align: center;
}
.wine_pic {
	width: 80px;
	text-align: center;
}

.snap {
	margin-top: 10px;
	margin-bottom: 10px;
}

.recruit_td {
	background: #F6F2CC;
	width: 25%;
}

.recruit_td3 {
	background: #F6F2CC;
	width: 30%;
}

.recruit_td4 {
	background: #F6F2CC;
	width: 40%;
}

.recruit_navi {
	background: #FCFCFC;
	padding: 5px;
	margin: 5px 0px;
}



.dott_trim {
	background: url(../images/li_red.png) no-repeat;
	background-size: 11px 20px;
	padding-left: 14px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
}

.dott_trim2 {
	background: url(../images/li_blue.png) no-repeat;
	background-size: 11px 20px;
	padding-left: 14px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
}


.store_list { border: 1px solid #FF8B23; }
.line_left { border-left: 1px dotted #CCCCCC; }
.line_right { border-right: 1px dotted #CCCCCC; }
.line_bottom {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
	background: url(../images/dott_trim.jpg) no-repeat left center;
	padding-left: 15px;
}

.line_glay {
	background: url(../images/glay_bar.jpg) repeat-x center;
	height: 7px;
	width: 100%;
}

.line_blue {
	background: url(../images/blue_bar.png) repeat-x center;
	height: 7px;
	width: 100%;
}

.line_orange {
	background: url(../images/orange_bar.png) repeat-x center;
	height: 7px;
	width: 100%;
}

.line_yellow {
	background: url(../images/yellow_bar.png) repeat-x center;
	height: 7px;
	width: 100%;
}

.coment_chees {
	width: 120px;
	padding: 3px;
	color: #FFFFFF;
	background: #FF9933;
	border: 1px dotted #FF6600;
}

.head_sale {
	color:#CE0000;
	font-size: 110%;
	padding: 5px;
	font-weight:bold;
}

.head_item {
	color: #377411;
	font-size: 110%;
	padding: 5px;
}

.jctea_head {
	color: #FC6669;
	font-size: 110%;
	padding: 5px;
}


.wine_head {
	color: #8877B6;
	font-size: 110%;
	padding: 5px;
}

.coment_cheeshead { width: 200px; }

.coment_item { width: 380px; }
.coment_wine { width: 340px; }


.adress {
	width: 360px;
	color: #377411;
}

.map_window
{
	margin: 0px auto;
	padding: 10px;
	height: 400px;
	width: 500px;
}
































.col-black   {color:#000000;}
.col-white   {color:#ffffff;}
.col-red     {color:#ff0000;}
.col-cccccc  {color:#cccccc;}
.col-333333  {color:#333333;}
.col-ff3333   {color:#ff3333;}
.col-ff6600   {color:#ff6600;}
.col-000066   {color:#000066;}
.col-666666   {color:#666666;}
.col-006600   {color:#006600;}
.col-99CCCC   {color:#99CCCC;}
.col-999999   {color:#999999;}
.col-FF9999   {color:#FF9999;}
.col-EF5A9A  {color:#EF5A9A;}
.col-168063  {color:#168063;}
.col-0D1152  {color:#0D1152;}
.col-B9FFB9 {color: #B9FFB9;}
.col-FBFFAA {color: #FBFFAA;}
.col-FDBC6C {color: #FDBC6C;}
.col-BFDEFF {color: #BFDEFF;}
.col-6666FF {color: #6666FF;}
.col-330000 {color: #330000;}
.col-045262 {color: #045262;}
.col-246C48 {color: #246C48;}
.col-FFCC66 {color: #FFCC66;}
.col-3366cc {color: #3366cc;}
.col-003399 {color: #003399;}
.col-FF6666 {color: #FF6666;}
.col-ffcccc {color: #ffcccc;}
.col-1f3879 {color: #1f3879;}
.col-42515e {color: #42515e;}
.col-09500c {color: #09500c;}
.col-73b5a4 {color: #73b5a4;}
.col-294530 {color: #294530;}
.col-006600 {color: #006600;}
.col-16817E {color: #16817E;}
.col-345BAD {color: #345BAD;}
.col-3154A2 {color: #3154A2;}
.col-1A8F8D {color: #1A8F8D;}
.col-FF8D42 {color: #FF8D42;}
.col-C1CFFB {color: #C1CFFB;}
.col-6486CA {color: #6486CA;}
.col-452712 {color: #452712;}
.col-993300 {color: #993300;}