@charset "UTF-8";
/* Scss Document */
body {
  font-family: 'Noto Sans JP',"ヒラギノ角ゴ W3","ヒラギノ角ゴ ","Hiragino Kaku Gothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ", "Meiryo", sans-serif;
  font-feature-settings: "pkna";
  line-height: 1.8;
  letter-spacing: 0em;
  overflow-wrap: break-word;
  line-break: strict;
  font-size: 15px;
  font-weight: 400;
  color: #1D1D1D;
  word-break: normal;
}

a[href^="tel:"] {
  pointer-events: none;
  text-decoration: none;
}

a, button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

button:focus {
  outline: 0;
}

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}

h1, h2, h3 {
  font-size: inherit;
  transition: .3s ease;
  line-height: 1.8;
}

p {
  margin-bottom: 0;
}

figure {
  margin: 0;
}

a,
a:visited,
a:hover,
a:active {
  color: inherit;
  transition: .3s ease;
}

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

	共通

---------------------------------*/
.pc-none {
  display: none;
}

.sp-br {
  display: none;
}

.ptlr16 {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 64px;
}

.plr16 {
  padding-left: 16px;
  padding-right: 16px;
}

.mb12 {
  margin-bottom: 12px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb75 {
  margin-bottom: 75px;
}

.mt20 {
  margin-top: 20px;
}

.mt45 {
  margin-top: 45px;
}

.cover536 {
  max-width: 536px;
  margin: auto;
}

.cover904 {
  max-width: 904px;
  margin: auto;
}

.bg-f5 {
  background-color: #F5F5F5;
}

.basis-link {
  color: #E00D0D;
  text-decoration: underline;
}

.txt-center {
  text-align: center;
}

.font-bold {
  font-weight: bold;
}

.font-18 {
  font-size: 18px;
}

.line-ttl {
  font-weight: bold;
  font-size: 22px;
  position: relative;
  padding: 0 0 26px 10px;
  margin-bottom: 40px;
}

.line-ttl:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #BEBEBE;
  position: absolute;
  left: 0;
  bottom: 0;
}

.line-ttl:after {
  content: '';
  display: inline-block;
  width: 100px;
  height: 2px;
  background: #008CD8;
  position: absolute;
  left: 0;
  bottom: 0;
}

.w-box {
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 10px;
  padding: 64px 16px;
  margin-bottom: 64px;
}

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

	header

---------------------------------*/
.header-blade {
  background: #58666E;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 32px;
  height: 80px;
  position: fixed;
  width: 100%;
  z-index: 200;
}
.header-blade img {
  display: block;
  margin-left: 8px;
}

.header-blad-ttl {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 22px;
  margin: 0;
}

.header-blade-space {
  height: 80px;
}

/* menu */
#top-head {
  position: fixed;
  width: 100%;
  z-index: 100;
}
#top-head .inner {
  position: relative;
}

#global-nav {
  position: relative;
  z-index: 100;
}
#global-nav ul {
  list-style: none;
  display: flex;
  margin: 0;
}
#global-nav ul li {
  width: calc(100% / 4);
}
#global-nav ul li a {
  text-decoration: none;
  background: #F5F5F5;
  width: 100%;
  text-align: center;
  padding: 8px;
  font-weight: bold;
  height: 60px;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #1D1D1D;
}
#global-nav ul li .current_page {
  background: #1173B6;
  color: #fff;
}
#global-nav ul li:first-of-type {
  border-left: solid 1px #58666E;
  border-right: solid 1px #58666E;
}
#global-nav ul li:not(:first-of-type) {
  border-right: solid 1px #58666E;
}

/* Toggle Button */
#nav-toggle {
  display: none;
}

.menu-space {
  height: 60px;
}

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

	top

---------------------------------*/
.create {
  background: #F5F5F5;
  border-radius: 8px;
  padding: 40px 16px 30px 16px;
  margin-bottom: 64px;
}

.create-flex {
  display: flex;
  margin-left: -56px;
  justify-content: center;
}

.create-item {
  width: calc((100% / 2) - 56px);
  margin-left: 56px;
  max-width: 329px;
  margin-bottom: 50px;
}
.create-item p {
  font-weight: bold;
  margin-bottom: 16px;
}

.info-accordion-cover {
  padding-bottom: 54px;
  border-top: dotted 1px #DDDDDD;
}

.info-accordion {
  position: relative;
}

.info-notice {
  cursor: pointer;
  position: relative;
  padding: 24px 76px 25px 16px;
  border-bottom: dotted 1px #DDDDDD;
  transition: .3s ease;
}

.info-date {
  margin-bottom: 8px;
  transition: .3s ease;
}

.info-ttl {
  font-weight: bold;
  font-size: 18px;
  transition: .3s ease;
}

.info-ttl, .info-content-txt {
  max-width: 812px;
}

.info-content {
  padding: 0 76px 32px 16px;
  background: #F5FCFF;
  position: relative;
  border-bottom: dotted 1px #DDDDDD;
}

.arrow-info {
  background: #1173B6;
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 50%;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s ease;
}

.arrow-info:before {
  content: "";
  display: inline-block;
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
  width: 11px;
  height: 11px;
  transform: rotate(-135deg);
  margin-left: 10px;
  transition: .3s ease;
}

.info-open .arrow-info {
  transform: translateY(-50%) rotate(-180deg);
  transition: .3s ease;
}

.info-accordion .info-open {
  background: #F5FCFF;
  border-bottom: none;
}

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

	ページネーション

---------------------------------*/
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 64px;
}
.pagination ul {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 0 0 -20px;
  flex-wrap: wrap;
}
.pagination ul li {
  border-radius: 50%;
  width: 42px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #58666E;
  letter-spacing: 0.1em;
  font-size: 18px;
  transition: all 0.5s ease;
  margin-left: 20px;
  margin-bottom: 10px;
}
.pagination ul li a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #F5F5F5;
  padding-left: 2px;
}
.pagination ul li .current {
  background-color: #1173B6;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  padding-left: 2px;
}
.pagination ul li .dots {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
}
.pagination ul li .prev:before, .pagination ul li .next:before {
  display: inline-block;
  content: '';
  width: 12px;
  height: 12px;
  border-top: 2px solid #58666E;
  border-right: 2px solid #58666E;
}
.pagination ul li .prev:before {
  transform: rotate(225deg);
  margin-left: 4px;
}
.pagination ul li .next:before {
  transform: rotate(45deg);
  margin-right: 6px;
}

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

	ログイン

---------------------------------*/
.login-ttl {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 40px;
}

.login-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 38px;
  margin-bottom: -6px;
}
.login-bottom .login-bottom-link {
  margin-right: 8px;
  margin-bottom: 16px;
}
.login-bottom .login-bottom-link a {
  display: block;
  text-decoration: underline;
}
.login-bottom .login-bottom-link a:first-of-type {
  color: #E00D0D;
  margin-bottom: 14px;
}
.login-bottom .login-bottom-link a:last-of-type {
  color: #008CD8;
  font-weight: bold;
}
.login-bottom .btn-push {
  width: 204px;
  height: 62px;
  margin-bottom: 16px;
}

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

	競技選択

---------------------------------*/
.competition-select .form__label {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 24px;
}
.competition-select .btn-push {
  margin-left: auto;
  width: 204px;
  height: 62px;
  margin-top: 70px;
}

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

	新規登録

---------------------------------*/
.entry .attention {
  color: #E00D0D;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 32px;
}

.entry-top {
  padding-bottom: 64px;
}
.entry-top p:nth-of-type(even) {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 30px;
}
.entry-top p:nth-of-type(odd) {
  margin-bottom: 16px;
}
.entry-top .btn-back {
  margin-top: 20px;
}

.form-notice {
  margin-top: 14px;
}

.form-attention {
  color: #E00D0D;
}

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

	ホテル

---------------------------------*/
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 904px;
    margin: 86px auto;
  }
}
.modal-open .modal {
  background: #1D1D1D99;
}

.modal-content.entry-modal {
  border-radius: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
}

.entry-modal .modal-body {
  padding: 0;
}
.entry-modal .modal-title {
  margin-bottom: 0;
  line-height: 1.8;
  font-weight: bold;
  font-size: 18px;
}
.entry-modal .modal-header {
  border-radius: 0;
  border: none;
  padding: 12px 12px 12px 24px;
  background: #fff;
}
.entry-modal .modal-header .modal-close {
  background: #17A1EB;
  width: 37px;
  height: 37px;
  margin: 0px;
  padding: 0 0 6px 0;
  opacity: 1;
  transition: .3s ease;
}
.entry-modal .modal-footer {
  border: none;
  display: block;
  font-weight: bold;
  text-align: center;
}
.entry-modal .modal-footer .modal-footer-close {
  color: #fff;
  width: 100%;
  height: 100px;
  transition: .3s ease;
}
.entry-modal .modal-footer .modal-footer-close .dli-close {
  margin: -2px 10px 0 0;
}

.dli-close {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 1.5em;
  height: 0.1em;
  background: currentColor;
  border-radius: 0.1em;
  position: relative;
  transform: rotate(45deg);
}

.dli-close::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: inherit;
  transform: rotate(90deg);
}

.tbl-1-cover {
  margin-bottom: 30px;
}

.tbl-1 {
  width: 100%;
  min-width: 904px;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
}
.tbl-1 th {
  padding: 10px;
  color: #FFFFFF;
}
.tbl-1 td {
  padding: 10px;
}
.tbl-1 tr {
  border-bottom: solid 1px #DDDDDD;
}
.tbl-1 tr th:nth-of-type(odd) {
  background: #444E53;
}
.tbl-1 tr th:nth-of-type(even) {
  background: #58666E;
}
.tbl-1 tr td:nth-of-type(3) {
  text-align: left;
}
.tbl-1 tr td:last-of-type {
  text-align: left;
}
.tbl-1 tr td {
  position: relative;
}
.tbl-1 tr td:nth-of-type(odd):before {
  display: inline-block;
  content: "";
  width: 100%;
  height: 100%;
  background: #F8F8F8;
  position: absolute;
  left: 0;
  top: 0;
  mix-blend-mode: multiply;
}
.tbl-1 .head th:last-of-type {
  width: 140px;
}
.tbl-1 .tbl-1a td {
  background: #FFFEED;
}
.tbl-1 .tbl-1odd td {
  background: #fff;
}
.tbl-1 .tbl-1even td {
  background: #F5F5F5;
}

.participants-item .participants-item-flex1 {
  display: flex;
}
.participants-item .participants-item-flex1 p {
  color: #fff;
  text-align: center;
  width: 50%;
  padding: 8px;
  font-weight: bold;
}
.participants-item .participants-item-flex1 p:first-of-type {
  background: #444E53;
}
.participants-item .participants-item-flex1 p:last-of-type {
  background: #58666E;
}
.participants-item .participants-item-flex2 {
  display: flex;
}
.participants-item .participants-item-flex2 p {
  text-align: center;
  width: 50%;
  padding: 14px 8px;
}
.participants-item .participants-item-flex2 p:first-of-type {
  background: #fff;
}
.participants-item .participants-item-flex2 p:last-of-type {
  background: #F5FCFF;
}

.participants-cover {
  display: flex;
  width: 100%;
}
.participants-cover .participants-item:nth-of-type(odd) .participants-item-ttl {
  background: #444E53;
  color: #fff;
  text-align: center;
  padding: 8px;
  font-weight: bold;
}
.participants-cover .participants-item:nth-of-type(even) .participants-item-ttl {
  background: #58666E;
  color: #fff;
  text-align: center;
  padding: 8px;
  font-weight: bold;
}
.participants-cover .participants-item:nth-of-type(n+4) {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.participants-cover .participants-item:nth-of-type(n+4) p:last-of-type {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.participants-cover .participants-item:nth-of-type(-n+3) {
  width: 100%;
  max-width: 174px;
}
.participants-cover .participants-item:last-of-type p:last-of-type {
  background: #F5FCFF;
  color: #E00D0D;
}

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

	登録内容確認 登録内容

---------------------------------*/
.confirm-item p:first-of-type {
  margin-bottom: 8px;
}
.confirm-item p:last-of-type {
  font-weight: bold;
  font-size: 18px;
}

.confirm-item-cover .confirm-item:not(:last-of-type) {
  margin-bottom: 30px;
}

.confirm-input-cover {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: -16px;
  margin-bottom: -16px;
}
.confirm-input-cover .btn-back, .confirm-input-cover .btn-push {
  margin-left: 16px;
  margin-bottom: 16px;
}
.btn-back-stay {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 8px;
    width: 204px;
    height: 62px;
    color: #1173B6;
    font-size: 18px;
    font-weight: 700;
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px #1173B6;
    text-decoration: none;
    position: relative;
    transition: .3s ease;
    margin-right: 5em;
}
.confirm-input-cover-stay {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: -16px;
    margin-bottom: -16px;
    padding-left: 10em;
}

.w20{
    width:30%;
  }

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

	お問い合わせ

---------------------------------*/
.contact-cover {
  max-width: 536px;
  margin: auto;
}

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

	form

---------------------------------*/
.receipt-form .form__row {
  margin-bottom: 28px;
}

.form-sec {
  border-top: solid 1px #DDDDDD;
  margin-top: 40px;
}

.form-sec-other {
    border-top: solid 1px #DDDDDD;
    margin-top: 40px;
    margin-bottom: 3em;
}

.form-sec-ttl {
  font-weight: bold;
  font-size: 18px;
  padding: 40px 0 21px;
}

.lunch__row-cover .lunch__row:nth-of-type(odd) {
  background: #F5FCFF;
}

.lunch__row {
  padding: 0 10px;
}
.lunch__row .form__row-flex {
  display: flex;
  justify-content: center;
  margin-left: -16px;
  flex-wrap: wrap;
  padding-top: 16px;
}
.lunch__row .form__row-flex .form__row-flex-item {
  width: calc((100% / 2) - 16px);
  margin-left: 16px;
  max-width: 244px;
  padding: 0 0 20px;
}

/* テキストフィールド */
.receipt-form input[type=text],
.receipt-form input[type=tel],
.receipt-form input[type=email],
.receipt-form input[type=url],
.receipt-form input[type=date],
.receipt-form input[type=number],
.receipt-form input[type=password],
.receipt-form textarea {
  width: 100%;
  margin: 0;
  padding: 13px 16px 12px 16px;
  box-shadow: none;
  /* background-color: #DDDDDD; */
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 3px;

  border: 1px solid #58666E;
  /* border: 2px solid rgba(0, 0, 255, 0); */
}

.receipt-form input[type=text],
.receipt-form input[type=tel],
.receipt-form input[type=email],
.receipt-form input[type=url],
.receipt-form input[type=date],
.receipt-form input[type=number],
.receipt-form input[type=password] {
  max-height: 56px;
}

.receipt-form textarea {
  height: 210px;
}

/* テキストフィールド placeholder */
.receipt-form input[type=text]::placeholder,
.receipt-form input[type=tel]::placeholder,
.receipt-form input[type=email]::placeholder,
.receipt-form input[type=url]::placeholder,
.receipt-form input[type=date]::placeholder,
.receipt-form input[type=number]::placeholder,
.receipt-form input[type=password]::placeholder,
.receipt-form textarea::placeholder {
  color: #ADADAD;
}

/* テキストフィールド フォーカス時 */
.receipt-form input[type=text]:focus,
.receipt-form input[type=tel]:focus,
.receipt-form input[type=email]:focus,
.receipt-form input[type=url]:focus,
.receipt-form input[type=date]:focus,
.receipt-form input[type=number]:focus,
.receipt-form input[type=password]:focus,
.receipt-form textarea:focus {
  outline: 0;
  border: 2px solid #17A1EB;
  background-color: #fff;
}

/* テキストフィールド エラー時 */
.receipt-form .invalid input[type=text],
.receipt-form .invalid input[type=tel],
.receipt-form .invalid input[type=email],
.receipt-form .invalid nput[type=url],
.receipt-form .invalid input[type=date],
.receipt-form .invalid input[type=number],
.receipt-form .invalid input[type=password],
.receipt-form .invalid textarea {
  outline: 0;
  border: 2px solid #E00D0D;
  background-color: #F5CBCB;
}

/* セレクトボックス */
.receipt-form select {
  cursor: pointer;
  width: 100%;
  border: 1px solid #58666E;
  border-radius: 3px;
  padding: 20px 16px 19px 16px;
  box-shadow: none;
  line-height: 1;
  box-sizing: border-box;
  transition: border-color 0.2s ease, outline 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.receipt-form .select-wrap {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

.receipt-form .select-wrap:after {
  content: "";
  pointer-events: none;
  position: absolute;
  display: block;
  top: 50%;
  right: 22px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #58666E;
}

/* セレクトボックス フォーカス時 */
.receipt-form select:focus {
  outline: 0;
  border: 1px solid #58666E;
}

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

	btn

---------------------------------*/
.input-cover {
  display: flex;
  justify-content: center;
  margin-top: 64px;
  flex-direction: column;
  align-items: center;
}

.btn-push {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 8px;
  width: 329px;
  height: 64px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background-color: #17A1EB;
  border-radius: 4px;
  border: solid 1px #008CD8D9;
  text-decoration: none;
  position: relative;
  transition: .3s ease;
}

.btn-push:after {
  content: '';
  width: 16px;
  height: 16px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 16px;
  top: 24px;
  transition: .3s ease;
}

.btn-new {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 8px;
  width: 329px;
  height: 64px;
  color: #1173B6;
  font-size: 18px;
  font-weight: 700;
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px #1173B6;
  text-decoration: none;
  position: relative;
  transition: .3s ease;
}

.btn-new:after {
  content: '';
  width: 16px;
  height: 16px;
  border-top: 2px solid #1173B6;
  border-right: 2px solid #1173B6;
  transform: rotate(45deg);
  position: absolute;
  right: 16px;
  top: 24px;
  transition: .3s ease;
}

.btn-back {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 8px;
  width: 204px;
  height: 62px;
  color: #1173B6;
  font-size: 18px;
  font-weight: 700;
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px #1173B6;
  text-decoration: none;
  position: relative;
  transition: .3s ease;
}

.btn-back:after {
  content: '';
  width: 16px;
  height: 16px;
  border-top: 2px solid #1173B6;
  border-right: 2px solid #1173B6;
  transform: rotate(-135deg);
  position: absolute;
  left: 16px;
  top: 24px;
  transition: .3s ease;
}

.btn-list {
  background: #E0F1FA;
  border-radius: 22px;
  color: #1173B6;
  text-align: center;
  padding: 6px 14px 5px 0;
  margin-bottom: 24px;
  transition: .3s ease;
}

.btn-list:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #1173B6;
  margin: 0 6px 0 12px;
}

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

	footer

---------------------------------*/
.recommendation-os {
  padding-top: 48px;
  padding-bottom: 48px;
}

.recommendation-bg {
  background: #fff;
  border-radius: 10px;
  padding: 28px 16px 34px 16px;
}

.recommendation-os-ttl {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 30px;
}

.recommendation-os-flex {
  display: flex;
  justify-content: flex-start;
  margin-left: -16px;
}

.recommendation-os-item {
  margin-left: 16px;
  width: calc((100% / 2) - 16px);
  max-width: 244px;
  margin-bottom: 30px;
}
.recommendation-os-item p:first-of-type {
  font-weight: bold;
}
.recommendation-os-item p:not(:last-of-type) {
  margin-bottom: 1em;
}

.recommendation-os-txt p:first-of-type {
  margin: 0 0 38px;
}

.about-protection {
  padding-bottom: 52px;
  padding-bottom: 52px;
}

.site-footer {
  background: #58666E;
}

.btop-arrow {
  display: block;
  text-decoration: none;
  background-color: #7EADC6;
  position: relative;
  height: 65px;
  width: 65px;
  margin-left: auto;
}

.btop-arrow:after {
  content: "";
  display: inline-block;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  width: 18px;
  height: 18px;
  transform: rotate(-45deg);
  border-radius: 2px;
  transition: .3s ease;
  position: absolute;
  right: 22px;
  top: 28px;
}

.footer-address {
  padding: 0 16px 54px 16px;
  color: #fff;
  max-width: 1034px;
  margin: auto;
  margin-top: -17px;
}
.footer-address ul {
  list-style: none;
  margin-bottom: 2em;
}
.footer-address ul li:first-of-type {
  font-weight: bold;
}
.footer-address p {
  max-width: 553px;
}

@media screen and (min-width: 769px) {
  a:hover {
    transition: .3s ease;
  }

  .basis-link:hover {
    color: #E00D10;
    opacity: .7;
  }

  #global-nav ul li a:hover {
    background: #1173B6;
    color: #fff;
  }

  .btop-arrow:hover {
    background-color: #00548E;
  }

  .btn-push:hover {
    background-color: #00548E;
    border: solid 1px #00548E;
    transition: .3s ease;
  }

  .btn-push:hover:after {
    transform: rotate(45deg) translate(3px, -3px);
    transition: .3s ease;
  }

  .btn-new:hover {
    background-color: #17A1EB;
    border: solid 1px #17A1EB;
    transition: .3s ease;
    color: #fff;
  }

  .btn-new:hover:after {
    transform: rotate(45deg) translate(3px, -3px);
    transition: .3s ease;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }

  .btn-back:hover {
    background-color: #00548E;
    border: solid 1px #00548E;
    transition: .3s ease;
    color: #fff;
  }

  .btn-back:hover:after {
    transform: rotate(-135deg) translate(3px, -3px);
    transition: .3s ease;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }

  .info-notice:hover {
    transition: .3s ease;
    background: #F5FCFF;
  }
  .info-notice:hover .info-date, .info-notice:hover .info-ttl {
    transform: translateY(5px);
    transition: .3s ease;
  }
  .info-notice:hover .arrow-info {
    opacity: .7;
  }

  .btn-list:hover {
    opacity: .7;
    transition: .3s ease;
  }

  .entry-modal .modal-header .modal-close:hover,
  .entry-modal .modal-footer .modal-footer-close:hover {
    opacity: .7;
    transition: .3s ease;
  }

  .login-bottom .login-bottom-link a:hover {
    opacity: .7;
  }

  .pagination li:hover a {
    background-color: #1173B6;
    color: #fff;
  }

  .pagination li:hover .prev:before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }

  .pagination li:hover .next:before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}