/*
 Theme Name: RTB Themes Base  php8.0対応
 Text Domain: rtb_themes_base
 Theme URI:https:/ratebelab.com/thme_update/rtb_themes_base/
 Description:ラテベ php8.0対応
 Version:22.10.01
 Author: ratebe.com ratebe
 Author URI: https://ratebelab.com/
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Package: RTB
 */

	/*  【タイトル】   両方	初期化	*/
@charset "utf-8";
/**
 * ▼Historyy
 *		2023/07/01	RTB)	初版
 * ▲Historyy
 */
/*
	html{
		font-size	: 	100%;
	} */

	/*	フィールドタイプ別	*/
	input[data-ftype="decmal"],
	input[data-ftype="numeric"]		{
		text-align		:	right;
	}

	input[data-ftype="date"] {
		width			:	10rem;
		text-align		: 	center;
	}

	/*
		命令
	*/
	.width_100p{
		width		: 	100%;
	}

	.margin_left_01		{
		margin-left		: 1rem;
	}

	.margin_right_01	{
		margin-right	: 1rem;
	}

	.border			{
		border			: solid 1px #aaa;
	}

	input.border_none:hover		,
	input.border_none:focus		,
	.border_none	{
		border				: none;
		outline-color		: 	transparent;
	}

	.chk_open_close	,
	.hidden			,
	.disp_none		{
		display			: none;
	}

	.maru10		{
		border-radius	: 10px;
	}

	.space_0_5		{
		letter-spacing	:	1.00rem;
		text-indent		:	1.00rem;
	}
	.space_1_0		{
		letter-spacing	:	1.00rem;
		text-indent		:	1.00rem;
	}

	/* 入力不可	*/
	.disabled:not(input[type="radio"])		{
		pointer-events		:	none;
		border				:	none;
		outline				:	none;
		-webkit-appearance	:	none;
		-moz-appearance		:	none;
		appearance			:	none;
		background			:	transparent;
		resize				:	none;
	}

	input[type="radio"].disabled	{
		pointer-events		:	none;
		border				:	none;
	}

	.pos_relative{
		position	: relative;
	}
	.maru_cnt {
		display				:	inline-block;
		width				:	2rem;
		height				:	2rem;
		margin				:	0;
		padding				:	0;
		text-align			:	center;
		border-radius		:	50%;
		background-color	:	#03989E;
	}

	.border_none 		,
	.border_none 	*	{
		border				:	none;
	}

	/*	▼▼	レシポンシブ	▼▼ */
	.smh_disp			{
		display			:	none;
	}

	.flex								{
		display			: flex;				flex-direction	: row;
		justify-content	: flex-start;		align-items 	: stretch;
		flex-wrap		: nowrap;
	}

	.flex_center_x						{
		display			: flex;				flex-direction	: row;
		justify-content	: center;			align-items 	: stretch;
		flex-wrap		: nowrap;
	}
	.flex_btm						{
		display			: flex;				flex-direction	: row;
		justify-content	: center;			align-items 	: flex-end;
		flex-wrap		: nowrap;
	}

	.flex_between						{
		display			: flex;				flex-direction	: row;
		justify-content	: space-between;	align-items 	: center;
		flex-wrap		: nowrap;
	}

	.flex_between_h100p					{
		display			: flex;				flex-direction	: row;
		justify-content	: space-between;	align-items 	: stretch;
		flex-wrap		: nowrap;
	}

	.flex_right							{
		display			: flex;			flex-direction	: row;
		justify-content	: flex-end;		align-items 	: stretch;
		flex-wrap		: nowrap;
	}

	.flex_center_y						{
		display			: flex;			flex-direction	: row;
		justify-content	: flex-start;	align-items 	: center;
		flex-wrap		: nowrap;
	}

	.flex_column						{
		display			: flex;			flex-direction	: column;
		justify-content	: flex-start;	align-items 	: stretch;
		flex-wrap		: nowrap;
	}

	.flex_column_c						{
		display			: flex;			flex-direction	: column;
		justify-content	: center;		align-items 	: center;
		flex-wrap		: nowrap;
		height			:100%;
	}
	.flex_column_btm					{
		display			: flex;			flex-direction	: column;
		justify-content	: flex-start;	align-items 	: flex-end;
		flex-wrap		: nowrap;
		height			:100%;
	}

	.flex_align_y		{
		align-items 	: center;
	}

	.flex_grow_shrink	>	*	{

		flex-grow	: 1;
		flex-shrink	: 1;
	}

	.wrap {
		flex-wrap		: wrap;
	}

	.nowrap {
		flex-wrap		: nowrap;
	}

	/* スマホ用 */
	@media screen and (max-width: 800px) {

		.flex_smh							{
			display			: flex;				flex-direction	: row;
			justify-content	: flex-start;		align-items 	: stretch;
			flex-wrap		: nowrap;
		}

		.flex_c_smh							{
			display			: flex;				flex-direction	: row;
			justify-content	: flex-start;		align-items 	: center;
			flex-wrap		: nowrap;
		}

		.flex_cbetween_smh					{
			display			: flex;				flex-direction	: row;
			justify-content	: space-between;	align-items 	: center;
			flex-wrap		: nowrap;
		}

		.flex_cbetween_h100p_smh			{
			display			: flex;				flex-direction	: row;
			justify-content	: space-between;	align-items 	: stretch;
			flex-wrap		: nowrap;
		}

		.flex_right_smh						{
			display			: flex;			flex-direction	: row;
			justify-content	: flex-end;		align-items 	: stretch;
			flex-wrap		: nowrap;
		}

		.flex_center_smh					{
			display			: flex;			flex-direction	: row;
			justify-content	: flex-start;	align-items 	: center;
			flex-wrap		: nowrap;
		}

		.flex_column_smh					{
			display			: flex;			flex-direction	: column;
			justify-content	: flex-start;	align-items 	: stretch;
			flex-wrap		: nowrap;
		}

		.flex_column_c_smh					{
			display			: flex;			flex-direction	: column;
			justify-content	: center;		align-items 	: center;
			flex-wrap		: nowrap;
			height			:100%;
		}

		.wrap_smh			{
			flex-wrap		: wrap;
		}

		.nowrap_smh			{
			flex-wrap		: nowrap;
		}

		.flex_align_y_smh	{
			align-items 	: center;
		}

		.flex_grow_shrink_smh	>	*	{

			flex-grow	: 1;
			flex-shrink	: 1;

		}

	}
