@charset "utf-8";
/* ==================================================
スマートフォン用 トップページ
================================================== */
.pc { display: none; }
.sp { display: block; }

#header { width:100%; }

#user_area {
  display: none;
}

#header_whole {
  height: auto;
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding-bottom: 16px;
}

.logo {
  width: 100%;
	float: none;
	text-align: center;
	background: #fff;
}

.logo img { float: none; }

#header .h1_title { float: none; text-align: center; }
#header h1, #header .h1_title span { display: block; }

.tkp-header-search {
  float: none;
	margin: 10px auto;
}

.contents {
  width: 90%;
	margin: 0 auto;
}

.box {
  padding: 16px;
}

.tweet_area,
.access_info,
.mail_info,
.links_info {
width: 100%;
float: none;
border-right: none;
padding: 0 0 10px 0;
margin-bottom: 2em;
}

/* ______ slider _______________*/
.over_left {
	right: 80%;
}
.over_right {
	bottom: 60px;
	left: 80%;
}


/*_______ global navi __________*/
#global_navi ul { width: 100%; }
#global_navi ul li { 
  width: 33%;
  height: auto;
  border-right: #734804 1px dotted;
  -moz-box-sizing: border-box;
}
#global_navi ul li a {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
#global_navi li span.bg {
  border: none;
  background-size: 60px !important;
  margin: 10px 0;
}
#global_navi li span.txt {
  bottom: 24px;
  font-size: 82%;
}
#global_navi li:nth-child(-n + 3) {
  border-bottom: #734804 1px dotted;
}
#global_navi li:nth-child(3),
#global_navi li:last-child {
  border-right: none;
  }
#global_navi li:first-child span.bg {
    border-left: none;
}


/* ______ menu _______________*/
.smenu {
    background:transparent url(../images/btn.png) no-repeat 0 0;
    display: block;
    width:45px;
    height: 45px;
    position: absolute;
    top:20px;
    right:20px;
    cursor: pointer;
    z-index: 200;
}
.close {
    background-position: -45px 0;
}
.drawr {
    display: none;
    background-color:#004506;
    position: absolute;
    top: 0px;
    right:0;
    width:100%;
    padding:60px 0 20px 20px;
    z-index: 100;
}

.drawr .tkp-header-search {
  margin-left: 10px;
}

#menu li {
  width:90%;
	border-bottom: 1px dotted #ccc;
}
#menu li a {
    color:#fff;
    display: block;
    padding: 15px;
}
#menu li a::before { position: relative; top:3px; }
#menu li.snavi01 a::before { content: url(../images/snavi01.png) ; padding-right:4px;}
#menu li.snavi02 a::before { content: url(../images/snavi02.png) ; padding-right:4px;}
#menu li.snavi03 a::before { content: url(../images/snavi03.png) ; padding-right:4px;}
#menu li.snavi04 a::before { content: url(../images/snavi04.png) ; padding-right:4px;}
#menu li.snavi05 a::before { content: url(../images/snavi05.png) ; padding-right:4px;}
#menu li.snavi06 a::before { content: url(../images/snavi06.png) ; padding-right:4px;}

.drawr .lang_box a { 
	color: #fff;
	-webkit-border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
border: 1px solid #fff;
padding: 8px;
	margin: 20px;
	width: 80%;
	text-align: center;
	display: block;
}


/*_______ area _________________*/
.news_area h2, .event_area h2 { float: none; border-right: none; }

.news_area .tolist, .event_area .tolist {
  background-image: none;
  padding: 0;
  float: none;
}

.news_area .tolist a, .event_area .tolist a {
  display: block;
  width: 100%;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #734804;
  padding: 8px 4px;
  text-align: center;
}
.news_area .tolist a:hover, .event_area .tolist a:hover { background:#f3efe9; text-decoration: none; color:#333; }

.news_area .tolist span, .event_area .tolist span { background: url(../images/tri_brown.png)no-repeat 0 center; padding: 24px 0 24px 30px;}

.event_area ul { margin-top: 0; }

.event_area li {
	display: block;
	width: 100%;
	clear: both;
	border-bottom: 1px dotted #888;
	}
.event_area li img {
  float: left;
  width: 40%;
  height: auto;
  margin: 10px 8px 8px 0;
}
.event_area li .date_txt {
  margin-top: 10px;
  }
.event_area li .title_txt {
  clear: both;
}

.tweet_area {
  text-align: center;
}

/*_______ accordion ___________*/
.basic_area .info_content { margin-top: 1.5em; }

.info_content img { width: 100%; height: auto; margin: 20px auto; }

.navioff .info_content {
  display: none;
}

.navioff h2 a {
  display: block;
  width: 100%;
  background: url("../images/tri_bottom.png") no-repeat right center;
  min-height: 26px;
  background-size: 20px;
}

.navi h2 a {
  display: block;
  width: 100%;
  background: url("../images/tri_up.png") no-repeat right center;
  min-height: 26px;
  background-size: 20px;
  }

.basic_info { padding-bottom: 0; margin-bottom: 16px;}
.basic_info h2 { margin-bottom: 16px; }

.access_info,
.mail_info,
.links_info { margin-bottom: 16px; 
border-bottom: 1px dotted #888; }

.migoro, .osusume, .closeup {
  width: 100%;
  margin-bottom: 16px;
  margin-left: 0;
}

.migoro h2, .osusume h2, .closeup h2 {
  background-size: auto 100%;
  padding-left: 90px;
}


/*________footer ________________*/
.banner_link { text-align: left; margin: 20px 0;}
.banner_link li { display: inline-block; vertical-align: top; padding: 0; margin: 0 0 4px 0; }
/* .banner_link li img { width: 100%; height: auto; } */

.footer_link { text-align: left; margin: 20px 0 0 0; }
.footer_link li {
  display: inline-block;
  padding: 0 0 0 26px;
  box-sizing: border-box;
  width: 44%;
	margin: 0 1em 0.5em 0;
}
.footer_info ul { float: none; text-align: center; }
.footer_info li { white-space: nowrap; }
.footer_info li:nth-child(3) { border: none; }

.footer_info .copyright_text {
  float: none;
  text-align: left;
  margin: 16px 0 0 0;
}

/* ==================================================
スマートフォン用 　詳細ページ
================================================== */

body.detail .h1_title span { display: blcok; }


.category { font-size: 100% !important; padding: 20px 0 !important;}
body.announce .news_area, body.announce .menu_area { float: none; width: 100%; }

body.detail .h1_title .parkname { font-size: 140%; margin: 0 !important;  }
body.detail .main_area h2 { font-size: 120%; margin-bottom: 20px;}
body.detail .main_area h3 {font-size:100%;}

.news_area .photo_2col { float: none; width: 100%; margin: 38px 0 0 0;}
.news_area .photo_1col { clear:both; width: 100%; margin: 30px auto; }
.news_area .photo_2col img,
.news_area .photo_1col img,
.main_area img { width: 100%; height:auto;  }

.main_area { width: 100%; ovefflow:hidden; }

ul.mapicon li { width: 48%; font-size: 88%;min-height: 18px;}
.mapcolumn .streetview { min-height: 40px; padding-left: 46px; background-size: 40px;}

.mapcolumn .googlelink { margin-top: 1em; margin-left: 0;
    background: url(../images/tri_gray.png)no-repeat 0 5px;
    padding-left: 14px;
}

/*__ access ____*/
.access .access-map { overflow: auto; }
.access .access-map iframe { width:100%; height: 100%; display: block; border:none; min-height: 480px;}
.access table,.access col {width:100% !important; float:none; }
.access th,td { display:list-item; width: 100%;list-style:none; }
.access .parking_img { float: none; margin: 0 0 20px 0;}

/*__ view ____*/
.detail .wrap_box .main_col2 {margin-left:0 !important;width:100%;}
.main_col2 h2 {font-size:120%;}

/* -- facilities --*/
.facilities .menu_area, 
.facilities .news_area { width: 100%; float: none;}
.facilities table, .facilities .tkp-at-panel-block-A01 { width: 100% !important;}
.facilities table, .facilities .tkp-at-panel-block-A01 img { margin-bottom: 20px; max-width:100%; height:auto;}
.facilities .tkp-text-A01 img { float: none !important; display: block; max-width: 100%; height: auto;}
.facilities .tkp-at-panel-layout-A01 { width: 100% !important; margin: 1.5em 0 !important; }
.facilities .tkp-at-panel-layout-A01 img { max-width: 100%; height: auto; }

.facilities .tkp-at-panel-column { float: none !important; width: 100% !important; margin-right: 0 !important; }

.facilities .dl_left { float: none; width: 100%; }
.facilities .dl_left .hm3 { min-height: auto; }

.facilities th, .facilities td { display:list-item; list-style:none; width: 100% !important; text-align: left;}
.facilities .news_area > div {width: 100% !important;}
.facilities .news_area h2 { margin: 0 !important; }

.facilities .news_area .ph1, .facilities .news_area .ph2 { float: none; width:100%; margin: 0 0 10px 0;}
.facilities .menubox1 dt { float: none;}
.facilities .menubox1 dd { margin-left: 0; }

.facilities .menubox2 th, .facilities .menubox2 th { display: table-cell;}
.facilities .recommend { padding: 20px;}
.facilities .recommend img { width:100%;}

/* -- about --*/
.about_main { margin-top: 0; }
.about_contents { width: 96%; margin:0 auto; overflow:hidden;}
.about_contents .main_img { width: 100%;}
.about_contents img { width: 100%; height:auto;}

.about_contents .menubox dt { float:none; }
.about_contents .menubox dd { margin-left: 0;}
.about_contents .text_left { width: 100%; }

.about_info thead { display:none;}
.about_info th, .about_info td {display:list-item; list-style: none;}
.about_info td { margin-bottom: 10px; width:100%;}
.about_info td.spmidashi{background: #fff;padding: 0 0 0 1em;margin-bottom: 0;}

.about_info .use_info {margin-right: 0;}



/* tomosuke ___________________*/
.basic_info .textbox { width: 100%; }
.basic_info .textbox .tomosuke { position: relative; width: 120px; margin: 10px auto; }
.basic_info .textbox .tomosuke img { width: 100%;}