@charset "utf-8";
/* CSS Document */


/* 共通 */
ol {
  margin: 0;
}
em {
  font-style: normal;
}
h4 {
    text-align: center;
    background: #EEE;
    padding: 10px;
    margin: 15px 0 20px;
    font-size: 150%;
}
nav.area_menu {
    height:30px;
}
nav.area_menu li {
    width: 33.3%;
    float: left;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
}
nav.area_menu li a {
    color: #222;
    text-decoration: underline;
    }
nav.area_menu li a:hover {
    color: #999;
    text-decoration: none;
    }
.attention {
    font-size: 85%;
    line-height:1.6;
    margin-bottom:20px;
}
.attention em {
    margin-left: 1em;
    text-indent: -1em;
    display: block;
    padding-bottom: 5px;
}
#fuel_contents h3 {
	text-align: center;
	font-size: 170%;
}
#fuel_contents h3 span {
	display: block;
	font-size: 55%;
	padding:8px 0 25px;
}
table.table010 {
	width: 100%;
	border-collapse: collapse;
	border: solid 2px #999;
	font-size: 115%;
	box-sizing:border-box;
}
table.table010 caption {
	text-align: left;
	font-size: 14px;
	padding: 5px 0;
}
table.table010 td {
	border: dotted 1px #999;
	padding: 7px 10px;
	text-align: center;
	line-height: 1.2;
	background: #ddf1f6;
	box-sizing:border-box;
}
table.table010 th {
	background: #ededed;
	text-align: center;
	white-space: nowrap;
	font-weight:bold;
	border: solid 1px #999;
	border-bottom: solid 2px #999;
	padding: 6px 5px;
	line-height: 1.5;
	/* height:3em; */
	vertical-align: middle;
}
table.table010 th.fuelup {
	color: #FFF;
	background:#00b2ff;
	width: 33%;
}
table.table010 th.dst {
	width: 33%;
}
table.table010 th.carrer {
	width: 33%;
}
table.table010 td.course {
	text-align: center;
	font-weight:bold;
	vertical-align:middle;
	border-bottom: 2px solid #999;
	border-right: 1px solid #999;
	background: #FFF;
}
/*table.table010 td.course .aaa {
	text-decoration: none;
    display: inline-block;
    background: url(../img/fuel/arrow_icon.svg) no-repeat 0 center / 0.8em;
	text-align: center !important;

	padding: 0 0 0 1em !important;
	font-size: inherit !important;
}*/
table.table010 td.fee {
	font-size: 82%;
	line-height: 130%;
	padding: 2px;
	text-align: center;
	background: #FFF;
	border-left: 1px solid #999;
	vertical-align:middle;
}

.nenyu_title {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:url(../img/fuel/title_bg.jpg) repeat;
	text-align:center;
	color:#FFF;
	font-size:1.35em;
	font-weight:bold;
	padding:15px 0;
	margin:15px 0 30px;
}
.fee_old {
	color: #666666;
	font-weight: bold;
	line-height: 130%;
}
.fee_new {
	font-weight: bold;
}

.fee_new em {
	font-weight: bold;
	color: #F00;
	font-size: 125%;
	padding-left:13px;
	line-height: 1;
}
.fee_new span {
	font-weight: bold;
	color: #F00;
}
.highlight {
	background: #FFFFCC;
	color: #F00;
}
td.fee_new.last,td.fee.last {
    border-bottom: 2px solid #999;
}
/* タブ　*/
#tabhoge {
	z-index: 0 !important;
}
#tabhoge p,#tabhoge2 p,#tabhoge3 p,#tabhoge4 p,#tabhoge5 p,#tabhoge6 p {
	clear: both;
	text-align: right;
	font-size: 80%;
	padding: 10px 0 30px;
}
#fuel_list .ui-helper-hidden {
	display: none;
}
#fuel_list .ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
#fuel_list .ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 110%;
	list-style: none;
}
#fuel_list .ui-helper-clearfix:before,
#fuel_list .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
#fuel_list .ui-helper-clearfix:after {
	clear: both;
}
#fuel_list .ui-helper-clearfix {
	min-height: 0;
}
#fuel_list .ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

#fuel_list .ui-front {
	z-index: 100;
}
#fuel_list .ui-tabs {
	position: relative;
	padding: .2em;
}
#fuel_list .ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
}
#fuel_list .ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px 0 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
	width:25%;
	box-sizing:border-box;
}

#fuel_list .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -2px;
	padding-bottom: 2px;
}
#fuel_list .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
#fuel_list .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
#fuel_list .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
#fuel_list .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
#fuel_list .ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 0;
	background: none;
}
#fuel_list .ui-tooltip {
	padding: 0;
	position: absolute;
	z-index: 9999;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body #fuel_list .ui-tooltip {
	border-width: 2px;
}

#fuel_list .ui-widget {
	font-size: 1.05em;
}
#fuel_list .ui-widget .ui-widget {
	font-size: 1em;
}
#fuel_list .ui-widget input,
#fuel_list .ui-widget select,
#fuel_list .ui-widget textarea,
#fuel_list .ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
#fuel_list .ui-widget-content {
	background: #fff;
}
#fuel_list .ui-widget-content a {
	color: #222;
}
#fuel_list .ui-widget-header {
	border-bottom: 2px solid #999;
	color: #222;
	font-weight: bold;
}
#fuel_list .ui-widget-header a {
	color: #222;
}

#fuel_list .ui-state-default,
#fuel_list .ui-widget-content .ui-state-default,
#fuel_list .ui-widget-header .ui-state-default {
	background: #ededed;
	font-weight: normal;
	color: #222;
}
#fuel_list .ui-state-default a,
#fuel_list .ui-state-default a:link,
#fuel_list .ui-state-default a:visited {
	color: #222;
	text-decoration: none;
	border: 2px solid #fff;
	box-sizing:border-box;
}
#fuel_list .ui-state-hover,
#fuel_list .ui-widget-content .ui-state-hover,
#fuel_list .ui-widget-header .ui-state-hover,
#fuel_list .ui-state-focus,
#fuel_list .ui-widget-content .ui-state-focus,
#fuel_list .ui-widget-header .ui-state-focus {
	background: #dadada;
	font-weight: normal;
	color: #222;
}
#fuel_list .ui-state-hover a,
#fuel_list .ui-state-hover a:hover,
#fuel_list .ui-state-hover a:link,
#fuel_list .ui-state-hover a:visited,
#fuel_list .ui-state-focus a,
#fuel_list .ui-state-focus a:hover,
#fuel_list .ui-state-focus a:link,
#fuel_list .ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
#fuel_list .ui-state-active,
#fuel_list .ui-widget-content .ui-state-active,
#fuel_list .ui-widget-header .ui-state-active {
	border: 2px solid #999;
	font-weight:bold;
	background: #fff;
	color: #222;
}
#fuel_list .ui-state-active a,
#fuel_list .ui-state-active a:link,
#fuel_list .ui-state-active a:visited {
	color: #222;
	text-decoration: none;
}
#fuel_list .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: 25px 0;
	text-decoration: none;
	width: 100%;
	text-align: center;
	vertical-align:middle;
}
#fuel_list .ui-widget-content {
    border: none;
    background: #fff none;
    color: #444;
}
.is_searchAir .md_search_details {
    margin-top: 0px;
}
#fuel_list .ui-state-hover {
    border: 1px solid #ccc;
    background: url(/dst/search/img/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x #0073ea;
    font-weight: 700;
    color: #fff;
}
#fuel_list .ui-widget-header {
  background: url(/dst/search/img/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x #ddd;
}
#fuel_list .ui-corner-top, #fuel_list .ui-corner-all {
  border-radius: 0;
}
#fuel_list .ui-state-default {
  border: 1px solid #ddd;
}

/****************************************************************/
/*
/* メディアクエリ設定 960px以上
/* 通常(PC用)記述の場所
/*
/****************************************************************/
@media print,screen and (min-width: 960px) {
	[class$="--sp"] {
		display: none !important;
	}
	.linkArea.btn {
		display:none;
	}
	#fuel_contents {
		margin: 0 auto;
		width: 960px;
		color:#222;
	}

	#fuel_contents .sample_fuel {
		display:block;
		width:100%;
		height:0;
		margin:0 auto 77px;
		padding-top: 52.08333333%;
		text-indent: -9999px;
		background:url(../img/fuel/sample_11PC.jpg) no-repeat 0 0;
		background-size: cover;
	}
	.ui-tabs .ui-tabs-nav br {
		display:none;
	}
	.fee_new br {
		display:none;
	}
	#fuel_list .ui-widget-content {
		margin-bottom: 40px;
	}
	#fuel_list .ui-widget.ui-widget-content {
		width: inherit !important;
	}
}


/****************************************************************/
/*
/* メディアクエリ設定 761px～959px
/* タブレット用記述の場所
/*
/****************************************************************/
@media screen and (min-width: 761px) and (max-width: 959px) {
	[class$="--sp"] {
		display: none !important;
	}
	.linkArea.btn {
		display:none;
	}
	#fuel_contents {
		width: 100%;
		margin: 0 auto;
		color:#222;
	}
	#tabhoge,.attention,#tabhoge2,#tabhoge3,#tabhoge4,#tabhoge5,#tabhoge6 {
		width: 94% !important;
		margin: 0 auto;
	}
	.attention {
		margin-bottom: 20px;
	}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		float: left;
		padding: 10px 0;
		text-decoration: none;
		width: 100%;
		text-align: center;
		height:65px;
	}
	#fuel_contents .sample_fuel {
		display:block;
		width:100%;
		height:0;
		margin:0 auto 77px;
		padding-top: 52.08333333%;
		text-indent: -9999px;
		background:url(../img/fuel/sample_11PC.jpg) no-repeat 0 0;
		background-size: cover;
	}
	#fuel_list .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		padding:10px;
	}
	#fuel_list .ui-widget-content {
		margin-bottom: 40px;
	}
}


/****************************************************************/
/*
/* メディアクエリ設定 0～760px
/* スマホ用記述の場所
/*
/****************************************************************/
@media screen and (min-width: 0px) and (max-width: 760px) {
  [class$="--pc"] {
    display: none !important;
  }
.linkArea.btn {
	width:90%;
	margin:0 auto;
	display:block;
}
.linkArea.btn a {
	background: #FFAE00 url("https://smp.his-j.com/cmn/img/kanto/icon/instruction/box_white001.png") no-repeat 97% 50%;
	background-size: 15px 13px;
	display:block;
	margin: 6% 7%;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.4);
    color:#FFF;
    font-size:120%;
    font-weight:bold;
}



#fuel_contents {
	width: 100%;
	margin: 0 auto;
	color:#222;
}

#fuel_list .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: 8px 0;
	text-decoration: none;
	width: 100%;
	font-size:85%;
	text-align: center;
	height:50px;
}
#fuel_list .ui-tabs .ui-tabs-nav .ui-tabs-anchor span {
	display:none;
}

#fuel_contents .sample_fuel {
	display:block;
    width:100%;
	height:0;
	margin:10px auto 20px;
	padding-top: 76.25%;
	text-indent: -9999px;
	background:url(../img/fuel/sample_11SP.png) no-repeat 0 0;
	background-size: cover;
}
#fuel_contents {
	font-size: 80%;
}
#fuel_contents h3 {
	text-align: center;
	font-size: 125%;
}
#fuel_contents h3 span {
	display: block;
	font-size: 65%;
	padding:8px 0 10px;
}
	#tabhoge,.attention,#tabhoge2,.attention,#tabhoge3,#tabhoge4,#tabhoge5,#tabhoge6 {
		width: 94%;
		margin: 0 auto;
	}
#tabhoge p,#tabhoge2 p,#tabhoge3 p,#tabhoge4 p,#tabhoge5 p,#tabhoge6 p {
	clear: both;
	text-align: right;
	font-size: 80%;
	padding: 10px 0 10px;
}
.attention {
    font-size:75%;
    line-height:1.6;
    margin-bottom:20px;
}

	#pageTop a {
    display: none !important;
}
#fuel_list .ui-widget-content {
	margin-bottom: 20px;
}
#fuel_list .ui-widget.ui-widget-content {
  left: 0 !important;
  width: inherit !important;
  padding: 0.8em;
}
}