ul,li,div,span,section,article,input,textarea,table,tr,th,td,a,h1,header{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth}body{font-size:14px}header{width:100%;min-width:1200px;height:750px;background:url(/img2/_IMP7411.jpg) no-repeat;background-size:cover;position:relative}header h1{width:200px;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}header nav{position:absolute;bottom:50px;text-align:center;left:0;right:0;margin:0 auto;background: rgba(255, 255, 255, 0.8);}header nav a{margin:0 10px;display:inline-block}section{width:100%;min-width:1200px;margin:100px 0 0 0}section h2{text-align:center;font-weight:bold;font-size:24px;margin:0 0 50px 0}section h2 span{font-size:14px;font-weight:normal;display:block;margin:10px 0 0 0}section.about p{width:800px;text-align:center;margin:0 auto}section.studio ul{display:flex;justify-content:center;margin:0 0 50px 0}section.studio ul li{width:300px;text-align:center}section.studio ul li img{width:100%}section.studio div img{width:20%;margin:0;padding:0;vertical-align:bottom}section table{width:1000px;margin:0 auto}section table tr{border-top:1px #000 solid}section table tr th{width:20%;vertical-align:top;text-align:left}section table tr th,section table tr td{padding:20px}section.reservation{margin-bottom:100px}section.reservation ul{display:flex;justify-content:space-between;width:1000px;border-top:1px #000 solid;margin:0 auto}section.reservation ul li{text-align:center;margin:50px 0 0 0}section.reservation ul li a{display:block;border:1px #000 solid;padding:20px 55px;margin:10px 0 0 0;font-size:24px}section.reservation ul li a.result{font-size:16px}section.reservation ul.atten{display:block;width:100%;padding:5%}section.reservation ul.atten li{text-align:left;margin:10px 0 0 0;text-indent:-1rem;padding-left:1rem;font-size:12px}section.reservation h3{text-align:center;margin:50px 0 0 0;font-size:18px}section.reservation p.tx{width:1000px;margin:0 auto 20px}section.reservation p.error{color:#f00;margin-bottom:5px;font-weight:bold}section.reservation p.end{text-align:center}section.reservation label{display:block}section.reservation table{margin-top:20px}section.reservation table.confirm p{margin:0 0 20px 0;border-bottom:1px solid #eee;padding:0 0 20px 0}section.reservation .must{color:#c00}section.reservation .modalContents h1{padding:20px;font-size:20px}section.reservation .line{text-align:center}section.reservation textarea{width:72%}section.access{margin:0 0 100px 0}section.access div{width:1000px;border-top:1px #000 solid;margin:0 auto;padding:50px}section.access div h3{font-weight:bold;margin:0 0 10px 0}section.groop{margin:0 0 100px 0}section.groop p{text-align:center}section.groop p img{margin:0 0 20px 0}section.groop p img.logo{width:150px}section.groop p img.photo{width:500px}div.err{text-align:center;font-weight:bold;color:#f00}footer{width:90%;min-width:1100px;background:#333;padding:5%;color:#fff !important}footer a{margin:0 25px 50px 0;display:inline-block}footer a img{width:30px;height:30px}footer span{font-size:10px}input,textarea,button,select{border-radius:2px;border:0;padding:9px;color:#333;border:solid 1px #ddd;background:#f9f9f8;margin:10px 0}input.name,textarea.name,button.name,select.name{width:23%;margin:-10px 1% -10px 0}input.form_bt,textarea.form_bt,button.form_bt,select.form_bt{width:300px;margin:50px auto;padding:10px 20px;text-align:center;display:block;border:none;background:#6a6859;color:#fff}input.form_bt:hover,textarea.form_bt:hover,button.form_bt:hover,select.form_bt:hover{background:#ccc}input.re_bt,textarea.re_bt,button.re_bt,select.re_bt{width:300px;margin:-30px auto 50px;padding:10px 20px;text-align:center;display:block;border-top:1px #dedede solid;background:#f9f9f9}input.back_bt,textarea.back_bt,button.back_bt,select.back_bt{width:300px;display:block;margin:-30px auto 0}.modalArea{display:none;position:fixed;z-index:10;top:0;left:0;width:100%;height:100%}.modalBg{width:100%;height:100%;background-color:rgba(30,30,30,0.5)}.modalWrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:70%;max-width:43%;background-color:#fff;border-radius:5px}.closeModal{position:absolute;top:19px;right:22px;cursor:pointer;font-size:24px}button{width:100px;margin:0 auto 20px;display:block}#openModal{color:#C00;font-weight:bold}#openModal:hover{cursor:pointer;color:#900}br.sp{display:none}@media screen and (max-width: 660px){br.sp{display:block}header{width:100%;min-width:100%;height:500px;background:url(/img2/_IMP7411.jpg) no-repeat center center;background-size:cover}section{width:100%;min-width:100%;margin:50px 0 0 0}section h2{text-align:center;font-weight:bold;font-size:24px;margin:0 0 50px 0}section h2 span{font-size:14px;font-weight:normal;display:block;margin:10px 0 0 0}section.about p{width:80%;text-align:center;margin:0 auto}section table{width:100%;margin:0 auto}section table tr{border-top:1px #000 solid}section table tr th{width:100%;font-weight:bold;vertical-align:top;text-align:left}section table tr th,section table tr td{display:block;padding:20px}section.reservation{margin-bottom:100px}section.reservation ul{display:block;justify-content:inherit;width:100%;border-top:1px #000 solid;margin:0 auto}section.reservation ul li{text-align:center;margin:30px 0 0 0}section.reservation ul li a{width:80%;display:block;border:1px #000 solid;padding:20px 0;margin:10px auto 0;font-size:24px}section.reservation ul li a.result{font-size:16px}section.reservation ul.atten{display:block;width:100%;padding:5%}section.reservation ul.atten li{text-align:left;margin:10px 0 0 0;text-indent:-1rem;padding-left:1rem;font-size:12px}section.reservation h3{text-align:center;margin:50px 0 0 0;font-size:18px}section.reservation p.tx{width:80%;margin:0 auto 20px}section.reservation p.error{color:#f00;margin-bottom:5px;font-weight:bold}section.reservation p.end{text-align:center}section.reservation label{display:block}section.reservation table{margin-top:20px}section.reservation table.confirm p{margin:0 0 20px 0;border-bottom:1px solid #eee;padding:0 0 20px 0}section.reservation .must{color:#c00}section.reservation .modalContents h1{padding:20px;font-size:20px}section.reservation .line{text-align:center}section.reservation textarea,section.reservation input{/* width:100% */}section.access{margin:0 0 100px 0}section.access div{width:100%;border-top:1px #000 solid;margin:0 auto;padding:20px}section.access div h3{font-weight:bold;margin:0 0 10px 0}section .form_bt{width:90% !important}section.groop p img.photo{width:90%}footer{width:90%;min-width:90%;background:#333;padding:5%;color:#fff !important}footer a{margin:0 25px 50px 0;display:inline-block}footer a img{width:30px;height:30px}footer span{font-size:10px}}