@charset "utf-8";
/* CSS Document */
/* ************************************************************************ 
 *	
 *	お問い合わせ
 *	
 * ************************************************************************ */
/* = フォーム
=============================================== */
.must{
	background:#f76212;
	color:#fff;
	display:inline-block;
	padding:0.3em 0.5em;
	font-size:70%;
	line-height:100%;
	position: relative;
	top:-0.1em;
	font-weight:normal;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.form .must{
	margin-left:1em;
}
.form th{
	text-align:left;
}

@media print, screen and ( min-width : 700px ) {
	.form th{
		width:15em;
	}

}
@media only screen and ( max-width : 700px ) {
	.form{
		border:none !important;
	}
	.form th{
		display:block;
		float:left;
		clear:both;
		width:95% !important;
		padding:2.5% !important;
		background:#aaa !important;
		color:#fff !important;
	}
	.form td{
		display:block;
		float:left;
		clear:both;
		width:90% !important;
		padding:5% !important;
		position: relative;
		top:-1px;
		margin-bottom:0.5em;

	}
}
.soushin{
	text-align:center;
	padding:1em 0em 3em 0em;
}
.soushin input{
	width:35%;
	margin:0% 2.5%;
}
.contact_information{
	background:#f5f5f5;
	border:1px solid #ccc;
	padding:1em;
	text-align:center;
	font-size:90%;
	line-height:180%;
}
.mw_wp_form_confirm .contact_page_tel{
	display:block;
}
.privacy{
	background:#fcfcfc;
	padding:3em 1em;
	font-size:90%;
	line-height:180%;
}
.privacy p{
	line-height:180%;
}
.privacy h4{
	background:#fff !important;
}
.privacy p,
.privacy ol{
	margin-bottom:2em;
}
@media only screen and ( max-width : 700px ) {
	.privacy{
		margin-left:-6%;
		margin-right:-6%;
	}
}
.send_message{
	padding:1em;
	border:5px solid #f5f5f5;
}
.send_message h2{
	margin-left:0em;
}
.send_message .waku_block{
	font-size:90%;
	padding:1em;
	background: #f5f5f5;
	border:none;
}
.send_message .waku_block li{
	text-align:left;
}

/* ************************************************************************ 
 *	
 *	TOP
 *	
 * ************************************************************************ */
.top_contents{
	overflow:hidden;
}
.top_contents section{
	padding:15px 0px;
}
.foot_access h2,
.foot_contact h2,
.top_contents h2{
	background:#ffe3e0;
	color:#cc232a;
	margin-bottom:15px;
	padding:0.3em 0em;
	text-align:center;
	font-weight:bold;
	font-size:170%;
}

.foot_contact h2{
	font-size:150%;
	margin-bottom:20px;
}
@media only screen and ( max-width : 896px ) {
	.foot_access h2,
	.top_contents h2{
		font-size:130%;
	}
	.foot_contact h2{
		font-size:130%;
	}
}

/* TOP ギャラリー------------------------- */
.top_gallery a img{
	opacity: 1;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.top_mainimg a:hover img{
	opacity: 0.6;
}
/* 基本------------------------------------------- */
.slider{
	opacity: 0;
	transition: opacity .3s linear;
}
.slider.slick-initialized{
	opacity: 1;
}
.thumbnail .slick-track {
  transform: unset !important;
}
.thumbnail-img {
  opacity: 0.3;
  transition: opacity .3s linear;
}
.thumbnail .slick-current {
  opacity: 1;
}
/* 基本------------------------------------------- */
.slick-box,
.slider li,
.slider li a{
	position: relative;
	display:block;
}
@media print, screen and ( min-width : 896px ) {
	.slider li{
		padding:13px;
		padding-bottom:10px;
	}
}
@media only screen and  ( max-width : 896px ) {
	.slider li{
		padding:13px 0px;
		padding-bottom:10px;
	}
}

.top_gallery a{
	cursor: pointer;
}

/* dot------------------------------------------- */
.slide-dots {
	text-align: center;
	width:100%;
	z-index:3;
	margin-bottom:15px;
}
.slide-dots li {
	display: inline-block;
	margin:0px 8px;
	position: relative;
	padding:0;
}
.slide-dots li button {
	position: relative;
	text-indent: -9999px;
	height: 10px;
	width: 10px;
}
.slide-dots li button::before {
	background:#aaa;
	content: "";
	cursor: pointer;
	height: 15px;
	width: 15px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 50%; 
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
}
.slide-dots li.slick-active button::before {
	background:#cc232a;
}
.slide-dots button {
	background: none;
	border: none;
	outline: none;
}
/* ************************************************************************ 
 *	
 *	TOP
 *	
 * ************************************************************************ */
@media print, screen and ( min-width : 600px ) {
	.top_contents ul.colum_3 > li{
		margin-bottom:0%;
	}
}
@media only screen and ( max-width : 600px ) {
	.top_contents ul.colum_3 li{
		width:48%;
		float:left;
		margin-right:4%;
		margin-bottom:4%;
	}
	.top_contents ul.colum_3 > li:nth-child(even){
		margin-right:0%;
	}
	.top_contents ul.colum_3 > li:last-child{
		margin-left:26%;
	}
}
@media print, screen and ( min-width : 896px ) {
	.option_service ul.colum_3 > li{
		margin-bottom:30px;
	}
}
.banner_space .inner_block{
	padding-top:4%;
}

/* 車検・税金・メンテ代も全部コミコミ定額------------------------------------------- */
.top_newcar{
	background:#cc232a;
}
/* えらべるプラン------------------------------------------- */
.top_3yearsplan{
	background:#424f9e url(images/top/bg_3.png) 0 0 repeat-x;
	-moz-background-size:5px 100% ;
	background-size:5px 100% 
}
.top_7yearsplan{
	background:#f45762 url(images/top/bg_7.png) 0 0 repeat-x;
	-moz-background-size:5px 100% ;
	background-size:5px 100% 
}
.top_3yearsplan,
.top_7yearsplan{
	padding:60px 0px;
}
/* table------------------------------------------- */
.top_contents .plan_table{
	margin-top:20px;
}
.plan_table{
}
.plan_table th,
.plan_table td{
	border-bottom:4px solid #fff;
	font-size:90%;
	padding:15px 0em;
}
.page_contents .plan_table th,
.page_contents .plan_table td{
	font-size:80%;
}

.plan_table th{
	padding:10px 0em;
}
.plan_table th span,
.plan_table td span{
	width:350px;
	text-align:center;
	display:inline-block;
	line-height:180%;
}
.plan_3_th{
	background:#2c3369;
	text-align:right;
	color:#fff;
}
.plan_7_th{
	background:#cc232a;
	text-align:left;
	color:#fff;
}
.plan_3_td{
	background:#f2f2f2;
	text-align:right;
}
.plan_c_td{
	background:#cc232a;
	text-align:center;
	color:#fff;
	width:180px;
	border-left:4px solid #fff;
	border-right:4px solid #fff;
}
.plan_7_td{
	background:#ffe5e6;
	text-align:left;
}
.plan_3_0_td{
	text-align:right;
}
.plan_7_0_td{
	text-align:left;
}
@media only screen and ( max-width : 850px ) {
	.plan_table th,
	.plan_table td{
		font-size:80%;
		padding:10px 0em;
	}
	.plan_table th span,
	.plan_table td span{
		width:100%;
	}
	.plan_c_td{
		width:100px;
	}
}



/* もっと見る------------------------------------------- */
.more_link{
	text-align:right;
	margin-top:15px;
}
/* ジョイカルだけの補償サービス------------------------------------------- */
dl.tasucutter{
	border-top:1px solid #fff;
}
dl.tasucutter dt{
	background:#cc232a;
}
dl.tasucutter dt{
	padding:1px 0px;
	overflow:hidden;
}
dl.tasucutter dd{
	background:#f2f2f2;
}
.tasucutter_contents{
	max-width:670px;
	padding:20px 40px;
}
dl.tasucutter dd p{
	font-size:80%;
	text-align:right !important;
	padding:15px 0px;
}
.tasucutter_t{
	text-align:right;
}
@media print, screen and ( min-width : 896px ) {
	dl.tasucutter{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;

	}
	dl.tasucutter dt,
	dl.tasucutter dd{
		flex-direction:column;
		flex-grow:1 ;
	}
	dl.tasucutter dd{
		width: 65%;
	}
	dl.tasucutter dt{
		text-align:right;
		width: 35%;
		padding-top:4%;
	}
}
@media only screen and ( max-width : 896px ) {
	.tasucutter_contents{
		margin:0 auto;
	}
	dl.tasucutter dt{
		text-align:center;
		padding:0px;
	}
}


/* ご利用者様の声------------------------------------------- */
.top_voice{
	margin-bottom:30px;
}
.top_post_list li{
	position: relative;
	overflow:hidden;
}
.top_post_list a{
	color:#000;
	z-index:2;
	position: relative;
	border:3px solid #ffe3e0;
}
.top_post_list img{
	width:100%;
}
.blog_list_text{
	padding:0.8em;
}
.blog_list_text .entry_days{
	font-size:90%;
	margin-bottom:0.3em;
	color:#444;
}
.blog_list_text h3{
	font-size:100%;
	line-height:150%;
}
@media print, screen and ( min-width : 550px ) {
	.top_post_list li{
		width:30%;
		float:left;
		margin-right:5%;
		margin-bottom:15px;
		margin-top:15px;
	}
	.top_post_list li:last-child{
		margin-right:0%;
	}
	.blog_list_text{
		min-height:5em;
	}
}
@media only screen and  ( max-width : 550px ) {
	.top_post_list{
		max-width:450px;
		margin:15px auto;
	}
	.top_post_list li{
		margin-bottom:15px;
	}
	.top_post_list li:last-child{
		margin-bottom:0px;
	}
}
/* お車のご相談は酒田大宮店にお任せください！------------------------------------------- */
.top_soudan{
	background:#ffe3e0;
}
/* よくある質問------------------------------------------- */
dl.faq{
	padding-bottom:20px;
	padding-top:20px;
}
.page_contents dl.faq{
	border-top:3px dashed #ffe3e0;
}
dl.faq dt{
	color: #cc232a;
	font-weight:600;
	font-size:120%;
}
dl.faq dd{
	border-bottom:3px dashed #ffe3e0;
	line-height:160%;
	font-size:95%;
	color:#000;
}
dl.faq dd:last-child{
	margin-bottom:0em;
}
dl.faq dt,
dl.faq dd{
	position: relative;

}
dl.faq dt{
	padding:0px 0px 0.4em 50px;
}
dl.faq dd{
	padding:0px 0px 20px 50px;
	margin-bottom:20px;
}
dl.faq dt:before,
dl.faq dd:before{
	content: "Q.";
	display: block;
	position: absolute;
	top:0;
	left:20px;
}
dl.faq dd:before{
	content: "A.";
	font-size:120%;
	left:22px;
}
dl.faq dd p{
	margin-bottom:0 !important;
	line-height:170%;
}
/* お車のことなら何でもお気軽にお問い合わせください------------------------------------------- */
.foot_contact{
	padding:30px 0px 50px 0px !important;
}
.foot_contact,
.foot_contact h2{
	background:#cc232a;
	color:#fff;
}
.foot_contact h2{
	color:#fff;
}
.foot_contact ul li{
	text-align:center;
}
.eigyoujikan{
	font-size:130%;
	display:block;
	padding-top:15px;
}
@media print, screen and ( min-width : 896px ) {
	.foot_contact ul{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.foot_contact ul li{
		margin:0px 10px;
	}
}
@media only screen and  ( max-width : 896px ) {
	.foot_contact ul li:first-child{
		margin-bottom:20px;
	}
	.eigyoujikan{
		font-size:90%;
	}
}

/* アクセス------------------------------------------- */
.g_map{
	background:#ccc;
	max-width:600px;
	height:450px;
	margin:0px auto 35px auto;
}
.g_map iframe{
	width:100%;
	height:450px;
}
@media only screen and  ( max-width : 896px ) {
	.g_map,
	.g_map iframe{
		height:350px;
	}
}
/* ************************************************************************ 
 *	
 *	会社概要
 *	
 * ************************************************************************ */
.enkaku_table,
.enkaku_table th,
.enkaku_table td{
	border:none !important;
	background:none !important;
	padding:0.3em !important;
}
/* ************************************************************************ 
 *	
 *	たすカッター
 *	
 * ************************************************************************ */
.tasucutter_sample{
	border:none !important;
	max-width:850px;
	margin:2em auto 10px auto !important;
}
.tasucutter_sample tbody tr{
	border-bottom:1px dashed #2c3369;
}
.tasucutter_sample tbody tr:last-child{
	border-bottom:2px solid #2c3369;
}
.tasucutter_sample tfoot tr{
	border-bottom:2px solid #2c3369;
}
.tasucutter_sample tfoot td,
.tasucutter_sample tfoot th{
	font-weight:bold !important;
}
.tasucutter_sample,
.tasucutter_sample caption{
	background:#f2f2f2;
}
.tasucutter_sample caption{
	color:#141730;
	font-weight:600;
	border-bottom:2px solid #2c3369;
	margin-bottom:0;
}
.tasucutter_sample caption span{
	color:#2c3369;
	font-size:90%;
	display:block;
	font-weight:normal;
}
.tasucutter_sample td,
.tasucutter_sample th{
	background:none !important;
	border:none !important;
	text-align:center;
	padding:0.5em !important;
}
@media print, screen and ( min-width : 1000px ) {
	.tasucutter_sample td,
	.tasucutter_sample th{
		font-size:110% !important;
	}
}
/* ************************************************************************ 
 *	
 *	7max
 *	
 * ************************************************************************ */
.width100_contents{
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}
.plan_7max3{
	background:#2c3369;
	margin-bottom:1em;
	padding:1px 0px;
}
.plan_7max7{
	background:#cc2329;
	margin-bottom:1em;
	padding:1px 0px;
}
dl.point dt{
	color: #cc232a;
	font-weight:600;
	font-size:120%;
}
dl.point dd{
	border-bottom:3px dashed #ffe3e0;
	line-height:160%;
	font-size:95%;
	color:#000;
}
dl.point dd:last-child{
	margin-bottom:0em;
}
dl.point dt,
dl.point dd{
	position: relative;
}
dl.point dt{
	padding:0.2em 0px 0.2em 35px;
	background:url(images/common/point.png) 0% 0.5em no-repeat;
	-moz-background-size:25px 25px;
	background-size:25px 25px;
}
dl.point dd{
	padding:0px 0px 20px 35px;
	margin-bottom:20px;
}
/* ************************************************************************ 
 *	
 *	ご利用可能カードブランド
 *	
 * ************************************************************************ */
.card_list span{
	display:block;
	font-size:70%;
	line-height:130%;
	padding-top:15px;
}
.card_list{
	margin-left:-1%;
	margin-right:-1%;
	margin-bottom:1em;
}
.card_list li{
	text-align:center;
	background:#f2f2f2;
	margin:1%;
	padding:20px 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media print, screen and ( min-width : 700px ) {
	.card_list li{
		width:18%;
		float:left;
	}
}
@media only screen and ( max-width : 1100px ) {
	.card_list span{
		font-size:60%;
	}
}
@media only screen and ( max-width : 700px ) {
	.card_list li{
		width:31.3%;
		float:left;
	}
	.card_list li:nth-child(4){
		margin-left:17%;
	}
}