@charset "utf-8";

@media screen and (min-width:768px){
/*pc・タブレットcss*/


#gas-price-page #common-footer{
	padding-bottom:100px;
}


/* +++++++++++++++++++++++++ */

#gas-price{
	
}
#gas-price .box-half{
	width:47.5%;
	margin-bottom:5%;
}

#gas-price .info-requested{
	border: solid 11px #EAE5E3;
	border-radius:30px;
	padding:30px;
}
#gas-price .check-list{
}
#gas-price .check-list > li{
	position:relative;
	padding-left:1.5em;
	line-height:1.8;
	margin-bottom:5px;
}
#gas-price .check-list > li:before {
	position:absolute;
	top:0.3em;
	left:0;
	content:"";
	width:19px;
	height:18px;
	background: url(../img/common/icon_check.svg) no-repeat left top / cover;
}

#gas-price .type-attention {
	background-color:#FCF9E2;
	border-radius:30px;
	padding:30px;
}

#gas-price .price-img{
	width:100%;
	max-width:790px;
	margin-left: auto;
	margin-right: auto;
}

#gas-price .price-data{
	border: solid 1px #2B2B2B; 
	width:100%;
	border-collapse:collapse;
}
#gas-price .price-data th,
#gas-price .price-data td{
	padding:15px 10px;
	border: solid 1px #2B2B2B; 
}
#gas-price .price-data th{
	vertical-align:middle;
}
#gas-price .price-data td{
	text-align:center;
}


#gas-price .price-data02{
	border: solid 1px #2B2B2B; 
	width:100%;
	border-collapse:collapse;
}
#gas-price .price-data02 th,
#gas-price .price-data02 td{
	padding:15px 10px;
	border: solid 1px #2B2B2B; 
}
#gas-price .price-data02 th{
	vertical-align:middle;
	width:30%;
}
#gas-price .price-data02 td{
}

/* +++++ */

.unscrupulous-business-operators{
	background-color:#FCF9E2;
	border-radius:30px;
	padding:60px;
}
.unscrupulous-business-operators-ttl{
	margin-bottom:20px;
	font-size:32px;
	font-family: "M PLUS Rounded 1c", serif;
	font-weight:700;
	color:#805E4E;
}


.unscrupulous-business-operators-list{
	
}
.unscrupulous-business-operators-list{
	
}
.unscrupulous-business-operators-list{
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.unscrupulous-business-operators-list > li{
	width:47.5%;
	position:relative;
	margin-bottom:40px;
	padding-left:1.5em;
}
.unscrupulous-business-operators-list > li:before {
	content:"";
	position:absolute;
	top:0.8em;
	left:0;
	width:13px;
	height:13px;
	background:#004592;
	border-radius:1000px;
}
.unscrupulous-business-operators-subttl{
	font-size:20px;
	font-family: "M PLUS Rounded 1c", serif;
	font-weight:700;
	color:#805E4E;
}

/* ++++++++++++ */

#gas-price #stalker-contact-line{
	position:fixed;
	z-index:2;
	bottom:0;
	left:0;
	width:100%;
	background-color:#715345;
	transform: translateY(12vw);
}
#gas-price #stalker-contact-line:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:30vw;
	height:100%;
	background-color:#4E3932;
}
#gas-price #stalker-contact-line .content-area{
	z-index:2;
	position:relative;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#gas-price #stalker-contact-line .tel-box,
#gas-price #stalker-contact-line .mail-box{
	border-radius:10px;
	padding:10px;
	margin:5px 0;
}
#gas-price #stalker-contact-line .ttl{
	position:relative;
	width:32%;
	margin-right:2%;
	background-color:#ccc;
	background:url(../img/gas-price/stalker_contact_line_aro.svg) no-repeat right center / auto 100%;
	font-size:30px;
	font-family: "M PLUS Rounded 1c", serif;
	font-weight:700;
	color:#fff;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}



#gas-price #stalker-contact-line .tel-box{
	width:32%;
	margin-right:2%;
	background-color:#FCF9E2;
}
#gas-price #stalker-contact-line .tel-box .inner{
	padding-left:1.8em;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#gas-price #stalker-contact-line .mail-box{
	width:32%;
	background-color:#FCF9E2;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	
}
#gas-price #stalker-contact-line .mail-box a{
	display:block;
	font-size:18px;
	font-weight:700;
	font-family: "M PLUS Rounded 1c", serif;
	color:#805E4E;
	text-decoration:none;
	line-height:1.3;
	padding-left:3em;
	background: url(../img/common/bottom_contact_mail_icon.svg) no-repeat left center / 2.5em auto;
}
#gas-price #stalker-contact-line .tel-box .tel{
	width:100%;
}
#gas-price #stalker-contact-line .tel-box .tel a{
	display:block;
	font-size:30px;
	font-weight:700;
	font-family: "M PLUS Rounded 1c", serif;
	color:#805E4E;
	text-decoration:none;
	line-height:1;
	padding-left:1.5em;
	background: url(../img/common/bottom_contact_tel_icon.svg) no-repeat left center / 1.5em auto;
}
#gas-price #stalker-contact-line .tel-box .time{
	width:100%;
	padding-left:4em;
	line-height:1.5;
	font-size:14px;
}
/*　上に上がる動き　*/
.stalkerUpMove{
	animation: stalkerUpAnime 0.5s forwards;
}
@keyframes stalkerUpAnime{
  from {
    opacity: 0;
	transform: translateY(12vw);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/
.stalkerDownMove{
	animation: stalkerDownAnime 0.5s forwards;
}
@keyframes stalkerDownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(12vw);
  }
}



}

@media screen and (min-width:768px) and ( max-width:1200px) {
	
#gas-price #stalker-contact-line .tel-box .inner{
	padding-left:0.5em;
}

}

@media (max-width: 768px) {
	
	
	#gas-price-page #common-footer{
		padding-bottom:30vw;
	}
	
	
	/* +++++++++++++++++++++++++ */
	
	#gas-price{
		
	}
	#gas-price .box-half{
		width:100%;
		margin-bottom:8vw;
	}
	
	#gas-price .info-requested{
		border: solid 7px #EAE5E3;
		border-radius:20px;
		padding:5vw;
	}
	#gas-price .check-list{
	}
	#gas-price .check-list > li{
		position:relative;
		padding-left:1.5em;
		line-height:1.8;
		margin-bottom:5px;
	}
	#gas-price .check-list > li:before {
		position:absolute;
		top:0.3em;
		left:0;
		content:"";
		width:19px;
		height:18px;
		background: url(../img/common/icon_check.svg) no-repeat left top / cover;
	}
	
	#gas-price .type-attention {
		background-color:#FCF9E2;
		border-radius:30px;
		padding:30px;
	}
	
	#gas-price .price-img{
		width:80%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#gas-price .price-data{
		border: solid 1px #2B2B2B; 
		width:100%;
		border-collapse:collapse;
	}
	#gas-price .price-data th,
	#gas-price .price-data td{
		padding:15px 10px;
		border: solid 1px #2B2B2B; 
	}
	#gas-price .price-data th{
		vertical-align:middle;
	}
	#gas-price .price-data td{
		text-align:center;
	}
	
	
	#gas-price .price-data02{
		border: solid 1px #2B2B2B; 
		width:100%;
		border-collapse:collapse;
	}
	#gas-price .price-data02 th,
	#gas-price .price-data02 td{
		padding:15px 10px;
		border: solid 1px #2B2B2B; 
	}
	#gas-price .price-data02 th{
		vertical-align:middle;
		width:30%;
	}
	#gas-price .price-data02 td{
	}
	
	/* +++++ */
	
	.unscrupulous-business-operators{
		background-color:#FCF9E2;
		border-radius:20px;
		padding:5vw;
	}
	.unscrupulous-business-operators-ttl{
		margin-bottom:2vw;
		font-size:20px;
		font-family: "M PLUS Rounded 1c", serif;
		font-weight:700;
		color:#805E4E;
	}
	
	
	.unscrupulous-business-operators-list{
		
	}
	.unscrupulous-business-operators-list{
		
	}
	.unscrupulous-business-operators-list{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	.unscrupulous-business-operators-list > li{
		width:100%;
		position:relative;
		margin-bottom:3vw;
		padding-left:1.5em;
	}
	.unscrupulous-business-operators-list > li:before {
		content:"";
		position:absolute;
		top:0.8em;
		left:0;
		width:13px;
		height:13px;
		background:#004592;
		border-radius:1000px;
	}
	.unscrupulous-business-operators-subttl{
		font-size:16px;
		font-family: "M PLUS Rounded 1c", serif;
		font-weight:700;
		color:#805E4E;
	}
	
	/* ++++++++++++ */
	
	#gas-price #stalker-contact-line{
		position:fixed;
		z-index:2;
		bottom:0;
		left:0;
		width:100%;
		background-color:#715345;
	}
	#gas-price #stalker-contact-line .content-area{
		padding: 0;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#gas-price #stalker-contact-line .tel-box,
	#gas-price #stalker-contact-line .mail-box{
		border-radius:10px;
		padding:10px;
		margin:5px 0;
	}
	#gas-price #stalker-contact-line .ttl{
		position:relative;
		width:100%;
		background:#4E3932;
		font-size:18px;
		font-family: "M PLUS Rounded 1c", serif;
		font-weight:700;
		color:#fff;
		text-align:center;
	}
	#gas-price #stalker-contact-line .tel-box{
		width:44%;
		margin-right:2%;
		margin-left:5%;
		background-color:#FCF9E2;
	}
	#gas-price #stalker-contact-line .tel-box .inner{
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	}
	#gas-price #stalker-contact-line .mail-box{
		width:44%;
		margin-right:5%;
		background-color:#FCF9E2;
		-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
		-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
		-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
		
	}
	#gas-price #stalker-contact-line .mail-box a{
		display:block;
		font-size:18px;
		font-weight:700;
		font-family: "M PLUS Rounded 1c", serif;
		color:#805E4E;
		text-decoration:none;
		line-height:1.3;
		padding-left:3em;
		background: url(../img/common/bottom_contact_mail_icon.svg) no-repeat left center / 2.5em auto;
	}
	#gas-price #stalker-contact-line .tel-box .tel{
		width:100%;
	}
	#gas-price #stalker-contact-line .tel-box .tel a{
		display:block;
		font-size:16px;
		font-weight:700;
		font-family: "M PLUS Rounded 1c", serif;
		color:#805E4E;
		text-decoration:none;
		line-height:1;
		padding-left:1.5em;
		background: url(../img/common/bottom_contact_tel_icon.svg) no-repeat left center / 1.5em auto;
	}
	#gas-price #stalker-contact-line .tel-box .time{
		width:100%;
		padding-left:2.3em;
		line-height:1.5;
		font-size:10px;
	}
	
	

	
}