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

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


#page-top {	right: 0%; max-width:50px; width:7%;}

#bgHeadline {	width:30%;top:45%;  filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}




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

HEADER
  
============================================================*/
#Header {height:auto;}

.head_inner { padding:10px 0; width:94%;  height: auto;;}


#header_logoBloc {
	letter-spacing:-.4em;
	text-align:left;
	/*position:absolute;
	left:0;
	top:5%;
	margin:auto;*/
	
	width:100%;
	margin: 0 auto;

	/*
	transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
*/
	}


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

#Logo {width:46%; margin-right:3%; max-width:320px;}
#top_eventDate {width:40%; margin-top:2.8%;}

#headCatch {width:38%; right:10%; top:0px;}





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

HEADER NAVI CONTENTS > GLOBAL NAVI
  
============================================================*/
#head_naviContents { width: 100%; height: auto; margin: 0 auto; position: relative;  display: none;}


#menuOverlay {
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.4);
display: none;
position: fixed;
z-index: 99;
}
 
#switchBtnArea {
width: 100%;
height: auto;
background: #fff;
position: relative;
z-index:999;
}
 
#switchBtnArea #switchBtn {
top: 0px;
right:0px;
width: 45px;
height: 55px;
display: block;
position: fixed;
z-index: 9999;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
}
#switchBtnArea #switchBtn:hover {filter: alpha(opacity=70); -moz-opacity:.7; opacity:.7;}

#switchBtnArea #switchBtn span {
left: 30%;
width: 45%;
height: 2px;
display: block;
position: absolute;
transition: all 0.2s linear;
background: #050505;
}


#switchBtnArea #switchBtn span:nth-of-type(1) {
top: 20px;
-webkit-transform: rotate(0);
transform: rotate(0);
}
#switchBtnArea #switchBtn span:nth-of-type(2) {
top: 26px;
-webkit-transform: scale(1);
transform: scale(1);
}

#switchBtnArea #switchBtn span:nth-of-type(3) {
top: 32px;
-webkit-transform: rotate(0);
transform: rotate(0);
}



#switchBtnArea #switchBtn.btnClose {background: transparent;}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {top: 23px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {-webkit-transform: scale(0);transform: scale(0);}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {top: 23px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

#rwdMenuWrap {
top: 0;
right: -60%;
width: 60%;
height: 100%;
background-color: rgba(255,255,255,.95);
overflow: auto;
position: fixed;
z-index: 99;
text-align: center;
padding-top:45px;
}


#rwdMenuWrap ul#globalNavi { width: 100%; text-align: center;}
#rwdMenuWrap ul#globalNavi li {display: block;position: relative; text-align: left; padding:0 10px; z-index:9; border-bottom: 1px solid #ccc;
}
#rwdMenuWrap ul#globalNavi li:last-child {border-bottom:1px solid #050505;;}
#rwdMenuWrap ul#globalNavi li a,
#rwdMenuWrap ul#globalNavi li span {
display: block;
padding: 13px 0px;
font-size: 14px;
line-height: 100%;
text-decoration: none;
color: #050505;
font-weight: 700;
font-family: 'Mplus 1p', sans-serif !Important;
}


#rwdMenuWrap ul#globalNavi li a:hover { color: #ff3d90 !important;}
#rwdMenuWrap ul#globalNavi li a img {width: 100%; height: auto; display: block;}


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


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

HEADER NAVI CONTENTS > SUBNAVI
  
============================================================*/
#rwdMenuWrap ul#subNavi {
	list-style-type:none;
	text-align:left;
	z-index:2;
	width:100%;
	padding-bottom:20px;
	} 
	
	#rwdMenuWrap ul#subNavi li {	
	display:block;
	border:0;
	width:100%;
	height:auto;
	font-size:11px !important;
	text-align:left;
	text-indent:-1em;
	padding-left:1em;
	letter-spacing:-.5px;
	
	}
#rwdMenuWrap ul#subNavi li a {padding:8px 10px; display:block; border:0; font-size:12px;color:#050505 !important;}
#rwdMenuWrap ul#subNavi li a hover {color:#ff3d90 !important;}

#rwdMenuWrap ul#subNavi li:last-child {border-bottom:0;}

@media print, screen and (min-width:320px){
		ul#subNavi li  {font-size:10px;}
	
}

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

HEADER NAVI CONTENTS
  
============================================================*/
ul#header_snsList { max-width:300px; margin:15px auto 0; width:100%;}

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

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

ul#header_snsList li a:hover {filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}

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

FOOTER

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

.foot_inner {width:94%;}


#contactUs {font-size:14px; position:relative; z-index:2;}
#contactUs p {margin-bottom:10px;}

#btnArchives {margin:45px auto 0;}

#footImage, #foot_imageList  {margin-top:60px; }

#aboutTitle {font-size:18px; margin-bottom:10px;}


#foot_imageList ul li {width: 768px;}

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


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

#footblocTitle {font-size:16px; }

ul#sponsorList li {	margin:0 3% 30px 0;	width:31.3%;}
ul#sponsorList li:nth-child(3n) {margin-right: 0;}


#mailAdd {font-size:16px;}

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

#infoHeadline {font-size: 18px;  margin-bottom: 45px;}
#info_mainContents p {font-size: 14px; margin-bottom: 15px;}

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

#Sign {font-size: 12px;}


}