@charset "utf-8";

div.hapitoku_mainvis {
	margin: -40px auto 24px;
	width: 100%;
}

div.hapitoku_mainvis img {
	width: 100%;
	height: auto;
}

div.hapitoku_intro {
	margin: 0 auto 18px;
	width: 100%;
}

div.hapitoku_intro p {
	margin: 0 auto 24px;
	font-size: 17px;
	line-height: 28px;
	font-weight: 500;
	color: #231815;
}

div.hapitoku_intro p:last-child {
	margin: 0 auto;
	color: #2783a8;
}

div.hapitoku_intro p:last-child strong {
	font-size: 21px;
	font-weight: 700;
	color: #2783a8;
}

div.hapitoku_image {
	margin: 0 auto 35px;
	width: 100%;
}

div.hapitoku_image img {
	width: 100%;
	height: auto;
}

div.hapitoku_onegai {
	margin: 0 auto 20px;
	padding: 0 0 24px;
	width: 100%;
	background: #f2efe7;
}

div.hapitoku_onegai h2 {
	margin: 0 auto 24px;
	padding: 8px 36px;
	background: #bb4557;
	color: #ffffff;
	font-size: 20px;
	line-height: 23px;
	font-weight: 500;
	text-align: center;
}

div.hapitoku_onegai h3 {
	margin: 0 auto 10px;
	padding: 0 16px;
	min-width: calc(150px - 32px);
	background: #bb4557;
	color: #ffffff;
	font-size: 15px;
	line-height: 26px;
	font-weight: 500;
	text-align: center;
	border-radius: 13px;
	display: inline-block;
}

div.hapitoku_onegai p {
	margin: 0 auto;
	color: #231815;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
}

div.hapitoku_onegai_content {
	margin: 0 auto 20px;
	width: 90%;
}

div.hapitoku_onegai_link {
	margin: 0 auto;
	width: 86%;
}

div.hapitoku_onegai_link a {
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/bg_btn_message.png);
	background-position: left 30px center;
	background-repeat: no-repeat;
	background-size: 7px;
	color: #bb4557;
	font-size: 15px;
	line-height: 37px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	display: block;
	border: 3px solid #bb4557;
	border-radius: 5px;
	display: block;
}

div.hapitoku_view_shop {
	margin: 0 auto 30px;
	width: 100%;
}

div.hapitoku_view_shop img {
	width: 100%;
	height: auto;
}

div.hapitoku_fee {
	margin: 0 auto 35px;
	width: 100%;
}

div.hapitoku_fee img {
	width: 100%;
	height: auto;
}

div.hapitoku_period {
	margin: 0 auto 20px;
	width: 100%;
}

div.hapitoku_period img {
	width: 100%;
	height: auto;
}

div.hapitoku_about_ticket {
	margin: 0 auto 52px;
	padding: 20px 0 15px;
	width: 100%;
	background: #efefef;
}

div.hapitoku_about_ticket h2 {
	margin: 0 15px 10px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #2783a8;
}

div.hapitoku_about_ticket h3 {
	margin: 0 25px 10px 35px;
	font-size: 19px;
	line-height: 26px;
	font-weight: 500;
	color: #2783a8;
}

div.hapitoku_about_ticket p {
	margin: 0 25px 0 35px;
	font-size: 14px;
	line-height: 19px;
	font-weight: 400;
	color: #231815;
}

div.hapitoku_notice {
	margin: 0 auto 45px;
}

div.hapitoku_notice h3 {
	margin: 0 auto 20px;
	font-size: 17px;
	line-height: 37px;
	font-weight: 500;
	text-align: center;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

div.hapitoku_notice ul {
	margin: 0 auto;
	padding: 0 0 0 0;
}

div.hapitoku_notice ul li {
	margin: 0 auto;
	padding-left: 1em;
	font-size: 15px;
	line-height: 25px;
	text-indent: -1em;
	list-style: none;
}

div.hapitoku_ticket_place_area {
	margin: 0 auto 30px;
	width: 100%;
}

div.hapitoku_ticket_place_area h2 {
	margin: 0 auto 15px;
}

div.hapitoku_ticket_place_area h2 img {
	width: 100%;
	height: auto;
}

/*テーブルリセットここから*/

div.hapitoku_ticket_place_area table {
  border-collapse: collapse;
  border-spacing: 0;
}

div.hapitoku_ticket_place_area caption, div.hapitoku_ticket_place_area th, div.hapitoku_ticket_place_area td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/*テーブルリセットここまで*/

div.hapitoku_ticket_place_area table.hapitoku_ticket_place {
	margin: 0 auto;
	width: 100%;
	border-top: 1px solid #f16e2c;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place caption {
	padding: 8px 0 0 8px;
	caption-side: bottom;
	font-size: 14px;
	line-height: 17px;
	text-align: left;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th {
	padding: 10px 0 10px 42px;
	width: 100%;
	background: #fcfaf0;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	text-align: left;
	border-left: 1px solid #f16e2c;
	border-right: 1px solid #f16e2c;
	border-bottom: 1px solid #f16e2c;
	display: block;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th br {
	display: none;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no1 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_no1.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no2 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_no2.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no3 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_no3.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no4 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_no4.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no5 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_no5.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no6 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_no6.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no7 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_no7.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no8 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_no8.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no9 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_no9.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no10 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_no10.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no11 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_no11.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no12 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/12/hapitoku_no12.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place th.no13 {
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/12/hapitoku_no13.png);
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place td {
	padding: 10px 25px;
	width: 100%;
	font-size: 15px;
	line-height: 22px;
	border-left: 1px solid #f16e2c;
	border-right: 1px solid #f16e2c;
	border-bottom: 1px solid #f16e2c;
	display: block;
}

div.hapitoku_map_pc {
	display: none;
}

div.hapitoku_map_sp {
	margin: 0 auto 50px;
	width: 100%;
}

div.hapitoku_shop_index {
	margin: 0 auto 27px;
	width: 100%;
}

div.hapitoku_shop_index h2 {
	margin: 0 auto 18px;
}

div.hapitoku_shop_index h2 img {
	width: 100%;
	height: auto;
}

div.hapitoku_shop_index p {
	margin: 0 auto 18px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	text-align: center;
}

div.hapitoku_shop_index p a {
	text-decoration: underline;
}

div.hapitoku_shop_index a {
	color: #231815;
	text-decoration: none;
}

div.hapitoku_shop_index ul {
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 0;
	line-height: 0;
}

div.hapitoku_shop_index ul li {
	margin: 0 12px 12px 0;
	padding: 0 0 0 0;
	list-style: none;
	border-radius: 16px;
	border: 1px solid #231815;
	display: inline-block;
}

div.hapitoku_shop_index ul li a {
	margin: 0 0 0 0;
	padding: 0 36px 0 16px;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/bg_btn_shop_index.png);
	background-position: right 12px center;
	background-repeat: no-repeat;
	background-size: 8px;
	font-size: 14px;
	line-height: 32px;
	font-weight: 500;
	display: block;
}

div.hapitoku_shop_index h3 {
	margin: 0 auto 10px;
	padding: 0 0 0 0;
}

div.hapitoku_shop_restaurant_index {
	margin: 0 auto 23px;
}

div.hapitoku_shop_index div.hapitoku_shop_restaurant_index h3 {
	margin: 0 auto 14px;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_icon_restaurant.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	color: #f16e2c;
}

div.hapitoku_shop_index div.hapitoku_shop_restaurant_index ul li:nth-child(7) {
	margin: 0 8px 12px 0;
	padding: 0 0 0 0;
	list-style: none;
	border-radius: 16px;
	border: 1px solid #231815;
	display: inline-block;
}

div.hapitoku_shop_index div.hapitoku_shop_restaurant_index ul li:nth-child(7) a {
	padding: 0 28px 0 16px;
}

div.hapitoku_shop_index div.hapitoku_shop_restaurant_index h3 a {
	color: #f16e2c;
	text-decoration: underline;
}

div.hapitoku_shop_index div.hapitoku_shop_hotel_index h3 {
	margin: 0 auto 14px;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_icon_hotel.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	color: #036eb8;
}

div.hapitoku_shop_index div.hapitoku_shop_hotel_index h3 a {
	color: #036eb8;
	text-decoration: underline;
}

div.hapitoku_shop_hotel_index {
	margin: 0 auto 23px;
}

div.hapitoku_shop_others_index {
	margin: 0 auto;
}

div.hapitoku_shop_index div.hapitoku_shop_others_index ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	border-radius: inherit;
	border: none;
	display: inline-block;
}

div.hapitoku_shop_index div.hapitoku_shop_others_index ul li a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: none;
	background-position: inherit;
	background-repeat: no-repeat;
	background-size: auto;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
}

div.hapitoku_shop_index div.hapitoku_shop_others_index ul li.tourism {
	margin: 0 46px 20px 0;
}

div.hapitoku_shop_index div.hapitoku_shop_others_index ul li.tourism a {
	margin: 0 0 0 0;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_icon_tourism.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	color: #009573;
	text-decoration: underline;
}

div.hapitoku_shop_index div.hapitoku_shop_others_index ul li.onsen {
	margin: 0 58px 20px 0;
}

div.hapitoku_shop_index div.hapitoku_shop_others_index ul li.onsen a {
	margin: 0 0 0 0;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_icon_onsen.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	color: #956134;
	text-decoration: underline;
}

div.hapitoku_shop_index div.hapitoku_shop_others_index ul li.omiyage {
	margin: 0 58px 0 0;
}

div.hapitoku_shop_index div.hapitoku_shop_others_index ul li.omiyage a {
	margin: 0 0 0 0;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_icon_omiyage.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	color: #dd6fae;
	text-decoration: underline;
}

div.hapitoku_shop_index div.hapitoku_shop_others_index ul li.exp {
	margin: 0 0 0 0;
}

div.hapitoku_shop_index div.hapitoku_shop_others_index ul li.exp a {
	margin: 0 0 0 0;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_icon_exp.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	color: #9c87c0;
	text-decoration: underline;
}


/*店舗情報ここから*/

div#restaurant {
	margin: 0 auto 32px;
	padding: 30px 0 0;
	width: 100%;
	border-top: 3px solid #2783a8;
}

div.pickup_detail div#restaurant h3 {
	margin: 0 auto 14px;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_icon_restaurant.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	color: #f16e2c;
}

div.pickup_detail div#hotel h3 {
	margin: 0 auto 14px;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_icon_hotel.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	color: #036eb8;
}

div.pickup_detail div#onsen h3 {
	margin: 0 auto 14px;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_icon_onsen.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	color: #956134;
}

div.pickup_detail div#tourism h3 {
	margin: 0 auto 14px;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_icon_tourism.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	color: #009573;
}

div.pickup_detail div#omiyage h3 {
	margin: 0 auto 14px;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_icon_omiyage.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	color: #dd6fae;
}

div.pickup_detail div#exp h3 {
	margin: 0 auto 14px;
	padding: 0 0 0 40px;
	font-size: 20px;
	line-height: 32px;
	font-weight: 500;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/hapitoku_icon_exp.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 32px;
	color: #9c87c0;
}

div.pickup_detail div#restaurant h4 {
	margin: 0 auto 10px;
	padding: 0 15px;
	min-width: calc(114px - 30px);
	background: #f16e2c;
	color: #ffffff;
	font-size: 18px;
	line-height: 32px;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	border-radius: 16px;
}

div.pickup_detail div#hotel h4 {
	margin: 0 auto 10px;
	padding: 0 15px;
	min-width: calc(114px - 30px);
	background: #036eb8;
	color: #ffffff;
	font-size: 18px;
	line-height: 32px;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	border-radius: 16px;
}

div.shop_sub_cat_area {
	margin: 0 auto 20px;
}

div#restaurant div.shop_sub_cat_area:last-child {
	margin: 0 auto;
}

div.shop_info_box {
	margin: 0 auto 10px;
	padding: 0 0 15px;
	width: 100%;
}

div.shop_sub_cat_area div.shop_info_box:last-child {
	margin: 0 auto;
}

div.shop_info_head {
	margin: 0 auto 12px;
	padding: 10px 0 0;
	width: 87%;
}

div.shop_info_head:after {
	content:'';
	display:block;
	clear:both;
	height:0;
}

div.shop_info_name {
	margin: 0 auto;
	width: 100%;
}

div.pickup_detail div.shop_info_name h5 {
	margin: 0 auto 12px;
	padding: 12px 0 ;
	color: #000000;
	font-size: 20px;
	line-height: 27px;
	font-weight: 500;
	border-bottom: 1px dotted #f16e2c;
}

div.shop_info_link {
	margin: 0 auto;
	width: 155px;
	float: right;
	display: inline;
}

div.shop_info_link ul {
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 0;
	line-height: 0;
	list-style: none;
}

div.shop_info_link ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline-block;
}

div.shop_info_link ul li.shopinfo {
	width: 84px;
}

div.shop_info_link ul li.shopinfo a {
	background: #ffffff;
	color: #000000;
	font-size: 13px;
	line-height: 23px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	display: block;
}

div.shop_info_link ul li.map {
	margin: 0 0 0 9px;
	width: 62px;
}

div.shop_info_link ul li.map a {
	background: #231815;
	color: #ffffff;
	font-size: 13px;
	line-height: 23px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	display: block;
}

div.shop_info_link ul li.map a span {
	padding: 0 0 0 14px;
	background-image: url(https://www.ginzan-wm.jp/wp-content/uploads/2021/11/bg_button_hapitoku_spot.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 8px;
}

div.shop_info_content {
	margin: 0 auto;
	width: 87%;
}

div.shop_info_content p {
	margin: 0 auto;
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
}

div.restaurant {
	background: #fef0ea;
}

/*宿泊施設*/

div#hotel {
	margin: 0 auto 42px;
	padding: 42px 0 0;
	width: 100%;
	border-top: 1px solid #2783a8;
}

div.hotel {
	background: #e6f0f8;
}

div#hotel div.shop_info_head h5 {
	border-bottom: 1px dotted #036eb8;
}

/*温泉*/

div#onsen {
	margin: 0 auto 42px;
	padding: 42px 0 0;
	width: 100%;
	border-top: 1px solid #2783a8;
}

div.onsen {
	background: #f4efeb;
}

div.pickup_detail div#onsen div.shop_info_name h4 {
	margin: 0 auto 12px;
	padding: 12px 0 ;
	color: #000000;
	font-size: 20px;
	line-height: 27px;
	font-weight: 500;
	border-bottom: 1px dotted #956134;
}

/*観光施設*/

div#tourism {
	margin: 0 auto 42px;
	padding: 42px 0 0;
	width: 100%;
	border-top: 1px solid #2783a8;
}

div.tourism {
	background: #e5f4f1;
}

div.pickup_detail div#tourism div.shop_info_name h4 {
	margin: 0 auto 12px;
	padding: 12px 0 ;
	color: #000000;
	font-size: 20px;
	line-height: 27px;
	font-weight: 500;
	border-bottom: 1px dotted #009573;
}

/*お土産*/

div#omiyage {
	margin: 0 auto 42px;
	padding: 42px 0 0;
	width: 100%;
	border-top: 1px solid #2783a8;
}

div.omiyage {
	background: #fbf0f7;
}

div.pickup_detail div#omiyage div.shop_info_name h4 {
	margin: 0 auto 12px;
	padding: 12px 0 ;
	color: #000000;
	font-size: 20px;
	line-height: 27px;
	font-weight: 500;
	border-bottom: 1px dotted #db69ab;
}

/*体験*/

div#exp {
	margin: 0 auto 42px;
	padding: 42px 0 0;
	width: 100%;
	border-top: 1px solid #2783a8;
}

div.exp {
	background: #f5f3f9;
}

div.pickup_detail div#exp div.shop_info_name h4 {
	margin: 0 auto 12px;
	padding: 12px 0 ;
	color: #000000;
	font-size: 20px;
	line-height: 27px;
	font-weight: 500;
	border-bottom: 1px dotted #9c87c0;
}