@charset "UTF-8";
:root {
--color-primary: #B50080;
--color-dark: #1A1A1A;
--color-gray: #F3F4F8;
--color-gray2: #B2B2B2;
--color-rightgray: #666666;
--color-rightgray2: #888888;
--color-rightgray3: #E6E9F1;
--color-blue: #007AAB;
--color-rightblue: #0099CE;
--color-skyblue: #E7F5F9;
--color-skyblue2: #007AAB;
--color-red: #D70606;
}
/*
フォントサイズ
$font-size: フォントサイズ(必須)
$line-height: ラインハイト or 空
$letter-spacing: レタースペーシング or 空
*/
/*
*/
/*
Hタグ
$type: 2(H2サイズ)
*/
/*
共通ボタン 大
default: skyblue2
*/
/*
共通ボタン 小
default: skyblue2
*/
/*
通常
SP 左右のマージン20px
PC 幅900px
*/
/*
角丸border付きレイアウト
*/
/*
グレーの文字の補足系
*/
.p-info {
/******************************
劇場・全国共通
******************************/
/* 見出し */
/* テキスト */
/* テーブル */
/* ボタン */
/* 画像 */
/******************************
劇場のみ
******************************/
/* コンポーネント間余白 */
/******************************
全国のみ
******************************/
/* コンポーネント間余白 */
/* ローカルナビ */
/* 見出し */
/* テキスト */
/* ボタン */
}
.p-info .p-infoInner {
margin-left: 20px;
margin-right: 20px;
}
@media screen and (min-width: 940px) {
.p-info .p-infoInner {
width: 100%;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
}
.p-info .p-info__h2 {
font-size: 2.2rem;
line-height: 1.5;
font-weight: 700;
}
@media screen and (min-width: 769px) {
.p-info .p-info__h2 {
font-size: 2.6rem;
line-height: 1.5;
}
}
.p-info .p-info__freeText {
font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
.p-info .p-info__freeText {
font-size: 1.6rem;
}
}
.p-info .p-info__note {
line-height: 1.5;
}
.p-info .p-info__table {
width: 100%;
border: 1px solid var(--color-rightgray3);
text-align: left;
font-size: 14px;
letter-spacing: 0;
}
.p-info .p-info__table th {
padding: 12px 10px;
font-weight: normal;
background: var(--color-gray);
border: 1px solid var(--color-rightgray3);
vertical-align: middle;
width: 120px;
}
@media screen and (min-width: 769px) {
.p-info .p-info__table th {
width: 300px;
}
}
.p-info .p-info__table th, .p-info .p-info__table td {
padding: 10px;
border: 1px solid var(--color-rightgray3);
vertical-align: middle;
}
.p-info .p-info__btnWrapper {
width: 295px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 769px) {
.p-info .p-info__btnWrapper {
width: 335px;
}
}
.p-info .p-info__btnMiddle {
width: 100%;
}
@media screen and (min-width: 769px) {
.p-info .p-info__btnMiddle {
width: 367px;
}
}
.p-info .p-info__btnLarge {
width: 100%;
}
@media screen and (min-width: 769px) {
.p-info .p-info__btnLarge {
width: 415px;
}
}
.p-info .p-info__img {
width: 100%;
max-width: 653px;
margin-left: auto;
margin-right: auto;
}
.p-info .p-info__mt {
margin-top: 32px;
}
@media screen and (min-width: 769px) {
.p-info .p-info__mt {
margin-top: 56px;
}
}
.p-info .p-info__detailBtn .c-btn {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 40px 20px 16px;
border-radius: 5px;
text-decoration: none;
color: var(--color-skyblue2);
border: 1px solid var(--color-skyblue2);
background-color: #fff;
position: relative;
overflow: hidden;
background-color: var(--color-blue);
}
.p-info .p-info__detailBtn .c-btn::before {
content: "";
width: 0px;
height: 100%;
position: absolute;
top: 0px;
right: -30px;
border-radius: 30px;
transition: width 0.4s ease;
isolation: isolate;
background-color: var(--color-blue);
}
.p-info .p-info__detailBtn .c-btn span {
position: relative;
font-weight: 500;
isolation: isolate;
transition: color 0.4s ease;
}
.p-info .p-info__detailBtn .c-btn::after {
content: "";
width: 24px;
height: 24px;
display: block;
position: absolute;
top: 50%;
margin-top: -12px;
right: 16px;
isolation: isolate;
transition: background-image 0.4s ease;
}
.p-info .p-info__detailBtn .c-btn[href*=".pdf"][target=_blank]::after, .p-info .p-info__detailBtn .c-btn[href*=".pdf"]:hover::after, .p-info .p-info__detailBtn .c-btn[href*=".pdf"][target=_blank]:hover::after, .p-info .p-info__detailBtn .c-btn[href*=".pdf"]::after {
background: url("/assets_2025/img/icon/pdf.svg") center center/contain no-repeat;
position: static;
margin: 0px auto 0px 8px;
}
.p-info .p-info__detailBtn .c-btn.--nobgcolor {
background: inherit;
}
@media screen and (min-width: 769px) {
.p-info .p-info__detailBtn .c-btn:hover span {
color: #fff;
}
.p-info .p-info__detailBtn .c-btn:hover::before {
left: -30px;
right: unset;
width: calc(100% + 60px);
}
.p-info .p-info__detailBtn .c-btn:hover::after {
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
transition-delay: 0.1s;
}
.p-info .p-info__detailBtn .c-btn:hover[target=_blank]::after {
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
}
.p-info .p-info__detailBtn .c-btn span {
color: #fff;
}
.p-info .p-info__detailBtn .c-btn::before {
background: #fff;
}
.p-info .p-info__detailBtn .c-btn::after {
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
.p-info .p-info__detailBtn .c-btn[target=_blank]::after {
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
@media screen and (min-width: 769px) {
.p-info .p-info__detailBtn .c-btn:hover span {
color: var(--color-blue);
}
.p-info .p-info__detailBtn .c-btn:hover::after {
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
.p-info .p-info__detailBtn .c-btn:hover[target=_blank]::after {
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
}
body.--black .p-info .p-info__detailBtn .c-btn:not(.c-modal__ticket *) {
background: none;
}
.p-info .p-info__backBtn .c-btn {
padding: 20px 16px 20px 40px;
}
.p-info .p-info__backBtn .c-btn::after {
left: 16px;
right: auto;
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
.p-info .p-info__backBtn .c-btn:hover::after {
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
.p-info .p-info__mtNW {
margin-top: 40px;
}
@media screen and (min-width: 769px) {
.p-info .p-info__mtNW {
margin-top: 56px;
}
}
.p-info .p-info__mtS {
margin-top: 32px;
}
@media screen and (min-width: 769px) {
.p-info .p-info__mtS {
margin-top: 40px;
}
}
.p-info .p-info__nav {
background-color: var(--color-gray);
padding: 32px 0;
text-align: center;
}
.p-info .p-info__nav a {
display: inline-block;
text-decoration: none;
background-image: none !important;
color: var(--color-dark);
position: relative;
padding-right: 40px;
}
.p-info .p-info__nav a::before {
content: "";
width: 100%;
height: 1px;
position: absolute;
left: 0px;
bottom: 0px;
background-image: linear-gradient(90deg, #000, #000);
background-repeat: no-repeat;
background-position: right bottom;
background-size: 0% 100%;
transition: background-size 0.4s ease;
}
.p-info .p-info__nav a::after {
content: "";
width: 24px;
height: 24px;
display: block;
position: absolute;
top: 4px;
right: 0;
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
.p-info .p-info__nav a:not(:last-of-type) {
margin: 0 30px 32px 0;
}
.p-info .p-info__nav a:hover::before {
background-size: 100% 100%;
background-position: left bottom;
}
.p-info .p-info__h4 {
font-size: 1.9rem;
line-height: 1.4736842105;
font-weight: 700;
}
@media screen and (min-width: 769px) {
.p-info .p-info__h4 {
font-size: 2rem;
line-height: 1.5;
}
}
.p-info .p-info__h5 {
font-size: 1.7rem;
line-height: 1.5;
font-weight: 700;
}
.p-info .p-info__textCenter {
text-align: center;
}
.p-info .p-info__textRight {
text-align: right;
}
.p-info .p-info__linkRow {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 16px 40px;
}
@media screen and (min-width: 769px) {
.p-info .p-info__linkRow {
flex-direction: row;
}
.p-info .p-info__linkRow p {
flex-basis: 21.6666666667%;
}
}
.p-info .p-info__textlink[href*=".pdf"][target=_blank]::after, .p-info .p-info__textlink[href*=".pdf"]::after {
content: "";
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("/assets_2025/img/icon/pdf.svg") center center/contain no-repeat !important;
}
.p-info .p-info__btnLeft {
width: 295px;
}
@media screen and (min-width: 769px) {
.p-info .p-info__btnLeft {
width: 335px;
}
}
.p-info .p-info__btnRight {
width: 295px;
margin-left: auto;
margin-right: 0;
}
@media screen and (min-width: 769px) {
.p-info .p-info__btnRight {
width: 335px;
}
}
.p-info .p-info__acVideo h2 {
margin-bottom: 40px;
}
.p-info .p-info__acVideo h3:not(:last-of-type) {
margin-bottom: 20px;
}
.p-info .p-info__acVideo h3:last-of-type {
margin-bottom: 0;
}
.p-info .p-info__rowEven {
display: flex;
flex-direction: column;
gap: 40px;
}
@media screen and (min-width: 769px) {
.p-info .p-info__rowEven {
flex-direction: row;
}
}
.p-info .p-info__rowEven .p-info__block {
flex: 1;
}
.p-info .p-info__rowReverseEven {
display: flex;
flex-direction: column;
gap: 40px;
}
@media screen and (min-width: 769px) {
.p-info .p-info__rowReverseEven {
flex-direction: row-reverse;
}
}
.p-info .p-info__rowReverseEven .p-info__block {
flex: 1;
}
.p-info .p-info__rowS {
display: flex;
flex-direction: column;
gap: 40px;
}
.p-info .p-info__rowS .p-info__img {
flex-basis: 33%;
}
.p-info .p-info__rowS .p-info__textBlock {
flex-basis: 62.5555555556%;
}
@media screen and (min-width: 769px) {
.p-info .p-info__rowS {
flex-direction: row;
}
}
.p-info .p-info__rowReverseS {
display: flex;
flex-direction: column;
gap: 40px;
}
.p-info .p-info__rowReverseS .p-info__img {
flex-basis: 33%;
}
.p-info .p-info__rowReverseS .p-info__textBlock {
flex-basis: 62.5555555556%;
}
@media screen and (min-width: 769px) {
.p-info .p-info__rowReverseS {
flex-direction: row-reverse;
}
}
.p-info .p-info__1c .p-info__img {
max-width: 100%;
}
.p-info .p-info__1c .p-info__textBlock {
margin-top: 24px;
}
.p-info .p-info__1c .p-info__freeText {
margin-top: 16px;
}
.p-info .p-info__2c {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 40px;
}
@media screen and (min-width: 769px) {
.p-info .p-info__2c {
flex-direction: row;
}
.p-info .p-info__2c .p-info__item {
flex-basis: 47.7777777778%;
}
}
.p-info .p-info__2c .p-info__textBlock {
margin-top: 16px;
}
.p-info .p-info__2c .p-info__freeText {
margin-top: 8px;
}
.p-info .p-info__3c {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 24px;
}
@media screen and (min-width: 769px) {
.p-info .p-info__3c {
flex-direction: row;
}
.p-info .p-info__3c .p-info__item {
flex-basis: 31.5555555556%;
}
}
.p-info .p-info__3c .p-info__textBlock {
margin-top: 16px;
}
.p-info .p-info__3c .p-info__freeText {
margin-top: 8px;
}
.p-info .p-info__gray {
background-color: var(--color-gray);
}
.p-info .p-info__green {
background-color: #F4F7ED;
}
.p-info .p-info__newsList .p-info__news {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.p-info .p-info__newsList .p-info__news:not(:first-of-type) {
margin-top: 40px;
}
@media screen and (max-width: 768px) {
.p-info .p-info__newsList .p-info__news dd {
margin-top: 16px;
}
}
@media screen and (min-width: 769px) {
.p-info .p-info__newsList .p-info__news {
flex-direction: row;
gap: 24px 40px;
}
.p-info .p-info__newsList .p-info__news dt {
flex-basis: 132px;
}
.p-info .p-info__newsList .p-info__news dd {
flex-basis: calc(100% - 172px);
}
}
.p-info .p-info__movie {
width: 100%;
max-width: 653px;
margin-left: auto;
margin-right: auto;
}
.p-info .p-info__movie .p-info__mvWrap {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.p-info .p-info__movie .p-info__mvWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.p-info .p-info__spacer--20 {
margin-top: 20px;
}
.p-info .p-info__spacer--40 {
margin-top: 40px;
}
.p-info .p-info__spacer--60 {
margin-top: 60px;
}
/*# sourceMappingURL=../../sourcemaps/assets_2025/css/info.css.map */