.hdg-l3, .hdg-l3 span, .nav-area { overflow: hidden } .lyt-special #str-contents { font-size: 16px; line-height: 1.75 } .lyt-special #str-contents dl, .lyt-special #str-contents menu, .lyt-special #str-contents ol, .lyt-special #str-contents p, .lyt-special #str-contents table, .lyt-special #str-contents ul { margin-top: 20px } .page-info { font-size: 13px; margin-top: 40px; border-top: 1px solid #ddd } .page-info p, .page-info ul { margin-top: 10px!important } .sns li { display: inline-block; margin-left: 10px; vertical-align: top } .sns li:first-child { margin-left: 0 } .hdg-l2 { font-size: 36px; font-weight: 400; line-height: 1.25; position: relative; margin: 100px 0 25px; padding: 18px 0 17px; border-width: 2px 0; border-style: solid; border-color: #333 } .hdg-l2:after, .hdg-l2:before { position: absolute; top: 2px; left: 0; display: block; width: 100%; height: 1px; content: ''; background-color: #999 } .hdg-l2:after { top: auto; bottom: 2px } .hdg-l2>.hdg-l2-sup { font-size: 24px; display: block } .hdg-l2:first-of-type { margin-top: 30px } .hdg-l3 { font-size: 24px; font-weight: 700; line-height: 1.3; margin-top: 80px; margin-bottom: 30px; padding-bottom: 5px; border-bottom: 1px solid #c9c9c9 } .hdg-l3 span { display: block } .hdg-l3 .rank { font-size: 20px; display: inline-block; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; margin-right: 12px; padding: 4px 11px 0; text-align: center; color: #4c4c4c; background-color: #d4d4d4 } .hdg-l4 { margin: 20px 0 -20px; font-size: 16px; } .btn, .btn-01, .btn-02 { line-height: 1.3; text-align: left; text-decoration: none; font-weight: 700 } .btn, .btn-01, .btn-01:visited, .btn:visited, .hdg-l3 .rank.rank-1, .hdg-l3 .rank.rank-2, .hdg-l3 .rank.rank-3 { color: #fff } .hdg-l3 .rank small { font-size: 14px } .hdg-l3 .rank.rank-1:before, .hdg-l3 .rank.rank-2:before, .hdg-l3 .rank.rank-3:before { position: relative; bottom: -1px; display: inline-block; width: 26px; height: 19px; margin-right: 6px; content: ''; background-image: url(/w_special/world/ranking/images/icon-crown.png); background-size: 100% } .hdg-l3 .rank.rank-1 { background-color: #c7a51d } .hdg-l3 .rank.rank-2 { background-color: #9c9c9c } .hdg-l3 .rank.rank-3 { background-color: #ab8873 } .hdg-l2+.lead+.hdg-l3 { margin-top: 30px } .btn, .btn-01 { font-size: 18px; display: inline-block; margin-bottom: 4px; padding: 15px 15px 11px; border: none; border-radius: 5px; background-color: #078acb; -webkit-box-shadow: 0 4px 0 #066fa3; box-shadow: 0 4px 0 #066fa3 } [class*=cmn-list-col-] .btn, [class*=cmn-list-col-] .btn-01 { display: block } .btn-01:active, .btn-01:focus, .btn-01:hover, .btn:active, .btn:focus, .btn:hover { color: #fff; background-color: #0673c1; -webkit-box-shadow: 0 4px 0 #005592; box-shadow: 0 4px 0 #005592 } .btn-02, .btn-02:visited { color: #06c } .btn-01 { background-color: #69a30c; -webkit-box-shadow: 0 4px 0 #588d00; box-shadow: 0 4px 0 #588d00 } .btn-01:active, .btn-01:focus, .btn-01:hover { background-color: #578e00; -webkit-box-shadow: 0 4px 0 #4c7d00; box-shadow: 0 4px 0 #4c7d00 } .btn-02 { font-size: 16px; display: inline-block; padding: 10px 15px; border: 1px solid #ccc; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 -2px 0 #e5e5e5 inset; box-shadow: 0 -2px 0 #e5e5e5 inset } .btn-02:active, .btn-02:focus, .btn-02:hover { color: #06c; background-color: #f7f7f7 } [class*=cmn-list-col-] .btn-02 { display: block } .nav-season>ul, .nav-season>ul>li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .nav-season { margin-bottom: 20px } .nav-season>ul { line-height: 1.25; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .nav-season>ul>li { display: flex; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .nav-season>ul>li:not(:first-child) { margin-left: 15px } .nav-season>ul>li>a, .nav-season>ul>li>span { font-size: 17px; font-weight: 700; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 55px; padding: 5px 15px; text-align: center; text-decoration: none; color: #333; border: 1px solid #a0a0a0; background-color: #ededed; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .nav-season>ul>li.active>span { min-height: 65px; color: #fff; border-color: #555; background-color: #555 } .nav-season>ul>li>span { color: #ccc; border-color: #c4c4c4 } .nav-season-bottom .nav-season { margin-bottom: 0 } .nav-season-bottom .nav-season>ul { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .nav-area { line-height: 1 } .nav-area li { float: left; margin: 10px 0 0 -11px; padding-right: 11px; border-left: 1px solid #ccc } .nav-area li:first-child { margin-top: 10px } .nav-area li a, .nav-area li em { display: block; padding: 0 10px } .nav-area li a:active, .nav-area li a:hover, .nav-area li a:link, .nav-area li a:visited, .nav-area li em:active, .nav-area li em:hover, .nav-area li em:link, .nav-area li em:visited { text-decoration: none } .nav-area li em { font-weight: 700; color: #333 } .box-bottom { margin-top: 80px } .notice { font-size: 12px } .link-order .btn-02 { padding-top: 15px; padding-bottom: 15px; } .link-order.cmn-list-col-3 { margin-top: 0 } .lyt-special #str-contents .link-info.link-aside { margin: 40px 0 30px } .lyt-special .img-provider { font-size: 12px; max-width: 800px; margin: 7px auto 0; text-align: right; color: #333 } .toggle-text .toggle-text-btn, .toggle-text .toggle-text-intro { display: none } .toggle-text.is-active .toggle-text-intro { display: none } .toggle-text.is-active .toggle-text-full { display: block } .article-author { margin-top: 70px; padding: 15px; border: 1px solid #e5e5e5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; gap: 15px; font-size: 14px } .article-author .article-author-hdg { margin-bottom: -6px; font-size: 14px; font-weight: 700 } .article-author .article-author-data { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .article-author .article-author-thumb { border-radius: 50%; width: 85px; height: 85px; overflow: hidden } .article-author .article-author-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media screen and (max-width:880px) { .link-order.cmn-list-col-3>li a { font-size: 14px } } @media screen and(max-width:768px) { .br-sp { display: none } } @media screen and (max-width:720px) { .lyt-special #str-contents { font-size: 14px; line-height: 1.8 } .lyt-special #str-contents dl, .lyt-special #str-contents menu, .lyt-special #str-contents ol, .lyt-special #str-contents p, .lyt-special #str-contents table, .lyt-special #str-contents ul { margin-top: 10px } .hdg-l1 { margin: 0 -10px } .hdg-l2 { font-size: 18px; font-weight: 700; margin: 40px 0 10px; padding: 12px 0 10px } .hdg-l2>.hdg-l2-sup { font-size: 13px; font-weight: 400; margin-bottom: 3px } .hdg-l2:first-of-type { margin-top: 20px } .hdg-l3 { font-size: 18px; margin-top: 40px } .hdg-l2+.lead+.hdg-l3 { margin-top: 20px } .nav-season { margin-bottom: 0 } .nav-season>ul>li:not(:first-child) { margin-left: 2px } .nav-season>ul>li>a, .nav-season>ul>li>span { font-size: 13px; min-height: 55px; padding: 2px } .nav-season>ul>li.active>span { min-height: 60px } .nav-area>li>a, .nav-area>li>em { padding: 5px 10px } .link-order.cmn-list-col-3>li { float: left; width: 49%; margin-top: 10px; margin-left: 10px } .link-order.cmn-list-col-3>li:nth-child(3n+1) { float: left; clear: none } .link-order.cmn-list-col-3>li:nth-child(2n+1) { clear: left; margin-left: 0 } .article-author { margin-top: 50px; padding: 10px; border-color: #ddd; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 12px; font-size: 13px; } .article-author .article-author-hdg { margin-bottom: -4px; font-size: 13px; } .article-author .article-author-thumb { width: 60px; height: 60px; } } @media screen and (max-width:550px) { .btn, .btn-01, .btn-02 { line-height: 1.2; display: block } .btn, .btn-01, .btn-02, .nav-season>ul>li>a>span, .nav-season>ul>li>span>span { display: block } .sns li { margin-left: 5px } .hdg-l3 { font-size: 16px; margin-bottom: 15px } .hdg-l3 span { padding-top: 6px } .hdg-l2+.lead+.hdg-l3 { margin-top: 25px } .btn, .btn-01 { font-size: 15px; padding: 10px 15px 7px } .btn-02 { font-size: 14px; -webkit-box-shadow: 0 -3px 0 #e5e5e5 inset; box-shadow: 0 -3px 0 #e5e5e5 inset } .nav-season>ul>li>a, .nav-season>ul>li>span { display: block; min-height: 0; padding: 11px 2px 10px } .nav-season>ul>li.active>span { min-height: 0; padding: 13px 2px } .nav-area { font-size: 13px } .nav-area>li { margin: 5px 0 0 -9px; padding-right: 9px } .nav-area>li:first-child { margin-top: 5px } .nav-area>li>a, .nav-area>li>em { padding: 5px 8px } .box-bottom { margin-top: 40px } .link-order.cmn-list-col-3>li { width: 48.3% } .link-order .btn-02 { padding-top: 10px; padding-bottom: 10px; } .link-order.cmn-list-col-3>li a { padding-right: 7px; padding-left: 7px } .lyt-special #str-contents .link-info .btn-02 { display: inline-block } .lyt-special .img-provider { font-size: 10px } .toggle-text .toggle-text-intro { display: block } .toggle-text .toggle-text-intro .toggle-text-intro-more { padding: 2px 0; color: #a4a4a4; display: inline-block } .toggle-text .toggle-text-intro .toggle-text-intro-more:before { margin: 0 3px; content: '...'; color: #333; display: inline-block; vertical-align: bottom } .toggle-text .toggle-text-full { display: none } .toggle-text .toggle-text-btn { margin: 10px 0 0 auto; padding: 0 0 0 20px; border: none; color: #a4a4a4; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background: 0 0 } .toggle-text .toggle-text-btn::before { content: ''; display: block; width: 14px; height: 14px; overflow: hidden; position: absolute; bottom: 50%; left: 0; opacity: .6; -webkit-transform: translateY(50%); transform: translateY(50%); background: url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 0 no-repeat } .static .toggle-text-intro { display: none } .static .toggle-text-full { display: block } .static .toggle-text-btn { display: none } .bottom-link-list li { margin: 0 } .bottom-link-list li a { color: #555; font-size: 14px; text-decoration: none; border-bottom: 1px solid #e9e9e9; padding: 8px 0 } .bottom-link-list li a .thumb { min-width: 97px!important; width: 97px!important } } .info-txt { color: #dd0000; font-size: 12px; } .bottom-link-list li a { display: flex; color: #555; text-decoration: none; font-size: 13px; line-height: 1.5 } .bottom-link-list li a:hover { text-decoration: underline } .bottom-link-list li a .thumb { min-width: 90px; width: 90px; height: 60px; overflow: hidden; margin-right: 10px; box-sizing: border-box } .bottom-link-list li a img { width: 100%; min-width: 90px; width: 90px; height: 60px }