SHIP!! - 公式ライバー事務所

<header>
<a href="/"><img src="https://ship-liver.com/wp-content/uploads/2021/04/SHIP_logo_small.png"></a> 
</header>
<style type="text/css">
header{ 
 width: 100%; 
 overflow: hidden; 
 background: #fff; 
} 
/*　ハンバーガーボタン　*/ 
.hamburger { 
 display : block; 
 position: fixed; 
 z-index : 3; 
 cursor: pointer; 
 text-align: center; 
} 
.hamburger span { 
 display : block; 
 position: absolute; 
 width : 30px; 
 height : 2px ; 
 left : 6px; 
 background : #69C9FF; 
 -webkit-transition: 0.3s ease-in-out; 
 -moz-transition : 0.3s ease-in-out; 
 transition : 0.3s ease-in-out; 
} 
.hamburger span:nth-child(1) { 
 top: 10px; 
} 
.hamburger span:nth-child(2) { 
 top: 20px; 
} 
.hamburger span:nth-child(3) { 
 top: 30px; 
} 
/* ナビ開いてる時のボタン */ 
.hamburger.active span:nth-child(1) { 
 top : 16px; 
 left: 6px; 
 background : #fff; 
 -webkit-transform: rotate(-45deg); 
 -moz-transform : rotate(-45deg); 
 transform : rotate(-45deg); 
} 
.hamburger.active span:nth-child(2), 
.hamburger.active span:nth-child(3) { 
 top: 16px; 
 background : #fff; 
 -webkit-transform: rotate(45deg); 
 -moz-transform : rotate(45deg); 
 transform : rotate(45deg); 
} 
nav.globalMenuSp { 
 position: fixed; 
 z-index : 2; 
 top : 0; 
 left : 0; 
 color: #000; 
 text-align: center; 
 transform: translateX(100%); 
 transition: all 0.6s; 
 width: 100%; 
 height: 100vh; 
 background: rgb(50, 50, 51, 0.8); 
} 
nav.globalMenuSp ul { 
 margin: 0 auto; 
 padding: 0; 
 width: 100%; 
} 
nav.globalMenuSp ul li { 
 list-style-type: none; 
 padding: 0; 
 width: 90%; 
} 
nav.globalMenuSp ul li:last-child { 
 padding-bottom: 0; 
 border-bottom: none; 
} 
nav.globalMenuSp ul li:hover{ 
 background :#ddd; 
} 
nav.globalMenuSp ul li a { 
 display: block; 
 color: #69C9FF; 
 padding: 1em 0; 
 font-family: 'Roboto'; 
 text-decoration :none; 
} 
/* このクラスを、jQueryで付与・削除する */ 
nav.globalMenuSp.active { 
 transform: translateX(10%); 
} 
@media(min-width:426px){ 
header{ 
 padding: 15px; 
} 
.header-logo{ 
 height: 60px; 
 width: 180px; 
} 
.hamburger { 
 right : 13px; 
 top : 26px; 
 width : 42px; 
 height: 42px; 
} 
} 
@media(max-width:425px){ 
header{ 
 padding: 13px 0px 10px 13px; 
} 
.header-logo{ 
 width: 135px; 
} 
.hamburger { 
 right : 13px; 
 top : 12px; 
 width : 42px; 
 height: 42px; 
} 
} 
</style>
<h1>お問い合わせありがとうございました</h1>
後ほど担当者より、ご連絡させていただきます。 
しばらくお待ちください。
<a href="/" role="button"> 
SHIP!! 公式サイトへ 
</a>