@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');
}

.sp-img {
	display: none;
	width: 100%;
}

.pc-img {
	display: block;
	width: 100% !important;
}


@media screen and (max-width: 960px) {

	.sp-img,
	p.sp-img {
		display: block;
	}

	.pc-img {
		display: none;
	}

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

	#wrapper {
		margin: 0 auto;
		width: 100%;
	}

	#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;
	}

	#top_pagecell {
		padding: 15px 0px 15px 0px;
	}

	/*-----------------------------------------------------------------------------------------------------------*/
	#container {
		margin-top: 50px;
		width: 100%;
	}

	#contents_2nd {
		background: #fff;
		margin: 0 auto;
		border-radius: 0px;
		padding: 20px;
		width: calc(100% - 40px);
	}


	#contents_left {
		float: none;
		width: 100%;
	}

	#contents_right {
		float: none;
		width: 100%;
	}



	.ttl,
	.ttl2 {
		font-size: 190%;
		font-weight: bold;
		line-height: 71px;
		height: 71px;
		margin-bottom: 15px;
		padding-left: 10px;
		width: calc(100% - 10px);
		background: none #006471;
		border-radius: 5px;
	}

	.column {
		margin: 0 auto 20px auto;
		width: 100%;
		text-align: center;
	}

	.column img {
		width: 90%;
	}

	.top_left {
		float: none;
		width: 100%;
		overflow: hidden;
	}

	.top_right {
		float: none;
		width: 100%;
		overflow: hidden;
	}

	/*-------------------------------------------------*/
	h2 {
		margin-bottom: 0px;
		text-align: center;
	}

	h2 img {
		width: 90%;
	}


	.top-feature {
		width: 90%;
		padding: 20px 0px 10px 0px;
		margin: 0px auto;
		margin-top: -120px;
		padding-top: 140px;
	}

	.top-feature .img {
		float: left;
		width: 100%;
		margin: 0px auto;
		margin-bottom: 20px;
		text-align: center;

	}

	.top-feature .img img {
		width: 80%;
		border: 4px solid #E2E2E2;
	}

	.top-feature .right {
		float: right;
		width: 100%;
	}

	.top-feature .right h3 {
		font-size: 80%;
		font-weight: bold;
	}

	.top-feature .right h3 span {
		font-size: 230%;
		line-height: 20px;
		font-weight: bold;
	}

	.top-feature .right .tit {
		margin: 0px auto;
		display: flex;
		/*横並び*/
		align-items: top;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.top-feature .right .tit .icon {
		width: 50px;
		margin-right: 10px;
	}

	.top-feature .right .tit .icon img {
		width: 100%;
	}

	.top-feature .right p {
		clear: both;
		margin-bottom: 15px;
	}

	.top-feature .right p img {
		width: 100%;
	}


	.top-feature a.cal-button {
		padding: 10px 0px;
		width: 100%;
		font-size: 110%;
		box-shadow: 0 3px #BBB;
	}

	.top-feature a.cal-button span {
		margin: 0px 5px;
		font-size: 80%;
		color: inherit;
	}

	.top-feature a.cal-button:hover {
		background: #e60012;

	}

	/*-----------------------------------------------------------------------------------------------------------*/
	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;
		font-size: 160%;
		font-weight: bold;
		color: #222;
		padding-left: 10px;

	}

	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 #fe2d17;
		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: 190%;
		font-family: "mplus-1p-bold";
		line-height: 120%;
	}

	/*-nav--------------------------------------------------------------------------------------------*/
	nav {
		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;
		padding-top: 4em;
	}

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

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

	/*---------------------------------------------------------------------------------------------*/
	#main {
		width: 100%;
		height: 100%;
		overflow-x: hidden;
	}

	.slide_all {
		width: 100%;
		margin: 0 auto;
		height: 408px;
		position: relative;
	}

	.slide_wrap {
		width: 3000px;
		position: absolute;
		left: 50%;
		margin-left: -1525px;
	}

	.slide_body {
		width: 100%;
	}

	.slide_body li {
		margin: 0 10px;
	}

	.slide_body li img {
		width: 100%;
	}

	.slide {
		width: 100%;
		margin: 0 10px;
	}

	.slide img {
		width: 100%;
		vertical-align: bottom;
	}

	.bx-wrapper {
		margin-bottom: 0 !important;
	}

	.bx-wrapper .bx-viewport {
		background: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		border: 0 !important;
	}

	.bx-controls-direction,
	.bx-pager {
		text-align: center;
		height: 25px;
		bottom: -42px !important;
	}

	.bx-controls-direction a,
	.bx-pager-item {
		display: inline-block;
	}

	.bx-wrapper .bx-next {
		right: 950px !important;
		top: -160px !important;
	}

	.bx-wrapper .bx-prev {
		left: 1010px !important;
		top: -160px !important;
	}

	.bx-pager-item a {
		display: block;
		height: 10px;
		width: 10px;
		text-indent: -9999px;
		background: #000;
		border-radius: 10px;
		margin: 10px 2px 0 2px;
	}

	.bx-pager-item a.active {
		opacity: 0.3;
	}

	.bx-controls-direction a {
		text-decoration: none;
		color: #000;
		padding: 0 5px;
	}

	.bx-controls {
		position: absolute;
		bottom: 5px;
		z-index: 100;
		width: 100%;
	}

	/*top------------------------------------------------------------*/
	.top-link-column {
		width: calc(100% - 20px);
		margin: 0px auto 20px auto;
		padding: 15px 10px 5px 10px;
		border-radius: 0px;
		overflow: hidden;
	}

	.top-link {
		/* float:none; */
		margin: 0px auto;
		margin-bottom: 10px;
		border-radius: 10px;
		/* CSS3草案 */
		width: calc(85% - 10px);
		padding: 2px 5px 2px 5px;
		height: 60px;

		/* box-shadow */
		box-shadow: rgba(0, 0, 0, 0.65) 0px 7px 7px -7px;
		width: 100%;
	}

	.top-link:hover {
		opacity: 0.9;
	}

	.top-link .left {
		width: 55px;
		padding: 5px 0px 0px 10px;
		float: left;
	}

	.top-link .left img {}

	.top-link .right p {
		color: #FFFFFF;
		font-weight: normal;
		font-size: 110%;
		text-decoration: none;
	}


	.top-link .right p span {
		font-size: 160%;
		color: #FFE;
		font-weight: bold;
	}


	.top-link .right p span.fs-small {
		font-size: 90%;
	}


	/* page-price 料金目安
--------------------------------------------------------------------------------------*/
	.price-list {
		width: 100%;
	}

	.price-list .inner {
		width: 95%;
		margin: 0px auto;
		display: block;
		/*横並び*/
		align-items: center;
		/*天地センター*/
		flex-wrap: wrap;
		justify-content: space-between;

	}

	.price-list .inner div {
		width: calc(100% / 1 - 0px);
		margin-bottom: 30px;
		text-align: center;
	}

	.price-list .inner div img {
		width: 100%;
	}

	.price h2 img {
		width: 50%;
	}

	section.price {
		margin-bottom: 40px;
	}

	section.price h3 {
		margin-bottom: 10px;
		padding: 8px 14px;
		background: #006471;
		font-size: 140%;
		color: #FFF;
	}

	section.price .center img {
		width: 100%;
		margin-bottom: 20px;
	}


	.page-price .bnr {
		margin-bottom: 20px;
	}

	.page-price .price_list {
		margin: 20px -20px 0 0;
	}

	.page-price .price_list li {
		float: left;
		margin: 0 20px 40px 0;
		width: 360px;
	}



	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;
	}

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



	/* page-reason 選ばれる理由
--------------------------------------------------------------------------------------*/

	#contents_2nd.page-reason {
		margin: 0 auto;
		border-radius: 0px;
		padding: 0px;
		width: 95%;
	}

	.page-reason #reason01,
	.page-reason #reason02,
	.page-reason #reason03,
	.page-reason #reason04 {
		padding-top: 170px;
		margin-top: -170px;
	}

	.page-reason .main_img {
		margin-bottom: 15px;
	}

	.page-reason .main_img img {
		width: 100%;

	}

	.page-reason .reason_bnr_list {
		margin-bottom: 60px;
	}

	.page-reason .reason_bnr_list li {
		margin-bottom: 10px;
	}

	.page-reason .reason_bnr_list li img {
		width: 100%;
	}

	.page-reason .reason {
		background: none;
		padding-bottom: 10px;
	}

	.page-reason .reason .ttl_reason {
		text-align: center;
	}

	.page-reason .reason .ttl_reason img {
		width: 100%;
	}

	.page-reason .reason .reason_img {
		margin-bottom: 20px;
	}

	.page-reason .reason .reason_img img {
		width: 100%;
	}

	.page-reason .reason .inner {
		width: calc(100% - 10px);
		background: none #02C94E;
		padding: 16px 5px;
	}

	.page-reason .reason .inner .reason_content {
		background: #fff;
		border-radius: 5px;
		padding: 5px;
	}

	.page-reason .reason .inner .reason_content p {
		margin-bottom: 20px;
	}

	.page-reason .reason .inner .reason_content .bg_yellow {
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 10px;
		padding: 10px 10px;
	}

	.page-reason .reason .inner .reason_content .btn_reason {
		margin: 40px 0;
		text-align: center;
	}

	.page-reason #contents_left .bnr {
		margin: 10px auto 10px auto;
	}




	/*info-------------------------------------------------------------------------------------------*/
	.top_info {
		width: 90%;
		margin: 0px auto;
	}

	.top_info h4 {
		padding: 10px;
		font-size: 120%x;
	}

	.top_info_bottom {}

	.top_info_bottom dl {
		width: 100%;
		display: block;
		/*横並び*/
		margin-bottom: 10px;
	}

	.top_info_bottom dl dt {
		width: 100%;
	}

	.top_info_bottom dd,
	.top_info_bottom dt {
		line-height: 1;
	}

	/* page-flow 施工の流れ
--------------------------------------------------------------------------------------*/
	.flow_arrow {
		margin-bottom: 0px;
		padding: 10px 0px;
		text-align: center;
	}

	.flow_arrow i {
		font-size: 260%;
		color: #E3000E;
	}

	.page-flow .step {
		border: 1px solid #9d9d9d;
		border-bottom: 1px solid #9d9d9d;
		overflow: hidden;
	}

	.page-flow .step04 {
		border-bottom: 1px solid #9d9d9d;
	}

	.flow_link img {
		width: 100%;
	}

	.page-flow .step h3 {
		font-size: 130%;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 6px 8px;
	}

	.page-flow .step h3 img {
		padding-right: 10px;
	}

	.page-flow .flow_content {
		margin-bottom: 20px;
		padding: 0 12px;
	}

	.page-flow .flow_content .left {
		float: none;
		width: 100%;
	}

	.page-flow .flow_content .left p {
		margin-bottom: 6px;
	}

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

	.page-flow .flow_content .right img {
		width: 100%;

	}

	.page-flow .step02 a {
		color: #E20013;
		text-decoration: underline;
	}

	.page-flow .step02 a:hover {
		text-decoration: none;
	}


	/*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: 50px;
	}

	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: 140%;
		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;
		background: #FFF;
		text-align: center;
	}

	.about-column .right {
		float: none;
		width: 100%;
		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;
	}

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

	/*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 {
		color: #353535;
		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: calc(100% - 20px);
		text-align: center;
		margin: 0px auto;
		margin-bottom: 0px;
		padding: 20px 10px;
		text-align: left;
	}

	.bnr img {
		width: 100%;
		text-align: center;
		margin: 0px auto;
	}

	.top_bnr + .bnr{
	margin-top: 0px;
}

	/*shop-------------------------------------------------------------------------------------------------------*/
	.page-shop .intro h3 {
		font-weight: bold;
		font-size: 120%;
		margin-bottom: 20px;
	}

	.shop_tit {
		width: 90%;
		margin: 0px auto;
	}

	.shop-column h4 {
		margin-bottom: 10px;
		color: #006471;
		font-weight: bold;
		font-size: 130%;
		;
	}

	.shop-column {
		margin-bottom: 0px;
		border: none;
		padding: 5px 25px;
	}

	.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-----------------------------------------------------*/

	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;
	}

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

	/*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: 140%;
		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;
	}

	.pageTop-inner {
		width: 90%;
		margin: 0px auto;
	}

	/*-footer--------------------------------------------------------------------------*/
	#footerArea {
		width: 100%;
		padding: 20px 0px 0px 0px;
		background: #006471;
	}

	#inner-footer {
		width: 90%;
		margin: 0px auto;
	}

	#inner-footer .left {
		float: none;
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
	}

	#inner-footer .left img {
		width: 80%;
	}

	#inner-footer .right {
		float: none;
		margin-bottom: 20px;
	}

	#inner-footer .right img {
		width: 100%;
	}

	#footLink {
		clear: both;
		width: 100%;
		margin: 0px auto;
		padding: 0px 0px;
		overflow: hidden;
	}

	#footLink ul li {
		background: url(../common_img/ico_footer_link.png) left center no-repeat;
		background-position: 10px 50%;
		float: left;
		padding-left: 0px;
		width: 100%;
	}

	#footLink ul li a {
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		padding: 6px 10px 6px 30px;
		border-bottom: 1px solid #EEEEEE60;
	}

	#footLink ul li a:hover {
		color: #FFFFFF;
		text-decoration: none;
	}

	#copy {
		clear: both;
		width: 100%;
		margin: 0px auto;
		padding: 10px 0px;
		padding-bottom: 100px;
		overflow: hidden;
		background: #FFFFFF;
		text-align: center;
		font-size: 12px;
	}

	#copy.form {
		padding-bottom: 10px;
	}

	/*-//footer--------------------------------------------------------------------------*/
	/*-----------------------------------------------------------------------------------------------*/
	.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 .inner {
		width: 90%;
		margin: 0px auto;
		padding: 20px 0px;
	}

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

	.tel-txt .inner span.tel {
		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%;
		line-height: 100%;
	}

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


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

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

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

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

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

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

	/*-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;
	}

	/**side-----------------------------------------------------------------------------------**/
	.side_info {
		width: 80%;
		margin: 0px auto;
		margin-bottom: 10px;
	}

	.side_info h4 {
		width: 100%;
		text-align: center;
		color: #FFF;
		font-size: 120%;
		padding: 5px 0px;
		background: #1C8D3C;
	}

	.side-info-bottom {
		border: #1C8D3C 3px solid;
		border-top: none;
		margin-bottom: 10px;
		padding: 15px 5px;
	}

	.side-info dd,
	.side-info dt {
		line-height: 80%;
	}



	/*page-top------------------------------------------------------------------------------*/
	#page-top {
		position: fixed;
		bottom: 85px;
		right: 10px;
		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: 0px 3px 2px -1px #8a8a8a;
	}

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




	/*-------------------------------------------------------------------------------------*/
	.bxSliderBox {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 15px;
		padding: 0px;
	}

	.bxSliderBox .bx-wrapper {
		position: relative;
	}

	.bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
		width: 33px;
		height: 33px;
		background: url(../common_img/silide_icon_left.png) left top no-repeat;
		background-size: 33px 33px;
		outline: none;
		text-indent: -9999px;
		position: absolute;
		left: -3px;
		top: 50%;
		z-index: 60;
		margin-top: -16px;
	}

	.bx-wrapper .bx-controls .bx-controls-direction .bx-next {
		width: 33px;
		height: 33px;
		background: url(../common_img/silide_icon_right.png) left top no-repeat;
		background-size: 33px 33px;
		outline: none;
		text-indent: -9999px;
		position: absolute;
		right: -3px;
		top: 50%;
		z-index: 60;
		margin-top: -16px;
	}

	.bxSlider_sp li img {
		width: 100%;
	}

	.footerBnner {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 10000;
		display: block;
	}

	.footerBnner ul {
		position: relative;
		margin: 0px auto;
		padding: 2px 0 0px 0px;
		display: flex;
		align-items: top;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.footerBnner ul li {
		width: 50%;
		display: block;
		text-align: center;
		text-decoration: none;
	}

	.footerBnner ul li a {
		display: block;
		padding: 20px 0px;
		color: #FFF;
		font-size: 170%;
		background: #91a4bb;
	}

	.footerBnner ul li a.reserve {
		background: #f20000;
	}

	.footerBnner ul li a span {
		padding-right: 5px;
		color: #fff;
		vertical-align: sub;
		font-size: 160%;
	}

}