@charset "UTF-8";
/*////////////////////////

hokkaido.damihclele.jp
access.css

///////////////////////*/
#access{
    width: 90%;
    margin: 0 auto;
}
.shopinfo p{
    margin-bottom: 1em;
}
.telNo{
    font-size: 1.6em;
    margin: .4em 0;
}

.accessWrap{
    width: 100%;
    align-items: center;
    text-align: center;
    
}
.shopname{
    font-size: 1.85em;
    margin-bottom: 1.5em;
}
.shopname span{
    display: block;
    font-size: .5em;
}
/*//////////////////////////////
  shopData
  //////////////////////////////*/
.shopData{
    width: 60%;
    margin: 1.5em auto;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    padding: 1.5em;
    box-sizing: border-box;
    background: rgba(236, 230, 218, 0.6);
}
.shopData dt{
    width: 25%;
    margin-bottom: 1em;
    font-size: .85em;
    letter-spacing: .1em;
}
.shopData dt span{
    display: block;
    font-size: .6em;
    line-height: 1em;;
    
}
.shopData dd{
    width: 75%;
    text-align: left;
    margin-bottom: 1em;
    font-size: .9em;
    letter-spacing: .1em;
}


.shopinfo, .mapUp{
    width: 100%;
    padding: 3%;
    box-sizing: border-box;
}

.mapUp img{
    width: 100%;
    height: auto;
}


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

.accessWrap{
    flex-direction: column;
}

.shopname{
    font-size: 1.85em;
    margin-bottom: 1.5em;
}
.shopname span{
    display: block;
    font-size: .5em;
}
/*//////////////////////////////
  shopData SP
  //////////////////////////////*/
.shopData{
    width: 98%;
    margin: 1.5em auto;
    display: flex;
    flex-direction: column;;
    flex-wrap: wrap;
    text-align: left;
}
.shopData dt{
    width: 100%;
    margin-bottom: 1em;
    font-size: .85em;
    letter-spacing: .1em;

}
.shopData dt span{
    display: block;
    font-size: .6em;
    line-height: 1em;;
    
}
.shopData dd{
    width: 100%;
    text-align: left;
    margin-bottom: 1em;

}

.shopinfo, .mapUp{
    width: 100%;
    padding: 3%;
    box-sizing: border-box;
}  
    
    
}