@charset "utf-8";

/*------------------------------------------------------------
    書式設定
------------------------------------------------------------*/

/* テキストの調整 */

html { font-size: calc(100% + 0.5vw) }


/* テキストの位置 */

.taLeft { text-align: left !important; }

.taCenter { text-align: center !important; }

.taRight { text-align: right !important; }

 

/* フォントの大きさ（プラス） */

.fsP1 {
	font-size: 36px !important; font-weight: bold;
}

.fsP2 { font-size: 24px !important;  font-weight: bold;}

.fsP3 { font-size: 20px !important; }

.fsP4 {
	font-size: 16px !important;
}

.fsP5 { font-size: 12px !important; }

 

/* フォントの大きさ（マイナス） */

.fsM1 { font-size: 24px !important; font-weight: bold;}

.fsM2 { font-size: 20px !important; }

.fsM2s {
	font-size: 20px !important;
	font-weight: bold;
}

.fsM22 {
	font-size: 21px !important;
	font-weight: bold;
}

.fsM3 { font-size: 18px !important; font-weight: bold;}

.fsM32 { font-size: 18px !important;}

.fsM4 { font-size: 16px !important; font-weight: bold;}

.fsM42 { font-size: 16px !important;}

.fsM5 { font-size: 14px !important; font-weight: bold;}

 

/* フォントの太さ */

.fwNormal { font-weight: normal !important; }

.fwBold { font-weight: bold !important; }

/* 赤のフォント */

.fred {
	font-weight: bold !important;
	color: #F00;
	font-size: 36px;
	text-align: left;
}

.fred2 {
	font-weight: bold !important;
	color: #F00;
	font-size: 36px;
	text-align: center;
}


.fred3 {
	font-weight: bold !important;
	color: #F00;
	font-size: 24px;
	text-align: left;
}

.fred4 {
	font-weight: bold !important;
	color: #F00;
	font-size: 16px;
	text-align: left;
}

.fmaru {
	font-weight: bold !important;
	color: #a40b5e;
	font-size: 0.76	em;
	text-align: left;
}

.owabi{
	font-size: 12px;
	}

 
/*------------------------------------------------------------
    微調整用クラス（※多用しないこと）
------------------------------------------------------------*/

.mt0 { margin-top: 0 !important; }

.mb0 { margin-bottom: 0 !important; }

 

/*------------------------------------------------------------
    汎用スタイル
------------------------------------------------------------*/

.clearfix:after {

    height: 0;

    visibility: hidden;

    content: ".";

    display: block;

    clear: both;
}