@charset "utf-8";
html {
	scroll-behavior: smooth;
	height: 100%;
	font-family: 'Noto Serif JP', serif;
}
body {
	height: 100%;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.2em;
	background-color: #fff;
	color: #111;
	animation: pagefadein 1s forwards;
}
@keyframes pagefadein {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
img {
	-webkit-touch-callout: none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	user-drag: none;
	touch-callout:none;
	user-select:none;
}

/* フェードイン*/
.fadein1 {
	opacity: 0;
	transform : translateY(30px);
	transition : all 1s;
}

.fadein1.scrollin1{
	opacity: 1;
	transform: translate(0, 0);
}
.fadein2 {
	opacity: 0;
	transform : translateY(30px);
	transition : all 1.5s;
}

.fadein2.scrollin2{
	opacity: 1;
	transform: translateX(0);
}
.fadein3 {
	opacity: 0;
	transform : translateY(30px);
	transition : all 2s;
}

.fadein3.scrollin3{
	opacity: 1;
	transform: translate(0, 0);
}


/*全体wrap*/
#wrap {
	width:100%;
	margin:0 auto;
}

/* ヘッダー */
header {
	top: 0;
	margin: 0 auto;
}
.hd_wrap {
	margin: 0 auto;
}
/* ヘッダーロゴ */
.hd_logo_wrap {
	margin: 0 auto;
	max-width: 1280px;
}
.hd_logo {
	padding: 30px;
	position: absolute;
	top: 50px;
	z-index: 2;
	filter: drop-shadow(0px 0px 3px #111);
}
.hd_logo_s {
	padding: 0;
	position: absolute;
	top: 30px;
	z-index: 2;
	width: 80px;
}
.hd_logo_s_pp {
	padding: 0;
	position: absolute;
	top: 30px;
	z-index: 2;
	width: 80px;
}
@media screen and (max-width: 1024px){
	.hd_logo_wrap h3 {
		padding-left: 30px;
	}
	.hd_logo {
		padding: 0;
		width: 80px;
	}
	.hd_logo_s {
		top: 20px;
		width: 60px;
	}
	.hd_logo_s_pp {
		top: 20px;
		width: 60px;
	}
}
@media screen and (max-width: 767px){
	.hd_logo_wrap h3 {
		padding-left: 30px;
	}
	.hd_logo {
		padding: 0;
		width: 80px;
	}
	.hd_logo_s {
		top: 20px;
		width: 60px;
		filter: invert(100%) drop-shadow(0 0 3px #111);
	}
	.hd_logo_s_pp {
		top: 20px;
		width: 60px;
	}
}
/* ヘッダーメニュー */
.menu_content {
	display: flex;
    justify-content: space-between;
	padding: 20px 0;
    position: fixed;
	width: 1230px;/*menu__line（width30px+right20px）マイナス*/
	z-index: 999;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
@media screen and (max-width: 1024px){
	.menu_content {
		width: 100%;
	}
}
/*メニュー*/
.menu {
    height: 20px;
    position: absolute;
    right: 20px;
    top: 30px;
    width: 30px;
    z-index: 99;
}
.menu__line {
    background: #111;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}
@media screen and (max-width: 768px){
	.menu {
		right: 15px;
		top: 15px;
	}
}
/*gnav*/
.gnav {
	background: rgba(255,255,255,0.98);
	display: none;
	height: 100vh;
	width: 100%;
	position: fixed;
	z-index: 98;
	top: 0;
}
.gnav__wrap {
	width: 100%;
}
.gnav__menu {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-size: 1em;
	top: 100px;
}
.gnav__menu li {
	display: table;
}
.gnav__menu__item {
	height: 400px;
	float: right;
}
.gnav__menu__item a {
	padding: 2em;
	font-size: 1.5em;
	font-weight: 700;
	text-decoration: none;
	transition: .3s;
	display: table-cell;
	vertical-align: top;
}
.gnav__menu__item a:hover {
	color: #960064;
}
@media screen and (max-width: 1024px){
	.gnav__menu {
		display: flex;
		flex-direction: row-reverse;
		top: 150px;
	}
	.gnav__menu__item {
		height: auto;
	}
	.gnav__menu a {
		padding: 2em;
		font-size: 1.5em;
	}
}
@media screen and (max-width: 767px){
	.gnav__menu a {
		padding: 1.5em;
		font-size: 1em;
		letter-spacing: 0;
	}
}

/*gnavロゴ*/
.gnav_logo {
	width: 100%;
	max-width: 1280px;
	padding: 30px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: 50px;
}
.gnav_logo img {
	width: 100px;
}
@media screen and (max-width: 768px){
	.gnav_logo {
		text-align: center;
		top: 15px;
	}
	.gnav_logo  img {
		width: 75px;
		padding-left: 25px;
	}
}
@media screen and (max-height: 460px){
	.gnav_logo img {
		width: 60px;
	}
}
/*gnavインフォ*/
.gnav_info {
	width: 100%;
	max-width: 1280px;
	padding: 30px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}
.gnav_info p {
	font-size: 1em;
	margin-bottom: 1em;
}
.gnav_info span {
	font-size: 1.2em;
}
.gnav_info ul {
	text-align: left;
	width: 100%;
}
.gnav_info li {
	font-size: 0.8em;
	vertical-align: top;
	display: inline-block;
	list-style: none;
}
@media screen and (max-width: 768px){
	.gnav_info {
		line-height: 1em;
	}
	.gnav_info p {
		text-align: center;
		font-size: 0.7em;
	}
	.gnav_info span {
		text-align: center;
		font-weight: 700;
	}
	.gnav_info ul {
		text-align: center;
	}
	.gnav_info li {
		font-size: 0.7em;
		letter-spacing: 0.05em;
	}
}
@media screen and (max-height: 460px){
	.gnav_info {
		display: none;
	}
}

/*縦書き*/
.vertical {
	writing-mode: vertical-rl;
	text-orientation: upright;
}
/*外部リンクアイコン*/
.extrnlink::after {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../images/icon_external.png) no-repeat;
	background-size: contain;
	margin-top: 3px;
	transition: .2s;
}
.extrnlink:hover::after {
	filter: brightness(0) saturate(100%) invert(9%) sepia(66%) saturate(7051%) hue-rotate(312deg) brightness(94%) contrast(103%);
}
/*営業時間定休日位置調整*/
.mds1 {
	width: 7em;
}
.mds2 {
	width: 13em;
}
.mds3 {
	text-indent: 7.5em;
	width: 20.5em;
}
@media screen and (max-width: 768px){
	.mds1 {
		width: 100%;
	}
	.mds2 {
		font-weight: 700;
	}
	.mds3 {
		text-indent: 0;
		width: 100%;
		font-weight: 700;
	}
}
/*定休日位置調整*/
ul.closed {
	margin-top: 0.5em;
}
/* スマホ改行 */
@media screen and (min-width: 768px){
	.br-sp {
		display: none;
	}
}

/* メインビジュアル */
.mv {
	position: relative;
	z-index: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
.mv img {
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: auto;
}
.mv h2.slide-title {
	font-size: 2.2em;
	font-weight: 700;
	line-height: 1.6em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-shadow: 0px 0px 3px #111;
}
.mv h2.slide-title {
	-webkit-animation: mv-fadeIn 1s 0.5s both;
	animation: mv-fadeIn 1s 0.5s ease both;
}
@-webkit-keyframes mv-fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes mv-fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media screen and (max-width:1024px){
	.mv {
		width: 100%;
		padding: 0;
	}
	.mv img {
		position: relative;
		left: 0;
		top: 0;
		transform: none;
	}
	.mv video {
		position: relative;
		left: 0;
		top: 0;
		transform: none;
	}
	.mv h2.slide-title {
		font-size: 2em;
		height: 60%;
	}
}
@media screen and (max-width:767px){
	.mv h2.slide-title {
		font-size: 1em;
		width: 100%;
		padding-right: 30px;
	}
}

/* SWIPERサイズ・画像位置*/
.swiper {
    width: 100%;
    height: 95vh;
}
.swiper-slide img {
	position: relative;
	top: -20%;
	height: auto;
	width: 100%;
}
@media screen and (max-width:1024px){
	.swiper {
		height: auto;
	}
	.swiper-slide img {
		top: 0;
	}
}

/* 動画*/
.video-box {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100vh; /* スマホでも全画面（左右は見えない） */
	/*width:100%; /* 横幅は100%で固定 */
	/*height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
	/*padding-top: 56.25%; /* 高さを指定(16:9) */
}
@media all and (min-width: 768px) and (max-width: 1280px) {
	.video-box {
		position: relative;
		overflow: hidden;
		/*width: 100%;
		height: 100vh; /* スマホでも全画面（左右は見えない） */
		width:100%; /* 横幅は100%で固定 */
		height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
		/*padding-top: 56.25%; /* 高さを指定(16:9) */
		padding-top: 66.66%; /* 高さを指定(3:2) */
	}
}

@media screen and (max-width: 767px){
	.video-box {
		position: relative;
		overflow: hidden;
		/*width: 100%;
		height: 100vh; /* スマホでも全画面（左右は見えない） */
		width:100%; /* 横幅は100%で固定 */
		height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
		/*padding-top: 56.25%; /* 高さを指定(16:9) */
		padding-top: 66.66%; /* 高さを指定(3:2) */
	/* ビューポート幅が 767px 以下の場合はビデオを非表示にして背景画像を表示 */
		background: url("../images/pos_mov_yaki.jpg");  /* 別途背景画像を用意 */
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.video-box video {
		display: none;  /* ビデオを非表示（背景画像を表示するため） */
  }
}
#video {
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 150vh; /* 3:2 の幅→3 ÷ 2＝ 150% */
    height: 66.66vw; /* 3:2の幅 → 3 ÷ 3 = 66.66% */
    min-height: 100%;
    min-width: 100%;
}


/* メイン */
main {
	margin-top: 100px;
}
@media screen and (max-width: 768px){
	main {
		margin-top: 50px;
	}
}

/* コンテンツ */
.content_wrap {
	width: 100%;
	margin-bottom: 100px;
}
.content_inner {
	margin: 0 auto;
	max-width: 940px;/*padding60px分マイナス*/
	padding: 30px;
	overflow:auto;/*子要素floatに高さを認識させる*/
}
.content_inner h2 {
	font-size: 1.8em;
	font-weight: 700;
	line-height: 2em;
	text-align: center;
	margin-bottom: 3em;
	position: relative;
}
.content_inner h2:before {
  position: absolute;
  top: 1em;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #111;
}
.content_inner h2 span {
  position: relative;
  padding: 0 0.5em;
  background: #fff;
}
.content_inner h3 {
	font-size: 1.2em;
	line-height: 1.8em;
}
.content_inner h4 {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 2em;
}
.content_inner p {
	font-size: 1em;
	line-height: 1.5em;
}
.content_inner div.yoyaku {
	border: solid 1px #111;
	text-align: center;
}
.content_inner h3.tel {
	font-size: 2.4em;
	font-weight: 700;
	line-height: 2em;
}
.content_inner p.tax {
	font-size: 0.8em;
	text-align: right;
	margin-top: 5em;
}
@media screen and (max-width:768px){
	.content_wrap {
		margin-bottom: 50px;
	}
	.content_inner h2 {
		font-size: 1.2em;
	}
	.content_inner h3 {
		font-size: 1.1em;
	}
	.content_inner h4 {
		font-size: 1em;
	}
	.content_inner div.yoyaku {
		padding: 1em;
	}
	.content_inner h3.tel {
		font-size: 1.5em;
	}
}

/* ブログfeed */
.blogfeed {
	width: 100%;
	margin: 30px auto 30px;
}
.blogfeed iframe {
	width: 100%;
	height: 460px;
}
@media screen and (max-width:768px){
	.blogfeed {
		width: 100%;
		margin: 30px auto 0px;
	}
	.blogfeed iframe {
		height: 460px;
	}
}

/* トピックスflexbox */
.article-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}
.article-box {
	margin-bottom: 20px;
	padding: 20px;
	width: 33.333%;
	min-height: 0%;
	display: flex;
	flex-direction: column;
}
.article-box img {
	/*display: block;*/
	width: 100%;
	height: auto;
}
.article-image img {
	max-width: 400px;
	max-height: 400px;
}
.article_title {
	font-size: 0.9em;
	letter-spacing: 0.05em;
	line-height: 2em;
	font-weight: 700;
	border-bottom: solid 2px #960064;
	margin: 10px 0 10px;
}
.article_text {
	font-size: 0.9em;
	padding-top: 5px;
	padding-bottom: 5px;
}
.article_inner {
	flex-grow: 1;
}
.article_date {
	font-size: 0.7em;
	text-align: right;
}
@media screen and (max-width: 768px){
	.article-wrap {
		flex-direction: column;
	}
	.article-box {
		width: 100%;
		margin-bottom: 20px;
		padding: 10px;	
	}
	.article-box img {
		padding: 0 20px;
	}
}
/* お知らせ一覧ページ */
.tpinfo {
	margin-top: 120px;
	border-bottom: solid 1px #ccc;
}


/* 詳しく見るボタン */
.btn {
	font-size: 1.5em;
	font-weight: 700;
	width: auto;
	float: right;
	margin-top: 1em;
}
.btn:hover {
	color: #960064;
	transition: transform .3s;
}
.btn.line {
	padding-bottom: 10px;
	position: relative;
}
.btn.line::before {
	background: #960064;
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: auto;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .3s;
}
.btn.line:hover::before {
	transform-origin: left top;
	transform: scale(1, 1);
}

/* タイトルバックグラウンド */
.titlebgwrap {
	background-size: cover;
	background-position: 50% 50%;
	width: 100%;
	/*background-color: rgba(255,255,255,0.8);
	background-blend-mode: lighten;*/
}
.titlebgimg {
	background-size: cover;
	background-position: 50% 50%;
	height: 50vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.titlebgimg h4 {
	font-size: 3em;
	font-weight: 700;
}
.bg_image {
	color: #fff;
	text-shadow: 0px 0px 5px #111;
	transition: all .3s;
	margin: 0 auto;
	max-width: 1280px;
}
.bg_image:hover {
	filter: brightness(1.2);
	color: #111;
	text-shadow: 0px 0px 5px #fff;
}
.bg_hashiya {
	background-image: url("../images/bg_titleimg_w_hashiya.jpg");
	transition: all .3s;
}
.bg_oshinagaki {
	background-image: url("../images/bg_titleimg_oshinagaki.jpg");
	transition: all .3s;
}
.bg_hashiya:hover, .bg_oshinagaki:hover {
	background-color: rgba(255,255,255,0.6);
	background-blend-mode: lighten;
}

@media screen and (max-width:768px){
	.titlebgimg {
		height: 30vh;
	}
	.titlebgimg h4 {
		font-size: 2em;
	}
}

/* flexbox */
	/*display: flex;/*子要素並び*/
	/*flex-direction: row;/*子要素並ぶ向き*/
	/*flex-wrap: wrap;/*子要素折り返し*/
	/*justify-content: center;/*子要素水平方向の揃え*/
	/*align-items: stretch;/*子要素垂直方向の揃え*/
	/*align-content: stretch;/*複数行にした時の揃え*/

/* トップアクセス・下層ページ */
.fcontainer {
	max-width: 1220px;/*padding60px分マイナス*/
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 80px;
}
.flex-end {
	align-items: flex-end;
}
.flexinner {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.flexinner p {
	font-size: 0.8em;
	line-height: 1.6em;
	letter-spacing: 0.1em;
}
.flexinner p.cap {
	width: 100%;
}
@media screen and (max-width:768px){
	.fcontainer {
		flex-direction: column;
	}
	.flexinner {
		display: inline-block;
	}
	.flexinner p.cap {
		margin: 2em 0;
	}
}
.fitem {
	padding: 30px;
}
.fitem img {
	max-width: 400px;
	max-height: 400px;
}
.fitem img.large {
	max-width: 500px;
	max-height: 500px;
}
.fitem img.medium {
	width: 300px;
	max-height: 300px;
}
.fitem img.small {
	width: 200px;
	max-height: 200px;
}
.fitem h3 {
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-align: left;
	
}
.fitem h4 {
	font-size: 1em;
	font-weight: 700;
	line-height: 2em;
}
.fitem p {
	font-size: 0.9em;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	padding-bottom: 1em;
}
.fitem span {
	font-size: 0.9em;
}

/* 下層ページレイアウト用 */
.fitem div.capbox{
  position: relative;
}
.fitem p.caption {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #fff;
	letter-spacing: 0;
	text-shadow: 0px 0px 3px #111;
	padding-bottom: 0;
}
.thumbnail {
	width: 240px;
	padding: 5px 0;
}
.enji {
	color: #960064;
}
.kin {
	background-color: #bea064;
}
.zoge {
	background-color: #f2ece0;
}

.enkaiinfo {
	width: 240px;
	padding: 30px 30px 30px 0;
	margin-top: auto;
}
.enkaiinfo h4 {
	font-size: 1.2em;
}
.change {
	width: 100%;
	padding: 5px 0;
	font-size: 0.7em;
	letter-spacing: 0.1em;
	border-top: solid 1px #ccc;
	margin-top: 1em;
}
.enkaiimg {
	box-shadow: 5px 5px 0 0 #bea064; 
}
.enkaijo {
	border-top: solid 1px #bea064;
	margin-bottom: 30px;
}
@media screen and (max-width:1023px){
	.fitem {
		padding: 0 15px;
	}
	.fitem img {
		width: 100%;
		object-fit: contain;
		/*margin-top: 1em;*/
		margin: 1em 0 0.5em;
	}
	.fitem img.medium {
		width: 100%;
		object-fit: contain;
		/*margin-top: 1em;*/
	}
	.fitem h3 {
		font-size: 1em;
		letter-spacing: 0;
		padding-bottom: 0;
	}
	.fitem h4 {
		margin-top: 30px;
	}
	.fitem p.caption {
		bottom: 20px;
	}
	.thumbnail {
		width: 100%;
		margin-bottom: 0;
		padding: 5px;
	}
	.oridume {
		padding: 1em;
	}
	.enkaiinfo {
		width: 100%;
		padding: 0 15px;
	}
	.enkaiinfo h4 {
		margin-top: 0;
	}
	.enkaiinfo p {
		margin-bottom: 0.5em;
	}
	.change {
		margin-top: 0;
	}
	.enkaiimg {
		box-shadow: none; 
	}
}

/* fitem右から */
.reverse {
	flex-direction: row-reverse;
}
@media screen and (max-width:768px){
	.reverse {
		flex-direction: column;
	}
}
/* fitem下から */
.column-reverse {
}
@media screen and (max-width:768px){
	.column-reverse {
		flex-direction: column-reverse;
	}
}
/* fitem縦書き */
.fitem_vertical {
	writing-mode: vertical-rl;
	text-orientation: upright;
	height: 460px;
}
.fitem_vertical h3 {
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.8em;
	padding: 30px 30px 30px 0 ;
}
.fitem_vertical p {
	font-size: 1em;
	line-height: 1.5em;
	padding: 30px;
}

@media screen and (max-width:768px){
	.fitem_vertical {
		writing-mode: horizontal-tb;
		height: auto;
	}
	.fitem_vertical h3 {
		font-size: 1.2em;
		line-height: 1.6em;
		padding: 0 0 1.2em 0;
	}
	.fitem_vertical p {
		font-size: 0.9em;
		line-height: 1.4em;
		padding: 0;
	}
}

/* 下層ページトップイメージ */
.lowervisual {
	width: 100%;
	height: auto;
	text-align: center;
}
.lowervisual img {
	width: 920px;
	height: auto;
}
@media screen and (max-width:1024px){
	.lowervisual img {
		width: 720px;
		height: auto;
	}
}
@media screen and (max-width:767px){
	.lowervisual img {
		width: 100%;
	}
}

/* おしながきスライド */
.itemslide {
	position: relative;
	z-index: 0;
	padding: 0;
	max-width: 600px;
	height: auto;
}
.itemslide img {
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: auto;
}
.itemslide h4.slide-title {
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1.6em;
	text-align: left;
	position: absolute;
	left: 10px;
	bottom: 10px;
	/*top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
	color: #fff;
	letter-spacing: 0;
	text-shadow: 0px 0px 3px #111;
}
.itemslide h4.slide-title {
	-webkit-animation: itemslide-fadeIn 1s 0.5s both;
	animation: itemslide-fadeIn 1s 0.5s ease both;
}
.itemslide h4.slide-title span {
	font-size: 0.8em;
}
.itemslide h4.slide-title span.price {
	font-size: 1.2em;
}

@-webkit-keyframes itemslide-fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes itemslide-fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media screen and (max-width:768px){
	.itemslide {
		width: 100%;
		padding: 0;
	}
	.itemslide img {
		position: relative;
		left: 0;
		top: 0;
		transform: none;
	}
	.itemslide h4.slide-title {
		position: relative;
		font-size: 0.9em;
		left: 0;
		color: #111;
		text-shadow: none;
		margin-top: 0;
	}
}
/* SWIPERサイズ・画像位置*/
.itemslide div.swiper {
    width: 100%;
    height: auto;
	text-align: center;
}
.itemslide div.swiper-slide img {
	position: relative;
	top: 0;
	height: auto;
	max-width: 600px;
}
@media screen and (max-width:768px){
	.itemslide div.swiper {
		height: auto;
	}
}
/* おしながきインフォ*/
.item_info {
	padding: 10px 0;
}
.item_info ul {
	text-align: left;
	width: 100%;
}
.item_info li {
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1.6em;
	vertical-align: top;
	list-style: none;
}
.item_info li span {
	font-size: 0.8em;
	letter-spacing: 0.1em;
}
.item_info li span.price {
	font-size: 1.2em;
}
@media screen and (max-width:768px){
	.item_info {
		padding: 0;
	}
	.item_info ul {
		margin-bottom: 1em;
	}
}
/* ドリンクメニュー */
dl.drink {
	width: 100%;
	font-size: 0.9em;
	font-weight: 700;
}
dl.drink span {
	font-size: 0.8em;
}
dl.drink span.price {
	font-size: 1.2em;
}
dl.drink div {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 5px 0;
	padding: 5px 0;
}
dl.drink dt {
	margin: 0;
	padding: 0 1em;
	/*background-color: #ffffff;
	z-index: 2;*/
	text-align: left;
	width: auto;
}
dl.drink dd {
	margin: 0;
	padding: 0 1em;
	/*background-color: #ffffff;
	z-index: 2;*/
	text-align: right;
}

/* プライバシーポリシーページ */
.ppinfo {
	margin-top: 120px;
	border-bottom: solid 1px #ccc;
}
.ppinfo h4 {
	margin: 2em 0 0.5em;
}
.ppinfo p {
	margin: 0.5em 0;
}
.ppinfo ul {
	margin: 1em 0;
}
.ppinfo li {
	margin: 0.5em 0;
	margin-left: 1.5em;
	list-style: circle;
}

/* フッター */
footer {
	
}
.ft_wrap {
	margin: 0 auto;
	max-width: 1280px;
}
.ft_wrap a {
	transition: all .3s;
}
.ft_wrap a:hover {
	filter: brightness(0) saturate(100%) invert(9%) sepia(66%) saturate(7051%) hue-rotate(312deg) brightness(94%) contrast(103%);
}
.ft_logo {
	width: 80px;
}
.ft_info {
	padding: 40px 30px;
}
.ft_wrap h3 {
	float: right;
	padding-right:  30px;
}
.ft_info p {
	font-size: 1em;
	margin-bottom: 1em;
}
.ft_info span {
	font-size: 1.2em;
}
.ft_info ul {
	text-align: left;
	width: 100%;
}
.ft_info li {
	font-size: 0.8em;
	vertical-align: top;
	display: inline-block;
	list-style: none;
}
@media screen and (max-width: 768px){
	.ft_logo {
		width: 85px;
		padding-left: 25px;
	}
	.ft_info {
		line-height: 1em;
	}
	.ft_wrap h3 {
		float: none;
		text-align: center;
		margin-bottom: 1em;
		padding-right:  0;
	}
	.ft_info p {
		text-align: center;
		font-size: 0.8em;
	}
	.ft_info span {
		text-align: center;
		font-weight: 700;
	}
	.ft_info ul {
		text-align: center;
	}
	.ft_info li {
		font-size: 0.7em;
		letter-spacing: 0.1em;
	}
}
/* プライバシーポリシー */
.privacypolicy {
	float: left;
	text-align: left;
	width: 45%;
	font-size: 0.6em;
	padding: 0 0 30px 30px;
}
.privacypolicy a {
	transition: all .3s;
}
.privacypolicy a:hover {
	color: #960064;
}
/* コピーライト */
.copyright {
	float: right;
	text-align: right;
	width: 45%;
	font-size: 0.6em;
	padding: 0 30px 30px 0;
}