@charset "utf-8";
/*************************************************************
 *
 * Copyright (c) 2025 ysrock Co., Ltd.	<info@ysrock.co.jp>
 * Copyright (c) 2025 Yasuo Sugano	<sugano@ysrock.co.jp>
 *
 * Version	: 1.0.0
 * Update	  : 2025.05.20
 *
 *************************************************************/
footer {
  border-top-style: solid;
  border-top-color: #fff;
  background-color: #0f1a38;
  color: #fff;
}
footer > ul::after {
  content: "";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
footer > ul > li {
  float: left;
  line-height: 1em;
}
footer > ul > li > a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
}
footer > ul > li > a:hover {
  text-decoration: underline;
}
footer > ul > li.flex {
  float: right;
}

@media print, screen and (min-width: 1025px){
  /* px */

  footer {
    height: 50px;
    border-top-width: 1px;
  }
  footer > ul {
    margin: 14px 15px 0;
  }
  footer > ul > li {
    margin: 0 4px;
    font-size: 14px;
  }
  footer > ul > li > a {
    padding: 4px 10px;
  }
  footer > ul > li.flex {
    padding: 4px 10px;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px){
	/* px/8.5 */

  footer {
    height: 5.8548vw;
    border-top-width: 0.117vw;
  }
  footer > ul {
    margin: 1.6393vw 1.7564vw 0;
  }
  footer > ul > li {
    margin: 0 0.4683vw;
    font-size: 1.6393vw;
  }
  footer > ul > li > a {
    padding: 0.4683vw 1.1709vw;
  }
  footer > ul > li.flex {
    padding: 0.4683vw 1.1709vw;
  }
}
@media screen and (max-width: 640px){
	/* px/4 */

  footer {
    height: 12.5vw;
    border-top-width: 0.25vw;
  }
  footer > ul {
    margin: 3.5vw 3.75vw 0;
  }
  footer > ul > li {
    margin: 0 1vw;
    font-size: 3.5vw;
  }
  footer > ul > li:not(.flex) {
    display: none;
  }
  footer > ul > li.flex {
    width: 100%;
    padding: 1vw 2.5vw;
    text-align: center;
  }
}