@charset "utf-8";
/* reset styles */
/*=========================================================================
BASIC
=========================================================================*/
body {background: #f9f5f2; color: #050505;}

/*---------------------------------------------------------------------- */
.section_body {position: relative; z-index: 1;}

.section_body:before{

content: "";
position: absolute;
left: 0;
top: -.78vw;
width: 100%;
z-index: -1;
height: .78vw;
background-position: left top;
background-repeat: repeat-x;
background-size: contain;
-moz-animation: loop 140s linear infinite;
animation: loop 140s linear infinite;
}
.section_body.type_begie {background: #f9f5f2;}
.section_body.type_yellow {background: #f9f59c;}
.section_body.type_green {background: #91e6a5;}
.section_body.type_white {background: #fff;}

.section_body.type_begie:before {background-image: url('../img/bg_wave_beige.png');background-image: url('../img/bg_wave_beige.svg');}
.section_body.type_yellow:before {background-image: url('../img/bg_wave_yellow.png');background-image: url('../img/bg_wave_yellow.svg');}
.section_body.type_green:before {background-image: url('../img/bg_wave_green.png');background-image: url('../img/bg_wave_green.svg');}
.section_body.type_white:before {background-image: url('../img/bg_wave_white.png');background-image: url('../img/bg_wave_white.svg');}



/*---------------------------------------------------------------------- */
#contentsBody {margin: 0 auto; height: auto; width: 100%;}


/*---------------------------------------------------------------------- */
.section_basic { height: auto; margin: 0 auto; position: relative; z-index: 1;}
.section_basic:last-of-type {margin-bottom: 0;}

/*---------------------------------------------------------------------- */
.contents_title {
width: 100%;
position: relative;
z-index: 1;
color: #050505;
font-weight: 400;
line-height: 180%;
font-family: 'TunnelMin',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}

/*---------------------------------------------------------------------- */
.btn_basic { display:block;}
.btn_basic a {
display: inline-block;
text-decoration: none !important;
background: #050505;
color:#fff;
border: 1px solid #050505;
-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
font-weight: 600;
line-height: 100%;
}


.btn_basic a:hover,
.btn_basic.other_link a:hover{color: #e72a50; background: transparent; border-color: #e72a50;}

/*---------------------------------------------------------------------- */
.btn_basic.other_link a {background: #91e5a5; border-color: #91e5a5; color: #050505;}

/* ---------------------------------------------------------------- */
.coming {
text-align: center !important;
font-weight: 400;
line-height: 160%;
font-family: 'TunnelMin',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;

}


/* ---------------------------------------------------------------- */
.chara {position: absolute;z-index:1; padding: 0; margin: 0;}
.chara img {width: 100%; height: auto; display: block;}
.chara.tako01 {-moz-animation: zoomUp 12s linear infinite;animation: zoomUp 12s linear infinite;}
.chara.tako02 {-moz-animation: shake 2s linear infinite;animation: shake 2s linear infinite;}
.chara.tako03 {-moz-animation: shake 1s ease-out infinite;animation: shake 1s ease-out infinite;}

/*=========================================================================
TEASER
=========================================================================*/
#Wrapper.teaser {width: 100%;height: auto; margin: 0 auto; background: #e72a50;}
.teaser_photo, .teaser_photo img {width: 100%;height: auto; display: block;}
.teaser_photo {padding: 0; margin: 0 auto;}

.teaser_photo p{text-indent:100%;white-space:nowrap;overflow:hidden; height: 0;}



/*=========================================================================
FIRST VIEW
=========================================================================*/
.visual_container {width: 100%; height: auto; margin: 0 auto; z-index: 9; padding: 0; }

/*---------------------------------------------------------------------- */
.first_view, .first_view img {height: auto; display: block;}
.first_view {margin: 0 auto;}
.first_view img {width: 100%; object-fit: cover;}

/*---------------------------------------------------------------------- */
.visual_catch {position: absolute;z-index: 1;}
.visual_catch img {height: auto; display: block; width: 100%;object-fit: cover;}

.mark_free {
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.catch01 {-moz-animation: shake 6s ease-out infinite;animation: shake 6s ease-out infinite;}
.catch02 {-moz-animation: shake_two 5s ease-out infinite;animation: shake_two 5s infinite; }


/*=========================================================================
SITE CATCH
=========================================================================*/
section#siteCatch:before {content: none;}

/*---------------------------------------------------------------------- */
#siteCatch p {line-height: 180%; font-weight: 400; }

/*---------------------------------------------------------------------- */
.top_catch, .top_catch img {height: auto; display: block;}
.top_catch img {width: 100%; }
.top_catch {
font-family: 'TunnelMin',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
margin: 0 auto;
text-align: center;
line-height: 160%;
}



/*=========================================================================
スポーツ体験＆STAGE
=========================================================================*/
ul.event_list {
list-style-type: none;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
height: auto;
margin: 0 auto;
}
ul.event_list li {height: auto; background: #fff;border: 1px solid #050505;}

/*---------------------------------------------------------------------- */
dl.event_body, dl.event_body dt, dl.event_body dd {height: auto;}
dl.event_body dd {position: relative; z-index: 1;}

/*---------------------------------------------------------------------- */
.event_thumb, .event_thumb a, .event_thumb img {width: 100%; height: auto; display: block;}
.event_thumb {padding: 0; margin: 0 auto; border: 1px solid #050505;}
.event_thumb a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}

/*---------------------------------------------------------------------- */
.event_title {color: #050505; font-weight: 600; line-height: 160%;}

p.event_date{position: absolute;}

/*---------------------------------------------------------------------- */
dl.event_body dd p :last-of-type {margin-bottom: 0;}
dl.event_body dd, .dl.event_body dd p {line-height: 200%;}

/*---------------------------------------------------------------------- */
dl.event_body dd .btn_basic {text-align: center;}

/*---------------------------------------------------------------------- */
#Sports .btn_basic {
position: absolute;
bottom: 4%;
left: 50%;
margin: auto;
width: 100%;
text-align: center;
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}


/*=========================================================================
ステージ
=========================================================================*/
#Stage.section_body.type_begie:before{-moz-animation: loop02 140s linear infinite;animation: loop02 140s linear infinite;}

/*---------------------------------------------------------------------- */
.stage_box {border-bottom: 1px solid #050505;}
.stage_box:last-of-type {border-bottom: 0; margin-bottom: 0; }



/*=========================================================================
お知らせ
=========================================================================*/
#News.section_body.type_white:before{-moz-animation: loop02 140s linear infinite;animation: loop02 140s linear infinite;}
#News.section_body {background: #fff;}

/*---------------------------------------------------------------------- */
ul.news_list {list-style-type: none; width: 100%; height: auto; margin: 0 auto;}
ul.news_list li {border-bottom: 1px solid #050505;}
ul.news_list li:first-of-type {border-top: 1px solid #050505;}
ul.news_list li a {display: block; text-decoration: none; color: #050505;}
ul.news_list li a:hover {color: #e72a50;/*background: #F9F5F2;*/}


/*---------------------------------------------------------------------- */
.list_update,.list_title {
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

.list_update {line-height: 140%; color: #e72a50;}
.list_title {color: #050505; line-height: 160%; font-weight: 400;}

ul.news_list li a:hover .list_update,
ul.news_list li a:hover .list_title {color: #e72a50;}




/*=========================================================================
お知らせ：詳細
=========================================================================*/
ul.pankuzu_list {list-style-type: none; display: -webkit-flex;display:flex;flex-wrap:wrap; }
ul.pankuzu_list li {line-height: 180%; color: #050505; position: relative; z-index: 1; padding-right: 1em; word-break: break-all;}
ul.pankuzu_list li a {color: #050505; text-decoration: none; position: relative; z-index: 1;}
ul.pankuzu_list li a:hover {color: #e72a50;}
ul.pankuzu_list li:after {content: "・"; padding-left: 1em; color: #050505;}
ul.pankuzu_list li:last-of-type:after {content: none;}

/*---------------------------------------------------------------------- */
dl.articleContainer, dl.articleContainer dt, dl.articleContainer dd {height: auto; width: 100%; position: relative; margin: 0 auto;}


/*---------------------------------------------------------------------- */
.article_photo, .article_photo img {width: 100%; height: auto; display: block;}
.article_photo {padding: 0; margin: 0 auto;}


/*---------------------------------------------------------------------- */
.article_update {color: #e72a50; line-height: 140%;}
.article_title {line-height: 180%; color: #050505; font-weight: 400;}

/*---------------------------------------------------------------------- */
.content_text_area, .content_text_area p {line-height: 180%; color: #050505;}
.content_text_area a {color: #050505; text-decoration: underline;}
.content_text_area a:hover {color: #e72a50; text-decoration: none;}

/*---------------------------------------------------------------------- */
.content_text_area p {margin-bottom: 1.4em;}
.content_text_area p:last-of-type {margin-bottom: 0;}

/*---------------------------------------------------------------------- */
.btn_basic.pageback a{background: #f8f59c; color: #050505; border-color: #f8f59c;}
.btn_basic.pageback a:hover {background: transparent; color: #e72a50;  border-color: #e72a50;}

/*---------------------------------------------------------------------- */
.content_text_area img {display: inline-block; height: auto; max-width: 100%;}



/*=========================================================================
TOP：FOOD＆KIDS AREA
=========================================================================*/
#Food.section_body.type_begie:before{-moz-animation: loop02 140s linear infinite;animation: loop02 140s linear infinite;}


/* ---------------------------------------------------------------- */
ul.event_data_list {list-style-type: none; width: 100%; margin: 0 auto; display: -webkit-flex; display: flex;flex-wrap: wrap;}
ul.event_data_list li {height: auto;}

/* ---------------------------------------------------------------- */
.list_thumb, .list_thumb a, .list_thumb img {width: 100%; height: auto; display: block;}
.list_thumb {padding: 0; margin: 0 auto; border: 1px solid #050505;}
.list_thumb a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}
.list_thumb img {background-position: centertop; background-repeat: no-repeat; background-size: cover;}

/* ---------------------------------------------------------------- */
.slidelist_cap{line-height: 140%; font-weight: 600;}


/* ---------------------------------------------------------------- */
.arrow_box {
height: auto;
display:-webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 0 !important;
z-index: 3;
position: relative;
}

/* ---------------------------------------------------------------- */
.arrow_next, .arrow_prev {
cursor: pointer;
display: block;
border: 1px solid #333;
border-radius:4px; 
text-align: center;
font-weight: 600;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
position: relative;
z-index: 3;
}
.arrow_prev {margin-right: 12%;}

.arrow_next img,.arrow_prev img {width: 100%; height: auto; display: block;}
.arrow_next:hover, .arrow_prev:hover {background: #e72a50; color: #fff; border-color:#e72a50;}


/*=========================================================================
TOP：会場マップ
=========================================================================*/
#Map.section_body.type_yellow:before{-moz-animation: loop02 140s linear infinite;animation: loop02 140s linear infinite;}


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

.img-magnifier-container {position: relative;}

.img-magnifier-glass {
position: absolute; 
border: 3px solid #ecc98f;  
border-radius: 50%;
cursor: none;
width: 80px;
height: 80px;

}

.img-magnifier-glass:after {
content: "";
position: absolute;
left: -50%;
top: 10%;
width: 90%;
height: 60%;
background-image: url("../img/tako2.svg");
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
}

/* ---------------------------------------------------------------- */
.venue_map,.venue_map img {width: 100%; height: auto; display: block;}
.venue_map {padding: 0; margin: 0 auto;}

/* ---------------------------------------------------------------- */
.venue_add {line-height: 140%; color: #050505; display: -webkit-flex; display: flex;flex-wrap: wrap; align-items:center;}

/* ---------------------------------------------------------------- */
#btnMap {display: inline-block; margin-left: 1.5%;}
#btnMap a {
position: relative;
z-index: 1;
display: block;
border: 1px solid #e72a50;
background: #e72a50;
color: #fff;
-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
line-height: 100%;
text-decoration: none;
font-weight: 600 !important;
}

#btnMap a:hover {color: #e72a50; background: transparent;}
/*
#btnMap a:before {
content: "";
position: absolute;
z-index: -1;
left:-20%;
top: 60%;
width: 40%;
height: 160%;
background-image: url("../img/tako2.svg");
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
}
*/


/* ---------------------------------------------------------------- */
#btn_timeTable {position: relative; z-index: 1; margin: 0 auto; text-align: center;}
#btn_timeTable a {
position: relative;
z-index: 1;
display: inline-block;
text-decoration: none;
height: auto;
line-height: 100%;
color: #050505;
border: 1px solid #91e6a5;
font-weight: 400;
background: #91e6a5;
-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
text-align: center;
font-family: 'TunnelMin',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;

}

#btn_timeTable a:hover {background: #fff; color: #e82a50; border-color:#e82a50;}

/* ---------------------------------------------------------------- */
#btn_timeTable a:before,
#btn_timeTable a:after {
content: "";
position: absolute;
z-index: 1;
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-position: left top;
background-size: contain;
background-repeat: no-repeat;
}
#btn_timeTable a:before {background-image: url('../img/tako2.svg');}
#btn_timeTable a:after {background-image: url('../img/tako1.svg');}


/* ---------------------------------------------------------------- */
ul.timetable_linklist {list-style-type: none; width: 100%; height: auto;}
ul.timetable_linklist li {height: auto;}
ul.timetable_linklist li a {
display: block;
text-decoration: none;

height: auto;
line-height: 100%;
color: #050505;
border: 1px solid #91e6a5;
font-weight: 900;
background: #91e6a5;
-ms-border-radius: 100vh;
-moz-border-radius: 100vh;
-webkit-border-radius: 100vh;
border-radius: 100vh;
text-align: center;
}
ul.timetable_linklist li.day_sat a {background: #a0d9ea;border-color:#a0d9ea;}
ul.timetable_linklist li.day_sun a {background: #ffb2b2;border-color:#ffb2b2;}

ul.timetable_linklist li a:hover,
ul.timetable_linklist li.day_sat a:hover,
ul.timetable_linklist li.day_sun a:hover {
background: #fff;
color: #e82a50;
border-color:#e82a50;
}

#News.top_pages ul.news_list li:nth-of-type(n+6),
ul.news_list.top li:nth-of-type(n+6) {display: none;}