/*********************************************************
全体
*********************************************************/
body {
    background: #F7F7F7;
    font-size: 14px;
}
img {
    width: 100%;
}
.clearfix:after{
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
}
li {
    list-style: none;
}
a {
    color: #B662FD;
}
a:hover {
    color: #BF0003;
}
/*********************************************************
ヘッダー
*********************************************************/
header {
    display: none;
}
#slide_menu {
    display: none;
}
/*********************************************************
メイン
*********************************************************/
.bg {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    height: 100%;
}
.blog-bg {
    background-image: url(image.php?id=004);
}
.snack-bg {
    background-image: url(image.php?id=005);
}
.goods-bg {
    background-image: url(image.php?id=006);
}
.introduction-bg {
    background-image: url(image.php?id=007);
}
#wrap {
    width: 960px;
    position: relative;
}
/*-----------------------
サイドバー
-----------------------*/
    #side-column {
        width: 240px;
        box-sizing: border-box;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        box-shadow: 1px 1px 6px #000;
        height: 100%;
    }
        #side-column .logo img {
            max-width: 200px;
            margin: 20px;
        }
        #side-column .sna-logo img {
            max-width: 120px;
            display: block;
            margin: 20px auto 0;
        }
        #side-column .sna-logo img:hover {
            opacity: 0.8;
        }
        #side-column li {
            margin: 0 0 1px 0;
        }
        #side-column .nav .tamablog {
            background: rgb(220,19,61);
        }
        #side-column .nav .snack {
            background: rgb(142,111,175);
        }
        #side-column .nav .goods {
            background: rgb(243,152,13);
        }
        #side-column .nav .introduction {
            background: rgb(0,96,175);
        }
        #side-column .nav .tamablog:hover {
            opacity: 0.8;
        }
        #side-column .nav .snack:hover {
            opacity: 0.8;
        }
        #side-column .nav .goods:hover {
            opacity: 0.8;
        }
        #side-column .nav .introduction:hover {
            opacity: 0.8;
        }
        #side-column .nav a {
            color: #FFF;
            text-decoration: none;
            display: block;
            padding: 6.5% 0 6.5% 7.5%;
            font-weight: bold;
        }
/*-----------------------
メイン
-----------------------*/
    #main {
        width: 720px;
        margin: 0 0 0 240px;
    }
        #tamablog {
            border-left: 20px solid rgb(220,19,61);
        }
        #snack {
            border-left: 20px solid rgb(142,111,175);
        }
        #goods {
            border-left: 20px solid rgb(243,152,13);
        }
        #introduction {
            border-left: 20px solid rgb(0,96,175);
        }
        .contents {
            width: 100%;
            margin: 0;
            padding: 20px;
            line-height: 1.5;
            height: 100%;
        }
            .contents h1 {
                    color: rgb(220,19,61);
                    font-size: 18px;
                    font-weight: bold;
            }
            #tamablog h1 {
                    color: rgb(220,19,61);
            }
            #snack h1 {
                    color: rgb(142,111,175);
            }
            #goods h1 {
                    color: rgb(243,152,13);
            }
            #introduction h1 {
                    color: rgb(0,96,175);
            }
            .contents article {
                margin: 40px 0 0 0;
                padding: 0 0 0 20px;
            }
                .contents h2 {
                    margin: 0 0 0 -20px;
                    font-size: 18px;
                    font-weight: bold;
                    padding: 0 0 5px 10px;
                    line-height: 18px;
                }
                #tamablog h2 {
                    border-left: 3px double rgb(220,19,61);
                    border-bottom: 1px solid rgb(220,19,61);
                }
                #snack h2 {
                    border-left: 3px double rgb(142,111,175);
                    border-bottom: 1px solid rgb(142,111,175);
                }
                #goods h2 {
                    border-left: 3px double rgb(243,152,13);
                    border-bottom: 1px solid rgb(243,152,13);
                }
                .contents article p {
                    margin: 1em 0 0 0;
                }
                #tamablog .date {
                    color: rgb(220,19,61);
                }
                #snack .date {
                    color: rgb(142,111,175);
                }
                #goods .date {
                    color: rgb(243,152,13);
                }
                .date {
                    text-align: right;
                    font-size: 12px;
                    margin: 0;
                    padding: 0;
                    line-height: 1em;
                }
/*-----------------------
ブログ ページナビゲーション
-----------------------*/
#pagination {
    margin: 0 0 10px 0;
}
#pagination li {
    display: inline-block;
    background: #585858;
    width: 25px;
    margin: 10px 10px 0 0;
}
#pagination li a {
    text-align: center;
    display: block;
    text-decoration: none;
    color: #FFF;
}
/*-----------------------
活動記
-----------------------*/
.w225 img {
    max-width:  225px;
}
.w300 img {
    max-width: 300px;
}
.w208 img {
    max-width: 208px;
}
.w141 img {
    max-width: 141px;
}
/*-----------------------
プロフィール
-----------------------*/
.title {
    width: 100px;
    display: inline-block;
    color: rgb(0,96,175);
}
.contents .column {
    margin: 20px 0 0 0;
    padding: 0 0 0 20px;
}
#introduction ul li {
    margin: 20px 0 0 0;
}
#introduction ul li ul {
    margin: 0 0 0 100px;
}
/*********************************************************
フッター
*********************************************************/