@charset "utf-8";

#tmp_contents h1 {
	padding: 0 0 3px;
	margin: 0 0 1.5em;
	background-image: url("/site/shared/templates/auberge_free/images/contents_h1bg.gif");
	background-repeat: no-repeat;
	background-position: center bottom;
	border: none;
	text-align: center;
	line-height: 1.5;
	color: #333333;
	font-weight: bold;
	font-size: 220%;
	clear: both;
	/* Do not edit */
}
#tmp_contents h2 {
	margin: 1.2em 0 1.0em;
	padding: 10px 0 5px;
	background-image: url("/site/shared/templates/auberge_free/images/contents_h2bg.gif");
	background-position: center top;
	background-repeat: no-repeat;
	border-bottom: 2px dotted #333333;
	text-align: center;
	font-size: 180%;
	font-weight: bold;
	color: #333333;
}
#tmp_contents h3 {
	font-size: 160%;
	font-weight: bold;
	color: #DF3439;
	margin: 1.2em 0 1.0em;
}
#tmp_contents h4 {
	font-size: 135%;
	font-weight: bold;
	color: #333333;
	padding: 0 0 0 20px;
	margin: 1.2em 0 1.0em;
	position: relative;
}
#tmp_contents h4::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0.1em;
	width: 8px;
	height: 22px;
	background-color: #DF3439;
}
#tmp_contents h5 {
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	margin: 1.2em 0 1.0em;
}
#tmp_contents h6 {
	font-size: 110%;
	font-weight: bold;
	color: #333333;
	margin: 1.2em 0 1.0em;
}

#tmp_contents h2,
#tmp_contents h3,
#tmp_contents h4,
#tmp_contents h5,
#tmp_contents h6 {
	clear:both; /* Do not edit */
}
#tmp_contents table {
	word-break: break-all;
}
#tmp_contents p {
	margin: 0 0 0.8em 0; /* Do not edit */
}
#tmp_contents ul {
	margin: 0 0 1em 3.2em; /* Do not edit */
	list-style-image: url("/site/shared/site_auberge/images/icon/list_icon.png"); /* Do not edit */
}
#tmp_contents ol {
	margin: 0 0 1em 3.2em; /* Do not edit */
	list-style-image:none; /* Do not edit */
}
#tmp_contents ul li,
#tmp_contents ol li {
	margin: 0 0 0.5em; /* Do not edit */
}
#tmp_contents ul ul,
#tmp_contents ul ol,
#tmp_contents ol ul,
#tmp_contents ol ol {
	margin: 0.3em 0 0 1.5em; /* Do not edit */
}
#tmp_contents hr {
	height: 2px; /* Do not edit */
	color: #000000; /* Do not edit */
	background-color: #000000; /* Do not edit */
	border: none; /* Do not edit */
	clear: both; /* Do not edit */
}
#tmp_contents a {
	display: inline-block;
	text-decoration: underline;
	color: #0057ad;
}
#tmp_contents a:hover {
	color: #DF3B48;
}


/* ==================================================
parts
================================================== */
/* 一覧へボタン */
#page_back_btn {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 40px;
	margin-bottom: 100px;
	clear: both;
}
#page_back_btn a {
    display: inline-block;
    padding: 10px 50px 10px 50px;
    text-decoration: none;
    line-height: 1.5;
    color: #ffffff;
    background-color: #000000;
    box-sizing: border-box;
    position: relative;
    transition-duration: 0.3s;
}
#page_back_btn a:hover {
	color: #ffffff;
    background-color: #a8242f;
}
#page_back_btn a:hover::before {
    border: 1px solid #a8242f;
}
#page_back_btn a::before {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #000000;
    position: absolute;
    left: 5px;
    top: 5px;
    transition-duration: 0.3s;
    z-index: -1;
}
#page_back_btn a::after {
    content: "";
    width: 25px;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 50%;
}

/* お知らせページ */
#tmp_contents .news_list {
	margin-left: 0;
	list-style: none;
}
#tmp_contents .news_list .news_item {
	display: grid;
	grid-template-columns: 130px 1fr;
	gap: 10px;
	width: 100%;
	margin-bottom: 0;
	padding: 16px 0 10px 0;
	border-bottom: 2px dotted #aaaaaa;
}

/* 施設情報 */
/* 施設情報　マップ */
#tmp_contents .box_map iframe {
	width: 100%;
	height: 450px;
}
#tmp_contents iframe {
	max-width: 100%;
}
/* 施設情報　リンク */
#tmp_contents .genre_link {
	margin: 30px 0 40px;
}
#tmp_contents .genre_link_ttl {
	margin: 0 0 15px;
}
#tmp_contents .genre_link_ttl h3 {
	color: #ffffff;
	font-weight: 600;
	font-size: 160%;
	padding: 5px 10px;
	margin: 0;
}
#tmp_contents .genre_link_ttl.bg_red {
	background-color: #DD5F5F;
}
#tmp_contents .genre_link_ttl.bg_yellow {
	background-color: #BB8D00;
}
#tmp_contents .genre_link_ttl.bg_blue {
	background-color: #1FA0CA;
}
#tmp_contents .genre_link_ttl.bg_green {
	background-color: #3B8686;
}
#tmp_contents .genre_link_ttl.bg_navy {
	background-color: #34314C;
}
#tmp_contents .genre_link_ttl.bg_magenta {
	background-color: #A20048;
}
#tmp_contents .facility_list {
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
}
#tmp_contents .facility_item {
	display: grid;
	grid-template-columns: 45% 1fr;
	gap: 10px;
	margin-bottom: 0;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 2px dotted #aaaaaa;
}
#tmp_contents .facility_item p {
	margin-bottom: 0;
}
#tmp_contents .facility_item .facility_name {
	font-weight: 700;
}
#tmp_contents .facility_item .facility_add {
	display: block;
	background-image: url("/site/shared/templates/auberge_free/images/facility_facilitylist_addbg.png");
	background-position: left top 3px;
	background-repeat: no-repeat;
	padding: 1px 0 1px 20px;
}



/* img_cap
================================================== */
table.img_cap {
	margin:0 0 0.3em;
	border-collapse:collapse;
	border-spacing:0;
}
table.img_cap td {
	padding:0;
}
div.img_cap {
	margin:0 0 0.3em;
}
div.img_cap img {
	margin:0 !important;
}
/* outline
================================================== */
#tmp_contents .outline {
	margin:0 0 0.8em; /* Do not edit */
	border: 1px solid #000000;
	clear:both; /* Do not edit */
}
#tmp_contents table.outline {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents table.outline td {
	padding:10px 10px 0;
	color:inherit;
	background-color:#FFFFFF;
}
#tmp_contents div.outline {
	padding:10px 10px 0;
	color:inherit;
	background-color:#FFFFFF;
}
#tmp_contents .outline ul {
	margin-left:24px; /* Do not edit */
}
#tmp_contents .outline ol {
	margin-left:24px; /* Do not edit */
}
#tmp_contents .outline ul ul,
#tmp_contents .outline ul ol,
#tmp_contents .outline ol ul,
#tmp_contents .outline ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}

/* box_btn
================================================== */
#tmp_contents ul.box_btn {
	margin:0 0 0.8em; /* Do not edit */
	padding:0;
	list-style:none;
	list-style-image:none;
}
#tmp_contents ul.box_btn li {
	margin:0 0 10px 0;
	padding:10px;
	color:inherit;
	background-color: transparent;
	/* background:url(/site/shared/templates/free/images/contents/box_bg.jpg) no-repeat left top; */
	border: 1px solid #000000;
}
/* box_info
================================================== */
#tmp_contents .box_info {
	margin:0 0 0.8em; /* Do not edit */
	border: 1px solid #000000;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_info {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents .box_info .box_info_ttl {
	padding:3px 7px;
	color:inherit;
	font-weight:bold;
	background-color:#ffffff;
	border-bottom:1px solid #000000;
}
#tmp_contents .box_info .box_info_ttl p {
	margin-bottom:0; /* Do not edit */
}
#tmp_contents .box_info .box_info_cnt {
	padding:10px 10px 0;
}
#tmp_contents .box_info ul {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_info ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_info ul ul,
#tmp_contents .box_info ul ol,
#tmp_contents .box_info ol ul,
#tmp_contents .box_info ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
/* box_link
================================================== */
#tmp_contents .box_link {
	margin:0 0 0.8em; /* Do not edit */
	border: 1px solid #000000;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_link {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents .box_link .box_link_ttl {
	padding:3px 7px;
	color:inherit;
	font-weight:bold;
	background-color:#ffffff;
	border-bottom: 1px solid #000000;
}
#tmp_contents .box_link .box_link_ttl p {
	margin-bottom:0; /* Do not edit */
}
#tmp_contents .box_link .box_link_cnt {
	padding:10px 10px 0;
}
#tmp_contents .box_link ul {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_link ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_link ul ul,
#tmp_contents .box_link ul ol,
#tmp_contents .box_link ol ul,
#tmp_contents .box_link ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
/* box_menu
================================================== */
#tmp_contents .box_menu {
	margin:0 0 0.8em; /* Do not edit */
	/* background:url(/site/shared/templates/free/images/contents/box_bg.jpg) no-repeat left top; */
	border: 1px solid #000000;
	clear:both; /* Do not edit */
}
#tmp_contents table.box_menu {
	width:100%; /* Do not edit */
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
}
#tmp_contents table.box_menu td {
	padding:5px 10px 0;
}
#tmp_contents div.box_menu {
	padding:10px 10px 0;
}
#tmp_contents .box_menu h2 {
	margin:0 0 0.8em;
	padding:0;
	color:inherit;
	font-size:100%;
	background:none;
	border:none;
}
#tmp_contents .box_menu ul {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_menu ol {
	margin-bottom:0.8em; /* Do not edit */
	margin-left:24px; /* Do not edit */
}
#tmp_contents .box_menu ul ul,
#tmp_contents .box_menu ul ol,
#tmp_contents .box_menu ol ul,
#tmp_contents .box_menu ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}

/* datatable
================================================== */
#tmp_contents table.datatable {
	margin:0 0 0.8em; /* Do not edit */
	color:inherit;
	background-color:#FFFFFF;
	border-spacing: 8px; /* Do not edit */
	border: none;
	word-break: break-all;
}
#tmp_contents table.datatable th {
	padding: 5px 8px;
	color:inherit;
	border:1px solid #000000;
}
#tmp_contents table.datatable td {
	padding: 5px 2px;
	border: none;
}
#tmp_contents table.datatable caption {
	padding:0 0 0.5em; /* Do not edit */
	font-weight:bold; /* Do not edit */
	text-align:left; /* Do not edit */
}
#tmp_contents table.datatable p {
	margin:0; /* Do not edit */
}
#tmp_contents table.datatable ul,
#tmp_contents table.datatable ol {
	margin:0.2em 0 0 24px; /* Do not edit */
}
#tmp_contents table.datatable ul ul,
#tmp_contents table.datatable ul ol,
#tmp_contents table.datatable ol ul,
#tmp_contents table.datatable ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}

/* bgcolor */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* Setting by CMS sheets */
#tmp_contents table.datatable table th.bg_blue {
	color:inherit;
	background-color:#e8fdfe; /* base.css > Styles > th.bg_blue */
}
#tmp_contents table.datatable table th.bg_lightblue {
	color:inherit;
	background-color:#eef9ff; /* base.css > Styles > bg_lightblue */
}
#tmp_contents table.datatable table th.bg_purple {
	color:inherit;
	background-color:#f3eeff; /* base.css > Styles > th.bg_purple */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* nest-datatable
================================================== */
#tmp_contents table.datatable table {
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table th {
	color:inherit; /* Do not edit */
	background-color:transparent; /* Do not edit */
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table td {
	border:none; /* Do not edit */
}
#tmp_contents table.datatable table.datatable {
	border:1px solid #000000; /* = table.datatable */
}
#tmp_contents table.datatable table.datatable th {
	color:inherit; /* Do not edit */
	background-color:#DDEEFF; /* = table.datatable th */
	border:1px solid #000000; /* = table.datatable th */
}
#tmp_contents table.datatable table.datatable td {
	border:1px solid #000000; /* = table.datatable td */
}


/* enquete_table
================================================== */
#tmp_contents table.enquete_table {
	margin:0 0 0.8em; /* Do not edit */
	color:inherit;
	background-color:#FFFFFF;
	border-collapse:collapse; /* Do not edit */
	border-spacing:0; /* Do not edit */
	border: 1px solid #000000;
	word-break: break-all;
}
#tmp_contents table.enquete_table th {
	padding:5px 8px;
	color:inherit;
	border:1px solid #000000;
}
#tmp_contents table.enquete_table td {
	padding:5px 8px;
	border:1px solid #000000;
}
#tmp_contents table.enquete_table caption {
	padding:0 0 0.5em; /* Do not edit */
	font-weight:bold; /* Do not edit */
	text-align:left; /* Do not edit */
}
#tmp_contents table.enquete_table ul,
#tmp_contents table.enquete_table ol {
	margin:0.2em 0 0 24px; /* Do not edit */
}
#tmp_contents table.enquete_table ul ul,
#tmp_contents table.enquete_table ul ol,
#tmp_contents table.enquete_table ol ul,
#tmp_contents table.enquete_table ol ol {
	margin:0.3em 0 0 24px; /* Do not edit */
}
#tmp_contents table.enquete_table {
	width:100%; /* Do not edit */
}
#tmp_contents table.enquete_table th {
	width:20%; /* Do not edit */
}
#tmp_contents table.enquete_table .nes,
#tmp_contents table.enquete_table .memo {
	color:#990000; /* base.css > Styles > .text_red */
	font-weight:normal; /* Do not edit */
	background-color:transparent; /* Do not edit */
}
/* form_btn */
#tmp_contents .enquete_button {
	margin:15px 0; /* Do not edit */
	text-align:center; /* Do not edit */
}

/* nest-datatable
================================================== */
#tmp_contents table.enquete_table table {
	border:none; /* Do not edit */
}
#tmp_contents table.enquete_table table th {
	color:inherit; /* Do not edit */
	background-color:transparent; /* Do not edit */
	border:none; /* Do not edit */
}
#tmp_contents table.enquete_table table td {
	border:none; /* Do not edit */
}



/* ==================================================
contents
================================================== */

/* ==================================================
common
================================================== */

/* heading
================================================== */
/* 背景画像有り */
#tmp_sub_heading {
	width: 100%;
	padding-top: 300px;
	background-color: #cccccc;
	background-image: url("/site/shared/templates/auberge_free/images/titlebg_about.jpg");
	background-position: center center;
	background-size: cover;
	text-align: center;
}
#tmp_sub_heading.facility_heading {
	background-image: url("/site/shared/templates/auberge_free/images/titlebg_about.jpg");
}
#tmp_sub_heading.news_heading {
	background-image: url("/site/shared/templates/auberge_free/images/titlebg_news.jpg");
}
#tmp_sub_heading.facility_heading {
	background-image: url("/site/shared/templates/auberge_free/images/titlebg_facility.jpg");
}
#tmp_sub_heading.sitemap_heading {
	background-image: url("/site/shared/templates/auberge_free/images/titlebg_sitemap.jpg");
}
#tmp_sub_heading.sitemap_link {
	background-image: url("/site/shared/templates/auberge_free/images/titlebg_link.jpg");
}
#tmp_sub_heading .sub_head {
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
	background-color: #ffffff;
	line-height: 1.2;
	padding: 30px 150px 5px;
	max-width: 1080px;
	box-sizing: border-box;
}
#tmp_sub_heading .sub_head .sec_ttl {
	margin: 0;
	padding: 0;
	color: #000000;
	text-align: center;
	font-size: 220%;
	font-weight: 600;
}
#tmp_sub_heading .sub_head .sec_en_ttl {
	text-align: center;
	font-size: 120%;
	font-weight: 700;
}
#tmp_sub_heading .sub_head .sec_en_ttl span {
	color: #ab1824;
}

/* 背景画像無し */
#tmp_sub_detail_heading {
	padding: 30px 0;
    background-color: #F1F0ED;
	color: inherit;
}
#tmp_sub_detail_heading .sub_head {
	line-height: 1.2;
	max-width: 1080px;
}
#tmp_sub_detail_heading .sub_head .sec_ttl {
	margin: 0;
	padding: 0;
	color: #000000;
	text-align: center;
	font-size: 220%;
	font-weight: 600;
}
#tmp_sub_detail_heading .sub_head .sec_en_ttl {
	text-align: center;
	font-size: 100%;
	font-weight: 700;
}
#tmp_sub_detail_heading .sub_head .sec_en_ttl span {
	color: #ab1824;
}

/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_contents div.outline:after,
#tmp_contents div.box_info:after,
#tmp_contents div.box_info_ttl:after,
#tmp_contents div.box_info_cnt:after,
#tmp_contents div.box_link:after,
#tmp_contents div.box_link_ttl:after,
#tmp_contents div.box_link_cnt:after,
#tmp_contents div.box_menu:after,
#tmp_contents div.box_menu_ttl:after,
#tmp_contents div.box_menu_cnt:after,
#tmp_map:after,
#tmp_contents #tmp_facilities_btn:after,
#tmp_contents #tmp_facilities_btn ul:after,
#tmp_event_cal_tab:after,
#tmp_event_cal_tab ul:after,
#tmp_event_cal_refine:after,
#tmp_event_cal_refine_ttl:after,
#tmp_event_cal_refine_cnt:after,
#tmp_event_cal_refine_cnt dl:after,
#tmp_event_cal_refine_cnt dd:after,
#tmp_event_cal_refine_cnt dd ul:after,
#tmp_event_main:after,
#tmp_contents .event_col3:after,
#tmp_lnavi_event_cal:after,
#tmp_lnavi_event_cal_ttl:after,
#tmp_lnavi_event_cal_cnt:after,
#tmp_lnavi_event_cal .cal_navi:after {
	content: ""; /* Do not edit */
	display: table; /* Do not edit */
	clear: both; /* Do not edit */
}
/* ==================================================
print
================================================== */
@media print {
body {
	background:#FFFFFF !important;
}
#tmp_wrapper {
	width:100% !important;
}
#tmp_wrapper img {
	animation: none;
}
#tmp_header {
	margin-bottom:10px !important;
	padding-bottom:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-bottom:1px solid #000000 !important;
}
#tmp_footer {
	margin-top:10px !important;
	padding-top:10px !important;
	color:#000000 !important;
	background:#FFFFFF !important;
	border-top:1px solid #000000 !important;
}
.gnavi,
.wrap_col_lft_navi,
.wrap_col_rgt_navi,
.pnavi,
.fnavi,
.plugin,
#tmp_social_plugins,
#tmp_inquiry_cnt .inquiry_btn,
#tmp_feedback,
#tmp_pankuzu {
	display:none !important;
}
.wrap_col_nm,
.column_lnavi .wrap_col_main,
.column_rnavi .wrap_col_main {
	float:none !important;
}
body,
#tmp_pankuzu {
	background:none !important;
}
.wrap_col_nm,
.wrap_col_nm2,
.col_main {
	margin:0 !important;
	padding:0 !important;
}
#tmp_contents .box_gmap {
	margin:0;
	padding:170px 0 0 0;
	position:relative;
	top:-170px;
	page-break-before:always;
}
.copyright {
	text-align:left !important;
}
}