*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}

html {scroll-behavior: smooth; }
body { 
background: #000b42;
padding:0;
background-attachment:fixed;
font-family: 'Noto Sans JP', sans-serif;
overflow-x:hidden;
}
.wrap {
overflow-x:hidden;
}
#opening {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transition: all 1s;
  width: 100%;
  height: 100vh;
}
#opening::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000b42;
  transition: all 1s;
  animation: opening 2.1s forwards;
}
@keyframes opening {
  99% {
    opacity: 1;
    z-index: 1000;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}
#opening::after {
  content: '';
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-image: linear-gradient( 89.7deg, rgba(223,0,0,1) 2.7%, rgba(214,91,0,1) 15.1%, rgba(233,245,0,1) 29.5%, rgba(23,255,17,1) 45.8%, rgba(29,255,255,1) 61.5%, rgba(5,17,255,1) 76.4%, rgba(202,0,253,1) 92.4% );
  animation: openingline 2s forwards;
}
@media  all and (max-width:768px) {
#opening::after {
margin-top:-80px;
}
}
@keyframes openingline {
  99% {
    opacity: 1;
    z-index: 1000;
  }
  100% {
    width: 100%;
    opacity: 0;
    z-index: -1;
  }
}
.loaded {
  opacity: 0;
  z-index: -1;
}
.mb05 {margin-bottom:0.5rem;}
.mb1 {margin-bottom:1rem;}
.mb2 {margin-bottom:2rem;}
.tC {text-align:center;}
.tL {text-align:left;}
.tR {text-align:right;}
.small {font-size:smaller;}
@media  all and (min-width:768px) {
.buy {
display: flex;
position: fixed;
bottom:0;
right:0;
width:180px;
height:180px;
padding:10px;
z-index: 500;
}
.buy a img {
opacity:.9;
}
.buy a:hover img {
opacity:1;
transition:all .5s;
}
}
@media  all and (min-width:768px) {
header {
width:100%;
height:55px;
padding: 10px;
display: flex;
text-align:center;
align-items: center;
position: fixed;
z-index: 500;
}
header h1 {
font-family: "alternate-gothic-condensed-a", sans-serif;
font-weight:700;
font-size:30px;
line-height:45px;
color:#fff;
width:30%;
height:45px;
text-align:left;
padding-left: 60px;
background: url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_emb_shonan.png) no-repeat 10px 50%;
background-size: auto 45px;
text-shadow:2px 2px 5px #000;
}
header img { height:45px; margin-right:10px; vertical-align: bottom; display:inline-block; }
.header-menu { text-align:right; width:70%; }
.header-menu a {
font-family: 'Noto Sans JP', sans-serif;
font-size:16px;
font-weight:900;
text-decoration:none !important;
color:#111;
display:inline-block;
padding: 10px 20px;
background: rgba(255,255,255,.9);
}
.header-menu a:first-child { border-radius: 10px 0 0 10px; margin-right: 2px; }
.header-menu a:last-child { border-radius: 0 10px 10px 0; margin-left: 2px; }
.header-menu a:hover {
background-color: #ea5514;
transition:all .5s;
}
h2 {
font-family: 'Noto Sans JP', sans-serif;
font-weight:900;
font-size:40px;
line-height:1.1;
color:white;
margin-bottom:2rem;
}
h3 {
font-family: "alternate-gothic-condensed-a", sans-serif;
font-weight:700;
font-size:60px;
line-height:1.1;
color:white;
margin-bottom:2rem;
display:inline-block;
border-bottom: 5px solid #fff;
}
h3 span {
display:block;
font-weight:700;
font-size:24px;
}
h4 {
font-weight:800;
font-size:24px;
line-height:1.1;
color:white;
margin-bottom:2rem;
}
h4.uniH4 {
font-family: "alternate-gothic-condensed-a", sans-serif;
font-weight: 700;
font-size: 50px;
line-height:1.1;
color: #6fba2c;
margin-bottom:2rem;
}
h4.address {
color:#00101E;
margin-bottom:.5rem;
padding: 3px;
border-bottom: 4px solid #6FBA2C;
}
h5.train {
font-size:22px;
background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_train.png) no-repeat left 50%;
background-size:25px;
padding-left: 30px;
color:#00101E;
margin-bottom:1rem;
}
h5.taxi {
font-size:22px;
background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_taxi.png) no-repeat left 50%;
background-size:25px;
padding-left: 30px;
color:#00101E;
margin-bottom:1rem;
}
.spbr {display:none;}
.w50 { width:50%; }
.w40 { width:40%; }
.w60 { width:60%; }
.w30 { width:30%; }
.w70 { width:70%; }
}
@media  all and (max-width:768px) {
.buy {
display: flex;
position: fixed;
bottom:0;
right:0;
width:80px;
padding:10px 5px;
text-align:right;
z-index: 500;
opacity:.8;
}
}
@media  all and (max-width:768px) {
header {
width:100%;
text-align:center;
background: #fff;
position: absolute;
top: 100vw;
}
header h1 {
display:none;
}
.header-menu {  }
.header-menu a {
font-family: 'Noto Sans JP', sans-serif;
font-size:14px;
line-height:39px;
font-weight:700;
text-decoration:none !important;
color:#111;
display:block;
padding: 0 20px;
border-bottom: 1px solid #6FBA2C;
}

h2 {
font-family: 'Noto Sans JP', sans-serif;
font-weight:900;
font-size:26px;
line-height:1.3;
color:white;
margin:0 0 2rem;
}
h3 {
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:700;
font-size:30px;
line-height:1.3;
color:white;
margin-bottom:1rem;
display:inline-block;
border-bottom: 5px solid #fff;
}
h3 span {
display:block;
font-weight:700;
font-size:16px;
}
h4 {
font-weight:700;
font-size:18px;
line-height:1.1;
color:white;
margin-bottom:1rem;
}
h4.uniH4 {
font-family: "alternate-gothic-condensed-a", sans-serif;
font-weight: 700;
font-size: 30px;
line-height:1.1;
color: #6fba2c;
margin-bottom:0.5rem;
}
h4.address {
color:#00101E;
margin-bottom:.5rem;
padding: 3px;
border-bottom: 4px solid #6FBA2C;
}
h5.train {
font-size:18px;
background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_train.png) no-repeat left 50%;
background-size:20px;
padding-left: 25px;
color:#00101E;
margin-bottom:1rem;
}
h5.taxi {
font-size:18px;
background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_taxi.png) no-repeat left 50%;
background-size:20px;
padding-left: 25px;
color:#00101E;
margin-bottom:1rem;
}
}
@media  all and (min-width:768px) {
.btn {
background-color: white;
background-image: url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_btn_arrow.png);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: auto 50%;
color: #000b42 !important;
display:inline-block;
margin:2rem auto;
padding: 1rem 3rem;
min-width:400px;
text-align:center;
font-family: 'Noto Sans JP', sans-serif;
font-size:24px;
font-weight:900;
text-decoration:none !important;
border-radius:3rem;
}
.btn:hover {
background-color: #ea5514;
transition:all .5s;
}
.btn-small {
font-size:18px;
min-width:auto;
}
.btn-ss {
margin:1rem auto;
padding: .5rem 2rem;
font-size:16px;
min-width:auto;
}
.btn-ticket span {
background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_ticket.png) no-repeat left 50%;
background-size:45px;
padding-left: 48px;
}
.btn-map span {
background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_map.png) no-repeat left 50%;
background-size:25px;
padding-left: 30px;
}
}
@media  all and (max-width:768px) {
.btn {
background: white url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_btn_arrow.png) no-repeat;
background-position: right 10px center;
background-size: auto 50%;
color: #000b42 !important;
display:inline-block;
margin:1rem auto;
padding: 1rem;
width:100%;
text-align:center;
font-family: 'Noto Sans JP', sans-serif;
font-size:16px;
font-weight:900;
text-decoration:none !important;
border-radius:3rem;
}
.btn span.btn-small {
font-size:smaller;
}
.btn-ticket span {
background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_ticket.png) no-repeat left 50%;
background-size:30px;
padding-left: 35px;
}
.btn-map span {
background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_map.png) no-repeat left 50%;
background-size:20px;
padding-left: 25px;
}
}


@media  all and (min-width:768px) {
.main {background:#000b42;height:100vh;}
.main-kv {
background:#000b42 url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_kv_pc.jpg) no-repeat 50% 50%;
background-size: auto 100%;
height:100vh;
}
}
@media  all and (max-width:768px) {
.main {background:#000b42;height:100vw;}
.main-kv {
background:#000b42 url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_kv_sp.jpg) no-repeat 50% 50%;
background-size:cover;
height:100vw;
}
}

@media  all and (min-width:768px) {
.outline {
background:#6fba2c;
padding: 100px 0;
text-align:center;
}
.outline-txt {
    width: 640px;
    margin: auto;
    font-size: 20px;
font-weight:700;
    color: white;
}
.outline-event {
display:flex;
width:1000px;
margin: 20px auto; 
}
.outline-event-l {
width:50%;
padding-right:1%;
}
.outline-event-r {
width:50%;
padding-left:1%;
}
}
@media  all and (max-width:768px) {
.outline {
background:#6fba2c;
padding: 20px 10px 40px;
text-align:center;
    color: white;
}
.outline-txt {
    margin: auto;
text-align:center;
    color: white;
}
.outline_1 {
padding-top: 140px;
}
.outline-event {
display:flex;
width:100%;
margin: 20px auto; 
}
.outline-event-l {
width:50%;
padding-right:1%;
}
.outline-event-r {
width:50%;
padding-left:1%;
}
}

@media  all and (min-width:768px) {
.movie-cont {
width:960px;
margin:auto;
}
}
@media  all and (max-width:768px) {
.movie-cont {
width:100%;
margin:auto;
}
}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe, .youtube video {
  width: 100%;
  height: 100%;
}


@media  all and (min-width:768px) {
.overlay, #yt_player {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
 
.overlay{
    z-index: -1;
}
 
#yt_player{
    z-index: -2;
}

.video-area{
    position: fixed;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}

.video-area video {
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}
}
@media  all and (max-width:768px) {
.video-area{
    position: relative;
}

.video-area video {
    /*縦横幅指定*/
    width: 100vw;
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}
}


@media  all and (min-width:768px) {
.match {
background: url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/match_bg.jpg) no-repeat 50% 50% fixed;
background-size:cover;
padding: 100px 0;
text-align:center;
}
.match-outer {
width:1000px;
background: url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/match_arrow.png) no-repeat 50% 50%;
background-size: 100px auto;
margin:0 auto 40px;
display:flex;
}
.match-cont {
width:400px;
margin:auto;
display:flex;
color:white;
}
.match-cont:first-child { 
margin-right: 150px;
}
.match-cont-l,.match-cont-r {
width:27%;
}
.match-cont-c {
width:46%;
}
.match-ha {
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:600;
font-size:14px;
color:#333;
background:white;
margin: 10px auto 20px;
padding:5px;
border-radius:10px;
}
.match-emb {
margin: 0 auto 10px;
display:flex;
align-items: center;
height:135px;
}
.match-emb img { width:100%; margin:auto;}
.match-cont-l .match-emb img { width:80%;  }
.match-team { font-size: 14px; font-weight:700; }
.match-league {
font-size: 13px; 
margin: 0 auto;
font-weight:600;
}
.match-league img { display:inline-block; width:100px; margin-right: 5px; vertical-align:bottom;} 
.match-date {
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:800;
font-size:90px;
line-height:1;
}
.match-time  {
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:700;
font-size:30px;
line-height:1;
margin: 0 auto 5px;
}
.match-stadium {
font-weight:700;
font-size:x-small;
margin: 0 auto 10px;
}
.match-sponsor  {
font-weight:900;
font-size:18px;
}
}

@media  all and (max-width:768px) {
.match {
background: url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/match_bg.jpg) no-repeat 50% 50%;
background-size: auto 100%;
padding: 40px 20px;
text-align:center;
}
.match-cont {
width:100%;
margin: 0 auto 30px;
display:flex;
color:white;
align-items: center;
}
.match-cont-l,.match-cont-r {
width:25%;
}
.match-cont-c {
width:50%;
}
.match-ha {
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:600;
font-size:16px;
color:#333;
background:white;
margin: 10px auto 0;
padding:2px;
width:100%;
border-radius:10px;
}
.match-emb {
margin: 0 auto;
height:130px;
display:flex;
align-items: center;
}
.match-emb img { width:100%; margin:auto;}
.match-cont-l .match-emb img { width:90%;  }
.match-team { font-size: x-small; font-weight:700; }
.match-league {
font-size: x-small; 
margin: 0 auto 5px;
font-weight:600;
}
.match-league img { display:inline-block; width:100px; margin-right: 5px; vertical-align:bottom;} 
.match-date {
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:800;
font-size:70px;
line-height:1;
}
.match-time  {
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:700;
font-size:30px;
line-height:1;
margin: 0 auto 10px;
}
.match-stadium {
font-weight:700;
font-size:x-small;
}
.match-sponsor  {
font-weight:900;
font-size:14px;
}
}

.ytbtn {
width: 100%;
margin-top:100vh;
text-align: center;
}
.ytbtn .btn { opacity:.7; background-image:none; }

@media  all and (max-width:768px) {
.ytbtn {
background:#000;
width: auto;
margin-top:0;
text-align: center;
}
.ytbtn .btn { width:auto; font-size:small; padding:10px 20px; }
}

@media  all and (min-width:768px) {
.uniform {
background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/bg_uniform2.jpg) no-repeat 50% 50% fixed;
background-size: cover;
padding: 40px 0 100px;
text-align:center;
}
.uni_text {
font-size: 18px;
}
.uni-cont {
    width: 900px;
    margin: 0 auto 4rem;
    font-size: 16px;
    color: white;
}
.uni_gallery {
font-size:0;
padding:10px;
}
.uni_img {
display: inline-block;
width: 32%;
margin: 0 0 2%;
}
.uni_img_c {
margin:0 2% 2%;
}
.uni_img { background-image: linear-gradient( 60deg, rgba(223,0,0,1) 2.7%, rgba(214,91,0,1) 15.1%, rgba(233,245,0,1) 29.5%, rgba(23,255,17,1) 45.8%, rgba(29,255,255,1) 61.5%, rgba(5,17,255,1) 76.4%, rgba(202,0,253,1) 92.4% ); }
.uni_img a:hover img {
opacity:.6;
transition:all .8s;
}
.uni_block {
display:flex;
}
.uni_block div { padding:10px; }
.uni_size { border-collapse: collapse; width:100%; }
.uni_size th, .uni_size td { padding: 5px 10px; border:1px solid #ccc; }
.uni_size th { background: #000b42; }
.uni_size td { background: #111419; }
.uni_size tr:nth-child(even) td { background: #333; }
}

@media  all and (max-width:768px) {
.uniform {
background: #010f1c url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/bg_uniform2.jpg) no-repeat 50% 0;
background-size: 100% auto;
padding: 40px 20px 40px;
text-align:center;
}
.uni-cont {
    width: 100%;
    margin: 0 auto 1rem;
    color: white;
}
.uni_text {
font-size: small;
}
.uni_gallery {
font-size:0;
padding: 0;
}
.uni_img {
display: inline-block;
width: 32%;
margin: 0 0 2%;
}
.uni_img_c {
margin:0 2% 2%;
}
.uni_img { background-image: linear-gradient( 60deg, rgba(223,0,0,1) 2.7%, rgba(214,91,0,1) 15.1%, rgba(233,245,0,1) 29.5%, rgba(23,255,17,1) 45.8%, rgba(29,255,255,1) 61.5%, rgba(5,17,255,1) 76.4%, rgba(202,0,253,1) 92.4% ); }
.uni_img a:hover img {
opacity:.6;
transition:all .8s;
}
.uni_block {
display:block;
}
.uni_block div { padding:0 0 20px; }
.uni_size { border-collapse: collapse; width:100%; }
.uni_size th, .uni_size td { padding: 5px 10px; border:1px solid #ccc; font-size:small; }
.uni_size th { background: #000b42; }
.uni_size td { background: #111419; }
.uni_size tr:nth-child(even) td { background: #333; }
.num_sample {width:60%; margin:auto;}
}


@media  all and (min-width:768px) {
.special {
background: url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_special_bg.jpg) no-repeat 50% 0 fixed;
background-size: cover;
padding: 60px 0;
text-align:center;
}
.special h3 { color:#6FBA2C;  margin-bottom:60px;}
.special-wrap {
width: 1200px;
margin:40px auto 0;
}
.special .soon {
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:400;
font-size:60px;
line-height:1;
margin: 60px auto;
color:#6FBA2C;
}
.soon span  { font-size:30px; }
.special  .content {
width:45%;
margin:0 2% 60px;
color:white;
display:inline-block;
vertical-align: top;
position: relative;
}
.special-image {
margin: 0 auto 20px;
border-radius: 20px;
overflow: hidden;
height:400px;
display: flex;
align-items: center;
background: rgba(0,0,0,.7);
border: 1px solid #fff;
}
.special-image a:hover {background: rgba(111,186,44,1); transition:all .5s;}
.special-image a:hover img { opacity:.5; transition:all .5s;}
.special-cate {
position: absolute;
top:-15px;
right:20px;
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:600;
font-size:20px;
line-height:1;
background:#6FBA2C;
background: linear-gradient(100deg, rgba(111,186,44,1) 0%, rgba(0,92,162,1) 100%);
padding: 5px 10px;
z-index:999;
}
.special-title {
font-family: 'Noto Sans JP', sans-serif;
font-size:24px;
font-weight:900;
margin: 0 auto 1rem;
}
.special-text {
font-size:14px;
font-weight:700;
}
.event-wrap {
width: 1200px;
margin:0 auto 60px;
text-align:left;
font-size:0;
padding: 20px 0 0;
border-top: 2px solid #6FBA2C;
border-bottom: 2px solid #6FBA2C;
border-image: linear-gradient(to right, rgba(111,186,44,1) 0%, rgba(0,92,162,1) 100%);
border-image-slice: 1;
position:relative;
}
.event-cont {
width:30% !important;
margin:0 1.5% 60px;
color:white;
display:inline-block;
vertical-align: top;
position: relative;
}
.event-image {
margin: 0 auto 10px;
overflow: hidden;
display: flex;
align-items: center;
background: rgba(0,0,0,.7);
}
.event-image a:hover {background: rgba(111,186,44,1); transition:all .5s;}
.event-image a:hover img { opacity:.5; transition:all .5s;}
.event-title {
font-family: 'Noto Sans JP', sans-serif;
font-size:20px;
font-weight:900;
color:white;
margin: 0 auto .5rem;
}
.swiper2 .event-image {
margin: 0 auto;
overflow: hidden;
display: flex;
align-items: center;
background: rgba(0,0,0,.7);
height:200px;
}
.swiper2 .event-title {
font-size:16px;
height: 100px;
font-weight:700;
text-align: left;
padding:5px 10px;
color:#222;
background:#fff;
margin: 0 auto;
}
.swiper2 a {
text-decoration:none;
}
.event-text {
font-size:14px;
font-weight:500;
color:white;
text-align: left;
}

.sp-wrapper {
margin: 20px auto;
padding: 20px 20px;
position:relative;
width:1000px;
}

.swiper {
}
.swiper-button-next {right:-20px !important;}
.swiper-button-prev {left:-20px !important;}
.swiper-button-next:after, .swiper-button-prev:after,.swiper-button-next2:after, .swiper-button-prev2:after {
padding: 10px;
color:#fff;
background: ;
opacity: .7;
}
}

@media  all and (max-width:768px) {
.special {
background: url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_special_bg_sp.jpg) no-repeat 50% 0;
background-size: auto 100%;
padding: 60px 20px;
text-align:center;
}
.special .soon {
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:400;
font-size:30px;
line-height:1;
margin: 2rem auto;
color:#6FBA2C;
}
.soon span  { font-size:smaller; }
.special h3 { color:#6FBA2C; }
.special .content {
width:100%;
margin: 0 auto 3rem;
color:white;
}
.special-image {
margin: 0 auto 10px;
border-radius: 20px;
overflow: hidden;
background: rgba(0,0,0,.7);
border: 1px solid rgba(111,186,44,.5);
}
.special-cate {
position: absolute;
top:-10px;
right:15px;
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:600;
font-size:16px;
line-height:1;
background:#6FBA2C;
background: linear-gradient(100deg, rgba(111,186,44,1) 0%, rgba(0,92,162,1) 100%);
padding: 5px;
}
.special-title {
font-family: 'Noto Sans JP', sans-serif;
font-size:18px;
font-weight:900;
margin: 0 auto 10px;
color:white;
}
.special-text {
font-size:14px;
font-weight:700;
margin: 0 auto 10px;
color:white;
}
.special-text br {display:none;}
.event-cont {
width:80% !important;
margin: 0 10px 3rem;
color:white;
}
.event-wrap {
position:relative;
margin-left:-20px;
margin-right:-20px;
}
.event-image {
margin: 0 auto 10px;
overflow: hidden;
background: rgba(0,0,0,.7);
}
.event-title {
font-family: 'Noto Sans JP', sans-serif;
font-size:15px;
color:white;
font-weight:900;
margin: 0 auto 10px;
}
.swiper2 .event-image {
margin: 0;
height:100px;
overflow: hidden;
display: flex;
align-items: center;
}
.swiper2 .event-title {
font-size:small;
font-weight:500;
text-align: left;
padding:5px 10px;
background: rgba(255,255,255,.2);
margin: 0 auto 10px;
text-decoration:none;
}
.swiper2 a {
text-decoration:none;
}
.event-text {
font-size:14px;
font-weight:600;
color:white;
margin: 0 auto 10px;
}
.sp-wrapper {
margin: 20px -20px;
position:relative;
}
.swiper {
padding:0 40px !important;
}
.swiper-button-next:after, .swiper-button-prev:after,.swiper-button-next2:after, .swiper-button-prev2:after {
font-size:30px !important;
padding: 10px;
color:#fff;
opacity: .7;
}
.swiper-button-next,.swiper-button-next2 {
right: var(--swiper-navigation-sides-offset,0px) !important;
}
.swiper-button-prev,.swiper-button-prev2 {
left: var(--swiper-navigation-sides-offset,0px) !important;
}
}

@media  all and (min-width:768px) {
.news {
background: #FFF;
padding: 60px 0;
text-align:center;
}
.news h3 { color:#6FBA2C;  margin-bottom:60px;}
.news-wrap {
width: 1200px;
margin:0 auto 40px;
font-size:0;
border-top: 2px solid #6FBA2C;
border-bottom: 2px solid #6FBA2C;
border-image: linear-gradient(to right, rgba(111,186,44,1) 0%, rgba(0,92,162,1) 100%);
border-image-slice: 1;
}
.news-cont a {
text-decoration:none !important;
}
.news-title {
margin:0 auto;
padding: 20px 40px;
text-align:left;
font-family: 'Noto Sans JP', sans-serif;
font-size:18px;
font-weight:700;
color:#6FBA2C;
border-bottom: 1px solid #6FBA2C;
background-image: url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_btn_arrow.png);
background-repeat: no-repeat;
background-position: right 40px center;
background-size: auto 50%;
}
.news-cont a:last-child .news-title {
border-bottom: none;
}
}

@media  all and (max-width:768px) {
.news {
background: #FFF;
padding: 40px 20px 60px;
text-align:center;
}
.news h3 { color:#6FBA2C;  margin-bottom:20px;}
.news-wrap {
border-top: 2px solid #6FBA2C;
border-bottom: 2px solid #6FBA2C;
border-image: linear-gradient(to right, rgba(111,186,44,1) 0%, rgba(0,92,162,1) 100%);
border-image-slice: 1;
}
.news-cont a {
text-decoration:none !important;
}
.news-title {
margin:0 auto;
padding: 10px 30px 10px 0;
text-align:left;
font-family: 'Noto Sans JP', sans-serif;
font-size:16px;
font-weight:700;
color:#6FBA2C;
border-bottom: 1px solid #6FBA2C;
background-image: url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_btn_arrow.png);
background-repeat: no-repeat;
background-position: right center;
background-size: 20px auto;
}
.news-cont a:last-child .news-title {
border-bottom: none;
}
}

@media  all and (min-width:768px) {
.schedule {
background: linear-gradient(180deg, rgba(9,34,51,1) 0%, rgba(9,52,54,1) 50%, rgba(5,40,27,1) 100%);
padding: 60px 0;
text-align:center;
}
.schedule h3 { margin-bottom:60px;}
.timetable-wrap {
width: 1200px;
margin:0 auto 40px;
text-align:left;
}
.timetable {
margin:5px auto;
text-align:left;
display:flex;
}
.timetable dt {
width:20%;
background:#6FBA2C ;
padding:10px 20px;
text-align:right;
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:600;
font-size:30px;
line-height:1;
color:white;
}
.timetable dd {
width:80%;
background:white;
color:#00101e;
font-size:18px;
padding:10px 20px;
font-weight: 700;
vertical-align:middle;
line-height:1.8;
}
}
@media  all and (max-width:768px) {
.schedule {
background: linear-gradient(180deg, rgba(9,34,51,1) 0%, rgba(9,52,54,1) 50%, rgba(5,40,27,1) 100%);
padding: 40px 20px 60px;
text-align:center;
}
.schedule h3 { color:#6FBA2C;  margin-bottom:20px;}
.timetable-wrap {
margin:0 auto;
text-align:left;
}
.timetable {
margin:auto;
text-align:left;
}
.timetable dt {
width:100%;
background:#6FBA2C ;
padding:10px;
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:600;
font-size:16px;
line-height:1;
color:white;
}
.timetable dd {
width:100%;
background:white;
color:#00101e;
font-size:small;
padding:10px;
font-weight: 700;
vertical-align:middle;
line-height:1.8;
}
}
@media  all and (min-width:768px) {
.guide {
background: #005CA2;
padding: 60px 0;
text-align:center;
}
.guide-map {
width:1000px;
margin:auto;
}
.guide-outer {
margin:0 auto 2rem;
display:flex;
width:1000px;
}
.guide-gate {
width:55%;
font-size:30px;
font-weight:600;
color:#6FBA2C;
text-align:center;
}
.guide-info {
width:45%;
padding-left:45px;
}
.guide h4 {
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:700;
margin:1rem auto;
}
.guide h4 span {
font-size:14px;
padding-left:.5rem;
}
}
@media  all and (max-width:768px) {
.guide {
background: #005CA2;
padding: 40px 20px 20px;
text-align:center;
}
.guide-map {
margin-bottom:1rem;
}
.guide-outer {
margin:0 auto 1rem;
padding:0;
width:100%;
}
.guide-gate {
margin:0 auto 1rem;
font-size:20px;
font-weight:600;
color:#6FBA2C;
text-align:center;
}
.guide h4 {
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:700;
margin-bottom:1rem;
}
.guide h4 span {
font-size:x-small;
padding-left:.5rem;
}
}

@media  all and (min-width:768px) {
.ticket {
background: #6FBA2C;
padding: 60px 0;
text-align:center;
}
.ticket-outer {
margin:0 auto 2rem;
padding:20px;
display:flex;
width:1100px;
background:white;
border-radius:20px;
}
.ticket-seat {
width:65%;
padding:10px;
font-size:30px;
font-weight:600;
color:#6FBA2C;
text-align:left;
}
.ticket-price {
width:35%;
padding:10px;
}
.ticket-cont {
width:640px;
display:flex;
margin:auto;
}
.ticket-schedule {
width:100%;
padding-right:20px;
}
}
@media  all and (max-width:768px) {
.ticket {
background: #6FBA2C;
padding: 40px 20px 20px;
text-align:center;
}
.ticket h4 {margin-bottom:1rem;}
.ticket-outer {
margin:0 auto 2rem;
padding:20px;
width:100%;
background:white;
border-radius:20px;
}
.ticket-seat {
font-size:20px;
font-weight:600;
color:#6FBA2C;
text-align:left;
}
.ticket-price {
}
.ticket-cont {
width:100%;
padding:10px;
margin:auto;
}
.ticket-schedule {
margin-bottom:1rem;
}
}

@media  all and (min-width:768px) {
.access {
background: #005CA2;
padding: 60px 0;
text-align:center;
}

.map-outer {
margin:0 auto 2rem;
padding:20px;
display:flex;
width:1100px;
background:white;
border-radius:20px;
}
.map-image {
width:60%;
padding:10px;
}
.map-text {
width:40%;
padding:10px;
color:#00101E;
text-align:left;
font-size: 18px;
font-weight: 700;
}
.map-text p {margin-bottom:1rem;}
.map-text p span { color:#005CA2;}
}
@media  all and (max-width:768px) {
.access {
background: #005CA2;
padding: 40px 20px;
text-align:center;
}

.map-outer {
margin:0 auto 1rem;
padding:10px;
background:white;
border-radius:20px;
}
.map-image {
padding:10px;
}
.map-text {
padding:10px;
color:#00101E;
text-align:left;
font-size: 14px;
font-weight: 700;
}
.map-text p {margin-bottom:1rem;}
.map-text p span { color:#005CA2;}
}

footer {
padding:100px 0;
text-align:center;
background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/bg_footer.jpg) no-repeat 50% 50% fixed;
background-size:cover;
}
.sns {
width:600px;
margin:auto;
display:flex;
}
.sns li {
width:100px;
height:100px;
padding:10px;
background-size:80px 80px;
opacity:.5;
overflow:hidden;
text-indent:-9999px;
}
.sns li:hover {
opacity:1;
transition:all .5s;
}
.tw {background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_twitter.png)no-repeat 50% 50%;}
.ig {background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_instagram.png)no-repeat 50% 50%;}
.fb {background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_facebook.png)no-repeat 50% 50%;}
.yt {background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_youtube.png)no-repeat 50% 50%;}
.ln {background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_line.png)no-repeat 50% 50%;}
.eg {background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_engate.png)no-repeat 50% 50%;}
.tt {background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/tanabata_icon_tiktok.png)no-repeat 50% 50%;}
@media  all and (max-width:768px) {
footer {
padding:40px 10px;
text-align:center;
background:url(https://i0.wp.com/www.bellmare.co.jp/wp-content/themes/bellmare_20231115/images/tanabata2024/bg_footer.jpg) no-repeat 50% 50%;
}
.sns {
width:100%;
margin:auto;
display:flex;
}
.sns a {
width:17%;
height:60px;
}
.sns li {
width:100%;
height:100%;
padding:5px;
background-size:contain;
opacity:1;
overflow:hidden;
text-indent:-9999px;
}
}
.club_icon {
width:160px;
margin:auto;
display:flex;
align-items:center;
}
.bellmare {
width:160px;
padding:20px;
}
.anniv {
width:140px;
padding:20px;
}
.copyright {
font-family: 'alternate-gothic-condensed-a', sans-serif;
font-weight:400;
font-size:20px;
color:white;
margin-top:2rem;
}
@media  all and (max-width:768px) {
.copyright {
font-size:16px;
}
}
.slideshow .content {
  width: 300px;
  height: auto;
}
/* スライドレールの枠 */
.slide-wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
}
/* contentをまとめたスライドブロック */
.slideshow {
  display: flex;
  -webkit-animation: loop-slide 40s infinite linear 1s both;
  animation: loop-slide 40s infinite linear 1s both;
}
@-webkit-keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center;
}
.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 60%;
  max-width: 80vw;
  border-radius: 2px;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle;
}

.modal-wrapper .modal-window .modal-content {
  max-height: 90vh;
  overflow-y: auto;
  text-align:center;
}
.modal-wrapper .modal-window .modal-content img {
  max-height: 90vh;
  margin: auto;
}
@media  all and (max-width:768px) {
.modal-wrapper { padding:0;}
.modal-wrapper .modal-window {
  width: 100%;
  max-width: 90vw;
}
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 35px;
  color: #95979c !important;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important
}