@charset "UTF-8";

/*----------------------------------------
 location
----------------------------------------*/


.location_bg{
background-image: url(../images/location_bg.jpg);
background-size: 100%;
background-position: bottom center;
background-repeat: repeat-y;
}



.location_main{
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}

.location_main_inner{
width: 100%;
max-width: 1024px;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}

.location_title {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 80px 0 20px 0;
}

.location_title p {
position: relative;
border-bottom: 1px solid #004f79;
font-family: "Cinzel", serif;
font-size: 5rem;
line-height: 1.5;
font-weight: 400;
letter-spacing: 5px;
padding: 0 80px 0 20px;
color: #004f79;
}

.location_title p:after {
  position: absolute;
  bottom: -3px;
  left: 0;
  content: '';
  width: 30%;
  height: 6px;
  background-color: #004f79;
}


.location_title2 {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
margin: 80px 0 20px 0;
}

.location_title2 p {
position: relative;
border-bottom: 1px solid #004f79;
font-family: "Cinzel", serif;
font-size: 5rem;
line-height: 1.5;
font-weight: 400;
letter-spacing: 5px;
padding: 0 20px 0 80px;
color: #004f79;
}

.location_title2 p:after {
  position: absolute;
  bottom: -3px;
  right: 0;
  content: '';
  width: 30%;
  height: 6px;
  background-color: #004f79;
}

.location_subtitle {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
margin: 0 0 40px 0;
}


.location_subtitle p {
padding: 0 20px;
font-size: 1.7rem;
}


dl.life_info{
width: 100%;
padding: 5px;
font-size: 1.2rem;
letter-spacing: 0 !important;
}

dl.life_info dd{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 100%;
}

dl.life_info dd span.dd_left{
width: 70%;
display: flex;
align-items: center;
}

dl.life_info dd span.dd_left:after {
content: "";
flex-grow: 1;
height: 2px;
transform: scaleY(0.5) translateY(1px);
background: #444;
display: block;
margin-left: 1em;
}

dl.life_info dd span.dd_right{
width: 30%;
display: flex;
align-items: center;
justify-content: flex-end;
}

dl.life_info dd span.dd_right:before {
content: "";
flex-grow: 1;
height: 2px;
transform: scaleY(0.5) translateY(1px);
background: #444;
display: block;
margin-right: 1em;
}

p.location_info{
font-size: 1.3rem;
color: #324e65;
padding: 10px 10px 0 10px;
letter-spacing: 0;
width: 98%;
margin: 0 1%;
text-align: left;
display: flex;
align-items: center;
line-height: 1.5;
}

p.location_info span{
border: 1px solid #324e65;
padding: 3px 5px;
display: inline-block;
margin: 0 10px 0 0;
font-size: 1.5rem;
line-height: 2;
width: 130px;
text-align: center;
}

.shop_street{
background-color: #fff;
width: 98%;
margin: 0 1%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 40px 0 12px 0;
}

.shop_street_title{
font-family: "Cinzel", serif;
font-size: 3rem;
line-height: 1.5;
font-weight: 400;
color: #324e65;
position: relative;
width: 100%;
text-align: center;
}

.shop_street_title:after{
content:"";
display:block;
width:50px;
height:2px;
background-color:#324e65;
position:absolute;
bottom:-10px;
left: 50%;
transform: translateX(-50%);
}

.shop_street_box1{
width: 98%;
margin: 0 1%;
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
margin: 0 0 60px 0;
}

.shop_street_box2{
width: 98%;
margin: 0 1%;
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
margin: 0 0 60px 0;
}

.shop_street_box3{
width: 98%;
margin: 0 1%;
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
}

.shop_street_info{
width: 50%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}

.shop_street_name{
padding: 0 40px;
width: 100%;
}

.shop_street_text{
padding: 10px 20px;
width: 100%;
}

.shop_street_info2{
width: 31.3333333333%;
margin: 0 1%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
background-color: #e8e9ed;
}

.shop_street_info2 h4{
font-size: 1.5rem;
font-weight: normal;
display: inline-block;
margin: 0 0 0 0;
padding: 10px 20px;
text-align: left;
width: 100%;
border-bottom: dashed #333 1px !important;
font-weight: 500;
}

.shop_street_info2 p{
font-size: 1.2rem;
line-height: 1.7;
padding: 10px 20px;
width: 100%;
}

.shop_street_info3{
background-color: #eaf0ec;
}

.shop_street_info4{
background-color: #fbeff4;
}

.shop_street_box1 .shop_street_btn{
padding: 10px 50px;
background-color: #324e65;
display: inline-block;
color: #fff !important;
margin: 20px 0 10px 0;
transition : all 0.5s ease 0s;
}

.shop_street_box1 .shop_street_btn:hover{
background-color: #748ca0;
}

.shop_street_box2 .shop_street_btn{
padding: 10px 50px;
background-color: #31764e;
display: inline-block;
color: #fff !important;
margin: 20px 0 10px 0;
transition : all 0.5s ease 0s;
}

.shop_street_box2 .shop_street_btn:hover{
background-color: #739782;
}

.shop_street_box3 .shop_street_btn{
padding: 10px 50px;
background-color: #cb5e64;
display: inline-block;
color: #fff !important;
margin: 20px 0 10px 0;
transition : all 0.5s ease 0s;
}

.shop_street_box3 .shop_street_btn:hover{
background-color: #d19598;
}

.shop_street_btn span{
font-size: 1.2rem;
position: relative;
top: -5px;
}


@media screen and (max-width : 767px) {

.location_bg_01{
background-size: 80%;
}

.location_bg_02{
background-size: 80%;
background-position: top right;
}

.location_bg_03{
background-size: 80%;
}

.location_bg_04{
background-size: 80%;
background-position: top right;
}

.location_bg_05{
background-size: 80%;
}

.location_bg_06{
background-size: 80%;
background-position: top right;
}

.location_main{
width: 100%;
}

.location_main_inner{
width: 90%;
max-width: 90%;
}

.location_title {
margin: 40px 0 20px 0;
}

.location_title p {
font-size: 3rem;
padding: 0 20px 0 20px;
}

.location_title p:after {
  height: 4px;
}


.location_title2 {
margin: 40px 0 20px 0;
justify-content: flex-start;
}


.location_title2 p {
font-size: 3rem;
padding: 0 20px 0 20px;
}

.location_title2 p:after {
  height: 4px;
right: auto;
left: 0;
}

.location_subtitle p {
padding: 0 20px;
font-size: 1.3rem;
}


dl.life_info{
font-size: 2.5vw;
padding: 5px 5px 0 5px;
}

dl.life_info dd span.dd_left{
width: 65%;
}

dl.life_info dd span.dd_right{
width: 35%;
}

p.location_info{
font-size: 1.3rem;
color: #324e65;
padding: 10px 10px 0 10px;
letter-spacing: 0;
width: 98%;
margin: 0 1%;
text-align: left;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: center;
line-height: 1.5;
}

p.location_info span{
border: 1px solid #324e65;
padding: 3px 5px;
display: inline-block;
margin: 5px 0 5px 0;
font-size: 1.3rem;
line-height: 2;
width: 130px;
text-align: center;
}

.shop_street_title{
font-size: 2.5rem;
}

.shop_street_info{
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
}

.shop_street_name{
background-color: #fff;
padding: 10px;
width: 90%;
margin: 10px 5% 0 5%;
}

.shop_street_text{
padding: 10px 20px;
width: 100%;
}

.shop_street_info2{
width: 100%;
margin: 10px 0 0 0;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}

.shop_street_btn{
margin: 0 0 0 0 !important;
}

}