@charset "utf-8";

/*

************************************************************************

 注意書き

************************************************************************

*/

.notice-frame

{

	padding:1em;

	border-radius:var(--border-radius);

	border:1px solid var(--body-frame-color);

	

	display: flex;

	flex-wrap: nowrap;

	align-items: flex-start;

}

.notice-frame > i

{

	font-size:2.0em !important;

	color:var(--body-icon-color);

	margin-right:0.5em;

}

.notice-frame > ul

{

	padding-left:1.05em;

	border-left:1px dashed var(--body-border-color);

	align-self: center;

}

.notice-frame > ul > li

{

	font-size:0.9em;

	color:var(--body-font-color);

	

	text-align: justify;

	text-justify: inter-ideograph;

}



/* ################################################################################################ */

/* ## TAB                        ################################################################## */

/* ################################################################################################ */

@media screen and (max-width:1040px) {

}



/* ################################################################################################ */

/* ## スマホサイト用スタイル ###################################################################### */

/* ################################################################################################ */

@media screen and (max-width:640px) {

	.notice-frame > i

	{

		font-size:1.5em !important;

	}

}