@charset "utf-8";

/*----------------------------------------------------*/ 
/* #element reset
/* #link
/* #text
/* #header
/* #contents
/* #topicpath
/* #pagetop
/* #footer
------------------------------------------------------*/ 



/*----------------------------------------------------*/ 
/* element 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a, input {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}
body { line-height:1; position:relative; min-width:1020px; }
@media only screen and (max-width: 767px) {
body { min-width:auto; overflow-x: hidden; }
}
html, body { width:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul, ol, dl { list-style:none; }
del { text-decoration: line-through; }
table {	border-collapse:collapse;	border-spacing:0;	empty-cells:show;	font-size:inherit;	font:100%;}
th,td,img {	border:0;}
caption, th {	text-align:left;}
img,a img{	background:transparent; vertical-align:top;}
address {	font-style:normal;}
hr { display:none;}
input, select { vertical-align:middle; }
input[type=text],input[type=submit]{
	-webkit-appearance:none;
}


/*----------------------------------------------------*/ 
/* link
-----------------------------------------------------*/ 

a:link {	color:#333; text-decoration:none;}
a:visited {	color:#333;	text-decoration:none;}
a:hover {	color:#333;	text-decoration:underline;}
a:active {	color:#333;	text-decoration:none;}

#contents a {	color:#333;	text-decoration:none;}
#contents a:hover {	color:#333;	text-decoration:underline;}

/*----------------------------------------------------*/ 
/* text
------------------------------------------------------*/ 

body {
	background:#F0F0F0;
	color:#4C4C4C;
	font: 14px 'I-OTF-UDゴ本文Pro R','IwaUDGoHonPro-Th','メイリオ', 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
}

p,dt,dd,li,th,td,address {
	line-height:1.3;
}

p,dt,dd,li,th,td,input,textarea,address {
	font-size:100%;
}

img {
	vertical-align:bottom;
}

/*----------------------------------------------------*/ 
/* #header
------------------------------------------------------*/ 

#overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
	z-index:10;
	background:rgba(0,0,0,0.6);
	cursor:pointer;
	display:none;
}



/* #head */

#header.pc {
	margin:0 auto;
	position:relative;
	z-index:20;
	background:#FFF;
	font-family: "I-OTF-UDゴ表示Pro M";
}

#header.pc #logoline {
	margin:0 auto;
	overflow:hidden;
	padding:23px 25px 17px 25px;
	position:relative;
	width:1020px;
	box-sizing:border-box;
}

#header.pc #logoline .fontControl {
	position:absolute;
	top:42px;
	right:240px;
	letter-spacing:-.4em;
}

#header.pc #logoline .fontControl dt,
#header.pc #logoline .fontControl dd {
	letter-spacing:normal;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}

#header.pc #logoline .fontControl dt {
	font-size:72%;
	color:#7f7f7f;
}

#header.pc #logoline .fontControl dd {
	font-size:86%;
}

#header.pc #logoline .fontControl dd a {
	display:block;
	background:#bfbfbf;
	color:#FFF;
	padding:1px 4px 2px;
}

#header.pc #logoline .fontControl dd a.textresizer-active {
	background:#426bc4;
}

#header.pc .title {
	position:absolute;
	right:25px;
	top:10px;
	overflow:hidden;
	font-size:115%;
	color:#7F7F7f;
}

#header.pc .search {
	position:absolute;
	right:25px;
	top:40px;
	overflow:hidden;
}

#header.pc .search {
	padding:0 0 0 20px;
}

#header #cse-search-box .l-search__text {
	border: 1px solid #DDD !important;
	padding: 4px !important;
	width: 165px;
	vertical-align:top;
	box-sizing: border-box;
}

#header #cse-search-box .l-search__btn {
	width:18px;
	height:20px;
	background:url(/lib/image/cmn/header_search.png) no-repeat center center;
	border:none;
	margin-left: 5px;
	padding: 0;
	vertical-align:middle;
	cursor: pointer;
	text-indent: -9999px;
}

#header.pc .search input[type="text"] {
	border:1px solid #DDD;
	padding:2px;
	width:165px;
	box-sizing:border-box;s
}

#header.pc .search input[type="submit"] {
	width:28px;
	height:28px;
	background:url(/lib/image/cmn/header_search.png) no-repeat center center;
	cursor:pointer;
	margin-left:5px;
}

#header .menu-sp {
	display:none;
}

/* #gnavi */

#header.pc #gnavi {
	background:#587dc4;
}

#header.pc #gnavi > ul {
	width:1020px;
	margin:0 auto;
	display:table;
}

#header.pc #gnavi > ul > li {
	display:table-cell;
	position:relative;
}

#header.pc #gnavi > ul > li > a {
	color:#FFF;
	display:block;
	padding:1em 20px ;
	text-align:center;
}

#header.pc #gnavi > ul > li:hover > a,
#header.pc #gnavi > ul > li.current > a {
	background:#355eb3;
	text-decoration:none;
}

#header.pc #gnavi > ul li > div {
	position:absolute;
	top:3.5em;
	left:0;
	background:#587dc4;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
	z-index:10;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	white-space:nowrap;
	width:182px;
}

#header.pc #gnavi > ul li#gnTruckMail > div {
	width:255px;
}

#header.pc #gnavi > ul li:hover > div {
	visibility:visible;
	opacity:1;
}

#header.pc #gnavi > ul li:hover > div ul {
	margin-bottom:0;
}

#header.pc #gnavi > ul li > div a {
	display:block;
	color:#FFF;
	padding:5px 10px 5px 10px;
	text-align:center;
}

#header.pc #gnavi > ul li > div a:hover {
	background:#0B45B6;
	color:#FFF;
	text-decoration:none;
}

@media only screen and (max-width: 767px) {
#header .menu-sp {
	display:block;
	width:24px;
	height:22px;
	background:url(/lib/image/cmn/icon_menu-sp.png) no-repeat;
	position:absolute;
	top:20px;
	right:28px;
	cursor:pointer;
}

#header .search_btn-sp {
	width:20px;
	height:23px;
	background:url(/lib/image/cmn/header_search-sp.png) no-repeat center center;
	cursor:pointer;
	position:absolute;
	top:20px;
	right:65px;
}

#header.sp {
	position:relative;
}


#header.sp #logoline {
	position:relative;
	background:#FFF;
	z-index:20;
}

#header.sp #logoline .logo {
	padding:12px 0 12px 20px;
	border-bottom:solid 2px #F2F2F2;
}

#header.sp #logoline .logo.noline {
	border-bottom:none;
	padding-bottom:14px;
}

#header.sp #logoline .logo img {
	width:216px;
	height:auto;
}

#header.sp #logoline .title {
	background:#426bba;
	font-size:100%;
	text-align:center;
	color:#FFF;
	padding:10px 0;
}

#header.sp #logoline > .search {
	display:none;
}

#header.sp #logoline > .search {
	background:#F0F0F0;
	padding:20px;
}

#header.sp #cse-search-box .l-search__text {
	border:solid 2px #DDDDDD !important;
	padding:10px !important;
}

#header.sp #cse-search-box .l-search__btn {
	padding:  10px 0 0 0;
}

#header.sp #logoline > .search input[type="text"] {
	width: calc( 100% - 30px );
	box-sizing:border-box;
	border:solid 2px #DDDDDD;
	padding:10px;
	background:#FFF;
	border-radius:3px;
}

#header.sp #logoline > .search input[type="submit"] {
}

#header.sp #logoline .fontControl {
	display:none;
}

#header.sp #gnavi {
	width:100%;
	background:#FFF;
	display:none;
	z-index:20;
	position:absolute;
	right:0;
}

#header.sp #gnavi > ul {
margin-bottom:0;
	background:#426bba;
}

#header.sp #gnavi > ul > li {
	display:block;
	border-bottom:solid 1px #697fba;
}

#header.sp #gnavi > ul > li > a {
	display:block;
	padding:15px 20px;
	position:relative;
	color:#FFF;
	text-align:center;
}

#header.sp #gnavi > ul > li.lang > a,
#header.sp #gnavi > ul > li.inquiry > a {
	background:#DADADA;
}

#header.sp #gnavi > ul > li > a.gnavi_parent:after {
	content:"";
	width:22px;
	height:22px;
	background:url(/track/lib/image/cmn/icon_acc-plus.png) no-repeat;
	position:absolute;
	right:28px;
	top:50%;
	margin-top:-11px;
}

#header.sp #gnavi > ul > li > a.gnavi_parent.close:after {
	background-image:url(/track/lib/image/cmn/icon_acc-minus.png);
}

#header.sp #gnavi > ul > li > div {
	background:#21429b;
	font-size:12px;
	display:none;
}

#header.sp #gnavi > ul > li > div ul {
	margin-bottom:0;
}

#header.sp #gnavi > ul > li > div li {
	border-top:solid 1px #697fba;
}

#header.sp #gnavi > ul > li > div li a {
	display:block;
	padding:10px 5px 10px 20px;
	color:#FFF;
	text-align:center;
	font-size:14px;
}


}


/*----------------------------------------------------*/ 
/* #vi
------------------------------------------------------*/ 
#vi {
	text-align:center;
	width:100%;
}

@media only screen and (max-width: 1280px) {
	#vi img {		width:100%;	}
}


@media only screen and (max-width: 767px) {
	#vi img {		width:100%;	}
}


/*----------------------------------------------------*/ 
/* #contents / boxsys
------------------------------------------------------*/ 


#container {
	padding:30px 0;
	margin:0 auto;
	width:1020px;
	position: relative;
}

#container:after {
 content: "";
 clear: both;
 display: block;
}

#contents {
	margin:0 auto;
	box-sizing:border-box;
	width:770px;
	padding:20px 50px 30px 40px;
	background:#FFF;
	position:relative;
}

#side {
	margin:0 auto;
	box-sizing:border-box;
	background:#FFF;
}

.top #contents {	width:700px;	float:left; padding:0;}
.top #side {	width:280px;	float:right;}

.aboutTop #contents {	width:1020px; padding:0; }

.athleteTop #contents {	width:1020px; padding:0; background:none;}
.athlete #contents {		padding:20px 40px; }

.resultTop #contents {	width:810px;	float:left; padding:0; background:none;}
.resultTop #side {	width:170px;	float:right;	padding: 10px 0;}

.result #contents {	width:770px;	float:left; padding:25px 40px; background:#FFF; }
.result #side {	width:220px;	float:right;}



.mail #contents {	width:770px;	padding:25px 40px;}



@media only screen and (max-width: 767px) {
#container {
	width:100%;
	padding:10px 10px;
	margin:0 auto;
	box-sizing:border-box;
}

#contents,
.top #contents,
.aboutTop #contents,
.athleteTop #contents, 
.athlete #contents, 
.result #contents, 
.resultTop #contents, 
.top #contents, 
.top #contents {
	width:100%;
	padding:10px 25px ;
	box-sizing:border-box;
	float:none;
}

.result #contents { padding:10px;}
.resultTop #contents { padding:0;}

.mail #contents {	width:100%;	padding:10px 10px 30px;}

.athleteTop #contents {	width:100%;	padding:0;}


#side,
.top #side,
.result #side {
	width:100%;
	padding:10px 25px ;
	float:none;
}


.resultTop #side,
.result #side {	width:100%;	float:none; padding:10px;}

}


/*----------------------------------------------------*/ 
/* #topicpath
------------------------------------------------------*/ 

#container .topicpath {
	font-size:79%;
	width:1020px;
	margin:-20px auto 20px;
	color:#999999;
}

#container .topicpath p { padding-bottom:0;}
#container .topicpath a { color:#999999; text-decoration:underline; }


@media only screen and (max-width: 767px) {
#container .topicpath {
	display:none;
}
}

/*----------------------------------------------------*/ 
/* #pagetop
------------------------------------------------------*/ 
#pageTop {
	position: fixed;
	left: 50%;
	bottom: 0;
	z-index:1;
	display:none;
	margin-left: 500px;
}

#pageTop.btm {
	position: absolute;
}

@media only screen and (max-width: 767px) {
	#pageTop {display: none !important;}
}


/*----------------------------------------------------*/ 
/* #footer
------------------------------------------------------*/ 

#footer {
	background:#F0F0F0;
}

/* .company */

#footer .company {
	width:1020px;
	margin:0 auto;
	display:table;
	margin-bottom:15px;
}

#footer .company dt {
	display:table-cell;
	line-height:1;
}

#footer .company dt span {
	display:inline-block;
	padding:0 0 0 2em;
}

#footer .company dd {
	display:table-cell;
	vertical-align:bottom;
	font-size:86%;
}

#footer .company dd .text_logo {
	display:block;
	padding:0 1em .5em;
}

#footer .company dd a {
	padding:0 1em;
	white-space:nowrap;
}

#footer .company dd a.link_win {
	padding-right: 15px;
	background: url(/track/lib/image/cmn/icon_win-12px.png) no-repeat right .25em;
}

@media only screen and (max-width: 767px) {
#footer .company {
	width:100%;
	display:block;
	padding:0 10px;
	box-sizing:border-box;
}

#footer .company dt {
	display:block;
	margin-bottom:10px;
}

#footer .company dt span {
	display:inline-block;
	padding:0 0 0 2em;
}

#footer .company dd {
	display:block;
	line-height:2;
}

#footer .company dd .text_logo {
	display:block;
	padding:0 .5em .5em;
}

#footer .company dd a {
	padding:0 .5em;
}

}

/* .sitemap */

#footer .sitemap {
	background:#F7F7F7;
	border-top:1px solid #ededed;
}

#footer .sitemap_box {
	width:1020px;
	margin:0 auto;
	padding:25px 0 0 0;
	overflow:hidden;
	}

#footer .sitemap_box dl {
	float:left;
	width:210px;
	margin:0 60px 40px 0;
	box-sizing:border-box;
}

#footer .sitemap_box dl.sitemap_dl-noMargin {	margin-right:0;}

#footer .sitemap_box dt.sitemap_dt-medical { margin-bottom:120px;}

#footer .sitemap_box dl dt {
	font-weight:bold;
	border-bottom:1px solid #ededed;
	margin-bottom:10px;
	padding:0 0 5px 0;
}

#footer .sitemap_box dl ul { font-size:79%;}

#footer .sitemap_box dd ul li {  
	margin:7px 0;
	font-weight:bold;
}

#footer .sitemap_box dl ul ul {
	font-size:93%;	
	margin:5px 0 16px 1em;
}

#footer .sitemap_box dd ul li li {
	margin:5px 0; 
	font-weight:normal;
}

#footer .sitemap_box dd ul li li a { color: #666; }

@media only screen and (max-width: 767px) {
#footer .sitemap_box {
	width:100%;
	padding:0;
}

#footer .sitemap_box dl {
	float:none;
	width:100%;
	margin:0;
	box-sizing:border-box;
}

#footer .sitemap_box dl.sitemap_dl-noMargin {	margin-right:0;}

#footer .sitemap_box dt.sitemap_dt-medical { margin-bottom:0;}

#footer .sitemap_box dl dt {
	font-weight:bold;
	border-bottom:1px solid #ededed;
	margin:0;
	padding:0;
	cursor:pointer;
}

#footer .sitemap_box dl dt a {
	padding:15px 1em;
	background:#FFF url(/lib/image/cmn/icon_acc-plus.png) no-repeat right 10px center;
	display:block;
}

#footer .sitemap_box dl dt a.close {
	background:#FFF url(/lib/image/cmn/icon_acc-minus.png) no-repeat right 10px center;
}

#footer .sitemap_box dl dt.sitemap_dt-medical a,
#footer .sitemap_box dl dt.sitemap_dt-medical a.close {
	background:#FFF;
}

#footer .sitemap_box dl dd {
	border-bottom:1px solid #ededed;
	border-bottom:none;
	display:none;
}

#footer .sitemap_box dl ul { 
	font-size:79%;
}

#footer .sitemap_box dd ul li {  
	padding:0;
	margin:0;
	font-weight:bold;
	border-bottom:1px solid #ededed;
}

#footer .sitemap_box dd ul li a {
	display:block;
	padding:12px 5px 12px 2em;
}

#footer .sitemap_box dl ul ul {
	border-top:1px solid #ededed;
	font-size:93%;	
	margin:0;
}

#footer .sitemap_box dd ul li li {
	margin:0; 
	border-bottom:none;
}

#footer .sitemap_box dd ul li li a {
	padding:7px 5px 7px 3em;
}

}


/* copyright */

#footer .copyright {	
	background:#557bc6;
	margin-bottom:40px;
}

#footer .copyright .copyright_box {
	padding:10px 0 50px;
	margin:0 auto;
	width:1020px;
	color:#FFF;
	overflow:hidden;
	font-size:86%;
}

#footer .copyright .copyright_box ul {	float:left;}

#footer .copyright .copyright_box ul li {
	display:inline-block;
	padding-right:1em;
}

#footer .copyright .copyright_box ul li a {	color:#FFF; }

#footer .copyright .copyright_box p {	float:right;}

@media only screen and (max-width: 767px) {
#footer .copyright .copyright_box {
	width:100%;
	padding:15px 15px;
	box-sizing:border-box;
	font-size:100%;
}

#footer .copyright .copyright_box ul {	
	float:none;
	margin:0 0 10px 0;
}

#footer .copyright .copyright_box ul li {
	display:block;
	padding:0 0 0.5em 0;
}

#footer .copyright .copyright_box p { 
	font-size:79%;
	float:none;
}

}

/*----------------------------------------------------*/ 
/* .sns_area
------------------------------------------------------*/ 
.snsArea{
	margin: 0 auto 2em;
	width: 1020px;
}

.snsList{
	margin-bottom: 0;
	text-align:right;
}

.snsButton{
	display:inline-block;
	vertical-align: top;
}

.snsButton:first-child{
	margin-right: 2em;
}

@media only screen and (max-width: 767px){
.snsArea {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
}