.page-subsection .column-nav{     margin-top:2em; } .page-subsection .column-nav__list--anchor{     border-top: 1px dotted #ccc; } .page-subsection .column-nav__list--anchor .column-nav__item::before{     content:""; } .page-subsection .column-nav__list--anchor .column-nav__link{     padding:11px calc(15px + 1.25rem) 7px 15px } .page-subsection .column-nav__list--ranking{     border-top: 1px solid #ccc; } .page-subsection .column-nav__list--ranking .column-nav__item{     border-bottom: 1px solid #ccc; } .page-subsection .column-nav__list--ranking .column-nav__item::before{     content:counter(number) "菴�"; } .page-subsection .column-nav__list--ranking .column-nav__link{     color: #e25452;     text-decoration: underline;     padding:11px 15px 7px calc(1.25rem + 3em) } .page-subsection .column-nav__list--ranking .column-nav__link::before{     background:none; } .page-subsection--column-list-box{     margin-top: 3.4rem;     padding-bottom: 3rem;     border-bottom: 1px solid #ccc; } .page-subsection--column-list-box:last-of-type{     border-bottom: 0; } .page-subsection--column-list-box .page-subsection__img img{     max-height: 30vw;     object-fit: cover;     object-position: 50%; } .page-subsection--column-list-box .page-subsection__img.no-fit img{     width:auto;     max-height: 30vw;     object-fit: fill;     object-position: inherit; } @media screen and (min-width: 768px){     .page-subsection--column-list-box .page-subsection__img{     margin-top:0;     width: 30%; }     .page-subsection--column-list-box .page-subsection__img img{     max-height: auto; }     .page-subsection--column-list-box .page-subsection__img.no-fit img{     width:100%;     } .page-subsection--column-list-box .page-subsection__text{     max-width: 68%; } }