@charset "UTF-8";
/* CSS Document */
.sp-img {
	display:none;
}
.pc-img {
	display:block;
}
@media screen and (max-width: 960px) {
	.sp-img,p.sp-img {
		display:block;
	}
	.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;
}
/*-----------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------*/
.main{
width: 100%;
overflow: hidden;
	background: #FFF;
margin-top: 60px;
padding-bottom: 30px;
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;
}
/*-top_txt--------------------------------------------------------------------------------------------*/
.top_txt{
	width: 100%;
	margin-bottom: 30px;
}
.top_txt .inner{
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 110%;
	line-height: 200%;
}
.top_txt .inner span{
	font-size:inherit;
	line-height: inherit;
	color:#FF0012;
}

/*-bnr--------------------------------------------------------------------------------------------*/
ul.bnr{
	width: 90%;
	margin:0px auto;
	padding: 30px 0% 30px 0%;
	display:flex;/*横並び*/
	align-items:top;/*天地センター*/
	flex-wrap:wrap;
	justify-content:space-between;
	}
	ul.bnr li{
		width: 100%;
		margin-bottom:30px;
		text-align: center;
	}
	ul.bnr li img{
		width: 100%;
	}
/*-btn--------------------------------------------------------------------------------------------*/
.btn{
	width: 100%;
}
.btn img{
	width: 100%;
}
/*-notice--------------------------------------------------------------------------------------------*/
.notice{
	width: 100%;
	margin-bottom: 30px;
}
.notice .inner{
	width: 90%;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	font-size: 100%;
	line-height: 160%;
}
.notice .inner p.tit{
	margin-bottom: 5px;
	padding:5px;
	background:#FF0012;
	text-align:center;
	color:#fff;
	font-size:110%;
	letter-spacing:10px;
	line-height:1;
}
.notice .inner p{
	font-size:inherit;
	line-height: inherit;
}
/*oil_block-------------------------------------------------------------------------------------------*/
.oil_block{
	width: 100%;
	margin:0px auto;
	margin-bottom: 60px;
	padding: 0px 0px 10px 0px;
	background: #F7F4F0;
}
.oil_block h2{
	margin-bottom: 5px;
	padding:15px;
	background:#009023;
	text-align:center;
	color:#FFFF00;
	font-size:160%;
	line-height:1;
}

.oil_block h2 span{
	font-size:60%;
	color:inherit;
}

.oil_block .inner{
	width: 90%;
	margin:0px auto;
	padding:10px 0px 60px 0px;
	text-align:center;
}
/*table----------------------------------------------------------------------*/
table.oil_table{
	margin:0px 0px 40px 0px;
	width:100%;
	text-align:center;
}
	table.oil_table th,table.oil_table td{
		display:block;
	padding:10px 8px 10px 8px;
	border:none;
	text-align:left;
	font-size:160%;
	line-height: 130%;
	}
	table.oil_table th{
		width: calc(100% - 15px);
		font-size: 130%;
		text-align: left;
	}
	table.oil_table th span{
		font-size:80%;
	}
	table.oil_table td.price{
		font-family: "M PLUS 1p";
		font-weight: 900;
	    font-size: 250%;
		border-bottom: 1px solid #ddd;

	}
	table.oil_table td.price span{
		font-size: 70%;
		color: inherit;
		font-weight: bold;
	}
	table.oil_table td.normal{
		width: 250px;
		background: #F1812B;
		color: #fff;
	}
	table.oil_table td.eco{
		background: #8DC73F;
		color: #fff;
	}
	p.table_txt{
		text-align: left;
		margin-bottom: 40px;
	}

	table.oil_table{
		border:0;
	}

	table.oil_table thead{
		display:none;
	}

	table.oil_table tr{
		margin-bottom:10px;
		display:block;
	}

	table.oil_table td{
		display:block;
		text-align:right;
		font-size:13px;
	}

	table.oil_table td:last-child{
		border-bottom:0;
	}
	table.oil_table td:before {
		content:attr(data-label);
		float:left;
		font-weight: normal;
		color: #333;
	    font-size: 40%;
	}
	table.oil_table td.no:before {
	    font-size: 100%;
	}
	table.oil_table td.no {
		font-size: 100%;
		color: #333;
	}
	table.oil_table.member td.normal{
	width:calc(100% - 15px);
	}
/*-footer--------------------------------------------------------------------------------------------*/
footer{
	clear: both;
	width: 100%;
	padding: 10px 0px;
    font-size: 80%;
}

footer .inner{
	width: 90%;
	margin: 0px auto;
	overflow: hidden;
}
footer .inner div.copy{
	width: 100%;
	padding: 10px 0px;
	float:none;
	text-align: left;
	font-size: 70%;
	overflow: hidden;
}

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

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

#page-top a {
    text-decoration: none;
    color: #fff;
    padding: 5px 5px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
}
}