@charset "utf-8";
@media screen and (max-width: 767px) {
/******************** Visible or not *******************/
.vpc { 
	display: none;
}
.vsp { 
	display: block;
}
.vpc_view { 
	display: none;
}
.vsp_view { 
}
/******************** WRAPPER *******************/
/* ヘッダー下細いライン */
.contentSS {
	border-top: 3px solid #F33B00;
	margin: 0 0 10px 0;
	height: 10px;

}
/* 大きな枠 */
.contentMain {
	margin: 0 0;
	text-align: center;
	width: 100%;
	overflow: hidden;
	min-height: 600px;
}
/* コンテンツ 本文枠 */
.ssContent {
	padding: 0 0;
	text-align: left;
	margin: 0 0 100px 0;
}
.contentMain .ssContentNom {
	min-height: 600px;
}
.ssContentNom {
	padding: 0 0;
	text-align: left;
	margin: 0 0 0 0;
}
/* 詳細画面ヘッダー下太いいライン */
.detailSS {
	background: #F33B00;
	margin: 0 0 10px 0;
	height: auto;
	max-height: 100px;
	vertical-align: middle;
}
/* TOPヘッダー下太いいライン */
.topSS {
	background: #F33B00;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	height: 30px;
	vertical-align: middle;
	text-align: center;
}
/******************** H *******************/
h1.lens {
	background: url(../rwd_images/megane.png) no-repeat 0 50%;
	background-size: 22px 20px;
	padding: 5px 0 5px 24px;
	font-size: 16px;
	margin: 0 1%;
}
/*詳細画面タイトルSS名*/
.detailSS h1 {
	color: #FFF;
	font-weight: normal;
	font-size: 16px;
	padding: 10px 1% 0 1%;
}
/*詳細画面タイトルSS名横ロゴ*/
.detailSS h1 img {
	width: 28px;
	height: auto;
	margin: 0 3px 0 0;
	float: left;
}
/* TOPタイトル */
.topSS h1 {
	color: #FFF;
	font-weight: normal;
	font-size: 18px;
	padding: 2px 0 0 0;
	margin: 0 auto 0 auto;
	line-height: 100%;
	text-align: center;
}
/*検索結果H2（背景オレンジ）*/
h2.orangeBack {
	background: #FF6633;
	padding: 6px 0 5px 12px;
	font-weight: normal;
	font-size: 16px;
	margin: 10px 0 10px 0;
	line-height: 100%;
	color: #FFF;
	font-size: 110%;
}
/*検索結果H2（オレンジライン）*/
h2.orangeLine {
	border-left: 5px solid #FF6633;
	padding: 4px 0 0 6px;
	font-weight: bold;
	font-size: 16px;
	margin: 10px 2% 10px 2%;
	line-height: 100%;
}
/*TOP 検索 H2*/
h2.topSearch {
	font-size: 18px;
	padding: 8px 8px;
	line-height: 140%;
	color: #000;
	font-weight: bold;
	margin: 0 0 0 0;
}
h2.topSearch2 {
	font-size: 18px;
	padding: 8px 8px;
	line-height: 140%;
	color: #000;
	font-weight: bold;
	margin: 0 0 0 0;
}
.topJoken h2.option {
	font-size: 16px;
	color: #099;
}
.topJokenKenmap h2.option {
	font-size: 16px;
	color: #099;
}
h2.switch {
	display: block;
	background: #C33 url(../rwd_images/switchArUp.png) no-repeat 97% 50%;
	background-size: 15px 13px;
	color: #FFF !important;
}
h2.active {
	display: block;
	background: #C33  url(../rwd_images/switchArDown.png) no-repeat 97% 50%;
	background-size: 15px 13px;
	color: #FFF !important;
}
/*TOP お知らせキャンペーン新規 H2*/
h2.topSSinfo {
	font-size: 18px;
	padding: 0 0 0 17px;
	line-height: 140%;
	color: #333;
	font-weight: bold;
	background: url(../rwd_images/iCircle.png) no-repeat 0 48%;
	background-size: 14px 14px;
}
/******* H3 *******/
/*詳細画面 周辺SSタイトル*/
h3.arSSdetail {
	float: none;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding: 0 10px;
	border-bottom: 2px solid #AAA;
}
/*詳細画面 ドライブルートタイトル*/
h3.rtSSdetail {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding: 0 10px;
	color: #fff;
	text-align: left;
}
/******************** LINK *******************/
/*青い字のリンク*/
.blueLink {
	color: #0063B2 !important;
}
.blueLink:hover {
	opacity: 1;
}
/*外部リンク グレーアイコン*/
.blankG {
	padding-right: 11px;
	background: url(../rwd_images/LinkG.png) no-repeat 100% 0;
	background-size: 10px 10px;
}
/*外部リンク 白アイコン*/
.blankW {
	padding-right: 11px;
	background: url(../rwd_images/LinkW.png) no-repeat 100% 0;
	background-size: 10px 10px;
}
/******************** margin *******************/
.mT5 {
	margin-top: 5px;
}
.mT10 {
	margin-top: 10px;
}
.mT20 {
	margin-top: 20px;
}
.mT30 {
	margin-top: 30px;
}
.mT40 {
	margin-top: 40px;
}
.mT50 {
	margin-top: 50px;
}
.mT60 {
	margin-top: 60px;
}
.mT70 {
	margin-top: 70px;
}
.mT80 {
	margin-top: 80px;
}
.mT90 {
	margin-top: 90px;
}
.mT100 {
	margin-top: 100px;
}
.mB5 {
	margin-bottom: 5px;
}
.mB10 {
	margin-bottom: 10px;
}
.mB20 {
	margin-bottom: 20px;
}
.mB30 {
	margin-bottom: 30px;
}
.mB40 {
	margin-bottom: 40px;
}
.mB50 {
	margin-bottom: 50px;
}
.mB60 {
	margin-bottom: 60px;
}
.mB70 {
	margin-bottom: 70px;
}
.mB80 {
	margin-bottom: 80px;
}
.mB90 {
	margin-bottom: 90px;
}
.mB100 {
	margin-bottom: 100px;
}
/******************** text-align *******************/
.alCenter {
	text-align: center;
}
.alLeft {
	text-align: left;
}
.alRight {
	text-align: right;
}
/******************** CLEAR *******************/
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
	display: block;
	zoom:1;
}
* html .clearfix {
	height: 1%;
}
/*************************************************/
/* このページの上へ */
#page-top {
	position: fixed;
	bottom: 60px;
	right: 0;
	font-size: 77%;
	z-index: 98;
}
#page-top a {
	background: #F63 url(../rwd_images/pageTop.png) no-repeat 50% 40%;
	background-size: 12px 14px;
	text-indent: -9999px;
	width: 40px;
	height: 50px;
	border-radius: 6px 0 0 6px;
	display: block;
	opacity: 0.8;
}
#page-top a:hover {
	background: #F63 url(../rwd_images/pageTop.png) no-repeat 50% 40%;
	background-size: 12px 14px;
	opacity: 0.8;
}
/*************************************************/

/*********************** LISTMAP ***********************/
/* 一覧に切り替え */
.changeList {
	text-align: right;
	font-size: 12px;
	padding: 10px 5px 10px 5px;
	margin: 5px 0 5px 0;
}
.changeList a {
	padding-right: 10px;
	background: url(../rwd_images/arrowGoOrange.png) no-repeat right 50%;
	background-size: 6px 10px;
}
/* 左 一覧エリア */
div.ListArea {
	background: #EEE;
	float: none;
	width: 100%;
	height: 100%;
	padding: 2px 2% 100px 2%;
}
/* 左一覧 */
dl.ssListMap {
	width: 100%;
	margin: 10px 0 10px 0;
	background: #FFF;
}
dl.ssListMap dt {
	padding: 10px 0 0 0;
	margin-right: 60px;
}
dl.ssListMap dd {
	padding: 0 3% 5px 1%;
	margin: 0 0 0 0;
	font-size: 14px;
	border-bottom: 5px solid #EEE;
	background: url(../rwd_images/arrowGo.png) no-repeat 99% 30%;
	background-size: 6px 10px;
}
dl.ssListMap dt.ssName {
	text-indent: 24px;
	font-size: 16px;
}
dl.ssListMap dt.ssName img {
	width: 16px;
	height: 16px;
	margin: 2px 1px 0 0;
}
dl.ssListMap dt.ssName a {
	color: #333;
	font-weight: bold;
}
dl.ssListMap dt.ssName a:hover {
	opacity: 1;
}
/* 店舗情報 */
.ssListMap dd div.kyori {
	float: right;
	font-size: 12px;
/*	width: 50px;*/
	width: 65px;
	margin: -30px 0 0 0;
	display: inline-block;
}
dl.ssListMap dd div.listTenpo {
	display: block;
}
dl.ssListMap dd span.ssTel {
	margin-left: 8px;
}
dl.ssListMap dd ul.ssListIcon {
	margin: 0 0 0 0;
}
dl.ssListMap dd ul.ssListIcon li {
	display: inline-block;
}
dl.ssListMap dd ul.ssListIcon li img {
	width: 20x;
	height: 20px;
}
/* .ssList clearfix */
dl.ssListMap dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
dl.ssListMap dd {
	display: inline-table;
	min-height: 1%;
	display: block;
	zoom:1;
}
/* 地図格納エリア */
div.mapArea {
	display: none;
}
/*********************** MAPSEARCH ***********************/
/*説明*/
p.pText {
	background: #EEEEEE;
	padding: 5px 0;
	text-align: center;
	font-size: 14px;
	margin: 10px 0 10px 0
}
/* KeywordArea */
.keywordArea {
	padding: 5px 5px;
	text-align: left;
	line-height: 140%;
	font-size: 12px;
	margin: 0 0 10px 0;
}
/* 〇件表示 */
div.hyouji {
	font-size: 13px;
	margin: 0 1%;
}
div.hyouji p.inde {
	float: right;
}
div.hyouji p.inde a {
	color: #0063B2;
}
div.hyouji p.inde a:hover {
	opacity: 0.8;
}
/* 店舗名 */
dl.ssList {
	border-bottom: 1px dotted #CCC;
	border-left: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
	margin: 5px 1% 40px 1%;
}
dl.ssList dt {
	float: none;
	width: 98%;
	padding: 10px 1% 0 1%;
	border-top: 1px dotted #CCC;
	font-size: 14px;
}
dl.ssList dt p.ssName {
	padding-left: 22px;
	font-size: 16px;
	font-weight: bold;
	color: #0063B2;
}
dl.ssList dt p.ssName span {
	padding-left: 6px;
	font-size: 15px;
	font-weight: normal;
	color: #333;
}
dl.ssList dt p.ssName img {
	width: 16px;
	height: 16px;
	margin: 2px 1px 0 0;
}
dl.ssList dt p.ssTel {
	font-size: 16px;
}
dl.ssList dt p.ssName a:hover {
	opacity: 1;
}
/* 店舗情報 */
dl.ssList dd {
	padding: 0 1% 10px 1%;
	border-top: none;
	font-size: 14px;
	background: url(../rwd_images/arrowGo.png) no-repeat 99% 30%;
	background-size: 7px 12px;
}
/* 一覧アイコン */
dl.ssList dd ul.ssListIcon {
	margin: 3px 0 0 0;
}
dl.ssList dd ul.ssListIcon li {
	display: inline-block;
}
dl.ssList dd ul.ssListIcon li img {
	width: 20x;
	height: 20px;
}
/* .ssList clearfix */
dl.ssList dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
dl.ssList dd {
	display: inline-table;
	min-height: 1%;
	display: block;
	zoom:1;
}

/* 一覧表示の番号の変わりのブランドアイコン */
	.n1eneos, .n1esso, .n1mobil, .n1general{
		background-repeat: no-repeat;
		background-position: 2px 9px;
		background-size: 20px 20px;
	}
	/* ENEOS */
	.n1eneos {
		background-image: url(../rwd_images/icon/30_i_logo_eneos.png);
	}
	/* ESSO */
	.n1esso {
		background-image: url(../rwd_images/icon/30_i_logo_esso.png);
	}
	/* Mobil */
	.n1mobil {
		background-image: url(../rwd_images/icon/30_i_logo_mobil.png);
	}
	/* General */
	.n1general {
		background-image: url(../rwd_images/icon/30_i_logo_general.png);
	}

/* 一覧番号 */
	.n1, .n2, .n3, .n4, .n5, .n6, .n7, .n8, .n9, .n10, .n11, .n12, .n13, .n14, .n15, .n16, .n17, .n18, .n19, .n20, .n21, .n22, .n23, .n24, .n25, .n26, .n27, .n28, .n29, .n30, .n31, .n32, .n33, .n34, .n35, .n36, .n37, .n38, .n39, .n40, .n41, .n42, .n43, .n44, .n45, .n46, .n47, .n48, .n49, .n50 {
		background-repeat: no-repeat;
		background-position: 2px 9px;
		background-size: 20px 20px;
	}
	/* 1 */
	.n1 {
		background-image: url(../rwd_images/number/no1.png);
	}
	/* 2 */
	.n2 {
		background-image: url(../rwd_images/number/no2.png);
	}
	/* 3 */
	.n3 {
		background-image: url(../rwd_images/number/no3.png);
	}
	/* 4 */
	.n4 {
		background-image: url(../rwd_images/number/no4.png);
	}
	/* 5 */
	.n5 {
		background-image: url(../rwd_images/number/no5.png);
	}
	/* 6 */
	.n6 {
		background-image: url(../rwd_images/number/no6.png);
	}
	/* 7 */
	.n7 {
		background-image: url(../rwd_images/number/no7.png);
	}
	/* 8 */
	.n8 {
		background-image: url(../rwd_images/number/no8.png);
	}
	/* 9 */
	.n9 {
		background-image: url(../rwd_images/number/no9.png);
	}
	/* 10 */
	.n10 {
		background-image: url(../rwd_images/number/no10.png);
	}
	/* 11 */
	.n11 {
		background-image: url(../rwd_images/number/no11.png);
	}
	/* 12 */
	.n12 {
		background-image: url(../rwd_images/number/no12.png);
	}
	/* 13 */
	.n13 {
		background-image: url(../rwd_images/number/no13.png);
	}
	/* 14 */
	.n14 {
		background-image: url(../rwd_images/number/no14.png);
	}
	/* 15 */
	.n15 {
		background-image: url(../rwd_images/number/no15.png);
	}
	/* 16 */
	.n16 {
		background-image: url(../rwd_images/number/no16.png);
	}
	/* 17 */
	.n17 {
		background-image: url(../rwd_images/number/no17.png);
	}
	/* 18 */
	.n18 {
		background-image: url(../rwd_images/number/no18.png);
	}
	/* 19 */
	.n19 {
		background-image: url(../rwd_images/number/no19.png);
	}
	/* 20 */
	.n20 {
		background-image: url(../rwd_images/number/no20.png);
	}
	/* 21 */
	.n21 {
		background-image: url(../rwd_images/number/no21.png);
	}
	/* 22 */
	.n22 {
		background-image: url(../rwd_images/number/no22.png);
	}
	/* 23 */
	.n23 {
		background-image: url(../rwd_images/number/no23.png);
	}
	/* 24 */
	.n24 {
		background-image: url(../rwd_images/number/no24.png);
	}
	/* 25 */
	.n25 {
		background-image: url(../rwd_images/number/no25.png);
	}
	/* 26 */
	.n26 {
		background-image: url(../rwd_images/number/no26.png);
	}
	/* 27 */
	.n27 {
		background-image: url(../rwd_images/number/no27.png);
	}
	/* 28 */
	.n28 {
		background-image: url(../rwd_images/number/no28.png);
	}
	/* 29 */
	.n29 {
		background-image: url(../rwd_images/number/no29.png);
	}
	/* 30 */
	.n30 {
		background-image: url(../rwd_images/number/no30.png);
	}
	/* 31 */
	.n31 {
		background-image: url(../rwd_images/number/no31.png);
	}
	/* 32 */
	.n32 {
		background-image: url(../rwd_images/number/no32.png);
	}
	/* 33 */
	.n33 {
		background-image: url(../rwd_images/number/no33.png);
	}
	/* 34 */
	.n34 {
		background-image: url(../rwd_images/number/no34.png);
	}
	/* 35 */
	.n35 {
		background-image: url(../rwd_images/number/no35.png);
	}
	/* 36 */
	.n36 {
		background-image: url(../rwd_images/number/no36.png);
	}
	/* 37 */
	.n37 {
		background-image: url(../rwd_images/number/no37.png);
	}
	/* 38 */
	.n38 {
		background-image: url(../rwd_images/number/no38.png);
	}
	/* 39 */
	.n39 {
		background-image: url(../rwd_images/number/no39.png);
	}
	/* 40 */
	.n40 {
		background-image: url(../rwd_images/number/no40.png);
	}
	/* 41 */
	.n41 {
		background-image: url(../rwd_images/number/no41.png);
	}
	/* 42 */
	.n42 {
		background-image: url(../rwd_images/number/no42.png);
	}
	/* 43 */
	.n43 {
		background-image: url(../rwd_images/number/no43.png);
	}
	/* 44 */
	.n44 {
		background-image: url(../rwd_images/number/no44.png);
	}
	/* 45 */
	.n45 {
		background-image: url(../rwd_images/number/no45.png);
	}
	/* 46 */
	.n46 {
		background-image: url(../rwd_images/number/no46.png);
	}
	/* 47 */
	.n47 {
		background-image: url(../rwd_images/number/no47.png);
		background-size: 20px 20px;
	}
	/* 48 */
	.n48 {
		background-image: url(../rwd_images/number/no48.png);
	}
	/* 49 */
	.n49 {
		background-image: url(../rwd_images/number/no49.png);
	}
	/* 50 */
	.n50 {
		background-image: url(../rwd_images/number/no50.png);
	}
/* 検索結果　駅、住所 */
div.searchWord {
	float: none;
	width: 100%;
	margin: 50px 0;
}
div.searchWord ul {
	border-bottom: 1px dotted #CCC;
	border-left: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
	margin: 5px 1% 50px 1%;
}
div.searchWord ul li {
	padding: 10px 0 10px 1%;
	border-top: 1px dotted #CCC;
	display: block;
	background: url(../rwd_images/arrowGo.png) no-repeat 99% 50%;
	background-size: 6px 10px;
	font-size: 14px;
}
div.searchWord ul li a {
	display: block;
}
div.searchWord:nth-child(2n) {
	margin-left: 0;
}
/*********************** DETAIL ***********************/
/* EMERGENCY */
.emergency {
	margin: 3px 1%;
	text-align: center;
}
.emergency h2 {
	display: block;
	padding: 6px 3% 4px 3%;
	background: #FDEDA2;
	font-size: 16px;
	font-weight: normal;
	color: #000;
}
/* 詳細画面 左枠 */
.detailLeft {
	float: none;
	width: 98%;
	margin: 10px 0 10px 0;
	padding: 0 1%;
}
/* 詳細画面 右枠 */
.detailRight {
	float: none;
	width: 98%;
	margin: 10px 0 10px 0;
	padding: 0 1%;
}
/* 詳細情報 DL */
.detailLeft dl.ssinfo dt, .detailRight dl.ssinfo dt {
	border-top: 1px dotted #CCC;
	padding: 10px 1%;
	float: left;
	width: 30%;
	color: #666;
	font-size:14px;
}
.detailLeft dl.ssinfo dd, .detailRight dl.ssinfo dd {
	border-top: 1px dotted #CCC;
	padding: 10px 1%;
	margin: 0 0 0 30%;
	width: 70%;
	font-size:14px;
}
dl.ssinfo {
	border-bottom: 1px dotted #CCC;
}
/* .dl.ssinfo clearfix */
dl.ssinfo dd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
dl.ssinfo dd {
	display: inline-table;
	min-height: 1%;
	display: block;
	zoom:1;
}
/* 詳細 地図 */
.detailssMap {
	margin: 20px 0;
}
.detailssMap .ssM {
	width: 100%;
	height: 350px;
}
/* 地図上テキスト */
.tMaps {
	font-size: 10px;
	text-align: right;
	line-height: 120%;
	margin: 0 0 3px 0;
}
/* 地図下ボタン */
ul.buttonDArea {
	margin: 5px 0;
	text-align: center;
}
ul.buttonDArea li {
	text-align: center;
	padding: 3px 10px;
	display: inline-block;
}
a p.buttonD, p.buttonD, a p.buttonD:hover, p.buttonD:hover  {
	text-align: center;
	padding: 0 10px 8px 10px;
	white-space: nowrap;
	color: #0063B2;
	font-size: 14px;
}
/* 詳細情報アイコン */
div.ssicons {
	float: left;
	width: 48%;
}
div.ssicons:first-child {
	margin: 0 4% 0 0;
}
/* 詳細情報アイコンUL */
ul.ssicons li {
	display: inline;
}
ul.ssicons li img {
	margin: 1px 0 1px 0;
	width: 24px;
	height: 24px;
}
/* カテゴリーP */
p.cateR {
	margin: 5px 0 0 0;
	color: #333;
	font-size: 75%;
	line-height: 100%;
	padding: 3px 3px 3px 3px;
	background: #EEE;
}


/* DD-LINK */
dl.ddLink {
	border-bottom: 1px dotted #CCC;
}
dl.ddLink dt.ddTitle {
	color: #666;
	padding: 10px 0 10px 1%;
	font-size: 14px;
}
.detailLeft dl.ssinfo dd, .detailRight dl.ssinfo dd {
	border-top: 1px dotted #CCC;
	padding: 10px 1%;
	margin: 0 0 0 30%;
}
/* トリガー DD-LINK HIDE-CONTENT */
	dd.hideContent {
	  display: none;
	}
/* トリガー DD-LINK */
/* 閉じた状態 */	
	dt.switch {
		display: block;
		background: #FEFEFE url(../rwd_images/iPlus.png) no-repeat 99% 50%;
		background-size: 15px 15px;
		padding: 10px 1% 10px 20px;
		border-bottom: 1px dotted #CCC;
		color: #333;
		font-size: 15px;
	}
	dt.switch:first-child {
	  border-top: 1px dotted #CCC;
	}
/* トリガー アイコン */
	dt.switch img.ddLinkIcon {
		width: 30px;
		height: 30px;
		margin: 1px 6px 0 0;
		float: left;
	}
/* トリガー テキスト */
	dt.switch p.ddLinkT {
		margin: 5px 0 0 0;
		float: left;
	}
/* 開いた状態 */
	dt.active {
		display: block;
		color: #333;
		background: #E8F4FF url(../rwd_images/iMinus.png) no-repeat 99% 50%;
		background-size: 15px 15px;
		padding: 10px 1% 10px 20px;
		border-bottom: 1px dotted #CCC;
		color: #333;
		font-size: 15px;
	}
/* 外部サービスアイコンのみの行UL */
ul.syicons {
	margin: 10px 10px 10px 20px;
}
ul.syicons li {
	display: inline;
}
ul.syicons li img {
	margin: 0 0 0 0;
	width: 30px;
	height: 30px;
}
/* 配達灯油、水素 */
.H2TouyuInfo {
	margin: 30px 20px;
}	
/* お知らせ内容強調 */
dd.fromSS {
	color: #000;
	font-size: 110%;
}
/* 詳細画面 グレー背景 */
.bgGray {
	background: #FFF;
	margin: 2px 0;
	padding: 10px 0;
	text-align: left;
}
/* 詳細画面 JXTGグリーン背景 */
.bgJXTGreen {
	background: #00BBBA;
	margin: 40px 0 0 0;
	padding: 10px 0 20px 0;
	text-align: center;
}
/* ルートマップボタン */
ul.bRoute li {
	display: block;
	text-align: center;
}
ul.bRoute li p, ul.bRoute li a p {
	display: block;
	border: 1px solid #999;
	padding: 10px 0;
	margin: 20px 5%;
	text-align: center;
	color: #000;
	font-size: 15px;
	background: #DDD;
	width: 90%;
}
ul.bRoute li a p:hover {
	display: block;
	border: 1px solid #999;
	padding: 10px 0;
	margin: 20px 5%;
	text-align: center;
	color: #000;
	font-size: 15px;
	background: #DDD;
	width: 90%;
}
/* 詳細画面 周辺のSS */
/*小さい字*/
.sText {
	font-size: 12px;
	line-height: 120%;
}
/*周辺SSのUL*/
ul.arSS {
	margin: 0 0 0 0;
}
ul.arSS li {
	text-align: left;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul.arSS li a {
	display: block;
	background: url(../rwd_images/arrowGo.png) no-repeat 98% 50%;
	background-size: 4px 7px;
	color: #333;
}
ul.arSS li a:hover {
	color: #333;
}
ul.arSS li p.ssN {
	margin: 0 0 0 0;
	width: 60%;
	line-height: 120%;
}
ul.arSS li p.kyoriSS {
	margin: 0 10% 0 1%;
	font-size: 11px;
	width: 50px;
	float: right;
}
/*詳細情報 周辺SS番号*/
	.nd1, .nd2, .nd3, .nd4, .nd5 {
		background-repeat: no-repeat;
		background-position: 1% 7px;
		background-size: 20px 20px;
		padding: 0 0 0 25px;
	}
	/* 1 */
	.nd1 {
		background-image: url(../rwd_images/number/noR1.png);
	}
	.nd2 {
		background-image: url(../rwd_images/number/noR2.png);
	}
	/* 3 */
	.nd3 {
		background-image: url(../rwd_images/number/noR3.png);
	}
	/* 4 */
	.nd4 {
		background-image: url(../rwd_images/number/noR4.png);
	}
	/* 5 */
	.nd5 {
		background-image: url(../rwd_images/number/noR5.png);
	}
/* フッター上メニュー */
ul.fMenu {
	margin: 60px 0 10px 0;
	text-align: right;
}
ul.fMenu li {
	font-size: 12px;
	display: inline-block;
	padding: 10px 15px;
}
ul.fMenu li a {
	color: #333;
}
/*********************** 地図から検索（都道府県マップ） ***********************/
/* 市町村マップ 検索結果 上マージンなし */
/* 検索結果　駅、住所 */
div.searchWordNom {
	float: none;
	width: 100%;
	margin: 0 0;
}
div.searchWordNom ul {
	border-bottom: 1px dotted #CCC;
	border-left: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
	margin: 5px 1% 50px 1%;
}
div.searchWordNom ul li {
	padding: 10px 0 10px 1%;
	border-top: 1px dotted #CCC;
	display: block;
	background: url(../rwd_images/arrowGo.png) no-repeat 99% 50%;
	background-size: 6px 10px;
	font-size: 14px;
}
div.searchWordNom ul li a {
	display: block;
}
div.searchWordNom:nth-child(2n) {
	margin-left: 0;
}
/*********************** TOP ***********************/
/* 切り替わる背景 */
/*.bg-slider {
	background-image: none;
	background-color: #FFF;
}*/
/* 先頭の注意書き */
.cautionTop {
	background: rgba(255,255,255,1.0);
	margin: 10px 0 10px 0;
	padding: 5px 2%;
	font-size: 14px;
	line-height: 140%;
	text-align: left;
	color: #C33;
}
/* 白い背景 */
.bgWhite {
	background: rgba(255,255,255,1);
	padding: 15px 2%;
}
/* 現在地、都道府県エリア */
.topLeft {
	float: none;
	width: 100%;
}
.topLeftBgColorGay {
	float: none;
	width: 100%;
	border: 1px solid #CCC;
	padding: 15px 10px;
	background: #DDD;
}
/* +エリア */
.topPlus {
	float: none;
	width: 100%;
	vertical-align: middle;
	/*height: 100vh;*/
	height: 80px;
	background: url(../rwd_images/topPlus.png) no-repeat 50% 50%;
	background-size: 30px 30px;
}
/* JOKENエリア */
.topJoken {
	float: none;
	width: 100%;
	border: 1px solid #CCC;
}
/* 現在地ボタンエリア */
.gpsButton {
	float: none;
	width: 100%;
	margin: 0 0 0 0;
/*	margin: 50px 0 0 0;*/
}
/* 現在地ボタン */
.gpsButton p {
	display: block;
	background: #C33 url(../rwd_images/iGenzaichi.png) no-repeat 80% 50%;
	background-size: 16px 16px;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	line-height: 100%;
	width: 100%;
	height: 60px;
	vertical-align: middle;
	padding: 23px 1% 0 0;
}
/*.gpsButton p:hover {
	display: block;
	background: #00BBBA url(../rwd_images/iGenzaichi.png) no-repeat 80% 50%;
	background-size: 16px 16px;
	color: #FFF;
}*/
/* キーワードFORM */
.keyForm {
	float: none;
/*	margin: 50px 0 0 0;*/
	height: auto;
}
.keyForm p {
	font-size: 14px;
	line-height: 140%;
	color: #000;
	padding: 4px 0 2px 0;
	font-weight: normal;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* キーワード入力欄 */
.keyText {
	width: 80%;
	border: 1px solid #999;
	padding: 3px 4px;
	margin:0;
	height: 40px;
	color: #000;
	font-size: 15px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* キーワード送信ボタン */
.keyButton {
	width: 19%;
	border: none;
	padding: 2px 4px;
	margin:0 0 0 -2%;
	height: 40px;
	color: #000;
	font-size: 15px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: #C33 url(../rwd_images/topLens.png) no-repeat 50% 50%;
	background-size: 24px 21px;
	text-indent: -9999px;
	cursor: pointer;
}
/*.keyButton:hover {
	color: #000;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: #00BBBA url(../rwd_images/topLens.png) no-repeat 50% 50%;
	background-size: 24px 21px;
	text-indent: -9999px;
}*/
/* 都道府県 */
.kenArea {
	padding: 0;
}
.kenArea ul li {
	display: inline-block;
	font-size: 15px;
	padding: 6px 10px;
}
.kenArea ul li a {
	color: #333;
}
div.hideContent {
	display: none;
	border: 1px solid #CCC;
	padding: 10px;
	margin: 0 0 60px 0;
	background: #EFEFEF;
}
/***** 条件 *****/
/* 条件 見出し */
.th_first {
	padding: 1px 2px;
	margin: 5px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	background: #DDD;
	line-height: 140%;
	text-align: center;
}
.th_first a {
	color: #009 !important;
}
/* 条件UL */
.wrJoken ul {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
}
.wrJoken ul li {
	display: inline-table;
	line-height: 100%;
	text-align: left;
	vertical-align: middle;
	padding: 0 0 0 0;
	width: 93px;
	height: 40px;
}
/* 条件LI　LONG */
.wrJoken ul li.emg {
	display: inline-table;
	line-height: 100%;
	text-align: left;
	padding: 0 0 0 0;
	width: 240px !important;
}
/* アイコン */
.wrJoken ul li img {
	width: 30px;
	height: 30px;
	float: left;
	margin: 0 0 0 1px;
}
/* アイコンLONG */
.wrJoken ul li.emg img {
	width: 30px;
	height: 30px;
	float: left;
	margin: 0 1px 0 1px;
}
/* アイコン横テキスト */
.wrJoken ul li p {
	font-size: 10px;
	color: #000;
	line-height: 100%;
	display: inline-block;
	margin: 0 0 0 1px;
	vertical-align: middle;
	text-align: left;
	padding: auto 0 auto 0;
	width: 40px;
	height: auto;
}
/* アイコン横テキストLONG */
.wrJoken ul li.emg p {
	font-size: 10px;
	color: #000;
	line-height: 100%;
	display: inline-block;
	margin: 0px 0 0 2px;
	vertical-align: middle;
	text-align: left;
	padding: 0 0 auto 0;
	width: 40px;
}
.wrJoken ul li span:after {
	clear: both;
}
/* トリガー用下向き矢印画像 */
.iArrow {
	background: url(../rwd_images/iArrow.png) no-repeat 0 90%;
	background-size: 8px 6px;
	padding-bottom: 12px;
}
/* CHECK-BOX, RADIO-BUTTON */
.radioN, .checkboxN {
  box-sizing: border-box;
  -webkit-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  position: relative;
  display: inline-block;
  margin: 0 18px 0 0;
  padding: 3px 0 3px 18px;
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
}
/*.radioN:hover, .checkboxN:hover {
  background-color: #DDD;
}*/
.radioN:hover:after, .checkboxN:hover:after {
  border-color: #00BBBA;
}
.radioN:after, .checkboxN:after {
  -webkit-transition: border-color 0.1s linear;
  transition: border-color 0.1s linear;
  position: absolute;
  top: 50%;
  left: 2px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 2px;
  content: '';
}

.radioN:before {
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  position: absolute;
  top: 50%;
  left: 2px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #999;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radioN:before {
  opacity: 1;
}

.checkboxN:before {
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -7px;
  width: 8px;
  height: 8px;
  border-right: 3px solid #999;
  border-bottom: 3px solid #999;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkboxN:before {
  opacity: 1;
}
/* TOP 条件アコーディオン中身 */
#wrapper{
	width: 100%;
	margin: 0 auto;
}
.box{
	background: rgba(230,230,230,1.0);
	padding: 0 3px;
}
.boxholder{
	clear: both;
	padding: 0 3px;
}
.tab{
	height: 10px;
	width: 1px;
	margin: 0 0 0 0;
	cursor:pointer;
}
/*.tabtxt{
	margin: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 0 0 0;
}*/
.box .tab-p {
	font-size: 12px;
	font-weight: bold;
}
.box .tab-p ul {
	margin: 2px 0 20px 0;
}
.box .tab-p ul li {
	list-style: none;
	display:inline-block;
	margin: 5px 10px;
}
/*.box .tab-p ul li span {
	display: block;
	float: right;
	line-height: 100%;
	color: #000;
	margin-left: 0;
	vertical-align: middle;
}*/
/* TOP お知らせ、新規SS */
.wakuFrame {
	width: 100%;
	float: none;
	background: rgba(255,255,255,1.0);
/*	padding: 15px 2% 15px 2%;*/
	padding: 15px 1% 15px 1%;
/*	margin: 30px 0 60px 0; */
	margin: 20px 0 20px 0;
	height: 300px;
}
.wakuFrame div {
	height: 280px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
/* iframe for Info */
.topSSinfoF {
	width: 100%;
	height: 100%;
	margin: 5px 0 0 0;
	border: none;
}
/* iframe for NEW SS */
.topSSnewF {
	width: 100%;
	height: 100%;
	margin: 5px 0 0 0;
	border: none;
}
/*************************** 190406 ****************************/
/*********************** KENMAP ***********************/
/* 都道府県 */
.kenAdList {
	padding: 10px 2%;
	font-size: 14px;
	border: 1px solid #DDD;
	line-height: 140%;
}
.kenAdList p {
	padding: 4px 2%;
	font-size: 13px;
	background: #C33;
	line-height: 120%;
	color: #FFF;
}
.kenAdList ul li {
	display: inline-block;
	padding: 5px 5px;
}
div.hideCont {
	display: none;
}
div.active {
	display: block;
}div.active2 {
	display: block;
}
/********************** JOKEN H2 **********************/
/*TOP 検索 H2*/
h2.topSearch2 {
	font-size: 18px;
	padding: 8px 8px;
	line-height: 140%;
	color: #000;
	font-weight: bold;
	margin: 0 0 0 0;
	border: 1px solid #CCC;
}
h2.topSearch2.switch2 {
	display: block;
	background: #EDEDED url(../rwd_images/switchArUpR.png) no-repeat 97% 50%;
	background-size: 15px 13px;
	color: #C33 !important;
}
h2.topSearch2.active2 {
	display: block;
	background: #EDEDED  url(../rwd_images/switchArDownR.png) no-repeat 97% 50%;
	background-size: 15px 13px;
	color: #C33 !important;
}
.topJoken h2.topSearch2 {
	text-align: center;
}
.topJoken h2.topSearch2::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 15px;
	background: url(../rwd_images/iTri.png) no-repeat 0 50%;
	background-size: contain;
	vertical-align: middle;
	margin: -4px 3px 0 0;
}

.topJokenKenmap h2.topSearch2 {
	text-align: center;
}
.topJokenKenmap h2.topSearch2::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 15px;
	background: url(../rwd_images/iTri.png) no-repeat 0 50%;
	background-size: contain;
	vertical-align: middle;
	margin: -4px 3px 0 0;
}


/****** 検索にてnotfoudの場合のデザイン ******/
.mapsearch_notfound{
	background:#8d8d8d !important;
}

}