@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

/* div		{ position:relative; width:auto; height:auto; margin:0px; padding:0px; overflow:hidden; border:0px solid #000; } 221001保澤コメントアウト*/
#PAGE	{ width:1080px; margin:0 auto; text-align:left; }
#PAGE #CONTENTS	{ width:1080px; }
@media screen and (max-width: 740px) {
  #PAGE	{ width:100%; }
  #PAGE #CONTENTS	{ width:100%; }
}

/* -- MAP (地図：IMAGE MAP) -- */
div.SEARCH div.MAP			{ width:1080px; height:auto; clear:none; float:left; display:inline;  margin:0; padding:0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
div.MAP_BOX	{ width:730px; height:auto; float:left; overflow:visible; }
div.MAP_BOX map	{ border-top:1px solid #ccc; }
div.SEARCH div.MAP img.MAPLAYER	{ width:730px; height:auto; border-top:1px solid #ccc; z-index:3; display:none; position:absolute; }
@media screen and (max-width: 740px) {
  div.SEARCH div.MAP			{ width:100%; }
  div.MAP_BOX	{ width:100%; }
}

.MAP_TEXT	{ /*width:104px;*/ float:left; margin-top:5px; }
.MAP_L	{ width:104px; float:left; border-left:none; }
.MAP_TEXT img.TOP_ARROW_SP	{ display:none; }
.MAP_TEXT li	{ width:100%; height:auto; float:left; margin:0; padding:0; font-size:10px; line-height:20px; position:relative; overflow:hidden; }
.MAP_TEXT li em	{ width:95px; height:20px; float:left; margin:0; padding:0 0 0 9px; line-height:25px; }
.MAP_TEXT li label	{ width:95px; height:20px; float:right; padding:0 0 0 9px; }
.MAP_TEXT li span em	{ display:none; }
.MAP_TEXT li ul	{ width:100%; float:left; background:#fff; }
.MAP_TEXT li ul li	{ width:95px; float:left; clear:none; padding:0 0 0 9px; }
.MAP_TEXT li input	{ height:20px; display:inline; float:right; margin-right:10px; margin:0 10px 0 5%; font-size:12px; color:#514e4e; position:absolute; top:0; left:0; cursor:pointer; }
.MAP_SAKAI	{ width:208px; }
.MAP_SAKAI li	{ width:208px; }
.MAP_SAKAI li em	{ width:199px; }
.MAP_SAKAI li ul	{ width:208px; }
.SHEET .KENSAKU	{ width:100%; float:left; }
.SHEET .KENSAKU .GAITO	{ display:none; color:#fd8c5a; font-weight:bold; font-size:15px; letter-spacing:0.1em; position:absolute; bottom:0; left:20px; }
.SHEET .KENSAKU .GAITO strong	{ margin:0 5px; font-weight:bold; font-size:22px; }
.SHEET .KENSAKU .GAITO input	{ display:none; }
 div input.SEND	{ width:200px; height:30px; float:left; margin:30px auto 0 auto;
 background:url(../img/search_button.png) no-repeat; border:none; border-radius:5px; color:#fff;
 text-align:center; font-weight:normal; font-size:12px; line-height:1.2em; letter-spacing:0.2em; cursor:pointer; }
 div input.SEND:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
 div input.SEND:active	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
 div input.SEND_SP	{ display:none; }

/*ページ下部固定　ボタン*/
.AC_BACK{background:#EAEFF5; width:95vw; margin: 0 auto; padding-bottom: 20px;max-width: 1080px; padding-top: 5px;}
.accordion {margin:20px auto 0 auto;position: relative;width: 95%;padding-bottom: 15px;}
.accordion-content {display: none;padding: 10px 5px;}
.accordion-content p {font-size: 13px;line-height: 1.5;}
.accordion-item .accordion-title {background-color: #fff;margin-bottom: 0;}
.accordion-item .accordion-content {background: white;width:100%; box-sizing:border-box; }
.accordion-title {position: relative;width: 150px; padding: 10px 10px 10px 0px; color:#0A3F67; letter-spacing: 0px; text-align:center; font-weight:bold;cursor: pointer;}
.accordion-title::after {border-right: solid 1.5px #707070;border-top: solid 1.5px #707070;content: "";display: block;height: 8px;position: absolute;right: 10px;top: 31%;transform: rotate(135deg);transition: transform .3s ease-in-out, top .3s ease-in-out;width: 8px;}
.accordion-title.open::after {top: 45%;transform: rotate(-45deg);}
.accordion-container{display: flex;flex-direction: row;justify-content: space-between;}
.bottom_search {color: #fff;background: #F65E39; border:2px solid #F65E39; font-size: 15px;border-radius: 10px;padding: 10px 40px; display: flex; align-items: center; font-weight:bold; box-sizing:border-box; transition: 0.3s; }
.bottom_search:hover { background: #fff;color: #F65E39; transition: 0.3s; }
.bottom_search i {margin:0 5px 0 0;}
.bottom_keep {color: #fff;background: #5A89B9; border:2px solid #5A89B9; font-size: 15px;border-radius: 10px;padding: 10px 40px; display: flex; align-items: center; font-weight:bold; box-sizing:border-box; transition: 0.3s; }
.bottom_keep:hover { background: #fff;color: #5A89B9; transition: 0.3s; }
.bottom_keep i {margin:0 5px 0 0;}
.fa-position-left {position: absolute;top: calc(50% - .5em);left: 1rem;}
.accordion_bottom{width:400px; display: flex;flex-direction: row;align-items: center;margin: 0 auto;justify-content: space-between;}
.bottom_number { font-weight:bold; color:#000;}
.bottom_number span{margin:0 5px; font-size: 30px;color: #F65E39;font-weight: bold;}
a.bottom_buttonA{background-color: #F65E39;}
a.bottom_buttonB{color: #F65E39;background: white;}
.accordion-content div{font-size: 14px;letter-spacing: 0px;}
.accordion-content div.selectBox{border: 1px solid #ccc;margin: 5px 0; font-size: 13px;}
form label.checkBtn{margin-right: 0px;}
.accordion input{margin-right: 3px;}
.selectBox {margin: 50px auto 0;position: relative;}
.selectBox select {-webkit-appearance: none;appearance: none;border-radius: 0;height: 30px;padding-left: 10px;width: 100px;}
.selectBox select::-ms-expand {display: none; }
.selectBox::before {border-bottom: 4.5px solid #707070;border-left: 4px solid transparent;border-right: 4px solid transparent;content: "";position: absolute;right: 9px;top: 8px;width: 0;pointer-events: none;}
.selectBox::after {border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4.5px solid #707070;content: "";position: absolute;right: 9px;top: 17px;width: 0;pointer-events: none;
}

.KENSAKU {
  position: fixed;
  left:0;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  color: #fff;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  line-height: 20px;
  z-index: 5;
}
.SHEET .KENSAKU_PC	{ display:none; }

 .MAPTOP { margin:10px 0 10px 10px; display:inline-block;}


/* -- MAP (地図：IMAGE MAP) -- */
div#PAGE div.SEARCH div.MAP			{ width:1078px; height:720px; clear:none; float:left; display:inline; margin:0; padding:0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; position: relative;}
div#PAGE #CONTENTS div.MAP_BOX	{ width:390px; float:left; overflow:visible; }
div#PAGE div.SEARCH div.MAP img		{ position:absolute; top:0px; left:0px; display:block; float:left; border:none; z-index:2; }
div#PAGE div.SEARCH div.MAP img.MAPLAYER	{ width:auto; height:auto; z-index:3; border:none; display:none; position:absolute; }
@media screen and (max-width: 740px) {
  div#PAGE div.SEARCH div.MAP			{ width:100%; height:auto; border:none; border-top:1px solid #ccc; overflow:hidden; position:relative; }
  div#PAGE #CONTENTS div.MAP_BOX	{ width:100%; height:722px; overflow-x:scroll; position:relative; }
}

div#PAGE div.SEARCH div.MAP .LINE_WRAP	{ width:458px; height:700px; display:block; float:right;  margin:0px; padding:0px; border-left:1px solid #ccc; background:#F2F2F2; padding:10px; }
div#PAGE div.SEARCH div.MAP ul.LINE		{ width:100%; height:650px; overflow-y:auto; overflow-x:hidden;}
div#PAGE div.SEARCH div.MAP ul.LINE li	{ width:47%; height:28px; clear:none; display:none; float:left; margin:0px; padding:1px 0 1px 0px; /*cursor:pointer;*/ color:#514e4e;
  font-size:14px; line-height:28px; }
div#PAGE div.SEARCH div.MAP ul.LINE li input { margin:0 5px; }
div#PAGE div.SEARCH div.MAP .CHICE	{ width:100%; height:auto; float:right; display:block; margin:0; border-bottom:1px solid #ccc; text-align:baseline; font-weight:bold; font-size:12px; text-align:center; }
div#PAGE div.SEARCH div.MAP .CHICE .text{ width:100%; height:auto; display:flex; align-items: baseline; }
div#PAGE div.SEARCH div.MAP .CHICE strong { width:50%; font-weight:normal; text-align:left; font-size:14px; line-height:40px; }
div#PAGE div.SEARCH div.MAP .CHICE strong.gaitoukensu { width:50%; text-align:right; }
div#PAGE div.SEARCH div.MAP .CHICE strong.gaitoukensu span { color:#F65E39; font-weight:bold; font-size:30px; line-height:60px; margin:0 5px;  }
div#PAGE div.SEARCH div.MAP .CHICE .wan { width:250px; float:left; position:relative; margin:0 0 0 25%; }
div#PAGE div.SEARCH div.MAP ul.LINE li .RELEASE		{ float:right; margin:0 10px 0 0; color:#0af; }
div#PAGE div.SEARCH div.MAP ul.LINE li.LAST		{ border:none; height:28px; cursor:auto; }
div#PAGE div.SEARCH div.MAP ul.LINE li.LAST:hover		{ background:#fff; }
div#PAGE div.SEARCH div.MAP ul.LINE li.LAST:active		{ background:#fff; }
div#PAGE div.SEARCH div.MAP ul.LINE li input		{ /*opacity:0;*/ }
@media screen and (max-width: 740px) {
  div#PAGE div.SEARCH div.MAP .LINE_WRAP	{ width:100%; height:auto; margin-bottom:30px; border:none; box-sizing:border-box; }
  div#PAGE div.SEARCH div.MAP ul.LINE		{ width:100%; height:auto; padding-bottom:0; }
  div#PAGE div.SEARCH div.MAP .CHICE	{ border:none; }
}

/*路線図のチェックボックス*/
