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

.main_img {
	position: relative;
	margin-bottom: 50px;
	overflow: hidden;
}

.main_img .catch {
	position: absolute;
	/*bottom: 5%;*/
	top: 5%;
	left: 3%;
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 2px;
	max-width: 1266px;
	margin: 0 auto;
	right: 3%;
	width: 94%;
	text-shadow: 0px 0px 10px rgba(57,21,5,0.8), 0px 0px 10px rgba(57,21,5,0.8);

}

.main_img .catch span {
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin-top: 10px;
	text-shadow: 0px 0px 10px rgba(57,21,5,0.8), 0px 0px 10px rgba(57,21,5,0.8);

}

.main_img .slide_wrap img {
	width: 100%;
}

.main_img .slide_wrap img + img {
	display: none;
}


.main_img .slide_wrap .slick-prev {
	left: 3%;
}

.main_img .slide_wrap .slick-next {
	right: 3%;
}

.main_img .slide_wrap .slick-prev,
.main_img .slide_wrap .slick-next {
	width: 60px;
	height: 60px;
	z-index: 1;
}

.main_img .slide_wrap .slick-prev:before,
.main_img .slide_wrap .slick-next:before {
	content: "";
	background: url("img/top/slide_arrow.png") no-repeat center / 100%;
	width: 60px;
	height: 60px;
	display: block;
	opacity: 1;
}

.main_img .slide_wrap .slick-next:before {
	transform: rotate(180deg);
}

.main_img .slide_wrap .slide_single {
	position: relative;
}

.main_img .slide_wrap .slide_single .inner {
	width: 94%;
	max-width: 1266px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	left: 0;
	top: 210px;
}

.main_img .slide_wrap .slide_single .inner .slide_txt {
	width: 30%;
	line-height: 44px;
	color: #fff;
	background: #900e07;
	border: 3px solid #fff;
	border-radius: 30px;
	position: relative;
	text-align: center;
}

.main_img .slide_wrap .slide_single .inner .slide_txt span {
	font-size: 18px;
	font-weight: 700;
}

.main_img .slide_wrap .slide_single .inner .slide_txt:after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	right: 5%;
	top: calc(50% - 3px);
}

main article .news_area {
	max-width: 660px;
	width: 80%;
	margin: 0 auto 86px;
}
	
main article .news_area h2 {
	text-align: center;
}

main article .news_area dl {
	margin-bottom: 10px;
}

main article .news_area dl dt {
	font-family: bookmania, serif;
	font-weight: 400;
	color: #351c13;
	display: flex;
	align-items: center;
	width: 100px;
}

main article .news_area dl dd span {
	margin-right: 15px;
	color: #291109;
	font-size: 12px;
	border: 1px solid #351c13;
	padding: 3px 10px;
	width: 143px;
	text-align: center
}

main article .news_area dl dd {
	width: calc(100% - 160px);
	font-size: 16px;
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}

main article .news_area dl dd a.post_ttl {
	width: calc(100% - 160px);
}

main article .news_area dl:last-of-type {
	margin-bottom: 30px;
}

main article .news_area .link_btn {
	width: 300px;
	margin: 0 auto;
}

main article .shop_menu {
	width: 100%;
	max-width: 1366px;
	margin: 0 auto 60px;
	align-items: center;
}

main article .shop_menu .section_image {
	width: 62%;
	max-width: 836px;
	margin-right: 2%;
}

main article .shop_menu .shoptxt {
	width: 36%;
}

main article .shop_menu .shoptxt h3 {
	margin-bottom: 30px;
	line-height: 1.7;
}

main article .shop_menu .shoptxt h3 span {
	font-size: 24px;
	font-weight: bold;
	color: #351c13;
	display: block;
}

main article .shop_menu .shoptxt p {
	width: 80%;
	font-size: 18px;
	color: #351c13;
	margin-bottom: 30px;
}

main article .shop_menu .shoptxt .link_btn {
	width: 300px;
}

main article .weekly_menu {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto 72px;
}

main article .weekly_menu h2 {
	text-align: center;
}

main article .weekly_menu .shop_list {
	align-items: normal;	
	margin-bottom: 60px;
}

main article .weekly_menu .shop_list .shop_single {
	width: 32%;
	max-width: 320px;
	margin: 0 0 2%;
	border-radius: 10px;
	border: 2px solid #351c13;
	padding-bottom: 20px;
	overflow: hidden;
}

main article .weekly_menu .shop_list .shop_single:not(:nth-of-type(3n)) {
	margin-right: 2%;
}

main article .weekly_menu .shop_list .shop_single .shop_name {
	padding: 40px 0;
	margin-bottom: 20px;
}

main article .weekly_menu .shop_list .shop_single .shop_name.nishiumeda {
	background: url("img/top/weekly_image1.jpg") no-repeat center / cover;
}

main article .weekly_menu .shop_list .shop_single .shop_name.yodoyabashi {
	background: url("img/top/weekly_image2.jpg") no-repeat center / cover;
}

main article .weekly_menu .shop_list .shop_single .shop_name.tennoji {
	background: url("img/top/weekly_image3.jpg") no-repeat center / cover;
}

main article .weekly_menu .shop_list .shop_single .shop_name.oap {
	background: url("img/top/weekly_image4.jpg") no-repeat center / cover;
}

main article .weekly_menu .shop_list .shop_single .shop_name.umeda {
	background: url("img/top/weekly_image5.jpg") no-repeat center / cover;
}

main article .weekly_menu .shop_list .shop_single .shop_name.hanshin {
	background: url("img/top/weekly_image6.jpg") no-repeat center / cover;
}

main article .weekly_menu .shop_list .shop_single .shop_name.kitchen_gen {
	background: url("img/top/weekly_image7.jpg") no-repeat center / cover;
}

main article .weekly_menu .shop_list .shop_single .shop_name.kitchen_gen_keihan {
	background: url("img/top/weekly_image8.jpg") no-repeat center / cover;
}

main article .weekly_menu .shop_list .shop_single .shop_name.shop-central {
	background: #291109;
}

main article .weekly_menu .shop_list .shop_single .shop_name.kitchen-genmian-hanshin {
	background: #291109;
}

main article .weekly_menu .shop_list .shop_single.kitchen  .txt_box h3 {
	font-size: 20px;
	font-weight: 700;
	color: #351c13;
	text-align: center;
	margin-bottom: 5px;
	line-height: 28px;
}

main article .weekly_menu .shop_list .shop_single.kitchen .txt_box .period span {
	border: 1px solid #bfb7b5;
	color: #351c13;
}

main article .weekly_menu .shop_list .shop_single.kitchen .txt_box .lineup_txt {
	text-align: center;
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 22px;
	color: #351c13;
}
	

main article .weekly_menu .shop_list .shop_single .txt_box {
	padding: 0 25px;
}

main article .weekly_menu .shop_list .shop_single .txt_box.menu_table {
	margin-bottom: 25px;
}

main article .weekly_menu .shop_list .shop_single .txt_box.menu_table table {
	width: 100%;
	border-collapse: collapse;
}

main article .weekly_menu .shop_list .shop_single .txt_box.menu_table table th {
	background: rgba(41,17,9, .6);
	text-align: center;
	line-height: 1;
	padding: 8px 0;
	margin-bottom: 15px;
	color: #fff;
	border: 1px solid #291109;
}

main article .weekly_menu .shop_list .shop_single .txt_box.menu_table table th,
main article .weekly_menu .shop_list .shop_single .txt_box.menu_table table td {
	padding: 10px 5px;
	font-size: 14px;
}

main article .weekly_menu .shop_list .shop_single .txt_box.menu_table table td {
	width: 60%;
	border: 1px solid #291109;
}

main article .weekly_menu .shop_list .shop_single .txt_box.menu_table table td:first-of-type {
	width: 40%;
}

@media screen and (max-width: 767px) {
	main article .weekly_menu .shop_list .shop_single .txt_box {
		padding: 0 10px;
	}
	
	main article .weekly_menu .shop_list .shop_single .txt_box.menu_table table td:first-of-type {
		width: 46%;
	}
}
	
main article .weekly_menu .shop_list .shop_single .lunch_ttl {
	background: rgba(41,17,9, .6);
	text-align: center;
	font-size: 14px;
	line-height: 1;
	padding: 8px 0;
	margin-bottom: 15px;
	color: #fff;
}

main article .weekly_menu .shop_list .shop_single .period {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
main article .weekly_menu .shop_list .shop_single .period:before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  top: 50%;
  background: #bfb7b5;
	left: 0;
}
main article .weekly_menu .shop_list .shop_single .period span {
  background: #fff;
  padding: 0 10px;
  font-size: 14px;
  display: inline-block;
	position: relative;
}
main article .weekly_menu .shop_list .shop_single .info_txt {
  text-align: center;
  color: #351c13;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 20px;
}
main article .weekly_menu .shop_list .shop_single .select_menu {
  margin-bottom: 10px;
}
main article .weekly_menu .shop_list .shop_single .select_menu dl {
  display: flex;
  align-items: center;
	width: 90%;
	margin: 0 auto 10px;
}
@media screen and (max-width: 767px) {
	main article .weekly_menu .shop_list .shop_single .select_menu dl {
		width: 100%;
	}
}

main article .weekly_menu .shop_list .shop_single .select_menu dl:not(:last-of-type) {
  margin-bottom: 20px;
}
main article .weekly_menu .shop_list .shop_single .select_menu dl dt {
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #7f706b;
  font-size: 14px;
  line-height: 1;
  color: #7f706b;
	margin-right: 10px;
	padding: 10px 0;
}
main article .weekly_menu .shop_list .shop_single .select_menu dl dd {
  font-size: 14px;
  line-height: 1.7;
  color: #7f706b;
	width: calc(100% - 90px);
}

main article .weekly_menu .shop_list .shop_single .link_btn.other_style {
	padding: 7px 0;
	margin-bottom: 15px;
}

main article .weekly_menu .shop_list .shop_single .shop_name p {
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

main article .weekly_menu .shop_list .shop_single .shop_name p span {
	font-size: 15px;
	display: block;
	color: #fff;
}


main article .weekly_menu .shop_list .shop_single ul {
	width: 86%;
	margin: 0 auto 25px;
}

main article .weekly_menu .shop_list .shop_single ul li {
	font-size: 13px;
	border-bottom: 1px solid #291109;
	padding-bottom: 10px;
	display: flex;
	align-items: flex-start;
}

main article .weekly_menu .shop_list .shop_single ul li:not(:last-of-type) {
	margin-bottom: 10px;
}

main article .weekly_menu .shop_list .shop_single ul li span {
	display: inline-block;
	margin-right: 5px;
	background: #351c13;
	border-radius: 30px;
	color: #fff;
	font-size: 12px;
	width: 18px;
	text-align: center;
	line-height: 1;
	padding: 3px 0;
}

main article .weekly_menu .shop_list .shop_single ul li div {
	width: calc(100% - 23px);
}

main article .weekly_menu .shop_list .shop_single .link_btn {
	width: 86%;
	margin: 0 auto;
	font-size: 14px;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 400;
	letter-spacing: 0;
}

/*
main article .weekly_menu .shop_info {
	background: url("img/top/info_bg.png?1234") no-repeat center / cover;
	padding: 60px 0;
	border-radius: 10px;
}
*/

main article .weekly_menu .shop_info {
	padding: 0 60px;
}

main article .weekly_menu .shop_info h3 {
	color: #351c13;
	font-size: 12px;
	text-align: center;
	margin-bottom: 20px;
}

main article .weekly_menu .shop_info h3 span {
	font-size: 50px;
	color: #351c13;
	display: block;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 3px;
}

main article .weekly_menu .shop_info .shop_lists {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: flex-start;
}

main article .weekly_menu .shop_info .shop_lists li {
	width: calc(96% / 3);
	margin-bottom: 2%;
	border-radius: 10px;
	background: #351c13;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

main article .weekly_menu .shop_info .shop_lists li:after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	right: 5%;
	top: calc(50% - 4px);
}

main article .weekly_menu .shop_info .shop_lists li:not(:nth-of-type(3n)) {
	margin-right: 2%;
}


main article .weekly_menu .shop_info .shop_lists li a {
	display: block;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding: 18px 0;
	width: 100%;
}


main article .weekly_menu .shop_info .info_link {
	color: #351c13;
	border-radius: 10px;
	background: #fff;
	text-align: center;
	display: block;
	padding: 10px 0;
	position: relative;
	font-family: edita, serif;
	font-size: 18px;
	letter-spacing: 2px;
	width: 300px;
	margin: 0 auto;
}
	
main article .weekly_menu .shop_info .info_link:before {
	content: "";
	background: url("img/common/arrow_icon2@2x.png") no-repeat center / 100%;
	width: 6px;
	height: 10px;
	right: 3%;
	top: calc(50% - 5px);
	position: absolute;
}

main article .image_area {
	background: url("img/top/online_image.jpg") no-repeat center / cover;
	height: 355px;
}

main article .online_shop {
	background: #f4f0e9;
	padding: 75px 0;
	margin-bottom: 75px;
}

main article .online_shop .section_inner,
main article .online_shop .pick_up{
	width: 90%;
	max-width: 870px;
	margin: 0 auto 40px;
}

main article .online_shop .section_inner .section_ttl2 {
	text-align: center;
}

main article .online_shop .section_inner h3 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #351c13;
	margin-bottom: 10px;
}

main article .online_shop .section_inner p.read_txt {
	font-size: 18px;
	color: #351c13;
	line-height: 2;
}

main article .online_shop .pick_up .section_ttl1 {
	text-align: center;
	margin-bottom: 20px;
}

main article .online_shop .pick_up .pick_item a {
	width: 49%;
}

main article .online_shop .pick_up .pick_item a:first-of-type {
	margin-right: 2%;
}

main article .online_shop .new_item {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto;
}

main article .online_shop .new_item .section_ttl1 {
	text-align: center;
	margin-bottom: 10px;
}

main article .online_shop .new_item .new_item_list {
	margin-bottom: 20px;
}

main article .online_shop .new_item .new_item_list .item_single {
	width: 23.5%;
	margin-bottom: 4%;
}

main article .online_shop .new_item .new_item_list .item_single:not(:nth-of-type(4n)) {
	margin-right: 2%;
}

main article .online_shop .new_item .new_item_list .item_single .image_box {
	position: relative;
	margin-bottom: 8px;
}

main article .online_shop .new_item .new_item_list .item_single .image_box .category {
	position: absolute;
	background: #fff;
	padding: 3px 7px;
	font-size: 14px;
	color: #351c13;
	top: 0;
	left: 0;
	border: 1px solid #351c13;
}

main article .online_shop .new_item .new_item_list .item_single .item_price {
	padding: 0 8px;
}

main article .online_shop .new_item .new_item_list .item_single .item_price p.item_name {
	font-size: 16px;
	font-weight: bold;
	color: #351c13;
}

main article .online_shop .new_item .new_item_list .item_single .item_price p.item_price {
	font-size: 20px;
	font-weight: bold;
	padding: 0;
}

main article .online_shop .new_item .new_item_list .item_single .item_price p.item_price span {
	font-size: 13px;
	display: inline-block;
	margin-left: 5px;
	color: #351c13;
}

main article .about {
	width: 100%;
	max-width: 1366px;
	margin: 0 auto 115px;
}

main article .about .about_us_content {
	flex-direction: row-reverse;
	align-items: center;
	margin-bottom: 60px;
}

main article .about .about_us_content .section_image {
	width: 62%;
    max-width: 836px;
    margin-left: 2%;
}

main article .about .about_us_content .shoptxt {
	width: 30%;
}

main article .about .about_us_content .shoptxt h3 {
	margin-bottom: 30px;
	line-height: 1.7;
}

main article .about .about_us_content .shoptxt h3 span {
	font-size: 24px;
    font-weight: bold;
    color: #351c13;
    display: block;
}

main article .about .about_us_content .shoptxt p {
    font-size: 18px;
    color: #351c13;
    margin-bottom: 30px;
}

main article .about .about_us_content .shoptxt .link_btn {
	width: 300px;
	margin: 0 auto;
}

main article .about_link_content {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto;
}

main article .about_link_content > div {
	width: 49%;
	border-radius: 10px;
	padding: 60px 0;
}

main article .about_link_content > div h4 {
	color: #fff;
	font-size: 12px;
	text-align: center;
	margin-bottom: 15px;
}

main article .about_link_content > div h4 span {
	font-size: 40px;
	display: block;
	line-height: 1;
	letter-spacing: 3px;
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.3), 0px 0px 3px rgba(0,0,0,0.2);
}

main article .about_link_content > div .info_link {
	    color: #351c13;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    display: block;
    padding: 10px 0;
    position: relative;
    font-family: edita, serif;
    font-size: 18px;
    letter-spacing: 2px;
    width: 300px;
    margin: 0 auto;
}

main article .about_link_content > div .info_link:before {
	    content: "";
    background: url(img/common/arrow_icon2@2x.png) no-repeat center / 100%;
    width: 6px;
    height: 10px;
    right: 3%;
    top: calc(50% - 5px);
    position: absolute;
}


main article .about_link_content > div.concept {
	background: url("img/top/concept_bg.png") no-repeat center / cover;
	margin-right: 2%;
}

main article .about_link_content > div.area {
	background: url("img/top/producing_bg.png") no-repeat center / cover;
}

main article .recipe_image {
	background: url("img/top/recipe_image.jpg") no-repeat center / cover;
	height: 355px;
}

main article .recipe {
	padding: 72px 0;
	background: #f4f0e9;
	margin-bottom: 90px;
}

main article .recipe .recipe_inner {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto;
}

main article .recipe .recipe_inner .section_ttl2 {
	text-align: center;
}

main article .recipe .recipe_inner h3 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #351c13;
	margin-bottom: 20px;
}

main article .recipe .recipe_inner p.read_txt {
	font-size: 18px;
	margin-bottom: 30px;
	line-height: 2;
}

main article .recipe .recipe_inner .recipe_list .recipe_single {
	width: 49%;
	margin: 0 0 4%;
}

main article .recipe .recipe_inner .recipe_list .recipe_single:nth-of-type(odd) {
	margin-right: 2%;
}

main article .recipe .recipe_inner .recipe_list .recipe_single .recipe_img {
	position: relative;
	margin-right: 2%;
	width: 48%;
}

main article .recipe .recipe_inner .recipe_list .recipe_single .recipe_img p {
	    position: absolute;
    background: #fff;
    padding: 3px 7px;
    font-size: 14px;
    color: #351c13;
    top: 0;
    left: 0;
    border: 1px solid #351c13;
}

main article .recipe .recipe_inner .recipe_list .recipe_single .recipe_txt {
	width: 50%;
	margin-top: 10px;
}

main article .recipe .recipe_inner .recipe_list .recipe_single .recipe_txt h4 {
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: bold;
	color: #351c13;
}

main article .recipe .recipe_inner .recipe_list .recipe_single .recipe_txt p {
	font-size: 14px;
	line-height: 1.6;
}

main article .recipe .recipe_inner .link_btn {
	width: 300px;
	margin: 0 auto;
}

main article .follow {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto;
}

main article .follow .line_banner img + img {
	display: none;
}

main article .follow .section_ttl2 {
	text-align: center;
}

main article .follow .sns_link a {
	display: block;
}

main article .follow .sns_link ul {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

main article .follow .sns_link ul li {
	width: 49%;
}

main article .follow .sns_link ul li:nth-of-type(odd) {
	margin-right: 2%;
}

main article .follow .sns_link .sns_bottom {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

@media screen and (min-width: 768px) {
	main article .follow .sns_link .sns_bottom {
		display: none;
	}
}

main article .follow .sns_link .sns_bottom a {
	width: 32%;
	text-align: center;
	color: #fff;
	font-size: 30px;
	display: flex;
	align-items: center;
	border-radius: 10px;
	background: #351c13;
	justify-content: center;
	padding: 15px 0;
	font-family: edita, serif;
	letter-spacing: 3px;
}

main article .follow .sns_link .sns_bottom a:before {
	width: 33px;
	height: 33px;
	content: "";
	margin-right: 10px;
}

main article .follow .sns_link .sns_bottom a.twi:before {
	background: url("img/top/bottom_sns1@2x.png") no-repeat center / cover;
}

main article .follow .sns_link .sns_bottom a.ins:before {
	background: url("img/top/bottom_sns2@2x.png") no-repeat center / cover;
}

main article .follow .sns_link .sns_bottom a.face:before {
	background: url("img/top/bottom_sns3@2x.png") no-repeat center / cover;
}

main article .follow .sns_link .sns_bottom a:not(:last-of-type) {
	margin-right: 2%;
}

@media screen and (max-width: 1150px){
	main article .shop_menu .shoptxt,
	main article .about .about_us_content .shoptxt {
		width: 430px;
		padding: 0 20px;
	}
	
	main article .shop_menu .section_image,
	main article .about .about_us_content .section_image{
		width: calc(100% - 430px);
		margin-right: 0;
		margin-left: 0;
	}
}

@media screen and (max-width: 1024px){
	.main_img .catch {
		font-size: 4vw;
	}
	
	.main_img .catch span {
		font-size: 2vw;
	}
	
	main article .shop_menu .section_image, main article .about .about_us_content .section_image {
		width: 100%;
		margin: 0 auto 4%;
	}
	
	main article .shop_menu .shoptxt,
	main article .about .about_us_content .shoptxt {
		width: 100%;
		padding: 0 10%;
	}
	
	main article .section_ttl2 {
		text-align: center;
	}
	
	main article .shop_menu .shoptxt h3 span {
		display: inline;
	}
	
	main article .shop_menu .shoptxt p {
		width: 100%;
	}
	
	main article .shop_menu .shoptxt .link_btn {
		margin: 0 auto;
	}
	
	main article .weekly_menu .shop_list .shop_single,
	main article .weekly_menu .shop_list .shop_single:not(:nth-of-type(3n)){
		width: 49%;
		max-width: none;
		margin: 0 0 2%;
	}
	
	main article .weekly_menu .shop_list .shop_single:nth-of-type(odd) {
		margin-right: 2%;
	}
	
	/*
	main article .online_shop .new_item .new_item_list {
		justify-content: center;
	}
	*/
	
	main article .online_shop .new_item .new_item_list .item_single,
	main article .online_shop .new_item .new_item_list .item_single:not(:nth-of-type(4n)) {
		width: 32%;
		margin: 0 0 4%;
	}
	
	main article .online_shop .new_item .new_item_list .item_single:not(:nth-of-type(3n)) {
		margin-right: 2%;
	}
	
	main article .online_shop .new_item .new_item_list .item_single .image_box img {
		width: 100%;
	}
	
	
	
	main article .weekly_menu .shop_info {
		padding: 0 ;
	}
	
	.main_img .slide_wrap .slide_single .inner .slide_txt {
		width: 45%;
	}
}


@media screen and (max-width: 768px){
	/*
	.main_img .slide_wrap img {
		display: none;
	}
	
	.main_img .slide_wrap img + img {
		display: block;
	}
	*/
	
	.main_img .catch {
		font-size: 5.5vw;
		top: 7%;
		text-shadow: 2px 2px 2px rgba(0,0,0,0.5), -2px -2px 3px rgba(0,0,0,0.5);
		bottom: auto;
	}
	
	main article .weekly_menu {
		width: 96%;
	}
	
	main article .weekly_menu .shop_list {
		padding: 0 3%;
	}
	
	main article .weekly_menu .shop_list .slick-slide {
		margin: 0 10px;
	}
	
	main article .weekly_menu .shop_list .slick-prev,
	main article .weekly_menu .shop_list .slick-next{
		background: #351c13;
		left: 0;
		border-radius: 50px;
		width: 25px;
		height: 25px;
	}
	
	main article .weekly_menu .shop_list .slick-next {
		left: auto;
		right: 0;
	}
	
	main article .weekly_menu .shop_list .slick-prev:before {
		content: "◀︎";
		font-size: 14px;
	}
	
	
	main article .weekly_menu .shop_list .slick-next:before {
		content: "▶︎";
		font-size: 14px;
	}
}

@media screen and (max-width: 767px){
	
	
	main article .news_area {
		width: 90%;
	}
	
	main article .news_area dl {
		margin-bottom: 20px;
	}
	
	main article .news_area dl dt {
		width: 100%;
		font-size: 18px;
	}
	
	main article .news_area dl dd {
		width: 100%;
	}
	
	main article .news_area dl dt span {
		font-size: 13px;
	}
	
	main article .weekly_menu {
		width: 90%;
	}
	
	main article .weekly_menu .shop_list .shop_single ul li {
		font-size: 15px;
	}
	
	/*
	main article .weekly_menu .shop_info {
		background: url("img/top/sp/info_bg.png") no-repeat center / cover;
		
	}
	*/
	
	main article .weekly_menu .shop_info h3 span {
		font-weight: bold;
		letter-spacing: 3px;
	}
	
	main article .image_area {
		background: url("img/top/sp/online_image.jpg") no-repeat center / cover;
		padding: 35% 0;
	}
	
	main article .online_shop .section_inner h3 {
		text-align: left;
		font-size: 5vw;
	}
	
	main article .online_shop .section_inner h3 br {
		display: none;
	}
	
	main article .weekly_menu .shop_info h3 {
		font-size: 14px;
	}
	
	main article .weekly_menu .shop_info h3 span {
		font-size: 9vw;
	}
	
	main article .online_shop .pick_up .pick_item a {
		width: 100%;
	}
	
	main article .online_shop .pick_up .pick_item a:first-of-type {
		margin: 0 0 5%;
	}
	
	main article .online_shop .pick_up .pick_item a img {
		width: 100%;
	}
	
	main article .online_shop .new_item .new_item_list .item_single{
		width: 49%!important;
		margin: 0 0 6%!important;
	}
	
	main article .online_shop .new_item .new_item_list .item_single:nth-of-type(odd) {
		margin-right: 2%!important;
	}
	
	main article .about .about_us_content .shoptxt h3 span {
		display: inline;
		font-size: 5vw;
	}
	
	main article .about_link_content > div {
		width: 100%;
	}
	
	main article .about_link_content > div.concept {
		margin: 0 0 4%;
	}
	
	main article .about_link_content > div h4 {
		font-size: 14px;
	}
	
	main article .about_link_content > div h4 span {
		font-size: 8vw;
	}
	
	main article .recipe_image {
		background: url("img/top/sp/recipe_image.jpg") no-repeat center / cover;
		padding: 35% 0;
	}
	
	main article .recipe .recipe_inner h3 {
		font-size: 5vw;
		text-align: left;
	}
	
	main article .recipe .recipe_inner .recipe_list .recipe_single {
		width: 100%;
	}
	
	main article .recipe .recipe_inner .recipe_list .recipe_single:nth-of-type(odd) {
		margin: 0 ;
	}
	
	main article .recipe .recipe_inner .recipe_list .recipe_single .recipe_img img {
		max-width: none;
		width: 100%;
	}
	
	main article .recipe .recipe_inner .recipe_list .recipe_single {
		margin-bottom: 4%!important;
	}
	
	main article .follow .line_banner img {
		width: 100%;
	}
	
	main article .follow .sns_link .sns_bottom {
		margin-top: 20px;
	}
	
	main article .follow .sns_link .sns_bottom a {
		width: calc(97% / 3);
		font-size: 3vw;
	}
	
	main article .follow .sns_link .sns_bottom a:not(:last-of-type) {
		margin-right: 1%;
	}
	
	main article .follow .sns_link .sns_bottom a:before {
		width: calc(33px / 2);
		height: calc(33px / 2);
	}
	
	
	
	
	.main_img {
		margin-bottom: 40px;
	}
	
	main article .section_ttl1 {
		margin-bottom: 20px;
	}
	
	main article .news_area dl {
		margin-bottom: 15px;
	}
	
	main article .news_area dl dt {
		font-size: 14px;
	}
	
	main article .news_area dl dd span {
		margin: 0 0 5px;
	}
	
	main article .news_area dl dd a.post_ttl {
		width: 100%;
	}
	
	main article .news_area {
		margin-bottom: 50px;
	}
	
	main article .shop_menu .shoptxt, main article .about .about_us_content .shoptxt {
		padding: 0 6%;
	}
	
	main article .shop_menu .shoptxt h3 span {
		font-size: 20px;
	}
	
	main article .shop_menu .shoptxt p {
		margin-bottom: 0;
	}
	
	main article .weekly_menu .shop_list .shop_single ul {
		width: 90%;
	}
	
	main article .weekly_menu .shop_list .shop_single ul li {
		font-size: 14px;
	}
	
	main article .weekly_menu .shop_list {
		margin-bottom: 20px;
	}
	
	/*
	main article .weekly_menu .shop_info {
		padding: 30px 0;
	}
	*/
	
	main article .online_shop {
		padding: 40px 0;
	}
	
	main article .online_shop .section_inner p.read_txt,
	main article .about .about_us_content .shoptxt p {
		font-size: 16px;
	}
	
	main article .online_shop .new_item .new_item_list .item_single .item_price p.item_name {
		font-size: 16px;
	}
	
	main article .online_shop .new_item .new_item_list .item_single .image_box .category {
		font-size: 11px;
	}
	
	main article .follow .sns_link .sns_bottom {
		flex-wrap: wrap;
	}
	
	main article .follow .sns_link .sns_bottom a {
		width: 100%;
		margin: 0 0 10px !important;
		font-size: 5vw;
	}
	
	main article .about {
		margin-bottom: 55px;
	}
	
	main article .online_shop .new_item .new_item_list .item_single .item_price p.item_price {
		font-size: 16px;
	}
	
	main article .online_shop .new_item .new_item_list .item_single .item_price p.item_price span {
		font-size: 11px;
	}
	
	
	
	main article .weekly_menu .shop_info .shop_lists li {
		width: 49%!important;
		margin: 0 0 2%!important;
	}
	
	main article .weekly_menu .shop_info .shop_lists li:after {
		width: 6px;
		height: 6px;
		top: calc(50% - 2px);
		border-width: 1px;
	}
	
	main article .weekly_menu .shop_info .shop_lists li:nth-of-type(odd) {
		margin-right: 2%!important;
	}
	
	
	
	
	main article .weekly_menu .shop_info .shop_lists li a {
		font-size: min(3.5vw , 36px);
		line-height: 1.3;
		height: 16vw;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: 700;
	}
	
	.main_img .slide_wrap .slide_single .inner .slide_txt {
		width: 100%;
		border-radius: 2.6vw;
		line-height: 1;
	}
	
	.main_img .slide_wrap .slide_single .inner .slide_txt span {
		font-size: min(4.8vw , 36px);
		line-height: 12vw;
	}
	
	.main_img .slide_wrap .slide_single .inner .slide_txt:after {
		width: 1.5vw;
		height: 1.5vw;
		top: calc(50% - .75vw);
	}
	
	
	
	main article .follow .sns_link ul li {
		width: 100%;
		margin: 0!important;
	}
	
	main article .follow .sns_link ul li:not(:last-of-type) {
		margin-bottom: 9.3vw!important;
	}
	
	main article .follow .sns_link ul li img {
		width: 100%;
	}
}


@media screen and (max-width: 1400px) {
	.main_img .catch {
		left: 10%;
	}
	
	.main_img .slide_wrap .slide_single .inner {
		left: 10%;
		top: 200px;
	}
	
	.main_img .slide_wrap .slide_single .inner .slide_txt {
		width: 40%;
	}
}

@media screen and (max-width: 1023px) {
	.main_img .slide_wrap .slide_single .inner {
		top: 21vw;
	}
	
	.main_img .slide_wrap .slide_single .inner .slide_txt {
		width: 48%;
	}
}

@media screen and (max-width: 768px) {
	.main_img .catch {
		left: 4%;
	}
	
	.main_img .slide_wrap .slide_single .inner {
		left: 0;
		top: auto;
		bottom: 10px;
	}
	
	.main_img .slide_wrap .slide_single .inner .slide_txt {
		width: 100%;
	}
}




.allergie-txt {
	width: 660px;
	margin: 0 auto 50px;
	border-top: 1px solid #341c12;
	border-bottom: 1px solid #341c12;
	padding: 12px 0;
}

.allergie-txt a {
	text-align: center;
	line-height: 1.6;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #341c12;
}

.allergie-txt a::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 1px solid #341c12;
	border-right: 1px solid #341c12;
	transform: rotate(45deg);
	display: block;
	margin-left: 18px;
}

@media screen and (max-width: 767px) {
	.allergie-txt {
		width: 90%;
		margin-bottom: 8vw;
	}
	
	.allergie-txt a {
		font-size: 4.133vw;
	}
	
	.allergie-txt a::after {
		width: 1.6vw;
		height: 1.6vw;
		margin-left: 2.66vw;
	}
}