@charset "UTF-8";
/* CSS Document */


/* ================= font ====================== */

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);

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


body{
	width:100%;
	height:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#000;
	font-size:12px;
	line-height:1.6;
	font-family: Helvetica,Arial,'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	background:FFF;
	-webkit-font-smoothing:subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
}
.ie8 body{min-width:1000px;}






header{
	background:url(../images/header_bk.jpg) center center no-repeat;
	background-size:cover;
	color: #FFF;
	padding:90px 0 120px;
}
header h1{
	width:445px;
	margin:70px auto 0;
	padding-bottom:40px;
}
header h2.logo{
	width:180px;
	margin:0 auto;
}
header p{
	width:85%;
	max-width:980px;
	margin:1.5em auto 0;
	font-size:1.3em;
	text-align:left;
	line-height:1.7;
}

.marathon{
	width:100%;
}
.marathon .inner{
	width:85%;
	max-width:980px;
	margin:0 auto;
}
.marathon .about{
	width:100%;
	background:#000;
	color:#FFF;
	padding:70px 0 70px;
}
.marathon .about h2{
	width:100%;
	max-width:980px;
	margin:0 auto 60px;
}

.marathon .about h3{
	font-family:'Helvetica','Helvetica Neue', 'Roboto', sans-serif;
	font-weight:700;
	font-size:3.0em;
	line-height:1.1;
}
.marathon .about h4{
	font-size:1.2em;
	text-align:center;
	padding:0.4em 0 1em;
}
.marathon .about p{
	font-size:1.3em;
	padding-top:1em;
	line-height:2.0;
}

.marathon .heritage{
	width:100%;
	padding:70px 0 110px;
	background:url(../images/heritage_bk.jpg) center center no-repeat;
	background-size:cover;
}
.marathon .geopark{
	width:100%;
	padding:70px 0 110px;
	background:url(../images/geopark_bk.jpg) center center no-repeat;
	background-size:cover;
}

.marathon .heritage h2,
.marathon .geopark h2{
	background:rgba(0,0,0,0.7);
	color:#FFF;
	font-size:2.0em;
	font-weight:bold;
	line-height:1;
	width:13em;
	margin:0 auto 50px;
	padding:1em 0;
	border:2px solid #FFF;
	box-sizing:border-box;
}


.marathon .inofBox{
	background:rgba(255,255,255,0.85);
	width:100%;
	box-sizing:border-box;
	padding:45px;
	font-size:1.2em;
	text-align:left;
	overflow:hidden;
}
.marathon .inofBox h3{
	width:100%;
	font-weight:bold;
	font-size:1.7em;
	padding-bottom:0.3em;
}
.marathon .inofBox h3 br{
	display:none;
}

.marathon .inofBox ul{
	width:105%;
	font-size:0;
	text-align:center;
	margin-top:25px;
}
.marathon .inofBox li{
	width:20%;
	margin-right:5%;
	display:inline-block;
	font-size:12px;
	vertical-align:top;
}
.marathon .inofBox li h4{
	font-size:1.1em;
	line-height:1.4;
	padding-top:0.6em;
}
.marathon .geopark .inofBox ul{width:112%;}
.marathon .geopark .inofBox li{margin-right:12%;}

.marathon .inofBox li a{
	position:relative;
	display:block;
}
.marathon .inofBox li a:after{
	content:"";
	width:100%;
	display:block;
	border:0px solid #FFF;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1000;
	box-sizing:border-box;
}

.marathon .inofBox li a:hover:after{
	border:3px solid #FFF;
}



.mycup{
	width:100%;
	background:#000;
	color:#FFF;
	padding:70px 0 60px;
}
.mycup h2{
	font-family:'Helvetica','Helvetica Neue', 'Roboto', sans-serif;
	font-weight:700;
	font-size:2.8em;
	line-height:1.1;
}
.mycup h3{
	font-size:1.2em;
	text-align:center;
	padding:0.4em 0 1em;
}

.mycup p{
	font-size:1.3em;
	padding-top:1em;
	line-height:1.9;
}
.mycup p.icon{
	padding-bottom:1em;
	width:100px;
	margin:0 auto;
}







.itemGuide{
	width:85%;
	margin:0 auto;
	max-width:980px;
	overflow:hidden;
}

.itemAbout{
	width:100%;
	padding:70px 0 40px;
}

.itemAbout h2{
	font-family:'Helvetica','Helvetica Neue', 'Roboto', sans-serif;
	font-weight:700;
	font-size:3.6em;
	line-height:1.1;
}
.itemAbout h3{
	font-size:1.4em;
	text-align:center;
	padding:0.2em 0 1em;
}
.itemAbout p{
	font-size:1.3em;
	padding-top:1em;
	line-height:1.7;
	text-align:left;
}



.coordinate{
	width:100%;
	max-width:980px;
	margin:0 auto;
	overflow:hidden;
}
.coordinate ul{
	width:100%;
	text-align:left;
}
.coordinate ul li{
	width:100%;
}


.coordinate .setImage{
	width:50%;
	float:left;
}
.coordinate .posiOpp .setImage{
	float:right;
}

.coordinate .coordItem{
	font-family:'Helvetica','Helvetica Neue', 'Roboto', sans-serif;
	width:50%;
	padding:30px 1% 0 4%;
	box-sizing:border-box;
	float:right;
}
.coordinate .coordItem .setnum{
	width:100%;
	max-width:150px;
	margin-bottom:30px;
}
.coordinate .posiOpp .coordItem{
	float:left;
}

.coordinate .coordItem p{

}
.coordinate .coordItem p a{
	display:inline-block;
	padding-left:1.2em;
	text-indent:-1.2em;
	line-height:1.3;
	font-size:1.1em;
	margin:0;
	color:#000;
	-webkit-transition:color 0.25s;
	   -moz-transition:color 0.25s;
	        transition:color 0.25s;
}

.coordinate .coordItem p a:hover{
	color:#e82d20;
}
.coordinate .c3fit{
	margin-top:0.8em;
	text-align:left;
}









.itemGuide ul.category{
	width:103%;
	text-align:left;
	font-size:0;
	margin-top:70px;
}
.itemGuide ul.category li{
	width:30.333333%;
	margin-right:3%;
	margin-bottom:40px;
	display:inline-block;
	font-size:12px;
	vertical-align:top;
}
.itemGuide ul.category li h3{
	background:#000;
	color:#FFF;
	font-family:'Helvetica','Helvetica Neue', 'Roboto', sans-serif;
	font-weight:700;
	font-size:1.6em;
	line-height:1.1;
	text-align:center;
	padding:0.15em 0;
}
.itemGuide ul.category li p{
	font-size:1.1em;
	line-height:1.5;
}
.itemGuide ul.category li .categoryImg{
	width:80%;
	max-width:140px;
	margin:15px auto;
}
.itemGuide h4{
	font-family:'Helvetica','Helvetica Neue', 'Roboto', sans-serif;
	font-weight:700;
	font-size:2.3em;
	line-height:1.1;
	border-top:1px dotted #333;
	text-align:left;
	padding:0.4em 0 1.5em;
	margin-top:50px;
}


ul.itemListBox{
	width:103%;
	font-size:0;
	text-align:left;
}
ul.itemListBox li{
	width:17%;
	margin-right:3%;
	margin-bottom:50px;
	display:inline-block;
	font-size:12px;
	text-align:center;
	vertical-align:top;
}
ul.itemListBox li h3{
	font-family:'Helvetica','Helvetica Neue', 'Roboto', sans-serif;
	font-weight:500;
	font-size:1.1em;
	line-height:1.2;
	height:2.6em;
	margin-top:1.0em;
}
ul.itemListBox li .spec{
	font-family:'Helvetica','Helvetica Neue', 'Roboto', sans-serif;
	font-weight:500;
	line-height:1.3;
}
ul.itemListBox li .buy{
	margin-top:6px;
}
ul.itemListBox li .buy a{
	width:100%;
	font-family:'Helvetica','Helvetica Neue', 'Roboto', sans-serif;
	font-weight:500;
	display:block;
	font-size:1.2em;
	line-height:1.0;
	padding:0.3em 0;
	background:#e82d20;
	color:#FFF;
	-webkit-transition:background-color 0.25s;
	   -moz-transition:background-color 0.25s;
	        transition:background-color 0.25s;
}
ul.itemListBox li .buy a:hover{
	background:#000;
}




.runClub{
	width:85%;
	max-width:980px;
	margin:60px auto 0;
}
.runClub h2{
	width:100%;
	border-bottom:3px solid #000;
	border-top:3px solid #000;
	font-family:'Helvetica','Helvetica Neue', 'Roboto', sans-serif;
	font-weight:700;
	font-size:3.5em;
	padding:0.5em 0;
	line-height:1.1;
}
.runClub h3{
	font-size:1.6em;
	padding:2em 0 1em;
}
.runClub p{
	font-size:1.2em;
	text-align:left;
}
.runClub .link{
	text-align:center;
	margin-top:30px;
}
.runClub .link a{
	width:100%;
	background:#000;
	display:block;
	color:#FFF;
	font-size:1.6em;
	font-weight:bold;
	padding:1em 0;
	line-height:1;
	-webkit-transition:background-color 0.25s;
	   -moz-transition:background-color 0.25s;
	        transition:background-color 0.25s;
}
.runClub .link a:hover{
	background:#e82d20;
}





.utmf{
	width:100%;
	background:url(../images/utmf_bk.jpg) center center no-repeat;
	background-size:cover;
	margin-top:100px;
	color:#FFF;
}
.utmf .inner{
	width:85%;
	max-width:980px;
	margin:0 auto;
	padding:130px 0 80px;
}
.utmf h2{
	font-weight:bold;
	font-size:2.8em;
	padding-bottom:0.8em;
}
.utmf p{
	font-size:1.3em;
	line-height:1.9;
}
.utmf .logo{
	width:200px;
	margin:30px auto;
}

.utmf .link{}

.utmf .link a{
	display:inline-block;
	padding:0.8em 4em;
	line-height:1;
	border:2px solid #FFF;
	color:#FFF;
	font-size:1.4em;
	font-weight:bold;
	-webkit-transition:background-color 0.25s;
	   -moz-transition:background-color 0.25s;
	        transition:background-color 0.25s;
}
.utmf .link a:hover{
	background:#e82d20;
}




footer{
	background:#000;
	color:#FFF;
}

.copyright{
	font-family:'Roboto', sans-serif;
	font-weight:300;
	padding:60px 0 30px 0;
	font-size:0.9em;
}
.copyright br{ display:none;}







@media screen and (max-width: 768px) {



header{padding:90px 0 70px;}
header h1{width:54%;margin-top:8%;padding-bottom:4%;}
header h2.logo{width:22%;}


.marathon .about{padding:50px 0;}
.marathon .about h2{margin-bottom:6%;}
.marathon .about p{text-align:left;line-height:1.7;padding-top:0.8em;}
.marathon .about p br{display:none;}

.marathon .heritage,.marathon .geopark{padding:50px 0;}
.marathon .heritage h2,.marathon .geopark h2{font-size:1.8em;margin-bottom:40px;}
.marathon .inofBox{padding:35px;}
.marathon .inofBox h3{font-size:1.6em;}
.marathon .inofBox ul{width:103%;}
.marathon .inofBox li{width:22%;margin-right:3%;}
.marathon .inofBox li h4{font-size:1.0em;}
.marathon .geopark .inofBox ul{width:108%;}
.marathon .geopark .inofBox li{margin-right:8%;}

.mycup{padding:60px 0;}
.mycup p{text-align:left; width:85%;margin:0 auto;line-height:1.7;}
.mycup p br{display:none;}

.itemGuide ul.category li h3{font-size:1.4em;padding:0.3em 0;}

.itemAbout{padding:60px 0 40px;}
.itemAbout h2{font-size:3.5em;}
.itemAbout h3{font-size:1.3em;}




.coordinate .coordItem{padding:20px 2% 0 3%;}
.coordinate .coordItem .setnum{margin-bottom:15px;}




.itemGuide h4{margin-top:20px;}
ul.itemListBox li{width:22%;margin-right:3%;}

.runClub h2{font-size:2.8em;}

.utmf{margin-top:70px;}
.utmf .inner{padding:100px 0 40px;}
.utmf p{line-height:1.7;text-align:left;}
.utmf p br{display:none;}
.utmf .logo{width:25%;margin:35px auto 45px;}
.utmf .link{margin:0 auto;text-align:center;}

.copyright{padding:30px 0 30px 0;}

}

@media screen and (max-width: 750px) {
.coordinate{width:85%;}
.coordinate ul li{margin-bottom:30px;}
.coordinate ul li:nth-child(3){margin-bottom:10px;}
.coordinate .setImage{width:100%;float:none;}
.coordinate .coordItem{width:100%;padding:30px 0 0 0;float:none;border-bottom:1px solid #CCC;}
.coordinate .coordItem p{border-top:1px solid #CCC;}
.coordinate .coordItem p a{display:block;padding:0.5em 1em 0.5em 1.5em;text-indent:-1.2em;}
.coordinate .coordItem .setnum{margin:0 auto 20px;border:none !important;}

.coordinate .c3fit{
	text-align:left;
	width:100%;
	margin:0 auto 20px;
	padding:0;
}


.itemGuide ul.category{margin-top:30px;}
}

@media screen and (max-width: 540px) {
	
header{
	background:url(../images/header_bk_sp.jpg) left center no-repeat;
	background-size:cover;
	padding:70px 0 60px;
}

header h1{width:70%;}
header h2.logo{width:30%;}
header p{font-size:1.2em;}

.marathon .about{padding:35px 0;}
.marathon .about h2{margin-bottom:8%;}
.marathon .about h3{font-size:2.3em;}
.marathon .about h4{font-size:1.1em;}
.marathon .about p{font-size:1.2em;}

.marathon .heritage h2,.marathon .geopark h2{padding:0.8em 0;font-size:1.6em;margin-bottom:30px;}
.marathon .inofBox{padding:20px;font-size:1.15em;}

.marathon .inofBox h3{font-size:1.5em; text-align:center;line-height:1.5;}
.marathon .inofBox h3 br{display:block;}
.marathon .inofBox ul{width:105%;margin-top:5px;}
.marathon .inofBox li{width:45%;margin-right:5%;margin-top:5%;}

.marathon .geopark .inofBox ul{width:105%;margin-top:5px;}
.marathon .geopark .inofBox li{width:45%;margin-right:5%;margin-top:5%;}


.mycup{padding:50px 0;}
.mycup h2{font-size:2.3em;}
.mycup h3{font-size:1.1em;}
.mycup p.icon{width:23%;}
.mycup p{font-size:1.2em;}

.itemAbout{padding:50px 0 30px;}
.itemAbout h2{font-size:2.8em;}
.itemAbout h3{font-size:1.2em;}
.itemAbout p{font-size:1.2em;}
.itemGuide ul.category{width:105%;}
.itemGuide ul.category li{width:45%;margin-right:5%;}


.itemGuide h4{text-align:center;font-size:2.1em;}
ul.itemListBox{width:105%;}
ul.itemListBox li{width:45%;margin-right:5%;}


.runClub{margin:40px auto 0;}
.runClub h2{font-size:2.0em;}
.runClub h3{font-size:1.4em;}
.runClub .link a{font-size:1.4em;padding:1.3em 0;}


.utmf{margin-top:50px;}

.utmf .inner{padding:60px 0 20px;}
.utmf h2{font-size:2.2em;}
.utmf p{font-size:1.2em;}
.utmf .logo{width:38%;}
.utmf .link a{
	padding:1.0em 0;
	width:100%;
	display:block;
	font-size:1.3em;
}

.copyright br{ display:block;}

}


@media screen and (max-width: 430px) {
.coordinate{width:100%;}
.coordinate .coordItem p a{display:block;padding:0.5em 1em 0.5em 2.5em;text-indent:-1.2em;}
.coordinate .coordItem .setnum{max-width:120px;}

.coordinate .c3fit{
	width:90%;
	text-align:center;
}


}



@media screen and (max-width: 360px) {
}



ul:after,
li:after,
dl:after,
dd:after,
.clear:after,
section:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}