@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Antique+Soft&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&family=Zen+Old+Mincho&display=swap");
.slideToggle__list > li { box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.15); }

a { outline: none; transition: all 0.3s ease-in-out; text-decoration: underline; color: #D3CA8F; }
a:hover { color: #F3EDC0; }

img.responsiveimg { max-width: 100%; height: auto; }

#all { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 1; }

.note { font-size: 90%; list-style: none; padding: 0; margin-bottom: 1rem; color: #181818; }
.note li { padding-left: 1em; text-indent: -1em; margin-bottom: 0.3rem; }

.wrapper { display: block; position: relative; margin: 0px auto; padding: 0px; min-height: 100vh; }

/* A Modern CSS Reset */
*, *::before, *::after { box-sizing: border-box; }

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; }

ul[role="list"], ol[role="list"], ul, li { list-style: none; }

html { scroll-behavior: auto; }

body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; }

a:not([class]) { text-decoration-skip-ink: auto; }

img, picture { max-width: 100%; display: block; }

input, button, textarea, select { font: inherit; }

table { border-collapse: collapse; border-spacing: 0; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }
.pc { display: none; }
@media screen and (min-width: 992px) { .pc { display: block; } }

.tablet { display: none; }
@media screen and (min-width: 600px) { .tablet { display: block; } }

.sp { display: block; }
@media screen and (min-width: 600px) { .sp { display: none; } }

.sp-tablet { display: block; }
@media screen and (min-width: 992px) { .sp-tablet { display: none; } }

.sp-widepc { display: block; }
@media screen and (min-width: 1200px) { .sp-widepc { display: none; } }

.sp_none { display: none; }
@media screen and (min-width: 992px) { .sp_none { display: inline; } }

.rp400 { display: none; }
@media screen and (max-width: 480px) { .rp400 { display: block; } }

.txt4S { font-size: 50% !important; }

.txt3S { font-size: 70% !important; }

.txtSS { font-size: 80% !important; }

.txtS { font-size: 90% !important; }

.txtL { font-size: 120% !important; }

.txtLL { font-size: 140% !important; }

.txtBold { font-weight: bold; }

.text-center { text-align: center; }

.color-accent { color: #DB61A3; }

.color-red { color: #DB61A3; }

.color-pink { color: #ff1493; }

.color-gray { color: #B9B9B9; }

.mt2 { margin-top: 2rem !important; }

.mt4 { margin-top: 4rem !important; }

.mt8 { margin-top: 8rem !important; }

.mb0 { margin-bottom: 0 !important; }

.mb2 { margin-bottom: 2rem !important; }

.mb4 { margin-bottom: 4rem !important; }

.mb8 { margin-bottom: 8rem !important; }

.pt0 { padding-top: 0 !important; }

.pl0 { padding-left: 0 !important; }

.alignCenter { text-align: center; }

.pos-center { text-align: center; }
.pos-center img { margin: 0 auto; }

img.responsiveimg { width: 100%; height: auto; }

.longurl { word-break: break-all; }

.effect-fade { opacity: 0; transform: translate(0, 50px); transition: all 800ms; }

.effect-fade.effect-scroll { opacity: 1; transform: translate(0, 0); }

.list-indent { padding-left: 1em; text-indent: -1em; display: inline-block; }

.txt-line { text-decoration: underline; }

.mark_staus { display: inline-block; margin-left: 15px; color: #8B004B; font-size: 70%; animation: flash 1.8s linear infinite; }

@keyframes flash { 0%,
    20%,
	100% { opacity: 1; }
  50% { opacity: 0.5; } }
html { font-size: 62.5%; }

body { font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.6em; line-height: 1.6; letter-spacing: 0.05em; color: #FFF; background-color: #000; }

.loader { display: inline-block; }

#loader { width: 15px; height: 15px; display: none; position: fixed; _position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -7px; z-index: 10000; }

#fade { width: 100%; height: 100%; display: none; position: absolute; top: 0px; left: 0px; margin: 0; z-index: 9999999999; }

.shutter { display: none; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; margin-top: 0; background-color: #000; z-index: 9999999; -webkit-animation: byeShutter 2.0s forwards; animation: byeShutter 2.0s forwards; }

.logo-opening { width: 200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-animation: logo-opening 2.0s forwards; animation: logo-opening 2.0s forwards; }

@keyframes byeShutter { 70% { background-color: #000; opacity: 1; }
  100% { display: none; opacity: 0; z-index: -1; } }
@keyframes logo-opening { 0% { opacity: 0; }
  30% { opacity: 1; }
  60% { filter: none; opacity: 1; }
  100% { display: none; opacity: 0; z-index: -1; } }
.nav-header { position: fixed; top: 0; z-index: 1000; width: 100%; }
@media screen and (min-width: 992px) { .nav-header { height: 60px; width: 100%; margin: 0 auto; top: 0; } }
.nav-header__container { width: 100%; position: absolute; right: 0; left: 0; margin: 0 auto 0; padding: 5px 15px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(rgba(0, 0, 0, 0.4) 5%, rgba(0, 0, 0, 0) 100%); }
@media screen and (min-width: 992px) { .nav-header.is-fixed { position: fixed; height: auto; height: 60px; margin-top: 0; top: 0; background-size: cover; transition: all 0.3s ease; } }
.nav-header__menu { display: none; list-style: none; margin: 0; padding: 0; }
@media (min-width: 992px) { .nav-header__menu { display: flex; justify-content: center; align-items: center; font-family: "Lusitana", serif; font-weight: 700; font-style: normal; } }
.nav-header__menu-item { position: relative; height: 100%; }
.nav-header__link { display: block; align-items: center; height: 100%; text-align: center; font-size: 1.3rem; padding: 0 18px; text-decoration: none; color: #D3CA8F; }
@media screen and (min-width: 992px) { .nav-header__link { font-size: 1.5rem; padding: 0 8px; } }
@media (min-width: 1175px) { .nav-header__link { font-size: 1.8rem; padding: 0 12px; } }
.nav-header__contact { display: inline-flex; justify-content: center; align-items: center; position: relative; border: none; line-height: 1; text-decoration: none; text-align: center; outline: none; cursor: pointer; transition: box-shadow .2s, text-shadow .2s, background-color .2s, border-color .2s, opacity .2s; background-color: #D3CA8F; color: #ffffff; margin-left: 1.6rem; padding: 1.2rem 3.2rem; border-radius: 100px; }
.nav-header__contact:hover { background-color: #ccc17d; }
.nav-header__toggle { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 5rem; height: calc(5rem + 8px); background: #FFF; border-radius: 5px; margin-top: 8px; margin-right: 8px; padding-top: 15px; padding-bottom: 10px; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
@media (min-width: 992px) { .nav-header__toggle { display: none; } }
.nav-header__toggle-line { display: block; width: 60%; border-bottom: 3px solid #8B004B; }
.nav-header__toggle-line:nth-child(2) { margin: 13% 0px; }
.nav-header__toggle-txt { display: block; margin: 5px 0 0; font-size: 1.1rem; color: #D3CA8F; font-family: 'Secular One', sans-serif; }
.nav-header a:hover { color: #F7EA9A; }

.sns-link { font-size: 2.2rem; color: #948E64; padding: 0 3px; }

.nav-hamburger__btn { display: block; position: fixed; right: 0; width: 5rem; height: calc(5rem + 8px); background: rgba(0, 0, 0, 0.7); border-radius: 5px; margin-top: 8px; margin-right: 8px; padding: 6px 10px 6px; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
@media (min-width: 992px) { .nav-hamburger__btn { display: none; } }

.hamburger { display: block; position: relative; width: 100%; height: 30px; margin: 0 auto; cursor: pointer; text-align: center; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; transition: 0.5s all; }

.hamburger span { display: block; position: absolute; width: 100%; height: 2px; border-bottom: 3px solid #D3CA8F; }

.hamburger span:nth-child(1) { top: 8px; }

.hamburger span:nth-child(2) { top: 18px; }

.hamburger span:nth-child(3) { top: 28px; }

.hamburger.active { -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.hamburger.active span:nth-child(1) { top: 16px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }

.hamburger.active span:nth-child(2) { top: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

.hamburger.active span:nth-child(3) { opacity: 0; }

nav.nav-globalMenuSp { position: fixed; z-index: 900; top: 0; left: 0; color: #D3CA8F; text-align: center; transform: translateY(-100%); transition: all 0.6s; width: 100%; }

nav.nav-globalMenuSp ul { background-color: #756C3B; margin: 0 auto; padding: 0; width: 100%; }
nav.nav-globalMenuSp ul .sns_list { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; }

nav.nav-globalMenuSp ul li { list-style-type: none; padding: 0; width: 100%; border-bottom: #000 1px solid; margin: 0; font-weight: bold; }

nav.nav-globalMenuSp ul li:last-child { padding-bottom: 0; border-bottom: none; }

nav.nav-globalMenuSp ul li:hover { background: #1F1F1F; }

nav.nav-globalMenuSp ul li a { display: block; color: #000; padding: 1em 0; text-decoration: none; }
nav.nav-globalMenuSp ul li a:hover { color: #F3EDC0; }

nav.nav-globalMenuSp.active { transform: translateX(0%); }

.gradation { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100vh; background-color: #000; }

.item { position: absolute; top: 50%; left: 50%; width: 50%; height: 50%; transform-origin: 0 0; animation-name: rotate-item; animation-timing-function: linear; animation-iteration-count: infinite; }

.item-01 { z-index: 2; left: 45%; animation-duration: 50s; animation-direction: reverse; }

.item-02 { z-index: 2; top: 10%; right: 30%; animation-duration: 80s; animation-direction: normal; }

.item-03 { z-index: 2; left: 40%; animation-duration: 60s; animation-direction: reverse; }

.round { position: relative; border-radius: 50%; }

.round-01 { top: -20%; width: 30vw; height: 30vw; background: radial-gradient(circle at 100%, #CFC589, #CFC589 30%, #A47A3F 50%, #000000 85%); filter: blur(80px); animation: flash 8s linear infinite; }

@keyframes rotate-item { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
@keyframes flash { 0%,
	100% { opacity: 0.6; }
  50% { opacity: 0.3; } }
.BG { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; }

.stars { position: relative; width: 100%; height: 100%; }

.star { position: absolute; display: block; opacity: 0; animation: twinkle 5s infinite; }
.star .c_star { width: 100%; height: 100%; display: block; background: radial-gradient(circle, rgba(255, 255, 255, 0.8), rgba(192, 0, 105, 0.8) 30%, rgba(192, 0, 105, 0.4) 50%, rgba(139, 0, 75, 0.2) 85%); border-radius: 50%; box-shadow: 0 0 4px 2px rgba(139, 0, 75, 0.2); }

@keyframes twinkle { 0% { opacity: 0; }
  50% { transform: scale(1.1); opacity: 1; }
  100% { opacity: 0; transform: scale(1) translateY(-10px); } }
.list_ginfo-box { display: block; margin-top: 10px; margin-bottom: 30px; }
@media screen and (min-width: 992px) { .list_ginfo-box { margin-top: 10px; margin-bottom: 50px; } }
.list_ginfo-item { display: flex; flex-wrap: wrap; margin-bottom: 5px; }
@media screen and (min-width: 992px) { .list_ginfo-item { margin-bottom: 12px; } }
.list_ginfo-item span:first-child { width: 100%; }
@media screen and (min-width: 600px) { .list_ginfo-item span:first-child { width: 170px; } }
.list_ginfo-item span:nth-child(2) { width: calc(100% - 60px); padding-right: 10px; }
@media screen and (min-width: 600px) { .list_ginfo-item span:nth-child(2) { width: calc(100% - 270px); } }
.list_ginfo-item span:nth-child(3) { width: 60px; text-align: center; }
@media screen and (min-width: 600px) { .list_ginfo-item span:nth-child(3) { width: 100px; } }

.mainvisual { background-image: url("../img/mainvisual.jpg"); background-position: center; background-size: 100% auto; background-repeat: no-repeat; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; overflow: hidden; }
@media screen and (min-width: 992px) { .mainvisual { background-color: #000; } }
.mainvisual__container { display: block; position: relative; text-align: center; width: 100%; top: 0; left: 0; }
.mainvisual__container img { margin: 0 auto; width: 100%; height: auto; }
@media screen and (min-width: 600px) { .mainvisual__container img { width: auto; width: 100%; } }
@media screen and (min-width: 992px) { .mainvisual__container { position: fixed; width: 40%; width: calc(100vh * 0.55238); height: 100vh; } }
.mainvisual__image-top { margin: 0 auto; }
@media screen and (min-width: 770px) { .mainvisual__image-top { width: auto; height: 100%; } }
.mainvisual__ttl { position: absolute; display: block; width: 80%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px; z-index: 10; }
@media screen and (min-width: 600px) { .mainvisual__ttl { display: none; } }
.mainvisual__text-main { font-weight: 700; font-size: 4.0rem; line-height: 1; position: relative; }
@media screen and (min-width: 992px) { .mainvisual__text-main { font-size: 5.6rem; } }

.footer { padding-bottom: 20px; }
.footer__container { width: 100%; text-align: center; }
.footer__banner { display: inline-block; padding: 3rem 0; }
@media screen and (min-width: 992px) { .footer__banner { display: flex; flex-wrap: wrap; justify-content: center; } }
.footer__banner-item { margin: 10px 0; max-width: 300px; }
.footer__banner-item:hover img { opacity: 0.6; transition-duration: 0.3s; }
@media screen and (min-width: 992px) { .footer__banner-item { margin: 0 10px; } }
.footer__caption { width: 95%; margin: 0 auto; font-size: 1.2rem; text-align: center; }
@media screen and (min-width: 992px) { .footer__caption { padding-bottom: 20px; } }
.footer__caption.-outline { text-shadow: 1px  1px 0px #FFF, -1px  1px 0px #FFF, 1px -1px 0px #FFF, -1px -1px 0px #FFF, 1px  0px 0px #FFF, 0px  1px 0px #FFF, -1px  0px 0px #FFF, 0px -1px 0px #FFF; }
.footer__copy { width: 95%; margin: 0 auto; padding: 0.6rem 0 8rem; font-size: 1.2rem; text-align: center; }
@media screen and (min-width: 992px) { .footer__copy { width: 100%; padding: 1.3rem 0 1.6rem; font-size: 1.2rem; color: #F0EEE8; background: #571022 url(../img/bg_footer.png) center top/auto 100% repeat-x; } }

.btn_entry { width: 100%; margin: 20px auto 20px; display: block; padding: 0.2rem; border-radius: 0.5rem; }
@media screen and (min-width: 992px) { .btn_entry { width: 95%; margin: 20px auto 30px; } }
.btn_entry.btn-border-gradient-wrap--gold { background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #704308 100%); background-image: linear-gradient(135deg, #704308 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #704308 100%); }
.btn_entry:hover a.btn { text-decoration: none; text-shadow: 0 0 15px rgba(250, 250, 214, 0.3), 0 0 15px rgba(250, 250, 214, 0.3), 0 0 15px rgba(250, 250, 214, 0.3), 0 0 15px rgba(250, 250, 214, 0.3); background-color: #000; }
.btn_entry .btn, .btn_entry a.btn { width: 100%; font-size: 1.6rem; font-weight: 700; line-height: 1.2; position: relative; display: inline-block; padding: 1.8rem 1.5rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; text-align: center; vertical-align: middle; text-decoration: none; letter-spacing: 0.1em; color: #000; border-radius: 0.5rem; }
@media screen and (min-width: 992px) { .btn_entry .btn, .btn_entry a.btn { padding: 2.5rem 4rem; line-height: 1.5; } }
.btn_entry a.btn-border-gradient { font-size: 1.8rem; background: linear-gradient(to top, #AE8743, #966F3F, #E2DEB4, #76583A); }
@media screen and (min-width: 992px) { .btn_entry a.btn-border-gradient { font-size: 2.4rem; } }
.btn_entry a:hover.btn-border-gradient { background: #000; }
.btn_entry .btn-text-gradient--gold { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", serif; }
.btn_entry a:hover .btn-text-gradient--gold { background: -webkit-gradient(linear, left bottom, left top, from(#ffffdb), to(#a16422)); background: -webkit-linear-gradient(bottom, #ffffdb, #a16422); background: linear-gradient(to top, #AE8743, #966F3F, #E2DEB4, #76583A); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

#page-top { position: fixed; bottom: 5px; right: 5px; z-index: 1001; margin: 0; display: none; }
@media screen and (min-width: 992px) { #page-top { bottom: 10px; right: 10px; } }
#page-top a { text-decoration: none; color: #000; width: 50px; height: auto; padding: 0; display: block; }
@media screen and (min-width: 992px) { #page-top a { width: 65px; } }

.wrapper { position: relative; display: block; color: #D3CA8F; overflow: hidden; }
.wrapper > section { position: relative; display: block; margin: 0; padding-top: 30px; padding-bottom: 30px; }
@media screen and (min-width: 600px) { .wrapper > section { padding-top: 40px; padding-bottom: 60px; } }
@media screen and (min-width: 992px) { .wrapper > section { padding-top: 50px; padding-bottom: 80px; } }

.category { position: relative; width: 90%; max-width: 1174px; margin: 30px auto; padding-bottom: 30px; }
@media screen and (min-width: 992px) { .category { margin: 80px auto; padding-bottom: 60px; } }
.category > article { width: 100%; margin: 0 auto; }
@media screen and (min-width: 1174px) { .category > article { margin: 0; } }
.category > article > div { display: block; position: relative; padding: 15px; }
@media screen and (min-width: 992px) { .category > article > div { padding: 30px; } }

.wrapper { display: block; justify-content: space-between; }
@media screen and (min-width: 992px) { .wrapper { display: flex; justify-content: space-between; } }

.mainvisual { display: block; position: relative; top: 0; left: 0; background-color: #221D23; }
@media screen and (min-width: 992px) { .mainvisual { width: calc(100vh * 0.55238); } }

.rightSide { position: relative; }
@media screen and (min-width: 992px) { .rightSide { width: calc(100% - calc(100vh * 0.55238)); } }

.category_ttl { width: 100%; max-width: 1174px; padding: 0 !important; margin: 0 !important; }

.h_logo { width: 60px; height: auto; margin-bottom: 16px; }

h2 { position: relative; display: block; width: 100%; text-align: center; padding: 40px 30px; margin-bottom: -55px; }
h2 img { height: 80px; margin: 0 auto; }
@media screen and (min-width: 992px) { h2 { margin-bottom: -85px; padding: 0 20px 80px; }
  h2 img { height: 100%; } }

h2 span { display: inline-block; position: relative; }

.pos_right img { margin-left: auto; margin-right: 0; }

.line_left { display: block; width: 100%; height: 5px; background-color: #C80155; padding: 0 !important; margin-left: calc(-100% + 60px); }
@media screen and (min-width: 992px) { .line_left { height: 8px; margin-left: calc(-100% + 40px); } }

.line_right { display: block; width: 100%; height: 5px; background-color: #C80155; padding: 0 !important; margin-left: calc(100% - 60px); }
@media screen and (min-width: 992px) { .line_right { height: 8px; margin-left: calc(100% - 40px); } }

.slide_left { opacity: 0; transform: translate(-500px, 0); transition: all 0.8s ease-out; }

.slide_right { opacity: 0; transform: translate(500px, 0); transition: all 0.8s ease-out; }

.fade_txt { opacity: 0; transform: translate(0, 50px); transition: all 0.5s ease-out; }

h4 { color: #D3CA8F; font-size: 120%; margin-bottom: 8px; border-bottom: 1px solid #D3CA8F; }

h5 { color: #D3CA8F; font-size: 115%; font-weight: bold; margin-top: 0; margin-bottom: 8px; border-left: 5px solid #D3CA8F; padding-left: 25px; }
@media screen and (min-width: 992px) { h5 { margin-bottom: 15px; } }

.slideToggle { margin: 0 auto; margin-top: 0 !important; margin-bottom: 20px; display: block; font-size: 16px; line-height: 2.4rem; position: relative; }
.slideToggle a, .slideToggle a:active, .slideToggle a:hover, .slideToggle a:visited { text-decoration: underline; }
@media screen and (min-width: 992px) { .slideToggle { margin-left: 0; } }

.slideToggle__list { margin: 0; border-top: 1px solid #423D23; }
.slideToggle__list > li { text-indent: 0; border-bottom: 1px solid #423D23; }
.slideToggle__list > li p { margin-bottom: 20px; }
.slideToggle__list-ttl { display: block; position: relative; margin: 0; padding: 15px 0 15px 20px; line-height: 1.4; padding-right: 60px; transition: all 0.3s ease-in-out; cursor: pointer; width: 100%; max-width: 1174px; background-color: rgba(0, 0, 0, 0.4); }
@media screen and (min-width: 600px) { .slideToggle__list-ttl { padding: 30px 0 30px 30px; padding-right: 65px; } }
.slideToggle__list-ttl:hover { color: #F3EDC0; }
.slideToggle__list-ttl-date { font-size: 13px; display: block; margin-bottom: 5px; font-weight: normal; }
@media screen and (min-width: 600px) { .slideToggle__list-ttl-date { font-size: 16px; margin-bottom: 8px; } }
.slideToggle__list-ttl > h3 { font-size: 15px; font-weight: normal; position: relative; }
@media screen and (min-width: 600px) { .slideToggle__list-ttl > h3 { font-size: 18px; padding-right: 80px; } }
.slideToggle__list-ttl > h3 > span.closed { display: inline-block; padding: 2px 4px; margin-left: 5px; color: #000; font-size: 60%; font-weight: bold; background-color: #AA9D56; position: absolute; right: 5px; }
@media screen and (min-width: 600px) { .slideToggle__list-ttl > h3 > span.closed { padding: 3px 6px 2px; font-size: 70%; line-height: 1.4; margin-left: 15px; } }
.slideToggle__list-ttl:after, .slideToggle__list-ttl:before { content: url("../img/btn_open.png"); display: block; position: absolute; right: 1.25em; width: 35px; height: 35px; transition: all 0.3s; top: 0; bottom: 0; margin: auto 0; }
.slideToggle__list-ttl:after { transform: translateY(-2px) rotate(90deg); opacity: 1; }
.slideToggle__list-ttl.open:after { transform: rotate(180deg); opacity: 0; }
.slideToggle__list-contents { display: none; color: #EBEBEB; font-size: 14px; padding: 15px; margin: 0; word-wrap: break-word; background: linear-gradient(-180deg, rgba(0, 0, 0, 0.4) 0%, rgba(63, 63, 63, 0.4) 60px); }
@media screen and (min-width: 600px) { .slideToggle__list-contents { font-size: 14px; padding: 20px; } }
.slideToggle__list-contents-inner { max-width: 1174px; padding: 0; margin-bottom: 30px; }
@media screen and (min-width: 992px) { .slideToggle__list-contents-inner { padding: 5px 15px 0; margin-bottom: 50px; } }
.slideToggle__list-contents-inner:last-of-type { margin-bottom: 0; }
.slideToggle__list-contents-dl { display: block; max-width: 1174px; margin-bottom: 20px; margin: 0 auto 20px; }
@media screen and (min-width: 600px) { .slideToggle__list-contents-dl { display: flex; flex-wrap: wrap; align-items: flex-start; } }
@media screen and (min-width: 992px) { .slideToggle__list-contents-dl { margin-bottom: 30px; margin: 0 auto 30px; } }
.slideToggle__list-contents-dl dt { width: 150px; color: #000; background-color: #756C3B; padding: 3px; margin-bottom: 5px; font-weight: bold; text-align: center; }
@media screen and (min-width: 600px) { .slideToggle__list-contents-dl dt { padding: 5px; margin-bottom: 12px; } }
.slideToggle__list-contents-dl dd { padding: 5px 10px 5px 15px; margin-bottom: 12px; text-indent: 0; }
@media screen and (min-width: 600px) { .slideToggle__list-contents-dl dd { width: calc(100% - 150px); padding: 8px 10px 8px 20px; } }
.slideToggle__list-contents h4 { width: 95%; color: #D3CA8F; font-size: 120%; padding: 6px 10px 6px 15px; margin-bottom: 8px; font-weight: bold; border-left: #D3CA8F solid 5px; border-bottom: #D3CA8F solid 1px; }
@media screen and (min-width: 992px) { .slideToggle__list-contents h4 { width: 100%; font-size: 130%; margin-bottom: 15px; padding: 6px 10px 10px 20px; } }
.slideToggle__list-contents .h-flex { display: flex; justify-content: center; justify-content: space-between; align-items: center; }
.slideToggle__list-contents p { margin-bottom: 20px; width: 100%; }
@media screen and (min-width: 992px) { .slideToggle__list-contents p { margin-bottom: 50px; } }
.slideToggle__list-contents .info-box { margin: 5px auto 15px; width: 95%; }
.slideToggle__list-contents a.url { display: inline-block; font-size: 1.4rem; line-height: 1.2; margin-bottom: 5px; }
@media screen and (min-width: 992px) { .slideToggle__list-contents a.url { font-size: 1.6rem; } }

.sc2 .slideToggle__list > li { background-color: #000; }

.slideToggle__list-ttl.open .slideToggle__list-contents { display: block; }

.listOpen .slideToggle__list-contents { display: block; }

.head-border { width: 100%; max-width: 1174px; display: flex; align-items: center; }

.head-border:before, .head-border:after { content: ""; height: 3px; flex-grow: 1; background-color: #7B7B7B; }

.head-border:before { margin-right: 1rem; }

.head-border:after { margin-left: 1rem; }

.head-limited { width: 100%; max-width: 1174px; display: flex; align-items: center; margin: 20px auto 30px; }
@media screen and (min-width: 992px) { .head-limited { margin: 50px auto 30px; } }
.head-limited img { width: 70%; max-width: 297px; }

.head-limited:before, .head-limited:after { content: ""; height: 4px; flex-grow: 1; background-color: #8B004B; margin-top: -10px; }
@media screen and (min-width: 992px) { .head-limited:before, .head-limited:after { margin-top: -25px; } }

.head-limited:before { margin-right: 2rem; }

.head-limited:after { margin-left: 2rem; }

.category__txt { font-size: 14px; background-color: rgba(0, 0, 0, 0.4); padding: 20px; padding-bottom: 30px; margin-left: 15px; color: #ffffff; }
@media screen and (min-width: 600px) { .category__txt { font-size: 16px; padding: 30px; padding-bottom: 40px; } }
@media screen and (min-width: 992px) { .category__txt { margin-left: 0; } }
.category__txt p { width: 100%; max-width: 1174px; }

.sc2 .category__txt { background-color: #000; }

.list-mark { list-style: none; margin-bottom: 20px; }
.list-mark > li { position: relative; margin-bottom: 15px; }
.list-mark > li::after { display: block; content: ''; position: absolute; top: .5em; left: -1.2em; width: 12px; height: 12px; background-color: #D3CA8F; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.list-frame { background: #dadada; /*灰色に*/ border-radius: 8px; box-shadow: 0px 0px 5px silver; padding: 0.5em 0.5em 0.5em 2em; margin: 10px auto 20px; font-size: 95%; list-style-type: circle; }
.list-frame > li { line-height: 1.5; padding: 0.5em 0; }
.list-unstyled { padding-left: 0; list-style: none; }

.contents__list { list-style: none; font-weight: normal; line-height: 1.8rem; margin-bottom: 15px; color: #EBEBEB; padding-left: 0; }
@media screen and (min-width: 992px) { .contents__list { line-height: 1.3; margin-bottom: 40px; } }
.contents__list li { padding-left: 1em; text-indent: -1em; margin-top: 5px; margin-bottom: 6px; }
@media screen and (min-width: 992px) { .contents__list li { margin-bottom: 15px; } }

.notice__list { list-style: none; font-weight: normal; font-size: 1.4rem; line-height: 1.8rem; margin-bottom: 15px; color: #EBEBEB; color: #B9B9B9; padding-left: 0; }
@media screen and (min-width: 992px) { .notice__list { font-size: 1.5rem; line-height: 1.8rem; margin-bottom: 15px; } }
.notice__list li { padding-left: 1em; text-indent: -1em; margin-top: 5px; margin-bottom: 5px; }
@media screen and (min-width: 992px) { .notice__list li { margin-bottom: 8px; } }

.notice_blockS { padding-left: 1em; text-indent: -1em; font-weight: normal; line-height: 2rem; margin-bottom: 40px; font-size: 1.3rem; color: #EBEBEB; }
@media screen and (min-width: 992px) { .notice_blockS { font-size: 1.4rem; line-height: 2rem; margin-bottom: 60px; } }
.notice_blockS li { margin-bottom: 10px; }
.notice_blockS li:last-of-type { margin-bottom: 0; }

.txt_notes { padding-left: 1em; text-indent: -1em; display: inline-block; font-size: 95%; font-weight: normal; line-height: 1.3; margin: 5px auto; }

.note-frame { border: #7B7B7B solid 1px; border-radius: 5px; padding: 6px; margin: 10px 0; }
@media screen and (min-width: 992px) { .note-frame { padding: 10px; } }

.attention .update { font-size: 95%; color: #B9B9B9; font-weight: normal; text-align: right; }

.livettl { padding: 0 !important; margin: 0 auto 20px 15px; }
@media screen and (min-width: 992px) { .livettl { padding: 0 !important; margin: 0 auto 40px 0; } }

.liveinfo article > div { text-align: center; }
.liveinfo .notice__list { font-size: 1.2rem; padding: 0; margin-bottom: 50px; }
.liveinfo h3 { font-size: 2.2rem; font-family: "Lusitana", serif; font-style: normal; text-align: center; }
@media screen and (min-width: 1200px) { .liveinfo h3 { font-size: 3.8rem; } }

ul.liveinfoBlock { padding-left: 0; display: block; }
@media screen and (min-width: 1200px) { ul.liveinfoBlock { display: flex; justify-content: center; justify-content: space-between; align-items: stretch; } }

li.liveinfoBox { width: 100%; border: solid #ccc 3px; display: inline-block; padding: 15px; border-image-source: url("../img/border-image-demo.png"); border-image-source: url("../img/frame.png"); border-image-slice: 55 65 55 65 fill; border-image-width: 55px; border-image-outset: 0px; border-image-repeat: round; margin: 5px 0; }
li.liveinfoBox:first-child { margin-top: 0; }
li.liveinfoBox:last-child { margin-bottom: 0; }
@media screen and (min-width: 1200px) { li.liveinfoBox { padding: 20px; margin: 0 5px; }
  li.liveinfoBox:first-child { margin-left: 0; }
  li.liveinfoBox:last-child { margin-right: 0; } }
li.liveinfoBox .liveinfoContents { padding: 0; display: flex; align-items: flex-end; flex-wrap: wrap; }
@media screen and (min-width: 600px) { li.liveinfoBox .liveinfoContents { flex-wrap: nowrap; align-items: center; } }
@media screen and (min-width: 1200px) { li.liveinfoBox .liveinfoContents { display: block; } }
li.liveinfoBox .i-label { display: block; color: #D3CA8F; font-size: 1.1rem; line-height: 1.2; }

@media screen and (min-width: 600px) { .live_dateBlock { margin: 0 auto; } }
.live_dateBlock .live_city { width: 170px; display: inline-block; display: flex; justify-content: center; align-items: center; padding: 5px; background-color: #000; color: #D3CA8F; font-size: 1.6rem; line-height: 1; text-align: center; margin: 5px auto 10px; }
@media screen and (min-width: 1200px) { .live_dateBlock .live_city { width: 120px; font-size: 1.8rem; padding: 6px 10px 8px; margin: 0 auto 20px; } }
.live_dateBlock .live_date { display: block; color: #ffffff; font-family: "Lusitana", serif; font-style: normal; line-height: 1; margin: 0 auto 2px; text-align: center; font-size: 4.2rem; }
@media screen and (min-width: 1200px) { .live_dateBlock .live_date { font-size: 4.7rem; margin: 10px auto 20px; } }
@media screen and (min-width: 1450px) { .live_dateBlock .live_date { font-size: 6.7rem; } }
@media screen and (min-width: 1800px) { .live_dateBlock .live_date { font-size: 7.7rem; } }
.live_dateBlock .live_date .live_date-s { font-size: 1.6rem; }
@media screen and (min-width: 1200px) { .live_dateBlock .live_date .live_date-s { font-size: 1.2rem; padding: 0 3px; } }
@media screen and (min-width: 1450px) { .live_dateBlock .live_date .live_date-s { font-size: 1.8rem; } }
@media screen and (min-width: 1800px) { .live_dateBlock .live_date .live_date-s { font-size: 2.5rem; } }
.live_dateBlock .live_date .color { color: #8B004B; }

.live_timeBlock { color: #D3CA8F; display: flex; align-items: center; text-align: center; padding: 0; }
@media screen and (min-width: 600px) { .live_timeBlock { display: block; padding: 0 10px; } }
@media screen and (min-width: 1200px) { .live_timeBlock { display: flex; align-items: center; text-align: center; padding: 0; } }
.live_timeBlock .live_time { width: 100%; display: block; font-size: 2.4rem; line-height: 1.2; font-family: "Lusitana", serif; font-style: normal; margin-bottom: 5px; padding: 0 10px; }
@media screen and (min-width: 600px) { .live_timeBlock .live_time { display: block; padding: 0 10px; } }
@media screen and (min-width: 1200px) { .live_timeBlock .live_time { font-size: 3.0rem; line-height: 1.2; margin-bottom: 0; } }
@media screen and (min-width: 1450px) { .live_timeBlock .live_time { font-size: 4.0rem; } }
@media screen and (min-width: 1800px) { .live_timeBlock .live_time { font-size: 5.0rem; } }

.live_placeBlock { width: 100%; display: flex; flex-wrap: wrap; justify-content: left; align-items: center; padding-left: 15px; color: #ffffff; }
@media screen and (min-width: 1200px) { .live_placeBlock { padding: 0; } }
.live_placeBlock .live_place { display: block; font-size: 1.6rem; line-height: 1.2; font-weight: bold; margin: 8px 0; }
@media screen and (min-width: 1200px) { .live_placeBlock .live_place { font-size: 1.4rem; text-align: center; margin: 15px auto; min-height: 35px; } }
@media screen and (min-width: 1800px) { .live_placeBlock .live_place { font-size: 1.8rem; } }
.live_placeBlock .live_contact { font-size: 1.3rem; display: block; width: 100%; text-align: left; margin-bottom: 8px; }
@media screen and (min-width: 1200px) { .live_placeBlock .live_contact { text-align: center; font-size: 1.3rem; } }
@media screen and (min-width: 1800px) { .live_placeBlock .live_contact { font-size: 1.8rem; } }
.live_placeBlock .live_contact .live_contact2 { font-size: 1.3rem; display: block; width: 100%; line-height: 1.2; }
@media screen and (min-width: 1200px) { .live_placeBlock .live_contact .live_contact2 { font-size: 1.1rem; } }
@media screen and (min-width: 1800px) { .live_placeBlock .live_contact .live_contact2 { font-size: 1.3rem; } }

.live_price { font-family: "Lusitana", serif; font-style: normal; font-size: 2.4rem; font-weight: bold; margin: 0 auto; line-height: 1; width: 260px; width: 100%; max-width: 1174px; color: #AAAAAA; }
@media screen and (min-width: 1200px) { .live_price { font-size: 4.0rem; margin: 0; padding: 0 !important; margin-bottom: 50px; } }
.live_price .live_price_yen { font-size: 2.0rem; }
@media screen and (min-width: 1200px) { .live_price .live_price_yen { font-size: 2.6rem; } }
.live_price .live_price_s { font-size: 2.3rem; }
@media screen and (min-width: 1200px) { .live_price .live_price_s { font-size: 1.8rem; } }

.goodsinfo > p { width: 100% !important; margin-bottom: 50px; }
.goodsinfo__listBox { width: 100%; margin: 0; display: flex; flex-wrap: wrap; }
@media screen and (min-width: 992px) { .goodsinfo__listBox { margin: 0 0 30px; } }
.goodsinfo__listBox dt { font-size: 1.8rem; padding-left: 35px; position: relative; font-weight: bold; margin-bottom: 5px; }
@media screen and (min-width: 992px) { .goodsinfo__listBox dt { font-size: 2.3rem; padding-left: 50px; margin-bottom: 10px; } }
.goodsinfo__listBox dt::after { content: '☆'; position: absolute; font-size: 3.0rem; top: -10px; left: 0px; width: 60px; height: 36px; }
@media screen and (min-width: 992px) { .goodsinfo__listBox dt::after { font-size: 4.2rem; top: -18px; width: 66px; } }
.goodsinfo__listBox dd { width: 100%; padding-left: 10px; margin-bottom: 20px; }
@media screen and (min-width: 992px) { .goodsinfo__listBox dd { padding-left: 50px; margin-bottom: 30px; } }
.goodsinfo .ginfo_img { margin-bottom: 15px; text-align: center; }
@media screen and (min-width: 992px) { .goodsinfo .ginfo_img { margin-bottom: 30px; } }
.goodsinfo .ginfo_img img { margin: 0 auto; }
.goodsinfo .btn_SP { margin: 5px auto 20px; }

.sizeNote { text-align: center; margin: 20px 0 0; padding: 20px; border: #7B7B7B solid 1px; background-color: #000; }
.sizeNote-txt { display: inline-block; text-align: left; }
@media screen and (min-width: 992px) { .sizeNote { margin: 50px 0 0; } }

p.soon { text-align: center; font-size: 2rem; font-family: "Lusitana", serif; font-weight: 700; font-style: normal; margin: 40px auto; }
@media screen and (min-width: 992px) { p.soon { font-size: 2.5rem; margin: 80px auto; } }
