/* -------------------------------- */
/*   クリスマス用トップページ装飾   */
/* -------------------------------- */

/* ---------------- */
/*   レイヤー設定   */
/* ---------------- */

/* ------------------- */

#layerb3a {
/* width: 150px;
height: 145px; */
top: 200px;
/* top: calc(198 * 100vw); */
left: 715px;
/* left: 98px; */
margin: 0;
padding: 0;
visibility: visible;
position: absolute;
z-index: 91;
}
#layerb3b {
/* width: 150px;
height: 145px; */
top: 468px;
left: 735px;
/* left: 116px; */
margin: 0;
padding: 0;
visibility: visible;
position: absolute;
z-index: 91;
}
#layerb3g {
/* width: 150px;
height: 145px; */
top: 228px;
left: 150px;
/* left: -50px; */
margin: 0;
padding: 0;
visibility: visible;
position: absolute;
z-index: 91;
}

#layerb3h {
/* width: 150px;
height: 145px; */
top: 408px;
left: 170px;
/* left: -30px; */
margin: 0;
padding: 0;
visibility: visible;
position: absolute;
z-index: 91;
}
#layerb3e {
/*width: 194px;
height: 350px; */
top: 283px;
left: 640px;
/* left: 5px; */
margin: 0;
padding: 0;
visibility: visible;
position: absolute;
z-index: 91;
}

@media screen and (max-width: 768px) {
#layerb3a {
/* width: 150px;
height: 145px; */
top: calc(198 / 1920 * 100vw);
left: calc(98 / 1920 / 100vw);
visibility: visible;
position: absolute;
z-index: 91;
}

#layerb3b {
width: 150px;
height: 145px;
top: 468px;
left: 116px;
visibility: visible;
position: absolute;
z-index: 91;
}

#layerb3c {
width: 150px;
height: 145px;
top: 198px;
left: 443px;
visibility: visible;
position: absolute;
z-index: 91;
}

#layerb3d {
width: 150px;
height: 145px;
top: 468px;
left: 443px;
visibility: visible;
position: absolute;
z-index: 91;
}

#layerb3e {
width: 194px;
height: 350px;
top: 283px;
left: 5px;
visibility: visible;
position: absolute;
z-index: 91;
}

#layerb3f {
width: 194px;
height: 350px;
top: 283px;
left: 480px;
visibility: visible;
position: absolute;
z-index: 91;
}

#layerb3g {
width: 150px;
height: 145px;
top: 228px;
left: -50px;
visibility: visible;
position: absolute;
z-index: 91;
}

#layerb3h {
width: 150px;
height: 145px;
top: 408px;
left: -30px;
visibility: visible;
position: absolute;
z-index: 91;
}

#layerb3i {
width: 150px;
height: 145px;
top: 228px;
left: 585px;
visibility: visible;
position: absolute;
z-index: 91;
}

#layerb3j {
width: 150px;
height: 145px;
top: 408px;
left: 555px;
visibility: visible;
position: absolute;
z-index: 91;
}
}
/*-- h4 {
color: #ff0000;
font-weight: bold;
font-size: 130%;
text-align: center;
} --*/

h4.x2018a {
color: #ff0000;
font-weight: bold;
font-size: 200%;
text-align: center;
}

_:-ms-lang(x)::backdrop, h4.x2018a {
color: #ff0000;
font-weight: bold;
font-size: 160%;
text-align: center;
}

h5 {
color: #ff0000;
font-weight: bold;
font-size: 130%;
text-align: center;
}

h5.x2018a {
color: #ff0000;
font-weight: bold;
font-size: 170%;
text-align: center;
}

h5.x2020a {
color: #ff0000;
font-weight: bold;
font-size: 170%;
text-align: center;
background-image: url(../images/haisou.svg);
}

.sp1p {
font-size: 110%;
color: #228b22;
/* color: #008000; */
}

.sp2p {
line-height: 200%;
font-size: 140%;
}

.sp3p {
margin-top: 40px;
}

.sp4p {
line-height: 20px;
}

.sp5p {
font-size: 100%;
color: #000000;
}

/* --------------------- */
/*   2018 テーブル設定   */
/* --------------------- */

/*table.tba01, td.tba01, th.tba01 {
 border: 1px #ff0000 outset;
} */

table.tba02 {
margin-left: 170px;
margin-bottom: 15px;
}

/* .tb012018 {
width: auto;
height: auto;
} */

.tbd012018 {
width: 80px;
height: 15px;
}

.tbd022018 {
width: 50px;
height: 15px;
}

.tbd032018 {
width: 130px;
height: 15px;
font-weight: bold;
}

