@charset "utf-8";
/* CSS Document */


/* CSS Document */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	overflow-y: scroll;
	color: #222;
	font-weight: normal;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	scroll-behavior: smooth;
}

/* support iOS */
html{
  height: -webkit-fill-available;
  background: #e9e5e3;
}
body{
  min-height: 100vh;
  min-height: -webkit-fill-available;
}

/* --------------------------------------------- */
/* ▼common */
/* --------------------------------------------- */

*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal;}
body,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
	margin: 0;
	padding: 0;
}
dd { margin-inline-start:0;}
li {list-style: none;}
p {
    margin-block-start: 0;
    margin-block-end: 0;
}
a { text-decoration: none; color: #222;}
a:hover,
a:hover span,
span a:hover{
    color: #222;
    pacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

img {width: 100%;/* font-size: 0; */}
.logo {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(/images/logo.png);
	height: 70px;
	margin:20px 0;
	background-size: 81px;
	background-repeat: no-repeat;
	background-position: 15px;
}

/* --------------------------------------------- */
/* ▼TOP
/* --------------------------------------------- */
.info {padding: 20px 10px 0;}
.info a{text-decoration: underline;color: #28a6cf;}

.deta {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #50585f;
    text-align: center;
}

.guest a{display: block;margin: 0.4em 0;font-size: 14px;}
.guest { margin-bottom: 1em;}
.guest dd {font-size: 30px;}
.guest dd span { font-size: 14px; margin-left: 0.5em; display: block;}
.guest dd img {
    width: 100%;
    display: block;
    margin: 5px 0;
}
.guest dd p { font-size: 12px;}

.djs { margin-bottom: 1em;}
.djs dd {font-size: 24px;}
.djs dd span { font-size: 12px; margin-left: 0.5em;}

.deta dt {font-weight: bold;font-size: 28px;}
.deta span {background: #f00;padding: 5px 10px;color: #FFF;margin: 5px 0;display: inline-block;}

.ticket dt,.venue dt {
    background: #505050;
    padding: 5px 10px;
    color: #FFF;
    margin: 15px 0 5px;
    display: block;
}
.ticket dd span { font-size: 14px;}

.venue { margin-bottom: 2em;}
.venue dd:nth-child(3) { font-size: 10px;}
.blank a { font-size: 12px; display: block; margin-top: 1em;}
.blank .fas {
    margin-right: 0.5em;
}

/* -----Animation-----------*/
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition:all 0.5s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

.pc { display: none;}

div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
margin: auto;
}
video.vid_main {width: 100%;}

.paradise { margin-top: -10px;}
@media screen and (min-width: 980px) {
    .sp { display: none;}
    .pc { display: block;}
    
    .deta { text-align: left;}
    
    .top { max-width: 1400px; margin: auto;}
    .key {width: 58%;margin: 0 auto;}
    .guest dd {font-size: 36px;overflow: hidden;}
    
    .guest a{font-size: 16px;}
    .guest dd p {
    margin-left: 220px;
    font-size: 16px;
}
    .guest dd span {display: none;}
    .guest dd img {
    width: 200px;
    display: block;
    float: left;
    margin: 10px;
}
    .ticket dd:last-child { font-size: 12px;}
    
    .ticket dt,.venue dt { font-size: 23px;}
    .guest dd p.en {font-size: 18px;}
    

}