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

.js-masonry {
   margin: 0 auto;
  
}

.item {
  margin: 6px;
  width: 300px;
  padding: 8px;
  border: 4px solid rgb(238,238,238);
  background-color: #fff;
  box-shadow: 0 5px 5px #dddddd;

}
.item .image2 {
  width: 320px;
}
.item .image3 {
  width: 422px;
}

.item img {
  width: 100%;
   padding-top: 16px;
  
 
}

.item a {
	text-decoration:none;
	color:#000;
}
.item-p{
	text-align:center;
	font-weight:bold;
	
}

@media screen and (max-width: 480px) {
  .item {
    margin: 5px auto;
    width: 300px;
    padding: 4px;
   
  }
  
  .item .image2 {
    width: 200px;
  }
  
  .item .image3 {
  width: 200px;
}
  
}

.item a,
.item a h2{
	color: #15a5e6;
}

.item a:hover,
.item a:active,
.item a:focus{
	color: #f60;
	opacity:0.5;
}


.item a h2:hover,
.item a h2:active,
.item a h2:focus{
	color: #f60;
}


.item h2,
.item h3,
.item h4,
.item h5,
.item h6{
		margin: 2px 0 20px;
		padding:2px;
		text-align:center;
		background: rgb(255,234,236);
		
	}
.item .spanish{
		margin: 0px 0 20px;
		padding:2px;
		background: rgb(224,254,253);
		
	}
	

.item h2{
		font-size: 1.5em;
	}

.item-back1{ background: rgb(255,234,236); }/*ピンク*/
.item-back2{ background: rgb(224,254,253); }/*青*/
   
 @-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.hvr-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.hvr-wobble-horizontal:active,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:hover{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}