html {
	background-size: 100vw auto;
	background-attachment: fixed;
	position: relative;
	color: #600;

}

body * {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;

}

body, input, textarea {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;

}

.f10 {font-size:0.625rem;} .f11{font-size:0.6875rem;} .f12{font-size:0.75rem;} .f13{font-size:0.8125rem;} .f14{font-size:0.875rem;} .f15{font-size:0.9375rem;} .f16{font-size:1rem;} .f18{font-size:1.125rem;} .f20{font-size:1.25rem;} .f22{font-size:1.375rem;} .f24{font-size:1.5rem;} .f26{font-size:1.625rem;} .f28{font-size:1.75rem;} .f30{font-size:1.875rem;} .f32{font-size:2rem;} .f36{font-size:2.25rem;} .f48{font-size:3rem;}


a {
	text-decoration: none !important;
	color: inherit !important;
}

p, h1, h2, h3, h4, h5, h6 {
	line-height: 1.75;
	color: #600;
}

em, strong {
	font-weight: normal;
	font-style: normal;
	color: inherit;
}

i {
	margin-right: .5em !important;
}

.uk-text-bold {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.underline {
	text-decoration: underline !important;
}

.monospaced {
	font-family: 'Questrial', sans-serif;
}

.subtitle {
	display: block;
	margin-bottom: .5em;
	font-size: .8em;
}

.marker {
	padding: 0 .5em;
	background: #ffff99;
	font-weight: bold;
}

.btn-back {
}

.annotation p {
	display: inline-block;
	vertical-align: middle;
}

.annotation img {
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	margin: 0 .5vw;
	vertical-align: middle;
}

.annotation p em {
	margin-right: .25em;
	font-size: 1.25em;
	font-weight: bold;
	color: #CC0000;
}
@media screen and (max-width:640px) {
	.annotation p {
		font-size: .8125rem;
	}
}

.noborder {
	border: none !important;
}


/* header nav-bar */

#nav-bar {
	max-height: 80px;
	background: linear-gradient(45deg,rgba(5,145,105,.9),rgba(5,170,120,.9));
}

.nav-bar-each-inner {
	font-size: 1rem !important;
}

#nav-bar a {
	color:rgba(255, 255, 255, 0.9) !important;
}

#nav-bar a:hover {
	color:rgba(255, 255, 255, 0.6) !important;
}

.uk-navbar-toggle {
	color:rgba(255, 255, 255, 0.9) !important;

}

.nav-bar-each-inner .padding-small {
	padding: 0 5px !important;
}

.nav-bar-logo img {
	min-width: 100px;
	margin: 0 1rem;
}

@media screen and (max-width:640px) {
	#nav-bar a {
		height: 60px;
		min-height: auto;
	}
	#header-inner {
		padding-bottom: 70px;
	}
	#nav-main li.btn-venue {
		padding: 0 10px;

	}
	#nav-main li.btn-venue a {
		width: 150px;
		height: 150px;
	}
	#nav-main li a {
		width: 100px;
		height: 100px;
	}
	#nav-main .f30 {
		font-size: 1.125rem;;
	}
	#nav-main li a em {
		margin-top: 25px !important;
	}
	#nav-main li a i {
		font-size: 30px;
	}
	#nav-main li.btn-venue img {
		margin-top: 10px;
		width: 80px;
	}
	
}

#page-set,
#page-item {
	background: #fff url('https://d3f82ewtjow4zj.cloudfront.net/page/stasting-2022/img/page-bg-min.jpg') top center no-repeat;
	background-size: contain;

}

@media screen and (max-width: 960px) {
	#page-set,
	#page-item {
		background: #fff url('https://d3f82ewtjow4zj.cloudfront.net/page/stasting-2022/img/page-bg-min-sp.jpg') top center no-repeat;
		background-size: contain;
	}
}


header {
	box-sizing: border-box;
	padding-top: 80px;
	min-height: 800px;
	border-bottom: 1px solid #fff;
	background: #fff url('https://d3f82ewtjow4zj.cloudfront.net/page/stasting-2022/img/page-bg.jpg') bottom center no-repeat;
	background-size: cover;
}

#page-set header,
#page-item header {
	min-height: auto;
	background: none;
	border-bottom: none;

}

#header-inner {
	margin: 70px auto;
	padding: 40px 20px;
	width: 80vw;
	max-width: 1000px;
	box-sizing: border-box;
	box-shadow: 1px 1px 3px #ccc;
	background-color:rgba(255, 255, 255, 0.9) !important;
	text-align: center;

}

#header-inner p {
	line-height: 2;

}

h1 {
	font-size: 2rem;
	line-height: 1.6;
}
#header-inner h1 em {
	color: #c33;
	padding: .2em;
	font-size: 1.6em;
}
#header-inner h1 strong {
	color: #c33;
	display: block;
	font-size: 1.6em;

}

.caption-list {
	line-height: 2;
}

#page-set .caption-list,
#page-item .caption-list {
	font-size:1.75rem;
	font-weight: bold;

}

.btn-main {
	display: inline-block;
	border-radius: 5px;
	background: #f8f4f2;
	filter: drop-shadow(1px 2px 2px rgb(0,0,0,.2));
	font-weight: bold;
}

.btn-main img {
	height: 1em;
	margin-right: .3em;
}

.box-filter > * {
	color: #333 !important;
}

.btn-filter {
	min-width: 300px;
	font-size: 16px;
}

.btn-filter {
	min-width: 300px;
	font-size: 16px;
}

#clear-filter ::before {
	font-size: 20px;
	vertical-align: middle;
	color: #ccc;
}

#list-items {
	background: #efefef url('https://d3f82ewtjow4zj.cloudfront.net/page/stasting-2022/img/list-bg.jpg');
}

#list-items ul {
	margin: 0;
	padding: 0;
}

#list-items li {
	display: block;
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: .5vw;
}

#list-items .item-wrap {
	display: block;
	overflow: hidden;
	padding-bottom: 2rem;
	border-radius: 10px;
	box-shadow: 1px 1px 3px #ccc;
	background: #fff;
}


#list-items .item-wrap img {
	transition: all .5s;
}
#list-items a.item-wrap:hover img {
	opacity: .7;
}

#list-items .item-wrap img.removehover {
	opacity: 1;
}

#list-items li.soldout img {
	opacity: .1;
}

#list-items li.soldout .item-wrap:hover img {
	opacity: .1;
}

#list-items .comment-soldout {
	display: none;
}

#list-items li.soldout .comment-soldout {
	display: block;
	padding: 1em;
	border-radius: 3px;
	background: #aaa;
	opacity: .7;
	color: #fff;
}

#list-items .item-name {
	margin: 0 0 .3em;
	font-weight: bold;
}

#list-items .item-desc {
	font-size: .8rem;
	line-height: 1.75;
	color: #633;
}

#list-items .item-selected {
	display: none;
	text-align: center;
}

#list-items .item-selected i::before {
	font-size: 40px;
	color: rgba(5,145,105,.9);
}

#list-items .item-selected .comment-chk {
	display: block;
	font-weight: bold;
	font-size: .8em;
}

#list-items .item-label {
	line-height: 1;
}

.label-r {
	background: #E77777;
}

.label-o {
	background: #F0904B;
}

.label-g {
	background: #60AA66;
}

.label-lg {
	background: #92D050;
}

.label-y {
	background: #FBBF08;
}

.label-n {
	display: none;
	background: #FFF;
	border-top: 1px solid #a33;
	border-bottom: 1px solid #a33;
	color: #a33;
	font-weight: bold;
}

.label-n.active {
	display: inline-block;
}

.label-limited {
	position: absolute;
	box-sizing: border-box;
	top: 0;
	left: 0;
	background: #A93048;
	width: 35%;
	height: 35%;
	border-radius: 50%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	font-size: 12px;
}

.label-limited span {
	transform: translate(-50%,-45%) !important;

}

.label-limited > * {
	width: 100%; /* for ie11 */
}

@media screen and (min-width: 1400px) {
  .label-limited{
		font-size: 14px;
	}
}

@media screen and (max-width: 1400px) {
  .label-limited{
		font-size: 11px;
	}
}
@media screen and (max-width: 1200px) {
  .label-limited{
		font-size: 12px;
	}
}
@media screen and (max-width: 960px) {
  .label-limited{
		font-size: 11px;
	}
}
@media screen and (max-width: 640px) {
  .label-limited{
		font-size: 11px;
	}
}

#list-items .link-detail {
	position: absolute;
	width: auto;
	bottom: .8em;
	left: .5em;
	font-size: .8em;
}

.link-detail {
	transition: all .5s;
}

.link-detail:hover {
	text-decoration: underline !important;
}

#list-items .ic-set {
	width: 20px;
	vertical-align: middle;
	margin-right: .5em;
}

.btn-selectset {
	display: inline-block;
	border-radius: 5px;
	background: #f8f4f2;
	font-weight: bold;
	padding: .5em 1em;

}

#nav-box {
	position: fixed;
	left: calc(100vw - 160px - 15px - 1rem);
	bottom: 1rem;
	width: 160px;
	height: 160px;
	border-radius: 20%;
	border: 1px solid #ddd;
	background: #fff;
	background-size: contain;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.1));
	cursor: pointer;
}

#nav-box > * {
	width: 100%; /* for ie11 */
}

#nav-box.fullbox {
	background: #fff;
}

.comment-remains {
	padding: 1.2rem 0;
	color: #c33 !important;
	font-size: 1.2em;
	line-height: 1;
}
.remains-num {
	padding: 0 .5rem;
	color: #c33 !important;
	font-size: 3em;
}

#nav-box #counter {
	padding: 0 0 1.8rem;
}

#nav-box #counter li {
	display: inline-block;
	margin: 0 4px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #ccc;
}

#nav-box #counter li.on {
	background: #c33;
}


#nav-box a {
	padding: 1rem 0;
	font-size: 1.1em;
}

#modal-orderconf #receipt-title {
	display: none;
}

#list-conf li:first-of-type{
	padding-top: 10px;
	border-top: 1px solid #e5e5e5;
}

#list-conf .link-detail:hover {
	opacity: .7;
}

#mod-toorder .comment-remains,
#mod-toorder .remains-num {
	color: #c33 !important;
}

#mod-addcart {
	display: none;
}

#btn-addcart {
	display: block;
	padding: 1em 4em;
	border-radius: 10px;
	background: rgba(5,145,105,.9);
	color: #fff !important;
	font-size: 1.2em;
}


/* footer */

footer{
	padding-top: 140px;
	background: linear-gradient(to bottom, #fff 50%, #e7f5fd);
	/*
	background: url('https://d3f82ewtjow4zj.cloudfront.net/page/stasting-2022/img/ftr-bg.jpg') no-repeat center bottom;
	background-size: cover;
	min-height: 300px;
	*/
}

.footer-inner {
	max-width: 80%;
}

.footer-sns {
	padding: 0;
}

.footer-sns i {
	font-size: 1.6em;
	vertical-align: middle;
}

.ic_facebook {
	color: #1877F2 !important;
}

.ic_twitter {
	color: #1D9BF0 !important;
}

.ic_instagram {
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
	radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
	radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
	radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
	radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
	radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
	radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
	linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	color:white !important;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.copyright {
	border-top: 1px solid #194d6e;
	white-space: nowrap;
}


@media screen and (min-width:640px) and (max-width:960px) {

	.footer-inner {
		max-width: 100%;
	}
	.copyright {
		width: 60vw;
	}

}

@media screen and (max-width:640px) {
	footer{
		/*
		background: url('https://d3f82ewtjow4zj.cloudfront.net/page/stasting-2022/img/ftr-bg.jpg') no-repeat center bottom;
		background-size: contain;
		*/
	}
	.footer-inner-each {
		display: block;
		width: 100%;
		margin-top: 10px !important;
	}
	.footer-sns {
		padding-left: 30px;
		width: 100%;
		text-align: center !important;
	}
}


/* offcanvas */

#offcanvas {
	font-size: 14px;
	opacity: .9;

}

#offcanvas * {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif !important;
	color: #333;

}

#offcanvas h6 {
	font-weight: bold;
	font-size: .75rem;
	color: #333;

}

#offcanvas button {
	color: #666;

}

#offcanvas [uk-icon] {
	transform: translate(0, -5px);
	padding-right: 5px;

}

#offcanvas li {
	clear: both;

}

#offcanvas li .text-small{
	display: block;
	font-size: .75rem;
	line-height: 1.5;

}

#offcanvas hr {
	background: #ccc;

}

#offcanvas .ic {
	margin-right: 5px;
	padding: 0.2rem;
	width: 3em;
	height: 3em;
	border-radius: 3px;

}

.ic-lp {
	background: #66aa00;

}
.ic-gr {
	background: #c33530;

}
.ic-bm {
	background: #633;

}

#menu-sns .uk-icon-button {
	padding: 7px;
	width: 32px;
	height: 32px;
	background: #999;

}

#offcanvas #menu-sns .uk-icon-button * {
	color: #fff !important;

}

#menu-sns .uk-icon-button a {
	font-size: .825rem;

}

/* UIkit Overwrite */

.uk-offcanvas-bar .uk-heading-line>::before, 
.uk-offcanvas-bar .uk-heading-line>::after {
border-color: rgba(0, 0, 0, 0.2)!important;

}
.uk-card-body {
	padding: .5em;
}

.uk-border-remove {
	border: none !important;

}

.uk-label {
	margin: 0 .5em;
	font-size: 11px;
	line-height: 1.75;
}

.uk-subnav-pill>.uk-active>a {
	background-color: rgba(5,170,120,.9);
	color: #fff !important;
}
.uk-subnav-pill>*>:first-child{
	color: #333;
}

.uk-breadcrumb ::before {
	margin: 0 .5em !important;
}