.movie { margin-bottom: 12vw; padding: 12vw 10vw; background: #f1f0eb; }
.movie .midashi01 { margin-bottom: 6vw; display: block; text-align: center; }
.movie .midashi01 .en { margin-bottom: 2vw; }
.movie p { margin-bottom: 6vw; text-align: center; line-height: 1.6; }
.movie .inner { margin-bottom: 6vw; }
.movie .inner p { margin-bottom: 0; color: #fff; font-weight: bold; text-align: center; background: #685d4d; }
.movie iframe { width: 100%; height: 100vw; margin: 0 auto; display: block; }

.salon-image { width: 100%; margin-bottom: 6vw; }

dl { margin-bottom: 6vw; padding-bottom: 4vw; border-bottom: 1px solid #f1f1f1; }
dl:last-of-type { margin-bottom: 12vw; }
dt { margin-bottom: 2vw; font-size: 4vw; font-weight: bold; line-height: 1.6; }
dd { line-height: 1.6; }
.time dd { margin-bottom: 2vw; font-size: 4.2vw; font-family: "Jost"; font-optical-sizing: auto; font-weight: 300; letter-spacing: 0.02rem; }
.time dd span,.access-text span { margin-right: 2vw; padding: 1vw 4vw; color: #fff; font-size: 3.5vw; background: var(--red); border-radius: 6px; }
dd .en { font-family: "Jost"; font-optical-sizing: auto; font-weight: 300; letter-spacing: 0.02rem; }
dd a { position: relative; }
dd a.tel { margin-bottom: 2vw; font-size: 8vw; font-family: "Jost"; font-optical-sizing: auto; font-weight: 300; letter-spacing: 0.02rem; }
dd a.more { width: 80vw; padding: 4vw 0; }
dd a.more:after { right: 5vw; }
dd .address { font-size: 3.68vw; line-height: 1.6; }
dd .access-text { margin-bottom: 4vw; text-align: justify; }
dd .access-text span { width: fit-content; display: block; margin-bottom: 2vw; }
dd .access-text b { margin-bottom: 2vw; padding-bottom: 2vw; display: block; border-bottom: 1px solid var(--black); }
.google { width: fit-content; margin-bottom: 6vw; font-size: 4.2vw; font-family: "Cormorant Garamond"; font-optical-sizing: auto; font-weight: 500; letter-spacing: 0.05rem; text-decoration: underline; position: relative; }
.google::after { content: ''; width: 100%; height: 100%; background: url(../images/arrow01.png) no-repeat right; background-size: auto 60%; position: absolute; top: 0; right: -5vw; }
.map-image-area { margin-bottom: 12vw; }
.map-image-area p { text-align: center; }
.map-image { width: 100%; margin-bottom: 2vw; }
.map { filter: saturate(0%); }

.gallery {width: 100%;margin: 0 auto 15vw;}
.gallery ul {display:flex;flex-wrap:wrap;justify-content:space-between;margin: 0 auto 3%;}
.gallery ul li {width: 49%;position: relative;margin-bottom: 2%;}
.gallery li a:after { content: ''; display: inline-block; width: 24px; height: 24px; background-image: url(../images/zoom@2x.jpg); background-size: contain; vertical-align: middle; position: absolute; right:0; bottom:0;}
.gallery ul li img { width:100%;}

/* =============================================
    pc
================================================*/
@media screen and (min-width: 736px) {

.movie { margin-bottom: 80px; padding: 80px 60px; }
.movie .midashi01 { margin-bottom: 30px; }
.movie p { margin-bottom: 20px; }
.movie .flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.movie .inner { width: 48%; margin-bottom: 0; }
.movie .inner p { margin-bottom: 0; color: #fff; font-weight: bold; text-align: center; background: #685d4d; }
.movie iframe { width: 70%; height: 460px; }

.second-text {width: 90%;max-width: 900px;margin: auto;padding-top: 0;position: relative;}
.salon-image { margin-bottom: 60px; }

dl { margin-bottom: 30px; padding-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
dl:last-of-type { margin-bottom: 60px; }
dt {width: 150px;margin-bottom: 0;font-size: 14px;}
dd {width: 68%;font-size: 14px;}
.time dd { width: 100%; margin-bottom: 10px; font-size: 18px; }
.time dd span,.access-text span { margin-right: 10px; padding: 4px 20px; font-size: 14px; }
dd .line { margin-bottom: 10px; padding: 4px 40px 4px 20px; }
dd a::after { right: 20px; transition: all .6s; }
dd a:hover::after { right: 14px; }
dd a.tel { margin-bottom: 0; font-size: 40px; }
dd .address { font-size: 16px; }
dd a.more { width: 400px; margin: 0; padding: 20px 0 18px; font-size: 16px; }
dd a.more:after { right: 30px; }
dd .access-text span { margin-bottom: 10px; font-size: 16px; }
dd .access-text b { margin-bottom: 10px; padding-bottom: 10px; }
.google { margin: 0 auto 40px; font-size: 20px; }
.google::after { right: -18px; transition: all .6s; }
.google:hover::after { right: -24px; }
.map-image-area { margin-bottom: 60px; }
.map-image { margin-bottom: 0; }
iframe { height: 250px; }

.gallery { margin-bottom: 80px; }
.gallery ul:after{ content:""; display: block; width: 24%; }
.gallery ul li { width: 24%; margin-bottom: 15px; }
.gallery .street-view { text-align: center; }
}

@media screen and (min-width: 900px) {
.flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.flex > div { width: 48%; }
iframe { height: 550px; }
.map-image-area { margin-bottom: 0; }
}

/* retina逕ｨ ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.google a::after { background: url(../images/arrow01@2x.png) no-repeat right; background-size: auto 52%; position: absolute; top: 0; right: 20px; }
.google::after { background: url(../images/arrow01@2x.png) no-repeat right; background-size: auto 52%; position: absolute; top: 0; right: -26px; }
}