@charset "utf-8";

/*ﾌｫﾝﾄ*/
@font-face {
	font-family:"Noto_Serif_JP";
	src:url("../font/Noto_Serif_JP/NotoSerifJP-Regular.ttf");
	font-weight:normal;
}
@font-face {
	font-family:"Noto_Serif_JP";
	src:url("../font/Noto_Serif_JP/NotoSerifJP-Bold.ttf");
	font-weight:bold;
}
/*ALL*/
* {
	font-family:"Noto Serif JP", serif;
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-size:14px;
	letter-spacing:1px;
	list-style:none;
}
/*ﾘﾝｸ*/
a {
	color:#000000;
	word-break:break-all;
}
a:hover {
	opacity:0.5;
	transition:all 0.8s;
}
/*SP*/
@media screen and (max-width:1200px) {
	/*ALL*/
	* {
		font-size:3.2vw;
	}
	/*ﾘﾝｸ*/
	a:hover {
		opacity:1.0;
	}
}
/*画像*/
img {
	display:block;
	width:100%;
	margin:0 auto;
}
/*ﾎﾞﾃﾞｨ*/
body {
	background:#ffffff;
}
/*ﾍｯﾀﾞｰ*/
header {
	position:relative;
	z-index:1;
}
/*PC*/
.pc {
	display:block !important;
}
/*SP*/
.sp {
	display:none !important;
}
/*SP*/
@media screen and (max-width:1200px) {
	/*PC*/
	.pc {
		display:none !important;
	}
	/*SP*/
	.sp {
		display:block !important;
	}
}
/*要素ｴﾌｪｸﾄ表示*/
.effect {
	transition:all 1.0s;
	opacity:0;
	&.rotation-y {
		transform:rotateY(180deg);
	}
	&.fadein-bottom {
		transform:translate(0, 30px);
	}
	&.scrollin {
		transform:translate(0, 0) !important;
		opacity:1 !important;
	}
}
/*ﾒﾆｭｰ*/
.menu_pc {
	position:relative;
	display:block;
	z-index:2;
}
.menu_sp {
	display:none;
}
/*非固定*/
.menu_pc .menu_one  {
	position:absolute;
	width:100%;
	top:18px;
	right:20px;
	text-align:right;
}
.menu_pc .menu_one .menu_log {
	position:absolute;
	padding:0;
	top:0;
	left:38px;
}
.menu_pc .menu_one a {
	position:relative;
	display:inline-block;
	padding:0 7px 0;
	color:#ffffff;
	text-decoration:none;
	vertical-align:middle;
}
/*固定*/
.menu_pc .menu_two  {
	position:fixed;
	display:none;
	width:100%;
	height:80px;
	top:0;
	left:0;
	background:#ffffff;
	text-align:right;
	padding-right:20px;
}
.menu_pc .menu_two a {
	position:relative;
	display:inline-block;
	padding:18px 7px 0;
	color:#000000;
	text-decoration:none;
	vertical-align:middle;
}
.menu_pc .menu_two .menu_log {
	position:absolute;
	display:inline-flex;
	height:100%;
	top:0;
	left:0;
	padding:0;
}
/*ｷｰﾋﾞｼﾞｭｱﾙ*/
.keyvisual .keyvisual_slide > div:not(:first-of-type) {
	display:none;
}
.keyvisual {
	position:relative;
	height:100vh;
}
.keyvisual .menu_log1 {
	position:absolute;
	width:220px;
	top:30px;
	left:30px;
	z-index:1;
}
.keyvisual .keyvisual_slide {
	position:relative;
}
.keyvisual .keyvisual_slide .keyvisual_img {
	height:100vh;
	object-fit:cover;
}
.keyvisual .keyvisual_slide .keyvisual_msg {
	position:absolute;
	bottom:100px;
	right:100px;
}
.keyvisual .keyvisual_slide .keyvisual_msg .keyvisual_shop {
	width:110px;
}
.keyvisual .keyvisual_slide .keyvisual_msg .keyvisual_shop_p1 {
	margin-top:15px;
	color:#ffffff;
	font-size:22px;
	line-height:1.8;
	text-align:center;
}
.keyvisual .keyvisual_slide .keyvisual_msg .keyvisual_shop_p2 {
	margin-top:15px;
	color:#ffffff;
	line-height:1.8;
	text-align:center;
}
/*SP*/
@media screen and (max-width:1200px) {
	/*ﾒﾆｭｰ*/
	.menu_pc {
		display:none;
	}
	.menu_sp {
		position:relative;
		display:block;
		z-index:2;
	}
	/*非固定*/
	.menu_sp .menu_one  {
		width:100%;
	}
	.menu_sp .menu_one a {
		position:relative;
		display:inline-block;
		vertical-align:middle;
	}
	.menu_sp .menu_one .menu_log {
		position:absolute;
		width:180px;
		padding:0;
		top:5px;
		left:5px;
	}
	.menu_sp .menu_one .menu_insta {
		position:absolute;
		height:32px;
		width:32px;
		top:8px;
		right:52px;
	}
	.menu_sp .menu_one .menu_line {
		position:absolute;
		height:32px;
		width:32px;
		top:8px;
		right:10px;
	}
	/*固定*/
	.menu_sp .menu_two  {
		position:fixed;
		display:none;
		width:100%;
		height:50px;
		top:0;
		left:0;
		background:#ffffff;
	}
	.menu_sp .menu_two a {
		position:relative;
		display:inline-block;
		vertical-align:middle;
	}
	.menu_sp .menu_two .menu_log {
		position:absolute;
		top:0;
		left:0;
	}
	.menu_sp .menu_two .menu_log img {
		height:50px;
		width:auto;
	}
	.menu_sp .menu_two .menu_insta {
		position:absolute;
		height:32px;
		width:32px;
		top:8px;
		right:52px;
	}
	.menu_sp .menu_two .menu_line {
		height:32px;
		width:32px;
		position:absolute;
		top:8px;
		right:10px;
	}
	/*ｵｰﾌﾟﾝ*/
	.menu_open {
		display:none;
	}
	.menu_box {
		position:fixed;
		width:100%;
		height:100vh;
		max-height:100%;
		padding:10vw 0 0;
		top:0;
		right:0;
		background:#ffffff;
		text-align:center;
		overflow-y:auto;
	}
	.menu_box > a {
		display:inline-block;
		margin:5vw auto 0;
		font-size:4.0vw;
	}
	.menu_box div {
		margin:10vw auto 0;
	}
	.menu_box .menu_log {
		display:inline-block;
		width:120px;
		margin:0 3px 6px 0;
	}
	.menu_box .menu_insta {
		display:inline-block;
		height:32px;
		width:32px;
		margin:0 0 10px 5px;
	}
	.menu_line {
		height:32px;
		width:32px;
	}
	.menu_one .menu_line span,
	.menu_two .menu_line span {
		position:absolute;
		height:2px;
		width:80%;
		margin:0 auto;
		left:0;
		right:0;
		background-color:#ffffff;
		transition:all 0.3s;
	}
	.menu_two .menu_line span {
		background-color:#000000;
	}
	.menu_close {
		position:absolute;
		width:40px;
		top:5px;
		right:5px;
	}
	.menu_line span:nth-of-type(1) {
		top:12%;
	}
	.menu_line span:nth-of-type(2) {
		top:46%;
	}
	.menu_line span:nth-of-type(3) {
		top:84%;
	}
	.menu_line.open span:nth-of-type(1) {
		top:44%;
		transform:translateY(44%) rotate(-45deg);
	}
	.menu_line.open span:nth-of-type(2) {
		opacity:0;
	}
	.menu_line.open span:nth-of-type(3) {
		top:49%;
		transform:translateY(-49%) rotate(45deg);
	}
	/*ｷｰﾋﾞｼﾞｭｱﾙ*/
	.keyvisual {
		width:100%;
	}
	.keyvisual .keyvisual_slide .keyvisual_msg {
		width:100%;
		bottom:10vw;
		right:auto;
	}
	.keyvisual .keyvisual_slide .keyvisual_msg .keyvisual_shop {
		width:25vw;
	}
	.keyvisual .keyvisual_slide .keyvisual_msg .keyvisual_shop_p1 {
		margin-top:5vw;
		font-size:4.0vw;
	}
	.keyvisual .keyvisual_slide .keyvisual_msg .keyvisual_shop_p2 {
		margin-top:5vw;
		font-size:2.8vw;
	}
}
/*CONCEPT*/
.concept {
	position:relative;
	max-width:1400px;
	width:80%;
	margin:0 auto 0;
	padding:60px 0 100px;
}
.concept .concept_img1 {
	position:absolute;
	width:22%;
	top:3%;
	left:0;
}
.concept .concept_img2 {
	position:absolute;
	width:22%;
	top:18%;
	right:0;
}
.concept .concept_p1 {
	font-size:30px;
	font-weight:bold;
	text-align:center;
}
.concept .concept_p2 {
	margin:30px 0 0;
	text-align:center;
}
.concept .concept_p3 {
	margin:50px 0 0;
	text-align:center;
}
.concept .concept_img3 {
	width:70%;
	margin:50px auto 0;
}
/*SP*/
@media screen and (max-width:1300px) {
	/*CONCEPT*/
	.concept {
		width:100%;
		margin:0 auto 0;
		padding:18vw 0 18vw;
	}
	.concept .concept_img1 {
		width:20vw;
		top:13vw;
		left:3vw;
	}
	.concept .concept_img2 {
		position:absolute;
		width:20vw;
		top:3vw;
		right:3vw;
	}
	.concept .concept_p1 {
		width:92%;
		margin:0 auto 0;
		font-size:4.0vw;
	}
	.concept .concept_p2 {
		width:92%;
		margin:3vw auto 0;
		font-size:2.0vw;
	}
	.concept .concept_p3 {
		width:92%;
		margin:8vw auto 0;
		font-size:2.8vw;
	}
	.concept .concept_img3 {
		width:92%;
		margin:8vw auto 0;
	}
}
/*串屋*/
.dinner {
	max-width:1400px;
	width:80%;
	margin:0 auto 0;
	padding:60px 0 0;
}
.dinner .dinner_img1 {
	width:65%;
	margin:0 auto 0 0;
}
.dinner .dinner_info {
	width:55%;
	padding:40px;
	margin:-28% 0 0 auto;
	background:#231815;
}
.dinner .dinner_info .dinner_img2 {
	width:45%;
	margin:0 auto 0;
}
.dinner .dinner_info .dinner_p1 {
	margin:50px 0 0;
	color:#dfdfdf;
}
.dinner .dinner_info .dinner_a1 {
	position:relative;
	display:block;
	margin:50px auto 0;
	height:50px;
	width:45%;
	background:#ffffff;
}
.dinner .dinner_info .dinner_a1 p {
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#231815;
	text-align:center;
}
/*SP*/
@media screen and (max-width:1300px) {
	/*串屋*/
	.dinner {
		width:100%;
		padding:0 0 0;
	}
	.dinner .dinner_img1 {
		width:100%;
		margin:0 auto 0;
	}
	.dinner .dinner_info {
		width:100%;
		margin:0 auto 0;
		padding:8vw 4vw;
	}
	.dinner .dinner_info .dinner_img2 {
		width:80%;
	}
	.dinner .dinner_info .dinner_p1 {
		margin:5vw 0 0;
		font-size:2.8vw;
	}
	.dinner .dinner_info .dinner_a1 {
		height:10vw;
		width:65vw;
		margin:5vw auto 0;
	}
}
/*低糖Dining*/
.dining {
	max-width:1400px;
	width:80%;
	margin:0 auto 0;
	padding:60px 0 0;
}
.dining .dining_img1 {
	width:65%;
	margin:0 0 0 auto;
}
.dining .dining_info {
	width:55%;
	padding:40px;
	margin:-28% auto 0 0;
	background:#dc000c;
}
.dining .dining_info .dining_img2 {
	width:70%;
	margin:0 auto 0;
}
.dining .dining_info .dining_p1 {
	margin:50px 0 0;
	color:#dfdfdf;
}
.dining .dining_info .dining_a1 {
	position:relative;
	display:block;
	margin:50px auto 0;
	height:50px;
	width:45%;
	background:#ffffff;
}
.dining .dining_info .dining_a1 p {
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#dc000c;
	text-align:center;
}
/*SP*/
@media screen and (max-width:1300px) {
	/*低糖Dining*/
	.dining {
		width:100%;
		margin:18vw auto 0;
		padding:0 0 0;
	}
	.dining .dining_img1 {
		width:100%;
		margin:0 auto 0;
	}
	.dining .dining_info {
		width:100%;
		margin:0 auto 0;
		padding:8vw 4vw;
	}
	.dining .dining_info .dining_img2 {
		width:80%;
	}
	.dining .dining_info .dining_p1 {
		margin:5vw 0 0;
		font-size:2.8vw;
	}
	.dining .dining_info .dining_a1 {
		height:10vw;
		width:65vw;
		margin:5vw auto 0;
	}
}
/*Madam*/
.madam {
	max-width:1400px;
	width:80%;
	margin:0 auto 0;
	padding:60px 0 0;
}
.madam .madam_img1 {
	width:65%;
	margin:0 auto 0 0;
}
.madam .madam_info {
	width:55%;
	padding:40px;
	margin:-28% 0 0 auto;
	background:#832e20;
}
.madam .madam_info .madam_img2 {
	width:55%;
	margin:0 auto;
}
.madam .madam_info .madam_p1 {
	margin:50px 0 0;
	color:#dfdfdf;
}
.madam .madam_info .madam_p2 {
	margin:30px 0 0;
	color:#dfdfdf;
	text-align:center;
}
.madam .madam_info .madam_img3 {
	display:block;
	width:45%;
	margin:50px auto 0;
}
/*SP*/
@media screen and (max-width:1300px) {
	/*Madam*/
	.madam {
		width:100%;
		margin:18vw auto 0;
		padding:0 0 0;
	}
	.madam .madam_img1 {
		width:100%;
		margin:0 auto 0;
	}
	.madam .madam_info {
		width:100%;
		margin:0 auto 0;
		padding:8vw 4vw;
	}
	.madam .madam_info .madam_img2 {
		width:75%;
	}
	.madam .madam_info .madam_p1 {
		margin:5vw 0 0;
		font-size:2.8vw;
	}
	.madam .madam_info .madam_img3 {
		width:65%;
		margin:5vw auto 0;
	}
}
/*ｲﾝｽﾀ*/
.insta {
	margin:120px auto 0;
	padding:60px 0 60px;
	background:#f3f3f3;
}
.insta .insta_main {
	max-width:1100px;
	width:100%;
	margin:0 auto 0;
}
.insta .insta_main .insta_img1 {
	width:18%;
	margin:0 auto;
}
.insta .insta_main #i-instagram {
	margin:50px 0 0;
}
.insta .insta_main #i-instagram ul li {
	display:inline-block;
	width:22%;
}
.insta .insta_main #i-instagram ul li {
	margin:0 4% 0 0;
}
.insta .insta_main #i-instagram ul li:last-child {
	margin:0 0 0 0;
}
.insta .insta_main #i-instagram ul li img {
	height:320px;
	object-fit:cover;
}
.insta .insta_main .insta_a1 {
	position:relative;
	display:block;
	margin:80px auto 0;
	height:70px;
	width:25%;
	background:#000000;
}
.insta .insta_main .insta_a1 p {
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#ffffff;
	text-align:center;
}
/*SP*/
@media screen and (max-width:1300px) {
	/*ｲﾝｽﾀ*/
	.insta {
		margin:18vw auto 0;
		padding:12vw 0 12vw;
	}
	.insta .insta_main {
		width:100%;
	}
	.insta .insta_main .insta_img1 {
		width:50vw;
		margin:0 auto;
	}
	.insta .insta_main #i-instagram {
		margin:10vw 0 0;
		padding:0 4%;
	}
	.insta .insta_main #i-instagram ul li {
		width:48%;
	}
	.insta .insta_main #i-instagram ul li:nth-of-type(1) {
		margin:0 4% 4% 0;
	}
	.insta .insta_main #i-instagram ul li:nth-of-type(2) {
		margin:0 0 4% 0;
	}
	.insta .insta_main #i-instagram ul li:nth-of-type(3) {
		margin:0 4% 4% 0;
	}
	.insta .insta_main #i-instagram ul li:nth-of-type(4) {
		margin:0 0 4% 0;
	}
	.insta .insta_main #i-instagram ul li img {
		height:220px;
	}
	.insta .insta_main .insta_a1 {
		height:10vw;
		width:65vw;
		margin:5vw auto 0;
	}
}
/*SHOP INFO*/
.shop .shop_main {
	max-width:1100px;
	width:100%;
	margin:60px auto 0;
	padding:60px 0 60px;
}
.shop .shop_main .shop_p1 {
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.shop .shop_main .shop_p2 {
	margin:10px auto 0;
	font-size:15px;
	text-align:center;
}
.shop .shop_main .shop_div1 {
	margin:30px auto 0;
	font-size:0;/*inline-blockの隙間除去*/
	letter-spacing:0;/*inline-blockの隙間除去*/
}
.shop .shop_main .shop_div1 .shop_img1 {
	display:inline-block;
	width:50%;
}
.shop .shop_main .shop_div1 .shop_tbl1 {
	margin:0 0 30px 0;
	display:inline-block;
	width:50%;
}
.shop .shop_main .shop_div1 .shop_tbl1 th {
	padding:10px 10px 10px 50px;
	font-weight:normal;
	text-align:left;
}
.shop .shop_main .shop_div1 .shop_tbl1 td {
	padding:10px;
}
/*地図*/
.shop .shop_main iframe {
	height:300px;
	width:100%;
	margin:40px auto 0;
}
/*SP*/
@media screen and (max-width:1200px) {
	/*SHOP INFO*/
	.shop .shop_main {
		width:100%;
		margin:10vw auto 0;
		padding:0 0 18vw;
	}
	.shop .shop_main .shop_p1 {
		font-size:4.0vw;
	}
	.shop .shop_main .shop_p2 {
		margin:3vw auto 0;
		font-size:2.8vw;
	}
	.shop .shop_main .shop_div1 .shop_img1 {
		width:100%;
	}
	.shop .shop_main .shop_div1 .shop_tbl1 {
		margin:5vw auto 0;
		width:100%;
	}
	.shop .shop_main .shop_div1 .shop_tbl1 th {
		padding:3vw 3vw 3vw 6vw;
	}
	.shop .shop_main .shop_div1 .shop_tbl1 td {
		padding:3vw;
	}
	/*地図*/
	.shop .shop_main iframe {
		height:60vw;
		margin:5vw auto 0;
	}
}
/*ﾌｯﾀｰ*/
.footer {
	padding:20px;
	color:#ffffff;
	background:#000000;
}
.footer  a {
	color:#ffffff;
	text-decoration:none;
}
.footer .footer_main {
	max-width:1100px;
	width:100%;
	margin:0 auto 0;
	font-size:0;/*inline-blockの隙間除去*/
	letter-spacing:0;/*inline-blockの隙間除去*/
}
.footer .footer_main .footer_left {
	display:inline-block;
	width:17%;
}
.footer .footer_main .footer_left .footer_log {
	display:block;
	width:150px;
}
.footer .footer_main .footer_center {
	display:inline-block;
	width:66%;
	text-align:center;
	vertical-align:top;
}
.footer .footer_main .footer_center .footer_one {
	margin:10px auto 0;
}
.footer .footer_main .footer_center .footer_one a {
	display:inline-block;
	margin:0 10px;
}
.footer .footer_main .footer_center .footer_two {
	margin:50px auto 0;
}
.footer .footer_main .footer_center .footer_two .footer_a1,
.footer .footer_main .footer_center .footer_two .footer_a2 {
	display:inline-block;
	height:50px;
	width:200px;
	margin:0 10px 0;
	color:#000000;
	background:#ffffff;
	vertical-align:bottom;
}
.footer .footer_main .footer_center .footer_two .footer_a1 {
	padding:10px 40px;
}
.footer .footer_main .footer_center .footer_two .footer_a2 {
	font-weight:bold;
	padding:15px 40px;
}
.footer .footer_main .footer_right {
	display:inline-block;
	width:17%;
	padding:0 0 15px;
	vertical-align:bottom;
}
.footer .footer_p1 {
	text-align:right;
}
/*SP*/
@media screen and (max-width:1200px) {
	/*ﾌｯﾀｰ*/
	.footer {
		padding:5px;
	}
	.footer .footer_main {
		width:100%;
	}
	.footer .footer_main .footer_left {
		width:25%;
	}
	.footer .footer_main .footer_left .footer_log {
		width:80px;
	}
	.footer .footer_main .footer_center {
		display:none;
		width:0;
	}
	.footer .footer_main .footer_right {
		width:50%;
		padding:3vw 0 0;
		text-align:center;
		vertical-align:top;
	}
	.footer .footer_p1 {
		font-size:2.0vw;
	}
}