@charset "utf-8";

/* tss_footer------------------------------------------*/

#tss_gototop{
  position: fixed;
  right:0;
  bottom: 40px;
  z-index: 200;
}
.tss_footer{
    width:100%;
    padding:1em 0;
    margin:80px 0 0;
    text-align:center;
    background-color:#d9f1fb !important;
}

.tss_footer a{
    color:#006699;
    text-decoration:none;
}
/*-----------------------------------------*/

.swiper-button-next, .swiper-button-prev{color:rgba(0,0,0,0.5);}
.swiper-button-next:hover, .swiper-button-prev:hover{color:rgba(0,0,0,1);}
.swiper-pagination-bullet-active{background-color: #000;}
.swiper-pagination-bullets{transform: translateY(-1.5em);}

.ei_detail img{width:100%;height:auto;}

.ei_detail{width:100%;max-width:1240px;margin:0 auto;border:solid 1px #d9f1fb; font-size:clamp(16px,calc(8px + 0.675vw),20px);}
.ei_detail h1{width:100%;}
.ei_snsicon{
  width:100%;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:-64px;
  padding:8px 8px 16px 0;
}
.ei_snsicon li{width:40px;}
.ei_snsicon li img:hover{opacity:0.7;}

.ei_notfound p{width:fit-content;margin:1em auto;}

.topicpath{font-size:0.75em;padding:1em;}

.ei_dtlwrap{padding:1em;}

.ei_dtlmain{
  display: grid; 
  grid-template-columns: 50% 50%; 
  grid-template-rows: auto 1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    "imgarea dtlhead"
    "imgarea dtlfoot"; 
}
.ei_imgbox{ grid-area:imgarea;/*background-image: url("../img/bg_dtl.jpg");background-size: 40% auto;background-position: center center;*/border:solid 12px #fff;box-shadow:0 0 6px rgba(0,0,0,0.2);}
.ei_imgbox img{box-shadow: 0 2px 4px rgba(0,0,0,0.2);}

.ei_slidewrap{position: relative;padding:clamp(1em,4vw,80px);}
.ei_slides{overflow: hidden;}


.ei_detail h2{grid-area:dtlhead;width:100%;background-color:#d9f1fb;padding:1.75em 1em;}
.ei_detail h2 p{line-height:1.5;width:fit-content;max-width:100%;margin:0 auto;}
.ei_detail h2 p.ei_eventttl{font-size:1.75em;font-weight:bold;color:#04222d;}


.ei_txtbox{grid-area:dtlfoot;width:100%;display:flex;flex-wrap:wrap;}
.ei_txtbox > div:not([class]){width:100%;align-self: flex-start;}
.ei_status{background-color:#dd0000;color:#fff;padding:1em;line-height:1;font-weight:bold;font-size:1.25em;width:fit-content;max-width:100%;margin-left:auto;transform: translateY(-0.5em);}
.ei_status:empty{display: none;}
.ei_caption{font-size:1.275em;font-weight:bold;line-height:1.5;padding-left:1em;margin:1em auto;}
.ei_tssolticket{display:block;width:fit-content;max-width:90%;margin:2em auto;background:linear-gradient(to bottom,  #0955ba 0%,#0955ba 11%,#0955ba 30%,#000a66 100%);color:#fff;text-alight:center;border-radius:3em;padding:1em 2em;box-shadow:0 2px 2px rgba(0,0,0,0.2);}

.ei_pdfbox{align-self:end;min-width:40%;}
.ei_pdfbox a{display:flex;align-items:center;align-content:center;position:relative;color:#000a66 ;background-color:#fff;box-shadow:0 0 6px rgba(0,0,0,0.2);width:fit-content;max-width:90%;border-radius:0 1em 1em 0;z-index:2;}
.ei_pdfbox a::before{content:"";display:block;width:12px;position:absolute;top:0;left:-8px;bottom:0;margin:auto;background-color:#fff;z-index:3;}
.ei_pdfbox p{width:fit-conent;line-height:1.5;}
.ei_pdfbox p:first-of-type{padding:1em 0 1em 1em;max-width:calc(100% - (40px + 2em));}
.ei_pdfbox p:last-of-type{width:calc(40px + 2em);padding:8px 1em;}

.ei_mvbox{width:90%;margin: 1em auto;aspect-ratio:16 / 9;overflow: hidden;}
.ei_mvbox iframe{width:100% !important; height:auto; aspect-ratio:16 / 9;}
.eif_mvtitle{line-height:1.375;}
.ei_infodtl{padding:2em 1em 1em;}
.ei_infodtl ul{background-color:#F1F9FD;border:1px dashed #0099CC;padding:0.5em;}
.ei_infodtl dl{margin-bottom:0.5em;display:flex;width:100%;}
.ei_infodtl dt{background-color:#42a3e3;color:#fff;width:8em;padding:1em;font-weight:bold;text-align:center;line-height:1.35;}
.ei_infodtl dd{background-color:rgba(231,244,246,0.6);width:calc(100% - 8em);padding:1em;line-height:1.5;}

.ei_infodtl dd img{max-width: 100%;width:auto;height: auto;}

.ei_back a{display:block;padding:0.5em;width:fit-content;margin:1em auto;}

.ei_noticearea{
  background-color: #F7F7F7;
  padding: 1em;
  margin: 2em 0;
  line-height: 1.35;
}
div.ei_noticearea:empty{display: none;}


@media screen and (min-width:1280px){
#tss_gototop{right:calc(50% - 640px);}
}

@media screen and (min-width:800px){
  .ei_infodtl dd a:hover, .ei_noticearea a:hover{text-decoration: none;color:#474C5B;}
  .ei_pdfbox a:hover{text-decoration: none;color:#474C5B;box-shadow:0 0 1px rgba(0,0,0,0.2);}
  .ei_pdfbox a:hover img{opacity: 0.7;}
  .ei_tssolticket:hover{background:#0955ba;box-shadow:none;}
}


@media screen and (max-width:800px){

  #tss_gototop{bottom:18vw;width:40px;height: 40px;}
  #tss_gototop img{width:100%;}
  
  .swiper-button-prev{transform: translateX(-1.5em);}
  .swiper-button-next{transform: translateX(1.5em);}
  .swiper-pagination-bullets{transform: translateY(0.375em);}
  

  .ei_detail{font-size:clamp(14px,calc(8px + 0.675vw),18px);}
  .ei_dtlwrap{padding:1em 1em 18vw;}
  .ei_snsicon{
    margin-top:-6.75vw;
    padding:0;
  }
  .ei_snsicon li{width:6vw;}

  .topicpath{line-height: 1.35;}
  
  .ei_detail h2{padding:1em;}
  .ei_detail h2 p{line-height: 1.35;}
  .ei_dtlmain{display:block;}
  .ei_mvbox{width:100%;}
  .ei_status{transform: none;margin: 1em auto;padding:0.5em;font-size:1em;}
  .ei_caption{font-size:1.125em;padding-left:0;}

  .ei_pdfbox{width:100%;}
  .ei_pdfbox a{margin:1em auto;border-radius:1em;}
  .ei_pdfbox a::before{display:none;}

  .ei_infodtl{padding:2em 0 1em;}
  .ei_infodtl dl{display: block;margin-bottom: 1.5em;}
  .ei_infodtl dt{width:fit-content;min-width:5em;max-width: 100%;text-align: left;padding: 0.5em 1em;}
  .ei_infodtl dd{width:100%;background-color: #fff;}
  .ei_infodtl dd a{word-break: break-all;}
}