.tipback { background-image: url(img/topback.png); background-repeat: no-repeat; background-position: center top;background-size: cover  }
body { -webkit-animation: fadeIn 2s ease 0s 1 normal; animation: fadeIn 2s ease 0s 1 normal }
.img {opacity: 0.3;}
.top { position: fixed; z-index: 100; top: 0 }
.f10 { font-size: 10px }
.f15 { font-size: 17px; line-height: 26px }
.f17 { font-size: 15px }
.f18  { font-size: 24px; line-height: 46px }
.f18-2 { font-size: 18px; line-height: 37px }
.f20   { font-size: 20px; line-height: 28px }
.f22 { font-size: 22px; line-height: 34px }
.f24  { font-size: 28px; line-height: 38px }
.f28  { font-size: 28px; line-height: 49px }
.f30 { font-size: 30px; line-height: 34px }
.f33 { font-size: 33px; line-height: 34px }
.f36 { font-size: 36px; line-height: 34px }
.f40 { font-size: 40px; line-height: 34px }
.f45 { font-size: 45px; line-height: 34px }
.fm61 { font-size: 61px; font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝 }
.selector { font-feature-settings: "palt" }
.back1 { background-image: url(img/img-04.png); background-repeat: no-repeat; background-position: center bottom  }
.back2 { background-image: url(img/img-15.png); background-repeat: no-repeat; background-position: center bottom
  }
body, td, th { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }
.waku1  { padding: 20px; border: solid 3px #cf294a }
.waku7 { padding: 20px; border: solid 2px #000 }
.waku8 { font-size: 17px; border: solid 1px #000 }
.waku4 { padding: 20px 40px; border-top: 3px solid #cf294a; border-bottom: 3px solid #cf294a; border-left: 3px solid #cf294a }
.waku5 { padding: 20px 40px; border-top: 3px solid #cf294a; border-right: 3px solid #cf294a; border-bottom: 3px solid #cf294a }
.waku2 { border-style: none solid solid none; border-width: medium 1px 1px medium; border-color: #5e2e20 }
.waku3  { border-style: none none solid; border-width: medium medium 1px; border-color: #5e2e20 }
.waku6  { color: #000; font-size: 22px; line-height: 30px; background-color: #fffef0; padding: 16px 40px; border: solid 1px #5e2e20 }
.pandding { padding-left: 40px }
.fade { -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out }
.fade:hover { filter: alpha(opacity=60); opacity: 0.4 }
.shadow { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .5) }
.radius-red { background-color: #cf294a; padding: 10px; border-radius: 30px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .5)  }
.radius-green { background-color: #00a99d; padding: 10px; border: solid 1px white; border-radius: 30px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .5)    }
.radius-blue { background-color: #2e31b2; padding: 20px; border: solid 1px white; border-radius: 40px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .5)     }
#layer1 { background-color: #fff; visibility: visible; position: fixed; z-index: 200; width: 100% }
.blinking { -moz-animation: blink 1.0s ease-in-out infinite alternate; -webkit-animation: blink 1.0s ease-in-out infinite alternate; animation: blink 1.0s ease-in-out infinite alternate }


#layer2 { visibility: visible; position: fixed; right: 20px; bottom: 20px; width: 100px; height: 100px }
#layer3 { visibility: visible; position: absolute; right: 300px; width: 100px; height: 100px }
#layer4 { background-color: #fff5d8; visibility: visible; position: fixed; z-index: 2000; width: 1536px; height: 20000px; opacity: 0.9   }
.hasen { border-top: 1px dashed #5e2e20 }
.sideline    { font-size: 18px; border-right: 1px solid #5e2e20; border-left: 1px solid #5e2e20 }
table {border-collapse:collapse;     /* セルの線を重ねる */}
.text:hover { color: #cf294a }