/*
 Theme Name:   the-thor child
 Template:     the-thor
*/

/* Margin Top */
.mt-0  { margin-top: 0 !important; }
.mt-5  { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }

/* Margin Bottom */
.mb-0  { margin-bottom: 0 !important; }
.mb-5  { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }

/* Margin Left */
.ml-0  { margin-left: 0 !important; }
.ml-5  { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-20 { margin-left: 20px !important; }

/* Margin Right */
.mr-0  { margin-right: 0 !important; }
.mr-5  { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-20 { margin-right: 20px !important; }

/* Padding All */
.pd-0  { padding: 0 !important; }
.pd-5  { padding: 5px !important; }
.pd-10 { padding: 10px !important; }
.pd-20 { padding: 20px !important; }
.pd-30 { padding: 30px !important; }

/* Padding Top / Bottom / Left / Right */
.pt-10 { padding-top: 10px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pl-10 { padding-left: 10px !important; }
.pr-10 { padding-right: 10px !important; }


.fs-10 { font-size: 10px !important; }
.fs-12 { font-size: 12px !important; }
.fs-14 { font-size: 14px !important; }
.fs-16 { font-size: 16px !important; }
.fs-18 { font-size: 18px !important; }
.fs-20 { font-size: 20px !important; }
.fs-24 { font-size: 24px !important; }
.fs-28 { font-size: 28px !important; }
.fs-32 { font-size: 32px !important; }

.text-center { text-align: center !important; }
.text-left   { text-align: left !important; }
.text-right  { text-align: right !important; }

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

.d-block     { display: block !important; }
.d-inline    { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-none      { display: none !important; }

.w-100       { width: 100% !important; }
.w-auto      { width: auto !important; }


.main {
	min-height: 100vh;        /* 画面高基準 */
}
.main { flex: 1 0 auto; }  /* メインが縦に伸びる */
footer { flex: 0 0 auto; } /* フッターは下に配置 */