@charset "shift_jis";

/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
	zoom:1;
	display:block;
	max-width:750px;
	width:100%;
	margin:auto;
}

/* wrap */
.awardsWrap {
	max-width:750px;
	width:100%;
	margin:0 auto;
	-webkit-text-size-adjust:100%;
}
.awardsWrap img {
	vertical-align: top;
	width: 100%;
	height: auto;
	zoom: 1 !important;
}
.pb60 {
	padding-block-end: calc(60 / 750 * 100%) !important;
}

/* mv */
.mv {
}
.mv__note {
	padding-block: calc(25 / 750 * 100%);
	padding-inline: calc(30 / 750 * 100%);
	background-color: #202033;
}
.mv__note-text {
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
}
.mv__note-text:not(:first-child) {
	margin-block-start: 5px;
}

/* nav */
.awardsWrap .nav__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  position: relative;
}
.awardsWrap .nav__item a {
  position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	block-size: 100%;
	padding-block-start: calc(25 / 357 * 100%);
	padding-block-end: calc(40 / 357 * 100%);
  font-size: 14px;
  font-weight: bold;
	text-align: center;
	line-height: 1.4;
  color: #333;
	box-sizing: border-box;
}
.awardsWrap .nav__item a::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: 10%;
	translate: -50% 0;
	aspect-ratio: 23 / 17;
	inline-size: calc(23 / 374 * 100%);
	background-image: url(../image/awards_sp_down_arrow_241024.png);
	background-repeat: no-repeat;
	background-size: contain;
}
/* .awardsWrap .nav__item:nth-child(1) a {
	border-bottom: 1px solid #093190;
	border-right: 1px solid #093190;
}
.awardsWrap .nav__item:nth-child(2) a {
	border-bottom: 1px solid #093190;
	border-left: 1px solid #093190;
}
.awardsWrap .nav__item:nth-child(3) a {
	border-top: 1px solid #093190;
	border-right: 1px solid #093190;
}
.awardsWrap .nav__item:nth-child(4) a {
	border-top: 1px solid #093190;
	border-left: 1px solid #093190;
} */

/* section */
.section {
  padding-block-start: calc(80 / 750 * 100%);
	background-image: url(../image/awards_sp_section_bg_241024.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}
.section__title {
}
.section__title-sub {
	margin-block-start: calc(60 / 750 * 100%);
}
.section__title-heading {
}
.section__title-description {
	margin-block-start: calc(53 / 750 * 100%);
	font-size: clamp(0.938rem, 4vw, 1.875rem);
	line-height: calc(40 / 30);
	text-align: center;
}
.bg-white {
	background-image: none;
	background-color: #fff;
}

/* ranking-block */
.ranking-block {
	margin-block-start: calc(56 / 750 * 100%);
	margin-inline: auto;
	padding-inline:  calc(30 / 750 * 100%);
	padding-block:  calc(77 / 750 * 100%);
	inline-size: calc(690 / 750 * 100%);
	background-color: #fff;
}
.ranking-block-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	grid-column-gap: clamp(0.938rem, 4vw, 1.875rem);
	grid-row-gap: clamp(2.063rem, 8.8vw, 4.125rem);
}
.items01 {
}
.items01 .item__image {
	position: relative;
}
.items01 .item__icon {
	display: block;
	position: absolute;
	left: 50%;
	translate: -50% 0;
	aspect-ratio: 1;
	border-radius: calc(infinity * 1px);
	background-color: #fff;

	top: calc(-77% / 5);
	inline-size: calc(100 / 300 * 100%);
}
.items01 .item__detail {
	margin-block-start: calc(17 / 300 * 100%);
}
.items01 .item__tag {
	font-size: clamp(0.875rem, 0.5rem + 1.6vw, 1.25rem);
	line-height: 1;
	/* line-height: 1.2; */
}
.items01 .item__name {
	margin-block-start: calc(10 / 300 * 100%);
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	font-weight: bold;
	line-height: calc(41.6 / 28);
}
.items01 .no-tag {
	padding-block-start: 1em;
}
.items01 .item__description {
}
.items01 .item__price {
	margin-block-start: calc(16 / 300 * 100%);
	font-size: clamp(0.875rem, 0.125rem + 3.2vw, 1.625rem);
	line-height: 1;
	text-align: right;
}
.items01 .item__link {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-block-start: calc(20 / 300 * 100%);
	margin-inline: auto;
	aspect-ratio: 300 / 80;
	inline-size: 100%;
	background-color: #fa6604;
	font-size: clamp(0.938rem, 4vw, 1.875rem);
  color: #fff !important;
	position: relative;
}
.items01 .item__link::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: calc(18% / 3);
	inline-size: calc(17 / 300 * 100%);
	aspect-ratio: 17 / 22;
	background-image: url(../image/awards_sp_right_arrow_241024.png);
	background-size: cover;
}

.item--first {
	grid-area: 1 / 1 / 2 / 3;
	position: relative;
	padding-block-end: calc(32 / 630 * 100%);
}
.item--first::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	translate: -50% 0;
	inline-size: calc(690 / 630 * 100%);
	block-size: 2px;
	background-color: #dfe8ff;
}
.item--first .item__image {
	inline-size: calc(500 / 630 * 100%);
	margin-inline: auto;
}
.item--first .item__icon {
	top: calc(-77% / 5);
	inline-size: calc(156 / 500 * 100%);
}
.item--first .item__detail {
	margin-block-start: calc(42 / 630 * 100%);
}
.item--first .item__name {
	margin-block-start: calc(11 / 630 * 100%);
	font-size: clamp(1rem, 4.27vw, 2rem);
}
.item--first .item__description {
	margin-block-start: calc(11 / 630 * 100%);
	font-size: clamp(0.875rem, 0.375rem + 2.13vw, 1.375rem);
	line-height: calc(42 / 22);
}
.item--first .item__price {
	margin-block-start: calc(20 / 630 * 100%);
	font-size: clamp(0.875rem, 0.125rem + 3.2vw, 1.625rem);
	line-height: 1;
}
.item--first .item__link {
	margin-block-start: calc(40 / 630 * 100%);
	aspect-ratio: 530 / 80;
	inline-size: calc(530 / 630 * 100%);
}
.item--first .item__link::after {
	inline-size: calc(17 / 530 * 100%);
	aspect-ratio: 17 / 22;
	right: calc(17% / 5.3);
}

.ranking-block-accordion {
	margin-block-start: calc(64 / 630 * 100%);
	border: clamp(0.125rem, 0.53vw, 0.25rem) solid #0f389a;
}
.ranking-block-accordion__title {
	padding-block-start: calc(40/ 622 * 100%);
	padding-block-end: calc(44 / 622 * 100%);
	background-color: #e6eeff;
	font-size: clamp(1rem, 4.27vw, 2rem);
	font-weight: bold;
	line-height: 1;
	color: #0f389a;
	text-align: center;
	position: relative;
}
.ranking-block-accordion__title::before,
.ranking-block-accordion__title::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: calc(30% / 6.22);
	inline-size: calc(44 / 622 * 100%);
	border-bottom: clamp(0.125rem, 0.53vw, 0.25rem) solid #0f389a;
}
.ranking-block-accordion__title::after {
	rotate: 90deg;
  transition: .3s all ease-in-out;
}
.ranking-block-accordion__title.is-show::after {
  rotate: 180deg;
}
.ranking-block-accordion__container {
	display: none;
	padding-inline: calc(26 / 622 * 100%);
}
.items02 .item {
	padding-block-start: calc(40 / 570 * 100%);
	display: grid;
	grid-template-columns: calc(100 / 570* 100%) 1fr;
	grid-column-gap: clamp(0.938rem, 4vw, 1.875rem);
	border-bottom: clamp(0.063rem, 0.27vw, 0.125rem) solid #0f389a;
}
.items02 .item:last-child {
	border-bottom: none;
}
.items02 .item__image {
	aspect-ratio: 1;
	border-radius: calc(infinity * 1px);
	background-color: #fff;
}
.items02 .item__detail {
	text-align: right;
}
.items02 .item__name {
	margin-block-start: calc((1em - 1lh) / 2);
	font-size: clamp(0.875rem, 0.125rem + 3.2vw, 1.625rem);
	font-weight: bold;
	line-height: calc(42 / 26);
	text-align: left;
}
.items02 .item__price {
	margin-block-start: calc(20 / 440 * 100%);
	font-size: clamp(0.875rem, 0.125rem + 3.2vw, 1.625rem);
	line-height: 1;
}
.items02 .item__link--accordion {
	display: inline-block;
	margin-inline-start: auto;
	padding-block: calc(20 / 440 * 100%);
	padding-inline: calc(25 / 440 * 100%);
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	line-height: 1;
	color: #fa6604;
	position: relative;
}
.items02 .item__link--accordion::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	right: 0;
	inline-size: calc(17 / 232 * 100%);
	aspect-ratio: 17 / 22;
	background-image: url(../image/awards_sp_right_arrow_acc_241024.png);
	background-size: cover;
}

.items06 .item__image{
	margin-top: calc(60 / 750 * 100%);
	padding: 0 calc(60 / 750 * 100%);
}
.items06 .item__note{
	font-size: 15px;
}
.items06 .item__price{
	font-size: 15px;
}
.items06 .item__link {
aspect-ratio: 530 / 80;
}

/* meal */
.meal {
	margin-block-start: calc(30 / 750 * 100%);
	padding-block: calc(30 / 750* 100%);
	padding-inline: calc(30 / 750* 100%);
	background-color: #fff;
}
.meal__inner {
	padding-inline: calc(30 / 690* 100%);
	padding-block: calc(60 / 690* 100%);
	background-color: #e6eeff;
}
.meal__title-description {
	margin-block-start: calc(20 / 630 * 100%);
	font-size: clamp(0.875rem, 0.5rem + 1.6vw, 1.25rem);
	line-height: 2;
	text-align: center;
}
.meal .ranking-block-list {
	margin-block-start: calc(48 / 630 * 100%);
}

/* overview */
.overview {
	margin-block-start: calc(90 / 750 * 100%);
	margin-inline: auto;
	inline-size: calc(690 / 750 * 100%);
	padding: calc(30 / 750 * 100%);
	background-color: #ebf1ff;
	border: clamp(0.125rem, 0.53vw, 0.25rem) solid #093190;
	box-sizing: border-box;
}
.overview__title {
	font-size: clamp(0.875rem, 0.125rem + 3.2vw, 1.625rem);
	font-weight: 600;
	line-height: 1;
	color: #093190;
}
.overview__dl {
	color: #333;
}
.overview__dt {
	margin-block-start: calc(26 / 682 * 100%);
	font-size: clamp(0.875rem, 0.313rem + 2.4vw, 1.438rem);
	font-weight: bold;
	line-height: calc(32 / 23);
}
.overview__dd {
	margin-block-start: calc(2 / 682 * 100%);
	font-size: clamp(0.875rem, 0.5rem + 1.6vw, 1.25rem);
	line-height: calc(32 / 20);
}
.overview__text {
	margin-block-start: calc(26 / 682 * 100%);
	font-size: clamp(0.875rem, 0.5rem + 1.6vw, 1.25rem);
	line-height: calc(32 / 20);
}


/* 251024up */
.mv__note-text {
font-size: clamp(12px, 2.66vw, 20px);
}
.section {
background-image: url(../image/awards_sp_section_bg_251024.jpg);
background-size: contain;
}
.bg-white {
background-image: none;
}
.section__title-sub {
margin-block-start: 0;
}
.section__title-sub.mtFix {
margin-block-start: calc(60 / 750 * 100%);
}
.awardsWrap .nav {
width: calc(690 / 750 * 100%);
margin: calc(60 / 750 * 100%) auto 0;
background-color: #fff;
}
.awardsWrap .nav__list {
grid-template-columns: repeat(3, 1fr);
}
.awardsWrap .nav__item a::after {
inline-size: calc(30 / 374 * 100%);
}
.awardsWrap .nav__item a {
padding-block-start: calc(40 / 357 * 100%);
padding-block-end: calc(60 / 357 * 100%);
font-size: clamp(13px, 2.93vw, 22px);
}
.awardsWrap .nav__item:nth-child(1) a {
border-bottom: 1px solid #093190;
border-right: 1px solid #093190;
}
.awardsWrap .nav__item:nth-child(2) a {
border-bottom: 1px solid #093190;
border-left: 1px solid #093190;
border-right: 1px solid #093190;
}
.awardsWrap .nav__item:nth-child(3) a {
border-bottom: 1px solid #093190;
border-left: 1px solid #093190;
}
.awardsWrap .nav__item:nth-child(4) a {
border-top: 1px solid #093190;
border-right: 1px solid #093190;
}
.awardsWrap .nav__item:nth-child(5) a {
border-top: 1px solid #093190;
border-left: 1px solid #093190;
border-right: 1px solid #093190;
}
.awardsWrap .nav__item:nth-child(6) a {
border-top: 1px solid #093190;
border-left: 1px solid #093190;
}
.ranking-block-accordion {
width: calc(630 / 750 * 100%);
margin-block-start: 0;
margin: 0 auto 15%;
}
.noteBottom {
width: calc(690 / 750 * 100%);
margin: 5% auto 0;
padding: 3% 2%;
background: #e4e4ee;
font-size: clamp(0.875rem, 0.5rem + 1.6vw, 1.25rem);
font-weight: bold;
line-height: 1.3;
}
.noteIndent {
padding-left: 1em;
text-indent: -1em;
letter-spacing: 0.3px;
line-height: 1.3;
}