/*
Theme Name: CIELONI
Description: CIELONI
Version: 1.0
*/


@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
/*font-family: 'Noto Sans JP', sans-serif;*/
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-family: 'Libre Baskerville', serif;
color: #000;
font-size: 14px;
background: #fff;
font-weight: 400;
margin: 0;
-webkit-text-size-adjust: 100%;
line-height:1.8;
padding-top: 70px;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
margin-top: 0;
font-weight: normal;
color: #333;
line-height: 1.4;
}

h2 {
font-size:24px;
}

h3 {
font-size:18px;
}

h4 {
font-size:16px;
}


p {
font-weight:normal;
font-size:14px;
line-height:1.8;
}

th {
font-size:14px;
line-height:1.6;
}

td {
font-size:14px;
line-height:1.6;
}




/* MARGIN ===================*/

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

/* TEXT ===================*/

.t10 {font-size:10px !important;}
.t12 {font-size:12px !important;}
.t14 {font-size:14px !important;}
.t16 {font-size:16px !important;}
.t18 {font-size:18px !important;}
.t21 {font-size:21px !important;}
.t24 {font-size:24px !important;}
.t28 {font-size:28px !important;}
.t32 {font-size:32px !important;}

.t12b {font-size:12px; font-weight: 500; }
.t14b {font-size:14px; font-weight: 500; }
.t16b {font-size:16px; font-weight: 400; }
.t18b {font-size:18px; font-weight: 400; }
.t21b {font-size:21px; font-weight: 400; }
.t24b {font-size:24px; font-weight: 400; }
.t28b {font-size:28px; font-weight: 400; }
.t32b {font-size:32px; font-weight: 400; }


/* LINK  ===================*/

a{
outline: none;
}

a:focus{
outline: none;
}

a:link {
color: #000;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

a:visited {
color: #000;
text-decoration: none;
}

a:hover {
color: #999;
text-decoration: none;
}

a:focus, *:focus {
outline:none;
}

a img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

a img:hover {
/*opacity: 0.5;*/
filter: brightness(70%);
}


/* BUTTON ====================*/

a.link-btn {
text-align: center;
max-width: 300px;
font-size: 14px;
line-height: 1;
color: #fff;
display: block;
text-decoration: none;
margin: 0 auto 0;
padding:20px 10px !important;
border: solid 1px #000;
background: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

a.link-btn:hover {
background: none;
text-decoration: none;
border: solid 1px #000;
color: #000;
}

a.link-line-btn {
text-align: center;
max-width: 300px;
font-size: 14px;
line-height: 1;
color: #fff;
display: block;
text-decoration: none;
margin: 0 auto 0;
padding:20px 10px !important;
border: solid 1px #fff;
background: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

a.link-line-btn:hover {
background: #fff;
text-decoration: none;
border: solid 1px #fff;
color: #000;
}


/* FORM */


.wpcf7-submit {
text-align: center;
max-width: 300px;
width: 300px;
font-size: 14px !important;
line-height: 1;
color: #fff;
display: block;
text-decoration: none;
margin: 0 auto 0;
padding:20px 10px !important;
border: solid 1px #000;
background: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.wpcf7-submit:hover {
background: none;
text-decoration: none;
border: solid 1px #000;
color: #000;
}

.wpcf7 p{
padding-bottom: 0px;
margin-bottom: 0px;

}

.wpcf7 input {
margin-bottom: 15px;
}

.wpcf7 input {
width: 100%;
border: solid 1px #ccc;
padding: 10px 10px;
font-size: 16px;
}

.wpcf7 textarea {
width: 100%;
border: solid 1px #ccc;
padding: 10px 10px;
font-size: 16px;
}


/* BG ====================*/

.bg-gray {
background:  #f4f4f4;
}


/* IMAGE TRIM ====================*/

/*
.image-border {
border: solid 1px #ddd;
}
*/

.image-trim-wrap{
  position:relative;
  max-width:800px;
  height:0;
  padding-bottom:100%;/* 幅に対する縦のサイズ */
  overflow:hidden;
  background-color:#fff;
}

.image-trim-wrap>img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-width:100%;/* 横向き16:9の画像が表示エリア一杯になるように指定 */
  max-height:initial;
}


.blog-image-trim-wrap{
  position:relative;
  max-width:800px;
  height:0;
  padding-bottom:60%;/* 幅に対する縦のサイズ */
  overflow:hidden;
  background-color:#fff;
}

.blog-image-trim-wrap>img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  max-width:100%;/* 横向き16:9の画像が表示エリア一杯になるように指定 */
  max-height:initial;
}




/* CAROUSEL =====================================*/


/* CAROUSEL */

#Container_Carousel {
margin:0;
padding:0;
width:100%;
display: flex;
align-items: center;
}

.item img{
width:100%; 
}

.carousel,.item,.active{
height:100%;
}

.carousel-inner{
height:100%;
}

.carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
z-index: 2;
}



/* HEADER ====================*/

/* BRAND LOGO */

.navbar-brand {
float: left;
height: 50px;
padding: 12px 0px 12px 15px;
font-size: 18px;
line-height: 20px;
width: 240px;
width: 220px;
}


/* NAVI */

.nav {
font-size: 14px !important;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 8px;
}

.navbar-default {
background-color: #fff;
border-color: #e7e7e7; 
}

.nav .active {
background: #fff !important;
border-bottom: solid 2px #000;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #fff;
}

.navbar-header {
height: 70px;
}

.navbar-default {
height: 71px;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height: 600px !important;
background: #fff !important;
}

.navbar {
}

.navbar .container-wrap {
max-width: 1160px;
margin: 0 auto 0;
border-bottom: solid 1px #e7e7e7;
}

.navbar-header .navbar-toggle{
margin-top: 18px;
margin-right: 10px;
margin-left: 0px;
}

.navbar-nav {
margin-top: 10px;
margin-right: 10px;
}



/* FOOTER ====================*/

.footer {
min-height: 100px;
  padding: 40px 0;
  color: #999;
  text-align: center;
  background-color: #f4f4f4;

}
.footer p:last-child {
  margin-bottom: 0;
}

/* SCROLL TOP */

.scroll-top {
position: fixed;
bottom: 0px;
right: 0px;
z-index: 100;
display: none;
}



/* LAYOUT =====================================*/

.container-fluid {
padding: 30px;
margin-right: auto;
margin-left: auto;
max-width: 1200px;
 background: transparent;
overflow: hidden;
}

.container-fluid2 {
padding: 30px;
margin-right: auto;
margin-left: auto;
width: 100%;
background: transparent;
overflow: hidden;
}

#container-wrap {
padding: 0;
margin-right: auto;
margin-left: auto;
max-width: 1000px;
background:#fff;
}

.container-wrap {
padding: 0;
margin-right: auto;
margin-left: auto;
max-width: 760px;
background:#fff;
}




/* FRONT PAGE =====================================*/

.top-headding{
width:100%;
text-align:center;
font-size:28px;
padding:20px 0 20px 0;
}

h2.top-headding {
line-height: 1.2;
}

h2.top-headding span {
font-size: 50%;
}

.menu-box {
text-align:center;
margin:0px 0 30px;
}

.menu-box h3 {
font-size:18px;
margin-top:20px;
}

.menu-box img {
width:100%;
}

.overview-box {
text-align:left;
margin:0px 0 30px;
}

.bg-photo1 {
height: 400px;
background-image: url(images/bg_photo1.jpg);
background-position: center;
color: #fff !important;
}

.bg-photo1 h2{
color: #fff !important;
}

.bg-photo2 {
height: 400px;
background-image: url(images/bg_photo2.jpg);
background-position: center;
color: #fff !important;
}
.bg-photo2 h2 {
color: #fff !important;
}

.eyecatch {
width:100%;
height:70%;
background-position: center center;
background-size: cover;
}

.size-small, .size-medium, .size-full {
width: 100%;
height: auto;
}

.blog p {
font-size: 14px;
}

.date {
font-size: 12px;
}

.category, .category a {
font-size: 12px !important;
}

.author {
font-size: 12px;
}

.list-wrap-disc {
font-size: 12px !important;
}


/* PAGE =====================================*/


/* PAGE HEADER */

.page-header-bg {
height: 200px;
display: flex;
align-items: center;
text-align: center;
/*filter: brightness(50%);*/
position: relative;
background: #000;
}


.header-bg1 {
background-image: url(images/page_header_bg1.jpg);
background-size: cover;
background-position: center;
}

.header-bg2 {
background-image: url(images/page_header_bg2.jpg);
background-size: cover;
background-position: center;
}

.header-bg3 {
background-image: url(images/page_header_bg3.jpg);
background-size: cover;
background-position: center;
}

.header-bg4 {
background-image: url(images/page_header_bg4.jpg);
background-size: cover;
background-position: center;
}

.header-bg5 {
background-image: url(images/page_header_bg5.jpg);
background-size: cover;
background-position: center;
}

.header-bg6 {
background-image: url(images/page_header_bg6.jpg);
background-size: cover;
background-position: center;
}

.header-bg7 {
background-image: url(images/page_header_bg7.jpg);
background-size: cover;
background-position: center;
}

.header-bg8 {
background-image: url(images/page_header_bg8.jpg);
background-size: cover;
background-position: center;
}

.header-bg9 {
background-image: url(images/page_header_bg9.jpg);
background-size: cover;
background-position: center;
}

.header-bg10 {
background-image: url(images/page_header_bg10.jpg);
background-size: cover;
background-position: center;
}

.header-bg11 {
background-image: url(images/page_header_bg11.jpg);
background-size: cover;
background-position: center;
}

.header-bg12 {
background-image: url(images/page_header_bg12.jpg);
background-size: cover;
background-position: center;
}

.header-bg13 {
background-image: url(images/page_header_bg13.jpg);
background-size: cover;
background-position: center;
}

.header-bg14 {
background-image: url(images/page_header_bg14.jpg);
background-size: cover;
background-position: center;
}

.header-bg15 {
background-image: url(images/page_header_bg15.jpg);
background-size: cover;
background-position: center;
}

.page-header-bg h1{
font-size: 36px;
text-align: center;
color: #fff;
width: 100%;
/*text-shadow: 1px 1px 1px #808080;*/
/*box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .5);*/
position: absolute;
z-index: 10;
line-height: 1;
}


/* TABLE */

.page-wrap table {
width: 100%;
border-top: solid 1px #ccc;
/*border-left: solid 1px #ccc;*/
border-bottom: solid 1px #ccc;
}

.page-wrap table th{
text-align: center;
/*border-right: solid 1px #ccc;*/
border-bottom: solid 1px #ccc;
padding: 10px;
background: #e7e7e7;
font-size:14px !important;
}

.page-wrap table td{
/*border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;*/
padding: 10px;
font-size:14px !important;
}

.blog-wrqp tr:nth-child(odd){
background: none;
}

.sidebar tr:nth-child(odd){
background: none;
}

.page-wrap tr:nth-child(odd){
background: #f5f5f5;
background: none;
}

.page-wrap .scroll {
overflow-x: auto;
}

.page-wrap .table1 {
min-width: 640px;
margin: 0 ;
}

.page-wrap .table1 td {
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}

.page-wrap .table2 {
}

.page-wrap .table3 {
}

.page-wrap .table3 th {
text-align: center;
}

.page-wrap .table3 td {
text-align: center;
}

.page-wrap table.age-table {
max-width: 380px;
margin: 0 auto 0;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
}

.page-wrap table.age-table th{
text-align: center;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding: 10px;
background: #e7e7e7;
}

.page-wrap table.age-table td{
text-align: center;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding: 10px;
}


/* TABLE */

.tablepress tfoot th, .tablepress thead th {
    background-color: #f4f4f4 !important;
    font-weight: 700;
    vertical-align: middle;
}



/* SEARCH =====================================*/

.bottom-link ul{
list-style-type:none;
padding: 0;
margin: 0;
}

.bottom-link ul li{
padding: 0;
margin: 0;
}

/* GALLERY =====================================*/

.wp-pagenavi {
}

.wp-pagenavi a, .wp-pagenavi span {
min-width: 40px !important;
}

.wp-pagenavi a {
padding: 10px !important;
}

.wp-pagenavi .pages {
padding: 10px !important;
}

.wp-pagenavi .extend {
padding: 10px !important;
}



.wp-pagenavi .current{
padding: 10px !important;
background: #000;
color: #fff;
}

.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}


.wp-pagenavi a .previouspostslink {
padding: 10px !important;
}

.wp-pagenavi a .nextpostslink {
padding: 10px !important;
}



/* COMMITION WORK =====================================*/

.flow-wrap {
text-align: center;
}

.flow-box {
padding: 15px 15px 10px 15px;
border: solid 1px #000;
}


/* BLOG =====================================*/



/* BLOG HEADER */

.blog-header-bg {
background-image: url(images/page_header_bg.jpg);
background-size: cover;
background-position: center;
height: 200px;
display: flex;
align-items: center;
text-align: center;
/*filter: brightness(50%);*/
position: relative;
}

.blog-header-bg h1{
font-size: 36px;
text-align: center;
color: #fff;
width: 100%;
/*text-shadow: 1px 1px 1px #808080;*/
/*box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .5);*/
position: absolute;
z-index: 10;
}


/* Side bar */


.sidebar-inner > div {
margin-bottom:10px !important;
/*font-weight: bold;*/
font-size:18px;
line-height: 1.4 !important;
}

.sidebar-inner > div > ul{
font-weight: normal;
padding: 0;
margin: 5px 0 0 20px;
font-size:14px;
line-height: 1.8 !important;
}

table#wp-calendar {
line-height: 1.8 !important;
margin-top:10px;
border-top: solid 1px #ececec;
border-right: solid 1px #ececec;
width: 100%;
/*max-width: 400px !important;*/
}

table#wp-calendar caption {
font-size:14px;
color: #000;
padding-top:5px;
padding-bottom:5px;
text-align:center !important;
border-top: solid 1px #ececec;
border-left: solid 1px #ececec;
border-right: solid 1px #ececec;
}

table#wp-calendar th{
font-size:14px;
padding-top:5px;
padding-bottom:5px;
text-align:center !important;
border-left: solid 1px #ececec;
border-bottom: solid 1px #ececec;
}

table#wp-calendar td{
font-size:14px;
padding-top:5px;
padding-bottom:5px;
text-align:center !important;
border-left: solid 1px #ececec;
border-bottom: solid 1px #ececec;
}

table#wp-calendar td a{
display: block;
color: #999;
}

table#wp-calendar tfoot td.pad {
border-right: none !important;
border-left: none !important;
}

table#wp-calendar tfoot td#prev {
border-left: solid 1px #ececec !important;
border-right: none !important;
text-align: left !important;
padding-left: 5px;
}

table#wp-calendar tfoot td#next {
border-right: solid 1px #ececec !important;
border-left: none !important;
text-align: right !important;
padding-right: 5px;
}


table#wp-calendar td#today {
background: #f4f4f4;
}

#sidebar select {
display: block;
margin-top:5px;
}

#sidebar form {
display: block;
margin-top:5px;
}

.custom-html-widget > div {
max-width: 100% !important;
}


.sidebar select {
display: block;
}

.sidebar-inner > div > ul{
margin-bottom: 30px;
}

.wp-calendar-nav {
font-size: 14px;
margin-top:10px;
margin-bottom: 30px;
}




/* Blog name and description */

.blog-header {
  padding-top: 10px;
  padding-bottom: 20px;
}

.blog-title {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: normal;
}

.blog-description {
  font-size: 20px;
  color: #999;
}

/* Blog posts */

.blog-post {
  margin-bottom: 40px;
}
.blog-post-title {
  margin-bottom: 5px;
  font-size: 32px;
}
.blog-post-meta {
  margin-bottom: 20px;
  color: #999;
}

/* Pagination */

.pager {
  margin-bottom: 60px;
  text-align: left;
}
.pager > li > a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}

/* Sidebar modules for boxing content */

.sidebar-module {
  /*padding: 15px;*/
  padding: 15px 30px 15px 15px;
  padding: 0 ;
  margin: 0 0 15px 0;
  /*margin: 0 -15px 15px;*/
}

.sidebar-module-inset {
  padding: 15px;
  /*padding: 15px 30px 15px 15px;*/
  background-color: #f5f5f5;
  border-radius: 4px;
}

.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}



/* Contents =====================================*/

.content-header {
  padding-top: 10px;
  padding-bottom: 20px;
}

.content-title {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: normal;
}

.content-description {
  font-size: 20px;
  color: #999;
}

.content-wrap {
  margin-bottom: 40px;
}

.heading2 {
  margin-bottom: 5px;
  font-size: 24px;
}

.heading3 {
  margin-bottom: 5px;
  font-size: 21px;
margin-top:20px;
}

.heading4 {
  margin-bottom: 5px;
  font-size: 18px;
}


/* FORM ===================*/


.wpcf7 form .wpcf7-response-output {
    margin: 0 0 10px 0 !important;
    padding: 0.2em 1em !important;
    border: 2px solid #46b450 !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900 !important;
}



/* SNS ===================*/

/* twitter */
#twitter-widget-1[style]{ 
width: 100% !important;
}


/* FACEBOOK ===================*/

.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fb_iframe_widget span{
width: 100% !important;
}




/* GOOGLE MAP ===================*/

.map-canvas{
position: relative;
padding: 0 0 40%;
height: 0;
overflow: hidden;
}
.map-canvas iframe{
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.map-canvas2{
position: relative;
padding: 0 0 50%;
height: 0;
overflow: hidden;
}
.map-canvas2 iframe{
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}



/* GOOGLE CALENDAR ===================*/

.cal_wrapper {
max-width: 940px; 
min-width: 300px; 
margin: 2.0833% auto;
}
     
.googlecal {
position: relative;
padding-bottom: 100%; 
height: 0;
overflow: hidden;
}

.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}





@media print, screen and (min-width: 600px) {
.googlecal {
padding-bottom: 75%;
}
}


/* YOU TUBE ===================*/

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* GUTTER ===================*/

.row-0 {
margin-left:0px;
margin-right:0px;
}
.row-0 > div {
padding-right:0px;
padding-left:0px;
}

.row-10 {
margin-left:-5px;
margin-right:-5px;
}
.row-10 > div {
padding-right:5px;
padding-left:5px;
}

.row-20 {
margin-left:-10px;
margin-right:-10px;
}
.row-20 > div {
padding-right:10px;
padding-left:10px;
}

.row-30 {
margin-left:-15px;
margin-right:-15px;
}

.row-30 > div {
padding-right:15px;
padding-left:15px;
}

.row-40 {
margin-left:-20px;
margin-right:-20px;
}
.row-40 > div {
padding-right:20px;
padding-left:20px;
}

.row-50 {
margin-left:-25px;
margin-right:-25px;
}
.row-50 > div {
padding-right:25px;
padding-left:25px;
}




/*==========================================*/
/* XXS SIZE : iPhone Retina Display xxs*/ 
/*==========================================*/
@media print, screen and (min-width : 320px) {

.container-fluid {
padding: 20px;
}
.visible-xxs {
display: block;
}

.hidden-xxs {
display: none;
}

.navbar-toggle {
display: inline;
}

/* Carousel   ===================*/

.carousel-text {
width: 100%;
margin: 0 auto 0;
position: absolute;
z-index: 100;
text-align: center;
}

.carousel-text h2 {
margin: 0 auto 0;
text-align: center;
color: #fff;
font-size: 24px;
line-height: 1.2;
margin-bottom: 10px !important;
}

.carousel-text p {
margin: 0 auto 0;
padding: 0 10px 0;
text-align: center;
color: #fff;
max-width: 800px;
margin: 0 auto 0;
font-size: 12px;
}


/* NAVI */

.dropdown-menu > li > a {
    display: block;
    padding: 10px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #666;
    white-space: nowrap;
cursor: pointer !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #fff !important;
}


/* PAGE TITLE */

.page-title {
font-size: 18px !important;
}

.info-page-title {
font-size: 18px;
}

.gallery-page-title {
font-size: 18px;
}

.page-header-bg {
height: 100px;
}

.foogallery {
overflow: hidden;
}


/* PAGE NAVI  */

.wp-pagenavi {
font-size: 12px;
}

.wp-pagenavi a, .wp-pagenavi span {
min-width: 40px !important;
}

.wp-pagenavi a {
font-size: 12px;
padding: 5px !important;
}

.wp-pagenavi .pages {
padding: 5px !important;
}

.wp-pagenavi .extend {
padding: 5px !important;
}



.wp-pagenavi .current{
padding: 5px !important;
background: #000;
color: #fff;
}

.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}


.wp-pagenavi a .previouspostslink {
padding: 5px !important;
}

.wp-pagenavi a .nextpostslink {
padding: 5px !important;
}


} /* END */



/*==========================================*/
/* XS SIZE : Extra Small Devices, Phones xs*/ 
/*==========================================*/
@media print, screen and (min-width : 480px) {

.container-fluid {
padding: 20px;
}
.visible-xxs {
display: none;
}

.hidden-xxs {
display: block;
}

.navbar-toggle {
display: inline;
}


/* Carousel   ===================*/

.carousel-text h2 {
margin: 0 auto 0;
text-align: center;
color: #fff;
font-size: 28px;
line-height: 1.2;
margin-bottom: 10px !important;
}

.carousel-text p {
margin: 0 auto 0;
padding: 0 20px 0;
text-align: center;
color: #fff;
max-width: 800px;
margin: 0 auto 0;
font-size: 12px;
}

/* PAGE TITLE */

.page-title {
font-size: 24px !important;
}

.info-page-title {
font-size: 18px;
}

.gallery-page-title {
font-size: 18px;
}

.page-header-bg {
height: 140px;
}


} /* END */


/*==========================================*/
/* S SIZE tablet : Small Devices, Tablets sm*/
/*==========================================*/
@media print, screen and (min-width : 768px) {

.container-fluid {
padding: 30px;
}

.navbar-toggle {
display: none !important;
}

/* NAVI OPEN */

.collapse {
    display: inline !important;
}


    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
.navbar-toggle {
    display: inline !important;
}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }


   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }

/* // NAVI OPEN */

/* Carousel  ===================*/

.carousel-text {
width: 100%;
margin: 0 auto 0;
position: absolute;
z-index: 100;
text-align: center;
}

.carousel-text h2 {
margin: 0 auto 0;
text-align: center;
color: #fff;
font-size: 42px;
line-height: 1.2;
}

.carousel-text p {
margin: 0 auto 0;
text-align: center;
color: #fff;
max-width: 800px;
margin: 0 auto 0;
font-size: 14px;
}



/* CALENDAR TABLE */

#wp-calendar table {
width: 100%;
border-top: solid 1px #ececec !important;
border-left: solid 1px #ececec !important;
}

#wp-calendar table th{
text-align: center;
border-right: 0 !important;
border-bottom: solid 1px #ececec !important;
padding: 10px;
background: #e7e7e7;
}

#wp-calendar table td{
border-right: 0 !important;
border-bottom: solid 1px #ececec !important;
padding: 10px;
}


/* TABLE */

table {
width: 100%;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
}

table th{
text-align: center;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding: 10px;
background: #e7e7e7;
}

table td{
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding: 10px;
}


tr:nth-child(odd){
background: #f5f5f5;
}



table.age-table {
max-width: 380px;
margin: 0 auto 0;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
}

table.age-table th{
text-align: center;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding: 10px;
background: #e7e7e7;
}

table.age-table td{
text-align: center;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding: 10px;
}


/* PAGE TITLE */

.page-title {
font-size: 28px !important;
}

.info-page-title {
font-size: 21px;
}

.gallery-page-title {
font-size: 21px;
}

.page-header-bg {
height: 180px;
}


/* PAGE NAVI  */

.wp-pagenavi {
font-size: 14px;
}

.wp-pagenavi a, .wp-pagenavi span {
min-width: 40px !important;
}

.wp-pagenavi a {
padding: 10px !important;
font-size: 14px;
}

.wp-pagenavi .pages {
padding: 10px !important;
}

.wp-pagenavi .extend {
padding: 10px !important;
}

.wp-pagenavi a.page.larger {
max-width: 40px !important;
}

.wp-pagenavi .current{
padding: 10px !important;
background: #000;
color: #fff;
}

.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}


.wp-pagenavi a .previouspostslink {
padding: 10px !important;
}

.wp-pagenavi a .nextpostslink {
padding: 10px !important;
}



} /* END */


/*==========================================*/
/* M SIZE desktop : Medium Devices, Desktops md*/
/*==========================================*/
@media print, screen and (min-width : 992px) {

/* NAVI */

/*
.dropdown:hover > .dropdown-menu{
  display: block;
}
*/



/* ON MOUSE */

.dropdown {
display: inline-block;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 1px !important;
    border-radius: 0 !important;
}

.dropdown .dropdown-menu {
     display: block;
     visibility: hidden;
     opacity: 0;
     transition:         all 0.2s  ease;
     -moz-transition:    all 0.2s  ease;
     -webkit-transition: all 0.2s  ease;
     -o-transition:      all 0.2s  ease;
     -ms-transition:     all 0.2s  ease;

}

.dropdown:hover .dropdown-menu {
     visibility: visible;
     opacity: 1;
}


.navbar-right .dropdown-menu {
    left: 0 !important;
    right: auto;

}


/* NAVI OPEN */

.navbar-toggle {
    display: none !important;
}

.navbar-header {
    float: left; 
}

.header-container {
width: 100%;
padding-right: 20px;
padding-left: 10px;
}


.navbar-right {
    float: right !important;
    margin-right: 15px;
}


.navbar-nav {
    float: left;
    margin: 0;
}

.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
}

.navbar-nav {
    float: left;
    margin: 0;
}

.navbar-nav > li {
    float: left;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height: 600px;
}

.navbar-nav .open .dropdown-menu {
       position: absolute;
       float: left;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: solid 1px #f4f4f4;
       -webkit-box-shadow: none;
       box-shadow: none;
background: #fff;
border-radius: none;
}

/* NAVI OPEN */

.navbar-nav>li>a {
    padding-top: 24px;
    padding-bottom: 24px;
}


/* PAGE TITLE */

.page-title {
font-size: 32px !important;
}

.info-page-title {
font-size: 24px;
}

.gallery-page-title {
font-size: 24px;
}

.page-header-bg {
height: 200px;
}




} /* END */


/*==========================================*/
/* L SIZE widescreen : Large Devices, Wide Screens lg*/
/*==========================================*/
@media print, screen and (min-width : 1200px) {

} /* END */




/* reCAPTCHA */
.grecaptcha-badge { visibility: hidden; }