@charset "utf-8";

/* Reset
---------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

em,strong,th,address,h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
}

body {
    line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}



hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

li {
	list-style-type: none;
}
input, select {
    vertical-align:middle;
}

img {
	vertical-align: top;
}

strong,
.strong,
.strong em,
.strong strong {
	font-weight: bold;
}


/* Link Color
---------------------------------------------------------- */

a {
	text-decoration: none;
}
a:link,
a:visited {
	color: #393939;
}

a:hover,a:active {
	color: #787878;
	text-decoration: underline;
}


/* Layout
---------------------------------------------------------- */

body {
	background: #fff;
	color: #020202;
	font-size: 87.5%;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.6;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
}



#header {
}
#header .inner {
	position: relative;
	width: 1040px;
	margin: 0 auto;
}

#header .tagLine {
	padding-top: 16px;
	font-size: 85.7%;
	line-height: 1.2;
}

#header .logo {
	margin: 22px 0 27px;
}
#header .logo img {
	width: 500px;
	height: auto;
}

#header .logo2 img {
	width: 70px;
	height: auto;
}


#globalNav {
	height: 50px;
}
#globalNav ul {
	background: url(/marathon/assets/img/common/global_nav_border.png) no-repeat right 8px;
	*zoom: 1;
}
#globalNav ul:after {
	content: '';
	display: block;
	clear: both;
}
#globalNav li {
	float: left;
	line-height: 1;
	padding: 0 18px 0 16px;
	background: url(/marathon/assets/img/common/global_nav_border.png) no-repeat left 8px;
}
#gNav01,
#gNav03,
#gNav04,
#gNav05 {
	width: 139px;
}
#gNav02,
#gNav06{
	width: 140px;
}

#globalNav a {
	position: relative;
	display: block;
	padding: 8px 2px;
	border: 1px solid #fff;
	border-radius: 4px;
	text-align: center;
	transition: border-color 0.2s ease-in-out 0s;	
	behavior: url(/assets/htc/PIE.htc);
}
#globalNav a:after,
#globalNav a:before {
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#globalNav a:after {
	top: 100%;
	left: 50%;
	border-color: rgba(255, 255, 255, 0);
	border-width: 8px 6px 0 6px;
	margin-left: -6px;
}
#globalNav a:hover,
#globalNav a.cr {
	padding: 8px 2px;
	background: #ff0000;
	border: 1px solid #ff0000;
}
#globalNav a.cr:after {
	border-top-color: #ff0000;
}

#spNav {
	display: none;
}

/* contents */

#containerWrapper {
	background: #fafafa;
}
#container {
	width: 1040px;
	margin: 0 auto;
}
#contents {
	position: relative;
	top: -32px;
	margin-bottom: -32px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(204,204,204,0.75);
	behavior: url(/assets/htc/PIE.htc);
}
#home #contents {
	position: relative;
	top: -52px;
	margin-bottom: -52px;
	z-index: 10;
}

#contentsInner {
	padding: 40px 40px 64px;
	*zoom: 1;
}
#contentsInner:after {
	content: '';
	display: block;
	clear: both;
}

#main {
	float: left;
	width: 71.66666%;
}
#sub {
	float: right;
	width: 25%;
}

.breadCrumbs {
	position: relative;
	margin-bottom: 40px;
	padding: 8px;
	background: #f6f6f6;
	border-radius: 4px;
	behavior: url(/assets/htc/PIE.htc);
}
.breadCrumbs ol {
	*zoom: 1;
}
.breadCrumbs ol:after {
	content: '';
	display: block;
	clear: both;
}
.breadCrumbs li {
	float: left;
	margin-left: 8px;
	font-size: 85.7%;
	color: #666;
}
.breadCrumbs li:first-child {
	margin-left: 0;
}
.breadCrumbs li:first-child a {
	display: inline-block;
	padding-left: 19px;
	background: url(/assets/img/common/icon_home.png) no-repeat left 0.2em;
}
.breadCrumbs li:before {
	content: '＞';
	margin-right: 8px;
	color: #999;
}
.breadCrumbs li:first-child:before {
	content: '';
	margin-right: 0;
}

.localNav {
}
.localNav .title {
	margin-bottom: 32px;
	padding-left: 8px;
	font-size: 128.6%;
}
.localNav ul {
	border-bottom: 1px solid #dadada;
}
.localNav li ul {
	border: none;
}
.localNav li {
	border-top: 1px solid #dadada;
	line-height: 1.3;
}
.localNav a {
	display: block;
	padding: 23px 8px 23px 23px;
	background: url(../img/common/local_nav_arrow.png) no-repeat 8px 1.8em;
	background-size: auto 13px;
}
/* for IE8 */
html>/**/body .localNav a {
	background /***/: url(../img/common/local_nav_arrow_ie8.png) no-repeat 8px 1.8em\9;
}
.localNav li li a {
	padding: 11px 8px 11px 40px;
	background: url(../img/common/local_nav_arrow.png) no-repeat 24px 0.95em;
	background-size: auto 13px;
}
/* for IE8 */
html>/**/body .localNav li li a {
	background /***/: url(../img/common/local_nav_arrow_ie8.png) no-repeat 24px 0.95em\9;
}
.localNav a:hover,
.localNav a.cr {
	background-color: #4f86c5;
	background-position: -242px 1.8em;
	color: #fff;
}
.localNav li li a:hover,
.localNav li li a.cr {
	background-position: -226px 0.95em;
}

#pageTop {
	padding: 10px 0;
	background: url(/marathon/assets/img/common/run.png) no-repeat center bottom;
	*zoom: 1;
}

#pageTop:after {
	content: '';
	display: block;
	clear: both;
}
#pageTop p {
	float: right;
	font-size: 85.7%;
	line-height: 1;
}
#pageTop a {
	position: relative;
	display: block;
	padding: 18px 23px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 1px 2px rgba(204,204,204,0.75);
	behavior: url(/assets/htc/PIE.htc);
}
#pageTop a img {
	display: block;
	width: 34px;
	height: auto;
	margin: 0 auto 10px;
}



/* footer */

#footer {
}
#footer .inner {
	width: 1040px;
	margin: 0 auto;
}
#footer .upper {
	border-top: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	background: #ff0000;
}
#footer .nav {
	padding: 20px 0;
	text-align: center;
}
#footer .nav li {
	display: inline-block;
	padding: 0 16px;
	border-left: 1px solid #ccc;
	line-height: 1.2;
	font-size: 85.7%;
}
#footer .nav li:first-child {
	border: none;
}
#footer .nav a {
	color: #ffffff;
}


#footer .lower .inner {
	padding: 34px 0 40px;
}

#footer .col01 {
	float: left;
}
#footer .logo {
	margin-bottom: 11px;
}
#footer .logo img {
	width: 300px;
	height: auto;
}
#footer .text {
	font-size: 85.7%;
}

#footer .col02 {
	float: right;
	width: 250px;
	padding-top: 40px;
	text-align: right;
}
#footer .col02 p {
	display: inline-block;
}
#footer .col02 p:first-child {
	padding: 3px 16px;
	background: #f6f6f6;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	font-size: 85.7%;
	line-height: 1;
}

#footer .copyright {
	clear: both;
	padding-top: 40px;
	text-align: center;
	font-size: 85.7%;
}



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

#header .inner {
	width: 100%;
}
#globalNav li {
	padding: 0 0.38461% 0 0.48076%;
}
#gNav01,
#gNav03,
#gNav04,
#gNav05 {
	width: 15.82032%;
}
#gNav02,
#gNav06,
#gNav07 {
	width: 15.42032%;
}

#container {
	width: 100%;
}
#contents {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}


#pageTop {
	background-size: 450px auto;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}

#footer .inner {
	width: 100%;
}

}

@media screen and (max-width: 960px) {
#gNav01 {
	width: 12.09615%;
}
#gNav02 {
	width: 16.98076%;
}
#gNav03 {
	width: 15.38461%;
}
#gNav04 {
	width: 16.73076%;
}
#gNav05 {
	width: 16.73076%;
}
#gNav06 {
	width: 16.48076%;
}
#gNav07 {
	width: 16.4423%;
}


}

@media screen and (max-width: 800px) {
#header .tagLine {
	font-size: 71.4%;
}
#gNav01 {
	width: 7.56013%;
}
#gNav02 {
	width: 21.47766%;
}
#gNav03 {
	width: 17.0103%;
}
#gNav04 {
	width: 14.30927%;
}
#gNav05 {
	width: 19.4158%;
}
#gNav06 {
	width: 14.64742%;
}
#gNav07 {
	width: 9.79381%;
}
}

@media screen and (max-width: 720px) {
#header .tagLine span {
	display: none;
}
#header .reservation {
	width: 240px;
}


#footer .text {
	font-size: 71.4%;
}
}

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

#header .inner {
	*zoom: 1;
}
#header .inner:after {
	content: '';
	display: block;
	clear: both;
}
#header .tagLine {
	padding-left: 8px;
	font-size: 64.3%;
}
#header .logo {
	float: left;
	padding-left: 8px;
}
#header .logo img {
	width: 235px;
	height: auto;
}

#header .logo2 img {
	width: 40px;
	margin-left:5px;
	height: auto;
}

#header .tagLine span {
	display: none;
}
#header .reservation {
	display: none;
}
#globalNav {
	display: none;
}

#spNav {
	position: relative;
	display: block;
	padding-top: 19px;
}
#spNav .btn {
	width: 48px;
	float: right;
	margin-right: 8px;
}
#spNav .btn img {
	width: 100%;
	height: auto;
}
#spNav ul {
	display: none;
	position: absolute;
	top: 75px;
	width: 100%;
	z-index: 20;
	box-shadow: 0 5px 10px #666;
}
#spNav li {
	border-top: 1px solid #ddd;
	line-height: 1.3;
	font-weight: bold;
}
#spNav a {
	display: block;
	padding: 18px 8px 18px 20px;
	/*background: rgba(0,0,0,0.95);*/
	background: #eeeeee;
	/*background: url(../img/common/local_nav_arrow.png) no-repeat 8px 1.8em;*/
	background-size: auto 13px;
	color: #202020;
}
#spNav a:hover,
#spNav a.cr {
	background-color: #ff0000;
	background: #ff0000;
	background-position: -242px 1.8em;
	color: #fff;
}

#contents,
#home #contents {
	top: 0;
	width: 100%;
	margin-bottom: 0;
	border-radius: 0;
}
#contentsInner {
	padding: 20px 10px 40px;
}

#main {
	float: none;
	width: auto;
}
#sub {
	float: none;
	width: auto;
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid #e3e3e3;
}

#pageTop {
	padding: 32px 0 64px;
	background-size: 310px auto;
	background-position: center bottom;
}
#pageTop p {
	float: none;
	text-align: center;
}
#pageTop a {
	padding: 8px 0;
}


#footer .upper {
	display: none;
}

#footer .col01,
#footer .col02 {
	float: none;
	width: auto;
}
#footer .logo {
	margin-bottom: 11px;
	text-align: center;
}
#footer .logo img {
	width: 200px;
	height: auto;
}
#footer .text {
	font-size: 64.3%;
	text-align: center;
}
#footer .col02 {
	text-align: center;
}
#footer .col02 p {
	font-size: 85.7%;
}
#footer .copyright {
	font-size: 71.4%;
}

}








/*----------マラソンリストテスト ----------*/



#item-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background:#fff;
  padding:20px 10px 0 10px;
  margin-bottom:20px;
}

#item-list ul{
  margin-left:-20px;/*]１カラムのpadding分マイナスマージン*/
  overflow:hidden;
  background-color:transparent;
  margin:0;
  padding:0;

}

#item-list ul li {
  list-style-type:none;
  float:left; /*floatで横並びに*/
  padding-left:0px;/*カラム間のガター*/
  margin-bottom:20px;
  text-align:center;
}

#item-list ul li dt { border-bottom: 1px dotted #333333; }

#item-list ul li dd {
  margin-left: 0;
  margin-top:8px;
}

ul.cols-1 li {width: 33%;}
ul.cols-2 li {width: 33%;}
ul.cols-3 li {width: 33%;}
ul.cols-4 li {width: 33%;}
ul.cols-5 li {width: 33%;}
ul.cols-6 li {width: 33%;}

.box{ /*カラムの内側*/
  padding: 1%;
  margin: .4em 1%;
  text-align: center;
  background-color: #f3f3f3;
  border: 2px solid  #333333;
  border-radius: 3px;
  box-sizing: border-box;
}



@media only screen and (max-width: 767px) {
  ul.cols-4 li,ul.cols-5 li,ul.cols-6 li,ul.cols-7 li,ul.cols-8 li{
      width: 33%;/*４列以上は３列に*/
  }
  ul.cols-3 li{
      width:50%;/*３列は２列に*/
  } 
}

@media only screen and (max-width: 479px) {
  ul[class*='cols-'] > li{
      width: 100%;/*すべてを１列に*/
  }
}