@charset "UTF-8";

/*******************************/
/*　商品一覧カタログ表示　*/

/**** 一覧の背景設定　ここから ****/

  .app_content .item_catalog{
   
   background:#FFFFFF;
   background:#FFFFFF;
   
  }

/**** 商品一覧の背景設定　ここまで ****/


/**** 特殊エフェクトの設定　ここから ****/
 /** フォトzoom、フレームフォトモード、リンクzoomはCMR0021で設定 */
 /** フォトモード説明文のみ適応を設定している */

.item_catalog .item .item_explain {
	padding: 1em 0.5em;
	word-wrap: break-word;
}

/** 特殊エフェクトの設定　ここまで */


/**** フレーム余白　ここから ****/

.item_catalog div.item_masonry {
	padding:9.0px 8.0px 8.0px 9.0px;
}

/**** フレーム余白　ここまで ****/


/**** フレームサイズ設定　ここから ****/

/**** フレームサイズ設定　ここまで ****/
/**** フレーム背景設定　ここから ****/

/**** フレーム背景設定　ここまで ****/


/**** 商品情報・その他設定　ここから ****/

/**** 商品情報・その他設定　ここまで ****/


/** 商品属性・商品名が上表示(フレームフォトモードの設定によってクラスが変わる) */
.item .absolute_item_name_up_block{
	position:absolute;
	top:0px;
	width:100%;
	z-index:1;
}
.item .fix_item_name_up_block{
	position: relative;
	z-index: 1;
}

/** 商品画像を背景画像として表示 */

.item_catalog .item_image{
	
	object-fit: contain;
	
	width:100%;
	height:100%;
	max-width:100%;
}
.app_content .item_catalog div.item_image_block{ 
	width:100%;
	height:100%;
}
.item_catalog .item_pane{
	width:100%;
	height:100%;
	max-width:100%
}