/* CSS Remedy */
*,::after,::before{box-sizing:border-box}html{line-sizing:normal}body{margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}h1{margin:.67em 0}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle;max-width:100%}canvas,img,svg,video{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
h1,h2,h3,h4,p {margin:0;}
img {width:100%;height:auto;}
a {color: #0000ff;text-decoration: underline;}
a:visited, a:active {color:#0000ff;text-decoration: underline;}
a.link-bold {font-weight:700;}

body {
    margin: 0;
    background-color: #e8d8fa;
    font-family: 'Noto Sans JP', sans-serif, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #000000;
}
.text-rounded {
    font-family: 'M PLUS Rounded 1c', sans-serif;
}
.wrap-width {
    width: 100%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}
header {
    padding-top: 60px;
}
.title-normal {
    position: relative;
    width: 81%;
    margin: 6% auto;
    padding-top: 18%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    background-image: url(/images/app_form/ponta_entm/top/title_normal.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.title-normal-text {
    position: absolute;
    top: 50%;
    left: 11%;
    color: #7b2dbb;
    font-size: clamp(14px, 4.6vw, 23px);
    font-weight: 700;
    line-height: 0;
    text-align: center;
    width: 54%;
    height: 1em;
}
.service-copy {
    position: relative;
    margin: 0;
    padding-top: 48%;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #7b2dbb;
    font-size: clamp(14px, 4.6vw, 23px);
    font-weight: 700;
    text-align: center;
    line-height: 1.6;
}
.service-copy img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    opacity: 0;
}
.service-copy-1 {
    animation: copyMotion-1 10600ms 1000ms linear infinite forwards;
}
.service-copy-2 {
    animation: copyMotion-2 10600ms 1000ms linear infinite forwards;
}
.service-copy-3 {
    animation: copyMotion-3 10600ms 1000ms linear infinite forwards;
}
.service-copy-4 {
    animation: copyMotion-4 10600ms 1000ms linear infinite forwards;
}
@keyframes copyMotion-1 {
    0% {opacity: 0;}
    2% {opacity: 1;}
    15% {opacity: 1;}
    17% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes copyMotion-2 {
    0% {opacity: 0;}
    20% {opacity: 0;}
    22% {opacity: 1;}
    29% {opacity: 1;}
    31% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes copyMotion-3 {
    0% {opacity: 0;}
    34% {opacity: 0;}
    36% {opacity: 1;}
    62% {opacity: 1;}
    64% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes copyMotion-4 {
    0% {opacity: 0;}
    67% {opacity: 0;}
    69% {opacity: 1;}
    88% {opacity: 1;}
    92% {opacity: 0;}
    100% {opacity: 0;}
}

/* ヘッダーナビゲーション */
.header-nav-wrap {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #e8d8fb;
}
.header-nav {
    display: flex;
    justify-content: space-between;
}
a.header-nav-item, a:visited.header-nav-item, a:active.header-nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33%;
    height: 60px;
    background-color: #6a12b2;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    color: #ffffff;
    font-size: clamp(10px, 3.3vw, 16.6px);
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}
.header-nav-item-label {
    padding: 0 20px;
    background-color: #ffffb9;
    color: #6a12b2;
    font-size: clamp(8px, 2.1vw, 10.6px);
    border-radius: 20px;
}


/* 今週の新着BOX スライダー */
.new-slider-container {
    overflow: hidden;
}
.swiper-autoheight .swiper-wrapper {
    align-items: stretch;
}
.swiper-slide {
    height: auto;
}
.new-slider-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.new-thumb {
    background: #6a12b24f;
}
.new-slider-text {
    flex-grow: 1;
    margin: 4%;
    font-size: clamp(12px, 3.7vw, 18px);
    line-height: 1.7;
    text-align: center;
}
a.new-slider-button, a:visited.new-slider-button, a:active.new-slider-button {
    display: block;
    width: 82%;
    margin: auto;
    padding: 1%;
    border-radius: 30px;
    background-color: #000000;
    color: #ffffff;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: clamp(14px, 4.6vw, 23px);
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}
.new-slider-container .swiper-pagination {
    position: static;
    margin-top: 4%;
}
.swiper-pagination-bullet {
    background: #6a12b2;
    opacity: 0.3;
}
.swiper-pagination-bullet-active {
    background: #6a12b2;
    opacity: 1.0;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-left: 8px;
    margin-right: 8px;
}

/* 今週の新着BOX 先週のブロック */
.grid-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 7% 5%;
}
.grid-block {
    display: flex;
    width: 48%;
    padding-bottom: 12%;
}
.grid-block-inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.grid-image {
    margin-bottom: 4%;
}
.grid-text {
    padding: 0 4% 4%;
    font-size: clamp(10px, 2.6vw, 13px);
}
a.grid-button, a:visited.grid-button, a:active.grid-button {
    display: block;
    width: 82%;
    margin: auto auto 0;
    padding: 1%;
    border-radius: 30px;
    background-color: #000000;
    color: #ffffff;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: clamp(10px, 3.2vw, 16px);
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

/* 今週の新着BOX 詳細スライダー */
.specific-wrap {
    overflow: hidden;
}
.specific-slider-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 8% 8%;
    background-color: #ffffff;
}
.specific-label {
    min-width: 9em;
    margin: 0 auto 5%;
    padding: 2% 6%;
    background-color: #6a12b2;
    color: #ffffff;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: clamp(14px, 4.6vw, 23px);
    font-weight: 700;
    text-align: center;
}
.specific-title {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: clamp(14px, 4.6vw, 23px);
    font-weight: 700;
    text-align: center;
}
.specific-thumb {
    width: 80%;
    margin: 5% auto;
}
.specific-thumb.border {
    border: 1px solid #0000002e;
}
.specific-slider-table {
    margin: 0 0 7%;
    border-collapse: collapse;
    font-size: clamp(13px, 3vw, 15px);
}
.specific-slider-table tr {
    vertical-align: top;
}
.specific-slider-table th, .specific-slider-table td {
    padding: 1% 0;
}
.specific-table-header {
    font-weight: 400;
    white-space: nowrap;
    text-align: left;
}
.specific-table-notice {
    margin: -5% 0 5%;
    font-size: clamp(12px, 2.8vw, 14px);
}
.specific-slider-button-block {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
}
a.specific-slider-button, a:visited.specific-slider-button, a:active.specific-slider-button {
    display: block;
    width: 60%;
    margin: 0 auto;
    padding: 1%;
    border-radius: 30px;
    background-color: #000000;
    color: #ffffff;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: clamp(14px, 4.6vw, 23px);
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}
a.specific-slider-button.off {
    background-color: #999999;
    color: #ffffff;
    pointer-events: none;
}
.specific-wrap .swiper-pagination {
    position: static;
    margin-top: 4%;
}

/* 映画ブロック */

.section-title {
    margin: 30px 15px 10px;
    font-size: 16px;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: center left;
    color: #7b2dbb;
}
.coupons-label {
    position: relative;
    margin: 15px 0 0 20px;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
}

/* おトクなクーポンをチェック！ */
.title-coupons {
    margin-top: 5px;
    padding-left: 28px;
    background-image: url(/images/app_form/ponta_entm/top/title_icon_coupon.svg);
    background-size: 22px 22px;
}
.coupons-block {
    padding: 15px;
    background-color: #F5F5F5;
}
.coupons-coupon-block {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 2px 2px 6px #0000002d;
}
.coupons-coupon-monday::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 15px solid #D60020;
    border-left: 15px solid #D60020;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.coupons-coupon-monday::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 56px solid transparent;
    border-left: 56px solid transparent;
    border-right: 56px solid #D60020;
    border-bottom: 56px solid #D60020;
}
.coupons-coupon-cinemawari::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 15px solid #47AEE5;
    border-left: 15px solid #47AEE5;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.coupons-coupon-cinemawari::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 56px solid transparent;
    border-left: 56px solid transparent;
    border-right: 56px solid #47AEE5;
    border-bottom: 56px solid #47AEE5;
}
.coupons-coupon-1100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 15px solid #D5AD41;
    border-left: 15px solid #D5AD41;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.coupons-coupon-1100::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 56px solid transparent;
    border-left: 56px solid transparent;
    border-right: 56px solid #D5AD41;
    border-bottom: 56px solid #D5AD41;
}
.coupons-coupon-wednesday::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 15px solid #17A7AA;
    border-left: 15px solid #17A7AA;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
.coupons-coupon-wednesday::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 56px solid transparent;
    border-left: 56px solid transparent;
    border-right: 56px solid #17A7AA;
    border-bottom: 56px solid #17A7AA;
}
.coupons-label {
    position: relative;
    margin: 15px 0 0 20px;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
}
.coupons-coupon-monday, .coupons-coupon-cinemawari {
    margin-bottom: 15px;
}
.coupons-coupon-1100 {
    height: 60px;
}
.coupons-coupon-monday em {
    font-style: normal;
    color: #D60020;
}
.coupons-coupon-cinemawari em {
    font-style: normal;
    color: #47AEE5;
}
.coupons-coupon-1100 em {
    font-style: normal;
    color: #D5AD41;
}
.coupons-coupon-wednesday em {
    font-style: normal;
    color: #17A7AA;
}
a.coupons-button {
    position: absolute;
    display: block;
    bottom: 15px;
    right: 10px;
    width: 38.7%;
    min-width: 136px;
    height: 30px;
    font-size: 11px;
    line-height: 11px;
    color: #fff;
    text-decoration: none;
    background-color: #EB5506;
    border: 2px solid #fff;
    border-radius: 15px;
    z-index: 1;
    background-image: url(/images/eportal/common/link_icon_coupon.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center left 9px;
}
.coupons-button::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 9px;
    height: 9px;
    background-image: url(/images/eportal/common/link_icon_add.svg);
    background-size: 9px 9px;
    background-repeat: no-repeat;
    background-position: center center;
}
a.coupons-button-black {
    position: absolute;
    display: block;
    bottom: 15px;
    right: 10px;
    width: 32.6%;
    min-width: 115px;
    height: 30px;
    font-size: 11px;
    line-height: 11px;
    color: #fff;
    text-decoration: none;
    background-color: #000;
    border-radius: 15px;
    z-index: 1;
}
.coupons-button-black::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 9px;
    height: 9px;
    background-image: url(/images/eportal/common/icon_arrow1.svg);
    background-size: 9px 9px;
    background-repeat: no-repeat;
    background-position: center center;
}
.coupons-button-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    height: 13px;
    text-align: center;
}

.coupons-logo-monday {
    position: relative;
    margin: 19px 0 21px 20px;
    width: 34.7%;
}
.coupons-logo-cinemawari {
    position: relative;
    margin: 13px 0 15px 20px;
    width: 31.5%;
}
.coupons-logo-oshitoku {
    position: relative;
    margin: 13px 0 15px 20px;
    width: 47.5%;
}

/* ファーストビューのクーポンブロックを2列に改修 */
.fvcoupons-block {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 0 15px 20px;
}
.fvcoupons-item {
    display: flex;
    width: 48.5%;
    height: auto;
    margin-bottom: 0;
}
.fvcoupons-item::after {
    content: none;
}
.fvcoupons-inner {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
.fvcoupons-logo-monday {
    width: 70%;
    left: 0;
    right: 0;
    margin: 20px auto 0;
}
.fvcoupons-logo-wednesday {
    width: 79%;
    left: 0;
    right: 0;
    margin: 20px auto 0;
}
.fvcoupons-logo-cinemawari {
    width: 80%;
    max-width: 186px;
    left: 0;
    right: 0;
    margin: 10px auto 0;
}
.coupons-coupon-cinemawari .fvcoupons-label {
    margin-top: 7px;
}
.fvcoupons-logo-oshitoku {
    width: 83%;
    left: 0;
    right: 0;
    margin: 20px auto 0;
}
a.fvcoupons-button {
    position: relative;
    bottom: auto;
    right: 0;
    left: 0;
    width: 38.7%;
    min-width: 136px;
    margin: 0 auto 10px;
    border: none;
}
.fvcoupons-label {
    margin: 12px 0 8px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}
.fvcoupons-logo {
    flex-grow: 1;
}

/* 今日の上映で使えるクーポン */
.title-week {
    padding-left: 28px;
    background-image: url(/images/app_form/ponta_entm/top/title_icon_week.svg?0);
    background-size: 22px 22px;
}
.week-selecter-block {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 40px;
    margin: 0 15px 20px;
    padding: 0 3%;
    border: 1px solid #000;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 3px 3px 0 #000;
}
.week-selecter-block div {
    width: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}
.week-selecter-block .active {
    width: 30px;
    height: 30px;
    color: #fff!important;
    background-color: #EB5506;
    border-radius: 15px;
    text-align: center;
    line-height: 29px;
}
.week-selecter-block .saturday {
    color: #0076FF;
}
.week-selecter-block .sunday {
    color: #DE0000;
}
.week-display-block {
    position: relative;
    margin: -11px 15px 20px;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 3px 3px 0 #000;
}
.week-triangle-block {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 0;
    margin: 0;
    padding: 0 3%;
}
.week-triangle-block div {
    position: relative;
    width: 30px;
    text-align: center;
}
.week-triangle-block .active::before {
    content: '';
    position: absolute;
    display: block;
    top: -11px;
    left: 0;
    right: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    transform: rotate(45deg);
}
.week-triangle-block div.active {
    animation: showTriangle 150ms cubic-bezier(0.03, 0.33, 0.32, 1) 0s 1 forwards;
}
@keyframes showTriangle {
    0% {transform: scaleY(0);}
    100% {transform: scaleY(1.0);}
}
.week-display-date {
    padding: 5px 0 5px 15px;
    font-size: 14px;
    font-weight: 700;
}
.week-display-primaly {
    font-size: 18px;
}
.week-display-wrap {
    background-color: #F5F5F5;
    border-radius: 0 0 3px 3px;
}
.week-display-coupon {
    display: flex;
    justify-content: space-evenly;
    padding: 15px 0;
}
a.week-coupon-block {
    position: relative;
    display: block;
    width: 29%;
    height: 56px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 6px #0000002d;
    overflow: hidden;
}
.week-display-coupon.hide {
    display: none;
}
.week-display-coupon.show {
    display: flex;
    flex-wrap: wrap;
    animation: showCouponBlock 350ms cubic-bezier(0.03, 0.33, 0.32, 1) 0s 1 forwards;
}
@keyframes showCouponBlock {
    0% { opacity: 0; transform: translateY(25px); }
    100% { opacity: 1; transform: translateY(0); }
}
.week-monday img {
    position: absolute;
    width: 92px;
    top: 0;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: auto;
}
.week-cinemawari img {
    position: absolute;
    width: 88px;
    top: 0;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: auto;
}
.week-1100 img {
    position: absolute;
    width: 90px;
    top: 0;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: auto;
}
.week-monday::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 9px solid #D60020;
    border-left: 9px solid #D60020;
    border-right: 9px solid transparent;
    border-bottom: 9px solid transparent;
}
.week-cinemawari::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 9px solid #47AEE5;
    border-left: 9px solid #47AEE5;
    border-right: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-top-left-radius: inherit;
}
.week-1100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 9px solid #D5AD41;
    border-left: 9px solid #D5AD41;
    border-right: 9px solid transparent;
    border-bottom: 9px solid transparent;
}
.week-coupon-block::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 5px;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 5px solid #EB5506;
    border-bottom: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.week-dummy {
    display: block;
    width: 29%;
}
.week-wednesday::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 9px solid #17A7AA;
    border-left: 9px solid #17A7AA;
    border-right: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-top-left-radius: inherit;
}
.week-wednesday img {
    position: absolute;
    width: 97px;
    top: 0;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: auto;
}

/* マンデイおすすめスライダー */
/* 今週のオススメ */
.recommend{
    background-color: rgba(54,0,0,.77);
    border-radius: 4px;
    margin: 27px 16px 14px 16px;
    padding: 12px 0 0 0;
    color: #fff;
    overflow: hidden;
    box-shadow: -3px -4px 12px 0px rgba(0, 0, 0, 0.14);
}
.recommend:after{
	content: "";
	display: block;
	clear: both;
}
.recommend.white{
    background-color: rgba(255,255,255,1.0);
}
.recommend.white .recommend-copyright{
    color: #5c5c5c;
}
.recommend-wrap{
    display: -webkit-box;
    display: flex;
    padding-right: 10px;
}
.recommend-info{
    width: 41%;
    text-align: center;
}
.recommend-video{
    width: 64%;
    background-color: #000;
    position: relative;
}
.recommend-title{
    display: inline-block;
    background-color: #6a12b2;
    border-radius: 10px;
    font-weight: bold;
    font-size: 0.6rem;
    line-height: 0.6rem;
    padding: 4px 9px;
}
.recommend-logo-img{
    width: 100%;
}
.recommend-copyright{
    font-size: 0.625rem;
    text-align: right;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    /*height: 1px;*/
    width: 195%;
    float: right;
    margin-top: 2px;
    padding-right: 20px;
    padding-bottom: 8px;
    font-family: 'Verdana', 'Droid Sans';
}

/* トップスライダー */
.recommend{
    margin-bottom: 24px;
}
.swiper-container-top{
    position: relative;
    overflow: hidden;
    padding: 10px 0;
}
.swiper-pagination{
    bottom: 6px!important;
}
.swiper-pagination-bullet-active{
    background: #6a12b2;
    opacity: .8;
}
.yt-player{
    z-index: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.yt-thumb{
    z-index: 10;
    -webkit-transform: translate3d(0,0,1px);
    transform: translate3d(0,0,1px);
}
.yt-cover{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* Youtubeモーダル */
.yt-close {
    font-size: 14px;
    text-decoration: none;
    line-height: 1.4;
    border-top: 1px solid #ccc;
    padding: 10px;
    color: #21ade5;
    font-weight: bold;
    margin-top: -5px;
    display: block;
    text-align: center;
}
.ytmodal-coupon {
    margin: 20px 0;
}

.mm-trailer {
    /*padding-top: 68%;*/
    position: relative;
}
.yt-trailer {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.yt-container {
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
}

.yt-player {
  width: 100%;
  height: 100%;
}

.yt-thumb {
  background: no-repeat center center;
  background-size: cover;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.yt-thumb.active .yt-mark {
  opacity: .5;
}

.yt-mark {
  background: url(/images/aumonday/r18-mark-play.png) no-repeat center center;
  background-size: contain;
  /*margin: -50px 0 0 -50px;*/
  margin: auto;
  position: absolute;
  /*top: 50%;*/
  /*left: 50%;*/
  width: 100px;
  height: 100px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Android用のモーダル */
.popup-yt{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    box-sizing:border-box;
    padding:0;
    z-index: 99;
    color:#000;
    display: none;
}
.popup-yt .inner{
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-52%);
       -moz-transform: translate(-50%,-52%);
        -ms-transform: translate(-50%,-52%);
         -o-transform: translate(-50%,-52%);
            transform: translate(-50%,-52%);
    display: block;
    width: 96%;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 1;
    overflow: hidden;
}

/* swiper.css を上書き */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 2px !important;
}

/* 更新日付 */
.info-date {
    margin-top: -7%;
    padding: 0 5% 5%;
    font-size: clamp(10px, 2.6vw, 13px);
    text-align: right;
}