/* 共通 */
body {font-family: "ヒラギノ明朝ProN"; font-size: 18.0px; font-weight: 400; line-height: 0;  padding:0; margin:0; margin-bottom: 0;}
m {font-family: "Source Han Serif", "ヒラギノ明朝ProN";}
g {font-family: "Ume Gothic S4",sans-serif;}
p {font-size: 18.0px; font-weight: 400; line-height: 1.60; padding:0; margin:0; margin-bottom: 0;}
/* t {font-size: 18px; font-weight: 400; line-height: 0.10; vertical-align:middle; padding:0; margin:0; margin-bottom: 0;} */
t {font-size: 18px; font-weight: 400; line-height: 0.10; padding:0; margin:0; margin-bottom: 0;}

cn {font-family: "Courier New"; white-space:pre; font-size: 20px; font-weight: 400; line-height:0.40;}

/* フォントの種類やサイズなどをまとめて設定 */
h12 {font-family: "ヒラギノ明朝ProN"; font-size: 6px; font-weight: 400; line-height: 0.32;  padding:0; margin:0; margin-bottom: 0;}
h18 {font-family: "ヒラギノ明朝ProN"; font-size: 9px; font-weight: 400; line-height: 0.85;  padding:0; margin:0; margin-bottom: 0;}
h36 {font-family: "ヒラギノ明朝ProN"; font-size: 18px; font-weight: 400; line-height: 1.0;  padding:0; margin:0; margin-bottom: 0;}
b15 {font-family: "Courier New"; white-space:pre; font-size: 7.0px; font-weight: 400; line-height: 0.10;}
c15 {font-family: "Courier New"; white-space:pre; font-size: 7.5px; font-weight: 400; line-height: 0.20;}
c20 {font-family: "Courier New"; white-space:pre; font-size: 10px; font-weight: 400; line-height:0.10;}
c24 {font-family: "Courier New"; white-space:pre; font-size: 12px; font-weight: 400; line-height:0.10;}
c28 {font-family: "Courier New"; white-space:pre; font-size: 14px; font-weight: 400; line-height:0.10;}
c30 {font-family: "Courier New","Courier"; white-space:pre; font-size: 15.00px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
c40 {font-family: "Courier New"; white-space:pre; font-size: 20px; font-weight: 400; line-height:0.10;}
c48 {font-family: "Courier New"; white-space:pre; font-size: 24px; font-weight: 400; line-height:0.40;}

m15 {font-family: "Menlo"; white-space:pre; font-size: 7.5px; font-weight: 400; line-height: 0.05;}
/* 15.00px→14.95pxとするとMenloでも罫線素片がずれない。0.05pxの誤差を調整で直した。 */
/* 14.95pxでもわずかにずれる。 */
m30 {font-family: "Menlo"; white-space:pre; font-size: 14.95px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
m40 {font-family: "Menlo"; white-space:pre; font-size: 20px; font-weight: 400; line-height:0.10;}
m48 {font-family: "Menlo"; white-space:pre; font-size: 24px; font-weight: 400; line-height:0.40;}

tg {font-family: "Menlo"; white-space:pre; font-size: 20px; font-weight: 100; line-height:0.40;}
h0 {font-family: "ヒラギノ明朝ProN"; font-size: 48.0px; font-weight: 100; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
h1 {font-family: "ヒラギノ明朝ProN"; font-size: 42.0px; font-weight: 100; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
h2 {font-family: "ヒラギノ明朝ProN"; font-size: 36.0px; font-weight: 200; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
h3 {font-family: "ヒラギノ明朝ProN"; font-size: 30.0px; font-weight: 400; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
h4 {font-family: "ヒラギノ明朝ProN"; font-size: 24.0px; font-weight: 400; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
h5 {font-family: "ヒラギノ明朝ProN"; font-size: 21.0px; font-weight: 400; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
h6 {font-family: "ヒラギノ明朝ProN"; font-size: 18.0px; font-weight: 600; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
h7 {font-family: "ヒラギノ明朝ProN"; font-size: 15.0px; font-weight: 600; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
h8 {font-family: "ヒラギノ明朝ProN"; font-size: 12.0px; font-weight: 700; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
h9 {font-family: "ヒラギノ明朝ProN"; font-size: 10.5px; font-weight: 800; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}



@media screen and ( max-width:322px)
{
um9 {font-family: "ヒラギノ明朝ProN"; font-size: 4.5px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
k9 {font-family: "ヒラギノ明朝ProN"; font-size: 4.5px; font-weight: 400; line-height: 0;  padding:0; margin:0; margin-bottom: 0;}
um12 {font-family: "ヒラギノ明朝ProN"; font-size: 6px; font-weight: 400; line-height: 0.75;  padding:0; margin:0; margin-bottom: 0;}
k12 {font-family: "ヒラギノ明朝ProN"; font-size: 6px; font-weight: 400; line-height: 0.50;  padding:0; margin:0; margin-bottom: 0;}
um18 {font-family: "ヒラギノ明朝ProN"; font-size: 9px; font-weight: 400; line-height: 1.0;  padding:0; margin:0; margin-bottom: 0;}
k18 {font-family: "ヒラギノ明朝ProN"; font-size: 9px; font-weight: 400; line-height: 0.90;  padding:0; margin:0; margin-bottom: 0;}
um36 {font-family: "Menlo"; white-space:pre;  font-size: 14.95px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
k36 {font-family: "ヒラギノ明朝ProN"; font-size:18px; font-weight: 400; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
um48 {font-family: "Menlo"; white-space:pre;  font-size: 19.93px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
gg48 {font-family: "Courier New"; white-space:pre;  font-size: 20px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;} 
a {text-decoration:none; color: #6666FF;}
el {font-w: 100;}
pre {line-height: 1.00;}
cn {font-family: "Courier New"; padding:0; margin:0; line-height:0.5;  font-weight: 200; style="margin-bottom: 0;"}
b { font-family: "Ume Mincho S3", "ヒラギノ角ゴシック W3"; line-height:1.5;}
pg {font-family: "Ume P Gothic S5", "ヒラギノ角ゴシック W5";}
hm{font-family: "ヒラギノ明朝ProN";}
cica{font-family: "Cica";}
gm{font-family: "Source Han Serif";}
gg{font-family: "Source Han Code JP";}
tm {font-family: "梅明朝S3"; padding:0; margin:0; line-height:0.75; font-weight: normal; style="margin-bottom: 0;"}
tm2 {font-family: "梅明朝S3"; padding:0; margin:0; line-height:1.0; font-size: 48px;  font-weight: normal; style="margin-bottom: 0;"}
tm3 {font-family: "梅明朝S3"; padding:0; margin:0; line-height:1.0; font-size: 34px;  font-weight: normal; style="margin-bottom: 0;"}
hl { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.5; font-weight: normal; style="margin-bottom: 0;"}
hm { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.0;  font-weight: normal; style="margin-bottom: 0;"}
m { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.0;  font-weight: normal; style="margin-bottom: 0;"}
hs { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 0.75;  font-weight: normal; style="margin-bottom: 0;"}
h { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 0.75;  font-weight: normal; style="margin-bottom: 0;"}
s9 {font-size: 9px;}
s10 {font-size: 10px;}
s11 {font-size: 11px;}
s12 {font-size: 12px;}
s13 {font-size: 13px;}
s14 {font-size: 14px;}
s15 {font-size: 15px;}
s16 {font-size: 16px;}
s17 {font-size: 17px;}
s18 {font-size: 18px;}
s19 {font-size: 19px;}
s20 {font-size: 20px;}
s21 {font-size: 21px;}
s22 {font-size: 22px;}
s23 {font-size: 23px;}
s24 {font-size: 24px;}
s25 {font-size: 25px;}
s26 {font-size: 26px;}
s27 {font-size: 27px;}
s28 {font-size: 28px;}
s30 {font-size: 30px;}
s32 {font-size: 32px;}
s33 {font-size: 33px;}
s34 {font-size: 34px;}
s36 {font-size: 36px;}
s38 {font-size: 38px;}
s40 {font-size: 40px;}
s42 {font-size: 42px;}
s43 {font-size: 43px;}
s44 {font-size: 44px;}
s45 {font-size: 45px;}
s46 {font-size: 46px;}
s47 {font-size: 47px;}
s48 {font-size: 48px;}
s49 {font-size: 49px;}
s50 {font-size: 50px;}
s52 {font-size: 52px;}
s54 {font-size: 54px;}
s56 {font-size: 56px;}
s58 {font-size: 58px;}
s60 {font-size: 60px;}
s60 {font-size: 60px;}
s63 {font-size: 63px;}
s64 {font-size: 64px;}
s66 {font-size: 66px;}
s68 {font-size: 68px;}
s69 {font-size: 69px;}
s72 {font-size: 72px;}
s80 {font-size: 80px;}
s96 {font-size: 96px;}
s128 {font-size: 128px;}
v {writing-mode: vertical-rl; line-height: 0.2; height: 480px;}
lh {line-height: 1.0;}
lh120 {line-height: 1.2;}
lh150 {line-height: 1.5;}
color_red { color: red; }
color_gray { color: gray; }
.green{ width: 100%; height: 100px; background-color: green;}


/* <!-- 1+1364+1=1366 --> */
/* <!-- div style="border:1px solid #0000FF; flex; text-align:left; width: 1364px;" --> */
/* <!-- ウインドウのサイズを小さくすると、勝手に画面が縮小されてしまう --> */
/* <!-- 画面が縮小されないように、1366よりもwidthを大きくする必要がある --> */
/* <!-- とりあえず、4K〜5K=3840〜4080〜4096〜4098〜5120にしてみる --> */
/* <!-- 1920×2＝3840 36799円 --> */
/* <!-- 1360×3＝4080 --> */
/* <!-- 1024×4＝4096 --> */
/* <!-- 1366×3＝4098 --> */
/* <!-- 1024×5＝5120 219800円--> */
/* <!-- 1920×4＝7680 660000円 --> */
/* <!-- 5k以上は高価。4kは安価。5kの予算で4kは5台以上買える。 --> */
/* <!-- 4098は12.9インチiPad横画面のちょうど３個分。しかも4k(3840, 4096, 4098)をカバー。 --> */
/* <!-- 1+4098+1=4100 --> */
/* <!-- 縦書きにおいて、勝手に途中で改行されてしまう。ふりがなと漢字とがずれてしまう。 --> */
/* <!-- 画面の縦サイズ、すなわち高さhightを故意に大きくする必要がある。 --> */
/* <!-- 12.9インチiPad proのhight=1024 --> */
/* <!-- 縦も横と同じく３個分にする。 --> */
/* <!-- 1024×3＝3072 --> */
/* .column4k{border:1px solid #0000FF; flex; text-align:left; width:4096px; height:3072px;} */
/* .column4k{flex; text-align:left; width:4096px; height:3072px;} */
.column4k{flex; text-align:left; width:4096px;}

/* .flex{display: flex; border: 1px solid #FFFFFF;} */
.flex{display: flex;}

.column00{width: 322px; background: #F0F0F0;}
.column00in{border:6px solid #80F080; flex; text-align:left; width:310px;}

.column01{width: 3771px; height: 482px; background: #F0F0F0;}
.column01in{flex; text-align:left; width:3771px; height:480px; display:inline-block;}

.column02{width: 1366px; background: #FFFFFF;}

.column04{width: 1366px; background: #FFFFFF;}

.column06{width: 683px; background: #FFFFFF;}
.column07{width: 683px; background: #FFFFFF;}
.column08{width: 683px; background: #FFFFFF;}
.column09{width: 683px; background: #FFFFFF;}
.column10{width: 683px; background: #FFFFFF;}
.column11{width: 683px; background: #FFFFFF;}

.column12{width: 683px; background: #FFFFFF;}
.column13{width: 683px; background: #FFFFFF;}
.column14{width: 683px; background: #FFFFFF;}
.column15{width: 683px; background: #FFFFFF;}
.column16{width: 683px; background: #FFFFFF;}
.column17{width: 683px; background: #FFFFFF;}

.column18{width: 683px; background: #FFFFFF;}
.column19{width: 683px; background: #FFFFFF;}
.column20{width: 683px; background: #FFFFFF;}
.column21{width: 683px; background: #FFFFFF;}
.column22{width: 683px; background: #FFFFFF;}
.column23{width: 683px; background: #FFFFFF;}
}



/* for Xperia */
@media screen and (min-width:323px) and ( max-width:480px)
{
um9 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 4.5px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
k9 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 4.5px; font-weight: 400; line-height: 0;  padding:0; margin:0; margin-bottom: 0;}
um12 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 6px; font-weight: 400; line-height: 0.75;  padding:0; margin:0; margin-bottom: 0;}
k12 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 6px; font-weight: 400; line-height: 0.50;  padding:0; margin:0; margin-bottom: 0;}
um18 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 9px; font-weight: 400; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
k18 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 9px; font-weight: 400; line-height: 0.90;  padding:0; margin:0; margin-bottom: 0;}
um36 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 18px; font-weight: 400; line-height: 0.20;  padding:0; margin:0; margin-bottom: 0;}
k36 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 18px; font-weight: 400; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
um48 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 24px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
gg48 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 24px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
a {text-decoration:none; color: #6666FF;}
el {font-weight: 100;}
pre {line-height: 1.00;}
b { font-family: "Ume Mincho S3", "ヒラギノ角ゴシック W3"; line-height:1.5;}
pg {font-family: "Ume P Gothic S5", "ヒラギノ角ゴシック W5";}
hm{font-family: "ヒラギノ明朝ProN";}
cica{font-family: "Cica";}
gm{font-family: "Source Han Serif";}
gg{font-family: "Source Han Code JP";}
tm {font-family: "梅明朝S3"; padding:0; margin:0; line-height:0.75; font-weight: normal; style="margin-bottom: 0;"}
tm2 {font-family: "梅明朝S3"; padding:0; margin:0; line-height:1.0; font-size: 48px;  font-weight: normal; style="margin-bottom: 0;"}
tm3 {font-family: "梅明朝S3"; padding:0; margin:0; line-height:1.0; font-size: 34px;  font-weight: normal; style="margin-bottom: 0;"}
hl { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.5; font-weight: normal; style="margin-bottom: 0;"}
hm { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.0;  font-weight: normal; style="margin-bottom: 0;"}
m { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.0;  font-weight: normal; style="margin-bottom: 0;"}
hs { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 0.75;  font-weight: normal; style="margin-bottom: 0;"}
h { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 0.75;  font-weight: normal; style="margin-bottom: 0;"}
s9 {font-size: 9px;}
s10 {font-size: 10px;}
s11 {font-size: 11px;}
s12 {font-size: 12px;}
s13 {font-size: 13px;}
s14 {font-size: 14px;}
s15 {font-size: 15px;}
s16 {font-size: 16px;}
s17 {font-size: 17px;}
s18 {font-size: 18px;}
s19 {font-size: 19px;}
s20 {font-size: 20px;}
s21 {font-size: 21px;}
s22 {font-size: 22px;}
s23 {font-size: 23px;}
s24 {font-size: 24px;}
s25 {font-size: 25px;}
s26 {font-size: 26px;}
s27 {font-size: 27px;}
s28 {font-size: 28px;}
s30 {font-size: 30px;}
s32 {font-size: 32px;}
s33 {font-size: 33px;}
s34 {font-size: 34px;}
s36 {font-size: 36px;}
s38 {font-size: 38px;}
s40 {font-size: 40px;}
s42 {font-size: 42px;}
s43 {font-size: 43px;}
s44 {font-size: 44px;}
s45 {font-size: 45px;}
s46 {font-size: 46px;}
s47 {font-size: 47px;}
s48 {font-size: 48px;}
s49 {font-size: 49px;}
s50 {font-size: 50px;}
s52 {font-size: 52px;}
s54 {font-size: 54px;}
s56 {font-size: 56px;}
s58 {font-size: 58px;}
s60 {font-size: 60px;}
s60 {font-size: 60px;}
s63 {font-size: 63px;}
s64 {font-size: 64px;}
s66 {font-size: 66px;}
s68 {font-size: 68px;}
s69 {font-size: 69px;}
s72 {font-size: 72px;}
s80 {font-size: 80px;}
s96 {font-size: 96px;}
s128 {font-size: 128px;}
v {writing-mode: vertical-rl; line-height: 0.2; height: 480px;}
lh {line-height: 1.0;}
lh120 {line-height: 1.2;}
lh150 {line-height: 1.5;}
color_red { color: red; }
color_gray { color: gray; }
.green{ width: 100%; height: 100px; background-color: green;}


/* <!-- 1+1364+1=1366 --> */
/* <!-- div style="border:1px solid #0000FF; flex; text-align:left; width: 1364px;" --> */
/* <!-- ウインドウのサイズを小さくすると、勝手に画面が縮小されてしまう --> */
/* <!-- 画面が縮小されないように、1366よりもwidthを大きくする必要がある --> */
/* <!-- とりあえず、4K〜5K=3840〜4080〜4096〜4098〜5120にしてみる --> */
/* <!-- 1920×2＝3840 36799円 --> */
/* <!-- 1360×3＝4080 --> */
/* <!-- 1024×4＝4096 --> */
/* <!-- 1366×3＝4098 --> */
/* <!-- 1024×5＝5120 219800円--> */
/* <!-- 1920×4＝7680 660000円 --> */
/* <!-- 5k以上は高価。4kは安価。5kの予算で4kは5台以上買える。 --> */
/* <!-- 4098は12.9インチiPad横画面のちょうど３個分。しかも4k(3840, 4096, 4098)をカバー。 --> */
/* <!-- 1+4098+1=4100 --> */
/* <!-- 縦書きにおいて、勝手に途中で改行されてしまう。ふりがなと漢字とがずれてしまう。 --> */
/* <!-- 画面の縦サイズ、すなわち高さhightを故意に大きくする必要がある。 --> */
/* <!-- 12.9インチiPad proのhight=1024 --> */
/* <!-- 縦も横と同じく３個分にする。 --> */
/* <!-- 1024×3＝3072 --> */
/* .column4k{border:1px solid #0000FF; flex; text-align:left; width:4096px; height:3072px;} */
/* .column4k{flex; text-align:left; width:4096px; height:3072px;} */
.column4k{flex; text-align:left; width:4096px;}

/* .flex{display: flex; border: 1px solid #FFFFFF;} */
.flex{display: flex;}

.column00{width: 322px; height: 4096px; background: #F0F0F0;}
.column00in{border:6px solid #F08080; flex; text-align:left; width:310px;}

.column01{width: 3771px; height: 482px; background: #F0F0F0;}
.column01in{flex; text-align:left; width:3771px; height:480px; display:inline-block;}

.column02{width: 1366px; background: #FFFFFF;}

.column04{width: 1366px; background: #FFFFFF;}

.column06{width: 683px; background: #FFFFFF;}
.column07{width: 683px; background: #FFFFFF;}
.column08{width: 683px; background: #FFFFFF;}
.column09{width: 683px; background: #FFFFFF;}
.column10{width: 683px; background: #FFFFFF;}
.column11{width: 683px; background: #FFFFFF;}

.column12{width: 683px; background: #FFFFFF;}
.column13{width: 683px; background: #FFFFFF;}
.column14{width: 683px; background: #FFFFFF;}
.column15{width: 683px; background: #FFFFFF;}
.column16{width: 683px; background: #FFFFFF;}
.column17{width: 683px; background: #FFFFFF;}

.column18{width: 683px; background: #FFFFFF;}
.column19{width: 683px; background: #FFFFFF;}
.column20{width: 683px; background: #FFFFFF;}
.column21{width: 683px; background: #FFFFFF;}
.column22{width: 683px; background: #FFFFFF;}
.column23{width: 683px; background: #FFFFFF;}
}

/* for iPad */
@media screen and (min-width:481px) and ( max-width:1365px)
{
um9 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 4.5px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
k9 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 4.5px; font-weight: 400; line-height: 0;  padding:0; margin:0; margin-bottom: 0;}
um12 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 6px; font-weight: 400; line-height: 0.75;  padding:0; margin:0; margin-bottom: 0;}
k12 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 6px; font-weight: 400; line-height: 0.50;  padding:0; margin:0; margin-bottom: 0;}
um18 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 9px; font-weight: 400; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
k18 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 9px; font-weight: 400; line-height: 0.90;  padding:0; margin:0; margin-bottom: 0;}
um36 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 18px; font-weight: 400; line-height: 0.20;  padding:0; margin:0; margin-bottom: 0;}
k36 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 18px; font-weight: 400; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
um48 {font-family: "Ume Mincho S3"; white-space:pre;  font-size: 24px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
gg48 {font-family: "Source Han Code JP"; white-space:pre;  font-size: 18px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
a {text-decoration:none; color: #6666FF;}
el {font-weight: 100;}
pre {line-height: 1.00;}
b { font-family: "Ume Mincho S3", "ヒラギノ角ゴシック W3"; line-height:1.5;}
pg {font-family: "Ume P Gothic S5", "ヒラギノ角ゴシック W5";}
hm{font-family: "ヒラギノ明朝ProN";}
cica{font-family: "Cica";}
gm{font-family: "Source Han Serif";}
gg{font-family: "Source Han Code JP";}
tm {font-family: "梅明朝S3"; padding:0; margin:0; line-height:0.75; font-weight: normal; style="margin-bottom: 0;"}
tm2 {font-family: "梅明朝S3"; padding:0; margin:0; line-height:1.0; font-size: 48px;  font-weight: normal; style="margin-bottom: 0;"}
tm3 {font-family: "梅明朝S3"; padding:0; margin:0; line-height:1.0; font-size: 34px;  font-weight: normal; style="margin-bottom: 0;"}
hl { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.5; font-weight: normal; style="margin-bottom: 0;"}
hm { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.0;  font-weight: normal; style="margin-bottom: 0;"}
m { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.0;  font-weight: normal; style="margin-bottom: 0;"}
hs { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 0.75;  font-weight: normal; style="margin-bottom: 0;"}
h { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 0.75;  font-weight: normal; style="margin-bottom: 0;"}
s9 {font-size: 9px;}
s10 {font-size: 10px;}
s11 {font-size: 11px;}
s12 {font-size: 12px;}
s13 {font-size: 13px;}
s14 {font-size: 14px;}
s15 {font-size: 15px;}
s16 {font-size: 16px;}
s17 {font-size: 17px;}
s18 {font-size: 18px;}
s19 {font-size: 19px;}
s20 {font-size: 20px;}
s21 {font-size: 21px;}
s22 {font-size: 22px;}
s23 {font-size: 23px;}
s24 {font-size: 24px;}
s25 {font-size: 25px;}
s26 {font-size: 26px;}
s27 {font-size: 27px;}
s28 {font-size: 28px;}
s30 {font-size: 30px;}
s32 {font-size: 32px;}
s33 {font-size: 33px;}
s34 {font-size: 34px;}
s36 {font-size: 36px;}
s38 {font-size: 38px;}
s40 {font-size: 40px;}
s42 {font-size: 42px;}
s43 {font-size: 43px;}
s44 {font-size: 44px;}
s45 {font-size: 45px;}
s46 {font-size: 46px;}
s47 {font-size: 47px;}
s48 {font-size: 48px;}
s49 {font-size: 49px;}
s50 {font-size: 50px;}
s52 {font-size: 52px;}
s54 {font-size: 54px;}
s56 {font-size: 56px;}
s58 {font-size: 58px;}
s60 {font-size: 60px;}
s60 {font-size: 60px;}
s63 {font-size: 63px;}
s64 {font-size: 64px;}
s66 {font-size: 66px;}
s68 {font-size: 68px;}
s69 {font-size: 69px;}
s72 {font-size: 72px;}
s80 {font-size: 80px;}
s96 {font-size: 96px;}
s128 {font-size: 128px;}
v {writing-mode: vertical-rl; line-height: 0.2; height: 480px;}
lh {line-height: 1.0;}
lh120 {line-height: 1.2;}
lh150 {line-height: 1.5;}
color_red { color: red; }
color_gray { color: gray; }
.green{ width: 100%; height: 100px; background-color: green;}


/* <!-- 1+1364+1=1366 --> */
/* <!-- div style="border:1px solid #0000FF; flex; text-align:left; width: 1364px;" --> */
/* <!-- ウインドウのサイズを小さくすると、勝手に画面が縮小されてしまう --> */
/* <!-- 画面が縮小されないように、1366よりもwidthを大きくする必要がある --> */
/* <!-- とりあえず、4K〜5K=3840〜4080〜4096〜4098〜5120にしてみる --> */
/* <!-- 1920×2＝3840 36799円 --> */
/* <!-- 1360×3＝4080 --> */
/* <!-- 1024×4＝4096 --> */
/* <!-- 1366×3＝4098 --> */
/* <!-- 1024×5＝5120 219800円--> */
/* <!-- 1920×4＝7680 660000円 --> */
/* <!-- 5k以上は高価。4kは安価。5kの予算で4kは5台以上買える。 --> */
/* <!-- 4098は12.9インチiPad横画面のちょうど３個分。しかも4k(3840, 4096, 4098)をカバー。 --> */
/* <!-- 1+4098+1=4100 --> */
/* <!-- 縦書きにおいて、勝手に途中で改行されてしまう。ふりがなと漢字とがずれてしまう。 --> */
/* <!-- 画面の縦サイズ、すなわち高さhightを故意に大きくする必要がある。 --> */
/* <!-- 12.9インチiPad proのhight=1024 --> */
/* <!-- 縦も横と同じく３個分にする。 --> */
/* <!-- 1024×3＝3072 --> */
/* .column4k{border:1px solid #0000FF; flex; text-align:left; width:4096px; height:3072px;} */
/* .column4k{flex; text-align:left; width:4096px; height:3072px;} */
.column4k{flex; text-align:left; width:4096px;}

/* .flex{display: flex; border: 1px solid #FFFFFF;} */
.flex{display: flex;}

/* .column00{width: 377px; height: 3070px; background: #F0F0F0;} */
/* .column00in{border:1px solid #8080F0; flex; text-align:left; width:375px; height:3068px;} */
/* 4100の中に4098。その中に4096。1+360+1+3733+1=4096 **/

.column00{width: 322px; height: 4096px; background: #F0F0F0;}
.column00in{border:6px solid #8080F0; flex; text-align:left; width:310px;}

.column01{width: 3771px; height: 482px; background: #F0F0F0;}
.column01in{flex; text-align:left; width:3771px; height:480px; display:inline-block;}

.column02{width: 1366px; background: #FFFFFF;}

.column04{width: 1366px; background: #FFFFFF;}

.column06{width: 683px; background: #FFFFFF;}
.column07{width: 683px; background: #FFFFFF;}
.column08{width: 683px; background: #FFFFFF;}
.column09{width: 683px; background: #FFFFFF;}
.column10{width: 683px; background: #FFFFFF;}
.column11{width: 683px; background: #FFFFFF;}

.column12{width: 683px; background: #FFFFFF;}
.column13{width: 683px; background: #FFFFFF;}
.column14{width: 683px; background: #FFFFFF;}
.column15{width: 683px; background: #FFFFFF;}
.column16{width: 683px; background: #FFFFFF;}
.column17{width: 683px; background: #FFFFFF;}

.column18{width: 683px; background: #FFFFFF;}
.column19{width: 683px; background: #FFFFFF;}
.column20{width: 683px; background: #FFFFFF;}
.column21{width: 683px; background: #FFFFFF;}
.column22{width: 683px; background: #FFFFFF;}
.column23{width: 683px; background: #FFFFFF;}
}



/* for 12.9インチiPad横画面フルスクリーン and PC */
 @media screen and (min-width: 1366px)
{
um9 {font-family: "ヒラギノ明朝ProN"; font-size: 4.5px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
k9 {font-family: "ヒラギノ明朝ProN"; font-size: 4.5px; font-weight: 400; line-height: 0;  padding:0; margin:0; margin-bottom: 0;}
um12 {font-family: "ヒラギノ明朝ProN"; font-size: 6px; font-weight: 400; line-height: 0.75;  padding:0; margin:0; margin-bottom: 0;}
k12 {font-family: "ヒラギノ明朝ProN"; font-size: 6px; font-weight: 400; line-height: 0.50;  padding:0; margin:0; margin-bottom: 0;}
um18 {font-family: "ヒラギノ明朝ProN"; font-size: 9px; font-weight: 400; line-height: 1.0;  padding:0; margin:0; margin-bottom: 0;}
k18 {font-family: "ヒラギノ明朝ProN"; font-size: 9px; font-weight: 400; line-height: 0.90;  padding:0; margin:0; margin-bottom: 0;}
um36 {font-family: "Menlo"; white-space:pre;  font-size: 14.95px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;}
k36 {font-family: "ヒラギノ明朝ProN"; font-size:18px; font-weight: 400; line-height: 1.00;  padding:0; margin:0; margin-bottom: 0;}
/* um48 {font-family: "Menlo"; white-space:pre;  font-size: 19.93px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;} */
um48 {font-family: "Courier New"; white-space:pre;  font-size: 20px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;} 
gg48 {font-family: "Courier New"; white-space:pre;  font-size: 20px; font-weight: 400; line-height: 0.05;  padding:0; margin:0; margin-bottom: 0;} 
a {text-decoration:none; color: #6666FF;}
el {font-weight: 100;}
pre {line-height: 1.00;}


b { font-family: "Ume Mincho S3", "ヒラギノ角ゴシック W3"; line-height:1.5;}
pg {font-family: "Ume P Gothic S5", "ヒラギノ角ゴシック W5";}
hm{font-family: "ヒラギノ明朝ProN";}
cica{font-family: "Cica";}
gm{font-family: "Source Han Serif";}
gg{font-family: "Source Han Code JP";}
tm {font-family: "梅明朝S3"; padding:0; margin:0; line-height:0.75; font-weight: normal; style="margin-bottom: 0;"}
tm2 {font-family: "梅明朝S3"; padding:0; margin:0; line-height:1.0; font-size: 48px;  font-weight: normal; style="margin-bottom: 0;"}
tm3 {font-family: "梅明朝S3"; padding:0; margin:0; line-height:1.0; font-size: 34px;  font-weight: normal; style="margin-bottom: 0;"}
hl { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.5; font-weight: normal; style="margin-bottom: 0;"}
hm { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.0;  font-weight: normal; style="margin-bottom: 0;"}
m { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.0;  font-weight: normal; style="margin-bottom: 0;"}
hs { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 0.75;  font-weight: normal; style="margin-bottom: 0;"}
h { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 0.75;  font-weight: normal; style="margin-bottom: 0;"}
s9 {font-size: 9px;}
s10 {font-size: 10px;}
s11 {font-size: 11px;}
s12 {font-size: 12px;}
s13 {font-size: 13px;}
s14 {font-size: 14px;}
s15 {font-size: 15px;}
s16 {font-size: 16px;}
s17 {font-size: 17px;}
s18 {font-size: 18px;}
s19 {font-size: 19px;}
s20 {font-size: 20px;}
s21 {font-size: 21px;}
s22 {font-size: 22px;}
s23 {font-size: 23px;}
s24 {font-size: 24px;}
s25 {font-size: 25px;}
s26 {font-size: 26px;}
s27 {font-size: 27px;}
s28 {font-size: 28px;}
s30 {font-size: 30px;}
s32 {font-size: 32px;}
s33 {font-size: 33px;}
s34 {font-size: 34px;}
s36 {font-size: 36px;}
s38 {font-size: 38px;}
s40 {font-size: 40px;}
s42 {font-size: 42px;}
s43 {font-size: 43px;}
s44 {font-size: 44px;}
s45 {font-size: 45px;}
s46 {font-size: 46px;}
s47 {font-size: 47px;}
s48 {font-size: 48px;}
s49 {font-size: 49px;}
s50 {font-size: 50px;}
s52 {font-size: 52px;}
s54 {font-size: 54px;}
s56 {font-size: 56px;}
s58 {font-size: 58px;}
s60 {font-size: 60px;}
s60 {font-size: 60px;}
s63 {font-size: 63px;}
s64 {font-size: 64px;}
s66 {font-size: 66px;}
s68 {font-size: 68px;}
s69 {font-size: 69px;}
s72 {font-size: 72px;}
s80 {font-size: 80px;}
s96 {font-size: 96px;}
s128 {font-size: 128px;}
v {writing-mode: vertical-rl; line-height: 0.2; height: 480px;}
lh {line-height: 1.0;}
lh120 {line-height: 1.2;}
lh150 {line-height: 1.5;}
color_red { color: red; }
color_gray { color: gray; }
.green{ width: 100%; height: 100px; background-color: green;}

/* 1920×2＝3840 36799円 */
/* 1360×3＝4080、1024×4＝4096、1366×3＝4098  */
/* 1024×5＝5120 219800円、1920×4＝7680 660000円  */
/* 安価な4kをカバー */
.column4k{flex; text-align:left; width:4096px; height:4096px;}
.flex{display: flex;}
/* 322=6+310+6, 4096=6+4084+6*/
.column00{width: 322px; background: #F0F0F0;}
.column00in{border:6px solid #80F080; flex; text-align:left; width:310px;}

.column01{width: 3771px; height: 482px; background: #F0F0F0;}
.column01in{flex; text-align:left; width:3771px; height:480px; display:inline-block;}

.column02{width: 1366px; background: #FFFFFF;}

.column04{width: 1366px; background: #FFFFFF;}

.column06{width: 683px; background: #FFFFFF;}
.column07{width: 683px; background: #FFFFFF;}
.column08{width: 683px; background: #FFFFFF;}
.column09{width: 683px; background: #FFFFFF;}
.column10{width: 683px; background: #FFFFFF;}
.column11{width: 683px; background: #FFFFFF;}

.column12{width: 683px; background: #FFFFFF;}
.column13{width: 683px; background: #FFFFFF;}
.column14{width: 683px; background: #FFFFFF;}
.column15{width: 683px; background: #FFFFFF;}
.column16{width: 683px; background: #FFFFFF;}
.column17{width: 683px; background: #FFFFFF;}

.column18{width: 683px; background: #FFFFFF;}
.column19{width: 683px; background: #FFFFFF;}
.column20{width: 683px; background: #FFFFFF;}
.column21{width: 683px; background: #FFFFFF;}
.column22{width: 683px; background: #FFFFFF;}
.column23{width: 683px; background: #FFFFFF;}
}