/* mixin css */
/* ------------------------------------------------------------------------
	 MEDIAQUERY
------------------------------------------------------------------------ */
/*	COMMON
-------------------------------------------------- */
.pcOnly {
  display: none !important;
}

html, body {
  min-width: 0;
}

#compact-series #header-bulgaria {
  box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2);
}
#compact-series .sp_mega_menu .mega_tab_box ul li a,
#compact-series .menubar .menubar_box li.sub a,
#compact-series .sp_mega_menu section.recipe h2,
#compact-series .searchs_box .searchs_box_inner .narrowing_box .tbl_box p {
  font-size: 2.4rem;
}
#compact-series .searchs_box .searchs_box_inner ul.select_type li a,
#compact-series .searchs_box .searchs_box_inner .recipe_white_btn a {
  font-size: 2.6rem;
}
#compact-series .menubar .menubar_box li a,
#compact-series .recipe_detail_text,
#compact-series .searchs_box .searchs_box_inner p input {
  font-size: 2.8rem;
}
#compact-series #wrap .contents {
  margin-top: 18.8%;
  overflow: hidden;
  color: #333;
  background: url(/pc/special/compact-series/data/images/bg-sp.jpg) repeat-y center top;
  background-size: 100% auto;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-size: 3.7333333333vw;
}
#compact-series #wrap .contents p, #compact-series #wrap .contents h1, #compact-series #wrap .contents h2, #compact-series #wrap .contents h3, #compact-series #wrap .contents h4, #compact-series #wrap .contents h5, #compact-series #wrap .contents h6, #compact-series #wrap .contents a, #compact-series #wrap .contents li, #compact-series #wrap .contents caption, #compact-series #wrap .contents td, #compact-series #wrap .contents th, #compact-series #wrap .contents dt, #compact-series #wrap .contents dd, #compact-series #wrap .contents input, #compact-series #wrap .contents textarea, #compact-series #wrap .contents select, #compact-series #wrap .contents address {
  font-family: "Noto Sans JP", sans-serif;
  font-size: inherit;
}
#compact-series #wrap .contents a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s;
}
#compact-series #wrap .contents img {
  width: 100%;
  max-width: none;
  height: auto;
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
}
#compact-series #wrap .contents img[src$=svg] {
  max-width: 100%;
}
#compact-series #wrap .contents section {
  position: relative;
  z-index: 70;
}
#compact-series #wrap .contents .anchor,
#compact-series #wrap .contents .anchor_external {
  display: block;
  position: absolute;
  top: -0.8928571429em;
}
#compact-series #wrap .contents .inner {
  margin: 0 auto;
  position: relative;
  z-index: 70;
  width: 89.3333333333%;
}
#compact-series #wrap .contents .wide_inner {
  margin: 0 auto;
  width: 94.6666666667%;
}
#compact-series #wrap .contents .anchor, #compact-series #wrap .contents .anchor_external {
  display: block;
  position: absolute;
  top: 0;
}
#compact-series #wrap .contents .anchor#about, #compact-series #wrap .contents .anchor_external#about {
  top: 0%;
}
#compact-series #wrap .contents .anchor#choose, #compact-series #wrap .contents .anchor_external#choose {
  top: 0%;
}
#compact-series #wrap .contents .anchor#time-perf, #compact-series #wrap .contents .anchor_external#time-perf {
  top: 0%;
}
#compact-series #wrap .contents .anchor#arrange, #compact-series #wrap .contents .anchor_external#arrange {
  top: 0;
}
#compact-series #wrap .contents .flexbox {
  display: flex;
}
#compact-series #wrap .contents .lead {
  font-size: 16px;
  font-size: 4.2666666667vw;
  line-height: 1.5;
  text-align: center;
}
#compact-series #wrap .contents .nowrap {
  white-space: nowrap;
}
#compact-series #wrap .contents #kv {
  position: relative;
  width: 100%;
  min-height: 36.7857142857em;
  background: url(/pc/special/compact-series/data/images/kv-bg-sp.jpg?2023) no-repeat center top;
  background-size: cover;
}
#compact-series #wrap .contents .kv-ttl {
  padding-top: 49.3333333333%;
}
#compact-series #wrap .contents .kv-main {
  margin-bottom: -17.2%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#compact-series #wrap .contents .localnavi {
  padding: 20.4% 0 1.6%;
  position: relative;
  z-index: 0;
  background: #fff;
}
#compact-series #wrap .contents .localnavi-list {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#compact-series #wrap .contents .localnavi-list > li {
  width: 50%;
}
#compact-series #wrap .contents .localnavi-list a {
  padding: 11.9402985075% 0 23.8805970149%;
  display: block;
  position: relative;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
}
#compact-series #wrap .contents .localnavi-list a::after {
  position: absolute;
  bottom: 1.4285714286em;
  left: 0;
  width: 100%;
  height: 0.5357142857em;
  background: url(/pc/special/compact-series/data/images/btn_arrow-carrot_right_black.png) no-repeat center top;
  background-size: contain;
  content: "";
}
#compact-series #wrap .contents .about-section {
  padding: 21.4666666667% 0 10.9333333333%;
  box-shadow: inset 0px 20px 25px 0px rgba(0, 0, 0, 0.1);
}
#compact-series #wrap .contents .about-section .lead {
  margin-top: 12.6865671642%;
}
#compact-series #wrap .contents .about-section .lead + .lead {
  margin-top: 7.1641791045%;
}
#compact-series #wrap .contents .about-content {
  margin: 10.8955223881% 0 29px;
  padding: 7.9104477612% 5.9701492537% 0;
  height: 26.4642857143em;
  background: url(/pc/special/compact-series/data/images/about-card-bgi-sp.png) no-repeat;
  background-size: contain;
}
#compact-series #wrap .contents .about-card {
  font-size: 18px;
  font-size: 4.8vw;
  font-feature-settings: "palt";
}
#compact-series #wrap .contents .about-card dl + dl {
  margin-top: 17.7966101695%;
}
#compact-series #wrap .contents .about-card dt {
  color: #fff;
  text-align: center;
}
#compact-series #wrap .contents .about-card dd {
  padding: 0.9722222222em 0.3333333333em 0.3333333333em 2.0833333333em;
  letter-spacing: -0.03em;
}
#compact-series #wrap .contents .about-matome {
  margin-top: 11.9402985075%;
}
#compact-series #wrap .contents .about-matome h3 + .lead {
  margin-top: 10.1492537313%;
}
#compact-series #wrap .contents .match-content {
  margin: 10.4225352113% 0;
  padding: 53.2394366197% 0 0;
  position: relative;
  height: 44.25em;
  background: url(/pc/special/compact-series/data/images/about-match-bgi-sp.jpg?2023) no-repeat;
  background-size: contain;
}
#compact-series #wrap .contents .match-content .match-ttl {
  margin: 17.323943662% 0 0 -1.1267605634%;
  position: absolute;
  top: 0;
  left: 0;
  width: 86.338028169%;
}
#compact-series #wrap .contents .match-content .match-list {
  margin: 0 auto;
  width: 75.4929577465%;
}
#compact-series #wrap .contents .match-content li {
  margin-bottom: 0.875em;
  padding-bottom: 1em;
  background-image: linear-gradient(to right, rgba(51, 153, 204, 0.5) 0.25em, transparent 0.125em);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 0.375em 0.0625em;
  line-height: 1.2;
  text-align: center;
  font-size: 16px;
  font-size: 4.2666666667vw;
  font-feature-settings: "palt";
}
#compact-series #wrap .contents .match-content .large {
  margin-top: 0.08em;
  display: block;
  color: #005bac;
  font-weight: 500;
  line-height: 1;
  font-size: 25px;
  font-size: 6.6666666667vw;
}
#compact-series #wrap .contents .choose-section {
  margin-bottom: 22.9333333333%;
}
#compact-series #wrap .contents .choose-section h2 {
  margin-bottom: 9.8507462687%;
}
#compact-series #wrap .contents .choose-section h3 {
  margin-top: 16.1194029851%;
  padding-top: 3.7313432836%;
  border-top: solid 4px;
  font-size: 1.75em;
  font-weight: normal;
  text-align: center;
  font-feature-settings: "palt";
}
#compact-series #wrap .contents .choose-section .lead {
  font-size: 1.3em;
}
#compact-series #wrap .contents .choose-plane dl {
  margin-bottom: 6.2686567164%;
  padding: 11.9402985075% 8.9552238806% 13.4328358209%;
  border-radius: 10px;
  position: relative;
  z-index: 0;
  width: auto;
  overflow: hidden;
  background: #fff;
}
#compact-series #wrap .contents .choose-plane dl::before {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 245px;
  left: 0;
  z-index: -1;
  -webkit-transform: skewY(-7deg) translateY(-90px);
  transform: skewY(22deg) translateY(-90px);
  background-color: #e2f1f7;
  content: "";
}
#compact-series #wrap .contents .choose-plane dt {
  color: #0a5ca3;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.2;
}
#compact-series #wrap .contents .choose-plane dd {
  margin-top: 7.2727272727%;
  font-size: 1.15em;
  line-height: 1.2;
}
#compact-series #wrap .contents .choose-plane-list {
  margin-top: 8.6567164179%;
  padding-bottom: 3px;
  flex-direction: column;
}
#compact-series #wrap .contents .choose-plane-list .choose-plane-head, #compact-series #wrap .contents .choose-plane-list .choose-plane-img {
  text-align: center;
}
#compact-series #wrap .contents .choose-plane-list .choose-plane-head {
  margin-bottom: 32.3636363636%;
  padding: 0.7272727273%;
  border: solid 2px;
  color: #0a5ca3;
}
#compact-series #wrap .contents .choose-plane-list .choose-plane-img {
  position: relative;
}
#compact-series #wrap .contents .choose-plane-list .choose-plane-img::after {
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  content: url(/pc/special/compact-series/data/images/choose-arrow.png);
}
#compact-series #wrap .contents .choose-plane-list .choose-plane-name {
  margin-top: 13.4545454545%;
}
#compact-series #wrap .contents .choose-drink .lead {
  margin-top: 5.9701492537%;
  font-size: 1.15em;
}
#compact-series #wrap .contents .choose-drink-list {
  margin: 8.3582089552% 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
}
#compact-series #wrap .contents .choose-drink-list .choose-drink-img {
  margin-top: 2.9090909091%;
  position: relative;
  text-align: center;
}
#compact-series #wrap .contents .choose-drink-list .choose-drink-img::after {
  position: absolute;
  top: 70%;
  right: -10px;
  transform: translateY(-50%);
  content: url(/pc/special/compact-series/data/images/choose-arrow.png);
}
#compact-series #wrap .contents .choose-drink-list .choose-drink-name {
  margin-top: 13.4545454545%;
}
#compact-series #wrap .contents .time-perf-section {
  margin-bottom: 26.4%;
}
#compact-series #wrap .contents .time-perf-section .lead {
  margin-top: 12.8358208955%;
  font-size: 1.3em;
}
#compact-series #wrap .contents .time-perf-main_figure {
  margin-top: 9.8591549296%;
}
#compact-series #wrap .contents .time-perf-match-content {
  margin-top: 11.2676056338%;
  padding: 17.1830985915% 0 61.4084507042%;
  width: auto;
  height: auto;
  background: url(/pc/special/compact-series/data/images/time_perf-bgi-sp.jpg) no-repeat;
  background-size: cover;
}
#compact-series #wrap .contents .time-perf-match-card {
  margin-top: 12.9577464789%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: auto;
  text-align: center;
}
#compact-series #wrap .contents .time-perf-match-card li {
  padding-bottom: 3.0985915493%;
  width: 76%;
  background-image: linear-gradient(to right, #3399cc 4px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 6px 1px;
  font-size: 1.15em;
  font-feature-settings: "palt";
}
#compact-series #wrap .contents .time-perf-match-card li + :nth-child(n+2) {
  margin-top: 2.8169014085%;
}
#compact-series #wrap .contents .time-perf-match-card li .large {
  color: #0a5ca3;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.1428571429;
}
#compact-series #wrap .contents .border-title {
  padding-top: 3.8805970149%;
  border-top: solid 4px #000;
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  font-feature-settings: "palt";
}
#compact-series #wrap .contents .time-perf-meal {
  margin-top: 17.9104477612%;
}
#compact-series #wrap .contents .time-perf-meal .lead {
  margin-top: 9.2537313433%;
  font-size: 1.15em;
}
#compact-series #wrap .contents .time-perf-meal .lead + .lead {
  margin-top: 24px;
}
#compact-series #wrap .contents .time-perf-meal-main_figure {
  margin-top: 10.1492537313%;
}
#compact-series #wrap .contents .time-perf-recipe {
  margin-top: 17.9104477612%;
}
#compact-series #wrap .contents .time-perf-recipe-card {
  margin: 10.7462686567% auto 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
#compact-series #wrap .contents .time-perf-recipe-card li {
  position: relative;
}
#compact-series #wrap .contents .time-perf-recipe-card li + li {
  margin-top: 5.9701492537%;
}
#compact-series #wrap .contents .time-perf-recipe-card p {
  position: absolute;
  bottom: 3em;
  width: 100%;
  font-size: 1.15em;
  line-height: 1.2;
  text-align: center;
  font-feature-settings: "palt";
}
#compact-series #wrap .contents .time-perf-orts {
  margin-top: 17.9104477612%;
}
#compact-series #wrap .contents .time-perf-orts-content {
  margin-top: 10.447761194%;
  padding: 11.9402985075% 0 0;
  position: relative;
  z-index: 1;
}
#compact-series #wrap .contents .time-perf-orts-content:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 80px);
  background: #fff;
  content: "";
}
#compact-series #wrap .contents .time-perf-orts-title {
  text-align: center;
}
#compact-series #wrap .contents .time-perf-orts-title span {
  margin-top: 0.8955223881%;
  display: block;
  font-size: 1.3em;
  font-feature-settings: "palt";
  font-weight: 500;
}
#compact-series #wrap .contents .time-perf-orts-title + .lead {
  margin-top: 5.9701492537%;
  font-size: 1.15em;
}
#compact-series #wrap .contents .time-perf-orts-process {
  margin-top: 11.0447761194%;
}
#compact-series #wrap .contents .time-perf-orts-process p {
  margin-top: 2.9850746269%;
  position: relative;
  font-size: 1.15em;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  font-feature-settings: "palt";
}
#compact-series #wrap .contents .time-perf-orts-process b {
  color: #0a5ca3;
  font-weight: bold;
}
#compact-series #wrap .contents .time-perf-orts-process figure:last-of-type {
  position: relative;
  top: 1em;
}
#compact-series #wrap .contents .time-perf-orts-cap {
  margin: 8.3582089552% auto 0;
  padding: 9.8507462687% 0 43.5820895522%;
  border: dashed 2px #0a5ca3;
  border-radius: 10px;
  position: relative;
  width: 88%;
  background: #e2f1f7;
}
#compact-series #wrap .contents .time-perf-orts-cap dl {
  text-align: center;
}
#compact-series #wrap .contents .time-perf-orts-cap dt {
  font-size: 1.3em;
  font-weight: 500;
}
#compact-series #wrap .contents .time-perf-orts-cap dd {
  margin-top: 4.4776119403%;
  font-size: 1.15em;
}
#compact-series #wrap .contents .time_perf-orts-cap {
  margin: 8.6124401914% 0 0;
  position: relative;
}
#compact-series #wrap .contents .time_perf-orts-cap img:first-of-type {
  background: #d5eaf3;
}
#compact-series #wrap .contents .time_perf-orts-cap img:nth-of-type(2) {
  position: absolute;
  top: 5%;
  left: 46%;
}
#compact-series #wrap .contents .time_perf-orts-cap img:last-of-type {
  position: absolute;
  top: 97%;
  right: 1%;
}
#compact-series #wrap .contents .time-perf-orts-side {
  position: relative;
  top: 12em;
  left: 2%;
}
#compact-series #wrap .contents .arrange-section {
  padding-bottom: 20.8%;
}
#compact-series #wrap .contents .arrange-section h2 {
  margin: 0 3.2835820896%;
}
#compact-series #wrap .contents .arrange-section .lead {
  margin-top: 13.1343283582%;
}
#compact-series #wrap .contents .arrange-section .lead b {
  color: #0a5ca3;
  font-size: 1.125em;
}
#compact-series #wrap .contents .arrange-process {
  margin: 8.3582089552% auto 0;
  width: auto;
  background-image: linear-gradient(to right, rgba(51, 153, 204, 0.5) 2px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 3px 1px;
  font-size: 1.125em;
  font-weight: 500;
}
#compact-series #wrap .contents .arrange-process li {
  padding: 1.7910447761% 0 1.6417910448% 0px;
  position: relative;
  width: auto;
  background-image: linear-gradient(to right, rgba(51, 153, 204, 0.5) 2px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 3px 1px;
  text-align: left;
}
#compact-series #wrap .contents .arrange-process li span {
  display: table;
  width: auto;
}
#compact-series #wrap .contents .arrange-process li span:before {
  display: table-cell;
  width: 34px;
  height: 24px;
  content: "";
}
#compact-series #wrap .contents .arrange-process li span:before:first-of-type {
  height: 12px;
}
#compact-series #wrap .contents .arrange-process li:nth-child(1) span:before {
  background: url(/pc/special/compact-series/data/images/arrange-num-1.png) no-repeat left top;
  background-size: auto 1.5em;
}
#compact-series #wrap .contents .arrange-process li:nth-child(2) span:before {
  background: url(/pc/special/compact-series/data/images/arrange-num-2.png) no-repeat left top;
  background-size: auto 1.5em;
}
#compact-series #wrap .contents .arrange-process li:nth-child(3) span:before {
  background: url(/pc/special/compact-series/data/images/arrange-num-3.png) no-repeat left top;
  background-size: auto 1.5em;
}
#compact-series #wrap .contents .arrange-process-txt {
  margin-top: 7.7611940299%;
  font-size: 1.14em;
  text-align: center;
}
#compact-series #wrap .contents .arrange-recipe {
  margin: 12% auto 0;
}
#compact-series #wrap .contents .arrange-recipe p {
  margin-top: 15px;
  display: table;
  font-weight: 500;
}
#compact-series #wrap .contents .arrange-recipe p:before {
  display: table-cell;
  position: relative;
  top: 2px;
  width: 29px;
  height: 22px;
  background: url(/pc/special/compact-series/data/images/btn_circle_line_arrow-carrot_right_black.png) no-repeat;
  background-size: 22px 22px;
  content: "";
}
#compact-series #wrap .contents .arrange-recipe-wrap {
  margin: 0 0 5.9701492537% -5.9701492537%;
  justify-content: center;
  position: relative;
  width: 111.9402985075%;
}
#compact-series #wrap .contents .arrange-recipe-wrap li {
  margin: 0 3%;
  width: 66.6666666667%;
}
#compact-series #wrap .contents .arrange-recipe-wrap a {
  display: block;
}
#compact-series #wrap .contents .arrange-recipe-wrap img {
  border-radius: 0.7142857143em;
}
#compact-series #wrap .contents .arrange-recipe-wrap p {
  margin-top: 0.7777777778em;
  display: table;
  position: relative;
  font-size: 18px;
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.25;
}
#compact-series #wrap .contents .arrange-recipe-wrap p:before {
  font-size: 14px;
  font-size: 3.7333333333vw;
  display: table-cell;
  position: relative;
  top: 0.15em;
  width: 1.8571428571em;
  height: 1.3928571429em;
  background-size: 1.3928571429em;
  content: "";
}
#compact-series #wrap .contents .swiper-container {
  position: relative;
}
#compact-series #wrap .contents .slider-button-prev, #compact-series #wrap .contents .slider-button-next {
  position: absolute;
  top: 41%;
  z-index: 3;
  width: 16.2666666667%;
  line-height: 0;
  cursor: pointer;
  opacity: 0.9;
}
#compact-series #wrap .contents .slider-button-prev {
  left: 8.5333333333%;
  transform: translateX(-50%);
}
#compact-series #wrap .contents .slider-button-next {
  right: -7.4666666667%;
  transform: translateX(-50%);
}
#compact-series #wrap .contents .icon-arrow p {
  margin-bottom: 2.0895522388%;
  display: flex;
  justify-content: center;
  font-size: 1.15em;
  line-height: 1.3;
  text-align: center;
}
#compact-series #wrap .contents .icon-arrow p::before {
  margin-right: 0.33em;
  display: block;
  flex-shrink: 0;
  width: 1.4em;
  height: 1.4em;
  background: url(/pc/special/compact-series/data/images/icon-arrow-circle-white.svg) no-repeat;
  background-size: contain;
  content: "";
}
#compact-series #wrap .contents .icon-arrow img {
  margin: 1.8571428571em 0 0.9642857143em 0;
}
#compact-series #wrap .contents .fadeInUp {
  opacity: 0;
}
#compact-series #wrap .contents .fadeInUp.animation {
  animation: 0.5s fadeInUp 0s both;
}
@keyframes fadeInUp {
  0% {
    transform: translateY(2%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@media (orientation: landscape) {
  #compact-series #wrap .contents .contents {
    margin-top: 8.6666666667%;
  }
}
#compact-series #footer02 {
  font-size: 16px;
}
#compact-series footer .foot_inner ul.main_list li {
  font-size: 16px;
}
#compact-series footer .foot_inner ul.sub_list li {
  font-size: 12px;
}

/* pc-small
-------------------------------------------------- */
/* tablet
-------------------------------------------------- */
/* sp-side
-------------------------------------------------- */
@media only screen and (max-width: 640px) {
  html {
    font-size: 62.5%;
  }
}
/* iPhone5-side
-------------------------------------------------- */
@media only screen and (max-width: 568px) {
  html {
    font-size: 55.46875%;
  }
}
/* android-w
-------------------------------------------------- */
@media only screen and (max-width: 540px) {
  html {
    font-size: 52.734375%;
  }
}
/* android-m
-------------------------------------------------- */
@media only screen and (max-width: 480px) {
  html {
    font-size: 46.875%;
  }
}
/* iphone6plus
-------------------------------------------------- */
@media only screen and (max-width: 414px) {
  html {
    font-size: 40.4296875%;
  }
}
/* iphone6
-------------------------------------------------- */
@media only screen and (max-width: 375px) {
  html {
    font-size: 36.62109375%;
  }
  .priceTable .yen span {
    letter-spacing: -0.025em;
  }
}
/* android
-------------------------------------------------- */
@media only screen and (max-width: 360px) {
  html {
    font-size: 35.15625%;
  }
}
/* iphone5, android-s
-------------------------------------------------- */
@media only screen and (max-width: 320px) {
  html {
    font-size: 31.25%;
  }
}