/* 共通 *******************/
.ipc {
	display: inline;
}
.isp {
	display: none !important;
}
.bpc {
	display: block;
}
.bsp {
	display: none !important;
}
@media screen and (max-width: 1024px) {
.ipc {
	display: none !important;
}
.isp {
	display: inline !important;
}
.bpc {
	display: none !important;
}
.bsp {
	display: block !important;
}
}



/*基本フォント指定*/
* {
	font-family: 'Noto Sans JP', sans-serif;
}
/*Safari対策*/
a {
	font-family: 'Noto Sans JP', sans-serif;
}
/*英数字用フォント*/
.eisu {
	font-family: Arial,sans-serif;
}
body {
	background: linear-gradient(180deg, #FF8E8E, #FFB652, #FFD695, #FFC9C3);
	position: relative;
}

/*セクションタイトル画像*/
section h3.mds {
	width: 100%;
	margin: 0 auto;
}
section h3.mds img {
	width: 100%;
	height: auto;
}
/* ボタンポヨポヨアニメ */
/* .poyopoyo {
	animation: poyopoyo 2s ease-out infinite;
	opacity: 1;
} */

/* @keyframes poyopoyo {
	0%,
	40%,
	60%,
	80% {
		transform: scale(1.0);
	}
	50%,
	70% {
		transform: scale(0.95);
	}
} */
                



/* イベント終了時 ***************************/
/*非表示部分*/
section.medama.off {
	display: none;
}
section.form.off {
	display: none;
}
div.left_link.off {
	display: none;
}
li.right_link.off {
	display: none;
}

/*イベントは終了いたしました*/
div.close_bnr {
	display: none;
	position: fixed;
	top: 110px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 90%;
	max-width:  745px;
	z-index: 99;
}
div.close_bnr.on {
	display: block;
}
div.close_bnr img {
	width: 100%;
	height: auto;
}
div.close_bnr img:first-of-type {
	display: block;
}
div.close_bnr img:last-of-type {
	display: none;
}
@media screen and (max-width: 450px) {
div.close_bnr img:first-of-type {
	display: none;
}
div.close_bnr img:last-of-type {
	display: block;
}
}





/* PC用背景レイヤー全体 ***************************/
div.fixed_layer {
	position: fixed;
	width: 100%;
	height: 100%;
	max-width: 1920px;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: flex;
}
@media screen and (max-width: 1024px) {
	div.fixed_layer {
		display: none;
	}
}
/*PC用背景レイヤー 左カラム*/
.left_column {
	width: calc((100% - 470px) / 2);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.left_column > div {
	width: calc(100% - 60px);
	max-width: 340px;
	margin: auto auto;
	height: calc(100% - 60px);
	max-height: 490px;
}
.left_column > div > img {
	width: 100%;
	height: auto;
}
.left_column > div > div {
	width: 100%;
	border-top: 2px dotted #FFF;
	border-bottom: 2px dotted #FFF;
	margin-top: 25px;
	padding: 30px 0 5px;
}
/*30秒で予約完了!!*/
.left_column > div > div > img {
	width: 180px;
	display: block;
	margin: 0 auto 10px;
}
/*来場予約はこちら*/
.left_column > div > div a:nth-of-type(1) {
	width: 100%;
	display: block;
	margin-bottom: 20px;
}
.left_column > div > div a:nth-of-type(1) img {
	width: 100%;
	height: auto;
}
/*開催場所のご案内*/
.left_column > div > div a:nth-of-type(2) {
	width: 100%;
	max-width: 280px;
	display: block;
	margin: 0 auto;
}
.left_column > div > div a:nth-of-type(2) img {
	width: 100%;
	height: auto;
}
/*PC用背景レイヤー 中央カラム*/
.main_column {
	width: 100%;
	max-width: 470px;
}
/*PC用背景レイヤー 右カラム*/
.right_column {
	width: calc((100% - 470px) / 2);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.right_column > div {
	width: calc(100% - 60px);
	max-width: 350px;
	margin: 0 auto;
	height: calc(100% - 60px);
	max-height: 510px;
}
.right_column > div ul li a {
	display: block;
	font-size: min(1.4vw, 18px);
	font-weight: 600;
	color: #FFF;
	line-height: 36px;
	margin: 30px 0;
}
.right_column > div ul li a::before {
	content: '';
	display: inline-block;
	width: 36px;
	height: 36px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: bottom;
	margin-right: 18px;
}
/*01*/
.right_column > div ul li:nth-of-type(1) a::before {
	background-image: url(../images/new_top/01_off.png);
}
/*02*/
.right_column > div ul li:nth-of-type(2) a::before {
	background-image: url(../images/new_top/02_off.png);
}
/*03*/
.right_column > div ul li:nth-of-type(3) a::before {
	background-image: url(../images/new_top/03_off.png);
}
/*04*/
.right_column > div ul li:nth-of-type(4) a::before {
	background-image: url(../images/new_top/04_off.png);
}
/*05*/
.right_column > div ul li:nth-of-type(5) a::before {
	background-image: url(../images/new_top/05_off.png);
}
/*06*/
.right_column > div ul li:nth-of-type(6) a::before {
	background-image: url(../images/new_top/06_off.png);
}
/*07*/
.right_column > div ul li:nth-of-type(7) a::before {
	background-image: url(../images/new_top/07_off.png);
}
/*08*/
.right_column > div ul li:nth-of-type(8) a::before {
	background-image: url(../images/new_top/08_off.png);
}
/*hover*/
.right_column > div ul li a:hover {
	text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
/*01*/
.right_column > div ul li:nth-of-type(1) a:hover::before {
	background-image: url(../images/new_top/01_on.png);
}
/*02*/
.right_column > div ul li:nth-of-type(2) a:hover::before {
	background-image: url(../images/new_top/02_on.png);
}
/*03*/
.right_column > div ul li:nth-of-type(3) a:hover::before {
	background-image: url(../images/new_top/03_on.png);
}
/*04*/
.right_column > div ul li:nth-of-type(4) a:hover::before {
	background-image: url(../images/new_top/04_on.png);
}
/*05*/
.right_column > div ul li:nth-of-type(5) a:hover::before {
	background-image: url(../images/new_top/05_on.png);
}
/*06*/
.right_column > div ul li:nth-of-type(6) a:hover::before {
	background-image: url(../images/new_top/06_on.png);
}
/*07*/
.right_column > div ul li:nth-of-type(7) a:hover::before {
	background-image: url(../images/new_top/07_on.png);
}
/*08*/
.right_column > div ul li:nth-of-type(8) a:hover::before {
	background-image: url(../images/new_top/08_on.png);
}

/**メインコンテンツ**/
.main_wrap {
	width: 100%;
	max-width: 470px;
	margin: 0 auto;
	background-color: #FFF;
	position: relative;
	z-index: 1;
}
.wrapper {
	width: 90%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
menu {
	padding: 0;
}








/* TOPビジュアル *******************/
section.top_visual {
	background-color: #FFEFE2
}
section.top_visual > div {
	position: relative;
}
section.top_visual > div > img {
	width: 100%;
	height: auto;
}
/*CVボタン枠*/
section.top_visual > div > div {
	width: 90%;
	position: absolute;
	bottom: max(-21vw, -100px);
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-color: #FFF;
	border-radius: 12px;
	padding-top: 10px;
	padding-bottom: 15px;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, .2));
	z-index: 1;
}








/* CTエリア *******************/
section.ct_eria {
	background-color: #FFEFE2;
	padding-top: 12px;
	background-position: top center;
	position: relative;
}
section.ct_eria > img {
	width: 100%;
}
section.ct_eria > div:nth-of-type(1) {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
/*CVボタン*/
section.ct_eria > div:nth-of-type(1) a {
	display: block;
	width: 90%;
	max-width: 400px;
	margin: 0 auto 81px;
	position: absolute;
	top: min(30vw, 138px);
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	z-index: 1;
}
section.ct_eria > div:nth-of-type(1) a img {
	width: 80%;
	height: auto;
}
section.ct_eria > div:nth-of-type(1) a:hover {
	filter: brightness(1.3);
}


/* イベント限定特典 */
section.ct_eria .event {
	margin-top: 25px;
	background-color: #FFDCBF;
}
section.ct_eria .event img {
	width: 100%;
	margin-top: 10px;
}








/* 目玉車エリア *******************/
section.medama {
	position: relative;
	background-color: #FFDCBF;
	padding-top: 30px;
	padding-bottom: 50px;
}

section.medama ul.medama_btn {
	display: flex;
	justify-content: space-between;
	width: 90%;
	margin: 10px auto 25px;
}
section.medama ul.medama_btn li {
	width: min(44vw, 205px);
	height: 40px;
	font-size: min(3.6vw, 15px);
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	border-radius: 99px;
	padding: 13px 16px;
	filter: drop-shadow(0 3px 6px #00000029);
}
section.medama ul.medama_btn li.left {
	background-color: #159BD6;
}
section.medama ul.medama_btn li.right {
	background-color: #E60012;
} 
section.medama .do_niti {
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
}
section.medama .do_niti .doyou {
	width: 98%;
	margin: 0 auto;
    background-color: #EDFAFF;
	border: 3px solid #5BC6F5;
	border-radius: 10px;
    padding-bottom: 60px;
    position: relative;
}
section.medama .do_niti .nitiyou {
	width: 98%;
	margin: 0 auto;
    background-color: #FFF0F1;
	border: 3px solid #FF4A58;
	border-radius: 10px;
    padding-bottom: 60px;
    position: relative;
}
/* 日付ボタン */
section.medama .do_niti .doyou > h4 {
	width: 94px;
	font-size: min(5vw, 20px);
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	background-color: #159BD6;
	border-radius: 99px;
	padding: 8px;
	margin: 14px auto 0;
}
section.medama .do_niti .nitiyou > h4 {
	width: 94px;
	font-size: min(5vw, 20px);
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	background-color: #E60012;
	border-radius: 99px;
	padding: 8px;
	margin: 14px auto 0;
}
section.medama .do_niti img  {
	width: 100%;
}
/**一覧**/
section.medama .do_niti ul.col2 {
	width: 98%;
	max-width: 470px;
	margin: 0 auto 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
section.medama .do_niti ul.col2 > li {
	width: 48%;
	margin-bottom: 24px;
}
section.medama .do_niti ul.col2 > li {
	display: block;
	border: 2px solid #F73D0B;
	border-radius: 6px;
	filter: drop-shadow(0px 4px 0px rgba(0, 0, 0, .2));
	position: relative;
}
section.medama .do_niti ul.col2 > li::after {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.1);
}
/*初夏の大商談会*/
section.medama .do_niti ul.col2 > li > img {
	width: 100%;
	height: auto;
	border-radius: 6px 6px 0 0;
}
/*車画像*/
section.medama .do_niti ul.col2 > li div.img_wrap {
	overflow: hidden;
	position: relative;
}
section.medama .do_niti ul.col2 > li div.img_wrap > img {
	width: 100%;
	height: auto;
	transition-duration: 0.5s;
}
/* 中古/ちょい/未使用車・駆動方式画像 */
section.medama .do_niti ul.col2 > li div.img_wrap > .ctgy {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 145px;
	display: flex;
	justify-content: end;
}
section.medama .do_niti ul.col2 > li div.img_wrap > .ctgy img {
	width: min(18vw, 70px);
	height: auto;
	margin-right: 5px;
}
section.medama .do_niti ul.col2 > li:hover div.img_wrap > .ctgy img {
	opacity: 1;
}
/*hover*/
section.medama .do_niti ul.col2 > li:hover {
	filter: none;
	transform: translate3d(0, 1px, 0);
}
section.medama .do_niti ul.col2 > li:hover div.img_wrap > img {
	/* opacity: 0.7; */
	transform: scale(1.1);
	transition-duration: 0.5s;
}
/*NEW*/
section.medama .do_niti ul.col2 > li div.img_wrap.new::after {
	content: "new";
	text-transform: uppercase;
	color: #162F45;
	font-size: 14px;
	font-weight: 700;
	padding: 0 5px;
	background: #FFEE00;
	top: 0;
	left: 0;
	position: absolute;
}
/*車名情報部分*/
section.medama .do_niti ul.col2 > li div.car_name {
	width: 100%;
	padding: 5px 10px;
	background-color: #FFF;
	text-align: center;
}
section.medama .do_niti ul.col2 > li div.car_name p {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
section.medama .do_niti ul.col2 > li div.car_name p:nth-of-type(1) {
	font-size: 14px;
	font-weight: 600;
	color: #000000;
}
section.medama .do_niti ul.col2 > li div.car_name p:nth-of-type(2) {
	font-size: 12px;
	font-weight: 600;
	color: #000000;
}
section.medama .do_niti ul.col2 > li div.car_name p:nth-of-type(3) {
	font-size: 10px;
	font-weight: 500;
	color: #7E7E7E;
}
/*価格部分*/
section.medama .do_niti ul.col2 > li div.car_price {
	width: 100%;
	/* height: 146px; */
	background-color: #FEF2E6;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.4;
}
section.medama .do_niti ul.col2 > li div.car_price .total {
	height: 25px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 10px;
	font-weight: 600;
	color: #E60014;
}
section.medama .do_niti ul.col2 > li div.car_price .total span.eisu {
	font-size: 28px;
	font-weight: 600;
	font-style: italic;
	color: #E60014;
	line-height: 42px;
	padding-left: 5px;
}
section.medama .do_niti ul.col2 > li div.car_price .total span:last-of-type {
	width: 32px;
	font-size: 12px;
	font-weight: 900;
	color: #000;
}
section.medama .do_niti ul.col2 > li div.car_price .total span:last-of-type small {
	display: block;
	font-size: 8px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 2px;
}
/*内訳*/
section.medama .do_niti ul.col2 > li div.car_price p {
	font-size: 10px;
	font-weight: 500;
	color: #6F6F6F;
	text-align: center;
}
/*ローンご利用時*/
section.medama .do_niti ul.col2 > li div.car_price .loan {
	text-align: center;
	margin-top: 5px;
}
section.medama .do_niti ul.col2 > li div.car_price .loan span {
	width: auto;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 1;
}
section.medama .do_niti ul.col2 > li div.car_price .loan p {
	font-size: 16px;
	font-weight: bold;
	color: #E60014;
	line-height: 1;
}
/*車両情報部分*/
section.medama .do_niti ul.col2 > li div.car_data {
	width: 100%;
	background-color: #FFF;
	padding: 10px 10px 12px;
}
/*ローン未表示の余白調整*/
section.medama .do_niti ul.col2 > li div.car_data.pad {
	padding-bottom: 0;
}
section.medama .do_niti ul.col2 > li div.car_data dl {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	/* margin-bottom: 10px; */
}
section.medama .do_niti ul.col2 > li div.car_data dl dt {
	width: 20px;
	height: 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #EBE9E4;
	font-size: 8px;
	font-weight: 500;
	color: #444444;
	margin-right: 5px;
}
section.medama .do_niti ul.col2 > li div.car_data dl dd {
	width: calc(50% - 35px);
	font-size: min(2.6vw, 10px);
	font-weight: 500;
	color: #444444;
}
section.medama .do_niti ul.col2 > li div.car_data dl dt:nth-of-type(1),
section.medama .do_niti ul.col2 > li div.car_data dl dd:nth-of-type(1),
section.medama .do_niti ul.col2 > li div.car_data dl dt:nth-of-type(2),
section.medama .do_niti ul.col2 > li div.car_data dl dd:nth-of-type(2) {
	margin-bottom: 5px;
}

/*hover消し*/
section.medama .do_niti ul.col2 > li:hover div.car_data div img {
	opacity: 1;
}
/*店舗名*/
section.medama .do_niti ul.col2 > li > p {
	width: 100%;
	height: 26px;
	background-color: #F7F6F1;
	border-radius: 0 0 6px 6px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	color: #7E7E7E;
}
/*一覧下注意書き
section.medama .do_niti p {
	font-size: 14px;
	font-weight: 500;
	color: #707070;
	line-height: 1.4;
	text-align: center;
	padding-left: 16px;
	text-indent: -16px;
}
*/

/* 詳細を見るボタン */
section.medama .do_niti ul.col2 > li div.car_data a {
	display: block;
}
section.medama .do_niti ul.col2 > li div.car_data a img {
	width: 100%;
}












/* section.medama > div {
	text-align: center;
}
section.medama > div > img {
	width: 100%;
	height: auto;
	margin: 50px auto 0;
}
section.medama > div > img:nth-of-type(2),
section.medama > div > img:nth-of-type(4) {
	display: block;
} */
/*来場予約はこちら*/
section.medama > div > a {
	display: block;
	width: 90%;
	max-width: 400px;
	height: auto;
	margin: 35px auto 0;
}
section.medama > div > a img {
	width: 100%;
	height: auto;
}
section.medama > div > a:hover {
	filter: brightness(1.3);
}
/*すべての目玉車を見るボタン*/
div.medama_btn {
	width: 100%;
	margin: 40px auto 0;
	position: relative;
	padding-bottom: 90px;
}
div.medama_btn > img {
	width: 100%;
	height: auto;
}
div.medama_btn > a {
	width: 90%;
	max-width: 400px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
div.medama_btn > a > img {
	width: 100%;
	height: auto;
	max-width: 400px;
}
/*hover*/
div.medama_btn > a:hover {
	filter: brightness(1.3);
	transform: translateX(-50%) translate3d(0, 2px, 0);
	-webkit-transform: translateX(-50%) translate3d(0, 2px, 0);
	-ms-transform: translateX(-50%) translate3d(0, 2px, 0);
}


section.medama div.cv_btn {
	width: 90%;
	margin: 25px auto 30px;
	background-color: #FFF;
	border-radius: 12px;
	padding: 10px 0 5px;
	position: relative;
}
section.medama div.cv_btn::before {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: -13px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: transparent transparent #FFF transparent;
	border-width: 0 10px 14px 10px;
	z-index: 2;
}
section.medama div.cv_btn p {
	font-size: min(3vw, 12px);
	font-weight: 500;
	color: #333333;
	line-height: 1.6;
	text-align: center;
}
section.medama div.cv_btn p span {
	color: #F00A0A;
	font-weight: 600;
}
section.medama div.cv_btn a {
	display: block;
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
}	
section.medama div.cv_btn a img {
	width: 100%;
	height: auto;
}



/* 限定特典詳細 */
section.tokuten {
	background-color: #FFDCBF;
	position: relative;
}
section.tokuten img {
	width: 100%;
	height: auto;
}
section.tokuten .tokuten_cv_btn {
	position: absolute;
	bottom: min(9vw, 55px);
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
section.tokuten div.cv_btn {
	width: 90%;
	margin: 25px auto 30px;
	background-color: #FFF;
	border-radius: 12px;
	padding: 10px 0 5px;
}
section.tokuten div.cv_btn::before {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: -13px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: transparent transparent #FFF transparent;
	border-width: 0 10px 14px 10px;
	z-index: 2;
}
section.tokuten div.cv_btn p {
	font-size: min(3vw, 12px);
	font-weight: 500;
	color: #333333;
	line-height: 1.6;
	text-align: center;
}
section.tokuten div.cv_btn p span {
	color: #F00A0A;
	font-weight: 600;
}
section.tokuten div.cv_btn a {
	display: block;
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
}	
section.tokuten div.cv_btn a img {
	width: 100%;
	height: auto;
}
/* ふわふわアスレチック */
/* section.tokuten .athletic {
	position: relative;
}
section.tokuten .athletic img {
	width: 100%;
	height: auto;
	margin-top: 0;
	position: absolute;
	top: -35px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
} */
	







/* 新車コミコミ特価セール *******************/
section.komikomi {
	position: relative;
	width: 100%;
	padding: 185px 0 25px;
	/* margin-top: min(107vw, 512px); */
	background-color: #C9E6FF;
}
section.komikomi::before {
	position: absolute;
	top: -25px;
	content: '';
	width: 100%;
	height: 30px;
	background-image: url(../images/new_top/line_blue_1.png);
	background-repeat: repeat-x;
	background-size: contain;
	/* background-position: bottom; */
	/* background-size: 100%; */
	/* background: url("../images/new_top/line_blue_1.png") bottom / auto 26px repeat-x,
  linear-gradient(#FF4963 50%, transparent 50%); */
	/* background-color: #FF4963; */
	z-index: 1;
}
section.komikomi::after {
	position: absolute;
	bottom: -57px;
	content: '';
	width: 100%;
	height: 57px;
	background-image: url(../images/new_top/line_blue_2.png);
	background-repeat: repeat-x;
	/* background-position: bottom; */
	background-size: contain;
	z-index: 1;
}
section.komikomi > img {
	width: 100%;
	position: absolute;
	top: -27px;
	background-color: #FF4963;
}
section.komikomi .komi_about {
	position: relative;
	/* padding-top: 180px; */
	margin-bottom: 30px;
}
section.komikomi .komi_about > img {
	width: 100%;
	height: auto;
	position: absolute;
	top: -175px;
	left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
section.komikomi .komi_about > div {
	width: 85%;
	margin: 50px auto;
	padding: 55px 10px 4px;
	background-color: #FFF;
	border-radius: 10px;
}
@media screen and (max-width: 450px) {
/* section.komikomi {
	padding-top: 20px;
	padding-bottom: 20px;
} */
/* section.komikomi .komi_about {
	padding-top: min(35vw,180px);
} */
section.komikomi {
	padding: 130px 0 25px;
}
section.komikomi::before {
	top: -17px;
}
section.komikomi .komi_about > img {
	top: min(-37vw, -120px);
}
section.komikomi .komi_about > div {
	padding: 45px 10px 4px;
}
}
section.komikomi .komi_about > div p {
	font-size: min(4.3vw,20px);
	font-weight: 500;
	color: #333333;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 20px;
}
section.komikomi .komi_about > div p span {
	font-weight: 700;
}
section.komikomi .komi_about > div p b {
	border-bottom: 4px solid #ff0000;
}
section.komikomi .set {
	margin-bottom: 46px;
}
section.komikomi .set > img {
	width: 100%;
	height: auto;
}
section.komikomi .komi_car img {
	width: 100%;
	height: auto;
}
section.komikomi .komi_car ul {
	width: 90%;
	margin: 40px auto 0;
}
section.komikomi .komi_car ul li {
	width: 100%;
	margin-bottom: 20px;
}
section.komikomi .komi_car ul li:last-of-type {
	margin-bottom: 5px;
}
section.komikomi .komi_car ol.kome {
	padding-left: 0px;
}
section.komikomi .komi_car ol.kome li {
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	line-height: 1.4;
	padding-left: 1em;
	text-indent: -1em;
}
section.komikomi .komi_car ol.kome li:before {
	display: inline;
	position: static;
	content: "※";
}
section.komikomi > div:last-of-type img {
	width: 100%;
	height: auto;
}
section.komikomi div.cv_btn p {
	font-size: min(4.5vw,14px);
	font-weight: 500;
	color: #333333;
	text-align: center;
	line-height: 1.6;
	margin-bottom: 10px;
}
section.komikomi div.cv_btn p span {
	color: #F00A0A;
	font-weight: 600;
}
section.komikomi div.cv_btn a {
	display: block;
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
}	
section.komikomi div.cv_btn a img {
	width: 100%;
	height: auto;
}








/* 軽フェスタとは *******************/
section.about {
	background-image: url(../images/new_top/bg_1.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
section.about > img {
	width: 100%;
}
section.about > div:nth-of-type(1) {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
section.about > div:nth-of-type(1) h3.mds {
	margin-bottom: 32px;
	padding-top: min(40vw, 200px);
	margin-top: -70px;
}
section.about > div:nth-of-type(1) h3.mds p {
	font-size: 25px;
	font-weight: 900;
	color: #EA5532;
	margin-bottom: 10px;
}
section.about > div:nth-of-type(2) p {
	font-size: min(4.3vw,20px);
	font-weight: 500;
	color: #333333;
	text-align: center;
	line-height: 1.7;
	letter-spacing: 0.7px;
	margin-bottom: 30px;
}
section.about > div:nth-of-type(2) p span {
	color: #F00A0A;
	font-weight: 600;
}
section.about > div:nth-of-type(3) img {
	width: 100%;
}







/* 会場MAP *******************/
section.place {
	background-color: #F6F5EF;
	position: relative;
	padding-bottom: 1px;
}
section.place h3.mds::before {
	background-image: url(../images/new_top/line.png);
	background-repeat: repeat-x;
	background-size: 100%;
	background-position: bottom;
	content: "";
	width: 100%;
	height: 57px;
	position: absolute;
	top: -45px;
	z-index: 1;

	/* position: absolute;
	bottom: -28px;
	content: '';
	width: 100%;
	height: 57px;
	background-image: url(../images/new_top/line_blue_2.png);
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: 100%;
	z-index: 1; */
}
section.place h3.mds {
	margin-bottom: 15px;
}
section.place h3.mds img {
	margin-top: 50px;
}
/* 会場MAP画像 */
section.place > .map {
	border: 7px solid #C3C3C3;
	margin-bottom: 33px;
}
section.place > div > img {
	width: 100%;
	height: auto;
}






/* イベント情報 *******************/
section.event {
	background-color: #F6F5EF;
	padding-top: 70px;
	padding-bottom: 27px;
}
section.event > div {
	width: 90%;
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 20px;
	padding: 60px 30px 30px;
	position: relative;
}
section.event > div > img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	display: block;
}
section.event div.info_cont {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
section.event div.info_cont h4 {
	font-size: 14px;
	font-weight: 600;
	color: #ED6036;
	margin-bottom: 5px;
}
section.event div.info_cont p {
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	line-height: 1.8;
}
section.event div.info_cont h5 {
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	line-height: 1.8;
}
section.event div.info_cont img {
	width: 100%;
	height: auto;
	margin-top:10px;
}
section.event div.info_cont h6 {
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	line-height: 1.8;
	padding-left: 1em;
	text-indent: -1em;
}
section.event div.info_cont h6.parking{
	color: #ED6036;
	margin-bottom: 10px;
}
section.event div.info_cont h6::before{
	display: inline;
	position: static;
	content: "●";
	font-size: 16px;
	color: #ED6036;
	margin-right: 5px;
}
section.event div.info_cont.access {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}
section.event div.info_cont.access p {
	font-size: 14px;
	font-weight: 400;
}
/*map*/
section.event div.info_cont.access iframe {
	width: 100%;
	height: 240px;
	margin-top: 20px;
}
/*主催*/
section.event div.info_cont.comp img {
	width: 176px;
	height: auto;
	display: block;
	margin-bottom: 10px;
}
section.event div.info_cont.comp a {
	font-size: 14px;
	font-weight: 500;
	color: #666666;
	border-bottom: 1px solid #666666;
}
section.event div.info_cont.comp a::after {
	content: '\f35d';
	font-size: 16px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}
/*hover*/
section.event div.info_cont.comp a:hover {
	color: #ED6036;
	border-bottom: 1px solid #ED6036;
}







/* よくある質問 *******************/
section.faq {
	background-color: #F6F5EF;
	padding: 50px 0;
}
section.faq > div > p {
	font-size: min(4.3vw,20px);
	font-weight: 500;
	color: #333;
	line-height: 1.6;
	text-align: center;
	margin-top: 20px;
}

/*タブ切り替え全体のスタイル*/
div.tabs {
	width: 100%;
	max-width: 1080px;
	position: relative;
	margin: 40px auto 0;
}
div.tabs div.btns {
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
/*タブのスタイル*/
label.tab_item {
	width: 32%;
	height: 54px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 32px;
	cursor: pointer;
	transition: all 0.2s ease;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	position: relative;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}
/*選択されているタブのスタイルを変える*/
/**『購入に関して』**/
.tabs input#one + .tab_item {
	color: #71CA19;
	background-color: #FFF;
	border: 1px solid #71CA19;
}
.tabs input#one:checked + .tab_item,
.tabs input#one + .tab_item:hover {
	color: #FFF;
	background-color: #71CA19;
}
.tabs input#one:checked + .tab_item::after,
.tabs input#one + .tab_item:hover::after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	bottom: -15px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #71CA19 transparent transparent transparent;
	border-width: 15px 15px 0 15px;
}

/**『イベントに関して』**/
.tabs input#two + .tab_item {
	color: #ED6036;
	background-color: #FFF;
	border: 1px solid #ED6036;
}
.tabs input#two:checked + .tab_item,
.tabs input#two + .tab_item:hover {
	color: #FFF;
	background-color: #ED6036;
}
.tabs input#two:checked + .tab_item::after,
.tabs input#two + .tab_item:hover::after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	bottom: -15px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #ED6036 transparent transparent transparent;
	border-width: 15px 15px 0 15px;
}

/**『お車に関して』**/
.tabs input#three + .tab_item {
	color: #55BFFC;
	background-color: #FFF;
	border: 1px solid #55BFFC;
}
.tabs input#three:checked + .tab_item,
.tabs input#three + .tab_item:hover {
	color: #FFF;
	background-color: #55BFFC;
}
.tabs input#three:checked + .tab_item::after,
.tabs input#three + .tab_item:hover::after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	bottom: -15px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #55BFFC transparent transparent transparent;
	border-width: 15px 15px 0 15px;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	width: 90%;
	margin: 30px auto 0;
	background-color: #FFF;
	border-radius: 20px;
	padding: 15px 15px 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.tab_content dl {
	width: 100%;
	border: 2px solid #E0F5B9;
	border-radius: 20px;
	margin-bottom: 15px;
}
.tab_content dl:last-of-type {
	margin-bottom: 0;
}
.tab_content dl dt {
	width:100%;
	height: 74px;
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 15px;
	font-weight: 500;
	color: #333333;
	line-height: 1.4;
	border-radius: 20px 20px 0 0;
	padding: 0 15px;
}
.tab_content dl dt::before {
	content: '';
	display: inline-block;
	width: 44px;
	height: 44px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	margin-right: 10px;
}
.tab_content dl dd {
	padding: 15px 15px;
	font-size: 14px;
	font-weight: 500;
	color: #333333;
	line-height: 1.6;
}

/**タブの内容『購入に関して』**/
div#one_content dl {
	border: 2px solid #E0F5B9;
}
div#one_content dl dt {
	background-color: #E0F5B9;
}
div#one_content dl dt::before {
	background-image: url(../images/new_top/q_green.png);
}

/**タブの内容『イベントに関して』**/
div#two_content dl {
	border: 2px solid #FACFC2;
}
div#two_content dl dt {
	background-color: #FACFC2;
}
div#two_content dl dt::before {
	background-image: url(../images/new_top/q_orange.png);
}

/**タブの内容『お車に関して』**/
div#three_content dl {
	border: 2px solid #CBECFE;
}
div#three_content dl dt {
	background-color: #CBECFE;
}
div#three_content dl dt::before {
	background-image: url(../images/new_top/q_blue.png);
}















/* 主催 *******************/
section.promoter {
	background-color: #F6F5EF;
	padding-bottom: 27px;
}
section.promoter > div {
	width: 90%;
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 20px;
	padding: 30px;
	position: relative;
}
section.promoter > div h3 {
	text-align: center;
}
section.promoter > div h3 p {
	font-size: 32px;
	font-weight: 700;
	color: #ED6036;
	margin-bottom: 40px;
}
section.promoter > div h3 img {
	width: 100%;
	max-width: 230px;
	height: auto;
	margin-bottom: 40px;
}
section.promoter > div > p {
	font-size: min(4.3vw,18px);
	font-weight: 500;
	color: #333333;
	line-height: 1.6;
	margin-bottom: 30px;
}
section.promoter > div > img {
	width:100%;
	height: auto;
}







/* フォーム ***************************/
section.form_intro {
	padding-top: 80px;
}
section.form_intro h4 {
	text-align: center;
}
section.form_intro h4 > img {
	width: 90%;
	max-width: 500px;
	height: auto;
	margin-bottom: 30px;
}
section.form_intro h4 > p {
	font-size: 18px;
	font-weight: 500;
	color: #333333;
}
section.form_intro h4 > p span {
	color: #F00A0A;
	font-weight: 600;
}
/*ステップバー部分*/
.progressbar {
	position: relative;
	margin: 0 0 30px 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.progressbar li {
	position: relative;
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	width: 33.333%;
	font-size: min(5vw,18px);
	font-weight: bold;
	color: #999999;
}
.progressbar li:before {
	display: block;
	width: 18px;
	height: 18px;
	margin: 7px auto 20px auto;
	content: '';
	text-align: center;
	border-radius: 50%;
	background-color: #ccc;
	position: relative;
	z-index: 1;
}
.progressbar li:after {
	position: absolute;
	top: 15px;
	left: -50%;
	width: 100%;
	height: 4px;
	content: '';
	background-color: #ccc;
}
.progressbar li:first-child:after {
	content: none;
}
.progressbar li.active {
	color: #FB8C38;
}
.progressbar li.complete{
	color: #999999;
}
.progressbar li.active:before,
.progressbar li.complete:before {
	background-color: #FB8C38;
}
.progressbar li.active:after,
.progressbar li.complete:after {
	background-color: #FB8C38;
}
/*選択部分追加*/
td.contract4 {
	width: 100%;
	display: flex !important;
	justify-content: space-between;
	flex-wrap: wrap;
}
td.contract4 label.check {
	background: #FB8C38 !important;
	color: #fff !important;
	border-color: #ED6103 !important;
}
td.contract4 .owlet-input-sample {
	display: none;
}
td.contract4 label {
	width: 310px;
	background: #F4F4F4;
	font-weight: bold;
	color: #333333;
	border: 1px solid #707070;
	padding: 12px;
	display: inline-block;
	border-radius: 5px;
	margin-bottom: 10px;
}
.owlet-rules-body {
	line-height: 1.6;
}
section.unset + section.form_intro {
	padding-top: 0;
}
section.unset + section.form_intro h2 {
	width: 100%;
	background-color: #F8CBB3;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border: unset;
}
section.unset + section.form_intro h2 > img {
	width: 90%;
	max-width: 350px;
	height: auto;
	margin-bottom: 20px;
}
section.unset + section.form_intro h2 > p {
	font-size: min(6vw, 22px);
	font-weight: 600;
	color: #ED6036;
	line-height: 1;
}
/* ボタン矢印位置調整 */
section.form .form_button::after {
	bottom: 35%;
}
/*注釈調整用*/
div.owlet-input-sample {
	line-height: 1.4;
}

/*イベント終了時*/
section.form_intro.off {
	display: none;
}







/* フォーム本体部分 ***************************/
/*調整用*/
section.form_intro,
section.form {
	background-color: #FFF;
}
section.form_intro div.cont {
	margin: 0px auto 0px;
}
section.form {
	padding-bottom: 0;
}
section.form table tr th {
	line-height: 1.6;
}
td.contract1 label,
td.contract2 label,
td.contract3 label ,
td.contract4 label {
	width: 100%;
}
section.form table input,
section.form table textarea {
	background-color: #FFF;
}
section.form .form_button {
	margin-bottom: 0;
	margin-top: 85px;
}
section.form .form_button input[type="submit"] {
	margin: -25px auto;
}
.owlet-rules-title {
	line-height: 1.6;
}
.owlet-rules-body {
	background-color: #FFF;
}
.owlet-rules {
	width: 90%;
}

/*イベント終了時*/
section.form.off {
	display: none;
}





/*確認ページ=======================*/
/* ボタン矢印位置調整 */
section.form table.confirm + .form_button::after {
	bottom: 14%;
}







/*完了ページ=======================*/
section.form_intro.comp h3 {
	width: 100%;
	max-width: 700px;
	font-size: min(5vw,16px);
	font-weight: bold;
	color: #ED6036;
	text-align: center;
	line-height: 1.6;
	padding: 12px 0;
	border-top: 2px solid #FCC09E;
	border-bottom: 2px solid #FCC09E;
	position: relative;
	margin: 40px auto 40px;
}

/*TOPページに戻る*/
section.form_intro.comp > div > a {
	width: 260px;
	display: block;
	margin: 20px auto 0;
	font-size: 16px;
	font-weight: 500;
	color: #FFF;
	text-align: center;
	line-height: 1;
	background-color: #EC6104;
	padding: 18px 0;
	border-radius: 30px;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, .2));
	position: relative;
}
section.form_intro.comp > div > a:hover {
	opacity: 0.8;
}
section.form_intro.comp div.cont a:hover {
	color: #333;
}
section.form_intro.comp > div > a::before {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	content: '\f053';
	font-size: 16px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}


/* footer */
footer {
	background-color: #FFEFE2;
	padding-top: 120px;
}
footer > p {
	margin-top: 60px;
}

@media screen and (max-width: 1024px) {
footer .btn a {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
	background-color: rgba(255, 255, 255, .85);
}
footer .btn a img {
	width: 100%;
	max-width: 256px;
	margin: 5px auto;
}
}