@charset "utf-8";



/* base custom */
@media (max-width: 768px){
	body{
		padding-bottom: 0;
	}
	.g-under-screen-nav{
		display: none;
	}
}



/* new rule */
figure img{
	max-width: 100%;
}

input[type="radio"]{
	accent-color: #e05d45;
	vertical-align: baseline;
	width: 1.25em;
	height: 1.25em;
}

.contents{
	line-height: 1.5;
	font-size: 1.4rem;
}

@media (min-width: 769px){
	.sitewidth--prayer-osyakyo{
		min-width: 760px;
		max-width: 760px;
	}
}

.g-stack > *			{ margin-block: 0 !important; }
.g-stack--page > *		{ margin-top: 11.92rem !important; }
.g-stack--section > *	{ margin-top: 6.103rem !important; }
.g-stack--content > *	{ margin-top: 3.125rem !important; }
.g-stack--sentence > *	{ margin-top: 1.4rem !important; }
@media (max-width: 768px){
	.g-stack--page > *		{ margin-top: 9.536rem !important; }
	.g-stack--section > *	{ margin-top: 4.882rem !important; }
	.g-stack--content > *	{ margin-top: 2.5rem !important; }
	.g-stack--sentence > *	{ margin-top: 1.119rem !important; }
}



/* new components */
.v2-title1--underline{
	border-bottom: 1px solid color-mix(in srgb, transparent, currentcolor 20%);
	padding-bottom: .666em;
}
.g-split{
	display: flex;
	flex-wrap: wrap;
	gap: 1.5em;
}
.g-split > *{
	flex: 1 1 0;
}
.g-split--set-contents{
	align-items: center;
	justify-content: space-evenly;
}
.g-split--set-contents > *{
	flex: 0 0 auto;
}
.g-list{
	list-style: disc;
	margin-left: 1.125em;
}



/* osyakyo items */
.items{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5.625em;
}
@media (max-width: 768px){
	.items{
		grid-template-columns: none;
	}
}

.items > *{
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 5;
	gap: 1.5em;
	align-items: start;
}

.item__name{
	font-size: 1.75em;
	font-weight: bold;
	text-align: center;
	color: #e05d45;
	border-block: 1px solid;
	margin-top: 0 !important;
	padding-block: .5em;
}
.item__image{
	max-width: 100%;
}
.item__time{
	color: #e05d45;
}
.item__price{
	text-align: center;
	color: white;
	background: #e05d45;
	padding: 1em;
}
.item__choice{
	max-width: fit-content;
	margin-inline: auto;

	display: grid;
	grid-template-columns: auto 50%;
	justify-content: center;
	gap: 1em;
}

@media (max-width: 768px){
	.item__choice{
		grid-template-columns: none;
	}
}

.item__price-unit{
	border-bottom: 1px solid;
}

.item__choice select{
	padding: .5em 1em;
}

.item__price-unit input{
	border: 0;
	width: calc(100% - 2em);
}

.total-price{
	position: sticky;
	bottom: 0;
}
@media (max-width: 768px){
	.total-price{
		margin-inline: -20px !important;
	}
}