/*
 Theme Name: Open Garden Japan
 Version: 1.0.1 - 171211
 Description: Ascend customized by PENGUIN DESIGN
 Author: PENGUIN DESIGN
 Author URI: http://penguin-design.jp
 Template: ascend
 License: GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/* 簡易リセット */
html, body, h1, h2, h3, h4, h5, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td, figure {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}



/* 全体
****************************************************** */

body {
    color: #555555;
    font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif";
    font-size: 14px;
    line-height: 1.8em;
    letter-spacing: 0.1em;
}


.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}


/* 構造 content.containerリセット */

.home div#content.container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 767px) {
.home div#content.container {
    width: 100%;
    max-width: 100%;
}
}

@media screen and (min-width: 993px) {
.home div#content.container {
    width: 100%;
    max-width: 100%;
}
}
    
@media screen and (min-width: 1500px) {
.home div#content.container {
    width: 100%;
    max-width: 100%;
}
}

@media screen and (min-width: 1200px) {
.home div#content.container {
    width: 100%;
    max-width: 100%;
}
}

@media screen and (min-width: 992px) {
.home div#content.container {
    width: 100%;
    max-width: 100%;
}
}

@media screen and (min-width: 768px) {
.home div#content.container {
    width: 100%;
    max-width: 100%;
}
}

.home div#content.container > .row,
.home div#content.container > .row > .main.col-md-12 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

/* 基本構造 */
.s-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media screen and (min-width: 992px) {
.s-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
}
}

.s-wrapper-tall {
    padding-top: 65px;
    padding-bottom: 65px;
}

@media screen and (min-width: 992px) {
.s-wrapper-tall {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

.s-inner50{
    margin-bottom: 50px;
}

/* 随時 */
.pd-mb50 {
    margin-bottom: 50px;
}

.pd-mb25 {
    margin-bottom: 25px;
}

.pd-mb8 {
    margin-bottom: 8px;
}

/* スモールコンテンツ padding */
.xs-content-pd .col-ss-3 {
    padding-left: 5px;
    padding-right: 5px;
}


/* テキスト */
.entry-content p {
    margin: 0 0 10px;
}

.pd-bigger {
    font-size: 115%;
}

.pd-strong {
    font-weight: 700;
}

.text-right {
  text-align: right;
}

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

@media screen and (max-width: 991px) {
.br-del br {
    display: none;
}
}

.text-wh {
    color: #FFF;
}


/* google-map */
.g-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
}
.g-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    /* !important? */
    height: 100%;    /* !important? */
}

/* ギャラリー ガーターなし */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

/* bootstrap 付加 */
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) {
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 1200px) {
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

/* 背景 */

.bgc01 {
    background-color: #000;
    color: #FFF;
}

.bgc02 {
	background:
		-webkit-linear-gradient(45deg, hsla(359, 0%, 86%, 1) 0%, hsla(359, 0%, 86%, 0) 70%),
		-webkit-linear-gradient(315deg, hsla(359, 17%, 92%, 1) 10%, hsla(359, 17%, 92%, 0) 80%),
		-webkit-linear-gradient(225deg, hsla(122, 0%, 100%, 1) 10%, hsla(122, 0%, 100%, 0) 80%),
		-webkit-linear-gradient(135deg, hsla(359, 0%, 93%, 1) 100%, hsla(359, 0%, 93%, 0) 70%);
	background:
		linear-gradient(45deg, hsla(359, 0%, 86%, 1) 0%, hsla(359, 0%, 86%, 0) 70%),
		linear-gradient(135deg, hsla(359, 17%, 92%, 1) 10%, hsla(359, 17%, 92%, 0) 80%),
		linear-gradient(225deg, hsla(122, 0%, 100%, 1) 10%, hsla(122, 0%, 100%, 0) 80%),
		linear-gradient(315deg, hsla(359, 0%, 93%, 1) 100%, hsla(359, 0%, 93%, 0) 70%);
	}

.bgc03 {
    background-color: #D5C9B1;
}

.bgc04 {
    background-color: #FFDCE1;
    position: relative;
}


/* 背景画像full */
.bgi-basic {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: scroll;
    width: 100%;
}

.bgi-only {
    height: 60vh;
}

/* PCサイズ背景固定 */
@media screen and (min-width: 992px) {
.bgi-basic.bg-fixed,
.bgp-basic.bg-fixed{
    background-attachment: fixed;
}
}

.bgi01 {
    background-image: url("/wp-content/uploads/bg01.jpg");
}

.bgi02 {
    background-image: url("/wp-content/uploads/bg02.jpg");
}

.bgi03 {
    background-image: url("/wp-content/uploads/bg03.jpg");
}


/* 背景パターン */
.bgp-basic {
    background-repeat: repeat;
    background-attachment: scroll;
}

.bgp01 {
    background-image: url("/wp-content/uploads/bgp01.png");
}

.bgp02 {
    background-image: url("/wp-content/uploads/bgp03.png");
}

.bgp06 {
    background-image: url("/wp-content/uploads/bgp06.jpg");
}


/* 傾き */

.pd-skew {
    transform: skew(0deg, -2deg);
    position: relative;
    z-index: 1;
}

.pd-skew-rev {
    transform: skew(0deg, 2deg);
}

.pd-skew:before,
.pd-skew:after {
    content: '';
    background-color: #000;
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 100%;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
}
.pd-skew:before {
    height: 30px;
    top:-24px;
}
.pd-skew:after {
    height: 30px;
    bottom:-24px;
}



@media screen and (min-width: 768px) {
    .pd-skew:before {
        height: 42px;
        top:-36px;
    }
    .pd-skew:after {
        height: 42px;
        bottom:-36px;
    }
}

@media screen and (min-width: 1600px) {
    .pd-skew:before {
        height: 54px;
        top:-48px;
    }
    .pd-skew:after {
        height: 54px;
        bottom: -48px;
    }
}

@media screen and (min-width: 2400px) {
.pd-skew,
.pd-skew-rev {
    transform: none;
    position: static;
}
.pd-skew:before,
.pd-skew:after {
    display: none;
}
} /* 2400px以上は斜め切りしない */


/* Header
****************************************************** */

header.headerclass-outer {
    position: relative;
    z-index: 1;
}

header.headerclass-outer:after {
    content: '';
    background-color: #000;
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 100%;
    pointer-events: none;
    overflow: hidden;
    transform: skew(0deg, -2deg);
    height: 36px;
    bottom:-18px;
    z-index: -1;
}
@media screen and (min-width: 768px) {
    header.headerclass-outer:after {
        height: 62px;
        bottom:-31px;
    }
}
@media screen and (min-width: 1600px) {
    header.headerclass-outer:after {
        height: 88px;
        bottom:-44px;
    }
}
@media screen and (min-width: 2400px) {
    header.headerclass-outer:after{
        display: none;
    }
}


/* モバイル */

#kad-mobile-banner.banner.mobile-headerclass {
    position: relative;
    z-index: 1;
}

#kad-mobile-banner.banner.mobile-headerclass:after {
    content: '';
    background-color: #000;
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 100%;
    pointer-events: none;
    overflow: hidden;
    transform: skew(0deg, -2deg);
    height: 38px;
    bottom:-19px;
    z-index: -1;
}


/* Footer
****************************************************** */

footer.footerclass {
    position: relative;
    z-index: 1;
}

footer.footerclass:before {
    content: '';
    background-color: #000;
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 100%;
    pointer-events: none;
    overflow: hidden;
    transform: skew(0deg, -2deg);
    height: 36px;
    top:-18px;
    z-index: -1;
}
@media screen and (min-width: 768px) {
    footer.footerclass:before {
        height: 62px;
        top:-31px;
    }
}
@media screen and (min-width: 1600px) {
    footer.footerclass:before {
        height: 88px;
        top:-44px;
    }
}
@media screen and (min-width: 2400px) {
    footer.footerclass:before{
        display: none;
    }
}


/* トップページ
****************************************************** */

.home.page .sliderclass.home-sliderclass,
.home.page .sliderclass.kt_mobile_slider {
    padding-top: 0;
}


#content.homepagecontent {
    padding-top: 0;
    padding-bottom: 0;
}

/* トップタイトル */
h1.top-title01 {
    margin-bottom: 25px;
    font-size: 32px;
    text-align: center;
}

h1.top-title01 img.top-title-icon{
    width: 60px;
    margin-bottom: 8px;
}

figure.pick-up01 {
    background-color: rgba(255,255,255,0.7);
}

figure.pick-up01 figcaption {
    padding: 5px;
}

figure.pick-up01 figcaption .prefecture01{
    font-size: 12px;
    font-weight: 700;
}

figure.pick-up01 figcaption .pick-up01-title {
    font-size: 16px;
    line-height: 1.6;
}

ul.top-menu01 {
    text-align: center;
    list-style:none;
}

ul.top-menu01 li {
    margin-bottom: 8px;
}

ul.top-menu01 li:last-child {
    margin-bottom: 0;
}

/* 検索ボタン */

a.btn-ogj01 {
    display: inline-block;
    font-size: 18px;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none!important;
    border-radius: 50em;
    overflow: hidden;
    color: #FFF;
    background: #00aeef;
    transition: all .8s;
}

@media screen and (min-width: 992px) {
    a.btn-ogj01:hover {
    background: #e67e22;
    }
}

a.btn-ogj01 i {
  margin-top: -3px;
  margin-right: 6px;
  font-size: 1.1em;
}

a.btn-ogj01.btn-kf01small {
    padding: 6px 16px;
}
    


/* 個別ページ
****************************************************** */

.page .contentclass,
.archive .contentclass,
.single .contentclass {
    margin-top: 30px;
    margin-bottom: 30px;
}

.home.page .contentclass{
    margin-top: 0;
    margin-bottom: 0;
}

@media screen and (min-width: 992px) {
    .page .contentclass,
    .archive .contentclass,
    single .contentclass {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}