#main { --color1: #c1a23f; }
#cover { width:110%;background-color:#646464;height:10em;margin:-2em -2em 0 -2em;padding:2em 4em 0 0; }
#cover #breadcrumb { display:inline;color:#FFF; }
#cover #breadcrumb a { color:#FFF; }

#main { width:90%;max-width:1000px;background-color:rgb(255,255,255);border-radius:0 0 1em 1em;margin:0 auto 2em auto;padding:1em;box-shadow:0 2em 3em -2em rgba(0,0,0,.6); }

#main #head1 { display:flex;align-items:center;flex-wrap:nowrap;gap:.9em;margin-top:-1em; }
#main #head1 #avatar { width:140px;max-width:100%;margin-top:-3em; }
#main #head1 #avatar img { width:100%;border-radius:100%;aspect-ratio:1;object-fit:fill;border:4px solid #fff; }
#main #head1 #title { flex-grow:1; }
#main #head1 #title > div { display:flex;justify-content:space-between;align-items:center; }
#main #head1 #title h1 { font-size:1.4em; }
#main #head1 #title a#share { display:flex;align-items:center;gap:.4em;padding:.2em;background-color:#27ae60;border-radius:2em;color:#FFF; }
#main #head1 #title a#share span#t { padding-right:.7em; }
#main #head1 #title a#share span#ic { border-radius:2em;height:2em;width:2em;background-color:#FFF;border:2px solid #2ecc71;padding:.3em; }
#main #head1 #title a#share span#ic svg { fill:#27ae60; }
#main #head1 #title > span { display:flex;align-items:start;gap:.2em;font-size:.85em;color:#777; }
#main #head1 #title span #ic { width:2.2em; }
#main #head1 #title span #ic svg { fill:#999;transform:scale(.8); }

#main #headbox { display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:1em;margin:1em 0; }
#main #headbox > div { display:flex;align-items:center;padding:.4em;border:1px solid #e9e9e9;border-radius:.6em;flex-grow:1;max-width:calc( 50% - 0.5em ); }
#main #headbox > div #ic { width:3em;height:3em;display:flex;align-items:center;min-width:3em; }
#main #headbox > div #ic svg { fill:var(--color1);transform:scale(.5); }
#main #headbox > div > span > span { display:block; }
#main #headbox > div #small { font-size:.85em;color:#666; }
#main #headbox #location #ic svg { transform:scale(.41); }
#main #headbox a { color:#666;text-decoration:underline;text-decoration-color:#888; }

#main .box { padding-bottom:4em;border:1px solid #e9e9e9;border-radius:1em;padding:1em;margin:1.8em 0;line-height:1.9em; }
#main .box > b { display:block;font-size:1.2em;border-right:9px solid var(--color1);padding:.1em .5em;margin:0 -.9em .5em 0; }
#main .box > strong { display:block;margin-top:1em; }

#main #box2 { display:flex;align-items:stretch;flex-wrap:wrap;padding:1em;margin:1em 0 0 0; }
#main #box2 > div { flex-basis:50%; }
#main #box2 > div > b { display:block;font-size:1.2em;border-right:9px solid var(--color1);padding:.1em .5em;margin:0 -.9em .5em 0;color:#333; }
#main #box2 > div > b:not(:first-child) { margin-top:1em; }
#main #box2 #right { color:#666;padding-right:1.2em;border-left:1px solid #e9e9e9; }
#main #box2 #right #num a { direction:ltr; }
#main #box2 #right #num { display:flex;align-items:center;gap:.4em;margin-bottom:.3em; }
#main #box2 #right #num div span { direction:ltr;display:inline-block;position:relative;margin-left:.5em; }
#main #box2 #right #num div span:not(:last-child)::after { content:" - ";position:absolute;left:-.5em;color:#a0a0a0; }
#main #box2 #right span#ic { display:inline-flex;width:2.2em;height:2.2em;background-color:#f0f0f0;border-radius:100%;padding:.5em; }
#main #box2 #right span#ic svg { fill:#888;width:100%;height:100%; }

#main #box2 #left { padding-right:1em; }
#main #box2 #left > b { margin-right:0; }
#main #box2 #left #adres { display:flex;gap:.3em;align-items:center;background-color:#f0f0f0;border-radius:.6em;padding:.3em;margin-bottom:.6em; }
#main #box2 #left #adres span#ic { display:inline-flex;align-items:center;width:2.2em;background-color:var(--color1);border-radius:.5em;padding:.5em; }
#main #box2 #left #adres span#ic svg { fill:#fff; }
#main #box2 #left #adres > span:not(#ic) { flex-grow:1; }
#main #box2 #left #adres a { border-radius:1em;background-color:var(--color1);padding:.2em .5em;color:#FFF; }
#main #box2 #left .tie-fluid-width-video-wrapper { padding-top:50% !important; }
#main #box2 #left iframe { width:100%;height:auto;aspect-ratio:2;border-radius:.5em; }

#main #hours ul { display:flex;gap:1em;flex-wrap:wrap; }
#main #hours ul li { display:flex;background-color:#f0f0f0;border-radius:.4em;padding:.5em;gap:.4em;white-space:nowrap; }
#main #hours ul li span#t { color:var(--color1); }

#main #gallery { padding-bottom:1em; }
#main #gallery:last-child { margin-top:3em; }
#main #gallery > b { display:block;font-size:1.2em;border-right:9px solid var(--color1);padding:.1em .5em;margin:0 0 .7em 0; }
#main #gallery #carousel:not(.is-fullscreen) { height:200px;margin:0 1em; }
#main #gallery #carousel:not(.is-fullscreen) .carousel-cell { height:100%;border:.2em solid #FFF;border-width:0 .2em;border-radius:1em;overflow:hidden; }
#main #gallery #carousel:not(.is-fullscreen) .flickity-fullscreen-button { display:none; }
#main #gallery #carousel:not(.is-fullscreen) img { height:100%;width:auto; }
#main #gallery #carousel.is-fullscreen .flickity-slider { display:flex;align-items:center; }
#main #gallery #carousel.is-fullscreen .flickity-slider img { height:auto;width:auto;margin:0 .5em; }
#main #gallery #carousel.is-fullscreen .flickity-prev-next-button { display:none; }
#main #gallery #carousel .flickity-page-dots .dot { height:.25em;border-radius:0.9em;width:1.5em; }
#main #gallery #carousel .flickity-page-dots .dot.is-selected { background-color:var(--color1); }
#main #gallery #carousel .flickity-prev-next-button { box-shadow:0 0 .8em -.4em #000;background-color:#FFF; }
#main #gallery #carousel .flickity-prev-next-button.next { left:-20px; }
#main #gallery #carousel .flickity-prev-next-button.previous { right:-20px; }
#main #gallery #carousel .flickity-prev-next-button .flickity-button-icon { left:25%;top:30%;width:50%;height:40%; }

#main #gallery #carousel.acarousel2 .carousel-cell { position:relative; }
#main #gallery #carousel.acarousel2 .carousel-cell a::before { content:'';position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.25); }
#main #gallery #carousel.acarousel2 .carousel-cell span#ic { position:absolute;left:calc( 50% - 1.5em );top:calc( 50% - 1.5em ); }
#main #gallery #carousel.acarousel2 .carousel-cell span#ic svg { width:3em;height:3em;opacity:.7; }

@media only screen and (max-width: 800px) {
    #cover { padding-top:1em;margin-top:0; }
    #main { margin-top:-3em;border-radius:1em; }
	#main #head1 #title a#share span#t { display:none; }
    #main #box1 #right { flex-wrap:wrap; }
    #main #about { border:none; }
	#main #box2 #left #adres a { align-self:bottom; }
	#main #box2 > div { flex-basis:100%; }
	#main #box2 > #right { border:none; }
	#main #box2 > #left { margin-top:2em; }
	#main #box2 > #left > b { margin-right:-.9em; }
	#main #hours ul-no { overflow-x:scroll;flex-wrap:nowrap; }
}