@charset "UTF-8";

/* 密厳閣 ------------------------*/

div#bg_ruri{
	background:url(../..//img/ruri/bg_rurido.jpg) no-repeat center 150px;
	background-size:100%;
	width:100%;
}

div#bg_ruri2{
	background:url(../..//img/ruri/bg_rurido.jpg) no-repeat center 150px;
	background-size:100%;
	width:100%;
}

div#bg_ruri p.stn{
	width:90%;
	max-width:1200px;
	margin:14% auto 0 auto;
	text-align:center;
	line-height:220%;
}
@media screen and (max-width: 640px) {
div#bg_ruri{
	background:url(../..//img/ruri/bg_rurido.jpg) no-repeat center 20%;
	background-size:100%;
	width:100%;
}

div#bg_ruri2{
	background:url(../..//img/ruri/bg_rurido.jpg) no-repeat center 83%;
	background-size:100%;
	width:100%;
}

div#bg_ruri p.stn{
	margin:22% auto 0 auto;
	text-align:left;
	line-height:160%;
	font-size:90%;
}


}
section#precinct div.precinct {
    background-color: #fffaf1;
    margin-bottom: 30px;
}
div.precinct img {
    float: left;
    width: 50%;
    max-width: 500px;
    padding: 2%;
}
div.precinct dl {
    float: left;
    width: 50%;
}
div.precinct dt {
    color: #c48401;
    background: url(../..//img/saikouin/title_border.gif) no-repeat center bottom;
    padding: 20px 0 10px 5px;
    font-size: 200%;
}
div.precinct dd {
    padding: 20px 0 10px 5px;
}
nav#btn_select li {
  float: none !important;       /* 以前のfloat解除 */
  width: auto !important;       /* 以前のwidth解除 */
  max-width: none !important;   /* max-width解除 */
  margin: 0 !important;         /* 不要なマージン解除 */
  flex: 1 1 0;                  /* flexで幅を均等に */
  text-align: center;
}
/* ▼ btn_select 全体 ▼ */
nav#btn_select {
  background-color: #debada;
  width: 100%;
  margin: 5% 0;
  padding: 3% 0;
}

/* ▼ ボタンリスト ▼ */
nav#btn_select ul {
  display: flex;
  justify-content: space-between; /* ←ボタン間の余白を自動調整 */
  align-items: center;
  flex-wrap: wrap;                /* 折り返し許可 */
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
}

nav#btn_select li {
  flex: 0 0 23%;  /* ←余裕を持たせて25%未満に */
  text-align: center;
}
/* ▼ 画像サイズ調整 ▼ */
nav#btn_select img {
  width: 100%;
	height:92.55px;
  display: block;
}
nav#btn_select li:last-child{
	margin-left:10%;

}



@media only screen and (max-device-width:480px) and (orientation:landscape) {
div#bg_ruri{
	background:url(../..//img/ruri/bg_rurido.jpg) no-repeat center 50%;
	background-size:100%;
	width:100%;

}

div#bg_ruri2{
	background:url(../..//img/ruri/bg_rurido.jpg) no-repeat center 105%;
	background-size:100%;
	width:100%;
}

}

@media screen and (min-width:641px) and (max-width:1200px) {
div#bg_ruri p.stn{
	font-size:130%;
}
}

/* 檀家と一般の方へ ------------------------*/

p.detail{
	font-size:120%;
	padding:2%;
	color:#7d1d0b;

}

div#to-danka{
	background-color:rgba(160,57,149,0.35);
	width:100%;
	margin:14% auto 0 auto;
	text-align:center;
	padding:20px 0;
}

div#to-danka img{
	width:1100px;
}

p.txt_danka{
	width:90%;
	margin:0 auto;
	padding:5% 0;
	line-height:220%;
}

p.bnr_consul{
	width:100%;
	text-align:center;
}

div.smh_consul{
	display:none;
}

div.smh_consul dt{
	width:
}

p.price{
	padding:2%;
}

#contents h2{
	width:100%;
	background-color:#a03995;
	color:#FFF;
	text-align:center;
	padding:12px 0;
	margin:20px 0;
	font-size:160%;
	clear:both;
}

section#danka th{
	width:40%;
	background-color:#fffaf1;
	padding:2%;
	border-bottom:solid 2px #FFF;
}

section#danka td{
	padding:2%;
	border-bottom:solid 2px #FFF;
}

section#danka dt{
	width:50%;
	float:left;
	max-width:750px;
}

section#danka dd{
	width:50%;
	padding:2% 4%;
	box-sizing:border-box;
	float:left;
}

section#danka ul{
	margin:5% auto;
	width:98%;
}

section#danka li h3{
	text-align:center;
	color:#FFF;
	background-color:#c48401;
	font-size:160%;
	padding:3% 0;
	margin:3% 0 20%;
}

section#danka li{
	width:32%;
	float:left;
	margin-right:2%;
	max-width:380px;
}

section#danka li:last-child{
	margin-right:0;
}

@media screen and (max-width: 640px) {
p.txt_danka{
	width:100%;
	margin:0 auto;
	padding:5% 0;
	line-height:180%;
}

p.bnr_consul{
	display:none;
}

section#consul div.smh_consul{
	width:100%;
	text-align:left;
	display:inherit;
}

section#consul div.smh_consul h3{
	color:#f0973a;
	text-align:left;
	font-weight:bold;
	font-size:140%;
}

section#consul div.smh_consul ul{
	margin-bottom:5%;
}

section#consul div.smh_consul p{
	color:#005e00;
}

#contents h2{
	padding:12px 0;
	margin:20px 0;
	font-size:120%;
}

section#danka th{
	padding:3%;
}

section#danka td{
	padding:3%;

}

section#danka dt{
	width:100%;
	float:left;
	max-width:750px;
}

section#danka dd{
	width:100%;
	float:left;
	padding:2% 2%;
}

section#danka li h3{
	text-align:center;
	color:#FFF;
	background-color:#c48401;
	font-size:120%;
	padding:3% 0;
	margin:3% 0 10%;
}

section#danka li{
	width:100%;
	margin-right:0;
	max-width:inherit;
}

section#danka li:last-child{
	margin-right:0;
}
}

@media screen and (min-width:641px) and (max-width:1200px) {
p.txt_danka,section#danka th,section#danka td,section#danka dd{
	font-size:130%;
}
}