@charset "UTF-8";

/*======= base =======*/
html {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	box-sizing: border-box;
	overscroll-behavior-x: none;
	overflow: auto;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Hiragino Maru Gothic ProN W4", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro W4", "ヒラギノ丸ゴ Pro W4", sans-serif !important;
	font-weight: 500;
	color: #333;
	line-height: 2.0;
	font-size: 1.6rem;
	overflow: hidden；
}

/*======= reset =======*/
#lp-grandcalbee html,
#lp-grandcalbee body,
#lp-grandcalbee div,
#lp-grandcalbee span,
#lp-grandcalbee object,
#lp-grandcalbee iframe,
#lp-grandcalbee h1,
#lp-grandcalbee h2,
#lp-grandcalbee h3,
#lp-grandcalbee h4,
#lp-grandcalbee h5,
#lp-grandcalbee h6,
#lp-grandcalbee p,
#lp-grandcalbee blockquote,
#lp-grandcalbee pre,
#lp-grandcalbee abbr,
#lp-grandcalbee address,
#lp-grandcalbee cite,
#lp-grandcalbee code,
#lp-grandcalbee del,
#lp-grandcalbee dfn,
#lp-grandcalbee em,
#lp-grandcalbee img,
#lp-grandcalbee ins,
#lp-grandcalbee kbd,
#lp-grandcalbee q,
#lp-grandcalbee samp,
#lp-grandcalbee small,
#lp-grandcalbee strong,
#lp-grandcalbee sub,
#lp-grandcalbee sup,
#lp-grandcalbee var,
#lp-grandcalbee b,
#lp-grandcalbee i,
#lp-grandcalbee dl,
#lp-grandcalbee dt,
#lp-grandcalbee dd,
#lp-grandcalbee ol,
#lp-grandcalbee ul,
#lp-grandcalbee li,
#lp-grandcalbee fieldset,
#lp-grandcalbee form,
#lp-grandcalbee label,
#lp-grandcalbee legend,
#lp-grandcalbee table,
#lp-grandcalbee caption,
#lp-grandcalbee tbody,
#lp-grandcalbee tfoot,
#lp-grandcalbee thead,
#lp-grandcalbee tr,
#lp-grandcalbee th,
#lp-grandcalbee td,
#lp-grandcalbee article,
#lp-grandcalbee aside,
#lp-grandcalbee canvas,
#lp-grandcalbee details,
#lp-grandcalbee figcaption,
#lp-grandcalbee figure,
#lp-grandcalbee footer,
#lp-grandcalbee header,
#lp-grandcalbee hgroup,
#lp-grandcalbee menu,
#lp-grandcalbee nav,
#lp-grandcalbee section,
#lp-grandcalbee summary,
#lp-grandcalbee time,
#lp-grandcalbee mark,
#lp-grandcalbee audio,
#lp-grandcalbee video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/* background: transparent; */
	line-height: 1;
}

#lp-grandcalbee article,
#lp-grandcalbee aside,
#lp-grandcalbee details,
#lp-grandcalbee figcaption,
#lp-grandcalbee figure,
#lp-grandcalbee footer,
#lp-grandcalbee header,
#lp-grandcalbee hgroup,
#lp-grandcalbee menu,
#lp-grandcalbee nav,
#lp-grandcalbee section {
	display: block;
}

#lp-grandcalbee nav ul {
	list-style: none;
}

#lp-grandcalbee blockquote,
#lp-grandcalbee q {
	quotes: none;
}

#lp-grandcalbee blockquote:before,
#lp-grandcalbee blockquote:after,
#lp-grandcalbee q:before,
#lp-grandcalbee q:after {
	content: '';
	content: none;
}

#lp-grandcalbee table {
	border-collapse: collapse;
	border-spacing: 0;
}

#lp-grandcalbee h2,
#lp-grandcalbee h3,
#lp-grandcalbee h4,
#lp-grandcalbee h5 {
	margin: 0 auto;
	padding: 0;
	font-family: "Hiragino Maru Gothic ProN W4", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro W4", "ヒラギノ丸ゴ Pro W4", sans-serif !important;
	font-weight: 300;
}

#lp-grandcalbee img {
	width: 100%;
	max-width: 100%;
	vertical-align: bottom;
}

#lp-grandcalbee p,
#lp-grandcalbee ul,
#lp-grandcalbee li,
#lp-grandcalbee ol,
#lp-grandcalbee del,
#lp-grandcalbee dt,
#lp-grandcalbee dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

#lp-grandcalbee a {
	text-decoration: none;
	color: #333;
	display: block;
	cursor: pointer;
}

#lp-grandcalbee a:hover {
	transition: .3s;
	opacity: 0.6;
}

#lp-grandcalbee main {
	padding-top: 0;
	margin-top: 0;
	overflow: hidden;
}

#lp-grandcalbee * {
	box-sizing: border-box;
}

/*======= utils =======*/
/* font-family */
#lp-grandcalbee .ff-noto {
	font-family: 'Noto Sans JP', "Hiragino Maru Gothic ProN W4", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro W4", "ヒラギノ丸ゴ Pro W4", sans-serif;
}

#lp-grandcalbee .ff-open {
	font-family: 'Open Sans', "Hiragino Maru Gothic ProN W4", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro W4", "ヒラギノ丸ゴ Pro W4", sans-serif;
}

/* btn */
#lp-grandcalbee .btn {
	display: block;
	width: 186px;
	height: 56px;
	line-height: 56px;
	border-radius: 28px;
	text-align: center;
	background-color: #000;
	color: #fff;
	/* padding: 20px 0 0; */
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	font-family: 'Open Sans', "Hiragino Maru Gothic ProN W4", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro W4", "ヒラギノ丸ゴ Pro W4", sans-serif;
}

/*======= responsive =======*/
#lp-grandcalbee .pc {
	display: block;
}

#lp-grandcalbee .sp {
	display: none;
}

@media screen and (max-width:767px) {
	#lp-grandcalbee .pc {
		display: none;
	}

	#lp-grandcalbee .sp {
		display: block;
	}
}



/*======= main =======*/
#lp-grandcalbee {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', "Hiragino Maru Gothic ProN W4", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro W4", "ヒラギノ丸ゴ Pro W4", sans-serif;
	font-weight: 400;
	color: #333;
	line-height: 2.0;
	font-size: 1.6rem;
	/* background: #eef1ef; */
	/* background: url(../img/bg.jpg)!important; */
	box-sizing: border-box;
	overscroll-behavior-x: none;
	overflow: auto;
}

#lp-grandcalbee .kv {
	position: relative;
}

#lp-grandcalbee .kv .kv-img {
	width: 100%;
	height: 42.75vw;
	position: relative;
	z-index: 99;
}

#lp-grandcalbee .kv .kv-img img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#lp-grandcalbee .kv .kv-logo {
	display: none;
	position: absolute;
	top: 41%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 13%;
	height: auto;
	z-index: 100;
}

#lp-grandcalbee .kv .kv-carouselDots {
	background-color: #eef1ef;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 10px 0;
}

#lp-grandcalbee .kv .kv-carouselDots .kv-sliderDot {
	width: 8px;
	height: 8px;
	margin: 0 3px;
	border-radius: 50%;
	border: solid 2px #111;
	opacity: 0.5;
}

#lp-grandcalbee .kv .kv-carouselDots .kv-sliderDot._isActive {
	background-color: #111;
}

/* News */
#lp-grandcalbee .news {
	background-color: #eef1ef;
	padding: 32px 0 28px;
}

#lp-grandcalbee .news .news-block {
	background-color: #fff;
	width: 700px;
	height: 124px;
	margin: 0 auto;
	padding: 24px 0 20px 40px;
	color: #308b59;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

#lp-grandcalbee .news .news-block .news-title {
	height: 100%;
	display: flex;
	align-items: center;
	margin: 0 30px 0 0;
	font-size: 2rem;
	font-family: 'Open Sans', "Hiragino Maru Gothic ProN W4", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro W4", "ヒラギノ丸ゴ Pro W4", sans-serif;
}

#lp-grandcalbee .news .news-block .news-list {
	width: 100%;
	height: 100%;
	overflow: auto;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	padding-right: 40px;
}

#lp-grandcalbee .news .news-block .news-list::-webkit-scrollbar-track {
	background: #DAEFEF;
	/* 背景色 */
}

#lp-grandcalbee .news .news-block .news-list .news-item {
	width: 100%;
	padding-bottom: 8px;
	border-bottom: solid 1px #eef1ef;
}

#lp-grandcalbee .news .news-block .news-list .news-item+.news-item {
	margin-top: 8px;
}

#lp-grandcalbee .news .news-block .news-list .news-item a{
	color: #308b59;
}

/* burger */
#lp-grandcalbee .burger {
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	opacity: 0.8;
	background: #888586;
	cursor: pointer;
	width: 60px;
	height: 60px;
	z-index: 9999;
}

#lp-grandcalbee .burger .burger-text {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: -16px;
	color: #888586;
}

/*ボタン内側*/
#lp-grandcalbee .burger .burger-menu {
	display: inline-block;
	transition: all .4s;
	/*アニメーションの設定*/
	position: absolute;
	left: 16px;
	height: 3px;
	border-radius: 2px;
	background: #fff;
	width: 50%;
}

#lp-grandcalbee .burger .burger-menu:nth-of-type(1) {
	top: 19px;
}

#lp-grandcalbee .burger .burger-menu:nth-of-type(2) {
	top: 29px;
}

#lp-grandcalbee .burger .burger-menu:nth-of-type(3) {
	top: 39px;
}

/*activeクラスが付与されると線が回転して×に*/

#lp-grandcalbee .burger._active span:nth-of-type(1) {
	top: 23px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 40%;
}

#lp-grandcalbee .burger._active span:nth-of-type(2) {
	opacity: 0;
	/*真ん中の線は透過*/
}

#lp-grandcalbee .burger._active span:nth-of-type(3) {
	top: 35px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 40%;
}

/* menu */
#lp-grandcalbee .menu {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9998;
}

#lp-grandcalbee .menu._active {
	display: block;
}

#lp-grandcalbee .menu .menu-bg {
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
}

#lp-grandcalbee .menu nav {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #eef1ef;
	width: 305px;
	height: 100%;
	padding: 72px 40px;
}

#lp-grandcalbee .menu nav a {
	color: #308b59;
	font-size: 2rem;
	line-height: 2.6rem;

}

#lp-grandcalbee .menu nav ul li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#lp-grandcalbee .menu nav ul li img {
	width: 20px;
	height: auto;
	margin-right: 6px;
}

#lp-grandcalbee .menu nav ul li+li {
	margin-top: 40px;
}

#lp-grandcalbee .menu nav .menu-banner {
	margin-top: 50px;
	width: 100%;
}


/* section */
#lp-grandcalbee .section .section-title {
	position: relative;
	width: 100%;
	padding-bottom: 0;
	/* margin-top: -5.2vw; */
}

#lp-grandcalbee .section .section-title .section-img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

#lp-grandcalbee .section._brand .section-title .section-img {
	bottom: 0;
	width: 430px;
}

#lp-grandcalbee .section._flavor .section-title .section-img {
	bottom: 0;
	width: 446px;
}

#lp-grandcalbee .section._giftbox .section-title .section-img {
	bottom: 0;
	width: 590px;
}

#lp-grandcalbee .section._selection .section-title .section-img {
	bottom: 0;
	width: 672px;
}

#lp-grandcalbee .section._onlineshop .section-title .section-img {
	padding-top: 60px;
	position: relative;
	width: 680px;
	bottom: 0;
}

/* banner */
#lp-grandcalbee .section._banner {
	background-color: #eeefea;
}
#lp-grandcalbee .section ._banner_block {
	max-width: 800px;
	margin: auto;
	padding: 0 20px;
}
#lp-grandcalbee .section ._banner_block img {
	padding-top: 20px;
}


/* Statement */
#lp-grandcalbee .section._statement {
	background-color: #eeefea;
	padding-top: 40px;
}

/* Lead */
#lp-grandcalbee .section._lead {
	background-color: #fff;
	text-align: center;
	padding: 120px 0;
}

#lp-grandcalbee .lead-img {
	width: 1150px;
	height: auto;
	margin: 0 auto;
}

/* Brand */
#lp-grandcalbee .section._brand {
	padding-bottom: 110px;
	background-color: #eeefea;
	/* margin-bottom: 8vw; */
}
#lp-grandcalbee .section._brand .section-title {
	padding: 0;
	background-color: transparent;
	margin-top: -9%;
}
@media screen and (max-width:767px) {
	#lp-grandcalbee .section._brand .section-title {
		background: linear-gradient(to bottom, transparent 50%, #fbfbfb 50%);
		margin: -25% 0 -1px;
	}
}

#lp-grandcalbee .brand {
	margin: 56px auto 0;
	width: 100%;
	max-width: 1150px;
	/* width: 1150px; */
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

#lp-grandcalbee .brand .brand-item {
	width: 176px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#lp-grandcalbee .brand .brand-item a {
	margin-top: 34px;
}

/* Flavor */
#lp-grandcalbee .section._flavor {
	background-color: #fff;
}

#lp-grandcalbee .flavor {
	padding-top: 240px;
}

#lp-grandcalbee .flavor .flavor-section {
	padding: 280px 0 120px;
	position: relative;
	background-color: #eeefea;
}

#lp-grandcalbee .flavor .flavor-section .flavor-head {
	width: 1150px;
	top: -126px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	text-align: center;
}
#lp-grandcalbee .flavor .flavor-section .note {
	text-align: center;
	color: #cf4918;
	max-width: 1150px;
	width: 50%;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.7);
	margin: 20px auto;
	font-weight: bold;
	font-size: 2rem;
}

#lp-grandcalbee .flavor .flavor-section .flavor-head .flavor-lead {
	margin-top: 26px;
	font-size: 2rem;
	line-height: 2.6rem;
	letter-spacing: 0.1em;
	color: #333333;
}

#lp-grandcalbee .flavor .flavor-section .flavor-head .flavor-lead._blue {
	color: #2c6ab4;
	padding-bottom: 30px;
}

#lp-grandcalbee .flavor .flavor-section .flavor-head .price-blue {
	width: 200px;
	position: absolute;
	right: 80px;
}

#lp-grandcalbee .flavor .flavor-section .flavor-head .flavor-lead._red {
	color: #ae1753;
	padding-bottom: 30px;
}

#lp-grandcalbee .flavor .flavor-section .flavor-head .price-red {
	width: 200px;
	position: absolute;
	right: 80px;
}

#lp-grandcalbee .flavor .flavor-section .flavor-head .flavor-lead._green {
	color: #0a5e35;
	padding-bottom: 30px;
}

#lp-grandcalbee .flavor .flavor-section .flavor-head .price-green {
	width: 310px;
	position: absolute;
	right: 80px;
}

#lp-grandcalbee .flavor .flavor-section .flavor-head .flavor-lead._blown {
	color: #583009;
	padding-bottom: 30px;
}

#lp-grandcalbee .flavor .flavor-section .flavor-head .price-blown {
	width: 310px;
	position: absolute;
	right: 80px;
}

@media screen and (max-width:767px) {

	#lp-grandcalbee .flavor .flavor-section .flavor-head .flavor-lead._blue {
		padding-bottom: 30px;
	}

	#lp-grandcalbee .flavor .flavor-section .flavor-head .price-blue {
		width: 200px;
		position: absolute;
		left: 50%;
		transform: translate(-50%);
	}

	#lp-grandcalbee .flavor .flavor-section .flavor-head .flavor-lead._red {
		padding-bottom: 30px;
	}

	#lp-grandcalbee .flavor .flavor-section .flavor-head .price-red {
		width: 200px;
		position: absolute;
		left: 50%;
		transform: translate(-50%);
	}

	#lp-grandcalbee .flavor .flavor-section .flavor-head .flavor-lead._green {
		padding-bottom: 30px;
	}

	#lp-grandcalbee .flavor .flavor-section .flavor-head .price-green {
		width: 300px;
		position: absolute;
		left: 50%;
		transform: translate(-50%);
	}

	#lp-grandcalbee .flavor .flavor-section .flavor-head .flavor-lead._blown {
		padding-bottom: 30px;
	}

	#lp-grandcalbee .flavor .flavor-section .flavor-head .price-blown {
		width: 300px;
		position: absolute;
		left: 50%;
		transform: translate(-50%);
	}
}

#lp-grandcalbee .flavor .flavor-section .flavor-lineup,
#lp-grandcalbee .giftbox .giftbox-lineup {
	font-size: 4rem;
	text-align: center;
	font-weight: bold;
	color: #111;
	opacity: 0.5;
	/* color: rgba(17, 17, 17, 0.5); */
	letter-spacing: 0.1em;
	/* margin-bottom: 128px; */
}

#lp-grandcalbee .flavor .flavor-section .flavor-item {
	width: 1006px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}


/* 3カラム */
#lp-grandcalbee .flavor._3clum .flavor-section .flavor-item {
	width: 1150px;
}
#lp-grandcalbee ._3clum .lineup {
	width: 346px;
}
#lp-grandcalbee ._3clum .lineup .lineup-wrap {
	padding: 0 12px 40px;
}
#lp-grandcalbee ._3clum .lineup .lineup-wrap {
	height: 490px;
}


/* giftbox */
#lp-grandcalbee .section._giftbox {
	/* padding: 187px 0 180px; */
	padding: 187px 0 0;
	background-color: #eeefea;
}

#lp-grandcalbee .giftbox {
	letter-spacing: 0.1em;
}

#lp-grandcalbee .giftbox .giftbox-text {
	margin: 130px auto 72px;
	text-align: center;
}

#lp-grandcalbee .giftbox .giftbox-item {
	width: 1006px;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	/* justify-content: center; */
	flex-wrap: wrap;
}

/* lineup */
#lp-grandcalbee .lineup {
	position: relative;
	width: 454px;
	padding: 0;
	/* padding: 0 32px 40px; */
	margin-bottom: 120px;
	/* background-color: #fafafa; */
	/* border-radius: 80px 0 0 0; */
	letter-spacing: 0.1em;
	margin: 0 auto 120px;
}

#lp-grandcalbee .giftbox .lineup {
	/* height: 616px; */
	padding: 0 0 40px;
	margin: 0 auto 120px;
}

#lp-grandcalbee .lineup .lineup-img {
	width: 100%;
	/* height: 194px; */
	position: relative;
}

#lp-grandcalbee .lineup .lineup-img img {
	width: 100%;
}

#lp-grandcalbee .lineup .lineup-wrap {
	position: relative;
	background-color: #fafafa;
	padding: 0 32px 40px;
	height: 470px;
}
#lp-grandcalbee .lineup .lineup-wrap.h500 {
	height: 500px;
}
#lp-grandcalbee .lineup .lineup-wrap.h550 {
	height: 550px;
}

#lp-grandcalbee .giftbox .lineup .lineup-wrap {
	height: 430px;
}

#lp-grandcalbee .lineup .lineup-name {
	text-align: center;
	font-size: 2.4rem;
	letter-spacing: 0;
	margin-bottom: 20px;
}

#lp-grandcalbee .lineup._basic01 .lineup-name,
#lp-grandcalbee .lineup._basic01 .lineup-text {
	color: #0a5e35;
}

#lp-grandcalbee .lineup._basic02 .lineup-name,
#lp-grandcalbee .lineup._basic02 .lineup-text {
	color: #0a5e35;
}

#lp-grandcalbee .lineup._basic03 .lineup-name,
#lp-grandcalbee .lineup._basic03 .lineup-text {
	color: #0a5e35;
}

#lp-grandcalbee .lineup._roast01 .lineup-name,
#lp-grandcalbee .lineup._roast01 .lineup-text {
	color: #583009;
}

#lp-grandcalbee .lineup._roast02 .lineup-name,
#lp-grandcalbee .lineup._roast02 .lineup-text {
	color: #583009;
}

#lp-grandcalbee .lineup._roast03 .lineup-name,
#lp-grandcalbee .lineup._roast03 .lineup-text {
	color: #583009;
}

#lp-grandcalbee .lineup._crispy01 .lineup-name,
#lp-grandcalbee .lineup._crispy01 .lineup-text {
	color: #2c6ab4;
}

#lp-grandcalbee .lineup._crispy02 .lineup-name,
#lp-grandcalbee .lineup._crispy02 .lineup-text {
	color: #2c6ab4;
}

#lp-grandcalbee .lineup._crispy03 .lineup-name,
#lp-grandcalbee .lineup._crispy03 .lineup-text {
	color: #2c6ab4;
}

#lp-grandcalbee .lineup._aroma01 .lineup-name,
#lp-grandcalbee .lineup._aroma01 .lineup-text {
	color: #ae1753;
}

#lp-grandcalbee .lineup._aroma02 .lineup-name,
#lp-grandcalbee .lineup._aroma02 .lineup-text {
	color: #ae1753;
}

#lp-grandcalbee .lineup._aroma03 .lineup-name,
#lp-grandcalbee .lineup._aroma03 .lineup-text {
	color: #ae1753;
}

#lp-grandcalbee .lineup .lineup-price {
	text-align: center;
	font-size: 2.4rem;
	color: #583009;
}

#lp-grandcalbee .lineup .lineup-text {
	text-align: center;
	font-size: 1.6rem;
	line-height: 2.6rem;
}

#lp-grandcalbee .lineup .lineup-text+.lineup-text {
	margin-top: 8px;
}

#lp-grandcalbee .lineup .lineup-text span {
	font-size: 1.4rem;
}

#lp-grandcalbee .lineup .lineup-text sup {
	font-size: 1.2rem;
	position: relative;
	top: 0.2em;
	vertical-align: top;
}

#lp-grandcalbee .lineup .lineup-table {
	max-width: 323px;
	margin: auto;
}

#lp-grandcalbee .lineup .lineup-table .lineup-table_block {
	width: 100%;
	font-size: 1.2rem;
	text-align: center;
	border: solid 2px #cccccc;
	margin-top: 8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #fff;
	color: #111;
}
#lp-grandcalbee .lineup .lineup-table .nutrients {
	background-color: #eeeeee;
	font-weight: 400;
	width: 40%;
	text-align: left;
	padding: 2% 10% 2% 2%;

}
#lp-grandcalbee .lineup .lineup-table li {
	line-height: 1.6;
}
#lp-grandcalbee .lineup .nutrients li {
	text-align:justify!important;
	text-align-last:justify!important;
	/* padding-right: 23%; */
}
#lp-grandcalbee .lineup .lineup-table .number {
	width: 46%;
	padding: 2% 0 2% 2%;
	text-align: right;
}
#lp-grandcalbee .lineup .lineup-table .estimated-value {
	width: 14%;
	padding: 2% 2% 0 0;
	text-align: left;
}


#lp-grandcalbee .lineup .lineup-table table tr {
	position: relative;
}

#lp-grandcalbee .lineup .lineup-table table th {
	background-color: #eeeeee;
	font-weight: 400;
	width: 40%;
	text-align: left;
	padding: 4px 0 4px 16px;
	/* padding-left: 16px; */
}

#lp-grandcalbee .lineup .lineup-table table td {
	text-align: right;
	padding: 4px 16px 4px 0;
	/* padding-right: 16px; */
}

#lp-grandcalbee .lineup .lineup-table table th+th,
#lp-grandcalbee .lineup .lineup-table table td+td {
	border-left: solid 2px #cccccc;
}
#lp-grandcalbee .lineup .lineup-table span{
	font-size: 1.4rem;
}

#lp-grandcalbee .lineup .lineup-btn {
	margin: 0 auto;
	position: absolute;
	bottom: 40px;
	right: 0;
	left: 0;
}

#lp-grandcalbee .giftbox .lineup .lineup-btn {
	margin: auto auto 0;
}

#lp-grandcalbee .lineup .lineup-data {
	padding: 0 32px;
}

#lp-grandcalbee .lineup .lineup-data dl {
	text-align: center;
	margin: 16px 0 30px;
	font-size: 14.5px;
}

#lp-grandcalbee .lineup .lineup-data dl dt {
	width: 100%;
	padding: 6px 0;
	background-color: #533328;
	color: #fff;
	margin-bottom: 8px;
}
#lp-grandcalbee .lineup .lineup-data dl dt:nth-of-type(1) {
	background-color: #0a5e34;
}
#lp-grandcalbee .lineup .lineup-data dl dt:nth-of-type(2) {
	background-color: #533328;
}
#lp-grandcalbee .lineup .lineup-data dl dt:nth-of-type(3) {
	background-color: #2c6ab4;
}
#lp-grandcalbee .lineup .lineup-data dl dt:nth-of-type(4) {
	background-color: #ae1753;
}

#lp-grandcalbee .lineup .lineup-data dl dd {
	margin-top: 8px;
}

#lp-grandcalbee .lineup .lineup-data dl dd+dt {
	margin-top: 10px;
}

/* selection */
#lp-grandcalbee .section._selection {
	background-color: #fafafa;
	letter-spacing: 0.1em;
	padding-bottom: 124px;
	position: relative;
}

#lp-grandcalbee .selection .selection-lead {
	font-size: 2rem;
	text-align: center;
	line-height: 2.6rem;
	color: #308b59;
	margin-top: 50px;
}

#lp-grandcalbee .selection .selection-img {
	width: 477px;
	margin: 64px auto 0;
}

#lp-grandcalbee .selection .selection-name {
	font-size: 2.4rem;
	text-align: center;
	color: #308b59;
}

#lp-grandcalbee .selection .selection-price {
	margin: 24px auto 0;
	width: 210px;
}

#lp-grandcalbee .selection .selection-text {
	margin: 22px 0 28px;
	line-height: 2.6rem;
	text-align: center;
	color: #308b59;
}

#lp-grandcalbee .selection .selection-table {
	margin: 0 auto;
	width: 100%;
	max-width: 391px;
}

#lp-grandcalbee .selection .selection-table table {
	/* width: 100%; */
	width: 263px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.3;
	border: solid 2px #cccccc;
	margin: 8px auto 0;

}

#lp-grandcalbee .selection .selection-table table th {
	background-color: #eeeeee;
	font-weight: 400;
	padding: 4px 0 4px 16px;
	width: 40%;
	text-align: left;
}

#lp-grandcalbee .selection .selection-table table td {
	/* padding: 8px 0; */
	padding: 4px 16px 4px 0;
	text-align: right;
}

#lp-grandcalbee .selection .selection-table table th+th,
#lp-grandcalbee .selection .selection-table table td+td {
	border-left: solid 2px #cccccc;
}

#lp-grandcalbee .selection .selection-btn {
	margin: 32px auto 0;
}

/* selection dansyaku 男爵ポテト */
#lp-grandcalbee ._selection_dansyaku {
	position: relative;
}
#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-box {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-image: url(../img/sec-02-bg-limiteditem02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
}
#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-item {
	/* background-image: url(../img/sec-bg-limiteditem-bottom.png); */
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom center;
	padding-bottom: 20%;
	margin-top: -13%;
}

#lp-grandcalbee .section._selection_dansyaku .section-title .section-img {
	position: absolute;
	width: 90%;
	max-width: 715px;
	top: -27px;
	bottom: 0;
}
#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-lead {
	width: 100%;
	max-width: none;
	padding: 0 0 37% 0;
	background:url(../img/sec-02-img-limiteditem.png),linear-gradient(to bottom, #0f0705, rgba(15, 7, 5, 0));
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center bottom;
}
#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-lead .selection_dansyaku-lead-text {
	width: 100%;
}
#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-lead img {
	margin: 0 auto;
}
#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-lead img:nth-child(1) {
	width: 95%;
	max-width: 161px;
	margin-bottom: 1.5%;
}
#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-lead img:nth-child(2) {
	width: 95%;
	max-width: 724px;
	margin-bottom: 1%;
}
#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-lead img:nth-child(4) {
	width: 95%;
	max-width: 765px;
}
#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex {
	display: flex;
	width: 95%;
	max-width: 1230px;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}
#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex .dansyaku-item-left {
	width: 68%;
	display: flex;
	align-items: flex-end;
	height: auto;
}
#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex .dansyaku-item-left img{
	display: block;
}
#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex .dansyaku-item-left img:nth-child(1){
	height: auto;
	margin-bottom: 9%;
	width: 18%;
}
#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex .dansyaku-item-left img:nth-child(2){
	height: auto;
	width: 82%;
}
#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex .dansyaku-item-right {
	width: 32%;
	color: #fff;
	padding-top: 3%;
	margin-left: -1%;
}
#lp-grandcalbee .section._selection_dansyaku .lineup-table_block {
	width: 100%;
}
#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex .dansyaku-item-right img:nth-child(1){
	width: 100%;
	max-width: 333px;
	margin-bottom: 5%;
}
#lp-grandcalbee .section._selection_dansyaku .item-text {
	width: 95%;
	max-width: 1110px;
	padding-right: 3%;
	margin: 0 auto;
}
#lp-grandcalbee .section._selection_dansyaku .btn{
	width: 320px;
	font-size: 1.6rem;
	height: 80px;
	border-radius: 50vw;
	line-height: 80px;
	background-color: #d2b25b;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	#lp-grandcalbee .section._selection_dansyaku {
		background-color: #fff;
		/* padding-bottom: 5%; */
	}
	#lp-grandcalbee .section._selection_dansyaku .section-title .section-img {
		width: 78%;
		max-width: none;
		top: -11vw;
	}
	#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-box {
		background-image: url(../img/s-sec-02-bg-limiteditem02.jpg);
	}
	#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-lead {
		background: url(../img/s-sec-02-img-limiteditem.png), linear-gradient(to bottom, #0f0705, rgba(15, 7, 5, 0));
		background-repeat: no-repeat;
    	background-size: 100%;
    	background-position: center bottom;
		padding: 0 0 48% 0;
	}
	#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-lead img:nth-child(1) {
		width: 25%;
		max-width: none;
		margin-bottom: 4%;
	}
	#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-lead img:nth-child(3) {
		width: 80%;
		margin-bottom: 5%;
	}
	#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-lead img:nth-child(4){
		width: 88%;
	}
	#lp-grandcalbee .section._selection_dansyaku .selection_dansyaku-item {
		/* background-image: url(../img/sec-bg-limiteditem-bottom.png),url(../img/s-sec-02-item-illust-limiteditem.png); */
		/* background-image: url(../img/s-sec-02-item-illust-limiteditem.png); */
		background-repeat: no-repeat;
		background-position: bottom center,bottom 10.5% left;
		/* background-position: bottom 10.5% left; */
		margin-top: -16%;
		margin-bottom: 5%;
		background-size: 130%,55%;
		/* background-size: 55%; */
		padding-bottom: 40%;
	}
	#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex {
		display: block;
	}
	#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex .dansyaku-item-left,
	#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex .dansyaku-item-right{
		width: 100%;
		margin: 0 auto;
	}
	#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex .dansyaku-item-left img:nth-child(1) {
		width: 17%;
		margin-left: 2%;
	}
	#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex .dansyaku-item-left img:nth-child(2) {
		width: 83%;
	}
	#lp-grandcalbee .section._selection_dansyaku .dansyaku-item-flex .dansyaku-item-right img:nth-child(1) {
		width: 77%;
	}
	#lp-grandcalbee .section._selection_dansyaku .lineup-table_block {
		width: 88%;
	}
	#lp-grandcalbee .section._selection_dansyaku .lineup-table {
		width: 95%;
	}
	#lp-grandcalbee .section._selection_dansyaku .item-text {
		width: 90%;
		padding: 0;
		margin-top: 8%;
	}
	#lp-grandcalbee .section._selection_dansyaku .btn {
        margin: 10% auto 0 !important;
        width: 260px;
        font-size: 2.2rem;
        height: 60px;
        border-radius: 50vw;
        line-height: 60px;
	}
}

/* 新作登場 welcome to osaka */
#lp-grandcalbee ._selection_w_t_osaka {
	background-color: #4bb2d8;
	width: 100%;
	color: #fff;
	padding-bottom: 8vw;
}
#lp-grandcalbee .selection_w_t_osaka-box {
	width: 100%;
	max-width: 1030px;
	margin: 0 auto;
}
#lp-grandcalbee .w_t_osaka_ttl {
	width: 45%;
	margin: 0 auto 4%;
}
#lp-grandcalbee .w_t_osaka_lead01 {
	width: 64%;
	margin: 0 auto 3%;
}
#lp-grandcalbee .w_t_osaka_lead02 {
	width: 51%;
	margin: 0 auto 7%;
}
#lp-grandcalbee .w_t_osaka-item-flex {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	margin: 0 auto 5%;
}
#lp-grandcalbee .w_t_osaka-item-flex._02 {
	width: 96%;
	margin: 0 auto 10%;
}
#lp-grandcalbee .w_t_osaka-item-left {
	margin-right: -1.5%;
}
#lp-grandcalbee .w_t_osaka-item-right {
	margin-left: -1.5%;
}
#lp-grandcalbee .w_t_osaka-item-assorted {
	width: 58%;
}
#lp-grandcalbee .w_t_osaka-item-pkg {
	width: 52%;
	margin-left: -3%;
	margin-right: -20%;
}
#lp-grandcalbee .w_t_osaka_note {
	font-size: 1.2rem;
	margin-top: 3%;
}
#lp-grandcalbee .w_t_osaka_logo {
	width: 73%;
	margin: 0 auto 4%;
}
#lp-grandcalbee .w_t_osaka_txt {
	width: 70%;
	margin: 0 auto;
}
#lp-grandcalbee .w_t_osaka_spot {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
    align-items: baseline;
	justify-content: space-between;
	padding: 0 1% 2%;
	margin-top: 8%;
}
#lp-grandcalbee .w_t_osaka_spot li {
	width: 30%;
	margin: 0 auto 10%;
}
#lp-grandcalbee .w_t_osaka_spot li img {
	margin: 0 auto;
	display: block;
}
#lp-grandcalbee .w_t_osaka_spot ._01 img {
	max-width: 214px;
}
#lp-grandcalbee .w_t_osaka_spot ._02 img {
	max-width: 218px;
}
#lp-grandcalbee .w_t_osaka_spot ._03 img {
	max-width: 248px;
}
#lp-grandcalbee .w_t_osaka_spot ._04 img {
	max-width: 285px;
}
#lp-grandcalbee .w_t_osaka_spot ._05 img {
	max-width: 171px;
}
#lp-grandcalbee .w_t_osaka_spot ._06 img {
	max-width: 239px;
}
@media screen and (max-width:767px) {
	#lp-grandcalbee .selection_w_t_osaka-box {
		padding-top: 10%;
	}
	/* #lp-grandcalbee ._selection_w_t_osaka {
		padding-top: 8%;
	} */
	#lp-grandcalbee .w_t_osaka_ttl {
		width: 65%;
		margin: 0 auto 5%;
	}
	#lp-grandcalbee .w_t_osaka_lead01 {
		width: 80%;
	}
	#lp-grandcalbee .w_t_osaka_lead02 {
		width: 85%;
	}
	#lp-grandcalbee .w_t_osaka-item-flex {
		display: block;
	}
	#lp-grandcalbee .w_t_osaka-item-left {
		margin-right: 0%;
		padding-right: 8%;
		margin-bottom: 5%;
	}
	#lp-grandcalbee .w_t_osaka-item-right {
		padding-left: 7%;
		margin-left: 0%;
	}
	#lp-grandcalbee .w_t_osaka-item-flex._02 {
		width: 90%;
	}
	#lp-grandcalbee .w_t_osaka-item-assorted {
		width: 100%;
	}
	#lp-grandcalbee .w_t_osaka-item-assorted ._pkg {
		position: relative;
		width: 78%;
		margin-left: auto;
		margin-bottom: -4%;
		z-index: 2;
	}
	#lp-grandcalbee .w_t_osaka_logo {
		width: 68%;
	}
	#lp-grandcalbee .w_t_osaka_txt {
    	width: 75%;
	}
	#lp-grandcalbee .w_t_osaka_spot {
		padding: 0 5% 10%;
		margin-top: 6%;
	}
	#lp-grandcalbee .w_t_osaka_spot li {
		width: 48%;
		margin: 0 auto 6%;
	}
	#lp-grandcalbee .w_t_osaka_spot ._01 img {
		padding: 0 6%;
	}
	#lp-grandcalbee .w_t_osaka_spot ._02 img {
		padding: 0 6%;
	}
	#lp-grandcalbee .w_t_osaka_spot ._03 img {
		padding: 0 6%;
	}
	#lp-grandcalbee .w_t_osaka_spot ._05 img {
		padding: 0 19%;
		max-width: 269px;
	}
	#lp-grandcalbee .w_t_osaka_spot ._06 img {
		padding: 0 6%;
	}
}

/* annotation */
#lp-grandcalbee .annotation {
	text-align: center;
	font-size: 1.4rem;
	border: 1px solid #333;
	padding: 20px 10px;
	background: transparent;
	bottom: -100px;
	z-index: 2;
	height: auto;
	max-width: 100%;
	width: 80%;
	max-width: 1006px;
	margin: 120px auto 40px;
}

#lp-grandcalbee .annotation p {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.6;
	color: #333;
}

#lp-grandcalbee .annotation ul li {
	font-size: 1.2rem;
	margin-bottom: 10px;
	line-height: 1;
	color: #666;
}

/* grandcalbee-selection */
#lp-grandcalbee ._grandcalbee-selection .lineup .lineup-table .lineup-table_block {
	font-size: 12px;
}
#lp-grandcalbee ._grandcalbee-selection {
	position: relative;
	color: #fff;
}
#lp-grandcalbee ._grandcalbee-selection._annotation {
    color: #000;
    background-color: #eee;
    padding: 20px 0 16vw;
}
#lp-grandcalbee ._grandcalbee-selection.section .section-title {
	margin-top: 0;
	padding-bottom: 0;
	background: linear-gradient(180deg, #69b656 0%, #69b656 50%, #fff 50%, #fff 100%);
}
#lp-grandcalbee ._grandcalbee-selection.section .selection-statement {
	max-width: 724px;
	margin: -9% auto 0;
	z-index: 3;
	position: relative;
}
#lp-grandcalbee ._grandcalbee-selection .flavor {
	padding-top: 0;
}
#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section .flavor-head {
	max-width: 716px;
	top: -6.5%;
	padding-top: 0;
	z-index: 2;
}
#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section {
	background-image: url(../img/grandcalbee-selection-bg_deco.png), url(../img/grandcalbee-selection_bg.png);
	background-repeat: no-repeat, repeat-x;
	background-size: min(47%, 714px),100% 100%;
	background-position: bottom 5.6% right -6%,top center;
	background-color: #93d1d2;
	padding-bottom: 10px;
}
@media screen and (max-width: 1240px) {
	#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section {
		background-size: min(47%, 714px), cover;
	}
}
@media screen and (max-width: 767px) {
	#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section {
		background-image: url(../img/grandcalbee-selection-bg_deco.png),url(../img/grandcalbee-selection_bg_sp.png);
		background-size: 59%, cover;
		background-position: bottom 6.7% right -42%, top center;
	}
}
#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section {
	padding: 7vw 40px 16vw;
}
#lp-grandcalbee .grandcalbee-selection-about {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1150px;
	margin: 72px auto 0;
}

#lp-grandcalbee .grandcalbee-selection-copy {
	max-width: 660px;
}
#lp-grandcalbee .grandcalbee-selection-copy-txt {
	max-width: 624px;
	margin: 32px auto 0;
}
#lp-grandcalbee .grandcalbee-selection_block {
	margin: 32px auto 0;
	border: 1px solid #231815;
	padding: 28px 32px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	max-width: 720px;
}
#lp-grandcalbee .grandcalbee-selection_block_txt {
	width: 80%;
	text-align: left;
}
#lp-grandcalbee .grandcalbee-selection_block_txt h4 {
	font-size: 24px;
	font-weight: 900;
}
#lp-grandcalbee .grandcalbee-selection_block_txt p {
	padding-top: 16px;
	line-height: 1.4;
}
#lp-grandcalbee .grandcalbee-selection_block_img {
	max-width: 135px;
	width: 18%;
	position: absolute;
	right: 3%;
	bottom: 2%;
}
#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section .grandcalbee-selection-item {
	display: block;
	position: relative;
}
#lp-grandcalbee ._grandcalbee-selection .grandcalbee-selection-about_02 {
	width: 100%;
	padding-left: 5%;
	margin: 0 auto -5%;
}
@media screen and (max-width: 767px) {
	#lp-grandcalbee ._grandcalbee-selection .grandcalbee-selection-about_02 {
		margin: 0 auto -12%;
	}
}
/* #lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section .grandcalbee-selection-item._item01 img {
	max-width: 767px;
} */
#lp-grandcalbee ._grandcalbee-selection .lineup {
	width: auto;
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#lp-grandcalbee ._grandcalbee-selection .grandcalbee-selection_parts ._item01 {
	position: absolute;
    max-width: 641px;
    top: 0;
    right: 0;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	#lp-grandcalbee ._grandcalbee-selection .grandcalbee-selection_parts ._item01 {
		width: 87%;
		right: 0;
	}
}
#lp-grandcalbee ._grandcalbee-selection .grandcalbee-selection_parts ._item02 {
	position: absolute;
	max-width: 161px;
	width: 12vw;
	top: 8%;
    right: 6%;
}
#lp-grandcalbee ._grandcalbee-selection .grandcalbee-selection_parts ._item03 {
	position: absolute;
	max-width: 187px;
	width: 12vw;
	top: 35%;
	right: 0;
}

#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section .grandcalbee-selection-item {
	max-width: 1388px;
	width: 100%;
	margin: 10px auto 100px;
	position: relative;
}
#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section .grandcalbee-selection-item:nth-of-type(3) {
	width: 70%;
	margin-top: 20px;
	z-index: 1;
	max-width: 1016px;
	margin-bottom: 80px;
}

#lp-grandcalbee ._grandcalbee-selection .lineup .lineup-ttl {
	max-width: 663px;
	width: 48%;
}
#lp-grandcalbee ._grandcalbee-selection .lineup .lineup-wrap {
	background-color: inherit;
	width: 30%;
	padding: 0;
	height: auto;
}
#lp-grandcalbee ._grandcalbee-selection .lineup .lineup-wrap .lineup-img {
	max-width: 317px;
	margin: 0 auto 25px;
}
@media screen and (max-width: 767px) {
	#lp-grandcalbee ._grandcalbee-selection .lineup .lineup-wrap .lineup-img {
		width: 80%;
		max-width: none;
		margin: 0 auto 8%;
	}
}
#lp-grandcalbee ._grandcalbee-selection .lineup .lineup-table {
	color: #000;
	margin: 10px auto 0;
}
@media screen and (max-width: 767px) {
	#lp-grandcalbee ._grandcalbee-selection .lineup .lineup-table {
		font-size: 12px;
	}
}
#lp-grandcalbee ._grandcalbee-selection .lineup .lineup-table table {
	background-color: #fff;
}
#lp-grandcalbee ._grandcalbee-selection .grandcalbee-selection-btn .lineup-btn {
	margin: 40px auto 0;
	background-color: #da600f;
	width: 321px;
	font-size: 2.4rem;
	height: 80px;
	line-height: 80px;
	border-radius: 100px;
}

@media screen and (max-width: 1020px) {
	#lp-grandcalbee ._grandcalbee-selection .grandcalbee-selection_parts {
		top: 10%;
	}
}
/* @media screen and (max-width: 860px) {
	#lp-grandcalbee ._grandcalbee-selection .grandcalbee-selection_parts {
		display: none;
	}
} */

@media screen and (max-width: 767px) {
	#lp-grandcalbee ._grandcalbee-selection.section .selection-statement {
		padding: 0 16px;
		margin: -7% auto 0;
	}
	#lp-grandcalbee ._grandcalbee-selection.section .selection-statement img {
		width: 90%;
		margin: auto;
	}
	#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section .grandcalbee-selection-item {
		/* padding: 0 16px; */
		margin-top: 32px;
		margin-bottom: 0;
	}
	#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section .grandcalbee-selection-item._item01:nth-of-type(2) img {
		max-width: 100%;
	}

	#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section .grandcalbee-selection-item:nth-of-type(3) {
		width: 78%;
		padding: 0;
		margin-top: 0;
		margin-bottom: 11%;
	}
	#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section .grandcalbee-selection-item:nth-of-type(4) {
		padding: 0;
	}

	#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section {
		padding: 25vw 0 140px;
	}
	#lp-grandcalbee ._grandcalbee-selection._annotation {
		padding: 10px 0 40vw;
	}
	#lp-grandcalbee ._grandcalbee-selection .flavor .flavor-section .flavor-head {
		top: -12.5vw;
		width: 85%;
		/* position: absolute; */
		padding: 0 16px 0;
		background-color: initial;
		margin-bottom: 0px;
	}
	#lp-grandcalbee ._grandcalbee-selection .lineup {
		margin: auto;
		max-width: 100%;
	}
	/* #lp-grandcalbee ._grandcalbee-selection .grandcalbee-selection_parts {
		display: none;
	} */
	#lp-grandcalbee ._grandcalbee-selection .lineup .lineup-ttl {
		width: 90%;
		margin: auto;
		max-width: 100%;;
	}
	#lp-grandcalbee ._grandcalbee-selection .lineup .lineup-wrap {
		width: 82%;
		max-width: 100%;
		margin: 10px auto 0;
		bottom: 0;
	}
	#lp-grandcalbee .grandcalbee-selection-copy,
	#lp-grandcalbee .grandcalbee-selection-copy-txt {
		width: 85%;
		margin: auto;
	}
	#lp-grandcalbee .grandcalbee-selection-copy-txt {
		padding-top: 28px;
	}
	#lp-grandcalbee .grandcalbee-selection_block {
		padding: 16px;
	}
	#lp-grandcalbee .grandcalbee-selection_block_txt {
		width: 71%;
	}
	#lp-grandcalbee .grandcalbee-selection_block_txt h4 {
		font-size: 18px;
	}
	#lp-grandcalbee .grandcalbee-selection_block_img {
		right: 0;
		width: 30%;
		bottom: 18%;
	}
	#lp-grandcalbee .grandcalbee-selection-about-img {
		width: 90%;
		padding-top: 20px;
		margin: auto;
	}
	#lp-grandcalbee .grandcalbee-selection-about {
		margin-top: 48px;
	}
	#lp-grandcalbee ._grandcalbee-selection .grandcalbee-selection-btn .lineup-btn {
		font-size: 1.8rem;
		height: 50px;
		line-height: 50px;
		width: 210px;
		margin-top: 0;
	}
}

/* limiteditem */
#lp-grandcalbee .section._limiteditem {
	width: 100%;
}
#lp-grandcalbee .section._limiteditem img {
	width: 100%;
}
#lp-grandcalbee .section-top {
	background: linear-gradient(to bottom, #eee 5%, #fff 5%);
	padding-bottom: 3%;
	margin-top: -1px;
}

#lp-grandcalbee ._selection_w_t_osaka .section-title {
	/* margin-top: -8vw; */
	padding-top: 5%;
	background-color: #fff;
}
#lp-grandcalbee ._selection_w_t_osaka .section-title img {
	margin-bottom: -1px;
}
#lp-grandcalbee .section._limiteditem .limiteditem-box {
	position: relative;
	background-image: url(../img/sec-bg-limiteditem.jpg);
	background-size: cover;
	background-position: top center;
	padding: 0 3% 13vw;
	margin: -5% auto 0;
	text-align: center;
}
#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img img{
	position: absolute;
}
#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._01{
	width: 7.5%;
	/* max-width: 92px; */
	top: 4%;
	left: 6%;
}
#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._02{
	width: 10%;
	/* max-width: 141px; */
	top: 3%;
	right: 0;
}
#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._03{
	width: 20.2%;
	/* max-width: 307px; */
	top: 28%;
	left: 0;
}
#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._04{
	width: 10.8%;
	/* max-width: 165px; */
	top: 26%;
	right: 0;
}
#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._05{
	width: 7.1%;
	/* max-width: 107px; */
	top: 49%;
	right: 6%;
}
#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._06{
	width: 11.8%;
	/* max-width: 179px; */
	top: 70%;
	left: 3%;
}
#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._07{
	width: 8.5%;
	/* max-width: 129px; */
	top: 78%;
	right: 6%;
}
#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._08{
	width: 11.8%;
	/* max-width: 179px; */
	top: 78%;
	left: 3%;
}
#lp-grandcalbee .section._limiteditem .section-title .section-img {
	position: absolute;
	width: 100%;
	max-width: 411px;
	top: -27px;
	bottom: 0;
}
#lp-grandcalbee .section._limiteditem .pv10,
#lp-grandcalbee .selection_dansyaku-box .pv10 {
	padding: 10% 0 5%;
}
#lp-grandcalbee .section._limiteditem .annotation,
#lp-grandcalbee .selection_dansyaku-box .annotation {
	margin: 0 auto;
	background-color: #fff;
}
#lp-grandcalbee .section._limiteditem .annotation p,
#lp-grandcalbee .selection_dansyaku-box .annotation p {
	color: red;
}
#lp-grandcalbee .section._limiteditem .limiteditem-item {
	display: flex;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 3%;
	align-items: center;
}
#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-left,
#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-right{
	width: 50%;
}
#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-left{
	text-align: center;
	/* padding-top: 3%; */
	padding-left: 17%;
	margin-right: -2%;
}
#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-left ._01{
	width: 63%;
	padding-bottom: 20px;
}
#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-left ._02{
	width: 76%;
	padding-bottom: 20px;
}
#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-left ._03{
	width: 70%;
	/* max-width: 355px; */
	margin: 0 auto 6%;
}
#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-right{
	text-align: left;
	margin-left: -2%;
}
#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-right ._01{
	width: 100%;
	max-width: 311px;
	margin-left: 24%;
}
#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-right ._02{
	width: 100%;
	max-width: 545px;
}
#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-left img{
	max-width: 437px;
}
#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-right img{
	max-width: 545px;
}
#lp-grandcalbee .section._limiteditem .limiteditem-text img{
	/* display: block; */
	margin: 0 auto;
	text-align: center;
}
#lp-grandcalbee .section._limiteditem .limiteditem-text img:nth-of-type(1){
	max-width: 717px;
	padding-bottom: 2%;
}
#lp-grandcalbee .section._limiteditem .limiteditem-text img:nth-of-type(2){
	max-width: 565px;
}
#lp-grandcalbee .section._limiteditem .limiteditem-point-text{
	max-width: 1000px;
	padding: 3% 0;
	margin: 0 auto;
}
#lp-grandcalbee .section._limiteditem .limiteditem-box-text{
	max-width: 1000px;
	margin: 0 auto 3%;
}
#lp-grandcalbee .section._limiteditem .limiteditem-box a{
	margin: 0 auto;
}
#lp-grandcalbee .section._limiteditem .btn{
	width: 320px;
	font-size: 1.6rem;
	height: 80px;
	border-radius: 50vw;
	line-height: 80px;
}
#lp-grandcalbee .lineup-table {
	text-align: center;
}
#lp-grandcalbee .lineup-table .lineup-table_block{
	width: 65%;
	max-width: 300px;
	font-size: 1.2rem;
	text-align: center;
	border: solid 2px #cccccc;
	margin: 8px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #fff;
	color: #111;
}
#lp-grandcalbee .lineup-text {
	line-height: 1.7;
	padding-bottom: 5%;
}
#lp-grandcalbee .lineup-text .small-text{
	font-size: 1.2rem;
}
#lp-grandcalbee .lineup-table .nutrients {
	background-color: #eeeeee;
	font-weight: 400;
	/* width: 40%; */
	text-align: left;
	padding: 2% 10% 2% 2%;

}
#lp-grandcalbee .lineup-table li {
	line-height: 1.6;
}
#lp-grandcalbee .nutrients li {
	text-align:justify!important;
	text-align-last:justify!important;
	/* padding-right: 23%; */
}
#lp-grandcalbee .lineup-table .number {
	width: 46%;
	padding: 2% 0 2% 2%;
	text-align: right;
}
#lp-grandcalbee .lineup-table .estimated-value {
	width: 14%;
	padding: 2% 2% 0 0;
	text-align: left;
}
#lp-grandcalbee .lineup-table table tr {
	position: relative;
}
#lp-grandcalbee .lineup-table table th {
	background-color: #eeeeee;
	font-weight: 400;
	width: 40%;
	text-align: left;
	padding: 4px 0 4px 16px;
	/* padding-left: 16px; */
}

#lp-grandcalbee .lineup-table table td {
	text-align: right;
	padding: 4px 16px 4px 0;
	/* padding-right: 16px; */
}

#lp-grandcalbee .lineup-table table th+th,
#lp-grandcalbee .lineup-table table td+td {
	border-left: solid 2px #cccccc;
}
#lp-grandcalbee .lineup-table span{
	font-size: 1.4rem;
}

@media screen and (max-width:767px) {
	#lp-grandcalbee .section._limiteditem .limiteditem-box {
		width: 100%;
		padding: 0 5% 43%;
	}
	#lp-grandcalbee .section._limiteditem .pv10,
	#lp-grandcalbee .selection_dansyaku-box .pv10 {
		padding: 25% 0 17%;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-item {
		display: block;
		padding: 0 0 12%;
	}
	#lp-grandcalbee .section-top{
		padding-bottom: 15%;
	}
	#lp-grandcalbee .section._limiteditem .section-title .section-img{
		width: 93%;
		max-width: none;
		top: -21px;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-left,
	#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-right{
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding-left: 0;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-left ._03{
		width: 100%;
		margin: 0 auto 4%;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-right ._01{
		margin: 0 auto;
		max-width: none;
		width: 93%;
		padding-top: 0;
		padding-bottom: 2%;	
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-right ._02{
		max-width: none;
		margin-left: -5%;
		width: 100%;
		overflow: hidden;
		padding-bottom: 0;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-item .limiteditem-right img{
		margin: 0 auto;
		width: 95%;
		max-width: none;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-text{
		padding-bottom: 6%;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-point-text{
		padding: 3% 0 20%;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-text img:nth-of-type(1){
		max-width: none;
		width: 100%;
		padding-bottom: 8%;
	}
	#lp-grandcalbee .section._limiteditem .btn{
		margin: 10% auto 0 !important;
		width: 300px;
    	font-size: 2.2rem;
    	height: 75px;
    	border-radius: 50vw;
    	line-height: 75px;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._01{
		max-width: none;
		width: 13%;
		top: 5.5%;
		left: 3%;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._02{
		width: 19%;
		max-width: none;
		top:2.8%;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._03{
		width: 39%;
		max-width: none;
    	top: 17%;
    	left: -15%;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._04{
		width: 20%;
		max-width: none;
	    top: 20%;
    	right: -1%;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._05{
		width: 11%;
		max-width: none;
		top: 37%;
		right: -3%;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._06{
		width: 20%;
		max-width: none;
    	top: 43%;
    	left: -4%;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._07{
		width: 19.5%;
		max-width: none;
    	top: 90%;
    	right: 1%;
	}
	#lp-grandcalbee .section._limiteditem .limiteditem-box .limiteditem-poteto-img ._08{
		width: 25%;
		max-width: none;
		top: 92.5%;
		left: 2%;
	}
	#lp-grandcalbee .limiteditem-box .lineup-text {
		text-align: center;
		font-size: 1.8rem;
		line-height: 2.6rem;
		letter-spacing: 0.2rem;
	}
	#lp-grandcalbee .limiteditem-box .lineup-text .small-text {
		font-size: 1.4rem;
		letter-spacing: 0.2rem;
	}
	#lp-grandcalbee .limiteditem-box .lineup-text2 {
		font-size: 1.8rem;
		letter-spacing: 0.2rem;
	}
	#lp-grandcalbee .lineup-table .lineup-table_block{
		width: 88%;
	}
	#lp-grandcalbee .lineup-text+.lineup-text {
		margin-top: 8px;
	}

	#lp-grandcalbee .lineup-text span {
		font-size: 1.4rem;
	}

	#lp-grandcalbee .lineup-text sup {
		font-size: 1.2rem;
		position: relative;
		top: 0.2em;
		vertical-align: top;
	}

	#lp-grandcalbee .lineup-table {
		margin: 10px auto 16px;
		padding: 0;
	}

	#lp-grandcalbee .lineup-table table {
		width: 100%;
		font-size: 1.2rem;
		text-align: center;
		line-height: 1.3;
		border: solid 2px #cccccc;
		margin-top: 8px;
	}

	#lp-grandcalbee .lineup-table table th+th,
	#lp-grandcalbee .lineup-table table td+td {
		border-left: solid 2px #cccccc;
	}

	#lp-grandcalbee .lineup-table span{
		font-size: 1.2rem;
	}
}

/* onlineshop */
#lp-grandcalbee .section._onlineshop {
	background-color: #dee6e1;
	margin-top: -9vw;
}

#lp-grandcalbee .onlineshop {
	padding-bottom: 124px;
}

#lp-grandcalbee .onlineshop .onlineshop-banner {
	max-width: 1150px;
	width: 100%;
	margin: 64px auto 0;
}

/* shop */
#lp-grandcalbee .shop {
	background-color: #dee6e1;
	letter-spacing: 0.1em;
	padding-bottom: 124px;
	text-align: center;
}

#lp-grandcalbee .shop .shop-title {
	margin: 0 auto;
	width: 336px;
}

#lp-grandcalbee .shop .shop-img {
	max-width: 1150px;
	width: 100%;
	margin: 84px auto 24px;
}

#lp-grandcalbee .shop .shop-name {
	font-size: 1.6rem;
	margin-bottom: 25px;
}

#lp-grandcalbee .shop .shop-address {
	font-size: 1.4rem;
	line-height: 2.4rem;
	margin-bottom: 28px;
}

#lp-grandcalbee .shop .shop-attention {
	color: #308b59;
	font-size: 1.4rem;
	line-height: 2.4rem;
}

/* limited */
#lp-grandcalbee .limited {
	background-color: #dee6e1;
	letter-spacing: 0.1em;
	padding-bottom: 120px;
}

#lp-grandcalbee .limited .limited-title {
	margin: 0 auto;
	max-width: 965px;
	width: 100%;
}

#lp-grandcalbee .limited .limited-text {
	margin-top: 54px;
	text-align: center;
	font-size: 1.6rem;
	line-height: 2.6rem;
}

#lp-grandcalbee .limited .limited-table {
	color: #308b59;
	margin-top: 40px;
}
#lp-grandcalbee .limited .limited-table .limited-table_wrap {
	display: flex;
	align-items: stretch;
	/* max-width: 800px; */
	max-width: 890px;
	margin: auto;
	flex-wrap: wrap;
}

#lp-grandcalbee .limited .limited-table .limited-month {
	text-align: center;
	font-size: 2.4rem;
	margin-bottom: 20px;
}

#lp-grandcalbee .limited .limited-table dl {
	/* width: 360px; */
	width: 48%;
	margin: 10px auto;
	border: solid 2px #308b59;
}

#lp-grandcalbee .limited .limited-table dl dt {
	width: 100%;
	color: #fff;
	text-align: center;
	background-color: #308b59;
	font-size: 1.6rem;
	padding: 8px 0;
}

#lp-grandcalbee .limited .limited-table dl dd {
	padding: 20px 16px 16px;
	line-height: 1.3;
}

#lp-grandcalbee .limited .limited-table dl dd span {
	font-size: 1.4rem;
}
#lp-grandcalbee .limited .limited-table dl dd .indent-text {
	line-height: 1.3;
	text-indent: -1em;
	padding-left: 1em;
}
#lp-grandcalbee .limited-attention {
	padding-top: 20px;
	text-align: center;
}
#lp-grandcalbee .limited .limited-table .limited-attention {
	text-align: center;
	font-size: 1.4rem;
	margin-top: 60px;
	color: #333;
	line-height: 2;
}
#lp-grandcalbee .limited .limited-table .limited-attention span {
	font-size: 1.8rem;
	color: #666;
}

@media screen and (max-width:767px) {
	#lp-grandcalbee .limited .limited-table .limited-attention span {
		font-size: 1.6rem;
	}
}


/* footer */
#lp-grandcalbee .footer {
	padding: 48px 0 80px;
	letter-spacing: 0.1em;
	text-align: center;
	background-color: #fff;
	position: relative;
}

#lp-grandcalbee .footer a {
	display: inline;
}

#lp-grandcalbee .footer .footer-title {
	font-size: 2.4rem;
}

#lp-grandcalbee .footer .footer-info {
	font-size: 1.6rem;
	line-height: 2.6rem;
	margin-top: 43px;
}

#lp-grandcalbee .footer .footer-logo {
	width: 64px;
	margin: 76px auto 0;
}

/* banner */
#lp-grandcalbee .footer .banner {
	position: fixed;
	bottom: 96px;
	right: 40px;
	width: 225px;
	height: auto;
	display: none;
	z-index: 5;
}

/* ======= sp用スタイル ======= */
@media screen and (max-width:767px) {

	/* btn */
	#lp-grandcalbee .btn {
		display: block;
		width: 143px;
		height: 42px;
		line-height: 43px;
		border-radius: 32px;
	}

	/* kv */
	#lp-grandcalbee .kv .kv-img {
		width: 100%;
		height: 142vw;
	}

	#lp-grandcalbee .kv .kv-logo {
		top: 46%;
		width: 35%;
	}


	/* News */
	#lp-grandcalbee .news {
		/* margin-bottom: 30px; */
		padding: 16px;
	}

	#lp-grandcalbee .news .news-block {
		/* background-color: transparent; */
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
		padding: 20px 0 20px 16px;
	}

	#lp-grandcalbee .news .news-block .news-title {
		display: flex;
		margin: 0 0 12px;
	}

	#lp-grandcalbee .news .news-block .news-list {
		padding: 0;
		max-height: none;
		overflow-y: scroll;
		height: 32vw;
	}

	#lp-grandcalbee .news .news-block .news-list .news-item {
		line-height: 20px;
		padding-bottom: 0;
		border-bottom: none;
	}

	#lp-grandcalbee .news .news-block .news-list .news-item+.news-item {
		margin-top: 0;
	}

	/* menu */
	#lp-grandcalbee .menu nav {
		position: absolute;
		right: 0;
		top: 0;
		background-color: #eef1ef;
		width: 100%;
		height: 100%;
		padding: 40px 16px;
	}

	#lp-grandcalbee .menu nav a {
		font-size: 1.8rem;
		line-height: 2.4rem;

	}

	#lp-grandcalbee .menu nav ul {
		padding: 0 40px;
	}

	#lp-grandcalbee .menu nav ul li img {
		margin-right: 4px;
	}

	#lp-grandcalbee .menu nav ul li+li {
		margin-top: 30px;
	}

	#lp-grandcalbee .menu nav .menu-banner {
		margin-top: 40px;
	}

	/* Lead */
	#lp-grandcalbee .section._lead {
		padding: 45px 16px 20px;
	}

	#lp-grandcalbee .lead-img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	/* Brand */
	#lp-grandcalbee .section._brand {
		padding-bottom: 48px;
		margin-top: 0;
		margin-bottom: 0;
	}

	#lp-grandcalbee .brand {
		margin: 22px auto 0;
		max-width: 100%;
		padding: 0 16px;
		flex-wrap: wrap;
	}

	#lp-grandcalbee .brand .brand-item {
		min-width: 143px;
		margin-bottom: 22px;
		width: 42%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	/* Flavor */
	#lp-grandcalbee .section._flavor {
		background-color: #fff;
	}

	/* #lp-grandcalbee .section .section-title {
	margin-top: -22%;
	} */

	#lp-grandcalbee .flavor {
		padding-top: 0;
	}

	#lp-grandcalbee .flavor .flavor-section {
		padding: 0 0 60px;
		position: relative;
		background-color: #eeefea;
	}

	#lp-grandcalbee .flavor .flavor-section .flavor-head {
		width: 100%;
		position: relative;
		padding-top: 40px;
		/* left: 0; */
		top: 0;
		background-color: #fff;
		text-align: center;
		margin-bottom: 80px;
	}
	#lp-grandcalbee .flavor .flavor-section .note {
		font-size: 1.6rem;
		width: 90%;
	}

	#lp-grandcalbee .flavor .flavor-section .flavor-head .flavor-lead {
		margin-top: 0;
		padding-top: 20px;
		font-size: 2rem;
		line-height: 2.6rem;
		letter-spacing: 0.1em;
		color: #333333;
		background-color: #eeefea;
	}

	#lp-grandcalbee .flavor .flavor-section .flavor-lineup,
	#lp-grandcalbee .giftbox .giftbox-lineup {
		font-size: 4rem;
		text-align: center;
		font-weight: bold;
		color: #111;
		opacity: 0.5;
		/* color: rgba(17, 17, 17, 0.5); */
		letter-spacing: 0.1em;
		/* margin-bottom: 86px; */
	}

	#lp-grandcalbee .flavor .flavor-section .flavor-item,
	#lp-grandcalbee .flavor._3clum .flavor-section .flavor-item {
		width: auto;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;

		/* width: calc(100% - 48px); */
	}


	/* giftbox */
	#lp-grandcalbee .section._giftbox {
		padding: 90px 0 40px;
		margin-top: 0;
	}

	#lp-grandcalbee .giftbox .giftbox-text {
		margin: 20px auto 36px;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}

	#lp-grandcalbee .giftbox .giftbox-item {
		width: 100%;
		/* padding: 0 16px; */
		display: block;
	}

	/* lineup */
	#lp-grandcalbee .lineup,
	#lp-grandcalbee ._3clum .lineup {
		/* width: 454px; */
		max-width: 400px;
		padding: 0 0 20px;
		margin: 0 16px 0 0;
		letter-spacing: 0.1em;
	}

	#lp-grandcalbee .giftbox .lineup {
		width: 100%;
		height: auto;
		padding: 0 0 20px;
		/* margin: 0 auto 40px; */
		margin: 0 16px 0 0;
	}

	#lp-grandcalbee .lineup .lineup-img {
		width: 100%;
		height: auto;
		position: relative;
	}


	#lp-grandcalbee .lineup .lineup-wrap,
	#lp-grandcalbee ._3clum .lineup .lineup-wrap {
		font-feature-settings: "palt";
		padding: 0 16px 40px;
		height: 430px;
	}

	#lp-grandcalbee .lineup .lineup-name {
		text-align: center;
		font-size: 2rem;
		letter-spacing: 0;
		margin: 0 auto 16px;
	}

	#lp-grandcalbee .lineup .lineup-price {
		text-align: center;
		font-size: 2rem;
	}

	#lp-grandcalbee .lineup .lineup-text {
		text-align: center;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}

	#lp-grandcalbee .lineup .lineup-text+.lineup-text {
		margin-top: 8px;
	}

	#lp-grandcalbee .lineup .lineup-text span {
		font-size: min(1.4rem,3vw);
	}

	#lp-grandcalbee .lineup .lineup-text sup {
		font-size: 1.2rem;
		position: relative;
		top: 0.2em;
		vertical-align: top;
	}

	#lp-grandcalbee .lineup .lineup-table {
		margin: 10px auto 16px;
		padding: 0;
	}

	#lp-grandcalbee .lineup .lineup-table table {
		width: 100%;
		font-size: 1.2rem;
		text-align: center;
		line-height: 1.3;
		border: solid 2px #cccccc;
		margin-top: 8px;
	}

	#lp-grandcalbee .lineup .lineup-table table th+th,
	#lp-grandcalbee .lineup .lineup-table table td+td {
		border-left: solid 2px #cccccc;
	}

	#lp-grandcalbee .lineup .lineup-table span{
		font-size: 1.2rem;
	}

	#lp-grandcalbee .lineup .lineup-btn {
		bottom: 20px;
	}

	#lp-grandcalbee .giftbox .lineup .lineup-btn {
		margin: auto auto 0;
	}

	#lp-grandcalbee .lineup .lineup-data {
		padding: 0;
	}

	#lp-grandcalbee .lineup .lineup-data dl {
		text-align: center;
		margin: 16px 0 30px;
	}

	#lp-grandcalbee .lineup .lineup-data dl dt {
		width: 100%;
		padding: 6px 0;
		background-color: #533328;
		color: #fff;
		margin-bottom: 8px;
	}

	#lp-grandcalbee .lineup .lineup-data dl dd {
		margin-top: 8px;
	}

	#lp-grandcalbee .lineup .lineup-data dl dd+dt {
		margin-top: 10px;
	}
	

	/* selection */
	#lp-grandcalbee .section._selection {
		padding-bottom: 60px;
	}
	#lp-grandcalbee ._selection_w_t_osaka .section-title {
		/* margin-top: -19vw; */
		/* padding-bottom: 10%; */
		padding-top: 8%;
	}
	#lp-grandcalbee .selection {
		padding: 0 16px;
	}

	#lp-grandcalbee .selection .selection-lead {
		font-size: 1.6rem;
		line-height: 1.6rem;
		margin-top: 20px;
	}

	#lp-grandcalbee .selection .selection-img {
		width: 100%;
		margin: 22px auto 0;
	}
	#lp-grandcalbee .selection .selection-price {
		width: 54%;
		max-width: 382px;
		margin: 20px auto 0;
	}

	#lp-grandcalbee .selection .selection-name {
		font-size: 2.4rem;
	}

	#lp-grandcalbee .selection .selection-text {
		margin: 17px 0 6px;
		font-size: 1.6rem;
	}

	#lp-grandcalbee .selection .selection-table {
		margin: 0 auto;
		width: 100%;
		max-width: none;
		padding: 0 20px;
	}

	#lp-grandcalbee .selection .selection-table table {
		/* width: 100%; */
		width: 242px;
		font-size: 1.2rem;
		text-align: center;
		line-height: 1.3;
		border: solid 2px #cccccc;
		margin-top: 8px;
	}

	#lp-grandcalbee .selection .selection-table table th+th,
	#lp-grandcalbee .selection .selection-table table td+td {
		border-left: solid 2px #cccccc;
	}

	#lp-grandcalbee .selection .selection-btn {
		margin: 32px auto 0;
	}

	/* annotation */
	#lp-grandcalbee .annotation {
		padding: 20px 10px;
		/* margin: 64px auto 25px; */
		margin: 50px auto 25px;
		width: 88%;
		/* width: 100%; */
		font-size: 1.4rem;
		line-height: 1.6;
	}

	#lp-grandcalbee .annotation p {
		font-size: 2.0rem;
		margin-bottom: 10px;
		line-height: 1.3;
	}

	#lp-grandcalbee .annotation ul li {
		font-size: 1.2rem;
		margin-bottom: 10px;
		line-height: 1.2;
		text-align: left;
	}

	/* onlineshop */
	#lp-grandcalbee .section._onlineshop {
		background-color: #dee6e1;
		margin-top: -90px;
	}

	#lp-grandcalbee .onlineshop {
		padding-bottom: 40px;
	}

	#lp-grandcalbee .onlineshop .onlineshop-banner {
		width: 100%;
		padding: 0 16px;
		max-width: 640px;
		margin: 28px auto 0;
	}

	/* shop */
	#lp-grandcalbee .shop {
		padding-bottom: 38px;
		text-align: left;
	}

	#lp-grandcalbee .shop .shop-title {
		width: 45%;
	}

	#lp-grandcalbee .shop .shop-img {
		max-width: none;
		width: 100%;
		margin: 10px auto 25px;
	}

	#lp-grandcalbee .shop .shop-name {
		padding: 0 16px;
		margin-bottom: 15px;
	}

	#lp-grandcalbee .shop .shop-address {
		padding: 0 16px;
		font-size: 1.4rem;
		line-height: 2.4rem;
		margin-bottom: 16px;
	}

	#lp-grandcalbee .shop .shop-attention {
		padding: 0 16px;
	}

	/* limited */
	#lp-grandcalbee .limited {
		background-color: #dee6e1;
		letter-spacing: 0.1em;
		padding-bottom: 65px;
	}

	#lp-grandcalbee .limited .limited-title {
		margin: 0 auto 30px;

		width: 100%;
	}

	#lp-grandcalbee .limited .limited-text {
		padding: 0 16px;
		margin-top: 30px;
		text-align: left;
		font-size: 1.6rem;
		line-height: 2.6rem;
	}

	#lp-grandcalbee .limited .limited-table {
		margin-top: 30px;
		padding: 0 16px;
	}

	#lp-grandcalbee .limited .limited-table .limited-month {
		margin-bottom: 16px;
	}

	#lp-grandcalbee .limited .limited-table dl {
		width: 100%;
		border: solid 1px #308b59;
	}

	#lp-grandcalbee .limited .limited-table .limited-attention {
		font-size: 1.1rem;
		margin-top: 50px;
	}

	/* footer */
	#lp-grandcalbee .footer {
		padding: 52px 16px 26%;
	}

	#lp-grandcalbee .footer a {
		display: inline;
	}

	#lp-grandcalbee .footer .footer-title {
		font-size: 2.4rem;
		line-height: 2.6rem;
	}

	#lp-grandcalbee .footer .footer-info {
		word-break: break-all;
		margin-top: 32px;
		text-align: left;
	}

	#lp-grandcalbee .footer .footer-logo {
		width: 46px;
		margin: 18px auto 0;
	}


	/* banner */
	#lp-grandcalbee .footer .banner {
		width: 100%;
		bottom: 0;
		right: 0;
		left: 0;
		height: auto;
	}
}

/* =================== アニメーション =================== */
/* フェードイン */
#lp-grandcalbee .fadein {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 1000ms;
}

/* 画面内に入った状態 */
#lp-grandcalbee .fadein.scrollin {
	opacity: 1;
	transform: translate(0, 0);
}

/* 2つ目の要素に200msのdelayをかける */
#lp-grandcalbee #lineup .fadein:nth-of-type(2) {
	-moz-transition-delay: 600ms;
	-webkit-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
}

/* 3つ目の要素に400msのdelayをかける */
#lp-grandcalbee #lineup .fadein:nth-of-type(3) {
	-moz-transition-delay: 1200ms;
	-webkit-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
}

#lp-grandcalbee .header {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 70px;
	position: absolute;
	z-index: 1;
}
