@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : hakkei.css
 author     : Ability Consultant
 style info : 白馬八景
=================================================================== */
#hakkei {
	background: url(../../hakkei/images/bg_base.png) 0 0 repeat;
	color: #4e3e1f;
	line-height: 1.8;
	font-size: .85em;
	letter-spacing: .03em;
}
#hakkei #page {
	background: none;
}
@media only screen and (max-width: 1024px) {
  #hakkei #footer {
		padding-top: 0;
  }
}

/*-----------------------------------------------------------
	.con_main
-----------------------------------------------------------*/
.con_main {
	background: url(../../hakkei/images/img_main.jpg) center 0 no-repeat;
	overflow: hidden;
	margin-bottom: 50px;
}
.con_main .btn_hotel {
	text-align: right;
	margin: 20px 20px 0 0;
	float: right;
}
@media only screen and (max-width: 640px) {
  .con_main .btn_hotel {
		margin: 5px 5px 5px 0;
  }
}
.con_main .btn_hotel a {
	display: block;
	background: url(../../hakkei/images/btn_hotel.png) right 0 no-repeat;
	width: 273px;
	height: 0;
	padding-top: 44px;
	overflow: hidden;
}
.con_main .btn_hotel a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
@media only screen and (max-width: 640px) {
  .con_main .btn_hotel a {
		background: #4e3e1f;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 1px 2px 2px #444;
		-webkit-box-shadow: 1px 2px 2px #444;
		box-shadow: 1px 2px 2px #444;
		color: #fff;
		width: auto;
		height: auto;
		padding-top: 0;
		text-decoration: none;
		padding: 8px 15px;
		line-height: 1.3;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
		letter-spacing: -.05em;
  }
  .con_main .btn_hotel a i {
		margin-right: 5px;
		color: #fefdfb;
  }
}
.con_main h1 {
	text-align: center;
	padding-bottom: 150px;
	clear: both;
}
@media only screen and (max-width: 1024px) {
  .con_main h1 {
		padding-bottom: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .con_main h1 {
		width: 55%;
		margin: 0 auto;
		padding-bottom: 10px;
  }
}
.con_main .controller .btn {
	position: absolute;
	top: 400px;
	color: #fff;
	font-size: 2em;
	background: rgba(35, 24, 21, 0.8);
	width: 50px;
	height: 50px;
	text-align: center;
}
@media only screen and (max-width: 1280px) {
  .con_main .controller .btn {
		top: 300px;
  }
}
@media only screen and (max-width: 1024px) {
  .con_main .controller .btn {
		top: 250px;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .controller .btn {
		background: none;
		width: auto;
		height: auto;
  }
}
.con_main .controller .btn:hover {
	background: #231815;
	cursor: pointer;
}
@media only screen and (max-width: 640px) {
  .con_main .controller .btn:hover {
		background: none;
  }
}
.con_main .controller .btn.prev {
	left: 10%;
}
@media only screen and (max-width: 1280px) {
  .con_main .controller .btn.prev {
		left: 5px;
  }
}
.con_main .controller .btn.next {
	right: 10%;
}
@media only screen and (max-width: 1280px) {
  .con_main .controller .btn.next {
		right: 5px;
  }
}
.con_main .con_nav {
	background: url(../../hakkei/images/bg_nav.png) 0 0 repeat;
	padding: 35px 0 20px;
}
@media only screen and (max-width: 1024px) {
  .con_main .con_nav {
		padding: 30px 15px 10px;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav {
		padding: 10px 0 5px;
		border-top: 2px solid #0c569c;
  }
}
.con_main .con_nav .wrp {
	width: 1280px;
	margin: 0 auto;
}
@media only screen and (max-width: 1280px) {
  .con_main .con_nav .wrp {
		width: 100%;
  }
}
.con_main .con_nav .wrp h2 {
	display: none;
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav .wrp h2 {
		display: block;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
		text-align: center;
		color: #fff;
		font-size: 1.3em;
		padding-bottom: 5px;
  }
}
.con_main .con_nav .wrp .nav_hakkei {
	overflow: hidden;
	*zoom: 1;
	text-align: center;
}
.con_main .con_nav .wrp .nav_hakkei li {
	display: inline-block;
	padding: 0 2px 5px;
	margin: 0;
}
.con_main .con_nav .wrp .nav_hakkei li:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}
@media only screen and (max-width: 1024px) {
  .con_main .con_nav .wrp .nav_hakkei li {
		width: 32.333%;
		padding: 0 .5%;
		float: left;
		margin: 0 .5% 10px;
  }
  .con_main .con_nav .wrp .nav_hakkei li:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav .wrp .nav_hakkei li {
		width: 48%;
		margin: 0 1% 8px;
		display: block;
  }
}
.con_main .con_nav .wrp .nav_hakkei li a {
	display: block;
	width: 252px;
	height: 0;
	padding-top: 145px;
	overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .con_main .con_nav .wrp .nav_hakkei li a {
		width: 100%;
		padding-top: 9.5em;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav .wrp .nav_hakkei li a {
		background-color: #4e3e1f;
		height: auto;
		width: 100%;
		padding: 5px;
		color: #fff;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
		text-decoration: none;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		line-height: 1.4;
		position: relative;
  }
}
.con_main .con_nav .wrp .nav_hakkei li.nav_taisetsu {
	background: url(../../hakkei/images/nav_taisetsu.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 1024px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_taisetsu {
		background-size: contain;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_taisetsu {
		background: none;
  }
}
.con_main .con_nav .wrp .nav_hakkei li.nav_tsuribashi {
	background: url(../../hakkei/images/nav_tsuribashi.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 1024px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_tsuribashi {
		background-size: contain;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_tsuribashi {
		background: none;
  }
}
.con_main .con_nav .wrp .nav_hakkei li.nav_saka {
	background: url(../../hakkei/images/nav_saka.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 1024px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_saka {
		background-size: contain;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_saka {
		background: none;
  }
}
.con_main .con_nav .wrp .nav_hakkei li.nav_happo {
	background: url(../../hakkei/images/nav_happo.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 1024px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_happo {
		background-size: contain;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_happo {
		background: none;
  }
}
.con_main .con_nav .wrp .nav_hakkei li.nav_jump {
	background: url(../../hakkei/images/nav_jump.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 1024px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_jump {
		background-size: contain;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_jump {
		background: none;
  }
}
.con_main .con_nav .wrp .nav_hakkei li.nav_nohiraao {
	background: url(../../hakkei/images/nav_nohiraao.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 1024px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_nohiraao {
		background-size: contain;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_nohiraao {
		background: none;
  }
}
.con_main .con_nav .wrp .nav_hakkei li.nav_himekawa {
	background: url(../../hakkei/images/nav_himekawa.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 1024px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_himekawa {
		background-size: contain;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_himekawa {
		background: none;
		width: 98%;
  }
}
.con_main .con_nav .wrp .nav_hakkei li.nav_goryu {
	background: url(../../hakkei/images/nav_goryu.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 1024px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_goryu {
		background-size: contain;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_goryu {
		background: none;
  }
}
.con_main .con_nav .wrp .nav_hakkei li.nav_tsugaike {
	background: url(../../hakkei/images/nav_tsugaike.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 1024px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_tsugaike {
		background-size: contain;
  }
}
@media only screen and (max-width: 640px) {
  .con_main .con_nav .wrp .nav_hakkei li.nav_tsugaike {
		background: none;
  }
}

/*-----------------------------------------------------------
	.con_area
-----------------------------------------------------------*/
.con_area {
	margin-bottom: 60px;
}
@media only screen and (max-width: 640px) {
  .con_area {
		margin-bottom: 30px;
  }
}
.con_area .box_img {
	width: 1280px;
	margin: 0 auto;
}
@media only screen and (max-width: 1280px) {
  .con_area .box_img {
		width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .box_img {
		min-height: 200px;
  }
}
.con_area .box_img .img_area {
	min-height: 460px;
}
@media only screen and (max-width: 640px) {
  .con_area .box_img .img_area {
		display: none;
  }
}
.con_area .wrp_area {
	width: 1500px;
	margin: 0 auto;
	border: 1px solid #9fcde3;
	border-top: none;
}
@media only screen and (max-width: 1500px) {
  .con_area .wrp_area {
		width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area {
		border: none;
  }
}
.con_area .wrp_area .box_detail {
	width: 1280px;
	margin: 0 auto;
	position: relative;
	padding: 30px 10px 100px;
}
@media only screen and (max-width: 1280px) {
  .con_area .wrp_area .box_detail {
		width: 100%;
		padding: 20px 20px 80px;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail {
		padding: 20px 10px 30px;
  }
}
.con_area .wrp_area .box_detail .box_intro {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 60px;
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .box_intro .box_st {
		width: 67%;
		float: left;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_st {
		width: 100%;
		float: none;
  }
}
.con_area .wrp_area .box_detail .box_intro .box_st h2 {
	width: 40%;
	float: left;
	padding-right: 30px;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .box_intro .box_st h2 {
		width: 80%;
		float: none;
		padding-right: 0;
		padding-bottom: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_st h2 {
		width: 100%;
		padding-bottom: 10px;
  }
}
.con_area .wrp_area .box_detail .box_intro .box_st .box_txt {
	width: 40%;
	float: left;
	padding-right: 60px;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .box_intro .box_st .box_txt {
		width: 100%;
		float: none;
		padding: 0;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_st .box_txt {
		width: auto;
  }
}
.con_area .wrp_area .box_detail .box_intro .box_st .box_txt .txt {
	margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .box_intro .box_st .box_txt .txt {
		margin-bottom: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_st .box_txt .txt {
		font-size: .98em;
		line-height: 1.5;
  }
  .con_area .wrp_area .box_detail .box_intro .box_st .box_txt .txt br {
		display: none;
  }
}
.con_area .wrp_area .box_detail .box_intro .box_st .box_txt table {
	width: 100%;
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_st .box_txt table {
		width: 62%;
		float: left;
  }
}
.con_area .wrp_area .box_detail .box_intro .box_st .box_txt table tr th, .con_area .wrp_area .box_detail .box_intro .box_st .box_txt table tr td {
	background-color: #f2efe3;
	padding: 10px;
	border-bottom: 1px solid #e6e2d5;
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_st .box_txt table tr th, .con_area .wrp_area .box_detail .box_intro .box_st .box_txt table tr td {
		padding: 5px 10px;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_st .box_txt table tr th {
		width: 100%;
		float: left;
  }
}
.con_area .wrp_area .box_detail .box_intro .box_st .box_txt table tr td {
	border-left: 1px solid #e6e2d5;
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_st .box_txt table tr td {
		width: 100%;
		float: left;
		border-left: none;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_st .box_txt table tr td ul {
		padding-left: 10px;
  }
}
.con_area .wrp_area .box_detail .box_intro .box_st .box_txt table tr td ul li {
	line-height: 1.5;
	margin-bottom: 8px;
}
.con_area .wrp_area .box_detail .box_intro .box_st .box_txt table tr td ul li:last-child {
	margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_st .box_txt table tr td ul li {
		font-size: .9em;
		margin-bottom: 8px;
		list-style-type: disc;
		list-style-position: outside;
  }
}
.con_area .wrp_area .box_detail .box_intro .box_staff {
	width: 20%;
	position: absolute;
	right: 10px;
	top: -130px;
	text-align: center;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .box_intro .box_staff {
		position: static;
		float: right;
		width: 30%;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_staff {
		width: 35%;
  }
}
.con_area .wrp_area .box_detail .box_intro .box_staff .txt_name {
	background-color: #6db9da;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	color: #fff;
	display: inline-block;
	letter-spacing: 0;
	width: 100%;
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_staff .txt_name {
		padding: 3px 10px;
		font-size: .8em;
		line-height: 1.3;
  }
}
.con_area .wrp_area .box_detail .box_intro .box_staff .txt_name .name {
	font-size: 1.4em;
	display: block;
	letter-spacing: .05em;
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_staff .txt_name .name {
		font-size: 1.3em;
		letter-spacing: 0;
		line-height: 1;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_intro .box_staff .txt_name .pc {
		display: none;
  }
}
.con_area .wrp_area .box_detail .box_point {
	overflow: hidden;
	*zoom: 1;
	width: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .box_point {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dotted #4e3e1f;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_point {
		margin-bottom: 10px;
		padding-bottom: 10px;
  }
}
.con_area .wrp_area .box_detail .box_point .img {
	position: relative;
	width: 50%;
	float: left;
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_point .img {
		width: 100%;
		float: none;
		text-align: center;
  }
}
.con_area .wrp_area .box_detail .box_point .img:after {
	content: "";
	background: url(../../hakkei/images/ic_arrow_img_l.png) right center no-repeat;
	height: 100%;
	background-size: auto 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 38px;
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_point .img:after {
		display: none;
  }
}
.con_area .wrp_area .box_detail .box_point .box_txt {
	width: 47%;
	float: right;
	vertical-align: middle;
	padding-top: 15px;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .box_point .box_txt {
		width: auto;
		float: none;
		padding-top: 0;
  }
}
.con_area .wrp_area .box_detail .box_point .box_txt h3 {
	font-size: 4em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-weight: normal;
	letter-spacing: -.05em;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .box_point .box_txt h3 {
		font-size: 2.5em;
		width: 48.5%;
		float: right;
		padding-top: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_point .box_txt h3 {
		width: 100%;
		float: none;
		padding-top: 15px;
		font-size: 1.8em;
  }
}
.con_area .wrp_area .box_detail .box_point .box_txt h3 span {
	font-size: .7em;
}
.con_area .wrp_area .box_detail .box_point .box_txt h3 .space {
	font-size: 1em;
	letter-spacing: -.5em;
}
.con_area .wrp_area .box_detail .box_point .box_txt h3 .space_s {
	font-size: 1em;
	margin-left: -.5em;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .box_point .box_txt .txt {
		width: 100%;
		clear: both;
		padding-top: 15px;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .box_point .box_txt .txt {
		padding-top: 5px;
		line-height: 1.5;
  }
  .con_area .wrp_area .box_detail .box_point .box_txt .txt br {
		display: none;
  }
}
.con_area .wrp_area .box_detail .box_point.even .img {
	float: right;
}
.con_area .wrp_area .box_detail .box_point.even .img:after {
	content: "";
	background: url(../../hakkei/images/ic_arrow_img_r.png) left center no-repeat;
	left: 0;
}
.con_area .wrp_area .box_detail .box_point.even .box_txt {
	float: left;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .box_point.even .box_txt {
		float: none;
  }
  .con_area .wrp_area .box_detail .box_point.even .box_txt h3 {
		float: left;
  }
}
.con_area .wrp_area .box_detail .con_information {
	margin-top: 60px;
	overflow: hidden;
	*zoom: 1;
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .con_information {
		margin-top: 30px;
  }
}
.con_area .wrp_area .box_detail .con_information .box_plan {
	width: 50%;
	float: left;
	background: rgba(216, 234, 241, 0.3);
	border: 5px solid #cee6ee;
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .con_information .box_plan {
		width: 100%;
		float: none;
  }
}
.con_area .wrp_area .box_detail .con_information .box_plan h4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	text-align: center;
	font-size: 2.1em;
	font-weight: normal;
	background: #cee6ee;
}
.con_area .wrp_area .box_detail .con_information .box_plan h4 br {
	display: none;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .con_information .box_plan h4 {
		font-size: 1.6em;
		line-height: 1.3;
  }
  .con_area .wrp_area .box_detail .con_information .box_plan h4 br {
		display: inline-block;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .con_information .box_plan h4 {
		font-size: 1.4em;
  }
}
.con_area .wrp_area .box_detail .con_information .box_plan .box a {
	display: block;
	overflow: hidden;
	*zoom: 1;
	padding: 20px 20px 10px;
}
.con_area .wrp_area .box_detail .con_information .box_plan .box a:hover {
	background: #d8eaf1;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .con_information .box_plan .box a:hover {
		background: none;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .con_information .box_plan .box a {
		padding: 10px;
  }
}
.con_area .wrp_area .box_detail .con_information .box_plan .box a .img {
	width: 35%;
	float: left;
}
.con_area .wrp_area .box_detail .con_information .box_plan .box a .img:hover img {
	opacity: 1 !important;
}
.con_area .wrp_area .box_detail .con_information .box_plan .box a .box_txt {
	width: 62%;
	float: right;
}
.con_area .wrp_area .box_detail .con_information .box_plan .box a .box_txt .st_plan {
	color: #0c569c;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.5;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .con_information .box_plan .box a .box_txt .st_plan {
		font-size: 1.05em;
		margin-bottom: 5px;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .con_information .box_plan .box a .box_txt .st_plan {
		margin-bottom: 3px;
  }
}
.con_area .wrp_area .box_detail .con_information .box_plan .box a .box_txt .txt {
	font-size: .9em;
	bottom: 5px;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .con_information .box_plan .box a .box_txt .txt {
		display: none;
  }
}
.con_area .wrp_area .box_detail .con_information .box_plan .box a .box_txt .price {
	color: #bd271c;
	text-align: right;
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .con_information .box_plan .box a .box_txt .price {
		padding-bottom: 3px;
  }
}
.con_area .wrp_area .box_detail .con_information .box_plan .box a .box_txt .price span {
	font-size: 1.5em;
	margin-left: 5px;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .con_information .box_plan .box a .box_txt .price span {
		font-size: 1.3em;
  }
}
.con_area .wrp_area .box_detail .con_information .box_other {
	width: 47%;
	float: right;
	overflow: hidden;
	padding-top: 30px;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .con_information .box_other {
		padding-top: 0;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .con_information .box_other {
		width: 100%;
		float: none;
		margin-top: 30px;
  }
}
.con_area .wrp_area .box_detail .con_information .box_other h4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 2.1em;
	font-weight: normal;
	width: 70%;
	float: left;
	letter-spacing: -.05em;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .con_information .box_other h4 {
		font-size: 1.6em;
		line-height: 1.3;
		width: 100%;
		float: none;
		margin-bottom: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .con_information .box_other h4 {
		font-size: 1.5em;
  }
}
.con_area .wrp_area .box_detail .con_information .box_other .img {
	width: 30%;
	float: right;
	padding: 0 0 10px 10px;
}
.con_area .wrp_area .box_detail .con_information .box_other .box_txt {
	width: 67%;
	float: left;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .con_information .box_other .box_txt {
		width: auto;
		float: none;
  }
}
.con_area .wrp_area .box_detail .con_information .box_other .box_txt .txt {
	margin-bottom: 15px;
	padding-left: 5px;
}
.con_area .wrp_area .box_detail .con_information .box_other .box_txt .btn_more {
	width: 90%;
}
@media only screen and (max-width: 1024px) {
  .con_area .wrp_area .box_detail .con_information .box_other .box_txt .btn_more {
		clear: both;
		margin: 0 auto;
  }
}
@media only screen and (max-width: 640px) {
  .con_area .wrp_area .box_detail .con_information .box_other .box_txt .btn_more {
		width: 100%;
  }
}
.con_area .wrp_area .box_detail .con_information .box_other .box_txt .btn_more a {
	display: block;
	overflow: hidden;
	background: #4e3e1f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 2px 2px #444;
	-webkit-box-shadow: 1px 2px 2px #444;
	box-shadow: 1px 2px 2px #444;
	color: #fff;
	width: auto;
	height: auto;
	padding-top: 0;
	text-decoration: none;
	padding: 15px 15px;
	line-height: 1.3;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
}
.con_area .wrp_area .box_detail .con_information .box_other .box_txt .btn_more a i {
	margin-right: 5px;
	color: #fefdfb;
}
.con_area .wrp_area .box_detail .con_information .box_other .box_txt .btn_more a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6;
}

/*白馬八景と白馬大雪渓*/
#lnk_taisetsu {
	background: url(../../hakkei/images/img_taisetsu.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 640px) {
  #lnk_taisetsu {
		background-size: auto 200px;
  }
}
#lnk_taisetsu .wrp_area .box_detail .box_intro .box_st .box_txt {
	padding-right: 20px;
}
@media only screen and (max-width: 1024px) {
  #lnk_taisetsu .wrp_area .box_detail .box_intro .box_st .box_txt {
		padding-right: 0;
  }
}
#lnk_taisetsu .wrp_area .box_detail .box_intro .box_st .box_txt table tr th {
	width: 18%;
}
@media only screen and (max-width: 640px) {
  #lnk_taisetsu .wrp_area .box_detail .box_intro .box_st .box_txt table tr th {
		width: 100%;
  }
}

/*大出の吊橋*/
#lnk_tsuribashi {
	background: url(../../hakkei/images/img_tsuribashi.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 640px) {
  #lnk_tsuribashi {
		background-size: auto 200px;
  }
}

/*天神坂*/
#lnk_saka {
	background: url(../../hakkei/images/img_saka.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 640px) {
  #lnk_saka {
		background-size: auto 200px;
  }
}
#lnk_saka .wrp_area .box_detail .box_intro .box_st .box_txt {
	margin-left: -100px;
}
@media only screen and (max-width: 1024px) {
  #lnk_saka .wrp_area .box_detail .box_intro .box_st .box_txt {
		margin-left: 0;
  }
}

/*八方尾根*/
#lnk_happo {
	background: url(../../hakkei/images/img_happo.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 640px) {
  #lnk_happo {
		background-size: auto 200px;
  }
}

/*白馬ジャンプ競技場*/
#lnk_jump {
	background: url(../../hakkei/images/img_jump.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 640px) {
  #lnk_jump {
		background-size: auto 200px;
  }
}
#lnk_jump .wrp_area .box_detail .box_point.even h3 {
	font-size: 3.75em;
	letter-spacing: -.08em;
}
@media only screen and (max-width: 1024px) {
  #lnk_jump .wrp_area .box_detail .box_point.even h3 {
		font-size: 2.2em;
  }
}
@media only screen and (max-width: 640px) {
  #lnk_jump .wrp_area .box_detail .box_point.even h3 {
		font-size: 1.8em;
  }
}

/*野平・青鬼地区*/
#lnk_nohiraao {
	background: url(../../hakkei/images/img_nohiraao.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 640px) {
  #lnk_nohiraao {
		background-size: auto 200px;
  }
}

/*姫川源流自然探勝園＆親海湿原*/
#lnk_himekawa {
	background: url(../../hakkei/images/img_himekawa.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 640px) {
  #lnk_himekawa {
		background-size: auto 200px;
  }
}
#lnk_himekawa .wrp_area .box_detail .box_intro .box_st h2 {
	width: 50%;
}
@media only screen and (max-width: 1024px) {
  #lnk_himekawa .wrp_area .box_detail .box_intro .box_st h2 {
		width: 100%;
		float: none;
  }
}
#lnk_himekawa .wrp_area .box_detail .box_intro .box_st .box_txt {
	width: 30%;
	padding-right: 10px;
}
@media only screen and (max-width: 1024px) {
  #lnk_himekawa .wrp_area .box_detail .box_intro .box_st .box_txt {
		width: 100%;
		padding-right: 0;
  }
}
#lnk_himekawa .wrp_area .box_detail .box_intro .box_st .box_txt table tr th {
	width: 30%;
}
@media only screen and (max-width: 640px) {
  #lnk_himekawa .wrp_area .box_detail .box_intro .box_st .box_txt table tr th {
		width: 100%;
  }
}
#lnk_himekawa .wrp_area .box_detail .box_point.even h3 {
	font-size: 3.75em;
	letter-spacing: -.08em;
}
@media only screen and (max-width: 1024px) {
  #lnk_himekawa .wrp_area .box_detail .box_point.even h3 {
		font-size: 2.2em;
  }
}
@media only screen and (max-width: 640px) {
  #lnk_himekawa .wrp_area .box_detail .box_point.even h3 {
		font-size: 1.8em;
  }
}

/*五竜高山植物園*/
#lnk_goryu {
	background: url(../../hakkei/images/img_goryu.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 640px) {
  #lnk_goryu {
		background-size: auto 200px;
  }
}

/*栂池自然園*/
#lnk_tsugaike {
	background: url(../../hakkei/images/img_tsugaike.jpg) center 0 no-repeat;
}
@media only screen and (max-width: 640px) {
  #lnk_tsugaike {
		background-size: auto 200px;
  }
}
#lnk_tsugaike .wrp_area .box_detail .box_point.even h3 {
	font-size: 3.7em;
	letter-spacing: -.08em;
}
@media only screen and (max-width: 1024px) {
  #lnk_tsugaike .wrp_area .box_detail .box_point.even h3 {
		font-size: 2.4em;
  }
}
@media only screen and (max-width: 640px) {
  #lnk_tsugaike .wrp_area .box_detail .box_point.even h3 {
		font-size: 1.8em;
  }
}

/*-----------------------------------------------------------
	.con_intro
-----------------------------------------------------------*/
.con_intro {
	background: url(../cuisine/option/images/img_intro.jpg) right 0 no-repeat;
	padding: 30px 0 80px;
}
.con_intro .st_intro {
	height: 0;
	padding-top: 81px;
	margin-bottom: 10px;
	overflow: hidden;
	background: url(../cuisine/option/images/st_intro.png) left 0 no-repeat;
}
.con_intro .text {
	padding-left: 10px;
	width: 65%;
	margin-bottom: 10px;
}
.con_intro .txt_sub_cau {
	width: 65%;
	padding-left: 10px;
	font-size: .9em;
	color: #a50d17;
}

@media only screen and (max-width: 1024px) {
  .con_intro {
		padding-top: 0;
		padding-bottom: 50px;
		background-position: right bottom;
  }
  .con_intro .st_intro {
		background-size: 55% auto;
  }
}
@media only screen and (max-width: 640px) {
  .con_intro {
		background-size: 40% auto;
		background-position: right 30%;
		padding-bottom: 10px;
  }
  .con_intro .st_intro {
		background: none;
		padding-top: 0;
		height: auto;
		font-weight: bold;
		font-size: medium;
		padding-left: 10px;
		font-size: 1.2em;
		text-align: center;
  }
  .con_intro .st_intro .red {
		color: #a2161f;
  }
  .con_intro .st_intro .blue {
		color: #13548c;
  }
  .con_intro .text {
		text-align: left;
		width: 60%;
  }
  .con_intro .text br {
		display: none;
  }
  .con_intro .txt_sub_cau {
		width: 100%;
  }
  .con_intro .txt_sub_cau br {
		display: none;
  }
}
.txt_thanks {
	text-align: right;
	font-size: .9em;
	width: 1280px;
	margin: 0 auto;
}
@media only screen and (max-width: 1281px) {
  .txt_thanks {
		width: 100%;
		padding: 0 10px;
  }
}
@media only screen and (max-width: 768px) {
  .txt_thanks {
		margin-top: -30px;
		margin-bottom: 10px;
  }
}
.txt_thanks span {
	font-weight: bold;
}

/* -----------------------------------------------------------
	.btn_ptop	PAGE TOPボタン
----------------------------------------------------------- */
#hakkei .btn_ptop {
	position: fixed;
	right: 15px;
	bottom: 15px;
}

#hakkei .btn_ptop a {
	display: block;
	background: url(../images/common/pagetop.png) center 0 no-repeat;
	height: 0;
	padding-top: 70px;
	overflow: hidden;
	float: right;
	width: 70px;
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
	transition-delay: 0;
	-webkit-transition: all 0.2s ease-out 0;
}

#hakkei .btn_ptop a:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}

@media only screen and (max-width: 1024px) {
  #hakkei .btn_ptop a {
		float: none !important;
		margin: 0 auto;
  }
}