@charset "utf-8";
@media print, screen and (min-width:769px){
/*============================================================

BASIC
  
============================================================*/
.for_sp {display:none !important;}


#page-top {	right: 4%; max-width:50px; width:5%;}
#bgHeadline {	width:30%; top:65%; max-width:280px;}




/*============================================================

HEADER
  
============================================================*/
#Header {position:relative; z-index:9;}

.head_inner { max-width:1200px; padding:10px 0;}

#header_logoBloc {letter-spacing:-.4em; margin-bottom:20px; width:94%;}


#Logo, #top_eventDate {display:inline-block; letter-spacing:0; height:auto; vertical-align:middle;}

#Logo {width:45%; margin-right:2%;}
#top_eventDate {width:30%; margin-top:2.8%;}

#headCatch {width:25%; right:0%;}


/*============================================================

HEADER NAVI CONTENTS > GLOBAL NAVI
  
============================================================*/
ul#globalNavi {letter-spacing:-.4em; text-align:center; width:100%; height:auto; margin:0 auto; max-width:1050px;}


ul#globalNavi li {
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	letter-spacing:0;
	width:16.6%;
	height:auto;
	border-left:1px solid #050505;
	line-height:100%;
	font-size:16px;
	font-weight:700;
	text-align:center;
	position:relative;
	}
ul#globalNavi li:first-child {border-left:0;}

ul#globalNavi li a {text-decoration:none; color:#050505; display:block;	padding:3px 0;}
ul#globalNavi li a:hover,
ul#globalNavi li span:hover {color:#ff3d90; }

ul#globalNavi li span {
	position:relative;
	cursor:pointer;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}

body#About #mn01 a,
body#Access #mn02 a,
body#Entry #mn03 a,
body#Runner #mn04 a,
body#Guest #mn05 a,
body#Gallery #mn06 a {color:#f33;}



@media print, screen and (max-width:900px){
	ul#globalNavi li {font-size:14px;}
	
}
/*============================================================

HEADER NAVI CONTENTS > SUBNAVI
  
============================================================*/
ul#subNavi {
	list-style-type:none;
	position:absolute;
	text-align:left;
	z-index:2;
	display:none;
	width:100%;
	padding:10px 0 ;
	}
	
	ul#subNavi li {	
	display:block;
	border:0;
	width:100%;
	height:auto;
	font-size:13px;
	text-align:left;
	text-indent:-1em;
	padding-left:1em;
	letter-spacing:-.5px;
		background:#befbff;
	background:rgba(190,251,255,.9);

	}
	ul#subNavi li a {padding:8px 10px; display:block; color:#050505 !important;}
	ul#subNavi li a:hover {color:#ff3d90 !important;}


@media print, screen and (max-width:900px){
		ul#subNavi li  {font-size:12px;}
	
}

/*============================================================

HEADER NAVI CONTENTS
  
============================================================*/
ul#header_snsList {	position:absolute;	 width:100%; right:3%;	top:40%; max-width:260px; z-index:8;}

ul#header_snsList {	text-align:right;}
ul#header_snsList li { vertical-align:middle; margin-left:4%; width:10%;}
ul#header_snsList li:first-child {margin-left:0;}

ul#header_snsList li#sns01 {width:20%;}



/*==============================================================================

FOOTER

==============================================================================*/
#Footer {padding:60px 0 0;}

.foot_inner {max-width:1200px; width:94%;}


#contactUs {font-size:16px;}
#contactUs p {margin-bottom:10px;}

#contactUs br {display: none;}

#btnArchives {margin-top:45px;}

#footImage, #foot_imageList  {margin-top:90px }

#aboutTitle {font-size:24px; margin-bottom:15px;}


/* ------------------------------
   loopSlider
------------------------------ */

#foot_imageList ul li {width:1200px;}

.loopSliderWrap, #foot_imageList, #foot_imageList ul li {height: 350px;}


/*==============================================================================
FOOTER > SPONSOR
==============================================================================*/
#foot_oneBlock, #foot_txtBox p {font-size:16px;}

#footblocTitle {font-size:18px; }

ul#sponsorList  {width: 100%;  margin:0 auto;}

ul#sponsorList li {	margin:0 2% 30px 0;	width:18% !important;}
ul#sponsorList li:nth-child(5n) {margin-right: 0;}
ul#sponsorList li a , ul#sponsorList li img {width: 100%; height: auto; display: block;}

#mailAdd {font-size: 20px;}


/*============================================================
INFORMATION (2020/02/19 CUSTOM)
============================================================*/
#info_mainContents {padding: 90px 0;}

#infoHeadline {font-size: 24px;  margin-bottom: 60px;}
#info_mainContents p {font-size: 16px; margin-bottom: 12px;}

#info_textBox {margin-bottom: 30px; padding-bottom: 45px;}

#Sign {font-size: 14px;}



}