@charset "UTF-8";
/*--------------------------------------------------------------
#menu-area-top
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#menu-area-top {
		background: url("img/bg_img1.jpg") top left no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		padding-right: 0;
		padding-bottom: 0;
	}
	
	#menu-area-top div:first-child {
		position: relative;
		margin-top: -30px;
		margin-right: 20px;
		font-size: 22px;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		color: #365074;
		background: #FFF;
		padding: 50px 0 50px 120px;
		display:block; 
		box-sizing: border-box;
	}
	
	#menu-area-top div:first-child span {
		display: block;
	}
	
	.type2 {
		
	}
	
	.type3 {
		
	}
	
	#menu-area-top div:last-child p {
		color: #365074;
		background: #E8E6DE;
		padding: 30px;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#menu-area-top {
		background: url("img/bg_img1.jpg") top left no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
		flex-direction: row-reverse;
		padding-right: 6.25vw;
		padding-bottom: 5.208vw;
	}
	
	#menu-area-top div:first-child {
		width: 29.16vw;
		writing-mode: vertical-rl;
		margin-top: -3.646vw;
		font-size: 1.979vw;
		letter-spacing: 0.26vw;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		color: #365074;
		background: #FFF;
		padding: 4.948vw 10vw 5.208vw 0;
		position: relative;
		display:block; 
		box-sizing: border-box;
	}
	
	#menu-area-top div:first-child span {
		display: block;
	}
	
	.type2 {
		padding-top: 2rem;
	}
	
	.type3 {
		padding-top: 4rem;
	}
	
	#menu-area-top div:last-child p {
		width: 45.27vw;
		color: #365074;
		background: #E8E6DE;
		padding: 4.427vw 4.167vw 4.427vw 8.854vw;
	}
	
}

/*--------------------------------------------------------------
#food-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#food-area {
		background: url("img/bg_img2.jpg") top left no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		padding: 50px 0 50px 0;
	}
	
	.rank_title {
		width: 90%;
		margin: 0 auto 10px auto;
	}
	
	#food-area .categry_rank {
		width: 60%;
		margin: 0 auto 50px auto;
	}
	
	.left_box,
	.right_box{
		margin: 0 20px 20px 20px;
	}
	
	.left_box li:first-child {
		line-height: 0;
	}
	
	.right_box li:first-child {
		line-height: 0;
	}
	
	.left_box li:last-child {
		background: rgba(255,251,231,0.83);
		box-sizing: border-box;
		padding: 10px 30px 30px 30px;
	}
	
	.right_box li:last-child {
		background: rgba(255,251,231,0.83);
		padding: 10px 30px 30px 30px;
	}
	
	.left_box li:last-child dt,
	.right_box li:last-child dt{
		font-size: 23px;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		color: #365074;
		margin-bottom: 5px;
		text-align: center;
		line-height: 1.2;
	}
	
	.left_box li:last-child dt span,
	.right_box li:last-child dt span{
		margin: 0 0 10px 0;
		display: block;
	}
	
	.left_box li:last-child dt span img,
	.right_box li:last-child dt span img{
		width: 40px;
	}
	
	.left_box li:last-child dd p,
	.right_box li:last-child dd p{
		color: #365074;
		font-weight: 500;
	}
	
	.mb {
		
	}
	
	.left_box li:last-child dd span,
	.right_box li:last-child dd span{
		display: block;
		text-align: center;
	}
	
	.slider-area {
		padding-left: 0;
		margin-bottom: 50px;
	}
	
	.slide-item {
		width: 150px;
		margin: 0 0 0 30px;
		position: relative;
		z-index: 2;
	}
	
	.slider{
		display: none;
		margin-top: -120px;
	}
	
	.slider img {
		width: 100%;
		height: auto;
	}
	
	.slider .slick-slide {
		margin: 0 15px;
	}
	
	.slider.slick-initialized {
		display: block;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#food-area {
		background: url("img/bg_img2.jpg") top left no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		padding: 90px 0 120px 0;
	}
	
	.rank_title {
		width: 42.7vw;
		margin: 0 auto 1.042vw auto;
	}
	
	#food-area .categry_rank {
		width: 21.61vw;
		margin: 0 auto 7.812vw auto;
	}
	
	.left_box,
	.right_box{
		position: relative;
		margin: 0 0 7.812vw 0;
	}
	
	.left_box li:first-child {
		position: absolute;
		top: -3.646vw;
		right: 11.97vw;
		width: 30.72vw;
	}
	
	.right_box li:first-child {
		position: absolute;
		top: -3.646vw;
		left: 11.97vw;
		width: 30.72vw;
	}
	
	.left_box li:last-child {
		background: rgba(255,251,231,0.83);
		width: 43.75vw;
		box-sizing: border-box;
		padding: 1.562vw 10.417vw 1.562vw 9.375vw;
	}
	
	.right_box li:last-child {
		background: rgba(255,251,231,0.83);
		margin-left: 33.85vw;
		padding: 1.562vw 9.375vw 1.562vw 11.45vw;
	}
	
	.left_box li:last-child dt,
	.right_box li:last-child dt{
		font-size: 1.823vw;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		color: #365074;
		margin-bottom: 0.521vw;
		text-align: center;
		line-height: 1.2;
	}
	
	.left_box li:last-child dt span,
	.right_box li:last-child dt span{
		margin: 0 0.521vw 0 0;
		display: inline;
	}
	
	.left_box li:last-child dt span img,
	.right_box li:last-child dt span img{
		width: 2.865vw;
	}
	
	.left_box li:last-child dd p,
	.right_box li:last-child dd p{
		color: #365074;
		font-weight: 500;
	}
	
	.mb {
		margin-bottom: 1.562vw;
	}
	
	.left_box li:last-child dd span,
	.right_box li:last-child dd span{
		display: block;
		text-align: center;
	}
	
	.slider-area {
		padding-left: 18.75vw;
		position: relative;
		margin-bottom: 7.812vw;
	}
	
	.slide-item {
		width: 14.84vw;
		position: absolute;
		left: 2.083vw;
		top: -1.562vw;
		margin: 0;
	}
	
	.slider{
		display: none;
		margin-top: 0;
	}
	
	.slider img {
		width: 100%;
		height: auto;
	}
	
	.slider .slick-slide {
		margin: 0 0.781vw;
	}
	
	.slider.slick-initialized {
		display: block;
	}
	
}

/*--------------------------------------------------------------
#limited-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#limited-area {
		background: url("img/special.png") top right no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-color: #EAEAE5;
		box-sizing: border-box;
		margin: 0 20px;
		padding: 30px 0px 50px 0px;
		position: relative;
	}
	
	#limited-area .special {
		
	}
	
	#limited-area .special li:first-child {
		
	}
	
	#limited-area .special dt {
		font-size: 30px;
		font-weight: 700;
		font-family: "Shippori Mincho", serif;
		color: #365074;
		margin-bottom: 20px;
		text-align: center;
		line-height: 1.2;
	}
	
	#limited-area .special dd {
		font-weight: 500;
		color: #365074;
		margin-bottom: 20px;
		padding: 0 30px;
	}
	
	#limited-area .special li:last-child {
		margin-bottom: 20px;
	}
	
	#limited-area .bt-area {
		margin-top: 0;
		cursor: pointer;
	}
	
	#limited-area .box {
		display: none;
		margin: 0;
		padding: 50px 0 ;
	}
	
	#limited-area .box h5 {
		position: relative;
		font-weight: 600;
		font-size: 25px;
		margin-bottom: 20px;
		text-align: center;
		padding-bottom: 20px;
		font-family: "Shippori Mincho", serif;
	}
	
	#limited-area .box h5::after,
	#limited-area .box h5::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		height: 2px;
		background: #13345B;
		opacity: .8;
	}

	#limited-area .box h5::after {
		bottom: 0; 
	}
	
	#limited-area .box h5::before {
		bottom: -5px;
	}
	
	#limited-area .box ul {
		
	}
	
	#limited-area .box ul li {
		padding: 0 20px;
	}
	
	#limited-area .box ul li dl {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		border-bottom: 1px dotted #365074;
		padding: 10px 0;
	}
	
	#limited-area .box ul li dl.end {
		display: block;
		border-bottom: none;
		padding: 10px 0;
	}
	
	#limited-area .box ul li dl.end p {
		text-align: right;
	}
	
	#limited-area .item {
		width: 150px;
		position: absolute;
		bottom: -30px;
		right: -10px;
	}
	
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#limited-area {
		background: url("img/special.png") top right no-repeat;
		-webkit-background-size: 35.15vw auto;
		background-size: 35.15vw auto;
		background-color: #EAEAE5;
		width: 71.35vw;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 1.042vw 5.208vw 2.604vw 5.208vw;
		position: relative;
	}
	
	#limited-area .special {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-direction: row-reverse;
		align-items: center;
	}
	
	#limited-area .special li:first-child {
		width: 18.22vw;
	}
	
	#limited-area .special dt {
		font-size: 3.125vw;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		color: #365074;
		position: absolute;
		top: 3.646vw;
		right: 5.208vw;
		margin-bottom: 0;
		text-align: left;
	}
	
	#limited-area .special dd {
		font-weight: 500;
		color: #365074;
		margin-bottom: 0;
		padding: 0;
	}
	
	#limited-area .special li:last-child {
		width: 40.62vw;
		margin-bottom: 0;
	}
	
	#limited-area .bt-area {
		margin-top: -2.604vw;
		cursor: pointer;
	}
	
	#limited-area .box {
		display: none;
		margin: 0;
		padding: 2.604vw 0 ;
	}
	
	#limited-area .box h5 {
		position: relative;
		font-weight: 600;
		font-size: 1.823vw;
		margin-bottom: 1.042vw;
		text-align: center;
		padding-bottom: 1.042vw;
		font-family: "Shippori Mincho", serif;
	}
	
	#limited-area .box h5::after,
	#limited-area .box h5::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		height: 2px;
		background: #13345B;
		opacity: .8;
	}

	#limited-area .box h5::after {
		bottom: 0; 
	}
	
	#limited-area .box h5::before {
		bottom: -0.26vw;
	}
	
	#limited-area .box ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	#limited-area .box ul li {
		width: 29.72vw;
		padding: 0;
	}
	
	#limited-area .box ul li dl {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		border-bottom: 1px dotted #365074;
		padding: 0.521vw 1.562vw;
	}
	
	#limited-area .box ul li dl.end {
		display: block;
		border-bottom: none;
		padding: 0.521vw 0;
	}
	
	#limited-area .box ul li dl.end p {
		text-align: right;
	}
	
	#limited-area .item {
		width: 18.22vw;
		position: absolute;
		top: 23.43vw;
		right: 1.042vw;
	}
	
}

/*--------------------------------------------------------------
#drink-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#drink-area {
		background: url("img/bg_img3.jpg") top left no-repeat;
		-webkit-background-size: 150% auto;
		background-size: 150% auto;
		padding: 50px 0 80px 0;
	}
	
	#drink-area .categry_rank {
		width: 60%;
		margin: 0 auto 50px auto;
	}
	
	#drink-area .rank_1 {
		padding: 0 30px;
	}
	
	#drink-area .rank_1 li:first-child {
		width: 50%;
		position: relative;
		margin: 0 auto 20px auto;
	}
	
	.rank_num {
		width: 60px;
		position: absolute;
		top: -30px;
		left: -60px;
	}
	
	.copy {
		width: 60px;
		position: absolute;
		right: -60px;
		top: -40px;
	}
	
	#drink-area .rank_1 li:last-child {
		
	}
	
	#drink-area .rank_1 li:last-child dt {
		font-size: 25px;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		color: #365074;
		line-height: 1.2;
		margin-left: 0;
		text-align: center;
	}
	
	#drink-area .rank_1 li:last-child dt span {
		font-size: 20px;
		font-weight: 600;
		font-family: "Noto Sans JP", sans-serif;
		display: block;
		padding: 5px 0 10px 0;
	}
	
	#drink-area .rank_1 li:last-child dd p {
		font-weight: 500;
		color: #365074;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#drink-area {
		background: url("img/bg_img3.jpg") top left no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		padding: 4.688vw 0 6.25vw 0;
	}
	
	#drink-area .categry_rank {
		width: 21.61vw;
		margin: 0 auto 4.167vw auto;
	}
	
	#drink-area .rank_1 {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-direction: row-reverse;
		align-items: flex-end;
		padding: 0 22.39vw 0 8.854vw;
	}
	
	#drink-area .rank_1 li:first-child {
		width: 27.6vw;
		position: relative;
		margin: 0;
	}
	
	.rank_num {
		width: 7.552vw;
		position: absolute;
		top: -1.562vw;
		left: -7.292vw;
	}
	
	.copy {
		width: 5.208vw;
		position: absolute;
		right: 0;
		top: -2.083vw;
	}
	
	#drink-area .rank_1 li:last-child {
		width: 21.87vw;
	}
	
	#drink-area .rank_1 li:last-child dt {
		font-size: 2.604vw;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		color: #365074;
		line-height: 1.2;
		margin-left: -0.26vw;
		text-align: left;
	}
	
	#drink-area .rank_1 li:last-child dt span {
		font-size: 1.302vw;
		font-weight: 600;
		font-family: "Noto Sans JP", sans-serif;
		display: block;
		padding: 0.26vw 0 0.521vw 0.26vw;
	}
	
	#drink-area .rank_1 li:last-child dd p {
		font-weight: 500;
		color: #365074;
	}
	
}


/*--------------------------------------------------------------
.rank_row
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.rank_row {
		background: url("img/bg_img4_sp.jpg") bottom left no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		padding: 0 30px 50px 30px;
	}
	
	.rank_row li {
		padding: 0 0 30px 0;
	}
	
	.rank_row li dt.photo {
		text-align: center;
		position: relative;
	}
	
	.rank_row li .main {
		height: 160px;
		width: auto;
		margin: 10px auto;
	}
	
	.rank_num2 img {
		width: auto;
		height: 80px;
	}
	
	.hi {
		position: absolute;
		top: 0;
		left: 20px;
		margin-left: 0;
	}
	
	.jin {
		position: absolute;
		top: 0;
		left: 20px;
		margin-left: 0;
	}
	
	.copy2 img {
		width: 30px;
		height: auto;
	}
	
	.cw2 {
		position: absolute;
		top: 0;
		right: 50%;
		margin-right: -100px;
	}
	
	.cw3 {
		position: absolute;
		top: 0;
		right: 50%;
		margin-right: -100px;
	}
	
	.rank_row li dt {
		font-size: 25px;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		color: #365074;
		text-align: center;
		line-height: 1.2;
	}
	
	.rank_row li dt span {
		font-size: 20px;
		font-family: "Noto Sans JP", sans-serif;
		display: block;
		padding: 5px 0 10px 0;
	}
	
	.rank_row li dd p {
		font-weight: 500;
		color: #365074;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.rank_row {
		background: url("img/bg_img4.jpg") bottom left no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		padding: 4.688vw 4.167vw 6.25vw 4.167vw;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	.rank_row li {
		width: 50%;
		padding: 0 4.167vw;
	}
	
	.rank_row li dt.photo {
		text-align: center;
		position: relative;
	}
	
	.rank_row li .main {
		height: 26.04vw;
		width: auto;
		margin: 0;
	}
	
	.rank_num2 img {
		width: auto;
		height: 8.229vw;
	}
	
	.hi {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -16.66vw;
	}
	
	.jin {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -14.06vw;
	}
	
	.copy2 img {
		width: 2.865vw;
		height: auto;
	}
	
	.cw2 {
		position: absolute;
		top: 0;
		right: 50%;
		margin-right: -10.417vw;
	}
	
	.cw3 {
		position: absolute;
		top: 0;
		right: 50%;
		margin-right: -10.417vw;
	}
	
	.rank_row li dt {
		font-size: 2.083vw;
		font-weight: 600;
		font-family: "Shippori Mincho", serif;
		color: #365074;
		text-align: center;
	}
	
	.rank_row li dt span {
		font-size: 1.302vw;
		font-family: "Noto Sans JP", sans-serif;
		display: block;
		padding: 0.26vw 0 0.521vw 0;
	}
	
	.rank_row li dd p {
		font-weight: 500;
		color: #365074;
	}
	
}