@charset 'utf-8';
/*@charset 'Shift-JIS';*/


#contentContainer2 {
/*  padding: 60px 0;*/

}

/* animation */
#animationContainer{
/*  background: #ccc;*/
/*  padding: 5px 0;*/
}

#animationContents{
/*
  width: 950px;
  height: 400px;
*/
  width: 100%;
height: 1200px;
  margin: 0 auto;

/*  background: url(../img/home/animation/loading.gif) no-repeat center center #fff;*/
/*  background: url(../img/indicator.gif) no-repeat center center #fff;*/
}

#animation{
/*
  width: 950px;
  height: 400px;
*/
  width: 100%;
  height: 100%;

  margin: 0 auto;
  position: relative;
  overflow: hidden;
/*  background: url(../img/home/animation/bg_animation.gif) no-repeat 0 0 #fff;*/
}


#animation #frame06,
#animation #frame07,
#animation #frame08,
#animation #frame01,
#animation #frame02,
#animation #frame03,
#animation #frame04,
#animation #frame09{
  display: none;
}

#animation div{
  position: absolute;
}


#animation #frame01{
/*
  top: 30px;
  left: 25px;
*/
/*  top: 10%;*/
  top: 100%;
  left: -50%;

}
#animation #frame02{
  top: 90px;
  left: 35px;
}
#animation #frame03{
  top: 145px;
  left: 45px;
  width:300px;
}
#animation #frame04{
  top: 300px;
  left: 40px;
}
#animation #frame05{
/*
  bottom: -110px;
  left: 330px;
*/
  top: 100%;
  left: 47.25%;
}
#animation #frame06{
/*
  top: 65px;
  right: -240px;
*/
/*
  top: 300px;
  right: 400px;
*/
  top: 100%;
  left: 47.25%;
}
#animation #frame07{
/*
  top: 40px;
  right: -240px;
*/
  top: 100%;
  left: 47.25%;
}
#animation #frame08{
/*
  top: 15px;
  right: -240px;
*/
  top: 100%;
  left: 47.25%;
}
#animation #frame09{
  top: 0;
  right: 0;
}
#animation #skip{
  width: 51px;
  height: 20px;
  position: absolute;
  right: 25px;
  bottom: 15px;
}





/*
.post .entry-contentContainer0 {
  position: relative;
//  width: auto;
//  z-index: 1;
}
*/


.post .entry-contentContainer00 {
  position: relative;
}




.post .entry-contentContainer2 {
  position: relative;
  float: right;
  width: 47%;
  z-index: 1;
}
.post .entry-thumbnail2 {
  position: relative;
  float: left;
  width: 50%;
  z-index: 0;

margin: 0 3% 2% 0;
}

.post .entry-thumbnail2_1 {
  position: relative;
  float: left;
  width: 47%;
  z-index: 0;

  margin: 0;

}




.post .entry-contentContainer3 {
  position: relative;
  float: left;
  width: 47%;
  z-index: 1;


}
.post .entry-thumbnail3 {
  position: relative;
  float: right;
/*  width: 50%;*/
  width: 50%;
  z-index: 0;

/*margin: 0 0 2% 3%;*/
margin: 0 0 0 2%;
}

.post .entry-contentContainer4 {
  position: relative;
  float: none;
  width: 100%;
  z-index: 1;
}


@media only screen and (max-width:767px) {

  .border_box {
    zoom: 0.8 !important;
  }

 .post .entry-contentContainer2,
 .post .entry-contentContainer3,
 .post .entry-contentContainer4 {
   float: none;;
   width: 100%;
 }


 .post .entry-thumbnail2_1,
 .post .entry-thumbnail2,
 .post .entry-thumbnail3 {
   float: none;
/*
   max-width: 320px;
   width: 80%;
*/
   width: 100%;
  margin: 0 auto 2em;
 } 

.entry-content p {
	margin-bottom: 1em;
}


}




@media only screen and (max-width:480px) and (orientation: portrait) {
/*@media only screen and (max-width:480px) and (orientation: portrait) {*/
/*@media only screen and (max-width:480px) and (orientation: landscape) {*/


	#photoGalleryContainer{
		width: 100% !important;
		margin: 0 !important;
	} 

	.entry-thumbnail0,
	.entry-thumbnail2,
	.entry-thumbnail2_1,
	.entry-thumbnail3 {
		width: 100% !important;
		margin: 0 !important;
	}

}