@charset "utf-8";
/*------------------------------------------
　Common
------------------------------------------*/
body {
	min-width: 980px;
}

#tour_wrapper {
	position: relative;
	margin: 0 auto;
	margin-top: 15px;
	line-height: 1.6;
}

#tour_wrapper.ski_tour {
	width: 100%;
}

#tour_wrapper img {
	width: 100%;
}

#breadCrumb {
	width: 980px;
	margin: 0 auto;
}

h1.pageHeading {
	width: 980px;
	margin: 0 0 20px;
	margin: 0 auto 20px;
	padding: 0 0 9px;
	border-bottom: 1px dotted #ccc;
	color: #333;
	font-size: 14px;
	font-weight: normal;
}

.totop {
	clear: both;
	width: 980px;
	margin: 8px auto 24px;
	font-size: 12px;
	text-align: right;
}

.w980 {
	width: 980px;
	margin: 0 auto;
}

/*------------------------------------------
　メインビジュアル
------------------------------------------*/
.main_visual {
	position: relative;
	height: 360px;
	margin-bottom: 25px;
	background: url(/tour/common/images/special/001_hokkaido/ski_tour/main_visual.jpg) no-repeat center 0;
}

.main_visual h2 {
	position: absolute;
	top: 47%;
	right: 0;
	left: 0;
	width: 446px;
	height: 244px;
	margin: -122px auto 0;
}
.main_visual .year {
	position: absolute;
	bottom: 8%;
	right: 50%;
	left: 50%;
	background-color: #fff;
	color: #003894;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	border-radius: 50px;
	padding: 4px 0;
	width: 180px;
	/* display: inline; */
	line-height: 1;
	transform: translate(-50%,0);
	z-index: 1;
}

/*------------------------------------------
　特集の導入
------------------------------------------*/
.Introduction {
	height: 227px;
	margin-bottom: 30px;
}

.Introduction .map {
	float: left;
	width: 360px;
	height: 227px;
	margin-right: 20px;
}

.Introduction .txtBox {
	float: right;
	width: 590px;
}

.Introduction .txtBox h3 {
	margin-bottom: 20px;
	font-size: 25px;
	line-height: 1.4;
}

/*------------------------------------------
　ナビゲーション
------------------------------------------*/
.navBox {
	overflow: hidden;
	margin-bottom: 25px;
	padding: 20px;
	border-radius: 3px;
	background: #003894;
}

.navBox li {
	float: left;
	width: 300px;
	height: 75px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.navBox li:nth-child(3n) {
	margin-right: 0;
}

.navBox li:nth-child(n+4) {
	margin-bottom: 0;
}

.navBox li:hover {
	opacity: .8;
}

/*------------------------------------------
　滞在ツアー
------------------------------------------*/
.section {
	overflow: hidden;
	margin-bottom: 60px;
}

.pl-section__headline {
	height: 56px;
	margin-bottom: 30px;
	color: #fff;
	background: #003894;
	font-size: 18px;
	line-height: 56px;
	text-align: center;
}

.pl-section__headline .pl-text--big {
	margin-right: 16px;
	font-size: 28px;
}

.leftBox {
	float: left;
	width: 470px;
	/* padding-right: 20px; */
}

.attraction {
	overflow: hidden;
	margin-bottom: 20px;
}

.attraction .small_map {
	float: left;
	width: 128px;
	height: 128px;
}

.attraction .txtBox {
	float: right;
	width: 342px;
}

.attraction .txtBox h3 {
	border-bottom: solid 1px #59bded;
	color: #59bded;
	font-size: 28px;
	text-indent: 10px;
}

.attraction .catch {
	padding: 10px 0 0 10px;
	color: #003894;
	font-size: 16px;
	font-weight: bold;
}

.attraction .txt {
	clear: both;
	padding-top: 20px;
}

.traveler_voice {
	padding: 20px;
	background: #efefef;
}

.traveler_voice h4 {
	display: table-cell;
	width: 138px;
	height: 28px;
	color: #003894;
	background: #fff;
	background: url(/tour/common/images/special/001_hokkaido/ski_tour/ico_traveler.png) no-repeat 15px center #fff;
	background-size: 18px;
	font-size: 14px;
	vertical-align: middle;
	text-indent: 3em;
}

.traveler_voice .comment {
	margin-top: 10px;
	padding: 15px;
	background: #fff;
	font-size: 14px;
	line-height: 1.8;
}

.traveler_voice .person {
	padding: 0 15px 15px;
	background: #fff;
	font-size: 14px;
}

.rightBox {
	float: right;
	width: 490px;
}

.rightBox .catch {
	color: #003894;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
}

.rightBox .txt {
	/* color: red;  */
    padding: 10px 52px;
    font-size: 12px;
}

.tour_img {
	width: 490px;
	height: auto;
	margin-bottom: 20px;
}

.tour_list li {
	display: block;
	width: 490px;
	height: 65px;
	margin-bottom: 15px;
}

.tour_list li.lift {
	background: url(/tour/common/images/special/001_hokkaido/ski_tour/btn_lift.png) no-repeat 0 0;
}

.tour_list li.hotel {
	background: url(/tour/common/images/special/001_hokkaido/ski_tour/btn_hotel.png) no-repeat 0 0;
}

.tour_list li.freeplan {
	background: url(/tour/common/images/special/001_hokkaido/ski_tour/btn_freeplan.png) no-repeat 0 0;
}

.tour_list li.skibus {
	background: url(/tour/common/images/special/001_hokkaido/ski_tour/btn_skibus.png) no-repeat 0 0;
}

.tour_list li:last-child {
	margin-bottom: 0;
}

.tour_list li a {
	display: table-cell;
	width: 490px;
	height: 65px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	text-indent: 4em;
}

.tour_list li:hover {
	opacity: .8;
}

.tour_list li a:hover {
	text-decoration: none;
}

.Applicable {
	position: relative;
	padding: 10px;
	border: solid 1px #f39c33;
	border-top: solid 0 #f39c33;
	background: #ffe8cc;
	font-size: 14px;
	text-indent: 1.2em;
}

.Applicable:before {
	position: absolute;
	top: 14px;
	left: 10px;
	width: 14px;
	height: 14px;
	background: #f39c33;
	content: '';
}

/*------------------------------------------
　ツアーをもっと探す
------------------------------------------*/
.skiRankList {
	overflow: hidden;
	padding: 55px 0 90px;
	background: #eee;
}

.pl-skiRank__headline {
	margin-bottom: 30px;
	padding-left: 57px;
	color: #003894;
	background: url(/tour/common/images/special/001_hokkaido/ski_tour/ico_rank.png) no-repeat left 290px center;
	background-size: 37px 25px;
	font-size: 28px;
	text-align: center;
}

.rankBox {
	overflow: hidden;
	position: relative;
	width: 900px;
	margin-bottom: 50px;
	padding: 40px;
	background: #fff;
	box-sizing: content-box;
}

.rankBox:last-child {
	margin-bottom: 0;
}

.rank_leftBox {
	float: left;
	width: 355px;
	padding-right: 15px;
}

.rankBox h3 {
	margin-bottom: 10px;
	color: #003894;
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
}

span.rankNum {
	position: relative;
	margin-right: 10px;
	padding: 0 25px 0 15px;
	color: #fff;
	background: #003894;
	font-size: 20px;
	line-height: 20px;
}

span.rankNum:after {
	position: absolute;
	top: 0;
	right: 0;
	border-width: 13px 10px 13px 0;
	border-style: solid;
	border-color: transparent #fff transparent transparent;
	content: '';
}

span.small {
	font-size: 12px;
}

ul.osusume {
	overflow: hidden;
	position: absolute;
	top: 40px;
	left: 408px;
	width: 180px;
	height: 27px;
}

ul.osusume li {
	float: left;
}

.rank_img {
	width: 355px;
	height: 200px;
}

.content_link {
	padding-top: 10px;
}

.content_link a {
	position: relative;
	padding-left: 1em;
	color: #003894;
	text-decoration: underline;
}

.content_link a:hover {
	text-decoration: none;
}

.content_link a:before {
	position: absolute;
	top: 4px;
	left: 0;
	border-width: 6px 0 6px 10px;
	border-style: solid;
	border-color: transparent transparent transparent #003894;
	content: '';
}

.rank_rightBox {
	float: right;
	width: 530px;
}

.rankBox .catch {
	margin-bottom: 10px;
	color: #003894;
	font-size: 18px;
	font-weight: bold;
}

.rankBox .txt {
	margin-bottom: 20px;
	font-size: 14px;
}

.rankBox .btn_link {
	display: block;
	width: 530px;
	height: 65px;
	background: url(/tour/common/images/special/001_hokkaido/ski_tour/btn_link.png) no-repeat 0 0;
}

.rankBox .btn_link a {
	display: table-cell;
	width: 530px;
	height: 65px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	text-indent: 2em;
}

.rankBox .btn_link:hover {
	opacity: .8;
}

.rankBox .btn_link a:hover {
	text-decoration: none;
}

/*------------------------------------------
　textLink
------------------------------------------*/
.pl-textLinkList {
	width: -webkit-calc(100% - 30px);
	width:         calc(100% - 30px);
	margin: 0 auto 30px;
}

.pl-textLinkWrapper+ .pl-textLinkWrapper {
	margin-top: 1em;
}

a.pl-textLink {
	display: block;
	position: relative;
	padding-left: 10px;
	color: #003894;
	font-size: 15px;
	line-height: 1;
	text-align: left;
	text-decoration: underline;
}

a.pl-textLink:before {
	position: absolute;
	top: 4px;
	left: 0;
	border-width: 4px 0 4px 6px;
	border-style: solid;
	border-color: transparent transparent transparent #003894;
	content: '';
}

a.pl-textLink:hover {
	text-decoration: none;
}


/* オレンジボタン */
.JR-orange-Btn-box .btn_orange_link {
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 85px;
    /* margin: 10px auto 3px; */
    /* padding-left: 65px; */
    border-radius: 3px;
    color: #fff;
    background: #f27b11;
    /* box-shadow: 0 3px 0 #da6c0b; */
    font-size: 16px;
    font-weight: bold;
    line-height: 31px;
    text-align: center;
    /* vertical-align: middle; */
    text-decoration: none;
    cursor: pointer;
}

.btn_orange_link::before {
	display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    border-radius: 50%;
    background: #fff;
    content: '';
}

.btn_orange_link::after {
	display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 0;
    height: 0;
    margin-top: -4px;
    border: 4px solid transparent;
    border-left: 7px solid #f27b11;
    content: '';
}

.btn_orange_link:hover {
	opacity: 0.8;
}