﻿


/* osakamap_page
-----------------------------------------------------------------*/

#Main .mv_area .page_mv{
  height: 400px;
}

/* #Sec01
-----------------------------------------------------------------*/
.osakamap_page #Sec01{
  padding: 0 0 100px;
  position: relative;
}
.osakamap_page #Sec01 .inner{
  margin: 0 auto;
}

.osakamap_page #Sec01 .ttl_box{
  position: relative;
  z-index: 1;
  margin-top: -30px;
  background: #ffffff;
  border-radius: 40px 40px 0 0;
  text-align: center;
}
.osakamap_page #Sec01 .ttl_box:after{
  content: "";
  display: block;
  width: 46px;
  height: 40px;
  background: url(../image/arrow.png);
  background-size: 100% auto;
  position: absolute;
  right: 13%;
  top: -25px;
}
.osakamap_page #Sec01 .ttl_box h3{
  color: #C60813;
  font-size: 6rem;
  line-height: 6rem;
  font-family: "Marcellus", serif;
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
}
.osakamap_page #Sec01 .ttl_box .catch{
  padding-top: 60px;
}

.osakamap_page #Sec01 .lcstory_list{
  padding: 0 50px;
  flex-wrap: wrap;
}
.osakamap_page #Sec01 .lcstory_list li{
  margin-top: 60px;
}
.osakamap_page #Sec01 .lcstory_list:after{
  content: "";
  width: 232px;
}

.pagenation{
  padding-top: 50px;
}

@media screen and (max-width: 767px) {
/* 767pxまでの幅の場合に適応される */


#Main .mv_area .page_mv{
  height: 200px;
}

/* #Sec01
-----------------------------------------------------------------*/
.osakamap_page #Sec01{
  padding: 0 0 20px;
  position: relative;
}
.osakamap_page #Sec01 .inner{
  margin: 0 auto;
}

.osakamap_page #Sec01 .ttl_box{
  position: relative;
  z-index: 1;
  margin-top: -20px;
  background: #ffffff;
  border-radius: 20px 20px 0 0;
  text-align: center;
}
.osakamap_page #Sec01 .ttl_box:after{
  content: "";
  display: block;
  width: 46px;
  height: 40px;
  background: url(../image/arrow.png);
  background-size: 100% auto;
  position: absolute;
  right: 13%;
  top: -15px;
}
.osakamap_page #Sec01 .ttl_box h3{
  color: #C60813;
  font-size: 3rem;
  line-height: 3rem;
  font-family: "Marcellus", serif;
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
}
.osakamap_page #Sec01 .ttl_box .catch{
  padding-top: 45px;
}

.osakamap_page #Sec01 .lcstory_list{
  padding: 0 20px;
  flex-wrap: wrap;
}
.osakamap_page #Sec01 .lcstory_list li{
  margin-top: 50px;
}
.osakamap_page #Sec01 .lcstory_list:after{
  content: "";
  width: 160px;
}


/* 767pxまでの幅の場合に適応される */
}