@charset "utf-8";


.rl-class {
	padding-left: 60px;
}

.rl-container-01 {
   display: grid; /*「Container」を「Grid Layout」に指定*/
   /*width: 600px;*/
   grid-template-columns: 320px 320px 320px;
   grid-template-rows:365px;
   gap: 30px;
}


.rl-container-02 {
   display: grid; /*「Container」を「Grid Layout」に指定*/
   /*width: 600px;*/
   grid-template-columns: 320px 320px 320px;
   grid-template-rows:285px;
   gap: 30px;
}

.rl-container-03 {
   display: grid; /*「Container」を「Grid Layout」に指定*/
   /*width: 600px;*/
   grid-template-columns: 320px 320px 320px;
   grid-template-rows:510px;
   gap: 30px;
}


.rl-container-04 {
   display: grid; /*「Container」を「Grid Layout」に指定*/
   /*width: 600px;*/
   grid-template-columns: 320px 320px 320px;
   grid-template-rows:390px;
   gap: 30px;
}



.rl-container-05 {
   display: grid; /*「Container」を「Grid Layout」に指定*/
   /*width: 600px;*/
   grid-template-columns: 320px 320px 320px;
   grid-template-rows:390px;
   gap: 30px;
}



@media screen and (max-width: 460px) {
  .rl-lum-lightbox-inner img {
    max-width: 160vw !important;  /* 軽くスワイプで左端から右端まで動かせる量 */
    max-height: 85vh !important;  /* 上下に適度に余白 */
  }
  
  
.rl-container-01 {
   /*display: grid;*/ /*「Container」を「Grid Layout」に指定*/
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px;
   /*width: 600px;*/
   /*
   grid-template-columns: 320px 320px 234px;
   grid-template-rows:285px;
   gap: 30px;
   */
}
 
.rl-container-02 {
   /*display: grid;*/ /*「Container」を「Grid Layout」に指定*/
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px;
	
   /*width: 600px;*/
   /*
   grid-template-columns: 320px 320px 320px;
   grid-template-rows:285px;
   gap: 30px;
   */
}
  
.rl-class {
	padding-left: 25px;
}
.rl-class1 {
	padding-left: 10px;
}  
}


/* 画像送りの矢印を消す */
.lum-gallery-button {
  display: none !important;
}

/* 拡大可能だとわかるように表示する */
/* 画像にマウスを重ねたらマウスカーソルを虫めがね*/
/*
a.zoom{
  cursor: zoom-in;
}
*/

a.rl-zoom{
  position: relative;
  display: block;
}
a.rl-zoom::after{
  content: '';
  position: absolute;
  top: 0;
  right: 20px;
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-color: rgba(0,0,0,0.5);
  background-image: url("../images/zoom.png");
  background-size: 1em 1em;
  background-position: center center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 640px) {
	
	
	
}