@charset "utf-8";
/* CSS Document */
.smf_wrap{
  background-image:url("https://www.tss-tv.co.jp/themes/shimanefair2024@tss/img/venue/il_bg.png");
  background-repeat: no-repeat;
  background-position: center top;
  width:100%;
  max-width:1920px;
  margin:auto;
  background-size: 1920px auto;
}

.smf_venuettl{
  max-width:1080px;
  margin:auto;
}

.smf_body{
  background:none;
}

.smf_ct_header{
  width:100%;
  max-width:1080px;
  margin:auto;
}

.smf_ct_header h1{
  max-width:560px;
  margin:auto;
}

.smf_ct_header ul{
  display:flex;
  padding:32px 0 0;
  gap:0 10px;
}

.smf_ct_header ul li{
  width:100%;
}

.smf_contents{
  background-color:#FFF;
  width:100%;
  max-width:1080px;
  margin:auto;
  position:relative;
}

.smf_phimg{
  position:relative;
  max-width:1920px;
  width: 100%;
  margin:auto;
  z-index:1;
  pointer-events: none;
}

.smf_phimg > div{
  aspect-ratio:16/9;
  max-width:356px;
  background-repeat:no-repeat;
  background-size: 90%;
  background-position: center;
  position:absolute;
}

.smf_phimg > div:first-of-type{
  top: -146px;
  left: -360px;
}

.smf_phimg > div:nth-of-type(2){
  top: 160px;
  left: -360px;
}

.smf_phimg > div:nth-of-type(3){
  top: 470px;
  left: -360px;
}

.smf_phimg > div:nth-of-type(4){
  top: -146px;
  right:-360px;
}

.smf_phimg > div:nth-of-type(5){
  top:160px;
  right:-360px;
}

.smf_phimg > div:nth-of-type(6){
  top:470px;
  right:-360px;
}
.smf_update{
  text-align: right;
  font-size: 0.75rem;
  color: #363636;
  padding:16px 16px 16px 0;
}
.smf_themelist{
  background-color:#ECAFBC;
}

/*-- カテゴリー毎 --*/
.smf_themelist.cat_yatai{
  background-color: #FBE4EE;
}

.smf_themelist.cat_marche{
  background-color: #E5B76D;
}

.smf_themelist.cat_activity{
  background-color:#A2C6E5;
}

.smf_themelist.cat_rest{
  background-color:#BBD299;
}


.smf_themelist ul{
  display:flex;
  flex-wrap:wrap;
  gap:10px 8px;
  padding:24px;
}

.smf_themelist ul li{
  width:fit-content;
  background-color:#D15B80;
  border-radius:20px;
  color:#FFF;
  padding:0.5em 1em;
  font-weight:bold;
}

.smf_themelist ul li.smf_neko{
  background-color:#ea543b;
}

.smf_themelist ul li.smf_yuru{
  background-color:#019C00;
}

.smf_themelist ul li.smf_onilaby{
  background-color:#f08c00;
}

.smf_themelist ul li.smf_stagesche a,
.smf_themelist ul li.smf_onilaby a,
.smf_themelist ul li.smf_neko a,
.smf_themelist ul li.smf_yuru a{
  color:#FFF;
}

.smf_themelist ul li.smf_stagesche{
  background-color:#5f1b82;
}

.smf_themelist ul li input{
  border:none;
  background-color:#D15B80;
  color:#FFF;
  font-weight:bold;
  font-size: 1em;
}

.smf_boothlist{
  padding:40px;
}

.smf_boothlist ul{
  display:flex;
  flex-wrap: wrap;
  padding-top:24px;
  gap:16px 48px;
}

.smf_boothlist ul li{
  width:100%;
  border-top:solid 2px #D15B80;
}

.smf_boothlist ul li > p{
  font-weight:bold;
  font-size:1.25em;
  display: flex;
  line-height:1.5;
  padding:0.25em 0 0.5em 0;
}
.smf_boothlist ul li > p a{
  color:#000;
  text-decoration:underline;
}

.smf_boothlist ul li > p a:hover{
  text-decoration:none;
}


.smf_boothflx > div:only-of-type{
  width:100%;
}

.smf_boothlist ul li p span{
  display:inline-block;
  background-color:#D15B80;
  color:#FFF;
  min-width:2.375em;
  text-align: center;
  font-size:0.625em;
  border-radius: 0 0 100px 100px;
  padding:0.75em 1em 0;
  margin-right:0.5em;
  margin-top: -0.5em;
  max-height: 2.65em;
}

.smf_boothflx{
  display:flex;
}

.smf_boothflx > div:nth-of-type(2){
  border-left:solid #A7690C 1px;
}

.smf_booth_captionbox{
  width:60%;
  padding-right:1em;
  font-size:0.875em;
}

.smf_booth_pointother{
  color:#707070;
}

.snf_booth_databox{
  width:40%;
  padding-left:1em;
  color:#A7690C;
}

.snf_booth_databox a{
  color:#A7690C;
  text-decoration:underline;
}

.snf_booth_databox a:hover{
  text-decoration:none;
}

.smf_booth_name{
  font-size:0.875em;
  font-weight:bold;
  padding-bottom:0.5em;
  line-height:1.375;
}

.smf_booth_add{
  font-size:0.75em;
  line-height:1.5;
}

.smf_booth_mapurl a{
  color:#A7690C;
  font-size:0.75em;
}

.smf_booth_mapurl a:hover{
  text-decoration:underline;
}

.smf_booth_point,
.smf_booth_pointother{
  line-height:1.75;
}

.dmf_boothapp{
  display:flex;
  padding:0.5em 0;
  align-items: center;
}

.dmf_boothapp div{
  width:40px;
  padding-right:8px;
}

.dmf_boothapp p{
  line-height:1.5;
  font-size:0.75em;
  width: 90%;
}

.smf_stageschedulebox{
  width:100%;
  max-width:1000px;
  margin:0 auto 48px;
  text-align: center;
  padding-top:24px;
  display:flex;
  gap:16px 24px;
}

.smf_nekoschebox,
.smf_yuruschebox{
  width:100%;
  max-width:760px;
  margin:auto;
}

.smf_nekoschebox img,
.smf_nekoschebox img{
  width:100%;
}

.smf_yurubnr{
  width:80%;
  max-width:720px;
  margin: 1em auto 0;
}

.smf_yurubnr img{
  width:100%;
  border:solid 1px #FECB54;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}


#smf_onilaby{
  padding-top:40px;
}

.smf_sliderbox,
.tss_footer{
  position: relative;
  z-index:3;
}

.smf_pdflink{
  position: fixed;
  right: 16px;
  bottom: 140px;
  z-index: 200;
}

.smf_pdflink a{
  border:solid 6px #FFF;
  background-color:#C30D23;
  border-radius:46px;
  color:#FFEB9C;
  text-decoration:none;
  display:flex;
  justify-content: center;
  align-content: center;
  padding:1em 1.5em;
  font-weight:bold;
  box-shadow: 0px 0px 15px -5px #333;
}

.smf_pdflink a:hover{
  text-decoration: underline;
}
.smf_shoplist{
  display:flex;
  gap:32px;
  flex-wrap:wrap;
  color:#A7690C;
  font-size:0.75em;
  line-height:1.375;
  padding-top:8px;
}

.smf_shoplist div span{
  display:block;
  font-weight:bold;
}
.smf_shoplist a{
  color:#A7690C;
  text-decoration: underline;
}
.smf_shoplist a:hover{
  text-decoration:none;
}

.smf_spnavi{
  display:none;
}

.smf_map{
  max-width:1080px;
  margin:auto;
  text-align:center;
}

@media screen and (min-width:801px){
  .smf_ct_header ul li a:hover{
    opacity:0.5;
  }
  .smf_themelist li:hover{
    cursor:pointer;
    text-decoration: underline;
  }
  .smf_yurubnr a img:hover{
    opacity:0.5;
  }
}

@media screen and (max-width:1261px){
  .smf_phimg{
    display:none;
  }
}

@media screen and (max-width:800px){
  .smf_body{
    padding-top:32px;
  }
  .smf_phimg{
    display:none;
  }
  .smf_ct_header ul{
    flex-wrap:wrap;
    gap:16px 1%;
    justify-content: center;
  }
  
  .smf_ct_header ul li{
    width:49.5%;
  }
  
  .smf_themelist ul{
    padding:1em 0.5em;
  }
  
  .smf_boothlist{
    padding: 40px 16px;
  }
  
  .smf_boothlist ul li{
    width:100%;
  }
  
  .smf_boothlist ul li > p{
    font-size:1em;
  }
  
  .smf_boothflx{
    flex-direction: column;
  }
  
  .smf_booth_captionbox,.snf_booth_databox{
    width:100%;
  }
  .smf_boothflx > div:nth-of-type(2) {
    border-left: none;
    padding-left: 0;
    margin-top: 1em;
  }
  .smf_stageschedulebox,
  .smf_nekoschebox,
  .smf_yuruschebox{
    padding:0 16px;
  }
  
  .smf_pdflink{
    bottom:26vh;
  }
  
  .dmf_boothapp div{
    width:10%;
    max-width: 40px;
  }
  
  .smf_spnavi{
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    padding: 32px 0;
    gap:8px;
  }
  .smf_spnavi li{
    width:48.5%;
  }
  .smf_wrap{
    margin-bottom:240px;
  }
}

@media screen and (max-width:640px){
  .smf_stageschedulebox{
    flex-direction:column;
  }

}


@media screen and (max-width:480px){
  .smf_ct_header ul{
    padding: 16px 0;
    display:none;
  }
  .smf_map{padding-bottom:1em;}
  .smf_themelist ul {
    padding: 1em 0.25em;
    font-size: 0.875rem;
  }
  .smf_boothlist {
    padding: 16px;
  }
  
}

/*-- 絞り込み関連 --*/

.is-hide {
	display: none;
}