@charset "UTF-8";

/* CSS Document */
@font-face {
	font-family: 'logotype_b';
	src: url('../font/logotypejp_mp_b_1.1.ttf') format('truetype');
}

@font-face {

	font-family: 'logotype_m';
	src: url('../font/logotypejp_mp_m_1.1.ttf') format('truetype');
}

@font-face {

	font-family: 'mplus-1p-black';
	src: url('../font/mplus-1p-black.ttf') format('truetype');
}

@font-face {

	font-family: 'mplus-1p-bold';
	src: url('../font/mplus-1p-bold.ttf') format('truetype');
}



@media screen and (max-width: 960px) {
	.pc-img {
		display: none;
	}

	.none,
	.inner.none {
		display: none;
	}



	#page-nav {
		position: relative;
		/* ヘッダーの固定 */
		top: 0px;
		/* 位置(上0px) */
		left: 0px;
		/* 位置(右0px) */
		width: 100%;
		/* 横幅100%　*/
		height: auto;
		background: #FFF;
		z-index: 1000;
	}

	header {
		width: 100%;
		overflow: hidden;
		margin: 0px auto;
		padding: 5px 0px;
		border-bottom: 1px solid #EEE;
	}

	header h1 {
		line-height: 120%;
		display: none;
	}

	header .inner .logo {
		position: relative;
		float: none;
		text-align: left;
		width: 100%;
		margin: 0px auto;
		padding-left: 10px;
		z-index: 30000;
	}

	header .inner .logo img {
		width: 50%;
	}

	header .inner .right {
		float: right;
		display: none;

	}

	header h1 {
		font-size: 80%;
		margin-bottom: 5px;
		text-align: center;
	}

	/*-----------------------------------------------------------------------------------------------------------*/
	h1.page-tit {
		width: 100%;
		margin-top: 60px;
		height: 70px;
		background-position: 14% 40%;
		background-size: 160%;
		margin-bottom: 10px;
	}

	h1.page-tit .inner {
		position: relative;
		width: 100%;
		height: 70px;
		margin: 0px auto;
		overflow: hidden;
	}

	h1.page-tit .inner p {
		position: absolute;
		top: 26%;
		left: 0;
		bottom: 0;
		margin: auto;
		width: calc(100% - 10px);
		padding-left: 10px;
		font-size: 160%;
		font-weight: bold;
		color: #222;

	}

	h2.tit::after {
		border-left: 20px solid rgba(0, 0, 0, 0);
		border-right: 20px solid rgba(0, 0, 0, 0);
		border-top: 20px solid #D82E2C;
		bottom: -20px;
		content: "";
		height: 0;
		left: 50%;
		margin-left: -20px;
		position: absolute;
		width: 0;
	}

	h2.tit {
		margin-bottom: 60px;
		padding: 15px 0px 15px 0px;
		position: relative;
		text-align: center;
		font-size: 145%;
		font-family: "mplus-1p-bold";
		line-height: 120%;
	}

	/*-nav--------------------------------------------------------------------------------------------*/
	nav {
		padding: 0;
		width: 100%;
		border-top: none;
		border-bottom: none;
	}

	nav ul {
		width: 100%;
		margin: 0px auto;
		display: block;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	nav ul li {
		padding: 0px 0px;
	}

	nav ul li.now {
		border-bottom: 5px solid #00AEED;
	}

	/*---------------------------------------------------------------------------------------------*/
	.main {
		width: 100%;
		padding-top: 0px;
		overflow: hidden;
		margin-top: 60px;
		margin-bottom: 0px;
		background-size: cover;
		height: auto;
	}

	.main .inner {
		width: 100%;
		overflow: hidden;
		margin: 0px auto;
		text-align: center;
	}

	.main .inner img {
		width: 100%;
		overflow: hidden;
		margin: 0px auto;
	}

	.main .inner div.btn {
		position: absolute;
		/* 絶対位置指定 */
		top: 320px;
		left: 0;
		right: 0;
	}

	.main .inner div.btn img {
		width: 60%;

	}

	/*about-------------------------------------------------------------------------------------------*/
	.top-about {
		width: 100%;
		background: #FFF;
	}

	.top-about .inner {
		width: 90%;
		margin: 0px auto;
		margin-bottom: 40px;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.top-about .inner div.ph {
		width: 600px;
	}

	.top-about .inner div.txt {
		width: 100%;
		color: #FFF;
	}

	.top-about .inner div.txt p {
		font-size: 110%;
		line-height: 160%;
	}

	.top-about .inner div.txt h2 {
		font-size: 130%;
	}

	/*-factory--------------------------------------------------------------------------------------------*/
	.factory {
		width: 100%;
		overflow: hidden;
		padding: 0;
	}

	.factory .inner {
		width: 100%;
		overflow: hidden;
		margin: 0px auto;
		text-align: center;
	}

	.factory .inner img {
		width: 100%;
	}

	.factory {
		position: relative;
		width: 100%;
		padding-bottom: 0px;
		overflow: hidden;
		margin-bottom: 0px;
		background: none;
		background-size: 100%;
		background-position: 0px 130px;
	}

	.factory .inner {
		width: 100%;
		overflow: hidden;
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
		text-align: center;
	}



	/*-top-price--------------------------------------------------------------------------------------------*/
	.top-price h2 {
		margin: 0px 0px 0px 0px;
	}

	.top-price h2 img {
		width: 100%;
		margin: 0px 0px 0px 0px;
	}

	.top-price {
		width: 100%;
		overflow: hidden;
		background-size: cover;
		height: auto;
	}

	.top-price .inner {
		width: 100%;
		margin: 0px auto;
		overflow: hidden;
		padding: 30px 0px;
		display: block;
		/*横並び*/
		align-items: center;
		/*天地センター*/
		justify-content: space-between;
		/*均等配置*/
		flex-wrap: wrap;
		/*折り返し*/
	}

	.top-price-block {
		width: 90%;
		overflow: hidden;
		clear: both;
		margin: 0px auto;
		margin-bottom: 20px;
		padding-bottom: 0px;

	}

	.top-price .inner h2 {
		width: 100%;
	}

	.top-price .inner h2 img {
		width: 100%;
	}

	.top-price .inner h3 {
		padding: 6px 0px;
		font-size: 160%;
		line-height: 100%;
		color: #FFF;
	}

	.top-price .inner h3 span {
		font-size: 60%;
		line-height: 70%;
		color: #FFF;
	}

	.top-price .inner div.car {
		float: left;
		width: 30%;
		padding: 10px 10px 10px 30px;
	}

	.top-price .inner div.car img {
		width: 100%;
		text-align: right;
	}

	.top-price .inner div.price {
		float: right;
		text-align: left;
		width: calc(100% - 30% - 40px);
		font-size: 240%;
		line-height: 100%;
	}

	@media screen and (max-width: 320px) {
		.top-price .inner div.price {
			float: right;
			text-align: left;
			padding-top: 20px;
			width: 55%;
			font-size: 200%;
			font-weight: bold;
		}

	}

	.top-price .inner div.price span {
		font-size: 50%;
		line-height: 100%;
		font-weight: normal;
	}

	.top-price .inner div.price span:last-child {
		font-size: 40%;
		line-height: 100%;
		font-weight: normal;
	}

	.top-price div.price-btn {
		width: 80%;
		margin: 0px auto;
		margin-bottom: 30px;
		text-align: center;
		padding: 10px;
		border-radius: 10px;
	}

	.top-price div.price-btn img {
		width: 100%;
	}

	/*-reason--------------------------------------------------------------------------------------------*/


	.reason-block div.block div.btn-link {
		font-size: 110%;
		line-height: 160%;
		background: #FFF;
		text-align: center;
		padding: 5px 0px 15px;
		border-radius: 0px 0px 10px 10px;
	}

	.reason-block div.block div.btn-link a {
		color: #555;
		font-size: 20px;
		border-radius: 5px;
		text-decoration: none;
		background: #F7F363;
		box-shadow: 0 3px #D2CE60;
		position: relative;
		display: inline-block;
		top: -2px;
		padding: 10px 20px;

	}

	.reason-block div.block div.btn-link a:hover {
		box-shadow: 0 1px #D2CE60;
		top: 1px;
	}




	div.reason {
		width: 95%;
		overflow: hidden;
		margin: 0px auto;
		background: #FFF;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.reason-block {
		width: calc(100% / 1 - 0px);
		margin: 0px auto;
		margin-bottom: 50px;
	}

	.reason-block h3 img {
		width: auto;
		max-height: 42px;
	}

	.reason-block div.img-block {
		text-align: center;
	}

	.reason-block div.img-block img {
		width: 85%;
		height: 200px;
		object-fit: cover;
	}

	.reason-block p.txt {
		height: auto;
		padding: 10px 10px;
		font-size: 120%;
		line-height: 140%;
		text-align: left;
	}

	.reason-block div.block div.btn-link {
		font-size: 110%;
		line-height: 160%;
		background: #FFF;
		text-align: center;
		padding: 5px 0px 15px;
		border-radius: 0px 0px 10px 10px;
	}

	.reason-block div.block div.btn-link a {
		color: #555;
		font-size: 20px;
		border-radius: 5px;
		text-decoration: none;
		background: #F7F363;
		box-shadow: 0 3px #D2CE60;
		position: relative;
		display: inline-block;
		top: -2px;
		padding: 10px 20px;

	}

	.reason-block div.block div.btn-link a:hover {
		box-shadow: 0 1px #D2CE60;
		top: 1px;
	}



	a.cal-button {
		text-align: center;
		margin: 0px auto;
		padding: 10px 0px;
		width: 80%;
		cursor: pointer;
		overflow: visible;
		text-decoration: none;
		font-size: 140%;
		border-radius: 10px;
		box-shadow: 0 3px #BBB;
		position: relative;
		display: inline-block;
		top: -2px;
	}

	a.cal-button span {
		margin: 0px 5px;
		font-size: 100%;
	}

	a.cal-button:hover {
		color: #3A3134;
		box-shadow: 0 1px #BBB;
		top: 1px;
	}

	a.cal-button:visited {
		color: #3A3134;

	}

	.center {
		text-align: center;
		margin: 0px auto;
	}







	/*info-------------------------------------------------------------------------------------------*/
	.top-info {
		width: 100%;
		background: #D9EBF9;
		padding: 30px 0 15px;
	}

	.top-info .inner {
		width: 90%;
		height: auto;
		padding: 0px 0px;
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.top-info .inner div.tit {
		width: 100%;
		padding: 10px 0px;
		text-align: center;
	}

	.top-info .inner div.txt {
		width: 100%;
		padding: 10px 0px 10px 20px;
		color: #333;
		font-size: 120%;
		line-height: 240%;
		background: #FFF;
	}

	.top-info .inner div.txt dl {
		padding: 5px 0px;
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.top-info .inner div.txt dl dt {
		width: 100%;
	}

	/*ad-------------------------------------------------------------------------------------------*/
	.top-ad {
		width: 100%;
		background: #D9EBF9;
	}

	.top-ad .inner {
		width: 90%;
		height: auto;
		padding: 0px 0px;
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.top-ad .inner div.tit {
		width: 100%;
		padding: 10px 0px;
		text-align: center;
	}

	.top-ad .inner div.txt {
		width: 100%;
		padding: 10px 0px 10px 20px;
		color: #333;
		font-size: 120%;
		line-height: 240%;
		background: #FFF;
	}

	.top-ad .inner div.txt dl {
		padding: 5px 0px;
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.top-ad .inner div.txt dl dt {
		width: 100%;
	}

	/*-flow--------------------------------------------------------------------------------------------*/
	.flow-block {
		width: 100%;
		background: #FFF;
	}

	.flow-block .inner {
		width: 95%;
		margin: 0px auto;
		padding: 30px 0%;
	}

	.flow-column h3 {
		padding: 10px 10px;
		margin-bottom: 0px;
		font-size: 140%;
		border-radius: 5px 5px 0px 0px;
	}

	.flow-column h3 span {
		margin-right: 10px;
		font-size: 110%;
		font-weight: inherit;
	}

	.flow-column p.img {
		width: 100%;
		margin-bottom: 10px;
	}

	.flow-column p.img img {
		width: 100%;
	}

	.flow-column .right {
		float: none;
		width: 100%;
	}

	.flow-column .txt {
		float: none;
		width: 100%;
	}


	.flow-column ul li {
		width: 100%;
	}

	.flow-column ul li img {
		width: 100%;
	}

	.flow-column .txt {
		width: 90%;
		margin: 0px auto;
	}

	.flow-column .txt p {
		margin-bottom: 15px;
	}


	.flow-column h4 {
		margin-bottom: 5px;
		padding: 2%;

		font-size: 120%;
	}


	.flow-column ul.bnr {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 20px;
		display: block;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.flow-column ul.bnr li {
		width: 100%;
		text-align: center;
	}

	.flow-column ul.bnr li img {
		width: 95%;
	}

	/*about-------------------------------------------------------------------------------------------*/
	.about {
		background: #FFF;
	}

	.about.blue,
	.about-block.blue {
		background: #F4F4EC;
	}

	.about .inner,
	.about-block .inner {
		width: 100%;
		margin: 0px auto;
		overflow: hidden;
	}


	/*about----------------------------------------------------*/

	.about h1 {
		padding-top: 40px;
	}

	.about-block .inner {
		width: 90%;
		margin: 0px auto;
		overflow: hidden;
	}

	div.about-list {
		padding: 10px 10px;
		background: none;
		background-position: center right;
		background-size: 20px;
		width: 100%;
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: center;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	div.about-list h2 {
		font-size: 120%;
		font-weight: bold;
		height: auto;
	}

	div.about-list h2 span {
		font-size: inherit;
		font-weight: inherit;
	}

	div.about-list div.left {
		width: 100%;
	}

	div.about-list div.left img {
		width: auto;
		height: 42px;
	}

	div.about-list div.right {
		width: 30%;
		display: none;
	}

	div.about-list div.right img {
		width: 100%;
		border-radius: 10px;
	}

	div.about-list p {
		font-size: 110%;
	}

	a:hover div.about-list p {}

	.about-block {
		width: 100%;
		margin: 0px auto;
	}

	.about-block .inner {
		padding: 20px 0px;
		width: 90%;
	}

	.about-block h3 {}

	.about-block h3 {
		font-size: 170%;
		font-weight: bold;
		text-align: center;
		margin: 0px auto;
		margin-bottom: 10px;
	}

	.about-block h3 span {
		font-size: inherit;
		font-weight: inherit;
	}

	.about-column .left {
		float: none;
		width: 100%;
	}

	.about-column .left p,
	.about-column .left ul {
		line-height: 180%;
		font-size: 110%;
		margin-bottom: 15px;
	}

	.about-column .left h4 {
		padding: 10px;
		font-size: 120%;
		line-height: 160%;
		margin-bottom: 5px;
		text-align: center;
	}

	.about-column .right {
		float: none;
		width: 100%;
		margin-bottom: 20px;

		text-align: center;
	}

	.about-column .right img {
		width: 90%;
	}

	.about-column .left ul.bnr {
		width: 100%;
		margin: 0px auto;
		padding: 20px 0% 20px 0%;
		display: block;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.about-column .left ul.bnr li {
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
		padding: 0px;
	}

	.about-column .left ul.bnr li img {
		width: 98%;
	}

	ul.about-flow {
		width: 80%;
		margin: 0px auto;
		padding: 10px;
		border-radius: 15px;
		text-align: center;
		background: #FFF;
		border: 1px solid #EEE;
		overflow: hidden;
	}

	ul.about-flow li {
		font-size: 100%;
		color: #333;
	}

	ul.about-flow li i {
		font-size: 120%;
		color: #FF5338;
	}

	/*info-page----------------------------------------------*/
	.info-page {
		width: 100%;
		background: #D9EBF9;
		overflow: hidden;
	}

	.info-page .inner {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0px;
		overflow: hidden;
	}

	.info-page .inner div.txt {
		width: 100%;
		margin-bottom: 30px;
		padding: 0px 0px 0px 0px;
		color: #333;
		font-size: 120%;
		line-height: 200%;
		background: #FFF;
		float: none;
	}

	.info-page .inner div.txt dl {
		padding: 5px 0px;
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.info-page .inner div.txt dl dt {
		width: 120px;
	}

	.info-page .inner .category {
		width: 100%;
		float: none;
		background: #FFF;
	}

	.info-page .inner .category h3 {
		padding: 5px 10px;
		color: #FFF;
	}

	.info-page .inner .category ul li a {
		width: 100%;
		display: block;
		padding: 10px 10px;
		background: #FFF;
		color: #222;
		border-bottom: 1px solid #DDD;
		font-size: 100%;
	}

	.info-page .inner .category ul li a:hover {
		background: #FEE200;
		color: #333;
	}

	/*BLOG-----------------------------------------------------------------*/
	dt.date span {
		color: #FF0004;
		font-weight: bold;
		padding-left: 5px;
	}


	.column.info {
		margin: 0px 0px 20px 0px;
		background: #FFF;
	}

	.navi {
		text-align: center;
		font-size: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.column.info h2.title {
		padding: 5px 10px;
		margin: 0px 0px 10px 0px;
		color: #FFFFFF;
		font-size: 100%;
		text-align: left;
	}

	.column.info h2.title a {
		color: #FFFFFF;
		font-size: 110%;
	}


	.column.info div.date {
		font-size: 120%;
		text-align: left;
		color: #353535;
		background: #EFEFEF;
		padding: 5px 10px;
	}

	dt.date span {
		color: #FF0004;
		font-weight: bold;
		padding-left: 5px;
	}

	.column.info div.text,
	div.page-nav {
		padding: 0px 10px 5px 10px;
		font-size: 14px;
		line-height: 20px;
		text-align: left;
		background: #FFF;
	}

	.column.info div.text a img {
		clear: both;
		float: none;
	}

	.column.info div.text p {
		margin: 0px 0px 10px 0px;
	}

	.column.info div.text p.photo {
		text-align: center;
	}

	.column.info div.category {
		padding: 5px 5px 5px 5px;
		font-size: 11px;
		line-height: 11px;
		text-align: right;
	}

	.info {
		overflow: hidden;
		margin: 0px 0px 15px 0px;
	}

	.info h4 {
		background: #EFEFEF;
		padding: 5px;
		border-bottom: 2px solid #F00;
	}

	.top_right.info ul {
		margin: 0px 0px 10px 0px;
		font-size: 15px;
	}

	.info ul li {
		border-bottom: 1px dotted #999;
		font-size: 15px;
	}

	.info ul li a {
		display: block;
		background: #fff;
		padding: 8px;
		font-size: 15px;
		border-bottom: 1 dotted #999999;
	}

	.info ul li a:link,
	a:visited {
		text-decoration: underline;
	}

	a:hover {
		text-decoration: underline;
		color: #353535;
	}

	.info ul li.now a {
		display: block;
		background: #FFF7B9;
		padding: 8px;
		color: #353535;
		text-decoration: none;
		font-size: 15px;
	}

	.left h3 {
		font-size: 16px;
		font-weight: bold;
		color: #F00;
		background-color: #fff7b9;
		padding: 8px;
		margin: 0px 0px 20px 0px;
		border-radius: 5px;
	}

	/*-bnr--------------------------------------------------------------------------------------------*/
	.bnr {
		width: 100%;
		text-align: center;
		margin: 0px auto;
		margin-bottom: 10px;
	}

	.bnr .inner {
		width: 95%;
		margin: 0px auto;
		padding: 30px 0%;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.bnr .inner img,
	.bnr .inner p img {
		width: 100%;
	}

	.bnr .inner p {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 10px;
		text-align: center;
	}

	ul.bnr {
		width: 90%;
		margin: 0px auto;
		padding: 0px 0%;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.bnr li {
		width: 100%;
		margin-bottom: 10px;
	}


	.inner p.flat_bnr img {
		width: 50%;
	}

	section.bnr-list {
		width: 100%;
		padding: 10px 0px;
	}

	section.bnr-list ul {
		width: 90%;
		margin: 0px auto;
		display: block;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	section.bnr-list ul li {
		width: 100%;
		margin-bottom: 0px;
	}

	section.bnr-list ul li img {
		width: 100%;
	}

	/*shop-------------------------------------------------------------------------------------------------------*/
	.shop {
		width: 100%;
		background: #FFF;
	}

	.shop .inner {
		width: 95%;
		margin: 0px auto;
		padding: 30px 0%;
	}

	.shop h3 {
		width: 100%;
	}

	.shop h3 img {
		width: 100%;
	}

	.shop .inner div {
		margin: 0px auto;
		padding: 10px 10px;
		border: 1px solid #00AEED;
		border-top: none;
		overflow: hidden;
	}

	table.shop td span.red {
		font-size: 110%;
		color: #FF0004;
	}

	table.shop th {
		width: 80px;
	}

	ul.shop {
		width: 100%;
		clear: both;
		margin-bottom: 10px;
	}

	ul.shop li.name {
		font-size: 110%;
	}

	ul.shop li {
		font-size: 100%;
	}

	ul.shop li.reserve {
		font-size: 90%;
		color: #FF0004;
	}

	ul.shop li.reserve a {
		font-size: 120%;
		color: #FF0004;
	}

	p.map {
		clear: both;
		float: none;
		width: 100%;
	}

	/*-price--------------------------------------------------------------------------------------------*/
	.price {
		overflow: hidden;
		margin: 0px auto;
		background: #FFF;
	}

	.price h2 {
		margin-bottom: 10px;
		padding: 10px 0px;
		font-size: 190%;
		letter-spacing: 0px;
	}

	.price-list li {
		width: 90%;
		margin: 0px auto;
		margin-bottom: 10px;
		text-align: center;
	}

	.price-list li img {
		width: 90%;
	}

	/*----- インジケーターの設定 -----*/
	#showcase .pointer {
		text-align: center;
		padding: 10px;
	}

	#showcase .pointer span {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 7px;
		border-radius: 8px;
		border: 1px solid #000;
	}

	#showcase .pointer span.current {
		background: #FC0;
	}

	/*price_data-----------------------------------------------------*/
	.price {
		background: #FFF;
	}

	h3.price_title {
		font-size: 180%;
	}

	.price .inner {
		width: 90%;
		margin: 0px auto;
		padding: 10px 0px;
	}

	.price .inner img {
		width: 100%;
		margin: 0px auto;
		padding: 10px 0px;
	}

	table.price_data {
		width: 100%;
		margin: 0px 0px 10px 0px;
		text-align: center;
		border: 1px solid #CCCCCC;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	table.price_data th {
		width: 30%;
		font-size: 90%;
		border: 1px solid #CCCCCC;
		color: #000;
		padding: 8px 2px 8px 2px;
		background: #FFE599;
		font-weight: normal;
	}

	table.price_data td {
		width: 60%;
		border: 1px solid #CCCCCC;
		padding: 10px 2px 10px 2px;
		font-size: 80%;
		background: #EEE;
		font-weight: bold;
	}

	table.price_data th.car {
		font-size: 100%;
	}

	table.price_data td.car {
		background: #FFFFFF;
		padding: 5px 2px 0px 2px;
	}

	table.price_data td.price {
		padding: 0px 10px 0px 0px;
		font-size: 120%;
		text-align: right;
		background: #FFF;
		font-weight: bold;
	}

	table.price_data td.discount {
		background: #FFFF00;
		font-size: 140%;
	}

	table.price_data th.max {
		padding: 8px 2px 8px 2px;
		background: #FFFF00;
		font-size: 120%;
		color: #FF0004;
	}

	table.price_data td.max {
		padding: 8px 10px 8px 2px;
		background: #FFFF00;
		font-size: 160%;

		color: #FF0004;
	}

	.price-txt {
		text-align: left;
		margin: 0;
	}

	table.price_data td.max span {
		font-size: 130%;
		font-weight: bold;
	}

	.price .inner .bnr_price {
		width: 100%;
	}

	.price .inner .bnr_price+.bnr_price {
		margin-top: 30px;
	}

	/*WARIBIKI------------------------------------------------------*/
	.waribiki * {
		box-sizing: border-box;
	}

	.waribiki h3 {
		font-size: 138%;
		margin: 10px 0 20px;
	}

	.waribiki h3 span {
		font-size: 140%;
		display: inline-block;
		border-bottom: 6px solid #ffef77;
		line-height: 1;
		margin: 20px 0;
	}

	.waribiki h3 span.zeikomi {
		font-size: 80%;
		display: inline-block;
		border-bottom: 6px solid #ffef77;
		vertical-align: bottom;
	}

	.waribiki table {
		width: 100%;
		border: 2px solid #D82F2C;
		border-collapse: collapse;
		border-spacing: 0px;
		margin: 0 0 30px;
	}

	.waribiki table tr {}

	.waribiki table tr:first-of-type {
		background: #D82F2C;
		color: #FFF;
	}

	.waribiki table tr:first-of-type th {
		font-size: 140%;
	}

	.waribiki table th {
		font-size: 130%;
		padding: 0 0 0 10px;
		width: 60%;
	}

	.waribiki table th span {
		display: block;
		line-height: 1;
		padding: 0 0 5px;
	}

	.waribiki table td {
		width: 40%;
		font-size: 100%;
		padding: 5px 0 0;
	}

	.waribiki table th:last-of-type,
	.waribiki table td:last-of-type {
		border-bottom: none;
	}

	/*shop-list-----------------------------------------------------*/
	.shop-list {
		width: 100%;
	}

	.shop-list .shop-txt {
		margin-bottom: 50px;
	}

	.shop-list .inner {
		width: 90%;
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
	}

	h3.shop-list {
		padding: 5px 0px;
		font-size: 160%;
		text-align: center;
	}

	.shop-block {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 20px;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: column-reverse;
	}

	.shop-block .map {
		width: 100%;
	}

	.shop-block .map p.txt {
		font-size: 110%;
	}

	.shop-block .txt {
		width: 100%;
	}

	.shop-block .txt img {
		width: 100%;
		margin-bottom: 10px;
	}

	.shop-block .txt .reserve {
		font-size: 110%;
		color: #EE0003;
	}

	.shop-block .txt .reserve a {
		font-size: 140%;
		color: #EE0003;
		text-decoration: underline;
	}

	/*-footer--------------------------------------------------------------------------------------------*/
	footer {
		clear: both;
		width: 100%;
		padding: 5px 0px;
		padding-bottom: 90px;
		text-align: center;
	}

	footer .inner {
		width: 90%;
		margin: 0px auto;
		text-align: center;
		color: #FFF;
		overflow: hidden;
	}

	footer .inner div.link {
		width: 100%;
		float: none;
		text-align: center;
		overflow: hidden;
	}

	footer .inner a {
		margin-right: 40px;
		color: #FFF;
	}

	footer .inner div.copy {
		width: 100%;
		padding: 5px 0px;
		float:
			none;
		text-align: left;
		font-size: 70%;
		overflow: hidden;
		color: #FFF;
	}

	/*-footer-nav--------------------------------------------------------------------------------------------*/

	.footer-nav {
		width: 100%;
		background: #F4F4EC;
	}

	.footer-nav ul.footer-bnr {
		width: 90%;
		margin: 0px auto;
		padding: 25px 0%;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: center;
	}

	.footer-nav ul.footer-bnr li {
		width: calc(100% / 2);
		margin-bottom: 10px;
	}

	.footer-nav ul.footer-bnr li img {
		width: 95%;
	}

	.footer-nav ul {
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.footer-nav ul.txt-link {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0%;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.footer-nav ul.txt-link li {
		width: 46%;
		border-right: none;
		padding: 5px 2%;
	}

	.footer-nav ul.txt-link li a {
		color: #003987;
		font-size: 90%;
	}

	.footer-nav ul.txt-link li:last-child {
		border-right: none;
	}

	.footer-nav ul.txt-link li a:before {
		content: "＞";
		font-size: small;
	}

	/*-----------------------------------------------------------------------------------------------*/
	.center {
		text-align: center;
	}

	.center .inner {
		width: 90%;
		margin: 0px auto;
		padding: 0px 0px 30px 0px;
		text-align: center;
	}

	.center .inner img {
		width: 100%;
	}

	.tel-txt.top {
		margin-top: 80px;

	}

	.tel-txt .inner {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0;
	}

	.tel-txt .inner p {
		margin: 0px auto;
		padding: 0px;
		border: none;
		font-size: 110%;
		line-height: 180%;
		background: #FFF;
	}

	.tel-txt .inner p a {
		display: block;
		margin: 15px 0 0;
		width: 100%;
	}

	.tel-txt .inner p a img {
		width: 100%;
	}

	.tel-txt .inner span.tel {
		font-size: 140%;
		color: #FF0C10;
	}

	.tel-txt .inner span.tel a {
		font-size: 140%;
		color: #FF0C10;
	}

	/*--------------------------------------------------------------------------------------*/
	.shop-list-block {
		width: 90%;
		margin: 0px auto;

	}

	.shop-list-block .shops {
		width: 80%;
		margin: 0px auto;
		margin-bottom: 20px;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.shop-list-block p.name {
		padding: 5px 10px;
		font-size: 130%;
	}

	.shop-list-block p {
		padding: 10px;
		font-size: 110%;
	}

	.shop-list-block p a {
		font-size: 100%;
	}

	.shop-list-block ul.shops li {
		width: calc(100% / 1 - 0px);
		margin-bottom: 20px;
	}

	/*chirashi---------------------------------------------------------------------------*/
	p.chirashi {
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	p.chirashi p {
		overflow: hidden;
		margin: 50px;
	}

	section.adArea {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0px;
		margin-bottom: 0px;
	}

	section.adArea .tit {
		background: #fe2d17;
		padding: 5px 0px 5px 0px;
		text-align: center;
		font-size: 180%;
		color: #FFF;
	}

	section.adArea .tit p {}

	.adArea ul {
		width: calc(100% - 6px - 20px);
		border: 3px solid #fe2d17;
		overflow: hidden;
		padding: 10px;
		padding-bottom: 10px;

	}

	.adArea ul li.person {
		margin-right: 30px;
		width: 30%;
		float: left;
	}

	.adArea ul li.person img {
		width: 100%;
	}

	.adArea ul div.chirashi {
		width: calc(100% - 0% - 0px - 0px);
		display: flex;
		/*横並び*/
		align-items: center;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.adArea ul li.pop {
		width: 48%;
		text-align: center;
	}

	.adArea ul li.pop img {
		width: 90%;
	}

	/*footer-sp--------------------------------------------*/
	ul.bnr-list {
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.bnr-list li {
		width: 90%;
		margin: 0px auto;
		margin-bottom: 20px;
		text-align: center;
	}

	ul.bnr-list li img {
		width: 100%;
	}

	/*見え隠れ*/
	#acMenu dt {
		display: block;
		width: calc(100% - 15px);
		margin: 0px auto;
		margin-bottom: 10px;
		padding: 10px 0px;
		text-align: center;
		cursor: pointer;
		border-radius: 10px;
		background-position: right 10pt center;
		color: #FFF;
		padding-right: 15px;
		font-size: 130%;
		position: relative;
		line-height: 100%;
	}

	#acMenu dt span {
		color: #FFF;
		font-size: 70%;
	}

	#acMenu dt.tokutoku {
		background: #073A84;
		color: #FFF;
	}

	#acMenu dt::after {
		position: absolute;
		top: 50%;
		right: 10px;
		display: block;
		content: '';
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-top: 3px solid #FFF;
		border-right: 3px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#acMenu dt.tokutoku p.car-model {
		color: #FFF;
	}

	#acMenu dd {
		width: 100%;
		display: none;
	}

	#acMenu dt.tokutoku.active {
		background: #DF0030;
		color: #FFF;
	}

	#acMenu dt.active::after {
		position: absolute;
		top: 45%;
		right: 10px;
		display: block;
		content: '';
		width: 8px;
		height: 8px;
		margin-top: -4px;
		border-top: 3px solid #FFF;
		border-right: 3px solid #FFF;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	#acMenu p.car-img {
		width: 100%;
		margin: 0px auto;
		text-align: center;
	}

	#acMenu p.car-img img {
		width: 50%;
	}


	body#form .footerBnner {
		display: none;
	}


	body#form footer {
		padding-bottom: 10px;
	}

	.footerBnner {
		position: fixed;
		bottom: 0px;
		z-index: 1000;
		width: 100%;
	}

	.footerBnner .inner {
		position: relative;
		display: flex;
	}

	.footerBnner .inner a {
		width: calc(100% / 3);
	}

	.footerBnner .inner a img {
		width: 100%;
	}

	.footerBnner .inner a {
		background: #f3bf00;
	}

	.footerBnner .inner a:nth-child(2) {
		background: #3d9fe8;
	}

	.footerBnner .inner a:nth-child(3) {
		background: #f1240e;
	}

	/*-form-btn------------------------------------------------------------------------------------*/
	.submit_btn {
		margin-bottom: 20px;
		border: 0px;
		font-size: 120%;
		width: 70%;
		height: 55px;
		background: #FF9426;
		cursor: pointer;
		border-radius: 10px;
	}

	.submit_btn:hover {
		filter: brightness(130%);
		transition: filter 0.3s;
	}

	.submit_btn.back {
		margin-right: 0px;
		background: #DEDEDE;
	}

	/**/
	.error {
		width: 80%;
		margin-bottom: 20px;
		padding: 10px;
	}

	table.form {
		margin: 0px 0px 30px 0px;
		width: 100%;
		text-align: center;
		border: none;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	table.form th,
	table.form td {
		padding: 10px 8px 10px 8px;
		line-height: 18px;
		vertical-align: middle;
		border: none;
		text-align: left;
		font-size: 100%;
		font-weight: normal;
		color: #000000;
		display: block;
	}

	table.form th {
		width: calc(100% - 20px);
		background: #F4F4EC;
	}

	table.form td span.red {
		font-size: 120%;
		color: #FF0004;
	}

	table.form td.reserve p {
		color: #FF0004;
	}

	table.form td input[type="text"] {
		height: 30px;
		width: 90%;
		font-size: 120%;
	}

	table.form td select {
		font-size: 100%;
	}

	table.form td input[type="text"].small {
		width: 100px;
	}

	table.form td ul {
		margin-bottom: 10px;
	}

	table.form td ul li {
		font-size: 100%;
		margin-bottom: 10px;
	}

	.form .inner {
		padding: 10px 0px 40px 0px;
	}

	/*page-top------------------------------------------------------------------------------*/
	#page-top {
		position: fixed;
		bottom: 178px;
		right: 5px;
		font-size: 80%;
		z-index: 5000;
	}

	#page-top a {
		background: #9A9A9A;
		text-decoration: none;
		color: #fff;
		padding: 5px 5px;
		text-align: center;
		display: block;
		border-radius: 5px;
		border: 1px solid #FFF;
		/* box-shadow */
		box-shadow: none;
		font-weight: normal;
	}

	#page-top a:hover {
		text-decoration: none;
		background: #0A509F;
	}

	/*グループリンク-------------------------------------------------------------*/
	section.group_link .inner {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0px;
		overflow: hidden;
	}

	section.group_link h4 {
		margin-bottom: 15px;
		padding: 4px 0px;
		font-size: 160%;
		text-align: center;
	}

	section.group_link ul li.shop p {
		margin-bottom: 10px;
	}

	section.group_link ul {
		margin: 0px auto;
		display: block;
		justify-content: space-between;
	}

	section.group_link ul li {
		width: 98%;
		margin: 0px auto;
		margin-bottom: 10px;
		text-align: center;
	}

	section.group_link ul li.shop a:nth-of-type(1) {
		padding: 0 10px;
		border-right: none;
	}

	section.group_link ul li.shop a:nth-of-type(3) {
		padding: 0 10px;
		border-right: none;
	}

	section.group_link ul li img {
		width: 100%;
		margin-bottom: 0px;
		text-align: center;
	}

	/*--------------------------------------------------------------------------------*/
	.oil-bnr {
		width: calc(90% - 20px);
		margin: 0px auto;
		padding: 20px;
	}

	.oil-bnr ul li {
		margin-bottom: 5px;
	}

	.oil-bnr ul li img {
		width: 100%;
	}

	/* reserve　調整 */
	#reserve_comt {
		margin: 0 0 20px;
	}

	#reserve_comt .inner {
		padding: 0;
	}


	/* コロナへの取り組み */
	section.corona_torikumi {
		margin: 30px 0 0;
	}

	section.corona_torikumi img {
		width: 100%;
	}


	.tel-txt02 .inner {
		width: 90%;
		margin: 0px auto;
		padding: 40px 0px;
	}

	.tel-txt02 .inner p {
		margin: 0px auto;
		padding: 10px;
		border: 2px solid #FF0004;
		font-size: 110%;
		line-height: 180%;
		background: #FFF;
	}

	.tel-txt02 .inner span.tel {
		font-size: 140%;
		color: #FF0C10;
		display: inline-block;
	}

}