holygrail2 1.0.0 → 1.0.2

package/dist/style.css

@@ -2393,63 +2393,75 @@ mark {
 }
 
 @media (min-width: 1px) {
-  .tit-m {
+  .title-l {
     font-family: arial, sans-serif;
     font-weight: 500;
-    font-size: 14px;
+    font-size: 12px;
     line-height: 1.2;
   }
-  .tit-s {
+  .title-l-b {
     font-family: arial, sans-serif;
     font-weight: 500;
-    font-size: 13px;
+    font-size: 12px;
     line-height: 1.2;
   }
-  .tit-xs {
+  .title-m {
     font-family: arial, sans-serif;
     font-weight: 500;
-    font-size: 12px;
+    font-size: 11px;
     line-height: 1.2;
   }
-  .tit-xs-b {
+  .title-s {
     font-family: arial, sans-serif;
-    font-weight: 900;
-    font-size: 12px;
+    font-weight: 500;
+    font-size: 10px;
     line-height: 1.2;
   }
-  .sub-xs {
+  .title-xs {
     font-family: arial, sans-serif;
     font-weight: 500;
     font-size: 11px;
     line-height: 1.2;
   }
-  .p-m {
+  .text-l {
     font-family: arial, sans-serif;
     font-weight: 500;
     font-size: 12px;
     line-height: 1.2;
   }
-  .p-s {
+  .text-m {
+    font-family: arial, sans-serif;
+    font-weight: 500;
+    font-size: 11px;
+    line-height: 1.2;
+  }
+  .tit-m {
     font-family: arial, sans-serif;
     font-weight: 500;
     font-size: 12px;
     line-height: 1.2;
   }
-  .p-xs {
+  .tit-s {
     font-family: arial, sans-serif;
     font-weight: 500;
-    font-size: 11px;
+    font-size: 12px;
     line-height: 1.2;
   }
-  .p-tag {
+  .tit-xs {
     font-family: arial, sans-serif;
     font-weight: 500;
     font-size: 10px;
-    line-height: 1.3;
+    line-height: 1.2;
   }
   .p-m-b {
     font-family: arial, sans-serif;
-    font-weight: 900;
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 1.2;
+  }
+  .p-m {
+    font-family: arial, sans-serif;
+    font-weight: 500;
     font-size: 12px;
     line-height: 1.2;
   }
@@ -2459,72 +2471,120 @@ mark {
     font-size: 12px;
     line-height: 1.2;
   }
+  .p-s {
+    font-family: arial, sans-serif;
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 1.2;
+  }
+  .p-xs {
+    font-family: arial, sans-serif;
+    font-weight: 500;
+    font-size: 11px;
+    line-height: 1.2;
+  }
   .p-xs-b {
     font-family: arial, sans-serif;
     font-weight: 900;
     font-size: 11px;
-    line-height: 1.3;
+    line-height: 1.2;
   }
   .p-xxs-b {
     font-family: arial, sans-serif;
     font-weight: 900;
-    font-size: 9px;
+    font-size: 11px;
+    line-height: 1.2;
+  }
+  .p-tag {
+    font-family: arial, sans-serif;
+    font-weight: 500;
+    font-size: 8px;
     line-height: 1.3;
   }
+  .sub-xs {
+    font-family: arial, sans-serif;
+    font-weight: 500;
+    font-size: 11px;
+    line-height: 1.2;
+  }
 }
 @media (min-width: 992px) {
-  .tit-m {
-    font-size: 16px;
+  .title-l {
+    font-size: 12px;
     line-height: 1.2;
   }
-  .tit-s {
-    font-size: 13px;
+  .title-l-b {
+    font-size: 12px;
     line-height: 1.2;
   }
-  .tit-xs {
-    font-size: 12px;
+  .title-m {
+    font-size: 11px;
     line-height: 1.2;
   }
-  .tit-xs-b {
-    font-size: 12px;
+  .title-s {
+    font-size: 10px;
     line-height: 1.2;
   }
-  .sub-xs {
+  .title-xs {
     font-size: 11px;
     line-height: 1.2;
   }
-  .p-m {
+  .text-l {
     font-size: 12px;
     line-height: 1.2;
   }
-  .p-s {
+  .text-m {
+    font-size: 11px;
+    line-height: 1.2;
+  }
+  .tit-m {
     font-size: 12px;
     line-height: 1.2;
   }
-  .p-xs {
-    font-size: 11px;
+  .tit-s {
+    font-size: 12px;
     line-height: 1.2;
   }
-  .p-tag {
+  .tit-xs {
     font-size: 10px;
-    line-height: 1.3;
+    line-height: 1.2;
   }
   .p-m-b {
-    font-size: 13px;
+    font-size: 12px;
+    line-height: 1.2;
+  }
+  .p-m {
+    font-size: 12px;
     line-height: 1.2;
   }
   .p-m-m {
-    font-size: 13px;
+    font-size: 12px;
     line-height: 1.2;
   }
-  .p-xs-b {
+  .p-s {
     font-size: 12px;
-    line-height: 1.3;
+    line-height: 1.2;
+  }
+  .p-xs {
+    font-size: 11px;
+    line-height: 1.2;
+  }
+  .p-xs-b {
+    font-size: 11px;
+    line-height: 1.2;
   }
   .p-xxs-b {
-    font-size: 9px;
+    font-size: 11px;
+    line-height: 1.2;
+  }
+  .p-tag {
+    font-size: 10px;
     line-height: 1.3;
   }
+  .sub-xs {
+    font-size: 11px;
+    line-height: 1.2;
+  }
 }
 @media (min-width: 1px) {
   .tit-m {
@@ -6204,11 +6264,11 @@ label {
 .form-input-label-2 input:not(:placeholder-shown),
 .error-zone input:not(:placeholder-shown) {
   padding-top: calc(14px + 14px * (2 / 3));
-  padding-bottom: calc(14px / 3 + 3px);
+  padding-bottom: 14px;
 }
 .form-input-label-2 input:not(:placeholder-shown) ~ label,
 .error-zone input:not(:placeholder-shown) ~ label {
-  padding-top: 0;
+  padding-top: 1px;
   padding-bottom: calc(14px / 3);
   font-size: 12px;
   color: #8e8e8e;
@@ -6470,6 +6530,9 @@ label {
   transform: translate3d(0, 0, 0);
   opacity: 0.7;
 }
+.has-light .input:focus {
+  border-color: #fff;
+}
 
 .form-postcode {
   flex-wrap: wrap;
@@ -6778,7 +6841,7 @@ ul.list-disc {
 }
 ul.list-disc li {
   position: relative;
-  padding: 8px 16px;
+  padding: 0 16px;
 }
 ul.list-disc li::after {
   background-color: #1a1a1a;
@@ -6835,7 +6898,6 @@ ul.list-inline-clear li::after {
 
 ul.list-clear li {
   list-style: none;
-  margin: 8px 0;
 }
 ul.list-clear li::after {
   display: none;
@@ -7010,23 +7072,13 @@ ul.list-breadcrumb li.list-breadcrumb-divider {
   transition: all 0.2s ease;
 }
 
-.tabs .list-equal {
-  display: flex;
-  align-items: flex-end;
-}
-.tabs .list-equal li {
-  flex-grow: 1;
-}
 .tabs ul {
-  align-items: center;
-  border-bottom: 1px solid #e3e3e3;
   display: flex;
-  flex-grow: 1;
-  flex-shrink: 0;
   justify-content: flex-start;
+  align-items: center;
   margin: 0;
-  font-family: arial, sans-serif;
-  font-weight: 500;
+  flex-grow: 1;
+  flex-shrink: 0;
 }
 .tabs li {
   display: block;
@@ -7034,36 +7086,32 @@ ul.list-breadcrumb li.list-breadcrumb-divider {
 }
 .tabs li a,
 .tabs li span {
-  align-items: center;
-  border-bottom: 1px solid #e3e3e3;
-  color: #8e8e8e;
   display: flex;
   justify-content: center;
-  margin-bottom: -1px;
-  padding: 16px;
+  align-items: center;
   vertical-align: top;
-  padding-bottom: 17px;
-  font-size: 12px;
-}
-.tabs li a:hover,
-.tabs li span:hover {
-  border-bottom-color: #000;
-  border-bottom-width: 2px;
-  padding-bottom: 16px;
   color: #000;
+  font-size: 12px;
   cursor: pointer;
+  padding: 8px 20px 12px 20px;
 }
 .tabs li.is-active a, .tabs li.is-active span {
-  border-bottom-color: #000;
-  border-bottom-width: 2px;
-  padding-bottom: 16px;
-  color: #000;
-  font-family: arial, sans-serif;
-  font-weight: 900;
+  position: relative;
+}
+.tabs li.is-active a::after, .tabs li.is-active span::after {
+  content: "";
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  background-color: #000;
+  bottom: 0;
 }
 .tabs li::after {
   display: none;
 }
+.tabs.tabs-resetfirst ul li:first-child a {
+  padding: 8px 20px 12px 0px;
+}
 .tabs.is-center ul {
   justify-content: center;
 }
@@ -7073,120 +7121,105 @@ ul.list-breadcrumb li.list-breadcrumb-divider {
 .tabs.is-around ul li {
   flex: 1;
 }
-.tabs.is-around ul li span {
-  border-bottom-width: 1px;
+.tabs .list-equal {
+  display: flex;
+  align-items: flex-end;
 }
-
-.tabs-list {
-  margin-left: -8px;
+.tabs .list-equal li {
+  flex-grow: 1;
 }
-.tabs-list li {
+
+.tabs-list,
+.tabs-clear li {
+  display: block;
+  width: 100%;
   margin: 0;
-  padding-left: 8px;
-  padding-right: 8px;
 }
-.tabs-list li span {
+.tabs-list span,
+.tabs-list a,
+.tabs-clear li span,
+.tabs-clear li a {
   position: relative;
-}
-.tabs-list li span:hover {
   cursor: pointer;
 }
-.tabs-list li span:hover::after {
+.tabs-list span::after,
+.tabs-list a::after,
+.tabs-clear li span::after,
+.tabs-clear li a::after {
   content: "";
+  position: absolute;
   width: 100%;
   background: #000;
   height: 2px;
-  position: absolute;
   bottom: -4px;
   left: 0;
 }
-.tabs-list li.is-active span::after {
-  content: "";
-  width: 100%;
+.tabs-list span:hover::after,
+.tabs-list a:hover::after,
+.tabs-clear li span:hover::after,
+.tabs-clear li a:hover::after {
   background: #000;
-  height: 2px;
-  position: absolute;
-  bottom: -4px;
-  left: 0;
 }
 
-.tabs-gray {
-  border: none;
+.tabs-list {
+  margin-left: -8px;
+}
+.tabs-list li {
+  padding: 8px;
+}
+
+.tabs-gray,
+.tabs-mini {
   position: relative;
   width: 100%;
-  background-color: #f0f0f0;
 }
-.tabs-gray ul {
+
+.tabs-gray {
+  background-color: #f0f0f0;
   border: none;
 }
+.tabs-gray ul,
 .tabs-gray li {
-  display: block;
-  margin: 0;
-  width: 100%;
+  border: none;
 }
 .tabs-gray a,
 .tabs-gray span {
-  font-family: arial, sans-serif;
-  font-weight: 500;
   color: #8e8e8e;
   border-color: #f0f0f0;
-  position: relative;
-}
-.tabs-gray a:hover,
-.tabs-gray span:hover {
-  color: #000;
-  cursor: pointer;
-}
-
-.tabs-clear li {
-  display: block;
-  margin: 0;
-  width: 100%;
 }
 
 .tabs-mini {
   display: inline-block;
 }
 .tabs-mini ul {
-  border: none;
-  background-color: #fff;
   padding: 0 14px;
+  background-color: #fff;
   display: inline-flex;
   font-family: arial, sans-serif;
 }
-.tabs-mini li {
-  position: relative;
-}
 .tabs-mini li a {
-  opacity: 0.5;
-  border: none;
   padding: 6px 8px 8px;
   color: #000;
+  border: none;
+  opacity: 0.5;
+}
+.tabs-mini li a:hover {
+  opacity: 1;
 }
 .tabs-mini li:first-child a::after {
-  content: "";
-  position: absolute;
   right: 0;
   width: 1px;
   height: 20px;
   background-color: #e3e3e3;
 }
-.tabs-mini li a:hover {
-  border: none;
-  cursor: pointer;
-  padding: 6px 8px 8px;
-  opacity: 1;
-}
 .tabs-mini li.is-active a {
-  padding: 6px 8px 8px;
   opacity: 1;
-  font-family: arial, sans-serif;
 }
 .tabs-mini.tabs-map {
-  max-width: 450px;
   display: flex;
   flex-flow: column nowrap;
   align-items: flex-end;
+  max-width: 450px;
 }
 .tabs-mini.tabs-map ul {
   border: 1px solid #e3e3e3;
@@ -10373,4 +10406,12 @@ div.card9-wrap .rat-content:hover .card9-add {
   right: 20px;
 }
 
+.bg-pink {
+  background-color: #fcd4e1;
+}
+
+.bg-blue {
+  background-color: #dcfbfe;
+}
+
 /*# sourceMappingURL=style.css.map */