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

@keyframes zoomUp {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15); /* 拡大率 */
}
}



/*PC*/
@media print, screen and (min-width: 768px) {



/* spot
--------------------------------------------*/
#spot{
position: relative;
}

#spot .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 140px;
}

#spot .section_wrap .hosoku_txt{
text-align: center;
color: #eb55a5;
font-weight: 500;
font-size: .8rem;
}

#spot .aria_map{
width: 1000px;
margin: 0 auto 60px;
background: url("../images/com/bg.png") center center no-repeat;
background-size: cover;
padding: 40px;
box-sizing: border-box;
border-radius: 1rem;
}


/*com
------------*/
.sub_ttl{
font-size: 1.6rem;
font-weight: 300;
font-style: italic;
color: #eb55a5;
margin: 0 auto 20px;
text-align: center;
}

.sub_ttl .st_txt{
color:#FFF;
background: #ff126e;
font-weight: 800;
font-size: .8rem;
letter-spacing: -.05rem;
font-style: normal;
margin-left: 10px;
display:table;
padding: 0 10px;
border-radius: 50rem;
margin: 0 auto 5px;
}

.red_txt{
font-size: 1.2rem;
font-weight: 300;
font-style: italic;
margin: 0 auto 60px;
}

.red_txt span{
display: block;
font-size: 1rem;
margin-top: 10px;
}

#spot .bnr_img02{
width: 70%;
margin: 0 auto 60px;
}

}
/*sp*/
@media only screen and (max-width: 767px) {

/* spot
--------------------------------------------*/
#spot{
position: relative;
}

#spot .section_wrap{
width: 90%;
position: relative;
margin: 0 auto 100px;
}

#spot .section_wrap .hosoku_txt{
text-align: center;
color: #eb55a5;
font-weight: 500;
font-size: .8rem;
}

#spot .aria_map{
width: 100%;
margin: 0 auto 60px;
background: url("../images/com/bg.png") center center no-repeat;
background-size: cover;
padding: 10px;
box-sizing: border-box;
border-radius: .6rem;
}


/*com
------------*/
.sub_ttl{
font-size: 1.2rem;
font-weight: 300;
font-style: italic;
color: #eb55a5;
margin: 0 auto 20px;
text-align: center;
}

.sub_ttl .st_txt {
color: #FFF;
background: #ff126e;
font-weight: 800;
font-size: .8rem;
letter-spacing: -.05rem;
font-style: normal;
margin-left: 10px;
display: table;
padding: 0 10px;
border-radius: 50rem;
margin: 5px auto 0;
}

.red_txt{
font-size: 1rem;
font-weight: 300;
font-style: italic;
margin: 0 auto 30px;
}

.red_txt span{
display: block;
margin-top: 15px;
line-height: 1.4;
font-size: .8rem;
}


#spot .bnr_img02{
width: 100%;
margin: 0 auto 30px;
}

}