@charset "utf-8";

.hapitoku_sp {
	display: none;
}

div.hapitoku_mainvis {
	margin: -30px auto 42px;
	width: 800px;
}

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

div.hapitoku_intro {
	margin: 0 auto 40px;
	width: 660px;
}

div.hapitoku_intro p {
	margin: 0 auto 40px;
	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 40px;
	width: 514px;
}

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

div.hapitoku_onegai {
	margin: 0 auto 40px;
	padding: 0 0 24px;
	width: 660px;
	background: #f2efe7;
}

div.hapitoku_onegai h2 {
	margin: 0 auto 24px;
	width: 660px;
	background: #bb4557;
	color: #ffffff;
	font-size: 20px;
	line-height: 48px;
	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: 580px;
}

div.hapitoku_onegai_link {
	margin: 0 auto;
	width: 272px;
}

div.hapitoku_onegai_link a {
	margin: 0 auto;
	width: 268px;
	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;
}

div.hapitoku_view_shop {
	margin: 0 auto 12px;
	width: 330px;
}

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

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

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

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

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

div.hapitoku_about_ticket {
	margin: 0 auto 64px;
	padding: 20px 0 15px;
	width: 800px;
	background: #efefef;
}

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

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

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

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

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 40px;
	width: 800px;
}

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.hapitoku_ticket_place {
	margin: 0 auto;
	width: 800px;
}

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 45px;
	width: 229px;
	background: #fcfaf0;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	text-align: left;
	border: 1px solid #f16e2c;
}

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 13px 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 13px 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 13px 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 13px 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 13px 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 13px 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 13px 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 13px 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 13px 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 13px 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 13px 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 13px 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 13px center;
	background-repeat: no-repeat;
	background-size: 23px;
}

div.hapitoku_ticket_place_area table.hapitoku_ticket_place td {
	padding: 10px 25px;
	font-size: 15px;
	line-height: 22px;
	border: 1px solid #f16e2c;
}

div.hapitoku_map_pc {
	margin: 0 auto 100px;
	width: 650px;
}

div.hapitoku_map_sp {
	display: none;
}

div.hapitoku_shop_index {
	margin: 0 auto 45px;
	width: 800px;
}

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

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

div.hapitoku_shop_index p {
	margin: 0 auto 12px;
	font-size: 18px;
	line-height: 21px;
	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 15px 12px 0;
	padding: 0 0 0 0;
	list-style: none;
	display: inline-block;
}

div.hapitoku_shop_index ul li a {
	margin: 0 0 0 0;
	padding: 0 40px 0 20px;
	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;
	border-radius: 16px;
	border: 1px solid #231815;
	display: block;
}

div.hapitoku_shop_index ul li a:hover {
	opacity: 0.5;
}

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;
}

div.hapitoku_shop_index div.hapitoku_shop_restaurant_index h3 a {
	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;
	text-decoration: underline;
	display: inline-block;
}

div.hapitoku_shop_index div.hapitoku_shop_restaurant_index h3 a:hover {
	opacity: 0.7;
}

div.hapitoku_shop_index div.hapitoku_shop_hotel_index h3 {
	margin: 0 auto 14px;
}

div.hapitoku_shop_index div.hapitoku_shop_hotel_index h3 a {
	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;
	text-decoration: underline;
	display: inline-block;
}

div.hapitoku_shop_index div.hapitoku_shop_hotel_index h3 a:hover {
	opacity: 0.7;
}

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;
	border: none;
}

div.hapitoku_shop_index div.hapitoku_shop_others_index ul li a:hover {
	opacity: 0.7;
}

div.hapitoku_shop_index div.hapitoku_shop_others_index ul li.tourism {
	margin: 0 46px 0 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 0 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 55px;
	padding: 40px 0 0;
	width: 800px;
	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(134px - 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(134px - 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 40px;
}

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: 800px;
}

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

div.shop_info_head {
	margin: 0 auto 13px;
	padding: 10px 0;
	width: 722px;
	border-bottom: 1px dotted #f16e2c;
}

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

div.shop_info_name {
	margin: 0 auto;
	width: calc(722px - 155px);
	float: left;
	display: inline;
}

div.pickup_detail div.shop_info_name h5 {
	margin: 0 auto;
	padding: 0 0 0 0;
	color: #000000;
	font-size: 22px;
	line-height: 45px;
	font-weight: 500;
}

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

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

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

div.shop_info_link ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.shop_info_link ul li.shopinfo {
	width: 84px;
	float: left;
	display: inline;
}

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;
	float: right;
	display: inline;
}

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: 722px;
}

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 55px;
	padding: 45px 0 0;
	width: 800px;
	border-top: 1px solid #2783a8;
}

div.hotel {
	background: #e6f0f8;
}

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

/*温泉*/

div#onsen {
	margin: 0 auto 55px;
	padding: 45px 0 0;
	width: 800px;
	border-top: 1px solid #2783a8;
}

div.onsen {
	background: #f4efeb;
}

div.pickup_detail div#onsen div.shop_info_name h4 {
	margin: 0 auto;
	padding: 0 0 0 0;
	color: #000000;
	font-size: 22px;
	line-height: 45px;
	font-weight: 500;
}

div#onsen div.shop_info_head {
	border-bottom: 1px dotted #956134;
}

/*観光施設*/

div#tourism {
	margin: 0 auto 55px;
	padding: 45px 0 0;
	width: 800px;
	border-top: 1px solid #2783a8;
}

div.tourism {
	background: #e5f4f1;
}

div.pickup_detail div#tourism div.shop_info_name h4 {
	margin: 0 auto;
	padding: 0 0 0 0;
	color: #000000;
	font-size: 22px;
	line-height: 45px;
	font-weight: 500;
}

div#tourism div.shop_info_head {
	border-bottom: 1px dotted #009573;
}

/*お土産*/

div#omiyage {
	margin: 0 auto 55px;
	padding: 45px 0 0;
	width: 800px;
	border-top: 1px solid #2783a8;
}

div.omiyage {
	background: #fbf0f7;
}

div.pickup_detail div#omiyage div.shop_info_name h4 {
	margin: 0 auto;
	padding: 0 0 0 0;
	color: #000000;
	font-size: 22px;
	line-height: 45px;
	font-weight: 500;
}

div#omiyage div.shop_info_head {
	border-bottom: 1px dotted #db69ab;
}

/*体験*/

div#exp {
	margin: 0 auto 55px;
	padding: 45px 0 0;
	width: 800px;
	border-top: 1px solid #2783a8;
}

div.exp {
	background: #f5f3f9;
}

div.pickup_detail div#exp div.shop_info_name h4 {
	margin: 0 auto;
	padding: 0 0 0 0;
	color: #000000;
	font-size: 22px;
	line-height: 45px;
	font-weight: 500;
}

div#exp div.shop_info_head {
	border-bottom: 1px dotted #9c87c0;
}