@charset "UTF-8";
/* RESET - ADAPTED FROM MEYER RESET URL - http://meyerweb.com/eric/tools/css/reset/ LICENSE - PUBLIC DOMAIN */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, main, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,u, ul, var, video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display:block;}ol, ul{list-style:none;}blockquote, q{quotes:none;}table{border-collapse:collapse;border-spacing:0;}body{line-height:1;}
textarea{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;margin:0;padding:0;}
/* YUI 3.14.1 (build 63049cb) Copyright 2013 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */
body{font:13px/1.231 sans-serif;*font-size:small;*font:x-small}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div.container{margin:0 auto; padding:0 4%;}
.container:after,.row:after,.col:after,.clr:after,.group:after{content:"";display:table;clear:both;}
.row{padding:auto; margin:0 auto;}
.col{display:block;float:left;width:100%;}
.reverse .col{float:right;}
@media(min-width:768px){
	.gutters .col{margin-left:2%;}
	.gutters .col:first-child{margin-left:0;}
	.reverse .gutters .col{margin-left:0; margin-right:2%;}
	.reverse .gutters .col:first-child{margin-right:0;}
}
@media(min-width:768px){
.span_1 {width:8.33333333333%;}
.span_2 {width:16.6666666667%;}
.span_3 {width:25%;}
.span_4 {width:33.3333333333%;}
.span_5 {width:41.6666666667%;}
.span_6 {width:50%;}
.span_7 {width:58.3333333333%;}
.span_8 {width:66.6666666667%;}
.span_9 {width:75%;}
.span_10{width:83.3333333333%;}
.span_11{width:91.6666666667%;}
.span_12{width:100%;}
.gutters .span_1 {width:6.5%;}
.gutters .span_2 {width:15.0%;}
.gutters .span_3 {width:23.5%;}
.gutters .span_4 {width:32.0%;}
.gutters .span_5 {width:40.5%;}
.gutters .span_6 {width:49.0%;}
.gutters .span_7 {width:57.5%;}
.gutters .span_8 {width:66.0%;}
.gutters .span_9 {width:74.5%;}
.gutters .span_10{width:83.0%;}
.gutters .span_11{width:91.5%;}
.gutters .span_12{width:100%;}
}
@font-face{
	font-family:'fontello';
	src:url('font/fontello.eot?21565854');
	src:url('font/fontello.eot?21565854#iefix') format('embedded-opentype'),
	url('font/fontello.woff2?21565854') format('woff2'),
	url('font/fontello.woff?21565854') format('woff'),
	url('font/fontello.ttf?21565854') format('truetype'),
	url('font/fontello.svg?21565854#fontello') format('svg');
	font-weight:normal; font-style:normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before{
	font-family:"fontello";
	font-style:normal;
	font-weight:normal;
	display:inline-block;
	width:1em;
	text-align:center;
	font-variant:normal;
	text-transform:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.icon-popup:before { content: '\e800'; } /* '' */
.icon-down-open-big:before { content: '\e801'; } /* '' */
.icon-left-open-big:before { content: '\e802'; } /* '' */
.icon-right-open-big:before { content: '\e803'; } /* '' */
.icon-up-open-big:before { content: '\e804'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-file-pdf:before { content: '\f1c1'; } /* '' */

// COLOR
@black:#111;
@white:#fff;
@gray:#777;
@grayD:#282828;
@grayL:#bebebe;
@grayLL:#eee;
@red:#930c13;
@main:#450d1e;
@mainL:#701531;
@mainLL:#8c1a3d;
@mainD:#1a050b;
@gold:#c6b989;
// LESS
@ncc:no-repeat center center;
// MIXIN
.trans{transition:0.3s;}
.fb{font-weight:bold;}
.tac{text-align:center;}
.tar{text-align:right;}
.tdn{text-decoration:none;}
.tdu{text-decoration:underline;}
.bgsc{background-size:cover;}
.arrow{font-family:-apple-system,"system-ui","Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
.arrow.tri{transform:rotate(-45deg); .inline();}
.attention{color:@red;}
.inline{display:inline-block;}
/*BASE*/
html,body{width:100%; height:auto; margin:0; padding:0; scroll-behavior:smooth;}
body{position:relative; line-height:1; text-size-adjust:100%; font-weight:normal; font-weight:400; font-smoothing:antialiased; -webkit-font-smoothing:antialiased; font-feature-settings:"palt";
font-family:"Zen Old Mincho",serif; font-size:13px; color:@white;
background:@mainD url("../_img/bg/bg.jpg") repeat; background-size:100px auto; background-attachment:fixed;}
img{max-width:100%; height:auto; vertical-align:middle;}
/*CF*/
.cf:before,.cf:after{content:" ";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}
/*LETTER*/
strong{.fb}
.wf{font-family:"Roboto Slab";}
.ct{font-family:"Crimson Text"; font-weight:400!important; font-style:italic;}
.attention{color:@red;}
.fontsmall{font-size:80%;}
::selection{background:@grayL; color:@white; text-shadow:1px 1px 1px @black;}
::-moz-selection{background:@grayL; color:@white; text-shadow:1px 1px 1px @black;}
/*LINK*/
a:link{color:@white; .tdu; .trans;}
a:visited{color:@white; .tdu;}
a:hover{color:@grayL; .tdn;}
a:active{color:@white; .tdn;}
a img{border:none; .tdn; .trans;}
a img:hover{opacity:0.6; .tdn;}
/*FADE*/
.fade{opacity:0;}
.faded{opacity:0;}
.fade.fadeSt{animation:fadeIn 0.85s ease-in-out 0.25s forwards;}
.faded.fadeSt{animation:fadeIn 0.85s ease-in-out 0.5s forwards;}

/*LOADING*/
div#loadingWrap{position:fixed; top:0; left:0; width:100%; height:100%; z-index:30000; overflow:hidden; overscroll-behavior:none; pointer-events:none!important;
	background:rgb(69,13,30);
	background:radial-gradient(circle, rgba(69,13,30,1) 0%, rgba(26,5,11,1) 100%);
	div{position:fixed; inset:0; margin:auto; width:280px; max-width:280px; height:fit-content;}
}
div#loadingWrap.fadeaway{
			animation:faded 0.7s 1.5s linear 1 forwards;
	-webkit-animation:faded 0.7s 1.5s linear 1 forwards;
	div{
			animation:imgfaded 1.5s 0.5s ease 1 forwards;
	-webkit-animation:imgfaded 1.5s 0.5s ease 1 forwards;
	}
}

/*HEADER*/
h1.toplogo{z-index:9992; width:240px; position:fixed; top:20px; left:15px; transition:0.6s;}
h1.toplogo.scrolled{width:120px; top:15px; mix-blend-mode:exclusion;}

/*TOPSLIDER*/
div.topslider{z-index:20; position:relative; width:100%; height:auto; margin:0 auto; padding:154px 0 42px;
	background:url("../_img/bg/bg.jpg") repeat; background-size:100px auto; background-attachment:fixed;
	div.sliderbox{z-index:22; position:relative; height:70vh; width:100%; margin:0 auto;
		ul#carousel{position:relative; overflow:hidden; width:100%; height:70vh; margin:0;
			li{display:block; width:100%; height:70vh; overflow:hidden; box-shadow:2px 3px 12px rgba(0,0,0,0.3);}
			li.bg01{background:url("../_img/slider/01sp.jpg") no-repeat top center; .bgsc();}
			li.bg02{background:url("../_img/slider/02.jpg") no-repeat top center; .bgsc();}
			li.bg03{background:url("../_img/slider/03sp.jpg") no-repeat top right; .bgsc();}
			li.bg04{background:url("../_img/slider/04.jpg") no-repeat top center; .bgsc();}
			li.add-animation{animation:zoomUp 4.2s linear 0s normal both;}
		}
	}
}

/*TOPTOPICS*/
div.toptopics{z-index:20; padding:42px 0 36px; position:relative; overflow:hidden;
	background:url("../_img/bg/bl.jpg") repeat; background-size:100px auto; background-attachment:fixed;
}
div.toptopics::after{
	z-index:-1;
	content:"";
	display:block;
	position:absolute;
	top:10%;
	left:0;
	width:100%;
	height:100%;
	opacity:0.1;
	background:url("../_img/logo.png") @ncc; background-size:contain;
}
ul#tplist{padding:0 0 54px 6%; margin:0;
	.slick-prev{bottom:0px; left:6%;}
	.slick-next{bottom:0px; left:calc(~"6% + 52px");}
	.slick-list{padding:0 7.5% 0 0!important;}
	li{
		a{display:block; padding:0 6% 0 0; .tdn();
			article{
				img{border-radius:12px; margin:0 0 15px; box-shadow:2px 3px 12px rgba(0,0,0,0.3); opacity:1;}
				section{
					h3{font-size:18px; margin:0 0 10px; .fb();}
					h3.wf{font-weight:normal;}
					h4{line-height:1.6; letter-spacing:-1px;}
				}
			}
		}
	}
}
.slick-prev,.slick-next{z-index:100; font-size:0; line-height:0; padding:0; width:36px; height:36px; position:absolute; display:block; cursor:pointer; color:transparent; border:none; outline:none; background:transparent;}
.slick-prev::before,.slick-next::before{position:relative; display:block; font-size:18px; line-height:36px; height:36px; width:36px; opacity:1; border-radius:50%; .trans(); box-shadow:2px 3px 12px rgba(0,0,0,0.3); }
.slick-prev::before{content:'←'; background:@grayLL; color:@mainD; .arrow();}
.slick-next::before{content:'→'; background:@grayLL; color:@mainD; .arrow();}
.slick-prev:hover::before{background:@mainD; color:@white;}
.slick-next:hover::before{background:@mainD; color:@white;}

/*TOPNEWS*/
div.topnews{z-index:20; position:relative; padding:48px 6% 54px;
	background:url("../_img/bg/wh.jpg") repeat; background-size:100px auto; background-attachment:fixed;
	h2{font-size:42px; margin:0 0 30px;
		background:linear-gradient(180deg, @mainD 50%, @white 100%);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
	}
	ul.newslist{
		li{width:100%; border-bottom:1px dashed @grayL;
			a{padding:12px 12px; display:block; position:relative;
				article{
					span{font-size:9px; color:@gray; display:block; margin:0 0 5px;}
					h3{line-height:1.5; .fb();}
				}
			}
			a:link{color:@mainD; .tdn();}
			a:visited{color:@mainD; .tdn();}
			a:hover{color:@mainL; .tdn(); background:rgba(0,0,0,0.1);}
			a:active{color:@mainD; .tdn();}
		}
		li:first-child{border-top:1px dashed @grayL;}
	}
}

/*TOPLOCATION*/
div.toplocation{z-index:19; padding:48px 0 36px; position:relative; overflow:hidden;
	background:url("../_img/bg/bg.jpg") repeat; background-size:100px auto; background-attachment:fixed;
	h2{font-size:42px; margin:0 0 30px; padding:0 4%;
		background:linear-gradient(180deg, @white 50%, @mainD 100%);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
	}
	ul.shoplist{padding:0 4%;
		display:flex;
		flex-flow:row wrap; 
		justify-content:space-between;
		align-items:flex-start;
		li{width:48%; margin:0 0 30px;
			a{display:block; position:relative;}
			a:link{color:@white; .tdn();}
			a:visited{color:@white; .tdn();}
			a:hover{color:@grayL; .tdn();}
			a:active{color:@white; .tdn();}
			article{
				h3{margin:0 0 5px; .tac();
					span{position:relative;
						background:linear-gradient(180deg, @white 66%, @mainD 100%);
						-webkit-background-clip:text;
						-webkit-text-fill-color:transparent;
					}
				}
				h4{font-size:10px; letter-spacing:-1px; line-height:1.4; .tac();
					span{position:relative;}
				}
				img{margin:0 0 12px; border-radius:6px; box-shadow:2px 3px 12px rgba(0,0,0,0.3); opacity:1;}
			}
		}
	}
}

/*TOPMOV*/
div.topmov{z-index:18; position:relative; overflow:hidden; width:100%; height:calc(~"100vh - 60px"); margin:0 auto; .trans(); opacity:0;
	background:url("../_img/bg/bg.jpg") repeat; background-size:100px auto; background-attachment:fixed;
	div.movbox{position:relative; width:100%!important; height:calc(~"100vh - 60px"); margin:0 auto; overflow:hidden;
		video{z-index:-1; position:fixed;
			top:50%;
			left:20%;
			transform:translate(-50%, -50%);
			width:350%;
		}
	}
}
div.topmov.inview{opacity:1;}

/*TOPCGM*/
div.topcgm{z-index:20; position:relative; padding:90px 4% 20px;
	background:url("../_img/bg/bg.jpg") repeat; background-size:100px auto; background-attachment:fixed;
	article{position:relative;
		h2{margin:0 0 20px;
			display:flex;
			flex-flow:row nowrap; 
			justify-content:center;
			align-items:center;
			img{width:20px; vertical-align:middle;}
			span{padding-left:0.5em; line-height:1; font-size:24px; vertical-align:middle;}
		}
		p{line-height:1.5; font-size:12px; margin:0; .tac();}
	}
}
div.ecbn-selection-preview div.ecbn-selection-preview-wrapper {
	top:4%!important;
	transform:none;
}
ul.ecbn-selection-page-tabs{display:none;}

/*PAGE*/
section.pagettl{position:relative; padding:150px 0 9%;
	background:url("../_img/bg/bg.jpg") repeat; background-size:100px auto; background-attachment:fixed;
	h2{font-size:42px; padding:0 4%;
		background:linear-gradient(180deg, @white 50%, @mainD 100%);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
	}
}
div.pagepx{z-index:1; position:relative; overflow:hidden; width:100%; height:200px; margin:0 0 9%;
	div.mask{z-index:2; position:absolute; top:0; left:0; width:100%; height:200px; background:rgba(0,0,0,0.3); display:block;}
}
.about div.pagepx{background:url("../_img/bg/page_about.jpg") no-repeat 50% 66%; .bgsc();}
.founder div.pagepx{background:url("../_img/bg/page_founder.jpg") no-repeat top center; .bgsc();}
.menu div.pagepx{background:url("../_img/bg/page_menu.jpg") no-repeat center center; .bgsc();}
.giftcard div.pagepx{background:url("../_img/bg/page_gift.jpg") no-repeat center center; .bgsc();}
.takeout div.pagepx{background:url("../_img/top/03.jpg") no-repeat center center; .bgsc();}

/*ABOUT*/
.en{
	div.pagebody{
		article.pagebox{
			div.ttlbox{
				h3.wedttl{letter-spacing:0;}
			}
		}
	}
}
div.pagebody{
	article.shopbox{margin:0 auto!important;}
	article.pagebox{margin:0 0 15%;
		div.ttlbox{margin:0 0 6%;
			h3.subttl{font-size:20px;}
			h3.jattl{font-size:16px;}
			h3.longttl{line-height:1.6;}
			h3.wedttl{font-size:17px; letter-spacing:2px; padding:0 0 12px; border-bottom:1px solid @grayL; .tac();}
			h3:nth-child(2){margin:3% 0 0;}
		}
		section{margin:0 0 9%;}
		section.pagettl{padding:0; margin:0 0 6%;
			h2{font-size:42px; padding:0;}
		}
		section.linkbtn{margin:0 auto 9%; font-size:15px;
			a{display:block; padding:12px 0 14px; background:@white; border-radius:40px; text-box-trim:trim-both; .tac(); .fb();}
			a:link{color:@mainD; .tdn();}
			a:visited{color:@mainD; .tdn();}
			a:hover{color:@white; .tdn(); background:@mainL;}
			a:active{color:@mainD; .tdn();}
		}
		section.menubox{
			div.menupdf{
				ul{
					li{border-bottom:1px dashed @gray; margin:0 0 6%;
						h3{position:relative; font-size:15px; .fb(); background:@main; padding:10px 10px 12px; margin:0 0 4%;
							span{font-size:11px; position:absolute; right:10px;}
						}
						div.pdflink{
							display:flex;
							flex-flow:row wrap; 
							justify-content:space-between;
							align-items:flex-start;
							a{width:48.5%; margin:0 0 4%; padding:12px 0 14px; background:@white; border-radius:5px; text-box-trim:trim-both; .tac(); .wf();
								span{font-size:9px;}
							}
							a.btnex{padding:2.7px 0 3.6px;
								span{transform:scale(0.75); line-height:1.2;}
							}
							a:link{color:@mainD; .tdn();}
							a:visited{color:@mainD; .tdn();}
							a:hover{color:@white; .tdn(); background:@mainL;}
							a:active{color:@mainD; .tdn();}
						}
					}
				}
			}
		}
		ul.ggvrbn{
			li{margin:0 0 6%; 
				a{background:@mainL; border-radius:12px; .tdn();
					display:flex;
					flex-flow:row nowrap; 
					justify-content:space-between;
					align-items:center;
					img{width:50%; border-radius:12px 0 0 12px;}
					div{width:50%; padding:0 0 0 4%;
						span{font-size:11px;}
						h4{font-size:13px; line-height:1.8;}
					}
				}
			}
		}
		div.postbody{
			img{margin:0 0 6%;}
			img:last-child{margin:0;}
			div.imgrow{margin:0 0 6%;
				display:flex;
				flex-flow:row nowrap; 
				justify-content:space-between;
				align-items:flex-start;
				img{width:50%; margin:0;}
			}
			p{font-size:14px; line-height:1.6;}
			p.linktxt{margin:0 0 6%;}
			div.partner{margin:0 auto; font-size:15px;
				a{display:block; padding:12px 0 14px; background:@white; border-radius:40px; text-box-trim:trim-both; .tac(); .fb();}
				a:link{color:@mainD; .tdn();}
				a:visited{color:@mainD; .tdn();}
				a:hover{color:@white; .tdn(); background:@mainL;}
				a:active{color:@mainD; .tdn();}
			}
			table.shoptable{background:url("../_img/bg/bg.jpg") repeat; background-size:100px auto; background-attachment:fixed;
				font-size:14px; line-height:1.6; margin:0 0 6%; width:100%; border-top:1px solid @gray;
				tr{width:100%; border-bottom:1px solid @gray;
					th{display:block; width:100%; text-align:left; padding:10px 0 0; letter-spacing:1px; white-space:nowrap; .fb(); color:@gold;}
					td{display:block; width:100%; padding:5px 0 10px;
						a:link{color:@white;}
						a:visited{color:@white;}
						a:hover{color:@white;}
						a:active{color:@white;}
					}
				}
			}
			div.founderbox{background:url("../_img/bg/bl.jpg") repeat; background-size:100px auto; background-attachment:fixed;
				margin:0 0 6%; padding:4%; border-radius:12px;
				h4{font-size:15px; line-height:1.6; margin:0 0 3%; .fb(); .tac();}
			}
		}
		div.wedbody{
			div.video_box{margin:0 0 6%;}
			>p{margin:0 0 6%; .tac();}
			>img{width:66%; display:block; margin:0 auto 6%!important;}
		}
		div.giftbn{
			a{display:block;
				img{border-radius:12px;}
			}
		}
		div.giftbox{background:url("../_img/bg/giftbg.jpg") @ncc; .bgsc(); margin:0 auto 6%; padding:20px;
			img{display:block; max-width:250px; margin:0 auto 4%; border-radius:7px;}
			h4{font-size:18px; text-shadow:1px 1px 1px @black; margin:0 auto 4%; .tac();}
		}
		div.newgift{
			img{display:block; max-width:250px; margin:0 auto 4%; border-radius:7px;}
			div.giftbtnbox{width:88%; margin:0 auto; border:1px dashed @grayL; padding:10px; border-radius:10px; .tac();
				div.giftbtn{font-size:15px;
					a{display:block; background:@grayLL; padding:15px 0; border-radius:12px;}
					a:link{color:@black; .tdn;}
					a:visited{color:@black; .tdn;}
					a:hover{color:@white; .tdn; background:@mainL;}
					a:active{color:@black; .tdn;}
				}
			}
		}
		div.faqlist{
			div.faqbox{color:@black; padding:15px; margin:0 0 4%; border-radius:6px;
				background:url("../_img/bg/wh.jpg") repeat; background-size:100px auto; background-attachment:fixed;
				span.cap{line-height:1.6; display:block; color:@mainLL; text-shadow:1px 1px 1px @white; font-size:200%; .ct(); .fb();}
				p{font-size:14px; line-height:1.6;}
			}
		}
		div.kiyakubox{height:300px; overflow:hidden; overflow-y:scroll; border:1px solid @grayD; padding:15px;
			background:url("../_img/bg/bg.jpg") repeat; background-size:100px auto; background-attachment:fixed;
			p{margin:0 0 15px;}
		}
		div.delishop{margin:0 0 9%;
			h3{font-size:18px; background:@main; padding:15px 15px 18px; .fb();}
			div.taxibox{width:100%; margin:0; padding:6%; color:@black;
				background:url("../_img/bg/wh.jpg") repeat; background-size:100px auto; background-attachment:fixed;
				h4{font-size:16px; border-bottom:1px dashed @gray; padding:0 0 10px; margin:0 0 4%; .fb();}
				>img{margin:0 auto 6%; display:block;}
				>p{line-height:1.7; font-size:14px;}
				>p.notes{font-size:11px; margin:4% 0 0;}
				ul{display:flex; margin:6% auto 0;
					flex-flow:row nowrap; 
					justify-content:space-between;
					align-items:flex-start;
					li{width:48%;
						a{display:block;
							img{border-radius:6px;}
						}
					}
				}
			}
			table.apptable{width:100%; margin:0 0 3%;
				tr{width:100%;
					background:url("../_img/bg/wh.jpg") repeat; background-size:100px auto; background-attachment:fixed;
					th{font-size:16px; padding:10px; background:@main; color:@white; white-space:nowrap; width:100%; display:block; .tac(); .fb();}
					td{padding:10px 5px; .tac();  width:100%; display:block;
						a{width:15%; margin:0 auto; padding:0; .tac(); .inline();
							img{width:100%; margin:0; padding:0; border:1px solid #ddd; border-radius:6px; vertical-align:middle;}
						}
					}
				}
			}
		}
	}
}
/*NEWSLIST*/
div.pagebody{
	ul.newslist{margin:0 0 9%;
		li{width:100%; border-bottom:1px dashed @grayL;
			a{padding:4%; display:block; position:relative;
				article{
					display:flex;
					flex-flow:row nowrap; 
					justify-content:space-between;
					align-items:flex-start;
					section:first-child{width:34%;}
					section:last-child{width:60%;}
					span{font-size:9px; color:@gray; display:block; margin:0 0 5px;}
					h3{line-height:1.5; .fb();}
				}
			}
			a:link{color:@white; .tdn();}
			a:visited{color:@white; .tdn();}
			a:hover{color:@white; .tdn(); background:rgba(255,255,255,0.2);}
			a:active{color:@white; .tdn();}
		}
		li:first-child{border-top:1px dashed @grayL;}
	}
	div.pagenation{margin:0 0 15%;
		a div{display:block; padding:12px 20px; background:@white; border-radius:40px; .trans();}
		a div:hover{background:@mainL;}
		div.next{float:right;}
		div.prev{float:left;}
		a:link{color:@black; .tdn();}
		a:visited{color:@black; .tdn();}
		a:hover{color:@white; .tdn();}
		a:active{color:@black; .tdn();}
	}
}

/*NEWS SINGLE*/
div.pagebody{
	article.newssg{
		div.postdate{display:block; margin:0 0 5px; color:@gray;}
		h3{font-size:18px; line-height:1.5; padding:0 0 15px; border-bottom:1px solid @gray; .fb();}
		div.postbody{line-height:1.7; margin:0 0 6%; padding:15px 0 0; border-bottom:1px solid @gray;
			p{margin-bottom:6%; word-wrap:break-word;
				>img{margin-bottom:0;}
			}
			h4{font-size:15px; margin-bottom:3%; .fb();}
			h5{font-size:14px; .fb();}
			div.specialpost{
				img.width50{width:80%; display:block; margin:0 auto 6%;}
				h4{background:@mainL; color:@white; padding:10px;}
				.bgbox{background:#222; padding:10px 10px 5px; margin:0 auto 6%;}
			}
		}
	}
	div.backbtn{width:50%; margin:0 auto 15%;
		a{display:block; padding:12px 0 14px; background:@white; border-radius:40px; text-box-trim:trim-both; .tac(); .fb(); }
		a:hover{background:@mainL;}
		a:link{color:@black; .tdn();}
		a:visited{color:@black; .tdn();}
		a:hover{color:@white; .tdn();}
		a:active{color:@black; .tdn();}
	}
}

/*FOOTER*/
footer{z-index:33; position:relative; width:100%; padding:42px 6% 102px;
	background:url("../_img/bg/bk.jpg") repeat; background-size:100px auto;
	ul{width:88%; margin:0 auto 24px;
		display:flex;
		flex-flow:row nowrap; 
		justify-content:space-between;
		align-items:center;
		li{width:45%; margin:0;}
	}
	p{font-size:10px; .tac();}
}

/*** BN ***/
div.reservebn{z-index:30; position:fixed; right:2%; bottom:3%; width:100px; cursor:pointer; .trans();
	p{position:absolute; z-index:32; display:block; line-height:1.4; font-size:11px; .tac(); .fb(); top:50%; left:50%; transform:translate(-50%,-50%); white-space:nowrap; color:@white;}
	div.bg{z-index:31; animation:rotation 27s linear infinite; box-shadow:2px 3px 12px rgba(0,0,0,0.4); border-radius:50%;}
}
div.reservebn:hover{opacity:0.7;}
div.reserve{z-index:34; position:fixed; bottom:4%; right:4%; visibility:hidden; display:none; opacity:0; border-radius:12px;
	background:url("../_img/bg/wh.jpg") repeat; background-size:100px auto; box-shadow:2px 3px 12px rgba(0,0,0,0.3); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
	transition:opacity 0.5s ease, visibility 0.5s ease;
	div.closebtn{color:@mainD; cursor:pointer; padding:15px 30px 0 30px; width:fit-content; font-size:24px; .trans();}
	div.closebtn:hover{opacity:0.6;}
	ul{padding:15px 30px 30px;
		li{margin:0 0 18px;
			a{.inline(); .tdn(); .fb(); position:relative; font-size:13px;}
			a:link{color:@mainD; .tdn();}
			a:visited{color:@mainD; .tdn();}
			a:hover{color:@main; .tdn();}
			a:active{color:@mainD; .tdn();}
		}
		li:last-child{margin:0;}
	}
}
div.reserve.show{visibility:visible; display:block; opacity:0.95;}
/************************ MAP ************************/
.ggmap{position:relative; height:0; overflow:hidden; padding-bottom:75%;}
.ggmap iframe, .ggmap object, .ggmap embed{position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
/****************************************************/
/************************ PC ************************/
/****************************************************/
@media(min-width:768px){
html,body{min-width:1180px;}
div.container{width:1180px; padding:0 30px;}
.sp{display:none;}
/*HEADER*/
h1.toplogo{width:400px; top:60px; left:4%;}
h1.toplogo.scrolled{width:200px; top:24px; mix-blend-mode:exclusion;}
header.scrolled{padding:18px calc(~"4% - 20px") 0 0;
	nav{background:rgba(0,0,0,0.5); border-radius:12px; -webkit-backdrop-filter:blur(30px); backdrop-filter:blur(30px);}
}
header{z-index:9990; width:fit-content; position:fixed; top:0; right:0; padding:60px calc(~"4% - 20px") 0 0; transition:0.6s;
	nav{width:fit-content; position:relative; font-size:15px; padding:15px 20px;
		ul.subnav{width:fit-content; position:relative; margin:15px 0 0 auto;
			display:flex;
			flex-flow:row nowrap; 
			justify-content:flex-end;
			align-items:center;
			li.dropdown{width:22px; margin:0 0 0 20px; position:relative; cursor:pointer;
				span{.trans();}
				span.hovered{opacity:0.6;}
			}
			li.dropdown:hover span{opacity:0.6;}
			li.navitem{width:22px; margin:0 0 0 20px;}
			li.navitem:nth-child(3){width:25px;}
			li.langnav{margin:0 0 0 20px;
				a{font-size:13px; background:@white; padding:4px 12px; border-radius:2px;}
				a:link{color:@main; .tdn();}
				a:visited{color:@main; .tdn();}
				a:hover{color:@white; .tdn(); background:@main;}
				a:active{color:@main; .tdn();}
			}
		}
		ul.mainnav{width:fit-content; position:relative;
			display:flex;
			flex-flow:row nowrap; 
			justify-content:flex-end;
			align-items:flex-start;
			li.dropdown{margin:0 0 0 20px; position:relative; cursor:pointer;
				span{.trans();}
				span.hovered{color:@gray;}
			}
			li.dropdown:hover span{color:@gray;}
			li.navitem{margin:0 0 0 20px;
				a{position:relative;}
				a:link{color:@white; .tdn();}
				a:visited{color:@white; .tdn();}
				a:hover{color:@grayL; .tdn();}
				a:active{color:@white; .tdn();}
				a::after {
					content:'';
					position:absolute;
					bottom:-4px;
					left:0;
					height:1px;
					background:@grayL;
					transition:.3s;
					width:0;
					opacity:0;
				}
				a:hover::after {
					width:100%;
					opacity:1;
				}
			}
			li:first-child{margin:0;}
		}
	}
}
/*DROPDOWN*/
div#dd01{top:100px; right:300px;}
div#dd02{top:100px; right:150px;}
div#dd03{top:134px; right:100px;}
div#dd01.scrolled{top:64px;}
div#dd02.scrolled{top:64px;}
div#dd03.scrolled{top:94px;}
div.dd{z-index:9991; opacity:0; visibility:hidden; position:fixed; border-radius:12px; display:block; .trans();
	background:url("../_img/bg/bk.jpg") repeat; background-size:100px auto; box-shadow:2px 3px 12px rgba(0,0,0,0.3);
	ul{padding:30px; width:fit-content;
		li{margin:0 0 24px;
			a{.inline(); .tdn(); .fb(); position:relative; font-size:13px;}
			a:link{color:@white; .tdn();}
			a:visited{color:@white; .tdn();}
			a:hover{color:@grayL; .tdn();}
			a:active{color:@white; .tdn();}
			a::after {
				content:'';
				position:absolute;
				bottom:-4px;
				left:0;
				height:1px;
				background:@grayL;
				transition:.3s;
				width:0;
				opacity:0;
			}
			a:hover::after {
				width:100%;
				opacity:1;
			}
		}
		li:last-child{margin:0;}
	}
}
div.dd.show{opacity:0.9; visibility:visible;}
div.dd:hover{opacity:0.9; visibility:visible;}

/*TOPSLIDER*/
div.topslider{padding:280px 0 90px;
	div.sliderbox{width:96%; height:120vh;
		ul#carousel{height:120vh; border-radius:10px;
			li{height:120vh; border-radius:10px;}
			li.bg01{background:url("../_img/slider/01.jpg") no-repeat top center; .bgsc();}
			li.bg03{background:url("../_img/slider/03.jpg") no-repeat top center; .bgsc();}
		}
	}
}

/*TOPTOPICS*/
div.toptopics{padding:90px 0 42px;}
div.toptopics::after{
	top:0;
	background:url("../_img/logo.png") @ncc; background-attachment:fixed; background-size:contain;
}
ul#tplist{padding:0 0 72px;
	.slick-prev{left:3%;}
	.slick-next{left:calc(~"3% + 68px");}
	.slick-list{padding:0!important;}
	li{
		a{padding:0 6%;
			article{
				img{margin:0 0 20px;}
				section{padding:0 3%;
					h3{font-size:22px; margin:0 0 15px;}
					h4{font-size:15px;}
				}
			}
		}
		a:hover{opacity:0.7;}
	}
}
.slick-prev,.slick-next{width:48px; height:48px;}
.slick-prev::before,.slick-next::before{font-size:22px; line-height:48px; height:48px; width:48px;}

/*TOPLOCATION*/
div.toplocation{padding:90px 0;
	h2{font-size:64px; margin:0 0 60px;}
	ul.shoplist{
		li{width:32%; margin:0 0 60px; .trans();
			a h3 span::after,
			a h4 span::after{
				content:'';
				position:absolute;
				bottom:-4px;
				left:0;
				height:1px;
				background:@grayL;
				transition:.3s;
				width:0;
				opacity:0;
			}
			a h4 span::after{
				transition:.5s;
			}
			a:hover h3 span::after,
			a:hover h4 span::after{
				width:100%;
				opacity:1;
			}
			article{
				h3{font-size:22px; margin:0 0 12px;}
				h4{font-size:14px; line-height:1;}
				img{margin:0 0 20px;}
			}
		}
	}
	ul:hover li a:not(:hover){opacity:0.5; filter:brightness(80%) contrast(130%) saturate(20%);}
}

/*TOPNEWS*/
div.topnews{padding:72px 6%;
	display:flex;
	flex-flow:row nowrap; 
	justify-content:flex-start;
	align-items:flex-start;
	h2{font-size:64px; flex-grow:1; width:fit-content;}
	ul.newslist{flex-grow:3;
		li{
			a{padding:18px 24px;
				article{
					span{font-size:10px;}
				}
			}
		}
	}
}

/*TOPMOV*/
div.topmov{height:100vh;
	div.movbox{height:100vh;
		video{
			top:50%;
			left:50%;
			transform:translate(-50%, -50%);
			object-fit:cover;
			width:auto;
			min-height:100%;
			min-width:100vw;
		}
	}
}

/*TOPCGM*/
div.topcgm{padding:90px 4% 60px;
	article{
		h2{margin:0 0 24px;
			img{width:30px;}
			span{font-size:32px;}
		}
		p{line-height:1.7; font-size:14px;}
	}
}

/*PAGE*/
section.pagettl{padding:300px 0 90px;
	h2{font-size:64px;}
}
div.pagepx{height:400px; margin:0 0 90px;
	div.mask{height:400px;}
}

/*ABOUT*/
div.pagebody{
	article.pagebox{width:880px; margin:0 auto 150px;
		div.ttlbox{margin:0 0 42px;
			h3.subttl{font-size:30px;}
			h3.jattl{font-size:24px; letter-spacing:2px;}
			h3.wedttl{font-size:26px; letter-spacing:2px; padding:0 0 20px;}
			h3:nth-child(2){margin:15px 0 0;}
		}
		section{margin:0 0 90px;}
		section.pagettl{margin:0 0 42px;
			h2{font-size:64px;}
		}
		section.linkbtn{width:60%; margin:0 auto 60px; font-size:18px;
			a{padding:15px 0 18px;}
		}
		section.menubox{
			div.menupdf{
				ul{
					li{margin:0 0 42px;
						h3{font-size:18px; padding:15px 15px 18px; margin:0 0 20px; letter-spacing:1px;
							span{font-size:13px; right:15px; letter-spacing:0px;}
						}
						div.pdflink{
							display:flex;
							flex-flow:row wrap; 
							justify-content:flex-start;
							align-items:flex-start;
							a{width:32%; margin:0 2% 20px 0; padding:12px 0 14px; border-radius:6px; font-size:17px;
								span{font-size:13px;}
							}
							a:nth-child(3n){margin:0 0 20px 0;}
						}
					}
				}
			}
		}
		ul.ggvrbn{
			display:flex;
			flex-flow:row wrap; 
			justify-content:space-between;
			align-items:flex-start;
			li{width:48.5%; margin:0; 
				a{border-radius:12px;
					display:block;
					img{width:100%; border-radius:12px 12px 0 0;}
					div{width:100%; padding:20px 0 15px; .tac();
						span{font-size:13px;}
						h4{font-size:18px; letter-spacing:0.5px; line-height:2;}
					}
				}
			}
			li:nth-child(3){margin:3% auto 0;}
		}
		div.postbody{
			img{margin:0 0 30px;}
			div.imgrow{margin:0 0 30px;
				img{margin:0;}
			}
			p{font-size:16px; line-height:1.7;}
			p.linktxt{margin:0 0 30px;}
			div.partner{width:50%; margin:0 auto; font-size:16px;}
			table.shoptable{font-size:16px; margin:0 0 30px;
				tr{
					th{padding:18px; width:auto; display:table-cell; text-align:right;}
					td{padding:18px; width:auto; display:table-cell;}
					th{letter-spacing:1px; .fb();}
					td{}
				}
			}
			div.founderbox{
				margin:0 0 60px; padding:42px;
				h4{font-size:18px; line-height:1.7; margin:0 0 3%;}
			}
		}
		div.wedbody{
			div.video_box{margin:0 0 30px;}
			>p{margin:0 0 30px; .tac();}
			>img{width:60%; display:block; margin:0 auto 30px!important;}
		}
		div.giftbox{margin:0 auto 30px; padding:42px 0;
			img{max-width:280px; margin:0 auto 30px;}
			h4{font-size:23px; margin:0;}
		}
		div.newgift{
			img{max-width:280px; margin:0 auto 30px;}
			div.giftbtnbox{width:66%;
				div.giftbtn{font-size:18px;
					a{padding:20px;}
				}
			}
		}
		div.faqlist{padding:24px;
			background:url("../_img/bg/bl.jpg") repeat; background-size:100px auto; background-attachment:fixed;
			div.faqbox{padding:24px; margin:0 0 24px;}
			div.faqbox:last-child{margin:0;}
		}
		div.kiyakubox{height:400px; padding:24px;}
		div.delishop{margin:0 0 90px;
			h3{font-size:24px; padding:24px 24px 28px;}
			div.taxibox{padding:42px;
				h4{font-size:20px; border-bottom:1px dashed @gray; padding:0 0 10px; margin:0 0 30px; .fb();}
				>img{width:80%; margin:0 auto 30px; display:block;}
				>img:last-child{margin:0 auto;}
				>p{font-size:16px;}
				>p.notes{font-size:12px; margin:30px 0 0;}
				ul{margin:30px auto 0;}
			}
			table.apptable{margin:0 0 15px;
				tr{
					th{font-size:20px; padding:24px;}
					td{padding:15px;}
				}
			}
		}
		div.founderbn{width:74%; margin:0 auto;}
	}
}
/*NEWSLIST*/
div.pagebody{
	ul.newslist{margin:0 0 90px;
		display:flex;
		flex-flow:row wrap; 
		justify-content:space-between;
		align-items:stretch;
		li{width:48%;
			a{padding:4%;
				article{
					align-items:stretch;
					span{font-size:12px;}
					h3{font-size:15px;}
				}
			}
		}
		li:nth-child(2){border-top:1px dashed @grayL;}
	}
	div.pagenation{margin:0 0 120px; font-size:16px;
		a div{padding:12px 20px; border-radius:64px;}
	}
}

/*NEWS SINGLE*/
div.pagebody{
	article.newssg{width:800px; margin:0 auto;
		div.postdate{font-size:14px;}
		h3{font-size:26px; padding:0 0 20px;}
		div.postbody{line-height:1.7; margin:0 0 60px; padding:20px 0 60px;
			p{font-size:16px; margin-bottom:24px;}
			h4{font-size:20px; margin-bottom:15px;}
			h5{font-size:18px;}
			.size-thumbnail{width:320px; height:auto;}
			.size-medium{width:320px; height:auto;}
			.size-large{width:600px; height:auto;}
			.aligncenter{clear:both; display:block; overflow:hidden; margin:0 auto 24px;}
			.alignleft{float:left; margin:0 24px 24px 0; .inline();}
			.alignright{float:right; margin:0 0 24px 24px; .inline();}
			img.alignleft + br{display:none;}
			img.alignright + br{display:none;}
			div.specialpost{
				img.width50{width:50%;}
				h4{font-size:154%; padding:15px;}
				h5{font-size:132%;}
				.bgbox{padding:15px 15px 5px; margin:0 auto 20px;}
			}
		}
	}
	div.backbtn{width:33%; margin:0 auto 120px; font-size:16px;
		a{padding:12px 0 14px; border-radius:64px;}
	}
}

/*FOOTER*/
footer{padding:54px 6%;
	ul{width:500px; margin:0 auto 36px;
		li{width:40%; margin:0;}
	}
	p{font-size:12px; .tac();}
}

/*** BN ***/
div.reservebn{width:160px;
	p{font-size:16px;}
}
.en{
	div.reservebn{width:160px;
		p{font-size:14px; line-height:1.2;}
	}
}
div.reserve{
	ul{
		li{
			a::after{
				content:'';
				position:absolute;
				bottom:-4px;
				left:0;
				height:1px;
				background:@main;
				transition:.3s;
				width:0;
				opacity:0;
			}
			a:hover::after{
				width:100%;
				opacity:1;
			}
		}
	}
}
.ggmap{padding-bottom:33%;}
}
/************************ SP ************************/
@media (max-width:767px){
.pc{display:none;}
.spmb{margin-bottom:6%;}
/*HEADER*/
header{z-index:20004; width:fit-content; position:fixed; top:0; right:15px;
	div.langnav{margin:0;
		a{display:block; font-size:11px; padding:8px 12px; border-radius:0 0 4px 4px; box-shadow:2px 3px 12px rgba(0,0,0,0.3); background:@white; color:@main; .tdn();}
	}
}
div.spnavbar{z-index:20000; position:fixed; left:0; bottom:0; width:100%; height:60px;
	background:@mainD; box-shadow:-2px -3px 12px rgba(0,0,0,0.3);
	ul{width:calc(~"100% - 60px");
		height:60px;
		display:flex;
		flex-flow:row nowrap;
		li{height:60px; width:50%; .tac(); display:flex;
			a:link{color:@white; .tdn();}
			a:visited{color:@white; .tdn();}
			a:hover{color:@white; .tdn();}
			a:active{color:@white; .tdn();}
			a,div.reservesp{width:100%; height:100%; cursor:pointer;
				display:flex;
				flex-direction:column;
				justify-content:center;
				align-items:center;
			}
			span{display:block; font-size:10px;}
			span:nth-child(2){margin:5px 0 0;}
			span.wf{font-size:12px;}
		}
		li{border-left:1px solid @gray;}
		li:first-child{border:none;}
	}
}
div.reserve{z-index:20001; bottom:12px; right:72px;
	div.closebtn{padding:15px 20px 0 20px;}
	ul{padding:15px 20px 30px;
		li{margin:0 0 15px;
			a{font-size:11px;}
		}
		li:last-child{margin:0;}
	}
}

/************************ SP NAV ************************/
button.spmenu{z-index:20002; position:fixed; height:60px; width:60px; padding:21px 17px; bottom:0; right:0; background-color:transparent; background:@gold; border:none; cursor:pointer; outline:none; appearance:none;
	div{z-index:20003; position:relative; height:7px; width:26px; 
		span{z-index:20004; position:absolute; left:0; width:100%; height:1px; border-radius:2px; background:@white; .inline(); .trans();}
		span:nth-of-type(1){top:0px;}
		span:nth-of-type(2){bottom:0px;}
	}
}
button.spmenu.active{background:@mainL;
	div{
		span{background:@white;}
		span:nth-of-type(1){-webkit-transform:translateY(3px) rotate(45deg); transform:translateY(3px) rotate(45deg);}
		span:nth-of-type(2){-webkit-transform:translateY(-3px) rotate(-45deg); transform:translateY(-3px) rotate(-45deg);}
	}
}
div#spnav{z-index:20001; position:fixed; top:0; right:0; width:100%; height:100vh; opacity:0; visibility:hidden; background:rgba(0,0,0,0.8); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); .trans();
	overflow-y:auto; overscroll-behavior:none;
	nav{position:relative; padding:0 0 120px;}
	ul.mainnav{padding:24px 0 12px; margin:0 0 15px; border-bottom:1px dashed @gray;
		li{font-size:18px; .tac();
			a{display:block; padding:12px 0;}
			a:link{color:@white; .tdn();}
			a:visited{color:@white; .tdn();}
			a:hover{color:@gold; .tdn();}
			a:active{color:@white; .tdn();}
		}
		li:first-child{width:100%;}
	}
	div.shopnav{margin:0 0 15px; border-bottom:1px dashed @gray;
		p{font-size:14px; margin:0 0 12px; color:@gold; .tac();}
		ul{padding:0 0 12px;
			display:flex;
			flex-flow:row wrap; 
			justify-content:space-between;
			align-items:flex-start;
			li{width:32%; font-size:11px; .tac();
				a{display:block; padding:10px 0;}
				a:link{color:@white; .tdn();}
				a:visited{color:@white; .tdn();}
				a:hover{color:@gold; .tdn();}
				a:active{color:@white; .tdn();}
			}
			li:first-child{width:100%;}
		}
		ul.not100{
			li:first-child{width:32%;}
		}
	}
	div.snsnav{margin:24px 0 0;
		ul{width:fit-content; margin:0 auto;
			display:flex;
			flex-flow:row nowrap; 
			justify-content:space-between;
			align-items:center;
			li{width:32px;}
			li:last-child{width:38px; margin:0 0 0 30px;}
		}
	}
}
div#spnav.active{opacity:1; -moz-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); visibility:visible;}

}
/************************ ANIM ************************/
@keyframes faded{
	  0%{opacity:1; display:block;}
	 99%{opacity:0; display:block;}
	100%{opacity:0; display:none;}
}
@keyframes imgfaded{
	0%{transform:scale(1,1); filter:blur(0px); opacity:1;}
	99%{transform:scale(1.2,1.2); filter:blur(30px); opacity:1;}
	100%{transform:scale(1.25,1.25); filter:blur(35px); opacity:0;}
}
@keyframes fadeIn{
	  0%{opacity:0; transform:translate(0,12px);}
	100%{opacity:1; transform:translate(0,0px);}
}
@keyframes zoomUp{
	  0%{transform:scale(1);}
	100%{transform:scale(1.1);}
}
@keyframes hscroll{
	0%{transform:translateX(4px);}
	100%{transform:translateX(-100%);}
}
@keyframes hscrollrev{
	0%{transform:translateX(-100%);}
	100%{transform:translateX(4%);}
}
@keyframes rotation{
	  0%{transform:rotate(360deg);}
	100%{transform:rotate(0);}
}
/************************ VIDEO ************************/
div.video_box{position:relative; overflow:hidden; padding-bottom:56.25%; height:0;}
div.video_box iframe,div.video_box object,div.video_box embed{position:absolute; top:0; left:0; width:100%; height:100%}
/*-----------------------------------------------------
 6px = 46.1%    7px = 53.8%    8px = 61.5%    9px = 69.2%
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/