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


/* 基本
------------------------------------------------------*/
body {
    font: 14px/22px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:hover,
#page-top:hover {
    opacity: 0.7;
}
a.tel:hover {
    opacity: 1;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}

.foot {
    font-size: 10px;
    padding-top: 2em;
    color: #FFF;
    text-align: center;
    background: url("../images/osechi2025_bottom_05.jpg") repeat-y 0 0 / 100% auto;
}

.m-hoot a {
    padding: 0px 10px;
    font-size: 120%;
    line-height: 2.0em;
    color: #FFF;
}

address {
    padding: 10px 0 10px;
    font-style: normal;
}

/* 全体幅調整
------------------------------------------------------*/
.wrap {
    max-width: 768px;
    width: 100%;
    margin: 0 auto;
}

.wrap img {
    width: 100%;
}

/*　オファー
------------------------------------------------------*/
.wrap .offer {
    position: relative;
}

.offer_btn01,.offer_btn02,.offer_btn03,.offer_btn04,.offer_btn05,.offer_btn06,.offer_btn07,.offer_btn08,.offer_btn09,.offer_btn10,.offer_btn11,.offer_btn12,.offer_btn13,.offer_btn14,.offer_btn15 {
    position: absolute;
}

.offer_btn01 {
    top: 46%;
}

.offer_btn02 {
    top: 24%;
}

.offer_btn03 {
    top: 48%;
}

.offer_btn04 {
    top: 40%;
    left: 5%;
    width: 40%;
}

.offer_btn05 {
    top: 40%;
    left: 55%;
    width: 40%;
}

.offer_btn06 {
    top: -2%;
}

.offer_btn07 {
    top: 54%;
}

.offer_btn08 {
    top: -2%;
}

.offer_btn09 {
    top: 54%;
}

.offer_btn10 {
    top: -2%;
}

.offer_btn11 {
    top: 54%;
}

.offer_btn12 {
    top: -2%;
}

.offer_btn13 {
    top: 24%;
}

.offer_btn14 {
    top: -2%;
}

.offer_btn15 {
    top: 54%;
}

/*　その他調整
------------------------------------------------------*/
/*　Accordion
------------------------------------------------------*/
.acmenu dt {
    cursor: pointer;
}

.acmenu dt img.cls, .acmenu dt.active img.opn {
    display: none;
}

.acmenu dt.active img.cls {
    display: inline;
}

.acmenu dd {
    display: none;
}

/*自動ビフォーアフター
------------------------------------------------------*/
div.comparison {
    overflow: hidden;
}

div.comparison figure {
    position: relative;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

div.comparison figure div {
    background-image: url(../images/after.jpg);
    background-size: cover;
    position: absolute;
    box-shadow: 0 5px 10px -2px rgba(0,0,0,0.3);
    overflow: hidden;
    bottom: 0;
    height: 100%;
}