@charset "UTF-8";
/* SP Style */
.fadein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.5s;
}
.fadein-bottom{
      transform: translate(0,30px);
  }
.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}	
h1 img {
	object-fit: contain;
	width:100%;
	height:100%;
}
h2 {
    display: block;
	width: 90%;
    text-align: center;
    font-size: 	1.0em;
	line-height: 1.500em;
    font-weight: 300;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
}
h3 {
    display: block;
	width: 90%;
    text-align: center;
    font-size: 1.0em;
	line-height: 1.500em;
    font-weight: 300;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
}
.ttl1 {
	font-family: "Jost", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
}
.eyecatch {
	display: block;
	margin-top: 20px;
}
.SNS {
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    margin-bottom: 0px;
	text-align: center;
}
.feedArea {
	display: block;
	margin-top: 20px;
}	
.menu,.store {
	display: block;
	width: 90%;
	margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    margin-bottom: 0px;
	text-align: center;
}
.menuArea {
	display: block;
	margin-top: 10px;
	padding-top: 4px;
	padding-bottom: 30px;
	background-color:#004D79;	
}
.ctgr {
	font-family: "Jost", sans-serif;
	font-size: 1.125em;
	line-height: 1.2em;
	font-weight: 500;
	margin-top: 30px;
	color: #fff;
	display: flex; /* 文字と横線を横並び */
	align-items: center; /* 横線を上下中央 */
    justify-content: center; /* 文字を中央寄せ */
}
.ctgr::before,.ctgr::after {
	background-color: #fff; /* 横線の色 */
    content: "";
    height: 2px; /* 横線の高さ */
    width: 50px; /* 横線の長さ */
}
.ctgr::before {
    margin-right: 10px; /* 文字との余白 */
}
.ctgr::after {
    margin-left: 10px; /* 文字との余白 */
}
.prdct {
    display: block;
    width: 90%;
    margin-top: 20px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
}
.name {
	display: block;
	width: 100%;
	padding-right: 0%;
	font-family: "Jost", sans-serif;
	font-size: 1.125em;
	line-height: 1.2em;
	text-align: center;
	color: #fff;
}
.price {
	display: block;
	width: 100%;
	padding-left: 0%;
	font-family: "Jost", sans-serif;
	font-size: 1.0em;
	line-height: 1.2em;
	text-align: center;
	color: #fff;
}
.notes {
	font-size: 0.75rem;	
}	
.notes2 {
	font-size: 0.8125em;
	color: #fff;
}		
.str {
	display: flex;
	flex-wrap: wrap; 
	margin-top: 10px;
}
.str_L {
    display: block;
    width: 100%;
	height: 100%;
    margin-right: auto;
    margin-left: auto;
	margin-top: 10px;
	padding-top: 10px;
}
.str_R {
    display: block;
    width: 100%;
	height: 100%;
    margin-right: auto;
    margin-left: auto;
	margin-top: 10px;
	padding-top: 10px;
}
.ttl2 {
	font-family: "Jost", sans-serif;
	font-size: 1.5em;
	font-weight: 400;
}
.shop {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.9375em;
	line-height: 1.500em;
	margin-top: 10px;
}
.shop a,.shop a visited {
	color: #000;
    text-decoration: underline;
	}
.shop a:hover {
	color: #000;
    text-decoration: none;
	}
.item1 {
	order: 1;
}
.item2 {
	order: 2;
}
.item3 {
	order: 4;
}
.item4 {
	order: 3;
}
.item5 {
	order: 5;
}
.item6 {
	order: 6;
}
.item7 {
	order: 8;
}
.item8 {
	order: 7;
}
.contact {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    margin-bottom: 0px;
    text-align: center;
    background-color: gold;
    padding-top: 20px;
    padding-bottom: 20px;
	background-image: url(../images2025/bg_contact.jpg);
    background-repeat: no-repeat;
	background-size: cover;
}
.cntct {
	font-family: "Jost", sans-serif;
	font-size: 1.5em;
	margin-top: 20px;
	}
.cntct a,.cntct a:visited {
    text-decoration: none;
    color: #FFFFFF;
	}
.cntct a:hover {
    text-decoration: none;
    color: #004D79;
	}
span.cntctJP {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.75rem;
}	
footer {
	width: 100%;
	height: auto;
	text-align: center;
	color: #fff;
	margin-top: 0px;
	padding-top: 2%;
	padding-bottom: 2%;
	background-color:#004D79;
}	
address {
	font-size: 0.625rem;
    font-style: normal;
    font-weight: lighter;
    text-decoration: none;
	}	

/* PC Style */
@media (min-width: 64em) {
h1 {
	display: block;
	width: auto;
	text-align: center;
}
h1 img {
	object-fit: contain;
	line-height: 1.500em;
	width:100%;
	height:100%;
}
h2 {
    display: block;
	width: 70%;
    text-align: center;
    font-size: 0.9375em;
	line-height: 1.500em;
    font-weight: 300;
    margin-top: 80px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
}
h3 {
    display: block;
	width: 70%;
    text-align: center;
    font-size: 0.9375em;
	line-height: 1.500em;
    font-weight: 300;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
}	
.ttl1 {
	font-family: "Jost", sans-serif;
	font-size: 1.75em;
	font-weight: 400;
}
.eyecatch {
	display: block;
	margin-top: 10px;
}
.eyecatch img {
	object-fit: cover;
	width:100%;
	height:100%;
}
.SNS {
    display: block;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 80px;
    margin-bottom: 0px;
	text-align: center;
}
.feedArea {
	display: block;
	margin-top: 30px;
}
.ctgr {
	font-family: "Jost", sans-serif;
	font-size: 1.3125em;
	line-height: 1.2em;
	font-weight: 600;
	color: #fff;
	margin-top: 40px;
	display: flex; /* 文字と横線を横並び */
	align-items: center; /* 横線を上下中央 */
    justify-content: center; /* 文字を中央寄せ */
}
.ctgr::before,.ctgr::after {
	background-color: #fff; /* 横線の色 */
    content: "";
    height: 3px; /* 横線の高さ */
    width: 60px; /* 横線の長さ */
}
.ctgr::before {
    margin-right: 15px; /* 文字との余白 */
}
.ctgr::after {
    margin-left: 15px; /* 文字との余白 */
}	
.menu {
	display: block;
	width: 60%;
	margin-right: auto;
    margin-left: auto;
    margin-top: 80px;
    margin-bottom: 0px;
	text-align: center;
}
.menuArea {
	display: block;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 40px;
	background-color:#004D79;	
}
.prdct {
	display: flex;	
	width: 100%;
	margin-top: 30px;
	justify-content: space-between;
}
.name {
	display: block;
	width: 48%;
	padding-right: 2%;
	font-family: "Jost", sans-serif;
	font-size: 1.0em;
	line-height: 1.2em;
	text-align: right;
	color: #fff;
}
.price {
	display: block;
	width: 48%;
	padding-left: 2%;
	font-family: "Jost", sans-serif;
	font-size: 1.0em;
	line-height: 1.2em;
	text-align: left;
	color: #fff;
}
.notes {
	font-size: 0.75rem;	
}	
.notes2 {
	font-size: 0.8125em;
	color: #fff;
}		
.store {
	display: block;
	width: 70%;
	margin-right: auto;
    margin-left: auto;
    margin-top: 80px;
    margin-bottom: 0px;
	text-align: center;
}	
.str {
	display: flex;
	margin-top: 30px;
}
.str_L {
	display: flex;
	width: 49%;
	height: auto;
	padding-right: 1%;
	padding-top: 0%;
	margin-top: 0%;
	text-align: right;
	flex-direction: column;
	justify-content: center;
}
.str_R {
    display: flex;
    width: 49%;
	height: auto;
	padding-left: 1%;
	padding-top: 0%;
	margin-top: 0%;
    text-align: left;
	flex-direction: column;
	justify-content: center;
}
.ttl2 {
	font-family: "Jost", sans-serif;
	font-size: 1.5rem;
	line-height: 1.500em;
	font-weight: 400;
}	
.shop {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.9375rem;
	line-height: 1.500em;
	margin-top: 0;
	}
.shop a,.shop a visited {
	color: #000;
    text-decoration: underline;
	}
.shop a:hover {
	color: #000;
    text-decoration: none;
	}		
.item1 {
	order: 1;
}
.item2 {
	order: 2;
}
.item3 {
	order: 3;
}
.item4 {
	order: 4;
}
.item5 {
	order: 5;
}
.item6 {
	order: 6;
}
.item7 {
	order: 7;
}
.item8 {
	order: 8;
}

.contact {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 80px;
    margin-bottom: 0px;
    text-align: center;
    background-color: gold;
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: url(../images2025/bg_contact.jpg);
    background-repeat: no-repeat;
	background-size: cover;
}
.cntct {
	font-family: "Jost", sans-serif;
	font-size: 1.5em;
	margin-top: 40px;
	}
.cntct a,.cntct a:visited {
    text-decoration: none;
    color: #FFFFFF;
	}
.cntct a:hover {
    text-decoration: none;
    color: #004D79;
	}		
span.cntctJP {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.9375rem;
}
footer {
	width: 100%;
	height: auto;
	text-align: center;
	color: #fff;
	margin-top: 0px;
	padding-top: 2%;
	padding-bottom: 2%;
	background-color:#004D79;
}	
address {
	font-size: 0.8125rem;
    font-style: normal;
    font-weight: lighter;
    text-decoration: none;
	}
.fadein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.5s;
}
.fadein-bottom{
      transform: translate(0,30px);
  }
.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}	
	
}