diff --git a/testpage/test.css b/testpage/test.css
index 4830ceb..f2c54f8 100644
--- a/testpage/test.css
+++ b/testpage/test.css
@@ -76,6 +76,9 @@
position: fixed;
transition: all .5s;
top:0;
+ padding-top: 10px;
+ padding-bottom: 10px;
+
}
.header.change-color {
@@ -110,48 +113,55 @@
.header-nav nav ul li a:hover{
border-bottom: 2px solid #000;
}
- /*.header-nav nav ul li a::after{
- content: '';
- width: 0;
- transition: all 0.3s ease;
- border-bottom: 3px solid #000;
- display: block;
+ .header-nav nav ul li a:nth-child(4):hover{
+ border-bottom: none;
}
- .header-nav nav ul li a::after:hover{
- width: 100%;
- border-bottom: 3px solid #000;
- }*/
.top-logo{
width: 85px;
height: 85px;
object-fit: cover;
}
-
+ header.scroll-nav{
+ background: white;
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
+ padding-top: 0;
+ padding-bottom: 0;
+ }
/* -----------------------------------------------------メインビジュアル */
#mainvisual {
- height: 600px;
+ height: 650px;
position: relative;
margin-bottom: 120px;
+ width: 100%;
+ margin:0;
+ padding:0;
}
.mainvisual-inner{
margin-top: 110px;
+ max-width: 100%;
}
#mainvisual .top-text{
position: absolute;
- top: 420px;
- left: 10%;
z-index: 10;
+ top: 180px;
+ left: 8%;
overflow: hidden;
+
}
#mainvisual .top-text .text{
- font-size: 1.6rem;
+ font-size: 2.8rem;
+ font-weight: bold;
margin-bottom: 10px;
- background: linear-gradient(to right, #22CD87 0%, #C4F34C 100%);
color: white;
+ line-height: 4rem;
+ -ms-writing-mode: tb-rl;
+ writing-mode: vertical-rl;
+ text-shadow: 0 4px 6px #000;
}
.mainvisual-img{
position: relative;
+ max-width: 100%;
}
.mainvisual-img .top-title{
position: absolute;
@@ -161,7 +171,7 @@
font-size: 2.8rem;
}
#mainvisual .fade li {
- width: 80%;
+ max-width: 100%;
position: absolute;
top: 0;
right: 0;
@@ -169,9 +179,6 @@
animation: fade 15s infinite;
list-style: none;
}
- #mainvisual .fade li img{
- border-radius:35% 0 0 0;
- }
#mainvisual .fade li:nth-child(1) {
animation-delay: 0s;
}
@@ -182,9 +189,10 @@
animation-delay: 10s;
}
#mainvisual .fade li img {
- width: 100%;
+ width: 1500px;
height: 610px;
object-fit: cover;
+ border-radius:1% 1% 1% 1%;
}
#mainvisual .fade li::after {
content: "";
@@ -193,8 +201,8 @@
bottom: 0;
left: 0;
right: 0;
- box-shadow: inset 0px 0px 20px 20px #fff;
- border-radius: 35% 0 0 0;
+ box-shadow: inset 0px 0px 10px 10px #fff;
+ /* border-radius:1% 1% 1% 1%; */
}
@keyframes fade {
0% {
diff --git a/testpage/test.html b/testpage/test.html
index 170f56a..4321477 100644
--- a/testpage/test.html
+++ b/testpage/test.html
@@ -18,7 +18,6 @@
Document
-
- 
+