@charset "utf-8";


/* --------------------------
メインビジュアル
-------------------------- */
#contents #main_v  {
margin:0;
padding:0;
	}
	

/* --------------------------
Topics
-------------------------- */
#contents #main_area  {
width: 100%;
height:auto;
margin:0;
padding:25px 20px 25px 20px;
background-color:#ffffff;
	}

#contents #main_area .tp  {
width: 100%;
height:auto;
padding:0;
margin:0 0 0 0;
	}

#contents #main_area .bn  {
width: 100%;
max-width:266x;
height:auto;
padding:0;
margin:0;
	}
#contents #main_area .bn img  {
width: auto;
max-width:266.6px;
padding:0;
margin:0;
	}

@media only screen and (max-width: 870px) {
#contents #main_area .bn img  {
width: 100%;
max-width:266px;
	}
}

@media only screen and (max-width: 768px) {
#contents #main_area .bn  {
width: 100%;
max-width:100%;
	}
#contents #main_area .bn img  {
max-width:100%;
	}
}
	
#contents #main_area .ptop {
  margin:15px 0 0 0;
  padding:0;
  text-align:right;
  font-size:140%;
   }

/* --------------------------
About
-------------------------- */
#contents #main_area .tp .tp_ct {
float:left;
width: 100%;
height:auto;
margin:0 0 1px 0;  
}

#contents #main_area .tp .date02 {
float:left;
width: 15%;
height:auto;
margin:0 10px 0 0;
padding:5px;
text-align:left;
background-color:#e5e5e5;
  }
  
#contents #main_area .tp .tx02 {
float:right;
width:80%;
height:auto;
  margin:0;
  padding:5px;
  overflow:hidden;
  zoom:1;
  text-align:left;
   }
 
 @media only screen and (max-width: 768px) {
 #contents #main_area .tp .date02 {
display:block;
float:none;
width: 100%;
  }
  
#contents #main_area .tp .tx02 {
display:block;
float:none;
width:100%;
height:auto;
  margin:0;
  padding:5px;
  overflow:hidden;
  zoom:1;
  text-align:left;
   }
 }
 
/* --------------------------
 寺宝・境内
-------------------------- */
#contents #main_area .tp .guide {
width: 100%;
height:auto;
margin:0 0 20px 0;
background-color:#e5e5e5;  
display: -webkit-flex;
    display: flex;
}

#contents #main_area .tp .guide .ph {
width: 100%;
max-width: 200px;
height:auto;
margin:0 20px 0 0;
padding:0;
  }
#contents #main_area .tp .guide .tx {
width: 100%;
max-width:330px;
height:auto;
  margin:0;
  padding:20px 20px 20px 0;
  text-align:left;
   }
 
  @media only screen and (max-width: 768px) {
  #contents #main_area .tp .guide {
    display: block;
}
#contents #main_area .tp .guide .ph {
width: 100%;
max-width:100%;
margin:0;
  }
#contents #main_area .tp .guide .ph img {
width: 100%;
  }
#contents #main_area .tp .guide .tx {
width: 100%;
max-width:100%;
  padding:20px;
   }
  }

/* --------------------------
 交通
-------------------------- */
 #contents #main_area .tp .info {
width: 100%;
height:auto;
margin:0 0 20px 0;
}
 #contents #main_area .tp .info h3 {
font-size:190%;
font-weight:bold;
margin:0 0 10px 0;
   }
 #contents #main_area .tp .gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
 #contents #main_area .tp .gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/* --------------------------
 お知らせ
-------------------------- */
#contents #main_area #pnavi02  {
width: 100%;
max-width: 266px;
height:auto;
padding:0;
margin:0;
background-color:#e5e5e5;
	}
#contents #main_area #pnavi02 .txt_nv  {
padding:20px;
	}
#contents #main_area .tp .news {
width: 100%;
max-width: 550px;
height:auto;
margin:0 0 20px 0;
display: -webkit-flex;
display: flex;
}

#contents #main_area .tp .news .news_t {
width: 100%;
max-width: 450px;
height:auto;
margin:0;
padding:0;
font-weight:bold;
  }
  
#contents #main_area .tp .news .news_day {
width: 100%;
max-width:100px;
height:auto;
  margin:0;
  padding:0;
  text-align:right;
   }

#contents #main_area .tp .dot  {
width: 100%;
max-width: 550px;
height:1px;
margin:0 0 20px 0;
padding:0;
	}

/* --------------------------
 供養
-------------------------- */

#contents #main_area .tp .box  {
margin:0 0 50px 0;
	}
	
#contents #main_area .tp .box table {
  margin: 0 auto 15px auto;
  width: 100%;
}
#contents #main_area .tp .box .tbl-r02 th {
  background: #e5e5e5;
  border: solid 1px #fff;
  padding: 5px 10px;
  font-weight:normal;
  width:30%;
}
#contents #main_area .tp .box .tbl-r02 td {
　border: solid 1px #fff;
  padding: 5px 10px;
}
 
@media screen and (max-width: 780px) {
#contents #main_area .tp .box  .tbl-r02 {
    width: 100%;
  }
#contents #main_area .tp .box  .tbl-r02 th,
#contents #main_area .tp .box  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}