@charset "utf-8";

/* ページ内スムースリンク */
html {scroll-behavior: smooth;}
/* scroll-margin-top: 60px; */

body {
	background-color: #c97586;
	background-image: url(image/bg.png);
}

.mw-1600 {max-width: 1600px;}
.mw-1200 {max-width: 1200px;}
.mw-1000 {max-width: 1000px;}

.height-50 {height: 50px;}

h4 {
	font-size: 2rem;
	border-left: solid 10px #8b001e;
	padding-left: 10px;
}

.font-20 {font-size: 2rem;}
.font-15 {font-size: 1.5rem;}

.tel-font{
	font-size : 36px;
	font-family: 'Impact',
	'DIN Condensed',
	'Seravek',sans-serif;
	text-align : center;
	color : navy;
}

.box-white {
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 20px;
}

.box-white-s {
	background-color: white;
	border-radius: 10px;
}

.linesr-yellow {background: linear-gradient(transparent 70%, yellow 30%);}

.button-back {
	display: inline-block;
	width : 150px;
	font-size: 1rem;
	padding : 5px;
	text-decoration: none;
	color : #ffffff;
	text-align : center;
	font-weight : bold;
	background-color : rgba(0, 64, 255, 0.7);
	border-radius: 999px;
	transition: .4s;
	border: none;
}
.button-back:hover{
	text-decoration: none;
	color : #ffffff;
	background-color: rgba(255, 102, 0, 0.7);
}

.mobile-top{
	width: 100%;
	height: 80vh;
	object-fit: cover;
}

/* ナビゲーション */
.z-1021 {z-index: 1021;}
nav {
	border-radius: 999px;
	background-color: rgba(255, 255, 255, 0.9);
	border: solid 1px silver;
}
nav a {color: black;}
nav a:hover {
	color: blue;
	text-decoration: none;
}
.w-20 {width: 20%;}
/* /ナビゲーション */

/* おしらせ */
.grid-box-news {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}
@media screen and (max-width: 768px) {
.grid-box- news{
	display:block;
}
}
.grid-item-news:nth-child(1) {
	grid-row: 1/2;
	grid-column: 1/2;
}
.grid-item-news:nth-child(2) {
	grid-row: 1/2;
	grid-column: 1/2;
}
.gride-news-base {
	max-width: 850px;
	padding-top: 150px;
	z-index: 1020;
}
.news-box {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	color: white;
}
/* /おしらせ */

/* タブボタン */
.nav-link-button {
	background-color: #8b001e;
	border-radius: 999px;
	color: white;
	width: 300px;
}

/* 商品 */
.product-bg {background-color: #f2f2b0;}
h5{
	font-size : 20px;
	text-align : center;
}
@media screen and (max-width: 480px) {
h5{
	font-size : 16px;
}
}
.product{
	font-size : 12px;
	text-align : center;
	padding : 0px 0px 15px 0px;
	background-color: white;
}
.price-font{
	font-size : 30px;
	font-family : 'Mongolian Baiti','Iowan Old Style', sans-serif;
}
@media screen and (max-width: 480px) {
.price-font{
	font-size : 24px;
	font-family : 'Mongolian Baiti','Iowan Old Style', sans-serif;
}
}
.pay-button {
	display: inline-block;
	width : 150px;
	padding : 3px;
	text-decoration: none;
	color : #ffffff;
	text-align : center;
	font-weight : bold;
	background-color : rgba(0, 64, 255, 0.7);
	border-radius: 999px;
	transition: .4s;
}
.pay-button:hover{
	text-decoration: none;
	color : #ffffff;
	background-color: rgba(255, 102, 0, 0.7);
}
.scope{
	position: absolute;
	margin-top : -50px;
}
/* /商品 */

/* footer */
footer {
	background-color: #1a0000;
	border-left: solid 20px #eee8aa;
	border-right: solid 20px #eee8aa;
	margin-top: 50px;
}
footer a {color: white;}
.footer-img-box {
	bottom: 65px;
	width: 100%;
}
.grid-box-footer img {border-radius: 10px;}
/* mapアイコン */
.grid-box-footer {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}
.grid-item-footer:nth-child(1) {
	grid-row: 1/2;
	grid-column: 1/2;
}
.grid-item-footer:nth-child(2) {
	grid-row: 1/2;
	grid-column: 1/2;
}
/* /mapアイコン */
/* /footer */