@charset 'utf-8';		
		
/* _u_utilities.css【cssによるレイアウト調整等ユーティリティ】 2022/03/30 18:31 */		
/* 凡例 */		
/* ▼.u_display_flex｜div など、ブロック要素内の画像要素等を横並びにする */		
/* ▼.u_hight/width｜オブジェクトを調整する css */		
/* ▼.u_flip｜（FontAwesomのアイコン等を中心に）アイコン等の挙動を指定 */		
/* ▼.u_float｜ボックスの回り込み ★あまり使わないようにする*/		
/* ▼.u_bh｜ボックスの高さ（px単位） */		
/* ▼.u_bh｜ボックスの高さ（rem単位） */		
/* ▼.u_border_none｜ボックスの枠線消し（デフォルトだが打消用として） */		
/* ▼.u_move_L2D4｜オブジェクトの移動（px単位｜ 横軸正数で→へ, 縦軸正数で↓へ */		
/* ━━━━━━━━━━━━━━━━━━━━ */		

		
/* ▼.u_display_flex｜【一行表示】flex→div 等の画像要素等を横並びにする inline→div 等内でhやpの強制改行させない */
	.u_display_flex	{ display: flex; flex-wrap: wrap; /* 折返し指定 */ gap: 0px 5px; /* 余白（行間/画像間） */ }
	.u_display_inline	{ display: inline; /* div 等を一行で表示→包含したhやpタグの強制改行をさせない */ }
	
/* ▼.u_thumb｜Gallery内のサムネイル表示方法 css */		
	.u_thumb_160_cover	{ display: block; width:160px; height: 120px; margin-left: auto; margin-right: auto; object-fit:cover; }
	.u_thumb_160_contain	{ display: block; width:160px; height: 120px; margin-left: auto; margin-right: auto; object-fit:contain; }
	
		
/* ▼.u_align｜div内のオブジェクトの位置を調整する css */		
	.u_align_center	{ display: block; margin-left: auto; margin-right: auto; }

/* ▼.u_hight/width｜オブジェクトを調整する css */		
	.u_height_008	{ height: 0.8rem; }
	.u_height_010	{ height: 1.0rem; }
	.u_height_012	{ height: 1.2rem; }
	.u_height_015	{ height: 1.5rem; }
	.u_width_64px	{ width: 64px; height: auto; } /* オブジェクトの幅を64px に */
	.u_width_128px	{ width: 128px; height: auto; } /* オブジェクトの幅を128px に */
		
/* ▼.u_flip｜（FontAwesomのアイコン等を中心に）アイコン等の挙動を指定 */		
	.u_flip_h	{ transform: scaleX(-1); } /* アイコンなどを左右反転させる */
	.u_float_r	{ float: right; } /* オブジェクトを右寄せにする */
		
/* ▼.u_float｜ボックスの回り込み ★あまり使わないようにする*/		
/* 初期値blockbox: h系 p div系｜初期値inlinebox: a span｜display: block/inline を当てて変更可能 */		
	.u_float_r	{ float: right; }
	.u_float_l	{ float: left; }
	.u_float_none	{ float: none; }
		
/* ▼.u_bh｜ボックスの高さ（rem単位） */		
	.u_bh_001	{ height: 0.1rem; }
	.u_bh_005	{ height: 0.5rem; }
	.u_bh_010	{ height: 1.0rem; }
	.u_bh_020	{ height: 2.0rem; }
	.u_bh_030	{ height: 3.0rem; }
	.u_bh_040	{ height: 4.0rem; }
	.u_bh_050	{ height: 5.0rem; }
	.u_bh_060	{ height: 6.0rem; }
	.u_bh_070	{ height: 7.0rem; }
	.u_bh_080	{ height: 8.0rem; }
	.u_bh_090	{ height: 9.0rem; }
	.u_bh_100	{ height: 10.0rem; }
	.u_bh_150	{ height: 15.0rem; }
	.u_bh_200	{ height: 20.0rem; }
	.u_bh_300	{ height: 30.0rem; }
		
/* ▼.u_bh｜ボックスの高さ（px単位） */		
	.u_bh_20px	{ height: 20px; }
		
/* ▼.u_border_none｜ボックスの枠線消し（デフォルトだが打消用として） */		
	.u_border_none	{ border: none; }
		
/* ▼.u_move_L2D4｜オブジェクトの移動（px単位｜ 横軸正数で→へ, 縦軸正数で↓へ */		
	.u_move_L2D4	{ transform: translate(-2px, 4px); }
	.u_move_L0U4	{ transform: translate(0px, -4px); }
	.u_move_L0U8	{ transform: translate(0px, -8px); }
	.u_move_L0U12	{ transform: translate(0px, -12px); }
	.u_move_L20U0	{ transform: translate(20px, 0px); }