@charset "utf-8";body, legend{color:#000}
a, a:focus, area{outline:0}
#body, #header, body, html{width:100%}
#footer .pagetop a:hover{opacity:.7}
#contact, .heading{text-align:center}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
blockquote, body, button, code, dd, div, dl, dt, embed, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset, img{border:0}
li{list-style:none}
caption, th{text-align:left}
q:after, q:before{content:''}
abbr, acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
body{font-size:100%;overflow-y:scroll;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;-webkit-text-size-adjust:100%}
button, input, textarea{font-weight:inherit;font-size:99%}
h1, h2, h3, h4, h5, h6, table{font-size:100%}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal}
body, html{position:relative;height:100%;background:#000}
a{text-decoration:none;color:#09f}
a:hover{text-decoration:underline}
#contact .btn a:hover, #header a:hover{text-decoration:none}
img{vertical-align:top}
.has-sp{display:none}
#header{position:fixed;top:0;left:0;z-index:2}
#header .inner{position:relative;margin:0 auto;width:100%}
#header .logo{position:absolute;top:0;left:50%;z-index:1;margin-left:-550px}
#header .info .in, #header .nav-pc .in{margin:0 auto;width:100%;max-width:825pt}
#header .info{overflow:hidden;padding:3px 0;width:100%;background:#fbe101}
#header .info .in{height:54px}
#header .info .in .wrap{display:table;padding-left:222px;height:100%}
#header .info .in .wrap h2{display:table-cell;vertical-align:middle;font-size:20px;font-weight:700;line-height:20px}
#header .info .in .wrap h2 span{display:block;padding-right:24px;border-right:1px solid #000}
#header .info .in .wrap ul{display:table-cell;vertical-align:middle;padding-left:24px}
#header .info .in .wrap ul li{float:left;font-weight:500;font-family:Arial, sans-serif;font-size:18px;line-height:20px}
#header .info .in .wrap ul li + li:before{content:"/";padding:0 5px}
#header .info .in .wrap ul li .mail{color:#000;font-size:20px}
#header .nav-pc{overflow:hidden;width:100%;background:#000}
#header .nav-pc .in{height:4pc}
#header .nav-pc .wrap{display:table;padding-left:222px;height:100%}
#header .nav-pc ul{display:table-cell;vertical-align:middle}
#header .nav-pc ul li{float:left;padding-right:18px}
#header .nav-pc#navEn ul li{float:left;padding-right:3pc;margin-top:8px}
#header .nav-pc ul li a{color:#ff0;font-family:Verdana, sans-serif;font-size:18px}
#header .nav-pc ul li:last-child{padding:0}
#header .nav-opener, #header .nav-sp{display:none}
.yoko #header{position:relative !important;top:0 !important;left:0 !important;margin-top:0 !important}
.yoko #body{padding-top:0}
#footer{position:relative}
.pagetop{position:fixed;bottom:-52px;right:-70px}
#contact .btn, #contact .btn .contact{position:relative}
.pagetop a{overflow:hidden;display:block;width:70px;height:52px;background:url(/_img/btn_pagetop.png) 50% 50% no-repeat;background-size:cover;text-indent:-999em}
#footer .copyright{background:#000;font-size:9pt;line-height:52px;color:#666;text-align:center}
.heading{margin:0 auto;color:#000;width:470px;max-height:150px;background:url(/_img/heading.png) center center no-repeat;background-size:contain;padding:25px;line-height:125px;font-size:42px;text-shadow:0 1px 0 hsla(0, 0%, 100%, .8);font-family:arial narrow, sans-serif;font-weight:300}
#main .heading{line-height:1em;color:#fff;font-size:38px;font-family:Verdana, Tahoma, sans-serif;background:-moz-linear-gradient(left, transparent 0, rgba(0, 0, 0, .8) 33%, rgba(0, 0, 0, .8) 67%, transparent 100%);background:-webkit-linear-gradient(left, transparent 0, rgba(0, 0, 0, .8) 33%, rgba(0, 0, 0, .8) 67%, transparent 100%);background:linear-gradient(to right, transparent 0, rgba(0, 0, 0, .8) 33%, rgba(0, 0, 0, .8) 67%, transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1)}
#main .heading .lead{display:block;font-size:1pc;margin-top:4px}
#contact{padding:60px 20px;background:#fbe101}
#contact .btn, #contact .btn a{margin:0 auto;max-width:776px;width:100%}
#contact .btn a{color:#fbe101;background:url(/_img/btn.jpg) center center no-repeat;background-size:contain;height:150px;display:block;font-size:2pc;line-height:150px}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.clearfix{min-height:1px}
* html .clearfix{height:1px}
@media only screen and (max-width:1100px){#header .logo{left:0;margin-left:0}
#header .info .in{height:auto}
#header .info .in .wrap, #header .info .in .wrap h2{display:block}
#header .info .in .wrap h2 span{padding:0;border-right:0}
#header .info .in .wrap ul{padding:0;width:100%;max-width:618px}
}
@media only screen and (max-width:730px){.has-pc{display:none}
.has-sp{display:block}
#body{padding-top:66px}
#header .logo{width:75pt}
#header h1 img{width:100%}
#header .info .in{padding-left:75pt}
#header .info .in p{line-height:1.2em;font-size:3.5vw;font-weight:800;font-family:Arial Narrow, sans-serif}
#header .nav-opener, #header .nav-sp ul li{font-weight:700;font-size:13px;color:#fbe101}
#header .info .in p .business_hour{font-size:3vw;display:inline-block;padding:0 10px}
#header .info .in p img{width:220px}
#header .info .in ul{display:table}
#header .info .in ul li{color:#000;text-align:left;display:table-cell;vertical-align:top;font-size:3vw;font-weight:700;font-family:Verdana;line-height:20px;font-streach:condensed;letter-spacing:-.05em;}
#heaer .info .in ul li a{color:#000}
#header .info .in ul li a.mail{color:#000;transform:none;font-size:3vw;padding-left:1vw;font-family:"Arial Narrow",sans-serif;font-streach:condensed;}
#header .nav-pc{display:none}
#header .nav-opener, #header .nav-sp{display:block;background:#000;text-align:center}
#header .nav-opener{line-height:24px}
#header .nav-sp{position:absolute;top:66px;left:0;overflow:hidden;width:100%;height:0}
#header .nav-sp ul{display:block;height:auto;background:#222}
#header .nav-sp ul li{display:block;border-bottom:1px solid #333;line-height:1pc}
#header .nav-sp ul li a, #header .nav-sp ul li span{display:block;padding:8px 0;color:#fbe101}
#footer{background:#fbe101}
#footer .pagetop{position:static;height:50px;padding:0 10px}
#footer .pagetop a{float:right;width:40px;height:40px}
#footer .copyright{font-size:10px;line-height:40px}
.heading{width:88%;height:auto;max-width:20pc;padding-top:10%;line-height:1em;font-size:200%}
#contact{padding:20px 10px 10px}
#contact .btn a{font-size:24px}
}
.social-link{position:fixed;z-index:3;top:10pc;right:0}
.social-link ul{overflow:hidden;background:0 0;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}
.social-link ul li{position:relative;width:56px;height:58px;background:0 0}
.social-link ul li a, .social-link ul li span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;background-position:50% 50%;background-repeat:no-repeat;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;box-sizing:border-box;-webkit-box-sizing:border-box}
.social-link ul li a{-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
.social-link ul li:last-child a, .social-link ul li:last-child span{border-bottom:1px solid #e8e8e8;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px}
.social-link ul li:first-child a, .social-link ul li:first-child span{-webkit-border-top-left-radius:5px;border-top-left-radius:5px}
.social-link ul li.twitter span{border-color:#55acee;background-color:#55acee;background-image:url(/_img/sns/icon_twitter_on.png)}
.social-link ul li.twitter a{background-image:url(/_img/sns/icon_twitter.png)}
.social-link ul li.facebook span{border-color:#3a5795;background-color:#3a5795;background-image:url(/_img/sns/icon_facebook_on.png)}
.social-link ul li.facebook a{background-image:url(/_img/sns/icon_facebook.png)}
.social-link ul li.instagram span{border-color:#517fa4;background-color:#517fa4;background-image:url(/_img/sns/icon_instagram_on.png)}
.social-link ul li.instagram a{background-image:url(/_img/sns/icon_instagram.png)}
.social-link ul li.tripadvisor span{border-color:#5a9643;background-color:#5a9643;background-image:url(/_img/sns/icon_tripadvisor_on.png)}
.social-link ul li.tripadvisor a{background-image:url(/_img/sns/icon_tripadvisor.png)}
.social-link ul li a:hover{opacity:0}
@media only screen and (max-width:730px){.social-link{display:none}
}