@charset "UTF-8";

/*================================================
 *  一般・共通設定
 ================================================*/

body {
    width: 100%;
    margin: 0 auto;
    font-size: 1.2rem;
    font-weight: 600;
    color: #8c7464;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    line-height: 1.6;
    letter-spacing: -1px;
    background: url(../images/body_bg.jpg);
    -webkit-text-size-adjust: 100%;
    margin-bottom: 70px;
}

a {
    color: #685548;
    text-decoration: none;
}

a:hover {
    color: #e78f00;
}

a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

hr {
    content: ".";
    display: block;
    height: 0;
    margin: 0;
    clear: both;
    visibility: hidden;
}

p {
    margin: 0 0 1em 0;
}

img {
    vertical-align: middle;
    width: 100%;
}

em {
    font-weight: bold;
}

strong {
    font-weight: bold;
    font-size: 110%;
}

pre {
    margin: 1em 0;
    padding: 1em;
}

.att {
    padding-left: 1.5em;
    text-indent: -1.5em;
}




/*================================================
 *  ヘッダー
 ================================================*/
header {
    width: 100%;
    position: fixed;
    background-color: #233644;
    background-size: contain;
    top: 0;
}

.drawer-open header {
    position: static;
}


header img {
    width: 100%;
}

#headbox {
    margin: 0 auto;
    max-width: 640px;
}

.cb-header {
    position: fixed;
    /* ヘッダーバーを固定 */
    top: 0;
    /* 上から0の位置に固定 */
    left: 0;
    /* 左から0の位置に固定 */
    display: none;
    /* ヘッダーバーを非表示 */
}



.headimg {
    width: 75%;
    padding: 2% 0;
    float: left;
}

.headbtn {
    width: 25%;
    padding: 1% 0 .5%;
    float: right;
}

main {
    width: 100%;
}

/*================================================
 *  フッター
 ================================================*/
.footbox {
    background-color: #513734;
    width: 100%;
    padding: 0 0 60px 0;
}

.footcont {
    max-width: 640px;
    margin: 0 auto;
}

.footlink {
    text-align: center;
}

.footlink a {
    color: #fff;
}

.copyright {
    clear: both;
    padding: 20px 0;
    font-size: 11px;
    text-align: center;
}



footer {
    width: 100%;
    position: fixed;
    background: none;
    background-size: contain;
    bottom: 0;
}

.drawer-open footer {
    position: static;
}


footer img {
    width: 100%;
}

#footerbox {
    margin: 0 auto;
    max-width: 900px;
}

.cb-footer {
    position: fixed;
    /* ヘッダーバーを固定 */
    bottom: 0;
    /* 上から0の位置に固定 */
    left: 0;
    /* 左から0の位置に固定 */
    display: none;
    /* ヘッダーバーを非表示 */
}



.headbtn {
    width: 100%;
    padding: 2.5% 0;
    float: right;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
    position: fixed;
    bottom: 15px;
    right: 15px;
}

.totop a {
    display: block;
    text-decoration: none;
}

.totop img {}

.totop img:hover {}




/*================================================
 *  トップページ
 ================================================*/
.mainbox,
.mainbnrbox,
.pickupbnrbox,
.infobox,
.cont01acont,
.cont01bcont,
.cont02acont,
.cont02bcont,
.cont03box,
.cont04box,
.cont05box,
.cont06box,
.cont07box {
    margin: 0 auto;
    max-width: 900px;
}

.mainimg {
    background: #ffeb3d;
}

.mainbnr {
    background: #ffeb3d;
}

.pickupbnr {
    background: #ffc435;
}

.cont01box1 {}

.cont01box2 {}

.cont02box1 {}

.cont02box2 {}

.cont03 {}

.cont04 {}

.cont06 {
    background: #ffd200;
}

.cont07 {
    background: #6a8cd1;
}