@charset "UTF-8";

/*
●カラー
ブランドベタ色 #323746
ブランド文字色 #06141D
ブランド差し赤 #C80000
body色 #E5E5E5
*/


/*////////////////////////////////////////


body


//////////////////////////////////////// */
body {
    font-family: 'Noto Sans JP', sans-serif;
    box-sizing: border-box;
    width: 100%;
    background: #323746;
}




/*////////////////////////////////////////


#contents


//////////////////////////////////////// */
#contents {
    box-sizing: border-box;
    width: 750px;
    height: auto;
}

/*======================================
.wrapper
======================================*/
.wrapper {
    box-sizing: border-box;
    width: 510px;
    /*background: #eee;*/
    margin: 120px auto;
}

.btn_you {
    margin-bottom: 80px;
}

/*======================================
.nav
======================================*/
.nav {
    box-sizing: border-box;
    width: 750px;
    height: 120px;
    background: #E5F0FF;
    /*
    background: url(../_img/navi.png);
    background-size: cover;
    */
    position: fixed;
    bottom: 0;
    font-size: 28px;
    font-weight: 400;
    display: flex;
    padding: 20px 0;
}

.nav a {
    color: #06141D;
    text-decoration: none;
}

.favorite .nav-f-num {
    width: auto;
    height: 34px;
    background: #c80000;
    position: absolute;
    top: -5px;
    right: 20px;
    text-align: left;
    padding: 0 12px;
    line-height: 34px;
    border-radius: 17px;
    font-weight: 600;
    color: #FFF;
    font-size: 20px;
}

.favorite .nav-f-num.none {
    display: none;
}

/* ホーム ------ */
.home {
    width: 116px;
    height: 80px;
    position: relative;
}

.home .icon {
    width: 45px;
    height: 47px;
    background: url(../_img/home_ac.png);
    background-size: cover;
    position: absolute;
    top: 16px;
    left: 35px;
}

/* フレーム選ぶ ------ */
.search {
    width: 317px;
    height: 80px;
    border-left: 1px solid rgb(50, 55, 70, 0.5);
    position: relative;
}

.search .icon {
    width: 72px;
    height: 32px;
    background: url(../_img/search.png);
    background-size: cover;
    position: absolute;
    top: 25px;
    left: 31px;
}

.search .text {
    position: absolute;
    top: 27px;
    left: 115px;
}

/* お気に入り ------ */
.favorite {
    width: 317px;
    height: 80px;
    /*background: #0ee;*/
    border-left: 1px solid rgb(50, 55, 70, 0.5);
    position: relative;
}

.favorite .icon {
    width: 64px;
    height: 62px;
    background: url(../_img/favorite.png);
    background-size: cover;
    position: absolute;
    top: 8px;
    left: 56px;
}

.favorite .text {
    position: absolute;
    top: 27px;
    left: 131px;
}