@charset "UTF-8";
/*　*/
/**************************************************
		Layout
**************************************************/
body > br {
  display: none;
}

div[align="center"] > table[width="100%"][cellspacing="20"],
div#pagebody > table[width="100%"][cellspacing="20"] {
  padding: 0;
  border-collapse: collapse;
}

div[align="center"] > table > tbody > tr > td > table[width="800"][cellpadding="5"],
div#pagebody > table > tbody > tr > td > table[width="800"][cellpadding="5"] {
  padding: 0;
  border-collapse: collapse;
}

div[align="center"] > table > tbody > tr > td > table[width="800"][cellpadding="5"] > tbody > tr > th,
div[align="center"] > table > tbody > tr > td > table[width="800"][cellpadding="5"] > tbody > tr > td,
div#pagebody > table > tbody > tr > td > table[width="800"][cellpadding="5"] > tbody > tr > th,
div#pagebody > table > tbody > tr > td > table[width="800"][cellpadding="5"] > tbody > tr > td {
  padding: 0;
}

body > table[width="100%"],
body > table[width="19"] {
  position: absolute;
}

#f-header {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 980px;
  background: #F5F4ED;
  overflow: hidden;
}

#f-header iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: calc((100vw * 550 / 1920) + 3000px);
}

@media screen and (max-width: 980px) {
  #f-header iframe {
    height: 810px;
  }
}

#f-main {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 0 150px 0;
  width: 100%;
  min-width: 980px;
  background: #F5F4ED;
  overflow: hidden;
}

#f-main .f-main_container {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 980px;
}

#f-side {
  display: block;
  position: relative;
  margin: 0 -10px;
  padding: 0;
  width: 245px;
  overflow: hidden;
}

#f-side iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 1820px;
}

#f-footer {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 980px;
  background: #F5F4ED;
  overflow: hidden;
}

#f-footer iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 3410px;
}
/*20220831 メルマガ登録バナー*/
.l-header_pickup_list02 {
  position: fixed;
  top: 230px;
  right: -1rem;
  line-height: 0;
  list-style-type: none;
  list-style-position: outside;
  z-index: 16000004;
}

@media screen and (max-width: 1200px) {
  .rms .l-header_pickup_list02 {
    left: -15px;
  }
}

.l-header_pickup_list02 li {
  margin-bottom: 10px;
  width: 115px;
}


@media screen and (max-width: 1200px) {
  .rms .l-header_pickup_list02 li {
    width: 105px;
  }
}

.l-header_pickup_list02 a {
  display: block;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@media print, screen and (min-width: 768px) {
  .l-header_pickup_list02 a:hover {
    -webkit-transform: translateX(-11px);
            transform: translateX(-11px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .rms .l-header_pickup_list02 a:hover {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
}
.l-header_pickup_list02 img {
  border: 0;
  max-width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
  box-sizing: content-box;
}
/*20230721 メルマガ登録バナー*/
.l-header_pickup_list03 {
  position: fixed;
  top: 660px;
  right: -18.8rem;
  line-height: 0;
  list-style-type: none;
  list-style-position: outside;
  z-index: 16000004;
}

@media screen and (max-width: 1200px) {
  .rms .l-header_pickup_list03 {
    left: -15px;
  }
}

.l-header_pickup_list03 li {
  margin-bottom: 20px;
}


@media screen and (max-width: 1200px) {
  .rms .l-header_pickup_list03 li {
    width: 105px;
  }
}

.l-header_pickup_list03 a {
  display: block;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.5s;
}

@media print, screen and (min-width: 768px) {
  .l-header_pickup_list03 a:hover {
    -webkit-transform: translateX(-15px);
            transform: translateX(-270px);
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .rms .l-header_pickup_list03 a:hover {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
}
.l-header_pickup_list03 img {
  border: 0;
  max-width: 90%;
  height: auto;
  line-height: 0;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
  box-sizing: content-box;
}