/* Google font Icon */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=fork_spoon,glass_cup,icecream,local_cafe,sports_and_outdoors,sports_bar');

/* Flex Box */
.info26__boxlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.info26__boxlist__item {
  position: relative;
  z-index: 1;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  margin-top: 8px;
  padding: 10px;
  background: #fafafa;
  border: 2px solid #e6002d;
}

@media (min-width:1024px){
  .info26__boxlist__item {
    margin-top: 14px;
  }
}

.info26__boxlist__item p {
  margin: 0;
  padding: 10px 5px;
}

.info26__boxlist__item p img,
.info26__boxlist__item p .button {
  margin: 1em 0 0.8em;
}

.info26__boxlist__item div {
  margin-bottom: 5px;
}

.info26__boxlist__item .info26__img-single img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  aspect-ratio: 3 / 2;
}

@media (min-width:737px) {
  .info26__boxlist-2col .info26__boxlist__item {
    -ms-flex-preferred-size: calc(50% - 8px);
    flex-basis: calc(50% - 8px);
    max-width: calc(50% - 8px);
    margin-left: 4px;
    margin-right: 4px;
  }
  .info26__boxlist-3col .info26__boxlist__item {
    -ms-flex-preferred-size: calc(50% - 8px);
    flex-basis: calc(50% - 8px);
    max-width: calc(50% - 8px);
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media (min-width:1024px){
  .info26__boxlist-3col .info26__boxlist__item {
    -ms-flex-preferred-size: calc(33.33333% - 14px);
    flex-basis: calc(33.33333% - 14px);
    max-width: calc(33.33333% - 14px);
    margin-left: 7px;
    margin-right: 7px;
  }
}

.info26__boxlist__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  position: relative;
  z-index: 1;
  margin-bottom: 0.8em;
  padding: 0.3em 0.5em;
  background-color: #e6002d;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6;
  min-height: 48px;
}

.info26__boxlist__item-title::before {
  display: block;
  z-index: 1;
  font-family: 'Material Symbols Rounded';
  font-size: 2.8em;
  font-weight: normal;
  font-variation-settings: 'FILL' 1;
  margin-right: 0.1em;
}

.info26__icon-beer::before {
  content: '\f1f3';
}

.info26__icon-ice::before {
  content: '\ea69';
}

.info26__icon-coffee::before {
  content: '\efef';
}

.info26__icon-food::before {
  content: '\f3e4';
}

.info26__icon-drink::before {
  content: '\f6e3';
}

.info26__icon-soccer::before {
  content: '\efb8';
}

.info26__boxlist__item-title .flag-icon {
  z-index: 1;
  margin: 0 15px 0 5px;
  padding: 0;
  width: 2.66666666em;
  height: 2em;
  border: solid 1px rgb(255, 255, 255, .5);
  box-sizing: content-box;
}

.info26__boxlist__item .info-accordion__disable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 10px;
  font-family: din-condensed,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
  font-size: 1.6rem;
  background: #444;
  color: #aaa;
  cursor: default;
  height: 48px;
  margin-bottom: 5px;
}

@media (min-width: 737px) {
  .info26__boxlist__item .info-accordion__disable {
    font-size: 2rem;
  }
}

/* br display */
.info26__boxlist br,
.info26__boxlist__item p br:first-child,
.info26__boxlist__item p br:last-child,
.info26__br-none br,
.info26__buttonlist br,
.info26__photo-same-height-11 br,
.info26__photo-same-height-23 br,
.info26__photo-same-height-32 br,
.info26__photo-same-height-169 br,
.info26__photo-center br,
.info26__photo-2col-bg br,
.info26__photo-3col-bg br {
  display: none;
}

.info26__boxlist br.info26__br-block,
.info26__br-none br.info26__br-block,
.info26__buttonlist br.info26__br-block,
.info26__boxlist br.info26__br-sp-block,
.info26__br-none br.info26__br-sp-block,
.info26__buttonlist br.info26__br-sp-block,
.info26__boxlist__item p br,
.info26__boxlist__item h5 br {
  display: block;
}

@media (min-width:736px){
  .info26__boxlist br.info26__br-sp-block,
  .info26__br-none br.info26__br-sp-block,
  .info26__buttonlist br.info26__br-sp-block {
    display: none;
  }
}

/* hr */
hr.info26__hr1 {
  border: none;
  height: 2px;
  background: linear-gradient(to right, #e6002d 50%, #000000 50%);
}

hr.info26__hr2 {
  border: none;
  height: 1px;
  background: linear-gradient(to right, #e6002d 0%, #e6002d calc(50% - 15px), transparent calc(50% - 15px), transparent calc(50% + 15px), #e6002d calc(50% + 15px), #e6002d 100%);
  overflow: visible;
  position: relative;
  margin: 2em 0;
  width: 100%;
}

hr.info26__hr2::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg) skew(20deg,20deg);
  width: 10px;
  height: 10px;
  background-color: #e6002d;
}

hr.info26__hr3 {
  border: none;
  height: 1px;
  background: #e6002d;
  overflow: visible;
  position: relative;
  margin: 2em 0;
  width: calc(100% - 30px);
  margin-left: 15px;
}

hr.info26__hr3::before,
hr.info26__hr3::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  background-color: #e6002d;
}

hr.info26__hr3::before {
  left: -10px;
  transform: translate(-50%, -50%) rotate(45deg) skew(20deg,20deg);
}

hr.info26__hr3::after {
  right: -10px;
  transform: translate(50%, -50%) rotate(45deg) skew(20deg,20deg);
}

/* photo */
.info26__photo-same-height-11 div,
.info26__photo-same-height-23 div,
.info26__photo-same-height-32 div,
.info26__photo-same-height-169 div {
  margin-bottom: 10px;
}

.info26__photo-center {
  text-align: center;
}

.info26__photo-left img,
.info26__photo-center img {
  width: 100%;
  height: auto;
}

.info26__photo-2col-bg,
.info26__photo-3col-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: stretch;
  justify-content: space-between;
}

.info26__photo-2col-bg div,
.info26__photo-3col-bg div {
  padding-bottom: 10px;
}

.info26__photo-same-height-11 div p,
.info26__photo-same-height-23 div p,
.info26__photo-same-height-32 div p,
.info26__photo-same-height-169 div p {
  background: #333;
  color: #fff;
  text-align: center;
  margin: 0;
}

@media (min-width:736px){
  .info26__photo-same-height-11,
  .info26__photo-same-height-23,
  .info26__photo-same-height-32,
  .info26__photo-same-height-169 {
    display: flex;
    width: 100%;
    gap: 5px;
  }

  .info26__photo-same-height-11 div,
  .info26__photo-same-height-23 div,
  .info26__photo-same-height-32 div,
  .info26__photo-same-height-169 div {
    flex: 1;
    width: 0;
    margin-bottom: 0;
    background: #eee;
  }

  .info26__photo-same-height-11 div img,
  .info26__photo-same-height-23 div img,
  .info26__photo-same-height-32 div img,
  .info26__photo-same-height-169 div img {
    object-fit: contain;
  }

  .info26__photo-same-height-11 div img {
    aspect-ratio: 1 / 1; 
  }
  .info26__photo-same-height-23 div img {
    aspect-ratio: 2 / 3; 
  }
  .info26__photo-same-height-32 div img {
    aspect-ratio: 3 / 2; 
  }
  .info26__photo-same-height-169 div img {
    aspect-ratio: 16 / 9; 
  }

  .info26__photo-center {
    text-align: center;
  }

  .info26__photo-left img,
  .info26__photo-center img {
    width: auto;
    max-height: 500px;
  }

  .info26__photo-2col-bg div,
  .info26__photo-3col-bg div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 10px;
    background: #eee;
  }

  .info26__photo-2col-bg div {
    -ms-flex-preferred-size: calc(50% - 4px);
    flex-basis: calc(50% - 4px);
    max-width: calc(50% - 4px);
  }
  
  .info26__photo-3col-bg div {
    -ms-flex-preferred-size: calc(33%);
    flex-basis: calc(33%);
    max-width: calc(33%);
  }
}

/* headline */
.info26-t5 {
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.6;
  display: inline-block;
  margin: 0.4em 0;
  border-bottom: 3px solid #e6002d;
  padding: 0px 10px 2px;
}

@media (min-width:736px){
  .info26-t5 {
    font-size: 1.5rem;
  }
}

/* box */
.info26__bg-gray {
  padding: 10px;
  background: #f1f1f1;
}

.info26__bg-white {
  padding: 10px;
  border: solid 1px #e6002d;
}

.info26__bg-gray br:first-child,
.info26__bg-white br:first-child {
  display: none;
}