body{
background: url(../images/01.jpg) !important;
}

body #contents{
font-size: 120%;
}



section{
border: none !important;
}

#damd_shoplist{
padding:  50px;
background: #FFF;
border-radius: 50px;
}


h2.title{
text-align: center;
}
h2.title img{
width: 70%;
}

.point {
padding-bottom: 100px;
}
.point h3{
text-align: center;
margin-bottom: 50px;
}
.point h3 img{
width: 60%;
}

.point ul li{
padding: 0 30px;
}
.point ul li p.catch{
margin-bottom: 20px;
}
.point ul li p{
font-weight: 600;
}


.step{
background: rgba(255,255,255,.25);
}

.step h3{
text-align: center;
margin-bottom: 50px;
}
.step h3 img{
width: 30%;
}
.step ul li{
font-weight: 600;
text-align: center;
}


.shoplist h3{
text-align: center;
margin-bottom: 50px;
}
.shoplist h3 img{
width: 30%;
}

.shoplist div.map{
text-align: center;
padding: 0 0 80px 0 !important;
}
.shoplist div.map img{
width: 600px;
}

.s-highlight{
  background-color:yellow;
}
.s-hide{
  display: none;
}

.shoplist p.title{
font-size: 130%;
background-color: #FFF !important;
padding: 20px 0 0 0;
}

.shoplist table td{
font-size: 14px;
border-bottom: solid 1px #999;
padding: 25px 5px;
}
.shoplist table td.pref{
padding: 50px 0 20px 0;
font-size: 140%;
text-align:  center;
font-weight: 600;
}
.shoplist table td.name{
font-weight: 600;
}
.shoplist table td.note{
font-size: 12px;
color: #666;
white-space: nowrap;
}

.shoplist table td.tel{
color: #666;
white-space: nowrap;
}
.tax table,
table.sp_block tbody{
border: none !important;
}

section.info{
text-align: center;
}
section.info .inner{
padding: 0 100px !important;
}

.tax.shop.list section.info .inner{
padding: 0 !important;
}

section.info p{
font-size: 120%;
font-weight: 600;
}

section.info p.caution{
text-align: center;
}


section.info ul li{
padding:  10px 20px;
}


section.info p.banner{
}

.sp{
display: none;
}


div.box_search{
text-align: center;
margin: 1em auto 3em auto;
width: 60%;
}

.box_search input {
    border: none !important;
    background-color: #FFF;
    height: 35px;
    font-size: 14px;
    width: 300px;
    padding-left: 10px !important;
    vertical-align: middle;
}
	
.box_search .button {
    border: none !important;
	background: #000;
    color: #FFF;
    height: 35px;
    line-height: 35px;
    width: 18%;
    text-align: center;
    padding: 0;
    vertical-align: middle;
    border-radius: 0;
}


@media screen and (max-width: 800px) {
#contents {
    margin: 80px 0 50px 0;
}
section {
    clear: both;
    padding: 30px 0 !important;
	}
	
.point h3 img {
    width: 90%;
}
.point ul li{
    padding: 0 60px 30px 60px;
	}

section.step{
padding-bottom: 0 !important;
}
.step h3 img,
.shoplist h3 img {
    width: 60%;
}
.step ul li{
margin-bottom: 15% !important;
}
.step ul li p.title{
margin-bottom: -15px !important;
}


#damd_shoplist {
    padding: 10px;
    border-radius: 20px;
}
.shoplist h3 {
    text-align: center;
    margin-bottom: 20px;
}
.shoplist div.map{
display: none;
}
.shoplist p.title{
border-bottom: solid 2px #333;
margin-bottom: 10px;
padding: 10px 0;
}
.shoplist div.map {
    padding: 0 0 30px 0 !important;
}
.shoplist div.map img{
width: 100%;
height: 100%;
}
.shoplist table td{
font-size: 14px;
border: none;
padding: 0 5px 5px 5px !important;
}
.shoplist table td.pref{
padding: 30px 0 10px 0 !important;
font-size: 120%;
text-align:  center;
}

.shoplist table td.name{
border-top: solid 1px #333;
padding-top: 15px !important;
}
.shoplist table td.note br{
display: none;
}
.shoplist table td.tel{
margin-top: -30px;
}

section.info ul li{
padding:  10px;
width: 100% !important;
}

section.info .inner{
padding: 0 10px !important;
}


section.info ul li{
margin-bottom: 0 !important;
}
section.info ul{
margin-bottom: 60px;
}

section.info p {
    font-size: 100%;
    font-weight: 600;
}

.box_search{
display: none;
}
.sp{
display: block;
}
.pc{
display: none;
}

}