11

css/mobile-first.css

@@ -36,7 +36,6 @@ h3 {
 }
 h3 em {color: #ad1818;
     font-size: 35px;
-    font-weight: 800;
     text-shadow: 1px 1px 1px #f6f6f6;}
 
 p {
@@ -314,34 +313,19 @@ table.infotable td a:hover, table.monthWeather td a:hover {
 }
 .detailtopbanner { padding-top: 83px;}
 .detailtopbanner img, .detailtopbanner video { margin: 0 auto;}
-.info_page_reco { width: 170px;}
-.info_reco_name {    font-size: 18px;
+.info_page_reco { width: 220px; margin-right: 15px; margin-top: 15px;}
+.info_page_reco img {--tw-shadow: 0px 4px 5px 2px rgba(70,70,70,0.3);
+    box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow);
+    border-radius: 6px;
+    margin-bottom: 5px;}
+.info_reco_name {font-size: 20px;
     position: relative;
-    background: #f5f5f5;
-padding: 10px 7px;
-height: 110px;}
-.info_reco_name a:after {
-    color: #ad1818;
-    content: "";
-    width: 8px;
-    height: 8px;
-    transition: transform 0.5s;
-    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
-    border-top: 3px solid #ad1818;
-    border-right: 3px solid #ad1818;
-    position: absolute;
-    margin-top: 8px;
-    margin-left: 5px;
-    transform: rotate( 
-45deg
-);
-    right: 12px;
-    bottom: 12px;
-}
-
+    padding: 10px 7px;
+    height: 60px;
+    font-family: 'Goudy Old Style';
+    font-weight: 600;}
 
 /* former list style */
-
 ol.drop1 {
     padding: 0 15px;
     margin: 0 15px;