@charset "UTF-8";
html { font-size: 80%; }
@media screen and (min-width : 360px) { html { font-size: 80%; } }
@media screen and (min-width : 480px) { html { font-size: 96%; } }
@media screen and (min-width : 768px) { html { font-size: 112%; } }

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic&family=M+PLUS+Rounded+1c:wght@400;700&family=Noto+Serif+JP:wght@400;700&family=Shippori+Antique&display=swap');

*{
  box-sizing: border-box;
}
.d_none{	/* 無効化 */
  display: none;
}

body{
  font-family: 'BIZ UDGothic', 'YuGothic', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

.noselect {
  -webkit-touch-callout: none;  /* iOS Safari */
  -webkit-user-select: none;    /* Safari */
  -khtml-user-select: none;     /* Konqueror HTML */
  -moz-user-select: none;       /* Firefox */
  -ms-user-select: none;        /* Internet Explorer/Edge */
  user-select: none;            /* Non-prefixed version, currently supported by Chrome and Opera */
}


/*======= font ======= */
@media screen and (min-width : 360px) { 
  .fnt_xlg{ font-size: x-large }
  .fnt_lg{  font-size: large }
  .fnt_sm{  font-size: small }
  .fnt_xsm{ font-size: x-small }
}
@media screen and (min-width : 480px) { 
  .fnt_xlg{ font-size: xx-large }
  .fnt_lg{  font-size: x-large }
  .fnt_sm{  font-size: x-small }
  .fnt_xsm{ font-size: xx-small }
}

.fnt_bld{
  font-weight: bold;
}


/*======= color =======*/
.clr_grn{
  color:#1bb373;
}
.clr_org{
  color:#f08505;
}
.clr_blue{
  color:#36479B;
}
.clr_red{
  color:#CC0000;
}
.clr_dgrn{
  color:#008c52;
}
.clr_dorg{
  color:#e6780b;
}


/*======= View Point =======*/
.vh01{
  height: 01vh;
  height: calc(var(--vh, 1vh) * 1);
}
.vh02{
  height: 02vh;
  height: calc(var(--vh, 1vh) * 2);
}
.vh05{
  height: 05vh;
  height: calc(var(--vh, 1vh) * 5);
}
.vh10{
  height: 10vh;
  height: calc(var(--vh, 1vh) * 10);
}
/* .vh15{
  height: 15vh;
  height: calc(var(--vh, 1vh) * 15);
} */
.vh20{
  height: 20vh;
  height: calc(var(--vh, 1vh) * 20);
}
/* .vh50{
  height: 50vh;
  height: calc(var(--vh, 1vh) * 50);
} */
/* .vh60{
  height: 60vh;
  height: calc(var(--vh, 1vh) * 60);
} */
.vh70{
  height: 70vh;
  height: calc(var(--vh, 1vh) * 70);
}
.vh80{
  height: 80vh;
  height: calc(var(--vh, 1vh) * 80);
}


/*======= flex =======*/
/* .flex{
  display:flex;
  justify-content: center;
} */

.flex_center{
  display:flex;
  align-items: center;
  justify-content: center;
}

.flex_between{
  display:flex;
  align-items: center;
  justify-content: space-between;
}

.flex_around{
  display:flex;
  align-items: center;
  justify-content: space-around;
}

/* .flex_column{
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
} */

/* .flex_row{
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
} */

/* .flex_wrap{
  display:flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
} */

.flex_start{
  display:flex;
  align-items: center;
  justify-content: flex-start;
}

.flex_end{
  display:flex;
  align-items: center;
  justify-content: flex-end;
}


/*======= Over Flow =======*/
.of_scroll{
  overflow: auto;
}

button, input, select, textarea {
  font-family : inherit;
  }