@charset "utf-8";
/* フッター背景（6:3:1なめらか縦グラデーション） */
.footer {
  background: linear-gradient(
    to bottom,
    #2A2F41 0%,
    #2A2F41 60%,
    #2A4478 90%,
    #AD6299 100%
  );
  padding: 2rem 0;
  color: #E7E2C1;
  font-family: "IPAex明朝", serif;
  text-align: center;;
}

/* フッター中身 */
.footer-text {
  display: inline-block;
  text-align: left;
  max-width: 50rem;
  color: #E7E2C1;
}

.list-title{
  font-size: 1.2rem;
}

.nowrap {
    white-space: nowrap;
}


/* フッターリンク */
.footer-text a {
  display: block;
  color: #E7E2C1;
  text-decoration: underline;
  font-size: 0.9rem;
  margin: 0.25rem 0;
  font-family: "IPAex明朝", serif;
}

.footer-text a:hover {
  color: #AD6299;
  text-decoration: underline;
}

/* フッター住所 */
.footer-text p {
  margin: 0.25rem 0;
  font-size: 0.9rem;
  text-align: left;
  color: #E7E2C1;
  font-family: "IPAex明朝", serif;
}

/* コピーライト */
.copyright {
  font-size: 0.75rem;
  color: #E7E2C1;
  margin-top: 0.5rem;
  margin-bottom: 10%;
  text-align: center;
  font-family: "IPAex明朝", serif;
}

/*広告*/
.ad_container_1{
  display: block;
  margin-bottom: 3rem; 
}

.ad_container_2{
  display: block;
  margin-bottom: 3rem; 
}

.ad_container_3{
  display: block;
  margin-bottom: 3rem; 
}

.ad_container_4{
  display: block;
  margin-bottom: 3rem;
}
.ad_container_5{
  display: block;
  margin-bottom: 3rem;
}
.ad_container_6{
  display: block;
  margin-bottom: 5rem;
}

.ads{
    width: 13rem;
    height: auto;
    aspect-ratio: 360/100;
}


/* ===================================
   タブレット用の設定 
   =================================== */

@media screen and (min-width: 481px) {

  /* コピーライト */
.copyright {
  margin-bottom: 50%;
}

    
}


/* ===================================
   PC用の設定 
   =================================== */
@media screen and (min-width: 1025px) {

  /* フッター中身 */

  .footer-text {
  max-width: 120rem;
}


.list-title{
  font-size: 3rem;
}

/* フッターリンク */
.footer-text a {
  display: block;
  color: #E7E2C1;
  text-decoration: underline;
  font-size: 2rem;
  margin: 0.25rem 0;
  font-family: "IPAex明朝", serif;
}

.footer-text a:hover {
  color: #AD6299;
  text-decoration: underline;
}

/* フッター住所 */
.footer-text p {
  margin: 0.25rem 0;
  font-size: 2rem;
  text-align: left;
  color: #E7E2C1;
  font-family: "IPAex明朝", serif;
}

.copyright {
  font-size: 1.7rem;
}


footer .ads{
    width: 40%;
    height: auto;
    aspect-ratio: 360/100;
}

.ad_container_6{
  margin-bottom: 20rem;
}


}