@charset "utf-8";
@media print, screen and (min-width:769px){
/*=========================================================================
CONTANTES BASIC
=========================================================================*/
#contentsBody { display: -webkit-flex;display:flex;flex-wrap:wrap;}


/*---------------------------------------------------------------------- */
.section_basic {width: 90%; padding: 8% 0 ; }


/*---------------------------------------------------------------------- */
.contents_title {font-size: 48px;margin-bottom: 4%; }

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

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

.btn_basic a {font-size:14px; padding: .5em 2.5em;}


@media print, screen and (max-width:1919px){
.btn_basic a {font-size:.8vw; padding: .8vw 2.5em;}
}

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


/*---------------------------------------------------------------------- */
.coming {font-size: 48px !important; padding: 12vw 0; }

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

/* ---------------------------------------------------------------- */
.chara.tako01 {width: 28%; left: 62%;top: -5%;}
.chara.tako02 {width: 24%; left: 32%;top: -6%;}
.chara.tako03 {width: 16%; left: 82%;top:-3%;}




/*=========================================================================
FIRST VIEW
=========================================================================*/
.visual_container {position: sticky; top: 0%;}

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

/*---------------------------------------------------------------------- */
#mainVisual {width: 37%; height: 100vh; background: #e72a50; position: fixed; left: 0; top: 0;}
#mainContents {width: 63%; min-height: 1200px; padding:0 0 0; background: #f9f5f2; margin-left: auto;}

@media print, screen and (max-width:1000px){
#mainVisual {width: 40%;}
#mainContents {width: 60%;}
}

/*---------------------------------------------------------------------- */
.catch01 {width: 54%; top: 2%; left: 3%;}
.catch02 {width: 41%; top: 3%; right: 2%;}
.mark_free {width: 24%; top: 96%; left: 50%; }




/*=========================================================================
SITE CATCH
=========================================================================*/
.top_catch {width: 96%; font-size:2.1vw;}

@media print, screen and (max-width:1000px){
.top_catch {font-size:2.0vw;}
}

/*---------------------------------------------------------------------- */
#siteCatch p{font-size: 22px;}

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

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


/*=========================================================================
スポーツ体験＆STAGE
=========================================================================*/
ul.event_list li {width: 32%;margin: 0 2% 6% 0; }
ul.event_list li:nth-of-type(3n) {margin-right: 0;}

#Sports ul.event_list li {padding-bottom:9%; }
#Stage ul.event_list li {padding-bottom:6%; }


@media print, screen and (max-width:1200px){
ul.event_list li {width: 48%; margin-right: 4%;}
ul.event_list li:nth-of-type(3n) {margin-right: 4%;}
ul.event_list li:nth-of-type(even) {margin-right: 0;}

#Sports ul.event_list li {padding-bottom:8%; }

}


/*---------------------------------------------------------------------- */
.info_body {padding-bottom:0;}

/*---------------------------------------------------------------------- */
dl.event_body {padding: 4% 4% 6%;}
dl.event_body dt {margin-bottom: 4%;}

/*---------------------------------------------------------------------- */
.event_title {font-size:20px; margin-bottom: 4%;}
dl.event_body dd p, p.event_date {font-size: 14px;}

p.event_date{left: 4%; bottom: 4%;}


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

@media print, screen and (max-width:1200px){
.event_title {font-size:1.333vw;}
dl.event_body dd p {font-size:1.166vw;}
p.event_date {font-size:1vw;}
}


@media print, screen and (max-width:1000px){
.event_title {font-size:1.333vw;}

dl.event_body dd p, p.event_date {font-size:1vw;}

p.event_date {font-size:1vw;}
}


/*=========================================================================
ステージ
=========================================================================*/
.stage_box {padding-bottom: 3%; margin-bottom: 9%;}




/*=========================================================================
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: 32%; margin: 0 2% 6% 0; }
ul.event_data_list li:nth-of-type(3n) {margin-right: 0;}
	
/*---------------------------------------------------------------------- */
.slidelist_cap{font-size:22px; margin-top: 4%;}

@media print, screen and (max-width:1919px){
.slidelist_cap{font-size:1.146vw;}
}

@media print, screen and (max-width:1000px){
.slidelist_cap {font-size:1.4vw;}
}



/*---------------------------------------------------------------------- */
.arrow_box {width: 14%;}
.arrow_box .arrow_prev,
.arrow_box .arrow_next {width: 2.604vw; height: 2.604vw; line-height: 2.604vw; font-size:1.2vw;}


/*=========================================================================
TOP：会場マップ
=========================================================================*/
.img-magnifier-glass {width: 100px;height: 100px;}

/* ---------------------------------------------------------------- */
.venue_map {margin-bottom: 3%;}

/* ---------------------------------------------------------------- */
.venue_add {font-size:22px;}

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

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


/* ---------------------------------------------------------------- */
#btnMap a {font-size: 16px; padding: 4px 1em;}


@media print, screen and (max-width:1919px){
#btnMap a {font-size:0.833vw;}
}

@media print, screen and (max-width:1000px){
#btnMap a  {font-size:1.2vw;}
}


/*=========================================================================
お知らせ
=========================================================================*/
#News .section_basic {padding: 6% 0 12%;}


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

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

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

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



.btn_basic.pageback {margin-top: 8%;}


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

@media print, screen and (max-width:1000px){
body.topics_detail #News .section_basic {padding-top:5%;}
}

/*---------------------------------------------------------------------- */
ul.pankuzu_list {margin-bottom: 3%; }
ul.pankuzu_list li {font-size: 14px;}
ul.pankuzu_list li a{color: #919191;}
ul.pankuzu_list li a:after { padding-left: 1em; }

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

@media print, screen and (max-width:1000px){
ul.pankuzu_list {margin-bottom: 5%; }
ul.pankuzu_list li {font-size:1.2vw;}
}

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

/*---------------------------------------------------------------------- */
.article_update {font-size:20px; margin-bottom: 1%;}
.article_title {font-size:22px;}

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

}

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

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

/*---------------------------------------------------------------------- */

.content_text_area, .content_text_area p {font-size:0.9vw;}

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

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


/*---------------------------------------------------------------------- */
#News.top_pages .btn_basic.pageback, 
.btn_basic.pageback.top_news {margin-top: 4%;}

/* ---------------------------------------------------------------- */
#btn_timeTable {margin-bottom: 6%;}
#btn_timeTable a {margin: 0 auto; font-size: 58px; padding: 2% 0; width: 64%;}

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

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

#btn_timeTable a:after {
width: 28%;
height: 182%;
top: 18%;
left: 98%;
}


/* ---------------------------------------------------------------- */
ul.timetable_linklist {
margin-bottom: 6%;
width: 80%;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
ul.timetable_linklist li {width: 48.5%; margin-right: 3%;}
ul.timetable_linklist li:nth-of-type(even) {margin-right: 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:1919px){
ul.timetable_linklist li a {font-size:1.56vw;}
ul.timetable_linklist li a span {font-size:1.250vw;}

}


}