@charset "utf-8";
/*--京 outside_hours.css--*/
/*--------PC--------*/
@media print, screen{
#content_body_inner h3{
	font-weight: bold;
}

	.oh_box{
		background: #fff;
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
		border-radius: 1rem;
		padding: 1.5em;
		margin: 2.5rem 2rem;
	}

	.oh_box h4{
		margin: 0 0 1.5em 0;
		padding-bottom: 0.5em;
		font-weight: bold;
		color: #333;
		border-bottom: 1px solid rgba(0,0,0,0.2);
		margin-bottom: 1em;
		line-height: 1.4;
	}

		.oh_box h4 .fs_small{
			font-size: 0.8em;
		}

	.oh_text{
		padding: 0 0.5em;
	}

	.oh_box ul.cir_list{}

		.oh_box ul.cir_list > li{
			position: relative;
			padding: 0 0 0 1.3em;
			margin: 0 0 0.75em 0;
		}

		.oh_box ul.cir_list > li:last-child{
			margin-bottom: 0;
		}

		.oh_box ul.cir_list > li::before{
			font-family: FontAwesome;
			content:"\f111";
			position: absolute;
			top: -0.05em;
			left: 0;
			color: #25298d;
		}

	.oh_box .notes{
		margin-top: 0.5em;
		font-size: 0.9em;
	}

	.oh_box p.notes{
		font-size: 1em;
	}

	.oh_box .notes li{
		position: relative;
		padding-left: 1.2em;
	}

	.oh_box .notes li::before{
		font-family: FontAwesome;
		content:"\f08e";
		position: absolute;
		top: 0;
		left: 0;
		color: #4cad8f;
	}

	.oh_box dt{
		font-weight: normal;
	}

	.oh_box .tel_info_wrapper{
		display: flex;
		align-items: center;
		gap: 1em;
	}

	.oh_box .tel_info{
		display: flex;
		align-items: center;
		gap: 1em;
		color: #25298d;
		line-height: 1;
		font-family: "BIZ UDPGothic", sans-serif;
		font-weight: 700;
	}

	.oh_box .tel_info dt{
		font-weight: bold;
		flex-shrink: 0;
	}

	.oh_box .tel_info dd{
		font-size: 1.4em;
		flex-shrink: 0;
	}

	.oh_box a[href^="tel:"]{
		color: inherit;
		pointer-events: none;
	}

	.oh_box .time_info{
		display: flex;
		flex-wrap: wrap;
		gap: 0.5em 2em;
		line-height: 1;
		font-size: 0.94em;
		margin: 0.5em 0;
	}

	.oh_box .time_info dl{
		display: flex;
		gap: 0.5em;
	}

	.oh_box .time_info dl dt,
	.oh_box .time_info dl dd{
		line-height: 1;
	}


	.lbl_uketsuke{
		color: #b80c00;
		font-weight: bold;
	}

	.fig_qr{
		width: 12rem;
		display: inline-block;
	}

	.fig_qr img{
		max-width: 100%;
		height: auto;
	}





}

/*ipad用*/
@media only screen
 and (min-device-width: 768px)
 and (max-device-width: 1024px) {

}


@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
/*#########main_box###########*/
	.oh_box{
		margin: 2rem 1rem;
		padding: 1em;
	}

	.oh_box h4{
		padding-left: 1.5em;
		line-height: 1.3;
	}

	.oh_box h4::before{
		position: absolute;
		top: 0.4em;
		left: 0.3em;
		margin-right: 0;
	}

	.oh_box a[href^="tel:"]{
		pointer-events: initial;
		color: #1d3994;
	}

	.oh_box .time_info{
		flex-direction: column;
		gap: 0.5em;
	}

	.oh_box .tel_info_wrapper{
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.fig_qr{
		display: none;
	}

}