@charset "UTF-8";
/**
 * Style.css
 * ./css/general.css
 *
 * Last Update: 2023-07-31
 * ----------------------------------------------------------------------------*/

/**
 * Snippet
* ----------------------------------------------------------------------------*/

/*------------------ clearfix */
.clearfix {zoom:1;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}

/*------------------ fclear */
.fclear {clear: both;}


/*------------------ visually hidden */
.visuallyhidden {
	position: absolute;
	width: 1px; height: 1px;
	margin: -1px; padding: 0;
	border: 0 none;
	clip: rect(0px, 0px, 0px, 0px);
	overflow: hidden;
}

/*------------------ 鏡面反転 */
.refrect {
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

/*------------------ 字下げ */
.jisage {
  text-indent: 1em;
}

/*------------------ ドロップキャップ */
.dropcap:first-letter {
	font-size: 3em;
	font-weight: bold;
	line-height: 1;
	float: left;
	margin: 0 .2em 0 0;
	padding: .1em 0;
}

.dropcap2:first-letter {
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
	float: left;
	margin: 0 .2em 0 0;
	padding: .1em 0;
}

/*------------------ ダッシュ */
.dash:before {
	content: "――― ";
	letter-spacing: -2px;
  }

/*------------------ 区切り縦線「｜」をborderで
	Usage：<span class="divider-border"></span>
*/
.divider-border {
	border-right: 1px solid #292929;
}



/**
 * General
* ----------------------------------------------------------------------------*/
/*------------------ position */
.static {
	position: static
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative;
}


/*------------------ display */
.block {
	display: block
}

.inline-block {
	display: inline-block
}

.inline {
	display: inline
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.table {
	display: table
}

.table-cell {
	display: table-cell
}

.table-row {
	display: table-row
}

.grid {
	display: grid
}

.contents {
	display: contents
}

.hidden {
	display: none
}