@charset "utf-8";

@import url("../../themes/template-b/style_b3.css");

.top_banner_area{
}

.top_banner_flex ul {
	display: flex;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
}

.top_banner_flex li{
	list-style: none;
	width: 100%;
	margin-bottom: 1em;
}

.nayami_wrap{
	padding: 1em;
	background-color: #fff;
}

.onayami{
	max-width: 415px;
	margin: auto;
}

.onayami ul{
	padding: 0;
	margin: 0 0 3em;
	display: flex;
	justify-content: center;	
	flex-wrap: wrap;
	gap:10px;
}

.onayami li{
	position: relative;
  display: inline-block;
	color: #fff;
	background-color: #821a27;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	list-style: none;
}

.onayami li span{
	position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :130px;
  text-align:center;
}

.hassyou h3,
.tadashii h3{
	text-align: center;
}

.hassyou_box{
	border: 1px solid #d1987e;
	padding: 1em;
	margin: 0 auto 4em;
	max-width: 680px;
	
}
.hassyou ul{
	max-width: 200px;
	margin: auto;
}

.hassyou li{
}

.tadashii ul{
	margin: 0 auto 2em;
	padding: 0;
	max-width: 680px;
}

.tadashii li{
	background: #d1987e;
	padding: 0.5em 1em;
	margin: 1em;
	list-style: none;
	text-align: center;
	color: #fff;
}

.banner_area{
	margin: 0;
	padding: 0;
	list-style: none;
}

.banner_area li{
	margin-bottom: 1em;
	text-align: center;
}

.box{
	padding: 0 2em;
	margin-bottom: 2em;
	border: 1px solid #821a27;
}

.box ul{
	margin: auto;
	padding: 0 0 1em 1.5em;
}

.menu_option{
	display: inline-block;
	color: #fff;
	background-color: #821a27;
	padding: 0.3em 0.5em;
	margin-bottom: 0.5em;
}

.basic_list{
	margin: 0 0 1em;
	padding: 0 0 0 1.5em;
}

.menu_cate_flex_text table{
	border-collapse: collapse;
}

.datsumou_list li{
	padding-bottom: 8px;
}

.instagram .wrapper{
	max-width: 1190px;
}

.web_reserve_banner{
	text-align: center;
}
.web_reserve_banner ul{
	margin: 0;
	padding: 0;
}

.web_reserve_banner li{
	list-style: none;
	margin-bottom: 2em;
}


@media only screen and (min-width: 540px) , print {
.top_banner_area{
}
.top_banner_flex ul {
}


.menu_cate_flex_text table th,
.menu_cate_flex_text table td{
		display: table-cell;
}
}

@media only screen and (min-width: 580px) , print {
}

@media only screen and (min-width: 769px) , print {
}

@media only screen and (min-width: 1024px) , print {

.top_banner_flex ul{
	justify-content: center;
}
.top_banner_flex li{
	width: 46%;
	margin: 1%;
	max-width: 502px;
}
.onayami{
	max-width: inherit;
}
	
}

@media only screen and (min-width: 1180px) , print {
}