@charset 'utf-8';

/*

   TABIPLUSONE - スタイルシート

  Copyright J-LINE CORPORATION. All rights reserved.
  http://www.j-line.co.jp/

*/
.crumb {
	padding: 5px 15px;
}
.crumb li {
	float: left;
	padding: 10px 5px;
}
.crumb li a {
	padding: 0 15px 0 0;
	background-image: url(../img/common/ico_crumb.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 6px 12px;
}

/* ----------------------------------------------------------
	searchbox
------------------------------------------------------------- */
.searchbox {
	margin: 0 0 20px;
	padding: 15px 0 20px;
	background: #eee;
}
.searchbox .btn-orange {
	background-image: url(../img/list/ico_search.png);
	background-repeat: no-repeat;
	background-position: 5% center;
	background-size: 20px;
}
.searchbox-label {
	font-size: 1.429rem;
	padding: 0 15px;
}
.searchbox ul {
	padding: 10px 15px;
}
.searchbox li {
	margin: 0 0 5px;
}
.searchbox-category {
	padding: 0 0 0 20px;
	background-image: url(../img/list/ico_date.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px;
}
.searchbox-date {
	padding: 0 0 0 20px;
	background-image: url(../img/list/ico_cate.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px;
}
/* ----------------------------------------------------------
	listsort
------------------------------------------------------------- */
.list-sort {
	margin: 0 0 20px;
	text-align: center;
}
/* ----------------------------------------------------------
	listitem
------------------------------------------------------------- */
.list-item {
	margin: 0 0 20px;
	padding: 10px 0;
	border-top: 2px solid #f3981c;
}
.list-headline {
	margin: 0 0 20px;
	padding: 0 15px;
}
.list-headline img {
	float: left;
	width: 34.4%;
	max-width: 100%;
	margin: 0 10px 0 0;
}
.list-item ul {
	border-top: 1px solid #ccc;
}
.list-item li a {
	display: block;
	padding: 15px 30px 15px 15px;
	border-bottom: 1px solid #ccc;
	background-image: url(../img/common/ico_btn_allow_right_orange.png);
	background-repeat: no-repeat;
	background-position: 98% center;
	background-size: 7px 12px;
}
.course-name {
	display: block;
	margin: 0 0 5px;
}
.course-price {color: #ff0000;}
/* ----------------------------------------------------------
	pager
------------------------------------------------------------- */
.pager {margin: 0 15px 50px;}
.pager a {
	display: block;
	width: 34.4%;
	padding: 10px 0;
	text-align: center;
	background: #eee;
}
.pager-prev { float: left;}
.pager-next {float: right;}