.clear{ clear:both; height:0;}
.center{ text-align:center;}
img{ border:0; vertical-align:bottom;}
ul{ margin:0; padding:0; list-style:none;}

/*--- index ---*/
#container{ width:980px; margin:0 auto; color:#333; font-size:16px; line-height:200%; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#container h1{ border-bottom:#E0E0E0 solid 1px; padding:30px 20px 25px; margin:0;}
#container h2{ margin:100px 0 50px; text-align:center;}
#container h2.top{ margin:50px 0; text-align:center;}

#container .borderWrap{ width:870px; border:#F0F0F0 5px solid; padding:50px;}
#container .borderWrap ul:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
#container .borderWrap li{ background:url(../img/common/circle.png) no-repeat left 6px; padding-left:28px; margin-bottom:15px;}
#container .borderWrap li.mb00{ margin-bottom:0;}


#container .borderWrap_red{ width:auto; border:#FF0000 2px solid; padding:15px; margin:10px 0 0;}

.inner{ width:980px; padding:50px 0;}
.b_tb{ border-bottom:#E0E0E0 1px solid; border-top:#E0E0E0 1px solid;}
.b_b{ border-bottom:#E0E0E0 1px solid;}
.inner:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
.inner .lArea{ width:270px; float:left;}
.inner .rArea{ width:709px; float:right; border-left:#E0E0E0 1px solid;}
.inner .upper{ width:659px; padding-left:50px;}
.inner .lower{ width:739px; border-top:#E0E0E0 1px solid; padding:50px 0 0 50px; margin-top:50px;}
.inner .lower h5{ color: #01948a; font-weight: normal; font-size: 16px; margin: 50px auto 10px; line-height: 1.8; background: url(../img/common/circle.png) no-repeat left 6px; padding-left: 28px;}
.inner .lower .mainTxt{ font-weight: bold}
.inner .lower .subTxt{ padding-left: 28px; font-size: 14px;}
.inner .lower .subTxt_red{ padding-left: 28px; font-size: 14px; color: #FF0000;}
.inner h3{ color:#01948A; font-size:20px; margin:0;}
.inner h4{ color:#333; font-size:20px; margin:0;}
.inner h5.ms-InquiryTitle{ color:#333; font-size:18px; margin: 40px 0 0 0;}
.inner li{ background:url(../img/common/arrow.png) no-repeat left 6px; padding-left:28px; margin-top:15px;}
.inner li a{ color:#333; text-decoration:none;}
.inner li a:hover{ color:#333; text-decoration:underline;}
.inner p{ margin:20px 0 0;}
.inner p.mt00{ margin:0;}
.inner p.sup{ font-size:14px;}
.inner p.sup a{ color:#333; text-decoration:underline;}
.inner p.sup a:hover{ color:#333; text-decoration:none;}

.box{ width:860px; margin:0 auto;}
.box ul{ margin:0 0 20px;}
.box ul.mb00{ margin:0;}
.box ul:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
.box li{ width:200px; height:200px; float:left; margin-right:20px;}
.box li.hotel{ background:url(../img/top/hotel.gif) no-repeat center center #F0F0F0; background-size:180px;}
.box li.camp{ background:url(../img/top/camp.gif) no-repeat center center #F0F0F0; background-size:180px;}
.box li.hotel-camp{ background:url(../img/top/hotel-camp.gif) no-repeat center center #F0F0F0; background-size:180px;}
.box li.ticket{ background:url(../img/top/ticket.gif) no-repeat center center #F0F0F0; background-size:180px;}
.box li.group{ background:url(../img/top/group.gif) no-repeat center center #F0F0F0; background-size:180px;}
.box li.parking{ background:url(../img/top/parking.gif) no-repeat center center #F0F0F0; background-size:180px;margin-right:0;}
.box li.service{ background:url(../img/top/service.gif) no-repeat center center #F0F0F0; background-size:180px;}
.box li.child{ background:url(../img/top/child.gif) no-repeat center center #F0F0F0; background-size:200px; }
.box li.child p{line-height:1.4em; mragin:10px 0 0;}
.box li.parkticket{ background:url(../img/top/parkticket.gif) no-repeat center center #F0F0F0; background-size:200px; }
.box li.barrierfree{ background:url(../img/top/barrierfree.gif) no-repeat center center #F0F0F0; background-size:180px; margin-right:0;}
.box li:hover{ opacity:0.7; filter:alpha(opacity=70);}
.box li a{ color:#333; text-decoration:none; width:200px; height:200px; display:block;}
.box li a:hover{ color:#333; text-decoration:none;}
.box li a p{ text-align:center; margin:0; padding-top:145px;}

#container p.note{ font-size:12px; line-height:140%; margin:90px 0 50px;}

#container span.ml-5em{margin-left:5em;}

/*--- FAQ ---*/
.pankuzu{ font-size:14px; border-bottom:#E0E0E0 1px solid;}
.pankuzu a{ color:#01948A; text-decoration:none;}
.pankuzu a:hover{ color:#01948A; text-decoration:underline;}

.linkArea{ width:980px; overflow:hidden; margin:50px 0 0;}
.linkArea ul{ width:1030px;}
.linkArea ul:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
.linkArea li{ width:300px; height:50px; border:#F0F0F0 5px solid; float:left; text-align:center; margin:0 25px 20px 0;}
.linkArea li:hover{ border:#01948A 5px solid;}
.linkArea li a{ color:#333; text-decoration:none; width:300px; height:40px; padding-top:10px; display:block;}
.linkArea li a:hover{ color:#333; text-decoration:none;}
.linkArea p.link_sup{ font-size:14px; margin:0; text-align:right;}
.linkArea p.link_sup img{ vertical-align:middle;}

#faq h2{ margin:100px 0 40px; text-align:center; padding-bottom:40px; border-bottom:#E0E0E0 1px solid;}
#faq h2.none{ margin:100px 0 0; text-align:center; padding-bottom:40px; border-bottom:#E0E0E0 0px solid;}
#faq p.q{ margin:0;}
#faq .a{ border-bottom:#E0E0E0 1px solid; padding-bottom:40px; margin:20px 0 40px;}
#faq .a_bg{ background:#F0F0F0; padding:20px 25px; margin:0;}
#faq .a_bg table.size{ width:auto; border:#CCC solid 1px; border-collapse:collapse;}
#faq .a_bg table.size th{ text-align:center; font-weight:normal; padding:10px; width:120px; border:#CCC solid 1px; background:#DDD;}
#faq .a_bg table.size td{ text-align:right; padding:10px; border:#CCC solid 1px; background:#FFF;}
#faq .a p{ margin:0;}
#faq .a p.mt15{ margin:15px 0 0;}
#faq .a p a{ color:#01948A; text-decoration:none;}
#faq .a p a:hover{ color:#01948A; text-decoration:none;}
#faq .a p.link{ margin:15px 0 0;}
#faq .a p.link a{ background:url(../img/common/arrow.png) no-repeat left 2px; padding-left:28px; color:#01948A; text-decoration:none; }
#faq .a p.link a:hover{ color:#01948A; text-decoration:none;}
#faq .a p.link span{ color:#01948A; font-weight:bold;}
#faq img.icon{ vertical-align:sub; margin-right:15px;}
#faq img.child{ vertical-align:middle; margin-left:5px;}

#faq .a_left{ float:left; width:610px;}
#faq .a_left p{ margin-top:15px;}
#faq .a_right{ float:left;}
#faq .a_right img{ margin-top:15px;}


#faq .fee{ width:100%; margin:0 0 10px;}
#faq .fee p.fee_ttl{ font-weight:bold; margin:30px 0 10px;}
#faq .fee p.fee_ttl span{ font-weight:normal;}
#faq .fee table{ width:100%;}
#faq .fee table th{ background:#E0E0E0; font-weight:normal; text-align:center; padding:5px 0 3px;}
#faq .fee table td{ background:#FFF; border-bottom:#F0F0F0 solid 1px; text-align:center; padding:5px 0 3px;}
#faq .fee table td.deno{ text-align:left; width:30%; padding:5px 15px 3px;}
#faq .fee table td.adult{ background:#FFF; border-bottom:#F0F0F0 solid 1px; text-align:center; padding:5px 0 3px; width:23%;}
#faq .fee table td.adult span{ color:#F00; font-size:0.8em; line-height:1.4em;}
#faq .fee p.passport-caution{ font-size: 14px; text-align: right;}

#faq .attraction{ width:100%; margin:30px 0 10px;}
#faq .attraction table{ width:100%;}
#faq .attraction table th{ background:#E0E0E0; font-weight:bold; text-align:left; padding:10px 15px 8px;}
#faq .attraction table th span{ font-weight:normal;}
#faq .attraction table td{ background:#FFF; text-align:left; padding:10px 15px 8px;}

#faq .a_bg .cake{margin:0 0 0.5em 0.5em;}
#faq .a_bg .cake th{background:#E0E0E0;font-weight:normal; padding: 0.5em;}
#faq .a_bg .cake th.bd{background:#E0E0E0;font-weight:normal; padding: 0.5em;border-left:#F0F0F0 solid 1px;}
#faq .a_bg .cake td{background:#FFF; border-bottom:#F0F0F0 solid 1px; padding:0.5em 1.5em 0.5em 0.5em;}
#faq .a_bg .cake td.bd{background:#FFF;border-left:#F0F0F0 solid 1px; border-bottom:#F0F0F0 solid 1px; padding:0.5em 1.5em 0.5em 0.5em;}


#faq a.tel{pointer-events:none; color:#333 !important; display:inline-block; text-decoration:none;}
#container a.tel{pointer-events:none; color:#333 !important; display:inline-block; text-decoration:none;}

#container h4.pd2em{
	padding-top: 2em;
}

/*--- hotel ---*/
#container .caution{border:2px #FF0004 solid; text-align:center;width:80%;margin:auto;}

.pc{ display:inherit;}
.sp{ display:none;}

/* 画像 -> HTML化
------------------------------------------------------------------------*/
.title_pt_002,
#container h2.title_pt_002 {
  font-weight: bold;
  padding: 0 3em;
  width: fit-content;
  margin: 80px auto 30px;
  text-align: center;
  position: relative;
	color: #01948A;
	font-size: 28px;
}
.title_pt_002,
#container h2.top.title_pt_002 {
	margin-top: 50px;
}
.title_pt_002::before,
.title_pt_002::after {
  content: '';
  background: #01948A;
  width: 2em;
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.title_pt_002::before {
  left: 0;
}
.title_pt_002::after {
  right: 0;
}


/* ページタイトル */
#container .pc a:hover {
	text-decoration: none;
}

.title-area {
	text-align: center;
    border-bottom: #E5E5E5 solid 1px;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 20px;
    justify-content: flex-start;
    padding-top: 30px;
}

.title-page-icon {
    width: 90px;
    padding: 25px 0 25px 20px;
    box-sizing: border-box;
	display: table-cell;
    vertical-align: bottom;
}

.title-page-icon img {
	max-width: 100%;
    vertical-align: bottom;
	margin-right: 10px;
    height: auto;
	display: inline-block;
}

#container h1.title-page-title,
.title-page-title {
    margin: 0 1em;
    padding: 5px 5px 15px 5px;
    color: #01948a;
    font-weight: 700;
	width: 8em;
    padding-bottom: 30px;
    font-size: 36px;
	display: table-cell;
    vertical-align: bottom;
	border: none;
	line-height: 100%;
	text-align: left;
}

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}

/*アンカーポジション位置調整*/
.anchorPosition_plus {
	display: block;
  margin-top: -50px;
  padding-top: 50px;
  height: 0;
}
