/* Grid layout  */
.grid{
  display: grid;
  gap: 15px;
  grid-auto-rows: 100px;
  grid-auto-flow: row dense;
  line-height: 15px;
  border-radius:15px;


  /* まずは最大6列 */
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

/* 画面幅に応じて列数を落とす */
@media screen and (max-width: 1400px){
  .grid{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media screen and (max-width: 1200px){
  .grid{ grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media screen and (max-width: 992px){
  .grid{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media screen and (max-width: 768px){
  .grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media screen and (max-width: 480px){
  .grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.item{
  overflow: hidden; /* hover拡大でハミ出すのを防ぐ */
}

/* クリック範囲を全面にしたい場合（既存の item_nenga_a 用） */
.item_nenga_a{
  position: absolute;
  inset: 0;
  z-index: 20;
}

/* details をリンクより前面に表示したい場合（文字はクリック不可になるので注意） */
.details{
  position: relative;
  z-index: 30;
}

/* Items  */
.item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #0c9a9a;
	color: #fff;
	grid-column-start: auto;
	grid-row-start: auto;
	color: #fff;
	
}
.item{
	background: url("https://visipri.com/tsurikanban/img2/hanging_signpanel_1758x442.webp"  );
	background-size: cover;
	background-position: center;
	-webkit-box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.4);
	box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.4);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
	cursor: pointer;
	counter-increment: item-counter;
}
/* End item */

/* categories || Examples Action, Romance, New, And Popular Today
.item span {
	width: auto;
	margin: 20PX;
	z-index: 10;
	padding: 7px;
	background: -webkit-linear-gradient(to right, #6bb6ff, #4f96f6);
  background: linear-gradient(to right, #6bb6ff, #4f96f6);
	border-radius: 4px;
  display:inline-block;
  position: absolute;
  top: -7px;
  left: -4px;
} */

.popular{
	width: 100px;
	margin: 20PX;
	z-index: 10;
	padding: 7px;
	background: #9D50BB; 
	background: -webkit-linear-gradient(to right, #6E48AA, #9D50BB);  
	border-radius: 50px 120px 120px;
}
.action{
	width: 16%;
	margin: 20PX;
	z-index: 10;
	padding: 7px;
	background: #50C9C3;  
	background: -webkit-linear-gradient(to right, #96DEDA, #50C9C3);  
	background: linear-gradient(to right, #96DEDA, #50C9C3); 
}
.romance{
	width: 24%;
	margin: 20PX;
	z-index: 10;
	padding: 7px;
	background: #24C6DC; 
	background: -webkit-linear-gradient(to right, #514A9D, #24C6DC);  
	background: linear-gradient(to right, #514A9D, #24C6DC); 

}

.nenga {
	background-image: url("img/case002_mini.jpg");
	
}

.kuji {
	background-image: url("img/case003_01.jpg");
	
}

.mochu {
	background-image: url("img/case005_01_nor.jpg");
	
}

.nanba {
	background-image: url("img/case007_02_nor.jpg");
	
}

.yotubashi {
	background-image: url("img/case026_03.jpg");
	
}

.tennoji {
	background-image: url("img/case009_03_nor.jpg");
	
}

.yotubashi_p {
	background-image: url("img/case029_mini.jpg");
	
}

.itami {
	background-image: url("img/case030_03.jpg");
	
}

.nanba01 {
	background-image: url("img/case032_mini.jpg");
	
}

.tennoji01 {
	background-image: url("img/case033_01.jpg");
	
}

.tenjikai1 {
	background-image: url("https://visipri.com/case/img/m-solutions3.webp"  );
	
}

.gakkai_nakajima { background-image: url("https://visipri.com/jireigazou/264675-1.webp"  ); }
.gakkai_kadokura { background-image: url("https://visipri.com/jireigazou/248648-1.webp"  ); }
.gakkai_mashita  { background-image: url("https://visipri.com/jireigazou/240889-01.webp"  ); }

.furasta_maika{ background-image: url("https://visipri.com/jireigazou/284387.webp"  ); }
.furasta_koyama{ background-image: url("https://visipri.com/jireigazou/285847.webp"  ); }
.furasta_makoto{ background-image: url("https://visipri.com/jireigazou/285490.webp"  ); }
.furasta_wang{ background-image: url("https://visipri.com/jireigazou/268084_01.webp"  ); }
.furasta_chugoku_inamin{ background-image: url("https://visipri.com/jireigazou/247189-1.webp"  ); }
.furasta_samoedo{ background-image: url("https://visipri.com/jireigazou/247518.webp"  ); }
.furasta_tanaka{ background-image: url("https://visipri.com/jireigazou/250028.webp"  ); }
.furasta_250028{ background-image: url("https://visipri.com/jireigazou/250028.webp"  ); }
.furasta_282659{ background-image: url("https://visipri.com/jireigazou/282659.webp"  ); }
.furasta_262249{ background-image: url("https://visipri.com/jireigazou/262249.webp"  ); }
.furasta_314843{ background-image: url("https://visipri.com/jireigazou/314843-01.webp"  ); }

.poster_mothergrace { background-image: url("https://visipri.com/jireigazou/243443.webp"  ); }
.poster_nekko-bo     { background-image: url("https://visipri.com/jireigazou/245738.webp"  ); }
.poster_iori         { background-image: url("https://visipri.com/jireigazou/iorisama.webp"  ); }
.poster_304198{ background-image: url("https://visipri.com/jireigazou/304198-1.webp"  ); }
.poster_269667{ background-image: url("https://visipri.com/jireigazou/jirei1.webp"  ); }
.poster_246418{ background-image: url("https://visipri.com/jireigazou/246418.webp"  ); }
.poster_258565{ background-image: url("https://visipri.com/jireigazou/258565.webp"  ); }
.poster_245443{ background-image: url("https://visipri.com/jireigazou/245443-1.webp"  ); }
.poster_251213{ background-image: url("https://visipri.com/jireigazou/251213.webp"  ); }
.poster_307788{ background-image: url("https://visipri.com/jireigazou/307788.webp"  ); }
.poster_311449{ background-image: url("https://visipri.com/jireigazou/311449.webp"  ); }
.poster_310268{ background-image: url("https://visipri.com/jireigazou/310268-01.webp"  ); }
.poster_314891{ background-image: url("https://visipri.com/jireigazou/314891.webp"  ); }
.poster_319938{ background-image: url("https://visipri.com/jireigazou/319938.webp"  ); }
.poster_320596{ background-image: url("https://visipri.com/jireigazou/320596-01.webp"  ); }
.poster_316801{ background-image: url("https://visipri.com/jireigazou/316801.webp"  ); }

.panel_251213-2{ background-image: url("https://visipri.com/jireigazou/251213-1.webp"  ); }
.panel_291500{ background-image: url("https://visipri.com/jireigazou/291500.webp"  ); }
.panel_283265{ background-image: url("https://visipri.com/jireigazou/283265.webp"  ); }
.panel_244082{ background-image: url("https://visipri.com/jireigazou/244082-01.webp"  ); }
.panel_241548{ background-image: url("https://visipri.com/jireigazou/241548.webp"  ); }
.panel_302765{ background-image: url("https://visipri.com/jireigazou/302765.webp"  ); }
.panel_307493{ background-image: url("https://visipri.com/jireigazou/307493-2.webp"  ); }
.panel_309769{ background-image: url("https://visipri.com/jireigazou/309769.webp"  ); }
.panel_311304{ background-image: url("https://visipri.com/jireigazou/311304.webp"  ); }
.panel_314487{ background-image: url("https://visipri.com/jireigazou/314487-01.webp"  ); }
.panel_309352{ background-image: url("https://visipri.com/jireigazou/309352-02.webp"  ); }
.panel_302088{ background-image: url("https://visipri.com/jireigazou/302088-1.webp"  ); }

.alpolic_panel_313463{ background-image: url("https://visipri.com/jireigazou/313463-02.webp"  ); }
.alpolic_panel_318867{ background-image: url("https://visipri.com/jireigazou/318867.webp"  ); }

.toshindai_244495{ background-image: url("https://visipri.com/jireigazou/244495.webp"  ); }
.toshindai_243666{ background-image: url("https://visipri.com/jireigazou/243666.webp"  ); }
.toshindai_245105{ background-image: url("https://visipri.com/jireigazou/245105-3.webp"  ); }
.toshindai_250770{ background-image: url("https://visipri.com/case/img/250770.webp"  ); }
.toshindai_240424{ background-image: url("https://visipri.com/jireigazou/240424-1.webp"  ); }
.toshindai_242432{ background-image: url("https://visipri.com/jireigazou/242432-02.webp"  ); }
.toshindai_240474{ background-image: url("https://visipri.com/jireigazou/240474-01.webp"  ); }
.toshindai_264524{ background-image: url("https://visipri.com/jireigazou/264524-1.webp"  ); }
.toshindai_263389{ background-image: url("https://visipri.com/jireigazou/263389-1.webp"  ); }
.toshindai_302530{ background-image: url("https://visipri.com/jireigazou/302530-2.webp"  ); }
.toshindai_303152{ background-image: url("https://visipri.com/jireigazou/303152.webp"  ); }
.toshindai_317561{ background-image: url("https://visipri.com/jireigazou/317561-02.webp"  ); }

.acrylic_diorama_317567{ background-image: url("https://visipri.com/jireigazou/317567.webp"  ); }

.acrylic_keyholder_267110{ background-image: url("https://visipri.com/jireigazou/267110.webp"  ); }
.acrylic_keyholder_318531{ background-image: url("https://visipri.com/jireigazou/318531.webp"  ); }

.acrylic_stand_247980{ background-image: url("https://visipri.com/products/acrylic_stand/img/247980-info.webp"  ); }
.acrylic_stand_277622{ background-image: url("https://visipri.com/jireigazou/277622.webp"  ); }
.acrylic_stand_283617{ background-image: url("https://visipri.com/jireigazou/283617.webp"  ); }
.acrylic_stand_320026{ background-image: url("https://visipri.com/jireigazou/320026-01.webp"  ); }

.gakkai_248648{ background-image: url("https://visipri.com/jireigazou/248648-1.webp"  ); }
.gakkai_240889{ background-image: url("https://visipri.com/jireigazou/240889-03.webp"  ); }
.gakkai_254607{ background-image: url("https://visipri.com/jireigazou/254607.webp"  ); }
.gakkai_293992{ background-image: url("https://visipri.com/jireigazou/293992.webp"  ); }
.gakkai_260777{ background-image: url("https://visipri.com/jireigazou/260777.webp"  ); }
.gakkai_295426{ background-image: url("https://visipri.com/jireigazou/295426.webp"  ); }
.gakkai_264675{ background-image: url("https://visipri.com/jireigazou/264675-1.webp"  ); }
.gakkai_287113{ background-image: url("https://visipri.com/jireigazou/287113.webp"  ); }
.gakkai_254106{ background-image: url("https://visipri.com/order/img_thanks/254106/5ab560f6f81f5.JPG"  ); }
.gakkai_255367{ background-image: url("https://visipri.com/jireigazou/255367.webp"  ); }
.gakkai_249209{ background-image: url("https://visipri.com/jireigazou/249209.webp"  ); }
.gakkai_257172{ background-image: url("https://visipri.com/jireigazou/257172-2.webp"  ); }
.gakkai_281540{ background-image: url("https://visipri.com/jireigazou/281540.webp"  ); }
.gakkai_307990{ background-image: url("https://visipri.com/jireigazou/307990.webp"  ); }
.gakkai_316925{ background-image: url("https://visipri.com/jireigazou/316925.webp"  ); }
.gakkai_318259{ background-image: url("https://visipri.com/jireigazou/318259.webp"  ); }
.gakkai_321359{ background-image: url("https://visipri.com/jireigazou/321359.webp"  ); }

.photopanel_254562{ background-image: url("https://visipri.com/jireigazou/254562.webp"  ); }
.photopanel_240502{ background-image: url("https://visipri.com/jireigazou/240502.webp"  ); }
.photopanel_283645{ background-image: url("https://visipri.com/jireigazou/283645-2.webp"  ); }
.photopanel_287310{ background-image: url("https://visipri.com/jireigazou/287310.webp"  ); }
.photopanel_248748{ background-image: url("https://visipri.com/jireigazou/248748.webp"  ); }
.photopanel_303316{ background-image: url("https://visipri.com/jireigazou/303316-1.webp"  ); }
.photopanel_315423{ background-image: url("https://visipri.com/jireigazou/315423-02.webp"  ); }

.namecard_316500{ background-image: url("https://visipri.com/jireigazou/316500.webp"  ); }
.namecard_302563{ background-image: url("https://visipri.com/jireigazou/302563.webp"  ); }
.namecard_306609{ background-image: url("https://visipri.com/jireigazou/306609.webp"  ); }

.pvccard_299573{ background-image: url("https://visipri.com/jireigazou/299573.webp"  ); }
.pvccard_319609{ background-image: url("https://visipri.com/jireigazou/319609-02.webp"  ); }

.rollupbanner_313057{ background-image: url("https://visipri.com/jireigazou/313057.webp"  ); }

.tapestry_292019{ background-image: url("https://visipri.com/jireigazou/292019-2.webp"  ); }

.oudanmaku_292123{ background-image: url("https://visipri.com/jireigazou/292123.webp"  ); }

.kensuimaku_278788{ background-image: url("https://visipri.com/jireigazou/278788.webp"  ); }

.bannerstand_295203{ background-image: url("https://visipri.com/jireigazou/295203.webp"  ); }

.visitouch_315467{ background-image: url("https://visipri.com/jireigazou/315467.webp"  ); }

.item:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.5;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	
}

.item:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.item:hover:after {
	opacity: 0;
}

.nenga {
	grid-row-end: span 2;
}

.kuji {
	grid-row-end: span 2;
}

.mochu {
	grid-row-end: span 2;
}

.nanba {
	grid-row-end: span 2;
}

.yotubashi {
	grid-row-end: span 2;
}

.tennoji {
	grid-row-end: span 2;
}

.yotubashi_p {
	grid-row-end: span 2;
}

.itami {
	grid-row-end: span 2;
}

.nanba01 {
	grid-row-end: span 2;
}

.tennoji01 {
	grid-row-end: span 2;
}

.tenjikai1 {
	grid-row-end: span 2;
}

.gakkai_fukuzaki {
	grid-row-end: span 2;
}
.gakkai_nakajima {
	grid-row-end: span 2;
}
.gakkai_kadokura {
	grid-row-end: span 2;
}
.gakkai_mashita {
	grid-row-end: span 2;
}
.gakkai_hiramatsu {
	grid-row-end: span 2;
}
.gakkai_yamashita {
	grid-row-end: span 2;
}
.gakkai_yamashita_daiko {
	grid-row-end: span 2;
}

.furasta_maika {
	grid-row-end: span 2;
}
.furasta_koyama {
	grid-row-end: span 2;
}
.furasta_makoto {
	grid-row-end: span 2;
}
.furasta_wang {
	grid-row-end: span 2;
}
.furasta_chugoku_inamin {
	grid-row-end: span 2;
}
.furasta_samoedo {
	grid-row-end: span 2;
}
.furasta_tanaka {
	grid-row-end: span 2;
}

.poster_mothergrace{
	grid-row-end: span 2;
}

.poster_nekko-bo{
	grid-row-end: span 2;
}

.poster_307788{grid-row-end: span 2;}

.poster_iori{
	grid-row-end: span 2;
}
.photopanel_303316{
	grid-row-end: span 2;
}
.poster_304198{grid-row-end: span 2;}
.poster_269667{grid-row-end: span 2;}
.poster_246418{grid-row-end: span 2;}
.poster_258565{grid-row-end: span 2;}
.poster_245443{grid-row-end: span 2;}
.poster_251213{grid-row-end: span 2;}
.poster_311449{grid-row-end: span 2;}
.poster_310268{grid-row-end: span 2;}
.poster_314891{grid-row-end: span 2;}
.poster_319938{grid-row-end: span 2;}
.poster_320596{grid-row-end: span 2;}
.poster_316801{grid-row-end: span 2;}


.panel_251213-2{grid-row-end: span 2;}
.panel_291500{grid-row-end: span 2;}
.panel_283265{grid-row-end: span 2;}
.panel_244082{grid-row-end: span 2;}
.panel_241548{grid-row-end: span 2;}
.panel_302765{grid-row-end: span 2;}
.panel_307493{grid-row-end: span 2;}
.panel_309769{grid-row-end: span 2;}
.panel_311304{grid-row-end: span 2;}
.panel_314487{grid-row-end: span 2;}
.panel_309352{grid-row-end: span 2;}
.panel_302088{grid-row-end: span 2;}


.alpolic_panel_313463{grid-row-end: span 2;}
.alpolic_panel_318867{grid-row-end: span 2;}


.toshindai_244495{grid-row-end: span 2;}
.toshindai_243666{grid-row-end: span 2;}
.toshindai_245105{grid-row-end: span 2;}
.toshindai_250770{grid-row-end: span 2;}
.toshindai_240424{grid-row-end: span 2;}
.toshindai_242432{grid-row-end: span 2;}
.toshindai_240474{grid-row-end: span 2;}
.toshindai_264524{grid-row-end: span 2;}
.toshindai_263389{grid-row-end: span 2;}
.toshindai_302530{grid-row-end: span 2;}
.toshindai_303152{grid-row-end: span 2;}
.toshindai_317561{grid-row-end: span 2;}

.acrylic_diorama_317567{grid-row-end: span 2;}

.acrylic_keyholder_267110{grid-row-end: span 2;}
.acrylic_keyholder_318531{grid-row-end: span 2;}

.acrylic_stand_247980{grid-row-end: span 2;}
.acrylic_stand_277622{grid-row-end: span 2;}
.acrylic_stand_283617{grid-row-end: span 2;}
.acrylic_stand_320026{grid-row-end: span 2;}

.furasta_250028{grid-row-end: span 2;}
.furasta_282659{grid-row-end: span 2;}
.furasta_262249{grid-row-end: span 2;}
.furasta_314843{grid-row-end: span 2;}

.gakkai_248648{grid-row-end: span 2;}
.gakkai_240889{grid-row-end: span 2;}
.gakkai_254607{grid-row-end: span 2;}
.gakkai_293992{grid-row-end: span 2;}
.gakkai_260777{grid-row-end: span 2;}
.gakkai_295426{grid-row-end: span 2;}
.gakkai_264675{grid-row-end: span 2;}
.gakkai_287113{grid-row-end: span 2;}
.gakkai_254106{grid-row-end: span 2;}
.gakkai_255367{grid-row-end: span 2;}
.gakkai_249209{grid-row-end: span 2;}
.gakkai_257172{grid-row-end: span 2;}
.gakkai_281540{grid-row-end: span 2;}
.gakkai_307990{grid-row-end: span 2;}
.gakkai_316925{grid-row-end: span 2;}
.gakkai_318259{grid-row-end: span 2;}
.gakkai_321359{grid-row-end: span 2;}

.photopanel_254562{grid-row-end: span 2;}
.photopanel_240502{grid-row-end: span 2;}
.photopanel_283645{grid-row-end: span 2;}
.photopanel_287310{grid-row-end: span 2;}
.photopanel_248748{grid-row-end: span 2;}
.photopanel_315423{grid-row-end: span 2;}

.namecard_316500{grid-row-end: span 2;}
.namecard_302563{grid-row-end: span 2;}
.namecard_306609{grid-row-end: span 2;}

.pvccard_299573{grid-row-end: span 2;}
.pvccard_319609{grid-row-end: span 2;}

.rollupbanner_313057{grid-row-end: span 2;}

.tapestry_292019{grid-row-end: span 2;}

.oudanmaku_292123{grid-row-end: span 2;}

.kensuimaku_278788{grid-row-end: span 2;}

.bannerstand_295203{grid-row-end: span 2;}

.visitouch_315467{grid-row-end: span 2;}

.medium {grid-row-end: span 2;}


.large {
	grid-row-end: span 3;
}



.full {
	grid-column-end: auto;
}



@media screen and (min-width: 768px) {
	.full {
		grid-column: 1/-1;
		grid-row-end: span 2;
	}
}


.details {
	position: relative;
	z-index: 1;
	padding: 7px 10px 0px;
	background: #fff;
	text-transform: none;
	letter-spacing: 1px;
	color: #000;
}

.details:before {
	font-weight: bold;
	font-size: 1.1rem;
	padding-right: 0.5em;
	color: #444;
}

/* グリッドカード共通の角丸 */
.grid .item{
  border-radius: 5px;   
  overflow: hidden;   
}


/* 2行で省略したい場合（推奨） */
.grid .item .details{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;       /* 表示行数（2行） */
}

/* 行数を画面サイズで変えたい場合（任意） */
@media screen and (max-width: 768px){
  .grid .item .details{
    -webkit-line-clamp: 4;     /* SPは3行表示 */
    line-clamp: 4;
  }
}