/* ============================================
   ngk案件固有の上書き
   矢印は img/slide_left(_navy).png 等の画像ボタンをそのまま使うため、
   swipe-slider.css の「白丸＋影」の既定スタイルを打ち消す。
   ============================================ */

.swipe-arrow{
	width:29px;   /* 画像実寸(58x117/118)の半分。SPでの見た目に合わせて調整可 */
	height:auto;
	border-radius:0;
	background:none;
	box-shadow:none;
	padding:0;
}
.swipe-arrow:hover{
	transform:scale(1.06);
}
.swipe-arrow img{
	display:block;
	width:100%;
	height:auto;
}
.swipe-arrow.is-prev{ left:0; }
.swipe-arrow.is-next{ right:0; }

/* 「先輩たちの声」はカード全体が縦長（写真＋長文）なので、
   縦中央だと矢印が本文の途中に重なってしまう。写真の位置に合わせて
   上寄りに固定する。エンジン側の「ドット分を除いた中央寄せ」
   （top+bottom+margin:auto）は使わず、bottomをautoに戻して
   従来通りtopの固定値のみで位置決めする（height:autoと
   top+bottom指定の組み合わせだと、ボタンが縦に伸びてしまうため）。 */
/* 「先輩たちの声」の矢印は、cont4と同じくエンジン側の既定（ドット分を
   除いたカード中央寄せ）をそのまま使う。個別の上書きは不要。 */

/* 詳細度の競合対策：
   案件側の `#cont8 .voice{display:block}`（SP時）は ID+class で詳細度が高く、
   エンジン側の `.swipe-track{display:flex}`（class単体）だけでは負けてしまう。
   ここで詳細度を上回るセレクタを用意して確実にflexを効かせる。 */
@media screen and (max-width:750px){
	#cont8 .voice.swipe-track{
		display:flex;
	}
}

/* 詳細度の競合対策その2：
   PCで無限ループ用クローンを隠す `.is-clone{display:none}`（class単体）が、
   案件側の `#cont4 .map li{display:flex}`（ID+class+要素）に詳細度で
   負けて、PCでクローンが見えてしまっていた。同様に負ける可能性のある
   要素分、詳細度で上回るセレクタを個別に用意する。 */
@media screen and (min-width:751px){
	#cont4 .map li.is-clone,
	#cont8 .voice li.is-clone{
		display:none;
	}
}

/* 業務マップのカードは、矢印が来る高さ（縦中央）がちょうどナビー背景の
   画像部分に当たり、テキストとは重ならない。そのため重なりを完全ゼロに
   する必要はないが、カード＋矢印が画面の左右端までぴったり付いてしまい、
   他の要素（見出し等）との余白のリズムが崩れて見える、角丸に矢印が
   わずかに食い込む、という見た目の問題があったため、「ほんの少しだけ」
   内側に余白を作る（マスター確認済み、完全な重なり回避が目的ではない）。
   ※marginではなくpadding＋内側ラッパー方式を使う理由は上のバグ履歴を参照。 */
@media screen and (max-width:750px){
	#cont4 .map.swipe-track > li{
		padding:0 10px !important; /* 横方向の余白だけ。縦のpaddingは枠線の内側(inner)へ移す */
		border:none;
		background:none;
	}
	#cont4 .map.swipe-track > li .swipe-card-inner{
		display:block;
		padding-top:5%; /* 元々liにあった「枠線と文字の間」の余白。枠線を移した先にも同じ余白を持たせる */
		border:1px solid #21227d;
		border-radius:0.5em;
		overflow:hidden;
		background-color:#fff;
	}
}
.swipe-card-inner{
	display:contents;
}

/* 無効化時（このプロジェクトは無限ループのため通常は使わないが、保険として） */
.swipe-arrow:disabled{
	opacity:0.35;
}