@charset "utf8";
/* CSS Document */

body {
    margin: 0 auto;
    height: auto;
    text-align: center;
}

ul {
    display: inline-block;
    padding-inline-start: 0px;
}

ul li {
    list-style-type: none;
}

.kv img {
    max-width: 100%;
}

.kv {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

img {
    width: 100%;
    max-width: 960px;
    vertical-align: bottom;
}

.head {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
}

.menu {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
.menu_1 {
    width: 19%;
    height: 54%;
    position: absolute;
    margin-top: 2%;
    margin-left: 4%;
    z-index: 99;   
}
.menu_2 {
    width: 19%;
    height: 54%;
    position: absolute;
    margin-top: 2%;
    margin-left: 40%; 
    z-index: 99;  
}

.menu_3 {
    width: 19%;
    height: 54%;
    position: absolute;
    margin-top: 2%;
    margin-left: 77%;
    z-index: 99;  
}


.kv {
    width: 100%;
    max-width: 960px;
}

.kv img {
    margin-top: 23%;
}

.buy {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.buy_1 {
    width: 24%;
    height: 11%;
    position: absolute;
    margin-top: 50%;
    margin-left: 38%;
    z-index: 98;
}

.buy_2 {
    width: 24%;
    height: 13%;
    position: absolute;
    margin-top: 39%;
    margin-left: 38%;
    z-index: 98;
}

.buy_3 {
    width: 24%;
    height: 13%;
    position: absolute;
    margin-top: 38%;
    margin-left: 38%;
    z-index: 98;
}