/*
Theme Name: マイメモリーのお葬式
Author: BloomBase Co.,Ltd.
*/


/* ==========================================================================
  IEで使えないHTML5を性制御
========================================================================== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}


/* ==========================================================================
  BASE
   ========================================================================== */

html {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1vw;
}

body {
    color: #000000;
    -webkit-text-size-adjust: 100%;
    padding: 90px 0 0 0;
    margin: 0;
}

.inner {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}

dl,
dt,
dd,
ol,
ul,
ol,
li {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
    border: none;
}

a {
    background: transparent;
    text-decoration: none;
}

.wrap {
    height: auto;
}


/*ヘッダーナビのみ1024px以下はスマホと同様バーガーメニューを表示させます*/

@media screen and (min-width: 1025px) {
    .pc_navi_hide {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .smart_navi_hide {
        display: none !important;
    }
}


/*通常時の切り替え*/

@media screen and (min-width: 751px) {
    .pc_hide {
        display: none !important;
    }
}

@media screen and (max-width: 750px) {
    .smart_hide {
        display: none !important;
    }
}


/* ==========================================================================
   フォント
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    font-weight: 500;
}

b,
strong,
b.strong {
    font-weight: 700;
}

p {
    padding: 0;
}

pre {
    margin: 0;
}


/* ==========================================================================
   HEADER
   ========================================================================== */

.header {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100vw;
    height: 110px;
    padding: 0;
    background: #ffffff;
    z-index: 9000;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(202, 205, 202, 0.75);
    box-shadow: 0px 3px 20px 0px rgba(202, 205, 202, 0.75);
}

.header__left {
    width: 400px;
    padding: 10px 0 0 47px;
}

.header__right {
    max-width: 1200px;
    padding: 0;
    margin: 0;
    height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.header__copy {
    font-size: 11px;
    color: #7c848b;
}

.header__logo img {
    width: 347px;
    margin-top: 10px;
}

@media screen and (min-width:1024px) and (max-width:1600px) {

    .header__left {
        width: 25vw;
        padding: 10px 0 0 15px;
    }

    .header__logo img {
        width: 100%;
        margin-top: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .header {
        height: 90px;
    }
}

@media screen and (max-width: 480px) {
    .header {
        height: 75px;
    }

    .header__left {
        width: 250px !important;
        padding: 10px;
    }

    .header__logo img {
        max-width: 250px !important;
        margin-top: 5px;
    }
}

.header__tel {
    display: block;
    font-size: 14px;
    text-align: center;
    margin-top: 8px;
}

.header__tel img {
    float: left;
    width: 23px;
    margin: 10px 0 0 0;
}

.header__tel .phone_no {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 2.5vw;
}

@media screen and (min-width:1024px) and (max-width:1600px) {
    .header__tel {
        max-width: 260px;
        font-size: 10px;
        text-align: center;
        margin: 8px 220px 0 20px;
    }

    .header__tel img {
        width: 20px;
        margin: 10px 5px 0 0;
    }

    .header__tel .phone_no {
        font-size: 2vw;
    }
}

@media screen and (min-width:1601px) {
    .header__tel {
        margin-right: 220px;
    }
}

.header__shiryo a {
    height: 50px;
    width: 130px !important;
    display: block;
    background: url(/wp-mo/wp-content/themes/mymemory/library/images/header/mail.png) no-repeat #6d44aa;
    background-position: 10% 50%;
    color: #fff;
    padding: 12px 10px 0 50px;
    position: fixed;
    top: 0;
    right: 0;
    text-align: left;
}

.header__shiryo a .small {
    font-size: 10px;
    font-weight: 300;
    line-height: 1.2;
}

.header__shiryo a .large {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

.jyumoku_link {
    position: absolute;
    right: 0;
    bottom: -1px;
}


/* ==========================================================================
   GLOBAL NAVI
   ========================================================================== */

.GnaviPC {
    margin: 0;
    padding: 0;
    height: auto;
}

.GnaviPC__block {
    vertical-align: middle;
}

.GnaviPC__block__item {
    display: block;
    float: left;
    font-size: 1.250vw;
    font-weight: 700;
    color: #655f51;
    font-family: 'Noto Sans JP';
    margin: 46px 20px;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .GnaviPC__block__item {
        display: block;
        float: left;
        font-size: 1vw;
        font-weight: 700;
        margin: 40px 10px;
    }
}

.GnaviPC__block__item a {
    color: #655f51;
}

.GnaviPC__block__item:hover {
    opacity: 0.8;
}


/*ハンバーガーメニュー*/

nav.GnaviSP {
    display: block;
    position: fixed;
    top: -4000px;
    left: 0;
    width: 100%;
    height: 70%;
    background: rgba(109, 68, 170, 0.45);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: all 0.5s;
}

nav.GnaviSP.active {
    top: 75px;
}

.gnavSP__bnr {
    padding: 20px 0;
    background: #f9f6fe;
}

.gnavSP__bnr__item {
    width: 88%;
    max-width: 330px;
    margin: 15px auto 0;
}

.gnavSP__bnr__item:first-child {
    margin-top: 0;
}

.gnavSP__1st__item {
    position: relative;
    background-color: #ffffff;
    border-top: 1px solid #eeeeee;
}

.gnavSP__1st__item > a,
.gnavSP__1st__item > span {
    display: inline-block;
    width: 86%;
    padding: 20px 6% 20px 6%;
    color: #333;
    font-size: 15px;
}

.gnavSP__1st__item::after {
    content: "";
    position: absolute;
    top: 28px;
    right: 6%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    border-top: 1px solid rgb(109, 68, 170);
    border-right: 1px solid rgb(109, 68, 170);
    transition: all 0.3s;
}


/* 
nav.GnaviSP ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

nav.GnaviSP ul li {
    font-size: 24px;
    list-style-type: none;
    width: 100%;
    padding-bottom: 0px;
}

nav.GnaviSP ul li:last-child {
    padding-bottom: 0;
}

nav.GnaviSP ul li a {
    display: block;
    color: #fff;
    padding: 15px 0;
    font-weight: 400;
    font-size: 18px;
} */


/*ボタンのスタイル*/

.Toggle {
    position: fixed;
    right: 0;
    top: 0;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 13;
    display: block;
    background: #6d44aa;
    text-align: center;
}

.Toggle span {
    display: block;
    position: absolute;
    width: 40px;
    border-bottom: solid 4px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    /* left: 6px; */
    margin-left: 25px;
}

.Toggle span:nth-child(1) {
    top: 20px;
}

.Toggle span:nth-child(2) {
    top: 30px;
}

.Toggle span:nth-child(3) {
    top: 40px;
}

.Toggle span:nth-child(4) {
    top: 55px;
    border: none;
    color: #fff;
}

@media screen and (max-width:480px) {
    .Toggle {
        width: 75px;
        height: 75px;
    }

    .Toggle span {
        margin-left: 18px;
    }

    .Toggle span:nth-child(4) {
        font-size: 9px;
    }
}

.Toggle.active span:nth-child(1) {
    top: 25px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: solid 3px #C1C1C1;
}

.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
    top: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: solid 3px #C1C1C1;
}


/* ==========================================================================
   FOOTER
   ========================================================================== */

#footer {
    padding-bottom: 8rem;
    background: #f6f6f6;
    width: 100vw;
    text-align: center;
    margin-top: 50px;
}

@media screen and (max-width:480px) {
    #footer {
        padding-bottom: 15rem;
    }
}

.footer__logo img {
    max-width: 395px;
    margin: 86px auto 66px auto;
    text-align: center;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .footer__logo img {
        max-width: 395px;
        margin: 50px auto;
    }
}

@media screen and (max-width:480px) {
    .footer__logo img {
        max-width: 200px;
        margin: 30px auto;
    }
}

.copyright {
    padding: 0.750vw;
    text-align: center;
}

@media screen and (max-width:480px) {
    .copyright {
        padding: 2.5vw;
        text-align: center;
    }

    .copyright small {
        font-size: 10px;
    }
}

.GnaviFooter {
    text-align: center;
}

.GnaviFooter__block {
    display: flex;
    /*margin: 0 auto 138px auto;*/
    margin: 0 auto 66px;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .GnaviFooter__block {
        margin: 0 auto 70px auto;
    }
}

.GnaviFooter__block__item {
    padding: 0 35px;
    flex-wrap: wrap;
    list-style: none;
    color: #655f51;
    border-right: 1px solid #666;
}

@media screen and (max-width:750px) {
    .GnaviFooter__block {
        display: flex;
        margin: 0 auto 138px auto;
        flex-direction: column;
        text-align: center;
    }

    .GnaviFooter__block__item {
        padding: 10px 0;
        flex-wrap: wrap;
        list-style: none;
        color: #655f51;
        border: none;
        font-size: 3vw;
    }
}

@media screen and (max-width:480px) {
    .GnaviFooter__block {
        display: flex;
        margin: 0 auto 30px auto;
        flex-direction: column;
        text-align: center;
    }

    .GnaviFooter__block__item {
        font-size: 3.8vw;
    }
}

.GnaviFooter__block__item a {
    color: #655f51;
}

.GnaviFooter__block__item:hover {
    color: #807866;
}

.GnaviFooter__block__item:last-child {
    border-right: none;
}

.jyumokuso_link {
    margin: 0 auto 66px;
}

.jyumokuso_link a {
    display: inline-block;
    background: #fff;
    border-radius: 8px;
    box-shadow: 4px 2px 12px -6px rgba(0, 0, 0, 0.6);
}

.jyumokuso_link a:hover {
    cursor: pointer;
    opacity: 0.8;
}

.jyumokuso_link a div {
    display: flex;
    align-items: center;
    padding: 10px;
}

.jyumokuso_link .logo_img {
    display: inline-block;
}

.jyumokuso_link .logo_img img {
    margin: 0;
    width: 90%;
}

.jyumokuso_link a p {
    display: inline-block;
    font-size: 1.2vw;
    color: #f4a219;
    margin-left: 10px;
}

@media screen and (max-width:480px) {
    .jyumokuso_link {
        margin: 0 auto 30px;
        width: 90%;
    }

    .jyumokuso_link .logo_img {
        width: 40%;
    }

    .jyumokuso_link a p {
        width: 55%;
        font-size: 14px;
    }
}

#bottomBtn {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #fff;
    border-top: 1px solid #f6f6f6;
    z-index: 9999;
    text-align: center;
}

.bottom-btn {
    background: #fff;
}

.bottom-btn__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    width: 1200px;
    margin: 0 auto;
    justify-content: space-between;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .bottom-btn__inner {
        width: 96%;
        height: 60px;
        padding: 0;
    }
}

.bottom-btn__logo img {
    width: 240px !important;
    float: left;
    margin-top: 25px;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .bottom-btn__logo img {
        width: 25%;
        margin-top: 10px;
    }
}

.bottom-btn__tel {
    text-align: right;
    display: block;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .bottom-btn__tel {
        width: 300px;
        margin: 0 20px;
        height: 60px;
        text-align: center;
    }
}

.bottom-btn__tel-txt {
    text-align: right;
    color: #000;
    font-size: 16px;
}

.bottom-btn__tel-txt img {
    width: 33px;
    margin: 0 5px;
}

.bottom-btn__tel-number {
    font-size: 33px;
    color: #000;
    font-weight: 700;
    letter-spacing: -0.05em;
    white-space: nowrap;
}

.bottom-btn__request {
    max-width: 486px;
    float: right;
    margin-top: 5px;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .bottom-btn__request {
        width: 250px;
        margin-top: 10px;
    }
}

.bottom-btn-sp {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    border-top: 1px solid #f6f6f6;
    z-index: 9999;
    text-align: center;
    display: flex;
    justify-content: space-between;
    padding: 10px 4%;
}

.bottom-btn-sp__tel {
    width: 38%;
}

.bottom-btn-sp__inquiry {
    width: 61%;
}

#bottomBtnSP {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    text-align: center;
    display: block;
}

.bottom-btn__sp__inner {
    height: auto;
    margin: 0;
    justify-content: space-between;
    display: flex;
}

.bottom-btn__sp__inner img {
    width: auto;
    margin: 10px;
}


/* ==========================================================================
 PAGE TOP
   ========================================================================== */

#pagetop {
    position: fixed;
    right: 76px;
    bottom: 100px;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background-color: #f4a219;
    z-index: 3000;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#pagetop::before {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
    width: 10px;
    height: 10px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

#pagetop:hover {
    cursor: pointer;
    opacity: 0.8;
}

@media screen and (max-width: 750px) {
    #pagetop {
        right: 3%;
        bottom: 85px;
        width: 45px;
        height: 45px;
    }

    #pagetop::before {
        width: 10px;
        height: 10px;
        top: calc(50% - 3px);
    }
}


/* ==========================================================================
 TOP:キービジュアル
   ========================================================================== */

.key {
    width: 100vw;
    height: auto;
    margin: -24px 0 0 0;
    position: relative;
    padding: 0;
}

.key img {
    width: 100vw;
    object-fit: fill;
}

.key__price {
    position: absolute;
    bottom: 1vh;
    left: 9vw;
    width: 215px;
    z-index: +2;
}

@media screen and (min-width:1024px) and (max-width:1280px) {
    .key__price {
        width: 180px;
    }
}

@media screen and (min-width:751px) and (max-width:1024px) {
    .key__price {
        width: 150px;
        bottom: 1.5rem;
        left: 9rem;
    }
}

.key__img {
    position: relative;
}

.key__img .jyumoku_link {
    position: absolute;
    top: 24px;
    right: 17px;
}

.key__img .jyumoku_link img {
    width: auto;
}

/* ==========================================================================
 TOP:コロナ対策
   ========================================================================== */

.covid {
    width: 100vw;
    background: url(/wp-mo/wp-content/themes/mymemory/library/images/front-page/covid/bg_covid.jpg);
    background-size: cover;
    height: 174px;
    top: 0;
    margin: 0;
    padding: auto;
    text-align: center;
}

.covid__btn {
    width: 540px;
    max-height: 60px;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
    background: url(/wp-mo/wp-content/themes/mymemory/library/images/front-page/covid/covid_arrow.png) no-repeat #fff;
    background-position: 95% 50%;
    padding: 20px 0;
    text-align: center;
    display: inline-block;
    height: 100px;
    margin-top: 40px;
}

@media screen and (max-width:750px) {
    .covid {
        height: auto;
    }

    .covid__btn {
        width: 80%;
        height: auto;
        max-height: 100%;
        padding: 10px 10px 26px 10px;
        margin: 30px auto;
    }
}

@media screen and (max-width:480px) {
    .covid__btn {
        padding-bottom: 20px;
    }
}

.covid__btn__ttl {
    font-size: 1.250vw;
    line-height: 2em;
    font-weight: 400;
    color: #f36d00;
    margin-top: 10px;
}

.covid__btn__txt {
    /*font-size: 1.333vw;*/
    font-weight: 300;
    color: #000;
}

@media screen and (min-width:1601px) {
    .covid__btn__ttl {
        font-size: 20px;
    }

    .covid__btn__txt {
        font-size: 16px;
    }
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .covid__btn__ttl {
        font-size: 1.75vw;
    }

    .covid__btn__txt {
        font-size: 1.5vw;
    }
}

@media screen and (max-width:750px) {
    .covid__btn__ttl {
        font-size: 3.533vw;
        margin-top: -5px;
    }

    .covid__btn__txt {
        font-size: 3vw;
        color: #000;
        margin-bottom: 10px;
    }
}

.covid__btn:hover {
    background: url(/wp-mo/wp-content/themes/mymemory/library/images/front-page/covid/covid_arrow_hover.png) no-repeat #fff;
    background-position: 95% 50%;
    opacity: 0.8;
}


/* ==========================================================================
 TOP:お問い合わせボタン（TEL・資料請求の大きいバナー）
   ========================================================================== */

.contact {
    text-align: center;
    padding: 0;
    margin: 20px auto 50px auto;
}

.contact .inner {
    width: 1200px;
    margin: 0 auto 50px auto;
    justify-content: center;
    display: flex;
}

.contact__item {
    max-width: 580px;
    margin: 0 10px;
    display: inline-block;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .contact {
        text-align: center;
        padding: 30px auto;
        margin: 30px auto;
    }

    .contact .inner {
        width: 90%;
        margin: 0 auto 50px auto;
        justify-content: center;
        display: flex;
    }

    .contact__item {
        width: auto;
        margin: 0 10px;
        display: inline-block;
    }
}

@media screen and (max-width:750px) {
    .contact {
        margin: 0;
        padding: 0;
    }

    .contact .inner {
        width: 90%;
        margin: 35px 5% !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .contact__item img {
        width: 100%;
    }

    .contact__item + .contact__item img {
        margin-top: 20px;
    }
}

@media screen and (max-width: 480px) {
    .slick-prev {
        left: 0 !important;
    }
}


/* ==========================================================================
 TOP:4つのプラン
   ========================================================================== */


/*プランのタイトルまわり*/

#plan {
    margin-top: 5rem;
    width: 100%;
    text-align: center;
}

@media screen and (max-width:750px) {
    #plan {
        margin-top: 1rem;
    }
}

.plan__head {
    text-align: center;
}

.plan__head img {
    margin: 17px 0 10px 0;
    width: 37px;
}

h2.plan__ttl {
    color: #655f51;
    font-size: 2.5vw;
    line-height: 1.3;
    letter-spacing: 0.1em;
    font-weight: 400;
    margin: 16px auto 50px auto;
    text-align: center;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    h2.plan__ttl {
        font-size: 3vw;
    }
}

@media screen and (max-width:750px) {
    h2.plan__ttl {
        font-size: 4vw;
    }
}

@media screen and (max-width:480px) {
    h2.plan__ttl {
        font-size: 5.7vw;
    }
}

h3.plan_ttl {
    color: #af833d;
    font-size: 2.8125vw;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 1.5em;
    margin-bottom: 20px;
}

@media screen and (max-width:750px) {
    h3.plan_ttl {
        font-size: 5vw;
    }
}

@media screen and (max-width:480px) {
    h3.plan_ttl {
        font-size: 6.5vw;
        margin: 20px auto 10px;
    }
}


/*タブ*/

.plan__tabs {
    margin-top: 50px;
    padding-bottom: 40px;
    background-color: #fff;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.tab__item {
    width: calc(100%/2 - 2px);
    height: 67px;
    border: 1px solid #ccc;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    background-color: #fff;
    line-height: 67px;
    font-size: 1.5vw;
    text-align: center;
    color: #af833d;
    display: block;
    float: left;
    font-weight: 400;
    transition: all 0.2s ease;
    margin-bottom: 0px;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .tab__item {
        line-height: 67px;
        font-size: 2vw;
    }
}

@media screen and (max-width:750px) {
    .tab__item {
        font-size: 3.5vw;
        line-height: 4vw;
        height: 4vw;
        padding: 10px 0;
    }
}

.tab__item:hover {
    opacity: 0.75;
}

input[name="tab__item"] {
    display: none;
}

.tab__content {
    display: none;
    padding: 47px auto;
    clear: both;
    text-align: center;
    height: auto;
    border-top: 1px solid #ccc;
    margin: -20px calc(50% - 50vw);
    width: 100vw;
}

#direct:checked ~ #direct_content,
#oneday:checked ~ #oneday_content,
#family:checked ~ #family_content,
#normal:checked ~ #normal_content {
    display: block;
}

.plan__tabs input:checked + .tab__item {
    background-color: #af833d;
    color: #fff;
}


/*中身*/

.plan-ttl {
    color: #af833d;
}

@media screen and (max-width:750px) {
    .plan-ttl {
        font-size: 20px;
        margin-bottom: 10px;
    }
}

.plan-ttl + p + * {
    margin-top: 4.5rem;
}

p.plan_description {
    color: #655f51;
    margin-bottom: 30px;
    font-size: 16px;
}

@media screen and (max-width: 480px) {
    p.plan_description {
        line-height: 1.7;
    }
}


/*プランイメージと価格*/

.plan__detail {
    background: #f9f6fe;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    padding: 30px 0;
}

.plan__detail__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.5rem;
    background: #fff;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(202, 205, 202, 0.75);
    box-shadow: 0px 3px 20px 0px rgba(202, 205, 202, 0.75);
    max-width: 1200px;
    margin: 0 auto;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .plan__detail__inner {
        width: 90%;
        margin: 0 3%;
        padding: 2%;
    }
}

.plan__detail__inner img {
    width: 48%;
}

.plan-detail__img {
    width: 49%;
}

.plan__detail__inner-r {
    width: 46.5%;
}

@media screen and (max-width:750px) {
    .plan__detail__inner {
        flex-direction: column;
        padding: 15px;
        -webkit-box-shadow: 0px 3px 20px 0px rgba(202, 205, 202, 0.75);
        box-shadow: 0px 3px 20px 0px rgba(202, 205, 202, 0.75);
        width: 90%;
        margin: 15px auto;
    }

    .plan__detail__inner img {
        width: 100%;
    }

    .plan__detail__inner .flow_arrow img {
        width: 60%;
    }

    .plan-detail__img {
        width: 100%;
    }

    .plan__detail__inner-r {
        width: 100%;
        margin-top: 20px;
    }
}

.plan__detail__copy {
    height: 38px;
    line-height: 38px;
    border-radius: 19px;
    background: #f11f2d !important;
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 1vw;
}

@media screen and (max-width:750px) {
    .plan__detail__copy {
        font-size: 16px;
    }
}

.plan__detail__txt__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 2rem;
}

.plan__detail__txt__price .mark {
    width: 25%;
}

.plan__detail__txt__price .mark__member,
.plan__detail__txt__price .mark__general {
    display: block;
}

.plan__detail__txt__price .mark__member {
    border: 1px solid #f11f2d;
    border-radius: 1rem;
    text-align: center;
    color: #f11f2d;
    height: 30px;
    line-height: 30px;
    font-size: 1vw;
}

.plan__detail__txt__price .mark__general {
    margin-top: 1rem;
    font-size: 0.750vw;
    font-weight: 300;
    text-decoration: line-through;
    text-align: center;
}

@media screen and (max-width:750px) {
    .plan__detail__txt__price .mark__member {
        border: 1px solid #f11f2d;
        font-size: 16px;
    }

    .plan__detail__txt__price .mark__general {
        font-size: 12px;
    }
}

.plan__detail__txt__price .price {
    width: calc(100% - 20rem - 2rem);
    font-size: 4.0625vw;
    font-weight: 700;
    line-height: 100%;
    color: #f11f2d;
    width: 70%;
    text-align: right;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .plan__detail__txt__price .price {
        font-size: 5vw;
    }
}

@media screen and (max-width:750px) {
    .plan__detail__txt__price .price {
        font-size: 8vw;
        text-align: center;
    }
}

@media screen and (max-width:480px) {
    .plan__detail__txt__price .price {
        font-size: 14vw;
        text-align: right;
    }
}

.plan__detail__txt__price .price__yen {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 1rem;
    float: right;
}

.plan__detail__txt__price .price__yen__tax {
    font-size: 1vw;
    line-height: 1.1;
    margin-top: 30px;
}

.plan__detail__txt__price .price__yen__yen {
    font-size: 1vw;
    line-height: 1.1;
}

@media screen and (min-width:751px) and (max-width:1280px) {

    .plan__detail__txt__price .price__yen__tax,
    .plan__detail__txt__price .price__yen__yen {
        font-size: 1.6vw;
    }

    .plan__detail__txt__price .price__yen__tax {
        margin-top: 10px;
    }
}

@media screen and (max-width:750px) {
    .plan__detail__txt__price .price__yen__tax {
        font-size: 2.8vw;
        margin-top: 10px;
    }

    .plan__detail__txt__price .price__yen__yen {
        font-size: 2.8vw;
    }
}

@media screen and (max-width:480px) {
    .plan__detail__txt__price .price__yen__tax {
        font-size: 3vw;
        margin-top: 30px;
    }

    .plan__detail__txt__price .price__yen__yen {
        font-size: 3vw;
    }
}

.plan__detail__txt__credit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;
    padding: 10px;
    border: 1px solid #dddddd;
    border-radius: 5px;
}

.plan__detail__txt__credit .txt {
    width: 1.6rem;
    line-height: 1.4;
    font-size: 0.875vw;
    color: #655f51;
    width: 20%;
}

@media screen and (min-width:1601px) {
    .plan__detail__txt__credit .txt {
        width: 20%;
        font-size: 16px;
    }

    .plan__detail__txt__credit img {
        width: 78%;
    }
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .plan__detail__txt__credit .txt {
        width: 25%;
        font-size: 1.2vw;
        white-space: nowrap;
    }

    .plan__detail__txt__credit img {
        width: 70%;
    }
}

@media screen and (max-width:750px) {
    .plan__detail__txt__credit .txt {
        width: 30%;
        font-size: 1.5vw;
    }
}

@media screen and (max-width:480px) {
    .plan__detail__txt__credit {
        flex-direction: column;
        text-align: center;
    }

    .plan__detail__txt__credit .txt {
        width: 100%;
        font-size: 4vw;
        margin-bottom: 5px;
        white-space: nowrap;
        display: block;
        text-align: center;
    }

    .plan__detail__txt__credit img {
        width: 100%;
        top: 40px;
        clear: both;
    }
}

.plan__detail__txt__point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 1rem;
    background: #f5f5f5;
}

.plan__detail__txt__point .item {
    line-height: 1rem;
    margin-right: 1rem;
    padding: 1rem;
    background: #fff;
    border: 1px solid #af833d;
    font-size: 1vw;
    text-align: center;
    color: #af833d;
    font-weight: 500;
}

@media screen and (min-width:1601px) {
    .plan__detail__txt__point .item {
        margin-right: 10px;
        padding: 10px;
        font-size: 0.8vw;
    }
}

.plan__detail__txt__point .item > .large {
    font-size: 1.375vw;
}

@media screen and (min-width:1601px) {
    .plan__detail__txt__point .item > .large {
        font-size: 1.2vw;
    }
}

@media screen and (max-width:750px) {
    .plan__detail__txt__point {
        padding: 20px;
    }

    .plan__detail__txt__point .item {
        font-size: 3vw;
        line-height: 4vw;
    }

    .plan__detail__txt__point .item > .large {
        font-size: 3.5vw;
    }
}

@media screen and (max-width:480px) {
    .plan__detail__txt__point .item {
        font-size: 3.5vw;
        line-height: 4.5vw;
    }

    .plan__detail__txt__point .item > .large {
        font-size: 4vw;
    }
}

.plan__detail__txt__point .item:last-child {
    margin-right: 0;
}

.plan__detail__txt__point .item.gold {
    border-color: #af833d;
    color: #af833d;
    font-size: 1.25vw;
}

.plan__detail__txt__point .item.gry {
    border-color: #c9c9c9;
    color: #c9c9c9;
    font-size: 1.25vw;
}

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

    .plan__detail__txt__point .item.gold,
    .plan__detail__txt__point .item.gry {
        font-size: 2.667vw;
    }
}

.plan__detail__txt__flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
    align-items: center;
}

.plan__detail__txt__flow .item {
    position: relative;
    width: 15%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 0.5rem;
    color: #ffffff;
    padding: 0;
}

.plan__detail__txt__flow .item.flow_arrow {
    width: 15px;
}

@media screen and (max-width:480px) {
    .plan__detail__txt__flow .item.flow_arrow img {
        width: 10px;
    }
}

.plan__detail__txt__flow .item:last-child::after {
    content: none;
}

.plan__detail__txt__flow .item.gry {
    background: #cccccc;
}

.plan__detail__txt__flow .item.gold {
    background: #af833d;
}

@media screen and (max-width:1280px) {
    .plan__detail__txt__flow .item.gry {
        font-size: 10px;
    }

    .plan__detail__txt__flow .item.gold {
        font-size: 10px;
    }
}


/*プランに含まれるもの*/

.include {
    padding: 2.5rem;
    background: #ffffff;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(202, 205, 202, 0.75);
    box-shadow: 0px 3px 20px 0px rgba(202, 205, 202, 0.75);
    max-width: 1200px;
    margin: 3.5rem auto 1.3rem;
}

@media screen and (max-width:1280px) {
    .include {
        width: 90%;
        margin: 50px 3% 0 3%;
        padding: 2%;
    }
}

@media screen and (max-width:750px) {
    .include {
        margin-top: 15px;
    }
}

.include label {
    display: block;
    line-height: 1;
    color: #f39800;
    cursor: pointer;
    font-size: 30px;
    float: right;
    font-weight: 700;
    margin-top: 7px;
}

@media screen and (min-width:751px) {
    .include label {
        display: none;
    }
}

.include input {
    display: none;
}

.include__outer,
#include__outer {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@media screen and (min-width:751px) {

    .include__outer,
    #include__outer {
        height: auto;
        overflow: auto;
        height: 100%;
    }
}

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

    .include__outer,
    #include__outer {
        width: 100%;
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
}

.inculude_box:checked ~ .include__outer,
#inculude_box:checked ~ #include__outer {
    height: auto;
    opacity: 1;
}

.include__ttl {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.75vw;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 2.5rem;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .include__ttl {
        font-size: 2vw;
    }
}

@media screen and (max-width:750px) {
    .include__ttl {
        font-size: 3.773vw;
        margin: 15px auto 15px;
    }
}

.include__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.include__list__item {
    width: calc((100% - 18px) / 8);
    border: 1px solid #eeeeee;
    text-align: center;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .include__list__item {
        width: calc((100% - 14px) / 6);
    }
}

@media screen and (max-width:750px) {
    .include__list__item {
        width: calc((100% - 10px) / 3);
    }
}

.include__list__item .img {
    margin: 15px auto;
}

.include__list__item .img img {
    max-width: 90px;
}

.include__list__item p.ttl {
    text-align: center;
    font-size: 1.15vw;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500 !important;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .include__list__item p.ttl {
        font-size: 1.8vw
    }
}

@media screen and (max-width:750px) {
    .include__list__item p.ttl {
        font-size: 3.2vw;
    }
}

@media screen and (max-width:480px) {
    .include__list__item p.ttl {
        font-size: 3.5vw;
    }
}

.attention {
    margin-top: 30px;
    padding: 2rem;
    background: #f7f4eb;
    text-align: left;
    font-size: 16px;
}

.attention li {
    list-style: disc !important;
    margin-bottom: 10px;
    margin-left: 20px;
    line-height: 1.5;
}


/*○○プランはこのような方におすすめ*/

.recommended_ttl {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.75vw;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 3.5rem;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .recommended_ttl {
        font-size: 2vw;
        margin-top: 30px;
    }
}

@media screen and (max-width:750px) {
    .recommended_ttl {
        font-size: 3.773vw !important;
        margin-top: 30px;
    }
}

@media screen and (max-width:480px) {
    .recommended_ttl {
        font-size: 4.6vw !important;
    }
}

.recommended_list {
    padding: 2.5rem;
    background: #fff;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(202, 205, 202, 0.75);
    box-shadow: 0px 3px 20px 0px rgba(202, 205, 202, 0.75);
    max-width: 1200px;
    margin: 30px auto 70px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width:1280px) {
    .recommended_list {
        width: 90%;
        margin: 25px 3% 0 3%;
        padding: 2%;
    }
}

.recommended__list__item {
    width: 32%;
    background: #fffaf2;
    text-align: left;
    display: block;
    padding: 1rem;
    margin-right: 2%;
}

@media screen and (max-width:750px) {
    .recommended_list {
        flex-direction: column;
    }

    .recommended__list__item {
        width: 90%;
        margin-right: 0;
        margin-bottom: 20px;
        padding: 0 5%;
    }
}

.recommended__list__item:last-child {
    margin-right: 0;
}

.recommended__list__item .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    margin-right: 20px;
    border-radius: 50%;
    background: #f39800;
    line-height: 1.2em;
    color: #fff;
    font-size: 1.125vw;
    font-weight: 500;
    float: left;
}

.recommended__list__item .num > .large {
    font-size: 1.750vw;
    line-height: 1.2em;
    font-weight: 700;
}

.recommended__list__item .txt {
    font-weight: 500;
    line-height: 1.5;
    font-size: 1.125vw;
    margin: 20px;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .recommended__list__item .num {
        width: 70px;
        height: 70px;
        font-size: 1.5vw;
    }

    .recommended__list__item .num > .large {
        font-size: 2.5vw;
    }

    .recommended__list__item .txt {
        font-size: 1.5vw;
        margin: 10px;
    }
}

@media screen and (max-width:750px) {
    .recommended__list__item .num {
        width: 70px;
        height: 70px;
        font-size: 2vw;
    }

    .recommended__list__item .num > .large {
        font-size: 4vw;
    }

    .recommended__list__item .txt {
        font-size: 2.4vw;
    }
}

@media screen and (max-width:480px) {
    .recommended__list__item .num {
        width: 50px;
        height: 50px;
        font-size: 2.4vw;
        margin-top: 10px;
    }

    .recommended__list__item .num > .large {
        font-size: 5vw;
    }

    .recommended__list__item .txt {
        font-size: 4vw;
    }
}


/* ==========================================================================
 TOP:ニュース・お知らせ
   ========================================================================== */

#post {
    padding-top: 50px;
}

@media screen and (max-width:750px) {
    #post {
        padding-top: 30px;
    }
}

.post__head {
    text-align: center;
}

.post__head img {
    margin: 0 auto;
    width: 97px;
}

h2.post__ttl {
    color: #655f51;
    font-size: 2.5vw;
    line-height: 1;
    font-weight: 400;
    margin: 16px auto 25px auto;
    text-align: center;
}

.post__note {
    text-align: center;
    color: #655f51;
    font-size: 1.125vw;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .post__note {
        font-size: 16px;
    }
}

@media screen and (max-width:750px) {
    h2.post__ttl {
        font-size: 3.773vw;
    }

    .post__note {
        font-size: 16px;
        margin-bottom: 40px;
    }
}

@media screen and (max-width:750px) {
    .post__note {
        font-size: 14px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:480px) {
    h2.post__ttl {
        font-size: 5.8vw;
    }
}

.post__inner {
    display: flex;
    margin: 40px auto 40px auto;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .post__inner {
        width: 90%;
    }
}

.frontpage {
    width: 23%;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px;
    background: #fff;
    text-align: left;
    -webkit-box-shadow: 0px 3px 20px 0px rgba(202, 205, 202, 0.75);
    box-shadow: 0px 3px 20px 0px rgba(202, 205, 202, 0.75);
    border: 1px solid #fafafa;
}

@media screen and (max-width:750px) {
    .frontpage {
        width: 42%;
        margin: 0 0 40px 3%;
        float: left;
    }
}

@media screen and (max-width:480px) {
    .frontpage {
        margin-bottom: 20px;
    }
}

.frontpage:last-child {
    margin-right: none;
}

.article_thumbnail {
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 10px;
    height: auto;
}

.article_thumbnail img {
    display: block;
    height: auto;
    max-width: 100%;
}

.article__date {
    font-size: 0.7vw;
    color: #a0a2a5;
    letter-spacing: 0.1em;
    margin: 10px;
    text-align: left;
}

h3.article__ttl {
    font-size: 1.125vw;
    color: #000;
    line-height: 1.3;
    padding-left: 8px;
    text-align: left;
}

.article__note {
    margin: 15px 15px 20px 10px;
    padding: 0;
    font-size: 0.875vw;
    color: #686868;
    line-height: 1.7;
    text-align: left;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    h3.article__ttl {
        font-size: 1.5vw;
    }

    .article__note {
        font-size: 1vw;
    }
}

@media screen and (max-width:750px) {
    h3.article__ttl {
        font-size: 3vw;
    }

    .article__note {
        font-size: 2vw;
    }
}

@media screen and (max-width:480px) {
    .article__date {
        font-size: 3vw;
    }

    h3.article__ttl {
        font-size: 4vw;
    }

    .article__note {
        font-size: 3.5vw;
    }
}

.btn__list {
    font-weight: 500;
    background: url(/wp-mo/images/front-page/list_arrow.png) no-repeat #f39800;
    background-position: 95% 50%;
    border-radius: 3px;
    text-align: center;
    margin: 40px auto 80px auto;
    padding: 20px 0;
    color: #fff;
    width: 310px;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .btn__list {
        font-size: 2vw;
    }
}

.btn__list:hover {
    background-color: #f7bd5c;
}

@media screen and (max-width:750px) {
    .btn__list {
        clear: both;
        float: none;
        top: 40px;
        margin: 40px auto !important;
        padding: 20px 0;
        width: 60%;
        font-size: 2vw;
    }
}

@media screen and (max-width:480px) {
    .btn__list {
        font-size: 4vw;
    }
}


/* ==========================================================================
 TOP:マイメモリーのお葬式の“想い”
   ========================================================================== */

#concept {
    background: url(/wp-mo/images/front-page/concept/bg_concept.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 50px 0 100px 0;
    margin-bottom: 50px;
    text-align: center;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    #concept {
        background-size: 100%;
        margin-bottom: 20px;
        padding: 30px 0;
        text-align: center;
    }
}

@media screen and (max-width:750px) {
    #concept {
        background: url(/wp-mo/images/front-page/concept/bg_concept_sp.jpg) no-repeat;
        background-position: right bottom;
        background-size: cover;
        margin-bottom: 20px;
        padding-bottom: 50px;
    }
}

#concept .concept__head {
    text-align: center;
}

#concept .concept__head img {
    margin: 17px auto 0 auto;
    width: 64px;
}

h2.concept__ttl {
    color: #655f51;
    font-size: 2.5vw;
    line-height: 1.3;
    letter-spacing: 0.1em;
    font-weight: 400;
    margin: 16px auto 0 auto;
    text-align: center;
}

@media screen and (max-width:750px) {
    h2.concept__ttl {
        font-size: 4vw;
    }
}

@media screen and (max-width:480px) {
    h2.concept__ttl {
        font-size: 6vw;
    }
}

h3.concept__catch {
    color: #655f51;
    font-size: 1.875vw;
    line-height: 1.7em;
    letter-spacing: 0.2em;
    font-family: 'Noto Serif JP', serif;
    margin: 80px auto;
}

h3.concept__catch .orange {
    color: #f39800;
    font-size: 2.375vw;
}

.concept__txt {
    max-width: 800px;
    margin: 0 auto;
    line-height: 2;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    h3.concept__catch {
        margin: 40px auto;
    }

    .concept__txt {
        max-width: 80%;
        font-size: 1vw;
    }
}

@media screen and (max-width:750px) {
    h3.concept__catch {
        margin: 30px auto;
        max-width: 80%;
        font-size: 3.773vw;
    }

    h3.concept__catch .orange {
        font-size: 4vw;
    }

    .concept__txt {
        max-width: 80%;
        font-size: 3.7vw;
    }
}

@media screen and (max-width:480px) {
    h3.concept__catch {
        font-size: 4.3vw;
    }

    h3.concept__catch .orange {
        font-size: 4.8vw;
    }
}


/* ==========================================================================
 TOP:霊園案内
   ========================================================================== */

#hall {
    width: 100%;
    background: url(/wp-mo/images/front-page/hall/bg_hall.png);
    padding: 50px 0 30px 0;
    margin: 0;
    text-align: center;
}

.hall__head {
    text-align: center;
}

.hall__head img {
    width: 39px;
}

h2.hall__ttl {
    color: #655f51;
    font-size: 2.5vw;
    line-height: 1.3;
    letter-spacing: 0.1em;
    font-weight: 400;
    margin: 16px auto 25px auto;
    text-align: center;
}

@media screen and (max-width:750px) {
    h2.hall__ttl {
        font-size: 4.5vw;
    }
}

@media screen and (max-width:480px) {
    h2.hall__ttl {
        font-size: 7vw;
    }
}

.hall__inner {
    max-width: 1200px;
    margin: 50px auto 0 auto;
    background: #fff;
    padding: 0;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .hall__inner {
        width: 90%;
        margin: 0 5%;
    }
}

h3.hall__name {
    background: #6d44aa;
    font-size: 1.875vw;
    text-align: center;
    /* margin: 30px 0 0 0; */
    padding: 31px 0;
    color: #fff;
    width: 100%;
}

.hall__box {
    width: 46%;
    text-align: center;
    margin: 2%;
}

.hall__box .myhome_text {
    background: #f9f6fe;
    padding: 60px 20px;
    line-height: 1.8;
    text-align: left;
    color: #6a6a6a;
}

.hall__box .slick-box img {
    width: 100%;
    height: auto;
}

@media screen and (max-width:750px) {
    .hall__inner {
        max-width: 90%;
        margin: 25px 5%;
        background: #fff;
        height: auto;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    h3.hall__name {
        line-height: 30px;
        font-size: 22px;
        width: 100%;
    }

    .hall__box {
        width: 94%;
        text-align: center;
        margin: 3%;
    }

    .hall__box .myhome_text {
        font-size: 3.8vw;
        padding: 10px;
    }
}

.hall__note {
    background: #f9f6fe;
    padding: 47px 30px;
    color: #6a6a6a;
    text-align: left;
    margin: 30px 0 0 0;
    line-height: 1.7;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .hall__note {
        padding: 20px;
        margin: 20px 0 0 0;
    }
}

@media screen and (max-width:750px) {
    .hall__note {
        font-size: 3vw;
    }
}

@media screen and (max-width:480px) {
    .hall__note {
        font-size: 3.8vw;
        padding: 10px;
        margin: 20px 0 0 0;
    }
}

.hall__note h4 {
    margin: 20px 0 10px 0;
    color: #f39800;
    font-size: 1.25vw;
    font-weight: 500;
}

.hall__note h4.other_layout {
    margin: 0;
}

@media screen and (max-width:750px) {
    .hall__note h4 {
        font-size: 3.5vw;
    }
}

@media screen and (max-width:480px) {
    .hall__note h4 {
        font-size: 4vw;
    }
}

.hall__access {
    padding: 0;
    color: #6a6a6a;
    text-align: left;
    margin: 30px 0;
    line-height: 1.7;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .hall__access {
        margin: 20px 0 0 0;
    }
}

@media screen and (max-width:750px) {
    .hall__access {
        font-size: 3vw;
    }
}

@media screen and (max-width:480px) {
    .hall__access {
        font-size: 3.8vw;
    }
}

.GoogleMap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    padding-right: 30px;
    overflow: hidden;
}

.GoogleMap iframe,
.GoogleMap object,
.GoogleMap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 357px;
}


/* ==========================================================================
 TOP:マイメモリーのお葬式が選ばれる○つの特徴
   ========================================================================== */

#feature {
    width: 100%;
    background: #fffaf2;
    padding: 50px 0;
    margin: 50px 0 0 0;
    text-align: center;
}

.feature__head {
    text-align: center;
}

.feature__head img {
    width: 66px;
    margin-bottom: 24px;
}

h2.feature__ttl {
    color: #655f51;
    font-size: 2.5vw;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-weight: 400;
}

@media screen and (max-width:750px) {
    h2.feature__ttl {
        font-size: 4vw;
    }
}

@media screen and (max-width:480px) {
    h2.feature__ttl {
        font-size: 5.7vw;
    }
}

.feature__set {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    height: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .feature__set {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0;
        height: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

@media screen and (max-width:480px) {
    .feature__set {
        flex-direction: column;
    }
}

.feature__box {
    padding: 0;
    display: block;
    width: 48%;
    margin-top: 70px;
    text-align: left;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    .feature__box {
        margin-top: 40px;
    }
}

@media screen and (max-width:480px) {
    .feature__box {
        width: 90%;
        margin: 30px 5% 0 5%;
    }
}

.feature__box:last-child {
    margin-right: 0;
}

.feature__box .feature__detail {
    width: 86%;
    display: block;
    margin: -50px auto 0 auto;
    background: #fff;
    padding: 4%;
    line-height: 1.7;
    color: #655f51;
    text-align: left;
    -webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3));
    -moz-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2));
    -ms-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2));
}

@media screen and (max-width:750px) {
    .feature__box .feature__detail {
        font-size: 2.5vw;
    }
}

@media screen and (max-width:480px) {
    .feature__box .feature__detail {
        font-size: 3.8vw;
    }
}

.feature__detail img {
    float: left;
    margin-right: 15px;
    width: 66px;
}

h3.feature__subttl {
    font-size: 1.5vw;
    color: #f36d00;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.1em;
    margin-bottom: 36px;
}

h3.feature__subttl img {
    float: left;
    margin-right: 15px;
}

@media screen and (min-width:751px) and (max-width:1280px) {
    h3.feature__subttl {
        margin-bottom: 20px;
    }

    h3.feature__subttl img {
        width: 40px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width:750px) {
    h3.feature__subttl {
        font-size: 3vw;
    }
}

@media screen and (max-width:480px) {
    h3.feature__subttl {
        margin-bottom: 20px;
        font-size: 5vw;
    }

    h3.feature__subttl img {
        width: 30px;
    }

    h3.feature__subttl img.pb {
        padding-bottom: 40px;
    }

    h3.feature__subttl img.pb_l {
        padding-bottom: 60px;
    }
}

.feature__detail ul li {
    text-indent: -1em;
    padding-left: 1em;
}


/* ==========================================================================
 投稿一覧（アーカイブ）　
 ========================================================================== */

#archives-page {
    margin: 30px 0;
    width: 100vw;
    text-align: center;
}

.archives_inner {
    display: flex;
    flex-wrap: wrap;
    margin: 45px auto;
    justify-content: space-between;
}

.archives_inner .archives_inner_left {
    width: 75%;
    text-align: left;
}

@media screen and (max-width:750px) {
    .archives_inner .archives_inner_left {
        width: 90%;
        margin: 0 5%;
        float: none;
    }
}

h1.archives_cat {
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    color: #000;
    margin: 20px auto 40px;
    width: 100vw;
    position: relative;
    right: calc(50vw - 600px);
}

@media screen and (max-width: 1320px) {
    h1.archives_cat {
        width: 100%;
        right: auto;
        left: 14.3vw;
    }
}

@media screen and (max-width: 750px) {
    h1.archives_cat {
        left: auto;
    }
}

h1.archives_cat a {
    color: #000;
}

article.archives {
    border: 1px solid #ccc;
    padding: 0;
    margin-bottom: 30px;
    clear: both;
    display: block;
    overflow: hidden;
}

article.archives:hover {
    opacity: 0.8;
}

article.archives .archives_img {
    margin: 0 20px 20px 20px;
    float: left;
    width: 348px;
    height: 222px;
    display: block;
    overflow: hidden;
}

article.archives .archives_img img {
    height: auto;
    width: 100%;
}

article.archives .archives-date {
    font-size: 0.7vw;
    color: #a0a2a5;
    letter-spacing: 0.1em;
    margin: 10px 0 0 -40px;
}

article.archives h2.archives_ttl {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    margin: 0 0 20px 0;
    padding: 15px;
    background: #6D44AA;
}

@media screen and (min-width:1600px) {
    article.archives h2.archives_ttl {
        font-size: 20px;
    }
}

@media screen and (max-width:750px) {
    article.archives h2.archives_ttl {
        font-size: 22px;
    }
}

article.archives h2.archives_ttl a {
    color: #fff;
}

article.archives .archives_deta {
    margin: 20px;
    padding: 0;
    color: #000;
    line-height: 1.7;
    font-size: 15px;
}

article.archives .btn-details {
    font-weight: 500;
    font-size: 17px;
    width: 200px;
    height: 35px;
    background: #f39800;
    background-position: 95% 50%;
    border-radius: 3px;
    vertical-align: middle;
    text-align: center;
    margin: 10px;
    padding-top: 15px;
    color: #fff;
    float: right;
}

@media screen and (max-width: 750px) {
    article.archives .btn-details {
        margin-right: 20px;
    }
}

article.archives .btn-details:hover {
    background-color: #f7bd5c;
}

nav.navigation.pagination {
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.pager {
    width: 100%;
    margin: 40px auto;
    justify-content: center;
    display: flex;
}

.page-numbers {
    font-size: 20px;
    font-weight: 400;
    color: #6D44AA;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #6D44AA;
    margin: 0 5px;
}

.page-numbers.current {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    padding: 10px 15px;
    background: #6D44AA;
    border: 1px solid #6D44AA;
    margin: 0;
}

.page-numbers:hover {
    color: #fff;
    background: #6D44AA;
}

.archives_inner .archives_inner_left .wp-pagenavi .current {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    padding: 10px 15px;
    background: #6D44AA;
    border: 1px solid #6D44AA;
    margin: 0 10px;
}

.archives_inner .archives_inner_left .wp-pagenavi a.page {
    font-size: 20px;
    font-weight: 400;
    color: #6D44AA;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #6D44AA;
    margin: 0 10px;
}

.archives_inner .archives_inner_left .wp-pagenavi .nextpostslink,
.archives_inner .archives_inner_left .wp-pagenavi .previouspostslink {
    font-size: 20px;
    font-weight: 400;
    color: #6D44AA;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #6D44AA;
    margin: 0 10px;
}

.archives_inner .archives_inner_left .wp-pagenavi a.page:hover,
.archives_inner .archives_inner_left .wp-pagenavi .nextpostslink:hover,
.archives_inner .archives_inner_left .wp-pagenavi .previouspostslink:hover {
    color: #fff;
    background: #6D44AA;
    border: 1px solid #6D44AA;
    opacity: 1;
}

h2.screen-reader-text {
    display: none;
}

.archives_inner .archives_inner_right {
    width: 20%;
    text-align: left;
    margin: 75px 0 0 0;
    padding: 0;
    right: 0;
}

@media screen and (min-width:751px) and (max-width:1510px) {
    #archives-page {
        margin: 170px auto 100px auto !important;
        width: 90%;
        text-align: center;
    }

    .archives_inner .archives_inner_left {
        width: 70%;
        text-align: left;
        margin-left: 0;
    }

    article.archives .archives_img {
        width: 40%;
    }

    article.archives .archives-date {
        font-size: 14px;
    }

    .archives_inner .archives_inner_right {
        width: 25%;
        text-align: left;
        margin: 75px 0;
        padding: 0;
    }
}

@media screen and (max-width:750px) {
    #archives-page {
        width: 100%;
    }

    .archives_inner .archives_inner_left {
        width: 100%;
        float: none;
        clear: both;
        margin-bottom: 20px;
    }

    article.archives .archives_img {
        width: 92%;
        margin-right: auto;
        margin-left: auto;
        height: auto;
        float: none;
    }

    .archives_inner .archives_inner_right {
        width: 100%;
        float: none;
        clear: both;
        text-align: left;
        padding: 0;
        margin: 0;
    }

    article.archives .archives-date {
        font-size: 14px;
        margin-left: 0;
    }
}


/* ==========================================================================
 投稿ページ
 ========================================================================== */

#post-page {
    margin: 30px 0;
    width: 100vw;
    text-align: center;
}

.page-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 45px auto;
    justify-content: space-between;
}

.page-inner .page-inner_left {
    width: 75%;
    text-align: left;
}

@media screen and (max-width:750px) {
    .page-inner .page-inner_left {
        width: 90%;
        text-align: left;
        margin: 30 auto;
        float: none;
        clear: both;
    }
}

article.contents {
    border: 1px solid #ccc;
    padding: 0;
    top: 20px;
}

article.contents .contents-img {
    margin: 20px 20px 0 20px;
}

article.contents .contents-img img {
    max-width: 100%;
    height: auto;
}

article.contents .contents-date {
    font-size: 12px;
    color: #a0a2a5;
    letter-spacing: 0.1em;
    margin: 10px 20px;
}

article.contents h1.contents-ttl {
    font-size: 23px;
    font-weight: 500;
    color: #fff;
    line-height: 1;
    margin: 0 0 20px 0;
    padding: 15px;
    background: #6D44AA;
}

@media screen and (min-width:1600px) {
    article.contents h1.contents-ttl {
        font-size: 34px;
    }
}

@media screen and (max-width: 768px) {
    article.contents h1.contents-ttl {
        font-size: 2.125vw;
    }
}

@media screen and (max-width:750px) {
    article.contents h1.contents-ttl {
        font-size: 22px;
    }
}

article.contents .content-deta {
    margin: 20px;
    padding: 0;
    color: #000;
    line-height: 1.7;
    font-size: 16px;
}

.page-link {
    display: flex;
    margin: 40px 0;
    justify-content: space-between;
}

.page-link_next a,
.page-link_prev a {
    font-size: 20px;
    font-weight: 400;
    color: #6D44AA;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #6D44AA;
    margin: 0;
}

.page-link_next a:hover,
.page-link_prev a:hover {
    color: #fff;
    background: #6D44AA;
    border: 1px solid #6D44AA;
    opacity: 1;
}

.page-inner .page-inner_right {
    width: 20%;
    text-align: left;
    margin: 0;
    padding: 0;
    right: 0;
}

@media screen and (min-width:751px) and (max-width:1510px) {
    #post-page {
        margin: 150px auto 100px auto !important;
        width: 90%;
        text-align: center;
    }

    .page-inner {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 45px auto;
        width: 100%;
    }

    .page-inner .page-inner_left {
        width: 70%;
        margin: 4px 5% 0 0;
        text-align: left;
    }

    article.contents h1.contents-ttl {
        line-height: 1.5;
    }

    .page-inner .page-inner_right {
        width: 25%;
        text-align: left;
        margin: 0;
        padding: 0;
    }
}

@media screen and (max-width:750px) {
    #post-page {
        width: 94%;
    }

    .page-inner .page-inner_left {
        width: 100%;
        float: none;
        clear: both;
        margin-bottom: 20px;
    }

    .page-inner .page-inner_right {
        width: 100%;
        float: none;
        clear: both;
        text-align: left;
        padding: 0;
        margin: 0;
    }

    article.archives .archives-date {
        font-size: 14px;
        margin-left: 0;
    }
}


/* ==========================================================================
 サイドバー
 ========================================================================== */

aside#sidebar {
    width: 100%;
    margin: 32px 0 0 0;
}

h2.widgettitle {
    width: 90%;
    background: #6D44AA;
    color: #fff;
    font-weight: 500;
    padding: 10px 5%;
    font-size: 1.125vw;
    margin-bottom: 10px;
}

@media screen and (min-width:1600px) {
    h2.widgettitle {
        font-size: 18px;
    }
}

aside#sidebar .section + .section {
    margin-top: 30px;
}

@media screen and (max-width: 750px) {
    aside#sidebar .section + .section {
        margin-top: 40px;
    }
}

aside#sidebar ul {
    margin: 20px 0;
    padding: 0;
}

aside#sidebar ul li {
    padding: 10px 0;
    border-bottom: 1px solid #f6f6f6;
}

aside#sidebar ul li a {
    color: #000;
    font-size: 15px;
    line-height: 1.5;
}

aside#sidebar ul li .post-date {
    color: #999;
    text-align: right;
    margin-top: 5px;
    font-size: 14px;
    display: block;
}

@media screen and (min-width:751px) and (max-width:1510px) {
    aside#sidebar {
        width: 100%;
        margin: 40px 0 0 0;
    }

    h2.widgettitle {
        width: 100%;
        padding: 14px;
        font-size: 18px;
        margin-bottom: 10px;
        text-align: left;
    }

    aside#sidebar ul {
        margin: 0;
    }

    aside#sidebar ul li {
        padding: 10px 0;
        text-align: left;
    }
}

@media screen and (max-width:750px) {
    aside#sidebar {
        width: 100%;
        margin: 20px 0 0 0;
    }

    h2.widgettitle {
        width: 100%;
        padding: 14px;
        font-size: 18px;
        margin-bottom: 0;
        text-align: left;
    }

    aside#sidebar ul {
        margin: 0;
    }

    aside#sidebar ul li {
        padding: 5px 20px;
        text-align: left;
    }
}


/* ==========================================================================
 ぱんくず
 ========================================================================== */

.pankuzu {
    margin: 0 0 20px 0;
    font-size: 13px;
    color: #000;
    text-align: left;
}

.pankuzu a {
    color: #666;
}

@media screen and (max-width:750px) {
    .pankuzu {
        font-size: 10px;
    }
}


/* ==========================================================================
 404
 ========================================================================== */

#post-page {
    margin: 30px 0;
    width: 100vw;
    text-align: center;
}

.error_ttl {
    font-size: 2.5vw;
    text-align: center;
    margin: 100px 0 50px 0;
}

.error_txt {
    text-align: center;
    margin: 30px 0;
}

.error-btn {
    font-weight: 500;
    background: url(/wp-mo/images/front-page/list_arrow.png) no-repeat #f39800;
    background-position: 95% 50%;
    border-radius: 3px;
    text-align: center;
    margin: 40px auto 80px auto;
    padding: 20px 0;
    color: #fff;
    width: 310px;
}

.error-btn a {
    color: #fff;
}

.plan-detail__not-including {
    text-align: left;
    max-width: 1280px;
    margin: 0 auto 3rem;
}

@media screen and (max-width: 1280px) {
    .plan-detail__not-including {
        width: 90%;
        margin: 10px auto 0 auto;
    }
}

.plan-detail__not-including__ttl {
    display: inline-block;
    text-align: left;
    margin-top: 45px;
    padding-bottom: 5px;
    font-size: 24px;
    border-bottom: 1px solid #999;
}

.plan-detail__not-including__ttl::before {
    content: "\f00c";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    padding-right: 0.2em;
    color: #999;
}

.plan-detail__not-including__img {
    margin-top: 10px;
    padding: 20px;
    background: #ffffff;
    -webkit-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);
}

.plan-detail__not-including__img .img-pc {
    display: block;
    max-width: 832px;
    margin: 0 auto;
}

.plan-detail__not-including__img .img-sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .plan-detail__not-including__ttl.show {
        display: block;
    }

    .plan-detail__not-including__list.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .plan-detail__not-including__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 5px;
        border: none;
        margin-top: 20px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .plan-detail__not-including__ttl {
        font-size: 19px;
        line-height: 1.4;
        margin-top: 5rem;
    }

    .plan-detail__not-including__list__item {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #bebebe;
        padding: 5px 0px 15px;
    }

    .plan-detail__not-including__list__item:last-of-type {
        border-bottom: none;
    }

    .plan-detail__not-including__list__item .top-box .left {
        width: 21%;
        padding: 0%;
    }

    .plan-detail__not-including__list__item .top-box .right {
        width: 73%;
        padding-left: 0px;
        font-size: 18px;
        margin-top: 0;
    }

    .plan-detail__not-including__list__item > p {
        text-align: center;
        margin-top: 0px;
    }
}

.plan-detail__not-including__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    text-indent: 0;
    padding: 40px;
    border: 1px solid #eeeeee;
    background: #ffffff;
    margin: 20px auto 0;
    -webkit-box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.1);
}

.plan-detail__not-including__list__item {
    width: 25%;
    line-height: 1.5;
    border-right: 1px solid #bebebe;
    padding: 0 17px;
}

.plan-detail__not-including__list__item:last-of-type {
    border-right: none;
}

.plan-detail__not-including__list__item .top-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.plan-detail__not-including__list__item .top-box .left {
    width: 40%;
    padding: 6%;
}

.plan-detail__not-including__list__item .top-box .right {
    width: 60%;
    font-size: 20px;
}

.plan-detail__not-including__list__item > p {
    font-size: 16px;
    color: #577033;
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    .js-acordion-plan__contents {
        display: none;
    }

    .plan-detail__including__list.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .plan-detail__not-including__ttl.show {
        display: block;
    }

    .plan-detail__not-including__list.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .plan-detail__not-including__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 6%;
        border: none;
        margin-top: 20px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .plan-detail__not-including__list__item {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #bebebe;
        padding: 5px 0px 15px;
    }

    .plan-detail__not-including__list__item:last-of-type {
        border-bottom: none;
    }

    .plan-detail__not-including__list__item .top-box .left {
        width: 21%;
        padding: 0%;
    }

    .plan-detail__not-including__list__item .top-box .right {
        width: 73%;
        padding-left: 0px;
        font-size: 18px;
        margin-top: 0;
    }

    .plan-detail__not-including__list__item > p {
        text-align: center;
        margin-top: 0px;
    }
}