@charset "UTF-8";
/* =======================================
店舗情報
======================================= */
main > section > h2 + ul {
display: flex;
flex-wrap:wrap;
justify-content: center;
max-width: 1050px;
width: 94%;
margin: 8vh auto 0;
}
main > section > h2 + ul li {
width: 33%;
position: relative;
font-size: 1.7rem;
font-weight: 700;
display: inline-block;
background: url("../img/studio/kurume-rbn.svg") no-repeat;
background-size: contain;
}
main > section > h2 + ul li:nth-of-type(2) {
background: url("../img/studio/yanagawa-rbn.svg") no-repeat;
background-size: contain;
}
main > section > h2 + ul li:nth-of-type(3) {
background: url("../img/studio/hakata-rbn.svg") no-repeat;
background-size: contain;
}
main > section > h2 + ul li a {
padding: .7rem .8rem 1.3rem 1.5rem;
width: 100%;
display: block;
color: #fff !important;
text-shadow:  1px 1px 0 #fff;
}
main > section > h2 + ul li a span {
position: relative;
text-shadow: 1px 1px 2px rgb(0,0,0,0.35);
font-weight: 600;
}
main > section > h2 + ul li:nth-child(3) span {
text-shadow: 1px 1px 3px rgb(0,0,0,0.35), -1px -1px 3px rgb(0,0,0,0.35);
}
main > section > section {
display: block;
width: 92%;
margin: 0 auto;
position: relative;
text-align: center;
}
main > section > section h3.storeTtl {
margin-top: -5vh;
}
main > section > section > div {
display: inline-block;
text-align: left;
margin-top: 5vh;
}
#gallery {
margin-top: 5vh;
width: 100%;
overflow-x: hidden;
}
#gallery img {
height: 550px;
width: 100%;
object-fit: cover;
}
.slick-slide {
padding: 0 1rem;
}

@media screen and (min-width: 1600px) {
#gallery img {
height: 750px;
}
}

@media screen and (max-width: 812px){
main > section > h2 + ul {
width: 98%;
}
main > section > h2 + ul li {
font-size: 1rem;
}
#gallery img {
height: 400px;
}
main > section > section h3.storeTtl {
margin-top: -10vh;
}
#gallery img {
height: 350px;
}
main > section > h2 + ul li a span:after {
top: -3px !important;
}
}

@media screen and (max-width: 480px) {
#sub #mainVisual img {
object-position: 35%;
}
main > section > h2 + ul {
width: 98%;
justify-content: center;
}
main > section > h2 + ul li {
font-size: .9rem;
padding: 0rem 0rem .3rem 0rem;
width: 50%;
}
main > section > h2 + ul li a {
padding: .5rem 0rem .5rem 1rem;
}
.slick-slide {
padding: 0rem;
}
main > section > h2 + ul li a span:after {
top:-8px;
left: -1px;
font-weight: 800;
}
#gallery img {
height: 250px;
}
main > section > section h3.storeTtl {
margin-top: -5vh;
}
}

/* =======================================
概要　 info
======================================= */
#info {
background: url("../img/common/bg_check.svg") 80px top;
padding: 10vh 0
}
#info .flexBox {
flex-direction: row-reverse;
max-width: 1240px;
width: 94%;
margin: 0 auto;
justify-content: space-between;
}
#info .flexBox table {
width: 49%;
}
#info .flexBox table img {
width: 20px;
margin-right: 5px;
}
#info .flexBox table td,
#info .flexBox table th {
display: block;
width: 100%;
text-align: left;
}
#info .flexBox table th {
padding: 1.3rem .5rem 0.3rem;
font-weight: 700;
}
#info .flexBox table tr:first-of-type th {
padding-top: 0;
}
#gmap {
width: 49%;
}
#gmap iframe {
width:100%;
}

@media screen and (max-width: 812px){
#info .flexBox {
flex-direction: column-reverse;
justify-content: center;
}
#info .flexBox table,
#gmap {
width: 90%;
margin: 0 auto;
}
#info .flexBox table {
margin-top: 5vh;
}
#gmap iframe {
height:350px !important;
}
}