@charset "UTF-8";

.singles {
background-color: #ffff00;
padding-bottom: 296px;
padding-top: 127px;
}

@media screen and (max-width: 991px) {
.singles {
  padding-top: 70px;
  padding-bottom: 105px;
}
}

.singles__inner {
max-width: 1120px;
margin-inline: auto;
width: auto;
box-sizing: content-box;
padding: 0 20px;
display: flex;
}

@media screen and (max-width: 991px) {

  .singles__inner {
    display: block;
  }
}

@media screen and (max-width: 991px) {

  .singles__inner {
    padding: 0 4px;
  }
}

.singles__content {
  color:#383838;
max-width: 835px;
width: 100%;
background-color: #fff;
padding-left: 70px;
padding-right: 70px;
padding-top: 75px;
padding-bottom: 80px;
border: 1px solid #cecece;
border-radius: 50px;
}

@media screen and (max-width: 991px) {
.singles__content {
  max-width: none;
  padding-top: 44px!important;
padding-inline: 26px!important;
  padding-bottom: 80px!important;
}
}

.singles__date {
font-size: 14px;
color: #006fe1;
}

.post-content .singles__title {
font-size: 24px;
line-height: 1.75;
color: #000;
border-bottom: 1px solid #006fe1;
padding-bottom: 25px;
}



@media screen and (max-width: 767px) {

  .post-content .singles__title {
    font-size: 16px;
  }
}

.post-content p {
  color: #3f3f3f;
}

@media screen and (max-width: 991px) {

  .post-content p {
  line-height: 1.75;
  font-size: 15px;
}
}

.singles__image-wrap {
  margin-top: 64px;
  width: 100%;
  background: url(../images/orange_back.png) no-repeat center / cover;
  aspect-ratio: 694 / 417;
  position: relative;
  padding: 46px 48px;
}

@media screen and (max-width: 991px) {

.singles__image-wrap {
  padding: 0;
}

}

@media screen and (max-width: 991px) {

.singles__image-wrap {
  margin-top: 30px;
}

}



.singles__image {
  width: 100%;
  max-width: 597px;
aspect-ratio: 597 / 324;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

@media screen and (max-width: 1150px) {

  .singles__image {
    max-width: 76%;

  }

}



@media screen and (max-width: 991px) {

  .singles__image {
    max-width: 85%;
    aspect-ratio: 263 / 144;
  }

}

.singles__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.singles__image .image-logos {
    top: 22px;  
  }

.singles__image .image-logo {
  max-width: 221px;
  width: 100%;
}

.singles__image .image-vol {
  font-size: 27px;
}

.singles__image .image-vol2 {
    font-size: 2.05rem;;
    font-weight: 600;
    padding-left: 7px;
}

.singles__image .image-logos2
 {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    left: 50px;
}

.singles__image .image-logos2 .image-logo {
  max-width: 280px;
  width: 100%;
}


@media screen and (max-width: 1024px) {
.singles__image {
    max-width: 85%;
    aspect-ratio: 263 / 144;
}

.singles__image .image-logos2 {
    top: 50%;
}

.singles__image .image-vol2 {
    font-size: 1.78rem;
    margin-top: 16px;
}

.singles__image .image-logos2 .image-logo {
    max-width: 238px;
    width: 100%;
}
}

@media screen and (max-width: 991px) {

  .singles__image .image-logos {
    top: 14px;
  }


.singles__image .image-logo {
/* max-width: 90px; */
max-width: 131px;
}

.singles__image .image-vol {
  font-size: 16px;
  margin-top: 4px;
}

}

@media screen and (max-width: 767px) {

   .singles__image .image-logos {
    top: 6px;
  }

  .singles__image .image-logo {
max-width: 90px;
  }

  .singles__image .image-vol {
font-size: 12px;
  }

  .singles__image .image-logos2 {
        top: 85px;
        left: 25px;
    }

  .singles__image .image-logos2 .image-logo {
        max-width: 143px;
        width: 100%;
  }

  .singles__image .image-vol2
 {
        font-size: 17px;
        font-weight: 700;
        padding-left: 3px;
        margin-top: 11px;
  }
}

.singles__body {
  padding-top: 40px!important;
}

@media screen and (max-width: 767px) {
.singles__body {
  padding-top: 22px!important;
}
}

/*サイドバーエリア */

.left-content #side {
  width: 233px;
  margin-left: 52px;
}

@media screen and (max-width: 991px) {

  .left-content #side {
    padding-top: 82px;
    padding-inline: 30px;
    width: auto;
    margin-left: 0;
  }

}



.widget_categories a {
  padding-left: 0;
}

.widget_categories a {
  width: 100%;
}

.side-title-inner {
  color: #000;
  font-weight: bold;
  margin-left: -7px;
}

.side-widget .side-title {
  border-bottom: 1px solid #000;
  margin-bottom: 0;
  padding-bottom: 16px;
}

@media screen and (max-width: 991px) {

  .side-widget .side-title {
padding-bottom: 18px;
  }

}

.singles .side-widget ul li {
  border-bottom: 1px solid #000!important;
}

@media screen and (max-width: 991px) {
.singles .side-widget ul li {
  padding-top: 18px;
  padding-bottom: 18px;
}
}

.singles .side-widget ul li a {
color: #000;
font-weight: bold;
font-size: 16px;
}

.side-widget-inner > a {
    border-bottom: 1px solid #000!important;
}

/*バナーエリア */

.banners {
margin-top: 94px;
}

.banner-comment {
color: #ff0000;
}

@media screen and (max-width: 991px) {
.banner-comment {
max-width: 307px;
margin-inline: auto;
}
}

.banner-link {
  display: block;
}

.banner-image {
  margin-top: 6px;
max-width: 233px;
aspect-ratio: 1 / 1;
}

@media screen and (max-width: 991px) {
.banners {
  margin-top: 76px;
}

.banner-image {
  max-width: 307px;
  width: 100%;
  margin-inline: auto;
}
}

/*一覧に戻る */

.backs__wrap {
  margin-top: 42px;
  max-width: 1120px;
  padding-inline: 20px;
  margin-inline: auto;
}

.backs {
display: flex;
align-items: center;
}

.back__circle {
width: 67px;
height: 67px;
}

.color02 .singles a {
  color: #000;
}

.back_text {
display: inline-block;
margin-left: 20px;
}

.is-pc {
  display: none;
}

@media screen and (min-width: 992px) {
  .is-pc {
display: block;
}

}

.is-tab_sp {
  display: none;
}

@media screen and (max-width: 991px) {

  .is-tab_sp {
display: block;
}

}

/*フッター */

@media screen and (max-width: 767px) {

  .color02 #footer {
    padding-top: 0!important;
  
  }
}



.p-footer {
  background-color: #000;
  color: #b1b1b1;
  padding-top: 158px;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .p-footer {
    padding-top: 88px;
  }
}

.p-footer__inner {
  max-width: 1120px;
  width: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 20px;
}

@media screen and (max-width: 1024px) {
  .p-footer__inner {
   display: block;
    padding: 0 34px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__inner {
    display: block;
    padding: 0 34px;
  }
}

.p-footer__left {
	flex: 0 0 253px;
}

.p-footer__logo {
  max-width: 182px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-footer__logo {
    margin-inline: auto;
  }
}

.p-footer__title {
  margin-top: 29px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 1024px) {
.p-footer__title {
text-align: left;
}

}

@media screen and (max-width: 767px) {
.p-footer__title {
text-align: center;
}

}

.p-footer__desc {
  margin-top: 6px;
  text-align: left;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .p-footer__desc {
    
    text-align: center;
  }
}

.p-footer__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 628px;
  width: 100%;
  margin-left: 21.1%;
}

@media screen and (max-width: 1024px) {
  .p-footer__right {
    display: block;
    margin-left: 0;
    max-width: none;
    margin-top: 73px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__right {
    display: block;
    margin-left: 0;
    max-width: none;
    margin-top: 73px;
  }
}

.p-footer__ul {
  padding-block: 18px;
  padding-inline: 19px;
  max-width: 300px;
  width: 100%;
  font-size: 14px;
  background-color: #1f2a34;
}

@media screen and (max-width: 767px) {

  .p-footer__ul {
margin-inline: auto;
  }
}
.p-footer__ul li {
  line-height: 1.75;
}
.p-footer__ul.ul-2nd {
  margin-left: 33px;
}

@media screen and (max-width: 1024px) {
  .p-footer__ul.ul-2nd {
    margin-top: 35px;
   margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__ul.ul-2nd {
    margin-top: 35px;
    margin-inline: auto;
  }
}
.p-footer__ul.ul-2nd li:first-of-type {
  text-indent: -0.5em;
}

.p-footer__copy {
  margin-top: 125px;
  text-align: center;
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .p-footer__copy {
    margin-top: 202px;
    font-size: 14px;
  }
}


.pagetop {
  width: 142px;
}

@media screen and (max-width: 767px) {

  .pagetop {
  width: 70px;
}

}