/*
 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%;
	}

	body{

		margin		:	0;
		padding		:	0;
		color		:	#333;
		font-size	:	1.00em;

	}

	body textarea,
	body input,
	body {
			font-family		:	"メイリオ"
							,	"ヒラギノ角ゴ Pro W3"
							,	"Hiragino Kaku Gothic Pro"
							,	Meiryo, Osaka, "ＭＳ Ｐゴシック"
							,	"MS PGothic"
							,	sans-serif;
			font-style		:	normal;
			font-weight		:	normal;
			/* line-height		:	2.00rem; */
		}

	body	*	{
		box-sizing: border-box;
	}


	figure		,
	p			{
		margin: 0;		padding: 0;
	}

	label	,
	a		{
		display			:	 block;
	}
	span	{
		display			:	inline-block;
	}
	span	,
	i		{
		pointer-events	:	none;
	}

	/* 	リスト	*/
	ul			{
		margin: 0;		padding: 0;
		width: 100%;
	}


	li		{
		list-style-type		:	none;
		list-style-position	:	inside;
		padding				: 	0;
	}
/*
	li	li	{
		padding-left	:	1rem;
	}
	 */

	img	{
		width: 100%;		height: auto;
		margin			:	0;	padding: 0;
		border			:	none;
		word-wrap		:	break-word;
		vertical-align	:	bottom

	}

	figcaption	{
		visibility		:	hidden;
	}

	/*	入力系		*/
	textarea					,
	select						,
	input						{
		border					: 	solid 1px #999;
		border-radius			:	05px;
		padding					:	0.75rem 1rem;
		width					:	20rem;
		font-size				:	1rem;
	}
	select						{
		height					: 	2.0rem;
		padding					:	0 0.5rem	!important;
	}
	textarea					{
		margin					:	0 1rem;
		width					:	100%;
	}

	textarea:hover				,
	select:hover				,
	input:hover					{
		border					: 	solid 1px blue;
	}

	textarea:focus				,
	select:focus				,
	input:focus					{
		border					: 	solid 2px blue;
		outline-color			: 	blue;
	}


	input[type='radio']		,
	input[type='checkbox']	{
		width			:	auto	!important;
		margin			:	0;	padding: 0;

	}

	input[type='checkbox'] + label			{
		margin-left	:	1.0rem;
	}
	label	+	input[type='checkbox'] 		{
		margin-left	:	1.0rem;
	}

	input[type='checkbox'] + label:hover 	,
	input[type='checkbox']:hover			{
		cursor			:	pointer;
	}

	button					,
	input[type='button']	,
	input[type='submit']	{
		width			:	inherit;
		padding			: 0.30rem	0.50rem;
	}

	button						,
	input[type='button']:hover	,
	input[type='submit']:hover	{
		cursor 		:	pointer;
	}

	input[fld_type='numeric']	,
	input[fld_type='decmal']	,
	input[type='number'		]	{
		text-align: right;

	}

	input[fld_type='date'		]	,
	input[fld_type='time'		]	,
	input[fld_type='dateTime'	]	,
	input[fld_type='timestamp'	]	,
	input[type='date'			]	,
	input[type='datetime'		]	,
	input[type='datetime-local'	]	{
		text-align: center;
	}

	button:focus				,
	input[type='button']:focus	,
	input[type='submit']:focus	,
	button:active				,
	input[type='button']:active	,
	input[type='submit']:active	{
		border					: 	solid 2px blue;
		outline-color			: 	blue;
	}
	input[type='color']		{
		padding			:	0.1rem;
	}

	/* 	リンク	*/
	a				{
		text-decoration	:	none;
		/* width			:	100%; */
	}
	a img			{ border-style		: none; }
	a img:hover		{ opacity			: 0.5; }
	a:hover		,
	a:active	,
	a:visited	,
	a:link		{
		color		: inherit;
	}
	li a			{
		width				:	100%;
		white-space			:	nowrap;
	}

	button:hover	,
	a:hover			{
		border-style		:	none;
		opacity				:	50%;

	}

	/* 	ボタン	*/
	a.button				{
		display				:	flex;
		flex-direction		:	column;
		justify-content		:	center;
		align-items			:	center;
		flex-wrap			:	nowrap;
	}

	a.button				,
	button					,
	input[type='button']	{

		background			:	black;
		color				:	#fff;
		border				:	none;
		padding				:	0.5rem	1rem;
		border-radius		: 	10px;
		font-size			: 	0.90rem;
		text-align			: 	center;
		white-space			:	nowrap;

	}

	button						,
	input[type='button']:hover	,
	input[type='submit']:hover	{
		cursor 		:	pointer;
	}


	h1	{ font-size: 1.40rem; margin: 0px; padding: 0px; font-weight: normal; 	line-height: 2.00rem;	padding: 1.00rem	0;	text-align: center;	}
	h2	{ font-size: 1.30rem; margin: 0px; padding: 0px; font-weight: normal; 	line-height: 2.00rem;	padding: 1.00rem	0;	}
	h3	{ font-size: 1.20rem; margin: 0px; padding: 0px; font-weight: normal; 	line-height: 1.00rem;	padding: 1.00rem	0;	}
	h4	{ font-size: 1.10rem; margin: 0px; padding: 0px; font-weight: normal; 	line-height: 1.00rem;	padding: 1.00rem	0;	}
	h5	{ font-size: 1.00rem; margin: 0px; padding: 0px; font-weight: normal; 	line-height: 1.00rem;	padding: 1.00rem	0;	}
	h6	{ font-size: 1.00rem; margin: 0px; padding: 0px; font-weight: normal; 	line-height: 1.00rem;	padding: 1.00rem	0;	}

	table	{
		border-collapse	:	collapse;
		border			:	none;
		border-spacing	:	0;
		font-size		:	1.00rem;
		table-layout	:	fixed;
	}

	table thead		td		{	text-align:center;			}
	table tfoot		td		{	text-align:center;			}

	table th	{
		text-align		:	center;
		font-weight		:	normal;
	}

	table td	{
		margin			:	0;
		padding			:	0;
		text-align		:	left;
	}

	table td >	* {
		width		:	100%;
	}

	/*	入力系		*/
	table 	td textarea			,
	table 	td input			{
		width					:	100%;
	}
	table 	input[type='radio'		]	,
	table 	input[type='checkbox'	]	{
		width		:	auto;
	}

	table	textarea 	,
	table	select 	,
	table	input	{
		margin			: 	0;
		width			: 	100%;
		border			: 	none;
		font-size		:	1rem;
	}

	/*	テーブル		罫線		*/
	table 			{
		border-left			:	1px solid #03989E;
		border-top			:	1px solid #03989E;
		width				:	100%;
	}
	table th		,
	table td		{
		border-right		:	1px solid #03989E;
		border-bottom		:	1px solid #03989E;
		overflow			: 	hidden;
		white-space			:	nowrap;
	}

	/*	テーブル		リスト型		*/
	table.multi					,
	table.list					{
		width			:	100%;
		overflow		:	hidden;
	}

	table.multi		thead		,
	table.multi		tbody		,
	table.multi		tfoot		,
	table.list		thead		,
	table.list		tbody		,
	table.list		tfoot		{
		border			:	1px solid #aaa;
	}

	table.multi		thead	th	,
	table.multi		thead	td	,
	table.multi		tfoot	th	,
	table.multi		tfoot	td	,
	table.list		thead	th	,
	table.list		thead	td	,
	table.list		tfoot	th	,
	table.list		tfoot	td	{
		background		: #fff;
		text-align		: left;
		padding-left	: 1rem;
	}

	table.multi		tbody:nth-child(odd)	tr	,
	table.list		tbody:nth-child(odd)	tr	{
		background		: #eee;
	}

	table.multi		tbody:nth-child(even)	tr	,
	table.list		tbody:nth-child(even)	tr	{
		background		: #fff;
	}


	table.multi		tbody	td	,
	table.list		tbody	td	{
		padding			: 0.25rem 1rem;
	}

	table.multi		tbody	a	,
	table.list		tbody	a	{
		text-decoration	:	underline;
		color			:	dodgerblue;
	}


	.maru_no {
		width			:	50px;
		height			:	50px;
		margin-right	:	15px;
		margin-bottom	:	5px;
		padding-top		:	13px;
		background		:	#4ff8b7;
		border-radius	:	50%;
		text-align		:	center;
		box-sizing		:	border-box;
		font-weight		:	bold;
	}

	.icon		,
	.icon	i	{
		font-size		:	1.75rem;
	}
	img.icon	{
		width			:	1.75rem;
	}
/*
		.contents	{
			counter-reset: 0;
		}


		 */


	/* スクロールバー */
	.scrollbar_ctm {
		overflow		:	auto;
		--sb-track-color: #eee;
		--sb-thumb-color: rgba(127, 127, 127, 100%);
		--sb-size: 05px;

		scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
	}

	/*	Firefox は ::-webkit-scrollbar セレクターをサポートしていません。	*/
	/* スクロールの幅の設定 */
	.scrollbar_ctm::-webkit-scrollbar {
		width		: 10px;
		height		: 10px;
	}

	/* スクロールの背景の設定 */
	.scrollbar_ctm::-webkit-scrollbar-track {
		border-radius	: 5px;
		background		: #eee;
	}

	/* ドラックできるスクロール部の設定 */
	.scrollbar_ctm::-webkit-scrollbar-thumb {
		border-radius	: 5px;
		background		: rgba(127,127,127,100%);
	}

	/*	スライダー	Swiper 	*/
	.swiper			{
		display		:	none;					/* //	Jsが起動するまで表示させない */
	}