@charset "UTF-8";

html {
	overflow-y: scroll;
overflow-x:hidden;
  -webkit-text-size-adjust: 100%; /* iOS Safari用 */
  text-size-adjust: 100%;         /* 標準仕様 */
}


header {
  position: relative;
  z-index: 11;
  /*チェックボックス等は非表示に*/
  /*アイコンのスペース*/
  /*ハンバーガーアイコン*/ }
  header#site-header {
    top: 0; }
    @media only screen and (min-width: 999px) {
      header#site-header {
        position: fixed;
        width: 100%; } }
  header .headerInner {
    padding: 5px 0;
    background: #fff;
    z-index: 15; }
  header .header__right-left {
    padding: 0 25px 0 0; }
  @media only screen and (max-width: 768px) {
    header .header__right-right {
      display: none; } }
  header .headerInner-wrapp {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  header .header__right {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 768px) {
      header .header__right {
        width: 50%; } }
  @media only screen and (max-width: 768px) {
    header .header__left {
      width: 50%; }
      header .header__left img {
        width: 80%; } }
  @media only screen and (max-width: 768px) {
    header .icon-freedial-red {
      padding-right: 5px;
      width: 20px; } }
  header .sp-header {
    background: white;
    padding: 10px 80px 10px 20px;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 570px) {
      header .sp-header {
        display: flex;
        padding: 10px 45px 10px 10px; } }
    header .sp-header .sp-header-logo {
      width: 50%; }
  header .sp-header-logo img {
    max-width: 242px;
    width: 100%; }
  header .sp-header-tel {
    text-align: center;
    padding-right: 30px; }
    @media only screen and (max-width: 768px) {
      header .sp-header-tel {
        padding-right: 0; } }
  @media only screen and (max-width: 768px) and (max-width: 768px) {
    header .sp-header-tel .large {
      font-size: 1rem; } }

    @media only screen and (max-width: 570px) {
      header .sp-header-tel {
        font-size: 0.7em; }
        header .sp-header-tel .footer-freedial-icon {
          width: 18px;
          margin-right: 2px; } }
  header .sp-nav-wrapp {
    padding: 15px; }
    header .sp-nav-wrapp li {
      padding: 15px; }
    header .sp-nav-wrapp a {
      color: #fff;
      font-size: 18px; }
  header #nav-drawer {
    position: absolute;
    right: 22px;
    top: 14px; /*** 20260414修正 ***/
}
    @media only screen and (max-width: 570px) {
      header #nav-drawer {
        right: 11px; } }
  header .nav-unshown {
    display: none; }
  header #nav-open {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle; }
    @media only screen and (max-width: 570px) {
      header #nav-open {
        width: 22px;
        height: 22px; } }
  header #nav-open span, header #nav-open span:before, header #nav-open span:after {
    position: absolute;
    height: 4px;
    width: 40px;
    border-radius: 4px;
    background: #681a19;
    display: block;
    content: '';
    cursor: pointer;
    overflow: visible; }




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

20260516 PCグロナビ

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

.grobalnavi-wrapp-pc {
  background: rgba(66, 50, 39, 0.7);
  overflow: visible; }
  .grobalnavi-wrapp-pc .grobalnavi {
    display: flex;
    justify-content: space-between;
    overflow: visible; }
  .grobalnavi-wrapp-pc li {
    display: block;
    overflow: visible;
    padding: 5px 0;
    text-align: center;
    width: 16%; }
    .grobalnavi-wrapp-pc li:first-child a {
      border-left: solid 1px #fff; }
  .grobalnavi-wrapp-pc a {
    border-right: solid 1px #fff;
    color: #fff;
    display: block;
    font-family: "Yu Mincho", "YuMincho", serif;
    padding: 5px 0;
    width: 100%; }

/*** グロナビサブメニュー ***/
  .hasChild .childMenu-inner {
    background: rgba(66, 50, 39, 0.9);
    padding: 15px 15px 15px 0; }
  .hasChild li {
    border: none !important;
    width: 100% !important;
    text-align: left !important;
    padding: 0 10px 0 0 !important;
    position: relative; }
    .hasChild li:before {
      content: '\f105';
      color: #fff;
      font-family: fontawesome;
      position: absolute;
      left: -15px;
      top: 5px;
      font-size: 1em; }






 /*** 20260414追加 ***/
 @media only screen and (max-width: 768px) {

p.menutxt{
font-size:11px;
padding:28px 0 0 3px;
color:#681a19;
}

}

 /*** 20260414追加 ***/
@media only screen and (max-width: 570px) {
p.menutxt{
font-size:7px;
padding:17px 0 0 0;
color:#681a19;
}
}


				@media only screen and (max-width: 570px) {
      header #nav-open span, header #nav-open span:before, header #nav-open span:after {
        width: 22px; } }
  header #nav-open span:before {
    bottom: -11px; }
    @media only screen and (max-width: 570px) {
      header #nav-open span:before {
        bottom: -5px; } }
  header #nav-open span:after {
    bottom: -22px; }
    @media only screen and (max-width: 570px) {
      header #nav-open span:after {
        bottom: -10px; } }
  header #nav-close {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out; }
  header #nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 90%;
    max-width: 330px;
    height: 100%;
    background: #fff;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%); }
  header #nav-input:checked ~ #nav-close {
    display: block;
    opacity: .5; }
  header #nav-input:checked ~ #nav-content {
    background: #423227;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15); }
#totop {
  z-index: 15;
  text-align: right;
  position: fixed;
  right: 0;
  display: block;
  bottom: 130px; /*** 20260415 修正 ***/
}



/*** 20260415 追加 ***/
.keyVisual {
  background: url(../images/keyvisual.jpg) no-repeat center center;
  background-size: cover;
  height: auto;
  top: 0;
  width: 100%;
  z-index: 8;
  position: fixed; 
}


/*** 20260415 追加 ***/
  @media only screen and (max-width: 768px) {
    .keyVisual {
      position: relative;
      background: none; 
  top: -40px;

}
						.keyVisual img {
        width: 100%; 
} 
}

/*** 20260415 追加 ***/
		@media only screen and (max-width: 570px) {
    .keyVisual {
      position: relative;
      background: none; 
  top: -25px;

}
						.keyVisual img {
        width: 100%; 
} 
}


/*** 20260414 追加 ***/
		.keyVisual .catch1 {
    color: #fff;
line-height:1.4em;
    font-size: 45px;
text-align:center;
    position: absolute; 
    font-family: "Yu Mincho", "YuMincho", serif;
    top: 50%;/*** 20260414追加 ***/
    left: 50%;/*** 20260414追加 ***/
    transform: translate(-50%, -110%);/*** 20260414追加 ***/
}

/*** 20260414 追加 ***/
		.keyVisual .catch2 {
    color: #fff;
	font-size:19px;
    position: absolute; 
text-align:center;
    font-family: "Yu Mincho", "YuMincho", serif;
    top: 50%;/*** 20260414追加 ***/
    left: 50%;/*** 20260414追加 ***/
    transform: translate(-50%, -240%);/*** 20260414追加 ***/
}


/*** 20260415 追加 ***/
		.keyVisual .pcPlan {
    position: absolute; 
    top:38%;
    left: 10px;
}

		.keyVisual .pcPlan img{
width:90%;
}



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

20260415 追加  世波さん追加

**************************************************************************************************/
.senamiArea1{
display:block;
position:absolute;
top:20px;
left:0;
}

.senamiArea1 img{
width:324px;
}

.senamiArea2{
display:none;
}
.senamiArea3{
display:none;
}

@media only screen and (max-width: 768px) {
.senamiArea2{
display:block;
position:absolute;
top:0;
left:0;
}

.senamiArea2 img{
width:130px;
}



.senamiArea1{
display:none;
}

.senamiArea3{
display:none;
}

}

@media only screen and (max-width: 570px) {
.senamiArea3{
display:block;
position:absolute;
top:45px;
left:-15px;
}

.senamiArea3 img{
width:130px;
}


.senamiArea2{
display:none;
}

.senamiArea1{
display:none;
}
}


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

20260415 追加  70周年ロゴ

**************************************************************************************************/
.memorialLogo70{
display:block;
position:absolute;
top:70%;
right:20px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);

}

.memorialLogo70 img{
width:200px;
}


@media only screen and (max-width: 768px) {
.memorialLogo70{
top:70%;
right:10px;
}

.memorialLogo70 img{
width:150px;
}

}

@media only screen and (max-width: 570px) {
.memorialLogo70{
top:75%;
right:-5px;
}

.memorialLogo70 img{
width:100px;
}
}


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

20260416 追加  TOP危篤訃報箇所のリアルタイムガイド

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

    .firstTime .urgent-box .urgent-heading {
      background: #423227;
      color: #fff;
      padding: 10px 0;
      position: absolute;
      right: 70px;
      text-align: center;
      top: 0px;
      width: 260px; }
      @media only screen and (max-width: 768px) {
        .firstTime .urgent-box .urgent-heading {
          top: 0px;
          right: 50%;
          margin-right: -130px; } }
      .firstTime .urgent-box .urgent-heading a {
        color: #fff; }
    .firstTime .urgent-box .urgent-inner {
      padding: 55px 15px 0 180px; }
      @media only screen and (max-width: 768px) {
        .firstTime .urgent-box .urgent-inner {
          padding: 65px 10px 0 170px; }
          .firstTime .urgent-box .urgent-inner img {
            max-width: 379px; } }


.realtimeGuide{
border:solid 1px #e50012;
background:#fff;
margin:5px 0 0 0;
}

.realtimeGuide p{
color:#333;
font-weight:700;
text-align:left;
line-height:1.6em;
font-size:14px;
padding:10px 5px 10px 10px;
}

.realtimeGuide p span{
color:#e50012;
margin:0 2px;
}

.realtimeGuide p span.atten{
color:#e50012;
font-size:17px;
}


@media only screen and (max-width: 768px) {
.realtimeGuide p{
font-size:13px;
}

.realtimeGuide p span.atten{
font-size:15px;
}

}

@media only screen and (max-width: 570px) {
.realtimeGuide p{
font-size:12px;
}

.realtimeGuide p span.atten{
font-size:14px;
}

}



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

20260416 追加  TOPスタッフ紹介

**************************************************************************************************/
.topStaffArea{
width:1080px;
margin:0px auto 80px auto;
}

/*** 社長PC版 ***/
.topStaffArea .bossBoxPc{
display:block;
}

.topStaffArea .bossBoxPc img{
width:100%;
}

/*** 社長スマホ版はPCでは非表示 ***/

.topStaffArea .bossBoxSp{
display:none;
}


.topStaffArea .topStaffBox{
margin:20px auto 0 auto;
}

.topStaffArea .topStaffBox ul {
margin:0 auto;
text-align:center;
width:100%;
padding:0;
}

.topStaffArea .topStaffBox ul li{
width:32%;
vertical-align:top;
display:inline-block;
}




.topStaffArea .topStaffBox ul li:nth-child(2){
margin:0 2% 30px 2%;
}

.topStaffArea .topStaffBox ul li:nth-child(5){
margin:0 2%;
}


.topStaffArea .topStaffBox ul li img{
width:100%;
}

.topStaffArea .topStaffBox ul li p.cap{
text-align:center;
margin:5px 0 0 0;
color:#555;
font-weight:700;
font-size:16px;
line-height:1.5em;
}

.topStaffArea .topStaffBox ul li p.sc{
text-align:center;
margin:5px 0 0 0;
color:#555;
font-size:16px;
line-height:1.5em;
}


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

.topStaffArea{
width:92%;
margin:0px auto 40px auto;
padding:0 4%;
}


/*** 社長スマホ版 ***/

.topStaffArea .bossBoxSp{
display:block;
}

.topStaffArea .bossBoxSp img{
width:100%;
}

/*** 社長PC版はスマホでは非表示 ***/
.topStaffArea .bossBoxPc{
display:none;
}




.topStaffArea .topStaffBox ul li{
width:48%;
vertical-align:top;
display:inline-block;
}

.topStaffArea .topStaffBox ul li:nth-child(2){
margin:0 2% 30px 2%;
}

.topStaffArea .topStaffBox ul li:nth-child(5){
margin:0 2%;
}

.topStaffArea .topStaffBox ul li:nth-child(odd){
margin:0 4% 30px 0;
}


.topStaffArea .topStaffBox ul li:nth-child(even){
margin:0 0 30px 0;
}

.topStaffArea .topStaffBox ul li p.cap{
text-align:center;
margin:5px 0 0 0;
color:#555;
font-weight:700;
font-size:14px;
line-height:1.5em;
}

.topStaffArea .topStaffBox ul li p.sc{
text-align:center;
margin:5px 0 0 0;
color:#555;
font-size:14px;
line-height:1.5em;
}


}




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

20260516 追加  TOPH2強調文字

**************************************************************************************************/
h2.h2-large span {
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;

}





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

20260416 追加  TOPご葬儀プランの紹介

**************************************************************************************************/
.homePlanArea{
width:100%;
margin:0 0 0 0;
padding:50px 0 50px 0;
background:#f8f4f1;
}

.homePlanBox{
width:1080px;
margin:0 auto;

}


.homePlanBox .ct p{
font-size:32px;
margin:0 0 15px 0;
color:#000;
line-height:2.0em;
font-weight:700;
text-align:center;
text-shadow: 1px 1px 0px #fff;
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;
}

.homePlanBox .ct p span{
font-size:50px;
color:#681a19;
margin:0 3px;
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;
}


@media only screen and (max-width: 768px) {
.homePlanArea{
padding:30px 0 30px 0;
}


.homePlanBox{
width:94%;
margin:0 auto;
padding:0 3%;
}

.homePlanBox .ct p{
font-size:16px;
margin:0 0 10px 0;
color:#000;
line-height:2.0em;
font-weight:700;
text-align:center;
text-shadow: 1px 1px 0px #fff;
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;
}

.homePlanBox .ct p span{
font-size:28px;
color:#681a19;
margin:0 3px;
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;
}


}


/*****************************************/
/***  地域最安値&最高品質保証の吹き出し***/
/*****************************************/

.homePlanBox .hukidashi1 {
  position: relative;
  margin: 0 auto;
text-align:center;
  padding: 5px 0;
width:400px;
letter-spacing:1.5px;
color:#fff;

  background: #c40b0b;
  border-radius: 5px;
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;
}

.homePlanBox .hukidashi1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 10px solid #c40b0b;
}

.homePlanBox .hukidashi1 p {
  margin: 0;
  padding: 0;
		font-size:20px;
color:#fff;
}

@media only screen and (max-width: 768px) {
.homePlanBox .hukidashi1 {
width:100%;
}

.homePlanBox .hukidashi1 p {
		font-size:18px;
}


}

/*****************************************/
/***  地域最安値&最高品質保証のテキスト***/
/*****************************************/
.homePlanBox .hoshoTxt{
font-size:25px;
text-align:center;
margin:20px 0 0 0;
font-weight:700;
text-shadow: 1px 1px 0px #fff;
}

.homePlanBox .hoshoTxt strong {
	background: linear-gradient(transparent 70%, #febfbf 40%);
	font-weight:bold;
}

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

.homePlanBox .hoshoTxt{
font-size:18px;
text-align:center;
margin:20px 0 0 0;
font-weight:700;
}

.homePlanBox .hoshoTxt strong {
	background: linear-gradient(transparent 70%, #febfbf 40%);
	font-weight:bold;
}

}



/*****************************************/
/***  プラン内容4つ***/
/*****************************************/
.homePlanBox ul {
width:1080px;
margin:30px auto 0 auto;
padding:0;
}

.homePlanBox ul li .inner{
padding:15px 20px;
}

.homePlanBox ul li {
width:528px;
display:inline-block;
margin:0;
vertical-align:top;
background:#fff;
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1);
box-shadow:2px 2px 2px rgba(0,0,0,0.1);
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
}

.homePlanBox ul li:nth-child(even) {
margin:0 0 0 20px;
}


.homePlanBox ul li .planLeftBox{
display:inline-block;
width:190px;
margin:10px 18px 0 0;
vertical-align:middle;
}

.homePlanBox ul li .planRightBox{
width:280px;
margin:0 0 0 0;
display:inline-block;
vertical-align:middle;
}


@media only screen and (max-width: 768px) {
/*****************************************/
/***  プラン内容4つ***/
/*****************************************/

.homePlanBox ul {
width:100%;
margin:30px auto 0 auto;
padding:0;
}

.homePlanBox ul li .inner{
padding:5px 15px 15px 15px;
}


.homePlanBox ul li {
width:100%;
display:block;
margin:0 0 30px 0;
vertical-align:top;
background:#fff;
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1);
box-shadow:2px 2px 2px rgba(0,0,0,0.1);
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
}

.homePlanBox ul li:nth-child(even) {
margin:0 0 30px 0;
}


.homePlanBox ul li .planLeftBox{
display:inline-block;
width:35%;
margin:10px 3% 0 0;
vertical-align:middle;
}

.homePlanBox ul li .planRightBox{
width:62%;
margin:4px 0 0 0;
display:inline-block;
vertical-align:middle;
}

}



/*****************************************/
/***  見出し関連 ***/
/*****************************************/
.homePlanBox ul li h3{
text-align:center;
color:#fff;
line-height:1.1em;
font-weight:700;
font-size:18px;
padding:9px 0 7px 0;
}

.homePlanBox ul li h4{
text-align:center;
font-weight:700;
line-height:1.1em;
font-size:45px;
color:#333;
}

.homePlanBox ul li h4 span{
text-align:center;
font-weight:700;
line-height:1.1em;
font-size:28px;

}

.homePlanBox ul.planUpper li .thum{
width:100%;
}

.homePlanBox ul li .thum img{
width:100%;
}


.homePlanBox ul li p{
font-size:15px;
line-height:1.75em;
margin:10px 0 0 0;
}


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

.homePlanBox ul li h3{
text-align:center;
color:#fff;
line-height:1.1em;
font-weight:700;
font-size:16px;
padding:9px 0 9px 0;
}

.homePlanBox ul li h4{
text-align:center;
font-weight:700;
line-height:1.1em;
font-size:35px;
color:#333;
}

.homePlanBox ul li h4 span{
text-align:center;
font-weight:700;
line-height:1.1em;
font-size:17px;

}

.homePlanBox ul.planUpper li .thum{
width:100%;
margin:8px 0;
}

.homePlanBox ul li .thum img{
width:100%;
}


.homePlanBox ul li p{
font-size:15px;
line-height:1.75em;
margin:10px 0 0 0;
}

}



/*****************************************/
/***  費用 ***/
/*****************************************/

.homePlanBox dl{
margin:20px 0 0 0;
}

.homePlanBox dl dt{
display:inline-block;
vertical-align:middle;
width:90px;
margin:0 5px 0 0;
}

.homePlanBox dl dd{
display:inline-block;
vertical-align:middle;
width:185px;
}


.homePlanBox ul li .kotohogiTxt{
font-size:12px;
color:#fff;
line-height:1.4em;
text-align:center;
padding:15px 0 3px 0;
background:#c40b0b;

border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
   font-family: "メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
}


.homePlanBox ul li .kotohogiTxt span{
font-size:34px;
font-weight:700;
}

.homePlanBox ul li .kotohogiTxt span.en{
font-size:17px;
}

.homePlanBox ul li p.price1{
font-size:20px;
line-height:1.5em;
text-align:center;
color:#c40b0b;
   font-family: "メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
}


.homePlanBox ul li p.price1 span{
font-size:50px;
text-align:center;
color:#c40b0b;
font-weight:700;
margin:0 3px;
}


.homePlanBox ul li p.price2{
font-size:12px;
line-height:1.2em;
text-align:center;
margin:3px 0 0 0;
color:#555;
   font-family: "Arial","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
}


.homePlanBox ul li p.price2 span{
font-size:15px;
text-align:center;
font-weight:700;
margin:0 3px;
}


/*****************************************/
/***  項目カテゴリの初期化（グレー） ***/
/*****************************************/
.homePlanBox ul li .shiki1, .homePlanBox ul li .shiki2, .homePlanBox ul li .shiki3, .homePlanBox ul li .shiki4, .homePlanBox ul li .shiki5, .homePlanBox ul li .shiki6{
display:inline-block;
background:#d8d8d8;
width:16.4%;
margin:10px 0 0 0;
text-align:center;
font-size:14px;
font-weight:700;
padding:6px 0 5px 0;
line-height:1.1em;
border-right:solid 1px #fff;
color:#fff;
}




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

/*****************************************/
/***  費用 ***/
/*****************************************/

.homePlanBox dl{
margin:0 0 0 0;
}

.homePlanBox dl dt{
display:inline-block;
vertical-align:middle;
width:26%;
margin:0 1% 0 0;
padding:0;
}

.homePlanBox dl dd{
display:inline-block;
vertical-align:middle;
width:73%;
padding:8px 0 0 00;
}


.homePlanBox ul li .kotohogiTxt{
font-size:10px;
color:#fff;
line-height:1.4em;
text-align:center;
padding:8px 0 3px 0;
background:#c40b0b;
margin:10px 0 0 0;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
}

.homePlanBox ul li .kotohogiTxt span{
font-size:24px;
font-weight:700;
}

.homePlanBox ul li .kotohogiTxt span.en{
font-size:11px;
margin:0 0 0 3px;
}

.homePlanBox ul li p.price1{
font-size:14px;
line-height:1.5em;
text-align:center;
color:#c40b0b;
   font-family: "メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
}


.homePlanBox ul li p.price1 span{
font-size:42px;
text-align:center;
color:#c40b0b;
font-weight:700;
margin:0 0 0 3px;
}


.homePlanBox ul li p.price2{
font-size:10px;
line-height:1.2em;
text-align:center;
margin:5px 0 0 0;
color:#555;
   font-family: "Arial","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
}


.homePlanBox ul li p.price2 span{
font-size:14px;
text-align:center;
margin:0 3px;
}


/*****************************************/
/***  項目カテゴリの初期化（グレー） ***/
/*****************************************/
.homePlanBox ul li .shiki1, .homePlanBox ul li .shiki2, .homePlanBox ul li .shiki3, .homePlanBox ul li .shiki4, .homePlanBox ul li .shiki5, .homePlanBox ul li .shiki6{
display:inline-block;
background:#d8d8d8;
width:16.2%;
margin:10px 0 0 0;
text-align:center;
font-size:12px;
padding:6px 0 5px 0;
line-height:1.1em;
border-right:solid 1px #fff;
color:#fff;
}


}




/*********************/
/***  一日葬プラン ***/
/*********************/
.homePlanBox ul li.plan1 h3{
background:#84bc9f;
}

.homePlanBox ul li.plan1 {
border:solid 1px #84bc9f;
}

.homePlanBox ul li.plan1 .shiki1, .homePlanBox ul li.plan1 .shiki2, .homePlanBox ul li.plan1 .shiki3, .homePlanBox ul li.plan1 .shiki5, .homePlanBox ul li.plan1 .shiki6{
background:#84bc9f;
}

.homePlanBox ul li.plan1 .btn1{
color:#fff;
font-size:18px;
text-align:center;
font-weight:700;
padding:10px 0;
background:#84bc9f;
position:relative;
}

.homePlanBox ul li.plan1 .btn1:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
position:absolute;
font-weight: 900;
font-size: 100%;
top:50%;
right:30px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
.homePlanBox ul li.plan1 .btn1{
font-size:14px;
padding:8px 0 8px 0;
}

.homePlanBox ul li.plan1 .btn1:after{
top:50%;
right:20px;
}


}



/*********************/
/***  家族葬プラン ***/
/*********************/
.homePlanBox ul li.plan2 h3{
background:#dfba61;
}

.homePlanBox ul li.plan2 {
border:solid 1px #dfba61;
}

.homePlanBox ul li.plan2 .shiki1, .homePlanBox ul li.plan2 .shiki2, .homePlanBox ul li.plan2 .shiki3, .homePlanBox ul li.plan2 .shiki4, .homePlanBox ul li.plan2 .shiki5, .homePlanBox ul li.plan2 .shiki6{
background:#dfba61;
}

.homePlanBox ul li.plan2 .btn2{
color:#fff;
font-size:18px;
text-align:center;
font-weight:700;
padding:10px 0;
background:#dfba61;
position:relative;
}

.homePlanBox ul li.plan2 .btn2:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
position:absolute;
font-weight: 900;
font-size: 100%;
top:50%;
right:30px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
.homePlanBox ul li.plan2 .btn2{
font-size:14px;
padding:8px 0 8px 0;
}

.homePlanBox ul li.plan2 .btn2:after{
top:50%;
right:20px;
}

}



/*********************/
/***  一般葬プラン ***/
/*********************/
.homePlanBox ul li.plan3 h3{
background:#65a1c6;
}

.homePlanBox ul li.plan3 {
border:solid 1px #65a1c6;
}


.homePlanBox ul li.plan3 .shiki1, .homePlanBox ul li.plan3 .shiki2, .homePlanBox ul li.plan3 .shiki3, .homePlanBox ul li.plan3 .shiki4,.homePlanBox ul li.plan3 .shiki5, .homePlanBox ul li.plan3 .shiki6{
background:#65a1c6;
}

.homePlanBox ul li.plan3 .btn3{
color:#fff;
font-size:18px;
text-align:center;
font-weight:700;
padding:10px 0;
background:#65a1c6;
position:relative;
}

.homePlanBox ul li.plan3 .btn3:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
position:absolute;
font-weight: 900;
font-size: 100%;
top:50%;
right:30px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
.homePlanBox ul li.plan3 .btn3{
font-size:14px;
padding:8px 0 8px 0;
}

.homePlanBox ul li.plan3 .btn3:after{
top:50%;
right:20px;
}

}



/*********************/
/***  直葬プラン ***/
/*********************/
.homePlanBox ul li.plan4 h3{
background:#ec9ca0;
}


.homePlanBox ul li.plan4 {
border:solid 1px #ec9ca0;
}

.homePlanBox ul li.plan4 .shiki1, .homePlanBox ul li.plan4 .shiki2, .homePlanBox ul li.plan4 .shiki3, .homePlanBox ul li.plan4 .shiki6{
background:#ec9ca0;
}

.homePlanBox ul li.plan4 .btn4{
color:#fff;
font-size:18px;
text-align:center;
font-weight:700;
padding:10px 0;
background:#ec9ca0;
position:relative;
}

.homePlanBox ul li.plan4 .btn4:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
position:absolute;
font-weight: 900;
font-size: 100%;
top:50%;
right:30px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
.homePlanBox ul li.plan4 .btn4{
font-size:14px;
padding:8px 0 8px 0;
}

.homePlanBox ul li.plan4 .btn4:after{
top:50%;
right:20px;
}

}



/*********************/
/***  シンプルプラン ***/
/*********************/
.homePlanBox ul li.plan5 h3{
background:#ec9ca0;
}


.homePlanBox ul li.plan5 {
border:solid 1px #ec9ca0;
}

.homePlanBox ul li.plan5 .shiki1, .homePlanBox ul li.plan5 .shiki3, .homePlanBox ul li.plan5 .shiki6{
background:#ec9ca0;
}


.homePlanBox ul li.plan5 .shiki2, .homePlanBox ul li.plan5 .shiki3{
background:#f5cdcf;
}



.homePlanBox ul li.plan5 .btn5{
color:#fff;
font-size:18px;
text-align:center;
font-weight:700;
padding:10px 0;
background:#ec9ca0;
position:relative;
}

.homePlanBox ul li.plan5 .btn5:after{
font-family: "Font Awesome 5 Free";
content:'\f054';
position:absolute;
font-weight: 900;
font-size: 100%;
top:50%;
right:30px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
.homePlanBox ul li.plan5 .btn5{
font-size:14px;
padding:8px 0 8px 0;
}

.homePlanBox ul li.plan5 .btn5:after{
top:50%;
right:20px;
}

}



/*** この他にも多数のプランテキスト	***/
.otherPlanTxt{
background:#fff;
border:solid 2px #681a19;
padding:20px;
color:#681a19;
text-align:center;
font-size:25px;
line-height:1.6em;
margin:40px 0 0 0;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
}

@media only screen and (max-width: 768px) {
/*** この他にも多数のプランテキスト	***/
.otherPlanTxt{
padding:15px;
color:#681a19;
text-align:center;
font-size:18px;
line-height:1.6em;
margin:30px 0 0 0 ;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
}


}



/*** プランをマウスオーバーした際にテキストのリンク下線なし	***/
.homePlanBox ul li a:link {
	text-decoration: none;
}
.homePlanBox ul li a:visited {
	text-decoration: none;
}
.homePlanBox ul li a:hover {
	text-decoration: none;
}
.homePlanBox ul li a:active {
	text-decoration: none;
}



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

20260417 追加  アクセスマップ

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

.homeGoogleMapBox{
width:1080px;
margin:50px auto 50px auto;

}

.homeGoogleMapBox h3{
font-size:40px;
color:#681a19;
margin:0 0 15px 0;
line-height:1.5em;
text-align:center;
font-weight:700;
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;
}


.homeGoogleMapBox .descri p{
font-size:18px;
margin:0 0 10px 0;
color:#333;
line-height:1.7em;
text-align:center;
}



.homeGoogleMapBox .exp p{
font-size:18px;
margin:20px 0 0 0;
color:#333;
line-height:1.7em;
text-align:center;
}



@media only screen and (max-width: 768px) {
.homeGoogleMapBox{
width:94%;
margin:30px auto 30px auto;
padding:0 3%;
}

.homeGoogleMapBox h3{
font-size:32px;
color:#681a19;
margin:0 0 10px 0;
line-height:1.5em;
text-align:center;
font-weight:700;
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;
}


.homeGoogleMapBox .descri p{
font-size:15px;
margin:0 0 10px 0;
color:#333;
line-height:1.7em;
text-align:center;
}


.homeGoogleMapBox .exp p{
font-size:15px;
margin:20px 0 0 0;
color:#333;
line-height:1.7em;
text-align:left;
}


.homeGoogleMapBox .googlemap{
position: relative;
padding-bottom: 75%; /*これが縦横比*/
height: 0;
overflow: hidden;
margin:20px 0 0 0;
}

.homeGoogleMapBox .googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
}




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

20260417 追加  式場アンカーリンクボタン4つ

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

.homeHallArea{
width:100%;
margin:0;
padding:50px 0 30px 0;
background:#f6f4ec;
}


.homeHallBox{
width:1080px;
margin:0 auto;
position:relative;
}


.homeHallBox h3{
font-size:40px;
color:#333;
margin:0 0 20px 0;
line-height:1.5em;
text-align:center;
font-weight:700;
   font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}


.homeHallBox ul {
padding:0;
}

.homeHallBox ul.btn {
width:100%;
margin:0 auto;
text-align:center;
}

.homeHallBox ul.btn li {
width:49%;
display:inline-block;
margin:0 2% 15px 0;
vertical-align:top;
}

.homeHallBox ul.btn li:nth-child(even){
width:49%;
display:inline-block;
margin:0 0 15px 0;
vertical-align:top;
}


/*****************************************/
/***  ボタン4つ表示***/
/*****************************************/

.homeHallBox ul.btn li a{
	font-size:20px;
	vertical-align:middle;
text-align:center;
	line-height:1.6em;
	text-decoration: none;
	display: block;
margin:0 auto 0 auto;
	padding:15px 0 12px 0;
background:#fff;
	color:#333;
border:solid 1px #ccc;
border-bottom:solid 5px #ccc;
position:relative;
border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius:8px;
}

.homeHallBox ul.btn li a span{
	font-size:24px;
}

.homeHallBox ul.btn li .visited a, {
	opacity:1.0;
}


.homeHallBox ul.btn li a:hover {
background:#d3645d;
	color:#fff;
opacity:1.0;
border:solid 1px #d3645d;
border-bottom:solid 5px #920d0b;

}

.homeHallBox ul.btn li a:active {
background:#d3645d;
	color:#fff;
opacity:1.0;
border:solid 1px #d3645d;
border-bottom:solid 5px #920d0b;

}

.homeHallBox ul.btn li a:after{
font-family: "Font Awesome 5 Free";
content:'\f078';
position:absolute;
font-weight: 900;
font-size: 100%;
top:50%;
right:20px;
color:#920d0b;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.homeHallBox ul.btn li a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f078';
position:absolute;
font-weight: 900;
font-size: 100%;
top:50%;
right:20px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}



/*****************************************/
/***  ボタン4つ下の文字 ***/
/*****************************************/
p.hallExpTxt{
font-size:20px;
color:#555;
text-align:center;
margin:10px 0 0 0;
line-height:1.5rm;
}


/********************************************/
/********************************************/
/***  式場アンカーリンクボタン4つスマホ表示***/
/********************************************/
/********************************************/
@media only screen and (max-width: 768px) {

.homeHallArea{
width:100%;
margin:0;
padding:30px 0 30px 0;
background:#f6f4ec;
}

.homeHallBox{
max-width:94%;
margin:0 auto;
position:relative;
padding:0 3%;
}

.homeHallBox h3{
font-size:30px;
color:#333;
margin:0 0 20px 0;
line-height:1.5em;
text-align:center;
font-weight:700;
   font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}


.homeHallBox ul {
padding:0;
}

.homeHallBox ul.btn {
width:100%;
margin:0 auto;
text-align:center;
}

.homeHallBox ul.btn li {
width:49%;
display:inline-block;
margin:0 2% 15px 0;
vertical-align:top;
}

.homeHallBox ul.btn li:nth-child(even){
width:49%;
display:inline-block;
margin:0 0 15px 0;
vertical-align:top;
}


/*****************************************/
/***  ボタン ***/
/*****************************************/
.homeHallBox ul.btn li a{
	font-size:12px;
	vertical-align:middle;
text-align:center;
	line-height:1.8em;
	text-decoration: none;
	display: block;
margin:0 auto 0 auto;
	padding:12px 0 15px 0;
background:#fff;
	color:#333;
border:solid 1px #ccc;
border-bottom:solid 5px #ccc;
position:relative;
border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius:8px;
}

.homeHallBox ul.btn li a span{
	font-size:18px;
}


.homeHallBox ul.btn li .visited a, {
	opacity:1.0;
}

.homeHallBox ul.btn li a:hover {
background:#d3645d;
	color:#fff;
opacity:1.0;
border:solid 1px #d3645d;
border-bottom:solid 5px #920d0b;
}

.homeHallBox ul.btn li a:active {
background:#d3645d;
	color:#fff;
opacity:1.0;
border:solid 1px #d3645d;
border-bottom:solid 5px #920d0b;
}

.homeHallBox ul.btn li a:after{
font-family: "Font Awesome 5 Free";
content:'\f078';
position:absolute;
font-weight: 900;
font-size: 100%;
top:78%;
left:50%;
color:#920d0b;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);
}

.homeHallBox ul.btn li a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f078';
position:absolute;
font-weight: 900;
font-size: 100%;
top:78%;
left:50%;
color:#fff;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);
}


/*****************************************/
/***  ボタン4つ下の文字 ***/
/*****************************************/
p.hallExpTxt{
font-size:15px;
color:#555;
text-align:center;
padding:0 10px;
margin:0 0 0 0;
line-height:1.5rm;
}


}





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

20260417 追加  式場追加

******************************************************************************/
.areaFacilityArea{
width:100%;
margin:0 0 0 0;
padding:40px 0 40px 0;
background:#f6f4ec;
}

.areaFacilityBox{
width:1080px;
margin:0 auto;
}


.areaFacilityBox ul {
width:100%;
margin:15px 0 0 0;
padding:0;

  list-style: none; /* 点を消す */
  padding-left: 0;  /* デフォルトの左余白を消す */

}

.areaFacilityBox ul li {
width:100%;
margin:0 0 40px 0;
border:solid 2px #d3645d;
vertical-align:top;
background:#fff;
border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius: 8px;

}

/*****************************************/
/***  タイトル ***/
/*****************************************/
.areaFacilityBox ul li .ttlBox{
border-bottom:solid 2px #d3645d;
padding:20px 20px 15px 30px;
background:#d3645d;
}

.areaFacilityBox ul li .ttlBox h2{
font-size:28px;
color:#fff;
line-height:1.0em;
padding:0 0 0 10px;
font-weight:700;
text-align:left;
float:left;
}


.areaFacilityBox ul li .facilityInfo{
padding:15px 10px 10px 15px;
position:relative;
}


/*****************************************/
/***  サムネ画像　4プラン用 ***/
/*****************************************/
.areaFacilityBox ul li .facilityInfo .thumbBox{
width:390px;
margin:0 20px 0 0;
display:inline-block;
vertical-align:middle;
}

.areaFacilityBox ul li .facilityInfo .thumbBox img{
width:100%;
width: 390px; /* 希望のサイズ */
  height: 320px; /* 幅と同じにして正方形に */
  object-fit: cover; /* 画像をトリミング */
    border-radius: 4px;
}

/*************************************************/
/***  サムネ画像　ご自宅・寺院・集会所等専用 ***/
/*************************************************/
.areaFacilityBox ul li .facilityInfo .thumbBox2{
width:390px;
margin:0 20px 0 0;
display:inline-block;
vertical-align:middle;
}

.areaFacilityBox ul li .facilityInfo .thumbBox2 img{
width:100%;
width: 390px; /* 希望のサイズ */
  height: 150px; /* 幅と同じにして正方形に */
  object-fit: cover; /* 画像をトリミング */
    border-radius: 4px;
}


/*****************************************/
/***  スマホ用のみボタンは非表示 ***/
/*****************************************/
.areaFacilityBox ul li .facilityInfo .spContactBox{
display:none;
}

/*** 電話をかけるボタン START ***/
.areaFacilityBox ul li .facilityInfo .spContactBox .btn1 a{
display:none;
}

/*** 電話をかけるボタン END ***/

/*** 詳細を見るボタン START ***/
.areaFacilityBox ul li .facilityInfo .spContactBox .btn2 a{
display:none;
}
/*** 詳細を見るボタン END ***/




/*****************************************/
/***  右側の情報エリア ***/
/*****************************************/

.areaFacilityBox ul li .facilityInfo .txtInfoBox{
width:635px;
display:inline-block;
vertical-align:top;

text-align:middle;
}


/*****************************************/
/***  住所とアクセス ***/
/*****************************************/
.areaFacilityBox ul li .facilityInfo .txtInfoBox p.directions{
margin:0 0 8px 0;
font-size:17px;
line-height:1.8em;
text-align:left;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox p.directions i{
color:#d3645d;
margin:0 5px 0 0;
width:24px;
position:static;
font-size:130%;
}


/*****************************************/
/***  イメージ画像複数 ***/
/*****************************************/
.areaFacilityBox ul li .facilityInfo .txtInfoBox .landscapeBox ul li{
display:inline-block;
width:110px;
border:solid 0px #d3645d;
margin:0 10px 0 0;
vertical-align:top;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .landscapeBox ul li:last-child{
margin:0 0 0 0;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .landscapeBox ul li img{
width: 110px; /* 希望のサイズ */
  height: 80px; /* 幅と同じにして正方形に */
  object-fit: cover; /* 画像をトリミング */
    border-radius: 4px;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .landscapeBox p{
font-size:15px;
margin:10px 0 0 0;
color:#333;
line-height:1.5em;
}



/*****************************************/
/***  PC用のみ電話とお問合せボタン ***/
/*****************************************/
.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li{
display:inline-block;
width:300px;
border:solid 0px #d3645d;
margin:0 20px 0 0;
vertical-align:top;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li:last-child{ 
width:300px;
margin:0;
}

/*** 電話 ***/
.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li p{
font-size:15px;
color:#333;
margin:0;
line-height:1.3em;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li .tel{
font-size:36px;
color:#d3645d;
font-weight:700;
margin:0;
line-height:1.5em;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li .tel img{
width:25px;
margin:0 10px 0 0;
}

/*** ボタン ***/
.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li .btn a{
margin:10px 0 0 0;
width:300px;
	font-size:18px;
text-align:center;
	color:#000;
	line-height:1.6em;
	text-decoration: none;
	display: block;
position:relative;
	padding:15px 0 13px 0;
background:#e6e6e6;
border-bottom:solid 3px #a0a0a0;
border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius:4px;
}


.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li .btn .visited a, {
	opacity:1.0;
}


.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li .btn a:hover {
	opacity:0.7;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li .btn a:active {
	opacity:0.7;
}


.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li .btn :before{
font-family: "Font Awesome 5 Free";
content:'\f138';
color:#d3645d;
font-weight: 900;
font-size:100%;
position:absolute;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);

}
/*** PC用のみ表示ここまでEND ***/


/*****************************************/
/***  アンカーリンクヘッダー固定分ひく ***/
/*****************************************/

#hall1 {
  margin-top : -110px;
  padding-top : 110px;
}


#hall2 {
  margin-top : -110px;
  padding-top : 110px;
}

#hall3 {
  margin-top : -110px;
  padding-top : 110px;
}

#hall4 {
  margin-top : -110px;
  padding-top : 110px;
}



/*****************************************/
/*****************************************/
/***  TOPプランのスマホ表示エリア ***/
/*****************************************/
/*****************************************/
@media only screen and (max-width: 768px) {
.areaFacilityArea{
width:100%;
margin:0 0 0 0;
padding:0px 0 15px 0;
background:#f6f4ec;
border-top:solid 1px #f6f4ec;
}

.areaFacilityBox{
width:94%;
margin:0 auto;
padding:0 3%;
}

.areaFacilityBox ul {
width:100%;
margin:15px 0 0 0;
padding:0;
  list-style: none; /* 点を消す */
  padding-left: 0;  /* デフォルトの左余白を消す */

}

.areaFacilityBox ul li {
width:100%;
margin:0 0 20px 0;
border:solid 2px #ccc;
vertical-align:top;
background:#fff;
border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px;

}

/*****************************************/
/***  タイトル ***/
/*****************************************/
.areaFacilityBox ul li .ttlBox{
border-bottom:solid 1px #ccc;
padding:12px 10px 12px 10px;
background:#f5f5f5;
}


.areaFacilityBox ul li .ttlBox h2{
font-size:20px;
color:#333;
line-height:1.4em;
border-left:solid 3px #69191a;
padding:0 0 0 12px;
font-weight:700;
text-align:left;
float:left;
}


.areaFacilityBox ul li .facilityInfo{
padding:10px 10px 15px 10px;
position:relative;
}


/*****************************************/
/***  サムネ画像　4プラン用 ***/
/*****************************************/
.areaFacilityBox ul li .facilityInfo .thumbBox{
width:52%;
margin:0 3% 0 0;
display:inline-block;
vertical-align:middle;
}

.areaFacilityBox ul li .facilityInfo .thumbBox img{
width: 100%; /* 希望のサイズ */
  height: auto; /* 幅と同じにして正方形に */
  object-fit: cover; /* 画像をトリミング */
    border-radius: 4px;
}

/*************************************************/
/***  サムネ画像　ご自宅・寺院・集会所等専用 ***/
/*************************************************/

.areaFacilityBox ul li .facilityInfo .thumbBox2{
width:52%;
margin:0 3% 0 0;
display:inline-block;
vertical-align:middle;
}

.areaFacilityBox ul li .facilityInfo .thumbBox2 img{
width: 100%; /* 希望のサイズ */
  height: auto; /* 幅と同じにして正方形に */
  object-fit: cover; /* 画像をトリミング */
    border-radius: 4px;
}


/*********************************************/
/***  スマホ用のみ表示電話と詳細リンクボタン ***/
/*********************************************/

.areaFacilityBox ul li .facilityInfo .spContactBox{
width:45%;
display:inline-block;
vertical-align:middle;
}

/*** 電話をかけるボタン START ***/
.areaFacilityBox ul li .facilityInfo .spContactBox .btn1 a{
width:100%;
	font-size:18px;
text-align:center;
	color:#fff;
	line-height:1.6em;
	text-decoration: none;
	display: block;
position:relative;
margin:0 0 10px 0;
	padding:12px 0 11px 0;
background:#d3645d;
font-weight:700;
border-bottom:solid 5px #ccc;
border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius:8px;
}


.areaFacilityBox ul li .facilityInfo .spContactBox .btn1 .visited a, {
	opacity:1.0;
}


.areaFacilityBox ul li .facilityInfo .spContactBox .btn1 a:hover {
	opacity:0.7;
}

.areaFacilityBox ul li .facilityInfo .spContactBox .btn1 a:active {
	opacity:0.7;
}
/*** 電話をかけるボタン END ***/

/*** 詳細を見るボタン START ***/
.areaFacilityBox ul li .facilityInfo .spContactBox .btn2 a{
width:100%;
	font-size:18px;
text-align:center;
	color:#fff;
	line-height:1.6em;
	text-decoration: none;
	display: block;
position:relative;
margin:0 0 0 0;
	padding:12px 0 11px 0;
background:#53b98f;
font-weight:700;
border-bottom:solid 5px #ccc;
border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius:8px;
}


.areaFacilityBox ul li .facilityInfo .spContactBox .btn2 .visited a, {
	opacity:1.0;
}


.areaFacilityBox ul li .facilityInfo .spContactBox .btn2 a:hover {
	opacity:0.7;
}

.areaFacilityBox ul li .facilityInfo .spContactBox .btn2 a:active {
	opacity:0.7;
}
/*** 詳細を見るボタン END ***/



/*****************************************/
/***  情報エリア　サムネ下部 ***/
/*****************************************/

.areaFacilityBox ul li .facilityInfo .txtInfoBox{
width:100%;
display:block;
vertical-align:top;

text-align:middle;
}


/*****************************************/
/***  住所とアクセス ***/
/*****************************************/
.areaFacilityBox ul li .facilityInfo .txtInfoBox p.directions{
margin:10px 0 8px 0;
font-size:15px;
line-height:1.8em;
text-align:left;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox p.directions i{
color:#d3645d;
margin:0 5px 0 0;
width:20px;
position:static;
font-size:130%;
}


/*****************************************/
/***  イメージ画像3つ固定 ***/
/*****************************************/
.areaFacilityBox ul li .facilityInfo .txtInfoBox .landscapeBox ul{
text-align:center;
margin:0 auto;
padding:0;
width:100%;
}


.areaFacilityBox ul li .facilityInfo .txtInfoBox .landscapeBox ul li{
display:inline-block;
width:32%;
border:solid 0px #d3645d;
margin:0 2% 0 0;
vertical-align:top;

}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .landscapeBox ul li:last-child{
margin:0 0 0 0;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .landscapeBox ul li:nth-child(3){
margin:0 0 0 0;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .landscapeBox ul li:nth-child(4), .areaFacilityBox ul li .facilityInfo .txtInfoBox .landscapeBox ul li:nth-child(5){ 
display:none;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .landscapeBox ul li img{
width: 100%; /* 希望のサイズ */
  height: auto; /* 幅と同じにして正方形に */
  object-fit: cover; /* 画像をトリミング */
    border-radius: 4px;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .landscapeBox p{
font-size:15px;
margin:10px 0 0 0;
color:#333;
line-height:1.5em;
}


/*********************************************/
/***  PC用のみ電話とお問合せボタンは非表示 ***/
/*********************************************/
.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox{
display:none;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li{
display:none;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li:last-child{ 
width:300px;
margin:0;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li p{
display:none;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li .tel{
display:none;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li .tel img{
display:none;
}

.areaFacilityBox ul li .facilityInfo .txtInfoBox .hallContactBox ul li .btn a{
display:none;
}



/*****************************************/
/***  アンカーリンクヘッダースマホ用 ***/
/*****************************************/
#hall1 {
  margin-top : -10px;
  padding-top :10px;
}


#hall2 {
  margin-top : -10px;
  padding-top :10px;
}

#hall3 {
  margin-top : -10px;
  padding-top :10px;
}

#hall4 {
  margin-top : -10px;
  padding-top :10px;
}





}




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

20260418 追加  TOPお客様の声

**************************************************************************************************/
.homeVoiceArea{
width:100%;
margin:0;
padding:50px 0 60px 0;
}

.homeVoiceBox{
width:1080px;
margin:0 auto;
}



/***********************************/
/*** 全体タイトル ***/
/***********************************/

.homeVoiceBox h2{
font-size:40px;
color:#000;
margin:0 0 20px 0;
line-height:1.5em;
font-weight:700;
text-align:center;
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;
}

.homeVoiceBox h2 span{
font-size:40px;
color:#d60000;
margin:0 0 20px 0;
line-height:1.5em;
font-weight:700;
text-align:center;
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;
	background: linear-gradient(transparent 60%, #fefea5 30%);
	font-weight:bold;
}



/***********************************/
/*** タイトル下文章 ***/
/***********************************/

.homeVoiceBox p.descri{
font-size:18px;
text-align:center;
line-height:1.8em;
padding:0 0;
margin:0;
color:#555;
}

.homeVoiceBox ul{
margin:30px 0 30px 0;
padding:0;
}

.homeVoiceBox ul li{
width:49%;
margin:0 2% 30px 0;
display:inline-block;
vertical-align:top;
background:#f8f4f1;
border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius:8px;
}

.homeVoiceBox ul li:nth-child(even){ 
width:49%;
margin:0 0 30px 0;
}

.homeVoiceBox ul li .innerBox{
padding:20px 18px;
}


/***********************************/
/*** 左側エリア ***/
/***********************************/

.homeVoiceBox .caseListBoxL{
display:inline-block;
vertical-align:middle;
width:45%;
margin:0 0 0 0;
}


/***********************************/
/*** 右側エリア ***/
/***********************************/

.homeVoiceBox .caseListBoxR{
display:inline-block;
vertical-align:middle;
margin:0 0 0 3%;
width:52%;
}

.homeVoiceBox .caseListBoxL img{
width:100%;
}



/***********************************/
/*** タイトル ***/
/***********************************/
.homeVoiceBox h3{
font-size:20px;
font-weight:700;
line-height:1.6em;
color:#333;
text-align:center;
padding:0 0 15px 0;
margin:0 0 20px 0;
border-bottom:solid 1px #d2d2d2;
}


/***********************************/
/*** 右側情報テキスト***/
/***********************************/

.homeVoiceBox .caseListBoxR p{
font-size:15px;
text-align:left;
line-height:1.8em;
color:#555;
padding:0 0;
margin:0 0 5px 0;
}



/***********************************/
/*** 場所と式場のアイコン ***/
/***********************************/

.homeVoiceBox p.listicon{
margin:0 0 8px 0;
font-size:15px;
line-height:1.8em;
text-align:left;
}

.homeVoiceBox p.listicon i{
color:#d3645d;
margin:0 5px 0 0;
width:15px;
position:static;
font-size:100%;
}



/***********************************/
/*** お客様より文章 ***/
/***********************************/

.homeVoiceBox .customer{
font-size:15px;
text-align:left;
color:#555;
line-height:1.8em;
margin:10px 0 0 0;
}

.homeVoiceBox .customer span{
font-weight:700;
margin:0 5px 0 0;
}




/****************************/
/*** 各リストボタン ***/
/****************************/
.homeVoiceBox .listbtn a{
	font-size:14px;
width:200px;
	vertical-align:middle;
text-align:center;
	font-weight:700;
	color:#000;
	line-height:1.6em;
	text-decoration: none;
	display: block;
margin:20px auto 0 auto;
	padding:7px 0;
background:#fff;
border:solid 1px #ccc;
position:relative;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius:5px;
}

.homeVoiceBox .listbtn .visited a, {
	opacity:1.0;
}

.homeVoiceBox .listbtn a:hover {
background:#d3645d;
color:#fff;
border:solid 1px #d3645d;
	opacity:1.0;
}

.homeVoiceBox .listbtn a:active {
	opacity:1.0;
}

.homeVoiceBox .listbtn a:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
color:#d3645d;
font-weight: 900;
font-size:100%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.homeVoiceBox .listbtn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
color:#fff;
font-weight: 900;
font-size:100%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}



/***********************************/
/*** 全てのアンケートをみるボタン ***/
/***********************************/
.homeVoiceBox .btn a{
width:450px;
	font-size:20px;
	vertical-align:middle;
text-align:center;
	font-weight:700;
	color:#fff;
	line-height:1.6em;
	text-decoration: none;
	display: block;
margin:50px auto 0 auto;
	padding:25px 0 25px 0;
background:#8d4821;
border-bottom:solid 5px #4e2313;
position:relative;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius:5px;
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}


.homeVoiceBox .btn .visited a, {
	opacity:1.0;
}


.homeVoiceBox .btn a:hover {
	opacity:.8;
}

.homeVoiceBox .btn a:active {
	opacity:.8;
}


.homeVoiceBox .btn :before{
font-family: "Font Awesome 5 Free";
content:'\f138';
position:absolute;
color:#fff;
font-weight: 900;
font-size:110%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);

}



/*************************************************************************/
/*****************************************/
/***  TOPお客様の声のスマホ表示エリア ***/
/*****************************************/
/*************************************************************************/
@media only screen and (max-width: 768px) {
.homeVoiceArea{
width:100%;
margin:0;
padding:30px 0 40px 0;
}

.homeVoiceBox{
width:100%;
margin:0 auto;
}


/***********************************/
/*** 全体タイトル ***/
/***********************************/

.homeVoiceBox h2{
font-size:32px;
color:#000;
margin:0 0 10px 0;
line-height:1.6em;
font-weight:700;
text-align:center;
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;
padding:0 3%;
}

.homeVoiceBox h2 span{
font-size:32px;
color:#d60000;
margin:0 0 20px 0;
line-height:1.5em;
font-weight:700;
text-align:center;
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;
	background: linear-gradient(transparent 60%, #fefea5 30%);
	font-weight:bold;
}



/***********************************/
/*** タイトル下文章 ***/
/***********************************/

.homeVoiceBox p.descri{
font-size:16px;
text-align:left;
line-height:1.8em;
padding:0 0;
margin:0;
color:#555;
padding:0 3%;

}

.homeVoiceBox ul{
margin:30px 0 0 0;
padding:0;
}

.homeVoiceBox ul li{
width:100%;
margin:0 0 30px 0;
display:inline-block;
vertical-align:top;
background:#f8f4f1;
border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius:8px;
}

.homeVoiceBox ul li:nth-child(even){ 
width:100%;
margin:0 0 30px 0;
}

.homeVoiceBox ul li .innerBox{
padding:15px 15px 20px 15px;
}


/***********************************/
/*** 左側エリア ***/
/***********************************/

.homeVoiceBox .caseListBoxL{
display:inline-block;
vertical-align:middle;
width:50%;
margin:0 0 0 0;
}


/***********************************/
/*** 右側エリア ***/
/***********************************/

.homeVoiceBox .caseListBoxR{
display:inline-block;
vertical-align:middle;
margin:0 0 0 5%;
width:45%;
}

.homeVoiceBox .caseListBoxL img{
width:100%;
}



/***********************************/
/*** タイトル ***/
/***********************************/
.homeVoiceBox h3{
font-size:18px;
font-weight:700;
line-height:1.6em;
color:#333;
text-align:center;
padding:0 0 15px 0;
margin:0 0 20px 0;
border-bottom:solid 1px #d2d2d2;
}



/***********************************/
/*** 右側情報テキスト***/
/***********************************/

.homeVoiceBox .caseListBoxR p{
font-size:14px;
text-align:left;
line-height:1.4em;
color:#555;
padding:0 0;
margin:0 0 3px 0;
}



/***********************************/
/*** 場所と式場のアイコン ***/
/***********************************/

.homeVoiceBox p.listicon{
margin:0 0 3px 0;
font-size:14px;
line-height:1.8em;
text-align:left;
}

.homeVoiceBox p.listicon i{
color:#d3645d;
margin:0 3px 0 0;
width:14px;
position:static;
font-size:100%;
}



/***********************************/
/*** お客様より文章 ***/
/***********************************/

.homeVoiceBox .customer{
font-size:15px;
text-align:left;
color:#555;
line-height:1.8em;
margin:10px 0 0 0;
}

.homeVoiceBox .customer span{
font-weight:700;
margin:0 5px 0 0;
}




/****************************/
/*** 各リストボタン ***/
/****************************/
.homeVoiceBox .listbtn a{
	font-size:14px;
width:200px;
	vertical-align:middle;
text-align:center;
	font-weight:700;
	color:#000;
	line-height:1.6em;
	text-decoration: none;
	display: block;
margin:20px auto 0 auto;
	padding:7px 0;
background:#fff;
border:solid 1px #ccc;
position:relative;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius:5px;
}

.homeVoiceBox .listbtn .visited a, {
	opacity:1.0;
}

.homeVoiceBox .listbtn a:hover {
background:#d3645d;
color:#fff;
border:solid 1px #d3645d;
	opacity:1.0;
}

.homeVoiceBox .listbtn a:active {
	opacity:1.0;
}

.homeVoiceBox .listbtn a:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
color:#d3645d;
font-weight: 900;
font-size:100%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.homeVoiceBox .listbtn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
color:#fff;
font-weight: 900;
font-size:100%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}



/***********************************/
/*** 全てのアンケートをみるボタン ***/
/***********************************/
.homeVoiceBox .btn a{
width:80%;
	font-size:16px;
	vertical-align:middle;
text-align:center;
	font-weight:700;
	color:#fff;
	line-height:1.6em;
	text-decoration: none;
	display: block;
margin:0 auto 0 auto;
	padding:20px 0 20px 0;
background:#8d4821;
border-bottom:solid 5px #4e2313;
position:relative;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius:5px;
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}


.homeVoiceBox .btn .visited a, {
	opacity:1.0;
}


.homeVoiceBox .btn a:hover {
	opacity:.8;
}

.homeVoiceBox .btn a:active {
	opacity:.8;
}


.homeVoiceBox .btn :before{
font-family: "Font Awesome 5 Free";
content:'\f138';
position:absolute;
color:#fff;
font-weight: 900;
font-size:110%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);

}

}







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

20260422追加 TOPスタッフブログ

**************************************************************************************************/
.homeBlogArea{
width:100%;
margin:0 0 0 0;
padding:50px 0 50px 0;
background:#f5f5f5
}

.homeBlogBox{
width:1080px;
margin:0 auto;

}


.homeBlogBox h2{
font-size:34px;
margin:0 0 10px 0;
line-height:1.5em;

letter-spacing:4.0px;
text-align:center;
font-family:'Zen Kaku Gothic New', sans-serif;;
font-weight: 700;
}

.homeBlogBox .descri p{
font-size:18px;
text-align:center;
line-height:1.8em;
padding:0 0;
margin:0;
color:#555;
}



.homeBlogBox p.catch{
font-size:18px;
text-align:center;
line-height:1.5em;
padding:0 0;
margin:0;
}

.homeBlogBox ul {
width:100%;
margin:30px 0 0 0;
padding:0;
}

.homeBlogBox ul li {
width:100%;
display:block;
margin:0 0 30px 0;
padding:0 0 30px 0;
vertical-align:top;
border-bottom:dotted 1px #ccc;
}

.homeBlogBox ul li p{
font-size:17px;
margin:0 0 0 0;
color:#333;
text-align:left;
line-height:1.6em;
}

.homeBlogBox ul li p.day{
font-size:16px;
margin:0 0 0 0;
text-align:left;
color:#969696;
line-height:1.3em;
}

.homeBlogBox ul li h3{
font-size:22px;
line-height:1.5em;
margin:10px 0;
font-weight:700;
}


.homeBlogBox ul li img{
width:100%;
height:100%;
object-fit: cover; /* この一行を追加するだけ！ */;
}


.homeBlogThumb{
display:inline-block;
width:20%;
vertical-align:middle;
aspect-ratio: 4 / 3;
}

.homeBlogInfo{
display:inline-block;
padding:0 0 0 2%;
width:77%;
vertical-align:middle;
}



/*** ボタン ***/
.homeBlogBox .btn a{
width:380px;
	font-size:17px;
	vertical-align:middle;
text-align:center;
	font-weight:700;
	color:#000;
	line-height:1.6em;
	text-decoration: none;
	display: block;
margin:20px auto 0 auto;
	padding:18px 0 18px 0;
background:#fff;
border:solid 2px #969696;
border-bottom:solid 5px #969696;
position:relative;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius:10px;
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}


.homeBlogBox .btn .visited a, {
	opacity:1.0;
}


.homeBlogBox .btn a:hover {
	opacity:.8;
}

.homeBlogBox .btn a:active {
	opacity:.8;
}


.homeBlogBox .btn :before{
font-family: "Font Awesome 5 Free";
content:'\f138';
position:absolute;
color:#969696;
font-weight: 900;
font-size:110%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);

}



/*************************************************************************/
/*****************************************/
/***  TOPスタッフブログのスマホ表示エリア ***/
/*****************************************/
/*************************************************************************/
@media only screen and (max-width: 768px) {

.homeBlogArea{
width:100%;
margin:0 0 0 0;
padding:50px 0 50px 0;
background:#f5f5f5
}

.homeBlogBox{
width:94%;
margin:0 auto;
padding:0 3%;
}


.homeBlogBox h2{
font-size:26px;
margin:0 0 10px 0;
line-height:1.5em;

letter-spacing:4.0px;
text-align:center;
}

.homeBlogBox .descri p{
font-size:15px;
text-align:center;
line-height:1.8em;
padding:0 0;
margin:0;
color:#555;
}


.homeBlogBox p.catch{
font-size:18px;
text-align:center;
line-height:1.5em;
padding:0 0;
margin:0;
}

.homeBlogBox ul {
width:100%;
margin:30px 0 0 0;
padding:0;
}

.homeBlogBox ul li {
width:100%;
display:block;
margin:0 0 30px 0;
padding:0 0 30px 0;
vertical-align:top;
border-bottom:dotted 1px #969696;
}

.homeBlogBox ul li p{
font-size:15px;
margin:0 0 0 0;
color:#333;
text-align:left;
line-height:1.6em;
}

.homeBlogBox ul li p.day{
font-size:15px;
margin:10px 0 0 0;
text-align:left;
color:#969696;
line-height:1.3em;
}

.homeBlogBox ul li h3{
font-size:22px;
line-height:1.5em;
margin:10px 0;
font-weight:700;
}


.homeBlogBox ul li img{
width:100%;
}


.homeBlogThumb{
display:block;
width:100%;
vertical-align:top;
}

.homeBlogInfo{
display:block;
width:100%;
padding:0 0 0 0;
vertical-align:top;
}



/*** ボタン ***/
.homeBlogBox .btn a{
width:80%;
	font-size:16px;
	vertical-align:middle;
text-align:center;
	font-weight:700;
	color:#000;
	line-height:1.6em;
	text-decoration: none;
	display: block;
margin:20px auto 0 auto;
	padding:15px 0 15px 0;
background:#fff;
border:solid 2px #969696;
border-bottom:solid 5px #969696;
position:relative;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius:10px;
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}


.homeBlogBox .btn .visited a, {
	opacity:1.0;
}


.homeBlogBox .btn a:hover {
	opacity:.8;
}

.homeBlogBox .btn a:active {
	opacity:.8;
}


.homeBlogBox .btn :before{
font-family: "Font Awesome 5 Free";
content:'\f138';
position:absolute;
color:#969696;
font-weight: 900;
font-size:110%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);

}




}

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

20260418 追加  TOPお葬式施工事例

**************************************************************************************************/
.homeJireiArea{
width:100%;
margin:0;
background:#f6f2ef;
padding:50px 0 60px 0;
}

.homeJireiBox{
width:1080px;
margin:0 auto;
}



/***********************************/
/*** 全体タイトル ***/
/***********************************/

.homeJireiBox h2{
font-size:40px;
color:#000;
margin:0 0 20px 0;
line-height:1.5em;
font-weight:700;
text-align:center;
   font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

/***********************************/
/*** タイトル下文章 ***/
/***********************************/

.homeJireiBox p.descri{
font-size:18px;
text-align:center;
line-height:1.8em;
padding:0 0;
margin:0;
color:#555;
}

.homeJireiBox ul{
margin:30px 0 30px 0;
padding:0;
}

.homeJireiBox ul li{
width:100%;
margin:0 0 40px 0;
display:inline-block;
vertical-align:top;
background:#fff;
border-radius: 8px;         /* CSS3 */
	-moz-border-radius: 8px;    /* Firefox */
	-webkit-border-radius:8px;
}

.homeJireiBox ul li .innerBox{
padding:25px 18px;
}


/***********************************/
/*** 左側エリア ***/
/***********************************/

.homeJireiBox .caseListBoxL{
display:inline-block;
vertical-align:middle;
width:40%;
margin:0 0 0 0;
aspect-ratio: 5 / 3;
}


/***********************************/
/*** 右側エリア ***/
/***********************************/

.homeJireiBox .caseListBoxR{
display:inline-block;
vertical-align:middle;
margin:0 0 0 3%;
width:57%;
}

.homeJireiBox .caseListBoxL img{
width:100%;
height:100%;
object-fit: cover; /* この一行を追加するだけ！ */;
}



/***********************************/
/*** タイトル ***/
/***********************************/
.homeJireiBox h3{
font-size:24px;
font-weight:700;
line-height:1.6em;
color:#333;
text-align:left;
padding:3px 0 3px 15px;
margin:0 0 20px 0;
border-left:solid 3px #7a6f67;
}

.homeJireiBox h3 span{
font-size:20px;
font-weight:700;
}

/***********************************/
/*** 右側情報テキスト***/
/***********************************/


.homeJireiBox table{
width:100%;
	border-collapse:separate;


margin:30px 0 0 0;

}

.homeJireiBox table th{
width:20%;
background:#eef7f5;
border-bottom:solid 10px #fff;
text-align:center;
padding:10px 0;
vertical-align:middle;
font-size:16px;
color:#000;
line-height:1.6em;
}

.homeJireiBox table td{
width:30%;
background:#fff;
text-align:left;
vertical-align:middle;
padding:10px 10px;
font-size:16px;
color:#000;
line-height:1.6em;
border-bottom:solid 10px #fff;
}


/***********************************/
/*** お客様より文章 ***/
/***********************************/

.homeJireiBox .customer{
font-size:16px;
text-align:left;
color:#555;
line-height:1.8em;
margin:10px 0 0 0;
}

.homeJireiBox .customer span{
font-weight:700;
margin:0 5px 0 0;
}




/****************************/
/*** 各リストボタン ***/
/****************************/
.homeJireiBox .listbtn a{
	font-size:14px;
width:300px;
	vertical-align:middle;
text-align:center;
	font-weight:700;
	color:#000;
	line-height:1.6em;
	text-decoration: none;
	display: block;
margin:20px auto 0 auto;
	padding:12px 0;
background:#fff;
border:solid 2px #ccc;
position:relative;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius:5px;
}

.homeJireiBox .listbtn .visited a, {
	opacity:1.0;
}

.homeJireiBox .listbtn a:hover {
background:#7a6f67;
color:#fff;
border:solid 2px #7a6f67;
	opacity:1.0;
}

.homeJireiBox .listbtn a:active {
	opacity:1.0;
}

.homeJireiBox .listbtn a:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
color:#7a6f67;
font-weight: 900;
font-size:100%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.homeJireiBox .listbtn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
color:#fff;
font-weight: 900;
font-size:100%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}



/***********************************/
/*** 全ての施工事例をみるボタン ***/
/***********************************/
.homeJireiBox .btn a{
width:450px;
	font-size:20px;
	vertical-align:middle;
text-align:center;
	font-weight:700;
	color:#fff;
	line-height:1.6em;
	text-decoration: none;
	display: block;
margin:0 auto 0 auto;
	padding:25px 0 25px 0;
background:#1d9d84;
border-bottom:solid 5px #16896e;
position:relative;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius:10px;
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}


.homeJireiBox .btn .visited a, {
	opacity:1.0;
}


.homeJireiBox .btn a:hover {
	opacity:.8;
}

.homeJireiBox .btn a:active {
	opacity:.8;
}


.homeJireiBox .btn :before{
font-family: "Font Awesome 5 Free";
content:'\f138';
position:absolute;
color:#fff;
font-weight: 900;
font-size:110%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);

}



/*********************************************************/
/*****************************************/
/***  TOP施工事例スマホ表示エリア ***/
/*****************************************/
/*********************************************************/
@media only screen and (max-width: 768px) {
.homeJireiArea{
width:100%;
margin:0;
padding:20px 0 30px 0;
}

.homeJireiBox{
width:100%;
margin:0 auto;
}


/***********************************/
/*** 全体タイトル ***/
/***********************************/

.homeJireiBox h2{
font-size:34px;
color:#000;
margin:0 0 10px 0;
line-height:1.5em;
font-weight:700;
text-align:center;
   font-family: "Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}



/***********************************/
/*** タイトル下文章 ***/
/***********************************/

.homeJireiBox p.descri{
font-size:16px;
text-align:left;
line-height:1.8em;
padding:0 0;
margin:0;
color:#555;
padding:0 3%;

}

.homeJireiBox ul{
margin:0px 0 0 0;
padding:0 2%;
}

.homeJireiBox ul li{
width:100%;
margin:0 0 30px 0;
display:inline-block;
vertical-align:top;
background:#fff;
border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius:4px;
}

.homeJireiBox ul li:nth-child(even){ 
width:100%;
margin:0 0 30px 0;
}

.homeJireiBox ul li .innerBox{
padding:20px 10px 20px 10px;
}


/***********************************/
/*** 左側エリア ***/
/***********************************/

.homeJireiBox .caseListBoxL{
display:block;
vertical-align:middle;
width:100%;
margin:0 0 20px 0;
}


/***********************************/
/*** 右側エリア ***/
/***********************************/

.homeJireiBox .caseListBoxR{
display:block;
vertical-align:middle;
margin:0 0 0 0;
width:100%;
}

.homeJireiBox .caseListBoxL img{
width:100%;
}



/***********************************/
/*** タイトル ***/
/***********************************/
.homeJireiBox h3{
font-size:17px;
font-weight:700;
line-height:1.6em;
color:#333;
text-align:left;
padding:0 0 10px 15px;
margin:0 0 20px 0;
border-bottom:solid 1px #d2d2d2;
}



/***********************************/
/*** 右側情報テキスト***/
/***********************************/
.homeJireiBox table{
width:100%;
	border-collapse:separate;
margin:20px 0 0 0;
}

.homeJireiBox table th{
width:20%;
background:#eef7f5;
border-bottom:solid 10px #fff;
text-align:center;
padding:8px 0;
vertical-align:middle;
font-size:14px;
color:#000;
line-height:1.4em;
}

.homeJireiBox table td{
width:30%;
background:#fff;
text-align:left;
vertical-align:middle;
padding:8px;
font-size:14px;
color:#000;
line-height:1.4em;
border-bottom:solid 10px #fff;
}


/***********************************/
/*** お客様より文章 ***/
/***********************************/

.homeJireiBox .customer{
font-size:15px;
text-align:left;
color:#555;
line-height:1.8em;
margin:10px 0 0 0;
}

.homeJireiBox .customer span{
font-weight:700;
margin:0 5px 0 0;
}




/****************************/
/*** 各リストボタン ***/
/****************************/
.homeJireiBox .listbtn a{
	font-size:14px;
width:70%;
	vertical-align:middle;
text-align:center;
	font-weight:700;
	color:#000;
	line-height:1.6em;
	text-decoration: none;
	display: block;
margin:10px auto 0 auto;
	padding:10px 0;
background:#fff;
border:solid 2px #ccc;
position:relative;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius:5px;
}

.homeJireiBox .listbtn .visited a, {
	opacity:1.0;
}

.homeJireiBox .listbtn a:hover {
background:#7a6f67;
color:#fff;
border:solid 2px #7a6f67;
	opacity:1.0;
}

.homeJireiBox .listbtn a:active {
	opacity:1.0;
}

.homeJireiBox .listbtn a:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
color:#7a6f67;
font-weight: 900;
font-size:100%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.homeJireiBox .listbtn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
color:#fff;
font-weight: 900;
font-size:100%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}



/***********************************/
/*** 全ての施工事例をみるボタン ***/
/***********************************/
.homeJireiBox .btn a{
width:80%;
	font-size:16px;
	vertical-align:middle;
text-align:center;
	font-weight:700;
	color:#fff;
	line-height:1.6em;
	text-decoration: none;
	display: block;
margin:0 auto 0 auto;
padding:20px 0 20px 0;
background:#1d9d84;
border-bottom:solid 5px #16896e;
position:relative;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius:10px;
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.2);
box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}


.homeJireiBox .btn .visited a, {
	opacity:1.0;
}


.homeJireiBox .btn a:hover {
	opacity:.8;
}

.homeJireiBox .btn a:active {
	opacity:.8;
}


.homeJireiBox .btn :before{
font-family: "Font Awesome 5 Free";
content:'\f138';
position:absolute;
color:#fff;
font-weight: 900;
font-size:110%;
top:50%;
right:15px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);

}

}




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

20260420 追加  施工事例一覧ページ

**************************************************************************************************/
/*** 一覧ページ用のヘッダー画像 ***/

.archive-jirei .page-header {
  background-image: url(../images/topcom/bg-jirei.png); }

.archive-jirei .jirei-heading h2 {
  padding: 70px 0 50px;
  font-size: 2.5em; 

}

@media only screen and (max-width: 768px) {
.archive-jirei .jirei-heading h2 {
  padding: 30px 0 40px;
  font-size: 1.8em; 
}
}


/*** 詳細ページ用のヘッダー画像 ***/

.single-jirei .page-header {
  background-image: url(../images/topcom/bg-jirei.png); }

.single-jirei .jirei-heading h2 {
  padding: 70px 0 100px;
  font-size: 2.0em; 
}

@media only screen and (max-width: 768px) {
.single-jirei .jirei-heading h2 {
  padding: 30px 0 40px;
  font-size: 1.8em; 
}
}




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

20260420 追加  施工事例詳細ページ

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


/************************************/ 
/*** 事例紹介詳細ページ専用 見出し ***/
/************************************/ 
.caseH3Area {
width:1080px;
	margin:50px auto 0 auto;
}

.caseH3Area .day{
font-size:18px;
text-align:center;
color:#555;
line-height:1.2em;
}

.caseH3Area h3{
font-size:34px;
color:#000;
text-align:center;
margin:20px 0 0 0;
line-height:1.5em;
}


.caseArea{
width:100%;
margin:0 0 80px 0;
background:#fff;
}

.caseDetailBox{
width:1080px;
margin:0 auto;
}

.caseArea .imgBox{
margin:20px auto;
width:800px;
text-align:center;
aspect-ratio: 3 / 2;
}

.caseArea .imgBox img{
width:100%;
height:100%;
object-fit: cover; /* この一行を追加するだけ！ */;
}



/***  お客様からのご要望 ***/
.caseDetailBox .customerBox{
width:94%;
margin:50px 0 0 0;
padding:3% 3% 3% 3%;
display:block;
position:relative;
background:#f6f6f6;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px;
border-radius: 10px;         /* CSS3 */
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1);
box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}


.caseDetailBox .customerBox .staffTtl{
width:200px;
position:absolute;
background:#1d9d84;
font-size:16px;
text-align:center;
padding:10px 0;
color:#fff;
left:50%;
top:-15px;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);

}

.caseDetailBox .customerBox p{
font-size:16px;
color:#555;
margin:15px 0 0 0;
line-height:1.8em;
}



/***  画像とキャプション ***/
.jireiImgBox{
width:100%;
margin:50px 0 0 0;
}

.jireiImgBox ul{
padding:0;
}

.jireiImgBox ul li{
display:inline-block;
width:49%;
vertical-align:top;
margin:0 2% 30px 0;
}

.jireiImgBox ul li:nth-child(2n){
display:inline-block;
width:49%;
vertical-align:top;
margin:0 0 30px 0;
}

.jireiImgBox ul li .thumb{
position:relative;
aspect-ratio: 3 / 2;

}

.jireiImgBox ul li .search{
position:absolute;
right:10px;
bottom:10px;
}

.jireiImgBox ul li .thumb img{
width:100%;
height:100%;
object-fit: cover; /* この一行を追加するだけ！ */;
    border-radius: 5px;
}

.jireiImgBox ul li p.cap{
margin:5px 0 0 0;
text-align:left;
font-size:15px;
line-height:1.5em;
color:#555;
}




/*** 担当スタッフより ***/
.caseDetailBox .staffVoiceBox{
width:94%;
margin:50px 0 0 0;
padding:3% 3% 3% 3%;
display:block;
position:relative;
background:#f6f6f6;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px;
border-radius: 10px;         /* CSS3 */
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1);
box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}


.caseDetailBox .staffVoiceBox .staffTtl{
width:200px;
position:absolute;
background:#d3645d;
font-size:16px;
text-align:center;
padding:10px 0;
color:#fff;
left:50%;
top:-15px;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);

}


.caseDetailBox .staffVoiceBox dl dt{
display:inline-block;
width:100px;
text-align:center;
margin:0 40px 0 0;
vertical-align:middle;
}

.caseDetailBox .staffVoiceBox dl dt p{
font-size:13px;
text-align:center;
margin:5px 0 0 0;
color:#555;
}

.caseDetailBox .staffVoiceBox dl dd{
display:inline-block;
width:calc(100% - 140px);
vertical-align:middle;
margin:10px 0;
}

.caseDetailBox .staffVoiceBox dl dd p{
font-size:16px;
line-height:1.8em;
color:#555;
}

.caseDetailBox .staffVoiceBox img{
width:80px;
height:80px;
 border: 1px solid #ccc; /* 太さ、スタイル、色 */
  border-radius: 50%;    /* 角を丸くする場合 */
}

.caseDetailBox table{
width:100%;
	border-collapse:separate;
border-spacing:10px;
margin:30px 0 0 0;

}

.caseDetailBox table th{
width:14%;
background:#eef7f5;
border-bottom:solid 1px #fff;
text-align:center;
padding:8px 0;
font-size:16px;
vertical-align:middle;
color:#000;
line-height:1.4em;
}

.caseDetailBox table td{
width:19%;
background:#fff;
text-align:left;
padding:8px 0;
font-size:16px;
vertical-align:middle;
color:#000;
line-height:1.4em;
}




/*********************************************************/
/*****************************************/
/***  TOP施工事例詳細スマホ表示エリア ***/
/*****************************************/
/*********************************************************/
@media only screen and (max-width: 768px) {

/************************************/ 
/*** 事例紹介詳細ページ専用 見出し ***/
/************************************/ 
.caseH3Area {
width:100%;
	margin:30px auto 0 auto;
}

.caseH3Area .day{
font-size:17px;
text-align:center;
color:#555;
line-height:1.2em;
}

.caseH3Area h3{
font-size:24px;
color:#000;
text-align:center;
margin:10px 0 0 0;
line-height:1.5em;
padding:0 3%;
}


.caseArea{
width:94%;
margin:0 0 80px 0;
background:#fff;
padding:0 3%;
}

.caseDetailBox{
width:100%;
margin:0 auto;
}

.caseArea .imgBox{
margin:20px auto;
width:100%;
text-align:center;
}

.caseArea .imgBox img{
width:100%;
}



/***  お客様からのご要望 ***/
.caseDetailBox .customerBox{
width:95%;
margin:40px 0 0 0;
padding:3% 2% 3% 3%;
display:block;
position:relative;
background:#f6f6f6;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px;
border-radius: 10px;         /* CSS3 */
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1);
box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}


.caseDetailBox .customerBox .staffTtl{
width:200px;
position:absolute;
background:#1d9d84;
font-size:15px;
text-align:center;
padding:10px 0;
color:#fff;
left:50%;
top:-15px;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);

}

.caseDetailBox .customerBox p{
font-size:16px;
color:#555;
margin:25px 0 0 0;
line-height:1.8em;
}



/***  画像とキャプション ***/
.jireiImgBox{
width:100%;
margin:30px 0 0 0;
}

.jireiImgBox ul{
padding:0;
}

.jireiImgBox ul li{
display:inline-block;
width:49%;
vertical-align:top;
margin:0 2% 30px 0;
}

.jireiImgBox ul li:nth-child(2n){
display:inline-block;
width:49%;
vertical-align:top;
margin:0 0 30px 0;
}
.jireiImgBox ul li img{
width:100%;
    border-radius: 5px;
}


.jireiImgBox ul li p.cap{
margin:2px 0 0 0;
text-align:left;
font-size:14px;
line-height:1.5em;
color:#555;
}




/*** 担当スタッフより ***/
.caseDetailBox .staffVoiceBox{
width:95%;
margin:20px 0 0 0;
padding:3% 2% 3% 3%;
display:block;
position:relative;
background:#f6f6f6;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px;
border-radius: 10px;         /* CSS3 */
 	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1);
box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}


.caseDetailBox .staffVoiceBox .staffTtl{
width:200px;
position:absolute;
background:#d3645d;
font-size:15px;
text-align:center;
padding:10px 0;
color:#fff;
left:50%;
top:-15px;
border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px;
-webkit-transform: translateX(-50%);
-ms-transform:translateX(-50%);
          transform: translateX(-50%);

}




.caseDetailBox .staffVoiceBox dl dt{
display:block;
width:100px;
margin:35px auto 20px auto;
vertical-align:middle;
}

.caseDetailBox .staffVoiceBox dl dt p{
font-size:13px;
text-align:center;
margin:0 0 0 0;
color:#555;
}

.caseDetailBox .staffVoiceBox dl dd{
display:block;
width:100%;
vertical-align:middle;
}

.caseDetailBox .staffVoiceBox dl dd p{
font-size:16px;
line-height:1.8em;
color:#555;
}

.caseDetailBox .staffVoiceBox img{
width:100px;
height:100px;
}

.caseDetailBox table{
width:100%;
	border-collapse:separate;
border-spacing:10px;
margin:30px 0 0 0;

}

.caseDetailBox table th{
width:100%;
display:block;
background:#eef7f5;
border-bottom:solid 1px #fff;
text-align:center;
padding:8px 0;
font-size:16px;
color:#000;
line-height:1.4em;
}

.caseDetailBox table td{
width:100%;
display:block;
background:#fff;
text-align:left;
padding:8px 0 8px 10px;
font-size:16px;
color:#000;
line-height:1.4em;
}


}


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

共通：次の記事、前の記事

**************************************************************************************************/
.pageNextBox{
width:100%;
border-top:solid 1px #e6e6e6;
padding:30px 0 0 0;
margin:30px auto 0 auto;
}

.pageNextBox ul{
padding:0;
}

.pageNextBox ul li{
font-size:17px;
float:left;
list-style:none;
}

.pageNextBox ul li:last-child{
font-size:17px;
float:right;
}



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

共通：詳細から一覧へ戻るボタン

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

/*** ボタン ***/
.comBackToListBtn a{
width:300px;
	font-size:15px;
	vertical-align:middle;
text-align:center;
	font-weight:700;
	color:#fff;
	line-height:1.4em;
	text-decoration: none;
margin:30px auto 0 auto;
	display: block;
	padding:15px 0 15px 0;
background:#1d9d84;
border-bottom:solid 5px #158a6f;
position:relative;
border-radius:10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius:10px;
}


.comBackToListBtn .visited a, {
	opacity:1.0;
}


.comBackToListBtn a:hover {
	opacity:.8;
}

.comBackToListBtn a:active {
	opacity:.8;
}


.comBackToListBtn :before{
font-family: "Font Awesome 5 Free";
content:'\f053';
position:absolute;
color:#fff;
font-weight: 900;
font-size:90%;
top:50%;
left:20px;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);

}



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

20260415 追加  TOPせなみさんの横のボタン

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

.firDetailBtn a{
width:220px;
	font-size:13px;
	text-align:center;
	color:#333;
	text-decoration: none;
margin:40px auto 0 auto;
	display: block;
	padding:16px 0;
	position:relative;
background:#d1e02f;
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

}

.firDetailBtn .visited a, {
background:#fff;
}


.firDetailBtn a:hover {
background:#e2ec43;

	opacity:1.0;
	filter: alpha(opacity=100);
}

.firDetailBtn a:active {

background:#e2ec43;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.firDetailBtn a:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
right:15px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.firDetailBtn a:hover:after{
font-family: "Font Awesome 5 Free";
content:'\f105';
position:absolute;
font-weight: 900;
font-size: 80%;
top:50%;
right:15px;
color:#fff;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}


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

.firDetailBtn a{
width:165px;
	font-size:11px;
}
}




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

20260527 追加  ホールリストの点消す

**************************************************************************************************/
.archive-area .hall-list ul li {
list-style-type: none;
}

        .archive-area .hall-list ul li:before {
          content: '\f105';
          font-family: fontawesome;
          position: absolute;
          left: -5px;
          top: 50%;
          margin-top: -0.8em;
          font-size: 1.3em; 

}

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

20260415 追加  スマホのみスクロール後に表示されるヘッダーメニュー

**************************************************************************************************/
#headbar {
   /* ▼上端に固定するCSS */
   position: fixed;
   z-index:10000;
   top: 5px;
   right: 5px;
   /* ▼バーの装飾 */
}




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

20260417 追加  NONE

**************************************************************************************************/
.br-sp { display:none; }

.br-pc { display:block; }


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

.br-sp { display:block; }

.br-pc { display:none; }

}


.grid-plans {
  grid-template-rows: 280px 130px 130px; }
  @media only screen and (max-width: 768px) {
    .grid-plans {
      grid-template-rows: repeat(8, auto); } }

.grid-religions {
  grid-template-rows: repeat(2, 100px); }
  @media only screen and (max-width: 768px) {
    .grid-religions {
      grid-template-rows: repeat(3, auto); } }

.picture {
  border: solid 4px #fff;
  box-shadow: 0 0 1px 1px  #ccc; }

.pagination {
  text-align: center;
  padding: 30px 0;
  grid-column: 1/3;
  margin: 20px auto; }
  .pagination .screen-reader-text {
    display: none; }
  .pagination .nav-links {
    display: flex;
    justify-content: center; }
    .pagination .nav-links .page-numbers {
      border: solid 1px #423227;
      padding: 5px 10px 4px;
      margin: 4px; }
      .pagination .nav-links .page-numbers:hover {
        background: rgba(66, 50, 39, 0.8);
        color: #fff; }
      .pagination .nav-links .page-numbers.current {
        background: #423227;
        color: #fff; }

.has-inner-link {
  position: relative; }

.title-in-link {
  text-align: right;
  padding: 5px 25px 5px 5px;
  background: url(../images/button-arrow4.png) no-repeat right center;
  position: absolute;
  right: 0;
  bottom: 10px; }
  @media only screen and (max-width: 768px) {
    .title-in-link {
      bottom: 0;
      position: relative;
      width: 100%;
      background: none;
      display: block;
      text-align: center; }
      .title-in-link a {
        background: url(../images/button-arrow4.png) no-repeat right center;
        padding: 10px 20px 10px 0; } }



/*** 20260516 追加ここから ***/
.fufou2{
		font-size: 20px;
text-align:center;
line-height:1.6em;
margin:10px 0 0 0;
       } 

.fufou2cap{
		font-size: 13px;
line-height:1.6em;
margin:15px 0 0 0;
       } 

    .firstTime .urgent-box.right {
      background-image: url(../images/topcom/top_jizenimg.jpg);
      box-shadow: 0 0 1px 1px #dedede; }

  @media only screen and (max-width: 768px) {
.fufou2{
		font-size: 17px;
text-align:center;
line-height:1.6em;
margin:0 0 0 0;
       } 

.fufou2cap{
		font-size: 11px;
line-height:1.6em;
margin:10px 0 0 0;
       } 

}
/*** 20260516 追加ここまで ***/


/*** 20260525 追加ここから ***/
    .firstTime .urgent-box.left {
      background-image: url(../images/topcom/top_kitokuimg.jpg);
      box-shadow: 0 0 1px 1px #dedede; }

/*** 20260525 追加ここまで ***/


@media only screen and (max-width: 768px) {
    .fufou {
		font-size: 11px;
       } 
}



.centralflower {
  border-top: solid 1px #3e3e3e;
  border-bottom: solid 1px #3e3e3e;
  margin: 50px 0 0;
  padding-bottom: 30px;
}

/*2022.01追記 PV関連*/

.to_cm {
	margin-top: 10px;
	display: flex;
	justify-content: space-around;
}

@media only screen and (max-width: 768px){
	.to_cm {
		margin: 0 auto;
		width: 96%;
	}
	
	.to_cm_img {
		margin-top: 10px; 
	}
}

.h2-cm {
  margin-top: 40px;
  text-align: center;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/*woocommerce.php用　追記*/

/*供花・供物の背景*/
.page-flower .page-header-1139,
.page-flower .page-header-1148
{
    background-image: url(../images/bg-form.jpg); }

/*祝花の背景*/
.page-flower .page-header-1152 {
  background-image: url(../images/page-header-flower-c.jpg);
}

/*商品カテゴリーページ*/

.woocommerce-breadcrumb {
	font-size: 13px;
    line-height: 3;
}

.flower_page_conents .page-title,
.woocommerce-notices-wrapper,
.woocommerce-result-count,
.woocommerce-ordering {
	text-align: right;
}

.products {
	margin: 50px 0 0;
	padding: 0;
	list-style-type: none;
}

.products img {
	width: 100%;
	height: auto;
}

.products li {
	box-sizing: border-box;
	border: solid 1px #dcdcdc;
	margin: 30px 0;
	padding: 1rem;
}

.woocommerce-loop-product__title {
	/*商品名*/
	color: #423227;
	padding: 1rem 0;
	font-weight: bold;
}

span.price {
	display: block;
	text-align: left;
	padding: 0 0 1rem;
	color: #423227;
}

.add_to_cart_button {
	display: block;
	text-align: center;
	color: #fff;
	background-color: #eb866e;
	font-weight: bold;
	padding: 1rem;
	border-radius: 10px;
}

@media only screen and (min-width: 769px) {
	.products {
		display: flex;
		flex-wrap: wrap;
	}
	.products li {
		width: 30%;
		margin: 30px 30px 0 0;
	}
}

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

.return-to-shop {
	display: none;
}

/*商品詳細ページ*/
.page-flower .order-from-internet {
    padding: 65px 0 30px;
    font-size: 1.5em; }

.product {
	border: solid 1px #dcdcdc;
}

.woocommerce-LoopProduct-link {
	width: 100%;
}

@media only screen and (min-width: 769px) {
	.product {
		display: flex;
		flex-wrap: wrap;
	}
	.woocommerce-product-gallery {
		box-sizing: border-box;
		width: 50%;
	}
	.summary {
		box-sizing: border-box;
		width: 50%;
	}
}

.woocommerce-input-wrapper input {
	padding-top: 5px;
	padding-bottom: 5px;
}

.woocommerce-product-gallery {
	padding: 1rem;
}
.summary {
	padding: 1rem;
}
.woocommerce-tabs {
	padding: 1rem;
}
.woocommerce-product-gallery__image img {
	width: 100%;
	height: auto;
}

.product_title {
	/*商品名*/
	color: #423227;
	font-weight: bold;
}

.woocommerce-Price-amount {
	display: block;
	text-align: left;
	padding: 1rem 0 1rem;
	color: #423227;
}

.quantity input {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

button {
	background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}

.single_add_to_cart_button {
	display: block;
	text-align: center;
	color: #fff;
	background-color: #eb866e;
	font-weight: bold;
	padding: 1rem;
	border-radius: 10px;
}

.product_meta {
	margin-top: 10px;
}

.woocommerce-Tabs-panel {
	margin-top: 10px;
}

.wc-stripe-elements-field, .wc-stripe-iban-element-field {
	padding: 10px 5px!important;
}

.woocommerce-Price-amount {
	display: inline;
}

.woocommerce-mailorder {
  /* align-items: center; */
  text-align: center;
  margin: 30px 0;
}

.standard-table {
  display: flex;
}

.standard-table span {
  display: inline-block;
  border: solid 1px #222;
  padding: 4px 16px;
}

.standard-table span:first-child {
  width: 170px;
  border-right: none !important;
}

.standard-table span:nth-child(2) {
  width: 400px;
}

.table-header {
  text-align: center;
  font-size: medium;
}

.table-body {
  border-top: none !important;
  font-size: medium;
}



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

20260421 追加  共通フッターエリア

**************************************************************************************************/
.comFooterArea{
width:100%;
background:#f1eeec;
border-bottom:solid 30px #fff;
padding:50px 0 70px 0;
margin:-30px 0 0 0;
border-top:solid 3px #66ad0a;
}

.comFooterBox{
max-width:1080px;
min-width:769px;
	margin:0 auto 0 auto;
}


.comFooterBox h2{
text-align:center;
font-size:34px;
line-height:1.6em;

}

.comFooterBox p.descri{
text-align:center;
font-size:14px;

margin:5px 0 30px 0;
color:#555;
}


.comFooterBox .fLeftArea{
width:29%;
display:inline-block;
vertical-align:top;
padding:0 3% 0 0;
}

.comFooterBox .fCenterArea{
width:29%;
border-left:solid 1px #fff;
border-right:solid 1px #fff;
display:inline-block;
vertical-align:top;
padding:0 3%;
}


.comFooterBox .fRightArea{
width:29%;
display:inline-block;
vertical-align:top;
padding:0 0 0 3%;
}

.comFooterBox .ttlicon{
text-align:center;
margin:3px 0 10px 0;
}

.comFooterBox h3{
text-align:center;
font-size:20px;
color:#34261e;
line-height:1.4em;
font-weight:700;
margin:0 0 20px 0;
}



/***************************************/
/***  左エリア ***/
/***************************************/

/*** スマホのボタンは非表示 ***/
.comFooterBox .fLeftArea .sptel{
display:none;
}


.comFooterBox .fLeftArea .tel{
text-align:center;
color:#681a19;
font-size:34px;
line-height:1.4em;
font-weight:700;
margin:0 0 10px 0;
padding:0 0 0 5px;
}

.comFooterBox .fLeftArea .tel p{
text-align:center;
font-size:15px;
line-height:1.4em;
font-weight:normal;
}

.comFooterBox .fLeftArea .tel img{
margin:0 8px 0 0;
}

.comFooterBox .fLeftArea p.omakase{
background:#fff;
color:#333;
padding:7px;
text-align:center;
margin:15px 0 20px 0;
font-size:15px;
line-height:1.4em;

border-radius:20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius:20px;

}

.comFooterBox .fLeftArea ul{
width:100%;
margin:0 auto;
text-align:center;
padding:0;
}

.comFooterBox .fLeftArea ul li{
display:inline-block;
vertical-align:top;
width:28%;

}

.comFooterBox .fLeftArea ul li:nth-child(2){
display:inline-block;
vertical-align:top;
margin:0 8%;
}

.comFooterBox .fLeftArea ul li p.cap{
text-align:center;
font-size:12px;
color:#34261e;
line-height:1.4em;

}

.comFooterBox .fLeftArea ul li img{
width:100%;
}

.comFooterBox .fLeftArea p.atten{
border:solid 1px #fff;
font-size:14px;
padding:15px;
color:#34261e;
margin:20px 0;
text-align:left;
line-height:1.6em;
}

.comFooterBox .fLeftArea p.atten2{
color:#681a19;
text-align:center;
font-size:17px;
line-height:1.6em;
font-weight:700;
}



/***************************************/
/***  真ん中エリア ***/
/***************************************/

.comFooterBox .fCenterArea p.atten{
border:solid 1px #fff;
padding:10px 15px;
color:#34261e;

text-align:center;
font-size:16px;
line-height:1.6em;
margin:20px 0 20px 0;
}

.comFooterBox .fCenterArea ul li{
display:block;
vertical-align:top;
font-size:17px;
color:#34261e;
margin:0 0 10px 0;
line-height:1.6em;

position:relative;
padding:0 0 0 5px;
}



.comFooterBox .fCenterArea ul li:after{
font-family: "Font Awesome 5 Free";
content:'\f00c';
position:absolute;
font-weight: 900;
font-size: 100%;
top:50%;
left:-27px;
color:#66ad0a;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.comFooterBox .fCenterArea p.atten2{
color:#681a19;
text-align:center;
font-size:17px;
line-height:1.6em;
font-weight:700;
margin:20px 0 0 0;
}


.comFooterBox .fCenterArea .btn{
margin:20px 0 0 0;
text-align:center;
}

.comFooterBox .fCenterArea .btn img{
width:100%;
}




/***************************************/
/***  右エリア ***/
/***************************************/

.comFooterBox .fRightArea p.atten{
border:solid 1px #fff;
font-size:16px;
padding:15px;
color:#34261e;

text-align:left;
line-height:2.4em;
}

.comFooterBox .fRightArea p.atten span{
color:#681a19;
font-weight:700;
}

.comFooterBox .fRightArea .btn{
margin:64px 0 0 0;
text-align:center;
}

.comFooterBox .fRightArea .btn img{
width:100%;
}




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

20260421 追加  共通フッターエリア  スマホ表示

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

.comFooterArea{
width:100%;
background:#f1eeec;
border-bottom:solid 30px #fff;
padding:30px 0 30px 0;
}

.comFooterBox{
max-width:94%;
min-width:94%;
	margin:0 auto 0 auto;
padding:0 3%;
}


.comFooterBox h2{
text-align:center;
font-size:24px;
line-height:1.6em;
font-weight:700;
color:#34261e;
}

.comFooterBox p.descri{
text-align:center;
font-size:14px;

margin:5px 0 30px 0;
color:#555;
}


.comFooterBox .fLeftArea{
width:100%;
display:block;
vertical-align:top;
padding:0;
}

.comFooterBox .fCenterArea{
width:100%;
display:block;
border-left:solid 0px #fff;
border-right:solid 0px #fff;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
vertical-align:top;
padding:30px 0;
margin:30px 0;
}


.comFooterBox .fRightArea{
width:100%;
display:block;
vertical-align:top;
padding:0;
}

.comFooterBox .ttlicon{
text-align:center;
margin:3px 0 10px 0;
}

.comFooterBox h3{
text-align:center;
font-size:24px;
color:#34261e;
line-height:1.4em;
font-weight:700;
margin:0 0 20px 0;
}



/***************************************/
/***  左エリア ***/
/***************************************/
.comFooterBox .fLeftArea .sptel{
margin:10px 0;
display:block;
}

.comFooterBox .fLeftArea .sptel img{

width:100%;
}

.comFooterBox .fLeftArea .tel{
display:none;
}

.comFooterBox .fLeftArea .tel p{
display:none;
}

.comFooterBox .fLeftArea .tel img{
display:none;
}

.comFooterBox .fLeftArea p.omakase{
background:#fff;
color:#333;
padding:7px;
text-align:center;
margin:15px 0 20px 0;
font-size:15px;
line-height:1.4em;

border-radius:20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius:20px;

}

.comFooterBox .fLeftArea ul{
width:100%;
margin:0 auto;
text-align:center;
padding:0;
}

.comFooterBox .fLeftArea ul li{
display:inline-block;
vertical-align:top;
width:28%;
}

.comFooterBox .fLeftArea ul li:nth-child(2){
display:inline-block;
vertical-align:top;
margin:0 8%;
}

.comFooterBox .fLeftArea ul li p.cap{
text-align:center;
font-size:12px;
color:#34261e;
line-height:1.4em;

}

.comFooterBox .fLeftArea ul li img{
width:100%;
}

.comFooterBox .fLeftArea p.atten{
border:solid 1px #fff;
font-size:14px;
padding:15px;
color:#34261e;
margin:20px 0;
text-align:left;
line-height:1.6em;
}

.comFooterBox .fLeftArea p.atten2{
color:#681a19;
text-align:center;
font-size:20px;
line-height:1.6em;
font-weight:700;
}



/***************************************/
/***  真ん中エリア ***/
/***************************************/

.comFooterBox .fCenterArea p.atten{
border:solid 1px #fff;
padding:10px 15px;
color:#34261e;

text-align:center;
font-size:16px;
line-height:1.6em;
margin:20px 0 20px 0;
}

.comFooterBox .fCenterArea ul li{
display:block;
vertical-align:top;
font-size:17px;
color:#34261e;
margin:0 0 10px 0;
line-height:1.6em;

position:relative;
padding:0 0 0 -15px;
}



.comFooterBox .fCenterArea ul li:after{
font-family: "Font Awesome 5 Free";
content:'\f00c';
position:absolute;
font-weight: 900;
font-size: 100%;
top:50%;
left:-20px;
color:#66ad0a;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

.comFooterBox .fCenterArea p.atten2{
color:#681a19;
text-align:center;
font-size:20px;
line-height:1.6em;
font-weight:700;
margin:20px 0 0 0;
}


.comFooterBox .fCenterArea .btn{
margin:10px 0 0 0;
text-align:center;
}

.comFooterBox .fCenterArea .btn img{
width:100%;
}




/***************************************/
/***  右エリア ***/
/***************************************/

.comFooterBox .fRightArea p.atten{
border:solid 1px #fff;
font-size:18px;
padding:15px;
color:#34261e;

text-align:left;
line-height:1.8em;
}

.comFooterBox .fRightArea p.atten span{
color:#681a19;
font-weight:700;
}

.comFooterBox .fRightArea .btn{
margin:15px 0 0 0;
text-align:center;
}

.comFooterBox .fRightArea .btn img{
width:100%;
}


}

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

20260416マージン追加

**************************************************************************************************/
.maB40{
margin:0 0 40px 0;
}


.maB50{
margin:0 0 50px 0;
}

.txtC{
text-align:center;
}


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

20260515 追加フッター固定共通

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

PCのみスクロール後に表示されるフッターーメニュー

**************************************************************************************************/
.pcFooterFixArea{
display:block;
margin:114px 0 0 0;
}

#pcFootbar {
   /* ▼下端に固定するCSS */
display:block;
   position: fixed;
   z-index:20;
   bottom:-6px;
   left:0px;
width:100%;
height:auto;
margin:0 0 0 0;
background:url("../images/topcom/footer_bg.png") repeat-x;
}

#pcFootbar .pcFootFixBox{
display:block;
width:1080px;
position:relative;
margin:0 auto;
text-align:center;
}

#pcFootbar .pcFootFixBox ul{
top:17px;
right:10px;
position:absolute;
}

#pcFootbar .pcFootFixBox ul li{
display:inline-block;
margin:0 10px 0 0;
}

#pcFootbar .pcFootFixBox ul li:last-child{
display:inline-block;
margin:0;
}


/*** PCでは表示しない箇所 ***/
.spFooterFixArea{
display:none;
}


/*** PCでは表示しない箇所 ***/
#spFootbar {
display:none;
}

/*** PCでは表示しない箇所 ***/
#spFootbar .spFbtn{
display:none;
}



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

スマホのみスクロール後に表示されるフッターーメニュー

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

/*** スマホでは表示しない箇所 ***/
.pcFooterFixArea{
display:none;
}


/*** スマホでは表示しない箇所 ***/
#pcFootbar {
display:none;
}

/*** スマホでは表示しない箇所 ***/
#pcFootbar .pcFootFixBox{
display:none;
}


.spFooterFixArea{
display:block;
margin:60px 0 0 0;
}


#spFootbar {
   /* ▼下端に固定するCSS */
display:block;
   position: fixed;
   z-index:10001;
   bottom:0px;
   left:0px;
width:100%;
height:auto;
   /* ▼バーの装飾 */
 	-webkit-box-shadow:0 -5px 10px rgba(0,0,0,0.2);
box-shadow:0 -5px 10px rgba(0,0,0,0.2);
}


#spFootbar ul {
background: linear-gradient(#66ad0a, #66ad0a);
width:100%;
padding:0;
}

#spFootbar ul li{
width:100%;
display:flex;
vertical-align:middle;
}


#spFootbar ul li a{
display:flex;

}

#spFootbar ul li img{
width:100%;
}


}



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

20260422追加 フッターーメニュー 2列にする

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

@media only screen and (max-width: 768px) {
.footer-menu-column ul li{
display:inline-block;
position:relative;

}



.footer-menu-column ul li:after{
font-family: "Font Awesome 5 Free";
content:'/';
position:absolute;
font-size: 100%;
top:50%;
right:-2px;
color:#969696;
-webkit-transform: translateY(-50%);
-ms-transform:translateY(-50%);
          transform: translateY(-50%);
}

}