html { background:#692 url(../image/bg01.gif) center top; height:100%; }

* html .iepngfix { behavior:url("iepngfix.htc") }

body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
margin:0; padding:0; background:url(../image/bg02.gif) repeat-y top center;  text-align:center; color:#333; line-height:1em; font-size:10px; min-height:100%; min-width:1000px; /font-size:62.5%; }

td, th { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color:#333; font-size:10px; line-height:1.5; }
ul li, ol li { list-style-position: inside; }
#conts ul li, #conts ol li { list-style-position: outside; margin-left: 1.45em; margin-bottom: 0.5em; }

a:link { color:#39c; text-decoration:underline; outline:none; }
a:visited { color:#39c; text-decoration:underline; }
a:hover { color:#f63; text-decoration:underline; }

/* common
====================================================================================================================================== */
/*no script*/
#noscript { width:100%; background:#f00; color:#fff; text-align:center; padding:10px; margin:0; font-size:1.4em; }

/*非表示*/
.none { display:none !important; }

/*スマホ・PC振り分け*/
.sp_off { }
.sp { display:none!important; }


/*画像で見出しを作る用（スタイルを強制リセット）*/
h1.plane, h2.plane, h3.plane, h4.plane, h5.plane { background:none!important; border:none!important; padding-left:0!important; padding-right:0!important; padding-top:!important; }
h1.plane:after, h2.plane:after, h3.plane:after, h4.plane:after, h5.plane:after { display:none!important; }
h1.plane img,h2.plane img, h3.plane img, h4.plane img, h5.plane img { margin:0; }


h1,h2 { font-size:1.2em; margin:0px; line-height:1.5; }
h3,h4,h5,h6,h7 { font-size:1.0em; margin:0px; line-height:1.5; }
p { margin:0px; /*line-height:1.5;*/ }
form { margin:0px; padding:0; }
hr { color:#ccc; border:0; height:1px; background:#ccc; }


.f_l { font-size:1.4em; line-height:1.5; }
.f_m { font-size:1.2em; line-height:1.5; }
.f_s { font-size:1.0em; line-height:1.5; }
.f_b { font-weight:bold; }

.clear { clear:both; }
.margin5 { height:5px; width:5px; padding:0px; margin:0px; }
.margin10 { height:10px; width:10px; padding:0px; margin:0px; }
.mb5 { margin-bottom:5px; }
.mb0 { margin-bottom:0px!important; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mt-10 { margin-top:-10px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }

.r5 {-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behavior:url(border-radius.htc); }
.r10 {-webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; behavior:url(border-radius.htc); }
.r15 {-webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -khtml-border-radius:15px; border-radius:15px; behavior:url(border-radius.htc); }



.tr { text-align:right; }
.tl { text-align:left; }

.red { color:#f41; }
.orange { color:#f72; }
.blue { color:#39c; }
.green { color:#360; }

.no {display:none; }

/*▼ALL▼*/
#h_seo { display:none; }
.contents01 { width:940px; margin:auto; text-align:left; line-height:1.5; }

.frame01 { height:5px; background:url(../image/frame01.png) no-repeat; }
.frame02 { background:url(../image/frame02.png) repeat-y; }
.frame03 { height:5px; background:url(../image/frame03.png) no-repeat; }

/*▼ヘッダメニュー▼*/
#t_title { float:left; width:600px; display:inline; margin:10px; margin-left:0px; }
.tm { float:right; width:290px; height:50px; padding:0px; margin:0px; list-style-type:none; margin-top:10px; }
.tm li { float:left; text-indent:-9999px; }
.tm li a { display:block; background-repeat:no-repeat; width:50px; height:50px; text-decoration:none; outline-style:none; }
#tm_qa { background:url(../image/h_access.gif) no-repeat -200px top; margin-right:10px; }
#tm_wet { background:url(../image/h_access.gif) no-repeat 0px top; margin-right:10px; }
#tm_cam { background:url(../image/h_access.gif) no-repeat -150px top; margin-right:10px; }
#tm_acc { background:url(../image/h_access.gif) no-repeat -50px top; margin-right:10px; }
#tm_hom { background:url(../image/h_access.gif) no-repeat -100px top; }
#tm_qa:hover { background:url(../image/h_access.gif) no-repeat -200px bottom; margin-right:10px }
#tm_wet:hover { background:url(../image/h_access.gif) no-repeat 0px bottom; margin-right:10px; }
#tm_cam:hover { background:url(../image/h_access.gif) no-repeat -150px bottom; margin-right:10px; }
#tm_acc:hover { background:url(../image/h_access.gif) no-repeat -50px bottom; margin-right:10px; }
#tm_hom:hover { background:url(../image/h_access.gif) no-repeat -100px bottom;; }

#topimage { margin-bottom:20px; }

.flash {  } 
.ipad { display:none; }

/*▼ヘッダメニュー▼*/
.hm { width:940px; height:90px; padding:0px; margin:0px; margin-bottom:20px; list-style-type:none; }
.hm li { float:left; text-indent:-9999px; }
.hm li a { display:block; background-repeat:no-repeat; width:118px; height:90px; text-decoration:none; outline-style:none; }

#hm_att { background:url(../image/h_menu.gif) no-repeat 0px top; }
#hm_evn { background:url(../image/h_menu.gif) no-repeat -118px top; }
#hm_cal { background:url(../image/h_menu.gif) no-repeat -236px top; }
#hm_gen { background:url(../image/h_menu.gif) no-repeat -354px top; }
#hm_foo { background:url(../image/h_menu.gif) no-repeat -472px top; }
#hm_gif { background:url(../image/h_menu.gif) no-repeat -590px top; }
#hm_gui  { background:url(../image/h_menu.gif) no-repeat -708px top; }
#hm_map { background:url(../image/h_menu.gif) no-repeat -826px top; width:114px; }
#hm_taiken { background:url(../image/h_menu_taiken.png) no-repeat center top; }

#hm_att:hover { background:url(../image/h_menu.gif) no-repeat 0px bottom; }
#hm_evn:hover { background:url(../image/h_menu.gif) no-repeat -118px bottom; }
#hm_cal:hover { background:url(../image/h_menu.gif) no-repeat -236px bottom; }
#hm_gen:hover { background:url(../image/h_menu.gif) no-repeat -354px bottom; }
#hm_foo:hover { background:url(../image/h_menu.gif) no-repeat -472px bottom; }
#hm_gif:hover { background:url(../image/h_menu.gif) no-repeat -590px bottom; }
#hm_gui:hover { background:url(../image/h_menu.gif) no-repeat -708px bottom; }
#hm_map:hover { background:url(../image/h_menu.gif) no-repeat -826px bottom; width:114px; }
#hm_taiken:hover { background-position: center 100%; }


/*▼RIGHT（ページ右エリア）▼*/
.t_box_l { float:left; width:700px; margin-bottom:20px; display:inline; }
.t_line { height:5px; background:url(../image/t_line.gif) no-repeat center center; margin-bottom:20px; }

/*▼イベントバナー▼*/
#event_box { margin-bottom:20px; }
#event_box img { margin-right:10px; }


/*▼新着情報▼*/

.info_box { float:left; width:680px; background-color:#fef5cc; background-image:url(../image/bg_info.gif); background-repeat:no-repeat; background-position:right bottom; padding:10px; padding-bottom:0px; display:inline; /width:700px; }
.info_list { padding:0px; margin:auto; padding-bottom:8px; margin-bottom:8px;  background:url(../image/l_info.gif) repeat-x left bottom; }
.info_list dt { float:left; width:100px; text-align:right; }
.info_list dt img { margin-bottom:5px; }
.info_list dd { margin-left:110px; }
.info_date { color:#666; font-size:1.2em; padding-left:15px; background:url(../image/i_info.gif) no-repeat left center; }
.info_title { font-size:1.4em; padding-bottom: 5px; font-weight:bold; }

/*▼RIGHT（ページ右エリア）▼*/
.t_box_r { float:right; width:220px; padding:0px; margin-bottom:10px; display:inline; }
.t_box_r img { margin-bottom:10px; }
.rm_line { height:6px; background:url(../image/f_line.gif) repeat-x left center; margin:auto; margin-bottom:10px; clear:both; }

/*▼お得情報▼*/
#toku_box { float:left; padding:0px; margin-bottom:20px; text-align:center; }
#toku_box img { margin:0px 7px; }

/*▼フッタ▼*/
#f_box { /*float:left;*/ width: 100%; padding:10px 0px; margin:0px; border-top:5px solid #cda; border-bottom:5px solid #cda; clear:both; overflow: hidden; }
/* #f_link { float:left; width:450px; font-size:1.2em; color:#999; padding:5px 10px; display:inline; } */
#f_link { float:left; width:100%; font-size:1.2em; color:#999; padding:5px 10px; display:inline; }
*html #f_link { font-size:1.0em; }
#f_gotop { float:right; width:220px; font-size:1.2em; color:#999; padding:5px 10px; text-align:right;  display:inline; }
#f_address_box { float:left; width:440px; padding:5px 0px 5px 80px; background:url(../image/f_mark.gif) no-repeat left 5px; display:inline; font-size:1.2em; overflow:auto; box-sizing: border-box; }
#f_name { font-size:1.4em; font-weight:bold; color:#d50; }
#f_address { padding-left:15px; background:url(../image/i_info.gif) no-repeat left 0.2em; }
#f_tel { font-size:1.2em; font-weight:bold; padding-left:15px; background:url(../image/i_info.gif) no-repeat left 0.2em; }

.fm { float:right;  width:450px; height:70px; padding:5px 0px; margin:0px; list-style-type:none; }
.fm li { float:left; text-indent:-9999px; }
.fm li a { display:block; background-repeat:no-repeat; width:220px; height:70px; text-decoration:none; outline-style:none; }
#f_faq { background:url(../image/f_menu.gif) no-repeat 0px top; margin-right:10px; }
#f_mob { background:url(../image/f_menu.gif) no-repeat -220px top; }
#f_faq:hover { background:url(../image/f_menu.gif) no-repeat 0px bottom; }
#f_mob:hover { background:url(../image/f_menu.gif) no-repeat -220px bottom; }

#f_rest { background:url(../image/f_menu.gif) no-repeat 0px top; margin-right:10px; }
#f_mob { background:url(../image/f_menu.gif) no-repeat -220px top; }
#f_rest:hover { background:url(../image/f_menu.gif) no-repeat 0px bottom; }
#f_mob:hover { background:url(../image/f_menu.gif) no-repeat -220px bottom; }


/*▼フード　レストラン予約▼*/
.reserve { width:220px; height:70px; padding:5px 0px; margin:0px; list-style-type:none; }
.reserve a { display:block; background:url(../image/f_menu.png) no-repeat 0px top; margin-right:10px;  width:220px; height:70px; text-decoration:none; outline-style:none; float:left; text-indent:-9999px;}
.reserve a:hover { background:url(../image/f_menu.png) no-repeat 0px bottom; }


#copyright { padding:5px; text-align:center; line-height:2; margin-bottom:10px; }


/*▼フッタバナー▼*/
#b_box { float:left; margin:0px 80px; margin-bottom:20px; display:inline;  }
#b_box_l { width:450px; height:60px; float:left; margin-bottom:10px; display:inline; }
#b_box_r { width:280px; height:60px; float:right; margin-bottom:10px; display:inline; }
#b_box_mini { margin-bottom:0px; text-align:center; }
#b_box_mini img { margin:2px; width: 145px; height: auto; }

#b_box a { display: inline-block; }
#b_box img { margin:0 4px; }

.line { height:10px; background:url(../image/line.gif) no-repeat center center; margin-bottom:10px; }

/*tab*/
.tab_fb, .tab_insta, .tab_ticket {position:fixed !important; position:absolute; top:30px; right:0; zoom:1; }
.tab_insta { top:170px; }
.tab_ticket { top:310px; }
.tab_tw {position:fixed !important; position:absolute; top:170px; right:0; zoom:1; }

.banner_list {
  text-align: center;
}
.banner_list a {
  display: inline-block;
  margin-bottom: 1.5em;
}

/*---- SNS/ ----*/
#sns_box { position:fixed !important; position:absolute; top:310px; right:0; zoom:1; width:40px; overflow:hidden; z-index:9999; }
#sns_box.in_ticket { top:425px; }
#sns_box .inner { background:url(../image/bg_sns.png) no-repeat; width:130px; height:100px; position:relative; zoom:1; }
#sns_box .btn { left:10px; top:13px; position:absolute; zoom:1; padding:0; margin:0; }
#sns_box .tw { display:none; height:20px; padding:0px 0px 6px 0px ; margin:13px 0px 0px 10px; float:left; }
#sns_box .fb { display:none; height:20px; padding:0px 0px 6px 0px ; margin:0px 0px 0px 10px; float:left; }
#sns_box .gl { display:none; height:20px; padding:0px 0px 6px 0px ; margin:0px 0px 0px 10px; position:absolute; top:66px; left:0px; }



/*custom（スマホでのみ表示するもの）*/
a.button { position:relative; display:inline-block; margin:0 auto 20px; padding:6px 12px 6px 36px; font-size:14px; text-align:center; font-weight:normal; color:#fff; line-height:1.2; text-decoration:none; border-radius:6px;  border:solid 1px #ccc; color:#41730f; background:#fff; background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #DDDDDD)
);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #DDDDDD 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #DDDDDD 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #DDDDDD 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #DDDDDD 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #DDDDDD 100%); }
a.button:hover { background:#ccc; }

a.button.btn_orange { background: #f72; color: #fff; font-weight: bold; border: 0; font-size: 1.1rem; padding: 1em 2em; }

a.zoom:after { content:""; position:absolute; left:10px; top:3px; display:block; width:20px; height:20px; background:url(../image/sp/icon_zoom.png) no-repeat center top; background-size:100% auto; text-indent:100%; white-space:nowrap; overflow:hidden; }

/*アトラクション*/
.accordion { text-align:left; margin:0; padding:0; font-size:14px; }
.accordion dt { position:relative; background:#558723; padding:5px 30px 5px 10px; margin:0 0 10px; font-size:1.1em; line-height:1.5; color:#fff; border-radius:6px; cursor:pointer; overflow: hidden; }
/*.accordion dt strong { font-size:1.2em; }*/
.accordion dt:after { content:""; position:absolute; right:0; top:50%; margin-top: -10px; display:block; width:20px; height:20px; background:url(../image/sp/icon_plus.png) no-repeat center center; background-size:100% auto; text-indent:100%; white-space:nowrap; overflow:hidden; }
.accordion dt.open { background:#ff7711; }
.accordion dt.open:after { background-image:url(../image/sp/icon_minus.png); }
.accordion dd { margin:0; padding:0 0 10px; }
.accordion dt img {
    width: 80px;
    float: left;
    margin: -5px 1em -5px -10px;
}
.accordion .text_box {
    font-weight: bold;
    display: inline-block;
    padding: 0.5em 0 0;
    line-height: 1.5;
}
.price_link {
    display: block;
    font-size: 0.8em;
    font-weight: normal;
}
.accordion .icon_list { text-align:center; padding:0 0 10px; line-height:1; }
.icon_list span { display:inline-block; width:34px; height:34px; margin:0 5px; background:url(../image/sp/icon_attraction01.png) no-repeat; background-size:100% auto; text-indent:100%; white-space:nowrap; overflow:hidden; }
.icon_list span.icon_attraction02 { background-image:url(../image/sp/icon_attraction02.png); }
.icon_list span.icon_attraction03 { background-image:url(../image/sp/icon_attraction03.png); }
.icon_list span.icon_attraction04 { background-image:url(../image/sp/icon_attraction04.png); }
.icon_list span.icon_attraction05 { background-image:url(../image/sp/icon_attraction05.png); }
.icon_list span.icon_attraction06 { background-image:url(../image/sp/icon_attraction06.png); }
.icon_list span.icon_attraction07 { background-image:url(../image/sp/icon_attraction07.png); }
.accordion .detail { padding:10px 0; margin-bottom:10px; border:dotted 4px #ccc; border-left:none; border-right:none; }
.accordion .detail strong { padding-right:20px; }
.hanrei { border:solid 2px #d6d6d6; padding:10px; border-radius:6px; }
.hanrei .icon_list { text-align:left; }
.hanrei .icon_list span { float:left; margin-top:-5px; display:inline-block; }
.hanrei p { padding-top:10px; margin-bottom:5px; overflow:hidden; }



/* 営業情報 */
.information {
  font-size: 1.4em;
  text-align: center;
	margin: 0 auto 2em;
}
.info_eigyo, .info_ticket {
  border: solid 3px #DC5312;
  border-radius: 0.8em;
  padding: 1.8em 1.3em 1.2em;
  margin: 0 auto 1em;
}
.info_ticket {
  border-color: #346901;
}
.information .tit {
	font-weight: bold;
	color: #DC5312;
	margin: 0 auto 1.3em;
}
.information .info_ticket .tit {
	color: #346901;
}
.information .tit .catch {
	display: block;
	font-size: 0.9em;
	margin: 0 auto 0.2em;
}
.information .tit img {
	height: 8vw;
	width: auto;
	margin: 0 auto;
}

.information .date {
  display: flex;
  margin-bottom: 0.5em;
  font-weight: bold;
}
@media screen and (max-width : 370px){
	.information .date {
		flex-direction: column;
		gap: 1.2em;
	}
}
.information .date .box {
	flex: 1;
}
.information .date strong {
	display: inline-block;
  font-size: 1.2em;
  color: #DC5312;
}
.information .note {
  font-size: 0.85em;
  margin-bottom: 1em;
}

.information .banner_list {
	text-align: left;
	margin: 0 -2% -4%;
}
.information .banner_list a {
  display: inline-block;
  width: 47%;
  margin: 0 1% 3%;
}
.information img, .information .banner_list a img {
	max-width: 100%;
	vertical-align: top;
}

.date_box .font_sm {
  font-size: 0.85em;
  margin-bottom: 0.4em;
  display: block;
	font-weight: normal;
}

@media screen and (min-width : 760px){
	.information {
		margin: 0 auto 1.4em;
	}
	.info_eigyo {
		display: flex;
		gap: 1em;
		align-items: center;
		padding: 1.3em;
	}
	.info_eigyo > div {
		flex: 1.8;
	}
	.information .tit {
		flex: 1;
		margin-right: -1.5em;
	}
	.information .date_box {
		flex: 2.5;
	}
	.information .tit {
		margin-bottom: 0;
	}
	.information .tit img {
		width: 60%;
		height: auto;
	}
	.information .date {
		margin: 0;
	}
	.information .note {
		margin: 0.5em 0 0;
	}
	.btn_box {
	  margin-top: -0.4em;
	}
}

/* mobile */
@media handheld {
.flash { display:none; } 
.ipad { display:block; }
}
/* iPhone 3G, 3GS, and 4 */
@media only screen and (max-device-width:480px) {
.flash { display:none; } 
.ipad { display:block; }
}
/* iPhone 3G,3GS, 4 in portrait only */
@media only screen and (max-device-width:480px) and (orientation:portrait) {
.flash { display:none; } 
.ipad { display:block; }
}
/* iPhone 3G,3GS, maybe 4 in landscape only */
@media only screen and (max-device-width:480px) and (orientation:landscape) {
.flash { display:none; } 
.ipad { display:block; }
}
/* iPad */
@media only screen and (min-device-width:481px) and (max-device-width:1024px) {
.flash { display:none; } 
.ipad { display:block; }
}
/* iPad in portrait only */
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait) {
.flash { display:none; } 
.ipad { display:block; }
}
/* iPad in landscape only*/
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape) {
.flash { display:none; } 
.ipad { display:block; }
}



/* メインビジュアル アニメーション */
#main_anime { position: relative; width: 940px; height: 390px; margin: 0 auto 10px; overflow: hidden; border-radius: 10px; }
#main_anime ul { margin: 0; padding: 0; }
#main_anime ul li { position: absolute; list-style: none; margin: 0; padding: 0; }
#main_anime ul li img { width: 100%; height: auto; }
#main_anime ul li .copy { position: absolute; left: 8%; top: 10%; width: 84%; height: auto; }

@keyframes fadein {
  0% {
	  opacity: 0;
  }
  to {
	  opacity: 1;
  }
}

@keyframes copy_view {
  0% {
	  opacity: 0;
    transform:scale(1.3,1.3);
  }
  to {
	  opacity: 1;
    transform:scale(1,1);
  }
}

/* アニメーション初期値 */
#main_anime ul li img { opacity: 0; }
#main_anime ul li .copy { opacity: 0; transform:scale(1.3,1.3); }

/* アニメーション動作 */
#main_anime ul li img {
  animation: 0.5s linear 0s forwards;
  animation-name: fadein;
}
#main_anime ul li .copy {
  animation: 0.75s ease 1s forwards;
  animation-name: copy_view;
}

#main_anime ul li.item02 img { animation-delay: 4s; }
#main_anime ul li.item02 .copy { animation-delay: 4.5s; }

#main_anime ul li.item03 img { animation-delay: 8s; }
#main_anime ul li.item03 .copy { animation-delay: 8.5s; }

#main_anime ul li.item04 img { animation-delay: 12s; }
#main_anime ul li.item04 .copy { animation-delay: 12.5s; }

#main_anime ul li.item05 img { animation-delay: 16s; }
#main_anime ul li.item05 .copy { animation-delay: 16.5s; }

#main_anime ul li.item06 img { animation-delay: 20s; }
#main_anime ul li.item06 .copy { animation-delay: 20.5s; }




@media screen and (max-width : 760px){
	/* メインビジュアル アニメーション */
	#main_anime { width: 100%; height: 45vw; margin-bottom: 0; border-radius: 0; }
	#main_anime ul li .copy { left: 3%; width: 94%; }
	
/* youtube */
.main_movie {
  position: relative;
  width: 100%;
}
.main_movie:before {
  content:"";
  display: block;
  padding-top: 56.25%;
}
.main_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
	
}