"); background-repeat: no-repeat; background-position: left 10px center; background-size: 20px 21px; padding-left: 40px; } @media screen and (max-width: 320px) { .c-input--search { background-image: none; padding-left: 0.8em; } } .c-input--search:not(:placeholder-shown) { padding-left: 0.8em; background-image: none; } .c-input__group { overflow: hidden; } .c-input__group .c-input { border-right: 0px; float: left; } .c-check .c-check__label span { position: relative; display: flex; align-items: center; cursor: pointer; transition: all 0.3s ease 0s; line-height: 1; } .c-check .c-check__label span:hover { color: rgb(14, 164, 227); } @media screen and (max-width: 768px) { .c-check .c-check__label span:hover { color: rgb(34, 34, 34); } } .c-check .c-check__label span:hover::before { border-color: rgb(14, 164, 227); } @media screen and (max-width: 768px) { .c-check .c-check__label span:hover::before { border-color: rgb(221, 221, 221); } } .c-check .c-check__label span::before { flex: 0 0 auto; content: ""; display: inline-block; width: 1em; height: 1em; border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); margin-right: 5px; } .c-check .c-check__input { display: none; } .c-check .c-check__input:checked + span::before { border-color: rgb(14, 164, 227); background: rgb(14, 164, 227); color: rgb(14, 164, 227); } .c-check--tag .c-check__label span { position: relative; display: flex; align-items: center; cursor: pointer; transition: all 0.3s ease 0s; border: 1px solid rgb(221, 221, 221); border-radius: 5em; color: rgb(204, 204, 204); line-height: 1; padding: 3px 8px; } .c-check--tag .c-check__label span:hover { color: rgb(14, 164, 227); border-color: rgb(14, 164, 227); } @media screen and (max-width: 768px) { .c-check--tag .c-check__label span:hover { color: rgb(204, 204, 204); border-color: rgb(221, 221, 221); } } .c-check--tag .c-check__label span:hover .c-check__input { border-color: rgb(14, 164, 227); } @media screen and (max-width: 768px) { .c-check--tag .c-check__label span:hover .c-check__input { border-color: rgb(221, 221, 221); } } .c-check--tag .c-check__label span::before { content: none; display: inline-block; width: 1em; height: 1em; border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); margin-right: 5px; } .c-check--tag .c-check__input { display: none; } .c-check--tag .c-check__input:checked + span { border-color: rgb(14, 164, 227); background: rgb(14, 164, 227); color: rgb(255, 255, 255); } .c-radio .c-radio__label span { position: relative; display: flex; align-items: center; cursor: pointer; transition: all 0.3s ease 0s; line-height: 1; } .c-radio .c-radio__label span:hover { color: rgb(14, 164, 227); } .c-radio .c-radio__label span:hover::before { border-color: rgb(14, 164, 227); } .c-radio .c-radio__label span::before { flex: 0 0 auto; content: ""; display: inline-block; width: 1em; height: 1em; border: 1px solid rgb(221, 221, 221); border-radius: 2em; background: rgb(255, 255, 255); margin-right: 5px; } .c-radio .c-radio__input { display: none; } .c-radio .c-radio__input:checked + span::before { border-color: rgb(14, 164, 227); background: rgb(14, 164, 227); color: rgb(14, 164, 227); } .c-select__box { position: relative; display: flex; align-items: center; border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); transition: all 0.3s ease 0s; } .c-select__box:hover { border: 1px solid rgb(14, 164, 227); } .c-select__box:hover::after { border-top: 5px solid rgb(14, 164, 227); } .c-select__box::after { position: absolute; top: 50%; right: 8px; width: 0px; height: 0px; padding: 0px; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgb(34, 34, 34); pointer-events: none; transform: translateY(-50%); transition: all 0.3s ease 0s; } .c-select__box .c-select { width: 100%; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: none transparent; box-shadow: none; appearance: none; padding: 0.5em 3em 0.5em 2.5em; } @media screen and (max-width: 768px) { .c-select__box .c-select { padding: 0.5em 1.7em 0.5em 0.8em; } } .c-select__box .c-select select:focus { outline: none; } .c-form__confirmBtnWrap { width: 50%; margin: 0px auto; } @media screen and (max-width: 768px) { .c-form__confirmBtnWrap { width: 80%; } } @media screen and (max-width: 414px) { .c-form__confirmBtnWrap { width: 100%; } .c-form__confirmBtnWrap button { width: 100%; } .c-form__confirmBtnWrap button:last-of-type { margin-top: 10px; } } .preload * { transition: none 0s ease 0s !important; } .c-table { width: 100%; border: 1px solid rgb(221, 221, 221); border-collapse: collapse; font-size: 14px; } .c-table th, .c-table td { border: 1px solid rgb(221, 221, 221); padding: 0.5em 1em; vertical-align: top; } .c-table th { background: rgb(248, 248, 248); font-weight: normal; } .c-table--dashed { border: 0px; table-layout: fixed; } .c-table--dashed tbody tr { border-bottom: 1px dashed rgb(221, 221, 221); } .c-table--dashed th, .c-table--dashed td { border: 0px; vertical-align: middle; } .c-table--dashed th { font-weight: bold; } .c-figure { position: relative; width: 100%; background: rgb(255, 255, 255); overflow: hidden; align-self: flex-start; display: block; } .c-figure.c-figure--product::after { content: ""; padding-top: 141.4%; display: block; } .c-figure.c-figure--avator { border-radius: 50%; } .c-figure.c-figure--avator::after { content: ""; padding-top: 100%; display: block; } .c-figure .figure__img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: all 0.3s ease 0s; margin: auto; } a.c-figure { transition: opacity 0.3s ease-out 0s; } a.c-figure:hover { opacity: 0.8; } .p-nav { width: 450px; height: 100%; min-height: 100vh; background: rgb(248, 248, 248); position: fixed; right: -100%; transition: all 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; z-index: 99; } @media screen and (max-width: 768px) { .p-nav { width: 100%; } } .p-nav.is-active { top: 0px; right: 0px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .p-nav .p-nav__container { height: 100%; padding-bottom: 90px; } @media screen and (max-width: 414px) { .p-nav .p-nav__container { padding-bottom: 60px; } } .p-nav .p-nav__header { height: 90px; background: rgb(34, 34, 34); overflow: hidden; display: flex; align-items: center; padding: 0px 35px; } @media screen and (max-width: 414px) { .p-nav .p-nav__header { height: 60px; padding: 0px 20px; } } .p-nav .p-nav__header .p-nav__logo { display: flex; align-items: center; } .p-nav .p-nav__header .p-nav__logo .p-nav__logo--symbol { width: 110px; display: flex; align-items: center; } .p-nav .p-nav__header .p-nav__logo .p-nav__logo--symbol img { width: 100%; } .p-nav .p-nav__header .p-nav__logo .p-nav__logo--caption { color: rgb(14, 164, 227); font-size: 12px; line-height: 1.1; margin: 0px 0px 0px 10px; } .p-nav .p-nav__header .p-nav__logo .p-nav__logo--caption b { display: block; } .p-nav .p-nav__header .p-nav__closeBtn { position: relative; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; margin-left: auto; } .p-nav .p-nav__header .p-nav__closeBtn:hover { opacity: 0.7; } .p-nav .p-nav__header .p-nav__closeBtn span { position: absolute; background: rgb(255, 255, 255); width: 35px; height: 1px; display: block; } .p-nav .p-nav__header .p-nav__closeBtn span:first-child { transform: rotate(45deg); } .p-nav .p-nav__header .p-nav__closeBtn span:last-child { transform: rotate(-45deg); } .p-nav .p-nav__body { height: 100%; padding: 20px 35px 40px; overflow: auto; } .p-nav__list { font-weight: bold; } .p-nav__list .p-nav__listItem { font-size: 18px; margin-bottom: 10px; } .p-nav__list .p-nav__listItem .p-nav__list--tree { font-size: 14px; padding: 0px 15px 10px; margin: 0px 0px 10px; } .p-nav__list .p-nav__listItem .p-nav__list--tree .p-nav__listItem--tree { border-bottom: 1px solid rgb(221, 221, 221); padding: 10px 0px; } .p-nav__list .p-nav__listItem .p-nav__list--tree .p-nav__listItem--tree:last-child { border: 0px; } .p-nav__list .p-nav__listItem .p-nav__list--tree .p-nav__listItem--tree::before { display: inline-block; margin-right: 6px; } .p-nav__list .p-nav__listItem .p-nav__list--tree .p-nav__listItem--tree a { color: rgb(34, 34, 34); } .p-nav__list .p-nav__listItem .p-nav__list--tree .p-nav__listItem--tree a:hover { color: rgb(14, 164, 227); } .p-nav__body--search .c-input__group { width: 100%; } .p-nav__body--search .c-input { height: 38px; width: calc(100% - 38px); } .p-nav__body--search .p-nav__btn--search { width: 38px; height: 38px; background: rgb(14, 164, 227); display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 0px; } @media screen and (max-width: 768px) { .p-nav__body--search .p-nav__btn--search { padding: 0px; } } .p-nav__body--search .p-nav__btn--search img { width: 16px; margin: auto; } .p-slider { position: relative; opacity: 0; overflow: hidden; transition: all 0.3s ease 0s; } .p-slider::before { content: ""; position: absolute; width: 100%; height: 100%; display: block; background: rgb(255, 255, 255); z-index: 2; opacity: 1; transition: z-index 0.3s ease-out 1s, opacity 0.5s ease-out 0s; } .p-slider.slick-initialized { opacity: 1; overflow: visible; } .p-slider.slick-initialized::before { opacity: 0; z-index: 0; } .p-slider.is-unslick { opacity: 1; display: flex; } .p-slider.is-unslick::before { opacity: 0; z-index: 0; } .p-slider.is-unslick .p-box { width: 170px; margin-right: 40px; } @media screen and (max-width: 768px) { .p-slider.is-unslick .p-box { margin-right: 10px; } } .p-slider.is-unslick .p-box:nth-child(4) { margin-right: 0px; } .p-slider.p-slider--MV { margin-bottom: 40px; } @media screen and (max-width: 768px) { .p-slider.p-slider--MV { margin-bottom: 20px; } } @media screen and (min-width: 768px) { .p-slider.p-slider--feature::before, .p-slider.p-slider--searchResult::before { content: none; } } @media screen and (min-width: 768px) { .p-slider.p-slider--searchResult { opacity: 1; padding: 0px; } } .p-slider.p-slider-movieDetail-expert .slick-prev { left: auto; right: 100%; } .p-slider.p-slider-movieDetail-expert .slick-next { right: auto; left: 100%; } .p-slider .slick-prev, .p-slider .slick-next { top: 50%; z-index: 3; transform: translateY(-50%); } .p-slider .slick-prev:hover, .p-slider .slick-next:hover { cursor: pointer; } @media screen and (max-width: 768px) { .p-slider .slick-prev, .p-slider .slick-next { width: 30px; height: 30px; } } .p-slider .slick-prev { left: -20px; } @media screen and (max-width: 768px) { .p-slider .slick-prev { left: -5px; } } .p-slider .slick-prev::before { position: relative; left: -10px; content: ""; width: 22px; height: 36.5px; display: block; background-image: url(""); background-size: contain; background-position: center center; margin: 0px auto; } @media screen and (max-width: 768px) { .p-slider .slick-prev::before { height: 16px; width: 12px; left: -13px; } } .p-slider .slick-next { right: -20px; } @media screen and (max-width: 768px) { .p-slider .slick-next { right: -5px; } } .p-slider .slick-next::before { position: relative; right: -10px; content: ""; width: 22px; height: 36.5px; display: block; background-image: url(""); background-size: contain; background-position: center center; margin: 0px auto; transform: rotate(180deg); } @media screen and (max-width: 768px) { .p-slider .slick-next::before { height: 16px; width: 12px; right: -13px; } } .p-slider--MV { background: rgb(248, 248, 248); padding: 20px 0px 40px; } @media screen and (max-width: 768px) { .p-slider--MV { padding: 10px 0px 40px; } } .p-slider--MV .slick-slide { width: 476px; margin: 0px 10px; } @media screen and (max-width: 600px) { .p-slider--MV .slick-slide { width: 400px; } } @media screen and (max-width: 414px) { .p-slider--MV .slick-slide { width: 374px; margin: 0px 2px; } } @media screen and (max-width: 375px) { .p-slider--MV .slick-slide { width: 345px; } } @media screen and (max-width: 320px) { .p-slider--MV .slick-slide { width: 280px; } } .p-slider--MV .slick-dots { bottom: 10px; } .p-slider--MV .slick-dots button::before { font-size: 10px; } .p-slider--MV .slick-dots .slick-active button::before { color: rgb(14, 164, 227); opacity: 1; } .p-slider--MV .slick-prev, .p-slider--MV .slick-next { width: 55px; height: 55px; z-index: 3; background: rgba(0, 0, 0, 0.7); border-radius: 50%; } .p-slider--MV .slick-prev:hover, .p-slider--MV .slick-next:hover { cursor: pointer; } .p-slider--MV .slick-prev { left: 1%; } @media screen and (max-width: 768px) { .p-slider--MV .slick-prev { left: 5%; } } .p-slider--MV .slick-prev::before { position: relative; left: -3px; content: ""; width: 11.5px; height: 35px; display: block; background-image: url(""); background-position: center center; margin: 0px auto; } .p-slider--MV .slick-next { right: 1%; } @media screen and (max-width: 768px) { .p-slider--MV .slick-next { right: 5%; } } .p-slider--MV .slick-next::before { position: relative; right: -3px; content: ""; width: 11.5px; height: 35px; display: block; background-image: url(""); background-position: center center; margin: 0px auto; transform: rotate(180deg); } .p-slider--max4 { padding: 0px 20px 0px 30px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .p-slider--max4 { padding: 0px 10px; margin-bottom: 10px; } } .p-slider--max4 .slick-slide { width: 170px; margin-right: 40px; } @media screen and (max-width: 768px) { .p-slider--max4 .slick-slide { width: 150px; margin-right: 10px; } } .p-slider--max4 .slick-prev, .p-slider--max4 .slick-next { top: 125px; } @media screen and (max-width: 768px) { .p-slider--max4 .slick-prev, .p-slider--max4 .slick-next { top: 105px; } } .p-slider--max3 { margin-bottom: 30px; } .p-slider--max3 .slick-slide { width: 270px; margin-right: 27px; } .p-slider--max3 .slick-prev, .p-slider--max3 .slick-next { top: 125px; } @media screen and (max-width: 820px) { .p-slider--max3 { padding: 0px 10px; margin-bottom: 10px; } .p-slider--max3 .slick-slide { width: 31vw; margin-right: 10px; } .p-slider--max3 .slick-prev, .p-slider--max3 .slick-next { top: 105px; } } .p-slider--centered { margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-slider--centered { margin: 0px -10px 10px; } } .p-slider--centered .slick-slide { width: 476px; margin: 0px 10px; } @media screen and (max-width: 600px) { .p-slider--centered .slick-slide { width: 400px; } } @media screen and (max-width: 414px) { .p-slider--centered .slick-slide { width: 374px; margin: 0px 2px; } } @media screen and (max-width: 375px) { .p-slider--centered .slick-slide { width: 345px; } } @media screen and (max-width: 320px) { .p-slider--centered .slick-slide { width: 280px; } } .p-card { color: rgb(34, 34, 34); border: 1px solid rgb(221, 221, 221); display: block !important; } .p-card:hover { opacity: 0.8; } .p-card:hover .figure__img { transform: scale(1.1); } .p-card .p-card__figure { position: relative; width: 100%; background: rgb(51, 51, 51); overflow: hidden; } .p-card .p-card__figure::after { content: ""; padding-top: 66.66%; display: block; } .p-card .p-card__figure .figure__img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: all 0.3s ease 0s; margin: auto; } .p-card .p-card__body { background: rgb(255, 255, 255); } .p-card .p-card__body .p-card__title { width: 100%; align-items: center; font-size: 16px; display: inline-block; transition: all 0.3s ease 0s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px; line-height: 2; } @media screen and (max-width: 768px) { .p-card .p-card__body .p-card__title { font-size: 14px; } } .p-card .p-card__body .p-card__tag { color: rgb(255, 255, 255); font-size: 14px; line-height: 1; white-space: nowrap; padding: 10px 20px; margin-right: 10px; } @media screen and (max-width: 768px) { .p-card .p-card__body .p-card__tag { font-size: 12px; } } .p-card .p-card__body .p-card__tag.p-card__tag--red { background: rgb(255, 0, 72); } .p-card .p-card__body .p-card__tag.p-card__tag--blue { background: rgb(14, 164, 227); } .p-card .p-card__body .p-card__tag.p-card__tag--orange { background: rgb(255, 132, 0); } .p-card .p-card__body .p-card__desc { width: 100%; padding: 0px 20px; } @media screen and (max-width: 768px) { .p-card .p-card__body .p-card__desc { font-size: 12px; } } .p-card .p-card__body .p-card__desc p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p-card .p-card__footer { background: rgb(255, 255, 255); } .p-card .p-card__footer .date { color: rgb(170, 170, 170); display: block; padding: 2px 20px 5px 0px; } @media screen and (max-width: 768px) { .p-card .p-card__footer .date { height: 0px; font-size: 10px; visibility: hidden; } } .p-card .p-card__footer .date.is-right { text-align: right; } .p-card.p-card--side .p-card__body .p-card__title { font-size: 12px; padding-right: 10px; margin-bottom: 0px; } @media screen and (max-width: 768px) { .p-card.p-card--side .p-card__body .p-card__title { font-size: 14px; margin-bottom: 10px; } } .p-card.p-card--side .p-card__body .p-card__tag { font-size: 10px; padding: 6px 10px; margin-right: 5px; } @media screen and (max-width: 768px) { .p-card.p-card--side .p-card__body .p-card__tag { font-size: 12px; padding: 10px 20px; margin-right: 10px; } } .p-card.p-card--side .p-card__body .p-card__desc { font-size: 11px; padding: 0px 10px; } @media screen and (max-width: 768px) { .p-card.p-card--side .p-card__body .p-card__desc { font-size: 12px; } } .p-card.p-card--side .p-card__footer { font-size: 11px; } .p-card.p-card--side .p-card__footer .date { padding: 0px 10px 0px 0px; } @media screen and (max-width: 768px) { .p-card.p-card--side .p-card__footer .date { padding: 2px 20px 5px 0px; } } .p-card.p-card--noBorder { border: 0px; } .p-card.p-card--noBorder .p-card__body .p-card__desc { padding: 0px; } .p-box { display: flex; } .p-box.p-box--column { flex-direction: column; } .p-box.p-box--column .p-box__figure { margin-bottom: 10px; } .p-box.p-box--column .p-box__figure .figure__img { background-position: center center; background-size: contain !important; } ul.postList .p-box.p-box--column .p-box__figure .figure__img, .indexNews .p-box.p-box--column .p-box__figure .figure__img, .indexArticle .p-box.p-box--column .p-box__figure .figure__img { background-size: cover !important; } .p-box.p-box--column .p-box__body .score .stars { width: 74px; margin-right: 6px; } .p-box:hover { opacity: 0.8; } .p-box .p-box__state { width: 22px; margin-right: 5px; font-size: 20px; text-align: center; white-space: nowrap; display: flex; flex-direction: column; align-items: center; } .p-box .p-box__state.rank1 .mark--crown { fill: rgb(212, 196, 86); opacity: 1; } .p-box .p-box__state.rank2 .mark--crown { fill: rgb(156, 156, 156); opacity: 1; } .p-box .p-box__state.rank3 .mark--crown { fill: rgb(199, 130, 84); opacity: 1; } .p-box .p-box__state.rankUp .mark--arrow { fill: rgb(14, 164, 227); margin-bottom: 7px; } .p-box .p-box__state.rankKeep .mark--arrow { fill: rgb(14, 164, 227); transform: rotate(90deg); margin-bottom: 6px; } .p-box .p-box__state.rankDown .mark--arrow { fill: rgb(14, 164, 227); transform: rotate(180deg); margin-bottom: 3px; } .p-box .p-box__state.rankNew .mark--arrow { width: 15px; height: 2px; background: rgb(14, 164, 227); display: block; margin-top: 5px; } .p-box .p-box__state.rankNew .mark--arrow svg { display: none; } .p-box .p-box__state.rankNew .newEntry { display: block; } .p-box .p-box__state .mark--crown { width: 22px; height: 17px; opacity: 0; margin: 0px auto 8px; } .p-box .p-box__state .rankNum { letter-spacing: 0.05em; color: rgb(34, 34, 34); font-weight: bold; margin: 2px auto; font-size: 20px; line-height: 1em; } .p-box .p-box__state .mark--arrow { width: 13px; height: 15.5px; } .p-box .p-box__state .newEntry { color: rgb(255, 0, 72); font-weight: bold; line-height: 1; letter-spacing: -0.1em; margin-bottom: 12px; display: none; } .p-box .p-box__figure { position: relative; width: 100%; background: rgb(255, 255, 255); overflow: hidden; align-self: flex-start; } .p-box .p-box__figure::after { content: ""; padding-top: 141.4%; display: block; } .p-box .p-box__figure .figure__img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center top; transition: all 0.3s ease 0s; margin: auto; } .p-box .p-box__avator { position: relative; border-radius: 50%; overflow: hidden; } .p-box .p-box__avator::after { content: ""; padding-top: 100%; } .p-box .p-box__avator .avator__img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center top; transition: all 0.3s ease 0s; margin: auto; } .p-box .p-box__body { display: flex; flex-direction: column; } .p-box .p-box__body .p-box__subtitle { font-weight: bold; color: rgb(14, 164, 227); } .p-box .p-box__body .p-box__title { color: rgb(14, 164, 227); font-size: 16px; line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 6px; } @media screen and (max-width: 768px) { .p-box .p-box__body .p-box__title { font-size: 14px; } } .p-box .p-box__body .genre__list { display: flex; flex-wrap: wrap; margin: -5px 0px 0px; } @media screen and (max-width: 768px) { .p-box .p-box__body .genre__list { display: none; } } .p-box .p-box__body .genre__list .genre__listItem { margin: 0px 5px 5px 0px; line-height: 1; display: inline-block; } .p-box .p-box__body .score { display: flex; align-items: center; } @media screen and (max-width: 768px) { .p-box .p-box__body .score { order: 10; } } .p-box .p-box__body .score.is-bottom { margin-top: auto; } .p-box .p-box__body .score .stars { width: 80px; margin-right: 10px; } @media screen and (max-width: 768px) { .p-box .p-box__body .score .stars { width: 74px; margin-right: 6px; } } .p-box .p-box__body .score .point { color: rgb(34, 34, 34); } .p-box .p-box__body .score .point .en { font-size: 20px; font-weight: bold; letter-spacing: -0.02em; } .p-box .p-box__body .score .point .ja { font-size: 10px; } .p-box .p-box__body .tagcloud__list { display: flex; margin-bottom: -5px; } @media screen and (max-width: 768px) { .p-box .p-box__body .tagcloud__list { flex-wrap: wrap; } } .p-box .p-box__body .tagcloud__list.is-bottom { margin-top: auto; } .p-box .p-box__body .tagcloud__list .tagcloud__listItem { display: inline-block; font-size: 11px; color: rgb(221, 221, 221); border: 1px solid rgb(221, 221, 221); border-radius: 50em; line-height: 1; letter-spacing: -0.02em; padding: 2px 5px; margin: 0px 5px 5px 0px; } @media screen and (max-width: 768px) { .p-box .p-box__body .tagcloud__list .tagcloud__listItem { font-size: 10px; } } .p-box .p-box__body .tagcloud__list .tagcloud__listItem--blue { color: rgb(14, 164, 227); border: 1px solid rgb(14, 164, 227); } .p-box .p-box__body .release { color: rgb(159, 159, 159); font-size: 10px; margin-bottom: 3px; } .p-box .p-box__body .bottomWrap { margin-top: auto; display: flex; align-items: center; } @media screen and (max-width: 768px) { .p-box .p-box__body .bottomWrap { flex-direction: column; } } .p-box .p-box__body .bottomWrap .score { margin-right: 10px; } @media screen and (max-width: 768px) { .p-box .p-box__body .bottomWrap .score { margin-right: 0px; } } .p-box .p-box__body .p-box__desc { padding: 0px; color: rgb(34, 34, 34); font-size: 12px; line-height: 1.5; } @media screen and (max-width: 768px) { .p-box .p-box__body .p-box__desc { font-size: 12px; } } .p-box .p-box__body .p-box__desc.is-bottom { margin-top: auto; } .p-listItem { display: flex; flex-wrap: wrap; } .p-listItem.p-listItem--column { flex-direction: column; } .p-listItem.p-listItem--column .p-listItem__body { width: 100%; padding: 0px; margin-top: 5px; } .p-listItem.p-listItem--column .p-listItem__body .p-listItem__title { margin-bottom: 5px; } @media screen and (max-width: 768px) { .p-listItem.p-listItem--column .p-listItem__body .p-listItem__title { font-size: 12px; } } .p-listItem.p-listItem--column .p-listItem__body .score { margin-right: 0px !important; } .p-listItem.p-listItem--column .p-listItem__body .score .stars { width: 70px; } @media screen and (max-width: 768px) { .p-listItem.p-listItem--column .p-listItem__body .score .stars { width: 70px; } } .p-listItem.has-rank .ranking__figure { width: 110px; } .p-listItem.has-rank .ranking__body { width: calc(100% - 172px); } @media screen and (max-width: 414px) { .p-listItem.has-rank .ranking__body { width: calc(100% - 104px); } } .p-listItem.has-rank .ranking__desc { margin-top: 10px; } .p-listItem .p-listItem__state { width: 52px; font-size: 10px; text-align: center; white-space: nowrap; display: flex; flex-direction: column; align-items: center; padding: 8px 6px; margin-right: 10px; } .p-listItem .p-listItem__state.rank1 .mark--crown { fill: rgb(212, 196, 86); opacity: 1; } .p-listItem .p-listItem__state.rank2 .mark--crown { fill: rgb(156, 156, 156); opacity: 1; } .p-listItem .p-listItem__state.rank3 .mark--crown { fill: rgb(199, 130, 84); opacity: 1; } .p-listItem .p-listItem__state.rankUp .mark--arrow { fill: rgb(14, 164, 227); margin-top: 18px; } .p-listItem .p-listItem__state.rankKeep .mark--arrow { fill: rgb(14, 164, 227); transform: rotate(90deg); margin-top: 23px; margin-left: 6px; } .p-listItem .p-listItem__state.rankDown .mark--arrow { fill: rgb(14, 164, 227); transform: rotate(180deg); margin-top: 30px; } .movieside .p-listItem .p-listItem__state.rankUp .mark--arrow { margin-top: 4px; } .movieside .p-listItem .p-listItem__state.rankKeep .mark--arrow { margin-top: -1px; margin-left: 4px; } .movieside .p-listItem .p-listItem__state.rankDown .mark--arrow { margin-top: 11px; } .p-listItem .p-listItem__state.rankNew .mark--arrow { width: 15px; height: 2px; background: rgb(14, 164, 227); display: block; margin-top: 6px; } .p-listItem .p-listItem__state.rankNew .mark--arrow svg { display: none; } .p-listItem .p-listItem__state.rankNew .newEntry { display: block; } .p-listItem .p-listItem__state .mark--crown { width: 22px; height: 17px; opacity: 0; margin: 0px auto 8px; } .p-listItem .p-listItem__state .rankNum { letter-spacing: 0.05em; color: rgb(34, 34, 34); font-weight: bold; margin: 2px auto; font-size: 20px; line-height: 60px; } table.ranking__list-user tr:nth-child(2) .rankNum, table.ranking__list-user tr:nth-child(3) .rankNum, table.ranking__list-user tr:nth-child(4) .rankNum { line-height: 1em !important; } .p-listItem .p-listItem__state .mark--arrow { width: 13px; height: 15.5px; margin-left: 3px; } .p-listItem .p-listItem__state .newEntry { color: rgb(255, 0, 72); font-weight: bold; line-height: 1; letter-spacing: -0.1em; margin-top: 10px; display: none; } .p-listItem .p-listItem__body { display: flex; flex-direction: column; width: calc(100% - 135px); padding-left: 20px; } @media screen and (max-width: 414px) { .p-listItem .p-listItem__body { flex-wrap: wrap; padding-left: 10px; } } .p-listItem .p-listItem__body .p-listItem__subtitle { font-weight: bold; color: rgb(14, 164, 227); } .p-listItem .p-listItem__body .p-listItem__title { color: rgb(14, 164, 227); font-size: 16px; line-height: 1.2; letter-spacing: -0.02em; display: flex; align-items: flex-start; margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .p-listItem__title { font-size: 14px; display: block; } } @media screen and (max-width: 414px) { .p-listItem .p-listItem__body .p-listItem__title { flex-wrap: wrap; margin-bottom: 6px; } } .p-listItem .p-listItem__body .p-listItem__title .new { font-size: 11px; color: rgb(253, 40, 36); border: 1px solid rgb(253, 40, 36); line-height: 1; display: inline-block; padding: 2px 3px; margin-right: 5px; } @media screen and (max-width: 414px) { .p-listItem .p-listItem__body .p-listItem__title .new { display: block; border: 0px; padding: 0px; margin: 0px 0px 5px; } } .p-listItem .p-listItem__body .genre__list { display: flex; flex-wrap: wrap; color: rgb(153, 153, 153); margin: -5px 0px 0px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .genre__list { display: none; } } .p-listItem .p-listItem__body .genre__list .genre__listItem { margin: 0px 5px 5px 0px; line-height: 1; display: inline-block; } .p-listItem .p-listItem__body .score { display: flex; align-items: center; flex: 0 0 auto; line-height: 1; } .p-listItem .p-listItem__body .score.is-bottom { margin-top: auto; } .p-listItem .p-listItem__body .score .stars { width: 80px; margin-right: 10px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .score .stars { width: 74px; margin-right: 6px; } } .star { width: 100%; position: relative; background-image: url(""); background-repeat: no-repeat; background-size: auto 100%; background-position: left 0px top 0px; display: block; } .star::before { content: ""; padding-top: 16.7%; display: block; } .star-0-5 { background-position-x: 28.5%; } .star-1-5 { background-position-x: 21.5%; } .star-2-5 { background-position-x: 14.5%; } .star-3-5 { background-position-x: 7%; } .star-4-5 { background-position-x: 0px; } .star-0-0 { background-position-x: 100%; } .star-1-0 { background-position-x: 93%; } .star-2-0 { background-position-x: 86%; } .star-3-0 { background-position-x: 78.5%; } .star-4-0 { background-position-x: 71.5%; } .star-5-0 { background-position-x: 64.5%; } .p-listItem .p-listItem__body .score .point { color: rgb(34, 34, 34); } .p-listItem .p-listItem__body .score .point .en { font-size: 20px; font-weight: bold; letter-spacing: -0.02em; } .p-listItem .p-listItem__body .score .point .ja { font-size: 10px; } .p-listItem .p-listItem__body .tagcloud__list { display: flex; flex-wrap: wrap; padding: 2px 0px 0px 20px; margin-bottom: -5px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .tagcloud__list { flex-wrap: wrap; padding: 0px; margin-top: 6px; } } .p-listItem .p-listItem__body .tagcloud__list.is-bottom { margin-top: auto; } .p-listItem .p-listItem__body .tagcloud__list .tagcloud__listItem { display: inline-block; font-size: 11px; color: rgb(221, 221, 221); border: 1px solid rgb(221, 221, 221); border-radius: 50em; line-height: 1; letter-spacing: -0.02em; padding: 2px 5px; margin: 0px 5px 5px 0px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .tagcloud__list .tagcloud__listItem { font-size: 10px; } } .p-listItem .p-listItem__body .tagcloud__list .tagcloud__listItem--blue { color: rgb(14, 164, 227); border: 1px solid rgb(14, 164, 227); } .p-listItem .p-listItem__body .release { color: rgb(34, 34, 34); font-size: 10px; display: inline-block; margin-bottom: 10px; } .p-listItem .p-listItem__body .bottomWrap { margin-top: auto; display: flex; align-items: center; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .bottomWrap { flex-direction: column; } } .p-listItem .p-listItem__body .bottomWrap .score { margin-right: 10px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .bottomWrap .score { margin-right: 0px; } } .p-listItem .p-listItem__body .col { flex: 0 0 auto; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .col { flex-wrap: wrap; } } .p-listItem .p-listItem__body .col.is-bottom { align-items: flex-start; margin-top: auto; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .col .tagcloud__list { width: 100%; } } .p-listItem .p-listItem__body .col .score { margin-right: 0px; } .p-listItem .p-listItem__desc { padding: 0px; color: rgb(34, 34, 34); font-size: 12px; line-height: 1.5; margin-top: 10px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__desc { font-size: 12px; } } .p-listItem .p-listItem__desc.is-bottom { margin-top: auto; } .p-breadcrumb { font-size: 11px; line-height: 1.3; display: flex; align-items: center; padding-top: 10px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-breadcrumb { height: auto; } } .p-breadcrumb .p-breadcrumb__list { display: flex; flex-wrap: wrap; } .p-breadcrumb .p-breadcrumb__list .p-breadcrumb__listItem { display: inline-block; } .p-breadcrumb .p-breadcrumb__list .p-breadcrumb__listItem::after { content: ">"; display: inline-block; margin: 0px 5px; } .p-breadcrumb .p-breadcrumb__list .p-breadcrumb__listItem:last-child::after { content: none; } .p-tab__list { display: flex; margin-bottom: 30px; } .p-tab__list.p-tab__list--2 .p-tab__listItem { width: calc(50%); } .p-tab__list.p-tab__list--3 .p-tab__listItem { width: calc(33.3333%); } .p-tab__list.p-tab__list--4 .p-tab__listItem { width: calc(25%); } .p-tab__list.p-tab__list--5 .p-tab__listItem { width: calc(20%); } .p-tab__list.p-tab__list--6 .p-tab__listItem { width: calc(16.6667%); } .p-tab__list.p-tab__list--7 .p-tab__listItem { width: calc(14.2857%); } .p-tab__list.p-tab__list--8 .p-tab__listItem { width: calc(12.5%); } .p-tab__list.p-tab__list--9 .p-tab__listItem { width: calc(11.1111%); } .p-tab__list.p-tab__list--10 .p-tab__listItem { width: calc(10%); } @media screen and (max-width: 600px) { .p-tab__list.p-tab__list--5 .p-tab__listItem a span { display: none; } } .p-tab__list .p-tab__listItem { border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-right-style: initial; border-right-color: initial; background: rgb(248, 248, 248); font-size: 15px; text-align: center; transition: all 0.3s ease-out 0s; } .p-tab__list .p-tab__listItem:last-child { border-right: 1px solid rgb(221, 221, 221); } @media screen and (max-width: 768px) { .p-tab__list .p-tab__listItem { font-size: 13px; } } @media screen and (max-width: 600px) { .p-tab__list .p-tab__listItem { display: flex; justify-content: center; align-items: center; letter-spacing: -0.03em; } } @media screen and (max-width: 414px) { .p-tab__list .p-tab__listItem { font-size: 10px; } } .p-tab__list .p-tab__listItem a { color: rgb(34, 34, 34); display: flex; align-items: center; justify-content: center; padding: 0.4em; transition: all 0.3s ease-out 0s; } @media screen and (max-width: 600px) { .p-tab__list .p-tab__listItem a { padding: 0.4em 0px; } } .p-tab__list .p-tab__listItem a em { font-style: normal; } .p-tab__list .p-tab__listItem a i { display: none; } @media screen and (max-width: 600px) { .p-tab__list .p-tab__listItem a i { display: inline-block; font-style: normal; } } .p-tab__list .p-tab__listItem a b { font-weight: normal; } @media screen and (max-width: 600px) { .p-tab__list .p-tab__listItem a b { display: none; } } .p-tab__list .p-tab__listItem a img { margin-right: 8px; height: 22px; } @media screen and (max-width: 768px) { .p-tab__list .p-tab__listItem a img { display: none; } } .p-tab__list .p-tab__listItem.is-active, .p-tab__list .p-tab__listItem:hover { border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(14, 164, 227); border-bottom-color: rgb(14, 164, 227); border-left-color: rgb(14, 164, 227); border-image: initial; border-right-style: initial; border-right-color: initial; background: rgb(14, 164, 227); } .p-tab__list .p-tab__listItem.is-active a, .p-tab__list .p-tab__listItem:hover a { color: rgb(255, 255, 255); } .p-tab__contentsWrap { width: 100%; overflow: hidden; position: relative; } .p-tab__contentsWrap .p-tab__contentsWrap--inner { width: 100%; display: flex; position: relative; transition: left 0.3s ease-out 0s; } .p-tab__contents { width: 100%; overflow: hidden; opacity: 0; } .p-tab__contents.is-show { opacity: 1; } .p-pagination { position: relative; display: flex; justify-content: space-between; border-bottom: 1px dashed rgb(221, 221, 221); border-top: 1px dashed rgb(221, 221, 221); padding: 20px 0px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .p-pagination { flex-direction: column; align-items: center; padding: 15px 0px 5px; margin-bottom: 15px; } } .p-pagination .p-pagination-nav { display: flex; align-items: center; margin-right: auto; } @media screen and (max-width: 768px) { .p-pagination .p-pagination-nav { justify-content: center; margin: 0px 0px 10px; } } .p-pagination .p-pagination-nav .p-pagination-nav__list { display: flex; flex-wrap: wrap; } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem::before { content: "|"; display: inline-block; } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem:last-child::after { content: "|"; display: inline-block; } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem a { color: rgb(14, 164, 227); padding: 0px 10px; } @media screen and (max-width: 414px) { .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem a { font-size: 13px; padding: 0px 5px; } } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem a:hover { text-decoration: underline; } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem.is-active a { border: 0px; color: rgb(34, 34, 34); pointer-events: none; } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem.is-active a:hover { border: 0px; text-decoration: none; } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination__listItem--none { display: none; } .p-pagination .result { display: flex; margin-left: auto; } @media screen and (max-width: 768px) { .p-pagination .result { margin: 0px 0px 10px; } } .p-pagination .p-pagination__list { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; } @media screen and (max-width: 768px) { .p-pagination .p-pagination__list { position: relative; top: auto; left: auto; transform: none; margin-bottom: 10px; } } .p-pagination .p-pagination__list .p-pagination__listItem { margin-right: 5px; } .p-pagination .p-pagination__list .p-pagination__listItem.is-active a { border: 0px; pointer-events: none; } .p-pagination .p-pagination__list .p-pagination__listItem.is-active a:hover { border: 0px; } .p-pagination .p-pagination__list .p-pagination__listItem a { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; color: rgb(153, 153, 153); border: 1px solid rgb(221, 221, 221); } .p-pagination .p-pagination__list .p-pagination__listItem a.is-active, .p-pagination .p-pagination__list .p-pagination__listItem a:hover { color: rgb(14, 164, 227); border: 1px solid rgb(14, 164, 227); } .p-pagination .p-pagination__list .p-pagination__listItem--prev a, .p-pagination .p-pagination__list .p-pagination__listItem--next a { border: 0px; } .p-pagination .p-pagination__list .p-pagination__listItem--none { display: none; } .p-pagination .arrows { display: flex; } .p-pagination .arrows .p-pagination__btn { color: rgb(153, 153, 153); display: flex; justify-content: center; align-items: center; border: 1px solid rgb(221, 221, 221); padding: 5px 12px; margin: 0px 10px; } .p-pagination .arrows .p-pagination__btn span { font-size: 10px; margin-right: 5px; } .p-pagination .arrows .p-pagination__btn:last-child span { margin: 0px 0px 0px 5px; } .p-pagination .arrows .p-pagination__btn:hover { color: rgb(14, 164, 227); border: 1px solid rgb(14, 164, 227); } .sns { width: 100%; display: block; margin: 0px; } .sns .sns__list { display: flex; align-items: flex-start; } @media screen and (max-width: 768px) { .sns .sns__list { width: 100%; } } @media screen and (max-width: 600px) { .sns .sns__list { flex-wrap: wrap; } } .sns .sns__list .sns__listItem { height: 20px; overflow: hidden; margin: 5px 15px 5px 0px; } .sns .sns__list .sns__listItem:last-child { margin-right: 0px; } .sns .sns__list .sns__listItem .fb-like.fb_iframe_widget > span { vertical-align: top !important; } .u-3xs-visible { display: none; } @media screen and (max-width: 320px) { .u-3xs-visible { display: block; } } .u-3xs-hidden { display: block; } @media screen and (max-width: 320px) { .u-3xs-hidden { display: none; } } .u-2xs-visible { display: none; } @media screen and (max-width: 375px) { .u-2xs-visible { display: block; } } .u-2xs-hidden { display: block; } @media screen and (max-width: 375px) { .u-2xs-hidden { display: none; } } .u-xs-visible { display: none; } @media screen and (max-width: 414px) { .u-xs-visible { display: block; } } .u-xs-hidden { display: block; } @media screen and (max-width: 414px) { .u-xs-hidden { display: none; } } .u-sm-visible { display: none; } @media screen and (max-width: 600px) { .u-sm-visible { display: block; } } @media screen and (max-width: 600px) { tr.u-sm-visible { display: table-row; } } @media screen and (max-width: 600px) { th.u-sm-visible, td.u-sm-visible { display: table-cell; } } .u-sm-hidden { display: block; } @media screen and (max-width: 600px) { .u-sm-hidden { display: none; } } tr.u-sm-hidden { display: table-row; } @media screen and (max-width: 600px) { tr.u-sm-hidden { display: none; } } th.u-sm-hidden, td.u-sm-hidden { display: table-cell; } @media screen and (max-width: 768px) { th.u-sm-hidden, td.u-sm-hidden { display: none; } } .u-md-visible { display: none; } @media screen and (max-width: 768px) { .u-md-visible { display: block; } } @media screen and (max-width: 768px) { tr.u-md-visible { display: table-row; } } @media screen and (max-width: 768px) { th.u-md-visible, td.u-md-visible { display: table-cell; } } .u-md-hidden { display: block; } @media screen and (max-width: 768px) { .u-md-hidden { display: none; } } tr.u-md-hidden { display: table-row; } @media screen and (max-width: 768px) { tr.u-md-hidden { display: none; } } th.u-md-hidden, td.u-md-hidden { display: table-cell; } @media screen and (max-width: 768px) { th.u-md-hidden, td.u-md-hidden { display: none; } } .u-lg-visible { display: block; } @media screen and (min-width: 768px) { .u-lg-visible { display: none; } } .u-lg-hidden { display: none; } @media screen and (min-width: 768px) { .u-lg-hidden { display: block; } } .u-left { float: left; } .u-right { float: right; } .u-text-left { text-align: left; } .u-text-right { text-align: right; } .u-m10 { margin: 10px; } .u-m11 { margin: 11px; } .u-m12 { margin: 12px; } .u-m13 { margin: 13px; } .u-m14 { margin: 14px; } .u-m15 { margin: 15px; } .u-m16 { margin: 16px; } .u-m17 { margin: 17px; } .u-m18 { margin: 18px; } .u-m19 { margin: 19px; } .u-m20 { margin: 20px; } .u-m21 { margin: 21px; } .u-m22 { margin: 22px; } .u-m23 { margin: 23px; } .u-m24 { margin: 24px; } .u-m25 { margin: 25px; } .u-m26 { margin: 26px; } .u-m27 { margin: 27px; } .u-m28 { margin: 28px; } .u-m29 { margin: 29px; } .u-m30 { margin: 30px; } .u-m31 { margin: 31px; } .u-m32 { margin: 32px; } .u-m33 { margin: 33px; } .u-m34 { margin: 34px; } .u-m35 { margin: 35px; } .u-m36 { margin: 36px; } .u-m37 { margin: 37px; } .u-m38 { margin: 38px; } .u-m39 { margin: 39px; } .u-m40 { margin: 40px; } .u-mt10 { margin-top: 10px; } .u-mt11 { margin-top: 11px; } .u-mt12 { margin-top: 12px; } .u-mt13 { margin-top: 13px; } .u-mt14 { margin-top: 14px; } .u-mt15 { margin-top: 15px; } .u-mt16 { margin-top: 16px; } .u-mt17 { margin-top: 17px; } .u-mt18 { margin-top: 18px; } .u-mt19 { margin-top: 19px; } .u-mt20 { margin-top: 20px; } .u-mt21 { margin-top: 21px; } .u-mt22 { margin-top: 22px; } .u-mt23 { margin-top: 23px; } .u-mt24 { margin-top: 24px; } .u-mt25 { margin-top: 25px; } .u-mt26 { margin-top: 26px; } .u-mt27 { margin-top: 27px; } .u-mt28 { margin-top: 28px; } .u-mt29 { margin-top: 29px; } .u-mt30 { margin-top: 30px; } .u-mt31 { margin-top: 31px; } .u-mt32 { margin-top: 32px; } .u-mt33 { margin-top: 33px; } .u-mt34 { margin-top: 34px; } .u-mt35 { margin-top: 35px; } .u-mt36 { margin-top: 36px; } .u-mt37 { margin-top: 37px; } .u-mt38 { margin-top: 38px; } .u-mt39 { margin-top: 39px; } .u-mt40 { margin-top: 40px; } .u-mr10 { margin-right: 10px; } .u-mr11 { margin-right: 11px; } .u-mr12 { margin-right: 12px; } .u-mr13 { margin-right: 13px; } .u-mr14 { margin-right: 14px; } .u-mr15 { margin-right: 15px; } .u-mr16 { margin-right: 16px; } .u-mr17 { margin-right: 17px; } .u-mr18 { margin-right: 18px; } .u-mr19 { margin-right: 19px; } .u-mr20 { margin-right: 20px; } .u-mr21 { margin-right: 21px; } .u-mr22 { margin-right: 22px; } .u-mr23 { margin-right: 23px; } .u-mr24 { margin-right: 24px; } .u-mr25 { margin-right: 25px; } .u-mr26 { margin-right: 26px; } .u-mr27 { margin-right: 27px; } .u-mr28 { margin-right: 28px; } .u-mr29 { margin-right: 29px; } .u-mr30 { margin-right: 30px; } .u-mr31 { margin-right: 31px; } .u-mr32 { margin-right: 32px; } .u-mr33 { margin-right: 33px; } .u-mr34 { margin-right: 34px; } .u-mr35 { margin-right: 35px; } .u-mr36 { margin-right: 36px; } .u-mr37 { margin-right: 37px; } .u-mr38 { margin-right: 38px; } .u-mr39 { margin-right: 39px; } .u-mr40 { margin-right: 40px; } .u-mb10 { margin-bottom: 10px; } .u-mb11 { margin-bottom: 11px; } .u-mb12 { margin-bottom: 12px; } .u-mb13 { margin-bottom: 13px; } .u-mb14 { margin-bottom: 14px; } .u-mb15 { margin-bottom: 15px; } .u-mb16 { margin-bottom: 16px; } .u-mb17 { margin-bottom: 17px; } .u-mb18 { margin-bottom: 18px; } .u-mb19 { margin-bottom: 19px; } .u-mb20 { margin-bottom: 20px; } .u-mb21 { margin-bottom: 21px; } .u-mb22 { margin-bottom: 22px; } .u-mb23 { margin-bottom: 23px; } .u-mb24 { margin-bottom: 24px; } .u-mb25 { margin-bottom: 25px; } .u-mb26 { margin-bottom: 26px; } .u-mb27 { margin-bottom: 27px; } .u-mb28 { margin-bottom: 28px; } .u-mb29 { margin-bottom: 29px; } .u-mb30 { margin-bottom: 30px; } .u-mb31 { margin-bottom: 31px; } .u-mb32 { margin-bottom: 32px; } .u-mb33 { margin-bottom: 33px; } .u-mb34 { margin-bottom: 34px; } .u-mb35 { margin-bottom: 35px; } .u-mb36 { margin-bottom: 36px; } .u-mb37 { margin-bottom: 37px; } .u-mb38 { margin-bottom: 38px; } .u-mb39 { margin-bottom: 39px; } .u-mb40 { margin-bottom: 40px; } .u-ml10 { margin-left: 10px; } .u-ml11 { margin-left: 11px; } .u-ml12 { margin-left: 12px; } .u-ml13 { margin-left: 13px; } .u-ml14 { margin-left: 14px; } .u-ml15 { margin-left: 15px; } .u-ml16 { margin-left: 16px; } .u-ml17 { margin-left: 17px; } .u-ml18 { margin-left: 18px; } .u-ml19 { margin-left: 19px; } .u-ml20 { margin-left: 20px; } .u-ml21 { margin-left: 21px; } .u-ml22 { margin-left: 22px; } .u-ml23 { margin-left: 23px; } .u-ml24 { margin-left: 24px; } .u-ml25 { margin-left: 25px; } .u-ml26 { margin-left: 26px; } .u-ml27 { margin-left: 27px; } .u-ml28 { margin-left: 28px; } .u-ml29 { margin-left: 29px; } .u-ml30 { margin-left: 30px; } .u-ml31 { margin-left: 31px; } .u-ml32 { margin-left: 32px; } .u-ml33 { margin-left: 33px; } .u-ml34 { margin-left: 34px; } .u-ml35 { margin-left: 35px; } .u-ml36 { margin-left: 36px; } .u-ml37 { margin-left: 37px; } .u-ml38 { margin-left: 38px; } .u-ml39 { margin-left: 39px; } .u-ml40 { margin-left: 40px; } .u-p10 { padding: 10px; } .u-p11 { padding: 11px; } .u-p12 { padding: 12px; } .u-p13 { padding: 13px; } .u-p14 { padding: 14px; } .u-p15 { padding: 15px; } .u-p16 { padding: 16px; } .u-p17 { padding: 17px; } .u-p18 { padding: 18px; } .u-p19 { padding: 19px; } .u-p20 { padding: 20px; } .u-p21 { padding: 21px; } .u-p22 { padding: 22px; } .u-p23 { padding: 23px; } .u-p24 { padding: 24px; } .u-p25 { padding: 25px; } .u-p26 { padding: 26px; } .u-p27 { padding: 27px; } .u-p28 { padding: 28px; } .u-p29 { padding: 29px; } .u-p30 { padding: 30px; } .u-p31 { padding: 31px; } .u-p32 { padding: 32px; } .u-p33 { padding: 33px; } .u-p34 { padding: 34px; } .u-p35 { padding: 35px; } .u-p36 { padding: 36px; } .u-p37 { padding: 37px; } .u-p38 { padding: 38px; } .u-p39 { padding: 39px; } .u-p40 { padding: 40px; } .u-pt10 { padding-top: 10px; } .u-pt11 { padding-top: 11px; } .u-pt12 { padding-top: 12px; } .u-pt13 { padding-top: 13px; } .u-pt14 { padding-top: 14px; } .u-pt15 { padding-top: 15px; } .u-pt16 { padding-top: 16px; } .u-pt17 { padding-top: 17px; } .u-pt18 { padding-top: 18px; } .u-pt19 { padding-top: 19px; } .u-pt20 { padding-top: 20px; } .u-pt21 { padding-top: 21px; } .u-pt22 { padding-top: 22px; } .u-pt23 { padding-top: 23px; } .u-pt24 { padding-top: 24px; } .u-pt25 { padding-top: 25px; } .u-pt26 { padding-top: 26px; } .u-pt27 { padding-top: 27px; } .u-pt28 { padding-top: 28px; } .u-pt29 { padding-top: 29px; } .u-pt30 { padding-top: 30px; } .u-pt31 { padding-top: 31px; } .u-pt32 { padding-top: 32px; } .u-pt33 { padding-top: 33px; } .u-pt34 { padding-top: 34px; } .u-pt35 { padding-top: 35px; } .u-pt36 { padding-top: 36px; } .u-pt37 { padding-top: 37px; } .u-pt38 { padding-top: 38px; } .u-pt39 { padding-top: 39px; } .u-pt40 { padding-top: 40px; } .u-pr10 { padding-right: 10px; } .u-pr11 { padding-right: 11px; } .u-pr12 { padding-right: 12px; } .u-pr13 { padding-right: 13px; } .u-pr14 { padding-right: 14px; } .u-pr15 { padding-right: 15px; } .u-pr16 { padding-right: 16px; } .u-pr17 { padding-right: 17px; } .u-pr18 { padding-right: 18px; } .u-pr19 { padding-right: 19px; } .u-pr20 { padding-right: 20px; } .u-pr21 { padding-right: 21px; } .u-pr22 { padding-right: 22px; } .u-pr23 { padding-right: 23px; } .u-pr24 { padding-right: 24px; } .u-pr25 { padding-right: 25px; } .u-pr26 { padding-right: 26px; } .u-pr27 { padding-right: 27px; } .u-pr28 { padding-right: 28px; } .u-pr29 { padding-right: 29px; } .u-pr30 { padding-right: 30px; } .u-pr31 { padding-right: 31px; } .u-pr32 { padding-right: 32px; } .u-pr33 { padding-right: 33px; } .u-pr34 { padding-right: 34px; } .u-pr35 { padding-right: 35px; } .u-pr36 { padding-right: 36px; } .u-pr37 { padding-right: 37px; } .u-pr38 { padding-right: 38px; } .u-pr39 { padding-right: 39px; } .u-pr40 { padding-right: 40px; } .u-pb10 { padding-bottom: 10px; } .u-pb11 { padding-bottom: 11px; } .u-pb12 { padding-bottom: 12px; } .u-pb13 { padding-bottom: 13px; } .u-pb14 { padding-bottom: 14px; } .u-pb15 { padding-bottom: 15px; } .u-pb16 { padding-bottom: 16px; } .u-pb17 { padding-bottom: 17px; } .u-pb18 { padding-bottom: 18px; } .u-pb19 { padding-bottom: 19px; } .u-pb20 { padding-bottom: 20px; } .u-pb21 { padding-bottom: 21px; } .u-pb22 { padding-bottom: 22px; } .u-pb23 { padding-bottom: 23px; } .u-pb24 { padding-bottom: 24px; } .u-pb25 { padding-bottom: 25px; } .u-pb26 { padding-bottom: 26px; } .u-pb27 { padding-bottom: 27px; } .u-pb28 { padding-bottom: 28px; } .u-pb29 { padding-bottom: 29px; } .u-pb30 { padding-bottom: 30px; } .u-pb31 { padding-bottom: 31px; } .u-pb32 { padding-bottom: 32px; } .u-pb33 { padding-bottom: 33px; } .u-pb34 { padding-bottom: 34px; } .u-pb35 { padding-bottom: 35px; } .u-pb36 { padding-bottom: 36px; } .u-pb37 { padding-bottom: 37px; } .u-pb38 { padding-bottom: 38px; } .u-pb39 { padding-bottom: 39px; } .u-pb40 { padding-bottom: 40px; } .u-pl10 { padding-left: 10px; } .u-pl11 { padding-left: 11px; } .u-pl12 { padding-left: 12px; } .u-pl13 { padding-left: 13px; } .u-pl14 { padding-left: 14px; } .u-pl15 { padding-left: 15px; } .u-pl16 { padding-left: 16px; } .u-pl17 { padding-left: 17px; } .u-pl18 { padding-left: 18px; } .u-pl19 { padding-left: 19px; } .u-pl20 { padding-left: 20px; } .u-pl21 { padding-left: 21px; } .u-pl22 { padding-left: 22px; } .u-pl23 { padding-left: 23px; } .u-pl24 { padding-left: 24px; } .u-pl25 { padding-left: 25px; } .u-pl26 { padding-left: 26px; } .u-pl27 { padding-left: 27px; } .u-pl28 { padding-left: 28px; } .u-pl29 { padding-left: 29px; } .u-pl30 { padding-left: 30px; } .u-pl31 { padding-left: 31px; } .u-pl32 { padding-left: 32px; } .u-pl33 { padding-left: 33px; } .u-pl34 { padding-left: 34px; } .u-pl35 { padding-left: 35px; } .u-pl36 { padding-left: 36px; } .u-pl37 { padding-left: 37px; } .u-pl38 { padding-left: 38px; } .u-pl39 { padding-left: 39px; } .u-pl40 { padding-left: 40px; } .indexSchedule__contents { display: flex; justify-content: space-between; flex-wrap: wrap; } .indexSchedule__contents .indexSchedule__col { width: 405px; margin-bottom: 50px; } .indexSchedule__list { margin-bottom: 20px; } @media screen and (max-width: 768px) { .indexSchedule__list { margin-bottom: 10px; } } .indexSchedule__list:first-of-type .indexSchedule__heading { margin-top: 0px; } .indexSchedule__list .indexSchedule__listItem { padding: 24px 10px; border-bottom: 1px dotted rgb(221, 221, 221); } .indexSchedule__list .indexSchedule__listItem:first-of-type { padding: 0px 10px 24px; } .indexSchedule__list .indexSchedule__listItem .p-box__figure { width: 70px; } .indexSchedule__list .indexSchedule__listItem .p-box__body { width: calc(100% - 70px); padding-left: 20px; } .indexSchedule__list .indexSchedule__heading { width: 100%; height: 15px; color: rgb(255, 0, 72); font-size: 15px; line-height: 1; margin: 30px 0px 10px; } .indexSchedule__list--net .indexSchedule__listItem.indexSchedule__listItem--striped, .indexSchedule__list--tv .indexSchedule__listItem.indexSchedule__listItem--striped { border: 0px; background: rgb(248, 248, 248); padding: 5px; } .indexSchedule__list--net .indexSchedule__listItem.indexSchedule__listItem--striped:nth-child(2n+1), .indexSchedule__list--tv .indexSchedule__listItem.indexSchedule__listItem--striped:nth-child(2n+1) { background: rgb(255, 255, 255); } .indexSchedule__list--net .indexSchedule__listItem.indexSchedule__listItem--striped .p-box__body, .indexSchedule__list--tv .indexSchedule__listItem.indexSchedule__listItem--striped .p-box__body { padding: 0px; } .indexSchedule__list--net .indexSchedule__listItem.indexSchedule__listItem--striped .p-box__title, .indexSchedule__list--tv .indexSchedule__listItem.indexSchedule__listItem--striped .p-box__title { margin: 0px; } .indexRanking__contents { display: flex; justify-content: space-between; flex-wrap: wrap; } .indexRanking__contents .indexRanking__col { width: 405px; margin-bottom: 50px; } .indexRanking__list { margin-bottom: 20px; } @media screen and (max-width: 768px) { .indexRanking__list { margin-bottom: 10px; } } .indexRanking__list .indexRanking__listItem { padding: 24px 10px; border-bottom: 1px dotted rgb(221, 221, 221); } .indexRanking__list .indexRanking__listItem:first-of-type { padding: 0px 10px 24px; } @media screen and (max-width: 768px) { .indexRanking__list .indexRanking__listItem:nth-of-type(n+4) { display: none; } } .indexRanking__list .indexRanking__listItem .p-box__figure { width: 70px; } .indexRanking__list .indexRanking__listItem .p-box__body { width: calc(100% - 92px); padding-left: 8px; } @media screen and (max-width: 768px) { .indexOther { margin-bottom: 0px; } } .indexOther__contents { display: flex; justify-content: space-between; flex-wrap: wrap; } .indexOther__contents .indexOther__col { width: 405px; margin-bottom: 50px; } .indexOther__list { margin-bottom: 20px; } @media screen and (max-width: 768px) { .indexOther__list { margin-bottom: 10px; } } .indexOther__list .indexOther__listItem { padding: 24px 10px; border-bottom: 1px dotted rgb(221, 221, 221); } .indexOther__list .indexOther__listItem:first-of-type { padding: 0px 10px 24px; } .indexOther__list .indexOther__listItem .p-box__figure { width: 70px; } .indexOther__list .indexOther__listItem .p-box__body { width: calc(100% - 70px); padding-left: 20px; } .indexOther__list .indexOther__listItem .p-box__body--book .p-box__title { color: rgb(34, 34, 34); font-size: 18px; line-height: 1.3; margin-top: auto; } @media screen and (min-width: 768px) { .sideFeature .p-slider { opacity: 1; } .sideFeature .p-slider .p-card { margin-bottom: 10px; } } .sideReview__list { margin-bottom: 10px; } @media screen and (max-width: 768px) { .sideReview__list { margin-bottom: 10px; } } .sideReview__list .sideReview__listItem { background: rgb(255, 255, 255); border: 1px solid rgb(98, 202, 245); font-size: 10px; line-height: 1.4; padding: 10px; } .sideReview__list .sideReview__listItem:not(:last-child) { margin-bottom: 5px; } .sideReview__list .sideReviewItem { display: flex; width: 100%; } .sideReview__list .sideReviewItem .sideReviewItem__figure { flex: 0 0 auto; width: 70px; } .sideReview__list .sideReviewItem .sideReviewItem__body { width: calc(100% - 70px); padding-left: 10px; } .sideReview__list .sideReviewItem .sideReviewItem__ttl { font-size: 16px; } .sideReview__list .sideReviewItem .sideReviewItem__reviewer { color: rgb(34, 34, 34); margin: auto 0px 2px; } .sideReview__list .sideReviewItem .sideReviewItem__reviewer small { display: block; font-size: 11px; } .sideReview__list .sideReviewItem .sideReviewItem__reviewer span { font-size: 16px; font-weight: bold; } .sideReview__list .sideReviewItem .sideReviewItem__footer { display: flex; } .sideReview__list .sideReviewItem .sideReviewItem__footer .stars { flex: 0 0 auto; width: 80px; } @media screen and (max-width: 320px) { .sideReview__list .sideReviewItem .sideReviewItem__footer .stars { width: 75px; } } .sideReview__list .sideReviewItem .sideReviewItem__footer small { font-size: 10px; letter-spacing: -0.04em; margin-left: auto; } .sideDay__contents { margin-bottom: 10px; } @media screen and (max-width: 768px) { .sideDay__contents { margin-bottom: 10px; } } .sideDay__contents .sideDay__box { background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 10px; } .sideDay__contents .sideDay__box:first-child { border-bottom: 0px; } .sideDay__contents .sideDay__box h3 { font-size: 16px; font-weight: bold; margin-bottom: 20px; } .sideDay__contents .sideDay__listHeading { font-size: 15px; font-weight: bold; margin-bottom: 20px; } .sideDay__contents .sideDay__listHeading span { font-size: 12px; } .sideDay__contents .sideDay__listItem { margin-bottom: 10px; } .sideDay__contents .sideDay__listItem:last-child { margin: 0px; } .sideDay__contents .sideDay__listItem .p-box__figure { width: 70px; } .sideDay__contents .sideDay__listItem .p-box__body { width: calc(100% - 70px); padding-left: 10px; } .sideClip1__contents { margin-bottom: 10px; } .sideClip1__contents .p-card--side { margin-bottom: 10px; } .sideClip1__contents--actor { margin-bottom: 10px; } .sideClip1__contents--actor .sideClip1__list--striped { border: 1px solid rgb(221, 221, 221); } .sideClip1__contents--actor .sideClip1__listItem { background: rgb(255, 255, 255); padding: 5px 10px; } .sideClip1__contents--actor .sideClip1__listItem:nth-child(2n+1) { background: rgb(248, 248, 248); } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom { display: flex; } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom span { width: 5.5em; line-height: 1.4; } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom p { width: calc(100% - 5.5em); line-height: 1.4; margin-top: 10px; } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom p:first-of-type { margin: 0px; } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom small { display: inline-block; margin-left: 5px; } .sideClip2__contents .sideClip2__list { background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 10px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .sideClip2__contents .sideClip2__list { margin-bottom: 10px; } } .sideClip2__contents .sideClip2__list .sideClip2__listItem:last-child { margin: 0px; } .sideClip2__contents .sideClip2__list .sideClip2__listItem .p-box__figure { width: 70px; } .sideClip2__contents .sideClip2__list .sideClip2__listItem .p-box__body { width: calc(100% - 70px); padding-left: 10px; } .sideRecent__contents .sideRecent__list { background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 10px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .sideRecent__contents .sideRecent__list { margin-bottom: 10px; } } .sideRecent__contents .sideRecent__list .sideRecent__listItem:last-child { margin: 0px; } .sideRecent__contents .sideRecent__list .sideRecent__listItem .p-box__figure { width: 70px; } .sideRecent__contents .sideRecent__list .sideRecent__listItem .p-box__body { width: calc(100% - 70px); padding-left: 10px; } @media screen and (max-width: 768px) { .indexNewMovie { order: 1; } .indexSchedule { order: 2; } .indexScheduleSP--movie { order: 3; } .sideFeature--main { order: 4; } .indexRankingSP--movie { order: 5; } .sideReview--main { order: 6; } .sideDay--main { order: 7; } .wrap--adSP { order: 8; } .indexNewDVD { order: 9; } .indexScheduleSP--disc { order: 10; } .indexRankingSP { order: 11; } .indexRankingSP--houga { order: 12; } .indexRankingSP--youga { order: 13; } .indexRankingSP--drama { order: 14; } .indexRankingSP--korea { order: 15; } .indexOther--gift { order: 16; } .wrap--adSP-2 { order: 17; } .sideClip2--main { order: 18; } .sideRecent--main { order: 19; } .indexScheduleSP--net { display: none; } .indexScheduleSP--tv { display: none; } .indexRankingSP--score { display: none; } .indexOther { display: none; } .indexOther--book { display: none; } .sideClip1--main { display: none; } } @media screen and (max-width: 768px) { .formGroup--keyword { display: flex !important; } } @media screen and (max-width: 768px) { .formGroup--keyword .c-input--search { width: calc(100% - 90px); } } @media screen and (max-width: 768px) { .formGroup--keyword .c-btn { width: 90px; } } .formGroup__col--genre { align-items: center; margin-bottom: -10px; } .formGroup__col--genre .c-check { width: 24%; margin-bottom: 10px; } @media screen and (max-width: 768px) { .formGroup__col--genre .c-check { display: inline-table; } } @media screen and (max-width: 768px) { .formGroup__col--genre .c-check { width: 33%; } } @media screen and (max-width: 600px) { .formGroup__col--genre .c-check { width: 50%; } } .formGroup__col--genre .c-check .c-check__label { letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .formGroup__col--genre .c-check .c-check__label { letter-spacing: -0.05em; } } @media screen and (max-width: 600px) { .formGroup__col--release, .formGroup__col--year { margin-bottom: -10px; } } .formGroup__col--release .col, .formGroup__col--year .col { width: auto; flex-grow: 0; } @media screen and (max-width: 600px) { .formGroup__col--release .col, .formGroup__col--year .col { width: 100%; } } .formGroup__col--release .col .col__item, .formGroup__col--year .col .col__item { display: flex; width: auto; align-items: center; } @media screen and (max-width: 600px) { .formGroup__col--release .col .col__item, .formGroup__col--year .col .col__item { width: 50%; } } @media screen and (max-width: 600px) { .formGroup__col--release .col .col__item .range, .formGroup__col--year .col .col__item .range { margin: -10px 3px 0px -3px; } } .formGroup__col--release .c-select__box, .formGroup__col--year .c-select__box { width: auto; } @media screen and (max-width: 600px) { .formGroup__col--release .c-select__box, .formGroup__col--year .c-select__box { width: 90%; } } .formGroup__col--release .c-select__box .c-select, .formGroup__col--year .c-select__box .c-select { font-size: 12px; padding: 0.8em 2.2em 0.8em 0.8em; } .formGroup__col--release .c-select__box, .formGroup__col--release .month, .formGroup__col--release .year, .formGroup__col--year .c-select__box, .formGroup__col--year .month, .formGroup__col--year .year { margin-right: 5px; } @media screen and (max-width: 600px) { .formGroup__col--release .c-select__box, .formGroup__col--release .month, .formGroup__col--release .year, .formGroup__col--year .c-select__box, .formGroup__col--year .month, .formGroup__col--year .year { margin-bottom: 10px; } } .formGroup__col--release .range, .formGroup__col--year .range { margin: 0px 10px 0px 5px; } @media screen and (max-width: 600px) { .formGroup__col--release .range, .formGroup__col--year .range { margin: -10px 0px 0px; display: block; } } .formGroup__col--country { display: flex; justify-content: space-between; align-items: center; padding-right: 20px; } @media screen and (max-width: 768px) { .formGroup__col--country { padding: 0px; } } @media screen and (max-width: 600px) { .formGroup__col--country { justify-content: flex-start; flex-wrap: wrap; margin-bottom: -10px; } .formGroup__col--country .c-check { margin: 0px 20px 10px 0px; } } @media screen and (max-width: 414px) { .formGroup__col--country .c-check { width: 50%; margin: 0px 0px 10px; } } .aiueo__wrap { display: flex; margin-top: 20px; } @media screen and (max-width: 768px) { .aiueo__wrap { margin: 0px -2.5px -10px; flex-wrap: wrap; } } @media screen and (max-width: 414px) { .aiueo__wrap { margin: 0px -2.5px -5px; } } .aiueo__wrap .aiueo__list { display: flex; } @media screen and (max-width: 768px) { .aiueo__wrap .aiueo__list { width: 33.33%; } } @media screen and (max-width: 600px) { .aiueo__wrap .aiueo__list { width: 50%; } } @media screen and (max-width: 414px) { .aiueo__wrap .aiueo__list { width: 100%; } } @media screen and (max-width: 768px) { .aiueo__wrap .aiueo__list:last-child .aiueo__listItem.empty { visibility: hidden; } } .aiueo__wrap .aiueo__list .aiueo__listItem { margin: 0px 2.5px; } @media screen and (max-width: 768px) { .aiueo__wrap .aiueo__list .aiueo__listItem { width: 20%; margin: 0px 2.5px 6px; } .aiueo__wrap .aiueo__list .aiueo__listItem a { height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(221, 221, 221); font-size: 11px; } } @media screen and (max-width: 414px) { .aiueo__wrap .aiueo__list .aiueo__listItem { margin: 0px 2.5px 5px; } } .aiueo__wrap .aiueo__list .aiueo__listItem.empty { display: none; background: rgb(248, 248, 248); pointer-events: none; } @media screen and (max-width: 768px) { .aiueo__wrap .aiueo__list .aiueo__listItem.empty { display: block; } } .searchResult__nav { display: flex; flex-wrap: wrap; margin-bottom: 30px; } @media screen and (max-width: 768px) { .searchResult__nav { margin-bottom: 10px; } } .searchResult__nav .searchResult__navItem { font-size: 14px; margin-right: 30px; } @media screen and (max-width: 600px) { .searchResult__nav .searchResult__navItem { width: 100%; } } .searchResult__nav .searchResult__navItem::before { content: ""; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent rgb(14, 164, 227); display: inline-block; } .searchResult__nav .searchResult__navItem a { color: rgb(34, 34, 34); text-decoration: underline; } .searchResult__nav .searchResult__navItem a span { color: rgb(14, 164, 227); font-weight: bold; } @media screen and (max-width: 768px) { .searchResult__contents .p-pagination:first-of-type { display: none; } } .searchResult__list--movie { margin-bottom: 40px; } @media screen and (max-width: 768px) { .searchResult__list--movie { margin-bottom: 0px; } } .searchResult__list--movie .p-slider--searchResult { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -25px; } @media screen and (max-width: 768px) { .searchResult__list--movie .p-slider--searchResult { margin-bottom: 0px; flex-wrap: nowrap; justify-content: flex-start; } } .searchResult__list--movie .searchResult__listItem--movie { width: 48%; margin-bottom: 25px; } @media screen and (max-width: 768px) { .searchResult__list--movie .searchResult__listItem--movie { width: 130px; margin-right: 20px; } } @media screen and (max-width: 768px) { .searchResult__list--movie .searchResult__listItem--movie .p-box { flex-direction: column; margin-bottom: 0px; } } .searchResult__list--movie .searchResult__listItem--movie .p-box__figure { width: 130px; } @media screen and (max-width: 768px) { .searchResult__list--movie .searchResult__listItem--movie .p-box__figure { width: 100%; margin-bottom: 10px; } } .searchResult__list--movie .searchResult__listItem--movie .p-box__body { width: calc(100% - 130px); padding-left: 20px; } @media screen and (max-width: 768px) { .searchResult__list--movie .searchResult__listItem--movie .p-box__body { width: 100%; padding: 0px; } } @media screen and (max-width: 768px) { .searchResult__list--movie .searchResult__listItem--movie .p-box__desc { margin-bottom: 10px; } } .searchResult__list--disc { margin-bottom: 40px; } @media screen and (max-width: 768px) { .searchResult__list--disc { margin-bottom: 0px; } } .searchResult__list--disc .p-slider--searchResult { display: flex; justify-content: flex-start; margin-bottom: -25px; } @media screen and (max-width: 768px) { .searchResult__list--disc .p-slider--searchResult { margin-bottom: 0px; } } .searchResult__list--disc .searchResult__listItem--disc { width: 130px; margin: 0px 51px 25px 0px; } @media screen and (max-width: 768px) { .searchResult__list--disc .searchResult__listItem--disc { margin: 0px 20px 25px 0px; } } .searchResult__list--disc .searchResult__listItem--disc:nth-child(5n) { margin-right: 0px; } @media screen and (max-width: 768px) { .searchResult__list--disc .searchResult__listItem--disc .p-box { flex-direction: column; margin-bottom: 0px; } } .searchResult__list--disc .searchResult__listItem--disc .p-box__figure { width: 130px; } @media screen and (max-width: 768px) { .searchResult__list--disc .searchResult__listItem--disc .p-box__figure { width: 100%; margin-bottom: 10px; } } .searchResult__list--disc .searchResult__listItem--disc .p-box__title { margin-bottom: 0px; } .searchResult__list--disc .searchResult__listItem--disc .p-box__desc { display: none; } @media screen and (max-width: 768px) { .searchResult__list--disc .searchResult__listItem--disc .p-box__desc { display: block; margin-bottom: 10px; } } .searchResult__list--disc .searchResult__listItem--disc .tagcloud__list { display: none; } @media screen and (max-width: 768px) { .searchResult__list--disc .searchResult__listItem--disc .tagcloud__list { display: flex; } } .searchResult__list--net { margin-bottom: 40px; } @media screen and (max-width: 768px) { .searchResult__list--net { margin-bottom: 0px; } } .searchResult__list--net .p-slider--searchResult { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -25px; } @media screen and (max-width: 768px) { .searchResult__list--net .p-slider--searchResult { justify-content: flex-start; margin-bottom: 0px; flex-wrap: nowrap; } } .searchResult__list--net .searchResult__listItem--net { width: 100%; margin-bottom: 25px; } @media screen and (max-width: 768px) { .searchResult__list--net .searchResult__listItem--net { width: 130px; margin-right: 20px; } } @media screen and (max-width: 768px) { .searchResult__list--net .searchResult__listItem--net .p-box { flex-direction: column; margin-bottom: 0px; } } .searchResult__list--net .searchResult__listItem--net .p-box__figure { width: 130px; } @media screen and (max-width: 768px) { .searchResult__list--net .searchResult__listItem--net .p-box__figure { width: 100%; margin-bottom: 10px; } } .searchResult__list--net .searchResult__listItem--net .p-box__body { width: calc(100% - 130px); padding-left: 20px; } @media screen and (max-width: 768px) { .searchResult__list--net .searchResult__listItem--net .p-box__body { width: 100%; padding: 0px; } } @media screen and (max-width: 768px) { .searchResult__list--net .searchResult__listItem--net .p-box__desc { margin-bottom: 10px; } } .searchResult-movie__list { display: flex; flex-wrap: wrap; justify-content: space-between; } .searchResult-movie__list .searchResult-movie__listItem { width: 48%; margin-bottom: 30px; } @media screen and (max-width: 768px) { .searchResult-movie__list .searchResult-movie__listItem { width: 100%; } } .searchResult-movie__list .searchResult-movie__listItem .searchResult-movie__figure { width: 135px; } .searchResult-movie__list .searchResult-movie__listItem .searchResult-movie__body .tagcloud__list { padding-left: 0px; margin-top: 5px; } .searchResult-disc__list { display: flex; flex-wrap: wrap; } @media screen and (max-width: 450px) { .searchResult-disc__list { justify-content: space-between; } } .searchResult-disc__list .searchResult-disc__listItem { width: 135px; margin-right: calc(25% - 168.75px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .searchResult-disc__list .searchResult-disc__listItem { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .searchResult-disc__list .searchResult-disc__listItem { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .searchResult-disc__list .searchResult-disc__listItem { width: 48%; margin-right: 0px !important; } } .searchResult-disc__list .searchResult-disc__listItem:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .searchResult-disc__list .searchResult-disc__listItem:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .searchResult-disc__list .searchResult-disc__listItem:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .searchResult-disc__list .searchResult-disc__listItem:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .searchResult-disc__list .searchResult-disc__listItem:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .searchResult-disc__list .searchResult-disc__listItem:nth-child(3n+3) { margin-right: 0px; } } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__figure { width: 135px; } @media screen and (max-width: 450px) { .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__figure { width: 100%; } } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer { display: flex; flex-direction: column; width: 100%; margin-top: auto; } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer .score { display: flex; align-items: center; flex: 0 0 auto; width: 100%; line-height: 1; margin-top: auto; } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer .score .stars { width: 80px; margin-right: 10px; } @media screen and (max-width: 768px) { .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer .score .stars { width: 74px; margin-right: 6px; } } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer .score .point { color: rgb(34, 34, 34); } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer .score .point .en { font-size: 20px; font-weight: bold; letter-spacing: -0.02em; } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer .score .point .ja { font-size: 10px; } .searchResult-person__listItem { position: relative; border-bottom: 1px dashed rgb(221, 221, 221); padding: 20px 0px; display: flex; flex-wrap: wrap; } .searchResult-person__listItem:first-child { padding-top: 0px; } @media screen and (max-width: 768px) { .searchResult-person__listItem { display: block; overflow: hidden; padding: 10px 0px; } } .searchResult-person__listItem .searchResult-person__figure { position: relative; width: 112px; background: rgb(255, 255, 255); overflow: hidden; align-self: flex-start; display: block; } @media screen and (max-width: 768px) { .searchResult-person__listItem .searchResult-person__figure { width: 20%; order: 1; float: left; margin: 0px 0px 10px; } } .searchResult-person__listItem .searchResult-person__figure:hover { opacity: 0.8; } .searchResult-person__listItem .searchResult-person__figure::after { content: ""; padding-top: 141.4%; display: block; } .searchResult-person__listItem .searchResult-person__figure .figure__img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center top; transition: all 0.3s ease 0s; margin: auto; } .searchResult-person__listItem .searchResult-person__heading { width: 100%; line-height: 1.4; margin-bottom: 10px; } .searchResult-person__listItem .searchResult-person__heading h3 { font-size: 16px; } .searchResult-person__listItem .searchResult-person__body { width: calc(100% - 112px); padding-left: 20px; } @media screen and (max-width: 768px) { .searchResult-person__listItem .searchResult-person__body { order: 3; width: 80%; display: inline-block; padding-left: 10px; } } .searchResult-person__listItem .searchResult-person__body .searchResult-person__table { height: 100%; table-layout: fixed; } .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table { min-height: 100%; } @media screen and (max-width: 414px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table { font-size: 11px; } } .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table th, .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table td { padding: 0.3em 0.5em; } .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table th { width: 18%; } @media screen and (max-width: 768px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table th { width: 20%; } } @media screen and (max-width: 600px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table th { width: 27%; } } @media screen and (max-width: 414px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table th { width: 26%; } } @media screen and (max-width: 375px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table th { width: 31%; } } .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table td { width: 32%; } @media screen and (max-width: 768px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table td { width: 80%; } } @media screen and (max-width: 600px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table td { width: 73%; } } @media screen and (max-width: 414px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table td { width: 74%; } } @media screen and (max-width: 375px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table td { width: 69%; } } .searchResult-person__listItem .searchResult-person__more { width: 100%; margin: 20px 0px 0px; } @media screen and (max-width: 768px) { .searchResult-person__listItem .searchResult-person__more { order: 4; margin: 0px; } } .searchResult-person-2__listItem { position: relative; border-bottom: 1px dashed rgb(221, 221, 221); padding: 20px 0px; } .searchResult-person-2__listItem:first-child { padding-top: 0px; } .searchResult-person-2__listItem:last-child { border: 0px; } .searchResult-person-2__listItem h3 { font-size: 16px; margin-bottom: 10px; } .searchResult-person-2__listItem .searchResult-person-2__desc { display: none !important; } @media screen and (max-width: 768px) { .searchResult-person-2__listItem .searchResult-person-2__desc { font-size: 14px; } } .searchResult-person-2__listItem .related { display: flex; align-items: flex-start; flex-wrap: nowrap; } @media screen and (max-width: 414px) { .searchResult-person-2__listItem .related { flex-direction: column; } } .searchResult-person-2__listItem .related span { flex: 0 0 auto; background: rgb(221, 221, 221); font-size: 11px; line-height: 1.8; padding: 4px 10px; margin-right: 5px; } @media screen and (max-width: 414px) { .searchResult-person-2__listItem .related span { margin-bottom: 5px; } } .searchResult-person-2__listItem .related ul { overflow: hidden; } .searchResult-person-2__listItem .related ul li { display: inline-block; float: left; font-size: 16px; font-weight: bold; margin-right: 1em; } @media screen and (max-width: 768px) { .searchResult-person-2__listItem .related ul li { font-size: 14px; } } @media screen and (max-width: 414px) { .searchResult-person-2__listItem .related ul li { margin: 0px 1em 0px 5px; } } .searchResult-person-2__listItem .related ul li::after { display: inline-block; margin: 0px 10px 0px 5px; } .searchResult-article__list .articleList__listItem:first-child { padding-top: 0px; } .personDetail .personDetail__contents { display: flex; flex-wrap: wrap; } .personDetail .personDetail__contents .personDetail__heading { width: 100%; display: flex; align-items: center; margin: 0px 0px 20px; } @media screen and (max-width: 600px) { .personDetail .personDetail__contents .personDetail__heading { align-items: flex-start; } } .personDetail .personDetail__contents .personDetail__heading .clip { margin-right: 10px; } .personDetail .personDetail__contents .personDetail__heading h2 { max-width: calc(100% - 60px); font-size: 24px; font-weight: bold; line-height: 1; } .personDetail .personDetail__contents .personDetail__heading h2 .ruby { font-size: 12px; font-weight: normal; display: block; line-height: 1; margin: 10px 0px 0px; } .personDetail .personDetail__contents .personDetail__data { width: 100%; background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 25px; margin: 0px 0px 20px; } @media screen and (max-width: 768px) { .personDetail .personDetail__contents .personDetail__data { font-size: 12px; padding: 10px; } } .personDetail .personDetail__contents .personDetail__data ul { overflow: hidden; } .personDetail .personDetail__contents .personDetail__data ul li { float: left; font-size: 14px; padding-right: 10px; } .personDetail .personDetail__contents .personDetail__data ul li::after { display: inline-block; } .personDetail .personDetail__contents .personDetail__data ul li:last-child::after { content: none; } .personDetail--history { font-size: 14px; } @media screen and (max-width: 768px) { .personDetail--history .history { font-size: 14px; } } .personDetail--relatedArticles .relatedArticles__listItem { border-bottom: 1px dashed rgb(221, 221, 221); padding: 20px 0px; } .personDetail--relatedArticles .relatedArticles__listItem:first-child { padding-top: 0px; } .personDetail--relatedArticles .relatedArticles__listItem h3 { font-size: 16px; } @media screen and (max-width: 768px) { .personDetail--relatedArticles .relatedArticles__listItem .relatedArticles__desc { font-size: 14px; } } .personDetail--relatedWork h3 { color: rgb(34, 34, 34); font-weight: normal; margin-bottom: 30px; } .personDetail--relatedWork .relatedWork__list--disc { display: flex; margin-bottom: 30px; } .personDetail--relatedWork .relatedWork__listItem--disc { width: 130px; margin-right: 46px; } @media screen and (max-width: 768px) { .personDetail--relatedWork .relatedWork__listItem--disc { margin-right: 20px; } } .personDetail--relatedWork .relatedWork__listItem--disc .p-box .p-box__title { margin-bottom: 0px; } .personDetail--relatedWork .relatedWork__listItem--disc .p-box .p-box__desc, .personDetail--relatedWork .relatedWork__listItem--disc .p-box .tagcloud__list { display: none; } .personDetail--relatedArticles-2 { margin-bottom: 30px; } @media screen and (max-width: 768px) { .personDetail--relatedArticles-2 { width: 100%; overflow: hidden; } } .personDetail--relatedArticles-2 .relatedArticles-2__list { display: flex; margin-bottom: 30px; } @media screen and (max-width: 768px) { .personDetail--relatedArticles-2 .relatedArticles-2__list { width: 2000px; } } .personDetail--relatedArticles-2 .relatedArticles-2__list .relatedArticles__listItem { width: 250px; margin-right: 20px; } .personDetail--relatedArticles-2 .relatedArticles-2__list .relatedArticles__listItem .p-card { border: 0px; } .personDetail--relatedArticles-2 .relatedArticles-2__list .relatedArticles__listItem .p-card .p-card__body { padding: 0px; } .personDetail--relatedArticles-2 .relatedArticles-2__list .relatedArticles__listItem .p-card .p-card__desc { padding: 0px; } .personDetail-relatedWork .personDetail-relatedWork-tab__contents .c-heading--quaternary { margin-bottom: 20px; } .discList__list { display: flex; flex-wrap: wrap; margin: 0px calc(-10% + 67.5px) 30px; } @media screen and (max-width: 768px) { .discList__list { margin: 0px calc(-12.5% + 67.5px) 30px; } } @media screen and (max-width: 600px) { .discList__list { margin: 0px calc(-16.5% + 67.5px) 30px; } } @media screen and (max-width: 414px) { .discList__list { margin: 0px 0px 30px; justify-content: space-around; } } .discList__list .discList__listItem { width: 20%; margin: 0px 0px 40px; } @media screen and (max-width: 768px) { .discList__list .discList__listItem { width: 25%; min-width: 150px; } } @media screen and (max-width: 600px) { .discList__list .discList__listItem { width: 33%; min-width: 140px; } } @media screen and (max-width: 414px) { .discList__list .discList__listItem { width: 50%; min-width: 135px; } } .discList__list .discList__listItem .p-box { width: 135px; margin: 0px auto; } .discList__list .discList__listItem .p-box__title { margin-bottom: 0px; } .articleList .displaySwtich { position: absolute; right: 0px; top: -7px; display: flex; background: rgb(255, 255, 255); padding-left: 10px; margin: 0px 0px 5px; z-index: 1; } .articleList .displaySwtich .displaySwtich__btn { opacity: 0.2; transition: all 0.3s ease-out 0s; } .articleList .displaySwtich .displaySwtich__btn:hover { opacity: 1; } .articleList .displaySwtich .displaySwtich__btn:first-child { margin: 0px 0px 0px auto; } .articleList .displaySwtich .displaySwtich__btn.is-active { opacity: 1; pointer-events: none; } .articleList .displaySwtich .displaySwtich__btn img { padding: 10px; } .articleList .c-form .c-form__searchBox { border: 0px; background: rgb(255, 255, 255); padding: 0px; } @media screen and (max-width: 768px) { .articleList__contents { padding-top: 12px; } } .articleList__list { display: flex; flex-wrap: wrap; margin-bottom: 10px; } @media screen and (max-width: 450px) { .articleList__list { justify-content: space-between; } } .articleList__list .articleList__listItem { width: 100%; border-bottom: 1px dashed rgb(221, 221, 221); padding: 20px 0px; } @media screen and (max-width: 768px) { .articleList__list .articleList__listItem { padding: 10px 0px; } } .articleList__list .articleList__listItem:last-child { border: 0px; } .articleList__list .articleList__figure { width: 135px; } .articleList__list .articleList__figure .c-figure.c-figure--product::after { padding-top: 66.56%; } .articleList__list .articleList__figure .c-figure.c-figure--product .figure__img { background-position: center top; } .articleList__list .articleList__heading .release { display: block; line-height: 1; text-align: right; margin: -6px 0px; } .articleList__list .articleList__listItem--column { width: 135px; margin-right: calc(25% - 168.75px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .articleList__list .articleList__listItem--column { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .articleList__list .articleList__listItem--column { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .articleList__list .articleList__listItem--column { width: 48%; margin-right: 0px !important; } } .articleList__list .articleList__listItem--column:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .articleList__list .articleList__listItem--column:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .articleList__list .articleList__listItem--column:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .articleList__list .articleList__listItem--column:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .articleList__list .articleList__listItem--column:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .articleList__list .articleList__listItem--column:nth-child(3n+3) { margin-right: 0px; } } .articleList__list .articleList__listItem--column .articleList__figure { width: 135px; } @media screen and (max-width: 450px) { .articleList__list .articleList__listItem--column .articleList__figure { width: 100%; } } .articleList__list .articleList__listItem--column .articleList__figure .c-figure.c-figure--product::after { padding-top: 66.56%; } .articleList__list .articleList__listItem--column .articleList__figure .c-figure.c-figure--product .figure__img { background-position: center top; } .articleList__list .articleList__listItem--column .articleList__title .new { display: inline-block; border: 0px; font-size: 0.8em; color: rgb(253, 40, 36); font-weight: bold; line-height: normal; padding: 0px; margin-right: 5px; } .articleDetail { font-size: 15px; } @media screen and (max-width: 768px) { .articleDetail { font-size: 16px; } } .articleDetail .articleDetail__heading { margin-bottom: 40px; } .articleDetail .articleDetail__heading .articleDetail__title { text-align: center; line-height: 1.4; font-size: calc(11px + 1.5625vw); } @media screen and (max-width: 320px) { .articleDetail .articleDetail__heading .articleDetail__title { font-size: 16px; } } @media screen and (min-width: 768px) { .articleDetail .articleDetail__heading .articleDetail__title { font-size: 23px; } } @media screen and (max-width: 768px) { .articleDetail .articleDetail__heading .articleDetail__title { text-align: left; } } .articleDetail .articleDetail__heading .date { text-align: right; display: block; } @media screen and (max-width: 768px) { .articleDetail .articleDetail__heading .date { font-size: 11px; } } .articleDetail .articleDetail__contents { margin-bottom: 60px; } .articleDetail-relatedWork .articleDetail-relatedWork-tab__contents .c-heading--quaternary { margin-bottom: 20px; } .articleDetail__section { margin-bottom: 80px; } .articleDetail__section .articleDetail__subtitle { border-bottom: 1px dashed rgb(221, 221, 221); line-height: 1.4; padding-bottom: 15px; margin-bottom: 15px; font-size: calc(11.1429px + 0.892857vw); } @media screen and (max-width: 320px) { .articleDetail__section .articleDetail__subtitle { font-size: 14px; } } @media screen and (min-width: 768px) { .articleDetail__section .articleDetail__subtitle { font-size: 18px; } } .articleDetail__section .figure__img { margin: 20px auto; text-align: center; } .articleDetail__section figcaption { color: rgb(153, 153, 153); font-size: 11px; text-align: center; margin-bottom: 50px; } .fluid-btnWrap { width: 100%; text-align: center; margin: 10px auto 50px; } .scheduleAll__wrap--search { position: relative; margin-bottom: 30px; } .scheduleAll__wrap--search .scheduleAll-nav { width: 100%; height: 1.5em; font-size: 16px; overflow-y: hidden; margin-bottom: 15px; } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list { display: flex; margin: 0px auto; } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list .scheduleAll-nav__listItem { white-space: nowrap; } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list .scheduleAll-nav__listItem::before { content: "|"; display: inline-block; color: rgb(34, 34, 34); } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list .scheduleAll-nav__listItem:last-child::after { content: "|"; display: inline-block; color: rgb(34, 34, 34); } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list .scheduleAll-nav__listItem.is-active a { color: rgb(34, 34, 34); pointer-events: none; } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list .scheduleAll-nav__listItem a { color: rgb(14, 164, 227); display: inline-block; padding: 0px 10px; } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list .scheduleAll-nav__listItem a:hover { color: rgb(0, 86, 179); } .scheduleAll__wrap--search .scheduleAll-tab { width: 100%; } .scheduleAll__wrap--search .schedule__nav--sp { margin: 0px 0px 20px; } .scheduleAll__wrap--search .scheduleAll-switch { position: absolute; right: 0px; top: 6px; display: flex; } .scheduleAll__wrap--search .scheduleAll-switch .scheduleAll-switch--movie { top: 48px; } @media screen and (max-width: 768px) { .scheduleAll__wrap--search .scheduleAll-switch { position: relative; right: auto; top: auto; margin: 0px 0px 10px; } } .scheduleAll__wrap--search .scheduleAll-switch .scheduleAll-switch__btn { opacity: 0.2; transition: all 0.3s ease-out 0s; } .scheduleAll__wrap--search .scheduleAll-switch .scheduleAll-switch__btn:hover { opacity: 1; } .scheduleAll__wrap--search .scheduleAll-switch .scheduleAll-switch__btn:first-child { margin: 0px 10px 0px auto; } .scheduleAll__wrap--search .scheduleAll-switch .scheduleAll-switch__btn.is-active { opacity: 1; pointer-events: none; } .scheduleAll__wrap--search .scheduleAll-switch-2 { position: absolute; top: 6px; right: 60px; display: flex; font-size: 14px; } @media screen and (max-width: 768px) { .scheduleAll__wrap--search .scheduleAll-switch-2 { position: relative; right: auto; top: auto; float: left; margin: 0px 0px 10px; } } .scheduleAll__wrap--search .scheduleAll-switch-2 span { margin: 0px 8px; } .scheduleAll__wrap--search .scheduleAll-switch-2 a.is-active { color: rgb(34, 34, 34); pointer-events: none; } .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area { margin-left: 0px; } .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-select__box { margin-right: 10px; } @media screen and (max-width: 600px) { .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-select__box { width: 100%; margin: 0px 0px 10px; } } @media screen and (max-width: 600px) { .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-btn { width: 100%; } } .scheduleMovie__list { display: flex; flex-wrap: wrap; margin-bottom: 10px; } @media screen and (max-width: 450px) { .scheduleMovie__list { justify-content: space-between; } } .scheduleMovie__list .scheduleMovie__listItem { width: 100%; border-bottom: 1px dashed rgb(221, 221, 221); padding: 30px 0px; } .scheduleMovie__list .scheduleMovie__listItem:last-child { border: 0px; } .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__figure { width: 135px; } .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__desc { margin-top: 0px; } .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link { width: auto; margin: 10px 0px 0px; } @media screen and (max-width: 600px) { .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link { width: 100%; margin: 10px 0px; } } .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link .c-btn { display: inline-flex; align-items: center; } @media screen and (max-width: 768px) { .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link .c-btn { font-size: 14px; padding: 0.4em 1.2em; } } @media screen and (max-width: 414px) { .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link .c-btn { font-size: 12px; padding: 0.3em 1em; } } .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link .c-btn img { width: 20px; margin-right: 5px; } @media screen and (max-width: 768px) { .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link .c-btn img { width: 15px; } } @media screen and (max-width: 374px) { .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link .c-btn span { display: none; } } .scheduleMovie__list .scheduleMovie__listItem--column { width: 135px; margin-right: calc(25% - 168.75px); margin-bottom: 15px; margin-top: 15px; } @media screen and (max-width: 768px) { .scheduleMovie__list .scheduleMovie__listItem--column { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .scheduleMovie__list .scheduleMovie__listItem--column { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .scheduleMovie__list .scheduleMovie__listItem--column { width: 48%; margin-right: 0px !important; } } .scheduleMovie__list .scheduleMovie__listItem--column:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .scheduleMovie__list .scheduleMovie__listItem--column:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .scheduleMovie__list .scheduleMovie__listItem--column:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .scheduleMovie__list .scheduleMovie__listItem--column:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .scheduleMovie__list .scheduleMovie__listItem--column:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .scheduleMovie__list .scheduleMovie__listItem--column:nth-child(3n+3) { margin-right: 0px; } } .scheduleMovie__list .scheduleMovie__listItem--column .scheduleMovie__footer { display: flex; flex-direction: column; width: 100%; margin-top: auto; } .scheduleMovie__list .scheduleMovie__listItem--column .score { display: flex; align-items: center; flex: 0 0 auto; width: 100%; line-height: 1; margin-top: auto; } .scheduleMovie__list .scheduleMovie__listItem--column .score .stars { width: 80px; margin-right: 10px; } @media screen and (max-width: 768px) { .scheduleMovie__list .scheduleMovie__listItem--column .score .stars { width: 74px; margin-right: 6px; } } .scheduleMovie__list .scheduleMovie__listItem--column .score .point { color: rgb(34, 34, 34); } .scheduleMovie__list .scheduleMovie__listItem--column .score .point .en { font-size: 20px; font-weight: bold; letter-spacing: -0.02em; } .scheduleMovie__list .scheduleMovie__listItem--column .score .point .ja { font-size: 10px; } .scheduleMovie__list .scheduleMovie__listItem--column .scheduleMovie__link { width: 100%; } .scheduleMovie__list .scheduleMovie__listItem--column .scheduleMovie__link .c-btn { width: 100%; display: block; font-size: 12px; padding: 2px; margin-top: 5px; } .scheduleMovie__list .scheduleMovie__listItem--column .scheduleMovie__link .c-btn img { width: 15px; margin-right: 5px; } .scheduleDisc__list { width: 100%; display: flex; flex-wrap: wrap; } @media screen and (max-width: 450px) { .scheduleDisc__list { justify-content: space-between; } } .scheduleDisc__list.scheduleDisc__list--rows { justify-content: space-between; margin: 0px 0px 30px; } .scheduleDisc__list .scheduleDisc__listItem { width: 135px; margin-right: calc(25% - 168.75px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .scheduleDisc__list .scheduleDisc__listItem { width: 48%; margin-right: 0px !important; } } .scheduleDisc__list .scheduleDisc__listItem:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem:nth-child(3n+3) { margin-right: 0px; } } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__figure { width: 135px; margin: 0px auto; } @media screen and (max-width: 450px) { .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__figure { width: 100%; } } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__body { width: 135px; margin: 5px auto 0px; } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer { display: flex; flex-direction: column; width: 100%; margin-top: auto; } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer .score { display: flex; align-items: center; flex: 0 0 auto; width: 100%; line-height: 1; margin-top: auto; } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer .score .stars { width: 80px; margin-right: 10px; } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer .score .stars { width: 74px; margin-right: 6px; } } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer .score .point { color: rgb(34, 34, 34); } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer .score .point .en { font-size: 20px; font-weight: bold; letter-spacing: -0.02em; } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer .score .point .ja { font-size: 10px; } .scheduleDisc__list .scheduleDisc__listItem .shop { width: 135px; margin: 10px auto 0px; } .scheduleDisc__list .scheduleDisc__listItem .shop .shop__link { width: 100%; display: block; border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); box-sizing: border-box; margin-bottom: 10px; } .scheduleDisc__list .scheduleDisc__listItem .shop .shop__link .figure__img { width: 135px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; display: block; } .scheduleDisc__list .scheduleDisc__listItem .shop .shop__txt { color: rgb(253, 50, 47); font-weight: bold; display: block; text-align: center; margin: -5px auto 0px; } .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row { width: 48%; margin-bottom: 30px; margin-right: 0px; } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row { width: 100% !important; margin-right: 0px; } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row { margin-right: 0px; } } @media screen and (max-width: 450px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row { width: 100%; margin-right: 0px !important; } } .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row:nth-child(5n+5) { margin-right: 0px; } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row:nth-child(5n+5) { margin-right: 0px; } } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row:nth-child(3n+3) { margin-right: 0px; } } @media screen and (max-width: 450px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row .scheduleDisc__figure { width: 135px; } } .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row .scheduleDisc__body { width: calc(100% - 135px); padding-left: 20px; margin-top: 0px; } .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row .scheduleDisc__body .scheduleDisc__ttl { font-size: 16px; } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row .scheduleDisc__body .scheduleDisc__ttl { font-size: 14px; } } .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row .scheduleDisc__body .scheduleDisc__desc { margin-top: 0px; } .scheduleTV__listItem { margin-bottom: 40px; list-style: none; } .scheduleTV-program__list { margin-top: 20px; } .scheduleTV-program__list .scheduleTV-program__listItem { background: rgb(248, 248, 248); padding: 5px 10px; } .scheduleTV-program__list .scheduleTV-program__listItem:nth-child(2n) { background: rgb(255, 255, 255); } .scheduleTV-program__list .scheduleTV__ttl { font-size: 16px; } @media screen and (max-width: 768px) { .scheduleTV-program__list .scheduleTV__ttl { font-size: 14px; } } .ranking-tab { margin-top: 10px; } .ranking__nav--sp { margin: 10px 0px; } .ranking__listItem { border-bottom: 1px dashed rgb(221, 221, 221); padding-bottom: 20px; margin-bottom: 20px; } .reviewList-top { margin-bottom: 40px; } .reviewList-top .reviewList-top__listItem .reviewList-top__figure { width: 110px; } .reviewList-top .reviewList-top__listItem .reviewList-top__body { width: calc(100% - 110px); } .reviewList-top .reviewList-top__listItem .reviewList-top__body .tagcloud__list { padding-left: 20px; } @media screen and (max-width: 768px) { .reviewList-top .reviewList-top__listItem .reviewList-top__body .tagcloud__list { padding-left: 0px; } } .reviewList-top .reviewList-top__listItem .reviewList-top__ttl { font-size: 16px; } .reviewList-top .reviewList-top__listItem .reviewList-top__link { width: 50%; margin: 40px auto 0px; } @media screen and (max-width: 600px) { .reviewList-top .reviewList-top__listItem .reviewList-top__link { width: 100%; } } .reviewList-top .reviewList-top__listItem .reviewList-top__link .c-btn { display: block; } .reviewList-top .reviewList-top__listItem .reviewList-top__link .c-btn img { margin-right: 5px; } .reviewList__list .reviewList__listItem { padding: 30px 0px; border-bottom: 1px dashed rgb(221, 221, 221); } .reviewList__list .reviewList__listItem:last-child { border: 0px; } .reviewList__list .reviewList-listItem__header { display: flex; margin-bottom: 10px; } .reviewList__list .reviewList__figure { width: 60px; height: 60px; flex: 0 0 auto; margin-right: 10px; } .reviewList__list .reviewList__body { width: calc(100% - 70px); flex-direction: column; padding-left: 0px; } .reviewList__list .reviewList__body .reviewList__heading { display: flex; flex-wrap: wrap; align-items: flex-start; } .reviewList__list .reviewList__body .reviewList__heading .col--left { width: 48%; } @media screen and (max-width: 768px) { .reviewList__list .reviewList__body .reviewList__heading .col--left { width: 100%; } } .reviewList__list .reviewList__body .reviewList__heading .col--left.is-fluid { width: 100%; } .reviewList__list .reviewList__body .reviewList__heading .col--left .reviewList__reviewer { font-size: 14px; font-weight: normal; margin-bottom: 5px; } .reviewList__list .reviewList__body .reviewList__heading .col--left .genre__list { margin-bottom: 20px; } .reviewList__list .reviewList__body .reviewList__heading .col--left .dateList { display: block; margin-bottom: 10px; } .reviewList__list .reviewList__body .reviewList__heading .col--left .dateList span { display: inline-block; color: rgb(177, 177, 177); line-height: 1; } .reviewList__list .reviewList__body .reviewList__heading .col--left .dateList span.date-post { color: rgb(0, 0, 0); margin-right: 20px; } .reviewList__list .reviewList__body .reviewList__heading .col--right { width: 52%; display: flex; } @media screen and (max-width: 768px) { .reviewList__list .reviewList__body .reviewList__heading .col--right { display: none; } } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list { display: flex; margin-left: auto; } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem { width: 80px; background-repeat: no-repeat; background-position: left 9px center; background-size: 18px; display: flex; align-items: center; justify-content: center; border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-right-style: initial; border-right-color: initial; padding: 4px 0px 4px 35px; } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem:first-child { background: rgb(248, 248, 248); padding: 5px 0px; } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem:last-child { border-right: 1px solid rgb(221, 221, 221); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem.is-active span { color: rgb(14, 164, 227); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem span { width: 70px; color: rgb(153, 153, 153); font-size: 10px; line-height: 1.2; } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem img { height: 20px; margin-right: 5px; } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--movie { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--movie.is-active { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--disc { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--disc.is-active { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--net { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--net.is-active { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--tv { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--tv.is-active { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col { width: 100%; } .reviewList__list .reviewList__body .reviewList__heading .col.is-bottom { align-items: flex-start; margin: auto 0px 10px; } .reviewList__list .reviewList__body .reviewList__heading .col.is-bottom .tagcloud__list { flex-wrap: wrap; padding-left: 20px; } @media screen and (max-width: 768px) { .reviewList__list .reviewList__body .reviewList__heading .col.is-bottom .tagcloud__list { width: calc(100% + 70px); padding-left: 0px; margin: 10px 0px 0px -70px; } } .reviewList__list .reviewList-listItem__review { width: 100%; display: flex; align-items: center; flex-wrap: wrap; } .reviewList__list .reviewList-listItem__review.has-netabare .netabare { display: inline-block; } .reviewList__list .reviewList-listItem__review .netabare { display: none; float: left; font-size: 11px; font-weight: normal; line-height: 1; color: rgb(255, 255, 255); background: rgb(251, 38, 3); padding: 2px 8px; margin-right: 5px; } @media screen and (max-width: 600px) { .reviewList__list .reviewList-listItem__review .netabare { float: none; margin-bottom: 5px; } } .reviewList__list .reviewList-listItem__ttl--review { font-size: 16px; display: block; } @media screen and (max-width: 414px) { .reviewList__list .reviewList-listItem__ttl--review { font-size: 14px; } } .reviewList__list .reviewList__desc { width: 100%; margin-top: 10px !important; } .reviewList__list .reviewList__desc .reviewList__caution { color: rgb(251, 38, 3); font-size: 16px; text-decoration: underline; } .reviewDetail__list { border-bottom: 1px dashed rgb(221, 221, 221); margin-bottom: 20px; } .formGroup__col--score .c-input { width: 8em; } .formGroup__col--score span { margin: auto 0px 0px 5px; } .formGroup__col--impression { margin-bottom: -8px; } @media screen and (max-width: 768px) { .formGroup__col--impression { margin-bottom: -5px; } } .formGroup__col--impression .c-check--tag { margin: 0px 10px 8px 0px; } @media screen and (max-width: 768px) { .formGroup__col--impression .c-check--tag { margin: 0px 10px 5px 0px; } } .formGroup__col--reviewTitle .c-input { width: 100%; } .formGroup__col--reviewText .c-textarea { width: 100%; } .formGroup__col--reviewText .limit { margin: 3px 0px 0px auto; } @media screen and (max-width: 600px) { .formGroup__col--netabare .c-check__label { white-space: normal; letter-spacing: -0.02em; line-height: 1.3; } } .formGroup__col--netabare .c-check__label br { display: none; } @media screen and (max-width: 600px) { .formGroup__col--netabare .c-check__label br { display: block; } } .formGroup__col--watching { margin-bottom: -15px; } @media screen and (max-width: 768px) { .formGroup__col--watching { margin-bottom: -5px; } } .formGroup__col--watching .c-check { margin: 0px 15px 15px 0px; } @media screen and (max-width: 768px) { .formGroup__col--watching .c-check { margin: 0px 15px 5px 0px; } } .reviewList-expart__listItem { padding: 30px 0px; border-bottom: 1px dashed rgb(221, 221, 221); } @media screen and (max-width: 414px) { .reviewList-expart__listItem { flex-direction: column; } } .reviewList-expart__listItem:first-child { padding-top: 10px; } .reviewList-expart__listItem:last-child { border: 0px; } .reviewList-expart__listItem .review__figure { width: 110px; } @media screen and (max-width: 414px) { .reviewList-expart__listItem .review__figure { width: 135px; margin: 0px auto 10px; } } .reviewList-expart__listItem .reviewList-expart__body { width: calc(100% - 110px); margin-bottom: 0px; } @media screen and (max-width: 414px) { .reviewList-expart__listItem .reviewList-expart__body { width: 100%; background: rgb(248, 248, 248); padding: 0px 0px 10px; margin-bottom: 20px; } } .reviewList-expart__listItem .reviewList-expart__body .reviewList-expart__movieName { margin-bottom: 0px; } @media screen and (max-width: 768px) { .reviewList-expart__listItem .reviewList-expart__body .reviewList-expart__movieName { margin: 0px 0px 20px; } } @media screen and (max-width: 414px) { .reviewList-expart__listItem .reviewList-expart__body .reviewList-expart__movieName { width: 100%; font-size: 18px; text-align: center; background: rgb(255, 255, 255); display: block; padding-bottom: 10px; margin-bottom: 20px; } } .reviewList-expart__listItem .reviewList-expart__body .genre__list { margin-top: 2px; margin-bottom: 0px; } .reviewList-expart__listItem .reviewDetail-expart__body { width: 100%; } .reviewList-expart__listItem .reviewDetail-expart__body .reviewList__heading .reviewList-expart__reviewer { color: rgb(34, 34, 34); margin-bottom: 5px; } .reviewList-expart__listItem .reviewDetail-expart__body .reviewList__heading .col.is-bottom { margin-bottom: 0px; } .reviewList-expart__listItem .reviewList-expart__reviewerInfo { display: flex; margin-bottom: 0px; } @media screen and (max-width: 414px) { .reviewList-expart__listItem .reviewList-expart__reviewerInfo { padding: 0px 20px; } } .reviewList-expart__listItem .reviewList-expart__reviewerInfo .reviewList-expart__figure { width: 60px; height: 60px; flex: 0 0 auto; margin-right: 10px; } .reviewList-expart__listItem .reviewList-expart__reviewerInfo .col--right { width: auto; display: flex; flex-direction: column; padding-left: 0px; } .reviewList-expart__listItem .reviewList-expart__reviewerInfo .col--right small { display: block; line-height: 1; font-size: 11px; margin-bottom: 2px; } @media screen and (max-width: 768px) { .reviewList-expart__listItem .reviewList-expart__reviewerInfo .col--right small { margin-bottom: 5px; } } .reviewList-expart__listItem .reviewList-expart__reviewerInfo .col--right .reviewList-expart__reviewer { color: rgb(34, 34, 34); font-size: 14px; font-weight: bold; align-items: flex-start; margin-bottom: 2px; } .reviewList-expart__listItem .reviewList-expart__reviewerInfo .col--right .release { display: block; line-height: 1.2; margin-bottom: 0px; } @media screen and (max-width: 414px) { .reviewList-expart__listItem .reviewList-expart__reviewerInfo .col--right .release { margin-bottom: 6px; } } .reviewList-expart__listItem .reviewList-expart__desc { margin-top: 5px; } @media screen and (max-width: 414px) { .reviewList-expart__listItem .reviewList-expart__desc { padding: 0px 20px !important; } } .reviewList-expart__listItem .reviewList-expart__desc .reviewList-expart__ttl { font-size: 14px; margin-bottom: 5px; } .reviewList-expart__listItem .reviewList-expart__more { width: 100%; } .reviewList-expart__listItem .reviewList-expart__more .link--more { line-height: 1.5; } .bookList__list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 0px; margin-bottom: -20px; } .bookList__list .bookList__listItem { width: 48%; margin-bottom: 20px; } @media screen and (max-width: 600px) { .bookList__list .bookList__listItem { width: 100%; } } .bookList__list .bookList__figure { width: 135px; } .bookList__list .price { letter-spacing: -0.02em; } .bookList__list .price.is-bottom { margin-top: auto; } .bookList__list .price .ja { background: rgb(221, 221, 221); padding: 2px 5px; margin-right: 2px; } .bookList__list .price .yen { font-size: 16px; font-weight: bold; } .bookList__list .price .tax { font-size: 12px; font-weight: bold; margin-left: -1px; } .bookDetail-top { overflow: hidden; margin-bottom: 30px; } .bookDetail-top .bookDetail-top__heading { width: calc(100% - 200px); float: right; padding-left: 50px; margin-bottom: 20px; } @media screen and (max-width: 600px) { .bookDetail-top .bookDetail-top__heading { width: 100%; float: none; padding: 0px; } } .bookDetail-top .bookDetail-top__heading .bookDetail-top__title { font-size: 18px; margin-bottom: 5px; } .bookDetail-top .bookDetail-top__heading .category { color: rgb(153, 153, 153); display: block; margin-bottom: 10px; } .bookDetail-top .col--left { width: 200px; float: left; } @media screen and (max-width: 600px) { .bookDetail-top .col--left { width: 100%; float: none; margin-bottom: 30px; } } .bookDetail-top .col--left .bookDetail-top__figure { width: 200px; margin-bottom: 10px; } @media screen and (max-width: 600px) { .bookDetail-top .col--left .bookDetail-top__figure { margin: 0px auto 20px; } } .bookDetail-top .col--left .bookDetail-top__slider--controll { background: rgb(248, 248, 248); border-radius: 5px; display: flex; justify-content: space-between; padding: 15px 20px; margin-bottom: 10px; } @media screen and (max-width: 600px) { .bookDetail-top .col--left .bookDetail-top__slider--controll { justify-content: center; } } .bookDetail-top .col--left .bookDetail-top__slider--controll .btn--controll { width: 48px; height: 48px; color: rgb(221, 221, 221); background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 5px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 600px) { .bookDetail-top .col--left .bookDetail-top__slider--controll .btn--controll { margin: 0px 5px; } } .bookDetail-top .col--left .bookDetail-top__slider--controll .btn--controll.is-active, .bookDetail-top .col--left .bookDetail-top__slider--controll .btn--controll:hover { color: rgb(255, 255, 255); background: rgb(14, 164, 227); border-color: rgb(14, 164, 227); } .bookDetail-top .col--left .purchase__list { margin-bottom: -10px; } .bookDetail-top .col--left .purchase__list .purchase__listItem { margin-bottom: 10px; } .bookDetail-top .col--left .purchase__list .purchase__listItem a { width: 100%; background: rgb(255, 255, 255); display: block; text-align: center; padding: 2px; } .bookDetail-top .col--left .purchase__list .purchase__listItem.purchase__listItem--amazon a { color: rgb(254, 163, 42); border: 1px solid rgb(254, 163, 42); } .bookDetail-top .col--left .purchase__list .purchase__listItem.purchase__listItem--hmv a { color: rgb(127, 197, 14); border: 1px solid rgb(127, 197, 14); } .bookDetail-top .col--left .purchase__list .purchase__listItem.purchase__listItem--seven a { color: rgb(254, 76, 74); border: 1px solid rgb(254, 76, 74); } .bookDetail-top .col--right { width: calc(100% - 200px); float: right; padding-left: 50px; } @media screen and (max-width: 600px) { .bookDetail-top .col--right { width: 100%; float: none; padding: 0px; } } .bookDetail-top .col--right .bookDetail-top__desc--2 { margin-bottom: 50px; } .bookDetail-top .col--right .bookDetail-top__table { font-size: 12px; } .bookDetail-top .col--right .bookDetail-top__table th, .bookDetail-top .col--right .bookDetail-top__table td { padding: 3px 10px; text-align: left; } .bookDetail-top .col--right .bookDetail-top__table th { width: 80px; } .bookDetail-top__trial { margin-bottom: 30px; } .bookDetail__desc--3 { margin-bottom: 30px; } @media screen and (max-width: 768px) { .previewList__contents .p-pagination:first-of-type { display: none; } } .previewList__list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 0px 30px; margin-bottom: -20px; } .previewList__list .previewList__listItem { position: relative; width: 48%; margin-bottom: 20px; } @media screen and (max-width: 600px) { .previewList__list .previewList__listItem { width: 100%; } } .previewList__list .previewList__listItem .previewList__figure { width: 135px; } .previewList__list .previewList__listItem .closed { display: none; } .previewList__list .previewList__listItem.is-closed::before { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); z-index: 2; } .previewList__list .previewList__listItem.is-closed > :not(.closed) { opacity: 0.3; } .previewList__list .previewList__listItem.is-closed .closed { position: absolute; right: 0px; bottom: 0px; width: calc(100% - 155px); background: rgb(67, 67, 67); font-size: 12px; color: rgb(255, 255, 255); text-align: center; display: block; padding: 5px; z-index: 3; } @media screen and (max-width: 414px) { .previewList__list .previewList__listItem.is-closed .closed { width: 80%; inset: 50% auto auto 50%; transform: translate(-50%, -50%); font-size: 12px; } } .previewDetail-top { overflow: hidden; margin-bottom: 30px; } .previewDetail-top .previewDetail-top__heading { width: calc(100% - 200px); float: right; padding-left: 50px; margin-bottom: 20px; } @media screen and (max-width: 600px) { .previewDetail-top .previewDetail-top__heading { width: 100%; float: none; padding: 0px; } } .previewDetail-top .previewDetail-top__heading .previewDetail-top__title { font-size: 18px; margin-bottom: 5px; } .previewDetail-top .col--left { width: 200px; float: left; } @media screen and (max-width: 600px) { .previewDetail-top .col--left { width: 100%; float: none; margin-bottom: 30px; } } .previewDetail-top .col--left .previewDetail-top__figure { width: 200px; margin-bottom: 10px; } @media screen and (max-width: 600px) { .previewDetail-top .col--left .previewDetail-top__figure { margin: 0px auto 20px; } } .previewDetail-top .col--left .previewDetail-top-btn__list { margin-bottom: -5px; } .previewDetail-top .col--left .previewDetail-top-btn__list .previewDetail-top-btn__listItem { margin-bottom: 5px; } .previewDetail-top .col--left .previewDetail-top-btn__list .previewDetail-top-btn__listItem .c-btn { width: 100%; display: block; text-align: center; padding: 2px; } @media screen and (max-width: 768px) { .previewDetail-top .col--left .previewDetail-top-btn__list .previewDetail-top-btn__listItem .c-btn { font-size: 12px; } } .previewDetail-top .col--right { width: calc(100% - 200px); float: right; padding-left: 50px; } @media screen and (max-width: 600px) { .previewDetail-top .col--right { width: 100%; float: none; padding: 0px; } } .previewDetail-top .col--right .previewDetail-top__desc--2 { margin-bottom: 50px; } .previewDetail-top .col--right .previewDetail-top__table { font-size: 12px; } .previewDetail-top .col--right .previewDetail-top__table th, .previewDetail-top .col--right .previewDetail-top__table td { padding: 3px 10px; text-align: left; } .previewDetail-top .col--right .previewDetail-top__table th { width: 80px; } .previewDetail-top__table { width: 100%; font-size: 12px; margin-bottom: 20px; } .previewDetail-top__table th { width: 120px; } @media screen and (max-width: 414px) { .previewDetail-top__table th { width: 90px; } } .previewDetail-top__back { margin-bottom: 30px; } .previewDetail-top__link { text-align: center; margin-bottom: 50px; } .previewDetail-top__link .c-btn { min-width: 210px; display: inline-block; } .previewDetail__form .formGroup__col--previewName { justify-content: space-between; } .previewDetail__form .formGroup__col--previewName .c-input { width: 49%; } @media screen and (max-width: 414px) { .previewDetail__form .formGroup__col--previewName .c-input { width: 100%; margin-bottom: 10px; } .previewDetail__form .formGroup__col--previewName .c-input:last-child { margin-bottom: 0px; } } .previewDetail__form .formGroup__col--previewFuri { justify-content: space-between; } .previewDetail__form .formGroup__col--previewFuri .c-input { width: 49%; } @media screen and (max-width: 414px) { .previewDetail__form .formGroup__col--previewFuri .c-input { width: 100%; margin-bottom: 10px; } .previewDetail__form .formGroup__col--previewFuri .c-input:last-child { margin-bottom: 0px; } } .previewDetail__form .formGroup__col--previewAdress01 { align-items: center; margin-bottom: 10px; } .previewDetail__form .formGroup__col--previewAdress01 .c-input { width: 6em; margin: 0px 5px; } .previewDetail__form .formGroup__col--previewAdress02 { margin-bottom: 10px; } .previewDetail__form .formGroup__col--previewAdress03 { margin-bottom: 10px; } .previewDetail__form .formGroup__col--previewAdress03 .c-input { width: 100%; } .previewDetail__form .formGroup__col--previewAdress04 .c-input { width: 100%; } .previewDetail__form .formGroup__col--previewTel { align-items: center; } @media screen and (max-width: 414px) { .previewDetail__form .formGroup__col--previewTel .c-input { width: 100%; } } .previewDetail__form .formGroup__label--mail { font-size: 13px; letter-spacing: -0.04em; } .previewDetail__form .formGroup__col--previewMail { align-items: center; } .previewDetail__form .formGroup__col--previewMail .c-input { width: 50%; } @media screen and (max-width: 414px) { .previewDetail__form .formGroup__col--previewMail .c-input { width: 100%; } } .previewDetail__form .formGroup__col--sex .c-check:first-child { margin-right: 20px; } .previewDetail__form .formGroup__col--previewAge { align-items: center; } .previewDetail__form .formGroup__col--previewAge .c-input { width: 6em; } .previewDetail__form .agreement { margin-bottom: 30px; } @media screen and (max-width: 414px) { .previewDetail__form .agreement { font-size: 12px; line-height: 1.4; } } .login__contents { font-size: 20px; line-height: 2; letter-spacing: 0.02em; } .login .login__form { display: flex; flex-wrap: wrap; justify-content: space-between; } .login .login__form .login__box--mail { width: 48%; margin-bottom: 20px; } @media screen and (max-width: 600px) { .login .login__form .login__box--mail { width: 100%; } } .login .login__form .login__box--sns { width: 48%; margin-bottom: 20px; } @media screen and (max-width: 600px) { .login .login__form .login__box--sns { width: 100%; } } .login .login__form .login__box--registry { width: 100%; } .login .login__form .c-heading--quaternary { color: rgb(14, 164, 227); margin-bottom: 30px; } .login .login__form .login__label { color: rgb(14, 164, 227); display: block; font-size: 14px; font-weight: bold; } .login .login__form .c-input { width: 100%; } .login .login__form .hankaku { display: block; color: rgb(153, 153, 153); text-align: right; } .login .login__form .login__submit { text-align: center; margin-bottom: 10px; } .login .login__form .login__submit .c-btn { min-width: 200px; display: inline-block; margin: 20px auto 10px; } .login .login__form .login__submit .reminder { text-decoration: underline; display: block; font-size: 11px; color: rgb(34, 34, 34); } .login .sns-login__listItem { text-align: center; } .login .sns-login__listItem a { width: 100%; display: block; color: rgb(255, 255, 255); font-size: 14px; background-repeat: no-repeat; background-position: left 20px center; background-size: 20px 20px; padding: 6px; } @media screen and (max-width: 768px) { .login .sns-login__listItem a span { display: none; } } .login .sns-login__listItem.sns-login__listItem--fb { margin-bottom: 20px; } .login .sns-login__listItem.sns-login__listItem--fb a { background-color: rgb(62, 98, 150); background-image: url(""); } .login .sns-login__listItem.sns-login__listItem--tw { margin-bottom: 20px; } .login .sns-login__listItem.sns-login__listItem--tw a { background-color: rgb(89, 180, 227); background-image: url(""); } .login .sns-login__listItem.sns-login__listItem--go a { background-color: rgb(230, 89, 61); background-image: url(""); } .registry .formGroup--inline .c-label { width: 20%; } @media screen and (max-width: 768px) { .registry .formGroup--inline .c-label { width: 100%; } } .registry .formGroup--inline .formGroup__col { width: 80%; align-items: center; margin-left: 0px; } @media screen and (max-width: 768px) { .registry .formGroup--inline .formGroup__col { width: 100%; } } .registry .formGroup--inline .formGroup__col .c-input { width: 50%; } @media screen and (max-width: 768px) { .registry .formGroup--inline .formGroup__col .c-input { width: 100%; } } @media screen and (max-width: 768px) { .registry .formGroup--inline .formGroup__col span { font-size: 12px; } } .registry .registry__submit { text-align: center; margin: 30px auto 10px; } .registry .registry__submit .c-check .c-check__label { background: transparent; display: inline-flex; flex-wrap: wrap; line-height: 1.8; } @media screen and (max-width: 414px) { .registry .registry__submit .c-check .c-check__label { font-size: 11px; } } .registry .registry__submit .c-check .c-check__label a { text-decoration: underline; } .registry .registry__submit .c-btn { min-width: 200px; display: inline-block; margin: 20px auto 10px; } .complete .complete__heading { font-size: 16px; text-align: center; margin: 50px auto 30px; } @media screen and (max-width: 768px) { .complete .complete__heading { font-size: 18px; } } .complete .complete__desc { text-align: center; margin-bottom: 50px; } .complete .complete__desc p { margin-bottom: 20px; } @media screen and (max-width: 768px) { .complete .complete__desc p { font-size: 14px; } } @media screen and (max-width: 600px) { .complete .complete__desc p { text-align: left; } } .complete .complete__desc p a { text-decoration: underline; } .complete .complete__bottom { width: 100%; background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); display: flex; justify-content: center; flex-wrap: wrap; padding: 30px; margin-bottom: 80px; } .complete .complete__bottom .c-btn { min-width: 210px; margin: 0px 20px; } @media screen and (max-width: 600px) { .complete .complete__bottom .c-btn:last-child { margin-top: 10px; } } .passwordReminder .passwordReminder__contents { margin-bottom: 80px; } .passwordReminder .c-form__searchBox p { margin-bottom: 30px; } @media screen and (max-width: 768px) { .passwordReminder .c-form__searchBox p { line-height: 1.4; margin-bottom: 10px; } } .passwordReminder .c-form__searchBox .c-label { width: 20%; } @media screen and (max-width: 768px) { .passwordReminder .c-form__searchBox .c-label { width: 100%; } } .passwordReminder .c-form__searchBox .formGroup__col { width: 80%; align-items: center; margin-left: 0px; } @media screen and (max-width: 768px) { .passwordReminder .c-form__searchBox .formGroup__col { width: 100%; } } .passwordReminder .c-form__searchBox .formGroup__col .c-input { width: 50%; } @media screen and (max-width: 768px) { .passwordReminder .c-form__searchBox .formGroup__col .c-input { width: 100%; } } .passwordReminder .c-form__searchBox .passwordReminder__submit { text-align: center; margin: 10px auto; } .passwordReminder .c-form__searchBox .passwordReminder__submit .c-btn { min-width: 200px; display: inline-block; margin: 20px auto 10px; } .company__table { font-size: 12px; } @media screen and (max-width: 600px) { .company__table { border: 0px; } } @media screen and (max-width: 600px) { .company__table tr { display: block; margin-bottom: 10px; } } @media screen and (max-width: 600px) { .company__table th, .company__table td { width: 100%; display: block; } } .company__table th { width: 120px; } @media screen and (max-width: 600px) { .company__table th { width: 100%; display: block; border-bottom: 0px; } } .company-business__list { padding-left: 1.2em; } .company-business__list .company-business__listItem::before { content: "●"; display: inline-block; margin-left: -1em; margin-right: 0.2em; } .company-url__list { padding-left: 1.2em; } .company-url__list .company-url__listItem::before { content: "●"; display: inline-block; margin-left: -1em; margin-right: 0.2em; } .terms { line-height: 1.4; } @media screen and (max-width: 768px) { .terms { font-size: 12px; } } .terms .terms__contents { overflow: hidden; } .terms .terms__heading { margin-bottom: 30px; } .terms p { margin-bottom: 30px; } .terms .terms__block { margin-bottom: 20px; } .terms .terms__block h4 { margin-bottom: 20px; } .terms .terms__block .terms__list { list-style-type: decimal; margin-left: 1.5em; } .terms .terms__block .terms__list .terms__listItem { margin-bottom: 5px; } .terms .terms__block .terms__list .terms__listItem .terms__list--sub { margin-left: 1em; } .terms .terms__block .terms__list .terms__listItem .terms__list--sub .terms__listItem--sub { margin-bottom: 5px; } .terms .terms__block--end { margin-top: 30px; float: right; } .privacy { line-height: 1.4; } @media screen and (max-width: 768px) { .privacy { font-size: 12px; } } .privacy .privacy__contents { overflow: hidden; } .privacy .privacy__heading { margin-bottom: 30px; } .privacy p { margin-bottom: 30px; } .privacy .privacy__block { margin-bottom: 20px; } .privacy .privacy__block h4 { margin-bottom: 20px; } .privacy .privacy__block .privacy__list { list-style-type: decimal; margin-left: 1.5em; } .privacy .privacy__block .privacy__list .privacy__listItem { margin-bottom: 5px; } .privacy .privacy__block .privacy__list .privacy__listItem .privacy__list--sub { margin-left: 1em; } .privacy .privacy__block .privacy__list .privacy__listItem .privacy__list--sub .privacy__listItem--sub { margin-bottom: 5px; } .privacy .privacy__block--end { margin-top: 30px; float: right; } .today__calendar { background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); margin-bottom: 30px; } .today__calendar .dateView { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 10px; } @media screen and (max-width: 600px) { .today__calendar .dateView { padding: 5px; } } .today__calendar .dateView__btn { height: 32px; background: rgb(34, 34, 34); color: rgb(255, 255, 255); line-height: 1; display: flex; align-items: center; justify-content: center; padding: 0px 10px; } @media screen and (max-width: 600px) { .today__calendar .dateView__btn { height: 25px; font-size: 12px; padding: 5px; } } .today__calendar .dateView__btn:hover { opacity: 0.8; } .today__calendar .dateView__btn.dateView__btn--prev { margin-right: 50px; } @media screen and (max-width: 600px) { .today__calendar .dateView__btn.dateView__btn--prev { margin-right: auto; } } .today__calendar .dateView__btn.dateView__btn--prev.is-hidden { visibility: hidden; } .today__calendar .dateView__btn.dateView__btn--prev svg { transform: rotate(180deg); margin-right: 5px; margin-left: 0px; } .today__calendar .dateView__btn.dateView__btn--next { margin-left: 40px; } @media screen and (max-width: 600px) { .today__calendar .dateView__btn.dateView__btn--next { margin-left: auto; } } .today__calendar .dateView__btn.dateView__btn--next.is-hidden { visibility: hidden; } .today__calendar .dateView__btn svg { width: 5px; margin-left: 5px; } .today__calendar .dateView__btn .arrow { fill: rgb(14, 164, 227); } .today__calendar .dateView__main { display: flex; align-items: baseline; } .today__calendar .dateView__main .num { width: 46px; height: 60px; display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); color: rgb(14, 164, 227); font-size: 48px; font-weight: bold; line-height: 1; margin-right: 4px; box-sizing: border-box; } @media screen and (max-width: 600px) { .today__calendar .dateView__main .num { width: 36px; height: 50px; font-size: 36px; } } @media screen and (max-width: 414px) { .today__calendar .dateView__main .num { width: 25px; height: 30px; font-size: 24px; } } .today__calendar .dateView__main .ja { color: rgb(34, 34, 34); font-size: 18px; font-weight: bold; line-height: 1; margin: auto 5px 0px 0px; } @media screen and (max-width: 414px) { .today__calendar .dateView__main .ja { font-size: 12px; margin: auto 3px 0px 0px; } } .today__calendar .dateView__open, .today__calendar .datePicker__close { position: absolute; right: 10px; bottom: 0px; color: rgb(14, 164, 227); font-size: 15px; transition: transform 0.3s ease 0s, opacity 0.3s ease 0s; } @media screen and (max-width: 768px) { .today__calendar .dateView__open, .today__calendar .datePicker__close { font-size: 14px; } } @media screen and (max-width: 600px) { .today__calendar .dateView__open, .today__calendar .datePicker__close { position: relative; right: auto; width: calc(100% + 10px); display: block; font-size: 14px; border-top: 1px solid rgb(221, 221, 221); padding-top: 5px; margin: 10px -5px 0px; } } .today__calendar .dateView__open::before, .today__calendar .datePicker__close::before { content: "«"; display: inline-block; font-size: 0.8em; transform: rotate(-90deg); margin-right: 5px; } .today__calendar .dateView__open.is-show, .today__calendar .datePicker__close.is-show { transform: none; visibility: visible; opacity: 1; z-index: 1; } .today__calendar .dateView__open.is-hide, .today__calendar .datePicker__close.is-hide { transform: translateY(-15px); visibility: hidden; opacity: 0; z-index: -1; } .today__calendar .datePicker__close::before { transform: rotate(90deg); } .today__calendar .datePicker { padding: 20px; display: none; } @media screen and (max-width: 600px) { .today__calendar .datePicker { padding: 5px; } } .today__calendar .datePicker .datePicker__inner { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); padding: 10px; } @media screen and (max-width: 600px) { .today__calendar .datePicker .datePicker__inner { padding: 10px 5px 0px; } } .today__calendar .datePicker .datePicker__inner .datePicker__input { display: none; } .today__calendar .flatpickr-calendar { width: 100% !important; box-shadow: none; } .today__calendar .flatpickr-calendar .flatpickr-months { justify-content: space-between; overflow: hidden; } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-next-month { width: 36px; height: 36px; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; fill: rgb(255, 255, 255); } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover, .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover { background: rgba(0, 0, 0, 0.6); fill: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg, .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg { fill: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-prev-month { left: -38px; } @media screen and (max-width: 600px) { .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-prev-month { left: -30px; } } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-next-month { right: -38px; } @media screen and (max-width: 600px) { .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-next-month { right: -30px; } } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-month { width: 32%; height: 36px; background: rgb(94, 94, 94); color: rgb(255, 255, 255); flex: 0 0 auto; margin-right: 2%; } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-month:last-of-type { margin-right: 0px; } @media screen and (max-width: 600px) { .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-month { width: 100%; margin-right: 0px; } } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-month:nth-last-of-type(2) { background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month { padding: 0px; height: 36px; display: flex; align-items: center; justify-content: center; } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper { position: absolute; right: -16%; bottom: 7px; font-size: 12px; } .today__calendar .flatpickr-calendar .flatpickr-rContainer { width: 100%; } .today__calendar .flatpickr-calendar .flatpickr-weekdays { justify-content: space-between; height: 20px; } .today__calendar .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer { width: 32%; height: 20px; background: rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); align-items: center; flex: 0 0 auto; } @media screen and (max-width: 600px) { .today__calendar .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer { width: 100%; } } .today__calendar .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday { color: rgb(153, 153, 153); font-size: 11px; font-weight: normal; } .today__calendar .flatpickr-calendar .flatpickr-days { width: 100% !important; justify-content: space-between; } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer { max-width: 32%; min-width: 32%; border-right: 1px solid rgb(221, 221, 221); width: 32% !important; } @media screen and (max-width: 600px) { .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer { max-width: 100%; min-width: 100%; width: 100% !important; } } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer + .dayContainer { box-shadow: none; } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day { flex: 0 0 auto; height: 34px; color: rgb(14, 164, 227); font-size: 12px; line-height: 34px; border-color: rgb(221, 221, 221) transparent rgb(221, 221, 221) rgb(221, 221, 221); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:hover { color: rgb(255, 255, 255); background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:focus { background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+36) { border-bottom: 1px solid rgb(221, 221, 221); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(7n-6) { border-left: 1px solid rgb(221, 221, 221); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+8) { border-top-color: transparent; } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.hidden { color: rgb(221, 221, 221); visibility: visible; pointer-events: none; } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.today { background: rgba(255, 223, 7, 0.3); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.selected { color: rgb(255, 255, 255); background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+8):nth-child(-n+14) { background: rgb(248, 248, 248); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+8):nth-child(-n+14):hover, .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+8):nth-child(-n+14):focus, .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+8):nth-child(-n+14).selected { color: rgb(255, 255, 255); background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+8):nth-child(-n+14).today { background: rgba(255, 223, 7, 0.3); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+22):nth-child(-n+28) { background: rgb(248, 248, 248); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+22):nth-child(-n+28):hover, .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+22):nth-child(-n+28):focus, .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+22):nth-child(-n+28).selected { color: rgb(255, 255, 255); background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+22):nth-child(-n+28).today { background: rgba(255, 223, 7, 0.3); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+36):nth-child(-n+42) { background: rgb(248, 248, 248); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+36):nth-child(-n+42):hover, .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+36):nth-child(-n+42):focus, .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+36):nth-child(-n+42).selected { color: rgb(255, 255, 255); background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+36):nth-child(-n+42).today { background: rgba(255, 223, 7, 0.3); } .today-news { margin-bottom: 30px; } @media screen and (max-width: 768px) { .today-news { margin-bottom: 20px; } } .today-news .today-news__listItem { border-bottom: 1px dashed rgb(221, 221, 221); overflow: hidden; padding: 20px 0px; } .today-news .today-news__listItem:first-child { padding-top: 0px; } .today-news .today-news__listItem:last-child { border-bottom: 0px; padding-bottom: 0px; } .today-news .today-news__listItem img { max-width: 200px; float: left; margin: 0px 20px 20px 0px; } @media screen and (max-width: 768px) { .today-news .today-news__listItem img { width: 33%; max-width: 200px; margin: 0px 10px 10px 0px; } } .today-news .today-news__listItem .today-news-listItem__ttl { font-size: 16px; line-height: 1.4; margin-bottom: 20px; } @media screen and (max-width: 768px) { .today-news .today-news__listItem .today-news-listItem__ttl { margin-bottom: 10px; } } @media screen and (max-width: 768px) { .today-news .today-news__listItem p { font-size: 12px; line-height: 1.5; } } .today-birth { padding-top: 68px; margin-top: -68px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .today-birth { margin-bottom: 20px; } } @media screen and (max-width: 600px) { .today-birth { padding-top: 45px; margin-top: -45px; } } .today-birth .today-birth-person { border-bottom: 1px dashed rgb(221, 221, 221); padding: 20px 0px 0px; } .today-birth .today-birth-person:first-of-type { padding-top: 0px; margin-top: -10px; } .today-birth .today-birth-person:last-child { border: 0px; } .today-birth .today-birth__subtitle { padding: 10px 15px; margin-bottom: 20px; border: 2px solid rgb(14, 164, 227); } @media screen and (max-width: 768px) { .today-birth .today-birth__subtitle { font-size: 14px; } } .today-birth .today-birth__subtitle span { display: inline-block; } .today-birth .today-birth__list { display: flex; flex-wrap: wrap; } @media screen and (max-width: 450px) { .today-birth .today-birth__list { justify-content: space-between; } } .today-birth .today-birth__list .today-birth__listItem { width: 120px; margin-right: calc(20% - 144px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .today-birth .today-birth__list .today-birth__listItem { width: 135px; margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .today-birth .today-birth__list .today-birth__listItem { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .today-birth .today-birth__list .today-birth__listItem { width: 48%; margin-right: 0px !important; } } .today-birth .today-birth__list .today-birth__listItem:nth-child(6n+6) { margin-right: 0px; } @media screen and (max-width: 768px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(6n+6) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(6n+6) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(3n+3) { margin-right: 0px; } } .today-birth .today-birth__list .today-birth__listItem .today-birth-listItem__figure { width: 120px; } @media screen and (max-width: 768px) { .today-birth .today-birth__list .today-birth__listItem .today-birth-listItem__figure { width: 135px; } } @media screen and (max-width: 450px) { .today-birth .today-birth__list .today-birth__listItem .today-birth-listItem__figure { width: 100%; } } .today-death { padding-top: 68px; margin-top: -68px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .today-death { margin-bottom: 20px; } } @media screen and (max-width: 600px) { .today-death { padding-top: 45px; margin-top: -45px; } } .today-death .today-death-person { border-bottom: 1px dashed rgb(221, 221, 221); padding: 20px 0px 0px; } .today-death .today-death-person:first-of-type { padding-top: 0px; margin-top: -10px; } .today-death .today-death-person:last-child { border: 0px; } .today-death .today-death__subtitle { background: rgb(248, 248, 248); border-radius: 5px; display: inline-block; padding: 10px 15px; margin-bottom: 20px; } @media screen and (max-width: 768px) { .today-death .today-death__subtitle { font-size: 14px; } } .today-death .today-death__subtitle span { display: inline-block; } .today-death .today-death__list { display: flex; flex-wrap: wrap; } @media screen and (max-width: 450px) { .today-death .today-death__list { justify-content: space-between; } } .today-death .today-death__list .today-death__listItem { width: 120px; margin-right: calc(20% - 144px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .today-death .today-death__list .today-death__listItem { width: 135px; margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .today-death .today-death__list .today-death__listItem { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .today-death .today-death__list .today-death__listItem { width: 48%; margin-right: 0px !important; } } .today-death .today-death__list .today-death__listItem:nth-child(6n+6) { margin-right: 0px; } @media screen and (max-width: 768px) { .today-death .today-death__list .today-death__listItem:nth-child(6n+6) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .today-death .today-death__list .today-death__listItem:nth-child(6n+6) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .today-death .today-death__list .today-death__listItem:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .today-death .today-death__list .today-death__listItem:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .today-death .today-death__list .today-death__listItem:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .today-death .today-death__list .today-death__listItem:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .today-death .today-death__list .today-death__listItem:nth-child(3n+3) { margin-right: 0px; } } .today-death .today-death__list .today-death__listItem .today-death-listItem__figure { width: 120px; } @media screen and (max-width: 768px) { .today-death .today-death__list .today-death__listItem .today-death-listItem__figure { width: 135px; } } @media screen and (max-width: 450px) { .today-death .today-death__list .today-death__listItem .today-death-listItem__figure { width: 100%; } } .contact .formGroup--inline .c-label { width: 20%; } @media screen and (max-width: 768px) { .contact .formGroup--inline .c-label { width: 100%; } } .contact .formGroup--inline .formGroup__col { width: 80%; margin-left: 0px; } @media screen and (max-width: 768px) { .contact .formGroup--inline .formGroup__col { width: 100%; } } .contact .formGroup--inline .formGroup__col--contactName { justify-content: space-between; } .contact .formGroup--inline .formGroup__col--contactName .c-input { width: 49%; } @media screen and (max-width: 768px) { .contact .formGroup--inline .formGroup__col--contactName .c-input { width: 100%; } .contact .formGroup--inline .formGroup__col--contactName .c-input:first-child { margin-bottom: 10px; } } .contact .formGroup--inline .formGroup__col--contactMail { align-items: center; } .contact .formGroup--inline .formGroup__col--contactMail .c-input { width: 49%; } @media screen and (max-width: 768px) { .contact .formGroup--inline .formGroup__col--contactMail .c-input { width: 100%; } } .contact .formGroup--inline .formGroup__col--contactText .c-textarea { width: 100%; } .mypage .mypage-top { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 20px; } @media screen and (max-width: 768px) { .mypage .mypage-top { margin-bottom: 50px; } } .mypage .mypage-top .col--left { width: 350px; margin-right: 30px; } @media screen and (max-width: 768px) { .mypage .mypage-top .col--left { width: 100%; margin: 0px; } } .mypage .mypage-top .col--right { width: 480px; } @media screen and (max-width: 768px) { .mypage .mypage-top .col--right { width: 100%; } } .mypage .mypage-top__heading { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 30px; } .mypage .mypage-top__heading .mypage__figure { width: 85px; height: 85px; margin-right: 15px; } @media screen and (max-width: 414px) { .mypage .mypage-top__heading .mypage__figure { margin: 0px auto 10px; } } .mypage .mypage__profile { display: flex; flex-direction: column; } @media screen and (max-width: 414px) { .mypage .mypage__profile { width: 100%; } } .mypage .mypage__profile .mypage__name { font-size: 18px; font-weight: bold; } @media screen and (max-width: 414px) { .mypage .mypage__profile .mypage__name { text-align: center; margin: 0px auto; } } .mypage .mypage__profile .mypage__info { display: flex; flex-wrap: wrap; margin-top: auto; } @media screen and (max-width: 414px) { .mypage .mypage__profile .mypage__info { font-size: 12px; text-align: center; margin: 0px auto; } } .mypage .mypage__profile .mypage__info dd { margin-right: 15px; } .mypage .mypage__profile .mypage__info dd:last-child { margin-right: 0px; } .mypage .mypage-top__intro { line-height: 1.4; } .mypage .mypage-top-numbers__list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; gap: 30px 0px; } .mypage .mypage-top-numbers__list::before { content: ""; display: block; width: 23%; height: 0px; order: 1; } .mypage .mypage-top-numbers__list::after { content: ""; display: block; width: 23%; height: 0px; } .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem { width: 23%; } .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem .balloon { position: relative; display: flex; justify-content: center; align-items: center; margin: 0px auto 15px; padding: 0px 5px; width: 90px; height: 90px; line-height: 90px; color: rgb(255, 255, 255); font-size: 22px; font-weight: bold; background: rgb(14, 164, 227); border-radius: 50%; box-sizing: border-box; } @media screen and (max-width: 600px) { .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem .balloon { width: 68px; height: 68px; font-size: 18px; } } .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem .balloon::before { content: ""; position: absolute; bottom: -15px; left: 50%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: rgb(14, 164, 227) transparent transparent; border-image: initial; z-index: 0; } .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem .balloon b { font-weight: bold; } .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem span { display: block; text-align: center; margin: 0px auto; } @media screen and (max-width: 600px) { .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem span { font-size: 12px; line-height: 1.4; } } .mypage .mypage-top__config { width: 350px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 100px; } @media screen and (max-width: 768px) { .mypage .mypage-top__config { width: 100%; } } .mypage .mypage-top__config .c-btn { width: 48%; display: flex; align-items: center; justify-content: center; padding: 0.2em 1.5em; } @media screen and (max-width: 600px) { .mypage .mypage-top__config .c-btn { width: 100%; } .mypage .mypage-top__config .c-btn:first-child { margin-bottom: 10px; } } .mypage .mypage-top__config .c-btn img { margin-right: 5px; } .mypage-tab__list { margin-bottom: 20px; } .mypage-tab__list .mypage-tab__listItem { width: 20%; font-size: 14px; padding: 0.3em; } .mypage__nav--sp { margin-bottom: 30px; } .mypageEdit .formGroup--inline .c-label { width: 20%; } @media screen and (max-width: 768px) { .mypageEdit .formGroup--inline .c-label { width: 100%; } } .mypageEdit .formGroup--inline .formGroup__col { width: 80%; } @media screen and (max-width: 768px) { .mypageEdit .formGroup--inline .formGroup__col { width: 100%; } } .mypageEdit .formGroup__col--avator { align-items: center; } .mypageEdit .formGroup__col--avator .mypage__figure { width: 60px; height: 60px; margin-right: 10px; } @media screen and (max-width: 374px) { .mypageEdit .formGroup__col--avator .mypage__figure { margin: 0px auto 10px; } } .mypageEdit .formGroup__col--avator .file-avator__button { background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 2px 10px; } @media screen and (max-width: 374px) { .mypageEdit .formGroup__col--avator .file-avator__button { width: 100%; text-align: center; } } .mypageEdit .formGroup__col--avator .file-avator__button:hover { cursor: pointer; opacity: 0.8; } .mypageEdit .formGroup__col--name { justify-content: space-between; flex-wrap: wrap; } .mypageEdit .formGroup__col--name .c-input { width: 49%; } @media screen and (max-width: 414px) { .mypageEdit .formGroup__col--name .c-input { width: 100%; } .mypageEdit .formGroup__col--name .c-input:first-child { margin-bottom: 10px; } } .mypageEdit .formGroup__col--name span { width: 100%; } .mypageEdit .formGroup__col--nickname { align-items: center; } .mypageEdit .formGroup__col--nickname .c-input { width: 49%; margin-right: 15px; } @media screen and (max-width: 768px) { .mypageEdit .formGroup__col--nickname .c-input { width: 100%; } } .mypageEdit .formGroup__col--sex .c-check { padding: 10px 0px; margin-right: 20px; } .mypageEdit .formGroup__col--age { align-items: center; } .mypageEdit .formGroup__col--intro .c-textarea { width: 100%; } .formGroup__col--sort { position: relative; width: 160px; background: rgb(255, 255, 255); padding-left: 10px; margin: -50px 0px 10px auto; z-index: 2; } @media screen and (max-width: 768px) { .formGroup__col--sort { margin-top: -54px; } } @media screen and (max-width: 414px) { .formGroup__col--sort { width: 100%; padding: 0px; margin: 0px 0px 20px; } } .mypageReview-list__btn--edit { width: 100%; display: block; text-align: right; margin-top: -10px; } @media screen and (max-width: 414px) { .mypageReview-list__btn--edit { text-align: center; } } .mypageReview-list__listItem { flex-wrap: nowrap; } .mypageReview-list__listItem .mypageReview-list-listItem__figure { width: 135px; flex: 0 0 auto; margin-right: 10px; } @media screen and (max-width: 414px) { .mypageReview-list__listItem .mypageReview-list-listItem__figure { width: 60px; } } .mypageReview-list__listItem .mypageReview-list-listItem__body { margin-bottom: 0px; } @media screen and (max-width: 414px) { .mypageReview-list__listItem .mypageReview-list-listItem__body { width: calc(100% - 60px); } } .mypageReview-list__listItem .mypageReview-list-listItem__body .reviewList__heading .col--left { width: 43%; } @media screen and (max-width: 768px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .reviewList__heading .col--left { width: 100%; } } .mypageReview-list__listItem .mypageReview-list-listItem__body .reviewList__heading .col--right { width: 57%; } .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__ttl { font-size: 18px; margin-bottom: 10px; } @media screen and (max-width: 414px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__ttl { font-size: 14px; } } .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review { margin-top: 30px; } @media screen and (max-width: 768px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review { margin-top: 20px; } } @media screen and (max-width: 414px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review { margin-top: 10px; margin-left: -70px; } } .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review.has-netabare .netabare { display: inline-block; } .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review .netabare { display: none; float: left; font-size: 11px; font-weight: normal; line-height: 1; color: rgb(255, 255, 255); background: rgb(251, 38, 3); padding: 2px 8px; margin-right: 5px; } @media screen and (max-width: 600px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review .netabare { float: none; margin-bottom: 5px; } } .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review .hide-review { float: left; font-size: 11px; font-weight: normal; line-height: 1; color: rgb(255, 255, 255); background: rgb(34, 34, 34); padding: 2px 8px; margin-right: 5px; } @media screen and (max-width: 600px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review .hide-review { float: none; margin-bottom: 5px; } } .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__ttl--review { font-size: 16px; display: flex; margin-bottom: 10px; justify-content: space-between; align-items: center; } @media screen and (max-width: 414px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__ttl--review { font-size: 14px; } } .mypageReview-edit__list { margin-top: -30px; } .mypageReview-edit__listItem .mypageReview-edit-listItem__figure { width: 60px; } .mypageReview-edit__listItem .mypageReview-edit-listItem__body { width: calc(100% - 60px); } .mypageClip-list__listItem { border-bottom: 1px dashed rgb(221, 221, 221); padding: 30px 0px; } @media screen and (max-width: 414px) { .mypageClip-list__listItem { align-items: flex-start; } } .mypageClip-list__listItem:last-child { border: 0px; } .mypageClip-list__listItem .mypageClip-list-listItem__figure { width: 135px; } @media screen and (max-width: 414px) { .mypageClip-list__listItem .mypageClip-list-listItem__figure { width: 90px; } } @media screen and (max-width: 414px) { .mypageClip-list__listItem .mypageClip-list-listItem__body { width: calc(100% - 90px); } } @media screen and (max-width: 414px) { .mypageClip-list__listItem .mypageClip-list-listItem__body .mypageClip-list-listItem__desc { margin-bottom: 10px; } } .mypageClip-list__listItem .col--left { width: calc(100% - 50px); } .mypageConfig .formGroup--inline .c-label { width: 20%; } @media screen and (max-width: 768px) { .mypageConfig .formGroup--inline .c-label { width: 100%; } } .mypageConfig .formGroup--inline .formGroup__col { width: 80%; } @media screen and (max-width: 768px) { .mypageConfig .formGroup--inline .formGroup__col { width: 100%; } } .mypageConfig .formGroup__col--configMail { align-items: center; } .mypageConfig .formGroup__col--configMail .c-input { width: 49%; } @media screen and (max-width: 600px) { .mypageConfig .formGroup__col--configMail .c-input { width: 100%; } } .mypageConfig .formGroup__col--configMagazine { padding: 15px 0px; } @media screen and (max-width: 768px) { .mypageConfig .formGroup__col--configMagazine { padding: 0px; } } .mypageConfig .formGroup__col--configMagazine .c-check { margin-right: 20px; } .mypageConfig .formGroup__col--configMagazine .c-check:last-child { margin-right: 0px; } .mypageConfig .formGroup__col--configSNS .col__item { width: 100%; display: flex; align-items: center; flex-wrap: wrap; } .mypageConfig .formGroup__col--configSNS .col__item:not(:last-child) { margin-bottom: 10px; } .mypageConfig .formGroup__col--configSNS .col__item .service { width: 100px; display: flex; align-items: center; font-weight: bold; margin-right: 20px; } @media screen and (max-width: 375px) { .mypageConfig .formGroup__col--configSNS .col__item .service { width: 90px; font-size: 11px; margin-right: 5px; } } .mypageConfig .formGroup__col--configSNS .col__item .service .logo { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; margin-right: 5px; } .mypageConfig .formGroup__col--configSNS .col__item .service .logo.logo--fb { background: rgb(63, 96, 149); } .mypageConfig .formGroup__col--configSNS .col__item .service .logo.logo--tw { background: rgb(89, 180, 226); } .mypageConfig .formGroup__col--configSNS .col__item .service .logo.logo--gp, .mypageConfig .formGroup__col--configSNS .col__item .service .logo.logo--go { background: rgb(230, 89, 61); } .mypageConfig .formGroup__col--configSNS .col__item .service .logo img { max-width: 16px; max-height: 16px; } .mypageConfig .formGroup__col--configSNS .col__item .c-btn { padding: 2px 15px; margin-right: 5px; } @media screen and (max-width: 375px) { .mypageConfig .formGroup__col--configSNS .col__item .c-btn { padding: 2px 5px; margin-right: 0px; } } .formGroup__col--configPass a, .formGroup__col--configLeave a { font-size: 14px; text-decoration: underline; } .mypagePass .formGroup--inline .c-label { width: 28%; } @media screen and (max-width: 768px) { .mypagePass .formGroup--inline .c-label { width: 100%; } } .mypagePass .formGroup--inline .formGroup__col { width: 72%; } @media screen and (max-width: 768px) { .mypagePass .formGroup--inline .formGroup__col { width: 100%; } } .mypagePass .formGroup__col--passNow, .mypagePass .formGroup__col--passNew, .mypagePass .formGroup__col--passConfirm { align-items: center; } .mypagePass .formGroup__col--passNow .c-input, .mypagePass .formGroup__col--passNew .c-input, .mypagePass .formGroup__col--passConfirm .c-input { width: 49%; } @media screen and (max-width: 600px) { .mypagePass .formGroup__col--passNow .c-input, .mypagePass .formGroup__col--passNew .c-input, .mypagePass .formGroup__col--passConfirm .c-input { width: 100%; } } .mypageLeave__txt { text-align: center; margin-bottom: 100px; } @media screen and (max-width: 414px) { .mypageLeave__txt { padding: 0px 20px; } } .mypageLeave__txt h3 { margin-bottom: 30px; } .mypageLeave__txt p { margin-bottom: 30px; } @media screen and (max-width: 600px) { .mypageLeave__txt p { font-size: 14px; text-align: left; } } .mypageLeave__txt .c-btn { padding-left: 50px; padding-right: 50px; } @media screen and (max-width: 414px) { .mypageLeave__txt .c-btn { width: 90%; display: block; margin: 0px auto; } } .searchTheater .c-form { margin-bottom: 30px; } .searchTheater .formGroup--inline .c-label { width: 30%; letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .searchTheater .formGroup--inline .c-label { width: 100%; } } .searchTheater .formGroup--inline .formGroup__col { width: 70%; } @media screen and (max-width: 768px) { .searchTheater .formGroup--inline .formGroup__col { width: 100%; } } .searchTheater .formGroup__col--area { justify-content: space-between; } .searchTheater .formGroup__col--area .c-select__box { width: 28%; } @media screen and (max-width: 600px) { .searchTheater .formGroup__col--area .c-select__box { width: 100%; margin-bottom: 10px; } } .searchTheater .formGroup__col--area .c-select__box .c-select { padding-left: 10px; } .searchTheater .formGroup__col--area .c-btn { width: 78px; } @media screen and (max-width: 768px) { .searchTheater .formGroup__col--area .c-btn { width: 90px; } } @media screen and (max-width: 600px) { .searchTheater .formGroup__col--area .c-btn { width: 100%; } } .searchTheater .formGroup__col--theater .c-input { width: calc(100% - 78px); } @media screen and (max-width: 768px) { .searchTheater .formGroup__col--theater .c-input { width: calc(100% - 90px); } } .searchTheater .formGroup__col--theater .c-btn { width: 78px; } @media screen and (max-width: 768px) { .searchTheater .formGroup__col--theater .c-btn { width: 90px; } } .searchTheater-showing__list { display: flex; flex-wrap: wrap; margin: 20px 0px; } @media screen and (max-width: 450px) { .searchTheater-showing__list { justify-content: space-between; } } .searchTheater-showing__list .searchTheater-showing__listItem { width: 135px; margin-right: calc(25% - 168.75px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .searchTheater-showing__list .searchTheater-showing__listItem { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .searchTheater-showing__list .searchTheater-showing__listItem { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .searchTheater-showing__list .searchTheater-showing__listItem { width: 48%; margin-right: 0px !important; } } .searchTheater-showing__list .searchTheater-showing__listItem:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .searchTheater-showing__list .searchTheater-showing__listItem:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .searchTheater-showing__list .searchTheater-showing__listItem:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .searchTheater-showing__list .searchTheater-showing__listItem:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .searchTheater-showing__list .searchTheater-showing__listItem:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .searchTheater-showing__list .searchTheater-showing__listItem:nth-child(3n+3) { margin-right: 0px; } } .searchTheater-showing__list .searchTheater-showing__listItem .searchTheater-showing__figure { width: 135px; } @media screen and (max-width: 450px) { .searchTheater-showing__list .searchTheater-showing__listItem .searchTheater-showing__figure { width: 100%; } } .searchTheater-schedule .searchTheater-schedule__date { position: relative; font-size: 16px; line-height: 1.4; display: flex; align-items: flex-start; overflow: hidden; font-weight: 700; margin: -10px 0px 18px; } @media screen and (max-width: 768px) { .searchTheater-schedule .searchTheater-schedule__date { } } .searchTheater-schedule .searchTheater-schedule__list { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); padding: 25px; } @media screen and (max-width: 768px) { .searchTheater-schedule .searchTheater-schedule__list { padding: 10px; } } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px dashed rgb(221, 221, 221); padding: 25px 0px; } @media screen and (max-width: 768px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem { padding: 20px 0px; } } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem:first-child { padding-top: 0px; } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem:first-child { padding-top: 5px; } } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem:last-child { border: 0px; padding-bottom: 0px; } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left { width: calc(100% - 50px); } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left { width: calc(100% - 40px); } } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .c-heading--quaternary { margin-bottom: 20px; } } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .movie { margin-bottom: 20px; } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .movie { margin-right: -40px; } } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .movie:last-child { margin-bottom: 0px; } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left h4 { font-size: 16px; margin: 10px 0px 5px; } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left h4 { font-size: 14px; } } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .times__list { display: flex; flex-wrap: wrap; margin-bottom: -5px; } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .times__list .times__listItem { margin: 0px 5px 5px 0px; } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .times__list .times__listItem .c-btn { width: 80px; display: block; padding: 2px; } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--right { width: 50px; } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--right { width: 40px; margin-right: -5px; } } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--right img { width: 40px; margin: -5px 0px 0px; } } .movieDetail .movieDetail-top { position: relative; overflow: hidden; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top { display: flex; flex-wrap: wrap; align-items: flex-start; } } .movieDetail .movieDetail-top-package { width: 200px; margin: 0px 40px 20px 0px; float: left; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-package { width: 135px; order: 1; margin-right: 0px; margin-bottom: 15px; } } .movieDetail .movieDetail-top-package .movieDetail-top-package__figure { margin-bottom: 10px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-package .movieDetail-top-package__figure { margin-bottom: 5px; } } .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list { display: flex; justify-content: space-between; flex-wrap: wrap; } .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list .movieDetail-top-package-btn__listItem { width: 49%; } .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list .movieDetail-top-package-btn__listItem .c-btn { width: 100%; color: rgb(253, 40, 36); background: rgb(255, 255, 255); border: 1px solid rgb(253, 40, 36); line-height: 1; display: block; padding: 5px; transition: all 0.3s ease-out 0s; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list .movieDetail-top-package-btn__listItem .c-btn { font-size: 11px; } } .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list .movieDetail-top-package-btn__listItem .c-btn:hover { color: rgb(255, 255, 255); background: rgb(253, 40, 36); } .movieDetail .movieDetail-top-heading { width: calc(100% - 240px); float: left; margin-bottom: 20px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-heading { position: relative; width: calc(100% - 135px); order: 2; padding-left: 10px; margin-bottom: 15px; } } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__ttl { display: inline-block; font-size: 22px; line-height: 1.2; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-top-heading .movieDetail-top-heading__ttl { font-size: 17px; } } .movieDetail .movieDetail-top-heading .ruby { color: rgb(109, 109, 109); font-size: 11px; font-weight: normal; line-height: 1.2; display: block; margin-bottom: 8px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-heading .ruby { margin-bottom: 10px; } } @media screen and (max-width: 414px) { .movieDetail .movieDetail-top-heading .ruby { font-size: 10px; } } .movieDetail .movieDetail-top-heading .ruby .ja { margin-right: 10px; display: inline-block; } .movieDetail .movieDetail-top-heading .ruby .en { display: inline-block; } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info { font-size: 11px; font-weight: bold; letter-spacing: -0.02em; line-height: 1.4; margin-bottom: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info { line-height: 1.3; margin-bottom: 0px; } } @media screen and (min-width: 415px) { .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info br.sp_only { display: none !important; } } @media screen and (max-width: 414px) { .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info { font-size: 10px; margin-bottom: 10px; } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info br.sp_none { display: none !important; } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info br.sp_only { display: block !important; } } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info dt, .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info dd { display: inline; } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info dt::after { content: ":"; display: inline-block; font-weight: normal; margin: 0px 2px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info dd { margin-bottom: 0.1rem; } } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info dd::after { content: "/"; display: inline-block; font-weight: normal; margin: 0px 4px 0px 2px; } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info dd:last-child::after { content: none; } .movieDetail .movieDetail-top-heading .movieDetail-top-score { display: none; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-heading .movieDetail-top-score { display: flex; } } .movieDetail .movieDetail-top-score { position: relative; width: 200px; height: 115px; box-sizing: border-box; display: flex; flex-flow: column wrap; align-items: center; line-height: 1; margin-bottom: 15px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-score { height: auto; padding-bottom: 15px; margin: 0px auto 15px; } } .movieDetail .movieDetail-top-score .point { color: rgb(34, 34, 34); } .movieDetail .movieDetail-top-score .point .en { font-size: 60px; font-weight: bold; letter-spacing: -0.02em; } @media screen and (max-width: 375px) { .movieDetail .movieDetail-top-score .point .en { font-size: 42px; } } .movieDetail .movieDetail-top-score .point .ja { font-size: 18px; font-weight: bold; } @media screen and (max-width: 375px) { .movieDetail .movieDetail-top-score .point .ja { font-size: 12px; } } .movieDetail .movieDetail-top-score .stars { width: 140px; margin: 4px 5px 0px 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-score .stars { width: 140px; margin-right: 6px; } } @media screen and (max-width: 320px) { .movieDetail .movieDetail-top-score .stars { width: 100px; } } .movieDetail .movieDetail-top-score .movieDetail-top-score__link { margin: auto 5px 0px auto; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-score .movieDetail-top-score__link { position: absolute; right: 0px; top: 98%; font-size: 12px; } } .movieDetail .movieDetail-top-tagcloud { width: calc(60% - 144px); height: 115px; float: right; display: flex; flex-flow: column wrap; align-items: center; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-tagcloud { width: 100%; height: auto; order: 3; margin-bottom: 10px; } } .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__list { width: 100%; padding: 0px 0px 0px 30px; display: flex; flex-wrap: wrap; align-items: flex-end; margin: 0px -1.5px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__list { padding: 0px; } } .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__list .movieDetail-top-tagcloud__listItem { display: inline-flex; margin: 0px 1.5px 2px; } .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__list .movieDetail-top-tagcloud__listItem .movieDetail-top-tagcloud__btn { color: rgb(14, 164, 227); border: 1px solid rgb(14, 164, 227); border-radius: 3em; display: inline-block; font-size: 11px; line-height: 1; letter-spacing: -0.02em; padding: 2px 6px; } .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__list .movieDetail-top-tagcloud__listItem .movieDetail-top-tagcloud__btn--lg { font-size: 16px; } .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__list .movieDetail-top-tagcloud__listItem .movieDetail-top-tagcloud__btn--gray { color: rgb(198, 198, 198); border: 1px solid rgb(198, 198, 198); } .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__link { line-height: 1; margin: auto 5px 0px auto; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__link { font-size: 12px; } } .movieDetail .movieDetail-top-media { width: 200px; float: left; margin-top: 15px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-media { width: 100%; order: 5; margin: 0px 0px 30px; } } .movieDetail .movieDetail-top-media .c-heading--secondary { margin-bottom: 8px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-media .c-heading--secondary { margin-bottom: 15px; } } .movieDetail .movieDetail-top-media .c-heading--secondary::after { content: none; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-media .c-heading--secondary::after { content: ""; } } .movieDetail .movieDetail-top-media .movieDetail-top-media__list { display: flex; flex-wrap: wrap; justify-content: space-between; background: rgb(238, 238, 238); border-radius: 10px; padding: 10px 10px 2px; } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem { width: 48%; margin-bottom: 8px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem { width: 24%; font-size: 11px; } } @media screen and (max-width: 374px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem { width: 48%; } } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn { height: 40px; background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: left 10px center; background-size: 20px; border: 1px solid rgb(221, 221, 221); border-radius: 8px; color: rgb(221, 221, 221); line-height: 1; display: flex; align-items: center; padding: 0px 10px; pointer-events: none; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn { justify-content: center; } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn { justify-content: flex-start; } } @media screen and (max-width: 375px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn { justify-content: center; background-size: 15px; } } @media screen and (max-width: 374px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn { background-size: 20px; } } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active { background-color: rgb(14, 164, 227); border-color: rgb(14, 164, 227); color: rgb(255, 255, 255); pointer-events: all; } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active:hover { opacity: 0.8; } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active.movieDetail-top-media__btn--movie { background-image: url(""); } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active.movieDetail-top-media__btn--disc { background-image: url(""); } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active.movieDetail-top-media__btn--net { background-image: url(""); } @media screen and (max-width: 375px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active.movieDetail-top-media__btn--net { padding-right: 5px; } } @media screen and (max-width: 374px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active.movieDetail-top-media__btn--net span { padding-left: 10px; } } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active.movieDetail-top-media__btn--tv { background-image: url(""); } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span { margin-left: auto; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span { margin-left: 0px; } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span { margin-left: auto; } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span br { display: none; } } @media screen and (max-width: 510px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span br { display: block; } } @media screen and (max-width: 375px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span { margin-left: 15px; } } @media screen and (max-width: 374px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span { margin-left: 0px; } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span br { display: none; } } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn--movie { background-image: url(""); } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn--disc { background-image: url(""); font-size: 11px; letter-spacing: -0.02em; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn--disc span { margin-right: -5px; } } @media screen and (max-width: 375px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn--disc span { margin-right: -10px; } } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn--net { background-image: url(""); } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn--tv { background-image: url(""); } .movieDetail .movieDetail-top-highlight { position: relative; width: calc(100% - 240px); float: right; margin: 10px 0px 35px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-highlight { width: 100%; order: 6; font-size: 14px; line-height: 1.5; margin-bottom: 20px; } } .movieDetail .movieDetail-top-highlight .c-heading--secondary { margin-bottom: 10px; } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__desc { display: block; transition: none 0s ease 0s; } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__desc.is-hidden { display: none; opacity: 0; } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__desc.is-active { opacity: 1; animation: 0.8s ease 0s 1 normal none running fade-in; } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__desc.is-copy { display: none; opacity: 0; animation: 0.8s ease 0s 1 normal none running fade-in; } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__desc.is-copy.is-active { display: block; max-height: none; opacity: 1; } .movieDetail .movieDetail-top-highlight .readmore--toggle { color: rgb(14, 164, 227); } .movieDetail .movieDetail-top-highlight .readmore--toggle::before { position: relative; top: -2px; display: inline-block; content: ""; width: 5px; height: 5px; border-width: 1px; border-style: solid; border-image: initial; border-color: transparent transparent rgb(14, 164, 227) rgb(14, 164, 227); transform: rotate(-45deg); margin: 0px 3px; } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__more--close { float: right; color: rgb(14, 164, 227); } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__more--close::before { display: inline-block; content: ""; width: 5px; height: 5px; border-width: 1px; border-style: solid; border-image: initial; border-color: transparent transparent rgb(14, 164, 227) rgb(14, 164, 227); transform: rotate(135deg); margin: 0px 3px; } .movieDetail .movieDetail-top-expert { width: calc(100% - 240px); float: right; overflow: hidden; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert { width: 100%; order: 7; margin-bottom: 30px; } } .movieDetail .movieDetail-top-expert .c-heading--secondary { margin-bottom: 10px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .movieDetail-top-expert-listItem__top { margin-bottom: 5px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .movieDetail-top-expert__name small { display: block; width: 100%; line-height: 1; margin-bottom: 3px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .movieDetail-top-expert__name small { font-size: 12px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .movieDetail-top-expert__name a { width: 100%; display: inline-block; font-size: 16px; color: rgb(34, 34, 34); font-weight: bold; line-height: 1.2; pointer-events: none; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .movieDetail-top-expert__name a:hover { cursor: default; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .score { display: flex; align-items: center; flex: 0 0 auto; line-height: 1; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .score .stars { width: 80px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .score .stars { width: 74px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .movieDetail-top-expert__desc { margin-top: 0px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick { width: calc(100% + 20px); display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -20px; margin-bottom: 20px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick { width: 100%; margin: 0px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem { width: 48%; border-left: 1px solid rgb(221, 221, 221); padding-left: 20px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem { width: 100%; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: dashed; border-bottom-color: rgb(221, 221, 221); padding: 10px 0px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem:first-child { border: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem:first-child { border-bottom: 1px dashed rgb(221, 221, 221); } } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem:last-child { border: 0px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem.is-oneitem { width: 100%; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem .movieDetail-top-expert-listItem__top { display: flex; flex-wrap: wrap; width: auto; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem .movieDetail-top-expert-listItem__figure { width: 60px; height: 60px; flex: 0 0 auto; margin-right: 15px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem .movieDetail-top-expert-listItem__body { width: 100%; padding-left: 0px; margin-bottom: 10px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem .movieDetail-top-expert-listItem__body .movieDetail-top-expert__desc { margin-top: 0px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem .movieDetail-top-expert__name { width: 100%; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem .movieDetail-top-expert__name { font-size: 12px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider { position: relative; width: calc(100% - 80px); margin: 0px auto; } @media screen and (max-width: 480px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider { width: calc(100% - 60px); } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider::after { content: ""; position: absolute; top: 0px; right: 0px; width: 1px; height: 100%; display: block; background: rgb(255, 255, 255); z-index: 1; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider .movieDetail-top-expert__listItem { border-right: 1px solid rgb(221, 221, 221); padding: 0px 15px; margin: 0px; } @media screen and (max-width: 480px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider .movieDetail-top-expert__listItem { padding: 0px 10px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider .movieDetail-top-expert-listItem__body { width: 100%; padding-left: 0px; margin-bottom: 0px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider .movieDetail-top-expert__name { padding-left: 0px; } .movieDetail .movieDetail-top-review { width: 100%; float: right; margin-bottom: 20px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-review { order: 8; } } .movieDetail .movieDetail-top-review-2, .movieDetail .movieDetail-note { margin-bottom: 30px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__list, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__list, .movieDetail .movieDetail-note .movieDetail-top-review__list { margin-bottom: 5px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem, .movieDetail .movieDetail-note .movieDetail-top-review__listItem { min-height: 96px; background: rgb(248, 248, 248); display: flex; align-items: center; padding: 10px; margin-bottom: 5px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem, .movieDetail .movieDetail-note .movieDetail-top-review__listItem { min-height: auto; background: rgb(255, 255, 255); border-bottom: 1px dashed rgb(221, 221, 221); padding: 0px 0px 20px; margin-bottom: 20px; } } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem:last-child, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem:last-child, .movieDetail .movieDetail-note .movieDetail-top-review__listItem:last-child { border: 0px; } } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading { width: 230px; display: flex; align-items: center; padding-right: 10px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading { width: 100%; margin-bottom: 10px; } } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__figure, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__figure, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__figure { width: 60px; height: 60px; align-self: center; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body { width: calc(100% - 60px); padding-left: 10px; flex-wrap: nowrap; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .movieDetail-top-review-listItem__ttl, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .movieDetail-top-review-listItem__ttl, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .movieDetail-top-review-listItem__ttl { display: block; font-size: 12px; font-weight: normal; margin-bottom: 3px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .release, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .release, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .release { line-height: 1; margin-bottom: 10px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .tagcloud__list, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .tagcloud__list, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .tagcloud__list { display: none; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt { width: calc(100% - 255px); padding: 0px 10px 0px 20px; border-left: 1px solid rgb(221, 221, 221); } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt { width: 100%; border: 0px; padding: 0px; } } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt.has-netabare .netabare, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt.has-netabare .netabare, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt.has-netabare .netabare { display: inline-block; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .netabare, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .netabare, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .netabare { display: none; background: rgb(255, 0, 72); color: rgb(255, 255, 255); font-size: 10px; line-height: 1; padding: 2px 5px; margin-right: 5px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .movieDetail-top-review-listItem__ttl-2, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .movieDetail-top-review-listItem__ttl-2, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .movieDetail-top-review-listItem__ttl-2 { font-size: 14px; line-height: 1.2; margin-bottom: 5px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .movieDetail-top-review-listItem__desc .netabare-text, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .movieDetail-top-review-listItem__desc .netabare-text .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .movieDetail-top-review-listItem__desc .netabare-text { color: rgb(255, 0, 72); font-size: 14px; text-decoration: underline; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow { display: flex; align-items: center; justify-content: center; align-self: stretch; min-height: 96px; margin: -10px -10px -10px auto; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow { display: none; } } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow a, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow a, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow a { position: relative; background: rgb(230, 230, 230); width: 25px; height: 100%; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow svg, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow svg, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow svg { width: 8px; position: absolute; inset: 0px; margin: auto; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow .arrow-right, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow .arrow-right, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow .arrow-right { fill: rgb(221, 221, 221); } .movieDetail .movieDetail-top-review .movieDetail-top-review__btns, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__btns, .movieDetail .movieDetail-note .movieDetail-top-review__btns { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 20px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__btns .c-btn, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__btns .c-btn, .movieDetail .movieDetail-note .movieDetail-top-review__btns .c-btn { margin: 0px 10px; display: block; padding: 5px 50px; } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-review .movieDetail-top-review__btns .c-btn, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__btns .c-btn, .movieDetail .movieDetail-note .movieDetail-top-review__btns .c-btn { width: 100%; font-size: 12px; margin: 0px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__btns .c-btn:first-child, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__btns .c-btn:first-child, .movieDetail .movieDetail-note .movieDetail-top-review__btns .c-btn:first-child { margin-bottom: 10px; } } .movieDetail .movieDetail-top-sns { width: 100%; float: right; margin-bottom: 30px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-sns { order: 4; } } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap { display: flex; align-items: center; } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .clip { width: 50px; flex: 0 0 auto; margin-right: 15px; } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list { display: flex; flex-wrap: wrap; align-items: center; margin-left: auto; } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem { width: 25%; } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem { width: 50%; font-size: 12px; } } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn { width: 100%; height: 36px; display: flex; align-items: center; justify-content: center; background: rgb(238, 238, 238); } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn { height: 30px; } } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn:hover { opacity: 0.8; } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn img { height: 18px; margin-right: 5px; } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn img { height: 14px; } } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn span { color: rgb(255, 255, 255); } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn--fb { background: rgb(62, 98, 150); } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn--tw { background: rgb(89, 180, 226); } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn--gp { background: rgb(230, 89, 61); } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn--li { background: rgb(98, 193, 14); } .movieDetail .movieDetail-story { margin-bottom: 30px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-story { font-size: 14px; line-height: 1.5; } } .movieDetail .movieDetail-video { margin-bottom: 30px; } .movieDetail .movieDetail-video .movieDetail-video__wrap { position: relative; width: 100%; padding-top: 56.25%; } .movieDetail .movieDetail-video .movieDetail-video__wrap iframe { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; } .movieDetail .movieDetail-photo { margin-bottom: 30px; } .movieDetail .movieDetail-photo .movieDetail-photo__listItem { height: 200px; display: inline-block; margin: 0px 5px; } .movieDetail .movieDetail-photo .movieDetail-photo__listItem img { height: 100%; } .movieDetail .movieDetail-awards { margin-bottom: 30px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-awards { font-size: 14px; line-height: 1.5; } } .movieDetail .movieDetail-staff { margin-bottom: 30px; } .movieDetail .movieDetail-staff .movieDetail-staff__wrap { position: relative; border-width: 0px 1px; border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-top-style: initial; border-top-color: initial; border-bottom-style: initial; border-bottom-color: initial; overflow: hidden; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap { height: auto !important; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap::after { position: absolute; bottom: 0px; width: 100%; height: 1px; content: ""; display: block; background: rgb(221, 221, 221); } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap::after { content: none; } } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap { display: block; border: 0px; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl { width: 50%; border: 0px; font-size: 12px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl { width: 100%; table-layout: fixed; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl th { letter-spacing: -0.02em; } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child { border-left: 0px; float: left; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child { border: 1px solid rgb(221, 221, 221); margin-bottom: 10px; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child th, .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child td { border-left: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child th, .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child td { border: 1px solid rgb(221, 221, 221); } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child col:first-child { width: 30%; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child col:first-child { width: 30%; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child { position: absolute; left: calc(50% - 1px); width: calc(50% + 1px); border-right: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child { position: relative; right: auto; left: auto; width: 100%; border: 1px solid rgb(221, 221, 221); } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child th, .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child td { border-right: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child th, .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child td { border: 1px solid rgb(221, 221, 221); } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child col:nth-child(1) { width: 20%; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child col:nth-child(1) { width: 20%; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child col:nth-child(2) { width: 40%; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child col:nth-child(2) { width: 40%; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child col:nth-child(3) { width: 40%; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child col:nth-child(3) { width: 40%; } } .movieDetail .movieDetail-spec { margin-bottom: 30px; } .movieDetail .movieDetail-spec .movieDetail-spec__tbl { font-size: 12px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-spec .movieDetail-spec__tbl { table-layout: fixed; } } .movieDetail .movieDetail-spec .movieDetail-spec__tbl col:first-child { width: 15%; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-spec .movieDetail-spec__tbl col:first-child { width: 30%; } } .movieDetail .movieDetail-article { margin-bottom: 30px; } .movieDetail .movieDetail-schedule .formGroup--inline .formGroup__col { width: 100%; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-schedule .formGroup--inline .formGroup__col { width: 100%; } } .movieDetail .movieDetail-schedule .formGroup__col--area { justify-content: space-between; } .movieDetail .movieDetail-schedule .formGroup__col--area .c-select__box { width: 28%; } @media screen and (max-width: 600px) { .movieDetail .movieDetail-schedule .formGroup__col--area .c-select__box { width: 100%; margin-bottom: 10px; } } .movieDetail .movieDetail-schedule .formGroup__col--area .c-select__box .c-select { padding-left: 10px; } .movieDetail .movieDetail-schedule .formGroup__col--area .c-btn { width: 78px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-schedule .formGroup__col--area .c-btn { width: 90px; } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-schedule .formGroup__col--area .c-btn { width: 100%; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom { background: rgb(248, 248, 248); border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-top-style: initial; border-top-color: initial; padding: 0px 30px 30px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom { padding: 0px 10px 10px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); padding: 25px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list { padding: 10px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px dashed rgb(221, 221, 221); padding: 25px 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem { padding: 20px 0px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem:first-child { padding-top: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem:first-child { padding-top: 5px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem:last-child { border: 0px; padding-bottom: 0px; } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left { width: calc(100% - 50px); } @media screen and (max-width: 414px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left { width: calc(100% - 40px); } } @media screen and (max-width: 414px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .c-heading--quaternary { margin-bottom: 20px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .movie { margin-bottom: 20px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .movie { margin-right: -40px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .movie:last-child { margin-bottom: 0px; } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left h4 { margin: 10px 0px 5px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left h4 { font-size: 14px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .times__list { display: flex; flex-wrap: wrap; margin-bottom: -5px; } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .times__list .times__listItem { margin: 0px 5px 5px 0px; } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .times__list .times__listItem .c-btn { width: 80px; display: block; padding: 2px; } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--right { width: 50px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--right { width: 40px; margin-right: -5px; } } @media screen and (max-width: 414px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--right img { width: 40px; margin: -5px 0px 0px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule__btn { text-align: center; margin: 0px auto 60px; } .movieDetail .movieDetail-schedule .movieDetail-schedule__btn .c-btn { width: 40%; display: block; padding: 5px 10px; margin: 0px auto; } .movieDetail .movieDetail-amazon { margin-bottom: 30px; } .movieDetail .movieDetail-amazon .movieDetail-amazon__list { width: 100%; display: flex; flex-wrap: wrap; } @media screen and (max-width: 450px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list { justify-content: space-between; } } .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem { width: 135px; margin-right: calc(25% - 168.75px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem { width: 48%; margin-right: 0px !important; } } .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem:nth-child(3n+3) { margin-right: 0px; } } .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem .c-figure--product { width: 135px; margin: 0px auto; } @media screen and (max-width: 450px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem .c-figure--product { width: 100%; } } .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem .movieDetail-amazon-listItem__ttl { width: 135px; font-size: 12px; margin: 10px auto 0px; } .movieDetail .movieDetail-amazon .movieDetail-amazon__footer a { width: 100%; background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); text-align: center; display: block; padding: 10px; margin-top: -1px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__footer a { font-size: 14px; } } .movieDetail .movieDetail-prime { margin-bottom: 30px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-prime .movieDetail-prime__ul { text-align: center; } } .movieDetail .movieDetail-prime .movieDetail-prime__ul .movieDetail-prime__listItem { display: inline; } .movieDetail .movieDetail-prime .movieDetail-prime__ul .movieDetail-prime__listItem a { display: inline-block; margin: 0px 10px 10px 0px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-prime .movieDetail-prime__ul .movieDetail-prime__listItem a { margin: 0px 0px 10px; } } .movieDetail .movieDetail-net { margin-bottom: 30px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-net .movieDetail-net__ul { text-align: center; } } .movieDetail .movieDetail-net .movieDetail-net__ul li { display: inline; } .movieDetail .movieDetail-net .movieDetail-net__ul li a { display: inline-block; margin: 0px 10px 10px 0px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-net .movieDetail-net__ul li a { margin: 0px 0px 10px; } } .movieDetail .movieDetail-net .movieDetail-net__list { border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; display: flex; flex-wrap: wrap; } .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem { width: 25%; border-width: 0px 1px 1px 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-image: initial; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; display: flex; flex-direction: column; align-items: center; padding: 10px; } .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem:nth-child(4n) { border-right: 0px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem:nth-child(4n) { border-right: 1px solid rgb(221, 221, 221); } } @media screen and (max-width: 414px) { .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem:nth-child(3n) { border-right: 0px; } } @media screen and (max-width: 414px) { .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem { width: 33.33%; } } .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem .c-figure { width: 120px; margin: 0px auto 5px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem .c-figure { max-width: 85%; } } .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem .c-figure .figure__img { background-position: center bottom; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem .movieDetail-net-listItem__ttl { font-size: 12px; line-height: 1.4; text-align: center; } } .movieDetail .movieDetail-net .movieDetail-net__footer { width: 100%; height: 1px; background: rgb(221, 221, 221); display: block; margin-top: -1px; } .movieDetail .movieDetail-tv { margin-bottom: 30px; } .movieDetail .movieDetail-tv .movieDetail-tv__list { margin-top: -10px; } .movieDetail .movieDetail-tv .movieDetail-tv__listItem { font-size: 16px; font-weight: bold; padding: 15px 0px; border-bottom: 1px solid rgb(221, 221, 221); } @media screen and (max-width: 768px) { .movieDetail .movieDetail-tv .movieDetail-tv__listItem { font-size: 14px; line-height: 1.4; padding: 10px 0px; } } .detailpage__ex_list { float: right; width: calc(100% - 240px); margin-top: 25px; margin-bottom: 10px; order: 5; display: flex; flex-wrap: wrap; } @media screen and (max-width: 768px) { .detailpage__ex_list { width: 100%; } } .detailpage__ex_list .detailpage__ex_list--btn { width: 200px; white-space: normal; flex: 0 0 calc(33.33% - 10px); margin: 5px 10px 10px 0px; } @media screen and (max-width: 768px) { .detailpage__ex_list .detailpage__ex_list--btn { flex: 0 0 calc(50% - 10px); } } .detailpage__ex_list .detailpage__ex_list--btn--prime { line-height: 1.2; padding-top: 10px; } .detailpage__ex_list .detailpage__ex_list--btn--prime .detailpage__ex_list--btn--prime--head { font-size: 14px; } .detailpage__ex_list .detailpage__ex_list--btn--prime .detailpage__ex_list--btn--prime--head_sub { font-size: 12px; margin-top: 5px; margin-bottom: 10px; } .detailpage__ex_list .detailpage__ex_list--btn--prime .detailpage__ex_list--btn--prime--title { margin-top: 5px; font-size: 12px; } @media screen and (max-width: 768px) { .detailpage__ex_list .detailpage__ex_list--btn--prime .detailpage__ex_list--btn--prime--title { width: 100%; } } .detailpage__ex_list .detailpage__ex_list--btn--dvd { line-height: 2; } .detailpage__ex_list .detailpage__ex_list--btn--dvd .detailpage__ex_list--btn--dvd--head { font-size: 17px; margin: 10px 0px; } @media screen and (max-width: 768px) { .detailpage__ex_list .detailpage__ex_list--btn--dvd .detailpage__ex_list--btn--dvd--head { font-size: 0.8em; } } .detailpage__ex_list .detailpage__ex_list--btn--dvd .detailpage__ex_list--btn--dvd--head_sub { font-size: 12px; } .detailpage__ex_list .detailpage__ex_list--btn--disney { line-height: 2; } .detailpage__ex_list .detailpage__ex_list--btn--disney .detailpage__ex_list--btn--disney--head { font-size: 14px; margin: 10px 0px; } @media screen and (max-width: 768px) { .detailpage__ex_list .detailpage__ex_list--btn--disney .detailpage__ex_list--btn--disney--head { font-size: 0.8em; } } .detailpage__ex_list .detailpage__ex_list--btn--disney .detailpage__ex_list--btn--disney--head_sub { font-size: 12px; } .detailpage__ex_list .detailpage__ex_list--btn--hulu { line-height: 2; } .detailpage__ex_list .detailpage__ex_list--btn--hulu .detailpage__ex_list--btn--hulu--head { font-size: 14px; margin: 10px 0px; } @media screen and (max-width: 768px) { .detailpage__ex_list .detailpage__ex_list--btn--hulu .detailpage__ex_list--btn--hulu--head { font-size: 0.8em; } } .detailpage__ex_list .detailpage__ex_list--btn--hulu .detailpage__ex_list--btn--hulu--head_sub { font-size: 12px; } .detailpage__ex_list .detailpage__ex_list--btn--unext { line-height: 2; } .detailpage__ex_list .detailpage__ex_list--btn--unext .detailpage__ex_list--btn--unext--head { font-size: 14px; margin: 10px 0px; } @media screen and (max-width: 768px) { .detailpage__ex_list .detailpage__ex_list--btn--unext .detailpage__ex_list--btn--unext--head { font-size: 0.8em; } } .detailpage__ex_list .detailpage__ex_list--btn--unext .detailpage__ex_list--btn--unext--head_sub { font-size: 12px; } .released__img--header { margin: 0px 0px 20px; } .released__img--header img { margin: 0px; } .released__header { display: flex; justify-content: space-between; margin-bottom: 25px; } @media screen and (max-width: 768px) { .released__header { flex-direction: column; } } @media screen and (max-width: 768px) { .released__nav { margin-bottom: 15px; } } .released__nav .p-tab__list { margin-bottom: 0px; } .released__nav .p-tab__list .p-tab__listItem a { padding: 0.4em 1.2em; } .released__form .formGroup { display: flex; height: 100%; } .released__form .formGroup .c-select__box { margin-right: 5px; } @media screen and (max-width: 768px) { .released__form .formGroup .c-select__box .c-select { padding: 0.25em 1.7em 0.25em 0.8em; } } .released__form .formGroup span { font-size: 16px; margin-right: 5px; margin-top: auto; } @media screen and (max-width: 768px) { .released__form .formGroup .c-btn { padding: 0.25em 0.8em; } } .released__table { font-size: 14px; } .released__table thead { font-size: 14px; } .released__table thead th:nth-child(1) { width: 14%; } .released__table thead th:nth-child(2) { width: 46%; } .released__table thead th:nth-child(3) { width: 40%; } .released__table tbody td:last-child { padding-right: 0px; } .released__table tbody div { display: flex; align-items: center; justify-content: space-between; } .released__table tbody .c-btn { flex: 0 0 auto; padding: 0.3em 1.2em; margin-left: 10px; } @media screen and (max-width: 768px) { .released__table tbody .c-btn { font-size: 11px; padding: 0.1em 0.8em; } } @media screen and (max-width: 768px) { .released__table thead tr { border-bottom: 2px solid rgb(221, 221, 221); } .released__table tbody tr { border-bottom: 2px solid rgb(221, 221, 221); } .released__table tr { display: flex; flex-wrap: wrap; align-items: center; width: 100%; } .released__table tr th { font-size: 12px; } .released__table tr th:nth-child(1), .released__table tr td:nth-child(1) { width: 95px; } .released__table tr th:nth-child(2), .released__table tr td:nth-child(2) { width: calc(100% - 95px); } .released__table tr th:nth-child(3), .released__table tr td:nth-child(3) { width: 100%; border-top: 1px dashed rgb(221, 221, 221); } } .login__info--inner { display: flex; margin-top: 20px; } @media screen and (max-width: 600px) { .login__info--inner { display: block; } } .login__info h3 { font-size: 1.8em; margin-bottom: 25px; } @media screen and (max-width: 600px) { .login__info h3 { font-size: 1.2em; } } .login__info { margin-bottom: 30px; } .login__info--thumbnail { margin-right: 40px; } @media screen and (max-width: 600px) { .login__info--thumbnail { margin-right: 0px; margin-bottom: 30px; } } .btn-to-top { display: block; width: 200px; margin: 0px auto; } .login__info--thumbnail img { border: 1px solid rgb(221, 221, 221); } .login__info--box { margin-bottom: 50px; } .login__info-ul { margin-left: 25px; margin-bottom: 10px; list-style: circle; } .login__info-ul li { font-size: 1.5em; } @media screen and (max-width: 600px) { .login__info-ul li { font-size: 1em; } } .login__info-ul-below { font-size: 12px; } .login__info-main_image { text-align: center; } .login__info-main_image img { width: 80%; } .login__info-top_link { width: 50%; font-weight: bold; font-size: 2em; } @media screen and (max-width: 600px) { .login__info-top_link { width: 100%; font-size: 1em; font-weight: normal; } } @media screen and (min-width: 600px) and (max-width: 1199px) { .l-container { width: 100% !important; } .l-header__menuList { display: none; } .l-header__btnList { margin-left: auto; } .l-main__col--main { width: 95%; margin: 0px auto; } .l-main__row { display: block; } .indexSchedule__contents .indexSchedule__col, .indexSchedule__contents .indexRanking { width: 49%; } .l-main__col--sub { width: 100%; } .l-footer { clear: both; } .c-form__searchBox .formGroup__col { width: 100%; } .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-select__box { width: 25%; } .c-form__searchBox .formGroup--inline { display: block; } .c-form__searchBox .formGroup--inline .c-label.is-long { display: block; margin-bottom: 10px; } .searchTheater .formGroup--inline .c-label { width: 100%; margin-bottom: 10px; } .searchTheater .formGroup--inline .formGroup__col { width: 100%; } .articleList .c-form.u-md-hidden { display: block; } .articleList .c-form.u-md-hidden .c-form__searchBox .formGroup.formGroup--inline.formGroup--keyword .c-input--long { width: 89%; float: left; } .searchForm .c-form .c-form__searchBox .formGroup.formGroup--inline.formGroup--keyword .c-input--long { width: calc(100% - 90px); } .searchForm .c-label span { margin-bottom: 10px; } .aiueo__wrap { margin: 0px -2.5px -10px; flex-wrap: wrap; } .aiueo__wrap .aiueo__list { width: 33.33%; } .aiueo__wrap .aiueo__list .aiueo__listItem { width: 20%; margin: 0px 2.5px 6px; } .aiueo__wrap .aiueo__list .aiueo__listItem a { height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(221, 221, 221); font-size: 11px; } .aiueo__wrap .aiueo__list .aiueo__listItem.empty { display: block; } .contact .formGroup--inline .c-label { width: 100%; margin-bottom: 10px; } } @media screen and (min-width: 600px) and (max-width: 768px) { .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-select__box { width: calc(33.3333%); margin: 0px; } .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-btn { width: 100%; margin-top: 10px; } } @media screen and (min-width: 769px) and (max-width: 1199px) { .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-select__box { width: 27.4%; } } @media screen and (min-width: 600px) and (max-width: 768px) { .searchTheater .formGroup__col--area .c-select__box { width: calc(33.3333%); margin: 0px; } .searchTheater .formGroup__col--area .c-btn { width: 100%; margin-top: 10px; } } @media screen and (min-width: 769px) and (max-width: 1199px) { .formGroup.formGroup--inline.has-border { display: table; width: 100%; } .registry .formGroup--inline .c-label { width: 24%; vertical-align: middle; display: table-cell; } .registry .formGroup--inline .formGroup__col { width: 100%; } .registry .formGroup--inline .formGroup__col .c-input { width: 80%; } .p-tab__list .p-tab__listItem a { font-size: 12px; } .mypage .mypage-top .col--left { margin: 0px auto; } .mypage .mypage-top .col--right { margin: 0px auto; } .mypage .mypage-top__config { margin: 0px auto 100px; } .mypageEdit .formGroup--inline .c-label { width: 27%; display: table-cell; } .mypageEdit .formGroup--inline .formGroup__col { width: 100%; } .mypageReview-list .c-input.c-input--long.c-input--search { width: calc(100% - 90px); } .mypageReview-list .c-btn.is-right { width: 86px; } } @media screen and (max-width: 768px) { .articleList .c-form.u-md-hidden { display: block; } .l-main__row { display: block; margin: 0px auto; } .l-main__col--sub { display: block; width: 95%; margin: 0px auto; } .sideFeature__contents { width: 95%; margin: 0px auto; } } ul.indexMovie__tag { margin-top: 15px; } ul.indexMovie__tag li { display: inline-block; background: rgb(232, 232, 232); color: rgb(0, 0, 0); margin-right: 3px; font-size: 11px; padding: 1px 7px; margin-bottom: 5px; border-radius: 2px; } .reviewList-expart .reviewList-expart__movieName { color: rgb(14, 164, 227); } @media screen and (min-width: 769px) { .reviewList-expart .reviewList-expart__listItem { display: table; } .reviewList-expart .reviewList-expart__listItem ul.reviewList-expart__body_area { display: table-cell; } .reviewList-expart .reviewList-expart__listItem ul.reviewList-expart__body_area li { margin-bottom: 15px; } .reviewList-expart .reviewList-expart__listItem ul.reviewList-expart__body_area li:last-child { margin-bottom: 0px; } .reviewList-expart .reviewList-expart__movieName { width: 110px; } .reviewList-expart__listItem .reviewList-expart__body { width: 100%; } } @media screen and (min-width: 415px) and (max-width: 768px) { .reviewList-expart .reviewList-expart__listItem { display: block; margin: 0px auto; width: 95%; } .reviewList-expart__listItem .reviewList-expart__body { width: 100%; background: rgb(248, 248, 248); padding: 15px 20px 13px; margin-bottom: 15px; text-align: justify; } .reviewList-expart__listItem { padding-bottom: 20px; } .reviewList-expart__movieName.p-listItem__title { display: block; } .reviewList-expart .genre__list { display: block; font-size: 12px; } .reviewList-expart__listItem .review__figure { margin: 0px auto 20px; } } @media screen and (max-width: 414px) { .reviewList-expart__listItem .reviewList-expart__body { padding: 15px 0px 10px; } } .sideReview { border: 1px solid rgb(221, 221, 221); } .sideReview .p-listItem .p-listItem__body { width: 100%; padding-left: 0px; } .sideReview__list .sideReviewItem { display: block; width: 100%; } .sideReview__list .sideReview__listItem { border-top: none; border-right: none; border-left: none; border-image: initial; font-size: 12px; padding: 25px 0px 30px; border-bottom: 1px solid rgb(221, 221, 221); margin: 15px; } .sideReview__list .sideReviewItem .sideReviewItem__figure { width: 100px !important; display: table-cell; } .sideReview__list .sideReviewItem .sideReviewItem__reviewer { display: table; margin-bottom: 25px; } .sideReview__list .sideReviewItem .sideReviewItem__rightarea { display: table-cell; vertical-align: middle; padding-left: 25px; } .sideReview__list .sideReviewItem .sideReviewItem__body { width: 100%; padding-left: 0px; } .sideReviewItem__body .sideReviewItem__name { margin-bottom: 4px; } .sideReviewItem__body .sideReviewItem__name .sideReviewItem__name__1 { color: rgb(153, 153, 153); display: block; margin-bottom: 2px; font-size: 10px !important; } .sideReviewItem__body .sideReviewItem__name .sideReviewItem__name__2 { font-size: 20px !important; letter-spacing: 0.05em; } .sideReviewItem__body .stars { flex: 0 0 auto; width: 120px; } .sideReviewItem__body .sideReviewItem__ttl { font-weight: bold; width: 100%; margin-bottom: 10px; font-size: 14px !important; display: block !important; } .sideReviewItem__ttl.has-ellipsis-2 { text-align: justify; } .sideReviewItem__body .sideReviewItem__text p { color: rgb(0, 0, 0); line-height: 1.83em; text-align: justify; } .sideReviewItem__more { text-align: right; display: block; margin-top: 5px; } .sideReview__list .sideReviewItem .sideReviewItem__footer { display: block; } .sideReview__contents .u-text-right { padding: 10px 15px 40px; } .sideReview .sideReview--title { background: linear-gradient(to right, rgb(14, 164, 227) 0%, rgb(72, 195, 182) 100%); } .sideReview .sideReview--title p { position: relative; padding-left: 43px; } .sideReview .sideReview--title p::before { content: ""; position: absolute; background: url("") 0% 0% / cover no-repeat; width: 93px; height: 93px; left: 0px; top: -45px; } .sideFeature .js-slider--centered.p-slider--centered.p-slider--feature { margin-bottom: 25px; } .sideRecent__contents .sideRecent__list { background: rgb(255, 255, 255); border: none; padding: 0px; margin-bottom: 25px !important; } .sideRecent__contents .p-box { display: block; } .sideRecent__contents .p-box__body__pre { display: table; } .sideRecent__contents .p-box__body__pre .p-box__figure { display: table-cell; } .sideRecent__contents .p-box__body__pre .sideRecent__listItem__title { display: table-cell; vertical-align: middle; padding-left: 20px; font-size: 14px; } .sideRecent__contents .p-box__body__post { display: block; margin-top: 15px; color: rgb(0, 0, 0); } .sideRecent__contents .sideRecent__list li { background: rgb(255, 255, 255); border-top: none; border-right: none; border-left: none; border-image: initial; padding: 15px 10px; border-bottom: 1px solid rgb(221, 221, 221) !important; } .sideClip1__contents--actor .sideClip1__list--striped { border: none; } .sideClip1__contents--actor .sideClip1__listItem:nth-child(2n+1) { background: none; } .sideClip1__contents--actor .sideClip1__listItem { background: rgb(255, 255, 255); padding: 15px 10px; border-bottom: 1px solid rgb(221, 221, 221) !important; } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom { display: block; } .sideClip1__contents--actor .sideClip1__listItem .listItem__heading { font-size: 12px; } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom span { width: 100%; text-align: center; display: block; background: rgb(208, 208, 208); font-size: 9px; letter-spacing: 1px; border-radius: 10px; margin-bottom: 10px; } .sideClip1__contents--actor { margin-bottom: 25px; } .sideClip1__theater .sideClip1__contents--actor .sideClip1__listItem .listItem__heading { margin-bottom: 0px; } .sideClip1__contents--actor .sideClip1__listItem:first-child { padding-top: 10px; } .sideClip2 .sideClip2__list { background: rgb(255, 255, 255); border: none; padding: 0px; margin-bottom: 25px !important; } .sideClip2__contents .p-box { display: block; } .sideClip2__contents .p-box__body__pre { display: table; } .sideClip2__contents .p-box__body__pre .p-box__figure { display: table-cell; } .sideClip2__contents .p-box__body__pre .sideClip2__listItem__title { display: table-cell; vertical-align: middle; padding-left: 20px; font-size: 14px; } .sideClip2__contents .p-box__body__post { display: block; margin-top: 15px; color: rgb(0, 0, 0); } .sideClip2__contents .sideClip2__list li { background: rgb(255, 255, 255); border-top: none; border-right: none; border-left: none; border-image: initial; padding: 15px 10px; border-bottom: 1px solid rgb(221, 221, 221) !important; } .l-main__col--sub { padding-top: 20px; } .l-main__col--sub section { margin-bottom: 60px; } .c-heading--bordered { border: none; padding: 12px 0px; display: block; background: rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: center; } .c-heading--bordered::before { display: none; } .sideDay__contents { margin-bottom: 25px; } .sideDay__contents .sideDay__box { background: rgb(255, 255, 255); border-top: none; border-right: none; border-left: none; border-image: initial; padding: 30px 10px; border-bottom: 1px solid rgb(221, 221, 221) !important; } .sideDay__contents .sideDay__box:first-child { padding-top: 20px !important; } .sideDay__contents .sideDay__box h3 { margin-bottom: 15px; } .sideDay__contents .sideDay__box h3 a { color: rgb(0, 0, 0); font-size: 14px; font-weight: bold; } .sideDay__contents .sideDay__listHeading { font-size: 15px; font-weight: bold; margin-bottom: 0px; } .sideSuggest .sideSuggest__inner { border: none; } .sideSuggest .sideSuggest__container { padding: 0px 10px; } .sideSuggest .sideSuggest__list .sideSuggest__listItem { width: 48%; } .sideSuggest .sideSuggest__list .sideSuggest__listItem:last-child, .sideSuggest .sideSuggest__list .sideSuggest__listItem:nth-last-child(2) { margin-bottom: 0px; } .sideSuggest .sideSuggest__list .sideSuggest__listItem a { line-height: 1.5em; font-weight: bold; } ul.mypageClip-list__list.list__mita { display: flex; flex-wrap: wrap; justify-content: normal; } ul.mypageClip-list__list.list__mita li { width: 135px; border: 0px; } ul.mypageClip-list__list.list__mita .mypageClip-list-listItem__ttl.p-listItem__title, ul.mypageClip-list__list.list__mitai .mypageClip-list-listItem__ttl.p-listItem__title { font-size: 14px; width: 135px; margin: 5px auto 0px; } .mypageClip-list__listItem .mypageClip-list-listItem__figure { width: 135px; margin: 0px auto; } .mypage-tab__list .mypage-tab__listItem { width: 20%; font-size: 12px; padding: 0.9em 0px; } .mypageClip-list__mita .p-pagination { clear: both; } .\.l-main__col--sub_contents-login { clear: both; } .side_banner__tablet { display: none; } @media screen and (min-width: 1025px) { ul.mypageClip-list__list.list__mita { width: 860px; } ul.mypageClip-list__list.list__mita li { margin-right: 46px; } ul.mypageClip-list__list.list__mita li:nth-of-type(5n) { margin-right: 0px; } } @media screen and (min-width: 769px) and (max-width: 1199px) { .side_banner__tablet { display: block !important; } .side_banner__main { display: none !important; } .p-tab__list .p-tab__listItem a { font-size: 10px; } ul.mypageClip-list__list.list__mita { display: block; } ul.mypageClip-list__list.list__mita li { width: 25%; border: 0px; float: left; display: block; } } @media screen and (max-width: 768px) { ul.mypageClip-list__list.list__mita { justify-content: space-between; } ul.mypageClip-list__list.list__mita li { width: 33%; } } @media screen and (max-width: 414px) { ul.mypageClip-list__list.list__mita li { width: 50%; } } .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list .movieDetail-top-package-btn__listItem .c-btn.active { color: rgb(255, 255, 255); background: rgb(253, 40, 36); } .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list .movieDetail-top-package-btn__listItem .c-btn.active:hover { color: rgb(253, 40, 36); background: rgb(255, 255, 255); } .movieDetail .clip { transition: all 0.3s ease-out 0s; } .movieDetail .clip:hover { opacity: 0.6; } .movieDetail .clip--button { background: linear-gradient(to right, rgb(14, 164, 227) 0%, rgb(72, 195, 182) 100%); margin-top: 10px; } .movieDetail .clip.active .clip--button { background: rgb(162, 162, 162); } .movieDetail .clip--button p { position: relative; padding-left: 10px; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; text-align: center; } .movieDetail .clip--button p::before { content: ""; position: absolute; background: url("") 0% 0% / cover no-repeat; width: 12px; height: 12px; left: 0px; top: 0px; } .movieDetail-view { clear: both; margin-bottom: 42px; overflow: hidden; } .tab_content.movieDetail-view__movie { padding: 22px 0px; } .movieDetail-view .c-form__searchBox { margin-bottom: 0px; } .movieDetail-view .c-form__searchBox .c-label.is-long { margin-right: 15px; } .movieDetail-view .c-form__searchBox .c-select__box { margin-right: 10px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem { display: inline-block; width: 245px; margin-right: 30px; vertical-align: top; } ul.movieDetail-stream__list li.movieDetail-stream__listItem .stream__top { display: table; margin-bottom: 5px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem .stream__icon { display: table-cell; } ul.movieDetail-stream__list li.movieDetail-stream__listItem .stream__item { display: table-cell; font-size: 15px; line-height: 1em; font-weight: bold; color: rgb(9, 9, 9); vertical-align: middle; padding-left: 10px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem .stream__item span { font-size: 11px; color: rgb(119, 119, 119); display: block; font-weight: normal; padding-top: 3px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem .stream__content { font-size: 10px; line-height: 16px; width: 78px; margin-right: 5px; border: 1px solid rgb(187, 187, 187); color: rgb(119, 119, 119); display: inline-block; text-align: center; } ul.movieDetail-stream__list li.movieDetail-stream__listItem ul.stream__content-list li { margin-right: 5px; display: inline-block; } ul.movieDetail-stream__list li.movieDetail-stream__listItem ul.stream__content-list li a { font-size: 10px; line-height: 16px; padding: 0px 10px; border: 1px solid rgb(187, 187, 187); color: rgb(119, 119, 119); display: inline-block; text-align: left; transition: all 0.3s ease 0s; margin-bottom: 2px; max-width: 236px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem ul.stream__content-list li a:hover { color: rgb(255, 255, 255); background: rgb(119, 119, 119); } .tab_content.movieDetail-view__bluray-dvd { padding: 22px 0px; } ul.movieDetail-bluray-dvd__list { display: flex; flex-wrap: wrap; justify-content: normal; } ul.movieDetail-bluray-dvd__list::after { content: ""; display: block; width: calc(33.3333%); } ul.movieDetail-bluray-dvd__list li { width: 135px; border: 0px; } .movieDetail-bluray-dvd__listItem__ttl.p-listItem__title { font-size: 14px; width: 135px; margin: 5px auto 0px; } .movieDetail-bluray-dvd__listItem .mypageClip-list-listItem__figure { width: 135px; margin: 0px auto 10px; } .movieDetail-view__column1 { width: 100% !important; } .movieDetail-view__column2 { width: calc(50%) !important; } .movieDetail-view__column3 { width: calc(33.3333%) !important; } .movieDetail-review__column1 { width: 100% !important; } .movieDetail-user_contents-none { background: rgb(243, 243, 243); padding: 113px 0px; } .movieDetail-user_contents-none .movieDetail-top-review__btns { margin: 0px auto !important; } @media screen and (min-width: 1025px) { ul.movieDetail-bluray-dvd__list { width: 860px; } ul.movieDetail-bluray-dvd__list li { margin-right: 46px; } ul.movieDetail-bluray-dvd__list li:nth-of-type(5n) { margin-right: 0px; } } @media screen and (min-width: 769px) and (max-width: 1199px) { .side_banner__tablet { display: block !important; } .side_banner__main { display: none !important; } .p-tab__list .p-tab__listItem a { font-size: 10px; } ul.movieDetail-bluray-dvd__list { width: 100%; justify-content: space-between; } ul.mmovieDetail-bluray-dvd__list li { width: 25%; border: 0px; float: left; display: block; } } @media screen and (min-width: 769px) { .britem1 { display: none; } } @media screen and (max-width: 768px) { ul.movieDetail-bluray-dvd__list { justify-content: space-between; } ul.movieDetail-bluray-dvd__list li { margin-bottom: 15px; width: calc(33.3333%); } .britem1 { display: block; } .movieDetail-view .tab_item { height: 60px; line-height: 30px; } .movieDetail-view .tab_item.item-tab3 { padding: 10px; line-height: 20px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem { width: auto; margin-bottom: 15px; clear: both; } ul.movieDetail-stream__list li.movieDetail-stream__listItem:first-child { margin-right: 0px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem:last-child { margin-bottom: 0px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem ul.stream__content-list li { float: left; } ul.movieDetail-stream__list li.movieDetail-stream__listItem ul.stream__content-list li a { line-height: 21px; padding: 0px 15px; max-width: 100%; } .movieDetail-view .c-select__box .c-select { padding: 0.5em 1.7em 0.5em 0.8em; } .movieDetail-view .c-select__box .c-select { width: 100%; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: none transparent; box-shadow: none; appearance: none; padding: 0.5em 1.7em 0.5em 0.8em; } .movieDetail-view .c-form__searchBox .formGroup__col { display: block; } .movieDetail-view .c-form__searchBox .c-select__box { margin-right: 0px; margin-bottom: 10px; } .movieDetail-view .c-btn { text-align: center; width: 100%; } } .movieDetail-view .tab_container { background-color: rgb(255, 255, 255); margin: 0px auto; } .movieDetail-view .tab_item { width: calc(25%); padding: 15px 10px; background-color: rgb(204, 204, 204); color: rgb(9, 9, 9); display: block; float: left; text-align: center; font-size: 14px; font-weight: bold; transition: all 0.2s ease 0s; border-right: 2px solid rgb(255, 255, 255); } .movieDetail-view .tab_item.noContent { color: rgb(255, 255, 255); pointer-events: none; } .movieDetail-view .tab_item.item-tab4 { border-right: none; } .movieDetail-view .tab_item:hover { opacity: 0.75; } .movieDetail-view input[name="tab_item"] { display: none; } .movieDetail-view .tab_content { display: none; padding: 22px 10px 0px; clear: both; overflow: hidden; } .movieDetail-view #tab1:checked ~ #tab1_content, .movieDetail-view #tab2:checked ~ #tab2_content, .movieDetail-view #tab3:checked ~ #tab3_content, .movieDetail-view #tab4:checked ~ #tab4_content { display: block; } .movieDetail-view.tab_container input:checked + .tab_item { background-color: rgb(9, 9, 9); color: rgb(255, 255, 255); } .movieDetail-view__sp-title { display: none; } @media screen and (max-width: 599px) { .movieDetail-view .tab_item { font-size: 10px; } } @media screen and (min-width: 500px) { .movieDetail-expert__Item__more.pc_only { display: block; } .movieDetail-expert__Item__more.sp_only { display: none; } } @media screen and (max-width: 499px) { ul.movieDetail-bluray-dvd__list li { width: calc(50%); justify-content: center; } .movieDetail-expert__Item__more.pc_only { display: none; } .movieDetail-expert__Item__more.sp_only { display: block; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .star { width: 100px; margin-left: 0px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__post { display: block !important; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert_contents li { margin-bottom: 10px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__more { margin-top: 2px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .star { margin-left: 0px !important; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-top-review__expert__images { width: 136px !important; height: 188px !important; margin: 112px 0px 13px 15px !important; } .movieDetail .movieDetail-top-review .movieDetail-expert_heading p::before { width: 121px !important; height: 121px !important; top: 57px !important; } } .tab_content.movieDetail-view__tv .movieDetail-view__tv-content { font-size: 14px; font-weight: bold; } .tab_content.movieDetail-view__tv .movieDetail-view__tv-date { position: relative; display: inline-block; margin-right: 9px; color: rgb(14, 164, 227); padding-left: 20px; } .tab_content.movieDetail-view__tv .movieDetail-view__tv-date::before { content: ""; background: rgb(14, 164, 227); width: 3px; height: 15px; position: absolute; margin-top: 8px; left: 0px; } .tab_content.movieDetail-view__tv .movieDetail-view__tv-date::after { content: "-"; margin-left: 9px; font-size: 16px; font-weight: normal; color: rgb(0, 0, 0); } .tab_content.movieDetail-view__tv .movieDetail-view__tv-item { display: inline-block; } .movieDetail .movieDetail-top-review { clear: both; float: none !important; margin-bottom: 40px !important; } .movieDetail .movieDetail-top-review .movieDetail-top-review__main { overflow: hidden; } .movieDetail .movieDetail-top-review .movieDetail-top-review__main .movieDetail-main_heading { background: linear-gradient(to right, rgb(14, 164, 227) 0%, rgb(72, 195, 182) 100%); } .movieDetail .movieDetail-top-review .movieDetail-top-review__main .movieDetail-main_heading p { position: relative; padding: 10px 0px; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert { width: 480px; border: 1px solid rgb(228, 204, 91); float: left; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user { width: 370px; float: right; } .movieDetail .movieDetail-top-review .movieDetail-expert_heading, .movieDetail .movieDetail-top-review .movieDetail-user_heading { position: relative; display: inline-block; margin: 0px auto; padding: 10px 0px; width: 100%; font-size: 16px; background: rgb(0, 0, 0); text-align: center; } .movieDetail .movieDetail-top-review .movieDetail-user_heading { background: linear-gradient(to right, rgb(14, 164, 227) 0%, rgb(72, 195, 182) 100%); margin-bottom: 15px; } .movieDetail .movieDetail-top-review .movieDetail-user_heading::before { border-top: 8px solid rgb(95, 95, 95); } .movieDetail .movieDetail-top-review .movieDetail-expert_heading p, .movieDetail .movieDetail-top-review .movieDetail-user_heading p { position: relative; margin: 0px; padding: 0px; text-align: center; color: rgb(255, 255, 255); } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert_contents { padding: 5px 0px 10px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert_contents li { padding: 10px 20px 0px; display: flex; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__pre { width: 150px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__post { width: calc(100% - 150px); } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__name__1 { font-size: 10px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__name__2 { font-size: 16px; font-weight: bold; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__more { font-size: 12px; float: right; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .stars { margin-bottom: 5px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .star { width: 85px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__text { font-size: 12px; font-weight: bold; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user_contents li { background: rgb(243, 243, 243); display: table; padding: 13px 20px; margin-bottom: 9px; width: 100%; position: relative; height: 88.5px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user_contents li:last-child { margin-bottom: 7px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user__Item__pre { display: table-cell; vertical-align: middle; width: 20%; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user__Item__post { display: table-cell; padding-left: 20px; width: 80%; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user__Item__name__1 { font-size: 13px; font-weight: bold; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user__Item__more { font-size: 12px; color: rgb(14, 164, 227); font-weight: bold; text-align: right; position: absolute; right: 23px; bottom: 8px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user__Item__text { font-size: 12px; font-weight: bold; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .star { width: 85px; } .movieDetail .movieDetail-top-review .u-text-right.mt-2 { clear: both; } .movieDetail .movieDetail-top-review .movieDetail-top-review__btns { clear: both; margin: 20px auto 0px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__btns .c-btn { padding: 13px 50px; font-size: 13px; font-weight: bold; line-height: 1em; } .movieDetail .movieDetail-story { clear: both; } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list { display: block; margin: 0px auto; text-align: left; width: 100%; } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .sns__listItem { display: inline-block; } .sns .sns__list .sns__listItem.mr0 { margin-right: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top { display: block; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert { width: 100%; margin-bottom: 15px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user { width: 100%; } } .movieDetail .movieDetail-story { margin-bottom: 20px; } .movieDetail .movieDetail-top-sns { margin-bottom: 10px; } .movieDetail .movieDetail-video { clear: both; } .movieDetail .movieDetail-staff, .movieDetail .movieDetail-spec, .movieDetail .movieDetail-top-review-2, .movieDetail .movieDetail-amazon { clear: both; } .login-about { margin-top: 60px; } .login-about p { font-size: 20px; line-height: 2; letter-spacing: 0.02em; } .login-about__text.post p { text-indent: -1em; margin-left: 1em; color: rgb(255, 0, 0); } .login-about__text.pre { margin-bottom: 20px; } .login-about a { font-size: 20px; } .l-main__col--main__about { width: 100% !important; } .about-content { margin-top: 60px; background: rgb(248, 248, 248); border: 1px dotted rgb(224, 224, 224); padding: 40px 0px; } .about-content.bg-white { background: rgb(255, 255, 255); border: none; } .about-content .about-content__text { margin-bottom: 70px; } .about-content .about-content__text p { font-size: 20px; line-height: 2; letter-spacing: 0.02em; padding: 0px 40px; } .about-content .about-content__text a { font-size: 20px; } .about-content__button { font-size: 16px; display: block; width: 90%; max-width: 410px; height: 60px; line-height: 60px; text-align: center; margin: 0px auto; transition: all 0.3s ease 0s; background: rgb(0, 0, 0); color: rgb(255, 255, 255) !important; } .about-content__button:hover { opacity: 0.6; } .about-content__link .about-content__button { background: rgb(17, 164, 227); } .about-content__event .about-content__button { background: rgb(213, 0, 0); } .about-content__link { text-align: center; margin-bottom: 40px; } .about-content .sp_only { display: none; } .l-main__col--main__confirm { width: 100% !important; } .confirm-content__title { text-align: center; font-size: 28px; font-weight: bold; color: rgb(255, 0, 0); margin-top: 35px; } .confirm-content__title .sp_only { display: none !important; } .confirm-content { margin-top: 25px; border: 1px dotted rgb(224, 224, 224); padding: 40px 25px; margin-bottom: 30px; } .confirm-content__items { border-bottom: 1px solid rgb(213, 213, 213); padding: 0px 25px 40px; margin-bottom: 40px; } .confirm-content__items-mita, .confirm-content__items-mitai { font-size: 26px; line-height: 2; letter-spacing: 0.02em; display: inline-block; } .confirm-content__items-mita span, .confirm-content__items-mitai span { color: rgb(255, 0, 0); } .confirm-content__items-total { font-size: 22px; line-height: 2; letter-spacing: 0.02em; padding: 0px 25px 40px; } .confirm-content__items-total span { color: rgb(255, 0, 0); } .confirm-content__review { border: 1px dotted rgb(224, 224, 224); padding: 25px 25px 30px; } .confirm-content__review .confirm-content__review-lead { font-size: 20px; line-height: 2; letter-spacing: 0.02em; color: rgb(16, 163, 227); margin-bottom: 20px; } .confirm-content__review-attention.post { width: 700px; margin: 0px auto 35px; } .confirm-content__review-attention ul li { text-indent: -1em; margin-left: 1em; font-size: 19px; color: rgb(255, 0, 0); background: none !important; border: none !important; padding: 0px !important; margin-bottom: 25px !important; } .confirm-content__review-attention.pre ul li { text-indent: 0em !important; margin-left: 0em !important; } .confirm-content__review ul li { background: rgb(255, 255, 255); border: 1px solid rgb(224, 224, 224); padding: 25px 25px 30px; margin-bottom: 25px; } .confirm-content__review ul li:last-child { margin-bottom: 0px; } .confirm-content__review-date { font-size: 12px; margin: 6px auto; float: left; } .confirm-content__review-titleBox { clear: both; } .confirm-content__review-title { font-size: 16px; font-weight: bold; margin-bottom: 5px; } .confirm-content__review-score { position: relative; display: flex; line-height: 1; padding: 1px 0px 0px; margin-bottom: 25px; margin-right: 20px; float: left; } .confirm-content__review-score .point { color: rgb(34, 34, 34); margin-right: 10px; } .confirm-content__review-score .point .en { font-size: 24px; font-weight: bold; letter-spacing: -0.02em; } .confirm-content__review-score .stars { width: 100px; margin: 5px 5px 0px 0px; } .confirm-content__review-score .star { width: 100px; } .confirm-content__review-text { font-size: 13px; line-height: 20px; clear: both; } .confirm-content__event { text-align: center; } .confirm-content__button { font-size: 16px; display: inline-block; width: auto; height: 60px; line-height: 60px; padding: 0px 53px; text-align: center; margin: 0px auto; transition: all 0.3s ease 0s; background: rgb(17, 164, 227); color: rgb(255, 255, 255) !important; } .confirm-content__button:hover { opacity: 0.6; } .confirm-content__button.done { background: rgb(162, 162, 162); pointer-events: none; } .confirm-content__items-attention { font-size: 19px; text-indent: -1em; margin-left: 1em; margin-top: 15px; } .confirm-content__items-attention.item1 { margin-top: 60px; } .confirm-content__review-spoil { font-size: 12px; color: rgb(255, 0, 0); border: 2px solid rgb(255, 0, 0); padding: 0px 6px; float: left; font-weight: bold; margin-top: 1px; } .content__disclosure-range-setting { font-size: 12px; background-color: rgb(204, 204, 204); color: rgb(9, 9, 9); padding: 2px 11px; float: right; font-weight: bold; margin-top: 1px; } .confirm-content__items-text { font-size: 19px; } .confirm-content__items-text.item1 { margin-top: 20px; } .confirm-content__items-text.item2 { width: 95%; margin: 0px auto 45px; } @media screen and (max-width: 768px) { .confirm-content__items-attention, .confirm-content__items-text { font-size: 14px; } .confirm-content__review .confirm-content__review-attention ul li { text-indent: 0em; margin-left: 0em; } } .l-main__col--main__completion { width: 100% !important; } .completion-content { margin-top: 60px; background: rgb(248, 248, 248); border: 1px dotted rgb(224, 224, 224); padding: 30px 25px; margin-bottom: 30px; } .completion-content__text { margin-bottom: 70px; } .completion-content__text p { font-size: 20px; line-height: 2; letter-spacing: 0.02em; } .completion-content__text span { color: rgb(254, 0, 0); } .completion-content__back { background: rgb(237, 237, 237); border: 1px dotted rgb(224, 224, 224); padding: 25px 25px 30px; } .completion-content__button { font-size: 16px; display: block; width: 90%; max-width: 290px; height: 60px; line-height: 60px; text-align: center; margin: 0px auto; transition: all 0.3s ease 0s; background: rgb(17, 164, 227); color: rgb(255, 255, 255) !important; } .completion-content__button:hover { opacity: 0.6; } .l-main__col--main__error { width: 100% !important; } .error-content { margin-top: 60px; background: rgb(248, 248, 248); border: 1px dotted rgb(224, 224, 224); padding: 30px 25px; margin-bottom: 30px; } .error-content__text { margin-bottom: 70px; } .error-content__text p { font-size: 20px; line-height: 2; letter-spacing: 0.02em; color: rgb(254, 0, 0); } .error-content__text p.error-content__text-attention { text-indent: -1em; margin-left: 1em; } .error-content__back { background: rgb(237, 237, 237); border: 1px dotted rgb(224, 224, 224); padding: 25px 25px 30px; } .error-content__button { font-size: 16px; display: block; width: 90%; max-width: 290px; height: 60px; line-height: 60px; text-align: center; margin: 0px auto; transition: all 0.3s ease 0s; background: rgb(17, 164, 227); color: rgb(255, 255, 255) !important; } .error-content__button:hover { opacity: 0.6; } .details-content .details-content__lead { font-size: 16px; font-weight: bold; margin-bottom: 40px; } .details-content .details-content__list ul li { margin-bottom: 80px; } .details-content .details-content__list ul li:last-child { margin-bottom: 0px; } .details-content .details-content__list-titlebox { display: block; margin-bottom: 20px; } .details-content .details-content__list-number { height: 50px; width: 50px; border-radius: 50%; text-align: center; background: rgb(17, 164, 227); margin-right: 20px; display: inline-block; } .details-content .details-content__list-number span { font-size: 18px; line-height: 50px; color: rgb(255, 255, 255); font-weight: bold; } .details-content .details-content__list-title { font-size: 22px; line-height: 50px; color: rgb(17, 164, 227); font-weight: bold; display: inline-block; } .details-content .details-content__list-image { display: block; margin-bottom: 20px; } .details-content .details-content__list-text { font-size: 16px; font-weight: bold; } @media screen and (min-width: 769px) { .details-content .details-content__list-image img.pc_only { display: block !important; } .details-content .details-content__list-image img.sp_only { display: none !important; } .confirm-content__items-mita, .confirm-content__items-mitai { margin-right: 35px; } .confirm-content__review-title { float: left; margin-right: 20px; } } @media screen and (max-width: 768px) { .login-about { margin-top: 50px; padding: 0px 15px; margin-bottom: 35px !important; } .login-about p { font-size: 18px; } .login-about a { font-size: 18px; } .about-content { margin-top: 50px; } .about-content .about-content__text { margin-bottom: 60px; } .about-content .about-content__text p { font-size: 18px; padding: 0px 35px; } .about-content .about-content__text a { font-size: 18px; } .about-content__link { margin-bottom: 40px; } .about-content__button { height: 70px; line-height: 25px; padding-top: 10px; } .about-content .sp_only { display: block; } .confirm-content__title { font-size: 24px; margin-top: 25px; line-height: 1.6; } .confirm-content__title .sp_only { display: block !important; } .confirm-content { margin-top: 25px; padding: 30px 10px; margin-bottom: 30px !important; } .confirm-content__items { padding: 0px 10px 30px; margin-bottom: 30px; } .confirm-content__items-mita, .confirm-content__items-mitai { font-size: 18px; display: block; } .confirm-content__items-total { font-size: 18px; padding: 0px 20px 30px; } .confirm-content__review { padding: 20px 10px 25px; } .confirm-content__review-date { margin: 0px auto 10px; } .confirm-content__review .confirm-content__review-lead { font-size: 18px; margin-bottom: 15px; padding-left: 10px; } .confirm-content__review-attention.post { width: 100%; margin: 0px auto; } .confirm-content__review-attention ul li { font-size: 16px; padding: 0px 10px !important; margin-bottom: 25px !important; } .confirm-content__review ul li { padding: 20px 20px 25px; margin-bottom: 20px; } .confirm-content__review-score { margin-right: 15px; } .confirm-content__review-spoil { font-size: 10px; margin-top: 3px; } .content__disclosure-range-setting { padding: 0px 11px; margin-top: 4px; } .completion-content { margin-top: 50px; } .completion-content__text { margin-bottom: 60px; } .completion-content__text p { font-size: 18px; } .completion-content__back { padding: 20px 25px; } .error-content { margin-top: 50px; } .error-content__text { margin-bottom: 60px; } .error-content__text p { font-size: 18px; } .error-content__back { padding: 20px 25px; } .details-content .details-content__lead { font-size: 14px; margin-bottom: 30px; } .details-content .details-content__list ul li { margin-bottom: 60px; } .details-content .details-content__list-titlebox { display: flex; } .details-content .details-content__list-number { height: 40px; width: 40px; } .details-content .details-content__list-number span { font-size: 16px; line-height: 40px; width: 40px; display: block; } .details-content .details-content__list-title { font-size: 20px; line-height: 30px; } .details-content .details-content__list-image img { width: 100%; height: auto; } .details-content .details-content__list-image img.sp_only { display: block !important; } .details-content .details-content__list-image img.pc_only { display: none !important; } .details-content .details-content__list-text { font-size: 14px; } } @media screen and (min-width: 601px) { .content__disclosure-range-setting.sp_none { display: block; } .content__disclosure-range-setting.sp_only { display: none; } } @media screen and (max-width: 600px) { .content__disclosure-range-setting.sp_none { display: none; } .content__disclosure-range-setting.sp_only { display: block; } .content__disclosure-range-setting { margin-top: 0px; } } .watching__list { display: flex; margin-left: auto; } .watching__list .watching__listItem { width: 80px; background-repeat: no-repeat; background-position: left 9px center; background-size: 18px; display: flex; align-items: center; justify-content: center; border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-right-style: initial; border-right-color: initial; padding: 4px 0px 4px 35px; margin-bottom: 0px; } .watching__list .watching__listItem, .watching__list .watching__listItem:last-child { margin-bottom: 20px !important; } .watching__list .watching__listItem:first-child { background: rgb(248, 248, 248); padding: 5px 0px; font-size: 12px; } .watching__list .watching__listItem:last-child { border-right: 1px solid rgb(221, 221, 221); } .watching__list .watching__listItem.is-active span { color: rgb(14, 164, 227); } .watching__list .watching__listItem span { width: 70px; color: rgb(153, 153, 153); font-size: 10px; line-height: 1.2; } .watching__list .watching__listItem img { height: 20px; margin-right: 5px; } .watching__list .watching__listItem--movie { background-image: url(""); } .watching__list .watching__listItem--movie.is-active { background-image: url(""); } .watching__list .watching__listItem--disc { background-image: url(""); } .watching__list .watching__listItem--disc.is-active { background-image: url(""); } .watching__list .watching__listItem--net { background-image: url(""); } .watching__list .watching__listItem--net.is-active { background-image: url(""); } .watching__list .watching__listItem--tv { background-image: url(""); } .watching__list .watching__listItem--tv.is-active { background-image: url(""); } @media screen and (min-width: 769px) { .watching__list { float: right; } } @media screen and (max-width: 768px) { .watching__list { clear: both; } } @media screen and (max-width: 600px) { .watching__list .watching__listItem { width: calc(25%); background-position: center 12px; padding: 31px 0px 7px; text-align: center; } .watching__list .watching__listItem, .watching__list .watching__listItem:last-child { margin-bottom: 10px !important; } .watching__list .watching__listItem:first-child { display: none; } .watching__list .watching__listItem span { font-size: 8px; } } .mypageReview-list-listItem__ttl--review.p-listItem__title .content__disclosure-range-setting { font-size: 16px; padding: 0.2em 0.5em; margin-left: 20px; float: left !important; } .mypageReview-list-listItem__ttl--review.p-listItem__title div a { line-height: 24px; float: left; } .mypageReview-list-listItem__ttl--review.p-listItem__title .confirm-content__review-spoil { padding: 4px 6px 3px; float: left; margin-top: 1px; margin-left: 20px; } @media screen and (max-width: 768px) { .mypageReview-list-listItem__ttl--review.p-listItem__title .content__disclosure-range-setting { font-size: 15px; } .reviewList__list .reviewList__body .reviewList__heading .col.is-bottom .tagcloud__list { margin-top: 25px; } } .l-header__menuList { width: 480px; } .l-header__btnList .btnList__item .c-input { width: 206px; color: rgb(0, 0, 0); } .l-header__btnList .btnList__item button.p-nav__btn--search { padding: 0.6em 1em; } .l-header__btnList .btnList__item button.p-nav__btn--search img { width: 18px; margin: auto; } @media screen and (min-width: 769px) { .l-header__btnList .sp_none { display: block !important; } .l-header__btnList .sp_only { display: none !important; } .confirm-content__review-attention .pc_only { display: block !important; } } @media screen and (max-width: 768px) { .l-header__btnList .sp_none { display: none !important; } .l-header__btnList .sp_only { display: block !important; } .confirm-content__review-attention .pc_only { display: none !important; } } .l-header__logo { margin-right: auto; } .l-header__btnList .btnList__item.item1 { padding-top: 2px; margin-right: 18px; } .l-header__btnList .btnList__item.item1 a { position: relative; color: rgb(255, 255, 255); font-size: 14px; transition: all 0.3s ease 0s; } .l-header__btnList .btnList__item.item1 a:hover { opacity: 0.6; } .l-header__btnList .btnList__item.item1 a::after { content: ""; background: rgb(255, 255, 255); width: 100%; height: 1px; position: absolute; bottom: 3px; left: 0px; } .l-header__btnList .btnList__item.item2 { margin-right: 18px; } @media screen and (max-width: 600px) { .l-header__btnList .btnList__item.item2 { margin-right: 4px; } } .l-header__btnList .btnList__item.item4 { margin-left: 18px; margin-right: 13px; } .l-header__btnList .btnList__item.item5 { margin-right: 14px; } .l-header__btnList .btnList__item.snsicon a { transition: all 0.3s ease 0s; } .l-header__btnList .btnList__item.snsicon a:hover { opacity: 0.6; } .p-nav .p-nav-contents { padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; background: rgb(233, 233, 233); } .p-nav .p-nav-contents .notice__item a { position: relative; color: rgb(0, 0, 0); font-size: 14px; font-weight: bold; transition: all 0.3s ease 0s; } .p-nav .p-nav-contents .notice__item a:hover { opacity: 0.6; } .p-nav .p-nav-contents .notice__item a::after { content: ""; background: rgb(0, 0, 0); width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; } .p-nav .p-nav-contents .snsList { display: flex; justify-content: center; gap: 15px; } .submenu-container { background: rgb(28, 28, 28); padding: 9px 0px; position: fixed; top: 68px; left: 0px; right: 0px; z-index: 10; } .submenu-container .l-header__menuList { width: 100%; justify-content: start; } .submenu-container .l-header__menuList .menuList__item { letter-spacing: 0px; margin-right: 35px; } .submenu-container .l-header__menuList .menuList__item a { position: relative; transition: all 0.3s ease 0s; } .submenu-container .l-header__menuList .menuList__item a:hover { color: rgb(14, 164, 227); } .submenu-container .l-header__menuList .menuList__item a::after { content: ""; background: rgb(127, 127, 127); width: 2px; height: 14px; position: absolute; right: -17px; top: 3px; } .AdSense-container { background: rgb(248, 248, 248); padding: 12px 0px; text-align: center; margin-top: 112px; } @media screen and (max-width: 767px) { .AdSense-container img { width: 95%; height: auto; } } .post-container .p-box .p-box__figure::after { padding-top: 56.4%; } .post-container .post-item { display: flex; align-items: baseline; margin-bottom: 3px; } .post-container .post-date, .post-container .post-author { position: relative; padding-right: 10px; color: rgb(127, 127, 127); font-size: 12px; } .post-container .post-tags { flex-wrap: wrap; display: flex; gap: 5px; margin: 0px 0px 3px; justify-content: flex-start; } .post-container .post-tag { background: rgb(207, 70, 74); font-weight: bold; font-size: 10px; padding: 0px 10px 0px 11px; border-radius: 4px; width: auto !important; margin: 0px !important; border: none !important; } .post-container .post-tag:hover { opacity: 0.8; } .post-container .post-tag a { color: rgb(255, 255, 255); } .post-container .post-content { font-size: 14px; font-weight: bold; color: rgb(17, 17, 17); line-height: 24px; } .post-container .p-box:hover { opacity: 1; } .post-container .p-box a:hover { opacity: 0.8; } .indexArticle ul, .indexPost-list ul.postList { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px 0px; margin: 0px auto 30px; } .indexArticle ul::after, .indexPost-list ul.postList::after { content: ""; display: block; width: 270px; height: 0px; } .indexArticle li, .indexPost-list ul.postList li { width: 270px; } .indexPost-list .c-heading--primary { margin-bottom: 25px; margin-top: 30px; } .l-footer__bottom .l-footer-bottom__list { margin-right: auto; } .l-footer__bottom-right { display: flex; align-items: center; gap: 18px; } .l-footer__bottom-right .snsList { display: flex; gap: 13px; } .l-main__col--sub .side-bnr { margin-bottom: 15px; } .l-main__col--sub .side-bnr.bnr-Ranking, .l-main__col--sub .side-bnr.sideDay, .l-main__col--sub .side-bnr.sideArticle { margin-bottom: 60px; } .l-main__col--sub .side-bnr.sideArticle li { margin-bottom: 15px; } .l-main__col--sub .side-bnr.sideArticle li:last-child { margin-bottom: 0px; } .l-main__col--sub .side-bnr.sideArticle .p-box.p-box--column .p-box__figure .figure__img { background-size: cover !important; } @media screen and (min-width: 1200px) { .p-nav .p-nav-contents { display: none; } } @media screen and (max-width: 1199px) { .l-header__btnList .btnList__item.item1, .l-header__btnList .btnList__item.snsicon, .submenu-container { display: none; } .AdSense-container { margin-top: 68px; } } @media screen and (max-width: 820px) { .indexArticle ul, .indexPost-list ul.postList li { width: 96%; } .indexArticle ul::after, .indexPost-list ul.postList::after { width: 28vw; } .indexArticle li, .indexPost-list ul.postList li { width: 28vw; } .p-slider--max4 .slick-slide { width: 19.85vw; margin-right: 12px; } .sideArticle ul { display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 20px; } .sideArticle ul li { width: 44vw; } .bnr-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 0px 15px; } .bnr-container .side-bnr { width: 45vw; } .bnr-container::after { content: ""; width: 45vw; } .sideAdSense { text-align: center; } .p-card { width: 45vw; } .p-slider--centered { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; } } @media screen and (min-width: 601px) { .c-heading--primary .sp_only { display: none !important; } } @media screen and (max-width: 600px) { .AdSense-container { margin-top: 45px; } .l-main section { margin-bottom: 25px; } .l-main__col--main--top_text { font-size: 14px; line-height: 30px; width: 95%; margin-bottom: 27px; } .p-slider--max3 { margin-bottom: 15px; } .p-slider--max3 .slick-slide { width: 95vw; } .indexNews .p-slider--max3 .slick-slide { margin-right: 10px; } .indexNews .slick-list.draggable { margin-right: -10px; } .indexArticle .c-heading--primary { margin-bottom: 10px; } .indexArticle ul, .indexPost-list ul.postList, .sideArticle ul { width: 98%; gap: 10px 0px; margin-bottom: 20px; } .indexArticle li, .indexPost-list ul.postList li, .sideArticle ul li { width: auto; border-bottom: 1px solid rgb(221, 221, 221); padding-bottom: 10px; } .indexArticle .p-box.p-box--column, .indexPost-list .p-box.p-box--column, .sideArticle .p-box.p-box--column { flex-direction: initial; gap: 0px 15px; align-items: flex-start; } .indexArticle .p-box.p-box--column a.link-figure, .indexPost-list .p-box.p-box--column a.link-figure, .sideArticle .p-box.p-box--column a.link-figure { width: 43.42vw; } .indexArticle .p-box.p-box--column .p-box__figure, .indexPost-list .p-box.p-box--column .p-box__figure, .sideArticle .p-box.p-box--column .p-box__figure { margin: 0px; width: 100%; align-self: center; } .indexArticle .p-box .p-box__body, .indexPost-list .p-box .p-box__body, .sideArticle .p-box .p-box__body { flex-direction: column; width: calc(100% - 43.42vw); } .indexPost-list .c-heading--primary { margin-bottom: 10px; margin-top: 10px; } .post-container .post-tag { font-size: 10px; line-height: 1em; padding: 4px 10px 3px 11px !important; } .post-container .post-content { font-size: 13px; line-height: 18px; } .post-container .post-tag { font-size: 10px; line-height: 1em; padding: 4px 10px 3px 11px !important; } .post-container .post-content { font-size: 13px; line-height: 18px; } .c-heading--primary .sp_only { display: block !important; } .bnr-container .side-bnr, .bnr-container .bnr-Ranking { width: 100%; max-width: 301px; } .l-main__col--sub .side-bnr.bnr-Ranking, .l-main__col--sub .side-bnr.sideDay { margin-bottom: 30px; } .l-main__col--sub .side-bnr.sideArticle { margin-bottom: 25px; } .l-footer__top .footer-sns__list { display: block; } .l-footer__top .footer-sns__list li { margin-bottom: 35px; } .l-footer__top .footer-sns__list li:last-child { margin-bottom: 0px; } } .indexNews .p-slider--max3 .slick-prev, .indexNews .p-slider--max3 .slick-next { top: 75px; } @media screen and (min-width: 768px) { .indexNews .slick-list.draggable { margin-right: -27px; } } @media screen and (max-width: 767px) { .indexNews .p-slider--max3 .slick-prev, .indexNews .p-slider--max3 .slick-next { top: 12vw; } .indexNews .slick-list.draggable { margin-right: -20px; } } .indexWeeklyRecomends .c-heading--primary { margin-bottom: 25px; } .indexWeeklyRecomends .subheading { position: relative; margin-bottom: 35px; } .indexWeeklyRecomends .subheading::before { content: ""; background: rgb(221, 221, 221); width: 100%; height: 1px; position: absolute; top: 13px; z-index: 0; } .indexWeeklyRecomends .subheading p { position: relative; display: inline; font-size: 15px; font-weight: bold; background: rgb(255, 255, 255); z-index: 1; padding: 0px 22px; } @media screen and (max-width: 820px) { .indexWeeklyRecomends .subheading p { padding-left: 16px; } } @media screen and (max-width: 767px) { .indexNews .slick-list.draggable { margin-right: -20px; } .indexWeeklyRecomends a.link--more { margin-bottom: 15px; } .indexWeeklyRecomends .indexOnlineService { margin-bottom: 30px; } } @media screen and (max-width: 600px) { .indexWeeklyRecomends .subheading { margin-bottom: 10px; } } .indexRanking .rankItem1 { margin-right: 15px; } .indexRanking .rankNew .mark--arrow { display: none !important; } .indexRanking .p-slider--max4 .slick-prev, .indexRanking .p-slider--max4 .slick-next { top: 160px; } @media screen and (max-width: 600px) { .indexRanking .c-heading--primary { margin-bottom: 18px; } } .indexRankingNew .rankItem1 { margin-right: 12px; } .indexRankingNew .rankItem2 { display: flex; align-items: end; color: rgb(0, 0, 0); font-weight: bold; line-height: 1em; margin-bottom: 3px; } .indexRankingNew .mark--score .head, .indexRankingNew .mark--score .score { display: block; } .indexRankingNew .mark--score .head { font-size: 11px; margin-bottom: 5px; } .indexRankingNew .mark--score .score { font-size: 16px; color: rgb(14, 164, 227); } .indexRankingNew .mark--score .score span { font-size: 10px; color: rgb(0, 0, 0); } .indexRankingNew .mark--people { font-size: 10px; } .indexRankingNew .p-slider--max4 .slick-prev, .indexRankingNew .p-slider--max4 .slick-next { top: 160px; } @media screen and (max-width: 600px) { .indexRankingNew .c-heading--primary { margin-bottom: 20px; } } .indexReview .p-slider--max3 { margin-bottom: 55px; } .indexReview .p-slider--max3 .slick-slide { text-align: center; margin-right: 0px; } .indexReview .p-box.p-box--column { width: 245px !important; } .indexReview .p-box__figure { width: 185px; margin: 0px auto 30px !important; } .indexReview .p-box__title { margin-bottom: 5px !important; text-align: left; } .indexReview .release { margin-bottom: 25px !important; text-align: left; } @media screen and (max-width: 600px) { .indexReview .release { margin-bottom: 15px !important; } } .indexReview ul.ReviewItem li { margin-bottom: 28px; text-align: left; } .indexReview ul.ReviewItem li:last-child { margin-bottom: 23px; } .indexReview ul.ReviewItem .name { line-height: 1em; margin-bottom: 9px; } .indexReview ul.ReviewItem .name1 { display: block; color: rgb(159, 159, 159); margin-bottom: 11px; font-size: 10px !important; } .indexReview ul.ReviewItem .name2 { color: rgb(0, 0, 0); font-size: 15px; font-weight: bold; } .indexReview ul.ReviewItem .stars { width: 100px; margin-bottom: 9px; } .indexReview ul.ReviewItem .text { color: rgb(0, 0, 0); font-size: 11px; line-height: 19px; } .indexReview .u-text-right { padding-right: 5px; } @media screen and (max-width: 600px) { .indexReview ul.ReviewItem .name1 { margin-bottom: 3px; } .indexReview ul.ReviewItem .name { margin-bottom: 5px; } .indexReview ul.ReviewItem .stars { margin-bottom: 4px; } .indexReview ul.ReviewItem li { margin-bottom: 12px; } .indexReview ul.ReviewItem li:last-child { margin-bottom: 8px; } .indexReview .p-slider--max3 { margin-bottom: 20px; } .indexReview .p-box__figure { width: 41.33vw; margin-bottom: 25px; } .indexReview .p-box.p-box--column { width: 92% !important; } .indexReview .p-slider--max3 .slick-slide { padding-right: 1vw; } .indexReview .u-text-right { font-size: 12px; } } .movieDetail .movieDetail-note__wrap .movieDetail-note__tbl { font-size: 12px; } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__desc { line-height: 1.7; font-size: 13px; padding: 0px 2%; } } @media screen and (max-width: 499px) { ul.movieDetail-bluray-dvd__list li p { font-size: 12px; line-height: 1.3; width: 135px; } } @media screen and (max-width: 768px) { .indexSchedule__contents .indexSchedule__col { margin: 0px auto 50px; } } @media screen and (max-width: 600px) { .indexSchedule__contents .indexSchedule__col { margin-bottom: 15px; } } .searchTheater__contents { background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 30px; } .searchTheater-week { margin-bottom: 30px; } .searchTheater-week .p-slider--max3 .slick-slide { width: 230px; margin-right: 0px; } .js-slider--searchTheater.p-slider.slick-initialized { width: 690px; margin: 0px auto; } .js-slider--searchTheater.p-slider .slick-prev, .js-slider--searchTheater.p-slider .slick-next { top: 0px; width: 54px; height: 64px; z-index: 3; border-radius: 0px; transform: none; background: rgb(0, 0, 0); } .js-slider--searchTheater.p-slider .slick-prev.slick-disabled, .js-slider--searchTheater.p-slider .slick-next.slick-disabled { background: rgb(195, 195, 195); cursor: default; } .js-slider--searchTheater.p-slider .slick-prev.slick-disabled::before, .js-slider--searchTheater.p-slider .slick-next.slick-disabled::before { opacity: 1; } .js-slider--searchTheater.p-slider .slick-prev { left: -54px; } .js-slider--searchTheater.p-slider .slick-next { right: -54px; } .js-slider--searchTheater.p-slider .slick-prev::before, .js-slider--searchTheater.p-slider .slick-next::before { background: none; color: rgb(255, 255, 255); font-size: 11px; width: 100%; line-height: 64px; height: 64px; font-weight: bold; font-family: メイリオ, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; left: 0px; } .js-slider--searchTheater.p-slider .slick-prev::before { content: "< 前へ"; } .js-slider--searchTheater.p-slider .slick-next::before { content: "次へ >"; transform: rotate(0deg); } .searchTheater-date { background: rgb(255, 255, 255); border-top: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-image: initial; border-left: none; height: 64px; line-height: 64px; text-align: center; transition: all 0.3s ease 0s; font-size: 24px; font-family: Arial; } .searchTheater-date .Month { position: relative; margin-right: 7px; } .searchTheater-date .Month::after { content: "/"; position: absolute; margin-top: 1px; } .searchTheater-date.current, .searchTheater-date:hover { background: rgb(14, 164, 227); border: 1px solid rgb(14, 164, 227); color: rgb(255, 255, 255) !important; } .searchTheater-date.sat { color: rgb(0, 131, 254); } .searchTheater-date.sat.current:hover, .searchTheater-date.sat:hover { background: rgb(0, 131, 254); border: 1px solid rgb(0, 131, 254); color: rgb(255, 255, 255); } .searchTheater-date.sun, .searchTheater-date.holiday { color: rgb(255, 0, 0); } .searchTheater-date.sun.current:hover, .searchTheater-date.holiday.current:hover, .searchTheater-date.sun:hover, .searchTheater-date.holiday:hover { background: rgb(255, 0, 0); border: 1px solid rgb(255, 0, 0); color: rgb(255, 255, 255); } .searchTheater-date .DayOfWeek { font-size: 14px; vertical-align: middle; } @media screen and (max-width: 959px) { .js-slider--searchTheater.p-slider.slick-initialized { width: calc(100% - 108px); padding: 0px; } } @media screen and (max-width: 768px) { .searchTheater__contents { padding: 10px; } } .ranking .c-heading--secondary { margin-bottom: 40px; } .ranking .ranking__contents-sub { display: flex; align-items: center; margin: 30px auto 25px; } .ranking .ranking__contents-sub .p-tab__list { margin-bottom: 0px; margin-left: 25px; } .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem a { position: relative; color: rgb(34, 34, 34); display: flex; align-items: center; justify-content: center; padding: 0px 0px 0px 11px; transition: all 0.3s ease-out 0s; font-size: 12px; width: 78px; height: 22px; line-height: 22px; } .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem a span { position: relative; } .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem a span::before, .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem.is-active a span::before, .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem:hover a span::before { content: ""; width: 0px; height: 0px; border-width: 3px 3px 3px 4px; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-image: initial; position: absolute; left: -11px; top: 8px; } .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem a span::before { border-left: 4px solid rgb(0, 0, 0); } .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem.is-active, .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem:hover { border: 1px solid rgb(0, 0, 0); background: rgb(0, 0, 0); } .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem.is-active a, .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem:hover a { color: rgb(255, 255, 255); } .ranking.movieside .ranking__body .release { color: rgb(159, 159, 159) !important; margin-bottom: 35px !important; } .ranking.movieside .ranking__item { line-height: 1; } .ranking.movieside .ranking__item .item { width: calc(33.3333%); } .ranking.movieside .ranking__item .ranking__item-text1, .ranking.movieside .ranking__item .ranking__item-text2, .ranking.movieside .ranking__item .ranking__item-score, .ranking.movieside .ranking__item .ranking__item-number { font-weight: bold; } .ranking.movieside .ranking__item .ranking__item-text1 { font-size: 12px; } .ranking.movieside .ranking__item .ranking__item-text2 { font-size: 18px; } .ranking.movieside .ranking__item .ranking__item-score { font-size: 50px; gap: 13px !important; } .ranking.movieside .ranking__item .ranking__item-score, .ranking.movieside .ranking__item .ranking__item-score div, .ranking.movieside .ranking__item .ranking__item-done, .ranking.movieside .ranking__item .ranking__item-done div, .ranking.movieside .ranking__item .ranking__item-yet, .ranking.movieside .ranking__item .ranking__item-yet div { display: flex; align-items: baseline; gap: 8px; } .ranking.movieside .ranking__item .ranking__item-number { font-size: 25px; } .ranking.movieside .p-listItem .p-listItem__state.rank1 .mark--crown, .ranking.movieside .p-listItem .p-listItem__state.rank2 .mark--crown, .ranking.movieside .p-listItem .p-listItem__state.rank3 .mark--crown { display: block; } .ranking.movieside .p-listItem .p-listItem__state .mark--crown { display: none; } .list-ranking__select { display: flex; align-items: center; } .list-ranking__select .list-ranking__select-title { width: 105px; height: 42px; text-align: center; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); } .list-ranking__select p, .list-ranking__select a { position: relative; font-size: 14px; font-weight: 600; color: rgb(0, 0, 0); line-height: 42px; } .dli-caret-circle-fill-bottom { display: inline-block; vertical-align: middle; color: rgb(51, 51, 51); line-height: 1; position: relative; width: 0.8em; height: 0.8em; border: 0.1em solid currentcolor; background: currentcolor; border-radius: 50%; box-sizing: content-box; margin-right: 12px; margin-top: -3px; } .dli-caret-circle-fill-bottom::before { content: ""; color: rgb(255, 255, 255); width: 0px; height: 0px; border-top: 0.18em solid transparent; border-bottom: 0.18em solid transparent; border-left: 0.31177em solid currentcolor; border-right: 0px; position: absolute; inset: 0px; margin: auto; transform: rotate(90deg); } .list-ranking__select .list-ranking__select-button { display: flex; width: calc(100% - 105px); } .list-ranking__select .list-ranking__select-button .itemButton { width: 50%; height: 42px; text-align: center; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); background: rgb(248, 248, 248); } .list-ranking__select .list-ranking__select-button .itemButton:last-child { border-right: 1px solid rgb(221, 221, 221); } .list-ranking__select .list-ranking__select-button .itemButton.active { background: rgb(14, 164, 227); border-top: 1px solid rgb(14, 164, 227); border-bottom: 1px solid rgb(14, 164, 227); border-left: 1px solid rgb(14, 164, 227); } .list-ranking__select .list-ranking__select-button .itemButton.active a { color: rgb(255, 255, 255); } .list-ranking__select .list-ranking__select-button .itemButton.active .dli-caret-circle-fill-bottom { color: rgb(255, 255, 255); } .list-ranking__select .list-ranking__select-button .itemButton.active .dli-caret-circle-fill-bottom::before { color: rgb(14, 164, 227); } .ranking.userside .ranking__contents .ranking-tab { margin-top: 0px; } table.ranking__list-user .p-listItem .p-listItem__state.rank1 .mark--crown, table.ranking__list-user .p-listItem .p-listItem__state.rank2 .mark--crown, table.ranking__list-user .p-listItem .p-listItem__state.rank3 .mark--crown { margin-bottom: 10px; height: 17px !important; display: block !important; } table.ranking__list-user .p-listItem .p-listItem__state .mark--crown { height: 0px !important; display: none !important; } table.ranking__list-user .rankNew .mark--arrow { display: none !important; } table.ranking__list-user .p-listItem .p-listItem__state .newEntry { margin-top: 0px; } table.ranking__list-user { width: 100%; } table.ranking__list-user th { text-align: center; color: rgb(255, 255, 255); background: rgb(0, 0, 0); border-right: 3px solid rgb(255, 255, 255); border-bottom: 6px solid rgb(255, 255, 255); padding: 10px 0px; } table.ranking__list-user th a { color: rgb(255, 255, 255); } table.ranking__list-user td { position: relative; font-size: 14px; font-weight: bold; padding-right: 30px !important; padding-left: 30px !important; } table.ranking__list-user th.active { background: rgb(14, 164, 227); } table.ranking__list-user td.watch, table.ranking__list-user td.view, table.ranking__list-user td.review { text-align: right; } table.ranking__list-user th:last-child { border-right: none; } table.ranking__list-user tr { width: 100%; } table.ranking__list-user tr:nth-child(2n) { background: rgb(244, 244, 244); } table.ranking__list-user .p-listItem .p-listItem__state { width: 100px; flex-direction: initial; justify-content: flex-start; gap: 0px 8px; margin-right: 0px; padding: 0px 0px 0px 20px; } @media screen and (min-width: 769px) { .ranking.movieside .ranking__item { display: flex; justify-content: space-between; align-items: baseline; } .list-ranking__select.sp_only { display: none !important; } table.ranking__list-user { position: relative; } table.ranking__list-user tr { height: 60px; } table.ranking__list-user th { cursor: pointer; } table.ranking__list-user th.rank, table.ranking__list-user th.name { cursor: default !important; pointer-events: none !important; } table.ranking__list-user th.rank, table.ranking__list-user td.rank { width: 90px; height: 60px; padding-right: 0px !important; padding-left: 0px !important; } table.ranking__list-user th.watch, table.ranking__list-user td.watch, table.ranking__list-user th.review, table.ranking__list-user td.review { position: relative; width: 195px; } table.ranking__list-user td.active::after { content: ""; background: rgba(14, 164, 227, 0.17); height: 60px; width: calc(100% - 3px); position: absolute; top: 0px; left: calc(1.5px); } table.ranking__list-user tr:nth-child(3), table.ranking__list-user tr:nth-child(4), table.ranking__list-user tr:nth-child(3) td.active::after, table.ranking__list-user tr:nth-child(4) td.active::after, table.ranking__list-user tr:nth-child(3) th.rank, table.ranking__list-user tr:nth-child(3) td.rank, table.ranking__list-user tr:nth-child(4) th.rank, table.ranking__list-user tr:nth-child(4) td.rank { height: 82px; } table.ranking__list-user tr:nth-child(2), table.ranking__list-user tr:nth-child(2) td.active::after, table.ranking__list-user tr:nth-child(2) th.rank, table.ranking__list-user tr:nth-child(2) td.rank { height: calc(85px); } table.ranking__list-user th.view, table.ranking__list-user td.view { width: 210px; } table.ranking__list-user .dli-caret-circle-fill-bottom { color: rgb(255, 255, 255); width: 1em; height: 1em; } table.ranking__list-user .dli-caret-circle-fill-bottom::before { color: rgb(51, 51, 51); border-width: 0.25em 0.45em; margin-top: 3.5px; } table.ranking__list-user .active .dli-caret-circle-fill-bottom::before { color: rgb(14, 164, 227); } } @media screen and (max-width: 768px) { .ranking .c-heading--secondary { margin-bottom: 20px; } .ranking .ranking__contents .ranking-tab { display: block !important; } .ranking .ranking__contents .ranking-tab .p-tab__list { display: block !important; } .ranking .ranking__contents .p-tab__list .p-tab__listItem { width: 100%; } .ranking .ranking__contents .p-tab__list .p-tab__listItem a { font-size: 14px; font-weight: bold; line-height: 1; padding: 16px 0px 15px; } .ranking .ranking__contents-sub { margin-bottom: 20px; } .ranking.movieside .ranking__list .ranking__listItem { justify-content: center; } .ranking.movieside .ranking__list .p-listItem .p-listItem__state { margin: 0px 10px 0px -45px; } .ranking.movieside .ranking__list .p-listItem .p-listItem__body { width: 100%; max-width: 300px; padding: 0px 15px; margin-top: 20px; flex-wrap: nowrap !important; } .ranking.movieside .ranking__list .ranking__body .release { margin-bottom: 10px !important; } .ranking.movieside .ranking__item .ranking__item-score, .ranking.movieside .ranking__item .ranking__item-done, .ranking.movieside .ranking__item .ranking__item-yet { display: flex; justify-content: center; align-items: center; gap: 0px 10px !important; } .ranking.movieside .ranking__item .ranking__item-score div, .ranking.movieside .ranking__item .ranking__item-done div, .ranking.movieside .ranking__item .ranking__item-yet div { display: flex; align-items: baseline; } .ranking.movieside .ranking__item .ranking__item-score { font-size: 40px; margin-bottom: 3px; } .ranking.movieside .ranking__item .ranking__item-done { margin-bottom: 7px; } .selectbox-003 { display: inline-flex; align-items: center; position: relative; width: 100%; } .selectbox-003::after { position: absolute; right: 15px; width: 10px; height: 7px; background-color: rgb(83, 83, 83); clip-path: polygon(0px 0px, 100% 0px, 50% 100%); content: ""; pointer-events: none; } .selectbox-003 select { appearance: none; min-width: 100%; height: 2.8em; padding: 0.4em calc(0.8em + 30px) 0.4em 0.8em; border: 1px solid rgb(204, 204, 204); border-radius: 3px; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: 1em; cursor: pointer; } table.ranking__list-user { border-collapse: separate; border-spacing: 0px 25px; margin-top: -25px; } table.ranking__list-user .thead { display: none; } table.ranking__list-user tr { width: 100%; } table.ranking__list-user td { position: relative; display: block; text-align: right; width: 100%; padding-right: 17px !important; padding-left: 17px !important; } table.ranking__list-user td::before { content: attr(data-label); float: left; margin-right: 10px; } table.ranking__list-user td.rank, table.ranking__list-user td.name { display: inline-block; } table.ranking__list-user td.rank { width: 95px; } table.ranking__list-user td.watch, table.ranking__list-user td.view, table.ranking__list-user td.review { text-align: left; } table.ranking__list-user tr:nth-child(2) td.rank, table.ranking__list-user tr:nth-child(4) td.rank { padding: 10px 0px; } table.ranking__list-user tr:nth-child(3) td.rank { padding: 7px 0px; } table.ranking__list-user td.name { width: calc(100% - 95px); text-align: left; margin-top: 0px; line-height: 40px; padding-left: 5px !important; } table.ranking__list-user td.watch, table.ranking__list-user td.review { display: none !important; } table.ranking__list-user td.active { background: rgba(14, 164, 227, 0.17); clear: both; padding: 5px 0px; display: block !important; } table.ranking__list-user .p-listItem .p-listItem__state { width: 60px; padding: 0px; } table.ranking__list-user .p-listItem .p-listItem__state.rankNew { height: auto; } table.ranking__list-user .p-listItem .p-listItem__state .newEntry { margin-top: 7px !important; } } @media screen and (max-width: 499px) { .ranking.movieside .ranking__list .p-listItem .p-listItem__body { max-width: 390px; } .ranking.movieside .ranking__listItem { margin-bottom: 30px; } } .notice-KinemaJyunpo h2 { font-size: 26px; margin: 37px 0px 32px 20px; } .notice-KinemaJyunpo ul.notice_list li { border-bottom: 2px solid rgb(221, 221, 221); padding: 32px 0px; } .notice-KinemaJyunpo ul.notice_list li:first-child { border-top: 2px solid rgb(221, 221, 221); } .notice-KinemaJyunpo ul.notice_list li .news__top { flex-direction: initial; align-items: baseline; margin-bottom: 15px; } .notice-KinemaJyunpo ul.notice_list li .news__bottom p { font-size: 14px; } .notice-KinemaJyunpo ul.notice_list li .news__bottom strong { font-size: 18px; } .notice-KinemaJyunpo ul.notice_list li .news-date { font-size: 18px; font-weight: bold; margin-right: 15px; } .notice-KinemaJyunpo ul.notice_list li .p-listItem__title { font-size: 18px; color: rgb(0, 0, 0); margin-bottom: 0px; } .notice-KinemaJyunpo .p-listItem .p-listItem__body { width: 100%; } @media screen and (max-width: 600px) { .notice-KinemaJyunpo h2 { font-size: 22px; margin: 15px 0px 25px 10px; } .notice-KinemaJyunpo .p-listItem .p-listItem__body { padding-right: 10px; } .notice-KinemaJyunpo ul.notice_list li .news-date { font-size: 16px; } } .campaign { text-align: left; float: left; background-color: rgb(15, 2, 2); color: rgb(255, 255, 255); margin: 0px 0px 60px; width: 100% !important; } .campaign .header { margin: 0px 0px 8px; position: relative; } .campaign.top .header img { width: 100%; height: auto; } .campaign .head_btn { position: absolute; right: 35px; top: 160px; } .campaign .head_btn a { display: block; } .ninja_onebutton { padding: 0px 20px 0px 0px; margin: 0px; } .camp_next .ninja_onebutton, .camp_about .ninja_onebutton, .camp_book .ninja_onebutton { padding: 0px 20px 0px 0px; margin: 0px 0px 20px; } .ninja_onebutton_output .facebook_like_button_count { width: 120px !important; } .ninja_onebutton_output .twitter_tweet_count_m { width: 120px !important; } .ninja_onebutton_output .google_plusone_m { width: 80px !important; } .hatena-bookmark-button-frame { width: 60px !important; } .top .ninja_onebutton { position: absolute; top: 390px; right: -45px; z-index: 1 !important; display: none !important; } #img_omatome { display: none !important; } .campaign .nav { justify-content: center; gap: 12px; margin-bottom: 30px; } .campaign .nav li a { display: block; transition: all 0.3s ease 0s; } .campaign .nav li a:hover { opacity: 0.8; } .campaign .top_award { max-width: 740px; width: 95%; margin: 0px auto 65px; } .campaign .top_award h3 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "MS P明朝", "MS 明朝", serif; text-align: center; margin: 20px 0px; font-size: 26px; line-height: 1.6em; background: linear-gradient(rgb(241, 204, 44), rgb(250, 227, 130) 50%, rgb(241, 204, 44)) text; color: rgb(250, 227, 130); -webkit-text-fill-color: transparent; text-shadow: rgba(0, 0, 0, 0.2) 4px 6px 8px; } .campaign .top_award h3 a { background: linear-gradient(rgb(241, 204, 44), rgb(250, 227, 130) 50%, rgb(241, 204, 44)) text; color: rgb(250, 227, 130); -webkit-text-fill-color: transparent; text-shadow: rgba(0, 0, 0, 0.2) 4px 6px 8px; transition: all 0.3s ease 0s; } .campaign .top_award br.sp_only { display: none !important; } .campaign .top_award br.sp_none { display: block !important; } .campaign .top_award div { padding: 0px 20px; margin: 0px 0px 20px; } .campaign .top_award .title { margin: 0px 0px 10px; position: relative; } .campaign .top_award .title a { position: absolute; top: 8px; right: 10px; } .campaign .top_award .no1 { background: url("") 20px center no-repeat; height: 68px; line-height: 68px; padding: 0px 0px 0px 100px; font-size: 18px; } .campaign .top_award .p_tbl { color: rgb(255, 255, 255); border-collapse: collapse; width: 100%; } .campaign .top_award .p_tbl th { font-family: "ï¼­ï¼³ P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: bold; color: gold; padding: 15px 15px 15px 25px; border-bottom: 1px solid rgb(71, 57, 40); font-size: 18px; width: 250px; } .campaign .top_award .p_tbl td { padding: 15px; border-bottom: 1px solid rgb(71, 57, 40); font-size: 16px; } .campaign .top_award .p_tbl td span { font-size: 14px; } .campaign .top_ceremony { width: 740px; margin: 0px auto 30px; background: url("") center top no-repeat rgb(15, 2, 2); border: 2px solid rgb(222, 181, 49); padding: 0px 0px 20px; } .campaign .top_ceremony h3 { text-align: center; margin: 10px 0px; } .campaign .top_ceremony ul { clear: both; overflow: hidden; margin: 0px 0px 5px 20px; } .campaign .top_ceremony ul li { float: left; margin: 0px 6px 6px 0px; } .campaign .top_ceremony ul li a { position: relative; } .campaign .top_ceremony ul li a span { display: none; position: absolute; } .campaign .top_ceremony ul li a:hover span { display: inline; left: 0px; } .campaign .top_ceremony ul li small { padding: 0px 0px 5px; } .campaign .top_ceremony .top_ceremony_movie { margin: 0px 0px 30px 30px; } .campaign .top_ceremony .top_ceremony_photo { text-align: right; font-size: 12px; padding: 0px 20px 0px 0px; margin: 0px 0px 40px; } .campaign .top_pre { margin: 0px 0px 30px 20px; position: relative; } .campaign .top_pre .btn { position: absolute; top: 550px; right: 40px; } .campaign .ban_2016 { margin: 0px 0px 30px 20px; } .campaign .top_book { width: 740px; margin: 0px 0px 40px 20px; } .campaign .top_book .cont { border-left: 2px solid rgb(222, 181, 49); border-right: 2px solid rgb(222, 181, 49); border-bottom: 2px solid rgb(222, 181, 49); padding: 0px 26px 14px; clear: both; overflow: hidden; text-align: center; } .campaign .top_book .cont ul { margin: 0px 0px 20px; text-align: left; clear: both; overflow: hidden; } .campaign .top_book .cont ul .jk { float: left; margin: 0px 20px 0px 0px; } .campaign .top_book .cont ul .title { color: rgb(222, 181, 49); font-size: 18px; margin-bottom: 15px; } .campaign .top_book .cont ul .txt { font-size: 13px; margin-bottom: 15px; } .campaign .top_book .cont .btn { margin: 0px 20px 0px 0px; float: left; } .campaign .top_book .cont .btn img { width: 35%; } .campaign .top_book section { position: relative; margin: 0px 0px 30px; clear: both; overflow: hidden; } .campaign .top_book h5 { text-align: left; font-size: 18px; line-height: 1.3; margin: 0px 0px 10px; border-left: 5px solid rgb(206, 55, 44); padding: 0px 0px 0px 10px; } .campaign .top_book h5 span { font-size: 12px; } .campaign .top_book .price { font-size: 14px; position: absolute; top: 15px; right: 0px; } .campaign .top_book .price li { display: block; } .campaign .top_book .book_info { font-size: 13px; text-align: left; } .campaign .top_book .book_info .book { float: left; margin: 0px 20px 0px 0px; } .campaign .top_book .book_info .info { overflow: hidden; margin: 0px 0px 20px; } .campaign .gotoTop { text-align: right; padding: 20px 20px 40px 0px; } .camp_next { padding: 0px; } .campaign .best_block { width: 736px; margin: 0px auto 30px; background: url("") center top no-repeat rgb(15, 2, 2); border: 2px solid rgb(222, 181, 49); padding: 0px 0px 20px; } .campaign .best_block h3 { text-align: center; margin: 40px 0px 30px; } .campaign .japan_no1 { width: 740px; height: 98px; background: url("") center top no-repeat; position: relative; margin: 0px 0px 10px; } .campaign .foreign_no1 { width: 740px; height: 98px; background: url("") center top no-repeat; position: relative; margin: 0px 0px 10px; } .campaign .culture_no1 { width: 740px; height: 98px; background: url("") center top no-repeat; position: relative; margin: 0px 0px 10px; } .campaign .japan_no1 h4, .campaign .foreign_no1 h4 { position: absolute; top: 35px; left: 115px; font-size: 20px !important; } .campaign .japan_no1 .btn, .campaign .foreign_no1 .btn { position: absolute; top: 40px; left: 510px; } .campaign .culture_no1 h4 { position: absolute; top: 35px; left: 115px; font-size: 20px !important; } .campaign .culture_no1 .btn { position: absolute; top: 80px; left: 510px; } .campaign .japan_no1 .btn li, .campaign .foreign_no1 .btn li, .campaign .culture_no1 .btn li, .reader_no1 .btn li { float: left; margin: 0px 0px 0px 5px; } .campaign .reader_no1 { width: 740px; height: 98px; background: url("") center top no-repeat; position: relative; margin: 0px 0px 10px; padding: 19px 0px 0px; } .campaign .reader_no1 .l1, .campaign .reader_no1 .l2 { clear: both; overflow: hidden; margin: 0px 0px 0px 115px; width: 590px; } .campaign .reader_no1 h4 { font-size: 20px !important; float: left; } .campaign .reader_no1 .btn { float: right; padding: 5px 0px 0px; } .campaign .best_no { width: 700px; margin: 0px 0px 3px 20px; padding: 8px 0px; border-bottom: 1px solid rgb(175, 149, 65); position: relative; } .campaign .best_no a { color: rgb(255, 255, 255) !important; text-decoration: underline !important; } .campaign .best_no a:hover { text-decoration: none !important; } .campaign .best_noline { border-bottom: none !important; } .campaign .last { border-bottom: none; margin-bottom: 20px; } .campaign .best_no h4 { padding: 0px 0px 0px 100px; font-size: 14px !important; color: rgb(255, 255, 255) !important; } .campaign .best_no h4 span { display: block; color: rgb(122, 2, 0); margin: 0px 0px -2px; font-size: 12px !important; } .campaign .best_no h4.no2 { background: url("") left center no-repeat; } .campaign .best_no h4.no3 { background: url("") left center no-repeat; } .campaign .best_no h4.no4 { background: url("") left center no-repeat; } .campaign .best_no h4.no5 { background: url("") left center no-repeat; } .campaign .best_no h4.no6 { background: url("") left center no-repeat; } .campaign .best_no h4.no7 { background: url("") left center no-repeat; } .campaign .best_no h4.no8 { background: url("") left center no-repeat; } .campaign .best_no h4.no9 { background: url("") left center no-repeat; } .campaign .best_no h4.no10 { background: url("") left center no-repeat; } .campaign .best_no h4.jiten { background: url("") left center no-repeat; font-size: 14px; } .campaign .best_no .btn { position: absolute; top: 9px; right: 15px; } .campaign .best_no .btn li { float: left; margin: 0px 0px 0px 5px; } .campaign .sedic1 { margin-bottom: 0px; border-bottom: none !important; padding: 8px 0px 0px !important; } .campaign .sedic1 .btn { top: 32px; } .campaign .sedic1 h4 span { margin: 0px 0px 4px; } .campaign .sedic1 h4.no4 { background: url("") left 8px no-repeat; } .campaign .sedic2 { padding: 0px 0px 8px !important; } .campaign .sedic2 .btn { top: 3px; } .campaign .best_end { border-bottom: none; } .campaign .culture .best_no .btn { top: 9px !important; } .campaign .culture .culture_no1 .btn { top: 50px !important; } .campaign .kojin_block { width: 740px; background: url("") left top no-repeat; position: relative; margin: 0px 0px 10px; } .campaign .kojin_block .badge { position: absolute; left: 15px; top: 11px; } .campaign .kojin_block .right_block { margin: 0px 0px 0px 130px; padding: 20px 0px 0px; } .campaign .kojin_block .right_block h4 { margin: 0px 0px 6px; padding: 0px 0px 0px 10px; font-size: 20px !important; } .campaign .kojin_block .right_block h4 + img { margin: 0px 0px 5px; } .campaign .kojin_block .right_block .list { font-size: 14px !important; } .campaign .kojin_block .right_block .list .title { width: 370px; padding: 2px 0px 2px 10px; } .campaign .kojin_block .right_block .list .btn li { float: left; margin: 0px 0px 0px 5px; } .campaign .kojin_block .kojin_special_txt { font-size: 14px; color: rgb(0, 0, 0); margin: 20px 0px 0px; padding-right: 40px; } .campaign .kreader_block .right_block { } .campaign .kreader_block .title { color: rgb(0, 0, 0); } .campaign .movieplus_link { font-size: 14px; text-align: right; margin: 0px 0px 40px; } .campaign .ban { margin: 0px 0px 40px; } .next .nav { margin: 0px 0px 15px !important; padding: 0px 40px !important; } .next .nav li.left { margin-right: 15px; } .next .ninja_onebutton { padding: 0px 0px 10px !important; } .next .ban { margin: 0px 0px 20px !important; } #bannerAdv { margin: 0px 0px 5px !important; } .campaign .top_banner { background-color: rgb(253, 248, 238); padding: 20px 40px 10px; clear: both; overflow: hidden; border: 2px solid rgb(175, 149, 65); } .campaign .top_banner .jk { float: left; margin: 0px 10px 10px 0px; } .campaign .top_banner .btn1 { float: right; margin: 160px 0px 5px; } .campaign .top_banner .btn2 { float: right; margin: 0px; } .camp_about { padding: 0px; font-size: 14px; } .campaign .about_block { max-width: 740px; width: 95%; position: relative; margin: 0px auto 40px; } .campaign .about_block:last-child { margin-bottom: 0px; } .campaign .about_block h3 img { max-width: 740px; width: 100%; height: auto; } .campaign .about_block h3 img.sp_only { display: none !important; } .campaign .about_blockinn { border-left: 3px solid rgb(222, 181, 49); border-right: 3px solid rgb(222, 181, 49); border-bottom: 3px solid rgb(222, 181, 49); padding: 40px 20px; } .camp_about h2 { margin: 0px 0px 20px; } .camp_about .about_sec { padding: 0px; line-height: 1.6; margin: 0px 0px 40px; clear: both; overflow: hidden; } .camp_about .about_sec:last-child { margin-bottom: 0px; } .camp_about .about_sec h4 { text-align: center; color: rgb(222, 181, 49); font-size: 18px; margin: 0px 0px 20px; } .camp_about .about_sec .about_img { float: left; margin: 0px 40px 0px 0px; } .camp_about .about_sec .about_award { float: right; margin: 0px 0px 20px 20px; width: 400px; } .camp_about .about_sec .about_award span { display: block; font-size: 10px; text-align: center; padding: 2px 0px 0px; } .camp_about .film { margin: 0px 0px 0px 20px; } .camp_book { padding: 0px; font-size: 14px; } .camp_book h2 { margin: 0px 0px 20px; } .camp_book .book_block { width: 740px; position: relative; margin: 0px 0px 30px 20px; color: rgb(0, 0, 0); } .camp_book .book_block .book_blockinn { border-left: 3px solid rgb(222, 181, 49); border-right: 3px solid rgb(222, 181, 49); border-bottom: 3px solid rgb(222, 181, 49); background-color: rgb(255, 250, 237); padding: 0px 20px 20px; } .camp_book .book_block .book_blockinn h4 { text-align: center; font-size: 18px; color: rgb(206, 55, 44); margin: 0px 0px 30px; } .camp_book .book_block .book_blockinn section { position: relative; margin: 0px 0px 30px; } .camp_book .book_block .book_blockinn section .price { font-size: 12px; position: absolute; top: 0px; right: 0px; } .camp_book .book_block .book_blockinn h5 { font-size: 16px; line-height: 1.3; margin: 0px 0px 10px; border-left: 5px solid rgb(206, 55, 44); padding: 0px 0px 0px 10px; } .camp_book .book_block .book_blockinn h5 span { font-size: 13px; } .camp_book .book_block .book_blockinn .book_info { width: 690px; background-color: rgb(255, 255, 255); clear: both; overflow: hidden; padding: 15px; border-radius: 5px; } .camp_book .book_block .book_info .book { float: left; margin: 0px 15px 0px 0px; } .campaign .book_block .line { margin: 0px 0px 20px; } .campaign .book_block .sec03 { clear: both; overflow: hidden; margin: 0px 0px 20px; } .campaign .book_block .sec04 { clear: both; overflow: hidden; margin: 0px 0px 20px; } .campaign .book_block .book_sinfo { float: left; width: 173px; } .campaign .book_block .book_sinfo .title { line-height: 1.2; text-align: center; margin: 0px 0px 10px; } .campaign .book_block .book_sinfo .title span { font-size: 10px; } .campaign .book_block .book_sinfo .jk { text-align: center; margin: 0px 0px 14px; height: 172px; } .campaign .book_block .book_sinfo .comment { font-size: 11px; line-height: 1.2; margin: 0px 0px 15px; padding: 0px 8px; height: 50px; } .campaign .book_block .book_sinfo .btnL { float: left; margin: 0px 0px 0px 5px; } .campaign .book_block .book_sinfo .btnR { float: right; margin: 0px 5px 0px 0px; } .campaign .book_block .book_sinfo a { display: block; } @media screen and (max-width: 600px) { .campaign.top { margin-bottom: 0px; } .indexBestTen { margin: 0px -10px; } .campaign .about_blockinn { border-top: 3px solid rgb(222, 181, 49); margin-top: -17px; padding-top: 50px; } .campaign .top_award h3 { font-size: 24px; } .campaign .top_award br.sp_only { display: block !important; } .campaign .top_award br.sp_none { display: none !important; } } .kinejunAward { background: url("") left top / contain no-repeat rgb(0, 0, 0); } .kinejunAward .header { position: relative; margin: 0px 0px 30px; } .kinejunAward .header img, .kinejunAward .header2 img { max-width: 1000px; width: 100%; height: auto; } .kinejunAward .header2 { position: relative; } .kinejunAward .header p { color: rgb(255, 255, 255); font-size: 13px; padding: 0px 80px; margin: 0px 0px 1em; } .kinejunAward .header .ninja_onebutton { position: absolute; top: 258px; left: 585px; z-index: 0; } .kinejunAward .header2 .ninja_onebutton { position: absolute; top: 170px; left: 585px; z-index: 0; } .kinejunAward .main { width: 95%; border: 4px solid rgb(221, 188, 109); background: url("") left top repeat; margin: 0px auto; padding: 25px 0px 30px; overflow-x: scroll; } .kinejunAward .main .tbl_year { width: 95%; border-collapse: collapse; border-spacing: 0px; font-size: 13px; margin: 0px auto; text-align: left; } @media screen and (max-width: 600px) { .kinejunAward .main.ListTop { width: 1000px; margin: 0px 2%; } .kinejunAward .main.ListTop .tbl_year { width: 1000px; } } .kinejunAward .main .tbl_year th { padding: 8px 0px; background: rgb(13, 16, 120); font-weight: bold; text-align: center; color: rgb(255, 255, 255); } .kinejunAward .main .tbl_year th.year { width: 100px; } .kinejunAward .main .tbl_year th.num { width: 80px; } .kinejunAward .main .tbl_year td { padding: 8px 0px; text-align: center; color: rgb(0, 0, 0); } .kinejunAward .main .tbl_year td:nth-child(3) { display: flex; justify-content: space-between; align-items: center; text-align: left; padding-left: 30px; } .kinejunAward .main h2 { font-size: 20px; text-align: center; background: url("") center center no-repeat; height: 53px; line-height: 42px; color: rgb(255, 255, 255); width: 90%; margin: 0px auto 20px; } .kinejunAward .main .tbl_year tr { border-bottom: 1px solid rgb(204, 204, 204); } .kinejunAward .main .tbl_year td:nth-child(1) a, .kinejunAward .main .tbl_year td:nth-child(2) a { display: flex; justify-content: center; align-items: center; } .kinejunAward .main .section { width: 90%; margin: 0px auto 40px; color: rgb(0, 0, 0); } .kinejunAward .main .section iframe { width: 100%; } .kinejunAward .main .section h3 { position: relative; padding: 8px 0px 8px 30px; margin: 0px 0px 5px; background: rgb(13, 16, 120); color: rgb(255, 255, 255); font-size: 16px; } .kinejunAward .main .section h3::before { content: "■"; position: absolute; left: 10px; } .kinejunAward .main .section li { border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0px 6px 10px; color: rgb(0, 0, 0); } .kinejunAward .main .section .popup-gallery ul::after { display: block; content: ""; width: 220px; } .kinejunAward .main .ceremony { background-color: rgb(241, 145, 73); padding: 1px 10px; border-radius: 8px; cursor: pointer; } .kinejunAward .main .ceremony:hover { background-color: rgb(235, 97, 0); text-decoration: none !important; } .kinejunAward .main .ceremony a { position: relative; font-size: 11px; padding-right: 15px; color: rgb(255, 255, 255) !important; } .kinejunAward .main .ceremony a::after { content: ">"; position: absolute; margin-top: 2px; margin-left: 5px; } .kinejunAward .linkBack { margin: 50px auto 0px; text-align: center; } .kinejunAward .linkBack a { font-size: 13px; color: rgb(255, 255, 255); } @media screen and (max-width: 600px) { .kinejunAward .linkBack { margin-top: 40px; } } .kinejunAward .star { background: none; color: rgb(235, 91, 15); display: inline; } .kinejunAward .star::before { display: none !important; } .kinejunAward .popup-gallery { margin-top: 15px; } .kinejunAward .popup-gallery ul { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .kinejunAward .popup-gallery ul li { width: 220px; padding: 0px !important; border-bottom: none !important; text-indent: 0px !important; margin-left: 0px !important; } .kinejunAward .popup-gallery ul li img { width: 100%; } .kinejunAward .popup-gallery ul li a { position: relative; } .kinejunAward .popup-gallery ul li a img:hover { opacity: 1; } .kinejunAward .popup-gallery ul li a span { opacity: 0; position: absolute; width: 220px; transition: all 0.3s ease 0s; } .kinejunAward .popup-gallery ul li a span img { width: 100%; height: auto; } .kinejunAward .popup-gallery ul li a:hover span { opacity: 1; left: 0px; } .kinejunAward .popup-gallery ul li small { padding: 0px 0px 5px; } .kinejunAward .top_ceremony_photo { text-align: right; font-size: 12px; color: rgb(0, 0, 0); padding: 5px 8px 0px 0px; margin: 0px 0px 40px; } .kinejunAward .movie { margin-bottom: 5px !important; } .kinejunAward .campaign select { vertical-align: middle; } .kinejunAward .campaign .select_year { width: 95%; margin: 0px auto 10%; } .kinejunAward .campaign .select_year select { font-size: 14px; width: 90%; padding: 10px 10px 10px 20px; appearance: none; border: 1px solid rgb(153, 153, 153); background: url("") right 50% / 25px no-repeat, linear-gradient(rgb(255, 255, 255) 0%, rgb(239, 235, 225) 100%) 0% 0% / 100%; color: rgb(0, 0, 0); } .kinejunAward .sp_only { display: none !important; } @media screen and (min-width: 601px) { .kinejunAward { padding-bottom: 55px; } } @media screen and (max-width: 600px) { .kinejunAward .sp_none { display: none !important; } .kinejunAward .sp_only { display: block !important; margin: 0px !important; } .kinejunAward { margin-bottom: 0px; padding-bottom: 45px; } .kinejunAward .header p { padding: 0px 35px; } .kinejunAward .campaign .select_year { text-align: center; margin-bottom: 0px; } .kinejunAward .main h2 { font-size: 18px; background: url("") center center / contain no-repeat; } .kinejunAward .main .section li { font-size: 14px; } .kinejunAward .popup-gallery ul li { width: 48%; } .kinejunAward .popup-gallery ul li a span { display: none; } .kinejunAward .main .section iframe { height: auto; min-height: 200px; } } .mfp-bg { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: rgb(11, 11, 11); opacity: 0.8; } .mfp-wrap { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1043; position: fixed; backface-visibility: hidden; outline: none !important; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; padding: 0px 8px; box-sizing: border-box; } .mfp-container::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container::before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0px auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: rgb(204, 204, 204); position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: rgb(204, 204, 204); } .mfp-preloader a:hover { color: rgb(255, 255, 255); } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0px; appearance: none; display: block; outline: none; padding: 0px; z-index: 1046; box-shadow: none; touch-action: manipulation; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0px; top: 0px; text-decoration: none; text-align: center; opacity: 0.65; padding: 0px 0px 18px 10px; color: rgb(255, 255, 255); font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: rgb(51, 51, 51); } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: rgb(255, 255, 255); right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0px; right: 0px; color: rgb(204, 204, 204); font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: -55px 0px 0px; top: 50%; padding: 0px; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow::before, .mfp-arrow::after { content: ""; display: block; width: 0px; height: 0px; position: absolute; left: 0px; top: 0px; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow::after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow::before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0px; } .mfp-arrow-left::after { border-right: 17px solid rgb(255, 255, 255); margin-left: 31px; } .mfp-arrow-left::before { margin-left: 25px; border-right: 27px solid rgb(63, 63, 63); } .mfp-arrow-right { right: 0px; } .mfp-arrow-right::after { border-left: 17px solid rgb(255, 255, 255); margin-left: 39px; } .mfp-arrow-right::before { border-left: 27px solid rgb(63, 63, 63); } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0px; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; background: rgb(0, 0, 0); } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0px; margin: 0px auto; } .mfp-figure { line-height: 0; } .mfp-figure::after { content: ""; position: absolute; inset: 40px 0px; display: block; width: auto; height: auto; z-index: -1; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; background: rgb(68, 68, 68); } .mfp-figure small { color: rgb(189, 189, 189); display: block; font-size: 13px; padding: 0px 0px 3px; line-height: 14px; } .mfp-figure figure { margin: 0px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0px; width: 100%; cursor: auto; } .mfp-title { font-size: 18px; text-align: left; line-height: 18px; color: rgb(243, 243, 243); overflow-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0px; padding-right: 0px; } .mfp-img-mobile img.mfp-img { padding: 0px; } .mfp-img-mobile .mfp-figure::after { top: 0px; bottom: 0px; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0px; margin: 0px; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0px; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0px; right: 0px; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0px; } } @media (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0px center; } .mfp-arrow-right { transform-origin: 100% center; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .kinema-post__New { position: relative; font-size: 16px; line-height: 1.75; margin: 60px 0px; } .kinema-post__New::after { content: ""; display: block; clear: both; } .kinema-post__New img, .kinema-post__New embed, .kinema-post__New iframe, .kinema-post__New object, .kinema-post__New audio, .kinema-post__New video { max-width: 100%; } html .kinema-post__New :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; } .kinema-post__New.content-page { margin: 0px; } .kinema-post__New a { color: rgb(240, 178, 0); } .kinema-post__New a:hover { font-weight: bold; border-bottom: 1px solid rgb(240, 178, 0); } .kinema-post__New p { margin-top: 20px; } .kinema-post__New p::after { content: ""; display: block; clear: both; } .kinema-post__New h2, .kinema-post__New h3, .kinema-post__New h4, .kinema-post__New h5 { line-height: 1.5; margin-top: 40px; } .kinema-post__New h2 { font-size: 26px; } .kinema-post__New h3 { font-size: 22px; } .kinema-post__New h4 { font-size: 18px; } .kinema-post__New h5 { font-size: 16px; } .kinema-post__New h2 + h2, .kinema-post__New h2 + h3, .kinema-post__New h2 + h4, .kinema-post__New h2 + h5, .kinema-post__New h3 + h2, .kinema-post__New h3 + h3, .kinema-post__New h3 + h4, .kinema-post__New h3 + h5, .kinema-post__New h4 + h2, .kinema-post__New h4 + h3, .kinema-post__New h4 + h4, .kinema-post__New h4 + h5, .kinema-post__New h5 + h2, .kinema-post__New h5 + h3, .kinema-post__New h5 + h4, .kinema-post__New h5 + h5 { margin-top: 20px; } .kinema-post__New .size-full, .kinema-post__New .size-large, .kinema-post__New .size-medium, .kinema-post__New .size-thumbnail { max-width: 100%; height: auto; } .kinema-post__New .alignleft { float: left; margin: 0px 10px 10px 0px; } .kinema-post__New .aligncenter { display: block; margin: 0px auto 10px; } .kinema-post__New .alignright { float: right; margin: 0px 0px 10px 10px; } .kinema-post__New .wp-caption { margin-top: 20px; } .kinema-post__New .wp-caption a { display: block; } .kinema-post__New .wp-caption a:hover { border-bottom: none; } .kinema-post__New .wp-caption img { vertical-align: bottom; } .kinema-post__New .wp-caption-text { margin-top: 10px; text-align: center; font-size: 14px; } .kinema-post__New ul, .kinema-post__New ol { list-style-type: none; margin-top: 20px; } .kinema-post__New ul ul, .kinema-post__New ul ol, .kinema-post__New ol ul, .kinema-post__New ol ol { margin-top: 0px; } .kinema-post__New ol { counter-reset: number 0; } .kinema-post__New ul li::before { content: "・"; position: absolute; left: 0px; } .kinema-post__New ol li::before { counter-increment: number 1; content: counter(number) "."; position: absolute; left: 0px; } .kinema-post__New ul li, .kinema-post__New ol li { position: relative; line-height: 1.5; padding: 10px 0px 0px 25px; font-size: 14px; } .kinema-post__New pre { font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, "Meiryo, Osaka", "MS Pゴシック", "MS PGothic", "sans-serif"; font-weight: 400; font-size: 14px; margin-top: 20px; padding: 20px; background-color: rgb(242, 242, 242); border-left: 5px solid rgb(25, 25, 25); color: rgb(127, 127, 127); overflow: auto; } .kinema-post__New hr { margin-top: 40px; border-top: 1px solid rgb(242, 242, 242); border-bottom: 1px solid rgb(229, 229, 229); } .kinema-post__New table { margin-top: 20px; width: 100%; border-top: 1px solid rgb(229, 229, 229); border-left: 1px solid rgb(229, 229, 229); font-size: 14px; } .kinema-post__New table tr:nth-child(2n+1) { background: rgb(242, 242, 242); } .kinema-post__New table th { padding: 10px; background: rgb(50, 50, 50); color: rgb(255, 255, 255); border-right: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); } .kinema-post__New table td { padding: 10px; border-right: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); } .kinema-post__New .outline { border: 1px dotted rgb(216, 216, 216); padding: 20px; margin-top: 20px; display: inline-block; } .kinema-post__New .outline__toggle { display: none; } .kinema-post__New .outline__switch::before { content: "開く"; cursor: pointer; border: 1px solid rgb(216, 216, 216); padding: 5px; font-size: 12px; margin-left: 5px; border-radius: 5px; } .kinema-post__New .outline__toggle:checked + .outline__switch::before { content: "閉じる"; } .kinema-post__New .outline__switch + .outline__list { overflow: hidden; width: 0px; height: 0px; margin-top: 0px; margin-left: -20px; transition: all 0.2s ease 0s; } .kinema-post__New .outline__toggle:checked + .outline__switch + .outline__list { width: auto; height: auto; margin-top: 20px; transition: all 0.2s ease 0s; } .kinema-post__New .outline__item::before { content: normal; } .kinema-post__New .outline__link { display: inline-block; color: rgb(25, 25, 25) !important; } .kinema-post__New .outline__link:hover { border: none; } .kinema-post__New .outline__number { display: inline-block; color: rgb(127, 127, 127); background: rgb(242, 242, 242); padding: 3px 6px; font-weight: 400; font-size: 12px; margin-right: 5px; } .kinema-post__New blockquote { position: relative; color: rgb(63, 63, 63); margin-top: 20px; padding: 20px 20px 20px 70px; background-color: rgb(242, 242, 242); } .kinema-post__New blockquote::before { position: absolute; top: 10px; left: 20px; font-family: icomoon; content: ""; font-size: 30px; color: rgb(217, 217, 217); } .kinema-post__New .borderBox { border: 1px solid rgb(229, 229, 229); padding: 20px; margin-top: 20px; } .kinema-post__New .border2Box { border: 4px double rgb(229, 229, 229); padding: 20px; margin-top: 20px; } .kinema-post__New .bgBox { background: rgb(242, 242, 242); padding: 20px; margin-top: 20px; } .kinema-post__New .paperBox { position: relative; padding: 20px; margin-top: 20px; background-color: rgb(242, 242, 242); } .kinema-post__New .paperBox::after { content: ""; position: absolute; bottom: 0px; right: 0px; border-color: rgb(216, 216, 216) rgb(255, 255, 255) rgb(255, 255, 255) rgb(216, 216, 216); border-style: solid; border-width: 0px 0px 20px 20px; } .kinema-post__New .boldBox { border: 3px solid rgb(25, 25, 25); padding: 20px; margin-top: 20px; font-weight: 700; } .kinema-post__New .bracketsBox { position: relative; padding: 20px; margin-top: 20px; } .kinema-post__New .bracketsBox::before, .kinema-post__New .bracketsBox::after { display: inline-block; position: absolute; width: 20px; height: 30px; content: ""; } .kinema-post__New .bracketsBox::before { top: 0px; left: 0px; border-top: 1px solid rgb(25, 25, 25); border-left: 1px solid rgb(25, 25, 25); } .kinema-post__New .bracketsBox::after { right: 0px; bottom: 0px; border-right: 1px solid rgb(25, 25, 25); border-bottom: 1px solid rgb(25, 25, 25); } .kinema-post__New .questionBox, .kinema-post__New .exclamationBox { position: relative; margin-top: 20px; padding: 20px 20px 20px 70px; } .kinema-post__New .questionBox { background-color: rgb(217, 239, 247); } .kinema-post__New .exclamationBox { background-color: rgb(246, 225, 223); } .kinema-post__New .questionBox::before, .kinema-post__New .exclamationBox::before { position: absolute; top: 20px; left: 20px; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; } .kinema-post__New .questionBox::before { content: "?"; background: rgb(0, 150, 200); } .kinema-post__New .exclamationBox::before { content: "!"; background: rgb(197, 57, 41); } .kinema-post__New .pointBox { position: relative; border: 2px solid rgb(197, 57, 41); border-radius: 5px; padding: 20px; margin-top: 20px; } .kinema-post__New .pointBox::before { content: "POINT"; position: absolute; top: -15px; left: 15px; font-size: 16px; font-weight: 700; background-color: rgb(255, 255, 255); color: rgb(197, 57, 41); padding: 0px 10px; } .kinema-post__New .asterisk { display: block; font-size: 1.3px; color: rgb(127, 127, 127); } .kinema-post__New .markerYellow { background: linear-gradient(transparent 60%, rgb(255, 255, 188) 60%); } .kinema-post__New .markerPink { background: linear-gradient(transparent 60%, rgb(255, 223, 239) 60%); } .kinema-post__New .markerBlue { background: linear-gradient(transparent 60%, rgb(204, 229, 255) 60%); } .kinema-post__New .adPost { width: 100%; overflow: hidden; margin-top: 20px; padding: 0px 10px; background-color: rgb(242, 242, 242); background-image: linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 75%, transparent 75%, transparent 100%); background-size: 6px 6px; } .kinema-post__New .adPost__title { font-size: 12px; padding: 10px 0px; display: block; font-weight: normal; text-align: center; } .kinema-post__New .youtube { position: relative; padding-bottom: 56.25%; height: 0px; overflow: hidden; max-width: 100%; margin: 20px auto 0px; } .kinema-post__New .youtube iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .kinema-post__New .twitter-tweet, .kinema-post__New .instagram-media { width: 500px !important; max-width: 100% !important; margin: 20px auto 0px !important; } .kinema-post__New :first-child { margin-top: 0px; } body.mce-content-body { background: rgb(255, 255, 255); padding: 25px !important; margin: 0px !important; } .socialList { list-style: none; display: flex; justify-content: flex-end; flex-wrap: wrap; width: 100%; margin-bottom: 60px; } .socialList__item { flex-grow: 1; height: 50px; line-height: 50px; min-width: 90px; text-align: center; } .socialList__link { display: block; color: rgb(255, 255, 255); } .socialList__link::before { font-size: 26px; display: block; transition: all 0.2s ease-in-out 0s; } .socialList__link:hover::before { background: rgb(255, 255, 255); transform: scale(1.2); box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 4px 0px; } .socialList__link.icon-facebook { background: rgb(59, 89, 152); } .socialList__link.icon-facebook:hover::before { color: rgb(59, 89, 152); } .socialList__link.icon-google { background: rgb(223, 74, 50); } .socialList__link.icon-google:hover::before { color: rgb(223, 74, 50); } .socialList__link.icon-hatebu { background: rgb(0, 143, 222); } .socialList__link.icon-hatebu:hover::before { color: rgb(0, 143, 222); } .socialList__link.icon-pocket { background: rgb(235, 70, 84); } .socialList__link.icon-pocket:hover::before { color: rgb(235, 70, 84); } .socialList__link.icon-line { background: rgb(0, 195, 0); } .socialList__link.icon-line:hover::before { color: rgb(0, 195, 0); } .ctaPost { border: 1px solid rgb(229, 229, 229); width: 100%; margin-bottom: 40px; } .ctaPost__title { width: 100%; background: rgb(239, 239, 239); text-align: center; font-size: 26px; line-height: 1.5; padding: 15px; } .ctaPost__contents { padding: 30px; font-size: 14px; line-height: 1.75; } .ctaPost__contents::after { content: ""; display: block; clear: both; } .ctaPost__img { display: block; float: right; margin: 0px 0px 30px 30px; } .ctaPost__img-pcCenter { float: none; margin: 0px auto 30px; } .ctaPost__img-pcLeft { float: left; margin: 0px 30px 30px 0px; } .ctaPost__btn { position: relative; display: block; clear: both; width: 80%; margin: 30px auto 0px; border-radius: 3px; background: rgb(240, 178, 0); border: 1px solid rgb(240, 178, 0); text-align: center; color: rgb(255, 255, 255); } .ctaPost__btn::before { content: ""; position: absolute; top: 50%; right: 10px; margin-top: -3px; width: 6px; height: 6px; border-top: 1px solid; border-right: 1px solid; transform: rotate(45deg); } .ctaPost__btn:hover { color: rgb(240, 178, 0); transition: all 0.2s ease 0s; background: rgb(255, 255, 255) !important; } .ctaPost__btn a { display: block; padding: 15px 0px; line-height: 1.5; font-size: 16px; font-weight: bold; } .rectangle { width: 100%; overflow: hidden; margin: auto; padding: 0px 10px; background-color: rgb(242, 242, 242); background-image: linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 75%, transparent 75%, transparent 100%); background-size: 6px 6px; } .rectangle__item { float: left; width: 50%; } .rectangle__title { clear: both; font-size: 12px; padding: 10px 0px; display: block; font-weight: normal; text-align: center; } .rectangle__item.rectangle__item-left { text-align: left; padding-right: 5px; } .rectangle__item.rectangle__item-right { text-align: right; padding-left: 5px; } .rectangle .adsbygoogle { width: 336px; height: 280px; max-width: 100%; } .profile { border-top: 1px solid rgb(229, 229, 229); margin-top: 40px; padding-top: 40px; overflow: hidden; } .profile__imgArea { float: left; width: 60px; } .profile__imgArea img { border-radius: 50%; } .profile__list { list-style: none; width: 60px; } .profile__item { width: 30px; height: 30px; margin: 5px auto 0px; } .profile__link { display: block; background: rgb(50, 50, 50); line-height: 30px; border-radius: 50%; text-align: center; color: rgb(255, 255, 255); font-size: 12px; } .profile__link:hover { transition: all 0.2s ease 0s; } .profile__contents { width: calc(100% - 80px); float: right; } .profile__name { font-size: 18px; margin-bottom: 5px; line-height: 1.5; } .profile__group { font-size: 15px; line-height: 1.5; color: rgb(127, 127, 127); margin-bottom: 20px; } .profile__description { font-size: 1.3px; line-height: 1.75; } .related { border-top: 1px solid rgb(229, 229, 229); margin-top: 40px; padding-top: 40px; } .related__list { list-style-type: none; } .related__item { padding-top: 20px; } .related__item:first-child { padding-top: 0px; } .related__item::after { content: ""; display: block; clear: both; } .related__imgLink { display: block; float: left; width: 90px; height: 90px; overflow: hidden; } .related__imgLink img { width: inherit; height: inherit; vertical-align: bottom; transform: scale(1); transition: all 0.2s ease-in-out 0s; } .related__imgLink img:hover { transform: scale(1.2); } .related__title { width: calc(100% - 100px); float: right; font-size: 16px; font-weight: 700; line-height: 1.5; margin-bottom: 10px; color: rgb(240, 178, 0); } .related__title a:hover { text-decoration: underline; } .related__title span { display: block; font-size: 12px; color: rgb(127, 127, 127); font-weight: normal; } .related__title .icon-calendar::before { margin-right: 5px; line-height: 1; } .related__contents { width: calc(100% - 100px); float: right; font-size: 1.3px; line-height: 1.5; } .related__contents.related__contents-max { width: 100%; float: none; } .comments { border-top: 1px solid rgb(229, 229, 229); margin-top: 40px; padding-top: 40px; } .comments__list { list-style: none; } .comments__list li { overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); padding: 20px 20px 0px; margin-bottom: 20px; } .comments__list .children { list-style: none; } .comments__list .children li { background: rgb(242, 242, 242); } .comments__list .children li .children li { background: rgb(255, 255, 255); } .comments__list .children li .children li .children li { background: rgb(242, 242, 242); } .comments__list .children li .children li .children li .children li { background: rgb(255, 255, 255); } .comments__list .comment-body { margin-bottom: 20px; } .comments__list .comment-body p { line-height: 1.75; margin-bottom: 20px; } .comments__list .reply { width: 100%; text-align: right; } .comments__list .comment-author { width: 100%; overflow: hidden; margin-bottom: 10px; } .comments__list .comment-author .avatar { border-radius: 50%; float: left; margin-right: 10px; } .comments__list .comment-author .fn { line-height: 1.5; } .comments__list .comment-author .fn a { text-decoration: underline; } .comments__list .comment-author .says { display: none; } .comments__list .comment-meta { width: 100%; margin-bottom: 10px; background: rgb(240, 178, 0); padding: 5px 10px; border-radius: 5px; } .comments__list .comment-meta a { color: rgb(255, 255, 255); font-size: 12px; } .comments__list .comment-respond { background: rgb(255, 255, 255); padding: 20px; margin-bottom: 20px; border: 1px solid rgb(229, 229, 229); } .comment-respond #email-notes, .comment-respond .logged-in-as { font-size: 12px; line-height: 1.5; } .comment-respond .comment-notes, .comment-respond .logged-in-as, .comment-respond .comment-form-comment, .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { margin-bottom: 20px; } .comment-respond label { display: block; margin-bottom: 10px; } .comment-respond input, .comment-respond textarea { width: 100%; display: block; border: none; padding: 10px; border-radius: 5px; background: rgb(242, 242, 242); } @media only screen and (max-width: 767px) { .kinema-post__New { font-size: 14px; } .kinema-post__New h2 { font-size: 22px; } .kinema-post__New h3 { font-size: 18px; } .kinema-post__New h4 { font-size: 16px; } .kinema-post__New h5 { font-size: 14px; } .kinema-post__New .wp-caption-text { font-size: 12px; } .kinema-post__New ul li, .kinema-post__New ol li { font-size: 12px; } .kinema-post__New pre { font-size: 12px; padding: 15px; } .kinema-post__New table { font-size: 12px; } .kinema-post__New blockquote { padding: 15px 15px 15px 55px; } .kinema-post__New blockquote::before { top: 5px; left: 15px; font-size: 25px; } .kinema-post__New .questionBox, .kinema-post__New .exclamationBox { padding: 15px 15px 15px 55px; } .kinema-post__New .questionBox::before, .kinema-post__New .exclamationBox::before { top: 15px; left: 15px; font-size: 16px; width: 25px; height: 25px; line-height: 25px; } body.mce-content-body { padding: 10px !important; } .socialList { margin-bottom: 40px; } .socialList__item { height: 40px; line-height: 40px; } .socialList__link::before { font-size: 20px; } .ctaPost__title { font-size: 22px; } .ctaPost__contents { padding: 20px; } .ctaPost__img { float: right; margin: 0px 0px 20px 20px; } .ctaPost__img-spCenter { float: none; margin: 0px auto 20px; } .ctaPost__img-spLeft { float: left; margin: 0px 20px 20px 0px; } .ctaPost__btn { width: 100%; margin-top: 20px; } .ctaPost__btn a { font-size: 14px; } .rectangle__item.rectangle__item-left { width: 100%; text-align: center; } .rectangle__item.rectangle__item-right { display: none; } .profile__name { font-size: 16px; } .profile__group { font-size: 14px; } .profile__description { font-size: 12px; } .related__title { font-size: 14px; } .related__contents { font-size: 12px; } .comments__list li { padding: 15px 15px 0px; margin-bottom: 15px; } .comments__list .comment-respond { padding: 15px; } } .icon-facebook::before { content: ""; background: url("") center center / auto 26px no-repeat; width: auto; height: 50px; } .icon-line::before { content: ""; background: url("") center center / auto 26px no-repeat; width: auto; height: 50px; } .socialList__link.icon-facebook:hover::before { background: url("") center center / auto 26px no-repeat rgb(255, 255, 255); z-index: 1; position: relative; } .socialList__link.icon-line:hover::before { background: url("") center center / auto 26px no-repeat rgb(255, 255, 255); z-index: 1; position: relative; } .socialList__link.icon-X { background: rgb(0, 0, 0); } .socialList__link.icon-X:hover::before { color: rgb(0, 0, 0); } .icon-X::before { content: ""; background: url("") center center / auto 25px no-repeat; width: auto; height: 50px; } .socialList__link.icon-X:hover::before { background: url("") center center / auto 25px no-repeat rgb(255, 255, 255); z-index: 1; position: relative; } .socialList__link:hover { z-index: 10; } @media only screen and (max-width: 767px) { .icon-X::before { background-size: auto 20px; height: 40px; } .socialList__link.icon-X:hover::before { background-size: auto 20px; } } @media only screen and (max-width: 767px) { .socialList { margin-bottom: 0px !important; } .icon-facebook::before, .icon-twitter::before, .icon-line::before { background-size: auto 20px; height: 40px; } .socialList__link.icon-facebook:hover::before, .socialList__link.icon-twitter:hover::before, .socialList__link.icon-line:hover::before { background-size: auto 20px; } } .singleTitle__heading { margin-bottom: 10px; } h1.heading.heading-singleTitle.u-txtShdw { font-size: 24px; line-height: 1.4em; letter-spacing: 0.05em; margin-bottom: 15px; } li.dateList__item.icon-tag { position: relative; max-width: 700px; } li.dateList__item.icon-tag::before { content: "タグ:"; color: rgb(127, 127, 127); } li.dateList__item.icon-tag a { transition: all 0.2s ease 0s; color: rgb(127, 127, 127); } li.dateList__item.icon-calendar { font-weight: bold; } @media only screen and (min-width: 768px) { ul.dateList.dateList-singleTitle { display: flex; justify-content: space-between; align-items: end; } } @media only screen and (max-width: 767px) { h1.heading.heading-singleTitle.u-txtShdw { font-size: 18px; margin-top: 5px; } li.dateList__item.icon-tag { font-size: 11px; margin-bottom: 5px; } li.dateList__item.icon-calendar { font-size: 13px; text-align: right; } } .post-detail .indexPost-list.post-container h3 { font-size: 22px; letter-spacing: 0.05em; margin-bottom: 25px; } @media only screen and (min-width: 768px) { .post-detail .indexPost-list.post-container { margin-bottom: 80px; } } @media only screen and (max-width: 767px) { .post-detail .indexPost-list.post-container { margin-top: 40px; } .post-detail .indexPost-list.post-container h3 { font-size: 18px; margin-bottom: 15px; } } "); background-repeat: no-repeat; background-position: left 10px center; background-size: 20px 21px; padding-left: 40px; } @media screen and (max-width: 320px) { .c-input--search { background-image: none; padding-left: 0.8em; } } .c-input--search:not(:placeholder-shown) { padding-left: 0.8em; background-image: none; } .c-input__group { overflow: hidden; } .c-input__group .c-input { border-right: 0px; float: left; } .c-check .c-check__label span { position: relative; display: flex; align-items: center; cursor: pointer; transition: all 0.3s ease 0s; line-height: 1; } .c-check .c-check__label span:hover { color: rgb(14, 164, 227); } @media screen and (max-width: 768px) { .c-check .c-check__label span:hover { color: rgb(34, 34, 34); } } .c-check .c-check__label span:hover::before { border-color: rgb(14, 164, 227); } @media screen and (max-width: 768px) { .c-check .c-check__label span:hover::before { border-color: rgb(221, 221, 221); } } .c-check .c-check__label span::before { flex: 0 0 auto; content: ""; display: inline-block; width: 1em; height: 1em; border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); margin-right: 5px; } .c-check .c-check__input { display: none; } .c-check .c-check__input:checked + span::before { border-color: rgb(14, 164, 227); background: rgb(14, 164, 227); color: rgb(14, 164, 227); } .c-check--tag .c-check__label span { position: relative; display: flex; align-items: center; cursor: pointer; transition: all 0.3s ease 0s; border: 1px solid rgb(221, 221, 221); border-radius: 5em; color: rgb(204, 204, 204); line-height: 1; padding: 3px 8px; } .c-check--tag .c-check__label span:hover { color: rgb(14, 164, 227); border-color: rgb(14, 164, 227); } @media screen and (max-width: 768px) { .c-check--tag .c-check__label span:hover { color: rgb(204, 204, 204); border-color: rgb(221, 221, 221); } } .c-check--tag .c-check__label span:hover .c-check__input { border-color: rgb(14, 164, 227); } @media screen and (max-width: 768px) { .c-check--tag .c-check__label span:hover .c-check__input { border-color: rgb(221, 221, 221); } } .c-check--tag .c-check__label span::before { content: none; display: inline-block; width: 1em; height: 1em; border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); margin-right: 5px; } .c-check--tag .c-check__input { display: none; } .c-check--tag .c-check__input:checked + span { border-color: rgb(14, 164, 227); background: rgb(14, 164, 227); color: rgb(255, 255, 255); } .c-radio .c-radio__label span { position: relative; display: flex; align-items: center; cursor: pointer; transition: all 0.3s ease 0s; line-height: 1; } .c-radio .c-radio__label span:hover { color: rgb(14, 164, 227); } .c-radio .c-radio__label span:hover::before { border-color: rgb(14, 164, 227); } .c-radio .c-radio__label span::before { flex: 0 0 auto; content: ""; display: inline-block; width: 1em; height: 1em; border: 1px solid rgb(221, 221, 221); border-radius: 2em; background: rgb(255, 255, 255); margin-right: 5px; } .c-radio .c-radio__input { display: none; } .c-radio .c-radio__input:checked + span::before { border-color: rgb(14, 164, 227); background: rgb(14, 164, 227); color: rgb(14, 164, 227); } .c-select__box { position: relative; display: flex; align-items: center; border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); transition: all 0.3s ease 0s; } .c-select__box:hover { border: 1px solid rgb(14, 164, 227); } .c-select__box:hover::after { border-top: 5px solid rgb(14, 164, 227); } .c-select__box::after { position: absolute; top: 50%; right: 8px; width: 0px; height: 0px; padding: 0px; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgb(34, 34, 34); pointer-events: none; transform: translateY(-50%); transition: all 0.3s ease 0s; } .c-select__box .c-select { width: 100%; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: none transparent; box-shadow: none; appearance: none; padding: 0.5em 3em 0.5em 2.5em; } @media screen and (max-width: 768px) { .c-select__box .c-select { padding: 0.5em 1.7em 0.5em 0.8em; } } .c-select__box .c-select select:focus { outline: none; } .c-form__confirmBtnWrap { width: 50%; margin: 0px auto; } @media screen and (max-width: 768px) { .c-form__confirmBtnWrap { width: 80%; } } @media screen and (max-width: 414px) { .c-form__confirmBtnWrap { width: 100%; } .c-form__confirmBtnWrap button { width: 100%; } .c-form__confirmBtnWrap button:last-of-type { margin-top: 10px; } } .preload * { transition: none 0s ease 0s !important; } .c-table { width: 100%; border: 1px solid rgb(221, 221, 221); border-collapse: collapse; font-size: 14px; } .c-table th, .c-table td { border: 1px solid rgb(221, 221, 221); padding: 0.5em 1em; vertical-align: top; } .c-table th { background: rgb(248, 248, 248); font-weight: normal; } .c-table--dashed { border: 0px; table-layout: fixed; } .c-table--dashed tbody tr { border-bottom: 1px dashed rgb(221, 221, 221); } .c-table--dashed th, .c-table--dashed td { border: 0px; vertical-align: middle; } .c-table--dashed th { font-weight: bold; } .c-figure { position: relative; width: 100%; background: rgb(255, 255, 255); overflow: hidden; align-self: flex-start; display: block; } .c-figure.c-figure--product::after { content: ""; padding-top: 141.4%; display: block; } .c-figure.c-figure--avator { border-radius: 50%; } .c-figure.c-figure--avator::after { content: ""; padding-top: 100%; display: block; } .c-figure .figure__img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: all 0.3s ease 0s; margin: auto; } a.c-figure { transition: opacity 0.3s ease-out 0s; } a.c-figure:hover { opacity: 0.8; } .p-nav { width: 450px; height: 100%; min-height: 100vh; background: rgb(248, 248, 248); position: fixed; right: -100%; transition: all 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; z-index: 99; } @media screen and (max-width: 768px) { .p-nav { width: 100%; } } .p-nav.is-active { top: 0px; right: 0px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .p-nav .p-nav__container { height: 100%; padding-bottom: 90px; } @media screen and (max-width: 414px) { .p-nav .p-nav__container { padding-bottom: 60px; } } .p-nav .p-nav__header { height: 90px; background: rgb(34, 34, 34); overflow: hidden; display: flex; align-items: center; padding: 0px 35px; } @media screen and (max-width: 414px) { .p-nav .p-nav__header { height: 60px; padding: 0px 20px; } } .p-nav .p-nav__header .p-nav__logo { display: flex; align-items: center; } .p-nav .p-nav__header .p-nav__logo .p-nav__logo--symbol { width: 110px; display: flex; align-items: center; } .p-nav .p-nav__header .p-nav__logo .p-nav__logo--symbol img { width: 100%; } .p-nav .p-nav__header .p-nav__logo .p-nav__logo--caption { color: rgb(14, 164, 227); font-size: 12px; line-height: 1.1; margin: 0px 0px 0px 10px; } .p-nav .p-nav__header .p-nav__logo .p-nav__logo--caption b { display: block; } .p-nav .p-nav__header .p-nav__closeBtn { position: relative; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; margin-left: auto; } .p-nav .p-nav__header .p-nav__closeBtn:hover { opacity: 0.7; } .p-nav .p-nav__header .p-nav__closeBtn span { position: absolute; background: rgb(255, 255, 255); width: 35px; height: 1px; display: block; } .p-nav .p-nav__header .p-nav__closeBtn span:first-child { transform: rotate(45deg); } .p-nav .p-nav__header .p-nav__closeBtn span:last-child { transform: rotate(-45deg); } .p-nav .p-nav__body { height: 100%; padding: 20px 35px 40px; overflow: auto; } .p-nav__list { font-weight: bold; } .p-nav__list .p-nav__listItem { font-size: 18px; margin-bottom: 10px; } .p-nav__list .p-nav__listItem .p-nav__list--tree { font-size: 14px; padding: 0px 15px 10px; margin: 0px 0px 10px; } .p-nav__list .p-nav__listItem .p-nav__list--tree .p-nav__listItem--tree { border-bottom: 1px solid rgb(221, 221, 221); padding: 10px 0px; } .p-nav__list .p-nav__listItem .p-nav__list--tree .p-nav__listItem--tree:last-child { border: 0px; } .p-nav__list .p-nav__listItem .p-nav__list--tree .p-nav__listItem--tree::before { display: inline-block; margin-right: 6px; } .p-nav__list .p-nav__listItem .p-nav__list--tree .p-nav__listItem--tree a { color: rgb(34, 34, 34); } .p-nav__list .p-nav__listItem .p-nav__list--tree .p-nav__listItem--tree a:hover { color: rgb(14, 164, 227); } .p-nav__body--search .c-input__group { width: 100%; } .p-nav__body--search .c-input { height: 38px; width: calc(100% - 38px); } .p-nav__body--search .p-nav__btn--search { width: 38px; height: 38px; background: rgb(14, 164, 227); display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 0px; } @media screen and (max-width: 768px) { .p-nav__body--search .p-nav__btn--search { padding: 0px; } } .p-nav__body--search .p-nav__btn--search img { width: 16px; margin: auto; } .p-slider { position: relative; opacity: 0; overflow: hidden; transition: all 0.3s ease 0s; } .p-slider::before { content: ""; position: absolute; width: 100%; height: 100%; display: block; background: rgb(255, 255, 255); z-index: 2; opacity: 1; transition: z-index 0.3s ease-out 1s, opacity 0.5s ease-out 0s; } .p-slider.slick-initialized { opacity: 1; overflow: visible; } .p-slider.slick-initialized::before { opacity: 0; z-index: 0; } .p-slider.is-unslick { opacity: 1; display: flex; } .p-slider.is-unslick::before { opacity: 0; z-index: 0; } .p-slider.is-unslick .p-box { width: 170px; margin-right: 40px; } @media screen and (max-width: 768px) { .p-slider.is-unslick .p-box { margin-right: 10px; } } .p-slider.is-unslick .p-box:nth-child(4) { margin-right: 0px; } .p-slider.p-slider--MV { margin-bottom: 40px; } @media screen and (max-width: 768px) { .p-slider.p-slider--MV { margin-bottom: 20px; } } @media screen and (min-width: 768px) { .p-slider.p-slider--feature::before, .p-slider.p-slider--searchResult::before { content: none; } } @media screen and (min-width: 768px) { .p-slider.p-slider--searchResult { opacity: 1; padding: 0px; } } .p-slider.p-slider-movieDetail-expert .slick-prev { left: auto; right: 100%; } .p-slider.p-slider-movieDetail-expert .slick-next { right: auto; left: 100%; } .p-slider .slick-prev, .p-slider .slick-next { top: 50%; z-index: 3; transform: translateY(-50%); } .p-slider .slick-prev:hover, .p-slider .slick-next:hover { cursor: pointer; } @media screen and (max-width: 768px) { .p-slider .slick-prev, .p-slider .slick-next { width: 30px; height: 30px; } } .p-slider .slick-prev { left: -20px; } @media screen and (max-width: 768px) { .p-slider .slick-prev { left: -5px; } } .p-slider .slick-prev::before { position: relative; left: -10px; content: ""; width: 22px; height: 36.5px; display: block; background-image: url(""); background-size: contain; background-position: center center; margin: 0px auto; } @media screen and (max-width: 768px) { .p-slider .slick-prev::before { height: 16px; width: 12px; left: -13px; } } .p-slider .slick-next { right: -20px; } @media screen and (max-width: 768px) { .p-slider .slick-next { right: -5px; } } .p-slider .slick-next::before { position: relative; right: -10px; content: ""; width: 22px; height: 36.5px; display: block; background-image: url(""); background-size: contain; background-position: center center; margin: 0px auto; transform: rotate(180deg); } @media screen and (max-width: 768px) { .p-slider .slick-next::before { height: 16px; width: 12px; right: -13px; } } .p-slider--MV { background: rgb(248, 248, 248); padding: 20px 0px 40px; } @media screen and (max-width: 768px) { .p-slider--MV { padding: 10px 0px 40px; } } .p-slider--MV .slick-slide { width: 476px; margin: 0px 10px; } @media screen and (max-width: 600px) { .p-slider--MV .slick-slide { width: 400px; } } @media screen and (max-width: 414px) { .p-slider--MV .slick-slide { width: 374px; margin: 0px 2px; } } @media screen and (max-width: 375px) { .p-slider--MV .slick-slide { width: 345px; } } @media screen and (max-width: 320px) { .p-slider--MV .slick-slide { width: 280px; } } .p-slider--MV .slick-dots { bottom: 10px; } .p-slider--MV .slick-dots button::before { font-size: 10px; } .p-slider--MV .slick-dots .slick-active button::before { color: rgb(14, 164, 227); opacity: 1; } .p-slider--MV .slick-prev, .p-slider--MV .slick-next { width: 55px; height: 55px; z-index: 3; background: rgba(0, 0, 0, 0.7); border-radius: 50%; } .p-slider--MV .slick-prev:hover, .p-slider--MV .slick-next:hover { cursor: pointer; } .p-slider--MV .slick-prev { left: 1%; } @media screen and (max-width: 768px) { .p-slider--MV .slick-prev { left: 5%; } } .p-slider--MV .slick-prev::before { position: relative; left: -3px; content: ""; width: 11.5px; height: 35px; display: block; background-image: url(""); background-position: center center; margin: 0px auto; } .p-slider--MV .slick-next { right: 1%; } @media screen and (max-width: 768px) { .p-slider--MV .slick-next { right: 5%; } } .p-slider--MV .slick-next::before { position: relative; right: -3px; content: ""; width: 11.5px; height: 35px; display: block; background-image: url(""); background-position: center center; margin: 0px auto; transform: rotate(180deg); } .p-slider--max4 { padding: 0px 20px 0px 30px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .p-slider--max4 { padding: 0px 10px; margin-bottom: 10px; } } .p-slider--max4 .slick-slide { width: 170px; margin-right: 40px; } @media screen and (max-width: 768px) { .p-slider--max4 .slick-slide { width: 150px; margin-right: 10px; } } .p-slider--max4 .slick-prev, .p-slider--max4 .slick-next { top: 125px; } @media screen and (max-width: 768px) { .p-slider--max4 .slick-prev, .p-slider--max4 .slick-next { top: 105px; } } .p-slider--max3 { margin-bottom: 30px; } .p-slider--max3 .slick-slide { width: 270px; margin-right: 27px; } .p-slider--max3 .slick-prev, .p-slider--max3 .slick-next { top: 125px; } @media screen and (max-width: 820px) { .p-slider--max3 { padding: 0px 10px; margin-bottom: 10px; } .p-slider--max3 .slick-slide { width: 31vw; margin-right: 10px; } .p-slider--max3 .slick-prev, .p-slider--max3 .slick-next { top: 105px; } } .p-slider--centered { margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-slider--centered { margin: 0px -10px 10px; } } .p-slider--centered .slick-slide { width: 476px; margin: 0px 10px; } @media screen and (max-width: 600px) { .p-slider--centered .slick-slide { width: 400px; } } @media screen and (max-width: 414px) { .p-slider--centered .slick-slide { width: 374px; margin: 0px 2px; } } @media screen and (max-width: 375px) { .p-slider--centered .slick-slide { width: 345px; } } @media screen and (max-width: 320px) { .p-slider--centered .slick-slide { width: 280px; } } .p-card { color: rgb(34, 34, 34); border: 1px solid rgb(221, 221, 221); display: block !important; } .p-card:hover { opacity: 0.8; } .p-card:hover .figure__img { transform: scale(1.1); } .p-card .p-card__figure { position: relative; width: 100%; background: rgb(51, 51, 51); overflow: hidden; } .p-card .p-card__figure::after { content: ""; padding-top: 66.66%; display: block; } .p-card .p-card__figure .figure__img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: all 0.3s ease 0s; margin: auto; } .p-card .p-card__body { background: rgb(255, 255, 255); } .p-card .p-card__body .p-card__title { width: 100%; align-items: center; font-size: 16px; display: inline-block; transition: all 0.3s ease 0s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px; line-height: 2; } @media screen and (max-width: 768px) { .p-card .p-card__body .p-card__title { font-size: 14px; } } .p-card .p-card__body .p-card__tag { color: rgb(255, 255, 255); font-size: 14px; line-height: 1; white-space: nowrap; padding: 10px 20px; margin-right: 10px; } @media screen and (max-width: 768px) { .p-card .p-card__body .p-card__tag { font-size: 12px; } } .p-card .p-card__body .p-card__tag.p-card__tag--red { background: rgb(255, 0, 72); } .p-card .p-card__body .p-card__tag.p-card__tag--blue { background: rgb(14, 164, 227); } .p-card .p-card__body .p-card__tag.p-card__tag--orange { background: rgb(255, 132, 0); } .p-card .p-card__body .p-card__desc { width: 100%; padding: 0px 20px; } @media screen and (max-width: 768px) { .p-card .p-card__body .p-card__desc { font-size: 12px; } } .p-card .p-card__body .p-card__desc p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p-card .p-card__footer { background: rgb(255, 255, 255); } .p-card .p-card__footer .date { color: rgb(170, 170, 170); display: block; padding: 2px 20px 5px 0px; } @media screen and (max-width: 768px) { .p-card .p-card__footer .date { height: 0px; font-size: 10px; visibility: hidden; } } .p-card .p-card__footer .date.is-right { text-align: right; } .p-card.p-card--side .p-card__body .p-card__title { font-size: 12px; padding-right: 10px; margin-bottom: 0px; } @media screen and (max-width: 768px) { .p-card.p-card--side .p-card__body .p-card__title { font-size: 14px; margin-bottom: 10px; } } .p-card.p-card--side .p-card__body .p-card__tag { font-size: 10px; padding: 6px 10px; margin-right: 5px; } @media screen and (max-width: 768px) { .p-card.p-card--side .p-card__body .p-card__tag { font-size: 12px; padding: 10px 20px; margin-right: 10px; } } .p-card.p-card--side .p-card__body .p-card__desc { font-size: 11px; padding: 0px 10px; } @media screen and (max-width: 768px) { .p-card.p-card--side .p-card__body .p-card__desc { font-size: 12px; } } .p-card.p-card--side .p-card__footer { font-size: 11px; } .p-card.p-card--side .p-card__footer .date { padding: 0px 10px 0px 0px; } @media screen and (max-width: 768px) { .p-card.p-card--side .p-card__footer .date { padding: 2px 20px 5px 0px; } } .p-card.p-card--noBorder { border: 0px; } .p-card.p-card--noBorder .p-card__body .p-card__desc { padding: 0px; } .p-box { display: flex; } .p-box.p-box--column { flex-direction: column; } .p-box.p-box--column .p-box__figure { margin-bottom: 10px; } .p-box.p-box--column .p-box__figure .figure__img { background-position: center center; background-size: contain !important; } ul.postList .p-box.p-box--column .p-box__figure .figure__img, .indexNews .p-box.p-box--column .p-box__figure .figure__img, .indexArticle .p-box.p-box--column .p-box__figure .figure__img { background-size: cover !important; } .p-box.p-box--column .p-box__body .score .stars { width: 74px; margin-right: 6px; } .p-box:hover { opacity: 0.8; } .p-box .p-box__state { width: 22px; margin-right: 5px; font-size: 20px; text-align: center; white-space: nowrap; display: flex; flex-direction: column; align-items: center; } .p-box .p-box__state.rank1 .mark--crown { fill: rgb(212, 196, 86); opacity: 1; } .p-box .p-box__state.rank2 .mark--crown { fill: rgb(156, 156, 156); opacity: 1; } .p-box .p-box__state.rank3 .mark--crown { fill: rgb(199, 130, 84); opacity: 1; } .p-box .p-box__state.rankUp .mark--arrow { fill: rgb(14, 164, 227); margin-bottom: 7px; } .p-box .p-box__state.rankKeep .mark--arrow { fill: rgb(14, 164, 227); transform: rotate(90deg); margin-bottom: 6px; } .p-box .p-box__state.rankDown .mark--arrow { fill: rgb(14, 164, 227); transform: rotate(180deg); margin-bottom: 3px; } .p-box .p-box__state.rankNew .mark--arrow { width: 15px; height: 2px; background: rgb(14, 164, 227); display: block; margin-top: 5px; } .p-box .p-box__state.rankNew .mark--arrow svg { display: none; } .p-box .p-box__state.rankNew .newEntry { display: block; } .p-box .p-box__state .mark--crown { width: 22px; height: 17px; opacity: 0; margin: 0px auto 8px; } .p-box .p-box__state .rankNum { letter-spacing: 0.05em; color: rgb(34, 34, 34); font-weight: bold; margin: 2px auto; font-size: 20px; line-height: 1em; } .p-box .p-box__state .mark--arrow { width: 13px; height: 15.5px; } .p-box .p-box__state .newEntry { color: rgb(255, 0, 72); font-weight: bold; line-height: 1; letter-spacing: -0.1em; margin-bottom: 12px; display: none; } .p-box .p-box__figure { position: relative; width: 100%; background: rgb(255, 255, 255); overflow: hidden; align-self: flex-start; } .p-box .p-box__figure::after { content: ""; padding-top: 141.4%; display: block; } .p-box .p-box__figure .figure__img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center top; transition: all 0.3s ease 0s; margin: auto; } .p-box .p-box__avator { position: relative; border-radius: 50%; overflow: hidden; } .p-box .p-box__avator::after { content: ""; padding-top: 100%; } .p-box .p-box__avator .avator__img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center top; transition: all 0.3s ease 0s; margin: auto; } .p-box .p-box__body { display: flex; flex-direction: column; } .p-box .p-box__body .p-box__subtitle { font-weight: bold; color: rgb(14, 164, 227); } .p-box .p-box__body .p-box__title { color: rgb(14, 164, 227); font-size: 16px; line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 6px; } @media screen and (max-width: 768px) { .p-box .p-box__body .p-box__title { font-size: 14px; } } .p-box .p-box__body .genre__list { display: flex; flex-wrap: wrap; margin: -5px 0px 0px; } @media screen and (max-width: 768px) { .p-box .p-box__body .genre__list { display: none; } } .p-box .p-box__body .genre__list .genre__listItem { margin: 0px 5px 5px 0px; line-height: 1; display: inline-block; } .p-box .p-box__body .score { display: flex; align-items: center; } @media screen and (max-width: 768px) { .p-box .p-box__body .score { order: 10; } } .p-box .p-box__body .score.is-bottom { margin-top: auto; } .p-box .p-box__body .score .stars { width: 80px; margin-right: 10px; } @media screen and (max-width: 768px) { .p-box .p-box__body .score .stars { width: 74px; margin-right: 6px; } } .p-box .p-box__body .score .point { color: rgb(34, 34, 34); } .p-box .p-box__body .score .point .en { font-size: 20px; font-weight: bold; letter-spacing: -0.02em; } .p-box .p-box__body .score .point .ja { font-size: 10px; } .p-box .p-box__body .tagcloud__list { display: flex; margin-bottom: -5px; } @media screen and (max-width: 768px) { .p-box .p-box__body .tagcloud__list { flex-wrap: wrap; } } .p-box .p-box__body .tagcloud__list.is-bottom { margin-top: auto; } .p-box .p-box__body .tagcloud__list .tagcloud__listItem { display: inline-block; font-size: 11px; color: rgb(221, 221, 221); border: 1px solid rgb(221, 221, 221); border-radius: 50em; line-height: 1; letter-spacing: -0.02em; padding: 2px 5px; margin: 0px 5px 5px 0px; } @media screen and (max-width: 768px) { .p-box .p-box__body .tagcloud__list .tagcloud__listItem { font-size: 10px; } } .p-box .p-box__body .tagcloud__list .tagcloud__listItem--blue { color: rgb(14, 164, 227); border: 1px solid rgb(14, 164, 227); } .p-box .p-box__body .release { color: rgb(159, 159, 159); font-size: 10px; margin-bottom: 3px; } .p-box .p-box__body .bottomWrap { margin-top: auto; display: flex; align-items: center; } @media screen and (max-width: 768px) { .p-box .p-box__body .bottomWrap { flex-direction: column; } } .p-box .p-box__body .bottomWrap .score { margin-right: 10px; } @media screen and (max-width: 768px) { .p-box .p-box__body .bottomWrap .score { margin-right: 0px; } } .p-box .p-box__body .p-box__desc { padding: 0px; color: rgb(34, 34, 34); font-size: 12px; line-height: 1.5; } @media screen and (max-width: 768px) { .p-box .p-box__body .p-box__desc { font-size: 12px; } } .p-box .p-box__body .p-box__desc.is-bottom { margin-top: auto; } .p-listItem { display: flex; flex-wrap: wrap; } .p-listItem.p-listItem--column { flex-direction: column; } .p-listItem.p-listItem--column .p-listItem__body { width: 100%; padding: 0px; margin-top: 5px; } .p-listItem.p-listItem--column .p-listItem__body .p-listItem__title { margin-bottom: 5px; } @media screen and (max-width: 768px) { .p-listItem.p-listItem--column .p-listItem__body .p-listItem__title { font-size: 12px; } } .p-listItem.p-listItem--column .p-listItem__body .score { margin-right: 0px !important; } .p-listItem.p-listItem--column .p-listItem__body .score .stars { width: 70px; } @media screen and (max-width: 768px) { .p-listItem.p-listItem--column .p-listItem__body .score .stars { width: 70px; } } .p-listItem.has-rank .ranking__figure { width: 110px; } .p-listItem.has-rank .ranking__body { width: calc(100% - 172px); } @media screen and (max-width: 414px) { .p-listItem.has-rank .ranking__body { width: calc(100% - 104px); } } .p-listItem.has-rank .ranking__desc { margin-top: 10px; } .p-listItem .p-listItem__state { width: 52px; font-size: 10px; text-align: center; white-space: nowrap; display: flex; flex-direction: column; align-items: center; padding: 8px 6px; margin-right: 10px; } .p-listItem .p-listItem__state.rank1 .mark--crown { fill: rgb(212, 196, 86); opacity: 1; } .p-listItem .p-listItem__state.rank2 .mark--crown { fill: rgb(156, 156, 156); opacity: 1; } .p-listItem .p-listItem__state.rank3 .mark--crown { fill: rgb(199, 130, 84); opacity: 1; } .p-listItem .p-listItem__state.rankUp .mark--arrow { fill: rgb(14, 164, 227); margin-top: 18px; } .p-listItem .p-listItem__state.rankKeep .mark--arrow { fill: rgb(14, 164, 227); transform: rotate(90deg); margin-top: 23px; margin-left: 6px; } .p-listItem .p-listItem__state.rankDown .mark--arrow { fill: rgb(14, 164, 227); transform: rotate(180deg); margin-top: 30px; } .movieside .p-listItem .p-listItem__state.rankUp .mark--arrow { margin-top: 4px; } .movieside .p-listItem .p-listItem__state.rankKeep .mark--arrow { margin-top: -1px; margin-left: 4px; } .movieside .p-listItem .p-listItem__state.rankDown .mark--arrow { margin-top: 11px; } .p-listItem .p-listItem__state.rankNew .mark--arrow { width: 15px; height: 2px; background: rgb(14, 164, 227); display: block; margin-top: 6px; } .p-listItem .p-listItem__state.rankNew .mark--arrow svg { display: none; } .p-listItem .p-listItem__state.rankNew .newEntry { display: block; } .p-listItem .p-listItem__state .mark--crown { width: 22px; height: 17px; opacity: 0; margin: 0px auto 8px; } .p-listItem .p-listItem__state .rankNum { letter-spacing: 0.05em; color: rgb(34, 34, 34); font-weight: bold; margin: 2px auto; font-size: 20px; line-height: 60px; } table.ranking__list-user tr:nth-child(2) .rankNum, table.ranking__list-user tr:nth-child(3) .rankNum, table.ranking__list-user tr:nth-child(4) .rankNum { line-height: 1em !important; } .p-listItem .p-listItem__state .mark--arrow { width: 13px; height: 15.5px; margin-left: 3px; } .p-listItem .p-listItem__state .newEntry { color: rgb(255, 0, 72); font-weight: bold; line-height: 1; letter-spacing: -0.1em; margin-top: 10px; display: none; } .p-listItem .p-listItem__body { display: flex; flex-direction: column; width: calc(100% - 135px); padding-left: 20px; } @media screen and (max-width: 414px) { .p-listItem .p-listItem__body { flex-wrap: wrap; padding-left: 10px; } } .p-listItem .p-listItem__body .p-listItem__subtitle { font-weight: bold; color: rgb(14, 164, 227); } .p-listItem .p-listItem__body .p-listItem__title { color: rgb(14, 164, 227); font-size: 16px; line-height: 1.2; letter-spacing: -0.02em; display: flex; align-items: flex-start; margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .p-listItem__title { font-size: 14px; display: block; } } @media screen and (max-width: 414px) { .p-listItem .p-listItem__body .p-listItem__title { flex-wrap: wrap; margin-bottom: 6px; } } .p-listItem .p-listItem__body .p-listItem__title .new { font-size: 11px; color: rgb(253, 40, 36); border: 1px solid rgb(253, 40, 36); line-height: 1; display: inline-block; padding: 2px 3px; margin-right: 5px; } @media screen and (max-width: 414px) { .p-listItem .p-listItem__body .p-listItem__title .new { display: block; border: 0px; padding: 0px; margin: 0px 0px 5px; } } .p-listItem .p-listItem__body .genre__list { display: flex; flex-wrap: wrap; color: rgb(153, 153, 153); margin: -5px 0px 0px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .genre__list { display: none; } } .p-listItem .p-listItem__body .genre__list .genre__listItem { margin: 0px 5px 5px 0px; line-height: 1; display: inline-block; } .p-listItem .p-listItem__body .score { display: flex; align-items: center; flex: 0 0 auto; line-height: 1; } .p-listItem .p-listItem__body .score.is-bottom { margin-top: auto; } .p-listItem .p-listItem__body .score .stars { width: 80px; margin-right: 10px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .score .stars { width: 74px; margin-right: 6px; } } .star { width: 100%; position: relative; background-image: url(""); background-repeat: no-repeat; background-size: auto 100%; background-position: left 0px top 0px; display: block; } .star::before { content: ""; padding-top: 16.7%; display: block; } .star-0-5 { background-position-x: 28.5%; } .star-1-5 { background-position-x: 21.5%; } .star-2-5 { background-position-x: 14.5%; } .star-3-5 { background-position-x: 7%; } .star-4-5 { background-position-x: 0px; } .star-0-0 { background-position-x: 100%; } .star-1-0 { background-position-x: 93%; } .star-2-0 { background-position-x: 86%; } .star-3-0 { background-position-x: 78.5%; } .star-4-0 { background-position-x: 71.5%; } .star-5-0 { background-position-x: 64.5%; } .p-listItem .p-listItem__body .score .point { color: rgb(34, 34, 34); } .p-listItem .p-listItem__body .score .point .en { font-size: 20px; font-weight: bold; letter-spacing: -0.02em; } .p-listItem .p-listItem__body .score .point .ja { font-size: 10px; } .p-listItem .p-listItem__body .tagcloud__list { display: flex; flex-wrap: wrap; padding: 2px 0px 0px 20px; margin-bottom: -5px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .tagcloud__list { flex-wrap: wrap; padding: 0px; margin-top: 6px; } } .p-listItem .p-listItem__body .tagcloud__list.is-bottom { margin-top: auto; } .p-listItem .p-listItem__body .tagcloud__list .tagcloud__listItem { display: inline-block; font-size: 11px; color: rgb(221, 221, 221); border: 1px solid rgb(221, 221, 221); border-radius: 50em; line-height: 1; letter-spacing: -0.02em; padding: 2px 5px; margin: 0px 5px 5px 0px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .tagcloud__list .tagcloud__listItem { font-size: 10px; } } .p-listItem .p-listItem__body .tagcloud__list .tagcloud__listItem--blue { color: rgb(14, 164, 227); border: 1px solid rgb(14, 164, 227); } .p-listItem .p-listItem__body .release { color: rgb(34, 34, 34); font-size: 10px; display: inline-block; margin-bottom: 10px; } .p-listItem .p-listItem__body .bottomWrap { margin-top: auto; display: flex; align-items: center; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .bottomWrap { flex-direction: column; } } .p-listItem .p-listItem__body .bottomWrap .score { margin-right: 10px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .bottomWrap .score { margin-right: 0px; } } .p-listItem .p-listItem__body .col { flex: 0 0 auto; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .col { flex-wrap: wrap; } } .p-listItem .p-listItem__body .col.is-bottom { align-items: flex-start; margin-top: auto; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__body .col .tagcloud__list { width: 100%; } } .p-listItem .p-listItem__body .col .score { margin-right: 0px; } .p-listItem .p-listItem__desc { padding: 0px; color: rgb(34, 34, 34); font-size: 12px; line-height: 1.5; margin-top: 10px; } @media screen and (max-width: 768px) { .p-listItem .p-listItem__desc { font-size: 12px; } } .p-listItem .p-listItem__desc.is-bottom { margin-top: auto; } .p-breadcrumb { font-size: 11px; line-height: 1.3; display: flex; align-items: center; padding-top: 10px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-breadcrumb { height: auto; } } .p-breadcrumb .p-breadcrumb__list { display: flex; flex-wrap: wrap; } .p-breadcrumb .p-breadcrumb__list .p-breadcrumb__listItem { display: inline-block; } .p-breadcrumb .p-breadcrumb__list .p-breadcrumb__listItem::after { content: ">"; display: inline-block; margin: 0px 5px; } .p-breadcrumb .p-breadcrumb__list .p-breadcrumb__listItem:last-child::after { content: none; } .p-tab__list { display: flex; margin-bottom: 30px; } .p-tab__list.p-tab__list--2 .p-tab__listItem { width: calc(50%); } .p-tab__list.p-tab__list--3 .p-tab__listItem { width: calc(33.3333%); } .p-tab__list.p-tab__list--4 .p-tab__listItem { width: calc(25%); } .p-tab__list.p-tab__list--5 .p-tab__listItem { width: calc(20%); } .p-tab__list.p-tab__list--6 .p-tab__listItem { width: calc(16.6667%); } .p-tab__list.p-tab__list--7 .p-tab__listItem { width: calc(14.2857%); } .p-tab__list.p-tab__list--8 .p-tab__listItem { width: calc(12.5%); } .p-tab__list.p-tab__list--9 .p-tab__listItem { width: calc(11.1111%); } .p-tab__list.p-tab__list--10 .p-tab__listItem { width: calc(10%); } @media screen and (max-width: 600px) { .p-tab__list.p-tab__list--5 .p-tab__listItem a span { display: none; } } .p-tab__list .p-tab__listItem { border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-right-style: initial; border-right-color: initial; background: rgb(248, 248, 248); font-size: 15px; text-align: center; transition: all 0.3s ease-out 0s; } .p-tab__list .p-tab__listItem:last-child { border-right: 1px solid rgb(221, 221, 221); } @media screen and (max-width: 768px) { .p-tab__list .p-tab__listItem { font-size: 13px; } } @media screen and (max-width: 600px) { .p-tab__list .p-tab__listItem { display: flex; justify-content: center; align-items: center; letter-spacing: -0.03em; } } @media screen and (max-width: 414px) { .p-tab__list .p-tab__listItem { font-size: 10px; } } .p-tab__list .p-tab__listItem a { color: rgb(34, 34, 34); display: flex; align-items: center; justify-content: center; padding: 0.4em; transition: all 0.3s ease-out 0s; } @media screen and (max-width: 600px) { .p-tab__list .p-tab__listItem a { padding: 0.4em 0px; } } .p-tab__list .p-tab__listItem a em { font-style: normal; } .p-tab__list .p-tab__listItem a i { display: none; } @media screen and (max-width: 600px) { .p-tab__list .p-tab__listItem a i { display: inline-block; font-style: normal; } } .p-tab__list .p-tab__listItem a b { font-weight: normal; } @media screen and (max-width: 600px) { .p-tab__list .p-tab__listItem a b { display: none; } } .p-tab__list .p-tab__listItem a img { margin-right: 8px; height: 22px; } @media screen and (max-width: 768px) { .p-tab__list .p-tab__listItem a img { display: none; } } .p-tab__list .p-tab__listItem.is-active, .p-tab__list .p-tab__listItem:hover { border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(14, 164, 227); border-bottom-color: rgb(14, 164, 227); border-left-color: rgb(14, 164, 227); border-image: initial; border-right-style: initial; border-right-color: initial; background: rgb(14, 164, 227); } .p-tab__list .p-tab__listItem.is-active a, .p-tab__list .p-tab__listItem:hover a { color: rgb(255, 255, 255); } .p-tab__contentsWrap { width: 100%; overflow: hidden; position: relative; } .p-tab__contentsWrap .p-tab__contentsWrap--inner { width: 100%; display: flex; position: relative; transition: left 0.3s ease-out 0s; } .p-tab__contents { width: 100%; overflow: hidden; opacity: 0; } .p-tab__contents.is-show { opacity: 1; } .p-pagination { position: relative; display: flex; justify-content: space-between; border-bottom: 1px dashed rgb(221, 221, 221); border-top: 1px dashed rgb(221, 221, 221); padding: 20px 0px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .p-pagination { flex-direction: column; align-items: center; padding: 15px 0px 5px; margin-bottom: 15px; } } .p-pagination .p-pagination-nav { display: flex; align-items: center; margin-right: auto; } @media screen and (max-width: 768px) { .p-pagination .p-pagination-nav { justify-content: center; margin: 0px 0px 10px; } } .p-pagination .p-pagination-nav .p-pagination-nav__list { display: flex; flex-wrap: wrap; } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem::before { content: "|"; display: inline-block; } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem:last-child::after { content: "|"; display: inline-block; } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem a { color: rgb(14, 164, 227); padding: 0px 10px; } @media screen and (max-width: 414px) { .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem a { font-size: 13px; padding: 0px 5px; } } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem a:hover { text-decoration: underline; } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem.is-active a { border: 0px; color: rgb(34, 34, 34); pointer-events: none; } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination-nav__listItem.is-active a:hover { border: 0px; text-decoration: none; } .p-pagination .p-pagination-nav .p-pagination-nav__list .p-pagination__listItem--none { display: none; } .p-pagination .result { display: flex; margin-left: auto; } @media screen and (max-width: 768px) { .p-pagination .result { margin: 0px 0px 10px; } } .p-pagination .p-pagination__list { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; } @media screen and (max-width: 768px) { .p-pagination .p-pagination__list { position: relative; top: auto; left: auto; transform: none; margin-bottom: 10px; } } .p-pagination .p-pagination__list .p-pagination__listItem { margin-right: 5px; } .p-pagination .p-pagination__list .p-pagination__listItem.is-active a { border: 0px; pointer-events: none; } .p-pagination .p-pagination__list .p-pagination__listItem.is-active a:hover { border: 0px; } .p-pagination .p-pagination__list .p-pagination__listItem a { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; color: rgb(153, 153, 153); border: 1px solid rgb(221, 221, 221); } .p-pagination .p-pagination__list .p-pagination__listItem a.is-active, .p-pagination .p-pagination__list .p-pagination__listItem a:hover { color: rgb(14, 164, 227); border: 1px solid rgb(14, 164, 227); } .p-pagination .p-pagination__list .p-pagination__listItem--prev a, .p-pagination .p-pagination__list .p-pagination__listItem--next a { border: 0px; } .p-pagination .p-pagination__list .p-pagination__listItem--none { display: none; } .p-pagination .arrows { display: flex; } .p-pagination .arrows .p-pagination__btn { color: rgb(153, 153, 153); display: flex; justify-content: center; align-items: center; border: 1px solid rgb(221, 221, 221); padding: 5px 12px; margin: 0px 10px; } .p-pagination .arrows .p-pagination__btn span { font-size: 10px; margin-right: 5px; } .p-pagination .arrows .p-pagination__btn:last-child span { margin: 0px 0px 0px 5px; } .p-pagination .arrows .p-pagination__btn:hover { color: rgb(14, 164, 227); border: 1px solid rgb(14, 164, 227); } .sns { width: 100%; display: block; margin: 0px; } .sns .sns__list { display: flex; align-items: flex-start; } @media screen and (max-width: 768px) { .sns .sns__list { width: 100%; } } @media screen and (max-width: 600px) { .sns .sns__list { flex-wrap: wrap; } } .sns .sns__list .sns__listItem { height: 20px; overflow: hidden; margin: 5px 15px 5px 0px; } .sns .sns__list .sns__listItem:last-child { margin-right: 0px; } .sns .sns__list .sns__listItem .fb-like.fb_iframe_widget > span { vertical-align: top !important; } .u-3xs-visible { display: none; } @media screen and (max-width: 320px) { .u-3xs-visible { display: block; } } .u-3xs-hidden { display: block; } @media screen and (max-width: 320px) { .u-3xs-hidden { display: none; } } .u-2xs-visible { display: none; } @media screen and (max-width: 375px) { .u-2xs-visible { display: block; } } .u-2xs-hidden { display: block; } @media screen and (max-width: 375px) { .u-2xs-hidden { display: none; } } .u-xs-visible { display: none; } @media screen and (max-width: 414px) { .u-xs-visible { display: block; } } .u-xs-hidden { display: block; } @media screen and (max-width: 414px) { .u-xs-hidden { display: none; } } .u-sm-visible { display: none; } @media screen and (max-width: 600px) { .u-sm-visible { display: block; } } @media screen and (max-width: 600px) { tr.u-sm-visible { display: table-row; } } @media screen and (max-width: 600px) { th.u-sm-visible, td.u-sm-visible { display: table-cell; } } .u-sm-hidden { display: block; } @media screen and (max-width: 600px) { .u-sm-hidden { display: none; } } tr.u-sm-hidden { display: table-row; } @media screen and (max-width: 600px) { tr.u-sm-hidden { display: none; } } th.u-sm-hidden, td.u-sm-hidden { display: table-cell; } @media screen and (max-width: 768px) { th.u-sm-hidden, td.u-sm-hidden { display: none; } } .u-md-visible { display: none; } @media screen and (max-width: 768px) { .u-md-visible { display: block; } } @media screen and (max-width: 768px) { tr.u-md-visible { display: table-row; } } @media screen and (max-width: 768px) { th.u-md-visible, td.u-md-visible { display: table-cell; } } .u-md-hidden { display: block; } @media screen and (max-width: 768px) { .u-md-hidden { display: none; } } tr.u-md-hidden { display: table-row; } @media screen and (max-width: 768px) { tr.u-md-hidden { display: none; } } th.u-md-hidden, td.u-md-hidden { display: table-cell; } @media screen and (max-width: 768px) { th.u-md-hidden, td.u-md-hidden { display: none; } } .u-lg-visible { display: block; } @media screen and (min-width: 768px) { .u-lg-visible { display: none; } } .u-lg-hidden { display: none; } @media screen and (min-width: 768px) { .u-lg-hidden { display: block; } } .u-left { float: left; } .u-right { float: right; } .u-text-left { text-align: left; } .u-text-right { text-align: right; } .u-m10 { margin: 10px; } .u-m11 { margin: 11px; } .u-m12 { margin: 12px; } .u-m13 { margin: 13px; } .u-m14 { margin: 14px; } .u-m15 { margin: 15px; } .u-m16 { margin: 16px; } .u-m17 { margin: 17px; } .u-m18 { margin: 18px; } .u-m19 { margin: 19px; } .u-m20 { margin: 20px; } .u-m21 { margin: 21px; } .u-m22 { margin: 22px; } .u-m23 { margin: 23px; } .u-m24 { margin: 24px; } .u-m25 { margin: 25px; } .u-m26 { margin: 26px; } .u-m27 { margin: 27px; } .u-m28 { margin: 28px; } .u-m29 { margin: 29px; } .u-m30 { margin: 30px; } .u-m31 { margin: 31px; } .u-m32 { margin: 32px; } .u-m33 { margin: 33px; } .u-m34 { margin: 34px; } .u-m35 { margin: 35px; } .u-m36 { margin: 36px; } .u-m37 { margin: 37px; } .u-m38 { margin: 38px; } .u-m39 { margin: 39px; } .u-m40 { margin: 40px; } .u-mt10 { margin-top: 10px; } .u-mt11 { margin-top: 11px; } .u-mt12 { margin-top: 12px; } .u-mt13 { margin-top: 13px; } .u-mt14 { margin-top: 14px; } .u-mt15 { margin-top: 15px; } .u-mt16 { margin-top: 16px; } .u-mt17 { margin-top: 17px; } .u-mt18 { margin-top: 18px; } .u-mt19 { margin-top: 19px; } .u-mt20 { margin-top: 20px; } .u-mt21 { margin-top: 21px; } .u-mt22 { margin-top: 22px; } .u-mt23 { margin-top: 23px; } .u-mt24 { margin-top: 24px; } .u-mt25 { margin-top: 25px; } .u-mt26 { margin-top: 26px; } .u-mt27 { margin-top: 27px; } .u-mt28 { margin-top: 28px; } .u-mt29 { margin-top: 29px; } .u-mt30 { margin-top: 30px; } .u-mt31 { margin-top: 31px; } .u-mt32 { margin-top: 32px; } .u-mt33 { margin-top: 33px; } .u-mt34 { margin-top: 34px; } .u-mt35 { margin-top: 35px; } .u-mt36 { margin-top: 36px; } .u-mt37 { margin-top: 37px; } .u-mt38 { margin-top: 38px; } .u-mt39 { margin-top: 39px; } .u-mt40 { margin-top: 40px; } .u-mr10 { margin-right: 10px; } .u-mr11 { margin-right: 11px; } .u-mr12 { margin-right: 12px; } .u-mr13 { margin-right: 13px; } .u-mr14 { margin-right: 14px; } .u-mr15 { margin-right: 15px; } .u-mr16 { margin-right: 16px; } .u-mr17 { margin-right: 17px; } .u-mr18 { margin-right: 18px; } .u-mr19 { margin-right: 19px; } .u-mr20 { margin-right: 20px; } .u-mr21 { margin-right: 21px; } .u-mr22 { margin-right: 22px; } .u-mr23 { margin-right: 23px; } .u-mr24 { margin-right: 24px; } .u-mr25 { margin-right: 25px; } .u-mr26 { margin-right: 26px; } .u-mr27 { margin-right: 27px; } .u-mr28 { margin-right: 28px; } .u-mr29 { margin-right: 29px; } .u-mr30 { margin-right: 30px; } .u-mr31 { margin-right: 31px; } .u-mr32 { margin-right: 32px; } .u-mr33 { margin-right: 33px; } .u-mr34 { margin-right: 34px; } .u-mr35 { margin-right: 35px; } .u-mr36 { margin-right: 36px; } .u-mr37 { margin-right: 37px; } .u-mr38 { margin-right: 38px; } .u-mr39 { margin-right: 39px; } .u-mr40 { margin-right: 40px; } .u-mb10 { margin-bottom: 10px; } .u-mb11 { margin-bottom: 11px; } .u-mb12 { margin-bottom: 12px; } .u-mb13 { margin-bottom: 13px; } .u-mb14 { margin-bottom: 14px; } .u-mb15 { margin-bottom: 15px; } .u-mb16 { margin-bottom: 16px; } .u-mb17 { margin-bottom: 17px; } .u-mb18 { margin-bottom: 18px; } .u-mb19 { margin-bottom: 19px; } .u-mb20 { margin-bottom: 20px; } .u-mb21 { margin-bottom: 21px; } .u-mb22 { margin-bottom: 22px; } .u-mb23 { margin-bottom: 23px; } .u-mb24 { margin-bottom: 24px; } .u-mb25 { margin-bottom: 25px; } .u-mb26 { margin-bottom: 26px; } .u-mb27 { margin-bottom: 27px; } .u-mb28 { margin-bottom: 28px; } .u-mb29 { margin-bottom: 29px; } .u-mb30 { margin-bottom: 30px; } .u-mb31 { margin-bottom: 31px; } .u-mb32 { margin-bottom: 32px; } .u-mb33 { margin-bottom: 33px; } .u-mb34 { margin-bottom: 34px; } .u-mb35 { margin-bottom: 35px; } .u-mb36 { margin-bottom: 36px; } .u-mb37 { margin-bottom: 37px; } .u-mb38 { margin-bottom: 38px; } .u-mb39 { margin-bottom: 39px; } .u-mb40 { margin-bottom: 40px; } .u-ml10 { margin-left: 10px; } .u-ml11 { margin-left: 11px; } .u-ml12 { margin-left: 12px; } .u-ml13 { margin-left: 13px; } .u-ml14 { margin-left: 14px; } .u-ml15 { margin-left: 15px; } .u-ml16 { margin-left: 16px; } .u-ml17 { margin-left: 17px; } .u-ml18 { margin-left: 18px; } .u-ml19 { margin-left: 19px; } .u-ml20 { margin-left: 20px; } .u-ml21 { margin-left: 21px; } .u-ml22 { margin-left: 22px; } .u-ml23 { margin-left: 23px; } .u-ml24 { margin-left: 24px; } .u-ml25 { margin-left: 25px; } .u-ml26 { margin-left: 26px; } .u-ml27 { margin-left: 27px; } .u-ml28 { margin-left: 28px; } .u-ml29 { margin-left: 29px; } .u-ml30 { margin-left: 30px; } .u-ml31 { margin-left: 31px; } .u-ml32 { margin-left: 32px; } .u-ml33 { margin-left: 33px; } .u-ml34 { margin-left: 34px; } .u-ml35 { margin-left: 35px; } .u-ml36 { margin-left: 36px; } .u-ml37 { margin-left: 37px; } .u-ml38 { margin-left: 38px; } .u-ml39 { margin-left: 39px; } .u-ml40 { margin-left: 40px; } .u-p10 { padding: 10px; } .u-p11 { padding: 11px; } .u-p12 { padding: 12px; } .u-p13 { padding: 13px; } .u-p14 { padding: 14px; } .u-p15 { padding: 15px; } .u-p16 { padding: 16px; } .u-p17 { padding: 17px; } .u-p18 { padding: 18px; } .u-p19 { padding: 19px; } .u-p20 { padding: 20px; } .u-p21 { padding: 21px; } .u-p22 { padding: 22px; } .u-p23 { padding: 23px; } .u-p24 { padding: 24px; } .u-p25 { padding: 25px; } .u-p26 { padding: 26px; } .u-p27 { padding: 27px; } .u-p28 { padding: 28px; } .u-p29 { padding: 29px; } .u-p30 { padding: 30px; } .u-p31 { padding: 31px; } .u-p32 { padding: 32px; } .u-p33 { padding: 33px; } .u-p34 { padding: 34px; } .u-p35 { padding: 35px; } .u-p36 { padding: 36px; } .u-p37 { padding: 37px; } .u-p38 { padding: 38px; } .u-p39 { padding: 39px; } .u-p40 { padding: 40px; } .u-pt10 { padding-top: 10px; } .u-pt11 { padding-top: 11px; } .u-pt12 { padding-top: 12px; } .u-pt13 { padding-top: 13px; } .u-pt14 { padding-top: 14px; } .u-pt15 { padding-top: 15px; } .u-pt16 { padding-top: 16px; } .u-pt17 { padding-top: 17px; } .u-pt18 { padding-top: 18px; } .u-pt19 { padding-top: 19px; } .u-pt20 { padding-top: 20px; } .u-pt21 { padding-top: 21px; } .u-pt22 { padding-top: 22px; } .u-pt23 { padding-top: 23px; } .u-pt24 { padding-top: 24px; } .u-pt25 { padding-top: 25px; } .u-pt26 { padding-top: 26px; } .u-pt27 { padding-top: 27px; } .u-pt28 { padding-top: 28px; } .u-pt29 { padding-top: 29px; } .u-pt30 { padding-top: 30px; } .u-pt31 { padding-top: 31px; } .u-pt32 { padding-top: 32px; } .u-pt33 { padding-top: 33px; } .u-pt34 { padding-top: 34px; } .u-pt35 { padding-top: 35px; } .u-pt36 { padding-top: 36px; } .u-pt37 { padding-top: 37px; } .u-pt38 { padding-top: 38px; } .u-pt39 { padding-top: 39px; } .u-pt40 { padding-top: 40px; } .u-pr10 { padding-right: 10px; } .u-pr11 { padding-right: 11px; } .u-pr12 { padding-right: 12px; } .u-pr13 { padding-right: 13px; } .u-pr14 { padding-right: 14px; } .u-pr15 { padding-right: 15px; } .u-pr16 { padding-right: 16px; } .u-pr17 { padding-right: 17px; } .u-pr18 { padding-right: 18px; } .u-pr19 { padding-right: 19px; } .u-pr20 { padding-right: 20px; } .u-pr21 { padding-right: 21px; } .u-pr22 { padding-right: 22px; } .u-pr23 { padding-right: 23px; } .u-pr24 { padding-right: 24px; } .u-pr25 { padding-right: 25px; } .u-pr26 { padding-right: 26px; } .u-pr27 { padding-right: 27px; } .u-pr28 { padding-right: 28px; } .u-pr29 { padding-right: 29px; } .u-pr30 { padding-right: 30px; } .u-pr31 { padding-right: 31px; } .u-pr32 { padding-right: 32px; } .u-pr33 { padding-right: 33px; } .u-pr34 { padding-right: 34px; } .u-pr35 { padding-right: 35px; } .u-pr36 { padding-right: 36px; } .u-pr37 { padding-right: 37px; } .u-pr38 { padding-right: 38px; } .u-pr39 { padding-right: 39px; } .u-pr40 { padding-right: 40px; } .u-pb10 { padding-bottom: 10px; } .u-pb11 { padding-bottom: 11px; } .u-pb12 { padding-bottom: 12px; } .u-pb13 { padding-bottom: 13px; } .u-pb14 { padding-bottom: 14px; } .u-pb15 { padding-bottom: 15px; } .u-pb16 { padding-bottom: 16px; } .u-pb17 { padding-bottom: 17px; } .u-pb18 { padding-bottom: 18px; } .u-pb19 { padding-bottom: 19px; } .u-pb20 { padding-bottom: 20px; } .u-pb21 { padding-bottom: 21px; } .u-pb22 { padding-bottom: 22px; } .u-pb23 { padding-bottom: 23px; } .u-pb24 { padding-bottom: 24px; } .u-pb25 { padding-bottom: 25px; } .u-pb26 { padding-bottom: 26px; } .u-pb27 { padding-bottom: 27px; } .u-pb28 { padding-bottom: 28px; } .u-pb29 { padding-bottom: 29px; } .u-pb30 { padding-bottom: 30px; } .u-pb31 { padding-bottom: 31px; } .u-pb32 { padding-bottom: 32px; } .u-pb33 { padding-bottom: 33px; } .u-pb34 { padding-bottom: 34px; } .u-pb35 { padding-bottom: 35px; } .u-pb36 { padding-bottom: 36px; } .u-pb37 { padding-bottom: 37px; } .u-pb38 { padding-bottom: 38px; } .u-pb39 { padding-bottom: 39px; } .u-pb40 { padding-bottom: 40px; } .u-pl10 { padding-left: 10px; } .u-pl11 { padding-left: 11px; } .u-pl12 { padding-left: 12px; } .u-pl13 { padding-left: 13px; } .u-pl14 { padding-left: 14px; } .u-pl15 { padding-left: 15px; } .u-pl16 { padding-left: 16px; } .u-pl17 { padding-left: 17px; } .u-pl18 { padding-left: 18px; } .u-pl19 { padding-left: 19px; } .u-pl20 { padding-left: 20px; } .u-pl21 { padding-left: 21px; } .u-pl22 { padding-left: 22px; } .u-pl23 { padding-left: 23px; } .u-pl24 { padding-left: 24px; } .u-pl25 { padding-left: 25px; } .u-pl26 { padding-left: 26px; } .u-pl27 { padding-left: 27px; } .u-pl28 { padding-left: 28px; } .u-pl29 { padding-left: 29px; } .u-pl30 { padding-left: 30px; } .u-pl31 { padding-left: 31px; } .u-pl32 { padding-left: 32px; } .u-pl33 { padding-left: 33px; } .u-pl34 { padding-left: 34px; } .u-pl35 { padding-left: 35px; } .u-pl36 { padding-left: 36px; } .u-pl37 { padding-left: 37px; } .u-pl38 { padding-left: 38px; } .u-pl39 { padding-left: 39px; } .u-pl40 { padding-left: 40px; } .indexSchedule__contents { display: flex; justify-content: space-between; flex-wrap: wrap; } .indexSchedule__contents .indexSchedule__col { width: 405px; margin-bottom: 50px; } .indexSchedule__list { margin-bottom: 20px; } @media screen and (max-width: 768px) { .indexSchedule__list { margin-bottom: 10px; } } .indexSchedule__list:first-of-type .indexSchedule__heading { margin-top: 0px; } .indexSchedule__list .indexSchedule__listItem { padding: 24px 10px; border-bottom: 1px dotted rgb(221, 221, 221); } .indexSchedule__list .indexSchedule__listItem:first-of-type { padding: 0px 10px 24px; } .indexSchedule__list .indexSchedule__listItem .p-box__figure { width: 70px; } .indexSchedule__list .indexSchedule__listItem .p-box__body { width: calc(100% - 70px); padding-left: 20px; } .indexSchedule__list .indexSchedule__heading { width: 100%; height: 15px; color: rgb(255, 0, 72); font-size: 15px; line-height: 1; margin: 30px 0px 10px; } .indexSchedule__list--net .indexSchedule__listItem.indexSchedule__listItem--striped, .indexSchedule__list--tv .indexSchedule__listItem.indexSchedule__listItem--striped { border: 0px; background: rgb(248, 248, 248); padding: 5px; } .indexSchedule__list--net .indexSchedule__listItem.indexSchedule__listItem--striped:nth-child(2n+1), .indexSchedule__list--tv .indexSchedule__listItem.indexSchedule__listItem--striped:nth-child(2n+1) { background: rgb(255, 255, 255); } .indexSchedule__list--net .indexSchedule__listItem.indexSchedule__listItem--striped .p-box__body, .indexSchedule__list--tv .indexSchedule__listItem.indexSchedule__listItem--striped .p-box__body { padding: 0px; } .indexSchedule__list--net .indexSchedule__listItem.indexSchedule__listItem--striped .p-box__title, .indexSchedule__list--tv .indexSchedule__listItem.indexSchedule__listItem--striped .p-box__title { margin: 0px; } .indexRanking__contents { display: flex; justify-content: space-between; flex-wrap: wrap; } .indexRanking__contents .indexRanking__col { width: 405px; margin-bottom: 50px; } .indexRanking__list { margin-bottom: 20px; } @media screen and (max-width: 768px) { .indexRanking__list { margin-bottom: 10px; } } .indexRanking__list .indexRanking__listItem { padding: 24px 10px; border-bottom: 1px dotted rgb(221, 221, 221); } .indexRanking__list .indexRanking__listItem:first-of-type { padding: 0px 10px 24px; } @media screen and (max-width: 768px) { .indexRanking__list .indexRanking__listItem:nth-of-type(n+4) { display: none; } } .indexRanking__list .indexRanking__listItem .p-box__figure { width: 70px; } .indexRanking__list .indexRanking__listItem .p-box__body { width: calc(100% - 92px); padding-left: 8px; } @media screen and (max-width: 768px) { .indexOther { margin-bottom: 0px; } } .indexOther__contents { display: flex; justify-content: space-between; flex-wrap: wrap; } .indexOther__contents .indexOther__col { width: 405px; margin-bottom: 50px; } .indexOther__list { margin-bottom: 20px; } @media screen and (max-width: 768px) { .indexOther__list { margin-bottom: 10px; } } .indexOther__list .indexOther__listItem { padding: 24px 10px; border-bottom: 1px dotted rgb(221, 221, 221); } .indexOther__list .indexOther__listItem:first-of-type { padding: 0px 10px 24px; } .indexOther__list .indexOther__listItem .p-box__figure { width: 70px; } .indexOther__list .indexOther__listItem .p-box__body { width: calc(100% - 70px); padding-left: 20px; } .indexOther__list .indexOther__listItem .p-box__body--book .p-box__title { color: rgb(34, 34, 34); font-size: 18px; line-height: 1.3; margin-top: auto; } @media screen and (min-width: 768px) { .sideFeature .p-slider { opacity: 1; } .sideFeature .p-slider .p-card { margin-bottom: 10px; } } .sideReview__list { margin-bottom: 10px; } @media screen and (max-width: 768px) { .sideReview__list { margin-bottom: 10px; } } .sideReview__list .sideReview__listItem { background: rgb(255, 255, 255); border: 1px solid rgb(98, 202, 245); font-size: 10px; line-height: 1.4; padding: 10px; } .sideReview__list .sideReview__listItem:not(:last-child) { margin-bottom: 5px; } .sideReview__list .sideReviewItem { display: flex; width: 100%; } .sideReview__list .sideReviewItem .sideReviewItem__figure { flex: 0 0 auto; width: 70px; } .sideReview__list .sideReviewItem .sideReviewItem__body { width: calc(100% - 70px); padding-left: 10px; } .sideReview__list .sideReviewItem .sideReviewItem__ttl { font-size: 16px; } .sideReview__list .sideReviewItem .sideReviewItem__reviewer { color: rgb(34, 34, 34); margin: auto 0px 2px; } .sideReview__list .sideReviewItem .sideReviewItem__reviewer small { display: block; font-size: 11px; } .sideReview__list .sideReviewItem .sideReviewItem__reviewer span { font-size: 16px; font-weight: bold; } .sideReview__list .sideReviewItem .sideReviewItem__footer { display: flex; } .sideReview__list .sideReviewItem .sideReviewItem__footer .stars { flex: 0 0 auto; width: 80px; } @media screen and (max-width: 320px) { .sideReview__list .sideReviewItem .sideReviewItem__footer .stars { width: 75px; } } .sideReview__list .sideReviewItem .sideReviewItem__footer small { font-size: 10px; letter-spacing: -0.04em; margin-left: auto; } .sideDay__contents { margin-bottom: 10px; } @media screen and (max-width: 768px) { .sideDay__contents { margin-bottom: 10px; } } .sideDay__contents .sideDay__box { background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 10px; } .sideDay__contents .sideDay__box:first-child { border-bottom: 0px; } .sideDay__contents .sideDay__box h3 { font-size: 16px; font-weight: bold; margin-bottom: 20px; } .sideDay__contents .sideDay__listHeading { font-size: 15px; font-weight: bold; margin-bottom: 20px; } .sideDay__contents .sideDay__listHeading span { font-size: 12px; } .sideDay__contents .sideDay__listItem { margin-bottom: 10px; } .sideDay__contents .sideDay__listItem:last-child { margin: 0px; } .sideDay__contents .sideDay__listItem .p-box__figure { width: 70px; } .sideDay__contents .sideDay__listItem .p-box__body { width: calc(100% - 70px); padding-left: 10px; } .sideClip1__contents { margin-bottom: 10px; } .sideClip1__contents .p-card--side { margin-bottom: 10px; } .sideClip1__contents--actor { margin-bottom: 10px; } .sideClip1__contents--actor .sideClip1__list--striped { border: 1px solid rgb(221, 221, 221); } .sideClip1__contents--actor .sideClip1__listItem { background: rgb(255, 255, 255); padding: 5px 10px; } .sideClip1__contents--actor .sideClip1__listItem:nth-child(2n+1) { background: rgb(248, 248, 248); } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom { display: flex; } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom span { width: 5.5em; line-height: 1.4; } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom p { width: calc(100% - 5.5em); line-height: 1.4; margin-top: 10px; } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom p:first-of-type { margin: 0px; } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom small { display: inline-block; margin-left: 5px; } .sideClip2__contents .sideClip2__list { background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 10px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .sideClip2__contents .sideClip2__list { margin-bottom: 10px; } } .sideClip2__contents .sideClip2__list .sideClip2__listItem:last-child { margin: 0px; } .sideClip2__contents .sideClip2__list .sideClip2__listItem .p-box__figure { width: 70px; } .sideClip2__contents .sideClip2__list .sideClip2__listItem .p-box__body { width: calc(100% - 70px); padding-left: 10px; } .sideRecent__contents .sideRecent__list { background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 10px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .sideRecent__contents .sideRecent__list { margin-bottom: 10px; } } .sideRecent__contents .sideRecent__list .sideRecent__listItem:last-child { margin: 0px; } .sideRecent__contents .sideRecent__list .sideRecent__listItem .p-box__figure { width: 70px; } .sideRecent__contents .sideRecent__list .sideRecent__listItem .p-box__body { width: calc(100% - 70px); padding-left: 10px; } @media screen and (max-width: 768px) { .indexNewMovie { order: 1; } .indexSchedule { order: 2; } .indexScheduleSP--movie { order: 3; } .sideFeature--main { order: 4; } .indexRankingSP--movie { order: 5; } .sideReview--main { order: 6; } .sideDay--main { order: 7; } .wrap--adSP { order: 8; } .indexNewDVD { order: 9; } .indexScheduleSP--disc { order: 10; } .indexRankingSP { order: 11; } .indexRankingSP--houga { order: 12; } .indexRankingSP--youga { order: 13; } .indexRankingSP--drama { order: 14; } .indexRankingSP--korea { order: 15; } .indexOther--gift { order: 16; } .wrap--adSP-2 { order: 17; } .sideClip2--main { order: 18; } .sideRecent--main { order: 19; } .indexScheduleSP--net { display: none; } .indexScheduleSP--tv { display: none; } .indexRankingSP--score { display: none; } .indexOther { display: none; } .indexOther--book { display: none; } .sideClip1--main { display: none; } } @media screen and (max-width: 768px) { .formGroup--keyword { display: flex !important; } } @media screen and (max-width: 768px) { .formGroup--keyword .c-input--search { width: calc(100% - 90px); } } @media screen and (max-width: 768px) { .formGroup--keyword .c-btn { width: 90px; } } .formGroup__col--genre { align-items: center; margin-bottom: -10px; } .formGroup__col--genre .c-check { width: 24%; margin-bottom: 10px; } @media screen and (max-width: 768px) { .formGroup__col--genre .c-check { display: inline-table; } } @media screen and (max-width: 768px) { .formGroup__col--genre .c-check { width: 33%; } } @media screen and (max-width: 600px) { .formGroup__col--genre .c-check { width: 50%; } } .formGroup__col--genre .c-check .c-check__label { letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .formGroup__col--genre .c-check .c-check__label { letter-spacing: -0.05em; } } @media screen and (max-width: 600px) { .formGroup__col--release, .formGroup__col--year { margin-bottom: -10px; } } .formGroup__col--release .col, .formGroup__col--year .col { width: auto; flex-grow: 0; } @media screen and (max-width: 600px) { .formGroup__col--release .col, .formGroup__col--year .col { width: 100%; } } .formGroup__col--release .col .col__item, .formGroup__col--year .col .col__item { display: flex; width: auto; align-items: center; } @media screen and (max-width: 600px) { .formGroup__col--release .col .col__item, .formGroup__col--year .col .col__item { width: 50%; } } @media screen and (max-width: 600px) { .formGroup__col--release .col .col__item .range, .formGroup__col--year .col .col__item .range { margin: -10px 3px 0px -3px; } } .formGroup__col--release .c-select__box, .formGroup__col--year .c-select__box { width: auto; } @media screen and (max-width: 600px) { .formGroup__col--release .c-select__box, .formGroup__col--year .c-select__box { width: 90%; } } .formGroup__col--release .c-select__box .c-select, .formGroup__col--year .c-select__box .c-select { font-size: 12px; padding: 0.8em 2.2em 0.8em 0.8em; } .formGroup__col--release .c-select__box, .formGroup__col--release .month, .formGroup__col--release .year, .formGroup__col--year .c-select__box, .formGroup__col--year .month, .formGroup__col--year .year { margin-right: 5px; } @media screen and (max-width: 600px) { .formGroup__col--release .c-select__box, .formGroup__col--release .month, .formGroup__col--release .year, .formGroup__col--year .c-select__box, .formGroup__col--year .month, .formGroup__col--year .year { margin-bottom: 10px; } } .formGroup__col--release .range, .formGroup__col--year .range { margin: 0px 10px 0px 5px; } @media screen and (max-width: 600px) { .formGroup__col--release .range, .formGroup__col--year .range { margin: -10px 0px 0px; display: block; } } .formGroup__col--country { display: flex; justify-content: space-between; align-items: center; padding-right: 20px; } @media screen and (max-width: 768px) { .formGroup__col--country { padding: 0px; } } @media screen and (max-width: 600px) { .formGroup__col--country { justify-content: flex-start; flex-wrap: wrap; margin-bottom: -10px; } .formGroup__col--country .c-check { margin: 0px 20px 10px 0px; } } @media screen and (max-width: 414px) { .formGroup__col--country .c-check { width: 50%; margin: 0px 0px 10px; } } .aiueo__wrap { display: flex; margin-top: 20px; } @media screen and (max-width: 768px) { .aiueo__wrap { margin: 0px -2.5px -10px; flex-wrap: wrap; } } @media screen and (max-width: 414px) { .aiueo__wrap { margin: 0px -2.5px -5px; } } .aiueo__wrap .aiueo__list { display: flex; } @media screen and (max-width: 768px) { .aiueo__wrap .aiueo__list { width: 33.33%; } } @media screen and (max-width: 600px) { .aiueo__wrap .aiueo__list { width: 50%; } } @media screen and (max-width: 414px) { .aiueo__wrap .aiueo__list { width: 100%; } } @media screen and (max-width: 768px) { .aiueo__wrap .aiueo__list:last-child .aiueo__listItem.empty { visibility: hidden; } } .aiueo__wrap .aiueo__list .aiueo__listItem { margin: 0px 2.5px; } @media screen and (max-width: 768px) { .aiueo__wrap .aiueo__list .aiueo__listItem { width: 20%; margin: 0px 2.5px 6px; } .aiueo__wrap .aiueo__list .aiueo__listItem a { height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(221, 221, 221); font-size: 11px; } } @media screen and (max-width: 414px) { .aiueo__wrap .aiueo__list .aiueo__listItem { margin: 0px 2.5px 5px; } } .aiueo__wrap .aiueo__list .aiueo__listItem.empty { display: none; background: rgb(248, 248, 248); pointer-events: none; } @media screen and (max-width: 768px) { .aiueo__wrap .aiueo__list .aiueo__listItem.empty { display: block; } } .searchResult__nav { display: flex; flex-wrap: wrap; margin-bottom: 30px; } @media screen and (max-width: 768px) { .searchResult__nav { margin-bottom: 10px; } } .searchResult__nav .searchResult__navItem { font-size: 14px; margin-right: 30px; } @media screen and (max-width: 600px) { .searchResult__nav .searchResult__navItem { width: 100%; } } .searchResult__nav .searchResult__navItem::before { content: ""; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent rgb(14, 164, 227); display: inline-block; } .searchResult__nav .searchResult__navItem a { color: rgb(34, 34, 34); text-decoration: underline; } .searchResult__nav .searchResult__navItem a span { color: rgb(14, 164, 227); font-weight: bold; } @media screen and (max-width: 768px) { .searchResult__contents .p-pagination:first-of-type { display: none; } } .searchResult__list--movie { margin-bottom: 40px; } @media screen and (max-width: 768px) { .searchResult__list--movie { margin-bottom: 0px; } } .searchResult__list--movie .p-slider--searchResult { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -25px; } @media screen and (max-width: 768px) { .searchResult__list--movie .p-slider--searchResult { margin-bottom: 0px; flex-wrap: nowrap; justify-content: flex-start; } } .searchResult__list--movie .searchResult__listItem--movie { width: 48%; margin-bottom: 25px; } @media screen and (max-width: 768px) { .searchResult__list--movie .searchResult__listItem--movie { width: 130px; margin-right: 20px; } } @media screen and (max-width: 768px) { .searchResult__list--movie .searchResult__listItem--movie .p-box { flex-direction: column; margin-bottom: 0px; } } .searchResult__list--movie .searchResult__listItem--movie .p-box__figure { width: 130px; } @media screen and (max-width: 768px) { .searchResult__list--movie .searchResult__listItem--movie .p-box__figure { width: 100%; margin-bottom: 10px; } } .searchResult__list--movie .searchResult__listItem--movie .p-box__body { width: calc(100% - 130px); padding-left: 20px; } @media screen and (max-width: 768px) { .searchResult__list--movie .searchResult__listItem--movie .p-box__body { width: 100%; padding: 0px; } } @media screen and (max-width: 768px) { .searchResult__list--movie .searchResult__listItem--movie .p-box__desc { margin-bottom: 10px; } } .searchResult__list--disc { margin-bottom: 40px; } @media screen and (max-width: 768px) { .searchResult__list--disc { margin-bottom: 0px; } } .searchResult__list--disc .p-slider--searchResult { display: flex; justify-content: flex-start; margin-bottom: -25px; } @media screen and (max-width: 768px) { .searchResult__list--disc .p-slider--searchResult { margin-bottom: 0px; } } .searchResult__list--disc .searchResult__listItem--disc { width: 130px; margin: 0px 51px 25px 0px; } @media screen and (max-width: 768px) { .searchResult__list--disc .searchResult__listItem--disc { margin: 0px 20px 25px 0px; } } .searchResult__list--disc .searchResult__listItem--disc:nth-child(5n) { margin-right: 0px; } @media screen and (max-width: 768px) { .searchResult__list--disc .searchResult__listItem--disc .p-box { flex-direction: column; margin-bottom: 0px; } } .searchResult__list--disc .searchResult__listItem--disc .p-box__figure { width: 130px; } @media screen and (max-width: 768px) { .searchResult__list--disc .searchResult__listItem--disc .p-box__figure { width: 100%; margin-bottom: 10px; } } .searchResult__list--disc .searchResult__listItem--disc .p-box__title { margin-bottom: 0px; } .searchResult__list--disc .searchResult__listItem--disc .p-box__desc { display: none; } @media screen and (max-width: 768px) { .searchResult__list--disc .searchResult__listItem--disc .p-box__desc { display: block; margin-bottom: 10px; } } .searchResult__list--disc .searchResult__listItem--disc .tagcloud__list { display: none; } @media screen and (max-width: 768px) { .searchResult__list--disc .searchResult__listItem--disc .tagcloud__list { display: flex; } } .searchResult__list--net { margin-bottom: 40px; } @media screen and (max-width: 768px) { .searchResult__list--net { margin-bottom: 0px; } } .searchResult__list--net .p-slider--searchResult { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -25px; } @media screen and (max-width: 768px) { .searchResult__list--net .p-slider--searchResult { justify-content: flex-start; margin-bottom: 0px; flex-wrap: nowrap; } } .searchResult__list--net .searchResult__listItem--net { width: 100%; margin-bottom: 25px; } @media screen and (max-width: 768px) { .searchResult__list--net .searchResult__listItem--net { width: 130px; margin-right: 20px; } } @media screen and (max-width: 768px) { .searchResult__list--net .searchResult__listItem--net .p-box { flex-direction: column; margin-bottom: 0px; } } .searchResult__list--net .searchResult__listItem--net .p-box__figure { width: 130px; } @media screen and (max-width: 768px) { .searchResult__list--net .searchResult__listItem--net .p-box__figure { width: 100%; margin-bottom: 10px; } } .searchResult__list--net .searchResult__listItem--net .p-box__body { width: calc(100% - 130px); padding-left: 20px; } @media screen and (max-width: 768px) { .searchResult__list--net .searchResult__listItem--net .p-box__body { width: 100%; padding: 0px; } } @media screen and (max-width: 768px) { .searchResult__list--net .searchResult__listItem--net .p-box__desc { margin-bottom: 10px; } } .searchResult-movie__list { display: flex; flex-wrap: wrap; justify-content: space-between; } .searchResult-movie__list .searchResult-movie__listItem { width: 48%; margin-bottom: 30px; } @media screen and (max-width: 768px) { .searchResult-movie__list .searchResult-movie__listItem { width: 100%; } } .searchResult-movie__list .searchResult-movie__listItem .searchResult-movie__figure { width: 135px; } .searchResult-movie__list .searchResult-movie__listItem .searchResult-movie__body .tagcloud__list { padding-left: 0px; margin-top: 5px; } .searchResult-disc__list { display: flex; flex-wrap: wrap; } @media screen and (max-width: 450px) { .searchResult-disc__list { justify-content: space-between; } } .searchResult-disc__list .searchResult-disc__listItem { width: 135px; margin-right: calc(25% - 168.75px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .searchResult-disc__list .searchResult-disc__listItem { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .searchResult-disc__list .searchResult-disc__listItem { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .searchResult-disc__list .searchResult-disc__listItem { width: 48%; margin-right: 0px !important; } } .searchResult-disc__list .searchResult-disc__listItem:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .searchResult-disc__list .searchResult-disc__listItem:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .searchResult-disc__list .searchResult-disc__listItem:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .searchResult-disc__list .searchResult-disc__listItem:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .searchResult-disc__list .searchResult-disc__listItem:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .searchResult-disc__list .searchResult-disc__listItem:nth-child(3n+3) { margin-right: 0px; } } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__figure { width: 135px; } @media screen and (max-width: 450px) { .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__figure { width: 100%; } } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer { display: flex; flex-direction: column; width: 100%; margin-top: auto; } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer .score { display: flex; align-items: center; flex: 0 0 auto; width: 100%; line-height: 1; margin-top: auto; } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer .score .stars { width: 80px; margin-right: 10px; } @media screen and (max-width: 768px) { .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer .score .stars { width: 74px; margin-right: 6px; } } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer .score .point { color: rgb(34, 34, 34); } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer .score .point .en { font-size: 20px; font-weight: bold; letter-spacing: -0.02em; } .searchResult-disc__list .searchResult-disc__listItem .searchResult-disc__footer .score .point .ja { font-size: 10px; } .searchResult-person__listItem { position: relative; border-bottom: 1px dashed rgb(221, 221, 221); padding: 20px 0px; display: flex; flex-wrap: wrap; } .searchResult-person__listItem:first-child { padding-top: 0px; } @media screen and (max-width: 768px) { .searchResult-person__listItem { display: block; overflow: hidden; padding: 10px 0px; } } .searchResult-person__listItem .searchResult-person__figure { position: relative; width: 112px; background: rgb(255, 255, 255); overflow: hidden; align-self: flex-start; display: block; } @media screen and (max-width: 768px) { .searchResult-person__listItem .searchResult-person__figure { width: 20%; order: 1; float: left; margin: 0px 0px 10px; } } .searchResult-person__listItem .searchResult-person__figure:hover { opacity: 0.8; } .searchResult-person__listItem .searchResult-person__figure::after { content: ""; padding-top: 141.4%; display: block; } .searchResult-person__listItem .searchResult-person__figure .figure__img { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center top; transition: all 0.3s ease 0s; margin: auto; } .searchResult-person__listItem .searchResult-person__heading { width: 100%; line-height: 1.4; margin-bottom: 10px; } .searchResult-person__listItem .searchResult-person__heading h3 { font-size: 16px; } .searchResult-person__listItem .searchResult-person__body { width: calc(100% - 112px); padding-left: 20px; } @media screen and (max-width: 768px) { .searchResult-person__listItem .searchResult-person__body { order: 3; width: 80%; display: inline-block; padding-left: 10px; } } .searchResult-person__listItem .searchResult-person__body .searchResult-person__table { height: 100%; table-layout: fixed; } .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table { min-height: 100%; } @media screen and (max-width: 414px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table { font-size: 11px; } } .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table th, .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table td { padding: 0.3em 0.5em; } .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table th { width: 18%; } @media screen and (max-width: 768px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table th { width: 20%; } } @media screen and (max-width: 600px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table th { width: 27%; } } @media screen and (max-width: 414px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table th { width: 26%; } } @media screen and (max-width: 375px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table th { width: 31%; } } .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table td { width: 32%; } @media screen and (max-width: 768px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table td { width: 80%; } } @media screen and (max-width: 600px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table td { width: 73%; } } @media screen and (max-width: 414px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table td { width: 74%; } } @media screen and (max-width: 375px) { .searchResult-person__listItem .searchResult-person__body .searchResult-person__table .c-table td { width: 69%; } } .searchResult-person__listItem .searchResult-person__more { width: 100%; margin: 20px 0px 0px; } @media screen and (max-width: 768px) { .searchResult-person__listItem .searchResult-person__more { order: 4; margin: 0px; } } .searchResult-person-2__listItem { position: relative; border-bottom: 1px dashed rgb(221, 221, 221); padding: 20px 0px; } .searchResult-person-2__listItem:first-child { padding-top: 0px; } .searchResult-person-2__listItem:last-child { border: 0px; } .searchResult-person-2__listItem h3 { font-size: 16px; margin-bottom: 10px; } .searchResult-person-2__listItem .searchResult-person-2__desc { display: none !important; } @media screen and (max-width: 768px) { .searchResult-person-2__listItem .searchResult-person-2__desc { font-size: 14px; } } .searchResult-person-2__listItem .related { display: flex; align-items: flex-start; flex-wrap: nowrap; } @media screen and (max-width: 414px) { .searchResult-person-2__listItem .related { flex-direction: column; } } .searchResult-person-2__listItem .related span { flex: 0 0 auto; background: rgb(221, 221, 221); font-size: 11px; line-height: 1.8; padding: 4px 10px; margin-right: 5px; } @media screen and (max-width: 414px) { .searchResult-person-2__listItem .related span { margin-bottom: 5px; } } .searchResult-person-2__listItem .related ul { overflow: hidden; } .searchResult-person-2__listItem .related ul li { display: inline-block; float: left; font-size: 16px; font-weight: bold; margin-right: 1em; } @media screen and (max-width: 768px) { .searchResult-person-2__listItem .related ul li { font-size: 14px; } } @media screen and (max-width: 414px) { .searchResult-person-2__listItem .related ul li { margin: 0px 1em 0px 5px; } } .searchResult-person-2__listItem .related ul li::after { display: inline-block; margin: 0px 10px 0px 5px; } .searchResult-article__list .articleList__listItem:first-child { padding-top: 0px; } .personDetail .personDetail__contents { display: flex; flex-wrap: wrap; } .personDetail .personDetail__contents .personDetail__heading { width: 100%; display: flex; align-items: center; margin: 0px 0px 20px; } @media screen and (max-width: 600px) { .personDetail .personDetail__contents .personDetail__heading { align-items: flex-start; } } .personDetail .personDetail__contents .personDetail__heading .clip { margin-right: 10px; } .personDetail .personDetail__contents .personDetail__heading h2 { max-width: calc(100% - 60px); font-size: 24px; font-weight: bold; line-height: 1; } .personDetail .personDetail__contents .personDetail__heading h2 .ruby { font-size: 12px; font-weight: normal; display: block; line-height: 1; margin: 10px 0px 0px; } .personDetail .personDetail__contents .personDetail__data { width: 100%; background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 25px; margin: 0px 0px 20px; } @media screen and (max-width: 768px) { .personDetail .personDetail__contents .personDetail__data { font-size: 12px; padding: 10px; } } .personDetail .personDetail__contents .personDetail__data ul { overflow: hidden; } .personDetail .personDetail__contents .personDetail__data ul li { float: left; font-size: 14px; padding-right: 10px; } .personDetail .personDetail__contents .personDetail__data ul li::after { display: inline-block; } .personDetail .personDetail__contents .personDetail__data ul li:last-child::after { content: none; } .personDetail--history { font-size: 14px; } @media screen and (max-width: 768px) { .personDetail--history .history { font-size: 14px; } } .personDetail--relatedArticles .relatedArticles__listItem { border-bottom: 1px dashed rgb(221, 221, 221); padding: 20px 0px; } .personDetail--relatedArticles .relatedArticles__listItem:first-child { padding-top: 0px; } .personDetail--relatedArticles .relatedArticles__listItem h3 { font-size: 16px; } @media screen and (max-width: 768px) { .personDetail--relatedArticles .relatedArticles__listItem .relatedArticles__desc { font-size: 14px; } } .personDetail--relatedWork h3 { color: rgb(34, 34, 34); font-weight: normal; margin-bottom: 30px; } .personDetail--relatedWork .relatedWork__list--disc { display: flex; margin-bottom: 30px; } .personDetail--relatedWork .relatedWork__listItem--disc { width: 130px; margin-right: 46px; } @media screen and (max-width: 768px) { .personDetail--relatedWork .relatedWork__listItem--disc { margin-right: 20px; } } .personDetail--relatedWork .relatedWork__listItem--disc .p-box .p-box__title { margin-bottom: 0px; } .personDetail--relatedWork .relatedWork__listItem--disc .p-box .p-box__desc, .personDetail--relatedWork .relatedWork__listItem--disc .p-box .tagcloud__list { display: none; } .personDetail--relatedArticles-2 { margin-bottom: 30px; } @media screen and (max-width: 768px) { .personDetail--relatedArticles-2 { width: 100%; overflow: hidden; } } .personDetail--relatedArticles-2 .relatedArticles-2__list { display: flex; margin-bottom: 30px; } @media screen and (max-width: 768px) { .personDetail--relatedArticles-2 .relatedArticles-2__list { width: 2000px; } } .personDetail--relatedArticles-2 .relatedArticles-2__list .relatedArticles__listItem { width: 250px; margin-right: 20px; } .personDetail--relatedArticles-2 .relatedArticles-2__list .relatedArticles__listItem .p-card { border: 0px; } .personDetail--relatedArticles-2 .relatedArticles-2__list .relatedArticles__listItem .p-card .p-card__body { padding: 0px; } .personDetail--relatedArticles-2 .relatedArticles-2__list .relatedArticles__listItem .p-card .p-card__desc { padding: 0px; } .personDetail-relatedWork .personDetail-relatedWork-tab__contents .c-heading--quaternary { margin-bottom: 20px; } .discList__list { display: flex; flex-wrap: wrap; margin: 0px calc(-10% + 67.5px) 30px; } @media screen and (max-width: 768px) { .discList__list { margin: 0px calc(-12.5% + 67.5px) 30px; } } @media screen and (max-width: 600px) { .discList__list { margin: 0px calc(-16.5% + 67.5px) 30px; } } @media screen and (max-width: 414px) { .discList__list { margin: 0px 0px 30px; justify-content: space-around; } } .discList__list .discList__listItem { width: 20%; margin: 0px 0px 40px; } @media screen and (max-width: 768px) { .discList__list .discList__listItem { width: 25%; min-width: 150px; } } @media screen and (max-width: 600px) { .discList__list .discList__listItem { width: 33%; min-width: 140px; } } @media screen and (max-width: 414px) { .discList__list .discList__listItem { width: 50%; min-width: 135px; } } .discList__list .discList__listItem .p-box { width: 135px; margin: 0px auto; } .discList__list .discList__listItem .p-box__title { margin-bottom: 0px; } .articleList .displaySwtich { position: absolute; right: 0px; top: -7px; display: flex; background: rgb(255, 255, 255); padding-left: 10px; margin: 0px 0px 5px; z-index: 1; } .articleList .displaySwtich .displaySwtich__btn { opacity: 0.2; transition: all 0.3s ease-out 0s; } .articleList .displaySwtich .displaySwtich__btn:hover { opacity: 1; } .articleList .displaySwtich .displaySwtich__btn:first-child { margin: 0px 0px 0px auto; } .articleList .displaySwtich .displaySwtich__btn.is-active { opacity: 1; pointer-events: none; } .articleList .displaySwtich .displaySwtich__btn img { padding: 10px; } .articleList .c-form .c-form__searchBox { border: 0px; background: rgb(255, 255, 255); padding: 0px; } @media screen and (max-width: 768px) { .articleList__contents { padding-top: 12px; } } .articleList__list { display: flex; flex-wrap: wrap; margin-bottom: 10px; } @media screen and (max-width: 450px) { .articleList__list { justify-content: space-between; } } .articleList__list .articleList__listItem { width: 100%; border-bottom: 1px dashed rgb(221, 221, 221); padding: 20px 0px; } @media screen and (max-width: 768px) { .articleList__list .articleList__listItem { padding: 10px 0px; } } .articleList__list .articleList__listItem:last-child { border: 0px; } .articleList__list .articleList__figure { width: 135px; } .articleList__list .articleList__figure .c-figure.c-figure--product::after { padding-top: 66.56%; } .articleList__list .articleList__figure .c-figure.c-figure--product .figure__img { background-position: center top; } .articleList__list .articleList__heading .release { display: block; line-height: 1; text-align: right; margin: -6px 0px; } .articleList__list .articleList__listItem--column { width: 135px; margin-right: calc(25% - 168.75px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .articleList__list .articleList__listItem--column { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .articleList__list .articleList__listItem--column { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .articleList__list .articleList__listItem--column { width: 48%; margin-right: 0px !important; } } .articleList__list .articleList__listItem--column:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .articleList__list .articleList__listItem--column:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .articleList__list .articleList__listItem--column:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .articleList__list .articleList__listItem--column:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .articleList__list .articleList__listItem--column:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .articleList__list .articleList__listItem--column:nth-child(3n+3) { margin-right: 0px; } } .articleList__list .articleList__listItem--column .articleList__figure { width: 135px; } @media screen and (max-width: 450px) { .articleList__list .articleList__listItem--column .articleList__figure { width: 100%; } } .articleList__list .articleList__listItem--column .articleList__figure .c-figure.c-figure--product::after { padding-top: 66.56%; } .articleList__list .articleList__listItem--column .articleList__figure .c-figure.c-figure--product .figure__img { background-position: center top; } .articleList__list .articleList__listItem--column .articleList__title .new { display: inline-block; border: 0px; font-size: 0.8em; color: rgb(253, 40, 36); font-weight: bold; line-height: normal; padding: 0px; margin-right: 5px; } .articleDetail { font-size: 15px; } @media screen and (max-width: 768px) { .articleDetail { font-size: 16px; } } .articleDetail .articleDetail__heading { margin-bottom: 40px; } .articleDetail .articleDetail__heading .articleDetail__title { text-align: center; line-height: 1.4; font-size: calc(11px + 1.5625vw); } @media screen and (max-width: 320px) { .articleDetail .articleDetail__heading .articleDetail__title { font-size: 16px; } } @media screen and (min-width: 768px) { .articleDetail .articleDetail__heading .articleDetail__title { font-size: 23px; } } @media screen and (max-width: 768px) { .articleDetail .articleDetail__heading .articleDetail__title { text-align: left; } } .articleDetail .articleDetail__heading .date { text-align: right; display: block; } @media screen and (max-width: 768px) { .articleDetail .articleDetail__heading .date { font-size: 11px; } } .articleDetail .articleDetail__contents { margin-bottom: 60px; } .articleDetail-relatedWork .articleDetail-relatedWork-tab__contents .c-heading--quaternary { margin-bottom: 20px; } .articleDetail__section { margin-bottom: 80px; } .articleDetail__section .articleDetail__subtitle { border-bottom: 1px dashed rgb(221, 221, 221); line-height: 1.4; padding-bottom: 15px; margin-bottom: 15px; font-size: calc(11.1429px + 0.892857vw); } @media screen and (max-width: 320px) { .articleDetail__section .articleDetail__subtitle { font-size: 14px; } } @media screen and (min-width: 768px) { .articleDetail__section .articleDetail__subtitle { font-size: 18px; } } .articleDetail__section .figure__img { margin: 20px auto; text-align: center; } .articleDetail__section figcaption { color: rgb(153, 153, 153); font-size: 11px; text-align: center; margin-bottom: 50px; } .fluid-btnWrap { width: 100%; text-align: center; margin: 10px auto 50px; } .scheduleAll__wrap--search { position: relative; margin-bottom: 30px; } .scheduleAll__wrap--search .scheduleAll-nav { width: 100%; height: 1.5em; font-size: 16px; overflow-y: hidden; margin-bottom: 15px; } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list { display: flex; margin: 0px auto; } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list .scheduleAll-nav__listItem { white-space: nowrap; } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list .scheduleAll-nav__listItem::before { content: "|"; display: inline-block; color: rgb(34, 34, 34); } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list .scheduleAll-nav__listItem:last-child::after { content: "|"; display: inline-block; color: rgb(34, 34, 34); } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list .scheduleAll-nav__listItem.is-active a { color: rgb(34, 34, 34); pointer-events: none; } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list .scheduleAll-nav__listItem a { color: rgb(14, 164, 227); display: inline-block; padding: 0px 10px; } .scheduleAll__wrap--search .scheduleAll-nav .scheduleAll-nav__list .scheduleAll-nav__listItem a:hover { color: rgb(0, 86, 179); } .scheduleAll__wrap--search .scheduleAll-tab { width: 100%; } .scheduleAll__wrap--search .schedule__nav--sp { margin: 0px 0px 20px; } .scheduleAll__wrap--search .scheduleAll-switch { position: absolute; right: 0px; top: 6px; display: flex; } .scheduleAll__wrap--search .scheduleAll-switch .scheduleAll-switch--movie { top: 48px; } @media screen and (max-width: 768px) { .scheduleAll__wrap--search .scheduleAll-switch { position: relative; right: auto; top: auto; margin: 0px 0px 10px; } } .scheduleAll__wrap--search .scheduleAll-switch .scheduleAll-switch__btn { opacity: 0.2; transition: all 0.3s ease-out 0s; } .scheduleAll__wrap--search .scheduleAll-switch .scheduleAll-switch__btn:hover { opacity: 1; } .scheduleAll__wrap--search .scheduleAll-switch .scheduleAll-switch__btn:first-child { margin: 0px 10px 0px auto; } .scheduleAll__wrap--search .scheduleAll-switch .scheduleAll-switch__btn.is-active { opacity: 1; pointer-events: none; } .scheduleAll__wrap--search .scheduleAll-switch-2 { position: absolute; top: 6px; right: 60px; display: flex; font-size: 14px; } @media screen and (max-width: 768px) { .scheduleAll__wrap--search .scheduleAll-switch-2 { position: relative; right: auto; top: auto; float: left; margin: 0px 0px 10px; } } .scheduleAll__wrap--search .scheduleAll-switch-2 span { margin: 0px 8px; } .scheduleAll__wrap--search .scheduleAll-switch-2 a.is-active { color: rgb(34, 34, 34); pointer-events: none; } .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area { margin-left: 0px; } .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-select__box { margin-right: 10px; } @media screen and (max-width: 600px) { .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-select__box { width: 100%; margin: 0px 0px 10px; } } @media screen and (max-width: 600px) { .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-btn { width: 100%; } } .scheduleMovie__list { display: flex; flex-wrap: wrap; margin-bottom: 10px; } @media screen and (max-width: 450px) { .scheduleMovie__list { justify-content: space-between; } } .scheduleMovie__list .scheduleMovie__listItem { width: 100%; border-bottom: 1px dashed rgb(221, 221, 221); padding: 30px 0px; } .scheduleMovie__list .scheduleMovie__listItem:last-child { border: 0px; } .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__figure { width: 135px; } .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__desc { margin-top: 0px; } .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link { width: auto; margin: 10px 0px 0px; } @media screen and (max-width: 600px) { .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link { width: 100%; margin: 10px 0px; } } .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link .c-btn { display: inline-flex; align-items: center; } @media screen and (max-width: 768px) { .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link .c-btn { font-size: 14px; padding: 0.4em 1.2em; } } @media screen and (max-width: 414px) { .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link .c-btn { font-size: 12px; padding: 0.3em 1em; } } .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link .c-btn img { width: 20px; margin-right: 5px; } @media screen and (max-width: 768px) { .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link .c-btn img { width: 15px; } } @media screen and (max-width: 374px) { .scheduleMovie__list .scheduleMovie__listItem .scheduleMovie__link .c-btn span { display: none; } } .scheduleMovie__list .scheduleMovie__listItem--column { width: 135px; margin-right: calc(25% - 168.75px); margin-bottom: 15px; margin-top: 15px; } @media screen and (max-width: 768px) { .scheduleMovie__list .scheduleMovie__listItem--column { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .scheduleMovie__list .scheduleMovie__listItem--column { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .scheduleMovie__list .scheduleMovie__listItem--column { width: 48%; margin-right: 0px !important; } } .scheduleMovie__list .scheduleMovie__listItem--column:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .scheduleMovie__list .scheduleMovie__listItem--column:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .scheduleMovie__list .scheduleMovie__listItem--column:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .scheduleMovie__list .scheduleMovie__listItem--column:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .scheduleMovie__list .scheduleMovie__listItem--column:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .scheduleMovie__list .scheduleMovie__listItem--column:nth-child(3n+3) { margin-right: 0px; } } .scheduleMovie__list .scheduleMovie__listItem--column .scheduleMovie__footer { display: flex; flex-direction: column; width: 100%; margin-top: auto; } .scheduleMovie__list .scheduleMovie__listItem--column .score { display: flex; align-items: center; flex: 0 0 auto; width: 100%; line-height: 1; margin-top: auto; } .scheduleMovie__list .scheduleMovie__listItem--column .score .stars { width: 80px; margin-right: 10px; } @media screen and (max-width: 768px) { .scheduleMovie__list .scheduleMovie__listItem--column .score .stars { width: 74px; margin-right: 6px; } } .scheduleMovie__list .scheduleMovie__listItem--column .score .point { color: rgb(34, 34, 34); } .scheduleMovie__list .scheduleMovie__listItem--column .score .point .en { font-size: 20px; font-weight: bold; letter-spacing: -0.02em; } .scheduleMovie__list .scheduleMovie__listItem--column .score .point .ja { font-size: 10px; } .scheduleMovie__list .scheduleMovie__listItem--column .scheduleMovie__link { width: 100%; } .scheduleMovie__list .scheduleMovie__listItem--column .scheduleMovie__link .c-btn { width: 100%; display: block; font-size: 12px; padding: 2px; margin-top: 5px; } .scheduleMovie__list .scheduleMovie__listItem--column .scheduleMovie__link .c-btn img { width: 15px; margin-right: 5px; } .scheduleDisc__list { width: 100%; display: flex; flex-wrap: wrap; } @media screen and (max-width: 450px) { .scheduleDisc__list { justify-content: space-between; } } .scheduleDisc__list.scheduleDisc__list--rows { justify-content: space-between; margin: 0px 0px 30px; } .scheduleDisc__list .scheduleDisc__listItem { width: 135px; margin-right: calc(25% - 168.75px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .scheduleDisc__list .scheduleDisc__listItem { width: 48%; margin-right: 0px !important; } } .scheduleDisc__list .scheduleDisc__listItem:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem:nth-child(3n+3) { margin-right: 0px; } } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__figure { width: 135px; margin: 0px auto; } @media screen and (max-width: 450px) { .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__figure { width: 100%; } } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__body { width: 135px; margin: 5px auto 0px; } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer { display: flex; flex-direction: column; width: 100%; margin-top: auto; } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer .score { display: flex; align-items: center; flex: 0 0 auto; width: 100%; line-height: 1; margin-top: auto; } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer .score .stars { width: 80px; margin-right: 10px; } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer .score .stars { width: 74px; margin-right: 6px; } } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer .score .point { color: rgb(34, 34, 34); } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer .score .point .en { font-size: 20px; font-weight: bold; letter-spacing: -0.02em; } .scheduleDisc__list .scheduleDisc__listItem .scheduleDisc__footer .score .point .ja { font-size: 10px; } .scheduleDisc__list .scheduleDisc__listItem .shop { width: 135px; margin: 10px auto 0px; } .scheduleDisc__list .scheduleDisc__listItem .shop .shop__link { width: 100%; display: block; border: 1px solid rgb(221, 221, 221); background: rgb(255, 255, 255); box-sizing: border-box; margin-bottom: 10px; } .scheduleDisc__list .scheduleDisc__listItem .shop .shop__link .figure__img { width: 135px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; display: block; } .scheduleDisc__list .scheduleDisc__listItem .shop .shop__txt { color: rgb(253, 50, 47); font-weight: bold; display: block; text-align: center; margin: -5px auto 0px; } .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row { width: 48%; margin-bottom: 30px; margin-right: 0px; } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row { width: 100% !important; margin-right: 0px; } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row { margin-right: 0px; } } @media screen and (max-width: 450px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row { width: 100%; margin-right: 0px !important; } } .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row:nth-child(5n+5) { margin-right: 0px; } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row:nth-child(5n+5) { margin-right: 0px; } } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row:nth-child(3n+3) { margin-right: 0px; } } @media screen and (max-width: 450px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row .scheduleDisc__figure { width: 135px; } } .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row .scheduleDisc__body { width: calc(100% - 135px); padding-left: 20px; margin-top: 0px; } .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row .scheduleDisc__body .scheduleDisc__ttl { font-size: 16px; } @media screen and (max-width: 768px) { .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row .scheduleDisc__body .scheduleDisc__ttl { font-size: 14px; } } .scheduleDisc__list .scheduleDisc__listItem.p-listItem--row .scheduleDisc__body .scheduleDisc__desc { margin-top: 0px; } .scheduleTV__listItem { margin-bottom: 40px; list-style: none; } .scheduleTV-program__list { margin-top: 20px; } .scheduleTV-program__list .scheduleTV-program__listItem { background: rgb(248, 248, 248); padding: 5px 10px; } .scheduleTV-program__list .scheduleTV-program__listItem:nth-child(2n) { background: rgb(255, 255, 255); } .scheduleTV-program__list .scheduleTV__ttl { font-size: 16px; } @media screen and (max-width: 768px) { .scheduleTV-program__list .scheduleTV__ttl { font-size: 14px; } } .ranking-tab { margin-top: 10px; } .ranking__nav--sp { margin: 10px 0px; } .ranking__listItem { border-bottom: 1px dashed rgb(221, 221, 221); padding-bottom: 20px; margin-bottom: 20px; } .reviewList-top { margin-bottom: 40px; } .reviewList-top .reviewList-top__listItem .reviewList-top__figure { width: 110px; } .reviewList-top .reviewList-top__listItem .reviewList-top__body { width: calc(100% - 110px); } .reviewList-top .reviewList-top__listItem .reviewList-top__body .tagcloud__list { padding-left: 20px; } @media screen and (max-width: 768px) { .reviewList-top .reviewList-top__listItem .reviewList-top__body .tagcloud__list { padding-left: 0px; } } .reviewList-top .reviewList-top__listItem .reviewList-top__ttl { font-size: 16px; } .reviewList-top .reviewList-top__listItem .reviewList-top__link { width: 50%; margin: 40px auto 0px; } @media screen and (max-width: 600px) { .reviewList-top .reviewList-top__listItem .reviewList-top__link { width: 100%; } } .reviewList-top .reviewList-top__listItem .reviewList-top__link .c-btn { display: block; } .reviewList-top .reviewList-top__listItem .reviewList-top__link .c-btn img { margin-right: 5px; } .reviewList__list .reviewList__listItem { padding: 30px 0px; border-bottom: 1px dashed rgb(221, 221, 221); } .reviewList__list .reviewList__listItem:last-child { border: 0px; } .reviewList__list .reviewList-listItem__header { display: flex; margin-bottom: 10px; } .reviewList__list .reviewList__figure { width: 60px; height: 60px; flex: 0 0 auto; margin-right: 10px; } .reviewList__list .reviewList__body { width: calc(100% - 70px); flex-direction: column; padding-left: 0px; } .reviewList__list .reviewList__body .reviewList__heading { display: flex; flex-wrap: wrap; align-items: flex-start; } .reviewList__list .reviewList__body .reviewList__heading .col--left { width: 48%; } @media screen and (max-width: 768px) { .reviewList__list .reviewList__body .reviewList__heading .col--left { width: 100%; } } .reviewList__list .reviewList__body .reviewList__heading .col--left.is-fluid { width: 100%; } .reviewList__list .reviewList__body .reviewList__heading .col--left .reviewList__reviewer { font-size: 14px; font-weight: normal; margin-bottom: 5px; } .reviewList__list .reviewList__body .reviewList__heading .col--left .genre__list { margin-bottom: 20px; } .reviewList__list .reviewList__body .reviewList__heading .col--left .dateList { display: block; margin-bottom: 10px; } .reviewList__list .reviewList__body .reviewList__heading .col--left .dateList span { display: inline-block; color: rgb(177, 177, 177); line-height: 1; } .reviewList__list .reviewList__body .reviewList__heading .col--left .dateList span.date-post { color: rgb(0, 0, 0); margin-right: 20px; } .reviewList__list .reviewList__body .reviewList__heading .col--right { width: 52%; display: flex; } @media screen and (max-width: 768px) { .reviewList__list .reviewList__body .reviewList__heading .col--right { display: none; } } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list { display: flex; margin-left: auto; } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem { width: 80px; background-repeat: no-repeat; background-position: left 9px center; background-size: 18px; display: flex; align-items: center; justify-content: center; border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-right-style: initial; border-right-color: initial; padding: 4px 0px 4px 35px; } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem:first-child { background: rgb(248, 248, 248); padding: 5px 0px; } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem:last-child { border-right: 1px solid rgb(221, 221, 221); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem.is-active span { color: rgb(14, 164, 227); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem span { width: 70px; color: rgb(153, 153, 153); font-size: 10px; line-height: 1.2; } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem img { height: 20px; margin-right: 5px; } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--movie { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--movie.is-active { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--disc { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--disc.is-active { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--net { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--net.is-active { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--tv { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col--right .watching__list .watching__listItem--tv.is-active { background-image: url(""); } .reviewList__list .reviewList__body .reviewList__heading .col { width: 100%; } .reviewList__list .reviewList__body .reviewList__heading .col.is-bottom { align-items: flex-start; margin: auto 0px 10px; } .reviewList__list .reviewList__body .reviewList__heading .col.is-bottom .tagcloud__list { flex-wrap: wrap; padding-left: 20px; } @media screen and (max-width: 768px) { .reviewList__list .reviewList__body .reviewList__heading .col.is-bottom .tagcloud__list { width: calc(100% + 70px); padding-left: 0px; margin: 10px 0px 0px -70px; } } .reviewList__list .reviewList-listItem__review { width: 100%; display: flex; align-items: center; flex-wrap: wrap; } .reviewList__list .reviewList-listItem__review.has-netabare .netabare { display: inline-block; } .reviewList__list .reviewList-listItem__review .netabare { display: none; float: left; font-size: 11px; font-weight: normal; line-height: 1; color: rgb(255, 255, 255); background: rgb(251, 38, 3); padding: 2px 8px; margin-right: 5px; } @media screen and (max-width: 600px) { .reviewList__list .reviewList-listItem__review .netabare { float: none; margin-bottom: 5px; } } .reviewList__list .reviewList-listItem__ttl--review { font-size: 16px; display: block; } @media screen and (max-width: 414px) { .reviewList__list .reviewList-listItem__ttl--review { font-size: 14px; } } .reviewList__list .reviewList__desc { width: 100%; margin-top: 10px !important; } .reviewList__list .reviewList__desc .reviewList__caution { color: rgb(251, 38, 3); font-size: 16px; text-decoration: underline; } .reviewDetail__list { border-bottom: 1px dashed rgb(221, 221, 221); margin-bottom: 20px; } .formGroup__col--score .c-input { width: 8em; } .formGroup__col--score span { margin: auto 0px 0px 5px; } .formGroup__col--impression { margin-bottom: -8px; } @media screen and (max-width: 768px) { .formGroup__col--impression { margin-bottom: -5px; } } .formGroup__col--impression .c-check--tag { margin: 0px 10px 8px 0px; } @media screen and (max-width: 768px) { .formGroup__col--impression .c-check--tag { margin: 0px 10px 5px 0px; } } .formGroup__col--reviewTitle .c-input { width: 100%; } .formGroup__col--reviewText .c-textarea { width: 100%; } .formGroup__col--reviewText .limit { margin: 3px 0px 0px auto; } @media screen and (max-width: 600px) { .formGroup__col--netabare .c-check__label { white-space: normal; letter-spacing: -0.02em; line-height: 1.3; } } .formGroup__col--netabare .c-check__label br { display: none; } @media screen and (max-width: 600px) { .formGroup__col--netabare .c-check__label br { display: block; } } .formGroup__col--watching { margin-bottom: -15px; } @media screen and (max-width: 768px) { .formGroup__col--watching { margin-bottom: -5px; } } .formGroup__col--watching .c-check { margin: 0px 15px 15px 0px; } @media screen and (max-width: 768px) { .formGroup__col--watching .c-check { margin: 0px 15px 5px 0px; } } .reviewList-expart__listItem { padding: 30px 0px; border-bottom: 1px dashed rgb(221, 221, 221); } @media screen and (max-width: 414px) { .reviewList-expart__listItem { flex-direction: column; } } .reviewList-expart__listItem:first-child { padding-top: 10px; } .reviewList-expart__listItem:last-child { border: 0px; } .reviewList-expart__listItem .review__figure { width: 110px; } @media screen and (max-width: 414px) { .reviewList-expart__listItem .review__figure { width: 135px; margin: 0px auto 10px; } } .reviewList-expart__listItem .reviewList-expart__body { width: calc(100% - 110px); margin-bottom: 0px; } @media screen and (max-width: 414px) { .reviewList-expart__listItem .reviewList-expart__body { width: 100%; background: rgb(248, 248, 248); padding: 0px 0px 10px; margin-bottom: 20px; } } .reviewList-expart__listItem .reviewList-expart__body .reviewList-expart__movieName { margin-bottom: 0px; } @media screen and (max-width: 768px) { .reviewList-expart__listItem .reviewList-expart__body .reviewList-expart__movieName { margin: 0px 0px 20px; } } @media screen and (max-width: 414px) { .reviewList-expart__listItem .reviewList-expart__body .reviewList-expart__movieName { width: 100%; font-size: 18px; text-align: center; background: rgb(255, 255, 255); display: block; padding-bottom: 10px; margin-bottom: 20px; } } .reviewList-expart__listItem .reviewList-expart__body .genre__list { margin-top: 2px; margin-bottom: 0px; } .reviewList-expart__listItem .reviewDetail-expart__body { width: 100%; } .reviewList-expart__listItem .reviewDetail-expart__body .reviewList__heading .reviewList-expart__reviewer { color: rgb(34, 34, 34); margin-bottom: 5px; } .reviewList-expart__listItem .reviewDetail-expart__body .reviewList__heading .col.is-bottom { margin-bottom: 0px; } .reviewList-expart__listItem .reviewList-expart__reviewerInfo { display: flex; margin-bottom: 0px; } @media screen and (max-width: 414px) { .reviewList-expart__listItem .reviewList-expart__reviewerInfo { padding: 0px 20px; } } .reviewList-expart__listItem .reviewList-expart__reviewerInfo .reviewList-expart__figure { width: 60px; height: 60px; flex: 0 0 auto; margin-right: 10px; } .reviewList-expart__listItem .reviewList-expart__reviewerInfo .col--right { width: auto; display: flex; flex-direction: column; padding-left: 0px; } .reviewList-expart__listItem .reviewList-expart__reviewerInfo .col--right small { display: block; line-height: 1; font-size: 11px; margin-bottom: 2px; } @media screen and (max-width: 768px) { .reviewList-expart__listItem .reviewList-expart__reviewerInfo .col--right small { margin-bottom: 5px; } } .reviewList-expart__listItem .reviewList-expart__reviewerInfo .col--right .reviewList-expart__reviewer { color: rgb(34, 34, 34); font-size: 14px; font-weight: bold; align-items: flex-start; margin-bottom: 2px; } .reviewList-expart__listItem .reviewList-expart__reviewerInfo .col--right .release { display: block; line-height: 1.2; margin-bottom: 0px; } @media screen and (max-width: 414px) { .reviewList-expart__listItem .reviewList-expart__reviewerInfo .col--right .release { margin-bottom: 6px; } } .reviewList-expart__listItem .reviewList-expart__desc { margin-top: 5px; } @media screen and (max-width: 414px) { .reviewList-expart__listItem .reviewList-expart__desc { padding: 0px 20px !important; } } .reviewList-expart__listItem .reviewList-expart__desc .reviewList-expart__ttl { font-size: 14px; margin-bottom: 5px; } .reviewList-expart__listItem .reviewList-expart__more { width: 100%; } .reviewList-expart__listItem .reviewList-expart__more .link--more { line-height: 1.5; } .bookList__list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px 0px; margin-bottom: -20px; } .bookList__list .bookList__listItem { width: 48%; margin-bottom: 20px; } @media screen and (max-width: 600px) { .bookList__list .bookList__listItem { width: 100%; } } .bookList__list .bookList__figure { width: 135px; } .bookList__list .price { letter-spacing: -0.02em; } .bookList__list .price.is-bottom { margin-top: auto; } .bookList__list .price .ja { background: rgb(221, 221, 221); padding: 2px 5px; margin-right: 2px; } .bookList__list .price .yen { font-size: 16px; font-weight: bold; } .bookList__list .price .tax { font-size: 12px; font-weight: bold; margin-left: -1px; } .bookDetail-top { overflow: hidden; margin-bottom: 30px; } .bookDetail-top .bookDetail-top__heading { width: calc(100% - 200px); float: right; padding-left: 50px; margin-bottom: 20px; } @media screen and (max-width: 600px) { .bookDetail-top .bookDetail-top__heading { width: 100%; float: none; padding: 0px; } } .bookDetail-top .bookDetail-top__heading .bookDetail-top__title { font-size: 18px; margin-bottom: 5px; } .bookDetail-top .bookDetail-top__heading .category { color: rgb(153, 153, 153); display: block; margin-bottom: 10px; } .bookDetail-top .col--left { width: 200px; float: left; } @media screen and (max-width: 600px) { .bookDetail-top .col--left { width: 100%; float: none; margin-bottom: 30px; } } .bookDetail-top .col--left .bookDetail-top__figure { width: 200px; margin-bottom: 10px; } @media screen and (max-width: 600px) { .bookDetail-top .col--left .bookDetail-top__figure { margin: 0px auto 20px; } } .bookDetail-top .col--left .bookDetail-top__slider--controll { background: rgb(248, 248, 248); border-radius: 5px; display: flex; justify-content: space-between; padding: 15px 20px; margin-bottom: 10px; } @media screen and (max-width: 600px) { .bookDetail-top .col--left .bookDetail-top__slider--controll { justify-content: center; } } .bookDetail-top .col--left .bookDetail-top__slider--controll .btn--controll { width: 48px; height: 48px; color: rgb(221, 221, 221); background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 5px; display: flex; justify-content: center; align-items: center; } @media screen and (max-width: 600px) { .bookDetail-top .col--left .bookDetail-top__slider--controll .btn--controll { margin: 0px 5px; } } .bookDetail-top .col--left .bookDetail-top__slider--controll .btn--controll.is-active, .bookDetail-top .col--left .bookDetail-top__slider--controll .btn--controll:hover { color: rgb(255, 255, 255); background: rgb(14, 164, 227); border-color: rgb(14, 164, 227); } .bookDetail-top .col--left .purchase__list { margin-bottom: -10px; } .bookDetail-top .col--left .purchase__list .purchase__listItem { margin-bottom: 10px; } .bookDetail-top .col--left .purchase__list .purchase__listItem a { width: 100%; background: rgb(255, 255, 255); display: block; text-align: center; padding: 2px; } .bookDetail-top .col--left .purchase__list .purchase__listItem.purchase__listItem--amazon a { color: rgb(254, 163, 42); border: 1px solid rgb(254, 163, 42); } .bookDetail-top .col--left .purchase__list .purchase__listItem.purchase__listItem--hmv a { color: rgb(127, 197, 14); border: 1px solid rgb(127, 197, 14); } .bookDetail-top .col--left .purchase__list .purchase__listItem.purchase__listItem--seven a { color: rgb(254, 76, 74); border: 1px solid rgb(254, 76, 74); } .bookDetail-top .col--right { width: calc(100% - 200px); float: right; padding-left: 50px; } @media screen and (max-width: 600px) { .bookDetail-top .col--right { width: 100%; float: none; padding: 0px; } } .bookDetail-top .col--right .bookDetail-top__desc--2 { margin-bottom: 50px; } .bookDetail-top .col--right .bookDetail-top__table { font-size: 12px; } .bookDetail-top .col--right .bookDetail-top__table th, .bookDetail-top .col--right .bookDetail-top__table td { padding: 3px 10px; text-align: left; } .bookDetail-top .col--right .bookDetail-top__table th { width: 80px; } .bookDetail-top__trial { margin-bottom: 30px; } .bookDetail__desc--3 { margin-bottom: 30px; } @media screen and (max-width: 768px) { .previewList__contents .p-pagination:first-of-type { display: none; } } .previewList__list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 0px 30px; margin-bottom: -20px; } .previewList__list .previewList__listItem { position: relative; width: 48%; margin-bottom: 20px; } @media screen and (max-width: 600px) { .previewList__list .previewList__listItem { width: 100%; } } .previewList__list .previewList__listItem .previewList__figure { width: 135px; } .previewList__list .previewList__listItem .closed { display: none; } .previewList__list .previewList__listItem.is-closed::before { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.6); z-index: 2; } .previewList__list .previewList__listItem.is-closed > :not(.closed) { opacity: 0.3; } .previewList__list .previewList__listItem.is-closed .closed { position: absolute; right: 0px; bottom: 0px; width: calc(100% - 155px); background: rgb(67, 67, 67); font-size: 12px; color: rgb(255, 255, 255); text-align: center; display: block; padding: 5px; z-index: 3; } @media screen and (max-width: 414px) { .previewList__list .previewList__listItem.is-closed .closed { width: 80%; inset: 50% auto auto 50%; transform: translate(-50%, -50%); font-size: 12px; } } .previewDetail-top { overflow: hidden; margin-bottom: 30px; } .previewDetail-top .previewDetail-top__heading { width: calc(100% - 200px); float: right; padding-left: 50px; margin-bottom: 20px; } @media screen and (max-width: 600px) { .previewDetail-top .previewDetail-top__heading { width: 100%; float: none; padding: 0px; } } .previewDetail-top .previewDetail-top__heading .previewDetail-top__title { font-size: 18px; margin-bottom: 5px; } .previewDetail-top .col--left { width: 200px; float: left; } @media screen and (max-width: 600px) { .previewDetail-top .col--left { width: 100%; float: none; margin-bottom: 30px; } } .previewDetail-top .col--left .previewDetail-top__figure { width: 200px; margin-bottom: 10px; } @media screen and (max-width: 600px) { .previewDetail-top .col--left .previewDetail-top__figure { margin: 0px auto 20px; } } .previewDetail-top .col--left .previewDetail-top-btn__list { margin-bottom: -5px; } .previewDetail-top .col--left .previewDetail-top-btn__list .previewDetail-top-btn__listItem { margin-bottom: 5px; } .previewDetail-top .col--left .previewDetail-top-btn__list .previewDetail-top-btn__listItem .c-btn { width: 100%; display: block; text-align: center; padding: 2px; } @media screen and (max-width: 768px) { .previewDetail-top .col--left .previewDetail-top-btn__list .previewDetail-top-btn__listItem .c-btn { font-size: 12px; } } .previewDetail-top .col--right { width: calc(100% - 200px); float: right; padding-left: 50px; } @media screen and (max-width: 600px) { .previewDetail-top .col--right { width: 100%; float: none; padding: 0px; } } .previewDetail-top .col--right .previewDetail-top__desc--2 { margin-bottom: 50px; } .previewDetail-top .col--right .previewDetail-top__table { font-size: 12px; } .previewDetail-top .col--right .previewDetail-top__table th, .previewDetail-top .col--right .previewDetail-top__table td { padding: 3px 10px; text-align: left; } .previewDetail-top .col--right .previewDetail-top__table th { width: 80px; } .previewDetail-top__table { width: 100%; font-size: 12px; margin-bottom: 20px; } .previewDetail-top__table th { width: 120px; } @media screen and (max-width: 414px) { .previewDetail-top__table th { width: 90px; } } .previewDetail-top__back { margin-bottom: 30px; } .previewDetail-top__link { text-align: center; margin-bottom: 50px; } .previewDetail-top__link .c-btn { min-width: 210px; display: inline-block; } .previewDetail__form .formGroup__col--previewName { justify-content: space-between; } .previewDetail__form .formGroup__col--previewName .c-input { width: 49%; } @media screen and (max-width: 414px) { .previewDetail__form .formGroup__col--previewName .c-input { width: 100%; margin-bottom: 10px; } .previewDetail__form .formGroup__col--previewName .c-input:last-child { margin-bottom: 0px; } } .previewDetail__form .formGroup__col--previewFuri { justify-content: space-between; } .previewDetail__form .formGroup__col--previewFuri .c-input { width: 49%; } @media screen and (max-width: 414px) { .previewDetail__form .formGroup__col--previewFuri .c-input { width: 100%; margin-bottom: 10px; } .previewDetail__form .formGroup__col--previewFuri .c-input:last-child { margin-bottom: 0px; } } .previewDetail__form .formGroup__col--previewAdress01 { align-items: center; margin-bottom: 10px; } .previewDetail__form .formGroup__col--previewAdress01 .c-input { width: 6em; margin: 0px 5px; } .previewDetail__form .formGroup__col--previewAdress02 { margin-bottom: 10px; } .previewDetail__form .formGroup__col--previewAdress03 { margin-bottom: 10px; } .previewDetail__form .formGroup__col--previewAdress03 .c-input { width: 100%; } .previewDetail__form .formGroup__col--previewAdress04 .c-input { width: 100%; } .previewDetail__form .formGroup__col--previewTel { align-items: center; } @media screen and (max-width: 414px) { .previewDetail__form .formGroup__col--previewTel .c-input { width: 100%; } } .previewDetail__form .formGroup__label--mail { font-size: 13px; letter-spacing: -0.04em; } .previewDetail__form .formGroup__col--previewMail { align-items: center; } .previewDetail__form .formGroup__col--previewMail .c-input { width: 50%; } @media screen and (max-width: 414px) { .previewDetail__form .formGroup__col--previewMail .c-input { width: 100%; } } .previewDetail__form .formGroup__col--sex .c-check:first-child { margin-right: 20px; } .previewDetail__form .formGroup__col--previewAge { align-items: center; } .previewDetail__form .formGroup__col--previewAge .c-input { width: 6em; } .previewDetail__form .agreement { margin-bottom: 30px; } @media screen and (max-width: 414px) { .previewDetail__form .agreement { font-size: 12px; line-height: 1.4; } } .login__contents { font-size: 20px; line-height: 2; letter-spacing: 0.02em; } .login .login__form { display: flex; flex-wrap: wrap; justify-content: space-between; } .login .login__form .login__box--mail { width: 48%; margin-bottom: 20px; } @media screen and (max-width: 600px) { .login .login__form .login__box--mail { width: 100%; } } .login .login__form .login__box--sns { width: 48%; margin-bottom: 20px; } @media screen and (max-width: 600px) { .login .login__form .login__box--sns { width: 100%; } } .login .login__form .login__box--registry { width: 100%; } .login .login__form .c-heading--quaternary { color: rgb(14, 164, 227); margin-bottom: 30px; } .login .login__form .login__label { color: rgb(14, 164, 227); display: block; font-size: 14px; font-weight: bold; } .login .login__form .c-input { width: 100%; } .login .login__form .hankaku { display: block; color: rgb(153, 153, 153); text-align: right; } .login .login__form .login__submit { text-align: center; margin-bottom: 10px; } .login .login__form .login__submit .c-btn { min-width: 200px; display: inline-block; margin: 20px auto 10px; } .login .login__form .login__submit .reminder { text-decoration: underline; display: block; font-size: 11px; color: rgb(34, 34, 34); } .login .sns-login__listItem { text-align: center; } .login .sns-login__listItem a { width: 100%; display: block; color: rgb(255, 255, 255); font-size: 14px; background-repeat: no-repeat; background-position: left 20px center; background-size: 20px 20px; padding: 6px; } @media screen and (max-width: 768px) { .login .sns-login__listItem a span { display: none; } } .login .sns-login__listItem.sns-login__listItem--fb { margin-bottom: 20px; } .login .sns-login__listItem.sns-login__listItem--fb a { background-color: rgb(62, 98, 150); background-image: url(""); } .login .sns-login__listItem.sns-login__listItem--tw { margin-bottom: 20px; } .login .sns-login__listItem.sns-login__listItem--tw a { background-color: rgb(89, 180, 227); background-image: url(""); } .login .sns-login__listItem.sns-login__listItem--go a { background-color: rgb(230, 89, 61); background-image: url(""); } .registry .formGroup--inline .c-label { width: 20%; } @media screen and (max-width: 768px) { .registry .formGroup--inline .c-label { width: 100%; } } .registry .formGroup--inline .formGroup__col { width: 80%; align-items: center; margin-left: 0px; } @media screen and (max-width: 768px) { .registry .formGroup--inline .formGroup__col { width: 100%; } } .registry .formGroup--inline .formGroup__col .c-input { width: 50%; } @media screen and (max-width: 768px) { .registry .formGroup--inline .formGroup__col .c-input { width: 100%; } } @media screen and (max-width: 768px) { .registry .formGroup--inline .formGroup__col span { font-size: 12px; } } .registry .registry__submit { text-align: center; margin: 30px auto 10px; } .registry .registry__submit .c-check .c-check__label { background: transparent; display: inline-flex; flex-wrap: wrap; line-height: 1.8; } @media screen and (max-width: 414px) { .registry .registry__submit .c-check .c-check__label { font-size: 11px; } } .registry .registry__submit .c-check .c-check__label a { text-decoration: underline; } .registry .registry__submit .c-btn { min-width: 200px; display: inline-block; margin: 20px auto 10px; } .complete .complete__heading { font-size: 16px; text-align: center; margin: 50px auto 30px; } @media screen and (max-width: 768px) { .complete .complete__heading { font-size: 18px; } } .complete .complete__desc { text-align: center; margin-bottom: 50px; } .complete .complete__desc p { margin-bottom: 20px; } @media screen and (max-width: 768px) { .complete .complete__desc p { font-size: 14px; } } @media screen and (max-width: 600px) { .complete .complete__desc p { text-align: left; } } .complete .complete__desc p a { text-decoration: underline; } .complete .complete__bottom { width: 100%; background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); display: flex; justify-content: center; flex-wrap: wrap; padding: 30px; margin-bottom: 80px; } .complete .complete__bottom .c-btn { min-width: 210px; margin: 0px 20px; } @media screen and (max-width: 600px) { .complete .complete__bottom .c-btn:last-child { margin-top: 10px; } } .passwordReminder .passwordReminder__contents { margin-bottom: 80px; } .passwordReminder .c-form__searchBox p { margin-bottom: 30px; } @media screen and (max-width: 768px) { .passwordReminder .c-form__searchBox p { line-height: 1.4; margin-bottom: 10px; } } .passwordReminder .c-form__searchBox .c-label { width: 20%; } @media screen and (max-width: 768px) { .passwordReminder .c-form__searchBox .c-label { width: 100%; } } .passwordReminder .c-form__searchBox .formGroup__col { width: 80%; align-items: center; margin-left: 0px; } @media screen and (max-width: 768px) { .passwordReminder .c-form__searchBox .formGroup__col { width: 100%; } } .passwordReminder .c-form__searchBox .formGroup__col .c-input { width: 50%; } @media screen and (max-width: 768px) { .passwordReminder .c-form__searchBox .formGroup__col .c-input { width: 100%; } } .passwordReminder .c-form__searchBox .passwordReminder__submit { text-align: center; margin: 10px auto; } .passwordReminder .c-form__searchBox .passwordReminder__submit .c-btn { min-width: 200px; display: inline-block; margin: 20px auto 10px; } .company__table { font-size: 12px; } @media screen and (max-width: 600px) { .company__table { border: 0px; } } @media screen and (max-width: 600px) { .company__table tr { display: block; margin-bottom: 10px; } } @media screen and (max-width: 600px) { .company__table th, .company__table td { width: 100%; display: block; } } .company__table th { width: 120px; } @media screen and (max-width: 600px) { .company__table th { width: 100%; display: block; border-bottom: 0px; } } .company-business__list { padding-left: 1.2em; } .company-business__list .company-business__listItem::before { content: "●"; display: inline-block; margin-left: -1em; margin-right: 0.2em; } .company-url__list { padding-left: 1.2em; } .company-url__list .company-url__listItem::before { content: "●"; display: inline-block; margin-left: -1em; margin-right: 0.2em; } .terms { line-height: 1.4; } @media screen and (max-width: 768px) { .terms { font-size: 12px; } } .terms .terms__contents { overflow: hidden; } .terms .terms__heading { margin-bottom: 30px; } .terms p { margin-bottom: 30px; } .terms .terms__block { margin-bottom: 20px; } .terms .terms__block h4 { margin-bottom: 20px; } .terms .terms__block .terms__list { list-style-type: decimal; margin-left: 1.5em; } .terms .terms__block .terms__list .terms__listItem { margin-bottom: 5px; } .terms .terms__block .terms__list .terms__listItem .terms__list--sub { margin-left: 1em; } .terms .terms__block .terms__list .terms__listItem .terms__list--sub .terms__listItem--sub { margin-bottom: 5px; } .terms .terms__block--end { margin-top: 30px; float: right; } .privacy { line-height: 1.4; } @media screen and (max-width: 768px) { .privacy { font-size: 12px; } } .privacy .privacy__contents { overflow: hidden; } .privacy .privacy__heading { margin-bottom: 30px; } .privacy p { margin-bottom: 30px; } .privacy .privacy__block { margin-bottom: 20px; } .privacy .privacy__block h4 { margin-bottom: 20px; } .privacy .privacy__block .privacy__list { list-style-type: decimal; margin-left: 1.5em; } .privacy .privacy__block .privacy__list .privacy__listItem { margin-bottom: 5px; } .privacy .privacy__block .privacy__list .privacy__listItem .privacy__list--sub { margin-left: 1em; } .privacy .privacy__block .privacy__list .privacy__listItem .privacy__list--sub .privacy__listItem--sub { margin-bottom: 5px; } .privacy .privacy__block--end { margin-top: 30px; float: right; } .today__calendar { background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); margin-bottom: 30px; } .today__calendar .dateView { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 10px; } @media screen and (max-width: 600px) { .today__calendar .dateView { padding: 5px; } } .today__calendar .dateView__btn { height: 32px; background: rgb(34, 34, 34); color: rgb(255, 255, 255); line-height: 1; display: flex; align-items: center; justify-content: center; padding: 0px 10px; } @media screen and (max-width: 600px) { .today__calendar .dateView__btn { height: 25px; font-size: 12px; padding: 5px; } } .today__calendar .dateView__btn:hover { opacity: 0.8; } .today__calendar .dateView__btn.dateView__btn--prev { margin-right: 50px; } @media screen and (max-width: 600px) { .today__calendar .dateView__btn.dateView__btn--prev { margin-right: auto; } } .today__calendar .dateView__btn.dateView__btn--prev.is-hidden { visibility: hidden; } .today__calendar .dateView__btn.dateView__btn--prev svg { transform: rotate(180deg); margin-right: 5px; margin-left: 0px; } .today__calendar .dateView__btn.dateView__btn--next { margin-left: 40px; } @media screen and (max-width: 600px) { .today__calendar .dateView__btn.dateView__btn--next { margin-left: auto; } } .today__calendar .dateView__btn.dateView__btn--next.is-hidden { visibility: hidden; } .today__calendar .dateView__btn svg { width: 5px; margin-left: 5px; } .today__calendar .dateView__btn .arrow { fill: rgb(14, 164, 227); } .today__calendar .dateView__main { display: flex; align-items: baseline; } .today__calendar .dateView__main .num { width: 46px; height: 60px; display: flex; align-items: center; justify-content: center; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); color: rgb(14, 164, 227); font-size: 48px; font-weight: bold; line-height: 1; margin-right: 4px; box-sizing: border-box; } @media screen and (max-width: 600px) { .today__calendar .dateView__main .num { width: 36px; height: 50px; font-size: 36px; } } @media screen and (max-width: 414px) { .today__calendar .dateView__main .num { width: 25px; height: 30px; font-size: 24px; } } .today__calendar .dateView__main .ja { color: rgb(34, 34, 34); font-size: 18px; font-weight: bold; line-height: 1; margin: auto 5px 0px 0px; } @media screen and (max-width: 414px) { .today__calendar .dateView__main .ja { font-size: 12px; margin: auto 3px 0px 0px; } } .today__calendar .dateView__open, .today__calendar .datePicker__close { position: absolute; right: 10px; bottom: 0px; color: rgb(14, 164, 227); font-size: 15px; transition: transform 0.3s ease 0s, opacity 0.3s ease 0s; } @media screen and (max-width: 768px) { .today__calendar .dateView__open, .today__calendar .datePicker__close { font-size: 14px; } } @media screen and (max-width: 600px) { .today__calendar .dateView__open, .today__calendar .datePicker__close { position: relative; right: auto; width: calc(100% + 10px); display: block; font-size: 14px; border-top: 1px solid rgb(221, 221, 221); padding-top: 5px; margin: 10px -5px 0px; } } .today__calendar .dateView__open::before, .today__calendar .datePicker__close::before { content: "«"; display: inline-block; font-size: 0.8em; transform: rotate(-90deg); margin-right: 5px; } .today__calendar .dateView__open.is-show, .today__calendar .datePicker__close.is-show { transform: none; visibility: visible; opacity: 1; z-index: 1; } .today__calendar .dateView__open.is-hide, .today__calendar .datePicker__close.is-hide { transform: translateY(-15px); visibility: hidden; opacity: 0; z-index: -1; } .today__calendar .datePicker__close::before { transform: rotate(90deg); } .today__calendar .datePicker { padding: 20px; display: none; } @media screen and (max-width: 600px) { .today__calendar .datePicker { padding: 5px; } } .today__calendar .datePicker .datePicker__inner { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); padding: 10px; } @media screen and (max-width: 600px) { .today__calendar .datePicker .datePicker__inner { padding: 10px 5px 0px; } } .today__calendar .datePicker .datePicker__inner .datePicker__input { display: none; } .today__calendar .flatpickr-calendar { width: 100% !important; box-shadow: none; } .today__calendar .flatpickr-calendar .flatpickr-months { justify-content: space-between; overflow: hidden; } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-next-month { width: 36px; height: 36px; top: 50%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; fill: rgb(255, 255, 255); } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover, .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover { background: rgba(0, 0, 0, 0.6); fill: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg, .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg { fill: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-prev-month { left: -38px; } @media screen and (max-width: 600px) { .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-prev-month { left: -30px; } } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-next-month { right: -38px; } @media screen and (max-width: 600px) { .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-next-month { right: -30px; } } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-month { width: 32%; height: 36px; background: rgb(94, 94, 94); color: rgb(255, 255, 255); flex: 0 0 auto; margin-right: 2%; } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-month:last-of-type { margin-right: 0px; } @media screen and (max-width: 600px) { .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-month { width: 100%; margin-right: 0px; } } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-month:nth-last-of-type(2) { background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month { padding: 0px; height: 36px; display: flex; align-items: center; justify-content: center; } .today__calendar .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .numInputWrapper { position: absolute; right: -16%; bottom: 7px; font-size: 12px; } .today__calendar .flatpickr-calendar .flatpickr-rContainer { width: 100%; } .today__calendar .flatpickr-calendar .flatpickr-weekdays { justify-content: space-between; height: 20px; } .today__calendar .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer { width: 32%; height: 20px; background: rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); align-items: center; flex: 0 0 auto; } @media screen and (max-width: 600px) { .today__calendar .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer { width: 100%; } } .today__calendar .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday { color: rgb(153, 153, 153); font-size: 11px; font-weight: normal; } .today__calendar .flatpickr-calendar .flatpickr-days { width: 100% !important; justify-content: space-between; } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer { max-width: 32%; min-width: 32%; border-right: 1px solid rgb(221, 221, 221); width: 32% !important; } @media screen and (max-width: 600px) { .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer { max-width: 100%; min-width: 100%; width: 100% !important; } } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer + .dayContainer { box-shadow: none; } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day { flex: 0 0 auto; height: 34px; color: rgb(14, 164, 227); font-size: 12px; line-height: 34px; border-color: rgb(221, 221, 221) transparent rgb(221, 221, 221) rgb(221, 221, 221); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:hover { color: rgb(255, 255, 255); background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:focus { background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+36) { border-bottom: 1px solid rgb(221, 221, 221); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(7n-6) { border-left: 1px solid rgb(221, 221, 221); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+8) { border-top-color: transparent; } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.hidden { color: rgb(221, 221, 221); visibility: visible; pointer-events: none; } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.today { background: rgba(255, 223, 7, 0.3); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day.selected { color: rgb(255, 255, 255); background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+8):nth-child(-n+14) { background: rgb(248, 248, 248); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+8):nth-child(-n+14):hover, .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+8):nth-child(-n+14):focus, .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+8):nth-child(-n+14).selected { color: rgb(255, 255, 255); background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+8):nth-child(-n+14).today { background: rgba(255, 223, 7, 0.3); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+22):nth-child(-n+28) { background: rgb(248, 248, 248); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+22):nth-child(-n+28):hover, .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+22):nth-child(-n+28):focus, .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+22):nth-child(-n+28).selected { color: rgb(255, 255, 255); background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+22):nth-child(-n+28).today { background: rgba(255, 223, 7, 0.3); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+36):nth-child(-n+42) { background: rgb(248, 248, 248); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+36):nth-child(-n+42):hover, .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+36):nth-child(-n+42):focus, .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+36):nth-child(-n+42).selected { color: rgb(255, 255, 255); background: rgb(14, 164, 227); } .today__calendar .flatpickr-calendar .flatpickr-days .dayContainer .flatpickr-day:nth-child(n+36):nth-child(-n+42).today { background: rgba(255, 223, 7, 0.3); } .today-news { margin-bottom: 30px; } @media screen and (max-width: 768px) { .today-news { margin-bottom: 20px; } } .today-news .today-news__listItem { border-bottom: 1px dashed rgb(221, 221, 221); overflow: hidden; padding: 20px 0px; } .today-news .today-news__listItem:first-child { padding-top: 0px; } .today-news .today-news__listItem:last-child { border-bottom: 0px; padding-bottom: 0px; } .today-news .today-news__listItem img { max-width: 200px; float: left; margin: 0px 20px 20px 0px; } @media screen and (max-width: 768px) { .today-news .today-news__listItem img { width: 33%; max-width: 200px; margin: 0px 10px 10px 0px; } } .today-news .today-news__listItem .today-news-listItem__ttl { font-size: 16px; line-height: 1.4; margin-bottom: 20px; } @media screen and (max-width: 768px) { .today-news .today-news__listItem .today-news-listItem__ttl { margin-bottom: 10px; } } @media screen and (max-width: 768px) { .today-news .today-news__listItem p { font-size: 12px; line-height: 1.5; } } .today-birth { padding-top: 68px; margin-top: -68px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .today-birth { margin-bottom: 20px; } } @media screen and (max-width: 600px) { .today-birth { padding-top: 45px; margin-top: -45px; } } .today-birth .today-birth-person { border-bottom: 1px dashed rgb(221, 221, 221); padding: 20px 0px 0px; } .today-birth .today-birth-person:first-of-type { padding-top: 0px; margin-top: -10px; } .today-birth .today-birth-person:last-child { border: 0px; } .today-birth .today-birth__subtitle { padding: 10px 15px; margin-bottom: 20px; border: 2px solid rgb(14, 164, 227); } @media screen and (max-width: 768px) { .today-birth .today-birth__subtitle { font-size: 14px; } } .today-birth .today-birth__subtitle span { display: inline-block; } .today-birth .today-birth__list { display: flex; flex-wrap: wrap; } @media screen and (max-width: 450px) { .today-birth .today-birth__list { justify-content: space-between; } } .today-birth .today-birth__list .today-birth__listItem { width: 120px; margin-right: calc(20% - 144px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .today-birth .today-birth__list .today-birth__listItem { width: 135px; margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .today-birth .today-birth__list .today-birth__listItem { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .today-birth .today-birth__list .today-birth__listItem { width: 48%; margin-right: 0px !important; } } .today-birth .today-birth__list .today-birth__listItem:nth-child(6n+6) { margin-right: 0px; } @media screen and (max-width: 768px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(6n+6) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(6n+6) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .today-birth .today-birth__list .today-birth__listItem:nth-child(3n+3) { margin-right: 0px; } } .today-birth .today-birth__list .today-birth__listItem .today-birth-listItem__figure { width: 120px; } @media screen and (max-width: 768px) { .today-birth .today-birth__list .today-birth__listItem .today-birth-listItem__figure { width: 135px; } } @media screen and (max-width: 450px) { .today-birth .today-birth__list .today-birth__listItem .today-birth-listItem__figure { width: 100%; } } .today-death { padding-top: 68px; margin-top: -68px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .today-death { margin-bottom: 20px; } } @media screen and (max-width: 600px) { .today-death { padding-top: 45px; margin-top: -45px; } } .today-death .today-death-person { border-bottom: 1px dashed rgb(221, 221, 221); padding: 20px 0px 0px; } .today-death .today-death-person:first-of-type { padding-top: 0px; margin-top: -10px; } .today-death .today-death-person:last-child { border: 0px; } .today-death .today-death__subtitle { background: rgb(248, 248, 248); border-radius: 5px; display: inline-block; padding: 10px 15px; margin-bottom: 20px; } @media screen and (max-width: 768px) { .today-death .today-death__subtitle { font-size: 14px; } } .today-death .today-death__subtitle span { display: inline-block; } .today-death .today-death__list { display: flex; flex-wrap: wrap; } @media screen and (max-width: 450px) { .today-death .today-death__list { justify-content: space-between; } } .today-death .today-death__list .today-death__listItem { width: 120px; margin-right: calc(20% - 144px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .today-death .today-death__list .today-death__listItem { width: 135px; margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .today-death .today-death__list .today-death__listItem { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .today-death .today-death__list .today-death__listItem { width: 48%; margin-right: 0px !important; } } .today-death .today-death__list .today-death__listItem:nth-child(6n+6) { margin-right: 0px; } @media screen and (max-width: 768px) { .today-death .today-death__list .today-death__listItem:nth-child(6n+6) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .today-death .today-death__list .today-death__listItem:nth-child(6n+6) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .today-death .today-death__list .today-death__listItem:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .today-death .today-death__list .today-death__listItem:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .today-death .today-death__list .today-death__listItem:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .today-death .today-death__list .today-death__listItem:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .today-death .today-death__list .today-death__listItem:nth-child(3n+3) { margin-right: 0px; } } .today-death .today-death__list .today-death__listItem .today-death-listItem__figure { width: 120px; } @media screen and (max-width: 768px) { .today-death .today-death__list .today-death__listItem .today-death-listItem__figure { width: 135px; } } @media screen and (max-width: 450px) { .today-death .today-death__list .today-death__listItem .today-death-listItem__figure { width: 100%; } } .contact .formGroup--inline .c-label { width: 20%; } @media screen and (max-width: 768px) { .contact .formGroup--inline .c-label { width: 100%; } } .contact .formGroup--inline .formGroup__col { width: 80%; margin-left: 0px; } @media screen and (max-width: 768px) { .contact .formGroup--inline .formGroup__col { width: 100%; } } .contact .formGroup--inline .formGroup__col--contactName { justify-content: space-between; } .contact .formGroup--inline .formGroup__col--contactName .c-input { width: 49%; } @media screen and (max-width: 768px) { .contact .formGroup--inline .formGroup__col--contactName .c-input { width: 100%; } .contact .formGroup--inline .formGroup__col--contactName .c-input:first-child { margin-bottom: 10px; } } .contact .formGroup--inline .formGroup__col--contactMail { align-items: center; } .contact .formGroup--inline .formGroup__col--contactMail .c-input { width: 49%; } @media screen and (max-width: 768px) { .contact .formGroup--inline .formGroup__col--contactMail .c-input { width: 100%; } } .contact .formGroup--inline .formGroup__col--contactText .c-textarea { width: 100%; } .mypage .mypage-top { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 20px; } @media screen and (max-width: 768px) { .mypage .mypage-top { margin-bottom: 50px; } } .mypage .mypage-top .col--left { width: 350px; margin-right: 30px; } @media screen and (max-width: 768px) { .mypage .mypage-top .col--left { width: 100%; margin: 0px; } } .mypage .mypage-top .col--right { width: 480px; } @media screen and (max-width: 768px) { .mypage .mypage-top .col--right { width: 100%; } } .mypage .mypage-top__heading { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 30px; } .mypage .mypage-top__heading .mypage__figure { width: 85px; height: 85px; margin-right: 15px; } @media screen and (max-width: 414px) { .mypage .mypage-top__heading .mypage__figure { margin: 0px auto 10px; } } .mypage .mypage__profile { display: flex; flex-direction: column; } @media screen and (max-width: 414px) { .mypage .mypage__profile { width: 100%; } } .mypage .mypage__profile .mypage__name { font-size: 18px; font-weight: bold; } @media screen and (max-width: 414px) { .mypage .mypage__profile .mypage__name { text-align: center; margin: 0px auto; } } .mypage .mypage__profile .mypage__info { display: flex; flex-wrap: wrap; margin-top: auto; } @media screen and (max-width: 414px) { .mypage .mypage__profile .mypage__info { font-size: 12px; text-align: center; margin: 0px auto; } } .mypage .mypage__profile .mypage__info dd { margin-right: 15px; } .mypage .mypage__profile .mypage__info dd:last-child { margin-right: 0px; } .mypage .mypage-top__intro { line-height: 1.4; } .mypage .mypage-top-numbers__list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; gap: 30px 0px; } .mypage .mypage-top-numbers__list::before { content: ""; display: block; width: 23%; height: 0px; order: 1; } .mypage .mypage-top-numbers__list::after { content: ""; display: block; width: 23%; height: 0px; } .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem { width: 23%; } .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem .balloon { position: relative; display: flex; justify-content: center; align-items: center; margin: 0px auto 15px; padding: 0px 5px; width: 90px; height: 90px; line-height: 90px; color: rgb(255, 255, 255); font-size: 22px; font-weight: bold; background: rgb(14, 164, 227); border-radius: 50%; box-sizing: border-box; } @media screen and (max-width: 600px) { .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem .balloon { width: 68px; height: 68px; font-size: 18px; } } .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem .balloon::before { content: ""; position: absolute; bottom: -15px; left: 50%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: rgb(14, 164, 227) transparent transparent; border-image: initial; z-index: 0; } .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem .balloon b { font-weight: bold; } .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem span { display: block; text-align: center; margin: 0px auto; } @media screen and (max-width: 600px) { .mypage .mypage-top-numbers__list .mypage-top-numbers__listItem span { font-size: 12px; line-height: 1.4; } } .mypage .mypage-top__config { width: 350px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 100px; } @media screen and (max-width: 768px) { .mypage .mypage-top__config { width: 100%; } } .mypage .mypage-top__config .c-btn { width: 48%; display: flex; align-items: center; justify-content: center; padding: 0.2em 1.5em; } @media screen and (max-width: 600px) { .mypage .mypage-top__config .c-btn { width: 100%; } .mypage .mypage-top__config .c-btn:first-child { margin-bottom: 10px; } } .mypage .mypage-top__config .c-btn img { margin-right: 5px; } .mypage-tab__list { margin-bottom: 20px; } .mypage-tab__list .mypage-tab__listItem { width: 20%; font-size: 14px; padding: 0.3em; } .mypage__nav--sp { margin-bottom: 30px; } .mypageEdit .formGroup--inline .c-label { width: 20%; } @media screen and (max-width: 768px) { .mypageEdit .formGroup--inline .c-label { width: 100%; } } .mypageEdit .formGroup--inline .formGroup__col { width: 80%; } @media screen and (max-width: 768px) { .mypageEdit .formGroup--inline .formGroup__col { width: 100%; } } .mypageEdit .formGroup__col--avator { align-items: center; } .mypageEdit .formGroup__col--avator .mypage__figure { width: 60px; height: 60px; margin-right: 10px; } @media screen and (max-width: 374px) { .mypageEdit .formGroup__col--avator .mypage__figure { margin: 0px auto 10px; } } .mypageEdit .formGroup__col--avator .file-avator__button { background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 2px 10px; } @media screen and (max-width: 374px) { .mypageEdit .formGroup__col--avator .file-avator__button { width: 100%; text-align: center; } } .mypageEdit .formGroup__col--avator .file-avator__button:hover { cursor: pointer; opacity: 0.8; } .mypageEdit .formGroup__col--name { justify-content: space-between; flex-wrap: wrap; } .mypageEdit .formGroup__col--name .c-input { width: 49%; } @media screen and (max-width: 414px) { .mypageEdit .formGroup__col--name .c-input { width: 100%; } .mypageEdit .formGroup__col--name .c-input:first-child { margin-bottom: 10px; } } .mypageEdit .formGroup__col--name span { width: 100%; } .mypageEdit .formGroup__col--nickname { align-items: center; } .mypageEdit .formGroup__col--nickname .c-input { width: 49%; margin-right: 15px; } @media screen and (max-width: 768px) { .mypageEdit .formGroup__col--nickname .c-input { width: 100%; } } .mypageEdit .formGroup__col--sex .c-check { padding: 10px 0px; margin-right: 20px; } .mypageEdit .formGroup__col--age { align-items: center; } .mypageEdit .formGroup__col--intro .c-textarea { width: 100%; } .formGroup__col--sort { position: relative; width: 160px; background: rgb(255, 255, 255); padding-left: 10px; margin: -50px 0px 10px auto; z-index: 2; } @media screen and (max-width: 768px) { .formGroup__col--sort { margin-top: -54px; } } @media screen and (max-width: 414px) { .formGroup__col--sort { width: 100%; padding: 0px; margin: 0px 0px 20px; } } .mypageReview-list__btn--edit { width: 100%; display: block; text-align: right; margin-top: -10px; } @media screen and (max-width: 414px) { .mypageReview-list__btn--edit { text-align: center; } } .mypageReview-list__listItem { flex-wrap: nowrap; } .mypageReview-list__listItem .mypageReview-list-listItem__figure { width: 135px; flex: 0 0 auto; margin-right: 10px; } @media screen and (max-width: 414px) { .mypageReview-list__listItem .mypageReview-list-listItem__figure { width: 60px; } } .mypageReview-list__listItem .mypageReview-list-listItem__body { margin-bottom: 0px; } @media screen and (max-width: 414px) { .mypageReview-list__listItem .mypageReview-list-listItem__body { width: calc(100% - 60px); } } .mypageReview-list__listItem .mypageReview-list-listItem__body .reviewList__heading .col--left { width: 43%; } @media screen and (max-width: 768px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .reviewList__heading .col--left { width: 100%; } } .mypageReview-list__listItem .mypageReview-list-listItem__body .reviewList__heading .col--right { width: 57%; } .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__ttl { font-size: 18px; margin-bottom: 10px; } @media screen and (max-width: 414px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__ttl { font-size: 14px; } } .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review { margin-top: 30px; } @media screen and (max-width: 768px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review { margin-top: 20px; } } @media screen and (max-width: 414px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review { margin-top: 10px; margin-left: -70px; } } .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review.has-netabare .netabare { display: inline-block; } .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review .netabare { display: none; float: left; font-size: 11px; font-weight: normal; line-height: 1; color: rgb(255, 255, 255); background: rgb(251, 38, 3); padding: 2px 8px; margin-right: 5px; } @media screen and (max-width: 600px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review .netabare { float: none; margin-bottom: 5px; } } .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review .hide-review { float: left; font-size: 11px; font-weight: normal; line-height: 1; color: rgb(255, 255, 255); background: rgb(34, 34, 34); padding: 2px 8px; margin-right: 5px; } @media screen and (max-width: 600px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__review .hide-review { float: none; margin-bottom: 5px; } } .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__ttl--review { font-size: 16px; display: flex; margin-bottom: 10px; justify-content: space-between; align-items: center; } @media screen and (max-width: 414px) { .mypageReview-list__listItem .mypageReview-list-listItem__body .mypageReview-list-listItem__ttl--review { font-size: 14px; } } .mypageReview-edit__list { margin-top: -30px; } .mypageReview-edit__listItem .mypageReview-edit-listItem__figure { width: 60px; } .mypageReview-edit__listItem .mypageReview-edit-listItem__body { width: calc(100% - 60px); } .mypageClip-list__listItem { border-bottom: 1px dashed rgb(221, 221, 221); padding: 30px 0px; } @media screen and (max-width: 414px) { .mypageClip-list__listItem { align-items: flex-start; } } .mypageClip-list__listItem:last-child { border: 0px; } .mypageClip-list__listItem .mypageClip-list-listItem__figure { width: 135px; } @media screen and (max-width: 414px) { .mypageClip-list__listItem .mypageClip-list-listItem__figure { width: 90px; } } @media screen and (max-width: 414px) { .mypageClip-list__listItem .mypageClip-list-listItem__body { width: calc(100% - 90px); } } @media screen and (max-width: 414px) { .mypageClip-list__listItem .mypageClip-list-listItem__body .mypageClip-list-listItem__desc { margin-bottom: 10px; } } .mypageClip-list__listItem .col--left { width: calc(100% - 50px); } .mypageConfig .formGroup--inline .c-label { width: 20%; } @media screen and (max-width: 768px) { .mypageConfig .formGroup--inline .c-label { width: 100%; } } .mypageConfig .formGroup--inline .formGroup__col { width: 80%; } @media screen and (max-width: 768px) { .mypageConfig .formGroup--inline .formGroup__col { width: 100%; } } .mypageConfig .formGroup__col--configMail { align-items: center; } .mypageConfig .formGroup__col--configMail .c-input { width: 49%; } @media screen and (max-width: 600px) { .mypageConfig .formGroup__col--configMail .c-input { width: 100%; } } .mypageConfig .formGroup__col--configMagazine { padding: 15px 0px; } @media screen and (max-width: 768px) { .mypageConfig .formGroup__col--configMagazine { padding: 0px; } } .mypageConfig .formGroup__col--configMagazine .c-check { margin-right: 20px; } .mypageConfig .formGroup__col--configMagazine .c-check:last-child { margin-right: 0px; } .mypageConfig .formGroup__col--configSNS .col__item { width: 100%; display: flex; align-items: center; flex-wrap: wrap; } .mypageConfig .formGroup__col--configSNS .col__item:not(:last-child) { margin-bottom: 10px; } .mypageConfig .formGroup__col--configSNS .col__item .service { width: 100px; display: flex; align-items: center; font-weight: bold; margin-right: 20px; } @media screen and (max-width: 375px) { .mypageConfig .formGroup__col--configSNS .col__item .service { width: 90px; font-size: 11px; margin-right: 5px; } } .mypageConfig .formGroup__col--configSNS .col__item .service .logo { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; margin-right: 5px; } .mypageConfig .formGroup__col--configSNS .col__item .service .logo.logo--fb { background: rgb(63, 96, 149); } .mypageConfig .formGroup__col--configSNS .col__item .service .logo.logo--tw { background: rgb(89, 180, 226); } .mypageConfig .formGroup__col--configSNS .col__item .service .logo.logo--gp, .mypageConfig .formGroup__col--configSNS .col__item .service .logo.logo--go { background: rgb(230, 89, 61); } .mypageConfig .formGroup__col--configSNS .col__item .service .logo img { max-width: 16px; max-height: 16px; } .mypageConfig .formGroup__col--configSNS .col__item .c-btn { padding: 2px 15px; margin-right: 5px; } @media screen and (max-width: 375px) { .mypageConfig .formGroup__col--configSNS .col__item .c-btn { padding: 2px 5px; margin-right: 0px; } } .formGroup__col--configPass a, .formGroup__col--configLeave a { font-size: 14px; text-decoration: underline; } .mypagePass .formGroup--inline .c-label { width: 28%; } @media screen and (max-width: 768px) { .mypagePass .formGroup--inline .c-label { width: 100%; } } .mypagePass .formGroup--inline .formGroup__col { width: 72%; } @media screen and (max-width: 768px) { .mypagePass .formGroup--inline .formGroup__col { width: 100%; } } .mypagePass .formGroup__col--passNow, .mypagePass .formGroup__col--passNew, .mypagePass .formGroup__col--passConfirm { align-items: center; } .mypagePass .formGroup__col--passNow .c-input, .mypagePass .formGroup__col--passNew .c-input, .mypagePass .formGroup__col--passConfirm .c-input { width: 49%; } @media screen and (max-width: 600px) { .mypagePass .formGroup__col--passNow .c-input, .mypagePass .formGroup__col--passNew .c-input, .mypagePass .formGroup__col--passConfirm .c-input { width: 100%; } } .mypageLeave__txt { text-align: center; margin-bottom: 100px; } @media screen and (max-width: 414px) { .mypageLeave__txt { padding: 0px 20px; } } .mypageLeave__txt h3 { margin-bottom: 30px; } .mypageLeave__txt p { margin-bottom: 30px; } @media screen and (max-width: 600px) { .mypageLeave__txt p { font-size: 14px; text-align: left; } } .mypageLeave__txt .c-btn { padding-left: 50px; padding-right: 50px; } @media screen and (max-width: 414px) { .mypageLeave__txt .c-btn { width: 90%; display: block; margin: 0px auto; } } .searchTheater .c-form { margin-bottom: 30px; } .searchTheater .formGroup--inline .c-label { width: 30%; letter-spacing: -0.02em; } @media screen and (max-width: 768px) { .searchTheater .formGroup--inline .c-label { width: 100%; } } .searchTheater .formGroup--inline .formGroup__col { width: 70%; } @media screen and (max-width: 768px) { .searchTheater .formGroup--inline .formGroup__col { width: 100%; } } .searchTheater .formGroup__col--area { justify-content: space-between; } .searchTheater .formGroup__col--area .c-select__box { width: 28%; } @media screen and (max-width: 600px) { .searchTheater .formGroup__col--area .c-select__box { width: 100%; margin-bottom: 10px; } } .searchTheater .formGroup__col--area .c-select__box .c-select { padding-left: 10px; } .searchTheater .formGroup__col--area .c-btn { width: 78px; } @media screen and (max-width: 768px) { .searchTheater .formGroup__col--area .c-btn { width: 90px; } } @media screen and (max-width: 600px) { .searchTheater .formGroup__col--area .c-btn { width: 100%; } } .searchTheater .formGroup__col--theater .c-input { width: calc(100% - 78px); } @media screen and (max-width: 768px) { .searchTheater .formGroup__col--theater .c-input { width: calc(100% - 90px); } } .searchTheater .formGroup__col--theater .c-btn { width: 78px; } @media screen and (max-width: 768px) { .searchTheater .formGroup__col--theater .c-btn { width: 90px; } } .searchTheater-showing__list { display: flex; flex-wrap: wrap; margin: 20px 0px; } @media screen and (max-width: 450px) { .searchTheater-showing__list { justify-content: space-between; } } .searchTheater-showing__list .searchTheater-showing__listItem { width: 135px; margin-right: calc(25% - 168.75px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .searchTheater-showing__list .searchTheater-showing__listItem { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .searchTheater-showing__list .searchTheater-showing__listItem { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .searchTheater-showing__list .searchTheater-showing__listItem { width: 48%; margin-right: 0px !important; } } .searchTheater-showing__list .searchTheater-showing__listItem:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .searchTheater-showing__list .searchTheater-showing__listItem:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .searchTheater-showing__list .searchTheater-showing__listItem:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .searchTheater-showing__list .searchTheater-showing__listItem:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .searchTheater-showing__list .searchTheater-showing__listItem:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .searchTheater-showing__list .searchTheater-showing__listItem:nth-child(3n+3) { margin-right: 0px; } } .searchTheater-showing__list .searchTheater-showing__listItem .searchTheater-showing__figure { width: 135px; } @media screen and (max-width: 450px) { .searchTheater-showing__list .searchTheater-showing__listItem .searchTheater-showing__figure { width: 100%; } } .searchTheater-schedule .searchTheater-schedule__date { position: relative; font-size: 16px; line-height: 1.4; display: flex; align-items: flex-start; overflow: hidden; font-weight: 700; margin: -10px 0px 18px; } @media screen and (max-width: 768px) { .searchTheater-schedule .searchTheater-schedule__date { } } .searchTheater-schedule .searchTheater-schedule__list { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); padding: 25px; } @media screen and (max-width: 768px) { .searchTheater-schedule .searchTheater-schedule__list { padding: 10px; } } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px dashed rgb(221, 221, 221); padding: 25px 0px; } @media screen and (max-width: 768px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem { padding: 20px 0px; } } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem:first-child { padding-top: 0px; } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem:first-child { padding-top: 5px; } } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem:last-child { border: 0px; padding-bottom: 0px; } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left { width: calc(100% - 50px); } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left { width: calc(100% - 40px); } } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .c-heading--quaternary { margin-bottom: 20px; } } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .movie { margin-bottom: 20px; } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .movie { margin-right: -40px; } } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .movie:last-child { margin-bottom: 0px; } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left h4 { font-size: 16px; margin: 10px 0px 5px; } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left h4 { font-size: 14px; } } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .times__list { display: flex; flex-wrap: wrap; margin-bottom: -5px; } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .times__list .times__listItem { margin: 0px 5px 5px 0px; } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--left .times__list .times__listItem .c-btn { width: 80px; display: block; padding: 2px; } .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--right { width: 50px; } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--right { width: 40px; margin-right: -5px; } } @media screen and (max-width: 414px) { .searchTheater-schedule .searchTheater-schedule__list .searchTheater-schedule__listItem .col--right img { width: 40px; margin: -5px 0px 0px; } } .movieDetail .movieDetail-top { position: relative; overflow: hidden; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top { display: flex; flex-wrap: wrap; align-items: flex-start; } } .movieDetail .movieDetail-top-package { width: 200px; margin: 0px 40px 20px 0px; float: left; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-package { width: 135px; order: 1; margin-right: 0px; margin-bottom: 15px; } } .movieDetail .movieDetail-top-package .movieDetail-top-package__figure { margin-bottom: 10px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-package .movieDetail-top-package__figure { margin-bottom: 5px; } } .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list { display: flex; justify-content: space-between; flex-wrap: wrap; } .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list .movieDetail-top-package-btn__listItem { width: 49%; } .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list .movieDetail-top-package-btn__listItem .c-btn { width: 100%; color: rgb(253, 40, 36); background: rgb(255, 255, 255); border: 1px solid rgb(253, 40, 36); line-height: 1; display: block; padding: 5px; transition: all 0.3s ease-out 0s; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list .movieDetail-top-package-btn__listItem .c-btn { font-size: 11px; } } .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list .movieDetail-top-package-btn__listItem .c-btn:hover { color: rgb(255, 255, 255); background: rgb(253, 40, 36); } .movieDetail .movieDetail-top-heading { width: calc(100% - 240px); float: left; margin-bottom: 20px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-heading { position: relative; width: calc(100% - 135px); order: 2; padding-left: 10px; margin-bottom: 15px; } } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__ttl { display: inline-block; font-size: 22px; line-height: 1.2; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-top-heading .movieDetail-top-heading__ttl { font-size: 17px; } } .movieDetail .movieDetail-top-heading .ruby { color: rgb(109, 109, 109); font-size: 11px; font-weight: normal; line-height: 1.2; display: block; margin-bottom: 8px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-heading .ruby { margin-bottom: 10px; } } @media screen and (max-width: 414px) { .movieDetail .movieDetail-top-heading .ruby { font-size: 10px; } } .movieDetail .movieDetail-top-heading .ruby .ja { margin-right: 10px; display: inline-block; } .movieDetail .movieDetail-top-heading .ruby .en { display: inline-block; } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info { font-size: 11px; font-weight: bold; letter-spacing: -0.02em; line-height: 1.4; margin-bottom: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info { line-height: 1.3; margin-bottom: 0px; } } @media screen and (min-width: 415px) { .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info br.sp_only { display: none !important; } } @media screen and (max-width: 414px) { .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info { font-size: 10px; margin-bottom: 10px; } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info br.sp_none { display: none !important; } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info br.sp_only { display: block !important; } } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info dt, .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info dd { display: inline; } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info dt::after { content: ":"; display: inline-block; font-weight: normal; margin: 0px 2px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info dd { margin-bottom: 0.1rem; } } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info dd::after { content: "/"; display: inline-block; font-weight: normal; margin: 0px 4px 0px 2px; } .movieDetail .movieDetail-top-heading .movieDetail-top-heading__info dd:last-child::after { content: none; } .movieDetail .movieDetail-top-heading .movieDetail-top-score { display: none; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-heading .movieDetail-top-score { display: flex; } } .movieDetail .movieDetail-top-score { position: relative; width: 200px; height: 115px; box-sizing: border-box; display: flex; flex-flow: column wrap; align-items: center; line-height: 1; margin-bottom: 15px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-score { height: auto; padding-bottom: 15px; margin: 0px auto 15px; } } .movieDetail .movieDetail-top-score .point { color: rgb(34, 34, 34); } .movieDetail .movieDetail-top-score .point .en { font-size: 60px; font-weight: bold; letter-spacing: -0.02em; } @media screen and (max-width: 375px) { .movieDetail .movieDetail-top-score .point .en { font-size: 42px; } } .movieDetail .movieDetail-top-score .point .ja { font-size: 18px; font-weight: bold; } @media screen and (max-width: 375px) { .movieDetail .movieDetail-top-score .point .ja { font-size: 12px; } } .movieDetail .movieDetail-top-score .stars { width: 140px; margin: 4px 5px 0px 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-score .stars { width: 140px; margin-right: 6px; } } @media screen and (max-width: 320px) { .movieDetail .movieDetail-top-score .stars { width: 100px; } } .movieDetail .movieDetail-top-score .movieDetail-top-score__link { margin: auto 5px 0px auto; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-score .movieDetail-top-score__link { position: absolute; right: 0px; top: 98%; font-size: 12px; } } .movieDetail .movieDetail-top-tagcloud { width: calc(60% - 144px); height: 115px; float: right; display: flex; flex-flow: column wrap; align-items: center; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-tagcloud { width: 100%; height: auto; order: 3; margin-bottom: 10px; } } .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__list { width: 100%; padding: 0px 0px 0px 30px; display: flex; flex-wrap: wrap; align-items: flex-end; margin: 0px -1.5px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__list { padding: 0px; } } .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__list .movieDetail-top-tagcloud__listItem { display: inline-flex; margin: 0px 1.5px 2px; } .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__list .movieDetail-top-tagcloud__listItem .movieDetail-top-tagcloud__btn { color: rgb(14, 164, 227); border: 1px solid rgb(14, 164, 227); border-radius: 3em; display: inline-block; font-size: 11px; line-height: 1; letter-spacing: -0.02em; padding: 2px 6px; } .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__list .movieDetail-top-tagcloud__listItem .movieDetail-top-tagcloud__btn--lg { font-size: 16px; } .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__list .movieDetail-top-tagcloud__listItem .movieDetail-top-tagcloud__btn--gray { color: rgb(198, 198, 198); border: 1px solid rgb(198, 198, 198); } .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__link { line-height: 1; margin: auto 5px 0px auto; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-tagcloud .movieDetail-top-tagcloud__link { font-size: 12px; } } .movieDetail .movieDetail-top-media { width: 200px; float: left; margin-top: 15px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-media { width: 100%; order: 5; margin: 0px 0px 30px; } } .movieDetail .movieDetail-top-media .c-heading--secondary { margin-bottom: 8px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-media .c-heading--secondary { margin-bottom: 15px; } } .movieDetail .movieDetail-top-media .c-heading--secondary::after { content: none; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-media .c-heading--secondary::after { content: ""; } } .movieDetail .movieDetail-top-media .movieDetail-top-media__list { display: flex; flex-wrap: wrap; justify-content: space-between; background: rgb(238, 238, 238); border-radius: 10px; padding: 10px 10px 2px; } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem { width: 48%; margin-bottom: 8px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem { width: 24%; font-size: 11px; } } @media screen and (max-width: 374px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem { width: 48%; } } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn { height: 40px; background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: left 10px center; background-size: 20px; border: 1px solid rgb(221, 221, 221); border-radius: 8px; color: rgb(221, 221, 221); line-height: 1; display: flex; align-items: center; padding: 0px 10px; pointer-events: none; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn { justify-content: center; } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn { justify-content: flex-start; } } @media screen and (max-width: 375px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn { justify-content: center; background-size: 15px; } } @media screen and (max-width: 374px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn { background-size: 20px; } } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active { background-color: rgb(14, 164, 227); border-color: rgb(14, 164, 227); color: rgb(255, 255, 255); pointer-events: all; } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active:hover { opacity: 0.8; } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active.movieDetail-top-media__btn--movie { background-image: url(""); } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active.movieDetail-top-media__btn--disc { background-image: url(""); } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active.movieDetail-top-media__btn--net { background-image: url(""); } @media screen and (max-width: 375px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active.movieDetail-top-media__btn--net { padding-right: 5px; } } @media screen and (max-width: 374px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active.movieDetail-top-media__btn--net span { padding-left: 10px; } } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn.is-active.movieDetail-top-media__btn--tv { background-image: url(""); } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span { margin-left: auto; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span { margin-left: 0px; } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span { margin-left: auto; } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span br { display: none; } } @media screen and (max-width: 510px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span br { display: block; } } @media screen and (max-width: 375px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span { margin-left: 15px; } } @media screen and (max-width: 374px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span { margin-left: 0px; } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn span br { display: none; } } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn--movie { background-image: url(""); } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn--disc { background-image: url(""); font-size: 11px; letter-spacing: -0.02em; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn--disc span { margin-right: -5px; } } @media screen and (max-width: 375px) { .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn--disc span { margin-right: -10px; } } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn--net { background-image: url(""); } .movieDetail .movieDetail-top-media .movieDetail-top-media__list .movieDetail-top-media__listItem .movieDetail-top-media__btn--tv { background-image: url(""); } .movieDetail .movieDetail-top-highlight { position: relative; width: calc(100% - 240px); float: right; margin: 10px 0px 35px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-highlight { width: 100%; order: 6; font-size: 14px; line-height: 1.5; margin-bottom: 20px; } } .movieDetail .movieDetail-top-highlight .c-heading--secondary { margin-bottom: 10px; } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__desc { display: block; transition: none 0s ease 0s; } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__desc.is-hidden { display: none; opacity: 0; } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__desc.is-active { opacity: 1; animation: 0.8s ease 0s 1 normal none running fade-in; } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__desc.is-copy { display: none; opacity: 0; animation: 0.8s ease 0s 1 normal none running fade-in; } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__desc.is-copy.is-active { display: block; max-height: none; opacity: 1; } .movieDetail .movieDetail-top-highlight .readmore--toggle { color: rgb(14, 164, 227); } .movieDetail .movieDetail-top-highlight .readmore--toggle::before { position: relative; top: -2px; display: inline-block; content: ""; width: 5px; height: 5px; border-width: 1px; border-style: solid; border-image: initial; border-color: transparent transparent rgb(14, 164, 227) rgb(14, 164, 227); transform: rotate(-45deg); margin: 0px 3px; } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__more--close { float: right; color: rgb(14, 164, 227); } .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__more--close::before { display: inline-block; content: ""; width: 5px; height: 5px; border-width: 1px; border-style: solid; border-image: initial; border-color: transparent transparent rgb(14, 164, 227) rgb(14, 164, 227); transform: rotate(135deg); margin: 0px 3px; } .movieDetail .movieDetail-top-expert { width: calc(100% - 240px); float: right; overflow: hidden; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert { width: 100%; order: 7; margin-bottom: 30px; } } .movieDetail .movieDetail-top-expert .c-heading--secondary { margin-bottom: 10px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .movieDetail-top-expert-listItem__top { margin-bottom: 5px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .movieDetail-top-expert__name small { display: block; width: 100%; line-height: 1; margin-bottom: 3px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .movieDetail-top-expert__name small { font-size: 12px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .movieDetail-top-expert__name a { width: 100%; display: inline-block; font-size: 16px; color: rgb(34, 34, 34); font-weight: bold; line-height: 1.2; pointer-events: none; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .movieDetail-top-expert__name a:hover { cursor: default; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .score { display: flex; align-items: center; flex: 0 0 auto; line-height: 1; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .score .stars { width: 80px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .score .stars { width: 74px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__listItem .movieDetail-top-expert__desc { margin-top: 0px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick { width: calc(100% + 20px); display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -20px; margin-bottom: 20px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick { width: 100%; margin: 0px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem { width: 48%; border-left: 1px solid rgb(221, 221, 221); padding-left: 20px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem { width: 100%; border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: dashed; border-bottom-color: rgb(221, 221, 221); padding: 10px 0px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem:first-child { border: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem:first-child { border-bottom: 1px dashed rgb(221, 221, 221); } } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem:last-child { border: 0px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem.is-oneitem { width: 100%; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem .movieDetail-top-expert-listItem__top { display: flex; flex-wrap: wrap; width: auto; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem .movieDetail-top-expert-listItem__figure { width: 60px; height: 60px; flex: 0 0 auto; margin-right: 15px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem .movieDetail-top-expert-listItem__body { width: 100%; padding-left: 0px; margin-bottom: 10px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem .movieDetail-top-expert-listItem__body .movieDetail-top-expert__desc { margin-top: 0px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem .movieDetail-top-expert__name { width: 100%; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.is-unslick .movieDetail-top-expert__listItem .movieDetail-top-expert__name { font-size: 12px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider { position: relative; width: calc(100% - 80px); margin: 0px auto; } @media screen and (max-width: 480px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider { width: calc(100% - 60px); } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider::after { content: ""; position: absolute; top: 0px; right: 0px; width: 1px; height: 100%; display: block; background: rgb(255, 255, 255); z-index: 1; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider .movieDetail-top-expert__listItem { border-right: 1px solid rgb(221, 221, 221); padding: 0px 15px; margin: 0px; } @media screen and (max-width: 480px) { .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider .movieDetail-top-expert__listItem { padding: 0px 10px; } } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider .movieDetail-top-expert-listItem__body { width: 100%; padding-left: 0px; margin-bottom: 0px; } .movieDetail .movieDetail-top-expert .movieDetail-top-expert__list.slick-slider .movieDetail-top-expert__name { padding-left: 0px; } .movieDetail .movieDetail-top-review { width: 100%; float: right; margin-bottom: 20px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-review { order: 8; } } .movieDetail .movieDetail-top-review-2, .movieDetail .movieDetail-note { margin-bottom: 30px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__list, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__list, .movieDetail .movieDetail-note .movieDetail-top-review__list { margin-bottom: 5px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem, .movieDetail .movieDetail-note .movieDetail-top-review__listItem { min-height: 96px; background: rgb(248, 248, 248); display: flex; align-items: center; padding: 10px; margin-bottom: 5px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem, .movieDetail .movieDetail-note .movieDetail-top-review__listItem { min-height: auto; background: rgb(255, 255, 255); border-bottom: 1px dashed rgb(221, 221, 221); padding: 0px 0px 20px; margin-bottom: 20px; } } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem:last-child, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem:last-child, .movieDetail .movieDetail-note .movieDetail-top-review__listItem:last-child { border: 0px; } } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading { width: 230px; display: flex; align-items: center; padding-right: 10px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading { width: 100%; margin-bottom: 10px; } } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__figure, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__figure, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__figure { width: 60px; height: 60px; align-self: center; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body { width: calc(100% - 60px); padding-left: 10px; flex-wrap: nowrap; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .movieDetail-top-review-listItem__ttl, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .movieDetail-top-review-listItem__ttl, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .movieDetail-top-review-listItem__ttl { display: block; font-size: 12px; font-weight: normal; margin-bottom: 3px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .release, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .release, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .release { line-height: 1; margin-bottom: 10px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .tagcloud__list, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .tagcloud__list, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__heading .movieDetail-top-review-listItem__body .tagcloud__list { display: none; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt { width: calc(100% - 255px); padding: 0px 10px 0px 20px; border-left: 1px solid rgb(221, 221, 221); } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt { width: 100%; border: 0px; padding: 0px; } } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt.has-netabare .netabare, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt.has-netabare .netabare, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt.has-netabare .netabare { display: inline-block; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .netabare, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .netabare, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .netabare { display: none; background: rgb(255, 0, 72); color: rgb(255, 255, 255); font-size: 10px; line-height: 1; padding: 2px 5px; margin-right: 5px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .movieDetail-top-review-listItem__ttl-2, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .movieDetail-top-review-listItem__ttl-2, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .movieDetail-top-review-listItem__ttl-2 { font-size: 14px; line-height: 1.2; margin-bottom: 5px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .movieDetail-top-review-listItem__desc .netabare-text, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .movieDetail-top-review-listItem__desc .netabare-text .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__txt .movieDetail-top-review-listItem__desc .netabare-text { color: rgb(255, 0, 72); font-size: 14px; text-decoration: underline; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow { display: flex; align-items: center; justify-content: center; align-self: stretch; min-height: 96px; margin: -10px -10px -10px auto; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow { display: none; } } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow a, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow a, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow a { position: relative; background: rgb(230, 230, 230); width: 25px; height: 100%; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow svg, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow svg, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow svg { width: 8px; position: absolute; inset: 0px; margin: auto; } .movieDetail .movieDetail-top-review .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow .arrow-right, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow .arrow-right, .movieDetail .movieDetail-note .movieDetail-top-review__listItem .movieDetail-top-review-listItem__arrow .arrow-right { fill: rgb(221, 221, 221); } .movieDetail .movieDetail-top-review .movieDetail-top-review__btns, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__btns, .movieDetail .movieDetail-note .movieDetail-top-review__btns { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 20px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__btns .c-btn, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__btns .c-btn, .movieDetail .movieDetail-note .movieDetail-top-review__btns .c-btn { margin: 0px 10px; display: block; padding: 5px 50px; } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-review .movieDetail-top-review__btns .c-btn, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__btns .c-btn, .movieDetail .movieDetail-note .movieDetail-top-review__btns .c-btn { width: 100%; font-size: 12px; margin: 0px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__btns .c-btn:first-child, .movieDetail .movieDetail-top-review-2 .movieDetail-top-review__btns .c-btn:first-child, .movieDetail .movieDetail-note .movieDetail-top-review__btns .c-btn:first-child { margin-bottom: 10px; } } .movieDetail .movieDetail-top-sns { width: 100%; float: right; margin-bottom: 30px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top-sns { order: 4; } } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap { display: flex; align-items: center; } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .clip { width: 50px; flex: 0 0 auto; margin-right: 15px; } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list { display: flex; flex-wrap: wrap; align-items: center; margin-left: auto; } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem { width: 25%; } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem { width: 50%; font-size: 12px; } } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn { width: 100%; height: 36px; display: flex; align-items: center; justify-content: center; background: rgb(238, 238, 238); } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn { height: 30px; } } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn:hover { opacity: 0.8; } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn img { height: 18px; margin-right: 5px; } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn img { height: 14px; } } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn span { color: rgb(255, 255, 255); } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn--fb { background: rgb(62, 98, 150); } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn--tw { background: rgb(89, 180, 226); } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn--gp { background: rgb(230, 89, 61); } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .movieDetail-top-sns__listItem .movieDetail-top-sns__btn--li { background: rgb(98, 193, 14); } .movieDetail .movieDetail-story { margin-bottom: 30px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-story { font-size: 14px; line-height: 1.5; } } .movieDetail .movieDetail-video { margin-bottom: 30px; } .movieDetail .movieDetail-video .movieDetail-video__wrap { position: relative; width: 100%; padding-top: 56.25%; } .movieDetail .movieDetail-video .movieDetail-video__wrap iframe { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; } .movieDetail .movieDetail-photo { margin-bottom: 30px; } .movieDetail .movieDetail-photo .movieDetail-photo__listItem { height: 200px; display: inline-block; margin: 0px 5px; } .movieDetail .movieDetail-photo .movieDetail-photo__listItem img { height: 100%; } .movieDetail .movieDetail-awards { margin-bottom: 30px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-awards { font-size: 14px; line-height: 1.5; } } .movieDetail .movieDetail-staff { margin-bottom: 30px; } .movieDetail .movieDetail-staff .movieDetail-staff__wrap { position: relative; border-width: 0px 1px; border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-top-style: initial; border-top-color: initial; border-bottom-style: initial; border-bottom-color: initial; overflow: hidden; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap { height: auto !important; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap::after { position: absolute; bottom: 0px; width: 100%; height: 1px; content: ""; display: block; background: rgb(221, 221, 221); } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap::after { content: none; } } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap { display: block; border: 0px; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl { width: 50%; border: 0px; font-size: 12px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl { width: 100%; table-layout: fixed; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl th { letter-spacing: -0.02em; } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child { border-left: 0px; float: left; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child { border: 1px solid rgb(221, 221, 221); margin-bottom: 10px; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child th, .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child td { border-left: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child th, .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child td { border: 1px solid rgb(221, 221, 221); } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child col:first-child { width: 30%; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:first-child col:first-child { width: 30%; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child { position: absolute; left: calc(50% - 1px); width: calc(50% + 1px); border-right: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child { position: relative; right: auto; left: auto; width: 100%; border: 1px solid rgb(221, 221, 221); } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child th, .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child td { border-right: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child th, .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child td { border: 1px solid rgb(221, 221, 221); } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child col:nth-child(1) { width: 20%; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child col:nth-child(1) { width: 20%; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child col:nth-child(2) { width: 40%; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child col:nth-child(2) { width: 40%; } } .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child col:nth-child(3) { width: 40%; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-staff .movieDetail-staff__wrap .movieDetail-staff__tbl:last-child col:nth-child(3) { width: 40%; } } .movieDetail .movieDetail-spec { margin-bottom: 30px; } .movieDetail .movieDetail-spec .movieDetail-spec__tbl { font-size: 12px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-spec .movieDetail-spec__tbl { table-layout: fixed; } } .movieDetail .movieDetail-spec .movieDetail-spec__tbl col:first-child { width: 15%; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-spec .movieDetail-spec__tbl col:first-child { width: 30%; } } .movieDetail .movieDetail-article { margin-bottom: 30px; } .movieDetail .movieDetail-schedule .formGroup--inline .formGroup__col { width: 100%; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-schedule .formGroup--inline .formGroup__col { width: 100%; } } .movieDetail .movieDetail-schedule .formGroup__col--area { justify-content: space-between; } .movieDetail .movieDetail-schedule .formGroup__col--area .c-select__box { width: 28%; } @media screen and (max-width: 600px) { .movieDetail .movieDetail-schedule .formGroup__col--area .c-select__box { width: 100%; margin-bottom: 10px; } } .movieDetail .movieDetail-schedule .formGroup__col--area .c-select__box .c-select { padding-left: 10px; } .movieDetail .movieDetail-schedule .formGroup__col--area .c-btn { width: 78px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-schedule .formGroup__col--area .c-btn { width: 90px; } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-schedule .formGroup__col--area .c-btn { width: 100%; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom { background: rgb(248, 248, 248); border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-top-style: initial; border-top-color: initial; padding: 0px 30px 30px; margin-bottom: 30px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom { padding: 0px 10px 10px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); padding: 25px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list { padding: 10px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px dashed rgb(221, 221, 221); padding: 25px 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem { padding: 20px 0px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem:first-child { padding-top: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem:first-child { padding-top: 5px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem:last-child { border: 0px; padding-bottom: 0px; } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left { width: calc(100% - 50px); } @media screen and (max-width: 414px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left { width: calc(100% - 40px); } } @media screen and (max-width: 414px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .c-heading--quaternary { margin-bottom: 20px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .movie { margin-bottom: 20px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .movie { margin-right: -40px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .movie:last-child { margin-bottom: 0px; } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left h4 { margin: 10px 0px 5px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left h4 { font-size: 14px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .times__list { display: flex; flex-wrap: wrap; margin-bottom: -5px; } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .times__list .times__listItem { margin: 0px 5px 5px 0px; } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--left .times__list .times__listItem .c-btn { width: 80px; display: block; padding: 2px; } .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--right { width: 50px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--right { width: 40px; margin-right: -5px; } } @media screen and (max-width: 414px) { .movieDetail .movieDetail-schedule .movieDetail-schedule-bottom .movieDetail-schedule__list .movieDetail-schedule__listItem .col--right img { width: 40px; margin: -5px 0px 0px; } } .movieDetail .movieDetail-schedule .movieDetail-schedule__btn { text-align: center; margin: 0px auto 60px; } .movieDetail .movieDetail-schedule .movieDetail-schedule__btn .c-btn { width: 40%; display: block; padding: 5px 10px; margin: 0px auto; } .movieDetail .movieDetail-amazon { margin-bottom: 30px; } .movieDetail .movieDetail-amazon .movieDetail-amazon__list { width: 100%; display: flex; flex-wrap: wrap; } @media screen and (max-width: 450px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list { justify-content: space-between; } } .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem { width: 135px; margin-right: calc(25% - 168.75px); margin-bottom: 30px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 450px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem { width: 48%; margin-right: 0px !important; } } .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem:nth-child(5n+5) { margin-right: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem:nth-child(5n+5) { margin-right: calc(33.3333% - 180px); } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem:nth-child(5n+5) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 768px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem:nth-child(4n+4) { margin-right: 0px; } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem:nth-child(4n+4) { margin-right: calc(50% - 202.5px); } } @media screen and (max-width: 600px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem:nth-child(3n+3) { margin-right: 0px; } } .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem .c-figure--product { width: 135px; margin: 0px auto; } @media screen and (max-width: 450px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem .c-figure--product { width: 100%; } } .movieDetail .movieDetail-amazon .movieDetail-amazon__list .movieDetail-amazon__listItem .movieDetail-amazon-listItem__ttl { width: 135px; font-size: 12px; margin: 10px auto 0px; } .movieDetail .movieDetail-amazon .movieDetail-amazon__footer a { width: 100%; background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); text-align: center; display: block; padding: 10px; margin-top: -1px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-amazon .movieDetail-amazon__footer a { font-size: 14px; } } .movieDetail .movieDetail-prime { margin-bottom: 30px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-prime .movieDetail-prime__ul { text-align: center; } } .movieDetail .movieDetail-prime .movieDetail-prime__ul .movieDetail-prime__listItem { display: inline; } .movieDetail .movieDetail-prime .movieDetail-prime__ul .movieDetail-prime__listItem a { display: inline-block; margin: 0px 10px 10px 0px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-prime .movieDetail-prime__ul .movieDetail-prime__listItem a { margin: 0px 0px 10px; } } .movieDetail .movieDetail-net { margin-bottom: 30px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-net .movieDetail-net__ul { text-align: center; } } .movieDetail .movieDetail-net .movieDetail-net__ul li { display: inline; } .movieDetail .movieDetail-net .movieDetail-net__ul li a { display: inline-block; margin: 0px 10px 10px 0px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-net .movieDetail-net__ul li a { margin: 0px 0px 10px; } } .movieDetail .movieDetail-net .movieDetail-net__list { border-width: 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; display: flex; flex-wrap: wrap; } .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem { width: 25%; border-width: 0px 1px 1px 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-image: initial; border-top-style: initial; border-top-color: initial; border-left-style: initial; border-left-color: initial; display: flex; flex-direction: column; align-items: center; padding: 10px; } .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem:nth-child(4n) { border-right: 0px; } @media screen and (max-width: 414px) { .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem:nth-child(4n) { border-right: 1px solid rgb(221, 221, 221); } } @media screen and (max-width: 414px) { .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem:nth-child(3n) { border-right: 0px; } } @media screen and (max-width: 414px) { .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem { width: 33.33%; } } .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem .c-figure { width: 120px; margin: 0px auto 5px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem .c-figure { max-width: 85%; } } .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem .c-figure .figure__img { background-position: center bottom; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-net .movieDetail-net__list .movieDetail-net__listItem .movieDetail-net-listItem__ttl { font-size: 12px; line-height: 1.4; text-align: center; } } .movieDetail .movieDetail-net .movieDetail-net__footer { width: 100%; height: 1px; background: rgb(221, 221, 221); display: block; margin-top: -1px; } .movieDetail .movieDetail-tv { margin-bottom: 30px; } .movieDetail .movieDetail-tv .movieDetail-tv__list { margin-top: -10px; } .movieDetail .movieDetail-tv .movieDetail-tv__listItem { font-size: 16px; font-weight: bold; padding: 15px 0px; border-bottom: 1px solid rgb(221, 221, 221); } @media screen and (max-width: 768px) { .movieDetail .movieDetail-tv .movieDetail-tv__listItem { font-size: 14px; line-height: 1.4; padding: 10px 0px; } } .detailpage__ex_list { float: right; width: calc(100% - 240px); margin-top: 25px; margin-bottom: 10px; order: 5; display: flex; flex-wrap: wrap; } @media screen and (max-width: 768px) { .detailpage__ex_list { width: 100%; } } .detailpage__ex_list .detailpage__ex_list--btn { width: 200px; white-space: normal; flex: 0 0 calc(33.33% - 10px); margin: 5px 10px 10px 0px; } @media screen and (max-width: 768px) { .detailpage__ex_list .detailpage__ex_list--btn { flex: 0 0 calc(50% - 10px); } } .detailpage__ex_list .detailpage__ex_list--btn--prime { line-height: 1.2; padding-top: 10px; } .detailpage__ex_list .detailpage__ex_list--btn--prime .detailpage__ex_list--btn--prime--head { font-size: 14px; } .detailpage__ex_list .detailpage__ex_list--btn--prime .detailpage__ex_list--btn--prime--head_sub { font-size: 12px; margin-top: 5px; margin-bottom: 10px; } .detailpage__ex_list .detailpage__ex_list--btn--prime .detailpage__ex_list--btn--prime--title { margin-top: 5px; font-size: 12px; } @media screen and (max-width: 768px) { .detailpage__ex_list .detailpage__ex_list--btn--prime .detailpage__ex_list--btn--prime--title { width: 100%; } } .detailpage__ex_list .detailpage__ex_list--btn--dvd { line-height: 2; } .detailpage__ex_list .detailpage__ex_list--btn--dvd .detailpage__ex_list--btn--dvd--head { font-size: 17px; margin: 10px 0px; } @media screen and (max-width: 768px) { .detailpage__ex_list .detailpage__ex_list--btn--dvd .detailpage__ex_list--btn--dvd--head { font-size: 0.8em; } } .detailpage__ex_list .detailpage__ex_list--btn--dvd .detailpage__ex_list--btn--dvd--head_sub { font-size: 12px; } .detailpage__ex_list .detailpage__ex_list--btn--disney { line-height: 2; } .detailpage__ex_list .detailpage__ex_list--btn--disney .detailpage__ex_list--btn--disney--head { font-size: 14px; margin: 10px 0px; } @media screen and (max-width: 768px) { .detailpage__ex_list .detailpage__ex_list--btn--disney .detailpage__ex_list--btn--disney--head { font-size: 0.8em; } } .detailpage__ex_list .detailpage__ex_list--btn--disney .detailpage__ex_list--btn--disney--head_sub { font-size: 12px; } .detailpage__ex_list .detailpage__ex_list--btn--hulu { line-height: 2; } .detailpage__ex_list .detailpage__ex_list--btn--hulu .detailpage__ex_list--btn--hulu--head { font-size: 14px; margin: 10px 0px; } @media screen and (max-width: 768px) { .detailpage__ex_list .detailpage__ex_list--btn--hulu .detailpage__ex_list--btn--hulu--head { font-size: 0.8em; } } .detailpage__ex_list .detailpage__ex_list--btn--hulu .detailpage__ex_list--btn--hulu--head_sub { font-size: 12px; } .detailpage__ex_list .detailpage__ex_list--btn--unext { line-height: 2; } .detailpage__ex_list .detailpage__ex_list--btn--unext .detailpage__ex_list--btn--unext--head { font-size: 14px; margin: 10px 0px; } @media screen and (max-width: 768px) { .detailpage__ex_list .detailpage__ex_list--btn--unext .detailpage__ex_list--btn--unext--head { font-size: 0.8em; } } .detailpage__ex_list .detailpage__ex_list--btn--unext .detailpage__ex_list--btn--unext--head_sub { font-size: 12px; } .released__img--header { margin: 0px 0px 20px; } .released__img--header img { margin: 0px; } .released__header { display: flex; justify-content: space-between; margin-bottom: 25px; } @media screen and (max-width: 768px) { .released__header { flex-direction: column; } } @media screen and (max-width: 768px) { .released__nav { margin-bottom: 15px; } } .released__nav .p-tab__list { margin-bottom: 0px; } .released__nav .p-tab__list .p-tab__listItem a { padding: 0.4em 1.2em; } .released__form .formGroup { display: flex; height: 100%; } .released__form .formGroup .c-select__box { margin-right: 5px; } @media screen and (max-width: 768px) { .released__form .formGroup .c-select__box .c-select { padding: 0.25em 1.7em 0.25em 0.8em; } } .released__form .formGroup span { font-size: 16px; margin-right: 5px; margin-top: auto; } @media screen and (max-width: 768px) { .released__form .formGroup .c-btn { padding: 0.25em 0.8em; } } .released__table { font-size: 14px; } .released__table thead { font-size: 14px; } .released__table thead th:nth-child(1) { width: 14%; } .released__table thead th:nth-child(2) { width: 46%; } .released__table thead th:nth-child(3) { width: 40%; } .released__table tbody td:last-child { padding-right: 0px; } .released__table tbody div { display: flex; align-items: center; justify-content: space-between; } .released__table tbody .c-btn { flex: 0 0 auto; padding: 0.3em 1.2em; margin-left: 10px; } @media screen and (max-width: 768px) { .released__table tbody .c-btn { font-size: 11px; padding: 0.1em 0.8em; } } @media screen and (max-width: 768px) { .released__table thead tr { border-bottom: 2px solid rgb(221, 221, 221); } .released__table tbody tr { border-bottom: 2px solid rgb(221, 221, 221); } .released__table tr { display: flex; flex-wrap: wrap; align-items: center; width: 100%; } .released__table tr th { font-size: 12px; } .released__table tr th:nth-child(1), .released__table tr td:nth-child(1) { width: 95px; } .released__table tr th:nth-child(2), .released__table tr td:nth-child(2) { width: calc(100% - 95px); } .released__table tr th:nth-child(3), .released__table tr td:nth-child(3) { width: 100%; border-top: 1px dashed rgb(221, 221, 221); } } .login__info--inner { display: flex; margin-top: 20px; } @media screen and (max-width: 600px) { .login__info--inner { display: block; } } .login__info h3 { font-size: 1.8em; margin-bottom: 25px; } @media screen and (max-width: 600px) { .login__info h3 { font-size: 1.2em; } } .login__info { margin-bottom: 30px; } .login__info--thumbnail { margin-right: 40px; } @media screen and (max-width: 600px) { .login__info--thumbnail { margin-right: 0px; margin-bottom: 30px; } } .btn-to-top { display: block; width: 200px; margin: 0px auto; } .login__info--thumbnail img { border: 1px solid rgb(221, 221, 221); } .login__info--box { margin-bottom: 50px; } .login__info-ul { margin-left: 25px; margin-bottom: 10px; list-style: circle; } .login__info-ul li { font-size: 1.5em; } @media screen and (max-width: 600px) { .login__info-ul li { font-size: 1em; } } .login__info-ul-below { font-size: 12px; } .login__info-main_image { text-align: center; } .login__info-main_image img { width: 80%; } .login__info-top_link { width: 50%; font-weight: bold; font-size: 2em; } @media screen and (max-width: 600px) { .login__info-top_link { width: 100%; font-size: 1em; font-weight: normal; } } @media screen and (min-width: 600px) and (max-width: 1199px) { .l-container { width: 100% !important; } .l-header__menuList { display: none; } .l-header__btnList { margin-left: auto; } .l-main__col--main { width: 95%; margin: 0px auto; } .l-main__row { display: block; } .indexSchedule__contents .indexSchedule__col, .indexSchedule__contents .indexRanking { width: 49%; } .l-main__col--sub { width: 100%; } .l-footer { clear: both; } .c-form__searchBox .formGroup__col { width: 100%; } .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-select__box { width: 25%; } .c-form__searchBox .formGroup--inline { display: block; } .c-form__searchBox .formGroup--inline .c-label.is-long { display: block; margin-bottom: 10px; } .searchTheater .formGroup--inline .c-label { width: 100%; margin-bottom: 10px; } .searchTheater .formGroup--inline .formGroup__col { width: 100%; } .articleList .c-form.u-md-hidden { display: block; } .articleList .c-form.u-md-hidden .c-form__searchBox .formGroup.formGroup--inline.formGroup--keyword .c-input--long { width: 89%; float: left; } .searchForm .c-form .c-form__searchBox .formGroup.formGroup--inline.formGroup--keyword .c-input--long { width: calc(100% - 90px); } .searchForm .c-label span { margin-bottom: 10px; } .aiueo__wrap { margin: 0px -2.5px -10px; flex-wrap: wrap; } .aiueo__wrap .aiueo__list { width: 33.33%; } .aiueo__wrap .aiueo__list .aiueo__listItem { width: 20%; margin: 0px 2.5px 6px; } .aiueo__wrap .aiueo__list .aiueo__listItem a { height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(221, 221, 221); font-size: 11px; } .aiueo__wrap .aiueo__list .aiueo__listItem.empty { display: block; } .contact .formGroup--inline .c-label { width: 100%; margin-bottom: 10px; } } @media screen and (min-width: 600px) and (max-width: 768px) { .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-select__box { width: calc(33.3333%); margin: 0px; } .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-btn { width: 100%; margin-top: 10px; } } @media screen and (min-width: 769px) and (max-width: 1199px) { .scheduleAll__wrap--search .c-form__searchBox .formGroup__col--area .c-select__box { width: 27.4%; } } @media screen and (min-width: 600px) and (max-width: 768px) { .searchTheater .formGroup__col--area .c-select__box { width: calc(33.3333%); margin: 0px; } .searchTheater .formGroup__col--area .c-btn { width: 100%; margin-top: 10px; } } @media screen and (min-width: 769px) and (max-width: 1199px) { .formGroup.formGroup--inline.has-border { display: table; width: 100%; } .registry .formGroup--inline .c-label { width: 24%; vertical-align: middle; display: table-cell; } .registry .formGroup--inline .formGroup__col { width: 100%; } .registry .formGroup--inline .formGroup__col .c-input { width: 80%; } .p-tab__list .p-tab__listItem a { font-size: 12px; } .mypage .mypage-top .col--left { margin: 0px auto; } .mypage .mypage-top .col--right { margin: 0px auto; } .mypage .mypage-top__config { margin: 0px auto 100px; } .mypageEdit .formGroup--inline .c-label { width: 27%; display: table-cell; } .mypageEdit .formGroup--inline .formGroup__col { width: 100%; } .mypageReview-list .c-input.c-input--long.c-input--search { width: calc(100% - 90px); } .mypageReview-list .c-btn.is-right { width: 86px; } } @media screen and (max-width: 768px) { .articleList .c-form.u-md-hidden { display: block; } .l-main__row { display: block; margin: 0px auto; } .l-main__col--sub { display: block; width: 95%; margin: 0px auto; } .sideFeature__contents { width: 95%; margin: 0px auto; } } ul.indexMovie__tag { margin-top: 15px; } ul.indexMovie__tag li { display: inline-block; background: rgb(232, 232, 232); color: rgb(0, 0, 0); margin-right: 3px; font-size: 11px; padding: 1px 7px; margin-bottom: 5px; border-radius: 2px; } .reviewList-expart .reviewList-expart__movieName { color: rgb(14, 164, 227); } @media screen and (min-width: 769px) { .reviewList-expart .reviewList-expart__listItem { display: table; } .reviewList-expart .reviewList-expart__listItem ul.reviewList-expart__body_area { display: table-cell; } .reviewList-expart .reviewList-expart__listItem ul.reviewList-expart__body_area li { margin-bottom: 15px; } .reviewList-expart .reviewList-expart__listItem ul.reviewList-expart__body_area li:last-child { margin-bottom: 0px; } .reviewList-expart .reviewList-expart__movieName { width: 110px; } .reviewList-expart__listItem .reviewList-expart__body { width: 100%; } } @media screen and (min-width: 415px) and (max-width: 768px) { .reviewList-expart .reviewList-expart__listItem { display: block; margin: 0px auto; width: 95%; } .reviewList-expart__listItem .reviewList-expart__body { width: 100%; background: rgb(248, 248, 248); padding: 15px 20px 13px; margin-bottom: 15px; text-align: justify; } .reviewList-expart__listItem { padding-bottom: 20px; } .reviewList-expart__movieName.p-listItem__title { display: block; } .reviewList-expart .genre__list { display: block; font-size: 12px; } .reviewList-expart__listItem .review__figure { margin: 0px auto 20px; } } @media screen and (max-width: 414px) { .reviewList-expart__listItem .reviewList-expart__body { padding: 15px 0px 10px; } } .sideReview { border: 1px solid rgb(221, 221, 221); } .sideReview .p-listItem .p-listItem__body { width: 100%; padding-left: 0px; } .sideReview__list .sideReviewItem { display: block; width: 100%; } .sideReview__list .sideReview__listItem { border-top: none; border-right: none; border-left: none; border-image: initial; font-size: 12px; padding: 25px 0px 30px; border-bottom: 1px solid rgb(221, 221, 221); margin: 15px; } .sideReview__list .sideReviewItem .sideReviewItem__figure { width: 100px !important; display: table-cell; } .sideReview__list .sideReviewItem .sideReviewItem__reviewer { display: table; margin-bottom: 25px; } .sideReview__list .sideReviewItem .sideReviewItem__rightarea { display: table-cell; vertical-align: middle; padding-left: 25px; } .sideReview__list .sideReviewItem .sideReviewItem__body { width: 100%; padding-left: 0px; } .sideReviewItem__body .sideReviewItem__name { margin-bottom: 4px; } .sideReviewItem__body .sideReviewItem__name .sideReviewItem__name__1 { color: rgb(153, 153, 153); display: block; margin-bottom: 2px; font-size: 10px !important; } .sideReviewItem__body .sideReviewItem__name .sideReviewItem__name__2 { font-size: 20px !important; letter-spacing: 0.05em; } .sideReviewItem__body .stars { flex: 0 0 auto; width: 120px; } .sideReviewItem__body .sideReviewItem__ttl { font-weight: bold; width: 100%; margin-bottom: 10px; font-size: 14px !important; display: block !important; } .sideReviewItem__ttl.has-ellipsis-2 { text-align: justify; } .sideReviewItem__body .sideReviewItem__text p { color: rgb(0, 0, 0); line-height: 1.83em; text-align: justify; } .sideReviewItem__more { text-align: right; display: block; margin-top: 5px; } .sideReview__list .sideReviewItem .sideReviewItem__footer { display: block; } .sideReview__contents .u-text-right { padding: 10px 15px 40px; } .sideReview .sideReview--title { background: linear-gradient(to right, rgb(14, 164, 227) 0%, rgb(72, 195, 182) 100%); } .sideReview .sideReview--title p { position: relative; padding-left: 43px; } .sideReview .sideReview--title p::before { content: ""; position: absolute; background: url("") 0% 0% / cover no-repeat; width: 93px; height: 93px; left: 0px; top: -45px; } .sideFeature .js-slider--centered.p-slider--centered.p-slider--feature { margin-bottom: 25px; } .sideRecent__contents .sideRecent__list { background: rgb(255, 255, 255); border: none; padding: 0px; margin-bottom: 25px !important; } .sideRecent__contents .p-box { display: block; } .sideRecent__contents .p-box__body__pre { display: table; } .sideRecent__contents .p-box__body__pre .p-box__figure { display: table-cell; } .sideRecent__contents .p-box__body__pre .sideRecent__listItem__title { display: table-cell; vertical-align: middle; padding-left: 20px; font-size: 14px; } .sideRecent__contents .p-box__body__post { display: block; margin-top: 15px; color: rgb(0, 0, 0); } .sideRecent__contents .sideRecent__list li { background: rgb(255, 255, 255); border-top: none; border-right: none; border-left: none; border-image: initial; padding: 15px 10px; border-bottom: 1px solid rgb(221, 221, 221) !important; } .sideClip1__contents--actor .sideClip1__list--striped { border: none; } .sideClip1__contents--actor .sideClip1__listItem:nth-child(2n+1) { background: none; } .sideClip1__contents--actor .sideClip1__listItem { background: rgb(255, 255, 255); padding: 15px 10px; border-bottom: 1px solid rgb(221, 221, 221) !important; } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom { display: block; } .sideClip1__contents--actor .sideClip1__listItem .listItem__heading { font-size: 12px; } .sideClip1__contents--actor .sideClip1__listItem .listItem__bottom span { width: 100%; text-align: center; display: block; background: rgb(208, 208, 208); font-size: 9px; letter-spacing: 1px; border-radius: 10px; margin-bottom: 10px; } .sideClip1__contents--actor { margin-bottom: 25px; } .sideClip1__theater .sideClip1__contents--actor .sideClip1__listItem .listItem__heading { margin-bottom: 0px; } .sideClip1__contents--actor .sideClip1__listItem:first-child { padding-top: 10px; } .sideClip2 .sideClip2__list { background: rgb(255, 255, 255); border: none; padding: 0px; margin-bottom: 25px !important; } .sideClip2__contents .p-box { display: block; } .sideClip2__contents .p-box__body__pre { display: table; } .sideClip2__contents .p-box__body__pre .p-box__figure { display: table-cell; } .sideClip2__contents .p-box__body__pre .sideClip2__listItem__title { display: table-cell; vertical-align: middle; padding-left: 20px; font-size: 14px; } .sideClip2__contents .p-box__body__post { display: block; margin-top: 15px; color: rgb(0, 0, 0); } .sideClip2__contents .sideClip2__list li { background: rgb(255, 255, 255); border-top: none; border-right: none; border-left: none; border-image: initial; padding: 15px 10px; border-bottom: 1px solid rgb(221, 221, 221) !important; } .l-main__col--sub { padding-top: 20px; } .l-main__col--sub section { margin-bottom: 60px; } .c-heading--bordered { border: none; padding: 12px 0px; display: block; background: rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: center; } .c-heading--bordered::before { display: none; } .sideDay__contents { margin-bottom: 25px; } .sideDay__contents .sideDay__box { background: rgb(255, 255, 255); border-top: none; border-right: none; border-left: none; border-image: initial; padding: 30px 10px; border-bottom: 1px solid rgb(221, 221, 221) !important; } .sideDay__contents .sideDay__box:first-child { padding-top: 20px !important; } .sideDay__contents .sideDay__box h3 { margin-bottom: 15px; } .sideDay__contents .sideDay__box h3 a { color: rgb(0, 0, 0); font-size: 14px; font-weight: bold; } .sideDay__contents .sideDay__listHeading { font-size: 15px; font-weight: bold; margin-bottom: 0px; } .sideSuggest .sideSuggest__inner { border: none; } .sideSuggest .sideSuggest__container { padding: 0px 10px; } .sideSuggest .sideSuggest__list .sideSuggest__listItem { width: 48%; } .sideSuggest .sideSuggest__list .sideSuggest__listItem:last-child, .sideSuggest .sideSuggest__list .sideSuggest__listItem:nth-last-child(2) { margin-bottom: 0px; } .sideSuggest .sideSuggest__list .sideSuggest__listItem a { line-height: 1.5em; font-weight: bold; } ul.mypageClip-list__list.list__mita { display: flex; flex-wrap: wrap; justify-content: normal; } ul.mypageClip-list__list.list__mita li { width: 135px; border: 0px; } ul.mypageClip-list__list.list__mita .mypageClip-list-listItem__ttl.p-listItem__title, ul.mypageClip-list__list.list__mitai .mypageClip-list-listItem__ttl.p-listItem__title { font-size: 14px; width: 135px; margin: 5px auto 0px; } .mypageClip-list__listItem .mypageClip-list-listItem__figure { width: 135px; margin: 0px auto; } .mypage-tab__list .mypage-tab__listItem { width: 20%; font-size: 12px; padding: 0.9em 0px; } .mypageClip-list__mita .p-pagination { clear: both; } .\.l-main__col--sub_contents-login { clear: both; } .side_banner__tablet { display: none; } @media screen and (min-width: 1025px) { ul.mypageClip-list__list.list__mita { width: 860px; } ul.mypageClip-list__list.list__mita li { margin-right: 46px; } ul.mypageClip-list__list.list__mita li:nth-of-type(5n) { margin-right: 0px; } } @media screen and (min-width: 769px) and (max-width: 1199px) { .side_banner__tablet { display: block !important; } .side_banner__main { display: none !important; } .p-tab__list .p-tab__listItem a { font-size: 10px; } ul.mypageClip-list__list.list__mita { display: block; } ul.mypageClip-list__list.list__mita li { width: 25%; border: 0px; float: left; display: block; } } @media screen and (max-width: 768px) { ul.mypageClip-list__list.list__mita { justify-content: space-between; } ul.mypageClip-list__list.list__mita li { width: 33%; } } @media screen and (max-width: 414px) { ul.mypageClip-list__list.list__mita li { width: 50%; } } .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list .movieDetail-top-package-btn__listItem .c-btn.active { color: rgb(255, 255, 255); background: rgb(253, 40, 36); } .movieDetail .movieDetail-top-package .movieDetail-top-package-btn__list .movieDetail-top-package-btn__listItem .c-btn.active:hover { color: rgb(253, 40, 36); background: rgb(255, 255, 255); } .movieDetail .clip { transition: all 0.3s ease-out 0s; } .movieDetail .clip:hover { opacity: 0.6; } .movieDetail .clip--button { background: linear-gradient(to right, rgb(14, 164, 227) 0%, rgb(72, 195, 182) 100%); margin-top: 10px; } .movieDetail .clip.active .clip--button { background: rgb(162, 162, 162); } .movieDetail .clip--button p { position: relative; padding-left: 10px; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; text-align: center; } .movieDetail .clip--button p::before { content: ""; position: absolute; background: url("") 0% 0% / cover no-repeat; width: 12px; height: 12px; left: 0px; top: 0px; } .movieDetail-view { clear: both; margin-bottom: 42px; overflow: hidden; } .tab_content.movieDetail-view__movie { padding: 22px 0px; } .movieDetail-view .c-form__searchBox { margin-bottom: 0px; } .movieDetail-view .c-form__searchBox .c-label.is-long { margin-right: 15px; } .movieDetail-view .c-form__searchBox .c-select__box { margin-right: 10px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem { display: inline-block; width: 245px; margin-right: 30px; vertical-align: top; } ul.movieDetail-stream__list li.movieDetail-stream__listItem .stream__top { display: table; margin-bottom: 5px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem .stream__icon { display: table-cell; } ul.movieDetail-stream__list li.movieDetail-stream__listItem .stream__item { display: table-cell; font-size: 15px; line-height: 1em; font-weight: bold; color: rgb(9, 9, 9); vertical-align: middle; padding-left: 10px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem .stream__item span { font-size: 11px; color: rgb(119, 119, 119); display: block; font-weight: normal; padding-top: 3px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem .stream__content { font-size: 10px; line-height: 16px; width: 78px; margin-right: 5px; border: 1px solid rgb(187, 187, 187); color: rgb(119, 119, 119); display: inline-block; text-align: center; } ul.movieDetail-stream__list li.movieDetail-stream__listItem ul.stream__content-list li { margin-right: 5px; display: inline-block; } ul.movieDetail-stream__list li.movieDetail-stream__listItem ul.stream__content-list li a { font-size: 10px; line-height: 16px; padding: 0px 10px; border: 1px solid rgb(187, 187, 187); color: rgb(119, 119, 119); display: inline-block; text-align: left; transition: all 0.3s ease 0s; margin-bottom: 2px; max-width: 236px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem ul.stream__content-list li a:hover { color: rgb(255, 255, 255); background: rgb(119, 119, 119); } .tab_content.movieDetail-view__bluray-dvd { padding: 22px 0px; } ul.movieDetail-bluray-dvd__list { display: flex; flex-wrap: wrap; justify-content: normal; } ul.movieDetail-bluray-dvd__list::after { content: ""; display: block; width: calc(33.3333%); } ul.movieDetail-bluray-dvd__list li { width: 135px; border: 0px; } .movieDetail-bluray-dvd__listItem__ttl.p-listItem__title { font-size: 14px; width: 135px; margin: 5px auto 0px; } .movieDetail-bluray-dvd__listItem .mypageClip-list-listItem__figure { width: 135px; margin: 0px auto 10px; } .movieDetail-view__column1 { width: 100% !important; } .movieDetail-view__column2 { width: calc(50%) !important; } .movieDetail-view__column3 { width: calc(33.3333%) !important; } .movieDetail-review__column1 { width: 100% !important; } .movieDetail-user_contents-none { background: rgb(243, 243, 243); padding: 113px 0px; } .movieDetail-user_contents-none .movieDetail-top-review__btns { margin: 0px auto !important; } @media screen and (min-width: 1025px) { ul.movieDetail-bluray-dvd__list { width: 860px; } ul.movieDetail-bluray-dvd__list li { margin-right: 46px; } ul.movieDetail-bluray-dvd__list li:nth-of-type(5n) { margin-right: 0px; } } @media screen and (min-width: 769px) and (max-width: 1199px) { .side_banner__tablet { display: block !important; } .side_banner__main { display: none !important; } .p-tab__list .p-tab__listItem a { font-size: 10px; } ul.movieDetail-bluray-dvd__list { width: 100%; justify-content: space-between; } ul.mmovieDetail-bluray-dvd__list li { width: 25%; border: 0px; float: left; display: block; } } @media screen and (min-width: 769px) { .britem1 { display: none; } } @media screen and (max-width: 768px) { ul.movieDetail-bluray-dvd__list { justify-content: space-between; } ul.movieDetail-bluray-dvd__list li { margin-bottom: 15px; width: calc(33.3333%); } .britem1 { display: block; } .movieDetail-view .tab_item { height: 60px; line-height: 30px; } .movieDetail-view .tab_item.item-tab3 { padding: 10px; line-height: 20px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem { width: auto; margin-bottom: 15px; clear: both; } ul.movieDetail-stream__list li.movieDetail-stream__listItem:first-child { margin-right: 0px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem:last-child { margin-bottom: 0px; } ul.movieDetail-stream__list li.movieDetail-stream__listItem ul.stream__content-list li { float: left; } ul.movieDetail-stream__list li.movieDetail-stream__listItem ul.stream__content-list li a { line-height: 21px; padding: 0px 15px; max-width: 100%; } .movieDetail-view .c-select__box .c-select { padding: 0.5em 1.7em 0.5em 0.8em; } .movieDetail-view .c-select__box .c-select { width: 100%; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; border: none; outline: none; background: none transparent; box-shadow: none; appearance: none; padding: 0.5em 1.7em 0.5em 0.8em; } .movieDetail-view .c-form__searchBox .formGroup__col { display: block; } .movieDetail-view .c-form__searchBox .c-select__box { margin-right: 0px; margin-bottom: 10px; } .movieDetail-view .c-btn { text-align: center; width: 100%; } } .movieDetail-view .tab_container { background-color: rgb(255, 255, 255); margin: 0px auto; } .movieDetail-view .tab_item { width: calc(25%); padding: 15px 10px; background-color: rgb(204, 204, 204); color: rgb(9, 9, 9); display: block; float: left; text-align: center; font-size: 14px; font-weight: bold; transition: all 0.2s ease 0s; border-right: 2px solid rgb(255, 255, 255); } .movieDetail-view .tab_item.noContent { color: rgb(255, 255, 255); pointer-events: none; } .movieDetail-view .tab_item.item-tab4 { border-right: none; } .movieDetail-view .tab_item:hover { opacity: 0.75; } .movieDetail-view input[name="tab_item"] { display: none; } .movieDetail-view .tab_content { display: none; padding: 22px 10px 0px; clear: both; overflow: hidden; } .movieDetail-view #tab1:checked ~ #tab1_content, .movieDetail-view #tab2:checked ~ #tab2_content, .movieDetail-view #tab3:checked ~ #tab3_content, .movieDetail-view #tab4:checked ~ #tab4_content { display: block; } .movieDetail-view.tab_container input:checked + .tab_item { background-color: rgb(9, 9, 9); color: rgb(255, 255, 255); } .movieDetail-view__sp-title { display: none; } @media screen and (max-width: 599px) { .movieDetail-view .tab_item { font-size: 10px; } } @media screen and (min-width: 500px) { .movieDetail-expert__Item__more.pc_only { display: block; } .movieDetail-expert__Item__more.sp_only { display: none; } } @media screen and (max-width: 499px) { ul.movieDetail-bluray-dvd__list li { width: calc(50%); justify-content: center; } .movieDetail-expert__Item__more.pc_only { display: none; } .movieDetail-expert__Item__more.sp_only { display: block; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .star { width: 100px; margin-left: 0px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__post { display: block !important; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert_contents li { margin-bottom: 10px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__more { margin-top: 2px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .star { margin-left: 0px !important; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-top-review__expert__images { width: 136px !important; height: 188px !important; margin: 112px 0px 13px 15px !important; } .movieDetail .movieDetail-top-review .movieDetail-expert_heading p::before { width: 121px !important; height: 121px !important; top: 57px !important; } } .tab_content.movieDetail-view__tv .movieDetail-view__tv-content { font-size: 14px; font-weight: bold; } .tab_content.movieDetail-view__tv .movieDetail-view__tv-date { position: relative; display: inline-block; margin-right: 9px; color: rgb(14, 164, 227); padding-left: 20px; } .tab_content.movieDetail-view__tv .movieDetail-view__tv-date::before { content: ""; background: rgb(14, 164, 227); width: 3px; height: 15px; position: absolute; margin-top: 8px; left: 0px; } .tab_content.movieDetail-view__tv .movieDetail-view__tv-date::after { content: "-"; margin-left: 9px; font-size: 16px; font-weight: normal; color: rgb(0, 0, 0); } .tab_content.movieDetail-view__tv .movieDetail-view__tv-item { display: inline-block; } .movieDetail .movieDetail-top-review { clear: both; float: none !important; margin-bottom: 40px !important; } .movieDetail .movieDetail-top-review .movieDetail-top-review__main { overflow: hidden; } .movieDetail .movieDetail-top-review .movieDetail-top-review__main .movieDetail-main_heading { background: linear-gradient(to right, rgb(14, 164, 227) 0%, rgb(72, 195, 182) 100%); } .movieDetail .movieDetail-top-review .movieDetail-top-review__main .movieDetail-main_heading p { position: relative; padding: 10px 0px; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 10px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert { width: 480px; border: 1px solid rgb(228, 204, 91); float: left; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user { width: 370px; float: right; } .movieDetail .movieDetail-top-review .movieDetail-expert_heading, .movieDetail .movieDetail-top-review .movieDetail-user_heading { position: relative; display: inline-block; margin: 0px auto; padding: 10px 0px; width: 100%; font-size: 16px; background: rgb(0, 0, 0); text-align: center; } .movieDetail .movieDetail-top-review .movieDetail-user_heading { background: linear-gradient(to right, rgb(14, 164, 227) 0%, rgb(72, 195, 182) 100%); margin-bottom: 15px; } .movieDetail .movieDetail-top-review .movieDetail-user_heading::before { border-top: 8px solid rgb(95, 95, 95); } .movieDetail .movieDetail-top-review .movieDetail-expert_heading p, .movieDetail .movieDetail-top-review .movieDetail-user_heading p { position: relative; margin: 0px; padding: 0px; text-align: center; color: rgb(255, 255, 255); } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert_contents { padding: 5px 0px 10px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert_contents li { padding: 10px 20px 0px; display: flex; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__pre { width: 150px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__post { width: calc(100% - 150px); } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__name__1 { font-size: 10px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__name__2 { font-size: 16px; font-weight: bold; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__more { font-size: 12px; float: right; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .stars { margin-bottom: 5px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .star { width: 85px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert .movieDetail-expert__Item__text { font-size: 12px; font-weight: bold; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user_contents li { background: rgb(243, 243, 243); display: table; padding: 13px 20px; margin-bottom: 9px; width: 100%; position: relative; height: 88.5px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user_contents li:last-child { margin-bottom: 7px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user__Item__pre { display: table-cell; vertical-align: middle; width: 20%; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user__Item__post { display: table-cell; padding-left: 20px; width: 80%; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user__Item__name__1 { font-size: 13px; font-weight: bold; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user__Item__more { font-size: 12px; color: rgb(14, 164, 227); font-weight: bold; text-align: right; position: absolute; right: 23px; bottom: 8px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .movieDetail-user__Item__text { font-size: 12px; font-weight: bold; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user .star { width: 85px; } .movieDetail .movieDetail-top-review .u-text-right.mt-2 { clear: both; } .movieDetail .movieDetail-top-review .movieDetail-top-review__btns { clear: both; margin: 20px auto 0px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__btns .c-btn { padding: 13px 50px; font-size: 13px; font-weight: bold; line-height: 1em; } .movieDetail .movieDetail-story { clear: both; } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list { display: block; margin: 0px auto; text-align: left; width: 100%; } .movieDetail .movieDetail-top-sns .movieDetail-top-sns__wrap .movieDetail-top-sns__list .sns__listItem { display: inline-block; } .sns .sns__list .sns__listItem.mr0 { margin-right: 0px; } @media screen and (max-width: 768px) { .movieDetail .movieDetail-top { display: block; } .movieDetail .movieDetail-top-review .movieDetail-top-review__expert { width: 100%; margin-bottom: 15px; } .movieDetail .movieDetail-top-review .movieDetail-top-review__user { width: 100%; } } .movieDetail .movieDetail-story { margin-bottom: 20px; } .movieDetail .movieDetail-top-sns { margin-bottom: 10px; } .movieDetail .movieDetail-video { clear: both; } .movieDetail .movieDetail-staff, .movieDetail .movieDetail-spec, .movieDetail .movieDetail-top-review-2, .movieDetail .movieDetail-amazon { clear: both; } .login-about { margin-top: 60px; } .login-about p { font-size: 20px; line-height: 2; letter-spacing: 0.02em; } .login-about__text.post p { text-indent: -1em; margin-left: 1em; color: rgb(255, 0, 0); } .login-about__text.pre { margin-bottom: 20px; } .login-about a { font-size: 20px; } .l-main__col--main__about { width: 100% !important; } .about-content { margin-top: 60px; background: rgb(248, 248, 248); border: 1px dotted rgb(224, 224, 224); padding: 40px 0px; } .about-content.bg-white { background: rgb(255, 255, 255); border: none; } .about-content .about-content__text { margin-bottom: 70px; } .about-content .about-content__text p { font-size: 20px; line-height: 2; letter-spacing: 0.02em; padding: 0px 40px; } .about-content .about-content__text a { font-size: 20px; } .about-content__button { font-size: 16px; display: block; width: 90%; max-width: 410px; height: 60px; line-height: 60px; text-align: center; margin: 0px auto; transition: all 0.3s ease 0s; background: rgb(0, 0, 0); color: rgb(255, 255, 255) !important; } .about-content__button:hover { opacity: 0.6; } .about-content__link .about-content__button { background: rgb(17, 164, 227); } .about-content__event .about-content__button { background: rgb(213, 0, 0); } .about-content__link { text-align: center; margin-bottom: 40px; } .about-content .sp_only { display: none; } .l-main__col--main__confirm { width: 100% !important; } .confirm-content__title { text-align: center; font-size: 28px; font-weight: bold; color: rgb(255, 0, 0); margin-top: 35px; } .confirm-content__title .sp_only { display: none !important; } .confirm-content { margin-top: 25px; border: 1px dotted rgb(224, 224, 224); padding: 40px 25px; margin-bottom: 30px; } .confirm-content__items { border-bottom: 1px solid rgb(213, 213, 213); padding: 0px 25px 40px; margin-bottom: 40px; } .confirm-content__items-mita, .confirm-content__items-mitai { font-size: 26px; line-height: 2; letter-spacing: 0.02em; display: inline-block; } .confirm-content__items-mita span, .confirm-content__items-mitai span { color: rgb(255, 0, 0); } .confirm-content__items-total { font-size: 22px; line-height: 2; letter-spacing: 0.02em; padding: 0px 25px 40px; } .confirm-content__items-total span { color: rgb(255, 0, 0); } .confirm-content__review { border: 1px dotted rgb(224, 224, 224); padding: 25px 25px 30px; } .confirm-content__review .confirm-content__review-lead { font-size: 20px; line-height: 2; letter-spacing: 0.02em; color: rgb(16, 163, 227); margin-bottom: 20px; } .confirm-content__review-attention.post { width: 700px; margin: 0px auto 35px; } .confirm-content__review-attention ul li { text-indent: -1em; margin-left: 1em; font-size: 19px; color: rgb(255, 0, 0); background: none !important; border: none !important; padding: 0px !important; margin-bottom: 25px !important; } .confirm-content__review-attention.pre ul li { text-indent: 0em !important; margin-left: 0em !important; } .confirm-content__review ul li { background: rgb(255, 255, 255); border: 1px solid rgb(224, 224, 224); padding: 25px 25px 30px; margin-bottom: 25px; } .confirm-content__review ul li:last-child { margin-bottom: 0px; } .confirm-content__review-date { font-size: 12px; margin: 6px auto; float: left; } .confirm-content__review-titleBox { clear: both; } .confirm-content__review-title { font-size: 16px; font-weight: bold; margin-bottom: 5px; } .confirm-content__review-score { position: relative; display: flex; line-height: 1; padding: 1px 0px 0px; margin-bottom: 25px; margin-right: 20px; float: left; } .confirm-content__review-score .point { color: rgb(34, 34, 34); margin-right: 10px; } .confirm-content__review-score .point .en { font-size: 24px; font-weight: bold; letter-spacing: -0.02em; } .confirm-content__review-score .stars { width: 100px; margin: 5px 5px 0px 0px; } .confirm-content__review-score .star { width: 100px; } .confirm-content__review-text { font-size: 13px; line-height: 20px; clear: both; } .confirm-content__event { text-align: center; } .confirm-content__button { font-size: 16px; display: inline-block; width: auto; height: 60px; line-height: 60px; padding: 0px 53px; text-align: center; margin: 0px auto; transition: all 0.3s ease 0s; background: rgb(17, 164, 227); color: rgb(255, 255, 255) !important; } .confirm-content__button:hover { opacity: 0.6; } .confirm-content__button.done { background: rgb(162, 162, 162); pointer-events: none; } .confirm-content__items-attention { font-size: 19px; text-indent: -1em; margin-left: 1em; margin-top: 15px; } .confirm-content__items-attention.item1 { margin-top: 60px; } .confirm-content__review-spoil { font-size: 12px; color: rgb(255, 0, 0); border: 2px solid rgb(255, 0, 0); padding: 0px 6px; float: left; font-weight: bold; margin-top: 1px; } .content__disclosure-range-setting { font-size: 12px; background-color: rgb(204, 204, 204); color: rgb(9, 9, 9); padding: 2px 11px; float: right; font-weight: bold; margin-top: 1px; } .confirm-content__items-text { font-size: 19px; } .confirm-content__items-text.item1 { margin-top: 20px; } .confirm-content__items-text.item2 { width: 95%; margin: 0px auto 45px; } @media screen and (max-width: 768px) { .confirm-content__items-attention, .confirm-content__items-text { font-size: 14px; } .confirm-content__review .confirm-content__review-attention ul li { text-indent: 0em; margin-left: 0em; } } .l-main__col--main__completion { width: 100% !important; } .completion-content { margin-top: 60px; background: rgb(248, 248, 248); border: 1px dotted rgb(224, 224, 224); padding: 30px 25px; margin-bottom: 30px; } .completion-content__text { margin-bottom: 70px; } .completion-content__text p { font-size: 20px; line-height: 2; letter-spacing: 0.02em; } .completion-content__text span { color: rgb(254, 0, 0); } .completion-content__back { background: rgb(237, 237, 237); border: 1px dotted rgb(224, 224, 224); padding: 25px 25px 30px; } .completion-content__button { font-size: 16px; display: block; width: 90%; max-width: 290px; height: 60px; line-height: 60px; text-align: center; margin: 0px auto; transition: all 0.3s ease 0s; background: rgb(17, 164, 227); color: rgb(255, 255, 255) !important; } .completion-content__button:hover { opacity: 0.6; } .l-main__col--main__error { width: 100% !important; } .error-content { margin-top: 60px; background: rgb(248, 248, 248); border: 1px dotted rgb(224, 224, 224); padding: 30px 25px; margin-bottom: 30px; } .error-content__text { margin-bottom: 70px; } .error-content__text p { font-size: 20px; line-height: 2; letter-spacing: 0.02em; color: rgb(254, 0, 0); } .error-content__text p.error-content__text-attention { text-indent: -1em; margin-left: 1em; } .error-content__back { background: rgb(237, 237, 237); border: 1px dotted rgb(224, 224, 224); padding: 25px 25px 30px; } .error-content__button { font-size: 16px; display: block; width: 90%; max-width: 290px; height: 60px; line-height: 60px; text-align: center; margin: 0px auto; transition: all 0.3s ease 0s; background: rgb(17, 164, 227); color: rgb(255, 255, 255) !important; } .error-content__button:hover { opacity: 0.6; } .details-content .details-content__lead { font-size: 16px; font-weight: bold; margin-bottom: 40px; } .details-content .details-content__list ul li { margin-bottom: 80px; } .details-content .details-content__list ul li:last-child { margin-bottom: 0px; } .details-content .details-content__list-titlebox { display: block; margin-bottom: 20px; } .details-content .details-content__list-number { height: 50px; width: 50px; border-radius: 50%; text-align: center; background: rgb(17, 164, 227); margin-right: 20px; display: inline-block; } .details-content .details-content__list-number span { font-size: 18px; line-height: 50px; color: rgb(255, 255, 255); font-weight: bold; } .details-content .details-content__list-title { font-size: 22px; line-height: 50px; color: rgb(17, 164, 227); font-weight: bold; display: inline-block; } .details-content .details-content__list-image { display: block; margin-bottom: 20px; } .details-content .details-content__list-text { font-size: 16px; font-weight: bold; } @media screen and (min-width: 769px) { .details-content .details-content__list-image img.pc_only { display: block !important; } .details-content .details-content__list-image img.sp_only { display: none !important; } .confirm-content__items-mita, .confirm-content__items-mitai { margin-right: 35px; } .confirm-content__review-title { float: left; margin-right: 20px; } } @media screen and (max-width: 768px) { .login-about { margin-top: 50px; padding: 0px 15px; margin-bottom: 35px !important; } .login-about p { font-size: 18px; } .login-about a { font-size: 18px; } .about-content { margin-top: 50px; } .about-content .about-content__text { margin-bottom: 60px; } .about-content .about-content__text p { font-size: 18px; padding: 0px 35px; } .about-content .about-content__text a { font-size: 18px; } .about-content__link { margin-bottom: 40px; } .about-content__button { height: 70px; line-height: 25px; padding-top: 10px; } .about-content .sp_only { display: block; } .confirm-content__title { font-size: 24px; margin-top: 25px; line-height: 1.6; } .confirm-content__title .sp_only { display: block !important; } .confirm-content { margin-top: 25px; padding: 30px 10px; margin-bottom: 30px !important; } .confirm-content__items { padding: 0px 10px 30px; margin-bottom: 30px; } .confirm-content__items-mita, .confirm-content__items-mitai { font-size: 18px; display: block; } .confirm-content__items-total { font-size: 18px; padding: 0px 20px 30px; } .confirm-content__review { padding: 20px 10px 25px; } .confirm-content__review-date { margin: 0px auto 10px; } .confirm-content__review .confirm-content__review-lead { font-size: 18px; margin-bottom: 15px; padding-left: 10px; } .confirm-content__review-attention.post { width: 100%; margin: 0px auto; } .confirm-content__review-attention ul li { font-size: 16px; padding: 0px 10px !important; margin-bottom: 25px !important; } .confirm-content__review ul li { padding: 20px 20px 25px; margin-bottom: 20px; } .confirm-content__review-score { margin-right: 15px; } .confirm-content__review-spoil { font-size: 10px; margin-top: 3px; } .content__disclosure-range-setting { padding: 0px 11px; margin-top: 4px; } .completion-content { margin-top: 50px; } .completion-content__text { margin-bottom: 60px; } .completion-content__text p { font-size: 18px; } .completion-content__back { padding: 20px 25px; } .error-content { margin-top: 50px; } .error-content__text { margin-bottom: 60px; } .error-content__text p { font-size: 18px; } .error-content__back { padding: 20px 25px; } .details-content .details-content__lead { font-size: 14px; margin-bottom: 30px; } .details-content .details-content__list ul li { margin-bottom: 60px; } .details-content .details-content__list-titlebox { display: flex; } .details-content .details-content__list-number { height: 40px; width: 40px; } .details-content .details-content__list-number span { font-size: 16px; line-height: 40px; width: 40px; display: block; } .details-content .details-content__list-title { font-size: 20px; line-height: 30px; } .details-content .details-content__list-image img { width: 100%; height: auto; } .details-content .details-content__list-image img.sp_only { display: block !important; } .details-content .details-content__list-image img.pc_only { display: none !important; } .details-content .details-content__list-text { font-size: 14px; } } @media screen and (min-width: 601px) { .content__disclosure-range-setting.sp_none { display: block; } .content__disclosure-range-setting.sp_only { display: none; } } @media screen and (max-width: 600px) { .content__disclosure-range-setting.sp_none { display: none; } .content__disclosure-range-setting.sp_only { display: block; } .content__disclosure-range-setting { margin-top: 0px; } } .watching__list { display: flex; margin-left: auto; } .watching__list .watching__listItem { width: 80px; background-repeat: no-repeat; background-position: left 9px center; background-size: 18px; display: flex; align-items: center; justify-content: center; border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-right-style: initial; border-right-color: initial; padding: 4px 0px 4px 35px; margin-bottom: 0px; } .watching__list .watching__listItem, .watching__list .watching__listItem:last-child { margin-bottom: 20px !important; } .watching__list .watching__listItem:first-child { background: rgb(248, 248, 248); padding: 5px 0px; font-size: 12px; } .watching__list .watching__listItem:last-child { border-right: 1px solid rgb(221, 221, 221); } .watching__list .watching__listItem.is-active span { color: rgb(14, 164, 227); } .watching__list .watching__listItem span { width: 70px; color: rgb(153, 153, 153); font-size: 10px; line-height: 1.2; } .watching__list .watching__listItem img { height: 20px; margin-right: 5px; } .watching__list .watching__listItem--movie { background-image: url(""); } .watching__list .watching__listItem--movie.is-active { background-image: url(""); } .watching__list .watching__listItem--disc { background-image: url(""); } .watching__list .watching__listItem--disc.is-active { background-image: url(""); } .watching__list .watching__listItem--net { background-image: url(""); } .watching__list .watching__listItem--net.is-active { background-image: url(""); } .watching__list .watching__listItem--tv { background-image: url(""); } .watching__list .watching__listItem--tv.is-active { background-image: url(""); } @media screen and (min-width: 769px) { .watching__list { float: right; } } @media screen and (max-width: 768px) { .watching__list { clear: both; } } @media screen and (max-width: 600px) { .watching__list .watching__listItem { width: calc(25%); background-position: center 12px; padding: 31px 0px 7px; text-align: center; } .watching__list .watching__listItem, .watching__list .watching__listItem:last-child { margin-bottom: 10px !important; } .watching__list .watching__listItem:first-child { display: none; } .watching__list .watching__listItem span { font-size: 8px; } } .mypageReview-list-listItem__ttl--review.p-listItem__title .content__disclosure-range-setting { font-size: 16px; padding: 0.2em 0.5em; margin-left: 20px; float: left !important; } .mypageReview-list-listItem__ttl--review.p-listItem__title div a { line-height: 24px; float: left; } .mypageReview-list-listItem__ttl--review.p-listItem__title .confirm-content__review-spoil { padding: 4px 6px 3px; float: left; margin-top: 1px; margin-left: 20px; } @media screen and (max-width: 768px) { .mypageReview-list-listItem__ttl--review.p-listItem__title .content__disclosure-range-setting { font-size: 15px; } .reviewList__list .reviewList__body .reviewList__heading .col.is-bottom .tagcloud__list { margin-top: 25px; } } .l-header__menuList { width: 480px; } .l-header__btnList .btnList__item .c-input { width: 206px; color: rgb(0, 0, 0); } .l-header__btnList .btnList__item button.p-nav__btn--search { padding: 0.6em 1em; } .l-header__btnList .btnList__item button.p-nav__btn--search img { width: 18px; margin: auto; } @media screen and (min-width: 769px) { .l-header__btnList .sp_none { display: block !important; } .l-header__btnList .sp_only { display: none !important; } .confirm-content__review-attention .pc_only { display: block !important; } } @media screen and (max-width: 768px) { .l-header__btnList .sp_none { display: none !important; } .l-header__btnList .sp_only { display: block !important; } .confirm-content__review-attention .pc_only { display: none !important; } } .l-header__logo { margin-right: auto; } .l-header__btnList .btnList__item.item1 { padding-top: 2px; margin-right: 18px; } .l-header__btnList .btnList__item.item1 a { position: relative; color: rgb(255, 255, 255); font-size: 14px; transition: all 0.3s ease 0s; } .l-header__btnList .btnList__item.item1 a:hover { opacity: 0.6; } .l-header__btnList .btnList__item.item1 a::after { content: ""; background: rgb(255, 255, 255); width: 100%; height: 1px; position: absolute; bottom: 3px; left: 0px; } .l-header__btnList .btnList__item.item2 { margin-right: 18px; } @media screen and (max-width: 600px) { .l-header__btnList .btnList__item.item2 { margin-right: 4px; } } .l-header__btnList .btnList__item.item4 { margin-left: 18px; margin-right: 13px; } .l-header__btnList .btnList__item.item5 { margin-right: 14px; } .l-header__btnList .btnList__item.snsicon a { transition: all 0.3s ease 0s; } .l-header__btnList .btnList__item.snsicon a:hover { opacity: 0.6; } .p-nav .p-nav-contents { padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; background: rgb(233, 233, 233); } .p-nav .p-nav-contents .notice__item a { position: relative; color: rgb(0, 0, 0); font-size: 14px; font-weight: bold; transition: all 0.3s ease 0s; } .p-nav .p-nav-contents .notice__item a:hover { opacity: 0.6; } .p-nav .p-nav-contents .notice__item a::after { content: ""; background: rgb(0, 0, 0); width: 100%; height: 1px; position: absolute; bottom: 0px; left: 0px; } .p-nav .p-nav-contents .snsList { display: flex; justify-content: center; gap: 15px; } .submenu-container { background: rgb(28, 28, 28); padding: 9px 0px; position: fixed; top: 68px; left: 0px; right: 0px; z-index: 10; } .submenu-container .l-header__menuList { width: 100%; justify-content: start; } .submenu-container .l-header__menuList .menuList__item { letter-spacing: 0px; margin-right: 35px; } .submenu-container .l-header__menuList .menuList__item a { position: relative; transition: all 0.3s ease 0s; } .submenu-container .l-header__menuList .menuList__item a:hover { color: rgb(14, 164, 227); } .submenu-container .l-header__menuList .menuList__item a::after { content: ""; background: rgb(127, 127, 127); width: 2px; height: 14px; position: absolute; right: -17px; top: 3px; } .AdSense-container { background: rgb(248, 248, 248); padding: 12px 0px; text-align: center; margin-top: 112px; } @media screen and (max-width: 767px) { .AdSense-container img { width: 95%; height: auto; } } .post-container .p-box .p-box__figure::after { padding-top: 56.4%; } .post-container .post-item { display: flex; align-items: baseline; margin-bottom: 3px; } .post-container .post-date, .post-container .post-author { position: relative; padding-right: 10px; color: rgb(127, 127, 127); font-size: 12px; } .post-container .post-tags { flex-wrap: wrap; display: flex; gap: 5px; margin: 0px 0px 3px; justify-content: flex-start; } .post-container .post-tag { background: rgb(207, 70, 74); font-weight: bold; font-size: 10px; padding: 0px 10px 0px 11px; border-radius: 4px; width: auto !important; margin: 0px !important; border: none !important; } .post-container .post-tag:hover { opacity: 0.8; } .post-container .post-tag a { color: rgb(255, 255, 255); } .post-container .post-content { font-size: 14px; font-weight: bold; color: rgb(17, 17, 17); line-height: 24px; } .post-container .p-box:hover { opacity: 1; } .post-container .p-box a:hover { opacity: 0.8; } .indexArticle ul, .indexPost-list ul.postList { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 40px 0px; margin: 0px auto 30px; } .indexArticle ul::after, .indexPost-list ul.postList::after { content: ""; display: block; width: 270px; height: 0px; } .indexArticle li, .indexPost-list ul.postList li { width: 270px; } .indexPost-list .c-heading--primary { margin-bottom: 25px; margin-top: 30px; } .l-footer__bottom .l-footer-bottom__list { margin-right: auto; } .l-footer__bottom-right { display: flex; align-items: center; gap: 18px; } .l-footer__bottom-right .snsList { display: flex; gap: 13px; } .l-main__col--sub .side-bnr { margin-bottom: 15px; } .l-main__col--sub .side-bnr.bnr-Ranking, .l-main__col--sub .side-bnr.sideDay, .l-main__col--sub .side-bnr.sideArticle { margin-bottom: 60px; } .l-main__col--sub .side-bnr.sideArticle li { margin-bottom: 15px; } .l-main__col--sub .side-bnr.sideArticle li:last-child { margin-bottom: 0px; } .l-main__col--sub .side-bnr.sideArticle .p-box.p-box--column .p-box__figure .figure__img { background-size: cover !important; } @media screen and (min-width: 1200px) { .p-nav .p-nav-contents { display: none; } } @media screen and (max-width: 1199px) { .l-header__btnList .btnList__item.item1, .l-header__btnList .btnList__item.snsicon, .submenu-container { display: none; } .AdSense-container { margin-top: 68px; } } @media screen and (max-width: 820px) { .indexArticle ul, .indexPost-list ul.postList li { width: 96%; } .indexArticle ul::after, .indexPost-list ul.postList::after { width: 28vw; } .indexArticle li, .indexPost-list ul.postList li { width: 28vw; } .p-slider--max4 .slick-slide { width: 19.85vw; margin-right: 12px; } .sideArticle ul { display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 20px; } .sideArticle ul li { width: 44vw; } .bnr-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 0px 15px; } .bnr-container .side-bnr { width: 45vw; } .bnr-container::after { content: ""; width: 45vw; } .sideAdSense { text-align: center; } .p-card { width: 45vw; } .p-slider--centered { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; } } @media screen and (min-width: 601px) { .c-heading--primary .sp_only { display: none !important; } } @media screen and (max-width: 600px) { .AdSense-container { margin-top: 45px; } .l-main section { margin-bottom: 25px; } .l-main__col--main--top_text { font-size: 14px; line-height: 30px; width: 95%; margin-bottom: 27px; } .p-slider--max3 { margin-bottom: 15px; } .p-slider--max3 .slick-slide { width: 95vw; } .indexNews .p-slider--max3 .slick-slide { margin-right: 10px; } .indexNews .slick-list.draggable { margin-right: -10px; } .indexArticle .c-heading--primary { margin-bottom: 10px; } .indexArticle ul, .indexPost-list ul.postList, .sideArticle ul { width: 98%; gap: 10px 0px; margin-bottom: 20px; } .indexArticle li, .indexPost-list ul.postList li, .sideArticle ul li { width: auto; border-bottom: 1px solid rgb(221, 221, 221); padding-bottom: 10px; } .indexArticle .p-box.p-box--column, .indexPost-list .p-box.p-box--column, .sideArticle .p-box.p-box--column { flex-direction: initial; gap: 0px 15px; align-items: flex-start; } .indexArticle .p-box.p-box--column a.link-figure, .indexPost-list .p-box.p-box--column a.link-figure, .sideArticle .p-box.p-box--column a.link-figure { width: 43.42vw; } .indexArticle .p-box.p-box--column .p-box__figure, .indexPost-list .p-box.p-box--column .p-box__figure, .sideArticle .p-box.p-box--column .p-box__figure { margin: 0px; width: 100%; align-self: center; } .indexArticle .p-box .p-box__body, .indexPost-list .p-box .p-box__body, .sideArticle .p-box .p-box__body { flex-direction: column; width: calc(100% - 43.42vw); } .indexPost-list .c-heading--primary { margin-bottom: 10px; margin-top: 10px; } .post-container .post-tag { font-size: 10px; line-height: 1em; padding: 4px 10px 3px 11px !important; } .post-container .post-content { font-size: 13px; line-height: 18px; } .post-container .post-tag { font-size: 10px; line-height: 1em; padding: 4px 10px 3px 11px !important; } .post-container .post-content { font-size: 13px; line-height: 18px; } .c-heading--primary .sp_only { display: block !important; } .bnr-container .side-bnr, .bnr-container .bnr-Ranking { width: 100%; max-width: 301px; } .l-main__col--sub .side-bnr.bnr-Ranking, .l-main__col--sub .side-bnr.sideDay { margin-bottom: 30px; } .l-main__col--sub .side-bnr.sideArticle { margin-bottom: 25px; } .l-footer__top .footer-sns__list { display: block; } .l-footer__top .footer-sns__list li { margin-bottom: 35px; } .l-footer__top .footer-sns__list li:last-child { margin-bottom: 0px; } } .indexNews .p-slider--max3 .slick-prev, .indexNews .p-slider--max3 .slick-next { top: 75px; } @media screen and (min-width: 768px) { .indexNews .slick-list.draggable { margin-right: -27px; } } @media screen and (max-width: 767px) { .indexNews .p-slider--max3 .slick-prev, .indexNews .p-slider--max3 .slick-next { top: 12vw; } .indexNews .slick-list.draggable { margin-right: -20px; } } .indexWeeklyRecomends .c-heading--primary { margin-bottom: 25px; } .indexWeeklyRecomends .subheading { position: relative; margin-bottom: 35px; } .indexWeeklyRecomends .subheading::before { content: ""; background: rgb(221, 221, 221); width: 100%; height: 1px; position: absolute; top: 13px; z-index: 0; } .indexWeeklyRecomends .subheading p { position: relative; display: inline; font-size: 15px; font-weight: bold; background: rgb(255, 255, 255); z-index: 1; padding: 0px 22px; } @media screen and (max-width: 820px) { .indexWeeklyRecomends .subheading p { padding-left: 16px; } } @media screen and (max-width: 767px) { .indexNews .slick-list.draggable { margin-right: -20px; } .indexWeeklyRecomends a.link--more { margin-bottom: 15px; } .indexWeeklyRecomends .indexOnlineService { margin-bottom: 30px; } } @media screen and (max-width: 600px) { .indexWeeklyRecomends .subheading { margin-bottom: 10px; } } .indexRanking .rankItem1 { margin-right: 15px; } .indexRanking .rankNew .mark--arrow { display: none !important; } .indexRanking .p-slider--max4 .slick-prev, .indexRanking .p-slider--max4 .slick-next { top: 160px; } @media screen and (max-width: 600px) { .indexRanking .c-heading--primary { margin-bottom: 18px; } } .indexRankingNew .rankItem1 { margin-right: 12px; } .indexRankingNew .rankItem2 { display: flex; align-items: end; color: rgb(0, 0, 0); font-weight: bold; line-height: 1em; margin-bottom: 3px; } .indexRankingNew .mark--score .head, .indexRankingNew .mark--score .score { display: block; } .indexRankingNew .mark--score .head { font-size: 11px; margin-bottom: 5px; } .indexRankingNew .mark--score .score { font-size: 16px; color: rgb(14, 164, 227); } .indexRankingNew .mark--score .score span { font-size: 10px; color: rgb(0, 0, 0); } .indexRankingNew .mark--people { font-size: 10px; } .indexRankingNew .p-slider--max4 .slick-prev, .indexRankingNew .p-slider--max4 .slick-next { top: 160px; } @media screen and (max-width: 600px) { .indexRankingNew .c-heading--primary { margin-bottom: 20px; } } .indexReview .p-slider--max3 { margin-bottom: 55px; } .indexReview .p-slider--max3 .slick-slide { text-align: center; margin-right: 0px; } .indexReview .p-box.p-box--column { width: 245px !important; } .indexReview .p-box__figure { width: 185px; margin: 0px auto 30px !important; } .indexReview .p-box__title { margin-bottom: 5px !important; text-align: left; } .indexReview .release { margin-bottom: 25px !important; text-align: left; } @media screen and (max-width: 600px) { .indexReview .release { margin-bottom: 15px !important; } } .indexReview ul.ReviewItem li { margin-bottom: 28px; text-align: left; } .indexReview ul.ReviewItem li:last-child { margin-bottom: 23px; } .indexReview ul.ReviewItem .name { line-height: 1em; margin-bottom: 9px; } .indexReview ul.ReviewItem .name1 { display: block; color: rgb(159, 159, 159); margin-bottom: 11px; font-size: 10px !important; } .indexReview ul.ReviewItem .name2 { color: rgb(0, 0, 0); font-size: 15px; font-weight: bold; } .indexReview ul.ReviewItem .stars { width: 100px; margin-bottom: 9px; } .indexReview ul.ReviewItem .text { color: rgb(0, 0, 0); font-size: 11px; line-height: 19px; } .indexReview .u-text-right { padding-right: 5px; } @media screen and (max-width: 600px) { .indexReview ul.ReviewItem .name1 { margin-bottom: 3px; } .indexReview ul.ReviewItem .name { margin-bottom: 5px; } .indexReview ul.ReviewItem .stars { margin-bottom: 4px; } .indexReview ul.ReviewItem li { margin-bottom: 12px; } .indexReview ul.ReviewItem li:last-child { margin-bottom: 8px; } .indexReview .p-slider--max3 { margin-bottom: 20px; } .indexReview .p-box__figure { width: 41.33vw; margin-bottom: 25px; } .indexReview .p-box.p-box--column { width: 92% !important; } .indexReview .p-slider--max3 .slick-slide { padding-right: 1vw; } .indexReview .u-text-right { font-size: 12px; } } .movieDetail .movieDetail-note__wrap .movieDetail-note__tbl { font-size: 12px; } @media screen and (max-width: 600px) { .movieDetail .movieDetail-top-highlight .movieDetail-top-highlight__desc { line-height: 1.7; font-size: 13px; padding: 0px 2%; } } @media screen and (max-width: 499px) { ul.movieDetail-bluray-dvd__list li p { font-size: 12px; line-height: 1.3; width: 135px; } } @media screen and (max-width: 768px) { .indexSchedule__contents .indexSchedule__col { margin: 0px auto 50px; } } @media screen and (max-width: 600px) { .indexSchedule__contents .indexSchedule__col { margin-bottom: 15px; } } .searchTheater__contents { background: rgb(248, 248, 248); border: 1px solid rgb(221, 221, 221); padding: 30px; } .searchTheater-week { margin-bottom: 30px; } .searchTheater-week .p-slider--max3 .slick-slide { width: 230px; margin-right: 0px; } .js-slider--searchTheater.p-slider.slick-initialized { width: 690px; margin: 0px auto; } .js-slider--searchTheater.p-slider .slick-prev, .js-slider--searchTheater.p-slider .slick-next { top: 0px; width: 54px; height: 64px; z-index: 3; border-radius: 0px; transform: none; background: rgb(0, 0, 0); } .js-slider--searchTheater.p-slider .slick-prev.slick-disabled, .js-slider--searchTheater.p-slider .slick-next.slick-disabled { background: rgb(195, 195, 195); cursor: default; } .js-slider--searchTheater.p-slider .slick-prev.slick-disabled::before, .js-slider--searchTheater.p-slider .slick-next.slick-disabled::before { opacity: 1; } .js-slider--searchTheater.p-slider .slick-prev { left: -54px; } .js-slider--searchTheater.p-slider .slick-next { right: -54px; } .js-slider--searchTheater.p-slider .slick-prev::before, .js-slider--searchTheater.p-slider .slick-next::before { background: none; color: rgb(255, 255, 255); font-size: 11px; width: 100%; line-height: 64px; height: 64px; font-weight: bold; font-family: メイリオ, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; left: 0px; } .js-slider--searchTheater.p-slider .slick-prev::before { content: "< 前へ"; } .js-slider--searchTheater.p-slider .slick-next::before { content: "次へ >"; transform: rotate(0deg); } .searchTheater-date { background: rgb(255, 255, 255); border-top: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-image: initial; border-left: none; height: 64px; line-height: 64px; text-align: center; transition: all 0.3s ease 0s; font-size: 24px; font-family: Arial; } .searchTheater-date .Month { position: relative; margin-right: 7px; } .searchTheater-date .Month::after { content: "/"; position: absolute; margin-top: 1px; } .searchTheater-date.current, .searchTheater-date:hover { background: rgb(14, 164, 227); border: 1px solid rgb(14, 164, 227); color: rgb(255, 255, 255) !important; } .searchTheater-date.sat { color: rgb(0, 131, 254); } .searchTheater-date.sat.current:hover, .searchTheater-date.sat:hover { background: rgb(0, 131, 254); border: 1px solid rgb(0, 131, 254); color: rgb(255, 255, 255); } .searchTheater-date.sun, .searchTheater-date.holiday { color: rgb(255, 0, 0); } .searchTheater-date.sun.current:hover, .searchTheater-date.holiday.current:hover, .searchTheater-date.sun:hover, .searchTheater-date.holiday:hover { background: rgb(255, 0, 0); border: 1px solid rgb(255, 0, 0); color: rgb(255, 255, 255); } .searchTheater-date .DayOfWeek { font-size: 14px; vertical-align: middle; } @media screen and (max-width: 959px) { .js-slider--searchTheater.p-slider.slick-initialized { width: calc(100% - 108px); padding: 0px; } } @media screen and (max-width: 768px) { .searchTheater__contents { padding: 10px; } } .ranking .c-heading--secondary { margin-bottom: 40px; } .ranking .ranking__contents-sub { display: flex; align-items: center; margin: 30px auto 25px; } .ranking .ranking__contents-sub .p-tab__list { margin-bottom: 0px; margin-left: 25px; } .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem a { position: relative; color: rgb(34, 34, 34); display: flex; align-items: center; justify-content: center; padding: 0px 0px 0px 11px; transition: all 0.3s ease-out 0s; font-size: 12px; width: 78px; height: 22px; line-height: 22px; } .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem a span { position: relative; } .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem a span::before, .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem.is-active a span::before, .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem:hover a span::before { content: ""; width: 0px; height: 0px; border-width: 3px 3px 3px 4px; border-style: solid; border-color: transparent transparent transparent rgb(255, 255, 255); border-image: initial; position: absolute; left: -11px; top: 8px; } .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem a span::before { border-left: 4px solid rgb(0, 0, 0); } .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem.is-active, .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem:hover { border: 1px solid rgb(0, 0, 0); background: rgb(0, 0, 0); } .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem.is-active a, .ranking .ranking__contents-sub .p-tab__list .p-tab__listItem:hover a { color: rgb(255, 255, 255); } .ranking.movieside .ranking__body .release { color: rgb(159, 159, 159) !important; margin-bottom: 35px !important; } .ranking.movieside .ranking__item { line-height: 1; } .ranking.movieside .ranking__item .item { width: calc(33.3333%); } .ranking.movieside .ranking__item .ranking__item-text1, .ranking.movieside .ranking__item .ranking__item-text2, .ranking.movieside .ranking__item .ranking__item-score, .ranking.movieside .ranking__item .ranking__item-number { font-weight: bold; } .ranking.movieside .ranking__item .ranking__item-text1 { font-size: 12px; } .ranking.movieside .ranking__item .ranking__item-text2 { font-size: 18px; } .ranking.movieside .ranking__item .ranking__item-score { font-size: 50px; gap: 13px !important; } .ranking.movieside .ranking__item .ranking__item-score, .ranking.movieside .ranking__item .ranking__item-score div, .ranking.movieside .ranking__item .ranking__item-done, .ranking.movieside .ranking__item .ranking__item-done div, .ranking.movieside .ranking__item .ranking__item-yet, .ranking.movieside .ranking__item .ranking__item-yet div { display: flex; align-items: baseline; gap: 8px; } .ranking.movieside .ranking__item .ranking__item-number { font-size: 25px; } .ranking.movieside .p-listItem .p-listItem__state.rank1 .mark--crown, .ranking.movieside .p-listItem .p-listItem__state.rank2 .mark--crown, .ranking.movieside .p-listItem .p-listItem__state.rank3 .mark--crown { display: block; } .ranking.movieside .p-listItem .p-listItem__state .mark--crown { display: none; } .list-ranking__select { display: flex; align-items: center; } .list-ranking__select .list-ranking__select-title { width: 105px; height: 42px; text-align: center; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); } .list-ranking__select p, .list-ranking__select a { position: relative; font-size: 14px; font-weight: 600; color: rgb(0, 0, 0); line-height: 42px; } .dli-caret-circle-fill-bottom { display: inline-block; vertical-align: middle; color: rgb(51, 51, 51); line-height: 1; position: relative; width: 0.8em; height: 0.8em; border: 0.1em solid currentcolor; background: currentcolor; border-radius: 50%; box-sizing: content-box; margin-right: 12px; margin-top: -3px; } .dli-caret-circle-fill-bottom::before { content: ""; color: rgb(255, 255, 255); width: 0px; height: 0px; border-width: 0.18em 0px 0.18em 0.31177em; border-top-style: solid; border-top-color: transparent; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: currentcolor; border-right-style: initial; border-right-color: initial; position: absolute; inset: 0px; margin: auto; transform: rotate(90deg); } .list-ranking__select .list-ranking__select-button { display: flex; width: calc(100% - 105px); } .list-ranking__select .list-ranking__select-button .itemButton { width: 50%; height: 42px; text-align: center; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); background: rgb(248, 248, 248); } .list-ranking__select .list-ranking__select-button .itemButton:last-child { border-right: 1px solid rgb(221, 221, 221); } .list-ranking__select .list-ranking__select-button .itemButton.active { background: rgb(14, 164, 227); border-top: 1px solid rgb(14, 164, 227); border-bottom: 1px solid rgb(14, 164, 227); border-left: 1px solid rgb(14, 164, 227); } .list-ranking__select .list-ranking__select-button .itemButton.active a { color: rgb(255, 255, 255); } .list-ranking__select .list-ranking__select-button .itemButton.active .dli-caret-circle-fill-bottom { color: rgb(255, 255, 255); } .list-ranking__select .list-ranking__select-button .itemButton.active .dli-caret-circle-fill-bottom::before { color: rgb(14, 164, 227); } .ranking.userside .ranking__contents .ranking-tab { margin-top: 0px; } table.ranking__list-user .p-listItem .p-listItem__state.rank1 .mark--crown, table.ranking__list-user .p-listItem .p-listItem__state.rank2 .mark--crown, table.ranking__list-user .p-listItem .p-listItem__state.rank3 .mark--crown { margin-bottom: 10px; height: 17px !important; display: block !important; } table.ranking__list-user .p-listItem .p-listItem__state .mark--crown { height: 0px !important; display: none !important; } table.ranking__list-user .rankNew .mark--arrow { display: none !important; } table.ranking__list-user .p-listItem .p-listItem__state .newEntry { margin-top: 0px; } table.ranking__list-user { width: 100%; } table.ranking__list-user th { text-align: center; color: rgb(255, 255, 255); background: rgb(0, 0, 0); border-right: 3px solid rgb(255, 255, 255); border-bottom: 6px solid rgb(255, 255, 255); padding: 10px 0px; } table.ranking__list-user th a { color: rgb(255, 255, 255); } table.ranking__list-user td { position: relative; font-size: 14px; font-weight: bold; padding-right: 30px !important; padding-left: 30px !important; } table.ranking__list-user th.active { background: rgb(14, 164, 227); } table.ranking__list-user td.watch, table.ranking__list-user td.view, table.ranking__list-user td.review { text-align: right; } table.ranking__list-user th:last-child { border-right: none; } table.ranking__list-user tr { width: 100%; } table.ranking__list-user tr:nth-child(2n) { background: rgb(244, 244, 244); } table.ranking__list-user .p-listItem .p-listItem__state { width: 100px; flex-direction: initial; justify-content: flex-start; gap: 0px 8px; margin-right: 0px; padding: 0px 0px 0px 20px; } @media screen and (min-width: 769px) { .ranking.movieside .ranking__item { display: flex; justify-content: space-between; align-items: baseline; } .list-ranking__select.sp_only { display: none !important; } table.ranking__list-user { position: relative; } table.ranking__list-user tr { height: 60px; } table.ranking__list-user th { cursor: pointer; } table.ranking__list-user th.rank, table.ranking__list-user th.name { cursor: default !important; pointer-events: none !important; } table.ranking__list-user th.rank, table.ranking__list-user td.rank { width: 90px; height: 60px; padding-right: 0px !important; padding-left: 0px !important; } table.ranking__list-user th.watch, table.ranking__list-user td.watch, table.ranking__list-user th.review, table.ranking__list-user td.review { position: relative; width: 195px; } table.ranking__list-user td.active::after { content: ""; background: rgba(14, 164, 227, 0.17); height: 60px; width: calc(100% - 3px); position: absolute; top: 0px; left: calc(1.5px); } table.ranking__list-user tr:nth-child(3), table.ranking__list-user tr:nth-child(4), table.ranking__list-user tr:nth-child(3) td.active::after, table.ranking__list-user tr:nth-child(4) td.active::after, table.ranking__list-user tr:nth-child(3) th.rank, table.ranking__list-user tr:nth-child(3) td.rank, table.ranking__list-user tr:nth-child(4) th.rank, table.ranking__list-user tr:nth-child(4) td.rank { height: 82px; } table.ranking__list-user tr:nth-child(2), table.ranking__list-user tr:nth-child(2) td.active::after, table.ranking__list-user tr:nth-child(2) th.rank, table.ranking__list-user tr:nth-child(2) td.rank { height: calc(85px); } table.ranking__list-user th.view, table.ranking__list-user td.view { width: 210px; } table.ranking__list-user .dli-caret-circle-fill-bottom { color: rgb(255, 255, 255); width: 1em; height: 1em; } table.ranking__list-user .dli-caret-circle-fill-bottom::before { color: rgb(51, 51, 51); border-width: 0.25em 0.45em; margin-top: 3.5px; } table.ranking__list-user .active .dli-caret-circle-fill-bottom::before { color: rgb(14, 164, 227); } } @media screen and (max-width: 768px) { .ranking .c-heading--secondary { margin-bottom: 20px; } .ranking .ranking__contents .ranking-tab { display: block !important; } .ranking .ranking__contents .ranking-tab .p-tab__list { display: block !important; } .ranking .ranking__contents .p-tab__list .p-tab__listItem { width: 100%; } .ranking .ranking__contents .p-tab__list .p-tab__listItem a { font-size: 14px; font-weight: bold; line-height: 1; padding: 16px 0px 15px; } .ranking .ranking__contents-sub { margin-bottom: 20px; } .ranking.movieside .ranking__list .ranking__listItem { justify-content: center; } .ranking.movieside .ranking__list .p-listItem .p-listItem__state { margin: 0px 10px 0px -45px; } .ranking.movieside .ranking__list .p-listItem .p-listItem__body { width: 100%; max-width: 300px; padding: 0px 15px; margin-top: 20px; flex-wrap: nowrap !important; } .ranking.movieside .ranking__list .ranking__body .release { margin-bottom: 10px !important; } .ranking.movieside .ranking__item .ranking__item-score, .ranking.movieside .ranking__item .ranking__item-done, .ranking.movieside .ranking__item .ranking__item-yet { display: flex; justify-content: center; align-items: center; gap: 0px 10px !important; } .ranking.movieside .ranking__item .ranking__item-score div, .ranking.movieside .ranking__item .ranking__item-done div, .ranking.movieside .ranking__item .ranking__item-yet div { display: flex; align-items: baseline; } .ranking.movieside .ranking__item .ranking__item-score { font-size: 40px; margin-bottom: 3px; } .ranking.movieside .ranking__item .ranking__item-done { margin-bottom: 7px; } .selectbox-003 { display: inline-flex; align-items: center; position: relative; width: 100%; } .selectbox-003::after { position: absolute; right: 15px; width: 10px; height: 7px; background-color: rgb(83, 83, 83); clip-path: polygon(0px 0px, 100% 0px, 50% 100%); content: ""; pointer-events: none; } .selectbox-003 select { appearance: none; min-width: 100%; height: 2.8em; padding: 0.4em calc(0.8em + 30px) 0.4em 0.8em; border: 1px solid rgb(204, 204, 204); border-radius: 3px; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: 1em; cursor: pointer; } table.ranking__list-user { border-collapse: separate; border-spacing: 0px 25px; margin-top: -25px; } table.ranking__list-user .thead { display: none; } table.ranking__list-user tr { width: 100%; } table.ranking__list-user td { position: relative; display: block; text-align: right; width: 100%; padding-right: 17px !important; padding-left: 17px !important; } table.ranking__list-user td::before { content: attr(data-label); float: left; margin-right: 10px; } table.ranking__list-user td.rank, table.ranking__list-user td.name { display: inline-block; } table.ranking__list-user td.rank { width: 95px; } table.ranking__list-user td.watch, table.ranking__list-user td.view, table.ranking__list-user td.review { text-align: left; } table.ranking__list-user tr:nth-child(2) td.rank, table.ranking__list-user tr:nth-child(4) td.rank { padding: 10px 0px; } table.ranking__list-user tr:nth-child(3) td.rank { padding: 7px 0px; } table.ranking__list-user td.name { width: calc(100% - 95px); text-align: left; margin-top: 0px; line-height: 40px; padding-left: 5px !important; } table.ranking__list-user td.watch, table.ranking__list-user td.review { display: none !important; } table.ranking__list-user td.active { background: rgba(14, 164, 227, 0.17); clear: both; padding: 5px 0px; display: block !important; } table.ranking__list-user .p-listItem .p-listItem__state { width: 60px; padding: 0px; } table.ranking__list-user .p-listItem .p-listItem__state.rankNew { height: auto; } table.ranking__list-user .p-listItem .p-listItem__state .newEntry { margin-top: 7px !important; } } @media screen and (max-width: 499px) { .ranking.movieside .ranking__list .p-listItem .p-listItem__body { max-width: 390px; } .ranking.movieside .ranking__listItem { margin-bottom: 30px; } } .notice-KinemaJyunpo h2 { font-size: 26px; margin: 37px 0px 32px 20px; } .notice-KinemaJyunpo ul.notice_list li { border-bottom: 2px solid rgb(221, 221, 221); padding: 32px 0px; } .notice-KinemaJyunpo ul.notice_list li:first-child { border-top: 2px solid rgb(221, 221, 221); } .notice-KinemaJyunpo ul.notice_list li .news__top { flex-direction: initial; align-items: baseline; margin-bottom: 15px; } .notice-KinemaJyunpo ul.notice_list li .news__bottom p { font-size: 14px; } .notice-KinemaJyunpo ul.notice_list li .news__bottom strong { font-size: 18px; } .notice-KinemaJyunpo ul.notice_list li .news-date { font-size: 18px; font-weight: bold; margin-right: 15px; } .notice-KinemaJyunpo ul.notice_list li .p-listItem__title { font-size: 18px; color: rgb(0, 0, 0); margin-bottom: 0px; } .notice-KinemaJyunpo .p-listItem .p-listItem__body { width: 100%; } @media screen and (max-width: 600px) { .notice-KinemaJyunpo h2 { font-size: 22px; margin: 15px 0px 25px 10px; } .notice-KinemaJyunpo .p-listItem .p-listItem__body { padding-right: 10px; } .notice-KinemaJyunpo ul.notice_list li .news-date { font-size: 16px; } } .campaign { text-align: left; float: left; background-color: rgb(15, 2, 2); color: rgb(255, 255, 255); margin: 0px 0px 60px; width: 100% !important; } .campaign .header { margin: 0px 0px 8px; position: relative; } .campaign.top .header img { width: 100%; height: auto; } .campaign .head_btn { position: absolute; right: 35px; top: 160px; } .campaign .head_btn a { display: block; } .ninja_onebutton { padding: 0px 20px 0px 0px; margin: 0px; } .camp_next .ninja_onebutton, .camp_about .ninja_onebutton, .camp_book .ninja_onebutton { padding: 0px 20px 0px 0px; margin: 0px 0px 20px; } .ninja_onebutton_output .facebook_like_button_count { width: 120px !important; } .ninja_onebutton_output .twitter_tweet_count_m { width: 120px !important; } .ninja_onebutton_output .google_plusone_m { width: 80px !important; } .hatena-bookmark-button-frame { width: 60px !important; } .top .ninja_onebutton { position: absolute; top: 390px; right: -45px; z-index: 1 !important; display: none !important; } #img_omatome { display: none !important; } .campaign .nav { justify-content: center; gap: 12px; margin-bottom: 30px; } .campaign .nav li a { display: block; transition: all 0.3s ease 0s; } .campaign .nav li a:hover { opacity: 0.8; } .campaign .top_award { max-width: 740px; width: 95%; margin: 0px auto 65px; } .campaign .top_award h3 { font-family: 游明朝, YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "MS P明朝", "MS 明朝", serif; text-align: center; margin: 20px 0px; font-size: 26px; line-height: 1.6em; background: linear-gradient(rgb(241, 204, 44), rgb(250, 227, 130) 50%, rgb(241, 204, 44)) text; color: rgb(250, 227, 130); -webkit-text-fill-color: transparent; text-shadow: rgba(0, 0, 0, 0.2) 4px 6px 8px; } .campaign .top_award h3 a { background: linear-gradient(rgb(241, 204, 44), rgb(250, 227, 130) 50%, rgb(241, 204, 44)) text; color: rgb(250, 227, 130); -webkit-text-fill-color: transparent; text-shadow: rgba(0, 0, 0, 0.2) 4px 6px 8px; transition: all 0.3s ease 0s; } .campaign .top_award br.sp_only { display: none !important; } .campaign .top_award br.sp_none { display: block !important; } .campaign .top_award div { padding: 0px 20px; margin: 0px 0px 20px; } .campaign .top_award .title { margin: 0px 0px 10px; position: relative; } .campaign .top_award .title a { position: absolute; top: 8px; right: 10px; } .campaign .top_award .no1 { background: url("") 20px center no-repeat; height: 68px; line-height: 68px; padding: 0px 0px 0px 100px; font-size: 18px; } .campaign .top_award .p_tbl { color: rgb(255, 255, 255); border-collapse: collapse; width: 100%; } .campaign .top_award .p_tbl th { font-family: "ï¼­ï¼³ P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: bold; color: gold; padding: 15px 15px 15px 25px; border-bottom: 1px solid rgb(71, 57, 40); font-size: 18px; width: 250px; } .campaign .top_award .p_tbl td { padding: 15px; border-bottom: 1px solid rgb(71, 57, 40); font-size: 16px; } .campaign .top_award .p_tbl td span { font-size: 14px; } .campaign .top_ceremony { width: 740px; margin: 0px auto 30px; background: url("") center top no-repeat rgb(15, 2, 2); border: 2px solid rgb(222, 181, 49); padding: 0px 0px 20px; } .campaign .top_ceremony h3 { text-align: center; margin: 10px 0px; } .campaign .top_ceremony ul { clear: both; overflow: hidden; margin: 0px 0px 5px 20px; } .campaign .top_ceremony ul li { float: left; margin: 0px 6px 6px 0px; } .campaign .top_ceremony ul li a { position: relative; } .campaign .top_ceremony ul li a span { display: none; position: absolute; } .campaign .top_ceremony ul li a:hover span { display: inline; left: 0px; } .campaign .top_ceremony ul li small { padding: 0px 0px 5px; } .campaign .top_ceremony .top_ceremony_movie { margin: 0px 0px 30px 30px; } .campaign .top_ceremony .top_ceremony_photo { text-align: right; font-size: 12px; padding: 0px 20px 0px 0px; margin: 0px 0px 40px; } .campaign .top_pre { margin: 0px 0px 30px 20px; position: relative; } .campaign .top_pre .btn { position: absolute; top: 550px; right: 40px; } .campaign .ban_2016 { margin: 0px 0px 30px 20px; } .campaign .top_book { width: 740px; margin: 0px 0px 40px 20px; } .campaign .top_book .cont { border-left: 2px solid rgb(222, 181, 49); border-right: 2px solid rgb(222, 181, 49); border-bottom: 2px solid rgb(222, 181, 49); padding: 0px 26px 14px; clear: both; overflow: hidden; text-align: center; } .campaign .top_book .cont ul { margin: 0px 0px 20px; text-align: left; clear: both; overflow: hidden; } .campaign .top_book .cont ul .jk { float: left; margin: 0px 20px 0px 0px; } .campaign .top_book .cont ul .title { color: rgb(222, 181, 49); font-size: 18px; margin-bottom: 15px; } .campaign .top_book .cont ul .txt { font-size: 13px; margin-bottom: 15px; } .campaign .top_book .cont .btn { margin: 0px 20px 0px 0px; float: left; } .campaign .top_book .cont .btn img { width: 35%; } .campaign .top_book section { position: relative; margin: 0px 0px 30px; clear: both; overflow: hidden; } .campaign .top_book h5 { text-align: left; font-size: 18px; line-height: 1.3; margin: 0px 0px 10px; border-left: 5px solid rgb(206, 55, 44); padding: 0px 0px 0px 10px; } .campaign .top_book h5 span { font-size: 12px; } .campaign .top_book .price { font-size: 14px; position: absolute; top: 15px; right: 0px; } .campaign .top_book .price li { display: block; } .campaign .top_book .book_info { font-size: 13px; text-align: left; } .campaign .top_book .book_info .book { float: left; margin: 0px 20px 0px 0px; } .campaign .top_book .book_info .info { overflow: hidden; margin: 0px 0px 20px; } .campaign .gotoTop { text-align: right; padding: 20px 20px 40px 0px; } .camp_next { padding: 0px; } .campaign .best_block { width: 736px; margin: 0px auto 30px; background: url("") center top no-repeat rgb(15, 2, 2); border: 2px solid rgb(222, 181, 49); padding: 0px 0px 20px; } .campaign .best_block h3 { text-align: center; margin: 40px 0px 30px; } .campaign .japan_no1 { width: 740px; height: 98px; background: url("") center top no-repeat; position: relative; margin: 0px 0px 10px; } .campaign .foreign_no1 { width: 740px; height: 98px; background: url("") center top no-repeat; position: relative; margin: 0px 0px 10px; } .campaign .culture_no1 { width: 740px; height: 98px; background: url("") center top no-repeat; position: relative; margin: 0px 0px 10px; } .campaign .japan_no1 h4, .campaign .foreign_no1 h4 { position: absolute; top: 35px; left: 115px; font-size: 20px !important; } .campaign .japan_no1 .btn, .campaign .foreign_no1 .btn { position: absolute; top: 40px; left: 510px; } .campaign .culture_no1 h4 { position: absolute; top: 35px; left: 115px; font-size: 20px !important; } .campaign .culture_no1 .btn { position: absolute; top: 80px; left: 510px; } .campaign .japan_no1 .btn li, .campaign .foreign_no1 .btn li, .campaign .culture_no1 .btn li, .reader_no1 .btn li { float: left; margin: 0px 0px 0px 5px; } .campaign .reader_no1 { width: 740px; height: 98px; background: url("") center top no-repeat; position: relative; margin: 0px 0px 10px; padding: 19px 0px 0px; } .campaign .reader_no1 .l1, .campaign .reader_no1 .l2 { clear: both; overflow: hidden; margin: 0px 0px 0px 115px; width: 590px; } .campaign .reader_no1 h4 { font-size: 20px !important; float: left; } .campaign .reader_no1 .btn { float: right; padding: 5px 0px 0px; } .campaign .best_no { width: 700px; margin: 0px 0px 3px 20px; padding: 8px 0px; border-bottom: 1px solid rgb(175, 149, 65); position: relative; } .campaign .best_no a { color: rgb(255, 255, 255) !important; text-decoration: underline !important; } .campaign .best_no a:hover { text-decoration: none !important; } .campaign .best_noline { border-bottom: none !important; } .campaign .last { border-bottom: none; margin-bottom: 20px; } .campaign .best_no h4 { padding: 0px 0px 0px 100px; font-size: 14px !important; color: rgb(255, 255, 255) !important; } .campaign .best_no h4 span { display: block; color: rgb(122, 2, 0); margin: 0px 0px -2px; font-size: 12px !important; } .campaign .best_no h4.no2 { background: url("") left center no-repeat; } .campaign .best_no h4.no3 { background: url("") left center no-repeat; } .campaign .best_no h4.no4 { background: url("") left center no-repeat; } .campaign .best_no h4.no5 { background: url("") left center no-repeat; } .campaign .best_no h4.no6 { background: url("") left center no-repeat; } .campaign .best_no h4.no7 { background: url("") left center no-repeat; } .campaign .best_no h4.no8 { background: url("") left center no-repeat; } .campaign .best_no h4.no9 { background: url("") left center no-repeat; } .campaign .best_no h4.no10 { background: url("") left center no-repeat; } .campaign .best_no h4.jiten { background: url("") left center no-repeat; font-size: 14px; } .campaign .best_no .btn { position: absolute; top: 9px; right: 15px; } .campaign .best_no .btn li { float: left; margin: 0px 0px 0px 5px; } .campaign .sedic1 { margin-bottom: 0px; border-bottom: none !important; padding: 8px 0px 0px !important; } .campaign .sedic1 .btn { top: 32px; } .campaign .sedic1 h4 span { margin: 0px 0px 4px; } .campaign .sedic1 h4.no4 { background: url("") left 8px no-repeat; } .campaign .sedic2 { padding: 0px 0px 8px !important; } .campaign .sedic2 .btn { top: 3px; } .campaign .best_end { border-bottom: none; } .campaign .culture .best_no .btn { top: 9px !important; } .campaign .culture .culture_no1 .btn { top: 50px !important; } .campaign .kojin_block { width: 740px; background: url("") left top no-repeat; position: relative; margin: 0px 0px 10px; } .campaign .kojin_block .badge { position: absolute; left: 15px; top: 11px; } .campaign .kojin_block .right_block { margin: 0px 0px 0px 130px; padding: 20px 0px 0px; } .campaign .kojin_block .right_block h4 { margin: 0px 0px 6px; padding: 0px 0px 0px 10px; font-size: 20px !important; } .campaign .kojin_block .right_block h4 + img { margin: 0px 0px 5px; } .campaign .kojin_block .right_block .list { font-size: 14px !important; } .campaign .kojin_block .right_block .list .title { width: 370px; padding: 2px 0px 2px 10px; } .campaign .kojin_block .right_block .list .btn li { float: left; margin: 0px 0px 0px 5px; } .campaign .kojin_block .kojin_special_txt { font-size: 14px; color: rgb(0, 0, 0); margin: 20px 0px 0px; padding-right: 40px; } .campaign .kreader_block .right_block { } .campaign .kreader_block .title { color: rgb(0, 0, 0); } .campaign .movieplus_link { font-size: 14px; text-align: right; margin: 0px 0px 40px; } .campaign .ban { margin: 0px 0px 40px; } .next .nav { margin: 0px 0px 15px !important; padding: 0px 40px !important; } .next .nav li.left { margin-right: 15px; } .next .ninja_onebutton { padding: 0px 0px 10px !important; } .next .ban { margin: 0px 0px 20px !important; } #bannerAdv { margin: 0px 0px 5px !important; } .campaign .top_banner { background-color: rgb(253, 248, 238); padding: 20px 40px 10px; clear: both; overflow: hidden; border: 2px solid rgb(175, 149, 65); } .campaign .top_banner .jk { float: left; margin: 0px 10px 10px 0px; } .campaign .top_banner .btn1 { float: right; margin: 160px 0px 5px; } .campaign .top_banner .btn2 { float: right; margin: 0px; } .camp_about { padding: 0px; font-size: 14px; } .campaign .about_block { max-width: 740px; width: 95%; position: relative; margin: 0px auto 40px; } .campaign .about_block:last-child { margin-bottom: 0px; } .campaign .about_block h3 img { max-width: 740px; width: 100%; height: auto; } .campaign .about_block h3 img.sp_only { display: none !important; } .campaign .about_blockinn { border-left: 3px solid rgb(222, 181, 49); border-right: 3px solid rgb(222, 181, 49); border-bottom: 3px solid rgb(222, 181, 49); padding: 40px 20px; } .camp_about h2 { margin: 0px 0px 20px; } .camp_about .about_sec { padding: 0px; line-height: 1.6; margin: 0px 0px 40px; clear: both; overflow: hidden; } .camp_about .about_sec:last-child { margin-bottom: 0px; } .camp_about .about_sec h4 { text-align: center; color: rgb(222, 181, 49); font-size: 18px; margin: 0px 0px 20px; } .camp_about .about_sec .about_img { float: left; margin: 0px 40px 0px 0px; } .camp_about .about_sec .about_award { float: right; margin: 0px 0px 20px 20px; width: 400px; } .camp_about .about_sec .about_award span { display: block; font-size: 10px; text-align: center; padding: 2px 0px 0px; } .camp_about .film { margin: 0px 0px 0px 20px; } .camp_book { padding: 0px; font-size: 14px; } .camp_book h2 { margin: 0px 0px 20px; } .camp_book .book_block { width: 740px; position: relative; margin: 0px 0px 30px 20px; color: rgb(0, 0, 0); } .camp_book .book_block .book_blockinn { border-left: 3px solid rgb(222, 181, 49); border-right: 3px solid rgb(222, 181, 49); border-bottom: 3px solid rgb(222, 181, 49); background-color: rgb(255, 250, 237); padding: 0px 20px 20px; } .camp_book .book_block .book_blockinn h4 { text-align: center; font-size: 18px; color: rgb(206, 55, 44); margin: 0px 0px 30px; } .camp_book .book_block .book_blockinn section { position: relative; margin: 0px 0px 30px; } .camp_book .book_block .book_blockinn section .price { font-size: 12px; position: absolute; top: 0px; right: 0px; } .camp_book .book_block .book_blockinn h5 { font-size: 16px; line-height: 1.3; margin: 0px 0px 10px; border-left: 5px solid rgb(206, 55, 44); padding: 0px 0px 0px 10px; } .camp_book .book_block .book_blockinn h5 span { font-size: 13px; } .camp_book .book_block .book_blockinn .book_info { width: 690px; background-color: rgb(255, 255, 255); clear: both; overflow: hidden; padding: 15px; border-radius: 5px; } .camp_book .book_block .book_info .book { float: left; margin: 0px 15px 0px 0px; } .campaign .book_block .line { margin: 0px 0px 20px; } .campaign .book_block .sec03 { clear: both; overflow: hidden; margin: 0px 0px 20px; } .campaign .book_block .sec04 { clear: both; overflow: hidden; margin: 0px 0px 20px; } .campaign .book_block .book_sinfo { float: left; width: 173px; } .campaign .book_block .book_sinfo .title { line-height: 1.2; text-align: center; margin: 0px 0px 10px; } .campaign .book_block .book_sinfo .title span { font-size: 10px; } .campaign .book_block .book_sinfo .jk { text-align: center; margin: 0px 0px 14px; height: 172px; } .campaign .book_block .book_sinfo .comment { font-size: 11px; line-height: 1.2; margin: 0px 0px 15px; padding: 0px 8px; height: 50px; } .campaign .book_block .book_sinfo .btnL { float: left; margin: 0px 0px 0px 5px; } .campaign .book_block .book_sinfo .btnR { float: right; margin: 0px 5px 0px 0px; } .campaign .book_block .book_sinfo a { display: block; } @media screen and (max-width: 600px) { .campaign.top { margin-bottom: 0px; } .indexBestTen { margin: 0px -10px; } .campaign .about_blockinn { border-top: 3px solid rgb(222, 181, 49); margin-top: -17px; padding-top: 50px; } .campaign .top_award h3 { font-size: 24px; } .campaign .top_award br.sp_only { display: block !important; } .campaign .top_award br.sp_none { display: none !important; } } .kinejunAward { background: url("") left top / contain no-repeat rgb(0, 0, 0); } .kinejunAward .header { position: relative; margin: 0px 0px 30px; } .kinejunAward .header img, .kinejunAward .header2 img { max-width: 1000px; width: 100%; height: auto; } .kinejunAward .header2 { position: relative; } .kinejunAward .header p { color: rgb(255, 255, 255); font-size: 13px; padding: 0px 80px; margin: 0px 0px 1em; } .kinejunAward .header .ninja_onebutton { position: absolute; top: 258px; left: 585px; z-index: 0; } .kinejunAward .header2 .ninja_onebutton { position: absolute; top: 170px; left: 585px; z-index: 0; } .kinejunAward .main { width: 95%; border: 4px solid rgb(221, 188, 109); background: url("") left top repeat; margin: 0px auto; padding: 25px 0px 30px; overflow-x: scroll; } .kinejunAward .main .tbl_year { width: 95%; border-collapse: collapse; border-spacing: 0px; font-size: 13px; margin: 0px auto; text-align: left; } @media screen and (max-width: 600px) { .kinejunAward .main.ListTop { width: 1000px; margin: 0px 2%; } .kinejunAward .main.ListTop .tbl_year { width: 1000px; } } .kinejunAward .main .tbl_year th { padding: 8px 0px; background: rgb(13, 16, 120); font-weight: bold; text-align: center; color: rgb(255, 255, 255); } .kinejunAward .main .tbl_year th.year { width: 100px; } .kinejunAward .main .tbl_year th.num { width: 80px; } .kinejunAward .main .tbl_year td { padding: 8px 0px; text-align: center; color: rgb(0, 0, 0); } .kinejunAward .main .tbl_year td:nth-child(3) { display: flex; justify-content: space-between; align-items: center; text-align: left; padding-left: 30px; } .kinejunAward .main h2 { font-size: 20px; text-align: center; background: url("") center center no-repeat; height: 53px; line-height: 42px; color: rgb(255, 255, 255); width: 90%; margin: 0px auto 20px; } .kinejunAward .main .tbl_year tr { border-bottom: 1px solid rgb(204, 204, 204); } .kinejunAward .main .tbl_year td:nth-child(1) a, .kinejunAward .main .tbl_year td:nth-child(2) a { display: flex; justify-content: center; align-items: center; } .kinejunAward .main .section { width: 90%; margin: 0px auto 40px; color: rgb(0, 0, 0); } .kinejunAward .main .section iframe { width: 100%; } .kinejunAward .main .section h3 { position: relative; padding: 8px 0px 8px 30px; margin: 0px 0px 5px; background: rgb(13, 16, 120); color: rgb(255, 255, 255); font-size: 16px; } .kinejunAward .main .section h3::before { content: "■"; position: absolute; left: 10px; } .kinejunAward .main .section li { border-bottom: 1px solid rgb(204, 204, 204); padding: 6px 0px 6px 10px; color: rgb(0, 0, 0); } .kinejunAward .main .section .popup-gallery ul::after { display: block; content: ""; width: 220px; } .kinejunAward .main .ceremony { background-color: rgb(241, 145, 73); padding: 1px 10px; border-radius: 8px; cursor: pointer; } .kinejunAward .main .ceremony:hover { background-color: rgb(235, 97, 0); text-decoration: none !important; } .kinejunAward .main .ceremony a { position: relative; font-size: 11px; padding-right: 15px; color: rgb(255, 255, 255) !important; } .kinejunAward .main .ceremony a::after { content: ">"; position: absolute; margin-top: 2px; margin-left: 5px; } .kinejunAward .linkBack { margin: 50px auto 0px; text-align: center; } .kinejunAward .linkBack a { font-size: 13px; color: rgb(255, 255, 255); } @media screen and (max-width: 600px) { .kinejunAward .linkBack { margin-top: 40px; } } .kinejunAward .star { background: none; color: rgb(235, 91, 15); display: inline; } .kinejunAward .star::before { display: none !important; } .kinejunAward .popup-gallery { margin-top: 15px; } .kinejunAward .popup-gallery ul { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .kinejunAward .popup-gallery ul li { width: 220px; padding: 0px !important; border-bottom: none !important; text-indent: 0px !important; margin-left: 0px !important; } .kinejunAward .popup-gallery ul li img { width: 100%; } .kinejunAward .popup-gallery ul li a { position: relative; } .kinejunAward .popup-gallery ul li a img:hover { opacity: 1; } .kinejunAward .popup-gallery ul li a span { opacity: 0; position: absolute; width: 220px; transition: all 0.3s ease 0s; } .kinejunAward .popup-gallery ul li a span img { width: 100%; height: auto; } .kinejunAward .popup-gallery ul li a:hover span { opacity: 1; left: 0px; } .kinejunAward .popup-gallery ul li small { padding: 0px 0px 5px; } .kinejunAward .top_ceremony_photo { text-align: right; font-size: 12px; color: rgb(0, 0, 0); padding: 5px 8px 0px 0px; margin: 0px 0px 40px; } .kinejunAward .movie { margin-bottom: 5px !important; } .kinejunAward .campaign select { vertical-align: middle; } .kinejunAward .campaign .select_year { width: 95%; margin: 0px auto 10%; } .kinejunAward .campaign .select_year select { font-size: 14px; width: 90%; padding: 10px 10px 10px 20px; appearance: none; border: 1px solid rgb(153, 153, 153); background: url("") right 50% / 25px no-repeat, linear-gradient(rgb(255, 255, 255) 0%, rgb(239, 235, 225) 100%) 0% 0% / 100%; color: rgb(0, 0, 0); } .kinejunAward .sp_only { display: none !important; } @media screen and (min-width: 601px) { .kinejunAward { padding-bottom: 55px; } } @media screen and (max-width: 600px) { .kinejunAward .sp_none { display: none !important; } .kinejunAward .sp_only { display: block !important; margin: 0px !important; } .kinejunAward { margin-bottom: 0px; padding-bottom: 45px; } .kinejunAward .header p { padding: 0px 35px; } .kinejunAward .campaign .select_year { text-align: center; margin-bottom: 0px; } .kinejunAward .main h2 { font-size: 18px; background: url("") center center / contain no-repeat; } .kinejunAward .main .section li { font-size: 14px; } .kinejunAward .popup-gallery ul li { width: 48%; } .kinejunAward .popup-gallery ul li a span { display: none; } .kinejunAward .main .section iframe { height: auto; min-height: 200px; } } .mfp-bg { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: rgb(11, 11, 11); opacity: 0.8; } .mfp-wrap { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1043; position: fixed; backface-visibility: hidden; outline: none !important; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; padding: 0px 8px; box-sizing: border-box; } .mfp-container::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container::before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0px auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: rgb(204, 204, 204); position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: rgb(204, 204, 204); } .mfp-preloader a:hover { color: rgb(255, 255, 255); } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0px; appearance: none; display: block; outline: none; padding: 0px; z-index: 1046; box-shadow: none; touch-action: manipulation; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0px; top: 0px; text-decoration: none; text-align: center; opacity: 0.65; padding: 0px 0px 18px 10px; color: rgb(255, 255, 255); font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: rgb(51, 51, 51); } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: rgb(255, 255, 255); right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0px; right: 0px; color: rgb(204, 204, 204); font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: -55px 0px 0px; top: 50%; padding: 0px; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow::before, .mfp-arrow::after { content: ""; display: block; width: 0px; height: 0px; position: absolute; left: 0px; top: 0px; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow::after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow::before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0px; } .mfp-arrow-left::after { border-right: 17px solid rgb(255, 255, 255); margin-left: 31px; } .mfp-arrow-left::before { margin-left: 25px; border-right: 27px solid rgb(63, 63, 63); } .mfp-arrow-right { right: 0px; } .mfp-arrow-right::after { border-left: 17px solid rgb(255, 255, 255); margin-left: 39px; } .mfp-arrow-right::before { border-left: 27px solid rgb(63, 63, 63); } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0px; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; background: rgb(0, 0, 0); } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0px; margin: 0px auto; } .mfp-figure { line-height: 0; } .mfp-figure::after { content: ""; position: absolute; inset: 40px 0px; display: block; width: auto; height: auto; z-index: -1; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; background: rgb(68, 68, 68); } .mfp-figure small { color: rgb(189, 189, 189); display: block; font-size: 13px; padding: 0px 0px 3px; line-height: 14px; } .mfp-figure figure { margin: 0px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0px; width: 100%; cursor: auto; } .mfp-title { font-size: 18px; text-align: left; line-height: 18px; color: rgb(243, 243, 243); overflow-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0px; padding-right: 0px; } .mfp-img-mobile img.mfp-img { padding: 0px; } .mfp-img-mobile .mfp-figure::after { top: 0px; bottom: 0px; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0px; margin: 0px; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0px; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0px; right: 0px; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0px; } } @media (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0px center; } .mfp-arrow-right { transform-origin: 100% center; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .kinema-post__New { position: relative; font-size: 16px; line-height: 1.75; margin: 60px 0px; } .kinema-post__New::after { content: ""; display: block; clear: both; } .kinema-post__New img, .kinema-post__New embed, .kinema-post__New iframe, .kinema-post__New object, .kinema-post__New audio, .kinema-post__New video { max-width: 100%; } html .kinema-post__New :where(img[class*="wp-image-"]) { height: auto; max-width: 100%; } .kinema-post__New.content-page { margin: 0px; } .kinema-post__New a { color: rgb(240, 178, 0); } .kinema-post__New a:hover { font-weight: bold; border-bottom: 1px solid rgb(240, 178, 0); } .kinema-post__New p { margin-top: 20px; } .kinema-post__New p::after { content: ""; display: block; clear: both; } .kinema-post__New h2, .kinema-post__New h3, .kinema-post__New h4, .kinema-post__New h5 { line-height: 1.5; margin-top: 40px; } .kinema-post__New h2 { font-size: 26px; } .kinema-post__New h3 { font-size: 22px; } .kinema-post__New h4 { font-size: 18px; } .kinema-post__New h5 { font-size: 16px; } .kinema-post__New h2 + h2, .kinema-post__New h2 + h3, .kinema-post__New h2 + h4, .kinema-post__New h2 + h5, .kinema-post__New h3 + h2, .kinema-post__New h3 + h3, .kinema-post__New h3 + h4, .kinema-post__New h3 + h5, .kinema-post__New h4 + h2, .kinema-post__New h4 + h3, .kinema-post__New h4 + h4, .kinema-post__New h4 + h5, .kinema-post__New h5 + h2, .kinema-post__New h5 + h3, .kinema-post__New h5 + h4, .kinema-post__New h5 + h5 { margin-top: 20px; } .kinema-post__New .size-full, .kinema-post__New .size-large, .kinema-post__New .size-medium, .kinema-post__New .size-thumbnail { max-width: 100%; height: auto; } .kinema-post__New .alignleft { float: left; margin: 0px 10px 10px 0px; } .kinema-post__New .aligncenter { display: block; margin: 0px auto 10px; } .kinema-post__New .alignright { float: right; margin: 0px 0px 10px 10px; } .kinema-post__New .wp-caption { margin-top: 20px; } .kinema-post__New .wp-caption a { display: block; } .kinema-post__New .wp-caption a:hover { border-bottom: none; } .kinema-post__New .wp-caption img { vertical-align: bottom; } .kinema-post__New .wp-caption-text { margin-top: 10px; text-align: center; font-size: 14px; } .kinema-post__New ul, .kinema-post__New ol { list-style-type: none; margin-top: 20px; } .kinema-post__New ul ul, .kinema-post__New ul ol, .kinema-post__New ol ul, .kinema-post__New ol ol { margin-top: 0px; } .kinema-post__New ol { counter-reset: number 0; } .kinema-post__New ul li::before { content: "・"; position: absolute; left: 0px; } .kinema-post__New ol li::before { counter-increment: number 1; content: counter(number) "."; position: absolute; left: 0px; } .kinema-post__New ul li, .kinema-post__New ol li { position: relative; line-height: 1.5; padding: 10px 0px 0px 25px; font-size: 14px; } .kinema-post__New pre { font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, "Meiryo, Osaka", "MS Pゴシック", "MS PGothic", "sans-serif"; font-weight: 400; font-size: 14px; margin-top: 20px; padding: 20px; background-color: rgb(242, 242, 242); border-left: 5px solid rgb(25, 25, 25); color: rgb(127, 127, 127); overflow: auto; } .kinema-post__New hr { margin-top: 40px; border-top: 1px solid rgb(242, 242, 242); border-bottom: 1px solid rgb(229, 229, 229); } .kinema-post__New table { margin-top: 20px; width: 100%; border-top: 1px solid rgb(229, 229, 229); border-left: 1px solid rgb(229, 229, 229); font-size: 14px; } .kinema-post__New table tr:nth-child(2n+1) { background: rgb(242, 242, 242); } .kinema-post__New table th { padding: 10px; background: rgb(50, 50, 50); color: rgb(255, 255, 255); border-right: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); } .kinema-post__New table td { padding: 10px; border-right: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); } .kinema-post__New .outline { border: 1px dotted rgb(216, 216, 216); padding: 20px; margin-top: 20px; display: inline-block; } .kinema-post__New .outline__toggle { display: none; } .kinema-post__New .outline__switch::before { content: "開く"; cursor: pointer; border: 1px solid rgb(216, 216, 216); padding: 5px; font-size: 12px; margin-left: 5px; border-radius: 5px; } .kinema-post__New .outline__toggle:checked + .outline__switch::before { content: "閉じる"; } .kinema-post__New .outline__switch + .outline__list { overflow: hidden; width: 0px; height: 0px; margin-top: 0px; margin-left: -20px; transition: all 0.2s ease 0s; } .kinema-post__New .outline__toggle:checked + .outline__switch + .outline__list { width: auto; height: auto; margin-top: 20px; transition: all 0.2s ease 0s; } .kinema-post__New .outline__item::before { content: normal; } .kinema-post__New .outline__link { display: inline-block; color: rgb(25, 25, 25) !important; } .kinema-post__New .outline__link:hover { border: none; } .kinema-post__New .outline__number { display: inline-block; color: rgb(127, 127, 127); background: rgb(242, 242, 242); padding: 3px 6px; font-weight: 400; font-size: 12px; margin-right: 5px; } .kinema-post__New blockquote { position: relative; color: rgb(63, 63, 63); margin-top: 20px; padding: 20px 20px 20px 70px; background-color: rgb(242, 242, 242); } .kinema-post__New blockquote::before { position: absolute; top: 10px; left: 20px; font-family: icomoon; content: ""; font-size: 30px; color: rgb(217, 217, 217); } .kinema-post__New .borderBox { border: 1px solid rgb(229, 229, 229); padding: 20px; margin-top: 20px; } .kinema-post__New .border2Box { border: 4px double rgb(229, 229, 229); padding: 20px; margin-top: 20px; } .kinema-post__New .bgBox { background: rgb(242, 242, 242); padding: 20px; margin-top: 20px; } .kinema-post__New .paperBox { position: relative; padding: 20px; margin-top: 20px; background-color: rgb(242, 242, 242); } .kinema-post__New .paperBox::after { content: ""; position: absolute; bottom: 0px; right: 0px; border-color: rgb(216, 216, 216) rgb(255, 255, 255) rgb(255, 255, 255) rgb(216, 216, 216); border-style: solid; border-width: 0px 0px 20px 20px; } .kinema-post__New .boldBox { border: 3px solid rgb(25, 25, 25); padding: 20px; margin-top: 20px; font-weight: 700; } .kinema-post__New .bracketsBox { position: relative; padding: 20px; margin-top: 20px; } .kinema-post__New .bracketsBox::before, .kinema-post__New .bracketsBox::after { display: inline-block; position: absolute; width: 20px; height: 30px; content: ""; } .kinema-post__New .bracketsBox::before { top: 0px; left: 0px; border-top: 1px solid rgb(25, 25, 25); border-left: 1px solid rgb(25, 25, 25); } .kinema-post__New .bracketsBox::after { right: 0px; bottom: 0px; border-right: 1px solid rgb(25, 25, 25); border-bottom: 1px solid rgb(25, 25, 25); } .kinema-post__New .questionBox, .kinema-post__New .exclamationBox { position: relative; margin-top: 20px; padding: 20px 20px 20px 70px; } .kinema-post__New .questionBox { background-color: rgb(217, 239, 247); } .kinema-post__New .exclamationBox { background-color: rgb(246, 225, 223); } .kinema-post__New .questionBox::before, .kinema-post__New .exclamationBox::before { position: absolute; top: 20px; left: 20px; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); text-align: center; vertical-align: middle; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; } .kinema-post__New .questionBox::before { content: "?"; background: rgb(0, 150, 200); } .kinema-post__New .exclamationBox::before { content: "!"; background: rgb(197, 57, 41); } .kinema-post__New .pointBox { position: relative; border: 2px solid rgb(197, 57, 41); border-radius: 5px; padding: 20px; margin-top: 20px; } .kinema-post__New .pointBox::before { content: "POINT"; position: absolute; top: -15px; left: 15px; font-size: 16px; font-weight: 700; background-color: rgb(255, 255, 255); color: rgb(197, 57, 41); padding: 0px 10px; } .kinema-post__New .asterisk { display: block; font-size: 1.3px; color: rgb(127, 127, 127); } .kinema-post__New .markerYellow { background: linear-gradient(transparent 60%, rgb(255, 255, 188) 60%); } .kinema-post__New .markerPink { background: linear-gradient(transparent 60%, rgb(255, 223, 239) 60%); } .kinema-post__New .markerBlue { background: linear-gradient(transparent 60%, rgb(204, 229, 255) 60%); } .kinema-post__New .adPost { width: 100%; overflow: hidden; margin-top: 20px; padding: 0px 10px; background-color: rgb(242, 242, 242); background-image: linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 75%, transparent 75%, transparent 100%); background-size: 6px 6px; } .kinema-post__New .adPost__title { font-size: 12px; padding: 10px 0px; display: block; font-weight: normal; text-align: center; } .kinema-post__New .youtube { position: relative; padding-bottom: 56.25%; height: 0px; overflow: hidden; max-width: 100%; margin: 20px auto 0px; } .kinema-post__New .youtube iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .kinema-post__New .twitter-tweet, .kinema-post__New .instagram-media { width: 500px !important; max-width: 100% !important; margin: 20px auto 0px !important; } .kinema-post__New :first-child { margin-top: 0px; } body.mce-content-body { background: rgb(255, 255, 255); padding: 25px !important; margin: 0px !important; } .socialList { list-style: none; display: flex; justify-content: flex-end; flex-wrap: wrap; width: 100%; margin-bottom: 60px; } .socialList__item { flex-grow: 1; height: 50px; line-height: 50px; min-width: 90px; text-align: center; } .socialList__link { display: block; color: rgb(255, 255, 255); } .socialList__link::before { font-size: 26px; display: block; transition: all 0.2s ease-in-out 0s; } .socialList__link:hover::before { background: rgb(255, 255, 255); transform: scale(1.2); box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 4px 0px; } .socialList__link.icon-facebook { background: rgb(59, 89, 152); } .socialList__link.icon-facebook:hover::before { color: rgb(59, 89, 152); } .socialList__link.icon-google { background: rgb(223, 74, 50); } .socialList__link.icon-google:hover::before { color: rgb(223, 74, 50); } .socialList__link.icon-hatebu { background: rgb(0, 143, 222); } .socialList__link.icon-hatebu:hover::before { color: rgb(0, 143, 222); } .socialList__link.icon-pocket { background: rgb(235, 70, 84); } .socialList__link.icon-pocket:hover::before { color: rgb(235, 70, 84); } .socialList__link.icon-line { background: rgb(0, 195, 0); } .socialList__link.icon-line:hover::before { color: rgb(0, 195, 0); } .ctaPost { border: 1px solid rgb(229, 229, 229); width: 100%; margin-bottom: 40px; } .ctaPost__title { width: 100%; background: rgb(239, 239, 239); text-align: center; font-size: 26px; line-height: 1.5; padding: 15px; } .ctaPost__contents { padding: 30px; font-size: 14px; line-height: 1.75; } .ctaPost__contents::after { content: ""; display: block; clear: both; } .ctaPost__img { display: block; float: right; margin: 0px 0px 30px 30px; } .ctaPost__img-pcCenter { float: none; margin: 0px auto 30px; } .ctaPost__img-pcLeft { float: left; margin: 0px 30px 30px 0px; } .ctaPost__btn { position: relative; display: block; clear: both; width: 80%; margin: 30px auto 0px; border-radius: 3px; background: rgb(240, 178, 0); border: 1px solid rgb(240, 178, 0); text-align: center; color: rgb(255, 255, 255); } .ctaPost__btn::before { content: ""; position: absolute; top: 50%; right: 10px; margin-top: -3px; width: 6px; height: 6px; border-top: 1px solid; border-right: 1px solid; transform: rotate(45deg); } .ctaPost__btn:hover { color: rgb(240, 178, 0); transition: all 0.2s ease 0s; background: rgb(255, 255, 255) !important; } .ctaPost__btn a { display: block; padding: 15px 0px; line-height: 1.5; font-size: 16px; font-weight: bold; } .rectangle { width: 100%; overflow: hidden; margin: auto; padding: 0px 10px; background-color: rgb(242, 242, 242); background-image: linear-gradient(to right top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 25%, transparent 25%, transparent 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 75%, transparent 75%, transparent 100%); background-size: 6px 6px; } .rectangle__item { float: left; width: 50%; } .rectangle__title { clear: both; font-size: 12px; padding: 10px 0px; display: block; font-weight: normal; text-align: center; } .rectangle__item.rectangle__item-left { text-align: left; padding-right: 5px; } .rectangle__item.rectangle__item-right { text-align: right; padding-left: 5px; } .rectangle .adsbygoogle { width: 336px; height: 280px; max-width: 100%; } .profile { border-top: 1px solid rgb(229, 229, 229); margin-top: 40px; padding-top: 40px; overflow: hidden; } .profile__imgArea { float: left; width: 60px; } .profile__imgArea img { border-radius: 50%; } .profile__list { list-style: none; width: 60px; } .profile__item { width: 30px; height: 30px; margin: 5px auto 0px; } .profile__link { display: block; background: rgb(50, 50, 50); line-height: 30px; border-radius: 50%; text-align: center; color: rgb(255, 255, 255); font-size: 12px; } .profile__link:hover { transition: all 0.2s ease 0s; } .profile__contents { width: calc(100% - 80px); float: right; } .profile__name { font-size: 18px; margin-bottom: 5px; line-height: 1.5; } .profile__group { font-size: 15px; line-height: 1.5; color: rgb(127, 127, 127); margin-bottom: 20px; } .profile__description { font-size: 1.3px; line-height: 1.75; } .related { border-top: 1px solid rgb(229, 229, 229); margin-top: 40px; padding-top: 40px; } .related__list { list-style-type: none; } .related__item { padding-top: 20px; } .related__item:first-child { padding-top: 0px; } .related__item::after { content: ""; display: block; clear: both; } .related__imgLink { display: block; float: left; width: 90px; height: 90px; overflow: hidden; } .related__imgLink img { width: inherit; height: inherit; vertical-align: bottom; transform: scale(1); transition: all 0.2s ease-in-out 0s; } .related__imgLink img:hover { transform: scale(1.2); } .related__title { width: calc(100% - 100px); float: right; font-size: 16px; font-weight: 700; line-height: 1.5; margin-bottom: 10px; color: rgb(240, 178, 0); } .related__title a:hover { text-decoration: underline; } .related__title span { display: block; font-size: 12px; color: rgb(127, 127, 127); font-weight: normal; } .related__title .icon-calendar::before { margin-right: 5px; line-height: 1; } .related__contents { width: calc(100% - 100px); float: right; font-size: 1.3px; line-height: 1.5; } .related__contents.related__contents-max { width: 100%; float: none; } .comments { border-top: 1px solid rgb(229, 229, 229); margin-top: 40px; padding-top: 40px; } .comments__list { list-style: none; } .comments__list li { overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); padding: 20px 20px 0px; margin-bottom: 20px; } .comments__list .children { list-style: none; } .comments__list .children li { background: rgb(242, 242, 242); } .comments__list .children li .children li { background: rgb(255, 255, 255); } .comments__list .children li .children li .children li { background: rgb(242, 242, 242); } .comments__list .children li .children li .children li .children li { background: rgb(255, 255, 255); } .comments__list .comment-body { margin-bottom: 20px; } .comments__list .comment-body p { line-height: 1.75; margin-bottom: 20px; } .comments__list .reply { width: 100%; text-align: right; } .comments__list .comment-author { width: 100%; overflow: hidden; margin-bottom: 10px; } .comments__list .comment-author .avatar { border-radius: 50%; float: left; margin-right: 10px; } .comments__list .comment-author .fn { line-height: 1.5; } .comments__list .comment-author .fn a { text-decoration: underline; } .comments__list .comment-author .says { display: none; } .comments__list .comment-meta { width: 100%; margin-bottom: 10px; background: rgb(240, 178, 0); padding: 5px 10px; border-radius: 5px; } .comments__list .comment-meta a { color: rgb(255, 255, 255); font-size: 12px; } .comments__list .comment-respond { background: rgb(255, 255, 255); padding: 20px; margin-bottom: 20px; border: 1px solid rgb(229, 229, 229); } .comment-respond #email-notes, .comment-respond .logged-in-as { font-size: 12px; line-height: 1.5; } .comment-respond .comment-notes, .comment-respond .logged-in-as, .comment-respond .comment-form-comment, .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { margin-bottom: 20px; } .comment-respond label { display: block; margin-bottom: 10px; } .comment-respond input, .comment-respond textarea { width: 100%; display: block; border: none; padding: 10px; border-radius: 5px; background: rgb(242, 242, 242); } @media only screen and (max-width: 767px) { .kinema-post__New { font-size: 14px; } .kinema-post__New h2 { font-size: 22px; } .kinema-post__New h3 { font-size: 18px; } .kinema-post__New h4 { font-size: 16px; } .kinema-post__New h5 { font-size: 14px; } .kinema-post__New .wp-caption-text { font-size: 12px; } .kinema-post__New ul li, .kinema-post__New ol li { font-size: 12px; } .kinema-post__New pre { font-size: 12px; padding: 15px; } .kinema-post__New table { font-size: 12px; } .kinema-post__New blockquote { padding: 15px 15px 15px 55px; } .kinema-post__New blockquote::before { top: 5px; left: 15px; font-size: 25px; } .kinema-post__New .questionBox, .kinema-post__New .exclamationBox { padding: 15px 15px 15px 55px; } .kinema-post__New .questionBox::before, .kinema-post__New .exclamationBox::before { top: 15px; left: 15px; font-size: 16px; width: 25px; height: 25px; line-height: 25px; } body.mce-content-body { padding: 10px !important; } .socialList { margin-bottom: 40px; } .socialList__item { height: 40px; line-height: 40px; } .socialList__link::before { font-size: 20px; } .ctaPost__title { font-size: 22px; } .ctaPost__contents { padding: 20px; } .ctaPost__img { float: right; margin: 0px 0px 20px 20px; } .ctaPost__img-spCenter { float: none; margin: 0px auto 20px; } .ctaPost__img-spLeft { float: left; margin: 0px 20px 20px 0px; } .ctaPost__btn { width: 100%; margin-top: 20px; } .ctaPost__btn a { font-size: 14px; } .rectangle__item.rectangle__item-left { width: 100%; text-align: center; } .rectangle__item.rectangle__item-right { display: none; } .profile__name { font-size: 16px; } .profile__group { font-size: 14px; } .profile__description { font-size: 12px; } .related__title { font-size: 14px; } .related__contents { font-size: 12px; } .comments__list li { padding: 15px 15px 0px; margin-bottom: 15px; } .comments__list .comment-respond { padding: 15px; } } .icon-facebook::before { content: ""; background: url("") center center / auto 26px no-repeat; width: auto; height: 50px; } .icon-line::before { content: ""; background: url("") center center / auto 26px no-repeat; width: auto; height: 50px; } .socialList__link.icon-facebook:hover::before { background: url("") center center / auto 26px no-repeat rgb(255, 255, 255); z-index: 1; position: relative; } .socialList__link.icon-line:hover::before { background: url("") center center / auto 26px no-repeat rgb(255, 255, 255); z-index: 1; position: relative; } .socialList__link.icon-X { background: rgb(0, 0, 0); } .socialList__link.icon-X:hover::before { color: rgb(0, 0, 0); } .icon-X::before { content: ""; background: url("") center center / auto 25px no-repeat; width: auto; height: 50px; } .socialList__link.icon-X:hover::before { background: url("") center center / auto 25px no-repeat rgb(255, 255, 255); z-index: 1; position: relative; } .socialList__link:hover { z-index: 10; } @media only screen and (max-width: 767px) { .icon-X::before { background-size: auto 20px; height: 40px; } .socialList__link.icon-X:hover::before { background-size: auto 20px; } } @media only screen and (max-width: 767px) { .socialList { margin-bottom: 0px !important; } .icon-facebook::before, .icon-twitter::before, .icon-line::before { background-size: auto 20px; height: 40px; } .socialList__link.icon-facebook:hover::before, .socialList__link.icon-twitter:hover::before, .socialList__link.icon-line:hover::before { background-size: auto 20px; } } .singleTitle__heading { margin-bottom: 10px; } h1.heading.heading-singleTitle.u-txtShdw { font-size: 24px; line-height: 1.4em; letter-spacing: 0.05em; margin-bottom: 15px; } li.dateList__item.icon-tag { position: relative; max-width: 700px; } li.dateList__item.icon-tag::before { content: "タグ:"; color: rgb(127, 127, 127); } li.dateList__item.icon-tag a { transition: all 0.2s ease 0s; color: rgb(127, 127, 127); } li.dateList__item.icon-calendar { font-weight: bold; } @media only screen and (min-width: 768px) { ul.dateList.dateList-singleTitle { display: flex; justify-content: space-between; align-items: end; } } @media only screen and (max-width: 767px) { h1.heading.heading-singleTitle.u-txtShdw { font-size: 18px; margin-top: 5px; } li.dateList__item.icon-tag { font-size: 11px; margin-bottom: 5px; } li.dateList__item.icon-calendar { font-size: 13px; text-align: right; } } .post-detail .indexPost-list.post-container h3 { font-size: 22px; letter-spacing: 0.05em; margin-bottom: 25px; } @media only screen and (min-width: 768px) { .post-detail .indexPost-list.post-container { margin-bottom: 80px; } } @media only screen and (max-width: 767px) { .post-detail .indexPost-list.post-container { margin-top: 40px; } .post-detail .indexPost-list.post-container h3 { font-size: 18px; margin-bottom: 15px; } } @keyframes scroll-hint-appear { 0% { transform: translateX(40px); opacity: 0; } 10% { opacity: 1; } 50%, 100% { transform: translateX(-40px); opacity: 0; } } .scroll-hint.is-right-scrollable { background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); } .scroll-hint.is-right-scrollable.is-left-scrollable { background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); } .scroll-hint.is-left-scrollable { background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0px, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); } .scroll-hint-icon { position: absolute; top: calc(50% - 25px); left: calc(50% - 60px); box-sizing: border-box; width: 120px; height: 80px; border-radius: 5px; transition: opacity 0.3s ease 0s; opacity: 0; background: rgba(0, 0, 0, 0.7); text-align: center; padding: 20px 10px 10px; } .scroll-hint-icon-wrap { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; max-height: 100%; pointer-events: none; } .scroll-hint-text { font-size: 10px; color: rgb(255, 255, 255); margin-top: 5px; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon { opacity: 0.8; } .scroll-hint-icon::before { display: inline-block; width: 40px; height: 40px; color: rgb(255, 255, 255); vertical-align: middle; text-align: center; content: ""; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4="); } .scroll-hint-icon::after { content: ""; width: 34px; height: 14px; display: block; position: absolute; top: 10px; left: 50%; margin-left: -20px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg=="); opacity: 0; transition-delay: 2.4s; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon::after { opacity: 1; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon::before { animation: 1.2s linear 0s 2 normal none running scroll-hint-appear; } .scroll-hint-icon-white { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px; } .scroll-hint-icon-white::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4="); } .scroll-hint-icon-white::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg=="); } .scroll-hint-icon-white .scroll-hint-text { color: rgb(0, 0, 0); } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } [href="https://ourgoldguy.com/contact/"] img { display: none !important; } (cache)“タイムリープ×青春ミステリ” ―誰も見たことのないありそうでなかった映画「リライト」 |キネマ旬報WEB

“タイムリープ×青春ミステリ” ―誰も見たことのないありそうでなかった映画「リライト」

タイムリープによる矛盾が多重発生した末に迎える衝撃的な結末が、“SF史上最悪のパラドックス”として評判を呼んだ法条遥の同名小説を映画化した「リライト」。6月13日より公開される同作は大林宣彦監督の名作映画「時をかける少女」へのオマージュを随所に感じさせつつも、青春映画を数多く手掛けてきた松居大悟(監督)と“時間もの”を得意とする上田誠(脚本)の最強タッグにより、タイムリープの矛盾を突くような展開が斬新かつ刺激的で、誰も見たことのない“タイムリープ×青春ミステリ”となっている。

青春時代のタイムリープの謎が10年の時を経て明らかとなる物語

物語の舞台は、2009年と2019年の夏の尾道。2009年の夏、高校生の美雪(池田エライザ)は、2009年の夏、転校生の保彦(阿達慶)と恋に落ちる。保彦はある小説を読んでこの時代に憧れ、300年後からタイムリープしてきた未来人だった。そして、出会って20日が過ぎた7月21日、高校内で起きた事故に保彦が巻き込まれたと思った美雪は、保彦からもらっていた一時的にタイムリープできる薬を使い、10年後に翔ぶ。すると、美雪は27歳になった未来の自分と出会い、保彦が無事であることを告げられると共に、「あなたが書く小説」だと一冊の本を見せられる。それは保彦がこの時代にやってくるきっかけとなった小説だった。現代に戻った美雪は、この夏に体験した自分と保彦の物語を小説にすると約束し、未来に戻る保彦を見送る。自分がこれから書く小説を未来の保彦が読むことで、時間のループが美しく完結すると信じた美雪は、小説を書き始める……。

高校生の美雪と未来人の転校生との出会いから別れまでの20日間の淡い恋模様を、冒頭で濃密に描くここまでの物語は、爽やかだがありきたりな青春SFに見える。しかし、これはあくまで物語のはじまりや序章でしかない。本作はここから独自の展開を見せていく。

10年後の2019年、上京して小説家になった美雪は、ようやく保彦との物語を小説として完成させる。そして、運命の日の7月21日、尾道の実家に帰省した美雪は出版間近の小説を手に10年前の自分を待つが、なぜか高校生の美雪は現れない。さらには美雪の書いたその小説と同じ物語が他にも存在することが判明し、盗作疑惑がかけられる。なぜ10年前の美雪は現れなかったのか、10年前の保彦との思い出は“私だけの物語”ではなかったのか……。保彦がこの時代に来るきっかけの小説を書いたのは主人公の美雪なのかが疑わしくなり、そもそも美雪は主人公なのか、冒頭の物語も本当に“はじまり”なのかといったことまで揺らぎ始める。

本来はここまでのあらすじも全く知らずに見ていただきたいところだが、ここまで書いてきたこともあくまで序盤ともいえ、ここからさらに一瞬も目が離せない急展開を見せていく。初見の驚きや楽しみを奪わないためにも、これ以上の具体的な物語への言及は避けるが、数々のタイムリープSF作品の疑問や矛盾を巧妙に突いたような展開は、その種の作品を数多く見てきた人こそ特にドキドキワクワクさせられ、グイグイ惹き込まれるはず。タイムリープSFを皮肉ったブラックコメディ的な要素もあり、原作が「SF史上最悪のパラドックス」「筒井康隆の『時をかける少女』のバッドエンド版」「イヤミスSF」と評されたことにも頷ける。

若手実力派俳優たちが勢揃いしたキャスティングと「時をかける少女」へのオマージュ

主人公の美雪を演じるのは、俳優のみならず歌手やモデルやカメラマンとしても活躍し、長編映画「夏、至るころ」(20)と「MIRRORLIAR FILMS Season4」(22)の短編『Good night PHOENIX』では映画監督も務めた池田エライザ。そのクリエイティブで華やかさと陰の雰囲気を併せ持つ個性や存在感は、小説家の職に就く美雪という役に説得力を与えている。

その同級生役も、劇中で2019年の現在と10年前の高校時代という二つの年齢を演じ分ける必要があることから、共演陣にも池田と同じく演技力の確かな若手実力派俳優たちが揃う。過去に松居作品への出演経験がある橋本愛(「ワンダフルワールドエンド」15)、山谷花純(「男子高校生の日常」13)、大関れいか(「私たちのハァハァ」15、「ちょっと思い出しただけ」22、「不死身ラヴァーズ」24)、森田想(「アイスと雨音」18)、福永朱梨(「手」22)などに加え、松居作品初参加の久保田紗友、倉悠貴、前田旺志郎など、今後さらなる活躍が必至の手練れの若手俳優たちが多数出演。彼らの今しか見られない芝居や豪華共演が堪能できるのも、本作の大きな魅力となっている。

また、未来人の保彦役には、撮影当時に劇中の年齢と同じ17歳だった阿達慶をオーディションで抜擢。今回が映画初出演となるが、その新鮮な透明感は、不思議な魅力を持つ未来人という役柄にハマっている。そして、“未来から来た転校生”や“ラベンダーの香り”の描写、劇中に登場する小説タイトルなど、原作自体が筒井康隆の『時をかける少女』へのオマージュも込められていることから、今回の映画では大林宣彦監督の実写版映画「時をかける少女」へのオマージュを込め、舞台を原作の静岡県から広島県の尾道に変更。夏の尾道でオールロケを行い、美しい瀬戸内海とそこから吹く風、古い坂道や海沿いの道、神社やケーブルカーなど、普遍的なノスタルジーを漂わせる尾道の風景が、映画としての味わいを深めている。さらには、大林監督の“尾道三部作”(「転校生」82、「時をかける少女」83、「さびしんぼう」85)などに出演した尾美としのり、“新尾道三部作”の第1作「ふたり」(91)に主演した石田ひかりという、大林監督作の常連俳優の二人が出演しているのも、映画ファンには見逃せない。

“時間もの”の名手・上田誠脚本史上最大の緻密な時間のパズル

原作は小説ならではの叙述トリックがあり、シリーズ化もされていくが、映画は舞台を静岡県から広島県の尾道に変更した以外にも原作と異なる点が多く、一つの完結した作品ともなっている。そんな映画について原作者の法条は「全編にわたって、わりとゆったりと進行しているのに、要所でおさえるべきところをしっかりとおさえていて、それでいてくどくないような仕上がりになったのに驚いています。 展開上、過去編はさわやかに、それでいて含みを持たせなければならないのに、そうした難しい作りを、よどみなくストーリーに組み込んだ完成度が素晴らしいと思いました。 監督およびスタッフの皆様、そして出演者の方々に感謝を申し上げます」とコメントし、その出来栄えを称えている。

また、本作が初タッグとなる脚本の上田誠と監督の松居大悟は、松居の創作活動のきっかけが、映画化もされた上田の作・演出の舞台『サマータイムマシン・ブルース』を見たことに由来するため、師弟関係にあるという。そんな二人はかねてよりコラボレーションの機会を探っていた中、上田が松居に提案したのが、今回の原作小説だったそう。確かに“青春×タイムリープ”という題材は、松居と上田それぞれの得意分野を活かすのに最適に思える。しかしその脚本執筆は、映画「ドロステのはてで僕ら」(20)「リバー、流れないでよ」(23)やTVドラマ『時をかけるな、恋人たち』(23)など、数々の“時間もの”を手掛けてきた上田が「〈時間のパズル〉という意味では映画史上、少なくとも“自分史上最大のパズル”でした」と語るほど、難航を極めたようだ。複雑な時間軸と数多くの人物が交錯する物語だけに、タイムリープによって生まれる世界線や各キャラクターの行動の理由付け、その辻褄合わせも含めた緻密な時間のパズルを1本の映画として再構築するのは、嫌になるほど膨大な時間がかかり、脚本の第一稿をなかなか書き出せなかったと上田は明かしている。

脚本だけでなく撮影でも、本作ならではの難しさがあったことは、映画を見ると納得できることだろう。緻密かつ斬新なタイムリープSFと、様々な感情が混雑する若き日の輝きやもがきを写し出す普遍的な青春映画を、ミステリ要素も交えて掛け合わせた本作は、よくぞこれほど複雑な構造の物語を誰もが楽しめるエンタメ作品に昇華させたものだと唸らされる。結末を知った上で最初から見直すと、初見では気付かなかった伏線や細部にまでこだわった様々な描写にも目が留まり、何度でも見返したくなるはずだ。

 

文=天本伸一郎 制作=キネマ旬報社

「リライト」

6月13日(金)より全国にて公開
2025年/日本/127分

監督:松居大悟

脚本:上田誠
原作:法条遥 「リライト」(ハヤカワ文庫)
主題歌:Rin音「scenario」
音楽:森優太

出演:池田エライザ、阿達慶、久保田紗友、倉悠貴、山谷花純、大関れいか、森田想、福永朱梨、若林元太、池田永吉、晃平、八条院蔵人
篠原篤、前田旺志郎、長田庄平(チョコレートプラネット)、マキタスポーツ、町田マリー、津田寛治、尾美としのり、石田ひかり、橋本愛

配給:バンダイナムコフィルムワークス
©2025『リライト』製作委員会
公式HP:https://rewrite-movie.jp/

最新映画カテゴリの最新記事