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


#sakamap .wrapper_s{
max-width: 1100px;
}

@media only screen and (max-width:768px){
#sakamap .wrapper_s{
max-width: 90%;
}
}
@media only screen and (max-width:480px){

}
/************************************

.lead

************************************/
.lead{
line-height: 2;
margin:0 auto 50px;
}
@media only screen and (max-width:768px){
.lead{
text-align: left;
margin:0 5% 30px;
}
}
/************************************

#map

************************************/
#sec1 .wrapper{
max-width:1400px;
width:90%;
}
#map_waku{
background: #fff;
padding:3%;
border-radius: 20px;
margin:0 auto 0px;
}
#map{

background-image: url(../map/images/map-pc.jpg);
background-position: left top;
background-size: cover;
width:100%;
height:0;
padding-top:72.72%;
position:relative;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#map{
background-image: url(../map/images/map-pc@2x.jpg);
}
}
@media only screen and (max-width:768px){
#sec1 .wrapper{
max-width:100%;
width:100%;
}

#map_waku{
padding:0;
border-radius: 0px;
margin:0 auto 0px;
}
#map{
background-image: url(../map/images/map-sp@2x.jpg);
padding-top:90%;
}
#map a.sp_link{
display:block;
width:100%;
height:0;
padding-top:90%;
}

}

#map li{
position:absolute;
z-index: 2;
transition-duration: 0.3s;
}
#map li a{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
text-decoration: none;
background-repeat: no-repeat;
background-position: left top;
background-size:contain;
display: block;
width:100%;
height:0;
}
#map li#p1{
top:54.12%;
left:24.9%;
width:8.18%;
}
#map li#p1 a{
background-image:url(../map/images/p1.png);
padding-top:26.6%;
}
#map li#p2{
top:57.12%;
left:18.72%;
width:10%;
}
#map li#p2 a{
background-image:url(../map/images/p2.png);
padding-top:36.3%
}
#map li#p3{
top:60.62%;
left:26.63%;
width:9%;
}
#map li#p3 a{
background-image:url(../map/images/p3.png);
padding-top:24%;
}
#map li#p4{
top:68.25%;
left:26.9%;
width:7.2%
}
#map li#p4 a{
background-image:url(../map/images/p4.png);
padding-top:50%;
}
#map li#p5{
top:52.87%;
left:37.18%;
width:6.3%;
}
#map li#p5 a{
background-image:url(../map/images/p5.png);
padding-top:57.1%;
}
#map li#p6{
top:31.375%;
left:44%;
width:5.4%;
}
#map li#p6 a{
background-image:url(../map/images/p6.png);
padding-top:40% ;

}
#map li#p7{
top:48.5%;
left:45.0%;
width:4.5%;
}
#map li#p7 a{
background-image:url(../map/images/p7.png);
padding-top:140% ;
}
#map li#p8{
top:60.12%;
left:48.36%;
width:7.2%;
}
#map li#p8 a{
background-image:url(../map/images/p8.png);
padding-top:30% ;

}
#map li#p9{
top:67.75%;
left:51.81%;
width:9.1%;
}
#map li#p9 a{
background-image:url(../map/images/p9.png);
padding-top:25% ;
}
#map li#p10{
top:86.62%;
left:51.72%;
width:10.9%;
}
#map li#p10 a{
background-image:url(../map/images/p10.png);
padding-top:75% ;

}
#map li#p11{
top:42.0%;
left:90.0%;
width:8.1%;
}
#map li#p11 a{
background-image:url(../map/images/p11.png);
padding-top:48.8% ;

}
#map li#p12{
top:25.25%;
left:69.72%;
width:8.1%;
}
#map li#p12 a{
background-image:url(../map/images/p12.png);
padding-top:44.4% ;

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx){
#map li#p1 a{
background-image:url(../map/images/p1@2x.png);
}
#map li#p2 a{
background-image:url(../map/images/p2@2x.png);
}
#map li#p3 a{
background-image:url(../map/images/p3@2x.png);
}
#map li#p4 a{
background-image:url(../map/images/p4@2x.png);
}
#map li#p5 a{
background-image:url(../map/images/p5@2x.png);
}
#map li#p6 a{
background-image:url(../map/images/p6@2x.png);
}
#map li#p7 a{
background-image:url(../map/images/p7@2x.png);
}
#map li#p8 a{
background-image:url(../map/images/p8@2x.png);
}
#map li#p9 a{
background-image:url(../map/images/p9@2x.png);
}
#map li#p10 a{
background-image:url(../map/images/p10@2x.png);
}
#map li#p11 a{
background-image:url(../map/images/p11@2x.png);
}
#map li#p12 a{
background-image:url(../map/images/p12@2x.png);
}
}

#map li:hover{
cursor: pointer;
transform: scale(1.1);
}

@media only screen and (max-width:768px){
#map ul{
display:none;
}

}
/************************************

.iziModal

************************************/
.iziModal .text{
padding:5%;
}
.iziModal .text h3{
font-family: tbcgothic-std, sans-serif;
font-weight: 800;
font-style: normal;
font-size:130%;
margin:0 0 15px;
}
.iziModal .text h3 span.no{
background: #54BECC;
color:#fff;
padding:5px 8px;
line-height: 1;
font-size:110%;
display:inline-block;
margin-right:10px;
border-radius: 3px;
}
.iziModal .text p{
text-align: left;
line-height: 1.8;
}

@media only screen and (max-width:768px){
.iziModal{
display:block;
position: relative;
box-shadow:none;
}
.iziModal:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
	position: relative;
} 
.iziModal .image{
float:right;
width:40%;
margin:5% 5% 2% 2%;
}
.iziModal .text{

}
.iziModal .text h3{
text-align: left;
letter-spacing: 0;
margin-bottom:5px;
font-size:110%;
}
.iziModal .text h3 span.no{
padding:3px 5px;
line-height: 1;
font-size:80%;
display:inline-block;
margin-right:4px;
border-radius: 3px;
}
.iziModal .text p{
font-size:90%;
line-height: 1.7;
letter-spacing: 0;
}
}