/*
 * EasyCSS Ver.3
 * 2023/03/28 整形、調整
 * 2023/03/31 commonに移動したほうが良いもの削除
 */

/*
 * 表示制御用
 */
.box { box-sizing: border-box }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.fx { display: flex; }
.just { display: flex; justify-content: space-between; }
.justvcenter { display: flex; justify-content: space-between; align-items: center; } /* 上下左右中央 */
.vtop { display: flex; align-items: start; }
.vcenter { display: flex; align-items: center; } /* 上下中央 */
.vbottom { display: flex; align-items: end; }
.vstretch { align-items: stretch; }
.vmiddle { vertical-align: middle; }
.hcenter { display: flex; justify-content: center; } /* 左右中央 */
.hvcenter { display: flex; justify-content: center; align-items: center; } /* 上下左右中央 */
.hright { display: flex; justify-content: end; } /* 右詰め */
.left { text-align: left; }
.justify { text-align: justify; }
.center { text-align: center; } /* インライン要素のみ中央 */
.right { text-align: right; }
.fcenter { display: inline-flex; justify-content: center; } /* ブロック要素の中央 */
.fright { display: inline-flex; justify-content: end; }
.mauto { margin-inline: auto; }
.mleft { margin: 0 auto 0 0; }
.mright { margin: 0 0 0 auto; }
.trans { transition-property: all; transition-duration: 0.5s; }
.trans-opacity { transition-property: opacity; transition-duration: 0.5s; }
.erase-gap { vertical-align: middle; } /* 画像の上下にできる隙間を消す */
.inline { display: inline-block; }
.ptr { cursor: pointer; user-select: none; } /* マウスポインタを手の形にする */
.no-select { user-select: none; }
.none-gap-h { font-size: 0px; } /* インライン要素改行時の左右ギャップ消す */
.none-gap-v { vertical-align: middle; } /* インライン要素上下にできるギャップ消す */
.hidden { width: 0px; height: 0px; visibility: hidden; z-index: -15000; }

 /*
  * 幅
  */
.w100 { width: 100%; }
.w99 { width: 99%; }
.w98 { width: 98%; }
.w97 { width: 97%; }
.w96 { width: 96%; }
.w95 { width: 95%; }
.w94 { width: 94%; }
.w93 { width: 93%; }
.w92 { width: 92%; }
.w91 { width: 91%; }
.w90 { width: 90%; }
.w89 { width: 89%; }
.w88 { width: 88%; }
.w87 { width: 87%; }
.w86 { width: 86%; }
.w85 { width: 85%; }
.w84 { width: 84%; }
.w83 { width: 83%; }
.w82 { width: 82%; }
.w81 { width: 81%; }
.w80 { width: 80%; }
.w79 { width: 79%; }
.w78 { width: 78%; }
.w77 { width: 77%; }
.w76 { width: 76%; }
.w75 { width: 75%; }
.w74 { width: 74%; }
.w73 { width: 73%; }
.w72 { width: 72%; }
.w71 { width: 71%; }
.w70 { width: 70%; }
.w69 { width: 69%; }
.w68 { width: 68%; }
.w67 { width: 67%; }
.w66 { width: 66%; }
.w65 { width: 65%; }
.w64 { width: 64%; }
.w63 { width: 63%; }
.w62 { width: 62%; }
.w61 { width: 61%; }
.w60 { width: 60%; }
.w59 { width: 59%; }
.w58 { width: 58%; }
.w57 { width: 57%; }
.w56 { width: 56%; }
.w55 { width: 55%; }
.w54 { width: 54%; }
.w53 { width: 53%; }
.w52 { width: 52%; }
.w51 { width: 51%; }
.w50 { width: 50%; }
.w49 { width: 49%; }
.w48 { width: 48%; }
.w47 { width: 47%; }
.w46 { width: 46%; }
.w45 { width: 45%; }
.w44 { width: 44%; }
.w43 { width: 43%; }
.w42 { width: 42%; }
.w41 { width: 41%; }
.w40 { width: 40%; }
.w39 { width: 39%; }
.w38 { width: 38%; }
.w37 { width: 37%; }
.w36 { width: 36%; }
.w35 { width: 35%; }
.w34 { width: 34%; }
.w33 { width: 33%; }
.w32 { width: 32%; }
.w31 { width: 31%; }
.w30 { width: 30%; }
.w29 { width: 29%; }
.w28 { width: 28%; }
.w27 { width: 27%; }
.w26 { width: 26%; }
.w25 { width: 25%; }
.w24 { width: 24%; }
.w23 { width: 23%; }
.w22 { width: 22%; }
.w21 { width: 21%; }
.w20 { width: 20%; }
.w19 { width: 19%; }
.w18 { width: 18%; }
.w17 { width: 17%; }
.w16 { width: 16%; }
.w15 { width: 15%; }
.w14 { width: 14%; }
.w13 { width: 13%; }
.w12 { width: 12%; }
.w11 { width: 11%; }
.w10 { width: 10%; }
.w9 { width: 9%; }
.w8 { width: 8%; }
.w7 { width: 7%; }
.w6 { width: 6%; }
.w5 { width: 5%; }
.w4 { width: 4%; }
.w3 { width: 3%; }
.w2 { width: 2%; }
.w1 { width: 1%; }
.wauto { width: auto; }
.wfit { width: fit-content; }

/*
 * 行高さ
 */
.lh100 { line-height: 10rem; }
.lh99 { line-height: 9.9rem; }
.lh98 { line-height: 9.8rem; }
.lh97 { line-height: 9.7rem; }
.lh96 { line-height: 9.6rem; }
.lh95 { line-height: 9.5rem; }
.lh94 { line-height: 9.4rem; }
.lh93 { line-height: 9.3rem; }
.lh92 { line-height: 9.2rem; }
.lh91 { line-height: 9.1rem; }
.lh90 { line-height: 9rem; }
.lh89 { line-height: 8.9rem; }
.lh88 { line-height: 8.8rem; }
.lh87 { line-height: 8.7rem; }
.lh86 { line-height: 8.6rem; }
.lh85 { line-height: 8.5rem; }
.lh84 { line-height: 8.4rem; }
.lh83 { line-height: 8.3rem; }
.lh82 { line-height: 8.2rem; }
.lh81 { line-height: 8.1rem; }
.lh80 { line-height: 8rem; }
.lh79 { line-height: 7.9rem; }
.lh78 { line-height: 7.8rem; }
.lh77 { line-height: 7.7rem; }
.lh76 { line-height: 7.6rem; }
.lh75 { line-height: 7.5rem; }
.lh74 { line-height: 7.4rem; }
.lh73 { line-height: 7.3rem; }
.lh72 { line-height: 7.2rem; }
.lh71 { line-height: 7.1rem; }
.lh70 { line-height: 7rem; }
.lh69 { line-height: 6.9rem; }
.lh68 { line-height: 6.8rem; }
.lh67 { line-height: 6.7rem; }
.lh66 { line-height: 6.6rem; }
.lh65 { line-height: 6.5rem; }
.lh64 { line-height: 6.4rem; }
.lh63 { line-height: 6.3rem; }
.lh62 { line-height: 6.2rem; }
.lh61 { line-height: 6.1rem; }
.lh60 { line-height: 6rem; }
.lh59 { line-height: 5.9rem; }
.lh58 { line-height: 5.8rem; }
.lh57 { line-height: 5.7rem; }
.lh56 { line-height: 5.6rem; }
.lh55 { line-height: 5.5rem; }
.lh54 { line-height: 5.4rem; }
.lh53 { line-height: 5.3rem; }
.lh52 { line-height: 5.2rem; }
.lh51 { line-height: 5.1rem; }
.lh50 { line-height: 5rem; }
.lh49 { line-height: 4.9rem; }
.lh48 { line-height: 4.8rem; }
.lh47 { line-height: 4.7rem; }
.lh46 { line-height: 4.6rem; }
.lh45 { line-height: 4.5rem; }
.lh44 { line-height: 4.4rem; }
.lh43 { line-height: 4.3rem; }
.lh42 { line-height: 4.2rem; }
.lh41 { line-height: 4.1rem; }
.lh40 { line-height: 4rem; }
.lh39 { line-height: 3.9rem; }
.lh38 { line-height: 3.8rem; }
.lh37 { line-height: 3.7rem; }
.lh36 { line-height: 3.6rem; }
.lh35 { line-height: 3.5rem; }
.lh34 { line-height: 3.4rem; }
.lh33 { line-height: 3.3rem; }
.lh32 { line-height: 3.2rem; }
.lh31 { line-height: 3.1rem; }
.lh30 { line-height: 3rem; }
.lh29 { line-height: 2.9rem; }
.lh28 { line-height: 2.8rem; }
.lh27 { line-height: 2.7rem; }
.lh26 { line-height: 2.6rem; }
.lh25 { line-height: 2.5rem; }
.lh24 { line-height: 2.4rem; }
.lh23 { line-height: 2.3rem; }
.lh22 { line-height: 2.2rem; }
.lh21 { line-height: 2.1rem; }
.lh20 { line-height: 2rem; }
.lh19 { line-height: 1.9rem; }
.lh18 { line-height: 1.8rem; }
.lh17 { line-height: 1.7rem; }
.lh16 { line-height: 1.6rem; }
.lh15 { line-height: 1.5rem; }
.lh14 { line-height: 1.4rem; }
.lh13 { line-height: 1.3rem; }
.lh12 { line-height: 1.2rem; }
.lh11 { line-height: 1.1rem; }
.lh10 { line-height: 1rem; }
.lh9 { line-height: 0.9rem; }
.lh8 { line-height: 0.8rem; }
.lh7 { line-height: 0.7rem; }
.lh6 { line-height: 0.6rem; }
.lh5 { line-height: 0.5rem; }
.lh4 { line-height: 0.4rem; }
.lh3 { line-height: 0.3rem; }
.lh2 { line-height: 0.2rem; }
.lh1 { line-height: 0.1rem; }

/*
 * マージン（縦）
 */
.vm10 { margin: 10rem 0 10rem 0; }
.vm9 { margin: 9rem 0 9rem 0; }
.vm8 { margin: 8rem 0 8rem 0; }
.vm7 { margin: 7rem 0 7rem 0; }
.vm6 { margin: 6rem 0 6rem 0; }
.vm5 { margin: 5rem 0 5rem 0; }
.vm4 { margin: 4rem 0 4rem 0; }
.vm3 { margin: 3rem 0 3rem 0; }
.vm2 { margin: 2rem 0 2rem 0; }
.vm1 { margin: 1rem 0 1rem 0; }
.vmh { margin: 0.5rem 0 0.5rem 0; }
.vmq { margin: 0.25rem 0 0.25rem 0; }

/*
 * マージン（横）
 */
.hm10 { margin: 0 10rem 0 10rem; }
.hm9 { margin: 0 9rem 0 9rem; }
.hm8 { margin: 0 8rem 0 8rem; }
.hm7 { margin: 0 7rem 0 7rem; }
.hm6 { margin: 0 6rem 0 6rem; }
.hm5 { margin: 0 5rem 0 5rem; }
.hm4 { margin: 0 4rem 0 4rem; }
.hm3 { margin: 0 3rem 0 3rem; }
.hm2 { margin: 0 2rem 0 2rem; }
.hm1 { margin: 0 1rem 0 1rem; }
.hmh { margin: 0 0.5rem 0 0.5rem; }
.hmq { margin: 0 0.25rem 0 0.25rem; }

/*
 * マージン（四方）
 */
.mg10 { margin: 10rem; }
.mg9 { margin: 9rem; }
.mg8 { margin: 8rem; }
.mg7 { margin: 7rem; }
.mg6 { margin: 6rem; }
.mg5 { margin: 5rem; }
.mg4 { margin: 4rem; }
.mg3 { margin: 3rem; }
.mg2 { margin: 2rem; }
.mg1 { margin: 1rem; }
.mgh { margin: 0.5rem; }
.mgq { margin: 0.25rem; }

/*
 * パディング（縦）
 */
.vp10 { padding: 10rem 0 10rem 0; }
.vp9 { padding: 9rem 0 9rem 0; }
.vp8 { padding: 8rem 0 8rem 0; }
.vp7 { padding: 7rem 0 7rem 0; }
.vp6 { padding: 6rem 0 6rem 0; }
.vp5 { padding: 5rem 0 5rem 0; }
.vp4 { padding: 4rem 0 4rem 0; }
.vp3 { padding: 3rem 0 3rem 0; }
.vp2 { padding: 2rem 0 2rem 0; }
.vp1 { padding: 1rem 0 1rem 0; }
.vph { padding: 0.5rem 0 0.5rem 0; }
.vpq { padding: 0.25rem 0 0.25rem 0; }

/*
 * パディング（横）
 */
.hp10 { padding: 0 10rem 0 10rem; }
.hp9 { padding: 0 9rem 0 9rem; }
.hp8 { padding: 0 8rem 0 8rem; }
.hp7 { padding: 0 7rem 0 7rem; }
.hp6 { padding: 0 6rem 0 6rem; }
.hp5 { padding: 0 5rem 0 5rem; }
.hp4 { padding: 0 4rem 0 4rem; }
.hp3 { padding: 0 3rem 0 3rem; }
.hp2 { padding: 0 2rem 0 2rem; }
.hp1 { padding: 0 1rem 0 1rem; }
.hph { padding: 0 0.5rem 0 0.5rem; }
.hpq { padding: 0 0.25rem 0 0.25rem; }

/*
 * パディング（四方）
 */
.pd10 { padding: 10rem; }
.pd9 { padding: 9rem; }
.pd8 { padding: 8rem; }
.pd7 { padding: 7rem; }
.pd6 { padding: 6rem; }
.pd5 { padding: 5rem; }
.pd4 { padding: 4rem; }
.pd3 { padding: 3rem; }
.pd2 { padding: 2rem; }
.pd1 { padding: 1rem; }
.pdh { padding: 0.5rem; }
.pdq { padding: 0.25rem; }

/*
 * 透明度
 */
.o10 { opacity: 0.1; }
.o20 { opacity: 0.2; }
.o30 { opacity: 0.3; }
.o40 { opacity: 0.4; }
.o50 { opacity: 0.5; }
.o60 { opacity: 0.6; }
.o70 { opacity: 0.7; }
.o80 { opacity: 0.8; }
.o90 { opacity: 0.9; }
.o100 { opacity: 1; }

/*
 * 空行（br）
 */
br.hq { display: block; height: 0.25rem; content: ''; }
br.hh { display: block; height: 0.5rem; content: ''; }
br.h1 { display: block; height: 1rem; content: ''; }
br.h2 { display: block; height: 2rem; content: ''; }
br.h3 { display: block; height: 3rem; content: ''; }
br.h4 { display: block; height: 4rem; content: ''; }
br.h5 { display: block; height: 5rem; content: ''; }
br.h6 { display: block; height: 6rem; content: ''; }
br.h7 { display: block; height: 7rem; content: ''; }
br.h8 { display: block; height: 8rem; content: ''; }
br.h9 { display: block; height: 9rem; content: ''; }
br.h10 { display: block; height: 10rem; content: ''; }

/*
 * 空行（div）
 */
div.h100 { height: 100rem; }
div.h99 { height: 99rem; }
div.h98 { height: 98rem; }
div.h97 { height: 97rem; }
div.h96 { height: 96rem; }
div.h95 { height: 95rem; }
div.h94 { height: 94rem; }
div.h93 { height: 93rem; }
div.h92 { height: 92rem; }
div.h91 { height: 91rem; }
div.h90 { height: 90rem; }
div.h89 { height: 89rem; }
div.h88 { height: 88rem; }
div.h87 { height: 87rem; }
div.h86 { height: 86rem; }
div.h85 { height: 85rem; }
div.h84 { height: 84rem; }
div.h83 { height: 83rem; }
div.h82 { height: 82rem; }
div.h81 { height: 81rem; }
div.h80 { height: 80rem; }
div.h79 { height: 79rem; }
div.h78 { height: 78rem; }
div.h77 { height: 77rem; }
div.h76 { height: 76rem; }
div.h75 { height: 75rem; }
div.h74 { height: 74rem; }
div.h73 { height: 73rem; }
div.h72 { height: 72rem; }
div.h71 { height: 71rem; }
div.h70 { height: 70rem; }
div.h69 { height: 69rem; }
div.h68 { height: 68rem; }
div.h67 { height: 67rem; }
div.h66 { height: 66rem; }
div.h65 { height: 65rem; }
div.h64 { height: 64rem; }
div.h63 { height: 63rem; }
div.h62 { height: 62rem; }
div.h61 { height: 61rem; }
div.h60 { height: 60rem; }
div.h59 { height: 59rem; }
div.h58 { height: 58rem; }
div.h57 { height: 57rem; }
div.h56 { height: 56rem; }
div.h55 { height: 55rem; }
div.h54 { height: 54rem; }
div.h53 { height: 53rem; }
div.h52 { height: 52rem; }
div.h51 { height: 51rem; }
div.h50 { height: 50rem; }
div.h49 { height: 49rem; }
div.h48 { height: 48rem; }
div.h47 { height: 47rem; }
div.h46 { height: 46rem; }
div.h45 { height: 45rem; }
div.h44 { height: 44rem; }
div.h43 { height: 43rem; }
div.h42 { height: 42rem; }
div.h41 { height: 41rem; }
div.h40 { height: 40rem; }
div.h39 { height: 39rem; }
div.h38 { height: 38rem; }
div.h37 { height: 37rem; }
div.h36 { height: 36rem; }
div.h35 { height: 35rem; }
div.h34 { height: 34rem; }
div.h33 { height: 33rem; }
div.h32 { height: 32rem; }
div.h31 { height: 31rem; }
div.h30 { height: 30rem; }
div.h29 { height: 29rem; }
div.h28 { height: 28rem; }
div.h27 { height: 27rem; }
div.h26 { height: 26rem; }
div.h25 { height: 25rem; }
div.h24 { height: 24rem; }
div.h23 { height: 23rem; }
div.h22 { height: 22rem; }
div.h21 { height: 21rem; }
div.h20 { height: 20rem; }
div.h19 { height: 19rem; }
div.h18 { height: 18rem; }
div.h17 { height: 17rem; }
div.h16 { height: 16rem; }
div.h15 { height: 15rem; }
div.h14 { height: 14rem; }
div.h13 { height: 13rem; }
div.h12 { height: 12rem; }
div.h11 { height: 11rem; }
div.h10 { height: 10rem; }
div.h9 { height: 9rem; }
div.h8 { height: 8rem; }
div.h7 { height: 7rem; }
div.h6 { height: 6rem; }
div.h5 { height: 5rem; }
div.h4 { height: 4rem; }
div.h3 { height: 3rem; }
div.h2 { height: 2rem; }
div.h1 { height: 1rem; }
div.hh { height: 0.5rem; }
div.hq { height: 0.25rem; }

/*
 * フォントサイズ
 */
.f100 { font-size: 10rem; }
.f99 { font-size: 9.9rem; }
.f98 { font-size: 9.8rem; }
.f97 { font-size: 9.7rem; }
.f96 { font-size: 9.6rem; }
.f95 { font-size: 9.5rem; }
.f94 { font-size: 9.4rem; }
.f93 { font-size: 9.3rem; }
.f92 { font-size: 9.2rem; }
.f91 { font-size: 9.1rem; }
.f90 { font-size: 9rem; }
.f89 { font-size: 8.9rem; }
.f88 { font-size: 8.8rem; }
.f87 { font-size: 8.7rem; }
.f86 { font-size: 8.6rem; }
.f85 { font-size: 8.5rem; }
.f84 { font-size: 8.4rem; }
.f83 { font-size: 8.3rem; }
.f82 { font-size: 8.2rem; }
.f81 { font-size: 8.1rem; }
.f80 { font-size: 8rem; }
.f79 { font-size: 7.9rem; }
.f78 { font-size: 7.8rem; }
.f77 { font-size: 7.7rem; }
.f76 { font-size: 7.6rem; }
.f75 { font-size: 7.5rem; }
.f74 { font-size: 7.4rem; }
.f73 { font-size: 7.3rem; }
.f72 { font-size: 7.2rem; }
.f71 { font-size: 7.1rem; }
.f70 { font-size: 7rem; }
.f69 { font-size: 6.9rem; }
.f68 { font-size: 6.8rem; }
.f67 { font-size: 6.7rem; }
.f66 { font-size: 6.6rem; }
.f65 { font-size: 6.5rem; }
.f64 { font-size: 6.4rem; }
.f63 { font-size: 6.3rem; }
.f62 { font-size: 6.2rem; }
.f61 { font-size: 6.1rem; }
.f60 { font-size: 6rem; }
.f59 { font-size: 5.9rem; }
.f58 { font-size: 5.8rem; }
.f57 { font-size: 5.7rem; }
.f56 { font-size: 5.6rem; }
.f55 { font-size: 5.5rem; }
.f54 { font-size: 5.4rem; }
.f53 { font-size: 5.3rem; }
.f52 { font-size: 5.2rem; }
.f51 { font-size: 5.1rem; }
.f50 { font-size: 5rem; }
.f49 { font-size: 4.9rem; }
.f48 { font-size: 4.8rem; }
.f47 { font-size: 4.7rem; }
.f46 { font-size: 4.6rem; }
.f45 { font-size: 4.5rem; }
.f44 { font-size: 4.4rem; }
.f43 { font-size: 4.3rem; }
.f42 { font-size: 4.2rem; }
.f41 { font-size: 4.1rem; }
.f40 { font-size: 4rem; }
.f39 { font-size: 3.9rem; }
.f38 { font-size: 3.8rem; }
.f37 { font-size: 3.7rem; }
.f36 { font-size: 3.6rem; }
.f35 { font-size: 3.5rem; }
.f34 { font-size: 3.4rem; }
.f33 { font-size: 3.3rem; }
.f32 { font-size: 3.2rem; }
.f31 { font-size: 3.1rem; }
.f30 { font-size: 3rem; }
.f29 { font-size: 2.9rem; }
.f28 { font-size: 2.8rem; }
.f27 { font-size: 2.7rem; }
.f26 { font-size: 2.6rem; }
.f25 { font-size: 2.5rem; }
.f24 { font-size: 2.4rem; }
.f23 { font-size: 2.3rem; }
.f22 { font-size: 2.2rem; }
.f21 { font-size: 2.1rem; }
.f20 { font-size: 2rem; }
.f19 { font-size: 1.9rem; }
.f18 { font-size: 1.8rem; }
.f17 { font-size: 1.7rem; }
.f16 { font-size: 1.6rem; }
.f15 { font-size: 1.5rem; }
.f14 { font-size: 1.4rem; }
.f13 { font-size: 1.3rem; }
.f12 { font-size: 1.2rem; }
.f11 { font-size: 1.1rem; }
.f10 { font-size: 1rem; }
.f9 { font-size: 0.9rem; }
.f8 { font-size: 0.8rem; }
.f7 { font-size: 0.7rem; }
.f6 { font-size: 0.6rem; }
.f5 { font-size: 0.5rem; }
.f4 { font-size: 0.4rem; }
.f3 { font-size: 0.3rem; }
.f2 { font-size: 0.2rem; }
.f1 { font-size: 0.1rem; }
.f0 { font-size: 0rem; }

/*
 * フォント修飾
 */
.bold { font-weight: 750; }
.uline { border-bottom: solid 1px #ddd; }