/* イベント共通パーツ */
body {
    background-attachment:fixed;

    /** ページ全体の背景色 **/
    background-color: #F5F5F5;

    /** ページ全体の背景画像（登録されている場合） **/
    background-image:url(https://er-static.s3.amazonaws.com/uploads/events/247d6dc3d01767aa6c541cf3767828b57234c008.jpg);
    /** ページ全体の背景画像の配置（left|center|right） **/
    background-position:center top;

    /** ページ全体の背景画像のリピート（repeat|no-repeat） **/
    background-repeat:                        no-repeat                       ;
}

/* メイン領域の背景色 */
#pageW1 {
    /* メイン領域の背景色の透明度を加え、rgba()で指定する */
    background-color:rgba(238,238,238,1);



    /* 透明度をOpacityに変換するサンプル
    {Opacity} = (100 - {透明度})/100;
    */
}

/* ヘッダー領域*/
#SDEventHeadBody {
    /** ヘッダー背景色 **/
    background-color:#FFFFFF;
}

#SDEventHeadBody h2,
#SDEventHeadBody h3,
#SDEventHeadBody p {
    color:#333333;
}

/* 文字色 */
.CL1 .ticket_type,
.CL1 .ticket_type div,
.SDEvent1,
.SDEvent1 .CD1,
.SLEv1,
.SDEventContact1 .CL1,
.SLSocialForm1 li .ttl,
.SLSocialForm1 li .question,
.SLSocialForm1 li .ttl.required,
.SLSocialForm1 li .question.required,
#section .SDEvent1 .CDallR,
.CD1.eventDetailBlock,
.erInquiryBlockBody,
.SDEvent1 .CD1 .newsBlock,
.user_organization_description,
input.strA
.SLSocialForm1 .data .notein,
.SLSocialForm1 li .ttl,
.SLSocialForm1 li .question,
.includeTerm.noborder,
.inquiryCheckBox
 {
    color:#333333;
}

.SDEvent1 .CD1 a,
input.strB {
    color:#239CC9;
}

.SDEvent1 .CH1,
.SDEventContact1 .CH1 {
    color:#FFFFFF;
}

/* ボーダー */
#promotionCodeBLock.typeB,
.eventListA li,
.eventListB li,
.SLEv1 li .CLHead1,
.SLEv1 li .CL1,
.SLSocialImport1,
.SDEventContact1 .CL1 li.heading {
    border-bottom-color:#CCCCCC;
}

#promotionCodeBLock,
.CDSubmit1 {
    border-top-color:#CCCCCC;
}

.SDEvent1,
.boxC,
.boxC .bbA,
.inputBoxB,
.inputBoxB h3,
.heading h3,
.selectSessionBlock .selectSessionBody,
.selectSessionBlock .selectSessionBody table,
.selectSessionBlock .selectSessionBody table th,
.selectSessionBlock .selectSessionBody table td,
#section .SDEvent1 .CDallR table,
.CD1.eventDetailBlock table,
.erInquiryBlockBody table,
.SDEvent1 .CD1 .newsBlock table,
#privacyBodyArea table,
.user_organization_description table,
#section .SDEvent1 .CDallR table td,
.CD1.eventDetailBlock table td,
.erInquiryBlockBody table td,
.SDEvent1 .CD1 .newsBlock table td,
#privacyBodyArea table td,
.user_organization_description table td,
#section .SDEvent1 .CDallR table th,
.CD1.eventDetailBlock table th,
.erInquiryBlockBody table td,
.SDEvent1 .CD1 .newsBlock table th,
#privacyBodyArea table th,
.user_organization_description table th,
.SDEventContact1,
.SDEvent1.mobileQRBlock,
.ticketSelectBlock {
    border-color:#CCCCCC;
}

#section .SDEvent1 .CDallR hr,
.CD1.eventDetailBlock hr,
.erInquiryBlockBody hr,
.SDEvent1 .CD1 .newsBlock hr,
#privacyBodyArea hr,
.user_organization_description hr {
    background-color:#CCCCCC;
}

/* 背景色 */
.SDEvent1 .CH1,
.SDEventContact1 .CH1 {
    background-color:#666666;
}

.SDEvent1 .CD1,
.fb-like-box,
.fb-comments,
input.strA,
.SDEventContact1,
.SDEventRt1,
.SDEvent1.mobileQRBlock {
    background-color:#FFFFFF;
}

#mainArea .SDEvent1 .CD1.eventDetailBlock * {
  font-family: 'Noto Sans JP', 'Lucida Grande', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock {
  background-color: #e5e5e5;
  padding: 0;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock ul li {
  list-style: none;
  border: 1px solid #ccc;
  margin: 20px;
  padding: 20px;
  background-color: #efefef;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock table {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock th, #mainArea .SDEvent1 .CD1 td {
  border: 1px solid #999;
  padding: 10px;
  text-align: left;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock th {
  background-color: #f0f0f0;
  font-weight: bold;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock h3 {
  margin: 0 0 20px 0;
  padding: 40px 0px 30px 48px;
  line-height: 1.2;
  position: relative;
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/d11db342f58ee8726087a03554b4d125/ceacf2eca6fee15dc271a3010a218682737a89ad.png);
  background-repeat: no-repeat;
  background-position: 1px 32px;
  background-size: 32px auto;
  color: #17304e;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock h3 span.jp {
  font-size: 1rem;
  color: #2e70ba;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock h5 {
  color: #17304e;
  margin: 0 0 20px 0;
  padding: 0 0 0 50px;
  position: relative;
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/d11db342f58ee8726087a03554b4d125/2b74a13000495623cc4b28ecbd4790ba316c99c3.png);
  background-repeat: no-repeat;
  background-position: 20px 0px;
  background-size: 18px auto;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock h4 {
  color: #17304e;
  margin: 0 0 20px 0;
  padding: 0 0 0 30px;
  position: relative;
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/d11db342f58ee8726087a03554b4d125/2b74a13000495623cc4b28ecbd4790ba316c99c3.png);
  background-repeat: no-repeat;
  background-size: 18px auto;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock #intro, #mainArea .SDEvent1 .CD1.eventDetailBlock #tour, #mainArea .SDEvent1 .CD1.eventDetailBlock #seminar, #mainArea .SDEvent1 .CD1.eventDetailBlock #exhibition-booth, #mainArea .SDEvent1 .CD1.eventDetailBlock #party-menu-tasting, #mainArea .SDEvent1 .CD1.eventDetailBlock #benefit {
  padding: 30px;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock #intro {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/d11db342f58ee8726087a03554b4d125/91a6371223fa6968f35cbab13675afe74b35c5c9.jpg) top left / cover no-repeat;
  color: #fff;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock #tour,
#mainArea .SDEvent1 .CD1.eventDetailBlock #seminar {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/d11db342f58ee8726087a03554b4d125/299e740ef67ca20e24e56e3eca37ec732edadeab.png) top center / 100% auto repeat;
}  
  
  
  
  
#mainArea .SDEvent1 .CD1.eventDetailBlock #exhibition-booth {
  background: #333;
  color: #fff;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock #exhibition-booth h3 {
  color: #fff;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock #exhibition-booth h5 {
  color: #fff;
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/d11db342f58ee8726087a03554b4d125/f2baf9b51b81be1fe540b25cc3fbc9567754db5a.png);
}
#mainArea .SDEvent1 .CD1.eventDetailBlock #exhibition-booth ul li {
  border: none;
  background: hsl(217.5deg 6.25% 25.1%);
}
#mainArea .SDEvent1 .CD1.eventDetailBlock #party-menu-tasting {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/d11db342f58ee8726087a03554b4d125/8951f2a12b02add16bacdd1bde326691ff790b26.jpg) top left / cover no-repeat;
  color: #fff;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock #party-menu-tasting h3 {
  color: #fff;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock #party-menu-tasting h5 {
  color: #fff;
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/fec0fa1aeb4def7eaaaa46fb4a2c0e9e/5b587f270c540b96733546d1771f30b71c5f390e.png);
}
#mainArea .SDEvent1 .CD1.eventDetailBlock #party-menu-tasting ul li {
  color: #121212;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock #benefit ul li {
  border: none;
  background-color: #d7dfe7;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 15px 0;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .thumbnail {
  max-width: 200px;
  width: 100%;
  cursor: pointer;
  margin: 0 5px;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .thumbnail2 {
  max-width: 250px;
  width: 100%;
  cursor: inherit;
  margin: 10px 20px;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .thumbnail3 {
  width: 33%;
  height: 100% !important;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .thumbnail4 {
  width: 100%;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: "";
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-wrapper .modal-window {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
  position: relative;
  width: 70%;
  max-width: 600px;
  padding: 30px 30px 15px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8);
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  color: #95979c !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-wrapper .modal-close:hover {
  color: #2b2e38 !important;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-wrapper .modal-window img {
  width: 100%;
  height: auto;
}
#mainArea .tour-carousel-container {
  width: 100%;
  max-width: 800px;
  overflow: hidden;
  position: relative;
  padding: 60px 0;
  margin: 0 auto;
}
#mainArea .tour-carousel-container .tour-carousel-track {
  display: flex;
width: calc(100% / 3 * 8);
  animation: tour-slide-scroll 15s infinite;
}
#mainArea .tour-carousel-container .tour-carousel-item {
  width: calc(100% / 8);
  padding: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainArea .tour-carousel-container .tour-carousel-item img {
  width: 100%;
  height: auto;
  transform: scale(0.9);
  animation: tour-scale-up 15s infinite;
}
#mainArea .tour-carousel-container:hover .tour-carousel-track, #mainArea .tour-carousel-container:hover .tour-carousel-item img {
  animation-play-state: paused;
}
@keyframes tour-slide-scroll {
0%, 16.6% {
transform: translateX(0);
}
20%, 36.6% {
transform: translateX(-12.5%);
}
40%, 56.6% {
transform: translateX(-25%);
}
60%, 76.6% {
transform: translateX(-37.5%);
}
80%, 96.6% {
transform: translateX(-50%);
}
100% {
transform: translateX(-62.5%);
}
}
@keyframes tour-scale-up {
0%, 16.6% {
transform: scale(1.5);
filter: brightness(1.1);
z-index: 10;
}
16.7%, 100% {
transform: scale(0.9);
filter: brightness(0.8);
z-index: 1;
}
}
#mainArea .tour-carousel-container .tour-carousel-item:nth-child(2) img {
  animation-delay: 0s;
}
#mainArea .tour-carousel-container .tour-carousel-item:nth-child(3) img {
  animation-delay: 3.0s;
}
#mainArea .tour-carousel-container .tour-carousel-item:nth-child(4) img {
  animation-delay: 6.0s;
}
#mainArea .tour-carousel-container .tour-carousel-item:nth-child(5) img {
  animation-delay: 9.0s;
}
#mainArea .tour-carousel-container .tour-carousel-item:nth-child(6) img {
  animation-delay: 12.0s;
}
#mainArea .tour-carousel-container .tour-carousel-item:nth-child(1) img {
  animation-delay: -3.0s;
}
#mainArea .tour-carousel-container .tour-carousel-item:nth-child(7) img {
  animation-delay: 15.0s;
}
#mainArea .tour-carousel-container .tour-carousel-item:nth-child(8) img {
  animation-delay: 18.0s;
}
#mainArea .seminar_wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  font-family: sans-serif;
}
#mainArea .seminar_wrap .seminar_block {
  display: block;
  margin-bottom: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  padding: 20px;
}
#mainArea .seminar_wrap .seminar_block:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
#mainArea .seminar_wrap .meta-info {
  margin-bottom: 10px;
}
#mainArea .seminar_wrap .seminar-label {
  color: #989898;
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: 1;
}
#mainArea .seminar_wrap .seminar-label .line {
  display: block;
  width: 30px;
  height: 1px;
  background-color: #999;
  margin: 0 10px 0 0;
}

#mainArea .seminar_wrap .meta-info .time-text {
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0;
}
#mainArea .seminar_wrap .main-title {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 30px 0;
  line-height: 1.4;
}
#mainArea .seminar_wrap .flex-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}
#mainArea .seminar_wrap .speaker-section {
  flex: 1;
  border-left: 1px solid #999;
  padding-left: 15px;
  display: flex;
  flex-direction: column;
}
#mainArea .seminar_wrap .speaker-item {
  margin-bottom: 20px;
}
#mainArea .seminar_wrap .speaker-role {
  font-size: 0.9em;
  color: #666;
}
#mainArea .seminar_wrap .speaker-name {
  font-weight: bold;
  font-size: 1.2em;
  margin: 5px 0;
}
#mainArea .seminar_wrap .image-area {
  flex-basis: 40%;
  width: 40%;
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#mainArea .seminar_wrap .image-area img.static-img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
#mainArea .seminar_wrap .description {
  width: 100%;
  line-height: 1.6;
}
#mainArea .css-slider-wrap {
  width: 100%;
  overflow: hidden;
}
#mainArea .css-slider-track {
  display: flex;
  width: 400%;
  animation: sliderAnimation 12s infinite;
}
#mainArea .css-slider-track .slide-item {
  width: 25%;
  position: relative;
}
#mainArea .css-slider-track .slide-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
@keyframes sliderAnimation {
0% {
transform: translateX(0%);
}
28% {
transform: translateX(0%);
}
33% {
transform: translateX(-25%);
}
61% {
transform: translateX(-25%);
}
66% {
transform: translateX(-50%);
}
94% {
transform: translateX(-50%);
}
100% {
transform: translateX(-75%);
}
}
#mainArea .slider-indicators {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 15px;
  width: 100%;
}
#mainArea .slider-indicator-dot {
  width: 10px !important;
  height: 10px;
  background-color: #ddd;
  border-radius: 50%;
  animation-duration: 12s;
  animation-iteration-count: infinite;
}
#mainArea .dot-1 {
  animation-name: indicator1;
}
@keyframes indicator1 {
0% {
background-color: #333;
}
28% {
background-color: #333;
}
33% {
background-color: #ddd;
}
94% {
background-color: #ddd;
}
100% {
background-color: #333;
}
}
#mainArea .dot-2 {
  animation-name: indicator2;
}
@keyframes indicator2 {
0% {
background-color: #ddd;
}
28% {
background-color: #ddd;
}
33% {
background-color: #333;
}
61% {
background-color: #333;
}
66% {
background-color: #ddd;
}
100% {
background-color: #ddd;
}
}
#mainArea .dot-3 {
  animation-name: indicator3;
}
@keyframes indicator3 {
0% {
background-color: #ddd;
}
61% {
background-color: #ddd;
}
66% {
background-color: #333;
}
94% {
background-color: #333;
}
100% {
background-color: #ddd;
}
}
#mainArea .exhibition-booth-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#mainArea .exhibition-booth-item {
  width: 100%;
  margin: 0 20px !important;
  box-sizing: border-box;
}
#mainArea .exhibition-booth-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  gap: 15px;
}
#mainArea .exhibition-booth-logo {
  flex-shrink: 0;
  width: 150px;
  height: auto;
}
#mainArea .exhibition-booth-logo img {
  display: block;
  width: 100%;
  height: auto;
}
#mainArea .exhibition-booth-company-name {
  margin: 0;
  font-size: 1.1rem;
  font-weight: bold;
}
#mainArea .exhibition-booth-description {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.5;
}
#mainArea .carousel-wrapper {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}
#mainArea .carousel-track {
  display: flex;
  animation: infinite-scroll 50s linear infinite;
  width: max-content;
}
#mainArea .slide-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
#mainArea .slide-item img {
  width: auto;
  height: 170px;
  margin: 0 2px;
}
@keyframes infinite-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.carousel-track:hover {
  animation-play-state: paused;
}

@media (max-width: 768px) {
#mainArea .SDEvent1 .CD1.eventDetailBlock {
    padding: 0 !important;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock #intro, 
#mainArea .SDEvent1 .CD1.eventDetailBlock #tour, 
#mainArea .SDEvent1 .CD1.eventDetailBlock #seminar, 
#mainArea .SDEvent1 .CD1.eventDetailBlock #exhibition-booth, 
#mainArea .SDEvent1 .CD1.eventDetailBlock #party-menu-tasting, 
#mainArea .SDEvent1 .CD1.eventDetailBlock #benefit {
    padding: 18px;
}
#mainArea .seminar_wrap .flex-row {
  flex-direction: column-reverse;
}
#mainArea .seminar_wrap .image-area {
  flex-basis: auto;
  width: 100%;
}
}

@media (max-width: 728px) {
#mainArea .SDEvent1 .CD1.eventDetailBlock h2 {
  font-size: 20px;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock {
  padding: 15px;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock ul li {
  margin: 10px;
  padding: 15px;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock h5 {
  padding: 0 0 0 50px;
  background-position: 10px 5px;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .thumbnail {
  max-width: 105px;
  width: 100%;
  cursor: pointer;
  margin: 0;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .thumbnail2 {
  max-width: 140px;
  width: 100% !important;
  cursor: inherit;
  margin: 5px 10px;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .thumbnail3 {
  width: 100%;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-wrapper .modal-window {
  max-width: 320px;
  padding: 20px;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-wrapper .modal-window img {
  width: 100% !important;
  height: auto !important;
}
#mainArea .SDEvent1 .CD1.eventDetailBlock .modal-wrapper .modal-close {
  top: -8px;
  right: 4px;
}
#mainArea .seminar_wrap .seminar_block {
  flex-direction: column-reverse;
}
#mainArea .seminar_wrap .image-area {
  flex-basis: auto;
  width: 100%;
}
#mainArea .seminar_wrap .image-area .static-img {
  height: 250px !important;
  width: auto !important;
}
#mainArea .exhibition-booth-logo {
  flex-shrink: 0;
  width: 100px !important;
  height: auto;
}
#mainArea .css-slider-track {
  width: 400% !important;
  display: flex !important;
}
#mainArea .css-slider-track .slide-item {
  width: 25% !important;
  flex-shrink: 0 !important;
}
#mainArea .css-slider-track .slide-item img {
  height: 250px !important;
  width: auto !important;
}
#mainArea .carousel-track {
  animation: infinite-scroll 10s linear infinite !important;
}
#mainArea .carousel-track .slide-item img {
  width: auto !important;
  height: 150px !important;
  margin: 0 2px !important;
}
#mainArea .tour-carousel-container .tour-carousel-track {
width: calc(100% / 3 * 8) !important;
}
#mainArea .tour-carousel-container .tour-carousel-item {
  width: calc(100% / 8) !important;
  flex-shrink: 0 !important;
}
}