@charset "utf-8";

.slist_wp{
    background: #fff;
}

/* ================================================== *
 *   検索エリア
 * ================================================== */
.bbp-form01 {
	padding: 20px 30px 10px;
	background: #d1d1d1;
	margin-bottom: 30px;
}
.bbp-form01 .form-items {
	border-bottom: 1px solid #ababab;
	border-top: 1px solid #ffffff;
	padding-top: 20px;
}
.bbp-form01 .form-items:first-child {border-top: none; padding-top: 0;}
.bbp-form01 .form-items:last-child {border-bottom: none;}


.btn02 button{
    text-align: center;
    font-size: 116.7%;
    text-shadow: none;
    display: block;
    border-radius: 3px;
    background: #2d2d2d;
    text-decoration: none;
    border: none;
    width: 100%;
    line-height: 34px;
	color:#ffffff;
	padding: 3px 0;
}

/* ================================================== *
 *   別ウィンアイコン
 * ================================================== */
.bbp-targetBlank a:after {
	display: inline-block;
	content: "";
	width: 12px;
	height: 9px;
	margin-left: 5px;
	background: url(/sp/shared/img/ico32.png) 0 0 no-repeat;
	background-size: 12px 9px;
}



/* ================================================== *
 *    grid cols
 * ================================================== */
.bbp-col3{margin: 10px 0;}
.bbp-col3 li {
	display: inline-block;
	width: 33.33%;
	margin-right: -0.4em;
	margin-top: 30px;
	vertical-align: top;
}
.bbp-col3 li:nth-child(1),
.bbp-col3 li:nth-child(2),
.bbp-col3 li:nth-child(3) {margin-top: 0;}

.bbp-col2{margin-top: 10px;}
.bbp-col2 li {
	display: inline-block;
	width: 50%;
	margin-right: -0.4em;
	margin-top: 30px;
	vertical-align: top;
}
.bbp-col2 li:nth-child(1), 
.bbp-col2 li:nth-child(2){margin-top: 0;}



/* ================================================== *
 *    コース色分け
 * ================================================== */
.markArea{
	margin:0 10px 10px 10px;
}

.markArea .bbp-mark{
	color: #ffffff;
	font-size: 83%;
	padding: 2px 4px;
	margin-right:5px;
}

.markArea .bbp-mark:nth-last-child(1){
	margin-right:0px;
}

.markArea .ex{
	background:#de2c67;
}

.markArea .de{
	background:#4b7cd6;
}

.markArea .area_hokkaido{
	background:#eb87d7;
}

.markArea .area_hokuriku{
	background:#f0a900;
}

.markArea .area_kanto{
	background:#33a5d4;
}

.markArea .area_tokai{
	background:#27c291;
}

.markArea .area_kansai{
	background:#8e75d5;
}

.markArea .area_cyugoku{
	background:#7dbb57;
}

.markArea .area_kyusyu{
	background:#f88f5b;
}

h2.slistTitle{
	background: #848484;
	border-top: none;
	color: #fff;
	text-shadow: none;
	font-size: 16px;
	padding-left: 20px;
	padding: 8px 0 8px 20px;
	margin-top: 20px;
}

.courseWrapper{
	margin:10px 10px 0;
	border:1px solid #6f6f6f;
	border-top:1px solid #6f6f6f;
}

.itemWrapper{
	border-bottom:1px solid #6f6f6f;
	padding:15px 0;
}

.courseWrapper .itemWrapper:last-child{
	border-bottom:none;
}

.courseMain{
	padding:0 10px;
}

.courseDetail{
	margin:10px 15px 0 15px;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
}

.courseDetail p,
.courseDetail dl{
	margin:0 !important;
}

.courseDetail .name{
	font-weight:bold;
	font-size:110%;
	padding-bottom:5px;
}

.courseDetail .name .endText{
	font-size: 80%;
	color: #CE0003;
}

.coursePoint{
	margin:5px 15px 0;
}
.coursePoint p{
	margin:0 !important;
}

.coursePoint p span{
	font-weight:bold;
	font-size:150%;
	color:#000000;
}

.coursePoint p.id{
	margin:0 !important;
	font-size:90%;
	text-align:right;
}

.pointBtn{
	margin:15px 15px 10px;
}

.pointBtnW{
	text-align: center;
	font-size: 110%;
	line-height: 1.4;
	background: #2d2d2d;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:10px 12px;
}

.pointB{
	padding-left:15px;
	background: url(../img/ico10_right_white.png) 0 50% no-repeat;
	background-size: 10px 16px;
	-webkit-background-size: 10px 16px;
}

.pointB a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}

.rich .courseWrapper{
	border:none;
}

.rich .itemWrapper{
	background:#000000;
	border-bottom:1px solid #ffffff;
}

.rich .itemWrapper p{
	color:#ffffff;
}

.rich .courseDetail{
	border-bottom:1px solid #555555;
}

.rich .coursePoint p.point_c,
.rich .coursePoint p span{
	color:#cdae58;
}

.rich .pointBtnW{
	background: #81620e;
}

.textBr{
	display:none;
}

/*btn hidden*/
.btnHidden{
	display: none;
}

.bppnotes{
	color: #cf0000;
	font-size: 12px;
	padding-top: 6px;
}


.btn02 button:after {
    content: "";
    right: 10px;
    background: url(/sp/member/point/bpp/img/ico10_right_white.png) 0 50% no-repeat;
    background-size: 10px 16px;
    -webkit-background-size: 10px 16px;
}