@charset "UTF-8";
/*********************
Widgets
*********************/
/******************************************************************
/******************************************************************
Site Name:
Author:
Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.
******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/* mixinの定義 */
/* 2色グラデーション */
/* 3色グラデーション */
/* アニメーション */
/*********************
Common Styles
*********************/
/*********************
Margin
*********************/
/* 40px */
/*********************
Padding
*********************/
/*********************
Contents Width
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
画像のパス
*********************/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
Thumnail
*********************/
/*********************
Border
*********************/
/*********************
background
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*
 i imported this one in the functions file so bones would look sweet.
 don't forget to remove it for your site.
*/
/*********************
Font Size
*********************/
/* 35px */
/* 30px */
/* 26px */
/* 22px */
/* 20px */
/* 18px */
/* 12px */
/* 20px */
/* 15px */
/* 12px */
/******************************************************************
 TITLE STYLES
******************************************************************/
/* 30px */
.title-xlarge {
  font-size: 1.875rem !important;
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: 0.038rem; }

/* 26px */
.title-large {
  font-size: 1.625rem !important;
  font-weight: 700;
  line-height: 1.5em;
  letter-spacing: 0.038rem; }

/* 22px */
.title-medium-large {
  font-size: 1.375rem !important;
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: 0.03em; }

/* 20px */
.title-medium {
  font-size: 1.25rem !important;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: 0.0230769em; }

/* 18px */
.title-medium-small, .widget_yarpp_widget .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  font-size: 1.125rem !important;
  font-weight: 500;
  line-height: 1.563rem;
  letter-spacing: 0.0375rem; }

/* 12px */
.title-small {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: 0.0375em; }

/******************************************************************
 Weght STYLES
******************************************************************/
.fwb {
  font-weight: 600; }

p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3; }

/* common */
a.button {
  display: block;
  text-align: center;
  text-decoration: none;
  border-radius: 3.5px;
  border-color: #FFE568;
  background-color: #FFE568;
  color: white;
  font-weight: bold;
  padding: 10px;
  width: 100%; }
  a.button:hover {
    color: #fff;
    background: rgba(255, 229, 104, 0.8);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

/* arc_widget_reserve */
.arc_widget_reserve {
  background: linear-gradient(90deg, #7889E3 0%, #FF6DA4 80%, #FBBCAB 100%);
  margin: 0 -2%;
  padding: 16px;
  text-align: center; }
  .arc_widget_reserve p {
    color: #FFF;
    line-height: 1.4;
    font-weight: 600; }
  .arc_widget_reserve ul.balls {
    display: flex;
    justify-content: center;
    max-width: 280px;
    margin: 0 auto; }
    .arc_widget_reserve ul.balls li {
      width: 64px;
      max-width: 64px;
      height: 64px;
      border-radius: 50%;
      border-color: #FFEDED;
      background-color: #FFEDED;
      margin: auto;
      overflow: hidden; }
      .arc_widget_reserve ul.balls li.active:nth-of-type(1) a:before {
        background-image: url(/wp-content/themes/bones/library/images/ico/ico_1w_active.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain; }
      .arc_widget_reserve ul.balls li.active:nth-of-type(2) a:before {
        background-image: url(/wp-content/themes/bones/library/images/ico/ico_2w_active.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain; }
      .arc_widget_reserve ul.balls li.active:nth-of-type(3) a:before {
        background-image: url(/wp-content/themes/bones/library/images/ico/ico_3w_active.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain; }
      .arc_widget_reserve ul.balls li:nth-of-type(1) a:before {
        background-image: url(/wp-content/themes/bones/library/images/ico/ico_1w.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain; }
      .arc_widget_reserve ul.balls li:nth-of-type(2) a:before {
        background-image: url(/wp-content/themes/bones/library/images/ico/ico_2w.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain; }
      .arc_widget_reserve ul.balls li:nth-of-type(3) a:before {
        background-image: url(/wp-content/themes/bones/library/images/ico/ico_3w.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain; }
      .arc_widget_reserve ul.balls li a {
        display: block;
        width: 100%;
        height: 100%;
        cursor: auto; }
        .arc_widget_reserve ul.balls li a.active {
          cursor: pointer; }
        .arc_widget_reserve ul.balls li a::before {
          display: block;
          width: 100%;
          height: 100%;
          background-color: #000;
          content: " ";
          background: url(../images/ico/badge.svg) no-repeat; }

/* arc_widget_reserve_form */
.arc_widget_reserve_form {
  margin-top: 2rem; }
  .arc_widget_reserve_form input[type=radio] {
    margin-bottom: 16px; }
  .arc_widget_reserve_form .selest-s {
    position: relative;
    padding-bottom: 1rem; }
    .arc_widget_reserve_form .selest-s .error {
      position: absolute !important;
      bottom: 0 !important;
      margin: 0 !important; }
  .arc_widget_reserve_form dd.selest-s select {
    width: auto;
    display: inline-block;
    margin-left: 10px; }
  .arc_widget_reserve_form dd.selest-s select:nth-of-type(1) {
    margin-left: 0px; }
  .arc_widget_reserve_form .reserve-form-posts div {
    display: flex;
    justify-content: center;
    max-width: 600px;
    margin: 20px auto 0 auto; }
    .arc_widget_reserve_form .reserve-form-posts div article {
      width: 33.33%;
      max-width: 150px;
      margin: 0 0 1em 1em;
      line-height: 1.4; }
      .arc_widget_reserve_form .reserve-form-posts div article h4 {
        font-size: 1.25rem;
        margin: 0;
        padding-top: .5em; }
    .arc_widget_reserve_form .reserve-form-posts div article:nth-of-type(1) {
      margin: 0 0 1em 0; }
    .arc_widget_reserve_form .reserve-form-posts div img {
      width: 100%;
      height: auto; }
  .arc_widget_reserve_form .reserve-form {
    margin: 2rem auto 0 auto;
    position: relative;
    background: #ececec;
    border-radius: 20px; }
  .arc_widget_reserve_form .mw_wp_form_input,
  .arc_widget_reserve_form .mw_wp_form_confirm {
    padding: 2rem; }
    .arc_widget_reserve_form .mw_wp_form_input dl,
    .arc_widget_reserve_form .mw_wp_form_confirm dl {
      margin-top: 0; }

/* arc_widget_reserve_form Thanks page*/
#post-ceremony-thanks,
#post-ring-thanks {
  max-width: 600px;
  margin: 2rem auto 0 auto; }

.arc_widget_reserve_clip {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 1rem; }
@keyframes fadeInOut {
  0% {
    opacity: 0;
    transform: scale(0.8, 0.8);
    visibility: visible; }
  5% {
    opacity: 1;
    transform: scale(1, 1); }
  90% {
    opacity: 1;
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    transform: scale(0.8, 0.8);
    visibility: hidden; } }
  .arc_widget_reserve_clip .fadeInOutAnim {
    animation-name: fadeInOut;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1; }
  .arc_widget_reserve_clip .clip-bottom-content {
    background-color: transparent;
    position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    z-index: 2; }
    .arc_widget_reserve_clip .clip-bottom-content .box {
      padding: 0;
      text-align: center; }
      .arc_widget_reserve_clip .clip-bottom-content .box.right {
        position: relative; }
      .arc_widget_reserve_clip .clip-bottom-content .box .modal-open-button label {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        color: #FFF !important; }
      .arc_widget_reserve_clip .clip-bottom-content .box .show-clip {
        top: 0px;
        z-index: 200; }
      .arc_widget_reserve_clip .clip-bottom-content .box .add-clip-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        background-color: #000000;
        z-index: 1;
        visibility: visible; }
        .arc_widget_reserve_clip .clip-bottom-content .box .add-clip-wrapper label {
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          color: #FFF !important; }
      .arc_widget_reserve_clip .clip-bottom-content .box .other-clip {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        background-color: #000000; }
        .arc_widget_reserve_clip .clip-bottom-content .box .other-clip p {
          line-height: 1.4 !important; }
      .arc_widget_reserve_clip .clip-bottom-content .box .remove-clip-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        color: white;
        position: relative;
        background-color: #000000;
        z-index: 1;
        visibility: hidden; }
        .arc_widget_reserve_clip .clip-bottom-content .box .remove-clip-wrapper .go-cashback-clip {
          position: absolute;
          width: 100%;
          height: 100%;
          display: flex;
          flex-flow: column;
          align-items: center;
          justify-content: center;
          visibility: hidden;
          background-color: #000000; }
          .arc_widget_reserve_clip .clip-bottom-content .box .remove-clip-wrapper .go-cashback-clip a {
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%;
            color: #FFF !important; }
        .arc_widget_reserve_clip .clip-bottom-content .box .remove-clip-wrapper label {
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          color: #FFF !important; }
          .arc_widget_reserve_clip .clip-bottom-content .box .remove-clip-wrapper label img {
            margin-left: 4px; }
      .arc_widget_reserve_clip .clip-bottom-content .box .anim-add-clip {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        height: 56px;
        line-height: 56px;
        opacity: 0;
        visibility: hidden;
        background-color: #999999;
        z-index: 9000; }
      .arc_widget_reserve_clip .clip-bottom-content .box input.has-clip-check {
        display: none; }
        .arc_widget_reserve_clip .clip-bottom-content .box input.has-clip-check div {
          width: 100%; }
        .arc_widget_reserve_clip .clip-bottom-content .box input.has-clip-check:checked ~ div.add-clip-wrapper {
          visibility: hidden;
          z-index: -1; }
        .arc_widget_reserve_clip .clip-bottom-content .box input.has-clip-check:checked ~ div.remove-clip-wrapper {
          visibility: visible;
          z-index: 100; }
        .arc_widget_reserve_clip .clip-bottom-content .box input.has-clip-check:not(:checked) ~ div.add-clip-wrapper {
          visibility: visible;
          z-index: 100; }
        .arc_widget_reserve_clip .clip-bottom-content .box input.has-clip-check:not(:checked) ~ div.remove-clip-wrapper {
          visibility: hidden;
          z-index: -1; }
      .arc_widget_reserve_clip .clip-bottom-content .box p {
        margin: 0;
        padding: 0; }
      .arc_widget_reserve_clip .clip-bottom-content .box a {
        display: block; }
  .arc_widget_reserve_clip .modal {
    visibility: hidden; }
    .arc_widget_reserve_clip .modal .modal-check {
      display: none; }
    .arc_widget_reserve_clip .modal .modal-body {
      position: fixed;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.2);
      z-index: 100000; }
    .arc_widget_reserve_clip .modal .modal-window {
      position: relative;
      z-index: 100001;
      animation: fadein .3s 1, zoomin .3s 1; }
    .arc_widget_reserve_clip .modal .modal-label {
      display: block;
      padding: 20px;
      text-align: center;
      color: #FFE568;
      cursor: pointer;
      transition: all .2s ease; }
    .arc_widget_reserve_clip .modal .modal-inner {
      width: 90vw;
      max-width: 500px;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
      overflow: auto; }
    .arc_widget_reserve_clip .modal .modal-check:checked + .modal-body {
      animation: fadeout .2s 1 forwards, hide .1s .2s 1 forwards; }
      .arc_widget_reserve_clip .modal .modal-check:checked + .modal-body .modal-window {
        animation: zoomout .2s 1 forwards; }
@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes zoomin {
  0% {
    transform: scale(0.9); }
  100% {
    transform: scale(1); } }
@keyframes zoomout {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0.9); } }
@keyframes hide {
  0% {
    visibility: visible; }
  100% {
    visibility: hidden; } }
/* reserve-btn-container*/
.reserve-btn-container {
  font-size: .86rem;
  background: #4D91E9;
  width: 100vw;
  z-index: 1;
  font-weight: 600; }
  .reserve-btn-container:after {
    content: "";
    display: block;
    width: 100%;
    position: relative;
    /* Archers　虹グラデーション */
    background: linear-gradient(to right, #FF6DA4 10%, #7889E3 80%, #65FFA2);
    height: 4px;
    z-index: 1003; }
  .reserve-btn-container .count-cashback {
    position: absolute;
    margin-top: -20px; }
  .reserve-btn-container .reserve-btn__list {
    height: 44px;
    line-height: 44px;
    flex: 1 1 0;
    color: #fff;
    background: #4D91E9; }
    .reserve-btn-container .reserve-btn__list label {
      color: #fff;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%; }
      .reserve-btn-container .reserve-btn__list label img {
        margin-right: 4px; }
  .reserve-btn-container .reserve-btn__add-list {
    background: #000000;
    position: relative;
    flex: 2 1 0;
    color: #fff;
    margin-top: -12px; }
    .reserve-btn-container .reserve-btn__add-list label {
      line-height: 56px;
      display: inline-block; }

/* Desktops and laptops ----------- */
@media only screen and (min-width: 780px) {
  .reserve-btn-container {
    max-width: 680px;
    right: 0; } }
/* reserve-list-container*/
.reserve-list-container .count-cashback {
  width: 100%;
  border-radius: 12px 12px 0 0; }
.reserve-list-container .reserve-list {
  padding: 0 16px; }
.reserve-list-container .reserve-list-item {
  height: auto;
  padding: 0;
  margin: 10px 0 10px 22px; }
  .reserve-list-container .reserve-list-item__wrap {
    position: relative;
    display: flex;
    align-items: center;
    padding: 4px 0 4px 0;
    margin: 0 0 0 -22px;
    /*リスト番号 */ }
    .reserve-list-container .reserve-list-item__wrap:before {
      text-align: center;
      display: block;
      height: 44px;
      width: 44px;
      min-width: 44px;
      border-radius: 22px; }
  .reserve-list-container .reserve-list-item__image img {
    width: 70px;
    height: auto;
    margin-bottom: 0;
    float: left; }
  .reserve-list-container .reserve-list-item__name {
    font-size: 11px;
    color: #999; }
  .reserve-list-container .reserve-list-item__delete {
    width: 100px;
    font-size: 12px;
    text-align: right;
    text-align: center;
    margin-left: auto;
    margin-right: 6px; }
    .reserve-list-container .reserve-list-item__delete button {
      padding: 3px;
      background: none;
      border: 1px solid #3E4551;
      color: #3E4551; }
.reserve-list-container .reserve-guideline {
  margin: 0 auto 16px auto;
  text-align: center;
  font-size: .8rem; }

/* リスト背景 */
.reserve-list-item__wrap {
  min-height: 60px; }

div.reserve-list-item {
  /* 左右の線 */
  border-left: 2px solid #CCC;
  border-right: 2px solid #CCC;
  /* 上下の線 */ }
  div.reserve-list-item:before, div.reserve-list-item:after {
    content: "";
    display: block;
    height: 2px;
    background: #CCC; }

/* リスト背景 active */
.reserve-list div.active {
  /* 左右の線 */
  border-left: 2px solid #7889E3;
  border-right: 2px solid #FBBCAB;
  /* 上下の線 */ }
  .reserve-list div.active:before, .reserve-list div.active:after {
    content: "";
    display: block;
    height: 2px;
    /* Archers　ボタングラデーション */
    background: linear-gradient(90deg, #7889E3 0%, #FF6DA4 70%, #FBBCAB 100%); }

/* リスト番号 1 */
div.reserve-list-item:nth-last-child(3) .reserve-list-item__wrap:before {
  content: "";
  background-image: url(/wp-content/themes/bones/library/images/ico/ico_1.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

/* リスト番号 2 */
div.reserve-list-item:nth-last-child(2) .reserve-list-item__wrap:before {
  content: "";
  background-image: url(/wp-content/themes/bones/library/images/ico/ico_2.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

/* リスト番号 3 */
div.reserve-list-item:nth-last-child(1) .reserve-list-item__wrap:before {
  content: "";
  background-image: url(/wp-content/themes/bones/library/images/ico/ico_3.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

/* リスト番号 1 active */
.reserve-list .active:nth-of-type(1) .reserve-list-item__wrap:before {
  content: "";
  background-image: url(/wp-content/themes/bones/library/images/ico/ico_1_active.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

/*リスト番号 2 active*/
.reserve-list .active:nth-of-type(2) .reserve-list-item__wrap:before {
  content: "";
  background-image: url(/wp-content/themes/bones/library/images/ico/ico_2_active.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

/*リスト番号 3 active*/
.reserve-list .active:nth-of-type(3) .reserve-list-item__wrap:before {
  content: "";
  background-image: url(/wp-content/themes/bones/library/images/ico/ico_3_active.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain; }

.reserve-list-container .reserve-list-item__inner {
  align-items: center;
  justify-content: center;
  width: 60%; }

.reserve-list-container .reserve-list-item__image,
.reserve-list-container .reserve-list-item__name {
  text-align: center;
  margin: 0 auto; }

.reserve-list-container .reserve-list-item__delete {
  display: none; }

.reserve-list-container .active .reserve-list-item__inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-flow: column;
  width: 64%; }

.reserve-list-container .active .reserve-list-item__image,
.reserve-list-container .active .reserve-list-item__name {
  text-align: left;
  margin: 4px 16px 0 6px; }

.reserve-list-container .active .reserve-list-item__delete {
  display: block; }

@media only screen and (min-width: 780px) {
  .reserve-list {
    padding: 16px 16px 0 16px; }

  .reserve-list-item {
    margin: 10px 40px !important; }
    .reserve-list-item__delete {
      width: 80px !important;
      margin-right: 16px !important; }
    .reserve-list-item__name {
      margin-right: 32px !important; } }
@media only screen and (min-width: 768px) {
  /* popup */
  .pum-theme-1064 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close {
    left: 50% !important; } }
/* arc_widget_search_prefecture */
.arc_widget_search_prefecture {
  position: relative;
  border-bottom: solid 2px #FFE568; }
  .arc_widget_search_prefecture .widgettitle {
    margin-bottom: 2.2rem; }
  .arc_widget_search_prefecture .area_selected, .arc_widget_search_prefecture div.areas ul li:hover, .arc_widget_search_prefecture div[class^="prefectures-"] ul li:hover, .arc_widget_search_prefecture #area-kanto:checked ~ div.areas > ul.area-list > li:nth-child(1), .arc_widget_search_prefecture #area-kanto:checked ~ div[class^="prefectures-"] > ul.area-list > li:nth-child(1),
  .arc_widget_search_prefecture #area-kinki:checked ~ div.areas > ul.area-list > li:nth-child(2),
  .arc_widget_search_prefecture #area-kinki:checked ~ div[class^="prefectures-"] > ul.area-list > li:nth-child(2),
  .arc_widget_search_prefecture #area-chubu:checked ~ div.areas > ul.area-list > li:nth-child(3),
  .arc_widget_search_prefecture #area-chubu:checked ~ div[class^="prefectures-"] > ul.area-list > li:nth-child(3),
  .arc_widget_search_prefecture #area-kyushu:checked ~ div.areas > ul.area-list > li:nth-child(4),
  .arc_widget_search_prefecture #area-kyushu:checked ~ div[class^="prefectures-"] > ul.area-list > li:nth-child(4),
  .arc_widget_search_prefecture #area-hokkaido:checked ~ div.areas > ul.area-list > li:nth-child(5),
  .arc_widget_search_prefecture #area-hokkaido:checked ~ div[class^="prefectures-"] > ul.area-list > li:nth-child(5),
  .arc_widget_search_prefecture #area-tohoku:checked ~ div.areas > ul.area-list > li:nth-child(6),
  .arc_widget_search_prefecture #area-tohoku:checked ~ div[class^="prefectures-"] > ul.area-list > li:nth-child(6),
  .arc_widget_search_prefecture #area-chugoku:checked ~ div.areas > ul.area-list > li:nth-child(7),
  .arc_widget_search_prefecture #area-chugoku:checked ~ div[class^="prefectures-"] > ul.area-list > li:nth-child(7),
  .arc_widget_search_prefecture #area-shikoku:checked ~ div.areas > ul.area-list > li:nth-child(8),
  .arc_widget_search_prefecture #area-shikoku:checked ~ div[class^="prefectures-"] > ul.area-list > li:nth-child(8) {
    border-bottom: solid 2px #FFE568; }
  .arc_widget_search_prefecture .prefecture_selected, .arc_widget_search_prefecture div[class^="prefectures-"] ul li:hover, .arc_widget_search_prefecture #prefecture-1:checked ~ ul.prefectures-list > li:nth-child(1),
  .arc_widget_search_prefecture #prefecture-2:checked ~ ul.prefectures-list > li:nth-child(2),
  .arc_widget_search_prefecture #prefecture-3:checked ~ ul.prefectures-list > li:nth-child(3),
  .arc_widget_search_prefecture #prefecture-4:checked ~ ul.prefectures-list > li:nth-child(4),
  .arc_widget_search_prefecture #prefecture-5:checked ~ ul.prefectures-list > li:nth-child(5),
  .arc_widget_search_prefecture #prefecture-6:checked ~ ul.prefectures-list > li:nth-child(6),
  .arc_widget_search_prefecture #prefecture-7:checked ~ ul.prefectures-list > li:nth-child(7),
  .arc_widget_search_prefecture #prefecture-8:checked ~ ul.prefectures-list > li:nth-child(1),
  .arc_widget_search_prefecture #prefecture-9:checked ~ ul.prefectures-list > li:nth-child(2),
  .arc_widget_search_prefecture #prefecture-10:checked ~ ul.prefectures-list > li:nth-child(3),
  .arc_widget_search_prefecture #prefecture-11:checked ~ ul.prefectures-list > li:nth-child(4),
  .arc_widget_search_prefecture #prefecture-12:checked ~ ul.prefectures-list > li:nth-child(5),
  .arc_widget_search_prefecture #prefecture-13:checked ~ ul.prefectures-list > li:nth-child(6),
  .arc_widget_search_prefecture #prefecture-14:checked ~ ul.prefectures-list > li:nth-child(7),
  .arc_widget_search_prefecture #prefecture-15:checked ~ ul.prefectures-list > li:nth-child(1),
  .arc_widget_search_prefecture #prefecture-16:checked ~ ul.prefectures-list > li:nth-child(2),
  .arc_widget_search_prefecture #prefecture-17:checked ~ ul.prefectures-list > li:nth-child(3),
  .arc_widget_search_prefecture #prefecture-18:checked ~ ul.prefectures-list > li:nth-child(4),
  .arc_widget_search_prefecture #prefecture-19:checked ~ ul.prefectures-list > li:nth-child(5),
  .arc_widget_search_prefecture #prefecture-20:checked ~ ul.prefectures-list > li:nth-child(6),
  .arc_widget_search_prefecture #prefecture-21:checked ~ ul.prefectures-list > li:nth-child(7),
  .arc_widget_search_prefecture #prefecture-22:checked ~ ul.prefectures-list > li:nth-child(8),
  .arc_widget_search_prefecture #prefecture-23:checked ~ ul.prefectures-list > li:nth-child(9),
  .arc_widget_search_prefecture #prefecture-24:checked ~ ul.prefectures-list > li:nth-child(1),
  .arc_widget_search_prefecture #prefecture-25:checked ~ ul.prefectures-list > li:nth-child(2),
  .arc_widget_search_prefecture #prefecture-26:checked ~ ul.prefectures-list > li:nth-child(3),
  .arc_widget_search_prefecture #prefecture-27:checked ~ ul.prefectures-list > li:nth-child(4),
  .arc_widget_search_prefecture #prefecture-28:checked ~ ul.prefectures-list > li:nth-child(5),
  .arc_widget_search_prefecture #prefecture-29:checked ~ ul.prefectures-list > li:nth-child(6),
  .arc_widget_search_prefecture #prefecture-30:checked ~ ul.prefectures-list > li:nth-child(7),
  .arc_widget_search_prefecture #prefecture-31:checked ~ ul.prefectures-list > li:nth-child(8),
  .arc_widget_search_prefecture #prefecture-32:checked ~ ul.prefectures-list > li:nth-child(1),
  .arc_widget_search_prefecture #prefecture-33:checked ~ ul.prefectures-list > li:nth-child(1),
  .arc_widget_search_prefecture #prefecture-34:checked ~ ul.prefectures-list > li:nth-child(2),
  .arc_widget_search_prefecture #prefecture-35:checked ~ ul.prefectures-list > li:nth-child(3),
  .arc_widget_search_prefecture #prefecture-36:checked ~ ul.prefectures-list > li:nth-child(4),
  .arc_widget_search_prefecture #prefecture-37:checked ~ ul.prefectures-list > li:nth-child(5),
  .arc_widget_search_prefecture #prefecture-38:checked ~ ul.prefectures-list > li:nth-child(6),
  .arc_widget_search_prefecture #prefecture-39:checked ~ ul.prefectures-list > li:nth-child(1),
  .arc_widget_search_prefecture #prefecture-40:checked ~ ul.prefectures-list > li:nth-child(2),
  .arc_widget_search_prefecture #prefecture-41:checked ~ ul.prefectures-list > li:nth-child(3),
  .arc_widget_search_prefecture #prefecture-42:checked ~ ul.prefectures-list > li:nth-child(4),
  .arc_widget_search_prefecture #prefecture-43:checked ~ ul.prefectures-list > li:nth-child(5),
  .arc_widget_search_prefecture #prefecture-44:checked ~ ul.prefectures-list > li:nth-child(1),
  .arc_widget_search_prefecture #prefecture-45:checked ~ ul.prefectures-list > li:nth-child(2),
  .arc_widget_search_prefecture #prefecture-46:checked ~ ul.prefectures-list > li:nth-child(3),
  .arc_widget_search_prefecture #prefecture-47:checked ~ ul.prefectures-list > li:nth-child(4) {
    background-color: #FFE568;
    border-radius: 3px 3px 0 0;
    color: white; }
  .arc_widget_search_prefecture .badge-cashback {
    font-size: 10px; }
  .arc_widget_search_prefecture input[type=radio] {
    display: none; }
  .arc_widget_search_prefecture div.areas, .arc_widget_search_prefecture div[class^="prefectures-"] {
    width: 100%;
    height: auto;
    min-height: 46px;
    overflow-x: hidden; }
    .arc_widget_search_prefecture div.areas ul.area-list, .arc_widget_search_prefecture div[class^="prefectures-"] ul.area-list {
      justify-content: space-between;
      max-width: 600px; }
    .arc_widget_search_prefecture div.areas ul, .arc_widget_search_prefecture div[class^="prefectures-"] ul {
      display: flex;
      margin: 0; }
      .arc_widget_search_prefecture div.areas ul li, .arc_widget_search_prefecture div[class^="prefectures-"] ul li {
        width: auto;
        margin: 0 3px;
        text-align: center;
        border-bottom: solid 2px white;
        white-space: nowrap; }
        .arc_widget_search_prefecture div.areas ul li:not(:first-child), .arc_widget_search_prefecture div[class^="prefectures-"] ul li:not(:first-child) {
          margin-left: 2px; }
        .arc_widget_search_prefecture div.areas ul li label, .arc_widget_search_prefecture div[class^="prefectures-"] ul li label {
          cursor: pointer;
          margin: 0;
          padding: 10px 2px 10px 4px; }
  .arc_widget_search_prefecture div[class^="prefectures-"] {
    margin-top: 4px;
    display: none; }
    .arc_widget_search_prefecture div[class^="prefectures-"] ul {
      border-bottom: solid 2px #FFE568;
      overflow: auto;
      scroll-snap-type: x; }
      .arc_widget_search_prefecture div[class^="prefectures-"] ul li {
        height: 38px;
        line-height: 38px;
        background: rgba(255, 229, 104, 0.2);
        border-bottom: none;
        scroll-snap-align: start; }
        .arc_widget_search_prefecture div[class^="prefectures-"] ul li label {
          padding: 4px 12px; }
  .arc_widget_search_prefecture #area-kanto:checked ~ div.prefectures-kanto,
  .arc_widget_search_prefecture #area-kinki:checked ~ div.prefectures-kinki,
  .arc_widget_search_prefecture #area-chubu:checked ~ div.prefectures-chubu,
  .arc_widget_search_prefecture #area-kyushu:checked ~ div.prefectures-kyushu,
  .arc_widget_search_prefecture #area-hokkaido:checked ~ div.prefectures-hokkaido,
  .arc_widget_search_prefecture #area-tohoku:checked ~ div.prefectures-tohoku,
  .arc_widget_search_prefecture #area-chugoku:checked ~ div.prefectures-chugoku,
  .arc_widget_search_prefecture #area-shikoku:checked ~ div.prefectures-shikoku {
    display: block; }
  .arc_widget_search_prefecture section.search-prefecture-posts {
    margin-top: 6px !important;
    min-height: 130px; }
    .arc_widget_search_prefecture section.search-prefecture-posts .d-flex-center {
      flex-wrap: nowrap !important; }
  .arc_widget_search_prefecture article {
    width: 33.33%;
    max-width: 215px;
    margin: 0 0 1em 1em;
    line-height: 1.4; }
    .arc_widget_search_prefecture article h4 {
      font-size: 1.25rem;
      margin: 0; }
  .arc_widget_search_prefecture article:nth-of-type(1) {
    margin: 0 0 1em 0; }
  .arc_widget_search_prefecture img {
    width: 100%;
    height: auto; }

@media screen and (min-width: 319px) and (max-width: 767px) {
  .section.search-prefecture-posts {
    padding: 0; }

  div.areas ul, .arc_widget_search_prefecture div[class^="prefectures-"] ul {
    font-size: 13px;
    justify-content: space-between; }

  div[class^="prefectures-"] li {
    font-size: 12px; }

  .arc_widget_search_prefecture {
    margin: 16px -2% 0; }
    .arc_widget_search_prefecture div[class^="prefectures-"] ul {
      flex-wrap: wrap;
      justify-content: center !important;
      border-bottom: none; }
      .arc_widget_search_prefecture div[class^="prefectures-"] ul li {
        margin: 0 5px 12px 5px;
        border-radius: 3px !important;
        height: 30px;
        line-height: 30px; }
      .arc_widget_search_prefecture div[class^="prefectures-"] ul li:not(:first-child) {
        margin-left: 5px; }
    .arc_widget_search_prefecture .badge-cashback {
      font-size: 8px;
      padding: 1px 2px; }
    .arc_widget_search_prefecture div.areas, .arc_widget_search_prefecture div[class^="prefectures-"] {
      font-size: 14px;
      min-height: 30px; } }
/* arc_widget_list_prefectur */
.arc_widget_list_prefecture .search-filter-cashback {
  margin-top: 1.6rem; }
.arc_widget_list_prefecture section p {
  margin-top: 0 !important;
  padding-top: 5px; }
.arc_widget_list_prefecture .hentry {
  padding-bottom: 1rem !important; }
.arc_widget_list_prefecture li {
  display: flex;
  margin-bottom: 1em;
  align-items: flex-start; }
.arc_widget_list_prefecture img {
  width: 100%;
  height: auto;
  float: left;
  min-width: 110px; }

@media screen and (min-width: 768px) {
  .arc_widget_list_prefecture .hentry {
    padding-bottom: 1rem !important; }
  .arc_widget_list_prefecture img {
    width: 100%;
    height: auto;
    float: left; }
  .arc_widget_list_prefecture .search-results .entry-wrap {
    margin-left: 16px;
    max-width: 453px; } }
/* widget_search */
#searchform {
  display: flex;
  justify-content: center;
  max-width: 960px;
  margin: auto;
  padding-top: 0 !important; }
  #searchform input[type="search"] {
    width: 250px;
    color: #3E4551; }
  #searchform input {
    width: 60vw;
    float: left;
    margin-right: .5rem; }
  #searchform #searchsubmit {
    float: left;
    height: 40px;
    width: 60px;
    margin-top: 6px;
    padding: 0 1vw;
    background: #FFE568;
    /* Standard Syntax */
    border-radius: 20px; }

#searchform input,
#searchform #searchsubmit {
  font-size: 1rem;
  width: 65px; }

@media screen and (min-width: 768px) {
  #searchform input,
  #searchform #searchsubmit {
    font-size: 1rem;
    width: 85px; } }
/* widget Post Slider Carousel & Custom Post Grids */
.ocpc_post_layout .ocpc_tmplt6_crsol_cont_title {
  margin: 0 !important; }

/* widget popular-posts */
.popular-posts {
  padding-top: 2.2rem !important;
  margin-bottom: 6rem !important; }
  .popular-posts .wpp-list li:last-of-type {
    margin-bottom: 1.2rem !important; }
  .popular-posts .entry-content p {
    margin-bottom: 0; }
  .popular-posts-thumbnail {
    max-width: 100px; }
    .popular-posts-thumbnail img {
      width: 100px;
      height: auto; }
  .popular-posts .post-ranking a {
    counter-increment: num;
    position: relative; }
  .popular-posts .post-ranking article::before {
    width: 24px;
    height: 24px;
    position: absolute;
    content: counter(num);
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-style: italic;
    background: linear-gradient(to bottom, #222222, rgba(34, 34, 34, 0.8));
    border-radius: 0 0 3px 0; }
  .popular-posts .post-ranking a:nth-of-type(1) article:before {
    background: linear-gradient(to bottom, #e6b855, #FFE568); }
  .popular-posts .post-ranking a:nth-of-type(2) article:before {
    background: linear-gradient(to bottom, #beb6ac, rgba(255, 229, 104, 0.5)); }
  .popular-posts .post-ranking a:nth-of-type(3) article:before {
    background: linear-gradient(to bottom, #FFE568, rgba(255, 229, 104, 0.5)); }

.wpp-tiles {
  display: flex;
  align-items: flex-start; }
  .wpp-tiles .popular-posts-thumbnail {
    max-width: 100%;
    flex: 1 0 33.33%; }
    .wpp-tiles .popular-posts-thumbnail img {
      width: 100%;
      height: auto; }
  .wpp-tiles header {
    padding: .5rem 1rem 0 1rem; }
  .wpp-tiles section {
    margin-top: 0;
    padding: .5rem 1rem 0 1rem; }
  .wpp-tiles li {
    flex: 1 0 31.33%;
    position: relative;
    margin: 0 1% 1.2em 1%;
    padding: 0;
    list-style: none; }
  .wpp-tiles a {
    margin-bottom: .5rem;
    line-height: 1.2; }
  .wpp-tiles a.wpp-except {
    color: #3E4551;
    font-weight: normal; }
  .wpp-tiles li .wpp-post-data {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: .5em .5em .5em;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100; }
  .wpp-tiles .wpp-thumbnail {
    width: 100%;
    margin: 6px 0;
    height: auto;
    float: none; }
  .wpp-tiles .wpp-post-title {
    margin-top: 1rem;
    text-decoration: none;
    font-size: 1.1rem !important; }

@media only screen and (min-width: 319px) and (max-width: 767px) {
  .wpp-tiles {
    flex-direction: column; }
    .wpp-tiles header {
      padding: 0 1rem 0 1rem; }
    .wpp-tiles h3 {
      font-size: 0.8rem !important;
      line-height: 1.6; }
    .wpp-tiles li {
      display: flex;
      flex: 1 0 auto;
      margin: 0 0 1.2em 0;
      padding: 0 0 1em 0;
      border-bottom: #cccccc 1px solid; }
    .wpp-tiles .wpp-excerpt {
      margin-top: 6px;
      font-size: .8em; }
    .wpp-tiles .wpp-thumbnail {
      width: 30%;
      margin: 6px 1rem 6px 6px;
      height: 20%; } }
/* widget_wpsp_widget " */
/* キャッシュバック対象式場、指輪一覧　884はテスト環境用  */
#wpsp-1100, #wpsp-1202, #wpsp-1628, #wpsp-1630, #wpsp-884 {
  margin-top: 0; }
  #wpsp-1100 .wp-show-posts-entry-header,
  #wpsp-1100 .wp-show-posts-entry-summary, #wpsp-1202 .wp-show-posts-entry-header,
  #wpsp-1202 .wp-show-posts-entry-summary, #wpsp-1628 .wp-show-posts-entry-header,
  #wpsp-1628 .wp-show-posts-entry-summary, #wpsp-1630 .wp-show-posts-entry-header,
  #wpsp-1630 .wp-show-posts-entry-summary, #wpsp-884 .wp-show-posts-entry-header,
  #wpsp-884 .wp-show-posts-entry-summary {
    padding: 0 10px;
    margin-bottom: 0 !important;
    float: left !important;
    margin-left: 16px;
    width: 62% !important; }
  #wpsp-1100 .wp-show-posts-image, #wpsp-1202 .wp-show-posts-image, #wpsp-1628 .wp-show-posts-image, #wpsp-1630 .wp-show-posts-image, #wpsp-884 .wp-show-posts-image {
    margin-bottom: 0 !important; }
  #wpsp-1100 .wpsp-image-left, #wpsp-1202 .wpsp-image-left, #wpsp-1628 .wpsp-image-left, #wpsp-1630 .wpsp-image-left, #wpsp-884 .wpsp-image-left {
    max-width: 110px;
    width: auto;
    float: left; }
  #wpsp-1100 .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child), #wpsp-1202 .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child), #wpsp-1628 .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child), #wpsp-1630 .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child), #wpsp-884 .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) {
    margin-bottom: 1em !important; }
  #wpsp-1100 .hentry, #wpsp-1202 .hentry, #wpsp-1628 .hentry, #wpsp-1630 .hentry, #wpsp-884 .hentry {
    margin-top: 0;
    padding-bottom: 0; }

/* TOP　新着式場、新着指輪の下線を消す */
#wpsp-199 .hentry, #wpsp-213 .hentry, #wpsp-1859 .hentry {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-top: 2rem; }

/* 共通  */
.wp-show-posts-inner {
  position: relative;
  margin-bottom: 1rem !important;
  padding-bottom: 1rem; }
.wp-show-posts-image {
  margin-bottom: 1rem !important; }
.wp-show-posts-columns {
  margin-top: 0 !important; }
  .wp-show-posts-columns .badge-cashback {
    font-size: 10px; }
.wp-show-posts-entry-title {
  font-size: 1rem; }
.wp-show-posts-entry-title a {
  margin-top: 6px; }
.wp-show-posts-entry-meta {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 0.75rem; }
  .wp-show-posts-entry-meta a:visited {
    color: #3E4551; }
  .wp-show-posts-entry-meta .wp-show-posts-byline {
    width: 100%; }
  .wp-show-posts-entry-meta .wp-show-posts-author {
    display: flex;
    align-items: center; }
  .wp-show-posts-entry-meta .wp-show-posts-author a {
    display: flex;
    align-items: center; }
  .wp-show-posts-entry-meta .wp-show-posts-author img {
    width: 40px;
    margin-right: 20px;
    border-radius: 50%; }
  .wp-show-posts-entry-meta .wp-show-posts-separator {
    display: none; }
  .wp-show-posts-entry-meta .wp-show-posts-posted-on {
    width: 100%;
    text-align: right; }
.wp-show-posts .hentry header {
  padding: 4px 0 0 0;
  float: left; }
.wp-show-posts img {
  width: 100%;
  height: auto;
  object-fit: cover !important; }
.wp-show-posts a {
  margin-bottom: .5em; }
.wp-show-posts li .wpp-post-data {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  padding: .5em .5em .5em;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100; }
.wp-show-posts-entry-header {
  margin-bottom: 0; }
.wp-show-posts-entry-summary p {
  margin-top: 0 !important;
  padding-top: 5px;
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 0 !important; }
.wp-show-posts-image.wpsp-image-left {
  margin-right: 0; }
.wp-show-posts .wpsp-read-more {
  font-weight: 600;
  position: absolute;
  bottom: 0;
  right: 10px; }
.wp-show-posts a.wp-show-posts-read-more:hover {
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) {
  margin-bottom: 1em !important; }
.wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-entry-summary,
.wp-show-posts:not(.wp-show-posts-columns) .hentry header {
  margin-bottom: 0 !important;
  float: right !important;
  width: 62% !important; }

.wpsp-load-more {
  display: flex;
  justify-content: center;
  text-align: center; }
  .wpsp-load-more span, .wpsp-load-more a {
    cursor: default;
    color: #222222;
    margin: 0;
    text-decoration: none;
    line-height: 1;
    font-size: 1rem;
    font-weight: normal;
    padding: .8em;
    min-width: 1em;
    display: inline-block;
    border-right: 1px solid #cccccc; }
  .wpsp-load-more a:hover {
    background: #FFE568; }
  .wpsp-load-more span.current {
    color: #fff;
    background: #FFE568; }

@media screen and (min-width: 319px) and (max-width: 767px) {
  /* widget_wpsp_widget " */
  /* TOP　新着式場、新着指輪 */
  #wpsp-199 .hntry, #wpsp-213 .hntry {
    border-bottom: 1px solid #ccc; }

  .wp-show-posts .hentry {
    padding-bottom: .8rem; }
  .wp-show-posts .wpsp-read-more {
    display: inline-block !important;
    position: relative !important;
    float: right !important;
    right: 10px !important; }
  .wp-show-posts-entry-content {
    margin-bottom: 1em !important;
    float: right !important;
    width: 62% !important; }
  .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-entry-summary,
  .wp-show-posts:not(.wp-show-posts-columns) .hentry header {
    margin-bottom: 1em !important;
    float: none !important;
    width: 100% !important; } }
@media screen and (min-width: 767px) {
  #wpsp-1100 .wp-show-posts-entry-header,
  #wpsp-1100 .wp-show-posts-entry-summary, #wpsp-1202 .wp-show-posts-entry-header,
  #wpsp-1202 .wp-show-posts-entry-summary, #wpsp-1628 .wp-show-posts-entry-header,
  #wpsp-1628 .wp-show-posts-entry-summary, #wpsp-1630 .wp-show-posts-entry-header,
  #wpsp-1630 .wp-show-posts-entry-summary, #wpsp-884 .wp-show-posts-entry-header,
  #wpsp-884 .wp-show-posts-entry-summary {
    width: 64% !important; }

  .wp-show-posts-entry-header {
    margin-top: 1rem;
    margin-bottom: 2rem; }

  #sidebar.wp-show-posts-entry-header {
    margin-top: 0; }

  #sidebar .wp-show-posts .term-name a {
    margin-bottom: 0; }

  .wp-show-posts-columns .wp-show-posts-image {
    margin-bottom: 0 !important; }
    .wp-show-posts-columns .wp-show-posts-image img {
      vertical-align: bottom; }

  /* 新着とランキングのタイトル統一 */
  .wp-show-posts .wp-show-posts-entry-title, .popular-posts .entry-title {
    font-size: 1rem;
    line-height: 1.375rem !important;
    letter-spacing: -0.0125rem !important;
    font-weight: 500 !important;
    margin-bottom: 1rem; }

  /* サイドバーにある時　タイトル小さく  */
  #sidebar {
    /* サイドバーにある時　年月日をしたに */
    /* サイドバーにある時　プロフ写真小さく */ }
    #sidebar .wp-show-posts .wp-show-posts-entry-title, #sidebar .popular-posts .entry-title {
      font-size: 1rem !important; }
    #sidebar .wp-show-posts-entry-meta {
      display: table;
      width: 100%; }
      #sidebar .wp-show-posts-entry-meta .wp-show-posts-byline {
        width: 100%; }
      #sidebar .wp-show-posts-entry-meta .wp-show-posts-posted-on {
        display: block;
        width: 100%;
        text-align: right; }
    #sidebar .wp-show-posts-entry-meta .wp-show-posts-author img {
      width: 24px !important;
      margin-right: 10px !important; } }
/* feature-post-cat */
#menu-post-category {
  margin-top: 2rem;
  background: linear-gradient(180deg, #feebec, #fff1d4, #daf2ea); }
  #menu-post-category li {
    position: relative;
    height: 48px;
    border: 2px solid #fff;
    padding: .8rem; }
    #menu-post-category li:hover {
      background: rgba(255, 255, 255, 0.8); }
  #menu-post-category a {
    display: block;
    color: rgba(34, 34, 34, 0.8);
    letter-spacing: 1pt;
    padding-left: 30px;
    text-decoration: none; }
  #menu-post-category li:before {
    position: absolute;
    content: " ";
    display: block;
    background-size: contain;
    width: 20px;
    height: 20px; }
  #menu-post-category li:nth-of-type(1):before {
    background: url(../images/ico/meet.svg) no-repeat; }
  #menu-post-category li:nth-of-type(2):before {
    background: url("../images/ico/relationship.svg") no-repeat; }
  #menu-post-category li:nth-of-type(3):before {
    width: 24px;
    height: 24px;
    background: url("../images/ico/engagement.svg") no-repeat; }
  #menu-post-category li:nth-of-type(4):before {
    width: 24px;
    height: 24px;
    background: url(../images/ico/wedding.svg) no-repeat; }
  #menu-post-category li:nth-of-type(5):before {
    background: url(../images/ico/life.svg) no-repeat; }
  #menu-post-category li:nth-of-type(6):before {
    background: url(../images/ico/enmusubi.svg) no-repeat; }

/* この記事を見ている人におすすめ */
/* YARPP_Widget */
.widget_yarpp_widget h3 {
  font-size: 1.25rem !important;
  text-align: center !important;
  font-weight: 500 !important; }
.widget_yarpp_widget .yarpp-related {
  margin-top: 0 !important; }
  .widget_yarpp_widget .yarpp-related a .entry-date {
    font-weight: 400; }
.widget_yarpp_widget .yarpp-thumbnails-horizontal {
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap; }
  .widget_yarpp_widget .yarpp-thumbnails-horizontal .yarpp-thumbnail {
    border: none !important;
    box-sizing: border-box;
    width: 48%;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    height: auto !important; }
  .widget_yarpp_widget .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    display: table-cell !important; }
.widget_yarpp_widget .yarpp-thumbnail > img {
  width: 100% !important;
  height: auto !important;
  min-height: inherit !important;
  min-width: inherit !important;
  margin: 0 0 5px 0 !important; }
.widget_yarpp_widget .yarpp-thumbnail-default {
  width: inherit !important;
  height: inherit !important;
  margin: 0 !important;
  overflow: visible; }
.widget_yarpp_widget .yarpp-thumbnail-default > img {
  width: 100% !important;
  height: auto !important;
  min-height: 96px !important;
  min-width: 144px !important; }

@media screen and (min-width: 767px) {
  .widget_yarpp_widget .yarpp-thumbnail-title {
    display: table-cell;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4; } }
/* モバイル　メニュー */
/* wprmenu_bar */
.wprmenu_bar #custom_menu_icon.hamburger {
  top: 16px;
  left: 16px; }

.wprmenu_bar .hamburger-inner,
.wprmenu_bar .hamburger-inner::before,
.wprmenu_bar .hamburger-inner::after {
  width: 20px;
  height: 1px;
  background: #3E4551 !important; }

.hamburger--slider .hamburger-inner::before {
  top: 6px; }

.hamburger--slider .hamburger-inner::after {
  top: 13px; }

.wprmenu_bar #custom_menu_icon.hamburger {
  background: none !important; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -14px, 0) rotate(-90deg); }

.wprm-overlay.active {
  z-index: 999 !important; }

div#mg-wprm-wrap form.wpr-search-form button.wpr_submit {
  top: 8px; }

#wprmenu_menu_ul {
  margin-top: 60px;
  /*2番目のリスト　ロゴ*/
  /*リスト中のAppバナー*/
  /*15番目以降のリスト%*/ }
  #wprmenu_menu_ul .snsbtniti {
    margin-bottom: 0; }
    #wprmenu_menu_ul .snsbtniti li {
      width: inherit !important; }
  #wprmenu_menu_ul li:nth-last-child(1) {
    border-bottom: none; }
  #wprmenu_menu_ul li:nth-of-type(2) {
    width: 100%; }
    #wprmenu_menu_ul li:nth-of-type(2) img.logo {
      display: block;
      width: 55%;
      height: auto;
      margin: auto; }
  #wprmenu_menu_ul li#menu-item-banner img.app-banner {
    display: inherit;
    margin: 0;
    width: 100%;
    height: auto; }
  #wprmenu_menu_ul li:nth-of-type(n+16) {
    border-bottom: 0; }
  #wprmenu_menu_ul h4 {
    font-size: 1.25rem;
    margin-left: .5rem;
    margin-bottom: 0; }
  #wprmenu_menu_ul ul {
    margin-top: 0; }
  #wprmenu_menu_ul ul.feature-post-cat {
    margin-left: 0 !important; }
  #wprmenu_menu_ul ul.feature-post-cat li {
    border: 1px solid #fff; }
  #wprmenu_menu_ul .feature-post-cat a {
    padding: 0 0 0 30px !important; }
  #wprmenu_menu_ul .sub-menu {
    display: block !important; }
  #wprmenu_menu_ul li span.wprmenu_icon {
    display: none !important; }
  #wprmenu_menu_ul .acc-box label {
    color: #FFE568;
    background: #ECECEC; }
  #wprmenu_menu_ul .accshow ul {
    display: flex;
    flex-wrap: wrap; }
  #wprmenu_menu_ul .accshow li {
    display: inline-block;
    min-width: 25%; }
  #wprmenu_menu_ul .bnr-box {
    width: 100% !important;
    border-bottom: none; }
    #wprmenu_menu_ul .bnr-box img {
      width: 100%;
      height: auto;
      float: left; }

.wprm_after_menu_content {
  background: #AAA;
  padding-bottom: 30px; }
  .wprm_after_menu_content .snsbtniti-title {
    color: #fff;
    background: #AAA;
    margin-top: 0;
    margin-bottom: 0;
    padding: 14px; }
  .wprm_after_menu_content .d-flex-center {
    align-items: center !important; }

.custom #wprmenu_menu_ul {
  padding-bottom: 0; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .wprmenu_bar {
    display: none; }

  .wprm-overlay {
    padding: 0 !important; } }