@charset "UTF-8";
/* CSS Document */

html {
}
img {
	width: 100%;
}



/* Top
============================================ */
#top {
	width: 100%;
	height: 100%;
	min-width: 320px;
	max-width: 859px;
	min-height: 810px;
	margin: 0 auto;
	text-align: center;
  font-family: "Crimson Text", serif;
  font-weight: 400;
	padding:0px 0 200px;
	font-size: 11rem;
	position: relative;
}
#top .top_area {
	width: 80%;
	height: auto;
	max-height: 440px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -35% 0 0 -40%;
}
#top .main_title {
	line-height: 1;
}
#top .main_title span {
	color: #b8005f;
	}	
#top .main_title	.mein_day {
	font-size: 4rem;
	color: #b8005f;
	font-weight: 600;
}

#top .Information {
width: 100%;
font-size: 15px;
text-align: left;
margin: 32px 0;
 font-family: "Zen Kaku Gothic New", sans-serif;
 font-weight: 300;
 font-style: normal;
 line-height: 1.5;
	background-color: rgb(255 255 255 / 0.1);
	border-radius: 4px;	
	padding: 24px;
}
#top .Information h2 {
font-size: 20px;
margin: 0 0 10px;
}

#top .Information dt{
	font-weight: 500;
}
#top .Information strong{
	font-weight: 500;
}
#top .Information dd {
padding:4px 0 0 0;
}

@keyframes topfadeIn {
    0% {
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@media screen and (max-width: 859px) {
#top {
	min-height: 100vh;
	padding:30vh 0 160px;
	font-size: 20vw;
}
#top .top_area {
	width: 90%;
	height: auto;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
}
#top .main_title	.mein_day {
	font-size: 0.4em;
}
	}
/* About
============================================ */

#about {
	width: 100%;
	min-width: 100%;
	margin: 0 0 100px 0;
}
#about .about_area {
	width: 1000px;
 margin: 0 auto;
}
#about .about_tit {
text-align: right;
padding: 0 50px 0 0;
}
#about .about_area .about_contents {
	width: 1000px;
	background-color: rgb(255 255 255 / 0.1);
	margin: 0 auto;
	padding: 80px;
	border-radius: 8px;	
	display: flex;
  flex-direction: row;
	align-items: center;
  justify-content: center;
}
#about .about_area .about_contents .about_img {
	width: 320px;
	min-width: 260px;
	margin: 0 70px 0 0;
}
#about .about_area .about_contents .about_img img { 
	width: 100%;
	border-radius: 8px;	
}
#about .about_area .about_contents .about_txt {
	font-size: 1.1rem;
	line-height: 2;
	text-align: left;
}
#about .about_area .about_contents .about_txt p {
	margin: 24px 0;
}
@media screen and (max-width: 1023px) {
#about {
	width: 100%;
	min-width: 100%;
}
#about .about_area {
 width: 100%;
}
#about .about_tit {
text-align: right;
padding: 0 50px 0 0;
}
#about .about_area .about_contents {
	width: 96%;
	padding: 4%;
}
#about .about_area .about_contents .about_img { 
	width: 38%;
	margin: 0 4% 0 0;
}
#about .about_area .about_contents .about_txt {
	font-size: 1.08rem;
}
	}
@media screen and (max-width: 859px) {
#about {
	width: 100%;
	min-width: 100%;
}
#about .about_area {
 width: 100%;
}
#about .about_tit {
text-align: center;
padding: 0 0 20px;
}
#about .about_area .about_contents {
  flex-direction: column-reverse;
	width: 96%;
	padding: 4% 2% 8% ;
}
#about .about_area .about_contents .about_img { 
	width: 60%;
	margin: 0 auto;
}
#about .about_area .about_contents .about_txt {
	font-size: 1rem;
	text-align: center;	
}
	}
@media screen and (max-width: 413px) {
#about .about_area .about_contents .about_txt {
	font-size: 1rem;
	text-align: center;	
}
	}
@media screen and (max-width: 374px) {
#about .about_area .about_contents .about_txt {
	font-size: 0.88rem;
	text-align: center;	
}
	}

/* Menu
============================================ */
#menu {
	margin: 0 0 80px 0;
	width: 100%;
}
#menu .menu_area {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
}
#menu .menu_tit {
padding: 0 0 0 20px ;
text-align: left;
}
#menu .menu_area .menu_contents {
 width: 1024px;
	margin: 0 auto;
	padding: 20px;
  display: flex;
  flex-direction: row;
	justify-content: space-between;
  font-family: "Zen Old Mincho", serif;
	font-weight: 300;
	line-height: 1.4;
}
#menu .menu_area .menu_contents .course_detail {
	margin: 0 40px 0 0;
	text-align: left;
}
#menu .menu_area .menu_contents h3 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
	font-size: 2.3rem;
	line-height: 1.2;
	margin: 0 0 20px;
}
#menu .menu_area .menu_contents .course_tit .course_term {
	font-size:1.2rem;
  font-weight: 600;
}
#menu .menu_area .menu_contents .course_images {
	margin: 0 0 20px;
	width: 100%;
	max-width: 430px;
}
#menu .menu_area .menu_contents .course_price {
	margin: 0 0 20px;
  font-weight: 600;
	line-height: 1.4;
	text-align: left;
}
#menu .menu_area .menu_contents .course_price span {
	display: inline;
}
#menu .menu_area .menu_contents .present {
	border: 1px solid #878787;
	border-radius: 8px;	
	padding: 24px;	
	width: 370px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
	line-height: 1.6;
	margin: 0 0 40px;
}
#menu .menu_area .menu_contents .present .present_txt {
	width: 60%;
	margin: 0;
}
#menu .menu_area .menu_contents .present .present_image {
	width:36%;
	margin: 0;
}
#menu .menu_area .menu_contents .present img {
	width:100%;
	}
#menu .menu_area .menu_contents .present h4 {
	border-bottom: solid 1px #cccccc;
  display: inline-block;
	line-height: 1.4;
	margin: 0 0 10px 0;
	text-align: left;
}
#menu .menu_area .menu_contents .present p {
}
#menu .menu_area .menu_contents .course_annotation {
	font-size: 14px;
	color: #C9C9C9;
	line-height: 1.6;
	margin: 0 0 24px 0;
}
#menu .menu_area .menu_contents .course_meal {
 	width: 560px;
	padding: 60px 60px 20px;
  background-color: rgb(255 255 255 / 0.1);
	border-radius: 8px;	
	font-size: 18px;
	margin: 20px 0 0 0;
}
#menu .menu_area .menu_contents .course_meal dl {
	display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row;
	margin: 0 0 40px;
}
#menu .menu_area .menu_contents .course_meal dl dt {
	font-size: 16px;
	width: 8%;
	margin: 0 12% 0 0;
	color: #C9C9C9;
	text-align: center;
}
#menu .menu_area .menu_contents .course_meal dl dd {
width: 80%;
font-weight: 600;
}
@media screen and (max-width: 1023px) {
#menu .menu_area {
	max-width: 1023px;
	width: 96%;
}
#menu .menu_area .menu_contents {
 width: 96%;
	padding: 20px 0;
}
#menu .menu_area .menu_contents .course_detail {
	margin: 0 3% 0 0;
}
#menu .menu_area .menu_contents h3 {
	font-size: 1.8rem;
}


#menu .menu_area .menu_contents .course_tit .course_term {
	font-size:1.1rem;
}
#menu .menu_area .menu_contents .course_meal {
 	width: 50%;
	padding: 40px 40px 20px;
}
#menu .menu_area .menu_contents .course_meal dl {
  flex-direction: column;
  justify-content: flex-start;
	margin: 0 0 24px;
}
#menu .menu_area .menu_contents .course_meal dl dt {
	width: 100%;
	margin: 0;
	text-align: left;
}
#menu .menu_area .menu_contents .course_meal dl dd {
width: 100%;
}
	}
@media screen and (max-width: 859px) {
#menu {
	margin: 0 0 80px 0;
}
#menu .menu_area {
	max-width: 859px;
}
#menu .menu_tit {
padding: 0;
text-align: center;
}
#menu .menu_area .menu_contents .course_images {
	max-width: 600px;
}
#menu .menu_area .menu_contents {
	margin: 0 auto;
	padding: 0;
  flex-direction: column;
}
#menu .menu_area .menu_contents .course_detail {
	margin: 0 auto;
}
#menu .menu_area .menu_contents h3 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
	font-size: 1.85rem;
	line-height: 1.2;
	margin: 0 0 20px;
	text-align: center;

}
#menu .menu_area .menu_contents .course_tit .course_term {
	font-size:1.2rem;
}
#menu .menu_area .menu_contents .course_price {
	margin: 0 0 20px;
	text-align: center;
}
#menu .menu_area .menu_contents .course_price span {
	display: none;
}
#menu .menu_area .menu_contents .course_annotation {
	text-align: center;


}
#menu .menu_area .menu_contents .present {
	padding: 16px 0;	
	width: 300px;
  flex-direction: column;
  justify-content: center;
	margin: 0 0 24px;
	text-align: center;
}
#menu .menu_area .menu_contents .present .present_txt {
	width: 96%;
	margin: 0 0 16px;
}
#menu .menu_area .menu_contents .present .present_image {
	width:50%;
	margin: 0 auto;
}
#menu .menu_area .menu_contents .present h4 {
  display: inline-block;
	margin: 0 0 10px 0;
	text-align: center;
}
#menu .menu_area .menu_contents .course_meal {
 	width: 100%;
	max-width: 650px;
	padding: 8%;
	margin: 0 auto;
}
	}

/* shopinfo
============================================ */
#shopinfo {
	width: 100%;
	min-width: 780px;
	margin: 0 0 80px 0;
}
#shopinfo .shopinfo_area {
 width: 780px;
 margin: 0 auto;
}
#shopinfo .shopinfo_tit {
	text-align: center;
}
#shopinfo .shopinfo_area .shopinfo_contents {
 width: 780px;
	margin: 0 auto;
	padding: 30px 0;
  font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	line-height: 1.2;
}
#shopinfo .shopinfo_area .shopinfo_contents {
 width: 780px;
	margin: 0 auto;
	padding: 40px 0;
  font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	line-height: 1.2;
}
#shopinfo .shopinfo_area .shopinfo_contents .map {
	width: 760px;
	margin: 0 auto 80px auto;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail {
  font-family: "Zen Old Mincho", serif;
	width: 780px;
	margin: 0 auto 80px auto;
	border-bottom: 1px solid #3a3a3a;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail h3 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
	font-size: 1.6rem;
	line-height: 0.9;
	margin: 0 0 20px;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail h3 span {
  font-family: "Crimson Text", serif;
	color: #a7a7a7;
	font-size: 1rem
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail dl {
	display: flex;
  flex-direction: row;
	justify-content :space-between;
	padding: 24px 0;
	width: 100%;
	font-size: 1.1rem;
	border-top: 1px solid #3a3a3a;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail dl span {
  font-family: "Crimson Text", serif;
	color: #a7a7a7;
	font-size: 0.9rem;
	font-weight: 400;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail dl dt {
	width: 10%;
	margin: 0 6% 0 0;
	font-weight: 500;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail dl dd {
width: 84%;
font-weight: 400;
padding: 0;
}

#shopinfo .shopinfo_area .shopinfo_contents .shop_detail .access dd {
	line-height: 1.6;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail ol {
	padding: 10px 0 0 6px;
	list-style-type: decimal;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail li {
  margin-left: 1rem;
  text-indent: -1rem;
}

@media screen and (max-width: 859px) {
#shopinfo {
	min-width: 100%;
	margin: 0 0 40px 0;
}
#shopinfo .shopinfo_area {
 width: 96%;
}
#shopinfo .shopinfo_area .shopinfo_contents {
 width: 100%;
}
#shopinfo .shopinfo_area .shopinfo_contents .map {
	width: 96%;
	margin: 0 auto 60px auto;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail {
	width: 100%;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail h3 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
	font-size: 1.4rem;
	line-height: 0.9;
	margin: 0 0 20px;
	padding: 0 10px;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail h3 span {
  font-family: "Crimson Text", serif;
	color: #a7a7a7;
	font-size: 0.8rem
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail dl {
	display: flex;
	 flex-direction: column;
	justify-content : flex-start;
	padding: 18px 10px;
	width: 96%;
	font-size: 0.95rem;
	border-top: 1px solid #3a3a3a;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail dl span {
  font-family: "Crimson Text", serif;
	color: #a7a7a7;
	font-size: 0.7rem;
	font-weight: 400;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail dl dt {
	width: 100%;
	margin: 0 0 16px 0;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail dl dd {
width: 100%;
font-weight: 400;
padding: 0 0 0 16px;
}

#shopinfo .shopinfo_area .shopinfo_contents .shop_detail .access dd {
	line-height: 1.6;
}
#shopinfo .shopinfo_area .shopinfo_contents .shop_detail ol {
	padding: 10px 0 0 6px;
	list-style-type: decimal;
}

}