@charset "utf-8";

#contents{
	word-wrap: break-word;
	word-break: break-all;
}
.vi{
	padding:0;
	border-bottom: 4px solid #96ca1f;
}

.vi .inner{
	display:table;
	width: 1000px;
	margin:0 auto;
}
.vi .inner .img,
.vi .inner div{
	display:table-cell;
	vertical-align:middle;
}
.vi .inner div{
	padding:15px 0;
}
.vi .inner div .ttl,
.vi .inner div .txt{
	box-sizing:border-box;
	position:relative;
}
.vi .inner div .ttl{
	padding:0 20px 0 60px;
	font-size: 50px;
	font-weight: bold;
	color: #96ca1f;
	line-height:1.2;
}
.vi .inner div .txt{
	margin-top: 0.75em;
	padding:0 90px 0 60px;
	font-size: 1.14rem;
}

.category{
	width: 900px;
	margin:0 auto;
	overflow:hidden;
}
.category ul{
	width: 906px;
	margin-top: 1em;
}
.category ul:after{
	content:"";
	display:block;
	clear:both;
}
.category li{
	display:block;
	float:left;
	min-width:6.3em;
	margin: 0 6px 6px 0;
	border-radius: 5px;
	padding:0.33em 0.5em;
	font-size: 0.92rem;
	white-space:nowrap;
	color:#FFF;
	text-align:center;
}
.category li.area{
	background-color:#c7d138;
}
.category li.destination{
	background-color:#96ca1f;
}
.category li.type{
	background-color:#6dc253;
}

.area .map{
	width: 1000px;
	margin:0 auto;
}
.area .map ul{
	width: 900px;
	margin:4% auto 0 auto;
}
.area .map ul:after{
	content:"";
	display:block;
	clear:both;
}
.area .map li{
	margin-bottom: 4%;
}
.area .map li:nth-of-type(odd){
	float:left;
	clear:both;
}
.area .map li:nth-of-type(even){
	float:right;
}
.area .map li img{
	border: 1px solid #d8d6c2;
}
.area .dtl{
	width: 1000px;
	margin:0 auto;
}
.area .dtl .inner{
	width: 900px;
	margin:0 auto;
}
.area .dtl table{
	border-collapse:collapse;
}
.area .dtl th,
.area .dtl td,
.area .dtl td td{
	border: 1px solid #d8d6c2;
}
.area .dtl th{
	border-right: none;
    padding: 1em;
    white-space: normal;
	vertical-align: top;
    background: #f9f7ea;
    width: 140px;
}
.area .dtl td{
	border-left: none;
	padding:1em 1.5em;
	vertical-align:top;
}
.area .dtl td table{
	float: left;
	width: 40.5%;
}
.area .dtl td div{
	float: right;
	width: 56%;
}
.area .dtl td td{
	padding: 0.5em 0.75em;
}
.area .dtl td td.state{
	width: 1%;
}

.html_tag_effective table{
	float: auto !important;
	width: 100% !important;
}

.area .dtl ul.note li,
.area .dtl ul.state li{
	font-size: 0.86rem;
}
.area .dtl ul.state li{
	display:inline-block;
	margin-right: 1em;
}
.area .dtl ul.note li{
	padding-left: 1em;
	text-indent: -1em;
}

.area .special{
	width: 1000px;
	margin:2em auto 0 auto;
}
.area .special .inner{
	box-sizing: border-box;
	width: 900px;
	margin:0 auto;
	padding:3% 2%;
	background:#fbfaf2;
}
.area .special .inner:after{
	content:"";
	display:block;
	clear:both;
}
.area .special p{
	float:left;
	width: 273px;
}
.area .special dl{
	float:right;
	width: 565px;
}
.area .special dd{
	padding-left: 1em;
}
.area .special dd li{
	padding-left: 1em;
	text-indent:-1em;
}
.area .relation{
	width: 1000px;
	margin:3% auto 0 auto;
}
.area .relation .inner{
	width: 900px;
	margin:0 auto;
}
.area .relation li{
	margin-bottom: 0.5em;
}
.area .relation li a{
	text-decoration:none;
	color:#09C;
}
.area .relation li a:hover{
	text-decoration:underline;
}
.area .relation li a img.pdf{
	width: 23px;
	margin:0 0.5em 0 0.25em;
}

.result{
	width: 1000px;
	margin:0 auto;
}
.result .resultTxt{
	display:table;
	width: 100%;
	padding:3% 0 1em 0;
	table-layout:fixed;
}
.result .resultTxt .txt,
.result .resultTxt .research{
	display:table-cell;
	vertical-align:middle;
}
.result .resultTxt .txt{
	font-size: 1.29rem;
}
.result .resultTxt .txt span{
	margin:0 0.25em;
	color:#e84c3d;
	font-weight: bold;
	font-size: 1.57rem;
}
.result .resultTxt .research{
	text-align:right;
}
.result .resultTxt .research .btnStyle_01{
	display:inline-block;
	padding:0.25em 1.5em;
	font-size: 1.21rem;
	color:#FFF;
	background:#09C;
}
.result .number{
	border-top: 1px solid #d7d6cc;
	border-bottom: 1px solid #d7d6cc;
	padding:0.75em 1em;
}
.result .number table{
	width: 100%;
}
.result .number td{
	width: 5em;
	padding-right: 1em;
	font-size: 1.14rem;
	vertical-align: middle;
	text-align:right;
	white-space:nowrap;
}
.result .number td:first-child{
	padding-right: 0;
	width: auto;
	white-space:normal;
	text-align:left;
}
.result .number td select{
	font-size: 1.14rem;
}
.result .pager{
	padding:2.5% 0;
	text-align:center;
}
.result .pager p,
.result .pager ol,
.result .pager li{
	display:inline-block;
}
.result .pager li{
	margin: 0 0.5em;
}
.result .pager li a{
	color:#09C;
}
.result .pager p a{
	text-decoration:none;
	background-repeat:no-repeat;
	background-size: 1em;
}
.result .pager .prev{
	margin-right: 1em;
}
.result .pager .prev a{
	padding: 0 1.5em 0 0;
	background-position:right center;
	background-image:url(/common/img/arrow_02_l.png);
}
.result .pager .next{
	margin-left: 1em;
}
.result .pager .next a{
	padding: 0 0 0 1.5em;
	background-position: left center;
	background-image:url(/common/img/arrow_02_r.png);
}
.result .pager .prev a:hover,
.result .pager .next a:hover{
	text-decoration:underline;
}

.list{
	width: 1000px;
	margin:0 auto;
}
.list .ttl{
	margin-top: 4%;
	padding:0 0 0 2em;
	font-size: 1.57rem;
	font-weight: bold;
	color:#FFF;
	background: url(/common/img/icon_02.png) 1em 0.45em no-repeat #96ca1f;
	background-size: 0.75em;
}
.list .listBtn{
	margin-top: 9%;
}
.list .listBtn table{
	width: 100%;
	border-collapse:separate;
	border-spacing:3px;
}
.list .listBtn td{
	border-radius: 5px;
	color:#FFF;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	background:#96ca1f;
}
.list .listBtn td.disabled{
	background:#CCC;
}
.list .listBtn td.ac{
	background:#e84c3d;
}
.list .listBtn td span,
.list .listBtn td a{
	display:block;
	padding:0.5em;
	color:#FFF;
	text-decoration:none;
}
.list .dataList ul:after{
	content:"";
	display:block;
	clear:both;
}
.list .dataList li{
	box-sizing:border-box;
	float:left;
	width: 242px;
	margin:0 10px 1% 0;
	border: 2px solid #d4d4c8;
	padding: 2px;
}
.list .dataList li:nth-of-type(4n){
	margin-right: 0;
}
.list .dataList li:nth-of-type(4n+1){
	clear:left;
}
.list .dataList li .inner{
	padding:11px;
	background: #f9f7ea;
}
.list .dataList .name{
	border-bottom: 1px solid #d4d4c8;
	padding-bottom: 1em;
	font-size: 1.29rem;
	font-weight: bold;
}
.list .dataList .name span{
	display:block;
	font-size: 1rem;
	font-weight: normal;
}
.list .dataList .line{
	margin-top: 0.5em;
	font-size: 0.92rem;
}
.list .dataList .price{
	margin-top: 0.5em;
	color:#F00;
	font-weight: bold;
	font-size: 1.29rem;
}
.list .dataList .price span{
	display:block;
	margin-top: 0.5em;
	color:#333;
	font-size: 0.92rem;
	font-weight: normal;
}
.list .dataList .btn{
	padding: 1em 1.5em 1.5em 1.5em;
	background:#f9f7ea;
}
.list .dataList .btn a{
  padding: 0.75em 0;
	font-size: 1.21rem;
}
.list .dataList .note{
	margin-top: 0.5em;
}
.list .dataList .note li{
	float: none;
	width: auto;
	border: none;
	margin:0;
	padding: 0;
	color: #333;
	font-size: 0.92rem;
}
/*--------------------------------------------------*/
/*spMode*/
/*--------------------------------------------------*/

.spMode .vi{
	border: none;
}
.spMode .vi .inner{
	width: auto;
	border-top: 1px solid #d8d6c2;
	border-bottom: 1px solid #d8d6c2;
	table-layout:fixed;
}
.spMode .vi .inner .img{
	width: 26%;
}
.spMode .vi .inner div{
	padding:0.5em 0;
}
.spMode .vi .inner div .ttl{
	padding:0 1em;
	font-size: 1.21rem;
	line-height:1.4;
}
.spMode .vi .inner div .ttl span{
	display:inline-block;
	border-left: 4px solid #96ca1f;
	padding-left: 0.5em;
}
.spMode .vi .txt{
	display:block;
	margin: 0.75em 6% 0 6%;
	font-size: 0.92rem;
}

.spMode .category{
	width: auto;
	margin:0 3%;
}
.spMode .category ul{
	width: auto;
}
.spMode .category li{
	min-width: 0;
  padding: 0.33em 0.66em;
	font-size: 1rem;
}
.spMode .area .map,
.spMode .area .map ul,
.spMode .area .dtl,
.spMode .area .dtl .inner,
.spMode .area .special,
.spMode .area .special .inner,
.spMode .area .relation,
.spMode .area .relation .inner,
.spMode .list,
.spMode .result {
  width: auto;
}

.spMode .area .map {
	margin-top: 3%;
}
.spMode .area .map ul{
	margin:0 6%;
}
.spMode .area .map li {
	float: none;
  margin-bottom: 6%;
}

.spMode .area .dtl .inner{
	margin: 0 6%;
	border-top: none;
	padding-top: 0;
}
.spMode .area .special .inner{
	padding: 6%;
}
.spMode .area .special p,
.spMode .area .special dl {
	float: none;
	width: auto;
}
.spMode .area .special dl{
	margin-top: 1em;
}
.spMode .area .special dd{
	padding-left: 0;
}
.spMode .area .special dd li {
	padding-left: 0;
	text-indent: 0;
}
.spMode .area .relation .inner{
	margin:0 6%;
}
.spMode .area .relation li a img{
	width: 18px;
}
.spMode .result {
  width: auto;
	margin:0 3%;	
}
.spMode .result .resultTxt,
.spMode .result .resultTxt .txt,
.spMode .result .resultTxt .research {
	display: block;
}
.spMode .result .resultTxt .txt,
.spMode .result .resultTxt .txt span {
	font-size: 1rem;
}
.spMode .result .resultTxt .txt{
	text-align:center;
}
.spMode .result .number td{
	font-size: 0.86rem;
}
.spMode .list .listBtn table{
	width: 90%;
	margin:0 auto;
  border-spacing: 5px;
}
.spMode .list .ttl{
	margin-top: 4%;
	padding:0.25em 0 0.25em 2.25em;
	font-size: 1.14rem;
	background: url(/common/img/icon_02.png) 1em 0.6em no-repeat #96ca1f;
	background-size: 1em;
}
.spMode .result {
  margin: 0 3%;
}
.spMode .area .dtl th {
	width: 5em;
	padding:0.5em 0.75em;
	white-space: normal;
}
.spMode .area .dtl td{
	padding:0.5em 0.75em;
}
.spMode .area .dtl td table {
	float: none;
	width: 100%;
}
.spMode .area .dtl td div {
	float: note;
	width: auto;
	margin-top: 0.5em;
}
.spMode .dataList{
	margin: 3% 3% 0 3%;
}
.spMode .list .dataList li {
	float: none;
	width: auto;
	margin: 0 0 8% 0;
}
.spMode .list .dataList li:last-child{
	margin-bottom: 3%;
}
.spMode .list .dataList li:nth-of-type(4n+1) {
	clear: none;
}
.spMode .list .dataList li .inner {
	height:auto !important;
	padding: 3%;
}
.spMode .list .dataList .name {
	font-size: 1.14rem;
}
.spMode .list .dataList .name span{
	font-size: 0.92rem;
}
.spMode .list .dataList .price{
	font-size: 1.14rem;
}
.spMode .list .dataList .btn a {
	font-size: 1.14rem;
}
.spMode .list .dataList .note li{
	margin: 0;
}
.spMode .fInfoBlock{
	margin-top: 9%;
}

.spMode .ticketOffice .ticket dt span {
    width: 65%;
    font-size: 0.9rem;
}
.spMode .ticketOffice .ticket ul {
    width: 18em;
    margin: 10px auto 0;
}