@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
/* ====================================================

    ┏───────────────────────┓
    │   Table Of Contents   │
    ┗───────────────────────┛

==================================================== */
/* ====================================

  0. Common

==================================== */
/*
  0-1. Hero
==================================== */
.hero.--campaign {
  background-image: url(/wp/wp-content/themes/royal_new_theme/assets/images/pages/campaign/hero-ph_1.jpg);
}

.hero.--campaign mq() {
  background-image: url(/wp/wp-content/themes/royal_new_theme/assets/images/pages/campaign/hero-ph_1_sp.jpg);
}

/*
  0-2. Container
==================================== */
.archive_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
      flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  margin: -24px -12px 0;
}

@media screen and (max-width: 959px) {
  .archive_list {
    margin: 0;
  }
}

.archive_list li {
  width: calc( 50% - 24px);
  margin: 24px 12px 0;
  padding: 19px;
  border: 1px solid #e0e0e0;
}

@media screen and (max-width: 959px) {
  .archive_list li {
    width: auto;
    margin: 15px 0 0;
    padding: 15px;
  }
}

.archive_list li dl {
  position: relative;
  height: 100%;
  padding-bottom: 56px;
}

@media screen and (max-width: 959px) {
  .archive_list li dl {
    padding-bottom: 85px;
  }
}

.archive_list li .img {
  margin-bottom: 10px;
  text-align: center;
  background: #eee;
}
.archive_list li .img img {
  max-height: 200px;
}
}

.archive_list li .img a {
  display: block;
  -webkit-transition: opacity .5s ease;
          transition: opacity .5s ease;
}

.archive_list li .img a:hover {
  opacity: .7;
}

.archive_list li .img img {
  max-width: 100%;
  height: auto;
}

.archive_list li dt {
  margin-bottom: 6px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.575;
}

@media screen and (max-width: 959px) {
  .archive_list li dt {
    line-height: 1.31;
  }
}

.archive_list li .text {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.75;
  word-break:break-all;
}
.archive_list li .date {
  text-align: right;
}
.archive_list li .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
}

@media screen and (max-width: 959px) {
  .archive_list li .btn a {
    height: 16vw;
  }
}

.navigation.pagination {
  margin-top: 40px;
  text-align: center;
}

.navigation.pagination .nav-links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 959px) {
  .navigation.pagination .nav-links {
    justify-content: center;
    width: 100%;

    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
}

.navigation.pagination .dots {
  width: auto;
  height: auto;
  margin-right: 4px;
  background-color: inherit;
}

@media screen and (max-width: 959px) {
  .navigation.pagination .dots {
    margin-right: 2.66667vw;
  }
}

.navigation.pagination span, .navigation.pagination a {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 4px;
  color: #666;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  line-height: 28px;
  background-color: #e0e0e0;
}

@media screen and (max-width: 959px) {
  .navigation.pagination span, .navigation.pagination a {
    margin-right: 2.66667vw;
  }
}

.navigation.pagination a:hover {
  color: #fff;
  background-color: #d02e2c;
}

.navigation.pagination .current {
  color: #fff;
  background-color: #d02e2c;
}

.navigation.pagination .prev, .navigation.pagination .next {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: underline;
  background-color: inherit;
}

@media screen and (max-width: 959px) {
  .navigation.pagination .prev:hover, .navigation.pagination .next:hover {
    color: #666;
    text-decoration: none;
    background-color: inherit;
  }
}

.navigation.pagination .prev:before, .navigation.pagination .next:before {
  position: absolute;
  top: calc(50% - 3px);
  content: "";
}

.navigation.pagination .prev {
  margin-right: 10px;
  padding-left: 10px;
}

@media screen and (max-width: 959px) {
  .navigation.pagination .prev {
    margin-right: 2vw;
    padding-left: 2.93333vw;
  }
}

.navigation.pagination .prev:before {
  left: 0;
  width: 6px;
  height: 6px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #333;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.navigation.pagination .next {
  margin-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 959px) {
  .navigation.pagination .next {
    margin-left: 2vw;
    padding-right: 2.93333vw;
  }
}

.navigation.pagination .next:before {
  right: 0;
  width: 6px;
  height: 6px;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
/*====================================
  追加分
==================================== */
.content{font-size: 1.1em;}
.content h1,.content h2{font-size: 2em;font-weight: 700;}
.content h3{font-size: 1.6em;font-weight: 700;}
.content h3{font-size: 1.3em;font-weight: 700;}
@media screen and (max-width: 959px) {
.content h1,.content h2{font-size: 1.5em;font-weight: 700;}
.content h3{font-size: 1.3em;font-weight: 700;}
.content h3{font-size: 1.2em;font-weight: 700;}
.content > section img {max-width: 100%;}
}


.public-item-button {
    padding: 5px 20px 5px 7px;
}