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

/* =====================
  メインビジュアル
===================== */
#mainvisual {
    background-image: url(../images/rate/rate-mainvisual.jpg);
}
/* =====================
  料金
===================== */
/*  ご予約
------------------------*/
#reservation {
    padding: 80px 0;
    background-image: url(../images/common/yellow-bg.gif);
    margin: 0 auto 100px;
}
#reservation .inner {
    overflow: hidden;
}
#reservation .inner h2 + p {
    text-align: center;
    margin: 0 auto 40px;
}
#reservation .inner figure {
    width: 545px;
    height: 386px;
    float: right;
}
#reservation .inner figure + p {
    padding: 20px 0 0;
}
#reservation .inner figure + p a {
    display: block;
    width: 286px;
    height: 85px;
    margin: 0 0 20px;
}
#reservation .inner address {
    font-size: 24px;
    color: #cd5858;
    font-weight: bold;
}
#reservation .inner address a {
    color: #cd5858;
    text-decoration: none;
}
#reservation .inner p.btn {
    width: 320px;
    height: 48px;
    margin: 25px 0 5px;
}
/*  料金
------------------------*/
#rate {
    width: 920px;
    margin: 0 auto 100px;
}
#rate h3 {
    margin: 0 0 20px;
}
#rate h3.rate_title {
    margin: 100px 0 20px;
}
#rate p {
    margin: 5px auto 60px;
}
/*  表組み基本設定
------------------------*/
#rate table {
    width: 100%;
    font-size: 18px;
}
#rate table th {
    vertical-align: middle;
    padding: .5em 0;
}
#rate table td {
    border: 1px solid #ccc;
    text-align: center;
    padding: .5em 0;
}
#rate table th[ scope="col" ] {
    color: #fff;
    background-color: #86ac4f;
    border: 1px solid #86ac4f;
    border-right: 1px solid #fff;
}
#rate table th[ scope="col" ]:last-child {
    border-right: 1px solid #86ac4f;
}
#rate table th[ scope="row" ] {
    background-color: #f3f6ee;
    border: 1px solid #ccc;
}
/*  大人　基本料金表
------------------------*/
#rate table:nth-of-type(1) {
    margin: 0 auto 50px;
}
#rate table:nth-of-type(1) th[ scope="col" ] {
    width: 25%;
}
/*  幼児　基本料金表
------------------------*/
#rate table:nth-of-type(2) th[ rowspan="3" ] {
    width: 12%;
    color: #fff;
    background-color: #86ac4f;
    border: 1px solid #86ac4f;
    border-right: 1px solid #fff;
}
#rate table:nth-of-type(2) td {
    width: 24%;
}
/*  キャンセルポリシー
------------------------*/
#rate table:nth-of-type(3n) th[ scope="col" ] {
    width: 25%;
    background-color: #444;
    border: 1px solid #444;
    border-right: 1px solid #fff;
}
#rate table:nth-of-type(3) th[ scope="col" ]:last-child {
    border-right: 1px solid #444;
}
#rate table:nth-of-type(3) th[ scope="row" ] {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
}
/*  紹介
------------------------*/
#about {
    padding: 40px 0;
    background-image: url(../images/common/yellow-bg.gif);
}
#about .inner {
    padding: 40px 0;
    background-image: url(../images/rate/about-bg.gif);
    background-position: right center;
    background-repeat: no-repeat;
}
#about .inner h2 {
    text-align: left;
    background-position: left bottom;
}