.chord-chart .crd {height: 150px;}
.chord-chart div.lad-leftcolumn ul li {list-style-type: disc; margin-left:27px;}
.chord-chart div.lad-leftcolumn ul li.active {list-style-type: disclosure-closed;}
.chord-chart div.lad-leftcolumn ul li.parent {list-style-type: none; margin-left:0}
.chord-chart .chordsh3{text-align:center;margin-top:9px;margin-bottom:4px;font-size:18px;line-height: 27px;}
.chords1 .chordsh3{font-weight: bold;}
.chords1{border:1px solid #e6e6fa;float:left;margin:0 8px 8px 0;width:325px;height:212px;background-color: #fff;text-align:center}
.chords3{border:1px solid #e6e6fa;float:left;margin:10px 5px 6px 0;padding:0 0 16px;text-align:center;width:361px;background-color: #fff;}
.chords3 a{font-size:16px}
img.crd.in-list {margin-bottom:5px;}
p.appliktext{max-width:1100px;line-height:1.6}
.item-page ul{margin-bottom:0.8rem}

@media all and (min-width:0px) and (max-width:641px) {
.chord-chart div.lad-leftcolumn ul li {margin-left:31px}
.chordsh3{margin-top:.8rem;margin-bottom:.2rem;font-size:1rem}
.chords1 p{font-size:.8rem;line-height:120%;padding:0}
.crdmini{width: 97px; height: auto;aspect-ratio: 112 / 100;}
.chords3 a{font-size:1rem;line-height:1.3rem;}
.chords3{border:1px solid #e6e6fa;float:left;margin:2px 0 9px 0;padding:0 0 14px;text-align:center;width:100%;height:inherit}
div.chords1{height:235px;margin:0 0 10px;padding:0;width:100%;border-left: none;border-right: none;}
.appliktext{font-size:.8rem;padding:1rem .5rem;margin:0}
.chords {width: 31%;}
div.lad-mainbody{display:table;}
div.lad-content{display:table-header-group;}
}
@media all and (355px < width < 370px) {
.crdmini{width: 108px;}
}
@media all and (370px <= width < 410px) {
.crdmini{width: 112px;}
}
@media all and (min-width:410px) and (max-width:641px) {
.crdmini{width: 112px;}
}
@media all and (641px < width <= 1101px) and (orientation:portrait), (min-width:642px) and (max-width:1101px) and (orientation:portrait) {
.chordsh3{margin-top:11px;margin-bottom:7px;font-size:22px}
.chords1 p{font-size:17px;line-height:120%;padding:0}
.chords3 a{font-size:20px;}
.chords3 {margin: 3px 12px 9px 0;}
div.chords1{height: 207px;margin: 0 21px 21px 0;}
.appliktext{font-size:18px;padding:14px 8px}
div.lad-mainbody{display:table}
div.lad-content{display:table-header-group;}
}
@media all and (641px < width <= 1101px) and (orientation:landscape), (min-width:642px) and (max-width:1101px) and (orientation:landscape) {
.chords3 {width: 373px; margin: 6px 20px 14px 0;}
.chords1 {width: 273px;height: 182px;}
.chord-chart .crd {height: 132px;}
}
@media all and (1101px < width < 1259px), (min-width:1102px) and (max-width:1258px) {
h3.chordsh3{line-height:32px;}
.chords1 {width: 294px;height: 187px;}
.chord-chart .crd {height: 143px;}
.guitar .crdmini {width: 91px; height: auto;aspect-ratio: 112 / 100;}
.chords3 { margin-right:4px;width: 296px;}
}
@media all and (min-width:1259px) and (max-width:1345px) {
h3.chordsh3{line-height:32px;}
.guitar .crdmini {width: 102px; height: auto;aspect-ratio: 112 / 100;}
.chords3 { margin-right:4px;width: 331px;}
}
@media all and (1345px < width < 1427px), (min-width:1346px) and (max-width:1426px) {
h3.chordsh3{line-height:30px;}
.chords3 { margin-right:4px;}
}
@media all and (width >= 1427px) {
.chords1 {width:355px;margin: 0 31px 31px 0;}
.chords3{margin: 10px 16px 6px 0;width: 374px;}
.chord-chart .chordsh3 { margin-top: 10px;}
}