* {margin:0;padding:0;box-sizing:border-box;}
html, body {height:100%;}
body {
font:80% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
background:#FFFFFF;
color:#333333;
margin:0;
padding:0;
line-height:1.5em;
}
p+*,*+p{margin-top:1em;}
img{border:0px;}
@media only screen and (max-width: 736px) {
img{-webkit-touch-callout: none;}
}
a {color:#3F66FF;}
a:hover, a:active {color:#FF0000;}
.title-1 {
position:relative;
font-size:1.1em;
font-weight:bold;
line-height: 1.25;
border-bottom:2px dotted #ccc;
padding-left:1.5em;
padding-bottom: 0.2em;
margin-bottom:1em;
}
.title-1:before {
content:'';
position:absolute;
top:0.2em;
left:0;
display:block;
width:1em;
height:1em;
border-radius: 3px;
}

/* ページごとの■の色 */
.page-access .title-1:before {
background-color:#fca029;
}
.page-information .title-1:before {
background-color:#ff5c5c;
}
.page-guide .title-1:before {
background-color:#5dd6d6;
}
.page-lesson .title-1:before {
background-color: #fc3;
}
.page-o_garden .title-1:before {
background-color: #9cbbf6;
}

.section-1 ~ .section-1 {
margin-top:3em;
}
.section-2 ~ .section-2 {
margin-top:2em;
}

#container 	{
width:100%;
position:relative;
height:100%;
min-height:100%;
}
body > #container {
  height:auto;
}

/* ヘッダー */
.header {
padding-bottom:0px;
width:950px;
height:175px;
margin:0 auto;
overflow:hidden;
}
.header:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .header {
 height: 1em;
 overflow: visible;
}
/**/



#m-btop {
display: block;
clear: both;
width:950px;
height:175px;
padding:0px 0px 0px 0px;
margin-bottom:0px;
overflow:hidden;
}
#m-btop:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #m-btop {
 height: 1em;
 overflow: visible;
}
/**/




/* ロゴ周り */
#titleleft01 {
width:338px;
padding:0px 0px 0px 0px;
margin:36px 0px;
float:left;
overflow:hidden;
}
#titleleft01:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #titleleft01 {
 height: 1em;
 overflow: visible;
}
/**/


#titleright01 {
width:380px;
padding:0px 0px 0px 0px;
margin:36px 0px ;
float:right;
overflow:hidden;
}
#titleright01:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #titleright01 {
 height: 1em;
 overflow: visible;
}
/**/


/* tel */
#tel {
display: block;
margin-top:0px;
margin-left:0px;
padding:0px;
width:380px;
height:32px;
background:url(indeximg/tel2.gif) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
}


/* gmenu */
.gmenu-toggle {
display:none;
}
ul.gmenu {
clear: both;
display:block;
padding:0px;
margin-bottom:0px;
width:950px;
height:36px;
float:left;
text-align:center;
background:#FFFFFF;
}
ul.gmenu li {
margin:0px;
list-style:none;
padding:0;
float:left;
}
ul.gmenu li a {
display:block;
text-decoration:none;
text-indent:-9999px;
font-size:1px;
}
ul.gmenu li.gm01 a {
background:url(indeximg/023gnavi/b01a.gif) no-repeat;
width:100px;
height:36px;
margin-left:0px;
margin-right:10px;
}
ul.gmenu li.gm02 a {
background:url(indeximg/023gnavi/b02a.gif) no-repeat;
width:123px;
height:36px;
margin-right:10px;
}
ul.gmenu li.gm03 a {
background:url(indeximg/023gnavi/b03a.gif) no-repeat;
width:110px;
height:36px;
margin-right:10px;
}
ul.gmenu li.gm04 a {
background:url(indeximg/023gnavi/b04a.gif) no-repeat;
width:123px;
height:36px;
margin-right:10px;
}
ul.gmenu li.gm05 a {
background:url(indeximg/023gnavi/b05a.gif) no-repeat;
width:120px;
height:36px;
margin-right:10px;
}
ul.gmenu li.gm06 a {
background: url(indeximg/023gnavi/b06a.gif) no-repeat;
width:170px;
height:36px;
margin-right:10px;
}
ul.gmenu li.gm07 a {
background: url(indeximg/023gnavi/b07a.gif) no-repeat;
width:144px;
height:36px;
margin-right:0px;
}

/* ロールオーバー */
ul.gmenu li.gm01 a:hover,
ul.gmenu li.gm01.current a {
background: url(indeximg/023gnavi/b01b.gif) no-repeat;
}
ul.gmenu li.gm02 a:hover,
ul.gmenu li.gm02.current a {
background: url(indeximg/023gnavi/b02b.gif) no-repeat;
}
ul.gmenu li.gm03 a:hover,
ul.gmenu li.gm03.current a {
background: url(indeximg/023gnavi/b03b.gif) no-repeat;
}
ul.gmenu li.gm04 a:hover,
ul.gmenu li.gm04.current a {
background: url(indeximg/023gnavi/b04b.gif) no-repeat;
}
ul.gmenu li.gm05 a:hover,
ul.gmenu li.gm05.current a {
background: url(indeximg/023gnavi/b05b.gif) no-repeat;
}
ul.gmenu li.gm06 a:hover,
ul.gmenu li.gm06.current a {
background: url(indeximg/023gnavi/b06b.gif) no-repeat;
}
ul.gmenu li.gm07 a:hover,
ul.gmenu li.gm07.current a {
background: url(indeximg/023gnavi/b07b.gif) no-repeat;
}

/* ビジュアル */
div.sm-slider-wrapper {
  display:none;
}
div.slider-wrapper {
  position:relative;
  overflow:hidden;
}
div.slider-wrapper .cycle-carousel-wrap {
margin-left:50% !important;
}
div.slider-wrapper .slider li img {
margin-left:-150% !important;
}
div.slider-wrapper .btn {
position:absolute;
top:0;
bottom:0;
display:block;
cursor:pointer;
background: #fff;
opacity:0.4;
transition: 0.2s opacity;
}
div.slider-wrapper .btn:hover {
opacity:0.5;
transition: 0.2s opacity;
}

div.slider-wrapper .slider-next {
right:0;
}
div.slider-wrapper .slider-prev {
left:0;
}

/* 下層ビジュアル */
#visual {
  text-align:center;
}
#visual .sp {
  display: none;
}

/* パンクズ */
#breadcrumb {
width:950px;
padding-top:1em;
margin:0 auto;
}
#breadcrumb ol,
#breadcrumb ol li {
list-style:none;
padding:0;
margin:0;
}
#breadcrumb ol li {
display:inline-block;
}
#breadcrumb ol li a {
  color:#6c0;
  text-decoration:none;
}
#breadcrumb ol li a:hover {
  text-decoration:underline;
}
#breadcrumb ol li ~ li:before {
  display: inline;
  content: ' > ';
}

/* メインコンテンツ */
#contents {
font-size:115%;
line-height:1.6;
padding:1em 0px 0px 0px;
width:950px;
margin:0 auto 2em;
overflow:hidden;
background:#FFFFFF;
}
#contents:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
div.page-nav {
  width: 950px;
  text-align: center;
  font-size: 115%;
  padding: 1em;
  border: 1px solid #999;
  margin: 3em auto 5em;
  border-radius: 0.5em;
}
div.page-nav ul,
div.page-nav ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.page-nav ul li ~ li:before {
  content: ' | ';
}
div.page-nav ul li {
  display: inline-block;
}
/*\*/
* html #contents {
 height: 1em;
 overflow: visible;
}
/**/

#c1main {
width:720px;
padding:40px 0 60px;
margin:0 auto;
}  

/* 基本 */
#m-b00 {
display: block;
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
overflow:hidden;
}
#m-b00:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #m-b00 {
 height: 1em;
 overflow: visible;
}
/**/


#m-b18 {
clear:both;
margin:0px 0px 18px 0px;
padding:0px;
}

#m-b05 {
display: block;
clear:both;
margin:0px 0px 5px 0px;
padding:0px;
v
}
#m-b05:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #m-b05 {
 height: 1em;
 overflow: visible;
}
/**/


#m-b06 {
display: block;
clear:both;
margin:20px 0px 6px 0px;
padding-left:770px;
overflow:hidden;
}
#m-b06:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #m-b06 {
 height: 1em;
 overflow: visible;
}
/**/

#m-b07 {
display: block;
clear:both;
margin:0px 0px 7px 0px;
padding:0px;
overflow:hidden;
}
#m-b07:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #m-b07 {
 height: 1em;
 overflow: visible;
}
/**/

#m-b10 {
display: block;
clear:both;
margin:0px 0px 10px 0px;
padding:0px;
overflow:hidden;
}
#m-b10:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #m-b10 {
 height: 1em;
 overflow: visible;
}
/**/

#m-b15 {
display: block;
clear:both;
margin:0px 0px 15px 0px;
padding:0px;
overflow:hidden;
}
#m-b15:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #m-b15 {
 height: 1em;
 overflow: visible;
}
/**/


#m-b18 {
display: block;
clear:both;
margin:0px 0px 18px 0px;
padding:0px;
overflow:hidden;
}
#m-b18:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #m-b18 {
 height: 1em;
 overflow: visible;
}
/**/

#m-b20 {
display: block;
clear:both;
margin:0px 0px 20px 0px;
padding:0px;
overflow:hidden;
}
#m-b20:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #m-b20 {
 height: 1em;
 overflow: visible;
}
/**/


#m-b30 {
display: block;
clear:both;
margin:0px 0px 30px 0px;
padding:0px;
overflow:hidden;
}
#m-b30:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #m-b30 {
 height: 1em;
 overflow: visible;
}
/**/

#m-b30i {
display: block;
clear:both;
margin:0px 0px 30px 0px;
padding:0px;
overflow:auto;
}
#m-b30i:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #m-b30i {
 height: 1em;
 overflow: visible;
}
/**/

#m-b40 {
display: block;
clear:both;
margin:0px 0px 40px 0px;
padding:0px;
overflow:hidden;
}
#m-b40:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #m-b40 {
 height: 1em;
 overflow: visible;
}
/**/




/* ベース */
#basewaku {
	display: block;
	clear: both;
	padding:0px 0px 0px 0px;
	margin-bottom:20px;
overflow:hidden;
}
#basewaku:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku {
 height: 1em;
 overflow: visible;
}
/**/

#basewaku05 {
	display: block;
	clear: both;
	padding:0px 0px 0px 0px;
	margin-bottom:5px;
overflow:hidden;
}
#basewaku05:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku05 {
 height: 1em;
 overflow: visible;
}
/**/

#basewaku10 {
	display: block;
	clear: both;
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
overflow:hidden;
}
#basewaku10:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku10 {
 height: 1em;
 overflow: visible;
}
/**/

#basewaku00 {
	display: block;
	clear: both;
	padding:0px 0px 0px 0px;
	margin-bottom:0px;
overflow:hidden;
}
#basewaku00:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku00 {
 height: 1em;
 overflow: visible;
}
/**/


#basewaku30 {
	display: block;
	clear: both;
	padding:0px 0px 0px 0px;
	margin-bottom:30px;
overflow:hidden;
}
#basewaku30:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku30 {
 height: 1em;
 overflow: visible;
}
/**/


#basewaku40 {
	display: block;
	clear: both;
	padding:0px 0px 0px 0px;
	margin-bottom:40px;
overflow:hidden;
}
#basewaku40:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku40 {
 height: 1em;
 overflow: visible;
}
/**/

#basewaku-mid {
	display: block;
	clear: both;
	background:url(indeximg/mid-line.gif) no-repeat;
	padding:0px 0px 0px 0px;
	margin-bottom:0px;
overflow:hidden;
}
#basewaku-mid:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku-mid {
 height: 1em;
 overflow: visible;
}
/**/

#basewaku25r {
	display: block;
	clear: both;
	padding:0px 0px 0px 0px;
	margin-bottom:25px;
overflow:hidden;
textalign:right;
}
#basewaku25r:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku25r {
 height: 1em;
 overflow: visible;
}
/**/








/* メイン2カラム */
#c2mainleft {
width:720px;
padding:0px 0px 0px 0px;
margin-right:0px;
float:left;
overflow:hidden;
}
#c2mainleft:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #c2mainleft {
 height: 1em;
 overflow: visible;
}
/**/

#c2mainright {
  font-size:14px;
width:200px;
padding:0px 0px 0px 0px;
margin:0px;
float:right;
overflow:hidden;
}
#c2mainright:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #c2mainright {
 height: 1em;
 overflow: visible;
}
/**/


/* 新着情報 */
#wn-left {
display: block;
margin-top:0px;
margin-left:0px;
padding:0px;
width:400px;
height:29px;
background:url(indeximg/wn01.gif) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
float:left;
}

#wn-right {
width:115px;
height:29px;
padding:0px 0px 0px 0px;
margin:0px;
float:right;
overflow:hidden;
}
#wn-right:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #wn-right {
 height: 1em;
 overflow: visible;
}
/**/
#wn-right a{

margin-top:0px;
margin-left:0px;
padding:0px;
width:115px;
height:29px;
background:url(indeximg/wn01a.gif) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
float:left;
}
#wn-right a:hover{ 
background:url(indeximg/wn01b.gif) no-repeat;
}


#wn-box {
height:525px;
display: block;
clear: both;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-style:solid;
border-color:#FF3995;
margin:0px 0px 0px 0px;
padding:10px 15px 10px 15px;
border-radius: 7px;
float:left;　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
}
#wn-box:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #wn-box {
 height: 1em;
 overflow: visible;
}
/**/

/* 新着詳細 */
#honmon01 {
background:url(indeximg/wn-ic.gif) no-repeat;
display:block;
width:100%;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:1px;
border-left-width:0px;
border-style:dotted;
border-color:#666666;
margin:0px 0px 20px 0px;
padding:0px 0px 12px 65px;
overflow:hidden;
color:#666666;
font-size:12px;
line-height:2.2em;
float:left;
}
#honmon01:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #honmon01 {
 height: 1em;
 overflow: visible;
}
/**/
#honmon01 a {font-size:14px;color:#FF3366;text-decoration:none;line-height:1.2em}
#honmon01 a:hover, a:active {color:#3399FF;text-decoration:none;line-height:1.2em}


#honmon02 {
background:url(indeximg/ev-ic.gif) no-repeat;
display: block;
width:100%;
border-top-width:0px;
border-right-width:0px;
border-bottom-width:1px;
border-left-width:0px;
border-style:dotted;
border-color:#666666;
margin:0px 0px 20px 0px;
padding:0px 0px 12px 65px;
overflow:hidden;
color:#666666;
font-size:12px;
line-height:2.2em;
float:left;
}
#honmon02:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #honmon02 {
 height: 1em;
 overflow: visible;
}
/**/
#honmon02 a {font-size:14px;color:#FF3366;text-decoration:none;line-height:1.2em}
#honmon02 a:hover, a:active {color:#3399FF;text-decoration:none;line-height:1.2em}




/* ボトム3カラム */
#btmleft01 {
width:306px;
padding:0px 0px 0px 0px;
margin-right:16px;
float:left;
overflow:hidden;
}
#btmleft01:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #btmleft01 {
 height: 1em;
 overflow: visible;
}
/**/

#btmleft02 {
width:306px;
padding:0px 0px 0px 0px;
margin:0px;
float:left;
overflow:hidden;
}
#btmleft02:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #btmleft02 {
 height: 1em;
 overflow: visible;
}
/**/

#btmright {
width:306px;
padding:0px 0px 0px 0px;
margin:0px;
float:right;
overflow:hidden;
}
#btmright:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #btmright {
 height: 1em;
 overflow: visible;
}
/**/



#btm-btn01 a{
display:block;
margin-top:0px;
margin-left:0px;
padding:0px;
width:306px;
height:45px;
background:url(indeximg/bana/btm-bana01a.jpg) no-repeat;
text-decoration:none;
text-align:center;
text-indent:-9999px;
float:left;
}
#btm-btn01 a:hover{ 
background:url(indeximg/bana/btm-bana01b.jpg) no-repeat;
}

#btm-btn02 a{
display: block;
margin-top:0px;
margin-left:0px;
padding:0px;
width:306px;
height:45px;
background:url(indeximg/bana/btm-bana02a.jpg) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
float:left;
}
#btm-btn02 a:hover{ 
background:url(indeximg/bana/btm-bana02b.jpg) no-repeat;
}

#btm-btn03 a{
display: block;
margin-top:0px;
margin-left:0px;
padding:0px;
width:306px;
height:45px;
background:url(indeximg/bana/btm-bana03a.jpg) no-repeat;
text-decoration:none;
text-align:center;
text-indent: -9999px;
float:left;
}
#btm-btn03 a:hover{ 
background:url(indeximg/bana/btm-bana03b.jpg) no-repeat;
}



/* フッター */
#footer {
width:100%;
height:195px;
color:#333333;
background:url(indeximg/btm-bg01.jpg) repeat-x;
padding-top:0;
margin-top: 4em;
}
#footer a{color:#333333;text-decoration:none;}
#footer a:hover, a:active {color:#CC0000;text-decoration:none;}

#footer_top {
width:100%;
height:275px;
color:#333333;
background:url(indeximg/btm-bg01.jpg) repeat-x;
padding-top:0;
margin-top: 4em;
}
#footer_top a{color:#333333;text-decoration:none;}
#footer_top a:hover, a:active {color:#CC0000;text-decoration:none;}

#footer00 {
width:950px;
padding-top:30px;
padding-bottom:0px;
margin:0px auto;
font-size:12px;
color:#333333;
text-align:center;
overflow:hidden;
}
#footer00:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #footer00 {
 height: 1em;
 overflow: visible;
}
/**/

#footer01 {
width:35px;
padding-top:0px;
padding-bottom:0px;
margin:0px 15px 0px 0px;
float:left;
line-height:1.5em;
}

#footer02 {
width:640px;
padding-top:0px;
padding-bottom:0px;
margin:0px 0px 0px 0px;
float:left;
line-height:1.5em;
}

#footer03 {
width:220px;
padding-top:0px;
padding-top:0px;
margin:0px 0px 0px 0px;
float:right;
font-size:1.1em;
text-align:right;
}
#footer03 a {text-decoration:non;color:#333333;}
#footer03 a:hover, a:active {text-decoration:non;color:#FF0000;}

#btm-add {
display: block;
clear:both;
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
color:#333333;
font-size:1.2em;
line-height:1em;
}
#btm-add:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #btm-add {
 height: 1em;
 overflow: visible;
}
/**/
#btm-add a {font-weight:bold;text-decoration:non;color:#66CC00;}
#btm-add a:hover, a:active {font-weight:bold;text-decoration:non;color:#FF0000;}

#btm-add .address {
  margin:0 1em;
}

#btm-cp {
display: block;
clear:both;
margin:0px 0px 15px 0px;
padding:0px;
overflow:hidden;
color:#666666;
line-height:1em;
}
#btm-cp:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #btm-cp {
 height: 1em;
 overflow: visible;
}
/**/


#cpr {
display: block;
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
overflow:hidden;
color:#999999;
line-height:1em;
}
#cpr:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #cpr {
 height: 1em;
 overflow: visible;
}
/**/


/* strongなど */
strong { font-weight: bold;}
em { font-style: normal;}
.font1 { font-size:70%;}
.font2 { font-size:120%;}
.font3 { font-size:80%;}
.font4 { font-size:80%;}
.fontb { font-weight:bold;}
.font2b { font-size:120%;font-weight:bold;}
.font2b-bk { font-size:120%;font-weight:bold;color:#000000;line-height:1.5em;}
.font2b-b { font-size:120%;font-weight:bold;color:#3878C8;line-height:1.5em;}
.font-bb {font-size:110%;font-weight:bold;color:#3E83CA;line-height:1.5em;}
.font-fa {font-size:100%;font-weight:bold;color:#3070BE;line-height:1.5em;}

/* h2 */
h2{
font-size:100%;
margin:0px;
}

/* h3 */
h3{
font-size:100%;
margin:0px;
}

ol#bangou { list-style-type:decimal;list-style-position:outside;padding-left:20px;}
ol#kuromaru { list-style-type:disc;list-style-position:outside;padding-left:20px;}
ol#kuromaru span { color:#999999;}




/* このTOPボタン */
#konotop {
width:950px;
margin:0 auto;
}
#konotop a{
position:relative;
top: -45px;
display: block;
margin-bottom:0px;
padding:0px;
width:120px;
height:35px;
background:url(contents/img/konotop-b01a.gif) no-repeat;
background-size: contain;
text-decoration:none;
text-align:center;
text-indent: -9999px;
float:right;
margin-bottom: -35px;
}
#konotop a:hover{ 
background:url(contents/img/konotop-b01b.gif) no-repeat;
background-size: contain;
}

.img-principal img{
margin:0px 0px 10px 10px;
}

.principal{
font-size:1.2em; font-weight:bold; text-align:center;margin:10px 25%;
}
.principal img{
width:100%;
}

/* ページ別スタイル:index */
div.page-index #contents #c2mainleft .lead-img {
  text-align: center;
}
div.page-index #contents #c2mainleft {
  width: 600px;
}
div.page-index #contents #c2mainright {
  width: 320px;
}

/* 20240509追加 ----------*/
.rightBanner {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 736px) {
div.page-index #contents #c2mainleft {
  width: 100%;
}
div.page-index #contents #c2mainright {
  width: 100%;
}

.banner01 {
  display: inline-block;
  margin-right: 30px;
  width: 54%;
}

.banner02 {
  display: inline-block;
  width: 38%;
}

.banner01 img, .banner02 img {
  width: 100%;
}

}

/* ページ別スタイル:access */

div.page-access #contents div.contents {
  letter-spacing: -0.4em;
  padding: 1em;
  border: 1px solid #fca029;
  border-radius: 0.4em;
}
div.page-access div.content {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
div.page-access div.map {
  width: 600px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin-left: 18px;
}
div.page-access div.googlemap iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
div.page-access #contents div.content div.list {
  width: 922px;
  position: static;
  letter-spacing: -0.4em;
}
div.page-access #contents div.content div.list div.item {
  width: 33.3%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  text-align: center;
}
div.page-access .pc-on {
  display: block;
}
div.page-access .sp-on {
  display: none;
}
@media only screen and (max-width: 736px) {
div.page-access #visual {
  background-image: url(contents/access/img/visual-bg.gif);
}
div.page-access #contents .title {
  border-bottom: 1px solid #fca029;
  margin-bottom: 1em;
}
div.page-access #contents .title img {
  width: 65%;
}
div.page-access #contents div.contents {
  padding: 0;
  border: 0;
}
div.page-access #contents div.contents div.content {
  width: 100%;
}
div.page-access #contents div.contents div.map {
  width: 100%;
  margin-left: 0;
  margin-top: 1em;
}
div.page-access #contents div.googlemap {
  padding-top: 70%;
}
div.page-access #contents div.section-1 ~ div.section-1 {
  margin-top: 1em;
}
div.access .title img {
  width: 70%;
}
div.page-access #contents div.contents div.content div.list {
  position: static;
  width: 100%;
}
div.page-access #contents div.content div.list div.item {
  width: 100%;
  display: block;
  margin-bottom: 1em;
}
div.page-access .pc-on {
  display: none;
}
div.page-access .sp-on {
  display: block;
}
}


/* ページ別スタイル:information */

div.page-information div.content {
  border: 1px solid #ff5c5c;
  padding: 1em;
  border-radius: 0.4em;
}
div.page-information table {
  border-collapse: collapse;
  margin: 1em 0;
}
div.page-information table th,
div.page-information table td {
  border: 1px solid #fff;
  padding: 1em;
}
div.page-information table th {
  text-align: left;
  background: #fcb7b7;
}
div.page-information table td {
  background: #ffd7d7;
}
div.page-information table td ol,
div.page-information table td ul {
  padding-left: 2em;
}
div.page-information div.content2 {
  border: 1px solid #ff5c5c;
  background:#FFEDF1;
  padding: 1em;
  border-radius: 0.4em;
  margin-bottom:20px;
}
@media only screen and (max-width: 736px) {
div.page-information #visual {
  background-image: url(contents/e_information/img/visual-bg.gif);
}
div.page-information #contents .title {
  border-bottom: 1px solid #ff5c5c;
  margin-bottom: 1em;
}
div.page-information #contents div.content {
  border: 0;
  padding: 0;
}
div.page-information table th,
div.page-information table td {
  width: 100%;
  display: block;
  padding: 0;
  border: 0;
}
div.page-information table th {
  color: #fff;
  padding: 0.4em;
  background: #ff5c5c;
}
div.page-information table td {
  padding: 0.4em 0 2em;
  background: #fff;
}
div.page-information div#contents.information div.information .title img {
  width: 45%;
}
div.page-information div.content2 {
  border: 0;
  padding: 0;
  margin-bottom:20px;
  background: #FFFFFF;
}
}

/* ページ別スタイル:guide */

div.page-guide div.contents {
  padding: 1em;
  border: 1px solid #5dd6d6;
  border-radius: 0.5em;
}
div.page-guide div.two-column {
  letter-spacing: -0.4em;
}
div.page-guide div.two-column > * {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
div.page-guide div.two-column > div + div {
  margin-left: 2%;
}
div.page-guide div.section-2 div.two-column div.content {
  width: 60%;
}
div.page-guide div.section-2 div.two-column div.photo {
  width: 35%;
  text-align: right;
  margin-left: 5%;
}
div.page-guide div#c2mainright div.nav {
  margin-bottom: 2em;
}
div.page-guide div#c2mainright div.nav .title {
  text-align: center;
  color: #fff;
  background: #5dd6d6;
  padding: 0.5em 0;
  border-radius: 0.5em 0.5em 0 0;
}
div.page-guide div#c2mainright div.nav ul,
div.page-guide div#c2mainright div.nav ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.page-guide div#c2mainright div.nav ul {
  padding: 0 0.5em 0.5em;
  border: 1px solid #5dd6d6;
  padding-bottom: 1em;
  border-radius: 0 0 0.5em 0.5em;
}
div.page-guide div#c2mainright div.nav ul li a {
  line-height: 2.4;
  text-align: left;
  color: inherit;
  text-decoration: none;
  display: block;
  padding-left: 1.5em;
  background: url(contents/guide/img/listmark.gif) 0 0.8em no-repeat;
  border-bottom: 1px solid #5dd6d6;
}
div.page-guide div#c2mainright div.nav ul li.current a,
div.page-guide div#c2mainright div.nav ul li a:hover {
  color: #5dd6d6;
  font-weight: bold;
}
div.page-guide div.tokushoku div.two-column div.content {
  width: 331px;
}
div.page-guide div.tokushoku div.two-column div.photo {
  width: 345px;
  text-align: center;
  margin-left: 12px;
}
@media only screen and (max-width: 736px) {
div.page-guide #visual {
  background-image: url(contents/guide/img/visual-bg.gif);
}
div.page-guide #c2mainleft .title {
  border-bottom: 1px solid #5dd6d6;
  margin-bottom: 1em;
}
div.page-guide div#c2mainleft div.contents {
  padding: 0;
  border: 0;
}
div.page-guide div.two-column div + div {
  margin-left: 0;
}
div.page-guide div.two-column div.content {
  width: 100% !important;
  display: block;
}
div.page-guide div.two-column div.photo {
  width: 100% !important;
  display: block;
  text-align: center !important;
  margin: 1em 0 0 !important;
}
div.page-guide div.catch img {
  width: 80%;
}
div.page-guide div.tokushoku .title img {
  width: 45%;
}
div.page-guide div.houshin .title img {
  width: 75%;
}
}

/* guide: song */

@media only screen and (max-width: 736px) {
div.page-guide div#contents.song div.song .title img {
  width: 40%;
}
}

/* guide: area */

div.page-guide div#contents.area div#c2mainleft table.area {
  border-collapse: collapse;
}
div.page-guide div#contents.area div#c2mainleft table.area th,
div.page-guide div#contents.area div#c2mainleft table.area td {
  border: 1px solid #5dd6d6;
  padding: 0.5em;
}
div.page-guide div#contents.area div#c2mainleft table.area th {
  background: #d1f9f9;
}
@media only screen and (max-width: 736px) {
div.page-guide div#contents.area div.two-column > * {
  width: 100%;
  display: block;
}
div.page-guide div#contents.area div#c2mainleft table.area th,
div.page-guide div#contents.area div#c2mainleft table.area td {
  border: none;
  padding: 0.5em 0;
}
div.page-guide div#contents.area div#c2mainleft table.area th {
  text-align: left;
  color: #fff;
  background: #5dd6d6;
  padding: 0.5em;
}
div.page-guide div#contents.area div.area .title img {
  width: 45%;
}
}

/* guide: class */

div.page-guide div#contents.class div#c2mainleft table {
  border-collapse: collapse;
}
div.page-guide div#contents.class div#c2mainleft table th,
div.page-guide div#contents.class div#c2mainleft table td {
  text-align: center;
  border: 1px solid #5dd6d6;
  padding: 0.7em;
}
div.page-guide div#contents.class div#c2mainleft table th[scope="row"] {
  color: #fff;
  background: #5dd6d6;
}
div.page-guide div#contents.class div#c2mainleft dl,
div.page-guide div#contents.class div#c2mainleft dl dt,
div.page-guide div#contents.class div#c2mainleft dl dd {
  padding: 0;
  margin: 0;
}
div.page-guide div#contents.class div#c2mainleft dl {
  width: 100%;
  display: table;
  padding: 0.2em 2%;
  border-bottom: 1px dotted #666;
}
div.page-guide div#contents.class div#c2mainleft dl dt {
  width: 8em;
  font-weight: bold;
  display: table-cell;
  vertical-align: top;
  padding-right: 1em;
}
div.page-guide div#contents.class div#c2mainleft dl dd {
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 736px) {
  div.page-guide div#contents.class div.two-column.catch {
  display: table;
  margin: 0 auto;
}
div.page-guide div#contents.class div.two-column div.content + div.content {
  margin-left: 0;
}
div.page-guide div#contents.class div#c2mainleft div.two-column div.content + div.content {
  margin-top: 2em;
}
div.page-guide div#contents.class div#c2mainleft dl {
  padding: 0;
  border-bottom: 0;
}
div.page-guide div#contents.class div#c2mainleft dl dt,
div.page-guide div#contents.class div#c2mainleft dl dd {
  width: 100%;
  display: block;
  border: none;
  padding: 0.4em;
}
div.page-guide div#contents.class div#c2mainleft dl dd {
  margin-bottom: 1em;
}
div.page-guide div#contents.class div#c2mainleft dl dt {
  text-align: left;
  color: #fff;
  background: #5dd6d6;
}
div.page-guide div#contents.class div.two-column > * {
  width: 100% !important;
  display: block;
  letter-spacing: normal;
  margin: 0;
}
div.page-guide div#contents.class div.section-2 div.two-column div.content {
  width: 100%;
}
div.page-guide div#contents.class div.section-2 div.two-column div.photo {
  width: 100%;
  margin-top: 1em;
  margin-left: 0;
}
div.page-guide div#contents.class div.two-column div.photo {
  text-align: center !important;
}
div.page-guide div#contents.class div.class .title img {
  width: 45%;
}
}

/* guide: event */

div.page-guide div#contents.event div.two-column {
  width: 640px;
  margin-left: auto;
  margin-right: auto;
}
div.page-guide div#contents.event div.contents {
  padding: 2em 1em;
}
@media only screen and (max-width: 736px) {
div.page-guide div#contents.event div.two-column {
  width: 100%;
}
div.page-guide div#contents.event div.two-column > * {
  width: 100%;
  display:block;
}
div.page-guide div#contents.event div.two-column div.photo {
  margin-top: 1em;
}
div.page-guide div#contents.event div.two-column img {
  width: 100%;
}
div.page-guide div#contents.event div.contents {
  padding: 0;
}
div.page-guide div#contents.event div.event .title img {
  width: 60%;
}
}

/* guide: map */

div.page-guide div#contents.map div.f2 div.two-column div.map {
  width: 475px;
}
div.page-guide div#contents.map div.f2 div.two-column div.photo {
  width: 195px;
  margin-left: 18px;
}
div.page-guide div#contents.map div.f1 div.two-column div.map {
  width: 420px;
}
div.page-guide div#contents.map div.f1 div.two-column div.photo {
  width: 250px;
  margin-left: 18px;
}
div.page-guide div#contents.map div.two-column div.photo div.item {
  margin: 0;
}
div.page-guide div#contents.map div.list {
  letter-spacing: -0.4em;
  text-align: center;
  margin-top: 1em;
  margin-left: -1em;
}
div.page-guide div#contents.map div.item {
  width: 195px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin-top: 1em;
  margin-left: 1em;
}
div.page-guide div#contents.map div.item .caption {
  text-align: left;
  margin-top: 0;
}
@media only screen and (max-width: 736px) {
div.page-guide div#contents.map div.two-column div.map {
  width: 100% !important;
  text-align: center;
}
div.page-guide div#contents.map div.f1 div.photo {
  display: none;
}
div.page-guide div#contents.map div.list {
  margin-left: -1%;
}
div.page-guide div#contents.map div.list div.item {
  width: 32%;
  margin-left: 1.3%;
}
div.page-guide div#contents.map div.f2 div.photo {
  width: 90% !important;
  display: table;
  letter-spacing: -0.4em;
  margin: 1em auto 0 !important;
}
div.page-guide div#contents.map div.f2 div.photo div.item {
  width: 50%;
  letter-spacing: normal;
  padding: 2%;
}
div.page-guide div#contents.map div.map .title img {
  width: 40%;
}
}

/* guide: history */

div.page-guide div#contents.history div.history .sp {
  display: none;
}
div.page-guide div#contents.history div.history strong {
  font-weight: bold;
}
div.page-guide div#contents.history div.history ul,
div.page-guide div#contents.history div.history ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.page-guide div#contents.history div.history ul {
  padding: 1em 1em 0;
}
div.page-guide div#contents.history div.history ul li {
  position: relative;
  font-weight: bold;
  padding-left: 1em;
}
div.page-guide div#contents.history div.history ul li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6em;
  display: block;
  width: 0.4em;
  height: 0.4em;
  background: #5dd6d6;
  border-radius: 100%;
  margin-right: 0.2em;
}
div.page-guide div#contents.history div.outline dl {
  width: 100%;
  display: table;
  padding: 0.5em 0;
  border-bottom: 1px dotted #666;
}
div.page-guide div#contents.history div.outline dl > * {
  display: table-cell;
}
div.page-guide div#contents.history div.outline dl dt {
  width: 8em;
  font-weight: bold;
  padding-right: 1em;
}
div.page-guide div#contents.history div.album div.list {
  letter-spacing: -0.4em;
  margin-left: -15px;
}
div.page-guide div#contents.history div.album div.list div.item {
  width: 220px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  text-align: center;
  margin-top: 1em;
  margin-left: 14px;
}
div.page-guide div#contents.history div.album div.list div.item .caption {
  text-align: left;
  margin: 0;
}
@media only screen and (max-width: 736px) {
div.page-guide div#contents.history div.history .sp {
  display: inline-block;
}
div.page-guide div#contents.history div.history .pc {
  display: none;
}
div.page-guide div#contents.history div.album div.list div.item {
  display: block;
  margin: 0 auto;
}
div.page-guide div#contents.history div.album div.list div.item ~ div.item {
  margin-top: 1em;
}
div.page-guide div#contents.history div.history .title img {
  width: 45%;
}
}

/* guide: year */

div.page-guide div#contents.year table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1em;
}
div.page-guide div#contents.year table th,
div.page-guide div#contents.year table td {
  padding: 0.5em;
  border: 1px solid #fff;
}
div.page-guide div#contents.year table th[scope="col"] {
  background: #96eaea;
}
div.page-guide div#contents.year table th[scope="row"] {
  color: #fff;
  background: #5dd6d6;
}
div.page-guide div#contents.year table td {
  vertical-align: top;
  background: #d1f9f9;
}
div.page-guide div#contents.year table td ul, 
div.page-guide div#contents.year table td ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.page-guide div#contents.year table td ul li {
  position: relative;
  padding-left: 0.8em;
  margin-bottom: 1em;
}
div.page-guide div#contents.year table td ul li:before {
  content: '';
  position: absolute;
  top: 0.65em;
  left: 0;
  display: block;
  width: 0.4em;
  height: 0.4em;
  background: #fca029;
  border-radius: 100%;
}
div.page-guide div#contents.year table.time .week,
div.page-guide div#contents.year table.time .year {
  text-align: center;
  vertical-align: middle;
}
@media only screen and (max-width: 736px) {
div.page-guide div#contents.year table th,
div.page-guide div#contents.year table td {
  border: 0;
}
div.page-guide div#contents.year table th[scope="col"]:before {
  content: '[';
}
div.page-guide div#contents.year table th[scope="col"]:after {
  content: ']';
}
div.page-guide div#contents.year table th[scope="row"] {
  text-align: left;
}
div.page-guide div#contents.year table td {
  width: auto;
  background: #fff;
}
div.page-guide div#contents.year table th[scope="col"] {
  width: 4em;
  vertical-align: top;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  background: none;
}
div.page-guide div#contents.year table.time tr:first-child {
  display: none;
}
div.page-guide div#contents.year table.time tr:after {
  content: '';
  display: block;
  clear: both;
}
div.page-guide div#contents.year table.time td.week {
  display: block;
  font-weight: bold;
  text-align: left;
  color: #fff;
  background: #5dd6d6;
}
div.page-guide div#contents.year table.time td.year {
  width: 20%;
  display: block;
  float: left;
  font-weight: bold;
  padding: 0.5em 0;
}
div.page-guide div#contents.year table.time td.year:before {
  content: '[';
}
div.page-guide div#contents.year table.time td.year:after {
  content: ']';
}
div.page-guide div#contents.year table.time td.content {
  width: 80%;
  display: block;
  float: right;
}
div.page-guide div#contents.year div.year .title img {
  width: 90%;
}
}

/* guide: research */
@media only screen and (max-width: 736px) {
div.page-guide div#contents.research div.research div.two-column > * {
  width: 100%;
  display: block;
  margin-left: 0;
}
div.page-guide div#contents.research div.research div.two-column div.photo {
  text-align: center;
  margin-top: 1em;
}
div.page-guide div#contents.research div.research .title img {
  width: 45%;
}
div.page-guide div#contents.research div.training .title img {
  width: 60%;
}
}

/* ページ別スタイル: o_garden */

div.page-o_garden div.contents {
  padding: 1em;
  border: 1px solid #9cbbf6;
  border-radius: 0.4em;
}
div.page-o_garden div.garden div.contents {
  border: 0;
}
div.page-o_garden .sp {
  display: none;
}
div.page-o_garden div.attention {
  padding: 1em;
  background: #f3f6fd;
  border-radius: 0.4em;
}
div.page-o_garden div.attention dl {
  width: 70%;
  float: left;
}
div.page-o_garden div.attention dl dt {
  font-weight: bold;
}
div.page-o_garden div.attention dl dd {
  position: relative;
  padding-left: 1em;
  margin-left: 1em;
}
div.page-o_garden div.attention dl dd:before {
  position: absolute;
  top: 0.6em;
  left: 0;
  content: '';
  display: block;
  width: 0.4em;
  height: 0.4em;
  background: #333;
  border-radius: 100%;
}
div.page-o_garden div.attention div.photo {
  float: right;
}

/* 園庭開放＆遊び会 等 */

div.page-o_garden div.event div.list {
  width: 100%;
  display: table;
}
div.page-o_garden div.event div.list div.item {
  display: table-cell;
}
div.page-o_garden div.event div.list div.item + div.item {
  text-align: center;
}
div.page-o_garden div.event div.list div.item + div.item + div.item {
  text-align: right;
}

/* 園庭開放＆遊び会 等
　　　└　スケジュール テーブル */

div.page-o_garden div.event table.schedule {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1em;
}
div.page-o_garden div.event table.schedule th {
  padding: 0.2em;
  background: #c7d8f9;
  border: 1px solid #fff;
}
div.page-o_garden div.event table.schedule td {
  padding: 0.2em 0.5em;
  background: #e2eaf9;
  border: 1px solid #fff;
}
@media only screen and (max-width: 736px) {
div.page-o_garden div.event table.schedule {
  display: block;
}
div.page-o_garden div.event table.schedule tbody {
  display: block;
}
div.page-o_garden div.event table.schedule tr {
  width: 100%;
  display: block;
}
body.msie9 div.page-o_garden div.event table.schedule tr {
  float: left;
}
div.page-o_garden div.event table.schedule tr:nth-of-type(2) ~ tr {
  margin-top: 1em;
}
div.page-o_garden div.event table.schedule tr:nth-of-type(1) {
  display: none;
}
div.page-o_garden div.event table.schedule td {
  width: 100%;
  display: block;
  border: none;
  text-align: left;
  background: none;
}
body.msie9 div.page-o_garden div.event table.schedule td {
  float: left;
}
/* 開催日 */
div.page-o_garden div.event table.schedule td:nth-of-type(1) {
  text-align: left;
  color: #fff;
  font-weight: bold;
  padding: 0.4em;
  background: #9dbbf7;
}
/* 内容 */
div.page-o_garden div.event table.schedule td:nth-of-type(2):before {
  content: '［受付時間］';
  margin-right: 1em;
  font-weight: bold;
}
/* 対象 */
div.page-o_garden div.event table.schedule td:nth-of-type(3):before {
  content: '［開始時刻］';
  margin-right: 1em;
  font-weight: bold;
}
/* 人数 */
div.page-o_garden div.event table.schedule td:nth-of-type(4):before {
  content: '［内容］';
  margin-right: 1em;
  font-weight: bold;
}
/* 申込日 */
div.page-o_garden div.event table.schedule td:nth-of-type(5):before {
  content: '［対象］';
  /*margin-left: -1em;*/
  margin-right: 1em;/**/
  font-weight: bold;
}
}

div.page-o_garden div.event div.contents hr {
  height:1px;
  border: 0;
  background: #ddd;
  margin: 1em 0;
}

/* 園庭開放＆遊び会 等
　　　└　申込方法 */

div.page-o_garden div.houhou {
  background: #feffef;
  padding: 1em;
}
div.page-o_garden div.houhou ul,
div.page-o_garden div.houhou ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.page-o_garden div.houhou ul {
  padding: 1em 1em 0;
}
div.page-o_garden div.houhou ul li {
  position: relative;
  padding-left: 1em;
}
div.page-o_garden div.houhou ul li:before {
  content: '';
  display: block;
  width: 0.4em;
  height: 0.4em;
  position: absolute;
  top: 0.6em;
  left: 0;
  background: #fca029;
  border-radius: 100%;
}
@media only screen and (max-width: 736px) {
div.page-o_garden .pc {
  display: none;
}
div.page-o_garden .sp {
  display: block;
}
div.page-o_garden div.attention dl {
  width: auto;
  float: none;
}
div.page-o_garden div.attention div.photo {
  width: auto;
  float: none;
  text-align: center;
}
div.page-o_garden #visual {
  background-image:url(contents/o_garden/img/visual-bg.gif);
}
div.page-o_garden .title {
  line-height: 1.4;
  border-bottom: 1px solid #9cbbf6;
  margin-bottom: 0.5em;
}
div.page-o_garden div.contents {
  padding: 0;
  border: 0;
}
div.page-o_garden div.event div.list {
  display: none;
}
div.page-o_garden div.houhou {
  padding: 0;
  background: 0;
}
div.page-o_garden div.garden .title img {
  width:   80%;
}
div.page-o_garden div.detail .title img {
  width: 40%;
}
div.page-o_garden div.event .title img {
  width: 90%;
}
}

/* ページ別スタイル: lesson */

div.page-lesson div.contents {
  padding: 1em;
  border: 1px solid #fc3;
  border-radius: 0.4em;
}
div.page-lesson div.kagai div.contents:after {
  content: '';
  display: block;
  clear: both;
}
div.page-lesson div.kagai div.content {
  width: 480px;
  float: left;
}
div.page-lesson div.kagai div.photo {
  float: right;
}
div.page-lesson div.hoiku div.contents {
  position: relative;
  padding: 245px 1em 1em;
}
div.page-lesson div.hoiku div.contents div.list {
  width: 97%;
  position: absolute;
  top: 0;
  letter-spacing: -0.4em;
}
div.page-lesson div.hoiku div.contents div.list div.item {
  width: 33.3%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  text-align: center;
}
div.page-lesson div.houhou {
  background: #feffef;
  padding: 1em;
}
@media only screen and (max-width: 736px) {
div.page-lesson #visual {
  background-image:url(contents/lesson/img/visual-bg.gif);
}
div.page-lesson div.contents {
  padding: 0 !important;
  border: 0;
}
div.page-lesson div.kagai div.content,
div.page-lesson div.kagai div.photo {
  float: none;
  width: 100%;
}
div.page-lesson div.kagai div.photo {
  text-align: center;
  margin-top: 1em;
}
div.page-lesson div.kagai .title img {
  width: 100%;
}
div.page-lesson div.hoiku .title img {
  width: 50%;
}
div.page-lesson div.hoiku div.contents div.list {
  position: static;
  width: 100%;
}
div.page-lesson div.hoiku  div.contents div.list div.item {
  width: 100%;
  display: block;
  margin-bottom: 1em;
}
}

/* ページ別スタイル: news */

div.page-news table#wp-calendar {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
}
div.page-news table#wp-calendar tr > * {
  text-align: center;
  border: 1px solid #fff;
  padding: 0.2em;
}
div.page-news table#wp-calendar thead th {
  color: #fff;
  font-weight: normal;
  background: #9c0;
}

/* レスポンシブ汎用 */

/* スマホ表示・非表示切り替えスタイル */
.sm-show {
  display: none;
}

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

/* スマホ表示・非表示切り替えスタイル */
.sm-show,
.sm-block {
  display:block;
}
.sm-hide {
  display:none;
}

img {
  max-width:100%;
  height:auto;
}
.gmenu-toggle {
  width: 20%;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  padding-right: 2%;
}
.gmenu-toggle span {
  position:relative;
  display:inline-block;
  width:50px;
  height:50px;
  background: #52b014;
  color:#fff;
  cursor:pointer;
  font-size:11px;
  line-height:1.9;
  text-align:center;
  border-radius:5px;
}
.gmenu-toggle span:after {
  content:'';
  display:block;
  width:28px;
  border-bottom:4px solid #fff;
  box-shadow:0 10px 0 #fff, 0 20px 0 #fff;
  position:absolute;
  top:19px;
  left:11px;
}
ul.gmenu {
  display:none;
}
ul.gmenu {
  position:relative;
  width:100%;
  height:auto;
}
ul.gmenu li {
  float:none;
}
ul.gmenu li a {
  width:100% !important;
  height:auto !important;
  font-size: 14px;
  color:#6c0;
  text-align:left;
  text-indent: 0;
  padding: 1em;
  background:#fff !important;
  border-bottom: 1px solid #ccc;
}
ul.gmenu li a:hover {
  color:#fff;
  background: #6c0 !important;
}
.header {
  width: 100%;
  height:auto;
  margin:1em 0;
}
.header-logo {
    width:100%;
    display:table;
}
#titleleft01 {
  float:none;
  width:78%;
  padding-right:2%;
  display:table-cell;
  vertical-align:middle;
}
#titleleft01 img {
  width: 100%;
}
#titleright01 {
  display:none;
}
div.slider-wrapper {
  display:none;
}
div.sm-slider-wrapper {
  display:block;
}
div.sm-slider-wrapper .slider {
  overflow:hidden;
  display:block;
}
div.sm-slider-wrapper .slider li {
  width:100%;
  transform: translate3d(0,0,0);
}
div.sm-slider-wrapper .slider li img {
  width: 100%;
}
#visual {
  background-position: 0;
  background-repeat: repeat-x;
  background-size: contain;
}
#visual .pc {
  display: none;
}
#visual .sp {
  display: block;
  padding: 8% 0;
  margin: 0 auto;
}
#breadcrumb {
  width:96%;
  margin:0 auto;
}
#contents {
  width:96%;
}
#c1main {
  width:100%;
}
#c2mainleft {
  width:100%;
  float:none;
}
#c2mainright {
  width:100%;
  float:none;
  text-align:center;
  margin-top:3em;
}
#contents div.section-1 > .title {
  line-height: 1;
}
div.page-nav {
  display: none;
}
#wn-box {
  width:100%;
  height:auto;
  padding: 0;
  border:none;
}
#wn-left {
  position:relative;
  right: -10%;
  width:90%;
  float: none;
  background-size:contain;
  margin:0 auto;
}
#wn-right {
  width:100%;
  float:none;
  margin-top: 1em;
}
#wn-right a {
  display:block;
  float:none;
  margin:0 auto;
}
#honmon01,#honmon02 {
  width:100%;
  padding-bottom:1em;
  margin-bottom:1em;
}
#honmon01 a,#honmon02 a {
  display:block;
  margin-left: -60px;
  margin-top:0.4em;
}
#konotop {
  width: 100%;
}
#konotop a {
  top: -40px;
  right: 2%;
  width: 8em;
  height: 3em;
  margin-bottom: -3em;
}
#footer00 {
  width:96%;
  text-align:left;
}
#btm-add {
  margin:0;
}
#btm-add .address {
  display:block;
  margin:0.5em 0 0;
}
#btmleft01,#btmleft02,#btmright {
  float:none;
  margin:1em auto 0;
}
#btm-btn01 a,#btm-btn02 a,#btmright a {
  width:100%;
  float:none;
  background-size:contain;
}
}

#kifu-bana{padding:10px 0px 10px 18%}

@media (min-width:736px) {
#kifu-bana{padding:10px 0px 10px 18%}
}

@media (max-width:736px) {
#kifu-bana{padding:10px 0px 10px 0px}
}

.event-mg25{margin:0px 25px 25px 25px;}

@media (min-width:736px) {
.event-mg25{margin:0px 25px 25px 25px;}
}

@media (max-width:736px) {
.event-mg25{margin:0px 0px 25px 0px;}
}


/* 汎用テーブル */
table.nomal-tb-yell {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1em;
}
table.nomal-tb-yell th {
  padding: 0.2em;
  background: #FFCC33;
  border: 1px solid #fff;
}
table.nomal-tb-yell td {
  padding: 0.2em 0.5em;
  background: #FFF0B9;
  border: 1px solid #fff;
}

/* 汎用テーブル */
table.nomal-tb-bul {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1em;
}
table.nomal-tb-bul th {
  padding: 0.2em;
  background: #C7D8F9;
  border: 1px solid #fff;
}
table.nomal-tb-bul td {
  padding: 0.2em 0.5em;
  background: #E2EAF9;
  border: 1px solid #fff;
}
/* 汎用タイトル */
.title-yell {
font-size:30px;
line-height:110%;
color:#FFCC33;
margin-bottom: 0.4em;
font-family: "Zen Maru Gothic", serif;
font-weight: 700;
text-align:left;clear: both;
/*float:left;*/
}

.title-yell::after {
content: url('img/title-hoshi.gif') ;
position: absolute;
padding-top:1px;
}


.zen-maru-gothic-black {
 font-family: "Zen Maru Gothic", serif;
 font-weight: 900;
 font-style: normal;
}

.zen-maru-gothic-bold {
 font-family: "Zen Maru Gothic", serif;
 font-weight: 700;
 font-style: normal;
}

/* 汎用レスポンシブ表示 */
.pc-show-on {
  display: block;
}
.sp-show-on {
  display: none;
}
@media only screen and (max-width: 736px) {
 .pc-show-on {
  display: none;
}
 .sp-show-on {
  display: block;
}
}