@charset "utf-8";



/* あしあと機能 */

#footstep_wrap {

	margin-bottom: 10px;

}

#footstep {

	padding-left: 8rem;

	line-height: 2.2rem;

	position: relative;

}

#footstep:before {

	content: '足あと';

	display: block;

	color: #0078ce;

	font-weight: bold;

	line-height: 2.2rem;

	background: url(../../img/common/icon_footstep.png) no-repeat left center;

	padding-left: 25px;

	position: absolute;

	top: 0px;

	left: 0px;

}



#footstep_detail {

	display: inline;

}



#clear_footstep {

	display: inline-block;

	vertical-align: middle;

	width: 21px;

	height: 21px;

	margin: 0px 0px 0px 5px;

	padding: 0px;

	border: none;

	background: url(../../img/common/btn_close_gray.png) no-repeat center center;

	color: #000000;

	text-align: left;

	text-indent: -9999em;

	overflow: hidden;

	cursor: pointer;

	-webkit-transition: opacity 0.5s;

	-o-transition: opacity 0.5s;

	transition: opacity 0.5s;

}

#clear_footstep:hover {

	opacity: 0.8;

}

#footstep_detail:empty,

#footstep_detail:empty + #clear_footstep {

	display: none;

}



.fs_rireki {

	display: inline;

}

.fs_rireki:before {

	content: '>';

	padding: 0px 0.4em;

}

.fs_rireki:first-child:before {

	display: none;

}

.fs_rireki:last-child a {

	text-decoration: none !important;

	color: inherit !important;

	cursor: default;

}

/* あしあと機能 ここまで */





/* ページ記憶 */

#keep_page {

	position: fixed;

	top: 100px;

	right: 0px;

	z-index: 90;

	width: auto;

	overflow: hidden;

	background: #009c3f;

	color: #000000;

	font-size: 1.5rem;

}



#ktp_viewsw {

	display: block;

	margin: 0px 0px 0px auto;

	width: 100px;

	height: 100px;

	background: url(../../img/common/btn_keeppage.png) no-repeat center center #009c3f;

	color: #000000;

	text-align: left;

	text-indent: -9999em;

	overflow: hidden;

	-webkit-transition: opacity 0.5s;

	-o-transition: opacity 0.5s;

	transition: opacity 0.5s;

}

#ktp_viewsw:hover {

	opacity: 0.8;

}

#ktp_viewsw.open {

	background-image: url(../../img/common/btn_keeppage_close.png);

}



#ktp_list_wrap {

	text-align: left;

}

#ktp_list_wrap2 {

	padding: 0px 20px 20px;

}

#ktp_list_wrap2 span {

	display: block;

	margin-bottom: 10px;

}

#ktp_list_wrap2 .btn_func {

	display: block;

	background: #ffffff;

	color: #333333;

	font-size: 1.4rem;

	text-decoration: none;

	text-align: center;

	line-height: 2.1rem;

	padding: 7px 5px;

	-webkit-transition: opacity 0.5s;

	-o-transition: opacity 0.5s;

	transition: opacity 0.5s;

}

#ktp_list_wrap2 .btn_func:hover {

	opacity: 0.8;

}



#ktp_item_list {

	margin: 10px 0px 0px;

	padding: 0px;

	list-style: none;

	display: block;

	width: 17.5em;

	height: auto;

	max-height: calc(100vh - 320px);

	overflow: auto;

}

@media all and (-ms-high-contrast: none) {

	#ktp_item_list {

		list-style-image: url(data:0);

	}

}

#ktp_item_list li {

	display: block;

	background: #ffffff;

	margin: 10px 0px 0px;

	padding: 10px 15px 10px 10px;

	line-height: 1.2;

	position: relative;

}

#ktp_item_list:empty:before {

	content: '登録がありません。';

	display: block;

	background: #ffffff;

	margin: 10px 0px 0px;

	padding: 15px 10px;

}



.ktp_item_del {

	display: block;

	width: 17px;

	height: 17px;

	margin: 0px;

	padding: 0px;

	border: none;

	background: url(../../img/common/btn_close_black.png) no-repeat center center;

	color: #000000;

	text-align: left;

	text-indent: -9999em;

	overflow: hidden;

	cursor: pointer;

	position: absolute;

	top: -8px;

	right: 0px;

	-webkit-transition: opacity 0.5s;

	-o-transition: opacity 0.5s;

	transition: opacity 0.5s;

}

.ktp_item_del:hover {

	opacity: 0.8;

}

/* ページ記憶ここまで */