@charset "utf-8";
/* CSS Document */
.stadiumcity_copy {
background-image: url(/lp/assets/fvcopy_bg.ea50442d.png);
background-size: auto;
background-repeat: no-repeat;
background-position: center center;
font-size: 20px;
text-align: center;
line-height: 1.5em;
margin-top: 60px;
}
.stadiumcity_slider_wrap {
margin: 40px 0 0;
}
.stadiumcity_slider img {
width: 350px;
}
.stadiumcity_content a {
cursor: pointer;
color: #3366cc;
text-decoration: underline;
}
.stadiumcity_content a:hover {
opacity: 0.7;
}
.stadiumcity_content .anc_list {
margin: 100px 20px;
display: flex;
justify-content: space-around;
}
#anc_plan .anc_list {
margin: 50px auto 0;
}
.stadiumcity_content h2 {
margin: 50px 0 60px;
}
.stadiumcity_content .stadiumcity_inner {
margin: 0 49px;
}
.stadiumcity_content .point_txt {
background-color: #e3f1ff;
padding: 25px;
padding-bottom: 12px;
}
.stadiumcity_content .point_txt p {
margin-bottom: 0.5em;
}
.stadiumcity_content h3 {
font-size: 22px;
color: #073e73;
margin: 70px 0 30px;
position: relative;
}
.stadiumcity_content h3 span {
position: relative;
z-index: 2;
}
.stadiumcity_content h3::before {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
content: '';
height: 0.5em;
background: linear-gradient(to right, #fff0f9, #fff);
z-index: 1;
}
.stadiumcity_content p {
line-height: 1.6;
}
.stadiumcity_content p .under_y {
background: linear-gradient(transparent 60%, #fffa9b 40%);
}
/*================================▼スタジアムシティã®é…力▼==========================================*/
.stadiumcity_content .susume_photo {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.stadiumcity_content .susume_photo p {
text-align: center;
width: 300px;
}
.stadiumcity_content .susume_photo img,
.stadiumcity_content .susume_photo span {
display: block;
}
.stadiumcity_content .susume_photo span {
margin-top: 0.25em;
}
.stadiumcity_content .susume_row2 {
display: flex;
justify-content: space-between;
}
.stadiumcity_content .susume_row2 p {
width: 50%;
}
.stadiumcity_content .susume_row2 img {
width: 442px;
}
.note {
color: #b0b0b0;
font-size: 0.85em;
}
/*================================â–¼ãŠã™ã™ã‚ã®éŽã”ã—方▼==========================================*/
.stadiumcity_content .osusume_body p span {
font-size: 0.8em;
color: #5c5c5c;
}
.stadiumcity_content .sugoshi_list {
display: flex;
margin-top: 30px;
}
.stadiumcity_content .sugoshi_list li {
margin-right: 20px;
}
.stadiumcity_content .sugoshi_list li:last-child {
margin-right: 0px;
}
.stadiumcity_content .sugoshi_list li {
border: 1px solid #c7c7c7;
width: 200px;
}
.stadiumcity_content .sugoshi_list li .list_img {
position: relative;
}
.stadiumcity_content .sugoshi_list li .list_img p {
position: absolute;
color: #fff;
left: 0.5vw;
bottom: 0.5vw;
font-size: 10px;
font-weight: bold;
}
.stadiumcity_content .sugoshi_list li .list_time {
padding: 10px;
}
.stadiumcity_content .sugoshi_list li .list_time p {
display: block;
}
.stadiumcity_content .sugoshi_list li .list_time p:first-of-type {
font-weight: bold;
margin-bottom: 6px;
}
.stadiumcity_content .sugoshi_list li .list_time p.r_train {
padding-left: 20px;
position: relative;
}
.stadiumcity_content .sugoshi_list li .list_time p.r_train::before {
content: '';
position: absolute;
top: 50%;
left: 0%;
transform: translateY(-50%);
width: 18px;
height: 18px;
}
.stadiumcity_content .sugoshi_list li .list_time p.r_train::before {
background: url(https://www.nagasakistadiumcity.com/wp-content/themes/stadiumcity/nsc_hotel/images/common/icon_train.webp) left top no-repeat;
background-size: contain;
}
/*================================▼記念プラン▼==========================================*/
.stadiumcity_content .miryoku_body,
.stadiumcity_content .osusume_body,
.stadiumcity_content .plan_body {
padding-bottom: 120px;
}
/*SP*/
@media screen and (max-width: 767px) {
.stadiumcity_copy {
background-size: 140% auto;
font-size: 3.8vw;
margin-top: 12vw;
}
.stadiumcity_slider_wrap {
margin-top: 10vw;
}
.stadiumcity_slider img {
width: 45vw;
}
.stadiumcity_content .anc_list {
display: block;
margin: 20vw 0 -15vw 0;
padding: 2vw 0vw 1vw 0vw;
background-color: #e8f4ff;
}
.stadiumcity_content .plan_body .anc_list li {
margin: 5vw;
}
.stadiumcity_content .anc_list li {
margin: 2vw;
text-align: center;
}
.stadiumcity_content .anc_list li a {
margin: 0 auto;
display: block;
}
.stadiumcity_content h2 {
margin: 20vw 0 10vw;
}
.stadiumcity_content .point_txt {
padding: 3vw;
padding-bottom: 2vw;
font-size: 3vw;
}
.stadiumcity_content .stadiumcity_inner {
margin: 0;
}
.stadiumcity_content h3 {
font-size: 5vw;
margin: 10vw 0 5vw;
}
.stadiumcity_content h3 span {
margin-left: 2vw;
display: block;
font-size: 4.5vw;
}
.stadiumcity_content h3::before {
bottom: -0.5vh;
height: 110%;
}
.stadiumcity_content p {
font-size: 3vw;
}
/*================================▼スタジアムシティã®é…力▼==========================================*/
.stadiumcity_content .susume_photo {
display: block;
margin: 5vw auto 0;
}
.stadiumcity_content .susume_photo p {
width: 80vw;
margin: 0 auto 5vw;
}
.stadiumcity_content .susume_photo img {
margin: 0 auto;
}
.stadiumcity_content .susume_row2 {
display: block;
}
.stadiumcity_content .susume_row2 p {
width: 100%;
}
.stadiumcity_content .susume_row2 img {
width: 80vw;
margin: 5vw;
}
/*================================â–¼ãŠã™ã™ã‚ã®éŽã”ã—方▼==========================================*/
.stadiumcity_content .sugoshi_list {
display: block;
margin-top: 5vw;
}
.stadiumcity_content .sugoshi_list li {
display: flex;
width: 80vw;
margin: 0 auto 3vw;
}
.stadiumcity_content .sugoshi_list li:last-child {
margin: 0 auto;
}
.stadiumcity_content .sugoshi_list li .list_img {
position: relative;
width: 50%;
}
.stadiumcity_content .sugoshi_list li .list_img p {
font-size: 2.8vw;
}
.stadiumcity_content .sugoshi_list li .list_time {
padding: 3vw;
}
.stadiumcity_content .sugoshi_list li .list_time p {
display: block;
}
.stadiumcity_content .sugoshi_list li .list_time p:first-of-type {
margin-bottom: 3vw;
}
.stadiumcity_content .sugoshi_list li .list_time p.r_train {
padding-left: 6vw;
}
.stadiumcity_content .sugoshi_list li .list_time p.r_train::before {
width: 5vw;
height: 5vw;
}
/*================================▼記念プラン▼==========================================*/
#anc_plan>ul {
margin-top: 0;
}
#anc_plan .anc_list {
margin: 5vw 0 0 !important;
}
.stadiumcity_content .miryoku_body,
.stadiumcity_content .osusume_body,
.stadiumcity_content .plan_body {
padding-bottom: 10vw;
}
}
.c-categoryMv {
height: auto
}
@media screen and (max-width: 767px) {
.c-categoryMv {
margin-top: 0
}
}
@media screen and (max-width: 767px) {
.c-categoryMv_copy img {
width: 100%
}
}
.c-pageBlock {
margin-top: 38px
}
@media screen and (max-width: 767px) {
.c-pageBlock {
margin-top: 20px
}
}
@media screen and (min-width: 768px),
print {
.c-blockHeading {
margin-bottom: 11px
}
}
.specialList_lead {
line-height: 1.714285714;
letter-spacing: 1.4px
}
@media screen and (max-width: 767px) {
.specialList_lead {
font-size: 1.3rem;
letter-spacing: .2px
}
}
@media screen and (min-width: 768px),
print {
.specialList_area {
margin-top: 54px
}
}
.specialList_area_group {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0 30px 12px;
background: #f4f2ee
}
@media screen and (min-width: 768px) {
.dark-mode .specialList_area_group {
background: #434343
}
}
@media screen and (max-width: 767px) {
.specialList_area_group {
display: block;
width: 100%;
padding: 26px 0 12px;
background: 0 0
}
}
.specialList_area_group_item {
width: 495px;
display: flex;
border-bottom: solid 1px #ccc9c2;
padding: 30px 0 27px
}
.specialList_area_group_item:last-child,
.specialList_area_group_item:nth-last-child(-n+2):nth-child(odd) {
border-bottom: none
}
@media screen and (max-width: 767px) {
.specialList_area_group_item {
display: block;
width: 100%;
border-bottom: none;
padding: 0 0 27px
}
.specialList_area_group_item:last-child {
padding: 0
}
}
.specialList_area_group_item_img {
width: 192px
}
.specialList_area_group_item_img a {
display: block;
opacity: 1;
transition: opacity .3s
}
.no-touchevents .specialList_area_group_item_img a:hover,
.touchevents .specialList_area_group_item_img a.is-touched {
opacity: .7
}
@media screen and (max-width: 767px) {
.specialList_area_group_item_img {
width: 100%;
margin: 0 auto
}
.specialList_area_group_item_img a img {
width: 100%
}
}
.specialList_area_group_item_contents {
width: 303px;
padding-left: 16px
}
@media screen and (max-width: 767px) {
.specialList_area_group_item_contents {
padding-left: 0;
width: 100%
}
}
.specialList_area_group_item_contents_lead {
font-size: 1.8rem;
line-height: 1.555555556;
font-weight: 700;
letter-spacing: 1.9px
}
@media screen and (max-width: 767px) {
.specialList_area_group_item_contents_lead {
font-size: 1.6rem;
letter-spacing: .9px;
margin-top: 10px
}
}
.specialList_area_group_item_contents_txt {
font-size: 1.4rem;
line-height: 1.571428571;
margin-top: 10px;
letter-spacing: 1.4px
}
@media screen and (max-width: 767px) {
.specialList_area_group_item_contents_txt {
font-size: 1.2rem;
letter-spacing: .3px;
margin-top: 9px
}
}