@charset "utf-8";

/* ------------------------------ */
/* ▼ block 要素 ▼ */

:root{
	--margin-center:0 auto;
	--col-link:#0044CC;
	--col:230;
	--col-red:0;
	--col-gray:0;
	--col-orange:25;
	--col-brown:30;
	--col-yellow:60;
	--col-green:110;
	--col-skyblue:185;
	--col-blue:230;
	--col-purple:265;
	--col-pink:300;
}



div,
table,
td,
th,
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd
{
	margin: 0;
	padding: 0;
	float: none;
	border-collapse:collapse;
	list-style:none;
	line-height:1.82;
}
*{
	box-sizing:border-box;
}	

br{
	display:block;
	content:"";
	margin:16.2px 0px;	
}

._disp_grid,
._grid,
*[class^="grid-border"]
{
	display:grid;
}

._disp_flex,
._flex,
*[class^="_flex"]
{
	display:flex;
	flex-wrap:wrap;
}


*[class^="_grid_border"] > *,
*[class^="_flex_border"] > *
{
	border:1px solid hsl(var(--col),100%,95%);
	padding:.5vw 1vw;
	margin:-1px 0px 0px -1px;
}

*[class^="_flex_border"] > *
{
	margin:0 .5vw 1vw !important;
}


/* ▼ block 要素 ▼ */
/* ------------------------------ */

/* ------------------------------ */
/* ▼ BOX 関連 ▼ */


.fl_l{
	float:left;	
}
.fl_r{
	float:right;	
}

.disp_none{
	display:none;	
}

.after_clear:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


/*-----------------------------------*/
/* 角丸 */

.radius_s{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}


.radius_m{
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.radius_b{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}

.radius_g{
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}


/* 角丸 */
/*-----------------------------------*/


/* 円 */

*[class*="circle"]{
	aspect-ratio: 1 / 1;
}

.foreground{
	z-index:99999;	
}

.fixed{
    position: fixed;
}

.block{
	display:block;
}

.inline-block,
.inline{
	display:inline-block;
}


._mgt_s{
	margin-top:1vw !important;
}

._mgt_m{
	margin-top:1.5vw !important;
}

._mgt_b{
	margin-top:2vw !important;
}

._mgt_g{
	margin-top:3vw !important;
}

._mgt_mb{
	margin-top:5vw !important;
}


._mgb_s{
	margin-bottom:1vw !important;
}

._mgb_m{
	margin-bottom:1.5vw !important;
}

._mgb_b{
	margin-bottom:2vw !important;
}

._mgb_g{
	margin-bottom:3vw !important;
}

._mgb_mb{
	margin-bottom:5vw !important;
}


._mgl_s{
	margin-left:1vw !important;
}

._mgl_m{
	margin-left:1.5vw !important;
}

._mgl_b{
	margin-left:2vw !important;
}

._mgl_g{
	margin-left:3vw !important;
}

._mgl_mb{
	margin-right:5vw !important;
}

._mgr_s{
	margin-right:1vw !important;
}

._mgr_m{
	margin-right:1.5vw !important;
}

._mgr_b{
	margin-right:2vw !important;
}

._mgr_g{
	margin-right:3vw !important;
}

._mgr_mb{
	margin-right:5vw !important;
}




._pdt_s{
	padding-top:1vw !important;
}

._pdt_m{
	padding-top:1.5vw !important;
}

._pdt_b{
	padding-top:2vw !important;
}

._pdt_g{
	padding-top:3vw !important;
}

._pdb_s{
	padding-bottom:1vw !important;
}

._pdb_m{
	padding-bottom:1.5vw !important;
}

._pdb_b{
	padding-bottom:2vw !important;
}

._pdb_g{
	padding-bottom:3vw !important;
}

._pdb_mb{
	padding-bottom:5vw !important;
}


._pdl_s{
	padding-left:1vw !important;
}

._pdl_m{
	padding-left:1.5vw !important;
}

._pdl_b{
	padding-left:2vw !important;
}

._pdl_g{
	padding-left:3vw !important;
}

._pdl_mb{
	padding-right:5vw !important;
}

._pdl_s{
	padding-right:1vw !important;
}

._pdr_m{
	padding-right:1.5vw !important;
}

._pdr_b{
	padding-right:2vw !important;
}

._pdr_g{
	padding-right:3vw !important;
}

._pdr_mb{
	padding-right:5vw !important;
}

/*font size*/

._fs_small{
	font-size:.7rem;
}

._fs_small{
	font-size: .9rem
}

._fs_big{
	font-size:1.2rem;
}

._fs_x_big{
	font-size: 1.6rem;
}

/* over lay */

._overlay_outer{
	width:100%;
	height:100%;
	padding:2vw;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	background-color:rgba(0,0,0,0.7);
	overflow:auto;
	display:none;
}

._overlay_outer > *:nth-of-type(n)
{
	width:100%;
	max-width: 700px;
	height:auto;
	background:#fff;
	margin-left: auto;
	margin-right: auto;
}

._overlay_outer > *:nth-of-type(1){
	font-size:1.2rem;
	margin-bottom:1.5vw;
	position:relative;
	padding:1vh 1vw;
	text-align:center;
}

._overlay_outer > *:nth-of-type(2){
	padding:2vw;
}

._overlay_outer > *:nth-of-type(1):after{
	content:"";
	clear:both;	
}

._overlay_outer > *:nth-of-type(1) > *[class^="overlay-display"]{
	position:absolute;
	top:0;
	right:0;
	height:100%;
	font-size:1.1rem;
	background:hsl(var(--col),0%,0%);
	color:#FF0;
	display:flex;
	align-items:center;
	padding:.2vw 1vw;
	cursor:pointer;
}



._message_box{
	z-index:9999;
	background:hsla(var(--col),100%,50%,0.7);
	padding:16px 24px;
	color:#fff;
	position:fixed;
	left:25%;
	top:250px;
	width:50%;
	text-align:center;
	border:2px solid hsl(var(--col),100%,20%);
	display:none;
}



/* ▼ BOX 関連 ▼ */
/* ------------------------------ */





/* ------------------------------ */
/* ▼ text ▼ */

a{
	color:var(--col-link);	
}

a:visited{
	color:var(--col-link);	
}


._al_c{
	text-align:center;	
}

._al_l{
	text-align:left;	
}

._al_r{
	text-align:right;	
}

._textd_none{
	text-decoration:none;
}

._textd_underline{
	text-decoration:underline;
}

._textd_uline-h:hover{
	text-decoration:underline;
}

._textd_nodata{
	text-decoration:line-through;
}

._no_data{
	color:hsl(var(--col),0%,70%);
	text-decoration:line-through;
}


._fw_normal{
	font-weight:normal;	
}

._fw_bold{
	font-weight:bold;	
}

._btn{
	cursor: pointer;
}

/* ▼ text ▼ */
/* ------------------------------ */



/* ------------------------------ */
/* ▼ border ▼ */

._border_w1{
	border-width:1px;	
}

._border_w2{
	border-width:2px;	
}

._border_w3{
	border-width:3px;	
}

._border_w4{
	border-width:4px;	
}

._border_w5{
	border-width:5px;	
}

._border_w10{
	border-width:10px;	
}

._border_s_s{
	border-style:solid;	
}


._border_s_ssns{
	border-style:solid solid none solid;	
}


._border_s_sn{
	border-style:solid none;	
}

._border_s_dn{
	border-style:dotted none;	
}

._border_s_d{
	border-style:dotted;	
}

._border_s_nns{
	border-style:none none solid;	
}

._border_s_snn{
	border-style:solid none none;	
}

._border_s_nnd{
	border-style:none none dotted;	
}


._no_border,
._border_none
{
	border-style:none !important;	
}


/* ▼ border ▼ */
/* ------------------------------ */




/* ------------------------------ */
/* ▼ form parts ▼ */

input[type=radio]{
	-webkit-appearance: radio !important;
}

from{
	text-align:center;	
}

from .wrap{
	position:relative;
}


form > *{
	margin-top:2vw;
}

form > *[class*="grid"]{
	padding:0 !important;
}


form .wrap > input[type="text"]:focus,
form .wrap > input[type="password"]:focus,
form .wrap > textarea:focus
{
	background:#fff;
}

form .wrap textarea
{
	height:20vw;	
}


form .wrap > span:first-of-type
{
	display:block;
	color:hsl(var(--col),0%,50%);
	font-size:.8rem;
}

form .wrap > span:nth-of-type(1):before
{
	content:"▼";
}
form .wrap > span:nth-of-type(2)
{
	display:block !important;
	margin:.3vw 0 0;
	font-size:.7rem;
	color:#F00;
	display:none;
	content:"▲";
}


form *[class*="msg"],
form *[class*="message"]
{
	font-size:.8rem;
	padding:.5vw 0 !important;
	text-align:center;
	display:none;
	color:#F00;
	margin-top:2vw;	
}

form .submit_wrap{
	display: flex;
	justify-content: center;
	gap: 1vh 1vw;
}

form .wrap > *[class*="submit"]
{
	text-decoration: none;
	padding:.5vw 3vw;
	font-size:1rem !important;
	box-shadow: 2px 2px 4px -2px #999;
	background:hsl(var(--col),100%,25%);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color:#fff !important;
	cursor:pointer;
}

form .wrap > *[class*="submit"]:before
{
	content:"" !important;
}

form .inputCheck > *[class*="submit"]{
	background: hsl(var(--col),0%,50%) !important;
}

/* 文字色 */
._c_red{
	color:hsl(var(--col-red),80%,50%);
}

._overlay_outer input[type=text],
._overlay_outer input[type=number],
._overlay_outer input[type=date]{
	width:100%;
	padding:1vh 0;
}