@charset "utf-8";

.searchMap{
	height: 550px !important;
	position: relative;
	width: 100%;
        
}

.nameMarker{
	font-size: 1.2rem;
	color: black;
	font-weight: bold;
	filter:dropshadow(color=#fff,offX= 0,offY=-2)
	dropshadow(color=#fff,offX= 2,offY= 0)
	dropshadow(color=#fff,offX= 0,offY= 2)
	dropshadow(color=#fff,offX=-2,offY= 0);
	text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px, #fff 2px -2px 0px, #fff -2px -2px 0px;
}

.impactNumber{
	font-size: 14px;
	font-weight: bold;
	color: #297bff;
}
.small{
	font-size: 10px;
}

.svArea{
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 325px;
	width: 130px;
	height: 130px;
	background: black;
	border: 4px solid #fff;
}
.svArea .svName{
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 2;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	filter:dropshadow(color=#eee,offX= 0,offY=-1)
	dropshadow(color=#eee,offX= 1,offY= 0)
	dropshadow(color=#eee,offX= 0,offY= 1)
	dropshadow(color=#eee,offX=-1,offY= 0);
	text-shadow: #eee 1px 1px 0px, #eee -1px 1px 0px,	#eee 1px -1px 0px, #eee -1px -1px 0px;
}
.svArea.large{
	width: 360px;
	height: 360px;
	left: 40px;
	top: 10px;
}
.svArea.large .svName{
	display: none;
}
.svArea .sView{
	width: 100%;
	height: 100%;
}
.svArea .scalingBtn{
	background-image: url("/images/map/toLarge.png");
	width: 24px;
	height: 24px;
	position: absolute;
	right:5px;
	top:5px;
	z-index: 3;
	cursor: pointer;
}
.svArea .scalingBtn.large{
	background-image: url("/images/map/toSmall.png");
}


.optionTab {
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 0px;
}
.optionTab.close{
	left: -540px;
}
.optionTab .tab{
	position:absolute;
	display:block;
	right:-45px;
	top:0;
	cursor: pointer;
	line-height: 1.85em;
	padding: 20px 10px;
	width: 45px;
	height: 170px;
	background: #39437c;
	color: #fff;
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing:0.04em;
    text-align:center;
}
.optionTab .tab.notice{
	background: #f30;
}
.optionTab .inner{
	float: left;
	background: #fff;
	width: 540px;
}

.optionTab .words{padding:20px 20px 15px;}
.optionTab .words input{width: 72%;padding:10px 15px;}
.optionTab .words button{
	cursor: pointer;
	margin-left: 2%;
	padding: 10px 30px;
	background: #4bc6bd;
	color:#fff;
	border-radius: 8px;
	border:1px solid #4bc6bd;
	width:26%;
	text-align:center;
	
}
.optionTab .words button:hover{background:#39437c;border-color:#39437c;}
.optionTab .extents{padding:0 20px 20px;}
.optionTab .extents p{font-weight:bold;}
.optionTab .extents .items{display: flex;flex-wrap:wrap;justify-content:space-between;}

/* onoffBtn */
.optionTab .extents .items .onoffBtn{
    background: #fff;
    background-position: left 4px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border: 1px solid #333;
    cursor: pointer;
    font-size:1.4rem;
    margin-top:10px;
    padding: 8px 0 8px 26px;
    width: calc((100% / 4) - 8px);
}
.optionTab .extents .items .onoffBtn:hover{background-color:rgba(70,186,180,.2);}
.optionTab .extents .items .onoffBtn.on{background-color: #333;color:#fff;}

.optionTab .extents .items .onoffBtn.btnNo1{
	background-image: url("../images/map/pin1.png");
}
.optionTab .extents .items .onoffBtn.btnNo2{
	background-image: url("../images/map/pin2.png");
}
.optionTab .extents .items .onoffBtn.btnNo3{
	background-image: url("../images/map/pin3.png");
}
.optionTab .extents .items .onoffBtn.btnNo4{
	background-image: url("../images/map/pin4.png");
}
.optionTab .extents .items .onoffBtn.btnNo5{
	background-image: url("../images/map/pin5.png");
}
.optionTab .extents .items .onoffBtn.btnNo6{
	background-image: url("../images/map/pin6.png");
}
.optionTab .extents .items .onoffBtn.btnNo7{
	background-image: url("../images/map/pin7.png");
}
.optionTab .extents .items .onoffBtn.btnNo8{
	background-image: url("../images/map/pin8.png");
}
.optionTab .extents .items .onoffBtn.btnNo9{
	background-image: url("../images/map/pin9.png");
}

.optionTab .contentsArea{padding:15px 20px 20px;background:#efefef;}
.optionTab .contentsArea .name{margin-bottom:8px;}
.optionTab .contentsArea .name .clipbtn{margin-right:10px;margin-bottom:7px;width:26px;height:25px;}
.optionTab .contentsArea .name a{color:#39437c;text-decoration:underline;display:inline-block;font-weight:bold;line-height:1.4em;}
.optionTab .contentsArea .name a:hover{text-decoration:none;}
.optionTab .contentsArea .moyori{font-weight:bold;}
.optionTab .contentsArea .address{font-size:1.5rem;margin-top: 5px 0 10px;}
.optionTab .contentsArea .address span{border-bottom: 1px solid #999;padding-bottom: 10px;display:block;}
.optionTab .contentsArea .flex{display:flex;justify-content:space-between;align-items:flex-start;}
.optionTab .contentsArea .flex .text{width:65%;}
.optionTab .contentsArea .flex figure{width:32%;overflow:hidden;height:126px;position:relative;}
.optionTab .contentsArea .flex figure img{
    display: block;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
}
.optionTab .contentsArea .scrollwrap{overflow-y: auto;height:116px;border:none;}
.optionTab .contentsArea dl a{color:#243c91;position:relative;display:flex;}
.optionTab .contentsArea dl a::before{
    content:"";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #243c91;
    border-right: solid 1px #243c91;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left:0;
    margin-top: -4px;
    transition:all .3s ease-out;
}
.optionTab .contentsArea dl a:hover{color:#4bc6bd;}
.optionTab .contentsArea dl a:hover::before{left:5px;}
.optionTab .contentsArea dl a dt{font-weight:400;padding:2px 15px 2px 20px;}
.optionTab .contentsArea dl a dd{padding:2px 0;}

.searching{position:absolute;background:rgb(0,0,0,.6);content:"";width:100%;height:100%;z-index:5;top:0;left:0;}
.searching img{width:80px;height:80px;position:absolute;display:block;top:50%;left:50%;transform: translate(-50%, -50%);}