@charset "UTF-8";

/* ----- 400 (Regular) ----- */
@font-face {
font-family: "SiteSerif";
font-style: normal;
font-weight: 400;
font-display: swap;

src:
/* 1. Noto Serif JP */
local("Noto Serif JP"),
local("NotoSerifJP"),
local("Noto Serif"),
local("NotoSerif"),

/* 2. ヒラギノ明朝（Mac / iOS） */
local("Hiragino Mincho ProN"),
local("Hiragino Mincho Pro"),
local("ヒラギノ明朝 ProN"),
local("ヒラギノ明朝 Pro"),

/* 3. 游明朝（Windows） */
local("Yu Mincho"),
local("YuMincho"),
local("Yu Mincho Regular"),
local("YuMincho-Regular"),

/* 4. Webフォールバック */
url("/common/noto-serif-jp-v33-latin-regular.woff2") format("woff2");
}

/* ----- 700 (Bold) ----- */
@font-face {
font-family: "SiteSerif";
font-style: normal;
font-weight: 700;
font-display: swap;

src:
/* 1. Noto Serif JP Bold */
local("Noto Serif JP Bold"),
local("NotoSerifJP-Bold"),
local("Noto Serif Bold"),
local("NotoSerif-Bold"),

/* 2. ヒラギノ明朝 Bold 相当 */
local("Hiragino Mincho ProN W6"),
local("Hiragino Mincho Pro W6"),
local("ヒラギノ明朝 ProN W6"),
local("ヒラギノ明朝 Pro W6"),

/* 3. 游明朝 Bold */
local("Yu Mincho Bold"),
local("YuMincho-Bold"),
local("Yu Mincho Medium"),
local("YuMincho-Medium"),

/* 4. Webフォールバック */
url("/common/noto-serif-jp-v33-latin-700.woff2") format("woff2");
}



html {
scroll-behavior: smooth;scroll-padding-top:86px;overflow-x: hidden;scrollbar-gutter: stable;
}
@media (max-width: 991.98px) {
html{
scroll-padding-top:186px;
}
}
html:has(body.scrollhidden) {
overflow:hidden !important;
}
body {font-family: "SiteSerif","Hiragino Mincho ProN","Yu Mincho",serif;font-feature-settings: "palt" 1;-webkit-text-size-adjust: 100%;overflow-wrap: break-word;word-wrap: break-word;line-break: strict;}
body * {
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;box-sizing: border-box
}
@view-transition {
navigation: auto
}
:root {
view-transition-name: root;
}



body, input, textarea, select, button{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga", "kern"; }
body {margin: 0;color: #444;background-color: #F7F4F1;}
*{margin:0;padding:0;border:none;font-size: 1em;letter-spacing: 0.15em;list-style: none;}
html{/* max-width:100%;max-width:1080px; */margin: auto;background: #fff;}
a{color: #999;text-decoration:none;cursor:pointer;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
a:link{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
a:hover{text-decoration:none;opacity:.4;filter:alpha(opacity=40);-moz-opacity:0.4;-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"}
a:visited{text-decoration:none;color: #999;}
section iframe {max-width: 100%;height: auto;width: 100%;min-height: 240px;margin: 0 auto 32px auto;display: block;}
section img {max-width: 100%;width: auto;height: auto;margin: auto;display: block;box-shadow: 0 0px 1px rgba(255, 255, 255, 0.4);position: relative;top: -28vw;z-index: 1;border-radius: 8px;}
hr { clear: both; }
.none{display:none;}
a.link { border: 1px solid; padding: 8px 16px; letter-spacing: 3px; line-height: normal; margin: 2px 0; }

#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 48px;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.5);
z-index: 5;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
#header .cls-1{fill: #7a4621;}
#header h1{
display: block;
float: left;
width: 80px;
}
#header h1 a{
padding: 12px 16px;
display: inline-block;
}
#header h1 a svg{
width: 30px;
height: 24px;
}
#header p {margin: 0;padding: 0;width: 64px;height: 99%;float: right;text-align: left;}
#header p a {width: 100%;height: 110%;display:block;position: relative;margin: auto;z-index: 999;text-align: center;font-size: .5rem;letter-spacing: 1px;line-height: 78px;vertical-align: bottom;color: rgba(0, 0, 0, 0.75);text-indent: -999999px;}
#header p a:before,#header p a:after{display:block;content:"";position: absolute;top: 50%;left: 28%;width: 32px;height: 1px;background: #7a4621;transition:.3s;margin: auto;}
#header p a:before{margin-top: -4px;box-shadow: 0 -7px #7a4621;}
#header p a:after{margin-top: 3px;}

/* popup */
#header nav .center {position: relative;overflow: hidden;}
#header nav .center ul{position: relative;left: 50%;float: left;}
#header nav .center ul li{position: relative;left: -50%;float: left;margin-right: 18px;
margin-left: 8px;}
#header nav ul .link {-webkit-box-align: center;}
#header nav ul .link a {display: block;margin-left: 4px;padding: 16px 12px;color: #fbfbfb;list-style: none;display: inline-block;font-size: 12px;font-weight: bold;}
#header nav ul li.spacces a {background-position: 0}
#header nav ul li.spcontact a {background-position: 0}
#header nav ul li.icon {/* width: 17%; *//* float: left; *//* margin-top: 16px; */}
#header nav ul li a {display: block;margin-left: 0px;padding: 14px 0px;color: #7a4621;list-style: none;display: inline-block;font-size: 12px;font-weight: bold;}
#header nav a{/* width:90px;*/ display:block;}
#header nav a.sai{float:left;width:60px;}
#header nav a#gofooter{float:right;text-align:right;position:relative;color:#fff;font-size: 22px;line-height:0px;top: 8px;width: 96px;}
#header nav a#gofooter span{color:#fff;text-align:center;display:block;position:absolute;top:-1px;left:0;width:28px;height:2px;margin:0;background:#fff;transition:.2s;}
#header nav a#gofooter span:before,#header nav a#gofooter span:after{ display:block;content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background:#fff;transition:.3s;}
#header nav a#gofooter span:before{margin-top:-9px;}
#header nav a#gofooter span:after{margin-top:7px;}
#header nav a#gofooter:hover span:before{ transform:translateY(2px);}
#header nav a#gofooter:hover span:after{ transform:translateY(-2px);}
#header nav ul li svg{fill: #fff;display: inline-block;width: 14px;height: 18px;vertical-align: middle;margin: 0px 6px 0 0;}
#header nav ul li span {/* display: none; */color: #fff;}

#header .menu{display:none;}

/*____________________ トップページ ____________________*/
.movie{padding-bottom: 160px;}
#video{max-width: 100%;width: 100%;max-height: calc(100vh - 32px);object-fit: cover;height: 100vw;}
#main{padding:0;}
.haika #main { padding: 40px 16px; width: 100%; max-width:100%;max-width:1080px; margin: 16px auto; min-height: 600px; box-sizing: border-box; }
section .movie{padding-bottom: 160px;}
section h1, section h2, section h3, section h4, section h5, section p{padding: 10px 0;margin: 0;line-height: 1.8;}
section h1, section h2, section h3, section h4, section h5{font-weight:bold;}
section p { text-align: justify; text-justify: inter-ideograph; }
section article{background-color: white;margin: 44vw 0;}
section article div a{color: #7E4502;text-align: left;display: block;font-size: 16px;margin-top: -26vw;}
section article div p{color: #4B2901;text-align: left;display: block;font-size: 10px;margin-top: -24vw;}

section article div p a {
margin: 0 !important;
/* font-size: 10px; */
text-decoration: underline !important;
padding: 0;
}
.bgwhite {padding-bottom: 10vw;}
.About span{color: #CA8B40;}
.About a{text-align: center}
.About p{text-align: center;margin-top: -24vw;margin-bottom: 0vw;}
.About2 a{margin-left: 24px;}
.About2 p{margin-left: 24px;}
.eye {
overflow: hidden;
}
a.eyebutton {margin: 8px calc(2.5vw - 28px) 0px 24px;}
.eyebutton {
width: 42vw;
font-size: 10px;
font-weight: bold;
text-decoration: none;
display: block;
text-align: center;
padding: 10px 0px 10px;
color: #8a571c;
background-color: #ffffff;
border-radius: 3px;
border: 0.5px solid #7e4503;
float: left;
}
.eyebutton:hover {
width: 42vw;
font-size: 10px;
font-weight: bold;
text-decoration: none;
display: block;
text-align: center;
padding: 10px 0px 10px;
color: #ffffff;
background-color: #7e4503;
border-radius: 3px;
border: 0.5px solid #7e4503;
}
.Schedule a{margin-left: 24px;}
.Schedule p{margin: -10px 0px 14px 24px;
color: #333;}
.week{margin: -20vw 0 24px 24px;border-collapse: collapse;font-size: 10px;}
.AX{}
.week tr{width: 25%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;}
.week td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
text-align: center;}
.doctor{
max-width: calc(100% - 48px);
height: auto;
width: 100%;
min-height: 160px;
margin: 0 auto 32px auto;
display: block;
}
.Access{margin: -22vw 0 0 0;}

.Access iframe{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
filter:grayscale(100%);
pointer-events: none;
}

.Access a {margin-left: 24px;}
.Access h2 a{color: #7E4502;text-align: left;display: block;font-size: 16px;margin-top: 4vw;}
.Access p {margin: -16px 0 0 24px;}
.tel{
color: #4B2901;
text-align: left;
/* display: block; */
font-size: 10px;
margin: -4vw 0 0 24px;
}
a.tel {
margin: 0;
font-size: 10px;
}a.tel {
margin: 0;
font-size: 10px;
text-decoration: underline;
display: inline;
}
.Info a {margin: 0 0 0 24px;}
.midashi{letter-spacing: 0px;font-size: 2.8rem;line-height: 40px;padding: 1px 0 24px 0;margin: 0;text-transform: uppercase;display: block;text-indent: -3px;}
.midashi a {color: #fff;}
ul#imglist {padding: 120px 0 0;display: block;max-width:100%;max-width:1080px;margin: auto;}
ul#imglist li {display: block;margin: 0 0 100px 0;font-size: .8rem;letter-spacing: 0.01rem;text-align: center;}
ul#imglist li figure {position: relative;margin: 0 auto 6px;display: inline-flex;display: -ms-flexbox;display: -webkit-inline-flex;display: inline-flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
ul#imglist li figure:active img,
ul#imglist li figure:hover img,
ul#imglist li figure.hover img{/* opacity: 0.2;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; */}
ul#imglist li figure:active figcaption, 
ul#imglist li figure:hover figcaption,
ul#imglist li figure.hover figcaption{/* display: block; */opacity: 1;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
ul#imglist li figure figcaption {mix-blend-mode: hard-light;opacity: 0;/* display: none; */position: absolute;top: 0;left: 0;text-align: center;letter-spacing: 0.1rem;font-size: 0.7rem;width: 100%;height: 100%;z-index: 1;color: #ffffff;text-shadow: 0 0 1px rgba(255, 255, 255, 0.6);background: rgba(45,45,45,0.7);display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-transition: all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
ul#imglist li p {padding: 0 16px;font-size: .5rem;line-height: 1.5rem;/* box-sizing: border-box; *//* width: 60%; */text-align: justify;}
ul#imglist li p a,p.goarchive a {border-bottom: 1px solid rgba(153, 153, 153, 0.64);padding: 3px;}
ul#imglist li time {padding: 6px 16px;display: block;box-sizing: border-box;text-align: left;}
ul#imglist li img,ul#imglist li iframe {max-width: 100%;width: auto;height: auto;margin: 0 auto;text-align: center;display: block;}
ul#imglist li iframe{height: 800px;width:100%;max-width:1080px;position: relative;z-index: 99;}
#footer div {text-align: center}
#footer svg {margin:12vw 0 20px 0;width: 100px;}
#footer {background: #7f6858;padding: 40px 24px 40px;box-sizing: border-box;overflow: hidden;clear:both;width: 100%;margin: -44vw 0 0 0;}
#footer p {text-align: center;font-size: .5rem;padding: 0;opacity: .7;/* overflow: hidden; */height: auto;/* min-height: 20px; *//* clear: both; */margin: auto;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
#footer p small {font-family: serif;font-size: .5rem;letter-spacing: .05rem;}
#footer p img{max-width: 120px;height: 28px;width: 100%;margin: 0 16px;display: block;float: left;}
#footer nav { padding: 0 0 24px 0; }
#footer nav ul {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;max-width: 320px;margin: auto;}
#footer nav ul li {width: 25%;float: left;text-align: center;padding: 0;margin: 0;display: block;}
#footer nav ul li a { padding: 8px; display: block; }
#footer nav ul li svg { fill: #fff; width: 32px; height: 32px; }
#footer nav ul li span { display: none; }
#footer .banner{}
#footer .cls-1{fill: #231815;}
#footer .banner img {
width: 120px;
padding: 4px 4px 20px 4px;
}
.box{}

.overlay .cancel {position: absolute;width: 100%;height: 100%;cursor: default;z-index: 0;}
.overlay .cancel:hover {opacity: 1;}
.overlay .cancel:before {content: '×';position: absolute;bottom: 28px;right: 20px;color: #fff;font-size: 40px;line-height: 14px;text-align: center;cursor: pointer;z-index: 999;}
.overlay:target {display:block;height: 100svh;width: 100%;position: fixed;inset: 0;background: rgba(90, 90, 90, .87);box-sizing: border-box;z-index: 9997;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}
.popup { margin: 75px auto; padding: 20px; background: #fff; border: 1px solid #666; width: 300px; box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); position: relative; }
.overlay:target .box {padding: 8px 24px;box-sizing:border-box;margin:auto;height: 100%;}
.overlay:target .box ul {margin: auto;padding: 0;height: 100%;width: 100%;max-width:100%;max-width:600px;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.overlay:target .box ul li {display: block;text-align: center;margin: 0;padding: 0;line-height: normal;width: 100%;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

li.other>ul>li {
width: 50% !important;
float: left;
}

li.other>ul {
padding: 64px 0 24px 0 !important;
}

li.other>div>a {
float: left;
width: 48%;
margin: 0 1% !important;
padding: 0 !important;
}

li.other>div>a>img {
width: 100%;
}
.overlay:target .box ul li a{color: #fff;display: block;}

.overlay:target .box ul li:nth-child(1) { -webkit-animation: example 0.4s ease 0.1s 1 forwards; animation: example 0.4s ease 0.1s 1 forwards; }
.overlay:target .box ul li:nth-child(2) { -webkit-animation: example 0.4s ease 0.2s 1 forwards; animation: example 0.4s ease 0.2s 1 forwards; }
.overlay:target .box ul li:nth-child(3) { -webkit-animation: example 0.4s ease 0.3s 1 forwards; animation: example 0.4s ease 0.3s 1 forwards; }
.overlay:target .box ul li:nth-child(4) { -webkit-animation: example 0.4s ease 0.4s 1 forwards; animation: example 0.4s ease 0.4s 1 forwards; }
.overlay:target .box ul li:nth-child(5) { -webkit-animation: example 0.4s ease 0.5s 1 forwards; animation: example 0.4s ease 0.5s 1 forwards; }
.overlay:target .box ul li:nth-child(6) { -webkit-animation: example 0.4s ease 0.6s 1 forwards; animation: example 0.4s ease 0.6s 1 forwards; }
.overlay:target .box ul li:nth-child(7) { -webkit-animation: example 0.4s ease 0.7s 1 forwards; animation: example 0.4s ease 0.7s 1 forwards; }
.overlay:target .box ul li:nth-child(8) { -webkit-animation: example 0.4s ease 0.8s 1 forwards; animation: example 0.4s ease 0.8s 1 forwards; }
.overlay:target .box ul li:nth-child(9) { -webkit-animation: example 0.4s ease 0.9s 1 forwards; animation: example 0.4s ease 0.9s 1 forwards; }
.overlay:target .box ul li:nth-child(10) { -webkit-animation: example 0.4s ease 1s 1 forwards; animation: example 0.4s ease 1s 1 forwards; }
.overlay:target .box ul li:nth-child(11) { -webkit-animation: example 0.4s ease 1.1s 1 forwards; animation: example 0.4s ease 1.1s 1 forwards; }
.overlay:target .box ul li:nth-child(12) { -webkit-animation: example 0.4s ease 1.2s 1 forwards; animation: example 0.4s ease 1.2s 1 forwards; }
.overlay:target .box ul li:nth-child(13) { -webkit-animation: example 0.4s ease 1.3s 1 forwards; animation: example 0.4s ease 1.3s 1 forwards; }
.overlay:target .box ul li:nth-child(14) { -webkit-animation: example 0.4s ease 1.4s 1 forwards; animation: example 0.4s ease 1.4s 1 forwards; }
.overlay:target .box ul li:nth-child(15) { -webkit-animation: example 0.4s ease 1.5s 1 forwards; animation: example 0.4s ease 1.5s 1 forwards; }
.overlay:target .box ul li:nth-child(16) { -webkit-animation: example 0.4s ease 1.6s 1 forwards; animation: example 0.4s ease 1.6s 1 forwards; }
.overlay:target .box ul li:nth-child(17) { -webkit-animation: example 0.4s ease 1.7s 1 forwards; animation: example 0.4s ease 1.7s 1 forwards; }
.overlay:target .box ul li:nth-child(18) { -webkit-animation: example 0.4s ease 1.8s 1 forwards; animation: example 0.4s ease 1.8s 1 forwards; }
.overlay:target .box ul li:nth-child(19) { -webkit-animation: example 0.4s ease 1.9s 1 forwards; animation: example 0.4s ease 1.9s 1 forwards; }

#archive:target .box ul li{padding:1px;}
#archive:target .box ul li a{padding: 8px 4px;font-size: 0.8rem;}


p.goarchive {display:block;text-align: center;margin: 0 auto 80px;}
p.goarchive a{}

div.error {
margin: 24vh 0;
text-align: center;
}

div.error a {
text-decoration: underline;
margin: 24px 0;
display: inline-block;
}
.haika #footer{margin: 0
0;}
.EyeList{
height: 160px;
overflow: scroll;
margin: 42px 0 0 0;
font-size: 12px;
padding: 6px 0 16px 0px;
}
.ELT{text-align: center;padding: 10px;clear:both;}
.EyeList a{
line-height: 28px;
text-align: center;
display: block;
float: left;
width: 50%;
}
.qamenu a{
display: block;
width: 50%;
float: left;
text-align: center;
}
.qamenu{
height: 80px;
overflow: scroll;
margin: 36px 0 0 0;
font-size: 12px;
padding: 12px 0 12px 0px;
line-height: 28px;
}
.MachineList{
height: 120px;
overflow: scroll;
margin: 48px 0 0 0;
font-size: 12px;
padding: 12px 0 12px 12px;
line-height: 22px;
}
span.MaschineT br {
display: none;
}
.EyeCont {
background-color: white;
font-size: 10px;
padding: 12px;
height: 300px;
overflow: scroll;
}
.EyeCont h3 {
padding: 2px 0 10px 0;
color: #7E4502;
font-size: 12px;
}
.EyeCont p {
padding: 0 0 22px 0
}
.EyeCont ol {
padding: 0 0 22px 0px;
}
.byoukibox h3 {
padding: 2px 0 10px 0;
color: #7E4502;
font-size: 12px;
}
#setsumei ol {
padding: 0 20px 10px 16px;
}
#setsumei li {
list-style-type: disc;
}
#setsumei p{}
.maschinebox img {
width: 50%;
margin: auto;
padding-bottom: 12px
}
.Mc{
overflow: scroll;
margin: 48px 0 0 0;
font-size: 10px;
padding: 12px 12px 12px 12px;
background-color: white;
}
.Mc img {width: 100%;padding-bottom: 12px;}
.Mc p {
padding: 0 0 22px 0
}
.Mc ol {
padding: 0 0 22px 0px;
}
.Mc h3 {
padding: 2px 0 10px 0;
color: #7E4502;
font-size: 12px;
}
.myopine{
overflow: scroll;
margin: 48px 0 0 0;
font-size: 10px;
padding: 12px 12px 12px 12px;
background-color: white;
}
.myopine img {width: 100%;padding-bottom: 12px;}
.myopine p {
padding: 0 0 22px 0
}
.myopine ol {
padding: 0 0 22px 0px;
}
.myopine h3 {
padding: 2px 0 10px 0;
color: #7E4502;
font-size: 12px;}
.glashvista {margin: 0 auto; text-align: left;font-size: 10px;padding: 12px;background-color: white;width: auto;}
.glashvista p{padding: 12px 0 0 0;}
.glashvista img{
max-width: 100%;
height: auto;
margin: auto;
display: block;
}
.glashvista h1{
margin-bottom: 0;
font-size: 120%;
border-bottom: 2px solid #acd658;
display: inline-block;
padding: 0;
line-height: 1.4em;
margin-top: 24px;
}

.glashvista table {
border-collapse: collapse;
margin: 16px auto;
width: auto;
}

.glashvista table th,.glashvista table td {
border: 1px solid #ccc;
width: 50%;
box-sizing: border-box;
padding:0px 4px;
margin: 0;
vertical-align: bottom;
text-align: center;
}

.glashvista table th {
background: #eee;
}

.glashvista table td {
font-size: 10px;
}

.pl_indent {text-align: center;letter-spacing: 10px;}

.glashvista .pl_indent img {
display: inline;
}

.glashvista .big li {
margin: 2px 0;
line-height: 170%;
font-weight: bold;
padding:8px 16px;
display: list-item;
background: #efefef;
}

.glashvista .big {padding: 16px 0;}
.glashvista .note{
font-size: 84%;
margin: 24px;
}
.glashvista .note li{
text-indent: -12px;
}
.glashvista .border{
border: 2px solid #acd658;
padding:8px 16px;
font-size: 116%;
margin: 16px auto;
line-height: 160%;
}

.glashvista .photo img {
}

.glashvista .photo {
text-align:center;
padding: 52px 0 16px;
margin:0 0 -20px 0;
}

.glashvista .border dt {
font-weight: bold;
margin: 8px 0;
}

.glashvista .border dd {
font-size: 80%;
color: #555;
margin: 0 0 16px 0;
}
.glashvista .siyou{
padding: 8px 16px;
margin: 16px 0;
background: #EEF7DD;
overflow: hidden;
clear: both;
}
.glashvista .siyou dt{
border-bottom: 2px solid #acd658;
padding: 0;
font-weight: bold;
}

.glashvista .siyou dt span {
font-family: monospace;
padding: 0 16px 0 0;
color: #8AC316;
}
.glashvista .siyou dd{}
.glashvista .siyou dd.text{}
.glashvista .siyou dd.img_right{padding:16px 0 0;text-align:center;}
.glashvista .siyou dd.img_right img{}

.glashvista .siyou img{}
#img-box-wrap img{height: 50%;width: 50%;
}

.Info .CBox {
padding: 0px 24px 80px;
}

.Info .CBox p {
margin: 0;
}

.Info .CBox p strong {
font-size: 120%;
margin: 0 16px 0 0;
color: #7E4502;
}

.Info .bgwhite {
margin: -90px 0 40px 0;
}
@-webkit-keyframes example {
0% {opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" -moz-transform: scale(.9) translateY(-8px); -webkit-transform: scale(.9) translateY(-8px); -o-transform: scale(.9) translateY(-8px); -ms-transform: scale(.9) translateY(-8px); transform: scale(.9) translateY(-8px); }
100% {opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" -moz-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); }
}
@keyframes example {
0% {opacity:0;filter:alpha(opacity=0);-moz-opacity:0;-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" -moz-transform: scale(.9) translateY(-8px); -webkit-transform: scale(.9) translateY(-8px); -o-transform: scale(.9) translateY(-8px); -ms-transform: scale(.9) translateY(-8px); transform: scale(.9) translateY(-8px); }
100% {opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" -moz-transform: scale(1) translateY(0px); -webkit-transform: scale(1) translateY(0px); -o-transform: scale(1) translateY(0px); -ms-transform: scale(1) translateY(0px); transform: scale(1) translateY(0px); }
}

@media all and (min-width:414px){}
@media (max-width: 769px){
.overlay {display: none;}
.popup .close { position: absolute; width: 20px; height: 20px; top: 20px; right: 20px; opacity: 0.8; transition: all 200ms; font-size: 24px; font-weight: bold; text-decoration: none; color: #666; }
.popup .close:hover { opacity: 1; }
.popup .content { max-height: 400px; overflow: auto; }
.popup p { margin: 0 0 1em; }
.popup p:last-child { margin: 0; }
ul#imglist li iframe{height:100vw;}
}
@media (min-width: 769px){
html{/* max-width:1720px; */margin:auto;/* min-width: 1080px; */}
body{ margin:0;}
.topimg{ position: absolute; top: 0; width: 100%; /* max-height: 1000px; */ }
.top #main{margin: 80px 0 0 0;clear: both;min-height: 100vh;}
#header .spacces{display: none;}
#header .spcontact{display: none;}
#header{height: 80px;padding: 4px 8px;}
#header:hover{}
#header h1 a{padding: 12px 0px 12px 72px;}
#header h1 a svg{width:64px;height:48px;}
#header h1{/* max-width: 150px; *//* width: 23vw; */}
#header h1 {/* margin: 8px 0 0 24px; */}
#header p{display:none;}
#header .overlay{/* width: 75vw; *//* float: right; */min;/* max-width: 684px; */margin: auto;}
#header .overlay .cancel { display: none; }
#header nav{}
#header nav ul {display: block;padding: 0 12px;text-align: center;}
#header nav ul li { display: inline; }

li.other {
display: none !important;
}
#header nav ul li.top { display: none; }
#header nav ul li a {display: inline-block;line-height: 34px;color: #222;text-shadow: 0 0 1px rgba(255, 255, 255, .5);}
#header nav ul li.link {border:0;padding:4px 0;margin: 0 0 24px;}
#header nav ul li.link a {padding: 12px 12px;color: #444;font-size: 15px;margin-top: 4px;}
#header nav ul li svg {max-width: 16px;max-height: 15px;fill: #444;}
#header nav ul li span {color:#444;}
#header nav ul li.icon { float: none; }
#video {/* margin: 80px auto auto; *//* max-width: calc(100% - 32px); */height: auto;}
section img {top: 0vw;max-width: 600px;  animation: grow-progress linear;animation-timeline: scroll();}
@keyframes grow-progress {
from {transform:translateY(-100px);}
to {transform:translateY(200px);}
}
section article{margin: 0 auto;padding: 0 16px;background-color: #f7f4f1}
section article h2 a{font-size: 21px;}
section article div a{margin-top: 0vw;}
section article div p{margin-top: 0vw;}
.About {width:100%;max-width:1080px;}
.About img {margin:132px auto 0 0;z-index: 2;position: relative}
.About h2 a {text-align: left;padding: 30px 0 0 40px;}
.About .bgwhite {width:100%;margin:-374px 0 0 auto;z-index: 4;position: relative;}
.About p {margin-top: 0vw;text-align: left;padding-left: 40px;}
.About2 {width:100%;max-width:1080px;}
.About2 img {margin:266px 0 0 auto;}
.About2 h2 a {text-align: left;padding: 30px 0 0 40px;margin: 0;}
.About2 .bgwhite {width:100%;margin:-374px auto 0 0;z-index: 4;position: relative;}
.About2 p {margin-top: 0vw;text-align: left;padding-left: 40px;margin: 0;}
.eye {width:  400px;margin-left: auto;margin-right: auto;}
.eye {padding-left: 16px;margin: 0;}
.Schedule {width:100%;max-width:1080px;}
.Schedule img {margin: 180px auto 0 0;}
.Schedule h2 a {text-align: left;padding: 40px 0 0 40px;margin: 0;}
.Schedule .bgwhite {width:100%;margin: -304px 0 0 auto;z-index: 4;position: relative;}
.Schedule p {margin-top: 0vw;text-align: left;padding-left: 40px;margin: 0;}
.week{margin: 0;padding-left: 40px;}
.cal{padding-left:40px }
.Access{margin-top: 0px;padding: 0;}

.Access .bgwhite {
max-width: none;
background: no-repeat;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}

.Access .bgwhite div {
width: 100%;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}

.Access .bgwhite div p {
width: auto;
}
.Access p{/* margin:-24px 0 0 24px; *//* padding-bottom: 50px; */}
.Access h2 a{font-size: 21px;}
a.tel {
margin: 0;
font-size: 14px;
display: inline
}
.Info{width:100%;max-width:1080px;margin-left: auto;margin-right: auto;}
.Info img {margin: 30px auto 0 0;z-index: 2;position: relative}
.Info h2 a {text-align: left;padding: 40px 0 0 40px;margin: 0;}
.Info .bgwhite {width:100%;max-width:600px;/* height: 330px; */margin: -374px 0 0 auto;z-index: 4;position: relative;}

.Info .CBox {
padding: 0 40px;
}

.Info CBox {
padding: 40px 0;
}
.bgwhite {padding: 0 0 32px 0;max-width: 560px;background-color: rgba(255, 255, 255, 0.91);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);border-radius: 8px;}
.bgwhite p {font-size: 13px;}

.Info .CBox p {
font-size: 11px;
}
ul.itemlist li {width: 33%;}
ul#imglist li{position: relative;}
ul#imglist li p {padding: 8px 0;text-align: center;}
ul#imglist li time {padding: 6px 0;position: absolute;top: -6px;left: -100px;}
ul#imglist li figure figcaption{}
    ul#imglist li time[data-show="on-scroll"] {transform:translateX(32px);opacity:0;filter:alpha(opacity=0);filter:-\9;transition-timing-function:ease-out;transition-duration:1s;transition-delay:1s;}
    ul#imglist li time[data-show="on-scroll"].in-view{transform:translateX(0);opacity:1;filter:alpha(opacity=100);filter:-\9}
.overlay .cancel:before {bottom:auto;top:40px;right:40px;font-size:50px;}
.eyebutton {
width: 150px;
font-size: 10px;
font-weight: bold;
text-decoration: none;
display: block;
text-align: center;
padding: 10px 0px 10px;
color: #8a571c;
background-color: #ffffff;
border-radius: 3px;
border: 0.5px solid #7e4503;
float: left;
}
.eyebutton:hover {
width: 150px;
font-size: 10px;
font-weight: bold;
text-decoration: none;
display: block;
text-align: center;
padding: 10px 0px 10px;
color: #ffffff;
background-color: #7e4503;
border-radius: 3px;
border: 0.5px solid #7e4503;
}
.eye {
padding-left: 40px;
margin: auto;
padding: auto;
}
a.eyebutton {
margin: 0 10px 10px 0px;
}
article.case{width:800px;margin: auto}
.EyeList{overflow: auto;
margin: 120px 20px 80px 0;
width: 220px;
height: 500px;
float: left;
background-color: white;font-size:12px;
padding: 0}
.EyeList a {
text-align: left;
display: block;
float: left;
width: 80%;
padding: 2px 20px;
}
.ELT {text-align: left;
padding: 10px 20px;
clear: both;
}
.EyeCont{overflow: auto;
height: auto;
margin: 120px 0 80px 0;
width: 560px;
float: left;
padding: 0;
font-size: 12px;}
.EyeCont h3{padding: 10px 20px;
color: #7E4502;
font-size: 12px;}
.EyeCont p{padding: 10px 20px;
font-size: 12px;
line-height: 24px;}
.EyeCont ol{
padding: 10px 40px;
}
.EyeCont li{list-style-type: disc;
}
.byoukibox h3 {
padding: 10px 20px;
color: #7E4502;
font-size: 12px;
}
#setsumei p {
padding: 10px 20px;
font-size: 12px;
line-height: 24px;
}
#setsumei ol {
padding: 10px 40px;
}
.Qaa {margin: auto;width:100%;max-width:1080px;}
.qamenu{     overflow: auto;
margin: 120px 20px 80px 0;
width: 220px;
height: auto;
float: left;
background-color: white;
font-size: 12px;}
.qandabox {
padding: 16px 0;
}
.qamanu a {text-align: left;
padding: 10px 0px;
clear: both;
width: auto;}
.EyeCont h3{padding: 10px 20px;
color: #7E4502;
font-size: 12px;}
.EyeCont p{padding: 10px 20px;
font-size: 12px;
line-height: 24px;}
.EyeCont ol{
padding: 10px 40px;
}
.EyeCont li{list-style-type: disc;
}
.qamenu a {text-align: left;
padding: 10px 0px;
clear: both;width:auto;}
.ELTqa {text-align: left;
padding: 0px 20px;
    clear: both;}
article.Item.Maschine {margin:auto;
width:100%;max-width:1080px;}
.MachineList {
overflow: auto;
margin: 120px 20px 80px 0;
width: 220px;
height: auto;
float: left;
background-color: white;
font-size: 12px;
padding: 12px 0;
}
span.MaschineT br {
display:inline;
}
.maschinebox {padding: 12px}
.maschinebox img {padding: 0 20px;}
.Maschine .EyeCont {
height: auto;
}

.Qaa .EyeCont {
height: auto;
}
.Mc {margin: 80px auto;
width: 600px;
overflow: hidden}
.Mc p {
padding: 10px 20px;
font-size: 12px;
line-height: 24px;
}
.Mc h3{padding: 10px 20px;
color: #7E4502;
font-size: 12px;}
.Mc h4{padding: 10px 20px;}
.myopine{margin: 80px auto 80px auto;
width: 600px;
overflow: hidden;
font-size: 10px;
padding: 12px 12px 12px 12px;
background: white;}
.myopine img {
width: 50%;
padding-bottom: 12px;
margin: auto;
}
.myopine h3 {
padding: 2px 0 10px 0;
color: #7E4502;
font-size: 14px;
}
.myopine p {
padding: 0 0 22px 0;
font-size: 12px;
}
.myopine li{font-size: 12px;}
.glashvista{margin: 60px auto;width: 600px;}
.glashvista p {
padding: 10px 20px;
font-size: 12px;
line-height: 24px;
}
.glashvista h1{font-size: 14px;}
#footer {margin: 10vw 0 0 0;}
}
@media (min-width: 1300px)
{
#video {
/* margin: 80px auto; */
/* display: block; */
}
}