@charset "utf-8";

@import url("../style/variables.css");/*変数定義*/
	
:root{
}

	#mitibiki{/*お寺は　仏の道を教え　人の生を説く　本院・本堂です*/
		margin:30px 0 0 0;
		font-family: var(--font-family-minchou);
		font-size: 1.2rem;
		font-weight: 600;
		line-height: 1.8em;
		color:#039;
		@media (max-width: 768px) {
			text-align: left;
		}
	}

	#soubi_plan{/*プラン*/
		margin-top:30px;
		display:grid;
		grid-template-columns: repeat(auto-fill,minmax(min(350px,100%),1fr));
		gap:20px;
		section{
			border:1px solid #68c7ff;
			overflow: hidden;
			border-radius: 10px;
			padding-bottom:20px;
			h3{
				font-size: 1.2rem;
				font-weight: 600;
				border-bottom:1px solid #68c7ff;
				font-family: var(--font-family-minchou);
				padding:.5em 0 .3em 0;
				background:#dff9ff;
			}
			> * + *{
				margin:10px 20px 0 20px;
			}
			p{
				text-align: left;
			}
			aside{
				text-align: right;
				font-size: .9rem;
			}
		}
	}

	#point{
		margin-top:30px;
		ul{
			> * + *{
				margin-top:20px;
			}
			li{
				display:grid;
				grid-template-columns: 7em 1fr;
				gap:20px;
				h3{
					span{
						padding:.5em 0 .3em 0;
						border:1px solid #75a936;
						font-weight: bold;
						display:block;
						background:#f2fbd7;
						border-radius: 5px;
					}
				}
				p{
					text-align: left;
					span{
						font-weight: bold;
					}
					strong{
						color:red;
						text-decoration: underline;
					}
				}
				&:first-child{
					margin-top:0;
				}
			}
		}
		@media (max-width: 768px) {
			ul{
				li{
					display:block;
					p{
						margin-top:10px;
					}
				}
			}
		}
	}

	#hougetu{
		margin:30px 0 0 0;
		display:grid;
		grid-template-columns: 2fr 3fr;
		gap:20px;
		figure{
			img{
				border-radius: 10px;
			}
		}
		p{
			text-align: left;
		}
		@media (max-width: 768px) {
			display:block;
			p{
				margin:20px auto 0 auto;
			}
		}
	}

	#totuzen{
		margin-top:30px;
		padding:20px;
		border:4px double #ff8cda;
		background:#f3f3f3;
		display:grid;
		grid-template-columns: 3fr 2fr;
		gap:20px;
		p{
			text-align: left;
		}
		figure{
			img{
				border-radius: 10px;
			}
		}
		@media (max-width: 768px) {
			display:block;
			p{
				margin:20px auto 0 auto;
			}
		}
	}

	

	#tumitate{
		margin:30px 0 0 0;
		border:1px solid silver;
		background:#EFEEDA;
		padding:20px;
		@include font-size(16);
		text-align:left;
		h3{
			font-family:$font-family-minchou;
			font-size:18px;
		}
		
		img{
			float:right;
			margin:10px 0 0 10px;
		}
		p{
			margin-top:10px;
		}
		@include media_query_sm{
			img{
				width:100px;
			}
			
			
		}
	}