@charset "utf-8";
/* CSS Document */

/* ========================================
共通設定及びスマホ向けスタイル 480pxまで
======================================== */
main {
	background-color: #ffffff;
	border: solid 1px #aaaaaa;
	padding: 5px;
	margin-bottom:15px;
}
main p {
	line-height: 1.5;
	font-size: 18px;
}
article section {
	margin-bottom: 25px;
}
article dl {
	margin-bottom: 25px;
	font-size: 14px;
}
article .topimg {
	width: 100%;
	height: auto;
	border-right: 1.5px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
article h2 {
	font-size: 18px;
	font-weight: bold;
	color: #006699;
	border-bottom: thin dotted #006699;
	border-left: thick double #006699;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 5px;
	padding-bottom: 4px;
}
article section p {
x	margin-bottom: 1em
}
article .video {
	margin-bottom: 20px;
}
#update {
	margin-bottom: 50px;
}
#lowerbox .img_list {
	padding-bottom: 15px;
	padding-left: 0px;
}
#lowerbox .img_list ul {
	list-style: none;
	margin: 0;
	padding:0;
}
#lowerbox .img_list ul li {
	overflow: hidden;
	margin-bottom: 5px;
	border-right: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	border-top: 1px solid #C4C4C4;
	border-left: 1px solid #C4C4C4;
	background: #F7F7EF;
}
#lowerbox .img_list ul li a {
	text-decoration: none;
	display: block;
}
#lowerbox .img_list ul li .newsimg,
#lowerbox .img_list ul li .canimg {
	float: left;
	font-size: 0;
	width: 120px;
	margin-right: 3px;
}
#lowerbox .img_list ul li:first-child .newsimg,
#lowerbox .img_list ul li:nth-child(2) .newsimg,
#lowerbox .img_list ul li:nth-child(3) .newsimg,
#lowerbox .img_list ul li:nth-child(4) .newsimg,
#lowerbox .img_list ul li:nth-child(5) .newsimg {
	float: none;
	width: 100%;
}
#lowerbox .img_list ul li .bnr {
	float: none;
	width: 100%;
}
#lowerbox .img_list ul li .newstext{
	position: relative;
}
#lowerbox .img_list ul li .newstext .capt{
	position: absolute;
	margin: 0;
	padding:0 2px;
	right: 0;
	top: 0;
	font-size: 8px;
	background-color: #FBFBFB;
}
#lowerbox .img_list ul li .newstext time{
	margin-bottom: 5px;
	font-size: 12px;
}
#lowerbox .img_list ul li .newstext p{
	padding: 10px;
	font-size: 14px;
}
#lowerbox img {
	width: 100%;
	border-right: 1.5px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
article .reflink {
	margin-left: 25px;
	margin-bottom: 50px;
}
article .reflink li {
	list-style:url(../images/ya1.gif);
	line-height: 1.5;
}
#tourbox .wrap_pk {
	background:#FFECFF;
}
#tourbox .wrap_bl {
	background:#B5E1FF;
}
#tourbox .wrap_pk, .wrap_bl {
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 3px;
}
#tourbox .wrap_pk i, .wrap_bl i {
	margin-right: 5px;
}
#tourbox .wrap_wh {
	padding: 4px;
	margin-bottom: 3px;
}
#tourbox dl {
	font-size: 16px;
	margin-top: 5px;
}
#tourbox dt {
	margin-bottom: 5px;
	font-weight: bold;
}
#tourbox dd {
	margin-bottom: 5px;
	margin-left: 1em;
}
#infobox {
	font-size: 14px;
	padding: 5px;
	border-radius: 10px;
	background: linear-gradient(#CFEBFF,#CFFFF6); X#DCF0FF
}
#infobox section {
	margin-bottom: 20px;
}
#infobox .mapwrap {
	margin-bottom: 20px;
}
#infobox .map_title {
	margin-top: 0.7em;
}
#infobox dl {
	margin-bottom: 20px;
	margin-left: 3px;
}
#infobox dd {
	margin-left: 30px;
	padding: 3px 0;
}
#infobox .infolink {
	margin-left: 25px;
	margin-bottom: 40px;
}
#infobox .infolink li {
	list-style:url(../images/ya1.gif);
	margin-bottom: 20px;
}
#infobox .video {
	margin-bottom: 20px;
}
#infobox h3, #tourbox h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 6px 0 4px 5px;
	border-left: 5px solid #FF0000;
}
#aside2 {
	display: none;
}
.navAccordion > dt,
.navAccordion > dd {
	background: #1abc9c;
	border-top: 1px solid #FFF;
}
.navAccordion > dt {
	position: relative;
	padding: 10px 20px;
	color: #FFF;
	cursor: pointer;
	outline: none; 
}
.navAccordion > dt:focus {
	background: #1A9D83;
}
.navAccordion > dt::after {
	position: absolute;
	top: 0.8em;
	right: 10px;
	font-family: FontAwesome;
	content: "\f078";
}
.navAccordion > dt.open::after {
	content: "\f077";
}
.navAccordion > dt:first-child {
	border-top: none;
}
.navAccordion > dd {
	border-left: solid 1px #EEE;
	border-right: solid 1px #EEE;
	background: #FFF;
	color: #333;
	padding: 20px;
}
#shortcut dt, #shortcut2 dt {
	background: #6633CC;
	border-right: 2px solid #6633CC;
	border-left: 1px solid #6633CC;
	border-bottom: 1px solid #000000;
	color: #FFFF00;
}
#shortcut ul, #shortcut2 ul {
	list-style: url(../images/dot_yg9.gif);
	line-height: 200%;
}
#shortcut a, #shortcut2 a {
	text-decoration: none;
	color:#0000FF;
}
#shortcut a:hover, #shortcut2 a:hover {
	text-decoration: underline;
	color:#FF0000;
}
#shortcut ul li ul li, #shortcut2 ul li ul li {
	list-style: none;
	display:inline-block;
	margin-right: 10px;
}
#camplist ul, #camplist2 ul {
	margin: 5px 0;
	list-style: url(../images/ya_orange.gif);
}
#camplist ul li:first-child, #camplist2 ul li:first-child{
	list-style: none;
	margin-left: -5px;
}
/* 広告バナー */
.hertzbnr {
	width: 100%;
}
.campbnr {
	list-style: none;
	margin-left: -5px;
	margin-top: 5px;
}
#camplist ul li, #camplist2 ul li {
	margin-left: 15px;
	margin-bottom: 5px;
}
#camplist ul li .bnnr {
	list-style: none;
	margin-left: -5px;
}
#camplist a, #camplist2 a {
	text-decoration: none;
	color:#0000FF;
}
#camplist a:hover, #camplist2 a:hover {
	text-decoration: underline;
	color:#FF0000;
}
.celnshow {
	display:none;
}

/* *****************************************************
カルーセル（スライドショー）
 ***************************************************** */
.gimmicCarousel {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	margin-bottom:100px;
}

.gimmicCarousel ul.slider {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.gimmicCarousel ul.slider li img {
	max-width: 100%;
	height: auto;
}
.gimmicCarousel img.prev,
.gimmicCarousel img.next{
	position:absolute;
	top:50%;
	margin-top:-16px;
	cursor:pointer;
}
.gimmicCarousel img.prev:hover,
.gimmicCarousel img.next:hover{
	opacity:0.8;
}
.gimmicCarousel img.prev{
	left:30px;
	z-index: 999;
}
.gimmicCarousel img.next{
	right:30px;
}
/* ***************************************************** */
/* ----------------------------------------------------- */
/*                     LEFT BODY                        */
/* ----------------------------------------------------- */
/* ***************************************************** */
aside dl {
	width: 100%;
	padding: 3px;
	margin-bottom: 3px;
}
aside dd {
	padding-left: 2px;
	font-size: 12px;
}
aside dd a {
	text-decoration: none;
	color:#0000FF;
}
aside dd a:hover {
	text-decoration: underline;
	color:#FF0000;
}
aside .news_img_shadow {
	border-right: 2px solid #6633CC;
	border-bottom: 2px solid #6633CC;
	border-top: 1px solid #6633CC;
	border-left: 1px solid #6633CC;
	background: #F7F7EF;
}
aside ul li {
	margin: 0px;
	padding: 0px;
	height: auto;
	border-top: 2px solid #6633CC;
	border-right: 2px solid #6633CC;
	border-bottom: 2px solid #6633CC;
	border-left: 2px solid #6633CC;
	padding: 2px 2px 0px 2px;
	background: #F7F7EF;
	margin-bottom: 5px;
}



/* ========================================
タブレット向けスタイル 481px～767pxまで
======================================== */
@media (min-width: 481px) {
#mainttl h1 {
	padding: 1em 1em 0.5em 1em;
}
main {
	padding: 10px;
}
main p {
	line-height: 1.5;
	font-size: 16px;
}
#lowerbox .img_list ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
#lowerbox .img_list ul li{
	width: 49.5%;
	font-size: 12px;
	margin-bottom: 30px;
}
#lowerbox .img_list ul li:first-child{
	width: 100%;
}
#lowerbox .img_list ul li:nth-child(2n){
	margin-right: 1%;
}
#lowerbox .img_list ul li .newsimg,
#lowerbox .img_list ul li .canimg {
	float: none;
	width: 100%;
	margin-right: 0px;
}
#lowerbox .img_list ul li .newstext {
	margin-top: 5px;
}
#lowerbox .img_list ul li .newstext .capt{
	top: -5px;
}
#lowerbox .img_list ul li .newstext time{
	margin-bottom: 5px;
}
#lowerbox .img_list ul li .newstext p{
	padding: 3px;
	font-size: 16px;
}
}

/* ========================================
タブレット向けスタイル 768px～979pxまで
======================================== */
@media (min-width: 768px) {
.navrside {
	background: #FFF;
	border-left: solid 1px #EEE;
	border-right: solid 1px #EEE;
}
.navrside > dt {
	padding: 10px 20px;
}
.navrside > dd {
	color: #333;
	padding: 20px;
}	
#mainttl hr {
	display: none;
}
.pageidx ul {
	margin: 0;
}
.pageidx li {
	padding: 0 0.1em 0.1em 0.5em;
	border-left: 1px solid #CCCCCC;
}
.pageidx li:last-child {
	padding-right: 0.4em;
	border-right: 1px solid #CCCCCC;
}
.pageidx ul a {
	background-color:transparent;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFF00;
	padding-top: 5px;
	padding-bottom: 0px;
}
.pageidx ul a:hover {
	border-bottom: 1px solid #0000FF;
}
#lowerbox {
	float: left;
	width:100%;
	margin-right: -250px;
}
.lowerbox-inner {
	margin-right:250px;
}
#infobox {
	float: left;
	width: 240px;
	margin-left: 10px;
}
#infobox .navrside > dt {
	padding: 10px 10px;
}
#infobox .infolink li {
	line-height: 1.2;
	margin-bottom: 15px;
}
#infobox .pageidx ul a {
	padding-top: 8px;
	padding-bottom: 8px;
}
#aside2 {
	display:inline;
	float: left;
	width: 240px;
	margin-top: 30px;
	margin-left: 10px;
}
.celnshow {
	display:inline;
}
.tabnshow {
	display: none;
}
}


/* ========================================
PC向けスタイル 980px以上
======================================== */
@media (min-width: 980px) {
#lowerbox {
	float: left;
	width:100%;
	margin-right: -320px;
}
.lowerbox-inner {
	margin-right:320px;
}
#infobox {
	float: left;
	width: 300px;
	margin-left: 20px;
	background-color: #CFEBFF;
}
#aside2 {
	display: none;
}
.pcnshow {
	display:none;
}
}