<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    /* color */
    /*--main-color-orange: #FF8A3D;*/
    --main-color-yellow: #FBEED2;
    --main-color-yellow-bold: #B08D4A;
    --color-light-gray: #CACFD2;
    --color-background-gray: #f7f9fa;
    --main-color-black: #000000;
    --main-color-white: #ffffff;
    --main-color-red: #F92929;
    --main-color-dark-gray: #808B96;
    --color-background-beige: #fff4eb;
    /* font-size */
    --font-size-medium: 34px;
    --font-size-small: 30px;
    /* margin */
    --margin-title-bar: 40px;
}

.hide {
    position: absolute;
    left: 9999px

}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    /* color: var(--main-color-black); */
}

ul,
li {
    list-style: none;
}

textarea:focus,
input:focus {
    outline-width: 0;
}

button {
    outline: none;
    cursor: pointer;
}

/*
input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: transparent;
}

input:focus::-ms-input-placeholder {
    color: transparent;
} */

input::placeholder {
    color: #A6ACAF;
}

/*@media screen and (max-width: 1080px) {*/
/*    body {*/
/*        width: 1080px;*/
/*    }*/
/*}*/

body {
    background-color: var(--main-color-yellow);
}

/* header */

header {
    width: 100%;
    height: 78px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*box-shadow: 0 2px 4px var(--color-light-gray);*/
    /*background: var(--main-color-white);*/
    box-shadow: 0 2px 4px var(--color-light-gray);
    background: var(--main-color-yellow-bold);
    position: sticky;
    top: 0;
    z-index: 5;
    /* position: fixed;
    background: var(--main-color-white); */
    /* position: sticky;
    top: 0;
    background: var(--main-color-white); */
}

header .contents {
    display: flex;
    flex-direction: row;
}

header .contents a img {
    display: block;
    height: 37px;
    margin-right: 17px;
}

header .search_bar {
    height: 44px;
    width: 513px;
    border: 1px solid var(--main-color-yellow);
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 8px;
    position: relative;
    margin-right: 22px;
}

#search_text {
    border: none;
    width: 440px;
    height: 38px;
    font-size: 18px;
}

header .contents .search_bar .fa-search {
    font-size: 24px;
    position: absolute;
    right: 15px;
    top: 8px;
    color: var(--main-color-yellow);
}


header .contents .google,
header .contents .apple {
    width: 132px;
    height: 41px;
    /*border: 1px solid var(--main-color-yellow);*/
    border: 1px solid black;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    text-decoration: none;
    color: black;
    /*color: var(--main-color-yellow);*/
}

header .contents .apple {
    margin-right: 10px;
}

/*header .contents .apple:hover {*/
/*    background: var(--main-color-yellow);*/
/*    color: var(--main-color-white);*/
/*}*/

/*header .contents .google:hover {*/
/*    background: var(--main-color-yellow);*/
/*    color: var(--main-color-white);*/
/*}*/

header .contents &gt; a .fa-google-play {
    margin-right: 4px;
}

header .contents &gt; a .fa-apple {
    font-size: 20px;
    margin-right: 5px;
}

/* &lt;section id="header-top"&gt; */

#header-top {
    height: 643px;
    background: var(--color-background-gray);
    display: flex;
    justify-content: center;
}

#header-top .contents {
    /* border: 1px solid tomato; */
    width: 1050px;
    position: relative;
    background-color: var(--main-color-yellow);
}

#header-top .contents .text {
    text-align: center;
    position: absolute;
    top: 120px;
    left: 275px;
}

#header-top .contents .text h1 {
    font-size: 40px;
    margin-bottom: 10px;
}

#header-top .contents .text p {
    font-size: 17px;
}

#header-top .contents img {
    position: absolute;
    bottom: 0;
    left: 40px;
}

#header-top .contents .hot-keywords {
    width: 200px;
    height: 355px;
    /* border: 1px solid tomato; */
    position: absolute;
    right: 40px;
    bottom: 70px
}

#header-top .contents .hot-keywords h3 {
    padding-bottom: 35px;
    border-bottom: 2px solid var(--color-light-gray);
    font-size: 17px;
}

#header-top .contents .hot-keywords ul {
    list-style: none;
}

#header-top .contents .hot-keywords ul li {
    margin: 17px 0;
}

#header-top .contents .hot-keywords ul li p {
    position: relative;
}

#header-top .contents .hot-keywords ul li p a {
    color: var(--main-color-black);
}

#header-top .contents .hot-keywords ul li p a:hover {
    color: var(--main-color-red);
}

#header-top .contents .hot-keywords ul li p::before {
    content: "$";
    color: var(--main-color-black);
    font-weight: bold;
    margin-right: 7px;
}

#header-top .contents .hot-keywords ul li:nth-child(1) p::before {
    content: "1";
}

#header-top .contents .hot-keywords ul li:nth-child(2) p::before {
    content: "2";
}

#header-top .contents .hot-keywords ul li:nth-child(3) p::before {
    content: "3";
}

#header-top .contents .hot-keywords ul li:nth-child(4) p::before {
    content: "4";
}

#header-top .contents .hot-keywords ul li:nth-child(5) p::before {
    content: "5";
}

#header-top .contents .hot-keywords ul li:nth-child(6) p::before {
    content: "6";
}

#header-top .contents .hot-keywords ul li:nth-child(7) p::before {
    content: "7";
}


#header-top .contents .hot-keywords ul li span {
    color: var(--main-color-black);
    position: absolute;
    right: 3px;
    font-size: 14px;
}

#header-top .contents .hot-keywords ul li:nth-child(3) .fa-sort-up {
    color: var(--main-color-red);
    margin-right: 5px;
}

#header-top .contents .hot-keywords ul li:nth-child(2) .fa-sort-down,
#header-top .contents .hot-keywords ul li:nth-child(4) .fa-sort-down,
#header-top .contents .hot-keywords ul li:nth-child(5) .fa-sort-down {
    color: #3A8CFE;
    margin-right: 5px;
}

#header-top .contents .hot-keywords ul li:nth-child(6) span,
#header-top .contents .hot-keywords ul li:nth-child(7) span {
    color: var(--main-color-red);
}


/* &lt;section id="hot-items"&gt; */

#hot-items {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#hot-items h3 {
    font-size: var(--font-size-medium);
    margin-top: 120px;
    margin-bottom: 40px;
}

#hot-items h3::after {
    content: '';
    display: block;
    width: 70px;
    height: 2px;
    background: var(--main-color-yellow);
    margin: var(--margin-title-bar) auto;
}

#hot-items #only-items article,
#hot-items #only-items #add-hot-items {
    /* display: flex;
    width: 200px;
    height: 300px; */
    border: 1px solid var(--color-background-gray);
    border-radius: 8px;
    overflow: hidden;
}

#hot-items #only-items article:hover,
#hot-items #only-items #add-hot-items:hover {
    transform: translate(-3px, -5px);
    box-shadow: 3px 5px 7px var(--color-light-gray);
    cursor: pointer;
}

#hot-items #only-items article:hover {
    border: none;
}

#hot-items #only-items {
    display: grid;
    grid-template-rows: repeat(3, 280px);
    grid-template-columns: repeat(4, 200px);
    gap: 35px 32px;
    margin: 0 auto;
}

#hot-items #only-items article div {
    height: 145px;
}

#hot-items #only-items article:nth-child(1) div {
    background-image: url(https://dnvefa72aowie.cloudfront.net/origin/article/202008/40cbb777357563e47617a9e814f985ce3112c36e719ea9b19d3c8a3ec1c2fbea.webp?q=82&amp;s=300x300&amp;t=crop);
    background-size: 200px;
}

#hot-items #only-items article:nth-child(2) div {
    background-image: url(https://dnvefa72aowie.cloudfront.net/origin/article/202009/1DF8DF0D26BACE96806135544EB5A3C848DCBD73B75796B5BE9C2FEAB4A5F53D.jpg?q=95&amp;s=1440x1440&amp;t=inside);
    background-size: 200px;
}

#hot-items #only-items article:nth-child(3) div {
    background-image: url(https://dnvefa72aowie.cloudfront.net/origin/article/202008/981089C095FFA160EF28BEB0CD8406B7CC2026231278EEF84808D4D192BFDA23.jpg?q=95&amp;s=1440x1440&amp;t=inside);
    background-size: 200px;
}

#hot-items #only-items article:nth-child(4) div {
    background-image: url(https://dnvefa72aowie.cloudfront.net/origin/article/202009/0f6e6de914ad7a7d51391878a58723c6bc0c7fd7fd7eb7cd386cf66ef9b11cb9.webp?q=95&amp;s=1440x1440&amp;t=inside);
    background-size: 300px;
    background-position: -30px 0;
}

#hot-items #only-items article:nth-child(5) div {
    background-image: url(https://dnvefa72aowie.cloudfront.net/origin/article/202009/f00654bc4ff7f45600ad3a8414fe557ed1532f795a72c0935822948cee986366.webp?q=95&amp;s=1440x1440&amp;t=inside);
    background-size: 200px;
}

#hot-items #only-items article:nth-child(6) div {
    background-image: url(https://dnvefa72aowie.cloudfront.net/origin/article/202008/ed0ddb1f2a056b55eecdc3f197f75005207819af8a695f2d4d32d3cf53ada41f.webp?q=95&amp;s=1440x1440&amp;t=inside);
    background-size: 200px;
}

#hot-items #only-items article:nth-child(7) div {
    background-image: url(https://dnvefa72aowie.cloudfront.net/origin/article/202009/4ed18b8ed98dc7c7df47c7a3c9df9ea78035ca912c01cbceb39d24d44b6ef7ad.webp?q=95&amp;s=1440x1440&amp;t=inside);
    background-size: 300px;
}

#hot-items #only-items article:nth-child(8) div {
    background-image: url(https://dnvefa72aowie.cloudfront.net/origin/article/202009/ac20f77c015aaaf3f67b99862cb8c72aa78d9c71dabc943124c7788eecfbe357.webp?q=95&amp;s=1440x1440&amp;t=inside);
    background-size: 200px;
}

#hot-items #only-items article:nth-child(9) div {
    background-image: url(https://dnvefa72aowie.cloudfront.net/origin/article/202009/73CA776BBE2A396A42F989C747EFE8F3C3B3B2067CA8A1B8F8D0E596106B72DC.jpg?q=95&amp;s=1440x1440&amp;t=inside);
    background-position: -8px -15px;
    background-size: 200px;
}

#hot-items #only-items article:nth-child(10) div {
    background-image: url(https://dnvefa72aowie.cloudfront.net/origin/article/202008/856FAB5B4E5D43EA2C2E3BF67DBA02DB8C8428CC3BAB8A792432A339F9AB27D3.jpg?q=95&amp;s=1440x1440&amp;t=inside);
    background-position: 0 -48px;
    background-size: 200px;
}

#hot-items #only-items article:nth-child(11) div {
    background-image: url(https://dnvefa72aowie.cloudfront.net/origin/article/202008/f85cb4ce42ac7734e1a597590aad591c28ac8f4790f491d45fde65c4c7291473.webp?q=95&amp;s=1440x1440&amp;t=inside);
    background-position: 0 -5px;
    background-size: 200px;
}

#hot-items #only-items article &gt; p:nth-of-type(1) {
    margin: 15px 15px 0px 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--color-background-gray);
    text-align: left;
}

#hot-items #only-items article &gt; p:nth-of-type(1) span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

#hot-items #only-items article &gt; p:nth-of-type(1) span.title {
    font-weight: 700;
    line-height: 27px;
}

#hot-items #only-items article &gt; p:nth-of-type(1) span:nth-of-type(2) {
    font-size: 15px;
    color: var(--main-color-dark-gray);
    margin-bottom: 6px;
}

#hot-items #only-items article &gt; p:nth-of-type(1) span:nth-of-type(3) {
    color: var(--main-color-yellow);
    font-size: 15px;
    font-weight: 600;
}

#hot-items #only-items article &gt; p:nth-of-type(2) {
    text-align: left;
    margin-left: 15px;
    font-size: 13px;
    color: var(--main-color-dark-gray);
    line-height: 32px;
}

#hot-items #only-items #add-hot-items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#hot-items #only-items #add-hot-items p:nth-child(1) {
    font-size: 60px;
    font-weight: 100;
}

#hot-items #only-items #add-hot-items p:nth-child(2) {
    margin-bottom: 40px;
    width: 80px;
    font-weight: 700;
    line-height: 24px;
}


/* section id="near-market" */
#near-market {
    margin-top: 135px;
    height: 240px;
    background: var(--color-background-beige);
    display: flex;
    justify-content: center;
}

#near-market .center-layout {
    width: 910px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    /* max-width: 1300px; */
}

#near-market .center-layout .layout {
    align-self: center;
}

#near-market .layout .logo {
    width: 175px;
    margin-bottom: 5px;
}

#near-market .layout p {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
}

#near-market div .layout button {
    border: none;
    background: var(--main-color-yellow);
    color: var(--main-color-white);
    padding: 15px 6px;
    font-size: 19px;
    border-radius: 8px;
    font-weight: 600;
}

#near-market div:nth-child(2) img {
    width: 350px;
    position: absolute;
    right: 0;
    bottom: 43px;
}


/* section id="advantages" */
#advantages {
    height: 1260px;
    background: #f7f9fa;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#advantages .title {
    font-size: var(--font-size-medium);
    margin-top: 120px;
}

#advantages .title::after {
    content: "";
    display: block;
    width: 70px;
    height: 2px;
    bottom: 0;
    background: var(--main-color-yellow);
    margin: var(--margin-title-bar) auto;
}

#advantages .layout {
    display: grid;
    grid-template-rows: repeat(2, 400px);
    grid-template-columns: repeat(3, 240px);
    gap: 90px 130px;
    margin-top: 15px;
}

#advantages .layout .one-advantage {
    width: 240px;
    height: 400px;
    /* border: 1px solid; */
}

#advantages .layout .one-advantage .img {
    background-size: 240px;
    width: 240px;
    height: 240px;
    /* border: 1px solid black; */
    /* position: relative; */
}

#advantages .layout .one-advantage h5 {
    font-size: 22px;
    margin-top: 32px;
    margin-bottom: 10px;
}

#advantages .layout .one-advantage p {
    line-height: 25px;
}


/* section id="feedbacks" */
#feedbacks {
    height: 1130px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

#feedbacks .title {
    font-size: var(--font-size-medium);
    margin-top: 130px;
}

#feedbacks .title::after {
    content: "";
    display: block;
    width: 70px;
    height: 2px;
    bottom: 0;
    background: var(--main-color-yellow);
    margin: var(--margin-title-bar) auto 55px;
}

#feedbacks .contents {
    font-size: 18px;
    display: grid;
    grid-template-rows: repeat(3, 170px);
    grid-template-columns: repeat(3, 289px);
    gap: 95px 70px;
    align-self: center;
}

#feedbacks .contents li {
    text-align: left;
    position: relative;
}

#feedbacks .contents li p {
    /* margin: 5px 0 0 20px; */
    line-height: 28px;
    word-spacing: -2px;
    margin-top: 30px;
}

#feedbacks .contents li p span {
    color: var(--main-color-yellow);
}


/* section id="questions" */
#questions {
    height: 180px;
    display: flex;
    justify-content: center;
    background: var(--color-background-gray);
}

#questions .layout {
    width: 1120px;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

#questions .layout .title {
    font-size: var(--font-size-small);
    margin: 0 35px;
}

#questions .layout div {
    display: flex;
    align-items: center;
    margin: 0 55px;
}

#questions .layout div img {
    margin-right: 8px;
    height: 38px;
}

#questions .layout div a {
    font-size: 22px;
    font-weight: bolder;
    color: var(--main-color-black);
}

/* footer id="informations" */
#informations {
    height: 310px;
    background: #424242;
    font-size: 17px;
}

#informations .center-layout {
    padding: 40px 0 10px 60px;
}

#informations .center-layout a {
    color: #e0e0dc;
}

#informations .center-layout ul li {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 10px;
}

#informations .center-layout ul li:not(:last-child)::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 17px;
    background: #757573;
    right: 0;
    bottom: 0;
    margin-left: 10px;
}

#informations .center-layout .second_line li {
    margin-bottom: 20px;
}

#informations .center-layout .first_line li a {
    font-weight: 700;
}

#informations .center-layout .sns {
    font-size: 32px;
    margin: 20px 0;
}

#informations .center-layout .sns a {
    margin-right: 20px;
}

#informations .center-layout .layout {
    font-size: 15px;
    color: #858582;
}</pre></body></html>