update font

themes/hugo-universal-theme-master/layouts/partials/headers.html

@@ -24,7 +24,10 @@
 {{ hugo.Generator }}
 
 <!-- Font -->
-<link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
+<!-- <link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800' rel='stylesheet' type='text/css'> -->
 
 <!-- Bootstrap and Font Awesome CSS -->
 <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">

themes/hugo-universal-theme-master/static/css/style.bhouse.css

@@ -14,33 +14,10 @@
   margin: 0;
   padding: 0;
   box-sizing: border-box;
-  font-family: NSJP-300, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-family: "Noto Sans TC", sans-serif;
+  font-weight: 400;
 }
 
-@font-face {
-  font-family: NSJP-100;
-  src: url(../font/NotoSansJP-Thin.otf);
-}
-@font-face {
-  font-family: NSJP-300;
-  src: url(../font/NotoSansJP-Light.otf);
-}
-@font-face {
-  font-family: NSJP-400;
-  src: url(../font/NotoSansJP-Regular.otf);
-}
-@font-face {
-  font-family: NSJP-500;
-  src: url(../font/NotoSansJP-Medium.otf);
-}
-@font-face {
-  font-family: NSJP-700;
-  src: url(../font/NotoSansJP-Bold.otf);
-}
-@font-face {
-  font-family: NSJP-900;
-  src: url(../font/NotoSansJP-Black.otf);
-}
 /* 共通樣式 start */
 a {
   text-decoration: none;
@@ -95,7 +72,7 @@ img {
   font-size: 1.2rem;
   letter-spacing: 3px;
   margin-bottom: 1rem;
-  font-family: NSJP-700;
+  font-weight: 700;
 }
 
 .likeSee__state {
@@ -217,7 +194,7 @@ img {
 .navbar .navbar-link {
   padding: 0 20px;
   color: var(--main-color);
-  font-family: NSJP-500;
+  font-weight: 500;
 }
 
 .navbar .navbar-link:hover {
@@ -373,7 +350,7 @@ img {
   margin: 0;
   color: #ffffff;
   font-size: 22px;
-  font-family: NSJP-500;
+  font-weight: 500;
   letter-spacing: 2px;
 }
 @media (max-width: 575px) {
@@ -436,8 +413,7 @@ img {
 .footer .title {
   font-size: 15px;
   color: var(--main-color);
-  font-family: NSJP-500;
-  font-weight: bold;
+  font-weight: 500;
   letter-spacing: 1px;
 }
 
@@ -445,8 +421,7 @@ img {
 .footer .copyright,
 .footer .copyright a {
   color: #68686b;
-  font-weight: bold;
-  font-family: NSJP-400;
+  font-weight: 400;
   letter-spacing: 1px;
 }
 
@@ -464,7 +439,7 @@ img {
 .footer .mobile-list a {
   font-size: 20px;
   color: var(--main-color);
-  font-family: NSJP-400;
+  font-weight: 400;
 }
 
 .footer .mobile-list a:hover {
@@ -547,7 +522,7 @@ img {
   margin: auto;
   text-align: right;
   color: #fff;
-  font-family: NSJP-700;
+  font-weight: 700;
   letter-spacing: 2px;
 }
 
@@ -645,7 +620,7 @@ img {
 .faq-md-content .accordion .accordion-button,
 .faq-md-content .accordion .accordion-button p {
   font-size: 14px;
-  font-family: NSJP-500;
+  font-weight: 500;
   letter-spacing: 1px;
   background: transparent !important;
 }
@@ -674,7 +649,7 @@ img {
   letter-spacing: 1px;
   color: #000;
   font-size: 14px;
-  font-family: NSJP-500;
+  font-weight: 500;
   font-weight: normal;
 }
 .faq-md-content .accordion .accordion-button span img {
@@ -686,7 +661,7 @@ img {
 .faq-md-content .accordion .accordion-body span {
   font-size: 14px !important;
   line-height: 28px !important;
-  font-family: NSJP-700 !important;
+  font-weight: 700 !important;
   letter-spacing: 1px !important;
 }
 .faq-md-content .accordion .botder-item {
@@ -861,7 +836,7 @@ img {
   margin: 0;
   color: #ffffff;
   font-size: 22px;
-  font-family: NSJP-500;
+  font-weight: 500;
   letter-spacing: 2px;
 }
 @media screen and (max-width: 767px) {
@@ -888,7 +863,7 @@ img {
 
 .bhouseweb_item_type {
   cursor: pointer;
-  font-family: NSJP-400 !important;
+  font-weight: 400 !important;
 }
 
 .readMore {
@@ -987,7 +962,7 @@ img {
 .bhouseweb_loc_box p {
   min-width: 55px;
   padding-left: 25px;
-  font-family: NSJP-500 !important;
+  font-weight: 500 !important;
 }
 @media screen and (max-width: 767px) {
   .bhouseweb_loc_box p {
@@ -1224,7 +1199,7 @@ input[type=search]::-webkit-search-cancel-button {
   font-size: 1.4rem;
   letter-spacing: 3px;
   margin-bottom: 25px;
-  font-family: NSJP-700;
+  font-weight: 700;
 }
 
 @media screen and (max-width: 767px) {
@@ -1237,7 +1212,7 @@ input[type=search]::-webkit-search-cancel-button {
   font-size: 1.2rem;
   font-weight: 600;
   letter-spacing: 3px;
-  font-family: NSJP-700;
+  font-weight: 700;
 }
 
 .style_house_content {
@@ -1263,7 +1238,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 .style_house_sec01 h3 {
   font-size: 1.5rem;
-  font-family: NSJP-700;
+  font-weight: 700;
   letter-spacing: 2px;
 }
 
@@ -1274,7 +1249,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 .style_house_sec01 p {
   color: #808e4c;
-  font-family: NSJP-500;
+  font-weight: 500;
   letter-spacing: 2px;
 }
 
@@ -1366,7 +1341,7 @@ input[type=search]::-webkit-search-cancel-button {
   font-size: 14px;
   line-height: 28px;
   letter-spacing: 2px;
-  font-family: NSJP-500;
+  font-weight: 500;
 }
 
 @media screen and (max-width: 767px) {
@@ -1404,7 +1379,7 @@ input[type=search]::-webkit-search-cancel-button {
   width: 15%;
   padding-left: 15px;
   padding-top: 10px;
-  font-family: NSJP-400;
+  font-weight: 400;
 }
 
 @media screen and (max-width: 767px) {
@@ -1419,15 +1394,14 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .style_house_sec03 .table1 td p {
-  font-weight: 600;
-  font-family: NSJP-400 !important;
+  font-weight: 400 !important;
 }
 
 @media screen and (max-width: 767px) {
   .style_house_sec03 .table1 td {
     padding: 5px;
     font-size: 1rem;
-    font-family: NSJP-500 !important;
+    font-weight: 500 !important;
   }
 }
 .style_house_sec03 .table2 {
@@ -1442,25 +1416,25 @@ input[type=search]::-webkit-search-cancel-button {
   width: 15%;
   padding-left: 15px;
   padding-top: 10px;
-  font-family: NSJP-500 !important;
+  font-weight: 500 !important;
 }
 
 .style_house_sec03 .table2 td {
-  font-family: NSJP-400;
+  font-weight: 400;
 }
 
 @media screen and (max-width: 767px) {
   .style_house_sec03 .table2 th {
     width: 25%;
     font-size: 1rem;
-    font-family: NSJP-500 !important;
+    font-weight: 500 !important;
   }
 }
 .style_house_sec03 .table2 td p {
   margin-bottom: 0;
   line-height: 2;
   font-weight: 600;
-  font-family: NSJP-500 !important;
+  font-weight: 500 !important;
 }
 
 @media screen and (max-width: 767px) {
@@ -1479,7 +1453,7 @@ input[type=search]::-webkit-search-cancel-button {
   }
 }
 .style_house_sec04 p {
-  font-family: NSJP-500;
+  font-weight: 500;
 }
 
 .style_house_sec05 {
@@ -1519,45 +1493,44 @@ input[type=search]::-webkit-search-cancel-button {
 .f-78B142-20 {
   color: #78b142;
   font-size: 20px;
-  font-family: NSJP-700;
+  font-weight: 700;
   letter-spacing: 1.5px;
 }
 
 .f-2A2A2A-20 {
   font-size: 20px;
-  font-family: NSJP-500;
+  font-weight: 500;
   color: #2a2a2a;
   letter-spacing: 1.5px;
 }
 
 .f-2A2A2A-16 {
   font-size: 16px;
-  font-family: NSJP-500;
+  font-weight: 500;
   color: #2a2a2a;
   letter-spacing: 1.5px;
 }
 
 .f-2A2A2A-16-400 {
   font-size: 16px;
-  font-family: NSJP-300 !important;
   color: #2b2b2b;
   letter-spacing: 1.5px;
 }
 
 .f-fff-18 {
-  font-family: NSJP-700;
+  font-weight: 700;
   color: #fff;
   font-size: 18px;
 }
 
 .f-649E2E-24 {
-  font-family: NSJP-700;
+  font-weight: 700;
   color: #649e2e;
   font-size: 24px;
 }
 
 .f-649E2E-18 {
-  font-family: NSJP-700;
+  font-weight: 700;
   color: #649e2e;
   font-size: 18px;
 }
@@ -1577,7 +1550,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .room-planner-service {
-  font-family: NSJP-500;
+  font-weight: 500;
   font-size: 28px;
   letter-spacing: 2%;
 }
@@ -1590,7 +1563,7 @@ input[type=search]::-webkit-search-cancel-button {
   padding: 2px 1px;
   border-radius: 2%;
   color: #2a2a2a;
-  font-family: NSJP-500;
+  font-weight: 500;
   background: linear-gradient(#fff 30%, #f0f6dd 70%);
 }
 
@@ -1599,14 +1572,14 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .room-planner-service2 {
-  font-family: NSJP-500;
+  font-weight: 500;
   font-size: 28px;
 }
 .room-planner-service2 mark {
   padding: 2px 1px;
   border-radius: 2%;
   color: #000;
-  font-family: NSJP-500;
+  font-weight: 500;
   background: linear-gradient(#f0f6dd 50%, #e0ee79 100%);
 }
 
@@ -1694,7 +1667,7 @@ input[type=search]::-webkit-search-cancel-button {
 .room-planner-service-icon-box2 .icon-radius-text {
   color: #78b142;
   font-size: 20px;
-  font-family: NSJP-700;
+  font-weight: 700;
   margin-top: 15px;
 }
 .room-planner-service-icon-box .icon-radius,
@@ -1985,7 +1958,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 .room-planner-process .room-planner-process-box .room-planner-process-icon-text {
   margin-top: 10px;
-  font-family: NSJP-500;
+  font-weight: 500;
   font-size: 16px;
   color: #000;
   text-align: center;
@@ -2062,19 +2035,20 @@ input[type=search]::-webkit-search-cancel-button {
 }
 .room-planner-service-5-service-inf li {
   font-size: 16px;
-  font-family: NSJP-500;
+  font-weight: 500;
   color: #2a2a2a;
   letter-spacing: 1.5px;
   margin-top: -5px;
 }
 .room-planner-service-5-service-inf li::before {
-  content: "•";
-  color: #e0ee79;
-  font-weight: bold;
+  content: "";
   display: inline-block;
-  width: 0.6em;
-  margin-left: -1em;
-  font-size: 28px;
+  width: 8px;
+  height: 8px;
+  border-radius: 7.5px;
+  background-color: #e0ee79;
+  margin-right: 8px;
+  margin-left: -2em;
 }
 
 .room_planner-sales-service-left-text {
@@ -2145,7 +2119,7 @@ input[type=search]::-webkit-search-cancel-button {
 
 .step-sub-title {
   color: #4b7718;
-  font-family: NSJP-700;
+  font-weight: 700;
   font-size: 36px;
 }
 @media screen and (max-width: 767px) {
@@ -2155,7 +2129,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .steup-mb-title {
-  font-family: NSJP-700;
+  font-weight: 700;
   font-family: "Quicksand", sans-serif;
   font-size: 28px;
   color: #78b142;
@@ -2524,7 +2498,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 .room-planner-process-main .room-planner-process-main-box .room-planner-process-main-title-box .room-planner-process-main-title {
   font-style: oblique;
-  font-family: NSJP-700;
+  font-weight: 700;
   color: #4b7718;
   font-size: 42px;
   letter-spacing: 5px;
@@ -2724,7 +2698,7 @@ input[type=search]::-webkit-search-cancel-button {
   border-radius: 100px;
   padding: 5px 15px;
   color: #736357;
-  font-family: NSJP-700;
+  font-weight: 700;
   margin: 50px auto;
   font-size: 24px;
 }
@@ -2748,7 +2722,7 @@ input[type=search]::-webkit-search-cancel-button {
 .room-planner-process-mb-main .room-planner-process-main-title-box .room-planner-process-main-title {
   text-align: center;
   font-style: oblique;
-  font-family: NSJP-700;
+  font-weight: 700;
   color: #4b7718;
   font-size: 34px;
   letter-spacing: 5px;
@@ -3149,11 +3123,11 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .blog-categories .container .breadcrumb-item {
-  font-family: NSJP-500;
+  font-weight: 500;
 }
 
 .blog-categories .container .breadcrumb-item a {
-  font-family: NSJP-500;
+  font-weight: 500;
   color: var(--main-color);
 }
 
@@ -3212,7 +3186,7 @@ input[type=search]::-webkit-search-cancel-button {
   font-size: 24px;
   line-height: 32px;
   color: #4c660b;
-  font-family: NSJP-700;
+  font-weight: 700;
 }
 
 .blog-categories .article .article-item h4:hover {
@@ -3280,7 +3254,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 .blog-main .text-box .title {
   text-align: center;
-  font-family: NSJP-700;
+  font-weight: 700;
   font-size: 32px;
   letter-spacing: 2%;
   color: #649e2e;
@@ -3294,7 +3268,7 @@ input[type=search]::-webkit-search-cancel-button {
   max-width: 480px;
   margin: 40px auto;
   text-align: center;
-  font-family: NSJP-500;
+  font-weight: 500;
   font-size: 20px;
   line-height: 36px;
   color: #78b142;
@@ -3527,7 +3501,7 @@ input[type=search]::-webkit-search-cancel-button {
   font-size: 16px;
   text-align: center;
   margin: 15px 0;
-  font-family: NSJP-500;
+  font-weight: 500;
 }
 .blog-main .process_mb .row img {
   position: relative;
@@ -3655,7 +3629,7 @@ input[type=search]::-webkit-search-cancel-button {
 .blog-main .article_list .article_item .text_box h4 {
   color: #649e2e;
   font-size: 35px;
-  font-family: NSJP-700, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, ‘Open Sans’, ‘Helvetica Neue’, sans-serif;
+  font-weight: 700;
 }
 @media (max-width: 767px) {
   .blog-main .article_list .article_item .text_box h4 {
@@ -3665,7 +3639,7 @@ input[type=search]::-webkit-search-cancel-button {
 .blog-main .article_list .article_item .text_box h4 span {
   color: #78b142;
   font-size: 28px;
-  font-family: NSJP-500;
+  font-weight: 500;
 }
 @media (max-width: 767px) {
   .blog-main .article_list .article_item .text_box h4 span {
@@ -3704,7 +3678,7 @@ input[type=search]::-webkit-search-cancel-button {
 .blog-main .article_list .article_item .text_box ul li .blog_text h5 a {
   width: 130%;
   font-size: 18px;
-  font-family: NSJP-500;
+  font-weight: 500;
   color: #000;
 }
 .blog-main .article_list .article_item .text_box ul li .blog_text h5 a:hover {
@@ -3755,7 +3729,7 @@ input[type=search]::-webkit-search-cancel-button {
   transition: all 0.2s;
   letter-spacing: 1px;
   font-size: 18px;
-  font-family: NSJP-500;
+  font-weight: 500;
   cursor: pointer;
 }
 .blog-main .article_list .article_item .text_box .btn_box .read_more p {
@@ -3921,7 +3895,7 @@ input[type=search]::-webkit-search-cancel-button {
   margin: auto;
   font-size: 28px;
   text-align: center;
-  font-family: NSJP-700;
+  font-weight: 700;
   background: linear-gradient(to bottom, #f0f6dd 50%, #e0ee79 50%);
   margin-bottom: 25px;
 }
@@ -3978,7 +3952,7 @@ input[type=search]::-webkit-search-cancel-button {
 .blog_article h3 {
   color: #4c660b;
   font-weight: bold;
-  font-family: NSJP-900;
+  font-weight: 900;
   margin-bottom: 50px;
 }
 
@@ -3997,7 +3971,7 @@ input[type=search]::-webkit-search-cancel-button {
   margin-bottom: 0;
   line-height: 32px;
   letter-spacing: 1px;
-  font-family: NSJP-400;
+  font-weight: 400;
 }
 
 .blog_article .content {
@@ -4043,7 +4017,7 @@ input[type=search]::-webkit-search-cancel-button {
 
 .blog_article .question-box p {
   font-size: 20px;
-  font-family: NSJP-700;
+  font-weight: 700;
 }
 
 .blog_article .question-box ul a {
@@ -4064,7 +4038,7 @@ input[type=search]::-webkit-search-cancel-button {
   color: #ffffff;
   font-size: 14px;
   line-height: 28px;
-  font-family: NSJP-500;
+  font-weight: 500;
   letter-spacing: 2px;
 }
 @media (max-width: 767px) {
@@ -4087,17 +4061,17 @@ input[type=search]::-webkit-search-cancel-button {
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: bold;
-  font-family: NSJP-700;
+  font-weight: 700;
   color: var(--main-color);
 }
 
 .blog_article b {
-  font-family: NSJP-700;
+  font-weight: 700;
 }
 
 .blog_article li,
 .blog_article table td {
-  font-family: NSJP-400;
+  font-weight: 400;
 }
 
 .blog_article li {
@@ -4108,7 +4082,7 @@ input[type=search]::-webkit-search-cancel-button {
 .blog_article .list-title {
   font-size: 20px;
   font-weight: bold;
-  font-family: NSJP-700;
+  font-weight: 700;
 }
 
 .blog_article table {
@@ -4189,20 +4163,20 @@ input[type=search]::-webkit-search-cancel-button {
   margin-bottom: 0;
   line-height: 32px;
   letter-spacing: 1px;
-  font-family: NSJP-400;
+  font-weight: 400;
   margin-top: 10px;
 }
 .news-content h2 {
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: bold;
-  font-family: NSJP-700;
+  font-weight: 700;
   color: #000;
   letter-spacing: 1px;
 }
 
 .bhouseweb_loc_content .subtitle {
-  font-family: NSJP-900;
+  font-weight: 900;
 }
 .bhouseweb_loc_content .bhouseWeb_news_content {
   letter-spacing: 1px;
@@ -4212,12 +4186,12 @@ input[type=search]::-webkit-search-cancel-button {
 .likeSee__state__filter p {
   width: 110px;
   margin-left: 50px;
-  font-family: NSJP-500;
+  font-weight: 500;
   letter-spacing: 1px;
 }
 
 .bhouseweb_loc_sec p {
-  font-family: NSJP-400;
+  font-weight: 400;
 }
 
 .NewsDescription {
@@ -4253,13 +4227,13 @@ input[type=search]::-webkit-search-cancel-button {
 .furniture-design p {
   padding-right: 15px;
   text-align: justify;
-  font-family: NSJP-400;
+  font-weight: 400;
 }
 
 .furniture-design h5 {
   font-weight: bold;
   color: var(--main-color);
-  font-family: NSJP-700;
+  font-weight: 700;
 }
 
 .furniture-design p,
@@ -4296,7 +4270,7 @@ input[type=search]::-webkit-search-cancel-button {
 .furniture-design .tab-title .nav-link {
   margin: atuo;
   font-size: 18px;
-  font-family: NSJP-400;
+  font-weight: 400;
 }
 
 .furniture-design ul {
@@ -4309,7 +4283,7 @@ input[type=search]::-webkit-search-cancel-button {
   display: flex;
   flex-wrap: wrap;
   list-style: none;
-  font-family: NSJP-400;
+  font-weight: 400;
 }
 
 .furniture-design .design-list {
@@ -4375,7 +4349,7 @@ input[type=search]::-webkit-search-cancel-button {
   white-space: nowrap;
   text-align: center;
   letter-spacing: 2px;
-  font-family: NSJP-500;
+  font-weight: 500;
 }
 
 .furniture-design .sub-tab-content .text-item div {
@@ -4400,7 +4374,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 .furniture-design .mattress-price .price-item {
   font-size: 18px;
-  font-family: NSJP-500;
+  font-weight: 500;
 }
 
 .furniture-design .nav-pills .nav-link.active {
@@ -4461,7 +4435,7 @@ input[type=search]::-webkit-search-cancel-button {
   text-align: center;
   line-height: 50px;
   color: #fff;
-  font-family: NSJP-700;
+  font-weight: 700;
   letter-spacing: 2px;
 }
 
@@ -4536,7 +4510,7 @@ input[type=search]::-webkit-search-cancel-button {
 .design-container h6 {
   font-weight: bold;
   color: var(--main-color);
-  font-family: NSJP-700;
+  font-weight: 700;
 }
 
 .design-container h6 {
@@ -4544,7 +4518,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .design-container div {
-  font-family: NSJP-400;
+  font-weight: 400;
 }
 
 .design-container ul {
@@ -4605,7 +4579,7 @@ input[type=search]::-webkit-search-cancel-button {
   letter-spacing: 2px;
   text-align: justify;
   color: #4c660b;
-  font-family: NSJP-700;
+  font-weight: 700;
 }
 
 @media screen and (max-width: 767px) {
@@ -4627,7 +4601,7 @@ input[type=search]::-webkit-search-cancel-button {
 .brand_sec02_content p {
   letter-spacing: 2px;
   line-height: 28px;
-  font-family: NSJP-400;
+  font-weight: 400;
 }
 
 .brand_content {
@@ -4690,7 +4664,7 @@ input[type=search]::-webkit-search-cancel-button {
 .article__readMore {
   color: #656565;
   font-size: 0.9rem;
-  font-family: NSJP-500;
+  font-weight: 500;
   cursor: pointer;
 }
 
@@ -4746,7 +4720,7 @@ input[type=search]::-webkit-search-cancel-button {
   text-align: center;
   font-size: 18px;
   letter-spacing: 2px;
-  font-family: NSJP-500;
+  font-weight: 500;
 }
 
 @media screen and (max-width: 767px) {
@@ -4764,7 +4738,7 @@ input[type=search]::-webkit-search-cancel-button {
   font-size: 14px;
 }
 .store_cta_box_reserve p a {
-  font-family: NSJP-400;
+  font-weight: 700;
 }
 
 @media screen and (max-width: 767px) {
@@ -4817,7 +4791,7 @@ input[type=search]::-webkit-search-cancel-button {
   margin: 0 auto;
   font-size: 18px;
   letter-spacing: 2px;
-  font-family: NSJP-500;
+  font-weight: 500;
 }
 
 @media screen and (max-width: 767px) {
@@ -4835,7 +4809,7 @@ input[type=search]::-webkit-search-cancel-button {
   font-size: 14px;
 }
 .store_cta_box_form p a {
-  font-family: NSJP-400;
+  font-weight: 700;
 }
 
 @media screen and (max-width: 767px) {
@@ -4865,7 +4839,7 @@ input[type=search]::-webkit-search-cancel-button {
   color: #fff;
   text-decoration: none;
   font-size: 1.2rem;
-  font-family: NSJP-400;
+  font-weight: 400;
   -webkit-appearance: none;
   border-radius: 0;
 }
@@ -4893,7 +4867,7 @@ input[type=search]::-webkit-search-cancel-button {
   color: #fff;
   margin-right: 5px;
   transition: 0.3s;
-  font-family: NSJP-400;
+  font-weight: 400;
   letter-spacing: 2px;
   text-align: center;
   margin: 0;
@@ -4935,7 +4909,7 @@ input[type=search]::-webkit-search-cancel-button {
 .store_title {
   color: #4c660b;
   font-size: 1.8rem;
-  font-family: NSJP-700;
+  font-weight: 700;
 }
 
 @media screen and (max-width: 767px) {
@@ -4965,7 +4939,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 .store_content_item span {
-  font-family: NSJP-500;
+  font-weight: 500;
 }
 
 .assign-link {