@charset "utf-8";
@media print, screen and (max-width:768px){
/*=========================================================================
CONTANTES BASIC
=========================================================================*/
.section_basic {width: 88%; padding: 12% 0 18% ; }

.section_body:before{
background-size: calc(100% / 7);
top: -2.2vw;
width: 100%;
height: 2.2vw;
}

/*---------------------------------------------------------------------- */
.contents_title {font-size: 32px;}

@media print, screen and (max-width:767px){
.contents_title {font-size: 6.3vw;}
}


/*---------------------------------------------------------------------- */
.btn_basic {margin-top: 3%; margin-right: 3%;}
.btn_basic:last-of-type {margin-top: 0; margin-right: 0;}

.btn_basic a {font-size:14px;padding: .8em 1.8em;}

@media print, screen and (max-width:767px){
.btn_basic a{font-size:1.825vw;}
}

@media print, screen and (max-width:480px){
.btn_basic a{font-size:2.916vw;}
}




/*---------------------------------------------------------------------- */
.coming {font-size: 32px; padding: 9% 0;}

@media print, screen and (max-width:767px){
.coming {font-size: 6.3vw;}
}

/* ---------------------------------------------------------------- */
.chara.tako01 {width: 41%; right: 1%;top: -6%;}
.chara.tako02 {width: 34%; left: 52%;top: -2%;}
.chara.tako03 {width: 24%; left: 79%;top:-1%;}



/*=========================================================================
FIRST VIEW
=========================================================================*/
.visual_container {position: relative; background: #e72a50; padding-bottom: 6%; }

/*---------------------------------------------------------------------- */
.first_view {width: 100%;margin-bottom:6%;}

/*---------------------------------------------------------------------- */
#mainVisual {background: #e72a50; padding-top: 80px;}
#mainContents {background: #f9f5f2; }


@media print, screen and (max-width:480px){
#mainVisual { padding-top: 14vw;}
}

/*---------------------------------------------------------------------- */
.catch01{width: 55%; top: 2%; left: 2%;}
.catch02{width: 41%; top: 5%; right: 2%;}
.mark_free  {width: 24%; top: 93%; left: 50%; }


/*=========================================================================
SITE CATCH
=========================================================================*/
#siteCatch .section_basic {padding-top: 12%; padding-bottom: 19%;}

.top_catch {width: 100%; font-size: 6.4vw;}


/*---------------------------------------------------------------------- */
#siteCatch p{font-size:2.604vw;}


@media print, screen and (max-width:480px){
#siteCatch p {font-size:3.5vw;}
}

/*=========================================================================
スポーツ体験＆STAGE
=========================================================================*/
ul.event_list li{width: 48%;margin: 0 4% 6% 0;}
ul.event_list li:nth-of-type(even) {margin-right: 0;}
#Sports ul.event_list li {padding-bottom:8%; }


@media print, screen and (max-width:480px){
#Sports ul.event_list li{width: 100%;margin: 0 auto 6%;}
#Sports ul.event_list li:nth-of-type(even) {margin-right: 0;}

}



/*---------------------------------------------------------------------- */
dl.event_body {padding: 5% 5% 8%; }
#Sports dl.event_body {padding-bottom: 12%; }

dl.event_body dt { margin:0 auto 4%;}

/*---------------------------------------------------------------------- */
 .info_body {min-height:4em;}

@media print, screen and (max-width:480px){
 .info_body {min-height:6em;}
}

/*---------------------------------------------------------------------- */
dl.event_body dd .btn_basic {margin: 9% auto 0; position: static;}
dl.event_body dd .btn_basic a { text-align: center; }


/*---------------------------------------------------------------------- */
dl.event_body {padding-bottom: 3%; }
#Stage dl.event_body {padding-bottom: 2em; }


.event_title {font-size:20px; margin-bottom: 4%;}

dl.event_body dd p{font-size:14px;}

@media print, screen and (max-width:767px){
.event_title {font-size:2.607vw; margin-bottom: 4%;}
dl.event_body dd p{font-size:1.825vw;}
}

@media print, screen and (max-width:480px){
.event_title {font-size:4.16vw;}
dl.event_body dd p{font-size:2.916vw;}
}


@media print, screen and (max-width:414px){
.event_title {font-size:4.16vw;}
dl.event_body dd p{font-size:3.381vw;}

}



/*=========================================================================
ステージ
=========================================================================*/
.stage_box {padding-bottom: 3%; margin-bottom: 9%;}
ul.event_list li{width: 48%;margin: 0 4% 6% 0;}
ul.event_list li:nth-of-type(even) {margin-right: 0;}

#Stage .event_title {font-size:14px;}

p.event_date{font-size:10px;left: 5%; bottom: 4%;}
.event_title br {display: none !important;}


@media print, screen and (max-width:767px){
#Stage .event_title {font-size:1.825vw;}
p.event_date{font-size:1.303vw;}


}

@media print, screen and (max-width:480px){
#Stage .event_title {font-size:2.916vw;}
p.event_date{font-size:2.083vw;}

}


@media print, screen and (max-width:414px){
#Stage .event_title {font-size:3.38vw;}
p.event_date{font-size:2.5vw;}

}
/*---------------------------------------------------------------------- */
.stage_box .info_body {min-height:0;}
.stage_box .event_title {margin-bottom: 6%;}


/*=========================================================================
TOP：FOOD＆KIDS AREA
=========================================================================*/
/*
#Food .section_basic, #Kids .section_basic {width: 100%;}
#Food .contents_title, #Kids .contents_title {margin-left: 0%;}
#food_listBox, #kids_listBox {margin-left: auto; overflow: hidden; width: 95%;}
*/
/*---------------------------------------------------------------------- */
.food_lists .contents_title span, .kids_lists .contents_title span {margin-right: 2%;}


/*---------------------------------------------------------------------- */
ul.event_data_list li{width: 48%;margin: 0 4% 6% 0;}
ul.event_data_list li:nth-of-type(even) {margin-right: 0;}

/*---------------------------------------------------------------------- */
#Kids .event_title, #Food .event_title, #PR .event_title {font-size:14px;}
#Food dl.event_body dd p, #PR dl.event_body dd p{font-size:11px;}


@media print, screen and (max-width:767px){
#Kids .event_title, #Food .event_title, #PR .event_title {font-size:1.825vw;}
#Food dl.event_body dd p, #PR dl.event_body dd p{font-size:1.434vw;}

}

@media print, screen and (max-width:480px){
#Kids .event_title, #Food .event_title, #PR .event_title {font-size:2.916vw;}
#Food dl.event_body dd p, #PR dl.event_body dd p{font-size:2.291vw;}

}


@media print, screen and (max-width:414px){
#Kids .event_title, #Food .event_title, #PR .event_title {font-size:3.38vw;}
#Food dl.event_body dd p, #PR dl.event_body dd p{font-size:2.657vw;}
}

/*---------------------------------------------------------------------- */
.arrow_box {width: 26%; align-items: center;}
.arrow_box .arrow_prev,
.arrow_box .arrow_next {width: 7vw; height: 7vw; line-height: 6.9vw;}



/*=========================================================================
TOP：会場マップ
=========================================================================*/
#Map {overflow: hidden;}



/* ---------------------------------------------------------------- */
.venue_map {width: 100vw; margin:0 calc(50% - 50vw); }
.venue_map img {width:98%; object-fit: cover; object-position: center; margin: 0 auto;}

.venue_map::-webkit-scrollbar {background: #f9f59c; height: 4px;}
.venue_map::-webkit-scrollbar-thumb {background:#91e6a5;}


/* ---------------------------------------------------------------- */
.venue_add {font-size:2.604vw; margin-top: 4%;}


@media print, screen and (max-width:480px){
.venue_add {font-size:4.167vw;}
}




/* ---------------------------------------------------------------- */
.img-magnifier-glass {width: 80px;height: 80px;}



/* ---------------------------------------------------------------- */
#btnMap {position: absolute; right: 0; top: 0;}
#btnMap a {font-size:2.322vw; padding: 4px 1em;}


@media print, screen and (max-width:480px){
#btnMap {
left: 50%;
top: auto;
bottom: -2.4em;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
#btnMap a {font-size:2.916vw; display: inline-block;}
}




/*=========================================================================
お知らせ
=========================================================================*/
#Wrapper.topics #mainVisual {display: none;}
#Wrapper.topics #contentsBody {padding-top: 9%;}

/*---------------------------------------------------------------------- */
ul.news_list li a {padding: 1em 0;}

/*---------------------------------------------------------------------- */
.list_update,.list_title {font-size:14px;}
.list_update {margin-bottom:.5em;}

@media print, screen and (max-width:767px){
.list_update,.list_title {font-size:1.822vw;}
}

@media print, screen and (max-width:480px){
.list_update,.list_title {font-size:2.916vw;}
}

@media print, screen and (max-width:360px){
.list_update,.list_title {font-size:3.381vw;}
}



/*=========================================================================
お知らせ：詳細
=========================================================================*/
body.topics_detail #News .section_basic {padding-top:12%;}


/*---------------------------------------------------------------------- */
ul.pankuzu_list {margin-bottom: 10%; }
ul.pankuzu_list li {font-size:13px; padding-right: .1vw; }
ul.pankuzu_list li a:after {padding-left: .1vw; color: #050505;}


@media print, screen and (max-width:767px){
ul.pankuzu_list li {font-size:1.69vw;}
}

@media print, screen and (max-width:480px){
ul.pankuzu_list li {font-size:2.7vw;}
}

@media print, screen and (max-width:414px){
ul.pankuzu_list li {font-size:3.14vw;}
}

/*---------------------------------------------------------------------- */
dl.articleContainer dt {margin-bottom: 7%;}

/*---------------------------------------------------------------------- */
.article_update, .article_title {font-size: 14px; }
.article_update { margin-bottom: 2%;}

@media print, screen and (max-width:767px){
.article_update, .article_title {font-size:2.146vw;}
}

@media print, screen and (max-width:480px){
.article_update, .article_title {font-size:2.916vw;}
}

@media print, screen and (max-width:414px){
.article_update, .article_title{font-size:3.562vw;}
}

/*---------------------------------------------------------------------- */
.article_photo {margin-bottom: 6%;}

/*---------------------------------------------------------------------- */
.content_text_area{padding-bottom: 6%;}
.content_text_area, .content_text_area p {font-size:14px;}

@media print, screen and (max-width:767px){
.content_text_area, .content_text_area p {font-size:1.825vw;}
}
@media print, screen and (max-width:480px){
.content_text_area, .content_text_area p {font-size:2.916vw;}
}

@media print, screen and (max-width:414px){
.content_text_area, .content_text_area p {font-size:3.562vw;}
}


/*---------------------------------------------------------------------- */
#News.top_pages .btn_basic.pageback, 
.btn_basic.pageback {margin-top: 8%; text-align: center;}


/* ---------------------------------------------------------------- */
#btn_timeTable {margin-bottom: 9%; margin-top: 4%;}
#btn_timeTable a {margin: 0 auto; font-size: 36px; padding: 2% 0; width:70%;}

@media print, screen and (max-width:767px){
#btn_timeTable a {font-size: 4.6vw; }
}


/* ---------------------------------------------------------------- */
#btn_timeTable a:before {
width: 25%;
height: 130%;
top: 48%;
left: -3%;
}

#btn_timeTable a:after {
width: 28.5%;
height: 206.5%;
top: 18%;
left: 98%;
}


/* ---------------------------------------------------------------- */
ul.timetable_linklist {margin:4% auto 9%; max-width: 380px; width: 94%;}
ul.timetable_linklist li {margin-bottom: 4%;}
ul.timetable_linklist li:last-of-type {margin-bottom: 0;}
ul.timetable_linklist li a {padding: 4% 0 3%; font-size: 30px;}
ul.timetable_linklist li a span {font-size:24px;}

@media print, screen and (max-width:767px){
ul.timetable_linklist li a {font-size:3.911vw;}
ul.timetable_linklist li a span {font-size:3.129vw;}
}

@media print, screen and (max-width:480px){
ul.timetable_linklist li a {font-size: 5.215vw;}
ul.timetable_linklist li a span {font-size:4.432vw;}
}



}