@charset "UTF-8";
/*!
Author: kiki verb
Author URI: https://www.kiki-verb.com/
Version: 1.0
*/
html {
  overscroll-behavior: none;
}

body {
  overscroll-behavior: none;
  background-color: #f9f9f9;
  color: #222;
  font-size: 1.5vh;
  font-family: "Noto Serif JP", serif;
  line-height: 1.75;
  font-weight: 300;
  letter-spacing: 0.15vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 2.25vh;
  }
}

a {
  text-decoration: none;
  color: #222;
  background-color: transparent;
  transition: all 0.3s ease;
}

.wrapper {
  height: calc(100dvh - 11vh);
  overflow-y: auto;
}

footer {
  height: 11vh;
  border-top: 1px solid #dbdbdb;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #f9f9f9;
}
footer ul {
  display: flex;
  justify-content: space-around;
}
footer ul li {
  flex: 1 1 100%;
  border-left: 1px solid #e6e6e6;
}
footer ul li:first-child {
  border-left: none;
}
footer ul li a {
  font-size: 1.45vh;
  text-align: center;
  height: calc(11vh - 1px);
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  footer ul li a {
    font-size: 2.175vh;
  }
}
footer ul li a:hover {
  background-color: #e6e6e6;
}
footer ul li a svg {
  width: 4vh;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

.isError {
  font-weight: bold;
  color: #c44;
  line-height: 1.4;
}

#dialog {
  border: none;
  min-width: 100%;
  height: calc(100dvh - 11vh);
  overflow-y: auto;
}

_::-webkit-full-page-media, _:future, :root ruby rt {
  transform: translateX(-1.2vh);
}

_::-webkit-full-page-media, _:future, :root .summary p {
  transform: translateX(-2vh);
}

#installer {
  display: none;
  background-color: #e6e6e6;
  justify-content: space-between;
  align-items: center;
  padding: 2.5vw;
  height: 12.5vw;
}
#installer p {
  font-size: 3vw;
}
#installer button {
  font-size: 3vw;
  background-color: #1f80c7;
  color: #fff;
  padding: 1vw 2.5vw;
  display: block;
}

#wrap_index {
  margin: 0 auto;
  overflow-y: hidden;
}
#wrap_index main {
  min-height: calc(100dvh - 11vh);
  padding: 1.5vh 3vh;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  #wrap_index main {
    padding: 1.5vh 0;
  }
}
#wrap_index main h1 {
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: inline-block;
  padding: 20vh 0 7.5vh;
  font-size: 3vh;
}
@media screen and (max-width: 768px) {
  #wrap_index main h1 {
    padding-top: 12vh;
  }
}
@media screen and (max-width: 768px) {
  #wrap_index main h1 {
    font-size: 4.5vh;
  }
}
@media screen and (max-width: 768px) {
  #wrap_index main h1 {
    margin-right: -7.5vh;
  }
}
#wrap_index main h1 span {
  display: block;
  font-size: 2.5vh;
}
@media screen and (max-width: 768px) {
  #wrap_index main h1 span {
    font-size: 3.75vh;
  }
}
#wrap_index main ul li {
  font-size: 2vh;
}
@media screen and (max-width: 768px) {
  #wrap_index main ul li {
    font-size: 3vh;
  }
}
#wrap_index main ul li a {
  background-color: #f0f0f0;
  padding: 0.5vh 3vh;
  margin-top: 1vh;
  display: block;
}
#wrap_index main ul li a:hover {
  background-color: #e6e6e6;
}
#wrap_index main ul li a svg {
  height: 3vh;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #wrap_index main ul li a svg {
    height: 3.6vh;
  }
}
#wrap_index main ul li a span {
  padding-left: 1vh;
  vertical-align: middle;
}

#modalDialog {
  width: 70%;
  height: 80svh;
  margin: 10svh auto 0;
  overflow-y: auto;
  padding: 5vw 10vw;
}
#modalDialog button {
  border: none;
  margin-bottom: 2vh;
  margin-left: auto;
  display: block;
  background-color: #f0f0f0;
  padding: 0.5vh 3vh;
}
#modalDialog h2 {
  margin-bottom: 1vh;
}
#modalDialog img {
  width: 100%;
}
#modalDialog #forIos {
  font-size: 1.2vh;
  display: block;
  line-height: 1.4;
  margin-top: 1vh;
}
@media screen and (max-width: 768px) {
  #modalDialog #forIos {
    font-size: 1.8vh;
  }
}

#wrap_result header {
  height: 6vh;
  border-bottom: 1px solid #dbdbdb;
  padding: 0 3vh;
  font-size: 1.5vh;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #wrap_result header {
    font-size: 2.25vh;
  }
}
#wrap_result main .list {
  display: flex;
  flex-direction: row-reverse;
  overflow-x: auto;
  height: calc(100dvh - 6vh - 11vh);
  padding: 3vh 0;
}
#wrap_result main .list .list_item {
  list-style-type: none;
  margin: 0 0.75vh 0 5vh;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
#wrap_result main .list .list_item .summary {
  background-color: #f9f9f9;
  padding: 0 0.75vh;
  border-left: 1px solid #dbdbdb;
}
#wrap_result main .list .list_item .summary p {
  margin-left: 0.25vh;
}
#wrap_result main .list .list_item .summary h2 {
  font-weight: bold;
  line-height: 1.4;
}
#wrap_result main .list .list_item .summary h2 span {
  padding-top: 1rem;
}
#wrap_result main .list .list_item .summary .summary_boudai {
  text-align: justify;
  line-height: 1.5;
}
#wrap_result main .list .list_item .summary .summary_boudai li {
  display: inline;
}
#wrap_result main .list .list_item .haiku li h3 {
  font-weight: bold;
}
#wrap_result main .list .list_item .haiku li h3 span {
  letter-spacing: -0.025vh;
  vertical-align: top;
}
#wrap_result main .list .list_item .haiku li p {
  text-align: end;
}
#wrap_result main .list .list_item .haiku li p time {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
  padding-top: 5vh;
}
#wrap_result main .list.small .list_item .summary h2 {
  font-size: 2.1vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.small .list_item .summary h2 {
    font-size: 3.15vh;
  }
}
#wrap_result main .list.small .list_item .summary h2 rt {
  font-size: 1vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.small .list_item .summary h2 rt {
    font-size: 1.5vh;
  }
}
#wrap_result main .list.small .list_item .summary h2 span {
  font-size: 1.4vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.small .list_item .summary h2 span {
    font-size: 1.8vh;
  }
}
#wrap_result main .list.small .list_item .summary .summary_boudai {
  font-size: 1.4vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.small .list_item .summary .summary_boudai {
    font-size: 1.8vh;
  }
}
#wrap_result main .list.small .list_item .haiku li {
  padding: 0 0.5vh;
}
#wrap_result main .list.small .list_item .haiku li h3 {
  font-size: 1.7vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.small .list_item .haiku li h3 {
    font-size: 2.3vh;
  }
}
#wrap_result main .list.small .list_item .haiku li h3 span {
  font-size: 1vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.small .list_item .haiku li h3 span {
    font-size: 1.2vh;
  }
}
#wrap_result main .list.small .list_item .haiku li p {
  font-size: 1.4vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.small .list_item .haiku li p {
    font-size: 1.8vh;
  }
}
#wrap_result main .list.medium .list_item .summary h2 {
  font-size: 2.7vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.medium .list_item .summary h2 {
    font-size: 4.05vh;
  }
}
#wrap_result main .list.medium .list_item .summary h2 rt {
  font-size: 1.2vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.medium .list_item .summary h2 rt {
    font-size: 1.8vh;
  }
}
#wrap_result main .list.medium .list_item .summary h2 span {
  font-size: 1.6vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.medium .list_item .summary h2 span {
    font-size: 2.15vh;
  }
}
#wrap_result main .list.medium .list_item .summary .summary_boudai {
  font-size: 1.6vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.medium .list_item .summary .summary_boudai {
    font-size: 2.15vh;
  }
}
#wrap_result main .list.medium .list_item .haiku li {
  padding: 0 1vh;
}
#wrap_result main .list.medium .list_item .haiku li h3 {
  font-size: 2.1vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.medium .list_item .haiku li h3 {
    font-size: 2.8vh;
  }
}
#wrap_result main .list.medium .list_item .haiku li h3 span {
  font-size: 1.3vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.medium .list_item .haiku li h3 span {
    font-size: 1.8vh;
  }
}
#wrap_result main .list.medium .list_item .haiku li p {
  font-size: 1.6vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.medium .list_item .haiku li p {
    font-size: 2.15vh;
  }
}
#wrap_result main .list.large .list_item .summary h2 {
  font-size: 3.4vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.large .list_item .summary h2 {
    font-size: 5.1vh;
  }
}
#wrap_result main .list.large .list_item .summary h2 rt {
  font-size: 1.4vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.large .list_item .summary h2 rt {
    font-size: 2.1vh;
  }
}
#wrap_result main .list.large .list_item .summary h2 span {
  font-size: 2.15vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.large .list_item .summary h2 span {
    font-size: 2.75vh;
  }
}
#wrap_result main .list.large .list_item .summary .summary_boudai {
  font-size: 2.15vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.large .list_item .summary .summary_boudai {
    font-size: 2.75vh;
  }
}
#wrap_result main .list.large .list_item .haiku li {
  padding: 0 1vh;
}
#wrap_result main .list.large .list_item .haiku li h3 {
  font-size: 2.6vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.large .list_item .haiku li h3 {
    font-size: 3.3vh;
  }
}
#wrap_result main .list.large .list_item .haiku li h3 span {
  font-size: 2vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.large .list_item .haiku li h3 span {
    font-size: 3vh;
  }
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.large .list_item .haiku li h3 span {
    font-size: 2.2vh;
  }
}
#wrap_result main .list.large .list_item .haiku li p {
  font-size: 2.15vh;
}
@media screen and (max-width: 768px) {
  #wrap_result main .list.large .list_item .haiku li p {
    font-size: 2.75vh;
  }
}
#wrap_result main .list .loadMore {
  display: flex;
  writing-mode: vertical-rl;
  text-orientation: upright;
  justify-content: center;
  padding-left: 5vh;
}
#wrap_result main .list .loadMore button {
  padding: 5vh 1vh;
  font-size: 1.8vh;
  letter-spacing: inherit;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  transition: all 0.3s ease;
}
#wrap_result main .list .loadMore button:hover {
  background-color: #e6e6e6;
}

#wrap_search {
  width: 60vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #wrap_search {
    width: 100%;
  }
}
#wrap_search main {
  padding: 1.5vh 3vh;
}
#wrap_search main h2 {
  font-size: 2vh;
  font-weight: bold;
  margin-bottom: 1vh;
}
@media screen and (max-width: 768px) {
  #wrap_search main h2 {
    font-size: 3vh;
  }
}
#wrap_search main dl {
  margin-bottom: 2vh;
}
#wrap_search main dl .dl_wrap {
  display: flex;
  font-size: 1.5vh;
}
@media screen and (max-width: 768px) {
  #wrap_search main dl .dl_wrap {
    font-size: 2vh;
  }
}
#wrap_search main dl .dl_wrap dt {
  flex: 0 0 14vh;
  background-color: #e6e6e6;
  padding: 0 2vh;
  border-bottom: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: right;
}
#wrap_search main dl .dl_wrap dd {
  flex: 0 0 calc(100% - 14vh);
  background-color: #fff;
  padding: 1vh 2vh;
  border-bottom: 1px solid #f0f0f0;
}
#wrap_search main dl .dl_wrap dd input[type=text] {
  font-size: 1.7vh;
  padding: 1vh;
}
@media screen and (max-width: 768px) {
  #wrap_search main dl .dl_wrap dd input[type=text] {
    font-size: 2.55vh;
  }
}
@media screen and (max-width: 768px) {
  #wrap_search main dl .dl_wrap dd input[type=text] {
    font-size: 16px;
  }
}
#wrap_search main dl .dl_wrap dd input[type=text].small_form {
  width: calc(100% - 18vw);
}
#wrap_search main dl .dl_wrap dd input[type=number] {
  font-size: 1.7vh;
  padding: 1vh;
  width: 34vh;
}
@media screen and (max-width: 768px) {
  #wrap_search main dl .dl_wrap dd input[type=number] {
    font-size: 2.55vh;
  }
}
@media screen and (max-width: 768px) {
  #wrap_search main dl .dl_wrap dd input[type=number] {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #wrap_search main dl .dl_wrap dd input[type=number] {
    width: 18vw;
  }
}
#wrap_search main dl .dl_wrap dd input[type=checkbox] {
  margin: 0 0.5vh 0 1.5vh;
}
#wrap_search main dl .dl_wrap dd .label_radio {
  margin-right: 1vh;
}
#wrap_search main dl .dl_wrap dd .label_radio input[type=radio] {
  margin-right: 0.5vh;
}
#wrap_search main dl .dl_wrap dd #almanac_select {
  margin-bottom: 0.5vh;
}
#wrap_search main dl .dl_wrap dd .almanac_inputs select.small_form_almanac_jp {
  width: 10vh;
  height: 4vh;
  display: block;
  margin-bottom: 1vh;
}
#wrap_search main dl .dl_wrap dd .almanac_inputs#almanac_jp {
  display: none;
}
#wrap_search main .submit_box {
  margin-top: 3vh;
  text-align: center;
}
#wrap_search main .submit_box input[type=submit] {
  border: none;
  background-color: #1f80c7;
  color: #fff;
  padding: 1vh 10vh;
  font-size: 2vh;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  #wrap_search main .submit_box input[type=submit] {
    font-size: 3vh;
  }
}
#wrap_search main .submit_box input[type=submit]:hover {
  background-color: #3999e0;
}

#wrap_category {
  width: 60vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #wrap_category {
    width: 100%;
  }
}
#wrap_category main {
  position: relative;
  padding: 0 3vh 1.5vh;
}
@media screen and (max-width: 768px) {
  #wrap_category main {
    padding: 1.5vh 0;
  }
}
#wrap_category main #category_header {
  background-color: #f9f9f9;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: calc(60vw - 6vh);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #wrap_category main #category_header {
    width: 100%;
  }
}
#wrap_category main h2 {
  font-size: 2vh;
  font-weight: bold;
  margin: 1.5vh 0 1vh;
}
@media screen and (max-width: 768px) {
  #wrap_category main h2 {
    font-size: 3vh;
  }
}
@media screen and (max-width: 768px) {
  #wrap_category main h2 {
    padding-left: 3vh;
  }
}
#wrap_category main input {
  -webkit-appearance: none;
}
#wrap_category main input[type=radio] {
  display: none;
}
#wrap_category main input[type=radio] + label {
  display: block;
  width: 100%;
  text-align: center;
  padding: 1.75vh 0;
  font-size: 1.5vh;
}
@media screen and (max-width: 768px) {
  #wrap_category main input[type=radio] + label {
    font-size: 2.25vh;
  }
}
#wrap_category main #category_kisetsu {
  margin-bottom: 0.5vh;
}
#wrap_category main #category_kisetsu ul {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5vh;
  justify-content: space-between;
}
#wrap_category main #category_kisetsu ul li {
  width: 100%;
}
#wrap_category main #category_kisetsu ul li input:checked + label {
  background-color: #65b0e7;
}
#wrap_category main #category_kisetsu ul li label {
  background-color: #1f80c7;
  color: #ffffff;
}
#wrap_category main #category_kisetsu ul li button {
  display: block;
  width: 100%;
  text-align: center;
  padding: 1.75vh 0;
  font-size: 1.5vh;
  cursor: pointer;
  background-color: #1f80c7;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  #wrap_category main #category_kisetsu ul li button {
    font-size: 2.25vh;
  }
}
#wrap_category main #category_budate {
  margin-bottom: 0.5vh;
}
#wrap_category main #category_budate ul {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5vh;
  justify-content: space-between;
}
#wrap_category main #category_budate ul li {
  width: 100%;
}
#wrap_category main #category_budate ul li input:checked + label {
  background-color: #bdddf5;
}
#wrap_category main #category_budate ul li label {
  background-color: #91c7ee;
}
#wrap_category main #category_kigo {
  padding-top: 19.5vh;
}
@media screen and (max-width: 768px) {
  #wrap_category main #category_kigo {
    padding-top: 21vh;
  }
}
#wrap_category main #category_kigo ul {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: 0.5vh;
  flex-wrap: wrap;
}
#wrap_category main #category_kigo ul li {
  width: calc(25% - 0.3846153846vh);
}
#wrap_category main #category_kigo ul li button {
  border: none;
  width: 100%;
  cursor: pointer;
  line-height: 1.3;
  padding: 0 0.75vh;
  background-color: #d3e9f8;
  font-size: 1.6vh;
  height: 11.36vh;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
}
@media screen and (max-width: 768px) {
  #wrap_category main #category_kigo ul li button {
    font-size: 2.4vh;
  }
}
#wrap_category main #category_kigo ul li button.longtext {
  text-align: justify;
}

#wrap_guide {
  width: 60vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #wrap_guide {
    width: 100%;
  }
}
#wrap_guide main {
  padding: 1.5vh 3vh;
}
#wrap_guide main h2 {
  font-size: 2vh;
  font-weight: bold;
  margin-bottom: 1vh;
}
@media screen and (max-width: 768px) {
  #wrap_guide main h2 {
    font-size: 3vh;
  }
}
#wrap_guide main h3 {
  font-weight: bold;
  margin-bottom: 1vh;
}
#wrap_guide main h4 {
  font-weight: bold;
  margin: 3vh 0 1vh;
}
#wrap_guide main ol {
  list-style: decimal inside;
}
#wrap_guide main ol ol {
  padding-left: 3vh;
}
#wrap_guide main .tR {
  text-align: right;
  padding: 1vh 0 5vh;
}
#wrap_guide main section {
  margin-top: 3vh;
}
#wrap_guide main section summary {
  background-color: #f0f0f0;
  padding: 1vh;
}
#wrap_guide main section details {
  margin-top: 1vh;
}
#wrap_guide main section details .guide_details {
  padding: 0.5vh 0 0 3vh;
}
#wrap_guide main section details .guide_details form {
  padding-top: 1vh;
}
#wrap_guide main section details .guide_details form select {
  height: 4vh;
  padding: 0 1vh;
  display: block;
  margin-bottom: 1vh;
}
#wrap_guide main section details .guide_details form .submit_box {
  margin-top: 3vh;
  text-align: center;
}
#wrap_guide main section details .guide_details form .submit_box input[type=submit] {
  border: none;
  background-color: #1f80c7;
  color: #fff;
  padding: 1vh 10vh;
  cursor: pointer;
  transition: all 0.3s ease;
}
#wrap_guide main section details .guide_details form .submit_box input[type=submit]:hover {
  background-color: #3999e0;
}

#wrap_auth {
  margin: 0 auto;
}
#wrap_auth main {
  min-height: calc(100dvh - 11vh);
  padding: 1.5vh 3vh;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  #wrap_auth main {
    padding: 1.5vh 0;
  }
}
#wrap_auth main #loading_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wrap_auth main #loading_overlay .loading_background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
#wrap_auth main #loading_overlay .loading_spinner {
  position: relative;
  color: white;
  font-size: 1.5em;
  z-index: 10000;
}
#wrap_auth main h1 {
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: inline-block;
  padding: 20vh 0 7.5vh;
  font-size: 3vh;
}
@media screen and (max-width: 768px) {
  #wrap_auth main h1 {
    padding-top: 12vh;
  }
}
@media screen and (max-width: 768px) {
  #wrap_auth main h1 {
    font-size: 4.5vh;
  }
}
@media screen and (max-width: 768px) {
  #wrap_auth main h1 {
    margin-right: -7.5vh;
  }
}
#wrap_auth main h1.register {
  padding: 15vh 0 7.5vh;
}
@media screen and (max-width: 768px) {
  #wrap_auth main h1.register {
    padding-top: 5vh;
  }
}
#wrap_auth main h1 span {
  display: block;
  font-size: 2.5vh;
}
@media screen and (max-width: 768px) {
  #wrap_auth main h1 span {
    font-size: 3.75vh;
  }
}
#wrap_auth main #register_info {
  margin: 0 auto 2vw;
  padding: 1.5vh 3vh;
}
#wrap_auth main form {
  width: 60vh;
}
@media screen and (max-width: 768px) {
  #wrap_auth main form {
    width: 90vw;
  }
}
@media screen and (max-width: 768px) {
  #wrap_auth main form {
    font-size: 1.7vh;
  }
}
#wrap_auth main form dl {
  margin-bottom: 2vh;
}
#wrap_auth main form dl .dl_wrap {
  display: flex;
}
#wrap_auth main form dl .dl_wrap dt {
  flex: 0 0 20vh;
  background-color: #e6e6e6;
  padding: 0 2vh;
  border-bottom: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: right;
  line-height: 1.4;
}
#wrap_auth main form dl .dl_wrap dd {
  flex: 0 0 calc(100% - 20vh);
  background-color: #fff;
  padding: 1vh 2vh;
  border-bottom: 1px solid #f0f0f0;
}
#wrap_auth main form dl .dl_wrap dd input, #wrap_auth main form dl .dl_wrap dd .StripeElement {
  padding: 0.5vh 1vh;
  border: 1px solid #c9c9c9;
}
@media screen and (max-width: 768px) {
  #wrap_auth main form dl .dl_wrap dd input, #wrap_auth main form dl .dl_wrap dd .StripeElement {
    font-size: 16px;
  }
}
#wrap_auth main form dl .dl_wrap dd .formAttentions {
  font-size: 1.2vh;
  line-height: 1.4;
  color: #818181;
  padding-left: 1em;
  list-style: "※" outside;
}
@media screen and (max-width: 768px) {
  #wrap_auth main form dl .dl_wrap dd .formAttentions {
    font-size: 1.8vh;
  }
}
@media screen and (max-width: 768px) {
  #wrap_auth main form dl .dl_wrap dd .formAttentions {
    font-size: 1.3vh;
  }
}
#wrap_auth main form .submit_box {
  margin-top: 3vh;
  text-align: center;
}
#wrap_auth main form .submit_box input[type=submit] {
  border: none;
  background-color: #1f80c7;
  color: #fff;
  padding: 1vh 0;
  width: 100%;
  font-size: 2vh;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  #wrap_auth main form .submit_box input[type=submit] {
    font-size: 3vh;
  }
}
@media screen and (max-width: 768px) {
  #wrap_auth main form .submit_box input[type=submit] {
    font-size: 2.2vh;
  }
}
#wrap_auth main form .submit_box input[type=submit]:hover {
  background-color: #3999e0;
}
#wrap_auth main form .submit_box p {
  margin-top: 1vh;
}
@media screen and (max-width: 768px) {
  #wrap_auth main form .submit_box p {
    font-size: 1.8vh;
  }
}
#wrap_auth main form .formDescription {
  padding-bottom: 1vh;
  text-align: left;
}
#wrap_auth main form .formDescription a {
  text-decoration: underline;
}

#wrap_home {
  margin: 0 auto;
  min-height: 100vh;
  background: url("../images/bg.webp") no-repeat center/cover;
}
.m1 #wrap_home {
  background: url("../images/bg/1.webp") no-repeat center/cover;
}

.m2 #wrap_home {
  background: url("../images/bg/2.webp") no-repeat center/cover;
}

.m3 #wrap_home {
  background: url("../images/bg/3.webp") no-repeat center/cover;
}

.m4 #wrap_home {
  background: url("../images/bg/4.webp") no-repeat center/cover;
}

.m5 #wrap_home {
  background: url("../images/bg/5.webp") no-repeat center/cover;
}

.m6 #wrap_home {
  background: url("../images/bg/6.webp") no-repeat center/cover;
}

.m7 #wrap_home {
  background: url("../images/bg/7.webp") no-repeat center/cover;
}

.m8 #wrap_home {
  background: url("../images/bg/8.webp") no-repeat center/cover;
}

.m9 #wrap_home {
  background: url("../images/bg/9.webp") no-repeat center/cover;
}

.m10 #wrap_home {
  background: url("../images/bg/10.webp") no-repeat center/cover;
}

.m11 #wrap_home {
  background: url("../images/bg/11.webp") no-repeat center/cover;
}

.m12 #wrap_home {
  background: url("../images/bg/12.webp") no-repeat center/cover;
}

#wrap_home main {
  padding: 1.5vh 3vh;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  #wrap_home main {
    padding: 1.5vh 0 15vh;
  }
}
#wrap_home main h1 {
  writing-mode: vertical-rl;
  text-orientation: upright;
  display: inline-block;
  padding: 20vh 0 7.5vh;
  font-size: 3vh;
}
@media screen and (max-width: 768px) {
  #wrap_home main h1 {
    padding: 7vh 0;
  }
}
@media screen and (max-width: 768px) {
  #wrap_home main h1 {
    font-size: 4.5vh;
  }
}
@media screen and (max-width: 768px) {
  #wrap_home main h1 {
    margin-right: -7.5vh;
  }
}
#wrap_home main h1 span {
  display: block;
  font-size: 2.5vh;
}
@media screen and (max-width: 768px) {
  #wrap_home main h1 span {
    font-size: 3.75vh;
  }
}
#wrap_home main ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1vh;
}
#wrap_home main ul li {
  font-size: 2vh;
  display: flex;
}
@media screen and (max-width: 768px) {
  #wrap_home main ul li {
    font-size: 3vh;
  }
}
@media screen and (max-width: 768px) {
  #wrap_home main ul li {
    font-size: 3.4vh;
    line-height: 1.5;
  }
}
#wrap_home main ul li a, #wrap_home main ul li button {
  padding: 0.5vh 2vw;
  margin-top: 1vh;
  background-color: transparent;
  border: none;
  display: block;
}
#wrap_home main ul li a:hover, #wrap_home main ul li button:hover {
  background-color: #e6e6e6;
}
#wrap_home main ul li a svg, #wrap_home main ul li button svg {
  height: 3vh;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #wrap_home main ul li a svg, #wrap_home main ul li button svg {
    height: 3.6vh;
  }
}
#wrap_home main ul li a span, #wrap_home main ul li button span {
  padding-left: 0.5vh;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #wrap_home main ul#list_season a, #wrap_home main ul#list_season button {
    padding: 0.5vh 4.5vw;
  }
}
#wrap_home main p {
  margin-left: auto;
  padding-right: 2vh;
}
#wrap_home main p a {
  text-decoration: underline;
}

#wrap_mypage {
  width: 60vw;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #wrap_mypage {
    width: 100%;
  }
}
#wrap_mypage h1 {
  padding: 2.5vh 0 5vh;
  font-size: 2.5vh;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  #wrap_mypage h1 {
    font-size: 3.75vh;
  }
}
#wrap_mypage h1 span {
  display: block;
  font-size: 2vh;
}
@media screen and (max-width: 768px) {
  #wrap_mypage h1 span {
    font-size: 3vh;
  }
}
#wrap_mypage main {
  padding: 1.5vh 3vh;
}
#wrap_mypage main form {
  margin-bottom: 5vh;
}
#wrap_mypage main h2 {
  font-size: 2vh;
  font-weight: bold;
  margin-bottom: 1vh;
}
@media screen and (max-width: 768px) {
  #wrap_mypage main h2 {
    font-size: 3vh;
  }
}
#wrap_mypage main dl {
  margin-bottom: 2vh;
}
#wrap_mypage main dl .dl_wrap {
  display: flex;
  font-size: 1.4vh;
}
@media screen and (max-width: 768px) {
  #wrap_mypage main dl .dl_wrap {
    font-size: 2.1vh;
  }
}
#wrap_mypage main dl .dl_wrap dt {
  flex: 0 0 22vh;
  background-color: #e6e6e6;
  padding: 0 2vh;
  border-bottom: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: right;
}
#wrap_mypage main dl .dl_wrap dd {
  flex: 0 0 calc(100% - 22vh);
  background-color: #fff;
  padding: 1vh 2vh;
  border-bottom: 1px solid #f0f0f0;
}
#wrap_mypage main dl .dl_wrap dd input {
  font-size: 1.4vh;
  padding: 1vh;
}
@media screen and (max-width: 768px) {
  #wrap_mypage main dl .dl_wrap dd input {
    font-size: 2.1vh;
  }
}
#wrap_mypage main .submit_box {
  margin-top: 3vh;
  text-align: center;
}
#wrap_mypage main .submit_box input[type=submit] {
  border: none;
  background-color: #1f80c7;
  color: #fff;
  padding: 1vh 10vh;
  font-size: 2vh;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  #wrap_mypage main .submit_box input[type=submit] {
    font-size: 3vh;
  }
}
#wrap_mypage main .submit_box input[type=submit]:hover {
  background-color: #3999e0;
}
#wrap_mypage main #logout {
  text-align: right;
}
#wrap_mypage main #logout button {
  background-color: transparent;
  border: none;
  text-decoration: underline;
}/*# sourceMappingURL=style.css.map */