@charset "UTF-8";

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

body {
	min-width: 320px;
}

article, aside, details, figcaption, figure, footer, header.kuensan-kv, hgroup, menu, nav, section {
    display: block;
}

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted inherit;
	cursor: help;
}

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

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}

img {
	max-width: 100%;
	height: auto;
	border-style: none;
	-webkit-backface-visibility: hidden;
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

/*-----------------------------------------------------
  Common
-------------------------------------------------------*/
.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.c-pagetop {
	z-index: 8;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

.c-breadcrumb {
	margin: 0 0 0;
}

.c-main {
	padding: 0 0 0;
}

/*Content*/
#uchinomi {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	color: #333;
	line-height: 1;
}

#uchinomi a:hover {
	opacity: 0.7;
}

.uchinomi img {
	width: 100%;
}

.flex {
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.inner {
	width: 86%;
	max-width: 1200px;
	margin: 0 auto;
}

/*Header*/
.header_content {
	background-image: linear-gradient(129deg, #021242 31%, #03336f 69%);
	padding: 40px 0;
}

.list_header_menu {
	-webkit-justify-content: center;
	        justify-content: center;
}

.list_header_menu li {
	margin-right: 50px;
}

.list_header_menu li:last-child {
	margin: 0;
}

.list_header_menu li a {
	font-size: 14px;
	color: #ffffff;
	padding: 5px 0;
}

.list_header_menu li a:hover {
	border-bottom: 3px solid #e9b126;
}
/*end of Header*/

.ttl_wrap {
	padding: 0 28px;
	margin-bottom: 50px;
}

.ttl_wrap span {
	position: relative;
	display: block;
	font-size: 18px;
	color: #00265d;
	padding-left: 20px;
	margin-bottom: 5px;
}

.ttl_wrap span::before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	background: #efbe2a;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ttl_wrap h2 {
	font-family: "futura-pt", sans-serif;
	font-weight: 500;
	font-size: 82px;
	font-style: italic;
	color: #00265d;
	line-height: 1.2;
}

.title_h3 {
	font-size: 54px;
	font-weight: 700;
	color: #00265d;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 30px;
}

.text_base {
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
}

.text_sm {
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}

/*MV Section*/
.sec_mv {
	background: url(../images/bg_mv.png) no-repeat top center;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	padding-bottom: 25px;
}

.sec_mv h2 {
	max-width: 1400px;
	margin: 0 auto 45px;
}

.sec_mv .inner {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	padding-left: 28px;
}

.logo_mv {
	width: 35%;
	max-width: 400px;
	margin-bottom: 30px;
}

.mv_content {
	width: 57%;
	max-width: 660px;
}

.mv_content .text_mv {
	width: 96%;
	max-width: 630px;
	margin-bottom: 40px;
}

.mv_content .img_mv {
	width: 100%;
}
/*end of MV Section*/

.uchinomi_note .inner{
	padding: 5px 0 0 28px;
}

.uchinomi_note img {
	width: 58%;
	max-width: 670px;
}

/*Concept Section*/
.sec_concept {
	padding: 75px 0 60px;
}

.concept_content {
	margin-bottom: 60px;
}

.concept_content .ttl_wrap {
	margin-bottom: 100px;
}

.concept_content .title_h3 {
	font-size: 57px;
}

.features_content h4 {
	font-size: 45px;
	font-weight: 700;
	color: #00265d;
	text-align: center;
	margin-bottom: 50px;
}

.features_content h4 span {
	display: inline-block;
	font-size: 72px;
	color: #f2ad18;
}

.features_content h4 span small {
	font-size: 41px;
}

.list_features .features_item {
	width: 32%;
	max-width: 390px;
	margin-right: 15px;
}

.list_features .features_item:last-child {
	margin: 0;
}

.img_features {
	width: 100%;
	margin-bottom: 25px;
}

.features_about {
	padding: 0 20px;
	letter-spacing: -1px;
}

.features_about h5 {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 25px;
}

.features_about h5 small {
	font-size: 22px;
	font-weight: 500;
}
/*end of Concept Section*/

/* Lineup Section */
.sec_lineup {
	background: url("../images/bg_lineup.png") no-repeat top center;
	background-size: 100% auto;
	padding: 120px 0 60px;
}

.sec_lineup .inner {
	width: 94%;
	position: relative;
}

.lineup_series01 {
	position: relative;
	margin-bottom: 90px;
	z-index: 1;
}

.lineup_series01 .text_base {
	margin-bottom: 80px;
}

.list_products {
	-webkit-justify-content: center;
	justify-content: center;
}

.list_products li {
	position: relative;
	width: 265px;
	margin-right: 2%;
}

.list_products li:last-child {
	margin-right: 0;
}

.list_products li a {
	display: block;
}

.list_products li .img_product {
	position: absolute;
	width: 80px;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
}

.list_products li .product_des {
	position: relative;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	width: 224px;
	height: 269px;
	background: url(../images/bg_block_default.png) no-repeat center center;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	text-align: center;
	margin-left: auto;
	padding: 70px 0 25px;
}

.list_products li .product_des.bg_block_green {
	background: url(../images/bg_block_green.png) no-repeat center center;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}

.list_products li .product_des.bg_block_pink {
	background: url(../images/bg_block_pink.png) no-repeat center center;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}

.product_des h4 {
	font-size: 19px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -1px;
}

.product_des .text_sm {
	display: inline-block;
	width: 130px;
	background: #fffef8;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 8px 0;
}

.product_des .text_sm small {
	font-size: 11px;
}

.product_des .icon_arrow {
	display: block;
	width: 32px;
	margin: 0 auto;
}

.product_des .icon_new {
	position: absolute;
	width: 75px;
	right: 15px;
	top: 30px;
}

.lineup_series02 {
	margin-bottom: 50px;
}

.lineup_series02 .text_base {
	margin-bottom: 35px;
}

.lineup_series02 .list_products li {
	width: 280px;
}

.lineup_series02 .list_products li .img_product {
	width: 95px;
}

.lineup_comment {
	width: 44%;
	max-width: 520px;
	background: #fffef8;
	border: 3px solid #082356;
	padding: 23px 0;
	margin: 0 auto;
}

.lineup_comment .text_base {
	font-weight: 700;
	color: #a22423;
	margin-bottom: 10px;
}

.bg_lineup_part01 {
	position: absolute;
	width: 14%;
	max-width: 162px;
	top: -2%;
	right: 7%;
}

.bg_lineup_part02 {
	position: absolute;
	width: 22%;
	max-width: 253px;
	top: 16%;
	right: 8%;
}
/* end of Lineup Section */

/* Enjoy Section*/
.sec_enjoy {
	padding: 70px 0 130px;
	background: url(../images/bg_enjoy.png) no-repeat center center;
	background-size: 100% 100%;
}

.sec_enjoy .ttl_wrap span,
.sec_enjoy .ttl_wrap h2 {
	color: #FFFFFF;
}

.sec_enjoy .title_h3 {
	font-size: 34px;
	color: #FFFFFF;
	margin-bottom: 70px;
}

.sec_enjoy .title_h3 span {
	font-size: 24px;
}

.sub_title {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	color: #f9d837;
	margin-bottom: 45px;
}

.table-container {
	position: relative;
	overflow-x: auto;
	padding-left: 28px;
}

.pairing_table {
	width: 91%;
	max-width: 1060px;
	border-collapse: collapse;
}

.pairing_table th {
	width: 160px;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
}

.pairing_table td {
	width: 130px;
}

.pairing_table th,
.pairing_table td {
	text-align: center;
	vertical-align: middle;
	position: relative;
	padding: 22px 0px;
}

.pairing_table tr:first-child td {
	vertical-align: bottom;
}

.pairing_table tr:not(:first-child) th,
.pairing_table tr:not(:first-child) td {
	border: 2px solid #FFFFFF;
	background-color: #02183a;
}

.pairing_table th:first-child,
.pairing_table td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}

.pairing_table .bottle-image {
	width: 75px;
}

.pairing_table .bottle-image.image-md {
	width: 85px;
}

.stars {
	width: 63px;
	height: 18px;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.stars[data-rating="3y"] {
	background:
		url('../images/icon_star_y.png') 0 0 no-repeat,
		url('../images/icon_star_y.png') 21px 0 no-repeat,
		url('../images/icon_star_y.png') 42px 0 no-repeat;
}

.stars[data-rating="2y1w"] {
	background:
		url('../images/icon_star_y.png') 0 0 no-repeat,
		url('../images/icon_star_y.png') 21px 0 no-repeat,
		url('../images/icon_star_w.png') 42px 0 no-repeat;
}

.stars[data-rating="1y2w"] {
	background:
		url('../images/icon_star_y.png') 0 0 no-repeat,
		url('../images/icon_star_w.png') 21px 0 no-repeat,
		url('../images/icon_star_w.png') 42px 0 no-repeat;
}

.pairing_table tr.border_custom th,
.pairing_table tr.border_custom td {
	border-bottom: 4px solid #FFFFFF;
	border-right: 4px solid #FFFFFF;
}

.pairing_table tr:last-child.border_custom th,
.pairing_table tr:last-child.border_custom td {
	border-bottom: 2px solid #FFFFFF;
}

.pairing_table tr.border_custom td:last-child {
	border-right: 2px solid #FFFFFF;
}

.special_note {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: -1px;
	margin-top: 5px;
}
/*end of Enjoy Section*/

/*Recipe Section*/
.sec_recipe {
	padding-top: 40px;
}

.sec_recipe .recipe_list {
	margin-bottom: 50px;
}

.sec_recipe .recipe_list li {
	position: relative;
	width: 50%;
	overflow: hidden;
	margin-bottom: 30px;
}

.sec_recipe .recipe_list li a {
	position: relative;
	display: block;
}

.sec_recipe .recipe_list li:hover {
	opacity: 0.5;
	cursor: pointer;
}

.sec_recipe .recipe_list li a::before {
	content: "";
	width: 96%;
	height: 96%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #fefbe5;
	z-index: 1;
}

.sec_recipe .bottle_img {
	position: absolute;
	bottom: 18px;
	right: 20px;
	width: 14%;
	max-width: 80px;
	z-index: 2;
}

.bg_yellow {
	background-color: #fae755;
}

.bg_green {
	background-color: #aeeb9a;
}

.bg_pink {
	background-color: #facde1;
}

.recipe_content {
	display: flex;
	align-items: center;
	justify-content: left;
	position: relative;
	width: 100%;
	padding: 25px 20px;
	letter-spacing: -1px;
}

.recipe_content p {
	width: 49%;
	font-size: 20px;
	font-weight: 700;
}

.recipe_content span {
	font-size: 20px;
	font-weight: 700;
	position: relative;
	display: inline-block;
}

.recipe_content span::after {
	width: 32px;
	height: 32px;
	content: "";
	background: url(../images/icon_detail_arrow.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: -35px;
	transform: translateY(-50%);
}

.btn_more {
	width: 232px;
	display: block;
	margin: 0 auto;
}
/*end of Recipe Section*/

/*Banner Section*/
.sec_banner {
	padding: 125px 0 150px;
}

.img_banner {
	width: 90%;
	max-width: 780px;
	margin: 0 auto 120px;
}

.img_banner a{
	display: inline-block;
}

.shop_content {
	width: 89%;
	max-width: 1060px;
	margin: 0 auto;
}

.shop_content h3 {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 35px;
}

.list_shop {
	width: 100%;
	background: #ffffff;
	-webkit-border-radius: 59px;
	border-radius: 59px;
	box-shadow: 36px 21px 46px #e2e2e2;
	-webkit-align-items: center;
	align-items: center;
	padding: 18px 0;
	justify-content: center; /* -- single -- s*/
}

.list_shop li {
	position: relative;
	width: 50%;
}

/*
.list_shop li:first-child:after,
.list_shop li:nth-child(2):after{
	content: '';
	position: absolute;
	width: 1px;
	height: 51px;
	background: #e8e8e8;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
*/

.list_shop li a {
	display: block;
	width: 181px;
	margin: 0 auto;
}
/*end of Banner Section*/

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	/*VW Parent 1200*/
	/*Content*/
	/*Header*/
	.header_content {
		padding: 3.333vw 0;
	}

	.list_header_menu li {
		margin-right: 4.167vw;
	}

	.list_header_menu li a {
		font-size: 1.167vw;
		padding: 0.417vw 0;
	}

	.list_header_menu li a:hover {
		border-bottom: 0.250vw solid #e9b126;
	}
	/*end of Header*/

	.ttl_wrap {
		padding: 0 2.333vw;
		margin-bottom: 4.167vw;
	}

	.ttl_wrap span {
		font-size: 1.500vw;
		padding-left: 1.667vw;
		margin-bottom: 0.417vw;
	}

	.ttl_wrap span::before {
		width: 0.667vw;
		height: 0.667vw;
	}

	.ttl_wrap h2 {
		font-size: 6.833vw;
	}

	.title_h3 {
		font-size: 4.500vw;
		margin-bottom: 2.500vw;
	}

	.text_base {
		font-size: 16px;
	}

	/*MV Section*/
	.sec_mv {
		padding-bottom: 2.083vw;
	}

	.sec_mv h2 {
		margin: 0 auto 3.750vw;
	}

	.sec_mv .inner {
		padding-left: 2.333vw;
	}

	.logo_mv {
		margin-bottom: 2.500vw;
	}

	.mv_content .text_mv {
		margin-bottom: 3.333vw;
	}
	/*end of MV Section*/
	
	.uchinomi_note .inner{
		padding: 0.417vw 0 0 2.333vw;
	}

	/*Concept Section*/
	.sec_concept {
		padding: 6.250vw 0 5vw;
	}

	.concept_content {
		margin-bottom: 5vw;
	}

	.concept_content .ttl_wrap {
		margin-bottom: 8.333vw;
	}

	.concept_content .title_h3 {
		font-size: 4.750vw;
	}

	.features_content h4 {
		font-size: 3.750vw;
		margin-bottom: 4.167vw;
	}

	.features_content h4 span {
		font-size: 6vw;
	}

	.features_content h4 span small {
		font-size: 3.417vw;
	}

	.list_features .features_item {
		margin-right: 1.250vw;
	}

	.img_features {
		margin-bottom: 2.083vw;
	}

	.features_about {
		padding: 0 1.667vw;
		letter-spacing: -0.083vw;
	}

	.features_about h5 {
		font-size: 2vw;
		margin-bottom: 2.083vw;
	}

	.features_about h5 small {
		font-size: 1.833vw;
	}
	/*end of Concept Section*/

	/* Lineup Section */
	.sec_lineup {
		padding: 10vw 0 5vw;
	}

	.lineup_series01 {
		margin-bottom: 7.500vw;
	}

	.lineup_series01 .text_base {
		margin-bottom: 6.667vw;
	}

	.list_products li {
		width: 22.083vw;
		margin-right: 2%;
	}

	.list_products li .img_product {
		width: 6.667vw;
	}

	.list_products li .product_des {
		width: 18.667vw;
		height: 22.417vw;
		padding: 5.833vw 0 2.083vw;
	}

	.product_des h4 {
		font-size: 13px;
		letter-spacing: -0.083vw;
	}

	.product_des .text_sm {
		width: 10.833vw;
		-webkit-border-radius: 0.833vw;
		border-radius: 0.833vw;
		padding: 0.667vw 0;
		font-size: 11px;
	}

	.product_des .text_sm small {
		font-size: 10px;
	}

	.product_des .icon_arrow {
		width: 2.667vw;
	}

	.product_des .icon_new {
		width: 6.250vw;
		right: 1.250vw;
		top: 2.500vw;
	}

	.lineup_series02 {
		margin-bottom: 4.167vw;
	}

	.lineup_series02 .text_base {
		margin-bottom: 2.917vw;
	}

	.lineup_series02 .list_products li {
		width: 23.333vw;
	}

	.lineup_series02 .list_products li .img_product {
		width: 7.917vw;
	}

	.lineup_comment {
		border: 0.250vw solid #082356;
		padding: 1.917vw;
	}

	.lineup_comment .text_base {
		margin-bottom: 0.833vw;
	}
	/* end of Lineup Section */

	/* Enjoy Section*/
	.sec_enjoy {
		padding: 5.833vw 0 10.833vw;
	}

	.sec_enjoy .title_h3 {
		font-size: 2.833vw;
		margin-bottom: 5.833vw;
	}

	.sec_enjoy .title_h3 span {
		font-size: 2vw;
	}

	.sub_title {
		font-size: 2.500vw;
		margin-bottom: 3.750vw;
	}

	.table-container {
		padding-left: 2.333vw;
	}

	.pairing_table th {
		width: 13.333vw;
		font-size: 1.500vw;
	}

	.pairing_table td {
		width: 10.833vw;
	}

	.pairing_table th,
	.pairing_table td {
		padding: 1.833vw 0px;
	}

	.pairing_table tr:not(:first-child) th,
	.pairing_table tr:not(:first-child) td {
		border: 0.167vw solid #FFFFFF;
	}

	.pairing_table .bottle-image {
		width: 6.250vw;
	}

	.pairing_table .bottle-image.image-md {
		width: 7.083vw;
	}

	.stars {
		width: 5.250vw;
		height: 1.500vw;
	}

	.stars[data-rating="3y"] {
		background:
			url('../images/icon_star_y.png') 0 0 no-repeat,
			url('../images/icon_star_y.png') 1.750vw 0 no-repeat,
			url('../images/icon_star_y.png') 3.500vw 0 no-repeat;
		background-size: contain;
	}

	.stars[data-rating="2y1w"] {
		background:
			url('../images/icon_star_y.png') 0 0 no-repeat,
			url('../images/icon_star_y.png') 1.750vw 0 no-repeat,
			url('../images/icon_star_w.png') 3.500vw 0 no-repeat;
		background-size: contain;
	}

	.stars[data-rating="1y2w"] {
		background:
			url('../images/icon_star_y.png') 0 0 no-repeat,
			url('../images/icon_star_w.png') 1.750vw 0 no-repeat,
			url('../images/icon_star_w.png') 3.500vw 0 no-repeat;
		background-size: contain;
	}

	.pairing_table tr.border_custom th,
	.pairing_table tr.border_custom td {
		border-bottom: 0.333vw solid #FFFFFF;
		border-right: 0.333vw solid #FFFFFF;
	}

	.pairing_table tr:last-child.border_custom th,
	.pairing_table tr:last-child.border_custom td {
		border-bottom: 0.167vw solid #FFFFFF;
	}

	.pairing_table tr.border_custom td:last-child {
		border-right: 0.167vw solid #FFFFFF;
	}

	.special_note {
		font-size: 1.167vw;
		letter-spacing: -0.083vw;
  		margin-top: 0.417vw;
	}
	/*end of Enjoy Section*/

	/*Recipe Section*/
	.sec_recipe {
		padding-top: 3.333vw;
	}

	.sec_recipe .recipe_list {
		margin-bottom: 4.167vw;
	}

	.sec_recipe .recipe_list li {
		margin-bottom: 2.5vw;
	}

	.sec_recipe .recipe_list li a::before {
		border: 0.083vw solid #fefbe5;
	}

	.sec_recipe .bottle_img {
		width: 12.5%;
		bottom: 1.500vw;
		right: 1.667vw;
	}

	.recipe_content {
		padding: 2.083vw 1.667vw;
		letter-spacing: -0.083vw;
	}

	.recipe_content p {
		font-size: 1.667vw;
	}

	.recipe_content span {
		font-size: 1.667vw;
	}

	.recipe_content span::after {
		width: 2.667vw;
		height: 2.667vw;
		right: -2.917vw;
	}

	.btn_more {
		width: 19.333vw;
	}
	/*end of Recipe Section*/

	/*Banner Section*/
	.sec_banner {
		padding: 10.417vw 0 12.500vw;
	}

	.img_banner {
		margin: 0 auto 10vw;
	}

	.shop_content h3 {
		font-size: 1.667vw;
		margin-bottom: 2.917vw;
	}

	.list_shop {
		-webkit-border-radius: 4.917vw;
		border-radius: 4.917vw;
		box-shadow: 3vw 1.750vw 3.833vw #e2e2e2;
		padding: 1.500vw 0;
	}

	.list_shop li:first-child:after {
		width: 0.083vw;
		height: 4.250vw;
	}

	.list_shop li a {
		width: 15vw;
	}
	/*end of Banner Section*/
}

@media only screen and (max-width: 767px) {
	/*VW Parent 750*/
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	/*Content*/
	.inner {
		width: 95%;
		max-width: 94.667vw;
	}

	/*Header*/
	.header_content {
		position: relative;
		padding: 4.933vw 0;
	}

	.header_menu {
		position: relative;
		width: 5.333vw;
		height: 2.933vw;
		cursor: pointer;
		z-index: 9;
		margin: 0 0 0 auto;
	}

	.header_menu span {
		position: absolute;
		width: 100%;
		height: 0.533vw;
		background: #ffffff;
		left: 0;
		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	}

	.header_menu span:nth-child(1) {
		top: 0;
	}

	.header_menu span:nth-child(2) {
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.header_menu span:nth-child(3) {
		bottom: 0;
	}

	.header_content.is-open .header_menu span:nth-child(1) {
		top: 1.200vw;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.header_content.is-open .header_menu span:nth-child(2) {
		opacity: 0;
	}

	.header_content.is-open .header_menu span:nth-child(3) {
		bottom: 1.200vw;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.header_menu_content {
		position: absolute;
		width: 100vw;
		top: 12.667vw;
		left: 0;
		right: 0;
		margin: 0 auto;
		background: url(../images/bg_menu.png) no-repeat top center;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
		opacity: 0;
		-webkit-transition: all 0.6s ease-in-out;
		-moz-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
		z-index: -1;
	}

	.header_content.is-open .header_menu_content {
		opacity: 1;
		z-index: 9;
	}

	.list_header_menu {
		padding: 0 2.667vw;
	}

	.list_header_menu li {
		display: block;
		width: 100%;
		margin-right: 0;
		padding: 3.733vw 0;
		border-bottom: 0.133vw solid #137688;
		text-align: center;
	}

	.list_header_menu li:last-child {
		border-bottom: 0;
	}

	.list_header_menu li a {
		font-size: 3.733vw;
		padding: 0;
	}

	.list_header_menu li a:hover {
		border-bottom: 0;
	}
	/*end of Header*/

	.ttl_wrap {
		padding: 0;
		margin-bottom: 8.667vw;
	}

	.ttl_wrap span {
		font-size: 3.200vw;
		padding-left: 2.667vw;
		margin-bottom: 0.667vw;
	}

	.ttl_wrap span::before {
		width: 1.067vw;
		height: 1.067vw;
	}

	.ttl_wrap h2 {
		font-size: 10.933vw;
	}

	.title_h3 {
		font-size: 5.333vw;
		margin-bottom: 4vw;
	}

	.text_base {
		font-size: 3.200vw;
		letter-spacing: -0.133vw;
	}

	.text_sm {
		font-size: 2.133vw;
	}

	/*MV Section*/
	.sec_mv {
		padding-bottom: 2vw;
	}

	.sec_mv h2 {
		max-width: 100%;
		margin: 0 auto 2.667vw;
	}

	.sec_mv .inner {
		padding: 0 3.333vw 0 6vw;
	}

	.logo_mv {
		width: 34%;
		max-width: 28.667vw;
		margin-bottom: 2vw;
	}

	.mv_content {
		max-width: 48vw;
	}

	.mv_content .text_mv {
		width: 95%;
		max-width: 45.333vw;
		margin-bottom: 3.333vw;
	}
	/*end of MV Section*/
	
	.uchinomi_note .inner{
		padding: 0.667vw 0 0 4vw;
	}

	.uchinomi_note img {
		width: 78%;
		max-width: 100%;
	}

	/*Concept Section*/
	.sec_concept {
		padding: 10vw 0 8vw;
		overflow: hidden;
	}

	.concept_content {
		margin-bottom: 8vw;
	}

	.concept_content .ttl_wrap {
		margin-bottom: 10.667vw;
	}

	.concept_content .title_h3 {
		font-size: 5.100vw;
	}

	.features_content h4 {
		font-size: 4.267vw;
		margin-bottom: 6.667vw;
	}

	.features_content h4 span {
		font-size: 7.467vw;
	}

	.features_content h4 span small {
		font-size: 4.267vw;
	}

	.list_features {
		-webkit-justify-content: center;
		        justify-content: center;
	}

	.list_features .features_item {
		width: 78vw;
		max-width: 78vw;
		margin: 0 0 6.667vw 0;
	}

	.img_features {
		margin-bottom: 6vw;
	}

	.features_about {
		padding: 0 4vw;
		letter-spacing: -0.133vw;
	}

	.features_about h5 {
		font-size: 5.867vw;
		margin-bottom: 6vw;
	}

	.features_about h5 small {
		font-size: 4.800vw;
	}

	.features_about .text_sm {
		font-size: 3.200vw;
	}
	/*end of Concept Section*/

	/* Lineup Section */
	.sec_lineup {
		background: url("../images/bg_lineup_sp.png") no-repeat top center;
		background-size: 100% auto;
		padding: 13.333vw 0 18.667vw;
	}

	.sec_lineup .inner {
		width: 95%;
	}

	.lineup_series01 {
		margin-bottom: 8.667vw;
	}

	.lineup_series01 .text_base {
		margin-bottom: 9.333vw;
	}

	.list_products li {
		width: 42.400vw;
		margin-right: 5.333vw;
		margin-bottom: 7.333vw;
	}

	.lineup_series01 .list_products li:nth-child(2n+2) {
		margin-right: 0;
	}

	.list_products li .img_product {
		width: 12.667vw;
	}

	.list_products li .product_des {
		width: 35.733vw;
		height: 43.067vw;
		background: url(../images/bg_block_default_sp.png) no-repeat center center;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
		padding: 11.333vw 0 4vw;
	}

	.list_products li .product_des.bg_block_green {
		background: url(../images/bg_block_green_sp.png) no-repeat center center;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
	}

	.list_products li .product_des.bg_block_pink {
		background: url(../images/bg_block_pink_sp.png) no-repeat center center;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
	}

	.product_des h4 {
		font-size: 3.200vw;
		letter-spacing: -0.133vw;
	}

	.product_des .text_sm {
		width: 20.933vw;
		-webkit-border-radius: 1.333vw;
		border-radius: 1.333vw;
		padding: 1.467vw 0;
	}

	.product_des .text_sm small {
		font-size: 1.733vw;
	}

	.product_des .icon_arrow {
		width: 5.067vw;
	}

	.product_des .icon_new {
		width: 12vw;
		right: 2.267vw;
		top: 5.067vw;
	}

	.lineup_series02 {
		margin-bottom: 2.667vw;
	}

	.lineup_series02 .text_base {
		margin-bottom: 8.667vw;
	}

	.lineup_series02 .list_products {
		display: grid;
		grid-template-columns: 1fr;
	}

	.lineup_series02 .list_products li {
		width: 45.067vw;
		margin-right: 4vw;
	}

	.lineup_series02 .list_products li:nth-child(odd) {
		margin-right: 0;
	}

	.lineup_series02 .list_products li:first-child {
		grid-column: 1 / span 2;
		margin-left: auto;
		margin-right: auto;
	}

	.lineup_series02 .list_products li .img_product {
		width: 15.333vw;
	}

	.lineup_comment {
		width: 100%;
		max-width: 100%;
		border: 0.400vw solid #082356;
		padding: 3.733vw 0;
	}

	.lineup_comment .text_base {
		font-size: 3.733vw;
		margin-bottom: 2vw;
	}

	.lineup_comment .text_sm {
		font-size: 2.667vw;
	}

	.bg_lineup_part01 {
		width: 23%;
		top: 0;
		right: -1%;
	}

	.bg_lineup_part02 {
		width: 36%;
		top: 0;
		right: 28%;
	}
	/* end of Lineup Section */

	/*Enjoy Section*/
	.sec_enjoy {
		padding: 11.333vw 0 17.333vw;
		overflow: hidden;
	}

	.sec_enjoy .inner {
		width: 100%;
		max-width: 100%;
		padding-left: 2.667vw;
	}

	.sec_enjoy .title_h3 {
		font-size: 4.133vw;
		margin-bottom: 8.667vw;
	}

	.sec_enjoy .title_h3 span {
		font-size: 3.200vw;
	}

	.sub_title {
		font-size: 4vw;
		margin-bottom: 6vw;
	}

	.table-container {
		padding-left: 0;
		padding-right: 2.667vw;
	}

	.pairing_table {
		width: 100%;
		min-width: 750px;
		max-width: 100%;
	}

	.pairing_table th {
		width: 21.333vw;
		min-width: 21.333vw;
		font-size: 2.4vw;
	}

	.pairing_table td {
		width: 17.333vw;
		min-width: 17.333vw;
	}

	.pairing_table th,
	.pairing_table td {
		padding: 2.933vw 0;
	}

	.pairing_table tr:not(:first-child) th,
	.pairing_table tr:not(:first-child) td {
		border: 0.267vw solid #FFFFFF;
		border-left: 0;
		border-right: 0;
	}

	.pairing_table tr:first-child th{
    	background: url(../images/bg_table_th_first_column.jpg) no-repeat center;
    	-webkit-background-size: 100% auto;
    	     -o-background-size: 100% auto;
    	        background-size: 100% auto;
    }

    .pairing_table tr:not(:first-child) th:before,
    .pairing_table tr:not(:first-child) th:after,
    .pairing_table tr:not(:first-child) td:after {
   		content: '';
   		position: absolute;
   		height: 100%;
   		background: #FFFFFF;
   		top: 0;
    }

    .pairing_table tr:not(:first-child) th:before {
    	width: 0.267vw;
    	left: 0;
    }

    .pairing_table tr:not(:first-child) th:after,
    .pairing_table tr:not(:first-child) td:after {
    	width: 0.400vw;
    	right: 0;
    }

    .pairing_table tr:not(:first-child) td:last-child:after {
    	width: 0.267vw;
    }

	.pairing_table .bottle-image {
		width: 10vw;
	}

	.pairing_table .bottle-image.image-md {
		width: 11.333vw;
	}

	.stars {
		width: 8.4vw;
		height: 2.4vw;
	}

	.stars[data-rating="3y"] {
		background:
			url('../images/icon_star_y.png') 0 0 no-repeat,
			url('../images/icon_star_y.png') 2.8vw 0 no-repeat,
			url('../images/icon_star_y.png') 5.6vw 0 no-repeat;
		background-size: contain;
	}

	.stars[data-rating="2y1w"] {
		background:
			url('../images/icon_star_y.png') 0 0 no-repeat,
			url('../images/icon_star_y.png') 2.8vw 0 no-repeat,
			url('../images/icon_star_w.png') 5.6vw 0 no-repeat;
		background-size: contain;
	}

	.stars[data-rating="1y2w"] {
		background:
			url('../images/icon_star_y.png') 0 0 no-repeat,
			url('../images/icon_star_w.png') 2.8vw 0 no-repeat,
			url('../images/icon_star_w.png') 5.6vw 0 no-repeat;
		background-size: contain;
	}

	.pairing_table tr.border_custom th,
	.pairing_table tr.border_custom td {
		border-bottom: 0.533vw solid #FFFFFF;
	}

	.pairing_table tr:last-child.border_custom th,
	.pairing_table tr:last-child.border_custom td {
		border-bottom: 0.267vw solid #FFFFFF;
	}

	.pairing_table tr.border_custom td:last-child {
		border-right: 0;
	}

	.special_note {
		font-size: 1.867vw;
		letter-spacing: -0.133vw;
  		margin-top: 0.667vw;
	}

	.scroll-hint-icon {
		z-index: 3;
		background: #FFFFFF;
	}

	.scroll-hint-icon:before {
		color: #000000;
		background-image: url(../images/icon_hand.svg);
	}

	.scroll-hint-icon:after {
		color: #000000;
		background-image: url(../images/icon_arrow.svg);
	}

	.scroll-hint-text {
		font-size: 2.4vw;
		color: #000000;
	}
	/*end of Enjoy Section*/

	/*Recipe Section*/
	.sec_recipe {
		padding-top: 5.333vw;
	}

	.sec_recipe .recipe_list {
		margin-bottom: 6.667vw;
	}

	.sec_recipe .recipe_list li {
		width: 100%;
		margin-bottom: 4vw;
	}

	.sec_recipe .recipe_list li a::before {
		width: 95%;
		height: 95%;
		border: 0.133vw solid #fefbe5;
	}

	.sec_recipe .bottle_img {
		bottom: 2.667vw;
		right: 4vw;
		width: 12vw;
		max-width: 12vw;
	}

	.recipe_content {
		padding: 3.333vw 4vw;
	}

	.recipe_content p {
		width: 55%;
		font-size: 3.733vw;
	}

	.recipe_content span {
		font-size: 3.067vw;
	}

	.recipe_content span::after {
		width: 4.267vw;
		height: 4.267vw;
		right: -4.667vw;
	}

	.btn_more {
		width: 40.267vw;
	}
	/*end of Recipe Section*/

	/*Banner Section*/
	.sec_banner {
		padding: 10.667vw 0 21.333vw;
	}

	.img_banner {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 21.333vw;
	}

	.shop_content {
		width: 100%;
		max-width: 100%;
	}

	.shop_content h3 {
		font-size: 3.200vw;
		margin-bottom: 4.667vw;
	}

	.list_shop {
		-webkit-border-radius: 7.867vw;
		border-radius: 7.867vw;
		box-shadow: 0px 3.333vw 6.800vw 0.133vw #e2e2e2;
		padding: 2.400vw 0;
	}

	.list_shop li:first-child:after {
		width: 0.133vw;
		height: 6.800vw;
	}

	.list_shop li a {
		display: block;
		width: 24vw;
		margin: 0 auto;
	}
	/*end of Banner Section*/
}