﻿

/*右側SNSのアニメーション*/

#nav {
    font-weight: bold; /*フォントの太さ指定(normalは標準)*/
    list-style: none; /*リストマーカーの種類指定(noneはなし)*/
}

#nav li {
    margin-bottom: 0.8em; /*ボックス外側下の余白*/
}

#nav li a {
    color: #333; /*文字色指定*/
    display: block; /*要素の表示指定（blockはブロックボックス生成）*/
    height: 80px; /*領域の高さ指定*/
    line-height: 10px; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
    padding-left: 100px; /*ボックス内側左の余白*/
    position: fixed; /*ボックスの配置方法(fixedは固定)*/
    text-decoration: none; /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

.reservation {
    top: 100px; /*上からの距離(positionで指定している場合に適用)*/
    right: -95px; /*右からの距離(positionで指定している場合に適用)*/
}

.re_awe {
    margin-right: 43px; /*ボックス外側右の余白*/
    color: #d00216; /*文字色指定*/
    font-size: 45px !important; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

.twitter {
    top: 170px; /*上からの距離(positionで指定している場合に適用)*/
    right: -120px; /*右からの距離(positionで指定している場合に適用)*/
}

.tw_awe {
    margin-right: 43px; /*ボックス外側右の余白*/
    color: #5EA9DD; /*文字色指定*/
    font-size: 50px !important; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

.twicas {
    top: 240px; /*上からの距離(positionで指定している場合に適用)*/
    right: -120px; /*右からの距離(positionで指定している場合に適用)*/
}

.cas_awe {
    margin-right: 43px; /*ボックス外側右の余白*/
    color: #5EA9DD; /*文字色指定*/
    font-size: 50px !important; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

.youtube {
    top: 310px; /*上からの距離(positionで指定している場合に適用)*/
    right: -150px; /*右からの距離(positionで指定している場合に適用)*/
}

.yo_awe {
    margin-right: 43px; /*ボックス外側右の余白*/
    color: #b20000; /*文字色指定*/
    font-size: 50px !important; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

.blog {
    top: 385px; /*上からの距離(positionで指定している場合に適用)*/
    right: -140px; /*右からの距離(positionで指定している場合に適用)*/
}

.blo_awe {
    margin-right: 43px; /*ボックス外側右の余白*/
    font-size: 50px !important; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
    line-height: 40px;
}

.shop {
    top: 380px; /*上からの距離(positionで指定している場合に適用)*/
    right: -83px; /*右からの距離(positionで指定している場合に適用)*/
}

.sh_awe {
    margin-right: 43px; /*ボックス外側右の余白*/
    color: #666666; /*文字色指定*/
    font-size: 45px !important; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

.offer {
    top: 440px; /*上からの距離(positionで指定している場合に適用)*/
    right: -58px; /*右からの距離(positionで指定している場合に適用)*/
}

.of_awe {
    margin-right: 43px; /*ボックス外側右の余白*/
    color: #aa9c03; /*文字色指定*/
    font-size: 42px !important; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

.message {
    top: 505px; /*上からの距離(positionで指定している場合に適用)*/
    right: -132px; /*右からの距離(positionで指定している場合に適用)*/
}

.me_awe {
    margin-right: 43px; /*ボックス外側右の余白*/
    color: #0c0360; /*文字色指定*/
    font-size: 45px !important; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}