@charset "UTF-8";
#section-title { background-size: cover; position: relative; width: 100%; }

#section-title:before { background: rgba(0, 0, 0, 0); }

#section-title .title h1 { height: 400px; position: relative; top: -0px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8); }

#section-contents .sub { text-align: center; margin: -20px 0 50px 0; font-weight: bold; font-size: 1.6rem; }

#section-contents h2 { font-size: 3.6rem; }

#section-contents h3 { font-size: 3.4rem; line-height: 1.6; margin-bottom: 40px; }

#section-contents h4 { font-size: 2.2rem; line-height: 1.6; margin-bottom: 30px; }

#section-contents h4:before { content: '—'; margin-right: 5px; }

#section-contents a { color: #d7061c; text-decoration: none; word-break: break-all; }

#section-contents .youtube { position: relative; width: calc(100% + 120px); padding-top: 63.6%; left: -60px; margin-bottom: 90px; }

#section-contents .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

#section-contents ._p { margin-bottom: 40px; }

#section-contents ._p.note { margin-top: -60px; font-size: 1.4rem; }

#section-contents .image { height: 420px; width: calc(100% + 60px); position: relative; left: 0; display: block; margin: 90px 0 90px 0; background-position: 50% 50% !important; background-repeat: no-repeat !important; background-size: cover !important; }

#section-contents .box { margin: 150px 0 60px 0; }

#section-contents .box .image { float: left; width: 35%; margin: 0; padding-top: 26.25%; height: auto; }

#section-contents .box .text { float: right; width: 61%; }

#section-contents .box .text .artist { text-align: left; margin: 0 0 30px 0; font-weight: bold; }

#section-contents .box .text .artist .tag { margin-left: 2em; }

@media screen and (min-width: 1300px) { #section-title { background-size: 1300px auto !important; background-color: #333 !important; } }