@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 960px) {
.pc-img {
	display:none;
}
.none,.inner.none {
	display:none;
}

#page-nav{
position:relative;          
    top: 0px;              
    left: 0px;                
    width: 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: 32%;
  left: 0;
 bottom: 0;
  margin: auto;
  width:calc(100% - 10px);
	padding-left: 10px;
font-size: 160%;
}
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 #ff1611;
    bottom: -20px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 0;
}

h2.tit {
    margin-bottom: 60px;
    padding: 15px 10px 15px 10px;
    position: relative;
    text-align: center;
    font-size: 150%;
    line-height: 150%;
}

/*-nav--------------------------------------------------------------------------------------------*/
nav{
	padding: 0;
	width: 100%;
	border-top: none;
	border-bottom: none;
}
nav::after {
	border: 0;
}
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;
	height: auto;
}
.main .inner div.btn{
	position:absolute;	/* 絶対位置指定 */
	top:320px;
	left:0;
	right:0;
}
.main .inner div.btn img{
	width: 60%;

}
/*top-about-------------------------------------------------------------------------------------------*/
.top-about {
    background: #f1f1f1;
}
.top-about h2.tit {
    margin-bottom: 30px;
    text-align: center;
    font-size: 160%;
    line-height: 1.5;
}

.top-about h2 span {
    font-size: 100%;
    font-weight: inherit;
}

.top-about .inner {
    width: 90%;
    margin: 0px auto;
    display: block;
    padding: 40px 0px;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.top-about .inner div.img {
    width: 100%;
    text-align: center;
	margin-bottom: 20px;
}

.top-about .inner div.img img {
    width: 60%;
}

.top-about .inner div.txt {
    width: calc(60%- 10px);
    padding-left: 10px;
    text-align: left;
    font-size: 100%;
    line-height: 180%;
    font-weight: 100;
}

.top-about .inner div.txt span {
    font-size: 140%;
    font-weight: bold;
}


/*-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: 150%;
	line-height: 100%;
}
.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%;
}
.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: 70%;
	line-height: 100%;
	font-weight: bold;
}
a.price-button {
    width: 70%;
font-size: 150%;text-align: left;padding: 20px;}
	
  /*-reason--------------------------------------------------------------------------------------------*/
.reason h2.tit {
    margin-bottom: 0px;
    text-align: center;
    font-size: 150%;
    line-height: 1.5;
}

    .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: 90%;
        overflow: hidden;
        margin: 0px auto;
        background: #FFF;
        display: flex;
        /*横並び*/
        align-items: top;
        /*天地センター*/
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .reason-block {
        width: 90%;
        margin: 0px auto;
        margin-bottom: 1px;
        padding: 30px 0px;
        align-items: center;
        /*天地センター*/
        flex-wrap: wrap;
        justify-content: space-between;
        box-shadow: none;
        background: none;
        flex-direction: column-reverse;
    }

    .reason-block.reverse {
        flex-wrap: wrap;
        flex-wrap: wrap-reverse;
    }

    .reason-block h3 {
        font-size: 140%;
        text-align: center;
    }

    .reason-block div.txt-block {
        width: 100% ;
    }

    .reason-block div.img-block {
        width: 100%;
        margin: 0px auto;
        margin-bottom: 20px;
        text-align: center;
    }

    .reason-block div.img-block img {
        width: 80%;
        height: 200px;
        object-fit: cover;
        /* この一行を追加するだけ！ */
    }

    .reason-block p {
        padding: 10px 10px;
        font-size: 100%;
        line-height: 180%;
    }

    .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.reason-button {
    width: 80%;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 0px;
    padding: 15px 0px;
    border-radius: 10px;
    cursor: pointer;
    overflow: visible;
    text-decoration: none;
    font-size: 150%;
    display: inline-block;
    top: -2px;
    letter-spacing: 5px;
    position: relative;
}




/*info-------------------------------------------------------------------------------------------*/
 section.top-info {
        width: 100%;
        margin: 0px auto;
        padding: 40px 0px;
    }

    section.top-info h2 {
        margin-bottom: 30px;
        font-size: 270%;
        letter-spacing: 5px;
        text-align: center;
    }

    section.top-info .inner {
        width: calc(90% - 10px);
        margin: 0px auto;
        padding: 40px 5px;
        border-radius: 10px;
    }

    section.top-info div.info_list {
        margin-bottom: 40px;
    }

    section.top-info dl {
        max-width: 100%;
        margin: 0 auto;
        padding: 5px 10px;
        display: block;
        align-items: center;
    }

    section.top-info dl dt {
        max-width: 100%;
        margin-right: 0px;
        margin-bottom:10px;
        font-size: 120%;
    }

    section.top-info dl dd a {
        font-size: 115%;
        text-decoration: underline;
        padding-bottom: 10px;
        display: block;
        }

/*ad-------------------------------------------------------------------------------------------*/
.top-ad{
	width: 100%;
}
.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;
	font-size: 140%;
}
.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 {
width:calc(100% - 20px);
padding: 10px 10px;
margin:0px auto;
}
div.about-list::after {
	top: 45%;
	right: 20px;
	width: 14px;
	height: 14px;
}

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: 60%;
}
div.about-list div.left img{
	width: auto;
	height: 42px;
}
div.about-list div.right{
	width: 25%;
}
div.about-list div.right img{
	width: 100%;
border-radius: 0px;
}
div.about-list p{
	font-size: 110%;
}
.about-block{
	width:100%;
	margin: 0px auto;
}
.about-block .inner{
	padding: 40px 0px;
	width:90%;
}
.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: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 15px;
	color: #333;
	font-size: 120%;
	line-height: 200%;
	background: #FFF;
	float: none;
}
.info-page .inner div.txt dl{padding: 5px 0px;margin:0px auto;margin-bottom: 10px;display: block;/*横並び*/align-items:top;/*天地センター*/flex-wrap:wrap;justify-content:flex-start;}
.info-page .inner div.txt dl dt{
	width: 100%;
	margin-bottom: 5px;
}
.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: #CC0000;
	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: #CC0000;
	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 {
	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--------------------------------------------------------------------------------------------*/
section.bnr{
	width: 100%;
	margin: 0px auto;
	padding:20px 0px;
	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: 50px 0px;
}
section.bnr-list ul{
width: 80%;
margin: 0px auto;
display:block;/*横並び*/
align-items:top;/*天地センター*/
flex-wrap:wrap;
justify-content:space-between;
}

section.bnr-list ul li{
    width: 100%;
	margin-bottom: 30px;
}
section.bnr-list ul li:last-child{
	margin-bottom: 0px;
}
section.bnr-list ul li img{
    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;
}
/*WARIBIKI------------------------------------------------------*/
.waribiki{
	width: 100%;
	margin:0px auto;
	margin-bottom:40px;
}

.waribiki img {
	width: 100%;
}
/*price_data-----------------------------------------------------*/
	
.price {
	background: #FFF;
}
h3.price_title {
	font-size: 180%;
}
.price > p {
	margin: -10px 0 10px;
	text-align: center;
}
.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: 25%;
font-size:90%;
border:1px solid #CCCCCC;
color:#000;
padding:8px 2px 8px 2px;
background: #efefef;
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;
	text-align: right;
	font-size: 120%;
	font-weight: bold;
	background:#FFF;
}
table.price_data td.price.waribiki{
	color: #ed1506;
}
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:#ed1506;
}
table.price_data td.max{
padding:8px 10px 8px 2px;
background: #FFFF00;
font-size:160%;

color:#ed1506;
}
.price-txt{
	text-align: left;
	margin:0;
}
table.price_data td.max span{
font-size:130%;
font-weight:bold;
}

.price .inner .credit{
	width:100%;
}
/*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: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*/
.shop-block {
    width: 100%;
    margin: 0px auto;
    margin-bottom: 40px;
    display: block;
    align-items: top;
    flex-wrap: wrap;
    justify-content: space-between;
}

.shop-block .map {
    width: 100%;
    border: 1px solid #FFF;
}

.shop-block .map p.txt {
    width: auto;
    padding: 5px 10px;
    text-align: center;
    font-size: 110%;
}

.shop-block .txt {
    width: 100%;
}
.shop-block .map iframe {
    width: 100%;
	margin-bottom: 10px;
    height: 300px;
}

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

.shop-block table.shop th,.shop-block table.shop td {
	width: calc(100% - 20px);
	border: none;
	display: block;
	padding: 5px 10px;
	line-height: 18px;
	vertical-align: middle;
	text-align: left;
	font-size: 120%;
	font-weight: normal;
}

.shop-block table.shop tr {
    display: block;
    margin: 0 0 20px;
}
	.shop-block table.shop th {
    background: #F3F4F4;
}
/*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 {
	margin: 0 0 20px;
	padding: 15px 0px;
	font-size: 150%;
	text-align: center;
}

ul.shop-area {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 40px;
}
ul.shop-area > li {
	text-align: center;
}
ul.shop-area > li > a {
	position: relative;
	display: block;
	padding: 10px 20px;
	color: #17358E;
	text-align: center;
	text-decoration: none;
	border: 2px solid #17358E;
	border-radius: 10px;
	background-color: #fff;
}
ul.shop-area > li > a::after {
	position: absolute;
	top: 50%;
	right: 8px;
	display: block;
	color: #17358E;
	content: "\02193";
	transform: translateY(-50%);
}
ul.shop-area > li > a:hover {
	color: #fff;
	background-color: #17358E;
}


table.shop_list {
	border: 0;
	margin: 0 0 20px;
}

table.shop_list > thead {
	display: none;
}
table.shop_list > tbody > tr,
table.shop_list > tbody > tr > th,
table.shop_list > tbody > tr > td {
	display: block;
	border: 0;
}
table.shop_list > tbody > tr {
	margin: 0 0 20px;
}
table.shop_list > tbody > tr > th {
	margin: 0 0 5px;
	color: #17358E;
	background-color: #D8DDEC;
}
table.shop_list tr:nth-child(even) td {
    background: none;
}
	table.shop_list > tbody > tr > td {
	padding: 10px 10px 10px 10px;
	font-size: 110%;
}
table.shop_list > tbody > tr > td > a {
	color: #0742bc;
}
table.shop_list > tbody > tr > td::before {
	padding-bottom:5px;
	margin-bottom: 5px;
	font-weight: bold;
	border-bottom:1px solid #a8a6a6;
	display:block;
}
table.shop_list .tel > a {
    font-size: 140%;
	line-height:1.2;
    color: #0742bc;
}
table.shop_list tr td:first-child {
	color:#fff;
	font-size: 130%;
	font-weight: bold;
	background:#0742bc;
	padding: 5px 10px;
}
table.shop_list > tbody > tr > td:nth-of-type(2)::before {
	content:"住所";
}
table.shop_list > tbody > tr > td:nth-of-type(3)::before {
	content: "電話番号"
}
table.shop_list > tbody > tr > td:nth-of-type(4)::before {
	content: "営業時間"
}
table.shop_list > tbody > tr > td:nth-of-type(5)::before {
	content: "定休日"
}
table.shop_list > tbody > tr > td:nth-of-type(6)::before {
	content: ""
}

/*-footer--------------------------------------------------------------------------------------------*/
footer{
	clear: both;
	width: 100%;
	padding: 15px 0px;
    padding-bottom: 98px;
	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%;
	float:none;
	text-align: left;
	font-size: 70%;
	overflow: hidden;
}
/*-footer-nav--------------------------------------------------------------------------------------------*/

.footer-nav{
	width: 100%;
border-top: 1px solid #eee;}
.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: 10px 2%;
}
.footer-nav ul.txt-link li a{
	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 .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;
}
/*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;
}
.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: 190%;
}
#acMenu dt span{
    color: #FFF;
    font-size: 70%;
    }
#acMenu dt.tokutoku{
	background: #0059bd;
	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: #ed1405;
    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%;
}
#acMenu p{
	margin-bottom:10px;
}

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 a{
	width: 100%;
	background:#17358E;
	text-align: center;
}
.footerBnner a:first-of-type{
	border-right: 1px solid #BABABA;
}
.footerBnner p{
	padding: 10px 0 0;
	background: #458C00;
	text-align: center;
	border-top: 1px solid #BABABA;
	width:100%;
	color:#fff;
}
.footerBnner p span{
	color:#FFEF00;
	font-size: 100%;
}
.footerBnner img{
    width: 100%;
    margin: 0px auto;
}
.footerBnner a:hover img {
	filter:alpha(opacity=100);
	opacity:1.0;
}

/*-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: #CC0000;
}
table.form td.reserve p{
color: #CC0000;
}
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: 110px;
	right: 10px;
	font-size: 80%;
	z-index: 5000;
}

#page-top a {
    background: #e15252e3;
    text-decoration: none;
    color: #fff;
    padding: 15px 15px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
}
/*グループリンク-------------------------------------------------------------*/
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{
	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:nth-of-type(3) a {
	color: #003987;
}
section.group_link ul li:nth-of-type(3) a:nth-of-type(1) {
	margin: 10px 0;
	border: 0;
}
section.group_link ul li:nth-of-type(3) a:nth-of-type(2) {
	margin: 0 0 10px;
	border: 0;
}
section.group_link ul li:nth-of-type(3) a:nth-of-type(3) {
	margin: 0 0 10px;
	border: 0;
}
section.group_link ul li:nth-of-type(3) a:nth-of-type(4) {
	margin: 0 0 10px;
	border: 0;
}

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


ul.bnr-list {
	width: 90%;
	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%;
}

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

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

    .footer_area ul li {
        display: block;
        text-align: center;
        text-decoration: none;
    }

    .footer_area ul li.call {
        width: calc(14%);
    }

    .footer_area ul li.estimate {
        width: calc((100% - 14%) / 2);
    }

    .footer_area ul li.reserve {
        width: calc((100% - 14%) / 2);
    }

    .footer_area ul li a {
        display: block;
        padding: 10px 0px;
        color: #FFF;
        font-size: 140%;
    }

    .footer_area ul li a img {
        width: auto;
        height: 40px;
    }

    .footer_area ul li.call {
        background: rgba(28, 190, 131, 1);
    }

    .footer_area ul li.reserve {
        background: #ed1405;
    }

    .footer_area ul li.estimate {
        background: #0185e9;
    }


  /*-callcenter-txt------------------------------------------------------------------------------------*/
  .callcenter-txt {
	width: calc(90% - 40px);
	margin: 50px auto;
	padding: 20px;
}

.callcenter-txt p {
	margin-bottom: 20px;
	font-size: 110%;
	line-height: 180%;
}

.callcenter-txt p span {
	font-size: inherit;
	line-height: inherit;
	font-weight: bold;
	color: #E20003;
}
}