@charset "utf-8";
:root{
  --red: #bd1a1f;
}
#kinashiten{
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: #f1f0f0;
    font-family: "Noto Sans JP", sans-serif;
    font-weight:500;
}
.main_kv{
    background: #d92316;
}
#kinashiten .main_kv_sp{
    margin:0 auto;
    display:block;
}
.main_kv_sp{
  opacity: 0;
  transition: opacity 1.2s ease;
}

.main_kv_sp.is-show{
  opacity: 1;
}
.fadein-target{
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 表示状態 */
.fadein-target.is-show{
  opacity: 1;
  transform: translateY(0);
}
.common_width{
    width: 93%;    
}
#kinashiten .event_date{
    background: #000000;
    color: #fff;
    text-align:center;
    padding: 5% 0 0.5%;
    font-size: 5.1vw;
    font-weight: 900;
    font-family: "Murecho", sans-serif;
}
#kinashiten .event_date>p{
    border:2px solid #d92316;
    margin:0 auto;
    padding: 1.5% 0.5%;
    color: #d92316;
}
.table_caution>span,.info_flextext>span{
    margin-right:20px;
}
#kinashiten .intro_wrap{
    background: #000000;
}
#kinashiten .intro_text{
    font-size: 4vw;
    font-weight:500;
    color:#fff;
    margin:0 auto;
    padding: 3% 0 5%;
    line-height: 1.7;
}
#kinashiten .info_title,.ticket_title{
    text-align:center;
    font-size:4rem;
    font-weight: 900;
    font-family:"Montserrat", sans-serif;
    letter-spacing:0.1rem;
    color: var(--red);
}
#kinashiten .info_title::after {
    content: "開催概要";
    display: block;
    font-size: 1.8rem;
    margin-top: -2%;
    color: var(--red);
    font-weight: 900;
    text-align: center;
}
#kinashiten .ticket_title::after {
    content: "チケット情報";
    display: block;
    font-size: 1.8rem;
    margin-top: -2%;
    color: var(--red);
    font-weight: 900;
    text-align: center;
}
#kinashiten .info_wrap,.ticket_wrap{
    color: #000;
    padding: 8% 0 5%;
}
#kinashiten .info_flexwrap,.ticket_flexwrap{
    display:block;
    margin:0 auto;
    font-size: 1.7rem;
}
#kinashiten .info_flexcontents{
    display:block;
    border-bottom: 1.5px solid var(--red);
    /* margin: 2% auto; */
    padding: 3% 0;
}
#kinashiten .ticket_flexcontents{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin: 2% auto 0;
    padding: 1% 0;
}
#kinashiten .info_flextitle{
    width: 100%;
    color: var(--red);
    font-weight: 900;
}
#kinashiten .ticket_flextitle{
    border-bottom: 1.5px solid var(--red);
    margin: 2% auto;
    padding-bottom: 1%;
    width: 100%;
    color: var(--red);
    font-weight: 900;
}

#kinashiten .info_flextext{
    width: 100%;
}
#kinashiten .info_date{
    display:inline-block;
    width:6em;
    font-weight:900;
}
iframe[src*="www.google.com/maps/embed"] {
    padding:1% 0 0;
}
#kinashiten .info_flexwrap ul,.ticket_flexwrap ul{
    font-size: 3.3vw;
    margin-bottom: 4%;
}
#kinashiten .info_flexwrap ul li,.ticket_flexwrap ul li{
    text-indent: -1em;
    padding-left: 1em;
}
#kinashiten .ticket_tablewrap{
    width: 100%;
    margin: 5% auto 2%;
    font-weight:900;
    font-size: 4.5vw;
}
#kinashiten .ticket_tablewrap td{
    border:1.5px solid #000;
    padding: 1.3%;
    width:25%;
    text-align:center;
}
#kinashiten .spticket_title{
    color:#000;
    background:#ffcdcd;
    font-weight:900;
    padding: 2%;
    margin: 5% auto 2%;
    font-size: 4.6vw;
    border-left: 6px solid var(--red);
}
#kinashiten .spticket_text{
    font-weight:700;
    font-size: 4.2vw;
}
#kinashiten .caution_text{
    font-size: 3.3vw;
    margin-bottom: 6%;
}
#kinashiten .ticket_playguide{
    margin-bottom: 4%;
}
#kinashiten .ticket_store::before {
    content: "■";
    font-size: 1.8rem;
    color: var(--red);
    display:inline-block;
    margin-right:3px;
}
#kinashiten .ticket_store{
    margin-right:10px;
    font-weight:900;
    color: var(--red);
}
#kinashiten .ticket_link{
    display:block;
    border: 2px solid #000;
    /* box-shadow: 4px 4px 0px 0px rgb(0 0 0 / 40%); */
    color:#000;
    background:#fff;
    margin: 5% 0;
    padding: 2.5%;
    font-weight:900;
    font-size: 3.8vw;
}
#kinashiten .contact_wrap{
    background:#000;
    text-align:center;
    color:#fff;
    padding: 3% 1%;
    font-size: 4vw;
    font-weight:700;
}
#kinashiten .contact_wrap .contact_title{
    border:1.5px solid #fff;
    font-size: 3.4vw;
    padding:0 0.5%;
    margin-right:0.2%;
}
#kinashiten .sp_none{
	display: none;
}


/*グレーアウト　終わり*/
#footer{
	margin:0px !important;
}