@charset "UTF-8";
/* CSS Document */



/* ------------------------------------------------- *
 *        ヘッダー
 * ------------------------------------------------- */

/* ヘッダー、フッター背景 */
.nav-bg,footer{
    background: rgba(1,103,1,1.00);}

.logo{
    color: white;
}

/* ヘッダーナビ */

.navbar-tajima > .container,
  .navbar-tajima > .container-fluid, .navbar-tajima > .container-sm, .navbar-tajima > .container-md, .navbar-tajima > .container-lg, .navbar-tajima > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
  .navbar-tajima {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-tajima .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-tajima .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-tajima .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-tajima > .container,
  .navbar-tajima > .container-fluid, .navbar-tajima > .container-sm, .navbar-tajima > .container-md, .navbar-tajima > .container-lg, .navbar-tajima > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-tajima .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-tajima .navbar-toggler {
  }

/* ------------------------------------------------- *
 *        見出し
 * ------------------------------------------------- */

h1{
    text-shadow:2px 2px 5px #000000;
}

section{
    text-align: center;
    padding-bottom: 15px;
}
section h2{
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* ------------------------------------------------- *
 *        ヘッダーナビ
 * ------------------------------------------------- */

/* ヘッダーナビ offcanvas */

.drawer-menu{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 50px;
    text-align: center;
}

.menu-item{
    line-height: 300%;
}

.menu-item a{
    color: white;
    border-bottom: 1px solid #ffffff;
}


/* ------------------------------------------------- *
 *        タイトルボーダー
 * ------------------------------------------------- */

/* タイトルボーダー */
.title-border {
display: flex;
align-items: center;
}
.title-border:before,
.title-border:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.title-border:before {
margin-right: 2rem;
}
.title-border:after {
margin-left: 2rem;
}


/* title-p */
.title-p{
    margin-top: -12px;
}

/* ------------------------------------------------- *
 *        pc-off
 * ------------------------------------------------- */
@media (min-width: 992px){
.pc-off{
	display: none;
	}
}

/* ------------------------------------------------- *
 *        mob-off
 * ------------------------------------------------- */
@media (max-width: 991px){
.mob-off{
	display: none;
	}
}


/* drawerメインナビ */
.drawer-nav{}
.drawer-nav li a{
    color:white;
    text-decoration: none;
}


/* ------------------------------------------------- *
 *        sidebar
 * ------------------------------------------------- */

/********* sidebar *********/

.sidebar{
    border:solid 1px rgba(1,103,1,1.00);
    padding-top: 20px;
    margin-bottom: 15px;
}
.sidebar h3{
    font-size: 16px;
    background: rgba(1,103,1,1.00);
    color:#ffffff;
    padding: 5px 0;
}
.sidebar ul{
    padding: 0;
}
.sidebar ul li a{
    color: #666666;
    font-size: 12px;
    text-decoration: none;
    line-height: 100%;
}

.sidebar section{
    padding-bottom: 0;
}


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

/* フッター　メインメニュー */

.f-main-link{
    background: #ffffff;
    color: #000000;
    width: 98%;
    line-height: 130%;
}

.footer-main a{
    color: #000000;
}

.footer-main .row div{
    margin-bottom: 3px;
}

@media (max-width: 767px) {
    .footer-main {
    background: #637163;
    width: 100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 185px;
    background: url("../img/common/footer-rest-back.png") no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    color:#ffffff;
}

.footer-main-area{
    height: 185px;
    position: absolute;
    top: 15px;
    left: auto;
    right: auto;
    padding: 1%;
    width: 100%;
}
}

@media (min-width: 768px) {
    .footer-main {
    background: #637163;
    width: 100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 155px;
    background: url("../img/common/footer-rest-back.png") no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    color:#ffffff;
}

.footer-main-area{
    height: 155px;
    position: absolute;
    top: 15px;
    left: auto;
    right: auto;
    padding: 1%;
    width: 100%;
}
}


/* フッター　レストランメニュー */

.footer-rest{}

.footer-rest-area{}

.footer-rest-area h2{
    color:#0B660D;
}

.f-rest-link{
    background: #0B660D;
    color: #ffffff;
    width: 98%;
    line-height: 130%;
}

.footer-rest a{
    color: #ffffff;
}

.footer-rest .row div{
    margin-bottom: 3px;
}


/* フッター　SNSメニュー */

.footer-sns{
    background: #052C06;}

.footer-sns-area{}

.footer-sns-area h2{
    color: #ffffff;
}

.f-sns-link{
    background: #ffffff;
    width: 98%;
    line-height: 130%;
}

.footer-sns a{
    color: #000000;
}

.footer-sns .row div{
    margin-bottom: 3px;
}


/* ------------------------------------------------- *
 *        youtube埋め込み
 * ------------------------------------------------- */

.movie_area {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の縦幅*/
  height: 0;
  overflow: hidden;
}
 
.movie_area iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}