/*
 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
 */

	body.wp		#wrap02		{
		padding				: 	0;
	}

	/*		▼	ヘッダー	*/

	body.wp		#heder_sec_center		{
		justify-content		: 	center;
	}
	body.wp		#heder_sec_center li	{
		width				: 	10rem;
	}
	body.wp		#heder_sec_nav			{
		padding				:	1rem	0;
	}
	body.wp		#heder_sec_nav li		{
		padding				: 	0 2.0rem;
	}

	body.wp		#heder_sec_nav		,
	body.wp		#heder_sec_center	{
		background			:	rgba(	0	,115	,112	,090%	);
	}

	/*		▼	ヘッダー	イメージ	*/
/*
	body.page	#heder_sec_img_txt	{
		position			:	absolute;
		bottom				:	05rem;
		left				:	03rem;
		text-align			:	left;
	}

	body.page	#heder_img_title	{
		font-size			:	1.75rem;
		margin-bottom		:	2rem;
	}
	body.page 	#heder_img_txt	p	{
		font-size			:	1.00rem;
	}
	*/

	body.page 	#heder_sec_img_txt	{
		z-index				:	1;
	}
	body.page 	#heder_img_title	,
	body.page 	#heder_img_txt		{
		z-index				:	2;
	}

	/*		▼	ページ ボタンログインナビ */
	body.page	.navi_login		{
		padding				:	2.0rem 1.0rem 2.0rem 0;
		flex-wrap			:	wrap;
	}
	body.page	.navi_login	a.button{
		padding				:	0.75rem 1.5rem;
		font-size			:	1rem;
	}
	body.page	.navi_login .left_txt_wrp	{
		align-items			: 	flex-end;
	}
	body.page	.navi_login	.right_btn_wrp div:nth-child(1)	{
		margin				: 	0 1.0rem;
	}
	body.page	.navi_login			{
		background			:	rgba(	64	,64		,64		,080%	);
	}
	body.page	.navi_login	p	{
		margin				:	0;
	}
	/*		▲	ページ	ボタンログインナビ	*/

	/*		メッセージ	コンテンツトップの上	*/
	#conts_msg				{
		text-align			: 	left;
		width				: 	100%;
		margin				: 	1rem 0;
	}

	#conts_msg				li	{
		color				:	#333
	}
	#conts_msg	.msg_sys	li	{
		padding				:  	0.25rem	1.0rem;
		margin				:  	0.10rem	0;
		border				:	solid	1px	#c3c4c7;
		border-left			:	solid	4px	#00a32a;
		width				: 	100%;
		background			: 	#fff;
	}
	#conts_msg	.msg_nomal	li	{
		border-left			:	solid	4px	#00a32a;
	}
	#conts_msg	.msg_error	li	{
		border-left			:	solid	4px	#d63638;
	}
	#conts_msg	.msg_sys	a	{
		color				:	#03989E;
		display				: 	inline-block;
		width				:	auto;
	}


	#hed_err_msg	li	,
	#hed_normal_msg	li	{
		padding			:  	0.50rem	1.0rem;
		margin			:  	0.10rem	0;
		border-radius	:	6px;
	}

	#hed_normal_msg	li	{
		background		: skyblue;
	}

	#hed_err_msg	li	{
		color			: red;
		background		: pink;
	}

	/*	ナビ	トップ＆ボトム	*/
	.menu_nav		ul	{
		justify-content	:	center;
		background		: #333;
	}
	.menu_nav		a	{
		padding			:	0.5rem 1rem;
		background		: #333;
		color			: #fff;
	}
	.menu_nav		a:hover			{
		background		: rgba(255,255, 255, 50%);
	}

	/*	チェックボックス枠	*/
	/* .chk_wrp			{
		align-items 	: 	center;
	}
	.chk_wrp	label	{
		margin-right	:	1rem;
	} */

	/*	エラーメッセージ	*/
	#hed_err_msg		{
		text-align			: left;
	}

	/*	コンテンツ	入力枠	*/
	#ipt_worp	>	*			{
		margin					:	0.5rem	0;
	}

	/*	ファイルアップロード	*/
	.drop_worp {
		background			:	#eee;
		border				:	3px dashed #ccc;
		border-radius		:	5px;
		padding				:	0.5rem;
		text-align			:	center;
		width				:	100%;
	}

	.drop_worp label 		{
		width				:	100%;
	}

	.drop_worp li{
		border				:	solid 1px #ccc;
	}

	.drop_worp label:hover {
		cursor				:	pointer;
	}

	.drop_worp label input[type="file"] {
		display				:	none;
	}

	.drop_worp label svg {
		width				:	3rem;
		fill				:	currentColor;
		color				:	#bbb;
	}

	.drop_worp .preview_worp {
		flex-wrap			:	wrap;
		/* margin				:	1rem auto; */
	}
	.drop_worp .preview_worp	{
		justify-content		:	center;
	}
	.drop_worp .preview_worp li {
		margin				:	1.00rem;
	}
	.drop_worp .preview_worp .li_worp {
		position			:	relative;
		padding				:	1.00rem;
	}
/*
	.drop_worp .preview_worp .img_worp{
		position			:	relative;
	}
*/

	.drop_worp .preview_worp button {
		position			:	absolute;
		top					:	-1.00rem;
		right				:	-1.00rem;
		border-radius		:	100%;
		width				:	2.0rem;
		height				:	2.0rem;
		padding				: 	0;
		margin				:	0;
		text-align			: 	center;
	}

	.drop_worp .preview_worp img {
		width				:	100px;
		height				:	auto;
		border-radius		:	1rem;
	}
	.drop_worp 	label 		{
		width				:	auto !important;
	}
	.drop_worp 	input[type="text"] {
		width				:	100%;
	}

	/* 	ソート */
	.sort_relative{
		position			:	relative;
	}
	.sort_absolute{
		position			:	absolute;
	}
	.sort_disp_none{
		display				:	none;
	}
	.sort_hidden	>	*	{
		visibility			:	hidden;
		/* opacity				:	0; */
	}

	.sort_ins	{
		border				:	solid 2px blue		!important;
	}

/*
	//	下記	テスト用
*/
/*
	.sort_move_left		{
		border				:	none;
		border-left			:	solid 3px red		!important;
	}
	.sort_move_right	{
		border-right		:	solid 3px red		!important;
	}
	.sort_move_top		{
		border-top			:	solid 3px red		!important;
	}
	.sort_move_bottom	{
		border-bottom		:	solid 3px red		!important;
	}
 */


/*
	.sort_move_top::before		{
		border-top			:	solid 1px blue		!important;
		content				:	"";
		display				:	block;
	}
	.sort_move_bottom::after	{
		border-bottom		:	solid 1px blue		!important;
		content				:	"";
		display				:	block;
	} */

	/*	アイコン	*/
	/* .font_awesome input{
		font-family: FontAwesome;
	} */
	input.font_awesome::placeholder	{
		font-family: FontAwesome;
	}

	/*	ローダー		*/
	#loder_icon		{
		display				:	none;
		position			:	fixed;
		top					:	0;
		left				:	0;
		width				:	100%;
		height				:	100%;
		z-index				:	999999;
		background			: rgba(0, 0, 0, 20%);
		justify-content		:	center;
		align-items			:	center;
		text-align			:	center;
	}

	/*	ローダー		*/
	#loder_icon	img			{
		width				:	06rem;
		display				:	block;
		margin				:	0 auto;
		margin-top			:	20rem;

	}


	/*	個別		*/
	/*
	body		.page_cont		{
		background				:	#F2F2F2;
	}
	body		.page_post		{
		background				:	#fff;
	}
	*/

	/* ヘッド		*/

	body	#hed_sec_left	{
		justify-content		:	space-between;
		text-align			:	left;
	}
	body	#hed_sec_left	img	{
		width				:	150px;
	}
	body	#hed_sec_right		{
		padding				:	0.5rem 1.0rem;
		background			:	#eee;
		border-radius		:	10px;
	}
	body	#hed_sec_right	ul	{
		justify-content		:	space-between;
	}

	body		#right_txt 		{
		font-size			:	0.8rem;
		margin-bottom		: 	0.25rem;
	}
	body		#right_nav	.button			{
		font-size			:	0.8rem;
		width				:	6rem;
		background			: 	#aaa;
	}

	/* ヘッド	ナビゲーションメニュー		*/
	body		#heder_sec_nav li	{
		padding				: 	0 1.0rem;
		position			:	relative;
	}
	body		#heder_sec_nav li li	{
		display				: 	none;
		position			:	absolute;
		background			:	rgba(255, 255, 255, 10%);
		width				:	auto;
	}
	body		#heder_sec_nav li.p_1991:hover		li	{
		display				: 	block;
		position			:	absolute;
		left				:	0;
	}

	body		h2			,
	body		h1			{
		padding-left			:	0.5rem;
	}




	/*	機能		*/

	body.function	.page_cont		,
	body.concept	.page_cont		{
		position				: 	relative;
	}

	body.function	.page_post	.wp-block-gallery	,
	body.concept	.page_post	.wp-block-gallery	{
		display			: flex;			flex-direction	: column;
		justify-content	: flex-start;	align-items 	: stretch;
		flex-wrap		: nowrap;
	}

	body.function	.page_post	.wp-block-gallery:where(.is-layout-flex)	,
	body.concept	.page_post	.wp-block-gallery:where(.is-layout-flex)	{
		gap				:	unset;
	}

	body.function	.page_post	.wp-block-gallery	.wp-block-image	,
	body.concept	.page_post	.wp-block-gallery	.wp-block-image	{
		width				:	100% 	!important;
		margin-bottom		:	0.5rem	!important;
	}

	/*	パートナー企業・団体		*/
/*
	body.about	.page_post			,
	body.partner	.page_post			{
		padding					: 	1rem 4rem;
		background				:	#F2F2F2;
	} */

	body.about 	#contet_navi	,
	body.partner	#contet_navi	{
		margin-top				: 	0.5rem;;
	}


	body.about 		#contet_navi	,
	body.partner	#contet_navi	,
	body.function	#contet_navi	,
	body.concept	#contet_navi	{
		padding					: 	1rem 4rem;
		background				:	#F2F2F2;
	}

	#btn_del			{
		background		:	pink !important;
		color			: 	red !important;
	}

	#btn_del:focus				,
	#btn_del:active				{
		border					: 	solid 2px red;
		outline-color			: 	red;
	}

	.btn_login			{
		background		:	#00A8A8 !important;
		color			: 	#fff !important;
	}
	.btn_contact		{
		background		:	#1F628E !important;
		color			: 	#fff !important;
	}


	/*	▼▼	レシポンシブ	▼▼	*/
	/* #wrap_sec{
		position	:	relative;
	} */

	/* スマホ用 */
	@media screen and (max-width: 800px) {

		/*		▼	ページ ボタンログインナビ */
		body.page	.navi_login		{
			justify-content		:	center;
			flex-wrap			:	wrap;
		}
		body.page .navi_login .left_txt_wrp	{
			align-items			:	center;
			margin-bottom		:	1rem;
		}

		body #heder_sec_nav li	{
			border-top	:	solid 1px #aaa;
		}
		body #heder_sec_nav li:nth-child(1)	{
			border		:	none;
		}
	}

	/* 命令 */
	.disp_none_front	{
		display			: none;
	}