@charset "UTF-8";
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.p-memories__text {
  text-align: center;
  padding: 15px 15px 0;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (min-width: 821px) {
  .p-memories__text {
    padding: 0 40px;
    margin-bottom: 40px;
  }
}

.p-memories__more {
  margin-top: 15px;
  text-align: center;
}
.p-memories__more .c-button {
  font-size: 14px;
  min-width: 123px;
}
@media screen and (min-width: 821px) {
  .p-memories__more .c-button {
    font-size: 16px;
  }
}
@media screen and (min-width: 821px) {
  .p-memories__more {
    margin-top: 40px;
    text-align: center;
  }
  .p-memories__more .c-button {
    min-width: 280px;
  }
}

.p-photo__list {
  display: flex;
  flex-wrap: wrap;
}

.p-photo__list__item {
  width: 47.87%;
  margin-left: 4.26%;
}
.p-photo__list__item a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 7px;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08);
  text-decoration: none;
  width: 100%;
  max-width: 100%;
  padding-top: 100%;
}
.p-photo__list__item a:after {
  content: attr(data-title);
  color: #ffffff;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  left: 0;
  top: 0;
  position: absolute;
  font-size: 12px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 821px) {
  .p-photo__list__item a:after {
    font-size: 14px;
  }
}
.p-photo__list__item a.is-video:before {
  content: "";
  background: url(/svg/icn-memories_video.svg) no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 16px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 3;
}
.ext-drawing .p-photo__list__item a:after {
  display: none;
}
.p-photo__list__item img {
  z-index: 1;
  vertical-align: bottom;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
}
.p-photo__list__item:nth-child(odd) {
  margin-left: 0;
}
.p-photo__list__item:nth-child(n+3) {
  margin-top: 15px;
}
@media screen and (min-width: 821px) {
  .p-photo__list__item {
    width: 15%;
    margin-left: 2%;
  }
  .p-photo__list__item:nth-child(odd) {
    margin-left: 2%;
  }
  .p-photo__list__item:nth-child(6n+1) {
    margin-left: 0;
  }
  .p-photo__list__item:nth-child(n+3) {
    margin-top: 0;
  }
  .p-photo__list__item:nth-child(n+7) {
    margin-top: 2%;
  }
}

.p-blog .c-list li {
  padding-left: 65px;
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100px;
}
.p-blog .c-list li div {
  position: absolute;
  left: 0;
  top: 50%;
  height: 0;
  padding-top: 50px;
  width: 50px;
  transform: translate(0, -50%);
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
.p-blog .c-list li em:before {
  content: "- ";
}
.p-blog .c-list li a {
  text-decoration: underline;
  font-weight: normal;
  display: inline-block;
  max-height: 3em;
  overflow: hidden;
}
@media screen and (min-width: 821px) {
  .p-blog .c-list li {
    margin-top: 0;
    padding-left: 70px;
  }
  .p-blog .c-list li .pc a:hover {
    opacity: 0.7;
  }
}

.p-keyvisual {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.p-keyvisual__inner {
  max-width: 1080px;
  width: 100%;
  z-index: 2;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media screen and (max-width: 820px) {
  .p-keyvisual__inner {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: stretch;
  }
}
.p-keyvisual__content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-size: 14px;
  width: calc(50% - 5px);
  flex-shrink: 0;
  flex-grow: 0;
}
@media screen and (min-width: 821px) {
  .p-keyvisual__content {
    font-size: 16px;
  }
}
@media screen and (max-width: 820px) {
  .p-keyvisual__content {
    width: 100%;
  }
}
.p-keyvisual__box {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #222;
  padding: 40px;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  flex-grow: 1;
}
.p-keyvisual__box:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #ffffff;
  left: 0;
  top: 0;
}
* + .p-keyvisual__box {
  margin-top: 1.8867924528%;
}
@media screen and (max-width: 820px) {
  .p-keyvisual__box {
    padding: 15px;
    order: 1;
    margin-bottom: 1.8867924528%;
  }
}
.p-keyvisual__title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0.5em;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 820px) {
  .p-keyvisual__title {
    font-size: 18px;
  }
}
.p-keyvisual__text {
  position: relative;
  z-index: 2;
}
.p-keyvisual__large {
  width: calc(50% - 5px);
  padding-top: 61.6666666667%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.ext-affiliate .p-keyvisual__large {
  padding-top: 49.537037037%;
}
@media screen and (max-width: 820px) {
  .p-keyvisual__large {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .ext-affiliate .p-keyvisual__large {
    padding-top: 100%;
  }
}
.p-keyvisual__date {
  font-size: 12px;
  letter-spacing: 0.06em;
  color: #787878;
  line-height: 1;
  margin-top: 1em;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 821px) {
  .p-keyvisual__date {
    font-size: 14px;
  }
}
.p-keyvisual__name {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: bold;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 821px) {
  .p-keyvisual__name {
    font-size: 20px;
  }
}
.p-keyvisual__name strong {
  display: block;
  color: #E35D54;
}
@media screen and (min-width: 821px) {
  .p-keyvisual__name strong {
    display: inline-block;
    margin-right: 23px;
  }
}
.p-keyvisual__price {
  font-weight: bold;
  padding: 10px 0;
  position: relative;
  z-index: 2;
}
.p-keyvisual__price strong {
  font-size: 24px;
  margin: 0 10px 0 0;
  color: #E35D54;
}
.p-keyvisual__label {
  line-height: 1;
  position: relative;
  z-index: 2;
  padding-top: 14px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.p-keyvisual__label a,
.p-keyvisual__label span {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5em 7px;
  box-sizing: border-box;
  font-size: 11px;
  line-height: 1;
  margin-right: 10px;
  position: relative;
  background: #f0f0f0;
  color: #222;
  margin-top: 6px;
  margin-right: 6px;
}
@media screen and (min-width: 821px) {
  .p-keyvisual__label a,
  .p-keyvisual__label span {
    font-size: 13px;
  }
}
@media screen and (min-width: 821px) {
  .p-keyvisual__label a,
  .p-keyvisual__label span {
    padding: 0.5em 10px;
    margin-top: 6px;
    margin-right: 10px;
  }
}
.p-keyvisual__label a {
  text-decoration: underline;
}
.p-keyvisual__label a:after {
  content: "?";
  color: #ffffff;
  background-color: #3C3C3C;
  padding: 0;
  margin: 0;
  width: 14px;
  height: 14px;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  margin-left: 3px;
  vertical-align: text-top;
}
.p-keyvisual__label span:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}
.p-keyvisual__label span img {
  max-width: 14px;
  max-height: 14px;
  position: absolute;
  left: 12px;
  transform: translate(-50%, 0);
}
@media screen and (min-width: 821px) {
  .p-keyvisual__label span img {
    left: 17px;
  }
}
.p-keyvisual.ext-harf .p-keyvisual__large {
  padding-top: 30%;
}
@media screen and (min-width: 821px) {
  .p-keyvisual__small {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    min-height: 120px;
  }
  * + .p-keyvisual__small {
    margin-top: 1.8867924528%;
  }
  .p-keyvisual__small div {
    width: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .p-keyvisual__small div + div {
    margin-left: 1.8867924528%;
  }
}
@media screen and (max-width: 820px) {
  .p-keyvisual__small {
    width: calc(50% - 5px);
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    margin-left: 10px;
  }
  .p-keyvisual__small div {
    height: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .p-keyvisual__small div + div {
    margin-top: 10px;
  }
}

.p-searchDrawer {
  font-size: 14px;
}
@media screen and (min-width: 821px) {
  .p-searchDrawer {
    font-size: 16px;
  }
}
.p-searchDrawer .c-select select {
  width: 100%;
  font-size: 14px;
  line-height: 1;
  border-width: 2px;
}

.p-searchDrawer__title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 3em;
  margin-bottom: 1.5em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 821px) {
  .p-searchDrawer__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 820px) {
  .p-searchDrawer__title {
    margin-top: 1.5em;
    margin-bottom: 0.75em;
  }
}
.p-searchDrawer__title:first-child {
  margin-top: 0;
}
.p-searchDrawer__title span {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.p-searchDrawer__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 0.75em;
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 2em;
  font-size: 14px;
}
.p-searchDrawer__header strong {
  font-size: 24px;
  margin: 0 0.2em;
}
.p-searchDrawer__header strong:first-child {
  margin: 0 0.2em 0 0;
}

.p-searchDrawer__list {
  display: flex;
  flex-wrap: wrap;
}
.p-searchDrawer__list li {
  width: calc(50% - 1em);
  font-size: 14px;
  margin-right: 1em;
  margin-bottom: 1em;
}
@media screen and (min-width: 821px) {
  .p-searchDrawer__list li {
    font-size: 16px;
  }
}
.p-searchDrawer__list li a {
  display: inline-block;
  font-size: 11px;
  text-decoration: underline;
}
@media screen and (min-width: 821px) {
  .p-searchDrawer__list li a {
    font-size: 13px;
  }
}
@media screen and (min-width: 821px) {
  .p-searchDrawer__list li {
    width: calc(33.3% - 1em);
  }
}

.p-searchDrawer__select {
  display: flex;
  align-items: center;
}
.p-searchDrawer__select .c-select {
  margin-right: 1em;
  min-width: 33%;
}
@media screen and (min-width: 821px) {
  .p-searchDrawer__select .c-select {
    min-width: 320px;
  }
}
.p-searchDrawer__select .c-select + .c-select {
  margin-left: 1em;
}
.p-searchDrawer__select li {
  position: relative;
}
.p-searchDrawer__select li:first-child {
  padding-right: 0.5em;
}
.p-searchDrawer__select li:first-child::after {
  content: "〜";
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1em;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5em;
}
.p-searchDrawer__select li:last-child {
  padding-left: 0.5em;
}
@media screen and (max-width: 820px) {
  .p-searchDrawer__select li {
    flex-grow: 1;
    width: 50%;
  }
  .p-searchDrawer__select li:first-child {
    padding-right: 1em;
  }
  .p-searchDrawer__select li:first-child::after {
    right: -0.5em;
  }
  .p-searchDrawer__select li:last-child {
    padding-left: 1em;
  }
  .p-searchDrawer__select li .c-select {
    width: 100%;
  }
  .p-searchDrawer__select li .c-select select {
    width: 100%;
  }
}

.p-searchDrawer__slider {
  width: calc(100% - (0.6em + 23px - 0.6em));
  margin-left: calc(0.6em + 1px);
  max-width: calc(634px + 1em);
}

.p-searchDrawer__result {
  width: 100%;
  height: 150px;
  background: rgba(255, 255, 255, 0.9);
  position: sticky;
  transform: translate(0, 15px);
  transition: bottom 0.4s 0s;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 15px;
  box-sizing: border-box;
  z-index: 10;
}
.is-active .p-searchDrawer__result {
  bottom: 0;
}
.p-searchDrawer__result p {
  width: 100%;
  text-align: center;
}
.p-searchDrawer__result .c-button {
  width: 100%;
}
@media screen and (min-width: 821px) {
  .p-searchDrawer__result {
    height: 150px;
    padding: 0 40px;
    transform: translate(0, 40px);
  }
  .p-searchDrawer__result .c-button {
    max-width: 320px;
  }
}

.c-counter {
  font-size: 1.5em;
  font-weight: bold;
  margin-right: 0.2em;
}
@media screen and (min-width: 821px) {
  .c-counter {
    font-size: 2em;
  }
}

.p-searchDrawer__filterWrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5em;
}
@media screen and (max-width: 820px) {
  .p-searchDrawer__filterWrapper {
    padding: 0 10px;
  }
}
.p-searchDrawer__filterWrapper > h3 {
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  margin-top: 1em;
}
.p-searchDrawer__filterWrapper > hr {
  width: 100%;
  height: 0;
  line-height: 0;
  border: none;
  margin: 0;
}
.p-searchDrawer__filterWrapper .p-searchDrawer__filterUnit {
  margin-right: 3em;
  background: #f0f0f0;
  padding: 0 10px;
  margin-top: 0.8em;
}
.p-searchDrawer__filterWrapper .p-searchDrawer__filterUnit + h3 {
  margin-top: 2em;
}
.p-searchDrawer__filterWrapper .p-searchDrawer__filterUnit h4 {
  min-width: 0;
  padding-top: 5px;
  display: flex;
  align-items: center;
  align-self: flex-start;
}
.p-searchDrawer__filterWrapper .p-searchDrawer__filterUnit h4 label {
  line-height: 1.5;
  padding-bottom: 5px;
  display: inline-block;
}
.p-searchDrawer__filterWrapper .p-searchDrawer__filterUnit h4 img {
  vertical-align: middle;
  margin-bottom: 5px;
  margin-right: 5px;
}
@media screen and (max-width: 820px) {
  .p-searchDrawer__filterWrapper .p-searchDrawer__filterUnit {
    padding: 0.2em 0 0;
    margin-right: 0;
  }
}

.p-searchDrawer__filter {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0 0 5px;
  align-items: center;
}
.p-searchDrawer__filter li {
  display: inline-block;
  margin-left: 5px;
  padding-right: 1.2em;
  padding-bottom: 5px;
}
.p-searchDrawer__filter li .c-checkbox,
.p-searchDrawer__filter li .c-radio {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 821px) {
  .p-searchDrawer__filter .c-tooltip {
    margin-top: -4px;
  }
}

.p-searchDrawer__filterUnit {
  display: flex;
  font-size: 14px;
}
@media screen and (min-width: 821px) {
  .p-searchDrawer__filterUnit {
    font-size: 16px;
  }
}
.p-searchDrawer__filterUnit h3,
.p-searchDrawer__filterUnit h4 {
  font-weight: bold;
  white-space: nowrap;
  padding-right: 0.8em;
  padding-top: 0.3em;
}
@media screen and (max-width: 820px) {
  .p-searchDrawer__filterUnit {
    display: flex;
    flex-wrap: wrap;
  }
  .p-searchDrawer__filterUnit h3, .p-searchDrawer__filterUnit h4 {
    padding: 0.5em 10px 0;
    padding-right: 0.4em;
    min-width: 0;
    font-size: 13px;
  }
}
.is-toggle .p-searchDrawer__filterUnit h3 {
  display: flex;
  align-items: center;
}
.is-toggle .p-searchDrawer__filterUnit h3 img {
  margin-right: 0.5em;
}

.p-searchDrawer__plus {
  border-radius: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #3C3C3C;
  position: relative;
  margin-left: 0.5em;
}
.p-searchDrawer__plus img {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.p-searchDrawer__all {
  font-size: 13px;
  font-weight: normal;
  text-decoration: underline;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 3em;
}
.p-searchDrawer__all + .p-searchDrawer__all {
  margin-left: 1.5em;
}

.p-filter {
  position: relative;
}
.p-filter:after {
  display: block;
  position: absolute;
  left: 50%;
  pointer-events: none;
  content: "";
  margin-left: -20px;
  bottom: -40px;
  border: 20px solid transparent;
  border-top: 20px solid #ffffff;
}

.p-filter__setting {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.p-filter__setting > strong {
  margin-bottom: 0.5em;
}
.p-filter__setting.ext-room:first-child {
  margin-top: 8px;
}
.p-filter__setting a {
  border: 1px solid #d1d1d1;
  display: inline-block;
  border-radius: 7px;
  padding: 0.1em 0.7em;
  font-size: 14px;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 821px) {
  .p-filter__setting a {
    font-size: 16px;
  }
}
.p-filter__setting a:after {
  content: "";
  margin-left: 0.6em;
  display: inline-block;
  text-align: center;
  background: url(/svg/icn-cross.svg) no-repeat center center;
  width: 0.7em;
  height: 0.7em;
  opacity: 0.3;
}
.p-filter__setting a.is-removing {
  transition: opacity 0.3s !important;
  opacity: 0 !important;
}
.p-filter__setting a.is-disable {
  opacity: 0.8;
  pointer-events: none;
  background-color: #efefef;
}
.p-filter__setting a.is-disable::after {
  background: url(/svg/icn-lock.svg) no-repeat center center;
  margin-left: 0.3em;
}
.p-filter__setting span {
  display: inline-block;
  padding: 0.1em 0.35em;
  font-size: 14px;
  margin-right: 0.25em;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 821px) {
  .p-filter__setting span {
    font-size: 16px;
  }
}
.p-filter__setting span.filter__noresult {
  padding: 0.1em 0;
}
.p-filter__setting > div {
  display: inline-block;
}

.p-filter__button {
  text-align: center;
  margin-top: 1em;
}
.p-filter__button .c-button {
  width: 100%;
}
@media screen and (min-width: 821px) {
  .p-filter__button .c-button {
    width: auto;
    min-width: 32%;
  }
}

.p-filter__result {
  text-align: center;
  font-size: 14px;
  border-top: 3px solid #F8F8F8;
  padding: 0.3em;
  margin: 15px -15px -15px;
}
@media screen and (min-width: 821px) {
  .p-filter__result {
    font-size: 16px;
  }
}
.p-filter__result.ext-room {
  position: relative;
  padding-bottom: 45px;
  margin: 15px -15px 0;
}
.p-filter__result.ext-room:before, .p-filter__result.ext-room:after {
  content: "";
  display: block;
  position: absolute;
}
.p-filter__result.ext-room:before {
  width: calc(100% + 80px);
  height: 30px;
  background-color: #F8F8F8;
  bottom: 0;
  left: -40px;
}
@media screen and (max-width: 820px) {
  .p-filter__result.ext-room:before {
    width: 100%;
    left: 0;
  }
}
.p-filter__result.ext-room:after {
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top: 15px solid #ffffff;
  bottom: 0;
  left: 50%;
  margin-left: -15px;
}
@media screen and (min-width: 821px) {
  .p-filter__result {
    margin: 20px -40px -40px;
  }
}

.p-filter__show,
.c-counter {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0.2em;
}

.ui-slider-horizontal .ui-slider-range {
  background: none repeat scroll 0 0 #3C3C3C;
  height: 0.5em;
  margin-top: 0.3em;
}

.ui-widget-content {
  background: #EEE;
  border: none;
  color: #222222;
}

.ui-slider .ui-slider-handle {
  background: url(/images/search/common/cursor.png) no-repeat;
  border: none;
  width: 23px;
  height: 23px;
  cursor: pointer;
}

.price_count,
.initial_count,
.age_count,
.size_count {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.3em;
}
.price_count div,
.initial_count div,
.age_count div,
.size_count div {
  text-align: center;
  min-width: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.price_count div.min,
.initial_count div.min,
.age_count div.min,
.size_count div.min {
  margin-right: 0.5em;
}
.price_count div.max,
.initial_count div.max,
.age_count div.max,
.size_count div.max {
  margin-left: 0.5em;
}
.price_count input[type=number]::-webkit-outer-spin-button,
.price_count input[type=number]::-webkit-inner-spin-button,
.initial_count input[type=number]::-webkit-outer-spin-button,
.initial_count input[type=number]::-webkit-inner-spin-button,
.age_count input[type=number]::-webkit-outer-spin-button,
.age_count input[type=number]::-webkit-inner-spin-button,
.size_count input[type=number]::-webkit-outer-spin-button,
.size_count input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price_count input[type=number],
.initial_count input[type=number],
.age_count input[type=number],
.size_count input[type=number] {
  -moz-appearance: textfield;
  border: 1px solid #d1d1d1;
  border-radius: 7px;
  padding: 0.3em 0.5em;
  box-sizing: border-box;
  width: 100px;
  margin: 0 0.25em;
}

.outside_zone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.3em 0 0;
  font-size: 14px;
}

.p-seo {
  background: #F8F8F8;
  position: relative;
  z-index: 1;
}
.p-seo .c-section {
  margin-top: 40px;
}
.p-seo .c-section:first-child {
  margin-top: 0;
}
@media screen and (max-width: 820px) {
  .p-seo .c-section {
    margin-top: 30px;
  }
}
.p-seo .c-box__title {
  padding: 10px 0;
  margin: -10px 0 10px;
  font-size: 16px;
}
@media screen and (max-width: 820px) {
  .p-seo .c-box__title {
    font-size: 14px;
  }
}
* + .p-seo .c-box__title:not(:first-child) {
  margin-top: 2em;
}
.p-seo .c-accordion__content {
  border-radius: 0 0 7px 7px;
}

.p-marketprice__table {
  width: 100%;
}
.p-marketprice__table tr.ext-empty {
  opacity: 0.3;
}
.p-marketprice__table tr.ext-empty .ext-graph div {
  display: none;
}
.p-marketprice__table tr.ext-empty .ext-button .c-button {
  pointer-events: none;
}
.p-marketprice__table th,
.p-marketprice__table td {
  padding: 0.35em 10px;
  white-space: nowrap;
}
@media screen and (max-width: 820px) {
  .p-marketprice__table th,
  .p-marketprice__table td {
    padding: 0.35em 5px;
  }
}
.p-marketprice__table th.ext-arrangement,
.p-marketprice__table td.ext-arrangement {
  width: 150px;
}
@media screen and (max-width: 820px) {
  .p-marketprice__table th.ext-arrangement,
  .p-marketprice__table td.ext-arrangement {
    width: auto;
  }
}
.p-marketprice__table th.ext-graph,
.p-marketprice__table td.ext-graph {
  background-color: #fafafa;
}
.p-marketprice__table th.ext-graph div,
.p-marketprice__table td.ext-graph div {
  width: 0;
  height: 15px;
  background: #53A96D;
}
.p-marketprice__table th.ext-graph div.ext-alt,
.p-marketprice__table td.ext-graph div.ext-alt {
  margin-top: 3px;
  background: #d0fade;
  position: relative;
}
@media screen and (max-width: 820px) {
  .p-marketprice__table th.ext-graph,
  .p-marketprice__table td.ext-graph {
    width: 0;
    overflow: hidden;
    padding: 0;
  }
}
.p-marketprice__table th.ext-button,
.p-marketprice__table td.ext-button {
  width: 200px;
}
@media screen and (max-width: 820px) {
  .p-marketprice__table th.ext-button,
  .p-marketprice__table td.ext-button {
    width: auto;
  }
}
.p-marketprice__table th.ext-button .c-button,
.p-marketprice__table td.ext-button .c-button {
  font-size: 14px;
}
@media screen and (max-width: 820px) {
  .p-marketprice__table th.ext-button .c-button,
  .p-marketprice__table td.ext-button .c-button {
    font-size: 11px;
  }
}
.p-marketprice__table th.ext-price {
  background-color: #fafafa;
}
@media screen and (max-width: 820px) {
  .p-marketprice__table th {
    font-size: 13px;
  }
}
@media screen and (max-width: 820px) {
  .p-marketprice__table td {
    font-size: 13px;
  }
}
.p-marketprice__table td.ext-price {
  width: 100px;
  background-color: #fafafa;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width: 820px) {
  .p-marketprice__table td.ext-price {
    width: auto;
    font-size: 14px;
  }
}
.p-marketprice__table td.ext-price span {
  font-size: 12px;
  font-weight: normal;
  margin-left: 0.2em;
}
.p-marketprice__result {
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.5em;
}
.p-marketprice__legend {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
  justify-content: center;
}
@media screen and (max-width: 820px) {
  .p-marketprice__legend {
    display: none;
  }
}
.p-marketprice__legend span {
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-right: 1em;
}
@media screen and (max-width: 820px) {
  .p-marketprice__legend span {
    font-size: 10px;
  }
}
.p-marketprice__legend span:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: #53A96D;
  margin-right: 0.3em;
}
.p-marketprice__legend span.ext-alt:before {
  background: #d0fade;
}
.p-marketprice__more {
  margin-top: 3em;
  text-align: center;
}
.p-marketprice__more.ext-huge {
  background: url(/images/rwd/business/bg-slash.png);
  background-size: 19px 19px;
  padding: 1em;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 820px) {
  .p-marketprice__more.ext-huge {
    padding: 15px;
  }
}
.p-marketprice__more.ext-huge > span {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  text-align: center;
  font-weight: bold;
  padding: 1em;
  background: #ffffff;
  font-size: 18px;
}
@media screen and (max-width: 820px) {
  .p-marketprice__more.ext-huge > span {
    font-size: 14px;
  }
}
.p-marketprice__more.ext-huge > span .c-button {
  margin-top: 0.75em;
}
.p-marketprice__more.ext-huge .c-button {
  width: 100%;
  max-width: 820px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 20px;
  white-space: wrap;
  font-weight: bold;
}
@media screen and (max-width: 820px) {
  .p-marketprice__more.ext-huge .c-button {
    font-size: 16px;
    height: 60px;
  }
}
.p-marketprice__more.ext-huge .c-button span {
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: flex-start;
  line-height: 1.6;
}
.p-marketprice__more.ext-huge .c-button img {
  border-radius: 50%;
  margin-right: 1em;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
  flex-grow: 0;
}
.p-marketprice__more .c-button {
  font-size: 16px;
  width: 100%;
  max-width: 32%;
  border-radius: 23px;
  height: 45px;
  line-height: 45px;
  padding: 0 1em;
}
@media screen and (min-width: 821px) {
  .p-marketprice__more .c-button {
    font-size: 18px;
  }
}
@media screen and (max-width: 820px) {
  .p-marketprice__more .c-button {
    max-width: 100%;
    width: 100%;
  }
}

.p-areainfo__title {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  margin-top: 3em;
}
@media screen and (max-width: 820px) {
  .p-areainfo__title {
    margin-top: 20px;
  }
}
.p-areainfo__title:first-child {
  margin-top: 0;
}
.p-areainfo__title + p {
  margin-top: 1em;
}
@media screen and (max-width: 820px) {
  .p-areainfo__image {
    width: 100%;
    height: auto;
    margin-top: 1em;
  }
  .p-areainfo__image:first-child {
    margin-top: 0;
  }
}
.p-areainfo p {
  line-height: 1.7;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 820px) {
  .p-areainfo p {
    margin-top: 1em;
  }
}
.p-areainfo__combo {
  margin-top: 3em;
}
@media screen and (max-width: 820px) {
  .p-areainfo__combo {
    margin-top: 20px;
  }
}
.p-areainfo__combo:first-child {
  margin-top: 0;
}
@media screen and (min-width: 821px) {
  .p-areainfo__combo {
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-template-rows: auto 1fr;
  }
  .p-areainfo__combo .p-areainfo__image {
    grid-column: 1;
    grid-row: 1/span 2;
    width: 100%;
    height: 100%;
    max-height: 300px;
    min-height: 200px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-areainfo__combo .p-areainfo__title {
    grid-column: 2;
    grid-row: 1;
    text-align: left;
    padding-left: 2em;
  }
  .p-areainfo__combo p {
    padding-top: 1em;
    padding-left: 2em;
    grid-column: 2;
    grid-row: 2;
  }
  .p-areainfo__combo + .p-areainfo__combo {
    grid-template-columns: 1fr 300px;
  }
  .p-areainfo__combo + .p-areainfo__combo .p-areainfo__image {
    grid-column: 2;
    grid-row: 1/span 2;
  }
  .p-areainfo__combo + .p-areainfo__combo .p-areainfo__title {
    grid-column: 1;
    grid-row: 1;
    padding-left: 0;
    padding-right: 2em;
  }
  .p-areainfo__combo + .p-areainfo__combo p {
    padding-top: 1em;
    padding-left: 0;
    padding-right: 2em;
    grid-column: 1;
    grid-row: 2;
  }
}
.p-areainfo .p-chart {
  background: #ffffff;
}
@media screen and (max-width: 820px) {
  .p-areainfo .p-chart {
    padding-top: 30px;
  }
}

.p-furnishedapartment__lead {
  font-size: 16px;
  margin-bottom: 30px;
}
@media screen and (max-width: 820px) {
  .p-furnishedapartment__lead {
    font-size: 14px;
  }
}
.p-furnishedapartment .c-accordion {
  margin-top: 30px;
}
@media screen and (max-width: 820px) {
  .p-furnishedapartment .c-accordion {
    margin-top: 20px;
  }
}
.p-furnishedapartment .c-accordion__title {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  border-radius: 7px;
  padding-left: 20px;
  padding-right: 20px;
}
.p-furnishedapartment .c-accordion__title.is-active {
  box-shadow: none;
}

.p-banner {
  text-align: center;
  max-width: 1080px;
  margin: 40px 15px 0;
}
.p-banner img {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 821px) {
  .p-banner {
    margin: 80px auto 0;
  }
}
@media screen and (min-width: 821px) and (max-width: 1160px) {
  .p-banner {
    margin: 80px 40px 0;
  }
}
.p-banner.ext-apartment img {
  width: 100%;
}
@media screen and (min-width: 821px) {
  .p-banner.ext-apartment {
    margin: 10px auto 0;
  }
}
@media screen and (min-width: 821px) and (max-width: 1080px) {
  .p-banner.ext-apartment {
    max-width: 100%;
  }
}
@media screen and (max-width: 820px) {
  .p-banner.ext-apartment {
    margin: 0;
  }
}

.p-feature .c-box {
  position: relative;
  overflow: hidden;
}
.p-feature .c-box p,
.p-feature .c-box .c-box__title {
  position: relative;
  z-index: 2;
}
.p-feature .c-box:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0.05;
  left: 0;
  top: 20px;
}
.p-feature .c-box.ext-new:before {
  background-image: url(/svg/icn-new.svg);
}
.p-feature .c-box.ext-women:before {
  background-image: url(/svg/icn-women.svg);
}
.p-feature .c-box.ext-campaign:before {
  background-image: url(/svg/icn-campaign.svg);
}
.p-feature .c-box.ext-panorama:before {
  background-image: url(/svg/icn-panorama.svg);
}

.p-sns .c-column__item + .c-column__item {
  margin-top: 20px;
}
@media screen and (min-width: 821px) {
  .p-sns .c-column__item + .c-column__item {
    margin-top: 0;
  }
}
.p-sns__banner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  height: 60px;
  box-sizing: border-box;
  text-decoration: none;
  font-weight: bold;
  border-radius: 8px;
  color: #fff;
  background-color: #3C3C3C;
  font-size: 16px;
}
@media screen and (min-width: 821px) {
  .p-sns__banner {
    font-size: 18px;
  }
}
.p-sns__banner svg, .p-sns__banner img {
  margin-right: 0.5em;
  width: 30px;
  height: 30px;
}
.p-introduction {
  margin-top: 0;
  padding-top: 30px;
}
@media screen and (min-width: 821px) {
  .p-introduction {
    padding-top: 60px;
  }
}
.p-introduction .c-column {
  margin-top: 20px;
}
@media screen and (min-width: 821px) {
  .p-introduction .c-column {
    margin-top: 40px;
  }
}

.p-introduction__title {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
.p-introduction__title span {
  font-size: 1.5em;
  padding: 0 0.2em;
}
@media screen and (min-width: 821px) {
  .p-introduction__title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}

.p-introduction__text {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-casets {
  margin-top: 2em;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 660px) and (max-width: 980px) {
  .p-casets {
    display: flex;
    flex-wrap: wrap;
  }
  .p-casets .c-caset {
    width: 48.4848484848%;
    margin: 0;
    box-sizing: border-box;
    margin-left: 3.0303030303%;
  }
  .p-casets .c-caset:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .p-casets .c-caset:nth-of-type(n+3) {
    margin-top: 3.0303030303%;
  }
}
@media screen and (max-width: 660px) {
  .p-casets.js-slick {
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box;
  }
  .p-casets.js-slick .slick-slide {
    padding: 0 15px;
  }
}
@media screen and (min-width: 660px) and (max-width: 980px) {
  .p-casets.js-slick {
    margin-left: 0;
    margin-right: -20px;
    box-sizing: border-box;
  }
  .p-casets.js-slick .slick-slide {
    padding-right: 20px;
  }
}
@media screen and (min-width: 981px) {
  .p-casets {
    display: flex;
    flex-wrap: wrap;
  }
  .p-casets .c-caset {
    width: 32%;
    margin: 0;
    box-sizing: border-box;
    margin-left: 2%;
  }
  .p-casets .c-caset:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .p-casets .c-caset:nth-of-type(n+4) {
    margin-top: 2%;
  }
}

.p-casets__loader {
  font-size: 25px;
  color: #d1d1d1;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 110px;
  font-weight: bold;
}
@media screen and (min-width: 660px) {
  .p-casets__loader {
    font-size: 40px;
    height: 150px;
  }
}
.p-casets__loader.is-complete {
  display: none;
}
.p-casets__loader.is-loading .c-button {
  visibility: hidden;
  pointer-events: none;
}
.p-casets__loader.is-loading:after {
  display: block;
}
.p-casets__loader:after {
  content: "";
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  bottom: 0;
  width: 50px;
  height: 50px;
  background: url(/svg/icn-loading.svg) no-repeat center center;
  background-size: 50px 50px;
}
.ie .p-casets__loader:after {
  animation: rotateLoop 1s linear infinite;
}
.p-casets__loader .c-button {
  font-size: 16px;
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 32%;
  border-radius: 23px;
  height: 45px;
  line-height: 45px;
  padding: 0 1em;
}
@media screen and (min-width: 821px) {
  .p-casets__loader .c-button {
    font-size: 18px;
  }
}
@media screen and (max-width: 820px) {
  .p-casets__loader .c-button {
    max-width: 100%;
    width: 100%;
  }
}

@keyframes rotateLoop {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(359deg);
  }
}
.p-casets__show,
.p-casets__max {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0.2em;
}

.p-category {
  padding: 15px 0 30px;
  background: #fcfcfc;
}
:not(.p-category) + .p-category {
  margin-top: 30px;
}
@media screen and (min-width: 821px) {
  .p-category {
    padding: 40px 0;
  }
  :not(.p-category) + .p-category {
    margin-top: 80px;
  }
}
.p-category:nth-child(even) {
  background: #F8F8F8;
}

.p-category__inner {
  position: relative;
  margin: 0 15px 0;
  max-width: 1080px;
}
@media screen and (min-width: 821px) {
  .p-category__inner {
    margin: 0 auto 0;
  }
}
@media screen and (min-width: 821px) and (max-width: 1200px) {
  .p-category__inner {
    margin: 0 40px 0;
  }
}
.p-category__inner .p-casets {
  position: relative;
  z-index: 2;
}

.p-category__header {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: center;
}
.p-category__header:before {
  content: "";
  width: 120px;
  height: 120px;
  display: block;
}
.p-category__header.ext-recommend:before {
  background: url(/svg/icn-recommend.svg) no-repeat left top;
  background-size: contain;
}
.p-category__header.ext-new:before {
  background: url(/svg/icn-new.svg) no-repeat left top;
  background-size: contain;
}
.p-category__header.ext-lady:before {
  background: url(/svg/icn-women.svg) no-repeat left top;
  background-size: contain;
}
.p-category__header.ext-campaign:before {
  background: url(/svg/icn-campaign.svg) no-repeat left top;
  background-size: contain;
}
.p-category__header.ext-near:before {
  background: url(/svg/icn-near.svg) no-repeat left top;
  background-size: contain;
}
.p-category__header.ext-apartment:before {
  background: url(/svg/icn-apartment.svg) no-repeat left top;
  background-size: contain;
}

.p-category__title {
  text-align: center;
  color: #222;
  font-weight: bold;
  font-size: 18px;
  margin-top: 2em;
}
@media screen and (min-width: 821px) {
  .p-category__title {
    font-size: 20px;
  }
}
.p-category__more + .p-category__title {
  margin-top: 4em;
}

.p-category__copy {
  position: relative;
  text-align: center;
  font-size: 14px;
}
@media screen and (min-width: 821px) {
  .p-category__copy {
    font-size: 16px;
  }
}

.p-category__more {
  margin-top: 2em;
  text-align: center;
}
.p-category__more .c-button {
  font-size: 16px;
  width: auto;
  min-width: 32%;
  border-radius: 23px;
  height: 45px;
  line-height: 45px;
  padding: 0 1em;
}
@media screen and (min-width: 821px) {
  .p-category__more .c-button {
    font-size: 18px;
  }
}
@media screen and (max-width: 820px) {
  .p-category__more .c-button {
    width: 100%;
  }
}

.p-info__market table {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  font-size: 14px;
}
@media screen and (min-width: 821px) {
  .p-info__market table {
    font-size: 16px;
  }
}
.p-info__market table th, .p-info__market table td {
  border-bottom: 3px solid #ffffff;
  padding: 0.5em 1em;
  text-align: center;
}
.p-info__market table th {
  background: #F8F8F8;
}
.p-info__chart {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.p-info__chart .c-box__title {
  margin-left: 0;
  margin-right: 0;
}
.p-info__chart iframe {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border: none;
}

.p-description .c-column {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 30px;
}
@media screen and (min-width: 821px) {
  .p-description .c-column {
    margin-top: 40px;
    flex-direction: row;
  }
  .p-description .c-column:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .p-description .c-column:nth-child(odd) .c-column__item {
    margin-left: 20px;
  }
  .p-description .c-column:nth-child(odd) .c-column__item + .c-column__item {
    margin-left: 0;
  }
}
.p-description .c-box__title {
  margin: 0 0 20px;
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 821px) {
  .p-description .c-box__title {
    margin: 0 0 27px;
    padding-top: 0;
  }
}

.p-description__image {
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 820px) {
  .p-description__image {
    margin-top: 0 !important;
    min-height: 188px;
    width: calc(100% + 30px);
    left: -15px;
    right: -15px;
  }
}
@media screen and (min-width: 821px) {
  .p-description__image {
    margin: 0;
    min-height: 470px;
  }
}
.p-description__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
}

.p-compare .c-box {
  position: relative;
}

.p-compare__viewport {
  overflow-x: auto;
}
.p-compare__viewport.has-scroll:after {
  content: "";
  background: #3C3C3C url(/svg/icn-scroll.svg) no-repeat center center;
  background-size: 70% 70%;
  width: 25px;
  height: 25px;
  border-radius: 7px;
  position: absolute;
  left: 15px;
  top: 15px;
}
@media screen and (min-width: 821px) {
  .p-compare__viewport.has-scroll:after {
    left: 40px;
    top: 40px;
  }
}

.p-compare__table {
  width: 100%;
  min-width: 820px;
}
.p-compare__table th,
.p-compare__table td {
  font-size: 12px;
  text-align: center;
  padding: 0.8em 0.4em;
  border-bottom: 1px solid #d1d1d1;
  vertical-align: middle;
}
@media screen and (min-width: 821px) {
  .p-compare__table th,
  .p-compare__table td {
    font-size: 14px;
  }
}
.p-compare__table th {
  font-weight: bold;
  white-space: nowrap;
}
.p-compare__table th span {
  display: inline-block;
}
.p-compare__table td.ext-best,
.p-compare__table td .ext-best {
  font-weight: bold;
}
.p-compare__table td.ext-best:before,
.p-compare__table td .ext-best:before {
  content: "No.1";
  border-radius: 3px;
  background: #3C3C3C;
  color: #fff;
  font-size: 0.8em;
  padding: 0em 0.3em;
  margin-right: 0.4em;
}
.p-compare__table tr:first-child th,
.p-compare__table tr:first-child td {
  border-bottom: 2px solid #d1d1d1;
}
.p-compare__table tr:first-child th {
  white-space: normal;
}

.p-station .c-box__title a {
  display: inline-block;
}
.p-station .c-link span {
  padding: 0.2em 0.5em;
  font-weight: bold;
}
.p-station .c-link a, .p-station .c-link span {
  position: relative;
  margin-left: 2em;
}
.p-station .c-link a:before, .p-station .c-link span:before {
  content: "";
  width: 16px;
  height: 5px;
  background: #d1d1d1;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -1.5em;
  margin-top: -3px;
  opacity: 0.5;
}
.p-station .c-link a:first-child, .p-station .c-link span:first-child {
  margin-left: 0;
}
.p-station .c-link a:first-child:before, .p-station .c-link span:first-child:before {
  display: none;
}
.p-station .c-link a.ext-all, .p-station .c-link span.ext-all {
  margin-left: 0;
}
.p-station .c-link a.ext-all:before, .p-station .c-link span.ext-all:before {
  display: none;
}
.p-station__note {
  text-align: center;
  font-weight: bold;
  margin-bottom: 2em;
}
.c-box .p-station__note {
  font-size: 12px;
  text-align: left;
  margin-bottom: 1em;
}
.p-station .p-station__table th {
  text-align: right;
  font-weight: bold;
  padding: 0.5em 1em 0.5em 0;
  white-space: nowrap;
}
.p-station .p-station__table td {
  padding: 0.5em 0;
  font-size: 14px;
}
.p-station .p-station__table td .c-link a {
  font-size: 14px;
}
@media screen and (max-width: 820px) {
  .p-station .p-station__table {
    display: block;
  }
  .p-station .p-station__table tr, .p-station .p-station__table th, .p-station .p-station__table td, .p-station .p-station__table tbody {
    width: 100%;
    display: block;
    text-align: left;
  }
  .p-station .p-station__table th {
    white-space: normal;
    padding-bottom: 0;
  }
  .p-station .p-station__table td {
    padding-top: 0;
  }
}

.p-prefacture .c-box {
  padding: 0;
}
.p-prefacture .c-box__title {
  margin: 0;
  border: none;
}
@media screen and (max-width: 820px) {
  .p-prefacture .c-column__item + .c-column__item {
    margin-top: 20px;
  }
}

.p-stack h3 {
  font-weight: bold;
}
.p-stack * + * {
  margin-top: 2.5em;
}
.p-stack p {
  margin-top: 0.8em;
}
.p-stack a {
  text-decoration: underline;
}

.p-keyvisual + .p-multiply {
  margin-top: 30px;
}
@media screen and (max-width: 820px) {
  .p-multiply .c-casets .c-caset:nth-child(2), .p-multiply .c-casets .c-caset:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 820px) and (min-width: 660px) {
  .p-multiply .c-casets .c-caset:nth-child(2) {
    display: block;
  }
}
.p-multiply .c-casets + .p-multiply__more {
  margin-top: 40px;
}
.p-multiply .c-casets + .p-multiply__more .c-button {
  font-size: 16px;
}
@media screen and (max-width: 820px) {
  .p-multiply .c-casets + .p-multiply__more {
    margin-top: 20px;
  }
  .p-multiply .c-casets + .p-multiply__more .c-button {
    max-width: 80%;
  }
}
.p-multiply__title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px;
}
.p-multiply__more + .p-multiply__title, .c-casets + .p-multiply__title {
  margin-top: 80px;
}
@media screen and (max-width: 820px) {
  .p-multiply__more + .p-multiply__title, .c-casets + .p-multiply__title {
    margin-top: 60px;
  }
}
.p-multiply__title + .c-casets {
  margin-top: 20px;
}
@media screen and (max-width: 820px) {
  .p-multiply__title + .c-casets {
    margin-top: 10px;
  }
}
.p-multiply__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.p-multiply__list li {
  width: calc(25% - 15px);
  display: flex;
  align-items: stretch;
  position: relative;
  background: #ffffff;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08);
  border-radius: 7px;
  overflow: hidden;
  background-position: center left 0.5em;
  background-repeat: no-repeat;
  margin-top: 20px;
  background-size: cover;
}
.p-multiply__list li.ext-woman {
  background-image: url(/svg/multiply/icn-multiply_woman.svg);
}
.p-multiply__list li.ext-unisex {
  background-image: url(/svg/multiply/icn-multiply_unisex.svg);
}
.p-multiply__list li.ext-solo {
  background-image: url(/svg/multiply/icn-multiply_solo.svg);
}
.p-multiply__list li.ext-couple {
  background-image: url(/svg/multiply/icn-multiply_couple.svg);
}
.p-multiply__list li.ext-family {
  background-image: url(/svg/multiply/icn-multiply_family.svg);
}
.p-multiply__list li.ext-student {
  background-image: url(/svg/multiply/icn-multiply_student.svg);
}
.p-multiply__list li.ext-gakuwari {
  background-image: url(/svg/multiply/icn-multiply_gakuwari.svg);
}
.p-multiply__list li.ext-global {
  background-image: url(/svg/multiply/icn-multiply_global.svg);
}
.p-multiply__list li.ext-luxury {
  background-image: url(/svg/multiply/icn-multiply_luxury.svg);
}
.p-multiply__list li.ext-included_utilities {
  background-image: url(/svg/multiply/icn-multiply_included_utilities.svg);
}
.p-multiply__list li.ext-library {
  background-image: url(/svg/multiply/icn-multiply_library.svg);
}
.p-multiply__list li.ext-bigbath {
  background-image: url(/svg/multiply/icn-multiply_bigbath.svg);
}
.p-multiply__list li.ext-parkingcar {
  background-image: url(/svg/multiply/icn-multiply_parkingcar.svg);
}
.p-multiply__list li.ext-parkingcycle {
  background-image: url(/svg/multiply/icn-multiply_parkingcycle.svg);
}
.p-multiply__list li.ext-monthly {
  background-image: url(/svg/multiply/icn-multiply_monthly.svg);
}
.p-multiply__list li.ext-shortterm {
  background-image: url(/svg/multiply/icn-multiply_shortterm.svg);
}
.p-multiply__list li.ext-worldwide {
  background-image: url(/svg/multiply/icn-multiply_worldwide.svg);
}
.p-multiply__list li.ext-lowprice {
  background-image: url(/svg/multiply/icn-multiply_lowprice.svg);
}
.p-multiply__list li.ext-freelent {
  background-image: url(/svg/multiply/icn-multiply_freelent.svg);
}
.p-multiply__list li.ext-noguarantor {
  background-image: url(/svg/multiply/icn-multiply_noguarantor.svg);
}
.p-multiply__list li.ext-designers {
  background-image: url(/svg/multiply/icn-multiply_designers.svg);
}
.p-multiply__list li.ext-large {
  background-image: url(/svg/multiply/icn-multiply_large.svg);
}
.p-multiply__list li.ext-medium {
  background-image: url(/svg/multiply/icn-multiply_medium.svg);
}
.p-multiply__list li.ext-small {
  background-image: url(/svg/multiply/icn-multiply_small.svg);
}
.p-multiply__list li.ext-privateroom {
  background-image: url(/svg/multiply/icn-multiply_room.svg);
}
.p-multiply__list li.ext-dormitory {
  background-image: url(/svg/multiply/icn-multiply_dormitory.svg);
}
.p-multiply__list li.ext-compartment {
  background-image: url(/svg/multiply/icn-multiply_compartment.svg);
}
.p-multiply__list li.ext-shareroom {
  background-image: url(/svg/multiply/icn-multiply_shareroom.svg);
}
.p-multiply__list li.ext-singleroom {
  background-image: url(/svg/multiply/icn-multiply_singleroom.svg);
}
.p-multiply__list li.ext-semiprivate {
  background-image: url(/svg/multiply/icn-multiply_semiprivate.svg);
}
.p-multiply__list li.ext-furnished {
  background-image: url(/svg/multiply/icn-multiply_furnished.svg);
}
.p-multiply__list li.ext-privatekitchen {
  background-image: url(/svg/multiply/icn-multiply_privatekitchen.svg);
}
.p-multiply__list li.ext-sharedkitchen {
  background-image: url(/svg/multiply/icn-multiply_sharedkitchen.svg);
}
.p-multiply__list li.ext-bathroomkitchen {
  background-image: url(/svg/multiply/icn-multiply_bathroomkitchen.svg);
}
.p-multiply__list li.ext-rooftop {
  background-image: url(/svg/multiply/icn-multiply_rooftop.svg);
}
.p-multiply__list li.ext-garden {
  background-image: url(/svg/multiply/icn-multiply_garden.svg);
}
.p-multiply__list li.ext-loft {
  background-image: url(/svg/multiply/icn-multiply_loft.svg);
}
.p-multiply__list li.ext-smokingroom {
  background-image: url(/svg/multiply/icn-multiply_smoking.svg);
}
.p-multiply__list li.ext-nosmoking {
  background-image: url(/svg/multiply/icn-multiply_nosmoking.svg);
}
.p-multiply__list li.ext-field {
  background-image: url(/svg/multiply/icn-multiply_field.svg);
}
.p-multiply__list li.ext-new_building {
  background-image: url(/svg/multiply/icn-multiply_new.svg);
}
.p-multiply__list li.ext-renovation {
  background-image: url(/svg/multiply/icn-multiply_renovation.svg);
}
.p-multiply__list li.ext-theater {
  background-image: url(/svg/multiply/icn-multiply_theater.svg);
}
.p-multiply__list li.ext-hotspring {
  background-image: url(/svg/multiply/icn-multiply_hotspring.svg);
}
.p-multiply__list li.ext-gym {
  background-image: url(/svg/multiply/icn-multiply_gym.svg);
}
.p-multiply__list li.ext-music {
  background-image: url(/svg/multiply/icn-multiply_music.svg);
}
.p-multiply__list li.ext-karaoke {
  background-image: url(/svg/multiply/icn-multiply_karaoke.svg);
}
.p-multiply__list li.ext-sports {
  background-image: url(/svg/multiply/icn-multiply_sports.svg);
}
.p-multiply__list li.ext-garage {
  background-image: url(/svg/multiply/icn-multiply_garage.svg);
}
.p-multiply__list li.ext-workspace {
  background-image: url(/svg/multiply/icn-multiply_workspace.svg);
}
.p-multiply__list li.ext-pet {
  background-image: url(/svg/multiply/icn-multiply_pet.svg);
}
.p-multiply__list li.ext-deliverylocker {
  background-image: url(/svg/multiply/icn-multiply_deliverylocker.svg);
}
.p-multiply__list li.ext-consultation_instrumentsf {
  background-image: url(/svg/multiply/icn-multiply_consultation_instruments.svg);
}
.p-multiply__list li.ext-soundproof_room {
  background-image: url(/svg/multiply/icn-multiply_soundproof_room.svg);
}
.p-multiply__list li.ext-netflix {
  background-image: url(/svg/multiply/icn-multiply_netflix.svg);
}
.p-multiply__list li.ext-motorbikes_parking {
  background-image: url(/svg/multiply/icn-multiply_motorbikes_parking.svg);
}
.p-multiply__list li.ext-office {
  background-image: url(/svg/multiply/icn-multiply_office.svg);
}
.p-multiply__list li.ext-engineer {
  background-image: url(/svg/multiply/icn-multiply_engineer.svg);
}
.p-multiply__list li.ext-entrepreneur {
  background-image: url(/svg/multiply/icn-multiply_entrepreneur.svg);
}
.p-multiply__list li.ext-creator {
  background-image: url(/svg/multiply/icn-multiply_creator.svg);
}
.p-multiply__list li.ext-designer {
  background-image: url(/svg/multiply/icn-multiply_designer.svg);
}
.p-multiply__list li.ext-cartoonist {
  background-image: url(/svg/multiply/icn-multiply_cartoonist.svg);
}
.p-multiply__list li.ext-artist {
  background-image: url(/svg/multiply/icn-multiply_artist.svg);
}
.p-multiply__list li.ext-logding {
  background-image: url(/svg/multiply/icn-multiply_logding.svg);
}
.p-multiply__list li.ext-nature {
  background-image: url(/svg/multiply/icn-multiply_nature.svg);
}
.p-multiply__list li.ext-open {
  background-image: url(/svg/multiply/icn-multiply_open.svg);
}
.p-multiply__list li.ext-campaign {
  background-image: url(/svg/multiply/icn-multiply_campaign.svg);
}
.p-multiply__list li.ext-socialresidence {
  background-image: url(/svg/multiply/icn-multiply_socialresidence.svg);
}
.p-multiply__list li.ext-sharehouse {
  background-image: url(/svg/multiply/icn-multiply_sharehouse.svg);
}
.p-multiply__list li.ext-furnished_apart {
  background-image: url(/svg/multiply/icn-multiply_furnished_apart.svg);
}
.p-multiply__list li.ext-apart {
  background-image: url(/svg/multiply/icn-multiply_apart.svg);
}
.p-multiply__list li.ext-granstay {
  background-image: url(/svg/multiply/icn-multiply_granstay.svg);
}
.p-multiply__list li.ext-tokyo, .p-multiply__list li.ext-kanagawa, .p-multiply__list li.ext-saitama, .p-multiply__list li.ext-chiba, .p-multiply__list li.ext-aichi, .p-multiply__list li.ext-kyoto, .p-multiply__list li.ext-hyogo, .p-multiply__list li.ext-osaka, .p-multiply__list li.ext-nara, .p-multiply__list li.ext-fukuoka, .p-multiply__list li.ext-okinawa, .p-multiply__list li.ext-shiga, .p-multiply__list li.ext-wakayama, .p-multiply__list li[style*=background] {
  background-position: center center;
  background-size: cover;
  background-image: url(/images/rwd/area/img-area_osaka.jpg);
}
.p-multiply__list li.ext-tokyo a, .p-multiply__list li.ext-kanagawa a, .p-multiply__list li.ext-saitama a, .p-multiply__list li.ext-chiba a, .p-multiply__list li.ext-aichi a, .p-multiply__list li.ext-kyoto a, .p-multiply__list li.ext-hyogo a, .p-multiply__list li.ext-osaka a, .p-multiply__list li.ext-nara a, .p-multiply__list li.ext-fukuoka a, .p-multiply__list li.ext-okinawa a, .p-multiply__list li.ext-shiga a, .p-multiply__list li.ext-wakayama a, .p-multiply__list li[style*=background] a {
  background: rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  color: #ffffff;
  padding: 1em;
}
.p-multiply__list li.ext-tokyo {
  background-image: url(/images/rwd/area/img-area_tokyo.jpg);
}
.p-multiply__list li.ext-kanagawa {
  background-image: url(/images/rwd/area/img-area_kanagawa.jpg);
}
.p-multiply__list li.ext-saitama {
  background-image: url(/images/rwd/area/img-area_saitama.jpg);
}
.p-multiply__list li.ext-chiba {
  background-image: url(/images/rwd/area/img-area_chiba.jpg);
}
.p-multiply__list li.ext-aichi {
  background-image: url(/images/rwd/area/img-area_aichi.jpg);
}
.p-multiply__list li.ext-kyoto {
  background-image: url(/images/rwd/area/img-area_kyoto.jpg);
}
.p-multiply__list li.ext-hyogo {
  background-image: url(/images/rwd/area/img-area_hyogo.jpg);
}
.p-multiply__list li.ext-osaka {
  background-image: url(/images/rwd/area/img-area_osaka.jpg);
}
.p-multiply__list li.ext-nara {
  background-image: url(/images/rwd/area/img-area_nara.jpg);
  background-position: center bottom;
}
.p-multiply__list li.ext-fukuoka {
  background-image: url(/images/rwd/area/img-area_fukuoka.jpg);
}
.p-multiply__list li.ext-okinawa {
  background-image: url(/images/rwd/area/img-area_okinawa.jpg);
  background-position: center bottom;
}
.p-multiply__list li.ext-shiga {
  background-image: url(/images/rwd/area/img-area_shiga.jpg);
  background-position: center bottom;
}
.p-multiply__list li.ext-wakayama {
  background-image: url(/images/rwd/area/img-area_wakayama.jpg);
  background-position: center bottom;
}
.p-multiply__list li a {
  width: 100%;
  min-height: 100px;
  box-sizing: border-box;
  position: relative;
  padding: 1em 1em 1em calc(1em + 60px);
  font-weight: bold;
  z-index: 2;
  align-items: flex-start;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: #222;
  transition: background-color 0.4s;
  line-height: 1.4;
}
@media screen and (max-width: 820px) {
  .p-multiply__list li a {
    padding: 0.5em 1em;
  }
}
.p-multiply__list li a span {
  left: 0.5em;
  top: 0.5em;
  font-size: 0.8em;
  display: block;
  font-weight: normal;
  margin-bottom: 0.1em;
}
.p-multiply__list li a:hover {
  opacity: 1 !important;
  background: rgba(0, 0, 0, 0.1);
}
.p-multiply__list li + li {
  margin-left: 20px;
}
.p-multiply__list li + li:nth-child(4n+1) {
  margin-left: 0;
}
@media screen and (min-width: 821px) {
  .p-multiply__list.ext-triple li {
    width: calc(33% - 14px);
  }
  .p-multiply__list.ext-triple li + li {
    margin-left: 20px;
  }
  .p-multiply__list.ext-triple li + li:nth-child(3n+1) {
    margin-left: 0;
  }
}
.p-multiply__list.ext-spec li {
  font-size: 14px;
  background-size: 64px;
}
@media screen and (max-width: 820px) {
  .p-multiply__list.ext-spec li {
    background-position: bottom right;
  }
}
.p-multiply__list.ext-spec li a {
  min-height: 80px;
  padding: 0.8em, 1em 0.8em calc(1em + 64px);
}
.p-multiply__list.ext-spec li a span {
  font-size: 12px;
}
.p-multiply__list.ext-spec li a span:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 820px) {
  .p-multiply__list.ext-spec li a {
    padding: 0.8em 1em;
    background: rgba(255, 255, 255, 0.9);
    text-shadow: 0 0 3px rgb(255, 255, 255);
    justify-content: flex-start;
  }
}
@media screen and (max-width: 820px) {
  .p-multiply__list li {
    width: calc(50% - 5px);
    margin-top: 10px;
  }
  .p-multiply__list li a {
    min-height: 100px;
  }
  .p-multiply__list li + li {
    margin-left: 0;
  }
  .p-multiply__list li + li:nth-child(2n) {
    margin-left: 10px;
  }
}
.p-multiply__more {
  margin-top: 3em;
  text-align: center;
}
.p-multiply__more.ext-huge {
  background: url(/images/rwd/business/bg-slash.png);
  background-size: 19px 19px;
  padding: 1em;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 820px) {
  .p-multiply__more.ext-huge {
    padding: 15px;
  }
}
.p-multiply__more.ext-huge > span {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  text-align: center;
  font-weight: bold;
  padding: 1em;
  background: #ffffff;
}
.p-multiply__more.ext-huge > span .c-button {
  margin-top: 1em;
}
.p-multiply__more.ext-huge .c-button {
  width: 100%;
  max-width: 820px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 20px;
  white-space: wrap;
  font-weight: bold;
}
@media screen and (max-width: 820px) {
  .p-multiply__more.ext-huge .c-button {
    font-size: 16px;
    height: 80px;
  }
}
.p-multiply__more.ext-huge .c-button span {
  display: flex;
  flex-direction: column;
  text-align: left;
  justify-content: flex-start;
  line-height: 1.6;
}
.p-multiply__more.ext-huge .c-button img {
  border-radius: 50%;
  margin-right: 1em;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
  flex-grow: 0;
}
.p-multiply__more .c-button {
  font-size: 16px;
  width: 100%;
  max-width: 32%;
  border-radius: 23px;
  height: 45px;
  line-height: 45px;
  padding: 0 1em;
}
@media screen and (min-width: 821px) {
  .p-multiply__more .c-button {
    font-size: 18px;
  }
}
@media screen and (max-width: 820px) {
  .p-multiply__more .c-button {
    max-width: 100%;
    width: 100%;
  }
}

.p-preference ul {
  margin-left: 1em;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
  flex-wrap: wrap;
}
.p-preference ul li {
  margin-bottom: 1em;
  margin-right: 20px;
}
.p-preference ul li a {
  display: block;
  background: #ffffff;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08);
  padding: 0.3em 0.7em;
  border-radius: 7px;
  font-weight: bold;
}
.p-preference ul li a span {
  left: 0.5em;
  top: 0.5em;
  font-size: 0.8em;
  display: block;
  font-weight: normal;
  opacity: 0.6;
}

.p-noresult {
  width: 100%;
  box-sizing: border-box;
  padding: 6em 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 820px) {
  .p-noresult {
    font-size: 16px;
  }
}
.p-noresult span {
  font-size: 16px;
  font-weight: normal;
  display: block;
  margin-top: 0.2em;
}
@media screen and (max-width: 820px) {
  .p-noresult span {
    font-size: 14px;
  }
}

/*都道府県、市区郡、エリア選択
 ========================================== */
.js-select_area,
.js-select_city {
  display: none;
}
.js-select_area.is-active,
.js-select_city.is-active {
  display: block;
}

.js-select_prefectures,
.js-select_area,
.js-select_city {
  width: auto !important;
  font-size: 16px;
  line-height: 17px;
}
@media screen and (max-width: 820px) {
  .js-select_prefectures,
  .js-select_area,
  .js-select_city {
    width: 100% !important;
    font-size: 14px;
    line-height: 16px;
  }
}
@media screen and (max-width: 820px) {
  .js-select_prefectures select,
  .js-select_area select,
  .js-select_city select {
    font-size: 14px !important;
    line-height: 16px;
  }
}

.ui-multiselect {
  border: 1px solid #d1d1d1;
  border-radius: 20px;
  padding: 0.5em 20px;
  box-sizing: border-box;
  position: relative;
  background: #ffffff;
  font-size: 16px;
  line-height: 17px;
}
@media screen and (max-width: 820px) {
  .ui-multiselect {
    font-size: 14px;
    line-height: 16px;
  }
}
.ui-multiselect:after {
  content: "";
  display: block;
  right: 15px;
  top: 50%;
  margin-top: -5px;
  position: absolute;
  width: 10px;
  height: 10px;
  background: url(/images/matching/icn-pulldown.svg) no-repeat center center;
  pointer-events: none;
  background-size: contain;
}
.ui-multiselect-menu {
  z-index: 10001;
  border-radius: 20px;
  overflow: hidden;
  font-size: 14px;
  background: #ffffff;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08);
  padding: 0.5em;
}
.ui-multiselect-header {
  background: #F8F8F8;
  padding: 0.5em;
  border: none;
}
.ui-multiselect-header .ui-multiselect-filter {
  margin-bottom: 0.5em;
}
.ui-multiselect-header .ui-multiselect-filter-label {
  display: flex;
  align-items: center;
}
.ui-multiselect-header .ui-multiselect-filter input {
  -webkit-appearance: none;
  border: 1px solid #d1d1d1;
  padding: 0.5em 20px;
  border-radius: 20px;
  font-size: 16px;
  outline: none;
  box-sizing: border-box;
  border: none;
  flex-grow: 1;
  height: auto;
  font-size: 14px;
}
.ui-multiselect-header .ui-multiselect-filter input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.ui-multiselect-optgroup ul {
  display: flex;
  flex-wrap: wrap;
}
.ui-multiselect-grouplabel {
  text-align: left;
  font-size: 11px;
  margin-top: 1em;
  border: none;
}
.ui-multiselect-checkboxes li + li {
  margin-top: 0.5em;
}
.ui-multiselect-checkboxes label {
  border: none;
  font-size: 14px;
}
.ui-multiselect-checkboxes input[type=checkbox] {
  display: none;
}
.ui-multiselect-checkboxes input[type=checkbox] + span:before {
  content: "";
  border: 1px solid #d1d1d1;
  border-radius: 7px;
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  text-align: center;
  margin-right: 0.5em;
  background-color: #F8F8F8;
  vertical-align: middle;
  flex-shrink: 0;
  flex-grow: 0;
  margin-top: -3.5px;
}
.ui-multiselect-checkboxes input[type=checkbox]:checked + span::before {
  background: #3C3C3C url(/svg/icn-check_mark.svg) no-repeat center center;
  background-size: contain;
}
.ui-multiselect-checkboxes .ui-state-hover {
  border: none;
  background: #F8F8F8;
  color: #222;
}
.ui-icon {
  background: #3C3C3C;
  border-radius: 50%;
}
.ui-icon-triangle-1-s {
  display: none;
}
.ui-icon-circle-close {
  display: none;
}
.ui-icon-closethick {
  width: 14px;
  height: 14px;
  background: #3C3C3C url(/svg/cart/icn-cross.svg) no-repeat center center/7px !important;
  margin-right: 0.5em;
}

.p-ranking {
  margin-top: 50px;
}
@media screen and (max-width: 820px) {
  .p-ranking {
    margin-top: 25px;
  }
}
@media screen and (max-width: 820px) {
  .p-ranking .p-multiply__title {
    margin-top: 0;
  }
}
.p-ranking__inner {
  background: #ffffff;
  width: 100%;
  margin-top: 20px;
  border-radius: 4px;
  padding: 1em;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
}
.p-ranking__filter {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
@media screen and (max-width: 820px) {
  .p-ranking__filter {
    font-size: 14px;
  }
}
.p-ranking__filter p {
  font-weight: bold;
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.p-ranking__filter ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0.5em 0;
}
.p-ranking__filter ul li {
  margin-right: 1em;
  margin-bottom: 0.3em;
}
.p-ranking__filter div {
  width: 100%;
  text-align: center;
  padding-bottom: 1em;
}
.p-ranking__filter div .c-button {
  min-width: 240px;
}
.p-ranking__filter:after {
  content: "";
  width: calc(100% + 2em);
  height: 1em;
  background: #F8F8F8;
  display: block;
  margin: 0 -1em;
}
.p-ranking__filter:before {
  content: "";
  width: 0;
  height: 0;
  border: 1em solid transparent;
  border-top: 1em solid #ffffff;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -0.5em;
  margin-bottom: -1em;
}
.p-ranking__more {
  text-align: center;
  margin: 30px auto;
  max-width: 240px;
  display: block;
  text-align: center;
}
@media screen and (max-width: 820px) {
  .p-ranking__more {
    margin: 20px auto;
  }
}
.p-ranking .js-rank_toggle_target {
  display: none;
}
.p-ranking .js-rank_toggle_target .c-table {
  border-top: 1px solid #e5e5e5;
}
.p-ranking .c-table {
  width: 100%;
}
@media screen and (max-width: 820px) {
  .p-ranking .c-table tr {
    display: grid;
    grid-template-columns: 25px 1fr 1fr;
    position: relative;
    padding-top: 0.5em;
  }
}
.p-ranking .c-table td.ext-rank {
  text-align: center;
  vertical-align: center;
  width: 40px;
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 820px) {
  .p-ranking .c-table td.ext-rank {
    grid-column: 1/span 2;
    grid-row: 1;
    padding: 0;
    position: relative;
  }
}
.p-ranking .c-table td.ext-point {
  width: 130px;
  padding-right: 0;
  padding-left: 0;
}
.p-ranking .c-table td.ext-point span {
  font-size: 24px;
  font-weight: bold;
  margin-right: 0.2em;
}
@media screen and (max-width: 820px) {
  .p-ranking .c-table td.ext-point {
    grid-column: 2;
    grid-row: 1;
    padding: 0;
  }
  .p-ranking .c-table td.ext-point span {
    font-size: 18px;
  }
}
@media screen and (max-width: 820px) {
  .p-ranking .c-table td.ext-detail {
    grid-column: 1/span 3;
    grid-row: 2;
    padding-left: 0;
    padding-right: 0;
  }
}
.p-ranking .c-table td.ext-detail div {
  display: flex;
  align-items: center;
  opacity: 1;
}
.p-ranking .c-table td.ext-detail div p {
  text-align: left;
  font-size: 14px;
}
@media screen and (max-width: 820px) {
  .p-ranking .c-table td.ext-detail div p {
    font-size: 12px;
    width: 100%;
  }
}
.p-ranking .c-table td.ext-count {
  width: 170px;
}
@media screen and (max-width: 820px) {
  .p-ranking .c-table td.ext-count {
    grid-column: 3;
    grid-row: 1;
    padding: 0;
    width: 100%;
  }
}
.p-ranking .c-table td.ext-count > div {
  font-size: 14px;
  background: #F8F8F8;
  border-radius: 7px;
  padding: 0.5em;
  position: relative;
}
@media screen and (max-width: 820px) {
  .p-ranking .c-table td.ext-count > div {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.p-ranking .c-table td.ext-count > div::before {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-right: 7px solid #F8F8F8;
  position: absolute;
  left: -14px;
  top: 50%;
  margin-top: -7px;
}
@media screen and (max-width: 820px) {
  .p-ranking .c-table td.ext-count > div::before {
    border: 7px solid transparent;
    border-top: 7px solid #F8F8F8;
    left: 50%;
    top: auto;
    bottom: -14px;
  }
}
.p-ranking .c-table td.ext-count strong {
  font-size: 16px;
  display: block;
}
.p-ranking .c-table td.ext-count strong span {
  font-size: 20px;
  margin-right: 0.2em;
}
@media screen and (max-width: 820px) {
  .p-ranking .c-table td.ext-count strong {
    font-size: 12px;
    margin-right: 0.2em;
  }
  .p-ranking .c-table td.ext-count strong span {
    font-size: 14px;
    margin-right: 0.1em;
  }
}
.p-ranking__image {
  flex-shrink: 0;
  flex-grow: 0;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1em;
}
@media screen and (max-width: 820px) {
  .p-ranking__image {
    margin-right: 0.5em;
  }
}
.p-ranking__image img {
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 7px;
}
.p-ranking__category {
  background: #efefef;
  padding: 0.2em 0.5em;
  border-radius: 7px;
}
.p-ranking__name {
  display: block;
  font-size: 18px;
  text-decoration: underline;
  font-weight: bold;
  margin: 0.2em 0;
}
@media screen and (max-width: 820px) {
  .p-ranking__name {
    font-size: 14px;
    margin-bottom: 0.2em;
  }
}
.p-ranking__rank {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  left: 50%;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  background-color: #efefef;
  border-radius: 50%;
}
@media screen and (max-width: 820px) {
  .p-ranking__rank {
    width: 24px;
    height: 24px;
    font-size: 14px;
  }
}
.ext-01 .p-ranking__rank, .ext-02 .p-ranking__rank, .ext-03 .p-ranking__rank {
  color: #ffffff;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 0;
}
.ext-01 .p-ranking__rank {
  background-image: url(/svg/icn-rank_1.svg);
}
.ext-02 .p-ranking__rank {
  background-image: url(/svg/icn-rank_2.svg);
}
.ext-03 .p-ranking__rank {
  background-image: url(/svg/icn-rank_3.svg);
}

.p-search__total {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  width: 100%;
  flex-grow: 1;
  line-height: 1.2;
}
.p-search__total span {
  font-size: 1.5em;
  padding: 0 0.2em;
}
@media screen and (min-width: 821px) {
  .p-search__total {
    font-size: 24px;
  }
}
.p-search__title {
  width: 20%;
  border: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
  background: #efefef;
  box-sizing: border-box;
  margin: 1em 0 0 0;
  padding: 0.5em;
  border-radius: 0;
  font-weight: bold;
  font-size: 16px;
}
@media screen and (max-width: 820px) {
  .p-search__title {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
}
.p-search__title .c-checkbox {
  font-size: 14px;
  margin-left: 0;
  margin-top: 0.5em;
  font-weight: normal;
}
@media screen and (max-width: 820px) {
  .p-search__title .c-checkbox {
    margin-top: 0;
  }
}
.p-search__title .c-checkbox span {
  align-items: center;
}
.p-search__title .c-checkbox span:before {
  width: 1em;
  height: 1em;
  border-radius: 4px;
}
.p-search__note {
  width: 100%;
  margin-top: 0.25em;
  font-size: 14px;
}
@media screen and (max-width: 820px) {
  .p-search__note {
    font-size: 12px;
  }
}
.p-search__button {
  margin-top: 3em;
  text-align: center;
  width: 100%;
}
.p-search__button p {
  font-size: 16px;
  margin-bottom: 10px;
}
.p-search__button p strong {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0.2em;
}
@media screen and (max-width: 820px) {
  .p-search__button p {
    font-size: 12px;
    margin-bottom: 6px;
  }
  .p-search__button p strong {
    font-size: 1.5em;
  }
}
.p-search__button .c-button {
  min-width: 240px;
}
@media screen and (max-width: 820px) {
  .p-search__button .c-button {
    min-width: 0;
    width: 100%;
  }
}
.p-search__button.ext-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 10;
  transform: translate(0, 100%);
  transition: transform 0.4s;
}
.p-search__button.ext-fixed .c-button {
  max-width: 320px;
}
.p-search__button.ext-fixed .c-button + .c-button {
  margin-left: 1em;
}
.p-search__button.ext-fixed.is-active {
  transform: none;
}
@media screen and (max-width: 820px) {
  .p-search__button.ext-fixed {
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .p-search__button.ext-fixed .c-button + .c-button {
    margin-left: 0;
    margin-top: 0.8em;
  }
}
.p-search__button.is-disable {
  transform: translate(0, 100%) !important;
}
.c-contentNavi + .p-search.ext-address #search, .c-contentNavi + .p-search.ext-station #search {
  padding-top: 0;
}
.p-search.ext-address .c-tab__navi, .p-search.ext-station .c-tab__navi {
  width: 100%;
  margin: 1em 0 0;
}
.p-search.ext-address .c-tab__navi ul li a, .p-search.ext-station .c-tab__navi ul li a {
  font-size: 16px;
  padding: 0.35em 20px;
}
.p-search.ext-address .c-box, .p-search.ext-station .c-box {
  position: relative;
}
.p-search.ext-address .c-box + .p-filter, .p-search.ext-station .c-box + .p-filter {
  margin-top: 40px;
}
.p-search.ext-address .c-box .c-section__title, .p-search.ext-station .c-box .c-section__title {
  width: 100%;
  flex-grow: 1;
  text-align: left;
  font-size: 22px;
}
.p-search.ext-address .c-box .c-section__title span, .p-search.ext-station .c-box .c-section__title span {
  font-size: 16px;
  display: inline-block;
}
@media screen and (max-width: 820px) {
  .p-search.ext-address .c-box .c-section__title, .p-search.ext-station .c-box .c-section__title {
    font-size: 18px;
  }
}
.p-search.ext-address .c-box .c-section__title + .c-box__title, .p-search.ext-station .c-box .c-section__title + .c-box__title {
  margin-top: 1em;
}
.p-search.ext-address .c-box__content, .p-search.ext-station .c-box__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.p-search.ext-address .c-box__title, .p-search.ext-station .c-box__title {
  width: 100%;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 820px) {
  .p-search.ext-address .c-box__title, .p-search.ext-station .c-box__title {
    font-size: 16px;
  }
}
.p-search.ext-address .c-box__title .c-checkbox, .p-search.ext-station .c-box__title .c-checkbox {
  font-size: 14px;
  font-weight: normal;
  margin-left: 1.5em;
}
.p-search.ext-address .c-box__title .c-checkbox span, .p-search.ext-station .c-box__title .c-checkbox span {
  align-items: center;
}
.p-search.ext-address .c-box__title .c-checkbox span:before, .p-search.ext-station .c-box__title .c-checkbox span:before {
  width: 1em;
  height: 1em;
  border-radius: 4px;
}
.p-search.ext-address .c-box__title a, .p-search.ext-station .c-box__title a {
  font-size: 14px;
  font-weight: normal;
  margin-left: 1em;
}
.p-search.ext-address .c-box__title a::before, .p-search.ext-station .c-box__title a::before {
  transform: rotate(180deg);
}
.p-search.ext-address .c-link, .p-search.ext-station .c-link {
  font-size: 13px;
  line-height: 26px;
}
.p-search.ext-address .c-link a, .p-search.ext-station .c-link a {
  font-size: 13px;
}
.p-search.ext-address .c-link strong, .p-search.ext-station .c-link strong {
  display: block;
  font-weight: bold;
  margin-top: 1em;
}
.p-search.ext-address .c-link strong:first-child, .p-search.ext-station .c-link strong:first-child {
  margin-top: 0;
}
.p-search.ext-address .c-link label, .p-search.ext-station .c-link label {
  margin-right: 1em;
  display: inline-block;
}
@media screen and (max-width: 820px) {
  .p-search.ext-address .c-link label, .p-search.ext-station .c-link label {
    margin-right: 0;
  }
}
.p-search.ext-address .c-link + .c-box__title, .p-search.ext-station .c-link + .c-box__title {
  margin-top: 2em;
}
.p-search.ext-address .c-link .c-checkbox span, .p-search.ext-station .c-link .c-checkbox span {
  border-radius: 7px;
  padding: 0.2em 0.5em;
}
.p-search.ext-address .c-link .c-checkbox span:before, .p-search.ext-station .c-link .c-checkbox span:before {
  width: 1em;
  height: 1em;
  border-radius: 4px;
  margin-top: 7px;
}
.p-search.ext-address .c-link .c-checkbox span:hover, .p-search.ext-station .c-link .c-checkbox span:hover {
  background-color: #efefef;
}
@media screen and (max-width: 820px) {
  .p-search.ext-address .c-link .c-checkbox span:hover, .p-search.ext-station .c-link .c-checkbox span:hover {
    background: none;
  }
}
.p-search.ext-address .c-link .c-checkbox a, .p-search.ext-station .c-link .c-checkbox a {
  padding: 0;
  background-color: transparent;
}
.p-search.ext-address .c-link .c-checkbox a:hover, .p-search.ext-station .c-link .c-checkbox a:hover {
  background-color: transparent;
  opacity: 0.7 !important;
}
.p-search.ext-address .c-column, .p-search.ext-station .c-column {
  margin-top: 3em;
}
.p-search.ext-address .c-column + .c-box__title, .p-search.ext-station .c-column + .c-box__title {
  margin-top: 3em;
}
@media screen and (min-width: 821px) {
  .p-search.ext-address .c-column__item, .p-search.ext-station .c-column__item {
    width: calc(50% - 1em);
  }
  .p-search.ext-address .c-column__item + .c-column__item, .p-search.ext-station .c-column__item + .c-column__item {
    margin-left: 2em;
  }
}
.p-search.ext-address #search, .p-search.ext-station #search {
  position: relative;
  padding-top: 40px;
}
.p-search.ext-address .p-search__button a, .p-search.ext-address .p-search__button button, .p-search.ext-address .p-search__button input + a, .p-search.ext-address .p-search__button button, .p-search.ext-address .p-search__button input, .p-search.ext-station .p-search__button a, .p-search.ext-station .p-search__button button, .p-search.ext-station .p-search__button input + a, .p-search.ext-station .p-search__button button, .p-search.ext-station .p-search__button input {
  margin-left: 1em;
}
@media screen and (max-width: 820px) {
  .p-search.ext-address .p-search__button a, .p-search.ext-address .p-search__button button, .p-search.ext-address .p-search__button input + a, .p-search.ext-address .p-search__button button, .p-search.ext-address .p-search__button input, .p-search.ext-station .p-search__button a, .p-search.ext-station .p-search__button button, .p-search.ext-station .p-search__button input + a, .p-search.ext-station .p-search__button button, .p-search.ext-station .p-search__button input {
    margin-left: 0;
    margin-top: 0.8em;
  }
}
.p-search.ext-address .p-filter__selection, .p-search.ext-station .p-filter__selection {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1;
  font-size: 14px;
  background: #F8F8F8;
  padding: 0.5em 1em 0.25em;
  margin-bottom: 0.4em;
  border-radius: 7px;
}
@media screen and (min-width: 821px) {
  .p-search.ext-address .p-filter__selection, .p-search.ext-station .p-filter__selection {
    font-size: 16px;
  }
}
@media screen and (max-width: 820px) {
  .p-search.ext-address .p-filter__selection, .p-search.ext-station .p-filter__selection {
    width: 100%;
    box-sizing: border-box;
  }
}
.p-search.ext-address .p-filter__selection + .p-filter__setting, .p-search.ext-station .p-filter__selection + .p-filter__setting {
  margin-top: 1em;
}
.p-search.ext-address .p-filter__selection strong, .p-search.ext-station .p-filter__selection strong {
  margin-bottom: 0.25em;
}
.p-search.ext-address .p-filter__selection a, .p-search.ext-station .p-filter__selection a {
  font-size: 12px;
  text-decoration: underline;
  display: flex;
  align-items: center;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
  align-self: flex-end;
  margin-left: 1em;
}
@media screen and (min-width: 821px) {
  .p-search.ext-address .p-filter__selection a, .p-search.ext-station .p-filter__selection a {
    font-size: 14px;
  }
}
.p-search.ext-address .p-filter__selection a:hover, .p-search.ext-station .p-filter__selection a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 820px) {
  .p-search.ext-address .p-filter__selection a, .p-search.ext-station .p-filter__selection a {
    margin-left: auto;
  }
}
.p-search.ext-address .p-filter__selection a:before, .p-search.ext-station .p-filter__selection a:before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background: url(/svg/icn-box_title.svg) no-repeat center center;
  background-size: 98% 98%;
  transform: rotate(180deg);
  margin-right: 0.25em;
  vertical-align: middle;
  flex-grow: 0;
  flex-shrink: 0;
}
.p-search.ext-address .p-filter__selection span, .p-search.ext-station .p-filter__selection span {
  display: inline-block;
  padding: 0.1em 0.35em;
  margin-right: 0.25em;
  margin-bottom: 0.25em;
}
.p-search.ext-address .p-filter__button, .p-search.ext-station .p-filter__button {
  align-self: center;
  justify-content: center;
}
.p-search.ext-address .p-filter__button + .p-filter__setting, .p-search.ext-station .p-filter__button + .p-filter__setting {
  margin-top: 3em;
}
@media screen and (max-width: 820px) {
  .p-search.ext-address .p-filter__button + .p-filter__setting, .p-search.ext-station .p-filter__button + .p-filter__setting {
    margin-left: 0;
    margin-top: 2em;
  }
}
@media screen and (min-width: 821px) {
  .p-search.ext-address .p-filter__button a, .p-search.ext-station .p-filter__button a {
    min-width: 320px;
  }
}
.p-search.ext-address .p-filter__button a + a, .p-search.ext-station .p-filter__button a + a {
  margin-left: 1em;
}
@media screen and (max-width: 820px) {
  .p-search.ext-address .p-filter__button a + a, .p-search.ext-station .p-filter__button a + a {
    margin-left: 0;
    margin-top: 0.8em;
  }
}
.p-search.ext-address .p-filter__setting span:first-child, .p-search.ext-station .p-filter__setting span:first-child {
  padding-left: 0;
}
.p-search.ext-address .p-filter__result, .p-search.ext-station .p-filter__result {
  flex-grow: 1;
}
@media screen and (min-width: 821px) {
  .p-search.ext-address .p-filter__result, .p-search.ext-station .p-filter__result {
    width: calc(100% + 80px);
  }
}
@media screen and (max-width: 820px) {
  .p-search.ext-address .p-filter__result, .p-search.ext-station .p-filter__result {
    width: calc(100% + 30px);
  }
}
.p-search.ext-address {
  margin-top: 0;
  padding-top: 40px;
}
.p-search.ext-address .c-section__title {
  margin-bottom: 1em;
}
@media screen and (max-width: 820px) {
  .p-search.ext-address > .c-box,
  .p-search.ext-address > form > .c-box {
    flex-direction: column;
  }
}
.p-search.ext-address > .c-box .c-link,
.p-search.ext-address > form > .c-box .c-link {
  box-sizing: border-box;
}
@media screen and (max-width: 820px) {
  .p-search.ext-address > .c-box .c-link,
  .p-search.ext-address > form > .c-box .c-link {
    margin-top: 0;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.p-search.ext-address > .c-box .c-link label,
.p-search.ext-address > form > .c-box .c-link label {
  width: 19%;
  box-sizing: border-box;
  margin: 0;
}
@media screen and (max-width: 820px) {
  .p-search.ext-address > .c-box .c-link label,
  .p-search.ext-address > form > .c-box .c-link label {
    width: 49%;
  }
}
.p-search.ext-address > .c-box .c-column .c-link label,
.p-search.ext-address > form > .c-box .c-column .c-link label {
  width: 32%;
}
@media screen and (max-width: 820px) {
  .p-search.ext-address > .c-box .c-column .c-link label,
  .p-search.ext-address > form > .c-box .c-column .c-link label {
    width: 49%;
  }
}
.p-search.ext-address .p-filter__result {
  flex-grow: 1;
}
.p-search.ext-station {
  margin-top: 0;
  padding-top: 40px;
}
.p-search.ext-station > .c-box,
.p-search.ext-station > form > .c-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
@media screen and (max-width: 820px) {
  .p-search.ext-station > .c-box,
  .p-search.ext-station > form > .c-box {
    flex-direction: column;
  }
}
.p-search.ext-station > .c-box .c-link,
.p-search.ext-station > form > .c-box .c-link {
  margin: 1em 0 0 0;
  width: 80%;
  padding: 0.5em;
  box-sizing: border-box;
}
@media screen and (max-width: 820px) {
  .p-search.ext-station > .c-box .c-link,
  .p-search.ext-station > form > .c-box .c-link {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
.p-search.ext-station > .c-box .c-link label,
.p-search.ext-station > form > .c-box .c-link label {
  width: 33%;
  box-sizing: border-box;
  margin: 0;
}
@media screen and (max-width: 820px) {
  .p-search.ext-station > .c-box .c-link label,
  .p-search.ext-station > form > .c-box .c-link label {
    width: 100%;
    line-height: 42px;
    border-bottom: 1px solid #efefef;
  }
  .p-search.ext-station > .c-box .c-link label span:before,
  .p-search.ext-station > form > .c-box .c-link label span:before {
    margin-top: 15px;
  }
  .p-search.ext-station > .c-box .c-link label a,
  .p-search.ext-station > form > .c-box .c-link label a {
    font-size: 16px;
  }
}

.p-sold {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 40px;
  margin-top: 60px;
}
.p-sold h2 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.03em;
}
.p-sold img {
  max-width: 100px;
  height: auto;
  margin-top: 1em;
  margin-bottom: 1em;
}
.p-sold p {
  text-align: center;
}
.p-sold p + p {
  margin-top: 1em;
}
.p-sold p span {
  font-size: 0.8em;
}
.p-sold p a {
  text-decoration: underline;
}
@media screen and (max-width: 820px) {
  .p-sold {
    padding: 20px;
  }
  .p-sold h2 {
    font-size: 20px;
  }
  .p-sold img {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    width: 100px;
    height: auto;
  }
  .p-sold p {
    font-size: 14px;
  }
}

.p-affiliate .c-box > *:first-child {
  margin-top: 0;
}
.p-affiliate__box {
  margin-bottom: 0;
  margin: 0 auto;
}
.p-affiliate__box + .p-affiliate__box {
  margin-top: 60px;
}
@media screen and (max-width: 820px) {
  .p-affiliate__box + .p-affiliate__box {
    margin-top: 2.5em;
  }
}
h2 + .p-affiliate__box {
  margin-top: 32px;
}
h2 + .p-affiliate__box + .sp_box.right {
  margin-top: 32px;
}
h3 + .p-affiliate__box {
  margin-top: 24px;
}
h3 + .p-affiliate__box + .sp_box.right {
  margin-top: 24px;
}
h4 + .p-affiliate__box {
  margin-top: 16px;
}
h4 + .p-affiliate__box + .sp_box.right {
  margin-top: 16px;
}
.p-affiliate__box p {
  line-height: 1.8;
  font-size: 16px;
  margin: 0 !important;
}
@media screen and (max-width: 820px) {
  .p-affiliate__box p {
    line-height: 1.6;
    font-size: 14px;
  }
}
.p-affiliate__box p strong {
  background: linear-gradient(transparent 60%, rgba(227, 93, 84, 0.3) 40%);
}
.p-affiliate__box p a {
  color: #E35D54;
  text-decoration: underline;
}
.p-affiliate__box ul,
.p-affiliate__box ol {
  line-height: 1.8;
  font-size: 16px;
  margin: 30px auto;
  margin-left: 25px;
  list-style: disc;
}
@media screen and (max-width: 820px) {
  .p-affiliate__box ul,
  .p-affiliate__box ol {
    line-height: 1.6;
    font-size: 14px;
  }
}
.p-affiliate__box ul li + li,
.p-affiliate__box ol li + li {
  margin-top: 0.5em;
}
.p-affiliate__box ul a,
.p-affiliate__box ol a {
  color: #E35D54;
  text-decoration: underline;
}
.p-affiliate h2 {
  background-color: transparent;
  max-width: 920px;
  margin: 60px 0 0;
  color: #222;
  font-size: 24px;
  line-height: 1.4;
  font-weight: bold;
  padding: 0;
  clear: both;
}
.p-affiliate h2:before {
  border: none;
  padding-right: 0;
}
@media screen and (max-width: 820px) {
  .p-affiliate h2 {
    font-size: 18px;
    margin-top: 2.5em;
  }
}
.p-affiliate h3 {
  background-color: transparent;
  max-width: 920px;
  margin: 40px 0 0;
  color: #222;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  padding: 0;
  clear: both;
}
.p-affiliate h3:before {
  border: none;
  padding-right: 0;
}
@media screen and (max-width: 820px) {
  .p-affiliate h3 {
    font-size: 16px;
    margin-top: 2em;
  }
}
.p-affiliate h4 {
  background-color: transparent;
  max-width: 920px;
  margin: 20px auto 0;
  color: #222;
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
  padding: 0;
  clear: both;
}
.p-affiliate h4:before {
  border: none;
  padding-right: 0;
}
@media screen and (max-width: 820px) {
  .p-affiliate h4 {
    font-size: 14px;
    margin-top: 1.5em;
  }
}
.p-affiliate__imgbox {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background: none;
}
.p-affiliate__imgbox.ext-movie {
  height: 0;
  padding-top: 56.25%;
}
.p-affiliate__imgbox.ext-movie iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.p-affiliate__imgbox img {
  width: 100%;
  height: auto;
  order: 1;
  vertical-align: bottom;
}
.p-affiliate__caption {
  bottom: 4px;
  width: 100%;
  color: #787878;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 0;
  font-size: 12px;
  background: none;
  order: 2;
}
.p-affiliate__caption p {
  padding: 0;
  margin: 0.4em 0 0 !important;
  font-size: 14px;
}
@media screen and (max-width: 820px) {
  .p-affiliate__caption p {
    font-size: 12px;
    line-height: 1.6;
  }
}
.p-affiliate .interview_01 {
  background: none;
  color: #222;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  margin: calc(50px - 1em) 0 0;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 820px) {
  .p-affiliate .interview_01 {
    font-size: 16px;
    margin-top: 1.5em;
  }
}
.p-affiliate .interview_01:first-child {
  margin-top: 0;
}
.p-affiliate .interview_01:before {
  content: "";
  width: 40px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  background: #222;
  margin-right: 1em;
  font-weight: normal;
  margin-top: calc(0.9em - 1px);
  flex-shrink: 0;
  flex-grow: 0;
}
@media screen and (max-width: 820px) {
  .p-affiliate .interview_01:before {
    width: 20px;
    margin-right: 0.5em;
  }
}
.p-affiliate .interview_01 + br + br {
  display: none;
}
.p-affiliate .interview_02 {
  background: #efefef;
  color: #222;
  padding: 0.5em 1em;
  margin: 0 0 20px;
  font-size: 16px;
  display: inline-block;
  font-weight: bold;
  position: relative;
}
@media screen and (max-width: 820px) {
  .p-affiliate .interview_02 {
    padding: 0.3em 0.8em;
  }
}
.p-affiliate .interview_02:before {
  content: "";
  position: absolute;
  display: block;
  pointer-events: none;
  left: 50%;
  margin-left: -8px;
  bottom: -16px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: #efefef;
  border-left-color: #efefef;
}
.p-affiliate__button {
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  max-width: 500px;
  height: 100px;
  box-sizing: border-box;
  text-align: center;
  border: none;
  border-radius: 20px;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.08);
  background-color: #3C3C3C;
  color: #ffffff !important;
  font-size: 14px;
  line-height: 1.6;
  padding: 0.5em 1em;
  font-weight: bold;
  text-decoration: none !important;
}
@media screen and (min-width: 821px) {
  .p-affiliate__button {
    font-size: 16px;
  }
}
@media screen and (max-width: 820px) {
  .p-affiliate__button {
    height: auto;
    min-height: 70px;
  }
}
.p-affiliate__button span span {
  margin-top: 0.25em;
  display: inline-block;
  font-size: 11px;
  line-height: 1.4;
  font-weight: normal;
}
@media screen and (min-width: 821px) {
  .p-affiliate__button span span {
    font-size: 13px;
  }
}
.p-affiliate__button.ext-alt {
  background: #B4B4B4;
}
.p-affiliate__button.ext-cart {
  color: #ffffff !important;
  background: #53A96D;
}
.p-affiliate__button.ext-sub {
  border: 1px solid #222;
  color: #222 !important;
  background: #ffffff;
}
@media screen and (min-width: 821px) {
  .p-affiliate__button:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}