.thiscontents {
    background: #f5f6f7;
    font-family: "Inter", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.thiscontents * {
    box-sizing: border-box;
    font-feature-settings: "palt" 1;
    letter-spacing: .03em;
}
.p-gnav, .spNavigation_menus, .fixedHeader {
    display: none !important
}

.l-header{
    display: none;
}
/*===============================================================

	note/copy

===============================================================*/
.section_wrp .note {
    position: relative;
    padding-left: 1.5rem;
}
.section_wrp .note:before {
    position: absolute;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "※";
}
.section_wrp p.copy {
    padding-top: .25rem;
    font-size: 11px;
}
/*===============================================================

	list

===============================================================*/
.section_wrp ul {
    margin-bottom: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
}
.section_wrp ul li {
    position: relative;
    padding-left: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
    padding-bottom: .5rem;
    line-height: 1.6;
}
.section_wrp ul li:before {
    position: absolute;
    left: clamp(0rem, -0.182rem + 0.91vw, 0.5rem);
    display: block;
    width: 1rem;
    height: 1rem;
    content: "\02022";
}
.section_wrp .list_ttl {
    position: relative;
    display: block;
    margin-bottom: 1rem;
    line-height: 1.4;
    font-weight: bold;
    font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
}
.section_wrp .list_ttl._rect {
    position: relative;
}
.section_wrp .list_ttl._rect:before {
    content: "\025c6";
    margin-right: .25rem;
}
/*===============================================================

	movie

===============================================================*/
.movie_wrp {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: .5rem;
}
.movie_wrp iframe,
.movie_wrp img {
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, .1);
}
.movie_ttl {
    margin-bottom: 12px;
    color: #fff;
}
.movie_time {
    text-align: center;
}
/*===============================================================

	1話無料配信

===============================================================*/
.bl_free {
    position: relative;
    background: #111;
    overflow: hidden;
    z-index: 0;
}
  .bl_free .section_wrp{
    max-width: 100vw;
    padding-left: 0;
    padding-right: 0;
    }
  .bl_free .w800{
    max-width: 800px;
    margin: 0 auto
  }
.bl_free:has(+ .detail_tab) {
    padding-bottom: 80px;
  }
@media screen and (max-width: 767px) {
    .bl_free:has(+ .detail_tab) {
        padding-bottom:12vw;
      }
}

.bl_free_bg {
    position: absolute;
    top: -12px;
    bottom: -12px;
    left: -12px;
    right: -12px;
    filter: blur(12px);
    opacity: .9;
    z-index: -1;
}
.bl_free .section_wrp {
    padding-top: clamp(3rem, 2.273rem + 3.64vw, 5rem) !important;
}
.bl_free .section_wrp {
    padding-bottom: clamp(3rem, 2.273rem + 3.64vw, 5rem) !important;
}
.bl_free .section_wrp ul li {
    padding: 0;
}
.bl_free .section_wrp ul li:before {
    display: none;
}
.bl_free .free_sns_tit {
    padding-top: 2rem;
    margin-bottom: 1.5rem;
    text-align: center;
    color: #fff;
}
.bl_free .section_wrp img {
    border: 1px solid #eee;
}
.bl_free h2 {
    color: #fff !important;
    letter-spacing: 0.05em;
    text-align:left;
}
.bl_free h2 span {
    position: relative;
    top: -2px;
    font-size: clamp(0.875rem, 0.739rem + 0.68vw, 1.25rem);
    font-weight: 200;
}
.bl_free h2 .number {
    font-weight: 200;
}
.bl_free.off .movie_wrp:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    border-radius: .5rem;
}
.bl_free.off .off_txt {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
}
.bl_free_head {
    display: flex;
    gap: 16px;
}

.bl_free_listLink {
    display: inline-block;
    color: #fff !important;
    margin-top: 4px;
    padding: 4px 16px;
    border: 1px solid #eee;
    border-radius: 24px;
    align-self: flex-start;
    font-weight: bold;
}
.bl_free_listLink:after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    width: 6px;
    height: 11px;
    background: url(https://www2.myjcom.jp/special/common/images/asset/icn_btn/icn_bullet_white.svg) no-repeat center center / contain;
}
.bl_free_listLink:hover {
    opacity: .8;
}
.app_hide+.bl_free_linkStream {
    margin-top:20px;
}
.bl_free_linkStream {
    text-align: center;
}
.bl_free_linkStream a {
    display: inline-block;
    color: #fff !important;
    padding: 1rem 1rem 1rem 1.75rem;
    background: rgba(0, 100, 255, 1);
    border-radius: 2rem;
    font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem) !important;
}
/*.bl_free_linkStream a {
    display: inline-block;
    color: #fff !important;
    padding: 1rem 1rem 1rem 1.75rem;
    background: rgba(0, 100, 255, 1);
    border-radius: 2rem;
    font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem) !important;
}*/
.bl_free_linkStream a {
    display: inline-block;
    color: #fff !important;
    padding: 1rem 1rem 1rem 1.75rem;
    background: rgba(0, 100, 255, 1);
    border-radius: 2rem;
    font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem) !important;
}
.bl_free_linkStream a strong {
    font-weight: bold;
    padding: 0 .3em;
}
.bl_free_linkStream a:after {
    display: inline-block;
    content: "";
    margin-left: 8px;
    width: 16px;
    height: 16px;
    transform: rotate(90deg);
    background: url(https://www2.myjcom.jp/special/common/images/asset/icn_btn/icn_link_blank_white.svg) no-repeat center center / contain;
}
/*.bl_free_linkStream a:after {
    display: inline-block;
    content: "";
    margin-left: 8px;
    width: 16px;
    height: 9px;
    transform: rotate(90deg);
    background: url(https://www2.myjcom.jp/special/common/images/asset/icn_btn/icn_bullet_white.svg) no-repeat center center / contain;
}*/
@media screen and (max-width: 767px) {
    .bl_free .w800{
    padding-left: clamp(1.25rem, 0.795rem + 2.27vw, 2.5rem);
    padding-right: clamp(1.25rem, 0.795rem + 2.27vw, 2.5rem);
    }
    .bl_free_head {
        display: flex;
        gap: 16px;
        justify-content: space-between;
    }
    .bl_free_listLink {
        align-self: flex-start;
        margin-top: 0;
        padding: 8px 16px;
        border-radius: 24px;
    }
    /*.bl_free_linkStream a {
        border-radius: 6rem;
    }  */
    .bl_free_linkStream a {
        border-radius: 6rem;
    }
    .bl_free_listLink:after {
        content: "";
        display: inline-block;
        margin-left: 8px;
        width: 6px;
        height: 11px;
        background: url(https://www2.myjcom.jp/special/common/images/asset/icn_btn/icn_bullet_white.svg) no-repeat center center / contain;
    }
    .bl_free_linkStream a:after {
        position: relative;
        top: -.5rem;
        width: 3.8vw;
        height: 3.8vw;
    }
    .app_hide+.bl_free_linkStream {
        margin-top:5vw;
    }
}
/*===============================================================

	button

===============================================================*/
.section_wrp .btn {
    margin-top: clamp(2rem, 1.636rem + 1.82vw, 3rem);
    text-align: center;
}
.section_wrp .btn+.btn {
    margin-top: -1rem !important;
    margin-bottom: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
}
.section_wrp .btn+.btn:before {
    display: block;
    content: "本作品ほかParamount+は、動画配信サービス「J:COM STREAM」で視聴できます。";
    padding: .5rem 0 .75rem;
    font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
    line-height: 1.5;
}
.section_wrp .btn.btn_1:before {
    display: block;
    content: "J:COM STREAMを手軽に楽しみたい方はこちら";
    padding: .5rem 0 .75rem;
    font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
    line-height: 1.5;
}
.section_wrp .btn.btn_2:before {
    display: block;
    content: "スポーツもライブも。もっと欲張りたい方はこちら";
    padding: .5rem 0 .75rem;
    font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
    line-height: 1.5;
}
.section_wrp .btn a {
    position: relative;
    display: inline-block;
    background: #e93817;
    transition: .3s opacity ease-out;
    cursor: pointer;
    width: 352px;
    min-width: 352px;
    min-height: 58px;
    margin-bottom: clamp(1rem, 0.636rem + 1.82vw, 2rem);
    padding: 14px 40px;
    border: 3px solid #e93817;
    border-radius: 100px;
    line-height: 1.3;
    text-decoration: none !important;
    font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
    font-weight: bold;
    color: #fff;
    text-align: center;
    letter-spacing: 0;
}
@media screen and (max-width: 767px) {
    .section_wrp .btn a {
        width: 100%;
        max-width: 352px;
        min-width: inherit;
    }
    .section_wrp .btn+.btn {
        margin-top: -.25rem !important;
    }
}
.section_wrp .btn a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 24px;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url(../images/icn-link-blank-white.svg) no-repeat center center/contain;
}
/*赤枠（背景ホワイト）------------------------------*/
.section_wrp .btn.btn_white a {
    background: #fff;
    color: #333;
    border: 3px solid #e93817;
}
.section_wrp .btn.btn_white a:after {
    background: url(../images/icn-link-blank-black.svg) no-repeat center center/contain;
}
/* メンバー関連（黄色背景）-----------------------------*/
.section_wrp .btn.btn_member a {
    border: 3px solid #F5D201;
    background: #F5D201 url(../images/icn-member.svg) no-repeat 20px center;
    background-size: 32px 32px;
    color: #333;
}
/* その他-----------------------------*/
.section_wrp .btn.btn_blank a:after {
    background: url(../images/icn-link-blank-black.svg) no-repeat center center/contain;
}
.section_wrp .btn.btn_arrow a:after {
    background: url(../images/icn-bullet-black.svg) no-repeat center center/contain;
}
/*===============================================================

	layout

===============================================================*/
.wide_width {
    max-width: 1220px;
    padding-left: clamp(1rem, 0.227rem + 3.86vw, 3.125rem);
    padding-right: clamp(1rem, 0.227rem + 3.86vw, 3.125rem);
    margin-left: auto;
    margin-right: auto;
}
.section_wrp {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    max-width: 880px;
    padding-top: clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem);
    padding-bottom: clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem);
    /*
  padding-left: clamp(1rem, 0.455rem + 2.73vw, 2.5rem);
  padding-right: clamp(1rem, 0.455rem + 2.73vw, 2.5rem);
*/
    padding-left: clamp(1.25rem, 0.795rem + 2.27vw, 2.5rem);
    padding-right: clamp(1.25rem, 0.795rem + 2.27vw, 2.5rem);
}
section>section {
    margin-top: 64px;
}
/*作品の基本情報等*/
.section_wrp .section_wrp {
    max-width: 100%;
    margin-bottom: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
    /*
  padding-left: clamp(1.5rem, 1.045rem + 2.27vw, 2.75rem);
  padding-right: clamp(1.5rem, 1.045rem + 2.27vw, 2.75rem);
*/
    padding-left: clamp(1rem, 0.364rem + 3.18vw, 2.75rem);
    padding-right: clamp(1rem, 0.364rem + 3.18vw, 2.75rem);
    padding-top: clamp(1.5rem, 1.136rem + 1.82vw, 2.5rem);
    padding-bottom: 0;
    background: #fefefe;
    border-radius: 1.25rem;
}
.about_stream .section_wrp .section_wrp {
    padding-left: clamp(1.5rem, 1.045rem + 2.27vw, 2.75rem);
    padding-right: clamp(1.5rem, 1.045rem + 2.27vw, 2.75rem);
}
/*===============================================================

	common

===============================================================*/
.section_wrp img {
    max-width: 100%;
}
.section_wrp strong {
    font-weight: bold;
}
.section_wrp p {
    /*14-16*/
    font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
    line-height: 1.6 !important;
    letter-spacing: 0.1em;
}
.section_wrp p {
    margin-bottom: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
}
.section_wrp .img_wrp {
    margin-left: calc(clamp(1.5rem, 1.045rem + 2.27vw, 2.75rem)* -1);
    margin-right: calc(clamp(1.5rem, 1.045rem + 2.27vw, 2.75rem)* -1);
    margin-bottom: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
}
.section_wrp .img_wrp img {
    border-radius: 0;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, .1);
}
.section_wrp a {
    color: #406faf;
    transition: opacity 0.3s ease-in;
}
.section_wrp a:hover {
    opacity: .7;
}
/*===============================================================

	見出し

===============================================================*/
.section_wrp h1 {
    /*22-40px*/
    font-size: clamp(1.375rem, 0.966rem + 2.05vw, 2.5rem);
    margin-bottom: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
    line-height: 1.4;
    font-weight: bold;
}
.section_wrp h2 {
    /*20-32px*/
    font-size: clamp(1.25rem, 0.977rem + 1.36vw, 2rem);
    margin-bottom: clamp(1.25rem, 0.977rem + 1.36vw, 2rem);
    line-height: 1.4;
    font-weight: bold;
}
.section_wrp h2 small {
    /*18-24px*/
    font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
}
.section_wrp h3 {
    align-items: center;
    padding-bottom: clamp(0.5rem, 0.409rem + 0.45vw, 0.75rem);
    /*18-24px*/
    font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
    margin-bottom: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
    line-height: 1.4;
    font-weight: bold;
    border-bottom: 2px solid #333;
}
.section_wrp h3 small {
    /*16-18px*/
    /*  font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);*/
}
/*===============================================================

	背景

===============================================================*/
.bg_blue_full{
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(42, 55, 74)), to(rgb(0, 100, 255)));
    background: linear-gradient(0deg, rgb(42, 55, 74) 0%, rgb(0, 100, 255) 100%);
    z-index:-1;
}

.bg_blue_full h1,
.bg_blue_full p{
    color:#fff!important;
}
.bg_blue_full .hero_inner {
    opacity: .8;
}

.bg_blue_full .hero_inner:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100vw;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/*
.bg_blue_full .hero_inner img{
    opacity:.9;
}
*/



.bg_blue {
    position: relative;
}
.bg_blue h2 {
    position: relative;
    color: #fff !important;
}
.bg_blue:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: clamp(15rem, 11.364rem + 18.18vw, 25rem);
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(42, 55, 74)), to(rgb(0, 100, 255)));
    background: url(../images/P+_23_BRAND_STAMP_RGB.png) no-repeat top right 40px / auto 400px, linear-gradient(0deg, rgb(42, 55, 74) 0%, rgb(0, 100, 255) 100%);
    z-index: -10;
}
.bg_blue._all:before {
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(42, 55, 74)), to(rgb(0, 100, 255)));
    background: url(../images/P+_23_BRAND_STAMP_RGB.png) no-repeat top right 40px / auto 400px, linear-gradient(0deg, rgb(42, 55, 74) 0%, rgb(0, 100, 255) 100%);
}
@media screen and (max-width: 767px) {
    .bg_blue:before {
        background: url(../images/P+_23_BRAND_STAMP_RGB.png) no-repeat top right 0 / auto 120px, linear-gradient(0deg, rgb(42, 55, 74) 0%, rgb(0, 100, 255) 100%);
    }
    .bg_blue._all:before {
        height: 100%;
        background: -webkit-gradient(linear, left bottom, left top, from(rgb(42, 55, 74)), to(rgb(0, 100, 255)));
        background: url(../images/P+_23_BRAND_STAMP_RGB.png) no-repeat top 20px center / auto 380px, linear-gradient(0deg, rgb(42, 55, 74) 0%, rgb(0, 100, 255) 100%);
    }
}
/*black*/
.bg_black {
    position: relative;
}
.bg_black h2 {
    position: relative;
    color: #fff !important;
}
.bg_black:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: clamp(15rem, 11.364rem + 18.18vw, 25rem);
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(42, 55, 74)), to(rgb(0, 100, 255)));
    background: linear-gradient(0deg, rgb(26, 26, 26) 0%, rgb(34, 34, 34) 100%);
    z-index: -10;
}
.bg_black._all:before {
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(42, 55, 74)), to(rgb(0, 100, 255)));
    background: linear-gradient(0deg, rgb(26, 26, 26) 0%, rgb(34, 34, 34) 100%);
}
/*===============================================================

	table

===============================================================*/
.table {
    display: grid;
    width: auto;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    grid-auto-rows: auto;
    grid-template-columns: 30% 70%;
    gap: .5px 0;
}
@media screen and (max-width: 767px) {
    .table {
        grid-auto-columns: auto;
        grid-template-columns: 100%;
        border-right: 1px solid transparent;
    }
}
.table dt {
    padding: .75rem;
    font-weight: bold;
    /*  color: #fff;*/
    background-color: #f1f2f3;
    /*  background: #9baeca;*/
    border-bottom: 1px solid transparent;
}
.table dd {
    padding: .75rem;
    background: #fff;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
@media screen and (max-width: 767px) {
    .table dd {
        grid-column: 1 / 3;
        border-right: 0;
    }
}
/*===============================================================

	pankuzu_wrp

===============================================================*/

.p-header_sub{display: none}
.pankuzu_wrp {
    padding: 15px 0;
    background-color: #000;
/*    background-color: #F8F8F8;*/
/*    border-bottom: 1px solid #E1E1E1;*/
}
.pankuzu_wrp .pankuzu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pankuzu_wrp .pankuzu ul {
    letter-spacing: -0.4em;
}
.pankuzu_wrp .pankuzu li {
    display: inline-block;
    color: #fff;
/*    color: #666;*/
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: normal;
    font-weight: 400;
    padding-left: 10px;
}
.pankuzu_wrp .pankuzu li:first-child {
    padding-left: 0;
}
.pankuzu_wrp .pankuzu li a {
    position: relative;
    color: #fff!important;
/*    color: #333;*/
    font-weight: 700;
    text-decoration: none;
    padding-right: 10px;
}
.pankuzu_wrp .pankuzu li a:hover {
    opacity: 0.7;
}
.pankuzu_wrp .pankuzu li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -0.5px;
    margin: auto;
    width: 6px;
    height: 6px;
    border-right: solid 1px #666;
    border-bottom: solid 1px #666;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media screen and (max-width: 1300px) {
    .pankuzu_wrp {
    }
    /*
  .pankuzu_wrp .pankuzu ul {

  }
  .pankuzu_wrp .pankuzu ul::-webkit-scrollbar {

  }
  .pankuzu_wrp .pankuzu ul::-webkit-scrollbar-track {

  }
  .pankuzu_wrp .pankuzu ul::-webkit-scrollbar-thumb {
    
  }
*/
}
@media screen and (max-width: 767px) {
    .pankuzu_wrp {
        padding: 12px 0;
        min-height: 36px;
        background-color: #000;
    }
    .pankuzu_wrp .pankuzu ul {
        display: flex;
        height: 100%;
        align-items: center;
    }
    .pankuzu_wrp .pankuzu li {
        font-size: 12px;
        color: #fff;
        line-height: 1.2;
    }
    .pankuzu_wrp .pankuzu li:nth-child(1),
    .pankuzu_wrp .pankuzu li:nth-child(2) {
        white-space: nowrap;
    }
    .pankuzu_wrp .pankuzu li a {
        padding-right: 3vw;
        color: #fff!important;
    }
    .pankuzu_wrp .pankuzu li a:after {
        right: -0.1vw;
        width: 1.2vw;
        height: 1.2vw;
    }
}

/*===============================================================

	あらすじ

===============================================================*/
.episode {
    display: grid;
    grid-template:
        "pic title" auto "pic text" 1fr / 28% 1fr;
    gap: .75rem 1.25rem;
}
.episode h3 {
    grid-area: title;
    /*16-20px*/
    font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
    margin-bottom: 0;
    padding-bottom: .5rem;
}
.episode h3 small {
    /*14-16px*/
    /*  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);*/
    letter-spacing: .2rem;
    margin-right: .25rem;
}
.episode .episode_thumb {
    grid-area: pic;
}
.episode .episode_thumb img {
    border-radius: 2px;
    box-shadow: 2px 2px 8px -5px;
    background-color: (0, 0, 0,0.05);
}
.episode .episode_txt {
    grid-area: text;
    /*12-14px*/
    font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}
.episode .episode_cast {
    grid-area: cast;
    margin-top: 1rem;
    /*12-14px*/
    font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}
.episode .list_ttl {
    /*12-14px*/
    font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
    margin-bottom: .5rem;
    color: #444;
}
@media screen and (max-width: 767px) {
    .episode {
        grid-template:
            "title title" auto "pic text" 1fr / 40% 1fr;
        gap: .75rem 1rem;
    }
    .episode .episode_cast {
        margin-top: .5rem;
    }
    .episode .episode_txt {
        line-height: 1.6 !important;
    }
}
/* episodePlus---------------------*/
.episode.episodePlus {
    grid-template:
        "pic title" auto "pic text" 1fr "pic cast" auto/ 28% 1fr;
    gap: .75rem 1.25rem;
    margin-bottom: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
    border-bottom: 1px dotted #ccc;
}
@media screen and (max-width: 767px) {
    .episode.episodePlus {
        grid-template:
            "title title" auto "pic text" 1fr "cast cast" auto/ 40% 1fr;
        gap: .75rem 1rem;
    }
}
.episode.episodePlus .table * {
    color: #444 !important;
}
.episode.episodePlus .table {
    gap: .25rem;
}
.episode.episodePlus .table dt, .episode.episodePlus .table dd {
    padding: .5rem .75rem;
    line-height: 1.4;
}
.episode.episodePlus .table dt {
    border-radius: .5rem;
    background: #f1f2f3;
}
.episode.episodePlus:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}
.episode.episodePlus .episode_thumb, .episode.episodePlus .episode_txt {
    margin-bottom: 0;
}
.episode_comment {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    padding: .6rem 1.5rem;
    color: #fff;
    text-align: center;
    background: #0064ff;
}
.episode_comment:after {
    position: absolute;
    bottom: -9px;
    left: calc(50% - 5px);
    width: 0;
    height: 0;
    content: '';
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #0064ff transparent transparent transparent;
}
.episode_tag_wrp {}
.episode_tag {
    position: relative;
    display: inline-block;
    height: 48px;
    padding: .7rem 2rem .7rem 2rem;
    color: #fff;
    background: #0064ff;
}
.episode_tag a {
    color: #fff;
}
.episode_tag a:after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    width: 6px;
    height: 11px;
    background: url(https://www2.myjcom.jp/special/common/images/asset/icn_btn/icn_bullet_white.svg) no-repeat center center / contain;
}
.episode_tag:before {
    position: absolute;
    top: 0;
    left: -22px;
    content: '';
    border-width: 24px 22px 24px 0;
    border-style: solid;
    border-color: transparent #0064ff transparent transparent;
}
.episode_tag:after {
    position: absolute;
    top: calc(50% - 4px);
    left: -6px;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 50%;
    background: #fff;
}
/*===============================================================

	ヒーロー

===============================================================*/
.hero {
    position: relative;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    text-align: center;
    background: transparent;
    margin-bottom: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
}
.hero img {
    width: 100%;
    max-width: 800px;
    border-radius: .5rem;
}
@media screen and (max-width: 767px) {
    .hero img {
        border-radius: 0;
    }
}
.hero_inner {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: repeat(8, 180px);
    grid-template-columns: repeat(8, 180px);
    grid-template-rows: repeat(2, auto);
    justify-content: center;
    align-content: center;
    gap: 50px 60px;
    z-index: -1;
}
.thumb1 {
    grid-column: 2;
    grid-row: 1;
}
.thumb2 {
    grid-column: 3;
    grid-row: 1;
}
.thumb3 {
    grid-column: 6;
    grid-row: 1;
}
.thumb4 {
    grid-column: 7;
    grid-row: 1;
}
.thumb5 {
    grid-column: 2;
    grid-row: 2;
}
.thumb6 {
    grid-column: 3;
    grid-row: 2;
}
.thumb7 {
    grid-column: 6;
    grid-row: 2;
}
.thumb8 {
    grid-column: 7;
    grid-row: 2;
}
.hero_inner:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100vw;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
.hero_inner img {
    width: 180px;
}
/*===============================================================

	フェード画像

===============================================================*/
.fadeImg_wrp {
    margin: 0 auto clamp(1.5rem, 1.318rem + 0.91vw, 2rem) auto;
}
.fadeImg {
    position: relative;
    height: auto;
    max-width: 800px;
    aspect-ratio: 16/9;
    background:#d6d6d6;
    border-radius: .5rem;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, .1);
}
.fadeImg img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: .5rem;
}
/*===============================================================

	sns_wrp

===============================================================*/
.sns_wrp {
}
.sns_wrp p {
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    text-align: center;
}
.sns_wrp ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
}
.sns_wrp ul li {
    width: 40px;
}
.sns_wrp ul li a {
    background-image: url(/tv/ott/stream/paramountplus_2/detail/images/asset/btn_twitter.svg);
    background-position: center;
    background-repeat: no-repeat;
    /*  background-size: 26px 26px;*/
    background-size: contain;
    padding: 0;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.sns_wrp ul li.twitter a {
    background-image: url(/tv/ott/stream/paramountplus_2/detail/images/asset/btn_x.svg);
}
.sns_wrp ul li.facebook a {
    background-image: url(/tv/ott/stream/paramountplus_2/detail/images/asset/btn_facebook.svg);
}
.sns_wrp ul li.line a {
    background-image: url(/tv/ott/stream/paramountplus_2/detail/images/asset/btn_line.svg);
}
@media screen and (max-width: 767px) {
    .sns_wrp p {
        font-size: 3.5vw;
    }
    .sns_wrp ul {
        gap: 1.5rem;
        margin-top: 4vw;
    }
    .sns_wrp ul li {
        width: 10vw;
    }
    .sns_wrp ul li a {
        /*    background-size: 6vw 6vw;*/
        width: 10vw;
        height: 10vw;
        border-radius: 50%;
    }
}
/*-------------------------------------------------------------

	detail_movie_wrp	

-------------------------------------------------------------*/
.detail_movie_wrp {}
.detail_movie_wrp .free_movie {
    max-height: 725px;
    overflow: hidden;
}
.detail_movie_wrp .free_movie .uliza {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #000;
}
.detail_movie_wrp .free_movie .uliza img {
    width: 100% !important;
    height: auto;
}
.detail_movie_wrp .free_movie .ulizahtml5 {
    aspect-ratio: 16/9;
    width: 100% !important;
    height: auto !important;
}
.detail_movie_wrp .date {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
    background: #fff;
    padding: 10px 0;
}
.detail_movie_wrp .date .tag {
    color: #F83A23;
    margin-right: 0.5em;
}
.detail_movie_wrp .date .line {
    color: #ddd;
    margin: 0 0.5em;
}
@media screen and (max-width: 1220px) {
    .detail_movie_wrp .free_movie {
        max-height: calc(64vw - 100px + 94px);
    }
}
@media screen and (max-width: 767px) {
    .detail_movie_wrp {
    }
    .detail_movie_wrp .free_movie {
        max-height: 67.75vw;
    }
    .detail_movie_wrp .date {
        font-size: 3.5vw;
        padding: 1.5vw 0;
    }
}
/*-------------------------------------------------------------

	free_movie	tabhead

-------------------------------------------------------------*/
.free_movie .tabhead .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
}
.free_movie .tabhead .list li {
    width: 50%;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #333;
}
.free_movie .tabhead .list li a {
    display: block;
    color: #888;
    padding: 10px;
}
.free_movie .tabhead .list li.active {
    background: #000;
}
.free_movie .tabhead .list li.active a {
    color: #fff;
}
@media screen and (max-width: 767px) {
    .free_movie .tabhead .list li {
        font-size: 3.5vw;
    }
    .free_movie .tabhead .list li a {
        padding: 1.5vw;
    }
}


/*===============================================================

	ニュース

===============================================================*/
.news{background: rgba(0, 0, 0, .2)!important;}
.news_tit{color: #eee; font-size:clamp(1rem, 0.864rem + 0.68vw, 1.375rem)!important; padding-bottom: 12px;border-bottom: 2px solid #999;}
.news_body{display:flex; gap: 16px; margin-bottom: 2rem;}
.news_body p{color: #eee!important; margin-bottom: 1rem!important;}
.news_link a{ position: relative; padding-bottom: 1px; border-bottom: 1px solid #999; color: #eee; line-height: 1.8;}
.news_link a:after {
    position: static;
    top: 0;
    bottom: 0;
    right: 24px;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 1rem;
    background: url(../images/icn-link-blank-white.svg) no-repeat center center / contain;
}

@media screen and (max-width: 767px) {
    .news_tit{padding-bottom: 0;border-bottom: 0;}
    .news_body{display:flex;flex-direction: column;margin-bottom: 1rem;}
    .news_body p.news_link{margin-bottom: 0}
    .news_link a{ font-size: 14px!important;}
    .news_link a:after {
    right: 18px;
}
}


/*===============================================================

	その他ニュース（関連作品等）

===============================================================*/
.otherNews{background: rgba(0, 0, 0, .05)!important; padding-bottom: 2rem}
.otherNews_tit{color: #333; font-size:clamp(1rem, 0.864rem + 0.68vw, 1.375rem)!important; padding-bottom: 12px;border-bottom: 2px solid #999;}
.otherNews_body{display:flex; gap: 16px; color:#333;}
.otherNews_pic{flex-basis: 43%; width: 43%;}
.otherNews_text{flex-basis: 57%; width: 57%;}
.otherNews_body p{color: #333!important; margin-bottom: 0.5rem!important;}
.otherNews_link a{ position: relative; border-bottom: 1px solid #999; color: #333; line-height: 1.8;}
.otherNews_link a:after {
    position: static;
    top: 0;
    bottom: 0;
    right: 24px;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 1rem;
    background: url(../images/icn-link-blank-black.svg) no-repeat center center / contain;
}

@media screen and (max-width: 767px) {
    .otherNews{padding-bottom: 1rem}
    .otherNews_tit{padding-bottom: 0;border-bottom: 0;}
    .otherNews_body{display:flex;flex-direction: column;}
    .otherNews_pic{flex-basis: 100%; width: 100%;}
    .otherNews_text{flex-basis: 100%; width: 100%;}
    .otherNews_body p.news_link{margin-bottom: 0}
    .otherNews_link a{ font-size: 14px!important;}
    .otherNews_link a:after {
    right: 18px;
}
}

/*===============================================================

	ユーティリティ

===============================================================*/
.u_white {
    color: #fff;
}
.u_pBlue {
    color: #0064ff;
    /*  color: #25468a;*/
}
.u_darkBlue {
    color: #25468a;
}
.u_border_pBlue {
    border-color: #0064ff !important;
}
.u_border_darkBlue {
    border-color: #2a364a !important;
}
.u_fw_normal {
    font-weight: normal;
}
.u_fw_heavy {
    font-weight: 900 !important;
}
.u_pt2 {
    padding-top: 2rem;
}
.u_pt0 {
    padding-top: 0 !important;
}
.u_pb0 {
    padding-bottom: 0 !important;
}
.u_pb1 {
    padding-bottom: 1rem;
}
.u_mt0 {
    margin-top: 0!important;
}
.u_mt1 {
    margin-top: 1rem!important;
}
.u_mt2_5 {
    margin-top: 2.5rem;
}
.u_mb3 {
    margin-bottom: 3rem;
}
.u_shadow {
    box-shadow: 2px 4px 10px rgba(0, 0, 0, .1);
}
.u_visible {
    overflow: visible !important;
}
.u_fs_ss {
    font-size: 12px !important;
}
.u_fs_s {
    font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem) !important;
}
.u_fs32 {
    font-size: clamp(1.25rem, 0.977rem + 1.36vw, 2rem) !important;
}
.u_border0 {
    border: 0 !important;
}
.u_rborder {
    display: flex !important;
    align-items: center;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}
.u_rborder:after {
    border-top: 1px dotted;
    content: "";
    flex-grow: 1;
}
.u_rborder:after {
    margin-left: 1rem;
}
.u_link_arrow:after {
    content: '';
    display: inline-block;
    margin: 0 .5rem .15rem;
    width: .8em;
    height: .8em;
    background-image: url(../images/icn-bullet.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}

.u_center{
    text-align: center;
}

/*14日間無料吹き出し*/
.u_fukidashi {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  margin-bottom: 10px;
  padding: 8px 16px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;

  font-size: 16px;
  font-weight: bold;
  background: #EE5D44;
  border-radius: 4px;
  z-index: +1;
}

.u_fukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 8px solid #EE5D44;
}

.u_fukidashi p {
  margin: 0;
  padding: 0;
}

.btn_stream_txt{ line-height: 1.6; text-align: center ;margin-bottom: 1rem!important;}
.btn_stream_otherLink{margin-left: 1rem}
.about_stream .btn_stream_txt{display: none}


/*===============================================================

  fixed_bnr

===============================================================*/
.fixed_bnr {
  position: fixed;
  z-index: 10;
  margin: auto;
  line-height: 0;
  transition: transform 0.3s;
  transform: translateY(100px);
}

.fixed_bnr {
    position: fixed;
    z-index: 10;
    margin: auto;
    width: 100%;
    line-height: 0;
    transition: transform 0.3s;
    transform: translateY(100px);
  }
  
  .fixed_bnr.pc {
    bottom: 15px;
    right: 20px;
    margin: auto;
    max-width: 200px;
  }
  
  .fixed_bnr.pc .bnr_txt_block{
    background-color: #0064ff;
    padding:8px;
  }
  
  .fixed_bnr.pc .inner .bnr_txt_block .bnr_txt{
    position: relative;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
  }
  .fixed_bnr.pc .inner .bnr_txt_block .bnr_txt::after{
    content: "";
    position: absolute;
    right:0;
    top:10px;
    width:15px;
    height: 15px;
    background: url(https://www2.myjcom.jp/special/common/images/asset/icn_btn/icn_bullet_white.svg) no-repeat center center/contain;
    }
  
  .fixed_bnr.sp {
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 675px;
  }
  
.fixed_bnr .img img{
    width: 100%!important; 
  }

.fixed_bnr.show {
  transform: translateY(0);
}
.fixed_bnr .inner {
  position: relative;
}
.fixed_bnr .close {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: #ddd;
}
.fixed_bnr .close a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.fixed_bnr .close a:before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 2px;
  height: 18px;
  background: #222;
  transform: rotate(45deg);
}
.fixed_bnr .close a:after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 2px;
  height: 18px;
  background: #222;
  transform: rotate(-45deg);
}
.fixed_bnr .img a {
  position: relative;
  display: block;
}
.fixed_bnr .img a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 736px) {
  .fixed_bnr {
    width: 100%;
    line-height: 0;
    transform: translateY(15vw);
  }

  .fixed_bnr .close {
    top: 2px;
    right: 2px;
    width: 6vw;
    height: 6vw;
  }
  .fixed_bnr .close a:before {
    width: 1px;
    height: 4vw;
  }
  .fixed_bnr .close a:after {
    width: 1px;
    height: 4vw;
  }
}
@media screen and (min-width: 1700px) {
    .fixed_bnr.pc {
      bottom: 15px;
      right: 20px;
      margin: auto;
      max-width: 280px;
    }
    .fixed_bnr.pc .bnr_txt_block{
      padding:10px;
    }
    
    .fixed_bnr.pc .inner .bnr_txt_block .bnr_txt{
      font-size: 14px;
    }
  }
  /*===============================================================

	detail_tab

===============================================================*/
  
  .detail_tab {
    margin-top: -77px;
  }
  @media screen and (max-width: 767px) {
    .detail_tab {
        margin-top: -12vw;
        
    }
  }
  .detail_tab .tablist {
    position: relative;
    z-index: 2;
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    gap: 2px;
    justify-content: center;
  }
  .detail_tab .tablist button[role=tab] {
    border: none;
    width: 40%;
    text-align: center;
    padding: 20px 0;
    background-color: #082650;
    border-radius: 5px 5px 0 0;
    color: #777;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3;
    transition: all 0.3s;
  }
  .detail_tab .tablist button + button {
    margin-left: 15px;
    }
  .detail_tab .tablist button[role=tab][aria-selected=true] {
    background-color: #0064FF;
    color: #fff;
  }
  .detail_tab .tablist button[role=tab][aria-selected=false]:hover {
    background-color: #0064FF;
    cursor: pointer;
    color: #fff;
  }
  @media screen and (max-width: 767px) {
    .detail_tab .tablist {
      gap: 1px;
    }
    .detail_tab .tablist button[role=tab] {
        width: 50%;
        padding: 3vw;
        border-radius: 1.5vw 1.5vw 0 0;
        font-size: 4.2vw;
    }
    .detail_tab .tablist button + button {
        margin-left:2vw;
        }
  }
  .detail_tab .tabbody {
    z-index: 2;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    margin-top: -3px;
    height: auto;

  }
  .detail_tab .tabbody .inner {
    transition: all 0.2s;
    opacity: 0;
  }
  .detail_tab .tabbody .active .inner {
    opacity: 1;
    height: auto;
  }
  .detail_tab .tabbody .tab_title {
    font-size: 3rem;
  }
  .detail_tab .tabbody p {
    margin-top: 1em;
  }
  .detail_tab .tabbody .tabcontent:nth-child(3) .inner {
    background-color: #000;
    color: #fff;
  }
  @media screen and (max-width: 767px) {

  }

/*===============================================================
	
free_lineup_slider
	
===============================================================*/
.free_lineup_wrp{
 position: relative;
  margin: 70px 0 0;
}
.free_lineup_wrp .free_lineup_head .title{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
  color: #fff;
  font-size: 28px;
  letter-spacing: 0.04em;
  line-height: 1 !important;
  font-weight: bold;
  text-align: center;
}
.free_lineup_wrp .free_lineup_head .title::before{
content: "";
width: 30px;
height: 1px;
background: #fff;
}
.free_lineup_wrp .free_lineup_head .title::after{
content: "";
width: 30px;
height: 1px;
background: #fff;
}
.free_lineup_slider {
  margin-top: 40px;
  margin-bottom: 0 !important;
	opacity: 0;
	height: 0;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.free_lineup_slider .slick-slide{
  position: relative;
  padding: 0px 8px !important;
}
.free_lineup_slider .slick-slide a{
  display: block;
}
.free_lineup_slider .slick-slide a .txt{
  margin-top: 10px;
  margin-bottom: 0 !important;
  padding:0 5px;
 font-size: 14px;
  color: #fff;
}
.free_lineup_slider .slick-slide a img{
border-radius: 0.3rem;
overflow: hidden;
border: none;
}
.slick-initialized {
	opacity: 1;
	height: auto;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
  .free_lineup_wrp{
    position: relative;
    margin:10vw 0 0;
  }
  .free_lineup_wrp .free_lineup_head .title{
      font-size: 5vw;
}
  .free_lineup_slider {
    margin-top:8vw;
    width: 100%;
}
.free_lineup_slider .slick-slide a img{
    overflow: hidden;
    border: none;
    border-radius: 0.4rem;
    }
  .free_lineup_slider .slick-slide{
    width: calc(100% - 10vw); /* 余白を考慮した幅計算 */
    padding: 0 10vw; /* paddingとcenterPaddingの整合性を取る */
}
.free_lineup_slider .slick-slide a .txt{
  margin-top:2vw;
  padding:0 2vw;
 font-size:3.8vw;
}
}/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.silider_ui .pager
-------------------------------------------------------------*/
.free_lineup_wrp .silider_ui {
	position: relative;
    margin-top:20px;
}
.free_lineup_wrp .silider_ui .pager_ui {
	margin:0 auto 0 30%;
	width:130px;
	height:50px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {
.free_lineup_wrp .silider_ui {
/*	padding: 0 20px;*/
	margin-top: 20px;
}
}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.free_lineup_wrp .silider_ui .pager_ui {
	margin:0;
	width:120px;
	height:50px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
}	/* for SP max-width: 800px */


/*-------------------------------------------------------------
	.silider_ui .pager a
-------------------------------------------------------------*/
.free_lineup_wrp .silider_ui a {
	display:block;
	color: #fff;
	background: #0064FF;
	text-align: center;
}
.free_lineup_wrp .silider_ui a:hover {
	text-decoration: none;
	background: #0052cd;
}
.free_lineup_wrp .silider_ui .pager a {
	width:50px;
	height:50px;
	overflow:hidden;
	text-indent:-200%;
	position:relative;
	border-radius: 50%;
}
.free_lineup_wrp .silider_ui .pager a:hover {
	opacity: 0.7;
}
.free_lineup_wrp .silider_ui .pager a:after {
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	width:10px;
	height:10px;
	transform: rotate(-45deg) translate(-2px,-2px);
	transition: all .3s;
}
.free_lineup_wrp .silider_ui .prev a:after {
	transform: rotate(135deg) translate(-2px,-2px);
}
.free_lineup_wrp .silider_ui .pager a:hover:after {
}
.free_lineup_wrp .silider_ui .btn_more a {
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {

}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {

}	/* for SP max-width: 800px */


  