/* web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）*/

@font-face {
    font-family: "design_plus";
    src: url("../../assets/fonts/design_plus.eot?v=1.0");
    src: url("../../assets/fonts/design_plus.eot?v=1.0#iefix") format("embedded-opentype"), url("../../assets/fonts/design_plus.woff?v=1.0") format("woff"), url("../../assets/fonts/design_plus.ttf?v=1.0") format("truetype"),
        url("../../assets/fonts/design_plus.svg?v=1.0#design_plus") format("svg");
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}
*:focus {
    outline: none;
}
input,
textarea {
    -webkit-appearance: none;
}
html {
    font-size: 62.5%;
    overflow: hidden;
    overflow-y: scroll;
}

@media screen and (max-width: 1200px)and (min-width: 768px){
    html {
        font-size: calc((10 * (100vw / 1200)));
    }
}

a {
    text-decoration: none;
    color: #000;
    display: block;
    outline: none;
}
img {
    width: 100%;
    vertical-align: middle;
}
p {
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.5;
}
span {
    line-height: 1;
    display: block;
}
li {
    text-align: left;
    list-style: none;
}
h2 {
    font-size: 7rem;
    line-height: 1;
    text-align: center;
}
b, strong{
    font-weight: 600;
}
/*///////////////////
font
///////////////////*/
body {
    color: #000;
    font-size: 1.4rem;
    line-height: 1.7;
    word-break: break-all;
    min-height: 100vh;
    position: relative;
    background: #fefcf5;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    letter-spacing: initial;
    margin: 0;
    font-family: var(--font-base) !important;
    -webkit-font-smoothing: auto;
    padding-top: 7.4rem;
}

/* SP用*/
@media (max-width: 768px) {
    body {
        padding-top: calc(95*(100vw / 586));
    }
}

/*///////////////////
出しわけ
///////////////////*/
.pc {
    display: block;
}
.smp {
    display: none;
}

/*///////////////////
color
///////////////////*/
.bg_white {
    background: #fff !important;
}
.bg-f4 {
    background-color: #f4f4f4;
}
.bg-eae8 {
    background: #eae8d8;
}
.bg-eaeb {
    background: #eaebd9;
}
/*///////////////////
margin
///////////////////*/
.mt-0 {
    margin-top: 0 !important;
}
.pd-100 {
    padding: 100px 0;
}
.pd-t-100 {
    padding: 100px 0 0;
}
.pd-t-smp-60 {
    padding: 0;
}
.pd-b-100 {
    padding: 0 0 100px;
}

.pd-b-0 {
padding-bottom: 0 !important;
}

/*///////////////////
header/footer
///////////////////*/
footer {
    width: 100%;
    padding: 60px 0;
    background: #E2DEC9;
    text-align: center;
    bottom: 0;
    margin: 100px auto 0;

}

.home footer {
    margin-top: 0;/*バナー追加されたら消す*/
}

.footer-inner-wrap {
    display: flex;
    flex-direction: column;
}
.footer-inner .footer-logo {
    margin: 0 0 20px;
}
.footer-inner:first-of-type {
    border-bottom: 1px solid #D3D0BD;
    padding: 0 0 40px;
}
.footer-inner:last-of-type {
    padding: 40px 0 0;
}
.footer-inner-list {
    display: flex;
    justify-content: center;
}
.footer-inner-list a {
    margin: 0 20px;
}
.footer-sns {
    display: flex;
    justify-content: center;
    margin: 20px 0 0;
}
.footer-sns a {
    width: 30px;
    height: 30px;
    margin: 0 10px;
}
.footer-inner p{
    font-weight: 600;
}
.copy {
    padding: 80px 0 0;
    font-size: 1.2rem;
}
.align-items-center{
    align-items: center !important;
}
.contact-flex p{
    font-weight: normal;
}
.contact-block p{
 font-weight: normal;
}

.footer-ig-mm {
    display: flex;
    width: 840px;
    margin: auto;
    padding: 40px 0;
}

.footer-ig-mm > div {
    overflow: hidden;
    width: 400px;
    height: 140px;
    margin: auto 10px;
    background: #EAE8D8;
    border: 1px solid #000;
    text-align: center;
}

.footer-ig-mm > div a {
    transition: opacity .3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.footer-ig-mm > div a:hover {
    opacity: .6;
    color: inherit;
}

.footer-ig-mm dl dt {
    display: inline-block;
    background: url(../img/footer_instagram_icn.svg) no-repeat 0 0;
    background-size: 24px;
    margin-top: 4px;
    margin-bottom: 13px;
    padding-left: 33px;
    font-size: 16px;
    font-weight: 600;
}

.footer-ig-mm dl dd {
    font-size: 14px;
}

.footer-ig-mm .footer-instagram {
    position: relative;
}

.footer-ig-mm .footer-instagram dt {
    margin-bottom: 0;
}

.footer-ig-mm .footer-instagram img {
    width: 218px;
    margin: auto;
}

.footer-links {
}

.footer-links dt {
    margin: 0 0 14px;
    font-size: 14px;
    font-weight: bold;
}

.footer-links dd {
}

.footer-links ul {
    margin-bottom: -7px;
}

.footer-links li {
    position: relative;
    display: inline-block;
    margin: 0 0 7px;
    padding: 0 18px;
    font-size: 13px;
}

.footer-links li::before {
    position: absolute;
    top: 6px;
    left: 0;
    bottom: 6px;
    width: 1px;
    background-color: #000;
    content: "";
}

.footer-links .border-none::before {
    display: none;
}

.footer-links a {
    transition: opacity .3s ease-in-out;
}

.footer-links a:hover {
    opacity: .6;
    color: inherit;
}

.sp_link_wrap {
    display: inline;
}

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

    .footer-ig-mm {
        display: block;
        width: 100%;
        padding: 40px 0;
    }

    .footer-ig-mm > div {
        overflow: hidden;
        width: 100%;
        height: 15rem;
        margin: auto auto 2rem;
    }

    .footer-ig-mm dl dt {
        font-size: 1.7rem;
    }

    .footer-ig-mm .footer-instagram dt {
        margin: .5rem 0;
    }

    .footer-ig-mm .footer-instagram img {
        width: 22rem;
    }

    .footer-ig-mm .footer-mailmagazine img {
        width: 43rem;
        margin: 0 -17rem;
        max-width: unset;
    }

    .footer-links dt {
        margin: 0 0 1.4rem;
        font-size: 1.8rem;
    }

    .footer-links dd {
        padding: 0;
    }

    .footer-links li {
        margin: 0 0 .8rem;
        padding: 0 1.4rem;
        font-size: 1.4rem;
    }

    .sp_link_wrap {
        display: block;
    }

    .footer-links .border-none::before {
        display: block;
    }

    .sp_link_wrap li:first-child::before {
        display: none;
    }


}

/*///////////////////
width
///////////////////*/
.wrap-container {
    width: 100%;
    max-width: 110rem;
    margin: auto;
    position: relative;
}
.wrap-top-rank {
    width: 100%;
    margin: auto;
}
.wrap-top-rank-inner {
    max-width: 110rem;
    margin: auto;
}
/*///////////////////
title
///////////////////*/
.sec-title {
    text-align: center;
    margin: 0 0 6rem;
}
.sec-title h2 {
    font-size: 5rem;
    margin: 0 0 1.5rem;
    line-height: 1;
}
.sec-title span {
    display: block;
    font-size: 1.6rem;
}
/*///////////////////
btn
///////////////////*/
.viewmore-btn {
    padding: 10px 0;
    max-width: 280px;
    border: 1px solid #000;
    display: block;
    text-align: center;
    line-height: 1;
    font-size: 1.8rem;
    margin: 40px auto 0;
}
/*///////////////////
main_banner
///////////////////*/
.main_banner {
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main_banner img {
    object-fit: cover;
    height: 100vh;
}
.main_banner_img {
    width: 100%;
}
.main_banner_text {
    position: absolute;
}
.main_banner_text h2 {
    color: #fff;
    font-size: 8rem;
}
.main_banner_news_text a {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px;
    background-color: #fff;
    display: block;
}
.slide_title {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 20px;
    z-index: 999;
}
.main-banner-cat {
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    padding: 8px 6px 6px 6px;
    margin: 0 0 15px;
    font-size: 0.8vw;
}
.main-banner-text {
    color: #fff;
    display: block;
    font-size: 1.3vw;
    font-weight: 600;
    line-height: 1.5;
}
.swiper-wrapper {
    padding: 0 0 40px;
}
.swiper-pagination-bullet {
    border-radius: inherit;
    margin: 0 5px !important;
    width: 30px;
    height: 2px;
    background: #999;
    opacity: 0.19;
}
.swiper-pagination-bullet-active {
    background: #000;
    opacity: 1;
}
.swiper-container {
    position: relative;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-slide a::befor{
        content: "";
    display: block;
    padding-top: 100%;
}
.swiper-slide a::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, transparent 0 50%, #0000009c 100%);
}
/*///////////////////
column3-base
///////////////////*/
.width-3-column {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-flow: wrap;
    margin: 0 0 -10px;
}
.width-3-column-inner {
    width: 28.3%;
    margin: 0 10px 0 0;
    display: flex;
}
.width-3-column-inner-list {
    margin: 0 0 10px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.width-3-column-inner-list a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.width-3-column-cat {
    flex-direction: column;
    flex-grow: 1;
    background: #fff;
    padding: 20px;
}
.width-3-column-cat p {
    font-weight: 600;
    font-size: 1.8rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.width-3-column-cat-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px;
}
.width-3-column-cat-inner span:first-child {
    font-size: 1.6rem;
    font-weight: 600;
}
.width-3-column-cat-inner span:last-child {
    font-size: 1.5rem;
    color: #888;
}
/*///////////////////
column3-3n
///////////////////*/
.width-3-column-inner:nth-child(3n) {
    margin: 0;
}
/*///////////////////
column3-5n+1
///////////////////*/
.width-3-column-inner:nth-child(5n + 1) {
    width: 41.7%;
    position: relative;
}
/*.width-3-column-inner:nth-child(5n + 1) .width-3-column-5n-cat span {
    display: inline-block;
    color: #fff;
    font-size: 1rem;
}
.width-3-column-inner:nth-child(5n + 1) .width-3-column-5n-cat p {
    display: block;
    color: #fff;
    font-size: 1.8rem;
    background: #ffffff00;
    font-weight: 900;
    padding: 0;
}
.width-3-column-inner:nth-child(5n + 1) .width-3-column-5n-cat {
    position: absolute;
    bottom: 10px;
    padding: 20px;
}*/

.width-3-column-inner:nth-child(5n + 1) .width-3-column-inner-list-inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, transparent 0 60%, #0000009c 100%);
}

.width-3-column-inner:nth-child(5n + 1) .width-3-column-cat {
    background: no-repeat;
    position: absolute;
    bottom: 10px;
    width: 100%;
}
.width-3-column-inner:nth-child(5n + 1) .width-3-column-cat p {
    font-size: 2.4rem;
    font-weight: 600;
    color: #fff;
}
.width-3-column-inner:nth-child(5n + 1) .width-3-column-cat .width-3-column-cat-inner span {
    font-size: 1.6rem;
}

.width-3-column-inner:nth-child(5n + 1) .width-3-column-cat-inner {
    justify-content: flex-start;
}
.width-3-column-inner:nth-child(5n + 1) .width-3-column-cat .width-3-column-cat-inner span:first-child {
    color: #fff;
    padding: 5px 6px;
    margin: 0 15px 0 0;
}
.width-3-column-inner:nth-child(5n + 1) .width-3-column-cat .width-3-column-cat-inner span:last-child {
    color: #fff;
    margin: 3px 0 0;
}
.width-3-column-inner:nth-child(5n + 1) .width-3-column-cat .width-3-column-cat-inner span:last-child::before {
    content: url(../../assets/img/icon-daytime-white.svg);
    margin: 0 7px 0 0;
    vertical-align: middle;
}
.width-3-column-inner .width-3-column-cat .width-3-column-cat-inner span:last-child::before {
    content: url(../../assets/img/icon-daytime.svg);
    margin: 0 7px 0 0;
    vertical-align: middle;
}

.width-3-column-inner:nth-child(5n + 1) img {
    object-fit: cover;
}
.width-3-column-inner-list-inner:nth-child(5n + 1) {
    display: block;
    position: relative;
    max-width: 800px;
}

.width-3-column-inner-list-inner {
    display: block;
    position: relative;
    max-width: 228px;
}

.width-3-column-inner-list-inner::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.width-3-column-inner-list-inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
}

.recommend-smp-days {
    display: none;
}
/*///////////////////
column
///////////////////*/
.width-4-column {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-flow: wrap;
    grid-gap: 13px;
    margin: 0 0 13px;
}
.width-4-column-inner {
    width: 290px;
    display: flex;
}
.width-4-column-inner-list {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    box-shadow: 0 0 .6rem rgba(0, 0, 0, 0.16);
}
.width-4-column-inner-list a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.width-4-column-cat {
    flex-direction: column;
    flex-grow: 1;
    background: #fff;
    padding: 20px 10px 17px;
}
.width-4-column-cat p {
    font-weight: 600;
    font-size: 1.6rem;
}
.width-4-column-cat span {
    font-size: 1.4rem;
    font-weight: 600;
}
.width-4-column-cat span img {
    display: inline-block;
    margin: -4px 5px 0px 0;
    width: 15px;
}
.width-4-column-cat-inner {
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px;
}
.width-4-column-cat-inner span:last-child {
    color: #888;
    font-weight: initial;
}
.width-4-column-cat p{
      overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.width-4-column-inner-list-inner {
    display: block;
    position: relative;
    max-width: 290px;
}

.width-4-column-inner-list-inner::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.width-4-column-inner-list-inner img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
}

/*///////////////////
column
///////////////////*/
.width-2-column {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-flow: wrap;
    grid-gap:16px;
}
.width-2-column-inner {
    width: 49.3%;
    background: #fff;
    position: relative;
}
.width-2-column-inner a {
    display: flex;
    flex-direction: row;
    padding: 10px;
    align-items: center;
}
.width-2-column-inner-list {
    flex-direction: column;
    position: relative;
}
.width-2-column-inner-list span.width-2-column-inner-list-cat {
    position: absolute;
    font-size: 1.1rem;
    background: #000;
    color: #fff;
    padding: 5px;
}
.width-2-column-inner-list img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}
.width-2-column-cat {
    flex-direction: column;
    flex-grow: 1;
    background: #fff;
    padding: 20px 10px;
}
.width-2-column-cat p {
    font-size: 1.6rem;
    font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.width-2-column-cat span {
    font-size: 1rem;
}
.width-2-column-cat-inner {
    display: flex;
    justify-content: space-between;
    margin: 0 0 7px;
}
.width-2-column-cat-inner-under-days {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 1.6rem;
    color: #888;
}
.width-2-column-cat-inner-under-days img {
    display: inline-block;
    width: 15.71px;
    margin: 0 6px 3px 0;
}

.width-2-column-inner-list span.width-2-column-inner-list-cat {
    font-weight: 600;
}
.width-2-column-inner-list span.width-2-column-inner-list-cat .eng {
    font-size: 1.2rem;
    display: inline-block;
    font-weight: 600;
}


/*///////////////////
new-event open
///////////////////*/
.accordion-box label.ac00:after {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}
.accordion-box input:checked + label.ac00:after {
    display: none;
}
.accordion-box .accordion-container.accordion-new-event {
    overflow: hidden;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-flow: wrap;
    grid-gap: 16px;
    height: 140px;
}
.accordion-box input:checked ~ .accordion-container.accordion-new-event {
    height: auto;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-flow: wrap;
    grid-gap: 16px;
}
.wrap-top-rank-inner .accordion-box {
    position: relative;
    width: 100%;
    margin: 16px 0 0;
}


/*///////////////////
column
///////////////////*/
.width-5-column {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-flow: wrap;
    margin: 0 0 -10px;
}
.width-5-column-inner {
    width: 19.2%;
    margin: 0 10px 0 0;
    display: flex;
}
.width-5-column-inner:nth-child(5n) {
    margin: 0;
}
.width-5-column-inner-list {
    margin: 0 0 10px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.width-5-column-inner-list a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.width-5-column-inner-list-img {
    display: block;
    position: relative;
    max-width: 228px;
}

.width-5-column-inner-list-img::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.width-5-column-inner-list-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
}
.width-5-column-cat {
    flex-direction: column;
    flex-grow: 1;
    background: #fff;
    display: flex;
    padding: 20px 10px 12px;
    justify-content: space-between;
}
.width-5-column-cat-inner {
    padding: 0 0 6px;
}
.width-5-column-cat-inner p {
    font-weight: 600;
    margin: 0 0 7px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}
.width-5-column-cat-inner:first-child span {
    margin: 0 0 7px;
    font-weight: 600;
}
.width-5-column-cat-inner:last-child {
    display: flex;
    justify-content: space-between;
}
.width-5-column-cat-inner:last-child span {
    font-size: 1.2rem;
    color: #888888;
}
.width-5-column-cat-inner:last-child span:last-child img {
    width: 11.94px;
    display: inline-block;
    margin: -3px 5px 0 0;
}
.width-5-column-cat-inner:last-child span:first-child img {
    width: 18.49px;
    display: inline-block;
    margin: -3px 1px 0 0;
}

/*///////////////////
column
///////////////////*/
.width-max-3-column {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
}
.width-max-3-column-inner {
    width: 33.3333%;
}

/*///////////////////
rank-number
///////////////////*/
.rank-num::before {
    content: counter(title);
    position: absolute;
    background: #000;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    line-height: 1;
    z-index: 100;
    font-size: 2rem;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.width-5-column-inner {
    counter-increment: title;
    position: relative;
}

/*///////////////////
showmore
///////////////////*/
.accordion-box {
    position: relative;
    width: 100%;
    margin: 10px 0 0;
}
.accordion-box label {
    height: 100%;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 990;
}

.accordion-box-gradient-01 {
    background: linear-gradient(to bottom, rgb(241 240 231 / 73%) 0%, rgb(241 240 231) 90%);
}
.accordion-box-gradient-02 {
    background: linear-gradient(to bottom, rgb(234 234 217 / 72%) 0%, rgb(234 234 217) 90%);
}
.ac-btn-wrap {
    position: absolute;
    width: 29.17%;
    background: #fff;
    padding: 12px 0;
    margin: auto;
    border-radius: 120px;
    border: 1px solid #000;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.ac-btn-inner:first-child {
    font-size: 2rem;
}
.ac-btn-inner:last-child {
    position: absolute;
    right: 30px;
    bottom: 18px;
}

.accordion-box input:checked + label {
    background: inherit;
    display: none;
}

.accordion-box input {
    display: none;
}

/*///////////////////
new-article open
///////////////////*/
.accordion-box .accordion-container.accordion-new-article {
    overflow: hidden;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-flow: wrap;
    grid-gap: 13px;
    height: 140px;
}
.accordion-box input:checked ~ .accordion-container.accordion-new-article {
    height: auto;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-flow: wrap;
    grid-gap: 13px;
}



/*///////////////////
archive
///////////////////*/
.archive-title {
    padding: 20px 0;
    text-align: center;
    margin: 0 0 30px;
    font-size: 4rem;
}
.archive-2-colum-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.archive-2-colum-inner:first-child {
    width: 72rem;
}
.archive-defort-post-wrap {
    background: #fff;
}
.archive-defort-post-wrap a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1rem;
    background: #fff;
    box-shadow: 0 0 .6rem rgba(0, 0, 0, 0.16);
    margin: 0 0 2rem;
}
.archive-defort-post-inner:first-child img {
    width: 20rem;
    height: 20rem;
    object-fit: cover;
}
.archive-defort-post-inner:last-child {
    display: flex;
    flex-direction: column;
    flex-basis: 67%;
    margin: 0 0 0 3%;
    padding-bottom: 40px 0 30px;
}
.archive-defort-post-inner-title {
    height: 73px;
}
.archive-defort-post-inner-title p {
    font-weight: 600;
    font-size: 2rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.archive-defort-post-inner-view-days {
    display: flex;
    flex-direction: row;
}
.archive-defort-post-inner-cat {
    display: flex;
    gap: 1rem;
}
.archive-defort-post-inner-cat > div {
    font-size: 1.6rem;
    font-weight: 600;
    font-family: 'futura-pt', sans-serif;
    margin: 0 0 5px;
}
.archive-defort-post-inner-view-days-inner {
    color: #888;
}
.archive-defort-post-inner-view-days-inner:first-child {
    margin: 0 20px 0 0;
}
.archive-defort-post-inner-view-days-inner:first-child img {
    display: inline-block;
    width: 18.49px;
    margin: -2px 2px 0 0;
}
.archive-defort-post-inner-view-days-inner:last-child img {
    display: inline-block;
    width: 15px;
    margin: -4px 5px 0 0;
}

/*recommend*/
.archive-2-colum-inner:last-child {
    width: 35rem;
}
.archive-2-colum-inner-title {
    text-align: center;
    margin: 20px 0 30px;
    font-size: 2.5rem;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
}
.archive-2-colum-inner-title span {
    font-family: sans-serif;
    font-size: 1.2rem;
    margin: 10px 0 0;
    color: #888;
}
.archive-recommend-post-wrap {
    background: #fff;
    box-shadow: 0 0 .6rem rgba(0, 0, 0, 0.16);
    padding: 10px;
    margin: 0 0 20px;
}

.archive-recommend-post-wrap:last-child {
    margin-bottom: 80px;
}
.archive-recommend-post-wrap-inner a {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}
.archive-recommend-post-wrap-inner:last-child {
    margin: 0;
}
.archive-recommend-post-wrap-inner:last-child a {
    margin: 0;
}
.archive-recommend-post-inner:first-child {
    flex-shrink: 0;
    margin: 0 10px 0 0;
}
.archive-recommend-post-inner:first-child img {
    width: 120px;
    height: 120px;
    object-fit: cover;
}
.archive-recommend-post-inner:last-child {
    display: flex;
    flex-direction: column;
}
/*ranking*/
.archive-ranking-post-wrap {
    background: #fff;
    box-shadow: 0 0 .6rem rgba(0, 0, 0, 0.16);
    padding: 10px;
}
.archive-ranking-post-wrap-inner {
    counter-increment: title;
}
.archive-ranking-post-wrap-inner a {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 0 10px;
}
.archive-ranking-post-wrap-inner:last-child {
    margin: 0;
}
.archive-ranking-post-wrap-inner:last-child a {
    margin: 0;
}
.archive-ranking-post-inner-img {
    flex-shrink: 0;
    margin: 0 10px 0 0;
}
.archive-ranking-post-inner-img img {
    width: 120px;
    height: 120px;
    object-fit: cover;
}
.archive-ranking-post-inner {
    display: flex;
    flex-direction: column;
}
.archive-ranking-post-inner-view-days {
    display: flex;
    margin: 5px 0 0;
}
.archive-ranking-post-inner-view-days-inner {
    font-size: 1.3rem;
    color: #888;
}
.archive-ranking-post-inner-view-days-inner:first-child {
    margin: 0 13px 0 0;
}
.archive-ranking-post-inner-view-days-inner:first-child img {
    display: inline-block;
    width: 18.49px;
    margin: -3px 0 0 0;
}
.archive-ranking-post-inner-view-days-inner:last-child img {
    display: inline-block;
    width: 15px;
    margin: -3px 5px 0 0;
}

.archive-ranking-post-wrap .rank-num {
}
.archive-ranking-post-wrap .rank-num::before {
    content: counter(title);
    position: absolute;
    background: #000;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    line-height: 1;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    font-family: 'futura-pt', sans-serif;

}

.archive-recommend-post-inner-cat span {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0 0 8px;
}
.archive-recommend-post-inner-days {
    font-size: 1.3rem;
    color: #888;
    margin: 4px 0 0;
}
.archive-recommend-post-inner-days img {
    display: inline-block;
    width: 15px;
    margin: -4px 5px 0 0;
}
.archive-ranking-post-inner-cat {
    font-size: 1.3rem;
}
.archive-ranking-post-inner-cat span {
    font-weight: 600;
    margin: 0 0 8px;
}
.archive-ranking-post-inner-title p {
    font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.archive-recommend-post-inner-title p {
    font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/*///////////////////
#single
///////////////////*/

#single .single-2-colum-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#single .single-2-colum-wrap-inner:first-child {
    width: 72rem;
    margin: 0 0 5rem;
}

/* SP用*/
@media (max-width: 768px) {

    #single .single-2-colum-wrap-inner:first-child {
        width: 100%;
        margin-bottom: 0;
    }
}

/*recommend*/
#single .single-2-colum-wrap-inner:last-child {
    width: 35rem;
}
#single .single-2-colum-wrap-inner-title {
    text-align: center;
    margin: 20px 0 30px;
}

#single .single-2-colum-inner:first-child {
    background: #fff;
    padding: 2rem 2rem;
    box-shadow: 0 0 .6rem rgba(0, 0, 0, 0.16);
}
#single .single-2-colum-inner:last-child {
    background: #fff;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 0 .6rem rgba(0, 0, 0, 0.16);
}

/*///////////////////
single
///////////////////*/

.single-toc {
    margin: 0 0 2rem;
    padding: 2rem 2.2rem;
    background: #f1f0e7;
    border-radius: .6rem;
}

.single-toc h3 {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    font-size: 1.4rem;
    font-weight: bold;
}

.single-toc ul {
    counter-reset: number 0;
}

.single-toc li {
    counter-increment: number 1;
    margin: 1rem 0;
    font-weight: bold;
    line-height: 1.5;
}

.single-toc li:last-child {
    margin-bottom: 0;
}

.single-toc li a {
    position: relative;
    padding-left: 2rem;
    font-size: 1.4rem;
    font-weight: bold;
}

.single-toc li a:before {
    position: absolute;
    top: 0;
    left: 0;
  content: counter(number) ". ";
}

.single-title {
    font-size: 3rem;
    line-height: 1.5;
    font-weight: 600;
    margin: 0 0 30px;
    text-align: left;
}
.single-title-cat-days {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 1.5rem;
}
.single-title-cat-days-inner:first-child a span {
    font-size: 1.6rem;
    font-weight: 600;
}
.single-title-cat-days-inner:last-child {
    display: flex;
    gap: 1rem;
    width: auto;
    font-size: 1.3rem;
    color: #000;
}
.single-title-cat-days-inner:last-child img {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0.2rem -0.2rem 0 0;
    vertical-align: middle;
}
.single-title-thumb img {
    height: 100%;
    object-fit: contain;
    width: 100%;
    margin: 0 0 20px;
}
.single-reed {
    font-size: 1.6rem;
    margin: 0 0 40px;
}
.single-text {
    margin: 0 0 40px;
}
.single-text.single-text-bg {
    padding: 1rem;
    background: #f4f4f4;
}

.single-text p,.single-text p span{
    line-height: 2;
}

.single-text a,
.single-text span {
    display: inline;
}

.single-text strong * {
    font-weight: bold;
}

.single-text strong em {
    font-weight: bold;
}

.single-text-title {
    font-size: 2rem;
    margin: 6rem 0 2rem;
}
.single-reed p{
    line-height: 2;
    font-size: 1.7rem;
}
.single-sub-text {
    font-size: 1.3rem;
    margin: 2rem 0;
    line-height: 2;
}
.single-link-text a {
    font-size: 1.5rem;
    text-decoration: underline;
    margin: 2rem 0 4rem;
}

.single-link-button {
    margin: 0rem 0 2rem;
}
.single-link-button a {
    display: inline-block;
    padding: 0.6rem 1.5rem;
    background: #000;
    border-radius: 200px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 1.4rem;
    text-decoration: none;
    font-weight: 600;
}


.single-text-img-2colum-wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 0 40px;
}
.single-text-img-2colum-inner {
    width: 49%;
}
.single-text-img {
    margin: 2rem 0;
    font-size: 1.5rem;
}

.single-title-sns-wrap {
    display: flex;
    float: left;
    width: 80%;
    margin: 0 0 50px 0px;
}
.single-title-sns-inner {
    margin: 0 20px 0 0;
}
.simplefavorite-button {
    width: 20%;
    margin: -2px 0 50px 0px; /*single-title-sns-share-wrap*/
    padding: 8px;
    border-radius: 120px;
    border: 1px solid #A26D6D;
    background: #fff;
    color: #A26D6D;
    opacity: 1;
    cursor:pointer;
}
.simplefavorite-button.active {
    border: 1px solid #aaa;
    background: #fff;
    color: #aaa;
    opacity: 1;
    cursor:pointer;
}
.single-text-img, .single-text-img-2colum-wrap{
    margin: 2rem 0;
}
.single-video {
    margin: 2rem 0 3rem;
}
.single-video iframe {
    width: 100%;
    height: 45rem;
}
@media screen and (max-width: 768px) {
    .single-video iframe {
        height: 52vw;
    }
}

.single-video-vertical {
    margin: 2rem 0 3rem;
}
.single-video-vertical iframe {
    width: 100%;
    height: 65rem;
}
@media screen and (max-width: 768px) {
    .single-video-vertical iframe {
        height: 100vw;
    }
}

.simplefavorite-button img{
width: 12.38px;
margin: -3px 8.1px 0 0;
}

.p-author__thumbnail {
    width: 140px;
    height: 140px;
}
.p-author__title {
    font-size: 2rem;
}
.p-author__views::before {
    color: #beab81;
}
.p-author__desc {
    white-space: pre-wrap;
    font-size: 1.3rem;
    color: #000 !important;
}
.p-author__link {
    font-size: 1.3rem;
    color: #888;
}
.p-social-nav__item:last-child {

}
.author-wrap .p-author {
    border: none;
    margin: 0;
    padding-top: 0;
}

.author-wrap .p-author .p-author__box {
    margin: 0;
}

/* SNS調整 */
.p-author__info .p-social-nav {
    font-size: 19px;
}

.p-social-nav__item {
    margin-right: 20px;
}

.p-social-nav__item--twitter a::before {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../img/sns_x_normal.svg) no-repeat 0 0;
    background-size: 100% 100%;
    content: "";
}
/* //SNS調整 */

.p-author__blog-list {
    border: none;
}
.p-author__box {
    margin: 40px 0 0;
}
.p-author__blog-list__thumbnail {
    padding-top: 100%;
}

.p-pager {
    display: flex;
    justify-content: center;
}
.p-hover-effect--type1:hover img {
    -webkit-transform: inherit !important;
    transform: inherit !important;
}
.single-contents-footer-sns-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    flex-direction: row;
}
.single-contents-footer-sns-inner {
    margin: 0 10px;
    font-weight: 600;
}

.single-contents-footer-sns-inner__wrap {
    display: flex;
    flex-direction: row;
}

.single-contents-footer-sns-inner__wrap .single-contents-footer-sns-inner {
  width: 30px;
}

.single-contents-footer-tag-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 20px 0 10px;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}
.single-contents-footer-tag-inner {
/*    margin: 0 10px 20px;
    padding: 5px 10px;*/
    border-radius: 120px;
    border: 1px solid #aaaaaa;
    font-size: 1.3rem;
    margin: 0 5px 10px;
    padding: 4px 10px;

}

.single-related-column-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 0;
}
.single-related-column-inner {
    width: 32%;
    margin: 0 2% 0 0;
}
.single-related-column-inner:nth-child(3n) {
    margin: 0;
}
.single-related-column-cat-date-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 7px;
}
.single-related-column-cat-date:first-child span {
    font-size: 1.4rem;
    font-weight: 600;
}
.single-related-column-cat-date:last-child {
    font-size: 1.2rem;
    color: #888;
}
.single-related-column-cat-date:last-child img {
    width: 11.94px;
    margin: -3px 5px 0 0;
}
.single-related-column-title {
    font-weight: 600;
    font-size: 1.6rem;
overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.single-related-column-cat-date-wrap-padding {
    padding: 12px 0 40px 0;
}
.single-related-column-img {
    display: block;
    position: relative;
    max-width: 290px;
}

.single-related-column-img::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.single-related-column-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
}

/*///////////////////
お気に入り
///////////////////*/
.favorites-list {
    display: flex;
    flex-wrap: wrap;
}
.favorites-list li {
    width: 24.25%;
    margin: 0 10px 40px 0;
    border-top: none;
}
.favorites-list li:nth-child(4n) {
    margin: 0;
}
.favorites-list li p + p + p {
    display: none;
}
.favorites-list li img {
    height: auto;
}
.favorites-list li {
    padding: 0;
}
.favorites-list li img {
    margin-bottom: 1rem;
}

/*///////////////////
ページネーション
///////////////////*/
.screen-reader-text {
    display: none;
}
.archive-pagenation {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 5rem 0 6rem;
}
.nav-links {
    display: flex;
    align-items: center;
}
.page-numbers {
    height: 40px;
    width: 40px;
    background: #fff;
    border: 1px solid #000;
    line-height: 1;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 .5rem;
    font-size: 1.5rem;
    font-family: 'futura-pt', sans-serif;
}
.page-numbers.current {
    background: #000;
    color: #fff;
}

/*///////////////////
パンクず
///////////////////*/
.child-theme-bread {
    width: 100%;
    font-size: 1.5rem;
    margin: 0 0 2rem;
    padding: 2rem 0 0;
}

.child-theme-bread .child-theme-bread {
    padding-top: 0;
}

.child-theme-bread span {
    display: inline-block;
}
.child-theme-bread a {
    display: inline-block;
}

.attachment img {
    height: auto;
}
.attachment__name {
    display: none;
}
.attachment__size {
    display: none;
}

/*///////////////////
カテゴリカラー
///////////////////*/
.lifestyle-cat {
    color: #35475c;
}
.width-4-column-inner-list-inner span.lifestyle-cat {
    background: #35475c;
    color: #fff;
}
.width-3-column-inner-list-inner span.lifestyle-cat {
    background: #35475c;
    color: #fff;
}
.width-3-column-inner:nth-child(5n + 1) .width-3-column-cat .width-3-column-cat-inner span.lifestyle-cat {
    color: #fff;
    background: #35475c;
}
.single-related-column__cat span.lifestyle-cat {
    color: #fff;
    background: #35475c;
}

.beauty-cat {
    color: #be8a81;
}
.width-4-column-inner-list-inner span.beauty-cat {
    background: #be8a81;
    color: #fff;
}
.width-3-column-inner-list-inner span.beauty-cat {
    background: #be8a81;
    color: #fff;
}
.width-3-column-inner:nth-child(5n + 1) .width-3-column-cat .width-3-column-cat-inner span.beauty-cat {
    color: #fff;
    background: #be8a81;
}
.single-related-column__cat span.beauty-cat {
    color: #fff;
    background: #be8a81;
}

.fortune-cat {
    color: #618167;
}
.width-4-column-inner-list-inner span.fortune-cat {
    background: #618167;
    color: #fff;
}
.width-3-column-inner-list-inner span.fortune-cat {
    background: #618167;
    color: #fff;
}
.width-3-column-inner:nth-child(5n + 1) .width-3-column-cat .width-3-column-cat-inner span.fortune-cat {
    color: #fff;
    background: #618167;
}
.single-related-column__cat span.fortune-cat {
    color: #fff;
    background: #618167;
}

.search-res-jp {
    font-size: 1.4rem;
    font-family: sans-serif;
    display: inline-block;
}
.search-res-en {
    font-size: 5rem;
    display: inline-block;
}

.event-archive-cat-relative{
    position: relative;
}
.event-archive-cat{
    position: absolute;
    top: 0;
    left: 0;
}
.event-archive-cat {
    padding: 3px;
    background: #000;
    color: #fff;
}
.event-archive-cat span{
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 600;
}
.event-archive-cat{
    font-size: 1.2rem;
}

.footer-inner .footer-logo img{
    width: 24%;
}




.wrap-contact{
width: 920px;
margin: auto;
background: #fff;
padding: 50px 45px 0;
}
.contact-block{
display: block;
}
.contact-flex{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
input {
width: 400px;
border: 1px solid #aaa;
padding: 20px;
}
div label{
display: block;
margin: 0 0 10px;
}
.wpcf7{
background: none;
border: none;
}
.wpcf7 select{
width: 100%;
padding: 20px;
}
.wpcf7 input[type="email"]{
width: 490px;
}
.wpcf7 input[name="tel-text-01"]{
width: 150px;
}
.wpcf7 input[name="tel-text-02"]{
width: 150px;
}
.wpcf7 input[name="tel-text-03"]{
width: 150px;
}

.select-wrap{   /* selectボックスの親要素 */
position:relative;
width: 490px;
}
select{
appearance: none;
/*background-image: url(../../assets/img/icon-daytime.svg);
background-position: right 10px center;
background-repeat: no-repeat;
background-size: 13px 13px;*/
}
input[type="submit"], input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 150px;
    color: #fff;
    background: #000;
    margin:  50px 0;
}
input[type="submit"]:hover{
    opacity: .8;
}
.submit{
    display: flex;
    justify-content: center;
}
textarea {
    -webkit-appearance: none;
    width: 100%;
    border:1px solid #aaa;
    padding: 20px;
}
.wpcf7-spinner{
    display: none;
}
.contact-title{
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    margin: 0 0 30px;
}
.contact-link{
    padding:20px;
    background: #F8F8F5;
}
.contact-pal{
    margin: 30px 0;
}
.p-entry__body p {
     font-size: 14px;
     line-height: normal;
     margin-bottom: 0;
}
.submit .back{
    margin: 0 0 50px;
    color: #000;
    background: #fff;
    border: 1px solid #aaa;
}
.submit a{
    display: block;
    padding: 20px;
    width: 300px;
    border-radius: 150px;
    background: #000;
    color: #fff;
    text-align: center;
    margin: 0 0 50px;
}
.contact-link a{
    display: inline-block;
    text-decoration: underline;
}
.wpcf7-not-valid-tip{
    margin: 10px 0 0 !important;
}


.mg-t-30{
    margin: 30px 0 0;
}
.mg-t-40{
    margin: 40px 0 0;
}
.mg-b-20{
    margin: 0 0 20px;
}
.mg-lr-5{
    margin: 16px 5px;
}


    .favorites-list li p
    {
overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
    }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    border: none !important;
    color: #dc3232;
    margin: -30px 0 0;
    padding: 0 0 50px;
    text-align: center;
}

.wpcf7 form.sent .wpcf7-response-output{
    border: none !important;
    text-align: center;
    margin: 0;
    padding: 0 0 50px;
    color: #00a0d2;
}

/* ---- TAG LIST ---- */

.tag-list li,
.top_tag_wrap li {
    display: inline-block;
    margin: 0;
}

.tag-list li a,
.top_tag_wrap li a {
    border-radius: 120px;
    border: 1px solid #aaaaaa;
    font-size: 1.3rem;
    margin: 0 5px 10px;
    padding: 4px 10px;
}

.tag-list {
    text-align: center;
}

.tag-list li a {
    padding-right: 3px;
}
.top_tag_wrap {
    padding: 20px 20px 10px;
    background: #eae8d8;
    text-align: center;
}

.top_tag_wrap li a {
    border: 1px solid #000;
}

.top_tag_wrap li a::before {
    content: "#";
}
@media (max-width: 1100px) and (min-width: 980px) {
/*.width-4-column{
    grid-gap: 6.5px;
}
.width-4-column-inner-list-inner{
    max-width: 100%;
}*/
.main-banner-text{
    font-size:  2rem;
}
.main-banner-cat{
    padding:5px;
}
.width-5-column-inner{
    width: 19%;
}
.width-3-column-cat p{
    font-size: 1.6rem;

}
.width-4-column-inner{
    width: 23.85%;
}
    .author-wrap {
        margin: auto;
    }
    .child-theme-bread {
        margin: 0 auto 20px;
    }
    #single .single-2-colum-wrap {
    }
    #single .single-2-colum-wrap-inner:last-child {

    }
    .single-2-colum-wrap-inner {
    }
    .archive-recommend-post-wrap {
    }
    .archive-ranking-post-wrap {
    }
    .archive-2-colum-wrap {
    }
    .archive-2-colum-inner:last-child {
    }
.width-3-column-inner:nth-child(5n + 1) .width-3-column-cat p{
    font-size: 2rem;
}
    .width-3-column-inner:nth-child(5n + 1) {
        width: 43%;
    }
    .width-3-column-inner {
        width: 27%;
    }
    .break{
        width: 90%;
        margin: auto;
    }
    .width-2-column-inner{
        width: 49%;
    }
}

@media (max-width: 768px) and (min-width: 768px) {
    /*///////////////////
出しわけ
///////////////////*/
    .pc {
        display: block;
    }
    .smp {
        display: none;
    }
    .menu .smp-logo a {
        width: 25%;
    }
}

@media (max-width: 768px) {
    /*header {
        height: 60px !important;
        background: #ddd !important;
    }*/
    /*///////////////////
出しわけ
///////////////////*/
    .pc {
        display: none;
    }
    .smp {
        display: block;
    }
    /*///////////////////
width
///////////////////*/
    .wrap-container {
        width: 95%;
        margin: auto;
    }
    .wrap-top-rank {
        width: 100%;
        margin: auto;
    }
    .wrap-smp-max {
        width: 100%;
        overflow: hidden;
        padding: 33px 0 0;
    }
    .smp-mg-t-m20 {
        margin: -20px auto 0;
    }
    .pd-100 {
        padding: 40px 0;
    }
    .pd-t-100 {
        padding: 50px 0 0;
    }
    .pd-t-smp-60 {
        padding: 35px 0 0;
    }
    .slide_title {
        padding: 20px 20px 10px;
    }

    .main-banner-cat {
        font-size: 1rem;
        padding: 5px;
        margin: 0 0 6px;
    }
    .main-banner-text {
        font-size: 1.4rem;
    }

    .sec-title {
        margin-bottom: 3.5rem;
    }

    .sec-title h2 {
        font-size: 4rem;
    }
    .sec-title span {
        font-size: 1.4rem;
    }

.single-related-column-wrap {
    column-gap: 3%;
}

    /*///////////////////

column
///////////////////*/
    .width-4-column{
        column-gap: 0;
        grid-row-gap: 10px;
        justify-content: space-between;
        margin: 0 0 10px;
    }
    .width-4-column-inner {
        width: 48.5%;
    }
    .width-4-column + a.viewmore-btn {
        margin: 0 auto;
    }
    .width-4-column-cat {
        padding: 10px 10px 20px;
        position: relative;
    }
    .width-4-column-cat span {
        padding: 10px 0 0;
        text-align: right;
        font-size: 1.1rem;
        font-weight: initial;
        color: #888888;
    }
    .width-4-column-inner-list-inner span {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 3px;
        background: #000;
        color: #fff;
        font-size: 1.2rem;
        font-weight: 600;
        font-family: 'futura-pt', sans-serif;
    }
    .width-4-column-inner-list-inner {
        max-width: 100%;
        position: relative;
    }
    .width-4-column-cat span:first-child img {
        width: 15.15px;
        margin: -2px 1px 0 0;
    }
    .width-4-column-cat span:last-child img {
        width: 10.97px;
        height: 10.97px;
        margin: -2px 2.5px 0 0;
    }
    .width-4-column-cat p {
        font-size: 1.4rem;
    }
    .width-4-column-cat-inner-wrap {
        display: flex;
        justify-content: space-between;
        position: absolute;
        bottom: 15px;
        width: 87%;
    }
    #top-new-article.width-4-column-cat-inner-wrap {
        justify-content: flex-end;
    }
    .ac-btn-wrap {
        width: 59.5%;
        padding: 7.5px 0;
        top: 65%;
    }
    .ac-btn-inner:first-child {
        font-size: 1.4rem;
    }
    .ac-btn-inner:last-child {
        position: absolute;
        right: 30px;
        bottom: 9px;
        width: 13px;
    }
    .accordion-box .accordion-container {
        height: 80px;
    }
    .accordion-box .accordion-container.accordion-new-article{
    column-gap: 0;
    grid-row-gap: 10px;
    justify-content: space-between;
    }
    .accordion-box input:checked ~ .accordion-container.accordion-new-article{
    column-gap: 0;
    grid-row-gap: 10px;
    justify-content: space-between;
    }

    /*///////////////////
column
///////////////////*/

    .width-3-column {
        justify-content: space-between;
    }
    .width-3-column-inner {
        width: 48.5%;
        padding: 0 20px 0;
        margin: 0;
    }
    .width-3-column-cat {
        padding: 10px 10px 30px;
        position: relative;
    }
    .width-3-column-inner:nth-child(odd) {
        padding: 0;
        margin: 0;
    }
    .width-3-column-inner:nth-child(even) {
        padding: 0;
    }
    .width-3-column + a.viewmore-btn {
        margin: 0 auto;
    }
    .width-3-column-inner:nth-child(5n + 1) {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .width-3-column-inner:nth-child(5n + 1) .width-3-column-inner-list-inner span {
        display: none;
    }
    .width-3-column-inner:nth-child(5n + 1) span.recommend-smp-days {
        display: none;
    }
    .width-3-column-inner:nth-child(5n + 1) .width-3-column-cat {
        background: no-repeat;
        position: absolute;
        bottom: 10px;
        width: 100%;
        padding: 10px 15px 15px;
    }
.width-3-column-inner-list-inner:nth-child(5n + 1){
    max-width: 100%;
}
    .width-3-column-inner:nth-child(5n + 1) .width-3-column-cat-inner {
        display: block;
    }
    .width-3-column-inner:nth-child(5n + 1) .width-3-column-cat-inner > span {
        display: inline-block;
    }
    .width-3-column-cat-inner {
        display: none;
    }
    .width-3-column-inner:nth-child(5n + 1) .width-3-column-cat p {
        font-size: 1.8rem;
    }
    .recommend-smp-days {
        display: block;
        position: absolute;
        right: 8px;
        bottom: 10px;
        font-size: 1rem;
        color: #888;
    }
    .width-3-column-inner:nth-child(5n + 1) .width-3-column-cat .width-3-column-cat-inner span:first-child {
        font-size: 1.4rem;
        padding: 4.5px 4px 3px;
        margin: 0 5px 0 0;
    }
    .width-3-column-inner:nth-child(5n + 1) .width-3-column-cat .width-3-column-cat-inner span:last-child {
        font-size: 1.1rem;
    }
    .width-3-column-inner:nth-child(5n + 1) .width-3-column-cat .width-3-column-cat-inner span:last-child::before {
        display: inline-block;
        margin: -2px 2px 0 0;
        transform: scale(0.7);
    }
    .width-3-column-cat p {
        font-size: 1.4rem;
    }
    .recommend-smp-days img {
        display: inline-block;
        width: 10.97px;
        height: 10.97px;
        margin: -3px 4px 0 0;
    }

    .width-3-column-inner-list-inner {
        position: relative;
    }
    .width-3-column-inner-list-inner span {
        position: absolute;
        top: 0;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 3px;
        background: #000;
        color: #fff;
    }

    /*///////////////////
column
///////////////////*/
    .width-5-column {
        display: flex;
        overflow-x: scroll;
        flex-flow: row;
        margin: 0 0 0 2.5%;
    }
    .width-5-column:last-child:after {
    content: '';
    margin: 0 2.5% 0 0;
    flex-shrink: 0;
    width: 1px;
    }
    .width-5-column-inner {
        width: 60%;
        flex-shrink: 0;
    }
    .width-5-column-inner:last-child {
        margin: 0 5% 0 0;
    }
    .width-5-column-inner-list-img {
        max-width: 100%;
    }
    .width-5-column-cat-inner:last-child span {
        font-size: 1.1rem;
    }
    .width-5-column-cat-inner:last-child span:first-child img {
        width: 15.15px;
    }
    .width-5-column-cat-inner:last-child span:last-child img {
        width: 10.97px;
        height: 10.97px;
    }
    .width-5-column-cat-inner {
        padding: 0 0 7px;
    }
    .width-5-column-cat {
        padding: 13px 10px 10px;
    }

    /*///////////////////
column
///////////////////*/
    .width-2-column {
        display: flex;
        overflow-x: scroll;
        flex-flow: row;
        margin: 0 0 0 5%;
        grid-gap: 7px;
    }
    .width-2-column-inner {
        width: 45%;
        flex-shrink: 0;
    }
    .width-2-column-inner:last-child {
        /*margin: 0 5% 10px 0 !important;*/
    }
    .width-2-column:after {
        content: '';
        margin: 0 5% 0 0;
        flex-shrink: 0;
        width: 1px;
    }
    .width-2-column-inner-list {
        width: 100%;
    }
    .width-2-column-inner-list img {
        width: 100%;
        height: auto;
    }
    .width-2-column-inner a {
        flex-direction: column;
        padding: 0;
    }
    .width-2-column-cat {
        padding: 10px 10px 30px 10px;
    }
    .width-2-column-cat-inner{
        margin: 0;
    }
    .width-2-column-cat p{
        font-size: 1.3rem;
    }

    .width-2-column-cat-inner-under-days span {
        font-size: 1rem;
    }
    .width-2-column-cat-inner-under-days span img {
        width: 10.97px;
        height: 10.97px;
        margin: -2px 4px 0 0;
    }
    .width-2-column-inner-list span.width-2-column-inner-list-cat .eng {
        font-size: 1.3rem;
        display: inline-block;
    }
    /*///////////////////
}
accordion
///////////////////*/
    .accordion-container {
        justify-content: space-between;
    }
    .accordion-box label:after {
        bottom: 10px;
    }
    .accordion-box input:checked ~ .accordion-container {
    }
    .accordion-box input:checked + label.ac00:after {
        bottom: 40px;
    }
    /*///////////////////
column
///////////////////*/
    .width-max-3-column {
        display: flex;
        flex-direction: row;
        flex-flow: wrap;
    }
    .width-max-3-column-inner {
        width: 90%;
        margin: 0 auto 10px;
    }
    .footer-inner-list {
        flex-wrap: wrap;
    }
    .footer-inner-list a {
        width: 20%;
    }
    #footer-share-btn {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 990;
        border-radius: 200px;
        height: 40px;
        width: 40px;
        background: #000;
        border: 0;
    }
    #footer-share-btn img{
    width: 18px;
    margin: -2px 2px 0px 0px;
    }

footer{
margin: 50px auto 0;
}
.home footer {
    margin-top: 0;/*バナー追加されたら消す*/
}
    .archive-title {
        font-size: 2.5rem;
        padding: 10px 0;
        margin: 0 0 15px;
    }

    .archive-2-colum-inner:last-child {
        margin: 60px auto 0;
        width: 100%;
    }
    .archive-2-colum-inner:first-child {
        width: 100%;
    }

    .archive-recommend-post-inner-cat {
        font-size: 1.2rem;
    }
    .archive-recommend-post-inner-days {
        font-size: 1rem;
    }
    .archive-recommend-post-inner-days img {
        width: 10px;
        height: 10px;
        margin: -2px 4px 0 0;
    }

    .archive-ranking-post-inner-cat {
        font-size: 1.2rem;
    }
    .archive-recommend-post-wrap {
        margin: 0 0 2rem;
    }

    .archive-ranking-post-inner-view-days-inner {
        font-size: 1.1rem;
    }
    .archive-ranking-post-inner-view-days-inner:first-child img {
        width: 15.15px;
        margin: -2px 1px 0 0;
    }
    .archive-ranking-post-inner-view-days-inner:last-child img {
        width: 10.97px;
        height: 10.97px;
        margin: -2px 5px 0 0;
    }
    .archive-2-colum-inner {
        width: 100%;
    }
    #single .archive-recommend-post-inner-cat {
        font-size: 1.2rem;
    }
    #single .archive-recommend-post-inner-days {
        font-size: 1.1rem;
    }
    #single .archive-ranking-post-inner-cat {
        font-size: 1.2rem;
    }

    /*///////////////////
single
///////////////////*/
    .single-title {
        font-size: 2rem;
        margin: 0 0 20px;
        line-height: 1.5;
    }
    .single-title-thumb img {
        margin: 0 0 20px;
    }

    .single-title-sns-wrap {
        width: 60%;
        margin: 0 0 40px 0;
    }
    .simplefavorite-button {
        width: 40%;
        padding: 5px 0 5px;
    }
    #single .archive-2-colum-wrap-inner:last-child {
        width: 100%;
    }
    #single .single-2-colum-wrap-inner:last-child {
        width: 100%;
        margin-bottom: 5rem;
    }
    .single-title-sns-inner img {
        width: 25px;
    }
    .single-title-sns-inner {
        margin: 0 15px 0 0;
    }
    .single-related-column-inner {
        width: 48.5%;
        margin: 0;
    }
    .single-related-column-inner:nth-child(2n) {
        margin: 0;
    }
    .single-related-column-inner:nth-child(3n) {
        margin: 0;
    }
    .p-author__blog-list__item {
        width: 48%;
    }

    .favorites-list li {
        width: 48.5%;
    }
    .favorites-list li:nth-child(2n) {
        margin: 0 0 40px;
    }
    .footer-3-colmun-banner {
        padding: 50px 0;
    }
    #single .single-2-colum-inner:first-child {
        padding: 15px;
    }
    .single-title-cat-days-inner:first-child a span {
        font-size: 1.4rem;
        font-family: 'futura-pt', sans-serif;
    }
    .single-title-cat-days-inner:first-child{
        width: auto;
    }
    .single-title-cat-days-inner:last-child {
        font-size: 1.2rem;
    }
    .single-title-cat-days-inner:last-child img {
        width: 1.25rem;
        height: 1.25rem;
        margin: .2rem -.2rem 0 0;
        vertical-align: middle;
    }
.single-related-column-img{
    max-width: 100%;
}
    .single-related-column-img__wrap {
        position: relative;
    }
    .single-related-column__cat {
        position: absolute;
        left: 0;
        top: 0;
    }
    .single-related-column__cat-date {
        font-size: 1.1rem;
        color: #888;
        text-align: right;
    }
    .single-related-column__cat-date span {
        font-weight: 600;
    }
    .single-related-column__cat span {
        padding: 3px;
    }
    .single-related-column__title {
        font-size: 1.3rem;
        font-weight: 600;
        margin: 0 0 5px;
overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
    }

    .single-related-column__cat-date img {
        width: 10.97px;
        height: 10.97px;
        margin: -3px 4px 0 0;
    }
    .single-related-column-img__padding__wrap {
        padding: 10px 0 20px;
    }

    #single .single-2-colum-inner:last-child {
        margin-top: 2rem;
        margin-bottom: 2rem;
            padding: 10px 15px 0;
    }

    .single-title-cat-days {
        margin: 0 0 15px;
    }
    .archive-pagenation {
        margin: 30px 0 0;
    }
    .pagination {
        display: flex;
        justify-content: center;
    }
    .child-theme-bread {
        margin: 0 0 2rem;
        padding: 1rem 0 0;
        font-size: 1.3rem;
    }

    .p-author__thumbnail {
        width: 100px;
        height: 100px;
        margin-left: 0;
    }

    .p-author__box {
        display: flex;
        flex-direction: column;
        margin: 40px 0 0;
        width: 100%;
        padding: 15px;
    }
    .p-author__info {
        margin-left: 0;
    }

    .p-author__box__inner__wrap {
        display: flex;
        align-items: center;
    }

    .author__title__wrap {
        display: flex;
        flex-direction: column;
        margin: 0 0 0 15px;
    }
    .p-author__link {
        margin: 0;
        padding: 0;
    }
    .single-contents-footer-tag-inner {
        margin: 0 5px 10px;
    }
    .single-contents-footer-tag-wrap {
        padding: 20px 0 7px;
    }
    .single-contents-footer-sns-wrap {
        flex-direction: column;
    }
    .single-contents-footer-sns-inner__wrap {
        display: flex;
        flex-direction: row;
        margin: 10px 0 0;
    }
    .search-res-en {
        font-size: 3rem;
        display: inline-block;
        margin: 0px 5px 0px 0px;

        line-height: 1;
        vertical-align: middle;
    }
.p-author__blog-list__title {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-top: 0.6em;
    font-weight: 600;
}
.p-headline{
    margin-bottom: 22px;
}
.footer-inner .footer-logo img{
    width: 59.5%;
}
.footer-inner-list a{
    width: auto;
    padding: 0 0 20px;
}
.copy{
    padding: 20px 0 0;
}

.wrap-contact{
    width: 95%;
    padding: 40px 15px 0;
}
input {
width: 100%;
border: 1px solid #aaa;
padding: 20px;
}
.wpcf7{
background: none;
border: none;
}
.wpcf7 input[type="email"]{
width: 100%;
}
.wpcf7 input[name="tel-text-01"]{
width: 100%;
}
.wpcf7 input[name="tel-text-02"]{
width: 100%;
}
.wpcf7 input[name="tel-text-03"]{
width: 100%;
}

.select-wrap{   /* selectボックスの親要素 */
position:relative;
width: 100%;
}
.prettydropdown > ul > li{
    min-width: 100% !important;
    width: 100% !important;
}
.prettydropdown{
    position: static !important;
}
.prettydropdown > ul{
    width: 100% !important;
}
.prettydropdown:not(.disabled) > ul.active{
    width: 100% !important;
}
.first-last-kj .wpcf7-form-control-wrap {
width: 48%;
}
.first-last-kn .wpcf7-form-control-wrap {
width: 48%;
}


.grecaptcha-badge{
    left: 0;
    width: 66px !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    text-align: left;
}




    /* ---- SP ONLY サムネ調整対応 22.10.27 ---- */
    .single-related-column-inner {
        width: 100%;
    }

    .single-related-column-inner a {
        display: flex;
        align-items: center;
        position: relative;
        margin: 0 0 10px;
    }

    .single-related-column-img__wrap {
        flex-shrink: 0;
        width: 120px;
        margin: 0 10px 0 0;
    }

    .single-related-column-img__padding__wrap {
        display: flex;
        flex-direction: column;
    }

    .single-related-column__cat {
        position: inherit;
        top: auto;
        left: auto;
        margin-bottom: 5px;
    }

    .single-related-column__cat span {
        padding: 0;
        background: none !important;
        font-weight: 600;
    }

    .single-related-column__cat span.lifestyle-cat {
        color: #35475c;
    }

    .single-related-column__cat span.beauty-cat {
        color: #be8a81;
    }

    .single-related-column__cat span.fortune-cat {
        color: #618167;
    }

    .single-related-column__cat-date {
        text-align: left;
    }

    .single-related-column-inner:last-child {
        margin-bottom: 5px;
    }
    /* ---- //SP ONLY サムネ調整対応 22.10.27 ---- */

    /* ---- SP ONLY タグ調整 22.10.28 ---- */

    .top_tag_wrap {
        padding: 20px 10px;
    }

    .top_tag_wrap .menu {
        position: inherit;
        top: auto;
        right: auto;
        width: auto;
        height: auto;
        background: none;
    }

    /* ---- //SP ONLY タグ調整 22.10.28 ---- */
}


/*///////////////////
 Article
///////////////////*/
body {
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
  --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
  --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
  --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
  --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
  --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
  --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
  --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
  --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
  --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
  --wp--preset--font-size--small: 1.2rem;
  --wp--preset--font-size--medium: 1.6rem;
  --wp--preset--font-size--large: 1.8rem;
  --wp--preset--font-size--x-large: 2rem;
}

.has-black-color {
  color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
  color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}

/* ---- テキスト ---- */

.single-2-colum-inner > p {
  margin: 2rem 0;
}
.single-2-colum-inner > p a {
  text-decoration: underline;
}

.single-2-colum-inner p img {
  max-width: 100%;
  height: auto !important;
}

.single-2-colum-inner:first-child a {
  display: inline;
  font-weight: inherit;
}

.simplefavorite-button {
    display: none;
}

.has-text-align-center {
  text-align: center !important;
}

.has-text-align-left {
  text-align: left !important;
}

.single-2-colum-inner s {
  text-decoration: line-through;
}

.single-2-colum-inner u {
  text-decoration: underline;
}

/* ---- タイトル ---- */

.wp-block-heading {
  font-weight: 600;
  text-align: left;
}

h1.wp-block-heading {
  margin: 2rem 0;
  font-size: 2.6rem;
}
h2.wp-block-heading {
  position: relative;
  margin: 5rem 0 3rem;
  padding: 0 0 1.8rem;
  font-size: 2.2rem;
  /*border-bottom: 3px solid #d0c8b1;*/
}

h2.wp-block-heading::before {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 3px;
  background: #efeee4;
  content: "";
}

h2.wp-block-heading::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 8rem;
  height: 3px;
  background: #c2bfa7;
  content: "";
}

h3.wp-block-heading {
  margin: 1.5rem 0;
  padding-left: 1.4rem;
  font-size: 2rem;
  border-left: 5px solid #d0c8b1;
}
h4.wp-block-heading {
  margin: 1.5rem 0;
  font-size: 1.8rem;
}
h5.wp-block-heading {
  margin: 1rem 0;
  font-size: 1.6rem;
}
h6.wp-block-heading {
  margin: 1rem 0;
  font-size: 1.4rem;
}

/* ---- 背景付き ---- */

.wp-block-group.box_column {
  margin-bottom: 3rem;
  padding: 2rem;
  background: #fbf8ed;
}

.wp-block-group.box_column p {
  margin-bottom: 1.5rem;
}

.wp-block-group.box_column p:last-child {
  margin-bottom: 0;
}

.wp-block-group.box_column img {
  margin: auto;
}

.wp-block-image.size-full img {
  width: 100%;
}

/* ---- リスト ---- */

ul.wp-block-list {
  margin: 2rem 0;
}

ul.wp-block-list li {
  text-indent: -1em;
  padding-left: 1em;
}

ul.wp-block-list li::before {
  content: '・';
}

ol.wp-block-list{
  margin: 2rem 0;
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}

ol.wp-block-list ol {
  padding-left: 1em;
}

ol.wp-block-list li {
  text-indent: -1.3em;
  padding-left: 1.3em;
}

ol.wp-block-list li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
}

/* ---- 画像 ---- */

.wp-block-image img {
  width: auto;
  max-width: 100%;
}

/* ---- テーブル ---- */

.wp-block-table {
  margin: 2rem 0;
}

.wp-block-table table {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
}

.wp-block-table table.has-fixed-layout {
  width: 100%;
  table-layout: fixed;
}

.wp-block-table table th {
  padding: 0.7rem 1.2rem;
  background: #f0eee7;
  border: solid 1px #d7d4c3;
  font-weight: bold;
}

.wp-block-table table td {
  padding: 0.7rem 1.2rem;
  border: solid 1px #d7d4c3;
}

.wp-block-table thead {
  border-bottom-width: 0 !important;
}

/* ---- 引用 ---- */

.wp-block-quote {
  position: relative;
  margin: 2rem 0;
  padding: 1rem 2rem;
  box-sizing: border-box;
  font-style: italic;
  background: #fafafa;
  color: #555;
  border-left: 3px solid #b7b7b7;
}

.wp-block-quote p {
  padding: 0;
  margin: 10px 0;
  line-height: 1.7;
}


/* ---- テキスト枠 ---- */

.box_background {
  padding: 2rem;
  background: #f6f6f6;
}

.box_border {
  padding: 2rem;
  border: 1px solid #ccc;
}

/* ---- 目次 ---- */

.single-toc .wp-block-heading {
  margin-top: 0;
  border-left: none;
  padding-left: 0;
  font-size: 1.4rem;
}

.single-toc .wp-block-list {
  margin: 0;
}

.single-toc .wp-block-list > li a {
  padding-left: 0;
}

.single-toc .wp-block-list > li a::before {
  display: none;
}

/* ---- ボタン ---- */

.single-2-colum-inner:first-child .wp-block-button__link {
  display: inline-block;
}

.wp-block-buttons {
  margin: 2rem 0;
}

.button_text {
  margin: 2rem 0;
}

.button_text > div {
  display: inline-block;
}

.button_text > div p {
  margin: .3rem 0 0;
  text-align: center;
  color: #2b2b2b;
  letter-spacing: 0.02em;
}

.button_text .wp-block-buttons {
  margin: auto;
}

.wp-block-button__link {
  line-height: 1.45;
}

.button_arrow .wp-block-button__link {
  position: relative;
  padding-right: 5rem;
}

.button_arrow .wp-block-button__link::after {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  font-size: 1.6em;
  font-family: "design_plus";
  line-height: 1;
  content: "\f105";
}


/* SP用*/
@media (max-width: 768px) {
  body {
    --wp--preset--font-size--small: 1.2rem;
    --wp--preset--font-size--medium: 1.5rem;
    --wp--preset--font-size--large: 1.7rem;
    --wp--preset--font-size--x-large: 1.8rem;
  }

/* ---- テキスト ---- */

.single-2-colum-inner > p {
  margin: 2rem 0;
}

.single-2-colum-inner p {
  line-height: 1.7;
}

.single-2-colum-inner > p a {
  text-decoration: underline;
}

/* ---- タイトル ---- */

.wp-block-heading {
}

h1.wp-block-heading {
  margin: 2rem 0;
  font-size: 2.6rem;
}

h2.wp-block-heading {
  margin: 5rem 0 3rem;
  padding: 0 0 1.5rem;
  line-height: 1.4;
  font-size: 1.9rem;
}

h2.wp-block-heading::before,
h2.wp-block-heading::after {
  height: 3px;
}

h2.wp-block-heading::after {
  width: 6rem;
}

h3.wp-block-heading {
  margin: 1.5rem 0;
  padding-left: 1.4rem;
  font-size: 1.8rem;
  line-height: 1.5;
}
h4.wp-block-heading {
  margin: 1.5rem 0;
  font-size: 1.7rem;
}
h5.wp-block-heading {
  margin: 1rem 0;
  font-size: 1.6rem;
}
h6.wp-block-heading {
  margin: 1rem 0 0.5rem;
  font-size: 1.5rem;
}

/* ---- 背景付き ---- */

.wp-block-group.box_column {
  margin-bottom: 3rem;
  padding: 1.5rem;
}

.wp-block-group.box_column p {
  margin-bottom: 1.5rem;
}

.wp-block-group.box_column p:last-child {
  margin-bottom: 0;
}

/* ---- リスト ---- */

ul.wp-block-list {
  margin: 2rem 0;
}

ul.wp-block-list li {
  text-indent: -1em;
  padding-left: 1em;
}

ol.wp-block-list{
  margin: 2rem 0;
}

ol.wp-block-list ol {
  padding-left: 1em;
}

ol.wp-block-list li {
  text-indent: -1.3em;
  padding-left: 1.3em;
}

ol.wp-block-list li:before {
  padding-right: .5em;
}

/* ---- 画像 ---- */

.wp-block-image img {
}

/* ---- テーブル ---- */

.wp-block-table {
  margin: 2rem 0;
}

.wp-block-table table th {
  padding: 0.5rem 1rem;
}

.wp-block-table table td {
  padding: 0.5rem 1rem;
}

/* ---- 引用 ---- */

.wp-block-quote {
  margin: 2rem 0;
  padding: 0.6rem 1.5rem;
}

.wp-block-quote p {
  margin: 10px 0;
}


/* ---- テキスト枠 ---- */

.box_background {
  padding: 1.5rem;
}

.box_border {
  padding: 1.5rem;
}

/* ---- ボタン ---- */

.button_arrow .wp-block-button__link {
  padding-right: 4rem;
}

.button_arrow .wp-block-button__link::after {
  right: 2rem;
  font-size: 1.6em;
}


}