@charset "utf-8";
/* access css */

html {
scroll-padding-top: 30px;
}

@media all and (max-width : 980px ){
html {
scroll-padding-top: 85px;
}
}

#page_access .page_titlebox::before {
content: "ACCESS";
}
body::before {
background-image: url("../img/access/body_bg.jpg");
}

@media all and (max-width : 767px ){
html {
scroll-padding-top: 70px;
}
body::before {
background-image: url("../img/access/body_bg_sp.jpg");
}
}


/*-------------------------------------------------
デジタルマップ
-------------------------------------------------*/

.d_map {
height: 0;
overflow: hidden;
padding-top: 33.33%;
position: relative;
margin-bottom: 15px;
}
.d_map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: calc(100% - 82px);
}
.d_map_txt {
font-size: 1.4rem;
text-align: right;
padding-right: 7%;
margin-bottom: 50px;
}

@media all and (max-width : 980px ){
.d_map iframe {
width: 100%;
}
.d_map_txt {
font-size: 1.3rem;
padding-right: 10px;
}
}

@media all and (max-width : 767px ){
.d_map {
width: 90%;
padding-top: 140%;
margin: 0 auto 10px;
}
.d_map_txt {
font-size: 1.2rem;
text-align: center;
margin-bottom: 30px;
}
}


/*-------------------------------------------------
page navi
-------------------------------------------------*/

.page_navi {
display: flex;
justify-content: center;
align-content: center;
padding: 20px 0;
margin-bottom: 100px;
border-top: solid 1px #C7A569;
border-bottom: solid 1px #C7A569;
}
.page_navi li {
padding: 0 80px;
font-size: 1.6rem;
border-right: solid 1px #C7A569;
}
.page_navi li:first-of-type {
padding-left: 0;
}
.page_navi li:last-of-type {
border-right: none;
padding-right: 0;
}
.page_navi li a {
color: #C7A569;
transition: all 0.3s	
}
.page_navi li a:hover {
color: #E9C37F;
transition: all 0.3s
}
.u_line_gold {
position: relative;
z-index: 1;
}
.u_line_gold:after {
content: '';
position: absolute;
left: 0;
bottom: -8px;
width: 0%;
height: 1px;
background: #8E7742;
z-index: -1;
transition: all 0.3s;
}
.line_effect:hover .u_line_gold:after {
width: 100%;
}

@media all and (max-width : 767px ){
.page_navi {
padding: 20px 0 5px;
margin-bottom: 60px;
flex-wrap: wrap;
}
.page_navi li {
padding: 0 25px;
margin-bottom: 10px;
font-size: 1.3rem;
white-space: nowrap;
letter-spacing: 0.1em;
}
}


/*-------------------------------------------------
Google Map
-------------------------------------------------*/

.gmap {
height: 0;
overflow: hidden;
padding-top: 35.71%;
position: relative;
margin-bottom: 40px;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.list_title {
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.2em;
margin-bottom: 15px;
}
.access_method {
display: flex;
align-items: center;
margin-bottom: 20px;
border: solid 1px #897658;
}
.access_method dt {
padding: 15px 20px 15px 20px;
background: #897658;
width: 30%;
color: #fff;
font-size: 1.8rem;
font-weight: 600;
letter-spacing: 0.2em;
}
.access_method dd {
padding: 15px 10px 15px 25px;
width: 70%;
font-size: 1.6rem;
letter-spacing: 0.2em;
}
.access_cation_txt {
font-size: 1.5rem;
letter-spacing: 0.2em;
margin-bottom: 100px;
}
.access_cation_txt:last-of-type {
margin-bottom: 50px;
}


@media all and (max-width : 820px ){
.list_title {
font-size: 1.7rem;
letter-spacing: 0.15em;
}
.venue_ttl dt {
font-size: 1.6rem;
}
.venue_ttl dd {
font-size: 1.4rem;
}
.access_method dt {
font-size: 1.4rem;
letter-spacing: 0.1em;
}
.access_method dd {
font-size: 1.4rem;
letter-spacing: 0.1em;
}
}

@media all and (max-width : 767px ){
.gmap {
padding-top: 55%;
margin-bottom: 0px;
}
#page_access .mt-50 {
margin-top: 20px !important;
}
.list_title {
font-size: 1.3rem;
margin-bottom: 10px;
}
.access_method {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
border: solid 1px #897658;
}
.access_method dt {
padding: 12px 10px 12px 15px;
width: 100%;
color: #fff;
font-size: 1.3rem;
letter-spacing: 0.15em;
}
.access_method dd {
padding: 12px 10px 12px 15px;
width: 100%;
font-size: 1.3rem;
letter-spacing: 0.1em;
}
.access_cation_txt {
font-size: 1.2rem;
letter-spacing: 0.1em;
margin-bottom: 60px;
}
.access_cation_txt:last-of-type {
margin-bottom: 20px;
}
}