.loadingbox { position: absolute; top: 50%; left: 0px; width: 100%; text-align: center; color: #377fab; font-size: 0.6rem; line-height: 125%; transform: translateY(-50%); }
.loading01 { margin: 0px auto 20px; padding: 2px; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: linear-gradient(0deg, rgba(105, 164, 195, 0.1) 33%, #69a4c3 66%, #69c3a4 100%); animation: 0.8s linear 0s infinite normal none running spin; }
.loading01 div { width: 100%; height: 100%; background-color: #eeeeee; border-radius: 50%; }
header { position: relative; padding: 1px 0px 0px; width: 100%; height: 109px; background-color: #123447; color: #ffffff; }
header ul { margin: 0px; padding: 0px; list-style-type: none; }
header a { text-decoration: none; color: #ffffff; }
header .bgrmn { position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; cursor: pointer; }
header .h1z { margin: 15px 0px 0px 2px; }
h1 { margin: 0px; padding: 0px; font-size: 1rem; line-height: 100%; width: 100%; }
header .bgrmn { position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; }
.kaiinwk { position: absolute; top: 10px; right: 10px; width: 90px; text-align: center; font-size: 0.9rem; line-height: 110%; display: none; }
.kaiinwk a, .kaiinwk > div { position: relative; display: block; width: 100%; height: 82px; color: #ffffff; }
.kaiinwk img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 3; }
.kaiinwk .mj { position: absolute; top: 10px; left: 0px; width: 100%; z-index: 4; }
.kaiinwk span { font-size: 0.65rem; line-height: 100%; }
.webyyk { position: absolute; top: 12px; right: 105px; width: 83px; text-align: center; font-size: 0.9rem; line-height: 125%; display: none; }
.webyyk a, .webyyk > div { display: block; width: 100%; height: 70px; background-color: #ffffff; color: #666600; }
.webyyk .mj { padding: 13px 0px 8px; }
.webyyk img { margin: 0px auto; width: 45px; }
.uelink { position: absolute; top: 15px; right: 205px; font-size: 0.65rem; line-height: 20px; display: none; flex-flow: row; justify-content: flex-end; }
.uelink li { margin: 0px 0px 0px 15px; padding: 0px; }
.uelink li:first-of-type { letter-spacing: -0.05em; display: none; }
.uelink a { position: relative; display: inline-block; padding: 0px 0px 0px 26px; }
.uelink a img { position: absolute; top: 0px; left: 0px; width: 23px; }
.mainmenu { position: absolute; top: 50px; right: 205px; width: calc(100% - 520px); font-size: 0.9rem; line-height: 40px; z-index: 20; display: none; }
.mainmenu ul { margin: 0px; padding: 0px; list-style-type: none; width: 100%; display: flex; flex-flow: wrap; justify-content: flex-end; }
.mainmenu li { margin: 0px 0px 0px 14px; padding: 0px; }
.mainmenu li a { text-decoration: none; }
.mainmenu li.li4, .mainmenu li.li5 { display: none; }
.topiarea { position: relative; width: 100%; height: 0px; padding-bottom: 120%; }
#topiitems { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#topimages { position: relative; width: 100%; height: 100%; }
#topimages .slsw { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; opacity: 0; }
#topmsg { display: none; }
picture.mp { width: 100%; height: 100%; }
picture.mp img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
picture.sp { display: none; }
.tnx { position: absolute; top: 50%; width: 4%; max-width: 24px; z-index: 31; transform: translateY(-50%); cursor: pointer; background: rgba(0, 0, 0, 0.6); visibility: hidden; display: none; }
#nxbtn1 { left: 15px; }
#nxbtn2 { right: 15px; }
#topimoji { position: absolute; top: 50%; left: 0px; width: 100%; height: 100%; text-align: center; font-size: 2rem; line-height: 175%; transform: translateY(-50%); color: #ffffff; z-index: 30; }
#topimoji > div { position: absolute; top: 50%; left: 50%; width: 90%; max-width: 600px; height: 90%; transform: translate(-50%, -50%); opacity: 0; transition-duration: 1s; }
#topimoji > div:last-of-type { max-width: 540px; }
#topimoji picture { width: 100%; height: 100%; }
#topimoji img { width: 100%; height: 100%; }
#topimoji > div.fl { filter: drop-shadow(#666600 0px 0px 10px) drop-shadow(#666600 0px 0px 10px); }
.jlpga { position: absolute; bottom: 10px; right: 50%; width: 60%; max-width: 170px; z-index: 25; transform: translateX(50%); }
.jlpga img { width: 100%; }
#a60th { position: absolute; top: 10px; right: 5px; width: 25%; max-width: 155px; z-index: 25; opacity: 0; transition-duration: 1s; }
@media print, screen and (min-width: 550px) {
  #a60th { top: 55px; right: 13px; width: 20%; }
  .jlpga { bottom: auto; top: 10px; right: 10px; transform: none; }
}
@media print, screen and (min-width: 550px) {
  header .h1z { margin-left: 5px; }
}
@media print, screen and (min-width: 550px) and (max-width: 1230px) {
  #nxbtn1, #nxbtn2 { display: none; }
}
@media print, screen and (min-width: 768px) {
  .kaiinwk, .mainmenu { display: block; }
  .uelink { display: flex; }
  .uelink, .mainmenu { right: 115px; width: calc(100% - 430px); }
}
@media print, screen and (min-width: 850px) {
  .mainmenu li.li4 { display: block; }
  header .h1z { margin-left: 10px; }
}
@media print, screen and (min-width: 960px) {
  .uelink li:first-of-type, .mainmenu li.li5 { display: block; }
  header .h1z { margin-left: 15px; }
}
@media screen and (min-width: 1070px) {
  .kaiinwk { width: 103px; }
  .webyyk { display: block; right: 125px; width: 93px; }
  .uelink, .mainmenu { right: 235px; width: calc(100% - 550px); }
  .uelink li:last-of-type { display: none; }
}
@media screen and (min-width: 1180px) {
  .mainmenu { font-size: 1rem; }
}
@media print, screen and (min-width: 700px) {
  .tnx { display: block; }
}
@media screen and (min-width: 500px) {
  .topiarea { padding-bottom: 100%; }
}
@media print, screen and (min-aspect-ratio: 1 / 1) {
  .topiarea { padding-bottom: 43%; }
  #topimoji { top: 48%; height: 65%; }
}
@media screen and (min-aspect-ratio: 11 / 6) {
  .topiarea { padding-bottom: 38%; }
}
@media screen and (max-width: 370px) and (max-height: 600px) {
  .topiarea { padding-bottom: 100%; }
}
@media print, screen and (min-width: 1580px) {
  #topimoji > div { max-width: 700px; }
  #topimoji > div:last-of-type { max-width: 600px; }
}
@media print {
  header { background-color: transparent; color: #000000; }
  header a { color: #000000; }
  .kaiinwk { display: none; }
  .uelink, .mainmenu { right: 0px; }
  .tnx { display: none; }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}