@charset "UTF-8";

/* **********************************
 *  コンテナ
 * ********************************* */
.wrapper{
  overflow-x: hidden;
}
.container{
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

@media (min-width: 576px){
  .container {
    width: 540px;
  }
}
@media (min-width: 768px){
  .container {
    width: 720px;
  }
}

@media (min-width: 992px){
  .container {
    width: 960px;
  }
}
@media (min-width: 1200px){
  .container {
    width: 1140px;
  }
}



.section{
  width: 100%;
  /*margin-bottom: 50px;*/
  /*padding: 30px 0;*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.pg_header{
  /*padding: 15px 0;*/
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.pg_header .container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pg_header .img{
  width: 100%;
  margin-bottom: -5px;
  text-align: center;
}

/* 共通のfloat ボックスとして定義しておく */
.box_l{
  float: left;
}
.box_r{
  float: right;
}

/* ▼サンプル▼ 利用箇所毎に幅指定だけで済むように */
/*
.post_list .post_box .box_l {
    width: 70%;
}
.post_list .post_box .box_r {
    width: 25%;
}
*/

/* ▼サンプル▼ リストなどでアイキャッチがない場合のclass */
/*
.post_list .post_box .box_w{
  width: 100%;
}
*/

/*
 * 共通クラスとして定義しておく
 * リスト組みのテンプレート
 * 
 */

.listbox{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.listbox .item{
  display: block;
  width: 100%;
}
.listbox .item .img{
  position: relative;
  display: block;
  overflow: hidden;
}
.listbox .item .img:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.listbox .item .img.img2x1:before{
  padding-top: 50%;
}
.listbox .item .img.img1x2:before{
  padding-top: 200%;
}
.listbox .item .img.img2x3:before{
  padding-top: 150%;
}
.listbox .item .img.img3x2:before{
  padding-top: 66.666666%;
}
.listbox .item .img.img3x4:before{
  padding-top: 133.333333%;
}
.listbox .item .img.img4x3:before{
  padding-top: 75%;
}
.listbox .item .img.img16x9:before{
  padding-top: 56.25%;
}
.listbox .item .img img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.listbox .item .title{

}
.listbox .item .date{

}
.listbox .item .txt{

}


/* ▼サンプル▼ 利用箇所ごとにマージンなど設定 */
/*
.post_content .col1,
.post_content .col2,
.post_content .col3{
  margin-bottom: 20px;
}
*/


/* **********************************
 *  ヘッダー
 * ********************************* */
header{
  background: #1d50a3;
  position: fixed;
  z-index: 5;
  width: 100%;
}
header .hdr1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .hdr1 .hdr_logo{
  line-height: 1;
}

/* **********************************
 *  グローバルナビ
 * ********************************* */
.gnav{
  /*background: #EEE;*/
  /*padding: 0 5px;*/
}
.gnav > ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  text-align: center;
}
.gnav > ul > li{
  width: 100%;
  border-right: 1px solid #fff;
  line-height: 1;
}
.gnav > ul > li:last-child{
  border-right: none;
}
.gnav li a{
  font-weight: 600;
  letter-spacing: 0.075em;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.gnav li a:hover{
  text-decoration: none;
  color: #F6E29C;
  transition: 0.2s;
}

.gnav .children,
.gnav .sub-menu{
  display: none;
  background: #aaa;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
}
.gnav li:hover > .children,
.gnav li:hover > .sub-menu{
  display: block;
}

/*メインビジュアル*/
.mv{
  position: relative;
}
.mv .mv_box,
.mv .attention{
  position: absolute;
}
.mv .mv_box{
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mv .attention{
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #fff;
  right: 4%;
}

/* 検索フォーム */
.pg_404{
  text-align: center;
}
.pg_404{

}

.search-form{
  padding: 20px 0;
}
.search-form .search-field{
  padding: 5px;
}
.search-form .search-submit{
  padding: 5px 10px;
}

.pg_image{

}
.pg_image .attachment{
  padding: 20px;
  background-color: #ececec;
  text-align: center;
}
/* 検索 */
.search_list{
  background: #eee;
  padding: 15px;
}
.search_list .item{

}
.search_list .item + .item{

}

.breadcrumb{
  display: flex;
  list-style: none;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  overflow: hidden;
}
.breadcrumb li{
  /*display: inline;*/
  white-space: nowrap;
}
.breadcrumb li + li{
  margin-left: 27px;
}
.breadcrumb li a{
  position: relative;
  padding-right: 11px;
}
.breadcrumb li a:after{
  content: "ー";
  position: absolute;
  top: 69%;
  right: -13px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*.breadcrumb li:first-child a{
  padding-left: 15px;
}
.breadcrumb li:first-child a:before{
  content: "\f015";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}*/

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


  .gnav{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1d50a3;
    padding: 0;
    z-index: 99999;
    overflow-y: scroll;

    /*transition: all 0.2s;*/
    transform: translateX(100%);
    padding: 15px;
  }
  .gnav.active{
    transform: translateX(0%);
  }
  .gnav > ul{
    display: block;
  }
  .gnav > ul > li{
    width: 100%;
    padding: 30px 0;
    border: 0;
    border-bottom: 1px dashed #CCC;
  }
  .gnav > ul > li + li,
  .gnav > ul > li:first-child,
  .gnav > ul > li:last-child{
    border-left: 0;
    border-right: 0;
  }
  .gnav > ul > li a{
    padding: 10px 0;
  }
  .gnav .children, .gnav .sub-menu{
    display: block;
    position: static;
    background: #EEE;
  }
}
@media(max-width:767px){
  .breadcrumb{
    margin: 10px 0 70px;
  }

  /*ヘッダー*/
  header{
    position: relative;
    padding: 10px;
  }
  header .hdr1{
        justify-content: center;
        align-items: center;
  }
  .pg_header .container{
    margin-top: 0px;
    height: 150px;
  }

  header .hdr1 .hdr_logo img{
    height: 35px;
  }
  
  /*メインビジュアル*/
  .mv{
    margin: 0px 0 40px;
    height: 250px;
  }
  .mv .img_fit:before{
    padding-top: 250px;
  }
  .mv .mv_box img{
    width: 50%;
  }
  .mv .attention{
    font-size: 16px;
    bottom: 4%;
  }

}
@media(min-width:768px){
  .breadcrumb{
    margin: 20px 0 30px;
  }

  /*ヘッダー*/
  header{
    padding: 20px 0px 19px 10px;
  }
  .pg_header .container{
    margin-top: 63px;
    height: 180px;
  }
  header .hdr1 .hdr_logo .logo{
    width: 90%;
  }
  header .hdr1 .hdr_logo{
    width: 265px;
  }

  /*グローバルナビ*/
  .gnav > ul > li{
    padding: 0 8.75px 3px;
  }
  .gnav li a{
    font-size: 16px;
  }

  /*メインビジュアル*/
  .mv{
    margin: 53px 0 100px;
    height: 400px;
  }
  .mv .img_fit:before{
    padding-top: 400px;
  }
  .mv .mv_box img{
    width: 70%;
  }
  .mv .attention{
    font-size: 16px;
    bottom: 4%;
  }

}
@media(min-width:1024px){

  /*ヘッダー*/
  header .hdr1 .hdr_logo .logo{
    width: 100%;
  }
  .pg_header .container{
    height: 280px;
  }

  /*グローバルナビ*/
  .gnav > ul > li{
    padding: 0 18.75px 0;
  }

  /*メインビジュアル*/
  .mv{
    margin: 64px 0 100px;
    height: 400px;
  }
  .mv .img_fit:before{
    padding-top: 400px;
  }
  .mv .mv_box img{
    width: 85%;
  }

}
@media(min-width:1200px){
  /*ヘッダー*/
  header{
    padding: 10px 20px 14px 50px;
  }
  .pg_header .container{
    margin-top: 62px;
    height: 330px;
  }
  .breadcrumb{
    margin-top: 21px;
    margin-bottom: 150px;
  }

  /*グローバルナビ*/
  .gnav > ul > li{
    padding: 0 28.75px;
  }
  .gnav li a{
    font-size: 18px;
  }

  /*メインビジュアル*/
  .mv{
    margin: 64px 0 120px;
    height: 500px;
  }
  .mv .img_fit:before{
    padding-top: 500px;
  }
  .mv .attention{
    font-size: 24px;
    bottom: 21%;
  }
  .mv .mv_box img{
    width: 100%;
  }

}
@media(min-width:1440px){

  /*メインビジュアル*/
  .mv{
    margin: 64px 0 120px;
    height: 600px;
  }
  .mv .img_fit:before{
    padding-top: 600px;
  }
}
@media(min-width:1800px){
  
  /*ヘッダー*/
  .pg_header .container{
    height: 450px;
  }
}



/* **********************************
 *  共通パーツ
 * ********************************* */

.btn{
  text-align: center;
}
.btn a{
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.075em;
  display: inline-block;
  width: 260px;
  color: #fff;
  background: #1d50a3;
  border: 1px solid #1d50a3;
  padding: 13px 0 10px;
  text-decoration: none;
  transition: 0.2s;
  position: relative;
}
.btn a:hover{
  color: #000;
  background: #fff;
  text-decoration: none;
}
.btn a:after{
  content: "";
  background: url(/img/btn.png) no-repeat;
  position: absolute;
  width: 16px;
  height: 17px;
  right: 1px;
  bottom: 1px;
}
.btn a:hover:after{
  background: url(/img/btn_h.png) no-repeat;
}

@media(max-width:767px){

}
@media(min-width:768px){

}
@media(min-width:1024px){

}
@media(min-width:1200px){

}



/* **********************************
 *  メイン
 * ********************************* */
body.home .main{
  padding-top: 0;
}

.tt1{
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.075em;
  text-align: center;
  text-shadow:  0.5px  0.5px 5px #000 ,
    -0.5px  0.5px 5px #000 ,
    0.5px -0.5px 5px #000 ,
    -0.5px -0.5px 5px #000;
}
.tt2,
.tt3{
  text-align: center;
}
.tt2 .ja,
.tt3 .ja{
  font-weight: 600;
  letter-spacing: 0.075em;
}
.tt3:after{
  content: "";
  display: inline-block;
  border-bottom: 1px solid #1d50a3;
  width: 65px;
  margin: 0 auto;
}
.tt4{

}
.tt4 span{

}
.tt5{

}
.tt5 span{

}

/* 詳しく見る サンプル */
.read_more{

}
.read_more a{
  display: block;
  width: 290px;
  max-width: 100%;
  margin: 0 auto;
  padding: 15px 0;
  border-radius: 10px;
  background: #00a7c6;
  color: #FFF;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  position: relative;
}
.read_more a:after{
  /*content: "\f054";*/
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media(max-width:767px){

  .tt1{
    font-size: 20px;
  }
  .tt1 img{
    width: 50%;
  }
  .tt2 img{
    width: 55px;
  }
  .tt3 .ja:after{
    padding-bottom: 10px;
  }

}
@media(min-width:768px){

  .tt1{
    font-size: 24px;
  }

  .tt2 .ja{
    margin-top: 5px;
    font-size: 24px;
  }
  .tt3 .ja{
    font-size: 20px;
  }
  .tt3 .ja:after{
    padding-bottom: 15px;
  }

}
@media(min-width:1024px){

  .tt3 .ja:after{
    padding-bottom: 20px;
  }
}
@media(min-width:1200px){
  .tt1{
    margin-top: -5px;
  }
  .tt3 .ja:after{
    padding-bottom: 25px;
  }
}



/* **********************************
 *  Home
 * ********************************* */
.pg_home{

}
.pg_home .section#sec1{

}
.pg_home .section#sec2{
  /*  background-color: rgb(239, 238, 238);*/
  background: url(/img/haikei.jpg)no-repeat center center;
  background-size: cover;
}
.pg_home .section#sec3{

}
.home_aboutbox,
.home_boxitems{
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
}

/*蛸薬師堂 永福寺について*/
.home_abouttxt{
  font-weight: 600;
  letter-spacing: 0.42em;
  line-height: 2.6;
  writing-mode: vertical-rl;
  margin: 0 auto;
}
.home_aboutbox{
}
.home_aboutbox .box{
  padding: 0 15px;
}
.home_aboutbox .img{
  position: relative;
}
.home_aboutbox .img p{
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #fff;
  text-shadow    :
    2px  2px  5px #000000,
    -2px 2px  5px #000000,
    2px  -2px  5px #000000,
    -2px -2px  5px #000000;        /* 文字の影 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
}
.home_aboutbox .text{
  margin-top: 13px;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.6;
  text-align: justify;
}

/*3個1*/
.home_boxitems{
}
.home_boxitems .img{
  text-align: center;
}
.home_boxitems .box{
  padding: 0 15px;
}

@media(max-width:767px){
  .pg_home .section#sec2{
    padding: 50px 0 60px;
  }
  .pg_home .section#sec2,
  .pg_home .section#sec3{
    margin-top: 50px;
  }
  .home_aboutbox .box,
  .home_boxitems .box{
    width: 100%;
  }
  .home_aboutbox .box:nth-child(n+2),
  .home_boxitems .box:nth-child(n+2){
    margin-top: 50px;
  }

  /*おしらせ*/
  .home_news,
  .home_news .btn{
    margin-top: 20px;
  }

  /*蛸薬師堂 永福寺について*/
  .home_abouttxt{
    margin-top: 20px;
    font-size: 18px;
  }
  .home_aboutbox{
    margin-top: 40px;
  }
  .home_aboutbox .img p{
    font-size: 18px;
  }
  .home_aboutbox .text{
    font-size: 16px;
  }
  .home_aboutbox .btn,
  .home_boxitems .btn{
    margin-top: 20px;
  }

  /*3個1*/
  .home_boxitems .img{
    margin-top: 10px;
  }

}
@media(min-width:768px){
  .pg_home .section#sec2{
    margin-top: 90px;
    padding: 40px 0 90px;
  }
  .pg_home .section#sec3{
    margin-top: 70px;
  }

  /*おしらせ*/
  .home_news{
    margin-top: 47px;
  }
  .home_news .btn{
    margin-top: 50px;
  }

  /*蛸薬師堂 永福寺について*/
  .home_abouttxt{
    margin-top: 40px;
    font-size: 20px;
  }
  .home_aboutbox{
    margin-top: 90px;
  }
  .home_aboutbox .box{
    width: 50%;
  }
  .home_aboutbox .img p{
    font-size: 24px;
    white-space: nowrap;
  }
  .home_aboutbox .text{
    font-size: 18px;
  }
  .home_aboutbox .btn{
    margin-top: 31px;
  }

  /*3個1*/
  .home_boxitems .box{
    width: 33.33%;
  }
  .home_boxitems .img{
    margin-top: 15px;
  }
  .home_boxitems .btn{
    margin-top: 25px;
  }
  .home_boxitems .btn a{
    width: 100%;
  }

}
@media(min-width:1024px){

  /*3個1*/
  .home_boxitems .btn a{
    width: 260px;
  }

}
@media(min-width:1200px){
  .pg_home .section#sec2{
    margin-top: 120px;
    padding: 99px 0 120px;
  }
  .pg_home .section#sec3{
    margin-top: 100px;
  }
}


/* **********************************
 *  ご祈祷
 * ********************************* */
.pg_prayer{

}
.pg_prayer .section#sec1{

}
.pg_prayer .section#sec2{

}
.pg_prayer .section#sec3{
  background: url(/img/prayer/haikei1.jpg)no-repeat center center;
}
.pg_prayer .section#sec4{

}
.pg_prayer .section#sec5{
  background: url(/img/prayer/haikei2.jpg)no-repeat center center;
}

/*文章*/
.prayer_text{
  font-weight: 600;
  letter-spacing: 0.42em;
  line-height: 2.6;
  text-align: center;
}
.moushikomi_text{
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.075em;
  text-align: center;
}
.moushikomi_box .txt .title,
.wh_box .title,
.tel_box .title,
.tel_box .tel{
  font-weight: 600;
  letter-spacing: 0.075em;
}
/*共通*/
.prayer_btn_items,
.kigan_items,
.kifuda_items,
.moushikomi_btn_items{
  display: flex;
  flex-wrap: wrap;
}

/*カテゴリ*/
.prayer_btn_items .item a{
  display: block;
  text-align: center;
  border: 1px solid #1d50a3;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.075em;
  padding: 13px 0 10px;
  transition: 0.2s;
  position: relative;
}
.prayer_btn_items .item a:after{
  content: "";
  background: url(/img/btn_h.png) no-repeat;
  position: absolute;
  width: 16px;
  height: 17px;
  right: 1px;
  bottom: 1px;
}
.prayer_btn_items .item a:hover{
  color: #fff;
  background: #1d50a3;
  text-decoration: none;
}
.prayer_btn_items .item a:hover:after{
  background: url(/img/btn.png) no-repeat;
}

/*祈願内容*/
.kigan_box{
  border: 1px solid #1d50a3;
  position: relative;
}
.kigan_box:before{
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.kigan_box .inner{
  position: relative;
  z-index: 2;
}
.kigan_box .inner:before{
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  z-index: -1;
}
.kigan_box.box1{
  margin: 0 5px;
  background: #fff;
}
.kigan_box.box1:before{
  background: url(/img/prayer/inner_haikei2.jpg) no-repeat center center;
  background-size: cover;
}
.kigan_box.box1 .inner:before{
  background: url(/img/prayer/inner_haikei2.jpg) no-repeat center center;
  background-size: cover;
}
.kigan_box.box2{
  background: url(/img/prayer/inner_haikei1.jpg)no-repeat center center;
  background-size: cover;
}
.kigan_box.box2:before{
  background: #fff;
}
.kigan_box.box2 .inner:before{
  background: #fff;
}
.kigan_items .item .item_inner{
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.075em;
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 0px;
  position: relative;
  z-index: 2;
}
.kifuda_items.items3 .item{
  text-align: center;
}
.kifuda_items.items1 .item{
  text-align: center;
}

/*志納金*/
.kifuda_box .kifuda_items .item{
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.075em;
}
.kifuda_box .kifuda_items .img{
  text-align: center;
}
.kifuda_box .kifuda_items .title{
  margin-top: 18px;
  font-weight: 600;
  letter-spacing: 0.075em;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 13px;
}
.kifuda_items.items3.kifuda_items .title{
  width: 350px;
  margin: 18px auto 0;
}
.kifuda_box .kifuda_items .money{
  margin-top: 13px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.075em;
}
.kifuda_box .kifuda_items .size{
  margin-top: 15px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.075em;
}
.kifuda_items.items3 .item{
  width: 100%;
  text-align: center;
}

/*各申込方法*/
.moushikomi_btn_items .btn a{
  width: 100%;
}
.moushikomi_btn_items .btn a:before{
  content: "\f1c1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 6px;
}
.moushikomi_box{

}
.moushikomi_box .txt{

}
.moushikomi_box .txt .title{
  border-top: 1px solid #1d50a3;
  background: #fff;
  text-align: center;
}
.moushikomi_box .txt .text{
  margin-top: 27px;
  font-weight:500;
  font-size: 18px;
  letter-spacing: 0.075em;
  line-height: 1.6;
}
.moushikomi_box li:before{
  content: "□";
  /*padding-right: 7px;*/
}
.moushikomi_box li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.moushikomi_box .adr{
  margin: 33px 0;
}
.wh_box,
.tel_box{
  margin: 10px;
  text-align: center;
  background: #fff;
  position: relative;
}
.wh_box:before,
.tel_box:before{
  content: "";
  border: 1px solid #1d50a3;
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  pointer-events: none;
}
.wh_box:after{
  content: "";
  border: 1px solid #d2d2d2;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  pointer-events: none;
}
.wh_box .box1{
  /*border-bottom: 1px solid #d2d2d2;*/
}
.wh_box .box+.box{
  border-top: 1px solid #d2d2d2;
  padding-top: 30px;
  margin-top: 30px;
}
.wh_box .img{
  margin-top: 15px;
}
.wh_box.nobdr:after{
  display: none;
}
.wh_box.nobdr .box1{
  padding-bottom: 0;
  border: 0;
}

.tel_box .inner{
  margin: 10px;
  background: #fff;
}
.tel_box .inner:before,
.tel_box .inner:after{
  content: "";
  display: block;
  width: 90%;
  height: 95%;
}
.tel_box .inner:before{
  border-top: 4px solid #1d50a3;
  border-right: 4px solid #1d50a3;
  top: 0;
  right: 0
}
.tel_box .inner:after{
  border-left: 4px solid #1d50a3;
  border-bottom: 4px solid #1d50a3;
  left: 0;
  bottom: 0;
}
.tel_box .inner:before,
.tel_box .inner:after,
.tel_box .img{
  position: absolute;
  pointer-events: none;
}
.tel_box .top.img{
  top: 0;
  left: 0;
}
.tel_box .bottom.img{
  right: 0;
  bottom: 0;
}
.tel_box .title{
  white-space: nowrap;
}
.tel_box .title:after{
  content: "";
  display: block;
  width: 65px;
  border-bottom: 1px solid #1d50a3;
  text-align: center;
  margin: 0 auto;
}
.tel_box .tel a:before{
  display: inline-block;
  border-top: 1px solid #1d50a3;
  padding-top: 30px;
}
.tel_box .tel a:hover{
  text-decoration: none;
}


@media(max-width:767px){
  .pg_prayer .section#sec2,
  .pg_prayer .section#sec4{
    padding-top: 70px;
  }
  .pg_prayer .section#sec3,
  .pg_prayer .section#sec5{
    margin-top: 70px;
    padding: 70px 0 50px;
    background-size: cover;
  }
  .pg_prayer .section#sec5{
    padding-bottom: 100px;
    margin-bottom: -100px;
  }

  /*文章*/
  .prayer_text,
  .moushikomi_text,
  .moushikomi_box .txt .text{
    margin-top: 20px;
    text-align: justify;
    font-size: 16px;
    line-height: 2;
  }
  .moushikomi_box .txt .title{
    font-size: 16px;
    padding: 10px;
  }
  .tel_box .title{
    text-align: center;
  }

  /*カテゴリ*/
  .prayer_btn_items{
    margin-top: 20px;
  }
  .prayer_btn_items .item{
    width: 50%;
    padding: 0 5px;
  }
  .prayer_btn_items .item:nth-child(n+3){
    margin-top: 10px;
  }
  .moushikomi_btn_items .btn:nth-child(n+2),
  .moushikomi_box .txt{
    margin-top: 30px;
  }

  .kigan_box.box1,
  .kigan_box.box2,
  .kigan_box.box3{
    margin-top: 70px;
  }
  .kifuda_box{
    margin-top: 100px;
  }
  .kifuda_items.items1,
  .kifuda_items.items2,
  .kifuda_items.items3,
  .moushikomi_box,
  .moushikomi_btn_items,
  .tel_box{
    margin-top: 50px
  }
  .kifuda_items.items1 .item:nth-child(n+2){
    margin-top: 60px;
  }

  .kifuda_items .item,
  .moushikomi_btn_items .btn,
  .kifuda_items.items3.kifuda_items .title{
    width: 100%;
  }

  .kifuda_items.items2 .item{
    text-align: center;
  }
  .kifuda_items.items2 .item + .item{
    margin-top: 30px;
  }
  
  /*祈願内容*/
  .kigan_box:before{
    left: -5px;
    right: -5px;
  }
  .kigan_box .inner{
    padding: 20px 15px 30px;
  }
  .kigan_items{
    margin-top: 10px;
  }
  .kigan_items .item{
    width: 50%;
    padding: 0 10px;
  }
  .kigan_items .item:nth-child(n+3){
    margin-top:28px
  }

  /*各申込方法*/
  .wh_box{
    margin-top: 30px;
    padding: 20px;
  }
  .wh_box .box1{
    /*padding-bottom: 20px;*/
  }
  .wh_box .box2{
    margin-top: 20px;
  }
  .wh_box .box3{
    margin-top: 40px;
  }
  .tel_box .inner{
    padding: 20px 10px;
  }
  .tel_box .title:after{
    margin-top: 10px;
  }
  .tel_box .tel{
    margin-top: 10px;
  }

}
@media(min-width:768px){
  .pg_prayer .section#sec2,
  .pg_prayer .section#sec4{
    padding-top: 70px;
  }
  .pg_prayer .section#sec3,
  .pg_prayer .section#sec5{
    margin-top: 70px;
    padding: 70px 0 50px;
  }
  .pg_prayer .section#sec5{
    padding-bottom: 100px;
    margin-bottom: -100px;
  }

  /*共通*/
  .prayer_btn_items .item,
  .kifuda_items.items1 .item{
    width: 25%;
    padding: 0 10px;
  }
  .kigan_box .kigan_items .item{
    width: 20%;
    padding: 0 10px;
  }
  .kifuda_items.items2 .item,
  .moushikomi_btn_items .btn{
    width: 33.33%;
    padding: 0 10px;
    text-align: center;
  }

  .kigan_box.box1,
  .kigan_box.box2,
  .kigan_box.box3,
  .kifuda_box,
  .moushikomi_box,
  .tel_box{
    margin-top: 70px
  }
  .kigan_box .kigan_items .item:nth-child(n+6),
  .kifuda_items.items1,
  .kifuda_items.items3,
  .prayer_btn_items{
    margin-top: 50px;
  }

  /*文章*/
  .prayer_text,
  .kifuda_box .kifuda_items .title{
    font-size: 18px;
  }
  .moushikomi_box .txt .title{
    padding: 10px 0 9px;
  }
  .moushikomi_box .txt .title,
  .wh_box .title,
  .tel_box .title{
    font-size: 24px;
  }
  .tel_box .tel{
    font-size: 36px;
    margin-top: 3px;
  }
  .prayer_text.text5{
    margin-top: 20px;
  }

  /*カテゴリ*/
  .kigan_box .inner{
    padding: 10px 0 15px;
  }
  .kigan_items{
    margin-top: 10px;
  }

  /*各申込方法*/
  .moushikomi_btn_items,
  .moushikomi_box .txt2{
    margin-top: 20px;
  }
  .wh_box{
    margin-top: 30px;
    padding: 20px;
  }
  .wh_box .box1{
    /*padding-bottom: 20px;*/
  }
  .wh_box .box2{
    margin-top: 20px;
  }
  .wh_box .box3{
    margin-top: 40px;
  }
  .wh_box .box+.box{
    padding-top: 40px;
    margin-top: 40px;
  }
  .tel_box .inner{
    padding: 20px 10px;
  }

  /*各申込方法*/
  .tel_box .title:after{
    margin-top: 10px;
  }

}
@media(min-width:1024px){
  .pg_prayer .section#sec5{
    padding-bottom: 150px;
    margin-bottom: -150px;
  }

  /*共通*/
  .prayer_btn_items .item,
  .kifuda_items.items1 .item,
  .kigan_box .kigan_items .item,
  .kifuda_items.items2 .item,
  .moushikomi_btn_items .btn{
    padding: 0 15px;
  }

  /*文章*/
  .prayer_text,.kifuda_box .kifuda_items .title{
    font-size: 20px;
  }

  /*各申込方法*/
  .tel_box .title:after{
    margin-top: 15px;
  }


}
@media(min-width:1200px){
  .pg_prayer .section#sec2{
    padding-top: 100px;
  }
  .pg_prayer .section#sec3{
    margin-top: 90px;
    padding: 104px 0 94px;
  }
  .pg_prayer .section#sec4{
    padding-top: 100px;
  }
  .pg_prayer .section#sec5{
    margin: 93px 0 -200px;
    padding: 100px 0;
  }

  /*カテゴリ*/
  .prayer_btn_items{
    margin: 102px -15px 0;
  }

  .prayer_btn_items .item a{
    font-size: 16px;
  }
  
  /*文章*/
  .prayer_text.text2{
    margin-top: 25px;
  }
  .prayer_text.text3{
    margin-top: 0px;
  }
  .prayer_text.text4{
    margin-top: 51px;
  }
  .prayer_text.text5{
    margin-top: 26px;
  }
  .moushikomi_text.text1{
    margin-top: 9px;
    /*margin-top: 20px;*/
  }
  .moushikomi_text.text2{
    margin-top: 30px;
  }

  /*祈願内容*/
  .kigan_box.box1{
    margin-top: 67px;
  }
  .kigan_box.box2{
    margin: 69px 5px 0;
  }
  .kigan_box.box3{
    margin-top: 47px;
  }
  .kigan_box.box1 .inner{
    padding: 36px 73px 36px 76px;
  }
  .kigan_box.box2 .inner{
    padding: 32px 71px 36px 75px;
  }
  .kigan_box.box3 .inner{
    padding: 32px 73px 36px 76px;
  }
  .kigan_items{
    margin-top: 20px;
  }
  .kigan_items.items1{
    margin-top: 18px;
  }

  /*志納金*/
  .kifuda_box.box1{
    margin-top: 78px;
  }
  .kifuda_box.box2{
    margin-top: 77px;
  }
  .kifuda_box.box3{
    margin-top: 80px;
  }
  .kifuda_items.items1{
    margin: 52px -15px 0;
  }
  .kifuda_items.items2{
    margin: 28px -15px 0;
  }
  .kifuda_items.items3{
    margin: 52px 0 0;
  }

  /*各申込方法*/
  .moushikomi_btn_items{
    margin: 54px -15px 0;
  }
  .moushikomi_box{
    margin-top: 75px;
  }
  .moushikomi_box .txt2{
    margin-top: 75px;
  }
  .wh_box{
    margin-top: 85px;
    padding: 50px 45px 60px;
  }
  .wh_box .img{
    margin-top: 43px;
  }
  .wh_box .box1{
    /*padding-bottom: 60px;*/
  }
  .wh_box .box2{
    margin-top: 88px;
  }
  .wh_box .box3{
    margin-top: 151px;
  }
  .wh_box .box+.box{
    padding-top: 60px;
    margin-top: 60px;
  }
  .tel_box{
    margin-top: 120px;
  }
  .tel_box .inner{
    padding: 35px 0 32px;
  }
  .tel_box .title:after{
    margin-top: 30px;
  }

}






/* 記事リスト */
.post_items{
  padding: 0 0;
}
.post_items .item a{
  padding-bottom: 13px;
  border-bottom: 1px dotted;
  display: flex;
  text-decoration: none;
  transition: all 0.2s;
  align-items: center;
}
.post_items .item a:hover{
  text-decoration: none;
  color: #1d50a3;
}
.post_items .item:nth-child(n+2){
  margin-top: 25px;
}
.post_items .item .date,
.post_items .item .title{
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.075em;
}
.post_items .item .date{
  line-height: 1;
  border-right: 1px solid;
}
.post_items .item .title{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*詳細*/
.post_items .item.single_item{
  flex-wrap: wrap;
}
.post_items .item.single_item .date{
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.075em;
  border: none;
}
.post_items .item.single_item .title{
  width: 100%;
  margin-top: 14px;
  font-weight: 600;
  letter-spacing: 0.075em;
  padding-left: 0;
  border-bottom: 1px dotted #CCC;
  overflow: auto;
  white-space: normal;
}

.post_items .item.single_item .post_content{
  width: 100%;
  margin-top: 15px;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.075em;
  line-height: 2.25;
}
.post_items .item.single_item .post_content .thumb{
  text-align: center;
  margin-bottom: 24px;
}
.post_items .item.single_item .content *{
  margin-bottom: 1em;
}
.post_items .item.single_item .content h1,
.post_items .item.single_item .content h2,
.post_items .item.single_item .content h3,
.post_items .item.single_item .content h4,
.post_items .item.single_item .content h5,
.post_items .item.single_item .content h6{
  margin-bottom: 0.5em;
}

/* ページ送り(一覧) */
.pagination{
  text-align: center;
  margin-top: 67px;
}
.pagination .nav-links{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;

}
.pagination .page-numbers{
  align-self: stretch;
  border: 1px solid #c0c0c0;
  padding: 3px 13px;
  margin: 4px 4px;
  color: #1e1e1e;
  text-decoration: none;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
  color: #fff;
  background: #1d50a3;
}
.pagination .page-numbers.next:after{
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 10px;
}
.pagination .page-numbers.prev:before{
  content: "\f100";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
}

/* ページ送り(詳細) */
.pagination .nav-posts{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pagination .nav-posts .page-next a,
.pagination .nav-posts .page-prev a{
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.075em;
  display: block;
  border: 1px solid #1d50a3;
  transition: all 0.2s;
  position: relative;
}
.pagination .nav-posts .page-next a:hover,
.pagination .nav-posts .page-prev a:hover{
  color: #fff;
  background: #1d50a3;
  text-decoration: none;
}
.pagination .nav-posts .page-next a:before,
.pagination .nav-posts .page-prev a:after{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #1d50a3;
}

.pagination .nav-posts .page-next a:before{
  content: "\f060";
}
.pagination .nav-posts .page-prev a:after{
  content: "\f061";
}
.pagination .nav-posts .page-next a:hover:before,
.pagination .nav-posts .page-prev a:hover:after{
  color: #fff;
}
.pagination .nav-posts .page-next a:before:hover{
  margin-left: -5px;
}
.pagination .nav-posts .page-prev a:after:hover{
  margin-right: -5px;
}
.pagination .nav-posts .page-archive a{
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.075em;
  display: inline-block;
  /*color: #fff;*/
  /*background: #1d50a3;*/
  border: 1px solid #1d50a3;
  padding: 13px 0 10px;
  text-decoration: none;
  transition: all 0.2s;
  position: relative;
}
.pagination .nav-posts .page-archive a:hover{
  color: #fff;
  background: #1d50a3;
  text-decoration: none;
}
.pagination .nav-posts .page-archive a:after{
  content: "";
  background: url(/img/btn_h.png) no-repeat;
  position: absolute;
  width: 16px;
  height: 17px;
  right: 1px;
  bottom: 1px;
}
.pagination .nav-posts .page-archive a:hover:after{
  background: url(/img/btn.png) no-repeat;
}

@media(max-width:767px){

  /* 記事リスト */
  .post_items .item a{
    flex-wrap: wrap;
  }
  .post_items .item .date{
    width: 150px;
    border: none;
  }
  .post_items .item .title{
    width: 100%;
    padding-left: 0px;
  }

  /* (詳細) */
  .post_items .item.single_item .title{
    padding-bottom: 16px;
  }
  .post_items .item.single_item .post_content{
    margin-top: 30px;
  }

  /* ページ送り(詳細) */
  .pagination .nav-posts .page-archive a{
    width: 100px;
  }
  .pagination .nav-posts .page-next,
  .pagination .nav-posts .page-prev{
    min-width: 95px;
  }
  .pagination .nav-posts .page-next a{
    padding: 10px 5px 10px 17px;
  }
  .pagination .nav-posts .page-prev a{
    padding: 10px 17px 10px 5px;
  }
  .pagination .nav-posts .page-next a:before{
    left: 3px;
  }
  .pagination .nav-posts .page-prev a:after{
    right: 3px;
  }
  .pagination .nav-posts .page-next a:hover,
  .pagination .nav-posts .page-prev a:hover{
    background: #1d50a3;
  }

}
@media(min-width:768px){

  /* 記事リスト */
  .post_items .item .date{
    width: 150px;
  }
  .post_items .item .title{
    width: calc(100% - 20px - 150px);
    padding-left: 20px;
  }

  /*詳細*/
  .post_items .item.single_item{
    padding: 55px 62px 42px;
  }
  .post_items .item.single_item .title{
    font-size: 21px;
    padding-bottom: 18px;
  }
  .post_items .item.single_item{
    border: 1px solid #1d50a3;
  }

  /* ページ送り(詳細) */
  .pagination .nav-posts .page-next,
  .pagination .nav-posts .page-prev{
    min-width: 200px;
  }
  .pagination .nav-posts .page-archive a{
    width: 260px;
  }
  .pagination .nav-posts .page-next a,
  .pagination .nav-posts .page-prev a{
    padding: 10px 50px;
  }
  .pagination .nav-posts .page-next a:before{
    left: 13px;
  }
  .pagination .nav-posts .page-prev a:after{
    right: 13px;
  }

}
@media(min-width:1024px){

  /* 記事リスト */
  .post_items .item .date{
    width: 191px;
  }
  .post_items .item .title{
    width: calc(100% - 63px - 191px);
    padding-left: 63px;
  }
}
@media(min-width:1200px){

  /* ページ送り(詳細) */
  .pagination .nav-posts{
    margin-top: 78px;
  }
  .pagination .nav-posts .page-next,
  .pagination .nav-posts .page-prev{
    min-width: 255px;
  }

  .pagination .nav-posts .page-archive a{
    font-size: 16px;
}
}


/* **********************************
 *  
 * ********************************* */
.pg_xxxx{

}
.pg_xxxx .section#sec1{

}
.pg_xxxx .section#sec2{

}
.pg_xxxx .section#sec3{

}

@media(max-width:767px){

}
@media(min-width:768px){

}
@media(min-width:1024px){

}
@media(min-width:1200px){

}