@charset "utf-8";
/* CSS Document */
body{/*    padding-top: 104px;*/padding-top:0;}
#l00,#l01_2{
	padding-top: 100px;
	margin-top: -100px;
}
#l_news{padding-top: 100px;
	margin-top: -100px;    padding-bottom: 170px;background: #eee;}

#l00 {
    background: #666;padding-bottom:200px;
}
#l01, #l02, #l03, #l04{    overflow: hidden;}
#top-head{top: 0;
    left: 0;}h2{    font-family: "Oswald", sans-serif;}
h2{color: #FFF;
letter-spacing: 0px;
text-align: center;
font-family: Oswald;
font-size: 420%;
/*font-style: normal;*/
font-weight: 700;line-height: 40px;}
h2 span{ font-family: "Noto Sans JP";
font-size: 15px;
font-style: normal;
font-weight: 900;
    line-height: 30px;color: #FFF;    letter-spacing: 3px;margin-top:0;}
.band_name{font-size:68%;display:block;    margin-top: 10px;}
.midashi h2 span{display:none;}
h2.red{color:#666;}
h2.red span{color:#666;}
.outline_box a{color:#000;    border-bottom: 1px solid #000;}
.outline_box{background: #666;}
.map_box.sponser_box{background: #000;    padding: 50px 0;
    padding-bottom: 100px;}
#l01{/*background: url("../img/b2024/bf_backimg1.jpg") no-repeat 50% 0%;
background-size:cover;*/background:#eee;}

/*#l01:before{content:'';position:absolute;z-index:1;background:rgba(0,0,0,0.2);top:0;left:0;width:100%;height:100%;}*/
.col-6.b_gray{max-width:inherit;}
.w1080{    max-width: 1080px;}
.artbox h4{    font-size: 169%;
word-break :keep-all;}
.artbox_wrap11 .artbox h4{font-size:120%;}

.box_artists_1 {
    background: #000;
    padding: 100px 70px;
    padding-top: 40px;border-radius:30px;
}
.lineup_box_wrap{    position: relative;
    z-index: 2;}
.lineup_box h3 {
    font-family: "Oswald", serif;
    font-family: Oswald;
    font-size: 600%;
    font-style: normal;
    font-weight: 700;
        line-height: 0.8em;
}.lineup_box h3 span{
font-size: 60%;
font-style: normal;
font-weight: 700;
    line-height: 60px;}

.lineup_box .more{    border-radius: 100px;
    border: 2px solid #000!important;
    background: #000;    color: #fff !important;}

.box_artists_2{background: #666;}

.lineup_box .box_artists_2 .more{ border: 2px solid #666!important;
    background: #666; }

.copy_box{background: #000;}

.footer_box1{}
.midashi{padding-top: 70px;}

#l03 .illust1{/*background:rgba(255,255,255,0.5);*/    margin-bottom: 60px;    position: relative;
    z-index: 10;}

.illust1_wrap {
    background: url(../img/b2024/back2024.jpg) no-repeat 63% 40%;
    background-size: 300%;
    position: relative;
    padding: 80px 0;
}


#top-head #global-nav ul li:nth-child(8) a.sns {
    max-width: 36px;
    width: 36px;
}
#global-nav .level-2 ul{display: flex;
    flex-direction: column;}
#top-head .level-2 a{font-size:15px;    padding: 6px 0;}
#navi ul li a.dropdown-trigger:hover:after, #navi ul li a.dropdown-trigger:active:after, #navi ul li a.dropdown-trigger:focus:after, #navi ul li a.dropdown-trigger.active:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#navi ul li a.dropdown-trigger{position:relative;}
#navi ul li a.dropdown-trigger:before{content:none;}
#navi ul li a.dropdown-trigger:after {
    content:'';
	background:url(../img/b01.png) no-repeat 50% 50%;
	background-size: 12px;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: -10px;
    width:100%;
    text-align: center;
    font-size: 10px;
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}


.dropdown-trigger_wrap:hover .level-2 {
	margin-top:0;
    opacity: 1;
    visibility: visible;z-index: 100;
}
 .level-2{
    position: absolute;
    top: 40px;
    left: 54px;
    width: 200px;background:#EEE545!important;    text-align: left;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: -10px;
    opacity: 0;padding: 5px;    z-index: -2;  visibility: hidden;
}

.level-2 li a{
	display:block;
	padding:0 13px;font-weight:400;}


#l03 .map_box .w1080{position:relative;z-index:2;} 

.map_box {
    padding-bottom:80px;
/*    background: url(../img/b2024/back2024.jpg) no-repeat 50% 100%;
    background-size: cover;*/
    background:#eee;
    position: relative;
}
#l01_2 .map_box {padding-bottom:0;}
#l03 .map_box:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 40%;
    background-image: linear-gradient(to top, transparent, #ffffff 70%);
    top: 0;
    z-index: 1;
}

.map_container .ot_container_wrap{padding:0 20px;}

.map_box_in {
    font-size: 30px;
    background: #D9D9D9;
    height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.more:after{    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;}
.lineup_box .more:after{    right: 25px;}
.lineup_box .more{    max-width: 240px;}
.lineup_box .artbox_wrap11 .more:after{    right: 15px;}
.top_visial {
    display: flex;
	align-items: center;
	justify-content: center;
    height: 100vh;
    background: #fff;
    width: 100%;
    overflow: hidden;
}
.top_visial img {
	max-width: 1280px;
	height: 100vh;
	width: 100%;
}
#top-head{background:none!important;}

/*.top_visial_l{width:50%;}*/

.top_visial_l img {
    /* width: 100%; */
    height: 100vh;
    object-fit: contain;
    /* width: 100%; */
    aspect-ratio: 1 / 1;    object-position: right;
}
.top_visial_r {
 /*   width: 50%;*/
    display: flex;
    align-items: center;
    justify-content: center;flex-grow: 1;    padding: 0 30px;
}.top_visial_r .ctbc01{display:flex;color: #FFF;

text-align: center;
font-family: Oswald;
font-size: 600%;
font-style: normal;
font-weight: 700;
line-height: 1.2em; /* 65% */}

#top-head a{color:#fff!important;}

#global-nav ul li:first-child img{width:22px;height:auto;}

#global-nav ul{    position: relative;
}

#container{    padding-top: 100px;}

#l01 h2{    margin-bottom: 0;}

#top-head.fixed a{    text-shadow: #000 1px 0 10px;    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;}
#top-head.fixed a img{filter: drop-shadow(1px 5px 5px #000);}

#nav-toggle span{background:#fff!important;}
#pwbox-24511{border:1px solid #ccc;}

.artbox_wrap11 .artbox{    flex-direction: column;    margin-bottom: 20px;}
.artbox_wrap11 .artbox_imgbox{width:100%;}
.artbox_wrap11 .artbox_txt{width:100%;    padding: 0px;
    padding-top: 3%;}

.artbox_wrap11.box_artists_1{    border-radius: 30px;
    padding: 40px 26px;
    padding-top: 30px;height:100%;}

.lineup_box .artbox_wrap .more{ border: 2px solid #fff!important;
    background: #fff; color:#000!important;}

.lineup_box .artbox_wrap .more:hover{ border: 2px solid #fff!important;
    background: #000;color:#fff!important; }

.lineup_box .box_artists_2 .artbox_wrap .more{ border: 2px solid #fff!important;
    background: #fff; color:#666!important;}

.lineup_box .box_artists_2 .artbox_wrap .more:hover{opacity:1; border: 2px solid #fff!important;
    background: #666;color:#fff!important; }


.zenyasai_wrap{background: #d45f2e;padding-bottom: 30px;}
.level-2{background:none!important;}
#zenyasai .outline_container{background:none;}
.time_font {
    font-size: 28px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #fff;
}.time_font2 {
    font-size: 24px;
    color: #fff;
}

#zenyasai,#sponsor{
    padding-top: 100px;
    margin-top: -100px;
}
#zenyasai .ot_container_wrap{padding-top:0}

#zenyasai .midashi h2 img{height:70px;}
.zenyasai_message h3 {font-size:150%;
    margin-bottom: 20px;color:#fff;text-align: justify;
}.zenyasai_message p {
        font-size: 110%;
    text-align: justify;color:#fff;
}
.guest_dj_box .artbox h4{    font-size: 120%;
    padding-top: 6%;}
.guest_dj_box .artbox{display:block;background:#fff;height:auto;margin-bottom:20px;}
/*.guest_dj_box .artbox *{color:#fff!important;}*/
.guest_dj_box .artbox .artbox_imgbox{width:100%;}
.guest_dj_box .more{background:#fff;color:#d45f2e!important;border:none!important;    max-width: 240px;    font-size: 15px;
    line-height: 50px;}
.guest_dj_box .more:hover{background:#000;color:#fff!important;border:none!important;opacity:1;}
@media screen and (max-width: 991px) {
.top_visial_r .ctbc01 {
    display: flex;
    color: #FFF;
    text-align: center;
    font-family: Oswald;
    font-size: 400%;
    /*font-style: normal;*/
    font-weight: 700;
    line-height: 1.2em;
    }
}
@media screen and (max-width: 900px) {

    
    .top_visial{flex-direction: column;height: auto;}
    .top_visial_l {
    width: 100%;text-align:center;
}.top_visial_r {
    width: 100%;padding: 20px 0;}
}
@media screen and (max-width: 896px) {
    #top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a{padding: 16.5px 0!important;}
    #zenyasai .midashi h2 img {
    height: 40px;
}
        .open #global-nav {
        -moz-transform: translateY(656px)!important;
        -webkit-transform: translateY(656px)!important;
        transform: translateY(656px)!important;
    }

    .level-2 {
     position: relative;
    top:inherit;
    left:inherit;
    width:100%;
    margin: 0 auto;
    background: #eee !important;
    text-align: center;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: 0px;
     opacity: 1; 
    padding: 5px;
    z-index:1;
     visibility:visible; 
}
    
    
    #mobile-head{height:0!important;}
        #global-nav {
        position: absolute;
        top: -656px!important;
            background: #666!important;}
    #mobile-head {
        background: none!important;}
    
        #global-nav > ul > li.sns_wrap{    display: inline-block;
    width: 20%;
    min-width: 44px;}
    #global-nav ul{display:table!important;margin:0 auto;width:80%!important;text-align: center;}
}

@media screen and (max-width: 768px) {
    .arrange .thanks_box .midashi h3{font-size:120%;}
    
    h2 {
    font-size: 300%;
    line-height: 1.2em;
}.lineup_box h3 {
    font-size: 400%;
    line-height: 0.8em;
	margin-bottom:10%;
}.lineup_box h3 span {
    font-size: 60%;
    line-height: 1.2em;
}
    
    .box_artists_1 {
    padding: 50px 10px;
    padding-top: 20px;
    border-radius: 30px;margin-bottom:20px;
    }
    .boatstage1 h4{    font-size: 122%}
    .boatstage1 .fune p{font-size: 120%;}
    span.tt_big{font-size:140%;}
    .artbox_txt{padding-bottom:0;}
    
    .midashi {
    padding-top: 30px;
}
    .w1080.mb80{
    margin-bottom: 30px !important;
}
    .map_box {
        padding-bottom: 10vh;}
    #l01 {
    padding-left:20px;padding-right:20px;
}
    
}@media screen and (max-width: 648px){
    .top_visial_l img
	{
		height:auto;
		object-position: center;
	}

}


.col-md-6.b_gray,.col-4.b_gray {
    /* background: #fff; */
    padding: 10px 20px;
    /* align-items: center; */
}

.col-md-6.b_gray img,.col-4.b_gray img {
    background: #fff;
    border: 1px solid #eee;
}

.mannaka{    display: flex;
    align-items: center;
    height: 100%;}


.guest_dj_box.arrange {
  /*  background:#94C395;*/
    background-size: cover;
    padding: 40px 0;
}.boat_box{padding:40px 20px;background:#C92D37;background:#fff;}
.boat_box .artbox_imgbox {
    width: 100%;
    padding-top: 0;
    position: relative;
    padding-bottom: 0px}
.boat_box .artbox_imgbox img {
    position: relative;}
.trailer{    background:url(../img/b2024/backeps.jpg) no-repeat 50% 50%;
    background-size: cover;
    padding: 40px;
    margin: 0 20px;   /* border-radius: 10px;*/}
.arrange .thanks_box {
    background: rgba(255, 255, 255, 1);
    padding-bottom: 1px;
    padding-top: 20px;
    display: table;
    margin: 0 auto;
    max-width: 560px;
    width: 100%;
    padding-bottom: 40px;border: 2px solid #727171;
}
.tt_p,.tt_p_2 p, .tt_p_2 a{color:#fff;}
a.tt_p_a{    border-bottom: 1px solid #fff;
    color: #fff;}
.arrange .thanks_box .midashi{    padding-top: 0px;}

.fune2 span.week{margin-left:10px;}
.boatstage1{    background: #000;border-radius: 30px;margin:0 20px;padding:40px;}
.boatstage1 p {
    text-align: left;
    display: table;
    margin: 0 auto;
    flex-direction: column;
}
.boatstage1 *{color:#fff;}
.boatstage1 .fune p{color:#000;display:inline-block;    font-family: "source-han-sans-japanese", sans-serif;  }.boatstage1 .fune2 p {
    font-size: 76px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    font-family: Oswald;
    text-align: center;
    display: inline-block;
}
.thanks_box .tt_imgbox {
    padding: 0 10%;
    padding-top: 16%;
    padding-bottom: 3%;
}
#news1 .tt_p_2 {
    padding-bottom: 0;
    border: 1px solid #fff;
    padding: 10px 30px;
    text-align: left;
    display: table;
    margin: 0 auto;
    margin-bottom: 10px;
}.trailer p{color:#fff;}

.black_box{background: #241e1c;}

.fes-thumbnail img{  width: 100%;height:auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;}

.fes-thumbnail{margin-bottom:10px;}

.footer_box {
	max-width: 350px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.footer_box .col-md-6{
		padding: 5px 0;
}
}

.bk {
	color: #000!important;
}

.wh {
	color: #fff!important;
}

input#pwbox-28063{
    border:1px solid #000;
    padding:3px 5px;
}
.protected-post input[type="submit"]{
    padding:3px 5px;
    border:1px solid #000;
}