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

@keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15); /* 拡大率 */
}
}



/*PC*/
@media print, screen and (min-width: 768px) {
/* slider
--------------------------------------------*/
#mv {
position: relative;
margin: 0 auto 60px;
}

#mv .slider img {
width: 100%;
height: auto;
opacity: 0;
}

#mv .slider .slick-slide img {
opacity: 1;
-webkit-transition: all .5s;
transition: all .5s;
}

#mv .slider .slick-current img {
opacity: 1;
}

.main_txt{
font-size: 2.2rem;
font-weight: 500;
line-height: 1.6;
text-align: center;
font-style: italic;
margin: 0 auto 60px;
text-shadow: 0 0 10px #ea6486;
}

.main_txt span{
font-size: 3.6rem;
line-height: 1.4;
display: block;
margin-top: 40px;
}


.main_ph{
width: 1200px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 120px;
}

.main_ph li{
width: 48%;
}

.main_ph li img{
border-radius: 1rem;
}

.main_ph li h5{
margin-top: 10px;
font-size: 1.2rem;
font-weight: 500;
line-height: 1;
text-align: center;
text-shadow: 0 0 5px #ea6486;
}

/* date
--------------------------------------------*/
#date{
position: relative;
}

#date .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 180px;
}

#date .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#date .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#date .hed_tit::before{
content: "開催日時";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-73px;
z-index: -1;
}

#date .hed_tit::after{
content: "開催日時";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-69px;
z-index: -2;
}

#date .section_wrap .date_txt{
width: 62%;
margin: 0 auto 60px;
}

#date .section_wrap .table_wrap{
width: 900px;
margin: 0 auto;
background: url("../images/com/bg_fot.jpg") 0 0 no-repeat;
padding: 10px;
box-sizing: border-box;
border-radius: 1rem;
}

#date .section_wrap .table_wrap table{
width: 100%;
background: #FFF;
border-radius: 1rem;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

#date .section_wrap .table_wrap table th{
width: 30%;
padding:15px 10px 15px 25px;
box-sizing: border-box;
text-align: left;
border-bottom: 1px solid rgba(0,0,0,.1);
}

#date .section_wrap .table_wrap table td{
padding:15px 10px;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,.1);
}


/* ticket
--------------------------------------------*/
#ticket{
position: relative;
}

#ticket .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 180px;
}

#ticket .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#ticket .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#ticket .hed_tit::before{
content: "チケット案内";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-99px;
z-index: -1;
}

#ticket .hed_tit::after{
content: "チケット案内";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-94px;
z-index: -2;
}

#ticket .ticket_ttl{
width:400px;
margin: 0 auto 30px;
}


#ticket .ticket_bnr{
width: 50%;
margin: 60px auto 30px;
}

#ticket .tic_sttl{
width: 960px;
margin: 0 auto 10px;
font-size: 1rem;
}

#ticket .hosoku_txt{
width: 960px;
margin:0 auto 30px;
font-size: 14px;
}

#ticket .hosoku_txt li {
padding-left: 1em;
position: relative;
}
#ticket .hosoku_txt li:before {
content: "※";
position: absolute;
top: 0;
left: 0;
}


#ticket .ticket_img .ttl01{
font-size: 2.2rem;
font-weight: 900;
line-height: 1;
text-align: center;
color: #ff126e;
margin: 0 0 30px;
}

#ticket .ticket_img .ttl02{
font-size: 2.2rem;
font-weight: 900;
line-height: 1;
text-align: center;
color: #172a78;
margin: 0 0 30px;
}


#ticket .ticket_img{
width: 900px;
margin: 0 auto 60px;
}

#ticket .ticket_img ul{
margin: 0 auto 120px;
padding: 0;
}

#ticket .ticket_img ul li{
margin: 0 auto 60px;
}

#ticket .ticket_img ul li:last-child{
margin-bottom: 0;
}
#ticket .cu_txt{
margin: 60px auto;
font-size: 1.2rem;
font-weight: 700;
color: #FF0000;
text-align: center;
}


#ticket .machicon_block{
width: 80%;
margin: 120px auto 0;
}

#ticket .machicon_block .hed_img{
width: 800px;
margin: 0 auto 40px;
}

#ticket .machicon_block .time_txt{
font-size: 3rem;
font-weight: 700;
text-align: center;
margin: 0 auto 60px;
text-shadow: 0 0 8px #ea6486;
}

#ticket .machicon_block .time_txt span{
font-size: 1.2rem;
display: block;
margin-top: 25px;
}

#ticket .machicon_block .price_img{
width: 90%;
margin: 0 auto 30px;
}

#ticket .machicon_block .btn_img{
width: 50%;
margin: 0 auto;
}

#ticket .bnr_img{
width: 800px;
margin:120px auto 0;
}

#ticket .ttl01{
font-size: 1.8rem;
font-weight: 900;
line-height: 1;
text-align: center;
color: #ff126e;
margin: 0 0 10px;
}

#ticket .ttl01 span{
display: block;
font-size: 1.2rem;
margin-top: 10px;
}

#ticket .ttl02{
font-size:1.8rem;
font-weight: 900;
line-height: 1;
text-align: center;
color: #172a78;
margin: 0 0 10px;
}

#ticket .ttl02 span{
display: block;
font-size: 1.2rem;
margin-top: 10px;
}


#ticket .table_box {
margin: 0 0 60px;
}

#ticket .table1 {
width: 100%;
max-width:800px;
margin: auto;
margin-bottom: 10px;
}
#ticket .table1 th {
padding: 0.5rem;
background-color: #FFFFFF;
border: 1px solid #f694ba;
text-align: center;
width:20%;
}

#ticket .table1 td {
padding: 0.5rem;
background-color: #FFFFFF;
border: 1px solid #f694ba;
text-align: center;
vertical-align: middle;
}

#ticket .table1 td.w40,
#ticket .table2 td.w40{
width:40%;
}

#ticket .table1 .price {
font-weight: 600;
}

#ticket .table1 td span {
font-size: 0.75em;
display: block;
}
#ticket .table1 th {
background-color: #ff126e;
color: #fff;
}


#ticket .table2 {
width: 100%;
max-width:800px;
margin: auto;
margin-bottom: 10px;
}
#ticket .table2 th {
padding: 0.5rem;
background-color: #FFFFFF;
border: 1px solid #576cc2;
text-align: center;
width:20%;
}

#ticket .table2 td {
padding: 0.5rem;
background-color: #FFFFFF;
border: 1px solid #576cc2;
text-align: center;
vertical-align: middle;
}

#ticket .table2 .price {
font-weight: 600;
}

#ticket .table2 td span {
font-size: 0.75em;
display: block;
}
#ticket .table2 th {
background-color: #172a78;
color: #fff;
}

#ticket .s_txt{
text-align: center;
font-size: 1rem;
font-weight: 700;
}


/* dec
--------------------------------------------*/
#dec{
position: relative;
}

#dec .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 180px;
}

#dec .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#dec .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#dec .hed_tit::before{
content: "参加表明";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-73px;
z-index: -1;
}

#dec .hed_tit::after{
content: "参加表明";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-69px;
z-index: -2;
}

#dec h3{
font-size: 1.2rem;
text-align: center;
line-height: 1;
margin: 0 auto 60px;
}

#dec .hosoku_txt{
font-size: 14px;
}

#dec .hosoku_txt li {
padding-left: 1em;
position: relative;
}
#dec .hosoku_txt li:before {
content: "※";
position: absolute;
top: 0;
left: 0;
}

#dec .section_wrap .dec_img{
width: 90%;
margin: 0 auto 20px;
}

#dec .section_wrap .txt{
text-align: center;
}


/* timetable
--------------------------------------------*/
#timetable{
position: relative;
}

#timetable .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 180px;
}

#timetable .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#timetable .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#timetable .hed_tit::before{
content: "ステージタイムテーブル";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-183px;
z-index: -1;
}

#timetable .hed_tit::after{
content: "ステージタイムテーブル";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-179px;
z-index: -2;
}

#timetable .table_day{
width: 1000px;
margin: 0 auto 60px;
}

#timetable .table_day .block{
margin: 0 auto 60px;
}

#timetable .table_day .block:last-child{
margin-bottom: 0;
}

#timetable .table_day .block .table_img{
width: 80%;
margin: 0 auto 40px;
}


#timetable .holl_ttl{
text-align: center;
font-weight: 800;
font-size: 1.6rem;
line-height: 1;
margin: 0 0 30px;
}

/* guest
--------------------------------------------*/
#guest{
position: relative;
}

#guest .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 180px;
}

#guest .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#guest .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#guest .hed_tit::before{
content: "ステージゲスト";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-116px;
z-index: -1;
}

#guest .hed_tit::after{
content: "ステージゲスト";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-112px;
z-index: -2;
}


#guest .section_wrap .guest_list_wrap{
width: 90%;
margin: auto;
}

#guest .section_wrap .guest_list_wrap li{
width: 100%;
position: relative;
}

#guest .section_wrap .guest_list_wrap li .day_txt{
font-size: 3.6rem;
line-height: 1;
font-weight: 800;
font-style: italic;
text-align: center;
margin: 0 0 20px;
}

#guest .section_wrap .guest_list_wrap li .day_txt span{
font-size: 1.4rem;
}

#guest .block{
width: 100%;
margin: 0 auto 60px;
}

#guest .block:last-child{
margin-bottom: 0;
}

#guest .block h3{
font-size: 2rem;
line-height: 1;
font-weight:700;
text-align: center;
background: #000;
padding: 5px 10px;
color: #FFF;
margin: 0 auto 30px;
width: 100px;
}

#guest .guest_box{
background: url("../images/com/bg.png") center center no-repeat;
background-size: cover;
padding: 15px;
box-sizing: border-box;
margin: 0 0 60px;
}

#guest .guest_box .guest_mv{
padding: 10px;
box-sizing: border-box;
background: #FFF;
margin: 0 0 30px;
}

#guest .block .mcguest_list{
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto 60px;
}

#guest .block .mcguest_list li{
width: 30%;
margin: 0 1.5% 2%;
}

#guest .block .mcguest_list li:nth-child(3n){
margin-right: 0;
}

#guest .block .mcguest_list li img{
border-radius: .6rem;
}

#guest .block .mcguest_list li h4{
text-align: center;
margin:10px 0;
font-size: 1rem;
line-height: 1;
font-weight: 700;
}

#guest .block .mcguest_list li h4 span{
display: block;
font-size: .7rem;
margin-top: 5px;
}

#guest .block .mcguest_list li h5{
text-align: center;
margin:0 auto 10px;;
width: 60px;
background: #121212;
color: #FFF;
padding: 5px;
box-sizing: border-box;
font-size: 1.2rem;
line-height: 1;
font-weight: 700;
}


#guest .block .mcguest_list li p{
width: 96%;
margin: auto;
font-size: .8rem;
line-height: 1.8;
}

#guest .block .mcguest_list li p span{
font-weight: 800;
font-size: 1rem;
line-height: 1;
}



#guest .block .stageguest_list{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto 60px;
}

#guest .block .stageguest_list li{
width: 30%;
margin: 0 1.5% 2%;
}

#guest .block .mcguest_list li:nth-child(3n){
margin-right: 0;
}

#guest .block .stageguest_list li img{
border-radius: .6rem;
}

#guest .block .stageguest_list li h4{
text-align: center;
margin:10px 0;
font-size: 1.1rem;
line-height: 1;
font-weight: 700;
}


#guest .block .stageguest_list li h5{
text-align: center;
margin:0 auto 10px;
font-size: 1.2rem;
line-height: 1;
font-weight: 700;
background: #121212;
padding:5px 10px;
box-sizing: border-box;
color: #FFF;
width: 60px;
}

#guest .block .stageguest_list li h4 span{
display: block;
font-size: .7rem;
margin-top: 5px;
}

#guest .block .stageguest_list li p{
width: 96%;
margin: auto;
font-size: .8rem;
line-height: 1.8;
}

#guest .block .stageguest_list li p span{
font-weight: 800;
font-size: 1rem;
line-height: 1;
}

#guest .stage_box{
width: 90%;
background-image:linear-gradient(180deg, rgba(247,198,218,1), rgba(173,189,225,1));
background-size: cover;
padding: 15px 0;
box-sizing: border-box;
margin: 0 auto 60px;
}

#guest .stage_box .stage_mv{
margin: 0 0 30px;
}

#guest .stage_box .stage_mv h4{
width: 100%;
padding: 30px 50px;
box-sizing: border-box;
}

#guest .stage_box .sub_box{
width:90%;
margin:30px auto 0;
}

#guest .stage_box .time_table{
padding:5%;
box-sizing: border-box;
background: #f4a9c7;
}

/* event
--------------------------------------------*/
#event{
position: relative;
margin-bottom: 150px;
}

#event .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 180px;
}

#event .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#event .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#event .hed_tit::before{
content: "イベント情報";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-101px;
z-index: -1;
}

#event .hed_tit::after{
content: "イベント情報";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-97px;
z-index: -2;
}

#event .event_block{
width: 90%;
position: relative;
margin: 0 auto 60px;
}

#event .event_block .e_hed_img{
width: 100%;
margin: 0 auto 60px;
}

#event .event_block h3{
font-size: 2rem;
font-weight: 900;
line-height: 1;
text-align: center;
color: #ff126e;
margin: 0 0 20px;
}


#event .event_block h4{
font-size: 1.6rem;
font-weight: 900;
line-height: 1;
text-align: center;
margin: 40px 0 40px;
}

#event .event_block h5{
font-size: 1.2rem;
font-weight: 500;
line-height: 1.6;
color: #eb55a5;
text-align: center;
margin: 0 0 60px;
}


#event .event_block dl{
width: 100%;
margin: 0 auto 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: .9rem;
}

#event .event_block dl dt{
width: 22%;
font-weight: 500;
color: #eb55a5;
background:url("../images/com/bg.png") 0 0 no-repeat;
background-size: cover;
padding: 20px;
box-sizing: border-box;
margin-bottom: 1px;
font-weight: 600;
}

#event .event_block dl dd{
width: 78%;
padding: 20px;
box-sizing: border-box;
margin-bottom: 1px;
}

#event .event_block.camera{margin-top: 130px;}

#event .event_block.camera h4{
line-height: 1.3;
margin-top: 20px;
}

#event .event_block.camera h5{
line-height: 1.3;
margin-top: 20px;
margin-bottom: 10px;
}
#event .event_block.camera .camera_img{text-align: center;}
#event .event_block.camera .camera_img img{width: 300px;}

#event .event_block.camera .detail{width: 90%; margin: 0 auto;}

#event .event_block.camera .detail th{color: #eb55a5;
background: url("../images/com/bg.png") 0 0 no-repeat;
background-size: auto;
background-size: cover;
padding: 10px 20px;
box-sizing: border-box;
margin-bottom: 1px;
font-weight: 600;}


#event .event_block.camera .detail td {
font-size: 1rem;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px;
border-right: 1px solid #ccc;
}


#event .event_block.camera p{width: 90%; margin: 20px auto 0;}

#event .event_block.camera p a{color: #eb55a5; }


#event .machicon_block{
width: 80%;
margin: 120px auto;
}

#event .machicon_block .hed_img{
width: 800px;
margin: 0 auto 40px;
}

#event .machicon_block .machicon_ttl{
font-size: 2.2rem;
font-weight: 700;
line-height: 1.6;
text-align: center;
margin: 0 auto 60px;
text-shadow: 0 0 8px #ea6486;
}

#event .machicon_block .read_txt{
font-size:1.2rem;
font-weight: 500;
text-align: center;
margin: 0 auto 60px;
text-shadow: 0 0 8px #ea6486;
}

#event .thanks_txt{
font-size: 1.4rem;
font-weight: 700;
line-height: 1.4;
text-align: center;
color: #ff126e;
}

#event .bnr_img2{
width: 80%;
margin: 0 auto;
}

#event .bnr_img3{
width: 80%;
margin: 20px auto 0;
}

#event .bnr_img3 .btn_c{
margin-top: 20px; 
}


#event .cossami_box{
width: 80%;
margin: 0 auto 60px;
}

#event .cossami_box p{
margin-bottom: 30px;
}

#event .cossami_box p:last-child{
margin-bottom: 0;
}

#event p a{
color:#eb55a5;
}

#event .map{
padding: 10px;
box-sizing: border-box;
background: #fcacd0;
}

/* spot
--------------------------------------------*/
#spot{
position: relative;
}

#spot .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 180px;
}

#spot .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#spot .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#spot .hed_tit::before{
content: "撮影スポット（予定）";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-152px;
z-index: -1;
}

#spot .hed_tit::after{
content: "撮影スポット（予定）";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-148px;
z-index: -2;
}

#spot .section_wrap .hosoku_txt{
text-align: center;
color: #eb55a5;
font-weight: 500;
font-size: .8rem;
}

#spot .aria_map{
width: 1000px;
margin: 0 auto 60px;
background: url("../images/com/bg.png") center center no-repeat;
background-size: cover;
padding: 40px;
box-sizing: border-box;
border-radius: 1rem;
}

#spot .bnr_img{
width: 70%;
margin: 0 auto 40px;
}


/* schedule
--------------------------------------------*/
#schedule{
position: relative;
}

#schedule .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 180px;
}

#schedule .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#schedule .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#schedule .hed_tit::before{
content: "シャトルバス運行表";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-146px;
z-index: -1;
}

#schedule .hed_tit::after{
content: "シャトルバス運行表";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-150px;
z-index: -2;
}

#schedule .section_wrap .block{
margin: 0 0 60px;
}

#schedule .section_wrap .block:last-child{
margin-bottom: 0;
}

#schedule .section_wrap .block h3{
font-size:2.8rem;
font-style: italic;
line-height: 1;
margin: 0 0 20px;
}

#schedule .section_wrap .block h3 span{
font-size: 1.4rem;
}

#schedule .section_wrap .block h4{
font-size: 1.2rem;
line-height: 1;
display: inline-block;
padding: 5px 8px 6px;
box-sizing: border-box;
background: #121212;
color: #FFF;
margin: 0 0 10px;
}

#schedule .section_wrap .block h5{
font-size: 1rem;
line-height: 1;
margin: 0 0 10px;
}


#schedule .section_wrap .block .txt{
font-size: .9rem;
font-weight: 600;
line-height: 1.4;
margin-bottom: 20px;
}

#schedule .section_wrap .block .scroll{
margin: 0;
}


#schedule .section_wrap .block .scroll table{
width: 100%;
border-top:1px solid #121212;
border-right:1px solid #121212;
font-size: .9rem;
}

#schedule .section_wrap .block .scroll table th{
width:170px;
background:#ffeaef;
padding: 10px;
box-sizing: border-box;
border-left:1px solid #121212;
border-bottom:1px solid #121212;
text-align: left;
}

#schedule .section_wrap .block .scroll table td{
width: 10%;
width: 100px;
background: #FFF;
padding: 10px;
box-sizing: border-box;
border-left:1px solid #121212;
border-bottom:1px solid #121212;
text-align: center;
}
#schedule .section_wrap .s_txt{
font-size: .8rem;
text-align: right;
}


/* access
--------------------------------------------*/
#access{
position: relative;
}

#access .section_wrap{
position: relative;
margin: 0 auto 180px;
}

#access .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#access .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#access .section_wrap .gmap{
width: 100%;
margin: 0 0 20px;
}


#access .hed_tit::before{
content: "アクセス";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-68px;
z-index: -1;
}

#access .hed_tit::after{
content: "アクセス";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-63px;
z-index: -2;
}

#access .section_wrap iframe {
vertical-align: bottom;
}

#access .section_wrap h3{
font-size: 1.2rem;
font-weight: 500;
text-align: center;
margin: 0 auto 20px;
line-height: 1;
}

#access .section_wrap h3 span{
font-size: 1rem;
color: #eb55a5;
display: block;
padding-bottom: 10px;
}

#access .section_wrap p{
text-align: center;
margin: 0 0 60px;
}

#access .section_wrap p a{
text-decoration: none;
}

/* faq
--------------------------------------------*/
#faq{
position: relative;
}

#faq .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 180px;
}

#faq .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#faq .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#faq .hed_tit::before{
content: "よくあるご質問";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-115px;
z-index: -1;
}


#faq .hed_tit::after{
content: "よくあるご質問";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-110px;
z-index: -2;
}

.qa-001 {
width: 100%;
margin-bottom: 7px;
border: 1px solid #000;
}

.qa-001 summary {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 1em 2em 1em 3em;
color: #333333;
font-weight: 600;
cursor: pointer;
list-style: none;
}

.qa-001 summary::before,
.qa-001 p::before {
position: absolute;
left: .5em;
font-weight: 600;
font-size:2em;
}

.qa-001 summary::before {
color: #69e6dc;
content: "Q";
font-family: 'Smooch Sans', sans-serif;
}

.qa-001 summary::after {
transform: translateY(-25%) rotate(45deg);
width: 7px;
height: 7px;
margin-left: 10px;
border-bottom: 3px solid #eb55a5;
border-right: 3px solid #eb55a5;
content: '';
transition: transform .5s;
}

.qa-001[open] summary::after {
transform: rotate(225deg);
}

.qa-001 p {
position: relative;
transform: translateY(-10px);
opacity: 0;
margin: 0;
padding: .3em 3em 1.5em;
color: #333;
transition: transform .5s, opacity .5s;
}

.qa-001[open] p {
transform: none;
opacity: 1;
}

.qa-001 p::before {
color: #eb55a5;
line-height: 1.2;
content: "A";
font-family: 'Smooch Sans', sans-serif;
}


.comming_soon_txt{
font-size: 3.6rem;
font-weight: 500;
text-align: center;
font-family: 'Smooch Sans', sans-serif;
font-style: italic;
line-height: 1;
margin: 80px auto 0;
letter-spacing: -.1rem;
color: #eb55a5;
}




/* contact
--------------------------------------------*/
#contact{
position: relative;
}

#contact .section_wrap{
position: relative;
margin: 0 auto 180px;
}

#contact .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#contact .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#contact .hed_tit::before{
content: "姫CONに関するご質問やお問合せはコチラ";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-328px;
z-index: -1;
}


#contact .hed_tit::after{
content: "姫CONに関するご質問やお問合せはコチラ";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-324px;
z-index: -2;
}

#contact .section_wrap h3{
font-size: 3rem;
text-align: center;
line-height: 1;
margin: 0 auto 30px;
}

#contact .section_wrap h3 a{
color: #000;
text-decoration: none;
}

#contact .section_wrap .txt{
text-align: center;
}




/* wcs
--------------------------------------------*/
#wcs{
position: relative;
}

#wcs .section_wrap{
position: relative;
margin: 0 auto 180px;
}

#wcs .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#wcs .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#wcs .hed_tit::before{
content: "世界コスプレサミット日本代表選考会";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-287px;
z-index: -1;
}

#wcs .hed_tit::after{
content: "世界コスプレサミット日本代表選考会";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-282px;
z-index: -2;
}

#wcs .section_wrap .red_txt{
text-align: center;
font-style: normal;
font-size: 1.2rem;
font-weight: 600;
}

#wcs .wcs_bnr_img{
width: 66%;
margin: 0 auto;
}

#wcs .mv_img{
padding: 15px;
background: #121212;
box-sizing: border-box;
width:55%;
margin: 40px auto 0;
}

#wcs .mv_img p{
font-weight: 800;
color: #FFF;
font-size: .8rem;
line-height: 1.6;
padding: 10px 10px 0;
box-sizing: border-box;
text-align: center;
}

/* x_line
--------------------------------------------*/
#x_line{
position: relative;
}

#x_line .section_wrap{
position: relative;
margin: 0 auto 180px;
}

#x_line .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#x_line .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}


#x_line .hed_tit::before{
content: "X";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-13px;
z-index: -1;
}

#x_line .hed_tit::after{
content: "X";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-8px;
z-index: -2;
}

#x_line .section_wrap .timeline{
width:550px;
margin:0 auto;
}




/* kitchencar
--------------------------------------------*/
#kitchencar{
position: relative;
}

#kitchencar .section_wrap{
position: relative;
margin: 0 auto 180px;
}

#kitchencar .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#kitchencar .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#kitchencar .hed_tit::before{
content: "キッチンカー出展の応募はコチラ";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-253px;
z-index: -1;
}


#kitchencar .hed_tit::after{
content: "キッチンカー出展の応募はコチラ";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-249px;
z-index: -2;
}


/* venue
--------------------------------------------*/
#venue{
position: relative;
}

#venue .section_wrap{
position: relative;
margin: 0 auto 180px;
}

#venue .section_wrap::before{
content: "";
position: absolute;
top:70px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#venue .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}


#venue .hed_tit::before{
content:"アクリエひめじ会場MAP";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-185px;
z-index: -1;
}

#venue .hed_tit::after{
content:"アクリエひめじ会場MAP";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-190px;
z-index: -2;
}

#venue .section_wrap .block{
width: 80%;
margin: 0 auto 60px;
}

#venue .section_wrap .block:last-child{
margin-bottom: 0;
}

#venue .section_wrap .block h3{
font-size: 2rem;
font-weight:900;
text-align: center;
line-height: 1;
margin: 0 0 30px;
}

#venue .block .booth_list{
display: flex;
flex-wrap: wrap;
}

#venue .block .booth_list li{
width: 23.5%;
margin-right: 2%;
margin-bottom: 2%;
}

#venue .block .booth_list li:nth-child(4n){
margin-right: 0;
}

#venue .block .booth_list .img{
border-radius: 1rem;
overflow: hidden;
margin: 0 0 5px;
}

#venue .block .booth_list li .no{
text-align: center;
font-size: 1.2rem;
line-height: 1;
margin: 0 0 5px;
}

#venue .block .booth_list li .no2{
text-align: center;
font-size: 1.2rem;
line-height: 1;
margin: 0 0 5px;
color:#7e0070;
}

#venue .block .booth_list h4{
font-size: 1.2rem;
font-weight: 800;
line-height: 1;
text-align: center;
margin: 0 0 15px;
}

#venue .block .booth_list h5{
padding: 8px;
box-sizing: border-box;
background:#121212;
color: #FFF;
font-size: .9rem;
line-height: 1;
text-align: center;
width: 50%;
margin: 0 auto 15px;
}

#venue .block .booth_list p{
font-size: .9rem;
font-weight: 600;
line-height: 1.8;
}

/*com
------------*/
.sub_ttl{
font-size: 1.6rem;
font-weight: 300;
font-style: italic;
color: #eb55a5;
margin: 0 auto 20px;
text-align: center;
}

.red_txt{
font-size: 1.2rem;
font-weight: 300;
font-style: italic;
margin: 0 auto 60px;
}

.red_txt span{
display: block;
font-size: 1rem;
margin-top: 10px;
}


}
/*sp*/
@media only screen and (max-width: 767px) {

/* slider
--------------------------------------------*/
#mv {
position: relative;
margin-bottom: 50px;
}
/* slider
--------------------------------------------*/
#mv {
position: relative;
margin: 0 auto 30px;
}

#mv .slider img {
width: 100%;
height: auto;
opacity: 0;
}

#mv .slider .slick-slide img {
opacity: 1;
-webkit-transition: all .5s;
transition: all .5s;
}

#mv .slider .slick-current img {
opacity: 1;
}

.main_txt{
padding: 0 5%;
box-sizing: border-box;
font-size: 1.4rem;
font-weight: 500;
line-height:1.4;
text-align: center;
font-style: italic;
margin: 0 auto 40px;
text-shadow: 0 0 10px #ea6486;
}

.main_txt span{
font-size: 1.8rem;
line-height: 1.4;
display: block;
margin-top: 20px;
}

.main_ph{
width: 90%;
margin: 0 auto 80px;
}

.main_ph li{
width: 100%;
margin-bottom: 20px;
}

.main_ph li:last-child{
margin-bottom: 0;
}

.main_ph li img{
border-radius: 1rem;
}

.main_ph li h5{
margin-top: 10px;
font-size: 1rem;
font-weight: 500;
line-height: 1;
text-align: center;
text-shadow: 0 0 5px #ea6486;
}


/* date
--------------------------------------------*/
#date{
position: relative;
}

#date .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 100px;
}


#date .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#date .section_wrap::after{
content: "";
position: absolute;
top: -15px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}


#date .hed_tit::before{
content: "開催日時";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-47px;
z-index: -1;
}

#date .hed_tit::after{
content: "開催日時";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-44px;
z-index: -2;
}

#date .section_wrap .date_txt{
width: 80%;
margin: 0 auto 30px;
}


#date .table_wrap{
width: 100%;
margin: 0 auto;
background: url("../images/com/bg_fot.jpg") 0 0 no-repeat;
padding: 10px;
box-sizing: border-box;
border-radius: 1rem;
}

#date .table_wrap table{
width: 100%;
background: #FFF;
border-radius: 1rem;
font-size: .8rem;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}

#date .table_wrap table th{
width: 100%;
padding:6px;
box-sizing: border-box;
text-align: left;
border-bottom: 1px solid rgba(0,0,0,.1);
display: block;
}

#date .table_wrap table td{
padding:6px;
box-sizing: border-box;
border-bottom: 1px solid rgba(0,0,0,.1);
display: block;
}


/* ticket
--------------------------------------------*/
#ticket{
position: relative;
}

#ticket .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 100px;
}

#ticket .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#ticket .section_wrap::after{
content: "";
position: absolute;
top: -15px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#ticket .hed_tit::before{
content: "チケット案内";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-63px;
z-index: -1;
}

#ticket .hed_tit::after{
content: "チケット案内";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-60px;
z-index: -2;
}

#ticket .ticket_ttl{
width:200px;
margin: 0 auto 10px;
}

#ticket .ticket_bnr{
width: 80%;
margin: 40px auto 30px;
}

#ticket .tic_sttl{
margin: 0 auto;
font-size: .9rem;
}

#ticket .hosoku_txt{
font-size: 12px;
margin: 0 0 20px;
}

#ticket .hosoku_txt li {
padding-left: 1em;
line-height: 1.6;
position: relative;
margin: 0 0 10px;
}
#ticket .hosoku_txt li:before {
content: "※";
position: absolute;
top: 0;
left: 0;
}


#ticket .ticket_img .ttl01{
font-size: 1.4rem;
font-weight: 900;
line-height: 1;
text-align: center;
color: #ff126e;
margin: 0 0 20px;
}

#ticket .ticket_img .ttl02{
font-size: 1.4rem;
font-weight: 900;
line-height: 1;
text-align: center;
color: #172a78;
margin: 0 0 20px;
}


#ticket .ticket_img{
width:100%;
margin: 0 auto 60px;
}

#ticket .ticket_img ul{
margin: 0 auto 60px;
padding: 0;
}

#ticket .ticket_img ul li{
margin: 0 auto 30px;
}

#ticket .ticket_img ul li:last-child{
margin-bottom: 0;
}

#ticket .cu_txt{
margin: 50px auto;
font-size: 1rem;
font-weight: 700;
color: #FF0000;
text-align: center;
}


#ticket .machicon_block{
width: 90%;
margin: 60px auto 0;
}

#ticket .machicon_block .hed_img{
width: 100%;
margin: 0 auto 20px;
}

#ticket .machicon_block .time_txt{
font-size: 1.4rem;
font-weight: 700;
text-align: center;
margin: 0 auto 20px;
text-shadow: 0 0 8px #ea6486;
}

#ticket .machicon_block .time_txt span{
font-size: .8rem;
display: block;
margin-top: 10px;
}

#ticket .machicon_block .price_img{
width: 100%;
margin: 0 auto 20px;
}

#ticket .machicon_block .btn_img{
width: 100%;
margin: 0 auto;
}

#ticket .bnr_img{
width: 100%;
margin:60px auto 0;
}

#ticket .ttl01{
font-size: 1.2rem;
font-weight: 900;
line-height: 1;
text-align: center;
color: #ff126e;
margin: 0 0 10px;
}

#ticket .ttl01 span{
display: block;
font-size: .8rem;
margin-top: 10px;
}

#ticket .ttl02{
font-size:1.2rem;
font-weight: 900;
line-height: 1;
text-align: center;
color: #172a78;
margin: 0 0 10px;
}

#ticket .ttl02 span{
display: block;
font-size: .8rem;
margin-top: 10px;
}


#ticket .table_box {
margin: 0 0 30px;
}

#ticket .table1 {
width: 100%;
margin: auto;
font-size: .8rem;
}
#ticket .table1 th {
padding: 0.25rem;
background-color: #FFFFFF;
border: 1px solid #f694ba;
text-align: center;
width:20%;
}

#ticket .table1 td {
padding: 0.25rem;
background-color: #FFFFFF;
border: 1px solid #f694ba;
text-align: center;
vertical-align: middle;
}

#ticket .table1 td.w40,
#ticket .table2 td.w40{
width:40%;
}

#ticket .table1 .price {
font-weight: 600;
}

#ticket .table1 td span {
display: block;
}
#ticket .table1 th {
background-color: #ff126e;
color: #fff;
}

#ticket .table2 {
width: 100%;
margin: auto;
font-size: .8rem;
}

#ticket .table2 th {
padding: 0.25rem;
background-color: #FFFFFF;
border: 1px solid #576cc2;
text-align: center;
width:20%;
}

#ticket .table2 td {
padding: 0.25rem;
background-color: #FFFFFF;
border: 1px solid #576cc2;
text-align: center;
vertical-align: middle;
}

#ticket .table2 .price {
font-weight: 600;
}

#ticket .table2 td span {
font-size: 0.75em;
display: block;
}
#ticket .table2 th {
background-color: #172a78;
color: #fff;
}

#ticket .s_txt{
font-size: .8rem;
font-weight: 700;
text-align: center;
}


/* timetable
--------------------------------------------*/
#timetable{
position: relative;
}

#timetable .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 80px;
}

#timetable .section_wrap::before{
content: "";
position: absolute;
top: 50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#timetable .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#timetable .hed_tit::before{
content: "ステージタイムテーブル";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-118px;
z-index: -1;
}

#timetable .hed_tit::after{
content: "ステージタイムテーブル";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-114px;
z-index: -2;
}

#timetable .table_day{
width: 100%;
margin: 0 auto;
padding: 0;
}

#timetable .table_day .block{
margin: 0 auto 30px;
}

#timetable .table_day .block:last-child{
margin-bottom: 0;
}


#timetable .table_day .block .table_img{
margin: 0 auto 30px;
}



/* guest
--------------------------------------------*/
#guest{
position: relative;
}

#guest .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 80px;
}

#guest .section_wrap::before{
content: "";
position: absolute;
top: 50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#guest .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#guest .hed_tit::before{
content: "ステージゲスト";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-74px;
z-index: -1;
}

#guest .hed_tit::after{
content: "ステージゲスト";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-72px;
z-index: -2;
}


#guest .section_wrap .guest_list_wrap{
width: 100%;
}

#guest .section_wrap .guest_list_wrap li{
width: 100%;
position: relative;
margin-bottom: 30px;
}

#guest .section_wrap .guest_list_wrap li:last-child{
margin-bottom: 0;
}

#guest .section_wrap .guest_list_wrap li .day_txt{
font-size: 3rem;
line-height: 1;
font-weight: 800;
font-style: italic;
text-align: center;
margin: 0 0 10px;
}


#guest .section_wrap .guest_list_wrap li .day_txt span{
font-size: 1.4rem;
}

#guest .block{
width: 100%;
margin: 0 auto 30px;
}

#guest .block:last-child{
margin-bottom: 0;
}

#guest .block h3{
font-size: 1.2rem;
line-height: 1;
font-weight:700;
text-align: center;
background: #000;
padding: 5px 10px;
color: #FFF;
margin: 0 auto 20px;
width: 100px;
}


#guest .guest_box{
background: url("../images/com/bg.png") center center no-repeat;
background-size: cover;
padding: 15px;
box-sizing: border-box;
margin: 0 0 60px;
}

#guest .guest_box .guest_mv{
padding: 15px;
box-sizing: border-box;
background: #FFF;
margin: 0 0 30px;
}

#guest .block .mcguest_list{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto 60px;
}

#guest .block .mcguest_list li{
width:100%;
margin: 0 0 20px;
}

#guest .block .mcguest_list li img{
border-radius: .6rem;
}

#guest .block .mcguest_list li h4{
text-align: center;
margin:10px 0;
font-size: 1.2rem;
font-weight: 700;
}

#guest .block .mcguest_list li h4 span{
display: block;
font-size: .8rem;
}

#guest .block .mcguest_list li p{
width: 96%;
margin: auto;
font-size: .8rem;
line-height: 1.8;
}

#guest .block .mcguest_list li p span{
font-weight: 800;
font-size: 1rem;
line-height: 1;
}

#guest .stage_box{
width:100%;
background-image:linear-gradient(180deg, rgba(247,198,218,1), rgba(173,189,225,1));
background-size: cover;
padding: 10px 0;
box-sizing: border-box;
margin: 0 auto 60px;
}


#guest .stage_box .stage_mv{
margin: 0 0 30px;
}

#guest .stage_box .stage_mv h4{
width: 100%;
padding: 20px 30px 0;
box-sizing: border-box;
}

#guest .stage_box .sub_box{
width:100%;
margin:30px auto 0;
}



#guest .block .stageguest_list{
width: 88%;
margin: 0 auto 30px;
}

#guest .block .stageguest_list li{
width: 100%;
margin: 0 0 20px;
}

#guest .block .mcguest_list li:last-child{
margin-bottom: 0;
}

#guest .block .stageguest_list li img{
border-radius: .6rem;
}

#guest .block .stageguest_list li h4{
text-align: center;
margin:10px 0;
font-size: 1.1rem;
line-height: 1;
font-weight: 700;
}


#guest .block .stageguest_list li h5{
text-align: center;
margin:0 auto 10px;
font-size: 1.2rem;
line-height: 1;
font-weight: 700;
background: #121212;
padding:5px 10px;
box-sizing: border-box;
color: #FFF;
width: 60px;
}

#guest .block .stageguest_list li h4 span{
display: block;
font-size: .7rem;
margin-top: 5px;
}

#guest .block .stageguest_list li p{
width: 96%;
margin: auto;
font-size: .8rem;
line-height: 1.8;
}

#guest .block .stageguest_list li p span{
font-weight: 800;
font-size: 1rem;
line-height: 1;
}


/* dec
--------------------------------------------*/
#dec{
position: relative;
}

#dec .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 100px;
}

#dec .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#dec .section_wrap::after{
content: "";
position: absolute;
top: -15px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#dec .hed_tit::before{
content: "参加表明";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-47px;
z-index: -1;
}

#dec .hed_tit::after{
content: "参加表明";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-44px;
z-index: -2;
}

#dec h3{
font-size: .9rem;
text-align: center;
line-height: 1.2;
margin: 0 auto 30px;
}

#dec .hosoku_txt{
font-size: 12px;
}

#dec .hosoku_txt li {
padding-left: 1em;
line-height: 1.4;
position: relative;
}
#dec .hosoku_txt li:before {
content: "※";
position: absolute;
top: 0;
left: 0;
}

#dec .section_wrap .dec_img{
width: 90%;
margin: 0 auto 20px;
}

#dec .section_wrap .txt{
font-size: .8rem;
line-height: 1.4;
text-align: center;
}


/* event
--------------------------------------------*/
#event{
position: relative;
margin-bottom: 100px;
}

#event .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 60px;
}

#event .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#event .section_wrap::after{
content: "";
position: absolute;
top: -15px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#event .hed_tit::before{
content: "イベント情報";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-65px;
z-index: -1;
}

#event .hed_tit::after{
content: "イベント情報";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-61px;
z-index: -2;
}

#event .event_block{
position: relative;
margin: 0 auto 20px;
}

#event .event_block .e_hed_img{
width: 100%;
margin: 0 auto 20px;
}

#event .event_block h3{
font-size: 1.2rem;
font-weight: 900;
line-height: 1.4;
text-align: center;
color: #ff126e;
margin: 0 0 20px;
}


#event .event_block h4{
font-size: 1rem;
font-weight: 900;
line-height: 1.4;
text-align: center;
margin: 20px 0 20px;
}

#event .event_block h5{
font-size: .9rem;
font-weight: 500;
line-height: 1.4;
color: #eb55a5;
margin: 0 0 40px;
}

#event .event_block p{
font-size: .8em;
}

#event .event_block dl{
width: 100%;
margin: 0 auto;
font-size: .8rem;
}

#event .event_block dl dt{
width: 100%;
font-weight: 500;
color: #eb55a5;
background:url("../images/com/bg.png") 0 0 no-repeat;
background-size: cover;
padding:5px;
box-sizing: border-box;
font-weight: 600;
}

#event .event_block dl dd{
width: 100%;
padding: 5px;
box-sizing: border-box;
}


#event .event_block.camera {margin-top: 100px;}
#event .event_block.camera h4{line-height: 1.3; margin-top: 20px; text-align: left;}

#event .event_block.camera h5{
line-height: 1.3;
margin-top: 20px;
margin-bottom: 10px;
}


#event .event_block.camera .detail th{color: #eb55a5;
background: url("../images/com/bg.png") 0 0 no-repeat;
background-size: auto;
background-size: cover;
padding: 10px;
box-sizing: border-box;
margin-bottom: 1px;
font-weight: 600; font-size: 0.8rem;}


#event .event_block.camera .detail td {
font-size: 0.8rem;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 5px;
border-right: 1px solid #ccc;
}


#event .event_block.camera p{margin: 20px auto 0;}

#event .event_block.camera p a{color: #eb55a5; }




#event .machicon_block{
width: 90%;
margin: 60px auto;
}

#event .machicon_block .hed_img{
width: 100%;
margin: 0 auto 20px;
}

#event .machicon_block .machicon_ttl{
font-size: 1.2rem;
font-weight: 700;
line-height:1.6;
text-align: center;
margin: 0 auto 10px;
text-shadow: 0 0 8px #ea6486;
}

#event .machicon_block .read_txt{
font-size:.9rem;
font-weight: 500;
text-align: center;
margin: 0 auto 30px;
text-shadow: 0 0 8px #ea6486;
}

#event .thanks_txt{
font-size: 1rem;
font-weight: 700;
line-height: 1.4;
text-align: center;
color: #ff126e;
}

#event .bnr_img2{
width: 70%;
margin: 0 auto;
}

#event .bnr_img3{
width: 70%;
margin: 30px auto 0;
}

#event .cossami_box{
width: 80%;
margin: 0 auto 60px;
}

#event .cossami_box p{
margin-bottom: 30px;
}

#event .cossami_box p:last-child{
margin-bottom: 0;
}


#event p a{
color:#eb55a5;
}

#event .map{
padding: 5px;
box-sizing: border-box;
background: #fcacd0;
}


/* spot
--------------------------------------------*/
#spot{
position: relative;
}

#spot .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 100px;
}

#spot .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#spot .section_wrap::after{
content: "";
position: absolute;
top: -15px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#spot .hed_tit::before{
content: "撮影スポット（予定）";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-97px;
z-index: -1;
}

#spot .hed_tit::after{
content: "撮影スポット（予定）";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-94px;
z-index: -2;
}

#spot .section_wrap .hosoku_txt{
text-align: center;
color: #eb55a5;
font-weight: 500;
font-size: .8rem;
}

#spot .aria_map{
width: 100%;
margin: 0 auto 60px;
background: url("../images/com/bg.png") center center no-repeat;
background-size: cover;
padding: 10px;
box-sizing: border-box;
border-radius: .6rem;
}

#spot .bnr_img{
width: 100%;
margin: 0 auto 40px;
}


/* schedule
--------------------------------------------*/
#schedule{
position: relative;
}

#schedule .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 100px;
}

#schedule .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#schedule .section_wrap::after{
content: "";
position: absolute;
top: -15px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#schedule .hed_tit::before{
content: "シャトルバス運行表";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-93px;
z-index: -1;
}

#schedule .hed_tit::after{
content: "シャトルバス運行表";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-96px;
z-index: -2;
}

#schedule .section_wrap .block{
margin: 0 0 30px;
}

#schedule .section_wrap .block:last-child{
margin-bottom: 0;
}

#schedule .section_wrap .block{
margin: 0 0 40px;
}

#schedule .section_wrap .block:last-child{
margin-bottom: 0;
}

#schedule .section_wrap .block h3{
font-size:2.4rem;
font-style: italic;
line-height: 1;
margin: 0 0 10px;
}

#schedule .section_wrap .block h3 span{
font-size: 1.4rem;
}

#schedule .section_wrap .block h4{
font-size:.9rem;
line-height: 1.2;
display: inline-block;
padding: 5px 8px 6px;
box-sizing: border-box;
background: #121212;
color: #FFF;
margin: 0 0 10px;
}

#schedule .section_wrap .block h5{
font-size:.8rem;
line-height: 1;
margin: 0 0 10px;
}


#schedule .section_wrap .block .txt{
font-size: .8rem;
font-weight: 600;
line-height: 1.4;
margin-bottom: 20px;
}

#schedule .section_wrap .block .scroll{
margin: 0;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}


#schedule .section_wrap .block .scroll table{
width: 100%;
font-size: .8rem;
white-space: nowrap;
}

#schedule .section_wrap .block .scroll table th{
padding: 6px 10px;
box-sizing: border-box;
border: 1px solid #121212;
text-align: left;
}

.sticky {
position: sticky;
top: 0;
left: 0;
background: none;
border-left: none;
border-right: none;
}
.sticky::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffeaef;
border-left:1px solid #121212;
border-right:1px solid #121212;
z-index: -1;
}

#schedule .section_wrap .block .scroll table td{
background: #FFF;
padding: 6px 10px;
box-sizing: border-box;
border: 1px solid #121212;
text-align: center;
}
#schedule .section_wrap .s_txt{
font-size: .8rem;
text-align: right;
}


/* access
--------------------------------------------*/
#access{
position: relative;
}

#access .section_wrap{
position: relative;
margin: 0 auto 100px;
}


#access .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#access .section_wrap::after{
content: "";
position: absolute;
top: -15px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}


#access .hed_tit::before{
content: "アクセス";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-44px;
z-index: -1;
}

#access .hed_tit::after{
content: "アクセス";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-40px;
z-index: -2;
}

#access .section_wrap .gmap{
width: 100%;
margin: 0 auto 20px;
}

#access .section_wrap iframe {
vertical-align: bottom;
}

#access .section_wrap h3{
font-size: 1rem;
font-weight: 500;
text-align: center;
margin: 0 auto 10px;
line-height: 1;
}

#access .section_wrap h3 span{
font-size: .8rem;
color: #eb55a5;
display: block;
padding-bottom:10px;
box-sizing: border-box;
}

#access .section_wrap p{
font-size: .8rem;
text-decoration: none;
text-align: center;
margin: 0 0 50px;
}

#access .section_wrap p a{
text-decoration: none;
}

/* faq
--------------------------------------------*/
#faq{
position: relative;
}

#faq .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 100px;
}

#faq .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#faq .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#faq .hed_tit::before{
content: "よくあるご質問";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-73px;
z-index: -1;
}


#faq .hed_tit::after{
content: "よくあるご質問";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-69px;
z-index: -2;
}


.qa-001 {
width: 100%;
margin-bottom: 7px;
border: 1px solid #000;
}

.qa-001 summary {
display: flex;
align-items: center;
position: relative;
padding: 10px 10px 10px 20px;
color: #333333;
font-weight: 600;
cursor: pointer;
font-size: 12px;
list-style-type: none !important;
text-align: left;
list-style: none;
}

/* 一部ブラウザで消えなかった場合は以下も追記 */
.qa-001 summary::-webkit-details-marker {
display:none;
}

.qa-001 summary::before,
.qa-001 p::before {
position: absolute;
left: .5em;
font-weight: 600;
font-size:1.4em;
}

.qa-001 summary::before {
top: 10px;
color: #69e6dc;
content: "Q";
font-family: 'Smooch Sans', sans-serif;
}

.qa-001 summary::after {
position: absolute;
right: 15px;
transform: translateY(-25%) rotate(45deg);
width: 7px;
height: 7px;
margin-left:10px;
border-bottom: 3px solid #eb55a5;
border-right: 3px solid #eb55a5;
content: '';
transition: transform .5s;
}

.qa-001[open] summary::after {
transform: rotate(225deg);
}

.qa-001 p {
position: relative;
transform: translateY(-10px);
opacity: 0;
margin: 0;
padding:0 10px 10px 30px;
color: #333;
transition: transform .5s, opacity .5s;
}

.qa-001[open] p {
transform: none;
opacity: 1;
font-size: 12px;
}

.qa-001 p::before {
color: #eb55a5;
line-height: 1.2;
content: "A";
font-family: 'Smooch Sans', sans-serif;
}


.comming_soon_txt{
font-size: 1.8rem;
font-weight: 500;
text-align: center;
font-family: 'Smooch Sans', sans-serif;
font-style: italic;
line-height: 1;
margin: 40px auto 0;
letter-spacing: -.1rem;
color: #eb55a5;
}

/* contact
--------------------------------------------*/
#contact{
position: relative;
}

#contact .section_wrap{
position: relative;
margin: 0 auto 100px;
}

#contact .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#contact .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#contact .hed_tit{
font-size: 1rem;
}

#contact .hed_tit::before{
content: "姫CONに関するご質問やお問合せはコチラ";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-151px;
z-index: -1;
}


#contact .hed_tit::after{
content: "姫CONに関するご質問やお問合せはコチラ";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-149px;
z-index: -2;
}

#contact .section_wrap h3{
font-size: 1.6rem;
text-align: center;
line-height: 1;
margin: 0 auto 10px;
}

#contact .section_wrap h3 a{
color: #000;
text-decoration: none;
}

#contact .section_wrap .txt{
text-align: center;
font-size: .7rem;
line-height: 1.6;
}



/* kitchencar
--------------------------------------------*/
#kitchencar{
position: relative;
}

#kitchencar .section_wrap{
position: relative;
margin: 0 auto 100px;
}

#contact .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#kitchencar .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#kitchencar .hed_tit{
font-size: 1rem;
}

#kitchencar .hed_tit::before{
content: "キッチンカー出展の応募はコチラ";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-117px;
z-index: -1;
}


#kitchencar .hed_tit::after{
content: "キッチンカー出展の応募はコチラ";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-114px;
z-index: -2;
}



/* wcs
--------------------------------------------*/
#wcs{
position: relative;
}

#wcs .section_wrap{
position: relative;
margin: 0 auto 100px;
}

#wcs .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#wcs .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#wcs .hed_tit{
font-size: 1rem;
}
#wcs .hed_tit::before{
content: "世界コスプレサミット日本代表選考会";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-132px;
z-index: -1;
}


#wcs .hed_tit::after{
content: "世界コスプレサミット日本代表選考会";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-130px;
z-index: -2;
}

#wcs .section_wrap .red_txt{
width: 90%;
margin:0 auto 30px;
font-style: normal;
font-size: .8rem;
font-weight: 600;
}

#wcs .wcs_bnr_img{
width:90%;
margin: 0 auto;
}


#wcs .mv_img{
padding: 10px;
background: #121212;
box-sizing: border-box;
width:70%;
margin: 20px auto 0;
}

#wcs .mv_img p{
font-weight:800;
color: #FFF;
font-size: .8rem;
line-height: 1.6;
padding: 10px 10px 0;
box-sizing: border-box;
text-align: center;
}

/* x_line
--------------------------------------------*/
#x_line{
position: relative;
}

#x_line .section_wrap{
position: relative;
margin: 0 auto 100px;
}

#x_line .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#x_line .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}


#x_line .hed_tit::before{
content: "X";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-9px;
z-index: -1;
}

#x_line .hed_tit::after{
content: "X";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-6px;
z-index: -2;
}

#x_line .section_wrap .timeline{
width: 340px;
margin:0 auto;
}


/*com
------------*/
.sub_ttl{
font-size: 1.2rem;
font-weight: 300;
font-style: italic;
color: #eb55a5;
margin: 0 auto 20px;
text-align: center;
}


.red_txt{
font-size: 1rem;
font-weight: 300;
font-style: italic;
margin: 0 auto 30px;
}

.red_txt span{
display: block;
margin-top: 15px;
line-height: 1.4;
font-size: .8rem;
}


/* venue
--------------------------------------------*/
#venue{
position: relative;
}

#venue .section_wrap{
position: relative;
margin: 0 auto 100px;
}

#venue .section_wrap::before{
content: "";
position: absolute;
top:50px;
right: -5%;
width: 58%;
height: 5px;
background: #ea6486;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#venue .section_wrap::after{
content: "";
position: absolute;
top: -20px;
left: -5%;
width: 58%;
height: 5px;
background: #eb55a5;
clip-path: polygon(1% 0, 100% 0, 99% 100%, 0% 100%);
}

#venue .hed_tit::before{
content:"アクリエひめじ会場MAP";
position: absolute;
top: 0;
left:50%;
color: #69e6dc;
margin-left:-119px;
z-index: -1;
}

#venue .hed_tit::after{
content:"アクリエひめじ会場MAP";
position: absolute;
top: 0;
left:50%;
color: #eb55a5;
margin-left:-121px;
z-index: -2;
}

#venue .section_wrap .block{
width: 90%;
margin: 0 auto 30px;
}

#venue .section_wrap .block:last-child{
margin-bottom:0;
}

#venue .section_wrap .block h3{
font-size: 1.2rem;
font-weight:900;
text-align: center;
line-height: 1;
margin: 0 0 20px;
}


#venue .block .booth_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#venue .block .booth_list li{
width:48%;
margin-bottom:4%;
}

#venue .block .booth_list li:nth-child(4n){
margin-right: 0;
}

#venue .block .booth_list .img{
border-radius: .5rem;
overflow: hidden;
margin: 0 0 10px;
}
#venue .block .booth_list li .no{
text-align: center;
font-size: 1.2rem;
line-height: 1;
margin: 0 0 5px;
}

#venue .block .booth_list li .no2{
text-align: center;
font-size: 1.2rem;
line-height: 1;
margin: 0 0 5px;
color:#7e0070;
}

#venue .block .booth_list h4{
font-size: .9rem;
font-weight: 800;
line-height: 1.2;
text-align: center;
margin: 0 0 10px;
}

#venue .block .booth_list h5{
padding: 6px;
box-sizing: border-box;
background:#121212;
color: #FFF;
font-size: .7rem;
line-height: 1;
text-align: center;
width: 60%;
margin: 0 auto 10px;
}

#venue .block .booth_list p{
font-size: .7rem;
font-weight: 600;
line-height: 1.8;
}



}