<header_common>
	<div class="header-wrapper">
		<h1 class="header-logo">
			<span class="pc">九州と大阪・神戸を結ぶ、快適クルージング｜阪九フェリー</span>
			<a href="{ base }/"><img src="{ base }/common/logo.png" alt="阪九フェリー"></a>
		</h1>
		<div class="header-right">

			<div class="header-right__wrap01">
				<ul class="header-right-link">
					<li class="header-right-link__item">
						<a href="https://www.han9f.co.jp/ko/" class="header-right-link__link">한국어</a>
					</li>
					<li class="header-right-link__item">
						<a href="https://global.han9f.co.jp/cn/" class="header-right-link__link">中文简体</a>
					</li>
					<li class="header-right-link__item">
						<a href="https://global.han9f.co.jp/tw/" class="header-right-link__link">中文繁體</a>
					</li>
					<li class="header-right-link__item">
						<a href="https://www.han9f.co.jp/en/" class="header-right-link__link">ENGLISH</a>
					</li>
					<li class="header-right-link__item">
						<a href="https://www.han9f.co.jp/" class="header-right-link__link">日本語</a>
					</li>
				</ul>

				<!-- <a href="https://han9f-funeco.jp/" target="_blank" class="header-funeko">
					<img src="{ base }/common/header-funeko.png" alt="阪九フェリーのふねこ">
				</a> -->

				
			</div>
			<!-- /.header-right__wrap01 -->

			<div class="header-right__wrap02">

				<a href="{ base }/faq/" class="header-right__btn faq">よくあるご質問</a>
				<!-- <a href="{ base }/contact/" class="header-right__btn contact">お問い合わせ</a> -->
				<a href="https://fnet.han9f.co.jp/login.php" class="header-right__login" target="_blank">ログイン</a>
				<div class="header-right__search">
					<form method="get" action="https://www.google.co.jp/search">
						<input type="search" onfocus="if (this.value == '') this.value = '';"
							onblur="if (this.value == '') this.value = '';" value="" name="q">
						<input type="hidden" name="ie" value="utf-8">
						<input type="hidden" name="oe" value="utf-8">
						<input type="hidden" name="hl" value="ja">
						<input type="hidden" name="domains" value="www.han9f.co.jp">
						<input type="hidden" name="sitesearch" value="www.han9f.co.jp" checked="checked">
						<input type="image" alt="検索" width="31" height="30" src="{ base }/common/icon_search.png" />
					</form>
				</div><!-- .searchBox -->

				<a href="/dantai/" class="header-right__dantai">団体のお客様へ</a>
			</div>
			<!-- /.header-right__wrap02 -->

			
		<a href="{ base }/funeco/" class="header-funeko">
			<img src="{ base }/common/funeko.png">
		</a>

		
		</div><!-- .header-wrapper__right -->

	</div>

	<!--締切-->
    <div id="modal-login">
        <div class="iziModal-content">
            <a data-izimodal-close="" class="iziModal-content-close">×</a>
            <div class="modal-login__wrap">
                <p class="modal-login__remarks">11/14のシステム改修により、<br>乗船日によってログインページが異なります。<br><span class="em">ご希望の乗船日ボタンよりログイン画面にお進みください。</span></p>
               <div class="modal-login__lead">
					<p class="modal-login__lead__title">新規会員登録（既に会員のお客様は除く）のお客様へ</p>
					<p class="modal-login__lead__text">往路が1月13日まで、復路が1月14日以降のお客様は、<span class="em">往路の会員登録で1月14日以降のログインが出来ません。</span>大変お手数ですが、<span class="em">往路と復路の両方で会員登録</span>をお願いいたします。</p>
			   </div>
			   <ul class="modal-login__btn-list">
					<li class="modal-login__btn-list__item">
						<a href="https://h9web.han9f.co.jp/login.php?_gl=1*1h0xi8v*_gcl_au*MzcyMjEwMDAuMTc2MDA4NTM5OA.." target="_blank" class="modal-login__btn">2026年<span class="em">1月13日<br class="sp">乗船</span>まで</a>
					</li>
					<li class="modal-login__btn-list__item">
						<a href="https://fnet.han9f.co.jp/login.php" target="_blank" class="modal-login__btn green">2026年<span class="em">1月14日<br class="sp">乗船</span>から</a>
					</li>
				</ul>
				<!-- /.modal-login__btn-list -->
            </div>
			<!--//modal-login__wrap-->
        </div>
    </div>
    <!--//締切-->

	<script>
    this.on('mount', function() {
      // modal設定
      $("#modal-login").iziModal({
        headerColor: "#4da9b7",
        overlayColor: "rgba(0, 0, 0, 0.8)"
      });

      $(document).on("click", ".modal-login", function(e) {
        e.preventDefault();
        $("#modal-login").iziModal("open");
      });
    });
  </script>


</header_common>
