/* style.css */ /* 共通 */ /* iPhone SE3のSafariブラウザに勝手に文字サイズを大きくさせない */ body {-webkit-text-size-adjust: 100%;} a {text-decoration:none; color: #6666FF;} body {font-family: "Ume Mincho S3", "Hiragino Sans", sans-serif; font-size: 18px; font-weight: 400;line-height: 1.5; padding:0; margin:0;} p {font-family: "Source Han Code JP", "Helvetica Neue"; font-size: 18px; line-height: 1.5; font-weight: 400; padding:0; margin:0;} m {font-family: "Source Han Serif", "ヒラギノ明朝ProN";} /* t {font-size: 18px; font-weight: 400; line-height: 0.10; vertical-align:middle; padding:0; margin:0;} */ /* t {font-size: 18px; font-weight: 50; line-height: 0.10; padding:0; margin:0;} */ cn {font-family: "Courier New"; white-space:pre; font-size: 20px; font-weight: 50; line-height:0.40;} /* フォントの種類やサイズなどをまとめて設定 */ h12 {font-family: "ヒラギノ明朝ProN"; font-size: 6px; font-weight: 50; line-height: 0.32; padding:0; margin:0;} h18 {font-family: "ヒラギノ明朝ProN"; font-size: 9px; font-weight: 50; line-height: 0.80; padding:0; margin:0;} k {font-family: "ヒラギノ明朝ProN"; font-size: 9px; font-weight: 50; line-height: 0.80; padding:0; margin:0;} e {font-family: "ヒラギノ明朝ProN"; font-size: 13.5px; font-weight: 50; line-height: 0.40;} h24 {font-family: "ヒラギノ明朝ProN"; font-size: 12px; font-weight: 50; line-height: 1.0; padding:0; margin:0;} h36 {font-family: "ヒラギノ明朝ProN"; font-size: 18px; font-weight: 50; line-height: 0.20; padding:0; margin:0;} b15 {font-family: "Courier New"; white-space:pre; font-size: 7.0px; font-weight: 50; line-height: 0.10;} c15 {font-family: "Courier New"; white-space:pre; font-size: 7.5px; font-weight: 50; line-height: 0.20;} c20 {font-family: "Courier New"; white-space:pre; font-size: 10px; font-weight: 50; line-height:0.10;} c24 {font-family: "Courier New"; white-space:pre; font-size: 12px; font-weight: 50; line-height:0.10;} c28 {font-family: "Courier New"; white-space:pre; font-size: 14px; font-weight: 50; line-height:0.10;} c30 {font-family: "Courier New","Courier"; white-space:pre; font-size: 15.00px; font-weight: 50; line-height: 0.05; padding:0; margin:0;} c40 {font-family: "Courier New"; white-space:pre; font-size: 20px; font-weight: 50; line-height:0.10;} c48 {font-family: "Courier New"; white-space:pre; font-size: 24px; font-weight: 50; line-height:0.40;} m15 {font-family:"Menlo",sans-serif;font-size:15px;font-weight:400;line-height:1.5;padding:0;margin:0;} /* m15 {font-family: "Menlo"; white-space:pre; font-size: 7.5px; font-weight: 50; 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: 50; line-height: 0.05; padding:0; margin:0;} m40 {font-family: "Menlo"; white-space:pre; font-size: 20px; font-weight: 50; line-height:0.10;} m48 {font-family: "Menlo"; white-space:pre; font-size: 24px; font-weight: 50; line-height:0.40;} tg {font-family: "Menlo"; white-space:pre; font-size: 20px; font-weight: 50; line-height:0.40;} /* 4k+α＝4096+2＝1366×3＝4098 */ .d4k{flex; text-align:left; width:4098px; background: #F0F0F0;} .flex-wrap{padding: 0px 0px; display: flex; flex-wrap: wrap; justify-content: space-between;} .flex-wrap-center{padding: 0px 0px; display: flex; flex-wrap: wrap; justify-content: center;} .flex-just{padding: 0px 0px; display: flex; flex-wrap: no-wrap; justify-content: center;} .flex-just-left{padding: 0px 0px; display: flex; flex-wrap: no-wrap; justify-content: left;} /* g {font-family: "Courier New"; white-space:pre; font-size: 15px; font-weight: 50; line-height: 0.05; padding:0; margin:0;} */ hg12 {font-family: "Hiragino Sans"; font-size: 12px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg15 {font-family: "Hiragino Sans"; font-size: 15px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg18 {font-family: "Hiragino Sans"; font-size: 18px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg21 {font-family: "Hiragino Sans"; font-size: 21px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg24 {font-family: "Hiragino Sans"; font-size: 24px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg27 {font-family: "Hiragino Sans"; font-size: 27px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg30 {font-family: "Hiragino Sans"; font-size: 30px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg36 {font-family: "Hiragino Sans"; font-size: 36px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg42 {font-family: "Hiragino Sans"; font-size: 42px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg48 {font-family: "Hiragino Sans"; font-size: 48px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg54 {font-family: "Hiragino Sans"; font-size: 54px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg60 {font-family: "Hiragino Sans"; font-size: 60px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg72 {font-family: "Hiragino Sans"; font-size: 72px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg84 {font-family: "Hiragino Sans"; font-size: 84px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hg96 {font-family: "Hiragino Sans"; font-size: 96px; font-weight: 600; line-height: 1.00; padding:0; margin:0} hn12 {font-family: "Helvetica Neue"; font-size: 12px; font-weight: 400; line-height: 1.00; padding:0; margin:0} hn15 {font-family: "Helvetica Neue"; font-size: 15px; font-weight: 400; line-height: 1.00; padding:0; margin:0} hn16 {font-family: "Helvetica Neue"; font-size: 15px; font-weight: 300; line-height: 1.00; padding:0; margin:0} hn17 {font-family: "Helvetica Neue"; font-size: 15px; font-weight: 300; line-height: 1.00; padding:0; margin:0} hn18 {font-family: "Helvetica Neue"; font-size: 18px; font-weight: 250; line-height: 1.00; padding:0; margin:0} hn20 {font-family: "Helvetica Neue"; font-size: 18px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn21 {font-family: "Helvetica Neue"; font-size: 21px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn24 {font-family: "Helvetica Neue"; font-size: 24px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn25 {font-family: "Helvetica Neue"; font-size: 24px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn27 {font-family: "Helvetica Neue"; font-size: 27px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn30 {font-family: "Helvetica Neue"; font-size: 30px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn36 {font-family: "Helvetica Neue"; font-size: 36px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn40 {font-family: "Helvetica Neue"; font-size: 36px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn42 {font-family: "Helvetica Neue"; font-size: 42px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn48 {font-family: "Helvetica Neue"; font-size: 48px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn50 {font-family: "Helvetica Neue"; font-size: 48px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn54 {font-family: "Helvetica Neue"; font-size: 54px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn60 {font-family: "Helvetica Neue"; font-size: 60px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn63 {font-family: "Helvetica Neue"; font-size: 60px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn64 {font-family: "Helvetica Neue"; font-size: 60px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn72 {font-family: "Helvetica Neue"; font-size: 72px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn80 {font-family: "Helvetica Neue"; font-size: 72px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn84 {font-family: "Helvetica Neue"; font-size: 84px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn90 {font-family: "Helvetica Neue"; font-size: 84px; font-weight: 100; line-height: 1.00; padding:0; margin:0} hn96 {font-family: "Helvetica Neue"; font-size: 96px; font-weight: 100; line-height: 1.00; padding:0; margin:0} ruby-red { color: rgb(185, 30, 104); } color-red-violet {color: rgb(255, 0, 255);} color-ruby-red {color: rgb(222, 36, 125);} color-white-green {color: rgb(202, 219, 207);} um9 {font-family: "Ume Mincho S3"; white-space:pre; font-size: 4.5px; font-weight: 400; line-height: 0.05; padding:0; margin:0;} k9 {font-family: "Ume Mincho S3"; white-space:pre; font-size: 4.5px; font-weight: 400; line-height: 0; padding:0; margin:0;} um12 {font-family: "Ume Mincho S3"; white-space:pre; font-size: 6px; font-weight: 400; line-height: 0.75; padding:0; margin:0;} k12 {font-family: "Ume Mincho S3"; white-space:pre; font-size: 6px; font-weight: 400; line-height: 0.50; padding:0; margin:0;} um18 {font-family: "Ume Mincho S3"; white-space:pre; font-size: 9px; font-weight: 400; line-height: 1.00; padding:0; margin:0;} k18 {font-family: "Ume Mincho S3"; white-space:pre; font-size: 9px; font-weight: 400; line-height: 0.90; padding:0; margin:0;} k36 {font-family: "Ume Mincho S3"; white-space:pre; font-size: 18px; font-weight: 400; line-height: 1.00; padding:0; margin:0;} um48 {font-family: "Ume Mincho S3"; white-space:pre; font-size: 24px; font-weight: 400; line-height: 0.05; padding:0; margin: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;} el {font-weight: 100;} pre {line-height: 1.00;} b { font-family: "Ume Mincho S3", "Hiragino Sans W3"; line-height:1.5;} pg {font-family: "Ume P Gothic S5", "Hiragino Sans W5";} hm{font-family: "ヒラギノ明朝ProN";} cica{font-family: "Cica";} gm{font-family: "Source Han Serif";} tm {font-family: "梅明朝S3"; padding:0; margin:0; line-height:0.75; font-weight: normal;} tm2 {font-family: "梅明朝S3"; padding:0; margin:0; line-height:1.0; font-size: 48px; font-weight: normal;} tm3 {font-family: "梅明朝S3"; padding:0; margin:0; line-height:1.0; font-size: 34px; font-weight: normal;} hl { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.5; font-weight: normal;} hm { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.0; font-weight: normal;} m { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 1.0; font-weight: normal;} hs { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 0.75; font-weight: normal;} h { font-family: "Ume Mincho S3"; padding:0; margin:0; line-height: 0.75; font-weight: normal;} 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;} /*um36 {font-family: "Ume Mincho S3"; white-space:pre; font-size: 18px; font-weight: 400; line-height: 0.05; padding:0; margin:0;} /*um36 {font-family: "Menlo"; white-space:pre; font-size: 14.95px; font-weight: 400; line-height: 0.05; padding:0; margin:0;}*/ /*um36 {font-family: "Courier New"; white-space:pre; font-size: 15px; font-weight: 800; line-height: 0.05; padding:0; margin:0;}*/ um36 {font-family: "Menlo"; white-space:pre; font-size: 14.95px; font-weight: 400; line-height: 0.05; padding:0; margin:0;} o {font-family: "Menlo"; white-space:pre; font-size: 14.95px; font-weight: 400; line-height: 0.05; padding:0; margin:0;} um48 {font-family: "Courier New"; white-space:pre; font-size: 20px; font-weight: 400; line-height: 0.05; padding:0; margin:0;} ug18 {font-family: "ヒラギノ角ゴ ProN W3"; white-space:pre; font-size: 9px; font-weight: 100; line-height: 0.10; padding:0; margin:0;} ug24 {font-family: "ヒラギノ角ゴ ProN W3"; white-space:pre; font-size: 12px; font-weight: 100; line-height: 0.20; padding:0; margin:0;} ug36 {font-family: "ヒラギノ角ゴ ProN W3"; white-space:pre; font-size: 18px; font-weight: 100; line-height: 0.20; padding:0; margin:0;} hn48 {font-family: "Helvetica Neue"; font-size: 48px; font-weight: 100; line-height: 1; padding:0; margin:0;} .p{column-count: 1; border: 0.5px solid #C0C0C0; text-align:center;} .t { padding:9px 18px; border: 0.5px solid #333; font-family: "Menlo", "Courier New";white-space:pre;font-size: 17.95px;font-weight:400;line-height:0.5;padding:0; margin:0; } t0 { font-family: "Menlo"; white-space:pre; font-size: 17.95px; font-weight: 400; line-height: 0.001; padding:0; margin:0; } t1 { font-family: "Menlo"; white-space:pre; font-size: 17.95px; font-weight: 400; line-height: 0.001; padding:0; margin:0; } g { font-family: "Menlo"; white-space:pre; font-size: 18.00px; font-weight: 400; line-height: 0.750; padding:0; margin:0; } hg {font-family: "Hiragino Sans"; font-size: 18px; font-weight: 600; line-height: 0.750; padding:0; margin:0} gg0 { font-family: "Menlo"; white-space:pre; font-size: 19.94px; font-weight: 400; line-height: 0.001; padding:0; margin:0; } gg { font-family: "Menlo"; white-space:pre; font-size: 19.94px; font-weight: 400; line-height: 0.001; padding:0; margin:0; } ggg0 { font-family: "Menlo"; white-space:pre; font-size: 14.95px; font-weight: 400; line-height: 0.001; padding:0; margin:0; } ggg { font-family: "Menlo"; white-space:pre; font-size: 14.95px; font-weight: 400; line-height: 0.001; padding:0; margin:0; } p12 {font-family:"Helvetica Neue", "Hiragino Sans",sans-serif;font-size:12px;font-weight:400;line-height:1.5;padding:0;margin:0;} p15 {font-family:"Hiragino Sans",sans-serif;font-size:15px;font-weight:400;line-height:1.5;padding:0;margin:0;} .cc1 {border: 0.5px solid #333; padding:9px 18px; column-count: 1; text-align:left;} um {font-family:"Ume Mincho S3",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Ume Gothic S4",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} mg {font-family:"Migu 1M",Courier New,sans-serif;font-size:18px;font-weight:350;line-height:1.5;padding:0;margin:0;} /* (1366〜)×(969〜) 13inch Firefoxなど向け */ @media screen and (min-width:1366px) and (min-height:969px) { .hako{width:200%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:50%; background: #E0F0FF;} #page0002{width:50%; background: #FFF0E0;} #page0003{width:50%; background: #E0F0FF;} #page0004{width:50%; background: #FFF0E0;} #page0005{width:50%; background: #E0F0FF;} #page0006{width:50%; background: #FFF0E0;} #page0007{width:100%; background: #FFFFFF;} #page0008{width:50%; background: #FFF0E0;} #page0009{width:50%; background: #E0F0FF;} #page0010{width:50%; background: #FFF0E0;} #page0011{width:50%; background: #E0F0FF;} #page0012{width:50%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Source Han Code JP",sans-serif;font-size:36px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Source Han Code JP",sans-serif;font-size:24px;font-weight:350;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Source Han Code JP",sans-serif;font-size:30px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Source Han Code JP",sans-serif;font-size:24px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Source Han Code JP",sans-serif;font-size:20px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:350;line-height:1.5;padding:0;margin:0;} um {font-family:"Ume Mincho S3",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Ume Gothic S4",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* (1366〜)×968 13inch iPad Safari向け */ @media screen and (min-width:1366px) and (min-height:968px) and (max-height:968px) { .hako{width:200%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:50%; background: #F8FCFF;} #page0002{width:50%; background: #FFFCF8;} #page0003{width:50%; background: #F8FCFF;} #page0004{width:50%; background: #FFFCF8;} #page0005{width:50%; background: #F8FCFF;} #page0006{width:50%; background: #FFFCF8;} #page0007{width:100%; background: #FFFFFF;} #page0008{width:50%; background: #FFFCF8;} #page0009{width:50%; background: #F8FCFF;} #page0010{width:50%; background: #FFFCF8;} #page0011{width:50%; background: #F8FCFF;} #page0012{width:50%; background: #FFFCF8;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Hiragino Sans",sans-serif;font-size:36px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Hiragino Sans",sans-serif;font-size:24px;font-weight:350;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Hiragino Sans",sans-serif;font-size:30px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Hiragino Sans",sans-serif;font-size:24px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Hiragino Sans",sans-serif;font-size:20px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1.5;padding:0;margin:0;} um {font-family:"Hiragino Mincho ProN",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* (1366〜)×968 13inch iPad Safari向け */ @media screen and (min-width:1366px) and (min-height:939px) and (max-height:967px) { .hako{width:200%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:50%; background: #E0F0FF;} #page0002{width:50%; background: #FFF0E0;} #page0003{width:50%; background: #E0F0FF;} #page0004{width:50%; background: #FFF0E0;} #page0005{width:50%; background: #E0F0FF;} #page0006{width:50%; background: #FFF0E0;} #page0007{width:100%; background: #FFFFFF;} #page0008{width:50%; background: #FFF0E0;} #page0009{width:50%; background: #E0F0FF;} #page0010{width:50%; background: #FFF0E0;} #page0011{width:50%; background: #E0F0FF;} #page0012{width:50%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Source Han Code JP",sans-serif;font-size:36px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Source Han Code JP",sans-serif;font-size:24px;font-weight:350;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Source Han Code JP",sans-serif;font-size:30px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Source Han Code JP",sans-serif;font-size:24px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Source Han Code JP",sans-serif;font-size:20px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:350;line-height:1.5;padding:0;margin:0;} um {font-family:"ヒラギノ明朝ProN",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* (1366〜)×938 13inch iPad Safari向け */ @media screen and (min-width:1366px) and (min-height:938px) and (max-height:938px) { .hako{width:200%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:50%; background: #F8FCFF;} #page0002{width:50%; background: #FFFCF8;} #page0003{width:50%; background: #F8FCFF;} #page0004{width:50%; background: #FFFCF8;} #page0005{width:50%; background: #F8FCFF;} #page0006{width:50%; background: #FFFCF8;} #page0007{width:100%; background: #FFFFFF;} #page0008{width:50%; background: #FFFCF8;} #page0009{width:50%; background: #F8FCFF;} #page0010{width:50%; background: #FFFCF8;} #page0011{width:50%; background: #F8FCFF;} #page0012{width:50%; background: #FFFCF8;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Hiragino Sans",sans-serif;font-size:36px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Hiragino Sans",sans-serif;font-size:24px;font-weight:350;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Hiragino Sans",sans-serif;font-size:30px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Hiragino Sans",sans-serif;font-size:24px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Hiragino Sans",sans-serif;font-size:20px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1.5;padding:0;margin:0;} um {font-family:"Hiragino Mincho ProN",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* (1366〜)×938 13inch iPad Safari向け */ @media screen and (min-width:1366px) and (min-height:897px) and (max-height:937px) { .hako{width:200%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:50%; background: #F8FCFF;} #page0002{width:50%; background: #FFF0E0;} #page0003{width:50%; background: #F8FCFF;} #page0004{width:50%; background: #FFF0E0;} #page0005{width:50%; background: #F8FCFF;} #page0006{width:50%; background: #FFF0E0;} #page0007{width:100%; background: #FFFFFF;} #page0008{width:50%; background: #FFF0E0;} #page0009{width:50%; background: #F8FCFF;} #page0010{width:50%; background: #FFF0E0;} #page0011{width:50%; background: #F8FCFF;} #page0012{width:50%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Source Han Code JP",sans-serif;font-size:36px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Source Han Code JP",sans-serif;font-size:24px;font-weight:350;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Source Han Code JP",sans-serif;font-size:30px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Source Han Code JP",sans-serif;font-size:24px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Source Han Code JP",sans-serif;font-size:20px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:350;line-height:1.5;padding:0;margin:0;} um {font-family:"ヒラギノ明朝ProN",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* (1366〜)×896 13inch iPad Safari向け */ @media screen and (min-width:1366px) and (min-height:896px) and (max-height:896px) { .hako{width:200%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:50%; background: #F8FCFF;} #page0002{width:50%; background: #FFFCF8;} #page0003{width:50%; background: #F8FCFF;} #page0004{width:50%; background: #FFFCF8;} #page0005{width:50%; background: #F8FCFF;} #page0006{width:50%; background: #FFFCF8;} #page0007{width:100%; background: #FFFFFF;} #page0008{width:50%; background: #FFF0E0;} #page0009{width:50%; background: #E0F0FF;} #page0010{width:50%; background: #FFF0E0;} #page0011{width:50%; background: #E0F0FF;} #page0012{width:50%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Hiragino Sans",sans-serif;font-size:36px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Hiragino Sans",sans-serif;font-size:24px;font-weight:350;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Hiragino Sans",sans-serif;font-size:30px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Hiragino Sans",sans-serif;font-size:24px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Hiragino Sans",sans-serif;font-size:20px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1.5;padding:0;margin:0;} um {font-family:"Hiragino Mincho ProN",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } @media screen and (min-width:1366px) and (max-height:895px) { .hako{width:200%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:50%; background: #E0F0FF;} #page0002{width:50%; background: #FFF0E0;} #page0003{width:50%; background: #E0F0FF;} #page0004{width:50%; background: #FFF0E0;} #page0005{width:50%; background: #E0F0FF;} #page0006{width:50%; background: #FFF0E0;} #page0007{width:100%; background: #FFFFFF;} #page0008{width:50%; background: #FFF0E0;} #page0009{width:50%; background: #E0F0FF;} #page0010{width:50%; background: #FFF0E0;} #page0011{width:50%; background: #E0F0FF;} #page0012{width:50%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Source Han Code JP",sans-serif;font-size:36px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Source Han Code JP",sans-serif;font-size:24px;font-weight:350;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Source Han Code JP",sans-serif;font-size:30px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Source Han Code JP",sans-serif;font-size:24px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Source Han Code JP",sans-serif;font-size:20px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:350;line-height:1.5;padding:0;margin:0;} um {font-family:"Ume Mincho S3",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Ume Gothic S4",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* (1025〜1365)×(0〜895) iPad Safari向け */ @media screen and (min-width:1025px) and (max-width:1365px) and (max-height:895px) { .hako{width:200%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:50%; background: #E0F0FF;} #page0002{width:50%; background: #FFF0E0;} #page0003{width:50%; background: #E0F0FF;} #page0004{width:50%; background: #FFF0E0;} #page0005{width:50%; background: #E0F0FF;} #page0006{width:50%; background: #FFF0E0;} #page0007{width:100%; background: #FFFFFF;} #page0008{width:50%; background: #FFF0E0;} #page0009{width:50%; background: #E0F0FF;} #page0010{width:50%; background: #FFF0E0;} #page0011{width:50%; background: #E0F0FF;} #page0012{width:50%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Source Han Code JP",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Source Han Code JP",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Source Han Code JP",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Source Han Code JP",sans-serif;font-size:21px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:0;margin:0;} um {font-family:"Ume Mincho S3",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Ume Gothic S4",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* (1025〜1365)×(896〜) iPad SafariとFirefox Focus以外向け */ @media screen and (min-width:1025px) and (max-width:1365px) and (min-height:896px) { .hako{width:200%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:50%; background: #F0F8FF;} #page0002{width:50%; background: #FFF8F0;} #page0003{width:50%; background: #F0F8FF;} #page0004{width:50%; background: #FFF8F0;} #page0005{width:50%; background: #F0F8FF;} #page0006{width:50%; background: #FFF8F0;} #page0007{width:100%; background: #FFFFFF;} #page0008{width:50%; background: #FFF0E0;} #page0009{width:50%; background: #E0F0FF;} #page0010{width:50%; background: #FFF0E0;} #page0011{width:50%; background: #E0F0FF;} #page0012{width:50%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Hiragino Sans",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Hiragino Sans",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Hiragino Sans",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Hiragino Sans",sans-serif;font-size:21px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:0;margin:0;} um {font-family:"Hiragino Mincho ProN",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* iPad SafariとFirefox Focus向け 1024×(1238〜) height>=1238 */ @media screen and (min-width:1024px) and (max-width:1024px) and (min-height:1238px) { .hako{width:300%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:33.333%; background: #F0F8FF;} #page0002{width:33.333%; background: #FFF8F0;} #page0003{width:33.333%; background: #F0F8FF;} #page0004{width:33.333%; background: #FFF8F0;} #page0005{width:33.333%; background: #F0F8FF;} #page0006{width:33.333%; background: #FFF8F0;} #page0007{width:66.666%; background: #FFFFFF;} #page0008{width:33.333%; background: #FFF0E0;} #page0009{width:33.333%; background: #E0F0FF;} #page0010{width:33.333%; background: #FFF0E0;} #page0011{width:33.333%; background: #E0F0FF;} #page0012{width:33.333%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Hiragino Sans",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Hiragino Sans",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Hiragino Sans",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Hiragino Sans",sans-serif;font-size:21px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:0;margin:0;} um {font-family:"Hiragino Mincho ProN",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* iPad SafariとFirefox Focus以外向け 1024×(0〜1237) */ @media screen and (min-width:1024px) and (max-width:1024px) and (max-height:1237px) { .hako{width:300%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:33.333%; background: #E0F0FF;} #page0002{width:33.333%; background: #FFF0E0;} #page0003{width:33.333%; background: #E0F0FF;} #page0004{width:33.333%; background: #FFF0E0;} #page0005{width:33.333%; background: #E0F0FF;} #page0006{width:33.333%; background: #FFF0E0;} #page0007{width:66.666%; background: #FFFFFF;} #page0008{width:33.333%; background: #FFF0E0;} #page0009{width:33.333%; background: #E0F0FF;} #page0010{width:33.333%; background: #FFF0E0;} #page0011{width:33.333%; background: #E0F0FF;} #page0012{width:33.333%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Source Han Code JP",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Source Han Code JP",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Source Han Code JP",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Source Han Code JP",sans-serif;font-size:21px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:0;margin:0;} um {font-family:"Ume Mincho S3",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Ume Gothic S4",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* iPad SafariとFirefox Focus向け (682.667〜1023)×(896〜) */ @media screen and (min-width:682.667px) and ( max-width:1023px) and (min-height:896px) { .hako{width:300%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:33.333%; background: #F0F8FF;} #page0002{width:33.333%; background: #FFF8F0;} #page0003{width:33.333%; background: #F0F8FF;} #page0004{width:33.333%; background: #FFF8F0;} #page0005{width:33.333%; background: #F0F8FF;} #page0006{width:33.333%; background: #FFF8F0;} #page0007{width:66.666%; background: #FFFFFF;} #page0008{width:33.333%; background: #FFF0E0;} #page0009{width:33.333%; background: #E0F0FF;} #page0010{width:33.333%; background: #FFF0E0;} #page0011{width:33.333%; background: #E0F0FF;} #page0012{width:33.333%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Hiragino Sans",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Hiragino Sans",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Hiragino Sans",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Hiragino Sans",sans-serif;font-size:21px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:0;margin:0;} um {font-family:"Hiragino Mincho ProN",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* iPad SafariとFirefox Focus以外向け (682.667〜1023)×(0〜895) */ @media screen and (min-width:682.667px) and ( max-width:1023px) and (max-height:895px) { .hako{width:300%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:33.333%; background: #E0F0FF;} #page0002{width:33.333%; background: #FFF0E0;} #page0003{width:33.333%; background: #E0F0FF;} #page0004{width:33.333%; background: #FFF0E0;} #page0005{width:33.333%; background: #E0F0FF;} #page0006{width:33.333%; background: #FFF0E0;} #page0007{width:66.666%; background: #FFFFFF;} #page0008{width:33.333%; background: #FFF0E0;} #page0009{width:33.333%; background: #E0F0FF;} #page0010{width:33.333%; background: #FFF0E0;} #page0011{width:33.333%; background: #E0F0FF;} #page0012{width:33.333%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 2; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Source Han Code JP",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Source Han Code JP",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Source Han Code JP",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Source Han Code JP",sans-serif;font-size:21px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:0;margin:0;} um {font-family:"Ume Mincho S3",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Ume Gothic S4",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* iPad SafariとFirefox Focus向け (512〜682.667)×(896〜) */ @media screen and (min-width:512px) and ( max-width:682.667px) and (min-height:896px) { .hako{width:300%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:33.333%; background: #F0F8FF;} #page0002{width:33.333%; background: #FFF8F0;} #page0003{width:33.333%; background: #F0F8FF;} #page0004{width:33.333%; background: #FFF8F0;} #page0005{width:33.333%; background: #F0F8FF;} #page0006{width:33.333%; background: #FFF8F0;} #page0007{width:66.666%; background: #FFFFFF;} #page0008{width:33.333%; background: #FFF8F0;} #page0009{width:33.333%; background: #F0F8FF;} #page0010{width:33.333%; background: #FFF8F0;} #page0011{width:33.333%; background: #F0F8FF;} #page0012{width:33.333%; background: #FFF8F0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 1; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Hiragino Sans",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Hiragino Sans",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Hiragino Sans",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Hiragino Sans",sans-serif;font-size:21px;font-weight:400;line-height:2.3;padding:0;margin:0;} h5 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} h6 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.5;padding:0;margin:0;} p {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:0;margin:0;} um {font-family:"Hiragino Mincho ProN",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* iPad SafariとFirefox Focus以外向け (512〜682.667)×(0〜895) */ @media screen and (min-width:512px) and ( max-width:682.667px) and (max-height:895px) { .hako{width:300%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:33.333%; background: #E0F0FF;} #page0002{width:33.333%; background: #FFF0E0;} #page0003{width:33.333%; background: #E0F0FF;} #page0004{width:33.333%; background: #FFF0E0;} #page0005{width:33.333%; background: #E0F0FF;} #page0006{width:33.333%; background: #FFF0E0;} #page0007{width:66.666%; background: #FFFFFF;} #page0008{width:33.333%; background: #FFF0E0;} #page0009{width:33.333%; background: #E0F0FF;} #page0010{width:33.333%; background: #FFF0E0;} #page0011{width:33.333%; background: #E0F0FF;} #page0012{width:33.333%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 1; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Source Han Code JP",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Source Han Code JP",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Source Han Code JP",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Source Han Code JP",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h5 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.0;padding:0;margin:0;} h6 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.0;padding:0;margin:0;} p {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:0;margin:0;} um {font-family:"Ume Mincho S3",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Ume Gothic S4",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* iPad SafariとFirefox Focus向け (409.6〜512)×(896〜) */ @media screen and (min-width:409.6px) and ( max-width:512px) and (min-height:848px) { .hako{width:400%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:25%; background: #F0F8FF;} #page0002{width:25%; background: #FFF8F0;} #page0003{width:25%; background: #F0F8FF;} #page0004{width:25%; background: #FFF8F0;} #page0005{width:25%; background: #F0F8FF;} #page0006{width:25%; background: #FFF8F0;} #page0007{width:50%; background: #FFFFFF;} #page0008{width:25%; background: #FFF8F0;} #page0009{width:25%; background: #F0F8FF;} #page0010{width:25%; background: #FFF8F0;} #page0011{width:25%; background: #F0F8FF;} #page0012{width:25%; background: #FFF8F0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 1; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Hiragino Sans",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Hiragino Sans",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Hiragino Sans",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Hiragino Sans",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h5 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.0;padding:0;margin:0;} h6 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.0;padding:0;margin:0;} p {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:0;margin:0;} um {font-family:"Hiragino Mincho ProN",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* iPad SafariとFirefox Focus以外向け (409.6〜512)×(0〜895) */ @media screen and (min-width:409.6px) and ( max-width:512px) and (max-height:847px) { .hako{width:400%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:25%; background: #E0F0FF;} #page0002{width:25%; background: #FFF0E0;} #page0003{width:25%; background: #E0F0FF;} #page0004{width:25%; background: #FFF0E0;} #page0005{width:25%; background: #E0F0FF;} #page0006{width:25%; background: #FFF0E0;} #page0007{width:50%; background: #FFFFFF;} #page0008{width:25%; background: #FFF0E0;} #page0009{width:25%; background: #E0F0FF;} #page0010{width:25%; background: #FFF0E0;} #page0011{width:25%; background: #E0F0FF;} #page0012{width:25%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 1; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Source Han Code JP",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Source Han Code JP",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Source Han Code JP",sans-serif;font-size:27px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Source Han Code JP",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h5 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.0;padding:0;margin:0;} h6 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.0;padding:0;margin:0;} p {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:0;margin:0;} um {font-family:"Ume Mincho S3",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Ume Gothic S4",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* iPad SafariとFirefox Focus向け (0〜409.6)×(848〜) */ @media screen and ( max-width:409.6px) and (min-height:848px) { .hako{width:400%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:25%; background: #F0F8FF;} #page0002{width:25%; background: #FFF8F0;} #page0003{width:25%; background: #F0F8FF;} #page0004{width:25%; background: #FFF8F0;} #page0005{width:25%; background: #F0F8FF;} #page0006{width:25%; background: #FFF8F0;} #page0007{width:50%; background: #FFFFFF;} #page0008{width:25%; background: #FFF8F0;} #page0009{width:25%; background: #F0F8FF;} #page0010{width:25%; background: #FFF8F0;} #page0011{width:25%; background: #F0F8FF;} #page0012{width:25%; background: #FFF8F0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 1; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Hiragino Sans",sans-serif;font-size:24px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Hiragino Sans",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Hiragino Sans",sans-serif;font-size:24px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Hiragino Sans",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h5 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.0;padding:0;margin:0;} h6 {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:600;line-height:1.0;padding:0;margin:0;} p {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:0;margin:0;} um {font-family:"Hiragino Mincho ProN",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Hiragino Sans",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} } /* iPad SafariとFirefox Focus以外向け (0〜409.6)×(0〜847) */ @media screen and ( max-width:409.6px) and (max-height:847px) { .hako{width:400%; border: 0.5px solid #333; text-align:left; justify-content: space-between;} #page0001{width:25%; background: #E0F0FF;} #page0002{width:25%; background: #FFF0E0;} #page0003{width:25%; background: #E0F0FF;} #page0004{width:25%; background: #FFF0E0;} #page0005{width:25%; background: #E0F0FF;} #page0006{width:25%; background: #FFF0E0;} #page0007{width:50%; background: #FFFFFF;} #page0008{width:25%; background: #FFF0E0;} #page0009{width:25%; background: #E0F0FF;} #page0010{width:25%; background: #FFF0E0;} #page0011{width:25%; background: #E0F0FF;} #page0012{width:25%; background: #FFF0E0;} .waku-h1{padding:9px 18px; border: 0.5px solid #333;} .waku-p{padding:9px 18px; border: 0.5px solid #333;} .waku{padding:9px 18px; border: 0.5px solid #333;} .c{column-count: 1; border: 0.5px solid #333; text-align:left;} .column{width:100%;} .column2{width:50%;} .column3{width:33.333%;} .columns{width:50%;} h1 {font-family:"Source Han Code JP",sans-serif;font-size:24px;font-weight:300;line-height:1.0;padding:0;margin:0;} h2 {font-family:"Source Han Code JP",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h3 {font-family:"Source Han Code JP",sans-serif;font-size:24px;font-weight:300;line-height:1.0;padding:0;margin:0;} h4 {font-family:"Source Han Code JP",sans-serif;font-size:21px;font-weight:400;line-height:1.0;padding:0;margin:0;} h5 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.0;padding:0;margin:0;} h6 {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:600;line-height:1.0;padding:0;margin:0;} p {font-family:"Source Han Code JP",sans-serif;font-size:18px;font-weight:400;line-height:1.5;padding:0;margin:0;} um {font-family:"Ume Mincho S3",serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} ug {font-family:"Ume Gothic S4",sans-serif;font-size:18px;font-weight:350;line-height:1;padding:0;margin:0;} }