@charset "utf-8";
p.pagetit_sp{display: block; font-size: 1.4em; font-weight: bold; color: var(--green); background-color: #fff; border: 2px solid var(--green); border-radius: 10px; padding: 15px 15px 15px 160px; width: 100%; position: relative; margin-bottom: 40px;}
p.pagetit_sp span{display:inline-block;}
p.pagetit_sp{display: none;}
.titimage{position: absolute; width: 200px; height: auto; bottom: -60px; left:-30px;}

@media print {
p.pagetit_sp{padding: 15px 15px 15px 190px;}
.titimage{left:0;}
p.pagetit_sp{display: block;}
}


.alcoholtable{display:flex; justify-content:flex-start; align-items:stretch; flex-wrap: wrap;}
.alcoholtable dl{width:17%; font-size: 1rem; text-align: center; border-top: 1px solid #999; border-right: 1px solid #999;}
.alcoholtable dl.tittable{width: 15%; border-left: 1px solid #999;}
.alcoholtable dl.tittable dt{ background-color:#ffffcc; display:flex; justify-content:center; align-items:center; padding: 5px;}
.alcoholtable dl.tittable dd{ background-color:#d8efd9; display:flex; justify-content:center; align-items:center; font-weight: bold; padding: 5px;}
.alcoholtable dl dt{padding: 5px; border-bottom: 1px solid #999; background-color:#d8efd9; display:flex; justify-content:space-between; align-items:center; flex-direction: column; min-height: 200px;}
.alcoholtable dl dt b{line-height: 1em; display: block;}
.alcoholtable dl dd{min-height: 6em; display:flex; justify-content:center; align-items:center; border-bottom: 1px solid #999;}
.alcoholtable dl dd span{display: none;}

#ac54 .rightimg,#ac59 .rightimg{width: 200px;}
#ac55 .centerimg{width: 110px;}
#ac60 .centerimg{width: 300px;}

/***********************************/
/* タブレット縦 **********************/
@media screen and (max-width:840px)  {
p.pagetit_sp{display: block;}

.alcoholtable{justify-content:space-around; gap:20px 2%;}
.alcoholtable dl{width:32%; border: 1px solid #999; border-bottom: none;}
.alcoholtable dl.tittable{display: none;}
.alcoholtable dl dt{padding-top: 20px; min-height: 200px; height: auto;}
.alcoholtable dl dd{min-height: 6em; display:flex; justify-content:center; align-items:center; flex-direction: column;}
.alcoholtable dl dd{min-height: 4em;}
.alcoholtable dl dd span{display: block;}
#ac55 .centerimg{width: 100px;}
}

/***********************************/
/* スマホ縦 **********************/
@media screen and (max-width:440px) {
p.pagetit_sp{font-size: 1.4em; padding: 15px; text-align: center;}
.titimage{position: relative; width: 170px; display: block; margin: 0 auto; left:auto; bottom: auto;}	


.alcoholtable{gap:20px;}
.alcoholtable dl{width:100%;}

}