@charset "utf-8";


/* common
------------------------------------------------------------*/

body{
	min-width:0!important;
}
div#container{
	/*overflow:hidden;※左メニュー上部が切れてしまう。*/
}
div#contents.tochimaru_point div h2.ttl{
	min-height:61px;
	padding:calc(30px - 0.8em) 0 calc(30px - 0.8em) 50px;
	text-align:left;
	background:url(../../tokepo_road/img/tochimaru1.png) no-repeat left center / auto;
}
div#contents.tochimaru_point div.highlights h2.ttl{
	background-image:url(../../tokepo_road/img/tochimaru2.png);
}
div#contents.tochimaru_point div.check h2.ttl{
	background-image:url(../../tokepo_road/img/tochimaru3.png);
}
div#contents.tochimaru_point div h2.ttl_tokepo_road{
	margin-bottom:45px;
	text-align:center;
}


/* tochimaru_point
------------------------------------------------------------*/
div.tochimaru_point{}
div#contents.tochimaru_point h2.ttl:has(+ #course_map),
div#contents.tochimaru_point h2.ttl:has(+ .info){
	width:100%;
	min-height:0;
	padding:7px 0 1px;
	color:#fff;
	text-align:center;
	background:#1ea9af;
}
div#contents.tochimaru_point h2.ttl:has(+ #course_map){
	padding:3px 0;
}


/* info
------------------------------------------------------------*/
div.tochimaru_point div.info{
	min-height:192px;
	margin-bottom:30px;
	background-repeat:no-repeat;
	background-position:right top;
	background-size:auto;
}
div.tokepo_road01 div.info{background-image:url(https://www.kenko-choju.tochigi.jp/road/resources/upload/course/thumbnail1/67170d280d4da7876bf4bee396ea7058.jpg);}
div.tokepo_road02 div.info{background-image:url(https://www.kenko-choju.tochigi.jp/road/resources/upload/course/thumbnail1/f86ee180b688eb6d79aa6e903ed9cb87.jpg);}
div.tokepo_road03 div.info{background-image:url(https://www.kenko-choju.tochigi.jp/road/resources/upload/course/thumbnail1/a187f1b12c9694fa0705afbfc4934ee0.jpg);}
div.tokepo_road04 div.info{background-image:url(https://www.kenko-choju.tochigi.jp/road/resources/upload/course/thumbnail1/6a5ad5a2ae8c272a40d1ad5b5306c228.jpg);}
div.tokepo_road05 div.info{background-image:url(https://www.kenko-choju.tochigi.jp/road/resources/upload/course/thumbnail1/717095d5cef020567aaa638a42e78684.jpg);}
div.tokepo_road06 div.info{background-image:url(https://www.kenko-choju.tochigi.jp/road/resources/upload/course/thumbnail1/de67ede99f622f97d3f79000538d7258.jpg);}
div.tokepo_road07 div.info{background-image:url(https://www.kenko-choju.tochigi.jp/road/resources/upload/course/thumbnail1/211824f0c0e6b34d716d265094cde4c8.jpg);}
div.tokepo_road08 div.info{background-image:url(https://www.kenko-choju.tochigi.jp/road/resources/upload/course/thumbnail1/12f1ea906b5814ddec5201e7b6541658.jpg);}
div.tokepo_road09 div.info{background-image:url(https://www.kenko-choju.tochigi.jp/road/resources/upload/course/thumbnail1/901f2803879014e2d309cf4b7818cce1.jpg);}
div.tokepo_road10 div.info{background-image:url(https://www.kenko-choju.tochigi.jp/road/resources/upload/course/thumbnail1/d28f23499e5695927ab12edcc5dd351a.jpg);}

div.tochimaru_point div.info dl{
	width:calc(100% - 288px - 30px);
	letter-spacing:-0.4em;
}
div.tochimaru_point div.info dt,
div.tochimaru_point div.info dd{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
}
div.tochimaru_point div.info dt{
	width:8em;
}
div.tochimaru_point div.info dd{
	width:calc(100% - 8em);
}

/* qr
------------------------------------------------------------*/
div.tochimaru_point div.qr{
	position:relative;
	margin-bottom:30px;
	padding:65px 308px 15px 15px;
	border:5px #1ea9af solid;
	border-radius:30px;
	background-repeat:no-repeat;
	background-position:right center;
	background-size:283px auto;
}
/*QR*/
div.tokepo_road01 div.qr{background-image:url(../../tokepo_road/img/qr/utsunomiya.jpg)}
div.tokepo_road02 div.qr{background-image:url(../../tokepo_road/img/qr_prepare.png)}
div.tokepo_road03 div.qr{background-image:url(../../tokepo_road/img/qr/nikko.jpg)}
div.tokepo_road04 div.qr{background-image:url(../../tokepo_road/img/qr/moka_tamachi.jpg)}
div.tokepo_road04 div.qr.second{background-image:url(../../tokepo_road/img/qr/moka_ekimae.jpg)}
div.tokepo_road05 div.qr{background-image:url(../../tokepo_road/img/qr/tochigi.jpg)}
div.tokepo_road06 div.qr{background-image:url(../../tokepo_road/img/qr/oyama.jpg)}
div.tokepo_road07 div.qr{background-image:url(../../tokepo_road/img/qr/yaita.jpg)}
div.tokepo_road08 div.qr{background-image:url(../../tokepo_road/img/qr_prepare.png)}
div.tokepo_road09 div.qr{background-image:url(../../tokepo_road/img/qr/nasu.jpg)}
div.tokepo_road10 div.qr{background-image:url(../../tokepo_road/img/qr/sano.jpg)}

div.tochimaru_point div.qr:before{
	width:189px;
	height:50px;
	content:"";
	position:absolute;
	top:15px;
	left:15px;
	display:block;
	background:url(../../tokepo_road/img/ttl_qr.png) no-repeat center center;
}
div.tochimaru_point div.qr h3.place{
	margin-bottom:5px;
	font-size:18px;
	font-weight:bold;
}
div.tochimaru_point div.qr h3.place + div.btn + h3.place{
	margin-top:15px;
}
div.tochimaru_point div.qr div.btn,
div.tochimaru_point div.qr div.btn a{
	width:100%;
	margin:0 auto;
}

/* map
------------------------------------------------------------*/
div.tochimaru_point div.map{
	margin-bottom:30px;
}


/* highlights
------------------------------------------------------------*/
div.tochimaru_point div.highlights{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:5px #efefef solid;
}


/* check
------------------------------------------------------------*/
div.tochimaru_point div.check{}

div.tochimaru_point div.check ul{}
div.tochimaru_point div.check ul li{
	min-height:192px;
	clear:both;
	position:relative;
	margin-bottom:30px;
	padding-top:calc(1.6em + 15px);
}
div.tochimaru_point div.check ul li:before{
	width:12em;
	position:absolute;
	top:0;
	left:-30px;
	content:"チェックポイント";
	display:block;
	padding-left:30px;
	color:#fff;
	letter-spacing: normal;
	background-color:#ef5c64;
}
div.tochimaru_point div.check ul li:first-child:before{content:"スタート";}
div.tochimaru_point div.check ul li:last-child:before {content:"ゴール";}
div.tochimaru_point div.check ul li img{
	float:right;
	display:block;
	margin-top:calc(-1.6em - 15px);
	margin-left:30px;
}
div.tochimaru_point div.check ul li:after{
	width:1.6em;
	height:1.6em;
	content:"";
	position:absolute;
	top:0;
	left:calc(12em - 1em);
	display:block;
	background-color:#fff;
	transform:rotate(45deg);
}
	
div.tochimaru_point div.check ul li h3.name{
	margin-bottom:5px;
	color:#1ea9af;
	font-size:16px;
	font-weight:bold;
}
div.tochimaru_point div.check ul li p{}


div.tochimaru_point div.check + a.btn_tokepo_road{
	margin:30px auto;
}



/* course_detail / map
------------------------------------------------------------*/
div#course_map ul#map{
	width:526px;
	height:0;
	position:relative;
	margin:0 auto;
	padding-top:calc(106.66% + 30px);
	padding-top:calc(640px + 30px);
	background:url(../../tokepo_road/img/map.png) no-repeat center top / 100% auto;
}
div#course_map ul#map li{
	width:8.03%;
	height:0;
	position:absolute;
	padding-top:10.454545%;
	background:url(../../tokepo_road/img/icon_tochimaru.png) no-repeat center center / 100% auto;;
	transition:all 0.3s linear;
}
div#course_map ul#map li:nth-child(1){top:50%;left:52%;}
div#course_map ul#map li:nth-child(2){top:56%;left:40%;}
div#course_map ul#map li:nth-child(3){top:37%;left:32%;}
div#course_map ul#map li:nth-child(4){top:67%;left:68%;}
div#course_map ul#map li:nth-child(5){top:70%;left:38%;}
div#course_map ul#map li:nth-child(6){top:79%;left:46%;}
div#course_map ul#map li:nth-child(7){top:28%;left:60%;}
div#course_map ul#map li:nth-child(8){top:45%;left:80%;}
div#course_map ul#map li:nth-child(9){top:0%;left:65%;}
div#course_map ul#map li:nth-child(10){top:74%;left:21%;}
div#course_map ul#map li div{
	display:none;
}
div#course_map ul#map li:hover{
	margin-top:-15px;
	cursor:pointer;
}
div#course_map ul#map li div{
	display:block;
	width:288px;
	position:absolute;
	bottom:70px;
	display:block;
	margin:0 auto;
	padding:0 15px 15px;
	left:calc(-150px + 27px);
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	background-color:#fff;
	transition:all 0.3s linear;
	z-index:-1;
	opacity:0;
}
div#course_map ul#map li.open div{
	padding:0 15px 15px;
	z-index:100;
	opacity:1;
	transition:all 0.3s linear;
}
div#course_map ul#map li div span.pic{
	display:block;
	margin:0 -15px;
	border-radius:10px 10px 0 0;
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	-ms-border-radius:10px 10px 0 0;
	overflow:hidden;
}
div#course_map ul#map li div span.pic img{
	width:100%;
	max-width:288px;
	display:block;
	margin:0 auto;
}
div#course_map ul#map li div p.city{
	width:100px;
	position:relative;
	margin:-1.6em 0 10px -15px;
	color:#fff;
	text-align:center;
	background-color:#2ea3a8;
	z-index:5;
}
div#course_map ul#map li div a.name{
	font-size:18px;
	font-weight:bold;
	background-color:#f0ef9b;
}
div#course_map ul#map li div p.qr{
	margin:5px 0;
}
div#course_map ul#map li div p.qr span{
	display:block;
	width:11em;
	display:block;
	color:#fff;
	text-align:center;
	background-color:#2ea3a8;
}
div#course_map ul#map li div p.distance,
div#course_map ul#map li div p.time{
	display:inline;
	padding:2px 10px 3px;
	color:#fff;
	text-align:center;
	border-radius:1em;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	-ms-border-radius:1em;
	background-color:#ef5c64;
}
div#course_map ul#map li div p.distance{
	margin-right:10px;
}
@media screen and (max-width:597px){
	div#course_map ul#map{
		width:100%;
		padding-top:calc(121.67% + 30px);
	}
}
@media screen and (max-width:540px){
	div#course_map ul#map li div{
		width:calc(100vw - 30px - 17px);
		max-width:288px;
		position:fixed;
		top:15px;
		bottom:auto;
		left:-50vw;
		right:-50vw;
		background-color:rgba(255,255,255,0.8);
	}
}

/* course_detail / course_list
------------------------------------------------------------*/
dl#course_list{
	margin-bottom:30px;
	letter-spacing:-0.4em;
}
dl#course_list dt,
dl#course_list dd{
	display:inline-block;
	font-size:16px;
	vertical-align:top;
	letter-spacing:normal;
}
dl#course_list dt{
	width:7em;
	margin:5px 1.5em 5px 0;
	color:#fff;
	text-align:center;
	border-radius:1.6em;
	-webkit-border-radius:1.6em;
	-moz-border-radius:1.6em;
	-ms-border-radius:1.6em;
	background-color:#2ea3a8;
}
dl#course_list dd{
	width:calc(100% - 8.5em);
}
@media screen and (max-width:540px){
	dl#course_list dt,
	dl#course_list dd{
		display:block;
	}
	dl#course_list dt{
		margin-bottom:0;
	}
	dl#course_list dd{
		width:100%;
		margin-bottom:15px;
	}
}


/* Neutralize Health Road CSS
------------------------------------------------------------*/
body div#header {
	width: 100%;
	min-width: 0;
	height: 50px;
	min-height: 0;
	position: static;
	padding: 10px 0;
	color: #464646;
	letter-spacing: normal;
	background-color: transparent;
	z-index: 0;
	zoom: 1;
}
body div#header,
body div#contents,
body div#footer {
	line-height:1.8;
}
body div#contents h2,
body div#contents h3,
body div#contents p,
body a,
body span{
	letter-spacing: normal;
}