/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
		display: block;
}

body {
		line-height: 1;
}

ol, ul {
		list-style: none;
}

ol > li, ul > li {
		vertical-align: top;
}

blockquote, q {
		quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
		content: "";
		content: none;
}

table {
		border-collapse: collapse;
		border-spacing: 0;
}

button {
		padding: 0;
		margin: 0;
		background: inherit;
		border: none;
}

@media screen and (min-width: 768px) {
		.pc {
				display: block;
		}
		.sp {
				display: none;
		}
		img.pc,
		.svg.pc {
				display: inline;
		}
}
@media screen and (max-width: 767px) {
		body {
				min-width: initial;
				height: 100%;
		}
		.pc {
				display: none;
		}
		.sp {
				display: block;
		}
		img.pc {
				display: none;
		}
		img.sp,
		.svg.sp {
				display: inline;
		}
		img {
				max-width: 100%;
				height: auto;
		}
}
@media screen and (min-width: 1024px) {
		html {
				overflow: auto;
		}
		body {
				overflow: hidden;
				min-width: 1024px;
		}
}
@media screen and (min-width: 768px) {
		.linkHover a {
				transition: all 0.3s ease-out;
		}
		.linkHover a:hover {
				filter: brightness(140%);
		}
}
body {
		background: #000000;
}

#LP .inner {
		background: #FFF;
		position: relative;
		max-width: 800px;
		overflow: visible;
		margin-left: auto;
		margin-right: auto;
}
#LP .inner img {
		vertical-align: top;
}
@media screen and (max-width: 767px) {
		#LP .inner {
				width: 100%;
				overflow: hidden;
		}
}
@media screen and (min-width: 768px) {
		#LP a {
				transition: all 0.15s ease-out;
		}
		#LP a:hover {
				filter: brightness(140%);
		}
}
#LP .shadow {
		filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.75));
}
#LP .stickyWrap {
		position: relative;
}
#LP .menuBlock .inner {
		padding-bottom: 7.875%;
		text-align: center;
}
#LP .faq .inner {
		padding-bottom: 3.25%;
}
#LP .drink .inner {
		padding-bottom: 3.25%;
}

#Header .inner {
		position: relative;
		padding-bottom: 5.375%;
}
#Header .price {
		display: flex;
		margin-bottom: 2.875%;
}

#footer {
		background: #FFF;
		color: #000;
}
#footer .inner {
		padding: 100px 0 50px;
}
@media screen and (min-width: 768px) {
		#footer .inner {
				padding-bottom: 190px;
		}
}
@media screen and (max-width: 767px) {
		#footer .inner {
				padding: 12.5vw 0 6.25vw;
		}
}
#footer .banner + .banner {
		margin-top: 40px;
}
@media screen and (max-width: 767px) {
		#footer .banner + .banner {
				margin-top: 5vw;
		}
}
@media screen and (min-width: 768px) {
		#footer .banner a {
				transition: all 0.3s ease-out;
		}
		#footer .banner a:hover {
				filter: brightness(140%);
		}
}
@media screen and (min-width: 768px) {
		#footer .snsBlock a {
				transition: all 0.3s ease-out;
		}
		#footer .snsBlock a:hover {
				filter: brightness(140%);
		}
}
#footer .snsBlock .itemList {
		display: flex;
		justify-content: center;
		align-items: flex-end;
}
#footer .snsBlock .itemList > li {
		width: 80px;
		padding: 0 15px;
}
#footer .snsBlock .itemList > li img {
		width: 100%;
}
#footer .snsBlock .itemList > li.large {
		width: 160px;
}
@media screen and (max-width: 767px) {
		#footer .snsBlock .itemList > li {
				width: 10vw;
				padding: 0 1.875vw;
		}
		#footer .snsBlock .itemList > li.large {
				width: 20vw;
		}
}
#footer .otherBlock {
		font-size: 25px;
		margin-top: 35px;
		margin-bottom: 40px;
}
#footer .otherBlock .itemList {
		display: flex;
		justify-content: center;
}
#footer .otherBlock .itemList > li {
		border-left: solid 1px #000;
}
#footer .otherBlock .itemList > li a {
		color: inherit;
		display: block;
		text-decoration: none;
		padding: 0 0.5em;
}
@media screen and (min-width: 768px) {
		#footer .otherBlock .itemList > li a {
				transition: all 0.3s ease-out;
		}
		#footer .otherBlock .itemList > li a:hover {
				opacity: 0.75;
				text-decoration: underline;
		}
}
#footer .otherBlock .itemList > li:first-child {
		border-left: none;
}
@media screen and (max-width: 767px) {
		#footer .otherBlock {
				font-size: 3.125vw;
				margin-top: 4.375vw;
				margin-bottom: 5vw;
		}
}
#footer .footer_logo_body .btn_2 {
		border: 1px solid #000;
		color: #000;
		text-decoration: none;
		width: 370px;
		height: 85px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 30px auto 50px;
		font-size: 23px;
		text-align: center;
		border-radius: 9999px;
}
@media screen and (max-width: 767px) {
		#footer .footer_logo_body .btn_2 {
				border: 0.25vw solid #000;
				width: 46.25vw;
				height: 10.625vw;
				margin: 3.75vw auto 6.25vw;
				font-size: 2.875vw;
		}
}
#footer .copyBlock {
		text-align: center;
		font-size: 18px;
}
@media screen and (max-width: 767px) {
		#footer .copyBlock {
				font-size: 2.25vw;
		}
}