/*
Theme Name: hacninohe-ships-chandler
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* ========== ↓ 基本共通設定 ↓ ========== */
/* 文字サイズ修正 */
body {
	font-size: 16px;
}
.global-nav-list>li .global-nav-name {
	font-size: 16px;
}
.localNavi a {
	font-size: 16px;
}
.breadcrumb {
	font-size: 16px;
}
table {
	font-size: 16px;
}
.footer-nav a {
	font-size: 14px;
}
.site-footer-content {
	font-size: 14px;
}
.site-footer-content .widget_nav_menu a {
	font-size: 14px;
}
/* コピーライト非表示 */
.site-footer-copyright p:nth-child(2) {
	display: none;
}
/* 投稿者名 非表示 */
.entry-meta-item-author {
	display: none;
}
/* ファイルダウンロードボタンの修正 */
.wp-block-file a {
	font-size: 16px;
}
/* FireFox対策 */
.wp-block-table :is(table,thead,tbody,tfoot,th,td) {
	border-color: rgba(0,0,0,0.06);
}
/* 通常ボタンスタイルの変更（統一） */
/*  「ファイル」ブロック、更新情報「続きを読む」 */
/* 　背景なし→ありの場合
.vk_post_btn {
	color: var(--wp--preset--color--vk-color-primary-dark);
	background-color: unset;
	border: 1px solid var(--wp--preset--color--vk-color-primary-dark);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.vk_post_btn:hover {
	color: #fff!important;
	background-color: var(--wp--preset--color--vk-color-primary-dark)!important;
}
.wp-block-file__button {
	color: var(--wp--preset--color--vk-color-primary-dark)!important;
	background-color: unset!important;
	border: 1px solid var(--wp--preset--color--vk-color-primary-dark)!important;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.wp-block-file__button:hover {
	color: #fff!important;
	background-color: var(--wp--preset--color--vk-color-primary-dark)!important;
}
*/
/* ========== ↑ 基本共通設定 ↑ ========== */

/* ========== ↓ 個別設定 ↓ ========== */
/* ページトップのカバー背景色ありの場合 */
body.home .site-body {
	padding-top: 0;
}
/* ページトップボタンの修正 */
.page_top_btn {
	bottom: 10%;
}
/* お問い合わせ */
/* 
input,
textarea {
	font-family: inherit;
	font-size: inherit;
}
*/
/* Contact Form 7 導入時ボタン
.wpcf7-submit {
	color: var(--wp--preset--color--vk-color-primary-dark)!important;
	background-color: unset!important;
	border: 1px solid var(--wp--preset--color--vk-color-primary-dark)!important;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.wpcf7-submit:hover {
	color: #fff!important;
	background-color: var(--wp--preset--color--vk-color-primary-dark)!important;
}
*/
/* ========== ↑ 個別設定 ↑ ========== */


/* ============= テーブル設定 ============= */
.wp-block-table th {
	width: 20%;
	text-align: left;
	background-color: #f3f3f3;
}
/* ============= テーブル設定 end ============= */

/* ============= ページタイトル 英語表記 ============= */
.page-header .page-header-title::after {
	content: '';
    display: block; /* 次の行に英語が表示されます */
    font-size: 0.6em; /* 英語表記の文字サイズを調整（任意） */
    color: #ffffff; /* 英語表記の色を調整（任意） */
    margin-top: 0px; /* 英語表記と上との間隔を調整（任意） */
}
.page-id-20 .page-header .page-header-title::after {
	content: 'Company Profile';
}
.page-id-252 .page-header .page-header-title::after {
	content: 'Specified Commercial Transactions';
}
.page-id-199 .page-header .page-header-title::after {
	content: 'Inquiry';
}

/* お問い合わせ */		
input,		
textarea {		
	font-family: inherit;	
	font-size: inherit;	
}		
.form-area dt {		
	width: 23%; 	
	display: flex;
	align-items: center;
}		
.form-area dd {		
	width: 77%; 	
}		
.form-area dt p {		
	display: inline-block;	
}		
.form-area p {		
	margin-bottom: 0;	
}		
.form-area dl {		
	display: flex;	
	padding-bottom: 0.5em;	
	align-items: flex-start;
}
@media  (max-width: 900px){
	.form-area dl {
		position: relative;
		display: block;
	}
	.form-area dt {
		width: 100%;
	}
	.form-area dd {
		width: 100%;
	}
}
.form-confirm.form-area dl {		
	border-bottom: 1px solid var(--wp--preset--color--vk-color-custom-1);
}		
.form-area dl.necessary dt::before {		
	content: "必須";	
	margin: 0 10px;	
	padding: 5px 10px;	
	color: #fff;	
	border: 1px solid var(--wp--preset--color--vk-color-custom-1);	
	background: var(--wp--preset--color--vk-color-custom-1);	
}		
.form-area dl:not(.necessary) dt::before {		
	content: "任意";	
	margin: 0 10px;	
	padding: 5px 10px;	
	color: #fff;	
	border: 1px solid #7d7d7d;	
	background: #7d7d7d;	
}		
.contact-button-area {		
	display: flex;	
	justify-content: center;	
}		

/* ============ お問い合わせフォーム送信ボタンの動作の隠しコマンド非表示設定  ============ */
.wpcf7-spinner {
	display: none!important;
}
/* ========== end ========== */

.contact-button-area .wpcf7-submit {		
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;	
	padding: 0.5em 2.5em;
	border-radius: 100px;	
	font-size: initial;
}		
.contact-button-area .wpcf7-previous {		
	border: 1px solid #9f9f9f;	
	background-color: #E2E2E2;	
	padding: .5em 2em;	
	margin-right: 1em;	
	border-radius: 100px;	
}		
select {		
  -webkit-appearance: none;		
  -moz-appearance: none;		
  appearance: none;		
		
  padding-right: 2em; /* 矢印のスペース確保 */		
		
  /* 矢印画像のURLを置き換えてください */		
  background-image: url('http://153.127.43.66/demo03/wp-content/uploads/2025/05/Downward_point.png');		
  background-repeat: no-repeat;		
  background-position: right 0.5em center;		
  background-size: 1em auto;		
		
  border: 1px solid #ccc; /* 任意の枠線 */		
  border-radius: 4px; /* 角丸の例 */		
}		

/* ======= スライド画像上 フォントサイズレスポンシブ ======= */
.ltg-slide-text-title {
	margin-bottom: 3%;
}

.ltg-slide-text-caption {
	line-height: var(--vk-line-height-low);
	margin-bottom: 0!important;
}

@media (max-width: 900px) {
	.ltg-slide-text-title {
  		font-size: 95%;
		margin: auto;
	}
	.ltg-slide-text-caption {
		margin: auto;
	}
}

@media (max-width: 760px) {
	.ltg-slide-text-title {
  		font-size: 80%;
	}
}

@media (max-width: 660px) {
	.ltg-slide-text-title {
  		font-size: 60%;
	}
	.ltg-slide-text-caption {
  		font-size: 60%;
	}
}

@media (max-width: 470px) {
	.ltg-slide-text-title {
  		font-size: 40%;
	}
	.ltg-slide-text-caption {
  		font-size: 40%;
	}
}

@media (max-width: 350px) {
	.ltg-slide-text-title {
  		font-size: 30%;
	}
	.ltg-slide-text-caption {
  		font-size: 30%;
	}
}

/*.wp-block-list a {
	color: #0000c5!important;
}*/

/* トップ動画設定 */
.top-video-box {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
/* ===== 背景動画全体設定 ===== */
.top-video-wrap {
  position: relative;
  width: 100%;
  height: calc(100vh - 80px); /* 全画面表示。任意で変更OK（例：60vh） */
  overflow: hidden;
}
@media (max-width: 991px) {
	.top-video-wrap {
		height: calc(100vh - 61px); /* 全画面表示。任意で変更OK（例：60vh） */
	}
}
/* ===== 動画の設定 ===== */
.top-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画面全体にきれいに表示 */
  z-index: 0;
}

/* ===== テキスト（動画の上に重ねる） ===== */
.top-content {
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 1rem;
	max-width: 1000px;
	margin: 0 auto;
}
@media (max-width: 1000px) {
	.top-content {
		padding-left: 2em;
		padding-right: 2em;
	}
}

/* ===== テキストスタイル調整 ===== */
.top-content p {
	text-align:left;
	color:#ffffff;
	text-shadow:0 0 10px #000000;
}
.top-content p.content-jp {
	font-size: clamp(16px,3dvw,32px);
	font-weight: bold;
}
.top-content p.content-en {
	font-size: clamp(12px,2dvw,18px);
	line-height: var(--vk-line-height-low);
	margin-bottom: 0!important;
}