/*
 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.new	#conts_mid	.form_wrop	ul {
		width		:	auto;
		margin		:	0 auto;
	}
*/

	/* ▼	丸文字系 */
/*
	.no		{
		position		:	absolute;
		top				:	0;
		left			:	2rem;
	}
 */


	.no::before			{
		content				:	'';
		display				:	inline-block;
		width				:	2rem;
		height				:	2rem;
		margin				:	0;
		padding				:	0;
		text-align			:	center;
		border-radius		:	50%;
		color				: 	#fff;
		background-color	:	#aaa;
		margin-right		: 	1rem;
		line-height			:	2rem;

	}
	.no_01::before{		content	:	'1';	}
	.no_02::before{		content	:	'2';	}
	.no_03::before{		content	:	'3';	}
	.no_04::before{		content	:	'4';	}
	.no_05::before{		content	:	'5';	}
	.no_06::before{		content	:	'6';	}
	.no_07::before{		content	:	'7';	}
	.no_08::before{		content	:	'8';	}
	.no_09::before{		content	:	'9';	}
	.no_10::before{		content	:	'10';	}
	.no_plas::before{	content	:	'＋';	}

	.help::after{
		content				:	'？';
		display				:	inline-block;
		width				:	2rem;
		height				:	2rem;
		margin				:	0;
		padding				:	0;
		text-align			:	center;
		border-radius		:	50%;
		color				: 	#fff;
		background-color	:	#000;
		position			:	absolute;
		top					:	-0.5rem;
		right				:	-2.0rem;

	}

	/* wordpressのフロントログインヘッダ */
	/* #wpadminbar		{
		display			:	none;
	} */

	/* font-family: "BIZ UDP ゴシック" */

	@font-face {
		font-family: 'M PLUS';
		src: url('../../app/fonts/M_PLUS_1/MPLUS1-VariableFont_wght.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	body input	,
	body		{
		font-family		:	"M PLUS"
						,	"メイリオ"
						,	"ヒラギノ角ゴ Pro W3"
						,	"Hiragino Kaku Gothic Pro"
						,	Meiryo, Osaka, "ＭＳ Ｐゴシック"
						,	"MS PGothic"
						,	sans-serif;
		font-style		:	normal;
		font-weight		:	normal;
	}
/*
	a:hover:after		{
		border-bottom	: solid 2px #03989E;
	}
 */

	body #wrap02{
		padding			: 1rem;
	}

	body #heder_sec_left {
		font-size		: 1.25rem;
	}
	body #heder_sec_right {
		margin-right	: 2rem;
	}
	body #heder_sec_right > *	{
		margin-left		: 1rem;
	}

	a:hover		{
		position		:	relative;
	}
	a:hover:after		{
		position		:	absolute;
		content			:	'';
		left			:	0;
		bottom			:	0;
		display			:	inline-block;
		width			:	100%;
		/* border-bottom	:	solid 2px #03989E; */
	}

	a.button:hover:after		{
		border			:	none;
	}

/*

	#heder_sec a:hover		{
		position	: relative;
	}

	#heder_sec a:hover:after		{
		position		:	absolute;
		content			:	'';
		left			:	0;
		bottom			:	0;
		display			:	inline-block;
		width			:	100%;
		border-bottom	:	solid 2px #03989E;
	}
	#heder_sec a.button:hover:after		{
		border			:	none;
	}
 */

	a.button				,
	button					{
		font-size		:	0.8rem;
		border-radius	:	05px;
		padding			:	0.25rem 1rem;
		background		:	#aaa;
	}
	a.button.btn_top	,
	a.button.btn_return	{
		background		:	#888;
	}

	body.register .fld_wrop	,
	body.simulator .fld_wrop		{
		margin-bottom	:	1rem;
	}

	textarea					,
	select						,
	input						{
		border					: 	solid 1px #03989E;
		border-radius			:	0;
		padding					:	0.5rem 0.5rem;
		width					:	10rem;
	}
	select						{
		border-radius			:	06px;
	}

	textarea					{
		margin					:	0 1rem;
		width					:	100%;
	}


	#heder_sec_title	{
		margin-top		:	0.5rem;
		padding			:	0.1rem 1rem;
		background		: #F2F2F2;
	}

	.err_msg 	{
		margin-top		:	1rem;
	}

	.err_msg li	{
		margin		:	0	!important;
		color		:	#FF0000;
	}


	/*	▼	スライダー	Swiper 	*/
	.swiper			{
		margin-left	:	-7px !important;
	}

	.swiper	.is-layout-flex	{
		flex-wrap	:	nowrap !important;
	}
	.swiper-slide img {
		height		:	auto;
		width		:	100%;
	}
	.swiper-button-prev	,
	.swiper-button-next	{
		color		:	transparent;
	}
	.swiper-button-prev:hover	,
	.swiper-button-next:hover	{
		color		:	#03989E;
	}
	.swiper-pagination	span	{
		margin		:	0 0.25rem !important;
		background	:	#03989E;
	}
	/*	▲	スライダー	Swiper 	*/


	/*	404	＆	アクセス禁止		*/
	body.no_access		,
	body.error404		{
		background		:	#eee;
	}

	body.no_access	#wrap02		,
	body.error404	#wrap02		,
	body.error404	.page_cont	{
		background		: transparent;
	}

	/*	404							*/
	.data_none	{
		margin			: 1rem;
		padding			: 2rem 3rem;
		background		: none;
		text-align		: left;
	}

	/*	アクセス禁止		*/
	.no_access_msg	{
		margin			: 1rem;
		padding			: 2rem 3rem;
		background		: #fff;
		text-align		: left;
	}

	/*		シミュレータ	ヘッダー		*/
	body.simulator 	#heder_sec		{
		border-bottom	:	solid 1px #333;
	}
	body.simulator 	#heder_sec_wrap	{
		align-items		:	flex-end;
		padding			:	0	1rem;
	}

	body.simulator	#hed_sec_left	img	{
		width			:	auto;
	}

	body.simulator 	#hed_nav_left	#img_logo	{
		width			:	15rem	!important;
		margin-right	:	1rem;
	}
	body.simulator 	#hed_nav_left	#img_company	{
		position		:	relative;
		top				:	1.75rem;
		font-size		:	1.25rem;
	}
	body.simulator 		#hed_sec_right		{
		background		:	none;
		padding			:	0;
	}
	body.simulator 		#hed_sec_right	ul	{
		justify-content	:	space-between;
		align-items		:	flex-end;
	}
	body.simulator 		#hed_sec_right	li.btm	{
		position		:	relative;
	}
	body.simulator 		#hed_sec_right	ul.lv2	{
		align-items		:	center;
		position		:	absolute;
		left			:	0;
		bottom			:	-1.65rem;
		width			:	100%;
		background		:	#fff;
		display			:	none;
		z-index			:	1;
	}
	body.simulator 		#hed_sec_right	ul	ul	li	{
		background		:	#fff;
	}
	body.simulator 		#hed_sec_right	ul	ul	li	{
		padding			:	0.5rem;
		width			:	100%;
		border			:	solid 1px #aaa;
	}
	body.simulator 	 #hed_sec_right li.btm	.lv1 >	*:nth-child(2)	{
		margin			:	0 1rem;
	}
	body.simulator 	 #hed_sec_right li.btm:hover	ul	{
		display			:	flex;
	}
	body.simulator 	 #hed_sec_right li.btm:hover	ul ul	{
		display			:	flex;
		width			:	auto;
	}



	/* セクション	コピーライト 	*/
	#copy_right {
		font-size		:	0.90rem;
		color			:	#7F7F7F;
		text-align		:	left;
		padding-left	:	1rem;
	}

	/*	▼▼	レシポンシブ	▼▼ */
	body.simulator	#smh_msg	{
		display	:	none;
	}

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

		body.simulator	#smh_msg{
			color			: 	red;
			display			:	block;
			text-align		:	center;
			padding			:	1rem 0;
			border-bottom	:	solid 1px #333;
		}

		body.simulator	#wrap01	{
			width			:	100%;
		}
		body.simulator	#heder_sec_wrap		{
			align-items		:	center;
		}

		body.simulator	#heder_sec_wrap	*	{
			flex-wrap		:	wrap;
		}
		body.simulator	#heder_sec_wrap	> *	{
			align-items		:	center;
			flex-direction	:	column;
		}
		body.simulator	#heder_sec_wrap	ul	{
			align-items		:	center;
		}
		body.simulator	#heder_sec_wrap	ul	ul	{
			display			:	flex;
			position		:	relative;
		}
		body.swiper-slide img {
    		height			:	100%;
    		width			:	auto;
		}

		/* 	メニュー	*/
		body.simulator	#hed_menu_icon	{
			position		:	fixed;
			font-size		:	2rem;
			z-index			: 	10;
			width			:	100%;
		}

	}