@charset "utf-8";

/*
+++++++++++++++++++++++++++++++

shop-con01

+++++++++++++++++++++++++++++++
*/

.shop-con01{
    position: relative;
    padding:0 10px;
    height:300px;

}

@media screen and (min-width:768px),
print {
  .shop-con01{
    height:550px;
}
}

@media screen and (min-width: 992px),
print {
    .shop-con01{
    padding:0 30px;
        max-width:1800px;
        margin:0 auto;
        height:1000px;
}
}

.shop-con01-left{
    position: absolute;
    top:0;
    left:0;
    z-index:1px;
    width:45%;
}

@media screen and (min-width: 992px),
print {
    .shop-con01-left{
 width:30%;
}
}

.shop-con01-center{
    position: absolute;
    top:100px;
    left:100px;
    z-index:2px;
    width:40%;
}

@media screen and (min-width: 768px),
print {
    .shop-con01-center{
    top:180px;
    left:250px;
    width:40%;
}
}

@media screen and (min-width: 992px),
print {
    .shop-con01-center{
    top:250px;
    left:27%;
    width:35%;
}
}

.shop-con01-right{
    position: absolute;
    top:30px;
    right:0;
    z-index:3px;
    width:40%;
}

@media screen and (min-width:768px),
print {
    .shop-con01-right{

    width:35%;
}
}

@media screen and (min-width: 992px),
print {
    .shop-con01-right{
 width:40%;
        right:0;
}
}

.shop-con01-right li:first-child{
    margin-bottom: 15px;
    margin-right:10px;
}

@media screen and (min-width: 992px),
print {
   .shop-con01-right li:first-child{
    margin-right:0;
       margin-left:50px;
}
}


/*
+++++++++++++++++++++++++++++++

shop-con02

+++++++++++++++++++++++++++++++
*/

.shop-con02-back{
    background: url("../../../../img/shop/6.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 40px;
    padding:50px 10px;
}

@media screen and (min-width: 768px),
print {
    .shop-con02-back{
        background: url("../../../../img/shop/5.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom:120px;
        padding:200px 100px;
}
}

.shop-con02{
color:#fff;
}

@media screen and (min-width: 992px),
print {
    .shop-con02{
    padding:0 30px;
        max-width:900px;
        margin:auto;
        
}
}

.shop-con02-t01{
    font-size:20px;
    margin-bottom:20px;
}

@media screen and (min-width: 992px),
print {
    .shop-con02-t01{
    font-size:35px;
        margin-bottom: 50px;
        text-align: center;
}
}

.shop-con02-t02{
    line-height: 2;
    margin-bottom:20px;
}

@media screen and (min-width: 992px),
print {
    .shop-con02-t02{
        line-height: 2.8;
        margin-bottom:30px;
}
}


/*
+++++++++++++++++++++++++++++++

shop-con03

+++++++++++++++++++++++++++++++
*/

.shop-con03{
    padding:0 10px;
    margin-bottom: 40px;


}

@media screen and (min-width:768px),
print {
  .shop-con03{
padding:0 30px;
      margin:0 auto 120px;
      max-width: 800px;
}
}

/*
+++++++++++++++++++++++++++++++

shop-con04

+++++++++++++++++++++++++++++++
*/

.shop-con04{

    margin-bottom: 40px;


}

@media screen and (min-width:768px),
print {
  .shop-con04{

      margin:0 auto 120px;
      max-width: 1500px;
}
}

.shop-con04 ul{
    display: grid;
    grid-template-columns: 1fr 1fr;


}

@media screen and (min-width: 992px),
print {
    .shop-con04 ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;


}
}

.map iframe{
    width:100%;
    height:450px;
    margin-bottom: 40px;
}


@media screen and (min-width: 992px),
print {
    .map iframe{
    width:100%;
    height:650px;
        margin-bottom:120px;
}
    }
    
    .map02{
        padding:0 10px;
}


@media screen and (min-width: 992px),
print {
    .map02{
    max-width:1000px;
        margin:auto;
}
    }

.map02-t01{
    color: #F50105;
    font-size:14px;
    text-align: center;
    margin-bottom: 40px;
}

@media screen and (min-width:768px),
print {
    .map02-t01{
    font-size:18px;
        margin-bottom:120px;
}
}
    
    /*
+++++++++++++++++++++++++++++++

shop-con05

+++++++++++++++++++++++++++++++
*/

.shop-con05{

}

@media screen and (min-width:768px),
print {
  .shop-con05{
    margin:0 auto;
      max-width: 1200px;

}
}


/*
++++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

++++++++++++++++++++++++++++++++++++++++
*/