/* --------------------------
 * adjustment
-------------------------- */
body {font-size:13px;line-height:21px; overflow-x:hidden;-webkit-text-size-adjust: 100%; }
figure {margin: 0;padding: 0; display: block;line-height: 0;}
figure img { height:auto; width:100%;margin: 0;padding: 0;}
.cf:before,.cf:after {content:"";display:table;}.cf:after {clear:both;}.cf {zoom:1;}
a.alpha img{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
a.alpha:hover img {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.container {width: 1000px; margin:0 auto;}
.container:after {content:"";display:table;clear:both;}
a {text-decoration: none;color: #000;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
a:hover  {text-decoration: none; color: #0090d7;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
hr {clear: both;padding: 0;border-width: 1px 0 0 0;border-style: solid;border-color: #eee;height: 1px;}
h1,h2,h3,h4,p {margin: 0;padding: 0;font-size: 13px; font-weight: normal;}
.color { background-color: #def5ff;}
.cover {background-size: cover; }
/* ---------------------------------
 * layout   main color : #0090d7;
------------------------------------ */
html,body.home {height: 100%;}
#wrapper {width: 100%; height: auto; margin: 0 auto; min-width: 1000px;}

/* home */

.home #intro {height: 100%; width: 100%; position: relative; min-height: 610px; background-image:url(../images/slider/01.jpg); background-size:cover; background-repeat:no-repeat;}

.home #intro #header {width: 100%; height:auto; /*background-image: url(../images/index_header_bg.png); background-repeat: repeat;*/}
.home #intro #header > .gnav { width: 100%;  display: block;padding:15px 0px 20px;-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out;}
.home #intro #header > .gnav > .container {}
.home #intro #header > .gnav > .container .logo {margin-top: -10px; width: 305px; height: 50px; float: left;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.home #intro #header > .gnav > .container .logo img {width: 305px; height: auto;}
.home #intro #header > .gnav.fixed {position: fixed;top: 0;width: 100%;z-index: 10000;padding: 10px 0px; background-color: #fff;}
.home #intro #header > .gnav.fixed > .container .logo {margin-top: 0px;}
.home #intro #header > .gnav > .container > ul { float: right; display: block;}
.home #intro #header > .gnav > .container > ul > li { font-weight: bold; text-align: center;line-height: 50px; font-size: 12px; display: block; height: 50px; float: left;}
.home #intro #header > .gnav > .container > ul > li:first-child { border-left: none;}
.home #intro #header > .gnav > .container > ul > li > a { font-weight: normal; display: block; height:60px;padding: 0px; padding-left:20px;}
.home #intro #header > .gnav > .container > ul > li > a:hover {text-decoration: none;}
.home #intro #header > .gnav > .container > ul > li.toggle { position: relative;}
.home #intro #header > .gnav > .container > ul > li.toggle > ul {display: none;position: absolute;  z-index:9999; width: 200px;height: auto; top: 50px; left: 20px;}
.home #intro #header > .gnav > .container > ul > li.toggle.lastMenu > ul {display: none; position: absolute;  z-index:9999; width: 150px;height: auto; bottom: 50px; left:-70px;}
.home #intro #header > .gnav > .container > ul > li.toggle > ul > li { display: block; height: 30px; line-height: 30px; text-align: left;border-top: 1px solid #ccc;}
.home #intro #header > .gnav > .container > ul > li.toggle > ul > li:first-child { border-top:none;}
.home #intro #header > .gnav > .container > ul > li.toggle > ul > li a { font-weight: normal; padding-left: 10px;background-color: #eee;display: block;height: 30px; line-height: 30px;}
.home #intro #header > .gnav > .container > ul > li.toggle > ul > li a .fa { margin-right: 5px;color: #0090d7}
.home #intro #header > .gnav > .container > ul > li.toggle > ul > li a:hover { background-color:#fff799; color: #000; border-top: none; text-decoration: none;}
.home #intro #header > .gnav > .container > ul > li.toggle > ul > li a:hover .fa {color: #0090d7;}
.home #intro #header > .gnav > .container > ul > li.toggle a .fa { margin-left: 5px; color: #0090d7;font-size: 12px;}

.home #intro #header > .subNav { width: 100%;}
.home #intro #header > .subNav > .container {}
.home #intro #header > .subNav > .container > ul {width: 510px; height: 25px;float: right;}
.home #intro #header > .subNav > .container > ul > li { display: block;float: left; width: 120px; height: 25px;margin-left: 10px;}
.home #intro #header > .subNav > .container > ul > li:first-child { margin-left: 0px;}
.home #intro #header > .subNav > .container > ul > li a { color:#fff; font-size:12px; width: 120px; height: 25px; display: block; background-color: #0090d7; line-height: 23px; text-align: center;}
.home #intro #header > .subNav > .container > ul > li a:hover {background-color: #003B57; text-decoration: none;}

.home #intro .scrollBtn { z-index: 99;position: absolute; bottom: 30px; display: block; text-align: center; width: 100%; height: 93px;}
.home #intro .scrollBtn.up { z-index: 99;position: absolute; bottom: 80px; display: block; text-align: center; width: 100%; height: 93px;}
.home #intro .scrollBtn img {  cursor: pointer; height: 93px; width: 30px;}
.home #intro .scrollBtn img:hover {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}

.home #intro .inner {width: 100%; position:absolute; height: 500px; bottom: 0; }
.home #intro .inner > .container { height: 100%; position: relative;}

.home #intro .inner > .container > .lead {position: absolute;top: 30px; left: 0;}
.home #intro .inner > .container > .lead > figure { width: 380px;}

.home #intro .inner > .container > .youtube {display: block; width: 200px; height: 113px; position: absolute;right: 0; bottom:230px;}

.home #intro .inner > .container > .livecam { z-index:100; display: block; width: 200px; height: 210px; position: absolute;right: 0; bottom:0px; background-color: #0090d7; border-top-right-radius : 0.5em;-moz-border-top-right-radius : 0.5em;-webkit-border-top-right-radius : 0.5em;-o-border-top-right-radius : 0.5em;-ms-border-top-right-radius : 0.5em;border-top-left-radius : 0.5em;-moz-border-top-left-radius : 0.5em;-webkit-border-top-left-radius : 0.5em;-o-border-top-left-radius : 0.5em;-ms-border-top-left-radius : 0.5em;}
.home #intro .inner > .container > .livecam.up {display: block; width: 200px; height: 210px; position: absolute;right: 0; bottom:55px; background-color: #0090d7; border-top-right-radius : 0.5em;-moz-border-top-right-radius : 0.5em;-webkit-border-top-right-radius : 0.5em;-o-border-top-right-radius : 0.5em;-ms-border-top-right-radius : 0.5em;border-top-left-radius : 0.5em;-moz-border-top-left-radius : 0.5em;-webkit-border-top-left-radius : 0.5em;-o-border-top-left-radius : 0.5em;-ms-border-top-left-radius : 0.5em;}
.home #intro .inner > .container > .livecam h2 { text-indent: -9999px; height: 30px; width: 170px; margin: 15px;padding: 0;text-align: center;margin-top: 15px; background-image: url(../images/zekkei_logo.png); background-size: 170px 30px; background-repeat: no-repeat; background-position: top left;}
.home #intro .inner > .container > .livecam .char {z-index:101; position: absolute; bottom: 7px; right: 10px; width: 40px; height: 60px;display: block;background-image: url(../images/zekkeikun_char.png); background-size: 40px 60px; background-repeat: no-repeat; background-position: top left;}
.home #intro .inner > .container > .livecam figure { margin: 0px 15px 7px;}
.home #intro .inner > .container > .livecam p {color: #D2DEE4; margin-left: 15px; font-size: 9px;line-height: 10px; }

.home #intro .inner > .container > .pickup { z-index: 999; position: absolute; bottom: 30px; left: 0;height: 160px;width: 420px; display: block;}
.home #intro .inner > .container > .pickup.up {position: absolute; bottom: 90px; right: 0;height: 160px;width:420px; display: block;}
.home #intro .inner > .container > .pickup h2 {font-weight: bold; color: #FFF; height: 30px;line-height: 30px;font-size: 18px;margin-bottom: 10px;}
.home #intro .inner > .container > .pickup h2 span { font-size: 11px;margin-left: 10px;color: #0090d7;}
.home #intro .inner > .container > .pickup > ul {display: block;height:130px; width: 420px;margin: 0 auto;padding: 0; list-style: none;}
.home #intro .inner > .container > .pickup > ul > li { position: relative;width:200px; height: 130px;margin-left: 20px; float: left;}
.home #intro .inner > .container > .pickup > ul > li:first-child {margin-left: 0;}
.home #intro .inner > .container > .pickup > ul > li > a {background-color: #fff;display: block;width: 200px; height: 130px;/*  border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px; overflow: hidden; */}
.home #intro .inner > .container > .pickup > ul > li > a > figure {}
.home #intro .inner > .container > .pickup > ul > li > a > figure img {}
.home #intro .inner > .container > .pickup > ul > li > a:hover { text-decoration: none;}

.home #intro .inner > .container > #hotline { position: absolute; bottom: 25px; left: 0;height: 30px;width: 1000px; display: block; }
.home #intro .inner > .container > #hotline > .inner {display: block;height: 30px;padding: 0; list-style: none; background-color: #fff;overflow:hidden;}
.home #intro .inner > .container > #hotline > .inner h2 { display: block; background-color: #0090d7; font-size: 11px; font-weight: bold;color:#fff; float: left;  text-align: center; width: 160px;height: 30px; line-height: 30px;}
.home #intro .inner > .container > #hotline > .inner ul { width: 810px; height: 30px; line-height: 30px;padding-left: 20px; float: left; overflow: hidden;padding-right: 10px; }
.home #intro .inner > .container > #hotline > .inner ul li { font-size: 11px; display:block; height: 30px; line-height: 30px;color: #313131;overflow: hidden;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}

.home .postList {padding: 0px;padding-bottom: 50px; background-color: #f1f1f1;}
.home .postList h1 { width: 240px; margin: 80px auto 60px; text-align: center; font-size: 30px;color:#0090d7;}
.home .postList h1 span { display: block; font-size: 12px;margin-top: 15px;}
.home .postList ul {margin: 0;padding: 0;}
.home .postList ul li {position: relative; display: block;float: left;margin-left: 20px; width: 235px; height:270px; background-color: #FFF;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px; /*background-image: url(../images/box_arrow.png); background-position: right bottom; background-size: 10px; background-repeat: no-repeat;*/}
.home .postList ul li:first-child {margin-left: 0;}
.home .postList ul li figure { display: block;position: relative;}
.home .postList ul li figure img {border-top-right-radius : 5px;-moz-border-top-right-radius : 5px;-webkit-border-top-right-radius : 5px;-o-border-top-right-radius : 5px;-ms-border-top-right-radius : 5px;border-top-left-radius : 5px;-moz-border-top-left-radius : 5px;-webkit-border-top-left-radius : 5px;-o-border-top-left-radius : 5px;-ms-border-top-left-radius : 5px;}
.home .postList ul li span {width: 100%; text-align: center; font-size: 11px; font-weight: normal; display: block;color: #FFF;height: 20px; line-height:20px;}

.home .postList ul li h2 { font-size: 12px; font-weight: normal;line-height: 24px;padding: 15px;}
.home .postList ul li h2 a {color: #313131;}
.home .postList ul li h2 a:hover {color: #0090d7;}
.home .postList ul li .text { font-size: 12px;margin-bottom: 10px;}
.home .postList ul li .date { position:absolute; bottom:0px; right:0px;font-size: 12px; color: #666;height: 30px; line-height: 30px; padding: 0 15px 10px;}
.home .postList ul li .date .fa {margin-right: 5px;color:#0090d7;}

.home #contents { z-index: 900; background-color: #FFF; display: block; width: 100%;/*letter-spacing: .05em;*/}
.home .desc { background-color: #fff; width: 100%; display: block; padding: 100px 0px; background-image: url(../images/desc_bg_img.jpg); background-repeat: no-repeat; background-position: center;}
.home .desc .en {font-size: 60px; text-align: center;margin-bottom: 100px;color:#FFF;}
.home .desc h1 {text-align: center; font-size: 36px;margin-bottom: 50px;color:#fff;}
.home .desc h2 {font-size: 14px;line-height: 28px; margin: 0px auto; width: 680px;margin-bottom: 50px; color:#fff;}
.home .desc .bdrBtn { width: 1000px; height: 50px; margin: 0 auto;}
.home .desc .bdrBtn ul { text-align: center; height: 40px;margin: 0;padding: 0;}
.home .desc .bdrBtn ul li { display: inline-block;width: 202px; height: 42px; margin: 0 15px;}
.home .desc .bdrBtn ul li a {border: 1px solid #FFF; color: #FFF; display: block; width: 200px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; font-weight: bold;}
.home .desc .bdrBtn ul li a .fa { margin-left: 15px;}
.home .desc .bdrBtn ul li a:hover {border:1px solid #0090d7; background-color:#0090d7; color: #fff; text-decoration: none; }

.home .block { background-color: #fff; width: 100%}
.home .block h1 { width: 100%; padding: 0px 0px 80px; text-align: center; font-size: 30px;color:#0090d7;}
.home .block h1 span { display: block; font-size: 12px;margin-top: 15px;}
.home .block h2 { text-align: center; font-size: 18px; width: 100%; color: #FFF; display: block;padding-top: 100px;}
.home .block h2 span { display: block; font-size: 12px;line-height: 18px;margin-top: 10px;}
.home .block .mosaic-block {margin: 0;padding: 0; overflow: hidden;}
.home .block .mosaic-block a:hover {text-decoration: none;}
.home .block .mosaic-block img{ -moz-transition: -moz-transform 0.2s linear;-webkit-transition: -webkit-transform 0.2s linear;-o-transition: -o-transform 0.2s linear;-ms-transition: -ms-transform 0.2s linear;transition: transform 0.2s linear;}
.home .block .mosaic-block:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.home .pagetop.fix { text-align: center; height: 25px; background-color: #19B3FF;}

/* misc */
.misc #header {width: 100%; height: 115px;}
.misc #header .gnav { height: 50px; width: 100%;  display: block;padding: 15px 0 30px ;-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out;}
.misc #header .gnav.fixed {position: fixed;top: 0;width: 100%;z-index: 999;padding: 10px 0px; background-color: #fff; border-bottom: 1px solid #eee;}
.misc #header .gnav .container {}
.misc #header .gnav .container .logo { width: 305px; height: 50px; float: left;margin-top: -10px; }
.misc #header .gnav .container .logo img {width: 305px; height: auto;}
.misc #header .gnav.fixed .container .logo {margin-top: 0px;}
.misc #header .gnav .container > ul { float: right; display: block;}
.misc #header .gnav .container > ul > li { font-weight: bold; text-align: center;line-height: 50px; font-size: 12px; display: block; height: 60px; float: left;}
.misc #header .gnav .container > ul > li:first-child { border-left: none;}
.misc #header .gnav .container > ul > li > a { font-weight: normal; display: block; height: 50px;padding: 0px; padding-left:20px;}
.misc #header .gnav .container > ul > li > a:hover {text-decoration: none;}
.misc #header .gnav .container > ul > li.toggle { position: relative;}
.misc #header .gnav .container > ul > li.toggle > ul {display: none;position: absolute;  z-index:9999; width: 200px;height: auto; top: 60px; left: 20px;}
.misc #header .gnav .container > ul > li.toggle.lastMenu > ul {display: none; position: absolute;  z-index:9999; width: 150px;height: auto; bottom: 60px; left:-70px;}
.misc #header .gnav .container > ul > li.toggle > ul > li { display: block; height: 30px; line-height: 30px; text-align: left;border-top: 1px solid #ccc;}
.misc #header .gnav .container > ul > li.toggle > ul > li:first-child { border-top:none;}
.misc #header .gnav .container > ul > li.toggle > ul > li a { font-weight: normal; padding-left: 10px;background-color: #f7f4ef;display: block;height: 30px; line-height: 30px;}
.misc #header .gnav .container > ul > li.toggle > ul > li a .fa { margin-right: 5px;color: #0090d7}
.misc #header .gnav .container > ul > li.toggle > ul > li a:hover { background-color:#fff799; color: #000; border-top: none; text-decoration: none;}
.misc #header .gnav .container > ul > li.toggle > ul > li a:hover .fa {color: #0090d7;}
.misc #header .gnav .container > ul > li.toggle a .fa { margin-left: 5px; color: #ccc;font-size: 12px;}

.misc #header > .subNav { width: 100%;}
.misc #header > .subNav > .container {}
.misc #header > .subNav > .container > ul {width:510px; height: 25px;float: right;}
.misc #header > .subNav > .container > ul > li { display: block;float: left; width: 120px; height: 25px;margin-left: 10px;}
.misc #header > .subNav > .container > ul > li:first-child { margin-left: 0px;}
.misc #header > .subNav > .container > ul > li a { color:#fff; font-size:12px; width: 120px; height: 25px; display: block; background-color: #0090d7; line-height: 23px; text-align: center;}
.misc #header > .subNav > .container > ul > li a:hover {background-color: #003B57; text-decoration: none;}

.misc #contents {display: block; width: 100%;/*letter-spacing: .05em;*/padding: 0px; min-height: 300px;padding-bottom: 50px;}
.misc #contents .container {position: relative;}
.misc #contents .container .calBtn_top {display: block; width: 300px; position: absolute; right: 0;top: -136px; z-index: 99;}
.misc #contents .container .calBtn_top a { font-size: 14px; display: block; background-color:#0090d7;color: #fff; height: 50px; line-height: 50px;padding-left: 20px;}
.misc #contents .container .calBtn_top a .fa-calendar { margin-right: 10px; color:#fff;}
.misc #contents .container .calBtn_top a .fa-chevron-right { float: right; margin-right: 20px; line-height: 50px; color:#fff;}
.misc #contents .container .calBtn_top a:hover { background-color: #003B57; }

.misc #contents h1.title { margin: 80px auto 80px; text-align: center; font-size: 30px;color:#0090d7;}
.misc #contents h1.title span { display: block; font-size: 12px;margin-top: 15px;}
.misc #contents h1.title_min { margin: 50px auto 50px; text-align: center; font-size: 21px;line-height: 48px;}
.misc #contents h2.title { margin: 0px auto 30px;font-size: 18px;color:#313131;}
.misc #contents h2.title span { font-size: 11px;margin-left: 10px;}
.misc #contents h2.title .fa {color:#0090d7;margin-right: 10px;margin-left: 5px;}

.misc #eyecatch {width: 100%;margin: 0;padding: 0; min-height: 200px;}
.misc #eyecatch img { width: 100%; height: auto;margin: 0;padding: 0;}

.misc #contents .block.min {display: block;width: 475px; float: left;}
.misc #contents .block.min h2 {float: left; width: 150px; font-weight: bold; font-size: 14px;}
.misc #contents .block.min .inner {float: left; width: 325px;}

.misc #contents .block.facility {margin-bottom: 0px;}
.misc #contents .block.facility h1 { font-size: 24px; line-height: 48px; margin-bottom: 50px;text-align: center;}
.misc #contents .block.facility .info{font-size: 14px;line-height: 28px; width:  1000px; margin: 0 auto;margin-bottom: 50px; }
.misc #contents .block.facility .text{font-size: 14px;line-height:30px; width: 1000px;margin-right: 50px;}
.misc #contents .block.facility .postList {font-size: 14px;line-height: 26px; width: 300px; float: left; display: block;}
.misc #contents .block.facility .postList .postInner {display: block; overflow: scroll; height: 320px;border: 1px solid #ddd; border-top: none;}
.misc #contents .block.facility .postList h2 {padding: 13px 0px 10px; font-size: 10px;text-align: center; line-height: 21px;color: #0090d7;border: 1px solid #ddd; }
.misc #contents .block.facility .postList h2 span { display: block; font-size: 18px;}
.misc #contents .block.facility .postList ul {padding: 20px;background-color: #fafafa;}
.misc #contents .block.facility .postList ul li { font-size: 11px; line-height: 18px; border-top: 1px dotted #ddd;padding-top: 20px;margin-top: 20px;}
.misc #contents .block.facility .postList ul li:first-child { border-top: none;margin-top: 0;padding-top: 0;}
.misc #contents .block.facility .postList ul li span { display: block; color: #0090d7;margin-bottom: 5px;}
.misc #contents .block.facility .postList ul li a { display: block;}
.misc #contents .block.facility .postList ul li a:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.misc #contents .block.facility .postList ul li a img {float: left;margin-right: 15px; height: 60px; width: 60px;}
.misc #contents .block.facility .postList ul li a:hover {}

.misc #contents .block.facility .col-4 {display: block; width: 300px; float: left;margin-left: 50px;}
.misc #contents .block.facility .col-4:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.misc #contents .block.facility .col-4:first-child {margin-left: 0px;}
.misc #contents .block.facility .col-4 .inner { width: 300px; height: auto; margin: 0;padding: 0;}
.misc #contents .block.facility .col-4 .inner img { margin: 0;padding: 0;width: 300px;height: auto;}
.misc #contents .block.facility .col-4 .inner .largeImg { margin: 0;padding: 0;width: 300px;height: 200px;margin-bottom: 10px;}
.misc #contents .block.facility .col-4 .inner .thumbList {width: 300px;margin: 0;padding: 0; height: 60px;}
.misc #contents .block.facility .col-4 .inner .thumbList ul {margin: 0;padding: 0;margin-left: 5px;}
.misc #contents .block.facility .col-4 .inner .thumbList ul li { float: left; display: block; width: 94px;margin: 0;padding: 0;margin-left: 6px;}
.misc #contents .block.facility .col-4 .inner .thumbList ul li:first-child {margin-left: 0px;}
.misc #contents .block.facility .col-4 .inner .thumbList ul li img {border: 2px solid #FFF;width:90px; height: 60px;display: block;margin: 0;padding: 0;cursor:pointer;}
.misc #contents .block.facility .col-4 .inner .thumbList ul li img.active {border: 2px solid #0090d7;}
.misc #contents .block.facility .col-4 .inner .thumbList ul li img:hover {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

.misc #contents .block.facility .col-6 .inner .largeImg { margin: 0;padding: 0;width: 475px;height: 317px;margin-bottom: 10px;}
.misc #contents .block.facility .col-6 .inner .thumbList {width: 475px;margin: 0;padding: 0; height: 98px;}
.misc #contents .block.facility .col-6 .inner .thumbList ul {margin: 0;padding: 0;margin-left: 5px;}
.misc #contents .block.facility .col-6 .inner .thumbList ul li { float: left; display: block; width: 151px;margin: 0;padding: 0;margin-left: 8px;}
.misc #contents .block.facility .col-6 .inner .thumbList ul li:first-child {margin-left: 0px;}
.misc #contents .block.facility .col-6 .inner .thumbList ul li img {border: 2px solid #FFF;width:147px; height: 98px;display: block;margin: 0;padding: 0;cursor:pointer;}
.misc #contents .block.facility .col-6 .inner .thumbList ul li img.active {border: 2px solid #0090d7;}
.misc #contents .block.facility .col-6 .inner .thumbList ul li img:hover {filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.misc #contents .block.facility .col-6 .inner p {margin-top: 25px;}
.misc #contents .block.facility .natureWrap .col-6 {display: block; width: 475px; float: left;height: 640px;margin: 0;padding: 0;}
.misc #contents .block.facility .natureWrap .col-6:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.misc #contents .block.facility .natureWrap .col-6:first-child {margin-left: 0px;}
.misc #contents .block.facility .natureWrap .col-6 .inner { width: 475px; margin: 0;padding: 0;}
.misc #contents .block.facility .natureWrap .col-6 .inner .gray {text-align: center; margin-top: 20px; font-size: 11px;display: block; background-color: #eee; padding: 5px 10px;border-radius: 10em;-moz-border-radius: 10em;-webkit-border-radius: 10em;-o-border-radius: 10em;-ms-border-radius: 10em;}
.misc #contents .block.facility .natureWrap .col-6 h2 {  border: 1px solid #0090d7;padding: 10px; font-size: 18px; text-align: center; font-weight: normal;color:#0090d7;}

.misc #contents .block.facility .col-3 {display: block; width: 212px; float: left;margin-left: 50px;}
.misc #contents .block.facility .col-3:first-child {margin-left: 0px;}
.misc #contents .block.facility .col-3 .inner { width: 212px; height: auto; padding: 0;}
.misc #contents .block.facility .col-3 .inner img { margin: 0;padding: 0;width: 212px;height: auto;}
.misc #contents .block.facility .col-3 a {position: relative;}
.misc #contents .block.facility .col-3 a .fa { position: absolute;right: 10px; bottom: 10px; color: #ccc; font-size: 14px;}
.misc #contents .block.facility .col-4 h2 { height: 50px; line-height: 50px; overflow: hidden;font-size: 16px; text-align: center; font-weight: normal;margin-bottom: 15px;color:#FFF; background-color: #0090d7;border-top-right-radius : 0.5em;-moz-border-top-right-radius : 0.5em;-webkit-border-top-right-radius : 0.5em;-o-border-top-right-radius : 0.5em;-ms-border-top-right-radius : 0.5em;border-top-left-radius : 0.5em;-moz-border-top-left-radius : 0.5em;-webkit-border-top-left-radius : 0.5em;-o-border-top-left-radius : 0.5em;-ms-border-top-left-radius : 0.5em;}
.misc #contents .block.facility .col-4 h2 a { display: block; color:#FFF; background-color: #0090d7; text-align: left;padding-left: 20px;}
.misc #contents .block.facility .col-4 h2 a .fa { float: right;margin-right: 20px; line-height: 50px; font-size: 18px;}
.misc #contents .block.facility .col-4 h2 a:hover { display: block; color:#FFF; background-color: #003B57; text-decoration: none;}
.misc #contents .block.facility .col-4 h2:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.misc #contents .block.facility .col-3 h2 { border: 1px solid #0090d7;padding: 10px; font-size: 14px; text-align: center; font-weight: normal;color:#0090d7;}
.misc #contents .block.facility .col-4 .inner .gray {text-align: center; margin-top: 20px; font-size: 11px;display: block; background-color: #eee; padding: 5px 10px;border-radius: 10em;-moz-border-radius: 10em;-webkit-border-radius: 10em;-o-border-radius: 10em;-ms-border-radius: 10em;}
.misc #contents .block.facility .col-3 .inner .gray {text-align: center;font-size: 11px;display: block; background-color: #eee; padding: 5px 10px;border-radius: 10em;-moz-border-radius: 10em;-webkit-border-radius: 10em;-o-border-radius: 10em;-ms-border-radius: 10em;}
.misc #contents .block.facility .inner p {margin-top: 10px; font-size: 12px;}
.misc #contents .block.facility .col-4 .more {text-align: right;margin-top: 10px;}
.misc #contents .block.facility .col-4 .more a { float: right; display: block; text-align: center; color: #313131; border: 1px solid #ccc; width: 120px; height: 25px; line-height: 25px;}
.misc #contents .block.facility .col-4 .more a:hover {text-decoration: underline;}
.misc #contents .block.facility .col-4 .more .fa {margin-right: 10px; color: #0090d7;}
.misc #contents .block.facility .col-4 hr {clear: both;padding: 0;border-width: 1px 0 0 0;border-style: solid;border-color: #0090d7;height: 1px;}

.misc #contents .block.facility .col-6 {display: block; width: 650px; float: left;margin-left: 50px;}
.misc #contents .block.facility .col-6 > h2 {margin-bottom: 20px;font-size: 16px; line-height: 28px;}
.misc #contents .block.facility .col-6 > h3 {margin-bottom: 10px;font-size: 14px; line-height: 24px;}
.misc #contents .block.facility .col-6 .gray { background-color: #eee; padding: 12px 20px;}
.misc #contents .block.facility .col-6 .gray a {color:#0090d7; }
.misc #contents .block.facility .col-6 .gray a:hover { text-decoration: underline;}

.misc #contents .block.facility .lesson {margin-bottom: 0px; border: 2px solid #eee; padding: 25px;}
.misc #contents .block.facility .lesson ul {}
.misc #contents .block.facility .lesson ul li { font-size: 12px; line-height: 18px;margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc;}
.misc #contents .block.facility .lesson ul li:first-child {margin-top: 0px; padding-top: 0px; border-top:none;}
.misc #contents .block.facility .lesson ul li h3 {color: #0090d7;font-size: 14px; font-weight: bold;margin-bottom: 10px;}
.misc #contents .block.facility .lesson ul li h3 .fa {margin-right: 10px;}

.misc #contents .block.facility .borderWrap { margin-top: 25px;border: 3px solid #0090d7; padding: 25px; background-color: #FAFAFA;}
.misc #contents .block.facility .borderWrap > h2 {margin-top: 25px;font-size:18px;}
.misc #contents .block.facility .borderWrap > h2 > .fa { color: #0090d7; margin-right: 10px; }

.misc #contents .detailBox {margin-bottom: 50px;}
.misc #contents .detailBox #forecast_div {width:700px; display:block;}
.misc #contents .detailBox #forecast_div table{margin: 0;padding: 0;}

.cal_arrow { z-index:999; cursor:pointer; position:fixed; top:40%; right:0px; display: block; height:200px; width:50px; background-size: 50px 200px; background-image:url(../images/cal_arrow.png); background-repeat:no-repeat; background-position:top left;}

#seasonWrap {padding-top: 1px;}
#seasonWrap.spring { background-color:#FFF15A;}
#seasonWrap.summer { background-color:#CDF159;}
#seasonWrap.summer02 { background-color:#32B2D7;}
#seasonWrap.autumn { background-color:#FEA823;}
#seasonWrap.winter { background-color:#EEEEEE;}
#seasonWrap .tx {margin-top: 10px;}
#seasonWrap h2 { background-color:#fff;margin-bottom: 25px;}
#seasonWrap .inner { position:relative}
#seasonWrap .inner .note { z-index:99; position:absolute; top:0px; right:0px; font-size:11px; height:30px; line-height:30px; color:#FFF; background-color:#D90D43;margin: 0;padding: 0 10px;}
.misc #contents #seasonWrap .block.facility .col-3 h2 { border:none; }
.misc #contents #seasonWrap h1.title {margin-bottom: 50px; }
.misc #contents #seasonWrap.summer02 h1.title,
.misc #contents #seasonWrap.autumn h1.title {color:#fff;}

.example { font-size:16px;margin-top: 15px;}
.example ul { text-align:center;}
.example ul li { display:inline;margin:0 10px;  line-height:30px;padding: 0;}
.example ul li:first-child {margin-left:0px;}
.example ul li .fa{margin-right:10px;}
.example ul li.vacant .fa { color:#000;}
.example ul li.small .fa{ color:#f9f28e;}
.example ul li.empty .fa { color:#ffa0a0;}
.example ul li.close .fa { color:#7ecef4;}
.week { background-color:#0090d7; color:#fff;}
.month_link {margin-bottom: 5px;margin-top: 15px;margin-bottom: 15px;}
.month_link ul { position:relative; width:100%; height:30px; display:block; line-height:30px;}
.month_link ul li.prev { position:absolute; left:0;top:0; font-size:24px;}
.month_link ul li.next { position:absolute; right:0;top:0; font-size:24px;}
.month_link ul li.month_name { text-align:center; font-size:24px;}
.month_link ul li .link { }
.month_link ul li .link .fa{ cursor:pointer; color:#0090d7;}
.cal_note {margin-top: 10px; font-size:12px; text-align:center;}

.btnList { display: block; border: 2px solid #0090d7; padding: 20px;height: auto;margin-bottom: 50px;}
.btnList h1 { padding-top: 7px; line-height: 21px; text-align: center;font-weight: bold; font-size: 16px;float: left; margin-right: 40px;margin-left: 20px;}
.btnList h1 span {font-size: 10px; display: block; color: #0090d7;}
.btnList ul {padding: 0;margin: 0;float: left;display: block;}
.btnList ul li {margin: 0;padding: 0;display: block;float: left; width: 225px; height: 50px; margin-left: 20px;}
.btnList ul li:first-child {margin-left:0px;}
.btnList ul li a {display: block;width: 225px; height: 50px; text-align: center;background-color: #0090d7; line-height: 50px; color: #FFF; font-size: 14px;}
.btnList ul li a .fa {float: right; margin-right: 20px; line-height: 48px;}
.btnList ul li a:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.btnList ul li a:hover { text-decoration: none; background-color: #003B57; color: #fff;}

.misc #contents .block.lg { border-top: 1px solid #eee;padding-top: 30px;}
.misc #contents .block.lg h1 {font-weight: normal; font-size: 18px;margin-bottom: 30px; float: left; width: 300px;}
.misc #contents .block.lg h2 {font-weight: normal; font-size: 16px;margin-bottom: 15px;}
.misc #contents .block.lg h3 { color: #0090d7; margin-bottom:10px; margin-top:25px; font-size:14px;}
.misc #contents .block.lg h3 .fa {margin-right: 5px;}
.misc #contents .block.lg h2 span {font-size: 12px; color:#0090d7; margin-left: 10px; font-weight: 400;}
.misc #contents .block.lg h2 .fa {color:#0090d7; margin-right: 10px;}
.misc #contents .block.lg table .fa {color:#0090d7; margin-right: 5px;}
.misc #contents .block.lg table a {color:#313131;}
.misc #contents .block.lg table a:hover {color:#0090d7; text-decoration: underline;}
.misc #contents .block.lg h2.title {border-top: 1px solid #eee;padding-top: 15px;}
.misc #contents .block.lg .text {font-size: 13px;margin-bottom: 40px;}
.misc #contents .block.lg .text:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.misc #contents .block.lg .text .img {margin-right: 30px; float: left; width: 300px; height: 200px;}
.misc #contents .block.lg .colorBox { border: 1px solid#eee; background-color: #fafafa; padding: 15px 20px;margin-top: 10px;font-size: 11px;}
.misc #contents .block.lg .colorBox h3 { color:#0090d7;margin: 0;}
.misc #contents .block.lg .colorBox > ul { list-style:outside; padding-left:20px; list-style-type: decimal;}
.misc #contents .block.lg .colorBox > ul > li > ul { padding-left:20px; list-style-type:disc;}
.misc #contents .block.lg .inner { width: 700px; margin-bottom: 50px;float: left;}
.misc #contents .block.lg.access table {font-size: 11px;}
.misc #contents .block.lg table .tableLink a {color: #fff; background-color:#0090d7;display: block;padding-top: 7px;padding-bottom: 7px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.misc #contents .block.lg table .tableLink a:hover { background-color: #003B57; text-decoration: none;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.misc #contents .block.lg table .tableLink a .fa{color: #fff;}
table.border .fa {color: #0090d7; margin-right: 10px;}
table.borderDl a span { color:#19B3FF;}
.misc #contents .block.lg table .fa {margin-right: 10px;}

.misc #contents .block.full {}
.misc #contents .block.full.access table {font-size: 11px;}
.misc #contents .block.full h1 {font-weight: bold; font-size: 18px;margin-bottom: 30px; }
.misc #contents .block.full h2 {font-weight: bold; font-size: 14px;margin-bottom: 10px;}
.misc #contents .block.full h2 span {font-size: 12px; color:#0090d7; margin-left: 10px; font-weight: 400;}
.misc #contents .block.full .fa {color:#0090d7; margin-right: 10px; font-size: 24px;}
.misc #contents .block.full .text {margin-bottom: 50px; font-size: 12px;}
.misc #contents .block.full .colorBox { background-color: #eee; padding: 15px;margin-top: 10px;font-size: 11px;}
.misc #contents .block.full .inner {}
.misc #contents .block.full table.border th {background-color: #0090d7; color: #fff; font-weight: normal; text-align: center; font-size: 18px;padding-top: 10px;padding-bottom: 10px;}

.misc #contents .block.full.schedule a { color:#0090d7; }
.misc #contents .block.full.schedule .fa-external-link { font-size: 12px;}
.misc #contents .block.full.schedule .text {margin-bottom:0px; font-size: 12px;}
.misc #contents .block.full.schedule h2 {margin-top: 50px; font-size:36px; text-align:center;}
.misc #contents .block.full.schedule h2 span {margin-left:2px; font-size:18px; color:#000;}

.misc #contents .address {margin-bottom: 50px; text-align: center; height: 30px; line-height: 30px; text-align: center; font-size: 11px; color:#313131; background-color: #f2f2f2;}
.misc #contents #map_canvas {height: 400px;display: block; width: 100%; background-color: #fff;}
.misc #contents .boxLink {padding-bottom: 50px;}
.misc #contents .boxLink ul { width: 1020px; margin: 0 -10px;}
.misc #contents .boxLink ul li { width: 184px; height: 210px; display: block; float: left; margin: 0 10px 20px;background-color: #fff; }
.misc #contents .boxLink ul li a { background-image: url(../images/box_arrow.png); background-repeat: no-repeat; background-position: right bottom; background-size: 10px;  background-color: #fff; display: block;width: 184px; height: 210px; transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.misc #contents .boxLink ul li a h3 {margin-top: 25px; text-align: center; font-size: 13px;}
.misc #contents .boxLink ul li a h3 span {display: block;font-size: 10px; line-height: 14px; color: #0090d7;}
.misc #contents .boxLink ul li a:hover { text-decoration: none; color: #ccc;}
.misc #contents .boxLink ul li a:hover h3 span { color: #97ddff;}
.misc #contents .boxLink ul li figure { display: block; position: relative;}
.misc #contents .boxLink ul li figure span { color: #FFF; position: absolute;bottom: -7px; left:52px; text-align: center; font-size: 10px; font-weight: normal; display: block;height: 15px; line-height:15px; width: 80px;border-radius: 10em;-moz-border-radius: 10em;-webkit-border-radius: 10em;-o-border-radius: 10em;-ms-border-radius: 10em;}
.misc #contents .boxLink ul li span.hibiki { border: 1px solid #FF69A0; background-color:#FF69A0; }
.misc #contents .boxLink ul li span.sports {border: 1px solid #0090d7; background-color:#0090d7; }
.misc #contents .boxLink ul li span.nature {border: 1px solid #00B300; background-color:#00B300; }
.misc #contents .boxLink ul li span.other {border: 1px solid #9F6BBD; background-color:#9F6BBD; }

.misc .ListWrap { background-color: #f1f1f1;}
.misc #contents .postList {padding: 0px;padding-bottom: 50px;}
.misc #contents .postList h1 { width: 240px; margin: 80px auto 60px; text-align: center; font-size: 30px;color:#0090d7;}
.misc #contents .postList h1 span { display: block; font-size: 12px;margin-top: 15px;}
.misc #contents .postList ul {margin: 0;padding: 0;}
.misc #contents .postList ul li {position: relative; display: block;float: left;margin-left: 20px; margin-bottom:20px;  width: 235px; height:270px; background-color: #FFF;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px; }
.misc #contents .postList ul li:nth-child(4n+1) {margin-left: 0;}
.misc #contents .postList ul li > *:first-child + * + * + *  {margin-left: 0;}
.misc #contents .postList ul li > *:first-child + * + * + * + * + * + * + *  {margin-left: 0;}
.misc #contents .postList ul li > *:first-child + * + * + * + * + * + * + * + * + * + * + * {margin-left: 0;}
.misc #contents .postList ul li figure { display: block;position: relative;}
.misc #contents .postList ul li figure img {border-top-right-radius : 5px;-moz-border-top-right-radius : 5px;-webkit-border-top-right-radius : 5px;-o-border-top-right-radius : 5px;-ms-border-top-right-radius : 5px;border-top-left-radius : 5px;-moz-border-top-left-radius : 5px;-webkit-border-top-left-radius : 5px;-o-border-top-left-radius : 5px;-ms-border-top-left-radius : 5px;}
.misc #contents .postList ul li span {width: 100%; text-align: center; font-size: 11px; font-weight: normal; display: block;color: #FFF;height: 20px; line-height:20px;}
.misc #contents .postList ul li h2 { font-size: 12px; font-weight: normal;line-height: 23px;padding: 15px;}
.misc #contents .postList ul li h2 a {color: #313131;}
.misc #contents .postList ul li h2 a:hover {color: #0090d7;}
.misc #contents .postList ul li .text { font-size: 12px;margin-bottom: 10px;}
.misc #contents .postList ul li .date { position:absolute; bottom:0; right:0px;font-size: 12px; color: #666;height: 30px; line-height: 30px; padding: 0 15px 10px;}
.misc #contents .postList ul li .date .fa {margin-right: 5px;color:#0090d7;}

.misc #contents .postWrap {}
.misc #contents .postWrap .col-6 { width:475px; float:left; display:block;}
.misc #contents .postWrap .col-12 { width:100%;display:block;}
.misc #contents .postWrap h1 { font-size:24px; margin-bottom:35px; line-height:1.5em; border-bottom:1px solid #0090d7;padding-bottom: 25px;}
.misc #contents .postWrap h2 { font-size:16px; font-weight:bold; padding-bottom:10px; line-height:1.5em;}
.misc #contents .postWrap .text { font-size:13px; line-height:1.8em}
.misc #contents .postWrap .youtube {margin-top: 25px;}

.misc #contents .postWrap .col-6 .thumbList{margin-top: 15px;}
.misc #contents .postWrap .col-6 .thumbList ul { margin:0 -10px;}
.misc #contents .postWrap .col-6 .thumbList ul li { display:block; float:left; width:145px; margin:10px;}
.misc #contents .postWrap .col-6 .thumbList ul li figure {border:3px solid #0090d7;}
.misc #contents .postWrap .date { color:#0090d7; margin-bottom: 10px; font-size:14px;}

.misc #contents .pageArrow {margin-top: 40px; border-top: 1px solid #eee;padding-top: 50px;}
.misc #contents .pageArrow ul {margin: 0;padding: 0;margin-left: 395px;}
.misc #contents .pageArrow ul li { display:block; float:left; color:#eee; text-align:center;margin:0 25px;}
.misc #contents .pageArrow ul li span { display:block ;margin-top: 10px; font-size:11px;}
.misc #contents .pageArrow ul li .fa { font-size:42px;margin: 0;padding: 0;}
.misc #contents .pageArrow ul li a { color:#313131;margin: 0;padding: 0;}
.misc #contents .pageArrow ul li a:hover { color:#0090d7;}
.misc #contents .pageArrow ul li.listLink a{ width:150px; border:1px solid #313131;margin: 0;padding: 0; height:40px;line-height:40px; display:block;}
.misc #contents .pageArrow ul li.listLink a:hover { background-color:#0090d7; color:#fff;border:1px solid #0090d7;}

.generationBox {margin-bottom: 50px;}
.generationBox > h1 { border: 1px solid #0090d7;height:35px; line-height:35px; display:block;color:#0090d7;font-size:18px;padding-left: 15px; font-weight:bold;}
.schoolList {}
.schoolList ul {}
.schoolList ul li {margin-top: 25px; background-color:#fafafa;}
.schoolList ul li a {}
.schoolList ul li a:hover {}
.schoolList ul li figure { float:left; width:300px; height:auto;}
.schoolList ul li .inner { display:block; float:left; width:560px; height:110px; padding:25px 25px;}
.schoolList ul li .arrow { display:block; float:left; width:50px;margin-right: 25px; text-align:right; font-size:36px; height:160px; line-height:160px;}
.schoolList ul li .arrow a { color:#0090d7;}
.schoolList ul li h1 {margin-bottom: 15px; font-size:18px;}
.schoolList ul li h2 {margin-bottom: 10px; font-size:14px; font-weight:bold; color:#0090d7; }
.schoolList ul li h1 .fa {margin-right: 5px; color:#0090d7; }
.schoolList ul li .text { font-size:13px;white-space: nowrap;width: 100%;overflow: hidden;-moz-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;text-overflow: ellipsis; }
.schoolList ul li .text br { display:none;}

.misc .pagetop.fix { text-align: center; height: 25px; background-color: #19B3FF;}
.pagetop.fix img.pt {width: 50px; height: 25px; cursor: pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pagetop.fix img.pt:hover {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.pagetop.fade { z-index: 999; border-radius: 10em;-moz-border-radius: 10em;-webkit-border-radius: 10em;-o-border-radius:10em;-ms-border-radius: 10em; display: none; text-align: center;line-height: 28px; color: #fff;font-size: 21px; height: 30px; width: 30px;position: fixed; bottom: 100px; right: 30px;  background-color:#003B57; cursor: pointer; }

.pagenation {padding:0px;}
.pagenation ul { list-style:none; margin: 0;padding: 0; text-align:center}
.pagenation ul li  { display:inline-block;margin: 0;padding: 0; width:30px; line-height:35px;height:35px; text-align:center;}
.pagenation ul li.current span { display:block; border:1px solid #8bb671; background-color:#8bb671; color:#FFF; text-align:center;}
.pagenation ul li a { text-decoration:none;}
.pagenation ul li span { display:block; background-color:#FFF; color:#000;border:1px solid #ddd;}
.pagenation ul li a { display:block; background-color:#FFF; color:#000;border:1px solid #ddd;}
.pagenation ul li a:hover span { background-color:#0090d7; color:#FFF;border:1px solid #0090d7; text-decoration:none;}

.contact {padding: 0px;padding-bottom: 50px; background-color: #19B3FF; padding: 35px 0px 10px;}
.contact .leftBox { float: left;width: 199px;display: block;text-align: left; border-right: 1px solid #fff;margin-right: 20px; margin-left: 60px;}
.contact .centerBox {float: left;width: 450px;display: block; text-align: center;margin-right: 20px;}
.contact .rightBox {float: left;width: 200px;display: block;}
.contact h2 { font-size:18px; color: #fff;display: block;height: 40px; line-height: 40px; }
.contact h2 span { font-size: 14px;color: #0090d7; margin-left: 10px; }
.contact p {margin: 0;padding: 0;color: #fff; font-size: 24px;margin-bottom:5px;height: 40px; line-height: 40px; }
.contact p span {padding: 0; font-size: 14px;margin-right: 10px;}
.contact .btn {display: block; height: 37px; width: 200px;margin-top: 0;padding-top: 0;}
.contact .btn a {margin: 0;padding: 0;font-size: 12px; color: #fff; display: block; height: 40px; line-height: 40px; border: 1px solid #fff; text-align: center; width: 198px; font-weight: bold; }
.contact .btn a:hover { background-color:#003B57; border: 1px solid #003B57; text-decoration: none; }
.contact .btn a .fa {margin-left: 15px;}

.parkMap {display: block; position: relative;margin-bottom: 80px;}
.parkMap #full {display: block;}
.parkMap #full img { width: 650px; height: auto;}
.parkMap ul#thumb {position: absolute;right:0px; bottom: 0; width: 480px;}
.parkMap ul#thumb li { display: block; height: 40px; width: 230px; margin-top: 10px; float: left;margin-left:10px;}
.parkMap ul#thumb li a { border: 1px solid #0090d7; display: block; height: 38px; line-height: 38px; width: 228px; background-color: #FFF;color: #0090d7;}
.parkMap ul#thumb li a:hover,.parkMap ul#thumb li a.active { text-decoration: none; display: block; background-color: #0090d7;color: #FFF;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.parkMap ul#thumb li a .fa-caret-right { float: left;margin-left: 15px;line-height: 38px;margin-right: 12px;}
.parkMap ul#thumb li a .fa-download { float: left;margin-left: 12px;line-height: 38px; margin-right: 12px;}
.parkMap h1 { position: absolute;top: 20px; right: 0; width: 300px;　font-weight: normal; font-size: 24px;}
.parkMap h1 span {margin-left: 20px;font-size: 14px;color: #0090d7;}
.parkMap .desc { position: absolute;top:80px; right: 0; width: 300px; line-height: 24px;}
.parkMap .btn { text-align: center;display: block;position: absolute;right: 0px; top: 230px;}
.parkMap .btn a { float: right; background-color: #eee; color: #313131; display: block; width: 230px; height:40px; text-align: center; line-height: 40px; font-size: 13px;}
.parkMap .btn a .fa-file-pdf-o { margin-right:10px; color:#e60012;}
.parkMap .btn a .fa-download { margin-left:10px; color:#e60012;}
.parkMap .btn a:hover .fa {color:#FFF;}
.parkMap .btn a:hover {background-color:#e60012; color: #fff; text-decoration: none; }

.barLink {background-color: #f2f2f2;-webkit-background-size: 10px 10px;-moz-background-size: 10px 10px;background-size: 10px 10px;background-color: #fafafa;background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #f3f3f3), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #f3f3f3),color-stop(.75, #f3f3f3), color-stop(.75, transparent),to(transparent));background-image: -webkit-linear-gradient(-45deg, #f3f3f3 25%, transparent 25%,transparent 50%, #f3f3f3 50%, #f3f3f3 75%,transparent 75%, transparent);background-image: -moz-linear-gradient(-45deg, #f3f3f3 25%, transparent 25%,transparent 50%, #f3f3f3 50%, #f3f3f3 75%,transparent 75%, transparent);background-image: -ms-linear-gradient(-45deg, #f3f3f3 25%, transparent 25%,transparent 50%, #f3f3f3 50%, #f3f3f3 75%,transparent 75%, transparent);background-image: -o-linear-gradient(-45deg, #f3f3f3 25%, transparent 25%,transparent 50%, #f3f3f3 50%, #f3f3f3 75%,transparent 75%, transparent);background-image: linear-gradient(-45deg, #f3f3f3 25%, transparent 25%,transparent 50%, #f3f3f3 50%, #f3f3f3 75%,transparent 75%, transparent);}
.barLink.top .container {padding: 10px 0px;}
.barLink.bottom .container  {padding: 10px 0px;}
.barLink .container {}
.barLink .container .crumbs { float: left; font-size: 10px;}
.barLink .container .crumbs li { display:inline;margin-right: 5px; height: 25px; line-height:25px;}
.barLink .container .crumbs li .fa-caret-right { color: #19B3FF;}
.barLink .container .crumbs li a {}
.barLink .container .catNav { float: right;}
.barLink .container .catNav li { display: inline-block;margin-left: 5px;}
.barLink .container .catNav li a { font-size: 12px; display: block; padding: 0 15px; height: 25px; line-height: 24px; text-align: center; background-color: #ddd; color: #313131;border-radius: 10em;-moz-border-radius: 10em;-webkit-border-radius: 10em;-o-border-radius: 10em;-ms-border-radius: 10em; }
.barLink .container .catNav li a:hover,.barLink .container .catNav li a.active { background-color: #0090d7; color: #fff; text-decoration: none; }

.form {margin: 0;padding: 0;}
.form span {font-weight: bold; font-size: 14px;}
.form input {border:0;padding:10px;font-size:1.3em;color:#aaa;border:solid 1px #ccc;margin:0 0 20px;width:500px;}
.form textarea {border:0;padding:10px;font-size:1.3em;color:#aaa;border:solid 1px #ccc;margin:0 0 20px;width:500px; height: 300px;}
.form .btn {display: block; width: 150px; margin: 0 auto; margin-top: 20px; color: #fff; background-color: #0090d7; }
.form .btn:hover {background-color: #003B57; color: #fff; cursor: pointer; }
.form input, .form button, .form textarea, .form select {margin: 0;padding: 0;background: none;border: none;border-radius: 0;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: #eee;font-size: 14px;padding: 10px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;}

.access_border {margin-top: 50px;border: 3px solid #0090d7; padding: 18px; background-color: #FAFAFA;}
.access_border .inner { float: left; width: 500px;}
.access_border .leftArea { display: block;float: left; width: 370px;font-weight: bold;font-size: 14px;margin-right: 30px;}
.access_border .leftArea h3 { font-weight: bold;font-size: 14px;margin-bottom: 10px;margin-top: 15px;}
.access_border .mark { line-height: 120px; float: left; font-size: 30px;margin: 0; font-weight: normal; color: #0090d7; width: 58px;}
.access_border .inner p { display: block;float: left; width: 290px;margin-top: 10px;margin-left: 30px; font-size: 12px; line-height: 24px;}
.access_border .inner table {}

.borderWrap { margin-top: 25px;border: 3px solid #0090d7; padding: 25px; background-color: #FAFAFA;}
.borderWrap > h2 {margin-top: 25px;}

.price { }
.note { font-size: 11px; background-color: #eee; padding: 25px;}
.note h3 { font-size: 16px; height: 30px; color: #0090d7; font-weight: bold;}
.note h3 span { font-size: 10px;margin-left: 10px; font-weight: 400;}
.note > div {margin-bottom: 10px;}

.gallery {margin-bottom: 50px;}
.gallery ul {margin: 0;padding: 0;}
.gallery ul li { display: block;float: left;width: 300px; margin-left: 50px; text-align: right;}
.gallery ul li .fa { color: #0090d7; margin-left: 5px;}
.gallery ul li:first-child {margin-left: 0px;}
.gallery ul li img {width: 300px; height: auto;}
.gallery ul li a img {display: block; width: 300px; height: auto;}
.gallery ul li a {display: block; position: relative;margin-bottom: 5px;}
.gallery ul li a .fa { font-size:18px; position: absolute;right: 10px; bottom: 10px;color: #FFF;}

.linkBox { display: block; padding: 20px; border: 1px solid #0090d7;}
.linkBox ul {margin: 0;padding: 0; }
.linkBox ul li {display: block;height: 50px; line-height: 50px;margin-top: 20px;}
.linkBox ul li:first-child {margin-top: 0px;}
.linkBox ul li a {display: block; background-color:#0090d7;color: #fff; height: 50px; line-height: 50px;padding-left: 20px;}
.linkBox ul li a .fa { float: right; margin-right: 20px; line-height: 50px; color:#fff;}
.linkBox ul li a:hover { background-color: #003B57; }

.linkBox_non { margin-top: 30px;}
.linkBox_non ul {margin: 0;padding: 0; }
.linkBox_non ul li {display: block;height:55px; line-height: 55px;float:left;margin-left: 10px; width:167px;}
.linkBox_non ul li:first-child {margin-left: 0px;}
.linkBox_non ul li a {display: block; background-color:#0090d7;color: #fff; height: 55px; line-height:55px;padding-left: 15px;}
.linkBox_non ul li a .fa { float: right; margin-right: 10px; line-height: 55px; color:#fff;}
.linkBox_non ul li a:hover { background-color: #003B57; }

.contactForm { width:700px; margin:0 auto 50px; background-color:#fafafa; padding:30px;}

.postList .container { position: relative;}
.postList .container .listLink { text-align: right; position: absolute;right: 0px; top: -120px; font-size: 14px; display: block; width: 200px; height: 50px; line-height: 50px;}
.postList .container .listLink .fa {margin-left: 10px;}
.postList .container .listLink a {color: #313131;}
.postList .container .listLink a .fa {color: #0090d7;}

ul.link {margin: 0;padding: 0;}
ul.link li {margin-bottom: 10px;}
ul.link li a .fa {margin-right: 10px; color: #0090d7;}

.sns {margin-top: 30px;}
.sns ul {}
.sns ul li {display: block;margin-right: 10px; float:left;}

ul.thumbList { }
ul.thumbList li { display:block; float:left; margin-left:20px; width:124px;}
ul.thumbList li:first-child {margin-left:0px;}
ul.thumbList li a {}

ul.txlist { list-style:outside;margin:0; padding: 0;padding-left:20px;}
ul.txlist li { list-style-type: disc;margin-top: 0px;}
ul.txlist li:first-child {margin-top: 0px;}

table.border h4 {margin: 0;padding: 0; color:#0090d7;margin-bottom: 10px;margin-top: 10px;}
/* --------------------------
 * btn
-------------------------- */
.misc .block .btn { text-align: center;display: block;margin-top: 30px;}
.misc .block .btn:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.misc .block .btn a { float: right; border: 1px solid #CCC; background-color: #FFF; color: #313131; display: block; min-width: 200px; padding: 0 20px; height:40px; text-align: center; line-height: 42px; font-size: 13px;}
.misc .block .btn a .fa { margin-left: 20px; color:#0090d7;}
.misc .block .btn a:hover .fa {color:#FFF;}
.misc .block .btn a:hover {border:1px solid #0090d7; background-color:#0090d7; color: #fff; text-decoration: none; }

.misc .block .btnBlue { text-align: center;display: block;width: 200px; }
.misc .block .btnBlue:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.misc .block .btnBlue a { background-color: #0090d7; color: #FFF; display: block; min-width: 200px; padding: 0 20px; height:40px; text-align: center; line-height: 42px; font-size: 13px;}
.misc .block .btnBlue a .fa { margin-left: 20px; color:#FFF;}
.misc .block .btnBlue a:hover .fa {color:#FFF;}
.misc .block .btnBlue a:hover {background-color:#313131; color: #fff; text-decoration: none; }

.col-4 .colorBtn { display: block;margin-bottom: 20px;}
.col-4 .colorBtn a { border: 1px solid #0090d7; background-color: #FFF; color: #0090d7; display: block; width: 300px; height:50px; text-align: center; line-height: 50px; font-size: 14px; font-weight: bold;}
.col-4 .colorBtn a .fa { float: right; color:#0090d7; line-height: 50px;margin-right: 20px;font-size: 18px;}
.col-4 .colorBtn a:hover .fa {color:#FFF;}
.col-4 .colorBtn a:hover {background-color:#0090d7; color: #fff; text-decoration: none; }
.col-4 .colorBtn a:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.dlbtn { text-align: center;display: block; width: 230px; margin: 0 auto;padding-bottom: 100px;}
.dlbtn a { float: right; background-color: #eee; color: #313131; display: block; width: 230px; height:40px; text-align: center; line-height: 40px; font-size: 13px;}
.dlbtn a .fa-file-pdf-o { margin-right:10px; color:#e60012;}
.dlbtn a .fa-download { margin-left:10px; color:#e60012;}
.dlbtn a:hover .fa {color:#FFF;}
.dlbtn a:hover {background-color:#e60012; color: #fff; text-decoration: none;}

.calBtn {display: block; width: 300px; margin: 0 auto 30px;}
.calBtn a { font-size: 14px; display: block; background-color:#0090d7;color: #fff; height: 50px; line-height: 50px;padding-left: 20px;}
.calBtn a .fa-calendar { margin-right: 10px; color:#fff;}
.calBtn a .fa-chevron-right { float: right; margin-right: 20px; line-height: 50px; color:#fff;}
.calBtn a:hover { background-color: #003B57; }

/* --------------------------
 * footer
-------------------------- */
#footer {background-color: #0090d7;}
#footer .container {padding: 50px 0px 30px;}
#footer .footNav {}
#footer .footNav > ul {}
#footer .footNav > ul > li { font-size: 11px; display: block; width: 184px;margin-left: 20px; float: left;}
#footer .footNav > ul > li:first-child { margin-left: 0;}
#footer .footNav > ul > li > ul {}
#footer .footNav > ul > li > ul > li {margin-top: 10px; color: #fff;}
#footer .footNav > ul > li > ul > li span { font-weight:bold;}
#footer .footNav > ul > li > ul > li a {color: #fff;}
#footer .footNav > ul > li > ul > li:first-child {margin-top: 0px;}
#footer .footNav > ul > li > ul > li .fa { margin-right: 10px;}
#footer .footNav > ul > li > ul > li > ul {margin-left: 5px;}
#footer .footNav > ul > li > ul > li > ul > li {margin-top: 5px;}

#footer .villLink {margin-top: 50px;margin-bottom: 10px;}
#footer .villLink ul {margin: 0;padding: 0;}
#footer .villLink ul li { display: block; width: 235px; margin-left: 20px; height: 50px; float: left;margin-bottom: 20px;}
#footer .villLink ul li:first-child { margin-left: 0px;}
#footer .villLink ul li a { color: #313131; border: 1px solid #007FBD; padding-top: 8px; background-color: #D2DEE4; display: block; width: 233px; height:40px; text-align: center; font-size: 14px; background-image: url(../images/box_arrow.png); background-position: bottom right; background-repeat: no-repeat; background-size: 10px;}
#footer .villLink ul li a span {display: block; font-size: 10px; line-height: 12px; color: #0090d7;}
#footer .villLink ul li a:hover {background-color: #FFF; text-decoration: none;}
#footer .logoWrap {text-align: center;color: #fff;margin-bottom: 50px;}
#footer .logoWrap .logo {margin: 0 auto 20px; width: 150px; height:63px; display: block; background-image: url(../images/foot_logo.png); background-repeat: no-repeat; background-position: top left; background-size: 150px 63px;  }
#footer .logoWrap h1 { font-size: 14px;margin: 0;padding: 0;}
#footer .logoWrap h1 span { display: block; font-size: 10px;}
#footer .logoWrap div {font-size: 11px;line-height: 21px;margin-bottom: 30px;}
#footer .address { height: 30px; line-height: 30px; text-align: center; font-size: 11px; color:#313131; background-color: #f2f2f2;}
#footer .copyright { height: 50px; line-height: 50px; text-align: center; font-size: 11px; color: #FFF; background-color: #003B57;}
#footer #map_canvas {height: 350px;display: block; width: 100%; background-color: #fff;}

/* --------------------------
 * font
-------------------------- */
body {/*font-family:"游ゴシック体", "Yu Gothic", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;}
.mincho { font-weight: normal; font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

.home #header .container h1 span,
.home #mainVisual #hotline .inner ul li a span,
.home #mainVisual .pickup ul li a h2 span,
.home .postList ul li .date,
.home .block h2 span,
#footer .footNav .contact,
#footer .villLink ul li a span,
#footer .copyright,
.contact h2 span,
.contact p,
.contact .email,
.misc #contents .block.lg h2 span,
.home .postList .container .listLink,
table.borderDl span,
.misc #contents .block.full table.border th,
.misc #contents .block.full h2 span,
.parkMap h1 span,
.misc #contents .boxLink ul li a h3 span,
.misc #contents .block.facility .postList h2 span,
.misc #contents .block.facility .postList ul li span,
.btnList h1 span,
.home #intro .inner > .container > .pickup h2 span ,
.note h2 span,
.misc #contents .block.full.schedule h2,
.misc #contents .postWrap .date,
 #contents .postList ul li .date,
 .month_link ul li.month_name,
 table.calendar td,
 .contactForm  table.border th span,
 .pagenation
{font-family: 'Roboto', sans-serif;font-weight: 400;}

.home .desc .en
{font-family: 'Montserrat', sans-serif;font-weight: 400;}

.home .postList h1,
.home .block h1,
.misc #contents h1,
.home #mainVisual .scrollBtn span,
#footer .contact h1 span
{font-family: 'Lato', sans-serif;font-weight: 300;}

/* --------------------------
 * retina display
-------------------------- */

@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
	.home #mainVisual #gnavWrap #gnav .container .logo,
	.misc #gnavWrap #gnav .container .logo,
	.misc #gnavWrap #gnav.fixed .container .logo,
	.home #mainVisual #gnavWrap #gnav.fixed .container .logo { background-image: url(../images/logo@x2.png); background-size: 277px 40px;}
	/*.home #intro #inner { background-image: url(../images/intro_logo@x2.png); background-size: 300px 126px;}
	.home #intro {background-image: url(../images/loader@x2.gif);background-size: 30px 30px;}*/

/*	.header .container .logo a { background-image: url(../images/logo@x2.png); }
	.header .container .rsvBtn a {background-image: url(../images/rsvBtn@x2.png);}
	.fixNav h1{ background-image: url(../images/logo@x2.png);}
	.footer .logo {background-image: url(../images/logo@x2.png);}*/
}