<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
    font-family: "source-han-sans-japanese", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.sp_only { display: none;}

#page { overflow: hidden;}

#page section { padding: 10% 0;}

section .wrapper h1 {
    width: 100%;
    text-align: center;
}

section .wrapper h1 img { width: 25%;}

.wrapper {
    max-width: 1152px;
    width: 60%;
    margin: 0 auto;
}

#tigers_top {
    width: 100%;
    padding-top: 55.25%;
    background: url(../images/top_img.jpg) no-repeat top center / 100%;
    position: relative;
}

#tigers_top .ttl_yt {
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    position: absolute;
    bottom: 10%;
    left: calc(50% - 50%);
}

#tigers_top .ttl_yt &gt; img {
    width: 35%;
    margin-right: 2%;
}

#tigers_top .ttl_yt div,
#tigers_top .ttl_yt a {
    width: 20%;
    margin-bottom: 3%;
}

#tigers_top .ttl_yt a, 
#tigers_top picture { display: block;}

#tigers_top .ttl_yt div img,
#tigers_top .ttl_yt a img,
#tigers_top picture img { width: 100%;}

#tigers_top .time {
    padding: 1% 0;
    background-color: #000;
    display: flex;
    justify-content: center;
}

#tigers_top .time picture { width: 60%;}

#present {
    width: 100%;
    background: url(../images/halftone_top.png) no-repeat top center / 100%, 
    url(../images/halftone_btm.png) no-repeat bottom center / 100%, 
    url(../images/star.png) 0 0 / 60px 60px, 
    url(../images/star.png) 30px 30px / 60px 60px, #ffe100;
}

#present .present_wrapper {
    max-width: 1344px;
    width: 70%;
    margin: 0 auto;
}

#present h1 {
    width: 100%;
    text-align: center;
    margin-bottom: 3%;
}

#present h1 img { width: 60%;}

#present picture { 
    display: block;
    width: 100%;
    margin-bottom: 4%;
}

#present picture img { max-width: 100%;}

#present .present_img { 
    display: block;
    width: 52%;
    margin: 0 auto 5% auto;
}

#present .present_wrapper .present_detail {
    width: 85%;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, .8);
    padding: 3%;
}

#present .present_wrapper div p {
    text-align: center;
    font-size: 1.5vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
    margin-bottom: 2%;
}

#present .present_wrapper div p:first-of-type span {
    font-weight: 900;
    color: #e60000;
}

#present .present_wrapper div p:nth-of-type(2) {
    font-size: 2vw;
    font-weight: 900;
    color: #e60000;
    margin-bottom: 2%;
}

#present .present_wrapper div p:nth-of-type(2) span {
    display: inline-block;
    padding: 0.5% 1%;
    background-color: #e60000;
    color: #fff;
    margin-right: 1%;
    font-size: 80%;
}

#present .present_wrapper div p:last-of-type { font-size: 1vw;}

#present a, #present .end {
    display: block;
    text-align: center;
    width: 75%;
    margin: 0 auto;
    background-color: #ff26c9;
    border: solid 3px #ff26c9;
    color: #fff;
    border-radius: 50px;
    font-size: 2vw;
    padding: 1%;
}

#present a {
    background-color: #ff26c9;
    border: solid 3px #ff26c9;
}

#present a:hover {
    background-color: #fff;
    color: #ff26c9;
}

#present .end {
    background-color: #000;
    border: solid 3px #000;
}

#present ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15%;
}

#present ul li { width: 32%;}

.youtube {
    position: relative;
    width: 100%;
  }
  .youtube::before {
    content: "";
    display: block;
    padding-top: calc(100% / (16/9));
  }
  .youtube &gt; * {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .tvo-video {
    height: 100%;
    width: 100%;
  }
  .bc-player-default_default {
    font-size: 14px;
  }
  .vjs-social-overlay {
    font-size: 10px;
  }

#concept {
    width: 100%;
    padding: 6% 0 7% 0 !important;
    background: url(../images/concept_back.jpg) no-repeat top center / 100%;
}

#concept .wrapper div {
    width: 100%;
    background-color: rgba(255, 255, 255, .8);
    padding: 4%;
    text-align: center;
    margin-top: -2.3%;
}

#concept picture {
    display: block;
    width: 100%;
}

#concept picture img { width: 100%;}

.tigers_back {
    width: 100%;
    background: url(../images/tigers_back.jpg) repeat-y top center / 100%;
} 

#cast .regend {
    width: 100%;
    border: 6px solid rgba(84,84,84,1);
    border-image: linear-gradient(135deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 10%, rgba(84,84,84,1) 10%, rgba(84,84,84,1) 90%, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%);
    border-image-slice: 1;
    outline: solid 2px #000;
    outline-offset: 5px;
    background-color: rgba(255, 255, 255, .8);
    padding: 5%;
    margin-bottom: 15%;
    position: relative;
}

#cast h1 { margin-bottom: 10%;}

#cast h2 {
    position: absolute;
    width: 30%;
    top: -10%;
    left: calc(50% - 15%);
}

#cast h2 img { max-width: 100%;}

#cast .regend ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#cast .regend ul li { width: 30%;}

#cast .regend ul li img { 
    max-width: 100%;
    margin-bottom: 5%;
}

#cast .regend ul li p {
    font-size: 1.1vw;
    line-height: 1.4;
    text-align: justify;
}

#cast .nmb {
    width: 25%;
    margin: 0 auto;
    position: relative;
}

#cast .nmb img { 
    max-width: 100%;
    margin-bottom: 5%;
}

#cast .nmb h2 {
    position: absolute;
    width: 100%;
    top: -18%;
    left: -35%;
}

#cast .nmb p {
    text-align: center;
    font-size: 1.1vw;
    line-height: 1.4;
}

#vtr { padding-top: 0 !important;}

#vtr .vtr_article {
    background-color: rgba(31, 31, 31, .95);
    width: 70%;
    padding: 5%;
    position: relative;
    color: #fff;
    margin-bottom: 10%;
}

#vtr .vtr_article p {
    font-size: 1.3vw;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 5%;
}

#vtr .vtr_article p span {
    font-weight: 900;
    font-size: 150%;
    color: #ffff00;
}

#vtr .fukidashi {
    position: absolute;
    width: 30%;
    top: -5%;
    left: 5%;
}

#vtr .group_shot {
    width: 100%;
    margin-bottom: 4%;
}

#vtr .fukidashi img { max-width: 100%;}

#vtr h1 {
    width: 100%;
    text-align: center;
    margin-bottom: 3%;
}

#vtr div:first-of-type h1 img { width: 55%;}

#vtr div:nth-of-type(2) h1 img { width: 50%;}

#vtr div:nth-of-type(3) h1 img { width: 90%;}

#vtr .left { float: left;}

#vtr .right { float: right;}

#vtr .wrapper { clear: both;}

#vtr .wrapper img, #vtr .talk_theme h2 { width: 100%;}

#vtr .talk_theme { position: relative;}

#vtr .talk_theme h2 {
    position: absolute;
    width: 23%;
    top: 1%;
    left: 5%;
}

#vtr .talk_theme ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#vtr .talk_theme ul li {
    width: 49%;
    margin-bottom: 2%;
    border: solid 2px #fff;
    padding: 2%;
}

#vtr .talk_theme ul li:nth-child(even) { margin-right: 2%;}

#vtr .talk_theme ul li:nth-child(4),
#vtr .talk_theme ul li:last-child { margin-bottom: 0;}

#vtr .talk_theme ul li img { max-width: 100%;}

#vtr .talk_theme ul li:first-child { width: 51%;}

#vtr .talk_theme ul li p { 
    margin-bottom: 3% !important;
    font-size: 1.5vw;
    font-family: "ruika", sans-serif;
    font-weight: 100;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0.05em;
}

#vtr .talk_theme ul li:first-child p { margin-bottom: 0 !important;}

#vtr .talk_theme ul li:nth-child(2) p { line-height: 2.3;}

#vtr .talk_theme ul li p span {
    font-weight: 100;
    font-size: 100%;
    color: #ffff00;
}

#vtr .right div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

#vtr .right div img:first-of-type, #vtr .right div p { width: 48%;}

#vtr .right div img:last-of-type { width: 50%;}

#vtr div:last-of-type {
    text-align: center;
}

#vtr div:last-of-type img { width: 100%;}

#page-top {
    width: 5%;
    position: fixed;
    right: 3%;
    bottom: 3%;
}

#page-top img { max-width: 100%;}


/* ----------------------- 縺薙％縺九ｉ繝ｬ繧ｹ繝昴Φ繧ｷ繝� ----------------------- */

@media (max-width: 767px) {
   .sp_only { display: block;} 

   .wrapper, #present .present_wrapper { width: 90%;}

   #page section { padding: 15% 0;}

   section .wrapper h1 img { width: 50%;}

   #tigers_top { 
    padding-top: 214%;
    background: url(../images/top_img_sp.jpg) no-repeat top center / 100%;
    }

   #tigers_top .ttl_yt {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* padding-bottom: 15%; */
   }

   #tigers_top .ttl_yt &gt; img {
        width: 85%;
        margin-right: 0;
        margin-bottom: 9%;
    }

    #tigers_top .ttl_yt div, #tigers_top .ttl_yt a {
        width: 65%;
        margin-bottom: 0;
        margin-top: 45%;
    }

   #tigers_top .time picture { width: 90%;}

   #tigers_top .time { padding: 5% 0;}

   #present {
        width: 100%;
        background: url(../images/halftone_top.png) no-repeat top center / 200%,
        url(../images/halftone_btm.png) no-repeat bottom center / 200%, 
        url(../images/star.png) 0 0 / 60px 60px, 
        url(../images/star.png) 30px 30px / 60px 60px, #ffe100;
    }

   #present h1 img, #present .present_img,
   #cast .regend ul li { width: 100%;}

   #present .present_wrapper div {
        width: 100%;
        padding: 5%;
    }

    #present .present_wrapper div p {
        font-size: 4.5vw;
        margin-bottom: 5%;
    }

    #present .present_wrapper div p:nth-of-type(2) {
        font-size: 5vw;
        margin-bottom: 5%;
    }

    #present .present_wrapper div p:nth-of-type(2) span {
        display: block;
        width: 100%;
    }  

    #present .present_wrapper div p:last-of-type {
        font-size: 3.5vw;
        text-align: justify;
        line-height: 1.2;
    }
    
    #present a, #present .end {
        width: 100%;
        font-size: 6vw;
    }

    #present ul { 
        flex-direction: column;
        margin-bottom: 25%;
    }

    #present ul li {
        width: 100%;
        margin-bottom: 8%;
    }

    #present ul li:last-child { margin-bottom: 0;}

    #concept {
        background-size: cover;
        padding: 15% 0 16% 0 !important;
    }

    #concept .wrapper div { padding: 5;}

    #cast h1 { margin-bottom: 20%;}

    #cast .regend {
        border: 5px solid rgba(84,84,84,1);
        padding: 10%;
        width: 80%;
        margin: 0 auto 35% auto;
    }

    #cast .regend ul {
        flex-direction: column;
        align-items: center;
    }   
    
    #cast .regend ul li:first-child,
    #cast .regend ul li:nth-child(2) { margin-bottom: 15%;}

    
    #cast .regend ul li p { font-size: 4vw;}

    #cast h2 {
        width: 80%;
        top: -4%;
        left: calc(50% - 40%);
    }

    #cast .nmb { 
        width: 55%;
        margin-bottom: 5%;
    }

    #cast .nmb h2 {
        width: 100%;
        top: -18%;
        left: -10%;
    }

    #cast .nmb p { font-size: 4vw;}

    #vtr .vtr_article {
        width: 95%;
        margin-bottom: 25%;
    }

    #vtr div:nth-of-type(3) { margin-bottom: 15%;}

    #vtr .fukidashi { width: 50%;}

    #vtr div:first-of-type .fukidashi { top: -4%;}

    #vtr div:nth-of-type(2) .fukidashi { top: -8%;}

    #vtr h1 { margin-bottom: 5%;}

    #vtr div:first-of-type h1 img { width: 95%;}

    #vtr div:nth-of-type(2) h1 img { width: 90%;}

    #vtr div:nth-of-type(3) h1 img { width: 100%;}

    #vtr .vtr_article p { font-size: 4vw;}

    #vtr div:first-of-type p { margin-bottom: 20%;}

    #vtr .talk_theme h2 {
        width: 50%;
        top: -4.5%;
        left: calc(50% - 25%);
        transform: rotate(10deg);
    }

    #vtr .talk_theme ul {
        flex-direction: column;
        align-items: center;
    }

    #vtr .talk_theme ul li { 
        width: 100%;
        margin-bottom: 5%;
        padding: 5%;
    }

    #vtr .talk_theme ul li:first-child { width: 100%;}

    #vtr .talk_theme ul li:nth-child(even) { margin-right: 0;}

    #vtr .talk_theme ul li:nth-child(4) { margin-bottom: 5%;}

    #vtr .talk_theme ul li p { font-size: 4.3vw;}

    #vtr .right div { 
        flex-direction: column;
        align-items: center;
    }

    #vtr .right div img { width: 100% !important;}

    #vtr .right div img:first-of-type { margin-bottom: 5%;}

    #page-top {
        width: 13%;
        right: 5%;
        bottom: 2%;
    }
}</pre></body></html>