@charset "utf-8";
/* CSS Document */
/* img
--------------------------------------------------------- */
img.img-switch { /* smp-img-switch.js(PC・SPで画像切り替え) で仕様 */
	visibility: hidden;
}
img.img-fluid {
	width: 100%;
}
/* PC SP 表示非表示
--------------------------------------------------------- */
@media screen and (max-width: 768px) {
.spnone {
	display: none !important;
}
}
@media print, screen and (min-width: 769px) {
.pcnone {
	display: none !important;
}
}

/* =========================================================
 side
========================================================= */
@media screen and (max-width: 768px) {
#side .side-bnr {
	display: none;
}
}
@media print, screen and (min-width: 769px) {
#side > *+* {
	margin-top: 25px;
}
#side .side-bnr ul li+li {
	margin-top: 8px;
}
}
/* =========================================================
 page common layout
========================================================= */
@media screen and (max-width: 768px) {
div.contents-cover, div.contents {
	width: 100%;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
}
@media print, screen and (min-width: 769px) {
div.contents-cover {
	width: 100%;
}

div.contents, div.contents-cover > div {
	width: 1000px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}
}
/* =========================================================
 page common mod
========================================================= */
img.img-radius {
	border-radius: 5px;
}
.area-photo > img {
	display: block;
	margin: 0 auto;
}
/* mod-photoBody
--------------------------------------------------------- */
.mod-photoBody img {
	max-width: 100%;
	height: auto;
}
.mod-photoBody > img {
	display: block;
	margin: 0 auto;
}
/* mod-textBody
--------------------------------------------------------- */
#main .mod-textBody p {
	margin: 0.5em 0;
	line-height: 1.3;
}
#main .mod-textBody > p:first-child {
	margin-top: 0;
}
#main .mod-textBody p:empty {
	height: 1em;
}
/* l-col2set (PC表示で2カラム)
--------------------------------------------------------- */
.l-col2set {
	overflow: hidden;
	width: 100%;
}
.l-col2set .l-col2set-item > * + * {
	margin-top: 10px;
}
@media screen and (max-width: 768px) {
.l-col2set .l-col2set-item + .l-col2set-item {
	margin-top: 15px;
}
}
@media print, screen and (min-width: 769px) {
.l-col2set .col-left {
	float: left;
}
.l-col2set .col-right {
	float: right;
}
/* .l-col2set_01 左460 右460 */
.l-col2set_01 .col-left {
	width: 460px;
}
.l-col2set_01 .col-right {
	width: 460px;
}
}
/* ggmap
--------------------------------------------------------- */

.ggmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 350px;
    padding-top: 30px;
    position: relative;
}

.ggmap iframe,
.ggmap object,
.ggmap embed  {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.ggmap small {
	display: none;
}

@media screen and (max-width: 768px) {
.ggmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 200px;
    padding-top: 30px;
    position: relative;
}	
}

/* scroll
--------------------------------------------------------- */
.scroll {
    overflow-x: auto !important;
    overflow-y: hidden;
}

.scroll > * {
    margin: 0 !important;
}
/*------- table用スクロール-------------- */
.tableScroll {
  overflow-x: auto !important;
  overflow-y: hidden;
  margin-bottom: 1.5em; }
  .tableScroll::-webkit-scrollbar {
    /* スクロールバー本体 */
    width: 15px;
    height: 15px;
    background: #ccc; }
  .tableScroll::-webkit-scrollbar:horizontal {
    /* 横方向のスクロールバー本体 */
    width: 12px;
    height: 12px;
    background: #ccc; }
  .tableScroll::-webkit-scrollbar-thumb {
    /* スクロールバーの動く部分 */
    background: #999;
    border: #666 solid 1px;
    border-radius: 0; }
  .tableScroll::-webkit-scrollbar-thumb:horizontal {
    /* 横方向のスクロールバーの動く部分 */
    background: #999;
    border: #666 solid 1px;
    border-radius: 0; }
  .tableScroll::-webkit-scrollbar-track-piece:start {
    /* スクロールバーの動く部分の前 */
    background: #ccc; }
  .tableScroll::-webkit-scrollbar-track-piece:end {
    /* スクロールバーの動く部分の後ろ */
    background: #ccc; }
  .tableScroll::-webkit-scrollbar-corner {
    /* スクロールバー角 */
    background: transparent; }
  .tableScroll > * {
    margin: 0 !important; }


/* pagetitle
--------------------------------------------------------- */

#pagetitle {
	line-height: 1.2;
}

@media screen and (max-width: 768px) {
#pagetitle {
	font-size: 1.6rem;
	font-weight: bold;
	padding: 20px 10px 15px;
	margin-bottom: 20px;
	margin-left: -10px;
	margin-right: -10px;
}
}
@media print, screen and (min-width: 769px) {	
#pagetitle {
	font-size: 2.9rem;
	padding-top: 31px;
	height: 90px;
}
}
/* title
--------------------------------------------------------- */
.page-ttl-01 {
	font-weight: bold;
	line-height: 1.2;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	padding: 5px 0 5px 20px;
}

@media screen and (max-width: 768px) {
.page-ttl-01 {
	font-size: 1.6rem;
	margin-bottom: 15px;
}
}

@media print, screen and (min-width: 769px) {	
.page-ttl-01 {
	font-size: 1.8rem;
	margin-bottom: 20px;
}	
}

/* table
--------------------------------------------------------- */
table {
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	width: 100%;
}
table.table {
	margin-bottom: 20px;
}
table.table tr.bg {
	background-color: #F9F9F9;
}
table.table th {
	font-weight: bold;
}
table.table th[scope="row"] {/* 行方向の見出し */
	vertical-align: middle;
}
table.table th[scope="col"] {/* 列方向の見出し */
	text-align: center;
}
table.table th, table.table td {
	padding: 12px 1em;
}
table.base {
	border: #abb1b7 solid 1px;
}
table.base th {
	background-color: #deebfc;
}
table.base td, table.both th[scope="row"] {
	background-color: #ffffff;
}
table.base tr+tr th {
	border-top: #abb1b7 solid 1px;
}
table.base th+th {
	border-left: #abb1b7 solid 1px;
}
table.base tr+tr td {
	border-top: #abb1b7 solid 1px;
}
table.base td+td {
	border-left: #abb1b7 solid 1px;
}
table.base th+td {
	border-left: #abb1b7 solid 1px;
}
table.base th+td {
	border-left: #abb1b7 solid 1px;
}
table.table th.txac, table.table td.txac  {
	text-align: center;
}
table.table th.txal, table.table td.txal {
	text-align: left;
}
table.table th.txar, table.table td.txar {
	text-align: right;
}
table.base th.nowrap, table.base td.nowrap {
	white-space: nowrap;
}

/* list
--------------------------------------------------------- */
ul.base {
	padding-left: 2em;
}
ul.base > li {
	padding-top: 3px;
	list-style: disc;
	line-height: 117%;
}
ol.base, ol.katakana {
	margin: 5px 0 0 3em;
}
ol.base > li {
	list-style: decimal;
}
.base > li+li, .katakana > li+li {
	margin-top: 5px;
}


/* button
--------------------------------------------------------- */

.btn-return a {
	color: #666;
	display: block;
	max-width: 240px;
	border-radius: 5px;
	background-color: #abb1b7;
	padding: 10px 20px 10px 20px;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;	
}

.btn-return a span {
	display: block;
	background: url(../images/arrow_gray_left.png) no-repeat 0% 50%;	
	font-weight: bold;
}

@media screen and (max-width: 768px) {
}


/* layout-box
--------------------------------------------------------- */
div.l-box section > *+*,
div.l-box div.l-box-item > *+*,
div.l-box div.l-box-item div.l-box-item-inner > *+* {
	margin-top: 15px;
}
div.l-box {
	margin-top: 60px;
}
div.l-box  div.l-box-item {
	margin-top: 45px;
}
div.l-box div.l-box-item div.l-box-item-inner {
	margin-top: 40px;
}
@media screen and (max-width: 768px) {	
div.l-box {
	margin-top: 35px;
}

div.l-box  div.l-box-item {
	margin-top: 35px;
}
}
#pan + div.l-box,
div.l-box section > .page-ttl-01+div.l-box-item,
div.l-box section > .page-ttl-02+div.l-box-item,
div.l-box section > .page-ttl-03+div.l-box-item,
div.l-box section > .page-ttl-bold-b+div.l-box-item,
div.l-box section > .page-ttl-bold-b-color+div.l-box-item,
div.l-box section > .page-ttl-bold+div.l-box-item,
div.l-box section > .page-ttl-bold-color+div.l-box-item,
div.l-box-item > .page-ttl-01+.l-box-item-inner,
div.l-box-item > .page-ttl-02+.l-box-item-inner,
div.l-box-item > .page-ttl-03+.l-box-item-inner,
div.l-box-item > .page-ttl-bold-b+.l-box-item-inner,
div.l-box-item > .page-ttl-bold-b-color+.l-box-item-inner,
div.l-box-item > .page-ttl-bold+.l-box-item-inner,
div.l-box-item > .page-ttl-bold-color+.l-box-item-inner {
	margin-top: 0px;
}

/*--- menu ---*/
#side .side-menu a:link,
#side .side-menu a:visited,
#side .side-menu a:hover,
#side .side-menu a:active,
#side .side-menu a.hover {
	text-decoration: none;
}
#side .side-menu dl a {
	display: block;
}
#side .side-menu > dl > dt {
	color: #fff;
	background-color: #fff;
	font-weight: bold;
	text-align: center;
}

#side .side-menu > dl > dt a {
	color: #fff;
	display: block;
}
#side .side-menu dd ul li + li {
	border-top: #a3a3a3 dashed 1px;
}
#side .side-menu > dl > dd > ul > li a {
	color: #535353;
}
#side .side-menu > dl > dd > ul > li a[href^="http"] span  {
	display: inline;
	background: url(../images/icon_outside_link.png) no-repeat 100% 50%;
	line-height: 18px;
	padding-right: 25px;
}
@media screen and (max-width: 768px) {
#side .side-menu > dl > dt a,
#side .side-menu > dl > dt div {
	font-size: 1.6rem;
	padding: 10px;
}
#side .side-menu > dl > dt a span,
#side .side-menu > dl > dt div span {
	-webkit-background-size: 30px auto !important;
	background-size: 30px auto !important;
	line-height: 30px;
	padding-left: 35px;
	padding-right: 15px;
}
#side .side-menu dd ul {
	border-bottom: #a3a3a3 solid 1px;
}
#side .side-menu > dl > dd > ul > li a {
	background: url(../images/arrow_gray_right.png) no-repeat 100% 50%;
	padding: 10px 25px 10px 10px;
}
}
@media print, screen and (min-width: 769px) {	
#side .side-menu > dl > dt {
	border-style: solid;
	border-width: 2px;
	font-size: 2.0rem;
	height: 86px;
}
#side .side-menu > dl > dt a,
#side .side-menu > dl > dt div {
	height: 84px;
}
#side .side-menu > dl > dt a span,
#side .side-menu > dl > dt div span {
	line-height: 40px;
	margin-top: 20px;
	padding-left: 50px;
	padding-right: 23px;
	font-weight: bold;
}
#side .side-menu > dl > dd {
	border-style: solid;
	border-width: 2px;
	border-top: none;
}
#side .side-menu > dl > dd > ul > li a {
	background: url(../images/arrow_gray_right.png) no-repeat 0% 50%;
	background-color: #fff;
	padding: 10px 10px 10px 25px;
}
#side .side-menu > dl > dd > ul > li a[href^="#"] {
	background: url(../images/arrow_gray_bottom.png) no-repeat 0% 50%;
	background-color: #fff;
}
}

/* =========================================================
 観光・文化財・食事・特産品・宿泊・イベント共通
========================================================= */
/* 一覧(イベント以外)
--------------------------------------------------------- */
ul#articles-list > li dl {
	box-shadow: 0px 0px 3px #777;
}
ul#articles-list > li dd {
	text-align: center;
}
ul#articles-list > li dt {
	background-color: #fff;
	font-weight: bold;
}
ul#articles-list > li a:link, ul#articles-list > li a:visited {
	display: block;
	border: #faf7f2 solid 3px;
	text-decoration: none;
}
ul#articles-list > li a:hover,
ul#articles-list > li a:active,
ul#articles-list > li a.hover {
	border-style: solid;
	border-width: 3px;
}
ul#articles-list > li a[href^="http"] dt span  {
	display: inline;
	background: url(../images/icon_outside_link.png) no-repeat 100% 50%;
	line-height: 18px;
	padding-right: 25px;
}
ul#articles-list > li a[href$=".pdf"] dt span  {
	display: inline;
	background: url(../images/icon_pdf.png) no-repeat 100% 50%;
	line-height: 20px;
	padding-right: 25px;
}
/* pager */
#box-pager {
	margin-top: 40px;
	text-align: center;
}
ul#pager {
	width: 100%;
	margin: 20px 0;
	padding: 0 10px;
	display: table;
}
ul#pager li {
	display: table-cell;
	height: 40px;
}
ul#pager li.number {
	padding: 0 5px;
	width: 40px;
	vertical-align: middle;
}
ul#pager li.number > * {
	display: block;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	width: 40px;
}
ul#pager li.number > a:link, ul#pager li.number > a:visited {
	color: #f39800;
	background: #FFF;
	border: #f39800 solid 1px;
	text-decoration: none;
}
ul#pager li.number > a:hover, ul#pager li.number > a:active, ul#pager li.number > a.hover, ul#pager li.number > div {
	color: #FFF;
	background: #f39800;
	border: #f39800 solid 1px;
	text-decoration: none;
}
ul#pager li.prev {
	padding-right: 10px;
}
ul#pager li.prev > * {
	display: block;
	border-radius: 20px;
	line-height: 40px;
	text-align: center;
}
ul#pager li.prev > a:link, ul#pager li.prev > a:visited {
	color: #f39800;
	background: #FFF;
	border: #f39800 solid 1px;
	text-decoration: none;
}
ul#pager li.prev > a:hover, ul#pager li.prev > a:active, ul#pager li.prev > a.hover {
	color: #FFF;
	background: #f39800;
	border: #f39800 solid 1px;
	text-decoration: none;
}
 ul#pager li.prev > div {
	color: #FFF;
	background-color: #abb1b7;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	border: #c4c4c4 solid 1px;
	text-decoration: none;
	text-align: center;
}
ul#pager li.next {
	padding-left: 10px;
}
ul#pager li.next > * {
	display: block;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;

}
ul#pager li.next > a:link, ul#pager li.next > a:visited {
	color: #f39800;
	background-color: #FFF;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	border: #f39800 solid 1px;
	text-decoration: none;
}
ul#pager li.next > a:hover, ul#pager li.next > a:active, ul#pager li.next > a.hover {
	color: #FFF;
	background-color: #f39800;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	border: #f39800 solid 1px;
	text-decoration: none;
}
 ul#pager li.next > div {
	color: #FFF;
	background: #abb1b7;
	border: #c4c4c4 solid 1px;
	text-decoration: none;
}

@media screen and (max-width: 768px) {	
ul#articles-list > li {
	width: 100%;
}
ul#articles-list > li+li {
	margin-top: 5px;
}
ul#articles-list > li dl {
	display: table;
	width: 100%;
	min-height: 90px;
}
ul#articles-list > li dl dd {
	display: table-cell;
	width: 120px;
}
ul#articles-list > li dl dt {
	display: table-cell;
	width: auto;
	padding: 10px;
}
ul#articles-list > li dd img {
	max-width: 120px;
	width: auto;
	max-height: 90px;
	height: auto;
}
}
@media print, screen and (min-width: 769px) {	
ul#articles-list {
	width: 100%;
	overflow: hidden;
}
ul#articles-list > li {
	width: 218px;
	margin-left: 18px;
	float: left;

}
ul#articles-list > li:nth-child(3n+1) {
	margin-left: 0;
}
ul#articles-list > li:nth-child(n+4) {
	margin-top: 31px;
}
ul#articles-list > li dd {
	display: table-cell;
	vertical-align: middle;
	width: 212px;
}
ul#articles-list > li dd img {
	max-width: 212px;
	width: auto;
	max-height: 159px;
	height: auto;
}
ul#articles-list > li dt {
	padding: 5px 5px 20px 5px;
	text-align: center;
}
}
/* 詳細(イベント以外)
--------------------------------------------------------- */
.slogan p {
	font-weight: bold;
	line-height: 1.2;
}
.intr-comment {
	margin-bottom: 5px;
}
.intr-comment p {
	font-size: 1.2rem;
}
#intr .photo img {
	max-width: 100%;
	height: auto;
}
table.detail-table {
	width: 100%
}
table.detail-table tr + tr {
	border-top: #fff 1px solid;

}
table.detail-table th {
	text-align: left;
}
table.detail-table td {
	background-color: #ebe8dd;
}
table.detail-table td a[href^="http"] {
	display: inline;
	background: url(../images/icon_outside_link.png) no-repeat 100% 50%;
	line-height: 18px;
	padding-right: 25px;
	word-break: break-all;
}
table.detail-table td a[href$=".pdf"] {
	display: inline;
	background: url(../images/icon_pdf.png) no-repeat 100% 50%;
	line-height: 20px;
	padding-right: 25px;
}
table.detail-table td ul.list li+li {
	margin-top: 8px;
}
table.access-table {
	width: 100%;
}
table.access-table th {
	vertical-align: top;
	text-align: left;
}
table.access-table td {
	vertical-align: top;
}

@media screen and (max-width: 768px) {
.slogan {
	margin-bottom: 10px;
}
.slogan p {
	font-size: 1.6rem;
}
#intr .photo {
	text-align: center;
	margin-bottom: 15px;
}
#intr.intr-02 .photo > ul {
	width: 100%;
	overflow: hidden;
}
#intr.intr-02 .photo > ul li {
	text-align: center;
}
#intr.intr-02 .photo > ul li+li {
	margin-top: 10px;
}
#intr.intr-02 .photo > ul li:nth-child(2) {
	float: left;
	width: 50%;
	padding-right: 5px;
}
#intr.intr-02 .photo > ul li:nth-child(3) {
	float: right;
	width: 50%;
	padding-left: 5px;
}
table.detail-table th {
	display: block;
	vertical-align: top;
	padding: 5px 10px;
}
table.detail-table td {
	border-top: #fff 1px solid;
	display: block;
	vertical-align: top;
	padding: 5px 10px 10px 10px;
}
table.access-table tr + tr {
	display: block;
	margin-top: 10px;
}
table.access-table th {
	display: block;
	text-align: left;
	font-weight: bold;
}
table.access-table td {
	display: block;
}

}
@media print, screen and (min-width: 769px) {	
.slogan {
	margin-bottom: 15px;
}
.slogan p {
	font-size: 2.0rem;
}
#intr.intr-01 {
	width: 690px;
	overflow: hidden;
}
#intr.intr-01 .photo {
	width: 320px;
	float: left;
	text-align:center;
}
#intr.intr-01 .photo img {
    width: auto;
    max-height: 320px;
}
#intr.intr-01 .text {
	width: 340px;
	float: right;
}
#intr.intr-02 {
	width: 100%;
	overflow: hidden;
}
#intr.intr-02 .photo {
	margin-bottom: 20px;
}
#intr.intr-02 .photo > ul {
	width: 690px;
	overflow: hidden;
}
#intr.intr-02 .photo > ul li {
	text-align: center;
	background:#ebe8dd
}
#intr.intr-02 .photo > ul li:first-child {
	width: 460px;
	float: left;
}
#intr.intr-02 .photo > ul li:first-child img {
    width: auto;
    max-height: 345px;
}
#intr.intr-02 .photo > ul li:nth-child(2) {
	width: 220px;
	height: 165px;
	float: right;
}
#intr.intr-02 .photo > ul li:nth-child(3) {
	float: right;
	margin-top: 15px;
	width: 220px;
	height: 165px;
}
#intr.intr-02 .photo > ul li:nth-child(2) img,
#intr.intr-02 .photo > ul li:nth-child(3) img {
    width: auto;
    max-height: 165px;
}
table.detail-table th{
	padding: 15px;
	width: 150px;
	vertical-align: top;
}
table.detail-table td {
	padding: 15px;
	vertical-align: top;
	border-left: #fff 1px solid;
}
table.access-table tr+tr {
	border-top: #ccc dashed 1px;
}
table.access-table th {
	padding: 5px 0;
	width: 110px;
}
table.access-table td {
	padding: 5px 0;
}
}

/* =========================================================
 HOME
========================================================= */
#home .home-title {
	background: url(../images/top/bg_h1_left.png) no-repeat 0% 100%,
	url(../images/top/bg_h1_right.png) no-repeat 100% 100%,
	url(../images/top/bg_h1.png) repeat-x 0% 100%;
}
#home ul.cat-bnr,
#home ul.assist-bnr {
	width: 100%;
	overflow: hidden;
}
#home ul.cat-bnr li {
	width: 33.3%;
	float: left;
}
#home ul.cat-bnr li img,
#home ul.assist-bnr li img {
	width: 100%;
	height: auto;
}
#home ul.assist-bnr li:nth-child(odd) {
	width: 50%;
	float: left;
}
#home ul.assist-bnr li:nth-child(even) {
	width: 50%;
	float: right;
}
#home ul.assist-bnr li:nth-child(n + 3) {
	margin-top: 15px;
}
#home dl.news-list > dt {
	color: #fff;
	background-color: #f39800;
	padding: 10px;
	width: 100%;
	font-weight: bold;
	font-size: 1.6rem;
}
#home dl.news-list > dt span {
	display: inline-block;
	padding-left: 10px;
	font-size: 1.0rem;	
}
#home dl.news-list > dd {
	background-color: #f0eae2;
	padding: 0px 10px 20px;
}
#home dl.news-list > dd ul li a,
#home dl.news-list > dd ul li div {
	padding: 10px 5px;
	display: block;
}
#home dl.news-list > dd ul li {
	border-bottom: #a3a3a3 dashed 1px;

}
#home dl.news-list > dd ul li dd {
	color: #222;
	padding-bottom: 3px;
	font-size: 1.2rem;
}
#home dl.news-list > dd ul li.new dd > span {
	display: inline;
	background: url(../images/icon_new.png) no-repeat 100% 50%;
	background-size: auto 14px;
	padding-right: 28px;
}
#home dl.news-list > dd ul li a {
	text-decoration: none;
}
#home dl.news-list > dd ul li a:link dt,
#home dl.news-list > dd ul li a:visited dt {
	text-decoration: underline;
}
#home dl.news-list > dd ul li a:hover dt,
#home dl.news-list > dd ul li a:active dt,
#home dl.news-list > dd ul li a.hover dt {
	text-decoration: none;
}
#home dl.news-list > dd ul li a[href^="http"] dt span  {
	display: inline;
	background: url(../images/icon_outside_link.png) no-repeat 100% 50%;
	line-height: 18px;
	padding-right: 25px;
}
#home dl.news-list > dd ul li a[href$=".pdf"] dt span  {
	display: inline;
	background: url(../images/icon_pdf.png) no-repeat 100% 50%;
	line-height: 20px;
	padding-right: 25px;
}
@media screen and (max-width: 768px) {	
#home .slider {
    width: 100%;
}
#home .home-title {
	text-align: center;
	margin-bottom: 10px;
	padding: 0 5px 4px;
}
#home .home-title img {
	width: 75%;
	height: auto;
}
#home ul.cat-bnr li:nth-child(3n+1){
	padding-right: 6px;
}
#home ul.cat-bnr li:nth-child(3n+2){
	padding-left: 3px;
	padding-right: 3px;
}
#home ul.cat-bnr li:nth-child(3n+3){
	padding-left: 6px;
}
#home ul.cat-bnr li:nth-child(n+4) {
	margin-top: 9px;
}
#home ul.assist-bnr {
	margin-top: 10px;
}
#home ul.assist-bnr li:nth-child(odd) {
	padding-right: 5px;
}
#home ul.assist-bnr li:nth-child(even) {
	padding-left: 5px;
}
#home .home-bnr {
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
#home .home-bnr ul {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#home .home-bnr ul li:nth-child(odd) {
	width: 145px;
	float: left;
}
#home .home-bnr ul li:nth-child(even) {
	width: 145px;
	float: right;
}
#home .home-bnr ul li:nth-child(n+3) {
	margin-top: 10px;
}
#home .home-bnr ul li img {
	max-width: 100%;
	height: auto;
}
#home dl.news-list > dd ul li a,
#home dl.news-list > dd ul li div {
	padding: 10px 25px 10px 5px;
	background: url(../images/arrow_gray_right.png) no-repeat 100% 50%;
}
#home dl.news-list > dd .btn-more {
	margin-top: 15px;
}
#home dl.news-list > dd .btn-more a {
	display: block;
	color: #555;
	background-color: #d7d3c3;
	border-radius: 5px;
	padding: 10px 20px;
	text-decoration: none;
	text-align: center;
}
#home dl.news-list > dd .btn-more a span {
	display: inline;
	background: url(../images/arrow_gray_bottom.png) no-repeat 0% 50%;
	padding-left: 35px;
	padding-right: 25px;
	font-weight: bold;
}
}
@media print, screen and (min-width: 769px) {	
#home dl.news-list > dd .btn-more {
	display: none;
}
#home .slider {
    width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
	background: url(../images/bg_slider.png) repeat-x 0% 0%;
}
#home .slider > div {
	width: 1000px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px auto;
}
#home .slider > div .bx-wrapper  {
	margin-bottom: 0 !important;
}
#home .slider .bx-wrapper .bx-pager {
	text-align: right !important;
	padding-top: 0 !important;
	z-index: 100 !important;
	padding-right: 30px;
}
#home .slider .bx-wrapper .bx-pager, #home .slider .bx-wrapper .bx-controls-auto {
    bottom: 20px !important;
}
#home .home-title {
	margin-bottom: 15px;
	padding: 0 5px 4px;
}
#home .home-title img {
	max-width: 100%;
	height: auto;
}
#home ul.cat-bnr li:nth-child(3n+1){
	padding-right: 10px;
}
#home ul.cat-bnr li:nth-child(3n+2){
	padding-left: 5px;
	padding-right: 5px;
}
#home ul.cat-bnr li:nth-child(3n+3){
	padding-left: 10px;
}
#home ul.cat-bnr li:nth-child(n+4) {
	margin-top: 15px;
}
#home ul.assist-bnr {
	margin-top: 30px;
}
#home ul.assist-bnr li:nth-child(odd) {
	padding-right: 15px;
}
#home ul.assist-bnr li:nth-child(even) {
	padding-left: 15px;
}

#home .home-bnr {
	width: 1000px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0px auto;
}
#home .home-bnr ul {
	width: 100%;
	border-bottom: #d4cfbb 3px solid;
	border-top: #d4cfbb 3px solid;
	padding: 16px 0;
	overflow: hidden;
}
#home .home-bnr ul li {
	float: left;
	width: 176px;
	margin-left: 20px;
}
#home .home-bnr ul li:nth-child(5n+1) {
	margin-left: 0;
}
#home .home-bnr ul li:nth-child(n+6) {
	margin-top: 10px;
}
#home dl.news-list > dd {
	height: 415px;
	overflow: auto;
	overflow-x: hidden;
}
}

/* =========================================================
 tourism 観光
========================================================= */
#tourism .page-ttl-01 {
	background: url(../images/tourism/icon_circle.png) no-repeat 0% 8px;
	border-bottom-color: #65ab31;
}
#tourism #side .side-menu > dl > dt a {
	background-color: #65ab31;
}
#tourism #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_tourism.png) no-repeat 0% 0%;
}
#tourism #side .side-menu > dl > dd > ul > li a:hover,
#tourism #side .side-menu > dl > dd > ul > li a:active,
#tourism #side .side-menu > dl > dd > ul > li a.hover {
	color: #65ab31;
}
#tourism #side .side-menu > dl > dd > ul > li a.current {
	color: #65ab31;
	background-color: #d8f0c6;
}
#tourism ul#articles-list > li dd{
	background-color: #ebe8dd;
}
#tourism table.detail-table th {
	background-color: #d8f0c6;
}
@media screen and (max-width: 768px) {	
#tourism #pagetitle {
	background: #d8f0c6 url(../images/tourism/img_pagetitle.png) no-repeat 100% -10px;
	-webkit-background-size: 400px auto;
	background-size: 400px auto;
}
}
@media print, screen and (min-width: 769px) {	
#tourism #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_tourism.png) no-repeat 0% 0%;
}
#tourism #container-cover {
	background: url(../images/tourism/bg_pagetitle.png) repeat-x 0% 0%, url(../images/bg_pattern.png) repeat 0% 0%;
}
#tourism #pagetitle {
	background: url(../images/tourism/img_pagetitle.png) no-repeat 100% 0%;
}
#tourism #side .side-menu > dl > dt,
#tourism #side .side-menu > dl > dd {
	border-color: #65ab31;
}
}

/* 一覧と詳細
--------------------------------------------------------- */
#tourism ul#articles-list > li a,
#tourism.detail .slogan p {
	color: #65ab31;
}
#tourism ul#articles-list > li a:hover,
#tourism ul#articles-list > li a:active,
#tourism ul#articles-list > li a.hover {
	border-color: #65ab31;
}

/* =========================================================
 culture 文化財
========================================================= */
#culture .page-ttl-01 {
	background: url(../images/culture/icon_circle.png) no-repeat 0% 8px;
	border-bottom-color: #25b7c0;
}
#culture #side .side-menu > dl > dt a {
	background-color: #25b7c0;
}
#culture #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_culture.png) no-repeat 0% 0%;
}
#culture #side .side-menu > dl > dd > ul > li a:hover,
#culture #side .side-menu > dl > dd > ul > li a:active,
#culture #side .side-menu > dl > dd > ul > li a.hover {
	color: #25b7c0;
}
#culture #side .side-menu > dl > dd > ul > li a.current {
	color: #25b7c0;
	background-color: #bfebee;
}
#culture ul#articles-list > li dd,
#culture table.detail-table th {
	background-color: #bfebee;
}
@media screen and (max-width: 768px) {	
#culture #pagetitle {
	background: #bfebee url(../images/culture/img_pagetitle.png) no-repeat 100% -10px;
	-webkit-background-size: 400px auto;
	background-size: 400px auto;
}
}
@media print, screen and (min-width: 769px) {	
#culture #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_culture.png) no-repeat 0% 0%;
}
#culture #container-cover {
	background: url(../images/culture/bg_pagetitle.png) repeat-x 0% 0%, url(../images/bg_pattern.png) repeat 0% 0%;
}
#culture #pagetitle {
	background: url(../images/culture/img_pagetitle.png) no-repeat 100% 0%;
}
#culture #side .side-menu > dl > dt,
#culture #side .side-menu > dl > dd {
	border-color: #25b7c0;
}
}

/* 一覧と詳細
--------------------------------------------------------- */
#culture ul#articles-list > li a,
#culture.detail .slogan p {
	color: #25b7c0;
}
#culture ul#articles-list > li a:hover,
#culture ul#articles-list > li a:active,
#culture ul#articles-list > li a.hover {
	border-color: #25b7c0;
}

/* =========================================================
 culture 文化財
========================================================= */
#culture .page-ttl-01 {
	background: url(../images/culture/icon_circle.png) no-repeat 0% 8px;
	border-bottom-color: #25b7c0;
}
#culture #side .side-menu > dl > dt a {
	background-color: #25b7c0;
}
#culture #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_culture.png) no-repeat 0% 0%;
}
#culture #side .side-menu > dl > dd > ul > li a:hover,
#culture #side .side-menu > dl > dd > ul > li a:active,
#culture #side .side-menu > dl > dd > ul > li a.hover {
	color: #25b7c0;
}
#culture #side .side-menu > dl > dd > ul > li a.current {
	color: #25b7c0;
	background-color: #bfebee;
}
#culture ul#articles-list > li dd{
	background-color: #ebe8dd;
}
#culture table.detail-table th {
	background-color: #bfebee;
}
@media screen and (max-width: 768px) {	
#culture #pagetitle {
	background: #bfebee url(../images/culture/img_pagetitle.png) no-repeat 100% -10px;
	-webkit-background-size: 400px auto;
	background-size: 400px auto;
}
}
@media print, screen and (min-width: 769px) {	
#culture #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_culture.png) no-repeat 0% 0%;
}
#culture #container-cover {
	background: url(../images/culture/bg_pagetitle.png) repeat-x 0% 0%, url(../images/bg_pattern.png) repeat 0% 0%;
}
#culture #pagetitle {
	background: url(../images/culture/img_pagetitle.png) no-repeat 100% 0%;
}
#culture #side .side-menu > dl > dt,
#culture #side .side-menu > dl > dd {
	border-color: #25b7c0;
}
}

/* 一覧と詳細
--------------------------------------------------------- */
#culture ul#articles-list > li a,
#culture.detail .slogan p {
	color: #25b7c0;
}
#culture ul#articles-list > li a:hover,
#culture ul#articles-list > li a:active,
#culture ul#articles-list > li a.hover {
	border-color: #25b7c0;
}

/* =========================================================
 eat 食事
========================================================= */
#eat .page-ttl-01 {
	background: url(../images/eat/icon_circle.png) no-repeat 0% 8px;
	border-bottom-color: #ea5550;
}
#eat #side .side-menu > dl > dt a {
	background-color: #ea5550;
}
#eat #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_eat.png) no-repeat 0% 0%;
}
#eat #side .side-menu > dl > dd > ul > li a:hover,
#eat #side .side-menu > dl > dd > ul > li a:active,
#eat #side .side-menu > dl > dd > ul > li a.hover {
	color: #ea5550;
}
#eat #side .side-menu > dl > dd > ul > li a.current {
	color: #ea5550;
	background-color: #fbc5c3;
}
#eat ul#articles-list > li dd{
	background-color: #ebe8dd;
}
#eat table.detail-table th {
	background-color: #fbc5c3;
}
@media screen and (max-width: 768px) {	
#eat #pagetitle {
	background: #fbc5c3 url(../images/eat/img_pagetitle.png) no-repeat 100% -10px;
	-webkit-background-size: 400px auto;
	background-size: 400px auto;
}
}
@media print, screen and (min-width: 769px) {	
#eat #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_eat.png) no-repeat 0% 0%;
}
#eat #container-cover {
	background: url(../images/eat/bg_pagetitle.png) repeat-x 0% 0%, url(../images/bg_pattern.png) repeat 0% 0%;
}
#eat #pagetitle {
	background: url(../images/eat/img_pagetitle.png) no-repeat 100% 0%;
}
#eat #side .side-menu > dl > dt,
#eat #side .side-menu > dl > dd {
	border-color: #ea5550;
}
}

/* 一覧と詳細
--------------------------------------------------------- */
#eat ul#articles-list > li a,
#eat.detail .slogan p {
	color: #ea5550;
}
#eat ul#articles-list > li a:hover,
#eat ul#articles-list > li a:active,
#eat ul#articles-list > li a.hover {
	border-color: #ea5550;
}

/* =========================================================
 special 特産品
========================================================= */
#special .page-ttl-01 {
	background: url(../images/special/icon_circle.png) no-repeat 0% 8px;
	border-bottom-color: #ff72a0;
}
#special #side .side-menu > dl > dt a {
	background-color: #ff72a0;
}
#special #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_special.png) no-repeat 0% 0%;
}
#special #side .side-menu > dl > dd > ul > li a:hover,
#special #side .side-menu > dl > dd > ul > li a:active,
#special #side .side-menu > dl > dd > ul > li a.hover {
	color: #ff72a0;
}
#special #side .side-menu > dl > dd > ul > li a.current {
	color: #ff72a0;
	background-color: #fed9e5;
}
#special ul#articles-list > li dd{
	background-color: #ebe8dd;
}
#special table.detail-table th {
	background-color: #fed9e5;
}
@media screen and (max-width: 768px) {	
#special #pagetitle {
	background: #fed9e5 url(../images/special/img_pagetitle.png) no-repeat 100% -10px;
	-webkit-background-size: 400px auto;
	background-size: 400px auto;
}
}
@media print, screen and (min-width: 769px) {	
#special #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_special.png) no-repeat 0% 0%;
}
#special #container-cover {
	background: url(../images/special/bg_pagetitle.png) repeat-x 0% 0%, url(../images/bg_pattern.png) repeat 0% 0%;
}
#special #pagetitle {
	background: url(../images/special/img_pagetitle.png) no-repeat 100% 0%;
}
#special #side .side-menu > dl > dt,
#special #side .side-menu > dl > dd {
	border-color: #ff72a0;
}
}

/* 一覧と詳細
--------------------------------------------------------- */
#special ul#articles-list > li a,
#special.detail .slogan p {
	color: #ff72a0;
}
#special ul#articles-list > li a:hover,
#special ul#articles-list > li a:active,
#special ul#articles-list > li a.hover {
	border-color: #ff72a0;
}

/* =========================================================
 lodging 宿泊
========================================================= */
#lodging .page-ttl-01 {
	background: url(../images/lodging/icon_circle.png) no-repeat 0% 8px;
	border-bottom-color: #9b72b0;
}
#lodging #side .side-menu > dl > dt a {
	background-color: #9b72b0;
}
#lodging #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_lodging.png) no-repeat 0% 0%;
}
#lodging #side .side-menu > dl > dd > ul > li a:hover,
#lodging #side .side-menu > dl > dd > ul > li a:active,
#lodging #side .side-menu > dl > dd > ul > li a.hover {
	color: #9b72b0;
}
#lodging #side .side-menu > dl > dd > ul > li a.current {
	color: #9b72b0;
	background-color: #ebd6ef;
}
#lodging ul#articles-list > li dd{
	background-color: #ebe8dd;
}
#lodging table.detail-table th {
	background-color: #ebd6ef;
}
@media screen and (max-width: 768px) {	
#lodging #pagetitle {
	background: #ebd6ef url(../images/lodging/img_pagetitle.png) no-repeat 100% -10px;
	-webkit-background-size: 400px auto;
	background-size: 400px auto;
}
}
@media print, screen and (min-width: 769px) {	
#lodging #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_lodging.png) no-repeat 0% 0%;
}
#lodging #container-cover {
	background: url(../images/lodging/bg_pagetitle.png) repeat-x 0% 0%, url(../images/bg_pattern.png) repeat 0% 0%;
}
#lodging #pagetitle {
	background: url(../images/lodging/img_pagetitle.png) no-repeat 100% 0%;
}
#lodging #side .side-menu > dl > dt,
#lodging #side .side-menu > dl > dd {
	border-color: #9b72b0;
}
}

/* 一覧と詳細
--------------------------------------------------------- */
#lodging ul#articles-list > li a,
#lodging.detail .slogan p {
	color: #9b72b0;
}
#lodging ul#articles-list > li a:hover,
#lodging ul#articles-list > li a:active,
#lodging ul#articles-list > li a.hover {
	border-color: #9b72b0;
}

/* =========================================================
 around 周辺観光
========================================================= */
#around .page-ttl-01 {
	background: url(../images/around/icon_circle.png) no-repeat 0% 8px;
	border-bottom-color: #8f6552;
}
#around #side .side-menu > dl > dt a {
	background-color: #8f6552;
}
#aroundg #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_lodging.png) no-repeat 0% 0%;
}
#around #side .side-menu > dl > dd > ul > li a:hover,
#laround #side .side-menu > dl > dd > ul > li a:active,
#around #side .side-menu > dl > dd > ul > li a.hover {
	color: #8f6552;
}
#around #side .side-menu > dl > dd > ul > li a.current {
	color: #8f6552;
	background-color: #e0c5b8;
}
#around ul#articles-list > li dd{
	background-color: #ebe8dd;
}
#around table.detail-table th {
	background-color: #e0c5b8;
}
@media screen and (max-width: 768px) {	
#around #pagetitle {
	background: #e0c5b8 url(../images/around/img_pagetitle.png) no-repeat 100% -10px;
	-webkit-background-size: 400px auto;
	background-size: 400px auto;
}
}
@media print, screen and (min-width: 769px) {	
#around #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_around.png) no-repeat 0% 0%;
}
#around #container-cover {
	background: url(../images/around/bg_pagetitle.png) repeat-x 0% 0%, url(../images/bg_pattern.png) repeat 0% 0%;
}
#around #pagetitle {
	background: url(../images/around/img_pagetitle.png) no-repeat 100% 0%;
}
#around #side .side-menu > dl > dt,
#around #side .side-menu > dl > dd {
	border-color: #8f6552;
}
}

/* 一覧と詳細
--------------------------------------------------------- */
#around ul#articles-list > li a,
#around.detail .slogan p {
	color: #8f6552;
}
#around ul#articles-list > li a:hover,
#around ul#articles-list > li a:active,
#around ul#articles-list > li a.hover {
	border-color: #8f6552;
}

/* =========================================================
 event イベント情報
========================================================= */
#event .page-ttl-01 {
	background: url(../images/event/icon_circle.png) no-repeat 0% 8px;
	border-bottom-color: #ffd793;
}
#event #side .side-menu > dl > dt div {
	background-color: #f39800;
}
#event #side .side-menu > dl > dt div span {
	display: inline-block;
	background: url(../images/icon_event.png) no-repeat 0% 0%;
}
#event #side .side-menu > dl > dd > ul > li a:hover,
#event #side .side-menu > dl > dd > ul > li a:active,
#event #side .side-menu > dl > dd > ul > li a.hover {
	color: #f39800;
}
#event #side .side-menu > dl > dd > ul > li a.current {
	color: #f39800;
	background-color: #ffd793;
}
#event ul#event-list > li {
	background-color: #fff;
	border-top: #f39800 5px solid;
	box-shadow: 0px 0px 3px #777;
}
#event ul#event-list li div.event-main {
	color: #555;
	width: 100%;
}
#event ul#event-list li div.event-main .photo {
	text-align: center;
}
#event ul#event-list li div.event-main .photo img {
	max-width: 100%;
	height: auto;
}
#event ul#event-list li div.event-main a[href^="http"] {
	display: inline;
	background: url(../images/icon_outside_link.png) no-repeat 100% 50%;
	line-height: 18px;
	padding-right: 25px;
	word-break: break-all;
}
#event ul#event-list li div.event-main a[href$=".pdf"] {
	display: inline;
	background: url(../images/icon_pdf.png) no-repeat 100% 50%;
	line-height: 20px;
	padding-right: 25px;
}
#event ul#event-list li div.event-main table tr + tr {
	border-top: #a3a3a3 1px solid;
}
#event ul#event-list li div.event-main table th {
	vertical-align: top;
	font-weight: bold;
	text-align: left;
}
#event ul#event-list li div.event-main table td {
	padding: 10px;
	vertical-align: top;
}
#event ul#event-list li div.event-main td ul.list li+li {
	margin-top: 5px;
}
#event ul#event-list li div.event-comment {
	background-color: #ebe8dd;
	width: 100%;
}
@media screen and (max-width: 768px) {	
#event #pagetitle {
	background: #ffd793 url(../images/event/img_pagetitle.png) no-repeat 100% -10px;
	-webkit-background-size: 400px auto;
	background-size: 400px auto;
}
#event ul#event-list > li + li {
	margin-top: 20px;
}
#event ul#event-list li div.event-main,
#event ul#event-list li div.event-comment {
	padding: 10px;
	font-size: 1.2rem;
}
#event ul#event-list li div.event-main .title {
	line-height: 1.2;
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 10px;
}
#event ul#event-list li div.event-main .title + .text {
	margin-top: -10px;
}
#event ul#event-list li div.event-main .photo + .text {
	margin-top: 20px;
}
#event ul#event-list li div.event-main table th {
	white-space: nowrap;
	color: #f39800;
	padding: 10px 0px 10px 17px;
	background: url(../images/event/icon_circle.png) no-repeat 5px 15px;
	-webkit-background-size: 8px auto;
	background-size: 8px auto;
}
#event img.img-timetable {
	width: 100%;
}
}
@media print, screen and (min-width: 769px) {	
#event #side .side-menu > dl > dt a span {
	display: inline-block;
	background: url(../images/icon_event.png) no-repeat 0% 0%;
}
#event #container-cover {
	background: url(../images/event/bg_pagetitle.png) repeat-x 0% 0%, url(../images/bg_pattern.png) repeat 0% 0%;
}
#event #pagetitle {
	background: url(../images/event/img_pagetitle.png) no-repeat 100% 0%;
}
#event #side .side-menu > dl > dt,
#event #side .side-menu > dl > dd {
	border-color: #f39800;
}
#event ul#event-list > li + li {
	margin-top: 35px;
}
#event ul#event-list li div.event-main .title {
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.2;
	margin-bottom: 15px;
}
#event ul#event-list li div.event-main,
#event ul#event-list li div.event-comment {
	padding: 20px;
	overflow: hidden;
}
#event ul#event-list li div.event-main table th {
	width: 150px;
	padding: 10px 10px 10px 15px;
	background: url(../images/event/icon_circle.png) no-repeat 0% 15px;
	-webkit-background-size: 8px auto;
	background-size: 8px auto;
}
#event ul#event-list li div.event-main table tr td div.tableScroll {
	overflow-x: auto !important;
    overflow-y: hidden;
    margin-bottom: 1.5em;
}
#event ul#event-list li div.event-main .photo {
	width: 200px;
	float: left;
}
#event ul#event-list li div.event-main .photo + .text {
	width: 420px;
	float: right;
}
#event img.img-timetable {
	width: 500px;
}
}
/* =========================================================
 access アクセス
========================================================= */
#access .page-ttl-01 {
	background: url(../images/access/icon_circle.png) no-repeat 0% 8px;
	border-bottom-color: #ffdc00;
}

@media screen and (max-width: 768px) {	
#access #pagetitle {
	background: #ffedac url(../images/access/img_pagetitle.png) no-repeat 100% -10px;
	-webkit-background-size: 400px auto;
	background-size: 400px auto;
}
#access #map {
	margin-bottom: 20px;
}
}
@media print, screen and (min-width: 769px) {	
#access #container-cover {
	background: url(../images/access/bg_pagetitle.png) repeat-x 0% 0%, url(../images/bg_pattern.png) repeat 0% 0%;
}
#access #pagetitle {
	background:  url(../images/access/img_pagetitle.png) no-repeat 90px 0%;
}
#access #map {
	background-color: #fff;
	border: 1px #ffdc00 solid;
	margin-bottom: 30px;
}
}
/* =========================================================
 Ul 注釈
========================================================= */
.asteriskUl {
    margin-block: 0.8em;
}
.asteriskUl > li {
    padding-inline: 1.2em 1.0em;
    position: relative;
    font-size: 90%;
}
.asteriskUl > li:before {
    content: "※";
    display: block;
    position: absolute;
    top: 0.5lh;
    transform: translateY(-50%);
    left: 0;
}