@charset "utf-8";

/*===============================================
 *	altar
===============================================*/
ul.altar-list{color: #009db3;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 4%;}
ul.altar-list li{background: #fff;border: #009db3 4px solid;display: flex;align-items: center;font-size: 16px;font-weight: bold;margin-bottom: 10px;width: calc(92%/4);}
ul.altar-list li span{padding-left: .5em;}
ul.altar-list li img{width: 100px;object-fit: cover;}
@media only screen and (max-width: 768px) {
ul.altar-list li {font-size: 15px;width: calc(94%/4);}
ul.altar-list li img {width: 90px;}
ul.altar-list li span {padding-left: .5em;}
}
@media only screen and (max-width: 568px) {
ul.altar-list li {font-size: 13px;border: #009db3 2px solid;box-sizing: border-box;width: calc(98%/2);}
ul.altar-list li span {padding-left: .25em;}
ul.altar-list li img {width: 80px;}
}
@media only screen and (max-width: 375px) {
ul.altar-list li img {width: 70px;}
}
@media only screen and (max-width: 320px) {
ul.altar-list li {font-size: 11px;}
ul.altar-list li img {width: 60px;}
}

/*===============================================
 *	Altar
===============================================*/
.ttl-main_altar{max-width: 835px;margin:0 auto;}
img.photo-altar{max-width: 343px;}
.girl-box{position: relative;}
img.photo-girl{position: absolute;right: 10px;bottom: 0;}
img.girl-altar{max-width: 320px;}
table.revival-size{margin-bottom: 3%;}
table.item-tbl{margin-bottom: 5%;}
.bnr-altar{margin-top: 3em;}
@media only screen and (max-width: 768px) {
.ttl-main_altar {margin: 0 2%;}
img.girl-altar {max-width: 270px;}
}
@media only screen and (max-width: 568px) {
img.girl-altar{max-width: 130px;}
table.revival-size {margin-bottom: 5%;}
img.photo-altar{max-width: 150px;}
}
@media only screen and (max-width: 375px) {
img.girl-altar{max-width: 145px;}
img.photo-girl{right: 0;}
img.photo-altar {max-width: 135px;}
}
@media only screen and (max-width: 320px) {
img.photo-altar {max-width: 110px;}
}