/*----------------------------------------------------
	common
----------------------------------------------------*/
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?45682705');
  src: url('../font/fontello.eot?45682705#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?45682705') format('woff2'),
       url('../font/fontello.woff?45682705') format('woff'),
       url('../font/fontello.ttf?45682705') format('truetype'),
       url('../font/fontello.svg?45682705#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.w10 {
	width: 10%;
}

.w15 {
	width: 15%;
}

.w20 {
	width: 20%;
}

.w25 {
	width: 25%;
}

.w30 {
	width: 30%;
}

.w40 {
	width: 40%;
}

.w50 {
	width: 50%;
}

.w60 {
	width: 60%;
}

.w70 {
	width: 70%;
}

.w80 {
	width: 80%;
}

.w90 {
	width: 90%;
}

.w100 {
	width: 100%;
}

.mt0 {
	margin-top: -20px !important;
}

.bold {
	font-weight: bold;
}

.blue {
	color: #1d2088;
}

.red {
	color: #D90102;
}

.bd_red {
	border: 1px solid #F5060C;
}

.bg_blue {
	background-color: #F5FBFF;
}

.bg_red {
	background-color: #FFF5F6;
}

/*----------------------------------------------------
	base
----------------------------------------------------*/
#article {
	clear: both;
	border: 1px #818181 solid;
	background-color: #fff;
	line-height: 1.6;
}

#a_inner {
	padding: 5px 12px 20px;
}

.a_p_last {
	margin-bottom: 4em !important;
}

/*----------------------------------------------------
	pan
----------------------------------------------------*/
ul.pan {
	margin-bottom: 5px;
}

ul.pan li {
	font-size: 85%;
	float: left;
}

ul.pan li:after {
	content: ">";
	margin: 0 5px;
}

ul.pan li:last-child:after {
	content: none;
}

/*----------------------------------------------------
	header
----------------------------------------------------*/
#a_header {
	margin-top: 20px;
	position: relative;
}

#a_h_ttl {
	text-align: center;
}

.a_h_txt {
	font-weight: bold;
	position: absolute;
	width: 401px;
	text-align: center;
	font-size: 130%;
}

#a_h_txt01 {
	top: 128px;
	left: 127px;
}

#a_h_txt02 {
	bottom: 59px;
	right: 171px;
}

/*----------------------------------------------------
	paragraph
----------------------------------------------------*/
.paragraph {
	margin-bottom: 20px;
	clear: both;
}


.paragraph.h3 {
	margin-bottom: 1.5em !important;
}

.paragraph.h4 {
	margin-bottom: 1em !important;
}

.paragraph.h5 {
	margin-bottom: 0.5em !important;
}

/*----------------------------------------------------
	date
----------------------------------------------------*/
#a_date {
	font-size: 105%;
}

/*----------------------------------------------------
	h2～h5
----------------------------------------------------*/
#article h2 {
	margin: 20px 12px 0px;
	font-size: 200%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	padding-left: 5px;
}

#article h2 span {}

#article h3 {
	line-height: 28px;
	font-size: 150%;
	border-bottom-width: 5px;
	border-bottom-style: double;
	padding-left: 3px;
}

#article h4 {
	font-size: 120%;
}

#article h4:before {
	font-family: "fontello";
	content: '\e819';
	font-weight: normal;
	font-size: 120%;
	margin-right: 7px;
}

#article h5 {
	font-size: 110%;
}

.sub_box {
	margin-top: -16px !important;
}

/*----------------------------------------------------
	table
----------------------------------------------------*/
#article table {
	width: 100% !important;
}

#article table td,
#article table th {
	padding: 0.5em 1em;
	text-align: center;
	vertical-align: middle;
}

#article table thead td {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

#article table.color2 td,
#article table.color2 th {
	border: solid 1px #4b2207;
}

#article table.color2 thead td,
#article table.color2 tbody th {
	background: #f8e1ad;
}

/*----------------------------------------------------
	hr
----------------------------------------------------*/
#article hr {
	border-width: 1px 0px 0px;
	border-style: dashed;
}

#article hr.color2 {
	border-color: #595757;
}

/*----------------------------------------------------
	height
----------------------------------------------------*/
#article .height1 {
	height: 1em;
	margin-bottom: 0px !important;
}

#article .height2 {
	height: 2em;
	margin-bottom: 0px !important;
}

#article .height3 {
	height: 3em;
	margin-bottom: 0px !important;
}

#article .height4 {
	height: 4em;
	margin-bottom: 0px !important;
}

#article .height5 {
	height: 5em;
	margin-bottom: 0px !important;
}

#article .height6 {
	height: 6em;
	margin-bottom: 0px !important;
}

#article .height7 {
	height: 7em;
	margin-bottom: 0px !important;
}

#article .height8 {
	height: 8em;
	margin-bottom: 0px !important;
}

#article .height9 {
	height: 9em;
	margin-bottom: 0px !important;
}

#article .height10 {
	height: 10em;
	margin-bottom: 0px !important;
}

/*----------------------------------------------------
	テントサイト予約ボタン
----------------------------------------------------*/

.camp-reserve-button1 {
  display: inline-block;
  padding: 12px 20px;
  background: #F4511E;
  color: #fff;
  border-radius: 6px;
  border: 1px solid #818181;      /* 薄い枠線（任意） */
  text-decoration: none;
  font-size: 14px;
 /* font-weight: bold;*/
}


.camp-reserve-button2 {
  display: inline-block;
  padding: 12px 20px;
  background: #039BE5;
  color: #fff;
  border-radius: 6px;
  border: 2px solid #818181;
  text-decoration: none;
  font-size: 14px;
 /* font-weight: bold;*/
}


.camp-reserve-button3 {
  display: inline-block;
  padding: 12px 20px;
  background: #8E24AA;
  color: #fff;
  border-radius: 6px;
  border: 2px solid #818181;
  text-decoration: none;
  font-size: 14px;
  /*font-weight: bold;*/
}

.camp-edit-button {
  display: inline-block;
  padding: 12px 20px;
  background: #ebfc01;
  color: #000;
  border-radius: 6px;
  border: 2px solid #818181;
  text-decoration: none;
  font-size: 14px;
  /*font-weight: bold;*/
}

.camp-reserve-button1:hover,
.camp-reserve-button2:hover,
.camp-reserve-button3:hover,
.camp-edit-button:hover {
	    transform: scale(1.05);
    transition: 0.2s;
  opacity: 0.6;
color: #fff;                    /* 文字色 */

}
/* ボタンには画像用の hover を適用しない */

.img_txt a.camp-reserve-button1:hover:before,
.img_txt a.camp-reserve-button2:hover:before,
.img_txt a.camp-reserve-button3:hover:before,
.img_txt a.camp-edit-button:hover:before {
  content: none !important;
}



/* 拡大マーク（:before）を無効化 */

/*----------------------------------------------------
	list
----------------------------------------------------*/
#article ul {
	list-style: disc;
	list-style-position: inside;
}

#article .link {
	list-style: none;
}

#article .link {
	list-style: none;
}

#article .link li {
	text-indent: 0em;
	padding-left: 0em;
}

/*----------------------------------------------------
	リンク前表示マーク
----------------------------------------------------*/

#article .link li:before,
#article .link p:before {
	font-family: "fontello";
	content: '\f138';
	font-size: 125%;
	margin-right: 5px;
}

#article .link a {
	text-decoration: underline;
}

#article .link a:hover {
	text-decoration: none;
}

#article .link a[href$=".pdf"] {
	background: url(../image/icon_pdf.gif) no-repeat right center;
	padding-right: 21px;
}

#article .link a[href$=".xls"],
#article .link a[href$=".xlsx"] {
	background: url(../image/icon_xls.gif) no-repeat right center;
	padding-right: 21px;
}

#article .link a[href$=".doc"],
#article .link a[href$=".docx"] {
	background: url(../image/icon_doc.gif) no-repeat right center;
	padding-right: 21px;
}

#article .link a[href$=".ppt"],
#article .link a[href$=".pptx"] {
	background: url(../image/icon_ppt.gif) no-repeat right center;
	padding-right: 21px;
}

#article .link a[href$=".mp3"] {
	background: url(../image/icon_mp3.png) no-repeat right center;
	padding-right: 21px;
}

/*----------------------------------------------------
	リンク後別タブ表示マーク
----------------------------------------------------*/

#article .link p a[target$="_blank"]:after {
	font-family: "fontello";
	content: '\f08e';
	display: inline-block;
	margin-left: 4px;
}

#article .link li a[target$="_blank"]:after {
	font-family: "fontello";
	content: '\f08e';
	display: inline-block;
	margin-left: 4px;
}

#article ol {
	list-style: decimal;
	list-style-position: inside;
	margin-left: 5px;
}

/*----------------------------------------------------
	img_txt
----------------------------------------------------*/
#article .img_txt a {
	position: relative;
	/*	display:inline-block; */
	display: block;
}

#article .img_txt a img {
	background: none !important;
}

#web #article .img_txt a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: none !important;
}

#web #article .img_txt a:hover {
	background: #626262;
}

/*----------------------------------------------------
	リンク画像上拡大マーク
----------------------------------------------------*/
#web #article .img_txt a:hover:before {
	position: absolute;
	top: 44%;
	left: 44%;
	font-family: "fontello";
	content: '\e80f';
	font-size: 300%;
	color: #fff;
	text-decoration: none;	
}

#web #article .img_txt a.fancybox:hover:before {
	top: 40%;
	content: '\e80f';
	text-decoration: none;
}

/* imgのhover効果を無効化する場合 */
#web #article .img_txt a.nozoom:hover img {
  opacity: 1 !important;
  filter: none !important;
  background: none !important;
}

#web #article .img_txt a.nozoom:hover {
  background: none !important;
}

/* 拡大マーク（:before）を無効化 */
#web #article .img_txt a.nozoom:hover:before {
  content: none !important;
}

/*----------------------------------------------------
	gallery
----------------------------------------------------*/
#article ul.gallery li {
	float: left;
	width: 14%;
	margin: 0 1.3% 2.5%;
	list-style: none;
	position: relative;
	text-indent: 0em;
	padding-left: 0em;
}

#article ul.gallery li img {
	max-width: 100%;
	height: auto;
}

.a_gallery_txt {
	text-align: center;
	font-size: 90%;
	line-height: 1;
	margin-top: 3px;
	height: 3em;
	word-break: break-all;
}

#article ul.gallery li a {
	display: block;
	border: 1px dotted #818181;
}

#web #article ul.gallery li a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: none !important;
}

#web #article ul.gallery li a:hover {
	background: #626262;
}

/*----------------------------------------------------
	リンク画像上拡大
----------------------------------------------------*/
#web #article ul.gallery li a:hover:before {
	position: absolute;
	top: 20%;
	left: 30%;
	font-family: "fontello";
	content: '\e80f';
	font-size: 300%;
	color: #fff;
	text-decoration: none;
}

/*----------------------------------------------------
	map
----------------------------------------------------*/
#article .map {
	height: 300px;
	border: 1px solid #818181;
	color: #333;
}

/*----------------------------------------------------
	topics
----------------------------------------------------*/
#article .info {
	width: initial;
}

#article ul.list {
	border-top: 1px dashed #818181;
	list-style: none !important;
}

#article ul.list>li {
	border-bottom: 1px dashed #818181;
}

#article ul.list>li>a {
	display: block;
	width: 96%;
	padding: 10px 2%;
	font-size: 100%;
	text-decoration: none;
}


/*----------------------------------------------------
	a_footer
----------------------------------------------------*/
#a_footer {
	margin: 0px 15px 20px;
}

.fb_iframe_widget>span {
	vertical-align: baseline !important;
}

.blue .form_aside {
	color: #e1c703;
}

.blue .form_btn {
	background-color: #2d3e7c;
}

.blue .form_ttl {
	background-color: #4684b5 !important;
}

.black .form_aside {
	color: #e1c703;
}

.black .form_btn {
	background-color: #2d3e7c;
}

.black .form_ttl {
	background-color: #4684b5 !important;
}

/*20181119 DIEM*/
#article .paragraph.col-15 iframe {
	width: 100%;
}

#article .paragraph.col-15.link.a_p_last p {
	word-break: break-all;
}

#gmap img {
	max-width: none;
}

div[id^="map_area"] img {
	max-width: none;
}