@charset "utf-8";
/* CSS Document */
.bgImg::before {background-image:url("../img/theme_1/bg-01.jpg")}
@media screen and (min-width: 751px) {
	.bgImg::before {background-image:url("../img/theme_1/bg-01-pc.jpg")}
}
.boxBgImg {background-image: url("../img/theme_1/bg-02.png");}
.tabs input:checked + .tabLabel {background-color: #ab80a7;}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus{
    border: 1px solid #A296B3;
    box-shadow: 0 0 1px 0 rgba(171,128,167,1);
    outline: 0;
}
.btnTypeA {background-color: #ab80a7;}
.btnTypeB {background-color: #A296B3;}
.btnTypeC {
	color: #280C4E!important;
	border-color: #280C4E;
}
.btnTypeD {
	font-family: 'Noto Serif JP', serif;
	background: -webkit-linear-gradient(left, #A296B3, #341A57);
	background: -o-linear-gradient(left, #A296B3, #341A57);
	background: linear-gradient(to right, #A296B3, #341A57);
}
.sharebutton{background-color: #bba4b3;}
.chat-input-section .btn-success{
    background-color: #856FA5!important;
    border-color: #856FA5!important;
}
.hr {background-color: #dad5e0;}
.hr::before, .hr::after {background-color: #dad5e0;}
.formTtl:checked + .togglebtnLabel{background: #856FA5; }
.headerArea .img{content: url( "../img/theme_1/logo.svg")}
.headerback-btn{content: url("../img/theme_1/back-btn.svg")}
.loading-proc .img{content: url( "../img/theme_1/logo.svg")}
/*メニュー一覧*/
.menu-icon{background-color: #d8c4d5;}
.menu-icon-logo{content: url( "../img/theme_1/w-bklogomark.svg");}
.item-count{background-color: #ab80a7;}
.menu-list .menu-icon::before{border-color: transparent #c9b2c5 transparent transparent;}
.menu-list .text{border-left: 6px solid #d8c4d5;}
/*ハンバーガーメニュー*/
.navi_inner .logo{content: url("../img/theme_1/logo.svg")}
.navi_inner .guide-logo{content: url( "../img/theme_1/w-bklogomark.svg")}
.navi_inner .logo-filter{ filter: invert(0%) sepia(86%) saturate(420%) hue-rotate(299deg) brightness(225%) contrast(60%);}
/*===============================================================
   # モーダル=============================================================*/
.attend, .absent {color: #280C4E;}
.attend::before {border: 2px solid #DAD5E0;}
.absent::before, .absent::after {background-color: #DAD5E0;}
.modalSearch h2 {background-color: #856FA5;}
.btnSubmit {background-color: #A296B3;}
/*===============================================================
   # ownerトップページ=============================================================*/
.loader-first,
.loading-proc{background-image: url("../img/theme_1/bg-01.jpg");}
@media screen and (min-width: 751px) {
	.loader-first,
    .loading-proc{background-image:url("../img/theme_1/bg-01-pc.jpg")}
}
.loader .img{content: url( "../img/theme_1/splash-logo.svg");}
.mainEntranceFirst h1::after{background-color: #dad5e0;}
.Ttlannotation{border-bottom: 3px solid #a289a2;}
.mainEntranceFirst .Ttlannotation h2:after{border-bottom: solid 3px #ab80a7;}
.mainEntranceFirst .theme-info .img{content: url( "../img/theme_1/intro-1.png");}
.mainEntranceFirst .theme-info .text::after{
    content: "テーマカラーは紫\A蓮の花をモチーフとしたデザイン";
}
.mainEntranceFirst .flow-menu{
    background: linear-gradient(to bottom, #c2a3bf 0%, #b991b5 50%, #c2a3bf 50%, #c2a3bf 100%);
}
.mainEntranceFirst .setting::after{background-image: url("../img/theme_1/deco-line-b.svg");}
.mainEntranceFirst .funeral-title p{color: #a57da0;}
.mainEntranceFirst .funeral-title p::after{content: url(../img/theme_1/deco-line-u.svg);}
/*===============================================================
   # openトップページ=============================================================*/
.splash-logo{content: url( "../img/theme_1/logo.svg");}
.mainEntranceFirst .btnOval{background-color: #ab80a7;}
.introWindow hr {background-color: #dad5e0;}
.introWindow hr::before, .introWindow hr::after {background-color: #dad5e0;}
.mainEntranceFirst .boxScene h2::before{
    filter: invert(0%) sepia(86%) saturate(420%) hue-rotate(299deg) brightness(225%) contrast(60%);
}
.introImg{content: url( "../img/theme_1/intro-1.png");}
.introWindow {border: 1px solid #A296B3;}
/*===============================================================
   # ご手配=============================================================*/
.btnTypeG{background-color: #A296B3;}
.pageImgTtl::before  {
	filter: invert(0%) sepia(86%) saturate(420%) hue-rotate(299deg) brightness(225%) contrast(60%);
}
.mainEntranceFirst .Ttlannotation h2::before{
	filter: invert(0%) sepia(86%) saturate(420%) hue-rotate(299deg) brightness(225%) contrast(60%);
}
.historyList .order-category {color: #856FA5;}
.agree-btns .checkbox-label::after,
.join-btns .checkbox-label::after,
.attendance-list .attendance-ceremony span.attend{background-color: #A296B3;}
.completeMsg .img {content: url( "../img/theme_1/logo.svg");}
.condolence-example-list .select-btn{content: url( "../img/theme_1/transaction-icon.svg");}
.return{background-color: #a67ca1;}
.swal-button {background-color: #A296B3;}
.swal-button:not([disabled]):hover {background-color: #A296B3;}
.giftselect .select-area .plus,
.giftselect .select-area .minus{background-color: #c9b2c5;}
.giftselect .select-area .btnSelect{background-color: #c9b2c5;}
.searchzip-btn{background-color: #A296B3;}
.category-select input[type=radio] + label::after {background:#A296B3;}
.contact-info::before{content: url("../img/theme_1/deco-line-u.svg");}
.contact-info::after{content:url("../img/theme_1/deco-line-b.svg");}
.ttlUnderline {background-color: #f2eef8!important;}
label.btnUpfile {background: #A296B3;}
.input-area label,
.funeralconfirm-con dl,
.ttlLeft,
.attendance-list{border-left: solid 3px #c9b2c5;}
/*===============================================================
   # お悔み管理 ============================================================ */
.giftMain [type=checkbox]:checked+label:after ,
.editKoden [type=checkbox]:checked+label:after {background-color: #856FA5;}
.userInfo .sendmail-btn,
.giftMain .gift-btn{background-color: #ab80a7;}
.jointName{background-color: #a67ca1;}
.nothingMsg .img {content: url( "../img/theme_1/logo.svg");}

/*===============================================================
   # アルバム投稿
===============================================================*/
.timelineUl li h2 {color: #c3b2d8;}
.timelineUl li h2::before {background-color: #DAD5E0;}
.timelineUl li::before{background-color: #DAD5E0;}
.timelineTopic h3::after{background-image: url(../img/theme_1/deco-line-b.svg);}
.timelineUl .post-area{background: #f9f4ff;}
.timelineUl .post-area::after{ border-right: 20px solid #f9f4ff;}
.memoriesDisplays input:checked + label::before {background: #856FA5;}
/*===============================================================
   # お悔み投稿
===============================================================*/
.btnToPost {background-color: #856FA5;}
.letterList h3 {color: #856FA5;}
.txtLimit::after {color: #A296B3;}
.outsetMsg {border-color: #A296B3;}
.exampleNav a.isColor, .exampleMain .btnExample {background-color: #856FA5;}
.exampleMain h2 {color: #856FA5;}
.btnTypeF {background-color: #A296B3;}

/*===============================================================
   # 訃報
===============================================================*/
.funeralreportMain .funeral-icon,
.openfuneralreportMain .funeral-icon{
    background-image: url("../img/theme_1/funeral-icon.svg?20230206");
}
.funeralBgImg{background-image:url(../img/theme_1/bg-02.png) , url(../img/theme_1/bg-02r.png);}
.funeral-body h4::after,
.order-accounts h4::after{content:url("../img/theme_1/deco-line-u.svg")}
.funeral-body h3::after{content: url("../img/theme_1/frh3-line.svg");}
.share-btn{background-color: #A296B3;}
.border-top-bold{border-top: 5px solid #a289a2;}
/*===============================================================
   # 設定
===============================================================*/
.add-henreiitem [type=checkbox]:checked+label:after {background-color: #856FA5}
.radioStyle input:checked+label:after{background-color: #856FA5;}
.imgSelect + label::after,
.allsetting .imgSelect + label::after{border-color: #B076C6;}
.setting .formTtl:checked + .togglebtnLabel{background: #856FA5; }
.btnDecision:not(:disabled) {background-color: #A296B3;}
.allsetting .settingcheck p{border-left: solid 3px #c9b2c5;}
/*===============================================================
   # ご利用の流れ
===============================================================*/
.flow .flowContents h4 span{color: #57486d;}
.flow .flowContents li::before{content:url( "../img/theme_1/transaction-icon.svg");}
.flow .Ttlannotation .img{content:url( "../img/theme_1/transaction-icon.svg");}
.flow .partition-img{content: url( "../img/theme_1/funeral-icon.svg")}
.flow .timelineUl li h3 span{content:url( "../img/theme_1/flow-icon.svg")}
.flow .timelineUl li h3{background: #73618e;}
.flow .timelineUl li::before{background-color: #b2a4c8;}
.flow .timelineUl li h4::before{background-color: #a296b3;}
.flow .timelineUl li h4{border-bottom: 4px double #a296b3;}
#page_top{background: #856FA5;}
.flow .timelineUl li .img-1{content: url( "../img/theme_1/flow/img-1.png");}
.flow .timelineUl li .img-2{content: url( "../img/theme_1/flow/img-2.png");}
.flow .timelineUl li .img-5{content: url( "../img/theme_1/flow/img-5.png");}
.flow .timelineUl li .img-14{content: url( "../img/theme_1/flow/img-14.png");}
.flow .timelineUl li .img-7{content: url( "../img/theme_1/flow/img-7.png");}
.flow .timelineUl li .img-8{content: url( "../img/theme_1/flow/img-8.png");}
.flow .timelineUl li .img-6{content: url( "../img/theme_1/flow/img-6.png");}
.flow .timelineUl li .img-12{content: url( "../img/theme_1/flow/img-12.png");}
.flow .timelineUl li .img-13{content: url( "../img/theme_1/flow/img-13.png");}
.flow .timelineUl li .img-17{content: url( "../img/theme_1/flow/img-17.png");}
.flow .timelineUl li .img-20{content: url( "../img/theme_1/flow/img-20.png");}
.flow .timelineUl li .img-22{content: url( "../img/theme_1/flow/img-22.png");}
.flow .timelineUl li .img-23{content: url( "../img/theme_1/flow/img-23.png?set0001");}
.flow .timelineUl li .img-24{content: url( "../img/theme_1/flow/img-24.png");}
.flow .timelineUl li .img-25{content: url( "../img/theme_1/flow/img-25.png");}
.flow .timelineUl li .img-26{content: url( "../img/theme_1/flow/img-26.png");}
.flow .timelineUl li .img-27{content: url( "../img/theme_1/flow/img-27.png");}
.flow .timelineUl li .img-28{content: url( "../img/theme_1/flow/img-28.png");}
.flow .timelineUl li .img-29{content: url( "../img/theme_1/flow/img-29.png");}
.flow .timelineUl li .img-30{content: url( "../img/theme_1/flow/img-30.png");}
.flow .timelineUl li .img-31{content: url( "../img/theme_1/flow/img-31.png");}
.flow .timelineUl li .img-32{content: url( "../img/theme_1/flow/img-32.png");}
.flow .timelineUl li .img-33{content: url( "../img/theme_1/flow/img-33.png");}
/*===============================================================
   # 404,500
===============================================================*/
.notFoundbg .nothing-line .img{content: url( "../img/theme_1/logomark.svg");}
.notFoundbg .notfound{color: #bba4b3;}
.notFoundbg .notfound::after,
.notFoundbg .notfound::before{background-color: #bba4b3;}

/*===============================================================
   # 葬儀検索
===============================================================*/
.funeralsearch-form span{background: #ab82a7;}

/*==============================================================
   # 特定商取引法に基づく表記
============================================================== */
.transaction dl{border-left: solid 3px #c9b2c5;}

/*==============================================================
   # タブレット以上
============================================================== */
@media screen and (min-width: 768px) {
    .timelineUl .post-area::after{border-right: 30px solid #f9f4ff;}
}