@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付きレイアウト
*/
/*
グレーの文字の補足系
*/
body.--black.goldclass-nationwide {
background: #1c1c1c;
}
.c-movie.goldclass-nationwide {
padding-top: 0;
}
@media screen and (min-width: 769px) {
.c-movie.goldclass-nationwide {
padding-top: 48px;
}
}
.c-movie.goldclass-nationwide .c-movie__env {
background: #1c1c1c;
padding-top: 0;
}
.c-movie.goldclass-nationwide .c-movie__envMore a::before {
background-color: #fff;
}
@media screen and (min-width: 769px) {
.c-movie.goldclass-nationwide .c-movie__envMore a:hover span {
color: #1A1A1A;
}
}
@media screen and (min-width: 769px) {
.c-movie.goldclass-nationwide .c-movie__envMore a:hover::after {
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
}
.c-breadcrumb.goldclass-nationwide {
padding-bottom: 16px;
margin-bottom: 0;
}
@media screen and (min-width: 769px) {
.c-breadcrumb.goldclass-nationwide {
padding-bottom: 24px;
}
}
#goldClassTransfer {
/* gp-price_notice */
}
#goldClassTransfer .gp-movie {
margin-left: 20px;
margin-right: 20px;
position: relative;
padding-bottom: 9rem;
}
@media screen and (min-width: 1120px) {
#goldClassTransfer .gp-movie {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 769px) {
#goldClassTransfer .gp-movie {
padding-bottom: 15rem;
}
}
#goldClassTransfer .gp-gold-class-movie-text-top {
text-align: center;
margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
#goldClassTransfer .gp-gold-class-movie-text-top {
margin-bottom: 60px;
}
}
#goldClassTransfer .gp-movie-heading {
font-family: "Cinzel", serif;
font-weight: 700;
}
#goldClassTransfer .c-movie__movies {
border-bottom: 1px solid #333;
}
#goldClassTransfer .c-movie__movies p {
line-height: 1.5;
margin-bottom: 0;
}
#goldClassTransfer .c-movie__movie {
border-top: 1px solid #333;
}
#goldClassTransfer .c-movie__movie:first-child {
border: none;
}
#goldClassTransfer .c-movie__overview--more {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 10%, rgb(28, 28, 28) 60%);
}
#goldClassTransfer p.c-movie__date {
font-size: 1rem;
}
#goldClassTransfer .c-movie__buy a {
color: #bca159;
line-height: 1.5;
border: 1px solid #bca159;
}
#goldClassTransfer .c-movie__buy a::before {
background-color: #BBA161;
}
#goldClassTransfer .c-movie__buy a::after {
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
@media screen and (min-width: 769px) {
#goldClassTransfer .c-movie__buy a:hover span {
color: #1A1A1A;
}
}
@media screen and (min-width: 769px) {
#goldClassTransfer .c-movie__buy a:hover::after {
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
}
#goldClassTransfer .c-movie__link a {
color: #bca159;
background-image: linear-gradient(90deg, #bca159, #bca159) !important;
}
#goldClassTransfer .c-movie__more a::before {
background-color: #fff;
}
@media screen and (min-width: 769px) {
#goldClassTransfer .c-movie__more a:hover span {
color: #1A1A1A;
}
}
@media screen and (min-width: 769px) {
#goldClassTransfer .c-movie__more a:hover::after {
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
}
#goldClassTransfer .gp-gold-class-theater.goldclass-nationwide {
height: auto;
background-size: 155% auto;
background-position: center top;
}
@media screen and (min-width: 769px) {
#goldClassTransfer .gp-gold-class-theater.goldclass-nationwide {
background-size: cover;
}
}
#goldClassTransfer .gp-gold-class-theater-text-top {
text-align: center;
}
#goldClassTransfer .gp-gold-heading {
font-weight: 700;
}
#goldClassTransfer .gp-gold-class-theater-text-center {
margin-left: 20px;
margin-right: 20px;
display: block;
padding-top: 11rem;
}
@media screen and (min-width: 1120px) {
#goldClassTransfer .gp-gold-class-theater-text-center {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
}
#goldClassTransfer .c-movie__theaters p {
line-height: 1.5;
}
#goldClassTransfer .c-movie__theaterList a {
background: none;
border: 1px solid #fff;
}
#goldClassTransfer .c-movie__theaterList a p {
margin-bottom: 0;
}
#goldClassTransfer .c-movie__theaterList a p::after {
background: url('data:image/svg+xml;utf8,') center center/contain no-repeat;
}
#goldClassTransfer .gp-price_notice .notice_ttl {
font-size: 26px;
margin-bottom: 1rem;
color: #bca159;
}
#goldClassTransfer .gp-price_notice .notice_txt {
margin-bottom: 0.5rem;
color: #FF3B30;
}
#goldClassTransfer .gp-price_notice .notice_lnk {
margin-bottom: 0;
}
#goldClassTransfer .gp-price_notice .notice_lnk a {
background-image: linear-gradient(90deg, #FF3B30, #FF3B30) !important;
text-decoration: none;
font-weight: 400;
color: #FF3B30;
}
@media only screen and (max-width: 767px) {
#goldClassTransfer .gp-price_notice .notice_ttl {
font-size: 20px;
}
}
/*# sourceMappingURL=../../../sourcemaps/_transfer/gold_class/css/gold_class_nationwide.css.map */