@charset "UTF-8";

/* ----------------------------------------------------
	header
---------------------------------------------------- */
.header .header__official {
	background: rgb(var(--wht));
	padding: 0 1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .kv {
	background: #FFFBE9;
	background: linear-gradient(180deg, #fff 0%, #fff 80%, #FFFBE9 20%, #FFFBE9 100%);
}

.header .kv figcaption {
	display: block;
	width: 200px;
	margin: 0 20px 0 auto;
}

@media screen and (max-width: 768px) {
	.header .kv {
		margin-top: 30px;
	}
	.header .kv figcaption {
		width: 160px;
	}
}

/* ----------------------------------------------------
	main
---------------------------------------------------- */
.main {
	background: rgb(var(--blk));
	width: 100%;
	color: rgb(var(--wht));
}

.font_marigny {
	font-family: "marigny", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.w980 {
	max-width: 980px;
	margin: 0 auto;
}

.w1080 {
	max-width: 1080px;
	margin: 0 auto;
}

.rel {
	position: relative;
}

@media screen and (max-width: 768px) {
	.w980,
	.w1080 {
		margin: 0 10px;
	}	
}

/* ----------------------------------------------------
	history
---------------------------------------------------- */
.history {
	background: rgb(255,251,233);
	background: linear-gradient(180deg, rgba(255,251,233,1) 0%, rgba(227,246,255,1) 54%);
	padding-bottom: 6%;
	position: relative;
}

.history .logo {
	padding: 10% 0 15%;
}

.history h2.font_marigny {
	/* font-size: 40px; */
	font-size: 46px;
	text-align: center;
	color: #595757;
	background: linear-gradient(transparent 70%, #fff 70%);
	width: 75%;
	height: 70px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.history h2.font_marigny span {
	font-size: 55px;
}
.history h2.font_marigny span.text {
	font-size: 40px;
	vertical-align: -webkit-baseline-middle;
}

.history p {
	color: #3E3A39;
	/* font-size: 23px; */
	font-size: 25px;
	font-weight: bold;
	text-align: center;
}

.history .item01,
.history .item02,
.history .item03,
.history .item04 {
	position: absolute;
	width: 17%;
	z-index: 9990;
}
.history .item01 {
	top: -70px;
	left: -50px;
	width: 25%;
}
.history .item02 {
	bottom: -80px;
	left: 0;
}
.history .item03 {
	bottom: -100px;
	right: 0;
	width: 20%;
}
.history .item04 {
	top: -60px;
	right: 60px;
	width: 12%;
}

.history #svg-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}

@media screen and (max-width: 768px) {
	.history {
		background: linear-gradient(180deg, rgba(255, 251, 233, 1) 10%, rgba(227, 246, 255, 1) 30%);
		padding-bottom: 20%;
	}
	.history .logo {
		width: 90%;
		margin: 0 auto;
		padding: 20px 0 80px;
	}
	.history h2.font_marigny {
		font-size: 22px;
		width: 100%;
		height: 44px;
		margin-bottom: 20px;
	}
	.history h2.font_marigny span,
	.history h2.font_marigny span.text {
		font-size: 30px;
	}
	.history p {
		font-size: 14px;
	}
	.history .item01 {
		top: -50px;
		left: 0px;
		width: 37%;
	}
	.history .item02 {
		bottom: -35px;
		left: 0;
		width: 26%;
	}
	.history .item03 {
		bottom: -40px;
		right: 0;
		width: 24%;
	}
	.history .item04 {
		top: -60px;
		right: 20px;
		width: 23%;
	}
	
}

/* ----------------------------------------------------
	conceptroom
---------------------------------------------------- */
.conceptroom {
	background: #FFF9CE;
	color: #3E3A39;
	position: relative;
	overflow: hidden;
}

.conceptroom #wrap {
    height: 100%;
}
.conceptroom #wrap {
    position: relative;
}
.conceptroom #svg {
	position: relative;
	z-index: 999;
}

.conceptroom h2 {
	width: 650px;
	color: #F98E00;
	font-family: "marigny", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 40px;
	border-radius: 70px;
	margin: 0 auto;
	position: relative;
	margin-top: -160px;
}

.conceptroom h2 p.heading {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.conceptroom p.text {
	color: #3E3A39;
	font-size: 22px;
	text-align: center;
	padding: 40px 0;
}

.conceptroom .img {
	width: 90%;
	margin: 0 auto;
}

.conceptroom .originalamenities {
	background: #FFFFEE;
	max-width: 1000px;
	margin: 150px auto 20px;
	position: relative;
	padding: 50px;
}

.conceptroom .originalamenities h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 10px;
	box-shadow: 10px 10px 0px 0px rgba(113, 112, 113, 0.4);
	margin-top: 0;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 530px;
}

.conceptroom .originalamenities .text {
	font-size: 22px;
	text-align: center;
}

.conceptroom .originalamenities .amenities {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.conceptroom .originalamenities .amenities li {
	width: 33.3333333333%;
}

.conceptroom .originalamenities .amenities li .img01 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.conceptroom .originalamenities .amenities li .img02 {
	width: 70%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.conceptroom .originalamenities .amenities li .img03 {
	width: 60%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.conceptroom .originalamenities .amenities li .text01,
.conceptroom .originalamenities .amenities li .text02,
.conceptroom .originalamenities .amenities li .text03 {
	width: 85%;
	margin: 0 auto;
}
.conceptroom .originalamenities .amenities li .text02 {
	width: 65%;
}
.conceptroom .originalamenities .amenities li .text03 {
	width: 67%;
}

.conceptroom .originalamenities .amenities li h3 {
	display: inline-block;
	background: linear-gradient(transparent 70%, #FFEE64 70%);
	height: 30px;
	font-size: 20px;
	margin-bottom: 10px;
}

.conceptroom .originalamenities .amenities li p {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
}
.conceptroom .originalamenities .amenities li p span {
	font-size: 15px;
	font-weight: 400;
}

.conceptroom .originalamenities .amenities li p span span {
	margin-left: 49px;
}

.conceptroom .note {
	max-width: 1000px;
	margin: 0 auto;
	font-size: 14px;
}
.conceptroom .note p {
	margin-bottom: 0;
}

.conceptroom .area_conceptroom {
	position: relative;
	z-index: 9999;
	padding-bottom: 120px;
}

.conceptroom .bg-item01,
.conceptroom .bg-item02 {
	position: absolute;
}
.conceptroom .bg-item01 {
	width: 60%;
	top: -310px;
	left: -240px;
}
.conceptroom .bg-item02 {
	width: 90%;
	top: 40%;
	right: -50%;
}

.conceptroom .item01,
.conceptroom .item02,
.conceptroom .item03 {
	position: absolute;
	width: 30%;
}
.conceptroom .item01 {
	top: 410px;
	right: 140px;
	width: 9%;
}
.conceptroom .item02 {
	top: 1180px;
	left: 120px;
	width: 16%;
}
.conceptroom .item03 {
	bottom: 150px;
	right: 140px;
	width: 16%;
	z-index: 9999;
}

@media screen and (max-width: 768px) {
	.conceptroom h2 {
		width: 100%;
		margin-top: -58px;
		font-size: 21px;
	}
	.conceptroom p.text {
		font-size: 14px;
		padding: 20px 0 60px;
	}
	.conceptroom .item01 {
		top: 350px;
		right: 10px;
		width: 20%;
	}
	.conceptroom .item02 {
		top: 660px;
		left: 2px;
		width: 36%;
	}
	.conceptroom .item03 {
		bottom: 175px;
		right: 0px;
		width: 53%;
		z-index: 9999;
	}
	.conceptroom .area_conceptroom {
		padding-bottom: 40px;
	}
	.conceptroom .originalamenities {
		margin: 100px 10px 20px;
		padding: 50px 10px;
	}
	.conceptroom .originalamenities h2 {
		box-shadow: 5px 5px 0px 0px rgba(113, 112, 113, 0.4);
		width: 90%;
		padding-top: 5px;
	}
	.conceptroom .originalamenities .text {
		font-size: 14px;
		padding: 20px 0 30px;
	}
	.conceptroom .originalamenities .amenities {
		flex-wrap: wrap;
	}
	.conceptroom .originalamenities .amenities li {
		width: 50%;
	}
	.conceptroom .originalamenities .amenities li:last-child {
		margin-top: 50px;
	}

	.conceptroom .originalamenities .amenities li h3 {
		font-size: 13px;
		text-align: center;
		height: 23px;
	}
	.conceptroom .originalamenities .amenities li .img01 {
		width: 100%;
		margin-bottom: 10px;
	}
	.conceptroom .originalamenities .amenities li .img02 {
		width: 70%;
		margin-bottom: 10px;
	}
	.conceptroom .originalamenities .amenities li .img03 {
		width: 60%;
		margin-bottom: 10px;
	}
	.conceptroom .originalamenities .amenities li .text01,
	.conceptroom .originalamenities .amenities li .text02,
	.conceptroom .originalamenities .amenities li .text03 {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.conceptroom .originalamenities .amenities li p {
		font-size: 12px;
		padding-left: 16px;
	}
	.conceptroom .originalamenities .amenities li p span {
		font-size: 11px;
	}
	.conceptroom .note {
		margin: 0 10px;
		font-size: 10px;
	}
	.conceptroom .originalamenities .amenities li p span span {
		margin-left: 0;
	}
	
}

/* ----------------------------------------------------
	reservation-reception_member
---------------------------------------------------- */
.reservation-reception_member {
	background: #fefef4;
	color: #231815;
	position: relative;
}

.reservation-reception_member .w980 {
	padding: 100px 0 260px;
}

.reservation-reception_member h2 {
	width: 700px;
	color: #F98E00;
	font-family: "marigny", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 40px;
	border-radius: 70px;
	margin: 0 auto;
	margin-bottom: 40px;
	position: relative;
	text-align: center;
	line-height: 1.2;
}
.reservation-reception_member h2 span {
	color: #3E3A39;
	font-size: 35px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.reservation-reception_member h2 span span.fs30 {
	font-size: 30px;
}
.reservation-reception_member h2 .effect {
	position: absolute;
	top: -30px;
	left: 20px;
	width: 70px;
}

.reservation-reception_member .fee p {
	font-size: 20px;
	text-align: center;
	line-height: 1.5;
}
.reservation-reception_member .fee .member span,
.reservation-reception_member .fee .general span {
	font-size: 38px;
	font-weight: bold;
}

.reservation-reception_member .fee .note {
	margin-top: 20px;
}

.reservation-reception_member .fee .note p {
	font-size: 14px;
	text-align: left;
	margin-bottom: 0;
}

.reservation-reception_member .member-general_btn {
	display: flex;
	justify-content: center;
	align-items: center;
}

.reservation-reception_member .member-general_btn {
	margin: 90px auto;
}

.reservation-reception_member .member-general_btn li {
	margin: 0 10px;
	position: relative;
}

.reservation-reception_member .member-general_btn li .box01,
.reservation-reception_member .member-general_btn li .box02 {
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fefef4;
}
.reservation-reception_member .member-general_btn li .box01 {
	top: 0;
	left: 60px;
}
.reservation-reception_member .member-general_btn li .box02 {
	bottom: 0;
	right: 90px;
}

.reservation-reception_member .member-general_btn li a.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 380px;
	height: 90px;
	border: 3px solid #717071;
	border-radius: 70px;
	background: #fff;
	color: #3E3A39;
	font-size: 25px;
	text-align: center;
	text-decoration: none;
	line-height: 1.3;
	box-shadow: 10px 10px 0px 0px rgba(113, 112, 113, 0.2);
	position: relative;
}
.reservation-reception_member .member-general_btn li a.btn::after {
	content: '';
	background: url(../img/btn_item01.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 25px;
	height: 35px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.reservation-reception_member .member-general_btn li a.btn.kai {
	justify-content: flex-start;
	padding-left: 40px;
}


.reservation-reception_member .area_seibu-prince {
	background: #fff;
	border: 3px solid #717071;
	box-shadow: 10px 10px 0px 0px rgba(113, 112, 113, 0.2);
	text-align: center;
	padding: 50px 0;
	position: relative;
}

.reservation-reception_member .area_seibu-prince h3 {
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 20px;
}

.reservation-reception_member .area_seibu-prince p {
	font-size: 22px;
	line-height: 1.5;
	margin-bottom: 50px;
}

.reservation-reception_member .area_seibu-prince a.btn {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	width: 400px;
	height: 80px;
	margin: 0 auto;
	border-radius: 70px;
	background: #DAEFF8;
	color: #3E3A39;
	font-size: 25px;
	text-align: center;
	text-decoration: none;
	line-height: 1.3;
	position: relative;
	padding-left: 60px;
}
.reservation-reception_member .area_seibu-prince a.btn::after {
	content: '';
	background: url(../img/btn_item02.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 25px;
	height: 35px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.reservation-reception_member .area_seibu-prince .box01,
.reservation-reception_member .area_seibu-prince .box02 {
	position: absolute;
	width: 30px;
	height: 10px;
	background: #fefef4;
}
.reservation-reception_member .area_seibu-prince .box01 {
	top: -10px;
	left: 30px;
}
.reservation-reception_member .area_seibu-prince .box02 {
	bottom: -3px;
	right: 50px;
}

.reservation-reception_member .area_seibu-prince .item01 {
	position: absolute;
	bottom: 20px;
	right: -20px;
	width: 15%;
}

.reservation-reception_member .triangle{
	width: 0;
	border-top: 80px solid #FFF9CE;
	border-right: 80px solid transparent;
	border-bottom: 80px solid transparent;
	border-left: 80px solid transparent;
	position: absolute;
	top: 70px;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
	.reservation-reception_member .w980 {
		padding: 100px 0 130px;
	}
	.reservation-reception_member h2 {
		width: 100%;
		font-size: 22px;
		margin-bottom: 20px;
	}
	.reservation-reception_member h2 span {
		font-size: 19px;
	}
	.reservation-reception_member h2 span span.fs30 {
		font-size: 18px;
	}
	.reservation-reception_member h2 .effect {
		position: absolute;
		top: -20px;
		left: 0px;
		width: 40px;
	}
	.reservation-reception_member .member-general_btn {
		display: block;
		margin: 30px auto;
	}
	.reservation-reception_member .member-general_btn li a.btn {
		width: 90%;
		height: 70px;
		margin: 30px auto;
		font-size: 18px;
		box-shadow: 5px 5px 0px 0px rgba(113, 112, 113, 0.2);
	}
	.reservation-reception_member .member-general_btn li a.btn::after {
		width: 20px;
		height: 30px;
	}
	.reservation-reception_member .area_seibu-prince a.btn {
		width: 90%;
		height: 70px;
		font-size: 18px;
		justify-content: center;
		padding-left: 0;
	}
	.reservation-reception_member .area_seibu-prince a.btn::after {
		width: 20px;
		height: 30px;
	}
	.reservation-reception_member .area_seibu-prince .item01 {
		width: 19%;
		bottom: -20px;
		right: 0;
	}
	.reservation-reception_member .triangle {
		width: 0;
		border-top: 60px solid #FFF9CE;
		border-right: 60px solid transparent;
		border-bottom: 60px solid transparent;
		border-left: 60px solid transparent;
		position: absolute;
		top: 50px;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.reservation-reception_member .fee p {
		font-size: 14px;
	}
	.reservation-reception_member .fee .member span,
	.reservation-reception_member .fee .general span {
		font-size: 26px;
	}
	.reservation-reception_member .fee .note p {
		font-size: 10px;
	}
	.reservation-reception_member .area_seibu-prince {
		box-shadow: 5px 5px 0px 0px rgba(113, 112, 113, 0.2);
		padding: 25px 10px;
	}
	.reservation-reception_member .area_seibu-prince h3 {
		font-size: 17px;
	}
	.reservation-reception_member .area_seibu-prince p {
		font-size: 14px;
		margin-bottom: 25px;
	}
	.reservation-reception_member .member-general_btn li a.btn.kai {
		justify-content: center;
		padding-left: 0;
	}
	
}

/* ----------------------------------------------------
	originarl-drink
---------------------------------------------------- */
.originarl-drink {
	color: #3E3A39;
	background: #EBFBDB;
	padding: 100px 0;
}

.originarl-drink h2 {
	width: 650px;
	color: #0EB861;
	font-family: "marigny", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 40px;
	border-radius: 70px;
	margin: 0 auto;
	position: relative;
	margin-top: -160px;
}

.originarl-drink h2 p.heading {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.originarl-drink .text {
	font-size: 22px;
	text-align: center;
	margin: 30px auto 50px;
}

.originarl-drink .box {
	position: relative;
}

.originarl-drink .box .img {
	position: relative;
	z-index: 9999;
}

.originarl-drink .box .bg_item01 {
	position: absolute;
	top: -50px;
	left: -50px;
	width: 300px;
}


.originarl-drink .offer-restaurant {
	font-size: 22px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 100px;
}
.originarl-drink .offer-restaurant span {
	font-weight: bold;
}

.originarl-drink .border-eachdrink {
	position: relative;
}

.originarl-drink .border-eachdrink .border_top,
.originarl-drink .border-eachdrink .border_bottom {
	width: 100%;
	position: relative;
	z-index: 1000;
}
.originarl-drink .border-eachdrink .border_top .kage {
	position: absolute;
	width: 20px;
	height: 19.5px;
	top: 32px;
	right: 0;
	border-top-right-radius: 20px;
	box-shadow: 18px 0px 0px 0px rgba(113, 132, 113, 0.2);
}
.originarl-drink .border-eachdrink .border_bottom .kage {
	position: absolute;
	width: 18px;
	height: 54px;
	top: 0px;
	right: 0;
	border-bottom-right-radius: 20px;
	box-shadow: 18px 0px 0px 0px rgba(113, 132, 113, 0.2);
}

.originarl-drink .border-eachdrink .bg_item02,
.originarl-drink .border-eachdrink .bg_item03 {
	position: absolute;
}
.originarl-drink .border-eachdrink .bg_item02 {
	width: 70%;
	top: -80px;
	left: -460px;
}
.originarl-drink .border-eachdrink .bg_item03 {
	width: 70%;
	bottom: -80px;
	right: -460px;
}


.originarl-drink .area_eachdrink {
	border-left: 3px solid #717071;
	border-right: 3px solid #717071;
	background: #fff;
	position: relative;
	box-shadow: 18px 0px 0px 0px rgba(113, 132, 113, 0.2);
	z-index: 9999;
}

.originarl-drink .area_eachdrink ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.originarl-drink .area_eachdrink ul li {
	width: 50%;
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.originarl-drink .area_eachdrink ul li .drink_img {
	display: block;
	/* width: 30%; */
	width: 37%;
	position: relative;
	/* top: 30px; */
	/* left: 40px; */
	top: 10px;
	left: 30px;
	z-index: 9999;
}
/* .originarl-drink .area_eachdrink ul li .drink_img.adjust_contents {
	width: 37%;
	top: 10px;
	left: 30px;
}*/

.originarl-drink .area_eachdrink ul li .menu {
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
	width: 60%;
	height: 300px;
}
.originarl-drink .area_eachdrink ul li.ryan .menu {
	background: url(../img/textarea_ryan.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.originarl-drink .area_eachdrink ul li.choonsik .menu {
	background: url(../img/textarea_choonsik.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.originarl-drink .area_eachdrink ul li.apeach .menu {
	background: url(../img/textarea_apeach.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.originarl-drink .area_eachdrink ul li.tube .menu {
	background: url(../img/textarea_tube.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.originarl-drink .area_eachdrink ul li.frodo .menu {
	background: url(../img/textarea_frodo.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.originarl-drink .area_eachdrink ul li.neo .menu {
	background: url(../img/textarea_neo.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.originarl-drink .area_eachdrink ul li.muzi-con .menu {
	background: url(../img/textarea_muzi-con.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.originarl-drink .area_eachdrink ul li.jay-g .menu {
	background: url(../img/textarea_jay-g.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.originarl-drink .area_eachdrink ul li .menu .text {
	width: 210px;
	text-align: left;
}
.originarl-drink .area_eachdrink ul li .menu .text.adjust_contents {
	width: 230px;
}

.originarl-drink .area_eachdrink ul li .menu .text h3 {
	font-family: "marigny", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 32px;
	line-height: 1;
	margin-top: 50px;
}
.originarl-drink .area_eachdrink ul li .menu .text h3 span {
	display: block;
	font-size: 18px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #3E3A39;
}
.originarl-drink .area_eachdrink ul li.ryan .menu .text h3{
	color: #3DB8EB;
}
.originarl-drink .area_eachdrink ul li.choonsik .menu .text h3{
	color: #AD78CD;
}
.originarl-drink .area_eachdrink ul li.apeach .menu .text h3{
	color: #FF7082;
}
.originarl-drink .area_eachdrink ul li.tube .menu .text h3{
	color: #0EB861;
}
.originarl-drink .area_eachdrink ul li.frodo .menu .text h3{
	color: #784C30;
}
.originarl-drink .area_eachdrink ul li.neo .menu .text h3{
	color: #4F6BC7;
}
.originarl-drink .area_eachdrink ul li.muzi-con .menu .text h3{
	color: #FF9433;
}
.originarl-drink .area_eachdrink ul li.jay-g .menu .text h3{
	color: #AE626D;
}


.originarl-drink .area_eachdrink ul li .menu .text .wrap {
	font-size: 19px;
	margin-top: 20px;
}
.originarl-drink .area_eachdrink ul li .menu .text .wrap p {
	font-size: 17px;
	margin-bottom: 5px;
	line-height: 1;
	padding-left:1em;
	text-indent:-1em;
	position: relative;
}
.originarl-drink .area_eachdrink ul li .menu .text .wrap p::before {
	content: '⚫︎';
}
.originarl-drink .area_eachdrink ul li.ryan .menu .text .wrap p::before {
	color: #3DB8EB;
}
.originarl-drink .area_eachdrink ul li.choonsik .menu .text .wrap p::before {
	color: #AD78CD;
}
.originarl-drink .area_eachdrink ul li.apeach .menu .text .wrap p::before {
	color: #FF7082;
}
.originarl-drink .area_eachdrink ul li.tube .menu .text .wrap p::before {
	color: #0EB861;
}
.originarl-drink .area_eachdrink ul li.frodo .menu .text .wrap p::before {
	color: #784C30;
}
.originarl-drink .area_eachdrink ul li.neo .menu .text .wrap p::before {
	color: #4F6BC7;
}
.originarl-drink .area_eachdrink ul li.muzi-con .menu .text .wrap p::before {
	color: #FF9433;
}
.originarl-drink .area_eachdrink ul li.jay-g .menu .text .wrap p::before {
	color: #AE626D;
}

.originarl-drink .area_eachdrink ul li .character {
	position: absolute;
	/* width: 25%; */
	height: auto;
	bottom: 10px;
	right: 0;
	object-fit: cover;
}
.originarl-drink .area_eachdrink ul li.ryan .character {
	width: 89.2px;
}
.originarl-drink .area_eachdrink ul li.choonsik .character {
	width: 62.4px;
}
.originarl-drink .area_eachdrink ul li.apeach .character {
	width: 75.2px;
}
.originarl-drink .area_eachdrink ul li.tube .character {
	width: 74px;
}
.originarl-drink .area_eachdrink ul li.frodo .character {
	width: 68.4px;
}
.originarl-drink .area_eachdrink ul li.neo .character {
	width: 85.2px;
}
.originarl-drink .area_eachdrink ul li.muzi-con .character {
	width: 109.6px;
}
.originarl-drink .area_eachdrink ul li.jay-g .character {
	width: 115.6px;
}

.originarl-drink .area_eachdrink .original-novelty {
	background: #F4F8ED;
	margin: 40px 40px 0;
	padding-bottom: 40px;
	text-align: center;
	position: relative;
}

.originarl-drink .area_eachdrink .original-novelty h2 {
	display: flex;
    justify-content: center;
    align-items: center;
	color: #fff;
    background: #0EB861;
    border-radius: 10px;
    box-shadow: 8px 8px 0px 0px rgba(113, 112, 113, 0.4);
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 530px;
	height: 60px;
	padding-top: 6px;
	margin-top: 0;
}

.originarl-drink .area_eachdrink .original-novelty .text {
	font-size: 22px;
	padding-top: 70px;
	margin-bottom: 40px;
}

.originarl-drink .area_eachdrink .original-novelty .img {
	width: 70%;
	margin: 0 auto;
}

.originarl-drink .area_eachdrink .note {
	margin: 40px 40px 0;
	padding-bottom: 40px;
}
.originarl-drink .area_eachdrink .note p {
	font-size: 14px;
	padding-left:1em;
	text-indent:-1em;
	margin-bottom: 0;
}

.originarl-drink .hidden {
	overflow: hidden;
	padding-top: 70px;
}


@media screen and (max-width: 768px) {
	.originarl-drink {
		padding: 50px 0;
	}
	.originarl-drink h2 {
		width: 100%;
		margin-top: -79px;
		font-size: 24px;
	}
	.originarl-drink .text {
		font-size: 14px;
		margin: 15px auto 40px;
	}
	.originarl-drink .box .bg_item01 {
		top: 10px;
		left: -60px;
		width: 200px;
	}
	.originarl-drink .box {
		padding-top: 30px;
	}
	.originarl-drink .offer-restaurant {
		font-size: 14px;
		text-align: center;
		margin-top: 15px;
		margin-bottom: 50px;
	}
	.originarl-drink .border-eachdrink {
		margin: 0;
	}
	.originarl-drink .area_eachdrink {
		border-left: 1px solid #717071;
		border-right: 1px solid #717071;
		box-shadow: 5px 0px 0px 0px rgba(113, 132, 113, 0.2);
	}
	.originarl-drink .border-eachdrink .border_top .kage {
		display: none;
	}
	.originarl-drink .border-eachdrink .border_bottom .kage {
		position: absolute;
		width: 5px;
		height: 5vw;
		top: 12%;
		right: 0;
		border-bottom-right-radius: 20px;
		box-shadow: 5px 0px 0px 0px rgba(113, 132, 113, 0.2);
	}
	.originarl-drink .border-eachdrink .border_top {
		margin-top: 3px;
	}
	.originarl-drink .border-eachdrink .border_bottom {
		margin-top: -3px;
	}
	.originarl-drink .area_eachdrink ul {
		display: block;
	}
	.originarl-drink .area_eachdrink ul li .drink_img,
	.originarl-drink .area_eachdrink ul li .drink_img.adjust_contents {
		/* width: 35%; */
		width: 38%;
		top: 10px;
		left: 10px;
	}
	.originarl-drink .area_eachdrink ul li .menu .text h3 {
		font-size: 24px;
		margin-top: 35px;
	}
	.originarl-drink .area_eachdrink ul li .menu .text h3 span {
		font-size: 17px;
	}
	.originarl-drink .area_eachdrink ul li .menu .text .wrap p {
		font-size: 14px;
	}
	.originarl-drink .area_eachdrink ul li .menu .text,
	.originarl-drink .area_eachdrink ul li .menu .text.adjust_contents {
		width: 150px;
	}
	.originarl-drink .area_eachdrink ul li {
		width: 100%;
		margin-bottom: 40px;
	}
	.originarl-drink .area_eachdrink ul li .menu {
		width: 60%;
		height: 240px;
		left: -10px;
	}
	.originarl-drink .area_eachdrink ul li .menu .text .wrap {
		margin-top: 10px;
	}
	.originarl-drink .area_eachdrink .original-novelty h2 {
		width: 90%;
		height: auto;
		box-shadow: 5px 5px 0px 0px rgba(113, 112, 113, 0.4);
		font-size: 21px;
	}
	.originarl-drink .area_eachdrink .original-novelty .text {
		font-size: 14px;
		padding-top: 50px;
		margin-bottom: 20px;
	}
	.originarl-drink .area_eachdrink .original-novelty {
		padding: 0 10px;
		padding-bottom: 20px;
		margin: 70px 10px 40px;
	}
	.originarl-drink .area_eachdrink .original-novelty .img {
		width: 90%;
	}
	.originarl-drink .area_eachdrink .note {
		margin: 20px 10px 0;
		padding-bottom: 20px;
	}
	.originarl-drink .area_eachdrink .note p {
		font-size: 10px;
	}
	.originarl-drink .border-eachdrink .bg_item03 {
		display: none;
	}
	.originarl-drink .hidden {
		overflow: hidden;
		padding-top: 0;
	}
	.originarl-drink .area_eachdrink ul li .character {
		bottom: 20px;
	}
	.originarl-drink .area_eachdrink ul li.ryan .character {
		width: 69.6875px;
	}
	.originarl-drink .area_eachdrink ul li.choonsik .character {
		width: 48.75px;
	}
	.originarl-drink .area_eachdrink ul li.apeach .character {
		width: 58.75px;
	}
	.originarl-drink .area_eachdrink ul li.tube .character {
		width: 57.8125px;
	}
	.originarl-drink .area_eachdrink ul li.frodo .character {
		width: 53.4375px;
	}
	.originarl-drink .area_eachdrink ul li.neo .character {
		width: 66.5625px;
	}
	.originarl-drink .area_eachdrink ul li.muzi-con .character {
		width: 85.625px;
	}
	.originarl-drink .area_eachdrink ul li.jay-g .character {
		width: 90.3125px;
	}
}

/* ----------------------------------------------------
	kakao_official
---------------------------------------------------- */
.kakao_official {
	max-width: 980px;
	margin: 0 auto;
	padding: 80px 0;
}

.kakao_official .logo {
	width: 70%;
	margin: 0 auto;
}

.kakao_official p {
	font-size: 25px;
	text-align: center;
	margin-top: 50px;
}

.kakao_official .sns__nav {
    margin: 0 auto;
	margin-top: 10px;
    max-width: 190px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.kakao_official .copyright {
	width: 20%;
	margin: 0 auto;
	margin-top: 10px;
}

@media screen and (max-width: 768px) {
	.kakao_official {
		padding: 20px 0;
	}
	.kakao_official .logo {
		width: 100%;
	}
	.kakao_official p {
		font-size: 20px;
		margin-top: 20px;
	}
	.kakao_official .sns__nav {
		margin: 20px auto;
		justify-content: center;
	}
	.kakao_official .sns__nav li {
        width: 10.53333vw;
    }
	.kakao_official .sns__nav li.twitter {
        width: 8.53333vw;
    }
	.kakao_official .copyright {
		width: 50%;
		margin-top: -10px;
	}
}