@charset "UTF-8";


/*reset*/

body, div, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd,
header, footer, nav, article, section, adress {
	margin:0;
	padding:0;
}

html {
	font-size: 62.5%; /*10px*/
}

h1, h2, h3, h4, h5, p, dl, ul, ol {
	margin:10px 0;
}

ul {
	list-style: inside;
}

img {
	vertical-align:bottom;
}
a img {
	border:0;
}

a { text-decoration: none;}

a:link, a:visited { color: #039; }

a:active { color: #666; }

a:hover {
color: #666; 
text-decoration: underline;
}

/* border-box */

* {-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
  }

/* 共通項目 */

body {
	font-size:1.6rem; /* 16px */
	line-height: 1.6;
	color: #333;
	font-family: Meiryo, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    background: url(../img/topback_color.png) repeat-x top left;
}

.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

header {
}

.header_inner {
	position: relative;
	width: 98%;
    max-width: 960px;
	margin: 0 auto;
}

.header_catch {
text-align: left;
line-height: 1;
padding: 5px 0;
}

.header_catch img {
width:90%;
max-width: 539px;
height: auto;
}
.header_inner h1 {
line-height: 1;
margin-bottom:0;
}
.header_inner h1 img.logo{
width:280px;
}

.header_inner h1 a:hover img{
opacity: 0.5;
}

header ul,nav ul{
list-style: none;
margin:0 0;
}

.help_navi{
    position: absolute;
    top:43px;
    right: 120px;
}

.help_navi li {
display: inline-block;
padding:0 10px;
font-size: 1.4rem;
border-left:1px solid #ccc;
}

.help_navi li:last-child{
border-right: 1px solid #ccc;
}

.help_navi a{
color:#666;
}

ul#fontsize{
position: absolute;
top:40px;
right: 16px;
width:90px;
height: 21px;
}

ul#fontsize li {
display: inline-block;
height: 21px;
}

#font_s {
width: 21px;
margin-right: 5px;
}

#font_m{
width: 38px;
margin-right: 5px;
}

#font_l{
width:21px;
}

#font_s img,
#font_m img,
#font_l img{width:100%;}

/*ナビゲーションメニュー*/

#menumark { display:none; }

nav {
width:99%;
max-width: 970px;
margin: 20px auto 0 auto;
padding:0 5px;
border-radius: 5px;
background-color: #fff;
box-shadow: 0 0 8px #ccc;
}

nav ul {
display: flex;
}

nav ul li{
width: 20%;
border-right: 1px solid #ccc;
text-align: center;
}

nav ul img.sp_menu {display: none}

nav ul li a img {
width: 100%;
text-align: center;
vertical-align: top;
line-height: 1;
padding:0 0;
}

nav ul li:last-child{
border-right: none;
}

nav ul li a {
display: block;
padding:2px 0;
}

nav ul li a:hover img,
nav ul li a:active img {
visibility: hidden;
}

nav ul li:nth-child(1) a:hover,
nav ul li:nth-child(1) a:active{
background:url("../img/menu01hv.png") no-repeat center center #ffc;
background-size: contain;
}

nav ul li:nth-child(2) a:hover,
nav ul li:nth-child(2) a:active{
background:url("../img/menu02hv.png") no-repeat center center #ffc;
background-size: contain;
}

nav ul li:nth-child(3) a:hover,
nav ul li:nth-child(3) a:active{
background:url("../img/menu03hv.png") no-repeat center center #ffc;
background-size: contain;
}

nav ul li:nth-child(4) a:hover,
nav ul li:nth-child(4) a:active{
background:url("../img/menu04hv.png") no-repeat center center #ffc;
background-size: contain;
}

nav ul li:nth-child(5) a:hover,
nav ul li:nth-child(5) a:active{
background:url("../img/menu05hv.png") no-repeat center center #ffc;
background-size: contain;
}

/*サイドがない時のサブメニュー*/

.sp_smenu{display:none;}


/* totop */

#pagetop {
	position: fixed;
	bottom: 55px;
	height: 80px;
	width: 80px;
	z-index: 90;
	left: 50%;
	margin-left: 400px;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
}

#pagetop p { font-size: 1.4rem; line-height:1em; font-weight: bold; }

#pagetop p span { font-size: 1.8rem; }

a#move_top { 
	display: block; 
	position:relative;
	cursor: pointer; 
	color: #fff; 
	text-decoration: none; 
	text-align: center; 
	line-height: 20px;
	height: 80px; 
	width: 80px; 
	padding:12px 0 0 0; 
	background-color: #093;
	border-radius:50px;
}

/*フッター*/

footer {
background-color: #d1ffb3;
}

.footer_inner {
width:98%;
max-width: 960px;
margin: 0 auto;
padding:10px 1em;

}

address{
display: inline-block;
float: left;
font-style: normal;
font-size: 1.4rem;
}

.copyright{
display: block;
font-size: 1.2rem;
text-align: right;
margin:10px 0 0 0;
}

.sp_br{
display: none;
}

main {
width:99%;
max-width: 960px;
margin: 0 auto;
padding: 0 0 20px 0;
}

.top_image {
margin: 20px auto;
}

.top_image div img {
width: 100%;
}

.main_area {
display: flex;
margin:0 0 0 0;
justify-content: space-around;
grid-gap: 0 20px;
}

.left_side{
width:calc(100% - 250px);
}

.left_side2{
width:calc(100% - 250px);
padding-bottom: 20px;
}

/*.left_side2 img{
width:100%;
}*/

.left_side2 img.icon {
width:initial;
}

.top_submenu, .submenu {
width: 250px;
}

.board {
width: 100%;
background:url("../img/board_back.jpg") no-repeat top left,
url("../img/cork.jpg") repeat top left;
background-size: contain,auto;
border-radius:6px;
}

.board h2 {
text-align: center;
margin:0 0;
}

.board h2 img{
width:85%;
max-width: 539px;
margin: 20px 0 10px 0;
}

.board h3 {
margin:0 0;
}
.board_frame {
display:flex;
flex-wrap: wrap;
width:95%;
max-width: 640px;
margin:0 auto;
padding-bottom: 20px;
}

.board_l,
.board_r {
display: block;
}

.board_l {
width: 310px;
}

.board_r {
width: 324px;
}

.content01 a {
display: inline-block;
background: url("../img/content01_f2.png") no-repeat top center;
}

.content02 a {
display: inline-block;
background: url("../img/content02_f2.png") no-repeat top center;
}

.content03 a {
display: inline-block;
background: url("../img/content03_f2.png") no-repeat top center;
}

.content01 a:hover img,
.content02 a:hover img,
.content03 a:hover img{
filter: opacity(0);
}

.top_submenu h3, .submenu h3 {
margin:0 0;
}
.top_submenu dl{
height:65%;
max-height: 380px;
overflow-y:scroll;
overflow-x: hidden;
}

.bn_area {
margin-top:20px;
padding: 20px 0 10px 0;
border-top:1px solid #dddddd;
}

.bn_area img,
.top_submenu img,
.submenu img{
width:98%;
max-width:250px;
}

.top_submenu h3 a:hover img,
.submenu h3 a:hover img,
.bn_area a:hover img{
filter: opacity(70%);
}

/*お知らせ欄*/

.top_submenu dl{
margin:0 0;
padding:0 5px;
}
.top_submenu dt{
padding: 5px 0 0 0;
font-size:1.1rem;
margin:0 0;
}
.top_submenu dd{
padding: 0 0 5px 0;
margin:0 0;
font-size: 1.2rem;
border-bottom: 1px solid #e0e0e0;
}

/*コンテンツページ*/

h2.title,
h2.title2,
h2.title3,
h2.title4,
h2.title5{
margin:20px auto;
text-align:center;
}

h2.title img,
h2.title2 img,
h2.title3 img,
h2.title4 img,
h2.title5 img{
width:100%;
}

.left_side2 h3 {
font-size: 2.4rem;
line-height: 2;
color: #663304;
font-weight: normal;
padding-left: 1em;
vertical-align: middle;
margin-top: 0;
margin-bottom:20px;
}

.title_a {
background: url("../img/about_t.jpg") top right no-repeat;
/*background-size: contain;*/
}

.title_b {
background: url("../img/bird_t.jpg") top right no-repeat;
/*background-size: contain;*/
}

.title_c {
background: url("../img/workshop_t.jpg") top right no-repeat;
/*background-size: contain;*/
}

.title_d {
background: url("../img/guide_t.jpg") top right no-repeat;
/*background-size: contain;*/
}

.title_e {
background: url("../img/access_t.jpg") top right no-repeat;
/*background-size: contain;*/
}

.title_f {
background: url("../img/other_t.jpg") top right no-repeat;
/*background-size: contain;*/
}

.nend{
background: url("../img/jinend.png") top right no-repeat;
font-size: 2.1rem;
line-height: 2.6;
color: #046613;
font-weight: normal;
padding-left: 1em;
vertical-align: middle;
margin-top: 30px;
margin-bottom:20px;
}

.text_box h4{
font-size:1.8rem;
position:relative;
line-height:0.8em;
text-indent:1.2em;
margin-top:1.8em;
color:#060;
}

.text_box h4:before{
content:'';
position:absolute;
left:0;
display:inline-block;
width:1em;
height:0.8em;
background: url("../img/square.png") center center no-repeat;
background-size:contain;
}

.text_box p{
font-size:1.4rem;
text-align: justify;
}

.txt_right{
text-align: right;
}

.stxt {
font-size: 1.2rem;
}

.large, .heightLine{
margin-bottom:1.6em;
}


.red {
color:#f00;
}

.slim_border{
margin-top:40px;
border:0;
border-bottom:1px solid #ccc;
height:1px;
}

.top0 {
margin-top:0;
}

.bottom0 {
margin-bottom: 0;
}

.aki4 {
margin-left: 4em;
text-indent: -4em;
}

.other_link:before{
content:url("../img/icon_open.png");
margin-right:0.5em;
}

.subnavi {margin:0 0 30px 0;}
.subnavi li{list-style: none;}
.subnavi li a{
display: block;
background:url("../img/submenu_bg.jpg") left center no-repeat;
height:50px;
line-height: 50px;
padding-left:35px;
font-size:18px;
color:#fff;
text-decoration: none;
margin-top:0;
margin-bottom: 5px;
}

.subnavi li a:hover {
background:url("../img/submenu_bg_f2.jpg") left center no-repeat;
color:#ff9;
}

.image_area {
display:flex;
justify-content: space-between;
gap:0 2%;
}

.watch_img{
width:calc(100% / 3);
}

.watch_img img{
width:100%;
}

.frame2{
display:flex;
column-gap:10px;
}

.frame2 .text_box {
flex-basis: 65%;
}

.frame2 .image_area_tate{
flex-basis: 35%;
padding-left:30px;
}

.frame2 .image_area_tate img{
width:100%;
margin-bottom:10px;
}

.link_btn {
text-align: right;
margin-bottom:20px;
}

.link_btn img {
width:auto;
}

.link_btn a{
display: inline-block;
width:248px;
background: url("../img/kansatsu_btn_f2.jpg") right bottom no-repeat;
}

.link_btn a:hover img{
visibility: hidden;
}

/*園内MAP*/

#map{
position:relative;
/*width:100%;
height:910px;
background:url("../img/bg_map.jpg") left top no-repeat;
background-size:contain;*/
}

.map_note{
position:absolute;
top:20px;
right:10px;
font-size:1.4rem;
}

.right_margin2 {
margin-right: 2em;
}

#map li {
position: absolute;
z-index: 100;
list-style-type:none;
}

#map_btn01{top:7.5%; left:18%;}
#map_btn02{top:14%; left:46%;}
#map_btn03{top:25.5%; left:23%;}
#map_btn04{top:84.5%; left:25%;}
#map_btn05{top:74%; left:16%;}
#map_btn06{top:84.5%; left:79%;}
#map_btn07{top:93%; left:47.8%;}
#map_btn08{top:80.5%; left:34%;}
#map_btn09{top:68.4%; left:53.2%;}
#map_btn10{top:76.8%; left:40%;}
#map_btn11{top:88.5%; left:63%;}
#map_btn12{top:40%; left:76%;}
#map_btn13{top:76.9%; left:26.7%;}
#map_btn14{top:9.5%; left:7.5%;}
#map_btn15{top:87.9%; left:26.7%;}
#map_btn16{top:53%; left:14.5%;}
#map_btn17{top:88.8%; left:18%;}
#map_btn18{top:81.8%; left:46.2%;}
#map_btn19{top:88.4%; left:34%;}
#map_btn20{top:81%; left:8.5%;}

.contents_box{
display: none;
}

.details{
width: 580px;
overflow: auto;
background-color: #fff;
border-radius: 4px;
padding: 2em 3em;
}

.details h4 {
padding-left: 1em;
margin-bottom: 0.5em;
background: url("../img/square.png") left center no-repeat;
font-size: 1.8rem;
color: #060;
}

.details img {
width: 100%;
}

.details p { font-size:1.4rem; }

/*観察野鳥一覧*/

.bird_table table,
.bird_table tr,
.bird_table th,
.bird_table td{
border-collapse: collapse;
}

.bird_table table{
width: 100%;
}

.bird_table th,
.bird_table td{
padding: 3px 8px;
}

.bird_table th{
font-size:1.4rem;
line-height:1.4;
text-align: center;
vertical-align: middle;
}

.bird_table td{
line-height:1;
}

.bird_table td:first-child{
text-align: left;
}
.bird_table td:nth-child(2),
.bird_table td:nth-child(3),
.bird_table td:nth-child(4),
.bird_table td:nth-child(5){
font-size: 2.4rem;
padding: 5px 0.5em;
text-align: center;
vertical-align: middle;
}

.bird_table th,
.bird_table td{border: 1px solid #ccc;}

.bird_table th{
border-top:5px solid;
} 
.bird_table th.hl {
border-top-color: #ccc;
letter-spacing: 0.4em;
}
.bird_table th.sp_line {border-top-color: #bfe08c;}
.bird_table th.sm_line {border-top-color: #eec126;}
.bird_table th.at_line {border-top-color: #ec773e;}
.bird_table th.wn_line {border-top-color: #a9ccdd;}

.bird_table tr:nth-child(odd){
background-color: #eee;
}

.back_btn a {
display: block;
margin: 30px auto 0 auto;
width: 5em;
text-align: center;
padding: 2px 0;
background-color: #EFE2C9;
color: #336633;
border: 1px solid #990;
border-radius: 10px;
}

.back_btn a:hover{
color:#53A42A;
background-color:#F8F8B5;
text-decoration: none;
}

/*ものづくり*/

.image_flex {
display:flex;
gap:0 1em;
}

.ws_left_img{width: 40%;}
.right_tbox {
width: 60%;
}

.left_tbox {
width:70%;
}

.ws_right_img{
width:30%;
}
.ws_left_img img{
width:100%;
margin-bottom: 50px;
}

.ws_right_img img{
width:100%;
}

.kugiri {
margin-top: 40px;
padding: 10px 0 40px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/*体験一覧用*/

.kouza {
display: flex;
flex-wrap: wrap;
border-bottom:1px dotted #333;
margin-top:30px;
}

.kouza .list{
width:calc(100%/3);
/*min-width: 220px;*/
padding:0 10px;
border-right:1px dotted #333;
font-size: 1.4rem;
}

.kouza .list:last-child{
border-right:none;
}

.kouza_sp {
display: flex;
flex-wrap: wrap;
margin-top:30px;
}

.kouza_sp .list{
width:calc(100%/3);
/*min-width: 220px;*/
padding:0 8px 26px 8px;
border-bottom:1px dotted #333;
font-size: 1.4rem;
margin-bottom: 10px;
position: relative;
}

.kouza_sp .list:nth-child(3n+2){
border-left:1px dotted #333;
border-right:1px dotted #333;
}

.kouza_sp .list .status{
width:initial;
}

.kouza_sp .list .status{
position:absolute;
bottom:8px;
right:20px;
}

.list h4{
position: relative;
color: #060;
font-size: 1.5rem;
line-height: 1.2;
padding-left: 1.2em;
}

.list h4 span{
font-size:1.4rem;
}

.list2 h4{
position: relative;
color: #060;
font-size: 1.6rem;
line-height: 1.2;
padding-left: 1.2em;
}

.list h4:before,
.list2 h4:before{
content:'';
position:absolute;
left:0;
top:1px;
display:inline-block;
width:1em;
height:0.8em;
background: url("../img/square.png") center center no-repeat;
background-size:contain;
}

.list img{
width:100%;
}

.call_box{
border:1px solid #006600;padding:10px 16px;
font-size: 1.6rem;
line-height: 1.5;
margin-top:30px;
}

.call_box h5 {
    font-size: 1.6rem;
    position: relative;
    line-height: 1;
    text-indent: 1.2em;
}

.call_box h5:before {
content: '';
position:absolute;
left:0;
display:inline-block;
width:1em;
height:0.8em;
background: url("../img/h5_arrow.png") center center no-repeat;
background-size:contain;
}

.tel {
font-size: 2.1rem;
}

/*ご利用案内*/

dl.gaiyou{
display: flex;
flex-wrap: wrap;
margin-top:20px;
margin-left: 1.2em;
line-height: 1.8;
list-style-position: inside;
}

.gaiyou dt{
width:120px;
font-weight: bold;
letter-spacing: 0.2em;
}
.gaiyou dt:before{
content:'・';
}

.gaiyou dd{
width:calc(100% - 120px);
padding-left:1em;
}

.plans{
display: flex;
grid-gap: 0 30px;
}

.list2{
width:50%;
font-size: 1.4rem;
line-height: 1.8;
}

.plan_dl{
display: flex;
flex-wrap: wrap;
}

.plan_dl dt{
width:4em;
font-weight: bold;
}

.plan_dl dd{
width:calc(100% - 4em)
}

.riyou p {
margin-top:0;
margin-bottom:0;
}

/*アクセスマップ*/

.map_area {
position: relative;
}

.map_area img{
width:100%;
}

.access_txt {
position: relative;
z-index:200;
margin-top:-200px;
margin-left: 1em;
width:60%;
font-size: 1.4rem;
line-height: 1.2;
}

.aki1{
margin-left:1em;
text-indent: -1em;
}

.aki1:before{
content: '・';
}

.shosai_btn{
position: absolute;
top:37.5%;
left:65%;
}

.shosai_btn a{
display: block;
background:url("../img/shosai_btn_f2.png") left bottom no-repeat;
}

.shosai_btn a:hover img{
visibility: hidden;
}

.page_break{
page-break-before: always;
display: block;
}



/* *********************************
　　　　　　　調整
********************************* */

@media screen and (max-width:980px){

.main_area {
margin: 0 16px 20px 16px;
}

.board_l,
.board_r {
display: block;
width:100%;
text-align: center;
}

.top_submenu dl{
height:80%;
max-height:initial;
}

h2.title img,
h2.title2 img,
h2.title3 img,
h2.title4 img,
h2.title5 img{
width:100%;
}

.left_side2 img{
width:100%;
}

.left_side2 img.icon {
width:initial;
}

.access_txt {
position: static;
z-index:200;
margin-top:20px;
line-height: 1.6;
width:100%;
}

/*totop*/

#pagetop {
	left: auto;
	right:30px;
    z-index: 1000;
}

}

@media screen and (max-width:900px){

/*ナビゲーションメニュー*/

nav {
max-width: initial;
height: 60px;
position: relative;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: none;
}

nav ul {
flex-wrap: wrap;
}

#menumark{
	content: '';
	display: block;
	position: absolute;
	top: 19px;
	left: 10px;
	height: 6px;
	width: 40px;
	background:#3AA46F;
	border-radius: 4px;
	-webkit-box-shadow: 0 10px #3AA46F, 0 20px #3AA46F;
	box-shadow: 0 10px #3AA46F, 0 20px #3AA46F;
	z-index:100;
}

#menumark span{
	display:block;
	text-indent:2.5em;
	font-size: 18px;
	color:#3AA46F;
	width:10em;
	height:60px;
	cursor:pointer;
}

nav ul img.sp_menu {
display: inline;
width:98%;
max-width:300px;
vertical-align: top;
margin-top:2px;
}

nav ul img.pcmenu {display: none}

nav ul {
	display: none;
	position: absolute;
	top:60px;
	left:1px;
	width: 100%;
	margin: 0 0;
	padding: 0 0;
	background: #fff;
	letter-spacing:normal; 
	z-index: 10;
	}

nav ul li {
	margin:0 0;
	padding:0 0;
	width: 100%;
	height: 60px;
	border: 1px solid #9F6F45;
	text-align:center;
	line-height: 60px;
}

nav ul li:last-child{
border-right: 1px solid #9F6F45;
}

nav ul li:nth-child(2),
nav ul li:nth-child(3),
nav ul li:nth-child(4),
nav ul li:nth-child(5){
border-top: none;
}

nav ul li a {
	display: block;
	height: 100%;
	color: #ffffff;
}


nav ul li:nth-child(1) a:hover,
nav ul li:nth-child(1) a:active{
background:url("../img/menusp01_f2.png") no-repeat center center #ffc;
background-size: auto 50px;
}

nav ul li:nth-child(2) a:hover,
nav ul li:nth-child(2) a:active{
background:url("../img/menusp02_f2.png") no-repeat center center #ffc;
background-size: auto 50px;
}

nav ul li:nth-child(3) a:hover,
nav ul li:nth-child(3) a:active{
background:url("../img/menusp03_f2.png") no-repeat center center #ffc;
background-size:  auto 50px;
}

nav ul li:nth-child(4) a:hover,
nav ul li:nth-child(4) a:active{
background:url("../img/menusp04_f2.png") no-repeat center center #ffc;
background-size: auto 50px;
}

nav ul li:nth-child(5) a:hover,
nav ul li:nth-child(5) a:active{
background:url("../img/menusp05_f2.png") no-repeat center center #ffc;
background-size: auto 50px;
}

.top_image {
margin: 0 auto 20px auto;
}


/*フッター*/

address{
display: block;
float: none;
}

.copyright{
width:100%;
}

}

@media screen and (min-width:741px) and (max-width:900px){

.left_side2 .map_btn li img{
width:70%;
}

}

@media screen and (max-width:780px){
.main_area {
display: block;
}

.left_side, .left_side2{
width:100%;
}

.sp_smenu{display:block}

.sp_sub,
.sp_sub3{
display:flex;
justify-content: center;
gap: 0 20px;
}

.sp_sub li,
.sp_sub3 li{list-style: none;}

.sp_sub li a,
.sp_sub3 li a{
display: block;
background:url("../img/submenu_bg.jpg") left center no-repeat;
/*width:250px;*/
height:50px;
line-height: 50px;
padding-left:35px;
padding-right:1em;
font-size:1.8rem;
color:#fff;
text-decoration: none;
}

.sp_sub li a:hover,
.sp_sub3 li a:hover{
background:url("../img/submenu_bg_f2.jpg") left center no-repeat;
color:#ff9;
}

.top_submenu,
.submenu {
width:100%;
max-width: initial;
margin-top: 20px;
padding-left:0;
}

.subnavi,
.submenu h3{
display:none;
}


}

@media screen and (max-width:680px){

.header_inner h1 {
margin-bottom:40px;
}

.help_navi{
top:84px;
}

ul#fontsize{
top:78px;
}

}

@media screen and (max-width:640px){

h2.title, h2.title2, h2.title3, h2.title4, h2.title5 {
display:block;
height:80px;
margin: 10px 0 20px 0;
text-align:left;
background-size: cover;
}

h2.title img,
h2.title2 img,
h2.title3 img,
h2.title4 img,
h2.title5 img{
display:none;
}

h2.title{background:url("../img/title_about.jpg") left center no-repeat;}
h2.title2{background:url("../img/title_yacho.jpg") left center no-repeat;}
h2.title3{background:url("../img/title_taiken.jpg") left center no-repeat;}
h2.title4{background:url("../img/title_guide.jpg") left center no-repeat;}
h2.title5{background:url("../img/title_access.jpg") left center no-repeat;}

/*colorbox window*/

.details{
width: 400px;
}

/*サブメニュー３列*/

.sp_sub3{
gap: 0 8px;
}

.sp_sub3 li a{
padding-right: 0.5em;
font-size:1.6rem;
}


/*totop*/

#pagetop {
	bottom:80px;
	right:10px;
}


}

@media screen and (max-width:540px){

.sp_br{
display: inline;
}

.pc_br{
display: none;
}

/*トップナビゲーション*/

.help_navi{
right:160px;
}

ul#fontsize{
width:130px;
top:82px;
}

ul#fontsize li {
height: 26px;
}

#font_s {
width: 26px;
margin-right: 15px;
}

#font_m{
width: 48px;
margin-right: 15px;
}

#font_l{
width:26px;
}


/*園内マップ調整*/

.map_note{
top:10px;
font-size:1.2rem;
}


/*ものづくり一覧１列*/

.kouza {
display: flex;
flex-wrap: wrap;
justify-content:center;
border-bottom:1px dotted #333;
}

.kouza .list{
width:80%;
border-right:none;
border-bottom:1px dotted #333;
padding-top:20px;
padding-bottom:20px;
}

.kouza .list:last-child{
border-bottom:none;
}

.kouza_sp {
display: flex;
flex-wrap: wrap;
justify-content:center;
border-bottom:1px dotted #333;
}

.kouza_sp .list{
width:80%;
border-bottom:1px dotted #333;
margin-bottom: 10px;
padding-bottom:60px;
position: relative;
}

.kouza_sp .list:nth-child(3n+2){
border-left:none;
border-right:none;
}

.kouza_sp .list:last-child{
border-bottom:none;
}
.kouza_sp .list .status{
width:120px;
}

.kouza_sp .list .status{
position:absolute;
bottom:16px;
left:120px;
}

.list h4{
font-size: 1.6rem;
}

.plans{
display: flex;
flex-wrap: wrap;
grid-gap: 20px 0;
}

.list2{
width:100%;
}

.list img{
width:100%;
}

.list2 img{
display: block;
width:85%;
margin:0 auto;
}

.shosai_btn{
position: absolute;
top:36%;
left:65%;
}

.map_btn li img{
width:70%;
}


/*旧OS Android 対応*/

.image_area {
gap:0 0;
}

.watch_img{
width:calc(100% / 3);
}

.watch_img:nth-child(1){
padding-right:4px;
}

.watch_img:nth-child(2){
padding:0 2px;
}

.watch_img:nth-child(3){
padding-left:4px;
}

/*ものづくり体験トップ*/

.image_flex {
gap:0 0;
}

.right_tbox{ 
padding-left: 1em;
}

.left_tbox {
padding-right:1em;
}

/*スマホサブメニュー*/

.sp_sub{
gap: 0 0;
}

.sp_sub3{
gap: 0 0;
}

.sp_sub li:first-child{
margin-right:20px;
}

.sp_sub3 li:nth-child(2){
margin-left:8px;
margin-right:8px;
}

.sp_sub3 li a{
padding-right: 0.5em;
font-size:1.4rem;
line-height: 42px;
height:40px;
}


/*totop*/

#pagetop {
	bottom:40px;
	right:10px;
}


}

@media print{

html{width:980px;}

#pagetop{
visibility:hidden;
}

}