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

.jlr {font-size: 0;}

.jlr .jlr_item {
    font-size: 1rem;
    display: inline-block;
    box-sizing: border-box;     
    padding: 5px;
	background-size: cover;
background-position: center center;
}

.jlr img.jlr_img {
    height: 200px;
    opacity: 0;

}

.jlr img.jlr_loaded {
     -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
    opacity: 1;
}

.gray_out {
    background-color: ##616161;
}


.img1{ height: 604px;
    width: 460px;
		background:url(../images/tile1.jpg) no-repeat;
		background-size: cover;
        overflow: hidden;
		border-radius:12px;
	}

.img2{     height: 292px;
    width: 460px;
		background:url(../images/tile2.jpg) no-repeat;
		    background-position: center center;
		background-size: cover;
        overflow: hidden;
		border-radius:12px;

	}
	
.img3{    height: 292px;
    width: 220px;
		background:url(../images/tile3.jpg) no-repeat;
		background-size: cover;
		    background-position: center center;
        overflow: hidden;
		border-radius:12px;
	
	}
	
.img4{   height: 292px;
    width: 220px;
		background:url(../images/tile4.jpg) no-repeat;
		background-size: cover;
        overflow: hidden;
		border-radius:12px;
	
	}



.img5{     height: 292px;
    width: 460px;
		background:url(../images/tile5.jpg) no-repeat;
		    background-position: center center;
		background-size: cover;
        overflow: hidden;
		border-radius:12px;
	
	
	}


.img6{    height: 292px;
    width: 220px;
		background:url(../images/tile6.jpg) no-repeat;
		background-size: cover;
		    background-position: center center;
        overflow: hidden;
		border-radius:12px;
	
	
	}
	
.img7{   height: 292px;
    width: 220px;
		background:url(../images/tile7.jpg) no-repeat;
		background-size: cover;
        overflow: hidden;
		border-radius:12px;
	
	
	}


.img8{ height: 604px;
    width: 460px;
		background:url(../images/tile8.jpg) no-repeat;
		background-size: cover;
        overflow: hidden;
		border-radius:12px;
	
	}


/*1組 end*/

.img9{ height: 604px;
    width: 460px;
		background:url(../images/tile9.jpg) no-repeat;
		background-size: cover;
        overflow: hidden;
		border-radius:12px;
	
	}

.img10{     height: 292px;
    width: 460px;
		background:url(../images/tile10.jpg) no-repeat;
		    background-position: center center;
		background-size: cover;
        overflow: hidden;
		border-radius:12px;
	
	
	}
	
.img3{    height: 292px;
    width: 220px;
		background:url(../images/tile3.jpg) no-repeat;
		background-size: cover;
		    background-position: center center;
        overflow: hidden;
		border-radius:12px;
	
	
	}
	
.img4{   height: 292px;
    width: 220px;
		background:url(../images/tile4.jpg) no-repeat;
		background-size: cover;
        overflow: hidden;
		border-radius:12px;
	
	
	}



.img11{     height: 292px;
    width: 460px;
		background:url(../images/tile11.jpg) no-repeat;
		    background-position: center center;
		background-size: cover;
        overflow: hidden;
		border-radius:12px;
	
	
	}


.img12{    height: 292px;
    width: 220px;
		background:url(../images/tile12.jpg) no-repeat;
		background-size: cover;
		    background-position: center center;
        overflow: hidden;
		border-radius:12px;
	
	
	}
	
.img13{   height: 292px;
    width: 220px;
		background:url(../images/tile13.jpg) no-repeat;
		background-size: cover;
        overflow: hidden;
		border-radius:12px;
	
	
	}


.img14{ height: 604px;
    width: 460px;
		background:url(../images/tile14.jpg) no-repeat;
		background-size: cover;
        overflow: hidden;
		border-radius:12px;
	
	}


/*1組 end*/




	
.photo{  margin-bottom:20px; margin-top:20px;}
	
.photo div { display:inline-block;}

.photo1{  width: 460px; margin-right:20px;}

.photo2{ width: 460px;      height: 618px;
    vertical-align: top;
}

.photo2-1{ margin-bottom:6px;}

.photo2-2{ width:460px;}

.photo2-2-1{ margin-right:20px; float:left;}

.photo2row{margin-bottom:20px; margin-left: 20px;}
.photo2row div{display:inline-block;}
.photo2row1{ width: 460px; /*margin-right:20px;*/ float:left;  height: 618px;}
.photo2row1-1{ margin-bottom:6px;}
.photo2row1-2{float: left; width: 460px;}
.photo2row1-2-1{ margin-right:20px; float: left;} 
.photo2row1-2-2{ float:right;}
.photo2-2-2{float: right;}



.photo1 .jlr_item{ 
			height: 604px;
   			width: 460px;
			background-position: center center;
			background-size: cover;
       		 overflow: hidden;
			border-radius:12px;}

.photo2-1 .jlr_item{ 
			height: 292px;
   			width: 460px;
			background-position: center center;
			background-size: cover;
       		 overflow: hidden;
			border-radius:12px;}
			
.photo2-2-1	.jlr_item{ 
			height: 292px;
    		width: 220px;
			background-position: center center;
			background-size: cover;
       		 overflow: hidden;
			border-radius:12px;}	
			
.photo2-2-2 .jlr_item{ 
			height: 292px;
    		width: 220px;
			background-position: center center;
			background-size: cover;
       		 overflow: hidden;
			border-radius:12px;}		
				
.photo2row1-1 .jlr_item{ 
			height: 292px;
			width: 460px;
			background-position: center center;
			background-size: cover;
			overflow: hidden;
			border-radius:12px;}

.photo2row1-2-1 .jlr_item{ 
			 height: 292px;
   			width: 220px;
			background-position: center center;
			background-size: cover;
			overflow: hidden;
			border-radius:12px;}
			
.photo2row1-2-2 .jlr_item{ 
			 height: 292px;
   			width: 220px;
			background-position: center center;
			background-size: cover;
			overflow: hidden;
			border-radius:12px;}

.photo2row2 .jlr_item{ 
			 height: 604px;
    		width: 460px;
			background-position: center center;
			background-size: cover;
			overflow: hidden;
			border-radius:12px;}