/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#EC4413;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }
a img:hover { opacity:0.7; }

h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; }

p {	font: 16px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

ul, ol, li {
    list-style: none; /* マーカーを消す */
    margin:0; padding:0;
}



/*  Layout
----------------------------------------------- */
#wrap {
	overflow: hidden;
}
body {
    background: #FFF;
    padding:0;
    margin:0;
   min-width: 1200px; 
}

/*--------------------------------
　　トップページのみ表示のコンテンツ
----------------------------------*/
.TopCon{display:none;}

/*--------------------------------
　　サブページのみ表示のコンテンツ
----------------------------------*/
.SubCon{display:block;}


/*--------------------------------
　　スマホのみ表示のコンテンツ
----------------------------------*/
.m-Con{display:none;}

/* -----------------------------------------------
 コンテンツの共通設定
----------------------------------------------- */
.de-con{margin:0 auto; width:1200px;}

/* -----------------------------------------------
 テーブル１
----------------------------------------------- */

.table1 *, .table1 *:before, .table1 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.table1 {
	width: 100%;
	border-collapse: collapse;
}
.table1 th, .table1  td {
	padding: 10px;
	border: 1px solid #333;
}
.table1 th {
	width: 30%;
	text-align: left;
	background: #d0ecf9;
    font-weight:normal;
}


/* -----------------------------------------------
 サブページヘッダー
----------------------------------------------- */
.subtop{display:none;}
.SubCon-de img{width:100%;}

.subtop h1{
    color:#FFF;
    font-size:53px;
    font-weight:normal;
    text-align:center;
    line-height:0.7em;
    letter-spacing:0.1em;
    text-shadow:1px 0px 3px #222, 0px 1px 3px #222, -1px 0px 3px #222, 0px -1px 3px #222;
}
.subtop h1 span{font-size:24px; letter-spacing:0; text-shadow:none; font-weight:bold;}

.sub1, .sub3, .sub5, .sub6{
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/subtop0-1.jpg?t=1583308968) no-repeat;
    padding-top:100px;
    background-size: cover;
    background-position: center;
    height:150px;
}
.sub2{
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/subtop2.jpg?t=1584074734) no-repeat;
    padding-top:100px;
    background-size: cover;
    background-position: center;
    height:150px;
}
.sub1-1{
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/subtop1-1.jpg?t=1584080939) no-repeat;
    padding-top:100px;
    background-size: cover;
    background-position: center;
    height:150px;
}
.sub1-2{
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/subtop1-2.jpg?t=1584080947) no-repeat;
    padding-top:100px;
    background-size: cover;
    background-position: center;
    height:150px;
}
.sub1-3{
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/subtop1-3.jpg?t=1584080954) no-repeat;
    padding-top:100px;
    background-size: cover;
    background-position: center;
    height:150px;
}
.sub1-4{
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/subtop1-4.jpg?t=1584080962) no-repeat;
    padding-top:100px;
    background-size: cover;
    background-position: center;
    height:150px;
}

/* -----------------------------------------------
 ヘッダー
----------------------------------------------- */
#header{color:#444; height:115px; display:flex;}

.hImg img{width:100%;}

h1.siteTitle{
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/title-bg.png?t=1583216786) no-repeat;
    height:115px;
    padding: 30px 0 0 90px;
    position:relative;
}
h1.siteTitle a{
    font-size:35px;
    font-weight:normal;
    color:#00103f !important;
    text-decoration:none;
}
h1.siteTitle span{
    font-size:11px;
    position:absolute;
    top:3px;
    left:120px;
}

/* -----------------------------------------------
 ヘッダーナビゲーション
----------------------------------------------- */
/* mddNav ドロップダウンメニュー
------------------------------------- */

#mddNav {
    position: relative;
    z-index: 100;
    width: 700px;
    height: 60px;
    margin: 35px 0 0 30px;
}
#wrapper:after {
	content:"";
	clear:both;
	display:block;
}
#mddNav ul {
    margin: 0 auto;
    width: 700px;
    height: 60px;
    text-align: center;
    list-style:none;
    padding-top:20px;

}
#mddNav ul li {
    float:left;
    padding: 0 10px;
    height: 20px;
    border-left: #aaa 1px solid;
    box-sizing: border-box;

}

#mddNav ul li:last-child {
    border-right: #aaa 1px solid;
}
#mddNav ul li a {
    display: block;
    height: 45px;
    color:#444;
    transition: all 0.2s linear;
    text-decoration:none;
}
#mddNav  ul  li:hover  a {
    color: #57a7e1;
}
#mddNav li {font-size:16px; line-height: 16px;}
#mddNav li.arrow:after {
    content:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/arrow2.png?t=1583283709);
    position : relative;
    top:-20px;
}


/* mddWrap
------------------------------------- */
#mddNav .mddWrap {
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 100;
  overflow: hidden;
  display: none;
  width: 640px;
  height: auto;
  text-align: left;
  background: #fff;
  box-shadow: 0 1px 1px #333;

}
#mddNav .mddWrap .dropContent {
  margin: 0 auto;
  padding: 25px 15px;
  width: 600px;
 height: auto;
}

#mddNav .mddWrap .dropContent .dropbox-l {
   margin-right: 0px;
   margin-bottom:15px;
   width: 300px;
   float: left;
   height:auto;
}
#mddNav .mddWrap .dropContent .dropbox-r{
   margin-right: 0px;
   margin-bottom:15px;
   width: 300px;
   float: right;
   height:auto;
}

.dropItem{
    display:flex; margin-bottom:25px;
}
.dropItem p{
    font-size:14px;
}
.dropItem img{ margin-right:15px;}

.dropItem .dropItext{position:relative; width:200px;}
.button1{position:absolute; bottom:0px;}
.button1 a{
    width:100px;
    height:25px !important;
    display:block;
    text-decoration:none !important;
    font-size:14px;
    padding:5px 0 0 10px;
    margin:5px 0 0 0;
    color:#444 !important;
    border:1px solid #444;
}
.button1 a:after{
    content:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/arrow.png?t=1583283703);
    position : relative;
    top:3px;
    margin-left:10px;
}
.button1 a:hover{ border:1px solid #57a7e1; background:#57a7e1; color:#FFF !important;}



/* -----------------------------------------------
 コンテンツ
----------------------------------------------- */

#content{
    width:1200px;
    margin:80px auto 0;
}

.catch{text-align: center; font-size: 32px; line-height: 1.5em;}

.button2 a{
    width:215px;
    height:35px;
    display:block;
    text-decoration:none !important;
    font-size:14px;
    padding:15px 0 0 10px;
    margin:20px auto 0;
    color:#444 !important;
    border:1px solid #444;
    text-align:center;
    transition: all 0.2s linear;
    position : relative;
}
.button2 a:after{
    content:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/arrow.png?t=1583283703);
    position : absolute;
    top:18px;
    right:10px;
}
.button2 a:hover{ border:1px solid #57a7e1; background:#EEE;}


/* ------ スライドショー ------- */

.cycle-slideshow { width: 100%; padding: 0; position: relative;}
.cycle-pager{text-align: center;}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #ff7f50;}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/left.png?t=1585187237) 20% 50% no-repeat;}
.cycle-next { right: 0; background: url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/right.png?t=1585187243) 80% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }




#infoTitle{
    width:513px;
    height:78px;
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/info-bg.png?t=1583216770) no-repeat;
    padding:25px;
    margin-bottom:20px;
}
#infoTitle .rss a{
    width:79px;
    height:36px;
    display:block;
    margin:0px 0 0 auto;
}
.infoButton a{
    width:170px;
    height:23px;
    display:block;
    text-decoration:none !important;
    font-size:14px;
    padding:3px 0 0 0px;
    margin:25px 0 0 auto;
    color:#444 !important;
    border:1px solid #444;
    border-radius:10px;
    text-align:center;
}
.infoButton a:hover{ background:#EEE;}



#fbTitle{
    width:550px;
    height:78px;
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/fb-bg.png?t=1583291344) no-repeat;
    padding:25px;
    margin-bottom:20px;
    display:flex;
    justify-content: flex-end;
}
#fbTitle img{margin-left:10px;}
#fbTimeline{width:600px; text-align:center;}

/* -----------------------------------------------
 ご利用の皆様へ
----------------------------------------------- */
h2.riyou{
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/icon1.png?t=1583308977) no-repeat, #575748;
    background-position: left 30px center;
    height:50px;
    color:#FFF;
    font-size:28px;
    padding:10px 0 0 90px;
    font-weight:normal;
    border-radius: 0px 30px 30px 0px;
    margin-bottom:20px;
}
h2.riyouFee{
    background: #57a7e1;
    height:50px;
    color:#FFF;
    font-size:28px;
    padding:10px 0 0 0px;
    font-weight:normal;
    border-radius: 30px;
    margin-bottom:20px;
    text-align:center;
}


.list1{
    padding-left:30px;
}

.list1 li{
    list-style-type: none;
    margin:0 0 15px 0;
}
.list1 ul li:before {
    content: "■";
    position:absolute;
    top:-2px;
    left:-1em;
    margin-right:10px;
}


/* -----------------------------------------------
 施設のご案内
----------------------------------------------- */
.btmBItemTitle2{
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/bg3.jpg?t=1583372539);
    width:380px;
    height:55px;
    padding-top:25px;
    border-bottom:1px solid #444;
}
.btmBItemTitle2 p{
    font-size:21px;
    color:#00103f;
    text-align:center;
    line-height:1em;
}


/* -----------------------------------------------
  各施設ページ
----------------------------------------------- */
h2.sisetu{
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/icon2.png?t=1583377504) no-repeat, #57a7e1;
    background-position: left 30px center;
    height:50px;
    color:#FFF;
    font-size:28px;
    padding:10px 0 0 90px;
    font-weight:normal;
    border-radius: 0px 30px 30px 0px;
    margin-bottom:20px;
}

h3.h3Sisetu{
    border-left: 10px solid #2db200;
    font-size:17px;
    font-weight:normal;
    height:30px;
    padding: 10px 0 8px 10px;
    margin:10px 0;
}
h3.h3Sisetu:after{
    content:'';
    display: block;
    background: #2db200;
    height: 1px;
    width: 100%;
    margin: 5px 0 0 -10px;
}

.button4 a{
    width:400px;
    height:40px;
    background:#2db200;
    display:block;
    text-decoration:none !important;
    font-size:28px;
    padding:20px 0 0 10px;
    margin:50px auto 30px;
    color:#FFF !important;
    border-radius:4em / 8em;
    text-align:center;
    transition: all 0.2s linear;
    box-shadow: 1px 1px 5px #999;
}

.button4 a:hover{ background:#2ba800;}

.shisetsuTitle {font:normal 44px/90% “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “メイリオ”, Meiryo, serif !important; 
      margin:0px 0 50px 0; text-align: center;}

.gateballBtn a{
    width:230px;
    height:30px;
    display:block;
    text-decoration:none !important;
    font-size:14px;
    padding:10px 0 0 10px;
    margin:30px 0 10px 0;
    color:#444 !important;
    border:1px solid #444;
    text-align:center;
    transition: all 0.2s linear;
    position : relative;
}
.gateballBtn a:before{
    content:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/arrow.png?t=1583283703);
    position : absolute;
    top:12px;
    left:10px;
}
.gateballBtn a:hover{ background:#EEE;}

/* -----宇野キャンプ場の注意事項
----------------------------------------------- */
.unocamp{
    width:100%;
    height:330px;
    background:#F3FAFD;
    border:1px solid #444;
    margin:10px 0 100px 0;
}
.unocampTitle{
    background:#57a7e1;
    width:100%;
    height:37px;
    padding:23px 0 0 0px;
    border-bottom:1px solid #444;
}
.unocampTitle p{
    font-size:24px;
    color:#FFF;
    line-height:0.8em;
    margin-left:40px;
}

.unocampIn{height:250px; padding:20px 40px; display:flex;}
.unocampIn p{font-size:17px;}
.unocampIn p.red{color:#ff0000;}

.unocampIn ul{
    width:400px;
    margin:5px 0 0px 0;
    padding:0px 0 0 40px;
}
.unocampIn li{
    list-style-type: disc;

}

/* -----------------------------------------------
 花ごよみ
----------------------------------------------- */
.hanaCon{display:flex; justify-content:space-between;}
.hanaItem{width:300px; height:500px;}
.hanaItem p{padding:10px;}
.hanaItem p.hanaName{font-size:20px; text-align:center;}


/* -----------------------------------------------
 blogBlock 各施設ページ下部のブログ記事表示
----------------------------------------------- */
#blogBlock{
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/bg1.jpg?t=1583216730);
    padding:40px 0;
    margin-top:35px;
    width: 100vw;
    position: relative;
    left: 50%;
     right: 50%;
     margin-left: -50vw;
     margin-right: -50vw;
}
#blogBlockCon{background:#FFF; border: 2px solid #444; padding:20px;}

.blogBlockT{
    width:350px;
    height:50px;
    background:#5cbbe9;
    color:#00103f;
    font-size:29px;
    padding:30px 0 0 30px;
    margin-bottom:15px;
}
.blogBlockT span{font-size:17px; margin-left:30px;}


/* -----------------------------------------------
 ブログ　教室紹介
----------------------------------------------- */
.kyousitu-day{
    font-size:22px;
    text-align:center;
    border-top: 2px solid #57a7e1;
    border-bottom: 2px solid #57a7e1;
    padding: 10px 0;
}

/* -----------------------------------------------
 btmBlock ご利用の皆様へ・各種教室のご案内・季節の花ごよみ
----------------------------------------------- */
#btmBlock{
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/bg1.jpg?t=1583216730);
    padding:40px 0;
    margin-top:35px;
    display:none;
}
.btmBlockCon{display:flex; justify-content:space-between;}

.btmBlockItem{
    width:380px;
    height:515px;
    background:#FFF;
    border:1px solid #444;
}
.btmBItemTitle{
    background:#5cbbe9;
    width:380px;
    height:60px;
    padding-top:20px;
    border-bottom:1px solid #444;
}
.btmBItemTitle p{
    font-size:29px;
    color:#00103f;
    text-align:center;
    line-height:0.8em;
}
.btmBItemTitle span, .btmBItemTitle2 span{
    font-size:15px;
    color:#FFF;
}
.btmBItemIn{height:405px; padding:10px; position:relative;}
.btmBItemIn p{font-size:14px; margin-top:15px; line-height:1.5em; padding:0 5px;}


.button3{position:absolute; bottom:25px; left:0; right:0; margin:auto;}
.button3 a{
    width:151px;
    height:28px;
    display:block;
    text-decoration:none !important;
    font-size:12px;
    padding:7px 0 0 0px;
    margin:20px auto 0;
    color:#444 !important;
    border:1px solid #444;
    text-align:center;
    transition: all 0.2s linear;
}
.button3 a:after{
    content:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/arrow.png?t=1583283703);
    position : relative;
    top:3px;
    right:-20px;
}
.button3 a:hover{ border:1px solid #57a7e1; background:#57a7e1; color:#FFF !important;}


/* -----------------------------------------------
 btmBlock 施設のご案内
----------------------------------------------- */
#cc-m-6996031918 .btmBlockCon{
    justify-content: flex-start;
}
#cc-m-6996031918 .btmBlockCon .btmBlockItem:not(:last-child){
    margin-right: 22px;
}


/* -----------------------------------------------
  お問い合わせ
----------------------------------------------- */
/* 送信ボタン */
.j-formnew input[type="submit"]{
    color:#fff !important;
    background:#57a7e1 !important;
    border: 1px solid #57a7e1 !important;
    padding:8px 25px !important;
    border-radius:5px !important;
    margin-top:30px;
}
.j-formnew input[type="submit"]:hover{
    color:#003366 !important;
    background:#fff !important;
    border: 1px solid #57a7e1 !important;

}

/* -----------------------------------------------
 フッターナビゲーション
----------------------------------------------- */

#navigation{
    margin:30px auto 0;

}
.nCon {

    display: table;
    margin: 0 auto;
    height:auto;
    min-height:30px;

}

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li{
    display: inline;
    margin: 0;	
    padding: 0;
    float:left;
}
ul.mainNav2 li{
    display: inline;
    margin: 0;	
    padding: 0;
    background:#EEE;
}

ul.mainNav1 li a,
ul.mainNav2 li a
{
    text-decoration: none;
    color:#444;
    font-size:14px;
}


ul.mainNav1 li {border-right:1px solid #444;}
ul.mainNav1 li:first-child{border-left:1px solid #444;}

ul.mainNav1 li a { padding:0px 15px;}
ul.mainNav2 li a { padding:0px 15px; }
ul.mainNav3 li a { padding:0px 15px; }


ul.mainNav1 a:hover{ color:#999;}

ul.mainNav1 a.current { font-weight:bold; }


/* -----------------------------------------------
 外部リンクバナー （sidebar）
----------------------------------------------- */
#sidebar{margin-top:50px;}
#banner{
    display:inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#banner img{margin:2px;}

/* -----------------------------------------------
 フッター
----------------------------------------------- */

#footer{
    height:657px;
    margin-top:35px;
    background:url(https://u.jimcdn.com/cms/o/sb062be22b144f029/userlayout/img/bg2.jpg?t=1583216808);
}
#footer a{color:#444;}

.fAdd{margin-top:50px;}
.fCon{display:flex;}

.fItem{
    display:flex;
    display:inline-flex;
    margin-bottom:20px;
}
.fItem p.eigyou{color:#FFF; font-size:23px;}
.fItem p.right{text-align:right;}
.fItem img{margin-right:19px;}

.adress{
    width:500px;
    background:rgba(255,255,255,0.8);
    padding:25px;
}
.adress p{line-height:1.2em !important;}
.adress p.fName{font-size:27px; margin-bottom:20px;}
.adress p.fName span{font-size:18px;}
.adress p.fPlace{font-size:23px;}

.adress p.fTel{font-size:28px;}
.adress p.fTel2{font-size:28px; line-height:0.8em !important;}
.adress p.fTel span, .adress p.fTel2 span{font-size:16px;}


#footer .gutter 
{
    height:30px;
    padding:35px 15px 0 0px;
}

.copyright{text-align:center; padding: 30px 0;}