@charset "utf-8";
@media (max-width: 768px) {
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	css変数
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	:root {
		--slick_side_margin: 7.5px;/*slik内の要素の左右の余白。*/
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ローカルナビ
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ローカルナビ 色変更のため書き換え2024-07-24kn
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	/*プロモ画像下のチャイルドナビ*/
	/*.h_child_navi ul.child_navi a {
		color: var(--main);
	}*/
	.h_child_navi ul.child_navi a {
		color: #979797;
		background-color :#F8F8F6;;
	}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ローカルナビ
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ローカルナビ 色変更のため書き換え2024-07-24kn
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	/*.h_child_navi ul.child_navi a:hover,
	.h_child_navi ul.child_navi li[class*='current'] a {
		background-color: var(--main);
	}*/
	.h_child_navi ul.child_navi a:hover,
	.h_child_navi ul.child_navi li[class*='current'] a {
		background-color: #d70000;
	}
	

	.h_child_navi ul.child_navi {
		background-color: var(--h-child-navi-bg);
	}
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	top > カルーセル（全画面）
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	#carousel_full :is(.slick-prev, .slick-next)::before {
		font-size: 15px;
		width: 35px;
		height: 35px;
	}

	#carousel_full :is(.slick-prev, .slick-next) {
		top: -50px;
	}
	
	#carousel_full .slick-next {
		right: 0;
	}

	#carousel_full .slick-prev {
		right: 45px;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	top > カルーセル（2カラム）
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	#carousel_2col .txt_wrap {
		display: contents;
	}
	
	/*矢印*/
	#carousel_2col :is(.slick-prev,.slick-next) {
		top: calc(100% + 30px);
	}
	
	#carousel_2col .slick-prev {
		left: 10px;
	}
	
	#carousel_2col .slick-next {
		right: 10px;
	}

	#carousel_2col :is(.slick-prev,.slick-next):before {
		font-size: 35px;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	ナガイ　2024-07-01
	━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	#nagai .banar {
	bottom: 15px;
	left :15px;
	}
	#nagai .eedee-swiper-outer img,
	#nagai .eedee-swiper-outer > *:not(.wp-block-eedee-gutenslider__content){
 	max-height: none;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ビニカ(ファーストビュー)2024-06-28kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
	#binika .binika_ttl::after {
	content: "none";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ユニオンランチ2024-06-28kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*	.union_container::before {
	top: 100%;
}*/
	#union_container .sub_ttl {
		display: none;
	}
	
	.union_container::before {
	bottom: 95px;
	width: 1000px;
	height: 96px;
	background-size: contain;
		z-index : 2;
	}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
h-promo 2024-06-28kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.area_wrap::after {
	display: none;
}

.arumi::after {
	content:"";
	position: absolute;
	background: url(https://h-promo.jp/wordpress/wp-content/themes/generatepress_child/images/promo_exterior_img.png);
	background-size: contain;
	width: 100px;
	height: 99px;;
	top: -45px;
	left: 230px;
	z-index: -2;
	background-repeat: no-repeat
}
.window::before {
	height: 65px;
	width: 65px;
	top: -7vw;
	left: -8vw;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハイエスト  > display:gled レイアウト調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
#home_promo  {
    display: grid;
    grid-template-areas:
		"ttl"
		"img"
		"news";/*ここでpcとの並び順を変更します。*/
    gap: 10px;/*コンテンツ要素同士の間を調整*/
}
#home_promo .ttl {
    grid-area: ttl;/*display:grid;で制御するための名前をつける*/
}
#home_promo .img {
    grid-area: img;/*display:grid;で制御するための名前をつける*/
}
#home_promo .news {
    grid-area: news;/*display:grid;で制御するための名前をつける*/
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハイエスト  >買い取りNo1ロゴサイズ調節
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_promo .sub_ttl::before{
	width: 85px;
	top: -28px;
	left: -90px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハイエスト  >買い取りNo1ロゴサイズ調節
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	#home_promo .img{
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハイエスト  > 買い取り
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*背景英語サイズ調整*/
#kaitori_pic::before {
	width: 345px;
	height: 51px;
	top: -45px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハイエスト  > 車種英文フォントサイズ調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
	.txt_model::before {
	font-size: 29px;
	top :-270px;
	}
	
	/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハイエスト  > QA
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
	
#home_QA .txt::before{
	width: 350px;
	height: 81px;
	background-repeat: no-repeat;
	top: -24px;
}
#home_QA .img{
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
flow背景白線
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_flow .img_wrapper::before{
	height: 500px;
	width: 1px;
	left: 75px
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　ベーシックテーブル02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table02 tr > td:first-child{
	width: 100%;
	}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
reason > 画像ポジション変更
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#reason .img {
	object-position: left;
	height: 260px;
	
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
asessment > 英文字サイズ調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#asessment .big{
	font-size: 24px;
	padding-left: 3px;
	font-weight: 900;
	}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Googlemap サイズ調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* スマホ用の高さ */
@media (max-width: 767px) {
  #google-map {
    height: 300px;
  }
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハイエスト＞買取実績スマホ調節
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body[class*='archive-case'] .grid-container {
    width: 100%;
	}
#case img{
	max-height: 200px;
	border-radius: 10px;
	}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「booking-package」予約プラグイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#booking-package .dateField {
    font-size: 14px;
    padding-bottom: 0!important;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
辰己製作所　ファーストビュー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.border_txt {
	font-size: 39px;
	padding:4px 10px 3px 10px;
	}

#home_promo .ttl{
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}
	
#home-onestop .ttl_container::after{
	width: 135px;
	height: 112px;
	top: 0%; 
  	right: -10%;
}
#home-sokunou .gb-button-text::before{
	content: "";
	width: 19px;
	height: 15px;
	object-fit: contain;
	background-size: contain;
	}

#home-sokunou .fukidashi::before {
	content: "";
	background: url("https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/08/top_weather-e1722578470974.png") ;
	width: 54px;
	height: 30px;
	position: absolute;
	background-size: contain;
	top: -10px;
	left: 0px;
}
	
#home-sokunou .txt::before{
	content: "";
	background: url("https://kawashima.cyber318.xyz/wordpress/wp-content/uploads/2024/08/flash.png") no-repeat;
	position: absolute;
	top: -40px;
	left: 42px;
}
	
}メディアクエリ終了