/*
 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
 */
/*
  コンテンツポジション

  #wrap01
	|
  #wrap02
	|
  #wrap_sec
	|
	+--#heder_sec---+--#heder_sec_img---+
	|				+--#heder_sec_wrap--+
	|				|					|---#heder_sec_left
	|				|					|---#heder_sec_site_info
	|				|					|---#heder_sec_right
	|				|					|---#heder_sec_dlog_search
	|				|					+---#heder_sec_dlog_menu
	|				+--#hed_smh_menu_ipt
	|				+--#heder_sec_nav
	|				|--#heder_sec_title-+---.title_cat	(or)
	|							  		|---.wp_title	(or)
	|
	+--#main_sec----+
	|				|--#main_topconts_
	|				|--#main_mid--------+---#mid_wrop-+---.msg_nomal
	|				|					|				|---#conts_top
	|				|					|				|---#conts_mid--+---#pages---------.page_cont-------+---.page_post_bef
	|				|					|				|				|									|---.page_title----+---.wp_title	(or)
	|				|					|				|				|									|					+---.title_cat	(or)
	|				|					|				|				|									|---.post_icat
	|				|					|				|				|									+---.$page_post
	|				|					|				|				|									+---.$page_meta
	|				|					|				|				|									|---.page_post_aft
	|				|					|				|				|---.pages_next_page
	|				|					|				|				|---.pages_navi_worp
	|				|					|				|				+---#pages_comment
	|				|					|				|
	|				|					|				+---#conts_btm
	|				|					+---#mid_left(.side_wrap)
	|				|					+---#mid_right(.side_wrap)
	|				|--#main_btm
	|
	+--#foot_sec----+--#foot_sec_nav
	|				|--#foot_sec_wrap---+---#foot_sec_left
	|									+---#foot_sec_right
	|
	+--#copy_right

*/

	#body{
		text-align: center;
	}

	#wrap01		{
		margin: 0 auto;
		text-align: center;
	}

	/*  セクション	ヘッダー	*/
	#heder_sec	{
		position		: 	relative;
	}
/*
	#heder_sec_wrap	{
		position		: 	absolute;
		top				:	0;
		left			:	0;
		z-index			:	1;
		width			:	100%;
	}
*/

	/*  セクション	メイン	サイド	*/
	.worp_side		{
		background		:	lightcyan;
		flex-direction	: 	column;
		text-align		:	left;
	}

	/* コンテンツ	中央 	コンテンツ群	*/
	#pages{
		/* flex-direction	:	column; */
		text-align		:	left;
	}

	#main_sec {
		overflow		: 	hidden;
	}

	/*  セクション	メイン	トップ	*/
	#main_top	{
		justify-content	:	center;
		padding			:	0.5rem 1rem;
		background: lightcoral;
	}

	/* コンテンツ	中央 	コンテンツ群	*/
	#main_mid{
		justify-content	:	center;
		width			: 	100%;
		/* padding			:	0.5rem 1rem; */
	}

	/*  セクション	メイン	ボトム	*/
	#main_btm	{
		justify-content	:	center;
		padding			:	0.5rem 1rem;
	}
	#main_btm	nav	ul	{
		width			:	50%;
		margin			:	0 auto;
	}

	/* セクション	フット			*/
	#foot_sec	{
		justify-content	:	center;
		/* background: lightcoral; */
		padding			:	0.5rem 1rem;
	}

	/*  セクション	メイン	中央	*/
	#mid_wrop	{
		order				:	2;
		flex-direction		:	column;
		align-items			:	center;
		/* flex-grow			: 1;
		flex-shrink			: 1; */
		padding				: 	1rem 0;
		width				: 	100%;
		text-align			: 	center;
		flex-grow			: 	1;
		flex-shrink			: 	1;
	}

	/*  左右	*/
	#mid_left	{
		order				:	1;
		background: lightseagreen;
	}
	#mid_right	{
		order				:	3;
		background: lightgreen;
	}
	.side_worp		li		{

		position				:	relative;
		background				:	#333;

	}
	.side_worp		li		{

		flex-direction			: 	column;

	}
	.side_worp 	ul	ul	li > *		{
		padding-left			: 	1rem;
	}

	/* コンテンツ		*/
	#conts_top	,
	#conts_mid	,
	#conts_btm	{
		text-align			: 	left;
		width				: 	100%;
		justify-content		:   center;
		flex-grow			: 	1;
		flex-shrink			: 	1;
		flex-wrap			:	wrap;
	}

	/* コンテンツ	トップ 	*/
	#conts_top	{
		text-align			: 	left;
	}
	#conts_top	>	*		{
		width				: 	100%;
	}

	/* コンテンツ	中央 	*/
	#conts_mid	{
		/* text-align			: 	center;
		justify-content		:   center; */
	}

	/* セクション	フットナビ 	*/
	#foot_sec_nav_wrp	{
		text-align			: 	center;
		flex-wrap			:	wrap;
		/* background: lightcoral; */
	}
	#foot_sec_nav_wrp	>	*	{
		text-align			: 	center;
		padding				:	0.5rem	1rem;
	}
	#foot_sec_nav_wrp	.p_1616	{
		color				: 	#00A8A8;
	}


	/* セクション	コピーライト 	*/
	#copy_right	{
		flex-direction		:	column;
		text-align			: 	center;
		padding				:	0.5rem;
		/* background: lightcoral; */
	}
	#copy_right		>	*	{
		padding				: 0.5rem	0;
	}
	#to_top					{
		letter-spacing		: 1.00rem;
		text-indent			: 1.00rem;
	}

	.side_wrap				,
	.side_wrap	ul			{
		flex-direction		: column;
		width				: 15rem;
	}
/*
	.side_wrap	ul			{
		margin-bottom		: 1rem;
	}
	 */
	.side_wrap	li			{
		text-align		: left;
	}
	.side_wrap	a			{
		background		: #333;
		color			: #fff;
		padding			: 0.5rem 0.5rem;
	}

	/*	コンテンツ		*/
	.cont_wrp				{
		display			: inline-block;
	}

	/*	404		*/
	body.error404		{
		background		:	#eee;
	}
	body.error404	#wrap02	{
		background		: transparent;
	}
	.data_none	{
		margin			: 1rem;
		padding			: 2rem 3rem;
		background		: #fff;
		text-align		: left;
	}

	/*	トップページのヘッダー	*/
	#heder_sec_img_wop		{
		position		:	relative;
	}
	#hed_sec_center		h1	{
		padding			:	0;
	}

	/*	スマホメニュー		*/
	#heder_smh_menu_worp	{
		position		:	fixed;
		top 			:	2.70rem;
		left			:	1.00rem;
		font-size		:	2rem;
		display			:	none;
		z-index			:	10;
	}
	#hed_smh_menu_icon	,
	#hed_smh_menu_ipt	{
		display			:	none;
	}


	/*	▼▼	レシポンシブ	▼▼ */
	/* #hed_smh_menu_icon		{
		display			:	none;
	} */

	/* スマホ用 */
	@media screen and (max-width: 800px) {
		html	{
			padding			:	0 !important;
			margin			:	0 !important;
		}
		#heder_smh_menu_worp	,
		#hed_smh_menu_icon		{
			display			:	block;
		}
		#heder_sec_wrap{
			flex-direction	:	column;
		}
		#hed_sec_left	a	{
			text-align		:	center;
			margin			:	0.5rem 0;
		}
		#hed_smh_menu_ipt:checked ~	#heder_sec_nav	{
			display			:	block;
		}
		#heder_sec_nav		{
			position		:	fixed;
			z-index			: 	10;
			background		:	#fff;
			padding			:	0	!important;
			width			:	80%;
			top				:	6.5rem;
			display			:	none;
		}
		#heder_sec_nav	li	{
			padding			:	0.75rem	0	!important;
		}
		#main_btm	nav	ul	{
			width			:	90%;
		}
	}