/*
Theme Name: lightning-child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

@charset "UTF-8";

.site-footer-copyright p:nth-child(2) {
  display:none;
}
.shippori-mincho-regular {
    font-family: "Shippori Mincho", serif;
    font-weight: 400;
    font-style: normal;
  }
   .site-footer-content {
    display: none;
  
  }
  .site-footer-copyright{
    position: absolute;
  bottom: 0;
    margin: 0 calc(50% - 50vw);
    /* padding: 0em calc(50vw - 50%); */
    height: 50px;
    text-align: center;
  
  }

  .f_copyright{
    margin: 0 calc(50% - 50vw);
    /* padding: 0em calc(50vw - 50%); */
    height: 50px;
    background-color: #fff;
    text-align: center;
    border-top:#1b1464 2px solid;
    border-bottom: #1b1464 2px solid;
  
  }

  .f_copyright p{
color: #000;
font-size: 15px; 
    text-align: center;
  
  }
  .f_box{
    width: auto;
    max-width: 1300px;
    margin: 0 auto;

    
  }
  .site-body-bottom .widget{
    margin-bottom:0;
 
    }

    .site-body {
padding: 3.5rem 0 0rem;
background-color: #fff;

  }

  h1.entry-title {
   width: 100%;
   letter-spacing: 5px;
    }
  
  .page-header {
    color: #fff;
    background-color: #fff;
    background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/sekou_top.webp);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    height: 250px;
    border-bottom: 5px #662d91 solid;
}

.breadcrumb {
  border-top: none;
  border-bottom: none;
  background-color: #fff;
}
.page-header-title, h1.page-header-title {
  width: auto;
  font-size: 2rem;
  font-weight: 700;
  line-height: var(--vk-line-height-low);
  margin: 0 auto;
color: #fff;
text-align: center;
text-shadow:  0px 0px 5px #000;
}

.text-banner
{ background-image: url("https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/s_tel_butudan.webp" );
  width: 73px;
  height: 198px;
  position:fixed; /* バナーを固定位置に配置 */
right: 0px; /* 右端から20ピクセルの位置に設置 */
top: 80px; /* 下端から20ピクセルの位置に設置 */
z-index: 9999; /* 他の要素より前面に表示 */
background-size: contain;
border: 1px solid #662d91;
 }


.text-banner02
{ 
  background-image: url("https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/s_boseki.webp" );
  width: 73px;
  height: 198px;
  position: fixed; /* バナーを固定位置に配置 */
right: 0px; /* 右端から20ピクセルの位置に設置 */
top: 300px; /* 下端から20ピクセルの位置に設置 */
z-index: 9999; /* 他の要素より前面に表示 */
background-size: contain;
 }

 .text-banner03
{ 
  background-image: url("https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/s_magokoro.webp" );
  width: 73px;
  height: 198px;
  position: fixed; /* バナーを固定位置に配置 */
right: 0px; /* 右端から20ピクセルの位置に設置 */
top: 520px; /* 下端から20ピクセルの位置に設置 */
z-index: 9999; /* 他の要素より前面に表示 */
background-size: contain;
 }

 .company-tel-header {
  display: block;
  width: 100%;
  position: fixed;
  left: 0px;
  bottom: 2px;
  z-index: 9999;
  text-align: center;
  padding: 0 auto;
 overflow: hidden;
     background-color: rgba(92, 92, 92, 0.9);
}

.company-header-box {
  text-align: right;
  margin-bottom: 0rem;
  display: flex;
  padding-top: 10px;
  justify-content: space-evenly;
  margin-right: 8%;
  margin: 0 auto;
  max-width: 700px;
  margin-bottom: 10px;
  
  }
 
  
   .company-header-box .h_lbox{
 width: 272px;
  height: 62px;
 background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/f_tel01.webp);
background-repeat: no-repeat;
background-size:contain;
margin:0 ;

}

.company-header-box .h_rbox{
  width: 272px;
  height: 62px;
background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/f_mail01.webp);
background-repeat: no-repeat;
background-size:contain;

}  


.h_rbox{
    width: 190px;
    height:  45px;
 font-size: 20px;
 background-color: #662d91;
  text-align: center;
  color: #fff;
  font-weight: 600;
  text-align:center;
  padding:10px 0;
  }  

.h_rbox a,a:hover{
    color: #fff;
    }


*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 
}
header, footer, nav, menu, article, aside, section, details, figcaption, figure{
  display: block;
}
ul, ol {
  list-style: none;
}
table {
  border-collapse: collapse;
}
img {
  vertical-align: bottom;
}
a img {
  border: none;
}
strong {
  font-weight: normal;
}
i{
  font-style: normal;
}

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

.ip{
   display: none;
    }

     
/* -------------------- */
    /* header
    /* -------------------- */

    .site-header-logo a {
color: #000000;
    }
    .site-header,
    .header_scrolled .site-header {
background-color: #ffffff;
border-bottom: 5px solid #662d91;
  align-content: flex-end;
  
   
    }

    .site-header-logo {
      text-align: left;
      padding-top: 0rem;
      margin-bottom: 0rem;
      margin-left: 0;
      align-items: flex-end;
      padding-bottom: 10px;
  }

  .site-header-logo img{
max-height: 45px;

  }

    .site-header--layout--nav-float .site-header-container {
display: flex;
flex-direction: row;
align-content: flex-start;
justify-content: flex-start;
align-items: flex-end;
height: 60px;


  }
    .nav li a, nav li a {
padding-top: 13px;
color: #000000;


    }
    
    .device-pc .global-nav-list>li>a{
padding: 0px 1em;
min-width: 80px;
    }

    .device-pc .global-nav-list>li{
height: 25px;
border-left: 1px solid #333;
  border-right: 1px solid #333;
  margin-bottom: 0px;
    }

    .device-pc .global-nav-list> li+ li {
height: 25px;
border-left: 0;
border-right: 1px solid #333;
    }

    .global-nav-list>li:before {
    border-bottom: 5px solid #f7931e;
    }
    .global-nav-list>li .global-nav-name {
font-size: 15px;
padding: 0;
padding-bottom: 5px;

    }
 
    .contents_box{
font-size: 30px;
     border-radius: 3px;
     height: 130px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     position: relative;
     margin: 0 calc(50% - 50vw);
     padding: 0em calc(50vw - 50%);
     background-color: #fff;
     top:-55px;
     box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
   
   }
   

.contents_box a{
    display: inline-block;
    text-decoration:none;
   
  }

  .contents_box a:hover{
    opacity: .3;
  }
  

.contents_box .rbox{
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
  border: 7px solid #c69c6d;
  color: #666666;
  background-color: #fff;
  font-size: 25px;
  font-family:  "Noto Serif JP", serif !important;
  width: 260px;
  height: 70px;
  margin: 10px;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
  font-weight: bold;

}

.contents_box .cbox{
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
  border: 7px solid #662d91;
  color: #666666;
  background-color: #fff;
  font-size: 25px;
  font-family:  "Noto Serif JP", serif !important;
  width: 260px;
  height: 70px;
  margin: 10px;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  
}

.contents_box .lbox{
    display: flex;
  flex-direction:column;
  align-items: center;
  justify-content: center;
   border: 7px solid #00a99d;
  color: #666666;
  background-color: #fff;
  font-size: 25px;
  font-family:  "Noto Serif JP", serif !important;
  width: 260px;
  height: 70px;
  margin: 10px;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
  font-weight: bold;
}

.contents_box .f13{
font-size: 13px;
font-family:  "Noto Sans JP", serif !important;
color: #666666;
margin-bottom: 5px;
}


.top_contents{
  width: 1000px;
  text-align: center;
  margin: 0 auto;
  margin-top: 30px;
  width: auto;
 overflow: hidden;
  align-items: center;
  text-align: center;
  padding: 3%;

 
}

.top_contents h1{
  font-size: 50px;
  color: #666666;
  font-family:  "Noto Serif JP", serif !important;
font-weight: 400;
width: auto;
margin-bottom: 30px;
letter-spacing: 0;

}

.top_contents p{
font-size: 18px;
    color: #666666;
    font-family:  "Noto Sans JP", serif !important;
    font-weight: 300;
  margin: 0 auto;
  align-items: top;
  text-align: center;
  width: auto;
  max-width: 900px;
    }

    .f_green{
      color: #00a99d;
    }
    
    .f_purple{
      color: #662d91;
    }
    
    .f_brown{
      color: #c69c6d;
    }
/* //新着情報報// */
.newsbox01{
  width: auto;
  max-width: 700px;
  overflow: hidden;
  padding-left: 50px;
    padding-right: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: 80px;
  }
  
    
  h1{
    width: 182px;
    margin: 87px 0 32px 0;
  font-family: "Noto Serif JP", serif !important;	
    font-size: 28px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing:10px;
    text-align: center;
    color: #662D91;
    margin: 0 auto;
    padding-bottom: 20px;
  }

    .newsbox01 hr{
background-color:#999999;
height: 1px;
width: 80%;
border: none;
float: left;
     
    }
    
  .conbox01{
    width: 100%;
    display: flex; 
    margin: 0 20px 0 0;
    
  }
  
  
  .conbox01 .text02{
    width: 150px;
    height: auto;
    margin: 18.5px 14px 12.5px 0;
     font-size: 13px;
     font-family: "Noto Sans JP", serif !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #3b3b3b;
    
  }
  
  .conbox01 .gre{
    width: 300px;
    height: 26px;
    margin: 10px 16px 9.5px 14px;
    padding: 0px 5px 8px 5px;
    border-radius: 2px;
    border: solid 2px #662D91;
    font-family: "Noto Sans JP", serif !important;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #707070;
  }
    
   
  
  .conbox01 .text03{
    width: 80%;
    height: auto;
    margin: 10px 50px 0px 14px;
    font-family: "Noto Sans JP", serif !important;
    font-size: 13px;
    font-size: 13px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #707070;
    padding-right: 30px;
    padding-bottom: 15px;
  }
  

  .conbox01 .text03 a{
    color: #3b3b3b;
  }
  
  .conbox01 .text03 a:hover{
    opacity: .5;
  }
  
  /* 新着情報ここまで */


 /* ▼事業内容 ▼*/
.b_box{
  width: auto;
  overflow: hidden;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  margin: 0 auto;
  justify-content: center;
  margin-top: 30px;
}

.b_box .box1{
width: 315px;
overflow: hidden;
padding: 0.2em 0em;
margin: 1em 0.5em;
}

.b_box .text{
  width: auto;
  min-width: 150px;
  max-width: 315px;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  font-family: "Noto Sans JP", serif !important;
  align-items: flex-end;
  text-align: left;
  font-weight: 400;
  padding-top: 5px;
  
}

    /* ▲事業内容ここまで ▲*/

/* 項目ここから */
.k_title{
color: #000;
font-size: 40px;
font-family: "Noto Serif JP", serif !important;	
text-align: center;
margin-top: 20px;
letter-spacing: 10px;
}

.k_title .maru{
  width: 30px;
  height: 23px;
  background-size: contain;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/butsugu_maru.webp);
  background-repeat: no-repeat;

   }

.k_gbox{
  width: auto;
  max-width: 320px;
  padding: 0.3em 1em;
  margin: 0 auto;
  background: #658770;
  box-shadow: 0px 0px 0px 5px #658770;
  border: solid 1px white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 25px;
  font-weight: 400;
  color: #fff;
  font-family: "Noto Serif JP", serif !important;
  margin-bottom: 50px;
  
  }

  .k_ybox{
    width: auto;
    max-width: 320px;
    padding: 0.3em 1em;
    margin: 0 auto;
    background: #D6B700;
    box-shadow: 0px 0px 0px 5px #D6B700;
    border: solid 1px white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    font-family: "Noto Serif JP", serif !important;
    margin-bottom: 50px;
    
    }
   
.k_box{
  width: auto;
  overflow: hidden;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  margin: 0 auto;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.k_box .box1{
width: 315px;
overflow: hidden;
padding: 0.2em 0em;
margin: 1em 0.5em;
text-align: center;
}

.k_box .box1 img{
 border: #000 2px solid;
  }

.k_box  .box1 .title{
 color: #fff;
 font-size: 24px;
 font-family: "Noto Serif JP",serif !important;
 margin: 0 auto;
 text-align: center;
 font-weight: 400;
position: relative;
top:-12%;

}
.k_box .text{
  width: auto;
  min-width: 150px;
  max-width: 315px;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  font-family: "Noto Sans JP", serif !important;
   text-align: left;
  font-weight: 400;
  padding-top: 5px;
 
}



/* 項目ここまで */

/* 店舗案内 */

.b_title{
  color: #000;
  font-size: 40px;
  font-family: "Noto Serif JP", serif !important;	
  text-align: center;
  margin-top: 20px;
  letter-spacing: 0px;
  }

.b_map{
  text-align: center;
  margin: 30px auto;
}



/* 店舗案内ここまで */

/* ▼墓地情報▼ */
.bochi_box{
  width: auto;
  max-width: 725px;
  overflow: hidden;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/group/bochi.webp);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  margin: 0 auto;
  margin-top: 80px;
}

.bochi_box .rbox{
  width: 340px;
  background-color: rgba(179, 179, 179, 0.8);
  float: right;
}

.bochi_box .rbox02{
  width: auto;
  max-width: 270px;
  background: #fff;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
}

.bochi_box .rbox02 p{
  font-size: 32px;
  color: #006837;
  font-weight: 800;
  text-align: center;
  font-family: "Noto Serif JP",serif !important;
  line-height: 38px;
  padding: 5px;
 }


/* ▲墓地情報▲　ここまで */


/* ▼問合せ▼ */
.contactbox{
margin: 0 calc(50% - 50vw);
padding: 1em calc(50vw - 50%);
background-color: #fff;
  top:-55px;
  box-shadow: 10px 1px 10px 2px rgba(0,0,0,0.3);
  height: 330px;
  margin-top: 80px;
  text-align: center;
}

.contactbox .textbox{
  width: auto;
  max-width: 960px;
  display: block;
  margin: 0 auto;


  }

.contactbox .textbox .text01{
  font-size: 30px;
  color: #4d4d4d;
  font-weight: 600; 
  text-align: center;
  font-family: "Noto Serif JP",serif !important;
  padding-bottom: 10px;

  }


.contactbox .textbox .text02{
  font-size: 45px;
  color: #662D91;
  font-weight: 600; 
  text-align: center;
  font-family: "Noto Serif JP",serif !important;
  border-bottom: #333333 1.5px solid;
  border-top: #333333 1.5px solid;
  }

  .contactbox .mailbox{
width: auto;
max-width: 960px;
overflow: hidden;
display: inline-block;
margin-top: 30px;


  }

.contactbox .mailbox .mailboxg_l{
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/mail01.webp);
  background-repeat: no-repeat;
  width: 300px;
  height: 80px;
  background-size: cover;
  font-size: 27px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-family: "Noto Serif JP",serif !important;
  display:table-cell;
  vertical-align:middle;  



}

.contactbox .mailbox .mailboxg_r{
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/mail02.webp);
  background-repeat: no-repeat;
  width: 300px;
  height: 80px;
  background-size: cover;
  font-size: 27px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-family: "Noto Serif JP",serif !important;
  display:table-cell;
  vertical-align:middle;
  
}

/* ▲問合せ▲ここまで */

.f40{
font-size: 40px;
font-weight: 600;
color: #000;
font-family: "Noto Serif JP",serif !important;
margin-top: 50px;
margin-bottom: 30px;
text-align: center;
}


.f_contents_box{
  width: auto;
  font-size: 30px;
 border-radius: 3px;
 height: 130px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap:wrap; 
 overflow: hidden;
 min-height: 320px;

 
}

.f_contents_box .st01{
  width: 320px;
  height: 200px;
  background-color: #fff;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/common/j_img01.webp);
  background-repeat: no-repeat;
  border: 1px #4d4d4d solid;
  margin: 0 10px;
}

.f_contents_box .st01 p{
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
 top:160px;
  
}


.f_contents_box .st02{
  width: 320px;
  height: 200px;
  background-color: #fff;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/common/j_img02.webp);
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  border: 1px #4d4d4d solid;
  margin: 0 10px;
}

.f_contents_box .st02 p{
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
 top:160px;
  
}

.f_contents_box .st03{
  width: 320px;
  height: 200px;
  background-color: #fff;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/common/j_img03.webp);
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  border: 1px #4d4d4d solid;
  margin: 0 10px;
}

.f_contents_box .st03 p{
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
 top:160px;
  
}

.f_contents_box02{
  width: auto;
  font-size: 30px;
 border-radius: 3px;
 height: 130px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap:wrap; 
 overflow: hidden;
 min-height: 320px;


 
}


.f_contents_box02 .st04{
  width: 320px;
  height: 200px;
  background-color: #fff;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/common/j_img04.webp);
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  border: 1px #4d4d4d solid;
  margin: 0 10px;
}

.f_contents_box02 .st04 p{
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
 top:160px;
  
}


.f_contents_box02 .st05{
  width: 320px;
  height: 200px;
  background-color: #fff;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/common/j_img05.webp);
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  border: 1px #4d4d4d solid;
  margin: 0 10px;
}

.f_contents_box02 .st05 p{
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
 top:160px;
  
}


.f_contents_box02 .st06{
  width: 320px;
  height: 200px;
  background-color: #fff;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/common/j_img06.webp);
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  border: 1px #4d4d4d solid;
  margin: 0 10px;
}

.f_contents_box02 .st06 p{
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
 top:160px;
  
}

.f_contents_box03{
  width: auto;
  font-size: 30px;
 border-radius: 3px;
 height: 130px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap:wrap; 
 overflow: hidden;
 min-height: 320px;

 
}
.f_contents_box03 .st07{
  width: 320px;
  height: 200px;
  background-color: #fff;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/common/j_img07.webp);
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  border: 1px #4d4d4d solid;
  margin: 0 10px;
}

.f_contents_box03 .st07 p{
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
 top:160px;
  
}
 
.f_contents_box03 .st08{
  width: 320px;
  height: 200px;
  background-color: #fff;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/common/j_img08.webp);
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  border: 1px #4d4d4d solid;
  margin: 0 10px;
}

.f_contents_box03 .st08 p{
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
 top:160px;
  
}

.f_contents_box03 .st09{
  width: 320px;
  height: 200px;
  background-color: #fff;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/common/j_img09.webp);
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  border: 1px #4d4d4d solid;
  margin: 0 10px;
}

.f_contents_box03 .st09 p{
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  text-align: center;
  vertical-align: text-bottom;
  position: relative;
 top:160px;
  
}

.rollbox01{
  width: auto;
  min-width: 400px;
  height: 60px;
  background-color: #fff;
  border: #00a99d 5px solid;
  font-size: 30px;
  color: #00a99d;
  font-family: "Noto Serif JP",serif !important;
  text-align: center;
  font-weight: 600;


}

.rollbox02{
  width: auto;
  min-width: 400px;
  height: 60px;
  background-color: #fff;
  border: #662d91 5px solid;
  font-size: 30px;
  color: #662d91;
  font-family: "Noto Serif JP",serif !important;
  text-align: center;
  font-weight: 600;


}

.rollbox03{
  width: auto;
  min-width: 400px;
  height: 60px;
  background-color: #fff;
  border: #c69c6d 5px solid;
  font-size: 30px;
  color: #c69c6d;
  font-family: "Noto Serif JP",serif !important;
  text-align: center;
  font-weight: 600;


}

.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.maru01::before{
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	border: 2px solid #00a99d;
	-webkit-border-radius: 50%;
	border-radius: 50%;
  margin-left: 10px;
}
.maru01::after{
	left: 18px;
	box-sizing: border-box;
	width: 60px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 10px solid #00a99d;
}

.maru02::before{
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	border: 2px solid #662d91;
	-webkit-border-radius: 50%;
	border-radius: 50%;
  margin-left: 10px;
}
.maru02::after{
	left: 18px;
	box-sizing: border-box;
	width: 60px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 10px solid #662d91;
}

.maru03::before{
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	border: 2px solid #c69c6d;
	-webkit-border-radius: 50%;
	border-radius: 50%;
  margin-left: 10px;
}
.maru03::after{
	left: 18px;
	box-sizing: border-box;
	width: 60px;
	height: 5px;
	border: 5px solid transparent;
	border-left: 10px solid #c69c6d;
}
.maru04::before{
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	border: 2px solid #2e3192;
	-webkit-border-radius: 50%;
	border-radius: 50%;
  margin-left: 10px;
}
.maru04::after{
	left: 18px;
	box-sizing: border-box;
	width: auto;
	height: 10px;
	border: 5px solid transparent;
	border-left: 10px solid #2e3192;
}
.map{
  margin: 0 calc(50% - 50vw);
  /* padding: 0em calc(50vw - 50%); */
  background-color: #fff;
    top:-55px;
    height: 420px;
    margin-top: 80px;
    text-align: center;
}
/* フッターメニューここから */
.gfooter_navi {
  margin: 0 calc(50% - 50vw);
  /* padding: 0em calc(50vw - 50%); */
  background-color: #662D91;
    height: 120px;
       text-align: center;
  
}

.gfooter_navi .logo{
font-size: 30px;
color: #fff;
font-family:  "Noto Serif JP", serif !important;
font-weight: 600;
float: left;
margin-left: 10%;
margin-top: 30px;
  
}

.gfooter_navi ul {
  display: flex;
  list-style: none;
  font-family:  "Noto Serif JP", serif !important;
  float: right;
  margin-left: 0px;
    margin-right: 30px;
     width: auto;
     color: #fff;
   
  
}

.gfooter_navi li+li{
  position: relative;
  
}
.gfooter_navi li+li::before{
  content: "";
  display: block;
  height: 1em;
  border-left: 1px solid #999;
  position: absolute;
  top: -15px;
  bottom: 0;
  margin: auto;
}



.gfooter_navi ul li:first-child a{
  font-family:  "Noto Serif JP", serif !important;
  text-align: left;
  padding: 0;
  font-size:18px;
  color:#fff;
  float:right;
  margin-top: 30px;
  letter-spacing: 0.8px;
  text-decoration: none;
  padding-right: 5px;
  margin-right: 10px;
  font-weight: 400;
        
  
}
.gfooter_navi ul li:last-child a{
text-align: left;
padding: 0;
font-size:18px;
color:#fff;
float:right;
letter-spacing: 0.8px;
font-weight: 400;
text-decoration: none;
padding-right: 0px;
margin-top: 30px;

}


.gfooter_navi ul li a{
text-align: left;
padding: 0 ;
font-size:18px;
color:#fff;
letter-spacing: 0.8px;
margin-left:18px;
float:left;
font-weight: 400;
text-decoration: none;
padding-right: 10px; 
margin-top: 30px;        
}

.gfooter_navi ul li a:hover{
  background-image: linear-gradient(to right, #fff, #fff);
  background-repeat: no-repeat;
  background-size: 100% 10%;
  background-position: bottom;
}


.gfooter_navi {
  margin: 0 calc(50% - 50vw);
  /* padding: 0em calc(50vw - 50%); */
  background-color: #662D91;
    height: 100px;
text-align: center;

}

.gfooter_navi .logo{
font-size: 25px;
color: #fff;
font-family:  "Noto Serif JP", serif !important;
font-weight: 600;
float: none;
margin-left: 0%;
margin-top: 0px;
padding-top: 30px;
  
}
.gfooter_navi ul li a{
       margin-top: 16px;        
  }   

.gfooter_navi ul {
display: flex;
list-style: none;
font-family:  "Noto Serif JP", serif !important;
float: none;
 width: auto;
 color: #fff;
 margin: 0 calc(50% - 50vw);
 margin: 0 auto;
 justify-content: center;
 height: auto;
 padding-bottom: 18px;


}

.gfooter_navi li+li::before{
  top: 2px;
}

.gfooter_navi ul li:first-child a{
  font-size:16px;      
  margin-top: 8px;  
  
}
.gfooter_navi ul li:last-child a{
font-size:16px;
margin-top: 8px;

}
.gfooter_navi ul li a{
font-size:16px;
margin-top: 8px;
  
}

.gfooter_box{
  width: auto;
  max-width: 960px;
  text-align: center;
  display: flex; 
  flex-wrap: wrap;
  justify-content:space-between; 
  margin: 50px auto;
  
  
  }

.gfooter_box .box01{
  width: auto;
  min-width: 350px;
  }

.gfooter_box p{
  color: #000;
text-align: center;
font-family:  "Noto Serif JP", serif !important;
font-weight: 600;
font-size: 25px;
margin: 0;
}

.gfooter_box  .tel{
 color: #c1272d;
 font-size: 36px;
 font-weight: 800;
 font-family:  "Noto Serif JP", serif !important;
 margin-top: 10px;
 margin-bottom: 20px;
}

.gfooter_box  .tel a,a:hover{
  color: #c1272d;
 }

.gfooter_box  .tel02{
  color: #1eaa39;
  font-size: 36px;
  font-weight: 800;
  font-family:  "Noto Serif JP", serif !important;
  margin-top: 10px;
 }

 .gfooter_box  .tel02 a,a:hover{
  color: #1eaa39;
 }

 /* フッターメニューここまで */


 footer hr{
  width: 100%;
  border: 1.5px #4d4d4d solid;
  margin-bottom: 30px;
 }
 
.fsmall{
  font-size: 1.3rem;
}

.fbold{
  font-size: 22px;
  font-weight: 900;
  padding-bottom: 15px;
}

.timebox{
  padding: 8px 19px;
  margin: 2em 0;
  color: #ffffff;
  font-size: 24px;
  background: #c1272d;
  border-radius: 30px;
  text-align: center;
  font-weight: 800;
  
}


.pc-imges { display: block !important; }
.sp-imges { display: none !important; }

hr{
  background-color:#00a29a;
  height: 2px;
  width: 80%;
  border: none;
  float: left;
 
}
.br-sp{
display: none;    
}

.sp{
  display: none;
}

.pc{
  display: block;
}

/*上に戻るボタンカスタマイズ*/
.page_top_btn {

  /*ボタンの大きさ*/
  width: 55px;
  height: 55px;
  
  /*ボーダーの種類と色*/
  border: solid #fff ;
  
  /*ボタンの背景色*/
  background:#662D91;
  
  /*ボタンの丸み*/
  border-radius: 50%;
  
  /*ボタンの中の画像（デフォルトのもの）*/
   background-image: var(--ver_page_top_button_url);
  
  /*ボタンの中の画像サイズと位置など*/
  background-size:50%;
  background-repeat: no-repeat;
  background-position: center;
  /*シャドウ効果なし*/
   box-shadow: none;
  }

.f_title{
    font-size: 35px;
    font-weight: 600;
    color: #1b1464;
    font-family: "Noto Serif JP", serif !important;
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: center;
    background-color: #fff;
    width: auto;
    max-width: 445px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
    border: 5px solid #1b1464;
    padding: 1%;
}

.f_title a{
color: #1b1464;
}


.f_title a:hover{
    font-weight: 600;
    color: #150e62;
    opacity: .8;
    
}



.vk-mobile-nav-menu-btn {
    border-color: #333;
    background: var(--vk-mobile-nav-menu-btn-bg-src) center 50% no-repeat #cf9bf6;
   
}

.vk-mobile-nav-menu-btn.menu-open {
    border-color: #333;
    background: var(--vk-mobile-nav-menu-btn-close-bg-src) center 50% no-repeat #cf9bf6;
    
}


  @media screen and (min-width:992px) and ( max-width:1199px) {
 
    .newsbox01 {
      margin-bottom: 0px;
    }
/* グループここから▼ */
.f_contents_box,.f_contents_box02,.f_contents_box03{
  width: auto;
 min-height: 300px;
}

.f_contents_box .st01, .f_contents_box .st02, .f_contents_box .st03,.f_contents_box02 .st04,.f_contents_box02 .st05,.f_contents_box02 .st06,.f_contents_box03 .st07,.f_contents_box03 .st08,.f_contents_box03 .st09{
  width: auto;
  max-width: 300px;
  background-size: contain;
  height: 190px;
  min-width: 280px;
}

.f_contents_box .st01 p,.f_contents_box .st02 p,.f_contents_box .st03 p,.f_contents_box02 .st04 p,.f_contents_box02 .st05 p,.f_contents_box02 .st06 p,.f_contents_box03 .st07 p,.f_contents_box03 .st08 p,.f_contents_box03 .st09 p{
  top: 145px;
  font-size: 18px;
}

.rollbox01, .rollbox02, .rollbox03{
  min-width: 250px;
  height: 50px;
  font-size: 20px;
  line-height: 40px;
}


.maru01::before{
	width: 23px;
	height: 23px;
	border: 1px solid #00a99d;
	margin-left: 10px;
}
.maru01::after, .maru02::after, .maru03::after, .maru04::after {
	left: 18px;
	width: 23px;
	
}

.maru02::before{
	width: 23px;
	height: 23px;
	border: 1px solid #662d91;
 margin-left: 10px;
}


.maru03::before{
	width: 23px;
	height: 23px;
	border: 1px solid #c69c6d;
  margin-left: 10px;
}




.maru04::before{
	width: 23px;
	height: 23px;
	border: 1px solid #2e3192;
  margin-left: 10px;
}
.f_box{
  width: auto;
  max-width: 960px;
  margin: 0 auto;

  
}

/* ▼事業内容 ▼*/
.b_box{
  width: auto;
  overflow: hidden;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  margin: 0 auto;
  justify-content: center;
  margin-top: 30px;
}


.b_box .box1{
width: 265px;
overflow: hidden;
padding: 0.2em 0em;
margin: 1em 0.5em;
}

.b_box .text{
  width: auto;
  min-width: 150px;
  max-width: 265px;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  font-family: "Noto Sans JP", serif !important;
  align-items: flex-end;
  text-align: justify;
  font-weight: 400;
  padding-top: 5px;
  padding: 0 5px;
  
}

.k_box{
  width: auto;
  overflow: hidden;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  margin: 0 auto;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.k_box .box1{
width: 265px;
overflow: hidden;
padding: 0em 0em;
margin: 1em 0.5em;
text-align: center;

}

.k_box .box1 img{
 border: #000 2px solid;
  }

.k_box  .box1 .title{
 color: #fff;
 font-size: 24px;
 font-family: "Noto Serif JP",serif !important;
 margin: 0 auto;
 text-align: center;
 font-weight: 400;
position: relative;
top:-13%;

}
.k_box .text{
  width: auto;
  min-width: 150px;
  max-width: 265px;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  font-family: "Noto Sans JP", serif !important;
   text-align: justify;
  font-weight: 400;
  padding-top: 0px;
  padding: 0 5px;
  display: block;
        position: relative;
        top:-30px;
 
}

.f_title{
  font-size: 25px;
    font-weight: 600; 
    color: #1b1464;
    font-family: "Noto Serif JP", serif !important;
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: center;
    background-color: #fff;
    width: auto;
    max-width: 334px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
    border: 5px solid #1b1464;
}




    /* ▲事業内容ここまで ▲*/
/* グループここまで▲ */
      
  }
  @media screen and (min-width:768px) and ( max-width:991px) {
    .newsbox01{
      padding: 20px;
    margin-bottom: 20px;
     
    }
    
     
    .newsbox01 hr{
        width: 80%;   
    }
    .contents_box{
      display: block;
      height: 100%;
      padding-bottom: 20px;
      padding-top: 20px;
      margin: 0 calc(50% - 50vw);
      text-align: center;
   }
  
  .contents_box a{
    display: inline-block;
    text-decoration:none;
   
  }
  
  .contents_box a:hover{
    opacity: .3;
  }
  
  
  .contents_box .rbox{
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
  border: 7px solid #c69c6d;
  color: #666666;
  background-color: #fff;
  font-size: 22px;
  font-family:  "Noto Serif JP", serif !important;
  width: 200px;
  height: 70px;
  margin: 5px;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  
  }
  
  .contents_box .cbox{
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
  border: 7px solid #662d91;
  color: #666666;
  background-color: #fff;
  font-size: 22px;
  font-family:  "Noto Serif JP", serif !important;
  width: 200px;
  height: 70px;
  margin: 5px;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  
  }
  
  .contents_box .lbox{
    display: flex;
  flex-direction:column;
  align-items: center;
  justify-content: center;
   border: 7px solid #00a99d;
  color: #666666;
  background-color: #fff;
  font-size: 22px;
  font-family:  "Noto Serif JP", serif !important;
  width: 200px;
  height: 70px;
  margin: 5px;
  box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  }
  
  .contents_box .f13{
  font-size: 13px;
  font-family:  "Noto Sans JP", serif !important;
  color: #666666;
  margin-bottom: 5px;
  }
  
.top_contents{
  width: 1200px;
  text-align: center;
  margin: 0 auto;
  margin-top: 30px;
  width: auto;
 overflow: hidden;
  align-items: center;
  text-align: center;
  background-color: #fff;
  padding: 3%;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  background-color: rgba(255, 255, 255, 0.4);
  padding-bottom: 10%;

 
}

.top_contents h1{
  font-size: 37px;
  color: #8c6239;
  font-family:  "Noto Serif JP", serif !important;
font-weight: 400;
width: auto;
margin-bottom: 0px;
letter-spacing: 0;

}

.top_contents p{
font-size: 18px;
    color: #666666;
    font-family:  "Noto Sans JP", serif !important;
    font-weight: 300;
  margin: 0 auto;
  align-items: top;
  text-align: justify;
  width: auto;
  max-width: 550px;
    }


/* ▼墓地情報▼ */
.bochi_box{
  width: auto;
  max-width: 500px;
 }

.bochi_box .rbox02 p{
  font-size: 26px;
 }


/* ▲墓地情報▲　ここまで */

/* ▼事業内容 ▼*/
.b_box{
  width: auto;
  overflow: hidden;
  max-width: 800px;
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  margin: 0 auto;
  justify-content: center;
  margin-top: 30px;
}


.b_box .box1{
width: 214px;
overflow: hidden;
padding: 0.2em 0em;
margin: 1em 0.5em;
}

.b_box .text{
  width: auto;
  min-width: 150px;
  max-width: 265px;
  font-size: 16px;
  line-height: 20px;
  color: #666666;
  font-family: "Noto Sans JP", serif !important;
  align-items: flex-end;
  text-align: justify;
  font-weight: 400;
  padding-top: 5px;
  padding: 0 5px;
  
}

.k_box{
  width: auto;
  overflow: hidden;
  max-width: 800px;
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  margin: 0 auto;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.k_box .box1{
width: 214px;
overflow: hidden;
padding: 0.2em 0em;
margin: 1em 0.5em;
text-align: center;

}

.k_box .box1 img{
 border: #000 2px solid;
  }

.k_box  .box1 .title{
 color: #fff;
 font-size: 20px;
 font-family: "Noto Serif JP",serif !important;
 margin: 0 auto;
 text-align: center;
 font-weight: 400;
position: relative;
top:-13%;

}
.k_box .text{
  width: auto;
  min-width: 150px;
  max-width: 265px;
  font-size: 16px;
  line-height: 20px;
  color: #666666;
  font-family: "Noto Sans JP", serif !important;
   text-align: justify;
  font-weight: 400;
  padding-top: 0px;
  padding: 0 5px;
  display: block;
        position: relative;
        top:-30px;
 
}


.k_gbox,.k_ybox{
  width: auto;
  max-width: 270px;
  
  }

  .k_title,.b_title{
    font-size: 35px;
   }


    /* ▲事業内容ここまで ▲*/
/* 問合せ */

.contactbox{
  margin: 0 calc(50% - 50vw);
  padding: 1em calc(50vw - 50%);
  background-color: #fff;
    top:-55px;
    box-shadow: 10px 1px 10px 2px rgba(0,0,0,0.3);
    height: 210px;
    margin-top: 45px;
    text-align: center;
 }
  
  .contactbox .textbox{
    width: auto;
    max-width: 960px;
    display: block;
    margin: 0 auto;
   }

  .contactbox .textbox .text01{
    font-size: 24px;
    line-height: 43px;
    
 }
    
  .contactbox .textbox .text02{
    font-size: 35px;
    color: #00a99d;
    font-weight: 600; 
    text-align: center;
    font-family: "Noto Serif JP",serif !important;
    border-bottom: #333333 1.5px solid;
    border-top: #333333 1.5px solid;
    }
  
    .contactbox .mailbox{
  width: auto;
  max-width: 960px;
  overflow: hidden;
  display: inline-block;
  margin-top: 30px;
  
  
    }
  
.contactbox .mailbox .mailboxg_r,
  .contactbox .mailbox .mailboxg_l {
    width: auto;
    height: 50px;
    background-size: cover;
    font-size: 20px;
    margin: 0 10px;
    min-width: 250px;
}


/* ▲問合せ▲ここまで */

/* ▲問合せ▲ここまで */

.f40{
  font-size: 36px;
  font-weight: 600;
  color: #000;
  font-family: "Noto Serif JP",serif !important;
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
  }
/* グループここから▼ */
.f_contents_box,.f_contents_box02,.f_contents_box03{
  width: auto;
 min-height: 250px;
}

.f_contents_box .st01, .f_contents_box .st02, .f_contents_box .st03 {
  width: auto;
  max-width: 200px;
  background-size: contain;
  height: 140px;
  min-width: 200px;
}

.f_contents_box .st01 p, .f_contents_box02 .st06 p{
  top: 102px;
        font-size: 16px;
        /* transform: scale(0.9, 1); */
        width: 100%;
        line-height: 16px;
}

.f_contents_box .st03 p,.f_contents_box02 .st04 p, .f_contents_box02 .st05 p,.f_contents_box .st02 p,.f_contents_box03 .st07 p, .f_contents_box03 .st08 p,.f_contents_box03 .st09 p{
  top: 100px;
  font-size: 16px;
}


.f_contents_box02 .st04,.f_contents_box02 .st05,.f_contents_box02 .st06,.f_contents_box03 .st07,.f_contents_box03 .st08,.f_contents_box03 .st09{
  width: auto;
  max-width: 200px;
  background-size: contain;
  height: 140px;
  min-width: 200px;
}



.rollbox01, .rollbox02, .rollbox03{
min-width: 200px;
height: 50px;
font-size: 20px;
line-height: 40px;
}


.maru01::before{
	width: 23px;
	height: 23px;
	border: 1px solid #00a99d;
	margin-left: 10px;
}

.maru02::before{
	width: 23px;
	height: 23px;
	border: 1px solid #662d91;
 margin-left: 10px;
}


.maru03::before{
	width: 23px;
	height: 23px;
	border: 1px solid #c69c6d;
  margin-left: 10px;
}

.maru04::before{
	width: 23px;
	height: 23px;
	border: 1px solid #2e3192;
  margin-left: 10px;
}

.maru01::after, .maru02::after, .maru03::after, .maru04::after{
	left: 18px;
	width: 23px;
	
}

/* グループここまで▲ */
.f_box{
width: auto;
max-width: 850px;
margin: 0 auto;

}

footer hr{
  display: none;
   }
   
.map{
margin: 0 calc(50% - 50vw);
/* padding: 0em calc(50vw - 50%); */
background-color: #fff;
  top:-55px;
  height: 250px;
  margin-top: 80px;
  text-align: center;
}

.gfooter_navi {
  margin: 0 calc(50% - 50vw);
  /* padding: 0em calc(50vw - 50%); */
  background-color: #1b1464;
    height: 100px;
text-align: center;

}

.gfooter_navi .logo{
font-size: 25px;
color: #fff;
font-family:  "Noto Serif JP", serif !important;
font-weight: 600;
float: none;
margin-left: 0%;
margin-top: 0px;
padding-top: 30px;
  
}
.gfooter_navi ul li a{
       margin-top: 16px;        
  }   

.gfooter_navi ul {
display: flex;
list-style: none;
font-family:  "Noto Serif JP", serif !important;
float: none;
 width: auto;
 color: #fff;
 margin: 0 calc(50% - 50vw);
 margin: 0 auto;
 justify-content: center;
 height: auto;
 padding-bottom: 18px;


}

.gfooter_navi li+li::before{
  top: 2px;
}

.gfooter_navi ul li:first-child a{
  font-size:16px;      
  margin-top: 8px;  
  
}
.gfooter_navi ul li:last-child a{
font-size:16px;
margin-top: 8px;

}
.gfooter_navi ul li a{
font-size:16px;
margin-top: 8px;
  
}

.gfooter_box{
width: auto;
      max-width: 650px;
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin: 50px auto;


}

.gfooter_box .box01{
width: auto;
min-width: 350px;
}

.gfooter_box p{
color: #000;
text-align: center;
font-family:  "Noto Serif JP", serif !important;
font-weight: 600;
font-size: 25px;
margin: 0;
margin-top: 30px;
}

.gfooter_box  .tel{
color: #c1272d;
font-size: 30px;
font-weight: 800;
font-family:  "Noto Serif JP", serif !important;
margin-top: 10px;
margin-bottom: 20px;
}

.gfooter_box  .tel02{
color: #1eaa39;
font-size: 30px;
font-weight: 800;
font-family:  "Noto Serif JP", serif !important;
margin-top: 10px;
}

.gfooter_box  img{
min-width: 150px;
height: auto; 
margin-bottom: 20px;
}

footer hr{
width: 100%;
border: 1.5px #4d4d4d solid;
margin-bottom: 30px;
}

.fsmall{
font-size: 1.3rem;
}

.fbold{
font-size: 22px;
font-weight: 900;
padding-bottom: 15px;
}

.timebox{
padding: 8px 19px;
margin: 2em 0;
color: #ffffff;
font-size: 24px;
background: #c1272d;
border-radius: 30px;
text-align: center;
font-weight: 800;

}


.pc{
display: block;
} 
.sp{
  display: none;
  } 
 
 .ip{
   display: block;
    }


.f_title{
font-size: 25px;
    font-weight: 600;
    color: #1b1464;
    font-family: "Noto Serif JP", serif !important;
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: center;
    background-color: #fff;
    width: auto;
    max-width: 328px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
    border: 5px solid #1b1464;
}


}

@media (max-width:768px) {
.newsbox01{
  padding: 20px;
margin-bottom: 20px;
margin: 0 ;
 
}

 
.newsbox01 hr{
    width: 100%;   
}

.contents_box{
  display: block;
  height: 100%;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: 0 calc(50% - 50vw);
  text-align: center;
}

.contents_box a{
display: inline-block;
text-decoration:none;

}

.contents_box a:hover{
opacity: .3;
}


.contents_box .rbox{
display: flex;
flex-direction:column;
align-items: center;
justify-content: center;
border: 7px solid #c69c6d;
color: #666666;
background-color: #fff;
font-size: 22px;
font-family:  "Noto Serif JP", serif !important;
width: 200px;
height: 70px;
margin: 5px;
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
font-weight: bold;

}

.contents_box .cbox{
display: flex;
flex-direction:column;
align-items: center;
justify-content: center;
border: 7px solid #662d91;
color: #666666;
background-color: #fff;
font-size: 22px;
font-family:  "Noto Serif JP", serif !important;
width: 200px;
height: 70px;
margin: 5px;
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
font-weight: bold;

}

.contents_box .lbox{
display: flex;
flex-direction:column;
align-items: center;
justify-content: center;
border: 7px solid #00a99d;
color: #666666;
background-color: #fff;
font-size: 22px;
font-family:  "Noto Serif JP", serif !important;
width: 200px;
height: 70px;
margin: 5px;
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.6);
font-weight: bold;
}

.contents_box .f13{
font-size: 13px;
font-family:  "Noto Sans JP", serif !important;
color: #666666;
margin-bottom: 5px;
}



/* 最新情報ここから */
.conbox01{
  width: 100%;
  display: flex; 
  margin: 0 20px 0 0;
  flex-direction: column;
  
}


.conbox01 .text02{
  width: 150px;
  height: auto;
  margin: 18.5px 14px 0px 0;
   font-size: 13px;
   font-family: "Noto Sans JP", serif !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #3b3b3b;
  
}

.conbox01 .text03 {
  width: 100%;
  height: auto;
  margin: 10px 0 0 0;
  font-family: 'YuGothic', sans-serif !important;
  font-size: 13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #707070;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 15px;
}


.conbox01 .bra{
  width: auto;
  max-width: 180px;
  min-width: 130px;
  height: 26px;
  text-align: center;
  margin-bottom: 0;

}

.conbox01 .gre{
  width: auto;
  max-width: 180px;
  min-width: 130px;
  height: 26px;
  text-align: center;
  margin-bottom: 0;
}
  
  .conbox01 .pur{
    width: auto;
    max-width: 180px;
    min-width: 130px;
    height: 26px;
    text-align: center;
    margin-bottom: 0;
  
  }

  .conbox01 .navy{
    width: auto;
    max-width: 180px;
    min-width: 130px;
    height: 26px;
    text-align: center;
    margin-bottom: 0;
    
     }

     .k_box{
      width: auto;
      overflow: hidden;
      max-width: 800px;
      display: flex;
      flex-wrap: wrap;
      flex-direction:row;
      margin: 0 auto;
      justify-content: center;
      margin-top: 30px;
      margin-bottom: 20px;
    }
    
    .k_box .box1{
    width: auto;
    overflow: hidden;
    padding: 0.2em 0em;
    margin: 1em 0.5em;
    text-align: center;
    min-width: 315px;
    
    }
    
    .k_box .box1 img{
     border: #000 2px solid;
      }
    
    .k_box  .box1 .title{
     color: #fff;
     font-size: 20px;
     font-family: "Noto Serif JP",serif !important;
     margin: 0 auto;
     text-align: center;
     font-weight: 400;
    position: relative;
    top:-13%;
    
    }
    .k_box .text{
      width: auto;
      min-width: 150px;
      max-width: 315px;
      font-size: 16px;
      line-height: 24px;
      color: #666666;
      font-family: "Noto Sans JP", serif !important;
       text-align: justify;
      font-weight: 400;
      padding-top: 0px;
      padding: 0 5px;
      display: block;
            position: relative;
            top:-20px;
     
    }
    
    
    .k_gbox,.k_ybox{
      width: auto;
      max-width: 270px;
      
      }
    
      .k_title,.b_title{
        font-size: 35px;
       }
    

/* ▼墓地情報▼ */
.bochi_box{
width: auto;
max-width: 345px;
overflow: hidden;
background-image: url(https://boseki.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/group/bochi.webp);
background-repeat: no-repeat;
background-size: cover;
display: block;
margin: 0 auto;
margin-top: 0px;
height: 90px;

}

.bochi_box .rbox{
width: 80%;
background-color: rgba(179, 179, 179, 0.8);
float: none;
margin: 0 auto;
}

.bochi_box .rbox02{
width: auto;
max-width: 180px;
background: #fff;
margin: 0 auto;
display: block;
margin-top: 20px;
height: 50px;

}

.bochi_box .rbox02 p{
font-size: 22px;
}


/* ▲墓地情報▲　ここまで */  

/* ▼問合せ▼ */
.contactbox{
margin: 0 calc(50% - 50vw);
padding: 1em calc(50vw - 50%);
background-color: #fff;
  top:-55px;
  box-shadow: 10px 1px 10px 2px rgba(0,0,0,0.3);
  height: auto;
  margin-top: 45px;
  text-align: center;
}

.contactbox .textbox{
  width: auto;
  max-width: 960px;
  display: block;
  margin: 0 auto;
 }

.contactbox .textbox .text01{
  font-size: 19px;
  line-height: 43px;
}

.contactbox .textbox .text02{
  font-size: 26px;
  color: #1b1464;
  font-weight: 600; 
  text-align: center;
  font-family: "Noto Serif JP",serif !important;
  border-bottom: #333333 1.5px solid;
  border-top: #333333 1.5px solid;
  }

  .contactbox .mailbox{
    width: auto;
    max-width: 960px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    justify-content: center;


  }

.contactbox .mailbox .mailboxg_l,  .contactbox .mailbox .mailboxg_r{
  width: 250px;
      height: 50px;
      background-size: cover;
      font-size: 20px;
      margin:0 10px;


}

/* ▲問合せ▲ここまで */

.f40{
  font-size: 30px;
  font-weight: 600;
  color: #000;
  font-family: "Noto Serif JP",serif !important;
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
  }

/* グループここから▼ */
.f_contents_box,.f_contents_box02,.f_contents_box03{
width: auto;
min-height: 800px;
align-items: flex-start;
justify-content: center;
align-content: flex-start;
}

.f_contents_box .st01, .f_contents_box .st02, .f_contents_box .st03 {
width: auto;
max-width: 600px;
background-size: contain;
height: 205px;
min-width: 345px;
margin-bottom: 20px;
}

.f_contents_box .st01 p{
top: 172px;
font-size: 16px;
transform: scale(1, 1);
width: 100%;
}

.f_contents_box .st02 p, .f_contents_box .st03 p,.f_contents_box02 .st04 p, .f_contents_box02 .st05 p,.f_contents_box02 .st06 p,.f_contents_box03 .st07 p, .f_contents_box03 .st08 p,.f_contents_box03 .st09 p{
top: 172px;
font-size: 16px;
}


.f_contents_box02 .st04,.f_contents_box02 .st05,.f_contents_box02 .st06,.f_contents_box03 .st07,.f_contents_box03 .st08,.f_contents_box03 .st09{
width: auto;
max-width: 600px;
background-size: contain;
height: 205px;
min-width: 345px;
margin-bottom: 20px;
}


.rollbox01, .rollbox02, .rollbox03{
min-width: 200px;
max-width: 80%;
font-size: 20px;
line-height: 46px;
margin: 0 auto;
}

.maru01::before{
	width: 20px;
	height: 20px;
	border: 1px solid #00a99d;
	margin-left: 10px;
}

.maru02::before{
	width: 20px;
	height: 20px;
	border: 1px solid #662d91;
 margin-left: 10px;
}


.maru03::before{
	width: 20px;
	height: 20px;
	border: 1px solid #c69c6d;
  margin-left: 10px;
}

.maru04::before{
	width: 20px;
	height: 20px;
	border: 1px solid #2e3192;
  margin-left: 10px;
}
.maru01::after, .maru02::after, .maru03::after , .maru04::after{
	left: 16px;
	width: 20px;
	
}


.f_box{
width: auto;
max-width: 550px;
margin: 0 auto;


}


.top_contents{
width: 1200px;
text-align: center;
margin: 0 auto;
margin-top: 30px;
width: auto;
overflow: hidden;
align-items: center;
text-align: center;
background-color: #fff;
padding: 3%;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
background-color: rgba(255, 255, 255, 0.4);
padding-bottom: 10%;


}

.top_contents h1{
font-size: 30px;
color: #8c6239;
font-family:  "Noto Serif JP", serif !important;
font-weight: 400;
width: auto;
margin-bottom: 0px;
letter-spacing: 0;

}

.top_contents p{
font-size: 16px;
  color: #666666;
  font-family:  "Noto Sans JP", serif !important;
  font-weight: 300;
margin: 0 5%;
align-items: top;
text-align: justify;
width: auto;
max-width: 900px;
  }

  .map{
    margin: 0 calc(50% - 50vw);
    /* padding: 0em calc(50vw - 50%); */
    background-color: #fff;
      top:0px;
      height: 150px;
      margin-top: 50px;
      text-align: center;
  }
  
  .gfooter_navi {
    margin: 0 calc(50% - 50vw);
    /* padding: 0em calc(50vw - 50%); */
    background-color: #662D91;
      height: 100px;
  text-align: center;
  
  }
  
  .gfooter_navi .logo{
  font-size: 25px;
  color: #fff;
  font-family:  "Noto Serif JP", serif !important;
  font-weight: 600;
  float: none;
  margin-left: 0%;
  margin-top: 0px;
  padding-top: 10px;
    
  }
  .gfooter_navi ul li a{
         margin-top: 16px;        
    }   
  
  .gfooter_navi ul {
  display: flex;
  list-style: none;
  font-family:  "Noto Serif JP", serif !important;
  float: none;
   width: auto;
   color: #fff;
   margin: 0 calc(50% - 50vw);
   margin: 0 auto;
   justify-content: flex-start;
   height: auto;
   padding-bottom: 16px;
   align-items: center;
   flex-wrap: wrap;
   
  
  }
  
  .gfooter_navi li+li::before{
  display: none;
  }
  
  .gfooter_navi ul li:first-child a{
    font-size:15px;      
    margin-top: 8px; 
     
  
    
  }
  
  
  .gfooter_navi ul li:last-child a{
  font-size:15px;
  margin-top: 8px;
  
  }
  .gfooter_navi ul li a{
  font-size:15px;
  margin-top: 8px;
    
  }
  
  .gfooter_navi ul li {
    margin-top: 0em;
    margin-bottom: 0em;
  }
  
  .gfooter_box{
    width: auto;
    max-width: 800px;
    text-align: center;
    display: flex; 
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px auto;
   
    
    }
  
  .gfooter_box .box01{
    width: auto;
    min-width: 350px;
    }
  
  .gfooter_box p{
    color: #000;
  text-align: center;
  font-family:  "Noto Serif JP", serif !important;
  font-weight: 600;
  font-size: 25px;
  margin: 0;
  margin-top: 30px;
  }
  
  .gfooter_box  .tel{
   color: #c1272d;
   font-size: 30px;
   font-weight: 800;
   font-family:  "Noto Serif JP", serif !important;
   margin-top: 10px;
   margin-bottom: 20px;
  }
  
  .gfooter_box  .tel02{
    color: #1eaa39;
    font-size: 30px;
    font-weight: 800;
    font-family:  "Noto Serif JP", serif !important;
    margin-top: 10px; 
    display: inline-grid;
   }
  
   .gfooter_box  img{
    max-width: 200px;
  min-width:150px;
  height: auto; 
  margin-bottom: 20px;
  }
   
   footer hr{
  display: none;
   }
   
  .fsmall{
    font-size: 1.3rem;
  }
  
  .fbold{
    font-size: 22px;
    font-weight: 900;
    padding-bottom: 15px;
  }
  
  .timebox{
    padding: 8px 19px;
    margin: 2em 0;
    color: #ffffff;
    font-size: 24px;
    background: #c1272d;
    border-radius: 30px;
    text-align: center;
    font-weight: 800;
    
  }
  
  
  .company-tel-header{
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
    height: 100px;
    background-color: rgba(92, 92, 92, 0.9);
  
  
  }
  
  
  .company-header-box {
    text-align: right;
    margin-bottom: 0rem;
   display: flex;
   padding-top: 10px;
   justify-content: flex-end;
   margin-right:0% ;
   align-items: center;
    
    }
    .company-header-box .telbox {
      color: #c1272d;
  }

  .company-header-box .telbox a,a:hover{
color: #c1272d;
}

.sp{
  display: block;
}

.pc{
  display: none;

}

.ip{
   display: none;
    }
  
.company-header-box {
  text-align: right;
  margin-bottom: 0rem;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-content: space-evenly;
  margin: 0 auto;
  max-width: 380px;
}


 .company-header-box .h_rbox {
  width: auto;
  height: 81px;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/common/f_smail01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 97px;
}

.company-header-box .h_lbox {
  width: auto;
  height: 81px;
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/common/f_stel01.webp);
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 97px;
}
.text-banner
{ 
  background-image: url(https://butsudan.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/s_tel_butudan_sp.webp );
background-repeat: no-repeat;
background-size: cover;
  width: 42px;
  height: 112px;
  position:fixed; /* バナーを固定位置に配置 */
right: 0px; /* 右端から20ピクセルの位置に設置 */
top: 80px; /* 下端から20ピクセルの位置に設置 */
z-index: 9999; /* 他の要素より前面に表示 */

 }


.text-banner02
{ 
 
  background-image: url(https://boseki.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/s_butsudan_sp.webp );
  background-repeat: no-repeat;
background-size: contain;
  width: 42px;
  height: 112px;
  position: fixed; /* バナーを固定位置に配置 */
right: 0px; /* 右端から20ピクセルの位置に設置 */
top: 204px; /* 下端から20ピクセルの位置に設置 */
z-index: 9999; /* 他の要素より前面に表示 */
 }


 .text-banner03
 { 
  
   background-image: url(https://boseki.yatsushiro-kawachisekizai.com/wp-content/themes/lightning-child/library/images/s_magokoro_sp.webp );
   background-repeat: no-repeat;
 background-size: contain;
   width: 42px;
   height: 112px;
   position: fixed; /* バナーを固定位置に配置 */
 right: 0px; /* 右端から20ピクセルの位置に設置 */
 top: 320px; /* 下端から20ピクセルの位置に設置 */
 z-index: 9999; /* 他の要素より前面に表示 */
  }


 .page_top_btn {

  /*ボタンの大きさ*/
  width: 45px;
  height: 45px;    
   bottom:15%;
  }

  .f_title{
font-size: 25px;
    font-weight: 600;
    color: #1b1464;
    font-family: "Noto Serif JP", serif !important;
    margin-top: 50px;
    margin-bottom: 30px;
    text-align: center;
    background-color: #fff;
    width: auto;
    max-width: 350px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
    border: 5px solid #1b1464;
}


}