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

BASIC
  
============================================================*/
.contents_inner {padding:60px 0 30px;}


#btnMore {font-size:13px;}
#btnMore a {padding: 5px 30px;}


#sectionTitle {font-size:18px;}

.section_inner {width:100%;}


#pageTitle {font-size:20px; padding:25px 0;}


#contentTitle {font-size:18px; margin-bottom:15px;}
#contentTitle span {font-size:15px;}


.bloc_baisc {margin-bottom:45px; max-width:1200px; width:94%;}
.bloc_baisc:last-child,
.bloc_baisc:last-of-type {margin-bottom:0;}



#oneBox {margin-bottom:30px; line-height:160%;}
#oneBox p {font-size:13px; margin-bottom:5px;}



#Coming {font-size: 18px; padding: 45px 0;}

@media print, screen and (max-width:320px){
	#pageTitle {font-size:16px; }
#contentTitle {font-size:16px;}

	
}

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

 TOP > TOP INFORMATION BLOC
  
============================================================*/
#top_entryinfoBox {padding:45px 0 90px;}


#top_infoBloc {width:94%; margin-bottom:10px;  }

#top_conventionDate { width:100%; margin-bottom:30px;}

#top_infoHeadline {width:96%; margin-bottom:10px;}

#receptionPeriod {width:84%; margin-bottom:30px;}


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

 TOP > TOP JOIN BLOC 
  
============================================================*/
#top_joinBloc {padding:30px 0 15px; width:98%; margin-bottom:15px;  }
#joinHeadline {width:100%; margin-bottom:5px; font-size:18px;}

ul#join_bnrList li {			margin: 0 auto 15px; display:block; width:280px !important; }
	
ul#join_bnrList li:nth-child(2n) {margin: 0 auto 15px;	}

#link_joinMailing {font-size:16px;}

@media print, screen and (max-width:320px){
#link_joinMailing {font-size:14px;}
}




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

 TOP > TOPICS 
  
============================================================*/
dl#topicsList { width:90%; margin-bottom:60px;}

dl#topicsList dt, dl#topicsList dd {	display:block; width:100%;}

dl#topicsList dt { margin-bottom:30px; text-align:left; border-bottom:1px solid #787878; position:relative; padding-bottom:15px;}


dl#topicsList dt #btnMore {
	position:absolute;
	right:0;
	top:46%;
	width:80%;
	height:auto;
	margin:auto;
	text-align:right;
	
	transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}

ul#articleList li,  ul#articleList li a {font-size:14px;}
ul#articleList li a {font-weight:700;}

ul#articleList li {margin-bottom:15px;}

.date80, .title80 {display:block ; }

.date80 { margin-bottom:5px;}

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

 TOP > MOVIE 
  
============================================================*/
#top_movieBloc {padding:30px 0;}



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

ACCESS
  
============================================================*/
dl#access_topBloc { width:100%;}

dl#access_topBloc dt, dl#access_topBloc dd { display:block;}
dl#access_topBloc dt {margin-bottom:30px;}

dl#access_topBloc dd {width:100%;  margin-right:5%; font-size:13px;} 

#accessHeadline {font-size:14px; margin-bottom:10px;}

#accessMap { text-align:center;}
#access_mapCap {font-size:12px; margin-top:5px;}

ul#touteList li {font-size:12px; margin-bottom:10px;}


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

ENTRY
  
============================================================*/
#entry_Section01  {padding-bottom:0px; margin-bottom:60px;}


ul#entry_flowList { width:100%;}

ul#entry_flowList li#oneFlow  {margin-bottom:60px;}
ul#entry_flowList li#oneFlow:after {	left:50%; margin-top:15px;}


#flow_topBox {border:1px solid #050505;  width:100%; }
.flow_headline_inner {padding:10px 15px;}

#flowHeadline {font-size:16px;}

#flow_topBox p {font-size:14px;}



#flow_notesBox {padding:15px 1em;}

ul#flow_noteList {margin-bottom:30px;}

ul#flow_noteList li {margin-bottom:5px; font-size:13px;}

#noteHeadline {font-size:14px; margin-bottom:10px;}

#flow_capTitle {font-size:16px; margin-bottom:5px;}

#flowCap {margin-top:30px;}
#flowCap p {font-size:12px; margin-bottom:5px;}


#joinHeadline {margin-bottom:5px; font-size:18px;}
#joinHeadline span {padding:5px 20px;}

#entry_Section02 ul#join_bnrList {margin-bottom:30px; }
#entry_Section02 ul#join_bnrList li,
#entry_Section02 ul#join_bnrList li:nth-child(even)  {margin-left:0; margin-right:0;}


#entry_Section02 #oneBox:nth-of-type(1) {margin-bottom:60px;}


p#join_add_info {font-size:16px; margin:30px 0 30px;}
p#join_add_info span {font-size:13px; display:block; margin-bottom:5px;}



#join_btnBox {padding:20px 15px; margin:30px auto 0;}
#join_btnBox p {font-size:14px; margin-bottom:15px;}

#btn_downPDF {	width:80%;	}


#flow_textCaution { padding:2px 5px; font-size:10px; }


/* =================================================== */
	ul#join_bnrList li {margin:  0 1% 15px 0;}
	
#privacyPolicy {margin-top: 30px; color: #f33; }
	#privacyPolicy, #privacyPolicy p {font-size: 11px;}
	
/*============================================================

ABOUT
  
============================================================*/
#about_informationBloc {padding:30px 0; width:94%;}
#about_informationBloc , #about_informationBloc p {font-size:14px;}

#about_informationBloc p br {display:none;}

#about_boxParts  {margin-bottom:30px;}

#event_titleBox {margin-bottom:15px;}


#eventDate {font-size:24px;}
#eventName {font-size:18px;}
#eventName span {font-size:13px; padding-left:5px;}


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

ABOUT > EVENT DATA
  
============================================================*/
#event_detailBloc {margin-bottom:30px;}

dl#event_detailList  {width:100%; height:auto; 	border-bottom:	1px solid #999999;}
#event_detailList dt, #event_detailList dd {
	font-size:13px;
	color:#050505;
	vertical-align:top;
	text-align:left;
	}


dl#event_detailList dt {
	padding:15px 10px;
	line-height:100%;
	cursor:pointer;
		border-top:	1px solid #999999;
font-size:13px;
	position:relative;
	font-weight:600;
	background:#eaeaea;
	overflow:hidden;
	
	}
dl#event_detailList dd {padding:15px 0px; 	line-height:160%;font-size:12px; }

dl#event_detailList dd p {margin-bottom:5px; text-indent:-1em; padding-left:1em;}
dl#event_detailList dd p:last-child {margin-bottom:0;}

dl#event_detailList dt.open {	background:inherit;}

dl#event_detailList dt:after {
	content:"閉じる";
	position:absolute;
	right:10px;
	top:50%;
	font-size:12px;
	line-height:100%;
	height:auto;
	background:#fff;
	padding:3px 5px 2px;
	margin:auto;
	-ms-transform:  translate(0%, -50%);
	-o-transform:  translate(0%, -50%) ;
	-moz-transform:  translate(0%, -50%);
	-webkit-transform:  translate(0%, -50%);
	transform:  translate(0%, -50%) 
	}
	
	dl#event_detailList dt.open:after {		content:"詳 細"; background:#ccc;}
	
	dl#event_detailList dt, dl#event_detailList dt:after {
		-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	}
	
	
#about_capBox , #about_capBox p {font-size:14px;}
#about_capBox {width:96%;}
#about_capBox p {margin-bottom:5px;}

ul#about_cautionList {margin-top:30px;}
ul#about_cautionList li {margin-bottom:10px; font-size:12px; }
ul#about_cautionList li br {display:none;}


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

ABOUT > MESSAGE
  
============================================================*/
#radiusBox.about {padding:45px 3%; }

#radiusBox.about #contentTitle {margin-bottom:45px;}


#messageBox {width:98%; }

#messageBox, #messageBox p {font-size:14px;}
#messageBox p {margin-bottom:5px;}

#messagePic {margin-bottom:45px;}


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

ABOUT > PROFILE
  
============================================================*/
#profileBody {width:96%;  }

#profileBody #noteHeadline {margin-bottom:15px; font-size:16px;}


#profileLeft, #profileRight {	display:block; width:100%; }

#profileLeft {margin:0 auto 45px; }

#profilePic {margin-bottom:30px;}

#profileData,#profileData p {font-size:13px;}
#profileData {margin-bottom:45px;}

#prof_capBox{padding:15px 20px;}
#prof_capBox, #prof_capBox p {font-size:12px;}


dl#historyList {width:100%; margin: 0 auto; }
dl#historyList dt, dl#historyList dd {font-size:13px;}

dl#historyList dt { width:18%; margin-right:12%;}
dl#historyList dd {width:70%;}



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

RUNNER > COURSE MAP
  
============================================================*/
#coursemap_imageBloc {	margin-bottom:45px;	}

#course_rightBox {width:90%; margin:0 auto 15px;}
#course_LeftBox {width:100%; margin:0 auto;}

#c_imageSpace {padding:4%; margin-bottom:10px;}

#map_imageTitle {width:75%;}
 
#mapCap {font-size:12px;}



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

RUNNER > COURSE MAP > MAP CAPTION
  
============================================================*/
#coursemap_capSpace {margin-bottom:15px;}

ul#course_markList,ul#map_linkList { letter-spacing:-.4em;}

ul#course_markList {margin-top:5px;}
ul#course_markList:first-child {margin-top:0;}

ul#course_markList li, ul#map_linkList li {	letter-spacing:0; display:inline-block; vertical-align:top;}


ul#course_markList li {width:32.5%;margin:0 1% 1% 0;}
ul#course_markList li:nth-child(3n) {margin-right:0;}

#walkCap {font-size:11px; margin-top:5px;}
#walkCap br {display:none;}


ul#map_linkList li {width:49%; margin-right:2%;}
ul#map_linkList li:nth-child(even) {margin-right:0;}

@media print, screen and (max-width:320px){
#walkCap {font-size:10px;}

}

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

RUNNER > COURSE MAP > PICTURE
  
============================================================*/
#picture_boxParts {margin-bottom:15px; font-size:13px;}

ul#map_picList li {width:48%; margin:0 4% 4% 0;}
ul#map_picList li:nth-child(even) {margin-right:0;}

ul#map_picList li #mapCaption {font-size:12px; margin-top:5px;}

@media print, screen and (max-width:320px){
#picture_boxParts {font-size:12px;}

}


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

RUNNER > GOODS & FOOD
  
============================================================*/
ul#goods_food_picList li {width:100%; margin:0 auto 15px; display:block;}
ul#goods_food_picList li:last-child {margin-bottom:0;}


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

RUNNER >SCHEUDLE
  
============================================================*/
body#Runner .bloc_baisc:last-of-type {padding-bottom:45px;}



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

GUEST
  
============================================================*/
#contentTitle.with_mark {margin-bottom:20px;}

ul#guestList {margin-bottom:30px; padding-bottom:30px;}
/*
ul#guestList li {width:32%; margin:0 2% 15px 0;}
ul#guestList li:nth-child(3n) {margin-right:0;}*/

ul#guestList li {margin-bottom:15px;font-size:14px;}
ul#guestList li p { margin-bottom:10px;}

#guestTitle {font-size: 20px; padding: 6px 20px; margin-bottom: 15px;}

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

GALLERY
  
============================================================*/
ul#sub_menuList  {text-align:left; width:92%; margin:0 auto 45px;}

ul#sub_menuList li {
	font-size:13px;
	 width:48%;
	margin:0 4% 10px 0;
	border:none;
	}
ul#sub_menuList li:nth-child(even) {margin-right:0;}


ul#sub_menuList li a {padding:5px 0; text-align:center; display:block; border:1px solid #999; }

ul#sub_menuList li a:hover,
ul#sub_menuList.walk2018 li#subNavi01 a:hover, 
ul#sub_menuList.run2018 li#subNavi02 a:hover, 
ul#sub_menuList.run2018_02 li#subNavi03 a:hover {border-color:#f561a6; background:inherit;}
	
ul#sub_menuList.walk2018 li#subNavi01 a, 
ul#sub_menuList.run2018 li#subNavi02 a, 
ul#sub_menuList.run2018_02 li#subNavi03 a {border-color:#f5d3d0; background:#f5d3d0; color:#fff;}


ul#gallery_picList {margin-bottom:60px;}

ul#gallery_picList li {width:48%; margin:0 4% 4% 0;}
ul#gallery_picList li:nth-child(even) {margin-right:0;}




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

FAQ
  
============================================================*/
ul#faqList li {margin-bottom:45px;}

ul#faqList li table td {font-size:13px;}

ul#faqList li table td#question {	font-size: 16px;}


#markQ, #markA {font-size:24px;}


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

GALLERY PAGER ( 2018/11/9 )
  
============================================================*/
ul#galleryPager {margin-bottom:30px;}

ul#galleryPager li {font-size:14px;}
ul#galleryPager li a {padding:2px 20px;}


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

2019/01/15
  
============================================================*/
#entry_endBloc {margin:45px auto 15px;}
#entry_endBloc p {margin-bottom:10px; font-size:18px;}

#entry_Section02 #entry_endBloc {margin-top:0;}
#entry_Section02 #entry_endBloc p{font-size:18px !important;}

p#entryEnd {font-size:16px; margin-top:10px;}

#markEnd:before {font-size:12px; padding:2px 10px;}

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

2019/01/22
  
============================================================*/
#mainContents.guest .bloc_baisc   {padding-bottom:15px;}


#contentTitle span#guestMark {padding:7px 0 8px;font-size:22px;}


#guestCap {margin-top:45px; font-size:80%;}



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

2019/01/25
  
============================================================*/
#btnPdf {margin-top:30px; margin-bottom:45px;}
#btnPdf a {font-size:12px;padding:5px 20px;}

#joinHeadline p {margin-top:10px; font-size:13px; text-align:center; margin-bottom:15px;}

#lateCap  {margin-top:20px; font-size:15px;}

.two_box {margin:0 auto; width:100%;}
#flowCap.two_box {margin-bottom:30px;}

#entry_Section02   {padding-bottom:0px; }


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

2019/01/28
  
============================================================*/
#guestCap {font-size:15px;}
}