@charset "utf-8";

/*----------------------------------------------------
	タイトル・リード
----------------------------------------------------*/

#main_head_txt{ text-align:center; padding:30px 0 30px; width:940px; margin:0 auto; }
#main_head_txt p{ display:inline-block; background: url(/lp/images/common/mainimgtxt_bg01.png) no-repeat 0 0; min-height:66px; padding:0 0 0 50px; }
#main_head_txt span{ display:inline-block; background:url(/lp/images/common/mainimgtxt_bg02.png)no-repeat 100% 0; min-height:66px; padding:0 50px 0 0; line-height:66px; font-size:34px; color:#004098; font-weight:bold; }
#main_head_txt strong{ font-weight:bold; }
#main_head_txt em{ display:block; text-align:left; font-size:1.6rem; padding:40px 0 0; }
@media screen and (max-width: 767px) {
	#main_head_txt{ text-align:center; padding:18px 0 10px; width:100%; }
	#main_head_txt p{ display:inline-block; background:url(/lp/images/common/mainimgtxt_bg01.png) no-repeat 0 0; background-size: auto 30px; min-height:30px; padding:0 0 0 20px; }
	#main_head_txt span{ display:inline-block; background:url(/lp/images/common/mainimgtxt_bg02.png) no-repeat 100% 0; background-size: auto 30px; min-height:30px; padding:0 20px 0 0; line-height:30px; font-size:14px; color:#004098; font-weight:bold; }
	#main_head_txt em{ display:block; text-align:left; font-size:1.2rem; padding:10px 3% 0; }
}


/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/
@media screen and (min-width:501px) {

	#stationsearchBox{ width:940px; margin:1px auto 0;}
	
	#stationsearchBox .sb_head{ position:relative; padding:23px 0 0 35px; margin:0 0 39px 0; /zoom:1;}
	#stationsearchBox .sb_head .inner{ width:905px; position:relative;}
	#stationsearchBox .sb_head .inner h2{ padding:10px 0 0 135px; font-size:36px; line-height:1.2; color:#15a33b; font-family:"メイリオ", Meiryo, verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; }
	#stationsearchBox .sb_head .inner h2 span.area{ font-size:54px; }
	#stationsearchBox .sb_head .inner h2 span.no{ font-size:30px; }
	#stationsearchBox .sb_head .inner .read{ padding:0 0 30px 135px; line-height:1.6; }
	#stationsearchBox .sb_head .mushimegane{ position:absolute; top:5px; left:-90px; width:252px; height:238px; /display:inline; /zoom:1;}
	
	#stationsearchBox .sb_head_area2 { position:relative; padding:23px 0 0 35px; margin:0 0 39px 0; /zoom:1;}
	#stationsearchBox .sb_head_area2 .inner{ height:130px; width:905px; position:relative;}
	#stationsearchBox .sb_head_area2 .inner h2{ position:absolute; top:0px; left:132px; font-size:36px; color:#15a33b; font-family:"メイリオ", Meiryo, verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; }
	#stationsearchBox .sb_head_area2 .inner .read{ position:absolute; top:88px; left:142px; }
	#stationsearchBox .sb_head_area2 .mushimegane{ position:absolute; top:0; left:-90px; width:252px; height:238px; /display:inline; /zoom:1;}	
	
	
	#stationsearchBox .sb_body{ position:relative; top:0; left:0; z-index:9999;}
	#stationsearchBox .sb_body h3{ font-size:12px; margin:10px 0 0 0;}
	#stationsearchBox .sb_body h3 span.green{ color:#004098;}
	#stationsearchBox .sb_body .sb_boxL{ width:410px; padding-top:120px; float:left; /display:inline; /zoom:1;}
	/* .sb_box01 */
	#stationsearchBox .sb_body .sb_boxL .sb_box01 { width:400px; background:#eee; margin:0; position:absolute; top:0; left:0; border:2px solid #004098; }
	#stationsearchBox .sb_body .sb_boxL .sb_box01 .top { padding:10px 10px 0 10px; }
	#stationsearchBox .sb_body .sb_boxL .sb_box01 ul.formlist { display:block; padding:0 10px 0 10px; margin:10px 0 0 0; height:22px;}
	#stationsearchBox .sb_body .sb_boxL .sb_box01 ul.formlist li { float:left;}
	#stationsearchBox .sb_body .sb_boxL .sb_box01 ul.formlist li .formtxt { width:300px; height:18px; margin: 0; padding: 0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box01 ul.formlist li .formbtn { margin: 0 0 0 5px; padding: 0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box01 .bottom { display:block; padding:10px 10px 10px 10px;}

	/* .sb_box02 */
	#stationsearchBox .sb_body .sb_boxL .sb_box02{ width:398px; height:406px; overflow:auto; border:1px solid #777777;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list { display:block;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_name { padding:5px 8px 5px 8px; margin:5px 0 0 0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data { border-top:1px solid #e7eeef; margin:0 0 20px 0; padding:5px 0 0 0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data table{ width:100%; margin:0; padding:0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data td{padding:5px 10px;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data td.title1{ width:120px; font-weight:bold; text-align:center; background-color:#ECF1F2; border:solid #FFFFFF; border-width:0 0 1px 0; padding:5px 0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data td.title2{ width:120px; font-weight:bold; text-align:center; background-color:#ECF1F2; border:solid #FFFFFF; border-width:0 0 1px 0; padding:5px 0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data td.title2 a { text-decoration: none;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data td.title2 img { vertical-align: middle; width:12px; height:12px;}

	/* .sb_box03 */
	#stationsearchBox .sb_body .sb_boxR{ width:525px; float:right; /display:inline; /zoom:1;}
	#stationsearchBox .sb_body .sb_boxR .sb_box03{ width:523px; height:300px; border:1px solid #cccccc;}
	#stationsearchBox .sb_body .sb_boxR .sb_box03_2{ width:523px; height:554px; border:1px solid #cccccc;}
	#stationsearchBox .sb_body .sb_boxR .sb_box03.index2 { width:523px; height:525px; border:1px solid #cccccc;}
	
	#stationsearchBox .sb_body .sb_boxR .closeBtn { margin:20px 0 0 316px; }

	/* .sb_box04 */
	#stationsearchBox .sb_body .sb_boxR .sb_box04{ width:523px; height:243px; margin:9px 0 0 0; border:1px solid #ffc927; background:#ffffcc;}
	#stationsearchBox .sb_body .sb_boxR .sb_box04 .sb_box04_in{ padding:0px 9px 0 9px;}
	#stationsearchBox .sb_body .sb_boxR .sb_box04 .sb_box04_in img { vertical-align:bottom;}
	#stationsearchBox .sb_body .sb_boxR .sb_box04 .sb_box04_in .sb_form{ margin:8px 0 0 0;}
	#stationsearchBox .sb_body .sb_boxR .sb_box04 .sb_box04_in .sb_form #submit01{ color:#3a0c00; cursor:pointer; font-size:0; line-height:0; border:none; background:url(/campaign_common/img/tp_area/sb_b04_btn01.jpg) 0 0 no-repeat; width:505px; height:60px;}
	#stationsearchBox .sb_body .sb_boxR .sb_box04 .sb_box04_in .sb_form #submit01:hover{ background:url(/campaign_common/img/tp_area/sb_b04_btn01_on.jpg) 0 0 no-repeat;}
	#stationsearchBox .sb_body .sb_boxR .sb_box04 .sb_box04_in .sb_form .kome{ font-size:12px; text-align:left; line-height:1.2; margin:5px 0 0 0;}

}

@media screen and (max-width:500px) {

	#stationsearchBox{ padding:0 10px; margin:0; }
	#stationsearchBox .sb_head{ position:relative; padding:23px 0 0 0px; margin:0 0 10px 0; /zoom:1;}
	#stationsearchBox .sb_head .inner{ width:100%; background:url(/campaign_common/img/tp_area/sp/sb_head_ttl01.png) 0 0 no-repeat; position:relative;}
	#stationsearchBox .sb_head .inner h2{ padding:20px 0 0 68px; font-size:16px; color:#15a33b; font-family:"メイリオ", Meiryo, verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; }
	#stationsearchBox .sb_head .inner h2 span.area{ font-size:22px; }
	#stationsearchBox .sb_head .inner h2 span.no{ font-size:12px; }
	#stationsearchBox .sb_head .inner .read{ padding:25px 0 0; }
	#stationsearchBox .sb_head .mushimegane{ position:absolute; top:15px; left:-58px; width:120px; height:113px; /display:inline; /zoom:1;}
	
	h2.ttl.sp {margin:10px 0 0;}
	
	#stationsearchBox .sb_body{ position:relative; top:0; left:0; z-index:9999;}
	#stationsearchBox .sb_body h3{ font-size:12px; margin:20px 0 0 0; padding:0;}
	#stationsearchBox .sb_body h3 span.green{ color:#004098;}
	
	#stationsearchBox .sb_body .sb_boxL{ width:100%; /display:inline; /zoom:1;}
	/* .sb_box01 */
	#stationsearchBox .sb_body .sb_boxL .sb_box01{ width:100%; background-color:#eee; border:2px solid #004098; margin:0; position:absolute; top:0; left:0; font-size:12px;}
	#stationsearchBox .sb_body .sb_boxL .sb_box01 .top{ padding:10px 10px 0 10px; }
	#stationsearchBox .sb_body .sb_boxL .sb_box01 ul.formlist{ display:block; padding:0 10px 0 10px; margin:10px 0 0 0; height:22px;}
	#stationsearchBox .sb_body .sb_boxL .sb_box01 ul.formlist li{ float:left;}
	#stationsearchBox .sb_body .sb_boxL .sb_box01 ul.formlist li .formtxt { width:200px; height:18px; margin: 0; padding: 0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box01 ul.formlist li .formbtn { margin: 0 0 0 5px; padding: 0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box01 .bottom{ display:block; padding:10px 10px 10px 10px;}

	/* .sb_box02 */
	#stationsearchBox .sb_body .sb_boxL .sb_box02{ width:100%; height:376px; overflow:auto; margin:10px 0 20px 0; border:1px solid #777777;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list { display:block;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_name { background:url(/campaign_common/img/tp_area/sb_b02_ttl_bg01.gif) 0 0 repeat-x #f1f5f6; border-bottom:1px solid #fbfcfc; padding:5px 8px 5px 8px; margin:5px 0 0 0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data { border-top:1px solid #e7eeef; margin:0 0 20px 0; padding:5px 0 0 0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data table{ width:100%; margin:0; padding:0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data td{padding:5px 10px;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data td.title1{ width:120px; font-weight:bold; text-align:center; background-color:#ECF1F2; border:solid #FFFFFF; border-width:0 0 1px 0; padding:5px 0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data td.title2{ width:120px; font-weight:bold; text-align:center; background-color:#ECF1F2; border:solid #FFFFFF; border-width:0 0 1px 0; padding:5px 0;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data td.title2 a { text-decoration: none;}
	#stationsearchBox .sb_body .sb_boxL .sb_box02 #sb_list .sb_data td.title2 img { vertical-align: middle; width:12px; height:12px;}

	/* .sb_box03 */
	#stationsearchBox .sb_body .sb_boxR{ width:100%; padding-top:115px; /display:inline; /zoom:1;}
	#stationsearchBox .sb_body .sb_boxR .sb_box03{ width:100%; height:300px; border:1px solid #cccccc;}
	#stationsearchBox .sb_body .sb_boxR .sb_box03_2{ width:100%; height:300px; border:1px solid #cccccc;}

	#stationsearchBox .sb_body .sb_boxR .closeBtn { margin:20px 0 0 316px; }

	/* .sb_box04 */
	#stationsearchBox .sb_body .sb_boxR .sb_box04{ width:100%; height:213px; margin:9px 0 0 0; border:1px solid #ffc927; background:#ffffcc;}
	#stationsearchBox .sb_body .sb_boxR .sb_box04 .sb_box04_in{ padding:0px 9px 0 9px;}
	#stationsearchBox .sb_body .sb_boxR .sb_box04 .sb_box04_in .sb_form{ margin:8px 0 0 0;}
	#stationsearchBox .sb_body .sb_boxR .sb_box04 .sb_box04_in .sb_form #submit01{ color:#3a0c00; cursor:pointer; font-size:0; line-height:0; border:none; background:url(/campaign_common/img/tp_area/sb_b04_btn01.jpg) 0 0 no-repeat; width:505px; height:60px;}
	#stationsearchBox .sb_body .sb_boxR .sb_box04 .sb_box04_in .sb_form #submit01:hover{ background:url(/campaign_common/img/tp_area/sb_b04_btn01_on.jpg) 0 0 no-repeat;}
	#stationsearchBox .sb_body .sb_boxR .sb_box04 .sb_box04_in .sb_form .kome{ font-size:12px; text-align:left; line-height:1.2; margin:5px 0 0 0;}

}

@media screen and (max-width:340px) {
}


/* ---------------------------------------------------
	マップ内ステーション情報
--------------------------------------------------- */
.mapinfo { width:250px; font-size:86%; }
.mapinfo .detail th{ width:91px; vertical-align:top; padding:0 0 8px; }
.mapinfo .detail td{ padding:0 0 8px; }





/* ---------------------------------------------------
	/tp/area2/loop.html用
--------------------------------------------------- */

	#stationsearchBox.loop{ width:640px; margin:1px auto 0;}
	#stationsearchBox.loop .sb_body .sb_boxL{ width:310px; padding-top:120px; float:left; /display:inline; /zoom:1;}
	#stationsearchBox.loop .sb_body .sb_boxL .sb_box01 { width:300px; background:#eeeeee; margin:0; border:2px solid #004098; position:absolute; top:0; left:0; box-sizing:border-box;}
	#stationsearchBox.loop .sb_body .sb_boxL .sb_box01 .top { font-size:12px;}
	#stationsearchBox.loop .sb_body .sb_boxL .sb_box01 ul.formlist li .formtxt { width:190px;}
	#stationsearchBox.loop .sb_body .sb_boxL .sb_box01 .bottom { font-size:12px;}
	#stationsearchBox.loop .sb_body .sb_boxL .sb_box02{ width:298px; height:388px; overflow:auto; border:1px solid #777777;}
	#stationsearchBox.loop .sb_body .sb_boxR{ width:325px; float:right; /display:inline; /zoom:1;}
	#stationsearchBox.loop .sb_body .sb_boxR .sb_box03_2{ width:323px; height:554px; border:1px solid #cccccc;}
	


/* ---------------------------------------------------
	/tp/area/ 202512更新
--------------------------------------------------- */
#contents {
	box-sizing:border-box;
}
:focus,a {
  outline:none!important;
}

#mainMap {
	width:100%;
	margin:0 0 65px;
	padding:15px;
	background:#0e368b;
	box-sizing:border-box;
	position:relative;
}
@media screen and (min-width:768px) {
	#contents {
		min-width:1080px;
		box-sizing:border-box;
	}
	#mainMap {
		min-width:1080px;
		margin:0 0 50px;
		padding:20px;
	}
}

#mainMap #mainCopy {
	margin:0.5em 0 0.25em;
	font-size:3.0rem;
	line-height:1.5;
	letter-spacing:-0.05em;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
#mainMap .leadTxt {
	max-width:540px;
	margin:0 auto 0.5em;
	padding:0;
	font-size:1.4rem;
	line-height:1.8;
	color:#fff;
}
#mainMap #mainImage {
	width:105%;
	margin:0 0 0 -2.5%;
	max-width:798px;
	z-index:10;
	position:relative;
}
@media screen and (min-width:768px) {
	#mainMap #mainCopy {
		font-size:5.2rem;
	}
	#mainMap .leadTxt {
		max-width:100%;
		font-size:1.8rem;
		margin:0 auto 0.25em;
	}
	#mainMap #mainImage {
		width:100%;
		margin:0 auto;
	}
}

#mainMap #map{
	height:480px;
	border-radius:12px;
	background:#fff;
	margin-top:0;
}
@media screen and (min-width:768px) {
	#mainMap #map{
		height:540px;
		margin-top:-45px;
	}
}

#searchBox {
	width:90%;
	max-width:600px;
	margin:0 auto;
	padding:10px;
	background:#eee;
	border-radius:8px;
	border:5px solid #ddd;
	position:absolute;
	bottom:-70px;
	left:0;
	right:0;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);
	box-sizing:border-box;
}
#searchBox .form {
	display:-webkit-box;
	display:flex;
	-webkit-box-pack: space-between;
	justify-content: space-between;
	margin:0 0 10px; 
	padding:0; 
}
#searchBox .form .formtxt {
  width: calc(100% - 70px);
  margin:0;
  padding:6px 8px;
  border: 1px solid #c5c5c5;
  border-radius:4px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  font-size:1.4rem;
  box-sizing:border-box;
}
#searchBox .form .formbtn {
  display: block;
  width:60px;
  height:44px;
  margin:0;
  padding:0;
  border:hidden;
  border-radius:4px;
  background: #303030;
  background: -webkit-gradient(
    linear, left top, left bottom,
    color-stop(0.00, #173584),
    color-stop(1.00, #092262)
  );
  background: linear-gradient(
    to bottom,
    #173584 0%,
    #092262 100%
  );
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  font-size:1.4rem;
  text-align:center;
  cursor: pointer;
}
#searchBox .bottom {
  font-size:1.4rem;
}
@media screen and (min-width:768px) {
	#searchBox {
		padding:20px;
		bottom:-50px;
	}
	#searchBox .form .formtxt {
		width: calc(100% - 90px);
		padding:8px;
		font-size:1.6rem;
	}
	#searchBox .form .formbtn {
		width:80px;
		height:48px;
		font-size:1.8rem;
	}
}


/* ---------------------------------------------------
	/tp/area/ 地図用 202512更新
--------------------------------------------------- */

/* 枠 */
.gm-style .gm-style-iw-c{
  border:5px solid #eee!important;
  overflow:visible!important;
}

/* 情報テーブル */
.mapinfo .detail {
  border-bottom:1px dotted #ccc!important;
}
.mapinfo .detail.name th {
  padding:0 0 12px!important;
  font-size:1.06em;
  font-weight:bold!important;
}
.mapinfo .detail th {
  width:4.5em!important;
  padding:8px 0!important;
}
.mapinfo .detail td {
  width: calc(100% - 4.5em)!important;
  padding:8px 0!important;
}
.mapinfo td center a {
  display:inline-block!important;
  margin:12px 0 0!important;
  padding:5px 1.5em 5px 2.2em!important;
  font-weight:bold;
  color:#2b4697;
  border:2px solid #2b4697!important;
  border-radius:50vh!important;
  background:url(/images/common/icon_arrow_grn_r_01.png) no-repeat 12px 50% #fff;
}
.mapinfo td center a:hover {
  text-decoration:none!important;
}

/* closeボタン */
.gm-style .gm-style-iw-chr button {
  width:32px!important;
  height:32px!important;
  position:absolute!important;
  top:-12px!important;
  right:-12px!important;
  border-radius:50vh!important;
  border:2px solid #ddd!important;
}
.gm-style .gm-ui-hover-effect{
  background:#2b4697!important;
  opacity:1!important;
}
.gm-style .gm-ui-hover-effect > span{
  margin:2px!important;
  background-color:light-dark(#fff,#fff)!important;
}

/* 吹き出し矢印 */
.gm-style .gm-style-iw-tc::after {
  background:#eee!important;
}