@charset "utf-8"; 


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スニペット　＞　写真・タイトル・テキスト　＞　画像とテキストを逆にする（2023-10-02）mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul[class*="cmn_items_list_box"].reverse > li {
	display: flex;
	flex-direction: column-reverse;
	justify-content: space-between;
}

ul[class*="cmn_items_list_box"].reverse .img_container {
    margin: 25px -25px -25px -25px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
千年オリーブ　大分東へのリンクテキスト(2023-01-20)mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-olive-oita-higashi-child #main_area > * > * > * > .editor_area {
    min-height: 0;
}

.page-olive-oita-higashi-child .official_link {
    font-family: "my_mincho", serif;
    font-size: 2.2rem;
    margin: 0 auto;
    width: fit-content;
    height: 90px;
    display: flex;
    align-items: center;
}

.page-olive-oita-higashi-child .official_link a.basic_btn01 {
    margin-left: 2em;
    font-size: 2rem;
    padding: 12px;
    min-width: 280px;
}

.page-olive-oita-higashi-child .official_link a.basic_btn01:after {
    content: '\f08e';
    font-size: 1.1em;
    position: static;
    margin-left: .5em;
    vertical-align: -2px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
エディタ－エリア内の画像に下余白をつける（トップページ以外）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.reien_top .editor_area img {
    margin-bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　リスト系
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.reien_top .editor_area li {
    margin-top: 0em;
    margin-bottom: 0em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ul.cmn_swipe_list
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.reien_top ul.cmn_swipe_list {
    margin-bottom: 0;
}

body.reien_top ul.cmn_swipe_list li {
    margin-bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
総合トップ霊園トップ共通　＞　パララックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 各霊園ごとに変更 */
body:not(.editor_only)[class*="page-makino"] #home_visual.lazyloaded {
    background-image: url(../images/reien/parallax_makino.jpg);
}

body:not(.editor_only)[class*="katano"] #home_visual.lazyloaded {
    background-image: url(../images/reien/parallax_katano.jpg?date=20220627);
}

body:not(.editor_only)[class*="olive-child"] #home_visual.lazyloaded {
    background-image: url(../images/reien/parallax_1000_olive.jpg?date=20220629);
}

body:not(.editor_only)[class*="sakai-izumi"] #home_visual.lazyloaded {
    background-image: url(../images/reien/parallax_sakaiizumi.jpg?date=20220629);
}

body:not(.editor_only)[class*="olive-makino"] #home_visual.lazyloaded {
    background-image: url(../images/reien/parallax_hirakatamakino.jpg?date=20220629);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
総合トップ霊園トップ共通　＞　トピックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_blog.kugiri_m {
    padding-top: 60px;
    padding-bottom: 80px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
総合トップ霊園トップ共通　＞　インフォメーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_info.kugiri_m {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
霊園トップ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#promo_frame .reien {
    height: 100%;
}

div#promo_frame .reien > .area_a {
    width: 30%;
    min-width: 450px;
    background: no-repeat 50%/cover;
    text-align: center;
    padding-bottom: 45px;
    padding-bottom: clamp(15px,5vh,45px);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

/* 各霊園ごとに変更 */
body.boseki div#promo_frame .reien > .area_a {
    color: #695009;
}

body.jumokuso div#promo_frame .reien > .area_a {
    color: #fff;
}

body[class*="page-makino"] div#promo_frame .reien > .area_a {
    background-image: url(../images/reien/hapi_makino_bg01.jpg);
}

body[class*="katano"] div#promo_frame .reien > .area_a {
    background-image: url(../images/reien/katano_bg01.jpg);
}

body[class*="olive-child"] div#promo_frame .reien > .area_a {
    background-image: url(../images/reien/olive_bg01.jpg);
}

body[class*="sakai-izumi"] div#promo_frame .reien > .area_a {
    background-image: url(../images/reien/olive_sakaiizumi_bg01.jpg);
}

body[class*="olive-makino"] div#promo_frame .reien > .area_a {
    background-image: url(../images/reien/olive_hirakatamakino_bg01.jpg);
}

body[class*="olive-oita-higashi"] div#promo_frame .reien > .area_a {
    background-image: url(../images/reien/olive_oitahigashi_bg01.jpg);
}

/* 分岐で消す take */
div#promo_frame .reien > .area_a p.area {
    display: none;
}

div#promo_frame .reien > .area_a p.open {
    background-image: linear-gradient(to right, #9a8330 0%,#6a5714 100%);
    font-size: 1.8rem;
    padding: 20px;
    align-self: stretch;
    color: #fff;
}

div#promo_frame .reien > .area_a h1 {
    padding-top: 30px;
    padding-top: clamp(20px, 11.7vh, 110px);
}

div#promo_frame .reien > .area_a h1 img {
    width: 380px;
}

.page-olive-oita-higashi-child div#promo_frame .reien > .area_a h1 img {
    width: 385px;
}

body.boseki div#promo_frame .reien > .area_a h1 img {
    width: 285px;
}

@media (max-height: 720px) {
    /* 高さ720px以下の場合 */ div#promo_frame .reien > .area_a h1 {
        width: 290px;
        padding-top: 40px;
    }
}

div#promo_frame .reien > .area_a p.cm {
    font-size: 1.6rem;
    border: 1px solid;
    display: table;
    margin: 0 auto 25px;
    padding: 8px 30px;
}

div#promo_frame .reien > .area_a p.txt {
    font-size: 1.8rem;
}

div#promo_frame .reien > .area_a p.txt .big {
    display: block;
    font-size: 2.2rem;
}

div#promo_frame .reien > .area_a p.addr {
    font-size: 1.5rem;
    line-height: 1.7;
    margin-bottom: 15px;
}

div#promo_frame .reien > .area_a p.addr::before {
    font-family: "icomoon";
    content: '\e90e';
    margin-right: 10px;
    vertical-align: middle;
}

div#promo_frame .reien > .area_a p.addr a {
    color: inherit;
    text-decoration: underline;
}

div#promo_frame .reien > .area_a .tel {
    width: 380px;
    margin: 0 auto 10px;
    background-color: #fff;
    color: #59603d;
    padding: 20px 20px 25px;
}

@media (max-height: 720px) {
    /* 高さ720px以下の場合 */ div#promo_frame .reien > .area_a .tel {
        margin: 0 auto 5px;
        padding: 10px 20px 15px;
        max-width: 330px;
    }
}

div#promo_frame .reien > .area_a .tel p.cmn_tel {
    font-size: 3.4rem;
}

@media (max-height: 720px) {
    /* 高さ720px以下の場合 */ div#promo_frame .reien > .area_a .tel p.cmn_tel {
        font-size: 2.6rem;
    }
}

div#promo_frame .reien > .area_a .tel p.cmn_tel a:before {
    content: '\e900';
    font-family: "icomoon";
    line-height: 1;
    margin-right: 5px;
    color: #b49531;
    font-size: .75em;
    margin-left: -.75em;
}

div#promo_frame .reien > .area_a .tel p.open2 {
    font-size: 1.5rem;
}

div#promo_frame .reien > .area_a p.open3 {
    font-size: 1.5rem;
}

div#promo_frame .reien > .area_b {
    flex: 1 1 0%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
霊園トップ　＞　汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2.reien_cmn_ttl {
    font-family: "my_mincho", serif;
    font-size: 3.6rem;
    color: #fff;
    text-align: center;
    padding: 35px;
    background: no-repeat 50% / cover #c9c9c9;
}

/* 各霊園ごとに変更 */
body.boseki h2.reien_cmn_ttl {
    background-image: url(../images/reien/h2_cmn_ttl_bg02.jpg) ;
}

body.jumokuso h2.reien_cmn_ttl {
    background-image: url(../images/reien/h2_cmn_ttl_bg.jpg) ;
}

h2.reien_cmn_ttl .small {
    font-size: 2.2rem;
    display: block;
    margin-bottom: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
千年オリーブの森 枚方・牧野　＞　イントロ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#reien_intro {
    background: url(../images/reien/concept_hirakatamakino_bg.jpg) no-repeat center / cover;
}

#reien_intro .kugiri_m {
    padding: 150px 0;
}

#reien_intro .inner {
    width: 890px;
    font-family: 'my_mincho';
    color: #fff;
}

#reien_intro p.txt {
    font-size: 3.0rem;
    line-height: 1.8;
    margin-bottom: 15px;
}

#reien_intro p.lead {
    font-size: 4.6rem;
    letter-spacing: 0.01em;
}

#reien_intro span.small {
    font-size: 4.0rem;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
霊園トップ　＞　コンセプト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#reien_concept {
    text-align: center;
}

#reien_concept .kugiri_m {
    padding-top: 100px;
    background: no-repeat 50% 0;
}

body[class*="olive-makino"] #reien_concept .kugiri_m {
    padding-top: 50px;
}

/* 各霊園ごとに変更 */
body[class*="page-makino"] #reien_concept.lazyloaded .kugiri_m {
    background-image: url(../images/reien/concept_bg2.jpg);
}

body[class*="katano"] #reien_concept.lazyloaded .kugiri_m {
    background-image: url(../images/reien/concept_bg3.jpg);
}

body[class*="olive-child"] #reien_concept.lazyloaded .kugiri_m, body[class*="sakai-izumi"] #reien_concept.lazyloaded .kugiri_m {
    background-image: url(../images/reien/concept_bg.jpg) ;
}

body[class*="olive-makino"] #reien_concept.lazyloaded .kugiri_m {
    background: none;
}

#reien_concept p.main_lead1 {
    margin-bottom: 10px;
    color: #695009;
    font-size: 6.0rem;
    line-height: 1.4;
}

/* 各霊園ごとに変更 */
body.boseki #reien_concept p.main_lead1 {
    font-size: 5.0rem;
}

body[class*="sakai-izumi"] #reien_concept p.main_lead1 {
    font-size: 4.8rem;
}

#reien_concept p.main_lead1 .sub {
    display: table;
    margin: 0 auto 20px;
    font-size: 2.4rem;
    padding: 7px 35px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

#reien_concept p.main_lead2 {
    font-size: 3.0rem;
    margin-bottom: 30px;
}

/* 各霊園ごとに変更 */
body.boseki #reien_concept p.main_lead2 {
    font-size: 3.2rem;
}

body[class*="sakai-izumi"] #reien_concept p.main_lead2 {
    font-size: 2.8rem;
}

#reien_concept .main_img img:nth-child(2) {
    margin-top: 2px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
霊園トップ　＞　安心
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#reien_anshin .kugiri_m {
    background: no-repeat 50% 100% / contain;
}

/* 各霊園ごとに変更 */
body.boseki #reien_anshin.lazyloaded .kugiri_m {
    background-image: url(../images/reien/anshin_bg02.jpg);
}

body.jumokuso #reien_anshin.lazyloaded .kugiri_m {
    background-image: url(../images/reien/anshin_bg.jpg);
}

#reien_anshin table.box tr:not(:first-child) {
    counter-increment: rowCount;
}

#reien_anshin table.box tr:first-child th, #reien_anshin table.box tr:first-child td {
    font-size: 3.0rem;
    font-family: "my_mincho", serif;
    background-color: #e4ecc8;
    padding: 10px;
}

#reien_anshin table.box.maki tr:first-child th, #reien_anshin table.box.maki tr:first-child td {
    background-color: #eddcb9;
}

#reien_anshin table.box.kata tr:first-child th, #reien_anshin table.box.kata tr:first-child td {
    background-color: #f1e1e3;
}

#reien_anshin table.box th, #reien_anshin table.box td {
    border: 2px solid #91a255;
    padding: 25px;
    background-color: #fff;
    line-height: 1.4;
}

#reien_anshin table.box.hapi th, #reien_anshin table.box.hapi td {
    border-color: #b49531;
}

#reien_anshin table.box th {
    font-size: 2.0rem;
    font-family: "my_mincho", serif;
    background-color: #f6f6f6;
}

#reien_anshin table.box.hapi th {
    background-color: #f9f9f9;
}

#reien_anshin table.box tr:not(:first-child) th:before {
    content: counter(rowCount);
    background: url(../images/reien/anshin_icon.png) no-repeat 50% 50% / contain;
    width: 63px;
    height: 63px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-right: 15px;
}

#reien_anshin table.box.hapi tr:not(:first-child) th:before {
    background-image: url(../images/reien/anshin_icon02.png);
}

#reien_anshin table.box td {
    text-align: center;
}

#reien_anshin table.box td:nth-of-type(1) {
    background-color: #ffecec;
}

#reien_anshin table.box.maki td:nth-of-type(1) {
    background-color: #fcf7ed;
}

#reien_anshin table.box.kata td:nth-of-type(1) {
    background-color: #fdf6fa;
}

#reien_anshin table.box tr > * [style *= "font-size: 12px"], #reien_anshin table.box tr > * [style *= "font-size: 14px"], #reien_anshin table.box tr > * [style *= "font-size: 16px"], #reien_anshin table.box tr > * [style *= "font-size: 18px"] {
    line-height: 1.8;
}

#reien_anshin table.box .ttl {
    font-size: 2.4rem;
    font-family: "my_mincho", serif;
    margin-bottom: 10px;
    position: relative;
}

#reien_anshin table.box td:nth-of-type(1) .ttl {
    color: #cb3d3d;
}

#reien_anshin table.box.maki td:nth-of-type(1) .ttl {
    color: #aa6800;
}

#reien_anshin table.box.kata td:nth-of-type(1) .ttl {
    color: #a4646a;
}

/*---イラスト用の記述---*/
#reien_anshin table.box td:nth-of-type(1) .ttl:after {
    content: '';
    background: no-repeat 50% 50% / contain;
    position: absolute;
    z-index: 1;
}

#reien_anshin table.box td.family_icon .ttl:after {
    width: 98px;
    height: 105px;
    top: -105px;
    right: -30px;
    background-image: url(../images/reien/table_img2.png);
}

#reien_anshin table.box td.access_icon .ttl:after {
    width: 106px;
    height: 100px;
    top: -85px;
    left: -40px;
    background-image: url(../images/reien/table_img6.png);
}

#reien_anshin table.box td.free_icon .ttl:after {
    width: 130px;
    height: 125px;
    top: -90px;
    right: -40px;
    background-image: url(../images/reien/table_img4.png);
}

#reien_anshin table.box td.eitai_icon .ttl:after {
    width: 113px;
    height: 113px;
    top: -85px;
    left: -50px;
    background-image: url(../images/reien/table_img5.png);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
霊園トップ　＞　価格
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#reien_plan .kugiri_m {
    padding-bottom: 80px;
}

#reien_plan .price_box {
    text-align: center;
    background-color: #f6f2d8;
    padding: 50px 55px;
    margin-bottom: 60px;
}

#reien_plan .price_box p.main_txt {
    margin-bottom: 30px;
}

#reien_plan .price_box ul.items {
    margin-bottom: 35px;
    justify-content: space-between;
}

#reien_plan .price_box ul.items li {
    width: calc(25% - 15px);
}

#reien_plan .price_box ul.items [class*="box"] {
    border: 1px solid #5b561d;
    background-color: #fff;
    position: relative;
}

#reien_plan .price_box ul.items [class*="box"]:not(:last-child) {
    margin-bottom: 40px;
}

#reien_plan .price_box ul.items li:nth-child(1) [class*="box"] {
    border-color: #5b561d;
}

#reien_plan .price_box ul.items li:nth-child(2) [class*="box"] {
    border-color: #465b1d;
}

#reien_plan .price_box ul.items li:nth-child(3) [class*="box"] {
    border-color: #2a4800;
}

#reien_plan .price_box ul.items li.sold [class*="box1"]:before {
    width: 76px;
    height: 75px;
    top: 54px;
    right: 8px;
    background: url(../images/reien/sold_out.png?date=20220426) no-repeat 50% / contain;
    content: '';
    position: absolute;
}

/*---▼box1---*/
#reien_plan .price_box ul.items .box1:after {
    content: '+';
    line-height: 1;
    color: #656565;
    font-size: 5.2rem;
    display: block;
    position: absolute;
    bottom: -42px;
    left: calc(50% - .5em);
}

#reien_plan .price_box ul.items .box1 .tiku {
    font-size: 2.5rem;
    color: #fff;
}

#reien_plan .price_box ul.items li:nth-child(1) .box1 .tiku {
    background-color: #5b561d;
}

#reien_plan .price_box ul.items li:nth-child(2) .box1 .tiku {
    background-color: #465b1d;
}

#reien_plan .price_box ul.items li:nth-child(3) .box1 .tiku {
    background-color: #2a4800;
}

#reien_plan .price_box ul.items li:nth-child(4) .box1 .tiku {
    background-color: #2a4800;
}

#reien_plan .price_box ul.items .box1 .price_wrap {
    justify-content: center;
    padding: 25px 0px 15px;
}

#reien_plan .price_box ul.items .box1 .ttl {
    font-size: 2.6rem;
    margin-right: 5px;
}

#reien_plan .price_box ul.items .box1 .price {
    font-size: 3.3rem;
}

#reien_plan .price_box ul.items .box1 .price.over {
    margin-right:-1em;
}

#reien_plan .price_box ul.items .box1 .price strong {
    font-size: 8.3rem;
    line-height: 1;
    color: #728a28;
}

#reien_plan .price_box ul.items .box1 .price .small {
    font-size: 1.8rem;
}

/*---▼box2---*/
#reien_plan .price_box ul.items .box2 {
    line-height: 1.5;
    padding: 5px;
}

#reien_plan .price_box ul.items .box2:after {
    content: '=';
    line-height: 1;
    color: #656565;
    font-size: 5.2rem;
    display: block;
    position: absolute;
    bottom: -47px;
    left: calc(50% - 22px);
    transform: rotate(90deg);
}

#reien_plan .price_box ul.items .box2 p.price {
    font-size: 2.4rem;
}

#reien_plan .price_box ul.items .box2 p.txt {
    font-size: 1.6rem;
}

#reien_plan .price_box ul.items .box2 p.pink {
    font-size: 1.5rem;
    font-weight: bold!important;
    color: #e06060;
}

/*---▼box3---*/
#reien_plan .price_box ul.items .box3 {
    padding-left: 70px;
    font-size: 2.4rem;
}

#reien_plan .price_box ul.items .box3:before {
    content: '合計';
    font-size: 2.3rem;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 70px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#reien_plan .price_box ul.items li:nth-child(1) .box3:before {
    background-color: #5b561d;
}

#reien_plan .price_box ul.items li:nth-child(2) .box3:before {
    background-color: #465b1d;
}

#reien_plan .price_box ul.items li:nth-child(3) .box3:before {
    background-color: #2a4800;
}

#reien_plan .price_box ul.items li:nth-child(4) .box3:before {
    background-color: #2a4800;
}

#reien_plan .price_box ul.items .box3 strong {
    font-size: 3.0rem;
}

/* 1カラム・2カラム共通 */
#reien_plan .price_box ul.items[class*="column"] li {
    width: 525px;
}

#reien_plan .price_box ul.items[class*="column"] .box1 .price_wrap {
    align-items: center;
}

#reien_plan .price_box ul.items[class*="column"] .box1 .ttl {
    margin: 0 40px 0 calc(-40px - 55px);
}

#reien_plan .price_box ul.items[class*="column"] .box2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 17px 5px;
    flex-direction: column;
}

#reien_plan .price_box ul.items[class*="column"] .box2 .b2_inner {
    display: flex;
    align-items: center;
}

#reien_plan .price_box ul.items[class*="column"] .box2 p.pink {
    width: 100%;
}

#reien_plan .price_box ul.items[class*="column"] .box3 {
    padding-left: 100px;
    padding-right: 100px;
}

#reien_plan .price_box ul.items[class*="column"] .box3:before {
    width: 100px;
}

/* 1カラム */
#reien_plan .price_box ul.items.one_column {
    margin-bottom: 5px;
    justify-content: center;
}

#reien_plan .price_box p.sub_txt {
    margin-bottom: 25px;
    color: #5b561d;
    font-size: 1.5rem;
}

/*---▼金額説明---*/
#reien_plan .price_box .setsumei_box {
    font-size: 2.0rem;
    background-color: #fff;
    border: 1px solid #57521f;
    padding: 15px;
    margin-bottom: 10px;
}

#reien_plan .price_box .setsumei_box p.joken_lead {
    font-size: 2.8rem;
}

#reien_plan .price_box [class*="etai_txt"] {
    text-align: left;
    line-height: 1.5;
}

#reien_plan .price_box [class*="etai_txt"] > * {
    padding: 5px 0 0;
}

#reien_plan .price_box [class*="etai_txt"] dt {
    font-weight: bold;
    width: 165px;
}

#reien_plan .price_box [class*="etai_txt"] dd {
    width: calc(100% - 165px);
}

#reien_plan p.btn {
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
霊園トップ　＞　霊園の特長
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#reien_tokucho .kugiri_m {
    background: no-repeat 50% 100%/100% auto;
}

/* 各霊園ごとに変更 */
body.boseki #reien_tokucho.lazyloaded .kugiri_m {
    background-image: url(../images/reien/tokucho_bg02.jpg);
}

body.jumokuso #reien_tokucho.lazyloaded .kugiri_m {
    background-image: url(../images/reien/tokucho_bg.jpg);
}

#reien_tokucho ul.items {
    margin: 0 -15px -40px;
}

#reien_tokucho ul.items li {
    margin: 0 15px 40px;
    position: relative;
}

#reien_tokucho ul.items li .area_a {
    width: 380px;
}

#reien_tokucho ul.items li .area_a p.img {
    padding-top: 60.5%;
}

#reien_tokucho ul.items li .area_b {
    /* position: absolute; */
    left: 0;
    bottom: 0;
    width: 100%;
    /* background-color: rgba(248,246,238,0.9); */
    padding: 7px 10px;
    /* min-height: 62px; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#reien_tokucho ul.items li .area_b p {
    color: #695009;
    font-family: "my_mincho", serif;
    line-height: 1.4;
    text-align: center;
}

#reien_tokucho p.btn {
    display: table;
    margin: 60px auto 0;
    background-color: #fff;
    border-radius: 3px;
}

#reien_tokucho .f_wrap.btn_wrap {
    justify-content: center;
    gap: 40px;
}

#reien_tokucho p.btn {
    margin: 60px 0 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
霊園トップ　＞　お困り・相談
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#reien_sodan .kugiri_m {
    padding-top: 50px;
    padding-bottom: 60px;
}

#reien_sodan h2.reien_cmn_ttl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 45px;
}

#reien_sodan h2.reien_cmn_ttl a {
    margin-left: 25px;
    background-color: #8a0404;
    font-size: 1.8rem;
}

#reien_sodan ul.items {
    justify-content: center;
    margin: 0 -5px -30px;
}

#reien_sodan ul.items li {
    width: calc(20% - 10px);
    text-align: center;
    border: 3px solid #c6da8e;
    border-radius: 10px;
    padding: 15px 5px;
    margin: 0 5px 30px;
}

#reien_sodan ul.items p.img {
    height: 150px;
    margin-bottom: 5px;
}

#reien_sodan ul.items p.img img {
    height: 100%;
    width: auto;
}

#reien_sodan ul.items p.ttl {
    font-size: 1.7rem;
    font-weight: bold;
}

#reien_sodan ul.items + p {
    margin-top: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
霊園トップ　＞　バナーエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#reien_bnr.kugiri_m {
    padding-top: 0;
    padding-bottom: 80px;
}

#reien_bnr ul.items {
    justify-content: space-between;
}

#reien_bnr ul.items.hapi {
    justify-content: center;
}

#reien_bnr ul.items li p.img {
    /* border: 1px solid #979797; */
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
霊園トップ　＞　アクセス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#reien_access .area_a {
    width: 40%;
    min-width: 580px;
    background: no-repeat 50%/cover #c9c9c9;
    padding: 50px 3%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

/* 各霊園ごとに変更 */
body[class*="page-makino"] #reien_access.lazyloaded .area_a {
    background-image: url(../images/reien/access_bg_makino.jpg);
}

body[class*="katano"] #reien_access.lazyloaded .area_a {
    background-image: url(../images/reien/access_bg_katano.jpg);
}

body[class*="olive-child"] #reien_access.lazyloaded .area_a {
    background-image: url(../images/reien/access_bg_1000.jpg);
}

body[class*="sakai-izumi"] #reien_access.lazyloaded .area_a {
    background-image: url(../images/reien/access_bg_sakaiizumi.jpg);
}

body[class*="olive-makino"] #reien_access.lazyloaded .area_a {
    background-image: url(../images/reien/access_bg_hirakatamakino.jpg);
}

#reien_access .area_a > * {
    width: 500px;
}

#reien_access .area_a .inner {
    color: #fff;
    text-align: center;
    margin-bottom: 25px
}

#reien_access h2.cmn_ttl {
    color: #fff;
    margin-bottom: 30px;
}

#reien_access .area_a h2.cmn_ttl .en {
    font-size: 5.0rem;
}

#reien_access .area_a h2.cmn_ttl .ja {
    display: block;
}

#reien_access .area_a p.txt {
    border-bottom: 1px solid;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

#reien_access .area_a p.addr {
    font-size: 1.6rem;
}

#reien_access .area_a p.addr::before {
    font-family: "icomoon";
    content: '\e90e';
    margin-right: 10px;
    color: #fff;
}

#reien_access .area_a p.addr a{
    color:#fff;
	text-decoration:none;
}

#reien_access .area_a p.txt2 {
    font-size: 1.4rem;
    margin-top: 20px;
}

#reien_access .area_a ul.items {
    text-align: center;
    justify-content: space-between;
}

/* 各霊園ごとに変更 */
body[class*="katano"] #reien_access .area_a ul.items {
    justify-content: center;    
}

body[class*="katano"] #reien_access .area_a ul.items li:not(:last-child) {
    margin-right:10px;
}

#reien_access .area_a ul.items li a {
    display: block;
    width: 160px;
    color: #3c3c3c;
    font-size: 1.6rem;
    border-radius: 3px;
    font-family: "my_mincho", serif;
    padding: 70px 5px 15px;
    background: no-repeat 50% 20px /45px #fff;
}

#reien_access .area_a ul.items li.car a {
    background-image: url(../images/reien/access_icon01.png);
}

#reien_access .area_a ul.items li.train a {
    background-image: url(../images/reien/access_icon03.png);
}

#reien_access .area_a ul.items li.bus a {
    background-image: url(../images/reien/access_icon02.png);
}

#reien_access .area_a ul.items li a:hover {
    opacity: .7;
}

#reien_access .area_b {
    flex: 1 1 0%;
}

#reien_access .area_b p.map {
    padding-top: 466px;
}

body[class*="sakai-izumi"] #reien_access .area_b p.map {
    padding-top: 536px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area2 {
    background: no-repeat 50% 50% / cover;
}

#contact_area2.kugiri_m {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* 各霊園ごとに変更 */
body[class*="page-makino"] #contact_area2.lazyloaded {
    background-image: url(../images/reien/contact_bg02.jpg);
}

body[class*="katano"] #contact_area2.lazyloaded {
    background-image: url(../images/reien/contact_bg03.jpg);
}

body[class*="olive"] #contact_area2.lazyloaded, 
body[class*="sakai-izumi"] #contact_area2.lazyloaded {
    background-image: url(../images/reien/contact_bg.jpg);
}

#contact_area2 .inner {
    border: 3px solid #647200;
    border-radius: 5px;
    background-color: #fff;
    width: 980px;
    padding: 25px 25px 25px 60px;
    margin: 0 auto;
    position: relative;
}

/* 各霊園ごとに変更 */
body[class*="page-makino"] #contact_area2 .inner, body[class*="katano"] #contact_area2 .inner {
    border-color: #b49531;
}

#contact_area2 .inner .gothic, #contact_area2 .inner .gothic * {
    font-weight: 500!important;
}

#contact_area2 .inner h2 {
    text-align: center;
    margin-bottom: 15px;
}

#contact_area2 .inner h2 img {
    width: 350px;
}

.page-olive-oita-higashi-child #contact_area2 .inner h2 img {
    width: 382px;
}

body[class*="page-makino"] #contact_area2 .inner h2 img, body[class*="katano"] #contact_area2 .inner h2 img {
    width: 264px;
}

#contact_area2 .inner p.lead1 {
    font-size: 2.4rem;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    background-color: #151515;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 40px;
    padding: 25px 10px;
}

/* 各霊園ごとに変更 */
body[class*="page-makino-child"] #contact_area2 .inner p.lead1 {
    background-color: #b3781c;
    font-size: 2rem;
}

body[class*="olive-child"] #contact_area2 .inner p.lead1 {
    background-color: #63506a;
}

body[class*="sakai-izumi"] #contact_area2 .inner p.lead1 {
    background-color: #0d3750;
    font-size: 1.8rem;
    line-height: 1.15;
    padding: 27px 10px;
}

body[class*="sakai-izumi"] #contact_area2 .inner p.lead1 .big {
    font-size: 2.8rem;
}

body[class*="olive-makino"] #contact_area2 .inner p.lead1 {
    background-color: #636d3d;
    font-size: 2.0rem;
    line-height: 1.5;
    padding: 35px 10px;
}

body[class*="olive-makino"] #contact_area2 .inner p.lead1 .small {
    font-size: 1.5rem;
    line-height: 2;
}

#contact_area2 .inner p.lead2 {
    font-size: 2.4rem;
    color: #59603d;
    margin: 0 0 20px 125px;
}

#contact_area2 .inner .info_wrap {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

#contact_area2 .inner .info_wrap .area_a {
    text-align: center;
    flex: 1;
    margin-right: 25px;
}

#contact_area2 .inner .info_wrap p.cmn_tel {
    font-size: 4.6rem;
    line-height: 1;
    color: #59603d;
}

#contact_area2 .inner .info_wrap p.cmn_tel a:before {
    content: '\e900';
    font-family: "icomoon";
    line-height: 1;
    margin-right: 5px;
    color: #b49531;
    font-size: .75em;
    margin-left: -.75em;
}

#contact_area2 .inner .info_wrap p.sub_tel {
    font-size: 2.2rem;
    color: #695009;
}

#contact_area2 .inner .info_wrap p.open {
    font-size: 1.5rem;
    line-height: 1.3;
}

#contact_area2 .inner .info_wrap .area_b {
    flex: 1;
    display: flex;
    justify-content: space-between;
    border-left: 1px solid #757e38;
    padding: 10px 0 10px 30px;
}

#contact_area2 .inner .info_wrap .area_b > * {
    flex: 1;
}

#contact_area2 .inner .info_wrap p.btn1 a {
    display: flex;
    height: 105px;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(135deg, #9a8330 0%,#6a5714 100%);
    color: #fff;
    font-size: 2.8rem;
    line-height: 1.4;
}

#contact_area2 .inner .txt_wrap {
    justify-content: center;
    text-align: center;
}

body.pc #contact_area2 .inner .txt_wrap br {
    display: none;
}

#contact_area2 .inner .txt_wrap p.addr a{
    text-decoration:underline;
}
#contact_area2 .inner .txt_wrap p.addr::before {
    font-family: "icomoon";
    content: '\e90e';
    margin-right: 10px;
    vertical-align: middle;
    color: #59603d;
}