@charset "utf-8";
.sp_only{display: none;}
.pc_only{display: block;}

/* -------------------------------------------------------------------
SNSボタン
------------------------------------------------------------------- */
.btn-ft-sns {
	padding: 70px 0 0;
}
.btn-ft-sns ul {
	margin: 0 -10px;
}
.btn-ft-sns ul li {
	width: auto;
	margin: 0 10px;
	font-size: 14px;
}
.btn-ft-sns ul li:first-child {
	margin: 0;
}
.btn-ft-sns ul li a {
	width: 300px;
	height: 60px;
}
.btn-ft-sns .btn-tw {
	background: #1da1f2;
}
.btn-ft-sns .btn-fb {
	background: #3b598f;
}
.btn-ft-sns .btn-tw img,
.btn-ft-sns .btn-fb img {
	width: 30px;
	margin: 0 18px 0 0;
}	

/* -------------------------------------------------------------------
sec01
------------------------------------------------------------------- */
.sec01 {
	margin: 40px 60px 60px;
}
.lead {
	float: left;
	width: 580px;
	margin-top: 15px;
	padding: 20px 20px 15px;
	box-shadow: 0 0 0 15px #fff;
}
.lead ul li {
	margin-bottom: 10px;
	font-size: 16px;
}
.lead .txt-r {
	width: 410px;
}
.link--plan_detail {
	float: right;
	width: 260px;
	margin-top: 0;
}
	
/* -------------------------------------------------------------------
sec02
------------------------------------------------------------------- */
.sec02 {
	margin: 0 60px;
}
h5 {
	margin: 10px 0;
}
/*h5.recommend {
	margin-bottom: 70px;
}*/

/* -------------------------------------------------------------------
tab
------------------------------------------------------------------- */
.contents-tab li {
	width: 430px;
}
.contents-tab.bottom li {
	bottom: -62px;
}
.contents-tab.bottom li.current {
	bottom: -60px;
}
.contents_area {
	padding: 0 30px 60px;
}

/* -- route ------------------------------------------------------------- */
p.cource_ttl {
	margin: 0 -30px 40px;
	padding: 15px 0;
	font-size: 18px;
}
.link-pdf {
	font-size: 14px;
}
.link-pdf a {
  background: url(../../img/ico_pdf.png) no-repeat 0 50%;
  background-size: 14px 17px;
}
.icon_day img {
	width: 60px;
}
.spot_wrap {
	padding: 15px 60px;
}
.spot_wrap > p:first-child {
	margin-left: -50px;
}
.spot_wrap.narrow {
	margin-left: 55px;
}
.route.narrow {
	margin: 0 0 15px 15px;
}
.spot_wrap .photo img {
	width: auto;
}
.spot_wrap .photo.col4 img {
	width: 165px;
}
.spot_wrap .photo img:not(:first-of-type) {
	margin-left: 10px;
}
.detail_list {
	padding: 10px 30px;
}
p.route  {
	position: relative;
	margin: 15px 0 15px 15px;
}

/* -------------------------------------------------------------------
foot 
------------------------------------------------------------------- */
.drive_comment {
	margin: 20px 60px;
	padding: 40px 20px;
}
.drive_comment p {
	width: 480px;
}
.link--plan_detail.foot {
	float: none;
	width: 260px;
	margin:  0 auto;
}
.link--plan_detail.foot ul {
	margin: 0 auto;
}
.route_desc li {
	padding-left: 70px;
}
.route_desc li:before{
	width: 60px;
	height: 60px;
}
.route_desc small {
	margin: 20px 15px;
}

/* -------------------------------------------------------------------
logo_list
------------------------------------------------------------------- */
.logo_list {
	margin: 0;
	text-align: right;
}
#driveplan .logo_list ul li img {
	height: 45px;
}