@charset "UTF-8";
html {
scroll-behavior: smooth; }
body {
line-height: 1.6; }
img {
vertical-align: bottom; }
.wrapper {
max-width: 1000px;
margin: 0 auto;
background: none; }
.wrapper.wrapper-1100 {
max-width: 1100px; }
.wrapper-s {
max-width: 900px;
margin: 0 auto; }
.wrapper .c-notice {
text-align: center;
color: #fff;
padding-top: 25px; }
a {
transition: all ease-in-out .2s; }
a:hover {
opacity: .7; }
a .link-out {
background: url(https://www.chums.jp/cms/img/usr/common/ic_link.png) center right no-repeat;
padding-right: 15px;
margin: 0 3px 0 0; }
.head_height {
margin-top: -70px;
padding-top: 70px; }
#pane_top_main h2 {
font-size: 2.2em;
line-height: 1.3;
font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align: center;
padding: 30px 0; }
#pane_top_main h2.jp {
font-family: "Meiryo","Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
font-size: 2.6em;
padding-bottom: 70px; }
main section {
padding: 40px 0; }
.indent {
padding-left: 1em; }
.center {
text-align: center; }
.red {
color: #D9060A; }
.bold {
font-weight: 600; }
.visible-medi {
display: none; }
.visible-xs {
display: none !important; }
.hidden-xs {
display: block !important; }
.visible-xs-i {
display: none !important; }
.hidden-xs-i {
display: inline-block !important; }
.totop-btn {
display: block;
position: absolute;
bottom: 250px;
right: 0; }
.totop-btn img {
width: 60px; }
.movie-wrap iframe {
width: 100%;
height: 100%;
aspect-ratio: 16/9; }
/* ギャラリー・マップ系モーダル調整 */
@media screen and (min-width: 468px) and (max-width: 1032px) {
.visible-medi {
display: block; } }
@media screen and (max-width: 1032px) {
.totop-btn {
bottom: 100px;
right: 10px; }
.top .wrapper > .inner {
padding: 80px 15px 60px;
margin: 0 auto; }
.wrapper .c-notice {
font-size: 0.8em;
text-align: left; }
#pane_top_main h2 {
font-size: 1.6em;
padding: 20px 0; }
#pane_top_main h2.jp {
font-size: 2.1em;
padding: 20px 0 40px; }
.indent {
padding-left: 0; }
.center {
text-align: left; }
.visible-xs {
display: block !important; }
.hidden-xs {
display: none !important; }
.visible-xs-i {
display: inline-block !important; }
.hidden-xs-i {
display: none !important; } }
/*************** header ***************/
.header-wrap {
position: absolute;
width: 100%;
background: #fdefd3;
top: auto;
left: 0;
border-top: 4px solid #000;
border-bottom: 4px solid #000;
z-index: 999; }
.nav-wrap {
max-width: 1033px;
margin: 0 auto; }
.logo img {
height: 80px; }
.menu-wrap {
display: flex;
flex-direction: row;
position: relative;
justify-content: space-between; }
.menu-wrap .nav-menu-logo a:hover {
opacity: .8; }
.menu-wrap-inner {
display: flex;
flex-direction: row;
padding-left: 130px; }
.nav-menu {
width: 100%; }
.nav-menu ul {
justify-content: space-between;
padding: 10px 0;
gap: 13px; }
.nav-menu ul li {
font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*font-family: "Lora", serif;*/
font-weight: 600;
font-size: 1.2em;
/* リンクオフ linkoff*/
color: #c4b793;
cursor: default; }
.nav-menu ul li.on {
color: #B61C31;
cursor: default; }
.nav-menu-logo {
position: absolute;
width: 115px;
top: -34px; }
/* 画面幅大きい時のスタイル */
@media screen and (min-width: 1033px) {
.header-wrap.detail-page {
top: 40px;
padding-top: 0;
position: absolute; }
.hamburger-menu {
display: none !important; }
.pc {
display: block; }
#nav-menu.fixed {
position: fixed;
top: 40px; }
.nav-sns ul, .nav-menu ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap; }
.nav-sns {
display: flex;
align-items: center;
margin-left: 10px; }
.nav-sns ul {
align-items: center;
gap: 3px; }
.nav-sns ul li img {
width: 30px; }
.nav-sns ul li:nth-of-type(3) img {
width: 23px; }
.nav-menu ul {
justify-content: center;
padding: 8px 0; }
.nav-menu ul li {
font-size: 1.33em;
position: relative; }
.nav-menu ul li:last-of-type {
border-right: none; }
.nav-menu ul li img {
width: 30px; }
.nav-menu ul li:not(:last-of-type)::after {
content: "";
display: block;
width: 1px;
height: 100%;
background: #000;
position: absolute;
top: 0;
right: -6.5px; }
/**** スクロールで表示 ****/ }
/* 画面幅小さい時のスタイル ハンバーガー */
@media screen and (max-width: 1032px) {
.logo img {
width: 40%;
height: auto;
min-width: 110px; }
.header-wrap {
position: relative;
border: none; }
.hamburger-menu {
display: block; }
.hamburger-menu label span {
color: #ed6a26; }
.pc {
display: none; }
.menu-btn {
position: fixed;
top: 10px;
right: 10px;
display: flex;
height: 60px;
width: 60px;
justify-content: center;
align-items: center;
z-index: 90;
background-color: #ed6a26;
border: 4px solid #000;
/*border: 3px solid #2c3f3d;*/ }
.menu-btn::before {
content: "";
display: inline-block;
/*background: url(https://www.chums.jp/cms/chumspicnic/2022/hunburger-menu-booby.png);*/
background-size: contain;
width: 60px;
height: 21px;
position: absolute;
top: -23px; }
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
content: '';
display: block;
height: 3px;
width: 34px;
border-radius: 3px;
background-color: #fef5d9;
/*background-color: #ffffff;*/
position: absolute;
transition: all ease-in-out .3s; }
.menu-btn span:before {
bottom: 12px; }
.menu-btn span:after {
top: 12px; }
#menu-btn-check:checked ~ .menu-btn span {
background-color: rgba(255, 255, 255, 0);
/*メニューオープン時は真ん中の線を透明にする*/ }
#menu-btn-check:checked ~ .menu-btn span::before {
bottom: 0;
transform: rotate(45deg); }
#menu-btn-check:checked ~ .menu-btn span::after {
top: 0;
transform: rotate(-45deg); }
.menu-content {
width: 50vw;
height: 100%;
position: fixed;
top: 0;
left: -100%;
z-index: 80;
transition: all 0.5s;
background: #fdefd3;
padding: 20px;
border-right: 4px solid #000; }
.menu-content .logo {
text-align: center; }
.menu-content ul li {
border-bottom: solid 1px #000;
list-style: none;
padding: 9px 0;
/* リンクオフ linkoff */
color: #b8a889;
/*
&.off{
color: #d9c46b;
}
*/ }
.menu-content ul li:first-of-type {
border-top: solid 1px #000; }
.menu-content ul li a {
display: block;
width: 100%;
box-sizing: border-box;
color: #ed6a26;
text-decoration: none;
position: relative; }
.menu-content ul li a::before {
content: "";
width: 8px;
height: 8px;
border-top: solid 3px #ed6a26;
border-right: solid 3px #ed6a26;
transform: rotate(45deg);
position: absolute;
right: 11px;
top: 9px; }
.menu-content .nav-sns ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 20px 0;
justify-content: center;
align-items: center;
column-gap: 7px; }
.menu-content .nav-sns ul li {
border-bottom: none;
padding: 0; }
.menu-content .nav-sns ul li:first-of-type {
border-top: none; }
.menu-content .nav-sns ul li a::before {
border: none; }
.menu-content .nav-sns ul li img {
width: 31px; }
.menu-content .nav-sns ul li:nth-of-type(3) img {
width: 23px; }
/* menu-content end */
#menu-btn-check:checked ~ .menu-content {
left: 0;
/*メニューを画面内へ*/ }
#menu-btn-check {
display: none; } }
@media screen and (max-width: 400px) {
.menu-content {
width: 70vw; } }
/*************** main ***************/
/* 背景グラデーション */
.forcms_block {
background: #003b3b; }
.main-bg {
transition: background-image ease-in-out 1s,background-position-y ease-in-out 1s;
background-image: url(https://www.chums.jp/cms/chumscamp/2026/img/cc26-bg.jpg);
/*background-color: #003b3d;*/
background-position: top center;
background-size: 100vw;
background-repeat: no-repeat;
overflow: hidden; }
main p {
font-size: 14px;
line-height: 1.6; }
.half-wrap {
display: flex;
align-items: center;
flex-direction: row; }
.half-wrap.reverse {
flex-direction: row-reverse; }
.half-wrap .img {
width: 50%;
display: flex;
justify-content: center; }
.half-wrap .text {
width: 50%; }
.half-wrap.w4-6 .img {
width: 40%; }
.half-wrap.w4-6 .text {
width: 60%;
padding-left: 30px; }
.half-wrap.w4-6.reverse .text {
padding-left: 0;
padding-right: 30px; }
.half-card {
display: flex; }
.triple-wrap {
display: flex;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto; }
.triple-wrap li {
list-style: none;
width: calc(33.333333333333333% - 14px);
margin: 0 10px 30px;
border: 1px solid #d5d5d5;
padding: 20px 20px 30px;
display: flex;
flex-direction: column; }
.triple-wrap li:nth-of-type(1) {
margin-left: 0; }
.triple-wrap li:nth-of-type(4) {
margin-left: 0; }
.triple-wrap li:nth-of-type(3n) {
margin-right: 0; }
.table-wrap {
margin: 50px 0; }
.table-wrap h6 {
font-size: 1.3em;
font-weight: 600;
text-align: center;
padding-bottom: 5px; }
table.common {
width: 100%;
margin: 10px auto; }
table.common tr {
border-bottom: 2px solid #3b7749;
border-top: 2px solid #3b7749; }
table.common tr th, table.common tr td {
padding: 8px 0; }
table.common tr th {
width: 15%;
font-weight: 600; }
table.common tr td {
width: 80%;
text-align: left; }
table.common tr td .form-link {
padding-top: 0.5em;
display: flex;
flex-wrap: wrap;
gap: 10px; }
table.common tr td .form-link a {
display: inline-block;
background: #cb7900;
padding: 9px 15px;
border-radius: 4px;
text-decoration: none !important;
color: #fff; }
table.common tr td .form-link a:has(svg) {
padding-left: 15px !important; }
table.common tr td .form-link a svg {
width: 15px !important;
height: 15px !important;
top: 3px !important;
margin: 0 0 0 4px; }
table.common tr a {
color: #c10230;
text-decoration: underline; }
.link-height {
padding-top: 80px;
margin-top: -80px; }
@media screen and (max-width: 1032px) {
.main-bg {
background-image: url(https://www.chums.jp/cms/chumscamp/2026/img/cc26-bg-sp.jpg);
background-size: 100vw;
background-repeat: no-repeat;
overflow: hidden; }
main p {
font-size: 14px; }
.mv img {
width: 80vw; }
.half-wrap {
flex-direction: column; }
.half-wrap.reverse {
flex-direction: column; }
.half-wrap.w4-6.reverse .text {
padding-right: 0; }
.half-wrap .img {
width: 100%;
display: block; }
.half-wrap .text {
width: 100%; }
.half-wrap.w4-6 .img {
width: 100%;
text-align: center; }
.half-wrap.w4-6 .text {
width: 100%;
padding: 0 0 1em 0;
margin-top: 1em; }
.half-wrap.w4-6 {
flex-direction: column-reverse; }
.half-wrap.w4-6.reverse {
flex-direction: column-reverse; }
.triple-wrap {
flex-direction: column; }
.triple-wrap li {
width: 100%;
margin: 0 0 30px; }
.table-wrap {
margin: 30px 0; }
.table-wrap h6 {
text-align: center;
font-size: 1.2em; }
table.common tr td {
width: 100%; }
.midashi-wrap img {
width: 55vw; } }
@media screen and (min-width: 1300px) {
.main-bg {
background-position-y: -20vh; } }
/***** Top・Detail 共通 table *****/
#pane_top_main table,
#detail-page table {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
width: 100%; }
#pane_top_main table a,
#detail-page table a {
text-decoration: underline; }
#pane_top_main table a:has(svg),
#detail-page table a:has(svg) {
position: relative;
padding-left: 5px; }
#pane_top_main table a svg,
#detail-page table a svg {
position: relative;
width: 20px;
height: 20px;
top: 4px;
margin-right: 4px;
fill: #38482e; }
#pane_top_main table tr,
#detail-page table tr {
border-bottom: 1px solid #38482e; }
#pane_top_main table tr:first-of-type,
#detail-page table tr:first-of-type {
border-top: 1px solid #38482e; }
#pane_top_main table tr th, #pane_top_main table tr td,
#detail-page table tr th,
#detail-page table tr td {
padding: 1em; }
#pane_top_main table tbody th,
#detail-page table tbody th {
text-align: left; }
#pane_top_main table.table1,
#detail-page table.table1 {
margin-top: 20px;
border-top: 4px solid #38482e;
border-bottom: 4px solid #38482e; }
#pane_top_main table.table1 th, #pane_top_main table.table1 td,
#detail-page table.table1 th,
#detail-page table.table1 td {
font-weight: 600; }
#pane_top_main table.table1 td span,
#detail-page table.table1 td span {
color: #B61C31; }
#pane_top_main table.table1 td a,
#detail-page table.table1 td a {
color: #B61C31;
text-decoration: underline; }
#pane_top_main table.table1 tbody tr th,
#detail-page table.table1 tbody tr th {
width: 21%;
border-right: 1px solid #38482e; }
#pane_top_main table.table1.outline,
#detail-page table.table1.outline {
border-bottom: 4px solid #38482e; }
#pane_top_main table.table1.outline tbody tr th,
#detail-page table.table1.outline tbody tr th {
border-right: 1px solid #38482e; }
#pane_top_main table.table1.outline ul,
#detail-page table.table1.outline ul {
padding-left: 1em; }
#pane_top_main table.table1.outline ul li,
#detail-page table.table1.outline ul li {
list-style: disc; }
#pane_top_main table.table1.outline .way dl,
#detail-page table.table1.outline .way dl {
padding-top: 1em; }
#pane_top_main table.table1.outline .way dl dt,
#detail-page table.table1.outline .way dl dt {
font-weight: 600; }
#pane_top_main table.table1.outline .way dl dd ul,
#detail-page table.table1.outline .way dl dd ul {
padding-left: 0; }
#pane_top_main table.table1.outline .way dl dd ul li,
#detail-page table.table1.outline .way dl dd ul li {
list-style: none;
padding: 1em 0 0; }
#pane_top_main table.table1.outline .way dl dd ul li .schedule-c,
#detail-page table.table1.outline .way dl dd ul li .schedule-c {
padding: 1em 0; }
#pane_top_main table.table2 a,
#detail-page table.table2 a {
color: #B61C31; }
#pane_top_main table.table2 thead tr,
#detail-page table.table2 thead tr {
background-color: #38482e;
color: #fff; }
#pane_top_main table.table2 thead th,
#detail-page table.table2 thead th {
padding: 1em;
font-weight: 600;
text-align: center; }
#pane_top_main table.table2 thead th:nth-of-type(2),
#detail-page table.table2 thead th:nth-of-type(2) {
min-width: 96px; }
#pane_top_main table.table2 thead th:nth-of-type(3), #pane_top_main table.table2 thead th:nth-of-type(4),
#detail-page table.table2 thead th:nth-of-type(3),
#detail-page table.table2 thead th:nth-of-type(4) {
min-width: 80px; }
#pane_top_main table.table2 tbody tr td,
#detail-page table.table2 tbody tr td {
text-align: center; }
#pane_top_main table.table2 tbody tr.sold,
#detail-page table.table2 tbody tr.sold {
position: relative;
background: rgba(0, 0, 0, 0.6);
border-bottom: 2px solid #66614a;
position: relative; }
#pane_top_main table.table2 tbody tr.sold::after,
#detail-page table.table2 tbody tr.sold::after {
content: "満員";
color: red;
font-weight: 600;
font-size: 1.2em;
position: absolute;
top: 25%;
left: 50%; }
#pane_top_main table.table2 tbody tr.sold th, #pane_top_main table.table2 tbody tr.sold td,
#detail-page table.table2 tbody tr.sold th,
#detail-page table.table2 tbody tr.sold td {
opacity: 0.5; }
@media screen and (max-width: 1032px) {
#pane_top_main table thead,
#detail-page table thead {
display: none; }
#pane_top_main table tbody th,
#detail-page table tbody th {
color: #fff;
padding: 10px; }
#pane_top_main table tr,
#detail-page table tr {
display: block;
margin-bottom: 1em;
border: 1px solid #66614a; }
#pane_top_main table tr:not(first-of-type),
#detail-page table tr:not(first-of-type) {
border-top: none; }
#pane_top_main table tr th, #pane_top_main table tr td,
#detail-page table tr th,
#detail-page table tr td {
font-weight: 500; }
#pane_top_main table tr th,
#detail-page table tr th {
background-color: #38482e;
display: block;
border-right: none; }
#pane_top_main table tr td,
#detail-page table tr td {
border-bottom: 1px dotted #bbb;
display: block;
position: relative;
padding: 10px;
border-right: none; }
#pane_top_main table tr td::before,
#detail-page table tr td::before {
content: attr(data-label);
font-weight: bold;
position: absolute;
left: 10px;
color: #000; }
#pane_top_main table tr td:last-child,
#detail-page table tr td:last-child {
border-bottom: 0; }
#pane_top_main table.table1,
#detail-page table.table1 {
margin-top: 0;
border: none; }
#pane_top_main table.table1 tbody tr,
#detail-page table.table1 tbody tr {
margin-bottom: 0; }
#pane_top_main table.table1 tbody tr th,
#detail-page table.table1 tbody tr th {
width: 100%; }
#pane_top_main table.table1.outline,
#detail-page table.table1.outline {
border-bottom: none; }
#pane_top_main table.table2 tbody tr td,
#detail-page table.table2 tbody tr td {
text-align: right; } }
/********** TOP ***********/
main {
/* top end */ }
main .mv {
padding: 0 0 60px;
text-align: center; }
main .mv .main-logo {
padding-top: 4vh;
width: 100%; }
main .mv .free {
padding: 30px 0; }
main .mv .free img {
max-width: 600px; }
main .mv ul.top-bnr {
max-width: 900px;
display: flex;
flex-direction: row;
gap: 20px;
padding: 100px 0 20px;
margin: 0 auto; }
main .top section {
padding: 80px 0 20px;
margin: 0 20px; }
main .top section:first-of-type {
padding-top: 150px; }
main .top .outline .wrapper .inner {
padding-bottom: 50px; }
main .top .outline .lead {
text-align: center;
padding: 20px 0 10px; }
main .top .outline .lead .ttl {
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.5em;
color: #38482e;
line-height: 1.8;
padding-bottom: 0.5em; }
main .top .outline .lead p {
font-weight: 500;
padding: 0;
font-family: '源ノ角ゴシック Regular','源ノ角ゴシック',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1em;
color: #000;
line-height: 1.6; }
main .top .outline .link-btn {
display: block;
background: #ab1d30;
color: #fff;
padding: 1em;
font-weight: 600;
font-size: 1.1em;
max-width: 400px;
border-radius: 4px;
text-align: center;
margin: 25px auto 0;
position: relative; }
main .top .outline .link-btn svg {
width: 20px;
height: 20px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%); }
main .top .photo .wrapper > .inner {
padding: 85px 70px 40px; }
main .top .photo .photo-block {
margin-top: 60px; }
main .top .photo .photo-block:first-of-type {
margin-top: 0; }
main .top .photo .photo-block .slide-wrap {
display: flex;
align-items: center;
height: 260px;
overflow: hidden;
max-width: 100%; }
main .top .photo .photo-block .slide-wrap ul {
display: flex;
align-items: center;
animation: loop-slide 100s infinite linear both; }
main .top .photo .photo-block .slide-wrap ul li {
width: 392px;
height: 260px;
margin-right: 7px; }
main .top .movie23 .wrapper > .inner {
padding: 70px 70px 50px; }
main .top .ondo h2 {
padding-top: 0 !important;
padding-bottom: 10px !important;
max-width: 400px;
margin: 0 auto !important; }
main .top .ondo .wrapper > .inner {
/*max-width: 700px;*/
padding: 70px 70px 40px; }
main .top .support {
padding-top: 100px; }
main .top .support .wrapper > .inner {
max-width: 700px;
padding: 80px 70px 40px; }
main .top .support .ttl {
font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 600;
font-size: 2.2em;
text-align: center;
padding: 0; }
main .top .support ul {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
gap: 20px 40px;
align-items: center; }
main .top .support ul li {
text-align: center; }
main .top .support ul li img {
display: block;
width: 100%;
max-width: 320px;
padding: 10px;
background: #fff;
margin: 0 auto; }
h2.midashi-wrap {
padding: 0 !important; }
.midashi-wrap {
position: absolute;
top: -45px;
left: 50%;
transform: translateX(-50%); }
.midashi-wrap img {
max-width: 280px;
position: relative;
z-index: 99; }
.wrapper > .inner {
background: #fdefd3;
max-width: 1100px;
margin: 0 auto;
border: 4px solid #000;
padding: 70px;
position: relative; }
.wrap-4-6 {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.wrap-4-6 .four {
width: 40%; }
.wrap-4-6 .six {
width: 60%;
padding-left: 20px; }
.wrap-3-7 {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.wrap-3-7 .three {
width: 30%; }
.wrap-3-7 .seven {
width: 70%; }
@media screen and (max-width: 1032px) {
.wrap-4-6 {
flex-direction: column; }
.wrap-4-6 .four {
width: 100%; }
.wrap-4-6 .six {
width: 100%;
padding-left: 0; }
.wrap-3-7 {
flex-direction: column; }
.wrap-3-7 .three {
width: 100%; }
.wrap-3-7 .seven {
width: 100%; } }
/**** NEWSエリア ****/
.news-wrap {
/*padding-top: 50px;
position: relative;
.midashi-wrap{
position: absolute;
z-index: 999;
top: -18px;
}*/ }
.news-wrap .news {
display: flex;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto;
gap: 15px; }
.news-wrap .news li {
list-style: none;
width: calc(100% / 3 - 10px);
border: 4px solid #000; }
.news-wrap .news li .news-white {
padding: 20px 20px 30px;
height: 100%;
background: #fdefd3; }
.news-wrap .news li .news-white a.link-off {
cursor: auto; }
.news-wrap .news li .news-white a.link-off:hover {
opacity: 1; }
.news-wrap .news li .news-white .ttl {
font-weight: 600;
border-bottom: 3px solid #ed6a26;
margin-bottom: 15px;
line-height: 1.4;
padding: 0 0 5px; }
.news-wrap .news li .news-white .img {
display: block; }
.news-wrap .news li .news-white .date {
color: #6e6d6d;
padding-top: 10px; }
.news-wrap .news li .news-white .text {
font-size: 0.9em; }
.cms-blog-detail .wysiwyg .img-double img {
margin: 0; }
@media screen and (min-width: 1033px) {
main .mv .main-logo {
padding-top: 6vh; }
.img-double {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 15px;
width: 100%;
max-width: 800px;
margin: 0 auto; }
.img-double li {
width: 50%; }
.img-double li:first-of-type {
padding-right: 5px; }
.img-double li:last-of-type {
padding-left: 5px; } }
@media screen and (max-width: 1032px) {
.wrapper {
padding: 0 15px; }
.news-wrap .news {
flex-direction: column;
margin-top: 10px;
gap: 10px; }
.news-wrap .news li {
width: 100%;
flex-direction: row;
align-items: center; }
.news-wrap .news li .news-white {
padding: 15px;
display: flex; }
.news-wrap .news li .news-white a {
display: flex;
flex-direction: row;
align-items: flex-start; }
.news-wrap .news li .news-white a.link-off {
cursor: auto; }
.news-wrap .news li .news-white a.link-off::hover {
opacity: 1; }
.news-wrap .news li .news-white .img {
width: 30%; }
.news-wrap .news li .news-white .inner {
padding-left: 10px;
width: 70%; }
.news-wrap .news li .news-white .inner .ttl {
font-size: 1.1em; }
.news-wrap .news li .news-white .date {
padding-top: 0; }
main {
margin-top: 0;
background-size: contain;
background-repeat: no-repeat; }
main .top {
padding-top: 0; }
main .top section {
margin: 0; }
main .top section:first-of-type {
padding-top: 100px; }
main .top section.outline .wrapper .inner {
padding-bottom: 40px; }
main .top section.outline .lead {
text-align: left;
padding: 0 0 10px; }
main .top section.outline .lead .ttl {
font-size: 1.2em; }
main .top section.outline .lead p {
font-size: 0.9em; }
main .top section.outline .link-btn {
font-size: 1em; }
main .top section.outline .link-btn svg {
width: 18px;
height: 18px; }
main .top section.photo .wrapper > .inner {
padding: 70px 15px 30px; }
main .top section.photo .photo-block .slide-wrap {
height: 200px; }
main .top section.photo .photo-block .slide-wrap ul li {
width: 301px;
height: 200px; }
main .top section.photo .photo-detail {
padding-top: 0; }
main .mv {
padding: 0;
height: auto;
display: block;
align-items: center;
justify-content: center; }
main .mv .free {
padding: 20px 0; }
main .mv .main-logo {
padding-top: 7vh;
max-width: none; }
main .mv ul.top-bnr {
flex-direction: column;
gap: 10px;
padding: 120px 0 0; }
main .mv ul.top-bnr li {
padding: 0 15px; }
main .mv ul.top-bnr li img {
width: 90%; }
main .top .movie23 .wrapper > .inner {
padding: 70px 15px 30px; }
main .top .ondo h2 {
width: 80%; }
main .top .ondo .wrapper > .inner {
padding: 70px 15px 30px; }
main .top .support {
padding-top: 40px; }
main .top .support .wrapper > .inner {
padding: 80px 15px 30px; }
main .top .support ul li img {
max-width: 300px; }
.top #pane_top_main h2 {
padding-top: 0; }
main .top section {
padding: 40px 0; }
section {
padding: 20px 0; }
.cms-blog-detail .wysiwyg p {
margin-left: 0;
margin-right: 0; }
.mv {
text-align: center;
padding-bottom: 0; }
.mv .free img {
width: 80vw; }
.midashi-wrap::before, .midashi-wrap::after {
width: 120px;
height: 171px; }
.news-wrap .news li .news-white a {
display: block; }
.news-wrap .news li .news-white .inner {
padding-left: 0;
width: 100%; }
.news-wrap .news li .news-white .inner .ttl {
margin-bottom: 10px;
padding: 0 0 5px; }
.news-wrap .news li .news-white .sp-wrap {
display: flex;
flex-direction: row;
align-items: flex-start; }
.news-wrap .news li .news-white .sp-wrap .img {
width: 40%; }
.news-wrap .news li .news-white .sp-wrap .text {
width: 60%;
padding-left: 10px;
font-size: 13px; } }
/************************* DETAIL 共通 **********************************/
.forcms_block:has(#detail-page) {
background: #003b3b; }
#detail-page .main-bg {
background-image: url(https://www.chums.jp/cms/chumscamp/2026/img/cc26-bg-detail-sp.jpg);
background-position: top center;
background-size: 100vw;
background-repeat: no-repeat;
overflow: hidden; }
#detail-page .wrapper > .inner {
padding: 100px; }
#detail-page section {
padding: 70px 0;
margin: 0 20px; }
#detail-page section:first-of-type {
padding-top: 230px; }
#detail-page h3 {
font-size: 1.2em;
font-weight: 600;
margin-bottom: 25px;
margin-top: 50px;
border-bottom: 4px solid #38482e;
padding-bottom: 3px;
text-align: left; }
#detail-page table {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
width: 100%;
font-size: 0.9em; }
#detail-page table a {
text-decoration: underline; }
#detail-page table a:has(svg) {
position: relative;
padding-left: 5px; }
#detail-page table a svg {
position: relative;
width: 20px;
height: 20px;
top: 4px;
margin-right: 4px;
fill: #38482e; }
#detail-page table tr {
border-bottom: 1px solid #38482e; }
#detail-page table tr:first-of-type {
border-top: 1px solid #38482e; }
#detail-page table tr th, #detail-page table tr td {
padding: 1em; }
#detail-page table tbody th {
text-align: left; }
#detail-page table.table2 a {
color: #B61C31; }
#detail-page table.table2 thead tr {
background-color: #38482e;
color: #fff; }
#detail-page table.table2 thead th {
padding: 1em;
font-weight: 600;
text-align: center; }
#detail-page table.table2 thead th:nth-of-type(2) {
min-width: 96px; }
#detail-page table.table2 thead th:nth-of-type(3), #detail-page table.table2 thead th:nth-of-type(4) {
min-width: 80px; }
#detail-page table.table2 tbody tr td {
text-align: center; }
@media screen and (min-width: 1033px) {
#detail-page .main-bg {
background-image: url(https://www.chums.jp/cms/chumscamp/2026/img/cc26-bg-detail.jpg); } }
@media screen and (max-width: 1032px) {
#detail-page .wrapper > .inner {
padding: 80px 15px 60px; }
#detail-page .main-bg {
background-position: top center;
background-size: 100vw;
overflow: hidden; }
#detail-page section {
margin: 0; }
#detail-page section:first-of-type {
padding-top: 130px; }
#detail-page section:last-of-type {
padding-bottom: 0; } }
@media screen and (min-width: 1033px) and (max-width: 1300px) {
#detail-page .main-bg {
background-position-y: -8vh; } }
@media screen and (min-width: 1301px) {
#detail-page .main-bg {
background-position-y: -14vh; } }
/***************** NEWS 中身ページ ********************/
#detail-page {
/**** performer ****/ }
#detail-page .news-detail {
/***** LIMITED ITEM ******/ }
#detail-page .news-detail h3 {
margin-top: 0; }
#detail-page .news-detail .date {
color: #6e6d6d; }
#detail-page .news-detail .text-block {
padding: 2em 0; }
#detail-page .news-detail .text-block.no-img {
padding: 0; }
#detail-page .news-detail .text-block.no-img p {
padding-bottom: 1em; }
#detail-page .news-detail .text-block.no-img .sign {
text-align: right;
font-weight: 600;
padding-top: 1em; }
#detail-page .news-detail .mv {
text-align: center; }
#detail-page .news-detail .mv img {
max-width: 500px; }
#detail-page .news-detail .news-d-mv-icon {
display: block;
margin: 0 auto;
width: 100%;
max-width: 250px; }
#detail-page .news-detail .theme {
text-align: center;
padding-top: 0; }
#detail-page .news-detail .theme .midashi {
font-size: 1.4em;
font-weight: 600;
color: #38482e;
padding-bottom: 1em; }
#detail-page .news-detail .worthless {
margin-top: 30px;
background: #fff2d4;
border-radius: 6px; }
#detail-page .news-detail .worthless dl dt {
font-weight: 600;
font-size: 1.1em;
padding-bottom: 0.5em; }
#detail-page .news-detail .worthless dl dt span {
font-size: 13px;
font-weight: 500;
display: block; }
#detail-page .news-detail .worthless .history {
padding-top: 2em; }
#detail-page .news-detail .worthless .history h6 {
padding-top: 1em;
font-weight: 600; }
#detail-page .news-detail .worthless .history h6:first-of-type {
padding-top: 0; }
#detail-page .news-detail .worthless .history ul li {
list-style: disc;
margin-left: 1.5em; }
#detail-page .news-detail .worthless .site {
padding-top: 2em; }
#detail-page .news-detail .worthless .site p {
font-weight: 600;
padding-bottom: 0.3em; }
#detail-page .news-detail .worthless .site a {
color: #ed6a26;
text-decoration: underline; }
#detail-page .news-detail .performer {
margin-top: 20px; }
#detail-page .news-detail .before .lead {
padding-bottom: 3em;
font-weight: 600; }
#detail-page .news-detail .before .lead .notice {
color: #b61c31;
font-size: 1.3em;
padding-bottom: 0.5em; }
#detail-page .news-detail .before a {
display: inline-block;
color: #ec6a26;
text-decoration: underline;
word-break: break-all; }
#detail-page .news-detail .before h5 {
padding: 0.4em 0.5em 0.4em 15px;
margin: 0 0 1em;
font-size: 1.15em;
font-weight: 600;
border-left: 15px solid #646f4f; }
#detail-page .news-detail .before dl {
padding-bottom: 2em; }
#detail-page .news-detail .before dl dt {
font-weight: 600;
padding-bottom: 0.4em;
margin-bottom: 0.5em;
border-bottom: 1px solid #38482e;
width: 100%;
font-size: 1.1em; }
#detail-page .news-detail .before dl dd {
line-height: 1.8; }
#detail-page .news-detail .before .mk {
background: linear-gradient(transparent 65%, #ffce7c 45%); }
#detail-page .news-detail .before .text-block {
padding: 1em 0 3em; }
#detail-page .news-detail .before .name {
text-align: right;
font-weight: 600; }
#detail-page .news-detail .limited h6 {
background: #405552;
padding: 10px 1em;
border-radius: 30px;
color: #fff;
font-weight: 600;
margin-bottom: 1em; }
#detail-page .news-detail .limited .term {
font-weight: 600;
font-size: 1.1em;
color: #b51419;
padding: 6px 6px 6px 10px;
border-left: 10px solid #b51419;
margin-top: 1em; }
#detail-page .news-detail .limited .caution {
border-top: 2px solid #616f4f;
border-bottom: 2px solid #616f4f;
padding: 1em 0;
margin-top: 30px; }
#detail-page .news-detail .limited .caution .ttl {
color: #616f4f;
font-weight: 600;
text-align: center;
padding-bottom: 0.5em; }
#detail-page .news-detail .limited .limited-btn {
background: #b61c31;
color: #fff;
font-weight: 600;
display: block;
padding: 1em;
position: relative;
font-size: 1.15em;
border-radius: 6px;
text-align: center;
width: 50%;
margin: 40px auto 10px;
letter-spacing: 0.1em;
border: 6px double #fdefd3; }
#detail-page .news-detail .limited .limited-btn svg {
position: absolute;
width: 19px;
height: 19px;
margin-left: 10px;
top: 50%;
transform: translateY(-50%); }
#detail-page .performer .text-block {
padding: 1em 0 2em;
text-align: center; }
#detail-page .performer .block h6 {
font-size: 1.1em;
font-weight: 600;
padding-left: 1em;
border-left: 15px solid #646f4f;
padding: 5px 0 5px 0.5em;
margin-bottom: 1em;
margin-top: 3em; }
#detail-page .performer .block .img-photo {
text-align: center;
max-width: 350px;
margin: 0 auto; }
#detail-page .performer .block ul li {
margin-top: 20px;
background: #fff2d4;
padding: 30px;
border-radius: 6px; }
#detail-page .performer .block ul li .name {
text-align: center;
padding-top: 1.5em;
padding-bottom: 0;
color: #646f4f;
font-weight: 600;
font-size: 1.2em; }
@media (max-width: 1032px) {
#detail-page .news-detail .theme {
text-align: left; }
#detail-page .news-detail .theme .midashi {
font-size: 1.1em; }
#detail-page .news-detail .worthless dl dt {
padding-bottom: 0.7em; }
#detail-page .news-detail .limited .term {
font-size: 1em; }
#detail-page .news-detail .performer .text-block {
text-align: left; }
#detail-page .news-detail .performer .block ul li {
padding: 20px; }
#detail-page .news-detail .performer .block .img-photo {
max-width: none; } }
/***** ticket announce ******/
.release .anno h4 {
/*
display: flex;
justify-content: center;
align-items: center;
*/
font-size: 1.8em;
text-align: center;
padding: 1em 0 0;
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
color: #38482e;
/*
&::before{
content: "";
width: 80px;
height: 80px;
display: inline-block;
position: relative;
background: url(/cms/chumscamp/2024/img/yokoku.png);
background-size: contain;
background-repeat: no-repeat;
left: -10px;
}
*/ }
.release .anno p {
text-align: center;
font-weight: 600;
padding-top: 20px;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: -0.02em;
font-size: 1.1em; }
/***** 2026 theme ******/
.theme .wrapper .inner {
padding-top: 100px; }
.theme img.img-theme {
width: 100%;
max-width: 600px;
display: block;
margin: 10px auto 20px; }
.theme p {
text-align: center;
line-height: 2;
font-weight: 600;
letter-spacing: -0.02em;
font-size: 1.1em;
font-family: 'Noto Sans JP', sans-serif;
padding-bottom: 1.5em; }
.theme p .bold {
font-size: 1.4em;
display: inline-block;
padding: 0 3px;
color: #38482e; }
.theme p .big {
font-size: 2.2em;
font-weight: 600;
line-height: 1.4;
display: inline-block;
padding: 0 3px;
color: #38482e; }
.theme p .serif {
font-family: serif;
font-weight: 800 !important; }
@media screen and (max-width: 1032px) {
.theme .wrapper .inner {
padding-top: 90px; }
.theme img.img-theme {
margin-top: 10px;
max-width: none; }
.theme p {
text-align: left;
font-size: 1em;
padding-right: 0;
font-weight: 400; }
.theme p .big {
font-size: 1.9em; }
.release .anno h4 {
padding: 0; }
.release .anno p {
text-align: left;
font-size: 1em; } }
/***** about ******/
.about .lead {
margin-top: 40px;
align-items: center;
font-family: 'Noto Sans JP', sans-serif; }
.about .lead .m-ttl {
font-weight: 600;
font-size: 2.2em;
line-height: 1.6;
text-align: center;
color: #38482e; }
.about .lead .six p {
line-height: 2;
font-weight: 600;
padding-right: 20px;
letter-spacing: -0.02em;
font-size: 1.1em;
font-family: 'Noto Sans JP', sans-serif; }
.about .about-detail {
margin-top: 50px;
padding-top: 50px;
border-top: 2px solid #38482e;
/*padding: 50px 70px;*/
/*** 写真入れて様子見る ***/ }
.about .about-detail .m-ttl {
line-height: 1.4;
text-align: center;
padding-bottom: 40px;
font-size: 2em;
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
color: #38482e; }
.about .about-block {
margin-top: 60px; }
.about .about-block:first-of-type {
margin-top: 0; }
.about .about-block .slide-wrap {
display: flex;
align-items: center;
height: 200px;
overflow: hidden;
max-width: 100%; }
.about .about-block .slide-wrap ul {
display: flex;
align-items: center;
animation: loop-slide 100s infinite linear both; }
.about .about-block .slide-wrap ul li {
width: 392px;
height: 260px;
margin-right: 7px; }
.about .about-block .slide-wrap.delay-1 ul {
animation: loop-slide 100s infinite linear 3s both; }
.about .about-block .slide-wrap.delay-2 ul {
animation: loop-slide 100s infinite linear 6s both; }
.about .about-block .slide-wrap.delay-3 ul {
animation: loop-slide 100s infinite linear 9s both; }
.about .about-block .detail {
padding-top: 5px; }
.about .about-block .detail p:not(:last-of-type) {
padding-bottom: 1em; }
.about .about-block .detail .ttl, .about .about-block .detail .other {
font-weight: 600;
padding-bottom: 10px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.35em;
color: #38482e; }
.about .about-block .detail .other {
text-align: center;
padding-top: 3em;
padding-bottom: 1em;
color: #38482e; }
.about .about-block.text-block {
padding-top: 50px;
border-top: 2px solid #616e50; }
.about .about-block.text-block .detail {
padding-top: 0; }
.about .about-block.text-block .detail a {
display: block;
color: #ec6a26;
font-weight: 600;
text-decoration: underline;
padding: 0.5em 0; }
.about .about-block.text-block .detail .sub {
font-size: 0.85em; }
.about .about-block.stay .img-photo {
margin-top: 0; }
.about .about-block.years-40 .logo-40th {
text-align: center;
max-width: 250px;
margin: 0 auto 30px; }
.about .about-block.years-40 .m-ttl {
padding-bottom: 30px; }
.about .about-block.years-40 .img-photo {
margin: 30px auto; }
.about .img-photo {
width: 100%;
margin: 0 auto 30px; }
@keyframes loop-slide {
from {
transform: translateX(0); }
to {
transform: translateX(-100%); } }
@media screen and (max-width: 1032px) {
.about {
padding-bottom: 0; }
.about .lead {
margin-top: 0; }
.about .lead .m-ttl {
font-size: 1.9em;
line-height: 1.4; }
.about .lead .six p {
font-size: 1em;
padding: 20px 0 0 0; }
.about .lead .six .img-photo {
margin: 0; }
.about .about-detail {
margin-top: 30px;
padding-top: 30px; }
.about .about-detail .m-ttl {
font-size: 1.6em;
padding-bottom: 30px; }
.about .about-block {
margin-top: 40px; }
.about .about-block .detail .ttl {
font-size: 1.15em; }
.about .about-block .detail p {
font-size: 0.9em; }
.about .about-block .detail .other {
font-size: 1.1em;
text-align: left;
padding-top: 1em; }
.about .about-block.text-block {
padding-top: 40px; }
.about .about-block .slide-wrap ul {
animation: loop-slide 80s infinite linear both; }
.about .about-block .slide-wrap.delay-1 ul {
animation: loop-slide 80s infinite linear 3s both; }
.about .about-block .slide-wrap.delay-2 ul {
animation: loop-slide 80s infinite linear 6s both; }
.about .about-block .slide-wrap.delay-3 ul {
animation: loop-slide 80s infinite linear 9s both; }
.about .about-block.years-40 .logo-40th {
max-width: 210px;
margin: 0 auto 20px; }
.about .about-block.years-40 .img-photo {
margin-bottom: 0; } }
/*********************** contents ************************/
#detail-page .contents {
/**** コンテンツ詳細ページ ****/ }
#detail-page .contents-top .lead {
text-align: center;
font-weight: 600;
font-size: 1.2em;
color: #38482e;
font-family: 'Noto Sans JP', sans-serif;
padding: 10px 0; }
#detail-page .contents-list {
margin-top: 2em; }
#detail-page .contents-list li {
border-bottom: 2px solid #616e50;
padding: 1em 0; }
#detail-page .contents-list li:first-of-type {
border-top: 2px solid #616e50;
padding-top: 1em;
margin-top: 1em; }
#detail-page .contents-list li:last-of-type {
margin-bottom: 0; }
#detail-page .contents-list li a {
display: flex;
flex-direction: row;
align-items: center;
gap: 1em; }
#detail-page .contents-list li .img {
width: 20%;
text-align: center; }
#detail-page .contents-list li .img img {
width: 100%;
max-width: 130px; }
#detail-page .contents-list li .text {
width: 80%;
padding-right: 3em;
position: relative; }
#detail-page .contents-list li .text svg {
position: absolute;
width: 1.3em;
height: auto;
right: 1em;
top: 50%;
transform: translateY(-50%);
fill: #646f4f; }
#detail-page .contents-detail ul.menu {
display: flex;
flex-wrap: wrap;
/*justify-content: flex-start;*/
justify-content: flex-start;
gap: 10px;
border-bottom: 2px solid #000;
padding-bottom: 20px;
/*padding-bottom: 15px; 2段の時*/ }
#detail-page .contents-detail ul.menu li {
/*width: calc(100% / 5 - 8px);*/
width: calc(100% / 6 - 8.34px); }
#detail-page .contents-detail ul.menu li a {
display: block;
list-style: none;
border: 3px solid #000;
border-bottom: 26px solid #000;
padding: 10px 10px 0;
border-radius: 4px;
position: relative;
background: #fff; }
#detail-page .contents-detail ul.menu li a::after {
content: "";
background-image: url(/cms/chumscamp/2023/img/caret-down-solid.svg);
background-repeat: no-repeat;
display: inline-block;
width: 17px;
height: 25px;
vertical-align: middle;
position: absolute;
bottom: -25px;
left: 50%;
transform: translate(-50%); }
#detail-page .contents-detail ul.menu li a.on {
cursor: default;
opacity: .5; }
#detail-page .contents-detail ul.menu li.c-top a {
border-color: #646f4f; }
#detail-page .contents-detail ul.menu li.chumlympic a {
border-color: #e60012; }
#detail-page .contents-detail ul.menu li.market a {
border-color: #147B7C; }
#detail-page .contents-detail ul.menu li.kitchen-s a {
border-color: #E0901A; }
#detail-page .contents-detail ul.menu li.c-work a {
border-color: #601986; }
#detail-page .contents-detail ul.menu li.n-work a {
border-color: #6F3F0E; }
#detail-page .contents-detail ul.menu li.others a {
border-color: #f56a1f; }
#detail-page .contents-detail ul.menu li.elleair a {
border-color: #1563AA; }
#detail-page .contents-detail ul.menu li.asahi a {
border-color: #1D4294; }
#detail-page .contents-detail ul.menu.sub {
border-bottom: none;
padding-bottom: 0;
width: 100%;
max-width: 700px;
margin: 0 auto 20px;
justify-content: center; }
#detail-page .contents-detail ul.menu.sub li a {
padding: 0; }
#detail-page .contents-detail ul.menu.sub.others li a {
border-color: #f56a1f; }
#detail-page .contents-detail ul.menu.sub.chumlympic li a {
border-color: #e60012; }
#detail-page .contents-detail ul.menu.sub.market li a {
border-color: #147B7C; }
#detail-page .contents-detail ul.menu.sub.kitchen-s li a {
border-color: #E0901A; }
#detail-page .contents-detail ul.menu.sub.c-work li a {
border-color: #601986; }
#detail-page .contents-detail ul.menu.sub.n-work li a {
border-color: #6F3F0E; }
#detail-page .contents-detail .content-inside {
/* コンテンツ詳細共通 */
/* コンテンツ詳細共通 ここまで */ }
#detail-page .contents-detail .content-inside p {
font-size: 13px; }
#detail-page .contents-detail .content-inside h5 {
font-weight: 600;
font-size: 1.4em;
margin-bottom: 0.5em;
padding-bottom: 0.3em;
border-bottom: 2px solid #38482e; }
#detail-page .contents-detail .content-inside.others h5, #detail-page .contents-detail .content-inside.kitchen-s h5, #detail-page .contents-detail .content-inside.kameda-seika h5, #detail-page .contents-detail .content-inside.c-workshop h5, #detail-page .contents-detail .content-inside.food h5, #detail-page .contents-detail .content-inside.n-workshop h5, #detail-page .contents-detail .content-inside.asahi h5, #detail-page .contents-detail .content-inside.elleair h5 {
border: none;
text-align: center;
padding-top: 1.5em;
padding-bottom: 0;
color: #646f4f; }
#detail-page .contents-detail .content-inside.others h6, #detail-page .contents-detail .content-inside.kitchen-s h6, #detail-page .contents-detail .content-inside.kameda-seika h6, #detail-page .contents-detail .content-inside.c-workshop h6, #detail-page .contents-detail .content-inside.food h6, #detail-page .contents-detail .content-inside.n-workshop h6, #detail-page .contents-detail .content-inside.asahi h6, #detail-page .contents-detail .content-inside.elleair h6 {
font-weight: 600;
font-size: 1.2em;
margin: 0.5em 0;
border-left: 15px solid #38482e;
padding-left: 0.5em;
color: #3f3f3f; }
#detail-page .contents-detail .content-inside.others .main-img, #detail-page .contents-detail .content-inside.kitchen-s .main-img, #detail-page .contents-detail .content-inside.kameda-seika .main-img, #detail-page .contents-detail .content-inside.c-workshop .main-img, #detail-page .contents-detail .content-inside.food .main-img, #detail-page .contents-detail .content-inside.n-workshop .main-img, #detail-page .contents-detail .content-inside.asahi .main-img, #detail-page .contents-detail .content-inside.elleair .main-img {
text-align: center; }
#detail-page .contents-detail .content-inside.others .block, #detail-page .contents-detail .content-inside.kitchen-s .block, #detail-page .contents-detail .content-inside.kameda-seika .block, #detail-page .contents-detail .content-inside.c-workshop .block, #detail-page .contents-detail .content-inside.food .block, #detail-page .contents-detail .content-inside.n-workshop .block, #detail-page .contents-detail .content-inside.asahi .block, #detail-page .contents-detail .content-inside.elleair .block {
border-top: 2px dotted #ac6901;
padding-top: 3em; }
#detail-page .contents-detail .content-inside.food .block.car {
border-top: none;
margin-top: 0; }
#detail-page .contents-detail .content-inside .block {
margin-top: 3em; }
#detail-page .contents-detail .content-inside .wrap-3-7 {
display: flex;
flex-direction: column;
align-items: center; }
#detail-page .contents-detail .content-inside .icon {
display: block;
max-width: 250px;
margin: 30px auto; }
#detail-page .contents-detail .content-inside .lead {
text-align: center; }
#detail-page .contents-detail .content-inside .lead:has(.lead-sub) {
padding-bottom: 2em; }
#detail-page .contents-detail .content-inside .lead-main {
font-weight: 600;
padding-bottom: 1em;
font-size: 1.1em;
font-family: 'Noto Sans JP', sans-serif;
color: #38482e; }
#detail-page .contents-detail .content-inside .lead-sub {
font-size: 0.9em; }
#detail-page .contents-detail .content-inside .c-mv-wrap {
display: flex;
gap: 5px;
flex-direction: row;
margin-top: 10px; }
#detail-page .contents-detail .content-inside .regu .table3 {
width: 100%; }
#detail-page .contents-detail .content-inside .regu .table3 tr {
border-bottom: 1px solid #38482e; }
#detail-page .contents-detail .content-inside .regu .table3 tr:first-of-type {
border-top: 1px solid #38482e; }
#detail-page .contents-detail .content-inside .regu .table3 tr th, #detail-page .contents-detail .content-inside .regu .table3 tr td {
padding: 10px 10px 10px 0; }
#detail-page .contents-detail .content-inside .regu .table3 .small {
font-size: 0.8em; }
#detail-page .contents-detail .content-inside .game-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 20px;
margin-top: 20px; }
#detail-page .contents-detail .content-inside .game-list li {
width: calc(100% / 2 - 10px);
background: #fff;
padding: 20px;
border: 1px solid #e4ded2; }
#detail-page .contents-detail .content-inside .game-list li dl dt {
font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
font-weight: 600;
text-align: center;
padding: 10px 0 5px; }
#detail-page .contents-detail .content-inside .game-list li dl dt.ja {
font-family: 'Noto Sans JP', sans-serif; }
#detail-page .contents-detail .content-inside .game-list li dl dd {
font-size: 0.9em; }
#detail-page .contents-detail .content-inside .game-list li.more {
text-align: center;
display: flex;
justify-content: center;
align-items: center; }
#detail-page .contents-detail .content-inside .index-ttl {
font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.7em;
font-weight: 600;
line-height: 1;
text-align: center;
color: #fff;
margin-bottom: 20px;
padding: 15px 0; }
#detail-page .contents-detail .content-inside .contents-index {
display: flex;
flex-direction: row;
justify-content: center;
gap: 10px;
padding-bottom: 30px; }
#detail-page .contents-detail .content-inside .contents-index li {
list-style: none;
width: calc(100% / 6 - 8.34px); }
#detail-page .contents-detail .content-inside .table1.common tr {
border-bottom: 2px solid #38482e;
border-right: 2px solid #38482e; }
#detail-page .contents-detail .content-inside .table1.common tr:first-of-type {
border-top: 2px solid #38482e; }
#detail-page .contents-detail .content-inside .table1.common tr th {
width: 20%;
background: #38482e;
text-align: center;
color: #fff;
border-bottom: 2px solid #fdefd3; }
#detail-page .contents-detail .content-inside .table1.common tr:last-of-type th {
border-bottom: 2px solid #38482e; }
#detail-page .contents-detail .content-inside .notice {
font-size: 0.8em;
margin-top: 1em; }
#detail-page .contents-detail .content-inside .main-img {
margin: 0 auto; }
#detail-page .contents-detail .content-inside .table-wrap {
margin-top: 30px; }
#detail-page .contents-detail .content-inside .yoyaku {
font-size: 1.1em;
font-weight: 600;
color: #b61c31;
padding: 1em 0; }
#detail-page .contents-detail .content-inside.others .block, #detail-page .contents-detail .content-inside.kitchen-s .block {
border-top: 2px dotted #ac6901;
padding-top: 3em; }
#detail-page .contents-detail .content-inside.others h5, #detail-page .contents-detail .content-inside.kitchen-s h5 {
border: none;
text-align: center;
padding-top: 1.5em;
padding-bottom: 0;
color: #646f4f; }
#detail-page .contents-detail .content-inside.others .table-wrap:last-of-type, #detail-page .contents-detail .content-inside.kitchen-s .table-wrap:last-of-type {
margin-bottom: 0; }
#detail-page .contents-detail .content-inside.chumlympic .coming-soon {
padding-top: 0; }
#detail-page .contents-detail .content-inside.chumlympic .coming-soon dt {
padding-top: 0; }
#detail-page .contents-detail .content-inside.others .wrap-3-7 .icon {
margin: 0 auto; }
#detail-page .contents-detail .content-inside.others .index-ttl {
background: #f56a1f; }
#detail-page .contents-detail .content-inside.others .block.massage {
padding-top: 1em;
margin-top: 0; }
#detail-page .contents-detail .content-inside.others .block.massage .table-wrap {
margin-bottom: 30px; }
#detail-page .contents-detail .content-inside.others .main-img {
max-width: 300px; }
#detail-page .contents-detail .content-inside.others .course li:first-of-type {
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom: 1px solid #38482e; }
#detail-page .contents-detail .content-inside.others .course li .half-wrap .img {
width: 40%; }
#detail-page .contents-detail .content-inside.others .course li .half-wrap .text {
width: 60%;
padding: 10px; }
#detail-page .contents-detail .content-inside.others .course li .half-wrap .text .ttl {
font-weight: 600;
padding-bottom: 0.5em; }
#detail-page .contents-detail .content-inside.kitchen-s .main-img {
max-width: 350px; }
#detail-page .contents-detail .content-inside.kitchen-s h5 {
padding-top: 2em; }
#detail-page .contents-detail .content-inside.kitchen-s .yoyaku {
padding-bottom: 0; }
#detail-page .contents-detail .content-inside.c-workshop .index-ttl {
background: #601986; }
#detail-page .contents-detail .content-inside.c-workshop .block.tye-dye {
margin-top: 0; }
#detail-page .contents-detail .content-inside.n-workshop .block {
margin-top: 0; }
#detail-page .contents-detail .content-inside.n-workshop .index-ttl {
background: #6F3F0E; }
#detail-page .contents-detail .content-inside.n-workshop ul.menu.sub {
margin-bottom: 20px; }
#detail-page .contents-detail .content-inside.n-workshop .profile {
padding-top: 30px; }
#detail-page .contents-detail .content-inside.n-workshop .profile .flex-4-6 {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 30px;
align-items: center; }
#detail-page .contents-detail .content-inside.n-workshop .profile .flex-4-6 .img {
width: calc(40% - 15px); }
#detail-page .contents-detail .content-inside.n-workshop .profile .flex-4-6 .text {
width: calc(60% - 15px); }
#detail-page .contents-detail .content-inside.elleair .img-wrap {
display: flex;
gap: 15px;
flex-direction: row; }
#detail-page .contents-detail .content-inside.elleair .table-wrap {
margin-top: 0; }
.coming-soon {
text-align: center;
padding: 20px 0 0; }
.coming-soon dt {
color: #38482e;
padding-top: 0;
font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 2.8em;
font-weight: 600;
text-align: center;
padding: 10px 0 3px; }
#detail-page .contents-detail .menu.food {
justify-content: center;
padding-bottom: 30px; }
#detail-page .contents-detail .menu.food li a {
border: 3px solid #b61c31 !important;
border-bottom: 26px solid #b61c31 !important; }
.content-inside.food .main-img {
max-width: 350px; }
.content-inside.food .main-img.bus {
max-width: 650px; }
.content-inside.food .center .insta {
display: block;
padding: 1em 0 2em; }
.content-inside.food .center .insta a {
color: #ed6a26; }
.content-inside.food .coming-soon {
text-align: center;
padding: 20px 0 0;
border-top: 2px dotted #ac6901;
margin-top: 3em; }
.content-inside.food .coming-soon dt {
color: #B61C31;
padding-top: 0;
font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 2.8em;
font-weight: 600;
text-align: center;
padding: 10px 0 3px; }
.content-inside.food .center a {
color: #B61C31;
text-decoration: underline; }
@media (min-width: 1033px) {
#detail-page {
/*
section:last-of-type{
padding-bottom: 300px;
}
*/ }
#detail-page .contents-detail .content-inside .wrap-3-7 {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap; }
#detail-page .contents-detail .content-inside .wrap-3-7 .icon {
width: 37%; }
#detail-page .contents-detail .content-inside .wrap-3-7 .lead {
padding-bottom: 0;
width: 63%; }
#detail-page .contents-detail .content-inside.kameda-seika .icon {
margin-bottom: 0; } }
@media (max-width: 1032px) {
#detail-page .contents-top .lead {
text-align: left;
font-size: 1em;
padding: 10px 0 20px; }
#detail-page .contents-list {
margin-top: 0; }
#detail-page .contents-list li {
gap: 1em; }
#detail-page .contents-list li:last-of-type {
margin-bottom: 0; }
#detail-page .contents-list li a {
flex-direction: column; }
#detail-page .contents-list li .img {
width: 100%;
padding: 0 10px; }
#detail-page .contents-list li .text {
width: 100%;
padding: 0 10px;
font-size: .9em; }
#detail-page .contents-list li .text svg {
display: none; }
#detail-page .contents-list li .text span {
display: block;
background: #646f4f;
padding: 0.7em;
text-align: center;
margin-top: 1em;
color: #fff;
border-radius: 3px;
position: relative;
line-height: 1.4;
/*
svg{
position: absolute;
width: 1em;
height: auto;
right: 1em;
top: 50%;
transform: translateY(-50%);
fill: #fff;
}
*/ }
#detail-page .contents-list li .text span::after {
content: "";
display: inline-block;
background: url(/cms/chumscamp/2023/img/caret-right-solid.svg);
background-repeat: no-repeat;
width: 1em;
height: 1.5em;
position: absolute;
top: 50%;
right: 1em;
transform: translateY(-50%); }
#detail-page .contents-list li:first-of-type {
margin-top: 0; }
#detail-page .contents-detail ul.menu {
justify-content: flex-start; }
#detail-page .contents-detail ul.menu li {
width: calc(100% / 3 - 6.666px); }
#detail-page .contents-detail ul.menu li a {
border-bottom: 20px solid #000; }
#detail-page .contents-detail ul.menu li a::after {
width: 12px;
height: 19px;
bottom: -19px; }
#detail-page .contents-detail .content-inside h5 {
margin-bottom: 0.5em;
padding-bottom: 0;
font-size: 1em; }
#detail-page .contents-detail .content-inside h6 {
font-size: 1em; }
#detail-page .contents-detail .content-inside .icon {
width: 55%;
margin: 15px auto; }
#detail-page .contents-detail .content-inside .lead {
text-align: left;
padding-bottom: 0.5em; }
#detail-page .contents-detail .content-inside .lead:has(.lead-sub) {
padding-bottom: 1em; }
#detail-page .contents-detail .content-inside .lead-main {
font-size: 1em; }
#detail-page .contents-detail .content-inside .c-mv-wrap {
gap: 5px; }
#detail-page .contents-detail .content-inside .block {
margin-top: 2em; }
#detail-page .contents-detail .content-inside .index-ttl {
padding: 10px 0;
font-size: 1.3em;
margin-bottom: 15px; }
#detail-page .contents-detail .content-inside .game-list {
gap: 5px; }
#detail-page .contents-detail .content-inside .game-list li {
/*width: 100%;*/
width: calc(100% / 2 - 2.5px);
padding: 15px 10px; }
#detail-page .contents-detail .content-inside .game-list li dl dt {
font-size: 1.3em;
line-height: 1.1;
padding-bottom: 5px; }
#detail-page .contents-detail .content-inside .game-list li dl dd {
font-size: 0.9em; }
#detail-page .contents-detail .content-inside .game-list li.more dl dt {
padding-top: 0; }
#detail-page .contents-detail .content-inside .table1.common tr {
border-bottom: none; }
#detail-page .contents-detail .content-inside .table1.common tr:last-of-type {
border-bottom: 1px solid #38482e; }
#detail-page .contents-detail .content-inside .table1.common tr th {
width: 100%;
background: #38482e; }
#detail-page .contents-detail .content-inside .yoyaku {
font-size: 1em; }
#detail-page .contents-detail .content-inside.others h5, #detail-page .contents-detail .content-inside.kitchen-s h5 {
margin-bottom: 1em;
text-align: left; }
#detail-page .contents-detail .content-inside.n-workshop .profile .flex-4-6 {
flex-direction: column;
justify-content: center;
gap: 10px;
align-items: center; }
#detail-page .contents-detail .content-inside.n-workshop .profile .flex-4-6 .img, #detail-page .contents-detail .content-inside.n-workshop .profile .flex-4-6 .text {
width: 100%; }
#detail-page .contents-detail .content-inside.others .main-img {
width: 80%; }
#detail-page .contents-detail .content-inside.others .contents-index {
justify-content: left;
gap: 10px;
padding-bottom: 30px;
flex-wrap: wrap; }
#detail-page .contents-detail .content-inside.others .contents-index li {
width: calc(100% / 4 - 7.5px); }
#detail-page .contents-detail .content-inside.others .lovefor-detail {
padding: 1.5em 1em; }
#detail-page .contents-detail .content-inside.others .lovefor-detail .lovefor {
padding: 0.5em 0 1.5em; }
#detail-page .contents-detail .content-inside.others .coming-soon {
text-align: center;
border-top: 2px dotted #ac6901;
padding-top: 3em;
margin-top: 3em; }
#detail-page .contents-detail .content-inside.others .course li .half-wrap .img, #detail-page .contents-detail .content-inside.others .course li .half-wrap .text {
width: 100%; }
#detail-page .contents-detail .content-inside.others .course li .half-wrap .img {
text-align: center; }
#detail-page .contents-detail .content-inside.others .course li .half-wrap .text {
padding: 10px 0; }
#detail-page .contents-detail .content-inside.elleair .img-wrap {
flex-direction: column; }
#detail-page .contents-detail .content-inside.elleair h5 {
padding-top: 1em; }
#detail-page .contents .coming-soon dt {
text-align: center;
font-size: 2em;
padding-top: 0; }
#detail-page .contents-detail .menu.food {
justify-content: flex-start; } }
/********** TIME SCHEDULE & AREA MAP ***********/
.click-l {
padding-bottom: 1em;
font-weight: 600;
text-align: center; }
.weather {
padding-top: 1em;
font-size: 0.9em;
text-align: center; }
.time-schedule a:hover, .map a:hover {
opacity: .8; }
@media screen and (max-width: 1032px) {
#detail-page section.area-map .wrapper > .inner,
#detail-page section.schedule .wrapper > .inner {
padding-bottom: 30px; }
.click-l, .weather {
text-align: left; }
.click-l {
font-size: 0.9em; }
.weather {
font-size: 0.8em; } }
/********** ACCESS ***********/
.access .map-wrap {
width: 100%;
height: 0;
margin: 0 auto;
position: relative;
padding-top: 40%; }
.access .map-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.access .rf-logo {
text-align: center;
padding-bottom: 10px;
padding-left: 0; }
.access .rf-logo img {
width: 100%;
max-width: 255px; }
.access h3 {
font-size: 1.2em;
font-weight: 600;
margin-bottom: 25px;
margin-top: 50px;
border-bottom: 4px solid #38482e;
padding-bottom: 3px; }
.access h3 img {
width: 1em;
height: auto;
margin-right: 5px;
position: relative;
top: -4px; }
.access h6 {
font-weight: 600;
padding-bottom: 4px;
margin-bottom: 1em;
border-bottom: 1px solid #38482e;
width: 100%;
font-size: 1.1em; }
.access h6 img {
display: inline-block;
width: 1.3em;
height: auto;
margin-right: 5px;
position: relative;
top: -4px; }
.access a {
display: inline-block;
color: #ec6a26;
text-decoration: underline;
word-break: break-all; }
.access a .indent {
padding-left: 1em; }
.access ul li {
padding-bottom: 2em; }
.access ul li:last-of-type {
padding-bottom: 0; }
.access ul li dl:first-of-type {
padding-top: 0.5em; }
.access .notice {
color: #d9060a;
font-size: 0.85em;
padding-top: 0.5em; }
.access .notice .bold {
font-weight: 600; }
@media screen and (max-width: 1032px) {
.access .rf-logo {
padding-top: 15px; }
.access .rf-logo img {
max-width: 200px; }
.access .map-wrap {
padding-top: 50%; }
.access .transport h3 {
margin-top: 25px; }
.access h3 {
font-size: 1.3em; }
.access h6 {
margin-left: 0;
font-size: 1em; }
.access p {
padding-left: 0; } }
/********** TICKET ***********/
#detail-page .to-form {
background: #b61c31;
color: #fff;
font-weight: 600;
display: block;
padding: 1em;
position: relative;
font-size: 1.15em;
border-radius: 6px;
text-align: center;
width: 50%;
margin: 40px auto 10px;
letter-spacing: 0.1em;
border: 6px double #fdefd3; }
#detail-page .to-form svg {
position: absolute;
width: 19px;
height: 19px;
margin-left: 10px;
top: 50%;
transform: translateY(-50%); }
#detail-page .sold-btn {
background: #6103267;
color: #fff;
font-weight: 600;
padding: 1em;
font-size: 1.15em;
border-radius: 6px;
text-align: center;
width: 50%;
margin: 40px auto 10px;
letter-spacing: 0.1em; }
#detail-page .ticket {
/* table-end */ }
#detail-page .ticket .re-yaei {
border: 3px solid #b61c31;
padding: 20px 15px 15px;
margin-top: 1em;
background: #b61c31; }
#detail-page .ticket .re-yaei .lead {
text-align: center;
font-weight: 600;
color: #fff;
padding: 0 0 1em;
font-size: 1.2em;
margin-top: 0; }
#detail-page .ticket .re-yaei .lead .end {
color: #fff;
font-weight: 600;
padding-top: 1em;
font-size: 1.1em; }
#detail-page .ticket .re-yaei .term {
font-weight: 600;
text-align: center;
font-size: 1.1em;
color: #fff; }
#detail-page .ticket .re-yaei .term .ttl {
border-bottom: 2px solid #fff;
padding-bottom: 5px;
margin-bottom: 10px; }
#detail-page .ticket .re-yaei .term p {
font-size: 1em;
line-height: 1.6; }
#detail-page .ticket .re-yaei .term a {
color: #fff;
border-bottom: 1px solid #fff; }
#detail-page .ticket .day .day-lead {
border: 3px solid #b61c31;
padding: 30px 40px 25px;
margin-top: 20px; }
#detail-page .ticket .day .day-lead span {
font-weight: 600;
color: #b61c31; }
#detail-page .ticket .day .day-lead span.ttl {
display: block;
text-align: center;
padding-bottom: .7em;
font-size: 1.1em; }
#detail-page .ticket .day .day-lead a {
color: #b61c31;
font-weight: 600;
border-bottom: 1px solid #b61c31; }
#detail-page .ticket .day .admission-detail h3 {
margin-top: 30px; }
#detail-page .ticket .day .ticket-detail h3 {
margin-bottom: 0; }
#detail-page .ticket .notice {
font-size: 1.1em;
line-height: 1.8;
font-weight: 600;
text-align: center;
display: block;
background: #ebc763;
padding: 2em; }
#detail-page .ticket .block {
padding-bottom: 3em; }
#detail-page .ticket .block h4 {
font-size: 1.1em;
font-weight: 600;
margin-bottom: 1em;
padding-left: 0.5em;
line-height: 1.8;
border-left: 10px solid #2c3f3d; }
#detail-page .ticket .block h5 {
font-weight: 600;
font-size: 1.1em;
margin: 2em 0 0;
padding-bottom: 0.3em;
border-bottom: 2px solid #38482e; }
#detail-page .ticket .ridge h5 {
border-bottom: 2px solid #a61423; }
#detail-page .ticket .tatanka h5 {
border-bottom: 2px solid #e95800; }
#detail-page .ticket .center-f h5 {
border-bottom: 2px solid #6eb92c; }
#detail-page .ticket .yaei h5 {
border-bottom: 2px solid #006835; }
#detail-page .ticket .sweet h5 {
border-bottom: 2px solid #28a7e1; }
#detail-page .ticket table {
font-size: 0.85em; }
#detail-page .ticket .more {
margin-top: 2em;
font-size: 0.85em; }
#detail-page .ticket .more li {
list-style: disc;
margin-left: 1.5em;
padding-bottom: 0.3em;
text-align: left; }
#detail-page .ticket .more li::marker {
color: #989898; }
#detail-page .ticket .more li a {
color: #38482e;
text-decoration: underline; }
#detail-page .ticket .more li a:has(svg) {
position: relative;
padding-left: 2px; }
#detail-page .ticket .more li a svg {
position: relative;
width: 20px;
height: 20px;
top: 4px;
margin-right: 4px;
fill: #38482e; }
#detail-page .ticket .ticket-detail .lead {
text-align: center; }
#detail-page .ticket .ticket-detail .lead .ttl {
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.5em;
color: #38482e;
line-height: 1.8;
padding-bottom: 0.5em; }
#detail-page .ticket .ticket-detail .lead p {
font-weight: 600;
padding: 0 0 20px;
font-family: '源ノ角ゴシック Regular','源ノ角ゴシック',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1em;
color: #000;
line-height: 1.6; }
#detail-page .ticket .ticket-detail table tbody td p {
font-size: 0.9em; }
#detail-page .ticket .ticket-detail table.three thead tr td {
width: 70%; }
#detail-page .ticket .site-detail .block {
border-bottom: 2px dotted #969b8a;
padding-bottom: 3em;
margin-bottom: 4em; }
#detail-page .ticket .site-detail .block.ridge {
padding-top: 4em; }
#detail-page .ticket .site-detail .block:last-of-type {
margin-bottom: 0;
border-bottom: none; }
#detail-page .ticket .site-detail .regulation {
padding-bottom: 40px; }
#detail-page .ticket .site-detail .regulation p {
font-family: auto;
font-size: 1em;
text-align: left;
line-height: 1.6; }
#detail-page .ticket .site-detail .regulation a {
color: #b61c31; }
#detail-page .ticket .site-detail table a {
color: #38482e; }
#detail-page .ticket .site-detail table tr {
border-bottom: 1px solid #989898; }
#detail-page .ticket .site-detail table tr:first-of-type {
border-top: none; }
#detail-page .ticket .site-detail .ridge h5 {
border-bottom: 2px solid #a61423; }
#detail-page .ticket .site-detail .ridge table tr {
border-bottom: 1px solid #a61423; }
#detail-page .ticket .site-detail .ridge .more li::marker {
color: #a61423; }
#detail-page .ticket .site-detail .garage h5 {
border-bottom: 2px solid #e99f00; }
#detail-page .ticket .site-detail .garage table tr {
border-bottom: 1px solid #e99f00; }
#detail-page .ticket .site-detail .garage .more li::marker {
color: #e99f00; }
#detail-page .ticket .site-detail .sweet h5 {
border-bottom: 2px solid #28a7e1; }
#detail-page .ticket .site-detail .sweet table tr {
border-bottom: 1px solid #28a7e1; }
#detail-page .ticket .site-detail .sweet .more li::marker {
color: #28a7e1; }
#detail-page .ticket .site-detail .center-f h5 {
border-bottom: 2px solid #6eb92c; }
#detail-page .ticket .site-detail .center-f table tr {
border-bottom: 1px solid #6eb92c; }
#detail-page .ticket .site-detail .center-f .more li::marker {
color: #6eb92c; }
#detail-page .ticket .site-detail .yaei h5 {
border-bottom: 2px solid #006835; }
#detail-page .ticket .site-detail .yaei table tr {
border-bottom: 1px solid #006835; }
#detail-page .ticket .site-detail .yaei .more li::marker {
color: #006835; }
#detail-page .ticket .site-detail .bush h5 {
border-bottom: 2px solid #e95800; }
#detail-page .ticket .site-detail .bush table tr {
border-bottom: 1px solid #e95800; }
#detail-page .ticket .site-detail .bush .more li::marker {
color: #e95800; }
#detail-page .ticket .admission-detail .block {
border-bottom: 2px dotted #969b8a;
padding-bottom: 3em;
margin-bottom: 4em; }
#detail-page .ticket .admission-detail .block:last-of-type {
margin-bottom: 0;
border-bottom: none; }
#detail-page .ticket .admission-detail .block.adult h5 {
border-bottom: 2px solid #091946; }
#detail-page .ticket .admission-detail .block.adult table tr {
border-bottom: 1px solid #091946; }
#detail-page .ticket .admission-detail .block.adult .more li::marker {
color: #091946; }
#detail-page .ticket .admission-detail .block.ele h5 {
border-bottom: 2px solid #EB6877; }
#detail-page .ticket .admission-detail .block.ele table tr {
border-bottom: 1px solid #EB6877; }
#detail-page .ticket .admission-detail .block.ele .more li::marker {
color: #EB6877; }
#detail-page .ticket .admission-detail .block.pre h5 {
border-bottom: 2px solid #5F52A0; }
#detail-page .ticket .admission-detail .block.pre table tr {
border-bottom: 1px solid #5F52A0; }
#detail-page .ticket .admission-detail .block.pre .more li::marker {
color: #5F52A0; }
#detail-page .ticket .admission-detail table tr:first-of-type {
border-top: none; }
#detail-page .ticket .parking-detail .parking h5 {
border-bottom: 2px solid #8E5801; }
#detail-page .ticket .parking-detail .parking table tr {
border-bottom: 1px solid #8E5801; }
#detail-page .ticket .parking-detail .parking table tr:first-of-type {
border-top: none; }
#detail-page .ticket .parking-detail .parking .more li::marker {
color: #8E5801; }
@media screen and (max-width: 1032px) {
#detail-page .to-form {
width: 100%;
font-size: 1em;
border: none;
border-radius: 4px;
margin-top: 2em; }
#detail-page .to-form svg {
width: 16px;
height: 16px;
margin-left: 8px; }
#detail-page .sold-btn {
width: 100%;
font-size: 1em;
border: none;
border-radius: 4px;
margin-top: 2em; }
#detail-page .ticket .re-yaei {
background: #b61c31; }
#detail-page .ticket .re-yaei .lead {
text-align: left;
color: #fff;
font-size: 1.1em; }
#detail-page .ticket .re-yaei .lead .end {
font-size: 1em;
text-align: center; }
#detail-page .ticket .re-yaei .term {
font-size: 1em;
color: #fff;
text-align: left; }
#detail-page .ticket .re-yaei .term .ttl {
border-bottom: 2px solid #ffffff; }
#detail-page .ticket .re-yaei .term a {
color: #ffffff;
border-bottom: 1px solid #ffffff; }
#detail-page .ticket .day .day-lead {
padding: 20px 15px 15px; }
#detail-page .ticket .day .day-lead p {
font-size: 0.85em; }
#detail-page .ticket .day .day-lead span {
font-weight: 600;
color: #b61c31; }
#detail-page .ticket .day .ticket-detail h3 {
margin-top: 30px; }
#detail-page .ticket .stay .notice {
font-size: 1.2em;
text-align: left;
padding: 30px 15px; }
#detail-page .ticket .stay .ticket-detail h3 {
margin-top: 30px;
text-align: center; }
#detail-page .ticket h5 {
margin-bottom: 0;
padding-bottom: 0.5em; }
#detail-page .ticket table tr th.ridge {
background-color: #a61423; }
#detail-page .ticket table tr th.garage {
background-color: #e99f00; }
#detail-page .ticket table tr th.sweet {
background-color: #28a7e1; }
#detail-page .ticket table tr th.center {
background-color: #6eb92c; }
#detail-page .ticket table tr th.yaei {
background-color: #006835; }
#detail-page .ticket table tr th.bush {
background-color: #e95800; }
#detail-page .ticket table tr th.adult {
background-color: #091946; }
#detail-page .ticket table tr th.ele {
background-color: #EB6877; }
#detail-page .ticket table tr th.pre {
background-color: #5F52A0; }
#detail-page .ticket table tr th.parking {
background-color: #8E5801; }
#detail-page .ticket .ticket-detail p {
font-size: 0.9em; }
#detail-page .ticket .ticket-detail .lead {
margin-top: 30px;
text-align: left; }
#detail-page .ticket .ticket-detail .lead .ttl {
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.2em;
color: #38482e;
line-height: 1.8;
padding-bottom: 0.5em; }
#detail-page .ticket .ticket-detail .lead p {
font-size: 0.9em;
text-align: left; }
#detail-page .ticket .ticket-detail .block:last-of-type {
padding-bottom: 0; }
#detail-page .ticket .site-detail table tr {
border: none; }
#detail-page .ticket .site-detail table tr:first-of-type th {
border-top: none; }
#detail-page .ticket .site-detail table tr:last-of-type {
border-bottom: 1px solid #989898; }
#detail-page .ticket .site-detail table tr th {
background-color: #fee2aa;
font-weight: 600;
color: #000;
border-bottom: 1px solid #989898; }
#detail-page .ticket .site-detail .ridge table tr:last-of-type {
border-bottom: 1px solid #a61423; }
#detail-page .ticket .site-detail .ridge table tr th {
border-bottom: 1px solid #a61423; }
#detail-page .ticket .site-detail .garage table tr:last-of-type {
border-bottom: 1px solid #e99f00; }
#detail-page .ticket .site-detail .garage table tr th {
border-bottom: 1px solid #e99f00; }
#detail-page .ticket .site-detail .sweet table tr:last-of-type {
border-bottom: 1px solid #28a7e1; }
#detail-page .ticket .site-detail .sweet table tr th {
border-bottom: 1px solid #28a7e1; }
#detail-page .ticket .site-detail .center-f table tr:last-of-type {
border-bottom: 1px solid #6eb92c; }
#detail-page .ticket .site-detail .center-f table tr th {
border-bottom: 1px solid #6eb92c; }
#detail-page .ticket .site-detail .yaei table tr:last-of-type {
border-bottom: 1px solid #006835; }
#detail-page .ticket .site-detail .yaei table tr th {
border-bottom: 1px solid #006835; }
#detail-page .ticket .site-detail .bush table tr:last-of-type {
border-bottom: 1px solid #e95800; }
#detail-page .ticket .site-detail .bush table tr th {
border-bottom: 1px solid #e95800; }
#detail-page .ticket .admission-detail table tr,
#detail-page .ticket .parking-detail table tr {
border: none; }
#detail-page .ticket .admission-detail table tr:first-of-type th,
#detail-page .ticket .parking-detail table tr:first-of-type th {
border-top: none; }
#detail-page .ticket .admission-detail table tr:last-of-type,
#detail-page .ticket .parking-detail table tr:last-of-type {
border-bottom: 1px solid #989898; }
#detail-page .ticket .admission-detail table tr th,
#detail-page .ticket .parking-detail table tr th {
background-color: #fee2aa;
font-weight: 600;
color: #000;
border-bottom: 1px solid #989898; }
#detail-page .ticket .admission-detail .adult table tr th,
#detail-page .ticket .parking-detail .adult table tr th {
border-bottom: 1px solid #091946; }
#detail-page .ticket .admission-detail .ele table tr th,
#detail-page .ticket .parking-detail .ele table tr th {
border-bottom: 1px solid #EB6877; }
#detail-page .ticket .admission-detail .pre table tr th,
#detail-page .ticket .parking-detail .pre table tr th {
border-bottom: 1px solid #5F52A0; }
#detail-page .ticket .admission-detail .parking table tr:last-of-type,
#detail-page .ticket .parking-detail .parking table tr:last-of-type {
border-bottom: 1px solid #8E5801; }
#detail-page .ticket .admission-detail .parking table tr th,
#detail-page .ticket .parking-detail .parking table tr th {
border-bottom: 1px solid #8E5801; } }
/********** SEASON / シーズンアイコンについて ***********/
.season {
padding-top: 0; }
.season .icon {
width: 100%;
max-width: 400px;
margin: 0 auto; }
.season .ttl {
display: block;
font-weight: 600;
padding-bottom: 10px;
font-size: 1.2em;
color: #e57400; }
main .season p {
line-height: 1.8; }
@media screen and (max-width: 1032px) {
.season ttl {
font-size: 1.1em; } }
/*************** footer ***************/
.footer-forest {
background: url(https://www.chums.jp/cms/chumscamp/2023/img/footer-forest.png);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
margin: 0 auto -7px;
text-align: center;
height: 500px;
position: relative; }
.footer-forest img {
max-width: 600px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%); }
footer {
width: 100%; }
footer .footer-wrap {
bottom: 0;
border-top: 5px solid #000;
background: #fdefd3;
/*background: #0e1e22;*/
padding-bottom: 20px; }
footer .footer-wrap .wrapper {
position: relative; }
footer .menu-wrap-inner {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
padding-left: 0;
margin: 5px 0 10px; }
footer .nav-sns {
margin-left: 0; }
footer .nav-sns ul {
gap: 8px; }
footer .rights {
text-align: center;
font-family: 'qs_font','Phosphate','Segoe UI Black','Calibri','Leelawadee UI',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 600;
padding-top: 10px;
font-size: .9em; }
footer .rights a {
color: #000; }
footer .nav-menu ul li {
color: #c4b793; }
footer .nav-menu ul li a {
color: #000; }
.footer-logo {
width: 100px;
margin: 20px auto 0; }
@media screen and (max-width: 1032px) {
footer .menu-wrap-inner {
display: none !important; }
.footer-forest {
background-size: cover;
background-position: bottom;
background-repeat: repeat-x;
height: 35vh; }
.footer-forest img {
max-width: 100%; } }
/*************** gallery ***************/
.gly-wrapper {
max-width: 800px;
width: 100%;
margin: 0 auto; }
.gly-wrapper .bx-wrapper {
background-color: transparent;
margin: 0px auto;
border: none;
box-shadow: none; }
.gly-wrapper .bx-wrapper img {
display: block;
width: 100%;
border-radius: 8px; }
.gly-wrapper .bx-wrapper .bx-viewport {
height: auto !important;
max-height: 600px !important;
padding-bottom: 67%; }
.gallery-slide-thumb {
width: 100%;
max-width: 900px;
margin: 20px auto;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
margin-top: 30px;
list-style: none; }
.gallery-slide-thumb > li {
width: calc((100% / 6) - 10px) !important;
margin: 5px;
display: block; }
.gallery-slide-thumb > li > a {
display: block;
position: relative;
padding-top: 67%; }
.gallery-slide-thumb > li > a > img {
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
max-width: 100%;
max-height: 100%;
border-radius: 4px; }
#pane-goods-footer .bx-wrapper .bx-next,
#pane-goods-footer .bx-wrapper .bx-prev,
#pane_top_main .bx-wrapper .bx-next,
#pane_top_main .bx-wrapper .bx-prev {
top: 50%;
background: none; }
#pane_top_main .bx-wrapper .bx-prev, #pane_top_main .bx-wrapper .bx-next {
width: 30px;
height: 50px;
background-size: contain !important; }
#pane_top_main .bx-wrapper .bx-prev {
background: url(https://www.chums.jp/cms/chumscamp/2022/hp/prev-30-50.png) no-repeat !important;
position: absolute;
left: 7px;
background-size: contain !important; }
#pane_top_main .bx-wrapper .bx-next {
background: url(https://www.chums.jp/cms/chumscamp/2022/hp/next-30-50.png) no-repeat !important;
position: absolute;
right: 7px;
background-size: contain !important; }
@media screen and (max-width: 1032px) {
.gallery-slide-thumb {
max-width: 800px; }
.gallery-slide-thumb > li {
width: calc((100% / 3) - 10px) !important; }
#pane_top_main .bx-wrapper .bx-prev, #pane_top_main .bx-wrapper .bx-next {
width: 25px;
height: 40px; } }
/*********** Splide スライダー設定 **************/
.main-bg .splide {
padding: 0 0 3em 0; }
.main-bg .splide__pagination__page {
column-gap: 5px;
height: 6px; }
.main-bg .splide__pagination__page:hover {
background: #a2bb92; }
.main-bg .splide__pagination__page.is-active {
background: #38482e;
transform: scale(1.2); }
/*********** wow animation delay指定 **************/
.animate__delay-03s {
animation-delay: 0.3s; }
.animate__delay-05s {
animation-delay: 0.5s; }
.animate__delay-08s {
animation-delay: 0.8s; }
.animate__delay-12s {
animation-delay: 1.2s; }
.animate__delay-15s {
animation-delay: 1.5s; }
.animate__delay-18s {
animation-delay: 1.8s; }
.animate__delay-2s {
animation-delay: 2s; }
.animate__delay-22s {
animation-delay: 2.2s; }
/* NEWS fadeIn Delay Setting */
@media screen and (min-width: 1033px) {
.news-wrap .news li:nth-of-type(2), .news-wrap .news li:nth-of-type(5), .news-wrap .news li:nth-of-type(8), .news-wrap .news li:nth-of-type(11), .news-wrap .news li:nth-of-type(14), .news-wrap .news li:nth-of-type(17), .news-wrap .news li:nth-of-type(20), .news-wrap .news li:nth-of-type(23), .news-wrap .news li:nth-of-type(26) {
animation-delay: 0.2s; }
.news-wrap .news li:nth-of-type(3), .news-wrap .news li:nth-of-type(6), .news-wrap .news li:nth-of-type(9), .news-wrap .news li:nth-of-type(12), .news-wrap .news li:nth-of-type(15), .news-wrap .news li:nth-of-type(18), .news-wrap .news li:nth-of-type(21), .news-wrap .news li:nth-of-type(24), .news-wrap .news li:nth-of-type(27) {
animation-delay: 0.4s; } }